.entete{
        font-size:4em;
        font-family: 'Lucida Handwriting';
        color: rgb(220, 147, 6);
}
img.arbre{padding-top:4.2em; padding-left:546px;}
form{margin:0}
fieldset{background-color:rgb(250,250,250);color:black;}
label{width:40%;float:left;height:auto;text-align:right;padding-right:0.5em;font-family:verdana,serif;padding-top:0.4em;}
.button{width:100%;text-align:center;border:1px solid rgb(120,120,120);font-size:small;margin:0.2em 0 0.2em 0;background:rgb(220,220,220);color:black}
.legend{text-align:center;background:rgb(200,200,200);font-size:medium;color:black}
.input{width:55%;border:1px solid rgb(120,120,120);padding:0.2em 0.2em 0.2em 0.2em;margin:0.1em;font-family:verdana, serif;font-size:small;}
a{text-decoration:none;background:transparent;}
body{               background:url('images/fond.gif');
                    background-position:center;
                    background-attachment:fixed;
                    margin:0;
                    padding:0;
                    font-size:small;
                    }
/********** PAGE */
#page {             height:100%;
                    background:white;
                    width: 85%; /* au lieu de 80*/
                    max-width: 1000px;
                    min-width: 770px;
                    border-right:1px solid rgb(126,126,126);
                    border-left:1px solid rgb(126,126,126);
                    margin-left:auto;
                    margin-right:auto;
                    color:black}
#photo{             background:url('images/tete_600x173.jpg');
                    width:100%;
                    height:173px;
                    margin-left:auto;
                    margin-right:auto;
                    }
#photo div     {   
                    width:100%;
                    height:78%;
}
#photo p{           font-weight:bold;
                    font-size:1.0em;
                    margin:0;
                    letter-spacing: 2px;
                    text-align:right;
                    padding-right:3.5em;
                    color:rgb(50,20,20);
                    background:transparent;
                    }
/********** MENU HORIZONTAL */
#img{               padding-top:4em;
                    margin-bottom:0;}
#icones a:hover img{                    
                    border: 0.105em solid #dcb ; /*enlever solid #dcb*/ 
                    border-color: #B44646;/*au lieu de #FFD478;*/
                    background: rgb(220,177,107);
                    }
#icones a img      {                
                    border: 2px solid #C1814C ;                    
                    }                    
#menu{              text-align:left;
                    background:url("images/menu_600x27.gif");
                    width:100%;
                    height:1.75em !important;/* au lieu de 24 px*/
                    height:1.68em;/* pour IE7 et IE6*/
                    font-size:110%;/* au lieu de 108 */
                    margin-left:auto;
                    margin-right:auto;
                    border-bottom:1px solid rgb(30,30,30);}
#menu ul {          margin:0 0 0 0.5em;
                    padding:2px 0px 0px;
                    font-size:100%!important;
                    font-size:93%;
                    /*line-height: 1.5em;*/
                    }
#menu li {          margin:0;
                    display:inline;
                    padding:0;}
#menu li a {        font-weight:bold;
                    color:black;
                    padding-top:0em;/* passé à 0.11 des que L13 en service au lieu de 0*/
                    padding-left:0.33em;/*au lieu de 1.0em*//* p-e 0.13 pour diminuer le menu */
                    padding-right:0.33em;/*au lieu de 1.0em*//* p-e 0.13 pour diminuer le menu */
                    padding-bottom:0.36em;/* au lieu de 0.396em,  4 puis 6px*/
                    font-family:verdana;
                    font-variant:small-caps;
                    margin:0 0 0 0;
                    background:transparent;
                    text-decoration:none;}
#menu li a:hover {  color:rgb(240,240,240);
                    background:rgb(180,70,70);
                    width:auto;/* pour IE7 et IE6*/
                    }             
form#formrecherche {
                    width:auto; /*au lieu de 9.68em 137px, 168px;*/
                    }
form#formrecherche div a {
                    border: 2px solid #dcb ;
                    border-color: #d6a44c;
}
form#formrecherche div a:hover{
                    border: 2px solid #dcb ;
                    border-color: rgb(180,70,70);
}                    
/* rajout d'une class menu*/
.menu a span {     /* définition de la balise <span> inclue dans <a> */
                    display: none;
}
.menu a:hover span {   /* définition de la balise <span> au survol */
                    display: block;
                    position: absolute;
                    top: 20px;
                    left: 0;
                    width: 600px;       /* largeur de la zone de commentaires, selon la taille du menu */
                    text-align: left;
                    border-top: 1px solid gray;
                    color: #000;
}
/********** MENU VERTICAL */
#menuvertical{      padding: 0 0 0 0;
                    width:27%;/*au lieu de 28*/
                    height:auto;
                    border-left:1px dotted rgb(200,200,200);
                    float:right;
                    padding-top: 0px !important;
                    padding-top: 30px;/* rajouter 30px pour decaler uniquement ss IE*/
                    font-size:small;
                    }
#menuvertical h2 {  color:rgb(50,50,50);
                    padding:0;margin:0;
                    background:transparent;
                    }    
#menuvertical a {   color:rgb(60,60,60);
                    font-family:verdana;
                    padding:0 0 0 0;margin:0}
#menuvertical a:hover {margin:0;
                    background:rgb(230,230,230);
                    padding:0 0 0 0;
}        
#menuvertical div { padding:0 0.5em 0 0.5em
}
#menuvertical ul {  margin:0;
                    padding:0;
                    font-size:small;
                    list-style-type:none;}
#menuvertical li {  margin:0;
                    padding:0 0 0 0;
}
a img {	            border: 0;
}
a.info {
                    position: relative;
                    text-decoration: none;
                    /*color: black;
                    border-bottom: 1px gray dotted;*/
}
a.info span {
                    display: none;
}
a.info:hover {
                    background: none; /* correction d'un bug IE */
                    z-index: 500;
}
a.info:hover span {
                    display: inline;
                    position: absolute;
                    /*top: 2em;
                    left: 1em;*/
                    /*background:rgb(255,128,0);*/
                    text-align: center;
                    color: white;
                    padding: 2px;
}
a.info:hover span img{
                    border: 1px solid rgb(200, 200, 200);
                    padding: 0.3em;
                    background: white none repeat scroll 0% 50%;
                    display: inline;
                    position: absolute;
                    top: -7.4em;
                    /*left: 1em;*/
                    /*background:rgb(255,128,0);*/
                    text-align: center;
                    color: white;
                    /*padding: 2px;*/
}
.mail{color:#0066B3}
/********** CORPS */
#corps{             width:72%;/*au lieu de 70*/
                    padding:0 0 0 0;
                    height:auto;
                    border-right:1px dotted rgb(240,240,240);
                    font-size:1em;}
#corps a {          color:black;}
#corps h1 {         text-align:left;
                    border-top:1px dashed rgb(200,200,200);
                    border-bottom:1px dashed rgb(200,200,200);
                    padding:0 0.5em 0 1.5em;
                    margin:1.5em 0em 1em -0.5em;
                    background:rgb(210,210,190);
                    background-image:url('images/fond_h1.gif');
                    background-repeat: no-repeat;
font-size:1.5em;}
#corps h2{          color:rgb(50,50,50);
                    margin-top:1.5em;
                    border-top:1px dotted rgb(190,150,150);
                    background:rgb(245,245,235);
                    font-size:1.3em;
}                    
#corps h3{          color:rgb(80,80,80);
                    padding:0;
                    margin:0 0 -0.8em 0;
                    font-size:1.2em;
                    }   
#corps h5{          color:rgb(80,80,80);
                    padding:0;
                    margin:0 0 -0.8em 0;
                    border-top:1px dotted rgb(190,150,150);
                    background:rgb(245,245,235);
                    font-size:1.1em;}   
#corps p {          padding: 0 0 0 0;
                    font-family:verdana;
                    text-align:left;
                    color:rgb(50,50,50);
                    line-height:1.2em;/* au lieu de 1.3em*/
                    font-size:0.89em;/* au lieu de 0.84em*/
}
#corps p a{         color:#0000B3;}
#corps p a:hover{   background-color:#EBEBEB;}
#corps h4{          color:rgb(50,50,50);
                    font-size:1.5em;
                    margin:0 0 0 -0.5em;
                    padding:0.4em 0.2em 0.2em 2em;
                    background-image:url('images/fondh4.gif');
                    background-repeat: no-repeat;}
#corps h4 a:hover { background-color:#EBEBEB;}
#corps ul{          padding:0}
#corps li{          display:inline;
                    font-family:verdana;
                    font-size:1em !important;
                    font-size:0.92em;
                    }
#corps li a{        background: #E8BC5E; /*au lieu dergb(255,236,217);*/
                    font-weight: bold;
                    font-size: 0.98em !important;/*small;*/
                    font-size: 1.02em;
                    padding:0.2em 0.15em 0.2em 0.15em;
                    margin: 0 0.11em 0 0.11em !important;/* au lieu de 0.1em*/
                    margin: 0 0.11em 0 0.11em;
                    line-height:1.8em;/* pour eviter le chevauchement */
                    /*white-space: pre;*/
                    }
#corps li a:hover{  background:rgb(180,70,70);
                    color:rgb(240,240,240);}
#corps .blockquote { font-size:x-small;
                    font-family:verdana;
                    border:1px solid rgb(180,180,180);
                    color:rgb(100,100,100);
                    padding:0.5em;
                    background:rgb(245,240,240);
                    margin:0 1em 1em 1em;}
#corps div {        padding:0 2em 0 2em;
                    }
#corps .apercu{padding:1px;border:1px solid rgb(220,220,220);margin:0 0.5em 0 0}
#corps .span_n2{font-size:1.4em;font-family:times;padding:1px;border:1px solid rgb(220,220,220);margin:0.5em 0 0.5em -0.4em; background:rgb(230,230,210);font-weight:bold;}
#corps .span_n3{font-size:1.5em;font-family:times;padding:1px;border:1px solid rgb(220,220,220);margin:0 0 0.5em -0.2em; background:rgb(240,240,220);border-right:0px;border-left:0px}
#map a { font-size:1.5em; }
#map{ padding:0; margin:0 0 0 1.5em; }
#map li{ padding:0; margin:0; /*list-style-type:none; */}
#map .section{ padding:0; margin:1em 0 0; }
/********** PIED */
#pied{              text-align:left;
                    background:url('images/menu_600x27.gif');
                    width:100%;
                    /*height:23px;*//*pour avoir un bande elastique en h qd l'ecran se rapetisse*/
                    margin-left:auto;
                    margin-right:auto;
                    border-top:2px solid rgb(50,50,50);
                    font-size:xx-small}
#pied p {           vertical-align:bottom;
                    font-family:verdana;
                    margin:0.5em 0 0 0;}
#pied a {           color:black;
                    text-decoration:none;
                    padding:0.2em 0.2em 0.2em 0.2em;}
#pied a:hover {     color:rgb(230,230,230);
                    background:rgb(50,50,50);
                    text-decoration:none}