/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : HydroSolution
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */
@import url(traductions.css);/* Redéfinitions des images traduites */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #636363;
	background: #00467f url(../images/Bg.png) repeat-y top center;
}
p {
	margin: 0 0 12px 0;
}
h1 {
	font-size: 1.8em;
	font-weight: bold;
	color: ;
	margin: 5px 0;
}
h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: ;
	margin: 20px 0 5px 0;
}
h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: ;
	margin: 15px 0 3px 0;
}
h4, h5, h6 {
	font-size: 1.2em;
	font-weight: bold;
	color: ;
	margin: 10px 0 2px 0;
}
a, a:hover {
	color: ;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
.Clearer {
	clear: both;
}
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#Wrapper {
	width: 762px;
	margin: 0 auto;
}
#NavFixe {
	height: 36px;
	position: relative;
}
#NavFixe p {
	position: absolute;
	top: 12px;
	left: 0;
}
#NavFixe a.LienAccueil {
	background: url(../images/Puce_LienAccueil.gif) no-repeat;
	padding-left: 24px;
	line-height:14px;
	display:block;
}
#NavFixe ul {
	position: absolute;
	right: 0;
	top: 12px;
}
#NavFixe ul li {
	float: left;
	padding-right: 10px;
	margin-right: 6px;
	background: url(../images/Bg_NavFixe.gif) no-repeat center right;
}
#NavFixe ul li.DernierItem {
	background: none;
	margin: 0;
	padding: 0;
}
#NavFixe a {
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
}
#NavFixe a:hover {
	text-decoration: underline;
}
#Entete {
	background: #fff url(../images/Bg_Entete.gif) repeat-x bottom left;
	height: 121px;
	position: relative;
}
#Logo {
	position: absolute;
	top: 28px;
	left: 27px;
}
#Recherche {
	position: absolute;
	top: 30px;
	right: 27px;
}
#Recherche input {
	background: url(../images/Bg_TxtBox.gif) repeat-x;
	border: 1px solid #e1e3e3;
	padding:3px 2px;
	float:left;
	margin-right: 6px;
}
#Recherche a {
	text-indent: -9999px;
	overflow:hidden;
	height:21px;
	display: block;
	float:left;
}
#Coordonnees {
	color: #d0f1fa;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	bottom: 4px;
	right: 0;
	margin:0;
	background:url(../images/Bg_Coordonnees.gif) no-repeat bottom left;
	line-height: 16px;
	padding:3px 25px 0 45px;
	height:35px;
}
#Coordonnees .Titre {
	color: #FFFFFF;
}
#Corps {
	background: #fff;
}
h1#SolutionChauffeEau {
	text-indent: -9999px;
	overflow: hidden;
	margin: -26px 0 0 0;
	float: left;
	width: 214px;
	height: 22px;
	position:relative;
}
#Contenu {
	background: url(../images/Bg_Contenu.gif) repeat-x;
	/*padding: 42px 0 0 45px;*/
}
#Contenu p {
	font-size: 1.1em;
}
#PiedPage {
	color: #fff;
	padding-top: 10px;
}
#PiedPage p {
	font-size: 1.1em;
	float: left;
}
#PiedPage p.Copyright {
	float: right;
	text-align: right;
	width: 298px;
	border-left: 1px solid #83b1cf;
}
#PiedPage p.Copyright img {
	float:right;
	margin-left: 12px;
}
#PiedPage a {
	color: #fff;
	text-decoration: none;
}
#PiedPage a:hover {
	text-decoration: underline;
}
.AligneGauche {
	float: left;
}
.AligneDroite {
	float: right;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
body.Accueil #Contenu {
	background: url(../images/Bg_ContenuAccueil.gif) repeat-x;
	padding-top: 23px;
	padding-bottom: 18px;
	padding-left:0
	/*min-height: 172px;
	height: auto !important;
	height: 172px;*/
}
body.Accueil #Contenu div {
	background: url(../images/Bg_BlocContenuAcc.gif) no-repeat top right;
	/*min-height: 131px;
	height: auto !important;
	height:131px;*/
	padding-right: 1px;
	float: left;
}
body.Accueil #Contenu div.DernierItem {
	background: none;
}
body.Accueil #Contenu div.BlocTexte {
	padding-left:20px;
	padding-top: 20px;
}
body.Accueil #Contenu div.BlocTexte h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #00467f;
	margin: 0;
}
#Banniere {
	position:relative;
	height: 256px;
}
.ChauffeEau-Image  {
	position: absolute;
	top: 12px;
	right: 18px;
}

/*- Styles spéciaux pour pages intérieures ------------------------------------*/


/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	height: 40px;
	float:left;
	background:url(../images/Bg_MenuPrincipal.gif) repeat-x top right;
	width: 762px;
	padding:0 0 0 0;
	margin:0px;
}
#MenuPrincipal li {
	float: left;
}
#MenuPrincipal li a {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background: top left;
	line-height: 40px;
}
#MenuPrincipal li a:hover {
	background-position: 0 -40px;
}
#MenuPrincipal li.On a {
	background-position: bottom left;

}

/*- Styles pour Plan du site --------------------------------------------------*/
ul#PlanSite {

}
ul#PlanSite li {
	
}
ul#PlanSite li ul li ul {

}

/*- Styles pour formulaires ----------------------------------------------------*/
.Formulaire {
	
}
.Formulaire p {

}
.Formulaire p.AligneGauche {
	margin-right: 15px;
}
.Formulaire p label {
	display: block;
	margin-bottom: 3px;
}
.Formulaire p label small {
	
}
input, textarea, select,
.TxtBox, .TxtArea, .SelectList, .Btn, .TxtLabel {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px; /* fixer la size pour pas que les champs défoncent si la grosseur du texte est grandie par l'utilisateur */
}
.TxtErreur {
	color: #FF0000;
}
#Contenu div.SommaireValidation {
	color: #b46f6d !important;
	background: #fdf1f1;
	border:1px solid #b46f6d;
	padding: 20px;
	margin-bottom: 12px;
}
#Contenu div.SommaireValidation ul {
	margin: 0;
}
#Contenu div.SommaireValidation ul li {
	float: left;
	list-style: none outside none;
	padding: 0;
}
.TxtBox {
	color: ;
	background:	;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	margin:	0 0 0 0;
}
.TxtArea {
	color: ;
	background: ;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.SelectList {
	color: ;
	background: ;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	margin:	0 0 0 0;
}
p.Checkbox {

}
p.Checkbox label {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
}
p.Checkbox input {
	display: block;
	float: left;
}
p.Checkbox br {
	clear: both;
}
p.RadioBtn  {

}
p.RadioBtn label {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
}
p.RadioBtn input {
	display: block;
	float: left;
}
p.RadioBtn br {
	clear: both;
}
.Btn {
	color: ;
	background: ;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	overflow: visible;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TexteSpecial {
	color: #FF9933;
}
.TextePetit {
	font-size: 0.9em;
}

/*- Classes pour les hyperliens ----*/


/*- Classes pour les images ----*/
img.ImageContour {
	border: 1px solid #000000;
}
img.ImageGauche {
	border: 1px solid #000000;
	margin:	0 15px 5px 0;
	float: left;
}
img.ImageDroite {
	border: 1px solid #000000;
	margin: 0  0 5px 15px;
	float: right;
}

/*- Classes pour les listes ----*/
/* 	NOTE : Il est important de garder le font-size sur les ul et ol et non de le
	mettre sur les li, plus bas se trouve une liste d'ajustements pour les EM */
/*#Contenu ul {
	font-size: 1.1em;
	margin: 0 0 12px 15px;
	padding: 0;
}
#Contenu ul li {
	list-style: disc outside url(../images/Puce_Liste.gif);
	padding: 0 0 5px 0;
}

#Contenu ol {
	font-size: 1.1em;
	margin: 0 0 12px 24px;
	padding: 0;
}
#Contenu ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
}*/

/*- Classes pour les tableaux ----*/
/* 	NOTE : Il est important de garder le font-size sur le tableau et non de le 
	mettre sur les td, plus bas se trouve une liste d'ajustements pour les EM */
table.Tableau {
	font-size: 1.1em;
	background: ;
	padding: 0 0 0 0;
	border-right: ;
	border-top: ;
}
table.Tableau td {
	background: ;
	padding: 0 0 0 0;
	border-left: ;
	border-bottom: ;
	vertical-align: top;
}
table.Tableau td.CelluleTitre {
	font-size: 1.1em;
	color: ;
	background: ;
	padding: 0 0 0 0;
	border-left: ;
	border-bottom: ;
	vertical-align: top;
}
table.Tableau td.CelluleSousTitre {
	font-size: 1.1em;
	color: ;
	background: ;
	padding: 0 0 0 0;
	border-left: ;
	border-bottom: ;
	vertical-align: top;
}
table.Tableau td.CelluleAlternative {
	font-size: 1.1em;
	color: ;
	background: ;
	padding: 0 0 0 0;
	border-left: ;
	border-bottom: ;
	vertical-align: top;
}

/*--------------------------------------------------------------------------*/

/*- Styles d'ajustement pour les EM ----------------------------------------*/
div#Contenu p p,
div#Contenu ul ul, 
div#Contenu ol ol, 
div#Contenu ol ul, 
div#Contenu ul ol,
table.Tableau ul,
table.Tableau ol,
table.Tableau p {
	font-size:1em;
}