/*
Copyright:Darren Hester 2006, http://www.designsbydarren.com
License:Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by-nc/2.5/
*/

body{text-align:center;background:#F4FDE5 url('css/bg.png') top center no-repeat fixed;margin-top:15px;margin-bottom:10px;font-family:Arial, Helvetica, sans-serif;font-size:0.85em;color:#666666;}

strong{color:#FF6600;font-weight:normal;}

a{color:#FF6600;border-bottom:1px dotted #FF6600;text-decoration:none;}
a:hover{border-bottom:1px solid #018843;color:#018843;}

img.gauche{float:left;margin:0 10px 10px 0;}
img.droite{float:right;margin:0 0 10px 10px;}
img.centre, div.aligncenter, img.aligncenter{display:block;margin:0 auto 10px auto;}

.float_left, .alignleft{float:left;margin-right:10px;}
.float_right, .alignright{float:right;margin-left:10px;}

#page_wrapper{margin-left:auto;margin-right:auto;width:980px;text-align:left;background:#FFFFFF url('css/content_bg.png') top right repeat-y;border:1px solid #018843;}

/* ##################### HEADER #########################*/
#page_header{height:120px;background:#9ACD34 url('css/header.jpg') top right no-repeat;clear:both;position:relative;}
#page_header a#back-home{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}
#page_header p{position:absolute;bottom:10px;left:40px;color:#FFF;margin:0;}

#page_header #flux-rss{width:240px;position:absolute;top:20px;left:420px;}

/* ##################### MENU #########################*/
#menu_bar{height:40px;background:#FFFFFF url('css/drop_shadow.gif') top left repeat-x;clear:both;}
#menu_bar ul{margin-top:0px;padding-left:0px;margin-left:0px;background:#FF6600 url('css/menu_bg.gif') top left repeat-x;color:White;float:left;width:100%;font-size:14px;font-weight:bold;}
#menu_bar ul li{display:inline;}
#menu_bar ul li a{padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;background:#FF6600 url('css/menu_bg.gif') top left repeat-x;color:#EFEFEF;text-decoration:none;float:left;border-right:1px solid #fff;}
#menu_bar ul li a:hover{background:#FF6600 url('css/menu_hover_bg.gif') top left repeat-x;color:#FFFFFF;}

/* ##################### BREADCRUMB #########################*/
#breadcrumbs{font-size:0.8em;padding:0 0 10px 4px;color:#CCCCCC;}
#breadcrumbs a{color:#CCCCCC;border-bottom:1px dotted #CCCCCC;}
#breadcrumbs a:hover{border-bottom:1px solid #CCCCCC;}

/* ##################### CONTENU #########################*/
#content_wrapper{margin:0 15px 0 15px;clear:both;font-size:0.9em;}

/*#ads-google-top{background:#FFF;}*/
#adsense-article-bottom{background:#FFF url(css/bg-adwords-article-bottom-2.jpg) no-repeat 0 0;padding-left:100px;}


#left_side{float:left;width:420px;background-color:#FFFFFF;border:0px dashed #cccccc;}
#left_side h1{margin-top:0px;margin-bottom:10px;color:#FF6600;background-color:#FFFFFF;padding:4px;border-bottom:1px solid #018843;clear:both;font-size:1.7em;}
#left_side h2{padding:10px 0 5px 0;color:#024429;font-size:1.1em;letter-spacing:1px;text-align:center;text-transform:uppercase;}
#left_side h2.liste-info{padding:10px 0 5px 0;text-align:left;text-transform:none;background:#FFF url('css/pointilles-horizontaux.gif') repeat-x bottom;}
#left_side h2.liste-info span.pubdate{color:#B8D253;}
#left_side h2.liste-info a{border:0;color:#024429;}
#left_side h2.liste-info a:hover{background-color:#B8D253;}
#left_side h3{padding:10px 0 5px 15px;color:#000;font-size:1.1em;}
#left_side h4{padding:10px 0 5px 30px;color:#666;font-size:1em;}

#left_side p{margin-top:0px;margin-bottom:15px;line-height:1.5;padding-left:4px;text-align:justify;}
#left_side .forminfodeco p{font-size:0.9em;margin-bottom:3px;}
#left_side p.publier{width:50%;background-color:#F4FDE5;border:1px solid #AAE5A4;padding:10px;text-align:center;margin:10px auto;}
#left_side p.pubdate{margin-bottom:5px;font-style:italic;color:#000;}
#left_side p.info{clear:both;}

#left_side .pagination{width:450px;margin:15px 15px 0 8px;padding:4px;text-align:center;}
#left_side .pagination .ditto_currentpage, .ajaxSearch_paging .pagingLinksCurrent{border:1px solid #FF6600;background-color:#F4FDE5;padding:0 4px;margin:0 2px;text-decoration:none;color:#FF6600;}
#left_side .pagination a, .ajaxSearch_paging a{border:1px solid #B8D253;padding:0 4px;margin:0 2px;text-decoration:none;}

#left-side blockquote{background-color:#FCFFF8;border-left:4px solid #FF6600;}

#content_wrapper ul{margin-left:10px;padding-left:0;list-style:none;} 
#content_wrapper ol{list-style:decimal;} 
#content_wrapper li{padding-left:10px;line-height:18px;margin-bottom:4px;}
#content_wrapper ul li{background-image:url('css/arrow.gif');background-repeat:no-repeat;background-position:0 7px;}
#content_wrapper ul li.current-cat{background-image:url('css/arrow-active.gif');}
#content_wrapper ul li.current-cat a{border-bottom:1px dotted #018843;}

#left_side li{text-align:justify;}

#feature_box{width:350px;background-color:#F6FCEC;border:1px solid #AAE5A4;padding:10px;margin:10px auto 5px auto;text-align:center;clear:both;}
#feature_box h4{padding-left:5px;margin-top:0px;margin-bottom:5px;color:#779E28;}
#feature_box p{color:#555555;line-height:16px;margin-bottom:5px;}

#right_side{margin-top:5px;float:right;width:500px;border:0px dashed #cccccc;}
#right_side h3{margin-top:0px;margin-bottom:10px;color:#FF6600;padding:4px;border:1px solid #AAE5A4;background-color:#F4FDE5;font-size:1.1em;}
#right_side p{margin-top:0px;margin-bottom:15px;color:#666666;line-height:16px;padding-left:4px;}
#right_side ul{margin-bottom:10px;}
#right_side ul ul{margin:4px 0 0 10px;font-size:0.9em;}

#right_side-2 .pub a{text-decoration:none;border:0;}

/* Flux RSS Idées déco Déco'In */
#left_side .simplepieitem{clear:both;background:#FFF url('css/pointilles-horizontaux.gif') repeat-x top;padding-top:10px;}
#left_side .simplepie p img{float:right;margin:0 0 20px 20px;border:1px solid #018843;padding:5px;}
#left_side .simplepie h2{padding:0 0 0 15px;font-size:1.1em;background-image:url('css/arrow.gif');background-repeat:no-repeat;background-position:0 5px;text-align:left;text-transform:none;}

/* ##################### FORMULAIRES #########################*/
.champ{margin:0 0 10px 0;}
.champ label{display:block;width:140px;float:left;padding:1px 8px 0 10px;text-align:right;}
input, textarea{border:1px solid #ABADB3;padding:2px;font-family:Arial, 'Lucida Sans', 'Bitstream Vera Sans', Helvetica, sans-serif;font-size:1em;}
input.error-req, textarea.error-req{border:1px solid #FF6600;}
input:focus, textarea:focus{background-color:#FCFFF8;}
.button {text-align:center;}
.req{color:#FF6600;}
.form-error{background-color:#F6FCEC;border:1px solid #AAE5A4;padding:10px;margin:5px 20px;}

.forminfodeco .req{font-size:0.8em;color:#666;display:block;text-transform:lowercase;font-weight:normal;}
.forminfodeco #submit-info, #saveForm{display:block;margin:10px auto;}

/* ##################### FOOTER #########################*/
#page_footer{background-color:#B8D253;clear:both;font-size:0.8em;padding-top:10px;}
#page_footer p{padding:4px 0;text-align:center;color:#FFFFFF;letter-spacing:1px;margin:0 auto;}

#spacer{height:20px;clear:both;}