/* -------------------------------------------------- LES STYLES PAR DEFAUT -------------------------------------------------- */ * {padding:0px; margin:0px;} body{width:100%; height:100%; text-align:left; line-height:10px; font-family:Verdana, Arial, sans-serif; font-size:10px; background:#FFFFFF; } a {font-family:Verdana, Arial, sans-serif; text-decoration:underline;} a:hover {text-decoration:none;} a img{border:0px; } img{vertical-align:middle;} .marron{color:#A2AA5F;} .centre{text-align:center;} /* -------------------------------------------------- LES STYLES DU CONTENEUR GLOBAL -------------------------------------------------- */ #global{position:relative; float:left; width:100%; height:auto; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; font-weight:normal; text-align:center; background:url(../img/bgr.jpg) repeat; color:#CCCC66;margin:0 auto; overflow:auto; overflow:auto;} /* -------------------------------------------------- LES STYLES DU TOP DE PAGE (ne comprend pas le formulaire)-------------------------------------------------- */ #top{ width:100%; height:111px; background:url(../img/topr.png) repeat; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; font-weight:normal; text-align:center; background-color:#FFFFFF; color:#CCCC66;} #top a img{ width:800px; height:69px; margin:0 auto; padding:0px; border:0px;} #top #headline{ margin:0 auto; width:900px; height:111px; padding:0px; font-weight:normal; text-align:left; background-color:transparent; color:#CCCC66;} #headline #headline_logo{ position:relative; float:left; width:300px; height:93px; padding-top:18px; padding-bottom:0px; padding-left:0px; padding-right:0px; font-weight:normal; text-align:left; background-color:transparent; color:#CCCC66;} #logo_in{ z-index:900; font-family :"Helvetica Neue LT Std","Helvetica"; color :#ffffff; font-weight:100; font-size :24px; } #headline #headline_menu{ position:relative; float:left; width:400px; height:111px; padding:0px; padding-left:180px; padding-right:20px; font-weight:normal; text-align:left; background-color:transparent; color:#CCCC66;} #headline #headline_menu ul{ padding: 0px; margin-top: 14px; position:relative; float:left; padding-left:5px; width:400px; list-style-type: none;} #headline #headline_menu ul li{ display:inline; font-family:Arial, Verdana, sans-serif; font-size:12px; line-height:18px; color:#FFFFFF; font-weight:bold; margin-right:30px;} #headline #headline_menu ul li a {font-family:Arial, Verdana, sans-serif; font-size:12px; line-height:18px; color:#FFFFFF; font-weight:bold;text-decoration:none;} #headline #headline_menu ul li a:hover {text-decoration:none;color:#FFF000;} #headline #headline_menu ul li:hover{ display:inline;color:#FFF000;} #headline #headline_menu ul li:hover a {font-family:Arial, Verdana, sans-serif; font-size:12px; line-height:18px; color:#FFFFFF; font-weight:bold;text-decoration:none;} #headline #headline_menu ul li:hover a:hover {text-decoration:none;color:#FFF000;} #headline #headline_menu ul li a.jaune,#top #headline ul li a.jaune:hover{color:#FFF000;} /* -------------------------------------------------- GESTION DU FORMULAIRE DE CONTACT -------------------------------------------------- */ #formulaire { margin:0 auto; width:800px; padding-left:0px; height:auto; font-family:Verdana, Arial, sans-serif; font-size:12px; margin-top:0px; padding-bottom:5px; line-height:12px;color:#1B3247; font-weight:normal; background-image:url(img/bg_form.jpg); z-index:1; text-align:center; padding-top:2px;} form{ margin:0 auto; width:420px; padding-left:0px; height:auto; font-family:Verdana, Arial, sans-serif; font-size:12px; margin-top:0px; padding-bottom:5px; line-height:25px;color:#1B3247; font-weight:normal; background-color:transparent; text-align:left; vertical-align:middle;} form p{ position:relative; float:left; width:420px; padding-left:0px; height:auto; font-family:Verdana, Arial, sans-serif; font-size:12px; margin-top:0px; padding-bottom:5px; line-height:25px;color:#1B3247; font-weight:normal; background-color:transparent; text-align:left; vertical-align:middle;} form label {font-weight:bold;} form input[type=text]{ width:420px; height:24px; font-family:Verdana, Arial, sans-serif; font-size:14px; line-height:20px; color:#676767; font-weight:normal; text-align:left; background-color:#FFFFFF; border:1px #92BACF solid; vertical-align:middle; padding-left:5px; padding-right:5px; } form textarea{ width:420px; height:150px; font-family:Verdana, Arial, sans-serif; font-size:14px; line-height:18px; color:#676767; font-weight:normal; text-align:left; margin-top:0px;margin-right:0px; background-color:#FFFFFF; border:1px #92BACF solid; overflow:auto; padding:5px; } form input[type=button]{ width:auto; height:25px; font-family:Verdana, Arial, sans-serif; font-size:12px; line-height:25px; color:#FFFFFF; font-weight:bold; background:#E8F3DA url(../img/repeat_button.png) repeat; padding-left:5px; padding-right:5px; border:1px #92BACF solid; text-align:center; vertical-align:middle; } form input[type=button]:hover{ width:auto; height:25px; font-family:Verdana, Arial, sans-serif; font-size:12px; line-height:25px; color:#243A4A; font-weight:bold; background:#FFFFFF; border:1px #92BACF solid; text-align:center; padding-left:5px; padding-right:5px; vertical-align:middle;} #box{width:100%; height:auto; text-align:center; color:#1B3247; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; display:none; font-weight:bold; background-color:transparent;} #home { margin:0 auto; width:900px; padding-left:0px; height:auto; font-family:Arial,Verdana,sans-serif; font-size:12px; margin-top:0px; padding-bottom:5px; line-height:12px;color:#1B3247; font-weight:normal; background-color:transparent; z-index:1; text-align:center; padding-top:2px;} #home_inner { position:relative; float:left; width:95%; padding-left:0px; height:auto; font-family:Arial,Verdana,sans-serif; font-size:12px; padding:3px; line-height:25px;color:#1B3247; font-weight:normal; border-left:5px solid #B1D1E2; text-align:left; vertical-align:middle; } #home_inner h1{ position:relative; float:left; width:100%; padding-left:8px; padding-right:8px; height:auto; font-family:Arial,Verdana,sans-serif; font-size:30px; padding-bottom:0px; line-height:35px;color:#000000; font-weight:normal; background-color:transparent; text-align:left; vertical-align:middle;} #textuel{ position:relative; float:left; width:100%; padding-left:0px; height:auto; font-family:Arial,Verdana,sans-serif; font-size:12px; margin-top:0px; padding-bottom:5px; line-height:25px;color:#676767; font-weight:normal; background-color:transparent; text-align:left; vertical-align:middle;} #textuel img.sheu{float:left; padding:8px; padding-bottom:80px;} #textuel p.stars{ position:relative; float:left; width:330px; height:auto; font-family:Arial,Verdana,sans-serif; font-size:12px; margin-top:0px; padding:4px; line-height:26px; color:#9BC0D4; font-weight:bold; background-color:transparent; text-align:left; vertical-align:middle; border-bottom:1px solid #B1D1E2; border-right:1px solid #B1D1E2;} #textuel p.star{ position:relative; float:left; width:330px; height:auto; font-family:Arial,Verdana,sans-serif; font-size:12px; margin-top:0px; padding:4px; line-height:26px; color:#9BC0D4; font-weight:bold; background-color:transparent; text-align:left; vertical-align:middle; border-bottom:1px solid #B1D1E2;} #home_inner p.pavet{ position:relative; float:left; width:46%; padding:1%; margin:1%; height:auto; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:18px; color:#638CA0; font-weight:bold; background-color:#DFE7EB; text-align:right; vertical-align:middle;} #home_inner p.pavet:hover{ position:relative; float:left; width:46%; padding:1%; margin:1%; height:auto; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:18px; color:#638CA0; font-weight:bold; background-color:#DFE7EB; text-align:right; vertical-align:middle;} #home_inner p.pavet img{ position:relative; float:right; width:70px; margin:0.8%; height:43px; vertical-align:middle; cursor:pointer; border:1px solid #B1D1E2;} #home_inner p.pavet:hover img{ position:relative; float:right; width:70px; margin:0.8%; height:43px; vertical-align:middle; cursor:pointer; border:1px solid #B1D1E2;} #home_inner p.pavet:hover img:hover{ position:relative; float:right; width:70px; margin:0.8%; height:43px; vertical-align:middle; cursor:pointer; border:1px solid #638CA0;} #creas{margin:0 auto; width:900px; height:auto; padding:0px; font-weight:normal; text-align:left; background-color:transparent; color:#CCCC66; } #creas_listing{ position:relative; float:left; width:171px; height:auto; } #slider ul{height:auto; clear:both;} #slider li{ list-style:none; width:170px; height:120px; background:transparent url(../img/repeat_bloc_creas.jpg) repeat; border-top:4px solid #D6D6D6; border-bottom:4px solid #D6D6D6; text-align:center; color:#888888; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:20px; } #slider li img, #slider li:hover img{margin-bottom:5px;} #slider li:hover{ width:170px; height:120px; border-top:4px solid #6C6C6C; border-bottom:4px solid #6C6C6C; cursor:pointer; text-align:center; color:#6C6C6C; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:20px; } #creas_focus{ position:relative; float:left; width:649px; height:auto; padding:20px; padding-left:60px; } #creas_titre{width:629px; position:relative; float:left; height:auto; background:transparent; border-left:5px solid #B1D1E2; padding:5px; margin-bottom:10px; } #creas_titre .shut{ float:right; cursor:pointer;} #creas_titre h3{width:100%; color:#000000; font-size:30px; line-height:32px; font-weight:normal; font-family:Arial, Verdana, Sans-serif;} #creas_titre h3 .date_crea{color:#676767; font-size:12px; line-height:16px; font-weight:normal; font-family:Arial, Verdana, Sans-serif; } #creas_titre p{width:100%; color:#676767; font-size:12px; line-height:16px; font-weight:normal; font-family:Arial, Verdana, Sans-serif; } #creas_perss{width:689px; position:relative; float:left; height:auto; background:transparent;} #creas_pers_g{ position:relative; float:left; width:80px; text-align:center; padding-left:20px; padding-right:20px;} #creas_pers_g img{ width:auto; clear:both; margin-bottom:6px; border:1px solid #B1D1E2; cursor:pointer; } #creas_pers_g img:hover{border:1px solid #FFF000;} #creas_pers_d{ position:relative; float:left; width:559px; color:#676767; font-size:12px; line-height:16px; font-weight:bold; font-family:Arial, Verdana, Sans-serif; } #creas_pers_d img{ max-width:100%; padding:0; } #sites{margin:0 auto; width:900px; height:auto; padding:0px; font-weight:normal; text-align:left; background-color:transparent; color:#CCCC66;} #sites_listing{ position:relative; float:left; width:171px; height:auto; } #sliderr ul{height:auto; clear:both;} #sliderr li{ list-style:none; width:170px; height:120px; background:transparent url(../img/repeat_bloc_creas.jpg) repeat; border-top:4px solid #D6D6D6; border-bottom:4px solid #D6D6D6; text-align:center; color:#888888; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:20px; } #sliderr li img, #sliderr li:hover img{margin-bottom:5px;} #sliderr li:hover{ width:170px; height:120px; border-top:4px solid #6C6C6C; border-bottom:4px solid #6C6C6C; cursor:pointer; text-align:center; color:#6C6C6C; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:20px; } #sites_focus{ position:relative; float:left; width:649px; height:auto; padding:20px; padding-left:60px; } #sites_titre{width:629px; position:relative; float:left; height:auto; background:transparent; border-left:5px solid #B1D1E2; padding:5px; margin-bottom:10px; } #sites_titre .shut{ float:right; cursor:pointer;} #sites_titre h3{width:100%; color:#000000; font-size:30px; line-height:32px; font-weight:normal; font-family:Arial, Verdana, Sans-serif;} #sites_titre h3 .date_crea{color:#676767; font-size:12px; line-height:16px; font-weight:normal; font-family:Arial, Verdana, Sans-serif; } #sites_titre p{width:100%; color:#676767; font-size:12px; line-height:16px; font-weight:normal; font-family:Arial, Verdana, Sans-serif; } #sites_titre p a{color:#676767; font-size:12px; line-height:16px; font-weight:bold; font-family:Arial, Verdana, Sans-serif; text-decoration:underline; } #sites_titre p a:hover{color:#B1D1E2; font-size:12px; line-height:16px; font-weight:bold; text-decoration:none; font-family:Arial, Verdana, Sans-serif; } #sites_perss{width:689px; position:relative; float:left; height:auto; background:transparent;} #sites_pers_g{ position:relative; float:left; width:80px; text-align:center; padding-left:20px; padding-right:20px;} #sites_pers_g img{ width:auto; clear:both; margin-bottom:6px; border:1px solid #B1D1E2; cursor:pointer; } #sites_pers_g img:hover{border:1px solid #FFF000;} #sites_pers_d{ position:relative; float:left; width:559px; color:#676767; font-size:12px; line-height:16px; font-weight:bold; font-family:Arial, Verdana, Sans-serif; } #sites_pers_d img{ max-width:100%; padding:0; } /* -------------------------------------------------- STYLE DU FOOTER -------------------------------------------------- */ #footer{position:relative; float:left; width:100%; height:21px; vertical-align:middle; text-align:center; background:url(../img/bottom.png); padding:0px; padding-top:60px; margin:0px;} #footer p.foot{ position:relative; float:left; margin-bottom:0px; width:800px; height:35px; font-family:Verdana, Arial, sans-serif; font-size:10px;line-height:35px; color:#FFFFFF; font-weight:bold; text-align:center; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; background-color:transparent;} .noir{color:#000000;} #footer p.petit{ position:relative; float:left; margin-bottom:0px; width:100%; height:auto; font-family:Verdana, Arial, sans-serif; font-size:9px;line-height:12px; color:#FFFFFF; font-weight:bold; text-align:center; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; background-color:transparent;} #footer p.petit a {font-family:Verdana, Arial, sans-serif; font-size:9px;line-height:12px; color:#FFFFFF; font-weight:bold;text-decoration:underline; } #fla p.petit a:hover {color:#FFFFFF; text-decoration:none;} #footer p.petit object.xit{ border:0px; width:20px; height:auto; } #footer p.petit a img{width:20px; height:auto; padding:0px; margin:0px; border:0px;vertical-align:bottom; text-decoration:none;}