/* ==== Document ==== */
html,body{
height: 100%;
margin: 0;
padding: 0;
}
html{
color: #000;
font-family: "Century Gothic","Tahoma",sans-serif;
font-size: 1em;
line-height: 1em;
}
body{
background-color: #fff;
}
#conteneur{
width: 900px;
height: 650px;
margin: 0 auto;
position: relative;
}
img{
border: 0;
}
a{
color: #666;
text-decoration: none;
outline: none;
}
a:hover{
color: #000;
}
a.mev{
color: #90bb12;
font-weight: bold;
}
hr{
display: none;
}

/* ==== Couleurs : gris, bleu, vert, rose, jaune, rouge ==== */
.coul0{
color: #ccc;
}
.coul1{
color: #1baad0;
}
.coul2{
color: #90bb12;
}
.coul3{
color: #d8468e;
}
.coul4{
color: #f5cf0b;
}
.coul5{
color: #e1001a;
}
.coul0_fond{
background-color: #ccc;
}
.coul1_fond{
background-color: #1baad0;
}
.coul2_fond{
background-color: #90bb12;
}
.coul3_fond{
background-color: #d8468e;
}
.coul4_fond{
background-color: #f5cf0b;
}
.coul5_fond{
background-color: #e1001a;
}
.coul0_fond,.coul1_fond,.coul2_fond,.coul3_fond,.coul4_fond,.coul5_fond{
color: #fff;
}

/* ==== Entête ==== */
#entete{
background: #fff;
width: 900px;
height: 125px;
}

/* ==== Logo ==== */
img#logo{
float: right;
margin: 20px;
}

/* ==== Menu principal ==== */
ul#mainmenu{
list-style: none;
padding: 40px 20px 0 20px;
margin: 0;
}
ul#mainmenu li{
display: block;
float: left;
padding: 0;
}
ul#mainmenu a{
color: #666;
display: block;
width: 70px;
padding-top: 45px;
font-size: 0.8em;
text-align: center;
}
ul#mainmenu a:hover{
color: #000;
}
#bt11{
background: url("i/11.png") no-repeat 15px 0;
}
#bt1{
background: url("i/1.png") no-repeat 15px 0;
}
#bt2{
background: url("i/2.png") no-repeat 15px 0;
}
#bt3{
background: url("i/3.png") no-repeat 15px 0;
}
#bt4{
background: url("i/4.png") no-repeat 15px 0;
}
#bt5{
background: url("i/5.png") no-repeat 15px 0;
}
#bt6{
background: url("i/6.png") no-repeat 15px 0;
}
#bt7{
background: url("i/7.png") no-repeat 15px 0;
}
#bt8{
background: url("i/8.png") no-repeat 15px 0;
}

/* ==== Sous-menu ==== */
ul#submenu{
position: absolute;
left: 0;
bottom: 0;
list-style: none;
margin: 20px;
padding: 0;
}
ul#submenu a{
color: #90bb12;
font-size: 0.9em;
line-height: 2em;
text-transform: uppercase;
}
ul#submenu a:hover,ul#submenu a.selectionne{
color: #1baad0;
}

/* ==== Corps ==== */
#corps{
background: #fff;
clear: both;
width: 900px;
height: 495px;
overflow: none;
position: absolute;
}
h1{
display: none;
}
p,h3,dl,ul{
margin: 0 80px 0 200px;
padding-bottom: 10px;
}
p,h2,h3,dl,ul{
font-size: 0.8em;
line-height: 1.4em;
text-align: justify;
}
dd{
padding-bottom: 10px;
}
h2{
margin: 0 80px 0 200px;
padding: 0;
}
h3{
color: #666;
font-weight: normal;
font-style: italic;
}
img.photoillus{
margin-bottom: 20px;
}

/* ==== Pied de page ==== */
#pieddepage{
background: #fff;
color: #666;
position: absolute;
top: 620px;
width: 900px;
margin: 10px auto 0 auto;
font-size: 0.7em;
line-height: 20px;
}
#pieddepage a{
color: #d8468e;
}
#pieddepage span#pp_terzag{
padding-left: 20px;
}