/****************************************************************************
                                    MISE EN PLACE MEDIA QUERIES
******************************************************************************
ORDINATEUR ctn_latribune_pro_ctn_slider   text-overflow: ellipsis; white-space: nowrap;
*****************************************************************************/
@media screen and (min-width:1024px)
{
/****
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:2%;font-size:2.5em;font-weight:bolder;border-top:1px dashed silver;background:#f9fbfc;text-transform:lowercase;font-family:Roboto Slab,sans-serif;}
.enveloppe_articles_ent:first-letter{text-transform:capitalize;}
/*medias*/
.enveloppe_articles_medias{position:relative;width:100%;height:400px;overflow:hidden;margin-bottom:1%;}
.enveloppe_articles_medias_tofs{position:relative;width:100%;height:100%;border-radius:3px;object-fit:contain;}
/*textuelle*/
.enveloppe_articles_textuelle{position:relative;width:100%;min-height:300px;}
.enveloppe_articles_textuelle_tab{position:relative;width:100%;margin-left:0%;}
.enveloppe_articles_textuelle_tab td{font-family:Roboto,sans-serif;padding:2%;font-size:0.75em;text-align:center;width:33.33%;color:#2e4153;}

.art_nbr_vues{background-image:url("../medias/icons/vues_p.png");background-repeat:no-repeat;background-position:40%;background-size:10%;}
.art_date{background-image:url("../medias/icons/date_info.png");background-repeat:no-repeat;background-position:5%;}
.art_partager{color:royalblue;font-weight:bolder;}

.enveloppe_articles_textuelle_chapo{padding:2%;text-align:justify;font-size:1.2em;font-family:Roboto;}
.enveloppe_articles_textuelle_chapo:first-letter{text-transform:capitalize;}
.enveloppe_articles_textuelle_txt{font-family:Roboto Mono;padding:3%;font-size:1em;text-align:justify;color:#2e4153;}

/*
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:1.1em;color:#2e4153;background-image:url("../medias/icons/actus_g.png");background-repeat:no-repeat;background-position:80%;}
.ctn_annexes_env{position:relative;width:100%;min-height:300px;padding:2%;}

/*
ELEMENTS
*/
.ctn_annexes_elem{position:relative;width:100%;height:300px;margin-bottom:5%;}
.ctn_annexes_elem a{text-decoration:none;color:#2e4153;font-family:Roboto Mono;}
.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;}


/*medias*/
.ctn_annexes_elem_medias{position:relative;width:100%;height:55%;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:45%;overflow:hidden;}
.ctn_annexes_elem_textuelle_txt{font-family:Roboto Slab,sans-serif;overflow:hidden;font-size:1em;line-height:23px;padding:5%;text-transform:lowercase;color:#002349;font-weight:bolder;}
.ctn_annexes_elem_textuelle_txt:first-letter{text-transform:capitalize;}
.ctn_annexes_elem:hover .ctn_annexes_elem_textuelle_txt{color:#ec253f;transition:0.4s;}
}
/**************************************
TABLET
**************************************/
@media screen and (min-width:768px) and (max-width:1023px)
{
/****
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:2%;font-size:1.6em;font-weight:bolder;border-top:1px dashed silver;background:#f9fbfc;}
.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%;object-fit:cover;}
/*textuelle*/
.enveloppe_articles_textuelle{position:relative;width:100%;min-height:300px;}
.enveloppe_articles_textuelle_tab{position:relative;width:100%;margin-left:0%;}
.enveloppe_articles_textuelle_tab td{font-family:arial,helvetica,clean,sans-serif;padding:2%;font-size:0.8em;text-align:center;width:33.33%;}

.art_nbr_vues{background-image:url("../medias/icons/vues_p.png");background-repeat:no-repeat;background-position:10%;background-size:15%;}
.art_date{background-image:url("../medias/icons/date_info.png");background-repeat:no-repeat;background-position:10%;}
.art_partager{color:royalblue;font-weight:bolder;}

.enveloppe_articles_textuelle_chapo{padding:2%;text-align:justify;font-size:1.2em;font-family:Roboto;}
.enveloppe_articles_textuelle_chapo:first-letter{text-transform:capitalize;}
.enveloppe_articles_textuelle_txt{font-family:Roboto Mono;padding:3%;text-align:justify;color:#2e4153;font-size:1em;}

/*
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:arial,helvetica,clean,sans-serif;text-align:center;text-transform:lowercase;font-size:1.3em;letter-spacing:2px;background-image:url("../medias/icons/actus_g.png");background-repeat:no-repeat;background-position:95%;}
.ctn_annexes_env{position:relative;width:100%;min-height:300px;padding:2%;}

/*
ELEMENTS
*/
.ctn_annexes_elem{position:relative;width:100%;height:300px;margin-bottom:7%;}
.ctn_annexes_elem a{text-decoration:none;}
.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;}

/*medias*/
.ctn_annexes_elem_medias{position:relative;width:100%;height:55%;overflow:hidden;border-radius:5px;}
.ctn_annexes_elem_medias_tofs{position:relative;width:100%;height:100%;border-radius:5px;}

/*textuelle*/
.ctn_annexes_elem_textuelle{position:relative;width:100%;height:45%;overflow:hidden;}
.ctn_annexes_elem_textuelle_txt{font-family:Roboto Slab,sans-serif;overflow:hidden;font-size:0.95em;padding:3%;max-height:95%;line-height:22px;color:#002349;font-weight:bolder;}
.ctn_annexes_elem:hover .ctn_annexes_elem_textuelle_txt{color:#ec253f;transition:0.4s;}

}
/*******************************************
SMARTPHONE
*******************************************/
@media screen and (max-width:767px)
{
/****
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;}

/*********
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:2%;font-size:1.3em;font-weight:bolder;border-top:1px dashed silver;background:#f9fbfc;font-family:Roboto Slab,sans-serif;text-transform:lowercase;}
.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%;object-fit:cover;}
/*textuelle*/
.enveloppe_articles_textuelle{position:relative;width:100%;min-height:300px;}
.enveloppe_articles_textuelle_tab{position:relative;width:100%;margin-left:0%;}
.enveloppe_articles_textuelle_tab td{font-family:Roboto,sans-serif;padding:2%;font-size:0.75em;text-align:center;width:33.33%;color:#2e4153;}

.art_nbr_vues{background-image:url("../medias/icons/vues_p.png");background-repeat:no-repeat;background-position:15%;background-size:25%;}
.art_date{background-image:url("../medias/icons/date_info.png");background-repeat:no-repeat;background-position:5%;}
.art_partager{color:royalblue;font-weight:bolder;}

.enveloppe_articles_textuelle_chapo{padding:2%;text-align:justify;font-size:1em;font-family:Roboto;}
.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.95em;color:#2e4153;}

/*
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;font-size:1.1em;background-image:url("../medias/icons/actus_p.png");background-repeat:no-repeat;background-position:70%;}
.ctn_annexes_env{position:relative;width:100%;min-height:300px;padding:2%;}

/*
ELEMENTS
*/
.ctn_annexes_elem{position:relative;width:100%;height:280px;margin-bottom:7%;}
.ctn_annexes_elem a{text-decoration:none;}
.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;}

/*medias*/
.ctn_annexes_elem_medias{position:relative;width:100%;height:55%;overflow:hidden;border-radius:5px;}
.ctn_annexes_elem_medias_tofs{position:relative;width:100%;height:100%;border-radius:5px;object-fit:cover;}

/*textuelle*/
.ctn_annexes_elem_textuelle{position:relative;width:100%;height:45%;overflow:hidden;}
.ctn_annexes_elem_textuelle_txt{font-family:Roboto Slab,sans-serif;overflow:hidden;font-size:1.1em;padding:2%;max-height:95%;line-height:22px;color:#002349;text-transform:lowercase;font-weight:bolder;}
.ctn_annexes_elem_textuelle_txt:first-letter{text-transform:capitalize;}
.ctn_annexes_elem:hover .ctn_annexes_elem_textuelle_txt{color:#ec253f;transition:0.4s;}

}