/*** ELEMENTS GENERAUX *****************************************************************************************************************************************/
*          { margin: 0; padding: 0; }
HTML, BODY { height: 100%; }
BODY       { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #58585A; position:relative; background:#EAEAEA url(../pics/charte/bg-body-4.jpg) top left repeat-x; }
UL         { list-style:disk outside; }
A          { text-decoration:none; outline:none; color:#AD0D5F; cursor:pointer; }
A:hover    { text-decoration:underline; }	
IMG        { border:none; }

/*** GLOBAL *****************************************************************************************************************************************/
#global { height:800px; background:url(../pics/charte/bg-body-4-bis.jpg) top right no-repeat; }

/*** HEADER / MENU *****************************************************************************************************************************************/
#header { padding-top:90px; height:70px; width:980px; position:relative; left:50%; margin-left:-490px; }

#logo   { display:block; width:250px; height:70px; float:left; background:url(../pics/charte/logo.gif) top left no-repeat; font-size:0; text-indent:-9000px; }

#menu             { position:absolute; bottom:0; right:0; list-style:none; height:40px; }
#menu LI          { float:left; padding:0 0 0 1px; height:40px; }
#menu LI A        { display:block; height:40px; text-indent:-9000px; }
#recrutement A    { width:119px; background:url(../pics/charte/bg-menu-recrutement.jpg) top left no-repeat; }
#qualite A        { width:79px; background:url(../pics/charte/bg-menu-qualite.jpg) top left no-repeat; }
#avantages A      { width:99px; background:url(../pics/charte/bg-menu-avantages.jpg) top left no-repeat; }
#tarifs A         { width:69px; background:url(../pics/charte/bg-menu-tarifs.jpg) top left no-repeat; }
#temoignages A    { width:109px; background:url(../pics/charte/bg-menu-temoignages.jpg) top left no-repeat; }
#presentation A   { width:193px; background:url(../pics/charte/bg-menu-presentation.jpg) top left no-repeat; }

#menu LI A:hover  { background-position:bottom left; }
#menu LI A.active { background-position:bottom left; }

/*** CONTENU *****************************************************************************************************************************************/
#centre { line-height:18px; width:980px; position:relative; left:50%; margin-left:-490px; padding:10px 0 0 0; }

#colonne { float:right; width:270px; height:390px; }

/* article */
#article        { float:left; width:690px; height:400px; padding:0 10px 0 10px; background:#fff; }
HTML>BODY>#global>#centre>#article { min-height:400px; height:auto; }
.articleHome    { width:700px; height:390px!important; min-height:390px!important; padding:0 0 0 10px!important; }
#article H1     { height:140px; text-indent:-9000px; margin:0 0 10px 0; }
#article H2     { font-size:18px; font-weight:normal; color:#612F32; margin:0 0 15px 0; }
#article H3     { font-size:14px; margin:0 0 0 0; }
#article P      { margin-bottom:15px; }
#article UL     { margin:0 15px 15px 10px; list-style:none; }
#article UL LI  { padding:0 0 14px 13px; background:url(../pics/charte/puce.jpg) top left no-repeat; line-height:15px; }
#article A      { color:#662C2B; }
#contenuArticle { color:#333; padding: 0 20px 0 20px; }

/* titres des différentes pages */
#titreAvantages    { background:url(../pics/charte/bg-h1-avantages.jpg) top left no-repeat; }
#titreTarifs       { background:url(../pics/charte/bg-h1-tarifs.jpg) top left no-repeat; }
#titrePresentation { background:url(../pics/charte/bg-h1-presentation.jpg) top left no-repeat; }
#titreRecrutement  { background:url(../pics/charte/bg-h1-recrutement.jpg) top left no-repeat; }
#titreQualite      { background:url(../pics/charte/bg-h1-qualite.jpg) top left no-repeat; }
#titreTemoignages  { background:url(../pics/charte/bg-h1-temoignages.jpg) top left no-repeat; }
#titreMentions     { background:url(../pics/charte/bg-h1-mentions.jpg) top left no-repeat; }

#contact { background:url(../pics/charte/bg-contact.jpg) top left no-repeat; width:270px; height:80px; text-indent:-9000px; font-size:0; }

/* Formulaire Devis */
#demandeDevis          { position:absolute; width:230px; height:225px; background:url(../pics/charte/bg-devis.png) top left no-repeat; padding:85px 20px 0 20px; }
#demandeDevis P        { height:20px; }
#demandeDevis LABEL    { display:block; float:left; clear:both; font-size:11px; font-weight:bold; color:#FFD7A3; text-align:right; width:86px; text-align:right; padding-right:4px; }
#demandeDevis INPUT    { width:136px; height:16px; float:right; margin-bottom:2px; border:1px solid #652929; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#652929; padding:0 0 0 2px; }
#demandeDevis SELECT   { height:18px; float:right; border:1px solid #652929; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#652929; margin-bottom:3px; }
#demandeDevis .chkbxs LABEl  { display:inline; float:none; width:auto; }
#demandeDevis .chk           { width:auto; vertical-align:middle; }
#demandeDevis .bouton        { height:auto; }
#demandeDevis .bouton INPUT  { cursor:pointer; width:130px!important; height:40px!important; border:none!important; padding:0!important; margin:0!important; background:url(../pics/charte/bg-devis-submit.png) top left no-repeat; float:none; position:absolute; bottom:0; left:120px; font-size:0; text-indent:-9000px; }
#demandeDevis .bouton INPUT:hover { background-position:bottom left; }
#heures                      { width:60px; text-indent:2px; }
#heures OPTION               { padding-left:2px; }
#cp                          { width:136px!important; }
#heureRappel                 { width:103px!important; }
#message                     { position:absolute; left:0; width:266px; clear:both; text-align:center; background:#FFD7A3; color:#652929; padding:2px; font-size:10px; }

/* tarifs */
#tableauTarifs    { width:500px; border-collapse:collapse; margin:0 auto 0 auto; }
#tableauTarifs TH { text-align:left; color:#FFD7A3; font-size:15px; font-weight:bold; background:url(../pics/charte/bg-table-top.jpg) top left no-repeat; height:29px; text-indent:8px; }
#tableauTarifs TR { width:500px; }
#tableauTarifs TD { background:url(../pics/charte/bg-table-cell.jpg) top left repeat-x; color:#652929; font-size:15px; font-weight:bold; text-align:center; padding:4px 0 4px 0; border-right:1px solid #fff; border-top:1px solid #fff; }
#tableauTarifs SMALL { font-size:11px; }
#tableauTarifs TD.forfait { background:url(../pics/charte/bg-table-cell-forfait.jpg) top left repeat-x; padding:4px 0 4px 0; font-size:12px; font-weight:bold; line-height:16px; }
#tableauTarifs TD.noborder { border-right:none !important; }
#foot TD { background:url(../pics/charte/bg-table-foot.jpg) top left no-repeat; padding:0!important; height:5px!important; }


/*** FOOTER *****************************************************************************************************************************************/
#footerHome   { clear:both; height:35px; background:url(../pics/charte/bg-footer-home.jpg) top right no-repeat; text-align:right; font-size:11px; color:#652929; padding:25px 10px 0 0; line-height:14px; }
#footerHome A { color:#652929; }

#footer       { clear:both; width:710px; height:35px; text-align:right; font-size:11px; color:#652929; padding:20px 0 0 0; line-height:14px; background:url(../pics/charte/bg-article-bottom.jpg) top left no-repeat; }
#footer   A   { color:#652929; }

#copyright    { color:#999; }
#copyright A  { color:#999; }

/*** CLASSES *****************************************************************************************************************************************/
.spacer { clear:both; }
.net    { color:#612F32;}
.apos   { color:#E1A35A; }
.adom   { color:#6F6F6F; }