/*                     */
/* Mise forme générale */
/*                     */

html, body {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;
line-height: 13pt;
text-align: center;
color: black;
background: url("../images/background.jpg") #dcdcdc repeat-x left top;
margin: 0;
}
/* Conteneur de la Page */
#container {
width: 990px;
background: url("../images/container.jpg") white repeat-y left top;
/* top/bottom right/left */
margin: 0 auto;
padding: 0;
}
/* Header */
#header {
width: 990px;
height: 130px;
background: url("../images/header.jpg") transparent no-repeat left top;
}
/* Logo */
#logo {
width: 495px;
height: 60px;
background: url("../images/logo.jpg") transparent no-repeat left top;
margin: 0;
float: left;
}
/* Intro */
#intro {
width: 495px;
height: 50px;
line-height: 25px;
font-size: 16pt;
font-style: italic;
font-family: "Times New Roman", serif; 
margin-top: 5px;
float: left;
}
/* Splash */
#splash {
width: 950px;
height: 160px;
background: url("../images/splash.jpg") transparent no-repeat left top;
/* top/bottom right/left */
margin: 5px auto;
}
/* Colonne Gauche */
#gauche {
width: 240px;
text-align: left;
float: left;
/* top right bottom left */
margin: 15px 20px 0 20px;
}
/* Hack IE6 */
* html #gauche {
margin-left: 10px
}
/* Colonne Principale */
#principale {
width: 690px;
text-align: justify;
float: left;
/* top right bottom left */
margin: 15px 0 0 0;
}
/* Footer */
#footer {
width: 990px;
font-size: 7pt;
text-align: center;
color:  #696969;
background: url("../images/footer.jpg") #dcdcdc no-repeat left top;
padding-top: 15px;
clear: both;
}

/*                */
/* Menu Superieur */
/*                */

#top_menu {
width: 960px;
height: 29px;
/* top right bottom left */
margin: 31px auto 0 15px;
padding: 0;
float: left;
clear: both;
}
/* Hack IE6 */
* html #top_menu {
margin-left: 7px
}
#top_menu a {
width: 160px;
height: 29px;
line-height: 29px;
font-size: 14pt;
text-align: center;
margin: 0;
float: left;
}


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

/* Liens Menu Superieur */
#top_menu a:link, #top_menu a:visited {
color: white;
text-decoration: none;
display: block;
outline: none;
}
#top_menu a:active, #top_menu a:hover, #top_menu #on {
color: #1856db;
text-decoration: none;
font-style: italic;
background: url("../images/onglet.jpg") no-repeat left top;
display: block;
outline: none;
}
/* Lien Normaux */
a:link, a:visited {
text-decoration: underline;
color: #696969;
background-color: transparent;
outline: none;
}
a:active, a:hover {
text-decoration: none;
color: black;
background-color: #dcdcdc;
outline: none;
}

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

/* Titres Colonne Gauche */
#gauche h1 {
font-size: 12pt;
text-align: left;
color: #1856db;
/* top right bottom left */
margin: 0 10px 5px 10px;
padding-top: 10px;
}
/* Titres Colonne Principale */
#principale h1 {
font-size: 14pt;
text-align: left;
color: #1856db;
/* top/bottom right/left */
margin: 5px 0;
}
/* Sous Titres Colonne Gauche et Principale */
h2  {
font-size: 11pt;
text-align: left;
color: #4e4e4e;
/* top/bottom right/left */
margin: 5px 0;
}

/*                   */
/*     Formulaire    */
/*                   */

form {
/* top right bottom left */
margin: 10px 0 0 0;
}
fieldset {
text-align: center;
padding: 0;
border: 1px solid white;
}
legend {
color: black;
font-weight: bold;
margin-left: 13px;
text-align: left;
}
fieldset p {
margin: 10px;
}
form p {
margin: 5px;
}


/*               */
/*     Divers    */
/*               */

/* Bloc Gris Gauche */
#gauche .bloc {
width: 240px;
background: url("../images/bloc.jpg") transparent no-repeat left top;
/* top right bottom left */
margin: 0 0 10px 0;
}
#gauche .bloc_foot {
width: 240px;
height: 15px;
background: url("../images/bloc_foot.jpg") transparent no-repeat left top;
}
/* Bloc Bloc 50% */
#principale .bloc {
width: 330px;
text-align: left;
padding: 0;
margin: auto;
float: left;
}
/* Bloc Bloc 50% Gauche */
#principale .g {
width: 329px;
padding-right: 15px;
margin-right: 15px;
border-right: 1px dotted black;
}
/* Hack IE6 */
* html #principale .g {
width: 314px;
}
/* Element Flottant Aligné a Gauche */
.left {
float: left;
margin-right: 10px;
}
/* Element Flottant Aligné a Droite */
.right {
float: right;
margin-left: 10px;
}
/* Texte Centré */
.center {
text-align: center;
}
/* Retour à la ligne forcé */
.end {
clear: both;
}
/* Ligne Séparatrice */
.hr {
width: 100%;
height: 1px;
display: block;
background: url("../images/ligne.jpg") transparent no-repeat center top;
margin: 10px auto;
clear: both;
}
/* Pas de bordure sur les images */
img {
border: none;
}
/* Bordures images */
.bord {
border: 1px solid #a0a0a0;
}
/* Positionnement des images icones */
.ico {
vertical-align: top;
}
p {
/* top right bottom left */
margin: 0 10px 0 10px;
}
/* Liste */
ul {
/* top/bottom right/left */
margin: 5px 0;
padding: 0;
}
#gauche ul {
/* top right bottom left */
margin: 0 5px 0 10px;
font-weight: bold;
}
li {
list-style-type: circle;
list-style-position: inside;
}
#gauche li {
list-style-type: disc;
}
/* Bolc de Citation */
cite {
display: block;
clear: both;
margin-bottom: 5px;
}
/* Galerie Photos */
.galerie {
width: 700px;
display: table-cell;
text-align: center !important;
}
.galerie img {
margin: 15px;
vertical-align: middle;
}