body { color: #666; font-family: arial, helvetica, sans-serif; font-size: 80%; margin: 0; padding: 0; }
* { margin: 0; padding: 0; }
td { font-size: 100%; }
a { color: #39c; text-decoration: none; }
a:hover { border-bottom: 1px dotted #39c; }
img, a img { border: none; }
.out { display: none; }
.nocolor { color: #666; }
#container { }
/* ------------------------------------ */
/*                 TÊTE                 */
/* ------------------------------------ */
#header { height: 50px; padding-top: 10px; }
#header h1 { background-image: url(../img/General/compocom.gif); background-repeat: no-repeat; background-position: left top; width: 160px; height: 40px; float: left; margin-top: 4px; margin-left: 28px; cursor: pointer; }
#header h1 span { display: none; }
#header h2 { display: none; }
#header h3 { background-image: url(../img/General/description.gif); background-repeat: no-repeat; background-position: left top; width: 655px; height: 45px; margin-top: 0; margin-left: 205px; }
#header h3 span { display: none; }
/* ------------------------------------ */
/*              GLOBAL/MENU             */
/* ------------------------------------ */
ul#menu { font-size: 0.75em; text-transform: uppercase; position: fixed; top: 110px; left: 15px; width: 100px; margin: 0; padding: 0; list-style-type: none; }
#menu li a { color: #666; line-height: 20px; text-decoration: none; padding-top: 1px; padding-bottom: 1px; padding-left: 40px; }
#menu li a:hover { background-image: url(../img/General/puce_fleche.gif); background-repeat: no-repeat; background-position: left center; border: none; }
/* ------------------------------------ */
/*             GLOBAL/CONTENU           */
/* ------------------------------------ */
#acces { font-size: 11px; background-color: #fff; float: right; margin-top: -50px; margin-right: 20px; }
#acces a { color: #999; background-image: url(../img/General/puce_fleche.gif); background-repeat: no-repeat; background-position: -10px center; text-decoration: none; padding-right: 5px; padding-left: 27px; }
#acces a:hover { color: #999; background-image: url(../img/General/puce_fleche.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; border: none; }
#global { background-color: #f3efe6; min-height: 400px; margin-left: 15px; padding-top: 50px; }
#contenu { width: 640px; margin-left: 235px; padding-bottom: 10px; }
#contenu h1 { color: #39c; font-size: 1.3em; font-family: Times, "Times New Roman", Georgia, serif; font-weight: bold; font-variant: small-caps; letter-spacing: 1px; margin-top: 1em; margin-bottom: 0.5em; }
#contenu h2 { font-size: 1em; text-transform: uppercase; margin-top: 1em; margin-bottom: 0.5em; }
#contenu h3 { font-size: 1em; margin-top: 1em; margin-bottom: 0.5em; }
#contenu .lead { margin-top: 0; }
.surligne { background-image: url(../img/General/tiret.gif); background-repeat: no-repeat; background-position: left top; padding-top: 1em; }
.surligne_border { padding-top: 0.75em; border-top: 1px dotted #666; }
#contenu p {
margin: 0 0 0.5em;
}
#pied { font-size: 0.8em; margin-right: 15px; margin-left: 250px; padding-top: 2px; padding-bottom: 5px; white-space: nowrap; }
#pied a { color: #666; text-decoration: none; }
#pied a:hover { color: #666; text-decoration: underline; border: none; }
/* ------------------------------------ */
/*             BLOCS IMAGES             */
/* ------------------------------------ */
.pict { margin-bottom: 2em; border-color: transparent; border-width: 0; }
.pict img { margin: 0; padding: 0; border-width: 0; }
.pict img.cadre { border: solid 1px #999; }
#contenu .ref { margin-top: 3px; }
#contenu .ref h4 { font-size: 0.85em; font-weight: bold; text-align: right; width: 310px; float: left; margin: 0; padding: 0; }
.pict ul { margin: 0 0 0 320px; padding: 0 0 0 9px; border-left: 1px dotted #999; list-style-type: none; }
.pict li { font-size: x-small; margin: 4px 0 0; padding: 0; }
td img { border: solid 1px #999; display: block; }
td img:hover { border-color: #39c; }
/* ------------------------------------ */
/*            OPTION OVERFLOW           (changer contenu 655 px)*/
/* ------------------------------------ */
.galerie { height: 520px; overflow: auto; }
.galerie_logos { height: 85px; overflow: auto; }
/* ------------------------------------ */
.oculte { display: none; }
.clear { clear: both; display: none; }
/* ------------------------------------ */
/*                 FORM                 */
/* ------------------------------------ */
form { margin-top: 20px; }
label { float:left; text-align:right; width: 10em; padding-right:20px; }
input.textfield { font-size: small; background-color: white; width: 252px; padding: 2px; border: solid 1px #666; }
input:focus { background:#fbffe6; }
textarea { font-size: small; background-color: white; padding: 2px; width: 400px; height: 10em; border: solid 1px #666; }
input.send { margin-top: 10px; }
/* ------------------------------------ */
/*             ZONE CLIENTS             */
/* ------------------------------------ */
ul.puce_ul { margin: 0; padding: 0; }
.puce_ul li { font-size: 1em; line-height: 20px; background-image: url(../img/General/puce_ul.gif); background-repeat: no-repeat; background-position: left center; padding-left: 19px; list-style-type: none; }