/****************** CHARTE ******************/
*{
  margin: 0;
	padding: 0px;
}

br{
  line-height: 0.5em;
}


html, body{
  margin: 0;
  padding: 0;
  width: 100%;
  height:100%;
}

body{
	background: url(../images/charte/bg-body.gif) left top repeat-x #D3E6EE;
	font-size: 62.5%;
}

#container{
  background: url(../images/charte/bg-container.gif) center top repeat-y;
	width: 784px;
	margin: 0 auto;
  min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
}

#header{
  width: 784px;
	height: 239px;
}

#contenu{
  width: 784px;
	height: 100%;
	display: table;
}

#gauche{
  width: 216px;
	float: left;
}

#gauche p{
	font: normal 1.2em Verdana;
	color: #E3F6FD;
	text-align: center;
}

#mdmBoite{
  background: url(../images/charte/bg-mdm.jpg) center top no-repeat;
	width: 216px;
	height: 140px;
	float: left;
}
#mdmBoite  p.textMDM{
  font-family: Verdana;
	font-size: 1.1em;
	text-align: justify;
	color: #FFFFFF;
}
#adresseBoite{
  background: url(../images/charte/bg-adresse.jpg) center top no-repeat;
	width: 216px;
	height: 128px;
	float: left;
}
#accesBoite{
  background: url(../images/charte/bg-acces.jpg) center top no-repeat;
	width: 216px;
	height: 35px;
	float: left;
	text-align: center;
}
#horairesBoite{
  background: url(../images/charte/bg-horaires.jpg) center top no-repeat;
	width: 216px;
	height: 159px;
	float: left;
}
#finBoite{
  width: 216px;
	height: 248px;
	float: left;
}

#droite{
  width: 568px;
	float: left;
}

#contenuTexte{
  width: 547px;
	margin: 0 auto;
}

#footer{
  background: url(../images/charte/bg-footer.gif) center top no-repeat;
	width: 784px;
	height: 56px;
}
#digitalage{
  width: 216px;
	float: left;
	text-align: right;
}
#copyright{
  width: 568px;
	float: left;
	text-align: center;
}



#footer p{
font: normal 1.1em/2.3em Verdana;
color: #DDDDDD;
text-align: center;
}

#footer a:link, #footer a:visited, #footer a:active{
	background: url(../images/charte/puce-footer.gif) right no-repeat;
	color: #F4F4F4;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 13px;
}

#footer a:hover{
	background: url(../images/charte/puce-footer.gif) right no-repeat;
	color: #B70E19;
	text-decoration: underline;
	padding-right: 20px;
	padding-left: 13px;
}

/******************** CONTENU **********************/
#contenuTexte br{
  line-height: 1em;
}


#contenuTexte p{
	font: normal 1.2em/1.4em Verdana;
	color: #04435A;
	text-align: justify;
	padding-bottom: 5px;
}

#contenuTexte h1{
  width: 547px;
	height: 42px;
	margin-bottom: 10px;
}
#contenuTexte h1 span{display: none;}

#contenuTexte h1.accueil{background: url(../images/titres/titre-accueil.jpg) center top no-repeat;}
#contenuTexte h1.remise-en-forme{background: url(../images/titres/titre-remise-en-forme.jpg) center top no-repeat;}
#contenuTexte h1.beaute{background: url(../images/titres/titre-beaute.jpg) center top no-repeat;}
#contenuTexte h1.detente{background: url(../images/titres/titre-detente.jpg) center top no-repeat;}
#contenuTexte h1.certifications-temoignages{background: url(../images/titres/titre-certifications.jpg) center top no-repeat;}
#contenuTexte h1.contact{background: url(../images/titres/titre-contact.jpg) center top no-repeat;}
#contenuTexte h1.merci{background: url(../images/titres/titre-merci.jpg) center top no-repeat;}

#contenuTexte h2{
	font: bold 1.3em Verdana;
	color: #059DDB;
	text-align: justify;
	padding-bottom: 15px;
}

#contenuTexte h3{
	font: bold 1.3em Verdana;
	color: #04435A;
	text-align: center;
	padding-bottom: 15px;
}

#contenuTexte a:link, #contenuTexte a:visited, #contenuTexte a:active{
	color: #A70110;
	font-weight: bold;
	text-decoration: none;
}

#contenuTexte a:hover{
	font-weight: bold;
	color: #04435A;
	text-decoration: underline;
}

#contenuTexte p.soustitre{
  	font: bold 1.4em Verdana;
	color: #059DDB;
	text-align: center;
	padding-bottom: 10px;
}
#contenuTexte p.sous-soustitre{
	font: bold 1.3em Verdana;
	color: #059DDB;
	text-align: justify;
	padding-bottom: 10px;
	padding-left: 30px;
	background: url(../images/charte/puce.gif) left top no-repeat;
}
#contenuTexte p.couleur, .couleur{
	color: #059DDB;
}

#contenuTexte ul{
	margin-left: 100px;
}

.list li{
	font: normal 1.2em Verdana;
	color: #04435A;
	text-align: justify;
	padding-bottom: 5px;
	padding-left: 5px;
	list-style-type: square;
}
.list1 li{
	font: normal 1.2em Verdana;
	color: #059DDB;
	text-align: justify;
	padding-bottom: 5px;
	list-style-type: square;
	list-style-position: inside;
}
.list2 li{
	font: normal 1.2em Verdana;
	color: #059DDB;
	text-align: justify;
	list-style-type: square;
	list-style-position: inside;
}


.separateur{
  background: url(../images/charte/separateur.jpg) center bottom no-repeat;
	width: 547px;
	height: 10px;
	margin-bottom: 15px;
	clear: both;
}
.separateur1{
	border-bottom: 1px dashed #A3CDDB;
	width: 547px;
	height: 7px;
	margin-bottom: 15px;
	clear: both;
}

.photoGauche{
  float: left;
	margin-right: 25px;
}
.photoDroite{
  float: right;
	margin-left: 25px;
}

/***************** AUTRES ********************/

.menu-remise{
	background: url(../images/charte/bg-btns-remise.gif) center top no-repeat;
  width: 547px;
	height: 25px;
}


/************* POPUP *****************/

#popupRemise{
  width: 610px;
	height: 500px;
	background: url(../images/charte/bg-popup-remise.gif) left top no-repeat;
	margin: 0 auto;
}

#popupRemiseContenu{
  height: 370px;
	width: 570px;
	overflow: auto;
	padding-right: 5px;
}

#popupRemise br{
  line-height: 1em;
}

#popupRemise p, #popupRemiseContenu p{
	font: normal 1.2em/1.4em Verdana;
	color: #04435A;
	text-align: justify;
	padding-bottom: 5px;
}

#popupRemise h1{
  width: 547px;
	height: 42px;
	margin-bottom: 0px;
}
#popupRemise h1 span{display: none;}

#popupRemise h1.power-plate{background: url(../images/titres/soustitre-power-plate.jpg) center top no-repeat;}
#popupRemise h1.power-517{background: url(../images/titres/soustitre-power-517.jpg) center top no-repeat;}
#popupRemise h1.power-wrap{background: url(../images/titres/soustitre-power-wrap.jpg) center top no-repeat;}
#popupRemise h1.power-nutrition{background: url(../images/titres/soustitre-power-nutrition.jpg) center top no-repeat;}

#popupRemise h2{
	font: bold 1.3em Verdana;
	color: #059DDB;
	text-align: justify;
	padding-bottom: 15px;
}

#popupRemise h3{
	font: bold 1.3em Verdana;
	color: #04435A;
	text-align: center;
	padding-bottom: 15px;
}

#popupRemise p.soustitre{
  	font: bold 1.4em Verdana;
	color: #059DDB;
	text-align: center;
	padding-bottom: 10px;
}

#popupRemise p.sous-soustitre{
	font: bold 1.3em Verdana;
	color: #059DDB;
	text-align: justify;
	padding-bottom: 10px;
	padding-left: 30px;
	background: url(../images/charte/puce.gif) left top no-repeat;
}
#popupRemise p.couleur, .couleur{
	color: #059DDB;
}

#popupRemise ul{
	margin-left: 100px;
}

.list li{
	font: normal 1.2em Verdana;
	color: #04435A;
	text-align: justify;
	padding-bottom: 5px;
	padding-left: 5px;
	list-style-type: square;
}
.list1 li{
	font: normal 1.2em Verdana;
	color: #059DDB;
	text-align: justify;
	padding-bottom: 5px;
	list-style-type: square;
	list-style-position: inside;
}

.separateur{
  background: url(../images/charte/separateur.jpg) center bottom no-repeat;
	width: 547px;
	height: 10px;
	margin-bottom: 15px;
	clear: both;
}
.separateur1{
	border-bottom: 1px dashed #A3CDDB;
	width: 547px;
	height: 7px;
	margin-bottom: 15px;
	clear: both;
}

#popupRemise .photoGauche{
  float: left;
	text-align: left;
	margin-right: 25px;
}
#popupRemise .photoDroite{
text-align: right;
  float: right;
	margin-left: 25px;
	}