/****************************************************************************
                                    MISE EN PLACE MEDIA QUERIES
******************************************************************************
ORDINATEUR ctn_latribune_pro_ctn_slider   text-overflow: ellipsis; white-space: nowrap;
*****************************************************************************/
@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
*****/
.ctn_global_art{position:relative;width:100%;min-height:500px;padding:2%;}
.ctn_global_art_env{position:relative;width:100%;min-height:450px;display:flex;flex-wrap:wrap;}

/*********
CTN ARTICLES
************/
.ctn_articles{position:relative;width:65%;min-height:500px;padding:2%;}

/*
ctn articles
*/
.enveloppe_articles{position:relative;width:100%;min-height:500px;}
.enveloppe_articles_ent{font-family:Source Sans 3;padding:4%;font-size:2em;font-weight:bold;line-height:42px;color:#002349;}
.enveloppe_articles_ent:first-letter{text-transform:capitalize;}
/*medias*/
.enveloppe_articles_medias{position:relative;width:100%;height:400px;overflow:hidden;margin-bottom:1%;border-radius:3px;}
.enveloppe_articles_medias_tofs{position:relative;width:100%;height:100%;object-fit:cover;}
/*textuelle*/
.enveloppe_articles_textuelle{position:relative;width:100%;min-height:300px;}
.enveloppe_articles_textuelle_tab{position:relative;width:90%;margin-left:2%;}
.enveloppe_articles_textuelle_tab td{font-family:arial,helvetica,clean,sans-serif;padding:2%;font-size:0.75em;text-align:center;color:#2e4153;}

.art_nbr_vues{background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:0%;}
.art_date{background-image:url("../medias/icons/date_info.png");background-repeat:no-repeat;background-position:30%;}

.enveloppe_articles_textuelle_chapo{padding:2%;text-align:justify;font-size:1.2em;font-family:Source Sans 3;color:#002349;font-weight:normal;}
.enveloppe_articles_textuelle_chapo:first-letter{text-transform:capitalize;}
.enveloppe_articles_textuelle_txt{font-family:Source Sans 3;padding:3%;font-size:0.95em;text-align:justify;color:#002349;}
.enveloppe_articles_textuelle_txt:first-letter{text-transform:capitalize;}

/*
ctn commentaires
*/
.ctn_commentaires{position:relative;width:100%;min-height:50px;}
.ctn_commentaires_ent{position:relative;text-transform:capitalize;font-family:arial,helvetica,clean,sans-serif;font-size:0.9em;padding:1%;letter-spacing:2px;border-bottom:1px dotted gray;}
.ctn_commentaires_env{position:relative;width:100%;min-height:50px;}

/***********
CTN ANNEXES
************/
.ctn_annexes{position:relative;width:30%;min-height:500px;padding:2%;margin-left:5%;}
.ctn_annexes_ent{padding:2%;font-family:Roboto;text-align:center;text-transform:lowercase;font-size:1.5em;font-weight:bold;letter-spacing:2px;color:#4A5565;background-image:url("../medias/icons/journal_m.png");background-repeat:no-repeat;background-position:86%;}
.ctn_annexes_env{position:relative;width:90%;min-height:300px;padding:2%;margin-left:5%;}

/*
ELEMENTS
*/
.ctn_annexes_elem{position:relative;width:100%;height:350px;margin-bottom:5%;}
.ctn_annexes_elem:hover{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1.02);transition:0.4s;box-shadow:0px 0px 40px 1px darkGray;}
.ctn_annexes_elem a{text-decoration:none;color:#002349;}
.ctn_annexes_elem:hover .ctn_annexes_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_annexes_elem:hover .ctn_annexes_elem_textuelle_txt{color:#E7473C;}

/*medias*/
.ctn_annexes_elem_medias{position:relative;width:100%;height:55%;overflow:hidden;}
.ctn_annexes_elem_medias_tofs{position:relative;width:100%;height:100%;}

/*textuelle*/
.ctn_annexes_elem_textuelle{position:relative;width:100%;height:45%;overflow:hidden;color:#002349;}
.ctn_annexes_elem_textuelle_txt{margin:0%;font-family:Source Sans 3;overflow:hidden;color:#002349;font-size:1em;text-transform:lowercase;padding:4% 2%;max-height:70%;line-height:22px;font-weight:bold;}
.ctn_annexes_elem_textuelle_txt:first-letter{text-transform:capitalize;}
.ctn_art_annexe_solo_txt_tab{position:relative;width:90%;margin-left:3%;}
.ctn_art_annexe_solo_txt_tab td{font-family:arial,helvetica,clean,sans-serif;font-size:0.7em;color:#212529;}
.datation{padding-left:10%;background-image:url("../medias/icons/date_info.png");background-repeat:no-repeat;background-position:0%;}
.nbr_vues{background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:60%;}


}
/**************************************
TABLET
**************************************/
@media screen and (min-width:768px) and (max-width:1023px)
{
body{position:relative;margin:0%;}
.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
*****/
.ctn_global_art{position:relative;width:100%;min-height:500px;padding:2%;}
.ctn_global_art_env{position:relative;width:100%;min-height:450px;display:flex;flex-wrap:wrap;}

/*********
CTN ARTICLES
************/
.ctn_articles{position:relative;width:70%;min-height:500px;padding:2%;}

/*
ctn articles
*/
.enveloppe_articles{position:relative;width:100%;min-height:500px;}
.enveloppe_articles_ent{font-family:Roboto;padding:4%;font-size:1.5em;font-weight:bold;color:#002349;}
.enveloppe_articles_ent:first-letter{text-transform:capitalize;}
/*medias*/
.enveloppe_articles_medias{position:relative;width:100%;height:300px;overflow:hidden;margin-bottom:1%;}
.enveloppe_articles_medias_tofs{position:relative;width:100%;height:100%;border-radius:3px;object-fit:cover;}
/*textuelle*/
.enveloppe_articles_textuelle{position:relative;width:100%;min-height:300px;}
.enveloppe_articles_textuelle_tab{position:relative;width:90%;margin-left:2%;}
.enveloppe_articles_textuelle_tab td{font-family:arial,helvetica,clean,sans-serif;font-size:0.7em;text-align:center;color:#2e4153;}

.art_nbr_vues{padding:2% 4%;background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:0%;}
.art_date{padding:2%;background-image:url("../medias/icons/date_info.png");background-repeat:no-repeat;background-position:20%;}

.enveloppe_articles_textuelle_chapo{padding:2%;text-align:justify;font-size:1em;font-family:Source Sans 3;color:#002349;}
.enveloppe_articles_textuelle_chapo:first-letter{text-transform:capitalize;}
.enveloppe_articles_textuelle_txt{font-family:Source Sans 3;padding:3%;text-align:justify;font-size:0.85em;color:#002349;}

/*
ctn commentaires
*/
.ctn_commentaires{position:relative;width:100%;min-height:50px;}
.ctn_commentaires_ent{position:relative;text-transform:capitalize;font-family:arial,helvetica,clean,sans-serif;font-size:0.9em;padding:1%;letter-spacing:2px;border-bottom:1px dotted gray;}
.ctn_commentaires_env{position:relative;width:100%;min-height:50px;}

/***********
CTN ANNEXES
************/
.ctn_annexes{position:relative;width:30%;min-height:500px;padding:2%;}
.ctn_annexes_ent{padding:2%;font-family:Roboto;text-align:center;text-transform:lowercase;font-size:1em;letter-spacing:2px;color:#4A5565;padding:4%;background-image:url("../medias/icons/journal_m.png");background-repeat:no-repeat;background-position:92%;}
.ctn_annexes_env{position:relative;width:100%;min-height:300px;padding:2%;}

/*
ELEMENTS
*/
.ctn_annexes_elem{position:relative;width:100%;height:250px;margin-bottom:7%;}
.ctn_annexes_elem a{text-decoration:none;color:#002349;}
.ctn_annexes_elem:hover .ctn_annexes_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_annexes_elem:hover .ctn_annexes_elem_textuelle_txt{color:#E7473C;}

/*medias*/
.ctn_annexes_elem_medias{position:relative;width:100%;height:55%;overflow:hidden;}
.ctn_annexes_elem_medias_tofs{position:relative;width:100%;height:100%;}

/*textuelle*/
.ctn_annexes_elem_textuelle{position:relative;width:100%;height:45%;overflow:hidden;}
.ctn_annexes_elem_textuelle_txt{font-family:Source Sans 3;margin:0%;overflow:hidden;font-size:0.95em;padding: 2%;max-height:75%;line-height:25px;font-weight:bold;color:#002349;}
.ctn_annexes_elem_textuelle_txt:first-letter{text-transform:capitalize;}
.ctn_art_annexe_solo_txt_tab{position:relative;width:90%;margin-left:3%;}
.ctn_art_annexe_solo_txt_tab td{font-family:arial,helvetica,clean,sans-serif;font-size:0.65em;color:#2e4153;}
.datation{padding-left:10%;background-image:url("../medias/icons/date_info.png");background-repeat:no-repeat;background-position:0%;}
.nbr_vues{padding-left:10%;background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:0%;}

}
/******************************************
SMARTPHONE
*******************************************/
@media screen and (max-width:767px)
{
body{position:relative;margin:0%;}
.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:-15%;}
/****
CTN GLOBAL
*****/
.ctn_global_art{position:relative;width:100%;min-height:500px;padding:2%;top:20px;}
.ctn_global_art_env{position:relative;width:100%;min-height:450px;}

/*********
CTN ARTICLES
************/
.ctn_articles{position:relative;width:100%;min-height:500px;padding:2%;}

/*
ctn articles
*/
.enveloppe_articles{position:relative;width:100%;min-height:500px;}
.enveloppe_articles_ent{font-family:Roboto;padding:4%;font-size:1.2em;line-height:28px;font-weight:bold;color:#4A5565;}
.enveloppe_articles_ent:first-letter{text-transform:capitalize;}
/*medias*/
.enveloppe_articles_medias{position:relative;width:100%;height:250px;overflow:hidden;margin-bottom:1%;}
.enveloppe_articles_medias_tofs{position:relative;width:100%;height:100%;border-radius:3px;object-fit:cover;}
/*textuelle*/
.enveloppe_articles_textuelle{position:relative;width:100%;min-height:300px;}
.enveloppe_articles_textuelle_tab{position:relative;width:100%;}
.enveloppe_articles_textuelle_tab td{font-family:arial,helvetica,clean,sans-serif;font-size:0.65em;text-align:center;color:#2e4153;}

.art_nbr_vues{padding:2% 5%;background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:0%;}
.art_date{padding:2%;background-image:url("../medias/icons/date_info.png");background-repeat:no-repeat;background-position:10%;}

.enveloppe_articles_textuelle_chapo{padding:2%;text-align:justify;font-size:1em;font-family:Roboto Mono;color:#2e4153;font-weight:bolder;}
.enveloppe_articles_textuelle_chapo:first-letter{text-transform:capitalize;}
.enveloppe_articles_textuelle_txt{font-family:Roboto Mono;padding:3%;text-align:justify;font-size:0.8em;color:#2e4153;font-weight:normal;}
.enveloppe_articles_textuelle_txt:first-letter{text-transform:capitalize;}
/*
ctn commentaires
*/
.ctn_commentaires{position:relative;width:100%;min-height:50px;}
.ctn_commentaires_ent{position:relative;text-transform:capitalize;font-family:arial,helvetica,clean,sans-serif;font-size:0.9em;padding:1%;letter-spacing:2px;border-bottom:1px dotted gray;}
.ctn_commentaires_env{position:relative;width:100%;min-height:50px;}

/**********
CTN ANNEXES
************/
.ctn_annexes{position:relative;width:100%;min-height:500px;padding:2%;}
.ctn_annexes_ent{padding:2%;font-family:Roboto;text-align:center;text-transform:lowercase;padding:4%;font-size:1.2em;font-weight:bold;letter-spacing:2px;color:#4A5565;background-image:url("../medias/icons/journal_m.png");background-repeat:no-repeat;background-position:80%;}
.ctn_annexes_env{position:relative;width:90%;min-height:300px;padding:2%;margin-left:5%;top:20px;}

/*
ELEMENTS
*/
.ctn_annexes_elem{position:relative;width:100%;height:300px;margin-bottom:30%;box-shadow:0px 0px 3px 20px whitesmoke;border-radius:5px;}
.ctn_annexes_elem a{text-decoration:none;color:#2e4053;}
.ctn_annexes_elem:hover .ctn_annexes_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_annexes_elem:hover .ctn_annexes_elem_textuelle_txt{color:#E7473C;transition:0.4s;}
/*medias*/
.ctn_annexes_elem_medias{position:relative;width:100%;height:60%;overflow:hidden;}
.ctn_annexes_elem_medias_tofs{position:relative;width:100%;height:100%;object-fit:cover;}

/*textuelle*/
.ctn_annexes_elem_textuelle{position:relative;width:100%;height:40%;overflow:hidden;background:whitesmoke;}
.ctn_annexes_elem_textuelle_txt{font-family:Roboto Mono;overflow:hidden;max-height:80%;margin:0%;font-size:0.9em;padding:4% 2%;line-height:22px;font-weight:bold;color:#002349;}
.ctn_annexes_elem_textuelle_txt:first-letter{text-transform:capitalize;}
.ctn_art_annexe_solo_txt_tab{position:relative;width:90%;margin-left:3%;}
.ctn_art_annexe_solo_txt_tab td{font-family:arial,helvetica,clean,sans-serif;font-size:0.7em;color:#212529;}
.datation{padding-left:10%;background-image:url("../medias/icons/date_info.png");background-repeat:no-repeat;background-position:0%;}
.nbr_vues{padding-left:10%;background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:0%;}


}