*{										
margin:0;
padding:0;
}			
body{
background-image:url(imagel/motif1.jpg);
background-repeat:repeat-x;
margin:0 auto;
}			
.box1024{	
position:relative;			
width:1024px;
min-height:400px;
background-image:url(imagel/header.jpg); 
background-repeat:no-repeat;
border:1px solid #ccc;
margin:0 auto;
}
/* ____________________________________ navigation position  fixe_______________________ */
header{	
vertical-align:top;
background-image:url(imagel/nav.jpg);
background-repeat:repeat-x; 
position:fixed;	
z-index:11;				
width:1024px;
min-height:55px;
margin:0 auto;
}
a{
text-decoration:none;
}
a:active{
background-color:#f00; 
}
a:hover{	
background-color:#0f0;										
}
#bg_nav a{ 
display:inline-block;
padding-right:3px;
text-decoration:none;
border-right:2px solid #372614;
width:199px;
min-height:40px;
text-align:center;
} 
#reso a{
display:inline-block;
margin:10px 0px 0px 30px;
}

#bg_nav {		
display:inline-block;	
vertical-align:top;
width:100%;
height:65px;
}
#menu2{
margin-top:2px;
padding-top:2px;
padding-right:6px;
background-image:url(imagel/superb2.jpg);
background-repeat: no-repeat;
display:inline-block;
vertical-align:top;
list-style:none;
text-align: center;
width: 199px;
height:50px;
}
#tipo2{	
display:inline-block;
padding-top:10px;
font-variant:small-caps;
color:#fcf90a;	
font-size:20px;
font-weight:bold;
text-shadow:2px 0px 0px #000;
}	
#menu3{
margin-top:2px;
padding-top:2px;
padding-right:6px;
background-image:url(imagel/superb3.jpg);
background-repeat: no-repeat;
display:inline-block;
vertical-align:top;
list-style:none;
text-align: center;
width: 199px;
height:50px;
}
#tipo3{	
padding-top:10px;
font-variant:small-caps;
color:#00f;	
font-size:20px;
font-weight:bold;
text-shadow:2px 0px 0px #000;
}
#menu4{
margin-top:2px;
padding-top:2px;
padding-right:6px;
background-image:url(imagel/superb5.jpg);
background-repeat: no-repeat;
display:inline-block;
vertical-align:top;
list-style:none;
text-align: center;
width: 199px;
height:50px;
}
#tipo4{	
padding-top:10px;
font-variant:small-caps;
color:#fff;	
font-size:20px;
font-weight:bold;
text-shadow:2px 0px 0px #000;
}
#menu5{
margin-top:2px;
padding-top:2px;
padding-right:6px;
background-image:url(imagel/superb4.jpg);
background-repeat: no-repeat;
display:inline-block;
vertical-align:top;
list-style:none;
text-align: center;
width: 199px;
height:50px;
}	
#tipo5{	
padding-top:10px;
font-variant:small-caps;
color:#f00;	
font-size:20px;
font-weight:bold;
text-shadow:2px 0px 0px #000;
}							 				 					 		
#cpf{
display:inline-block;
width:100%;
height:70px;
}
									/* _______________la solution éco-construction_______ */
#titre1{									
padding:20px 12px 10px 12px;
} 
#titre2{									
padding:15px 12px 15px 12px;
text-shadow:2px 1px 0px white;
width:1000px;
text-align:center;
font-family:arial;
font-variant:small-caps;
font-size:40px;
font-weight:bold;
color:#ff3434;
margin:0 auto;
}
#lsa{
width:100%;
height:200px;
}
#f2{
display:inline-block;
padding:10px 0px 0px 420px;
width:180px;
height:180px;
}
#reso{
display:inline-block;
width:250px;
vertical-align:top;
margin-left:780px;
}
#lsb{
display:inline-block;
vertical-align:top;
width:93%;
padding:40px 36px 40px 36px;
text-align:justify;
}
.titre21{
display:inline;
vertical-align:top;
font-family:verdana;
font-weight:normal;
font-size:15px;
color:#103c11;
}
									/* ______________________________ligne déco verte_________________ */
#déco{
width:100%;	
height:20px;
background-image:url(imagel/déco.jpg);
}
#lsc{
display:inline-block;
vertical-align:top;
width:42%;
padding:40px 36px 40px 36px;
text-align:justify;
}
#lsd{
display:inline-block;
vertical-align:top;
width:42%;
padding:40px 36px 40px 36px;
text-align:justify;
}
.titre3{
display:inline;
font-family:arial;
font-weight:normal;
font-size:14px;
color:#103c11;
}		
							/* ______________________________ligne FINE déco verte_________________ */
.separe1{
background-image:url(imagel/motifsépare.gif);
background-repeat:repeat-x;
width:100%;
height:3px;
}	
#parti1{
background-color:#fcecfc;
display:inline-block;
vertical-align:top;
width:100%;
min-height:450px;
} 
#boiteasection2{
position:relative;
z-index:0;
width:100%;
height:400px;
}
.fig1 {	
display:inline-block;				
position:absolute;
z-index:1;
background-color:#00ff00;
left:-30px;
top:30px;
width:200px;
height:200px;
}		
.fig2 {	
display:inline-block;				
position:absolute;
z-index:2;
background-color:#00ff00;
left:120px;
top:90px; 
width:200px;
height:200px;
}
.fig3 {	
display:inline-block;				
position:absolute;
z-index:3;
background-color:#00ff00;
left:270px;
margin-top:150px; 
width:200px;
height:200px;
}
.fig4 {	
display:inline-block;				
position:absolute;
z-index:4;
background-color:#00ff00;
left:420px;
margin-top:210px; 
width:200px;
height:200px;
}	
.fig5 {	
display:inline-block;				
position:absolute;
z-index:1;
background-color:#00ff00;
right:-30px;
top:30px;
width:200px;
height:200px;
}		
.fig6 {	
display:inline-block;				
position:absolute;
z-index:2;
background-color:#00ff00;
right:120px;
top:90px; 
width:200px;
height:200px;
}
.fig7 {	
display:inline-block;				
position:absolute;
z-index:3;
background-color:#00ff00;
right:260px;
margin-top:150px; 
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 0px 10px 0px;	
margin:145px 5px 0px 5px;
}
.i1{					/* POUR LES imagel */
display:inline-block;
width:194px;
height:194px;
margin:3px 3px 3px 3px;
}
#parti2{
display:inline-block;
vertical-align:top;
height:200px;
padding-left:50px;
padding-right:200px;
padding-top:20px;
}
#p2{	
color:#594736;
text-shadow:0px 1px 0px black;
font-family:arial;
font-size:18px;		
font-weight:bold;
text-align:left;
}
#flottant2{
display:inline-block;	
width:500px;
height:200px;
} 	
#a1{
display:inline-block;	
color:#594736;	
text-shadow:1px 1px 0px black;		
font-family:arial;
font-size:18px;		
text-align:center;	
padding-left:200px;
padding-top:20px;
} 
#sp1{
font-family:arial;
font-size:24px;		
font-weight:bold;
color:#594736;
padding-left:30px;
}
#adressebas{
text-align:center;
padding-bottom:50px;
font-size:20px;
}
.fin{
padding-right:20px;
padding-left:20px
}
/*--------------------------------------BOUTON PCSOFT-------------------------------------------------------*/
#menu_pcsoft {
padding-top:2px;
padding-right:5px;
display:inline-block;
vertical-align:top;
list-style:none;
text-align: center;
width:199px;
font-variant:small-caps;
}
.monte1{
display:inline-block;
vertical-align:top;
width:120px;
/* padding:0px 7px; */
}
#menu_pcsoft ul {
padding-bottom:1px;
}
#menu_pcsoft li {
background-image:url(imagel/superb1.jpg);
background-repeat: no-repeat;
border-radius: 4px;
 }
#menu_pcsoft li li {
max-height:0px;
overflow: hidden;
transition: all .6s;
}
#menu_pcsoft a {
display:block;
text-decoration: none;
text-shadow:2px 0px 0px #000 ;
color: #fff;
padding-top:10px;
font-size:20px;
font-weight:bold;
}
#menu_pcsoft li:hover {
background:#3427fb;
}
#menu_pcsoft ul li:last-child {
border-radius: 4px;
}
 #menu_pcsoft li:hover li {
max-height:40px;
}
/*----------------------------------Le Contact à faire----------------------*/
#vue{
margin:0 auto;
padding:20px;	
background:white;
width:650px;
height:920px;		
}
#dimensions{
margin:0 auto;
width:100%;
height:920px;	
}