/* black: #000000 | white : #ffffff | seashell: #fff5ee | mistyrose: #ffe4e1 | mediumvioletred: #c71585 | orchid: #da70d6 | lightpink: #ffb6c1 |purple:#800080 */

body {
font-family: georgia, "times new roman", times, serif;
font-size: 1em;
margin: 0px;
padding: 0px;
background-color: #ffffff;
color: #000000; 
}

#page {
position: absolute;
width: 100%;
background-color: #c71585 ;
margin: 0px;
padding: 0px;
}

#entete {width: 100% ;background : #ffffff url(banniere.png) 10.6em 0em no-repeat ; height: 210px; margin: 0; padding: 0; }

#entetegauche {width: 10.6em; height: 210px; background: #c71585 url(hdp.png) top left no-repeat; margin: 0; padding: 0;}

#gauche {position: absolute; left: 13px; top: 230px; background-color: #ffffff; width : 9.1em; margin: 0; padding: 0;}

#hg1, #hd1, #bg1, #bd1 {
height: 20px; width: 20px;
background-repeat: no-repeat;
font-size: 1px;

}

#hg1 {
background-image: url(hg1.png);
}
#hd1 {
background-image: url(hd1.png);
float: right;
}


#bg1 {
background-image: url(bg1.png);
}
#bd1 {
background-image: url(bd1.png);
float: right;
}
#hg2, #hd2, #bg2, #bd2 {
height: 20px; width: 20px;
background-repeat: no-repeat;
font-size: 1px;
}
#hg2 {
background-image: url(hg2.png);
}
#hd2 {
background-image: url(hd2.png);
float: right;
}
#bg2 {
background-image: url(bg2.png);
}
#bd2 {
background-image: url(bd2.png);
float: right;
}


#pub {position: absolute; top:696px; left:38px; width:95%}
#pub2{position: absolute; top:645px;left:130px}
#menu {
position: relative;
margin: -5px 0px -2px 0; 
padding: 0 0px 0 15px;
font-family:  Verdana, "Trebuchet MS", times, sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 0.8em;
list-style-type: none;
}

#menu li {
display: block;
height : 1.6em;
width: 9.2em;
margin: 0px 0px 6px 0;
padding: 5px 0px 0px 0px;
text-align: center;
border-style: solid;
border-width: 0 1px 1px 0;
border-color: black;
background: #c71585 url(coinlien.png) top left no-repeat;
}

#menu li.actif {
color: #ffffff;
background: #800080 url(coinlien2.png) top left no-repeat;
border-color: lightgrey;
}

#menu li.actif:hover {
color: #ffffff;
background: #800080 url(coinlien2.png) top left no-repeat;
border-color: lightgrey;}

#menu li.actif p {font-size: 0.89em;
margin: 1px 0 0 0;}

#menu a {
color: #ffffff;
display: block;
text-align: center;
}

/* #menu a:hover {
font-size: 0.97em;
margin: 1px 0 0 0;
}*/

#menu li:hover {
background: #9a4f9b url(coinlien3.png) top left no-repeat;
border-color: #9f9f9f;
}

.p9 {
margin: 10px 0px 0px 28px;
padding: 0px;
font-size: 1.2em;
font-family: georgia,"times new roman", times, serif;
font-style: italic;
line-height: 1.5em;
color: #000000;
width: 95%;
}

#listep9 { list-style-type: none;font-size: 1.2em;
font-family: georgia,"times new roman", times, serif;
font-style: italic;
line-height: 1.4em;
color: #000000;
margin: 0 0 20px 70px;
padding: 0;
}

#centre {
background: #ffffff url(bg1.png) bottom left no-repeat;
margin: 0 0 0 10.6em;
padding: 15px 15px 15px 15px;
}

#centrex {
background: url(bgex1.png) ;
margin: 0 7px 0 0;
padding: 0;
}

.p1 {border-width: 0 1px 1px 0; border-style: solid; border-color: #000000; width: 72%;background: #ffe4e1 url(hg3.png) top left no-repeat; font-size: 1.1em; font-style: italic; font-weight: bold; text-align: left; margin: 0 0px 14px 2px; padding: 18px 10px 18px 18px; color: #000000;}

.p2 {line-height: 1.2em; border-width: 0 1px 1px 0; border-style: solid; border-color: #c71585; width: 90%;background: #ffe4e1 url(hg3.png) top left no-repeat; font-size: 1.2em; font-style: italic; text-align: justify; margin: 5px 25px 20px 25px; padding: 13px; color: #000000;}


.p2bis {line-height: 1.2em; border-width: 0 1px 1px 0; border-style: solid; border-color: #c71585; width: 90%;background: #ffe4e1 url(hg3.png) top left no-repeat; font-size: 1.2em; font-style: italic; text-align: justify; margin: 5px 25px 0px 25px; padding: 13px; color: #000000;}

.p3 {font-family:  Verdana, "Trebuchet MS", times, sans-serif; font-size: 1.1em; font-weight: bold; font-style: italic; text-align: center; line-height: 1.3em; margin: 0 15px 15px 0;}

.p4 {font-family:  Verdana, "Trebuchet MS", times, sans-serif; font-size: 1em; font-weight: bold; font-style: italic; line-height: 1.5em; margin: 0 15px 15px 0;}

.p5 {width: 93%; background: #ffe4e1 url(bg3.png) bottom left no-repeat; font-size: 1.1em; font-style: italic; font-weight: lighter; text-align: justify; line-height: 1.5em; margin: 10px auto 40px 5px ; padding: 10px 20px 10px 20px; color: #000000;}

.p6 {font-family:  Verdana, "Trebuchet MS", times, sans-serif; font-size: 1.1em; font-weight: bold; font-style: italic; line-height: 1.6em; margin: 0px 0 10px 0;text-align: center;}

.vcent{vertical-align: middle;}
.p1 img {vertical-align: middle;}
.floatd {float: right; margin: 0px 10px 10px 15px;}
.floatg {float: left; margin: 10px 20px 8px 2px; border: 1px solid #b0c4de;}

a {text-decoration : none; text-transform: uppercase; }
a img {border: 0 none;}

#pageaccueil {
background-color: #c71585;
position: absolute;
padding: 0px;
width: 770px;
left: 50%;
margin: 0 0 0 -385px;
border: #ffffff solid 5px;
}

#menu1 {
width: 25em;
margin: 15px 0 0 20px;
padding: 0px;
background-color: #ffffff;
}
#menu10 h2 {margin : 0.4em 1.5em 0 1.5em; padding: 0 0 0 6px; background-color: #ffe4e1;}


#menu1 h2 {color: #c71585; margin : 0.4em 1.5em 0 1.5em; padding: 0 0 0 6px; background-color: #fffafa;}
#menu1 p {margin : 0 0 0 2.1em; padding: 0px;}
#enter {position : absolute; right: 10px; top: 220px ; margin : 20px 15px 0px 0px; padding: 0px;}
#enter a {color: #ffffff;}
#a1 {text-transform: none; color: #ffffff; font-family: arial,"times new roman", georgia, times, serif; font-size: 1.1em; font-weight: bold; font-style: italic; text-align: center;  margin: 242px 0px 0px 450px ;vertical-align: middle; padding: 0; display:block; width:12em;}
#a1:hover {text-transform: none; color: #800080;}

#contenu1 p {padding: 1px 0 1px 0;}
#contenu1 hr {width: 50%; margin: 15px auto 10px auto}
#imgaccueil {margin : 0 0 0 20px; padding: 0px;}
#adresse {font-style: italic; color: #da70d6;}
#imgtravail {float :right; margin:0px; padding: 0px;}
#imgfleche {position: absolute;right:0px;top:250px; margin : 0x; padding: 0;}
.prec {position : absolute; left: 190px; bottom: 92px ;}
.suiv {position : absolute; left: 229px; bottom: 92px ;}
#elise {position : absolute; top: 292px; left:82.3%; margin: 0px;}
#livredor {position : absolute; left: 240px; top: 210px ;}
#plan     {margin: 10px auto 15px 0px; padding :0;}
#institut {margin: 10px auto 5px 0px; padding :0;}
#fleur1 {position : absolute; left: 5px; top: 20em ;}

#tableau {
width: 45em; 
margin: 0px;
padding: 0px;
background-color: #800080; aurl(coinlien2.png) top left no-repeat; 
color: #ffffff;
border-style: solid;
border-width: 0 3px 3px 0;
border-color: #000000;
font-size: 1.1em; 
font-weight: bold;
font-family: georgia, "times new roman", times, serif;
font-style: italic;
border-collapse: collapse;
}

#tableau td {
border-style: solid;
border-width: 4px 0 0 0;
border-color: #ffffff;
padding: 4px 5px 4px 10px;
}

#th1 {
background: #c71585 url(coinlien.png) top left no-repeat;
font-style: normal;
font-size: 1.1em; 
font-weight: bold;
text-align: center;
padding: 2px 0px 2px 100px;
text-transform: uppercase;}
#th2 {background-color: #c71585;
border-style: solid;
border-width: 0 3px 0px 0;
border-color: #c71585;}


ol {line-height: 1.2em; border-width: 0 1px 1px 0; border-style: solid; border-color: #c71585; width: 87%;background: #ffe4e1 url(hg3.png) top left no-repeat; font-size: 1.2em; font-style: italic; text-align: justify; margin: 5px 25px 20px 25px; padding: 13px 13px 13px 40px; color: #000000;}
ol a {text-decoration : underline; text-transform: lowercase; color: #800080;}
ol li {margin: 10px 0 0 0; padding: 0;}

.p7 {
margin: 1px 50px 10px 45px;
padding: 0px;
font-size: 1.2em;
font-family: georgia,"times new roman",times,serif;
font-style: italic;
line-height: 1.2em;
color: #000000;
}

.p8 {width: 94%; background: #ffe4e1 url(bg3.png) bottom left no-repeat; font-size: 1.2em; font-style: italic; font-weight: lighter; text-align: justify; line-height: 1.5em; margin: 5px auto 5px 7px ; padding: 10px 10px 10px 20px; color: #000000;}

.p6 a {text-decoration : none; text-transform: lowercase; color: #800080;}

.centre {text-align: center; margin :0 0 0 -90px; padding: 0;}

h2 {
font-family: "times new roman", georgia, times, serif;
font-size: 1.2em;
font-style: italic;
color:  #c71585;
margin: 0;
padding: 0;
}

h3 {
margin: 10px 10px 0px 20px;
padding: 0 0 0 25px;
font-size: 1.3em;
font-family: "times new roman", georgia, times, serif;
font-style: italic;
color: #800080; 
background: #ffffff url(star.png) center left no-repeat;
}

h4 {
margin: 0 0 0 20px;
padding: 0 0 0 25px;
font-size: 1.2em;
font-family: georgia, "times new roman", times, serif;
font-style: italic;
color:  #000000;
background: #ffffff url(star3.png) top left no-repeat;
}
h4 span {
color: #800080; 
}
h5{
width: 642px;
margin: 0px 0 0 0;
padding: 0 0 0 25px;
font-size: 1.3em;
line-height: 1.42em;
font-family: "times new roman", georgia, times, serif;
font-style: italic;
color: #800080;
background: url(starv.png) center left no-repeat;
}
h6{
width: 99%;
margin: 0px auto 20px 0px;
padding: 0px 0px 0px 0px ;
line-height: 1.65em;
font-size: 1em;
font-style: italic;
font-family:  "Trebuchet MS", georgia, arial black , Verdana, "Trebuchet MS", times, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align: center;
text-decoration: none;
background: #c71585 url(coinlien.png) top left no-repeat;
color: #ffffff;
border-width: 0px 1px 1px 0px;  border-style: solid; border-color: #000000;
}

h6 img{float :right; margin: -24px 0px 0px auto ;border: 0 none;}

h7{
width: 96%;
margin: 0px 10px 25px 20px;
padding: 3px ;
font-size: 0.9em;
font-family:  Verdana, "Trebuchet MS", times, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align: center;
text-decoration: none;
background: #c71585 url(coinlien.png) top left no-repeat;
color: #ffffff;
border-width: 0px 3px 3px 0px;  border-style: solid; border-color: #000000;
}

.img1 {border-width: 15px 120px 15px 120px; border-style: solid; border-color: #800080; margin: 0 0 11px 0;
padding: 8px;}
.img2 {border-width: 15px 120px 15px 120px;  border-style: solid; border-color: #800080; margin: 0px auto 0px 0;
padding: 8px;}

#pied {
height: 55px; width:100%;
background: #c71585 url(pp.png) bottom left repeat-x;
margin: 10px 0 0 0; padding: 10px 0 0 0 ; 
}
#pied p {
margin: 32px 0 0 5px;
padding:0;
}