*{
margin : 0px 0px;
padding : 0px;
} 


body {
margin : 0px 0px 0px 3px ;
padding : 0px;
color:white;
background-color:#666633;
background-image:  url(images/fond.jpg);
background-position: 0 0; 
background-attachment:fixed;
background-repeat:repeat;

} 

table {
margin : 0px ;
padding : 0px;
} 

td.secondairehautmsg
{
margin : 0px ;
padding : 0px;
background-image: url('images/secondairehautmsg.jpg'); background-repeat: no-repeat; background-position: bottom center; 
height : 50px;
} 

td.secondairehaut
{
margin : 0px ;
padding : 0px;
background-image: url('images/secondairehaut.jpg'); background-repeat: no-repeat; background-position: bottom center; 
height : 60px;
} 

td.secondairemilieu
{
margin : 0px ;
padding : 10px 80px 0px 80px;
background-image: url('images/secondairemilieu.jpg'); background-repeat: repeat-y; background-position: top center; 
height : 500px;
} 

td.secondairebas
{
margin : 0px ;
padding : 0px;
background-image: url('images/secondairebas.jpg'); background-repeat: no-repeat; background-position: top center; 
height : 100px;
} 

/* h1 = pub */
h1 {font: bold 100%/16px  Tahoma, Verdana, Arial, sans-serif; letter-spacing: 5px; color: #ffffff; text-align: left; font-variant: small-caps ; margin : 5px 0px 5px 0px ;}
h2 {font: normal 60%/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #ffffff; text-align: justify; margin : 5px 0px 5px 0px ;}
h3 {font:  normal  50%/16px   Tahoma, Verdana, Arial, sans-serif; letter-spacing: 7px; color: #ffffff;}
p {font: normal 60%/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #ffffff; text-align: justify; margin : 5px 0px 5px 0px ;}
p.retrait {font: normal 60%/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #ffffff; text-align: justify; margin : 5px 0px 5px 20px ;}
p.index {font: normal 60%/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #ffffff; text-align: center; margin : 5px 0px 5px 0px ;}

h4 {font: normal 10px/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #ffffff;text-align: left; margin : 20px 0px 5px 0px ;}
h5 {font: normal 10px/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #cccccc; text-align: justify;}
h6 {font: normal 9px/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #cccccc;text-align: justify;}
h6 b{font: bold 9px/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #cccccc;}



a.index:link {font: normal 9px/18px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; letter-spacing: 5px; margin : 0px 10px 0px 0px ; padding : 0px 5px 0px 5px ; } 
a.index:visited {font: normal 9px/18px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; letter-spacing: 5px; margin : 0px 10px 0px 0px ; padding : 0px 5px 0px 5px ; } 
a.index:hover {font: normal 9px/18px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; letter-spacing: 5px; margin : 0px 10px 0px 0px ; background-color :#A28A4F ; padding : 0px 5px 0px 5px ; } 
p.menuindex {text-align : left; 
margin : 0px;
padding : 60px 0px 0px 0px;
} 
a.secondaire:link {font: normal 9px/18px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; letter-spacing: 3px; margin : 0px 10px 0px 0px ;  padding : 0px 5px 0px 5px } 
a.secondaire:visited {font: normal 9px/18px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; letter-spacing: 3px; margin : 0px 10px 0px 0px ;  padding : 0px 5px 0px 5px  } 
a.secondaire:hover {font: normal 9px/18px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; letter-spacing: 3px; margin : 0px 10px 0px 0px ;  background-color :#A28A4F ;  padding : 0px 5px 0px 5px; } 
p.mennusecondaire {text-align : right; 
margin : 0px;
padding : 15px 10px 0px 0px;
} 
table.index {
margin : 20px 0px 0px 0px ;
padding : 0px;
} 




a:link {font: bold 8px/16px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; } /* */
a:visited {font: bold 8px/16px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; } /* */
a:hover {font: bold 8px/16px Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; } /*  */

a.pub:link {font: bold 6px/6px Verdana, Arial, sans-serif; color: #AA9776; text-decoration:none; }
a.pub:visited {font: bold 6px/6px Verdana, Arial, sans-serif; color: #AA9776; text-decoration:none; }
a.pub:hover {font: bold 6px/6px Verdana, Arial, sans-serif; color: #AA9776; text-decoration:none; }

/*  format par défaut pour le texte * {font: normal 9px/16px Verdana, Arial, sans-serif; letter-spacing: 3px; color: #A38B4E; text-align: justify;}*/

img.gauche  { float: left ; } 
img.bord {  border:2px solid white; } /* class pour image */
img.droite { float: right ; }
.droite {text-align : right; } 
.gauche {text-align: left;}
.centre {text-align: center;}
.galerie
{text-align : justify; 
margin : 2px;
padding : 15px 10px 0px 0px;
} 


.tbl {font: bold 9px/16px Verdana, Arial, sans-serif; letter-spacing: 3px; color: #716035;text-align: center; } /* texte dans tableau */




/* gestion des menus en bas */

a.menu, a.menu:link, a.menu:visited , a.menu:hover, a.menugauche, a.menugauche:link, a.menugauche:visited, a.menugauche:hover , a.menudroite, a.menudroite:link, a.menudroite:visited, a.menudroite:hover, a.menusep, a.menusep:link, a.menusep:visited, a.menusep:hover 
{
display: inline; 
margin : 0px -3px; /* le -2px est pour IE6 et moins */
padding : 25px 10px ; /* le 25px haut et bas est pour ie7 qui tronque l'autre ajoute un espace aux texte du menu*/
height : 36px;
font: normal 60%x/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #ffffff; 
vertical-align : middle; text-align : center;
}
a.menu, a.menu:link, a.menu:visited  {
background-image:  url(images/menu.jpg); background-repeat: repeat-x; background-position: center center; 
}
a.menu:hover  { 
background-image:  url(images/menuhover.jpg); background-repeat: repeat-x; background-position: center center; 
}
a.menugauche, a.menugauche:link, a.menugauche:visited, a.menugauche:hover  {
background-image:  url(images/menugauche.jpg); background-repeat: no-repeat; background-position: center right; 
}
a.menudroite, a.menudroite:link, a.menudroite:visited, a.menudroite:hover  {
background-image:  url(images/menudroite.jpg); background-repeat: no-repeat; background-position: center left; 
}
a.menusep, a.menusep:link, a.menusep:visited, a.menusep:hover  {
background-image:  url(images/menusep.jpg); background-repeat: no-repeat; background-position: center center; 
width : 30px;
}

div.menu {
margin : 5px 5px; /* cette marge évite à IE7 de tronquer le menu */
text-align: center;
}
/* fin */

/* gestion des popup <a href="#" class="info">texte<span><br>texte popup</span></a> */
a.info, a.info:link, a.info:visited {
  position:relative;
font: normal 10px/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #000000; 
}

a.info:hover { /* */
   background: none; 
   z-index: 100; 
}
a.info span {display: none;} /* contenu du popup souris out */
a.info:hover span { /* contenu du popup souris hover */
   display: inline; 
   position: absolute;
   white-space: nowrap;
   
   top: 5px; 
   left: 30px;
   background: white;
   padding: 3px 5px 3px 5px;
   border: 1px solid #666633;
   border-top: 8px solid #666633;
   font: normal 10px/16px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 3px; color: #666633; 
}
/* fin */
/* gestion  des puces titre associé à h1 , les titres sont dans un div pour */
div.pucetitre
{
display: inline ;
background-image: url('images/puce02.jpg'); background-repeat: no-repeat; background-position: center left; 
margin : 0px;
padding : 0px 0px 0px 40px;
font: bold 100%/16px  Tahoma, Verdana, Arial, sans-serif; letter-spacing: 5px; color: #ffffff; text-align: left; font-variant: small-caps ; margin : 5px 0px 5px 0px ;
} 

div.pucetexte
{
display: block ;
background-image: url('images/puce03.jpg'); background-repeat: no-repeat; background-position: center left; 
margin : 0px;
padding : 0px 0px 0px 40px;
} 
/* fin */