a img{border:0}


html{
background:#F1F6F7;

}


html, body {
	font-family: arial, sans-serif;
	font-size:100%;
	margin: 0;
	padding: 0;
	height:100%;
	width:100%;
	color:#3A5053;
	line-height:130%;
	}


#conteneur {
	width: 100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	}

#logo{
	width:232px; 
	height:303px;
	background-image:url(logo.png);

	border: 0px solid black;
	position:absolute;
	top:0;
	left:20px; 
	z-index:0;
}

#header {
	width:100%; 
	height:303px;
	background: url("entete.png");
	background-repeat: repeat-x;
	border: 0px solid black;

	top:0;
	left:0; 
	z-index:0;
	margin-bottom:-100px;
	}


	#pitch	{
	position:absolute;
	top:64px;
	left:312px;
	font-size:110%;
	font-weight:bold;
	color:#3A5053;
	z-index:1;
	font-style : normal;
	}

#lienheader 	{
			position:absolute;
			right:1%;
			
			}

	#lienheader a	{
			text-decoration:underline;
			color:#3A5053;
			padding-left:1em;
			padding-right:1em;
			font-weight:bold;
			font-size:80%;
			}



.input{
	width:300px;
	font-size:140%;
	font-weight:bold;
	color : black;
	border:1px solid black;
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	
	
}

.input2{
	width:150px;
	font-size:140%;
	font-weight:bold;
	background:transparent;
	color : #3A5053;
	border:1px solid black;
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
}



#centre {
	position:relative;
	width:900px;
	background: white;
	min-height:450px;
	margin:-50px auto 0;
	padding-top:2%;
	padding-bottom:2%;
	border-top: #3A5053 1px solid; 
	border-left: #3A5053 1px solid; 
	border-right: #3A5053 1px solid; 
	
	z-index:1;
	}
#menubas {
	position:relative;
	width:900px;
	background: white;
	padding-bottom : 10px;
	margin: 0 auto ;

	border-bottom: #3A5053 1px solid; 
	border-left: #3A5053 1px solid; 
	border-right: #3A5053 1px solid; 
	
	z-index:1;
	}


#pied {
	position:relative;
	background: silver;
	margin:-50px auto 0%;
	padding-top:55px;
	padding-bottom:15px;
	z-index:0;
	background: url("pied.png");
	background-repeat: repeat-x;
	background-position:bottom;
	font-size:80%;
	font-weight:bold;
	text-align : center;
	}
	



/*_________________________MISE EN FORME GENERALE______________________*/

.ascenseur{
			
			font-weight:bold;
			margin-left:5%;
			color:silver;
			text-decoration:none;
			
			}
	.ascenseur a.hover{
			color:red;
			margin-left:10%;
			font-weight:bold;
			}

.lien{
	color:black;
	}

	a:hover.lien {
	font-weight:bold;
	}

h1{
	font-size:110%;
	font-weight:bold;
	margin-top:2%;
	margin-left:5%;
	color:#3A5053;
	}

h2{
	font-size:90%;
	font-weight:bold;
	margin-top:5%;
	margin-left:7%;	
	color:#3A5053;
	}

.spacer {
	clear: both;
	}

a {
	font-size:100%;
	font-weight:normal;
	text-decoration: underline;
	color:blue;
	}


.conteneur-produit{
	width:75%;
	height :auto ;
	background: white;
	font-size:80%;
	font-weight:normal;
	text-align:justify;
	padding-left:5px;
	margin:5% auto 0%;
	border-bottom: #3A5053 1px solid; 
	}
.conteneur-produit img{
			float:right;
			margin-left:5%;
			}



.produit{
	float:left;
	width:40%; 
	border:1px solid black; 
	margin-left:6%;
	margin-bottom:6%;
	padding-top:1%;
	padding-bottom:1%; 
	text-align:center; 
	}
.produit img{
	width:100%;
	}








	#image_combi{
				float:none;
				margin : 0;
				width : 100%;
				}
	.colonne{text-align:center;}





td.MYTABLE{
width:200px;
}
caption.MYTABLE{
font-weight:bold;
text-align:left;
}


#decontamination {
font-weight:bold;
color:green;
}
h1#decontamination {
font-size:12px;
font-weight:bold;
}
h2#decontamination{
font-size:12px;
}
h3#decontamination {
font-size:16px;
font-weight:bold;
}


#introgant1{
float:left;
text-align:left;

border:1px solid;
padding:5px;
font-size:12px;
margin:5px;

width:200px;
}

a#introgant{text-decoration:none;margin-left:10px;color:#3A5053;}

a:hover#introgant{text-decoration:none;margin-left:10px;color:black;font-weight:bold;}

h1#introgant{font-weight:bold;color:#3A5053;font-size:12px;}


.liste_alphabetique{float:left; margin:10px;padding:10px;width:280px; height:100px;background:#D9E8DE;color:#3A5053; font-size:10px;}
.liste_alphabetique a{color:#3A5053; text-decoration:none;font-size:12px;line-height:20px;}
.liste_alphabetique a:hover{color:#3A5053; text-decoration:none;font-size:14px;font-weight:bold;}


.red {
 color: #ff0000;
	background-color: transparent;

font-weight:bold;
font-size:12px;
}

.red2 {
 color: #ff0000;
background-color: transparent;

font-weight:bold;
font-size:12px;
}

.vi4 {
	color: #000;
	background-color: transparent;
font-weight: bold;
	font-size:12px;
	
}


FORM {
	margin: 0 auto;
	width:80%;


	
}
FORM * {
	font-size: 12px;
}
TEXTAREA, INPUT, LABEL {
	margin: 0 55px 20px 0
}
TEXTAREA, INPUT {
	border: #3A5053 1px solid; 
	background-color: #fff;
	width: 250px; 

}
TEXTAREA {
	width: 250px; 
	height: 200px
}
FORM P {
	clear: both; margin: 0
}
FORM LABEL {
	float: left; width: 18%; text-align: right
}

.alerte {
	font-weight: bold; font-size: 14px
}
.focus {
	background: #ff9;
}







/*---------------------PLAN SITE--------------------------------*/
#plan{
margin:0;
padding:0;
color:#000;
text-decoration:none;
list-style-type: none;
}
#plan ul{
	font-weight:bold;
	color:#000;
	text-decoration:none;
	list-style-type: none;
	}

#plan a{

	color:#3A5053;
	text-decoration:none;

	}

.bold{font-weight:bold;margin-left:1%;}




.page_unique{text-decoration:none; font-size : 100%; font-weight:bold; color : gray; }

/*---------------------RESULTATS RECHERCHES--------------------------------*/
.recherchetable { border:solid 1px black; border-collapse:collapse; width:80%;}
.recherchetd { border:solid 1px black;padding:1%; }
.rechercheth { border:solid 1px black;padding:1%; }