/* images Document */
body, html{
	font-size:11px;
	margin:0;
	padding:0;
	font-family:arial;
	width:100%;
	height:100%;
}
.ifram{
	margin:0;
	padding:0;
	width:800px;
	
}
/* haut de page */
#header{ width:800px; background:#FFFFFF;}/* couleur zone text en dessous header */
#logo{ width:800px; height:97px; background:#333333 url('../images/bg-bandeau.jpg') no-repeat  right;}
#blocheaderdroite{ text-align:right; width:493px; height:82px; float:left; }
#blocpub{
	width:468px;
	height:60px;
	padding-right:14px;
	padding-left:0px;
	background:url('../images/logo-pub.gif') no-repeat  top right;
}
#menusecondaire{
	text-align:center;
	font-size:11px;
	font-weight:regular;
	height:15px;
	color:#0177BF; /* couleur des barres menu */
}
.bande-baseline{
	font-size:10px;
	margin:0;
	padding:0;
	text-align:center;
	width:800px;
	height:12px;
	background: url('../images/bg-bar.gif');
	color:#FFFFFF; /* couleur text haut de page */
}
#menu{
	font-size:10px;
	margin:0;
	padding:0;
	text-align:center;
	width:800px;
	height:22px;
	background: url('../images/bg-bar-menu.gif') repeat-x;
}
#menudesc{
	font-size:10px;
	margin:0;
	padding:0;
	text-align:center;
	width:640px;
	height:22px;
	color:#ffffff;/* a voir */
}
.button-pays{
	float:left;
	margin:0;
	padding-top:3px;
	padding-bottom:0px;
	text-align:center;
	height:22px;
	background:#E60005 url('../images/coin-menu-mulhouse.gif') no-repeat  bottom right; /* couleur fond menu */
}
.button-descoffre{
	float:left;
	margin:0;
	padding-top:3px;
	padding-bottom:0px;
	text-align:center;
	height:22px;
	background:#FDB913 url('../images/coin-menudesc-mulhouse.gif') no-repeat  top right; /* couleur fond menu */
	color:#ffffff;
}
.button-descoffre-actif{
	float:left;
	margin:0;
	padding-top:3px;
	padding-bottom:0px;
	text-align:center;
	height:22px;
	background:#E60005 url('../images/coin-menudesc-mulhouse-act.gif') no-repeat  top right; /* couleur fond menu */
}
.spacer10{
	font-size:5px;
	margin:0;
	padding:0;
	height:10px;
	clear:both;
}
.spacer{
	clear:both;
}
p.intro{
	text-align:center;
	color:#074A87; /*couleur text intro */
	display:bloc;
	width:100%;
	margin:0;
	padding:5px 0 5px 0;
	border-bottom :1px solid #FDB913; /* couleur trait intro */
}
/* contenue page */
#contenue{
	width:800px;
	clear:both;
}
#colonegauche{
	float:left;
	width:642px;
	margin-left:2px;
}
#colonedroite{
	float:right;
	width:145px;
	text-align:center;
}
.lienpage{
	font-size:12px;
	float:right;
}
.lienpage a{
	Text-decoration: none;
	color:#E60005; /*couleur lien changement page */
}
a.h2{
	Text-decoration: none;
	color:#FFF; /*couleur lien texte barre */
}
h2{
	font-size:14px;
	font-weight:bold;
	Text-transform: uppercase;
	color:#FFF; /*couleur texte barre*/
	
	display:bloc;
	margin:0;
	padding:0;
	width:100%;
	background:#FDB913; /*couleur fond barre */
}
h4{ /* meme systeme que h2 */
	font-size:14px;
	font-weight:bold;
	Text-transform: uppercase;
	color:#FFF; /* texte h4 */
	text-align:center;
	
	display:bloc;
	margin:0;
	padding:0;
	width:96%;
	background:#FDB913; /* bg h4*/
}
/* bloc offre*/
h3{
	font-size:12px;
	font-weight:bold;
	Text-transform: uppercase;
	color:#074A87;/*couleur texte L'ESSENTIEL */
	
	display:bloc;
	margin:auto;
	padding:auto;
	width:99%;
	background:#fff;
	border-bottom :1px solid #FDB913; /*couleur trait L'ESSENTIEL */
}
.offres{
	margin-top:8px;
	margin-bottom:8px;
	font-size:13px;
	color:#074A87; /*couleur text offre */
	line-height:20px;
	text-decoration:none;
}
.topbloc-offres{
	padding:0;
	margin:0;
	font-size:5px;
	width:642px;
	height:10px;
	background: url('../images/top-bloc.gif');
}
.middlebloc-offres{
	padding:0;
	margin:0;
	width:642px;
	background:#fff url('../images/bg-bloc.gif');
	font-size:11px;
	color:#074A87; /*couleur text offre */
	text-align:justify;
}
.images-offres{
	margin-left:10px;
	margin-right:10px;
	width:120px;
	text-align:center;
}
.description-offres{
	float:right;
	width:482px;
	margin-right:8px;
}
.bdc{
	width:96%;
}
.bottombloc-offres{
	padding:0;
	margin:0;
	font-size:5px;
	width:642px;
	height:10px;
	background: url('../images/bottom-bloc.gif');
}
/* bloc moteur */
.topbloc-moteur{
	padding:0;
	margin:0;
	font-size:5px;
	width:100%;
	height:10px;
	background: url('../images/top-blocmoteur.gif');
}
.middlebloc-moteur{
	padding:0;
	margin:0;
	width:100%;
	background:#9E0300; /* bg bloc moteur */
	font-size:11px;
	color:#FFF; /* text bloc moteur */
}
.bottombloc-moteur{
	padding:0;
	margin:0;
	font-size:5px;
	width:100%;
	height:10px;
	background: url('../images/bottom-blocmoteur.gif');
}
/* bloc ours */
.topbloc-ours{
	padding:0;
	margin:0;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	width:100%;
	text-align:center;
	background: #E60005 url('../images/top-blocours.gif') no-repeat; /* bg bloc top ours */
}
.middlebloc-ours{
	padding:0;
	margin:0;
	width:100%;
	background:#9E0300; /* bg bloc ours */
	font-size:11px;
	color:#FFF;  /* text bloc ours */
	text-align:justify;
}
.bottombloc-ours{
	padding:0;
	margin:0;
	font-size:5px;
	width:100%;
	height:10px;
	background: url('../images/bottom-blocmoteur.gif');
}
/* */
ul{
	margin:0;
	padding:0;
	width:600px;
	border-bottom :1px solid #FF7200; /* couleur trait aller retour */
}

ul.lien{
	padding:0;
	margin:1px;
	border-bottom :1px solid #FF7200; /* couleur trait separateur choix date */
}
ul.lien:hover{
	background:#CCCCCC; /* bg bande choix date survoler */
}
li{
	margin:0;
	padding:0;
	text-align:center;
	float : left; 
	width:200px;
	list-style: none;
	cursor:hand;
}
a.li{
	color:#074A87;	/* couleur text choix date*/
	background:#FFF; /* bg bande choix date */
	font-size:12px;
	font-weight:bold;
	padding:0;
	text-decoration:none;
}
a.li:hover{
	text-decoration:none;
	background:#CCCCCC; /* bg bande choix date survoler */
}
/* text page */
a.menu{
	color:#fff; /* couleur lien menu (boutton) */
	font-size:14px;
	margin-left:10px;
	margin-right:15px;
	padding:0;
	font-weight:bold;
	text-decoration:none;
}
a.menusecondaire{
	color:#FFFFFF; /* couleur lien menu secondaire (bande haut) */
	margin:0;
	padding:0;
	font-weight:bold;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
strong{
}
strong.prix{
	font-size:20px;
}
h1{
	font-size:10px;
	font-family:arial;
	margin:0;
	padding:0;
	Text-transform: uppercase;
}
p{
	padding:0;
	margin:5px;
}
p.desc{
	font-size:12px;
	padding:0;
	margin:15px;
}
p.moteur{
	margin:1px 5px 1px 5px;
	font-size:11px;
	color:#FFF; /* couleur text bloc moteur */
	text-align:justify;
}

form{
	padding:0;
	margin:0;
}
input{
	padding:0;
	margin:0;
	font-size:10px;
	color:#074A87; /* couleur text input */
}
select{
	padding:0;
	margin:0;
	font-size:10px;
	color:#074A87; /* couleur text select */
}