/******************* REDEFINITION BALISES HTML *******************/
* {margin:0; padding:0; border:none}
html {background:#333}
body {font:normal 11px Verdana, Arial, Helvetica, sans-serif; background:#333; color:#1b1b1b}
ul {list-style-type:none}
a {color:#000; text-decoration:none; outline:none}
a:hover {text-decoration:underline}
input, 
select, 
textarea {font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif}
form, fieldset {display:inline}


/******************* STRUCTURE *******************/
#conteneurPrincipal {width:960px; border:1px solid #FFF; margin:2% auto 0 auto; background:#FFF}
#header h1 {float:left; width:205px; text-align:center; height:86px; padding-top:10px}
#header h1 span {position:absolute; left:-5000px}
#header h2 {float:left; width:755px; height:96px; background:#ffed00; text-align:center}
#header h2 span {position:absolute; left:-5000px}
#interieure #header h2 {float:left; width:755px; height:64px; background:#ffed00}
/*MOD LB BYZANCE BATCH 1*/
#header #toplogo {float:left; width:205px; text-align:center; height:86px; padding-top:10px;}
#header #tagline {float:left; width:755px; height:96px; background:#ffed00; text-align:center;}
#interieure #header #tagline {float:left; width:755px; height:64px; background:#ffed00;}
#header #toplogo span, #header #tagline span {position:absolute;top:0;left:-9999em;}
/**/
#menuPrincipal {width:755px; float:right}
#menuPrincipal ul li {display:inline}
#menuPrincipal ul li a,
#menuPrincipal ul li a:hover {display:block; float:left; height:19px; margin:10px 6px 0 6px; padding-top:3px; font-size:12px; font-weight:bold; color:#FFF; text-transform:uppercase; text-align:center; background:#c4c4c4; text-decoration:none}
#menuPrincipal ul li a#agir.actif, 
#menuPrincipal ul li a#agir {width:160px; margin-left:0}
#menuPrincipal ul li a#agir.actif,
#menuPrincipal ul li a#agir:hover {padding-top:13px; height:19px; background:#808182; margin-top:0}
#menuPrincipal ul li a#solution.actif, 
#menuPrincipal ul li a#solution {width:130px}
#menuPrincipal ul li a#solution.actif,
#menuPrincipal ul li a#solution:hover {padding-top:13px; height:19px; background:#ee1c24; margin-top:0}
#menuPrincipal ul li a#prestation.actif, 
#menuPrincipal ul li a#prestation {width:144px}
#menuPrincipal ul li a#prestation.actif,
#menuPrincipal ul li a#prestation:hover {padding-top:13px; height:19px; background:#8bb300; margin-top:0}
#menuPrincipal ul li a#technologie.actif, 
#menuPrincipal ul li a#technologie {width:164px}
#menuPrincipal ul li a#technologie.actif,
#menuPrincipal ul li a#technologie:hover {padding-top:13px; height:19px; background:#f5ca24; margin-top:0}
#menuPrincipal ul li a#client.actif, 
#menuPrincipal ul li a#client {width:109px; margin-right:0}
#menuPrincipal ul li a#client.actif,
#menuPrincipal ul li a#client:hover {padding-top:13px; height:19px; background:#007cd4; margin-top:0}

#conteneurContenu {clear:both; min-height:500px; height:auto !important; height:502px; background:#FFF url(../images/trameMenuGauche.png) left bottom no-repeat}
#conteneurContenu #colonneGauche {float:left; width:205px}
#conteneurContenu #colonneGauche h3.titreAgir {width:180px; height:57px; background:#808182; color:#FFF; border-top:1px solid #000; padding:15px 5px 5px 20px; text-transform:uppercase; font:bold 18px Arial, Helvetica, sans-serif}
#conteneurContenu #colonneGauche h3.titreSolutions {width:180px; height:57px; background:#EE1C24; color:#FFF; border-top:1px solid #000; padding:15px 5px 5px 20px; text-transform:uppercase; font:bold 18px Arial, Helvetica, sans-serif}
#conteneurContenu #colonneGauche h3.titrePrestations {width:180px; height:57px; background:#8BB300; color:#FFF; border-top:1px solid #000; padding:15px 5px 5px 20px; text-transform:uppercase; font:bold 18px Arial, Helvetica, sans-serif}
#conteneurContenu #colonneGauche h3.titreTechnologie {width:180px; height:57px; background:#F5CA24; color:#FFF; border-top:1px solid #000; padding:15px 5px 5px 20px; text-transform:uppercase; font:bold 18px Arial, Helvetica, sans-serif}
#conteneurContenu #colonneGauche h3.titreClient {width:180px; height:57px; background:#007CD4; color:#FFF; border-top:1px solid #000; padding:15px 5px 5px 20px; text-transform:uppercase; font:bold 18px Arial, Helvetica, sans-serif}
#conteneurContenu #colonneGauche h3.titreGenerique {width:180px; height:57px; background:#825e93; color:#FFF; border-top:1px solid #000; padding:15px 5px 5px 20px; text-transform:uppercase; font:bold 18px Arial, Helvetica, sans-serif; border-bottom:18px solid white}

#conteneurContenu #colonneGauche ul {padding:10px 4px 0 10px; border-top:18px solid #FFF}
#conteneurContenu #colonneGauche ul li {padding-bottom:10px}
#conteneurContenu #colonneGauche ul li a {background:url(../images/puceMenuInactif.png) left 4px no-repeat; padding-left:16px; color:#FFF; font-size:12px}
#conteneurContenu #colonneGauche ul li a.actif {background:url(../images/puceMenuActif.png) left 4px no-repeat; padding-left:16px; color:#808182; font-size:12px}
#conteneurContenu #colonneGauche ul.sousMenuContact {border-top:5px solid #D4D4D4; margin-top:10px; background:#C4C4C4}
#conteneurContenu #colonneGauche ul li a span {padding-left:17px}

#conteneurContenu #colonneGauche ul li ul {padding:10px 4px 0 30px; border-top:none !important}



#conteneurContenu #colonneCentre {float:left; margin-left:1px; margin-bottom:15px; width:754px; border-top:1px solid #000; background:#FFF}
#conteneurContenu #colonneCentre .contenu {padding:0 10px 0 16px}
#conteneurContenu #colonneCentre .contenu p {padding:16px 0 4px 0; line-height:15px}
#conteneurContenu #colonneCentre .contenu.gauche {padding-left:16px; width:524px}

#conteneurContenu #colonneCentre .contenu p.imprimer {padding:10px 0 0 0}
#conteneurContenu #colonneCentre .contenu p.imprimer a {background:url(../images/pictoImprimer.png) no-repeat; text-decoration:none; padding-left:15px; font-size:10px}
#conteneurContenu #colonneCentre .contenu .encadre {background:#f3f3f3; color:#1b1b1b; border:1px solid #d9d9d9; padding:10px 5px 5px 5px; font-size:10px; margin-bottom:10px}
#conteneurContenu #colonneCentre .contenu .encadre ul li {background:url(../images/pictofleche.png) 5px 3px no-repeat; font-size:10px; padding:0px 0 8px 20px}
#conteneurContenu #colonneCentre .contenu p.italic {font-style:italic; padding-top:0; font-size:10px}
#conteneurContenu #colonneCentre .contenu .liste {padding:10px 4px 10px 0}
#conteneurContenu #colonneCentre .contenu .liste li {background:url(../images/pictofleche.png) 11px 9px no-repeat; padding:5px 5px 5px 26px}
#conteneurContenu #colonneCentre .contenu .exergue {color:#E2001A}
#conteneurContenu #colonneCentre .contenu a {text-decoration:underline}

/* rubxxxx correspond au niveau 1 et niveau 2 par rapport a l'arbo */
/*MOD LB BYZANCE BATCH 1*/
#conteneurContenu #colonneCentre.rub0101 div.illustration {background:url(../images/visuelTop0101.jpg) no-repeat; width:734px; padding:30px 4px 7px 16px; height:40px; text-transform:uppercase; color:#FFF; font:bold 26px Arial, Helvetica, sans-serif; letter-spacing:-1px; text-indent:-3000px;}
#conteneurContenu #colonneCentre.rub0201 div.illustration {background:url(../images/visuelTop0201.jpg) no-repeat; width:734px; padding:30px 4px 7px 16px; height:40px; text-transform:uppercase; color:#FFF; font:bold 26px Arial, Helvetica, sans-serif; letter-spacing:-1px; text-indent:-3000px;}
#conteneurContenu #colonneCentre.rub0301 div.illustration {background:url(../images/visuelTop0301.jpg) no-repeat; width:734px; padding:30px 4px 7px 16px; height:40px; text-transform:uppercase; color:#FFF; font:bold 26px Arial, Helvetica, sans-serif; letter-spacing:-1px; text-indent:-3000px;}
#conteneurContenu #colonneCentre.rub0401 div.illustration {background:url(../images/visuelTop0401.jpg) no-repeat; width:734px; padding:30px 4px 7px 16px; height:40px; text-transform:uppercase; color:#FFF; font:bold 26px Arial, Helvetica, sans-serif; letter-spacing:-1px; text-indent:-3000px;}
#conteneurContenu #colonneCentre.rub0501 div.illustration {background:url(../images/visuelTop0501.jpg) no-repeat; width:734px; padding:30px 4px 7px 16px; height:40px; text-transform:uppercase; color:#FFF; font:bold 26px Arial, Helvetica, sans-serif; letter-spacing:-1px; text-indent:-3000px;}
#conteneurContenu #colonneCentre h1 {clear:both; background:#fff23c url(../images/trameSousTitre.png) right top no-repeat; padding:1px 4px 1px 16px; text-transform:uppercase; font:bold 12px Verdana, Arial, Helvetica, sans-serif}
#conteneurContenu #colonneCentre h2 {clear:both; padding:10px 0 0 0; margin:0; text-transform:uppercase; font:bold 11px Verdana, Arial, Helvetica, sans-serif}
/*END MOD LB BYZANCE BATCH 1*/
/* lors d'un visuel a droite du texte */
#conteneurContenu #colonneCentre .visuelDroite {float:right; max-width:200px; width:auto; margin:10px 10px 20px 0}
#conteneurContenu #colonneCentre .visuelDroite img {border:1px solid #d9d9d9}
#conteneurContenu #colonneCentre .marginTop40 {margin-top:40px}
#conteneurContenu #colonneCentre .marginTop20 {margin-top:20px}

/* lors d'une colonne sur la droite */
#conteneurContenu #colonneCentre .contenuDroite {float:right; width:175px; margin:14px 10px 10px 0; color:#333; border:1px solid #d9d9d9; background:#f3f3f3}
#conteneurContenu #colonneCentre .contenuDroite h6 {background:#FFF url(../images/pictoInfo.png) 15px center no-repeat; text-transform:uppercase; padding:10px 8px 4px 52px; color:#333; font:bold 12px Arial, Helvetica, sans-serif}
#conteneurContenu #colonneCentre .contenuDroite p {padding:20px 5px 5px 5px; font-size:10px}
#conteneurContenu #colonneCentre p.legende {font-style:italic; color:#1b1b1b; font-size:10px; text-align:center}


#conteneurContenu #colonneCentre .contenu h6 {font-size:15px}


#footer {width:960px; margin:0 auto}
#footer ul {display:block; float:left; padding-top:5px}
#footer ul li {display:inline; color:#777777; }
/*MOD LB BYZANCE BATCH 1*/
/*#footer ul li a {color:#777777; padding:0 8px}*/
#footer ul li a {color:#777777; padding:0 6px}
#footer ul li label {padding-left:14px}

#footer div {float:right; width:60px; margin-right:6px; margin-bottom:8px; background:#ffed00}
#footer div a {color:#000; text-align:center; display:block; padding:5px 0 3px 6px; background:url(../images/pictoCadenas.png) 4px center no-repeat}

#footer #newsletter {width:190px; padding:4px 0 0px 4px; background:#C4C4C4}
#footer .champNewsletter {width:90px; margin-left:4px}

*html #footer #newsletter {padding:0 0 0 3px}
*html #footer #newsletter input {border:none}
*+html #footer #newsletter {width:190px; padding:0 0 0px 4px; background:#C4C4C4}

.efface {clear:both; font-size:0; height:0; line-height:0; overflow:hidden}
.centrer {text-align:center}



/* PAGE AGENCE */

#conteneurContenu #colonneCentre .contenu .carte {background:url(../images/carteFrance.jpg) center 20px no-repeat; float:left; width:294px; height:314px; position:relative}
#conteneurContenu #colonneCentre .contenu .carte a {color:#FFF; text-decoration:none}
#conteneurContenu #colonneCentre .contenu .carte a.actif {color:#FFED00}
#conteneurContenu #colonneCentre p.pointParis {background:url(../images/puceCarte.png) no-repeat; font-size:13px; left:150px; padding:0 0 10px 20px; position:absolute; top:92px}
#conteneurContenu #colonneCentre p.pointBordeaux {background:url(../images/puceCarte.png) no-repeat; font-size:13px; left:90px; padding:0 0 10px 20px; position:absolute; top:203px}
#conteneurContenu #colonneCentre p.pointLyon {background:url(../images/puceCarte.png) no-repeat; font-size:13px; left:207px; padding:0 0 10px 20px; position:absolute; top:190px}
#conteneurContenu #colonneCentre p.pointMarseille {background:url(../images/puceCarte.png) 42px 42px no-repeat; font-size:13px; left:180px; padding:23px 0 25px 20px; position:absolute; top:215px}
#conteneurContenu #colonneCentre p.pointLunel {background:url(../images/puceCarte.png) right no-repeat; font-size:13px; left:110px; padding:8px 20px 10px 0; position:absolute; top:247px}
#conteneurContenu #colonneCentre p.pointHerblain {background:url(../images/puceCarte.png) no-repeat; font-size:13px; left:72px; padding:0 0 10px 20px; position:absolute; top:140px}

*html #conteneurContenu #colonneCentre p.pointParis,
*html #conteneurContenu #colonneCentre p.pointBordeaux,
*html #conteneurContenu #colonneCentre p.pointLyon,
*html #conteneurContenu #colonneCentre p.pointMarseille,
*html #conteneurContenu #colonneCentre p.pointLunel,
*html #conteneurContenu #colonneCentre p.pointHerblain {background:none}


#conteneurContenu #colonneCentre .listeAgences {float:left; width:300px; margin:80px 0 0 50px; padding:10px; background:#F3F3F3; border:1px solid #D9D9D9}
#conteneurContenu #colonneCentre .listeAgences .nomAgence {padding:0 0 10px 0; text-transform:uppercase; font-size:14px}
#conteneurContenu #colonneCentre .listeAgences .contact {padding:15px 0 0 0}
#conteneurContenu #colonneCentre .listeAgences .nomContact {padding:0 0 10px 0}

#conteneurContenu #colonneCentre .ferme {display:none}
#conteneurContenu #colonneCentre .ouvert {display:block; margin-bottom:10px}


/* ENTRETIEN */
#conteneurContenu #colonneCentre .contenu p.question {padding:0; border-bottom:1px solid white}
#conteneurContenu #colonneCentre .contenu p.question a {background:#818282; color:#FFF; display:block; font-weight:bold; padding:3px}
#conteneurContenu #colonneCentre .contenu p.reponse {background:#fff9ae; padding:5px 10px 10px 10px}

#conteneurContenu #colonneCentre .contenu p.question a.questionFerme {color:#1B1B1B; text-decoration:none; display:block; font-weight:bold; padding:3px 3px 3px 20px; background:#fff579 url(../images/flecheFerme.png) 3px 8px no-repeat}

#conteneurContenu #colonneCentre .contenu p.question a.questionFerme.fonce {background-color:#fff9ae}
#conteneurContenu #colonneCentre .contenu p.question a.questionOuvert {color:#1B1B1B; text-decoration:none; display:block; font-weight:bold; padding:3px 3px 3px 20px; background:#F4F4F4 url(../images/flecheOuvert.png) 3px 8px no-repeat}

/* DOCUMENTATION */
#conteneurContenu #colonneCentre .contenu .pdf li {background:url(../images/pdf.png) no-repeat; padding:4px 5px 20px 38px}
*html #conteneurContenu #colonneCentre .contenu .pdf li {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pdf.png'); background:none}

/* SOLUTIONS */
#conteneurContenu #colonneCentre .contenu .solutionBloc {width:175px; margin:20px 4px 30px 4px; text-align:center; float:left}
#conteneurContenu #colonneCentre .contenu .solutionBloc.small {width:120px; margin-right:30px}
#conteneurContenu #colonneCentre .contenu .solutionBloc p.titre {background:#fff24b url(../images/solutionFlecheBasRouge.jpg) -4px top no-repeat; height:57px; font:bold 14px Arial, Helvetica, sans-serif; padding-top:20px; text-transform:uppercase; color:#FFF}
#conteneurContenu #colonneCentre .contenu .solutionBloc h5 {background:#fff24b; height:77px; padding:23px 5px 5px 5px; text-transform:none; font-size:12px;}
#conteneurContenu #colonneCentre .contenu .solutionBloc h5.milieu {padding-top:5px; padding-bottom:23px}
#conteneurContenu #colonneCentre .contenu .solutionBloc h6 {background:#afdf5a url(../images/solutionFlecheBasJaune.jpg) -4px top no-repeat; height:80px; padding-top:48px; text-transform:none; font-size:12px}
#conteneurContenu #colonneCentre .contenu .solutionBloc p {background:#FFF url(../images/solutionFlecheBasVerte.jpg) -4px top no-repeat; height:70px; padding-top:20px}

#conteneurContenu #colonneCentre .contenu .solutionDetailBloc {margin:30px 4px 60px 4px}
#conteneurContenu #colonneCentre .contenu .solutionDetailBloc h5 {padding:5px 10px; background:#ebebeb; color:#333; border:1px solid #dddddd; width:698px; margin-bottom:10px; text-align:center; font-weight:bold; text-transform:uppercase}
#conteneurContenu #colonneCentre .contenu .solutionDetailBloc h6 {line-height:21px; font-size:13px; background:#fff33e url(../images/flecheDetailPrestation.jpg) no-repeat; padding:30px 0 25px 0; text-align:center; font-weight:bold; text-transform:uppercase}

#conteneurContenu #colonneCentre .contenu .solutionDetailBloc .listeOffre {background:#f8f8f8; float:left; margin-top:10px; border:1px solid #DDD; padding:6px 10px 12px 20px; width:430px}
#conteneurContenu #colonneCentre .contenu .solutionDetailBloc .listeOffre.width100 {width:688px}
#conteneurContenu #colonneCentre .contenu .solutionDetailBloc .listeOffre .blocGauche {float:left; width:360px}
#conteneurContenu #colonneCentre .contenu .solutionDetailBloc .listeOffre .blocDroite {float:left; width:328px}

#conteneurContenu #colonneCentre .contenu .solutionDetailBloc .listeOffre p {padding-top:8px}
#conteneurContenu #colonneCentre .contenu .solutionDetailBloc ul.listeRouge li {background:url(../images/puceRouge.gif) no-repeat 0 10px; font-size:12px; padding:6px 0 6px 16px;}


/* PRESTATIONS */
#conteneurContenu #colonneCentre .contenu .prestationBloc {width:175px; margin:30px 4px; text-align:center; float:left}
#conteneurContenu #colonneCentre .contenu #chantier.prestationBloc {background:#fff23f; margin-left:0}
#conteneurContenu #colonneCentre .contenu #grue.prestationBloc {background:#fff564}
#conteneurContenu #colonneCentre .contenu #echafaudage.prestationBloc {background:#fff23f}
#conteneurContenu #colonneCentre .contenu #base.prestationBloc {background:#fff564; margin-right:0}
#conteneurContenu #colonneCentre .contenu .prestationBloc h5 {background:none; font:bold 12px Arial, Helvetica, sans-serif; line-height:18px; padding:10px 0;text-transform:uppercase;}
#conteneurContenu #colonneCentre .contenu .prestationBloc h5 span {color:#e2001a; font-size:21px}
#conteneurContenu #colonneCentre .contenu .prestationBloc h6 {font-size:12px; height:70px; text-transform:none; padding:3px 0 6px 0}
#conteneurContenu #colonneCentre .contenu #chantier.prestationBloc p,
#conteneurContenu #colonneCentre .contenu #echafaudage.prestationBloc p {background:#FFF url(../images/prestationFlecheBas01.jpg) -4px top no-repeat; height:70px; padding-top:20px}
#conteneurContenu #colonneCentre .contenu #grue.prestationBloc p,
#conteneurContenu #colonneCentre .contenu #base.prestationBloc p {background:#FFF url(../images/prestationFlecheBas02.jpg) -4px top no-repeat; height:70px; padding-top:20px}

#conteneurContenu #colonneCentre .contenu #prestationDetailBloc {margin:30px 4px 60px 4px}
#conteneurContenu #colonneCentre .contenu #prestationDetailBloc h5 {background:none; font:bold 14px Arial, Helvetica, sans-serif; float:left; line-height:21px; padding:10px 0; text-transform:uppercase;}
#conteneurContenu #colonneCentre .contenu #prestationDetailBloc h5 span {color:#e2001a; font-size:24px}
#conteneurContenu #colonneCentre .contenu #prestationDetailBloc.chantier h5 {padding-right:15px; padding-top:0; text-align:right; width:125px;}
#conteneurContenu #colonneCentre .contenu #prestationDetailBloc.grue h5 {padding-right:15px; padding-top:0; text-align:right; width:105px;}
#conteneurContenu #colonneCentre .contenu #prestationDetailBloc.echafaudage h5 {padding-right:15px; padding-top:0; text-align:right; width:196px;}
#conteneurContenu #colonneCentre .contenu #prestationDetailBloc.base h5 {padding-right:15px; padding-top:0; text-align:right; width:125px;}
#conteneurContenu #colonneCentre .contenu #prestationDetailBloc p.probleme {float:left; padding:5px 10px; background:#ebebeb; color:#333; border:1px solid #dddddd; width:558px; text-align:center; font-weight:bold; text-transform:uppercase}
#conteneurContenu #colonneCentre .contenu #prestationDetailBloc.grue p.probleme {width:578px}
#conteneurContenu #colonneCentre .contenu #prestationDetailBloc.echafaudage p.probleme {margin-bottom:10px; width:487px;}
#conteneurContenu #colonneCentre .contenu #prestationDetailBloc p.solution {padding:5px 10px; font-size:13px; background:#fff33e url(../images/flecheDetailPrestation.jpg) no-repeat; padding:40px 0 25px 0; text-align:center; font-weight:bold; text-transform:uppercase}
#conteneurContenu #colonneCentre .contenu #prestationDetailBloc .visuelOffre {float:left; margin-top:10px; padding-left:7px; width:249px;}
#conteneurContenu #colonneCentre .contenu #prestationDetailBloc .visuelOffre img {border:1px solid #DDD; }
#conteneurContenu #colonneCentre .contenu #prestationDetailBloc .listeOffre {background:#f8f8f8; float:left; margin-top:10px; border:1px solid #DDD; padding:6px 10px 12px 20px; width:430px}
#conteneurContenu #colonneCentre .contenu #prestationDetailBloc .listeOffre.width100 {width:688px}
#conteneurContenu #colonneCentre .contenu #prestationDetailBloc .listeOffre .blocGauche {float:left; width:360px}
#conteneurContenu #colonneCentre .contenu #prestationDetailBloc .listeOffre .blocDroite {float:left; width:328px}

#conteneurContenu #colonneCentre .contenu #prestationDetailBloc .listeOffre p {padding-top:8px}
#conteneurContenu #colonneCentre .contenu #prestationDetailBloc ul.listeRouge li {background:url(../images/puceRouge.gif) 0 3px no-repeat; font-size:11px; padding:0 0 0 16px}

/* TECHNOLOGIE */
#conteneurContenu #colonneCentre .contenu .encadre.court {width:500px}

#conteneurContenu #colonneCentre .contenu ol.liste {padding:10px 4px 10px 30px}
#conteneurContenu #colonneCentre .contenu ol.liste li {background:none; padding-left:0}


/* REFERENCE */
#conteneurContenu #colonneCentre .contenu.reference p {padding:8px 0 14px 0}

/* CONTACT */
#contact form input {border:1px solid #CCC; float:left; background:#EEE; margin-bottom:10px; width:360px}
#contact form label {clear:both; display:block; float:left; width:140px; text-align:right; padding-right:10px}
#contact form textarea {border:1px solid #CCC; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; background:#EEE; margin-bottom:10px; width:360px; height:120px}
#contact .bouton {clear:both; float:none; margin:30px 0 10px 270px; padding:3px 10px; display:block; background:#1A1A1A; width:120px; color:#FFF}
#conteneurContenu #colonneCentre #contact.contenu p.alerte {color:#D61313; padding-left:220px}
#conteneurContenu #colonneCentre #contact.contenu p.envoiOk {color:green; text-align:center}


/* NEWSLETTER */
#conteneurContenu #colonneCentre .contenu .conteneurNewsletter {padding-top:100px; text-align:center}
#conteneurContenu #colonneCentre .contenu .conteneurNewsletter .alerte {color:#FF0000}


/* TEMOIGNAGES */
#conteneurContenu #colonneCentre .contenu p.temoignageQuestion {color:#e2001a; font-weight:bold}
#conteneurContenu #colonneCentre .contenu p.temoignageReponse {padding-top:5px; text-align:justify; padding-right:10px}
#conteneurContenu #colonneCentre .contenu p.temoignageTitre {text-transform:uppercase; font-size:14px; line-height:21px}


/* ADMIN */
#backoffice #conteneurPrincipal {width:1160px; border:1px solid #FFF; margin:2% auto 0 auto; background:#FFF}

#backoffice #conteneurSecondaire {margin:0 auto; padding:30px 0 10px 0; width:950px}
#backoffice #conteneurSecondaire.menu {padding:30px 0 30px 200px}
#backoffice h1 {text-align:center; padding:10px 0; font-size:21px}
#backoffice h2 {padding:10px 0; font-size:16px}

#backoffice .liste {padding:10px 4px 10px 0}
#backoffice .liste li {background:url(../images/pictofleche.png) 11px 9px no-repeat; padding:5px 5px 5px 26px}

#backoffice .retour {padding:4px 0 10px 10px; display:block; width:140px}
#backoffice .tableSuppression {border:1px solid #CCC; border-collapse:collapse; margin:20px auto; font-size:11px;}
#backoffice .tableSuppression th {padding:5px; background:#1B1B1B; color:#FFF; text-align:left}
#backoffice .tableSuppression td.case {padding:11px 0 0 16px}
#backoffice .tableSuppression td {padding:5px; vertical-align:top;}
#backoffice .ligneClaire {background:#FFF}
#backoffice .ligneFoncee { background:#CCC}
#backoffice .bouton {clear:both; float:none; margin:30px auto 10px auto; padding:3px 10px; display:block; background:#1A1A1A; width:120px; color:#FFF}

#backoffice .login form input {border:1px solid #CCC; float:left; background:#EEE; margin-bottom:10px; width:660px}
#backoffice .login form label {clear:both; display:block; float:left; width:140px; text-align:right; padding-right:10px}
#backoffice .login .bouton {clear:both; float:none; margin:30px auto 10px auto; padding:3px 10px; display:block; background:#1A1A1A; width:120px; color:#FFF}

#backoffice form input {border:1px solid #CCC; float:left; font:normal 12px Verdana, Arial, Helvetica, sans-serif; background:#EEE; margin-bottom:10px; width:880px}
#backoffice form textarea {border:1px solid #CCC; float:left; font:normal 12px Verdana, Arial, Helvetica, sans-serif; background:#EEE; margin-bottom:10px; width:880px; height:120px}
#backoffice form label {clear:both; display:block; float:left; width:50px; text-align:right; padding-right:10px}

#backoffice .floatLeft {float:left; width:260px}
#backoffice .erreur {color:#D61313; width:550px; margin:60px auto 0 auto; font-weight:bold}
#backoffice .droite a {color:#FFF; font-weight:normal; margin-top:30px; display:block; width:160px}
#backoffice .erreur .bravo {color:#FFF}