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

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

body{
	background-color: #EFEFEF;
	font-size: 62.5%;
}

#container{
	background: url(../images/charte/bg-container.gif) center top repeat-y;
	width: 801px;
	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: 801px;
	height: 287px;
}

#contenu{
    width: 801px;
	height: 100%;
    display:inline-table;
}

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

#gauche p{
	font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #dae0ed;
	text-align: center;
}

#mdmBoite{
  background: url(../images/charte/bg-mdm.jpg) center top no-repeat;
	width: 219px;
	height: 174px;
	float: left;
}
#mdmBoite  p.textMDM{
  font: normal 1.1em Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #dae0ed;
}
#mdmBoite a{
  color: #C3D2FA;
	text-decoration: underline;
}
#mdmBoite a:hover{
  color: #FFD96B;
	text-decoration: none;
}

#milieuBoite{
	width: 219px;
	height: 224px;
	float: left;
}
#adresseBoite{
  background: url(../images/charte/bg-adresse.jpg) center top no-repeat;
	width: 219px;
	height: 208px;
	float: left;
}
#adresseBoite p{
	font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #dae0ed;
	text-align:center;
}
#adresseBoite a:link, #adresseBoite a:visited, #adresseBoite a:active{
	color: #c3d2fa;
	text-decoration: underline;
}
#adresseBoite a:hover{
	color: #ffd498;
	text-decoration: none;
}

#accesBoite{
  background: url(../images/charte/bg-acces.jpg) center top no-repeat;
	width: 219px;
	height: 212px;
	float: left;
	text-align: center;
}

#droite{
	background: url(../images/charte/coin.gif) right bottom no-repeat;
  width: 582px;
	float: left;
}

#contenuTexte{
  width: 556px;
	margin-left: 5px;
  float:left;
}

#footer{
  width: 100%;
	height: 45px;
}


#footerInt{
  background: url(../images/charte/bg-footer.gif) center top no-repeat;
	width: 801px;
	margin: 0 auto;
	height: 45px;
}
#digitalage{
  width: 219px;
	float: left;
	text-align: right;
}
#footer-contenu{
  width: 582px;
	float: left;
	text-align: center;
}

#footer p{
	font: normal 1.2em/1.6em Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: right;
}

#footer a:link, #footer a:visited, #footer a:active{
	color: #000000;
	text-decoration: none;
}
#footer a:hover{
	color: #3a5aa7;
	text-decoration: underline;
}
#footer .mentions:link, #footer .mentions:visited, #footer .mentions:active{
	color: #3a5aa7;
	text-decoration: underline;
}

#footer .mentions:hover{
	color: #000000;
	text-decoration: none;
}

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

#titre{
	width: 556px;
	height: 51px;
	margin-bottom: 15px;
}

#contenuTexte h1{
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #3a5aa7;
	text-align: left;
	padding-bottom: 15px;
}

#contenuTexte h2{
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #3a5aa7;
	text-align: left;
	padding-bottom: 10px;
}

#contenuTexte a:link, #contenuTexte a:visited, #contenuTexte a:active{
	color: #3a5aa7;
	text-decoration: underline;
}

#contenuTexte a:hover{
	color: #000000;
	text-decoration: none;
}

#contenuTexte p{
	font: normal 1.2em/1.4em Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: justify;
	padding-bottom: 5px;
}
#contenuTexte p.couleur, .couleur{
	color: #3a5aa7;
	font-weight: bold;
}

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

.list li{
	background: url(../images/charte/puce.gif) left top no-repeat;
	font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	padding-bottom: 5px;
	padding-left: 15px;
	list-style-type: none;
}

.separateur-gauche{
  background: url(../images/charte/separateur-gauche.gif) center bottom no-repeat;
	width: 416px;
	height: 20px;
	float: left;
	margin-bottom: 10px;
}
.separateur-droite{
  background: url(../images/charte/separateur-droite.gif) center bottom no-repeat;
	width: 416px;
	height: 20px;
	float: right;
}

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

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

#contenuTexte .boite-grande-contenu p, #contenuTexte .boite-petite-contenu p{
	padding-bottom: 2px;
}

.boite-grande-gauche{
	width: 416px;
	float: left;
	margin-bottom: 15px;
}
.boite-grande-droite{
	width: 416px;
	float: right;
	margin-bottom: 15px;
}
.boite-cadre{
	float: left;
	margin: 0;
}
.boite-grande-contenu{
	background: url(../images/charte/boite-grande-contenu.gif) left top repeat-y;
	width: 386px;
	padding: 5px 15px;
}
.boite-petite-gauche{
	width: 381px;
	float: left;
	margin-bottom: 10px;
}
.boite-petite-droite{
	width: 381px;
	float: right;
}

.boite-petite-contenu{
	background: url(../images/charte/boite-petite-contenu.gif) left top repeat-y;
	width: 351px;
	float: left;
	padding: 5px 15px;
}

/****************** PLAN ***********************/

#plan-header{
	width: 500px;
	height: 125px;
	float: left;
}
#plan-contenu{
	width: 500px;
	height: 339px;
	float: left;
}
#plan-contenu p{
font: normal 1.2em Arial, Helvetica, sans-serif;
color: #1F3D86;
}

#plan-footer{
  width: 500px;
	height: 36px;
	float: left;
}