/*================================
Site : Dunod chimie organique - Styles écran
Date : 06/04/2009
ver. : 1.1
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:#E4851B;}
.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: #349576;}
a:hover {color: #E4851B;}
/* ==== Home ====  */

/* Structure */
#page{width:99em;margin:3.9em auto;border:1px solid #E48519;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;}*/
#entete{margin-bottom:0.3em;}
#entete #logo_dunod {float:left;margin:14px 11px; display:inline;}
#conteneur{}
#navigation{float:left;display:inline;width:21em;margin-right:2.5em;margin-top:0.5em;}
#contenu{float:left;display:inline;width:47.6em;margin-right:2.7em; overflow:hidden;}
#contexte{float:left;width:262px;margin-right:-64px;margin-top:0.6em}
#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:#E48519;}
#avant_entete li img{vertical-align:middle;}
#avant_entete li a{color:#349576;text-decoration:none;}

#avant_entete form{display:inline;}
#avant_entete label{color:#349576;}
#avant_entete input.forml{padding:2px 5px;color:#349576;border:1px solid #E48519;font-size:1em;}
#avant_entete input.ok{color:#349576;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:#349576;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.handler-rub:hover {color:#E4851B;}
#navigation ul.accordion li a{display:block;padding-left:1.42em;background:url('../../IMG/puce-navigation.png') no-repeat 0 5px;color:#349576;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:#E4851B;font-size:0.9em;text-transform:none;}
#navigation ul.accordion li li a{background:none;/*color:#E4851B;*/font-weight:normal;text-decoration:none;}
#navigation ul.accordion li li li{font-size:1em;}
#navigation ul.accordion li ul li a:hover{color:#E4851B;}


/* 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:#319577;}
#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 #EEEEEE;}
.encart{float:left;width:19.2em;margin-left:-1px;padding-left:1.5em;border-left:1px solid #EEE;}
#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 #E48519;}
.encart li.last{border-bottom:0;}
.mots a {color:#349576;}

#contenu .encart .breves h3{margin-bottom:0.1em;text-transform:none;font-size:1.1em;}
#contenu .encart .breves a{font-weight:bold;color:#000000;}
#contenu .encart .breves .mots a{font-weight:normal;color:#319577;}
#contenu .encart .breves .suite a{font-weight:normal;color:#E48519;}
#contenu .encart .breves li {border-bottom:0;padding-bottom:0.5em;}
#contenu .encart .breves p {margin-bottom:0.5em;}

#contenu .contre-encart p  {margin:0;padding:0.3em 0;}
#contenu .contre-encart .suite {margin-bottom:2.1em;}

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


/* contexte */
.publicitor{position:relative;width:198px;margin:2.8em 0;padding:12px 16px;border:1px solid #e75012;border-top:0;}
.publicitor h2{position:relative;top:-12px;left:-17px;margin:0 -49px -12px 0;height:1%; line-height:10px; font-size:10px;}
.publicitor p{font-size:1.1em;}
.publicitor .suite,.mercator .suite{position:relative;bottom:-1.5em;margin:0 -1px;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;}
.imglivre{display:inline;margin:-66px 5px 0pt -27px; float: left; height: 60px; position: relative; width:88px; height:128px;}
* html .imglivre{margin-top:-65px;}
* + html .imglivre{margin-top:-65px;}
#nuage{ text-align:center;padding:10px 15px;width:198px;border:1px solid #E48519;}
#nuage .suite{position:relative;bottom:-1.5em;margin:0 -6px 0 70px;padding:0 6px;background:#fff;}


/* pied */
#pied {color:#E48519;}
#pied li{display:inline;list-style-type:none;color:#2F9678;}
#pied li a{color:#2F9678;text-decoration:none;}
#pied li a:hover {text-decoration:underline; color:#E4851B;}



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

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

/* 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 #E48519;}
.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:#E48519;}
.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:#E4851B;}
.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:#FFF;text-transform:uppercase;font-size:1.4em;font-family:arial narrow,Arial, Helvetica, sans-serif}
.page_article #contenu h3.titre{text-transform:none;color:#E4851B;}
.page_article #contenu h3.titre a {color:#E4851B;}
.page_article #contenu h3.spip{text-transform:none;color:#E4851B;}
.page_article #contenu h4{font-size:1.2em;margin:1.5em 0 0.7em;color:#E4851B;}
.page_article #contenu h4 img {margin-right:0.7em}
.page_article #contenu li h4{color:#000000;}
.page_article #contenu a{color:#349576;}
.page_article #contenu a:hover{text-decoration:none;color: #E4851B;}
#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;clear:both;width:135px;margin-left:10px;}
.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:#E4851B;}

.commentaires{padding-left:12px;background:url('../../IMG/puce-navigation-bleu.png') no-repeat 0 5px;color:#E4851B;clear:left;}
.page_article #contenu .cadre-en-ligne{margin:1.6em 0;padding:3px 6px;color:#349576;border:1px solid #d8e1ee;clear:left;font-size:1em;}
.page_article #contenu .cadre-en-ligne strong{white-space:nowrap;display:inline;margin-left:0.3em;}
.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;margin:0  0.5em;}
.page_article #contenu .cadre-en-ligne a{text-decoration:none;}
.page_article #contenu .cadre-en-ligne a:hover{color:#349576;}
.page_article #contenu .cadre-en-ligne ul li {margin:0; display:inline; padding-right:0.1em;}

.vignette {float:right; margin: 15px 0 2px 5px; }/*border: 1px solid #349576;*/
.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:#349576;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:#E48519;border:1px solid #DDDDDD;color:#FFFFFF;font-weight:bold;padding:0.3em;}

/* quiz */
.spip_qcm_question {color:#E4851B; 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:#E4851B;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:#E4851B;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:#E4851B;}
.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; }

#site_partenaire {border: 1px solid #E48519;width:132px;padding:10px 15px 15px 15px;margin-left:15px;}
#site_partenaire h4 {font-size:1.3em;margin:0;padding:0 0 10px 0;}

#site_partenaire p {font-size:1.1em; padding-bottom:10px;}
#site_partenaire a {color: #319577}
#site_partenaire .logo_site_partenaire {float:right;padding:0;}
#site_partenaire h4 a {color:#000000;}


.pub {margin-top:0.5em;}

#encart-club {border: 1px solid #F9C523; background-color:#FEF4E9;padding:12px;width:198px;margin-bottom:2.5em;}
#encart-club a {color:#E4851B}
#encart-club p {margin-bottom:5px;}



/* Forms/Tables */


.spip_form_label_obligatoire {display:none;}
.spip_form_label_details {display:none;}
/*.spip_form_label {padding-top:15px;}
.spip_form_label, .label, label {color:#000}*/
.erreur {color:#CB0000; display:block;margin-bottom:10px; font-weight:bold}
.spip_form_ok  {color:#CB0000; font-weight:bold; text-align:center}
.label p {width:42em; font-size:1em !important; margin-top:1.5em;}
ul.spip_form_choix_unique  label {font-size:0.9em !important;}
ul.spip_form_choix_unique { margin-bottom:0.8em !important;}
.spip_form_label {width:12em !important;}
ul.spip_form_choix_multiple   label {font-size:0.9em !important;}

.spip_form_label p, .label p, label p, p label {width:42em !important; font-size:1em !important; margin-top:1.5em;}

strong.vert {color:#349576;}