/****************************************************************************
     MISE EN PLACE MEDIA QUERIES - PAGE MEDIATHEQUES
******************************************************************************
ORDINATEUR 
*****************************************************************************/
@media screen and (min-width:1024px)
{
body{position:relative;margin:0%;}
	/*Banniere*/
.ctn_global_videos_banniere{position:relative;width:100%;height:500px;}
.ctn_global_videos_banniere_tofs{position:relative;width:100%;height:100%;}
.transition_tofs{position:relative;width:100%;height:50px;margin-top:-3%;}
/***
CTN GLOBAL MEDIATHEQUES
****/
.ctn_global_mediatheques{position:relative;width:100%;min-height:500px;margin-bottom:5%;}
/***********
CTN EFFIGIE
*************/
.ctn_global_mediatheques_effigies{position:relative;width:100%;min-height:200px;margin-bottom:5%;}
.ctn_global_mediatheques_sigle{padding-top:4%;font-size:5em;text-transform:uppercase;font-weight:bold;font-family:Roboto;text-align:center;letter-spacing:2px;color:#4A5565;}
.ctn_global_mediatheques_def{position:relative;text-align:center;font-family:Roboto Mono;color:#4A5565;font-weight:bold;}
.ctn_global_mediatheques_def:first-letter{text-transform:capitalize;}
/************
ENVELOPPE MEDIATHEQUES
****************/
.ctn_enveloppe_mediatheques{position:relative;width:100%;min-height:400px;padding:2%;display:flex;flex-wrap:wrap;}
.ctn_enveloppe_mediatheques_ent:first-letter{text-transform:capitalize;}
.ctn_enveloppe_mediatheques_ent{font-family:Roboto Mono;text-align:center;color:#2e4153;line-height:65px;letter-spacing:0px;}
.ctn_enveloppe_mediatheques_date{font-family:Roboto;color:#9C9494;text-align:center;background-image:url("../medias/icons/date_info.png");background-repeat:no-repeat;background-position:45%;margin-bottom:5%;}
.ctn_enveloppe_mediatheques_txt{font-family:Roboto Mono;color:#2e4153;padding:2%;background:#f9fbfc;}
.ctn_enveloppe_mediatheques_txt:first-letter{text-transform:capitalize;}
/*
element
*/
.ctn_enveloppe_mediatheques_elem{position:relative;width:24%;height:400px;overflow:hidden;cursor:pointer;border-radius:5px;margin:0.5%;}
.ctn_enveloppe_mediatheques_elem:hover .ctn_enveloppe_mediatheques_elem_medias{transform:scale(1.02);transition:0.4s;}
.ctn_enveloppe_mediatheques_elem_medias{position:relative;width:100%;height:100%;object-fit:cover;}

}
/**************************************
TABLET
**************************************/
@media screen and (min-width:768px) and (max-width:1023px)
{
body{position:relative;margin:0%;}
	/*Banniere*/
.ctn_global_videos_banniere{position:relative;width:100%;height:400px;}
.ctn_global_videos_banniere_tofs{position:relative;width:100%;height:100%;}
.transition_tofs{position:relative;width:100%;height:50px;margin-top:-5%;}
/***
CTN GLOBAL MEDIATHEQUES
****/
.ctn_global_mediatheques{position:relative;width:100%;min-height:500px;margin-bottom:5%;}
/***********
CTN EFFIGIE
*************/
.ctn_global_mediatheques_effigies{position:relative;width:100%;min-height:120px;margin-bottom:5%;}
.ctn_global_mediatheques_sigle{padding-top:4%;font-size:2.5em;text-transform:uppercase;font-weight:bold;font-family:Roboto;text-align:center;letter-spacing:2px;color:#4A5565;}
.ctn_global_mediatheques_def{position:relative;text-align:center;font-family:Roboto Mono;color:#4A5565;}
.ctn_global_mediatheques_def:first-letter{text-transform:capitalize;}
/************
ENVELOPPE MEDIATHEQUES
****************/
.ctn_enveloppe_mediatheques{position:relative;width:100%;min-height:400px;padding:2%;display:flex;flex-wrap:wrap;}
.ctn_enveloppe_mediatheques_ent:first-letter{text-transform:capitalize;}
.ctn_enveloppe_mediatheques_ent{font-family:Roboto;text-align:center;color:#2e4153;padding:4%;}
.ctn_enveloppe_mediatheques_date{font-family:Roboto;color:#9C9494;text-align:center;background-image:url("../medias/icons/date_info.png");background-repeat:no-repeat;background-position:40%;}
.ctn_enveloppe_mediatheques_txt{font-family:Roboto Mono;color:#2e4153;padding:4%;background:#f9fbfc;font-size:1.1em;}
.ctn_enveloppe_mediatheques_txt:first-letter{text-transform:capitalize;}
/*
element
*/
.ctn_enveloppe_mediatheques_elem{position:relative;width:24%;height:400px;overflow:hidden;cursor:pointer;border-radius:5px;margin:0.5%;}
.ctn_enveloppe_mediatheques_elem:hover .ctn_enveloppe_mediatheques_elem_medias{transform:scale(1.02);transition:0.4s;}
.ctn_enveloppe_mediatheques_elem_medias{position:relative;width:100%;height:100%;object-fit:cover;}


}
/*******************************************
SMARTPHONE
*******************************************/
@media screen and (max-width:767px)
{
body{position:relative;margin:0%;}
	/*Banniere*/
.ctn_global_videos_banniere{position:relative;width:100%;height:250px;}
.ctn_global_videos_banniere_tofs{position:relative;width:100%;height:100%;}
.transition_tofs{position:relative;width:100%;height:50px;margin-top:-6%;display:none;}
/***
CTN GLOBAL MEDIATHEQUES
****/
.ctn_global_mediatheques{position:relative;width:100%;min-height:500px;margin-bottom:5%;}
/************
CTN EFFIGIE
*************/
.ctn_global_mediatheques_effigies{position:relative;width:100%;min-height:80px;margin-bottom:5%;}
.ctn_global_mediatheques_sigle{padding-top:4%;font-size:2.5em;text-transform:uppercase;font-weight:bold;font-family:Roboto;text-align:center;letter-spacing:2px;color:#4A5565;}
.ctn_global_mediatheques_def{position:relative;text-align:center;font-size:0.75em;font-family:Roboto Mono;color:#4A5565;padding:5%;line-height:25px;font-weight:bold;}
.ctn_global_mediatheques_def:first-letter{text-transform:capitalize;}
/************
ENVELOPPE MEDIATHEQUES
****************/
.ctn_enveloppe_mediatheques{position:relative;width:100%;min-height:400px;padding:2%;}
.ctn_enveloppe_mediatheques_ent:first-letter{text-transform:capitalize;}
.ctn_enveloppe_mediatheques_ent{font-family:Roboto;text-align:center;color:#2e4153;font-size:1.2em;padding:4%;line-height:33px;}
.ctn_enveloppe_mediatheques_date{font-family:Roboto;color:#9C9494;margin-bottom:5%;text-align:center;font-size:0.8em;background-image:url("../medias/icons/date_info.png");background-repeat:no-repeat;background-position:35%;}
.ctn_enveloppe_mediatheques_txt{font-family:Roboto Mono;color:#2e4153;padding:5%;background:#f9fbfc;font-size:0.9em;text-align:justify;}
.ctn_enveloppe_mediatheques_txt:first-letter{text-transform:capitalize;}
/*
element
*/
.ctn_enveloppe_mediatheques_elem{position:relative;width:90%;height:300px;overflow:hidden;cursor:pointer;border-radius:5px;margin:5%;}
.ctn_enveloppe_mediatheques_elem:hover .ctn_enveloppe_mediatheques_elem_medias{transform:scale(1.02);transition:0.4s;}
.ctn_enveloppe_mediatheques_elem_medias{position:relative;width:100%;height:100%;object-fit:cover;}

}