* {margin: 0px; padding: 0px;}

body { font-size: 0.9em; font-family: arial, tahoma, helvetica, verdana; background-color: #d2d0c3; background-image: url(../_img/fd.jpg); background-repeat: repeat-x; margin: 0; padding: 0; }
p { margin: 0 0 0.7em; }
a:link { color: black; text-decoration: none; }

a:visited { color: #6f6860; text-decoration: none; }

a:hover {  }

a:active { }
/*-------------------------------*/
#global { position: absolute; top: 24px; left: 50%; width: 990px; margin-left: -495px; }
/*/////////////////////  HEAD ///////////////////////////*/
#head { background-color: #ded7cd; background-image: url(../_img/banniere.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 990px; height: 170px; float: left; }
#logo { color: #02497f; font-size: 22px; font-weight: bold; line-height: 40px; text-align: right; position: relative; top: 30px; right: 30px; width: 350px; height: 120px; float: right; margin: 0; display: block; }
#recherche { font-size: 0.8em; font-weight: bold; position: relative; top: 90px; right: 20px; height: 25px; float: right; clear: right; margin: 0; padding: 0; display: block; }
.search { color: black; background-color: #c8c8c8; width: 150px; height: 20px; margin: 0; border: solid 1px white; }
/*--------------------------*/
/*submenu ------------------*/
#submenu { color: silver; font-size: 0.85em; font-family: arial, helvetica, tahoma, verdana; text-align: right; width: 100%; height: 20px; float: left; clear: both; margin: 0; padding: 0; display: block; }
a.linksub { color: silver; text-decoration: none; }
a.linksub:hover { color: #dedede; text-decoration: none; }
/*///////////////////// NAV ////////////////////////////*/
#nav { font-size: 1.0em; background-image: url(../_img/fd-menu.gif); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 960px; height: 50px; z-index: 2; float: left; clear: both; margin: 0; padding: 0 0 0 30px; display: block; }
.nav dt { font-weight: bold; background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; cursor: pointer; padding: 0 5px 0 0; height: 30px; float: left; margin: 0; }
.nav dt a { color: white; line-height: 30px; text-decoration: none; height: 30px; padding-right: 15px; padding-left: 15px; }
.nav dt a:hover { background-image: url(../_img/over.gif); background-repeat: repeat; display: block; }
/*DROPDOWN -------------------------*/
.dropdown {float:left; padding-right:5px}
.dropdown dt { padding:0; font-weight:bold; background-color: transparent; background-attachment: scroll; background-position: 0 0; width: 120px; height: 30px; margin: 0; cursor:pointer; }
.dropdown dd {position:absolute; overflow:hidden; display:none; background:#fff; z-index:200; opacity:0}
.dropdown ul { background-color: transparent; width:150px; height: auto; margin: 0; padding: 0; list-style:none; }
.dropdown li { height: 30px; margin: 0; padding: 0; border-top: 1px solid silver; display:block        }
.dropdown dt a { display:block; padding:0 15px; color:white; line-height: 30px; background-attachment: scroll; background-position: 0 0; text-decoration:none; margin: 0; }
.dropdown dt a:hover, .dropdown dt a:active { color:white; background-image: url(../_img/over.gif); background-repeat: repeat; background-position: 0 0; }
.dropdown a.link, .dropdown a.visited { color: white; line-height: 30px; background-image: url(../_img/fd-menu.gif); text-decoration: none; height: 30px; margin: 0; padding: 0 0 0 15px; display: block; }
.dropdown a.link:hover { color: white; background-image: url(../_img/over.gif); }
/*//////////////// CORPS ///////////////////////////*/
#corps { color: #6f6860; font-size: 0.9em; background-image: url(../_img/fd-corps.gif); background-repeat: repeat-y; text-align: left; width: 990px; height: auto; float: left; clear: both; margin: 0; padding: 0; display: block; }
#gaucheindex { background-image: url(../_img/etiq.gif); background-repeat: no-repeat; background-position: left bottom; margin: 0; width: 728px; height: auto; float: left; clear: left; padding: 0; display: block; }
#gauche { background-position: left 0; display: block; margin: 0; padding: 0; width: 728px; height: auto; float: left; clear: left; }
#droite { display: block; margin: 20px 0 0; padding: 0 20px 35px 0; width: 220px; height: 100%; float: right; clear: right; min-height: 200px; }
#droite a { color: black; text-decoration: none; }
#droite a:hover { color: black; text-decoration: none; }
#droite h1 { color: white; font-size: 16px; font-weight: bold; background-color: #6f6860; text-align: center; margin: 0 0 20px; padding: 5px; }
#contenu { background-image: url(../_img/etiq.gif); background-repeat: no-repeat; background-position: left bottom; display: block; margin: 0; padding: 0; width: 728px; height: auto; float: left; clear: both; }
#accueil { width: 670px; float: left; margin: 0 0 0 30px; padding: 15px 0 30px; }
.box { background-color: #014a80; width: 155px; height: 330px; float: left; margin: 0 10px 0 0; padding: 0; border: solid 1px navy; }
.box a { color: #fff; text-decoration: none; }
.box a:hover { color: yellow; font-weight: bold; text-decoration: none; }
.box h1 { color: #fff; font-size: 18px; background-color: #014a80; text-indent: 10px; margin: 0; padding: 2px 2px 5px; }
.boxt { color: white; margin: 0; padding: 5px; }
#box1 { background-image: url(../_img/box1.jpg); background-repeat: no-repeat; width: 397px; height: 112px; float: right; clear: right; margin: 0 0 10px; padding: 0; display: block; }
#box1:hover { background-image: url(../_img/box1.jpg); background-position: 0 -112px; display: block; width: 397px; height: 112px; float: right; clear: right; }
#box2 { background-image: url(../_img/box2.gif); background-repeat: no-repeat; width: 397px; height: 112px; float: right; clear: right; margin: 0 0 10px; padding: 0; display: block; }
#box2:hover { background-image: url(../_img/box2.gif); background-position: 0 -112px; display: block; width: 397px; height: 112px; float: right; clear: right; }
#box3 { background-image: url(../_img/box3.gif); background-repeat: no-repeat; display: block; margin: 0 0 10px; padding: 0; width: 397px; height: 112px; float: right; clear: right; }
#box3:hover { background-position: 0 -112px; display: block; width: 397px; height: 112px; float: right; clear: right; }
.boxtxt { color: white; width: 200px; float: right; padding-top: 20px; padding-right: 20px; }
.boxtxt a { color: white; text-decoration: none; }
.boxtxt h1 { font-size: 17px; font-family: "Arial Black", arial; font-weight: bold; margin: 0; padding: 0; }
/*-------colonnes----------------*/
#colmenu { position: relative; top: 0; left: 0; width: 170px; height: 100%; float: left; clear: left; display: block; }
#colonne { width: 600px; height: auto; float: left; margin: 0; padding: 20px 0 40px 60px; display: block; }
#colonne h2 { font-size: 20px; margin-bottom: 10px; border-bottom-style: dotted; border-bottom-width: 1px; }
#colgauche { width: 260px; height: auto; float: left; clear: left; margin: 20px 0 0; padding: 0 0 220px 40px; display: block; }
#coldroite { position: relative; top: 0; right: 0; width: 400px; height: auto; float: right; clear: right; margin: 20px 0 0; padding-top: 0; padding-left: 10px; display: block; }
/*--------menu gauche----------------*/
#menugauche { font-size: 1em; width: 170px; height: auto; overflow: hidden; float: left; clear: left; display: block; }
#menugauche ul,li { margin: 0; padding: 0; }
#menugauche li { line-height: 2.2em; background-color: silver; width: 170px; height: 30px; margin-top: 0; margin-bottom: 1px; list-style-type: none; }
.menug { color: white; background-color: silver; text-indent: 5px; width: 170px; height: 30px; margin: 0; padding: 0; }
.menugon { color: white; background-color: black; text-indent: 5px; margin: 0; padding: 0; width: 170px; height: 30px; }
a.linkmenug { color: white; text-decoration: none; width: 170px; height: 30px; display: block; }
a.linkmenug:hover { color: white; background-color: gray; text-decoration: none; width: 170px; height: 30px; }
a.linkmenugon { color: white; background-color: black; text-decoration: none; display: block; width: 170px; height: 30px; }
/*///////////////////// FOOTER ///////////////////////*/
#footer { font-size: 0.8em; background-image: url(../_img/fd-pied.gif); background-repeat: repeat-x; display: block; width: 100%; height: 150px; float: left; clear: both; }
#baseline { color: #6f6860; width: auto; float: left; clear: left; margin: 0; padding-top: 20px; padding-right: 20px; padding-left: 40px; display: block; }
#tags { color: #6f6860; display: block; width: auto; float: left; margin: 0; padding-top: 20px; }
#tags a { color: #6f6860; text-decoration: none; }
#tags a:hover { color: #26180f; text-decoration: none; }
#legal { color: #6f6860; text-align: right; position: relative; top: 5px; right: 20px; width: 400px; float: right; padding-top: 20px; padding-right: 10px; }
#legal a{ color: #6f6860; text-decoration: none; }
#legal a:hover{ color:#26180f; text-decoration: none; }
/*------ ligne de path ------------*/
#path { color: gray; font-size: 11px; width: 100%; margin: 0 0 10px; padding: 0 0 5px; }
#path a { color: gray; text-decoration: none; }
#path a:hover { color: black; text-decoration: underline; }
/*-------top
------------------
*/
#totop { text-align: right; width: 100%; float: left; margin-top: 10px; }
#totop a { color: gray; font-size: 0.7em; text-decoration: none; }
#totop a:hover { color: black; }
/*--------helpers--------------------*/
.imgspandroite { margin-right: 10px; margin-bottom: 5px; }
.imgspangauche { margin-bottom: 5px; margin-left: 10px; }
.more { font-size: 10px; margin-right: 10px; }
.more a { color: silver; background-color: white; float: right; margin-bottom: 10px; padding: 2px; border: solid 1px; }
.more a:hover { margin-bottom: 10px; padding: 2px; float: right; border: solid 1px; }
.cadre { border: solid 1px gray; }
a.nodeco { text-decoration: none; }
a.nodeco:hover { text-decoration: underline; }
/*----*/
.real { margin-bottom: 20px; border: solid 5px white; }
.boxrea { background-color: white; width: 600px; height: auto; float: left; clear: both; margin-bottom: 5px; padding: 5px; border-bottom: 1px dotted white; }
.boxrea a { color: black; text-decoration: none; }
.boxrea a:hover { color: #828078; text-decoration: none; }
.thumbrea { float: left; clear: left; }
.descrea { width: 430px; float: right; clear: right; padding-top: 10px; padding-bottom: 10px; }
.descreadet { width: 600px; height: auto; float: left; clear: both; margin-bottom: 10px; padding: 15px 10px; }
.cadrerea { margin-right: 10px; margin-bottom: 10px; border: solid 10px white; }
.cadrerea2 { margin-right: 5px; margin-bottom: 5px; border: solid 5px white; }
a.autre { color: gray; font-size: 1.2em; font-weight: bold; line-height: 2.6em; background-image: url(../_img/autrerea.jpg); background-repeat: no-repeat; text-decoration: none; text-indent: 15px; width: 208px; height: 41px; float: right; clear: both; display: block; }
a.autre:hover { color: black; background-repeat: no-repeat; background-position: 0 -41px; width: 208px; height: 41px; }
#foire { color: white; background-color: #02497f; width: 100%; margin-bottom: 20px; padding-top: 10px; }
#foire h1 { color: #fff000; font-size: 50px; background-color: #02497f; text-align: center; margin: 0; padding: 0; }
#foire h2 { color: white; font-size: 15px; background-color: #02497f; text-decoration: none; text-align: center; margin: 0; padding: 0 0 5px; }