/*------------------------------------------------------------------------------

[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

------------------------------------------------------------------------------*/

/* sprite ico */
.defilant div.navigation a.navigation,
.inlineForm .submit.search,
.smallInlineForm .submit.search,
.icoHome,
.icoCadenas,
.icoTwS,
.icoFbS,
.icoJdnS,
.icoInS,
.icoPrint,
.icoBullet,
.editImage .icoMove,
.editImage .icoMini,
.editImage .icoCrop,
.editImage .icoRotate,
.editImage .icoRedim,
.editImage .icoLum,
.icoTvStatus{ background-image:url("../img/sprite_ico.png?201212181140");background-repeat:no-repeat }


/* surlignage */
::selection         { background:#be2323 }
::-moz-selection    { background:#be2323 }

/* elements */
em,.em { color:#238dbe }

/* LINKS */
/* comportement par defaut des a et des .a*/
a, .a{color:#be2323}
a:focus, a:hover{color:#be2323}

/*
- HEADINGS SKIN ------------------------------------------------------------------
*/

/* .h1-.h6 doivent etre utiliser de maniere semantiques */
h1, .h1{ font-size:28px; line-height:1.2; color:#000; font-weight:bold }
h2, .h2{ font-size:18px; color:#be2323; font-weight:normal; text-transform: uppercase; }
h3, .h3{ font-size:14px; font-weight:bold }
h4, .h4{ font-size:12px; color:#666; font-weight:normal; text-transform:uppercase } /* Modif Patrick (2011_07_04) */
h5, .h5{ color:#fff; font-weight:bold; text-transform: none }
h6, .h6{ font-size:14px; color:#be2323; font-weight:bold }
.h7{ font-size:12px; text-transform: none; }
.h8{ font-size: 24px;margin:0 0 10px}
.h9 {color: #303030;font-size: 22px;font-weight: normal;text-transform: uppercase;}
.h10 {color: #666;font-size: 14px;font-weight: normal;text-transform: uppercase;}
.h11 {color: #be2323;font-size: 16px;font-weight:bold;text-transform: none;}
h1,h2,h3,h4,h5,h6,h7{ line-height:1.4 }

h2 a, .h2 a, h6 a, .h6 a{ color:#be2323;}
/*h3 a, .h3 a, h4 a, .h4 a{ color:#303030;}*/
h3 a, .h3 a{ color:#303030 } /* Modif David (2011_08_28) */
h4 a, .h4 a{ color:#666;} /* Modif Patrick (2011_07_04) */

/* utilitaires */
.ftTheme{ color:#be2323 !important}
.ftNoTheme, .ftNoTheme a{ color:#238dbe}
.ftTheme2{ color:#be2323 }
.ftTheme2 a{ color:#000 }
.ftFont, a.wrapper, .fcFont { color:#333; }
.ftFont2{ color:#303030 }
.ftNeutre{ color: #666}
.ftNeutre:hover{ color: #666}
.ftNormal{ font-weight: normal;}
.ftGeorgia{ font-family: Georgia;}
.ftFb{color: #3b5998;}
.ft95{font-size:95%;}
.uppercase{ text-transform: uppercase}
.lowercase{ text-transform: lowercase}
.underline, a .underline{ text-decoration: underline}
.underline:hover, a.underline:hover, a:hover .underline{ text-decoration: none }

/* couleur de chaine TV */
.fcTv{ color: #3fb0e4}

/* links specifiques */
a.fcTv:hover {
  color: #3fb0e4;
  text-decoration: none;
}

/*
- LISTS SKIN -------------------------------------------------------------------
- précéder toutes les list par l'identifiant du site : .linter_nomClass
*/

/* fil d'ariane */
.breadcrumb li{ float:left }
.breadcrumb .selected a{ color:#666 }

/* utilise sur la page pivot */
.linter_list1 li{ float:left; padding-left:8px; margin-left:8px; border-left:1px solid #acacac }
.linter_list1 li:first-child{ padding:0; margin:0; border:none }

/*
- STYLE APPLI EXPERTS -----------------------------------------------------------------
*/

input.type1,
.field_wrapper {
    padding: 3px 8px 5px 8px;
    border: 1px solid #ccc;
    background: #fff;
}
input.type1 {
    /* Possibilite de supprimer le width fixe si utilisation d'un width 100% + div parent skinable (voir Expeert)*/
    width: 202px; /* 218px */
}
input.type1:focus {
    border-color: #be2323;
}

.pad15-20 { padding: 15px 20px; }
.pad30-20 { padding: 30px 20px; }
.marB40 { margin-bottom: 40px;}
.marL50 { margin-left: 50px; }


/*------------------------------------------------------------------------------

SURCHARGE LAYOUT.CSS

------------------------------------------------------------------------------*/

.body{ padding:20px; background: #fff; _zoom:1; }

/*/----> GESTION DES LAYOUTS <----/*/

.ctCols{width:640px;}

#header{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 10px 20px 0 20px;
    position: relative;
    z-index: 1;}

/* header */
.head{
    position:relative;
    width:100%;
    z-index:100;
    color:#666;
}
.head .page{ position:relative }
.head .logo { float:left; margin-top:15px; margin-right: 15px; padding-bottom: 15px; background: url("../img/logo_shadow.png") no-repeat 50% 100%;  }
.head a,.head a:hover, .head a:focus, .head a:active{text-decoration:none}

/* message de bienvenu */
.bienvenue{ color:#303030 }

/* sous menu de navigation inter sites */
.sbMenu{    
    width:100%;
    background:#fff;
    z-index:-1;
}

/* menu de navigation du site */
.nav{
    margin-bottom: 30px;
    border-bottom: 1px solid #d8d8d8;
}  
    .nav li .navLink{
        display:block;
        height:36px;
        line-height:36px;
        padding:0 15px;
        border: 1px solid #d8d8d8;
        border-bottom: 0;
        background: #f3f3f3; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 1%, #f3f3f3 50%, #ececec 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(1%,#fdfdfd), color-stop(50%,#f3f3f3), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#fdfdfd 1%,#f3f3f3 50%,#ececec 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#fdfdfd 1%,#f3f3f3 50%,#ececec 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#fdfdfd 1%,#f3f3f3 50%,#ececec 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #ffffff 0%,#fdfdfd 1%,#f3f3f3 50%,#ececec 100%); /* W3C */
        color:#333;
        font-weight: bold;
        font-size:13px;
        text-transform:uppercase;
        text-decoration: none;
    }
    .nav .navLink:hover,
    .nav .navLink:focus
    .nav .navLink:active{
        text-decoration: none;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 60%, #f6f6f6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#ffffff), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 60%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 60%,#f6f6f6 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #ffffff 60%,#f6f6f6 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #ffffff 60%,#f6f6f6 100%); /* W3C */
        color:#BE2323;
    }

/* sous nav */
.nav .sbnav{
    display:none;
    position:absolute;
    top:36px;
    left:0;
    width:178px;
    padding: 10px 0;
    margin:0;
    font-size: 12px;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-top: 3px solid #be2323;
    -webkit-box-shadow:1px 7px 10px #000;
    -webkit-box-shadow:1px 7px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow:1px 7px 10px  #000;
    -moz-box-shadow:1px 7px 10px  rgba(0, 0, 0, .2);
    box-shadow:1px 7px 10px #000;
    box-shadow:1px 7px 10px rgba(0, 0, 0, .2);
}
    .nav .sbnav li{ padding:0 15px; margin-bottom: 10px }
    
/* footer */
.foot, .foot .page{
    background: #000; *zoom:1}
.foot .page{
    width:960px;
    padding: 0 20px;
    overflow: hidden;
}
.foot .h6{ color:#fff }
.foot label{ color:#9f9f9f }
.foot1{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #4d4d4d }
.foot2{ text-align:center; border-top:1px solid #9f9f9f; padding: 10px 0; }

/* inscription newsletter footer */
.foot .searchMod .submit{ background-position:-76px -142px }

/* BLOC SERVICES A CHANGER PAR SUDO SLIDER */
.defilant { position:relative; zoom:1 }
.size4of12 .section .box.defilant { width:298px; /*border:1px solid #d8d8d8;*/}
.size4of12 .section .box.defilant div.items div.item { width:298px;overflow:hidden;}
.size4of12 .section .box.defilant div.navigation { margin-left:-4px; }
.defilant div.navigation { position:absolute; z-index:20; top:50%; margin-top:-27px; height:50px; font-weight:bold;  font-family:georgia; font-size:12px; letter-spacing:30; }
.defilant div.navigation.suivant { right:-4px }
.defilant div.navigation.precedent { left:-4px }
.defilant div.navigation a.navigation {position:relative; z-index:1000;display:block; width:20px; height:54px; }
.defilant div.navigation a.navigation span { display:none; }
.defilant div.navigation a.detail  { position:relative; display:block;  width:204px; height:50px; color:#fff;text-decoration:none;}
.defilant div.navigation a.detail span { display:block; float:right; width:110px; height:30px; line-height:15px;padding:10px; background:#303030; }
.defilant div.navigation.precedent a.detail  img { float:left; }
.defilant div.navigation.suivant a.detail  img { float:right; }
.defilant div.navigation.precedent a.navigation{ /*float:left;*/background-position:-111px 0; }
.defilant div.navigation.precedent a.navigation:hover{ background-position:-153px 0; }
.defilant div.navigation.precedent a.navigation:active{ background-position:-195px 0; }
.defilant div.navigation.precedent a.detail { left:-220px;float:left; }
.defilant div.navigation.suivant a.detail { left:0;float:left; }
.defilant div.navigation.suivant a.navigation { /*float:right;*/background-position:-133px 0; }
.defilant div.navigation.suivant a.navigation:hover { /*float:right;*/ background-position:-175px 0; }
.defilant div.navigation.suivant a.navigation:active  { /*float:right;*/ background-position:-217px 0; }
.defilant .scrollwrap {  position:absolute; /*top:3px;*/ left:0;width:10000px; }
.defilant .scrollwrap div.item { float:left; position:relative; /*padding:0 3px;*/}
.defilant .scrollwrap li { display:block; float:left; text-align:center; }
.defilant .scrollwrap li.last { margin-right:0; }

.posterSlide{
    overflow:hidden;
    position:relative; /* corrige un bug IE6 / 7 */
    zoom:1;
    _width:960px;
}
    .ctSlider {
        position: relative;
        width: 2000px;
    }


/* services home */
.posterSlide .srvS{
    float:left;
    width:240px;
    height:165px;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    border-right:1px solid #ccc;
    background:url(../img/sprite_service.png) no-repeat 50% 0;
}
.posterSlide .srvS a{ position:relative; display:block; height:165px; color:#303030 }
.posterSlide .srv1{ background-position:50% 0 }
.posterSlide .srv2{ background-position:50% -165px }
.posterSlide .srv3{ background-position:50% -330px }
.posterSlide .srv4{ background-position:50% -495px }
.posterSlide .srv5{ background-position:50% -660px }    

/*------------------------------------------------------------------------------

SURCHARGE MOD.CSS

------------------------------------------------------------------------------*/

/*
- MODULE SKIN ------------------------------------------------------------------
- Ne pas utiliser .box3 c'est le style des autocomplete jquery
- Ne pas utiliser .box9 c'est le style des modals de l'editeur wisiwyg
*/

.selected{_width:auto !important;}
.box1{
    padding:5px 10px;
    border-top:1px solid #d5d5d5;
}
.box2{ border-bottom:2px solid #d5d5d5; padding-bottom: 5px; margin-bottom: 15px; }
.box6{ border:1px solid #d5d5d5;}
.box4{ background: #303030; padding:10px 15px; color: #fff}
.box5{ border:1px solid #dadada;}
.box7{ background: #000; border: 1px solid #484744; }
.box8{ background: #F1EFE8; }

.shareBox { *zoom:1}
.shareBox iframe{ display:inline-block; vertical-align:middle }

/*
- BOUTONS ----------------------------------------------------------------------
*/
 
/*/----> Taille des boutons <----/*/
.btnS, .btnM,
.ui-widget button{
    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-weight:bold;
    text-transform:uppercase;
    *overflow:visible; /* corrige un bug de taille */
    *vertical-align:middle;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    font-size:11px;    
}
.btnM{
    height: 33px;
    line-height: 33px;
    font-size:16px;    
}

/* pour formulaire */
input.btnS,
button.btnS,
.ui-widget button{
    height:24px;
}
input.btnM,
button.btnM{
    height:35px;
}
.ui-widget button,
button.btnS,
button.btnM,
input.btnS,
input.btnM{ line-height:normal; }

/*/----> Couleur des boutons <----/*/
/* bouton gris */
.btnG,
.ui-widget button{
    color:#303030;
    border:1px solid #d5d5d5;
    background: #FFFFFF; /* old browsers */
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #FFFFFF 0%,#F4F4F4 100%); /* opera */
}
.btnG:hover,
.btnG:focus{    
    color:#303030;
    text-decoration:none;
    cursor:pointer;
    background: #FFFFFF; /* old browsers */
    background: -moz-linear-gradient(top, #FFFFFF 0%, #FBFBFB 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#FBFBFB)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FBFBFB',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #FFFFFF 0%,#FBFBFB 100%); /* opera */
}
.btnG:active{
    color:#303030;
    outline:none;
    background: #F4F4F4; /* old browsers */
    background: -moz-linear-gradient(top, #F4F4F4 0%, #FFFFFF 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F4F4), color-stop(100%,#FFFFFF)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F4F4', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #F4F4F4 0%,#FFFFFF 100%); /* opera */
}

/* bouton black */
.btnB{
    color:#fff;
    border:1px solid #000;
    background: #3C3C3C; /* old browsers */
    background: -moz-linear-gradient(top, #3C3C3C 0%, #0B0B0B 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3C3C3C), color-stop(100%,#0B0B0B)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3C3C3C', endColorstr='#0B0B0B',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #3C3C3C 0%,#0B0B0B 100%); /* opera */
}
.btnB:hover,
.btnB:focus{
    color:#fff;
    text-decoration:none;
    cursor:pointer;
    background: #616161; /* old browsers */
    background: -moz-linear-gradient(top, #616161 0%, #111111 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#111111)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#111111',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #616161 0%,#111111 100%); /* opera */
}
.btnB:active{
    color:#fff;
    outline:none;
    background: #0B0B0B; /* old browsers */
    background: -moz-linear-gradient(top, #0B0B0B 0%, #3C3C3C 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B0B0B), color-stop(100%,#3C3C3C)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B0B0B', endColorstr='#3C3C3C',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #0B0B0B 0%,#3C3C3C 100%); /* opera */
}
/* bouton rouge */
.btnR{
    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 */
}
.btnR:hover,
.btnR: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 */
}
.btnR: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 */
}

/*
- ICONES (fleches) -------------------------------------------------------------
*/

.icoTV{ background-position: -1px -296px; width: 18px; height: 18px; vertical-align: middle; margin-top: -6px;}
.icoDico{ background-position: -77px -296px; width: 18px; height: 18px; vertical-align: middle}
.icoAnnonce{ background-position: -153px -296px; width: 18px; height: 18px; vertical-align: middle}
.icoHotel{ background-position: -20px -296px; width: 18px; height: 18px; vertical-align: middle}
.icoItineraire{ background-position: -39px -296px; width: 18px; height: 18px; vertical-align: middle}
.icoSpectacle{ background-position: -58px -296px; width: 18px; height: 18px; vertical-align: middle}
.icoCinema{ background-position: -96px -296px; width: 18px; height: 18px; vertical-align: middle}
.icoPresidentielle{ background-position: -176px -390px; width:27px; margin-left:-4px; margin-right:9px; height:18px; vertical-align: middle}
.icoFP{ background-position: -204px -390px; width: 18px; height: 18px; vertical-align: middle}
.icoVoyage{ background-position: -115px -296px; width: 18px; height: 18px; vertical-align: middle}
.icoRestaurant{ background-position: -134px -296px; width: 18px; height: 18px; vertical-align: middle}
.icoActualite{ background-position: -1px -315px; width: 18px; height: 18px; vertical-align: middle; position: relative; top: -2px;}
.icoFemmes{ background-position: -20px -315px; width: 18px; height: 18px; vertical-align: middle}
.icoDroitFinance{ background-position: -39px -315px; width: 18px; height: 18px; vertical-align: middle}
.icoSante{ background-position: -214px -342px; width: 26px; height: 20px; vertical-align: middle; margin-left: -3px}
    .icoSante.marR15{ margin-right: 9px;}
.icoAuto{ background-position: -77px -315px; width: 18px; height: 18px; vertical-align: middle}
.icoHommes{ background-position: -135px -316px; width: 18px; height: 18px; vertical-align: middle}
.icoPlus{ background-position: -115px -315px; width: 18px; height: 18px; vertical-align: middle}
.icoJO2012{ background-position: -139px -409px; width: 28px; height: 18px; vertical-align: middle}

/* ico Services */
.icoRegime-G{   background-position: -1px -361px; width: 18px; height: 18px; vertical-align: text-bottom}
.icoEmploi-G{   background-position: -20px -361px; width: 18px; height: 18px; vertical-align: text-bottom}
.icoHotel-G{    background-position: -39px -361px; width: 18px; height: 18px; vertical-align: text-bottom}
.icoImmo-G{     background-position: -58px -361px; width: 18px; height: 18px; vertical-align: text-bottom}
.icoShopping-G{ background-position: -77px -361px; width: 18px; height: 18px; vertical-align: text-bottom}
.icoQI-G{       background-position: -96px -361px; width: 18px; height: 18px; vertical-align: text-bottom}
.icoVols-G{     background-position: -115px -361px; width: 18px; height: 18px; vertical-align: text-bottom}
.icoForum-G{    background-position: -193px -359px; width: 18px; height: 18px; vertical-align: text-bottom}
.icoAndroid-G{  background-position: 0 -410px; width: 18px; height: 18px; vertical-align: text-bottom}
.icoIphone-G{   background-position: -19px -410px; width: 18px; height: 18px; vertical-align: text-bottom}
.icoBonsplans-G{background-position: -39px -410px; width: 18px; height: 18px; vertical-align: text-bottom}
.icoAnnonces-G{ background-position: -58px -410px; width: 18px; height: 18px; vertical-align: text-bottom}
.icoRecette-G{  background-position: -115px -410px; width: 18px; height: 18px; vertical-align: text-bottom}
.icoQuiz-G{     background-position: -210px -363px; width: 18px; height: 18px; vertical-align: text-bottom}
 
/* icones quizz */
.icoPrev{background-position: -22px -230px; width: 15px; height: 18px; vertical-align: middle;}
.icoNext{background-position: -5px -230px; width: 15px; height: 18px; vertical-align: middle;}

.icoPrev:hover{background-position: -108px -230px; width: 15px; height: 18px;}
.icoNext:hover{background-position: -91px -230px; width: 15px; height: 18px;}

.icoPrev.selected{background-position: -65px -230px; width: 15px; height: 18px;}
.icoNext.selected{background-position: -46px -230px; width: 15px; height: 18px;}

/* icone internaute */
.icoInternaute{ background-position: -5px -255px; width: 40px; height: 40px;}

/* icone Pages Jaunes */
.icoPj{background-position: -155px -316px; width: 13px; height: 13px; vertical-align: text-bottom}

/* icones Services */
.icoServiceResto{background-position: 0 -205px; width: 18px; height: 20px; vertical-align: text-bottom}
.icoServiceAbo{background-position: -19px -205px; width: 18px; height: 16px; vertical-align: text-bottom}
.icoServiceAssur{background-position: -36px -205px; width: 18px; height: 15px; vertical-align: text-bottom}
.icoServiceEmploi{background-position: -54px -205px; width: 18px; height: 16px; vertical-align: text-bottom}
.icoServiceAdsl{background-position: -96px -409px; width: 18px; height: 20px; vertical-align: text-bottom}
.icoServiceHoroscope{background-position: -75px -408px; width: 18px; height: 20px; vertical-align: text-bottom}

/*
- SLIDER (diaporama) -----------------------------------------------------------
- http://webbies.dk/SudoSlider/
*/

.diapo .buttonM-R{
    margin:15px 0 0 15px;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.diapo{ _zoom:1 }
.diapo li{ width: 432px }
.diapo .navL, 
.diapo .navR{ width: 220px; margin-top:-27px}
.diapo .itemBt{ background:none; padding-left:0 }
    .diapo .itemBt h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .diapo .itemBt span{
        background-image: url("../img/bg_black70.png")\9;
        background: rgba(0, 0, 0, 0.7);
        padding: 0 10px;
    }
    #controls .navL, #controls .navR { width: 220px; margin-top: -27px;}
    #controls .navR {
        _left: 262px;
    }
    
 /* TV diaporama */
.diapo .tvLinks {
    position: absolute;
    left:25px;
    top:20px;
}
.diapo .tvLinks .tvLink {
    background-color: #fff;
    background: none repeat scroll 0 0 rgba(225, 225, 225, 0.8);
    border:solid 1px #d5d5d5;
    color: #0f0e10;
    cursor:pointer;
    font-size: 11px;
    height: 60px;
    overflow: hidden;
    padding:5px;
    width: 130px;
}
.diapo .tvLinks .tvLink img {
    display: block;
    float: left;
    margin: 0 8px 3px 0;
}
.diapo .tvLinks .tvLink a { color:#0f0e10; text-decoration:none; }
.diapo .tvLinks .tvLink {
    font-size:12px;
    font-weight:bold;
    color:#303030;
    text-decoration:none
}
.diapo .itemTv {
    color: #FFFFFF;
    font-size: 16px;
    position: absolute;
    bottom: 20px;right: 20px;
}
.diapo .canalTv {
    position:absolute;
    top:20px;right:20px;
    text-align:right;
}
.diapo .itemTv.btnR { 
    font-size:16px;
    padding-top:5px;padding-bottom:5px;
    -moz-box-shadow:0 1px 0 rgba(0,0,0,.5); 
    -webkit-box-shadow:0 1px 0 rgba(0,0,0,.5); 
    box-shadow:0 1px 0 rgba(0,0,0,.5); 
}

/*
- PROGRAMME TV ---------------------------------------------------------------
*/

.prgChannel{
    width: 55px;
    float: left;
}
.prgTitle{
    padding-right: 50px;
    overflow: hidden;
}
.prgTime{
    position: absolute;
    right: 10px;
    top: 5px;
    width:50px;
    text-align: right
}

/*
- BLOC DE CONNECTION ---------------------------------------------------------------
*/

.connect {
    background: none;
    padding: 10px 0;
    text-align: left;
}

.connect .btnLoc {
    bottom: 15px;
    position: absolute;
    right: 18px;
}
.connect .newMember, .connect .alreadyMember {
    height: 125px;
    padding: 20px;
    position: relative;
}

.connect .newMember {
    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 */    
    float: left;
    font-size: 18px;
    margin-right: 10px;
    width: 260px;
}
.connect .alreadyMember {
    overflow: hidden;
    background-color: rgba(0,0,0, 0.8);
    color:#FFFFFF;
}

.connect .alreadyMember .icoClose {
    position: absolute;
    right: 20px;
    top: 15px;
}

.connect .alreadyMember .inputTxt {
    background: -moz-linear-gradient(center top , #F6F6F6 0%, #FFFFFF 100%) repeat scroll 0 0 transparent;
    border: 1px solid #DDDDDD;
    height: 31px;
    line-height: 31px;
    padding: 0 5px;
    vertical-align: middle;
    width: 290px;
}

/*
- MOTEUR DE RECHERCHE ----------------------------------------------------------
*/

.form.formS .input{
    position: relative;
    color:#333;
    font-size: 12px;
    padding: 0 5px;
    border:1px solid #dddddd;
    background: #F6F6F6; /* old browsers */
    background: -moz-linear-gradient(top, #F6F6F6 0%, #FFFFFF 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F6F6), color-stop(100%,#FFFFFF)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6F6F6', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #F6F6F6 0%,#FFFFFF 100%); /* opera */
}
.form.formS .input input{
    border:none;
    background: none;
    width: 100%;
    display: block;
    height:24px;
    line-height:24px;
}
/*
.inlineForm      = version standard
.inlineForm.sch2 = version resultats de recherche
*/
.inlineForm{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    *zoom:1;
    *display:inline;
}
    .inlineForm legend{
        display:none;
    }
    .inlineForm .input{
        border:none;
        float:left;
        width:390px;
        _width:354px;
        height:19px;
        padding:6px 37px 6px 6px;
        color:#838383;
        font-size:14px;
        line-height:19px;
        border:1px solid #dddddd;
        background: #F6F6F6; /* old browsers */
        background: -moz-linear-gradient(top, #F6F6F6 0%, #FFFFFF 100%); /* firefox */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F6F6), color-stop(100%,#FFFFFF)); /* webkit */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6F6F6', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
        background: -o-linear-gradient(top, #F6F6F6 0%,#FFFFFF 100%); /* opera */
        -moz-border-radius:3px;
        -webkit-border-radius:3px;     
        border-radius:3px;        
    }
    .inlineForm .submit{
        position:absolute;   
        top:0;
        right:0;
        width:36px;
        height:33px;
        cursor:pointer;
        border:none;
        -moz-border-radius: 0 3px 3px 0; 
        -webkit-border-radius: 0 3px 3px 0; 
        border-radius: 0 3px 3px 0;
        z-index: 100;
    }
    .inlineForm .submit.search{
        background-position:-3px -162px;
        text-indent:-9999em;
        *padding-left:9999em; /* corrige le bug de text-indent non pris en charge sur IE */
        _border-left:1px solid #ddd;
    }
    /* petitmoteur*/
    .smallInlineForm{
        display: block;
        position: relative;
        height:22px;
        padding: 0 24px 0 5px;
        color:#838383;
        line-height:22px;
        font-size: 12px;
        border:1px solid #ccc;
        background: #F6F6F6; /* old browsers */
        background: -moz-linear-gradient(top, #F6F6F6 0%, #FFFFFF 100%); /* firefox */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F6F6), color-stop(100%,#FFFFFF)); /* webkit */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6F6F6', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
        background: -o-linear-gradient(top, #F6F6F6 0%,#FFFFFF 100%); /* opera */
    } 
    .smallInlineForm .input{
        border:0;
        color:#5d5d5d;
        background: none;
        width: 100%;         
        height:22px;
        line-height: 22px;
    }
    .smallInlineForm .submit{
        position:absolute;     
        top:0;
        right:0;
        width:26px;
        height:22px;
        cursor:pointer;
        border:none;
    }
    .smallInlineForm .submit.search{
        text-indent:-9999em;
        background-position:-45px -162px;
        *padding-left:9999em; /* corrige le bug de text-indent non pris en charge sur IE */
    }

/*
- INJECT : BLOC DE QUIZ ---------------------------------------------------------------
*/

#inject{
    border:1px solid #ccc;
    padding:15px;
    margin:15px 0;
    position: relative;
}
#inject .pagQuiz{ position: absolute; top: 10px; right: 10px; font-size: 12px; color: #666666;}
#inject .bloc_titre a{
    color:#238DBE;    
    font-size:18px;
    font-weight:normal;
    text-transform:uppercase
}
#inject .image_quiz{
    padding:2px;
    border:1px solid #ccc; 
    margin-right:10px;
}
#inject .bloc_titre_quiz{
    margin-bottom:10px;
}
#inject .bloc_titre_quiz a{
    font-size:115%;    
    color:#303030;
    font-weight: bold;
}
#inject .bloc_titre_question a{
    font-weight:bold;
    color:#303030;
}
#inject .bloc_jouer{ text-align:right }
#inject .bloc_jouer a{
    color:#238DBE;
    font-size:12px;    
    text-decoration:underline;
}
#inject .bloc_jouer a:hover{
    text-decoration:none;
}
#inject #propositions{
    margin-top:20px;
}
#inject #propositions li{ margin-bottom: 5px }
/* bouton gris */
#inject #propositions a{
    box-shadow: 0 1px 0 #999999;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;    
    padding: 4px 10px;
    vertical-align: baseline;
    color:#303030;
    border:1px solid #d5d5d5;
    background: #FFFFFF; /* old browsers */
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #FFFFFF 0%,#F4F4F4 100%); /* opera */
}
#inject #propositions a:hover,
#inject #propositions a:focus{    
    text-decoration:none;
    cursor:pointer;
    background: #FFFFFF; /* old browsers */
    background: -moz-linear-gradient(top, #FFFFFF 0%, #FBFBFB 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#FBFBFB)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FBFBFB',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #FFFFFF 0%,#FBFBFB 100%); /* opera */
}
#inject #propositions a:active{
    outline:none;
    background: #F4F4F4; /* old browsers */
    background: -moz-linear-gradient(top, #F4F4F4 0%, #FFFFFF 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F4F4), color-stop(100%,#FFFFFF)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F4F4', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #F4F4F4 0%,#FFFFFF 100%); /* opera */
}    
    
/*
- APPLICATION SONDAGE HOME -----------------------------------------------------
*/

#sondage{
    padding:0;
    margin:0;
    min-height:322px;
    width:auto;
}
#sondage p.bloc_titre{
    border-bottom: 2px solid #D5D5D5;
    margin-bottom: 15px;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}
#sondage p.bloc_titre a{
    color: #238DBE;
}
#sondage p.bloc_entete{
    font-size: 115%;
    margin-bottom: 10px;
    color: #303030;
    font-weight: bold;
}
#sondage form{
    background : none;
    border : none;
    padding : 0;
    width:auto;
}
#sondage form label{
    font-size:12px;
}
#sondage form p.tous{
    float: none;
    overflow: hidden;
    text-align: right;
    margin-top: 17px;
}
#sondage form p.tous a{
    color: #238DBE;
    font-weight:normal;
    font-size: 12px;
    text-decoration: underline;
}
#sondage form p.tous a:hover{
    text-decoration: none
}
#sondage form input{ margin:2px 5px 0 0; clear: left; float: left;}
#sondage form label{ float: none; overflow: hidden; display: block; margin-bottom:5px;}
#sondage form p.bt_submit{
    margin : 10px 0 0 0;
    clear: both;
    float: left;
    width: 50%;
}
#sondage form p.bt_submit .bouton_envoyer{
    box-shadow: 0 1px 0 #999999;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    line-height: 22px;
    padding: 0 10px;
    text-transform: uppercase;
    vertical-align: baseline;
    color:#fff;
    border:1px solid #000;
    background: #3C3C3C; /* old browsers */
    background: -moz-linear-gradient(top, #3C3C3C 0%, #0B0B0B 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3C3C3C), color-stop(100%,#0B0B0B)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3C3C3C', endColorstr='#0B0B0B',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #3C3C3C 0%,#0B0B0B 100%); /* opera */
}
#sondage form p.bt_submit .bouton_envoyer:hover,
#sondage form p.bt_submit .bouton_envoyer:focus{
    text-decoration:none;
    cursor:pointer;
    background: #616161; /* old browsers */
    background: -moz-linear-gradient(top, #616161 0%, #111111 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#111111)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#111111',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #616161 0%,#111111 100%); /* opera */
}
#sondage form p.bt_submit .bouton_envoyer:active{
    outline:none;
    background: #0B0B0B; /* old browsers */
    background: -moz-linear-gradient(top, #0B0B0B 0%, #3C3C3C 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B0B0B), color-stop(100%,#3C3C3C)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B0B0B', endColorstr='#3C3C3C',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #0B0B0B 0%,#3C3C3C 100%); /* opera */
}


/*
- APPLICATION EXPERTS ----------------------------------------------------------
*/

.icoHome {
    background-position:-30px -340px;
    display: inline-block;
    height: 12px;
    vertical-align: baseline;
    width: 13px;
}

/* Connexion Auteur (cadenas) */
.icoCadenas {
    background-position:0 -340px;
    display: inline-block;
    width: 10px;
    height: 17px;
    vertical-align: middle;
    
}
.icoTwS, .icoFbS, .icoJdnS, .icoInS {
    width:14px;
    height: 16px;
    margin-right: 2px;margin-left:0;
    background-position:0 0;
    text-indent: -9999px;
    /* IE6+7 Fix */
    *text-indent:0;
    *font-size:0;
    *line-height:0;
    *overflow:hidden;
}
.icoTwS {
    background-position: -50px -340px;
}
.icoFbS {
    background-position: -70px -340px;
}
.icoJdnS {
    background-position: -91px -340px;
}
.icoInS {
    background-position: -111px -340px;
}
.icoPrint {
    background-position:-12px -337px;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    width: 16px;
}
.icoBullet {
    width: 43px;
    height: 36px;
    background-position:-144px -339px;
    color: #fff;
    font-size: 18px;
}

/*
- MODALE DE MODIFICATION D'IMAGE -----------------------------------------------
*/     

.editImage{
    position:absolute;
    left:50%;
    top:40%;
    width:250px;    
    z-index:10;        
}    
    .editImage .hd{
        position:relative;
        background:#000;
        padding:10px 60px 10px 10px;
        color:#a8a8a8;
    }
        /* icones */
        .editImage .icoMove,
        .editImage .icoMini{
            position:absolute;
            top:50%;
            margin-top:-9px;        
            display:inline-block;
            width:18px;
            height:18px;            
        }
        .editImage .icoMove{
            right:33px;
            background-color:#313131; 
            background-position:-7px -387px;
        }
        .editImage .icoMove:hover{ cursor:move }
        .editImage .icoMini{        
            right:10px;        
            background-color:#313131; 
            background-position:-45px -387px;
        }
    .editImage .bd{
        background:#313131;
        background:hsla(0,0%,0%,.8);
        padding:0 10px 5px;
        color:#fff;
        overflow:hidden;        
    }
    .editImage .bd li{
        position:relative;
        padding-left:40px;
        zoom:1;
    }
        /* icones */
        .editImage .icoCrop,
        .editImage .icoRotate,
        .editImage .icoRedim,
        .editImage .icoLum{
            position:absolute;
            top:5px;
            left:0;            
            display:inline-block;
            width:30px;
            height:30px; 
            -moz-border-radius: 5px;
            border-radius: 5px; 
        }
        .editImage .icoCrop{    background-color:#1f1f1f;background-position:-63px -383px }
        .editImage .icoRotate{  background-color:#1f1f1f;background-position:-91px -383px }
        .editImage .icoRedim{   background-color:#1f1f1f;background-position:-118px -383px }
        .editImage .icoLum{     background-color:#1f1f1f;background-position:-144px -384px }

/*- MODALE EN OVERLAY -*/
/* objet modal */
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background: url("../img/bg_hilight.png");
  display:none;
}
#modals .window {
  position:absolute;
  left:0;
  top:0;
  width: 560px;
  display:none;
  z-index:9999;
}


/*
- CHAINE TV --------------------------------------------------------------------
*/

/* Chaine TV - Liste des programmes */
.progList li a {
    display: block;
    color: #fff;
    text-decoration:none;
    background: #303030;
}
.progList li a:hover,
.progList li a:focus,
.progList li a.current {
    background: #c30b6e;
}
.progList .even a { background: #000; }
.progList a .icoMiniPlay2 { display:none }
.progList li a.current .icoMiniPlay2 { display:inline-block }

/*  Chaine TV - Statut */
.icoTvStatus {
    height: 27px;
    line-height: 27px;
}
    .icoLive {
        width: 41px;
        background-position: -55px -255px;
    }
    .icoReplay {
        width: 61px;
        background-position: -106px -255px;
    }
    
/* Chaine TV - Fermer*/
.icoClose2 {
    width: 10px;
    height: 10px;
    background-position: -208px -255px;
}
.icoClose2:hover {
    background-position: -208px -268px;
}

/* Fleches diaporama TV */
.icoArrowW {
    background-position:-36px -34px;
    width:8px;
    height:12px;
}
.icoArrowG {
    background-position:-55px -79px;
    width:8px;
    height:9px;
}

/*/----> BOUTONS CHAINE TV <----/*/
.btnChaineTv {
    display: inline-block;
    position: relative;
    padding: 2px;
    background: #000;
    border: 1px solid #484744;
}
.btnChaineTv:hover, .btnChaineTv:focus {
    border-color: #b22222;
}