
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|Kreon:700);
/*------------------------------------------------------------------------------

[MEDIA:SCREEN] - CCM/Benchmark Framework

Document : Layout CSS
Author   : Damien SYREN

------------------------------------------------------------------------------*/

/*
- GESTION PUB ------------------------------------------------------------------
*/

/* Il faudra faire le menage dans la feuille http://www.linternaute.com/html_externe3/style/publi_info.css */
.publi-info{ margin:0 !important }


/*
- DEFAULT LAYOUT ---------------------------------------------------------------
*/

.body .page{ background:#fff }

.body:after,
.page:after{
    clear:both;
    display:block;
    visibility:hidden;
    overflow:hidden;
    height:0 !important;
    line-height:0;
    font-size:xx-large;
    content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}
.page{
    margin:0 auto;
    width:1000px;
    word-wrap:break-word; /* CSS3 permet de faire des cesure sur les long mots sans espaces */
}


/*/----> GESTION DES LAYOUTS <----/*/

/* 1 colonne centrale */
.tpl_1col .ctCols{float:none; width:100%}
.tpl_1col .main{margin:0; padding:15px}
.tpl_1col .leftCol,
.tpl_1col .rightCol{ display:none }

/* 2 colonnes droite (par defaut) */
.ctCols{float:left; width:670px;}
.leftCol{display:none;float:left;width:190px;}
.rightCol{float:right;width:300px;}

/* 2 colonnes gauche */
.tpl_2cols .ctCols{float:none; width:100%}
.tpl_2cols .main{float:right; width:670px;}
.tpl_2cols .leftCol{display:block;float:left;width:330px;}
.tpl_2cols .rightCol{display:none}

/* 3 colonnes */
.tpl_3cols .main{float:right; width:340px;}
.tpl_3cols .leftCol{display:block; width:330px}


/*
- SKIN LAYOUT ------------------------------------------------------------------
C'est ici qu'on va skinner les elements specifiques aux pages avec des #id.
Ce n'est pas conseiller de skinner tout le site ici car cela est contraire a la
methode OOCSS.
*/

body{    
    background:#fff url(../img/bg_skin.jpg) repeat-x 0 0 fixed;
    overflow:hidden;
}
.head .page{ position:relative }
.head .size3of4{ width: 620px} /* pour laisser le + de place possible a l'affichage du pseudo' */
.head .size1of4{ white-space: nowrap; width: auto; float: none; height: 46px; overflow: hidden\9; /*hack ie*/ } /* pour empecher le passage a la ligne */

/* hack Opera */ 
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
    .head .size1of4 { overflow: hidden }	  
}
.head .searchMod{
    position:relative;
    top:-2px;
}
.ie7 .head .searchMod{
    margin-top:7px
}
.head .searchMod .search{ border:1px solid #5e5e5e;font-size:16px; }
.head .txtR{ _padding-top:12px; color:#fff }

/* header et footer externe pour la regie */
.headExt{
    position:relative;
    width:100%;
    height:46px;
    line-height:46px;
    top:0;
    left:0;
    border-bottom:solid 1px #e2e2de;
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */    
    z-index:100;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,.2);
    -moz-box-shadow:0 0 5px rgba(0,0,0,.2);
    box-shadow:0 0 5px rgba(0,0,0,.2);
    *zoom:1;
}
.headExt .logo,
.foot .logo{ float:left; margin:10px 6px 0 0 }
.headExt .logoC,
.foot .logoC{ float:left; margin:12px 20px 0 0 }
.headExt .logo img,
.headExt .logoC img{ display:block }
.foot.footExt{ padding-top:20px }

/*
- SERVICES ---------------------------------------------------------------------
*/

.services{
    margin:0;
    padding:20px 0;
    width:960px;
    overflow: hidden;
    position: relative;    
}
.services ul{position:relative;display:block}
.services li{width:235px;}
.srvS{
    position:relative;
    background:url(../img/chaines_sprite_services.jpg?4) no-repeat 0 25px;
    border-right:0 none;
    float:left;
    width:235px;height:160px;
    font-size:20px;font-weight:bold;text-align:center;    
}
.srvS a{position:relative; display:block; height:160px; color:#303030 }
.srvS a:hover{color:#303030}
/*
* .srv1 = petites annonces / Guide des musees
* .srv2 = forums / Quiz
* .srv3 = cote auto
* .srv4 = guide des vins
* .srv5 = (timbre)
* .srv6 = itineraires et plans
* .srv7 = agenda
* .srv8 = appel a temoin
* .srv9 = seances cinema
* .srv10 = sondage
* .srv11 = restaurants
* .srv12 = radar
* .srv13 = achat neuf (auto)
* .srv14 = assurance
* .srv15 = covoiturage
* .srv16 = programme TV
* .srv17 = petites annonces auto
*/
.srv1{ background-position:0 10px }
.srv2{ background-position:0 -160px }
.srv3{ background-position:0 -320px }
.srv4{ background-position:0 -480px }
.srv5{ background-position:0 -640px }
.srv6{ background-position:0 -800px }
.srv7{ background-position:0 -960px }
.srv8{ background-position:0 -1120px }
.srv9{ background-position:0 -1280px }
.srv10{ background-position:0 -1440px }
.srv11{ background-position:0 -1600px }
.srv12{ background-position:0 -1760px }
.srv13{ background-position:0 -1920px }
.srv14{ background-position:0 -2080px }
.srv15{ background-position:0 -2240px }
.srv16{ background-position:0 -2400px }
.srv17{ background-position:0 -2560px }

.services .prevBtn {left:0  }
.services .nextBtn {right:0 }

/* footer */
.foot{
    position:relative;
    padding:0 0 20px;
    border-top:4px solid #151515;
    background:#000;
}
.foot .page {
    padding: 0;
    width: 1000px;
}
.foot label{ color:#9f9f9f }
.foot1{ padding:10px 20px 20px; margin-bottom:20px; border-bottom:1px solid #4d4d4d }
.foot2{ text-align:center;border-top:0 none;padding:0 }
.foot2 a,
.foot2 span{ color:#9f9f9f; margin:0 8px; font-size:12px; }
.foot2 a:hover{color:#9f9f9f}
.foot2 span{ margin:0 }

/* glossaire version footer */
.foot .glossary a{color:#202020;margin:5px}
.foot .glossary a:hover,
.foot .glossary a:focus,
.foot .glossary a.selected{color:#202020;margin:1px 4px;}

.foot .searchMod .submit{ background-position:0 -130px;right:-1px }
.foot .searchMod .submit:hover,
.foot .searchMod .submit:focus{ background-position:0 -163px }
.foot .searchMod .submit:active{ background-position:0 -196px }
/*------------------------------------------------------------------------------

[MEDIA:SCREEN/PRINT] - CCM/Benchmark Framework

Document : Content CSS
Author   : Damien SYREN

- Macro typographie -
http://www.slideshare.net/Mitternacht/la-macrotypographie-de-la-page-web-5499736

------------------------------------------------------------------------------*/

/* default heading */
/* www.aestheticallyloyal.com/public/optimize-legibility/ */
h1, h2, h3, h4, h5, h6{ font-weight:bold; text-rendering:optimizeLegibility; }

/* surlignage */
::selection         { background:#005195; color:#fff; /* Safari and Opera */ }
::-moz-selection    { background:#005195; color:#fff; /* Firefox */ }

/* elements */
em,.em          { font-style:normal; color:#747e87 }
strong,.strong  { font-weight:bold }
code,pre        { color:#0B8C8F }
sup             { color:#999; font-weight:normal; font-size:70% }
cite            { display:block; text-align:right; padding-top: 10px }
ins             { background-color:#ff9; color:#000; text-decoration:none }
mark            { background-color:#ff9; color:#000; font-style:italic; font-weight:bold }
del             { text-decoration: line-through }
abbr[title],
dfn[title]      { border-bottom:1px dotted #000; cursor:help }
blockquote      { color:#a21460; margin:0 30px; text-indent:-21px; *text-indent:0 }
blockquote:before{ content:"\201C"; font-size:30px; font-weight:bold; line-height:0 }  /* http://www.ascii.cl/htmlcodes.htm */
blockquote:after{  content:"\201E"; font-size:30px; font-weight:bold; line-height:0 }  /* http://www.ascii.cl/htmlcodes.htm */

/* liens */
a{ color:#005195; text-decoration:none }
a:hover, a:focus{ text-decoration:underline; cursor:pointer; color:#005195 }

/*
- TYPOGRAPHIC SKIN ------------------------------------------------------------------
*/


/* .h1-.h6 doivent etre utiliser de maniere semantiques */
h1, .h1{ font-size: 28px }
h2, .h2{ font-size: 24px }
h3, .h3{ font-size: 22px;font-weight: normal }
h4, .h4{ font-size: 18px;text-transform: none }
h5, .h5{ font-size: 16px }
h6, .h6{ font-size: 14px;font-weight: normal }
h7, .h7{ font-size: 20px; text-transform: uppercase } /* pour les titres de rubrique */
h1,h2,h3,h4,h5,h6,h7{ line-height: normal }


/*
- LISTS SKIN -------------------------------------------------------------------
- précéder toutes les list par l'identifiant du site : .linter_nomClass
*/

.inlineList li{ display: inline-block; *display:inline;}

.list1 li { margin-bottom: 5px; }
.list2 li {
    float: left;
    margin: 5px 10px 5px 0;
    width: 145px;
}
ul.list3 li{ list-style-type:none; margin:0 0 10px; padding-left:15px; background:url(../img/list_style_image1.png) 0 6px no-repeat }
.list4 li{ margin-bottom:15px }

.listL25 li{ float:left; width:25%; }
.listL50 li{ float:left; width:50%; }

.miniList li{ list-style-type:disc; padding-bottom:5px }
.simpleList3 li{ padding-bottom:3px }
.simpleList5 li{ padding-bottom:5px }

/*
- TABLES SKIN ------------------------------------------------------------------
*/

.data{
    position:relative;
    vertical-align:top;
    *zoom:1;
}
.data table{
    width:100%;
    border:1px solid #ccc;
}
.data thead tr{ background-color:#dfedf7 }
.data th,
.data td{ padding:3px 20px }
.data th{ color: #000; font-weight:bold }
.data th,.data td{ vertical-align:top; border:1px solid #ccc }

/*
- IMAGES ------------------------------------------------------------------
*/

/* image en inline */
.imgS1,
.imgS2,
.imgS3,
.imgS4{
    background:#fff;
    border:1px solid #ccc;
    padding:1px;
}
.imgS2{ padding:2px }
.imgS3{ padding:3px }
.imgS4{ padding:4px }

a:hover .imgS1,
a:hover .imgS2,
a:hover .imgS3,
a.imgS1:hover,
a.imgS2:hover,
a.imgS3:hover{
    border-color:#C00418;
}


a.wrapper:hover .imgS1,
a.wrapper:hover .imgS2,
a.wrapper:hover .imgS3{
    border-color:#ccc;
}
.imgMax75 {
    max-width: 75px;
}

/*
- SEPARATEURS ------------------------------------------------------------------
*/

/* separateur pointille */
.separ1{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #ccc;
}
.separ2{
    margin-right:10px;
    padding-right:10px;
    border-right:1px solid #ccc;
}
.separ3{ border-left:1px solid #fff }
.separ4{ border-bottom:1px dotted #999 }
.separ5{ border-top:1px dotted #999 }
.separ6{
    margin-left:10px;
    padding-left:10px;
    border-left:1px solid #ccc;
}
.separ7{ border-right:1px dotted #999 }
.separ8{ border-bottom:1px solid #999 }
.separ9{ border-bottom: 3px solid #303030 }
.separ10{ border-bottom:1px solid #d5d5d5 }
.separ11{ border-right:1px solid #ccc }
.separ12{ border-left:1px solid #dcdcdc }
.separ13{ border-bottom:1px solid #d8d8d8 }/* pour titres rubriques */
    .separ13 h2{margin-bottom:-4px}
    .separ13 span{ background-color:#fff; } 
    .ie7 .separ13 span{ display:inline;vertical-align:middle;zoom:1 }
    .separ13 .prev,
    .separ13 .next{background-color:#fff;position:absolute;bottom:-4px}
    .separ13 .prev{left:0}
    .separ13 .next{right:0}
.separ14{ border-right:1px solid #dcdcdc }
.separ15{ border-bottom:1px dotted #d8d8d8 }/* pour titres sous-rubriques */
    .separ15 h2{margin-bottom:-4px}
    .separ15 span{ background-color:#fff; }

/* separateur pagination */
.pagination a{ border-left:1px solid #ccc; padding:0 6px 0 8px }
.pagination a:first-child{ border-left:none }

/*
- EDITO ------------------------------------------------------------------------
*/
.edito h1, .edito h2,.edito .h1, .edito .h2,.edito h3,.edito .h3,.edito h4,.edito .h4 {margin-bottom:20px;text-transform: none;font-weight:bold;display:block}
.edito h2,.edito .h2 {
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #ddd;
    /* Ne pas supprimer. Pour le cas de figure ou le titre remonte et habille le bloc Auteur.
    Permet au filet de ne pas se poursuivre derriere le bloc Auteur. */
    overflow: hidden;
}
.edito p{ margin-bottom: 30px}
.edito blockquote{
    color: #A21460;
    margin: 0 30px 15px 30px;
    position: relative;
    text-indent: -21px;
}
.edito ul,
.edito .simpleList {
    margin-bottom: 15px;
}
.edito ul li,
.edito .simpleList li {
    color: #333;
    /*padding-bottom: 15px;*/
    margin-bottom:0;
    list-style-position: inside;
}
.squareList li {
    list-style: outside square;
    margin-left: 15px;
    color: #be2323;
}
.insidePos { list-style-position: inside; }
.edito pre,
.edito .pre{
    color:#BE2323;
    font:normal 13px/22px Courier, cursive;
    background-color:#F1EFE8;
    margin-bottom:30px;padding:10px;
}

/*
- EDITORIAL CONTENT ------------------------------------------------------------
* fil d'ariane, titres, bloc image
* légende, bloc vidéo
* flash, foliotage, tableaux, exergue, etc.
*/

.editorialContent .fluid1of3 {width: 33.3333%}
.editorialContent .fluid2of3 {width: 66.6667%}

.editorialTitle{text-align:center}
.editorialSelection .editorialTitle{text-align:left}
.editorialContent .editorialTitle em{
    color: #747E87;font-size:13px;font-style:normal;
    display:block;
    margin-top: -10px;
}

.editorialContent h1, .editorialContent h2, .editorialContent h3,
.editorialContent h4, .editorialContent h5, .editorialContent h6,
.editorialContent ul, .editorialContent ol, .editorialContent dl,
.editorialContent p, .editorialContent blockquote, .editorialContent pre,
.editorialContent table, .editorialContent address, .editorialContent div.box, .editorialContent .mod {
    margin-bottom: 15px;
}
.editorialContent em,
.editorialContent .em {font-style: italic;color:#333}
.editorialContent h1 em {font-style: normal}
.editorialContent h12, .editorialContent .h12{font-size:18px;margin-bottom:5px;}
.editorialContent .underline {text-decoration: underline}
.editorialContent a.underline:hover,
.editorialContent a.underline:focus,
.editorialContent a.underline:hover {text-decoration: none}
.editorialContent .ft50{font-size:50%}
.editorialContent a,
.editorialContent a.em{color:#005195}
.editorialContent a:focus,
.editorialContent a:hover{color:#005195}
.editorialContent a.gg{color:#333}
.editorialContent a.gg:hover{text-decoration: underline}
.editorialContent a.gg.ud:hover{text-decoration: none}
.editorialContent .separ1{border-bottom: 2px solid #D5D5D5;padding-bottom:5px}
.editorialContent .separ1 a.right{margin-top:5px}
.editorialContent .separ2{border-bottom: 1px solid #CCC;border-right:none;margin-right:0;padding-right:0;padding-bottom:5px}
.editorialContent h4,.editorialContent .h4 {
    color: #333;
    font-size: 20px;
}
.editorialContent  .h9 {
    color: #238DBE;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 0;
    text-transform: uppercase;
}
.editorialContent .h10{
    color: #BE2323;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 0;
    text-transform: uppercase; 
}
.editorialContent .h11{font-size: 18px}
.editorialContent .mod .h11{margin-bottom:5px}

.editorialContent .list1{margin-top:10px}
.editorialContent .list1 li {margin:5px 0}

.editorialContent .list2 li {width:auto}

.editorialContent ul.simpleList li {
    color: #BE2323;
    list-style-type: disc;
    margin-left: 15px;
}
.editorialContent ul.simpleList li a,
.editorialContent ul.simpleList li span {color: #333}
.editorialContent ul.simpleList li a:focus,
.editorialContent ul.simpleList li a:hover{color: #005195}
.editorialContent ul.simpleList li.selected a {color: #BE2323}

.editorialContent blockquote{color:#BE2323}
.editorialContent blockquote.left {
    float: left;
    margin-bottom: 10px;margin-top: 10px;
    width: 30%;
}
.editorialContent blockquote.right {
    float: right;
    margin-bottom: 10px;margin-top: 10px;
    width: 30%;
}
/* tables */
.editorialContent .data{
    position:relative;
    vertical-align:top;
    *zoom:1;
}
.editorialContent .data table{
    width:100%;
    border:1px solid #ccc;
}
.editorialContent .data th,.data td{ vertical-align:top; border:1px solid #ccc }

.editorialContent table { width:100%; }
.editorialContent td { text-align:center; vertical-align:middle;}

.editorialContent #sommaire .module-liste .sommaire-liste{text-align:left}
.editorialContent #sommaire .module-liste .sommaire-liste h4.surtitre-dossier{display:inline;font-size:13px;margin-right:5px;}
.editorialContent #sommaire .module-liste .sommaire-liste .sommaire-liste-date{color:#666}

.editorialContent td .sommaire-dossier{text-align:left}
.editorialContent td .sommaire-dossier h4.surtitre-dossier{font-size:16px;margin:0}
.editorialContent td .image-gauche,
.editorialContent td .sommaire-dossier .soustitre img{float:left;margin:0 10px 10px 0}

.editorialContent #module-diaporama .categorie{text-align:left}
.editorialContent #module-diaporama .categorie .categorie-titre h1{margin-bottom:5px}
.editorialContent #sommaire-diaporama td{vertical-align:top}
.editorialContent #sommaire-diaporama h4.surtitre-diapo{font-size:16px;margin-bottom:5px}
.editorialContent #sommaire-diaporama img{padding:5px}
.editorialContent #sommaire-diaporama p{margin-bottom:5px;padding:0 5px}
.editorialContent #sommaire-diaporama p.date-diapo{font-size:90%;margin-bottom:20px}

.editorialContent table.tab_onglet .tab_gauche{width:0}
.editorialContent table.tab_onglet .tab_droite{border-top: 1px solid #D8D8D8;width: 100%}
.editorialContent table.tab_onglet .tab_centre{padding: 0 10px 0 0;white-space: nowrap;text-transform: uppercase}
.editorialContent table.tab_onglet .tab_centre p{margin:-22px 0 0 0}

.editorialContent table.navigation .navigation-precedent {text-align:left;width:20%}
.editorialContent table.navigation .navigation-suivant {text-align:right;width:20%}
.editorialContent table.navigation .navigation-contexte {font-size:85%;text-align:center;width:60%}
.editorialContent table.navigation a {line-height:25px}
.editorialContent table.navigation #foliotage {margin:0 30px;text-align:center}
.editorialContent table.navigation #foliotage ul {white-space:nowrap}
.editorialContent table.navigation #foliotage li {display: inline;list-style-type: none}
.editorialContent table.navigation #foliotage li.debut {}
.editorialContent table.navigation #foliotage li a {padding:0 4px;text-decoration: none}
.editorialContent table.navigation #foliotage li a.actif {text-decoration: underline}

.editorialContent .data1 table{ width:100% }
.editorialContent .data1 table caption{ font-weight:bold; margin-bottom:10px }
.editorialContent .data1 thead{ font-size:90%; border-bottom:1px solid #efefef }
.editorialContent .data1 thead{ font-weight:bold }
.editorialContent .data1 tfoot td{ font-size:80%; text-align:right }
.editorialContent .data1 td{ padding:8px 5px; text-align:left }
.editorialContent .data1 .odd{ background:#efefef }

.editorialContent .data2 table { width: 100%; font-size:13px}
.editorialContent .data2 td, .data2 th { vertical-align:top; padding:5px}
.editorialContent .data2 td { text-align:right}
.editorialContent .data2 th{ width: 53%; font-weight:bold}
.editorialContent .data2 .odd { background-color: #e7e6e4}

/* boxes */
.editorialContent .box1{
    border:solid 1px #d8d8d8;
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
}

/* widgets */
.editorialContent .fb_edge_widget_with_comment {
    position: relative;
}
.editorialContent .fb_iframe_widget {
    display: inline-block;
    position: relative;
}
.editorialContent iframe{display:inline}

/* icones */
.editorialContent .defilant .icoZoom {
    background: url("http://r.linter.fr/femmes/image/habillage/framework/icoZoom.png") no-repeat 0 0;
    bottom: 5px;
    display: block;
    left: 5px;
    position: absolute;
    height: 20px;width: 26px;
}
.editorialContent .chevron {
    background: none;
    padding-left: 0;
}
.editorialContent .chevron:before{
    content:"> ";
}
/* boutons */
.editorialContent .buttonM-P{
    color:#fff;
    border:1px solid #a01212;
    background: #FD7272; /* old browsers */
    background: -moz-linear-gradient(top, #FD7272 0%, #E55757 1%, #AD2222 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FD7272), color-stop(1%,#E55757), color-stop(100%,#AD2222)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FD7272', endColorstr='#AD2222',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #FD7272 0%,#E55757 1%,#AD2222 100%); /* opera */
    font-size:16px;font-weight: normal;
    padding: 5px 10px;
    text-transform: uppercase;
}
.editorialContent .buttonM-P:hover,
.editorialContent .buttonM-P:focus{
    color:#fff;
    text-decoration:none;
    cursor:pointer;
    background: #FD7272; /* old browsers */
    background: -moz-linear-gradient(top, #FD7272 0%, #ED7D7D 1%, #C54343 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FD7272), color-stop(1%,#ED7D7D), color-stop(100%,#C54343)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FD7272', endColorstr='#C54343',GradientType=0 ); /* ie */
     background: -o-linear-gradient(top, #FD7272 0%,#ED7D7D 1%,#C54343 100%); /* opera */
}
.editorialContent .buttonM-P:active{
    color:#fff;
    outline:none;
    background: #AD2222; /* old browsers */
    background: -moz-linear-gradient(top, #AD2222 1%, #E55757 99%, #FD7272 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#AD2222), color-stop(99%,#E55757), color-stop(100%,#FD7272)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AD2222', endColorstr='#FD7272',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #AD2222 1%,#E55757 99%,#FD7272 100%); /* opera */
}

/* fil d'ariane */
.editorialContent .breadcrumb,
.editorialSelection .breadcrumb{margin-bottom:15px}
.editorialContent .breadcrumb li,
.editorialSelection .breadcrumb li{float:left;display:inline}

/* diaporama */
.editorialContent .defilant{
    position: relative
}
.editorialContent .relative.txtC .buttonM-P{
    position:absolute;
    right:20px;
    bottom:20px;
}
.editorialContent .defilant div.navigation {
    font-family: georgia;
    font-size: 12px;
    font-weight: bold;
    height: 50px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    z-index: 1000;
}
.editorialContent .defilant div.navigation a.navigation {
    background:url("../img/sprite_ico.png?201212181140") no-repeat 0 0;
    display: block;
    height: 54px;
    position: relative;
    width: 20px;
    z-index: 1000;
}
.editorialContent .defilant div.navigation a.navigation span {
    display: none;
}
.editorialContent .defilant div.navigation a.detail {
    color: #FFFFFF;
    display: block;
    height: 50px;
    position: relative;
    text-decoration: none;
    width: 205px;
}
.editorialContent .defilant div.navigation a.detail span {
    background: none repeat scroll 0 0 #303030;
    display: block;
    float: right;
    height: 30px;
    line-height: 15px;
    padding: 10px;
    width: 110px;
}
.editorialContent .defilant div.navigation.precedent a.detail img {
    float: left;
}
.editorialContent .defilant div.navigation.suivant a.detail img {
    float: right;
}
.editorialContent .defilant div.navigation.precedent a.navigation {
    background-position: -111px 0;
    float: left;
}
.editorialContent .defilant div.navigation.precedent a.navigation:hover {
    background-position: -153px 0;
}
.editorialContent .defilant div.navigation.precedent a.navigation:active {
    background-position: -195px 0;
}
.editorialContent .defilant div.navigation.precedent a.detail {
    float: left;
    left: -220px;
}
.editorialContent .defilant div.navigation.suivant a.detail {
    float: left;
    left: 0;
}
.editorialContent .defilant div.navigation.suivant a.navigation {
    background-position: -133px 0;
    float: right;
}
.editorialContent .defilant div.navigation.suivant a.navigation:hover {
    background-position: -175px 0;
    float: right;
}
.editorialContent .defilant div.navigation.suivant a.navigation:active {
    background-position: -217px 0;
    float: right;
}
.editorialContent .defilant .scrollwrap {
    left: 0;
    position: absolute;
    top: 3px;
    width: 10000px;
}
.editorialContent .defilant .scrollwrap div.item {
    float: left;
    position: relative;
}
.editorialContent .defilant .scrollwrap li {
    display: block;
    float: left;
    text-align: center;
}
.editorialContent .defilant .scrollwrap li.last {
    margin-right: 0;
}
.editorialContent .defilant div.navigation.precedent,
.editorialContent .defilant div.navigation.suivant {
    display: block !important;
}
.editorialContent .defilant div.navigation {
    top: 45%;
}
.editorialContent .defilant div.navigation {
    margin-top: 0;
}
.editorialContent .defilant div.navigation.precedent {
    left: -5px;
}
.editorialContent .defilant div.navigation.suivant {
    right: -4px;
}
.editorialContent .defilant img {
    display: block !important;
    /*max-width:410px;*/
}
.editorialContent .defilant .navigation {
    background-color: transparent !important;
}
.editorialContent .defilant .navigation.suivant {
    background: none repeat scroll 0 0 transparent !important;
    padding-right: 0 !important;
}
.editorialContent .defilant .navigation.precedent {
    background: none repeat scroll 0 0 transparent !important;
    padding-left: 0 !important;
}
/*.editorialContent #cldroite {
    background: url("http://r.linter.fr/femmes/image/gen/pixel.gif") repeat scroll 0 0 transparent;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    z-index: 1000;
}*/
.editorialContent #diapo {
    margin-bottom: 5px;
    width: 630px;
}
.editorialContent #diapo a:hover {
    text-decoration: none;
}
.editorialContent #diapo h1,
.editorialContent #diapo p.h1,
.editorialContent #diapo h3 {
    bottom: 20px;
    color: #FFFFFF;
    font-weight: bold;
    left: 20px;
    margin: 0;
    position: absolute;
    text-transform: uppercase;
}
.editorialContent #diapo h1 span,
.editorialContent #diapo p.h1 span,
.editorialContent #diapo h3 span {
    background: none repeat scroll 0 0 #000000;
    padding: 2px;
}
.editorialContent #diapo a.button,
.editorialContent #diapo a.buttonM-P {
    bottom: 20px;
    position: absolute;
    right: 20px;
}

/* slider */
.editorialContent #folio {height: 135px !important;}
.editorialContent .fmt135H #folio .slideImg{/*height:90px;*/height:auto;line-height:90px;text-align:center;display:inline-block}
.editorialContent .fmt135H #folio .slideImg .rel,
.editorialContent .fmt135H #folio .slideImg img {max-height:90px;max-width:135px;vertical-align:middle;display:block}
.ie7 .editorialContent .fmt135H #folio .slideImg .rel,
.ie7 .editorialContent .fmt135H #folio .slideImg img {display:inline}
    
.editorialContent .fmt135H .slideItem {
    padding: 0 7px;
    width: 141px;
}
.editorialContent .slideItem {
    display: table;
    float: left;
    text-align: center;
}
.editorialContent .slideItem .slideTxt{text-align:center}
.editorialContent .slider.fmt135H .ico_sldL,
.editorialContent .slider.fmt135H .ico_sldR {top: 19px}
.editorialContent .slider.fmt135H .ico_sldL{left:3px}
.editorialContent .slider.fmt135H .ico_sldR{right:3px}

/* dossier */
.editorialContent .couvchap {
    display: block;
    width: 390px;
}
.editorialContent .couvchap img {max-width: 100%}
.editorialContent .couvchap .lg {
    display: block;
    text-align: left;
}
.editorialContent .credit {
    color:#333;
    font:normal 9px Verdana,"Helvetica Neue",Helvetica,Arial,default;
    /*padding-bottom:5px;*/
}

/* reportage */
.editorialContent img{max-width:630px}
.editorialContent .encart {
    display: table;
    text-align: center;
    width: 100px
}
.editorialContent .encart img{max-width:410px}
.editorialContent .encart.left {margin: 10px 10px 10px 0}
.editorialContent .encart.right {margin: 10px 0 10px 10px}
.editorialContent .encart .lg {
    display: block;
    text-align: left;
}
.editorialContent .encart .defilant div.navigation.precedent {
    left: -9px;
}
.editorialContent .encart .defilant div.navigation.suivant {
    right: -9px;
}
.editorialContent .oas-middle{margin-bottom:20px}

.editorialContent .referencement{margin-bottom:15px}
.editorialContent .bloc_rubrique img,
.editorialContent .referencement img{margin-right:15px}

/* pagination */
.editorialSelection .foliotage{
    background-color:#ebebeb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:7px 10px;
    overflow:hidden
}
.editorialSelection .foliotage ul{text-align:center}
.editorialSelection .foliotage li{display:inline}
.editorialSelection .foliotage li a.btnS-Grey{padding-left:6px;padding-right:6px;min-width:10px}
.editorialSelection .foliotage li a.btnS-Grey.selected{text-decoration: underline}

/* sommaire automatique */
.editorialSelection{font-size:15px}
.editorialSelection .chapo{font-weight:bold}
.editorialSelection .editorialTitle .sommaire-liste-intro li{
    font-weight:bold;
    border-right:solid 1px #acacac;
    display:inline;
    padding-right:5px;padding-left:5px
}
.editorialSelection .editorialTitle .sommaire-liste-intro li.liste-debut{
    border-right:0;
    font-weight:normal;
    padding:0
}
.editorialSelection .editorialTitle .sommaire-liste-intro li.liste-fin{border-right:0}

.editorialSelection .liste_motcle li{margin-bottom:10px}
.editorialSelection .date{
    color:#666;
    font-size:11px;font-weight:normal;
    white-space: nowrap;
}

.editorialSelection .tout a,
.editorialSelection a.flechehome{text-decoration:underline}
.editorialSelection .tout a:hover,
.editorialSelection a.flechehome:hover{text-decoration:none}


/*------------------------------------------------------------------------------
 
[MEDIA:SCREEN] - CCM/Benchmark Framework

Document : Layout CSS
Author   : Damien SYREN

Cette page recense tous les modules (objets) reutilisables dans le site.

------------------------------------------------------------------------------*/

/* sprite ico */
.ico,
.icoClose,
.icoFb,
.icoFbS,
.icoTw,
.icoTwS,
.icoRss,
.icoRssS,
.icoMsg,
.icoMsgS,
.icoBackPortail,
.stars,
.currentNote,
.oneStar:hover,
.twoStar:hover,
.threeStar:hover,
.fourStar:hover,
.fiveStar:hover,
.prevBtn,
.nextBtn,
.ico_sldL,
.ico_sldR,
.video .icoPlayM,
.video .icoPlayS,
.icoClose,
.icoOptions{ background-image:url("../img/sprite_ico.png?201212181140");background-repeat:no-repeat }

/*
- MENU PAR ONGLETS -------------------------------------------------------------
*/

.navTab{
    border-bottom:1px solid #dadada;
    font-size:13px;
}
    .navTab li{
        font-size:12px;
        font-weight:normal;
        position:relative;
        top:1px;
        float:left;
        margin-right:2px;
        border:1px solid #dadada;
    }    
    .navTabR ul{
        float: right;
    }
    .navTabR li{
        margin:0 0 0 2px;
    }
    .navTab .selected{
        border-bottom:none;
        border-top:3px solid #BE2323 ;
    }
        .navTab li a{
            color:#666666;
            display:block;            
            padding:8px 15px;
            background:#eeeeee;
            text-decoration: none;
        }
            .navTab .red a{
                color:#fff; 
                background: #FD7272; 
                background: -moz-linear-gradient(top, #FD7272 0%, #E55757 1%, #AD2222 100%); 
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FD7272), color-stop(1%,#E55757), color-stop(100%,#AD2222)); 
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FD7272', endColorstr='#AD2222',GradientType=0 ); 
                background: -o-linear-gradient(top, #FD7272 0%,#E55757 1%,#AD2222 100%);
            }
        .navTab li.selected a{
            color:#303030; 
            padding-top: 6px;
            background:#fff;
            padding-bottom:9px;
            border-color:#fff;            
        }

/*
- BOITES -----------------------------------------------------------------------
*/

.linter_box1,
.linter_box10{
        border:solid 1px #d8d8d8;
        background: rgb(255,255,255);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
        background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
}
.linter_box1 img{margin-left:-1px}

/* ajustements boite FOCUS dynamique quand contenu manuel */
.linter_box1 .content.manuel{margin:0 10px 10px}
.linter_box1 .content.manuel img{margin-left:-11px}
.linter_box1 .auto span{margin-left:-1px}
.linter_box1 .content.manuel h1,
.linter_box1 .content.manuel h2,
.linter_box1 .content.manuel h3,
.linter_box1 .content.manuel h4,
.linter_box1 .content.manuel h5{color:#303030;font-size:22px;font-weight:normal;margin-bottom:5px}

/* newsletter */
.linter_box2{background:#fff;border:solid 1px #d8d8d8}
.linter_box2 .fcTheme2,
.linter_box2 .fcTheme2 a{color:#BE2323}

.linter_box11 {
    border:1px solid #DADADA;border-top:0;
}

.boxFocus{
    background: none repeat scroll 0 0 #303030;
    color: #FFF;
}
    .boxFocus h2, .boxFocus a, .boxFocus a:hover {
        color: #fdf200;
    }
    .boxFocus a:hover img{border-color:#fdf200;}
.connect .boxFocus h2,
.connect .boxFocus a,
.connect .boxFocus a:hover{color:#BE2323}

/*
- ICONES (fleches) -------------------------------------------------------------
*/

.ico{
    display:inline-block;
    vertical-align:baseline;
    background-position:0 0;
    _overflow:hidden; /* corrige un bug IE6 qui affiche une hauteur min de 10px */
    *vertical-align:middle;
}

/* icone fermer */
.icoClose{
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:21px;
    background-position:0 -117px;
}
.icoClose span{ display:none }
a.icoClose:hover,
a.icoClose:focus,
a.icoClose.selected{ background-position:-20px -117px }
a.icoClose:active{   background-position:-40px -117px }

/* icones reseaux sociaux */
.icoFb, .icoFbS,
.icoTw, .icoTwS,
.icoRss, .icoRssS,
.icoMsg, .icoMsgS{
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:19px;
    background-position:-180px -295px;
    margin-left:6px;
}
.icoTw, .icoTwS{ background-position:-208px -295px }
.icoRss, .icoRssS{ background-position:-208px -318px }
.icoMsg, .icoMsgS{ background-position:-180px -318px }

/* icones chaine tv */
.icoArrow2 {
    width: 8px;
    height: 9px;
    background-position: -226px -255px;
    *vertical-align: middle;
}
.icoMiniPlay{ 
    width: 21px; 
    height: 21px; 
    background-position: -76px -185px;
    position: absolute;
    bottom: 15px;
    right: 15px
}
.icoMiniPlay2 { 
    width: 21px; 
    height: 21px; 
    background-position: -177px -255px;
}

.icoExperts{ width: 72px; height: 72px; background-position: 0 -429px; display: block;}

#backPortail{ position: fixed; top: 160px; right:60px}
.icoBackPortail{background-position:-73px -429px; width: 80px; height: 80px; display: block}
.icoBackPortail:hover{background-position: -154px -429px;}

/*
- BOUTONS ----------------------------------------------------------------------
*/

/*/----> FULL LARGER BUTTONS <----/*/
.buttonFull{ text-align:center; display:block; }
    
/*
- SYSTEME ETOILES --------------------------------------------------------------
- surcharge du ressource common
*/

.stars{ background-position:0 -46px }
.currentNote{ background-position:0 -61px }
.oneStar:hover,
.twoStar:hover,
.threeStar:hover,
.fourStar:hover,
.fiveStar:hover{
    background-position:0 -61px;
}

/*
- SOCIAL BOX -------------------------------------------------------------------
- colonne de droite 
*/

.socialBox a{ margin:7px 8px }

/*
- SLIDERS (vignettes) ----------------------------------------------------------
*/

/* icones precedent / suivant */
.prevBtn,
.nextBtn,
.ico_sldL,
.ico_sldR{
    width:20px;
    height:54px;
    top: 50%;
    margin-top: -27px;
}
.ico_sldL span,
.ico_sldR span{ display:none }
.prevBtn,
.ico_sldL{          background-position:-111px 0; }
.prevBtn:hover,
.ico_sldL:hover{    background-position:-153px 0; }
.prevBtn:active,
.ico_sldL:active{   background-position:-195px 0; }
.nextBtn,
.ico_sldR{          background-position:-133px 0; }
.nextBtn:hover,
.ico_sldR:hover{    background-position:-175px 0; }
.nextBtn:active,
.ico_sldR:active{   background-position:-217px 0; }

/* position des icones sur le slider */
.slider .ico_sldL {
    left: -4px;
    margin-top: 0;
    top: 22px;
}
.slider .ico_sldR {
    margin-top: 0;
    right: -4px;
    top: 22px;
}

.slideItem .slideImg .rel{ background-color:#FFF }
.slideItem .slideTxt{ display:block; margin-top:5px; text-align:left }
.slideItem .slideTxt.txtC{ text-align:center }

.fmt120H  .slideItem{ padding: 0 14px}

.slider .boxHover{ display:none }
.slider .slideImg:hover,.slider .slideImg.selected{ border-color:#C00418; text-decoration:none }
.slider .slideImg:hover .boxHover{ display:block }

/*------------------------------------------------ image paysage de 120x80px */
.fmt135H .slideItem{ width:141px; padding-right:22px }
.fmt135H .slideImg{ vertical-align:baseline; display:block; padding:2px; border:1px solid #ccc }
/* centrage vertical des fleches de navigation */
.slider.fmt135H .prevBtn,
.slider.fmt135H .nextBtn{ top:25px; margin-top:0 }

/*------------------------------------------------ image paysage de 130x87px */
.fmt130H{margin-left:auto;margin-right:auto}
.fmt130H .slideItem{ width:136px; padding-right:19px }
.fmt130H .slideImg{ vertical-align:baseline; display:block; padding:2px; border:1px solid #ccc }
.fmt130H .slideImg img{ max-width: 130px }
.fmt130H .slideItem .slideTxt{width:136px}
/* centrage vertical des fleches de navigation */
.slider.fmt130H .prevBtn,
.slider.fmt130H .nextBtn{ top:20px; margin-top:0; }
.slider.fmt130H .prevBtn{left:-4px}
.slider.fmt130H .nextBtn{ right:-4px }

/*----------------------------------------------- image paysage de 195px */
.slider.fmt195H{ margin-bottom:0 }
.fmt195H .slideItem{ width:201px;padding-right:13px;padding-bottom:20px }
.fmt195H .slideImg{ vertical-align:baseline; display:block; padding:2px; border:1px solid #ccc }
/* centrage vertical des fleches de navigation */
.slider.fmt195H .prevBtn,
.slider.fmt195H .nextBtn{ top:45px; margin-top:0 }
.slider.fmt195H .nextBtn{ right:-4px }

/*---------------------------------------------- image portrait de 140x190px */
.slider.fmt140V{ margin-bottom:0 }
.fmt140V .slideItem{ width:146px; padding-right:15px; padding-bottom:20px }
.fmt140V .slideImg{ vertical-align:baseline; display:block; padding:2px; border:1px solid #ccc }
/* centrage vertical des fleches de navigation */
.slider.fmt140V .prevBtn,
.slider.fmt140V .nextBtn{ top:75px; margin-top:0 }
.slider.fmt140V .nextBtn{ right:-4px }

/* vieille version du slider sans sudo slider, utilise sur la home */
.fmt136H .slideItem{ width:142px; padding: 0 10px; text-align:left }
.fmt136H.wrapper440 .slideItem{ padding: 0 7px 0 0 }
.fmt136H .slideItem .slideTxt{ display:table-row; font-size:inherit; margin-top:inherit }
.fmt136H .slideImg img{ border: 1px solid #CCCCCC; max-width: 136px; padding: 2px }

/*
- CLASSES VIDEO (vignettes) ----------------------------------------------------------
*/

.video .icoPlayM {
    background-position:-160px -164px;
    position: absolute;
    top: 50%;
    left:50%;
    height: 80px;
    width: 80px;
    margin-left: -40px;
    margin-top: -40px;
}
.video .icoPlayS {
    background-position:-110px -184px;
    position: absolute;
    top: 50%;
    left:50%;
    height: 35px;
    width: 35px;
    margin-left: -17px;
    margin-top: -17px;
}

/* icone fermer */
.icoClose,
.icoOptions{
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:21px;
    background-position:0 -117px;
}
.icoClose span,
.icoOptions span{ display:none }
a.icoClose:hover,
a.icoClose:focus,
a.icoClose.selected{ background-position:-20px -117px }
a.icoClose:active{   background-position:-40px -117px }

/* options */
.icoOptions{            background-position:0 -138px }
a.icoOptions:hover{     background-position:-20px -138px }
a.icoOptions:active,
.icoOptionsSel{         background-position:-40px -138px }

#modals h2 {
    font-size: 22px;
    color: #303030;
}

/*
- PARTENAIRES ----------------------------------------------------------------
*/

.partenaires{overflow:hidden;}
.partenaires li{float:left;margin-bottom:10px;margin-right:5px}
.partenaires a{color:#303030;font-size:12px;font-weight:bold;text-decoration:none}
.partenaires img{
    border: 1px solid #D8D8D8;
    float: left;
    margin: 0 10px 8px 0;
    padding: 3px;
}

/*
- MOTEUR DE RECHERCHE ----------------------------------------------------------
.searchMod            = version standard
.searchMod.searchModS = small version
*/

.searchMod{
    position:relative;    
    height:33px;        
    -moz-border-radius:3px;
    border-radius:3px;
    display:inline-block;
    vertical-align:middle;
    *zoom:1;
    *display:inline;
}
    .searchMod legend{
        display:none;
    }
    .searchMod .search{
        border:none;
        float:left;
        width:300px;
        height:19px;
        padding:6px 37px 6px 6px;
        color:#838383;
        font-size:14px;
        line-height:19px;
        border:1px solid #B9B9B9;
        background:#fff url(../../common/img/bg_input.png) repeat-x 0 -15px;
        -moz-border-radius:3px;
        border-radius:3px;
    }    
    
    .rightCol .searchMod .search{width:215px}


/*
- FOCUS ------------------------------------------------------------------------
*/

.focus{overflow:hidden}
.focus img,.focus span{margin-left:-1px}

/*
- PROGRAMME TV ------------------------------------------------------------------------
*/

.progDesc{width: 125px;}
.progSepL{ border-right: 1px solid #d8d8d8}
.progSepR{ border-left: 1px solid #d8d8d8; position: relative; left: -1px}
.progDesc p{ line-height: 110%; margin-bottom: 3px;}



/*
- CLUB ELYSEE --------------------------------------------------------------------
*/

.ceBloc { border:1px solid #d5d5d5}
.ceBloc .ceTitle{
    padding: 2px 15px 2px 6px ;
    background: rgb(252,252,252);
    background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(238,238,238,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(238,238,238,1)));
    background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(238,238,238,1) 100%);
    background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(238,238,238,1) 100%);
    background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(238,238,238,1) 100%);
    background: linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(238,238,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee',GradientType=0 );

}

.ceBloc a, .ceBloc a:hover {
    color: #5681B5;
}
.ceBloc .fcNeutre {
    color: #666666;
}
.ceBloc .fcTheme {
    color: #BE2323 !important;
}

/* similiTable */
#similiTable{
    background: #FFFFFF; /* old browsers */
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F1F1F1 50%, #F6F6F6 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#F1F1F1), color-stop(100%,#F6F6F6)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F6F6F6',GradientType=0 ); /* ie6 /7 */
    ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F6F6F6',GradientType=0 )"; /* IE8 */
    padding:10px 50px 10px 10px;
    border:1px solid #d8d8d8;
    margin-bottom:15px;
}

#similiTable li{ line-height:normal !important; margin:0  0 7px 0;}

#similiTable a{ text-decoration:none !important;}
#similiTable a:hover{ text-decoration:underline !important;}





/* --------------------------------------------------------- */
/*                  NEWSLETTER COL DROITE                    */
/* --------------------------------------------------------- */

.linter_box_1.linter_box--newsletter .grid_row {
    display: table;
    width: 100%; }
.linter_box_1.linter_box--newsletter .grid_row.fixed, .linter_box_1.linter_box--newsletter .grid_row.grid-row--fixed {
    table-layout: fixed; }

.linter_box_1.linter_box--newsletter .grid_col.grid_col--middle {
    vertical-align: middle; }

/* row */
.linter_box_1.linter_box--newsletter .grid_col {
    display: table-cell;
    vertical-align: top; }

.linter_box_1.linter_box--newsletter .ccmcss_align_r {
    text-align: right; }

.linter_box_1.linter_box--newsletter{ line-height: 1.3; }

.linter_box_1.linter_box--newsletter .ccmcss_form{ margin: 10px 0; }

.linter_box_1.linter_box--newsletter .grid_line .grid_left,
.linter_box_1.linter_box--newsletter .grid_line .grid_right,
.linter_box_1.linter_box--newsletter .grid_line .grid_last{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.linter_box_1.linter_box--newsletter .grid_line .grid_left{ float: left }

.linter_box_1.linter_box--newsletter .grid_line .grid_left label{ display: block; margin-bottom: 5px; font-size: 16px }
.linter_box_1.linter_box--newsletter .grid_line .grid_left input[type=checkbox]{ margin: 0; padding: 0;  }

.linter_box_1.linter_box--newsletter .grid_line:after{
    content: "";
    display: table;
    clear: both; }

/* derniere cellule fluide de la ligne*/
.linter_box_1.linter_box--newsletter .grid_last {
    font-size: 16px;
    text-align: right;
    display: table-cell;
    font-family: Oswald, sans-serif;
    float: none;
    width: auto; }

/* cellule fluide qui prend le reste de la place disponible */
.linter_box_1.linter_box--newsletter .grid_last:after {
    content: "x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x";
    display: block;
    height: 0;
    overflow: hidden;
    font-size: 100px; }

.linter_box_1.linter_box--newsletter .ccmcss_align_r {
    text-align: right; }

.linter_box_1.linter_box--newsletter {
    margin-bottom: 20px;
    padding: 1.07143em;
    font-size: 14px;
    font-size: 0.875rem;
    border: 1px solid #d6d6d6;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); }
.linter_box_1.linter_box--newsletter .linter_title_1 {
    margin-top: 0;
    margin-bottom: 0.27778em;
    color: #1f6190;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: normal;
    font-family: Oswald, sans-serif }
.linter_box_1.linter_box--newsletter .linter_title_1 a {
    color: #1f6190;
    text-decoration: none; }
.linter_box_1.linter_box--newsletter .a_hover {	    
    text-decoration: underline;
    cursor: pointer; }

.linter_box_1.linter_box--newsletter .app_form_lite fieldset {
    margin: 0;
    padding: 0;
    border: none;
    position: relative; }

.linter_box_1.linter_box--newsletter .app_form_lite fieldset legend {
    display: none; }

.linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="email"],
.linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="text"] {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    padding: 7px 40px 7px 10px;
    width: 100%;
    height: 35px;
    font-size: 1em;
    border: 1px solid #c6c6c6;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

.linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="email"]:focus,
.linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="text"]:focus {
    color: #333333;
    border-color: #56b4ef;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(86, 180, 239, 0.6);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(86, 180, 239, 0.6); }

.linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 8px;
    height: 33px;
    font-size: 1em;
    border: 1px solid #c76397;
    overflow: hidden;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0px 5px 5px 0px;
    -webkit-box-shadow: 1px 1px 0px 1px #750e45;
    box-shadow: 1px 1px 0px 1px #750e45;
    background: #d580af;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ODBhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2M3NjM5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNDE4NjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #d580af 0%, #c76397 10%, #a41863 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d580af), color-stop(10%, #c76397), color-stop(100%, #a41863));
    background: -webkit-linear-gradient(top, #d580af 0%, #c76397 10%, #a41863 100%);
    background: -o-linear-gradient(top, #d580af 0%, #c76397 10%, #a41863 100%);
    background: -ms-linear-gradient(top, #d580af 0%, #c76397 10%, #a41863 100%);
    background: linear-gradient(to bottom, #d580af 0%, #c76397 10%, #a41863 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d580af', endColorstr='#a41863',GradientType=0 ); }

.linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="submit"]:focus, 
.linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="submit"]:active {
    -webkit-box-shadow: 0px 0px 0px 1px #750e45;
    box-shadow: 0px 0px 0px 1px #750e45;
    top: 1px; }

.lt-ie9 .linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="submit"]{
    padding: 0 5px;
    height: 35px;
    border: 1px solid #c6cbcc;
}
.ie8 .linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="submit"]{
    padding: 0 10px;
}

/*
- TAGS DEPOT CHRONIQUE -----------------------------------------------
*/
#liste_suggestion_motcle li{
    background-color:#BE2323;
    display:inline-block;
    position:relative;
    margin:5px 10px 5px 0;
    
}
#liste_suggestion_motcle li a{
    color:#fff;
    cursor:pointer;
    display:block;
    padding:5px 20px
}

/*------------------------------------------------------------------------------

SURCHARGE CONTENT.CSS

------------------------------------------------------------------------------*/

body{
    background:#fff url(../img/hom_bg_skin.jpg) repeat 0 0;
    font-family: 'PT Sans Narrow', sans-serif
}
.ie7 body{position:relative}

/* surlignage */
::selection         { background:#005195; color:#fff; /* Safari and Opera */ }
::-moz-selection    { background:#005195; color:#fff; /* Firefox */ }

/* font style */
.ftKreon{ font-family: 'Kreon', serif }

/* links generiques */
a{ color:#005195; text-decoration:none }
a:hover, a:focus{ text-decoration:underline; cursor:pointer; color:#005195 }

/* redefinition du line height inaproprie avec la font face */
h1,h2,h3,h4,h5,h6,h7{ line-height:100% }

/* couleur de font du theme */
.fcTheme1,
.ui-dialog-titlebar{ color:#005195}
/* couleur complementaire du theme (jaune) */
.fcTheme2{ color:#fdf200 }
/* couleur complementaire du theme (gris) */
.fcTheme3{ color:#303030 }
/* couleur neutre (gris clair) */
.fcNeutre{ color:#666 }
.ftFont, a.wrapper, .fcFont { color: #333 }

/* par defaut les liens a l'interieur des titres sont de la coulaur par defaut du texte */
h1 a, .h1 a, h1 a:hover, h1 a:focus, .h1 a:hover, .h1 a:focus,
h2 a, .h2 a, h2 a:hover, h2 a:focus, .h2 a:hover, .h2 a:focus, 
h3 a, .h3 a, h3 a:hover, h3 a:focus, .h3 a:hover, .h3 a:focus, 
h4 a, .h4 a, h4 a:hover, h4 a:focus, .h4 a:hover, .h4 a:focus, 
h5 a, .h5 a, h5 a:hover, h5 a:focus, .h5 a:hover, .h5 a:focus, 
h6 a, .h6 a, h6 a:hover, h6 a:focus, .h6 a:hover, .h6 a:focus,
h7 a, .h7 a, h7 a:hover, h7 a:focus, .h7 a:hover, .h7 a:focus{color: #303030}
h1.fcTheme1 a, .h1.fcTheme1 a, 
h2.fcTheme1 a, .h2.fcTheme1 a, 
h3.fcTheme1 a, .h3.fcTheme1 a, 
h4.fcTheme1 a, .h4.fcTheme1 a, 
h5.fcTheme1 a, .h5.fcTheme1 a, 
h6.fcTheme1 a, .h6.fcTheme1 a,
h7.fcTheme1 a, .h7.fcTheme1 a{color:#005195}
h1.fcTheme2 a, .h1.fcTheme2 a, 
h2.fcTheme2 a, .h2.fcTheme2 a, 
h3.fcTheme2 a, .h3.fcTheme2 a, 
h4.fcTheme2 a, .h4.fcTheme2 a, 
h5.fcTheme2 a, .h5.fcTheme2 a, 
h6.fcTheme2 a, .h6.fcTheme2 a,
h7.fcTheme2 a, .h7.fcTheme2 a{color:#fdf200}
h1.fcTheme3 a, .h1.fcTheme3 a, 
h2.fcTheme3 a, .h2.fcTheme3 a, 
h3.fcTheme3 a, .h3.fcTheme3 a, 
h4.fcTheme3 a, .h4.fcTheme3 a, 
h5.fcTheme3 a, .h5.fcTheme3 a, 
h6.fcTheme3 a, .h6.fcTheme3 a,
h7.fcTheme3 a, .h7.fcTheme3 a{color:#303030}
h1.fcNeutre a, .h1.fcNeutre a, 
h2.fcNeutre a, .h2.fcNeutre a, 
h3.fcNeutre a, .h3.fcNeutre a, 
h4.fcNeutre a, .h4.fcNeutre a, 
h5.fcNeutre a, .h5.fcNeutre a, 
h6.fcNeutre a, .h6.fcNeutre a,
h7.fcNeutre a, .h7.fcNeutre a{color: #666}

/* surcharge include Temoignages */
h2.h7.fw400{ font-family: 'Kreon', serif }


/*
- IMAGES ------------------------------------------------------------------
*/

/* sprite ico */
.searchMod .submit,
.ico,
.icoMoreHead,
.icoClose,
.icoOptions,
.sbArrow,
.prevBtn,
.nextBtn,
.editorialContent .defilant div.navigation a.navigation,
.editorialContent .prevBtn,
.editorialContent  .nextBtn,
.editorialContent .ico_sldL,
.editorialContent .ico_sldR{ background-image:url('../img/hom_sprite_ico.png?201212181140');background-repeat:no-repeat }

/* image en inline */
.imgS1,
.imgS2,
.imgS3,
.imgS4{ border-color:#d8d8d8 }
a:hover .imgS1,
a:hover .imgS2,
a:hover .imgS3,
a.imgS1:hover,
a.imgS2:hover,
a.imgS3:hover,
.slider .slideImg:hover,.slider .slideImg.selected{ border-color:#005195 }

/*------------------------------------------------------------------------------

SURCHARGE LAYOUT.CSS

------------------------------------------------------------------------------*/

/* header */
.head{
    position:relative;
    width:100%;
    height:46px;
    line-height:46px;
    top:0;
    left:0;
    border-bottom:solid 1px rgba(0,0,0,.7);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI3MjcyNyIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(76,76,76,0.7) 0%, rgba(39,39,39,0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,0.7)), color-stop(100%,rgba(39,39,39,0.7)));
    background: -webkit-linear-gradient(top,  rgba(76,76,76,0.7) 0%,rgba(39,39,39,0.7) 100%);
    background: -o-linear-gradient(top,  rgba(76,76,76,0.7) 0%,rgba(39,39,39,0.7) 100%);
    background: -ms-linear-gradient(top,  rgba(76,76,76,0.7) 0%,rgba(39,39,39,0.7) 100%);
    background: linear-gradient(top,  rgba(76,76,76,0.7) 0%,rgba(39,39,39,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b34c4c4c', endColorstr='#b3272727',GradientType=0 );
    z-index:100;
}
.ie9 .head{filter: none;}
.head .icoMoreHead{ position:absolute; left:-30px; top:10px }
.head .logo,
.foot .logo{ float:left; margin:10px 6px 0 0 }
.head .logoC,
.foot .logoC{ float:left; margin:12px 20px 0 0 }
.head .logo img,
.head .logoC img{ display:block }
.head .btnS-Grey{
    -webkit-box-shadow:0 1px 0 #333;
    -moz-box-shadow:0 1px 0 #333;
    box-shadow:0 1px 0 #333;
}
.head .bienvenue a,.head .bienvenue a:hover,.head .bienvenue a:focus{color:#FDF200}

/* sous menu de navigation inter sites */
.sbMenu{
    width:100%;
    z-index:-1;
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3); 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 50%, rgba(244,244,244,0.8) 90%, rgba(224,224,224,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(90%,rgba(244,244,244,0.8)), color-stop(100%,rgba(224,224,224,0.8)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 50%,rgba(244,244,244,0.8) 90%,rgba(224,224,224,0.8) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 50%,rgba(244,244,244,0.8) 90%,rgba(224,224,224,0.8) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 50%,rgba(244,244,244,0.8) 90%,rgba(224,224,224,0.8) 100%);
    background: linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 50%,rgba(244,244,244,0.8) 90%,rgba(224,224,224,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#cce0e0e0',GradientType=0 );
}

/* menu de navigation du site */
.nav{    
    height:35px;
    border:1px solid #494949;border-bottom:0;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5NDk0OSIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI5MjkyOSIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(73,73,73,0.7) 0%, rgba(41,41,41,0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,73,73,0.7)), color-stop(100%,rgba(41,41,41,0.7)));
    background: -webkit-linear-gradient(top,  rgba(73,73,73,0.7) 0%,rgba(41,41,41,0.7) 100%);
    background: -o-linear-gradient(top,  rgba(73,73,73,0.7) 0%,rgba(41,41,41,0.7) 100%);
    background: -ms-linear-gradient(top,  rgba(73,73,73,0.7) 0%,rgba(41,41,41,0.7) 100%);
    background: linear-gradient(top,  rgba(73,73,73,0.7) 0%,rgba(41,41,41,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3494949', endColorstr='#b3292929',GradientType=0 );
    margin-bottom:0;
    position:relative;
    z-index:1101
}
.ie9 .nav{filter:none}
.oldie .nav{filter:none;background-color:#676767}
    .nav li{
        position:relative;        
        float:left;
        border-left:1px solid #494949
    }
    .nav li:first-child{ border-left:none }
             
        .nav li .navLink{
            float:left;
            padding:7px 18px;
            color:#fff;
            font-size:15px;
            text-transform:uppercase;                        
        }
        .nav li:first-child .navLink,
        .nav li:first-child .navLink:hover,
        .nav li:first-child .navLink:active,
        .nav li:first-child .navLink:focus{
            -moz-border-radius-topleft:5px;
            border-top-left-radius:5px;
        }
        .nav li:hover .navLink,
        .nav .navLink.selected,
        .nav .navLink.active,
        .nav .navLink:active,
        .nav .navLink:focus{
            color:#fdf200;
            position:relative;
            background: rgb(86,86,86);
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTY1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTMxMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top,  rgba(86,86,86,1) 0%, rgba(49,49,49,1) 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,86,86,1)), color-stop(100%,rgba(49,49,49,1)));
            background: -webkit-linear-gradient(top,  rgba(86,86,86,1) 0%,rgba(49,49,49,1) 100%);
            background: -o-linear-gradient(top,  rgba(86,86,86,1) 0%,rgba(49,49,49,1) 100%);
            background: -ms-linear-gradient(top,  rgba(86,86,86,1) 0%,rgba(49,49,49,1) 100%);
            background: linear-gradient(top,  rgba(86,86,86,1) 0%,rgba(49,49,49,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#313131',GradientType=0 );
            text-decoration:none
        } 
        .ie9 .nav .navLink:hover,
        .ie9 .nav .navLink.selected,
        .ie9 .nav .navLink.active,
        .ie9 .nav .navLink:active,
        .ie9 .nav .navLink:focus{filter:none}
        
        .nav li .sbArrow{
            position:relative;
            top:8px;
            left:6px;
        }
        .nav li:hover .navLink .sbArrow,
        .nav .navLink.active .sbArrow{
            background-position:-9px -35px;
        }
        .nav li:hover .sbNav,
        .nav li:focus .sbNav{
            display:block;
        }
        
/* sous nav */
.nav .sbNav{
    display:none;
    position:absolute;
    margin:0;
    top:35px;
    min-width:630px;
    z-index:200;
}
.ie7 .nav .sbNav{
    left:0;
}
.nav .sbNav .ct{
    background:#fff;
    float:left;
    padding:15px;
    border:1px solid #b9b9b9;border-top:0;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); 
}
.nav .sbNav .ct .left {
    padding: 0 0 0 50px;
}
.nav .sbNav .ct .left:first-child {
    padding-left: 0;
}
.nav .sbNav .sbNavNews{width:190px;}
.nav .sbNav li{
    float:none;
    margin:0 0 5px 0;
    border:none;
}
.nav .sbNav li a{
    color:#303030;
}
/* search */
.searchMod .submit{
    position:absolute;
    right:0;
    width:36px;
    height:33px;
    text-indent:-9999em;
    cursor:pointer;
    border:none;
    background-position:0 0;
    *padding-left:9999em; /* corrige le bug de text-indent non pris en charge sur IE */
}

/*------------------------------------------------------------------------------

SURCHARGE GRID.CSS

------------------------------------------------------------------------------*/

#oas_top, #ba_top {
    background: none;
    padding-top: 0;
    margin-bottom: 20px;
}
    
/*------------------------------------------------------------------------------

SURCHARGE MOD.CSS

------------------------------------------------------------------------------*/

.slider{margin-top:15px}

/* nav tabs */
.navTab{position:relative;}
.navTab h2{background-color: #fff;position:absolute;left:0;bottom:-4px;padding-right:10px}
.navTab li{font-size:14px}
.navTab .selected {
    border-bottom: medium none;
    border-top: 3px solid #005195;
}

/* newsletter */
.linter_box2 .fcTheme2,
.linter_box2 .fcTheme2 a{color:#FF7E00}

/*
- QUIZ -------------------------------------------------------------------------
*/
#include_droite_quiz{
    position: relative;
    font-family:'PT Sans Narrow', sans-serif;
    padding:20px;
    margin-bottom: 20px;
    border: 1px solid #D8D8D8;
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}
#include_droite_quiz p.bloc_titre{ font-family: 'Kreon', serif;font-size:20px;font-weight:bold;line-height: 100%;text-transform: uppercase; margin-bottom: 10px}
#include_droite_quiz p.bloc_titre a{ color:#005195 }
#include_droite_quiz p.bloc_titre_quiz{ font-family:'PT Sans Narrow', sans-serif; font-size: 22px; line-height: 100%; margin-bottom: 10px}
#include_droite_quiz p.bloc_titre_question{ margin-bottom: 10px; zoom:1}
#include_droite_quiz p.bloc_titre_question:after{
    clear:both;
    display:block;
    visibility:hidden;
    overflow:hidden;
    height:0 !important;
    line-height:0;
    font-size:xx-large;
    content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}
#include_droite_quiz .image_quiz{ float: left; margin-right: 10px; border: 1px solid #D8D8D8; background: #fff; padding: 2px;}

#include_droite_quiz h3 a, #include_droite_quiz p a{ color: #303030;}
#include_droite_quiz .bloc_jouer{ text-align: left; font-size: 14px; color:#303030; margin-bottom: 0;}
#include_droite_quiz .bloc_jouer a{font-weight: normal;text-decoration:underline}
#include_droite_quiz .bloc_jouer a{ color: #005195 }
#include_droite_quiz .bloc_jouer a:hover{text-decoration:none}
#include_droite_quiz #propositions li {margin: 10px 0}
#include_droite_quiz #propositions li a{
    border: 1px solid #D5D5D5;
    -webkit-box-shadow:0 1px 0 #999;-moz-box-shadow:0 1px 0  #999;box-shadow: 0 1px 0 #999999;
    font:normal 13px 'PT Sans Narrow', sans-serif;color: #303030;text-decoration: none;
    padding: 5px 10px;
    display: inline-block;
    vertical-align: baseline;
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
}
#include_droite_quiz #propositions li a:hover{
    color:#303030;
    text-decoration:none;
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(251,251,251,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(251,251,251,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%);
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 );
}
#include_droite_quiz #propositions li a:active{
    outline:none;
    background: rgb(244,244,244);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
}
.ie9 #include_droite_quiz,
.ie9 #include_droite_quiz #propositions li a,
.ie9 #include_droite_quiz #propositions li a:hover,
.ie9 #include_droite_quiz #propositions li a:active{filter:none;}

#include_droite_quiz .navQuiz {
    color: #666;
    font-size: 12px;
    line-height: 12px;
    font-family: arial;
    position: absolute;
    right: 20px;
    top: 23px;
}
#include_droite_quiz .icoPrev, #include_droite_quiz .icoNext {
    vertical-align: bottom;
    height: 14px;
    width: 10px;
}
#include_droite_quiz .icoPrev { background-position: 0 -60px;margin-right:5px }
#include_droite_quiz .icoNext { background-position: -10px -60px;margin-left:5px }
#include_droite_quiz .icoPrev.selected, #include_droite_quiz .icoPrev:hover { background-position: 0 -75px }
#include_droite_quiz .icoNext.selected, #include_droite_quiz .icoNext:hover { background-position: -10px -75px }
#include_droite_quiz .icoPrev.noActive { background-position: 0 -45px }
#include_droite_quiz .icoNext.noActive { background-position: -10px -45px }

/*
- SONDAGE ----------------------------------------------------------------------
*/
#sondage{
    position: relative;
    overflow:hidden;
    font-family:'PT Sans Narrow', sans-serif;
    padding:20px;
    margin-bottom: 20px;
    border: 1px solid #D8D8D8;
}
#sondage a{color: #005195;}
#sondage .bloc_titre{    
    font-family: 'Kreon', serif;font-size: 20px;font-weight:bold;text-transform: uppercase;line-height:100%;
    margin-bottom: 10px
}
#sondage .bloc_entete{font-family:'PT Sans Narrow', sans-serif; font-size: 22px; line-height: 100%; margin-bottom: 10px}
#sondage form input {
    clear: left;
    float: left;
    margin: 2px 5px 0 0;
}
#sondage form label {
    display: block;
    float: none;
    margin-bottom: 5px;
    overflow: hidden;
}
#sondage .link{ float: right; text-decoration: underline;}
#sondage .link:hover{ text-decoration: none;}

#sondage form p.bt_submit {
    clear: both;
    float: left;
    margin: 10px 0 0;
    width: 50%;
}
#sondage form p.tous {
    float: none;
    margin-top: 17px;
    overflow: hidden;
    text-align: right;
}
#sondage .bouton_envoyer{     
    display:inline-block;
    vertical-align:baseline;
    -webkit-box-shadow:0 1px 0 #999;
    -moz-box-shadow:0 1px 0  #999;
    box-shadow:0 1px 0 #999;
    font:bold 13px 'PT Sans Narrow', sans-serif;color:#303030;text-transform:uppercase;
    *overflow:visible; /* corrige un bug de taille */
    *vertical-align:middle;
    padding:5px 10px;
    text-decoration:none; 
    border:1px solid #d5d5d5;
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
}
#sondage .bouton_envoyer:hover,
#sondage .bouton_envoyer:focus{    
    color:#303030;
    text-decoration:none;
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(251,251,251,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(251,251,251,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%);
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 );
}
#sondage .bouton_envoyer:active{
    outline:none;
    background: rgb(244,244,244);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
}
.ie9 #sondage .bouton_envoyer,
.ie9 #sondage .bouton_envoyer:hover,
.ie9 #sondage .bouton_envoyer:focus,
.ie9 #sondage .bouton_envoyer:active{filter:none}

#sondage .navSondage {
    color: #666;
    font-size: 12px;
    line-height: 12px;
    font-family: arial;
    position: absolute;
    right: 20px;
    top: 23px;
}
#sondage .icoPrev, #sondage .icoNext {
    vertical-align: bottom;
    height: 14px;
    width: 10px;
}
#sondage .icoPrev { background-position: 0 -60px;margin-right:5px }
#sondage .icoNext { background-position: -10px -60px;margin-left:5px }
#sondage .icoPrev.selected, #sondage .icoPrev:hover { background-position: 0 -75px }
#sondage .icoNext.selected, #sondage .icoNext:hover { background-position: -10px -75px }
#sondage .icoPrev.noActive { background-position: 0 -45px }
#sondage .icoNext.noActive { background-position: -10px -45px }

/*
- BONS PLANS -------------------------------------------------------------------
*/
#bonsplans{
    padding:15px;
    margin-bottom: 20px;
    border:solid 1px #d8d8d8;
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
}
.ie9 #bonsplans{filter:none}
#bonsplans a{color: #005195}
#bonsplans h2{
    font-family: 'Kreon',serif;color: #005195;font-size: 20px;text-transform: uppercase;
    margin-bottom: 15px
}
#bonsplans h3{
    color:#303030;font-size:18px;font-weight:bold;text-transform:none;margin-bottom:3px
}
#bonsplans h3 a{color:#303030}
#bonsplans li p{font-size:90%;line-height:120%}
#bonsplans .imgS2:hover{border-color: #005195}

/*
- VIDEO ------------------------------------------------------------------------
*/
.video h3{font-weight:bold;line-height:100%;margin-bottom:15px}
.video strong{font-size:15px;line-height:100%}

/*
- TRIBUNES ---------------------------------------------------------------------
*/
.module_standard.tribunes{
    position: relative;
    overflow:hidden;
    font-family:'PT Sans Narrow', sans-serif;
    padding:20px;
    margin-bottom: 20px;
    border: 1px solid #D8D8D8
}
.module_standard.tribunes .bloc_corps{margin-bottom:15px}
.module_standard.tribunes .bloc_corps img{margin-bottom:10px}
.module_standard.tribunes .bloc_detail{margin-bottom:10px;overflow:hidden}
.module_standard.tribunes .spacer{clear:both}
.module_standard.tribunes a{color: #303030;}
.module_standard.tribunes h2{
    font-family: 'Kreon', serif;font-size: 20px;font-weight:bold;text-transform: uppercase;line-height:100%;
    margin-bottom: 15px
}
.module_standard.tribunes h2 a,
.module_standard.tribunes h6 a,
.module_standard.tribunes a.action{color: #005195}
.module_standard.tribunes h4 a,
.module_standard.tribunes h6 a,
.module_standard.tribunes a.action{text-decoration: underline}
.module_standard.tribunes h4 a:hover,
.module_standard.tribunes h6 a:hover,
.module_standard.tribunes a.action:hover{text-decoration: none}
.module_standard.tribunes h3{font-size: 18px;font-weight: bold}
.module_standard.tribunes h4{font-size:16px;font-weight:normal}
.module_standard.tribunes h4 a{text-decoration: underline}
.module_standard.tribunes h6{font-size:14px;text-align:right}
.module_standard.tribunes p.important{font-size:13px;margin-top:2px}
.module_standard.tribunes strong{font-weight:normal}

/*
- ICONES -----------------------------------------------------------------------
*/
.ico{ background-position:0 0 }

.icoPlayVid {
    background-position:-30px -60px;
    height: 62px;width: 62px;
    position: absolute;left: 50%;top: 50%;
    margin-left: -31px;margin-top: -31px;  
}

/* icone plus header */
.icoMoreHead{
    width:24px;
    height:25px;
    background-position:-36px 0;
}
.icoMoreHead.active{ background-position:-60px 0 }
.icoMoreHead:hover{ background-position:-36px -25px }
.icoMoreHead.active:hover{ background-position:-60px -25px }

/* icone fermer */
.icoClose,
.icoOptions{    
    background-position:-100px -60px;
    vertical-align:middle;
}
.icoClose span,
.icoOptions span{ display:none }
a.icoClose:hover,
a.icoClose:focus,
a.icoClose.selected{ background-position:-120px -60px }
a.icoClose:active{   background-position:-140px -60px }

/*
- ARROWS IMG -------------------------------------------------------------------
*/

/* fleches du menu de nav */
.sbArrow{
    display:inline-block;
    vertical-align:top;
    width:9px;
    height:6px;
    _overflow:hidden; /* corrige un bug IE6 qui affiche une hauteur min de 10px */
    background-position:0 -35px;
}

/*
- BOUTONS ----------------------------------------------------------------------
*/

/* Surcharge diaporama */
.prevBtn, .nextBtn {
    height: 54px;
    width: 20px;
    top:50%;
    margin-top:-27px;
}
.prevBtn{background-position: -111px 0;}
.nextBtn{background-position: -133px 0;}
.prevBtn:hover{background-position: -153px 0;}
.nextBtn:hover{background-position: -175px 0;}
.prevBtn:focus{background-position: -195px 0;}
.nextBtn:focus{background-position: -217px 0;}

.btnS-Grey,
.btnL-Grey{
    display:inline-block;
    vertical-align:baseline;
    -webkit-box-shadow:0 1px 0 #999;
    -moz-box-shadow:0 1px 0  #999;
    box-shadow:0 1px 0 #999;
    font:bold 13px 'PT Sans Narrow', sans-serif;color:#303030;text-transform:uppercase;
    *overflow:visible; /* corrige un bug de taille */
    *vertical-align:middle;
    padding:5px 10px;
    text-decoration:none; 
    border:1px solid #d5d5d5;
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
}
.btnS-Black,
.btnL-Black{
    display:inline-block;
    vertical-align:baseline;
    -webkit-box-shadow:0 1px 0 #999;
    -moz-box-shadow:0 1px 0  #999;
    box-shadow:0 1px 0 #999;
    font:bold 13px 'PT Sans Narrow', sans-serif;color:#fff;text-transform:uppercase;
    *overflow:visible; /* corrige un bug de taille */
    *vertical-align:middle;
    padding:5px 10px;
    text-decoration:none; 
    border:1px solid #0a0b0b;
    background: rgb(61,60,60);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkM2MzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTBiMGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(61,60,60,1) 0%, rgba(10,11,11,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,60,60,1)), color-stop(100%,rgba(10,11,11,1)));
    background: -webkit-linear-gradient(top,  rgba(61,60,60,1) 0%,rgba(10,11,11,1) 100%);
    background: -o-linear-gradient(top,  rgba(61,60,60,1) 0%,rgba(10,11,11,1) 100%);
    background: -ms-linear-gradient(top,  rgba(61,60,60,1) 0%,rgba(10,11,11,1) 100%);
    background: linear-gradient(top,  rgba(61,60,60,1) 0%,rgba(10,11,11,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3c3c', endColorstr='#0a0b0b',GradientType=0 );
}
.btnL-Grey,
.btnL-Black{font-size:18px;}

.btnS-Grey:hover,
.btnL-Grey:hover{    
    color:#303030;
    text-decoration:none;
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(251,251,251,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(251,251,251,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%);
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 );
}
.btnS-Black:hover,
.btnL-Black:hover{    
    color:#fff;
    text-decoration:none;
    background: rgb(98,97,97);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyNjE2MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTExMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(98,97,97,1) 0%, rgba(17,17,17,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(98,97,97,1)), color-stop(100%,rgba(17,17,17,1)));
    background: -webkit-linear-gradient(top,  rgba(98,97,97,1) 0%,rgba(17,17,17,1) 100%);
    background: -o-linear-gradient(top,  rgba(98,97,97,1) 0%,rgba(17,17,17,1) 100%);
    background: -ms-linear-gradient(top,  rgba(98,97,97,1) 0%,rgba(17,17,17,1) 100%);
    background: linear-gradient(top,  rgba(98,97,97,1) 0%,rgba(17,17,17,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626161', endColorstr='#111111',GradientType=0 );
}
.btnS-Grey:active,
.btnL-Grey:active{
    color:#303030;
    outline:none;
    background: rgb(244,244,244);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
}
.btnS-Black:active,
.btnL-Black:active{
    color:#fff;
    outline:none;
    background: rgb(10,11,11);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhMGIwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDNjM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(10,11,11,1) 0%, rgba(61,60,60,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,11,11,1)), color-stop(100%,rgba(61,60,60,1)));
    background: -webkit-linear-gradient(top,  rgba(10,11,11,1) 0%,rgba(61,60,60,1) 100%);
    background: -o-linear-gradient(top,  rgba(10,11,11,1) 0%,rgba(61,60,60,1) 100%);
    background: -ms-linear-gradient(top,  rgba(10,11,11,1) 0%,rgba(61,60,60,1) 100%);
    background: linear-gradient(top,  rgba(10,11,11,1) 0%,rgba(61,60,60,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0b0b', endColorstr='#3d3c3c',GradientType=0 );
}
.ie9 .btnS-Grey,
.ie9 .btnL-Grey,
.ie9 .btnS-Black,
.ie9 .btnL-Black,
.ie9 .btnS-Grey:hover,
.ie9 .btnL-Grey:hover,
.ie9 .btnS-Black:hover,
.ie9 .btnL-Black:hover,
.ie9 .btnS-Grey:active,
.ie9 .btnL-Grey:active,
.ie9 .btnS-Black:active,
.ie9 .btnL-Black:active{filter:none}

/*
- SURCHARGE DIAPORAMA ----------------------------------------------------------
*/

/* diaporama Home */
.diapo{ width:622px;height:344px;overflow:hidden }
.diapo li{width:622px;}
.diapo .itemLegend {
    position: absolute;bottom:18px;left:0;   
}
.diapo .itemLegend h3{font-size:28px;}
.diapo .itemLegend a{
    background-color:#000;
    background:rgba(0, 0, 0, 0.8);
    padding:0 10px;
    text-decoration:none;
}

/*
- SURCHARGE VIN ----------------------------------------------------------------
*/
.vindujour p{padding-left:66px}
.oldie .vindujour dt{font-weight:normal !important;}
.noteVin{
    background-position:-165px -63px;
    height:17px;width:65px;
}

.vinForm .input{
        padding:5px 5px;
        color:#838383;
        font-size:14px;
        line-height:100%;
        -moz-border-radius:3px;
        border-radius:3px;
}
.ie8 .vinForm .input,.ie9 .vinForm .input{padding-top:6px}
.vinForm option {
    padding: 0 5px;
}
.vinForm .searchMod .search{width:133px}
.vinForm .searchMod .submit {
    background-position: 0 -130px;
    right: -1px;
}
.vinForm .searchMod .submit:hover,.vinForm  .searchMod .submit:focus {
    background-position: 0 -163px;
}
.vinForm .searchMod .submit:active {
    background-position: 0 -196px;
}
.vinRouge,.vinBlanc,.vinRose{height:17px;width:12px;vertical-align:top}
.vinRouge{background-position:-169px -87px}
.vinBlanc{background-position:-190px -87px}
.vinRose{background-position:-210px -87px}

/* PUBLI-INFO */

/*.boxPubliInfo .piTitle{ border-bottom: 1px solid #D8D8D8;}
.boxPubliInfo .piTitle h2{ position: relative; background: #fff; top: 5px; padding-right: 10px;}
.boxPubliInfo .piColLeft{ width: 201px; padding-right: 20px; border-right: 1px solid #c8c8c8}
.boxPubliInfo .piColRight{ padding-left: 15px; border-left: 1px solid #c8c8c8; position: relative; left: -1px;}
.boxPubliInfo .piPuce{ width: 5px; height: 8px; background-position: 0 -90px ;} */

.boxPubliInfo .piTitle{ border-bottom: 1px solid #A21460;}
.boxPubliInfo .piTitle h2{ position: relative; background: #fff; top: 5px; padding-right: 10px;}
.boxPubliInfo .piTitle h2.fcTheme1{ color: #A21460}
.boxPubliInfo .piColLeft{ width: 201px; padding-right: 20px; border-right: 1px solid #c8c8c8}
.boxPubliInfo .piColRight{ padding-left: 15px; border-left: 1px solid #c8c8c8; position: relative; left: -1px;}
.boxPubliInfo .piPuce{ width: 5px; height: 8px; background: url('http://r.ccmbg.com/femmes/img/sprite_ico.png') no-repeat 0 -472px ;}
.boxPubliInfo a{color:#A21460}
.boxPubliInfo a:hover{ color:#4a99cf}
.boxPubliInfo a.fcFont, .boxPubliInfo a.fcFont:hover{ color: #333333;}
.boxPubliInfo a:hover .imgS3{ border-color:#A21460 }


/* --------------------------------------------------------- */
/*                          START QUIZ                       */
/* --------------------------------------------------------- */

.quiz .h3 { font-family: 'Kreon',serif; font-size: 20px;}
.quiz .propositions li{ margin: 10px 0}
.quiz .propositions li a{
    box-shadow: 0 1px 0 #999999;
    font:bold 12px "Helvetica Neue",Helvetica,Arial,default;           
    text-decoration: none;
    display: block;
    vertical-align: baseline;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
    background: linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
    border: 1px solid #D5D5D5;
    padding: 5px 10px;  
    color: #303030;
    *zoom:1;
}
.quiz .propositions li a:hover{
    color:#303030;
    text-decoration:none;
    cursor:pointer;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fbfbfb));
    background: -webkit-linear-gradient(top, #ffffff 0%,#fbfbfb 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#fbfbfb 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#fbfbfb 100%);
    background: linear-gradient(top, #ffffff 0%,#fbfbfb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 );    
}
.quiz .propositions li a:active{
    outline:none;
    background: #f4f4f4;
    background: -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f4f4f4 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #f4f4f4 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f4f4f4 0%,#ffffff 100%);
    background: linear-gradient(top, #f4f4f4 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
}    
.quiz .pagQuiz {
    color: #666666;
    font-size: 12px;
    font-family: arial;
    position: absolute;
    right: 10px;
    top: 15px;
}
.quiz .zone_image { margin-top: 10px;}
.quiz .zone_image img{ display: block; margin: auto; border: 1px solid #D8D8D8; padding:3px;}

/*
- SURCHARGE EDITORIAL CONTENT --------------------------------------------------
*/
.editorialContent{font:normal 15px 'PT Sans Narrow',sans-serif}

.editorialContent a,
.editorialContent a.em,
.editorialContent a:focus,
.editorialContent a:hover,
.editorialContent blockquote,
.editorialContent ul.simpleList li,
.editorialContent ul.simpleList li a:focus,
.editorialContent ul.simpleList li a:hover,
.editorialContent ul.simpleList li.selected a,
.editorialContent .h9,
.editorialContent .h10{color: #005195}
.editorialContent p.strong.clear{font-size:16px}

.editorialContent .ftA,
.editorialSelection .ftA,
.editorialContent .ftG,
.editorialSelection .ftG{font-family: 'PT Sans Narrow',sans-serif}
.editorialContent table{font:normal 14px 'PT Sans Narrow',sans-serif}

/*
.editorialContent .defilant div.navigation a.navigation,
.editorialContent .prevBtn,
.editorialContent  .nextBtn,
.editorialContent .ico_sldL,
.editorialContent .ico_sldR{background-image:url("../img/hom_sprite_ico.png?201206121222")}
*/
/* boutons */
.editorialContent .buttonM-P{
    color:#fff;
    border:1px solid #0a0b0b;
    background: rgb(61,60,60);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkM2MzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTBiMGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(61,60,60,1) 0%, rgba(10,11,11,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,60,60,1)), color-stop(100%,rgba(10,11,11,1)));
    background: -webkit-linear-gradient(top,  rgba(61,60,60,1) 0%,rgba(10,11,11,1) 100%);
    background: -o-linear-gradient(top,  rgba(61,60,60,1) 0%,rgba(10,11,11,1) 100%);
    background: -ms-linear-gradient(top,  rgba(61,60,60,1) 0%,rgba(10,11,11,1) 100%);
    background: linear-gradient(top,  rgba(61,60,60,1) 0%,rgba(10,11,11,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3c3c', endColorstr='#0a0b0b',GradientType=0 );
    font-size:16px;font-weight: normal;
    padding: 5px 10px;
    text-transform: uppercase;
}
.editorialContent .buttonM-P:hover,
.editorialContent .buttonM-P:focus{
    color:#fff;
    text-decoration:none;
    cursor:pointer;
    background: rgb(98,97,97);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyNjE2MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTExMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(98,97,97,1) 0%, rgba(17,17,17,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(98,97,97,1)), color-stop(100%,rgba(17,17,17,1)));
    background: -webkit-linear-gradient(top,  rgba(98,97,97,1) 0%,rgba(17,17,17,1) 100%);
    background: -o-linear-gradient(top,  rgba(98,97,97,1) 0%,rgba(17,17,17,1) 100%);
    background: -ms-linear-gradient(top,  rgba(98,97,97,1) 0%,rgba(17,17,17,1) 100%);
    background: linear-gradient(top,  rgba(98,97,97,1) 0%,rgba(17,17,17,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626161', endColorstr='#111111',GradientType=0 );
}
.editorialContent .buttonM-P:active{
    color:#fff;
    outline:none;
    background: rgb(10,11,11);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhMGIwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDNjM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(10,11,11,1) 0%, rgba(61,60,60,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,11,11,1)), color-stop(100%,rgba(61,60,60,1)));
    background: -webkit-linear-gradient(top,  rgba(10,11,11,1) 0%,rgba(61,60,60,1) 100%);
    background: -o-linear-gradient(top,  rgba(10,11,11,1) 0%,rgba(61,60,60,1) 100%);
    background: -ms-linear-gradient(top,  rgba(10,11,11,1) 0%,rgba(61,60,60,1) 100%);
    background: linear-gradient(top,  rgba(10,11,11,1) 0%,rgba(61,60,60,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0b0b', endColorstr='#3d3c3c',GradientType=0 );
}
.ie9 .editorialContent .buttonM-P,
.ie9 .editorialContent .buttonM-P:hover,
.ie9 .editorialContent .buttonM-P:focus,
.ie9 .editorialContent .buttonM-P:active{filter:none}


.editorialContent .module_temoignage,
.editorialSelection #module_temoignage{
    padding:15px;
    border:solid 1px #d8d8d8;
    font-size:15px;text-align:left;
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
}
.ie9 .editorialContent .module_temoignage,
.ie9 .editorialSelection #module_temoignage{filter:none}

.editorialContent .module_temoignage .bloc_titre,
.editorialSelection #module_temoignage .bloc_titre,
.editorialSelection #module_temoignage h2{
    font-family: 'Kreon', serif;font-size:20px;font-weight:bold;text-transform: uppercase;line-height:100%;
    margin-bottom: 10px
}
.editorialContent .module_temoignage .bloc_entete,
.editorialSelection #module_temoignage .bloc_entete{
    font-size:18px;font-weight:bold
}
.editorialContent .module_temoignage .bloc_entete img,
.editorialSelection #module_temoignage .bloc_entete img{
    margin-right:10px
}
.editorialContent .module_temoignage .bloc_sous_titre,
.editorialSelection #module_temoignage .bloc_sous_titre{
    font-weight:bold
}
.editorialSelection #module_temoignage .action{margin-bottom:10px}


