/*################
###	global
##################*/
#col3_content {
	font-size: 0.9em;
}
#col3_content h1{
	width: 100%;
	padding-bottom: 3px;
	margin-bottom: 1em;
	
	font-size: 1.3em;
	color: #1d4768;
	border-bottom: 1px solid #1d4768;
	overflow: hidden;
}
#col3_content h2{
	width: 100%;
	margin-bottom: 1em;
	
	
	font-size: 1.1em;
	color: #1d4768;
}
#col3_content a{
	text-decoration: none;
	color: #1d4768;
}
#col3_content a:hover{
	text-decoration: underline;
	color: #000;
}
#col3_content .csc-mailform-field{
	overflow: hidden;
	margin: 5px 0;
}
#col3_content .block{
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}
#col3_content .block .left{
	float: left;
	width: 217px;
	overflow: hidden;
}
#col3_content .block .right{
	float: right;
	width: 351px;
	overflow: hidden;
}
#col3_content .block .right .icons{
    margin-top: 10px;
}
#col3_content .block .right .icons img{
    margin-right: 5px;
}
#col3_content span.blue{
	color: #1d4768;
	font-weight: bold;
}
#col3_content span.normal{
	color: #000;
	font-weight: normal!important;
}
td.images img{
	width:217px;
}
/*##################*/

/*################
###	banner_fiche
##################*/
#banner_film{
	margin-bottom: 10px;
	width: 100%;
	/*height: 80px;*/
	overflow: hidden;
        text-align: center;
}
/*##################*/

/*################
###	TITRE / ACTEURS / AFFICHE / ETC...
##################*/
#titre_film .affiche{
	float: left;	
	width: 217px;
	height: 300px;
}
#titre_film .affiche img{
	width: 217px;
}
#titre_film .description{
	float: right
}
#titre_film .description table{
    float: none!important;
    border-collapse: collapse;
}
#titre_film .description table td{
	float: none!important;
	margin: 0;
	padding: 0;
        padding-bottom: 20px;
	vertical-align: top;
        text-align: left;
}
#titre_film .description table td.left{
	width: 180px;
	
	font-weight: bold;
	color: #1d4768;
}
#titre_film .facebook {
    float: right;
    height: 20px;
    width: 200px;
}
#titre_film .facebook .facebookShare {
    float: left;
    padding-top: 1px;
}
#titre_film .facebook .facebookLike {
    float: left;
    margin-left: 10px;
    width: 70px;
}
/*##################*/


/*################
###	HORAIRES
##################*/
#schedules{
    overflow: hidden;
}
#schedules div.schedules-form{
    float: left;
    overflow: hidden;
    text-align: right;
    width: 250px;
}
#schedules div.schedules-form .label{
    float: left;
    height: 21px;
    padding-top: 4px;
    text-align: right;
    width: 85px;
}
#schedules div.schedules-form .input{
    float: right;
    height: 25px;
    padding-bottom: 4px;
}
#schedules div.schedules-form input{
    float: right;
    width: 150px;
}
#schedules div.schedules-result{
    border: 1px dotted #1d4768;
    color: #1d4768;
    font-weight: bold;
    margin-left: 270px;
    padding: 5px;
    width: 300px;
}
#schedules div.schedules-result table{
    border-collapse: collapse;
}
#schedules div.schedules-result table th{
    border-bottom: 1px solid #1d4768;
    padding-bottom: 2px;
    text-align: left;
}
#schedules div.schedules-result table td{
    font-weight: normal;
    padding: 10px 0px 0px;
}


/*################
###	IMAGES ET BANDE-ANNONCE
##################*/
#bande_annonce {
	position: relative;
	border-collapse: collapse!important;
        width: 100%;
        overflow: hidden;
        float: none!important;
}
#bande_annonce td{
	position: relative;
	vertical-align: top!important;
	overflow: hidden;
}
#bande_annonce td.left{
	float: none!important;
        padding-right: 20px;
}
#bande_annonce td.right{
	float: none;
	float: none!important;
        width: auto!important;
}
#bande_annonce td.images div{
        overflow: hidden;
        width: 217px;
}
#bande_annonce .images div.image_gallery{
	position: relative;
        float: left;
	width: 100px;
	height: 60px;
	margin: 3px;
	overflow: hidden;
}
#bande_annonce .images a img{
	width: 100px;
}
#bande_annonce .video{
	position: relative;
	overflow: hidden;
        width: 100%!important;
}
#bande_annonce td.video div{
	overflow: hidden;
	position: relative;
        width: 100%!important;
        height: 150px;
}
#bande_annonce .video div a,#bande_annonce .video img  {
	width: 213px;
        height: auto;
        background-color: gray;	
}
#bande_annonce #play, .videos #play{
    position: absolute;
    top: 55px;
    left: 85px;
    width: 45px;
    height: 45px;
    background-image: url("img/play.png");
    background-repeat: no-repeat;
}
/*##################*/

/*################
###	CRITIQUE
##################*/
#critiques{
	border-collapse: collapse;
        width: 100%;
        float: none!important;	
}
#critiques td{
	vertical-align: top!important;
}
#critiques td.left{
	float: none!important;
        width: auto!important;
        /*padding-right: 20px;*/
}
#critiques td.left img{
        padding-right: 20px;
}
#critiques td.right{
	float: none!important;
        width: auto!important;
}
/*##################*/

/*################
###	BOONUS
##################*/
#bonus {
	border-collapse: collapse;
        width: 100%;
        float: none!important;	
}
#bonus td{
	vertical-align: top!important;
}
#bonus td.left{
	float: none!important;
        width: auto!important;
        /*padding-right: 20px;*/
}
#bonus td.left img{
        padding-right: 20px;
        padding-bottom: 10px;
}
#bonus td.right{
	float: none!important;
        width: auto!important;
}
/*##################*/

/*################
###	QUIZ
##################*/
#quiz {
	border-collapse: collapse;
        width: 100%;
        float: none!important;	
}
#quiz td{
	vertical-align: top!important;
}
#quiz td.left{
	float: none!important;
        width: auto!important;
        /*padding-right: 20px;*/
}
#quiz td.left img{
        padding-right: 20px;
        padding-bottom: 10px;
}
#quiz td.right{
	float: none!important;
        width: auto!important;
}
#quiz div.error{
    background: #F17171;
    font-weight: bold;
    padding: 5px;
}
#quiz div.success{
    background: green;
    font-weight: bold;
    padding: 5px;
}
#quiz form {
    border: 1px solid #cccccc;
    padding: 10px;
}
#quiz form label{
    color: #000000;
    display: block;
    font-weight: normal;
    text-transform: none;
}
#quiz form label.heading span{
    font-weight: bold;
}
#quiz form textarea{
}
#quiz form div.items{
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
}
#quiz form div.items div.quiz{
    margin-bottom: 15px;
}
#quiz form div.items div.quiz span.heading {
    font-weight: bold;
}
#quiz form div.items div.quiz input{
    margin-top: 5px;
}
#quiz form div.items div.quiz div.choices{
    margin-top: 3px;
}
#quiz form div.items div.quiz div.choices label{
    display: inline;
}
#quiz form div.items div.quiz div.choices input{
    display: inline-block;
    margin-right: 3px;
    position: relative;
    top: 3px;
}
#quiz form div.field input,
#quiz form div.field textarea{
    margin-bottom: 10px;
    margin-top: 5px;
    width: 95%;
}
#quiz input.error,
#quiz textarea.error{
    background: #F17171;
}
#quiz label.error{
    border-bottom: 3px solid #F17171;
}
#quiz div.condition .heading{
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 20px;
}
#quiz form .condition{
    margin-bottom: 10px;
}
#quiz form .condition input{
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
#quiz form .condition label{
    display: inline;
    font-weight: bold;
}
/*##################*/

/*################
###	A VOUS LA PAROLE
##################*/
#parole table{
	float: none!important;
	margin: 0;
	padding: 0;
	width: 100%!important;
	border-collapse: collapse;
}
#parole table td{
	float: none!important;
	margin: 0;
	padding: 0;
	height: 20px;
}
#parole table td.right{
    padding-right: 50px!important;
}
#parole .pourcent{
        position: relative;
	height: 10px;
	width: 100px;
	margin-top: 7px;
	margin-left: 15px;
	background-color: gray;
}
#parole .pourcent .txt_pourcent{
    position: absolute;
    left: 100%!important;
    top: -2px;
    padding-left: 2px;
}
#parole .nb_vote{
	margin-left: 15px;
}
/*##################*/

/*################
###	VOTER AVIS
##################*/

#avis form input,
#avis form textarea{
	float: left;
	width: 217px;
}
#avis form label{
	float: left;
	margin-left: 15px;
}
#avis form input.submit{
	width: auto;
}

#avis .captcha{
        margin-left: 30px;
	margin-bottom: 10px;
	cursor: pointer;
}
/*##################*/

/*################
###	COMMENTAIRES
##################*/
#commentaires .nb_commentaires{
	position: absolute;
	top: 3px;
	right: 0;
}
#commentaires .titre{
	margin-top: 1em;
}
#commentaires span.blue{
	font-weight: bold!important;
}
#commentaires #pagination{
	font-size: 1.3em;
}
#commentaires #pagination .pervious{
	position: relative;
	z-index: 302;
	float: left;
}
#commentaires #pagination .next{
	position: relative;
	z-index: 301;
	float: right;
}
#commentaires #pagination .pages{
	position: relative;
	z-index: 300;
	margin: 0 100px;
	
	text-align: center;
}
#commentaires #pagination .pages ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#commentaires #pagination .pages ul li{
	margin: 0;
	padding: 0;
	display: inline;
}
#commentaires #pagination .pages ul li a:hover, #commentaires #pagination .pages ul li.selected a{
	color:#000;
	text-decoration: underline;
}
#commentaires #pagination .previous, #commentaires #pagination .next{
	display: none;
}
.titre{
    padding-bottom: 2px;
    margin-bottom: 2px;
    border-bottom: 1px dotted gray;
}
.text{
    padding-bottom: 5px;
}

/*##################*/


/*#######################################################*/
/*############ PROCHAINE SORTIES############## */
/*#######################################################*/
.coming_soon{
    position: relative;
    overflow: hidden;
}
.coming_soon .date{
    position: absolute;
    right: 0px;
    top: 5px;
    font-weight: bold;
    font-size: 1.1em;
}
.coming_soon .block{
	margin-bottom: 1em;
}
.coming_soon .left{
    width: 150px!important;
    overflow: hidden;
}
.coming_soon .left img{
    width: 150px;
    height: auto;
}
.coming_soon .right{
    width: 430px!important;
    overflow: hidden;
}
/*#######################################################*/
/*############ TOUJOURS A L'AFFICHE ############## */
/*#######################################################*/
.still_visible{
    overflow: hidden;
}
.still_visible a{
    margin-right: 17px!important;
    margin-bottom: 17px!important;
    max-width:100px!important;
    max-height: 130px!important;
    overflow: hidden;
}
.still_visible a img{
    max-width:100px!important;
    max-height: 130px!important;
}