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

[MEDIA:SCREEN] - CCM/Benchmark Framework

Document : Layout CSS
Author   : Damien SYREN

Cette page recense tous les modules (objets) r�utilisables dans le site.

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

.mod{margin-bottom:10px}

/*
- 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
*/

.box1{
    padding:4px 15px;
    border:1px solid #d4d4d4;
    background:#fff url(../img/sprite_button.png) 0 -600px repeat-x;
}
.box2{ position:relative; background:#efefef }

/* degrad� gris */
.box4{
    border:1px solid #ccc;
    background-color:#f3f3f3; /* pour opera / ne supporte pas encore les degrades */
    background: -moz-linear-gradient(top, #ffffff 50%, #e9e9e9 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#e9e9e9)); /* webkit */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e9e9e9'); /* IE6,IE7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e9e9e9')"; /* IE8 */    
    *zoom:1;    
}
.box5{
    border:1px solid #d8d8d8;
    background: #ffffff; /* old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #EAEAEA 50%, #FFFFFF 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#EAEAEA), color-stop(100%,#FFFFFF)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EAEAEA',GradientType=0 ); /* ie */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea')"; /* IE8 */
    *zoom:1;   
}
.box6{ border:1px solid #ccc }

/*
- PUBLICITE --------------------------------------------------------------------
*/

#position3 {margin-top:10px}

/*
- DIAPORAMA (slideshow) --------------------------------------------------------
*/


#diaporama { overflow:hidden;border:1px solid #d8d8d8;}
.diapoCt{ position:relative; border:8px solid #fff; height:321px; overflow:hidden;}
#diaporama div.navigation { width:224px; }
#diaporama div.item { width:637px;height:327px; }
#diaporama div.item img {width:637px;}
#diaporama div.item img.miniature { display:none; }
#diaporama div.navigation span.survol { position:absolute;top:-123px; display:block; width:311px; height:299px; cursor:pointer;text-indent:-2000px; display:none;}
#diaporama div.navigation.precedent a.navigation{ float:left; }
#diaporama div.navigation.suivant a.navigation{ float:right; }
#diaporama div.navigation.suivant span.survol{  left:-91px; }
#diaporama div.navigation.precedent span.survol{ left:4px; }
div#diaporama h1, div#diaporama p.h1, div#diaporama h3 { background:#000000; bottom:6px; color:#FFFFFF; font-weight:bold; left:0; padding:10px; position:absolute; text-transform:uppercase; width:100%; }
#diaporama h1 span {  background:#000;padding:2px;}
#diaporama .buttonM-R { position:absolute; bottom:30px; right:25px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }

/* generique precedent / suivant */
.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:-25px; height:50px; font-weight:bold;  font-family:georgia; font-size:12px; letter-spacing:30; }
.defilant div.navigation.suivant { right:0 }
.defilant div.navigation.precedent { left:0 }
.defilant div.navigation a.navigation {position:relative; z-index:1000;display:block; width:20px; height:54px; background:url(../img/sprite_ico.png) no-repeat; }
.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; }

/*
- SLIDERS (slideshow) ancien a supprimer ---------------------------------------
*/

.posterSlide{
    padding:20px 0;
    margin:0 35px;
    overflow:hidden;
    position:relative; /* corrige un bug IE6 / 7 */
    zoom:1;
    _width:900px;
}
.pstSlide2{margin:0 25px;_width:519px}
.ctSlider{position:relative;width:2000px}
.fmt150V .slideItem{padding:0 2px 15px 2px}

/* Taille des images pour les sliders */
.pst,.pst2  { float:left; width:150px; overflow:hidden; text-align:center }
.pstM       { float:left; width:134px; text-align:center }

/* poster shadow format normal 120x160 */
.pst .pstA{
    display:block;
    width:150px;
    min-height:164px;
    background:url(../img/bg_poster.jpg) 50% 100% no-repeat;
}

/* poster shadow format medium 105x140 */
.pstM .pstA{
    display:block;
    width:134px;
    height:148px;
    background:url(../img/bg_posterM.png) 50% 100% no-repeat;
}

/* titre en dessous */
.pst h2,
.pstM h2{ text-align:center; padding:0 14px }

    .pst img,
    .pstM img{
        display:block;
        margin:0 auto;
        border:1px solid #ccc;
    }

/* poster shadow format grand 180x240 */
.pstL{
    width:197px;
    height:225px;
    margin-left:-15px;
    margin-right:-15px;
    background:url(../img/bg_posterL.jpg) 50% 100% no-repeat;
}
    .pstL img{ display:block; margin:0 auto; border:1px solid #ccc }

/* slider des images */
.fchImg{
    width:126px;
    display:inline-block;
    vertical-align:middle;
    margin:0 8px;
    text-align:center;
}

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

/* icones precedent / suivant */
.prevBtn,
.nextBtn,
.ico_sldL,
.ico_sldR{
    width:20px;
    height:54px;
    background:url(../img/sprite_ico.png) no-repeat;
}
.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; }

.diapo .buttonM-R{
    margin:15px 0 0 15px;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

#backPortail{ position: fixed; top: 160px; right:60px}
.icoBackPortail{background:url(../img/sprite_ico.png?9) no-repeat 0 -259px; width: 80px; height: 80px; display: block}
.icoBackPortail:hover{background-position: -81px -259px;}

/*
- SLIDER
*/

.slider{ margin: 5px 0!important }
.slideItem{ display:table }
.slideItem .slideImg{ display:table-cell } 
.slideItem .slideTxt{ display:table-row }

/*
- partie specifique pour chaque slider

La largeur maximale des images est de 150px pour un affichage de 4 vignettes sur la colonne gauche
On peut tres bien afficher des images de tailles inferieurs mais il faut prevoir alors une autre class
pour adapter la hauteur du slider et pour le centrage vertical des vignettes ainsi que les fleches de navigation.

.fmt75  = image horizontal de 75px (81px avec padding et bordure) et vertical de 100px (106px avec padding et bordure)
.fmt150 = image horizontal de 150px (156px avec padding et bordure) et vertical de 160px (166px avec padding et bordure)
.fmtVM  = pour aligner verticalement au centre quand il n y a pas de description

*/

/*----------------------------------------------- image paysage  de 120x80 px */
.fmt120H .slideItem{ width:126px; margin: 0 1px; padding: 0 18px }
.fmt120H .slideImg{ padding:2px; border:1px solid #ccc }
.fmt120H .slideImg img{ max-height:80px }
/* centrage vertical des fleches de navigation */
.slider.fmt120H .ico_sldL,
.slider.fmt120H .ico_sldR{ top:19px }

/*----------------------------------------------- image portrait de 90x120 px */
.fmt120V .sliderCt{ margin: 0 8px }
.fmt120V .slideItem{ width:126px; margin: 0 1px }
.fmt120V .slideImg .rel{ background:none }
.fmt120V .slideImg img{ max-width:90px; padding:2px; border:1px solid #ccc }
/* centrage vertical des fleches de navigation */
.slider.fmt120V .ico_sldL,
.slider.fmt120V .ico_sldR{ top:39px }

/*---------------------------------------------- image paysage  de 150x100 px */
.fmt150H .slideItem{ width:156px; padding:0 5px 0 0 }
.fmt150H .slideImg{ padding:2px; border:1px solid #ccc }
.fmt150H .slideImg img{ max-height:100px }
/* centrage vertical des fleches de navigation */
.slider.fmt150H .ico_sldL,
.slider.fmt150H .ico_sldR{ top:28px }

/*---------------------------------------------- image portrait de 120x150 px */
.fmt150V .slideItem{ width:149px; padding:0 4px }
.fmt150V .slideImg .rel{ background:none }
.fmt150V .slideImg img{ max-width:120px; padding:2px; border:1px solid #ccc }
/* centrage vertical des fleches de navigation */
.slider.fmt150V .ico_sldL,
.slider.fmt150V .ico_sldR{ top:61px }

/*
- MENU PAR ONGLETS -------------------------------------------------------------
*/

.navTab{
    border-bottom:1px solid #ccc;
    margin-bottom:-1px;
    font-size:13px;
}
    .navTab span{
        font-size:12px;
        font-weight:normal;
        position:relative;
        top:1px;
        float:left;
        margin-right:8px;
        border:1px solid #ccc;
    }
    .navTabR span{
        float:right;
        margin:0 0 0 8px;
    }
    .navTab .selected{
        border-bottom:none;
    }
        .navTab span a{
            color:#303030;
            display:block;            
            padding:8px 15px;
            border:1px solid #fff;
            border-bottom:1px solid #f6f6f6;
            background:#fff url(../img/sprite_button.png) 0 -600px repeat-x;
        }
        .navTab .selected a{
            color:#303030;
            background:#fff;
            padding-bottom:9px;
            border-color:#fff;            
        }

/*
- MENU PAR ONGLETS -------------------------------------------------------------
*/

.navTab2{
    border-bottom:1px solid #ccc;
    margin-bottom:-1px;
}
    .navTab2 li{
        position:relative;
        top:2px;
        float:left;        
        border:1px solid #fff;
    }
    .navTab2 .selected{
        border-color:#ccc;
        border-bottom:none;
    }
        .navTab2 li a{
            display:block;
            padding:5px 7px;
            border:1px solid #fff;            
        }
        .navTab2 .selected a{
            color:#303030;
            background:#efefef;
            padding-bottom:9px;
            border-color:#fff #fff #efefef;
        }
        .navTab2 a.disabled {
            color:#B9B9B9 !important;
        }

/*
- MENU ACCESSIBLE PAR ONGLETS
*/

.tabs-accessible{margin-bottom:15px}
.tabs-accessible .tab-title *{display:inline;font:bold 14px Arial;color:#0376a3}
.tabs-accessible .tab-title{display:inline-block;*display:inline;zoom:1;border:1px solid #ccc;margin:0 8px -1px 0;padding:8px 15px;background:#fff url(../img/sprite_button.png) 0 -600px repeat-x;font-weight:bold}
.tabs-accessible .tab-selected *{color:#333}
.tabs-accessible .tab-selected{cursor:default;text-decoration:none;border-bottom:none;padding-bottom:9px;color:#333;background:#fff}
.tabs-accessible .tab-title:active, .tabs-accessible .tab-title:focus{outline:none;ie-dummy:expression(this.hideFocus=true)}
.tabs-right{text-align:right}
.tabs-right .tab-title{margin:0 0 -1px 8px}
.tabs-title{float:right;margin-top:6px}
.tabs-right .tabs-title{float:left}
.tab-content{border:1px solid #ccc;padding:5px;background:#fff; margin-bottom: 20px}

/*
- SURCHARGE CLASSE UI POUR ONGLETS -------------------------------------------------------------
*/

.ui-tabs {
 padding : 0;
 }

.listTab2 {
    background : none;
    border : 0;
}

.ui-widget {
    font-size: 1em;
}

.ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 0;
    display: block;
    padding: 1px 10px;
}

.ui-tabs .ui-widget-content a {
    color:#0376A3;
}

.ui-tabs .ui-tabs-nav {
    margin : 0 0 -1px 0;
    padding:0;
    border:0;
    background: none;
}


.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: 5px 7px;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background: none repeat scroll 0 0 #EFEFEF;
    border-color: #FFFFFF #FFFFFF #EFEFEF;
    color: #303030;
    padding-bottom: 9px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
   border-bottom: medium none;
    border-color: #CCCCCC #CCCCCC;
}

.ui-corner-top {
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ui-tabs .ui-tabs-nav li {
        border : 1px solid #FFFFFF;
        margin:0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background : none;
        border : 1px solid #FFFFFF;
        color : #0376A3;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color : #0376A3;
}

/*
- ARROWS IMG (fleches) ---------------------------------------------------------
*/

/* fleches grises du menu de nav */
.tickG-B{
    display:inline-block;
    vertical-align:top;
    width:9px;
    height:6px;
    _overflow:hidden; /* corrige un bug IE6 qui affiche une hauteur min de 10px */
    background:url(../img/sprite_ico.png) no-repeat 0 -33px;
}

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

/* icone plus header */
.icoMoreHead{
    width:24px;
    height:25px;
    background:url(../img/sprite_ico.png) no-repeat -36px -4px;
}
.icoMoreHead.icoLessHead{ background-position:-60px -4px }

/* icone fermer */
.icoClose,
.icoOptions{
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:21px;
    background:url(../img/sprite_ico.png) no-repeat 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 }

/* suivant - precedent */
.icoPrev,
.icoNext{
    display:inline-block;
    vertical-align:middle;
    width:18px;
    height:18px;
    background:url(../img/sprite_ico.png) no-repeat -1px -79px;
}
.icoNext{ background-position:-1px -98px }
.icoPrev:hover{ background-position:-20px -98px }
.icoNext:hover{ background-position:-20px -79px }

/* icones reseaux sociaux */
.icoFb,
.icoTw,
.icoRss,
.icoMsg{
    display:inline-block;
    vertical-align:middle;
    width:48px;
    height:48px;
    background:url(../img/sprite_ico.png) no-repeat -131px -58px;
}
.icoTw{ background-position:-185px -58px }
.icoRss{ background-position:-131px -109px }
.icoMsg{ background-position:-185px -109px }

/* icone home fil d'ariane */
.icoHome{
    display:inline-block;
    vertical-align:baseline;    
    width:13px;
    height:12px;
    background:url(../img/sprite_ico.png) no-repeat -21px -33px;
    *vertical-align:top;
}

/* icone home fil d'ariane */
.icoArrowW-R,
.icoArrowB-R{
    display:inline-block;
    vertical-align:middle;
    width:8px;
    height:10px;
    background:url(../img/sprite_ico.png) no-repeat -36px -35px;    
}
.icoArrowB-R{ background-position:-62px -35px }

.icoPlusB{
    display:inline-block;
    vertical-align:middle;
    width:10px;
    height:10px;
    background:url(../img/sprite_ico.png) no-repeat -48px -35px;     
}
.icoLessB{
    display:inline-block;
    vertical-align:middle;
    width:10px;
    height:2px;
    background:url(../img/sprite_ico.png) no-repeat -90px -39px;
    _overflow:hidden;        
}
.icoSearch{
    display:inline-block;
    vertical-align:middle;
    width:11px;
    height:12px;
    background:url(../img/sprite_ico.png) no-repeat -75px -34px;
}
.icoDvd{
    display:inline-block;
    vertical-align:middle;
    width:44px;
    height:19px;
    background:url(../img/sprite_ico.png) no-repeat -84px -58px;
    opacity:.2;
    -ms-filter:"alpha(opacity=20)"; /* IE 8 */
    filter:alpha(opacity=20); /* IE < 8 */
}
.icoPlay{
    display:inline-block;
    vertical-align:middle;
    width:55px;
    height:55px;
    background:url(../img/sprite_ico.png) no-repeat -68px -83px;
}
.icoPlusS-B{
    display:inline-block;
    vertical-align:baseline;
    width:9px;
    height:8px;
    background:url(../img/sprite_ico.png) no-repeat -40px -79px;
    _overflow:hidden; /* corrige un bug IE6 qui affiche une hauteur min de 10px */
    *vertical-align:middle;
}

/* lien video play */
.play, .playFx { position:relative; }
.play .icoPlay{ display:none; margin-left: 45px; margin-top: -115px;float:left;}
.playFx .icoPlay,
.play:hover .icoPlay{ display:block; }


/*
- BOUTONS ----------------------------------------------------------------------
*/

/*/----> SMALL BUTTONS <----/*/
.buttonS-G,
.buttonS-B,
.buttonS-R{
    display:inline-block;
    vertical-align:baseline;
    line-height:14px;
    padding:4px 8px;
    -webkit-box-shadow:0 1px 0px rgba(185,185,185,.8);
    -moz-box-shadow:0 1px 0px rgba(185,185,185,.8);
    box-shadow:0 1px 0px rgba(185,185,185,.8);
    background:url(../img/sprite_button.png) repeat-x;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
    *overflow:visible; /* corrige un bug de taille */
    *vertical-align:middle;
}
/* pour formulaire */
input.buttonS-G,
input.buttonS-B,
input.buttonS-R,
button.buttonS-G,
button.buttonS-B,
button.buttonS-R{
    height:24px;
}
/* bouton gris */
.buttonS-G{
    color:#333;
    border:1px solid #b9b9b9;        
}
.buttonS-G:hover,
.buttonS-G:focus{    
    text-decoration:none;
    background-position:0 -23px;    
    cursor:pointer;
}
.buttonS-G:active{
    background-position:0 -46px;
    outline:none;
}
.buttonS-G .tickG-B{
    vertical-align:middle;
}

/* bouton black */
.buttonS-B{
    color:#fff;
    border:1px solid #000;        
    background-position:0 -69px;
}
.buttonS-B:hover,
.buttonS-B:focus{
    text-decoration:none;
    background-position:0 -92px;
    cursor:pointer;
}
.buttonS-B:active{
    background-position:0 -115px;
}
/* bouton rouge */
.buttonS-R{
    color:#fff;
    border:1px solid #a01212;
    background-position:0 -138px;
}
.buttonS-R:hover,
.buttonS-R:focus{
    text-decoration:none;
    background-position:0 -161px;
    cursor:pointer;
}
.buttonS-R:active{
    background-position:0 -184px;
}

/*/----> MEDIUM BUTTONS <----/*/
.buttonM-G,
.buttonM-B,
.buttonM-R{
    display:inline-block;
    vertical-align:baseline;
    line-height:18px;
    padding:6px 10px;
    -webkit-box-shadow:0 1px 0px rgba(185,185,185,.8);
    -moz-box-shadow:0 1px 0px rgba(185,185,185,.8);
    box-shadow:0 1px 0px rgba(185,185,185,.8);
    background:url(../img/sprite_button.png) repeat-x 0 -207px;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    *overflow:visible; /* corrige un bug de taille */
    *vertical-align:middle;
}
/* pour formulaire */
input.buttonM-G,
input.buttonM-B,
input.buttonM-R,
button.buttonM-G,
button.buttonM-B,
button.buttonM-R{
    height:33px;
}
/* bouton gris */
.buttonM-G{
    color:#333;
    border:1px solid #b9b9b9;        
}
.buttonM-G:hover,
.buttonM-G:focus{    
    text-decoration:none;
    background-position:0 -239px;
    cursor:pointer;
}
.buttonM-G:active{
    background-position:0 -271px;
    outline:none;
}
/* bouton bleu */
.buttonM-B{
    color:#fff;
    border:1px solid #000;
    background-position:0 -303px;
}
.buttonM-B:hover,
.buttonM-B:focus{
    text-decoration:none;
    background-position:0 -335px;
    cursor:pointer;
}
.buttonM-B:active{
    background-position:0 -367px;
}
/* bouton rouge */
.buttonM-R{
    color:#fff;
    border:1px solid #a01212;    
    background-position:0 -399px;
}
.buttonM-R:hover,
.buttonM-R:focus{
    text-decoration:none;
    background-position:0 -431px;
    cursor:pointer;
}
.buttonM-R:active{
    background-position:0 -463px;
}

/*/----> FULL LARGER BUTTONS <----/*/
.buttonFull{ text-align:center; display:block; }

/*/----> BOUTON SELECTIONNE <----/*/
.buttonSel,
.buttonSel:hover,
.buttonSel:active{
    color:#929292;
    opacity:.8;
    -ms-filter:"alpha(opacity=80)"; /* IE 8 */
    filter:alpha(opacity=80); /* IE < 8 */
    background-position:0 -271px;
}
/* extension du bouton (fleche dropdown) */
.buttonPlus{
    position:relative;
    left:-1px;    
}

/*
- BOUTON DE VOTE ---------------------------------------------------------------
*/

.vote{
    display:inline-block;
    vertical-align:middle;
}
.vote .result{ background:none }
.vote .middle{ margin:0 -1px }

/*
- MOTEUR DE RECHERCHE ----------------------------------------------------------
.searchMod      = version standard
.searchMod.sch2 = version resultats de recherche
*/

.searchMod{
    position:relative;
    height:33px;        
    display:inline-block;
    vertical-align:middle;    
    -moz-border-radius:3px;
    border-radius:3px;
    *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;        
    }
    .searchMod.sch2 .search{
        -moz-border-radius:0;
        border-radius:0;
        padding:6px;
    }
    .searchMod .submit{
        position:absolute;        
        right:0;
        width:36px;
        height:33px;
        text-indent:-9999em;
        cursor:pointer;
        border:none;
        background:url(../img/sprite_ico.png) no-repeat 0 0;
        *padding-left:9999em; /* corrige le bug de text-indent non pris en charge sur IE */
    }
    .searchMod.sch2 .buttonM-R{
        -moz-border-radius:0;
        border-radius:0;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
    }
    
/*
- SYSTEME ETOILES --------------------------------------------------------------
- surcharge du ressource common
*/
.stars{ background:url(../img/sprite_ico.png) 0 -46px }
.currentNote{ background:url(../img/sprite_ico.png) 0 -61px }
.oneStar:hover,
.twoStar:hover,
.threeStar:hover,
.fourStar:hover,
.fiveStar:hover{
    background:url(../img/sprite_ico.png) 0 -61px;
}

/*
- SOCIAL BOX -------------------------------------------------------------------
*/

.socialBox{
    text-align:center;
    border:1px solid #d8d8d8;
    background:url(../img/sprite_button.png) 0 -638px;
    margin:15px 0;
}
.socialBox a{ margin:7px 6px }

/*
- SURCHARGE SLIDER COMMUN ------------------------------------------------------
*/
.fmt150V_home .sliderCt{width:918px;margin:0 20px !important;}
.fmt150V_home .slideItem{ display:block;padding: 0 4px 15px; width:145px; background:url(../img/bg_poster.png) no-repeat 50% 152px }
.fmt150V_home .slideImg img{ padding:0; border:none }
.fmt150V_home .slideItem .slideTxt{ display:block } /* bug table-row sous Chrome 20120111 */

/* surcharge pour slider dans colonne du milieu */
.main .fmt150V_home .sliderCt{width:611px;margin:0 1px !important;}
/* hack chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .main .fmt150V_home .sliderCt{
          margin-left:0 !important;
          width:612px !important;
  }
}

/*
- APPLICATION SONDAGE HOME -----------------------------------------------------
*/

div.hme2 #sondage{
    padding:0;
    margin:0;
    min-height:309px;
    width:auto;
}
div.hme2 #sondage p.bloc_titre{
    background:url("../img/sprite_button.png") repeat-x scroll 0 -600px #FFFFFF;
    border:1px solid #D4D4D4;
    border-left:none;
    padding:4px 15px;
    width:auto;
    vertical-align: middle;
    height:25px;

}
div.hme2 #sondage p.bloc_titre a{
    color: #303030;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    text-transform: uppercase;
    padding : 0;
    margin : 0;
    background : none;
}

div.hme2 #sondage form{
    background : none;
    border : none;
    padding : 0;
    width:auto;
    padding:15px !important;
}
div.hme2 #sondage form label{
    font-size:12px;
}
div.hme2 #sondage form p.tous{
    text-align : left;
    padding : 0px;
    position : absolute;
    bottom:15px;
}
div.hme2 #sondage form p.tous a{
    color: #0376A3;
    text-decoration: none;
    font-weight:normal;
    font-size: 12px;
}
div.hme2 #sondage form p.bt_submit{
    margin : 0;
}
/* correction bug home cine */
/*div.hme2 #sondage form p.bt_submit .bouton_envoyer{
    height: 24px;
    cursor: pointer;
    -moz-box-shadow: 0 1px 0 rgba(185, 185, 185, 0.8);
    background: url("../img/sprite_button.png") repeat-x scroll 0 0 transparent;
    display: inline-block;
    line-height: 14px;
    padding: 4px 8px;
    text-transform: uppercase;
    vertical-align: baseline;
    background-position: 0 -69px;
    border: 1px solid #000000;
    color: #FFFFFF;
    margin-left : 0;
    margin-top: 20px;
    font: 11px "Helvetica Neue",Helvetica,Arial,default;
    width: auto;
    font-weight: bold;
}*/
div.hme2 div#sondage form p.tous{
    font-size: 85%;
    line-height: 1.5em;
}

div.hme2 div#sondage form p.tous a{
    color : #0376A3;
    text-decoration:none;

}
div.hme2 div#sondage form p.tous a:hover{
    text-decoration:underline;
    cursor:pointer;
}

/*
- SONDAGE : COL DE DROITE ------------------------------------------------------
*/

.rightCol #sondage form input{    
    clear: left;
    float: left;
    margin: 0 0 8px 0;
    width: auto !important;
}
.rightCol #sondage form label{
    color: #333333;
    float: left;
    font: 11px/15px Arial;
    margin: 0 0 8px 5px;
    width: 220px;
}
.rightCol #sondage form p.bloc_entete{ font-weight:bold;margin-bottom:10px;}
.rightCol #sondage form p.tous {text-align:right;margin-top:10px !important;}

.rightCol #sondage form .bouton_envoyer{
    height: 20px;
    cursor: pointer;
    background: url("http://www.linternaute.com/image/home/sondage-valider.gif") repeat-x scroll 0 0 transparent;
    display: inline-block;
    line-height: 14px;    
    margin-top: 20px;
    font: 11px "Helvetica Neue",Helvetica,Arial,default;
    width: 60px;
    font-weight: bold;
    text-align:center;
  }
.rightCol #sondage form label{color: #666666;font-size: 14px;}

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

#inject{
    border:1px solid #ccc;
    padding:15px;
    margin:15px 0
}
#inject .bloc_titre a{
    color:#303030;    
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase
}
#inject .image_quiz{
    padding:2px;
    border:1px solid #ccc; 
    margin-right:10px;
}
#inject .bloc_titre,
#inject .bloc_titre_quiz{
    margin-bottom:10px;
}
#inject .bloc_titre_quiz a{
    font-size:14px;    
    color:#666;
}
#inject .bloc_titre_question a{
    font-weight:bold;
    color:#303030;
}
#inject .bloc_jouer{ text-align:right }
#inject .bloc_jouer a{
    color:#0376A3;
    font-size:12px;    
    text-decoration:underline;
}
#inject .bloc_jouer a:hover{
    text-decoration:none;
}
#propositions{
    margin-top:20px;
}
#propositions a{
    display:block;
    vertical-align:baseline;
    line-height:14px;
    padding:4px 8px;
    margin:10px 0;
    -webkit-box-shadow:0 1px 0px rgba(185,185,185,.8);
    -moz-box-shadow:0 1px 0px rgba(185,185,185,.8);
    box-shadow:0 1px 0px rgba(185,185,185,.8);
    background:url(../img/sprite_button.png) repeat-x;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
    color:#333;
    border:1px solid #b9b9b9;    
    *overflow:visible; /* corrige un bug de taille */
    *vertical-align:middle;
}
#propositions a:hover,
#propositions a:focus{
    text-decoration:none;
    background-position:0 -23px;
    cursor:pointer;
}
#propositions a:active{
    background-position:0 -46px;
    outline:none;
}
/* Bloc Quiz */
div#inject{width:270px;}
div#inject div#include_droite_quiz{border:0px;width: 270px;}
div#inject div#include_droite_quiz p.bloc_titre{ background-image: none;}
div#inject div#include_droite_quiz div.question_reponse form ul#propositions li, #inject div#include_droite_quiz div.question_reponse form ul#propositions li a{background-image:none;width:250px !important}
div#inject div#include_droite_quiz p.bloc_titre a{background-image:none;padding-left: 0px;color: #303030;font-size: 16px;font-weight: bold;text-transform: uppercase; }
div#inject div#include_droite_quiz p.bloc_titre a:hover,#inject div#include_droite_quiz p.bloc_titre_quiz a:hover,#inject div#include_droite_quiz div.question_reponse p.bloc_titre_question a:hover{text-decoration: underline;}
div#inject div#include_droite_quiz p.bloc_titre_quiz a{ color: #666666; font-size: 14px;font-weight: normal;}
div#inject div#include_droite_quiz div.question_reponse{border:0px;}
div#inject div#include_droite_quiz div.question_reponse p.bloc_titre_question a{font-size: 14px;color: #333333;}
div#inject div#include_droite_quiz div.question_reponse form ul#propositions li a{color: #000000;display: inline-block;line-height: 12px;min-height: 17px;padding-bottom: 0px !important;padding-left: 5px;padding-right: 5px;padding-top: 5px !important;text-align: left;text-decoration: none;vertical-align: middle;color: #333333;background: url("../img/sprite_button.png") white repeat-x; }
div#inject div#include_droite_quiz div.question_reponse form ul#propositions li{height:15px !important;}
div#inject div#include_droite_quiz div.question_reponse form p.bloc_jouer{margin-top: 30px;}
div#inject div#include_droite_quiz div.question_reponse form p.bloc_jouer a{color:#0376A3;font-size:12px;text-decoration:none}  

/*
- publi info col de droite ---------------------------------------------------------------
*/

/* publi info col de droite */
.rightCol .publi-info .corps{
    float:none;
    width:auto;
    padding-left:10px;
}    
.rightCol .publi-info h6{
    width:auto
}


/*
- SURCHARGE LINTERNAUTE V2 ---------------------------------------------------------------
*/
#diapo, .diapo li{ width:632px !important; height:314px !important}
#diapo .itemImg img{ width:632px !important; height:314px !important}
.mar15.marT0, .line.mar15, .mar15.marB30.box2{ margin:0 0 15px 0}

.asfSlider{ margin:0}		
.hme3 { width: 305px}