/***** STRUCTURE GLOBALE ********************/
* { margin: 0; padding: 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #3375FF;  }
HTML { height: 100%; }
BODY { height: 100%; background: #FFF; font-size: 11px; }
#conteneur { position: relative; left: 50%; width: 880px; padding-bottom: 15px; margin-left: -440px; text-align: left; }

/***** EN-TETE ******************************/
#header { position: relative; height: 170px; padding: 20px 0 0 0; margin: 0 0 1px 0;  }
#header #clochette { position: absolute; }
#header H1 .titre123 { margin-right: 5px; font-size: 30px; font-style: normal; color: #FFBB2D; }
#header H1 .titreServices { margin-right: 10px; font-size: 30px; font-style: normal; color: #69F; }
#header H1 A { display: block; text-indent: -1000px; text-decoration: none; width: 280px; height: 91px; }
#menu { position: absolute; bottom: 0; height: 80px; background: #FFAE00 url(../pics/interface/bg-menu-ul.gif) repeat-x; list-style: none; width: 880px; }
#menu LI { float: right; width: 115px; height: 80px; background: url(../pics/interface/bg-menu-li.gif) no-repeat; text-align: center; }
#menu A { display: block; width: 115px; height: 20px; padding-top: 60px; font-weight: bold; color: #FFF; text-decoration: none; }
#menu A:hover { text-decoration: underline !important; }

/***** CONTENU ******************************/
#contenu { margin-bottom: 5px; padding: 30px 20px 10px 40px; background: #69F; }
#article { width: 595px; background: url(../pics/interface/bg-article.gif) repeat-y; margin-bottom: 15px; }
#articleGauche { float: left; width: 290px; height: 250px; padding: 5px 0 0 5px; }
HTML>BODY>#conteneur>#contenu>#article #articleGauche { min-height: 250px; height: auto; }
#articleDroite { float: left; width: 275px; height: 250px; margin: 0 0 5px 15px; padding: 10px 5px 0 0; background: url(../pics/interface/bg-article-droite.gif) no-repeat 95% 100%; }
HTML>BODY>#conteneur>#contenu>#article #articleDroite { min-height: 250px; height: auto; }

#articleFull { width: 590px; background: url(../pics/interface/bg-article-full.gif) repeat-y; margin: 0 0 15px 0; padding: 5px 0 0 5px; }
#articleFooter { clear: left; height: 10px; background: url(../pics/interface/bg-article-footer.gif) no-repeat; line-height: 1px; font-size: 1px; }
#articleFooterFull { clear: left; height: 6px; background: url(../pics/interface/bg-article-footer-full.gif) no-repeat; line-height: 1px; font-size: 1px; }
#footerContenu { clear: both; }

/* Texte */
H1#logo { background: url(../pics/123Services.gif) center center no-repeat; height: 35px; text-indent: -10000px; }
H1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style: italic; color: #FFF; }
H1 .titre123 { margin-right: 5px; font-size: 30px; font-style: normal; color: #FFBB2D; }
H1 .titreServices { margin-right: 10px; font-size: 30px; font-style: normal; color: #FFF; }
#contenu H1 { width: 595px; margin-bottom: 15px; }
#contenu H2 { font-size: 14px; color: #FFF; margin-bottom: 10px; }
#article H2 { margin-bottom: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 19px; font-style: italic; color: #FFAE00; text-align: center; }
#article P, #articleFull P { margin: 0 5px 10px 0; line-height: 18px; font-size: 11px;}
#article UL, #articleFull UL { margin-left: 15px; }
#article LI, #articleFull LI { margin-bottom: 10px; font-size: 11px; line-height: 18px; list-style-image: url(../pics/puce.gif);}
#article UL.accroche LI, #articleFull UL.accroche LI { font-size: 13px; font-weight: bold; }
#article UL.sousmenu, #articleFull UL.sousmenu { margin: 20px 10px 0 25px; }
#article UL.sousmenu A, #articleFull UL.sousmenu A { font-size: 11px; font-weight: normal; }

#articleFull P { padding: 3px 0 3px 5px; font-size: 11px; }

/* Tableaux */
TABLE { border: none; width: 500px; margin-bottom: 20px; }
TD { padding: 5px; text-align: center; vertical-align: top; }
TD.entete { font-weight: bold; }
TD.d { border-right: 1px solid #3375FF; }
TD.b { border-bottom: 1px solid #3375FF; }
.sous-titre {  font-weight: bold; margin: 5px 10px 10px 10px !important;}

/* Formulaires */
#identification { margin-top: 40px; }
#identification LABEL { display: inline; float: left; width: 120px; }
.mon_compte { margin: 50px 0 0 100px !important; }
TEXTAREA { width: 95%; }

/***** MODULES ******************************/
#colonne { float: right; width: 185px; margin-top: 0px; }

/* Rappel */
#rappel { float: right; width: 170px; height: 60px; margin-bottom: 15px; padding: 10px 0 0 15px; background: url(../pics/interface/bg-rappel.gif) no-repeat; }
#rappel H3 { margin-bottom: 5px; font-size: 14px; color: #FFF; }
#rappel INPUT { width: 125px; margin-right: 10px; padding: 1px; border: 1px solid #FFFF01; }
#rappel INPUT.bouton { width: 16px; height: 16px; padding: 0; border: 0; background: url(../pics/btn-rappel.gif) no-repeat; cursor: pointer; }

/* Devis express */
#devis { float: right; clear: right; width: 165px; height: 235px; padding: 10px 10px 0 10px; background: url(../pics/interface/bg-devis.gif) no-repeat; }
#devis H3 { margin-bottom: 5px; font-size: 14px; }
#devis P { text-align: right; height: 22px; }
#devis LABEL { float: left; display: inline; color: #6699FF; }
#devis INPUT { width: 90px; padding: 1px; border: 1px solid #9DBDFF; }
#devis INPUT.petit { width: 40px; }
#devis INPUT.bouton { width: 16px; height: 16px; padding: 0; border: 0; background: url(../pics/btn-devis.gif) no-repeat; cursor: pointer; }
#devis LABEL.ok { float: none; margin-right: 15px; }

/** ---- STYLES FORMULAIRE RECRUTEMENT ---- **/
#recrutement { font-size: 11px !important; }
#recrutement LABEL { display: block; float: left; width: 110px; }
#recrutement INPUT { width: 150px; padding: 1px; font-size: 11px; }
#recrutement INPUT.bouton { }
#recrutement INPUT.chkbox { width: 20px; vertical-align: middle; }
#recrutement INPUT.petit { width: 20px; }
#recrutement TEXTAREA { width: 267px; }
#recrutement P { font-size: 11px; }
#recrutement UL LI { font-size: 11px; }

/***** PIED-DE-PAGE *************************/
#footer { list-style: none; margin-bottom: 15px; }
#footer LI { float: left; padding: 0 10px 0 10px; border-left: 1px solid #69F; }
#footer LI.premier { padding-left: 0; border: none; }
#footer A:hover { color: #91B5FF; }

/***** STYLES GENERAUX **********************/
.bold { font-weight: bold; }
.titre { color: #3375FF; font-weight: bold; font-size: 14px !important; }
.colored { color: #FFBB2D; font-size: 17px; font-weight: bold; }
.qualite { text-align: right; margin: 0 27px 0 0; }
IMG { border: 0; vertical-align: middle !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.justify { text-align: justify !important; }
.gauche { float: left !important; }
.droite { float: right !important; }
.clear { clear: both !important; }
.zoneTexte { overflow: hidden; font-family:Verdana; font-size: 11px; }
#formulaire LABEL { display: inline; float:left; width:120px; }
#informations_personnelles LABEL{ display: inline; float:left; width:120px; }
#newsletter{ margin: 30px 0 0 80px; }
#newsletter P{ margin: 5px 0 0 0; }
#newsletter INPUT{ width:160px; margin: 0 0 0 -5px; }
#newsletter .bouton{ width:60px; margin: 0 0 0 40px; }
#carnets LI{ font-family:Tahoma; font-size:11px; list-style:none; }
#carnets LABEL{ display: inline; float:left; width:120px; }
#carnets INPUT{ padding: 0 10px 0 10px; }
SELECT{ width:110px; padding:0 0 0 10px; }
OPTION{ padding:0 0 0 10px; } 
.frais { font-size: 14px !important; }
#contact INPUT { font-size: 11px; width: 132px; padding: 1px; }