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

html, body {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;
line-height: 13pt;
text-align: center;
color: white;
background: url("../images/background.jpg") #123401 repeat-x left top;
margin: 0;
}
/* Conteneur de la Page */
#container {
width: 990px;
/* top/bottom right/left */
margin: 0 auto;
padding: 0;
text-align: justify;
}
/* Header */
#header {
width: 990px;
height: 260px;
background: url("../images/header.jpg") transparent no-repeat left top;
}
/* Logo */
#logo {
width: 333px;
height: 70px;
background: url("../images/logo.jpg") no-repeat left top;
margin: 0;
float: left;
}
/* Splash */
#splash {
width: 598px;
height: 184px;
background: url("../images/splash.jpg") transparent no-repeat left top;
margin-top: 26px;
float: right;
}
/* Hack IE 6 */
* html #splash {
margin-top: 14px;
}
/* Colonne Principale */
#principale {
width: 700px;
text-align: justify;
float: left;
/* top right bottom left */
margin: -20px 0 15px 0;
}
/* Colonne Droite */
#droite {
width: 260px;
text-align: justify;
float: left;
/* top right bottom left */
margin: 0 0 15px 30px;
}
/* Footer */
#footer {
width: 990px;
font-size: 7pt;
/* top/bottom right/left */
padding: 5px 0;
margin-top: 10px;
clear: both;
border-top: 1px dotted #d9ea00;
}

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

#top_menu {
width: 657px;
height: 50px;
text-align: left;
float: left;
margin: 0;
padding: 0;
}
#top_menu a {
font-size: 14pt;
margin: 0;
float: left;
background: blue;
}

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

/* Liens Menu Superieur */
#top_menu a:link, #top_menu a:visited {
height: 41px;
color: #777777;
text-decoration: none;
background: url("../images/top_menu_off.jpg") no-repeat left top;
display: block;
/* top right bottom left */
padding: 3px 10px 0 10px;
outline: none;
}
#top_menu a:active, #top_menu a:hover, #top_menu #on {
height: 50px;
color: white;
text-decoration: none;
background: url("../images/top_menu_on.jpg") no-repeat left top;
display: block;
/* top right bottom left */
padding: 12px 10px 0 10px;
outline: none;
}
#top_menu span {
font-size: 7pt;
display: block;
clear: both;
}
/* Lien Normaux */
a:link, a:visited {
text-decoration: underline;
color: #ffce08;
background-color: transparent;
outline: none;
}
a:active, a:hover {
text-decoration: none;
color: #d9ea00;
outline: none;
}

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

/* Titres Colonne Principale */
#principale h1 {
height: 22px;
font-size: 15pt;
text-align: left;
/* top right bottom left */
margin: 20px 0 10px 0;
border-bottom: 1px solid #d9ea00;
}
h1 span {
color: #d9ea00;
}
/* Titres Colonne droite */
#droite h1 {
width: 260px;
height: 40px;
line-height: 40px;
text-indent: 85px;
font-size: 12pt;
text-align: left;
color: #123401;
background: url("../images/h1_droite_bg.gif") no-repeat left top;
/* top right bottom left */
margin: 0 0 5px 0;
}
/* Sous Titres Colonne Principale */
h2  {
font-size: 11pt;
text-align: left;
/* top/bottom right/left */
margin: 5px 0;
}

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

form {
margin: 0;
}
fieldset {
text-align: center;
padding: 0;
border: 1px solid #ffce08;
}
legend {
color: #d9ea00;
font-weight: bold;
margin-left: 20px;
}
fieldset p {
margin: 10px;
}

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

/* Paragraphe Splash */
#splash p {
font-size: 11pt;
line-height: 15pt;
color: black;
/* top/bottom right/left */
margin: 18px 25px;
}
/* Masque Image Terre */
#splash span {
width: 85px;
height: 85px;
float: left;
}
/* Bloc Bloc 50% */
#principale .bloc {
width: 335px;
padding: 0px;
margin: auto;
float: left;
}
/* Bloc Bloc 50% Gauche */
#principale .g {
margin-right: 30px;
}
/* Element Flottant Aligné a Gauche */
.left {
float: left;
margin-right: 5px;
}
/* Element Flottant Aligné a Droite */
.right {
float: right;
margin-left: 5px;
}
/* Texte aligné a Droite */
.droite {
text-align: right;
}
/* Ligne Séparatrice */
.hr {
height: 10px;
margin-bottom: 10px;
border-bottom: 1px dotted white;
clear: both;
}
/* Pas de bordure sur les images */
img {
border: none;
}
/* Bordures images */
.bord {
padding: 1px;
background: black;
border: 1px solid white;
}
/* Positionnement des images icones */
.ico {
vertical-align: top;
}
/* Liste */
ul {
margin: 0;
padding: 0;
}
li {
line-height: 15pt;
font-weight: bold;
list-style-type: none;
background: url("../images/arrow.gif") no-repeat 0% 65%;
padding-left: 20px;
}
/* Galerie Photos */
.galerie {
width: 700px;
display: table-cell;
text-align: center !important;
}
.galerie img {
margin: 15px;
vertical-align: middle;
}

.reference {
	border: 3px solid black;
}