/****************************************************************************
                                    MISE EN PLACE MEDIA QUERIES
******************************************************************************
ORDINATEUR
*****************************************************************************/
@media screen and (min-width:1024px)
{
body{position:relative;margin:0%;}

/**********
CTN GLOBALE TV
*************/
.ctn_globale_tv{position:relative;width:100%;min-height:500px;margin-bottom:5%;margin-top:5%;}

/*****
MOTEUR DE RECHERCHE
****/
.moteur_recherche_tv{position:relative;width:80%;height:38px;margin-left:10%;margin-bottom:5%;}
.moteur_recherche_tv_form{position:relative;width:100%;height:38px;}
.moteur_recherche_tv_form ::placeholder{font-family:Source Sans 3;}
.ctn_form{position:relative;width:100%;height:38px;display:flex;flex-wrap:wrap;box-shadow:inset 0px 0px 20px gainsboro;}
.ch_form{position:relative;width:96.7%;padding:0.5%;border:none;outline:none;box-shadow:inset 0px 0px 20px gainsboro;}
.btn_envoi_form{position:relative;width:32px;height:38px;}

/***********
CONTENEUR VIDEOS
*****************/
.ctn_videos{position:relative;width:100%;min-height:400px;}

/*
AFFICHAGE PAR DEFAUT
*/
.ctn_videos_defaut{position:relative;width:100%;min-height:400px;display:flex;flex-wrap:wrap;}

.ctn_videos_defaut_elem{position:relative;width:21%;height:300px;margin:2%;}
.ctn_videos_defaut_elem a{text-decoration:none;color:#002349;}
.ctn_videos_defaut_elem:hover .ctn_videos_defaut_elem_txt_ent{color:#E7473C;}
.ctn_videos_defaut_elem:hover .ctn_videos_defaut_elem_medias_tofs{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);-webkit-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}

/*medias*/
.ctn_videos_defaut_elem_medias{position:relative;width:100%;height:50%;border-radius:5%;overflow:hidden;}
.ctn_videos_defaut_elem_medias_tofs{position:relative;width:100%;height:100%;margin:0%;border-radius:5%;}
/*textuelle*/
.ctn_videos_defaut_elem_txt{position:relative;width:100%;height:50%;}
.ctn_videos_defaut_elem_txt_ent{margin:0%;font-family:Source Sans 3;font-size:0.95em;height:70%;line-height:22px;overflow:hidden;padding:4%;font-weight:normal;color:#002349;}
.ctn_videos_defaut_elem_txt_ent:first-letter{text-transform:capitalize;}
.ctn_videos_defaut_elem_txt_dom{background:green;font-family:Source Sans 3;font-size:0.8em;padding:1% 2%;margin-left:2%;text-align:center;text-transform:capitalize;color:white;letter-spacing:2px;width:40%;border-radius:5%;}

.ctn_videos_defaut_elem_tab{position:relative;width:100%;}
.ctn_videos_defaut_elem_tab td{padding:0.5% 1%;color:#2e4153;}
.ctn_videos_defaut_elem_tab_domaine{font-size:0.7em;}
.ctn_videos_defaut_elem_tab_datation{font-size:0.7em;}


/************* PAGINATION ************************/
.pagine_affichage{position:relative;width:100%;}
.pagine_affichage_tabulation{color:#002349;margin-left:0.5%;font-family:Roboto;padding:0.1% 1% 0.1% 1%;cursor:pointer;text-decoration:none;}
.pagine_affichage_tabulation:hover{color:#2F4F4F;}

.pagine_affichage_tabulation a{color:#002349;text-decoration:none;margin-left:0.5%;font-family:Roboto;text-shadow:0px 0px 2px black;box-shadow:0px 0px 2px gray;padding:0.1% 0.2% 0.1% 0.2%;cursor:pointer;}
.pagine_affichage_tabulation:hover a{color:#2272FF;}


}
/**************************************
TABLET
**************************************/
@media screen and (min-width:768px) and (max-width:1023px)
{
body{position:relative;margin:0%;}

/**********
CTN GLOBALE TV
*************/
.ctn_globale_tv{position:relative;width:100%;min-height:500px;margin-bottom:5%;margin-top:5%;}

/*****
MOTEUR DE RECHERCHE
****/
.moteur_recherche_tv{position:relative;width:90%;height:38px;margin-left:5%;margin-bottom:5%;}
.moteur_recherche_tv_form{position:relative;width:100%;height:38px;}
.moteur_recherche_tv_form ::placeholder{font-family:Source Sans 3;}
.ctn_form{position:relative;width:100%;height:38px;display:flex;flex-wrap:wrap;box-shadow:inset 0px 0px 20px gainsboro;}
.ch_form{position:relative;width:95.5%;padding:0.5%;border:none;outline:none;box-shadow:inset 0px 0px 20px gainsboro;}
.btn_envoi_form{position:relative;width:32px;height:38px;}

/***********
CONTENEUR VIDEOS
*****************/
.ctn_videos{position:relative;width:100%;min-height:400px;}

/*
AFFICHAGE PAR DEFAUT
*/
.ctn_videos_defaut{position:relative;width:100%;min-height:400px;display:flex;flex-wrap:wrap;}

.ctn_videos_defaut_elem{position:relative;width:21%;height:300px;margin:2%;}
.ctn_videos_defaut_elem a{text-decoration:none;}
.ctn_videos_defaut_elem:hover .ctn_videos_defaut_elem_txt_dom{background:#E7473C;}
.ctn_videos_defaut_elem:hover .ctn_videos_defaut_elem_medias_tofs{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);-webkit-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}
.ctn_videos_defaut_elem:hover .ctn_videos_defaut_elem_txt_ent{color:#E7473C;}

/*medias*/
.ctn_videos_defaut_elem_medias{position:relative;width:100%;height:40%;border-radius:5%;overflow:hidden;}
.ctn_videos_defaut_elem_medias_tofs{position:relative;width:100%;height:100%;margin:0%;border-radius:5%;}
/*textuelle*/
.ctn_videos_defaut_elem_txt{position:relative;width:100%;height:60%;}
.ctn_videos_defaut_elem_txt_ent{margin:0%;font-family:Source Sans 3;font-size:0.9em;height:70%;line-height:23px;overflow:hidden;padding:4%;font-weight:normal;color:#002349;}
.ctn_videos_defaut_elem_txt_ent:first-letter{text-transform:capitalize;}
.ctn_videos_defaut_elem_txt_dom{background:green;font-family:Source Sans 3;font-size:0.75em;padding:2%;margin-left:2%;text-align:center;text-transform:capitalize;color:white;letter-spacing:2px;width:60%;border-radius:5%;}

.ctn_videos_defaut_elem_tab{position:relative;width:100%;}
.ctn_videos_defaut_elem_tab td{padding:0.5% 1%;color:#2e4153;}
.ctn_videos_defaut_elem_tab_domaine{font-size:0.58em;}
.ctn_videos_defaut_elem_tab_datation{font-size:0.55em;}

/************* PAGINATION ************************/
.pagine_affichage{position:relative;width:100%;}
.pagine_affichage_tabulation{color:#002349;margin-left:0.5%;font-family:Roboto;padding:0.1% 1% 0.1% 1%;cursor:pointer;text-decoration:none;}
.pagine_affichage_tabulation:hover{color:#2F4F4F;}

.pagine_affichage_tabulation a{color:#002349;text-decoration:none;margin-left:0.5%;font-family:Roboto;text-shadow:0px 0px 2px black;box-shadow:0px 0px 2px gray;padding:0.1% 0.2% 0.1% 0.2%;cursor:pointer;}
.pagine_affichage_tabulation:hover a{color:#2272FF;}



}
/*******************************************
SMARTPHONE
*******************************************/
@media screen and (max-width:767px)
{
body{position:relative;margin:0%;}

/**********
CTN GLOBALE TV
*************/
.ctn_globale_tv{position:relative;width:100%;min-height:500px;margin-bottom:5%;margin-top:10%;}

/*****
MOTEUR DE RECHERCHE
****/
.moteur_recherche_tv{position:relative;width:95%;height:32px;margin-left:2.5%;margin-bottom:5%;}
.moteur_recherche_tv_form{position:relative;width:100%;height:32px;}
.moteur_recherche_tv_form ::placeholder{font-family:Source Sans 3;}
.ctn_form{position:relative;width:100%;height:32px;display:flex;flex-wrap:wrap;box-shadow:inset 0px 0px 20px gainsboro;}
.ch_form{position:relative;width:90%;padding:0%;border:none;outline:none;box-shadow:inset 0px 0px 20px gainsboro;}
.btn_envoi_form{position:relative;width:32px;height:32px;}

/***********
CONTENEUR VIDEOS
*****************/
.ctn_videos{position:relative;width:100%;min-height:400px;}

/*
AFFICHAGE PAR DEFAUT
*/
.ctn_videos_defaut{position:relative;width:100%;min-height:400px;}

.ctn_videos_defaut_elem{position:relative;width:90%;height:300px;margin:8% 5%;}
.ctn_videos_defaut_elem a{text-decoration:none;color:#002349;}
.ctn_videos_defaut_elem:hover .ctn_videos_defaut_elem_txt_dom{background:#E7473C;}
.ctn_videos_defaut_elem:hover .ctn_videos_defaut_elem_medias_tofs{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);-webkit-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}
.ctn_videos_defaut_elem:hover .ctn_videos_defaut_elem_txt_ent{color:#E7473C;}

/*medias*/
.ctn_videos_defaut_elem_medias{position:relative;width:100%;height:50%;border-radius:5%;overflow:hidden;}
.ctn_videos_defaut_elem_medias_tofs{position:relative;width:100%;height:100%;margin:0%;border-radius:5%;}
/*textuelle*/
.ctn_videos_defaut_elem_txt{position:relative;width:100%;height:50%;padding:0% 2%;}
.ctn_videos_defaut_elem_txt_ent{margin:0%;font-family:Source Sans 3;line-height:22px;font-size:0.9em;height:80%;overflow:hidden;padding:2%;font-weight:bold;color:#002349;}
.ctn_videos_defaut_elem_txt_ent:first-letter{text-transform:capitalize;}
.ctn_videos_defaut_elem_txt_dom{background:#66CDAA;font-family:Source Sans 3;font-size:0.8em;padding:1% 4%;margin-left:2%;text-align:center;text-transform:capitalize;color:white;letter-spacing:2px;width:30%;border-radius:5%;}

.ctn_videos_defaut_elem_tab{position:relative;width:100%;}
.ctn_videos_defaut_elem_tab td{padding:0.5% 1.5%;color:#2e4153;}
.ctn_videos_defaut_elem_tab_domaine{font-size:0.65em;}
.ctn_videos_defaut_elem_tab_datation{font-size:0.6em;}



/************* PAGINATION ************************/
.pagine_affichage{position:relative;width:100%;}
.pagine_affichage_tabulation{color:#002349;margin-left:0.5%;font-family:Roboto;padding:0.1% 1% 0.1% 1%;cursor:pointer;text-decoration:none;}
.pagine_affichage_tabulation:hover{color:#2F4F4F;}

.pagine_affichage_tabulation a{color:#002349;text-decoration:none;margin-left:0.5%;font-family:Roboto;text-shadow:0px 0px 2px black;box-shadow:0px 0px 2px gray;padding:0.1% 0.2% 0.1% 0.2%;cursor:pointer;}
.pagine_affichage_tabulation:hover a{color:#2272FF;}


}