body {
font-size: 13px; 
color: #6A6A6A; 
font-family: Tahoma, Arial, Helvetica;
background-color: #ffffff;
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
}

#global {
position:relative;
margin-left: auto;
margin-right: auto;
margin-bottom:10px;
width: 777px;
height:1000px;
text-align: center; /* on rétablit l'alignement normal du texte */
background-image: url("../img/e1.jpg"); background-repeat: NO-REPEAT; background-position: 170px 130px;
}

td {
font-size: 13px; 
color: #6A6A6A; 
font-family: Tahoma, Arial, Helvetica;
}

img {border:0;}

a:link {
	color: black;
}
a:visited {
	color: black;
}
a:active {
	color: black;
}
a:hover {
	color: #7c8c92;
}

a.charte:link {
	font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: bold; color: #A5A5A5; text-decoration: none
}
a.charte:visited {
	font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: bold; color: #A5A5A5; text-decoration: none
}
a.charte:active {
	font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: bold; color: #A5A5A5; text-decoration: none
}
a.charte:hover {
	font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: bold; color: #7c8c92; text-decoration: underline;
}

a.contact:link {
	font-family: Tahoma, Arial, Helvetica; font-size: 13px; font-weight: bold; color: #EEA21D; text-decoration: none
}
a.contact:visited {
	font-family: Tahoma, Arial, Helvetica; font-size: 13px; font-weight: bold; color: #EEA21D; text-decoration: none
}
a.contact:active {
	font-family: Tahoma, Arial, Helvetica; font-size: 13px; font-weight: bold; color: #EEA21D; text-decoration: none
}
a.contact:hover {
	font-family: Tahoma, Arial, Helvetica; font-size: 13px; font-weight: bold; color: #7c8c92; text-decoration: none
}

a.nav:link {
	font-family: Tahoma, Arial, Helvetica; font-size: 10px; color: #6A6A6A; text-decoration: none
}
a.nav:visited {
	font-family: Tahoma, Arial, Helvetica; font-size: 10px; color: #6A6A6A; text-decoration: none
}
a.nav:active {
	font-family: Tahoma, Arial, Helvetica; font-size: 10px; color: #6A6A6A; text-decoration: none
}
a.nav:hover {
	font-family: Tahoma, Arial, Helvetica; font-size: 10px; color: #7c8c92; text-decoration: none
}

a.num:link {
	font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #EEA21D; text-decoration: none
}
a.num:visited {
	font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #EEA21D; text-decoration: none
}
a.num:active {
	font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #EEA21D; text-decoration: none
}
a.num:hover {
	font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #7c8c92; text-decoration: none
}

a.sl:link {
	font-family: Tahoma, Arial, Helvetica; font-weight: bold; color: #6A6A6A; text-decoration: none
}
a.sl:visited {
	font-family: Tahoma, Arial, Helvetica; font-weight: bold; color: #6A6A6A; text-decoration: none
}
a.sl:active {
	font-family: Tahoma, Arial, Helvetica; font-weight: bold; color: #6A6A6A; text-decoration: none
}
a.sl:hover {
	font-family: Tahoma, Arial, Helvetica; font-weight: bold; color: #7c8c92; text-decoration: none
}

/*** ENTETE ***/
.entete {
	border: 1px dashed #848484;
	margin-top:60px;
	padding:5px;
}
/*** FIN ENTETE ***/

/*** CORPS ***/
.corps{
margin:auto;
margin-top:40px;
text-align:left;
width:80%;
}
.ul1{
margin:0;
padding:0;
padding-top:10px;
padding-bottom:10px;
}
.l1{
line-height:27px;
list-style-type: none; 
background: url('../img/etoile.gif') top left no-repeat; 
padding: 0 0 0 28px; 
margin-top:20px;
margin-top:20px;
margin-bottom:20px;
}
.l2{
list-style-type: disc; 
line-height:1.2em;
}
/*** FIN CORPS ***/

/*** PIED DE PAGE ***/
#separation{
width:100%;
height:1px;
border-top:solid 1px #888;
margin:auto;
margin-top:5px;
}
#pied{
position:relative;
margin:auto;
margin-bottom:15px;
text-align:left;
width:85%;

font-family: Tahoma, Arial, Helvetica; 
font-size: 10px; 
color: #6A6A6A; 
}
#pied_num{
position:absolute;
right:0;
}

#pied_renseignements{
position:absolute;
right:0;
}

#copyright{
font-family:Arial;
font-size:10px; 
color:#A5A5A5;
}
/*** FIN PIED DE PAGE ***/

/*** INDEX ***/
.index {
margin:auto;
text-align:left;
width:35%;
}
.ombre {
position:absolute; 
top:1px; 
left:102px; 
color:#C0C0C0;
z-index:1;
}
.texte {
position:absolute; 
top:0px; 
left:100px;
z-index:2;
}

#global_index {
position:relative;
margin-left: auto;
margin-right: auto;
margin-bottom:10px;
width: 777px;
height:1000px;
text-align: center; /* on rétablit l'alignement normal du texte */
background-image: url("../img/e2.jpg"); background-repeat: NO-REPEAT; background-position: 170px 80px;
}	

#global_index h1{
font-size: 18px; 
font-family: Tahoma, Arial, Helvetica; 
font-weight: bold; 
text-decoration: none;
}

#global_index h2{
font-size: 18px; 
font-family: Tahoma, Arial, Helvetica; 
font-weight: bold; 
text-decoration: none;
border: 1px dashed #848484;
width:70%;
padding:5px;
margin-left:auto;
margin-right:auto;
margin-top:50px;
}

#global_index #pied{
position:relative;
margin:auto;
margin-bottom:15px;
text-align:left;
width:80%;
}
#global_index #pied_num{
position:absolute;
right:0;
margin-top:-15px;
}

#global_index h2 a:link {
	font-family: Tahoma, Arial, Helvetica; font-weight: bold; color: #6A6A6A; text-decoration: none
}
#global_index h2 a:visited {
	font-family: Tahoma, Arial, Helvetica; font-weight: bold; color: #6A6A6A; text-decoration: none
}
#global_index h2 a:active {
	font-family: Tahoma, Arial, Helvetica; font-weight: bold; color: #6A6A6A; text-decoration: none
}
#global_index h2 a:hover {
	font-family: Tahoma, Arial, Helvetica; font-weight: bold; color: #7c8c92; text-decoration: none
}
a.CEDDP:link {
	font-family: Tahoma, Arial, Helvetica; font-weight: bold; color: #EEA21D; text-decoration: none;
}
a.CEDDP:visited {
	font-family: Tahoma, Arial, Helvetica; font-weight: bold; color: #EEA21D; text-decoration: none;
}
a.CEDDP:active {
	font-family: Tahoma, Arial, Helvetica; font-weight: bold; color: #EEA21D; text-decoration: none;
}
a.CEDDP:hover {
	font-family: Tahoma, Arial, Helvetica; font-weight: bold; color: #7c8c92; text-decoration: none;
}
/*** FIN INDEX ***/

/*** AIDE ***/
.img_aide{
margin:0;
margin-bottom:10px;
padding:10px;
border:1px dashed #848484;
}

.menu_separation{
width:50%;
height:1px;
border-top:solid 1px #888;
margin-top:5px;
}
/*** FIN AIDE ***/

/*** CHARTE ***/
.charte {
margin:auto;
margin-top:40px;
text-align:left;
width:80%;
}

.charte h1{
font-size: 13px; 
color: #6A6A6A; 
font-family: Tahoma, Arial, Helvetica;
font-weight:normal;
}

.charte h2{
font-size: 13px; 
color: #6A6A6A; 
font-family: Tahoma, Arial, Helvetica;
font-weight:normal;
}

.charte p{
padding-left:30px;
padding-top:20px;
padding-bottom:20px;
}

.charte ul{
margin-left:40px;
padding-left:40px;
}

#intro_charte{
font-weight : bold;
padding:0;
}
/*** FIN CHARTE ***/

/*** CONTACT ***/
.contact {
margin:auto;
margin-top:40px;
text-align:left;
width:80%;
}
.contact p{
text-align:justify;
margin-bottom:50px;
}
.highlight{
color:#EEA21D;
font-weight:bold;
}
.infos_contact{
text-align:center;
border: 1px dashed #848484;
font-weight:bold;
width:65%;
margin:auto;
margin-top:25px;
margin-bottom:50px;
padding:10px;
}
.img_contact{
float:right;
margin-left:20px;
}
/*** FIN CONTACT ***/