/*****************************************************************/
/* ########  ORGANISATION GÉNÉRALE DE LA PAGE ######## */
/*****************************************************************/
body{ 
      margin : auto;
      padding-top : 20px;
      font-family : verdana, helvetica, arial, times;
      font-size : 11px;
      line-height : 17px;
      text-align : center;
      width : 807px;
      height : 614px;
      /*background-color:#C6D2D2;*/
 }


/*****************************************************************/
/*################################ PARTIE HAUTE DE LA PAGE: 
CONTENANT LA PARTIES HAUTE PLUS RACOURCIS###################### */
/*****************************************************************/
.top { 
       width : 100%;
       height :auto;  
       margin : 0px 0px 0px 0px;
       float:left; 
  
}

#topLeft { 
           background-image:url("../imagesPageRond/page_rond_01.png");
           background-repeat:no-repeat;
           width:205px;
           height:75px;
           float:left;
           margin: auto;
           /*background-color:#FFFF99;*/
  
}


#topCentre { 
             background-image:url("../imagesPageRond/page_rond_02.png");
             background-repeat:no-repeat;
             width:390px;
             height:75px;
             float:left;
             margin: auto;
           
}

/***********************************************************/
/***************RACOURCIS**********************/
/***********************************************************/
#topRight { 
            width : 212px;
            height : 75px;
            margin : 0px 0px 0px 0px;
            float:left; 
  
}

#interHome{ 
            background-repeat : no-repeat;
            width : 72px;
            height : 75px;
            margin : 0px 0px 0px 0px;
            float:left;

 }



#interPlan{ 
            background-repeat : no-repeat;
            width : 63px;
            height : 75px;
            margin : 0px 0px 0px 0px;
            float:left;

 }



#interMail{ 
            background-repeat : no-repeat;
            width : 77px;
            height : 75px;
            margin : 0px 0px 0px 0px;
            float:left;

 }
/*****************************************************************/
/*########################## FIN DE LA PARTIE HAUTE DE LA PAGE: 
CONTENANT LA PARTIES HAUTE PLUS RACOURCIS#################### */
/*****************************************************************/


/*****************************************************************/
/*######################## PARTIE INTERMÉDIARE HAUTE DE LA PAGE: 
CONTENANT LE TEXTE GAUCHE, L'IMAGE OU ILLUSTRATION ET LE TITRE DU SITE#### */
/*****************************************************************/
.inter { 
         width : 807px;
         height : 165px;
         margin : 0px 0px 0px 0px;
        
}



#interLeft { 
             background-image:url("../imagesPageRond/page_rond_06.png");
             background-repeat:no-repeat;
             width:205px;
             height:165px;
             float:left;
             margin: auto;
            
}


#texteGche{ 
            text-align:center;
            width:190px;
            text-decoration:underline;
            margin: 10px 5px 5px 5px;
            padding: 2px;
            font:italic bold 14px georgia, verdana, serif;
            color:#B6DCEF;
 }



.defilement{ 
             padding:1px;
             margin: 0px 0px 0px 25px;
             width:160px;
             height:40px;
             overflow:auto;
             /*background-color:#FFFF99;
                height:auto;
                position:absolute;*/
 }







#titreTexte{ 
              text-align:center;
             font:italic bold 12px georgia, verdana, serif;
             width:auto;
             height:auto;
 }



#interCentre { 
               background-image:url("../imagesPageRond/page_rond_07.png");
               background-repeat:no-repeat;
               width:390px;
               height:165px;
               float:left;
               margin: auto;
  
}



#entete{ 
         margin: 40px 0px 0px 0px;

 }

#titre{ 
        width:390px;
        text-align:center;
        clear: both;
        font:italic bold 15px georgia, verdana, serif;
        margin: 5px 20px 5px 5px;
        color:#17042D;
 }

#titreArianne{ 
        text-align:left;
        clear: both;
        font:italic bold 10px georgia, verdana, serif;
        margin: 10px 2px 10px 10px;
 }


#titreB{ 
        width:390px;
        text-align:center;
        clear: both;
        font:italic bold 17px georgia, verdana, serif;
        margin: 20px 2px 2px 2px;
        color:#17042D;
 }



#sousTitre{ 
            clear:both;
            margin: auto;
            font:italic bold 15px georgia, verdana, serif;
            color:#534206;


 }



#sousMenus{ 
            clear:both;
            margin: auto;
            font:italic bold 12px georgia, verdana, serif;
            color:#785001;
            /*color:#805601;*/
 }


#sousMenus a, #titreArianne a{ 
                       
              text-align:left;
              text-decoration:underline;
              /*color:#FFFFFF;*/
              color:#4F00EB;
 }

#sousMenus a:hover, #titreArianne a:hover{
                   color:#330033;
 } 



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


#liensMater { 
             clear:both;
             margin: 10px 0px 0px 0px;
             font:italic bold 13px georgia, verdana, serif;
             color:#7B4C1B;

 }

#liensMater a{ 
             clear:both;
             margin: 0px 0px 0px 0px;
             font:italic bold 13px georgia, verdana, serif;
             color:#245b77;

 }

#interRight { 
              background-image:url("../imagesPageRond/page_rond_08.png");
              background-repeat:no-repeat;
              width:212px;
              height:165px;
              float:left;
              margin: auto;
  
}


.illustration{ 
              
               width:auto;
               height:auto;
               margin:auto;
 }


.illustration img{ 
                   margin:35px 15px 0px 0px;
                   padding: 0px;
                   height:auto;
                   height:auto;
                   width:140px;

 }


.illustrationSM{ 
              
               width:auto;
               height:auto;
               margin:auto;
 }


.illustrationSM img{ 
                   margin:25px 0px 0px 0px;
                   padding: 0px;
                   height:auto;
                   height:auto;
                   width:120px;

 }


/*****************************************************************/
/*############ FIN DE LA PARTIE INTERMÉDIARE HAUTE DE LA PAGE: 
CONTENANT LE TEXTE GAUCHE, L'IMAGE OU ILLUSTRATION ET LE TITRE DU SITE#### */
/*****************************************************************/

#liensTopLeft{ 
          
           padding:20px 0px 0px 0px;
           margin: 30px 5px 0px 0px;
          font:italic bold 14px georgia, verdana, serif;

}

#liensAccSite{ 
          
               padding:10px 10px 0px 0px;
               margin: 10px 10px 0px 10px;
               font:italic bold 14px georgia, verdana, serif;

}


#liensAccSite a{
                 text-decoration: none;
                 display:block;
                 color:#330033;
 }      



#liensAccSite a:hover{
                       color:#7F99A8;
 }   


/*****************************************************************/
/*############## PARTIE CENTRALE DE LA PAGE: 
   CONTENANT LES MENULEFT, MENURIGHT ET LE CONTENU ########## */
/*****************************************************************/
.centre { 
          width : 807px;
          height : 366px;
          float:left;
          
}



/***********************************************************/
/***************PARTIE CENTRE ET MENULEFT*********************/
/***********************************************************/
.menuLeft { 
            width : 150px;
            height : 364px;
            float:left; 
            font:italic bold 15px georgia, verdana, serif;
}


#menuLeftA{ 
            background-image:url("../imagesPageRond/page_rond_09.png");
            background-repeat:no-repeat;
            width:150px;
            height:105px;
            float:left;
            margin: auto;

 }

#menuLeftB{ 
            background-image:url("../imagesPageRond/page_rond_12.png");
            background-repeat:no-repeat;
            width:150px;
            height:91px;
            float:left;
            margin: auto;

 }



#menuLeftC{ 
            background-image:url("../imagesPageRond/page_rond_14.png");
            background-repeat:no-repeat;
            width:150px;
            height:170px;
            float:left;
            margin: auto;

 }




#liensGcheA{ 
             padding-top:15px;
             padding-right:25px;
             margin-top: 30px;
             width:auto;
             height:auto;
             display:block;
}


#liensGcheB{ 
             padding-top:10px;
             padding-right:15px;
             margin-top: 25px;
             width:auto;
             height:auto;

}



#liensGcheC{ 
             padding-top:10px;
             margin-top: 15px;
             margin-left:25px;
             width:auto;
             height:auto;
             text-align:center;
}


#liensGcheA a, #liensGcheB a, #liensGcheC a{
                      text-decoration: none;
                      display:block;
                      color:#330033;
 }      

#liensGcheA a:link, #liensGcheB a:link, #liensGcheC a:link{
                      display:block;
                      color:#330033;

}


#liensGcheA a:visited, #liensGcheB a:visited, #liensGcheC a:visited{
                      display:block;
                      color:#330033;

}




#liensGcheA a:hover, #liensGcheB a:hover, #liensGcheC a:hover{
                      display:block;
                      color:#7F99A8;

}
/***********************************************************/
/***************FIN DE LAPARTIE CENTRE ET MENULEFT************/
/***********************************************************/


/***********************************************************/
/***************PARTIE CENTRE CENTRE*********************/
/***********************************************************/
.contentCentre{ 
                background-image:url("../imagesPageRond/page_rond_10.png");
                background-repeat:no-repeat;
                width:500px;
                height:366px;
                float:left;
                margin: auto;

 }


#contenus{ 
           width:455px;
           text-align: center;
           font:bold 12px georgia, verdana, serif;
           float: left;
           padding:5px;
           margin: auto;
           margin-left:20px; 
           padding-top:0px;
         
 }
 
 
 
 #contenusDesc{ 
           width:450px;
                overflow:auto;
                max-height:230px;
           text-align: justify;
           float: left;
           padding:5px;
           margin:5px;
          font:italic bold 13px georgia, verdana, serif;
         
 }
 




#explication { 
               width : 450px;
               height : auto;
               font:italic bold 12px georgia, verdana, serif;
               text-align:center;
               margin:5px; 
               padding:0px 0px 0px 0px;

}



#explicationRond { 
               width : 360px;
               height : auto;
               font:italic bold 12px georgia, verdana, serif;
               text-align:center;
               margin:auto; 
               padding:0px 0px 0px 0px;

}


#explicationDefault { 
               width : 370px;
               height : auto;
               font:italic bold 12px georgia, verdana, serif;
               text-align:center;
               margin:auto; 
               padding:2px;
               color:black;
}


#travaux{ 
          margin :0px 0px 0px 150px;
          width : auto;
          height : auto;
 }


#nomSited{ 
           text-align:justify;
}

#nomSiteb{ 
           text-align:left;
 }

#titreGestion{ 
               /*color:#17042D;*/
               color:#214152;
               width:100%;
               float:left;
               font-size:13px; 
 }



#nomSitea, #nomSited, #nomSitee, #nomSitef{ 
           font-size:12px; 
           width:auto;
           clear:both;
           margin:2px 0px 2px 0px;
           float:left;
           text-align:justify;
 }

#nomSitef{ 
          
           margin:5px 0px 2px 0px;
          
 }


#nomSiteeLiens, #nomSitefLiens{ 
           font-size:14px; 
           width:auto;
           clear:both;
           margin:2px 0px 2px 0px;
           float:left;
           text-align:right;
           color:#534206;
           /*color:#3F3E35;*/
 }


#nomSiteeLiens a, #nomSitefLiens a{ 
                font: bold 13px georgia, verdana, serif; 
              text-align:left;
              color:#4F00EB;
 }


#nomSiteeLiens a:hover, #nomSitefLiens a:hover{
                   color:#330033;
              text-decoration:underline;
 } 



/***********************************************************/
/***************FIN DE LA PARTIE CENTRE CENTRE************/
/***********************************************************/





/***********************************************************/
/***************PARTIE CENTRE ET MENURIGHT*********************/
/***********************************************************/
.menuRight { 
             width : 157px;
             height : 366px;
             float:left; 
             font:italic bold 15px georgia, verdana, serif;
          
}




#menuRightA{ 
             background-image:url("../imagesPageRond/page_rond_11.png");
             background-repeat:no-repeat;
             width:157px;
             height:105px;
             float:left;
             margin: auto;

 }

#menuRightB{ 
            background-image:url("../imagesPageRond/page_rond_13.png");
            background-repeat:no-repeat;
            width:157px;
            height:91px;
            float:left;
            margin: auto;

 }



#menuRightC{ 
            background-image:url("../imagesPageRond/page_rond_15.png");
            background-repeat:no-repeat;
            width:157px;
            height:170px;
            float:left;
            margin: auto;

 }



#liensDteA{ 
            padding-top:15px;
            padding-left:30px;
            margin-top: 30px;
            width:auto;
            height:auto;
            display:block;

}


#liensDteB{ 
            padding-top:20px;
             padding-left:20px;
             margin-top: 20px;
             width:auto;
             height:auto;
             display:block;
            text-align:center;
         
}



#liensDteC{ 
            padding-top:15px;
            margin-top: 15px;
            margin-right:20px;
            width:auto;
            height:auto;
            text-align:center;
          
}



#liensDteA a, #liensDteB a, #liensDteC a{
                      text-decoration: none;
                      display:block;
                      color:#330033;
 }      

#liensDteA a:link, #liensDteB a:link, #liensDteC a:link{
                      display:block;
                      color:#330033;

}


#liensDteA a:visited, #liensDteB a:visited, #liensDteC a:visited{
                      display:block;
                      color:#330033;

}




#liensDteA a:hover, #liensDteB a:hover, #liensDteC a:hover{
                      display:block;
                      color:#7F99A8;

}
/***********************************************************/
/***************FIN DE LA PARTIE CENTRE ET MENURIGHT*******/
/***********************************************************/



/*****************************************************************/
/*############## FIN DE LA PARTIE CENTRALE DE LA PAGE: 
   CONTENANT LES MENULEFT, MENURIGHT ET LE CONTENU ########## */
/*****************************************************************/