/* -- CSS pour menu de gauche -- */
/* Todo: refaire les images en fond transparent, png ou gif au lieu de jpg */

.block-content { position:relative; }
.navi ul li div.popup { display:none; position:absolute; top:-4px; left:192px; margin:0 !important; padding:0 !important; width:603px; z-index: 1102; background: url("../images/popup/popup-top.png") no-repeat scroll left top; float: left; }
.navi li.on, .navi ul li.on { padding:0; margin:0; background-color:#FFF; }

.navi li.on a, .navi ul li.on a {z-index:2000;}

.navi span.close {display:block;float:right;height:28px;width:89px;position:relative;z-index:2000;cursor:pointer;}

body.pro .popup .sousrub-listing h2 { display:inline; background: none; }
body.pro .popup .sousrub-listing li { line-height: 15px; padding: 10px 0 10px 10px; }
.popup a:link, .popup a:visited, .popup a:link, .popup a:visited { color: #0099CC !important; text-decoration: none; }
.popup .close { padding: 5px 12px 0 0; margin:0; }
.popup ul ul { padding: 0 0 0 15px; margin:0; }
.popup-inner { margin:0;background: url(../images/popup/popup-middle.png) repeat-y left top; }
/* Assombrssemnt de la page */
#overlay { position:absolute; top:0; left:0; z-index: 1100; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; background-color:#ececec; width:100%; height:100%; }
#content-inner { position:relative; }
#main-in { padding-bottom: 27px; }/* Fix pour eviter un blanc en bas de la div content-inner */
/* Specifique à partie pro */
.navi ul li.on a { background-color:#fff; }/* Todo: supprimer si image en fond transparent background-image: url("../images/prehome/arrow-pro-active.jpg");  */
body.pro .popup-pro .sousrub-listing h2 a { background: url("../images/popup/arrowbigpop-pro.jpg") no-repeat scroll right 0.3em transparent; padding-left:0; display:inline; }
.popup p, .popup ul { margin: 10px 0; }
.navipro ul li.on a { color:#003366 !important; background: #ffffff url("../images/popup/popup-left-pro.jpg") no-repeat 16px 6px; color:#003366 !important;}
.navi ul li.on .popup-pro span.close, .navi ul li.on .popup-pro span.close:hover { background: url(../images/popup/close-pro.jpg) no-repeat scroll right top transparent; padding-top:5px; }
.popup-pro ul ul li { background: url("../images/popup/puce-pro.jpg") no-repeat scroll left 10px transparent; color: #0D7FA6; border:none; padding: 4px 0 4px 10px !important; font-size: 12px; font-weight: normal; line-height: 13px; }
.navi ul li.on .popup-pro ul ul li a { background: url("../images/popup/arrowpop-pro.jpg") no-repeat scroll right 0.3em transparent; color: #0D7FA6 !important; padding-right: 13px; }
.popup-pro ul li { background: url("../images/popup/cube-pro.jpg") no-repeat scroll left 13px transparent;padding: 10px 0 10px 10px !important; }
.navi ul li.on .popup-pro ul li a { background: url("../images/popup/arrowbigpop-pro.jpg") no-repeat scroll right 0.3em transparent; color: #0D7FA6 !important; padding-right: 15px; }
.popup-pro ul li a, .popup-pro ul li a:visited, .popup-pro ul li a:hover { background: url("../images/popup/arrowbigpop-pro.jpg") no-repeat scroll right 0.3em transparent; display: inline; padding: 0 15px 0 0; }
/* Specifique à partie part */
.navipart ul li.on a { color:#003366 !important; background-image:url("../images/popup/popup-left-part.jpg"); color:#006600 !important; }
.navi ul li.on .popup-part span.close, .navi ul li.on .popup-part span.close:hover { background: url(../images/popup/close-part.jpg) no-repeat scroll right top transparent; padding-top:5px; }
.popup-part ul ul li { background: url("../images/popup/puce-part.jpg") no-repeat scroll left 10px transparent !important; color: #0D7FA6; border:none; padding: 4px 0 4px 10px !important; font-size: 12px; font-weight: normal; line-height: 13px; }
.navi ul li.on .popup-part ul ul li a { background: url("../images/popup/arrowpop-part.jpg") no-repeat scroll right 0.3em transparent; color: #48B714 !important; padding-right: 13px; }
.popup-part ul li { background: url("../images/popup/cube-part.jpg") no-repeat scroll left 13px transparent !important; padding: 10px 0 10px 10px !important; }
.navi ul li.on .popup-part ul li a { background: url("../images/popup/arrowbigpop-part.jpg") no-repeat scroll right 0.3em transparent; color: #006600 !important; padding-right: 15px; }
.popup-part ul li a, .popup-part ul li a:visited, .popup-part ul li a:hover { background: url("../images/popup/arrowbigpop-part.jpg") no-repeat scroll right 0.3em transparent; display: inline; padding: 0 15px 0 0; }
/* Specifique à partie presse */
.navipresse ul li.on a { color:#003366 !important; background-image:url("../images/popup/popup-left-presse.jpg"); color:#990066 !important; }
.navi ul li.on .popup-presse span.close, .navi ul li.on .popup-presse span.close:hover { background: url(../images/popup/close-presse.jpg) no-repeat scroll right top transparent; padding-top:5px; }
.popup-presse ul ul li { background: url("../images/popup/puce-presse.jpg") no-repeat scroll left 10px transparent !important; color: #990066 ; border:none; padding: 4px 0 4px 10px !important; font-size: 12px; font-weight: normal; line-height: 13px; }
.navi ul li.on .popup-presse ul ul li a { background: url("../images/popup/arrowpop-presse.jpg") no-repeat scroll right 0.3em transparent; color: #DD0095  !important; padding-right: 13px; }
.popup-presse ul li { background: url("../images/popup/cube-presse.jpg") no-repeat scroll left 13px transparent !important; padding: 10px 0 10px 10px !important; }
.navi ul li.on .popup-presse ul li a { background: url("../images/popup/arrowbigpop-presse.jpg") no-repeat scroll right 0.3em transparent; color: #990066  !important; padding-right: 15px; }
.popup-presse ul li a, .popup-presse ul li a:visited, .popup-presse ul li a:hover { background: url("../images/popup/arrowbigpop-presse.jpg") no-repeat scroll right 0.3em transparent; display: inline; }
.popup-presse ul li a, .popup-presse ul li a:visited, .popup-presse ul li a:hover { padding: 0 15px 0 0; }
/* Sondages */
.spip_forms { border:none; color: black; font-weight: normal; margin: 0; padding: 0; }
.spip_forms fieldset { border:none; margin: 0; padding: 0; }
.spip_forms .spip_form_label { background-color: #ABD3E0; color: #333333 !important; font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-size: 14px; font-weight: bold; line-height: 16px; padding: 7px; display:block; margin-bottom:10px; }
.spip_forms ul.choix_mots, .spip_forms ul.spip_form_choix_multiple, .spip_forms ul.spip_form_choix_unique { float: left; list-style: none outside none; padding-left: 0; width: 100%; }
.spip_forms .nettoyeur { border-bottom: 1px solid #0E80A7; margin-bottom: 15px; margin-top: 10px; }
.spip_forms li { margin-bottom:10px; margin-top:0; }
.spip_forms legend, .spip_form_label_obligatoire { display:none; }
.sondage-block .spip_forms .spip_bouton input { border: none; cursor: pointer; padding: 0; border:none; background: transparent url('../images/sondage-submit-pro.jpg') no-repeat top left; width:113px; height:39px; padding: 0 0 0 113px !important; /* Fix for Internet Explorer */ overflow: hidden; color: transparent; /* Fix for Firefox */ }
.spip_forms .erreur { color:#F00; font-weight:bold; padding-left:20px; font-size:14px; }
.spip_forms .spip_form_ok { background: none repeat scroll 0 0 #ABD3E0; color: #333333; font-weight: bold; margin: 1em 0 0; padding: 0.6em; }
/*correction style avec formulaire formidable*/
.part #main .formulaire_spip .saisie_selection label,.part #main .formulaire_spip .saisie_checkbox label:first-child,.part #main .formulaire_spip .saisie_radio label:first-child{
    background-color: #CDE89B;
    color: #333333 !important;
    display: block;
    font-family: Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 7px;
}
.part #main .sondage-block .formulaire_spip input.submit {
    background: url(../images/sondage-submit-part.jpg) no-repeat scroll left top transparent;
    border: medium none;
    color: transparent;
    cursor: pointer;
    height: 39px;
    overflow: hidden;
    padding: 0 0 0 113px !important;
    width: 115px;
}
.part #main .sondage-block .formulaire_spip .boutons,.pro #main .sondage-block .formulaire_spip .boutons {
    text-align: right;
}
/*correction style avec formulaire formidable*/
.pro #main .formulaire_spip .saisie_selection label,.pro #main .formulaire_spip .saisie_checkbox label:first-child,.pro #main .formulaire_spip .saisie_radio label:first-child{
    background-color: #ABD3E0;
    color: #333333 !important;
    display: block;
    font-family: Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 7px;
}
.pro #main .sondage-block .formulaire_spip input.submit {
    background: url('../images/sondage-submit-pro.jpg') no-repeat scroll left top transparent;
    border: medium none;
    color: transparent;
    cursor: pointer;
    height: 39px;
    overflow: hidden;
    padding: 0 0 0 113px !important;
    width: 115px;
}