*{margin:0px;padding:0px;}

.typo{
	font-family:Arial, Helvetica, sans-serif;
}

.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.typo11{font-size:11px;color:#474748;}
.typo12{font-size:12px;}
.rouge{color: #E66212;}
.vert{color: #8EA700}
.blanc{color: #FFFFFF;}
/*div {border: 1px solid #000;}*/

body {
	margin: 0px;
	padding: 0px;
	background-position: center;
	background-image: url(../img/fond.gif);
	background-repeat: repeat-y;
	text-align:center;
}

#page{	
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	text-align: left;
}


#en_tete  {/*la banderolle*/
float: left;
	border: none;
	height: 178px;
	width: 523px;
	background-image: url(../img/nos_points_de_vente_b_g.jpg);
	background-repeat: no-repeat;
	background-position: -2px 0px;
}
#en_tete2  {/*la banderolle*/
float: left;
	border: none;
	height: 178px;
	width: 435px;
	background-image: url(../img/nos_points_de_vente_b_d.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#navigation{
	float:left;
	padding-left: 45px;
	padding-top: 65px;
	width: 159px;
	background-image: url(../img/barre.gif);
	background-repeat: no-repeat;
	background-position: 168px 0px;
	
}
/*
#test ul{list-style-type:none;margin:0px;padding:0px;line-height:0px;display:inline;}
#test li{margin:0px;padding:0px;line-height:0px;display:inline;}
*/
#navigation ul{list-style-type:none;}
#navigation li{display:inline;}
#navigation img{border:0px solid #000;}
#navigation a{
display:block;
width:159px;
/*width:117px;*/
/*padding-right:42px;*/
background-repeat: no-repeat;
background-position:top  right;
}

#navigation a.O1on{background-image: url(../img/01_l.gif);}
#navigation a.O1off{background-image: url(../img/01.gif);}
#navigation a.O2on{	background-image: url(../img/02_l.gif);}
#navigation a.O2off{	background-image: url(../img/02.gif);}
#navigation a.O3on{background-image: url(../img/03_l.gif);}
#navigation a.O3off{background-image: url(../img/03.gif);}
#navigation a.O4on{background-image: url(../img/04_l.gif);}
#navigation a.O4off{	background-image: url(../img/04.gif);}
#navigation a.O5on{background-image: url(../img/05_l.gif);}
#navigation a.O5off{background-image: url(../img/05.gif);}


#corps {
	border: 0px solid #000;
	float:left;
	margin-left: 27px;
	width: 499px;
	border-right: 1px solid #E2E2E2;
	background-image: url(../img/cadre_nav.gif);	
	background-repeat: no-repeat;
	background-position:top  left;
}
.texte_prod {
	margin-left: 48px;
	width: 441px;
}
/*.retraite { margin-top: -20px; margin-left: 10px;}*/
#image_nos_11 {
	width: 499px;
	height: 60px;
	background-image: url(../img/nos_11.gif);	
	background-repeat: no-repeat;
	background-position:top  left;
}
#jourcadre{
	margin-left: 10px;
	width: 398px;
	border: 0px solid #E5E5E5;
	background-image: url(../img/rayure.gif);	
	background-repeat: no-repeat;
	background-position:top  left;
}
#petitcadre{
	width: 171px;
	margin-left: 110px;
	border: 1px solid #E5E5E5;
	/*padding-left: 20px;*/
}
/*.ligne{text-align: center;}*/
.jour {padding-right: 10px;}
.gauche{float: left; width: 70px; text-align: right;}
.droite{float: left; width: 90px; text-align: left;}
.paire{height: 24px;}
.impaire{height: 24px;}
#ligne {
	float: left;
	width: 227px;

}
.calage_prem {	margin-top: 30px; margin-bottom: 50px;}
.calage_pre {	margin-top: 30px;}
.barre{border-top: 1px solid #E2E2E2; width: 228px;}
.cadre_ville {
	/*border: 1px solid #E2E2E2;*/
	width: 228px;
	height: 243px;
	background-image: url(../img/cadre_ville.gif);	
	background-repeat: no-repeat;
	background-position: top left;
}
.cadre_ville_petit {
	/*border: 1px solid #E2E2E2;*/
	width: 228px;
	height: 183px;
	background-image: url(../img/cadre_ville_petit.gif);	
	background-repeat: no-repeat;
	background-position: top left;
}
.cadre_ville_moyen {
	/*border: 1px solid #E2E2E2;*/
	width: 228px;
	height: 213px;
	background-image: url(../img/cadre_ville_moyen.gif);	
	background-repeat: no-repeat;
	background-position: top left;
}
.apres_carte{
	padding-left: 8px;
	padding-top: 10px;
}
.ville {
	color: #E66212;
	padding-top: 6px;
	padding-left: 25px;
}
.texte_ville {
	padding-top: 15px;
	text-align: center;
}
.valmont {
	width: 228px;
	height: 171px;
	background-image: url(../img/valmont.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.montivillier {

	width: 228px;
	height: 171px;
	background-image: url(../img/montivillier.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.montivillier2 {

	width: 228px;
	height: 171px;
	background-image: url(../img/montivillier2.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.cani {
	width: 228px;
	height: 171px;
	background-image: url(../img/cani.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.cani2 {
	width: 228px;
	height: 171px;
	background-image: url(../img/Cany_01_2.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.lillebonne {
	width: 228px;
	height: 171px;
	background-image: url(../img/lillebonne.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.lillebonne2 {
	width: 228px;
	height: 171px;
	background-image: url(../img/lillebonne2.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.goderville {
	width: 228px;
	height: 171px;
	background-image: url(../img/goderville.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.goderville2 {
	width: 228px;
	height: 171px;
	background-image: url(../img/goderville2.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.fauville {
	width: 228px;
	height: 171px;
	background-image: url(../img/fauville.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.fauville2 {
	width: 228px;
	height: 171px;
	background-image: url(../img/fauville2.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.doudeville {
	width: 228px;
	height: 171px;
	background-image: url(../img/doudeville.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.doudeville2 {
	width: 228px;
	height: 171px;
	background-image: url(../img/doudeville2.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.fecamp {
	width: 228px;
	height: 171px;
	background-image: url(../img/fecamp.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.fecamp2 {
	width: 228px;
	height: 171px;
	background-image: url(../img/fecamp2.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.harfleur {
	width: 228px;
	height: 171px;
	background-image: url(../img/harfleur.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.harfleur2 {
	width: 228px;
	height: 171px;
	background-image: url(../img/harfleur2.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.havre {
	width: 228px;
	height: 171px;
	background-image: url(../img/havre.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}
.havre2 {
	width: 228px;
	height: 171px;
	background-image: url(../img/havre2.jpg);	
	background-repeat: no-repeat;
	background-position: top left;
}

.regis{margin-left: 12px;}

#topounet {clear:both; border-top: 1px solid #E2E2E2; width: 959px; height: 0px;}

#pied_page {
	margin-top: 5px;
	top: 0px;
	width: 959px;
	text-align: center;
	height: 25px;
}