body {margin: 0; padding: 0; font: normal 68.5% arial, sans-serif; background: #3f3f3f url(../images/bg.gif) top left repeat;text-align: center; color: #414141}
.clear, .clear10, .clear15, .clear20 {clear: both; display: block; height: 0; font-size: 0; line-height: 0; margin: 0}
.clear10 {height: 10px}
.clear15 {height: 15px}
.clear20 {height: 20px}
.floatright {float: right}

img {border: none}
img.floatleft {float: left; margin-right: 10px}
img.floatright {float: right; margin-left: 10px}

ul, ol, p, h1, h2, h3, h4, form {margin:0; padding:0;}

h4 {font-size: 1em}
a {color: #414141}

span.bull {float: left}

a.bt_or, a.bt_or_prev {cursor:pointer;background: url(../images/bt_or_gauche.gif) left top no-repeat; color: #fff;  height: 28px; float: left;display: inline; font: bold 1em arial; padding: 0  0 0 15px; text-decoration: none}
a.bt_or span, a.bt_or_prev span {background: url(../images/bt_or_droit.gif) right top no-repeat;  height: 23px;padding: 5px 15px 0 0; float: left}


a.fle_gris {background: url(../images/gauche_fle_nav_gris.gif) left 0.4em no-repeat; padding-left: 7px; display: block; color: #414141}

div#contener {width: 976px; padding: 0 10px; margin: 0 auto; text-align: left; background: #fff}
div#gauche {width: 171px; float: left; display: inline}
div#centre {width: 563px; margin: 0 20px 0 22px; float: left; display: inline}
div#droit {width: 190px; float: left; display: inline; overflow:hidden;}

/*** pagination centree type guide partenaire ***/
p.pagination {margin-top: 40px; text-align: center}
p.pagination a.precedent {margin-right: 15px}
p.pagination a.suivant {margin-left: 15px}
p.pagination span.on {font-weight: bold}


/*** HEADER **/
div#header {clear: both; /*position :relative; z-index: 10;*/ }
img.logo {float: left}
/* selection */
div#selection {float: left; width: 285px; min-height: 6em; margin: 10px 0 0 143px; overflow: hidden}
div#selection span.intitule {display: block; padding-top: 0.2em; font: bold 0.97em arial; text-transform: uppercase}
div#selection span.libele {display: block; float: left;padding-top: 0.5em; color: #7F7F7F}
div#selection span.nb {float: right; width: 32px;padding-top: 0.5em; color: #BF983F; overflow: hidden}
div#selection p.gauche {float: left;  background: url(../images/panier_gauche.gif) no-repeat left bottom; width: 168px; height: 3.9em; padding: 0 0 0 3.5em}
div#selection p.droit {float: right; background: url(../images/panier_droit.gif) right bottom no-repeat;  color: #fff; width: 70px; height: 1.9em; padding: 2em 0.2em 0 0.5em;}
div#selection p.droit a { color: #fff;}
div#selection p.valid {margin-top: 5px; float: right}
div#selection  a.bouton {background: url(../images/bt_beige_gauche.gif) left top no-repeat; color: #fff; padding: 2px 0 4px 10px; color: #BF983F; text-decoration: none; font-weight: bold}/*css ie*/
div#selection  a.bouton span {background: url(../images/bt_beige_droit.gif) right top no-repeat; padding : 2px 7px 4px 0;}/*css ie*/

/* profil */
div#profil {background:transparent url(../images/bg_login.gif) no-repeat scroll left top;color:#7F7F7F;float:right;height:92px;padding-left:40px;width:232px;display:none;}
div#profil span.intitule {display: block; padding-top: 0.2em; margin-left: 40px; font: bold 0.97em arial; text-transform: uppercase; color: #000}
div#profil span.libele {display: block; padding-top: 0.5em; margin-left: 40px;}
div#profil span.lnk_profil {display:block;display: block; padding-top: 0.3em; margin-left: 40px;}
div#profil a.lnk_profil{text-decoration: underline;}

/* login */
div#login {background: url(../images/bg_login.gif) left top no-repeat; width: 272px; height: 92px; margin: 0; color: #7F7F7F;display:block;padding:0;}
div#login span.intitule {display: block; margin-left: 40px; padding-top: 0.2em; font: bold 0.97em arial; text-transform: uppercase; color: #000;float:left;}
div#login span.loginError {color: red; margin: 0 0 0 5px;}
div#login div.loginform { margin-left: 12px; margin-top: 0px; padding-left: 28px; padding-top: 0.5em; background: transparent;}
div#login div.loginform label {color: #777676; display: block; float: left; width:70px; padding: 6px 0 0 0;}
div#login div.loginform input {border: 1px solid #CDCDCD; font-size: 11px; width: 153px; margin-right: 5px; margin-top: 5px; float:left;}
/*div#login div.loginform a.bt_or {margin-top: 10px; cursor:pointer;background: url(../images/bt_or_gauche.gif) left top no-repeat; color: #fff;  height: 28px; display: block; font: bold 1em arial; padding: 0  0 0 40px; margin-right: 55px; text-decoration: none}
div#login div.loginform a.bt_or span {background: url(../images/bt_or_droit.gif) right top no-repeat;  height: 23px;padding: 5px 40px 0 0;}
div#login div.loginform a.oubli {color: #454545; margin : 10px 2px 0px 2px; float:left;}*/
div#login div.loginform a {float: right;margin: 3px 7px 0 0;}
div#login div.login_bas {clear : both; margin-left :0px; background: transparent; height:9px;}

/* Container login et profil */
div#loginbox {float:right;width:272px;height:92px;display:block;position:relative;padding:0;margin: 10px 0 0 0;}
div#loginbox div.wait {left:16px;position:absolute;top:19px;opacity:0.3;filter: alpha(opacity = 30);background:#CCCCCC;width:253px;height:70px;padding:0;}
div#loginbox div.wait img{position:absolute; left:113px;top:20px;padding:0;}

/*** onglets gris/violet ***/
ul#entrees_haut {list-style: none; clear: both; margin: 5px 0 10px 0}/*css ie*/
ul#entrees_haut li {display: inline}
ul#entrees_haut li a {text-decoration: none; text-transform: uppercase; padding:  6px 0 5px 8px; font: bold 0.98em arial;}
ul#entrees_haut li.gris a {background: url(../images/onglet_gris_gauche.gif) left top no-repeat;  color: #96989B;}/*css ie*/
ul#entrees_haut li.gris a span {background: url(../images/onglet_gris_droit.gif) right top no-repeat; padding:  6px 8px 5px 0}/*css ie*/
ul#entrees_haut li.violet a {background: #3C005A url(../images/onglet_violet_gauche.gif) left top no-repeat; color: #fff; }/*css ie*/
ul#entrees_haut li.violet a span {background: url(../images/onglet_violet_droit.gif) right top no-repeat; padding:  6px 8px 5px 0}/*css ie*/

/*** bloc nav catalogues / recherche ***/
div#bloc_recherche {margin-bottom: 20px}
div#bloc_recherche a {color: #fff; text-decoration: none; font-weight: bold}
div#bloc_recherche a:hover {color: #3B005B}
div#bloc_recherche span.onglet_on {float: left; background: url(../images/onglet_annee_on_gauche.gif) left top no-repeat; padding:  13px 0 17px 8px;  color: #3C005A; font-weight: bold}
div#bloc_recherche span.onglet_on span  {background: url(../images/onglet_annee_on_droit.gif) right top no-repeat; padding:  13px 10px 17px 0}
div#bloc_recherche a.onglet {float: left; background: #3C005A; color: #fff; padding:  8px 10px 10px 10px; margin: 4px 0; cursor: pointer; font-weight: bold}
div#bloc_recherche div.recherche {float: left; height: 2.9em; width: 715px; padding-left: 5em; background: #C1BFBF; margin-top: 4px}
div#bloc_recherche div.recherche p.form {float: left; background: url(../images/pictos/recherche.gif) 0 0.75em no-repeat; padding: 0.5em 0 0 3em; height: 2.4em; margin-right: 1em; width: 374px; border-right: 1px solid  #DDD;}
div#bloc_recherche div.recherche p.form input {width: 200px; height: 1.2em; border: 1px solid #B1B0B0; font-size: 1em }
div#bloc_recherche div.recherche p.form select {width: 130px; height: 1.3em; border: 1px solid #91ABC2; margin-right: 0.5em; font-size: 1em}
div#bloc_recherche div.recherche p.recherche_avancee {float: left; width: 110px; height: 2.1em; padding: 0.8em 0.8em 0  0; border-right: 1px solid  #DDD;}
div#bloc_recherche div.recherche p.recherche_avancee a {text-decoration: none; font-weight: bold}
div#bloc_recherche div.recherche p.droit {float: right; width: 121px; height: 1.9em; padding-left: 2.5em;}
div#bloc_recherche div.recherche p.droit a {color: #fff; text-decoration: none; font: bold 0.95em arial;  line-height: 10px; float: left; position: relative; top: -1em;  padding-top: 1.5em;  width: 55px; text-align: center;}
div#bloc_recherche div.recherche p.droit a:hover {color: #3B005B}
div#bloc_recherche div.recherche p.droit a.contact {background: url(../images/pictos/contact.gif) 50% 0 no-repeat;  margin-right: 1em}
div#bloc_recherche div.recherche p.droit a.aide {background: url(../images/pictos/aide.gif) 50% 0 no-repeat; float: right}



/*** FIL ARIANE ***/
div#ariane {color: #8a8a8a; clear: both; margin: 5px 0 20px 2px; }
div#ariane a  {color: #8a8a8a}

/*** logue espace partenaire ***/
p#espace_partenaire {color: #3c005a; background: #ede3f3;  margin: 0 3px 10px 2px; padding: 5px 0; 	font-weight: bold; text-align: center;}

/**** NAV GAUCHE****/
div#gauche h2 {background: url(../images/gauche_bg_h2_gauche.gif) left top no-repeat; color: #fff;  height: 48px; float: left;display: inline; font: bold 1em arial; padding: 0  0 0 15px; }
div#gauche h2 span {background: url(../images/gauche_bg_h2_droit.gif) right top no-repeat; height: 48px;padding: 8px 15px 0 0; float: left}

div#gauche div#navgauche {margin: -20px 0 0 8px; width: 151px; float: left; display: inline; }
/*div#gauche div.nav_off {background:  url(../images/gauche_ul_top.gif) 0 0 no-repeat;}*/

div#gauche ul li li a, div#gauche ul li.niv1_on span {margin-left: 20px; display: block;  text-decoration: none;}


div#gauche ul {list-style: none; width: 151px;margin-top: -1px;}
/*div#gauche ul.main {padding-top: 10px}*/
div#gauche ul.main ul.ouvert {padding-bottom: 1em; padding-top: 0.5em}
div#gauche ul li {margin: 0; padding-right: 5px}

div#gauche ul li a, div#gauche ul li.niv1_on span,  div#gauche ul li.niv1_on p {margin-left: 10px; display: block;  text-decoration: none;}
div#gauche ul li.niv1 {background-color:#fff; /*url(../images/gauche_fle_nav_noir.gif) 1em 0.8em no-repeat;*/ padding: 0.5em 0.5em 0.5em 0}
div#gauche ul li.niv1 {border-bottom: 1px solid #d8d8d8; border: solid #d8d8d8; border-width: 0 1px 1px 1px; }

div#gauche ul li.niv1_on {color: #fff;  padding: 0.5em 0 0 0; border: solid #d8d8d8; border-width: 0 1px 1px 1px;}
div#gauche ul li.niv1_on a.on {color: #fff; margin-bottom: 0.5em}/*ie*/
div#gauche ul li.niv1_on p.on {color: #fff; margin-bottom: 0.5em}/*ie*/
div#gauche ul li.niv1_on ul {padding-left: 0; width: 149px}
div#gauche ul li.niv1_on ul ul {padding-left: 10px; width: 134px;}

div#gauche ul li.fin {margin-bottom: 0; border-bottom: none;}
div#gauche ul li.top {background:  url(../images/gauche_ul_top.gif) top left no-repeat; margin: 0; width: 151px; height: 9px; margin-bottom: -9px; font-size: 1px; position:relative; z-index:0;}
div#gauche ul li.bottom {background: url(../images/gauche_ul_bottom.gif) 0 0 no-repeat; margin: 0; width: 151px; height: 9px; margin-top: -9px; font-size: 1px;}

div#gauche ul li.niv2, div#gauche ul li.niv2_on {padding: 0.1em 0.5em 0.1em 0;height: 1%}
div#gauche ul li.niv2_on {background: url(../images/gauche_fle_nav_noir_bas.gif) 0.8em 0.7em no-repeat;}
div#gauche ul li.niv2_on li.niv3_on {background: url(../images/gauche_fle_nav_noir.gif) 1em 0.3em no-repeat;}/*css ie*/
div#gauche ul ul {margin: 0;}
div#gauche img.illustration {margin-left: 8px;}

/*** navigation achat election ***/
div#nav_achat {margin-top: 80px}
div#nav_achat p.num, div#nav_achat p.quatre {background:url(../images/nav_achat_bg.gif) 30px 0 repeat-y; height: 60px; font-weight: bold;}
div#nav_achat p.quatre {height: auto}
div#nav_achat span, div#nav_achatspan#cadenas {background:url(../images/nav_achat_off.gif) 0 0 no-repeat; display: inline; float: left; width: 18px; height: 15px; padding: 8px 5px 5px 11px; margin-left: 17px; color: #919191;}
div#nav_achat span.on {background:url(../images/nav_achat_on.gif) 0 0 no-repeat; color: #fff; text-decoration: none;}
div#nav_achat span#cadenas {background:url(../images/cadenas_off.gif) 0 0 no-repeat;}
div#nav_achat span#cadenas_on {background:url(../images/cadenas_on.gif) 0 0 no-repeat;}
div#nav_achat a.etape, div#nav_achat span.etape_on {display: block; float: left; background: none; padding: 0; margin:10px 0 0 0; color: #414141;  text-transform: uppercase; text-decoration: underline}
div#nav_achat span.etape_on {color: #e3b655;  text-decoration:none}
div#nav_achat span.etape{background:none;display: block; float: left; background: none; padding: 0; margin:10px 0 0 0; color: #414141;  text-transform: uppercase;}

/*** CENTRE ***/
/*** nav ***/
/* surcharge des listes */
div#centre ul, ol {padding-left:2em;}

div.offre {text-align: center; height: 3em}
p#offre {margin: 0 auto}
p#offre a {background: url(../images/nav_offre.gif) right top no-repeat; display: block; float: left; height: 2.2em; padding: 0.6em 1.5em 0 1.5em; color: #8A8A8A; text-decoration: none}
p#offre a.debut {background: url(../images/nav_offre_debut.gif) left top no-repeat;}
p#offre a.fin {background: url(../images/nav_offre_fin.gif) right top no-repeat;}
p#offre a.separateur{padding:0.6em 0 0 0;}
p#offre span.on  {background: url(../images/nav_offre_on_gauche.gif) left top no-repeat; color: #414141;  height: 31px; float: left; font: bold 1em arial; padding: 0  0 0 15px; }
p#offre span.on em {background: url(../images/nav_offre_on_droit.gif) right top no-repeat; height: 31px;padding: 8px 15px 0 0; font-style: normal; float: left}

/** Page fonction*/
div#txtDescriptif p{margin-bottom : 1em}
div#txtDescriptif ul{margin: 0em;padding-left : 1.5em;}
div#txtDescriptif ol{margin: 0em;padding-left : 1.5em;}
div#txtDescriptif li{margin: 0em;padding: 0em;}


/*** plusieurs objets doivent être 
alignés horizontalement au sein d'un même block description ***/

div.description
{
    float:left;
	margin-right:10px;
	/*background : #000000;
	color : #ffffff;
	*/
}

div.description img
{
    float:left;
	margin-right:10px;
}

div.description p
{
    clear: right;
}


div#qcmBody ul{padding-left:0;}
div#qcmBody ol{padding-left:0;}

/*** Tableaux lignes gris/blanc***/
table.alterne {background: #fff}
table.alterne tr.impair {background: #eee}

/*** PARTIE DROITE **/
div#droit h2 {background: url(../images/droit_bg_h2_gauche.gif) left top no-repeat; color: #fff;  height: 48px; float: left; display: inline; font: bold 1em arial; padding: 0  0 0 15px; }
div#droit h2 span {background: url(../images/droit_bg_h2_droit.gif) right top no-repeat; height: 48px;padding: 8px 15px 0 0; float: left}
div#droit a.bt {background: url(../images/droit_bg_bt_gauche.gif) left top no-repeat; color: #fff;  height: 28px; float: left;display: inline; font: bold 1em arial; padding: 0  0 0 6px; margin: 0.5em 0.8em 0 0.9em; text-decoration: none}
div#droit a.bt span {background: url(../images/droit_bg_bt_droit.gif) right top no-repeat;  height: 23px; padding: 5px 15px 0 0; float: left; font-style: normal}

div#droit a.bt_or_select {background: url(../images/droit_bg_bt_gauche2.gif) left top no-repeat; color: #fff;  height: 28px; float: left;display: inline; font: bold 1em arial; padding: 0  0 0 7px; margin: 0.5em 0.8em 0 0.9em; text-decoration: none;cursor:pointer;}
div#droit a.bt_or_select span {background: url(../images/droit_bg_bt_droit2.gif) right top no-repeat;  height: 23px; padding: 6px 11px 0 2px; float: left; font-style: normal;cursor:pointer;}

div#droit p#conseiller {background: url(../images/droit_conseiller.jpg) left top no-repeat; width: 118px; height: 39px; padding: 10px 50px 10px 15px; float: left; display: inline;  margin: -20px 0 0 8px; overflow: hidden}
div#droit p#conseiller a {text-decoration: none;}
div#droit div.boite {margin: 5px 0 12px  4px; padding-bottom: 0px;  width: 182px; background: url(../images/droit_boite_fond.gif) left bottom repeat-y;}
div#droit div.boite p {padding: 0 10px}
div#droit div.boite h3, div#droit div.boite span.haut, div#droit div.catalogue span.haut {position: relative; width: 182px; background: url(../images/droit_boite_haut.gif) left top no-repeat; width: 182px; height: 23px; padding: 5px 0 0 10px; font: bold 1em arial; display: block; text-transform: uppercase}
div#droit div.boite h3 span {display: block; width: 40px; height: 30px; position: absolute; top: -8px; left: 146px}
div#droit div.boite span.haut {height: 10px; padding: 0}
div#droit div.boite span.intitule  {display: block; color: #414141; margin-bottom: 1em;}
div#droit div.boite a.intitule  {display: block; color: #414141; margin-bottom: 1em;}
div#droit div.boite a.centre  {display: block; color: #414141; margin-bottom: 1em; text-align: center}
div#droit div.boite span.date  {display: block; font-style: italic; color: #6B6C63}
div#droit div.boite span.fin_boite  {display: block;height:7px;padding:0;margin:0;background: url(../images/droit_boite_fin.gif) left bottom no-repeat;}
div#droit div.boite span.haut_boite  {display: block;height:7px;padding:0;margin:0;background: url(../images/droit_boite_haut.gif) left top no-repeat;}


 div#droit div.breves h3 span {background: url(../images/pictos/breves.gif) right top no-repeat;}
 div#droit div.evenements h3 span {background: url(../images/pictos/evenements.gif) right top no-repeat;}
 div#droit div.connaitre h3 span {background: url(../images/pictos/connaitre.gif) right top no-repeat;}
 div#droit div.ecrire h3 span {background: url(../images/pictos/ecrire.gif) right top no-repeat;}
 div#droit div.selection h3 span {background: url(../images/pictos/selection.gif) right top no-repeat;}
 div#droit div.actualites h3 span {background: url(../images/pictos/actualites.gif) right top no-repeat;}
 div#droit div.actualites a.intitule,  div#droit div.reunion a.intitule  {display: block; color: #414141; margin-bottom: 0.2em;}
 div#droit div.reunion h3 span {background: url(../images/pictos/reunion.gif) right top no-repeat;}
  div#droit div.bibliotheque h3 span {background: url(../images/pictos/bibliotheque.gif) right top no-repeat;}

 div#droit div.ecrire h3 a {color: #414141}
  
div#droit div.catalogue {padding: 0 0 0px 0; float: left; display: inline;  margin: -20px 0 0 8px}
div#droit div.catalogue span.haut {background: url(../images/droit_boite_haut_fond.gif) left top no-repeat; height: 7px; padding: 0}
div#droit div.catalogue p {background: url(../images/pictos/catalogue.jpg) 110px 0 no-repeat; padding-top: 10px}
div#droit div.catalogue p a.pdf, div#droit div.catalogue p a.papier {display: block; color: #414141; margin-bottom: 1em; line-height: 17px; background: url(../images/pictos/pdf.gif) left top no-repeat; padding-left: 20px}
div#droit div.catalogue p a.papier {background: url(../images/pictos/papier.gif) left top no-repeat;}
div#droit div.catalogue p a.bulletin {display: block; color: #414141; margin-bottom: 1em; padding-left: 18px}

/*** boite sans titre/picto ***/
div#droit div.references {margin-top: 20px}
div#droit div.references h3 {text-transform: uppercase; padding-right: 10px;  width: 170px}
div#droit div.references p.contenu {width: 170px;}
div#droit div.references p.marge_haut {margin-top: 10px}
div#droit div.references p.indent {margin-left: 15px; width: 160px; }
div#droit div.references img {margin-right: 8px}
div#droit div.references a {color: #414141;}
div#droit div.references a.ajouter {background: url(../images/pictos/plus_clair.gif) left 0.4em no-repeat; padding-left: 15px; color: #9E9E9E; margin-top: 10px; display: block; margin-left: 30px}

/* pour gerer les elements html des pages dont le contenu est administrable*/
div#contAdministrable {}
div#contAdministrable ul{padding-left:2em;}
div#contAdministrable ol{padding-left:2em;}

/* articles */
div#articleLst div.contenu {padding:0pt 105px 0pt 55px;}
div#articleLst div.contenu h2{font-size:11px;}
div#articleLst div.contenu a.suite, div#articleLst div.contenu span.bullet {display:block;float:left;margin:5px 5px 0pt 0pt;}

div#article h1 {font-size:13pt; margin-bottom:0.5em;padding-bottom: 20px;}
div#article div.contenu {margin-bottom:2.5em; margin-top:2.5em;}
div#article div.contenu p{color:#797979;margin-bottom:2em;}
/*div#article div.contenu ul{padding-left:1em;}*/
div.pagenavigator{padding:0pt 105px 0pt 55px;}
div.pagenavigator p {text-align:right;}
div#article ul{padding-left:2em;}
div#article ol{padding-left:2em;}

p.important{font-weight:bold;}

/* messages commande */
div#textpage p{margin-top:1.5em; margin-bottom:1.5em; /*padding:0.5em;*/ font-weight:bold;}


/* loader */
div#contact{position:relative;}
div#loaderBG{width:100%; height:100%; background: url(../images/fond_transp_blanc.png) center no-repeat; position:absolute; left:0; top:0; z-index:100000;}
div#loaderImg{width:100%; height:100%; background: url(../images/ajax-loader.gif) center 150px no-repeat; position:absolute; left:0; top:0; z-index:100001;}

/*** FOOTER ***/
div#pied {padding: 1.5em 0; color: #A0A0A0; text-align: center;}
div#pied a {color: #A0A0A0; text-decoration: none}