.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 {   /* necessaire IE*/
                    border: 2px #dcb ;  
                    border-color: #B44646;/*au lieu de #FFD478;*/
}

#icones a:hover img{                    
                    border: 0.15em 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, a.infoi {
                    position: relative;
                    text-decoration: none;
                    /*color: black;
                    border-bottom: 1px gray dotted;*/
}
a.info span,a.infoi span,a.infom span,a.infod span {
                    display: none;
}
a.info:hover, a.infoi:hover, a.infod:hover {
                    background: none; /* correction d'un bug IE */
                    z-index: 500;
}
a.info:hover span,a.infod: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;*/
}
/*pour conformité nouveaux diapos*/
a.infod:hover span img{
                    display: inline !important;
                    display: block;
                    border: 1px solid rgb(200, 200, 200);
                    position: absolute;
                    top: 0em;/*-7.4em;*/
                    left: 0em;
                    text-align: center;
                    color: white;
}

.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.3em 0.15em 0.3em 0.15em;/*0.3 au lieu 0.2 pour augm haut menu
                    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 p a.java {   font-size:1.2em;cursor: url("http://jjdoreau.fr/images/handbl.png"),auto !important; 
                    cursor: pointer;  }                    
#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}
div marquee#scrolleur a#lien {background:#E8BC5E;color:black;}
div marquee#scrolleur a#lien:hover {background:#B44646;color:white;}

#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; }
ul.map li a:link {  font-size:1.15em; font-family:cursive; color: black;}
ul.map li a:visited { font-size:1.15em; font-family:cursive; color: rgb(140, 56, 8);}
ul.map li a:hover { color:white;font-family:cursive;font-size:1.15em;background:#8C3808;padding-left:5px;padding-right:10px;}
ul.map{             padding:0; margin:0 0 0 4.9em; }
ul.mapactu{         padding:0; margin:0.8em 0 0.8em 4.9em; }
#mapbg ul {         list-style-type: none;float: right;margin-right: 25px; }
#mapbg ul li {      display: inline;}
#mapbg ul li a img { border: 2px solid transparent !important; border: 2px solid  #e7be7b;}
#mapbg ul li a:hover img{ border: 2px solid #e7be7b !important;border: none ; }/*0 pour ie sinon b-top est mangé*/
/*#mapbg ul li a { border: 0px !important; border: 2px solid  #e7be7b;}*/
#mapbg ul li a:hover{ border: 0px !important;border: 2px solid  white; }/* pour ie */
/********** CORPS  ACTU*/
#video {            display: none;}
div#actu div#corps h1 { margin-left: 20px;padding-top: 6px;background: transparent url(/images/h13.png)!important;background: transparent url(/images/h11.gif); height:30px;border-top:0; border-bottom:0;}
div#actu div#corps h2 { padding-left: 29px;background: transparent url(/images/h13.png)!important;background: transparent url(/images/h11.gif);border-bottom:0;border-top:0;color:black;font-size:1.5em;height:30px;margin-left:20px;padding-top:6px;}
div#actu div#menuvertical p a { color:black;}
div#actu div#menuvertical p a:hover{ color:#B11646 !important;border: 0px solid  transparent;background:0;}
div#actu p#menuhzactu a{     color:black;margin:0 0.5em;background:#E8BC5E;}
div#actu p#menuhzactu a:hover{color:white;color:rgb(240,240,240);background:rgb(180,70,70);width:auto;/* pour IE7 et IE6*/}
div#bg p#tit {      margin-left: 10px; padding-top: 10px; margin-top: 0px; color: #9F3E3E; font-size: 1.3em; font-family: cursive;}/*rgb(140, 56, 8)*/                 
div#actu {   margin-top: -20px;}
div#bg div#actu div#menuvertical {border-left: 0pt none; width: 170px ! important; width: 160px;float: right; font-family: verdana; font-size: 1.3em; padding-left: 30px;}
div#bg div#actu div#menuvertical b {color: black;font-size:1em;margin:0 0 0 -1.6em !important; margin:0 0 0 -1em;}
div#bg div#actu p#menuhzactu {font-family: cursive; font-size: 1.45em; height: 34px; margin-bottom: -16px; margin-left: 10px; margin-top: 0pt; padding-top: 18px;}
div#bg div#actu div#corps {margin-left: 20px; margin-right: 50px;}
div#actu div#corps p{font-size:1.1em;}
div#bg div#actu div#corps p a img{float: left; margin-right: 10px;}
/********** 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}