#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:#8C8C9D;
	   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;
       background-color:#545454;
       text-align:center;
       }
       
body {
   margin: auto;
   margin-bottom: 20px;  
   background-color:#E5E2C5;
     }  
     
#tout {
       background-color:#57483F;
      }
     
#elfe {
       position:relative;
       top:0px;
       left:0px;
       }

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

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

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

#titre {
       position:absolute;
       top:244px;
       left:15%;
	   border-left:5px solid #545454;
	   border-bottom:5px solid #545454;
       padding-left:50px;
       padding-right:50px;
       }

h1.titre_contenu {
            border-bottom:2px solid #997075;
            border-left:2px solid #997075;
            padding:10px;
            background-color:#6C5E61;
            }


#barre {
       position:absolute;
       top:170px;
       right:0px;
       font-family:"Bookman Old Style","Bitstream Vera Sans Mono"
	   , Arial, Verdana,"Century Gothic", Lucida,  sans-serif,
	    "courier new", monospace; 
       color:#4E8BB8;
       }

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;        
         }
         

#sondage_1 {
         position:absolute;
         top:400px;
         right:0px;
         }


#livredor {         
         position:absolute;
         top:230px;
       right:0px;
         color:#6FACD9;
	     font-family:"Bookman Old Style","Bitstream Vera Sans Mono", Arial, Verdana,"Century Gothic", Lucida,  sans-serif, "courier new", monospace; 
	     font-size:8pt; 
	     text-align:center;
         }



/*  ---------------------------------------------  */

p.comment {
        position:relative;
        margin-top:250px;
	    margin-left:25%;
        width:530px;
        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:#804B51;
	    padding:20px;
        font-size:9pt;
        background-color:#E2C9B0;
   repeat:no repeat;
   line-height:100%;
   font-weight:bold;
   border: 1px solid #AE646D;
        filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;
        }

       
img.panneau {
             float:left;
             padding-left:10px;
             padding-top:5px;
             } 



table.ref {
             top:0px;
             font-size:10pt;
 	          font-family:font-family: "Bookman Old Style",
 	          "Bitstream Vera Sans Mono", Arial, Verdana,
 	          "Century Gothic", Lucida,  sans-serif, 
 	          "courier new", monospace;
            color:#923525;
            }

#cadre_a {
          position:relative;     
          width: 200px;
          top:200px;
          left:20%;
          padding-top: 10px;
          background: url(cadre_haut_a.gif)
          top left  no-repeat;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;    
         }
#bloccadre_a {
           background: url(cadre_bas_auteurs.gif) 
                        bottom left no-repeat;
            padding-bottom: 35px;
             }
#bloccadre_a p {
              color:#994C4C;
 	            padding-top:5px;
 	            }       
#cadre_b {
          position:relative;   
          width: 200px;
          top:300px;
          left:50%;
          padding-top: 10px;
          background: url(cadre_haut_b.gif)
                      top left  no-repeat;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;            
          }
#bloccadre_b {
            background: url(cadre_bas_auteurs.gif) 
                        bottom left no-repeat;
            padding-bottom: 35px;
             }
#bloccadre_b p {
              color:#994C4C;
              padding-top: 5px;
               }       

#cadre_c {
          width: 200px;
          top:300px;
          left:15%;
          position:relative;   
          padding-top: 10px;
          background: url(cadre_haut_c.gif)
                      top left  no-repeat;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;            
          }
#bloccadre_c {
            background: url(cadre_bas_auteurs.gif) 
                        bottom left no-repeat;
            padding-bottom: 35px;

             }
#bloccadre_c p {
              padding-top: 5px;
               } 

#cadre_d {
          width: 200px;
          top:350px;
          left:55%;
          position:relative;   
          padding-top: 10px;
          background: url(cadre_haut_d.gif)
                      top left  no-repeat;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;            
          }
#bloccadre_d {
            background: url(cadre_bas_auteurs.gif) 
                        bottom left no-repeat;
            padding-bottom: 35px;

             }
#bloccadre_d p {
              padding-top: 5px;
               } 

#cadre_e {
          width: 200px;
          top:450px;
          left:20%;
          position:relative;   
          padding-top: 10px;
          background: url(cadre_haut_e.gif)
                      top left  no-repeat;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;            
          }
#bloccadre_e {
            background: url(cadre_bas_auteurs.gif) 
                        bottom left no-repeat;
            padding-bottom: 35px;

             }
#bloccadre_e p {
              padding-top: 5px;
               } 

#cadre_f {
          width: 200px;
          top:450px;
          left:55%;
          position:relative;   
          padding-top: 10px;
          background: url(cadre_haut_f.gif)
                      top left  no-repeat;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;            
          }
#bloccadre_f {
            background: url(cadre_bas_auteurs.gif) 
                        bottom left no-repeat;
            padding-bottom: 35px;

             }
#bloccadre_f p {
              padding-top: 5px;
               } 

#cadre_g {
          width: 200px;
          top:500px;
          left:20%;
          position:relative;   
          padding-top: 10px;
          background: url(cadre_haut_g.gif)
                      top left  no-repeat;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;            
          }
#bloccadre_g {
            background: url(cadre_bas_auteurs.gif) 
                        bottom left no-repeat;
            padding-bottom: 35px;

             }
#bloccadre_g p {
              padding-top: 5px;
               } 

#cadre_h {
          width: 200px;
          top:500px;
          left:55%;
          position:relative;   
          padding-top: 10px;
          background: url(cadre_haut_h.gif)
                      top left  no-repeat;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;            
          }
#bloccadre_h {
            background: url(cadre_bas_auteurs.gif) 
                        bottom left no-repeat;
            padding-bottom: 35px;

             }
#bloccadre_h p {
              padding-top: 5px;
               } 

#cadre_k {
          width: 200px;
          top:550px;
          left:20%;
          position:relative;   
          padding-top: 10px;
          background: url(cadre_haut_k.gif)
                      top left  no-repeat;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;            
          }
          
#bloccadre_k {
            background: url(cadre_bas_auteurs.gif) 
                        bottom left no-repeat;
            padding-bottom: 35px;
             }
#bloccadre_k p {
              padding-top: 5px;
               } 

#cadre_l {
          width: 200px;
          top:650px;
          left:55%;
          position:relative;   
          padding-top: 10px;
          background: url(cadre_haut_l.gif)
                      top left  no-repeat;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;            
          }
#bloccadre_l {
            background: url(cadre_bas_auteurs.gif) 
                        bottom left no-repeat;
            padding-bottom: 35px;

             }
#bloccadre_l p {
              padding-top: 5px;
               } 

#cadre_m {
          width: 200px;
          top:650px;
          left:20%;
          position:relative;   
          padding-top: 10px;
          background: url(cadre_haut_m.gif)
                      top left  no-repeat;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;            
          }
#bloccadre_m {
            background: url(cadre_bas_auteurs.gif) 
                        bottom left no-repeat;
            padding-bottom: 35px;

             }
#bloccadre_m p {
              padding-top: 5px;
               } 

#cadre_p {
          width: 200px;
          top:650px;
          left:55%;
          position:relative;   
          padding-top: 10px;
          background: url(cadre_haut_p.gif)
                      top left  no-repeat;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;            
          }
#bloccadre_p {
            background: url(cadre_bas_auteurs.gif) 
                        bottom left no-repeat;
            padding-bottom: 35px;

             }
#bloccadre_p p {
              padding-top: 5px;
               } 

#cadre_r {
          width: 200px;
          top:750px;
          left:20%;
          position:relative;   
          padding-top: 10px;
          background: url(cadre_haut_r.gif)
                      top left  no-repeat;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;            
          }
#bloccadre_r {
            background: url(cadre_bas_auteurs.gif) 
                        bottom left no-repeat;
            padding-bottom: 35px;

             }
#bloccadre_r p {
              padding-top: 5px;
               } 

#cadre_s {
          width: 200px;
          top:750px;
          left:55%;
          position:relative;   
          padding-top: 10px;
          background: url(cadre_haut_s.gif)
                      top left  no-repeat;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;            
          }
#bloccadre_s {
            background: url(cadre_bas_auteurs.gif) 
                        bottom left no-repeat;
            padding-bottom: 35px;

             }
#bloccadre_s p {
              padding-top: 5px;
               } 

#cadre_u {
          width: 200px;
          top:800px;
          left:20%;
          position:relative;   
          padding-top: 10px;
          background: url(cadre_haut_u.gif)
                      top left  no-repeat;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;            
          }
#bloccadre_u {
            background: url(cadre_bas_auteurs.gif) 
                        bottom left no-repeat;
            padding-bottom: 35px;

             }
#bloccadre_u p {
              padding-top: 5px;
               } 


#cadre_v {
          width: 200px;
          top:750px;
          left:55%;
          position:relative;   
          padding-top: 10px;
          background: url(cadre_haut_v.gif)
                      top left  no-repeat;
          filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;            
          }
#bloccadre_v {
            background: url(cadre_bas_auteurs.gif) 
                        bottom left no-repeat;
            padding-bottom: 35px;

             }
#bloccadre_v p {
              padding-top: 5px;
               } 




A.type1:link {text-decoration: underline; color: #756B24; font-family: Times New Roman, Arial; font-size: 10pt}
A.type1:visited {text-decoration: underline; color: #6699CC; font-family: Times New Roman, Arial; font-size: 10pt}
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: #AC3517; font-size: 15pt;}


#bareme { 
         height:200px;
         margin-top:275px;
 	     font-family:"Bookman Old Style", Arial, 
 	     Verdana, sans-serif, "courier new", monospace;
         margin-left:5px; 
         filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;  
        }        
         
 #bareme span{ 
 	     color:red;
         font-size:15pt;
         filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;  
        }
         
.cliquez{ 
 	     color:#1C1010;
         font-size:10pt;
         margin-left:5px;
         font-weight:bold;
         filter:alpha(opacity=80); /*effet transparence */
	-moz-opacity:0.8;
	opacity: 0.8;  
        }
         
.image_bareme {
               float:left;
               margin-left:5px;
              }         
         
.rectangle {
            float:left;
            margin-left:10px;
            border:0px;
           }          




#footer {
          position:relative;     
          width: 60%;
          margin-top:1000px;
          left:20%;
          padding-top: 10px;
          text-align:center;
         }
         
#contenu {
          position:absolute;
            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;}



 #liens_referencement {    
       position:absolute;
       top:2000px;
       left:0px;
       }