/* Template by Frantz - www.vds-communication.com 2009 */


/* Informations générales */
*{margin:0; padding:0;}
body {font-family:Arial, Helvetica, sans-serif;}
.clear{clear:both;}
.hide{display:none;}
.center{text-align: center;}

/* Template Accueil */
	
	/* PAGE ACCUEIL */
		#page_index{width:948px; margin:0 auto; background:transparent URL(../images/bg_header.jpg) no-repeat top left;}

	/* HEADER ACCUEIL */
		#page_index #header{width:948px; height:131px;}
		#page_index #header #logo{float:left; margin:11px 0 0 19px;}
		#page_index #header #baseline{float:left; margin:89px 0 0 2px;}
		
	/* CENTRE */
		#page_index #content{width:912px; margin:10px auto; background:transparent URL(../images/bg_portail.jpg) no-repeat top left;}

		/* BLOCK LEFT ACCUEIL */
			#page_index #content #bloc_left{float:left; width:420px;}
			#page_index #content #bloc_left p{font-size:18px; /*text-align:right; font-style:italic;*/ color:#002539; margin:140px 10px 0 25px; font-family:Arial;}
	
		/* BLOCK RIGHT ACCUEIL */
			#page_index #content #bloc_right{float:left; width:484px;}
			#page_index #content #bloc_right ul{list-style-type:none; margin-top:5px;}
			#page_index #content #bloc_right ul li{
			/*
			width:474px;
			height:125px;
			*/
			margin:2px 0;
			filter:alpha(opacity=100);
			-moz-opacity: 1;
			opacity: 1;
			}
			#page_index #content #bloc_right ul li:hover{
			filter:alpha(opacity=68);
			-moz-opacity: 0.68;
			opacity: 0.68;
			}
			#page_index #content #bloc_right a, #page_index #content #bloc_right a:visited{}
			#page_index #content #bloc_right a:hover{}
			
			/* BOUTON BLOCK RIGHT ACCUEIL */
				#page_index #content .btn_contact{float:right; width:124px; height:40px; margin:-15px 15px 0 0;}
				#page_index #content .btn_contact a, #page_index #content .btn_contact a:visited{display:block; width:124px; height:40px; background:transparent URL(../images/btn_contact_accueil.png) no-repeat top left; text-decoration:none; text-align:center; line-height:40px; color:#002539; font-size:12px; font-weight:bold;}
				#page_index #content .btn_contact a:hover{color:#000; background-position:0 -40px; padding-top:1px; }

		/* FOOTER ACCUEIL */
			#page_index #footer{ background:transparent URL(../images/bg_footer.png) repeat-x top left; font-size:10px; padding-top:24px; margin-top:40px; color:#383838; text-align:right; padding-right:10px;}
			#page_index #footer a, #footer_accueil a:visited{text-decoration:none; color:#383838;}
			#page_index #footer a:hover{color:#002539;}

/* Template générale */

	/* PAGE */
		#page{width:948px; margin:0 auto; background:transparent URL(../images/bg_header_content.jpg) no-repeat top left;}
	
	/* HEADER */
		#header{width:948px; height:131px;}
		#header #logo{float:left; margin:11px 0 0 19px;}
		#header #baseline{float:left; margin:89px 0 0 2px;}
		/*#header #top_flash{position:absolute; margin-left:413px;}*/
		/*#header #top_flash{position:absolute; width:535px; height:70px; margin-left:413px; *margin-left:-266px;}*/
		#header #top_flash{position:absolute; width:768px; height:70px; margin-left:180px; *margin-left:-500px;}
		
	/* GESTION DU MENU */
		#menu{width:948px; height:50px; background:transparent URL(../images/bg_menu_top.jpg) no-repeat top left}
		#menu #menu_top{list-style-type:none;}
		#menu #menu_top li{float:left;}
		#menu #menu_top li a, #menu #menu_top li a:visited{text-decoration:none; color:#002539; font-size:12px; text-align:center; line-height:30px; font-weight:bold;}
		#menu #menu_top li a:hover, #menu #menu_top .select a{color:#FFF;}

		#menu #menu_top li #first{display:block; width:168px; height:50px; background:transparent URL(../images/btn_first.jpg) no-repeat top left; margin-left:50px; background-position:0 -50px;}
		#menu #menu_top li #photovoltaique{display:block; width:168px; height:50px; background:transparent URL(../images/btn_photovoltaique.jpg) no-repeat top left; margin-left:9px; background-position:0 -50px;}
		#menu #menu_top li #societe{display:block; width:111px; height:50px; background:transparent URL(../images/btn_societe.jpg) no-repeat top left; margin-left:10px; background-position:0 -50px;}
		#menu #menu_top li #partenaires{display:block; width:108px; height:50px; background:transparent URL(../images/btn_partenaires.jpg) no-repeat top left; margin-left:10px; background-position:0 -50px;}
		#menu #menu_top li #references{display:block; width:112px; height:50px; background:transparent URL(../images/btn_references.jpg) no-repeat top left; margin-left:12px; background-position:0 -50px;}
		#menu #menu_top li #contacter{display:block; width:133px; height:50px; background:transparent URL(../images/btn_contacter.jpg) no-repeat top left; margin-left:19px; background-position:0 -50px;}

		#menu #menu_top li #first:hover, #menu #menu_top .select #first{background-position:0 0;}
		#menu #menu_top li #photovoltaique:hover, #menu #menu_top .select #photovoltaique{background-position:0 0;}
		#menu #menu_top li #societe:hover, #menu #menu_top .select #societe{background-position:0 0;}
		#menu #menu_top li #partenaires:hover, #menu #menu_top .select #partenaires{background-position:0 0;}
		#menu #menu_top li #references:hover, #menu #menu_top .select #references{background-position:0 0;}
		#menu #menu_top li #contacter:hover, #menu #menu_top .select #contacter{background-position:0 0;}
		
	/* CONTENU  */
		#content{width:948; background:transparent URL(../images/bg_content.jpg) no-repeat top left; padding-bottom:50px;}
	
		/* BLOCK LEFT */
			#content #block_left{float:left; width:280px; text-align:right; margin-left:45px;}
			#content #block_left ul{list-style-type:none;}
			#content #block_left ul li{margin-bottom:10px;}
			/*#content #block_left img{border:1px solid #61BFC1; background-color:#FFF;}*/
			
		/* BLOCK RIGHT */
			#content #block_right{float:right; width:560px; font-family:verdana; margin-right:30px;}
			#content #block_right a, #content #block_right a:visited{text-decoration:none; color:#002438; font-weight:bold;}
			#content #block_right a:hover{color:#92D1D0;}
			#content #block_right h2{font-size:14px; color:#002539; margin-bottom:10px;}
			#content #block_right h3{font-size:12px; color:#002539; margin-bottom:10px;}
			#content #block_right h4{font-size:12px; color:#002539;}
			#content #block_right p{font-size:12px; text-align:justify; margin:10px 0; color:#5c5c5c; font-size:11px;}
            #content #block_right p.center{text-align: center;}
			#content #block_right ul, #content #block_right ol{width:540px; font-size:12px; margin:5px 0 10px 5px;  color:#5c5c5c; font-size:11px;}
			#content #block_right ul li, #content #block_right ol li{margin-left:25px;}

			#content #block_right .blocPDF{width:568px; background:transparent URL(../images/bg_blocpdf.jpg) no-repeat top left;}
			#content #block_right .blocPDF ul{list-style-type:none;}
			#content #block_right .blocPDF ul li{height:60px; font-size:11px; font-weight:bold;}
			#content #block_right .blocPDF ul li a, #content #block_right .blocPDF ul li a:visited{display:block; width:525px; height:60px; background:transparent URL(../images/picto_PDF.png) no-repeat top right; line-height:60px; color:#00385b; text-decoration:none;}
			#content #block_right .blocPDF ul li a:hover{color:#000;}
		
		/* REFERENCES */
			/*#content .title{width:862px; font-size:25px; text-align:center; margin:0 auto 20px auto; color:#002438;}*/
			#content .title{width:862px; font-size:20px; text-align:center; margin:0 auto 20px auto; color:#002438; padding-bottom:20px; border-bottom:1px dotted #002539;}
			
			/* PAGINATION */
			#content .paginationControl{font-size:12px; text-align:center;padding:20px 0; clear:both;}
			#content .paginationControl a, #content .paginationControl :visited{text-decoration:none; color:#002438; font-weight:bold;}
			#content .paginationControl a:hover{color:#92D1D0;}
			
			/* REFLIST */
			#content #reflist{width:870px; margin:0 auto; list-style-type:none;}
			#content #reflist li{float:left; /*width:280px;*/ margin:5px;}
			#content #reflist li .ref_image img{border:1px solid #002438; margin-bottom:5px;}
			
			#content #reflist li .ref_infos{font-size:12px; color:#002438; width:280px;}
			#content #reflist li .ref_infos dt{float:left; font-weight:bold; clear:both; margin-right:5px; width:130px;}
			#content #reflist li .ref_infos dd{float:left; width:145px;}
			
			/* DANS LA RUBRIQUE */
			#content .back{width:870px; margin:0 auto; text-align:center; padding:10px 0; font-size:12px;}
			#content .back a, #content .back a:visited{text-decoration:none; color:#002438; font-weight:bold;}
			#content .back a:hover{color:#92D1D0;}
			#content #ref_photos{width:870px; margin:0 auto; list-style-type:none; clear:both;}
			#content #ref_photos li{float:left; width:280px; margin:5px;}
			#content #ref_photos img{border:1px solid #002438; margin-bottom:5px;}
			
			#ref_infos{float:left; width:280px; clear:both; font-size:12px; color:#002438; margin:0 0 20px 45px;}
			#ref_infos dt{float:left; font-weight:bold; margin-right:5px; width:130px;}
			#ref_infos dd{float:left; width:145px;}
			
			#content #ref_text{float:left; width:570px;}
			#content #ref_text p{font-size:12px; text-align:justify;}
			
		/* PARTENAIRES */
			#content #partenaireslist{width:870px; margin:0 auto; list-style-type:none; padding-bottom:50px;}
			#content #partenaireslist li{width:870px; margin:10px auto;}
			#content #partenaireslist li .partenaire_image{float:left; width:300px; text-align:right;}
			#content #partenaireslist li .partenaire_image img{border:none;}
			#content #partenaireslist li .partenaire_infos{/*width:550px;*/ margin-left:330px;}
			#content #partenaireslist li .partenaire_infos h3{font-size:12px; color:#002539; margin-bottom:10px;}
			#content #partenaireslist li .partenaire_infos p{font-size:12px; text-align:justify; margin:10px 0; color:#5c5c5c; font-size:11px;}
			#content #partenaireslist a, #content #partenaireslist a:visited{text-decoration:none; color:#002438;}
			#content #partenaireslist a:hover{color:#61BFC1;}
			
		/* FORMULAIRE DE CONTACT */
			#content #contact_info{float:left; width:160px; font-size:12px; font-weight:bold; color:#002539; margin-left:50px;}
			#content #contact_info p{margin:10px 0;}
			#content .form_info{font-size:12px; width:700px; margin:10px 0 10px 210px;}
			#content .form_info .required{font-weight:bold; color:#002539; font-style:italic;}
			#content form{width:700px; margin-left:210px; font-size:12px;}
			#content form label{color:#002539;}
			
			#content form dt{float:left; width:150px; text-align:right; color:#002539; font-weight:bold; margin-right:20px;}
			#content form dd{float:left; width:500px; margin-bottom:10px;}
			#content form textarea{width:420px; border:1px solid #ccc;}
			#content form input{margin-right:10px; border:1px solid #ccc;}
			#content form input.required{border:1px solid #002539;}
			#content form .errors{list-style-type:none;}
			#content form .errors li{color:red;}
			
			#content .message_success{background-color:#61BFC1; text-align:center; color:#002438; font-weight:bold; padding:20px; border:1px solid:#002438;}
		
		/* IMG DECOR */
			#content #img_decor{float:left; width:357px;margin-left:50px;}
			
		/* PLAN DU SITE */
			#content .sitemap{float:left; width:300px; margin-bottom:10px; margin-left:50px; list-style-type:none; font-size:12px;}
			#content .sitemap li{margin:10px 0;}
			#content .sitemap ul{list-style-type:none; padding-left:20px;}
			#content .sitemap a, #content .sitemap a:visited{text-decoration:none; display:block; height:30px; width:140px; line-height:30px; text-align:center; border:1px dotted #FFF; color:#666; background:transparent URL(../images/puce.png) no-repeat top left;}
			#content .sitemap a:hover{border:1px dotted #012035; color:#012035;}
			
		/* MENTIONS LEGALES */
			#content .mentions{float:left; width:400px; margin-bottom:10px; margin-left:25px; list-style-type:none; font-size:12px;}
			#content .mentions li{margin:10px 0;}
			#content .mentions p{text-align:justify;}
			#content .mentions strong{color:#012035;}
			
	/* FOOTER */
		#footer{background:transparent URL(../images/bg_footer.png) repeat-x top left; font-size:10px; padding-top:24px; margin-top:40px; color:#383838; text-align:right; padding-right:10px;}
		#footer a, #footer_accueil a:visited{text-decoration:none; color:#383838;}
		#footer a:hover{color:#002539;}
		
	/* PATHWAY */
		#content #pathway{width:860px; margin:0 auto; font-size:12px; padding:10px 0;}
		#content #pathway a, #content #pathway a:visited{text-decoration:none; color:#002539; font-weight:bold;}
		#content #pathway a:hover{color:#FFF;}
		#content .hide_pathway{display:none;}