@import url('http://r.ccmbg.com/common/style/common.css');

/* Navigation newsletter */
#navigation_newsletter {
    z-index:101;
}


/* header */
.head{
    position:relative;
    width:100%;
    height:46px;
    line-height:46px;
    top:0;
    left:0;
    background:url(../img/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 .size3of4 {width:75%}

.head .page{ position:relative }
.head .icoMoreHead{ position:absolute; left:-30px; top:10px }

.head .logo 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:0;
    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;
}
#tetiere{height:auto !important; background-color:transparent !important; }

/* menu horizontal tetiere */
ul {list-style-type: none;}
ul li a.navLink{font-size:13px; }
div.sbnav div.ct div.left ul li a{line-height:18px;color:#0376A3;}

/* 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 10px; font-size:12px; }

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

.lastBloc {
    display: table-cell;
    float: none;
    width: auto;
}
.marR30 {
    margin-right: 30px;
}
.size1of2 {
    width: 50%;
}
.bloc, .floatLeft, .left {float: left;}
.lastBloc{width:47%;}
/* gestion du clearfix autre solution http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
.line{zoom:1}
.line:after,
.lastBloc: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 ";
}
.foot2{padding:0; margin:0;}
#pied div.foot div.page div.line div.bloc div.searchMod form fieldset{border: 0px;}
p.copyright {color: #9F9F9F; display: inline; font-size: 11px;margin:0;padding:0;text-decoration: none;}
.marB10{margin-bottom: 10px;}
.mod {margin-bottom: 15px;}
/* zoning */

body{ width:auto !important;overflow-y: visible !important;}
#global #contenu{ margin:0 auto !important; width:1000px !important; word-wrap:break-word !important; background-color:white;}
#centre{width:655px;}
#centre, #contenu-image tbody tr td#corps-cellule{ border: 0px;}
#gauche{display:none;}
#centre table#sommaire{width:600px;}
h1, .h1 {color: #000000; font-size: 28px !important; font-weight: bold; line-height: 1.2;}
#contenu,#centre{ min-height:inherit } #contenu:after{ zoom:1; clear:both; display:block; visibility:hidden; overflow:hidden; height:0 !important; line-height:0; font-size:xx-large; content:" "; }
#bloc-contenuhaut-pied{margin-top:0px !important;}
table#diaporama, #contenu div#droite{border:0px !important}

/* diaporama */

#diaporama tbody tr td div.outils{width: 590px;}
table.navigation tbody tr td.navigation-precedent{width:85px !important;}

/* Bloc Quiz */
div#colonne_droite div#position1 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;}
#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}
#inject div#include_droite_quiz p.bloc_titre a{background-image:none;padding-left: 0px;}
#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;}
#inject div#include_droite_quiz p.bloc_titre_quiz a{ color: #666666; font-size: 14px;font-weight: normal;}
#inject div#include_droite_quiz div.question_reponse{border:0px;}
#inject div#include_droite_quiz div.question_reponse p.bloc_titre_question a{font-size: 14px;}
#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; }
#inject div#include_droite_quiz div.question_reponse form ul#propositions li{height:15px !important;}
#inject div#include_droite_quiz div.question_reponse form p.bloc_jouer{margin-top: 30px;}

/* footer */
html body div#global div#pied{ bottom:0px !important;padding-bottom:0px !important;}
.marR5 {margin-right: 5px;}

/* glossaire */
.glossary a{
    float:left;
    width:19px;
    height:24px;;
    line-height:24px;
    margin:5px 1px;
    text-align:center;
    border:1px solid #bdbdbd;
    background:#f8f8f8 url(../img/bg_glossaryButton.png) 0 0 repeat-x;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-size:14px;
    font-weight:bold;
    color:#000;
    text-decoration:none;
}
.glossary a:hover,
.glossary a:focus,
.glossary a.selected{
    color:#C00418;
    padding:4px 1px;
    font-size:20px;
    margin:0;
    text-decoration:none;
}
.glossary .buttonLarge {
    width: 30px;
}

/* forum  */
div.forumsList div.pad15 ul.col li h3, div.forumsList div.pad15 ul li h3{font-size:12px;}

.next a {color: #3487BC;font-weight: bold;}
.icoNext {background-attachment: scroll; background-clip: border-box;background-color: transparent;background-image: url("/cinema/forum/public/_skin/_common/img/ico_sprite.gif?201007082200");
    background-origin: padding-box;
    background-position: -206px -437px;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-bottom: 0;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 0;
    position: relative;
    vertical-align: middle;
}

/* bouton de connexion */
.head .txtR {color: #000000;}
.txtR, .data .txtR td, .data .txtR th {text-align: right;}
.size1of4 { width: 25%;}

.pad25 { padding: 25px;}
.pad15 { padding: 15px;}
.size1of3 { width: 33.3333%;}
.right{float:right;}

fieldset{border:0px;}
.txtR, .data .txtR td, .data .txtR th {
    text-align: right;
}
#delog{margin-top:10px !important;}

/* publi info col de droite */
.publi-info .corps{
    float:none;
    width:auto;
}
.publi-info h6{
    width:auto
}


/* modale */
.modalBG {min-height: 1000px !important;}

/*APPLI Questionnaire */
#contenu div#large{width:655px !important;padding-right:0px !important}
#liste_questionnaire h1{ color: #000000 !important;font-size: 28px !important;font-weight: bold !important;line-height: 1.2 !important;background:none !important;}
#questionnaire h1.titre_quiz span{font-size:28px !important;}
#questionnaire h1.titre_quiz{color: black;}
#questionnaire h1.titre_quiz span {color: #990000;font-size: 16px;font-weight: bold;margin-left: 5px;background:transparent;}
#questionnaire form ul.etatavancement li.reponse{width:60px !important}
ul.etatavancement li.reponse {font-weight: bold;padding-left: 8px;}
ul.etatavancement {position: relative;width: 100%;}
ul.etatavancement li {border-top-color: #FFFFFF;border-top-style: solid; border-top-width: 1px;color: #A5A396;float: left;font-size: 12px;font-weight: bold;line-height: 16px;list-style-type: none;margin-bottom: 0;margin-left: 0;margin-right: 0;margin-top: 0;padding-bottom: 3px;padding-left: 0;padding-right: 0;padding-top: 2px;text-align: center;width: 24px;}
tbody tr td ul#propositions li,tbody tr td ul#propositions li a ,tbody tr td ul#propositions li:hover{background:none; width:250px !important}
tbody tr td ul#propositions li a, tbody tr td ul#propositions li a:hover{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: white;
    background-image: url("../img/sprite_button.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: auto auto;
    color: #333333;
    display: inline-block;
    line-height: 12px;
    min-height: 17px;
    padding-bottom: 0 !important;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px !important;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
}
#questionnaire form ul.etatavancement li{display:inline !important}
#questionnaire form ul.etatavancement{display:block !important}
#diaporama h1 span{background:transparent !important}

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

/* Application Temoignages */
#papier{width:650px !important;} 
#liste_chaine_theme div.theme {float: left;width: 215px !important;}
#temoignage .titre_temoignage a {font-size: 28px !important;}
.entete_reaction span.titre_temoignage h1{font-size: 16px !important;}
#droite table tbody tr td div.module_standard{margin-bottom:15px !important; margin-top: 15px !important;}
#temoignage .navigation tbody tr td.navigation-suivant{width: 375px !important;}

/* Pages pivots cinema */
#global.indexfil div#contenu div#entete{padding-left:15px !important}

/* Pages statiques */
table#reportage{width:655px !important}
.navigation tbody tr td.navigation-suivant, .navigation tbody tr td.navigation-precedent{width:60px !important;}
h1{color:black !important}

/* Enquetes */
#questionnaire h1 span{background:none !important;}