/*================================
Site : Mercator Publicitor - Styles écran
Date : 15/07/2008
ver. : 1.0
Auth : Churchill
================================*/

/* général */
*{margin:0;padding:0;}
img{border:0;}
body{padding-bottom:3.9em;font-size:62.5%;font-family:Verdana,sans-serif;text-align:center;}

/* classes */
.suite a{padding-left:12px;background:url('../IMG/puce-navigation.png') no-repeat 0 5px;color:#cb0000;}
.nettoyeur {border:medium none;clear:both;font-size:1px;height:0pt;line-height:1px;margin:0pt;padding:0pt;}
.info_bulle{background:#fff;color:#c00;font:1.2em;font-weight:bold;position:relative;}

p a {color: #2A5AA6;}
/* ==== Home ====  */

/* Structure */
#page{width:99em;margin:3.9em auto;border:1px solid #fbc917;text-align:left;}
#avant_entete{position:relative;top:-1em;float:right;padding:0 1.2em;margin:0 1.2em -2em 0;background:#fff;}
#entete{margin-bottom:3.7em;}
#conteneur{}
#navigation{float:left;display:inline;width:21em;margin-right:2.5em;}
#contenu{float:left;display:inline;width:47.6em;margin-right:2.7em; overflow:hidden;}
#contexte{float:left;width:262px;margin-right:-64px;}
#pied{position:relative;bottom:-.5em;float:right;display:inline;padding:0 1.2em;margin:3em 1.2em 0 0;background:#fff;clear:both;}

/* avant_entete */
#avant_entete li{display:inline;list-style-type:none;color:#fbc917;}
#avant_entete li img{vertical-align:middle;}
#avant_entete li a{color:#2a5aa6;text-decoration:none;}

#avant_entete form{display:inline;}
#avant_entete label{color:#2a5aa6;}
#avant_entete input.forml{padding:2px 5px;color:#2a5aa6;border:1px solid #fbc917;font-size:1em;}
#avant_entete input.ok{color:#2a5aa6;background:none;border:0;font-size:1em;}

/* navigation */
#navigation ul.accordion{margin-bottom:3em;background:url('../IMG/sep-navigation.gif') no-repeat top left;list-style-type:none;}
#navigation ul.accordion li{padding:0.75em 0 0.75em 1.25em;background:url('../IMG/sep-navigation.gif') no-repeat bottom left;color:#2a5aa6;font-size:1.2em;text-transform:uppercase;}
#navigation ul.accordion li.selected  a.handler{color:#000;background:url('../IMG/puce-navigation-bas.png') no-repeat 0 5px;cursor:default;}
#navigation ul.accordion li a{display:block;padding-left:1.42em;background:url('../IMG/puce-navigation.png') no-repeat 0 5px;color:#2a5aa6;font-weight:bold;text-decoration:none;}
#navigation ul.accordion li li{padding:0.25em 0 0.25em 1.25em;background:none;list-style-type:none;color:#cb0000;font-size:0.9em;text-transform:none;}
#navigation ul.accordion li li a{background:none;/*color:#cb0000;*/font-weight:normal;text-decoration:none;}
#navigation ul.accordion li li li{font-size:1em;}
#navigation ul.accordion li a:hover{color:#CC0000;}


/* contenu */
#contenu .pub{margin-bottom:2em;}
#contenu h2{margin-bottom:0.6em;}
#contenu h2 img{vertical-align:middle;margin-top:3px;}
#contenu h3{margin-bottom:1em;text-transform:uppercase;font-size:1.4em;color:#295aa6;}
#contenu p{margin-bottom:1em;font-size:1.1em;line-height:1.4em;}
.contre-encart{float:left;width:25em;padding-right:1.5em;border-right:1px solid #fbc917;}
.encart{float:left;width:19.2em;margin-left:-1px;padding-left:1.5em;border-left:1px solid #fbc917;}
#contenu .encart h3{margin-bottom:0.1em;text-transform:none;font-size:1.2em;}
#contenu .encart p{font-size:1em;}
.encart ul{list-style-type:none;}
.encart li{margin-top:0.9em;padding-bottom:0.3em;border-bottom:1px solid #fbc917;}
.encart li.last{border-bottom:0;}
.mots a {color:#2a5aa6;}

.annonce{padding:9px 18px 0;background:url('../IMG/puce-navigation.png') no-repeat 95% 85%;border:1px solid #fbc917;margin-top:-1px;}}
.annonce a{color:#cb0000;}
#contenu .encart .annonce h3 {font-size:1.05em;font-family:Arial,}


/* contexte */
.publicitor{position:relative;width:198px;margin-bottom:2.8em;padding:12px 16px;border:1px solid #e75012;border-top:0;}
.publicitor h2{position:relative;top:-12px;left:-32px;margin:0 -49px -12px 0;height:1%;}
.publicitor p{font-size:1.1em;}
.publicitor .suite,.mercator .suite{position:relative;bottom:-1.5em;margin:0 -6px;padding:0 6px;background:#fff;}
.mercator{position:relative;width:198px;margin-bottom:2.8em;padding:12px 16px;border:1px solid #ed0c6d;border-top:0;}
.mercator h2{position:relative;top:-12px;left:-32px;margin:0 -49px -12px 0;height:1%;}
.mercator p{font-size:1.1em;}

#nuage{padding:12px 16px;width:198px;border:1px solid #fbc917;}
#nuage .suite{position:relative;bottom:-1.5em;margin:0 -6px 0 70px;padding:0 6px;background:#fff;}


/* pied */
#pied li{display:inline;list-style-type:none;color:#fbc917;}
#pied li a{color:#2a5aa6;text-decoration:none;}



/* ==== Article ==== */

/* hierarchie */
.page_article  #contenu  p.hierarchie{margin-bottom:2em;color:#2a5aa6;}
.page_article  #contenu  p.hierarchie a{color:#2a5aa6;}

/* menu : jdmenu */
.page_article #contenu ul.jd_menu, ul.jd_menu_vertical {margin: 0 0 1em;	padding: 0px;	list-style-type: none;}
.page_article #contenu ul.jd_menu ul,.page_article #contenu ul.jd_menu_vertical ul {display: none;}
.page_article #contenu ul.jd_menu li {float: left;border-top:none;list-style-image:none;margin:0;}
.page_article #contenu ul.jd_menu.jdmercator li {border:1px solid #fbc917;}
.page_article #contenu ul.jd_menu.jdpublicitor li {border:1px solid #D14D00;}
.page_article #contenu ul.jd_menu_vertical {width: 300px;}
.page_article #contenu ul.jd_menu_vertical li {float: none;}

.page_article #contenu ul.jd_menu ul,.page_article #contenu ul.jd_menu_vertical ul {position: absolute;display: none;list-style-type: none;	margin: 0px;padding: 0px;z-index: 10000;}
.page_article #contenu ul.jd_menu ul li,.page_article #contenu ul.jd_menu_vertical ul li {float: none;margin: 0px;}
.page_article #contenu ul.jd_menu,.page_article #contenu ul.jd_menu ul,.page_article #contenu ul.jd_menu_vertical,ul.jd_menu_vertical ul {height: 20px;}
.page_article #contenu ul.jd_menu_vertical {height: auto;}
.page_article #contenu ul.jd_menu ul {height: auto;}
* html ul.jd_menu ul {width: 1%;}
.page_article #contenu ul.jd_menu li {font-family: sans-serif;color: #FFF;line-height: 14px;margin: 0 0 0 -1px;padding: 4px 9px 3px;height: 13px;	cursor: pointer;white-space: nowrap;}
.page_article #contenu ul.jd_menu.jdmercator ul,.page_article #contenu ul.jd_menu.jdmercator li li {background:#fbc917;}
.page_article #contenu ul.jd_menu.jdpublicitor ul,.page_article #contenu ul.jd_menu.jdpublicitor li li {background:#D14D00;}
.page_article #contenu ul.jd_menu li a {text-decoration: none;}
.page_article #contenu ul.jd_menu li.jdm_hover,.page_article #contenu ul.jd_menu li.jdm_active {background-color: #69C;color: #FFF;padding: 3px 6px 2px 6px;border: 1px solid #369;border-left: 1px solid #9CF;border-top: 1px solid #9CF;}
.page_article #contenu ul.jd_menu li a{text-transform:uppercase;font-size:1em;}
.page_article #contenu ul.jd_menu.jdmercator li li a{padding-left:8px;text-transform:none;background:url('../IMG/puce-menu-rose.png') no-repeat 0 3px;zoom:1;}
.page_article #contenu ul.jd_menu.jdpublicitor li li a{padding-left:8px;text-transform:none;background:url('../IMG/puce-menu-jaune.png') no-repeat 0 3px;color:#fff;zoom:1;}

/* contenu */
.page_article #contenu ul.theme h4{background:url('../IMG/puce-navigation.png') no-repeat 0 5px;padding-left:8px;cursor:pointer; margin-bottom:0.5em;}
.page_article #contenu ul.theme .selected h4{background:url('../IMG/puce-navigation-bas.png') no-repeat 0 4px;}
.page_article #contenu ul.theme h5{margin:0;font-size:1.2em;color:#cb0000;}
.page_article #contenu ul.theme li{list-style-type:none;list-style-image:none;margin:0 0 15px 0;}
.page_article #contenu ul.theme li a.suite {padding-left:12px;background:url('../IMG/puce-navigation.png') no-repeat 0 5px;}
.page_article #contenu ul.theme li li,.page_article #contenu ul.theme li p{font-size:1em;}
.page_article #contenu ul.theme li.spip{margin-left:1.1em;line-height:1.4em;margin-bottom:0.5em;list-style-image:url('../IMG/puce-menu-rose.png');}
.page_article #contenu li{font-size:1.1em;margin-left:1.1em;line-height:1.4em;margin-bottom:0.5em;list-style-image:url('../IMG/puce-menu-rose.png');}
.page_article #contenu p{margin-bottom:.8em;}
.page_article #contenu p.chapo{margin-bottom:1.5em;}
.page_article #contenu h2.titre{padding:6px 12px;background:url('../IMG/t-autres-bg.gif') repeat-y left;color:#000;text-transform:uppercase;font-size:1.4em;font-family:arial narrow,Arial, Helvetica, sans-serif}
.page_article #contenu h3{text-transform:none;}
.page_article #contenu h4{font-size:1.2em;margin:0.7em 0 0.5em;color:#cb0000;}
.page_article #contenu li h4{color:#000000;}
.page_article #contenu a{color:#2a5aa6;}
.page_article #contenu a:hover{text-decoration:none;}
#contenu .titreMercator{margin:0 3px 0 0;position:relative;background:url('../IMG/t-livre-mercator-bg.gif') repeat-y left #f681b3;font-size:1.4em;}
.titreMercator p.avis a{display:block;position:absolute;right:8px;top:5px;width:100px;text-transform:none;font-weight:normal}
.page_article #contenu .titreMercator p.avis{font-family:Verdana, Arial, Helvetica, sans-serif;margin:0;line-height:normal}
.page_article #contenu .titreMercator p.avis a{color:#000;font-size:0.5em;}
h2.titreMercator {font-family:arial narrow,Arial,Helvetica,sans-serif;font-size:1.6em !important;text-transform:uppercase;color:#FFF;}
.rose{color:#E8005D}
.bleu{color:#003399;font-size:1.1em}
.page_article #contenu ul.pictoFleche{margin-bottom:4.2em}
.page_article #contenu ul.pictoFleche li{list-style-image:none;list-style-type:none;background:url('../IMG/picto_fleche.gif') 0 0 no-repeat;margin-left:0;height:20px;padding-left:2.2em}
.page_article #contenu ul.pucePlus li{list-style-image:none;list-style-type:none;background:url('../IMG/puce_plus.gif') 0 0 no-repeat;margin-left:0;height:20px;padding-left:2.2em}

#contenu .titrePublicitor{margin:0 3px 0 0;position:relative;background:url('../IMG/t-livre-publicitor-bg.gif') repeat-y left #F6A381;font-size:1.4em;line-height:0.7em;}
.titrePublicitor p.avis a{display:block;position:absolute;right:8px;top:5px;width:100px;font-weight:normal;margin:0}
.page_article #contenu .titrePublicitor p.avis{font-family:Verdana, Arial, Helvetica, sans-serif;margin:0;line-height:normal}
.page_article #contenu .titrePublicitor p.avis a{color:#000;font-size:0.5em;text-transform:none;}
h2.titrePublicitor {font-family:arial narrow,Arial,Helvetica,sans-serif;font-size:1.7em !important;text-transform:uppercase;color:#FFF;}

.document_right{float:right;margin:0 0 8px 8px;}
.services{list-style-type:none;margin-top:1em;}
.page_article #contenu .services li{margin-bottom:1em;list-style-image:none;}
.services a{padding:3px 0;}
.services a.feuilleter{padding-left:21px;background:url('../IMG/ico-feuilleter.gif') no-repeat;}
.services a.imprimer{padding-left:21px;background:url('../IMG/ico-imprimer.gif') no-repeat;}
.services a.envoyer{padding-left:21px;background:url('../IMG/ico-envoyer-ami.gif') no-repeat 1px 0;}
.services a.telecharger{padding-left:21px;background:url('../IMG/46.png') no-repeat 1px 0;}
.services a:hover{text-decoration:none;color:#cb0000;}

.commentaires{padding-left:12px;background:url('../IMG/puce-navigation-bleu.png') no-repeat 0 5px;color:#cb0000;clear:left;}
.page_article #contenu .cadre-en-ligne{float:left;margin:1em 0;padding:3px 6px;color:#2a5aa6;border:1px solid #d8e1ee;clear:left;font-size:1.1em;}
.page_article #contenu .cadre-en-ligne strong{white-space:nowrap;display:inline;}
.page_article #contenu .cadre-en-ligne ul,.page_article #contenu .cadre-en-ligne li{list-style-type:none;display:inline;}
.page_article #contenu .cadre-en-ligne ul{white-space:nowrap;zoom:1;}

.vignette {float:right; margin: 0 0 10px 10px;}
.vignette-art img {margin-left:15px;border:1px solid #000000;}
.vignetteh img {float:right; margin: 0 0 10px 10px;border:1px solid #000000;}
#picto {float:left;padding-right:10px;}

/* formulaires*/
.page_article #contenu .spip_forms  li{list-style-type:none;list-style-image:none;margin-left:0;margin-bottom:0.2em;}
.spip_forms{margin-bottom:2em;}
.spip_forms fieldset{border:0;font-size:1.1em;margin:1.5em 0;}
.spip_forms legend{font-size:1.2em;font-weight:bold;margin-bottom:1em;display:none;}
.spip_forms .spip_form_label{display:block;width:17em;float:left;clear:both;font-weight:bold;color:#2A5AA6;margin-bottom:0.3em;}
.spip_forms textarea,.spip_forms input,.spip_forms select{margin-bottom:0.3em;}
.spip_forms .spip_form_choix_unique input,.spip_forms .spip_form_choix_multiple input{padding-bottom:0;vertical-align:middle;}
.spip_forms textarea{width:36em;font-size:1.2em;}
.spip_forms .spip_form_choix_unique,.spip_forms .spip_form_choix_multiple{clear:both;}
.spip_bouton input{background:#FBC917;color:#2A5AA6;border:1px solid #2A5AA6;font-weight:bold;padding:0.3em;}

/* quiz */
.spip_qcm_question {color:#CB0000; font-weight:bold;padding:10px 0 5px 0; font-size:1.2em;}
.spip_qcm_proposition {font-size:1.1em;}
.spip_qcm_correction_juste, .spip_qcm_correction_null, .spip_qcm_correction_faux {font-size:1.1em;font-weight:bold;color:#cb0000;padding-top:5px;}
.spip_qcm_precision {font-size:1.1em;}
.spip_qcm_reponse {font-size:1.1em;}
.spip_qcm_score {font-size:1.3em;font-weight:bold;color:#cb0000;padding-top:5px;}

/* lexique */
#alphabet {margin-bottom:10px;padding-bottom:10px} 
#alphabet a {font-size:1.1em;margin-right:2px;}
.renvoi {padding-left:12px;background:url('../IMG/puce-navigation.png') no-repeat 0 5px;color:#cb0000;}
.pagination { padding:20px 0 0 10px;}

/* tags */
h5.mot {font-size:1.1em;margin:0.3em 0 0.5em;color:#000000;}


.commentaire-bloc {border-bottom: 1px solid #D8E1EE;padding:10px 0; width:450px;}
#commentaires-lire {margin:20px 0 30px 0; }

#commentaire-form {width:340px;margin-top:20px; }