html {font-size: 100%;}

body {
background-color : #ffffff;
font-size: 0.8em;
}

#global {
width:911px;
margin-left:auto;
margin-right:auto;
}

/* header*/
#header {
margin:0;
padding:0;
width: 911px;
height:188px;
}

/* conteneur milieu */
#milieu {
margin:0;
padding:0;
float:left;
width:911px;
background: url(img/fond_p.jpg);
background-repeat:repeat-y;
}

/* conteneur droit */
#droit {
margin:0;
padding:0;
float:right;
width:500px;
background-color:#FFFFFF;
}

/* conteneur texte */
#text {
padding: 40px 10px 15px 5px;
margin-left:30px;
margin-right:25px;
}

/* footer */
#footer {
margin:0;
padding-top:83px;
background: url(img/footer.jpg);
background-repeat:no-repeat;
width: 911px;
height:16px;
text-align:right;
clear: both;
}

/* textes footer */
.footer {
font-family:trebuchet ms, arial;
font-weight:normal;
color:#ffffff;
font-size:.9em;
line-height:100%;

margin-right:15px;
}

/* titres*/
h1 {
font-family:trebuchet ms, arial;
font-weight:bold;
color:#89b6a1;
font-size:1.3em;
line-height:130%;
text-align:center;
}

/* sous titres */
h2 {
font-family:trebuchet ms, arial;
font-weight:bold;
color:#53C184;
font-size:1.1em;
line-height:150%;
text-align:left;
}

/* texte */
h3 {
font-family:trebuchet ms, arial;
font-weight:normal;
color:#000000;
font-size:1em;
line-height:140%;
text-align:justify;
}

/* texte grand centré*/
.texteg {
font-family:trebuchet ms, arial;
font-weight:normal;
color:#000000;
font-size:1.1em;
line-height:110%;
text-align:center;
}

/* texte italique centré*/
.textei {
font-family:trebuchet ms, arial;
font-weight:normal;
font-style:italic;
color:#000000;
font-size:1em;
line-height:110%;
text-align:center;
}

/* texte centré*/
.textec {
font-family:trebuchet ms, arial;
font-weight:normal;
color:#000000;
font-size:1em;
line-height:110%;
text-align:center;
}

/* lien akali-creations */
.link {
font-family:trebuchet ms, arial;
font-weight:normal;
color:#000000;
font-size:0.8em;
line-height:110%;
text-align:center;
margin-top:7px;
}

img {
border: 0;
}

.image {
float:left;
border: 1px solid #53C184;
margin:0px 20px 20px 0px;
}

/* image centrée */
.imagec{
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid #53C184;
}


/* image centrée avec marge */
.imagecm{
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid #53C184;
padding-top: 40px;
}

#acc {
width:118px;
height:23px;
margin-left:538px;
float:left;
}
#acc a.bt1 {
     display: block;
     border:0; 
     height: 23px; 
	 width: 118px; 
     vertical-align: middle;
     background: url(img/bt_acc.jpg) 0 0 no-repeat
     }
#acc a:hover.bt1 {
     background-position: -118px 0
    }
	
#com {
width:255px;
height:23px;
margin-left:0px;
float:left;
}
#com a.bt2 {
     display: block;
     border:0; 
     height: 23px; 
	 width: 255px; 
     vertical-align: middle;
     background: url(img/bt_com.jpg) 0 0 no-repeat
     }
#com a:hover.bt2 {
     background-position: -255px 0
    }

#int {
width:169px;
height:23px;
margin-left:576px;
float:left;
}
#int a.bt3 {
     display: block;
     border:0; 
     height: 23px; 
	 width: 169px; 
     vertical-align: middle;
     background: url(img/bt_int.jpg) 0 0 no-repeat
     }
#int a:hover.bt3 {
     background-position: -169px 0
    }
	
#asso {
width:165px;
height:23px;
margin-left:0px;
margin-top:0px;
float:left;
}
#asso a.bt4 {
     display: block;
     border:0; 
     height: 23px; 
	 width: 165px; 
     vertical-align: middle;
     background: url(img/bt_asso.jpg) 0 0 no-repeat
     }
#asso a:hover.bt4 {
     background-position: -165px 0
    }

#bul {
width:102px;
height:23px;
margin-left:610px;
margin-top:0px;
float:left;
}
#bul a.bt5 {
     display: block;
     border:0; 
     height: 23px; 
	 width: 102px; 
     vertical-align: middle;
     background: url(img/bt_bul.jpg) 0 0 no-repeat
     }
#bul a:hover.bt5 {
     background-position: -102px 0
    }
	
#lien {
width:74px;
height:23px;
margin-left:0px;
margin-top:0px;
float:left;
}
#lien a.bt6 {
     display: block;
     border:0; 
     height: 23px; 
	 width: 74px; 
     vertical-align: middle;
     background: url(img/bt_lien.jpg) 0 0 no-repeat
     }
#lien a:hover.bt6 {
     background-position: -74px 0
    }
	
#cont {
width:125px;
height:23px;
margin-left:0px;
margin-top:0px;
float:left;
}
#cont a.bt7 {
     display: block;
     border:0; 
     height: 23px; 
	 width: 125px; 
     vertical-align: middle;
     background: url(img/bt_cont.jpg) 0 0 no-repeat
     }
#cont a:hover.bt7 {
     background-position: -125px 0
    }
		
li { margin: 0 0 0 15px}
	
/* liens toutes pages*/
a:link { color: #53c184; text-decoration:underline; }
a:visited { color: #53c184; text-decoration:underline; }
a:hover { color:#86eaa2 ; text-decoration:none; }

/* liens texte blanc */
.foot:link { color: #ffffff; text-decoration:underline;}
.foot:visited { color: #ffffff; text-decoration:underline;}
.foot:hover { color: #86eaa2 ; text-decoration:none; }