/* CSS Document */

body { margin:0px; padding:0px; background-color:#333; background-image:url(images/site-fond.png); background-repeat:repeat-x; background-position:top; }
body, table, td, input, text, textarea { font-family:Calibri, Arial, Helvetica, sans-serif; font-size:12px; color:#333; }

img { border:0px; text-decoration:none; }

h1, h2, h3, h4, h5, h6 { padding:0px; margin:0px; line-height:normal; }
h1 { font-size:24px; padding-top:20px; color:#39f; }
h2 { font-size:14px; }
h3 { font-size:12px; }

a { color:#666; text-decoration:underline; }
a:hover { color:#999; }

strong { color:#000; }

#site, #entete { width:1050px; margin-left:auto; margin-right:auto; background-repeat:repeat-y; background-position:center; }
#w3c, #w3c_template { width:1050px; height:50px; line-height:50px; margin-left:auto; margin-right:auto; text-align:center; }
#w3c { margin-top:25px; }
#entete { height:150px; background-image:url(images/fond-page.png); background-repeat:repeat-y; background-position:center; }
#entete img { margin-left:26px; }
#menu { position:absolute; margin-left:512px; margin-top:92px; height:21px; line-height:21px; }
#menu ul, #menu li { padding:0px; margin:0px; list-style:none; }
#menu li { float:left; text-align:center; text-transform:uppercase; color:#fff; font-size:14px; }
#menu li a { display:block; text-transform:uppercase; color:#000; font-size:14px; text-decoration:none; padding-left:15px; padding-right:15px; }
#menu li a:hover { color:#fff; }

/*
#page_onglet_gauche { margin-left:26px; }
#page_onglet_droite { margin-right:27px; }
#page { margin-left:26px; margin-right:25px; }
#page_onglet { height:30px; line-height:30px; white-space:nowrap; width:1001px; }
#page_onglet_gauche, #page_onglet_droite { height:30px; line-height:30px; background-repeat:no-repeat; border-top:2px solid #999; border-collapse:collapse; float:left; }
#page_onglet_gauche { background-image:url(images/page-onglet-gauche.png); background-position:right bottom; }
#page_onglet_droite { background-image:url(images/page-onglet-droite.png); background-position:left bottom; }
*/

#corps { background-image:url(images/fond-page.png); background-repeat:repeat-y; background-position:center; width:1050px; /*margin:10px;*/ }
#corps_int { margin-top:10px; margin-right:35px; margin-bottom:10px; margin-left:36px; }

#footer, #footer_template { background-image:url(images/footer-fond.png); background-position:center top; background-repeat:no-repeat; height:150px; color:#fff; font-size:11px; text-align:center; width:1050px; line-height:28px; }
#footer a, #footer_template a { text-decoration:none; color:#fff; font-size:11px; }
#footer a:hover, #footer_template a:hover { color:#ececec; text-decoration:underline; }

#debug { display:none; }

#index { margin-left:50px; float:left; }
#index .div_gauche, #index .div_droite { float:left; margin-bottom:20px; height:110px; }
#index .div_gauche { text-align:left; width:180px; }
#index .div_droite { text-align:left; width:300px; text-align:justify; }
#index a { text-decoration:none; }
#index img { margin-bottom:10px; }
#index h1 { font-size:20px; color:#39f; padding-top:0px; margin-bottom:5px; }
#index_droite { float:left; margin-left:25px; }
#index_droite .index_aussi { background-image:url(images/index-aussi.png); background-repeat:no-repeat; background-position:left top; width:380px; height:215px; margin-top:25px; padding:70px 15px 15px 15px; font-size:12px; color:#000; text-align:justify; }
#index_droite .index_aussi ul { margin-left:15px; padding-left:0px; }
#index_droite .index_aussi li { margin-top:5px; }
#index_droite .index_nouveau { background-image:url(images/index-nouveau.png); background-repeat:no-repeat; background-position:left top; width:380px; height:104px; margin-top:25px; padding:70px 15px 15px 15px; }

#intro { margin-top:10px; margin-bottom:20px; text-align:justify; clear:both; float:none; }
#references { clear:both; float:none; }
#references ul { margin:0px; padding:5px; padding-left:10px; }
/*#references div { margin-bottom:10px; }*/
#partenaires .illus { float:left; width:300px; text-align:center; margin-bottom:10px; }
#partenaires .texte { float:left; text-align:justify; width:650px; margin-bottom:10px; }
#references .illus_100 { float:left; width:150px; text-align:center; }
#references .texte_100 { float:left; text-align:justify; width:300px; margin-left:10px; }
#references .col_gauche_100 { float:left; margin-bottom:10px; }
#references .col_droite_100 { float:left; margin-left:50px; margin-bottom:10px; }

.references { position:relative; }
.references_corps { padding-left:36px; padding-right:35px; background-image:url(images/fond-page.png); background-repeat:repeat-y; background-position:center; }
.references h2 { font-size:16px; height:40px; line-height:40px; color:#333; }

.ref_col_illus { float:left; text-align:left; margin-bottom:10px; width:80px; }
.ref_col_texte { float:left; margin-right:20px; margin-bottom:10px; width:220px; }

.presta { float:left; margin-left:2%; width:45%; border:1px solid #999; border-collapse:collapse; padding:1%; margin-bottom:15px; text-align:justify; }

#contact label { text-align:right; float:left; margin-right:5px; width:150px; margin-top:5px; }
#contact input, #contact textarea { float:left; border:1px solid #999; border-collapse:collapse; background-color:#ececec; width:200px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
#contact textarea { height:80px; }
#contact .obligatoire { font-size:14px; font-weight:bold; color:#f00; }
#contact .submit { border:2px solid #999; border-collapse:collapse; background-color:#333; color:#fff; text-align:center; width:80px; font-size:12px; font-weight:bold; cursor:pointer; margin-left:60px; }
#contact_erreur { width:355px; background-color:#ffc; text-align:center; color:#f00; font-size:12px; font-weight:bold; }

.trame { background-image:url(images/fond-page-trame.png); background-position:right bottom; background-repeat:no-repeat; }

.clear { float:none; clear:both; }
.bleu { color:#39f; }
.noir { color:#000; }
.bord_gris { border:1px solid #999; border-collapse:collapse; }
.ligne_grise { float:none; clear:both; background-color:#ccc; height:1px; margin-top:5px; margin-bottom:5px; }



#details { position:absolute; }

#overlay{ position: absolute; top: 0; left: 0; width: 100%; height:100%; background-color: #000; display:none; position:fixed; }

.references_details_js { display:inline; }
.references_details_js_cache { display:none; }