html, body {
margin: 0;
padding: 0;
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}


.page { 
width:955px;
margin-left:auto;
margin-right:auto;
height: 150%;}
html>body .page {height : auto; min-height : 900px;  }

.form {
	text-align: right;
	padding-bottom: 15px;
}

.haut{ 
width:955px;
height: 107px;
text-align : left;
background: url(images/garos_haut.jpg)  no-repeat ;} 
html>body .haut{width : 955px; }

input {
	width: 400px;
	margin-bottom: 15px;
	border:1px solid #000000;
}

textarea {
	width: 400px;
	margin-bottom: 15px;	
	border:1px solid #000000;
}

.error {
	text-align: center;
	color: #FF0000;
	font-weight: bold;
	font-size: 1em;
}


/* menu drapeau*/

.menu_accueil {
float :left ;
margin-top : 25px;
width : 275px;
height:40px;
}
.menu_intro {
float : right ;
margin-top : 50px;
width : 275px ; 
}
.lang { 
padding-left:20px;
display:inline;
}
.contact {
padding-left:20px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
display:inline;
}

/* menu principal*/

.menu_h0 {
	width:954px;
	height:18px;
	padding-bottom :1px;
	margin-top:4px;
	background-color:#FF9966;
	}

.menu_h {
	float:left;
	width:159px;
	height:18px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-align:center;
	background-color:#FFFFFF;
	}

/* sous menu vertical */

.menu_gauche {
	float : left ;
	width:150px;
	height:600px;
	margin-right:20px;
	}
.menu_capteur {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	color: #00FF99;
	padding-left:18px;
	padding-bottom: 14px;
	width:150px;
	height:auto;}

.menu_capteur a {
	text-decoration: underline;}


/* navigation */
a {
	font-weight:bolder;
	text-decoration:none;
	color: #056787;
	}
	
a:hover {
	color: #FF3300;
	letter-spacing: 0em;
	}


/* id navigation */

#navigation a {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	display:inline;
	}
	
#navigation a:hover {
	color:#FF9933;
	display:inline;
	}


/* contenu */

.contenu {
	float : left ;
	vertical-align:text-top;
	width:610px;
	}
.floatleft {
	float : left ;
	vertical-align:text-top;
	}
.contenu_2col {
	float : left ;
	vertical-align:text-top;
	padding-left:25px;
	width:200px;
	}

.caracteristik{
	margin-bottom: 30px;
	padding-left: 28px;
	width:592px;
	}
	
.titre_garos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #509EA5;
	font-weight: bold;
	text-transform: uppercase;
	text-align : left;
}
.tit_caracteristik {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	padding-left : 20px;
	padding-top : 10px;
	text-align : left;
	vertical-align:text-top;
	margin-bottom: 20px;
}
.txt_caracteristik {
	width:480px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align : left;
	line-height: 14px;
	padding-left : 20px;
}

.txt_liste{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align : left;
	vertical-align:text-top;
	line-height: 14px;
	padding-left : 30px;
	width:480px;
}
.electro_img{
	padding-left: 40px;
	width:160px;
	}
.produit{
	margin-left: 30px;
	width:580px;
	border-top-color:#FF9900;
	border-top-width: 1px;
	border-top-style: solid;
	height:140px;
	}
.tableau{
	float:left;
	width:116px;
	text-align:right;
	border-top-color:#FF9900;
	border-top-width: 1px;
	border-top-style: solid;
	height:70px;
	}
.tb_ligne{
	float:left;
	text-align:right;
	width:116px;
	border-top-color:#FF9900;
	border-top-width: 1px;
	border-top-style: solid;
	height:auto;
	}	
.prod_img{
	float:left;
	width:148px;
	height:108px;
	padding-top:10px;
	padding-bottom :10px;
	}

.prod_txt {
	float:left;
	width:406px;
	height:108px;
	padding-left : 20px;
	padding-top : 5px;
	vertical-align:top;
	}


.tit_produit {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	text-align : left;
	height:24px;
	vertical-align:text-top;
	}
	
.txt_produit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align : left;
	vertical-align:text-top;
	}


/* droite */

	
.txtDroite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-align: left;
}

.txtDroite a {
	color: #FF0000;
	text-decoration:underline;
	}

.txtDroite a:hover {
	color: #FF9900;
	}





.txt_formulaire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	font-weight: bolder;
	text-align: left;
}