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

[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}