
/****************************************************************************
      MISE EN PLACE MEDIA QUERIES - PAGE MEMBRES COAMA 
*****************************************************************************
ORDINATEUR 
*****************************************************************************/
@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 PARTENAIRES
****/
.ctn_global_adherant{position:relative;width:100%;min-height:500px;margin-bottom:5%;}
/***********
CTN EFFIGIE
*************/
.ctn_effigies{position:relative;width:100%;min-height:200px;}
.ctn_effigies_sigle{padding-top:4%;font-size:5em;text-transform:uppercase;font-weight:bold;font-family:Roboto;text-align:center;letter-spacing:2px;color:#4A5565;}
.ctn_effigies_sigle_def{position:relative;text-align:center;font-family:Roboto Mono;color:#4A5565;font-weight:bold;}
.ctn_effigies_sigle_def:first-letter{text-transform:capitalize;}

/*********************
CONTENEUR MOTEUR DE RECHERCHE 
*****************************/
.ctn_global_adherant_moteur_recherche{position:relative;width:100%;height:100px;}
.ctn_global_adherant_moteur_recherche_form{position:relative;width:100%;padding:2%;}
.ctn_global_adherant_moteur_recherche_form_chmp{position:relative;width:90%;padding:0.3%;border-radius:5px;border:none;box-shadow:inset 0px 0px 2px gray;background:none;}
.ctn_global_adherant_moteur_recherche_form_envoi{position:relative;top:8px;}
/*****************************************************************************
CONTENEUR ENVELOPPE DES ELEMENTS - MEMBRES DU COAMA
*****************************************************************************/
.ctn_global_adherant_element_enveloppe{position:relative;width:100%;min-height:400px;}

/*****
CONTENEUR GLOBAL ADHERANT - MEMBRES
******/
.ctn_global_adherant_element{position:relative;width:100%;min-height:400px;padding:2%;}
.ctn_global_adherant_element_ent{position:relative;width:100%;height:100px;display:flex;flex-wrap:wrap;}
/*
logo
*/
.ctn_global_adherant_element_logo{position:relative;width:10%;height:100%;overflow:hidden;}
.ctn_global_adherant_element_logo_tofs{position:relative;width:100%;height:100%;}
/*sigle*/
.ctn_global_adherant_element_sigle{position:relative;width:20%;height:100%;display:flex;align-items:center;justify-content:center;}
.ctn_global_adherant_element_sigle_txt{position:relative;text-transform:uppercase;font-family:Roboto;font-weight:bold;color:#2e4153;text-align:center;font-family:Roboto;}
/*
definition
*/
.ctn_global_adherant_element_def{position:relative;width:70%;height:100%;display:flex;align-items:center;justify-content:center;}
.ctn_global_adherant_element_def_txt{font-family:Roboto Mono;color:#2e4153;}

/*
separateur
*/
.ctn_global_adherant_element_ent_separateur{color:#2e4153;display:none;}

/********
zone texte - image president(e)
******************************/
.ctn_global_adherant_element_textuelle{position:relative;width:100%;height:400px;display:flex;flex-wrap:wrap;background:#f9fbfc;}
/**
responsables
**/
.ctn_global_adherant_element_textuelle_responsables{position:relative;width:30%;height:100%;background:#f9fbfc;}
/*medias*/
.ctn_global_adherant_element_textuelle_responsables_medias{position:relative:width:100%;height:80%;overflow:hidden;}
.ctn_global_adherant_element_textuelle_responsables_medias_tofs{position:relative;width:100%;height:100%;}
/*denomination*/
.ctn_global_adherant_element_textuelle_responsables_denomination{position:relative;width:100%;height:20%;}
.ctn_global_adherant_element_textuelle_responsables_denomination_tab{position:relative;width:100%;}
.ctn_global_adherant_element_textuelle_responsables_denomination_tab td{padding:1%;font-family:Roboto;text-align:center;letter-spacing:1px;color:#2e4153;}
.ctn_global_adherant_element_textuelle_responsables_denomination_tab_denom span{text-transform:capitalize;}
.ctn_global_adherant_element_textuelle_responsables_denomination_tab_denom strong{text-transform:uppercase;font-weight:bold;}
.ctn_global_adherant_element_textuelle_responsables_denomination_tab_fonction{text-transform:capitalize;}
/***
description
***/
.ctn_global_adherant_element_textuelle_description{position:relative;width:70%;height:100%;}
.ctn_global_adherant_element_textuelle_description_textuelle{position:relative;padding:2%;text-align:justify;font-family:Roboto Mono;font-size:0.93em;max-height:80%;overflow-x:none;overflow-y:scroll;scrollbar-width:none;color:#2e4153;}
.ctn_global_adherant_element_textuelle_description_textuelle:first-letter{text-transform:capitalize;}

.ctn_global_adherant_element_textuelle_description_tab{position:relative;width:100%;}
.ctn_global_adherant_element_textuelle_description_tab td{padding:1%;text-align:center;font-family:Roboto;color:#2e4153;}
.ctn_global_adherant_element_textuelle_description_tab_tel{font-size:0.85em;background-image:url("../medias/icons/mobile_g.png");background-repeat:no-repeat;background-position:20%;}
.ctn_global_adherant_element_textuelle_description_tab_msg a{text-decoration:none;background:#2e4153;padding:2%;border-radius:5px;color:white;font-size:0.83em;}
.ctn_global_adherant_element_textuelle_description_tab_msg a:hover{background:royalblue;color:white;}

/**
PAGINATION
**/
.pagine_affichage_tabulation{color:#535353;}

}
/**************************************
TABLET
**************************************/
@media screen and (min-width:768px) and (max-width:1023px)
{
body{position:relative;margin:0%;}
	/*Banniere*/
.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 PARTENAIRES
****/
.ctn_global_adherant{position:relative;width:100%;min-height:500px;margin-bottom:5%;}
/***********
CTN EFFIGIE
*************/
.ctn_effigies{position:relative;width:100%;min-height:100px;margin-bottom:5%;}
.ctn_effigies_sigle{padding:4%;font-size:2.5em;text-transform:uppercase;font-weight:bold;font-family:Roboto;text-align:center;letter-spacing:2px;color:#4A5565;padding:3%;}
.ctn_effigies_sigle_def{position:relative;text-align:center;font-family:Roboto Mono;color:#4A5565;}
.ctn_effigies_sigle_def:first-letter{text-transform:capitalize;}

/*********************
CONTENEUR MOTEUR DE RECHERCHE 
*****************************/
.ctn_global_adherant_moteur_recherche{position:relative;width:100%;height:100px;}
.ctn_global_adherant_moteur_recherche_form{position:relative;width:100%;padding:2%;}
.ctn_global_adherant_moteur_recherche_form_chmp{position:relative;width:85%;padding:0.3%;border-radius:5px;border:none;box-shadow:inset 0px 0px 2px gray;background:none;}
.ctn_global_adherant_moteur_recherche_form_envoi{position:relative;top:8px;}
/*****************************************************************************
CONTENEUR ENVELOPPE DES ELEMENTS - MEMBRES DU COAMA
*****************************************************************************/
.ctn_global_adherant_element_enveloppe{position:relative;width:100%;min-height:400px;}

/*****
CONTENEUR GLOBAL ADHERANT - MEMBRES
******/
.ctn_global_adherant_element{position:relative;width:100%;min-height:400px;padding:2%;}
.ctn_global_adherant_element_ent{position:relative;width:100%;height:100px;display:flex;flex-wrap:wrap;}
/*
logo
*/
.ctn_global_adherant_element_logo{position:relative;width:10%;height:100%;overflow:hidden;}
.ctn_global_adherant_element_logo_tofs{position:relative;width:100%;height:100%;}
/*sigle*/
.ctn_global_adherant_element_sigle{position:relative;width:20%;height:100%;display:flex;align-items:center;justify-content:center;}
.ctn_global_adherant_element_sigle_txt{position:relative;text-transform:uppercase;font-family:Roboto;font-weight:bold;color:#2e4153;text-align:center;}
/*
definition
*/
.ctn_global_adherant_element_def{position:relative;width:70%;height:100%;display:flex;align-items:center;justify-content:center;}
.ctn_global_adherant_element_def_txt{font-family:Roboto Mono;color:#2e4153;}

/*
separateur
*/
.ctn_global_adherant_element_ent_separateur{color:#535353;display:none;}

/********
zone texte - image president(e)
******************************/
.ctn_global_adherant_element_textuelle{position:relative;width:100%;height:400px;display:flex;flex-wrap:wrap;background:#f9fbfc;}
/**
responsables
**/
.ctn_global_adherant_element_textuelle_responsables{position:relative;width:30%;height:100%;background:#f9fbfc;}
/*medias*/
.ctn_global_adherant_element_textuelle_responsables_medias{position:relative:width:100%;height:80%;overflow:hidden;}
.ctn_global_adherant_element_textuelle_responsables_medias_tofs{position:relative;width:100%;height:100%;}
/*denomination*/
.ctn_global_adherant_element_textuelle_responsables_denomination{position:relative;width:100%;height:20%;}
.ctn_global_adherant_element_textuelle_responsables_denomination_tab{position:relative;width:100%;}
.ctn_global_adherant_element_textuelle_responsables_denomination_tab td{padding:1%;font-family:Roboto;text-align:center;letter-spacing:1px;color:#2e4153;}
.ctn_global_adherant_element_textuelle_responsables_denomination_tab_denom span{text-transform:capitalize;}
.ctn_global_adherant_element_textuelle_responsables_denomination_tab_denom strong{text-transform:uppercase;font-weight:bold;}
.ctn_global_adherant_element_textuelle_responsables_denomination_tab_fonction{text-transform:capitalize;}
/***
description
***/
.ctn_global_adherant_element_textuelle_description{position:relative;width:70%;height:100%;}
.ctn_global_adherant_element_textuelle_description_textuelle{position:relative;padding:2%;text-align:justify;color:#2e4153;font-family:Roboto Mono;font-size:1em;max-height:80%;overflow-x:none;overflow-y:scroll;scrollbar-width:none;}
.ctn_global_adherant_element_textuelle_description_textuelle:first-letter{text-transform:capitalize;}

.ctn_global_adherant_element_textuelle_description_tab{position:relative;width:100%;}
.ctn_global_adherant_element_textuelle_description_tab td{padding:1%;text-align:center;font-family:Roboto;color:#2e4153;}
.ctn_global_adherant_element_textuelle_description_tab_tel{font-size:0.95em;background-image:url("../medias/icons/mobile_p.png");background-repeat:no-repeat;background-position:10%;;}
.ctn_global_adherant_element_textuelle_description_tab_msg a{text-decoration:none;background:#2e4153;padding:2%;border-radius:5px;color:white;font-size:0.83em;}
.ctn_global_adherant_element_textuelle_description_tab_msg a:hover{background:royalblue;color:white;}
/**
PAGINATION
**/
.pagine_affichage_tabulation{color:#2e4153;}

}
/*******************************************
SMARTPHONE
*******************************************/
@media screen and (max-width:767px)
{
body{position:relative;margin:0%;}
	/*Banniere*/
.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:30px;margin-top:-8%;display:none;}
/***
CTN GLOBAL PARTENAIRES
****/
.ctn_global_adherant{position:relative;width:100%;min-height:500px;margin-bottom:5%;}
/***********
CTN EFFIGIE
*************/
.ctn_effigies{position:relative;width:100%;min-height:50px;margin-bottom:5%;}
.ctn_effigies_sigle{padding-top:4%;font-size:2.5em;text-transform:uppercase;font-weight:bold;font-family:Roboto;text-align:center;letter-spacing:2px;color:#4A5565;}
.ctn_effigies_sigle_def{position:relative;text-align:center;font-size:0.8em;font-family:Roboto Mono;color:#4A5565;line-height:24px;font-weight:bold;}
.ctn_effigies_sigle_def:first-letter{text-transform:capitalize;}

/*********************
CONTENEUR MOTEUR DE RECHERCHE 
*****************************/
.ctn_global_adherant_moteur_recherche{position:relative;width:100%;height:60px;}
.ctn_global_adherant_moteur_recherche_form{position:relative;width:90%;padding:2%;margin-left:5%;}
.ctn_global_adherant_moteur_recherche_form_chmp{position:relative;width:87%;padding:0.3%;border-radius:5px;border:none;box-shadow:inset 0px 0px 2px gray;background:none;}
.ctn_global_adherant_moteur_recherche_form_envoi{position:relative;top:10px;}
/*****************************************************************************
CONTENEUR ENVELOPPE DES ELEMENTS - MEMBRES DU COAMA
*****************************************************************************/
.ctn_global_adherant_element_enveloppe{position:relative;width:90%;min-height:400px;margin-left:5%;}

/*****
CONTENEUR GLOBAL ADHERANT - MEMBRES
******/
.ctn_global_adherant_element{position:relative;width:100%;min-height:400px;padding:2%;margin-bottom:20%;}
.ctn_global_adherant_element_ent{position:relative;width:100%;height:300px;}
/*
logo
*/
.ctn_global_adherant_element_logo{position:relative;width:80%;height:140px;margin-left:10%;overflow:hidden;}
.ctn_global_adherant_element_logo_tofs{position:relative;width:100%;height:100%;}
/*sigle*/
.ctn_global_adherant_element_sigle{position:relative;width:100%;height:50px;}
.ctn_global_adherant_element_sigle_txt{position:relative;text-transform:uppercase;font-family:Roboto;font-weight:bold;color:#2e4153;text-align:center;font-size:1.2em;padding:4%;}
/*
definition
*/
.ctn_global_adherant_element_def{position:relative;width:100%;height:110px;}
.ctn_global_adherant_element_def_txt{font-family:Roboto Mono;color:#2e4153;font-size:1em;line-height:28px;padding:4%;text-align:center;}
/*
separateur
*/
.ctn_global_adherant_element_ent_separateur{color:#2e4153;display:none;}
/****************************
zone texte - image president(e)
******************************/
.ctn_global_adherant_element_textuelle{position:relative;width:100%;min-height:100px;background:whitesmoke;border-radius:5px;padding:2%;}
/**
responsables
**/
.ctn_global_adherant_element_textuelle_responsables{position:relative;width:90%;height:300px;margin:5%;}
/*medias*/
.ctn_global_adherant_element_textuelle_responsables_medias{position:relative:width:100%;height:80%;overflow:hidden;}
.ctn_global_adherant_element_textuelle_responsables_medias_tofs{position:relative;width:100%;height:100%;}
/*denomination*/
.ctn_global_adherant_element_textuelle_responsables_denomination{position:relative;width:100%;height:20%;}
.ctn_global_adherant_element_textuelle_responsables_denomination_tab{position:relative;width:100%;}
.ctn_global_adherant_element_textuelle_responsables_denomination_tab td{padding:1%;font-family:Roboto;text-align:center;letter-spacing:1px;color:#2e4153;}
.ctn_global_adherant_element_textuelle_responsables_denomination_tab_denom span{text-transform:capitalize;}
.ctn_global_adherant_element_textuelle_responsables_denomination_tab_denom strong{text-transform:uppercase;font-weight:bold;}
.ctn_global_adherant_element_textuelle_responsables_denomination_tab_fonction{text-transform:capitalize;}
/***
description
***/
.ctn_global_adherant_element_textuelle_description{position:relative;width:100%;max-height:450px;}
.ctn_global_adherant_element_textuelle_description_textuelle{position:relative;padding:5%;text-align:justify;color:#2e4153;font-family:Roboto Mono;font-size:0.85em;max-height:380px;overflow-x:none;overflow-y:scroll;scrollbar-width:none;}
.ctn_global_adherant_element_textuelle_description_textuelle:first-letter{text-transform:capitalize;}

.ctn_global_adherant_element_textuelle_description_tab{position:relative;width:95%;margin-left:5%;}
.ctn_global_adherant_element_textuelle_description_tab td{padding:0%;text-align:center;font-family:Roboto;color:#2e4153;}
.ctn_global_adherant_element_textuelle_description_tab_tel{font-size:0.6em;background-image:url("../medias/icons/mobile_p.png");background-repeat:no-repeat;background-position:100%;background-size:10%;letter-spacing:0px;text-align:left;}
.ctn_global_adherant_element_textuelle_description_tab_msg a{text-decoration:none;background:#2e4153;padding:4%;border-radius:5px;color:white;font-size:0.6em;}
.ctn_global_adherant_element_textuelle_description_tab_msg a:hover{background:royalblue;color:white;}
/**
PAGINATION
**/
.pagine_affichage_tabulation{color:#2e4153;}

}