body {
	margin: 0 auto; 								/* Pour centrer la page */
	width: 1200px;
	background-color: #004198;
}

#body1 {
	background-image: url(bande_gauche.jpg);  /* affichage du fond d'ecran */
	background-repeat: repeat-y;
	background-position: left;
}

#body2 {
	background-image: url(bande_droite.jpg);  /* affichage du fond d'ecran */
	background-repeat: repeat-y;
	background-position: right;
	overflow : hidden;
}		

#en_tete { /* block ou se trouvera les coordonn�es des centres */
	background: transparent url(banniere.png) repeat-x;
	width: 100%;
	margin: 0%;
	padding: 0%;
	overflow : hidden;
	position: relative;
	height: 169px;
}

#sous_entete {
	position: absolute;
	top: 0;
	left: 0;
	background: #FF0000 url(banniere.png) repeat-x;
	height: 220px;
	display: block;
	width: 100%;
}

img {
	border: none;
}

.clear {
	clear: both;
	height: 0;
}

.banniere {
	width: 100%;
}

h1, .adresse  {									/* affichage des adresses de centres */
	margin: 0;
	text-align: center;
}

.box1 {
	float: left;
	width: 49%;
	overflow: hidden;
}								

.box2 {
	float: right;
	width: 49%;
	overflow: hidden;
}					

.box1 p , .box2 p {
	color: #004198;								/* Modication de la classe, plus que la couleur et la taille */
	font-size: 140%;
}

.image {
	margin: 0;
	text-align: center;
	height: 38px;
}

.logo {
	position: absolute;
	top: 4%;
	left: 46%;
}

#menu {  										/* Positionnement du menu */
	width: 100%;
	padding: 0;
	overflow: hidden;
	height: 51px;
	background-color: #FF0000;
	margin: 0;
	position: relative;
}


#menu ul {
	list-style-type: none;
	width: 100%;
	font-size: 128%;
	font-family: "Franklin Gothic Medium Cond", "Tw Cen MT Condensed", "Franklin Gothic Medium", "Arial Narrow";	
	font-weight: bold;
	text-align: center;
	padding: 0;
	height: 51px;
	margin: 0;
}

#menu li {
   background-color: #FF0000;
   width: 20%;
   float: left;
   height: 51px;
   line-height: 51px;
}

#menu a {								
	text-decoration: none;
	color: white;
	width: 100%;
	/*vertical-align: middle;
	display: inline-block;
	line-height: 1.2;*/
}

#menu li.view {
	background: #FFFFFF;
	cursor: pointer;
	border-top: 3px solid #FF0000;
	border-bottom: 3px solid #FF0000;
	height: 45px;
}

#menu li.view a{								
	color: #004198;
}

#contenu_accueil {								/* block ou se trouvera le corps du site */
	background-image: url(fond.png);		    /* affichage du fond d'ecran */
	background-repeat: no-repeat;
	background-position: 15% center;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 25px 0 0;
	width: 86%;
	overflow: hidden;
}

#contenu_accueil li {								/* critere d'ecriture pour la liste � puce */
	color: #004198;								
	font-size: 130%;
	font-family: "Franklin Gothic Medium Cond", "Tw Cen MT Condensed", "Franklin Gothic Medium", "Arial Narrow";	
	font-weight: bold;
	margin: 5% 0;
}

#contenu_accueil li {
	list-style-type: none;
}

.presentation {									/* logo pour la liste � puce */
	list-style-image: url(puce.jpg);
}

#contenu_accueil ul li ul li.sous_presentation {								/* carr� bleu pour la sous-liste � puce */
	list-style-type: square;
	margin: 10% 0;
}

.promo {											/*Pour avoir un effet promo => remise de 10% */
	color: #FF0000;
	font-family: "Bauhaus 93", "Eras Bold ITC", "Arial Black";
	font-weight: bold;
	font-size: 240%;
}

h1, .titre {
	color: #FF0000;								
	font-family: "Franklin Gothic Medium Cond", "Tw Cen MT Condensed", "Franklin Gothic Medium", "Arial Narrow";		
	font-weight: bold;
}

#contenu_date_controle {							/* block ou se trouvera le corps du site */
	background-image: url(fond.png);		/* affichage du fond d'ecran */
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 15% center;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 25px 0 0;
	width: 86%;
	overflow: hidden;
	position: relative;
}

#contenu_date_controle_img {
	position: absolute;
	top: 0;
	right: 345px;
}

#contenu_date_controle_fixe {
	margin-top: 5px;
    position: absolute;
    top: 0;
    width: 330px;
}

#contenu_date_controle_fixe.fixed {
	position: fixed;
	top: 0;
}

#contenu_date_controle_image {							/* block ou se trouvera le corps du site */
	background-image: url(date_controle.jpg);		/* affichage du fond d'ecran */
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 85% 60%;
	margin:0%;
	width: 100%;
	height: 130%;
	overflow: hidden;
}

#contenu_date_controle_texte {
	width: 65%;
	overflow: hidden;
}

.titre {												/* uniformisation de tous les titres */
	font-size: 120%;
}

p {													/* uniformisation de tous les paragraphes */
	color: #004198;								
	font-size: 140%;
	font-family: "Franklin Gothic Medium Cond", "Tw Cen MT Condensed", "Franklin Gothic Medium", "Arial Narrow";	
	font-weight: bold;
}

.texte {												/* affichage specifique des paragraphes */
	text-align: justify;
}
	
#contenu_preparer_voiture {							/* block ou se trouvera le corps du site */
	background-image: url(fond.png);			/* affichage du fond d'ecran */
	background-repeat: no-repeat;
	background-position: 15% center;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 25px 0 0;
	width: 86%;
	overflow: hidden;
}

#container div {
	overflow: hidden;
	display: none;
}

#contenu_preparer_voiture ul							/* Menu des points de controle */
{
	list-style-type: square;	
	font-family: "Franklin Gothic Medium Cond", "Tw Cen MT Condensed", "Franklin Gothic Medium", "Arial Narrow";
	font-weight: bold;
	color: #004198;
	font-size: 120%;
	width: 28%;
	float: left;
}

#contenu_preparer_voiture ul li						/* Menu des points de controle */
{
	padding: 6px 0;
}

.point_controle {									/* Pr�sentation des points avant de pointer avec la souris */
	color: #FF0000;
	text-decoration: none;
}

#contenu_preparer_voiture li:hover, #contenu_preparer_voiture li.hover					/* Pr�sentation des points quand on pointe avec la souris */
{
   list-style-image: url(puce.jpg);
   text-decoration: underline;
}

#contenu_rdv {										/* block ou se trouvera le corps du site */
	margin: 0 auto;
	overflow : hidden;
	width: 86%;
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 25px 0 0;
}

.loupe_greffiere {									/* positionement et taille des images "loupe_greffiere" et "loupe_valdoly" */
	width: 49%;
	float: left;
}

.loupe_valdoly {							
	width: 49%;
	float: right;
}

form {												/* taille du formulaire et uniformisation de l'�criture */
	width: 78%;
	font-family: "Franklin Gothic Medium Cond", "Tw Cen MT Condensed", "Franklin Gothic Medium", "Arial Narrow";		
	font-weight: bold;
}

.titre_form {										/* criteres concernant le titre du formulaire */
	font-size: 180%;								
	text-decoration: underline;	
	text-transform: uppercase;
}

#global-bloc-fixe {
	position: absolute;
    right: 170px;
    top: 0;
}

#bloc-fixe { 
	position: absolute;
    top: 0;
    width: 155px;
	margin-top: 5px;
}

#bloc-fixe.fixed {
  position: fixed;
  top: 0;
}

.fond1 {												
	background-image: url(fond_formulaire_haut.png);		/* affichage de l'image de fond */
	background-repeat: no-repeat;
	background-position: center;
	background-color: #99bff3;									/* ratrapage du fond blanc restant par de la couleur */
}

.fond2 {												
	background-image: url(fond_formulaire_centre.png);		
	background-repeat: no-repeat;
	background-position: center;
	background-color: #99bff3;
}

.fond3 {												
	background-image: url(fond_formulaire_bas.png);		
	background-repeat: no-repeat;
	background-position: center;
	background-color: #99bff3;
}

#contenu_tarif {									/* block ou se trouvera le corps du site */
	background-image: url(fond.png);		/* affichage du fond d'ecran */
	background-repeat: repeat-y;
	background-position: 15% center;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 25px 0 0;
	width: 86%;
	overflow: hidden;
	font-family: "Franklin Gothic Medium Cond", "Tw Cen MT Condensed", "Franklin Gothic Medium", "Arial Narrow";	
	font-weight: bold;
	position: relative;
}

#contenu_tarif_image {
	position: absolute;
	top: 0;
	right: 280px;
}

#contenu_tarif_fixe {
	margin-top: 5px;
    position: absolute;
    top: 0;
    width: 280px;
}

#contenu_tarif_fixe.fixed {
	position: fixed;
	top: 0;
}

#selectform , #formulaire {
	overflow: hidden;
}

#selectform  img {
	cursor: pointer;
}

#formulaire {
	display: none;
	position: relative;
}

.tableau1, .tableau2 {	
	width: 75%;
}

#contenu_tarif th {							/* parametrage des cellules et des en-t�te */				
	color: #FF0000;								
	font-size: 160%;
	padding-bottom: 1%;
}

#contenu_tarif td {												
	color: #004198;								
	font-size: 140%;
	padding-top: 1%;
	padding-bottom: 1%;
}

.position1 {		 							/* affinement du parametrage selon les cellules */					
	text-align: center;
}

.position2 {												
	padding-left: 8%;
}

.position3 {												
	vertical-align : bottom;
	padding-left: 4%;
}

.position4 {		
	text-align: center;									
	vertical-align : bottom;
}

.position5 {		
	text-align: left;	
	padding-left: 2%;
	width: 70%;
	
}

#pied_de_page {							/* block permettant de mettre les partenaires et l'adresse mail */
	margin: 0 7%;
	width: 86%;
	overflow : hidden;
	font-size: 120%;							
	font-family: "Franklin Gothic Medium Cond", "Tw Cen MT Condensed", "Franklin Gothic Medium", "Arial Narrow";	
	font-weight: bold;
	height: 112px;
	background-color: #FFFFFF;
}

.ligne {											/* ligne de separation */
color: #FF0000;
}
	
.partenaires {									/* Positionnement de "Nos Partenaires"*/
	position: relative;
	left: 45%;	
}

.img_partenaires {								/* Positionnement des images partenaires*/
	float: right;
}

span.contact {
	display: block;
	overflow: hidden;
	height: 80px;
	float: left;
}

ul#partenaires {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 80px;
	line-height: 80px;
	overflow: hidden;
	float: right;
}

ul#partenaires li {
	float: left;
	margin-right: 10px;
}

li.partenaires1 a {
	text-indent: -10000px;
	width: 153px;
	height: 80px;
	display: block;
	overflow: hidden;
	background: transparent url(../images/partenaires/utac.jpg);
}

li.partenaires2 a {
	text-indent: -10000px;
	width: 89px;
	height: 80px;
	display: block;
	overflow: hidden;
	background: transparent url(../images/partenaires/securite_routiere.jpg);
}

li.partenaires3 a {
	text-indent: -10000px;
	width: 82px;
	height: 80px;
	display: block;
	overflow: hidden;
	background: transparent url(../images/partenaires/mpsra.jpg);
}

#bloc_left {
	float: left;
	width: 56%;
	overflow: hidden;
	height: 500px;
}

#bloc_right {
	float: left;
	width: 44%;
	overflow: hidden;
	text-align: center;
}

p.style {
	clear: both;
	padding: 0 0 7px;
}

p.style label.plus {
	width: 80%;
}

p.style #rdv {
	width: 22px;
	float: none;
}

p.style label {
	width: 36%;
	float: left;
	text-align: right;
	padding-right: 1%;
}

p.style input {
	width: 50%;
	float: left;
}

p.style input#date {
	width: 10%;
}

p.style input#heure {
	width: 40px;
}

#container {
	overflow: hidden;
    width: 65%;
	float: left;
}

#mailoff {
	display: none;
}

#mailon {
	display: block;
}

input, textarea {
   background-color: #FFFF99;
}

.deco_reponse em{                                                                                       
	text-decoration: underline;
	color: #004198;          
	font-size: 110%;
}

.reponse2 {                                                                            
	color: #004198;                                                                                   
	font-family: "Franklin Gothic Medium Cond", "Tw Cen MT Condensed", "Franklin Gothic Medium", "Arial Narrow";
	font-weight: bold;
	font-style: italic;
}

.reponse1 {                                                                            
	color: #FF0000;                                                                                            
	font-family: "Franklin Gothic Medium Cond", "Tw Cen MT Condensed", "Franklin Gothic Medium", "Arial Narrow";
	font-weight: bold;
	font-style: italic;
}

.objet_reponse {                                                                                        
	color: #FF0000;                                                                                            
	font-family: "Franklin Gothic Medium Cond", "Tw Cen MT Condensed", "Franklin Gothic Medium", "Arial Narrow";
	font-weight: bold;
}

.three {
	margin: 0 5% 0 0;
}

.hasDatepicker {
	width: 70px;
}

label.required:after {
	content: " * ";
}

#rdv_type label:first-child.required:after, #rdv_energie label:first-child.required:after {
	content: " * ";
}

#rdv_type label.required:after, #rdv_energie label.required:after {
	content: "";
}

.error { background: yellow; border: 2px solid red !important; }
.cleanbluewarning .cleanblue{ background-color: #acb4c4; }
.cleanbluefade{ position: absolute; background-color: #aaaaaa; }
div.cleanblue{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; width: 300px; font-size: 11px; text-align: left; border: solid 1px #213e80; }
div.cleanblue .cleanbluecontainer{ background-color: #FFFFFF; border-top: solid 14px #004198; padding: 5px; font-weight: bold; }
div.cleanblue .cleanblueclose{ display: none; float: right; width: 18px; cursor: default; margin: -19px -12px 0 0; color: #ffffff; font-weight: bold; }
div.cleanblue .cleanbluemessage{ padding: 10px; line-height: 20px; font-size: 11px; color: #333333; }
div.cleanblue .cleanbluebuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #FFFFFF; background-color: #004198; }
div.cleanblue button{ padding: 3px 10px; margin: 0 10px; background-color: #FF0000; border: solid 1px #f4f4f4; color: #000000; font-weight: bold; font-size: 12px; }
div.cleanblue button:hover{ border: solid 1px #000000; cursor: pointer; }