/*--------------------------------------------------------------*/
/* Reset
-------------------------------------------------------------- */
html,body,div,span,object,iframe,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:;}
a img{border:none;}

.clearBoth{
clear:both;
height:0px;
line-height:0px;
font-size:0px;
}



/*--------------------------------------------------------------*/
/* VOLET SPECIAL LA POSTE
-------------------------------------------------------------- */
ul.side-nav{
    background:#00477f;
    padding-top:20px;
    
}

ul.side-nav a{
    color:#FFF;
}


/*--------------------------------------------------------------*/
/* STRUCTURE POUR MATERIALIZE
-------------------------------------------------------------- */

#header.no_header{
   
    box-shadow:none;
    margin-top:-65px;
    overflow: visible;
/*     background-color: black; */
    background-color: transparent;
    margin-bottom:0px;
}

#content.container.no_header{
    margin-top:56px;
}

#header.no_header #button-nav{
     margin-top:45px;
     color:#000;
}


#header.no_header #logo-container{
    display:none;
}


#header.no_header .nav-wrapper,
{
    overflow: visible;
    background-color: black;
}

#header.no_header #button-nav{
    top:24px;
    position:absolute;
    width:40px;
    height:40px;
    color:#000;
    z-index:100;
}


#header.no_header ul#nav-mobile.side-nav{
    padding-top:30px;
}

#footer.fixed_to_absolute{
  position:absolute; 
}


img.panzoom_elements{ z-index:10;}
.image_fond{ background:black;}




nav{
display:block;
/* margin-bottom:2em; */
margin-bottom:0;
position:relative;
}

nav ul a{
padding:0;
font-size:0.95rem;
}

nav .nav-wrapper li,
nav .nav-wrapper li a,
nav .nav-wrapper li a i{
height:38px;
line-height:38px;
}

html.oldie nav .brand-logo.center{
	-webkit-transform:none;
	-moz-transform:none;
	-ms-transform:none;
	-o-transform:none;
	transform:none;
}

body{
background:#fff;
padding-bottom:10em;
}

body.sans_padding{padding-bottom:0;}

#logo-container{
font-size:1.3em;
}

@media(min-width:600px){
    #logo-container{
        font-size:2.1em;
    }
}

@media only screen and (max-width: 1024px){
	
    body{
    padding-bottom:8em;
    }
}

@media only screen and (max-width: 480px){
    body{
    /*padding-bottom:8em;*/
    padding-bottom:6em;
    }	
    
    nav ul a{
    padding:0;
    font-size:0.85rem;
    }
    
    nav .nav-wrapper li,
    nav .nav-wrapper li a,
    nav .nav-wrapper li a i{
    height:24px;
    line-height:24px;
    }
}

#button-nav,
#button-nav-sommaire{
margin-left:1em;
}

#footer{
position:fixed;
bottom:0;
display:table;
width:100%;
padding:0;
margin:0;
z-index:100;
}

#footer > li{
display:table-cell;
width:20%;
vertical-align:bottom;
position:relative;
}

#footer > li:last-child{
border-right:0;
}

#footer > li > a,
#footer > li > span{
display:block;
width:100%;
height:100%;
padding:0.6em;
text-align:center;
border-right:1px solid #000;
border-top:1px solid #000;
background:#212121;
font-size:1.5em;
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
}

#footer > li > a{ color:#fff; }
#footer > li > a.auto_nav{ color:#444; cursor:default;}
#footer > li > span{ color:#444; }

#footer > li > a:hover,
#footer > li > a.actif{
background:#111;
}

#footer > li > a .footer_nom,
#footer > li > span .footer_nom{
display:block;
/* height:1em; */
line-height:1em;
font-size:0.5em;
text-align:center;
}

@media only screen and (max-width: 480px){
    #footer > li > a .footer_nom,
    #footer > li > span .footer_nom{
    
    }	
}

#footer > li.grand a{
/* background:#2c3e50; */
background:#12805d;
padding:0.8em 0.6em;
}

#footer > li.grand a:hover{
background:#34495e;
}

#footer > li.validated a{
background:#27ae60;
}

#footer > li.validated a:hover{
background:#2ecc71;
}

#footer.small_footer > li.flow-text a,
#footer.small_footer > li.flow-text span{
padding:0;
font-size: 1.2em;
}

#footer.small_footer > li.flow-text.grand a{
padding:0.2em 0.6em;
}

#footer.small_footer > li.flow-text.grand a span.footer_nom,
#footer.small_footer > li.flow-text.grand span span.footer_nom{
display:none;
}




/* POUR IE < 8 */
html.oldie #logo-container{
margin-top:-17px;
margin-left:-86px;
font-size:1.9em;
}

html.oldie #button-nav,
html.oldie #button-nav-sommaire{
font-size:2em;
}

.container .row {
margin-left:35%;
margin-right:0;
}


/*--------------------------------------------------------------*/
/* RENDU
-------------------------------------------------------------- */
html{
height:100%;
}

body{
color: black;
font: normal 0.8em "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
}

h1{
background:#F3F3F3;
width:94%;
height:2em;
line-height:2em;
font-size:2em;
margin:2%;
padding:1%;
overflow:hidden;
-webkit-border-radius:4px;
border-radius:4px; 
}

#content{
position: relative;
max-width: 1024px;
/*max-height:768px;*/
min-height:100%;
margin: 0 auto;
padding:0;
}

#main{
/*height:100%;
max-width:1024px;*/
}

#fond_login{
position:fixed;
width:100%;
height:100%;
left:0;
top:0;
background-size:cover;
}

#login_txt_1,
#login_txt_2,
#login_txt_3{
color:#fff;
font-size:1.5em;
margin:10px 0;
}

#login_txt_1{
margin-top:-50px;
}

#login_txt_1 span{
font-size:1.8em;
}

#form_login{
width:400px;
padding:30px;
margin:20px auto;
background: #f5f5f5;
}

#form_login_titre{
text-align:center;
height:50px;
line-height:32px;
font-size:22px;
color:#888;
text-shadow: 1px 1px 0px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
margin-bottom:25px;		
padding-bottom:25px;
border-bottom:1px solid #ddd;
}

#err_login{
margin:0 0 25px 0;
background:#d20;
padding:5px 10px;
border:1px solid #b40;
color:#fff;
font-size:14px;
line-height:18px;
text-align:center;
-webkit-border-radius: 4px;
border-radius: 4px;
}

#form_login label{
display:block;
font-size:14px;
color:#555;
line-height:18px;
height:18px;
margin:0 0 4px 0;
text-align:left;
}

#identifiant, #mdp, #nom, #prenom{
display:block;
width:97%;
padding:1%;
border:1px solid #ddd;
background:#fff;
height:22px;
line-height:22px;
color:#888;
font-weight:bold;
margin:0 auto 15px;
}

#form_login_submit{
margin-top:50px;
margin-bottom:0;
font-size:16px;
}

#iframe{
display:block;
width:100%;
/* max-width:988px; */
max-width:100%;
height:768px;
margin:0 auto;
}


@media only screen and (max-width: 480px){
	#iframe{
		height:500px;
	}
}

.wrapper{
box-sizing:border-box;
margin:0 0.75em;
}

.center{
text-align:center;
}


#popup_medias{
display:none;
position:absolute;
bottom:0px;
right:0px;
width:100%;
border:1px solid #7f8c8d;
border-bottom:0;
background:#95a5a6;
z-index:9;
}

#popup_medias ul li{
list-style:none;
height:50px;
}

#popup_medias ul li a{
display:block;
list-style:none;
padding:10px;
line-height:30px;
height:50px;
font-size:18px;
color:#fff;
text-align:center;
border-bottom:1px solid #7f8c8d;
text-decoration:none;
}

#popup_medias ul li a:hover{
background:#7f8c8d;
}

#popup_medias ul li .cel_contenu{
display:none;
}

.close_popup{
display:block;
position:absolute;
width:40px;
height:40px;
background:url(../img/commun/interface/close.png) center center no-repeat;
cursor:pointer;
top:0;
right:0;
margin-top:-10px;
margin-right:-21px;
z-index: 50;
}

a.lien_agrandissement, a.lien_agrandissement_np{
display:block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
color:#555;
background:#fff;
font-size:16px;
text-decoration:none;
position:absolute;
bottom:1px;
z-index:11;
}

.bold{
font-weight:bold;
}


/*--------------------------------------------------------------*/
/* MAX 800 de large
-------------------------------------------------------------- */

@media only screen and (max-width: 800px){
	h1{
	font-size:1.8em;
	}
	
	#content{		
	width: auto!important;
	height:auto!important;
	}

	#main{
	height:auto!important;
	}
	
	#form_login{
	width:300px;
	padding:20px;
	}

	#form_login_titre{
	height:42px;
	line-height:22px;
	font-size:22px;
	margin-bottom:20px;		
	padding-bottom:20px;
	}
	
	#err_login{
	margin-bottom:20px;
	}

	#identifiant, #mdp, #nom, #prenom{
	margin-bottom:0 auto 10px;
	}

	#form_login_submit{
	margin-top:30px;
	font-size:18px;
	}

	#popup_medias ul li a{
	font-size:16px;
	}
}





/*--------------------------------------------------------------*/
/* MAX 480 de large
-------------------------------------------------------------- */
@media only screen and (max-width: 480px){
	h1{
	font-size:1.6em;
	}
	
	#content{		
	width: auto!important;
	height:auto!important;
	}

	#main{
	height:auto!important;
	}
	
    
    
    #login_txt_1,
    #login_txt_2,
    #login_txt_3{
    font-size:1.3em;
    }
    
    #login_txt_1 span{
    font-size:1.5em;
    }
    
	#form_login{
	width:80%;
	padding:20px;
	}

	#form_login_titre{
	height:30px;
	line-height:18px;
	font-size:18px;
	margin-bottom:10px;		
	padding-bottom:10px;
	}
	
	#err_login{
	margin-bottom:10px;
	font-size:12px;
	line-height:16px;
	}
	
	#form_login label{
	font-size:12px;
	line-height:16px;
	height:16px;
	}

	#identifiant, #mdp, #nom, #prenom{
	margin-bottom:0 auto 5px;
	font-size:12px;
	height:18px;
	line-height:18px;
	}

	#form_login_submit{
	margin-top:60px;
	font-size:14px;
	}
    
    #popup_medias{
    right: -15%;
    width: 130%;
    }

	#popup_medias ul li{
	height:30px;
	}

	#popup_medias ul li a{
	padding:5px;
    height:30px;
	line-height:20px;
	font-size:12px;
	}
}



/*****************************************************************************************
								ESPACE INFO		
****************************************************************************************/
#espace_info{
	position:absolute;
	top:0;
	right:0;
	width:300px;
	text-align: right;
}

#espace_info #chrono{
	position:relative;
	clear:right;
	float:right;
	margin-top:5px;
	margin-right:0;
	width: 120px;
	height: 72px;
	line-height: 72px;
	vertical-align: middle;
	border:2px solid black;
}

#espace_info .nb_vote{
	position:relative;
	float:right;
	margin-left: 0;
	top:0;
	left:0;
	clear:right;
	margin-top:5px;
	margin-right:32px;
}

#playerSoundHTML5{
	width:150px; 
	height:40px;
	margin-right:10px;
}

/***************************************************************
--------------------------------------------------------------
RENDU DES PAGES
-------------------------------------------------------------- 
****************************************************************/

/*    --CONTENU AVEC IMAGE DE FOND--    */
.fond_presentation_slide,
.fond_presentation_slide_mobile{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-position: center top;
background-repeat: no-repeat;
}

/*    --ACCUEIL--    */
.nom_pres,
.nom_salle{
font-size:1.3em;
overflow:hidden;
margin-bottom:8%;
width:100%;
margin-top:20px;
}

.nom_salle{
background:#32bef0;
height:5em;
 border: 2px solid white;
  padding: 10px;
  border-radius: 15px;
}

.nom_pres p{
height:3em;
line-height:1.5em;
overflow:hidden;
text-align:center;
}

.nom_pres img{
max-width:100%;
}

.nom_salle p{
line-height:1.5em;
overflow:hidden;
}

.nom_salle p a{
display:block;
padding:1em;
}

@media only screen and (max-width: 800px){
	#main .question{
/* 		width:auto; */
		width:90%;
		height: auto;
		overflow: inherit;
	}
	
	#main .reponse .item_reponse{
		width:auto;
		height:auto;
		position:inherit;
	}    
    
    .nom_pres p{
    line-height:1.2em;
    }
    
    .nom_pres p a{
    font-size:0.6em !important;
    }
}

@media only screen and (max-width: 480px){
	#main .question{
		width:90%;
		overflow: inherit;
	}
	
	#main .reponse .item_reponse{
		width:auto;
		height:auto;
		position:inherit;
	}
    
    .nom_pres p{
    line-height:0.8em;
    }
    
    .nom_pres p a{
    font-size:0.6em ;
    }
}







/*    --IMAGE--    */
.image_fond{
height:100%;
overflow: hidden;
text-align: center;
}

.image_fond img{
width:100% !important;
}

@media only screen and (max-width: 800px){
    .image_fond img{
    /*width:100%;*/
    }
}


@media only screen and (max-width: 800px) and (orientation:landscape){
    .image_fond img{
    /*width:auto;*/
    }
}




/*    --QCM--    */
.question{
	padding:36px 0px 0px 32px;
	width:90%;
	height:138px;
	overflow: hidden;
	box-sizing:border-box;
	text-align: left;
}


.reponse{
	clear:both;
	min-height:30px;
	margin:10px 0 10px 32px;
}

.reponse .puce{
    float:left;
    width:50px;
    min-height:50px;
}

.reponse .item_reponse{
	margin-left:70px;
	width:auto;
	height:58px;
	overflow: hidden;
}

.reponse .checkbox_virtuelle{
    width:40px;
    height:40px;
    background: url('../img/commun/interface/fond_checkbok.png') no-repeat top center;
    background-size: 40px 80px;
}

.reponse .checkbox_virtuelle.checked{
    background-position: bottom center;
}

.colQCM .reponse .item_reponse{ width:inherit;}


@media only screen and (max-width: 480px){
	.question{
        height:auto;
        padding-top:18px;
        padding-bottom:20px;
        padding-left:20px;
	}

	.reponse{
		min-height:30px;
		margin-left:15px;
	}

	.reponse .checkbox_virtuelle{
        width:80%;
        margin:0.2em;
	}
}





/*    --Question Ouverte--    */
.textarea_question_ouverte{
    width:80%;
    height: 446px;
    font-size: 20px;
}

@media only screen and (max-width: 480px){
	.textarea_question_ouverte{
        height:10em;
	}	
}
.textarea_question_ouverte.restitution_question_ouverte{
    width:96%;
    padding:15px;
    background:#ecf0f1;
    border:0;
    height:105px;
    margin-bottom:20px;
}

@media only screen and (max-width: 480px){
	.textarea_question_ouverte.restitution_question_ouverte{
        height:85px;
        font-size: 16px;
	}	
}

.textarea_question_nuage_tags{
width:96%;
font-size:20px;
background:#ecf0f1;
border:0;
padding:15px 15px;
}

#conteneur_trie{
margin:0 4% 15px;
text-align:center;
}

#conteneur_trie a{
display:inline-bloc;
background:#ecf0f1;
color:#333;
font-size:20px;
padding:10px 20px;
height:20px;
line-height:20px;
margin:0px 10px;
}

#conteneur_trie a.actif{
background:#bdc3c7;
}


@media only screen and (max-width: 480px){
	#conteneur_trie{
        margin:0 0 15px;
	}	
    
    #conteneur_trie a{
        font-size:15px;
        height:15px;
        line-height:15px;
        margin:0px 5px;
        padding:10px 15px;
    }
}




/*    --SLIDER--    */
.container_slider{
width:75%;
position:relative;
padding-top:3em;
margin-top:147px;
margin-left:42px;
}

.container_slider .value_start{
position:absolute;
left:0;
top:0;
}

.container_slider .value_end{
position:absolute;
right:0;
top:0;
}



.container_slider .value_slider{
position:absolute;
left:50%;
transform:translateX(-50%);
top:0;
font-size:1.2em;
font-weight:bold;
}

@media only screen and (max-width: 480px){
	.container_slider{
        margin-top:0;
	}		
}



/*    --SLIDER MULTIPLE--    */
.multi_slider {
margin-top:0.5em;
}


.multi_slider .container_slider{
width:75%;
position:relative;
margin-left:41px;
padding-top:3.5em;
margin-top:5px;
}


.multi_slider .label{
position:absolute;
left:0;
top:0;
width:100%;
}

.container_slider .value_start,
.container_slider .value_end,
.container_slider .value_slider{
top:1.2em;
}

@media only screen and (max-width: 480px){
	.multi_slider .container_slider{
	margin:3em auto;
	}	
}


/*    --TELECHARGEMENTS--    */
.editorial{
font-size:1.5em;
padding:0 5% 7% 5%;
text-align:justify;
}

.item_lien{
padding:3% 5%;
}

.item_lien a{
font-size:1em;
color:#ffffff;
text-decoration: underline;
}


/** chrono **/
#chrono{
position:absolute;
top:0;
left:0;
text-align:center;
font-weight:bold;
height:38px;
line-height:38px;
width:50px;
font-size:40px;
}

@media only screen and (max-width: 480px){
	#espace_info  #chrono{
    height:32px;
    line-height:32px;
    width:100px;
	font-size:34px;
	}
	
	#espace_info{
		width:100%;
	}
 }

@media only screen and (max-width: 1024px){
    nav {
	    margin-top:15px;
	}
}


/* Orientation Paysage */
@media screen and (orientation:landscape) and (max-device-width: 640px) {
   .nav {
		height:1em;
		position:relative;
		margin-bottom:2em
	}
		
}


/** JOKER **/
#joker_points{
position:absolute;
top:60px;
right:60px;
background:#4f758a;
width:132px;
height:122px;
padding-top:5px;
text-align:center;
border-radius:15px;
-webkit-box-shadow: 4px 5px 5px 0 rgba(0,0,0,0.5);
box-shadow: 4px 5px 5px 0 rgba(0,0,0,0.5);
text-align:center;
color:#fff;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
font-size:25px;
line-height:32px;
}

#joker_points strong{
font-size:40px;
line-height:40px;
}

#joker_titre{
position:absolute;
top:210px;
width:100%;
font-size:38px;
line-height:40px;
text-align:center;
color:#fff;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
text-transform:uppercase;
font-weight:bold;
}

#joker_intro{
position:absolute;
top:280px;
width:100%;
font-size:25px;
line-height:40px;
text-align:center;
color:#fff;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}

#jokers{
position:absolute;
top:400px;
width:100%;
text-align:center;
}

#jokers .joker{
display:inline-block;
width:200px;
height:200px;
text-indent:-5000px;
background:url(../img/commun/joker/joker_1.png) center center no-repeat;
}

#jokers .joker#joker_1{ background-image:url(../img/commun/joker/joker_1.png);}
#jokers .joker#joker_2{ background-image:url(../img/commun/joker/joker_2.png);}
#jokers .joker#joker_3{ background-image:url(../img/commun/joker/joker_3.png);}


#jokers .joker.utilise{ background-position:center top;}
#jokers .joker.en_cours{ background-position:center bottom;}



/** NOTE **/
#modal_note .modal-content{
padding-bottom:0;
}

#modal_note .modal-footer{
padding:10px 24px;
height:68px;
}
#modal_note .modal-footer .btn-flat{
font-weight:bold;
}

#modal_note #not_texte{
width:100%;
min-height:300px;
padding:15px;
border:1px solid #ccc;
font-size:14px;
line-height:18px;
color:#333;
}

@media only screen and (max-width: 480px){
	#modal_note #not_texte{
        min-height:150px;
    }
}

@media screen and (orientation:landscape) and (max-device-width: 640px) {
	#modal_note #not_texte{
        min-height:150px;
    }		
}


/** RESTITUTION QUESTION OUVERTE **/
.bloc_restitution_question{
border-left:5px solid #2c3e50;
padding:5px 0 5px 20px;
margin:0 2% 15px;
display:table;
width:96%;
}

.bloc_restitution_question p{
display:table-cell;
min-height:48px;
vertical-align:middle;
}

.bloc_restitution_question p.bloc_restitution_question_q{
font-size:0.6em;
color:#333;
}

.bloc_restitution_question p.bloc_restitution_question_btn{
width:48px;
}

.bloc_restitution_question p.bloc_restitution_question_btn a{
display:block;
width:48px;
height:48px;
background:url(../../orateur/img/commun/interface/like.png) center top no-repeat;
}

.bloc_restitution_question p.bloc_restitution_question_btn a.actif{
background-position:center bottom;
}

.bloc_restitution_question p.bloc_restitution_question_nb{
width:50px;
text-align:right;
font-size:16px;
color:#34495e;
}

@media only screen and (max-width: 480px){
	.bloc_restitution_question p.bloc_restitution_question_q{
        font-size:0.5em;
    }
    
    .bloc_restitution_question p.bloc_restitution_question_btn{
        width:32px;
    }
    
    .bloc_restitution_question p.bloc_restitution_question_btn a{
        width:32px;
        height:32px;
        background-size: cover;
    }
    
    .bloc_restitution_question p.bloc_restitution_question_nb{
        width:30px;
        font-size:15px;
    }
}


/** NUAGE DE POINTS INLINE **/
#nuage_de_points{
    max-width:900px;
    margin:0 auto;
}

@media only screen and (max-width: 800px){
    #nuage_de_points{
        width:100%;
    }
}


/** reglement **/
#reglement{

}

#reglement h6{
margin-top:25px;
padding:10px 25px;
font-weight:bold;
font-size:1.4em;
}

#reglement p,
#reglement ul{
margin-bottom:10px;
}


/***** Personnalisation Webcast *****/
.hide{display:none;}

#webcast{}

#webcast #webcast_bandeau img{display:block;}

#webcast #webcast_boutons{
height:45px;
margin-bottom:0px;
width:726px;
}

#webcast .btn_choix_debit{
position:relative;
display:block;
float:left;
width:360px;
height:36px;
line-height:36px;
vertical-align:middle;
text-align:center;
font-size:18px;
margin-right:3px;
}

#webcast .btn_choix_debit span.{
position:relative;
display:block;
float:left;
width:311px;
height:36px;
line-height:36px;
vertical-align:middle;
text-align:center;
font-size:18px;
margin-right:3px;
}

#webcast .cast_gd{
width:966px;
height:542px;
overflow:hidden;
margin:0 auto;
}

#webcast .cast_with_quizz{
float:left;
width:724px;
height:493px;
overflow:hidden;
}

#webcast #quizz{
float:right;
width:276px; /* 5 de padding et 1 de bordure */
height:538px;
padding-left:5px;
}

#webcast .btn_choix_debit span.fa-caret-down,
#webcast .btn_choix_debit span.fa-caret-right{
display: block;
font-size: 18px;
height: 10px;
left: 50px;
position: absolute;
top: 10px;
width: 10px;
}


/* .webcast #colorbox #cboxTopCenter,
.webcast #colorbox #cboxBottomCenter{
background-image: url("../img/commun/interface/borderColorbox.png");
} */

.webcast #colorbox{
 background: #fff none repeat scroll 0 0;
border: 5px solid #2493ac;
border-radius: 8px;
/* box-sizing: border-box;
padding:16px; */
}

.webcast #colorbox #cboxMiddleLeft,
.webcast #colorbox #cboxMiddleRight,
.webcast #colorbox #cboxBottomRight,
.webcast #colorbox #cboxBottomCenter,
.webcast #colorbox #cboxBottomLeft,
.webcast #colorbox #cboxTopCenter,
.webcast #colorbox #cboxTopLeft,
.webcast #colorbox #cboxTopRight{
background: none;
}



.webcast #colorbox #cboxBottomRight,
.webcast #colorbox #cboxBottomLeft,
.webcast #colorbox #cboxTopLeft,
.webcast #colorbox #cboxTopRight{
height: 0px;
width: 0px;
}

.webcast #colorbox #cboxBottomCenter,
.webcast #colorbox #cboxTopCenter{
height: 0px;
}


.webcast #colorbox #cboxMiddleLeft,
.webcast #colorbox #cboxMiddleRight{
width: 0px;	
}



.ml{
    font-size:10px;
    margin-top:40px;
}


.colonne{
    width:49%;
    margin:1% 0;
}


#close_pres{
    position: absolute;
    z-index: 2;
    right: 5px;
    top: 5px;
    font-weight: bold;
    font-family: arial;
    color: #1e97eb;
}

#close_pres a{
    color: #0b357f;
}


.sommaire body{
    margin:0;
}

@media only screen and (max-width: 480px){
.sommaire #content{
    margin-top:20px !important;
}
}

/*** HISTORIQUE PUSH ***/
.container_pushs{
	height:300px;
	overflow-y:auto;
/* 	background:#fff; */
	color:#000;
	font-size:12px;
	margin-top:30px;
}

.container_pushs .message_push{
	padding:10px;
	background:#d0d0d0;
	font-size:14px;
}

.container_pushs .message_push:nth-child(2n+1){
	background:#e9e9e9;
}


.fixfixed #footer { 
    position: absolute; 
}