/****************************************************************************
                                    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_apropos{position:relative;width:100%;min-height:500px;}

/***********
CTN EFFIGIE
*************/
.ctn_global_apropos_effigies{position:relative;width:100%;min-height:200px;}
.ctn_global_apropos_effigies_sigle{padding-top:4%;font-size:3.5em;text-transform:uppercase;font-weight:bold;font-family:arial,helvetica,clean,sans-serif;text-align:center;letter-spacing:2px;color:#2e4053;background-image:url("../medias/icons/logo.png");background-repeat:no-repeat;background-size:6%;background-position:65% 95%;}
.ctn_global_apropos_effigies_def{position:relative;text-align:center;font-family:arial,helvetica,clean,sans-serif;color:#2e4053;text-transform:lowercase;}
.ctn_global_apropos_effigies_def:first-letter{text-transform:capitalize;}

/***************
CTN BUREAU
****************/
.ctn_bureau{position:relative;width:100%;min-height:400px;}
.ctn_ent{position:relative;text-align:center;color:#2e4153;margin:0%;padding:5%;text-transform:capitalize;font-family:Roboto Mono;font-weight:normal;font-size:3em;}
.separateur_entete{width:60%;height:1px;background:#eaecee;margin:0% 20%;border-radius:5px;display:none;}

/*conteneur - bureau*/
.ctn_bureau_responsables{position:relative;width:100%;min-height:400px;}
.ctn_bureau_responsables_categories{position:relative;width:100%;min-height:200px;display:flex;flex-wrap:wrap;}
.ctn_bureau_responsables_categories_ent{font-family:Roboto;color:#2e4153;padding:3%;text-align:center;text-transform:lowercase;font-size:1.5em;}
.ctn_bureau_responsables_categories_ent:first-letter{text-transform:capitalize;}
.ctn_bureau_responsables_element{position:relative;width:21%;height:400px;margin:2%;}

/*medias*/
.ctn_bureau_responsables_element_medias{position:relative;width:100%;height:70%;overflow:hidden;}
.ctn_bureau_responsables_element_medias_tofs{position:relative;width:100%;height:100%;}

/*texuelle*/
.ctn_bureau_responsables_element_textuelle{position:relative;width:100%;height:30%;}
.ctn_bureau_responsables_element_textuelle_tab{position:relative;width:100%;}
.ctn_bureau_responsables_element_textuelle_tab td{padding:1.5%;text-align:center;font-family:Roboto Slab,sans-serif;}
.ctn_bureau_responsables_element_textuelle_tab_denom span{text-transform:capitalize;color:#2e4153;}
.ctn_bureau_responsables_element_textuelle_tab_denom strong{text-transform:uppercase;font-weight:bold;color:#2e4153;}
.ctn_bureau_responsables_element_textuelle_tab_fonction{text-transform:capitalize;color:#002349;text-transform:lowercase;}
.ctn_bureau_responsables_element_textuelle_tab_fonction:first-letter{text-transform:capitalize;}
.ctn_bureau_responsables_element_textuelle_tab_contacts{font-size:0.85em;background-image:url("../medias/icons/tel_icon_sombre.png");background-repeat:no-repeat;background-position:10%;}


/***************************
CONTENEUR PUBLICITAIRE
***************************/
.ctn_publicitaire{position:relative;width:100%;height:500px;margin-top:2%;}
.ctn_publicitaire_env{position:relative;width:100%;height:100%;overflow:hidden;}
.ctn_publicitaire_medias{position:relative;width:100%;height:100%;}
.ctn_publicitaire_env a{text-decoration:none;}

/***********
CTN SERVICES
***********/
.ctn_services_apropos{position:relative;width:100%;min-height:500px;}
.ctn_services_apropos_env{position:relative;width:100%;min-height:400px;}

/**elem**/
.elem_service{position:relative;width:100%;height:500px;display:flex;flex-wrap:wrap;padding:2%;}
/*medias*/
.elem_service_medias{position:relative;width:40%;height:100%;overflow:hidden;display:flex;flex-wrap:wrap;}
.elem_service_medias_tofs{position:relative;width:45%;height:45%;margin:2%;}

/*textuelle*/
.elem_service_textuelle{position:relative;width:60%;height:100%;}
.elem_service_textuelle_ent{position:relative;padding:2% 4%;font-family:Roboto;text-transform:capitalize;color:#2e4053;font-weight:bold;}
.elem_service_textuelle_chapo{position:relative;padding:1% 4%;font-family:Roboto;color:#2e4053;font-weight:bolder;}
.elem_service_textuelle_chapo:first-letter{text-transform:capitalize;}
.elem_service_textuelle_txt{font-family:Roboto Mono;padding:1% 2.5%;font-size:1em;text-align:justify;max-height:280px;overflow:hidden;color:#2e4153;}

.separateur_elem_service{width:60%;height:1px;background:#eaecee;margin:0% 20%;border-radius:5px;margin-bottom:3%;}

/***
CTN SIEGE 
*******/
.ctn_siege_apropos{position:relative;width:100%;min-height:500px;margin-bottom:5%;}
.ctn_siege_apropos_env{position:relative;width:100%;height:400px;display:flex;flex-wrap:wrap;padding:2%;}

/*textuelle*/
.ctn_siege_apropos_textuelle{position:relative;width:60%;height:100%;}
.ctn_siege_apropos_textuelle_tab{position:relative;width:90%;}
.ctn_siege_apropos_textuelle_tab td{font-family:Roboto;padding:3% 10%;color:#2e4153;}

.addr_siege{font-size:1em;text-transform:lowercase;background-image:url("../medias/icons/cartes.png");background-repeat:no-repeat;background-position:7%;background-size:2%;}
.addr_siege:first-letter{text-transform:capitalize;}
.tel_siege{font-size:0.95em;background-image:url("../medias/icons/phones.png");background-repeat:no-repeat;background-position:7%;background-size:2%;}
.email_siege a{background:#2e4153;text-decoration:none;padding:2% 4%;color:white;font-family:Roboto;border-radius:30px;}
.email_siege a:hover{background:goldenrod;}

/*medias*/
.ctn_siege_apropos_medias{position:relative;width:40%;height:100%;overflow:hidden;}
.ctn_siege_apropos_medias_tofs{position:relative;width:70%;height:80%;margin:5%;border-radius:10%;}


}
/**************************************
TABLET
**************************************/
@media screen and (min-width:768px) and (max-width:1023px)
{
/****
CTN GLOBAL
*****/
.ctn_global_apropos{position:relative;width:100%;min-height:500px;}

/***********
CTN EFFIGIE
*************/
.ctn_global_apropos_effigies{position:relative;width:100%;min-height:200px;}
.ctn_global_apropos_effigies_sigle{padding-top:4%;font-size:3.5em;text-transform:uppercase;font-weight:bold;font-family:arial,helvetica,clean,sans-serif;text-align:center;letter-spacing:2px;color:#2e4053;background-image:url("../medias/icons/logo.png");background-repeat:no-repeat;background-size:8%;background-position:70% 80%;}
.ctn_global_apropos_effigies_def{position:relative;text-align:center;font-family:arial,helvetica,clean,sans-serif;color:#2e4053;font-size:1.5em;text-transform:lowercase;}
.ctn_global_apropos_effigies_def:first-letter{text-transform:capitalize;}

/***************
CTN BUREAU
****************/
.ctn_bureau{position:relative;width:100%;min-height:300px;}
.ctn_ent{position:relative;text-align:center;color:#2e4153;margin:0%;padding:2%;text-transform:capitalize;font-family:arial,helvetica,clean,sans-serif;font-size:1.8em;}
.separateur_entete{width:60%;height:1px;background:#eaecee;margin:0% 20%;border-radius:5px;}

/*conteneur - bureau*/
.ctn_bureau_responsables{position:relative;width:100%;min-height:400px;}
.ctn_bureau_responsables_categories{position:relative;width:100%;min-height:200px;display:flex;flex-wrap:wrap;}
.ctn_bureau_responsables_categories_ent{font-family:Roboto,sans-serif;color:#2e4153;padding:3%;text-align:center;text-transform:lowercase;}
.ctn_bureau_responsables_categories_ent:first-letter{text-transform:capitalize;}
.ctn_bureau_responsables_element{position:relative;width:21%;height:400px;margin:2%;}

/*medias*/
.ctn_bureau_responsables_element_medias{position:relative;width:100%;height:70%;overflow:hidden;}
.ctn_bureau_responsables_element_medias_tofs{position:relative;width:100%;height:100%;}

/*texuelle*/
.ctn_bureau_responsables_element_textuelle{position:relative;width:100%;height:30%;}
.ctn_bureau_responsables_element_textuelle_tab{position:relative;width:100%;}
.ctn_bureau_responsables_element_textuelle_tab td{padding:1.5%;text-align:center;font-family:Roboto Slab;color:#2e4153;}
.ctn_bureau_responsables_element_textuelle_tab_denom span{text-transform:capitalize;}
.ctn_bureau_responsables_element_textuelle_tab_denom strong{text-transform:uppercase;font-weight:bold;}
.ctn_bureau_responsables_element_textuelle_tab_fonction{text-transform:lowercase;font-weight:bold;}
.ctn_bureau_responsables_element_textuelle_tab_fonction:first-letter{text-transform:capitalize;}
.ctn_bureau_responsables_element_textuelle_tab_contacts{font-size:0.85em;background-image:url("../medias/icons/tel_icon_sombre.png");background-repeat:no-repeat;background-position:10%;}


/***************************
CONTENEUR PUBLICITAIRE
***************************/
.ctn_publicitaire{position:relative;width:100%;height:500px;margin-top:2%;margin-bottom:5%;}
.ctn_publicitaire_env{position:relative;width:100%;height:100%;overflow:hidden;}
.ctn_publicitaire_medias{position:relative;width:100%;height:100%;}
.ctn_publicitaire_env a{text-decoration:none;}

/***********
CTN SERVICES
***********/
.ctn_services_apropos{position:relative;width:100%;min-height:500px;}
.ctn_services_apropos_env{position:relative;width:100%;min-height:400px;}

/**elem**/
.elem_service{position:relative;width:100%;height:400px;display:flex;flex-wrap:wrap;padding:2%;}
.elem_service:nth-child(odd){border-bottom:1px solid gainsboro;}
/*medias*/
.elem_service_medias{position:relative;width:40%;height:100%;overflow:hidden;display:flex;flex-wrap:wrap;}
.elem_service_medias_tofs{position:relative;width:45%;height:45%;margin:2%;}

/*textuelle*/
.elem_service_textuelle{position:relative;width:60%;height:100%;}
.elem_service_textuelle_ent{position:relative;padding:2% 4%;font-family:Roboto;font-size:1.4em;text-transform:capitalize;color:#2e4153;font-weight:bold;}
.elem_service_textuelle_chapo{position:relative;padding:2% 4%;font-family:Roboto Mono;font-size:1.2em;color:#2e4153;font-weight:bolder;}
.elem_service_textuelle_chapo:first-letter{text-transform:capitalize;}
.elem_service_textuelle_txt{font-family:Roboto Mono;padding:4%;font-size:0.85em;text-align:justify;max-height:57%;overflow-x:hidden;overflow-y:scroll;scrollbar-width:hidden;color:#2e4153;}

.separateur_elem_service{width:60%;height:1px;background:#eaecee;margin:0% 20%;border-radius:5px;margin-bottom:3%;}

/***
CTN SIEGE 
******/
.ctn_siege_apropos{position:relative;width:100%;min-height:300px;margin-bottom:0%;}
.ctn_siege_apropos_env{position:relative;width:100%;height:300px;display:flex;flex-wrap:wrap;padding:2%;}

/*textuelle*/
.ctn_siege_apropos_textuelle{position:relative;width:60%;height:100%;}
.ctn_siege_apropos_textuelle_tab{position:relative;width:90%;}
.ctn_siege_apropos_textuelle_tab td{font-family:Roboto Mono;padding:3% 10%;color:#2e4153;}

.addr_siege{font-size:1em;text-transform:lowercase;background-image:url("../medias/icons/cartes.png");background-repeat:no-repeat;background-position:7%;background-size:2%;}
.addr_siege:first-letter{text-transform:capitalize;}
.tel_siege{font-size:1em;background-image:url("../medias/icons/phones.png");background-repeat:no-repeat;background-position:7%;background-size:2%;}
.email_siege a{background:#2e4153;text-decoration:none;padding:2% 4%;color:white;font-family:Roboto;border-radius:10px;font-size:0.95em;}
.email_siege a:hover{background:goldenrod;transition:0.4s;}

/*medias*/
.ctn_siege_apropos_medias{position:relative;width:40%;height:100%;overflow:hidden;}
.ctn_siege_apropos_medias_tofs{position:relative;width:80%;height:75%;margin:5%;border-radius:10%;}


}
/*******************************************
SMARTPHONE
*******************************************/
@media screen and (max-width:767px)
{
/****
CTN GLOBAL
*****/
.ctn_global_apropos{position:relative;width:100%;min-height:500px;}

/***********
CTN EFFIGIE
*************/
.ctn_global_apropos_effigies{position:relative;width:100%;min-height:150px;padding:2%;}
.ctn_global_apropos_effigies_sigle{padding-top:4%;font-size:2em;text-transform:uppercase;font-weight:bold;font-family:arial,helvetica,clean,sans-serif;text-align:center;letter-spacing:2px;color:#2e4053;background-image:url("../medias/icons/logo.png");background-repeat:no-repeat;background-size:8%;background-position:75% 70%;}
.ctn_global_apropos_effigies_def{position:relative;text-align:center;font-family:arial,helvetica,clean,sans-serif;color:#2e4053;font-size:0.9em;text-transform:lowercase;}
.ctn_global_apropos_effigies_def:first-letter{text-transform:capitalize;}

/***************
CTN BUREAU
****************/
.ctn_bureau{position:relative;width:100%;min-height:250px;}
.ctn_ent{position:relative;text-align:center;color:#2e4153;margin:0%;padding:2%;text-transform:capitalize;font-family:arial,helvetica,clean,sans-serif;font-size:1.5em;}
.separateur_entete{width:60%;height:1px;background:#eaecee;margin:0% 20%;border-radius:5px;display:none;}

/*conteneur - bureau*/
.ctn_bureau_responsables{position:relative;width:100%;min-height:400px;}
.ctn_bureau_responsables_categories{position:relative;width:100%;min-height:200px;}
.ctn_bureau_responsables_categories_ent{font-family:Roboto;color:#2e4153;padding:5%;text-align:center;font-size:1.2em;text-transform:lowercase;}
.ctn_bureau_responsables_element{position:relative;width:95%;height:400px;margin:2%;}

/*medias*/
.ctn_bureau_responsables_element_medias{position:relative;width:100%;height:70%;overflow:hidden;}
.ctn_bureau_responsables_element_medias_tofs{position:relative;width:100%;height:100%;object-fit:contain;}

/*texuelle*/
.ctn_bureau_responsables_element_textuelle{position:relative;width:100%;height:30%;}
.ctn_bureau_responsables_element_textuelle_tab{position:relative;width:100%;}
.ctn_bureau_responsables_element_textuelle_tab td{padding:1.5%;text-align:center;font-family:Roboto Slab,sans-serif;color:#2e4153;}
.ctn_bureau_responsables_element_textuelle_tab_denom span{text-transform:capitalize;}
.ctn_bureau_responsables_element_textuelle_tab_denom strong{text-transform:uppercase;font-weight:bold;}
.ctn_bureau_responsables_element_textuelle_tab_fonction{text-transform:lowercase;font-weight:bold;font-size:1.1em;}
.ctn_bureau_responsables_element_textuelle_tab_fonction:first-letter{text-transform:caitalize;}
.ctn_bureau_responsables_element_textuelle_tab_contacts{font-size:0.85em;background-image:url("../medias/icons/tel_icon_sombre.png");background-repeat:no-repeat;background-position:10%;}


/***************************
CONTENEUR PUBLICITAIRE
***************************/
.ctn_publicitaire{position:relative;width:100%;height:400px;margin-top:2%;margin-bottom:5%;}
.ctn_publicitaire_env{position:relative;width:100%;height:100%;overflow:hidden;}
.ctn_publicitaire_medias{position:relative;width:100%;height:100%;}
.ctn_publicitaire_env a{text-decoration:none;}

/***********
CTN SERVICES
***********/
.ctn_services_apropos{position:relative;width:100%;min-height:400px;}
.ctn_services_apropos_env{position:relative;width:100%;min-height:400px;}

/**elem**/
.elem_service{position:relative;width:100%;min-height:400px;padding:2%;}
.elem_service:nth-child(odd){border-bottom:1px solid gainsboro;}
/*medias*/
.elem_service_medias{position:relative;width:100%;height:200px;overflow:hidden;display:flex;flex-wrap:wrap;}
.elem_service_medias_tofs{position:relative;width:45%;height:40%;margin:2%;}

/*textuelle*/
.elem_service_textuelle{position:relative;width:100%;min-height:200px;}
.elem_service_textuelle_ent{position:relative;padding:1% 4%;font-family:Roboto;font-size:1.2em;text-transform:capitalize;color:#2e4153;font-weight:bold;margin:0%;}
.elem_service_textuelle_chapo{position:relative;padding:4%;font-family:Roboto Mono;font-size:1em;color:#2e4153;font-weight:bolder;margin:0%;}
.elem_service_textuelle_chapo:first-letter{text-transform:capitalize;}
.elem_service_textuelle_txt{font-family:Roboto Mono;padding:4%;font-size:0.7em;text-align:justify;color:#2e4153;}
.separateur_elem_service{width:60%;height:1px;background:#eaecee;margin:0% 20%;border-radius:5px;margin-bottom:3%;}

/***
CTN SIEGE 
*******/
.ctn_siege_apropos{position:relative;width:100%;min-height:200px;margin-bottom:0%;}
.ctn_siege_apropos_env{position:relative;width:100%;min-height:200px;padding:2%;}

/*textuelle*/
.ctn_siege_apropos_textuelle{position:relative;width:100%;height:100%;}
.ctn_siege_apropos_textuelle_tab{position:relative;width:100%;}
.ctn_siege_apropos_textuelle_tab td{font-family:Roboto Mono;padding:3% 10%;text-align:center;color:#2e4153;}

.addr_siege{font-size:1em;text-transform:lowercase;background-image:url("../medias/icons/cartes.png");background-repeat:no-repeat;background-position:30%;background-size:2%;}
.addr_siege:first-letter{text-transform:capitalize;}
.tel_siege{font-size:0.85em;background-image:url("../medias/icons/phones.png");background-repeat:no-repeat;background-position:30%;background-size:2%;}
.email_siege a{background:#2e4153;text-decoration:none;padding:2% 4%;color:white;font-family:Roboto;border-radius:10px;font-size:0.85em;}
.email_siege a:hover{background:goldenrod;}

/*medias*/
.ctn_siege_apropos_medias{position:relative;width:40%;height:100%;overflow:hidden;display:none;}
.ctn_siege_apropos_medias_tofs{position:relative;width:80%;height:75%;margin:5%;border-radius:10%;}


}