@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	color:#535353;
	}

body {
font-family:Verdana, arial, sans-serif;
	color:#535353;
	font-size:12px;
background:url(../images/body.jpg) top repeat-x;}

ul, li {margin:0; padding:0; list-style-type:none;}

h1 {font-size:15px;}

h2 {font-size:12px;
margin-left:10px;}

h3 {}
p {
	font-size:12px; line-height:150%; text-align:justify; /*word-spacing:-0.1em;*/ margin: 15px 8px 15px 9px;}
img {
	border:none;}
a {
color:#535353;
text-decoration:none;}


/*.......................................................................class*.............................................*/
.illu{
	display:block;
	float:left;
	margin:auto 10px 0px 10px;}
.h1vert {color:#99cc00; border-bottom: 1px solid #e5e5e5; margin: auto 9px 10px 9px; padding-bottom:5px; padding-top: 5px; }
.h1accueil {color:#60b6ff; border-bottom: 1px solid #e5e5e5; margin: auto 9px 10px 9px; padding-bottom:5px; padding-top: 5px; }
.h1entreprise {color:#0444fb; border-bottom: 1px solid #e5e5e5; margin: auto 9px 10px 9px; padding-bottom:5px; padding-top: 5px; }
.h1maitrise {color:#1ed0c6; border-bottom: 1px solid #e5e5e5; margin: auto 9px 10px 9px; padding-bottom:5px; padding-top: 5px; }
.h1bois {color:#1ed048; border-bottom: 1px solid #e5e5e5; margin: auto 9px 10px 9px; padding-bottom:5px; padding-top: 5px; }
.h1orga {color:#fce203; border-bottom: 1px solid #e5e5e5; margin: auto 9px 10px 9px; padding-bottom:5px; padding-top: 5px; }
.h1forma {color:#fcb303; border-bottom: 1px solid #e5e5e5; margin: auto 9px 10px 9px; padding-bottom:5px; padding-top: 5px; }
.h1contact {color:#fc5503; border-bottom: 1px solid #e5e5e5; margin: auto 9px 10px 9px; padding-bottom:5px; padding-top: 5px; }

.h2vert {
color:#99cc00;
font-weight:bold;
padding:10px 0 10px 0;}
.h2accueil {color:#60b6ff;
font-weight:bold;
padding:10px 0 10px 0;}
.h2entreprise {color:#0444fb;
font-weight:bold;
padding:10px 0 10px 0;}
.h2maitrise {color:#1ed0c6;
font-weight:bold;
padding:10px 0 10px 0;}
.h2bois {color:#1ed048;
font-weight:bold;
padding:10px 0 10px 0;}
.h2orga {color:#fce203;
font-weight:bold;
padding:10px 0 10px 0;}
.h2forma {color:#fcb303;
font-weight:bold;
padding:10px 0 10px 0;}
.h2contact {color:#fc5503;
font-weight:bold;
padding:10px 0 10px 0;}

.classh2 {font-size:11px; color:#F00; font-weight:500; padding-top:10px; padding-left:5px;}	
.rouge {color:#F00;}
.vert {color:#99cc00}
.alignright {text-align:right; float:right;}
.a-entreprise {text-decoration:underline; color:#0444fb;}
	
/*....................................................structure............................................................*/

#top{
	width:962px;
	height:11px;
	margin:auto;
	margin-top:10px;
	background:url(../images/top-contenu.png) no-repeat;}	

#page{
	width:962px;
	background:url(../images/repeat-contenu.jpg) repeat-y;
	margin:auto;
	position:relative;}
	
#header{
	width:100%;
	height:148px;
	background:url(../images/repeat-contenu.jpg) repeat-y;}
.java-text{
		width:100%;
	height:19px;
	background:url(../images/java-text.jpg) no-repeat;
	margin-top:0px;
	}
.java-text-bas{
position:relative;
clear:both;
		width:100%;
	height:19px;
	background:url(../images/java-text.jpg) no-repeat;
	margin:0 0 5px 0;}
	
	
*+html #nav-top {
	position:relative;
	width:960px;
	height:48px;
	background-color:#FFF;
	margin:0;
	border-bottom:#e5e5e5 solid 1px;
	border-left:#e5e5e5 solid 1px;
	border-right:#e5e5e5 solid 1px;
	z-index:10;
	}		
	
#nav-top{
	position:absolute;
	width:960px;
	height:48px;
	background-color:#FFF;
	margin:auto;
	border-bottom:#e5e5e5 solid 1px;
	border-left:#e5e5e5 solid 1px;
	border-right:#e5e5e5 solid 1px;
	}	

#nav-footer{
	width:960px;
	height:33px;
	background-color:#FFF;
	margin:auto;
	border:#e5e5e5 solid 1px;
	clear:both;

	}	
#footer{
	clear:both;
	width:962px;
	margin:auto;
	height:14px;
	background:url(../images/bottom-contenu.png) no-repeat;}
/*............................................................................lien e-dilik................................*/
#e-dilik{
	position:relative;
	width:960px;
	height:15px;
	margin:auto auto 10px auto;}
.e-dilik{
	float:right; font-size:10px; font-weight:bold; color:#999; margin:5px 5px auto auto;}	
#miniedilik{
	display:block; float:right; margin:3px 15px auto auto;}	

/*.........................................................sous-structure..................................*/
#logo{ width: 219px; height:134px; margin:0 auto auto 11px; position:absolute; z-index:100;}
#nav-head{ width: 149px; height:134px;  position:absolute; left: 800px; top: 10px; color:#99cc00;}
#nav-head .command{ width:149px; height:38px; background:url(../illustration/bouton-head.png) no-repeat; font-size:10px; color:#99cc00; display:inline-block; margin-bottom:5px; }

#header #flash{ width:778px; height:145px; margin-left:20px; z-index:1;}
/*....................................................lien in the head...............*/
.command li{margin-top:5px;}
.command li .real {left:17px; color:#99cc00; display:block; top:1px; position:absolute; padding:10px 5px;}

.command li .real2 {margin-left:0px; color:#99cc00;}
.command li .real3 {margin-left:0px; color:#99cc00;}

.real:hover, .real2:hover, .real3:hover{
	text-decoration:underline;}

 
a.lien-head{padding:0px auto auto 10px;  float:left;}
						   
.recicle{ margin:5px auto auto 5px; float:left; padding-right:5px; }
/*#recicle2{margin:10px auto auto 5px; float:left;}*/
						   
/*.....................................ariane...........................................................*/						   
#fil{width:98%; margin:40px auto 0 auto; height:40px; font-size:9px;}
*+ html #fil{width:98%; margin:0px auto 0 auto; height:40px; font-size:9px;}

.ariane{font-size:9px; color:#999; margin-top:18px; display:inline-block;}
.ariane:hover {font-size:9px; color:#999; margin-top:18px; display:inline-block; text-decoration:underline;}
#imprime{margin-top:10px; float:left;}
/*.....................................fin ariane...........................................................*/
	
/*.....................................bloc left...........................................................*/	
#page #left{ width:191px; float:left; height:auto; margin:0px auto 11px 11px;}
#page #left #left-top{ width:191px; clear:both; height:13px; background:url(../images/top-left.png) no-repeat;}
#page #left #left-repeat{ width:191px; clear:both; height:auto; background:url(../images/left-repeat.png) repeat-y;}
#page #left #left-bottom{ width:191px; clear:both; height:260px; background: #fff url(../images/bottom-left.png) no-repeat bottom;}/*..................dégradé......*/

/*........................................navigation left............................*/
#page #left #left-repeat ul{margin:0px auto 13px 30px; padding-top:0px;}
#page #left #left-repeat ul li {list-style-image:url(../images/puce.jpg); padding-bottom:2px;}
#page #left #left-repeat ul li a{color:#99cc00; font-size:10px; }
#page #left #left-repeat ul li a:hover{text-decoration:underline}
/*........................................fin navigation left............................*/




#corp { width:733px; float:left; height:auto; margin:0px auto auto 11px; padding-bottom:20px;}
#corp-top { width:100%; clear:both; height:13px; background:url(../images/corp-top.png) no-repeat;}
#corp-repeat { width:100%; clear:both; background:url(../images/corp-repeat.png) repeat-y;}
#corp-bottom { width:100%; clear:both; height:11px; background:url(../images/corp-bottom.png) top no-repeat;}

#corp a {
color:#F00;
text-decoration:none;}

#corp a:hover {
text-decoration:underline;
color:#99cc00;
}

#corp-repeat ul li {
list-style:square;
margin: 10px 0 10px 35px;
padding-left:5px;}

ul.pop li {
list-style:square;
margin: 10px 0 10px 35px;
padding-left:5px;}

a.fen {
color:#F00;
text-decoration:none;}

a.fen:hover {
text-decoration:underline;
color:#99cc00;
}

#corp-repeat ol li {
list-style:decimal;
margin: 10px 0 10px 35px;
padding-left:5px;}

.interne-top{ width:177px; height:37px; background:url(../images/interne-top.png) no-repeat; margin:auto;}
.interne-repeat{width:177px; background:url(../images/interne-repeat.jpg) repeat-y; margin:auto; text-align:center; }
.interne-bottom{width:177px; height:11px; background:url(../images/interne-bottom.png) no-repeat; margin:auto; padding-bottom:10px;}
/*........................................lien actu............................*/
.interne-repeat ul{list-style-type:none; width:95%; margin:5px auto 0 10px; float:left; padding:0; text-align:left;}
.interne-repeat ul li{float:left; display:inline; font-size:11px; color:#60b6ff; float:left; width:90%;}
.interne-repeat p {
margin:0 5px 0 5px;
padding:0;}
.interne-repeat p a{font-size:10px;color:#9b9b9b; text-align:left; }
.interne-repeat p a:hover{ text-decoration:underline; }



img.perf{position:relative; left:5px; z-index:1;}/*..................................image du diagnostic....*/
.commande{text-align:center; font-size:11px; text-decoration:underline; color:#99cc00;}
.commande:hover{color:#ff0000;
text-decoration:underline;}

#ah{width:177px; margin:auto auto;padding-top:6px;}

/*..............................................menu nav-footer................................................*/
#nav-footer ul{margin-top:2px; display:block; list-style-type:none;}
#nav-footer ul li{display:inline;}
#minilogo{float:left; margin-left:8px;}	
#engenor{float:left; font-weight:bold; font-size:12px; padding-top:8px;}
#engenor li{color:#9b9b9b;}	
.test{font-size:8px; float:right; font-size:8px; padding-top:10px; margin-right:8px}
ul.test li{padding:0 8px 0 8px;}
.mention{font-size:10px; font-weight:600;}
.mention:hover{ text-decoration:underline;}
/*..............................................fin menu nav-footer................................................*/