@import url(nav.css);
@import url(formatting.css);

body {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 0.8em;
	background: #E7E7E7;
	margin:0;
}

img { 
	border: 0 none;   
}

.clearboth {
	clear: both; 
}

.invisible {
	display: none;
	visibility: hidden;
}

p{line-height:15px;}
/*//////////////////////////////////////////////////////////////////////////////////
	Structure générale - exemple
//////////////////////////////////////////////////////////////////////////////////*/
	
	
#header {width: 940px; height: 115px;
		 margin:0 auto; padding:5px 30px 0 10px;
		 background: #fff url(./images/header/bg_header.png) repeat-x;
		 border-left:2px solid #ccc;border-right:2px solid #ccc;
		}
		#header p {margin:0 0 3px 18px; font-size:8px; color:#666666; text-align:justify; font-family: arial, sans-serif}
		.logo {float:left; 
			   margin:0 0 0 10px;}
		.barre-contact{float:right; margin:56px 0 0 0; 
					   background:url(./images/header/bg_contact.png) repeat-x;}
		.barre-contact li{padding:0 15px 5px 15px;
						  display:inline; 
						  background:url(./images/header/bg_onglet.png) no-repeat;
						  list-style-image:url(./images/puces/carres.gif);
						 }
		.barre-contact a{ background:url(./images/puces/carres.gif) no-repeat left;
						  padding:0 0 0 15px;
						 }


#gauche-droite {clear:both;
				width: 980px;
				margin:0 auto;
				background:#fff url(./images/contenu/bg_gauche-droite.gif) repeat-y;
				border-left:2px solid #ccc;border-right:2px solid #ccc;
				min-height:500px;
				}
	
	#gauche {float:left;
			 width: 192px;
			 min-height:400px;}
			 #flash-catalogue{margin:20px 0 0 0;padding:0 0 0 27px;}
			 #services-gratuits{margin:-55px 0 0 0 ;}
			 					#services-gratuits li{width:140px;height:20px;
													  background:#E7E7E7; font-weight:bold;
													  list-style-type:none;
													  margin:0 0 3px 8px;padding:2px 0 0 25px;}
			 #numero_vert{margin:15px 0 0 27px ;}
			 #radiateur-gagnant{text-align:center;margin:15px 0 0 0;}
/*MILIEU PAGE ACCUEIL*/
	#milieu_2col{width: 371px;
				 min-height:400px;
				 float:left;
				 padding:10px 0 0 10px;}
			 #milieu_2col h1{font-size:23px;border-bottom: 1px solid #D4D4D4;}
			 #texte-milieu_2col p{padding:0 10px 0 0;
			 				      text-align:justify;}
							
			 #terre{height:139px;
			  		background:url(./images/contenu/terre.gif) no-repeat;}
					 #visuels-presentation{width:160px;}
					 #terre img{margin:59px 0 0 0;padding:0;}

/*MILIEU PAGE DEFAUT*/					 
	#milieu-defaut{  width: 570px;
					 min-height:400px;
					 float:left;
					 padding:10px 0 0 10px;}
					 #milieu-defaut h1{font-size:23px; line-height:23px;
					 				   border-bottom: 1px solid #D4D4D4;}
					 #texte-milieu-presentation{background:url(./images/contenu/bg_contenu_acc.png) repeat-x;
					 							}
					 #texte-milieu-presentation p{padding:0 5px 0 5px;}
					 #texte-milieu-defaut {line-height:20px;} 
					 #texte-milieu-defaut h2 {font-size:18px;}
					 #texte-milieu-defaut p{
			 				 				text-align:justify;
											line-height:15px;}				
					 
	#droite_2col {width:390px;float:right;}
	#droite-defaut {width:195px;float:right;padding:0;margin:0;}
			

	 #bandeau-defilant_2col {   width:390px; height:19px;
	 							margin:40px 0 0 0; padding:2px 0 2px 0 ;
								border:0; overflow:hidden;
			  					background:url(./images/contenu/bandeau-defilant.png) ;
								}
								 #bandeau-defilant_2col #newshr { width:380px; height:20px;position:relative;overflow:hidden; 
         								  						  color:inherit; }
								 #bandeau-defilant_2col #defile {   width:800px;height:15px;
										   							position:absolute; margin-top:1px;
																	background-color:transparent; }
								
	 #bandeau-defilant-defaut {	width:180px; height:19px;
	 							margin:31px 0 0 0; border:0; overflow:hidden;
			  					background:url(./images/contenu/bandeau-defilant.png)  }
								
								#bandeau-defilant-defaut #newshr { 
										  width:180px; height:20px;position:relative;overflow:hidden; 
         								  color:inherit; }
								#bandeau-defilant-defaut #defile {  
										   width:800px;height:15px;
										   position:absolute; margin-top:1px;
										   background-color:transparent; }

	#texte_defilant{width:370px;position:relative;}


	
#footer {width: 980px; height:50px;
		 margin:0 auto; padding:0;
		 background: #fff url(./images/footer/bg_footer.png) repeat-x;
		 border-left:2px solid #ccc;border-right:2px solid #ccc;border-top:2px solid #e9e9e9;}
		#footer p { font-size:11px;
					padding:0;margin:0;
					text-align:center;}

/*blocs*/
#bloc-infos{margin:25px 0 0 0;
			}
#bloc-infos h3{margin:0 0 5px 0;padding:0;}

#bloc-infos-defaut p{width:195px;margin:0;padding:0;
					 }
					 #bloc-infos-defaut p a{margin:0; padding:0;}
					 #bloc-infos-defaut ul{margin:0;padding:0;}
					 #bloc-infos-defaut li{list-style-type:none;padding:0;margin:0;border-bottom: 1px solid #E9E9E9;
			  				 width:195px;}
#bloc-infos p{width:195px;margin:0;padding:0;}
			  #bloc-infos p a{margin:0; padding:0;}
			  #bloc-infos ul{margin:0;padding:0;}
			  #bloc-infos li{list-style-type:none;padding:0;margin:0;border-bottom: 1px solid #E9E9E9;
			  				 width:195px;}
			  

.bloc-temoignage{ 	width:172px; height:290px;
				 	float:left;
					padding:0 5px 5px 5px; margin:0 10px 5px 0;
					}
			.bloc-temoignage h3{  width:93px;float:left;
					   			  padding:5px 2px 2px 0px;
					  			  border-bottom:1px solid #ccc;}
			.bloc-temoignage h2 { width:94px;
					   			  font-size:13px;font-weight:bold; 
					   			  line-height:15px;
					   			  color:#000;margin:0;padding:0;}
			.bloc-temoignage img{ width:70px;
					   			  margin:5px 5px 0 0; float:right; }
			.bloc-temoignage p{   font-size:12px;font-weight:bold; line-height:15px;}
			.bloc-temoignage a{   font-size:12px; color:#A9132C;}
			.nom-client{color:#008BD0; font-size:12px;}
			.nom-client-solaire{color:#72c05f; font-size:14px; font-weight:bold;}
			
.bloc{ 		width:172px; height:140px;
			float:left;
			padding:0 5px 5px 5px; margin:0 10px 5px 0;
			}
					
			.bloc h3{  width:93px;float:left;
					   padding:5px 2px 2px 0px;
					   border-bottom:1px solid #ccc;}
			.bloc-titre { width:94px; height:78px;
					   	  font-size:12px;font-weight:bold; 
					   	  line-height:15px;
					   	  color:#000;float:left;}
			.bloc-titre-maisons { width:94px; height:65px;
					   	  		  font-size:12px;font-weight:bold; 
								  line-height:15px;
					   	  		  color:#000;float:left;}

			.bloc img{ width:70px;
					   margin:5px 5px 0 0; float:right; }
			.bloc p{   font-size:12px;font-weight:bold; line-height:15px;}
			.bloc a{   font-size:11px; color:#A9132C;}
			.lien-bloc{width:137px;float:left;}
			.lien-bloc-temoignage{width:135px; margin:20px 0 0 0;}

			.lien-bloc a,.lien-bloc-temoignage a{ color:#D50023; font-size:11px; }