/****************************************************************************
     MISE EN PLACE MEDIA QUERIES - PAGE GALERIES
******************************************************************************
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 GALERIES
****/
.ctn_global_galeries{position:relative;width:100%;min-height:500px;margin-bottom:5%;}
/***********
CTN EFFIGIE
*************/
.ctn_global_galeries_effigies{position:relative;width:100%;min-height:200px;}
.ctn_global_galeries_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_galeries_def{position:relative;text-align:center;font-family:Roboto Mono;color:#4A5565;font-weight:bold;}
.ctn_global_galeries_def:first-letter{text-transform:capitalize;}
/*************
ENVELOPPE GALERIE
****************/
.ctn_enveloppe_galerie{position:relative;width:100%;min-height:400px;padding:2%;display:flex;flex-wrap:wrap;}

/**
ELEMENTS
**/
.ctn_element_gal{position:relative;width:30%;height:400px;background:#f9fbfc;margin:1.5%;border-radius:5px;}
.ctn_element_gal a{text-decoration:none;}
.ctn_element_gal:hover .ctn_element_gal_medias_tofs{transform:scale(1.08);transition:0.4s;}
.ctn_element_gal:hover .ctn_element_gal_textuelle_txt{color:royalblue;transition:0.4s;}
.ctn_element_gal:hover .ctn_element_gal_textuelle_date{color:#212529;transition:0.4s;}
/*medias*/
.ctn_element_gal_medias{position:relative;width:100%;height:80%;overflow:hidden;border-radius:5px 5px 0px 0px;}
.ctn_element_gal_medias_tofs{position:relative;width:100%;height:100%;object-fit:cover;}
/*textuelle*/
.ctn_element_gal_textuelle{position:relative;width:100%;height:20%;background:#f9fbfc;border-radius:0px 0px 5px 5px;}
.ctn_element_gal_textuelle_txt{margin:0%;font-family:Roboto Mono;padding:1.5% 2%;font-size:1em;line-height:22px;text-align:center;text-transform:uppercase;color:#2e4153;}
.ctn_element_gal_textuelle_date{margin:0%;font-family:Roboto;font-size:0.9em;padding:1%;text-align:center;color:#212529;background-image:url("../medias/icons/date_info.png");background-repeat:no-repeat;background-position:35%;}




}
/**************************************
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 GALERIES
****/
.ctn_global_galeries{position:relative;width:100%;min-height:500px;margin-bottom:5%;}
/***********
CTN EFFIGIE
*************/
.ctn_global_galeries_effigies{position:relative;width:100%;min-height:100px;margin-bottom:5%;}
.ctn_global_galeries_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_galeries_def{position:relative;text-align:center;font-family:Roboto Mono;color:#4A5565;}
.ctn_global_galeries_def:first-letter{text-transform:capitalize;}
/************
ENVELOPPE GALERIE
****************/
.ctn_enveloppe_galerie{position:relative;width:100%;min-height:400px;padding:2%;display:flex;flex-wrap:wrap;}

/**
ELEMENTS
**/
.ctn_element_gal{position:relative;width:30%;height:400px;background:#f9fbfc;margin:1.5%;}
.ctn_element_gal a{text-decoration:none;}
.ctn_element_gal:hover .ctn_element_gal_medias_tofs{transform:scale(1.08);transition:0.4s;}
.ctn_element_gal:hover .ctn_element_gal_textuelle_txt{color:royalblue;transition:0.4s;}
.ctn_element_gal:hover .ctn_element_gal_textuelle_date{color:#212529;transition:0.4s;}
/*medias*/
.ctn_element_gal_medias{position:relative;width:100%;height:70%;overflow:hidden;border-radius:5px 5px 0px 0px;}
.ctn_element_gal_medias_tofs{position:relative;width:100%;height:100%;object-fit:cover;}
/*textuelle*/
.ctn_element_gal_textuelle{position:relative;width:100%;height:30%;background:#f9fbfc;border-radius:0px 0px 5px 5px;}
.ctn_element_gal_textuelle_txt{margin:0%;font-family:Roboto Mono;padding:3%;font-size:0.95em;line-height:23px;text-align:center;text-transform:uppercase;color:#2e4153;}
.ctn_element_gal_textuelle_date{margin:0%;font-family:Roboto;font-size:0.7em;padding:0.5%;text-align:center;color:#212529;background-image:url("../medias/icons/date_info.png");background-repeat:no-repeat;background-position:30%;}


}
/*******************************************
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 GALERIES
****/
.ctn_global_galeries{position:relative;width:100%;min-height:500px;margin-bottom:5%;}
/***********
CTN EFFIGIE
*************/
.ctn_global_galeries_effigies{position:relative;width:100%;min-height:100px;margin-bottom:5%;}
.ctn_global_galeries_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_galeries_def{position:relative;text-align:center;font-size:0.8em;font-family:Roboto Mono;color:#4A5565;line-height:24px;font-weight:bold;}
.ctn_global_galeries_def:first-letter{text-transform:capitalize;}
/************
ENVELOPPE GALERIE
****************/
.ctn_enveloppe_galerie{position:relative;width:100%;min-height:400px;padding:2%;}

/**
ELEMENTS
**/
.ctn_element_gal{position:relative;width:90%;height:400px;background:#f9fbfc;margin:5%;border-radius:5px;}
.ctn_element_gal a{text-decoration:none;}
.ctn_element_gal:hover .ctn_element_gal_medias_tofs{transform:scale(1.08);transition:0.4s;}
.ctn_element_gal:hover .ctn_element_gal_textuelle_txt{color:royalblue;transition:0.4s;}
.ctn_element_gal:hover .ctn_element_gal_textuelle_date{color:#212529;transition:0.4s;}
/*medias*/
.ctn_element_gal_medias{position:relative;width:100%;height:70%;overflow:hidden;border-radius:5px 5px 0px 0px;}
.ctn_element_gal_medias_tofs{position:relative;width:100%;height:100%;object-fit:cover;}
/*textuelle*/
.ctn_element_gal_textuelle{position:relative;width:100%;height:30%;background:#f9fbfc;border-radius:0px 0px 5px 5px;}
.ctn_element_gal_textuelle_txt{margin:0%;font-family:Roboto Mono;padding:5%;font-size:0.95em;line-height:23px;text-align:center;text-transform:uppercase;color:#2e4153;}
.ctn_element_gal_textuelle_date{margin:0%;font-family:Roboto;font-size:0.7em;padding:0.5%;text-align:center;color:#212529;background-image:url("../medias/icons/date_info.png");background-repeat:no-repeat;background-position:30%;}

}