/***********************************************************************************************
				CSS  :	LA POSTE Service A la Personne (genius)
				Date :	22.12.2006
				Rev. :  05.06.2009
				Ver. : 	08.05
				Auth : 	Churchill
***********************************************************************************************/

/*
Testé sur les navigateurs récents les plus courant : FF, Opéra, IE, Safari
*/

* {margin:0;padding:0;border:0;}
body {font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;}
img{border:0;}
a{color:#000;}
a:hover{text-decoration:none;}
.clear{clear:right;font-size:0;width:99%;}
.clearleft{clear:left;font-size:1px;height:1px;margin-top:-1px;}
.clearboth{clear:both;font-size:0;}
.upper{text-transform:uppercase;}

/* accessibilite */
ul.accessibilite{position:absolute;right:9.55em;top:4px;z-index:1000;}
ul.accessibilite li{display:inline;font-family:Arial, Helvetica, sans-serif;font-size:0.625em;list-style-type:none;color:#fff;}
ul.accessibilite li a{color:#FFF;text-decoration:none;}
ul.accessibilite li a:hover{text-decoration:underline;}

/* page */
#page {position:relative;width:982px;text-align:left;margin:0.625em auto;}
#page.home {background:none;}

/* entete */
#entete {position:relative;color: black;height:1%;/*IE6*/}
#entete .imgLogo{float:left}

#recherche{width:8.7em;position:absolute;right:0/*2.7em*/;top:3px;}
#recherche label{font-size:0.563em;text-transform:uppercase;display:block;}
#recherche input.button{background:#fff;color:#000;border:1px solid #000;font-size:0.56em;overflow:hidden}
#champRecherche{width:9em;border:1px solid #000;font-size:0.625em;padding:0.1em;float:left;margin-right:0.3em;margin-top:0.2em;}

/* pied de page */
#pieddepage {clear: both; padding-top:1.5em;}
#pieddepage ul.footer1 {padding:0;line-height:0.7em; padding:0.4em 0;text-align:center}
#pieddepage ul.footer1 li {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.69em;list-style-type:none;display:inline;}
#pieddepage ul.footer1 a{color:#000000; text-decoration:none;}
#pieddepage ul.footer1 a:hover{text-decoration:underline;}
#pieddepage ul.footer2 {line-height:0.7em;background: #890080; padding:0.2em 0.4em;text-align:center;}
#pieddepage ul.footer2 li {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.69em;color:#fff;list-style-type:none;display:inline;}
#pieddepage ul.footer2 li.first{font-weight:bold;font-size:0.69em;padding-right:0.9em;}
#pieddepage ul.footer2 li.first a{color:#D1F000;}
#pieddepage ul.footer2 a{color:#FFF; text-decoration:none;}
#pieddepage ul.footer2 a:hover{text-decoration:underline;}

#pieddepage p{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:0.69em;color:#fff;}
#pieddepage p a{color:#D1F000;}


/* ----------------
		HOME PAGE 
 ----------------- */
/* blocs : intro */
#intro{font-size:77%;}
#intro li{font-size:100%;}
#intro h2{font:"Arial Narrow", Helvetica, sans-serif;letter-spacing:0.1em;color:#890080;font-weight:normal;}
#intro .whitebox p{line-height:1.7em;font-weight:bold;}

/* blocs : offres */
#offres{width:85%;margin: auto;}
#offres h2{color:#fff;text-transform:uppercase;font-size:109%;font-weight:bold;letter-spacing:normal;}
#offres p{color:#fff;text-align:left;font-weight:bold;font-size:109%;}
#offres a{text-decoration:none;cursor:pointer;}

.cbb.titre,.cbb.content{background:#F0F0F0;}
.offrePurplebox{float:left;width:21em;margin:0 7% 0 0;display:inline;;background:#F0F0F0;}
.offrePurplebox .content{margin:0;}

.offreGreenbox{float:left;width:21em;margin:0 7% 0 0;display:inline;background:#F0F0F0;}
.offreGreenbox .content{margin:0;}

.ansp{float:left;width:140px;display:inline;}

/* blocs : Zoom sur... */
.zoomsur{font-size:77%;}
.zoomsur h2{color:#94b915;margin-bottom:0.7em;margin-left:35px;border-bottom:1px dotted #9e96a0;}
.zoomsur h2 img{margin-left:-35px;}
.zoomsur h3{color:#746e76;margin-bottom:0.8em;font-size:100%;}
.zoomsur h3 a{color:#746e76;text-decoration:none;}
.zoomsur h3 a:hover{color:#333;}
.zoomsur p{margin-bottom:0.8em;}
.zoomsur .illu{float:right;margin:2em 0 0em 0.2em;}
.zoomsur .lire{text-align:right;margin:-1em 3em 0 0;}
/* ajout thomas */
.zoomsur .illu_img_abso{position:absolute;top:0;left:0.5em;z-index:100;}
.zoomsur .illu_img{z-index:10;margin:0;padding:0;margin-top:0.1em;}
.zoomsur #image_ombre{position:relative;top:0px;left:0px;}


/* blocs : flashcontent */
#flashcontent{width:550px;height:320px;float:left;}

/* blocs : Services */
.servicesbox h2{font-size:115%;color:#890080;font-family:"Arial Narrow", Helvetica, sans-serif;margin-top:-7px;}
.service h3{font-size:121%;color:#64912a;margin-bottom:0.4em;}
.service p{font-size:71%;}
.service .picto{float:left;margin:1.1em 0.2em 0 -0.5em;}
#proches.service .picto{margin-top:0;}
.service .lire{position:absolute;bottom:-45px;right:15px;}
#administratif h3 img{margin-right:-1px;}

/* blocs : Newsletter */
#homegauche #newsletter{float:none;}
#newsletter{clear:both;float:left;width:170px;margin-right:45px; }
#newsletter ul li{list-style-type:none;font-weight:bold;font-size:0.8em;padding:0.6em 0 0.6em 0.4em;border-bottom:1px solid #6bca00;}
#newsletter ul li a{text-decoration:none;padding:0; display:block;vertical-align:middle}
#newsletter ul li a:hover{color:#5B5B58;}
#newsletter ul li a.lienRss{background:url('../img/ico_rss.gif') no-repeat 0 0;padding:0 0 0.2em 2.7em;}
#newsletter ul li a.lienAbo{background:url('../img/ico_nl3.gif') no-repeat 0 0;padding:0.4em 0 0.3em 2.7em;}
#newsletter ul li a.lienLettre{background:url('../img/ico_nl2.gif') no-repeat 0 0.1em;padding:0 0 0.5em 2.7em;}

hr{border:1px solid #e7cce6; margin:24px 0 24px 0;}

/* blocs : SAP */
div.sap h2{padding-bottom:4px;}
div.sap h3{color:#000000; font-size:1em;font-weight:bold}
div.sap p{font-size:0.8em; color:#000000; padding-right:10px; font-weight:bold }
div.sap p.picto{position:absolute; right:3px;bottom:-1px }
div.sap ul{margin:1.3em 0;}
div.sap ul li{position:relative;font-size:0.7em;list-style-type:none; background:url('../img/puce_fleche.gif') no-repeat 0 2px;padding-left:16px;padding-bottom:2px;}
div.sap ul li a{text-decoration:none}
div.sap ul li a:hover{text-decoration:underline}

/* blocs : actus */
div.actu h2{padding-bottom:4px;}
div.actu p.picto{position:absolute; right:4px;bottom:15px; padding-right:10px; }
div.actu ul{margin-top:4px}
div.actu ul li{font-size:0.8em;list-style-type:none;padding-bottom:10px;font-weight:bold;}
div.actu ul li span{color:#890080;font-weight:normal;}
div.actu ul li a{text-decoration:none;}
div.actu ul li a:hover{color:#5B5B58}

/* ----------------
		PAGE PRODUITS
 ----------------- */
 
.produits #intro .whitebox h3{font:"Arial Narrow", Helvetica, sans-serif;letter-spacing:0.1em;color:#890080;font-weight:normal;font-size:154%;}
.whitebox strong,.modedemploi strong,.avantages strong,.whitebox h4{color:#9D3396;}

.produits #intro .accroche{margin:0 0 10px 29px;}

.onglets{text-align:center;margin:1.6em auto 10px auto;}
.onglets li{display:inline;list-style-type:none;}

.pack{float:left;width:430px;margin:0 29px;display:inline;}
.pack .boutons{text-align:right;margin-top:1em;}

i,em{font-size:71%;}

.avantages{float:left;width:440px;color:#2f440a;}
#intro .cadrejardinage h2{color:#658f35;font-family:Arial, Helvetica, sans-serif;font-size:144%;}
#intro .cadrenettoyage h2{color:#2c6cbf;font-family:Arial, Helvetica, sans-serif;font-size:144%;}
#intro .cadrebricolage h2{color:#946300;font-family:Arial, Helvetica, sans-serif;font-size:144%;}
#intro .cadreinformatique h2{color:#4f8e8a;font-family:Arial, Helvetica, sans-serif;font-size:144%;}
#intro .cadrecarte h2{color:#9d3396;font-family:Arial, Helvetica, sans-serif;font-size:144%;}
#intro h3{color:#972690;font-size:142%;margin-bottom:0.8em;}
#intro h4{margin-bottom:0.5em;}
#intro .cadrejardinage h4{color:#658f35;}
#intro .cadrenettoyage h4{color:#2c6cbf;}
#intro .cadrebricolage h4{color:#946300;}
#intro .cadreinformatique h4{color:#4f8e8a;}
.avantages p{margin-bottom:0.6em;}
.avantages ul{margin:0 0 0.6em 1.25em;}
.avantages li{margin-bottom:0.3em;}
.avantages li li{font-size:100%;}
.mentions{clear:both;color:#8c0682;margin-bottom:1em;}

.cadrejardinage .border{border-right:2px solid #609e1b;margin-bottom:1em;}
.cadrenettoyage .border{border-right:2px solid #2c6cbf;margin-bottom:1em;}
.cadrebricolage .border{border-right:2px solid #946300;margin-bottom:1em;}
.colonnes{float:left;margin-right:1%;width:48%;}

.illuPack{float:left;clear:both;margin-top:3.5em;}

.modedemploi{float:left;width:630px;margin-left:14px;margin-top:3.5em;}
.modedemploi ul{margin:0 0 1.8em 1.25em;}
.modedemploi li{margin-bottom:1.2em;}
.modedemploi .boutons{text-align:right;margin-top:1em;}

.offrePartenaires{margin:1em 0 3em;}
.offrePartenaires h2{margin-bottom:0.8em;}
.offrePartenaires li{display:inline;list-style-type:none;border-right:1px solid #6b930d;padding:1em 1.5em 0.5em;}
.offrePartenaires li.last{border:none;}

.cadrecarte li{margin-bottom:0;}

.cgv{background:#ecf4e3;border:1px solid #354b1b;padding:0.5em 0.5em 0.8em 0.5em;clear:both;}
.cgv h2{font-size:77%;text-transform:uppercase;margin-top:-7px;}
.cgv h2 img,.cgv h2 a{vertical-align:middle;}
.cgv h3 {font-size:100%;color:#000;}
.cgv h4 {font-size:71%;color:#000;}
.cgv p{font-size:77%;margin-bottom:0.8em;}
.cgv ul{margin-bottom:0.8em;margin-left:2em;}
.cgv ul ul{margin-bottom:0.2em;}
.cgv li{font-size:77%;}
.cgv li li{font-size:100%;}

.temoignage{font-size:77%;margin-bottom:1.5em;}
.temoignage .titre{margin-bottom:1em;}
.temoignage .titre h2{color:#fff;font-size:109%;margin-top:-3px;}
.temoignage .left{float:left;margin:0 0.5em 0.5em 0;}
.temoignage p{margin-bottom:0.8em;}
.temoin{color:#990099;font-weight:bold;}
 
/* classes utiles/utilisateur */
.invisible { position: absolute; top: -3000em; height: 1%; }
.couleur{color:#890080;}
.retrait{margin-left:3em;}


#page ul.espace{float:right;position:relative;margin-top:5px;padding:0 0 0 7px;font-family:"arial narrow";background:url('../img/espace_arrHG.gif') no-repeat #6BCA00;border-right:2px solid #ccc;z-index:1000;}
#page ul.espace li{float:left;font-size:0.875em;background:url('../img/espace-bg.gif') repeat-x #6BCA00;list-style-type:none;}
#page ul.espace li a{display:block;padding:0.15em 5px;border-right:1px solid #fff;font-weight:bold;text-decoration:none;text-align:right;color:#FFF;}
#page ul.espace li a:hover{color:#6B017D;}
#page ul.espace li a.prestataire{}
#page ul.espace li a.entreprise{}
#page ul.espace li a.collectivite{position:relative;margin-right:-2px;background:url('../img/espace_arrBD.gif') no-repeat bottom right;border:0;}
* + html #page ul.espace li a.collectivite{zoom:1;} /* IE 7 position bug */
#page ul.espace li a:hover{}

#page ul.espace li.hide{display:none;}

/*
=====================
PAGE D'ACCUEIL
=====================
*/
div.visuel{text-align:center;}
div.visuel img.visuelHome{margin-bottom:2em;}

#genius{position:relative;width:10.125em;margin-bottom:2px;margin-top:0.7em;}
#genius.home {margin-top:1.5em;}
#genius img{position:relative;z-index:1;}
#genius select.choix{position:absolute;bottom:10px;left:7px;border:0;z-index:100;font-size:0.625em;width:11.125em;}
#genius.home select.choix{bottom:17px;left:21px;width:16.5em;}
#genius input.btnOk{position:absolute;bottom:11px;left:10em;width:2em;z-index:100;background:transparent;font-size:0.75em;font-weight:bold;color:#D1F000;}
#genius.home input.btnOk{bottom:18px;left:16em;}
a.lire {float:right;padding-right:15px;background:url('../img/puce_lien2.gif') no-repeat 100%;font-weight:bold;color:#86007D;text-decoration:none;}


/*
==========================
PAGE D'ACCUEIL PAR CIBLE
==========================
*/

/* Contenu */
#contenu.particulier div.nouveautes, #contenu.prestataire div.nouveautes, #contenu.entreprise div.nouveautes, #contenu.collectivite div.nouveautes {
	padding: 0 0.9em 0.563em 1em;
	margin: 0 1.44em 0.813em 0;
	background: url('../img/nouveau_hd_particulier2.gif') no-repeat 100% 0% #ddd;
}

#contenu div.nouveautes h4{color:#890080;font-size:1.38em;font-weight:normal;padding-top:0.563em;background:none;padding-left:0;}
#contenu div.nouveautes p{margin:1em 0 0 0;}
#contenu div.nouveautes a{color:#000;}

#contenu img.imgHomeRub{float:left;margin:0 0.44em 0 0;width:6.938em;height:9.188em;}
#contenu img.imgNouveautes{float:left;margin:0.75em 0.813em 0 -1em;width:6.13em;height:4.31em;}
#contenu img.logoRub2{float:right;margin:0 0 1em 0em;width:10.375em;height:19.125em;}

/* FAQ */
#faq{width:40em;float:left;padding:0;background:#6BCA00;border:1px solid #fff;border-top:none;border-left:none;margin-bottom:1em;}
#contenu #faq h2{float:left;width:5em;background:#6BCA00;color:#fff;font-size:0.875em;font-weight:normal;padding:2em 0 0 0;text-align:center; margin:0 0 0 1.5%;}
#faq .date{color:#8F8B8B;}

#faqTxt{float:right;width:34em;border:1px solid black;border-left:none;background:#fff;}
#faqTxt div.arrHD{position:relative;background:url('../img/arr_actus_hd.gif') no-repeat 100% 0 ;margin:-1px -1px 0 0;}
#faqTxt div.arrBD{position:relative;background:url('../img/arr_actus_bd.gif') no-repeat 100% 100% ;padding:0.563em 0.875em;margin:0 0 -1px 0;}
#faqTxt p{margin-bottom:0.6em;}
#faqTxt a{color:#41B7C8;font-weight:bold;}
#faqTxt a.lienfaq{font-weight:bold;color:#000;}

/*
=====================
PAGE ARTICLE
=====================
*/

/* fil de navigation */
p.fil{font-size:0.75em;font-weight:bold;line-height:1.5em;margin-left:0;padding:0 0 0.5em 0;color:#B4B4B4;}
p.fil a{color:#B4B4B4;text-decoration:none;}
p.fil a:hover{color:#5B5B58;}

/* gauche */
#gauche{float:left;width:10.125em;padding:1.3em 0 2.5em 0;}
#gauche p{margin-bottom:5px;}

/* nav */
#nav {color: black;width:10.45em;margin:0.7em 0 1.5em 0;}
#nav dt{list-style-type:none; line-height:1.45em;background:#6BCA00;margin-bottom:0.375em;font-size:0.75em;font-weight:bold;color:#FFF;padding:0.1em 0 0.1em 0.5em;}
#nav dt a{text-decoration:none;color:#fff;font-weight:bold;}
#nav dt a:hover{color:#890080;}
#nav ul li{color:#000;list-style-image:url('../img/puce_plus.gif'); margin-left:14px;margin-bottom:0.3em;line-height:0.8em;}
#nav li.in{ font-size:0.688em; font-weight:bold;line-height:1.2em;}
#nav ul.sap li a.on { color:#63B0CB; font-weight:bold;}
#nav ul{padding:0.5em 0 0.75em 0.3em;}
#nav li a{text-decoration:none;color:#000;font-size:0.688em;vertical-align:top;}
#nav li a:hover{color:#7C960F;}
#nav .on{ background:#890080; color:#fff;}
#nav .on a:hover{color:#fff;}

/* questions */
#questions{background:url('../img/arr_vert_g.gif') no-repeat top left #AECA37;width:10.45em;margin:0.688em 0.75em 0 1.44em;}
#questions h2{font-size:0.688em;background:url('../img/arr_vert_d.gif') no-repeat top right #AECA37;margin-left:0.95em;padding-right:1.5em;color:#fff;line-height:2em;}
#questions ul{border:1px solid #AECA37;background:#fff;}
#questions li {font-size:0.688em;padding-left:2.35em;line-height:1.8em;}
#questions li a{color:black;text-decoration:none;}
#questions li a:hover{color:#7C960F;}

/* sap */
#sap{background:url('../img/fond_sap.gif') no-repeat top right #B4C373;width:10.45em;margin:0.688em 0.750em 0 1.44em;padding:0.75em 0 0.75em 0;}
#sap h2{margin-left:0.95em;color:#fff;font-size:0.688em; text-transform:uppercase;}
#sap ul{padding-top:0;margin-top:0.375em;padding-bottom:0em;}
#sap li{list-style-type:none; background:url('../img/puce_sap.gif') no-repeat 0 0.6em; font-size:0.688em;display:block; margin-left: 0.938em; padding-left: 0.938em;line-height:normal;}
#sap li.in{font-weight:bold;}
#sap a{text-decoration:none;color:#FBFFEA;}
#sap a:hover{color:#4B5A0D;}

/* sous menu */
#contenu ul.ssmenu{float:left;width:100%;margin-bottom:2em;}
#contenu ul.ssmenu li{float:left;padding-right:29px;background:url('../img/ssmenu-lien.gif') no-repeat 100% 50%;list-style-type:none;}
#contenu ul.ssmenu li.last{background:none;}
#contenu ul.ssmenu li a{display:block;width:8.73em;padding:3px;border:1px solid #6BCA00;font-size:0.75em;text-align:center;text-decoration:none;}
#contenu ul.ssmenu li a.selected{background:#890080;color:#fff;border:2px solid #ccc;border-width:2px 2px 0 0;}
#contenu .imgGenius{position:relative;margin:-40px -60px 0 0;}

/* contenu */
#contenu{color: black;float:left;padding:19px 0 0 1.69em;margin:0 0 1.81em 0;width:48.07em;}

#contenu h2 {margin-bottom:0.6em;font-size:1.9em;color:#890080;}
#contenu h2 span.baseline{display:block;font-weight:bold;font-size:0.5em;color:#A9A9A7;margin-right:-42px;}

#contenu h3{margin:0 0 0.2em 0;font-size:1.5em;color:#6BCA00;}
#contenu h3 span.sstitre{background:#E2F4F7;font-size:0.8em;margin-top:1em;margin-right:5.4em;display:block;padding:0.1em 1em;}
#contenu h4{padding-left:18px;background:url('../img/puce.gif') no-repeat;color:#890080;font-size:1em;margin:1.5em 0 0.5em 0;}
#contenu div.fragment h4{font-size:0.9em;}

#contenu p{font-size:0.75em;margin-bottom:1.2em;margin-right:1.44em;}
#contenu p.accroche{font-weight:bold;clear:left;}
#contenu p.lien{color:#890080;margin-bottom:0;background:url('../img/ico_fichier.gif') no-repeat;display:block;padding-left:21px;}
#contenu p.description{padding-left:21px;color:#7C7C7C;}
#contenu p.retourHaut {text-align:right; font-weight:bold;clear:both;}
#contenu p.retourHaut a{color:#890080; background:transparent;}
#contenu p.retourHaut a:hover{color:#C283E7;}
#contenu p.voirTout{margin-top:1em;text-align:right;}
#contenu p.voirTout a{padding-left:15px;background:url('../img/ico_page.gif') no-repeat;font-weight:bold;color:#86007D;text-decoration:none;}
#contenu p.voirTout a:hover{color:#C283E7;}
#contenu span.alerte{display:block;color:#A91919;border:1px solid #fff;margin-top:0.3em;background:#fff;}

#contenu a{color:#890080;font-weight:bold;}
#contenu a:hover{color:#C283E7;}

#contenu dl{margin:1.5em 0 1.5em 0;}
#contenu dl.ordered{margin-left:4em;}
#contenu dl.ordered dt.un{background:url('../img/puce1.gif') no-repeat;}
#contenu dl.ordered dt.deux{background:url('../img/puce2.gif') no-repeat;}
#contenu dl.ordered dt.trois{background:url('../img/puce3.gif') no-repeat;}
#contenu dl.ordered dt.quatre{background:url('../img/puce4.gif') no-repeat;}
#contenu dt{margin-top:0.4em;padding:0 0 4px 25px;font-size:1em;font-weight:bold;color:#890080;background:url('../img/puce.gif') no-repeat;}
#contenu dt a{color:#890080;text-decoration:none;padding-right:15px;background:url('../img/puce_lien.gif') no-repeat 100%;}
#contenu dt a:hover{color:#C283E7;}
#contenu dd{margin-left:2.5em;padding-bottom:1.6em;font-size:0.69em;}

#contenu div.telechargement{border-top:1px solid #C3CE96;border-bottom:1px solid #C3CE96;padding:0.8em 0;padding-left:1.19em;margin-right:1.44em;}
#contenu div.telechargement p{margin-left:0.625em;}
#contenu div.telechargement a{color:#333;}

#contenu div.docRef{border-bottom:1px solid #C3CE96;padding:0 0 0.8em 0;padding-left:1.19em;margin-right:1.44em;}
#contenu h3.docRef{padding-top:2em;}
#contenu div.docRef h4{font-size:0.75em;font-weight:bold;color:#4B5A0D;margin-bottom:1.44em;}
#contenu div.docRef p.description{margin-bottom:1em;}
#contenu div.docRef p{margin-bottom:0;}
#contenu div.docRef a{color:#71890B;}

#contenu ol{margin:1em 0 1em 1.9em;font-size:0.75em;}
#contenu.particulier ul,#contenu.prestataire ul,#contenu.entreprise ul,#contenu.collectivite ul,#contenu.sap ul{margin-bottom:1.2em;}
#contenu.particulier ul li{list-style-image:url("../img/puce_particulier_mini.gif");font-size:0.75em;list-style-position:inside;padding-left:1.2em;text-indent:-1.25em;}
#contenu.prestataire ul li{list-style-image:url("../img/puce_prestataire_mini.gif");font-size:0.75em;list-style-position:inside;padding-left:1.2em;text-indent:-1.25em;}
#contenu.entreprise ul li{list-style-image:url("../img/puce_entreprise_mini.gif");font-size:0.75em;list-style-position:inside;padding-left:1.2em;text-indent:-1.25em;}
#contenu.collectivite ul li{list-style-image:url("../img/puce_collectivite_mini.gif");font-size:0.75em;list-style-position:inside;padding-left:1.2em;text-indent:-1.25em;}
#contenu.sap ul li{list-style-image:url("../img/puce_bleu_mini.gif");font-size:0.75em;list-style-position:inside;padding-left:1.2em;text-indent:-1.25em;}

#contenu ul li strong{color:#000;}

#contenu img.left{float:left;margin:0 1em 1em 0;}
#contenu img.right{float:right;margin:0 0 1em 1em;}

#contenu table{font-size:0.75em;border-collapse:collapse; margin-bottom:15px;}
#contenu caption{text-align:left;font-weight:bold;color:#890080;}
#contenu th{color:#fff;background:#890080;text-align:center;padding:0.2em 0.5em;border:1px solid #fff;border-right:none;}
#contenu td{padding:0.2em 0.5em;border:1px solid #890080;}

#formNl {font-size:0.75em;margin-right:1.44em;margin:2em 0;}
#formNl fieldset{border:none;}
#formNl label{width:10em;text-align:right;margin-right:1em;display:inline;float:left;clear:left;margin-bottom:0.7em;}
#formNl label.longlabel{display:block;float:left;clear:none;width:70%;margin-left:1em;padding:0;text-align:left;margin-bottom:0;}
#formNl input,#contenu select,#contenu textarea{border:1px solid #6BCA00;margin-bottom:0.7em;font-family:Arial, Helvetica, sans-serif;display:inline;}
#message{margin-top:0.5em;display:block;clear:none;float:left;vertical-align:middle;}
#formNl div.boutons{margin:1.5em 0 0 10.3em;clear:both;}
#formNl div.boutons input{margin:0 0.5em;border:none;}
#formNl input.radio{border:none;}
#formNl #domaine{margin-top:2.2em;}
#formNl input.checkbox { margin-left:11em;}
#formNl label.longlabelcheck{  padding-left:1em; display:inline; width:28em; text-align:left; clear:none; margin-top:0.2em;}


#formContact{font-size:0.75em;margin-right:1.44em;margin:2em 0;}
#formContact fieldset{border:none;}
#formContact label{width:10em;text-align:right;margin-right:1em;display:inline;float:left;clear:left;margin-bottom:0.7em;}
#formContact label.longlabel{display:block;float:left;clear:none;width:70%;margin-left:1em;padding:0;text-align:left;margin-bottom:0;}
#formContact input,#contenu select,#contenu textarea{border:1px solid #6BCA00;margin-bottom:0.7em;font-family:Arial, Helvetica, sans-serif;
display:inline;}
#formContact div.boutons{margin:1.5em 0 0 10.3em;clear:both;}
#formContact  div.boutons input{margin:0 0.5em;border:none;}
#formContact input.radio{border:none;}
#formContact #domaine{margin-top:2.2em;}
#formContact input.checkbox {margin-left:11em;}
#formContact label.longlabelcheck{padding-left:1em; display:inline; width:28em; text-align:left; clear:none; margin-top:0.2em;}

div.formzContain{clear:both;position:relative;border:1px solid #6BCA00;margin: 0 0 3em 0;zoom:1;}
#formz{position:relative;margin:-1px -1px 0 0;background:url('../img/arr_sondage.gif') no-repeat top right;font-size:0.75em;padding:1.5em 4em;zoom:1;}
#formz fieldset{display:block;}
#formz fieldset.fieldsetHidden{display:none;}
#formz fieldset legend{margin:0 0 1em 0;padding:1em 0.8em 0 0;background:#fff;font-weight:bold;
font-size:1.2em;color:#890080; text-transform:uppercase;}
#formz h3.titre{position:relative;background:url('../img/logo_sondage.gif') no-repeat #fff 0em 0.5em;
margin:-0.5em 0 1em 0em;padding:2em 1em 2.2em 5em;font-weight:normal;color:#6BCA00;font-size:1.6em;}
#formz .titre{position:relative;background:url('../img/logo_sondage.gif') no-repeat #fff 0em 0.5em;
margin:-0.5em 0 1em 0em;padding:2em 1em 2.2em 5em;font-weight:normal;color:#6BCA00;font-size:1.6em;}
#formz input.checkbox {border:none;}
#formz .label{width:250px;}
#formz input.radio{border:none;}
#formz .spip_form_label_obligatoire { font-size:.9em; color:#666666; display:inline;}
#formz input{border:1px solid #6BCA00;margin-top:0.3em;}
#formz textarea {width:442px;border:1px solid #6BCA00;}
#formz select{width:442px;border:1px solid #6BCA00;}
#formz .spip_form_champ{margin-bottom:2em;clear:both;}
#formz div.spip_bouton input{border:none;}
#formz p.spip{color:#000 !important; font-size:1em;}
#formz p.spip_descriptif{margin-bottom:2em;color:#000;font-weight:bold;}
#formz p.spip_form_label{margin-left:0.6em;margin-bottom:0.5em;font-size:1em !important;font-weight:bold;color:#890080;}
#contenu #formz ul.spip li{font-size:1em;list-style-type:disc;}
#formz .erreur{color:#F00;}

#formRef {font-size:0.75em;margin-right:1.44em;margin:2em 0;}
#formRef fieldset{border:none;}
#formRef label{width:10em;text-align:right;margin-right:1em;display:inline;float:left;clear:left;margin-bottom:0.7em;}
#formRef label.longlabel{display:block;float:left;clear:none;width:70%;margin-left:1em;padding:0;text-align:left;margin-bottom:0;}
#formRef input,#contenu select,#contenu textarea{border:1px solid #6BCA00;margin-bottom:0.7em;font-family:Arial, Helvetica, sans-serif;display:inline;}
#formRef div.boutons{margin:1.5em 0 0 10.3em;margin-top:1.5em;clear:both;}
#formRef div.boutons input{margin:0 0.5em;border:none;}
#formRef input.radio{border:none;}
#formRef #domaine{margin-top:2.2em;}
#formRef input.checkbox { margin-left:11em;}
#formRef label.longlabelcheck{  padding-left:1em; display:inline; width:28em; text-align:left; clear:none; margin-top:0.2em;}
#formRef fieldset.fieldsetHidden{display:none;}

#contenu ul.actus li{border-bottom:1px solid #CFD1C0;list-style-image:none;list-style-type:none;padding-bottom:1.5em;font-size:0.75em !important;}
#contenu ul.actus li p{text-indent:0;}
#contenu .actus{padding-left:0;}
#contenu .date{font-weight:bold;color:#6BCA00;margin:0 0 0.3em 0;}
#contenu .lienActu {margin-top:2em;}
#contenu .lienActu a{color:#890080;font-weight:bold;margin:0;padding-right:15px;background:url('../img/puce_lien.gif') no-repeat 100%;}

#contenu .imgCarte{width:31.8em;height:31.8em;margin-top:-25px;}

/* Bloc de bas de page */
#PS{border:1px solid #6BCA00;border-width:0 1px 1px 1px;padding:0 1.13em 1.13em 1.13em;}
#PS h4.spip{font-size:0.75em;color:#890080;background:url('../img/puce_rond_vert.gif') no-repeat top left;line-height:1.5em;padding-left:31px;margin:-0.3em 0 1em 0;}

div.arrGauche{position:relative;background:url('../img/arr_blanc_g.gif') no-repeat top left;margin-top:1.94em;margin-right:1.44em;}
div.arrDroit{position:relative;background:url('../img/arr_blanc_d.gif') no-repeat top right;margin:-1px 0 0 0;height:18px;}
div.bordhaut{border-top:1px solid #6BCA00;margin:0 18px;}

/* Fonctionnalités */
#fonctionnalite{margin-top:1.81em;margin-right:0.4em;text-align:right;clear:both;}
#fonctionnalite li{display:inline;list-style-type:none;color:#98BA09;font-size:0.75em; margin-right:1.44em;}
#fonctionnalite a{color:#890080;font-weight:bold;}
#fonctionnalite a.imprimer{padding-left:22px; background:url('../img/ico_print.gif') no-repeat 0 50%;}
#fonctionnalite a.ami{padding-left:22px; background:url('../img/ico_envoi_ami.gif') no-repeat 0 50%;}

/* styles Spip - ex-temp */

/*admin*/
.spip-admin-float{margin-top:1em;}
/*---------------------------*/

#contenu .spip_doc_titre{font-weight:normal; color:#71890B;font-size:0.75em;margin-top:0.3em;text-align:center}
#contenu .spip_doc_descriptif{font-size:0.625em;}
#contenu .spip_documents{text-align:center}
#contenu img.spip_documents_right{margin-left:10px; float:right}
#contenu img.spip_documents_left{margin-right:10px; float:left;}
#contenu img.spip_documents_center {margin-left:auto; margin-right:auto;}
a.spip_lien_doc{color:#9D3396;font-weight:bold;text-decoration:none;}
a.spip_lien_doc img{vertical-align:middle;}
#contenu .centreImage { display:block; text-align:center;}

#contenu .justifier{text-align:justify;}
#contenu .justifier strong{color:#000;}

#contenu .right .spip_logos{float:right;margin:0 0 1em 1em;}
#contenu .logoRub2 img.spip_logos{float:right;margin:0 0 1em 0em;}
#contenu.sap .logoRub2 img.spip_logos{float:right;margin:0 0 1em 1em;}

#contenu .spip_logos{float:right;margin:0 1em 1em 0;}

#contenu ul.spip{margin-left:0.8em;margin-bottom:1.2em;}
#contenu ul.spip li{list-style-image:url("../img/puce_plus.gif");font-size:0.75em;}
#contenu ol ul{font-size:1.3em;}
#contenu ol li{color:#890080;}

blockquote.spip{background:url('../img/puce_quote.gif') no-repeat #eeeeee;color:#890080;float:right;font-weight:bold;width:9.3em;padding:0.6em 0.6em 0.6em 61px;margin:0 0 0.5em 0.5em;}
blockquote.spip p.spip{font-size:0.75em;padding:0;margin:0;}

#contenu h3.jaune .secteur1{color:#5A6E04;}
#contenu h3.secteur2{color:blue;}

#contenu .encadre{border:1px solid #6BCA00;border-width:0 1px 1px 1px;padding:0 1.13em 1.13em 1.13em;}
#contenu .encadre h4.spip{font-size:0.75em;color:#333;background:url('../img/puce_rond_vert.gif') no-repeat top left;line-height:1.5em;padding-left:31px;margin:-0.3em 0 1em 0;}
#contenu div.arrGauche2{position:relative;background:url('../img/arr_blanc_g.gif') no-repeat top left;margin:1em 1.44em 1em 1em;}

.blochgContenu p.spip{margin-top:1em;}
.blochgContenu p.spip strong.spip{font-weight:bold; color:#000;}

h2.secteur{ margin-bottom:1em;}
#contenu p.spip strong{color:#000;}
#faq h2{float:left;width:5em;background:#41B7C8;color:#fff;font-size:0.875em;font-weight:normal;margin:0;padding-top:2em;text-align:center; margin:0 0 0 1.5%;}

img.coupureTexte {text-align:right;}

strong.recherche { background:yellow; color:#000;}

.plan #contenu li{list-style-type:none;}
.plan #contenu li.plan{margin-left:1.4em;font-size:.8em;font-weight:normal;}
#contenu h3.plan{background:transparent url(../img/puce.gif) no-repeat scroll 0% 50%;padding-left:18px;margin:1em 0 0.3em 0;}
#contenu h4.plan {margin-top:0.6em;margin-bottom:0.4em;margin-left:1em;color:#6BCA00;font-size:0.8em;background:none;}
#contenu h4.plan a {color:#6BCA00;}
#contenu h5.plan {font-weight:normal; margin-bottom:0.2em; margin-left:3em;}
#contenu h5.plan a{font-weight:normal;}

.btnCenter{margin-top:2em;text-align:center;}

.erreur404h{ margin-top:6em; color:#FB2626; }
.erreur404{  color:#FB2626;}
.marge404{ margin-bottom:6em;}
.pagesuivante { float:left; }

.btnPrecedent { margin-right:1.5em;}
.btnSuivant { margin-left:1.5em;}


#navtransversale{float:left;height:39px;background:url('../img/menu_trans/nav-bg.gif') repeat-x;display:inline;}
#navtransversale li{float:left;list-style-type:none;padding:0 45px 0 45px;display:inline;border-right:1px solid #fff;}
#navtransversale li.first{padding-left:0;}
#navtransversale li.last{padding-right:0;}
.autres{float:left;display:inline;}
.autres li{display:inline;list-style-type:none;margin-left:1em;}

#picto{width:1.2em;height:1.2em;border-right:2px solid #fff;border-bottom:2px solid #fff;float:left;}
.biais{width:0;height:0;border:1.2em solid;border-top:none;border-right:none;border-color:#A7C302 #fff;}


/*
=====================
PAGE D'ACCUEIL
=====================
*/

/* home gauche */
#homegauche{width:10.125em;float:left;display:inline;padding:1.8em 0 2.5em 0;}
#homegauche p{margin-bottom:5px;}
/* Nav gauche */
dl#navServices{padding:0 0 1em 0;}
dl#navServices dt{border-bottom:1px solid #6bca00;padding:1em 0 0.4em 0;}
dl#navServices dd ul li{list-style-type:none; font-size:0.7em; border-bottom:1px solid #6bca00; padding:0.1em 0 0.2em 0;}
dl#navServices dd ul li a{text-decoration:none;}
dl#navServices dd ul li a:hover{color:#7C960F;}

/* En savoir plus */
#plus{background:#f2f2f2;margin:1em 0 0 0;padding:0 0 0.4em 0.9em;}
#plus h2{padding:0.2em 0 0 0}
#plus ul li {font-size:0.7em;margin:0 0 5px 0;line-height:1em;list-style-type:none}
#plus a{text-decoration:none}
#plus a:hover{color:#7C960F;}
/* Profil */
#profil ul{margin-top:0.7em;}
#profil ul li {font-size:0.8em;margin:0 0 5px 0;list-style-type:none; font-weight:bold; border-bottom:1px solid #6bca00;padding:0 0 0.4em 0}
#profil a{text-decoration:none}
#profil a:hover{color:#5B5B58;}
/* bloc offres */
.offre{background:#D1F000;border:3px solid #CCCCCC;border-width:3px 3px 0 0;margin:0 11px 3px 0;padding:3px;display:none;}
.offre h2{float:left;display:inline;color:#fff;margin:10px 3px 0 0;}
.offre h3{color:#890080;text-transform:uppercase;font-size:0.875em;}
.offre p{font-size:0.75em;}

/* home droit */
#homedroit{width:48.07em;float:left;display:inline;margin-bottom:2.5em;margin-left:1.81em;padding-top:19px;}
#homedroit h2{margin:0.5em 8px 0 0;}
#homedroit h2.titre,#homedroit h3{float:left;display:inline;margin:0.5em 1.1em 0 0;color:#890080;font-weight:normal; width:32.5em /*34.5em*/}
#homedroit h2.titre{font-size:1.1em;}
#homedroit h3 span,#homedroit h2.titre span{font-size:1.25em;}
#homedroit p{margin-bottom:0.5em}
#homedroit #flashcontent{height:320px;float:left;display:inline;width:550px;margin-left:10px;}
#homedroit #flashcontent p{text-align:center; padding:2px;margin-top:20px;}
#homedroit #flashcontent2{background:#FFFFFF none repeat scroll 0% 50%;float:left;display:inline;height:320px;margin-left:1em;width:190px;}
#homedroit p.lireflash {clear:both;text-align:right;padding-bottom:1em;margin-right:220px;}
#homedroit p.lireflashconcours{clear:both;text-align:right;padding-bottom:1em;margin-right:10px;}

hr{border:1px solid #e7cce6; margin:24px 0 24px 0;}

#homedroit div.sap{float:left;position:relative; width:15.7em; margin-right:13px;}
#homedroit div.sap div.cadre{background:#eff6f9;padding:10px 0px 8px 10px;}
#homedroit div.sap div.cadre .coinHG{position:absolute;width:13px;height:13px;margin:-10px 0 0 -10px;background:url('../img/sap_coinHG.gif') no-repeat;}
#homedroit div.sap div.cadre .coinHD{position:absolute;right:0;width:13px;height:13px;margin:-10px 0 0 0;background:url('../img/sap_coinHD.gif') no-repeat;}
#homedroit div.sap div.cadre .coinBG{position:absolute;width:13px;height:13px;margin:-5px 0 0 -10px;background:url('../img/sap_coinBG.gif') no-repeat;}
#homedroit div.sap div.cadre .coinBD{position:absolute;right:0;width:13px;height:13px;margin:-5px 0 0 0;background:url('../img/sap_coinBD.gif') no-repeat;}
#homedroit div.sap div.cadre .content {margin-top:-10px;padding-bottom:3px;  }
#homedroit div.sap div.cadre .content h2{padding-bottom:4px;}
#homedroit div.sap div.cadre .content h3{color:#000000; font-size:1em;font-weight:bold}
#homedroit div.sap div.cadre .content p{font-size:0.8em; color:#000000; padding-right:10px; font-weight:bold }
#homedroit div.sap div.cadre .content p.picto{position:absolute; right:3px;bottom:-1px }
#homedroit div.sap div.cadre .content ul li{position:relative;font-size:0.7em;list-style-type:none; background:url('../img/puce_fleche.gif') no-repeat 0 2px;padding-left:16px;padding-bottom:2px;}
#homedroit div.sap div.cadre .content ul li a{text-decoration:none}
#homedroit div.sap div.cadre .content ul li a:hover{text-decoration:underline}



#homedroit div.actu{float:left;position:relative; width:31.5em}
#homedroit div.actu div.cadre{border:3px solid #eff6f9;padding:10px 0px 8px 10px;}
#homedroit div.actu div.cadre .coinHG{position:absolute;width:14px;height:17px;margin:-13px 0 0 -13px;background:url('../img/actu_coinHG.gif') no-repeat;}
#homedroit div.actu div.cadre .coinHD{position:absolute;right:0;width:14px;height:17px;margin:-13px 0 0 0;background:url('../img/actu_coinHD.gif') no-repeat;}
#homedroit div.actu div.cadre .coinBG{position:absolute;width:14px;height:17px;margin:-5px 0 0 -13px;background:url('../img/actu_coinBG.gif') no-repeat;}
#homedroit div.actu div.cadre .coinBD{position:absolute;right:0;width:14px;height:17px;margin:-5px 0 0 0;background:url('../img/actu_coinBD.gif') no-repeat;}
#homedroit div.actu div.cadre .content {margin-top:-10px;padding-bottom:3px;  }
#homedroit div.actu div.cadre .content h2{padding-bottom:4px;}
#homedroit div.actu div.cadre .content p.picto{position:absolute; right:4px;bottom:-1px; padding-right:10px; }
#homedroit div.actu div.cadre .content ul{margin-top:4px}
#homedroit div.actu div.cadre .content ul li{font-size:0.8em;list-style-type:none;padding-bottom:10px;font-weight:bold;}
#homedroit div.actu div.cadre .content ul li span{color:#890080;font-weight:normal;}
#homedroit div.actu div.cadre .content ul li a{text-decoration:none;}
#homedroit div.actu div.cadre .content ul li a:hover{color:#5B5B58}


#homedroit div.demande{clear:both;position:relative; padding-top:28px;}
#homedroit div.demande div.cadre{background:#f8f4f8;padding:10px 0px 8px 10px;}
#homedroit div.demande div.cadre .coinHG{position:absolute;width:13px;height:13px;margin:-10px 0 0 -10px;background:url('../img/demande_coinHG.gif') no-repeat;}
#homedroit div.demande div.cadre .coinHD{position:absolute;right:0;width:13px;height:13px;margin:-10px 0 0 0;background:url('../img/demande_coinHD.gif') no-repeat;}
#homedroit div.demande div.cadre .coinBG{position:absolute;width:13px;height:13px;margin:-5px 0 0 -10px;background:url('../img/demande_coinBG.gif') no-repeat;}
#homedroit div.demande div.cadre .coinBD{position:absolute;right:0;width:13px;height:13px;margin:-5px 0 0 0;background:url('../img/demande_coinBD.gif') no-repeat;}
#homedroit div.demande div.cadre .content {margin-top:-10px;padding-bottom:3px;  }
#homedroit div.demande div.cadre .content h2{padding-bottom:4px;}
#homedroit div.demande div.cadre .content p{font-size:0.8em; color:#000000; padding-right:14px; }
#homedroit div.demande div.cadre .content p.picto{position:absolute; right:2px;bottom:-1px }

/* PNG transparents IE */
.format_png{behavior: url("win_png.htc");