/*                     */
/* Mise forme g�n�rale */
/*                     */

html {
background-color: #cdba80;
}
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 10pt;
line-height: 130%;
text-align: center;
color: black;
background: url("../images/background.jpg") #f2dea2 repeat-x left top;
margin: 0;
}
/* Conteneur de la Page */
#container {
width: 990px;
/* top/bottom right/left */
margin: 0 auto;
padding: 0;
}
/* Header */
#header {
width: 990px;
height: 368px;
background: url("../images/header.jpg") transparent no-repeat left top;
}
/* Logo */
#logo {
width: 390px;
height: 219px;
background: url("../images/logo.jpg") transparent no-repeat left top;
margin-left: 175px;
float: left;
}
/* Hack IE6 */
* html #logo {
margin-left: 88px;
}
/* Splash */
#splash {
width: 585px;
height: 149px;
line-height: 33px;
font-size: 16pt;
font-style: italic;
color:  #a43300;
background: url("../images/splash.jpg") transparent no-repeat left top;
margin-left: 175px;
clear: left;
}
/* Hack IE6 */
* html #splash {
margin-left: 172px;
}
/* Colonne Gauche */
#gauche {
width: 670px;
text-align: justify;
float: left;
/* top right bottom left */
margin: 0 20px 10px 0;
}
/* Colonne Droite */
#droite {
width: 300px;
text-align: left;
float: left;
}
/* Bloc Colonne Droite */
#droite .bloc {
width: 300px;
background: url("../images/droite_bg.jpg") transparent repeat-y left top;
border-bottom: 1px solid #cdba80;
margin-bottom: 10px;
}
/* Footer */
#footer {
font-size: 7pt;
text-align: center;
color:  #8b5c29;
background: url("../images/footer.jpg") #cdba80 repeat-x left top;
padding-top: 5px;
}

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

#top_menu {
width: 230px;
height: 300px;
text-align: left;
background: url("../images/menu.jpg") transparent no-repeat left top;
margin: 0;
/* top right bottom left */
padding: 30px 0 0 0;
float: right;
}
#top_menu dd {
width: 170px;
height: 25px;
line-height: 25px;
text-align: left;
font-size: 13pt;
font-weight: bold;
/* top right bottom left */
margin: 0 0 2px 25px;
}

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

/* Liens Menu Superieur */
#top_menu a:link, #top_menu a:visited {
color: #073ac7;
text-decoration: none;
background: url("../images/off.gif") transparent no-repeat left center;
padding-left: 25px;
}
#top_menu a:active, #top_menu a:hover, #top_menu #on {
color: #467f00;
font-style: italic;
text-decoration: none;
background: url("../images/on.gif") transparent no-repeat left center;
padding-left: 25px;
}
#rss a:link, #rss a:visited {
background: url("../images/feed.gif") transparent no-repeat left center;
}
/* Lien Normaux */
a:link, a:visited {
color: #073ac7;
background-color: transparent;
text-decoration: underline;
outline: none;
}
a:active, a:hover {
color: #8b5c29;
background-color: transparent;
text-decoration: underline;
outline: none;
}

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

/* Titres Colonne Gauche */
#gauche h1 {
height: 31px;
line-height: 31px;
font-size: 14pt;
text-align: left;
text-indent: 50px;
color: #a43300;
background: url("../images/sal.png") transparent no-repeat left center;
margin: 0;
/* top/bottom right/left */ 
padding: 0;
}
/* Titres Colonne Droite */
#droite h1 {
height: 36px;
line-height: 36px;
font-size: 13pt;
text-align: left;
text-indent: 40px;
color: #073ac7;
background: url("../images/droite_h1.jpg") transparent no-repeat left top;
margin: 0;
}
/* Sous Titres Colonne Gauche */
h2  {
font-size: 11pt;
text-align: left;
color: #073ac7;
/* top/bottom right/left */
margin: 5px 0;
}
/* Sous Titres Colonne Droite */
#droite h2  {
font-size: 11pt;
text-align: left;
color: #2d6fd3;
/* top right bottom left */
margin: 0 10px 5px 10px;
}

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

form {
margin: 0;
}
form p {
/* top/bottom right/left */
margin: 5px 0 !important;
}
input#nom, input#email, input#tel {
width: 280px;
height: 20px;
line-height: 20px;
text-indent: 5px;
outline: none;
border: 1px solid #8b5c29;
}
textarea#texte {
width: 320px;
height: 150px;
font-family: "Trebuchet MS", Helvetica, sans-serif; 
vertical-align: middle;
outline: none;
border: 1px solid #8b5c29;
padding: 3px;
}
#contact fieldset {
text-align: center;
width: 45%;
border: none;
float: left;
margin: 0;
}

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

/* Pas de bordure sur les images */
img {
border: none;
}
/* Liste */
ul {
/* top right bottom left */
margin: 0 10px 10px 10px;
padding: 0;
font-weight: bold;
}
li {
color: #a43300;
list-style-type: disc;
list-style-position: inside;
}
#droite p {
/* top right bottom left */
margin: 0 10px 10px 10px;
}
#splash p {
/* top right bottom left */
margin: 0 15px 15px 15px;
}
/* Ligne S�paratrice */
.hr {
width: 670px;
height: 11px;
background: url("../images/ligne.jpg") transparent no-repeat left top;
margin: 10px auto;
clear: both;
}
/* Bordures images */
.bord {
border: 1px solid #073ac7;
}
/* Bordures images */
.ico {
vertical-align: middle;
}
/* Retour � la ligne forc� */
.end {
clear: both;
}
/* 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;
}
/* Galerie Photos */
.galerie {
width: 670px;
display: table-cell;
text-align: center !important;
}
.galerie img {
margin: 15px;
vertical-align: middle;
}