/* 
    Document   : hc-main
    Created on : 20 avr. 2010, 11:35:56
    Author     : gornety
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/* fonts included */
@import "http://fonts.googleapis.com/css?family=Molengo&v1";
@import "http://fonts.googleapis.com/css?family=Cardo&v1";
@import "http://fonts.googleapis.com/css?family=Candal&v1";
@import "http://fonts.googleapis.com/css?family=Francois+One&v1";


html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 0.8125em;
       font-family: arial, sans-serif;
       color: #333;
       background-color: #fff;
       text-align: center;
       margin: 12px 0;
}
#page { position: relative; width: 1100px ; margin: 0 auto; text-align: left; }

a, a:hover{ outline: none;}

root {
    display: block;
}
#bloc_gauche{ font-size: 12px;   font-family: arial, helvetica, sans-serif;}
a.colg-bloc-gris, span.colg-bloc-gris, h4.blocs-titre {
    display: block;
    background-color: #4B4B4B;
    font-family: arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    line-height: 1.2em;
    width: 176px;
    margin: 0px 0 10px 0;
    padding: 5px 0px 7px 0px;
    color: #fff;
}
#col_gauche h2 span.colg-bloc-gris{ font-size: 14px;}
a.colg-bloc-gris:hover, h4.blocs_titre a:hover{background-color: #AB1926; text-decoration: none;}


a.colg-bloc-rouge, span.colg-bloc-rouge{
    display: block;
    font-family: arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    line-height: 1.2em;
    width: 176px;
    background-color: #AB1926;
    margin: 0px 0 10px 0;
    padding: 5px 0px 7px 0px;
    color: #fff;
}
#col_gauche h2{ margin-bottom: 0;}
#col_gauche h2 a, #col_gauche h2 span.colg-bloc-rouge { margin-bottom: 4px;font-size: 14px;  padding: 5px 0px 4px 0px;}
a.colg-bloc-rouge:hover{background-color: #4B4B4B; text-decoration: none;}
#col_gauche ul{list-style: none; margin: 0; padding: 0; font-size:0.9em; width: 174px;}
#col_gauche li{ margin: 4px 0; text-align: center;}
#col_gauche li a{ padding: 4px 0px; background-color: #faf9f9; display: block; text-decoration: none;}
#col_gauche li a span{ color: #AB1926; font-size: 0.8em;}
#col_gauche li a:hover span, #col_gauche li a:hover{ background-color: #AB1926; color: #fff; text-decoration: none;}
.colg-bloc-pagination{ text-align: center; font-size: 0.6em; }
.colg-bloc-pagination .on{ font-size: 2em; color: #AB1926; }

.menu-ssrubrique .colg-bloc-pagination{ font-size: 0.9em; }
#col_gauche .blocs_titre{padding: 0;}

#bloc_droite{ font-size: 12px;   font-famiy: arial, helvetica, sans-serif;}

#formulaire_recherche{
    background-color: #fff;
    width: 150px;
    margin: 0px 0 4px 0;
    padding: 0px 0px 0px 0px;
    color: #4B4B4B;
    /*
    height: 59px;
    */
}
#formulaire_recherche form{margin: 0; padding: 0;}
#formulaire_recherche label{font-size: 14px;}
#formulaire_recherche input#recherche,#formulaire_recherche .aide-texte input { width: 150px; height: 23px; border: 0px; padding: 0 4px;
                                       background-image: url(../decor/recherche-input.gif); background-repeat: no-repeat;}
#formulaire_recherche .aide{ font-size: 0.7em; color: #4B4B4B; text-align: right; display: block;}
#formulaire_recherche .blocs_titre { margin: 0; line-height: 1em; }
#formulaire_recherche .blocs_destination h3{ font-size: 0.96em;}
#formulaire_recherche .aide-texte, #formulaire_recherche .aide-texte p{ color: #4b4b4b; margin: 8px 0 0 0; font-size: 0.9em;}
#formulaire_recherche ul{ list-style: disc; margin: 0px 2px 0 15px; text-align: left; font-size: 1em;}
#formulaire_recherche li{ margin: 0px; padding: 0px 0px 2px 0px; text-align: left;}

.abo-annonce{ margin: 0; padding:0;}
.abo-annonce a{
    display: block;
    width: 176px;
    background-color: #AB1926;
    margin: 0px 0 10px 0;
    padding: 8px 0px 0px 0px;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 0.8em;
    color: #fff;
}
.abo-annonce a:hover{ text-decoration: none; background-color: #4B4B4B;}
.abo-annonce img{ margin: 10px 0 0 0;}

#col_droite{float: right; width:150px;}
#col_droite ul{list-style: none; margin: 0; padding: 0; font-size: 0.88em; width: 150px;}
#col_droite ul ul{font-size: 0.9em; width:142px;display: none;}
#col_droite ul ul.on{display: block;}

#col_droite li{ margin: 4px 0; text-align: center; border: 1px #bbb dotted; border-bottom: 0px; border-top: 0px;}
#col_droite #formulaire_recherche .aide-texte li{border: 0px;}
#col_droite li a{ padding: 4px 5px; background-color: #faf9fc; display: block; text-decoration: none; color: #444;}
#col_droite li.on a{ background-color: #dcdcdc;}
#col_droite li a span{ color: #AB1926; font-size: 0.8em;}
#col_droite li a:hover span, #col_droite li a:hover{ background-color: #aaa; color: #fff; text-decoration: none;}
.cold-bloc-pagination{ text-align: center; font-size: 0.77em; }
.cold-bloc-pagination .on{ font-size: 2em; color: #AB1926; }

#col_droite li li{ margin: 4px 0; border: 0;}
#col_droite li li a{ padding: 4px 8px; background-color: #dcdcdc;}

#col_droite .menu-article li{font-size: 0.9em;}

#col_droite li.box{ 
    margin: 9px 0 4px 0;
    text-align: center;
    border: 0px;
    font-size: 1em;
    background-color: #4B4B4B;
    padding: 0px 0 0 0;
    background-image: url(../decor/lignedemire-bg.gif); 
    background-repeat: repeat-x;
}
#col_droite li.box a{
    background-color: transparent;
    vertical-align: middle;
}

.menu-article, .menu-rubrique, menu-breve, .menu-paypal, .menu-ssrubrique{margin: 0 0 16px 0;}
.menu-paypal{
    font-family: 'Arial', Gadget, sans-serif;
    font-size: 13px;
    text-align: center;
    line-height: 1.2em;
    width: 150px;
    background-color: #AB1926;
    padding: 5px 0px 4px 0px;
    color: #fff;
}
.menu-paypal div {padding: 0 2px;}
.menu-paypal form{ padding: 0; margin: 0 0 4px 0;}

#col_droite .menu-rubrique li a{ background-color: #fdfcfb;}
#col_droite .menu-rubrique li.on a{ background-color: #aaa;}
#col_droite .menu-rubrique li a:hover{ background-color: #aaa;}
#col_droite .menu-rubrique li.box a{ background-color: #AB1926;}
#col_droite .menu-rubrique li.box a:hover{ background-color: #4b4b4b;}

#col_droite .menu-article li a{ background-color: #aaa;}
#col_droite .menu-article li.on a{ background-color: #fdedfd;}
#col_droite .menu-article li a:hover{ background-color: #aaa;}
#col_droite .menu-article li.box a{ background-color: #aaa;}
#col_droite .menu-article li.box a:hover{ background-color: #4b4b4b;}

#entete{ width: 738px; height: 81px;}
#barre-nav{ 
    background-color:#4B4B4B;
    text-align: center;
    padding: 4px 0 4px 0;
    width: 738px;
    font-size: 11px;
    letter-spacing: 0.03em;
    font-weight: bold;
}
#barre-nav a{color: #fff;padding: 4px 0 4px 0;}
#barre-nav a:hover{color: #fff; background-color: #aaa; text-decoration: none;}
#barre-nav .titre-revue{ font-weight: bold; color: #ffe04f;}
.pointilles{ margin: 0px 0 0 0; padding: 0;}

#col_droite .menu-annonces{}
#col_droite .menu-annonces li.box, #col_droite .menu-rubrique li.box{
    margin: 9px 0 4px 0;
    text-align: center;
    border: 0px;
    font-size: 1.4em;
    height: 28px; 
    background-color: #4B4B4B;
    padding: 13px 0 0 0;
    background-image: url(../decor/lignedemire-bg.gif); 
    background-repeat: repeat-x;
}
#col_droite .menu-annonces li.box a, #col_droite .menu-rubrique li.box a{  background-color: #4B4B4B; color: #fff; font-style: italic; padding: 4px 0px 5px 0; }
#col_droite .menu-annonces li.box a:hover, #col_droite .menu-rubrique li.box a:hover{background-color: #AAA; text-decoration: none;}
#col_droite .menu-annonces li{ margin: 4px 0; text-align: center; border: 0px; border-bottom: 0px; border-top: 0px;}
#col_droite .menu-annonces li a{ padding: 0px 0px 0px 0; background-color: #f2f2f2; display: block; text-decoration: none; color: #444;}
#col_droite .menu-annonces li.on a{ background-color: #dcdcdc;}
#col_droite .menu-annonces li a span{ color: #AB1926; font-size: 0.8em;}
#col_droite .menu-annonces li a:hover span, #col_droite li a:hover{ background-color: #aaa; color: #fff; text-decoration: none;}
#col_droite .menu-annonces li a span.point-de-mire{ display: block; color: #444;  background-color: #f2f2f2; font-size: 1em; padding: 4px 0 4px 0;}
#col_droite .menu-annonces li a:hover span.point-de-mire, #col_droite .menu-annonces li a:hover{
    background-color: #dcdcdc; color: #fff; text-decoration: none;}

#col_droite .menu-annonces li.box a:hover{  background-color: #aaa;}
* html #col_droite .menu-annonces li.box, * html #col_droite li.box{
    \margin: 0px 0 4px 0;
    m\argin: 0px 0 4px 0;
}

.main-menu-article{ margin: 0; padding: 0; list-style: none; font-size: 12px;}
.main-menu-article li{ margin: 0 0 6px 0; padding:0; float: left; width:362px; }
.main-menu-article li a{ padding: 4px 10px; background-color: #fdedd8; display: block; text-decoration: none; color: #444; font-weight: bold;}
.main-menu-article li a:hover{ background-color: #AB1926; color: #fff; text-decoration: none;}
.main-menu-article li a.on, .main-menu-article li a.on:hover{background-color: #FAF9FC;color: #444;}
.main-menu-article span{font-weight: normal;}
.main-menu-titre{ margin: 50px 0 6px 0; color: #fff; background-color:#AB1926; text-align: center; width: 738px;padding: 4px 0px; font-weight: bold;clear:both;}
.main-notes{font-size: 0.9em;}


.main-menu-breve{ margin: 0; padding: 0; list-style: none; font-size: 12px;}
.main-menu-breve li{ margin: 0 0 8px 9px; padding:0; float: left; width:238px; border-left: #bbb dotted 1px;border-right: #bbb dotted 1px; }
.main-menu-breve li a{ padding: 4px 10px; background-color: #FAF9FC; display: block; text-decoration: none; color: #444; font-weight: bold;}
.main-menu-breve li a:hover{ background-color: #bbb; color: #222; text-decoration: none;}
.main-menu-breve li a.on, .main-menu-breve li a.on:hover{background-color: #FAF9FC;color: #444;}
.main-menu-breve span{font-weight: normal;}

.main-menu-site{ margin: 22px 0; padding: 0; list-style: none; font-size: 12px;}
.main-menu-site li{ margin: 0 0 8px 9px; padding:0; float: left; width:238px; border-left: #bbb dotted 1px;border-right: #bbb dotted 1px; }
.main-menu-site li a{ padding: 4px 10px; background-color: #FAF9FC; display: block; text-decoration: none; color: #444; font-weight: bold;}
.main-menu-site li a:hover{ background-color: #bbb; color: #222; text-decoration: none;}
.main-menu-site li a.on, .main-menu-site li a.on:hover{background-color: #FAF9FC;color: #444;}
.main-menu-site span{font-weight: normal;}

.main-titre{ margin: 10px 0 20px 0; font-size: 2em; text-align: left; color: #f00;}
.article .main-titre{ color: #ab1926;}
.main-surtitre{margin: 10px 0 0px 0; font-size: 1.3em; text-align: center; color: #444;}
.main-soustitre{margin: 0 0 20px 0; font-size: 1.1em; font-weight: bold; text-align: center; color: #444;}
.main-chapo{ font-style: italic;}
.main-texte{ font-size: 1em;font-family: 'Molengo',arial,serif;}
.main-logo{text-align: center;}
.main-texte a, .main-texte a:visited {background-color: #faeaec;}

.revue-cartouche{}
table.revue-cartouche { width: 738px; height: 120px; border-collapse: collapse; border: tomato 0px solid;}
table.revue-cartouche td{ vertical-align: bottom; border: greenyellow 0px solid;}
.revue-navigateur{ width: 270px;}
.revue-navigateur tr{ height: 80px;}
table.revue-cartouche td .revue-navigateur td{vertical-align: middle; white-space: nowrap; }
.revue-navigateur td.revue-navigateur-numero img{ text-align: center; padding: 0 5px;}
.revue-navigateur img{ float: left;}
.revue-acheter{
    width: 145px;
    vertical-align: baseline;
}
.revue-acheter form{
    margin: 0;
    padding: 0;
}
.revue-titre{}
.secteur-1 h1.typo{
    padding: 0;
    margin: 0;
    width: 323px;
    text-align: left;
    font-family: 'FrancoisOne', arial, serif;
    font-size: 28px;
    /*
    text-shadow: 4px 4px 4px #dcb3b7;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#dcb3b7', Direction=135, Strength=4);
    zoom: 1;
    */
    color:#AB1926;
    line-height: 26px;
}
.secteur-1 h1.typo .date-soustitre{ font-size: 0.5em;}
.secteur-1 h1.typo a, .secteur-1 h1.typo a:visited{color: #ab1926;}

.revue-presentation{clear: both; margin: 20px 0 0 0;}
.revue-presentation-couv{}
.revue-presentation-texte{
    padding: 0 0 0 274px;
    font-family: 'Molengo', arial, serif;
    font-size: 16px;
}
.revue-presentation-texte li{
   list-style: inside;
}
.logo_revue{
    margin: 0 0px 20px 0;
    border: 0px solid #fff;
    -moz-box-shadow: 8px 8px 12px #aaa;
    -webkit-box-shadow: 8px 8px 12px #aaa;
    box-shadow: 8px 8px 12px #555;
}

.secteur-43 h1.typo,.secteur-227 h1.typo{
    font-family: Molengo, Times;
    font-size: 29px;
    text-shadow: 4px 4px 4px #dcb3b7;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#dcb3b7', Direction=135, Strength=4);
    zoom: 1;
    color:#AB1926;
    padding: 0 100px;
    /*
    margin: 0 100px;
    */
    width: 535px;
    height: 80px;
}
.secteur-1 .main-menu-titre{
     margin: 50px 0 6px 0;
     color:#fff;
     background-color:#AB1926;
     text-align: left;
     width: auto;
     padding: 4px 6px;
     font-weight: bold;
     clear: left;
}
.secteur-1 .main-menu-titre a{color: #fff;}
.rubrique-43 .main-texte{ font-weight: bold;}


#pied{ margin: 12px 0; text-align: center; font-size: 0.8em; clear: both;}


strong{ font-weight: bold; color: #444; display: inline;}

.spip_documents_center{ display: block; text-align: center; margin: 12px 0;}
.spip_documents_left{ display: block; margin: 0 12px 12px 0;}
.spip_documents_right{ display: block; margin: 0 0px 12px 12px;}
/*
#spip-admin{ display: none;}
*/

.titre-sommaire{ line-height: 1.1em; font-size: 18px;}
.titre-sommaire a{color:#ab1926;}
.sous-titre-sommaire{ text-align: center; font-weight: bold;}

/* Rubrique 213 : vente des pdf  */
.vignettes_pdf{
    list-style: none;
    margin: 0;
    padding: 0px;
    text-align: center;
}
.vignettes_pdf li{
    float: left;
    width: 180px;
    font-size: 0.8em;
    margin: 0 0 12px 0;
}
.vignettes_titre{
    padding: 4px 8px;
}
.sscol-gauche{
    float: left;
    width: 350px;
}
.sscol-droite{
    float: right;
    text-align: center;
    width: 170px;
    padding: 0 0 0 20px;
}
.page-213 .menu-paypal{
    width: 170px;
}

.rubrique-5 h2.main-sstitre{ 
    clear: both;
    /*
    background-color: #f2f2f2;
    */
    padding: 2px 30px;
    margin: 16px 0 0 0;
    color: #ab1926;
    text-transform:  uppercase;
    border-top: 2px solid #DEDEDE;
}
.rubrique-5 .main-menu-site{ margin: 10px 0 0 0; }
.rubrique-5 .main-menu-site li a{ background: url(../decor/bg-site.png) repeat-y transparent;}
.rubrique-5 .main-menu-site li a:hover{ background: url(../decor/bg-site-on.png) repeat-y transparent;}

/* Réduire l'affichage des textes des articles en largeur */
.main-outils{ border: #bcbcbc solid; border-width:  1px 0 1px 0; padding: 0 4px; margin-top: 20px;}
div.socialtags { padding: 0 20px; display: inline-block;}
.main-chapo { padding: 0 20px;}
.boutonstexte { padding: 0 20px;}
.main-texte{ padding: 0 20px;}

/* Abonnement */
.menu-abonnement{ margin: 0 0 0 20px;}
.menu-abonnement a{
    display: block;
    float: left;
    width: 176px;
    height: 36px;
    background: url(../decor/abo-categories.png) no-repeat 100% 0%;
    color: #000;
    padding: 12px 0 0 0px;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
}
.menu-abonnement a:hover, .menu-abonnement a.on{
    background: url(../decor/abo-categories.png) no-repeat 0% 0%;
    color: #fff;
    text-decoration: none;
}
.menu-abonnement-detail{
    clear: left;
    border: 8px #AB1926 solid;
    border-bottom: 0px;
    width: 704px;
    margin: 0 0 0 20px;
}
.menu-abonnement-detail tr{
    height: 90px;
}
.menu-abonnement-detail td{
    border-bottom: 8px #AB1926 solid;
    background-color: #fee7a1;
}
.menu-abonnement-detail td.menu-abonnement-prix{
    width: 20%;
    text-align: center;
    font-size: 2em;
    color: #AB1926;
    font-family: Candal, arial, sans-serif;
}
.menu-abonnement-detail td.menu-abonnement-type{
    width: 55%;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
}
.menu-abonnement-detail td.menu-abonnement-payer{
    width: 35%;
    text-align: right;
    margin: 0; padding: 0;
}
.menu-abonnement-payer form{ margin: 0; padding: 0; border: 0;}
.menu-abonnement-payer form input{ margin: 0; padding: 2px 0; text-align: right; border: 0; float: right;}

.menu-abonnement-etranger{
    font-size: 1.2em;
    padding: 20px 0 10px 20px;
    font-weight: bold;
    text-align: center;
}
.secteur-227 h1.typo { height: auto; }
.secteur-227 .main-texte{ padding: 0 20px 20px 20px; font-size: 1.4em;}
.secteur-227 .main-voir-panier {float: right; width: 150px; text-align: right;}


/* ------------------------------------------
/* Habillage des tooltips
/* ------------------------------------------ */
div.intro{
    position: absolute; /*leave this and next 3 values alone*/
    z-index: 1000;
    left: -1000px;
    top: -1000px;
    background:  #f7f7f7;
    border: 1px solid #ab1926;
    color: #444;
    padding: 6px 4px 8px 4px;
    width: 230px; /*width of tooltip*/
    text-align: left;
	line-height: 1.2;
        font-family: arial, sans-serif;
}
.intro h3{font-size: 0.94em;  font-weight: bold; color: #640707; padding: 0; margin: 0; text-align: center}
.intro p.intro-port, .intro p{ padding: 6px 0 0 0; margin: 0; font-size: 0.90em; }
.intro ul{ margin: 0 0 0 20px; padding: 0; font-size: 0.90em;}
.intro li{ margin: 0; padding: 3px 0 0 0;}

/* --- hack ie --- */
.ie .hi {}

/* --- hack ie6 --- */
.ie6 .hi {}

/* --- hack ie7 --- */
.ie7 .menu-abonnement{ margin: 0 0 0 20px;}
.ie7 .pointilles{ border: 0px solid #22CC55;}
/*
.ie7 .pointilles-colg{ width: 184px;}
.ie7 .pointilles-main{ width: 742px;}
.ie7 .menu-abonnement{ padding: 0 0 0 20px; margin: 0;}
.ie7 ..menu-abonnement-detail{ padding: 0 0 0 20px; margin: 0;}
*/
.ie7 .secteur-227 h1.typo { padding: 0; margin: 0 100px; }
/* --- hack ie8 --- */
.ie8 .hi {}

/* --- hack firefox --- */
.linux.gecko .hi {}
.linux.gecko .pointilles{ border: 0px solid #22CC55;}

/* --- hack firefox for windows --- */
.win.gecko .hi {}

/* --- hack opera --- */
.opera .hi {}