/*                     */
/* Mise forme générale */
/*                     */
html, body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 10pt;
line-height: 13pt;
text-align: center;
color: black;
background: url("../images/background.jpg") repeat-x left top;
background-color: #d1e9ff;
margin: 0;
padding-bottom: 5px;
}
/* Conteneur de la Page */
#container {
width: 890px;
/* top/bottom right/left */
margin: 0 auto;
padding: 0;
}
/* Header */
#header {
width: 890px;
height: 230px;
background: url("../images/header.jpg") no-repeat left top;
}
/* Colonne Gauche */
#gauche {
width: 650px;
text-align: left;
background-color: white;
float: left;
margin: 0;
}
/* Pied Colonne Gauche */
#gauche_foot {
width: 650px;
height: 15px;
line-height: 15px;
background: url("../images/gauche_foot.jpg") no-repeat left top;
clear: both;
}
/* Colonne Droite */
#droite {
width: 220px;
min-height: 335px; 
height: auto;
text-align: left;
background: url("../images/droite_bg.jpg") no-repeat left top;
float: left;
margin-left: 20px;
}
/* Conteneur Droite*/
#col {
width: 180px;
min-height: 335px; 
height: auto;
text-align: left;
float: left;
margin-left: 10px;
}
* html #col {
height: 335px; 
margin-left: 5px;
}
/* Pied Colonne Droite */
#droite_foot {
width: 200px;
height: 15px;
line-height: 15px;
color: white;
text-align: center;
background: url("../images/droite_foot.jpg") no-repeat left top;
clear: both;
}
/* Bloc Gauche 100% */
#gauche .bloc {
width: 600px;
text-align: justify;
background-color: #f7f7f7;
border: 1px solid #cdcdcd;
/* top right bottom left */
margin: 10px 0 10px 20px;
padding: 5px;
clear: both;
}
* html .bloc {
width: 610px;
}
/* Bloc Gauche 50% */
#gauche .bloc_50 {
width: 285px;
text-align: justify;
background-color: #f7f7f7;
border: 1px solid #cdcdcd;
/* top right bottom left */
margin: 10px 0 10px 20px;
padding: 5px;
float: left;
}
* html #gauche .bloc_50 {
width: 290px;
/* top right bottom left */
margin: 10px 0 10px 10px;
}

/* Bloc Gauche */
#gauche .coin {
width: 60px;
height: 40px;
background: url("../images/bloc_bg.jpg") no-repeat left top;
position: relative;
top: -6px;
right: -6px;
float: right
}

/*             */
/* Menu Droite */
/*             */

#menu {
width: 180px;
display: block;
margin: auto;
padding: 0;
/* top right bottom left */
margin: 0 0 10px 0;
}
#menu dd {
width: 180px;
height: 30px;
line-height: 30px;
font-size: 10pt;
font-weight: bold;
text-align: left;
text-indent: 25px;
background-image: url("../images/menu_off.jpg");
background-position:  left center;
background-repeat: no-repeat;
/* top right bottom left */
margin: 0 0 0 0;
}
#menu a:link, #menu a:visited {
width: 180px;
height: 30px;
display: block;
color: #969696;
text-decoration: none;
}
#menu a:active, #menu a:hover, #menu #menu_on {
color: black;
text-decoration: none;
background-color: inherit;
background-image: url("../images/menu_on.jpg");
background-position:  left center;
background-repeat: no-repeat;
}

/*       */
/* Liens */
/*       */

a:link, a:visited {
text-decoration: underline;
color: #0051a7;
background-color: transparent;
outline: none;
}
a:active, a:hover {
color: #4b4b4b;
background-color: transparent;
outline: none;
}


/*                      */
/*        Titres        */
/*                      */

/* Titres Gauche */
h1 {
width: 610px;
height: 30px;
line-height: 30px;
font-family: "Monotype Corsiva", "Times New Roman", Arial, Helvetica, sans-serif;
font-size: 19pt;
text-align: left;
text-indent: 40px;
text-decoration: none;
color: #ef007c;
background-color: transparent;
background: url("../images/titre.jpg") no-repeat left top;
/* top/bottom right/left */
margin: 0 20px;
}
/* Sous Titres */ 
h2 {
font-size: 11pt;
text-align: left;
color: #37a0ff;
background-color: transparent;
/* top right bottom left */
margin: 0 0 5px 0;
}

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

/*  Images par défaut  */
img {
/* top right bottom left */
margin: 0 auto 5px auto;
border: none;
clear: both;
}
/* Bordure sur les images */
.bord {
border: 1px solid black;
}
/* 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;
}
small {
font-size: 7pt;
}
/* Auteur du message */
.auteur {
color: #ef007c;
}
/* Ligne de séparation */
hr {
height: 2px;
line-height: 100px;
/* top/bottom left/right */
margin: 10px auto !important;
border-top: 1px solid #37a0ff;
border-bottom: 1px solid #ef007c;
clear: both;
display: block;
}

/*               */
/*  Formulaires  */
/*               */

form {
padding: 0;
text-align: center;
font-size: 9pt;
line-height: 10pt;
clear: both;
}
form p {
text-align: center;
margin: 7px;
padding: 0;
}
input {
vertical-align: middle;
outline: none;
margin: auto;
}
fieldset {
border: none;
margin: 0;
}

/*                       */
/*  Galerie Photo Dhtml  */
/*                       */

#galerie {
text-align: center;
clear: both;
}
#galerie img {
border: 1px solid black;
margin: 10px;
vertical-align: middle;
}
#galerie a {
background-color: transparent;
}
#thumbBox {
position: absolute;
left: 0;
top: 0;
width: auto;
/* top right bottom left */
padding: 5px 10px 0 10px;
text-align: center;
color: black;
background-color: white;
border: 1px solid black;
visibility: hidden;
z-index: 10;
cursor: pointer;
}
#thumbBox #thumbImage {
font-weight: bold;
color: black;
background-color: transparent;
margin-bottom: 5px;
}
#thumbBox #thumbImage img {
border: 1px solid black;
}
#thumbLoading {
position: absolute;
visibility: hidden;
border: 1px solid black;
color: black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}