/*             */
/* CSS COMMUNS */
/*             */
html, body {
height: 100%;
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
font-size: 9pt;
text-align: center;
color: black;
background-color: #9df04a;
padding: 0; 
margin: 0;
background-image: url("../images/background.jpg");
background-repeat: repeat-x;
background-position: top right;
}
/* Corps de la Page */
#corps {
width: 990px;
text-align: center;
padding: 0; 
margin: auto;
background-image: url("../images/corps-background.jpg");
background-repeat: repeat-y;
background-position: top left;
}
/* Header */
#header {
/*width: 990px;*/
/*height: 250px;*/
/*background-image: url("../images/header.jpg");*/
background-repeat: no-repeat;
background-position: top right;
}

#header2
{

width:750px;
height:55px;
}

#header2  .ban{
float: right;
width: 380px;
height: 55px;
background-image: url("../images/logo4.jpg");
background-repeat: no-repeat;
margin-right: 50px;

}

#gauche .newsletter
{
width: 150px;
height: 55px;
float: left;
background-image: url("../images/gauche-bloc-background.jpg");
background-repeat: repeat;
margin-left: 50px;
margin-bottom: 5px;
}

/* Logo */
#logo {
width: 495px;
height: 250px;
/*background-image: url("../images/logo.jpg");*/
background-repeat: no-repeat;
}
/* Colonne Gauche */
#gauche {
width: 790px;
float: left;
text-align: center;
/*background-image: url("../images/gauche-background.jpg");*/
background-repeat: no-repeat;
background-position: top right;
}
/* Colonne Droite */
#droite {
width: 180px;
float: left;
text-align: center;
/* top right bottom left */
padding: 0 10px 10px 10px;

}
/* Hack pour IE */
/* html #droite {
width: 200px;
}*/
/* Titres Colonne Gauche */
#gauche h1 {
width: 700px;
height: 25px;
line-height: 25px;
font-size: 11pt;
text-align: left;
text-indent: 45px;
color: white;
background-color: inherit;
background-image: url("../images/gauche-titre-background.jpg");
background-repeat: no-repeat;
background-position: top left;
/* top right bottom left */
margin: 0 0 5px 0;
}

#gauche .newsletter_gauche
{
float: left;
text-align: left;
margin-left: 20px;
color: #db34a4;
font-weight: bold;
}

/* Sous Titres Colonne Gauche */
#gauche h2 {
color: #db34a4;
background-color: inherit;
font-size: 9pt;
/* top right bottom left */
margin: 0 0 5px 0;
}
/* Petits Sous Titres Colonne Gauche */
#gauche h3 {
color: #db34a4;
background-color: inherit;
font-size: 7pt;
/* top right bottom left */
margin: 0 0 5px 0;
}
/* Images Colonne Gauche */
#gauche img {
border: 5px solid white;
/* top right bottom left */
margin: 5px 5px 0 5px;

}

#corps img {
margin-top: 0px;
}

/* Blocs Colonne Gauche */
#gauche .bloc {
width: 730px;
text-align: justify;
background-image: url("../images/gauche-bloc-background.jpg");
background-repeat: repeat;
background-position: top right;
/* top right bottom left */
padding: 10px;
margin: 0 0 10px 20px;
display: block;
float: right;
}

#gauche .bloc2 {
font-size: 11px;
height: 110px;
margin: auto;
float: right;
clear:both;
}
/* Hack pour IE */
/* html #gauche .bloc {
width: 750px;
}*/
/* Blocs Colonne Droite */
#droite .bloc {
width: 170px;
font-size: 8pt;
text-align: left;
color: black;
background-color: inherit;
background-image: url("../images/droite-bloc-background.jpg");
background-repeat: repeat;
background-position: top right;
border: 1px solid white;
/* top right bottom left */
padding: 5px;
margin: auto;
margin-bottom: 10px;
}

/* Hack pour IE */
/* html #droite .bloc {
width: 180px;
}*/
/* Menus Colonne Droite */
#droite .menu {
padding: 0; 
/* top right bottom left */
margin: 5px 0 10px 0;
}
#droite .menu li {
height: 16px;
list-style: none;
list-style-position: inside;
text-align: left;
font-size: 8pt;
font-weight: bold;

}
#droite .menu li a:hover{
text-decoration: underline;
}

#droite a:link, #droite a:visited {
color: black;
background-color: #d9f25b;
text-decoration: none;
outline: none;
}
#droite a:active, #droite a:hover {
color: #669933;
background-color: #d9f25b;
outline: none;
}
/* Images Colonne Droite */
#droite img {
border: none;
margin: 1px;
}
/* Titres Colonne Droite */
#droite h1 {
height: 20px;
line-height: 20px;
font-size: 10pt;
color: white;
background-color: inherit;
background-image: url("../images/droite-titre-background.jpg");
background-repeat: repeat-x;
background-position: top right;
/* top right bottom left */
margin: 0 0 5px 0;
padding: 0;
border-top: 1px dotted white;
border-bottom: 1px dotted white;
}
/* Formulaires */
form {
/* top right bottom left */
margin: 0 0 10px 0;
padding: 0;
font-size: 8pt;
text-align: left;
}
form p {
margin: 0;
}
fieldset {
text-align: center;
padding: 5px;
border: 1px solid #669933;
}
legend {
font-size: 10pt;
font-weight: bold;
color: black;
background-color: inherit;
}
input {
font-size: 8pt;
margin-bottom: 2px;
}
textarea {
font-size: 8pt;
margin-bottom: 2px;
}
/* Liens */
a:link, a:visited {
color: #f663d2;
text-decoration: none;
outline: none;
}
a:active, a:hover {
color: black;
background-color: #e394cf;
text-decoration: none;
outline: none;
}
/* Alignements divers */
.gauche {
float: right;
}
.droite {
float: left;
}
.center {
text-align: center;
}
/* Galerie Photo Dhtml */
#galerie {
display: table-cell;
text-align: center;
}
#galerie img {
border: 1px solid #443027;
margin: 8px;
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;
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: white;
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;
}
/* Pied de Page */
#footer {
width: 670px;
height: 27px;
line-height: 23px;
text-align: left;
text-indent: 30px;
font-size: 7pt;
float: right;
color: #669933;
margin-right: 50px;
}
/* Liens Pied de Page */
#footer a:link, #footer a:visited {
color: #669933;
text-decoration: underline;
background-color: transparent;
outline: none;
}
#footer a:active, #footer a:hover {
color: black;
background-color: transparent;
outline: none;
}