/* Verdana,Geneva,Arial, */
* { font-family : Helvetica, sans-serif; }
body {margin: 0;padding: 0;background: url(../imgw/background.jpg) repeat;}
a:hover{color:#FF0000;}
img{border:0;}
/* =ruban (en haut à droite - le prix en diagonale)
--------------------------------------------------------*/	
#ruban {position:absolute; right:0px; z-index:1; top:0px; margin:0px; padding:0px; width:150px; height:150px;}

/* =header
--------------------------------------------------------*/	
#header {color: black; background-color: #EB8D8B; height:60px; }
#header h1 {margin: 0;}
#titre{width:99.99%; height:50px;  float:left;  z-index:1; }
#logo{ width:280px; height:60px;  float:left; margin:1px 0 0 20px; background:url(../imgw/SereniRoute.png) no-repeat top left;}
#logo a{display:block; position:absolute; left:0; top:0; text-decoration:none; width:300px; height:60px; z-index:1;}
#dock{ margin-left:1em;}

/* =transbloc
--------------------------------------------------------*/
.transbloc40 {background:#FFFFFF; filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; -khtml-opacity: 0.4; /* pour IE 7 */	min-height: 1px;	/* pour IE 6 */	height: auto !important;	height: 1px;}
.transbloc50 {background:#FFFFFF; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; /* pour IE 7 */	min-height: 1px;	/* pour IE 6 */	height: auto !important;	height: 1px;}
.transbloc60 {background:#FFFFFF; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; -khtml-opacity: 0.6; /* pour IE 7 */	min-height: 1px;	/* pour IE 6 */	height: auto !important;	height: 1px;}
.transbloc70 {background:#FFFFFF; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7; /* pour IE 7 */	min-height: 1px;	/* pour IE 6 */	height: auto !important;	height: 1px;}
.transbloc80 {background:#FFFFFF; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; -khtml-opacity: 0.8; /* pour IE 7 */	min-height: 1px;	/* pour IE 6 */	height: auto !important;	height: 1px;}
.transbloc90 {background:#FFFFFF; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; -khtml-opacity: 0.9; /* pour IE 7 */	min-height: 1px;	/* pour IE 6 */	height: auto !important;	height: 1px;}


/* =page
--------------------------------------------------------*/	
#page {
	float:left;
	width: 100%; 
	background: url(../imgw/background.png) repeat-x;
	/* "faux colomn": colonnes de meme hauteur
	www.ilovejackdaniels.com/design/faux-columns-for-liquid-layouts */
}

/* =contenu
--------------------------------------------------------*/	
#contenu {
	float: left;
	width: 74.9%; 
	color: black; 
}

/* Contenu central 
--------------------------------------------------------*/	
#contenu h1{font-size:1em; background:url(../imgw/roundtitre.gif) top center no-repeat; height:34px; padding:10px 5px 0 5px; text-align:center; margin:4px 3px 2px 3px;}
#contenu ul{font-size:0.72em; margin:0px auto 15px auto; padding:0 15px 5px 30px; list-style-type:square; text-align:justify;  }
#contenu a{text-decoration:none;}
#contenu .bloc{ margin-left:5%; width:750px; margin-right:-5px;}
#contenu .boite{float:left; width:350px; height:180px; min-height:180px; margin:2px; padding:2px; background:url(../imgw/rounded.gif) top center no-repeat;}

#euros3{float:left; width:350px; height:220px; min-height:220px; margin:2px; padding:2px; background: url(../imgw/permisB.gif) bottom right no-repeat; }
#euros3 img{z-index:1;float:left;}
.souscrirebig{font-size:1em;  padding:10px 5px 0 5px; text-align:center; margin:80px 3px 2px 20px; font-size:1.6em; color:#333; text-align:center; line-height:0.2em;}
#accroche {margin:0 5px; padding-top:10px; font:bold 180% Helvetica, sans-serif;  line-height:1.2em; background:#FDDFE1; text-align:center;color:#990033;}
#flashseren{float:left; margin:2px; padding:2px;}

/* =nav - barre outils et de lien à droite
--------------------------------------------------------*/	
#nav {
	float: left;
	width: 24.99%; /* BUG IE6/win: largeur reellement desiree: 25% */
	min-width: 10em;
	/* la valeur de min-width est a determiner de maniere empirique */
	/* elle depend du texte present dans la nav et de la police du couple systeme/navigateur */
	/* min-width n'est pas reconnu par IE6/win */
	color: #000;
	background:url(../imgw/coin-haut-droit.gif) top left no-repeat;
}
#navmarge{margin:0 0 0 28px; background:#FEFEFE; border-left:1px solid #EB8D8B;   }
/* masquage IE/mac + IE/win \*/
html>body #nav {
	width: 25%; /* pour les navigateurs modernes: on redefini la largeur desiree initialement */
}


/* =pieddepage
--------------------------------------------------------*/	
#footer {clear: both; color: black; background: #FFFFFF;border-top:1px solid #EB8D8B;height: 60px;}
#footer p {margin: 0;}
#footblock .imgptn1{float:left; margin-left:5px; }
#footblock .imgptn2{float:right; margin-right:5px;}
#footlink{ text-align:center; margin:3px 150px; padding-top:10px;}
#footblabla{ text-align:center;}	
#footblabla a{ text-decoration:none;}	
	
		
/* =callus : Besoin Aide - Appelez nous 
--------------------------------------------------------*/	
#callus{border:0; margin:0px 0px 5px 0px; padding:auto 2px; border-width:1px 0 1px 0; border-style: solid; border-color: #EB8D8B;  text-align:center; background:url(../imgw/call-us3.jpg) no-repeat right top #FFF; height:180px; min-height:180px; }
#callus h2{text-align:left; margin:0; padding: 0px 2px; background:#EB8D8B; color:#FFFFFF; font-size:1.35em; font-weight:bold;}
#callus .calltel{color:#BA121F; font-size:0.95em; margin:0;}
#callus .callust1 {text-align:left; font-size:0.95em; font-weight:bold; margin:3px 0 0 5px; }
#callus .callust2 {text-align:left; font-size:0.95em; font-weight:bold; margin:4px 100px 0 5px; }

/* =navmenu
--------------------------------------------------------*/	
#navmenu{ background: #FFF;}
#navmenu ul{ list-style-type:disc; color:#000;  }
#navmenu ul li{ margin-top:4px;}
#navmenu a{  color:#000; }
#navmenu a:hover{ font-weight:bold; color:#990000;  background:#FFCCFF; padding-top:-2px; padding-bottom:-2px;}
/* Quizz 
--------------------------------------------------------*/	
#questrep{ margin:2px 0px 2px 0px; padding:auto 2px; border-width:1px 0 1px 0; border-style: solid; border-color: #EB8D8B; width:auto; height:250px; }
#questrep h3{ margin:1px 0; text-align:center;}
#questrep fieldset{ margin-left:10px;border:0;}
#questrep #question{ text-align:center; color:#990000; background-color:#EFEFEF; }
#questrep #controle{font-weight:bold; text-align:center;}	
#quesrep{text-align:left; padding-left:5px;}
/* Mentions Legales 
--------------------------------------------------------*/
#mentions{width:auto;}
#mentions .tabSeren{background-color:#CCCCCC;  opacity : 0.70; filter : alpha(opacity=70); }
#mentions .tabSeren th{background-color:#EB8D8B; font-weight:bold; text-align:center; }
#mentions .tabSeren td{background-color: #FFFFFF; text-align:center; height:25px;}
#mentions h2{font-size:16px; font-weight:bold; color:#FF6699;}

/* Detail de l'Offre 
--------------------------------------------------------*/

#offre{text-align:left; margin-left:1em;}
#offre h1{text-align:left; font-size:140%; margin-top:0; background:none;}
#offre h2{ font-size:90%; color:#990000;}
#offre h3{ font-size:85%; color:#990033;}
#offre p{font-size:80%; color:#000;}
#offre .tabSeren {background-color:#EFEFEF;  }
#offre .tabSeren th{background-color:#EB8D8B; font-weight:bold; text-align:center; }
#offre .tabSeren td{background-color: #FFFFFF; text-align:center; height:25px;}

/* Nous Contacter 
--------------------------------------------------------*/
#contacts{text-align:left; margin-left:1em;}
#contacts h1{text-align:left; font-size:140%; margin-top:0; background:none;}
#contacts h2{ font-size:100%; color:#990000;}
#contacts p{ line-height:1.4em}
#contacts .fdroite{float:right; margin-left:10px; padding:10px;border:1px solid #CCCCCC; background-color:#FFFFFF}
#formNov {width:640px}
#formNov fieldset{padding:1em}
#formNov legend{ font-weight:bold }
#formNov label{  display: inline;  float: left;  width: 160px; font-weight:bold;  } 
#formNov input{ margin-bottom:8px; border:1px solid #999999; background-color:#FEF2F2;} 
#formNov select{ margin-bottom:8px} 
#formNov textarea{ margin-bottom:8px; border:1px solid #999999; background-color:#FEF2F2;} 
#formNov span.envoyer{ display:block; width:200px; height:38px;  margin:10px;padding:10px;border:1px solid #CCCCCC; vertical-align:middle; line-height:1.4em ; color:#990000; font-weight:bold }
#formNov span.envoyer img{ border:none; width:48px; height:38px; }

/* Permis a Points 
--------------------------------------------------------*/
#permis{text-align:left; margin-left:1em;}
#permis h1{text-align:left; font-size:140%; margin-top:0; background:none;}
#permis h2{ font-size:90%; color:#990000;}
#permis h3{ font-size:85%; color:#990033;}
#permis p{font-size:80%; color:#000;}

/* Assistance Telephonique 
--------------------------------------------------------*/
#assistance{text-align:left; margin-left:1em;}
#assistance h1{text-align:left; font-size:140%; margin-top:0; background:none;}
#assistance h2{ font-size:90%; color:#990000;}
#assistance h3{ font-size:85%; color:#990033;}
#assistance p{font-size:80%; color:#000;}
#assistance .tabSeren{background-color:#CCCCCC;  opacity : 0.70; filter : alpha(opacity=70); }
#assistance .tabSeren th{background-color:#EB8D8B; font-weight:bold; text-align:center;width:33%; }
#assistance .tabSeren td{background-color: #FFFFFF; text-align:center; height:25px;width:33%; }

/* Qui sommes nous 
--------------------------------------------------------*/
#qui{}

/* Souscrire
--------------------------------------------------------*/
#souscrire{ height:550px;}


/* Plan du Site
--------------------------------------------------------*/
#plansite { padding-left:0;  margin: 0; }

#plansite li{	float: left;	width: 50%;	list-style-type: none;	text-align: center;}

#plansite li a{
	display: block;
	padding: 1.4em;
	background:url(../imgw/background.jpg) repeat-x #FFF;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	border-left:1px solid #DDD;		
	color: #333;
	font: normal bold 30px/32px Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
}

#plansite li a:hover{
	background:url(../imgw/permis.gif) no-repeat left #FBE7E8;
	border:1px solid #333;
	color: #111;
  filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; -khtml-opacity: 0.8; /* pour IE 7 */	min-height: 1px;	/* pour IE 6 */	height: auto !important;	height: 1px;
}

/* class divers et varies pour mise en forme rapide 
--------------------------------------------------------*/	
.clearAll{clear:both;}
.gras{font-weight:bold;}
.good{color:#006633;}
.bad{color:#993300;}
.small{font-size:80%;}


/*  fin  */