/*Si vous ouvrez ce fichier avec blocnote, désactivez le retour à la ligne pour avoir une meilleur lisibilité*/

body {

/*------------------------------------------------------------------------------*/
/*#### On détermine la police, la taille (en pt ou px) ainsi que sa couleur ####*/
/*------------------------------------------------------------------------------*/

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:black;

/*--------------------------------------------------------------------------------------------------*/
/*#### On applique une couleur de fond d'écran, ainsi qu'une image qui se répète horizontalement ####*/
/*--------------------------------------------------------------------------------------------------*/

background-image:url(images_design/fond_site.jpg);      /*On sélectionne une image de fond*/
background-position:top center;                         /*On la positionne à partir du haut, et on la centre*/
background-repeat:repeat-x;                             /*On répète l'image sur tout l'axe horizontal*/
background-attachment: fixed;                           /*On fixe l'image sur l'écran pour ne pas qu'elle défile*/ 
background-color:#731137;                               /*On défini la couleur de fond du site qui vient après notre image*/ 


/*------------------------------------------------------------------------*/
/*#### On défini une marge de 20 pixels en haut, et en bas de l'écran ####*/
/*------------------------------------------------------------------------*/

margin:20px 0px 20px 0px;

}

/*----------------------------------------------------------------------------------------------------------*/
/*#### Le conteneur c'est le tableau qui regroupe tout le site, ainsi que la partie informative du site ####*/
/*----------------------------------------------------------------------------------------------------------*/

table.conteneur {

background-image:url(images_design/fond.jpg);   /*On sélectionne une image de fond*/ 
background-position:top center;                 /*On la positionne à partir du haut, et on la centre*/ 
background-repeat:repeat-x;                     /*On répète l'image sur tout l'axe horizontal*/
background-color:#b58296;                       /*On défini la couleur de fond du tableau*/ 
border: solid 2px #ffffff;                      /*Modifie la taille, et la couleur de la bordure*/

}

A:link {color: #ffffff; text-decoration: none;}          /*Couleur du lien*/
A:visited {color: #ffffff; text-decoration: none;}       /*Couleur du lien visité (on met les mêmes paramètres que pour :link*/
A:hover {color: #FFFFFF; text-decoration: none; background-color: #CC3366;}              /*Couleur du lien quand on le survole avec la souris*/
                                                              /*On utilise text-decoration pour afficher un soulignement ou non sous le lien*/

h1 {font-size:16Pt;}             /* On défini la taille de la police quand elle est comprise entre les balises <h1> et </h1>*/
h2 {font-size:12Pt;}             /* On défini la taille de la police quand elle est comprise entre les balises <h2> et </h2>*/
h3 {font-size:8Pt;}             /* On défini la taille de la police quand elle est comprise entre les balises <h3> et </h3>*/
h4 {color:#FFFFFF;}             /* On défini la couleur de la police quand elle est comprise entre les balises <h4> et </h4>


/*------------------------------------------------------------------------*/
/*#### Paramètres des pages "photos", "vidéos" etc... ####*/
/*------------------------------------------------------------------------*/

/* Blocs de contenu */
.bloc {
width: 600px;
background: url("../images/bloc_bg.jpg") repeat-y left top;
margin: 0 auto;
/* top right bottom left */
padding: 10px 10px 0 10px;
text-align: justify;
}
/* Hack pour IE */
* html .bloc {
width: 620px;
}

/*                   */
/*  Eléments divers  */
/*                   */

/* Pas de bordure sur les images par défaut */
img {
border: none;
vertical-align: middle;
}
/* Bordure sur les images */
.bord {
border: 1px solid black;
}
/*  Images dans les Blocs  */
.bloc img {
margin: 5px;
vertical-align: middle;
}
/*  Images flotantes dans les Blocs  */
.thumb {
/* top right bottom left */
margin: 0 5px 0 5px !important;
float: left;
}
/*  Images catégories annuaire  */
.cat {
/* top right bottom left */
margin: 0 10px 10px 10px !important;
float: left;
}
/* Retour à la ligne forcé */
.clear {
clear: both;
}
/* Alignement flottant à gauche */
.left {
/* top right bottom left */
margin: 0 10px 0 0;
float: left;
}
/* Alignement flottant à droite */
.right {
/* top right bottom left */
margin: 0  0 5px 10px;
float: right;
}
/* Alignement centré */
.center {
text-align: center;
}
/* Texte aligné à gauche */
.gauche {
text-align: left;
}
/* Infos sur la vidéo */
.infos {
float: left;
/* top/bottom left/right */
margin: 0 30px;
}
/* Listes */
ul {
padding: 0;
margin: 5px;
}
li {
font-size: 8pt;
text-align: left;
list-style-position: inside;
}
small {
font-size: 7pt;
}

/* Galerie Photo Dhtml */
#thumbBox {
position: absolute;
left: 0;
top: 0;
width: auto;
/* top right bottom left */
padding: 5px 10px 0 10px;
background-color: white;
border: 3px solid black;
visibility: hidden;
z-index: 10;
cursor: pointer;
}
#thumbBox #thumbImage {
font-weight: bold;
color: black;
background-color: white;
margin-bottom: 5px;
}
#thumbBox #thumbImage img {
border: 2px solid black;
}
#thumbLoading {
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: white;
padding: 5px;
z-index: 5;
}