/* Hyposervices */
body{
font-family:Arial, Helvetica, sans-serif;
}

#page{
	width:955px;
	margin:0 auto;
}
.clear{
	clear:both;
	height:0;
}
.space{
	padding-left:30px;
}
*{ margin:0; padding:0;}
/*menu*/
#menu{
	width:954px;
	padding:0 0 0 1px;
	height:34px;
	background-color:#B81F07;
}
#menu ul{
	list-style-type:none;
	margin:0;
}
#menu li{
	float:left;
}

li.accueil a{
	background:url(images/accueil-a.gif) no-repeat;
	width:201px;
	height:34px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:27px;

}
.accueil a:hover{
	background: url(images/accueil-on.gif) no-repeat;
	text-decoration:none;
}
.accueil-actif a{
	background: url(images/accueil-on.gif) no-repeat;
	width:201px;
	height:34px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:27px;
}

li.lavage a{
	background: url(images/lavage-a.gif) no-repeat;
	width:329px;
	height:34px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:27px;

}
.lavage a:hover{
	background: url(images/lavage-on.gif) no-repeat;
	text-decoration:none;
}
.lavage-on a{
	background: url(images/lavage-on.gif) no-repeat;
	text-decoration:none;
	width:329px;
	height:34px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:27px;
}

li.car-film a{
	background: url(images/car-film-a.gif) no-repeat;
	width:198px;
	height:34px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:27px;

}
.car-film  a:hover{
	background: url(images/car-film-on.gif) no-repeat;
	text-decoration:none;
}
.car-film-on a{
	background: url(images/car-film-on.gif) no-repeat;
	text-decoration:none;
	width:198px;
	height:34px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:27px;
}

li.location a{
	background: url(images/location-a.gif) no-repeat;
	width:226px;
	height:34px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:27px;

}
.location   a:hover{
	background: url(images/location-on.gif) no-repeat;
	text-decoration:none;
}
.location-on a{
	background: url(images/location-on.gif) no-repeat;
	text-decoration:none;
	width:226px;
	height:34px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:27px;
}


/*top*/
#top-bleu{
	background:url(images/top-bleu.gif) no-repeat top;
	height:172px;
	width:874px;
	padding-left:81px;
}
#top-bleu img{
	float:left;
}
.top-bleuLogo{
	margin:58px 29px 0 0;
}
.logohiposervice{
	margin:0 0 0 102px;
	float:left;
}
.voiture{
	float:right
}
#top-bleu h2{
	background:url(images/spots.gif) 71px 27px no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#162983;
	padding:29px 0 0 100px;
	margin:0;
	float:left;
	width:250px;
	height:23px;
}
#top-bleu h3{
	background:url(images/spots.gif) 0 0 no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#162983;
	margin:16px 0 0 46px;
	padding:0 0 0 25px;
	float:left;
	width:250px;
	height:23px;
}
#top-bleu h4{
	background:url(images/spots.gif) 17px 14px no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#162983;
	padding:16px 0 0 45px;
	float:left;
	width:250px;
	height:23px;
}
/*top rouge*/
#top-rouge{
	background: url(images/top-rouge.gif) no-repeat top;
	height:172px;
	width:874px;
	padding-left:81px;
}
#top-rouge img{
	float:left;
}
#top-rouge h2{
	background:url(images/spots.gif) 71px 27px no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#162983;
	padding:29px 0 0 100px;
	margin:0;
	float:left;
	width:250px;
	height:23px;
}
#top-rouge h3{
	background:url(images/spots.gif) no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#162983;
	margin:16px 0 0 46px;
	padding:0 0 0 25px;
	float:left;
	width:250px;
	height:23px;
}
h5 a{
	background: url(images/bg-tarification.gif) no-repeat;
	display:block;
	width:222px;
	height:25px;
	color:#F16B00;
	font-size:15px;
	text-align:center;
	margin:20px 0 0 0;
	line-height:25px;
	text-decoration:none;
}
h5 a:hover{
	color:#27A1FF;
	text-decoration:none;
}
#top-rouge h4{
	background:url(images/spots.gif) 17px 14px no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#162983;
	padding:16px 0 0 45px;
	float:left;
	width:250px;
	height:23px;
}

/*contenu rouge*/
#contenubleu{
	margin:0 0 0 12px;
	background:url(images/bg-bleu.gif) repeat-y;
	width:925px;
}

#contenurouge{
	margin:0 0 0 12px;
	background:url(images/bg-rouge.gif) repeat-y;
	width:925px;
}

#contenurougetop{
	background: url(images/top-contenu-rouge.gif) no-repeat top;
	width:925px;
	margin:0;
}
#contenurougebottom{
	background: url(images/bottom-contenu-rouge.gif) no-repeat bottom;
	width:925px;
	margin:0;
}


/*contenu bleu*/
#contenubleu{
	margin:0 0 0 12px;
	background:url(images/bg-bleu.gif) repeat-y;
	width:925px;
}
#contenubleutop{
	background: url(images/topbleu.gif) no-repeat top;
	width:925px;
	margin:0;
}
#contenubleubottom{
	background: url(images/bottom-contenu-bleu.gif) no-repeat bottom;
	width:925px;
	margin:0;
}
#contenubleubottomimg{
	margin:5px 0 20px 143px;
	float:left;
}
.formulaire{
	width:216px;
	margin:29px 30px 0 44px;
	float:left;
	
}
.formulairecolor{
	color:#1A8BFF;
	width:214px;
	border:1px solid  #1A8BFF;
	margin:5px 0 7px 0;
}
.presentation{
	width:243px;
	float:left;
	margin:0 0 0 2px;
	padding:0 0 40px 0;
	color:#248DFF;
	font-size:11px;
}
.presentation ul{
	list-style-type:none;
	margin:0 0 0 12px;
}
.presentation li{
	background:url(images/puce.gif) 1px 2px no-repeat;
	padding:0 0 2px 12px;
	width: 220px;
}
.presentation h2{
	background: url(images/entete-txt.gif) no-repeat;
	height:24px;
	width:243px;
	color:#F16B00;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin:0 0 7px 0;
}
.presentation p{
	padding:0 0 3px 10px;
	margin:0;
	color:#F16B00;
	font-weight:bold;
	width: 220px;
	display: block;
	text-align: justify;
}
.contenu2{
	width:917px; 
	margin:10px 0 0 22px;
}
.contenu2 img{
	margin:0 5px 0 10px;
	float:left;
}
.bg-plan{
	background:url(images/bg-plan.gif) no-repeat;
	width:500px;
	height:155px;
	float:right;
}
.bg-plan img{
	float:left;
	margin:13px 0 0 16px;
}
.bg-plan address{
	color:#248DFF;
	font-size:11px;
	font-weight:bold;
	background:url(images/trai-rouge.gif) no-repeat left;
	float:left;
	padding:2px 0 0 10px;
	margin:31px 0 0 163px;
	line-height:12px;
	font-style:normal;
	display:block;
}
.bg-plan  p{
margin:0 0 7px 0;
}
/*lavage*/
#contenu{
	width:880px;
	padding:50px 0px 60px 35px;
	font-size:11px;
	color:#0676FF;
}

#contenu p{
	padding:0px;
	text-align: justify;

}
.contenuspan{
	float:left;
	width:400px;
	color:#FFB610;
	margin:0 0 20px 10px;
	font-size: 12px;
}

#contenu h4{
	font-size:13px;
	padding:5px 0 5px 0;

}

#contenuleft{
	width:485px;
	float:left;
}
#contenuleft1{
	width:185px;
	float:left;
	font-size:11px;
	color:#0676FF;
	padding:0 10px 10px 0;
}
.contenuleft2{
	width:145px;
	float:left;
	font-size:11px;
	color:#0676FF;
	padding:0  0 0 3px;
}
#contenuleft img{
	float:left;
	margin:0 10px 0 0;
}
#contenuleft h2{
	font-size:12px;
	font-weight:bold;
	color:#0676FF;
	margin:2px 0 0 0;
	display: block;
	text-transform: uppercase;
}

/*contenu left 2*/

#contenuleft2{
	width:435px;
	float:left;
	margin:40px 0 0 0;
}
#contenuleft2 img{
	float:left;
	margin:0 10px 0 0;
}
#contenuleft2 h2{
	font-size:12px;
	font-weight:bold;
	color:#0676FF;
	margin:2px 0 0 0;
	display: inline;
}
#contenuleft2 p{
	font-size:11px;
	color:#0676FF;
	margin:8px 0 0 0;
	display: block;
}

#contenuright{
	float:left;
	width:380px;
	margin:0 0 0 10px;
	padding:10px 0 0 0;
	font-size:11px;
	color:#0676FF;
}
#contenuright img{
	float:left;
	padding:15px 10px 0px 0px;
}
#contenuright h2{
	font-size:12px;
	font-weight:bold;
	color:#0676FF;
	padding:10px 0 0 0;
	display: block;
	text-transform: uppercase;
}
#contenuright p{
	margin: 0 0 2px 10px;
}
#contenuright span{
	color:#FFB11D;
	font-weight:bold;
}
#contenuright p a{
	color:#0676FF;
	text-decoration:none;
}
#contenuright p a:hover{
	color:#FFB11D;
	text-decoration:none;
}
#contenu h3{
	color:#FFB11D;
	font-size:14px;
	font-weight:bold;
	margin:5px;
}

#contenuright ul{
	list-style:none;
	margin:0 0 6px 20px;
}

.table2{
	margin:5px;
	float:left;
	font-size:12px;
	border-collapse:collapse;
}

.table2 td{
	border:1px solid #E99521;
	padding:5px;
}
.table3{
	font-size:12px;
	border-collapse:collapse;
	width: 553px;
	height:234px;
}

.table3 td{
	border:1px solid #E99521;
	padding:0px 5px;
}

.titre_tab{
	color:#fff;
	font-weight:bold;
	background-color:#CC5012;
}

.sub_titre_tab{
	color:#fff;
	font-weight:bold;
	background-color:#7E1500;
}

.sub_titre_tab2{
	color:#fff;
	font-weight:bold;
	background-color:#7E1500;
	font-size:14px;
}

.ligne_tab{
	background-color:#FEE583;
	color:#7E1500;
}

.ligne_tab img{
}

.couleur{
	color:#F16B00;
	text-align:right;
	clear:both;
}

/*footer*/
#footer{
	width:915px;
	margin:20px 0 0 21px;
	font-size:11px;
	color:#277CD0;
	vertical-align:middle;
}
#footer span{
	position: absolute;
	margin:1px 0 0 0;
}
.imgbleu{
	position: absolute;
	margin:6px 0 0 130px;
}
#footer ul{
	list-style-type:none;
	text-align:center;
	padding:15px 0 0 275px;
	margin:0 auto;
}
#footer li{
	float:left;
	color:#6BBDFF;
	padding:0 2px 0 2px;
}
#footer li a{
	color:#6BBDFF;
	text-decoration:none;
}
#footer li a:hover{
	color:#D83701;
	text-decoration:none;
}
.logotoptec{
	width:350px;
	margin:0 auto;
	text-align:center;
	padding:10px 0 0 0;
}

.logotoptec a{
	font-size:9px;
	text-decoration: none;
	color:#000;
}
.logotoptec a:hover{
	text-decoration: none;
	color:#F16B00;
}
.msgenvoyer {
	font-size:10px;
	color:#990000;
}
.txtpopup{
	font-size:11px;
	color:#E99521;
	padding:0 0 0 10px;
	width: 850px;
}
/*reglement*/
.reglement{
	width:425px;
	float:left;
	font-size:11px;
	color:#0676FF;
	margin:10px 0 0 0;
	padding:0 0 0 8px;
}
.reglement span{
	font-weight:bold;
	display: block;
	margin:10px 0 10px 0;
}
.reglement a{
	color:#0676FF;
	font-weight:bold;
	margin:5px 0 0 100px;
}

.reglement a:hover{
	color:#FFB422;
}
.reglement img{
	float:right;
}
/*tarification*/
.tarification{
	width:380px;
	float: left;
	margin-left:54px;
	font-size:14px;
	font-weight:bold;
	color:#FFB610;
}
.tarification img{
	margin:0 0 10px 0;
}
.tarification p{
	margin-left:15px;
	float:left;
	display:block;
	width:330px;
}
.tarification p.prix{
	float:left;
	width:153px;
	float:left;
	text-align:center;
	margin:5px 20px 0 0;
	color:#35A5FF;
	font-size:12px;
}
/*carfilm*/
#leftcarfilm{
	width:550px;
	float:left;
}
#leftcarfilm1{
	width:195px;
	float:left;
	font-size:11px;
	color:#0676FF;
	padding:5px 15px 10px 0;
	text-align: justify;
}
.leftcarfilm2{
	width:190px;
	float:left;
	font-size:11px;
	color:#0676FF;
	padding:5px 0 20px 10px;
}
.leftcarfilm2 p{
	display:block;
}
#leftcarfilm img{
	float:left;
	margin:0 10px 0 0;
}
#leftcarfilm h2{
	font-size:12px;
	font-weight:bold;
	color:#0676FF;
	margin:2px 0 0 0;
	display: block;
	text-transform: uppercase;
}
#rightcarfilm{
	background:url(images/fond-img.gif) no-repeat top #fff;
	width:320px;
	height:350px;
	float: right;
	text-align:center;
	padding:10px 0 0 0;

}
.tarif{
	padding:10px 0 10px 0;
}