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

/*****************
SOUS MENU
*****************/
.ctn_global_home_sous_menu{position:relative;width:100%;height:50px;background:#d6eaf8 ;display:flex;justify-content:right;}
.ctn_global_home_sous_menu_tab{position:relative;width:38%;margin-right:6%;}
.ctn_global_home_sous_menu_tab td{font-family:Roboto;text-align:center;}
.ctn_global_home_sous_menu_tab a{text-decoration:none;font-family:Roboto;border-radius:10px;padding:3% 10%;box-shadow:0px 0px 5px #d6eaf8 ;background:#d6eaf8;border:1px solid goldenrod;color:goldenrod;text-transform:uppercase;font-size:0.85em;}
.ctn_global_home_sous_menu_tab a:hover{background:goldenrod;color:#fff;transition:0.4s;}


/*****************
CTN SLIDER
****************/
.block_slider{position:relative;width:100%;height:500px;}
.ctn_slider_home{position:relative;width:100%;height:500px;background: #d6eaf8 ;}
.slider_env{position:relative;width:100%;height:500px;}
.slider_home{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;}

.slider_ctn_txt{position:relative;width:40%;height:100%;padding:5%;}
.slider_ctn_txt_ent{position:relative;color:#212529;text-transform:capitalize;font-weight:bolder;font-family:Roboto;}
.slider_ctn_txt_textuelle{position:relative;font-family:Roboto Mono;font-weight:bolder;font-size:1.2em;color:#212529;}
.slider_ctn_txt_liens{position:relative;background:#2e4153;padding:2% 5%;border-radius:5px;text-transform:capitalize;font-weight:bolder;color:white;text-decoration:none;}
.slider_ctn_txt_liens:hover{color:white;background:dodgerblue;}

.slider_ctn_medias{position:relative;width:60%;height:100%;}
.slider_ctn_medias_cadre{position:relative;width:60%;height:90%;margin:5% 20%;overflow:hidden;}
.slider_ctn_medias_tofs{position:relative;width:100%;height:100%;margin:0%;}

/*******************************************
CONTENEUR | VISION | OBJECTIFS | MISSIONS
********************************************/
.ctn_vision_objectif_mission{position:relative;width:100%;height:400px;}
.ctn_vision_objectif_mission_env{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;}
.ctn_vision_objectif_mission_elem{position:relative;width:33.33%;height:100%;}
.ctn_vision_objectif_mission_elem_ent{padding:5%;font-family:Roboto;text-align:center;font-weight:bold;text-transform:capitalize;color:#fff;}
.ctn_vision_objectif_mission_txt{font-family:Roboto Mono;padding:7%;text-align:justify;color:#fff;max-height:70%;overflow:hidden;}
.ctn_vision_objectif_mission_txt:first-letter{text-transform:capitalize;}
/*
vision
*/
.ctn_vision{background:royalblue;}
/*
objectif
*/
.ctn_objectif{background-image:url("../medias/images/op.png");background-repeat:repeat;}
/*
mission
*/
.ctn_mission{background:goldenrod;}
/********************************************
CONTENEUR MOT DU PRESIDENT
********************************************/
.ctn_mot_president{position:relative;width:100%;height:550px;margin-top:5%;}
.ctn_mot_president_env{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;}
/*
medias
*/
.ctn_mot_president_medias{position:relative;width:45%;height:100%;overflow:hidden;padding:2%;}
.ctn_mot_president_medias_tofs{position:relative;width:100%;height:100%;background:#ddd;}
/*
textuelle
*/
.ctn_mot_president_textuelle{position:relative;width:55%;height:100%;}
.ctn_mot_president_textuelle_txt{font-family:Roboto Mono;padding:5%;text-align:justify;color:#2e4153;max-height:70%;overflow-x:none;overflow-y:scroll;scrollbar-width:none;margin-bottom:0.5%;}
.ctn_mot_president_textuelle_txt:first-letter{text-transform:capitalize;}
.ctn_mot_president_textuelle_tab{position:relative;width:90%;margin-left:5%;}
.ctn_mot_president_textuelle_tab td{}
.ctn_mot_president_textuelle_tab_denom{text-transform:uppercase;letter-spacing:1px;font-family:Roboto;font-weight:bold;font-size:2.2em;color:goldenrod;}
.ctn_mot_president_textuelle_tab_respo{font-weight:bold;font-family:Roboto Mono;text-transform:capitalize;color:royalblue;}
.ctn_mot_president_textuelle_tab_fnct{font-family:Roboto Mono;color:#212529;font-weight:bold;}
.ctn_mot_president_textuelle_tab_fnct:first-letter{text-transform:capitalize;}

/***************************
CONTENEUR PUBLICITAIRE
***************************/
.ctn_publicitaire{position:relative;width:100%;height:500px;margin-top: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 ACTUALITES
**************/
.ctn_actualites_mutam{position:relative;width:100%;min-height:500px;margin-top:5%;}
.ctn_mutam_entete{position:relative;text-align:center;color:#2e4153;margin:0%;padding:2%;text-transform:capitalize;letter-spacing:2px;font-family:Roboto;}
.separateur_entete{width:60%;height:0.2%;background:#2e4153;margin:0% 20%;border-radius:5px;display:none;}

.ctn_actualites_mutam_env{position:relative;width:100%;min-height:400px;}

/*
ctn
 1*/
.ctn_actu_mutam{position:relative;width:100%;min-height:400px;padding:2%;display:flex;flex-wrap:wrap;}
.ctn_actu_mutam_elem{position:relative;width:30%;height:400px;overflow:hidden;margin:1% 1.5%;}
.ctn_actu_mutam_elem a{text-decoration:none;color:white;text-shadow:0px 0px 2px #212529;}
/*medias*/
.ctn_actu_mutam_elem_medias{position:relative;width:100%;height:100%;overflow:hidden;}
.ctn_actu_mutam_elem_medias_tofs{position:relative;width:100%;height:100%;}

.ctn_actu_mutam_elem_txt{position:relative;width:100%;height:28.5%;background-image:url("../medias/bannieres/modal.png");overflow:hidden;margin-top:-29%;padding:3%;}
.ctn_actu_mutam_elem_txt_textuelle{padding:2%;font-size:1.3em;color:white;text-shadow:0px 0px 2px #212529;text-transform:lowercase;font-family:Roboto,sans-serif;}
.ctn_actu_mutam_elem_txt_textuelle:first-letter{text-transform:capitalize;}
.ctn_actu_mutam_elem:hover .ctn_actu_mutam_elem_txt{background-image:url("../medias/bannieres/op.png");}
.ctn_actu_mutam_elem:hover .ctn_actu_mutam_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;}

/*******************************
CONTENEUR ANNONCES
*********************************/
.ctn_annonce_mutam{position:relative;width:100%;min-height:430px;}
.ctn_annonce_mutam_env{position:relative;width:100%;min-height:400px;padding:2%;display:flex;flex-wrap:wrap;}
/*elem*/
.ctn_annonce_mutam_elem{position:relative;width:30%;height:100px;border-radius:5px;margin:1% 1.5%;}
.ctn_annonce_mutam_elem_env{position:relative;width:100%;height:100%;padding:1%;display:flex;flex-wrap:wrap;}
.ctn_annonce_mutam_elem a{text-decoration:none;}
.ctn_annonce_mutam_elem:hover .ctn_annonce_mutam_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_annonce_mutam_elem:hover .ctn_annonce_mutam_elem_env{border-bottom:1px dotted slategray;transition:0.4s;}

/*medias*/
.ctn_annonce_mutam_elem_medias{position:relative;width:30%;height:100%;border-radius:5px;overflow:hidden;margin:0%;}
.ctn_annonce_mutam_elem_medias_tofs{position:relative;width:100%;height:100%;}

/*textuelle*/
.ctn_annonce_mutam_elem_textuelle{position:relative;width:70%;height:100%;}
.ctn_annonce_mutam_elem_textuelle_txt{font-family:Roboto Mono,sans-serif;font-size:0.95em;color:#2e4153;line-height:21px;padding:2% 4%;height:98%;text-align:justify;overflow:hidden;text-transform:lowercase;}
.ctn_annonce_mutam_elem_textuelle_txt:first-letter{text-transform:capitalize;}

/***********************
CTN SERVICES MUTAM
************************/
.ctn_serv_mutam{position:relative;width:100%;min-height:500px;}
.ctn_serv_mutam_env{position:relative;width:100%;min-height:500px;padding:2%;background-image:url("../medias/images/op.png");background-repeat:repeat;}

/*
CTN SERVICE 
*/
.ctn_serv{position:relative;width:100%;min-height:500px;}
.ctn_serv_env{position:relative;width:100%;height:400px;display:flex;flex-wrap:wrap;background:#f9fbfc;}
.ctn_serv_env:nth-child(2n+1){margin-bottom:2%;}
.ctn_serv_env:nth-child(2n){margin-bottom:2%;}
.ctn_serv_env:last-child{margin-bottom:0%;}
.ctn_serv_medias{position:relative;width:40%;height:80%;margin:3% 1.5%;overflow:hidden;}
.ctn_serv_medias_tofs{position:relative;width:100%;height:100%;margin:0%;}

.ctn_serv_textuelle{position:relative;width:55%;height:100%;padding:2%;margin-left:2%;}
.ctn_serv_textuelle_ent{font-family:Roboto;padding:2%;font-weight:bolder;color:#2e4053;text-transform:lowercase;}
.ctn_serv_textuelle_ent:first-letter{text-transform:capitalize;}
.ctn_serv_textuelle_chap{font-family:Roboto Mono;padding:1%;color:#2e4153;margin:0%;font-weight:bold;}
.ctn_serv_textuelle_chap:first-letter{text-transform:capitalize;}
.ctn_serv_textuelle_txt{padding:2%;text-align:justify;color:#2e4053;font-family:Roboto Mono;text-transform:lowercase;}
.ctn_serv_textuelle_txt:first-letter{text-transform:capitalize;}
.lien_lire_plus{background:#2e4153;border-radius:5px;text-decoration:none;padding:1.5% 5%;margin-left:2%;color:white;font-family:Roboto;text-transform:capitalize;font-weight:bolder;letter-spacing:2px;text-shadow:0px 0px 2px gray;}
.lien_lire_plus:hover{background:goldenrod;color:white;}


/*********************
CONTENEUR PARTENAIRES
*********************/
.ctn_partenaire_mutam{position:relative;width:100%;min-height:400px;}
.ctn_partenaire_mutam_env{position:relative;width:100%;height:350px;}
.ctn_slider_partenaire{position:relative;width:98%;height:350px;top:50px;}

.elem_slider_part{position:relative;width:26%;height:350px;border-radius:5px;}
.elem_slider_part a{text-decoration:none;color:#212529;}
.elem_slider_part_env{position:relative;width:100%;height:100%;}

.ctn_logo_denom{position:relative;width:100%;height:150px;display:flex;flex-wrap:wrap;background:#f9fbfc;}
.ctn_logo_denom_medias{position:relative;width:40%;height:80%;top:14px;left:5px;border-radius:10px;overflow:hidden;}
.ctn_logo_denom_medias_tofs{position:relative;width:100%;height:100%;margin:0%;}

.ctn_logo_denom_ent{position:relative;width:50%;height:100%;margin-left:5%;}
.ctn_logo_denom_ent_txt{padding:10% 5%;font-size:0.9em;border-bottom:2px solid orangered;color:#2e4053;font-family:Roboto,sans-serif;text-transform:lowercase;}
.ctn_logo_denom_ent_txt:first-letter{text-transform:capitalize;}

.ctn_descrip_part{position:relative;width:100%;height:200px;overflow:hidden;}
.ctn_descrip_part_txt{font-family:Roboto;padding:3% 5%;font-size:0.95em;text-align:justify;color:#2e4153;text-transform:lowercase;}
.ctn_descrip_part_txt:first-letter{text-transform:capitalize;}

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

/*****************
SOUS MENU
*****************/
.ctn_global_home_sous_menu{position:relative;width:100%;height:50px;background:#d6eaf8 ;display:flex;justify-content:right;}
.ctn_global_home_sous_menu_tab{position:relative;width:55%;margin-right:2%;}
.ctn_global_home_sous_menu_tab td{font-family:Roboto;text-align:center;}
.ctn_global_home_sous_menu_tab a{text-decoration:none;font-family:Roboto;border-radius:10px;padding:2% 10%;box-shadow:0px 0px 5px #d6eaf8 ;background:#d6eaf8;border:1px solid goldenrod;color:goldenrod;text-transform:uppercase;font-size:0.85em;}
.ctn_global_home_sous_menu_tab a:hover{background:goldenrod;color:#fff;transition:0.4s;}

/*****************
CTN SLIDER
****************/
.block_slider{position:relative;width:100%;height:450px;}
.ctn_slider_home{position:relative;width:100%;height:450px;background: #d6eaf8 ;}
.slider_env{position:relative;width:100%;height:450px;}
.slider_home{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;}

.slider_ctn_txt{position:relative;width:40%;height:100%;padding:5%;}
.slider_ctn_txt_ent{position:relative;font-size:2.2em;color:#212529;text-transform:capitalize;font-weight:bolder;font-family:Roboto;}
.slider_ctn_txt_textuelle{position:relative;font-family:Roboto Mono;font-size:1.3em;color:#212529;}
.slider_ctn_txt_liens{position:relative;background:#2e4153;padding:2% 10%;border-radius:5px;font-size:0.9em;text-transform:capitalize;font-weight:bolder;color:white;text-decoration:none;}
.slider_ctn_txt_liens:hover{color:white;background:dodgerblue;}

.slider_ctn_medias{position:relative;width:60%;height:100%;}
.slider_ctn_medias_cadre{position:relative;width:60%;height:90%;margin:5% 20%;overflow:hidden;}
.slider_ctn_medias_tofs{position:relative;width:100%;height:100%;margin:0%;}

/*******************************************
CONTENEUR | VISION | OBJECTIFS | MISSIONS
********************************************/
.ctn_vision_objectif_mission{position:relative;width:100%;height:400px;}
.ctn_vision_objectif_mission_env{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;}
.ctn_vision_objectif_mission_elem{position:relative;width:33.33%;height:100%;}
.ctn_vision_objectif_mission_elem_ent{padding:5%;font-family:Roboto;text-align:center;font-weight:bold;text-transform:capitalize;color:#fff;}
.ctn_vision_objectif_mission_txt{font-family:Roboto Mono;padding:7%;text-align:justify;color:#fff;height:78%;overflow:hidden;}
.ctn_vision_objectif_mission_txt:first-letter{text-transform:capitalize;}
/*
vision
*/
.ctn_vision{background:royalblue;}
/*
objectif
*/
.ctn_objectif{background-image:url("../medias/images/op.png");background-repeat:repeat;}
/*
mission
*/
.ctn_mission{background:goldenrod;}
/********************************************
CONTENEUR MOT DU PRESIDENT
********************************************/
.ctn_mot_president{position:relative;width:100%;height:550px;margin-top:5%;}
.ctn_mot_president_env{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;}
/*
medias
*/
.ctn_mot_president_medias{position:relative;width:45%;height:100%;overflow:hidden;padding:2%;}
.ctn_mot_president_medias_tofs{position:relative;width:100%;height:100%;background:#ddd;}
/*
textuelle
*/
.ctn_mot_president_textuelle{position:relative;width:55%;height:100%;padding:2%;}
.ctn_mot_president_textuelle_txt{font-family:Roboto Mono;padding:5%;text-align:justify;color:#2e4153;max-height:75%;overflow-x:none;overflow-y:scroll;scrollbar-width:none;margin-bottom:1.5%;}
.ctn_mot_president_textuelle_txt:first-letter{text-transform:capitalize;}
.ctn_mot_president_textuelle_tab{position:relative;width:90%;margin-left:5%;}
.ctn_mot_president_textuelle_tab td{}
.ctn_mot_president_textuelle_tab_denom{text-transform:uppercase;letter-spacing:1px;font-family:Roboto;font-weight:bold;font-size:1.8em;color:goldenrod;}
.ctn_mot_president_textuelle_tab_respo{font-weight:bold;font-family:Roboto Mono;text-transform:capitalize;color:royalblue;}
.ctn_mot_president_textuelle_tab_fnct{font-family:Roboto Mono;color:#212529;font-size:0.9em;}
.ctn_mot_president_textuelle_tab_fnct:first-letter{text-transform:capitalize;}
/***************************
CONTENEUR PUBLICITAIRE
***************************/
.ctn_publicitaire{position:relative;width:100%;height:500px;margin-top:5%;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 ACTUALITES
**************/
.ctn_actualites_mutam{position:relative;width:100%;min-height:500px;}
.ctn_mutam_entete{position:relative;text-align:center;font-size:1.8em;color:#2e4053;text-shadow:0px 0px 2px gray;margin:0%;padding:2%;text-transform:capitalize;letter-spacing:2px;font-family:arial,helvetica,clean,sans-serif;}
.separateur_entete{width:60%;height:1px;background:#eaecee;margin:0% 20%;border-radius:5px;}
.ctn_actualites_mutam_env{position:relative;width:100%;min-height:400px;}
/*
ctn
 1*/
.ctn_actu_mutam{position:relative;width:100%;min-height:350px;padding:2%;display:flex;flex-wrap:wrap;}
.ctn_actu_mutam_elem{position:relative;width:30%;height:350px;overflow:hidden;margin:1% 1.5%;}
.ctn_actu_mutam_elem a{text-decoration:none;color:white;text-shadow:0px 0px 2px #212529;font-family:Roboto Mono;}
/*medias*/
.ctn_actu_mutam_elem_medias{position:relative;width:100%;height:100%;overflow:hidden;}
.ctn_actu_mutam_elem_medias_tofs{position:relative;width:100%;height:100%;}

.ctn_actu_mutam_elem_txt{position:relative;width:100%;height:28.5%;background-image:url("../medias/bannieres/modal.png");overflow:hidden;margin-top:-35%;padding:3%;}
.ctn_actu_mutam_elem_txt_textuelle{padding:1%;text-align:justify;font-size:0.95em;color:white;text-shadow:0px 0px 2px #212529;font-family:Roboto,sans-serif;text-transform:lowercase;}
.ctn_actu_mutam_elem_txt_textuelle:first-letter{text-transform:capitalize;}
.ctn_actu_mutam_elem:hover .ctn_actu_mutam_elem_txt{background-image:url("../medias/bannieres/op.png");}
.ctn_actu_mutam_elem:hover .ctn_actu_mutam_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;}

/*******************************
CONTENEUR ANNONCES
*********************************/
.ctn_annonce_mutam{position:relative;width:100%;min-height:500px;}
.ctn_annonce_mutam_env{position:relative;width:100%;min-height:400px;padding:2%;display:flex;flex-wrap:wrap;}
/*elem*/
.ctn_annonce_mutam_elem{position:relative;width:30%;height:100px;border-radius:5px;margin:1% 1.5%;}
.ctn_annonce_mutam_elem_env{position:relative;width:100%;height:100%;padding:1%;display:flex;flex-wrap:wrap;}
.ctn_annonce_mutam_elem a{text-decoration:none;}
.ctn_annonce_mutam_elem:hover .ctn_annonce_mutam_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_annonce_mutam_elem:hover .ctn_annonce_mutam_elem_env{border-bottom:1px dotted slategray;transition:0.8s;}

/*medias*/
.ctn_annonce_mutam_elem_medias{position:relative;width:30%;height:100%;border-radius:5px;overflow:hidden;margin:0%;}
.ctn_annonce_mutam_elem_medias_tofs{position:relative;width:100%;height:100%;}

/*textuelle*/
.ctn_annonce_mutam_elem_textuelle{position:relative;width:70%;height:100%;}
.ctn_annonce_mutam_elem_textuelle_txt{font-family:Roboto Mono;font-size:0.88em;color:#2e4053;line-height:21px;padding:2% 4%;height:98%;text-align:justify;overflow:hidden;text-transform:lowercase;}
.ctn_annonce_mutam_elem_textuelle_txt:first-letter{text-transform:capitalize;}

/***********************
CTN SERVICES MUTAM
************************/
.ctn_serv_mutam{position:relative;width:100%;min-height:500px;}
.ctn_serv_mutam_env{position:relative;width:100%;min-height:500px;padding:2%;}

/*
CTN SERVICE 
*/
.ctn_serv{position:relative;width:100%;min-height:500px;margin-bottom:5%;overflow:hidden;}
.ctn_serv_env{position:relative;width:100%;height:350px;display:flex;flex-wrap:wrap;}

.ctn_serv_medias{position:relative;width:30%;height:80%;border-radius:5px;top:17px;margin-left:5%;overflow:hidden;}
.ctn_serv_medias_tofs{position:relative;width:100%;height:100%;margin:0%;}

.ctn_serv_textuelle{position:relative;width:58%;height:90%;padding:1%;margin-left:2%;overflow:hidden;}
.ctn_serv_textuelle_ent{font-family:Roboto;padding:1%;font-weight:bolder;color:#2e4153;font-size:1.3em;margin:0%;text-transform:lowercase;}
.ctn_serv_textuelle_ent:first-letter{text-transform:capitalize;}
.ctn_serv_textuelle_chap{font-family:Roboto Mono;padding:1%;color:#2e4053;font-size:1.1em;margin:0%;font-weight:bold;text-transform:lowercase;}
.ctn_serv_textuelle_chap:first-letter{text-transform:capitalize;}
.ctn_serv_textuelle_txt{padding:1%;text-align:justify;color:#2e4153;font-family:Roboto Mono;height:40%;overflow-x:none;overflow-y:scroll;scrollbar-width:none;text-transform:lowercase;}
.lien_lire_plus{background:#2e4153;text-decoration:none;padding:1.5% 5%;margin-left:2%;color:white;font-family:Roboto Mono;font-weight:bolder;border-radius:5px;}
.lien_lire_plus:hover{background:goldenrod;color:white;}


/*********************
CONTENEUR PARTENAIRES
*********************/
.ctn_partenaire_mutam{position:relative;width:100%;min-height:300px;}
.ctn_partenaire_mutam_env{position:relative;width:100%;height:300px;}
.ctn_slider_partenaire{position:relative;width:95%;height:300px;margin-left:1%;top:10px;}

.elem_slider_part{position:relative;width:26%;height:350px;border-radius:5px;}
.elem_slider_part a{text-decoration:none;color:#2e4153;font-family:Roboto Mono;}
.elem_slider_part_env{position:relative;width:100%;height:100%;}

.ctn_logo_denom{position:relative;width:100%;height:150px;display:flex;flex-wrap:wrap;}
.ctn_logo_denom_medias{position:relative;width:40%;height:80%;top:14px;left:5px;border-radius:10px;overflow:hidden;}
.ctn_logo_denom_medias_tofs{position:relative;width:100%;height:100%;margin:0%;}

.ctn_logo_denom_ent{position:relative;width:50%;height:100%;margin-left:5%;display:none;}
.ctn_logo_denom_ent_txt{padding:10% 5%;font-size:0.9em;color:#2e4153;text-transform:lowercase;}
.ctn_logo_denom_ent_txt:first-letter{text-transform:capitalize;}

.ctn_descrip_part{position:relative;width:100%;height:200px;overflow:hidden;}
.ctn_descrip_part_txt{font-family:Roboto,sans-serif;padding:3% 5%;font-size:0.83em;color:#2e4153;text-transform:lowercase;}
.ctn_descrip_part_txt:first-letter{text-transform:capitalize;}

}
/*******************************************
SMARTPHONE
*******************************************/
@media screen and (max-width:767px)
{
body{position:relative;margin:0%;}
/**************************
CTN GLOBAL
**********************/
.ctn_global_home{position:relative;width:100%;min-height:400px;}

/*****************
SOUS MENU
*****************/
.ctn_global_home_sous_menu{position:relative;width:100%;height:50px;background:#d6eaf8 ;display:flex;justify-content:right;}
.ctn_global_home_sous_menu_tab{position:relative;width:95%;margin-right:2%;}
.ctn_global_home_sous_menu_tab td{font-family:Roboto;text-align:center;}
.ctn_global_home_sous_menu_tab a{text-decoration:none;font-family:Roboto;border-radius:10px;padding:2% 8%;box-shadow:0px 0px 5px #d6eaf8 ;background:#d6eaf8;border:1px solid goldenrod;color:goldenrod;text-transform:uppercase;font-size:0.8em;}
.ctn_global_home_sous_menu_tab a:hover{background:goldenrod;color:#fff;transition:0.4s;}

/*****************
CTN SLIDER
****************/
.block_slider{position:relative;width:100%;height:350px;}
.ctn_slider_home{position:relative;width:100%;height:350px;background: #d6eaf8 ;}
.slider_env{position:relative;width:100%;height:350px;}
.slider_home{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;}

.slider_ctn_txt{position:relative;width:40%;height:100%;padding:5%;background:lime;display:none;}
.slider_ctn_txt_ent{position:relative;color:#212529;font-size:1.5em;text-transform:capitalize;font-weight:bolder;font-family:Roboto;}
.slider_ctn_txt_textuelle{position:relative;font-family:Roboto Mono;font-weight:bolder;font-size:1em;color:#212529;}
.slider_ctn_txt_liens{position:relative;background:#2e4153;font-size:0.7em;letter-spacing:2px;padding:2% 5%;border-radius:5px;text-transform:capitalize;font-weight:bolder;color:white;text-decoration:none;}
.slider_ctn_txt_liens:hover{color:white;background:dodgerblue;}

.slider_ctn_medias{position:relative;width:100%;height:100%;}
.slider_ctn_medias_cadre{position:relative;width:60%;height:90%;margin:5% 20%;overflow:hidden;}
.slider_ctn_medias_tofs{position:relative;width:100%;height:100%;margin:0%;}

/*******************************************
CONTENEUR | VISION | OBJECTIFS | MISSIONS
********************************************/
.ctn_vision_objectif_mission{position:relative;width:100%;min-height:200px;}
.ctn_vision_objectif_mission_env{position:relative;width:100%;min-height:200px;}
.ctn_vision_objectif_mission_elem{position:relative;width:100%;height:300px;}
.ctn_vision_objectif_mission_elem_ent{padding:1%;font-family:Roboto;text-align:center;font-weight:bold;text-transform:capitalize;color:#fff;}
.ctn_vision_objectif_mission_txt{font-family:Roboto Mono;padding:3% 7%;text-align:justify;color:#fff;height:78%;overflow:hidden;}
.ctn_vision_objectif_mission_txt:first-letter{text-transform:capitalize;}
/*
vision
*/
.ctn_vision{background:royalblue;}
/*
objectif
*/
.ctn_objectif{background-image:url("../medias/images/op.png");background-repeat:repeat;}
/*
mission
*/
.ctn_mission{background:goldenrod;}
/********************************************
CONTENEUR MOT DU PRESIDENT
********************************************/
.ctn_mot_president{position:relative;width:100%;min-height:200px;margin-top:5%;margin-bottom:5%;}
.ctn_mot_president_env{position:relative;width:100%;min-height:200px;}
/*
medias
*/
.ctn_mot_president_medias{position:relative;width:100%;height:400px;overflow:hidden;padding:3%;}
.ctn_mot_president_medias_tofs{position:relative;width:100%;height:100%;background:#ddd;}
/*
textuelle
*/
.ctn_mot_president_textuelle{position:relative;width:100%;height:500px;padding:2%;}
.ctn_mot_president_textuelle_txt{font-family:Roboto Mono;padding:5%;text-align:justify;color:#2e4153;max-height:70%;overflow-x:none;overflow-y:scroll;scrollbar-width:none;margin-bottom:1.5%;}
.ctn_mot_president_textuelle_txt:first-letter{text-transform:capitalize;}
.ctn_mot_president_textuelle_tab{position:relative;width:100%;margin-left:0%;}
.ctn_mot_president_textuelle_tab td{text-align:center;}
.ctn_mot_president_textuelle_tab_denom{text-transform:uppercase;letter-spacing:1px;font-family:Roboto;font-weight:bold;font-size:1.8em;color:goldenrod;}
.ctn_mot_president_textuelle_tab_respo{font-weight:bold;font-family:Roboto Mono;text-transform:capitalize;color:royalblue;}
.ctn_mot_president_textuelle_tab_fnct{font-family:Roboto Mono;color:#212529;}
.ctn_mot_president_textuelle_tab_fnct:first-letter{text-transform:capitalize;}
/***************************
CONTENEUR PUBLICITAIRE
***************************/
.ctn_publicitaire{position:relative;width:100%;height:400px;margin-top:5%;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 ACTUALITES
**************/
.ctn_actualites_mutam{position:relative;width:100%;min-height:500px;}
.ctn_mutam_entete{position:relative;text-align:center;color:#2e4053;text-shadow:0px 0px 2px gray;margin:0%;font-size:1.3em;padding:2%;text-transform:capitalize;letter-spacing:2px;font-family:arial,helvetica,clean,sans-serif;}
.separateur_entete{width:60%;height:1px;background:#eaecee;margin:0% 20%;border-radius:5px;}
.ctn_actualites_mutam_env{position:relative;width:100%;min-height:400px;}
/*
ctn
 1*/
.ctn_actu_mutam{position:relative;width:100%;min-height:400px;padding:2%;}
.ctn_actu_mutam_elem{position:relative;width:90%;height:300px;overflow:hidden;margin:5%;}
.ctn_actu_mutam_elem a{text-decoration:none;color:white;text-shadow:0px 0px 2px #212529;font-family:Roboto Mono;}
/*medias*/
.ctn_actu_mutam_elem_medias{position:relative;width:100%;height:100%;overflow:hidden;}
.ctn_actu_mutam_elem_medias_tofs{position:relative;width:100%;height:100%;}

.ctn_actu_mutam_elem_txt{position:relative;width:100%;height:28.5%;background-image:url("../medias/bannieres/modal.png");overflow:hidden;margin-top:-29%;padding:3%;font-family:Roboto Mono;}
.ctn_actu_mutam_elem_txt_textuelle{padding:2%;font-size:1.1em;color:white;text-shadow:0px 0px 2px #212529;font-family:Roboto,sans-serif;text-transform:lowercase;line-height:22px;}
.ctn_actu_mutam_elem_txt_textuelle:first-letter{text-transform:capitalize;}
.ctn_actu_mutam_elem:hover .ctn_actu_mutam_elem_txt{background-image:url("../medias/bannieres/op.png");}
.ctn_actu_mutam_elem:hover .ctn_actu_mutam_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;}

/*******************************
CONTENEUR ANNONCES
*********************************/
.ctn_annonce_mutam{position:relative;width:100%;min-height:500px;}
.ctn_annonce_mutam_env{position:relative;width:100%;min-height:400px;padding:2%;}
/*elem*/
.ctn_annonce_mutam_elem{position:relative;width:90%;height:100px;border-radius:5px;margin:5%;}
.ctn_annonce_mutam_elem_env{position:relative;width:100%;height:100%;padding:1%;display:flex;flex-wrap:wrap;}
.ctn_annonce_mutam_elem a{text-decoration:none;}
.ctn_annonce_mutam_elem:hover .ctn_annonce_mutam_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_annonce_mutam_elem:hover .ctn_annonce_mutam_elem_env{border-bottom:1px dotted slategray;transition:0.8s;}

/*medias*/
.ctn_annonce_mutam_elem_medias{position:relative;width:30%;height:100%;border-radius:5px;overflow:hidden;margin:0%;}
.ctn_annonce_mutam_elem_medias_tofs{position:relative;width:100%;height:100%;}

/*textuelle*/
.ctn_annonce_mutam_elem_textuelle{position:relative;width:70%;height:100%;}
.ctn_annonce_mutam_elem_textuelle_txt{font-family:Roboto Mono;font-size:0.88em;color:#2e4153;line-height:21px;padding:2% 4%;height:98%;text-align:justify;overflow:hidden;text-transform:lowercase;}
.ctn_annonce_mutam_elem_textuelle_txt:first-letter{text-transform:capitalize;}

/***********************
CTN SERVICES MUTAM
************************/
.ctn_serv_mutam{position:relative;width:100%;min-height:500px;}
.ctn_serv_mutam_env{position:relative;width:100%;min-height:500px;padding:2%;}

/*
CTN SERVICE 
*/
.ctn_serv{position:relative;width:100%;min-height:500px;}
.ctn_serv_env{position:relative;width:100%;height:700px;overflow:hidden;}

.ctn_serv_medias{position:relative;width:90%;height:300px;border-radius:5px;margin:5%;overflow:hidden;}
.ctn_serv_medias_tofs{position:relative;width:100%;height:100%;margin:0%;}

.ctn_serv_textuelle{position:relative;width:100%;height:100%;padding:2%;}
.ctn_serv_textuelle_ent{font-family:Roboto;padding:1%;font-weight:bolder;color:#2e4153;font-size:1.5em;margin:0%;}
.ctn_serv_textuelle_ent:first-letter{text-transform:capitalize;}
.ctn_serv_textuelle_chap{font-family:Roboto Mono;padding:4%;color:#2e4153;font-size:1em;margin:0%;}
.ctn_serv_textuelle_chap:first-letter{text-transform:capitalize;}
.ctn_serv_textuelle_txt{padding:1%;text-align:justify;color:#2e4153;font-size:0.95em;height:25%;text-transform:lowercase;}
.ctn_serv_textuelle_txt:first-letter{text-transform:capitalize;}
.lien_lire_plus{background:#2e4153;text-decoration:none;font-size:0.85em;padding:1.5% 5%;margin-left:2%;color:white;font-family:Roboto Mono;border-radius:5px;font-weight:bolder;}
.lien_lire_plus:hover{background:goldenrod;color:white;}


/********************
CONTENEUR PARTENAIRES
*********************/
.ctn_partenaire_mutam{position:relative;width:100%;min-height:150px;}
.ctn_partenaire_mutam_env{position:relative;width:100%;height:250px;margin-top:50px;}
.ctn_slider_partenaire{position:relative;width:95%;height:200px;margin-left:1%;}

.elem_slider_part{position:relative;width:26%;height:120px;border-radius:5px;}
.elem_slider_part a{text-decoration:none;color:#212529;}
.elem_slider_part_env{position:relative;width:100%;height:100%;}

.ctn_logo_denom{position:relative;width:100%;height:100px;}
.ctn_logo_denom_medias{position:relative;width:60%;height:50%;overflow:hidden;}
.ctn_logo_denom_medias_tofs{position:relative;width:60%;height:100%;margin:0%;}

.ctn_logo_denom_ent{position:relative;width:100%;height:50%;margin-left:0%;}
.ctn_logo_denom_ent_txt{padding:10% 5%;font-size:0.65em;color:#2e4153;font-family:Roboto,sans-serif;text-transform:lowercase;}
.ctn_logo_denom_ent_txt:first-letter{text-transform:capitalize;}

.ctn_descrip_part{position:relative;width:100%;height:20px;overflow:hidden;background:yellow;display:none;}
.ctn_descrip_part_txt{font-family:Roboto Mono;padding:3% 5%;font-size:0.85em;text-align:justify;color:#2e4153;}

}