/* --------------------------------------------------------------------
|
| Layout
|
----------------------------------------------------------------------- */

#overall{
    position:relative;
    overflow: hidden !important;
    zoom: 1;
}

#main{
    clear: both;
    padding: 15px 10px 0;
    background: #fff url(../images/sep.gif) repeat-y 678px top;
}
#main-content{
    float: left;
    position: relative;
    width: 660px;
}
#sub-content{
    float: right;
    width: 300px;
}

/* --------------------------------------------------------------------
|
| General
|
----------------------------------------------------------------------- */

/* Fixed Bar */
#fixed-bar{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: url(../images/fixed-bar.png) left top repeat-x;
}
#fixed-bar .trunk{
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    zoom: 1;
}
/* social buttons + search field */
#userbox{
    height: 30px;
    line-height: 17px;
    margin: 6px 0 0;
    padding: 4px 0 0;
    list-style: none;
    color: #FFF;
    float: left;
}
#userbox #form-login{ display: none; }

#form-login p,
#form-forgetpass p
{ margin: 5px 0px; }

#form-login .email label,
#form-login .pwd label,
#form-login .email label
{
    display:inline-block;
    width:120px;
}
#form-login #login-pwd,
#form-login #login-email,
#form-forgetpass #forgetpass-email
{
    width:160px;
    font-size:12px;
}
#form-forgetpass #forgetpass-email
{
    width:200px;
    font-size:12px;
}
#form-login .submit,
#form-forgetpass .submit{
    float:right;
}
#form-login .list,
#form-forgetpass .list{
    padding:9px 5px;
}

#userbox #form-forgetpass{ display: none; }
#userbox li,
#searchform,
#searchform label,
#searchform .field{
    float: left;
}
#userbox .home-link {
    margin-top: -2px;
    *margin-top: -4px;
}
#userbox .home-link a{
    position: relative;
    top: 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 16px;
    height: 15px;
    background: url(../images/sprite-ico.png) -145px -311px no-repeat;
}

#userLogin span.pseudo, #userLogin a.pseudo  {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 15px;
    line-height: 15px;
    padding-left: 20px;
    background: url(../images/user-profil.png) left center no-repeat;
}
#userbarAction,
#userLogin{ /* display: none; */ }


/* user */
#userbox a,
#userbox span,
#searchform label{
    color: #fff;
    font-weight: normal;
    font-size: .95em;
}
#userbox span.pseudo, #userbox a.pseudo{
    color: #F10;
    font-weight: bold;
    padding-right: 0;
    font-size: 1em;
}
#userbox li{
    padding-left: 8px;
    /* color: #CCC; */
}
#userbox a,
#userbox span{
    padding-right: 8px;
}
/* #userbox .unconnected, */
#userbox .connected{
    display: none;
}

/* search */
#searchform{ margin-left: -5px; }
#searchform .field{
    background-position: left top;
    height: 18px;
    padding: 5px 5px 0 24px;
    border: 1px solid #b9b9b9;
    font-size: 11px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 175px;
    margin: -3px 15px 0 5px;
    color: #a6a7a7;
    border-color: #ddd;
    background-image: url(../images/sweet-form-header.png);
}
.field.focus{ border-color: #000; }
#userbox input{ vertical-align:middle; }

/* Button ok */
#searchform .btn-ok{
    padding: 0 5px;
    border: 1px solid #b9b9b9;
    font-size: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 36px;
    margin: -3px 15px 0 5px;
    height: 24px;
    color: #808285;
    font-weight: bold;
    border-color: #ddd;
    background-image: url(../images/sweet-button.png);
}

#ico-facebook-big{ background-position:0 -273px; }
#ico-twitter-big{ background-position:-36px -273px; }
#ico-bookmark-big{ background-position:-72px -273px; }
#ico-rss-big{ background-position:-108px -273px; }
#ico-youtube-big{ background-position:-144px -273px; }
#userbox label{
    display:block;
    padding:0 0 5px;
    font-weight:bold;
}
.trunk .extras .ico{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 16px;
    height: 16px;
    margin-bottom: 10px;
    text-indent: -999em;
}
.ico-youtube{ background-position: 0 -310px; }
.ico-rss{ background-position: -26px -310px; }
.ico-facebook{ background-position: -52px -310px; }
.ico-twitter{ background-position: -79px -310px; }

/* fin fixed bar */

/* Top site bar
-----------------------------------------*/
#top-site-bar{
    height: 30px;
    line-height: 30px;
    margin: 0 0 1px 0;
    background: url(../images/sprite-x.png) left top repeat-x;
}
#top-site-bar .sites{
    position: relative;
    float: left;
    margin: 0;
    /* border-right: 1px solid #C1C1C1; */
    list-style: none;
    width: 100%;
}
#top-site-bar .sites li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    height: 30px;
    border-left: 1px solid #f2f2f3;
    border-right: 1px solid #FFF;
}
#top-site-bar .sites li:first-child{ border-left: 0; }
#top-site-bar .sites li a{
    display: inline-block;
    height: 30px;
    padding: 0 10px;
    text-transform: uppercase;
    font: bold 10px/30px Tahoma, arial, sans-serif;
    color: #898989;
    text-shadow: 0 1px 0 #fff;
}
#top-site-bar .sites .jeuxConcours a:hover,
#top-site-bar .sites .jdd a{
    color: #ea160b;
}
#top-site-bar .sites .maj{ border-right: 0; }
#top-site-bar .sites .maj a{
    font-weight: normal;
    text-transform: none;
    font-size: 11px;
}


/* ads */
#header-adbox{
    float:right;
}
#infobox span,
#header-adbox span{
    display:block;
    padding-bottom:8px;
}
#header-ads{
    width: 1000px;
    margin: 0 auto 15px;
    _margin-top: 15px;
    text-align:center;
}
/* Fin ads */

h1 a:hover::after,
h2 a:hover::after,
h3 a:hover::after{

}
h1 a:hover,
h2 a:hover,
h3 a:hover{

}

/* Branding
------------------------------------------ */
#branding{
    position: relative;
    height: 75px;
    padding-top: 1px;
    background-color: #fff;
    margin: 0 10px;
    border-bottom: 2px solid #a91515;
    z-index: 10;
}

#logo-e1{
    position: absolute;
    top: 45%;
    right: 10px;
    margin-top: -20px;
}

#logo-jdd{
    display: block;
    height: 48px;
    width: 164px;
    position: absolute;
    top: 45%;
    margin-top: -18px;
    z-index: 2;
}

/* NEW NAVIGATION */
#navigation{
    zoom: 1;
    position: absolute;
    padding-left: 163px;
    *padding-left: 169px;
    margin: 0;
    bottom: 0;
    list-style: none;
    text-align: center;
    width: 665px;
}
/* #navigation ul{ zoom: 1; } */
#navigation li.sup{
    z-index: 2;
    float: left;
    border-right: 1px solid #fff;
    position: relative;
}
#navigation #mn-services.sup{ border-right: none; }
#navigation li.sup a.sup{
    float: left;
    background-repeat: no-repeat;
    background-image: url(../images/sprite-x.png);
}
#navigation li a.sup{ background-position: right -205px; }
#navigation li.sup a.sup span{
    float: left;
    height: 35px;
    color: #fff;
    margin-right: 5px;
    padding-left: 5px;
    font-size: 13px;
    text-align: center;
    line-height: 35px;
    font-weight: bold;
    min-width: 45px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(../images/sprite-x.png);
    text-shadow: 0 1px 0 #a33232;
}
#navigation #mn-economie.sup a.sup span{
    min-width: 40px;
}
/*#navigation #mn-presidentielles.sup a.sup span{ text-shadow: 0 1px 0 #062039; }*/
#navigation #mn-us.sup a.sup span{ text-shadow: 0 1px 0 #062039; }
#navigation li a.sup span{
    background-position: -10px -170px;
}
#navigation #mn-home a.sup span{
    background-position: left -170px;
    width: 55px;
}
/*#navigation #mn-presidentielles a.sup{ background-position: right -380px; }*/
#navigation #mn-us a.sup{ background-position: right -380px; }
/*#navigation #mn-presidentielles a.sup span{
        background-position: right -415px;
        width: 70px;
}*/
#navigation #mn-us a.sup span{
    background-position: right -415px;
}
#navigation #mn-services a.sup{ background-position: right -240px; }
#navigation #mn-services a.sup span{ margin-right: 20px; }

/* current */
#navigation li.current a.sup span{
    color: #fff;
    background-position: -10px -275px;
}
#navigation li.current a.sup{ background-position: right -310px; }
#navigation #mn-home.current a.sup span{
    background-position: left -275px;
    color: #fff;
}
#navigation #mn-services.current a.sup{ background-position: right -345px; }
#navigation #mn-presidentielles.current a.sup{ background-position: right -520px; }
/* #navigation #mn-presidentielles.current a.sup{ background-position: right -835px; } */
#navigation #mn-presidentielles.current a.sup span{ background-position: right -485px; }
/* #navigation #mn-presidentielles.current a.sup span{ background-position: right -800px; } */

/* active-state (Hover) */
#navigation li.active-state a.sup{ background-position: right -310px; }
#navigation li.active-state a.sup span{
    color: #fff;
    background-position: -10px -275px;
}
#navigation #mn-home.active-state a.sup span{
    background-position: left -275px;
    color: #fff;
}
#navigation #mn-services.active-state a.sup{ background-position: right -345px; }
/*#navigation #mn-presidentielles.active-state a.sup{ background-position: right -520px; }*/
#navigation #mn-us.active-state a.sup{ background-position: right -520px; }
/*#navigation #mn-presidentielles.active-state a.sup span{ background-position: right -485px; }*/
#navigation #mn-us.active-state a.sup span{ background-position: right -485px; }

/* NEW SOUS NAV */
#navigation .sous-nav li{ display: inline; }
#navigation .sous-nav a{
    color: #fff;
    display: block;
    font-size: 13px;
    padding: 5px 8px;
    text-align: left;
}
#navigation .sous-nav a:hover {
    /* background: url(../images/bg-lien-ssnav.png) repeat left top; */
    background-color: #671314;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
#navigation li.active-state .sous-nav{ display: block; }
#navigation .sous-nav{
    position: absolute;
    top: 36px;
    left: 0;
    display: none;
    padding: 10px 15px;
    z-index: 9999999;
    background: url(../images/bg-ssnav.png) repeat left top;
    zoom: 1;
}
#navigation #mn-services .sous-nav{
    left: auto;
    right: 0;
}
#mn-radio .sous-nav,
#mn-infos .sous-nav{ width: 512px; }
#mn-culture .sous-nav{ width: 355px; }
#mn-sport .sous-nav{ width: 342px; }
#mn-video .sous-nav{ width: 342px; }
#mn-club .sous-nav{
    width: 355px;
    *width: 375px;
}
#mn-radio .sous-nav{ width: 355px; }
#mn-services .sous-nav{ width: 354px; }
#navigation .sous-nav ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 145px;
    margin: 0 10px 0 0;
    padding-right: 15px;
    list-style: none outside none;
    border-right: 1px solid #c35f60;
}
#navigation #mn-services .sous-nav ul,
#navigation #mn-culture .sous-nav ul,
#navigation #mn-radio .sous-nav ul { width: 150px; }
#navigation #mn-club .sous-nav ul {
    width: 152px;
    *width: 160px;
}
#navigation .sous-nav .last { border: none; }
#navigation .sous-nav ul li {
    display: block;
    padding: 3px 0;
    zoom: 1;
}
/* --------------------------------------------------------------------
|
| Modules sp�cifiques
|
----------------------------------------------------------------------- */

/* Extras */
.extras {
    color: #fff;
    height: 34px;
    float: right;
    margin: 6px 0 0;
    padding: 4px 0 0;
    list-style: none outside none;
}
.extras li {
    display: inline-block;
    *display : inline;
    *zoom: 1;
    margin-right: 5px;
}
.extras li a {
    text-indent: -999em;
    display: block;
}

/* Couleurs par d�faut (ie rouge)
----------------------------------------------------------------------- */
#main-nav li:hover,
#main-nav .active{
    background-color: #B00;
}
#main-nav .active span{ border-top-color: #B00; }
#main-content .node{ border-color: #E00; }
#main-nav{
    background-color: #E00;
    border-bottom-color: #B00;
}
#scan-content a,
#article-content a,
#scan li.top h3 a{
    color: #E00;
}
.info-bandeau{ background-color:#EE0000; }
.warning{ color: #E00; }
.folderTitle{
    color:#EE0000;
    border-bottom: 10px solid #EE0000;
}
#cover div{ background: #B00; }
body #cover .photo span{ border-right-color: #B00; }
/*couleur de t�ti�re pour les �l�ments publicitaires*/
#main-content .node.ad-blue,
#article-body .relate.ad-blue,
#dossier-header h1.ad-blue,
#tag-header h1.ad-blue,
#chronique h3.ad-blue,
.ad-blue{       border-top:solid 10px #bed0dc;  }

/* =#HEADER
----------------------------------------------------------------------- */
/* layout */
#header{
    /* height:240px; */
    background-color: #fff;
    margin: 0px;
    padding: 0px;
}
#logo,
#sn,
#infobox{
    display:inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align:top;
}
#header-adbox,
#infobox{
    width:220px;
}

/* logo */
#logo {
    display:block;
    width: 217px;
    height: 50px;
    margin:15px 35px 35px 15px;
    float:left;
    text-indent: -999em;
    background: url(../images/sprite-ico.png) left -182px no-repeat;
}

/* header links */
#sn {
    width:256px;
    line-height:1.75;
}
#sn li {
    display:inline-block;
    vertical-align:top;
    width:77px;
}
#sn li a{ display:block; }
#sn li a,
#infobox span,
#header-ads span{
    font-size:0.95em;
    color:#888;
    white-space:nowrap;
}
#sn .immo_neuf {
    color: #e00;
    font-weight: bold;
}


/* Ads
----------------------------------------------------------------------- */
#ads-loader {
    position: absolute;
    left: -999em;
    top: -999em;
}
#ads-728x90-1,
#ads-1000x90-1{
    display:inline-block;
}
#ads-242x74-1,
#ads-242x74-2{
    float: right;
    width:220px; /* width: 240px; */
    min-height: 74px;
    height: auto !important;
    height: 74px;
    margin-bottom: 10px;
    overflow: hidden;
}
#ads-242x74-1 .cdm2010,
#ads-242x74-2 .cdm2010{
    border: 1px solid #CACACA;
    padding-bottom: 2px;
}
#ad-300x250,
#ad-300x250-1,
#ad-300x250-2{
    width: 300px;
    min-height: 250px;
    line-height: 0;
    font-size: 0;
    margin-bottom: 10px;
}
#ad-300x250-2{ min-height: 0; }
#ads-468x60-1,
#ads-468x60-2,
#ads-468x60-3,
#ads-490x60-1{
    width: 490px;
    margin: 0 auto;
}
#ads-468x60-1{
    border-top: 20px solid #FFF;
    border-bottom: 30px solid #FFF;
}
#ads-490x60-1{
    border-top: none;
    border-bottom: none;
    margin-bottom: 7px;
    padding-top: 0;
}
#load-ad-300x250-2{
    margin:8px 0 !important;
}

/* PAGINATION */

.pagination
{
    position:relative;
    float:left;
    display:block;
    width:99%;
    text-align:center;
    border-bottom:1px dotted #dca3b1;
    margin:20px 0 0 0;
}

.pagination div
{
    position:relative;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    padding:0 85px;
}

.pagination .bt_prec, .pagination .bt_suiv
{
    position:absolute;
    top:24px;
    padding:0;
    font-size:12px;
}

.pagination .bt_prec a, .pagination .bt_suiv a
{
    float:left;
    display:block;
}

.pagination .bt_prec a em,
.pagination .bt_suiv a em
{
    position:relative;
    bottom:-2px;
    display:inline-block;
    width:0;
    border-right:8px solid #ea160b;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    margin:0 10px 0 0;
    overflow:hidden;
}

.pagination .bt_suiv a em
{
    border-right:0;
    border-left:8px solid #ea160b;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    margin:0 0 0 10px;
}

.pagination .bt_prec
{
    left:0;
}

.pagination .bt_suiv
{
    right:0;
}

.pagination ul, .pagination ul li
{
    display:inline;
    text-align:center;
}

.pagination ul li span
{
    position:relative;
    float:left;
    display:block;
    height:30px;
    line-height:38px;
    font-size:13px;
    margin:0 2px;
    padding:0 4px;
}

.pagination ul li span em
{
    position:absolute;
    bottom:-5px;
    left:0;
    display:none;
    width:100%;
    height:3px;
    background:#ea160b;
}

.pagination ul li a:hover,
.pagination ul .current span
{
    color:#ea160b;
    text-decoration:none;
}

.pagination ul .current span em
{
    display:block;
    margin-left:7px;
}

/* PAGINATION FIN */

#main-nav,
.nav{
    border-bottom-width: 4px;
    border-bottom-style: solid;
    /* position: absolute; */
    clear: both;
    height: 24px;
}
#main-nav{ width: 980px; }
#main-nav li,
.nav li{
    display: block;
    width: auto; height: 24px;
    position: relative;
    float: left;
    background: url(../images/corner.gif) no-repeat top left;
}
#main-nav li a,
.nav li a{
    width :auto; height: 24px;
    padding: 0 7px;/* changed from 10 for extra olympics tab */
    display: block;
    font-weight: bold;
    color: #FFF; text-decoration: none; line-height: 26px;
    float: left;
    border-right: 1px solid #FFF;
    background: url(../images/corner.gif) no-repeat top right;
}
#main-nav span,
.nav span{
    display: none;
    position: absolute;
    width: 0; height: 0;
    bottom: -10px; left: 50%; margin-left: -6px;
    border: 6px solid #FFF; border-bottom: 0;
    font-size: 0; line-height: 0;
}
#main-nav .active span,
.nav .active span,
.nav .on span{ display: block; }

#main-nav .regionales,
#main-nav .cannes{ background-color:#0b4780; }
#main-nav .regionales:hover,
#main-nav .cannes:hover{ background-color:#256fb4; }

#main-nav .geneve2010 { background-color:#530707;}

#main-nav .vancouver{ background-color:#3097F3; }
#main-nav .vancouver:hover{ background-color:#1285ec; }

#main-nav .cdm2010{ background-color: #155CB0; }
#main-nav .cdm2010:hover{ background-color:#04277E; }

/* Nav section
----------------------------------------------------------------------- */
#nav-section{
    height: 28px;
    margin: 5px 10px;
    border-bottom: solid 1px #ccc;
    font-size: 1em;
    z-index: 2;
    position:relative;
    width: 980px;
}
#nav-section li{
    position: relative;
    z-index:2;      /*      ie i love you   */
    display: inline;
    float: left;
    padding: 0.3em 0.9em 0.5em 0;
    cursor: default;
}
#nav-section span{
    padding: 0 0 0 0.9em;
    border-left: solid 1px #ccc;
}
#nav-section li:hover span{     color:#059;     }
#nav-section li:first-child span{
    /* padding: 0; */
    border-left: none;
}
#nav-section ul{
    position: absolute;
    top: 2.3em;
    left: .9em;
    z-index: 3;
    width: 15em;
    border: solid 1px #ccc;
    background-color: #fff;
}
#nav-section ul li{
    float: none;
    padding: 0;
    display: list-item;
    border-top: dotted 1px #ccc;
}
#nav-section ul li a,
#nav-section ul li strong{
    display: block;
    padding: 0.3em;
}
#nav-section ul li a:hover{     background-color:#e7e7e7;       }
#nav-section ul li:first-child{ border:none;    }
#nav-section li ul{     display:none;   }
#nav-section li:hover ul{       display:block;  }


/* Scan
----------------------------------------------------------------------- */
#main-content #scan{ border-top: 10px solid #CCC; }
#scan ul{ margin-bottom: 5px; }
#scan li{
    position: relative;
    /* padding-right: 20px; */
    margin-top: 3px;
    padding-top: 3px;
    background:url(../images/sep.gif) repeat-x right top;
}
#scan ol li:first-child{
    margin-top: 0;
    padding-top: 0;
    background: none;
}
#scan li span{
    display: block;
    float: left;
}
#scan li .date{ font-size: 1em; }
#scan li span a{ color: #666; }
#scan li em{ display: none; }
#scan li h3{
    margin-left: 45px;
    line-height: 1.3;
    font-family: Arial, sans-serif;
    font-size: 1em;
    font-weight: normal;
}
#scan li h3 a:hover{ text-decoration: underline; }
#scan li .i-popup{
    /* position: absolute; */
    /* top: 4px; */
    /* right: 0; */
    display:none;
}
#scan li.top h3 a{ font-weight: bold; }
#scan .more{ text-align: right; }
#scan .more a{
    font: 1.1em Arial;
    color: #666;
}

/* New */
.slider-wrapper{
    overflow: hidden;
    position: relative; zoom: 1;
}
.slider-wrapper ol{ clear: both; }
.slider-wrapper div {
    position:absolute;
    top:0;
    width: 100%;
}
#scan .slider .more,
#scan .slider-nav{ width: 50%; padding: 5px 0 0; }
.slider-nav{ float: left; }
#scan .slider .more{ float: right; }
#scan .slider-nav .ico{
    width: 11px; height: 11px;
    margin-right: 0; margin-left: 3px;
    float: left; cursor: pointer;
    position: relative; top: 2px;
}
#scan .slider-nav .hidden{
    filter : alpha(opacity=20);
    -moz-opacity : 0.2;
    opacity : 0.2;
    cursor: default;
}
#scan .slider-nav .i-arrleft{
    background-position: -72px -17px;
}
#scan .slider-nav .i-arrright{
    background-position: -84px -17px;
}
#scan .slider-nav span{ font-weight: bold; }

/* Module opinion
----------------------------------------------------------------------- */
#opinion .resultats h4{
    font-size: 1.2em;
    margin-bottom: 10px;
}
#opinion .resultats li{
    padding-top: 5px;
    margin-top: 5px;
    background: url(../images/sep.gif) left top repeat-x;
}
#opinion .resultats li:first-child{
    padding-top: 0;
    margin-top: 5px;
    background: transparent;
}
#opinion .resultats .bar{
    display: block;
    padding: 1px;
    height: 8px;
    line-height: 1;
    font-size: 1%;
    margin: 0 0 5px 0;
    border: 1px solid #CCC;
    background: #FFF;
}
#opinion .resultats .bar span{
    display: block;
    height: 8px;
    line-height: 1;
    font-size: 1%;
    background: #E00;
}
#opinion .resultats em{
    float: left;
    font-style: normal;
    font-size: 1.2em;
    font-weight: bold;
}
#opinion .resultats li p{
    margin-left: 50px;
    padding-top: 5px;
}
#opinion .resultats li strong{
    display: block;
    clear: both;
    position: relative;
    font-weight: normal;
    margin-left: -50px;
}
#opinion .resultats{ margin-bottom: 10px; }
#opinion #sondage-loader p.infos{
    float: right;
    position: relative;
    top: 5px;
    font-size: 11px;
    color: #666;
}

/* =#FOOTER
----------------------------------------------------------------------- */
#footer{
    clear: both;
    padding: 10px;
    border-top: none;
    background-color: #fff;
    zoom: 1;
}

/* Site info
-------------------------------------------------------------- */
/*#site-info h2{ margin-bottom: 15px; }
#site-info ul{
        margin: 0;
        list-style: none;
}
#site-desc,
#site-info li,
#site-info p{
        font-size: .92em;
}
#site-desc,
#site-desc a,
#site-info p,
#site-info li,
#site-info a{
        color: #666;
}
#site-desc a:hover,
#site-info a:hover{
        color: #E00;
}
#site-info ul,
#site-info p{
        margin-left: 150px;
        margin-bottom: 3px;
}*/

/* Disclaimer tag CIM Belge */
#cim-label{
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #CCC;
}
#cim-label img{ float: left; }
#cim-label p{ margin-left: 130px; }

/* Site info
-------------------------------------------------------------- */
/*#site-info h3{
        float: left;
        margin: 0;
        font-size: 1em;
        font-family: Arial, sans-serif;
        color: #333;
        font-weight: bold;
}
#site-info ul{ margin-bottom: .7em; }
#site-info li{ display: inline; }
#site-info li a{
        padding: 0 2px;
        text-decoration: none;
}
#site-desc a,
#site-info p a{ text-decoration: underline; }
#site-info li:first-child a{ padding-left: 0; }
#site-info a:hover{ color: #E00; }
#site-info .links{
        margin: 15px 0 .1em;
        padding-top: 15px;
        border-top: 1px solid #CCC;
}
#site-info .copy{ margin: 0; color: #222; font-weight: bold; }
#site-desc{
        margin-bottom: 15px;
        padding: 15px 0;
        border-bottom: 1px solid #CCC;
        border-top: 10px solid #CCC;
}
#site-desc img{
        float: left;
        margin-right: 1em;
        padding-top: 3px;
}*/

/* Site info
-------------------------------------------------------------- */
#site-info{
    margin: 20px 13px;
    padding-top: 20px;
    border-top: 10px solid #CCC;
}
#site-info #services{
    margin-bottom: 20px;
    color: #555;
}
#site-info #services span{
    float: left;
}
#site-info #services p{
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-left: 80px;
}
#site-info h3{
    float: left;
    margin: 0 10px .2em 0;
    font-size: 1em;
    color: #333;
    font-weight: bold;
}
#site-info ul{ margin-bottom: .7em; }
/* #site-info li{ display: inline; } */
#site-info li a{
    /* padding: 0 3px; */
    text-decoration: none;
    font-size: 10px;
}
#site-info p{ line-height: 1.1 }
#site-info p a{ text-decoration: underline; }
#site-info li:first-child a{ padding-left: 0; }
/* #site-info a:hover{ color: #E00; } */
#site-info .links{ margin: 2em 0 .1em; }
#site-info .copy{ margin: 0; color: #222; font-weight: bold; }

/* Service
-------------------------------------------------------------- */

#site-info .service{
    float: left;
    width: 105px;
    min-height: 90px;
    padding: 0 15px;
    border-right: 2px solid #CCC;
}
#site-info .service strong{
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #555;
    font-size: 11px;
}
#site-info .service ul{
    zoom: 1;
}
#site-info .service li{
    /*display: inline-block;
    *display: inline;
    *zoom: 1;*/
    float: left;
    width: 100%;
    margin-top: 3px;
    vertical-align: top;
    white-space: nowrap;
    color: #555;
}
#site-info .service li a{
    color: #555;
    padding-left: 15px;
    background: url(../images/puce-footer.png) left center no-repeat;
}
#site-info .service li a:hover{ text-decoration: underline; }

#site-info .s-services{
    width: 210px;
    padding-left: 30px;
}
#site-info .s-services li{ width: 50%; }
#site-info .s-elysee{ width: 140px; }
#site-info .s-legal{
    border-right: 0;
    padding-right: 0;
    width: 70px;
}


#site-info #footer-links{
    padding: 15px 0 0 0;
    zoom: 1;
    line-height: 1.5;
}
#site-info #footer-links ul{ padding-bottom: 0; }
#site-info #footer-links li{ display: inline; }
#site-info #footer-links li,
#site-info #footer-links li a{
    font-size: 10px;
    color: #555;
}
#site-info #footer-links li a:hover{ text-decoration: underline; }


/* NOUVEAUX BLOCS #MAIN */

/* repeat: margin*/
#sub-content .cover-presidentielles,
h2.context,
.sub-node,
.sub-node h1,
.sub-node h3,
.sub-node p,
.sub-node .related{ margin-bottom: 7px; }


/* titre "section" */
h2.context{
    position: relative;
    clear:both;
    font: bold 0.92em/1.2em Arial;
    letter-spacing: 0;
    text-transform: uppercase;
}

/* cas générique */
.sub-node{
    overflow:hidden;
    clear:both;
}
.bordered{
    /* padding-bottom:10px; */
    border-bottom:dotted 1px #ccc;
}
.sub-node h1,
.sub-node h3{ font-size:1.75em; }
.sub-node h1,
.sub-node h3.front{ font-size:2.5em; }
.sub-node h3.sub{ font-size:1.5em; }
.sub-node .photo{
    float:left;
    margin:0 10px 10px 0;;
}
.sub-node .photo img{ border:0; }
/* .sub-node .extra{ margin-top:-5px; } */
.sub-node .related li{
    /* display:inline-block; */
    margin-right:10px;
}
.extra,
.extra a{ color:#666; }

/* cover */
#sub-content .presidentielle-box{ float:none; }
.cover{
    margin-bottom:20px;
    position:relative;
}
.cover .photo{ margin:0; }
.cover p{
    float:left;
    width: 114px;
    height: 195px;
    margin:0;
    padding: 15px;
    background:#b00;
}
.cover p a{ color:#fff; }
.cover p .extra{
    display:block;
    padding-top:20px;
}
.cover em{
    position:absolute;
    left:360px;
    bottom:15px;
}
.cover em a{ color:#fff; }

/* FIN NOUVEAUX BLOCS #MAIN */



/* --------------------------------------------------------------------
|
| Class g�n�riques
|
----------------------------------------------------------------------- */

/* Divers
----------------------------------------------------------------------- */
.aid{ display: none; }
.more{
    text-align: right;
}
.sources {
    font-size: 0.92em;
    padding-top: 5px;
    color: #666666;
}
.more,
.date,
.article-section{
    font-size: .92em;
}
.more a,
.more,
.date,
.article-section,
.article-section a{
    color: #666;
}
.related a{ color: #059; }
.related li.sep{
    height: 20px;
    background: url(../images/sep.gif) left 55% repeat-x;
}
.info-bandeau{
    padding: 1px 4px;
    font: bold 10px/1 verdana, arial, sans-serif;
    color: #FFF;
}

/* Onglets (.tab)
----------------------------------------------------------------------- */
#articlesLus .tab{
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC;
    height: 28px;
    /* background: #EEE; */
}
#articlesLus .tab li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 3px 10px;
    text-align: center;
    background: none;
    color: #666;
    border: 1px solid #FFF;
    cursor: pointer;
    float: none;
}
#articlesLus .tab li.on{
    position: relative;
    top: 1px;
    color: #222;
    background: #FFF;
    border: 1px solid #CCC;
    border-bottom-color: #FFF;
}
.js .tab-content .tab-cont{ display: none; }
.js .tab-content .tab-cont-on{ display: block; }

/* Box (archives...)
----------------------------------------------------------------------- */
.box{ overflow: hidden; }
.box .cat,
body .box h2,
.box .content p{
    margin-bottom: 5px;
}
/* photos */
.box .photo{
    float: left;
    width: 180px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.box .photo li,
.box .photo li img{
    display: block;
    float: left;
}
.box .photo p{ clear: left; }

/* content */
.box .cat{
    display: block;
    font-family: Arial, sans-serif;
}
.box .cat,
.box .cat a{
    color: #666;
}
body .box h2{
    /* font-family: Georgia, Times, serif; */
    font-family: Arial, sans-serif;
    font-size: 1.4em;
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: none;
}
.box .content p a{ color: #333; }
.box .content .extra a{
    color: #666;
    font-size: .92em;
}
.box .related{
    display: none;
    clear: left;
    padding-top: 5px;
}
.box .related li{
    display: inline;
    margin-right: 10px;
}

/* extends gallery */
.b-gallery .photo p a{
    display: block;
    height: 20px;
    padding-left: 5px;
    font: normal 10px/20px verdana, sans-serif;
    color: #FFF;
    background: #000;
}
.b-gallery .photo .ico{
    margin-right: 6px;
    background-position: -59px -13px;
    vertical-align: text-top;
}

/* extends video */
.b-video .photo p a{
    display: block;
    height: 20px;
    text-indent: -9999em;
    background: url(../images/sprite-ico.png) left -160px no-repeat;
}

/* extends edito */
.b-edito .photo{
    position: relative;
    min-height: 115px;
    background: #EEE;
}
.b-edito .photo .info-bandeau{
    display: block;
    position: absolute;
    left: 5px;
    bottom: 0;
    padding:3px;
}


/* Boxes
----------------------------------------------------------------------- */
.boxes-v{ margin-bottom: 20px; }
.boxes-v .box{
    float: left;
    width: 180px;
    padding: 0 18px;
    background: url(../images/sep.gif) repeat-y scroll left top;
}
.boxes-v div:first-child{ background: none; }

.boxes-h .box{
    padding-top: 15px;
    margin-top: 15px;
    background: url(../images/sep.gif) repeat-x scroll left top;
}
.boxes-h div.box:first-child{
    padding-top: 0;
    margin-top: 0;
    background: none;
}
.boxes-h .photo{ margin-bottom: 0; }


/* Node
----------------------------------------------------------------------- */
.node{
    position: relative;
    overflow:hidden;
    padding: 10px 0 0 0; margin-bottom: 10px;
    border-top: 10px solid #CCC;
}
#main-content .node:last-child,
#side-content .node:last-child{
    margin-bottom: 0;
}
#blog-posts{    border-top-color:#355362;       }
#blog-posts span.redac{
    width: 88px;
    display: block;
    background: #F00 url(../images/paper.png) no-repeat scroll 5px center;
    padding: 2px 0 2px 30px; margin-bottom: 2px;
    color: #FFF;
}
.node h2{
    position: relative;
    margin-bottom: 10px;
    font:bold 0.92em/1.2em Arial; letter-spacing: 0;
    text-transform: uppercase;
}
#side-content .node h2{ margin-bottom: 7px; }
.node h2 .i-rss{
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
}
a.rss{ float:right; }
.node .node2{
    padding: 15px;
    background-color: #000;
}
.node .node2,
.node .node2 a{ color: #FFF; }
.node .node3{
    padding: 10px;
    color: #FFF;
    background-color: #585f6e;
}
.node .node3 img{ margin-bottom: 10px; }
.node .node3 a{ color: #FFF; }
.node .node4{
    padding: 15px;
    color: #073b4c;
    background-color: #c9d8e3;
}
#side-content .node{
    padding-top: 0;
    border: 0;
}
#side-content .node img,
.node.teasing img{
    display: block;
}
#side-content .node img.ico{
    display: inline;
    margin: 0 2px 0 0;
}
#side-content .node .more{ margin-top: 10px; }

.node5{ background: #FCFBF6; padding-bottom: 15px; }
.node5,
.node5 a{
    color: #2B1F15;
}
.node5 h2{ padding: 15px; }
.node5 h2 span{ padding: 0 15px 15px; }
.node5 p{
    position: relative;
    padding: 0 30px 15px;
    /* font-family: Georgia, times, serif; */
    font-family: Arial, sans-serif;
    font-size:1.5em;
    font-weight: bold;
    line-height: 1;
}
.node5 .laquo{ left:5px; top: -10px; }
.node5 .raquo{ right:5px; bottom: 0; margin-top: 10px; }
.node5 .quote {
    display:block;
    font-size: 2em;
    line-height:1;
    padding:0;
    position:absolute;
}
.node5 .date{ display: block; padding-left: 15px; }

.node6{
    padding-top: 15px;
    background: #E9ECDE;
}
.node6 h2{ padding: 0 15px; margin: 0; }
.node6 p{ padding: 0 5px 15px; margin: 0; }
.node6 li{
    padding: 13px 15px;
    background: url(../images/sep.gif) left -2px repeat-x;
}
.node6 li:first-child{ background: none; }
.node6 h3{ font-size: .9em; line-height: 1.2em; }
#side-content .node .node6 img{ display: inline; margin: 0 3px 0 0; }

.node7{
    position: relative;
    overflow:hidden;
    padding: 10px 0 0 0;
    border-top: 10px solid #CCC;
}

/* Extra
----------------------------------------------------------------------- */
.extra li{
    display: inline;
    padding: 0 0 0 4px;
    border-left: 1px solid #666;
}
.extra li.first{
    border-left: 0;
    padding: 0 1px 0 0;
}
.extra li a{
    color:#666;
    font-size: 0.95em;
}
.extra dt{ font: bold 1.2em/1em Arial; }
.extra a{ color: #666; }
.extra img{ padding: 0 !important; }
.cdm2010 ul{
    padding-top: 54px;
    text-align: center;
    background: url(../images/extra-cdm.png) no-repeat 0 0;
}
.cdm2010 .extra li a{
    font-size: 11px; font-family: Arial;
    color: #000;
}

/* Headline
----------------------------------------------------------------------- */
.headline{ margin-bottom: 15px; }
.headline.h2 h3,
.headline.h2 h4,
.headline.h2 p,
.headline .photo{
    display: block;
    margin-bottom: 7px;
}
.headline h3{ font-size: 1.8em; }
.headline .photo img{ display: block; }
.headline .extra{ margin-bottom: 0; }
.headline .cat a,
.headline .extra a{
    color: #666;
    font-size: 11px;
}
.headline .cat{ margin-bottom: 0; }
.headline .cat a{
    /* font-family: Georgia, Times, Arial; */
    font-family: Arial, sans-serif;
}

.headline h4{
    clear: both;
    margin-top: 15px;
    padding-top: 10px;
    font-size: 1.2em;
    background: url(../images/sep.gif) left 0 repeat-x;
}
.headline .related li{ margin-bottom: 3px; }

/* h2 */
.headline.h2 h3{ font-size: 1.4em; }
.headline.h2 .photo{
    float: left;
    margin-right: 5px;
}
.headline.h2 h3,
.headline.h2 p{
    margin-bottom: 10px;
}
.headline.h2 .photo{ margin-bottom: 5px }
.headline.h2 p{ margin-bottom: 0; }
.headline.h2 p.extra{
    clear: left;
}

/* Icones
----------------------------------------------------------------------- */
.ico{ margin-right: 3px; }
.i-photo,
.i-gallery{
    width: 12px; height: 13px;
    background-position: 0 -13px;
}
.i-up{
    margin-right: 0;
    width: 17px; height: 14px;
    background-position: -105px 0;
}
.i-down,
.i-up,
.i-var-none{
    vertical-align: text-top;
    margin-right: 0;
    width: 15px; height: 14px;
}
.i-down{ background-position: -121px 0; }
.i-up{ background-position: -105px 0; }
.i-var-none{ background-position: -165px 0; }
.i-video,
.i-gallery_video{
    width: 12px; height: 13px;
    background-position: 0 -28px;
}
.i-gallery_video-big{
    width: 54px; height: 54px;
    background-position: -108px -106px;
}
.i-rss{
    width: 14px; height: 14px;
    background-position: -90px 0;
}
.i-article{
    width: 8px; height: 12px;
    background-position: 0 0;
}
.i-comments{
    position: relative;
    top: 5px;
    width: 17px;
    height: 16px;
    background-position: 0 -50px;
}
.i-sond{
    width: 8px; height: 8px;
    background-position: -40px -18px;
}
.i-opin{
    width: 8px; height: 10px;
    background-position: -50px -16px;
}
.i-more{
    width: 7px; height: 13px;
    background-position: -9px 1px;
}
.i-popup{
    width: 10px; height: 7px;
    background-position: -25px -5px;
}
.i-prev,
.i-next{
    width: 4px;
    height: 7px;
    padding: 0;
    background-position: -58px -4px;
}
.i-prev{ right: 177px; }
.i-next{ background-position: -63px -4px; }
.i-player{
    width: 54px;
    height: 54px;
    background-position: -108px -106px;
}
.i-zoom{
    width: 12px; height: 13px;
    background-position: -46px 0;
}
.i-zoom2,
.i-gallery-big{
    width: 54px;
    height: 54px;
    background-position: left -106px;
}
.i-abus{
    width: 10px; height: 13px;
    background-position: -28px -13px;
    margin-right: 2px;
}
.i-repondre{
    width: 13px; height: 13px;
    background-position:-16px -248px;
    margin: 0 2px 0 5px;
}
.i-interview{ background-position: -29px -28px; }
.i-mobile{ background-position: -39px -29px; }


/* .reaction
----------------------------------------------------------------------- */
.reaction{
    margin-bottom: 10px;
}
.reaction li{
    display: inline;
    padding-left: 0 !important;
    color: #999;
}

.reaction a{
    font-size: 0.92em;
    color: #999;
}
.reaction img + a{ text-decoration: none; }
input.count{
    width:30px;
    border: 0;
    padding:0;
    font-weight: bold; color: #666; text-align: center;
}

/* Menu d�roulant
----------------------------------------------------------------------- */
.choice{
    position: relative; z-index: 200;
    background: url(../images/sprite-choice.png) left bottom no-repeat;
}
.choice dl{
    width: 197px;
    margin-left: 16px;
}
.choice dt{
    cursor: pointer;
    background: url(../images/sprite-choice.png) right top no-repeat;
}
.choice dd{
    display: none;
    position: absolute; top: 24px; left: 0;
    border: 1px solid #CCC; background: #FFF;
}
.choice dt,
.choice dd a{
    padding: 5px;
    color: #333; font-size: 0.93em;
}
.choice a{
    display: block;
}
.choice a.current,
.choice dd a:hover{
    background: #DEDEDE;
}
.choice dt,
.choice dd{
    width: 140px;
}

/* groupe de menus */
.choices{
    overflow: visible;
    padding: 16px 0;
    background: #f5f5f5;
    height: 25px;
}
.choices dl{
    width: 197px;
    margin-left: 17px;
}
.choice dt,
.choice dd{
    width: 187px;
}

/* Pagination
----------------------------------------------------------------------- */
.pagination{
    clear: both;
    text-align: right;
    position: relative;
    padding: 10px;
}
.pagination li{
    display: inline;
    padding: 0;
}
.pagination a{
    padding: 0 5px 0 8px;
    color: #666; font-size: 1em;
    border-left: 1px solid #CCC;
}
.pagination .prev a{
    border-right: 1px solid #CCC;
    border-left: 0;
}
.pagination .first a{ border-left: 0; }
.pagination a.current{
    color: #000; font-size: 1.3em; font-weight: bold;
}

/* Tableau
----------------------------------------------------------------------- */
.tableau{ width: 100%; }
.tableau thead th{
    text-align: left;
    padding-bottom: 5px;
    font: bold 1.2em/1 Arial, sans-serif;
}
.tableau tbody td{ border-top: 1px dotted #CCC; }
.tableau tbody tr:first-child td{ border-top: 0; }

/* special */
.headline .tableau{ margin-top: 20px; }

/* ClassFoot
----------------------------------------------------------------------- */
#content-main .node #classFoot{
    padding: 20px 0 0;
}
#content-main .node #classFoot h3{
    font-size: 1.2em;
    padding-bottom: 0;
}
#classFoot td{
    width: 10%;
    text-align: center;
    background:url(../images/sep.gif) repeat-x top left;
}
#classFoot .tableau{ padding: 0 !important; }
#classFoot .first td{
    background: none;
}
#classFoot td.pos{
    width: 5%;
}
#classFoot td.club{
    width: 65%;
    text-align: left;
}
#classFoot td.var span{
    position: relative; top: 3px; left: 4px;
}

/* Opinion
----------------------------------------------------------------------- */
#opinion, .poll-article{ overflow: hidden; }
#opinion h3, .poll-article h3{
    font-size: 1.2em;
    line-height: 1.3em;
}
#opinion ol, .poll-article ol{ padding-bottom: 10px; }
#opinion ol li, .poll-article ol li{
    clear: left;
    height: auto;
    padding: 3px 0 3px 15px;
}
#opinion form label, .poll-article form label{
    display: block;
    margin-left: 25px;
    color: #000;
}
#opinion li input, .poll-article li input{
    float: left;
    border: 0;
}
#opinion .reaction, .poll-article reaction{ padding: 2px 0; }
#opinion .more, .poll-article .more{ text-align: left; }
#opinion .more li, .poll-article .more li{
    display: inline;
    clear: none;
}
#opinion .more a, .poll-article .more a{ text-decoration: underline; }

/* Reactions
----------------------------------------------------------------------- */
#formReaction{ clear: both; }
#reactions h2{ margin-right: 300px; }
#formReaction ul.comment-list{
    max-height: 400px;
    overflow: hidden;
}
#reactions li input{
    width: 50%;
    padding: 3px;
}
#formReaction li label{
    float: left;
    padding-left: 0;
}
#formReaction li input,
#formReaction li textarea{
    display: block;
    margin-left: 70px;
}
#formReaction li textarea{
    width: 500px;
    height: 100px;
    font-family: arial;
    font-size: 12px;
}
#formReaction input.email{ display: none; }

/* login */
#clubjdd-comment{
    padding: 10px;
    background: #EEE;
}
#clubjdd-comment .extra{ float: right; }
#clubjdd-comment .extra li{ border-color: #E00;}
#clubjdd-comment .extra a{ color: #E00; }
#clubjdd-comment h2#reaction{ margin-right: 200px; }
#clubjdd-comment form li{ display: inline; }
#reactions #clubjdd-comment li input#login,
#reactions #clubjdd-comment li input#pass{ width: 22%; }

/* Toolbar
----------------------------------------------------------------------- */
.toolbar{
    position: absolute; right: 3px; top: 0;
    background: #ededed url(../images/corner.gif) no-repeat scroll left bottom;
    width: 30px;
}
.toolbar .tools{
    background: transparent url(../images/corner.gif) no-repeat scroll left top;
    width: 30px;
}
.toolbar li.picto{
    background: transparent url(../images/sprite-toolbar.png) no-repeat scroll center bottom;
    height: 30px; width: 30px;
}
.toolbar li.p-print{
    background-position: center top;
}
.toolbar li.p-sendmail{
    background-position: center -28px;
}
.toolbar li.p-sizeup{
    background-position: center -56px;
}
.toolbar li.p-sizedown{
    background-position: center -88px;
}
.toolbar li.p-community{
    background-position: 1px bottom;
}
.toolbar .tooltip{
    width: auto;
    padding: 0 0 5px;
    text-align: center;
    border-top: 1px solid #EDEDED;
    margin-top: -1px;
}
.toolbar .share{
    display: none;
}
.share{
    background: #ededed url(../images/corner.gif) no-repeat scroll left bottom;
    margin-top: 0;
}
#article-header .tooltip{
    width: 30px;
}
.toolbar .tooltip{
    width: 26px;
    margin: 0 auto;
}
.tooltip span{
    padding: 0 5px;
    width: auto;
    background: #f5f5f5; border: 1px solid #AAA;
    text-transform: capitalize;
    font-size: 0.93em;
}

/* actuImage
----------------------------------------------------------------------- */
#actuImage h3{ padding: 0; }
#actuImage li{
    position: relative;
    overflow: hidden;
    float: right;
}
#actuImage li,
#actuImage li .photo{
    width: 100px;
    height: 66px;
}
#actuImage li.first{ float: left; }
#actuImage li.first,
#actuImage li.first .photo{
    width: 200px;
    height: 132px;
}
#actuImage .ico{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
    filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5;
}
#actuImage .node2 { clear: both; }


/* Sondage
----------------------------------------------------------------------- */
#sondage div{
    min-height: 84px;
    background: url(../images/bg-fifth-sondage.png) no-repeat left;
    padding-left: 78px;
}
#sondage h3{ margin-bottom: 10px; }
#sondage p{ color: #999; }

/* articlesLus
----------------------------------------------------------------------- */
#articlesLus li{
    clear: left;
    position: relative;
    padding: 2px 24px 5px 0;
    background: url(../images/sep.gif) repeat-x right top;
}
#articlesLus li:first-child{ background: none; }
#articlesLus li span{
    display: block;
    float: left;
    padding: 0 10px 0;
    font-size: 1.5em;
    font-weight: bold;
    color: #000;
}
#articlesLus li a{
    display: block;
    margin-left: 30px;
    padding-top: 3px;
    font-size: 1.2em;
}
#articlesLus li .ico{
    position: absolute;
    top:10px;
    right:2px;
}

/* portfolio
----------------------------------------------------------------------- */
#portfolio ol{ background: #000; }
#portfolio li{ float: left; }
#portfolio li img{ display: block; }

/* topflop
----------------------------------------------------------------------- */
#topflop ol{ background: #000; }
#topflop li{ float: left; }
#topflop li img{ display: block; }

/* chroniques
----------------------------------------------------------------------- */
#chroniques li{
    background:url(../images/sep.gif) repeat-x right bottom;
    overflow: hidden;
    padding-bottom: 3px; margin: 10px 0;
}
#chroniques h3{
    padding-bottom: 5px; padding-left: 65px;
    font: normal 1em Arial, sans-serif;
}
#chroniques h3 strong{
    display: block;
    font: normal 1.1em Arial;
}
#chroniques h3 a{
    font: bold 1.2em Geaorgia;
}
#chroniques a.more{
    float: right;
    color: #666; font: 0.9em Arial;
}
#chroniques a.more span{
    display: block; float: left;
    width: 9px; height: 13px; margin-right: 2px;
    background:url(../images/sprite-ico.png) no-repeat -36px -1px;
}
#chroniques li img{
    float: left;
    margin-right: 7px;
}

/* box agenda
----------------------------------------------------------------------- */
#npidf{
    margin-top:10px;
}
#npidf li{
    background:url(../images/sep.gif) repeat-x right bottom;
    overflow: hidden;
    padding-bottom: 10px; margin: 5px 0;
}
#npidf h3{
    padding-bottom: 5px; padding-left: 65px;
    font: normal 1em Arial, sans-serif;
}
#npidf h3 strong{
    display: block;
    font: normal 1.1em Arial;
}
#npidf h3 a{
    font: bold 15px Arial;
}
#npidf a.more{
    float: right;
    color: #666; font: 0.9em Arial;
}
#npidf a.more span{
    display: block; float: left;
    width: 9px; height: 13px; margin-right: 2px;
    background:url(../images/sprite-ico.png) no-repeat -36px -1px;
}
#npidf li img{
    float: left;
    margin-right: 7px;
    border:none;
}
#npidf .events{
    float:left;
    color:#FF0450;
    font-family: "Century Gothic", Arial, sans-serif;
    font-weight:bold;
    font-size:14px;
    vertical-align:middle;
    line-height: 18px;
    margin-top: 7px;
    padding-left:10px;
}
#npidf .events a{
    color:#ff0450;
}
#npidf .events span{
    color:#B80E14;
    font-size:12.5px;
}
#npidf > a img{
    float:right;
    padding-right:10px;
}
#npidf .slider-nav{
    width: 100%;
}
#npidf .slider-nav span{
    display: block;
    float: left;
}
#npidf .slider-nav .ico{
    width: 11px; height: 11px;
    margin-right: 0; margin-left: 3px;
    float: left; cursor: pointer;
    position: relative; top: 2px;
}
#npidf .slider-nav .hidden{
    filter : alpha(opacity=20);
    -moz-opacity : 0.2;
    opacity : 0.2;
    cursor: default;
}
#npidf .slider-nav .i-arrleft{
    background-position: -72px -17px;
}
#npidf .slider-nav .i-arrright{
    background-position: -84px -17px;
}
#npidf .slider-nav span{ font-weight: bold; }

/* video
----------------------------------------------------------------------- */
#videos .video{ position: relative; }
#videos .photo img{ display:block; }
#videos .ico{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
    filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5;
}

/* inedits
----------------------------------------------------------------------- */
#inedits .photo{
    position: relative;
}
#inedits .photo img{ display: block; }
#inedits .ico{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
    filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5;
}

/* HighCharts */
.charts{
    background-color: #f9f9f9 !important;
    -webkit-box-shadow: inset 0px 1px 8px 1px #cccccc;
    box-shadow: inset 0px 1px 8px 1px #cccccc;
    margin-bottom: 10px
}
.charts h2{ font-size: 22px !important; }
.charts .extra{
    margin-top: 10px;
}
.charts .related{ display: block; }
.charts .related li{ display: block; padding-top: 5px; }
.charts .more{
    font-size: 13px;
    padding: 10px 0 !important;
    background: url('../images/puce-charts.png') no-repeat 5px 10px;
}
.charts .more a span{
    color: #f6162e;
}

/* =#GOOGLE ADSENSE
----------------------------------------------------------------------- */
#overall .node.googlads{
    margin-bottom:0;
    padding-top:10px;
    border-top:dotted 1px #BED0DC;
    background:#fff;
    position:relative;
    z-index:10;
    clear: both;
}
#overall #ads-490x60-1 .node.googlads{
    border-top: none;
    padding-top: 0;
    border-bottom:dotted 1px #BED0DC;
}
.googlads p,
.googlads a{
    font-family:arial, sans-serif;
}
.googlads h2{
    margin:0 0 2px;
    text-transform:capitalize;
    font-size:13px;
}
#ads-490x60-1 .googlads h2{
    margin: 0 0 5px;
    font-size: 18px;
}
#ads-490x60-1 .googlads strong a{
    color: #222;
    font-size: 12px;
}
.googlads h2 a{
    color:#000;
    font-family:inherit;
}
.googlads ul{
    /* overflow:hidden; */
}
.googlads li{
    font-size:0.93em;
    color:#333;
    overflow:hidden;
    float:left;
    width:25%;
    padding:0 5%;
    background:url(../images/sep.gif) repeat-y left center;
}
#ads-google-590 .googlads li{
    float:left;
    width:31% !important;
    padding: 0 8px;
}
.googlads.advert li{
    font-size:1em;
    color:#333;
    overflow:hidden;
    float:none;
    margin-top: 10px;
    padding: 10px 0 0 0;
    background:url(../images/sep.gif) repeat-x top left;
    width: 100%;
}
.googlads p{
    line-height:1.1em;
    /* margin-top:0.1em; */
}
#ads-490x60-1 .googlads p{
    overflow: hidden;
    zoom: 1;
    word-wrap: break-word;
}
#article-related .googlads p{ white-space:normal; }
.googlads strong a{
    font-size:1em;
    color:#EE0000;
}
#ads-google-590 .googlads .adlink {
    margin-right:5px;
}
#ads-google-590 .googlads .adlink:after {
    margin-right:5px;
}

.googlads .adlink{
    display:block;
    margin-bottom:5px;
    font-size:1.05em;
    font-weight:bold;
    color:#898989;
}
#ads-490x60-1 .googlads .adlink {
    color: #059;
    font-size: 11px;
    padding-right: 5px;
    padding-top: 5px;
    font-weight: normal;
    text-decoration: none;
    word-wrap: break-word;
}
/* These shall be used for differentiation between vertical / horizontal / places... */

.googlads.advert li{ font-size:11px; }
.googlads.advert strong a{ font-size:12px;}
.googlads.scanads{
    border-top:none;
    padding-bottom:15px;
    margin-bottom:15px;
    background:#fff url(/includes/nav/images/bg/seph.gif) left bottom repeat-x;
}
.googlads.scanads li{
    background:none;
}
.googlads.scanads span b a{
    display:block;
    padding-bottom:5px;
    font-family:inherit;
    font-size:inherit;
    color:#333;
}

#foh1{display:none;}

/* These shall be used to draw the separation lines */
.googlads .prime{
    padding-left:0 !important;
    background:none !important;
}
.googlads.advert .prime{
    margin-top: 0;
    padding-top:0;
    background:#fff url(/includes/nav/images/sep-h.gif) center bottom repeat-x;
}

#ads-242x74-1 .googlads{
    padding-top: 0;
    margin: 0;
    border: 0;
}
#ads-242x74-1 .googlads h2{ margin-bottom:2px; }
#ads-242x74-1 .googlads .adlink{ margin-bottom:3px; }
#ads-google-footer .node,
#ads-google-590 .node{
    margin-bottom: 20px;
}
#ads-468x60-1 li,
#ads-490x60-1 li /*
,
#ads-google-590 li
*/{
    padding: 0 2%;
}
#ads-google-footer li{
    padding: 0 1%;
}
#ads-468x60-1 div,
#ads-490x60-1 div{
    width: 100%;
    margin-bottom: 0;
}
#ads-490x60-1 .googlads ul{
    overflow: hidden;
    zoom: 1;
    padding: 10px 0;
}
#ads-468x60-1 .googlads li,
#ads-490x60-1 .googlads li{
    background-position: 3px center !important;
}
#ads-490x60-1 .googlads li.prime{
    border: none;
}
#ads-490x60-1 .googlads li{
    width: 145px;
    padding: 0 10px;
    border-left: 1px dotted #ccc;
    background: none;
}
#ads-490x60-1 .googlads li strong{
    display: block;
    padding-bottom: 5px;
}
#ads-google-590{ margin-bottom: 20px; }

#expand{
    margin-bottom: 15px;
    text-align: center;
}
#expand-big,
#expand-small{
    display:none;
}

/* =#O� TROUVER LE JDD...
----------------------------------------------------------------------- */
#list_villes li{
    background:url(../images/sep.gif) repeat-x right bottom;
    float:left;
    margin:0.5em 0 0;
    padding:0 0 0.5em;
    width:300px;
}
#list_villes .colonne3:last-child{
    clear:both;
    padding-bottom:1em;
}

/* =#Liens de paris
----------------------------------------------------------------------- */
#art-betad{
    display:block;
    padding:15px 0 10px;
    font-size:1.1em;
    line-height:1.2em;
    color:#059;
    background:url(../images/sep.gif) repeat-x right top;
}

/* =#Streaming (public s�nat)
----------------------------------------------------------------------- */
#content.streaming{             width:668px; float: left;       }
#content.streaming #zone-cover{
    padding:1em; overflow: hidden;
    /*      background-color:#333; */
}
#content.streaming h1{
    font-size:2em;
    /*      color:#f0f0f0; */
    padding:0 0 0.5em;
    clear:both;
}
#content.streaming .related{ float:left;        }
#content.streaming #z-cover-right{
    float:right;
    width:260px;
    /* height:290px; */
    padding-right:1em;
}
#content.streaming .slide{      height:290px;   }
/* #content.streaming #player{  padding:1em 0;  } */
#content.streaming #player{     border:solid 3px #000;  }
#content.streaming #z-cover-right h2{
    font-size:1.4em;
    padding:1.5em 0 0.5em;
}
#content.streaming #z-cover-right h2,
#content.streaming #z-cover-right p{
    /*      color:#f0f0f0; */
}
#content.streaming .part-psenat{
    /*      color:#a0a0a0; */
    font-size:0.9em;
    display:inline-block;
    height:40px;
}
#content.streaming p.part-psenat{ width: 250px; }
#content.streaming .part-psenat a{
    color:#a0a0a0;
    text-decoration:underline;
}

.sharebox .facebook
{
    width:auto !important;
}

.sharebox .facebook a
{
    height: 20px;
    line-height: 20px;
    color: #FFF;
    font-weight: bold;
    border: 0px none;
    background: none repeat scroll 0% 0% #415CA9;
    display: block;
    float: left;
    font-size: 11px;
    border-radius: 4px;
    padding: 0 5px;
}

#ad-300x250-1{  background-color:#EEE;  }

.top-content-highlight{ display: none; }

/* =#JDD MOBILE
----------------------------------------------------------------------- */
#jdd-mobile{ margin-bottom: 15px; }
#article-related #jdd-mobile p{
    margin-bottom: 5px;
    font-size: 1em;
    color: #000;
}
#article-related #jdd-mobile .field{
    width: 120px;
    padding: 3px 5px;
}
/* =#JDD MOBILE 2
----------------------------------------------------------------------- */
#go_mobile{
}
#go_mobile a{
    border-bottom:solid 1px #b00;
    background-color:#aaa;
    display:block;
    width:1000px;
    margin:0 auto; padding:1em 0;
    text-align:center;
    font-size:2em;
    color:#fff;
    text-decoration:underline;
}

/* =#SHOPPINGBOX
----------------------------------------------------------------------- */
#shoppingBox{ padding:0 0 10px; }

/* =#JO 2010, jdd in header
----------------------------------------------------------------------- */
#jo-links{
    padding:5px 0;
    text-align:center;
    border:solid #ddd;
    border-width:0 1px 1px;
}
#jo-links li{
    display:inline;
    padding:0 5px;
}
#jo-links li:first-child{ padding-left:0; }
#jo-links,
#jo-links li a{ color:#666; }

/* =#Popup newsletter
----------------------------------------------------------------------- */
#popup-outer{
    width:500px;
    padding:10px;
    background:rgba(50, 50, 50, 0.4);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#80444444,endColorstr=#80444444)";
    position:absolute;
    z-index:1;
    display:none;
}
* html #popup-outer{
    background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80444444,endColorstr=#80444444);
    zoom: 1;
}
* + html #popup-outer{
    background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80444444,endColorstr=#80444444);
    zoom: 1;
}
#popup{
    background:#fff;
    border:solid 1px #ddd;
}
#popup h3{
    padding:0 10px;
    line-height:2;
    font-size:1.4em;
    background:#e00; color:#fff;
}
#popup fieldset{ padding:10px; }
#popup legend{
    display:block;
    font-size:1.1em;
    line-height:2;
}
#puclose{
    display:block;
    text-indent:-999em;
    width:68px; height:18px;
    cursor:pointer;
    float:right;
    margin:3px;
    color:#fff;
    background:url(../images/closed-transparent.gif) no-repeat 0 0;
}

/* Modal
------------------------------------------ */
#modal-mask{
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    filter : alpha(opacity=35);
    -moz-opacity : 0.35;
    opacity : 0.35;
}
#modal-wrapper{
    position: absolute;
    z-index: 99999;
    top: 100%;
}
#modal-shadow{
    display: none;
}
#modal-box{
    position: relative;
    padding: 10px;
    background: url(../images/modal-shadow.png);
}
#modal-inner{
    padding: 10px;
    background: #FFF;
}
#modal-header{ margin: -10px -10px 10px -10px; padding: 10px 5px; zoom: 1; background: #F00; color: #FFF; }
#modal-header h2{
    margin-bottom: 0;
    font-size: 1.2em;
    font-weight: bold;
}
#modal-close{
    float: right;
    cursor: pointer;
    margin-right: 0;
    width: 56px; height: 11px;
    background: url(../images/sprite-ico.png) 0 -232px no-repeat;
}
#modal-content{
    overflow: hidden;
    background: url(../images/loader.gif) center center no-repeat;
}
#inscription #message.success,
#modal-content .success{
    padding: 4px 0 0 35px;
    background: url(../images/ok.gif) left top no-repeat;
}
.sweet-button{
    cursor: pointer;
}

/* Bloc programme TV */
.list-programme ul {
    list-style:none outside none;
    margin:0;
    zoom: 1;
}
.list-programme li:first-child {
    padding-top:0;
    background: none;
}
.list-programme li {
    background: url("../images/sep.gif") repeat-x scroll left 0 transparent;
    font-size:1.1em;
    padding:5px 0;
}
.list-programme li a {
    color:#000;
    display:block;
    font-size:12px;
    text-decoration:none;
}
.list-programme strong,
.list-programme li img,
.list-programme em {
    vertical-align: middle;
    display: inline-block;
    *display : inline;
    zoom:1;
}
.list-programme strong { width: 196px; }
.list-programme li img {
    margin:0 10px;
    width:35px;
}
.list-programme em {
    font-style:normal;
    font-weight:normal;
    color: #666;
    padding: 0 10px 0 0;
}
.list-programme .more {
    text-align: right;
    padding-top: 5px;
}
/* Compteur présidentielle 2012 */
.compteur{
    display:none;
    height: 35px;
    font: normal 28px/35px "Trebuchet MS";
    text-align: right;
    padding-right: 4px;
    color: #F00;
}
#header .compteur{
    display: block;
    text-align: center;
    padding-top: 30px;
    margin-bottom: 10px;
}
.compteur span{
    font: normal 28px/35px "Trebuchet MS";
    color: #000;
}
/*
.countdown_amount{
        position: relative; top: 2px;
}
*/

/* Détecteur de mensonges: cross-section */
#article-header .photos{
    position: relative;
    margin-bottom: 10px;
    zoom: 1;
}
#article-header .over{
    background: #000;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 570px;
}
#article-header .over p{
    color: #FFF;
    font-size: 1.5em;
    font-weight: bold;
    line-height: normal;
    margin: 0;
}
#article-header .over p.author{
    font-size: 0.9em;
    font-weight: normal;
}
#article-header .over span{
    font: bold 1em/normal Georgia;
    color: #FFF;
    display: inline;
}

#buzz{ display:none !important; }

/* Régionales: Formulaire trouver ma ville
------------------------------------------ */
#regionales-formulaire{
    padding:0 0 0 15px;
    background-color: #fff;
}
#regionales-formulaire form{
    padding: 0;
    zoom: 1;
}
#regionales-formulaire fieldset{
    display:inline-block;
    *display: inline;
    *zoom : 1;
    max-width:215px;
    margin:5px 30px 5px 0;
    line-height:1.75;
}
#regionales-formulaire label,
#regionales-formulaire input,
#regionales-formulaire fieldset p,
#regionales-formulaire .sweet-button{
    display:inline-block;
    *display: inline;
    *zoom : 1;
    vertical-align:middle;
}
#regionales-formulaire fieldset p{
    width: 150%;
}
#regionales-formulaire [type="text"]{ width:45%; }
#regionales-formulaire label,
#regionales-formulaire input{
    width: 8em;
    width : 7em\9;
}
#regionales-formulaire label{
    color:#061e3d;
    font-weight: bold;
}
#regionales-formulaire .sweet-button{ float:none; }
#regionales-formulaire strong{
    display:block;
    width:100%;
    height:26px;
    text-indent:-999em;
}
#regionales-formulaire {
    background: url(../images/presidentielles/logo-presidentielle.png) no-repeat scroll 10px 10px #EEEFF7;
    border: 1px solid #CCCCCC;
    width: 282px;
    padding-top: 45px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 45px;
    padding: 45px 8px 8px 8px;
}
#regionales-formulaire .more{
    padding-top: 7px;
}

#regionales-formulaire .sweet-button input{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius1: 3px;
    border-radius: 3px;
    color: #000;
    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top, #fdfdfd 0%, #d8d8d8 100%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#d8d8d8), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#d8d8d8 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fdfdfd 0%,#d8d8d8 100%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fdfdfd 0%,#d8d8d8 100%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(top, #fdfdfd 0%,#d8d8d8 100%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
}
.ligatus-2{ clear: both; }

/* Livescore
------------------------------------------------*/
#livescore dd,
#livescore ul{
    margin: 0;
}
#livescore .in{
    padding: 0;
}
#body3 #livescore .in{
    padding: 0 15px 15px;
}
#livescore a{ text-decoration: none; }
#livescore h2 span{
    float:right;
    display:block;
    width:70px;
    height:16px;
    margin-top:8px;
    margin-right:0;
    cursor:pointer;
}
#livescore h2 span b{display:none;}
#livescore dl{clear:both;}
#livescore li{
    position:relative;
    list-style-type: none;
    padding:5px 0 4px 0;
    margin-bottom:1px;
}
#livescore li a{
    display:block;
}
#livescore li i,
#livescore li span,
#livescore li em{
    display:block;
    float:left;
    overflow:hidden;
    min-height:15px;
    font-size:.94em;
    font-style:normal;
    cursor:pointer;
}
#livescore li em{
    float:none;
    padding-left:15px;
    cursor:text;
}
#livescore li a em{cursor:pointer;}
#livescore .i2{
    width:15%;
    padding-right:5px;
    font-size:.83em;
    text-indent:0px;
}
#livescore .i3{
    overflow:hidden;
    white-space: nowrap;
    width:50%;
    margin-right:5px;
    font-weight:bold;
}
#livescore .tennis .i2{ width: 4%; }
#livescore .tennis .i3{ width: 50%; }
#livescore .i4{font-weight:bold;}
#livescore .i4 b{padding-right:4px;}
#livescore .i1{
    float:right;
    font-size:.83em;
}
#livescore li .pari{
    position:absolute;
    right:0;
    top:5px;
    margin-left:10px;
    margin-right:5px;
    color: #06B;
    text-decoration:underline;
}
#livescore dt .pari{
    float:right;
    margin-right:5px;
    margin-top:4px;
}
#livescore li .comment{
    position:absolute;
    right:0;
    top:20px;
    font-size:11px;
    margin-left:10px;
    margin-right:5px;
    color:#666;
}
/* type classement */
#livescore .classement b.clear{height:5px;}
#livescore .classement .i1{display:none}
#livescore .classement .i2{width:30px;width:12%;}
#livescore .classement .i3{width:130px;width:53%;}

/* lv1 */
#livescore dt.lv1{
    color: #FFF;
    background: #B00;margin-bottom: 1px;
}
#livescore dt.lv1 span{
    display:block;
    margin-right:9px;
    text-indent:10px;
}
#livescore dt.lv1 b{
    display:block;
    height:27px;
    margin-right:0;
    line-height:27px;
    cursor:pointer;
    background: url(../images/sports/livescore/ls-lv1-close.gif) no-repeat scroll right center;
}
#livescore dt.lv1 b.plus{ background: url(../images/sports/livescore/ls-lv1-open.gif) no-repeat scroll right center; }
#livescore dd.lv1{
    margin-bottom:5px;
}

/* lv2 */
#livescore dt.lv2{
    background: #EEE;
}
#livescore dt.lv2 b{
    display:block;
    padding: 6px 0 6px 23px;
    /*overflow:hidden;
    white-space:nowrap;
    height:25px;*/
    font:bold .83em arial,sans-serif;
    color: #000;
    text-transform:uppercase;
    /*line-height:23px;
    text-indent:23px;*/
    cursor:pointer;
    background: url(../images/sports/livescore/ls-lv2-close.gif) no-repeat scroll 5px center;
}
#livescore dt.lv2 b.plus{ background: url(../images/sports/livescore/ls-lv2-open.gif) no-repeat scroll 5px center; }

/* Livescore skin
------------------------------------------------*/
#livescore h2{
    display: none;
}
#livescore h2 strong{ display:block;text-indent:-999em; }
#livescore h2 span{
    /*
background-repeat:no-repeat;
    background-image:url(/includes/nav/images/livescore.png);
*/
}
/* #livescore li.live{background-position: -8px 8px;} */

/* #livescore .i4{color:#f69321;} */
#livescore .pari{
    display:block;
    width:33px;
    height:11px;
    /* background:url(/includes/nav/images/b-pariez.gif) left bottom no-repeat; */
}
/* lv1 */
/*
#livescore dt.lv1{background:url(/includes/nav/images/livescore.png) right -19px no-repeat;}
#livescore dt.lv1 span{
        background:url(/includes/nav/images/livescore.png) left -46px no-repeat;
        color:#FFF;
}
*/
/* lv2 */
/*
#livescore dt.lv2{
        border-bottom:1px dashed #C8CEC1;
        background:url(/includes/nav/images/livescore.png) left top repeat-x;
}
#livescore dt.lv2 b{color:#172901;}
#livescore dt.lv1 b{background:url(/includes/nav/images/livescore.png) right -109px no-repeat;}
#livescore dt.lv2 b{background: #E2F1D1 url(/includes/nav/images/livescore.png) 4px -110px no-repeat;}
#livescore dt.lv1 b.moins{background: url(/includes/nav/images/livescore.png) right -73px no-repeat;}
#livescore dt.lv2 b.moins{background: #E2F1D1 url(/includes/nav/images/livescore.png) 4px -74px no-repeat;}
*/
.b-title.livescore{
    padding-left: 5px;
    padding-right: 5px;
}
#right .b-title.livescore{
    padding: 15px 15px 0;
}

/* Module service
------------------------------------------------*/
.b-services ul {
    list-style: none outside none;
    margin: 0;
    padding-bottom: 5px;
}

.b-services li {
    display: inline-block;
    *display: inline; *zoom: 1;
    margin-left: 2px;
    vertical-align: top;
    width: 73px;
}

.b-services li.first {
    margin-left: 0;
}

.b-services li a {
    color: #A7A6A6;
    font-size: 10px;
}

.b-services .s-ico {
    background: url(../images/icones.png) no-repeat left top transparent;
    display: block;
    height: 49px;
    vertical-align: middle;
    width: 49px;
}

.b-services .b-assu {
    background-position: -1px -380px;
}
.b-services .b-emploi {
    background-position: -59px -380px;
}
.b-services .b-journal {
    background-position: -117px -380px;
}
.b-services .b-tv {
    background-position: -1px -132px;
}
.b-services .b-trafic {
    background-position: -59px -132px;
}
.b-services .b-immo {
    background-position: -117px -132px;
}
.b-services .b-prono {
    background-position: -175px -132px;
}
.b-services .b-astro {
    background-position: -1px -254px;
}
.b-services .b-boutique {
    background-position: -59px -254px;
}
.b-services .b-rencontres {
    background-position: -116px -254px;
}
.b-services .b-plans {
    background-position: -175px -254px;
}
.b-services .b-poker {
    background-position: -175px -380px;
}
.b-services a:hover .b-assu {
    background-position: -1px -443px;
}
.b-services a:hover .b-emploi {
    background-position: -59px -443px;
}
.b-services a:hover .b-journal {
    background-position: -117px -443px;
}
.b-services a:hover .b-tv {
    background-position: -1px -193px;
}
.b-services a:hover .b-trafic {
    background-position: -59px -193px;
}
.b-services a:hover .b-immo {
    background-position: -117px -193px;
}
.b-services a:hover .b-prono {
    background-position: -175px -193px;
}
.b-services a:hover .b-astro {
    background-position: -1px -317px;
}
.b-services a:hover .b-boutique {
    background-position: -59px -317px;
}
.b-services a:hover .b-rencontres {
    background-position: -116px -317px;
}
.b-services a:hover .b-plans {
    background-position: -175px -317px;
}
.b-services a:hover .b-poker {
    background-position: -175px -443px;
}

/*Bloc Social colonne de droite*/
.b-social ul {
    list-style: none outside none;
    margin: 0;
}
.b-social li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 30px;
}
.b-social li:first-child {
    margin-left: 0;
}
.b-social .s-ico {
    background: url("../images/icones.png") no-repeat scroll left top transparent;
    display: block;
    height: 54px;
    vertical-align: middle;
    width: 50px;
}
.b-social .ico-twitter {
    background-position: -59px 0;
    width: 51px;
}
.b-social .ico-rss {
    background-position: -118px 0;
    width: 51px;
}
.b-social .ico-contact {
    background-position: -178px 0;
}
.b-social .ico-facebook:hover {
    background-position: 0 -58px;
}
.b-social .ico-twitter:hover {
    background-position: -59px -58px;
}
.b-social .ico-rss:hover {
    background-position: -118px -58px;
}
.b-social .ico-contact:hover {
    background-position: -178px -58px;
}

.numberComments{ display: none; }

/* Box scrutin presidentielle 2012
=================================== */
.scrutin-presidentielle{ margin-bottom: 10px; }
.scrutin-presidentielle .presidentielle-box {
    background: url(../images/presidentielles/logo-scrutin-presidentielle2012.png) no-repeat scroll left top #EEEFF7;
    border: 1px solid #CCCCCC;
    width: 282px;
    padding: 90px 8px 8px;
    overflow: hidden;
    zoom: 1;
}
.scrutin-presidentielle .presidentielle-box a h2{
    background: url(../images/presidentielles/title-1er-tour.png) no-repeat scroll 0 0 transparent;
    text-indent: -999em;
    margin-top: -45px;
    padding-bottom: 12px;
}
.scrutin-presidentielle .presidentielle-box > p{ color: #666; }
.scrutin-presidentielle .presidentielle-box .box-favoris{
    overflow: hidden;
    zoom: 1;
}
.scrutin-presidentielle .presidentielle-box .box-favoris li{
    float: left;
    text-align: center;
}
.scrutin-presidentielle .presidentielle-box .box-favoris li:first-child{ margin-right: 8px; }
.scrutin-presidentielle .presidentielle-box .box-favoris li p,
.scrutin-presidentielle .presidentielle-box .box-outsiders li p{
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    display: block;
    padding-bottom: 2px;
    color: #000;
}
.scrutin-presidentielle .presidentielle-box .box-favoris li a,
.scrutin-presidentielle .presidentielle-box .box-favoris li a:hover{
    text-decoration: none;
}
.scrutin-presidentielle .presidentielle-box .box-favoris li .photo span{
    height: 120px;
    width: 135px;
    /* display: block; */
    position: absolute;
    bottom: 0;
    left: 0;
}
.scrutin-presidentielle .presidentielle-box .box-favoris li .photo{
    position: relative;
    display: block;
    margin-bottom: 7px;

    -webkit-box-shadow: 0 0 65px #ffffff, inset 0 0 5px #999999;
    -moz-box-shadow: 0 0 65px #ffffff, inset 0 0 5px #999999;
    box-shadow: 0 0 65px #ffffff, inset 0 0 5px #999999;

    border-color: #ccc;
    background-color: #fff;
    height: 134px;
    width: 137px;

    border : 1px solid #ccc\9;
    height: 132px\9;
    width: 135px\9;
}
.scrutin-presidentielle .presidentielle-box .box-outsiders{
    -webkit-box-shadow: 0 0 65px #ffffff, inset 0 0 5px #999999;
    -moz-box-shadow: 0 0 65px #ffffff, inset 0 0 5px #999999;
    box-shadow: 0 0 65px #ffffff, inset 0 0 5px #999999;

    background-color: #fff;
    padding: 15px 10px 10px;
    margin-bottom: 10px;
    overflow: hidden;
    zoom: 1;

    border : 1px solid #ccc\9;
}
.scrutin-presidentielle .presidentielle-box .box-outsiders li{
    display: block;
    margin-bottom: 5px;
}
.scrutin-presidentielle .presidentielle-box .box-outsiders li .photo span{
    bottom: 5px;
    display: block;
    height: 75px;
    left: 4px;
    position: absolute;
    width: 100px;
}

.scrutin-presidentielle .presidentielle-box .box-favoris li .photo #hollande{background: url(/includes/cobrand/img/presidentielles/big/HOLLANDE.png) no-repeat scroll left bottom transparent; }
.scrutin-presidentielle .presidentielle-box .box-favoris li .photo #sarkozy{background: url(/includes/cobrand/img/presidentielles/big/SARKOZY.png) no-repeat scroll left bottom transparent; }
.scrutin-presidentielle .presidentielle-box .box-favoris li .photo #lepen{background: url(/includes/cobrand/img/presidentielles/big/LEPEN.png) no-repeat scroll left bottom transparent; }
.scrutin-presidentielle .presidentielle-box .box-favoris li .photo #melenchon{background: url(/includes/cobrand/img/presidentielles/big/MELENCHON.png) no-repeat scroll left bottom transparent; }
.scrutin-presidentielle .presidentielle-box .box-favoris li .photo #bayrou{background: url(/includes/cobrand/img/presidentielles/big/BAYROU.png) no-repeat scroll left bottom transparent; }

.scrutin-presidentielle .presidentielle-box .box-outsiders li .photo #hollande{background: url(/includes/cobrand/img/presidentielles/small/HOLLANDE.png) no-repeat scroll left bottom transparent; }
.scrutin-presidentielle .presidentielle-box .box-outsiders li .photo #sarkozy{background: url(/includes/cobrand/img/presidentielles/small/SARKOZY.png) no-repeat scroll left bottom transparent; }
.scrutin-presidentielle .presidentielle-box .box-outsiders li .photo #lepen{background: url(/includes/cobrand/img/presidentielles/small/LEPEN.png) no-repeat scroll left bottom transparent; }
.scrutin-presidentielle .presidentielle-box .box-outsiders li .photo #melenchon{background: url(/includes/cobrand/img/presidentielles/small/MELENCHON.png) no-repeat scroll left bottom transparent; }
.scrutin-presidentielle .presidentielle-box .box-outsiders li .photo #bayrou{background: url(/includes/cobrand/img/presidentielles/small/BAYROU.png) no-repeat scroll left bottom transparent; }


.scrutin-presidentielle .presidentielle-box .box-outsiders li .photo{
    position: relative;
    display: block;
    margin: 0 10px 7px 3px;

    -moz-box-shadow: 0px 5px 7px 0px #c0c0c0;
    -webkit-box-shadow: 0px 5px 7px 0px #c0c0c0;
    -o-box-shadow: 0px 5px 7px 0px #c0c0c0;
    box-shadow: 0px 5px 7px 0px #c0c0c0;

    border-color: #ccc;
    background-color: #fff;
    height: 85px;
    width: 110px;
    float: left;

    border : 1px solid #ccc\9;
    height: 83px\9;
    width: 108px\9;
}
.scrutin-presidentielle .presidentielle-box .box-favoris li span,
.scrutin-presidentielle .presidentielle-box .box-outsiders li span{
    color: #747474;
    font-size: 10px;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
}
.scrutin-presidentielle .presidentielle-box .box-favoris li span a,
.scrutin-presidentielle .presidentielle-box .box-outsiders li span a{
    color: #747474;
}
.scrutin-presidentielle .presidentielle-box .box-favoris li:first-child strong{
    font-size: 48px;
    padding-top: 0;
}
.scrutin-presidentielle .presidentielle-box .box-favoris li strong{
    font-size: 42px;
    display: block;
    padding-top: 5px;
}
.scrutin-presidentielle .presidentielle-box .box-favoris li small{ font-size: 30px; }
.scrutin-presidentielle .presidentielle-box .box-outsiders li strong{ font-size: 34px; }
.scrutin-presidentielle .presidentielle-box .box-outsiders li small{ font-size: 25px; }


/* Box scrutin 2nd tour presidentielle 2012
=========================================== */
.scrutin-presidentielle.tour2{ margin-bottom: 10px; }
.scrutin-presidentielle .presidentielle-box {
    background: url(../images/presidentielles/logo-scrutin-presidentielle2012.png) no-repeat scroll left top #EEEFF7;
    border: 1px solid #CCCCCC;
    width: 282px;
    padding: 90px 8px 8px;
    overflow: hidden;
    zoom: 1;
}
.scrutin-presidentielle.tour2 .presidentielle-box a h2{
    background: url(../images/presidentielles/titre-sondage-2nd-tour.png) no-repeat scroll 0 0 transparent;
    text-indent: -999em;
    margin-top: -45px;
    padding-bottom: 12px;
}
.scrutin-presidentielle.tour2 .presidentielle-box a.result h2{
    background: url(../images/presidentielles/titre-resultats.png) no-repeat scroll 0 0 transparent;
    text-indent: -999em;
    margin-top: -45px;
    padding-bottom: 12px;
}
.scrutin-presidentielle.tour2 .presidentielle-box > p{
    color: #666;
    margin-top: 10px;
    zoom: 1;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris{
    overflow: hidden;
    zoom: 1;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li{
    float: left;
    text-align: center;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li:first-child{ margin-right: 8px; }
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li p,
.scrutin-presidentielle.tour2 .presidentielle-box .box-outsiders li p{
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    display: block;
    padding-bottom: 2px;
    color: #000;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li a,
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li a:hover{
    text-decoration: none;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li .photo span{
    height: 120px;
    width: 135px;
    /* display: block; */
    position: absolute;
    bottom: 0;
    left: 0;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li .photo{
    position: relative;
    display: block;
    margin-bottom: 7px;

    -webkit-box-shadow: 0 0 65px #ffffff, inset 0 0 5px #999999;
    -moz-box-shadow: 0 0 65px #ffffff, inset 0 0 5px #999999;
    box-shadow: 0 0 65px #ffffff, inset 0 0 5px #999999;

    border-color: #ccc;
    background-color: #fff;
    height: 134px;
    width: 137px;

    border : 1px solid #ccc\9;
    height: 132px\9;
    width: 135px\9;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-outsiders{
    -webkit-box-shadow: 0 0 65px #ffffff, inset 0 0 5px #999999;
    -moz-box-shadow: 0 0 65px #ffffff, inset 0 0 5px #999999;
    box-shadow: 0 0 65px #ffffff, inset 0 0 5px #999999;

    background-color: #fff;
    padding: 15px 10px 10px;
    margin-bottom: 10px;
    overflow: hidden;
    zoom: 1;

    border : 1px solid #ccc\9;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-outsiders li{
    display: block;
    margin-bottom: 5px;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-outsiders li .photo span{
    bottom: 5px;
    display: block;
    height: 75px;
    left: 4px;
    position: absolute;
    width: 100px;
}

.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li .photo #hollande{background: url(/includes/cobrand/img/presidentielles/big/HOLLANDE.png) no-repeat scroll left bottom transparent; }
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li .photo #sarkozy{background: url(/includes/cobrand/img/presidentielles/big/SARKOZY.png) no-repeat scroll left bottom transparent; }
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li .photo #lepen{background: url(/includes/cobrand/img/presidentielles/big/LEPEN.png) no-repeat scroll left bottom transparent; }
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li .photo #melenchon{background: url(/includes/cobrand/img/presidentielles/big/MELENCHON.png) no-repeat scroll left bottom transparent; }
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li .photo #bayrou{background: url(/includes/cobrand/img/presidentielles/big/BAYROU.png) no-repeat scroll left bottom transparent; }

.scrutin-presidentielle.tour2 .presidentielle-box .box-outsiders li .photo #hollande{background: url(/includes/cobrand/img/presidentielles/small/HOLLANDE.png) no-repeat scroll left bottom transparent; }
.scrutin-presidentielle.tour2 .presidentielle-box .box-outsiders li .photo #sarkozy{background: url(/includes/cobrand/img/presidentielles/small/SARKOZY.png) no-repeat scroll left bottom transparent; }
.scrutin-presidentielle.tour2 .presidentielle-box .box-outsiders li .photo #lepen{background: url(/includes/cobrand/img/presidentielles/small/LEPEN.png) no-repeat scroll left bottom transparent; }
.scrutin-presidentielle.tour2 .presidentielle-box .box-outsiders li .photo #melenchon{background: url(/includes/cobrand/img/presidentielles/small/MELENCHON.png) no-repeat scroll left bottom transparent; }
.scrutin-presidentielle.tour2 .presidentielle-box .box-outsiders li .photo #bayrou{background: url(/includes/cobrand/img/presidentielles/small/BAYROU.png) no-repeat scroll left bottom transparent; }


.scrutin-presidentielle.tour2 .presidentielle-box .box-outsiders li .photo{
    position: relative;
    display: block;
    margin: 0 10px 7px 3px;

    -moz-box-shadow: 0px 5px 7px 0px #c0c0c0;
    -webkit-box-shadow: 0px 5px 7px 0px #c0c0c0;
    -o-box-shadow: 0px 5px 7px 0px #c0c0c0;
    box-shadow: 0px 5px 7px 0px #c0c0c0;

    border-color: #ccc;
    background-color: #fff;
    height: 85px;
    width: 110px;
    float: left;

    border : 1px solid #ccc\9;
    height: 83px\9;
    width: 108px\9;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li span,
.scrutin-presidentielle.tour2 .presidentielle-box .box-outsiders li span{
    color: #747474;
    font-size: 10px;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li span a,
.scrutin-presidentielle.tour2 .presidentielle-box .box-outsiders li span a{
    color: #747474;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li strong a{
    font-size: 33px;
    /* display: block; */
    padding-top: 5px;
    width: auto;

    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li strong{
    display: block;
    zoom: 1;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li:first-child strong,
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li:first-child strong a{
    font-size: 38px;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li:first-child strong{ padding-top: 0; }
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris li small{ font-size: 30px; }
.scrutin-presidentielle.tour2 .presidentielle-box .box-outsiders li strong{ font-size: 34px; }
.scrutin-presidentielle.tour2 .presidentielle-box .box-outsiders li small{ font-size: 25px; }
.scrutin-presidentielle.tour2 .box-favoris li strong .signe{
    background: url(../images/sprite-p.png) no-repeat scroll left top transparent;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 5px;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris .up {
    background-position: -346px -2px;
    height: 17px;
    width: 16px;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris .down {
    background-position: -376px -3px;
    height: 15px;
    width: 15px;
}
.scrutin-presidentielle.tour2 .presidentielle-box .box-favoris .eq {
    background-position: -5px -148px;
    height: 10px;
    width: 13px;
}

/* Moteur de recherche legislatives */

#regionales-formulaire.search-legislatives {
    background: url("../images/legislatives/logo-legislatives.png") no-repeat scroll 10px 10px #EEEFF7;
}
#regionales-formulaire.search-legislatives label{
    width: 230px;
}
#regionales-formulaire.search-legislatives fieldset.choix{
    width: auto;
    margin: 0 35px 0 20px;
}
#regionales-formulaire.search-legislatives fieldset.choix{ margin-left: 0; }
#regionales-formulaire.search-legislatives fieldset.choix label{
    width: auto;
}

/* Databox Euro 2012 */

#databox .tab li{ padding:0 4px; }
#databox{ padding: 15px; }
#databox p{ margin: 0; }
#databox table{
    width: 280px;
    margin: 0 auto 10px;
}
#overall #databox td{
    padding: 4px;
    background: none;
    border-bottom: 1px solid #CCC;
}
#overall #databox tr{ background: none; }
#databox tr.last-child td,
#databox tr:last-child td{
    border: 0;
}
#databox .equipe1,
#databox .equipe2,
#databox .score{
    text-align: center;
}
#databox .tab ~ div{ display: none; }
#databox .tab + div{ display: block; }

#databox .tab li{
    padding: 0;
}
#databox .tab li a{
    padding: 0 4px;
    height: 20px;
    display: inline-block;
    *display: inline; *zoom: 1;
}
#databox .tab1{
    margin-bottom: 5px;
    border-bottom: 0;
}
#databox .tab1 li,
#databox .tab1 li a,
#databox .tab1 li b{
    border: 0;
    background: none;
}
#databox .tab1 li a{ text-decoration: underline; }
#databox .tab1 li b{ font-weight: normal; }

#databox .tab1 li.current,
#databox .tab1 li.current a,
#databox .tab1 li.current b{
    background: none;
}
#databox .tab1 li.current a{ text-decoration: none; }
#databox .tab1 li.current b{ font-weight: bold; }
#databox .score{ font-size:11px; }
.tab{
    height: 21px;
    border-bottom: 1px solid #CCC;
    margin: 0 0 5px;
    list-style: none;
}
.tab li{
    float: left;
    height: 19px;
    padding: 0 5px;
    margin-left: 2px;
    font: bold 10px/20px verdana, sans-serif;
    border: 1px solid #F0F0F0;
    background: #F0F0F0;
    cursor: pointer;
}
#databox .tab li{ padding:0 4px; }
.tab a{ color: #888; }

/* on */
.tab li.on{
    height: 20px;
    border-color: #CCC;
    border-bottom-color: #FFF;
    background: #FFF;
}
.tab li.on a{ color: #000; }

/* off */
.tab li.off,
.tab li.off a{
    cursor: default;
}
.tab li.off a{ color: #FFF; }

#databox .equipe1{ text-align: right; }
#databox .equipe2{ text-align: left; }

/* DEBUT Assurance April */
/** GLOBAL **/

#aa-global{
    background-color:#CFC8B9;
    font-family:Arial, sans-serif;
    font-size:12px;
    margin:0;
    padding:10px;
}

#aa-content{
    background-color:#FFF;
}

.aa-clear{
    clear:both;
    height:30px;
}


/** HEADER **/

#aa-header{
    /* background-color:#3F3828; */
    color:#FFF;
    height:95px;
}

#aa-logo{
    background: url("../images/assurance-april/logo.png") no-repeat scroll 0 0 transparent;
    box-shadow: 0 3px 5px -2px rgba(51, 51, 51, 0.3);
    float: left;
    height: 111px;
    width: 202px;
}

#aa-textheader{
    display: inline-block;
    font-size:40px;
    margin-left:80px;
    margin-top:22px;
}


/** CONTENU PRINCIPAL **/

#aa-left{
    float:left;
    padding-left:40px;
    padding-right:13px;
    width:647px;
}

#aa-left h1{
    color:#3F3828;
    font-size:26px;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom: 46px; /*41*/
}

#aa-left #date{
    color:#666;
    margin-bottom:25px;
}

#aa-left #main-text{
    color:#3F3828;
    text-align:justify;
}

#aa-left #main-text img{
    float:left;
    margin-right:20px;
}

#aa-left #main-text p{
    line-height:15px;
    margin-bottom:17px;
}

#aa-left #box-encart{
}

#aa-left #box-encart #title{
    background: #afa99b; /* Old browsers */
    background: -moz-linear-gradient(top,  #afa99b 0%, #918b7c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afa99b), color-stop(100%,#918b7c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #afa99b 0%,#918b7c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #afa99b 0%,#918b7c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #afa99b 0%,#918b7c 100%); /* IE10+ */
    background: linear-gradient(top,  #afa99b 0%,#918b7c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afa99b', endColorstr='#918b7c',GradientType=0 ); /* IE6-9 */
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color:#FFF;
    font-size:15px;
    font-weight:bold;
    text-transform:uppercase;
    width:647px;
}

#aa-left #box-encart #title .puce-plus{
    width:33px;
    height:35px;
}

#aa-left #box-encart #title .content{
    background:url("../images/assurance-april/sprites.png") no-repeat 0 -3737px;
    display: inline-block;
    line-height:45px;
    height:45px;
}

#aa-left #box-encart #title .text{
    margin-left:47px;
}

#aa-left #box-encart #main-content{
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color:#F2F2F2;
    height:auto;
    padding:10px;
    width:627px;
}

#aa-left table tr .info{
    color:#6e9700;
    font-weight:bold;
    width:248px;
    padding-right:15px;
    vertical-align: top;
}

#aa-left table tr .info .arrow{
    background: url("../images/assurance-april/sprites.png") no-repeat scroll 0 -2414px transparent;
    display: inline-block;
    float: right;
    height: 8px;
    margin-top: 4px;
    width: 5px;
}

#aa-left table tr td{
    font-size:12px;
    vertical-align: top;
    padding-bottom:3px;
}

#aa-left #aa-navigation{
    /* display: none; */
    display:inline;
    *width:647px;
}

#aa-left #aa-navigation a{
    color:#7b9600;
    font-weight:bold;
}

#aa-left #aa-navigation .left{
    float:left;
}

#aa-left #aa-navigation .left .arrow{
    background: url("../images/assurance-april/sprites.png") no-repeat scroll 0 -2424px transparent;
    display: inline-block;
    float: left;
    height: 8px;
    margin-right: 10px;
    margin-top: 3px;
    width: 5px;
}

#aa-left #aa-navigation .right{
    float:right;
    *text-align:right;
    *padding-right:20px;
}

#aa-left #aa-navigation .right .arrow{
    background: url("../images/assurance-april/sprites.png") no-repeat scroll 0 -2414px transparent;
    display: inline-block;
    /* float: right; */
    height: 8px;
    margin-left: 10px;
    margin-top: 3px;
    width: 5px;
    *position:absolute;
    *margin-right:25px;
    *margin-top:3px;
}

#aa-left #aa-navigation a{
    text-decoration:none;
}
#aa-left #aa-navigation a:hover{
    text-decoration:underline;
}

#aa-left .imp{
    font-weight:bold;
}

#aa-left .imp span{
    font-size:16px;
}

#aa-left a{
    text-decoration:none;
    font-weight:bold;
    color:#7B9600;
}

#aa-left a:hover{ text-decoration:underline; }

#aa-left .cadre{
    border:1px solid #3F3857;
    padding:10px 15px;
    margin-left:250px;
    width:365px;
}

#aa-left ul{
    margin-bottom:10px;
}

#aa-left .cadre ul{ margin:0; }

#aa-left li{
    margin-left:18px;
    list-style:square;
}
/** SIDEBAR **/

#aa-right{
    float:left;
    padding-top:71px;
    padding-right:40px;
    width:234px;
}

#aa-right .btn{
    background: url("../images/assurance-april/sprites.png") no-repeat scroll right -2208px transparent;
    color: #3F3828;
    display:block;
    font-weight: bold;
    height:37px;
    line-height:37px;
    margin-bottom:8px;
    margin-left:9px;
    text-decoration: none;
    width: 225px;
}

#aa-right .btn:hover{
    background: url("../images/assurance-april/sprites.png") no-repeat scroll right -2247px transparent;
    color: #FFF;
}

#aa-right .btn span{
    background: url("../images/assurance-april/sprites.png") no-repeat scroll left -2130px transparent;
    display: block;
    padding-left: 45px;
}

#aa-right .btn:hover span{
    background: url("../images/assurance-april/sprites.png") no-repeat scroll left -2169px transparent;
}
/* FIN Assurance April */

/*  DEBUT BANDEAU FB ET TWITTER   */
.reseau-promo{
    height: 35px;
    margin-bottom: 15px;
    clear: both;
}
.reseau-promo p{
    background-color: #eee;
    margin-bottom: 0;
    height: 35px;
    text-align: center;
    color: #333;
    font: bold 14px/35px arial;
    text-shadow: 0 1px 0 #fff;
}
.reseau-promo p .twit-promo{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 80px;
    height: 20px;
    margin-top: -7px;
    *margin-top: -4px;
    vertical-align: middle;
    background: url("../images/twit-promo.png") repeat-x scroll 0 0 transparent;
}
.reseau-promo p .fb-promo{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 85px;
    height: 20px;
    margin-top: -7px;
    *margin-top: -5px;
    vertical-align: middle;
    background: url("../images/fb-promo.png") repeat-x scroll 0 0 transparent;
}

/* FIN BANDEAU FB ET TWITTER */

/* BLOC CADR'EMPLOI 300px */
#sub-content .annonces-CE{
    margin-bottom: 10px;
}
#box-annonces{
    border: 1px solid #d2d1d0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#sub-content #box-annonces .b-titre{
    background-color: transparent;
    padding: 4px 7px;
    position: relative;
}
#box-annonces .b-titre span{
    font: bold 13px/13px arial;
    color: #009;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
#box-annonces .b-titre p,
#box-annonces .b-titre a{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
#box-annonces .b-titre p{
    margin-left: 30px;
    margin-bottom: 0;
    color: #009;
    font-size: 11px;
}
#box-annonces .b-titre a {
    background: url("../images/cadre-emploi/logo-CE.jpg") no-repeat scroll 0 0 transparent;
    height: 30px;
    margin-top: 2px;
    text-indent: -999em;
    width: 62px;
}
#box-annonces ul{
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    zoom: 1;
}
#box-annonces ul li{
    border-top: 1px solid #d2d1d0;
    padding: 5px 0;
}
#box-annonces ul .zebra{
    background-color: #f0efed;
}
#box-annonces ul .date{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 29%;
    font-size: 10px;
    padding-left: 3%;
}
#box-annonces ul p{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
    width: 65%;
    color: #009;
    text-align: right;
    margin: 0;
    padding-right: 3%;
}
#box-annonces ul .date strong{
    display: block;
    font-weight: normal;
    color: #f93;
}
#box-annonces form{
    padding: 20px 10px;
    position: relative;
    border-top: 1px solid #d2d1d0;
    background-color: #f0efed;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
#box-annonces form .buttonCE{
    width: 104px;
    height: 33px;
    position: absolute;
    right: 10px;
    bottom: 30px;
    *bottom: 35px;
}
#box-annonces form .buttonCE input{
    width: 104px;
    height: 33px;
    border: none;
    padding: 0;
    cursor: pointer;
    background: url("../images/cadre-emploi/search-CE.png") no-repeat scroll center center transparent;
}
#box-annonces form .more{
    clear: none;
    margin: 5px 0;
    padding: 0;
    text-align: left;
}
#box-annonces form .more a{
    color: #036;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    background: none;
}
#box-annonces form .more a:before{
    content: " ";
}
#box-annonces form .more a span{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 8px;
    height: 8px;
    *margin-top: -11px;
    background: url("../images/cadre-emploi/select2.png") no-repeat scroll left -29px transparent;
}

/* JEUX CONCOURS */
.jeuxConcours .breadcrumb {
    margin-bottom: 5px;
    color: #838181;
}
.jeuxConcours .breadcrumb li {
    display: inline;
    margin: 0 2px;
}
.jeuxConcours .breadcrumb li a {
    font-size: 11px;
    color: #838181;
    text-transform: uppercase;
    font-family: Arial,sans-serif;
}

.jeuxConcours h1 {
    font-size: 40px;
    color: #ea2924;
    padding-bottom: 8px;
    font-family: 'Times New Roman',sans-serif;
    background: url('http://cdn-lejdd.ladmedia.fr/design/lejdd/images/sep.gif') repeat-x scroll left bottom;
}

.jeuxConcours ul { margin-bottom: 20px; }
.jeuxConcours ul li { margin-top : 25px; }

/* END JEUX CONCOURS */

.sub-node.ads {
    background: none repeat scroll 0 0 #EFEFEF;
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

#tag-content .b-edito.ads {
    background: url("../images/sep.gif") repeat-x scroll left bottom #EFEFEF;
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

#tag-content .b-edito.ads i.sponsor {
    color: #BB0000;
    display: block;
    font-size: 10px;
    font-style: normal;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.sub-node.ads i.sponsor {
    color: #BB0000;
    display: block;
    font-size: 10px;
    font-style: normal;
    margin-bottom: 5px;
    text-transform: uppercase;
}

/* JDD COMMUNICATION */
#main-content.jdd-comm{
    width: 660px;
    padding: 20px 0;
}

#main-content.jdd-comm .comm-head{
    position: relative;
}

#main-content.jdd-comm .comm-head .partenaire{
    position: absolute;
    /*right: 75px; */
    right: 0;
    bottom: 30px;
}

#main-content.jdd-comm .comm-head .partenaireAxa{
    right: 190px;
}

#main-content.jdd-comm .comm-head .partenaire img{
    padding: 5px 10px;
    border: 1px solid #dad9d9;
    background: white;
    position: relative;
    top: 30px;
    margin: 0 0 0 10px;
}

#main-content.jdd-comm .comm-head .partenaireAxa img{
    right: -191px;
    width: 155px; height: 36px;
}

#main-content.jdd-comm .comm-head .partenaire a{ color: #f00; }

#main-content.jdd-comm .toolbar{ right: 0; top: 188px; }

#main-content.jdd-comm #article-header{
    margin: 0 50px 0 20px;
}

#main-content.jdd-comm #article-body{ margin-right: 50px; }

#main-content.jdd-comm #article-related{ margin-left: 20px; }


#main-content.jdd-comm .ligatus-2,
#main-content.jdd-comm .reseau-promo,
#main-content.jdd-comm #ads-google-article,
#main-content.jdd-comm #new-reactions,
#main-content.jdd-comm #ads-google-590,
#main-content.jdd-comm #article-archives{ display: none; }

#main-content.jdd-comm .comm-head + h1{
    font-size: 40px; line-height: 42px;
}

#main-content.jdd-comm p.chapo{
    font-weight: bold;
    color: #ea130e;
    font-size: 14px;
    padding-left: 70px;
    background: transparent url(../images/jdd_communication/arrow-chapo.png) no-repeat left top;
}

#main-content.jdd-comm p.chapolisting{
    font-weight: bold;
    color: #ea130e;
    font-size: 14px;
    padding-left: 70px;
    height:55px;
    background: transparent url(../images/jdd_communication/arrow-chapo.png) no-repeat left top;
}

#main-content.jdd-comm .listing{
    margin-top: 20px;
    padding-top: 1px;
    margin-bottom: 150px;
    background: url("http://cdn2-lejdd.ladmedia.fr/design/lejdd/images/sep.gif") repeat-x right top;
}

#main-content.jdd-comm .listing li{
    display: inline-block;
    *display: inline; *zoom: 1;
    vertical-align: top;
    margin-bottom: -50px;
    position: relative;
}

#main-content.jdd-comm .listing li:first-child{
    margin: 77px 0 20px;
    display: block;
}

#main-content.jdd-comm .listing li.odd{
    margin-left: 20px;
    margin-top: 160px;
}

#main-content.jdd-data .listing li{
    display: inline-block;
    *display: inline; *zoom: 1;
    vertical-align: top;
    position: relative;
}

#main-content.jdd-comm .listing li img{
    padding: 3px;
    background: #fff;
    border: 1px solid #e2e2e2;
    position: relative; z-index: 1;
}

#main-content.jdd-comm .listing li p{
    position: absolute;
    bottom: -57px;
    left: 0px;
    z-index: 2;
    background: none repeat scroll 0% 0% #ECECEC;
    padding: 10px;
    height: 50px;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
}

#main-content.jdd-data .listing li p{
    height: 70px;
    bottom:-74px;
}

#main-content.jdd-comm .listing li p:before{
    content: "";
    position: absolute;
    top: -20px; right: 20px;
    display: inline-block;
    *display: inline; *zoom: 1;
    width: 30px; height: 20px;
    background: transparent url("../images/jdd_communication/arrow-top.png") no-repeat;
}

#main-content.jdd-data .listing li
{
    margin-bottom:-30px;
}

#main-content.jdd-data .listing li.odd
{
    margin-top:140px;
}

#main-content.jdd-data .listing li p:before{
    top: -18px;
}

#main-content.jdd-comm .listing li p a:first-child:hover{
    text-decoration: underline;
}

#main-content.jdd-comm .listing li:first-child p,
#main-content.jdd-comm .listing li.odd p{
    bottom: auto; top: -57px;
    text-align: left;
}

#main-content.jdd-data .listing li:first-child p,
#main-content.jdd-data .listing li.odd p{
    top: -77px;
}

#main-content.jdd-comm .listing li:first-child p::before,
#main-content.jdd-comm .listing li.odd p::before{
    right: auto; left: 20px;
    top: auto; bottom: -20px;
    background-image: url(../images/jdd_communication/arrow-bot.png);
}

#main-content.jdd-comm .listing li p b{ color: #f00; font-weight: normal; }

#main-content.jdd-data .listing li p
{
    padding:13px 120px 10px 10px;
}

#main-content.jdd-data .listing .odd p
{
    padding:13px 10px 10px 120px;
}

#main-content.jdd-data .listing li:first-child p
{
    width:659px;
    padding-left:120px;
}

#main-content.jdd-data .listing .odd:first-child
{
    margin-top:80px;
}

#main-content.jdd-data .listing li .cat {
    position:absolute;
    top:10px;
    right:10px;
    width:100px;
    height:20px;
    line-height:20px;
    color:#7d7f82;
    font-family: arial;
    font-size:10px;
    text-align:center;
    text-transform: uppercase;
    background:#fff;
}

#main-content.jdd-data .listing li:first-child .cat,
#main-content.jdd-data .listing .odd .cat{
    right:auto;
    left:10px;
}

#main-content.jdd-comm .jddlisting{
    margin-top: -10px;
    padding-top: 1px;
    margin-bottom: 150px;
    background: url("http://cdn2-lejdd.ladmedia.fr/design/lejdd/images/sep.gif") repeat-x right top;
}

#main-content.jdd-comm .jddlisting li{
    *display: inline; *zoom: 1;
    vertical-align: top;
    display: block;
    margin: 50px 0 0;
    position: relative;
}

#main-content.jdd-comm .jddlisting li.odd{
    margin-left: 20px;
    margin-top: 160px;
}

#main-content.jdd-comm .jddlisting li img{
    padding: 3px;
    background: #fff;
    border: 1px solid #e2e2e2;
    position: relative; z-index: 1;
}

#main-content.jdd-comm .jddlisting li p{
    position: absolute;
    bottom: -57px; left: 0;
    z-index: 0;
    background: #ececec;
    padding: 10px;
    height: 75px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    line-height:45px;
    left: 0px;
    top: auto;
    bottom: -30px;
}

#main-content.jdd-comm .jddlisting li p::before{
    content: "";
    position: absolute;
    top: -20px; right: 20px;
    display: inline-block;
    *display: inline; *zoom: 1;
    width: 30px; height: 20px;
    background: transparent url("../images/jdd_communication/arrow-top.png") no-repeat;
}

#main-content.jdd-comm .jddlisting li p a:first-child:hover{
    text-decoration: underline;
}

#main-content.jdd-comm .jddlisting li.odd p::before{
    right: auto; left: 20px;
    top: auto; bottom: -20px;
    background-image: url(../images/jdd_communication/arrow-bot.png);
}

#main-content.jdd-comm div.title{
    font-size: 20px;
    line-height: 40px;
    color: #000;
    background: url("http://cdn2-lejdd.ladmedia.fr/design/lejdd/images/sep.gif") repeat-x right bottom;
}

#main-content.jdd-comm ul.archives{
    padding: 8px 0 12px;
    background: url("http://cdn2-lejdd.ladmedia.fr/design/lejdd/images/sep.gif") repeat-x right bottom;
}

#main-content.jdd-comm ul.archives li{
    display: inline-block;
    *display: inline; *zoom: 1;
    width: 50%;
    padding: 5px 0;
}

#main-content.jdd-comm ul.archives li a{
    color: #818181;
    padding-left: 20px;
    background: url("../images/jdd_communication/arrow-right-red.png") no-repeat left 1px;
}

#main-content.jdd-comm ul.archives li a:hover{ text-decoration: underline; }

/* DIGITEKA */
#ultimedia_wrapper{ margin: 10px 0 20px 0; }
#main-content .titre{
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 -10px 8px;
}

/** CONTACT **/
#main-content .g-recaptcha{
    margin: 0 0 50px 118px;
}

/* JDD DATA */
#main-jddata
{
    clear: both;
    padding: 15px 3px 10px;
    background: #FFF;
    overflow:hidden;
}

#main-content.jdddata-content
{
    width:100%;
}

#main-content.jdddata-content .contenu .more_text .content-embed
{
    margin:0 0 0 229px;
}

#main-content.jdd-data .comm-head
{
    position:relative;
    margin-bottom:-10px;
    top:-40px;
}

/*LJDD-245*/
#main-content.jdd-data
{
    padding:13px 0px;
}
/*LJDD-245*/

#main-content.jdd-data .comm-head + h1
{
    width:100%;
    font-size:23px;
    text-align:center;
}

#main-content.jdd-data .listing
{
    background:none;
    margin-top:10px;
}

#main-content.jdd-data .pagination
{
    background:url(http://cdn-lejdd.ladmedia.fr/design/lejdd/images/sep.gif) left top repeat-x;
}

#main-content .bloc_jdddata,
.bloc_jdddata div
{
    float:left;
    display:block;
    width:100%;
}

#main-content .bloc_jdddata .comm-head
{
    margin: 0px 0px 10px;
    position: relative;
    top: -40px;
    margin-bottom: -10px;
}

#main-content .bloc_jdddata .comm-head img
{
    display:block;
}

#main-content .bloc_jdddata .breadcrumbs
{
    margin:0 0 30px 0;
}

#main-content .bloc_jdddata .breadcrumbs ul
{
    float:left;
    display:block;
    width:100%;
}

#main-content .bloc_jdddata .breadcrumbs ul li
{
    display:inline-block;
    font-size:13px;
    font-weight:bold;
}

#main-content .bloc_jdddata .breadcrumbs ul li:before
{
    display:inline-block;
    font-weight:normal;
    padding:0 5px;
    content:"/";
}

#main-content .bloc_jdddata .breadcrumbs ul li:first-child:before
{
    display:none;
}

#main-content .bloc_jdddata .breadcrumbs ul li a
{
    font-weight:normal;
}

#main-content .bloc_jdddata .entete
{
    position:relative;
    width:850px;
    background:#ececec;
    margin:0 0 7px 0;
    padding:10px 10px 10px 120px;
}

#main-content .bloc_jdddata .entete:before
{
    position:absolute;
    left:20px;
    bottom:-20px;
    width:30px;
    height:20px;
    background: url(../images/jdd_communication/arrow-bot.png) left top no-repeat;
    content:"";
}

#main-content .bloc_jdddata .enteteL:before
{
    display:none;
}

#main-content .bloc_jdddata .cat
{
    position:absolute;
    top:10px;
    left:10px;
    width:100px;
    height:20px;
    line-height:20px;
    color:#7d7f82;
    font-family:arial;
    font-size:10px;
    text-transform:uppercase;
    text-align:center;
    background:#fff;
    margin:0 10px 0 0;
}

#main-content .bloc_jdddata .titre
{
    font-size:30px;
    font-weight:bold;
    margin:-3px 0 10px 0;
}

#main-content .bloc_jdddata .titre h1
{
    font-size:30px;
}

#main-content .bloc_jdddata .chapo
{
    font-size:13px;
    font-weight:bold;
    margin:0 0 20px 0;
}

#main-content .bloc_jdddata .media
{
    width:972px;
    border:1px solid #e2e2e2;
    padding:3px;
}

#main-content .bloc_jdddata .media img,
#main-content .bloc_jdddata .media object,
#main-content .bloc_jdddata .media embed,
#main-content .bloc_jdddata .media iframe
{
    display:block;
}

#main-content .bloc_jdddata .media a
{
    color:#059 !important;
}

#main-content .bloc_jdddata .contenu
{
    font-size:13px;
    background:url(http://cdn-lejdd.ladmedia.fr/design/lejdd/images/sep.gif) left bottom repeat-x;
    margin:40px 0 20px 0;
    padding:0 0 20px 0;
}

#main-content .bloc_jdddata .contenu .more_text h4
{
    padding:5px 0 5px 0;
}

#main-content .bloc_jdddata .contenu a
{
    color:red;
}

#main-content .bloc_jdddata .contenu p
{
    margin:0px 0px 10px;
    text-align:justify;
}

#main-content .bloc_jdddata .contenu h1,h2,h3,h4,h5
{
    fony-family:Arial,sans-serif;
    font:bold 1.6em/1em Arial;
}

#main-content .bloc_jdddata .contenu .node
{
    border-color:#CAC7C8;
    width:25%;
    /*margin:25px 0 0 0; => LJDD-262*/
    margin:-10px 0 0 0;
}

#main-content .bloc_jdddata .contenu .node .related a
{
    color:#059;
}

#main-content .bloc_jdddata .sharebox
{
    width:auto;
    padding-top:25px;
}

#main-content .bloc_jdddata .sharebox div
{
    float:none;
    display:inline-block;
    width:auto;
    height:30px;
    vertical-align:middle;
    margin:0 3px 0 0;
}

#main-content .bloc_jdddata .sharebox #twitter-widget-0
{
    border:0;
    margin:0;
}

#main-content .bloc_jdddata .infos
{
    float:right;
    width:auto;
    text-align:right;
    margin:10px 0 0 0;
}

#main-content .bloc_jdddata .infos .auteur
{
    font-size:11px;
}

#main-content .bloc_jdddata .infos .twitter
{
    margin:2px 0;
}

#main-content .bloc_jdddata .infos .date
{
    color:#898989;
    font-size:0.85em;
}

/* PAGE ABONNEMENT */

#main-content .bloc_abonnement {
width:590px;
margin-left:40px;
}

#main-content .bloc_abonnement .abonnement_entete
{
position:relative;
height:405px;
}

#main-content .bloc_abonnement .abonnement_entete:before {
position:absolute;
bottom:0;
left:0;
width:100%;
height:172px;
background:#e31b23;
content:"";
}

#main-content .bloc_abonnement .abonnement_entete .visuel
{
float:left;
width:209px;
height:395px;
overflow:hidden;
margin:0 20px 0 24px;
}

#main-content .bloc_abonnement .abonnement_entete .visuel .infos {
font-size:18px;
font-weight:700;
text-tranform:uppercase;
margin-bottom:5px;
}

#main-content .bloc_abonnement .abonnement_entete .visuel .visuel_cnt
{
position:relative;
}

#main-content .bloc_abonnement .abonnement_entete .visuel .visuel_cnt:after {
position:absolute;
top:100%;
left:0;
width:100%;
height:78px;
background: linear-gradient(to bottom, rgba(227,27,35,0), rgba(227,27,35,1));
content:"";
}

#main-content .bloc_abonnement .abonnement_entete .visuel img {
border:1px solid #c5c5c5;
}

#main-content .bloc_abonnement .abonnement_entete .visuel .reflet {
position:absolute;
top:100%;
left:0;
border:0;
transform:rotateX(180deg);
opacity:0.3;
}

#main-content .bloc_abonnement .abonnement_entete .bloc_titre {
position:relative;
float:left;
width:318px;
color:#fff;
font-size:30px;
font-weight:700;
background:url(/design/lejdd/images/bg-abonnement.jpg) left top no-repeat;
margin-top:27px;
padding-top:225px;
}

#main-content .bloc_abonnement .abonnement_cnt {
position:relative;
top:-54px;
border:2px solid #e31b23;
border-top:0;
text-align:center;
}

#main-content .bloc_abonnement .abonnement_vp {
position:relative;
display:inline-block;
width:250px;
background:#fff;
border-radius:9px;
box-shadow:0 0 5px #e7e7e7;
margin:0 10px;
padding:15px 0 161px 0;
}

#main-content .bloc_abonnement .abonnement_vp:before {
position:absolute;
bottom:0;
left:0;
width:250px;
height:133px;
background:url(/design/lejdd/images/bg-abonnement-vp.png) left top no-repeat;
content:"";
}

#main-content .bloc_abonnement .abonnement_vp.hidf:before {
background-position:left -133px;
}

#main-content .bloc_abonnement .abonnement_titre {
font-size:20px;
font-weight:700;
margin-bottom:10px;
}

#main-content .bloc_abonnement .abonnement_titre span {
color:#898989;
}

#main-content .bloc_abonnement .abonnement_vp .abonnement_titre span {
display:block;
}

#main-content .bloc_abonnement .abonnement_vn
{
margin:60px 0;
}

#main-content .bloc_abonnement .btn {
position:relative;
display:inline-block;
width:178px;
height:38px;
line-height:38px;
font-size:13px;
font-weight:700;
text-align:center;
text-transform:uppercase;
background:#f6df09;
border-radius:4px;
}

#main-content .bloc_abonnement .btn:after {
position:absolute;
top:30px;
left:0;
right:0;
width:44px;
height:61px;
background:url(/design/lejdd/images/picto-btn-abonnement.png) left -47px no-repeat;
margin:0 auto;
content:"";
}

    /* HEADER */

#header * {
    box-sizing: border-box;
}
#header {
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    margin-bottom: 25px;
}
#header a,
#header span._NOL {
    color: #000;
}
#header .container {
    position:relative;
    width:1000px;
    margin:0 auto;
}
#header .nav-top {
    height: 92px;
}
#header .nav-top .logo {
    float: left;
    width: 30%;
    height: 92px;
    text-align: right;
    padding: 12px 135px 0 0;
}
#header .nav-top .abonnement {
    float:right;
}
#header .nav-top .abonnement .texte {
    float:left;
    background:url(/design/lejdd/images/logo-lejdd-abonnement.png) left 10px no-repeat;
    padding-top:45px;
    margin-right:10px;
}
#header .nav-top .abonnement .visuel {
    float:left;
    border:1px solid #cfcfcf;
    box-shadow: 0px 0px 3px 0px #cfcfcf;
    margin-top:2px;
}
#header .nav-top .abonnement .btn {
    position:relative;
    float:left;
    display:block;
    width:104px;
    height:20px;
    line-height:20px;
    color:#fff;
    font-size:11px;
    font-weight:600;
    text-align:center;
    text-transform:uppercase;
    background:#f40000;
}
#header .nav-top .abonnement .btn:after {
    position:absolute;
    top:17px;
    left:0;
    right:0;
    width:33px;
    height:46px;
    background:url(/design/lejdd/images/picto-btn-abonnement.png) left top no-repeat;
    margin:0 auto;
    content:"";
}
#header .nav-bottom {
    background:#ebebeb;
}
#header .nav-bottom .container {
    position:static;
}
#header .nav-bottom .dropdown {
    display: inline-block;
    margin: 0;
    position: static;
    vertical-align: top;
}
#header .nav-bottom .dropdown > a,
#header .nav-bottom .dropdown > span._NOL {
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    color: #000;
    padding: 14px 0;
    margin: 0 10px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
#header .nav-bottom .dropdown .category-overlay {
    background: #f40000;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 9998;
}
#header .nav-bottom .dropdown.lightcolor a,
#header .nav-bottom .dropdown.lightcolor span._NOL {
    color: #ff0000;
}
#header .nav-bottom .dropdown .dropdown-menu {
    display:none;
}
#header .nav-bottom .dropdown:hover .dropdown-menu {
    display: block;
}
#header .nav-bottom .dropdown.active > a:after,
#header .nav-bottom .dropdown:hover > a:after,
#header .nav-bottom .dropdown.active > span._NOL:after,
#header .nav-bottom .dropdown:hover > span._NOL:after {
    background: #f40000;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    width: 100%;
}
#header .nav-bottom .dropdown + .lightcolor:hover > a:after,
#header .nav-bottom .dropdown + .lightcolor:hover > span._NOL:after {
    background: #ff0000;
}
#header .nav-bottom .dropdown .cnt {
    position: relative;
    margin: 0 auto;
    max-width: 970px;
}
#header .nav-bottom .dropdown .cnt ul {
    font-weight: normal;
    font-size: 1.143em;
    list-style: none;
    margin: 0;
    padding: 0;
}
#header .nav-bottom .dropdown .cnt ul li {
    color: #fff;
    display: inline-block;
    padding: 0;
    margin: 0;
}
#header .nav-bottom .dropdown .cnt ul li a{
    display: block;
    color: #fff;
    font-size: 12px;
    padding: 12px 10px 11px 10px;
}
#header .nav-bottom .dropdown .cnt ul li a:hover,
#header .nav-bottom .dropdown .cnt ul li span._NOL:hover {
    background: #b90205;
    text-decoration: none;
}
#header .nav-bottom .dropdown .cnt .more a,
#header .nav-bottom .dropdown .cnt .more span._NOL {
    color: #fff;
}
#header .nav-bottom .dropdown .cnt .more a:after,
#header .nav-bottom .dropdown .cnt .more span._NOL:after {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    padding: 0 5px;
    border-radius: 50%;
    border: 2px solid #fff;
    content: "+";
    margin: 0 0 0 5px;
}
#header .nav-bottom .dropdown .cnt .more a:hover,
#header .nav-bottom .dropdown .cnt .more span._NOL:hover {
    text-decoration: none;
}
#header .nav-bottom .glyphicon {
    color: #585f6f;
    cursor: pointer;
    font-size: 1.2em;
    padding:10px;
}
#header .tools {
    height: 28px;
    background: #1c1c1c;
}
#header .tools .container {
    background: none;
}
#header .tools .container .more {
    float:right;
    height:28px;
}
#header .tools .container .links {
    float:left;
    font-weight:300;
}
#header .tools .container ul li {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    line-height: 28px;
    text-transform: uppercase;
}
#header .tools .container ul li a,
#header .tools .container ul li span._NOL {
    color: #fff;
    display: inline-block;
    padding: 0 10px;
}
#header .tools .container ul li a:hover,
#header .tools .container ul li span._NOL:hover {
    background: #f40000;
    text-decoration: none;
}
#header .tools .container ul .item_l a,
#header .tools .container ul .item_l span._NOL {
    color: #c0c0c0;
}
#header .tools .container .social,
#header .tools .container .social li {
    float:left;
}
#header .tools .container .social li a {
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    border-right: 1px solid #404040;
    padding:0 15px;
}
#header .tools .container .social li:first-child a {
    border-left: 1px solid #404040;
}
#header .tools .container .identification {
    float:left;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    cursor: pointer;
    padding: 0 15px;
}
#header .tools .container .identification:hover {
    background: #f40000;
}
#header .tools .container .identification a,
#header .tools .container .identification span._NOL {
    color: #fff;
}
#header .tools .container .identification a:hover,
#header .tools .container .identification span._NOL:hover {
    text-decoration: none;
}
#header .tools .container .identification .login {
    display:block;
    margin-top:5px;
}
#header .tools .container .identification .logout {
    display: none;
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 10px;
    font-weight: 700;
    margin-top: 5px;
}
#header .tools .container .identification .logout:before {
    font-size: 16px;
    margin-right: 15px;
    font-family: 'Icons' !important;
}
#header .tools .container .identification .logout .icon-Fermer_deconnexion {
    color: #8c8c8c;
    margin-left: 40px;
}
#header .tools .container .identification_logout .login {
    display: none;
}
#header .tools .container .identification_logout .logout {
    display: block;
}
#header .tools .container .identification_logout:hover {
    background: none;
    cursor: default;
}
#header .tools .container .search {
    display:inline-block;
    color: #fff;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    cursor: pointer;
    border-left: 1px  solid #404040;
    border-right: 1px solid #404040;
    padding: 0 15px;
}
#header .tools .container .search:hover {
    background: #f40000;
}

/* FOOTER */

#footer * {
    box-sizing: border-box;
}
footer#footer {
    padding:0;
}
#footer {
    font-family: 'Open Sans', sans-serif;
    background: #fff;
}
#footer .container {
    width:1000px;
    margin:0 auto;
}
#footer .footer-top {
    height:112px;
    border-top:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb;
    background:#ebebeb;
}
#footer .footer-top .logo {
    position:relative;
    float:left;
    width:180px;
    height:110px;
    background:#fff;
    padding-top:29px;
}
#footer .footer-top .logo:before {
    position:absolute;
    top:0;
    right:100%;
    width:100%;
    height:110px;
    background:#fff;
    content:"";
}
#footer .footer-top .logo img  {
    width:118px;
    height:49px;
}
#footer .footer-top .abonnement {
    position:relative;
    float:left;
    width:820px;
    height:110px;
    padding:3px 0 0 145px;
}
#footer .footer-top .abonnement:before {
    position:absolute;
    top:0;
    left:0;
    width:0;
    border-left:30px solid #fff;
    border-top:55px solid transparent;
    border-bottom:55px solid transparent;
    content:"";
}
#footer .footer-top .abonnement .titre {
    float:left;
    width:230px;
    font-size:18px;
    font-weight:700;
    text-align:right;
    text-transform:uppercase;
    margin-top:30px;
}
#footer .footer-top .abonnement .cnt {
    float:left;
    width:441px;
}
#footer .footer-top .abonnement .btn {
    position:relative;
    float:left;
    display:block;
    width:120px;
    height:27px;
    line-height:27px;
    font-size:16px;
    font-weight:600;
    text-align:center;
    text-transform:uppercase;
    margin:27px 15px 0 15px;
}
#footer .footer-top .abonnement .btn:after {
    position:absolute;
    top:23px;
    left:0;
    right:0;
    width:33px;
    height:46px;
    background:url(/design/lejdd/images/picto-btn-abonnement.png) left top no-repeat;
    margin:0 auto;
    content:"";
}
#footer .footer-top .abonnement .btn-achat {
    color:#fff;
    background:#f40000;
}
#footer .footer-top .abonnement .btn.btn-abonnement {
    background:#f6df09;
    margin-right:0;
}
#footer .footer-top .abonnement .visuel {
    float:left;
}
#footer .footer-bottom {
    padding-top:20px;
}
#footer .footer-bottom .links {
    margin-bottom:35px;
}

#footer .footer-bottom .links ul {
    float:left;
    border-left:1px solid #ccc;
    padding-left:20px;
    margin-left:20px;
}
#footer .footer-bottom .links ul:first-child {
    margin:0;
    padding:0;
    border:0;
}
#footer .footer-bottom .links ul li {
    color:#585f6f;
    font-size:11px;
    margin-top:10px;
}
#footer .footer-bottom .links ul li:first-child {
    margin-top:0;
}
#footer .footer-bottom .links ul li:before {
    display:inline-block;
    width: 2px;
    height:2px;
    background:#585f6f;
    margin-right:10px;
    content:"";
}
#footer .footer-bottom .links ul li a {
    color:#585f6f;
}
#footer .footer-bottom .links ul li a:hover {
    text-decoration:underline;
}
#footer .footer-bottom .social {
    float:right;
}
#footer .footer-bottom .social .titre {
    position:relative;
    top:-3px;
    height:30px;
    line-height:30px;
    display:inline-block;
    font-size:12px;
    font-weight:700;
    color:#585f6f;
    text-transform:uppercase;
    margin-right:20px;
}
#footer .footer-bottom .social ul {
    display:inline-block;
}
#footer .footer-bottom .social ul li {
    display:inline-block;
    height:30px;
    line-height:30px;
    color:#585f6f;
    font-size:20px;
    border-right:1px solid #ccc;
    padding:0 15px;
}
#footer .footer-bottom .social ul li:first-child {
    border-left:1px solid #ccc;
}
#footer .footer-bottom .social ul li a {
    color:#585f6f;
}
#footer .footer-bottom .credit {
    float:left;
    width:100%;
    color:#585f6f;
    font-size:11px;
    font-weight:400;
    margin-top:35px;
}
#footer .footer-bottom .ojd {
    float:left;
    width:100%;
    color:#585f6f;
    font-size:11px;
    font-weight:400;
    text-decoration:underline;
    margin-bottom:30px;
}
#footer .footer-bottom .ojd a {
    color:#585f6f;
}

#footer .footer-bottom .ojd a:before {
    position:relative;
    top:7px;
    display:inline-block;
    width:25px;
    height:20px;
    background:url(/design/lejdd/images/logo-ojd.png) left top no-repeat;
    margin-right:5px;
    content:"";
}