body { font-size: 0.9em; font-family: arial, tahoma, helvetica, verdana; background-image: url(../_img/fond.jpg); margin: 0; padding: 0; }
a:link { color: black; }

a:visited { }

a:hover { }

a:active { }
/*-------------------------------*/
#global {  }
/*/////////////////////  HEAD ///////////////////////////*/
#headmax { background-image: url(../_img/fond_big_head.jpg); text-align: center; display: block; margin: 0 auto; position: relative; top: 0; left: 0; width: 100%; height: 152px; float: left; clear: both; padding: 0 0 0; }
#head { background-image: url(../_img/fond_head.jpg); background-repeat: no-repeat; background-position: 0 bottom; text-align: center; position: relative; top: 0; left: 0; width: 990px; height: 152px; clear: both; margin: 0 auto; padding: 0; }
#head .content { position: relative; width: 990px; height: 152px; float: left; clear: both; margin: 0 auto; padding: 0; }
#logo { position: relative; top: 0; left: 10px; width: 365px; height: 118px; float: left; clear: left; 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; }
/*///////////////////// NAV ////////////////////////////*/
#nav { font-size: 0.85em; position: absolute; top: 124px; left: 90px; height: 30px; float: left; margin: 0; padding: 0; display: block; }
#nav ul,li { height: 30px; margin: 0; padding: 0; }
#nav ul { width: 100%; height: 30px; float: left; clear: both; display: block; }
#nav li { line-height: 25px; float: left; margin-right: 1px; list-style-type: none; display: block; }
a.link { color: #f3e6c4; background-image: url(../_img/nav.gif); background-repeat: repeat-x; text-decoration: none; height: 30px; float: left; padding-right: 7px; padding-left: 7px; list-style-type: none; display: block; }
a.link:hover { color: white; background-image: url(../_img/nav-over.gif); text-decoration: none; float: left; padding-right: 7px; padding-left: 7px; list-style-type: none; display: block; }
a.linkon { color: white; line-height: 25px; background-color: #caac6f; text-decoration: none; height: 30px; float: left; padding-right: 7px; padding-left: 7px; list-style-type: none; display: block; }
/*//////////////// CORPS ///////////////////////////*/
#corpsmax { background-color: #caac6f; text-align: center; position: relative; top: 0; left: 0; width: 100%; float: left; clear: both; margin: 0 auto; padding-top: 0; padding-right: 0; padding-left: 0; display: block; }
#corps { background-color: #caac6f; text-align: center; margin: 0 auto; padding: 0 0 20px; position: relative; top: 0; left: 0; width: 990px; height: auto; clear: both; }
#corps .content { text-align: left; margin: 30px 20px; padding: 0; position: relative; width: 950px; float: left; clear: both; }
/*-------colonnes----------------*/
#colmenu { position: relative; top: 0; left: 0; width: 170px; height: 100%; float: left; clear: left; display: block; }
#colonne { position: relative; top: 0; right: 0; width: 550px; height: auto; float: right; clear: right; margin: 0; padding: 0 0 20px 0; display: block; }
#colgauche { color: white; font-size: 1em; position: relative; top: 0; left: 0; width: 750px; height: auto; float: left; clear: left; margin: 0; padding: 0; display: block; }
#colgauche table { color: white; font-size: 1em; }
#colgauche h1 { font-size: 1.2em; text-transform: uppercase; margin-top: 0; border-bottom-style: dotted; border-bottom-width: 1px; }
#colgauche h2 { color: #fff; font-size: 1.2em; margin: 0 0 10px; padding-bottom: 0; padding-left: 5px; }
#coldroite { color: #796644; font-size: 0.85em; position: relative; top: 0; right: 0; width: 180px; float: right; clear: right; margin: 0; display: block; }
#coldroite p { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px dotted #ffffde; }
#coldroite h1 { color: #f3e6c4; font-size: 1.3em; background-color: #5d4e34; margin: 0 0 10px; padding-bottom: 0; padding-left: 10px; }
#coldroite h3 { color: #796644; font-size: 1.1em; margin: 0 0 5px; padding: 0; }
#coldroite a { color: #5d4e34; font-size: 0.9em; font-weight: bold; text-decoration: none; }
/*--------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 ///////////////////////*/
#pied { text-align: center; width: 990px; height: auto; margin-right: auto; margin-left: auto; }
#baseline { color: #dec28a; font-size: 0.8em; line-height: 2em; text-align: left; text-indent: 20px; height: 25px; float: left; clear: left; padding-top: 4px; display: block; }
#legal { color: #816d48; font-size: 0.8em; background-color: #af9560; width: auto; display: block; height: 20px; float: right; clear: right; padding: 5px 10px 0; }
#legal a{ color: #816d48; text-decoration: none; }
#legal a:hover{ color:#5d4e34; text-decoration: none; }
/*--------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; }
/*/////////// spe /////////////////////////*/
#intro { color: white; font-size: 0.9em; line-height: 1.6em; width: 740px; margin-bottom: 20px; }
#colgauche .bigintrobox { background-color: #f29400; background-image: url(../_img/fd-orange.gif); background-repeat: repeat-x; width: 348px; min-height: 320px; padding: 10px 10px 5px; display: block; }
#colgauche .bigintrobox h1 { color: white; font-size: 1em; text-indent: 5px; border: solid 1px; }
.introbox { color: white; font-size: 0.8em; width: 106px; float: left; padding-right: 10px; display: block; }
.introbox a { color: white; text-decoration: none; }
#colgauche .introbox h2 { color: white; font-size: 1em; font-weight: bold; text-indent: 0; margin-top: 10px; margin-bottom: 0.3em; border-bottom: 1px dotted white; }
#news { color: #5d4e34; background-color: #dec28a; float: left; margin: 0; padding: 0 10px 10px; }
#news h2 { font-size: 1em; margin-top: 1em; margin-bottom: 0.6em; border-bottom-style: dotted; border-bottom-width: 1px; }
#news a { color: #5d4e34; text-decoration: none; width: auto; display: block; }
#blog { color: white; font-size: 0.9em; background-color: #072d56; background-image: url(../_img/fondblog.gif); background-repeat: repeat-x; width: 160px; margin: 20px 0 0; padding: 0 10px 5px; float: left; }
#blog a { color: white; text-decoration: none; display: block; }
#blog h2 { font-size: 1.2em; margin-top: 0.5em; margin-bottom: 0; padding: 0; border-bottom: 1px dotted #0081f3; }
/*societe
*/
#photos-societe { position: relative; top: 0; left: 0; width: 250px; float: left; padding-top: 15px; display: block; }
#colgauche #photos-societe h1 { color: #ffffde; font-size: 1em; background-color: #f29400; margin: 0; padding: 2px 2px 2px 5px; border-style: none; }
#txt-societe { color: #fff; font-size: 0.9em; top: 0; right: 0; width: 480px; float: right; clear: right; display: block; }
#txt-societe h1 { color: #fdfdee; font-size: 1.3em; border-bottom-style: dotted; border-bottom-width: 1px; }
#col1 { color: #ffffde; font-size: 0.9em; position: relative; top: 0; left: 0; width:520px; height: auto; float: left; display: block; clear: left; margin: 0; padding-top: 0; }
#col1 h3 { font-size: 1.1em; margin-top: 2px; margin-bottom: 2px; }
#col1 h3 a { color: #e9c382; font-weight: normal; background-color: #5d4e34; text-decoration: none; text-indent: 10px; padding: 2px; display: block; }
#col1 h3 a:hover { color: white; text-decoration: none; background-color: #463a27; display: block; }
#col1 h3 a:focus { color: white; font-weight: bold; text-decoration: none; background-color: #d6870b; display: block; }
#col2 { color: #ffffde; width:170px; float: right; display: block; clear: right; font-size: 0.8em; background-color: #b59e75; position: relative; top: 0; right: 0; margin: 0; padding: 10px; border-style: dotted; border-width: 1px;; }
#boxorange { color: #ffffde; background-color:#f29400; padding: 5px; }
#boxorange a:hover { color: #ffffde; text-decoration: underline; }
#boxorange a { color: #ffffde; text-decoration: none; }
.formcontact { font-size: 11px; }
#compteur { color: #e9c382; font-size: 0.8em; text-indent: 24px; position: relative; top: 5px; left: 10px; float: left; clear: both; display: block; }