/* = = = = = = = = = = = = = =
   AFFICHAGE DES PROTRAITS
   = = = = = = = = = = = = = = */
.entoureEleve{ 
               margin: 0px 1px 1px 15px;
 }





.eleve { 
         float: left;
         width: 100px;
         height:auto;
         
         border: 1px solid black;
         margin: 2px 1px 2px 1px;
         padding: 2px 1px 2px 1px;
}


.eleve a{ 
          text-align:left;
          text-decoration:none;
          color:#FFFFFF;    
}

.eleve a:hover{
                color:#7F99A8;
 } 

.eleve span { 
              font-size: x-small;
              
 }

.pair {
        background-color: #947221;
        height:145px;
        float:left;
}

.impair {
          background-color: #8F591F;
          height:145px;
          float:left;
}



.fonceColoriage{
                 float: left;
                 width: 95px;
                 height:100px;
                 
                 border: 1px solid black;
                 margin: 2px 5px;
                 padding:2px;
                 background-color: #947221;
 }

.clairColoriage{ 
                 float: left;
                 width: 90px;
                 height:100px;
                 border: 1px solid black;
                 margin: 2px;
                 padding:2px;
                 background-color: #8F591F;
 }




span.imgColor img{ 
               width: 70px;
               height:auto;
               margin:auto;
               padding:2px;
               text-align:center;

 }


span.imgColor a{ 
                 width: 70px;
                 height:auto;
                 margin:auto;
                 padding:3px;
                 text-align:center;
                 text-decoration:none;
                 color:#FFFFFF; 

 }



span.imgColor a:hover{
                color:#7F99A8;
 } 



#photoAffiche{ 
        margin:0px;
        
        height:auto;
        float:left;
 }

#photoAffiche a{ 
               color:#4F00EB; 
 }


#photoAffiche a:hover{ 
                 color:#330033;
}


#photoAffiche img{ 
            margin:0px;
            padding: 3px;
            height:auto;
            width:90px;
 }



/* = = = = = = = = = = = = = =
   Liens de pages
   = = = = = = = = = = = = = = */

.liens{ 
      /*color:#000099;*/
        font-size: 16px;
        text-align: center;
      
 }

.liens a{ 
          color:#4F00EB; 
          font-size: 14px;
 }


/* = = = = = = = = = = = = = =
   Liens de pages À la Une
   = = = = = = = = = = = = = = */

.bookmarkUne { 
            width: 450px;
            height:255px;
            border: 1px solid black;
            margin: 10px 4px 5px 5px;
            padding: 5px;
}




.bookmarkUne a{ 
             text-align:left;
             text-decoration:none;
             color:#FFFFFF;    
}

.bookmarkUne a:hover{
                   color:#7F99A8;
 } 

.bookmarkUne span { 
  font-size: x-small;
 display: block;
 }


#photoUne{ 
       margin:0px;
        height:auto;
           
 }

#photoUne img{ 
           margin:0px;
            padding: 2px;
            height:auto;
            width:120px;
 }




#dateUne{ 
          width:70%;
          text-align:center;
          color:#000099;
          font:italic bold 10px georgia, verdana, serif;
          margin:auto;
          padding: 3px;
 }



#titreUne{ 
          width:100%;
          text-align:center;
          margin:auto;
          padding: 3px;
 }


.textuelUne{ 
             text-align:left;
             width:450px;
             padding: 2px;
             margin:auto;
 }


#rappelSousMenusUne{ 
                     text-align:center;
                     margin:20px 0px 0px 0px;
                     font:italic bold 12px georgia, verdana, serif;
                     color:#990066;
 }



#commentaireUne{ 
                 font: bold 12px georgia, verdana, serif;

 }



#nomSitedUne{ 
           font-size:12px; 
           width: 440px;
         
           clear:both;
           margin:2px;
              padding:3px;
           float:left;
           text-align:justify;
              height:80px;
              overflow:auto;
 }








/* = = = = = = = = = = = = = =
   Liens Affichage Photo
   = = = = = = = = = = = = = = */


#datePhoto{ 
          width:70%;
          text-align:center;
          color:#000099;
          font:italic bold 10px georgia, verdana, serif;
          margin:auto;
          padding: 3px;
 }



#titrePhoto{ 
          width:100%;
          text-align:center;
          margin:auto;
 }



#rappelSousMenusPhoto{ 
                     text-align:center;
                     margin:0px 0px 0px 0px;
                     font:italic bold 12px georgia, verdana, serif;
                     color:#990066;
 }




#Photo img{ 
           margin:0px;
            padding: 2px;
            height:auto;
            width:250px;
 }


span.imgPhoto img{
 width:70px;
 height:auto;
  margin:auto;
 padding:15px 0px 0px 0px;
 }

span.imgPhoto{ 
  margin:auto;
 padding:10px 0px 0px 0px;
 }

span.imgPhoto a{ 
  border:0px; 
 padding:10px 0px 0px 5px;
 }

span.imgPhoto a:hover{
                color:#7F99A8;
}






/* = = = = = = = = = = = = = =
   affichage diaporama
   = = = = = = = = = = = = = = */


#reservoir { 
             visibility: hidden;
             width: 100%;
             height: 100%;
             position: absolute;
             top: 0px;
             left: 0px;
             text-align: center;
             padding-top: 10px;
            background-color: #8F591F;
             z-index:1000;
 }



#reservoirDefault { 
             visibility: hidden;
             width: 510px;
             height:auto;
             position: absolute;
             top: 90px;
             left: 300px;
             text-align: center;
             padding-top: 10px;
             background-color: #707685;
             z-index:1000;
             
 }




#listeDiapo{ 
  width:445px;
  height:200px;
  margin:auto;

 }

.fonceDiap{
  line-height:0px;
  width:440px;
  height:25px;
  float:left;
  padding: 3px;
  margin: auto;
 background-color: #8F591F;
 }

.clairDiap{ 
  line-height:0px;
  width:440px;
  height:25px;
  float:left;
  padding: 3px;
  margin: auto;
   background-color: #947221;
 margin-top:5px;
  margin-bottom:5px;
 }


span.descDiap{ 
  padding:5px 0px 0px 5px;
  float:left;
  font:normal 12px georgia,sans-sherif;
 }

.descDiap a{ 
  color: #494721;
  font:bold 12px georgia,sans-sherif;

 }

span.expDiap{
  padding:5px;
  float:left;
  font:italic 12px georgia,sans-sherif;
 }


.lienListeDiap{
                  float:right;
                  
                  margin:5px;
                  padding:0px 0px 0px 0px;
                  font:bold 12px georgia, verdana, serif;
 } 


.lienListeDiapClass{
                     float:right;
                     text-align:center;
                     margin:5px;
                     padding:0px 0px 0px 0px;
                     font:bold 12px georgia, verdana, serif;
 } 


.DiapoVuArc{ 
          float:left;
          text-align:right;
          width: 440px;
          height:auto;
          border: 1px solid black;
          margin: auto;
          padding: 5px 10px 5px 5px;
             background-color: #947221;
 }


#DescDiapoVu{ 
              font-size:12px; 
              width:430px;
             
              clear:both;
              margin:2px;
              float:left;
              text-align:justify;
              font:normal 12px georgia, verdana, serif;
 }


#DescDiapoVu a{ 
                font:bold 14px georgia, verdana, serif;
               color:#FFFFFF;   
 }



#DescDiapoVu a:hover{
                       
  color: #494721;
 } 


.DescDiapoVuLigne{ 
                   width: 440px;
                   float:left;
             text-align:right;
 }

#DescDiapoNiveau{ 
                  width:50%;
                  float:left;
                  text-align:left;
                  margin: 0px 0px 0px 0px;
 }

#DescDiapoClass{ 
                  float:left; 
                    text-align:left;
                  margin: 0px 0px 0px 0px;

 }

#DescDiapoVuDesc{ 
                  font-size:12px; 
                  width:430px;
                  height:60px;
                  clear:both;
                  margin:2px;
                  float:left;
                  text-align:justify;
                  font:normal 12px georgia, verdana, serif;
                  overflow:auto;
 }



#TitreDiapoVu{ 
               margin: 0px 5px 0px 0px;
               font-size:12px; 
               color:#000099;
               width:120px;
               text-align:right;
               float:left; 
               font:bold 12px georgia, verdana, serif;
 }


#TitreDiapoVuNiveau{ 
                     width:110px;
               margin: 0px 5px 0px 0px;
               font-size:12px; 
               color:#000099;
               width:100px;
               text-align:right;
               float:left; 
               font:bold 12px georgia, verdana, serif;
              clear:both;
 }



#TitreDiapoVuClass{ 
                    color:#000099;
                    
                    font:bold 12px georgia, verdana, serif;
                    float:left; 
                    text-align:left;
 }


.lienListeDiapVu {
                 width:50%;
                   float:left;
                   text-align:center;
                 
 } 

.lienListeDiapVu a{
                  text-align:center;
                  margin:5px 50px 0px 0px;
                  padding:0px 0px 0px 5px;
                  font:bold 12px georgia, verdana, serif;
 } 




#imgDiapo{ 

 margin: auto;
 padding:0px;
 }

 
 #imgDiapo img{ 
               margin:0px 40px 0px 120px;
               padding: 5px;
               
               height:auto;
               width:70px;
 }
 






#imgDiapoColor{ 

 margin: auto;
 padding:0px;
 }

#imgDiapoColor img{ 
               margin-left:170px;
               padding: 5px;
               
               height:auto;
               width:110px;
 }



/************************************
Listes Extraliens

************************************/
.extrasLiens{ 
              width:430px;
              height:70px;
              float:left;
              
              border: 1px solid black;
              margin: 5px 1px 2px 1px;
              padding: 4px 1px 2px 1px;

 }




.extrasLiens a{ 
          text-align:left;
          color:#FFFFFF; 
  
} 


.extrasLiens a:hover{
                color:#7F99A8;
 } 




.fonce{
  line-height: 17px;
  width:430px;
  height:70px;
  float:left;
  padding: 3px 3px 3px 3px;
  margin: auto;
 background-color: #8F591F;

 }

.clair{
  line-height: 17px;
  width:430px;
  height:70px;
  float:left;
  padding: 3px 3px 3px 3px;
  margin: auto;
        margin-top:5px;
        margin-bottom:5px;
  background-color: #947221;

 }




.lienListe{ 
  float:right;

 }

span.img{ 
  float:left;
 padding:10px 0px 0px 0px;
 }

span.img a{ 
  border:0px; 
 padding:10px 0px 0px 5px;
 }

span.img a:hover{
                color:#7F99A8;
}



span.desc{ 
  text-align:left;
  padding:15px 0px 0px 8px;
  float:left;
  font:normal 12px georgia,sans-sherif;
 }

span.exp{ 
  width:60px;
  text-align:right;
  padding:15px 0px 0px 10px;
  float:left;
  font:italic 12px georgia,sans-sherif;
 }