@charset "UTF-8";
/*--------------------------------- position:relative  ------------------------------*/
html, body, .div_1024, .div_960, #div_menu, #logo, .baseline_border, #ol_travaux_pair, .img_travaux, #aside, #ul_aside, #li_ajouter, #about {position:relative;}
/*--------------------------------- Classe générale  ------------------------------*/
.span_hidden { margin-left:-9999px; }

.m { margin:10px 0;}
.p { padding:5px 0;}
.p2 { padding:0 0 0 5px}

.indent { text-indent:15px;}

.clear {clear:both;}
.float_Left { float:left;}
.float_right { float:right;}

.div_1024, .div_960  { margin:0 auto 0 auto;}
.div_1024 { width:1024px;}
.div_960 { width:960px;}

.overflow { overflow:auto;}
.inline { display:inline;}
.block { display:block;}
/*--------------------------------- Conteneurs  ------------------------------*/
html, body, #footer_fix { height:100%;}
#conteneur { min-height:100%;} /* pour fixer le footer */
#main_section { margin:31px 0 0 0; width:620px;}
/*--------------------------------- Header  ------------------------------*/
#div_menu {top:35px;}
#ul_menu { width:500px;}
#ul_menu li { float:left;}
#div_logo { margin:10px 0 0 0;}
#logo { display:block; height:92px; left:519px; width:473px;}
#div_entete { height:218px; width:992px;}
.baseline_border { top:13px; width:360px; }

#div_menu a, #xfooter a { padding:5px 10px; line-height:35px;}
/*--------------------------------- Content  ------------------------------*/
#ol_travaux_pair, #ol_travaux_impair { float:left; width:300px;}
.div_li_travaux { width:250px;}
.div_info_travaux { margin:10px 0 20px 0; padding:10px 0;}
.div_info_travaux li, .ul_info_articles li { display:inline;}
.cadre_travaux {height:132px; width:245px;}
.img_travaux { left:8px; top:7px;}

.li_articles { padding:10px 0; margin:0 20px 15px 0;}
.li_articles p { padding:0 0 5px 0;}
.li_articles img { padding:5px 0;}
.pied_articles { margin:15px 0 0 0; overflow:auto; padding:5px 0; }
.pied_articles a { padding:0 10px;}
/*--------------------------------- Aside  ------------------------------*/
#aside { margin:30px 0 0 0; padding:10px; width:320px;}
#ul_aside { padding:10px;}

#ul_aside > li { margin:0 0 30px 0;}
#li_ressources, #li_services, #li_amis { margin:10px 0;}
#li_services li, #li_ressources li, #li_amis li { padding:5px;}
#li_ressources a, #li_amis a { padding:5px;}

#div_ajouter { height:30px; left:5px; padding:10px; position:absolute; top:45px; width:210px;}
#ul_ajouter li { display:inline;}

/*--------------------------------- About  ------------------------------*/
#margin_about { height:50px; width:auto;}
#about { margin:0px auto 10px auto; position:relative; width:960px; overflow:auto;}
#div_about { padding:20px;}
#div_p_about { margin:10px 30px 0 15px; width:610px;}
#div_p_about p { margin:5px 0;}
#ul_about { line-height:40px; margin:10px 0 10px 15px; overflow:auto; padding:5px;}
#img_about { margin:15px 0 0 0;}
/*--------------------------------- Footer  ------------------------------*/
#footer_fix { height:100px;}
#footer_toons { height:198px; margin:-100px auto 0 auto; width:1024px;}
#footer { bottom:0; height:40px; line-height:34px; padding:5px 0 0 0; position:fixed; width:100%; z-index:99;}
#footer ul li, #ul_about li { float:left; padding:0 60px 0 0; margin:0 0 0 0;}

.icone_contact, #icone_check, .icone_ovni { display:block; float:left;}
#icone_check { height:34px; width:34px;}
.icone_ovni { height:34px; width:22px;}
.icone_contact { height:34px; width:40px;}