/****************************************************************************
                                    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_pied_site{position:relative;width:100%;height:350px;background:#09101C;margin-bottom:0%;}
.titre_plan_site{font-family:arial,helvetica,clean,sans-serif;padding:2% 10%;border-bottom:1px dotted whitesmoke;color:#2e4053;text-shadow:0px 0px 2px gray;letter-spacing:3px;font-size:1em;}
.titre_plan_site:first-letter{text-transform:capitalize;}

.titre_plan_site_tab{width:10%;margin-left:2%;}
.titre_plan_site_tab td{text-align:center;text-transform:capitalize;font-family:arial,helvetica,clean,sans-serif;color:#2e4053;padding:2%;}
.titre_plan_site_tab td a{text-decoration:none;color:whitesmoke;font-weight:bolder;}
.titre_plan_site_tab td a:hover{color:silver;}

/***
CTN INFO 
***/
.ctn_info_pied{position:relative;width:100%;height:240px;display:flex;}

/*tab sociaux*/
.tab_social{position:relative;width:20%;margin-left:2%;}
.tab_social a{text-decoration:none;}

.icon_fbk{width:21px;}
.icon_insta{width:21px;}
.icon_twt{width:21px;}

/**
CTN INFORMATION titre_plan_site_tab
**/
.ctn_informations{position:relative;width:50%;height:100%;padding:2%;}
.ctn_informations_ent{padding:2%;font-family:arial,helvetica,clean,sans-serif;margin-bottom:0%;text-transform:uppercase;font-weight:bolder;font-size:2.5em;color:white;letter-spacing:2px;}
.ctn_informations_ent_med{position:relative;width:15%;height:100px;margin:0%;}
.ctn_informations_def{font-family:arial,helvetica,clean,sans-serif;padding:1% 2%;color:white;margin:0%;font-size:0.84em;letter-spacing:2px;}
.ctn_informations_def:first-letter{text-transform:capitalize;}
.ctn_informations_addr{font-family:arial,helvetica,clean,sans-serif;padding:1% 2%;color:white;margin:0%;font-size:0.84em;letter-spacing:2px;}
.ctn_informations_addr:first-letter{text-transform:capitalize;}
/*tab information*/
.ctn_informations_tab{position:relative;width:90%;}
.ctn_informations_tab td{padding-left:2%;color:white;font-family:arial,helvetica,clean,sans-serif;letter-spacing:1px;font-size:0.75em;}


/*********
 ctn articles plus lus
 **/
.ctn_articles_plus_lus{position:relative;width:47%;height:100%;padding:1%;}
.ctn_articles_plus_lus_env{position:relative;width:100%;height:90%;padding:1%;display:flex;flex-wrap:wrap;}
.ctn_articles_plus_lus_entete{padding:0.5% 2%;font-family:arial,helvetica,clean,sans-serif;font-size:0.75em;font-weight:bolder;color:beige;border-bottom:1px dotted silver;letter-spacing:2px;}
.ctn_articles_plus_lus_elem{position:relative;width:48%;height:40%;margin:1%;}
.ctn_articles_plus_lus_elem:hover .ctn_articles_plus_lus_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_articles_plus_lus_elem:hover .ctn_articles_plus_lus_elem_textuelle_titre{color:#2e4153;-webkit-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}
.ctn_articles_plus_lus_elem a{text-decoration:none;}
.ctn_articles_plus_lus_elem_env{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;}
/*medias*/
.ctn_articles_plus_lus_elem_medias{position:relative;width:40%;height:100%;overflow:hidden;border-radius:5px;}
.ctn_articles_plus_lus_elem_medias_tofs{position:relative;width:100%;height:100%;}

/*textuelle*/
.ctn_articles_plus_lus_elem_textuelle{position:relative;width:60%;height:100%;overflow:hidden;}
.ctn_articles_plus_lus_elem_textuelle_titre{font-family:arial,helvetica,clean,sans-serif;font-size:0.7em;padding:4%;line-height:16px;color:white;}
.ctn_articles_plus_lus_elem_textuelle_titre:first-letter{text-transform:capitalize;}

/****
WEBMASTER
***********/
.webmaster_identification{font-family:Roboto;font-size:0.6em;padding-left:2%;}
.webmaster_identification a{text-decoration:none;color:gainsboro;}
.webmaster_identification strong{text-transform:uppercase;}


}
/**************************************
TABLET
**************************************/
@media screen and (min-width:768px) and (max-width:1023px)
{
/****
CTN GLOBAL
*****/
.ctn_global_pied_site{position:relative;width:100%;height:350px;background:#09101C;margin-bottom:0%;}
.titre_plan_site{font-family:arial,helvetica,clean,sans-serif;padding:2% 10%;border-bottom:1px dashed silver;color:#2e4053;letter-spacing:3px;font-size:1em;}
.titre_plan_site:first-letter{text-transform:capitalize;}

.titre_plan_site_tab{width:10%;margin-left:2%;}
.titre_plan_site_tab td{text-align:center;text-transform:capitalize;font-family:arial,helvetica,clean,sans-serif;color:#2e4053;padding:2%;}
.titre_plan_site_tab td a{text-decoration:none;color:whitesmoke;font-weight:bolder;}
.titre_plan_site_tab td a:hover{color:silver;}

/***
CTN INFO 
***/
.ctn_info_pied{position:relative;width:100%;height:240px;display:flex;}

/*tab sociaux*/
.tab_social{position:relative;width:20%;margin-left:2%;}
.tab_social a{text-decoration:none;}

.icon_fbk{width:21px;}
.icon_insta{width:21px;}
.icon_twt{width:21px;}

/**
CTN INFORMATION
**/
.ctn_informations{position:relative;width:50%;height:100%;padding:2%;}
.ctn_informations_ent{padding:2%;font-family:arial,helvetica,clean,sans-serif;margin-bottom:0%;text-transform:uppercase;font-weight:bolder;font-size:2.5em;color:white;letter-spacing:2px;background-image:url("../medias/icons/mut.png");background-repeat:no-repeat;background-position:45%;background-size:8%;}
.ctn_informations_ent_med{position:relative;width:20%;height:100px;margin:0%;}

.ctn_informations_def{font-family:arial,helvetica,clean,sans-serif;padding:1% 2%;color:white;margin:0%;font-size:0.84em;letter-spacing:2px;}
.ctn_informations_def:first-letter{text-transform:capitalize;}
.ctn_informations_addr{font-family:arial,helvetica,clean,sans-serif;padding:1% 2%;color:white;margin:0%;font-size:0.84em;letter-spacing:2px;}
.ctn_informations_addr:first-letter{text-transform:capitalize;}
/*tab information*/
.ctn_informations_tab{position:relative;width:90%;}
.ctn_informations_tab td{padding-left:2%;color:white;font-family:arial,helvetica,clean,sans-serif;letter-spacing:1px;font-size:0.75em;}


/*********
 ctn articles plus lus
 **/
.ctn_articles_plus_lus{position:relative;width:47%;height:100%;padding:1%;}
.ctn_articles_plus_lus_env{position:relative;width:100%;height:90%;padding:1%;display:flex;flex-wrap:wrap;}
.ctn_articles_plus_lus_entete{padding:0.5% 2%;font-family:arial,helvetica,clean,sans-serif;font-size:0.7em;text-transform:uppercase;font-weight:bolder;color:beige;border-bottom:1px dotted silver;letter-spacing:1px;}
.ctn_articles_plus_lus_elem{position:relative;width:48%;height:40%;margin:1%;}
.ctn_articles_plus_lus_elem:hover .ctn_articles_plus_lus_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_articles_plus_lus_elem:hover .ctn_articles_plus_lus_elem_textuelle_titre{color:royalblue;-webkit-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}
.ctn_articles_plus_lus_elem a{text-decoration:none;}
.ctn_articles_plus_lus_elem_env{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;}
/*medias*/
.ctn_articles_plus_lus_elem_medias{position:relative;width:40%;height:100%;overflow:hidden;border-radius:5px;}
.ctn_articles_plus_lus_elem_medias_tofs{position:relative;width:100%;height:100%;}

/*textuelle*/
.ctn_articles_plus_lus_elem_textuelle{position:relative;width:60%;height:100%;overflow:hidden;}
.ctn_articles_plus_lus_elem_textuelle_titre{font-family:Roboto;font-size:0.8em;padding:4%;line-height:19px;color:white;}
.ctn_articles_plus_lus_elem_textuelle_titre:first-letter{text-transform:capitalize;}
/****
WEBMASTER
***********/
.webmaster_identification{font-family:Roboto;font-size:0.6em;padding-left:2%;}
.webmaster_identification a{text-decoration:none;color:gainsboro;}
.webmaster_identification strong{text-transform:uppercase;}

}
/*******************************************
SMARTPHONE
*******************************************/
@media screen and (max-width:767px)
{
/****
CTN GLOBAL
*****/
.ctn_global_pied_site{position:relative;width:100%;height:800px;background:#09101C;margin-bottom:0%;padding:3%;}
.titre_plan_site{font-family:arial,helvetica,clean,sans-serif;padding:2% 10%;color:#2e4053;letter-spacing:3px;font-size:1em;}
.titre_plan_site:first-letter{text-transform:capitalize;}

.titre_plan_site_tab{width:30%;margin-left:60%;}
.titre_plan_site_tab td{text-align:center;text-transform:capitalize;font-family:arial,helvetica,clean,sans-serif;color:#2e4053;font-size:0.6em;}
.titre_plan_site_tab td a{text-decoration:none;color:#fff;font-weight:bolder;}
.titre_plan_site_tab td a:hover{color:silver;}

/***
CTN INFO 
***/
.ctn_info_pied{position:relative;width:100%;min-height:400px;}

/***
CTN INFORMATION
**/
.ctn_informations{position:relative;width:100%;height:50%;margin-top:2%;}
.ctn_informations_ent{padding:0% 4%;margin-top:0%;font-size:1em;font-family:Roboto;text-transform:uppercase;font-weight:bolder;color:#fff;letter-spacing:2px;}
.ctn_informations_ent_med{position:relative;width:8%;height:35px;margin-left:5%;}

.ctn_informations_def{font-family:Roboto;padding:4%;color:#fff;font-size:1.2em;line-height:22px;text-transform:uppercase;font-weight:bold;}
.ctn_informations_def:first-letter{text-transform:capitalize;}

.ctn_informations_addr{font-family:Roboto;padding:2% 4%;color:#fff;margin:0%;font-size:0.8em;font-weight:bold;}
.ctn_informations_addr:first-letter{text-transform:capitalize;}

/*tab information*/
.ctn_informations_tab{position:relative;width:90%;}
.ctn_informations_tab td{padding-left:4%;color:#fff;font-size:0.7em;font-family:Roboto Mono;padding:2%;font-weight:bold;}

/*tab sociaux*/
.tab_social{position:relative;width:20%;margin-left:4%;}
.tab_social a{text-decoration:none;}

.icon_fbk{width:18px;}
.icon_insta{width:21px;}
.icon_twt{width:21px;}

.twt_icon{width:13px;}
/*********
 ctn articles plus lus
 **/
.ctn_articles_plus_lus{position:relative;width:100%;height:500px;margin-top:5%;}
.ctn_articles_plus_lus_env{position:relative;width:100%;height:95%;}
.ctn_articles_plus_lus_entete{padding:0.5% 2%;font-family:arial,helvetica,clean,sans-serif;font-size:0.65em;text-transform:uppercase;font-weight:bolder;color:beige;border-bottom:1px dotted silver;letter-spacing:1px;}

.ctn_articles_plus_lus_elem{position:relative;width:100%;height:100px;margin-bottom:5%;}
.ctn_articles_plus_lus_elem:hover .ctn_articles_plus_lus_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_articles_plus_lus_elem:hover .ctn_articles_plus_lus_elem_textuelle_titre{color:#2e4153;-webkit-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}
.ctn_articles_plus_lus_elem a{text-decoration:none;}
.ctn_articles_plus_lus_elem_env{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;}
/*medias*/
.ctn_articles_plus_lus_elem_medias{position:relative;width:40%;height:100%;overflow:hidden;border-radius:5px;}
.ctn_articles_plus_lus_elem_medias_tofs{position:relative;width:100%;height:100%;object-fit:cover;}

/*textuelle*/
.ctn_articles_plus_lus_elem_textuelle{position:relative;width:60%;height:100%;overflow:hidden;}
.ctn_articles_plus_lus_elem_textuelle_titre{font-family:Roboto;font-size:0.8em;padding:4%;line-height:22px;color:#fff;font-weight:bold}
.ctn_articles_plus_lus_elem_textuelle_titre:first-letter{text-transform:capitalize;}
/****
WEBMASTER
***********/
.webmaster_identification{font-family:Roboto;font-size:0.5em;padding-left:2%;}
.webmaster_identification a{text-decoration:none;color:gainsboro;}
.webmaster_identification strong{text-transform:uppercase;}


}