* {										
margin:0;
padding:0;
}			
body{
background-image:url(imagef/bg.jpg);
background-repeat:repeat-x;
margin:0 auto;
}							
.box1080{	
position:relative;			
width:1080px;
min-height:400px;
background-image:url(imagef/header3.jpg); 
background-repeat:no-repeat;
border:1px solid #ccc;
margin:0 auto;
}
									/* ____________________________________ navigation position  fixe_______________________ */
header{	
vertical-align:top;
background-image:url(imagef/motifnav.png);
background-repeat:repeat-x; 
position:fixed;	
z-index:11;				
width:1080px;
min-height:60px;
margin:0 auto;
}

a{
text-decoration:none;
}
a:hover{											
background-color:#ddffdd;  
}
#bg_nav a{ 
display:inline-block;
text-decoration:none;
border-right:2px solid #372614;
width:149px;
height:30px;
text-align:center;
}
#reso a{
display:inline-block;
margin:0 0 0 30px;
}

#boiteasection3 a:hover{											
background-color:#eee; 
}

.logo{
display:inline-block;
padding-left:12px;
}
#bg_nav {		
display:inline-block;	
vertical-align:top;	
width:906px;
height:65px;
}
.tipo1{	
color:#594736;	
text-shadow:1px 1px 0px black;		
font-family:arial;
font-size:20px;
}										


#trait1{	
margin: 4px 8px 0px 4px;
background-color:#00ff00;  			
width:900px;
height:4px;
} 
#CPF{
width:1080px;
height:120px;
/* background-color:black; */
}
										/* _______________la solution éco-construction_______ */

#titre1{									
padding:0px 12px 10px 12px;
width:1056px;
text-align:center;
font-family:arial;
font-variant:small-caps;
font-size:30px;
color:#103c11;
margin:0 auto;
}
#s1{
width:1080px;
height:245px;
}
#f1{
display:inline-block;
padding:4px 0px 0px 38px;
}
#f2{
padding:4px 0px 0px 38px;
display:inline-block;
}
#f3{
display:inline-block;
padding:4px 0px 0px 38px;
}
#reso{
display:inline-block;
vertical-align:top;
margin-left:800px;
}


#titre2{
width:1004px;
padding:40px 38px 40px 38px;
text-align:justify;
font-family:verdana;
font-weight:normal;
font-size:15px;
color:#103c11;
}
									/* ______________________________ligne déco verte_________________ */
#déco{
width:1080;
height:20px;
background-image:url(imagef/déco.jpg);
}
.titre3{
display:inline-block;
vertical-align:top;
width:460px;
padding:40px 38px 40px 38px;
text-align:justify;
font-family:verdana;
font-weight:normal;
font-size:15px;
color:#103c11;
}		
							/* ______________________________ligne FINE déco verte_________________ */
.separe1{
background-image:url(imagef/motifsépare.gif);
background-repeat:repeat-x;
width:1080px;
height:3px;
}	

#parti1{
background-color:#fcf8fc;
display:inline-block;
vertical-align:top;
width:1080px;
min-height:450px;
}

#boiteasection2{
position:relative;
z-index:0;
width:1080px;
height:400px;
}
#boiteasection3{
position:relative;
z-index:0;
width:1080px;
height:400px;
}

.fig1 {	
display:inline-block;				/* POUR LES FIGURES */
position:absolute;
z-index:1;
background-color:#00ff00;
left:-70px;
top:30px;
width:200px;
height:200px;
}		
.fig2 {	
display:inline-block;				/* POUR LES FIGURES */
position:absolute;
z-index:2;
background-color:#00ff00;
left:100px;
top:90px; 
width:200px;
height:200px;
}
.fig3 {	
display:inline-block;				/* POUR LES FIGURES */
position:absolute;
z-index:3;
background-color:#00ff00;
left:270px;
margin-top:150px; 
width:200px;
height:200px;
}
.fig4 {	
display:inline-block;				/* POUR LES FIGURES */
position:absolute;
z-index:4;
background-color:#00ff00;
left:440px;
margin-top:210px; 
width:200px;
height:200px;
}	
.fig5 {	
display:inline-block;				/* POUR LES FIGURES */
position:absolute;
z-index:1;
background-color:#00ff00;
right:-70px;
top:30px;
width:200px;
height:200px;
}		
.fig6 {	
display:inline-block;				/* POUR LES FIGURES */
position:absolute;
z-index:2;
background-color:#00ff00;
right:100px;
top:90px; 
width:200px;
height:200px;
}
.fig7 {	
display:inline-block;				/* POUR LES FIGURES */
position:absolute;
z-index:3;
background-color:#00ff00;
right:270px;
margin-top:150px; 
width:200px;
height:200px;
}
.fig8 {	
display:inline-block;				/* POUR LES FIGURES */
position:absolute;
z-index:3;
background-color:#00ff00;
left:270px;
margin-top:30px; 
width:200px;
height:200px;
}
.fig9 {	
display:inline-block;				/* POUR LES FIGURES */
position:absolute;
z-index:4;
background-color:#00ff00;
left:440px;
margin-top:90px; 
width:200px;
height:200px;
}	
.fig10 {	
display:inline-block;				/* POUR LES FIGURES */
position:absolute;
z-index:3;
background-color:#00ff00;
right:270px;
margin-top:30px; 
width:200px;
height:200px;
}	
.tipo2{						/* POUR LES LIENS */
display:inline-block;
position:absolute;
z-index:8;
width:190px;
height:30px;
color:#594736;	
text-shadow:1px 1px 0px black;		
font-family:arial;
font-size:24px;		
text-align:center;	
text-decoration:none;
padding:10px 0 10px 0;	
margin:145px 5px 0 5px;
}

.i1{					/* POUR LES imagef */
display:inline-block;
width:194px;
height:194px;
margin:3px 3px 3px 3px;
}

#parti2{
display:inline-block;
vertical-align:top;
width:760px;
height:240px;
padding-left:50px;
padding-top:30px;
}

#a1{color:#594736;	
text-shadow:1px 1px 0px black;		
font-family:arial;
font-size:18px;		
text-align:center;	
} 

#fig5{	
margin:5px 0 100px -52px; 
width:400px;
height:88px;
}	
#fig6{	
margin:0 0 2px -52px; 
width:400px;
height:60px;
}	

#p2{	
color:#594736;
text-shadow:0px 1px 0px black;
font-family:arial;
font-size:18px;		
font-weight:bold;
text-align:left;

}	
#sp1{
font-family:arial;
font-size:24px;		
font-weight:bold;
}
#trait2{										/* trait de séparation */
width:1000px;
height:1px;
background-color:black;
margin:0 auto;
}
#adressebasse{								/* boite adresse en inline-block pour la déplacer */
display:inline-block;
font-size:16px;
font-family:arial;
color:#2111de;
text-shadow:1px 1px 1px black;
margin:40px 0 0 150px;
padding-bottom:10px;

}
.fin{												/* class fin déplacer mention légales texte du bas */
display:inline-block;
font-size:14px;
font-family:arial;
margin-left:90px;
}
#ecole{											/* textz à l'intérieur de la boite identifié adressebasse */
text-align:center;
margin:50px auto;
} 

#dessus{										/* logo qui empiète sur footer en position absolute */
margin:0 auto;
position:absolute;
bottom:0px;
left:20px;
z-index:3;
}
#separadress{									/* séparation téléphone */
padding-right:20px;
}
#flottant1{												/* BBC */
background-image:url(imagef/bbc.jpg);
width:120px;
height:118px;
position:absolute;
z-index:10;
top:100px;
left:40px;
}
#flottant2{
width:200px;
height:220px;
display:inline-block;
vertical-align:top;
padding-right:50px;
}