/* CSS Document 

Couleurs :
rouge #FF0000;
violet #58027d;
bleu #0084ff;
*/

/* Remise à zéro des paramètres prédéfinis du navigateur définition de nos paramètres par défaut */
html { font-size: 100%; /*height: 100%;*/ }
body, form, select, imput, table { margin:0; padding:0; }

body  {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF; /* bleu */
text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
color: #000000;
height:100% /* pour résoudre le problème d'affichage du background malgré un contenu plus petit sous firefox et mozilla*/
}

.clearfloat {  /*cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
clear:both;
height:1px;
margin: -1px 0 0 0; padding:0;
border:none;
visibility: hidden;
}

.PaddingP_accueil {
padding: 0 20px 0 40px;  /*ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
}

/*Formulaire*/
form {font-size:0.9em; padding-left:25px; padding-right: 10px; }
label {  font-weight: bold; display:block;  }
.alaligne {display:inline;}
input,  textarea, select { font-size:90%; color: #0084ff; font-weight: bold; border: 1px solid #0084ff; background-color:#ffffff; }
tr, td {padding: 2px; }
.bouton { border: 1px solid #0084ff; padding: 0px; background: #ffffff; font-size: 9px; cursor: pointer; font-weight: bold; color:#0084ff;}	
/*message d'erreur pour dde de rdv*/
.erreur{ padding: 10px 5px 0 25px; font-size:90%; color:red; text-align:left;}
/*message d'erreur pour identification*/
.message { font-size:0.9em; color: red; font-weight: bold; text-align:center; }

/* STRUCTURE ACCUEIL */
.twoColFixHdr_accueil #container { 
width: 900px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
margin: 10px auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
/*border: 1px solid #000000;*/
text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
/*overflow:auto;*/
} 

.twoColFixHdr_accueil #header { 
background: #FFFFFF;
margin: 0;
} 

.twoColFixHdr_accueil #sidebar1 {
float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
width: 385px; /* Ds les navigateurs conformes au standard et dans IE (mode standard) la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure*/
/*background: #FFFFFF;  la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
}

.twoColFixHdr_accueil #mainContent {
margin: 0 0 0 385px; /* les marges droite et gauche de cet élément div créent les deux colonnes extérieures su les deux côtés de la page. Quelle que soit la taille du contenu dans les éléments div des encadrés, l'espace des colonnes reste préservé. Vous pouvez supprimer cette marge gauche si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace des encadrés lorsque le contenu de ces derniers se termine. */
padding: 0;  /*ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
background:url(../../images/accueil_fond.jpg) bottom no-repeat;} 


.twoColFixHdr_accueil #mainContent p { 
font: 0.8em Arial, Helvetica, sans-serif;
text-align:justify;
} 


.twoColFixHdr_accueil h3 { 
font: 0.9em Arial, Helvetica, sans-serif;
color: #f3c301;
text-align:justify;
} 

.twoColFixHdr_accueil td { 
font: 0.9em Arial, Helvetica, sans-serif;
} 

.twoColFixHdr_accueil #footer { 
padding: 10px 10px 10px 20px;  /*ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
background: #FF0000 url(../../images/footer_fond_station.jpg) no-repeat top left;
} 

.twoColFixHdr_accueil #footer ul { margin:0; padding: 0; list-style:none; }
.twoColFixHdr_accueil #footer li { display:inline; }

.twoColFixHdr_accueil #footer a { font: 0.8em Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; }
.twoColFixHdr_accueil #footer a:visited { font: 0.8em Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; }
.twoColFixHdr_accueil #footer a:hover { font: 0.8em Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:none;}


.twoColFixHdr_accueil #footer p {
margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
}


/* STRUCTURE BOUTIQUE */
.twoColFixHdr_boutique #container { 
width: 900px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
margin: 10px auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
/*border: 1px solid #000000;*/
text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
/*overflow:auto;*/
} 

.twoColFixHdr_boutique #header { 
background: #FFFFFF;
margin: 0;
} 

.twoColFixHdr_boutique #mainContent { margin: 0; padding: 0; } 
.twoColFixHdr_boutique #mainContent h1.texteBoutique { 
	background: transparent url(../../images/imgsBoutique.jpg) no-repeat top; 
	width: 736px; 
	height: 520px;
	}
.twoColFixHdr_boutique #mainContent h1.texteBoutique span {
	display:none
	}


.twoColFixHdr_boutique #mainContent p { 
font: 0.8em Arial, Helvetica, sans-serif;
text-align:justify;
} 


.twoColFixHdr_boutique h3 { 
font: 0.9em Arial, Helvetica, sans-serif;
color: #f3c301;
text-align:justify;
} 

.twoColFixHdr_boutique td { 
font: 0.9em Arial, Helvetica, sans-serif;
} 

.twoColFixHdr_boutique #footer { 
padding: 10px 10px 10px 20px;  /*ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
background: #58027d url(../../images/footer_fond_boutique.jpg) no-repeat top left;
} 

.twoColFixHdr_boutique #footer p {
margin: 0; 
padding: 10px 0; 
}

.twoColFixHdr_boutique #footer ul { margin:0; padding: 0; list-style:none; }
.twoColFixHdr_boutique #footer li { display:inline; }

.twoColFixHdr_boutique #footer a { font: 0.8em Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; }
.twoColFixHdr_boutique #footer a:visited { font: 0.8em Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; }
.twoColFixHdr_boutique #footer a:hover { font: 0.8em Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:none;}

/* STRUCTURE LAVAGE */
.twoColFixHdr_lavage #container { 
width: 900px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
margin: 10px auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
/*border: 1px solid #000000;*/
text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
/*overflow:auto;*/
} 

.twoColFixHdr_lavage #header { 
background: #FFFFFF;
margin: 0;
} 

.twoColFixHdr_lavage #sidebar1 {
float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
width: 385px; /* Ds les navigateurs conformes au standard et dans IE (mode standard) la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure*/
margin:0; padding:0;
}

.twoColFixHdr_lavage #mainContent {
margin: 0 0 0 385px; /* les marges droite et gauche de cet élément div créent les deux colonnes extérieures su les deux côtés de la page. Quelle que soit la taille du contenu dans les éléments div des encadrés, l'espace des colonnes reste préservé. Vous pouvez supprimer cette marge gauche si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace des encadrés lorsque le contenu de ces derniers se termine. */
padding: 0;  /*ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
} 

/*titre en image avec du texte dans le code*/
.twoColFixHdr_lavage #mainContent h1 { 
	background: transparent url(../../images/titre_lavage.png) no-repeat top left; 
	width: 451px; 
	height: 103px; 
	margin: 0 20px 0 40px;
	}
.twoColFixHdr_lavage #mainContent h1 span {
	display:none
	}

.twoColFixHdr_lavage #mainContent p { 
font: 0.8em Arial, Helvetica, sans-serif;
text-align:justify;
} 

.twoColFixHdr_lavage #ssmenu { 
margin: 0 0 0 40px;
font: 1em Arial, Helvetica, sans-serif;
font-weight:bold;
} 

.twoColFixHdr_lavage h2 { 
font: 1.1em Arial, Helvetica, sans-serif;
color: #0084ff;
} 

.twoColFixHdr_lavage h3 { 
font: 0.9em Arial, Helvetica, sans-serif;
color: #0084ff;
text-align:justify;
} 

.twoColFixHdr_lavage td { 
font: 0.9em Arial, Helvetica, sans-serif;
} 

.twoColFixHdr_lavage hr { border: #0084FF thin dotted; margin: 0 20px 0 40px; padding:0; 
}

.formule { 
font: 1.2em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#0084ff;
}

.twoColFixHdr_lavage #footer { 
padding: 10px 10px 10px 20px;  /*ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
background: #0084ff url(../../images/footer_fond_lavage.jpg) no-repeat top left;
clear:both;
} 

.twoColFixHdr_lavage #footer p {
margin: 0; 
padding: 10px 0; 
}

.twoColFixHdr_lavage #footer ul { margin:0; padding: 0; list-style:none; }
.twoColFixHdr_lavage #footer li { display:inline; }

.twoColFixHdr_lavage #footer a { font: 0.8em Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; }
.twoColFixHdr_lavage #footer a:visited { font: 0.8em Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; }
.twoColFixHdr_lavage #footer a:hover { font: 0.8em Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:none;}


.twoColFixHdr_lavage a { color:#000000; text-decoration:none; }
.twoColFixHdr_lavage a:visited { color:#000000; text-decoration:none; }
.twoColFixHdr_lavage a:hover { color: #0084ff; text-decoration:none;}

/* STRUCTURE IDENTIFICATION */
.twoColFixHdr_identification #container { 
width: 900px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
margin: 10px auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
/*border: 1px solid #000000;*/
text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
/*overflow:auto;*/
} 

.twoColFixHdr_identification#header { 
background: #FFFFFF;
margin: 0;
} 


.twoColFixHdr_identification #mainContent { text-align:center;
} 


.twoColFixHdr_identification #mainContent p { 
font: 0.8em Arial, Helvetica, sans-serif;
text-align:justify;
} 


.twoColFixHdr_identification h1 { font-size: 1.1em; color: #0084ff; text-align:center; } 

.twoColFixHdr_identification #footer { 
padding: 10px 10px 10px 20px;  /*ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
background: #0084ff url(../../images/footer_fond_lavage.jpg) no-repeat top left;
} 

.twoColFixHdr_identification #footer p {
margin: 0; 
padding: 10px 0; 
}

.twoColFixHdr_identification #footer ul { margin:0; padding: 0; list-style:none; }
.twoColFixHdr_identification #footer li { display:inline; }

.twoColFixHdr_identification #footer a { font: 0.8em Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; }
.twoColFixHdr_identification #footer a:visited { font: 0.8em Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; }
.twoColFixHdr_identification #footer a:hover { font: 0.8em Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:none;}

/*
A SAVOIR
p.champs { 
margin : 0.4em 0 0 0; 
padding : 1em; 
border: solid 1px #98aab1; 
background-color : white; 
overflow: auto; 
} 

début des corrections pour IE. 
* html p.champs { 
height:1%; 
overflow: visible; 
} 
* html #contenu { 
height: 1%; /*Bug de 3px après flottant  
} 
Fin des corrections pour IE.
*/