#banniere1 {
   float: left; /* La première partie sera à gauche*/
   width:82px; /* On définit la largeur de l'image */
   height: 100px; /* On définit la hauteur de l'image */
   background-image: url("banniere_g.png");
   background-repeat: no-repeat;
   margin-right: -10px; /*Pour que la partie 1 se colle à la 2.*/
           }
#banniere2 {
   width:auto; /* Se répétera sur la place qu'on lui donne. */
   height: 100px;
   background-image: url("banniere_m6.gif");
   background-repeat: repeat; /* Un repeat-x aurait suffit, mais comme on définit la hauteur c'est pas la peine*/
   margin-left : 50px;
           }
#banniere3 {
   float: right; /* La dernière partie est à droite */
   width:95px;
   height: 116px;
   background-image: url("banniere_d2.gif");
   background-repeat: no-repeat;
   margin-left : -5px; /*Pour que la partie 3 se colle à la 2.*/
           }           

.activez_javascript {    
       background-color:#E8D6C3;
       position:absolute;
       top:107px;
       color:#778;
	   font-family:"Bookman Old Style","Bitstream Vera Sans Mono"
	   , Arial, Verdana,"Century Gothic", Lucida,  sans-serif,
	    "courier new", monospace; 
	   font-size:1pt; 
       right:0px;
       border:1px solid;
       padding:5px;
       text-align:center;
       }

a.infobulle{    /* infobulle */
    position:relative; 
    z-index:24; 
    color:#000;
    text-decoration:none}
a.infobulle:hover{z-index:25; }
a.infobulle span{display: none}
a.infobulle:hover span{ 
                       position:absolute;
                       display:block; 
                       top:2em; right:2em; width:250px;
                       border:1px solid #6699cc;
                       background-color:#DABABE; color:#66000F;
                       text-align: justify;
                       font-weight:none;
                       padding:5px;   /* fin infobulle */
                      }
                                
                      
.options_javascript {
                     color:#6699cc;
                     font-size:8pt;
                     border:1px solid;
                     background-color:#EACACE;
                     }

.site_optimise_pour {    
       width:70px;
       position:absolute;
       top:220px;
       color:#778;
	   font-family:"Bookman Old Style","Bitstream Vera Sans Mono"
	   , Arial, Verdana,"Century Gothic", Lucida,  sans-serif,
	    "courier new", monospace; 
	   font-size:1pt; 
       left:0px;
       border:1px solid;
       padding:5px;
       }


body {
   margin: auto;
   margin-bottom: 20px;  
   background-attachment:fixed;
     }  
     
     
#elfe {
       position:relative;
       top:0px;
       left:0px;
       }

#menu {
       position:absolute;
       top:125px;
       left:20%;
       }

p.ici {    
       margin-top:35px;
       color:#3F3F59;
	   font-family:"Bookman Old Style","Bitstream Vera Sans Mono"
	   , Arial, Verdana,"Century Gothic", Lucida,  sans-serif,
	    "courier new", monospace; 
	   font-size:7pt; 
	   margin-left:10px;
       }

a.ici {    
       color:#1E1E38;
	   font-family:"Bookman Old Style","Bitstream Vera Sans Mono"
	   , Arial, Verdana,"Century Gothic", Lucida,  sans-serif,
	    "courier new", monospace; 
	   font-size:8pt; 
       }


#titre {
       position:absolute;
        font-weight:bold; 
       margin-top:150px;
       left:10%;
      filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;
       }


#barre {
       position:absolute;
       top:170px;
       right:0px;
       }

hr {
    margin-top:0px;
    }


#compteur1{
         position:absolute;
         top:300px;
         right:0px;
         color:#778;
	     font-family:"Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace; 
	     font-weight:bold;
	     font-size:8pt;        
         }
         
#liens_utiles {    
       background-color:#FFFFB5;
       position:absolute;
       top:330px;
       color:#778;
	   font-family:"Bookman Old Style","Bitstream Vera Sans Mono"
	   , Arial, Verdana,"Century Gothic", Lucida,  sans-serif,
	    "courier new", monospace; 
	   font-weight:bold;
	   font-size:9pt; 
       right:0px;
       border:1px solid;
       text-align:center;
       
       filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;   
       }
         
#livredor {         
         position:absolute;
         top:230px;
       right:0px;
         color:#24618E;
	     font-family:"Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace; 
	     font-size:8pt; 
	     border:1px solid #FCCE76;
	     text-align:center;
         }

.actu { 
	    position:absolute;
	    top:400px;
	    width:150px;
	    left:0px;
	    filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8; 
	     }        


.actu_3 { 
	    color:#944E56;
	    border-bottom: 5px solid #777788;
	     font-family: "Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace;
	     font-weight:bold;
	     font-size:7pt; 
	     text-align:center;
	     }

.actu_4 { 
	     border-top: 2px solid #778;
	    border-bottom: 1px solid #778;
	     border-left: 1px solid #778;
	     border-right: 1px solid #778;
	     font-family: "Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace;
	     font-size:8pt; 
	     color:#653438;
	     background-color:#F2ECDF;
	     }

table.comment {           
         position:absolute;
         top:600px;
         width:120px;
         font-size:8pt;
	    color:#351E29;
        font-size:8pt;
        background-color:#9292A0;
        border: 1px solid #FCCE76; 
        filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;
          }


p.comment {
        font-family:"Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace, Georgia, Monotype Corsiva, Haettenschweiler, Verdana,
                     Arial, sans-serif;
	    text-align:center;
	    color:#351E29;
        font-size:6pt;
        background-color:#FCE299;
        border: 2px solid #9292A0; 
        filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;
          }

      
A.type1:link {text-decoration: none; color: #756B24; font-family: Times New Roman, Arial; font-size: 10pt}
A.type1:visited {text-decoration: none; color: #6699CC; font-family: Times New Roman, Arial; font-size: 12pt}
A.type1:active {text-decoration: none; color: #FF0000; font-family: Times New Roman, Arial; font-size: 12pt}
A.type1:hover {text-decoration: underline; color: #AC3517; font-size: 15pt;}
         
A.type2:link {text-decoration: none; color: #756B24; font-family: Times New Roman, Arial; font-size: 10pt}
A.type2:visited {text-decoration: none; color: #6699CC; font-family: Times New Roman, Arial; font-size: 12pt}
A.type2:active {text-decoration: none; color: #FF0000; font-family: Times New Roman, Arial; font-size: 12pt}
A.type2:hover {text-decoration: underline; color: #E6E68A font-size: 15pt;}
         
A.type3:link {text-decoration: underline; color:#9292A0; font-family: "Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace; font-size: 8pt}       
A.type3:visited {text-decoration: underline; color: #9292A0; font-family: "Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace; font-size: 8pt}
A.type3:active {text-decoration: underline; color: #9292A0; font-family: "Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace; font-size: 8pt}
A.type3:hover {text-decoration: underline; color: #454979; font-family: "Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace;  font-size: 9pt;}



form {
      font-family:Times New Roman;
      font-size:12pt;
      color:#673220;
      font-weight:bold;
      text-align:center;
         }


#select {
         position:absolute;
         top:400px;
         right:5px;
         }



.tableau1 { 
	    position:relative;
	    border-top: 1px solid #778;
	    border-bottom: 1px solid #778;
	    margin-top:200px;
	    width:70%;
	    left:15%;
	    color:#783522;
	     font-family:"Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace; 
	    font-size:9pt;
	    text-align:justify;
	    font-weight:bold;
	     }



.tableau { 
	     position:relative;
	    border-top: 1px solid #000000;
	    border-bottom: 2px solid #000000;
	    margin-top:100px;
	    width:70%;
	    left:20%;
	    color:#783522;
	     font-family:"Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace; 
	    font-size:9pt;
	    text-align:justify;
	    font-weight:bold;
	    
	     }

.titre { 
	     color:#783522;
	     font-family:"Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace; 
	     font-weight:bold;
	     font-size:11pt; 
	     margin-bottom:100px;
          background-color:#A3A3B4;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.7;
	     }

	     
.titre1 { 
	     color:#000000;
	     border-top: 5px solid #764336;
	    border-bottom: 2px solid #000000;
	     font-family:"Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace; 
	     font-weight:bold;
	     font-size:12pt; 
	     margin-bottom:100px;
          background-color:#C4B4B8;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.6;
	     }

.titre2 { 
	     color:#000000;
	     border-top: 5px solid ;
	    border-bottom: 2px solid #000000;
	     font-family:"Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace; 
	     font-weight:bold;
	     font-size:12pt; 
	     margin-bottom:100px;
          background-color:#C3A5B9;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.6;
	     }


p.red {
        color:red;
        font-size:15pt;
        }
         
p.avis {
        color: #FF0000;
        }   
        
tr.essai2 {
          padding-top:100px;
          }


td.descriptif {
          padding:1em;
          line-height: 100%;
          background-color:#E6CCAF;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.7;
          }

.quatrieme {
            color:#64343A;
            text-decoration:underline;
 
            font-size:11pt;
            }
    
.detail {
            border:1px solid;  
            padding:1em;   
            background-color: #D2BAA2;    
            }   
                
td.image {
         background-color:#D3BDA8; 
         filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;
            }
 
.in_3 { 
	    color:#944E56;
	    border-bottom: 5px solid #777788;
	     font-family: "Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace;
	     font-weight:bold;
	     font-size:7pt; 
	     text-align:center;
	     }

.in_4 { 
	     border-top: 2px solid #778;
	    border-bottom: 1px solid #778;
	     border-left: 1px solid #778;
	     border-right: 1px solid #778;
	     font-family: "Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace;
	     font-size:8pt; 
	     color:#653438;
	     background-color:#F2ECDF;
	     }

.grande_lettre {
               font-size:50pt;
               float:left;
               padding:15px;
               }


p.commentaires { 
                border-left: 1px solid #778;
                border-right: 1px solid #778;
	            font-family: "Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace;
	            font-size:9pt;
	            margin-left:-100px;
                padding:1em;
                color:#303D05;
                margin-right:150px;
                }

.dehors {
        padding:2em;
        
        }


.dedans {            
          margin-top:30px;
          position:relative;
          height:100px;
          padding:5px;
          background-color: #FEE5CE;
          border:2px solid;
          color:#3E0000;
	      font-size:11pt;
	      font-style:italic;
          overflow:scroll;
          font-weight:normal;
            } 

a.suite {
        color:#B46636;
        font-size:9pt;
        font-style:italic; 
        top:10px;
        }         
a.suite:hover {text-decoration: underline overline; color: #8E5028; font-size:10pt;}
      
img.elfe_float {
                float:left;
                padding:5px;
                }     


.haut_de_page {
                float:right;
                margin-top:50px;
                }

.bareme { 
         margin-top:90%;
 	     font-family:"Bookman Old Style", Arial, 
 	     Verdana, sans-serif, "courier new", monospace;
         margin-left:5px; 
         
        }      
          
a.infobulle_2{    /* infobulle */
    position:relative; 
    z-index:24; 
    color:#000;
    text-decoration:none}
a.infobulle_2:hover{z-index:25; }
a.infobulle_2 span{display: none}
a.infobulle_2:hover span{ 
                       position:absolute;
                       display:block; 
                       bottom:30px; left:px; width:;
                       border:1px solid #6699cc;
                       background-color:#DABABE; color:#66000F;
                       text-align: justify;
                       font-weight:none;
                       padding:px;   /* fin infobulle */
                      }
                

#footer {
          position:absolute;     
          width: 60%;
          margin-top:50px;
          left:20%;
          padding-top: 10px;
          text-align:center;
         }
         
#contenu {
            padding-bottom: 5px;
             }
#contenu p {
              color:#994C4C;
 	            padding-top: 15px;
 	            }       
a.mail {
              color:#7E3131;
              
             }
a.mail:hover {text-decoration: underline; color: #AC3517; font-size: 13pt;}