/* Version 8 du site */
/* Menu horizontal */
/* Sous-menus sur une colonne verticale */
/* Menu dynamique */
/* Version 1.8 du menu */

/* Photos dans une fenêtre pop-up popup_h et popup_v */


html,body,p,ul,li,td {
background-color:#FFFFCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
font-size:x-large;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #003366;
text-align: center;
}
h2 {
font-size:large;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #003399;
position: static;
font-style: italic;
}
h4 {
font-size:x-small;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000066;
position: static;
right: 50px;
font-style: italic;
}
h6 {
font-size:xx-small;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000066;
position: static;
font-style: italic;
}
p{
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
position: static;
font-style: normal;
}
li{
font-size:medium;
list-style-type: none;
color: #990066;
}
.tab_photo{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: italic;
border: none;
color: #000066;
font-weight: bold;
}
.descr_liens{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: oblique;
color: #990000;
}
.photoG, .photoV, .photoP, .photoC, .photoG2, .photoV2, .photoP2{
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: italic;
color: #990066;
padding: 3px;
text-align: center;
text-decoration:none;  /* Liens non soulignés */
}
/* Les photos = liens ne sont pas soulignées */
.photoG img, .photoV img, .photoP img, .photoC img, .photoG2 img, .photoV2 img, .photoP2 img{
border:none;
}

/* Nouvelles vignettes - largeur réduite */
.photoG2 img, .photoG2 a{
width:220px;
}
/* Nouvelles vignettes verticales - largeur réduite */
.photoV2 img, .photoV2 a{
width:119px;
}
/* Panorama */
.photoP2 img{
heigth:162px;
}
/* Pour les photos horizontales de 258px de large */
.photoG{
width: 258px; 
}
/* Photos verticales de 189px de large */
.photoV{
width:200px;
}
/* Panorama */
.photoP{
width: 800px;
}


/* Photo centrée - page sommaire */
.photoC{
margin-left:10px;
}
#invisible{
visibility:hidden;}

#photoG3{
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: italic;
color: #990066;
padding: 10px;
text-align: center;
width: 258px;
}


.contenu {
position:absolute;
left:3%;
right:3%;
top:150px;
z-index:1;  /* "altitude" du contenu */
}

.banniere_titre{
top:10px;
/*  text-align:center;  /* pour centrer l'image (bug d'IE) */)
}

#banniere_titre img {
/* Pour centrer l'image :  */
/*margin-left:auto;
margin-right:auto;
width:750px;  */
margin-left:0px;
}

/* Definition du style du menu principal */
.menu_gauche {
position: absolute;  
top:112px;
margin-left:0px;  
/* border: 1px solid black; /*  DEBUG */
}
html>body .menu_gauche {
top:105px;     /* Valeurs Mozilla */
}


/* Définition des liens menus et sous-menus */
/* Caractéristiques communes */
.menu_gauche a,.sous_menu a{
  text-align:center;
  width:85px;
  padding:5px; 
  margin:2px 2px 0 2px; 
  border: 1px solid black;
  text-decoration:none;  /* Definir des liens non soulignes*/
  display:block;   /* On ne va pas à la ligne grâce aux deux lignes 1 */
  height:30px;
}
html>body .menu_gauche a, .sous_menu a{
width:77px;   /* Valeurs Mozilla */
height:18px;
} 

/* Les différences entre les liens menu et sous-menus */
.menu_gauche a{
  color:black; 
  background-color:#CC9999; 
  float:left;      /* ne pas aller à la ligne (combiné 
                    avec display block)  */
  font-size: 11px;
  font-weight:bold; 
}
.sous_menu a{
background-color:#99CCCC;
color:black;
font-size:11px;
} 

.menu_gauche a:hover {
color:#FFFFFF;
background-color:#99CC99;
text-decoration:none;
}
.sous_menu a:hover{
color:black;
background-color:#99CC99;
}
.sous_menu {
position:relative;
float:left;
top:20px;  /* Distance par rapport aux menus pour IE*/
margin-left:0px;
padding:0px;
list-style-type:none;
z-index:2;  /* recouvre le contenu */
}
html>body .sous_menu{
top:2px;  /* Distance par rapport aux menus pour Mozilla */
}

#sous_menu {
display:inline;
float:left;
}

/* Fin de la définition du menu principal */
.spacer {
clear:both;
}
/* La liste des pages dans les pages de sommaire */
.liste_pages li{
list-style-type: disc;
color:black;
margin-top:7px;
font-size:12px;
}
.liste_pages a{
color:#996666;}
.liste_pages a:visited{
color:#336666;}

.popup_ht {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
color: #990066;
width: 400px;
padding-left:25px;
text-align:center;
}
html>body .popup_ht {
width: 400px;       /* valeurs mozilla */
padding-left:22px;
}

.popup_h img {
border-style:outset;
border-width:6px;
border-color:silver;
position: relative;
left: 50%;
width: 400px;
margin-left: -210px;
}
html>body .popup_h img {
width: 400px;       /* valeurs mozilla */
margin-left: -200px;
}


.popup_v img {
border-style:outset;
border-width:6px;
border-color:silver;
position: relative;
left: 50%;
width: 300px;
margin-left: -162px;
}
html>body .popup_v img {
width: 300px;       /* valeurs mozilla */
margin-left: -154px;
}

.popup_vt {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
color: #990066;
width: 294px;
padding-left:25px;
text-align:center;
}
html>body .popup_vt {
width: 294px;       /* valeurs mozilla */
padding-left:22px;
}

/* en-tete de la fenêtre pop-up  */
.popup_haut {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
}