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

[MEDIA:SCREEN] - CCM/Benchmark Framework

Document : Layout CSS
Author   : Damien SYREN

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

/*
- 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;}
.main{margin:15px 0 15px 15px}
.leftCol{display:none;float:left;width:190px;}
.rightCol{float:right;width:330px;}

/* 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 � la
methode OOCSS.
*/

body{
    background:#0a0e1f url(../../image/bg_skin.jpg) fixed 50% 0;
    overflow:hidden;
}
/* header */
.head{
    position:relative;
    width:100%;
    height:46px;
    line-height:46px;
    top:0;
    left:0;
    background:url(../../image/bg_head.png) repeat-x 0 0;
    -webkit-box-shadow:0 0 6px rgba(0,0,0,1);
    -moz-box-shadow:0 0 6px rgba(0,0,0,1);
    box-shadow:0px 0px 6px rgba(0,0,0,1);
    z-index:100;
}
.head .page{ position:relative }
.head .icoMoreHead{ position:absolute; left:-30px; top:10px }

.head .logo { float:left; margin:10px 5px 0 0 }
.head .logoC{ float:left; margin:12px 20px 0 0 }
.head .logo img,
.head .logoC img{ display:block }

.head .searchMod{
    -webkit-box-shadow: 1px 1px 0 #b22222;
    -moz-box-shadow: 1px 1px 0 #b22222;
    box-shadow: 1px 1px 0 #b22222;
    top:-1px;
    *margin-top:7px
}
.head .searchMod .search{ border:1px solid #999 }
.head .txtR{ _padding-top:12px; color:#000 }
.head .txtR .mb{
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,.5)
}
.head .buttonS-G{
    -webkit-box-shadow:0 1px 0 #333;
    -moz-box-shadow:0 1px 0 #333;
    box-shadow:0 1px 0 #333;
}

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

/* menu de navigation du site */
.nav{
    position:relative;
    height:34px;
    border:1px solid #282731;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background:url(../../image/sprite_button.png) repeat-x 0 -495px;
    z-index:10;
}
    .nav li{
        position:relative;
        float:left;
        border-right:1px solid rgba(255,255,255,.1);
        border-left:1px solid #1e1e1e;
    }
    .nav li:first-child{ border-left:none }

        .nav li .navLink{
            float:left;
            padding:8px 15px;
            color:#fff;
            font-size:13px;
            text-transform:uppercase;
            line-height:1.4; /* oblig� de mettre la propriete pour le nav du forum */
        }
        .nav .navLink:hover,
        .nav .navLink:focus{
            position:relative;
            background:url(../../image/sprite_button.png) repeat-x 0 -530px;
            text-decoration:none;
            z-index:3;
        }
		.nav li .navLink.gold {
			color: #c18e10;
			font-weight: bold;
		}
        .nav li .tickG-B{
            position:relative;
            top:7px;
            left:3px;
            *top:5px;
            _display:none;
        }
        .nav li:first-child .navLink:hover,
        .nav li:first-child .navLink:focus{
            -moz-border-radius-topleft:5px;
            border-top-left-radius:5px;
        }
        .nav .navLink:active,
        .nav .navLink:active,
        .nav .navLink.selected{
            color:#e41129;
            background:url(../../image/sprite_button.png) repeat-x 0 -566px;
        }
        .nav li:hover .sbnav,
        .nav li:focus .sbnav{
            display:block;
        }

/* sous nav */
.nav .sbnav{
    display:none;
    position:absolute;
    margin:0;
    top:34px;
    _top:30px;
    left:0;
    white-space:nowrap;
    z-index:200;
}
.nav .sbnav .ct{
    float:left;
    padding:15px;
    background:#fff;
    border:1px solid #8cd0eb;
    border-top:2px solid #e41129;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-box-shadow: 2px 3px 4px rgba(0,0,0,.15);
    -moz-box-shadow: 2px 3px 4px rgba(0,0,0,.15);
    box-shadow: 2px 3px 4px rgba(0,0,0,.15);
}
    .nav .sbnav .ct li{
        float:none;
        margin:0;
        border:none;
    }

/* footer */
.foot{
    position:relative;
    padding:20px 30px;
    border-top:2px solid #c00418;
    background:#303030;
}
.foot .h6{ color:#fff }
.foot label{ color:#9f9f9f }
.foot1{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #4d4d4d }
.foot2{ text-align:center }
.foot2 a{ color:#9f9f9f; margin:0 8px; font-size:12px; }

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

/* glossaire version footer */
.foot .glossary a{ margin:5px }
.foot .glossary a:hover,
.foot .glossary a:focus,
.foot .glossary a.selected{
    margin:1px 4px;
}

/* Copyright */
p.copyright {
    color: #9F9F9F;
    font-size: 12px;
    display: inline
}

/*/----> HOME <----/*/
.hme1,.hme3{ position:relative; width:315px; overflow:hidden }
.hme2{ position:relative; width:340px; overflow:hidden }
.hme2 .box1,.hme3 .box1{ border-left-color:#fff }

/* slide colonne droite */
.rgt1{ position:relative; width:270px; overflow:hidden }

/* slider centrale de la home */
.asfSlider{
    margin-left:15px;
    margin-right:15px;
    background:#efefef url(../../image/bg_hme.png) repeat-y;
}
.asfSlider .ctSlider{ min-height:242px }

/* services home */
.srvS{
    float:left;
    width:225px;
    height:160px;
    padding-top:14px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    border-right:1px solid #ccc;
    background:url(../../image/sprite_service.png) no-repeat 0 25px;
}
.srvS a{ position:relative; display:block; height:160px; color:#303030 }
.srv1{ background-position:0 25px }
.srv2{ background-position:0 -140px }
.srv3{ background-position:0 -300px }
.srv4{ background-position:0 -470px }
.srv5{ background-position:0 -630px }
.srv6{ background-position:0 -795px }

/*/----> FICHE FILM <----/*/
.fch1{ width:167px }
.fch1 .stars{ margin:0 auto }

/* ils ont aimes ce film */
.likedfilm{
    width:156px;
    height: 105px;
}

/* text bloc tv */
.tvBloc table{ width:100%; height:48px }
.tvSt{ background:#ccc; font-size:12px; padding:4px 8px; margin-left:1px }


/*
- MOBILE LAYOUT ----------------------------------------------------------------
Media queries for responsive design
http://www.alistapart.com/articles/responsive-web-design
Inspired by http://html5boilerplate.com/
*/

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */
}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {

  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}

/*
- PRINT STYLES -----------------------------------------------------------------
* inlined to avoid required HTTP connection - http://www.phpied.com/delay-loading-your-print-css/
  alsacreation - http://www.alsacreations.com/astuce/lire/1160-une-feuille-de-styles-de-base-pour-le-medium-print.html
*/

@media print {
  * { background-color: #fff !important; color: #000 !important; text-shadow: none; }
  body { width: auto!important; margin: auto!important; font-family: serif; }
  a, a:visited { color: #000 !important; text-decoration: underline !important; }
  a:after { content: " (" attr(href) ")"; } /* affichage des URL des liens */
  abbr:after { content: " (" attr(title) ")"; } /* affichage des Abbreviations des liens */
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3, blockquote { orphans: 3; widows: 3; }
  blockquote, ul, ol, img, h2, h3{ page-break-after: avoid; } /* pas de coupure dans ces élements */
  h1, h2, h3, caption { page-break-after: avoid; } /* pas de saut après ces éléments */
}

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

[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:#c00418; color:#fff; /* Safari and Opera */ }
::-moz-selection    { background:#c00418; 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 }
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 }

/*
- 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:24px; color:#c00418; font-weight:bold }
h3, .h3{ font-size:22px; color:#c00418; font-weight:bold }
h4, .h4{ font-size:16px; color:#303030; font-weight:bold; text-transform:uppercase }
h5, .h5{ font-size:18px; color:#303030; font-weight:bold; text-transform:uppercase }
h6, .h6{ font-size:14px; color:#c00418; font-weight:bold }
.h7{ font-size:14px; color:#303030; font-weight:bold }
.h8{ font-size:12px; color:#303030; }
.h9{ font-size:16px; color:#303030; }
.h10{ font-size:18px; color:#303030; }
.h11{ font-size:16px; color:#c00418; font-weight:normal; text-transform:uppercase }
.h12{ font-size:18px; color:#C00418; font-weight:bold; text-transform:uppercase }

/* links */
a{ color:#e41129; text-decoration:none }
a:focus, a:hover{ text-decoration:underline; cursor:pointer }

/*
- LISTS SKIN -------------------------------------------------------------------
*/

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

.list1 li{ margin:30px 0 }
.list2 li{ float:left; width:50%; margin:3px 0 }

.list3 li{ margin:5px 0 }
.list3 li.separ5{ padding-top:10px }
.list3 li:first-child{ padding-top:0; border:none }
.list3.bold li a{ font-weight:bold }

.list5 li{
    float: left;
    margin: 5px 10px 5px 0;
    width: 145px;
}
.list6 li{
    float:left;
    width:20%;
    margin:2px 0;
}
    .list6 li a{ display:block; padding-right:10px; }

.list7 li{
    float:left;
    width:25%;
    margin:3px 0;
}

.list8 li{
    float:left;
    width:33%;
    margin:3px 0;
}
    .list8 li a{ display:block; padding-right:10px; }

.list9 li{ float:left }
.list10 li a{ 
    padding:8px 10px;
    display:block;
    color:#303030    
}
.list10 li a:hover,
.list10 li a:hover span,
.list10 li.selected a,
.list10 li.selected a span{
    background:#3e93cd;
    color:#fff;
    text-decoration:none
}
.list11 li{ color:#cbcbcb}
.list11 span{color:#303030}
.list11 a{color:#e41129}

/*
- 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{
    background:#fff;
    border:1px solid #ccc;
    padding:1px;
}
.imgS2{ padding:2px }
.imgS3{ padding:3px }

a:hover .imgS1,
a:hover .imgS2,
a:hover .imgS3{
    border-color:#C00418;
}

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

/* separateur pagination */
.pagination a{ border-left:1px solid #ccc; padding:0 6px 0 8px }
.pagination a:first-child{ border-left:none }

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

[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(../../image/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(../../image/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(../../image/bg_poster.jpg) 50% 100% no-repeat;
}

/* poster shadow format medium 105x140 */
.pstM .pstA{
    display:block;
    width:134px;
    height:148px;
    background:url(../../image/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(../../image/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(../../image/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(../../image/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(../../image/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:#e41129}
.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(../../image/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:#e41129;
}

.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 : #e41129;
}

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

/*
- 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(../../image/sprite_ico.png) no-repeat 0 -33px;
}

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

/* icone plus header */
.icoMoreHead{
    width:24px;
    height:25px;
    background:url(../../image/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(../../image/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(../../image/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(../../image/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(../../image/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(../../image/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(../../image/sprite_ico.png) no-repeat -48px -35px;     
}
.icoLessB{
    display:inline-block;
    vertical-align:middle;
    width:10px;
    height:2px;
    background:url(../../image/sprite_ico.png) no-repeat -90px -39px;
    _overflow:hidden;        
}
.icoSearch{
    display:inline-block;
    vertical-align:middle;
    width:11px;
    height:12px;
    background:url(../../image/sprite_ico.png) no-repeat -75px -34px;
}
.icoDvd{
    display:inline-block;
    vertical-align:middle;
    width:44px;
    height:19px;
    background:url(../../image/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(../../image/sprite_ico.png) no-repeat -68px -83px;
}
.icoPlusS-B{
    display:inline-block;
    vertical-align:baseline;
    width:9px;
    height:8px;
    background:url(../../image/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(../../image/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(../../image/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(../../image/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(../../image/sprite_ico.png) 0 -46px }
.currentNote{ background:url(../../image/sprite_ico.png) 0 -61px }
.oneStar:hover,
.twoStar:hover,
.threeStar:hover,
.fourStar:hover,
.fiveStar:hover{
    background:url(../../image/sprite_ico.png) 0 -61px;
}

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

.socialBox{
    text-align:center;
    border:1px solid #d8d8d8;
    background:url(../../image/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(../../image/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("../../image/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: #e41129;
    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("../../image/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 : #e41129;
    text-decoration:none;

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

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

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

.layout_right #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;
  }
.layout_right #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:#e41129;
    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(../../image/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("../../image/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:#e41129;font-size:12px;text-decoration:none}  

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

/* publi info col de droite */
.layout_right .publi-info .corps{
    float:none;
    width:auto;
    padding-left:10px;
}    
.layout_right .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}

/*
- SURCHARGE FORMULAIRE RECHERCHE SEANCE ----------------------------------------
*/
#seance_film .cine_form_lite{
    font-size:0.875rem;
}
#seance_film .cine_form_lite fieldset{
    position:relative
}
#seance_film .cine_form_lite input[type=search]{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f6f6f6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f6f6f6 0%, #fafafa 50%, #fdfdfd 50%, white 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(50%, #fafafa), color-stop(50%, #fdfdfd), color-stop(100%, white));
    background: -webkit-linear-gradient(top, #f6f6f6 0%, #fafafa 50%, #fdfdfd 50%, white 100%);
    background: -o-linear-gradient(top, #f6f6f6 0%, #fafafa 50%, #fdfdfd 50%, white 100%);
    background: -ms-linear-gradient(top, #f6f6f6 0%, #fafafa 50%, #fdfdfd 50%, white 100%);
    background: linear-gradient(to bottom, #f6f6f6 0%, #fafafa 50%, #fdfdfd 50%, white 100%);
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms linear;
    font-family: "Gentium Book Basic","Times new roman",Times,serif;
    border: 1px solid #C6C6C6;
    border-radius: 4px;
    height: 35px;
    padding: 7px 40px 7px 10px;
    width: 100%;
}
#seance_film .cine_form_lite input[type=search]:focus{
    border-color: #56B4EF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(86, 180, 239, 0.6);
    color: #3F3E3E;
}
#seance_film .cine_form_lite input[type=submit]{
    background: #ea2f33;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhMmYzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOTBjMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ea2f33 0%, #d90c1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ea2f33), color-stop(100%, #d90c1e));
    background: -webkit-linear-gradient(top, #ea2f33 0%, #d90c1e 100%);
    background: -o-linear-gradient(top, #ea2f33 0%, #d90c1e 100%);
    background: -ms-linear-gradient(top, #ea2f33 0%, #d90c1e 100%);
    background: linear-gradient(to bottom, #ea2f33 0%, #d90c1e 100%);
    border: 1px solid #C76397;
    border-radius: 0 5px 5px 0;
    box-shadow: 1px 1px 0 1px #B50D20;-webkit-box-shadow: 1px 1px 0 1px #B50D20;
    color: #FFF;
    font-size: 1.14286em;
    font-family:'Oswald', sans-serif;
    height: 33px;
    overflow: hidden;
    padding: 0 8px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
}
#seance_film .cine_form_lite input[type=submit]:focus{
    background: #ee5a5c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNWE1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMzI5M2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ee5a5c 0%, #f3293a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5a5c), color-stop(100%, #f3293a));
    background: -webkit-linear-gradient(top, #ee5a5c 0%, #f3293a 100%);
    background: -o-linear-gradient(top, #ee5a5c 0%, #f3293a 100%);
    background: -ms-linear-gradient(top, #ee5a5c 0%, #f3293a 100%);
    background: linear-gradient(to bottom, #ee5a5c 0%, #f3293a 100%);
    box-shadow: 0 0 0 1px #B50D20;-webkit-box-shadow: 0 0 0 1px #B50D20;
    top: 1px;
}
#seance_film .cine_form_lite input[type=submit]:active{
    background: #d90c1e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5MGMxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYTJmMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #d90c1e 0%, #ea2f33 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d90c1e), color-stop(100%, #ea2f33));
    background: -webkit-linear-gradient(top, #d90c1e 0%, #ea2f33 100%);
    background: -o-linear-gradient(top, #d90c1e 0%, #ea2f33 100%);
    background: -ms-linear-gradient(top, #d90c1e 0%, #ea2f33 100%);
    background: linear-gradient(to bottom, #d90c1e 0%, #ea2f33 100%);
}

/*
- SURCHARGE UPLOAD PHOTO ACTEUR ------------------------------------------------
*/
.fileuploadactors .pstL{
    position:relative;
    height:157px
}
.fileuploadactors .ui-widget-content{
    background:none;
    border:0 none;
}
.fileuploadactors .filImageButton{
    position:absolute;
    bottom:10px;
    left:35px;
    filter:alpha(opacity=75);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);opacity:0.75;
    -webkit-transition: opacity 100ms linear;
    -moz-transition: opacity 100ms linear;
    -ms-transition: opacity 100ms linear;
    -o-transition: opacity 100ms linear;
    transition: opacity 100ms linear;
}
.fileuploadactors .pstL:hover .filImageButton{
    filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity:1
}
.fileuploadactors .filImageButton .btn{
    background: #fefefe;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUyZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #e1e2e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e2e4));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e2e4 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e1e2e4 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e1e2e4 100%);
    background: linear-gradient(top,  #ffffff 0%,#e1e2e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e2e4',GradientType=0 );
    border:solid 1px #BEC1C4;
    -webkit-border-radius:5px;border-radius:5px;
    color:#303030;
    display: inline-block;
    padding: 0 5px;
    text-decoration: none;
    vertical-align: middle;
}
.fileuploadactors .filImageButton .btn:hover{
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    background: linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
    color:#303030;
    text-decoration:none}

.fileuploadactors .filImageButton .btn:active{
    background: #e8e9eb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZTllYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e8e9eb 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e9eb), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #e8e9eb 0%,#ffffff 100%);
    background: -o-linear-gradient(top,  #e8e9eb 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #e8e9eb 0%,#ffffff 100%);
    background: linear-gradient(top,  #e8e9eb 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e9eb', endColorstr='#ffffff',GradientType=0 );
    color:#303030;
    text-decoration:none
}
.fileuploadactors .filImageButton input{
    cursor: pointer;
    font-size: 12px;
    filter:alpha(opacity=0);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);opacity:0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}