/* La taille de base sera de 16px avec les valeurs par défaut de police du navigateur */
html {
        font-size: 100%;    
        }

    /* La taille de base sera de 10px avec les valeurs par défaut de police du navigateur */
body {
         margin: 0;
         padding: 0;
         font-family:Verdana, Arial, Helvetica, sans-serif;
         font-size: 0.8em;
         background-color: #fff; /*couleur de fond blanche*/
         }
.conteneur { /*le conteneur global du site est centré */
         position: relative;
         width: 750px;
         margin: 0 auto; 
         }
.header {
         height: 100px;
         background-image:url(images/banniere.jpg);
         }
.menu {  /* contient les 3 zones du menu */
         position: absolute;
         left:0;
         width: 150px;
         height: 500px;
         background-color:#CCCCFF;
         }
.menuhaut {  /* zone 1 contenant la partie haute du menu */
         position: relative;
         left:0;
         width: 150px;
         height: 230px;
         background-color:#CCCCFF;
         }
.menuhautgauche {
         list-style-type: none;
         margin: 2em 0 0 0;
         padding:0.4em;
         }
.menuhautgauche li {
         margin: 0 0 .3em 0;
         }
.menuhautgauche a {
         display: block;
         color: #FFF;
         background-color: #036;
         width: 9em;
         padding: .3em .7em;
         text-decoration: none;
         }
.menuhautgauche a:link {
         background-color:#036;
         color: #FFF;
         }
.menuhautgauche a:visited {
         background-color: #036;
         color: #FFF;
         }
.menuhautgauche a:hover {
         background-color: #b22222;
         color: #FFF;
         }
.menumilieu {  /* zone 2 contenant la partie intermédaire du menu */
         position: relative;
         left:0;
         width: 150px;
         height: 160px;
         background-color:#CCCCFF;
         }
.menumilieugauche {
         list-style-type: none;
         margin: 2em 0 0 0;
         padding:0.4em;
         }
.menumilieugauche li {
         margin: 0 0 .3em 0;
         }
.menumilieugauche a {
         display: block;
         color: #FFF;
         background-color: #778899;
         width: 9em;
         padding: .3em .7em;
         text-decoration: none;
         }
.menumilieugauche a:link {
         background-color:#778899;
         color: #FFF;
         }
.menumilieugauche a:visited {
         background-color: #778899;
         color: #FFF;
         }
.menumilieugauche a:hover {
         background-color: #b22222;
         color: #FFF;
         }
.menubas { /* zone 3 contenant la partie basse du menu */
         position: relative;
         left:0;
         width: 150px;
         height: 110px;
         background-color:#CCCCFF;
         }
.frame {
         margin-left: 150px;
         width: 600px;
         height: 468px;
         background-color:#9999CC;
         overflow: auto;
         }
.framemenu { /*le conteneur contenu la framemenu */
         margin-left: 150px;
         width: 600px;
         height: 32px;
         background-color:#9999CC;
          }
.footer {
         height: 20px;
         background-color: #99CC99;
         }
p       {
         margin: 1em 0 1em 0;
         }
span.rougebold  {
         color : red;
         font-weight : bold;
         }
span.bleubold  {
         color : blue;
         font-weight : bold ;
         }
#active a:link, #active a:visited, #active a:hover {
         background-color: #b22222; 
         color: #FFF;
         }
#activeg a:link, #activeg a:visited, #activeg a:hover {
         background-color: #b22222; 
         color: #FFF;
         }
.containersuperglobal {
         position:relative;
         height:454px;
         width: 560px;
         margin: auto;
         top:0px;
         left:0px;
         background-color: #CCCCFF;
         border-width:1px;
         border-color:#036;
         border-style:double; 
         padding:4px;
         overflow: auto;  
         }
.containerglobal {
         position:relative;
         height:130px;
         width: 530px;
         margin: .4em auto 0;                 
         top:1px;
         left:0px;
         background-color: #FFF;
         border-width:2px;
         border-color:#036;
         border-style:double; 
         padding:5px;
         }
.containerglobalpage {
         position:relative;
         height:430px;
         width: 530px;
         margin: .4em auto 0;                 
         top:1px;
         left:0px;
         background-color: #FFF;
         border-width:2px;
         border-color:#036;
         border-style:double; 
         padding:5px;
         overflow: auto;  
         }
.containerglobalpagetiers {
         position:relative;
         height:145px;
         width: 530px;
         margin: .4em auto 0;                 
         top:5px;
         left:0px;
         background-color: #FFF;
         border-width:2px;
         border-color:#036;
         border-style:double; 
         padding:5px  
         }
.containercentreimage {
         position:relative;
         margin:0 auto;
         height:278px;
         width: 368px;
         top:5px;
         background-color: #FFF;
         border-width:2px;
         border-color:red;
         border: 1px solid red; 
         }
.containercentreimage img {
         width:100%;
         }
.containercentreimage2 {
         position:relative;
         margin:0 auto;
         height:282px;
         width: 509px;
         top:5px;
         background-color: #FFF;
         border-width:2px;
         border-color:red;
         border: 1px solid red; 
         }
.containercentreimage2 img {
         width:100%;
         }
.containercentreimagegrand {
         position:relative;
         margin:0 auto;
         height:430px;
         width: 540px;
         top:10px;
         background-color: #FFF;
         border-width:2px;
         border-color:red;
         border: 1px solid red; 
         }
.containercentreimagegrand img {
         width:100%;
         }
.containercentretexte {
          position:relative;
          height:142px;
          width: 526px;
          top:0px;
          margin:0 auto;
          background-color: #FFF;
          border-width:2px;
          border-color:red;
          border: 1px solid red; 
          }
.containerglobal2 {
         position:relative;
         height:435px;
         width: 530px;
         margin: .4em auto 0;                 
         top:1px;
         left:0px;
         background-color: #FFF;
         border-width:2px;
         border-color:#036;
         border-style:double; 
         padding:5px  
         }
.containerdroitimage {
         position:relative;
         height:130px;
         width: 170px;
         top:0px;
         background-color: #FFF;
         border-width:2px;
         border-color:red;
         border: 1px solid red; 
         float:right
         }
.containerdroitimage img {
         width:100%;
         }
.containergaucheimage {
         position:relative;
         height:130px;
         width: 170px;
         top:0px;
         background-color: #FFF;
         border-width:2px;
         border-color:#036;
         border: 1px solid green; 
         float:left
         }
.containergaucheimage img {
         width:100%;
          }
.containerdroittexte {
          position:relative;
          height:130px;
          width: 350px;
          top:0px;
          background-color: #FFF;
          border-width:2px;
          border-color:red;
          border: 1px solid red; 
          float:right
          }
.containergauchetexte {
          position:relative;
          height:130px;
          width: 350px;
          top:0px;
          background-color: #FFF;
          border-width:2px;
          border-color:#036;
          border: 1px solid green; 
          float:left
          }
.continerlogosite {
          position:relative;
          margin :5px;
          height:80px;
          width: 140px;
          top:5px;
          background-color: #FFF;
          border-width:2px;
          border-color:#036;
          border: 1px solid green; 
          float:left
          }
.containerlogosite img {
          width:100%
          }
.containerbloclogo {
         position: relative;
         top:2px;
         left:0;
         width: 148px;
         height: 50px;
         background-color:#CCCCFF;
         }
.containerlogopartenaire {
          position:relative;
          margin :3px;
          height:38px;
          width: 38px;
          top:1px;
          background-color: #FFF;
          border-width:2px;
          border-color:#036;
          border: 1px solid green; 
          float:left;
          }
.containerlogopartenaire img {
          width:100%
          }
.texteresume {
          margin:3px 3px 3px 3px;
          font-size:1.2em;
          color:blue;
          font-style: italic ;
          }
.textedeveloppe {
          margin:3px 3px 3px 3px;
          font-size:1em;
          color:black;
          font-style: normal ;
         }
.textelien a {
          text-decoration: none ;
         }
.textelien a:link {
         color: red;
         }
.textelien a:visited {
         color: red;
         }
.textelien a:hover {
         color: green;
         }
.titresitegauche {
          font-family:Monotype Corsiva,Verdana;                    
          font-size:3.2em;
          color:#CCDCEE;
          font-style: italic;
          text-align:left;
          }
.textepieddepage {
          font-size:1em;
          color:black;
          font-style: italic;
          text-align:center;
          }
.titresitedroit {
          font-family:Monotype Corsiva,Verdana;                    
          font-size:3.2em;
          color:#CCDCEE;
          font-style: italic;
          text-align:right;
          }
.titrepage {
          font-size:2.4em;
          color:white;
          font-style: normal;
          text-align:center;
          }
.containermenuhoriz {
          position:relative;
          height:16px;
          width: 560px;
          margin: .4em auto;
          top:0px;
          left:0px;
          background-color:#9999CC;
          padding:3px; 
          text-align:center;
          }
.containermenuhoriztitre {
          position:relative;
          height:20px;
          width: 564px;
          margin: .2em auto;
          top:0px;
          left:0px;
          border-width:1px;
          border-color:red;
          border-style:double; 
          padding:1px; 
          text-align:center;
          background-color:#b22222;
          font-size:1.2em;
          color:white;
          }
#navh     {
          list-style: none ;
          margin: 0 ;
          padding: 0 ;
          }				
#navh li  {
          display: inline ;
          <!--margin-right: 1em ;--!>
          margin:auto
          color: #ebd7f4 ;
          background: #dbb7ec ;
          }
#navh li a {
          background: #999ceb ;
          color: #fff ;
          border: 1px solid #600 ;
          line-height: 1em ;
          padding: 3px 5px ;
          text-align: center ;
          text-decoration: none ;
          }
#navh li a:hover, #nav li a:focus, #nav li a:active {
          background: #b22222 ;
          text-decoration: none ;
          }
.containermenu3 {
          position:relative;
          height:448px;
          width: 150px;
          top:1px;
          left:0px;
          background-color: #CCCCFF;
          border-width:1px;
          border-color:#036;
          border-style:double; 
          padding:1px  
          }
.containercontenu {
          position:relative;
          height:448px;
          width: 396px;
          top:1px;
          background-color: #FFF;
          border-width:1px;
          border-color:#036;
          border-style:double; 
          padding:1px;  
          float:right;
          }
.containercontenudescription {
	  position:relative;
	  height:124px;
	  width: 386px;
	  top:1px;
          margin: .2em auto;
	  background-color: #FFF;
          border-width:1px;
          border-color:#036;
          border-style:double; 
          padding:1px;  
          }
.containercontenupagefoto {
	  position:relative;
	  height:276px;
	  width: 380px;
	  top:1px;
          margin: .2em auto;
	  background-color: #FFF;
          border-width:1px;
          border-color:#036;
          border-style:double; 
          padding:1px;  
          }
.containerphoto {
          position:relative;
          height:312px;
          width: 382px;
          top:1px;
          margin: 0 auto; 
          background-color: black;
          color:white;
          border-width:1px;
          border-color:#036;
          border-style:double; 
          }
img       {
          border:1px solid black;
          }	

.fond     {
          position:absolute; 
          top:55px;
          left:14px;
          width:350px; 
          height:255px; 
          }

.fond img {
	  width:100%;
	  z-index:1;
	  }
.thumb    {
          position:relative; 
          top:0;
          left:0; 
          }
.thumb a  {
          margin:0; 
          text-decoration:none;
          }
.thumb a:hover {
          background-color:black; /*indispensable, sinon, pas de zoom */
          }
.thumb a .grand {
          display:block;
          position:absolute; 
          width:0px; 
          }
.thumb a:hover .grand { 
          position:absolute; 
          top:55px;
          left:14px;
          width:350px; 
          height:255px; 
          z-index:2;
          }
.object   { 
	  height:400px;
	  width: 374px;
          }
.menufoto {
          list-style-type: none;
          margin: 1em 0 0 0;
          padding:0.1em;
          }
.menufoto li {
          margin: 0 0 .5em 0;
          }
.menufoto a {
          display: block;
          color: #FFF;
          <!--background-color: #051--!>;
          width: 10em;
          padding: .2em .7em;
          text-decoration: none;
          }
.menufoto a:link {
          <!--background-color:#051--!>;
          color: black;
          }
.menufoto a:visited {
          <!--background-color: #051--!>;
          color: black;
          }
.menufoto a:hover {
          background-color: #ec98c0;
          color: #FFF;
          }
.menufotoclasse {
          margin:.5em 2em .1em;
          text-align:center;
          font-size:1.2em;
          color:blue;
          font-style: italic ;
          }
.tableau {
          margin: 1em auto; 
          border-collapse:collapse
          }
.tableautitre {
          font-size:1.3em;
          color:black;
          font-style: normal;
          text-align:center;
          }
.tableaulégende {
          font-size:0.9em;
          color:black;
          font-style: normal;
          text-align:left;
          }
.tableau td {
          width: 70px;
          padding : 0.4em ;
          border-spacing:0;
          border:1px solid #666;
          empty-cells: show;
          background-color:#fafafa;
          text-align:center;
          }
.tableau td.colonne {
          background-color:#CCCCFF;
          font-weight:bold;
          width: 150px;
          }
.tableau td.large {
          width: 140px;
          }
.tableau td.moyen {
          width: 100px;
          }
.tableau caption {
          font-size:2em;
          padding:1em 0 0.5em 1em; // HDBG;
          }
.tableau tr.impaire td {
          background-color: #eee;
          }
.tableau tr.impaire td.colonne {
          background-color: #CCCCFF;
          }
.tableau th {
         width: 70px;
         color: #666;
         font-size:1em;
         font-weight:bold;
         text-align:center;
         padding : 0.3em ;
         border-spacing:0;
         border:2px solid #666;
         empty-cells: show;
         background-color:#CCCCFF;
         }
.tableau th.premiere {
         background-color:#fafafa;
         width: 150px;
         font-weight:bold;
          }
.tableau th.large {
          width: 140px;
          }
<!--  --!>;
          border-width:1px;
          border-color:red;
          border-style:double;