/****************************************************************************
                                    MISE EN PLACE MEDIA QUERIES
******************************************************************************
ORDINATEUR
*****************************************************************************/
@media screen and (min-width:1024px)
{
body{position:relative;margin:0%;}

/**********
CTN GLOBALE TV
*************/
.ctn_global_annuaire{position:relative;width:100%;min-height:500px;margin-top:5%;}

/*****
MOTEUR DE RECHERCHE
****/
.moteur_recherche_tv{position:relative;width:80%;height:38px;margin-left:10%;margin-bottom:5%;}
.moteur_recherche_tv_form{position:relative;width:100%;height:38px;}
.moteur_recherche_tv_form ::placeholder{font-family:Source Sans 3;}
.ctn_form{position:relative;width:100%;height:38px;display:flex;flex-wrap:wrap;box-shadow:inset 0px 0px 20px gainsboro;}
.ch_form{position:relative;width:96.7%;padding:0.5%;border:none;outline:none;box-shadow:inset 0px 0px 20px gainsboro;}
.btn_envoi_form{position:relative;width:32px;height:38px;}

/***************
ENVELOPPE ELEMENTS ANNUAIRE
************************/
.ctn_global_annuaire_env{position:relative;width:100%;min-height:400px;padding:1%;}
.ctn_annuaire{position:relative;width:100%;min-height:400px;display:flex;flex-wrap:wrap;}

/*elements*/
.ctn_latribune_annuaire_elem{position:relative;width:30%;height:350px;margin:2% 1%;}
.ctn_latribune_annuaire_elem a{text-decoration:none;color:#002349;}

.ctn_latribune_annuaire_elem:hover .ctn_latribune_annuaire_elem_textuelle_txt{color:#002349;}
.ctn_latribune_annuaire_elem:hover .ctn_latribune_annuaire_elem_textuelle_types span{color:#E7473C;}
.ctn_latribune_annuaire_elem:hover .ctn_latribune_annuaire_elem_textuelle_ent{color:#E7473C;}
.ctn_latribune_annuaire_elem_textuelle_tab_tel{background-image:url("../medias/icons/tel_icon_sombre_p.png");background-repeat:no-repeat;background-position:3%;}

/*medias*/
.ctn_latribune_annuaire_elem_medias{position:relative;width:100%;height:100px;}
.ctn_latribune_annuaire_elem_medias_tofs{position:relative;width:100%;height:100%;margin:0%;object-fit:cover;}

/*textuelle*/
.ctn_latribune_annuaire_elem_textuelle{position:relative;width:100%;height:65%;margin-top:6%;}
.ctn_latribune_annuaire_elem_textuelle_ent{position:relative;font-family:Source Sans;color:#002349;padding:2%;font-size:1em;font-weight:normal;line-height:22px;}
.ctn_latribune_annuaire_elem_textuelle_types{margin:0%;position:relative;padding:2%;font-family:Source Sans 3;text-transform:capitalize;font-size:0.9em;}
.ctn_latribune_annuaire_elem_textuelle_types span{color:#002349;padding:2% 12%;background-image:url("../medias/icons/dossier.png");background-repeat:no-repeat;background-position:2%;}
.ctn_latribune_annuaire_elem_textuelle_txt{font-family:Source Sans 3;padding:1.5% 2.5%;font-size:0.9em;height:45%;overflow:hidden;margin:0%;}
.ctn_latribune_annuaire_elem_textuelle_txt:first-letter{text-transform:capitalize;}
.ctn_latribune_annuaire_elem_textuelle_tab{position:relative;width:100%;font-family:Source Sans 3;color:#002349;}
.ctn_latribune_annuaire_elem_textuelle_tab td{font-size:0.7em;padding:1% 2%;text-align:center;}


/************* PAGINATION ***********************/
.pagine_affichage{position:relative;width:100%;}
.pagine_affichage_tabulation{color:#002349;margin-left:0.5%;font-family:Roboto;padding:0.1% 1% 0.1% 1%;cursor:pointer;text-decoration:none;}
.pagine_affichage_tabulation:hover{color:#2F4F4F;}

.pagine_affichage_tabulation a{color:#002349;text-decoration:none;margin-left:0.5%;font-family:Roboto;text-shadow:0px 0px 2px black;box-shadow:0px 0px 2px gray;padding:0.1% 0.2% 0.1% 0.2%;cursor:pointer;}
.pagine_affichage_tabulation:hover a{color:#2272FF;}

}
/**************************************
TABLET
**************************************/
@media screen and (min-width:768px) and (max-width:1023px)
{
body{position:relative;margin:0%;}

/**********
CTN GLOBALE TV
*************/
.ctn_global_annuaire{position:relative;width:100%;min-height:500px;margin-top:5%;}

/*****
MOTEUR DE RECHERCHE
****/
.moteur_recherche_tv{position:relative;width:90%;height:38px;margin-left:5%;margin-bottom:5%;}
.moteur_recherche_tv_form{position:relative;width:100%;height:38px;}
.moteur_recherche_tv_form ::placeholder{font-family:Source Sans 3;}
.ctn_form{position:relative;width:100%;height:38px;display:flex;flex-wrap:wrap;box-shadow:inset 0px 0px 20px gainsboro;}
.ch_form{position:relative;width:95.5%;padding:0.5%;border:none;outline:none;box-shadow:inset 0px 0px 20px gainsboro;}
.btn_envoi_form{position:relative;width:32px;height:38px;}

/***************
ENVELOPPE ELEMENTS ANNUAIRE
************************/
.ctn_global_annuaire_env{position:relative;width:100%;min-height:400px;padding:1%;}
.ctn_annuaire{position:relative;width:100%;min-height:400px;display:flex;flex-wrap:wrap;}

/*elements*/
.ctn_latribune_annuaire_elem{position:relative;width:30%;height:350px;margin:2% 1%;}
.ctn_latribune_annuaire_elem a{text-decoration:none;color:#002349;}

.ctn_latribune_annuaire_elem:hover .ctn_latribune_annuaire_elem_textuelle_txt{color:#002349;}
.ctn_latribune_annuaire_elem:hover .ctn_latribune_annuaire_elem_textuelle_types span{color:#E7473C;}
.ctn_latribune_annuaire_elem:hover .ctn_latribune_annuaire_elem_textuelle_ent{color:#E7473C;}
.ctn_latribune_annuaire_elem_textuelle_tab_tel{background-image:url("../medias/icons/tel_icon_sombre_p.png");background-repeat:no-repeat;background-position:3%;}

/*medias*/
.ctn_latribune_annuaire_elem_medias{position:relative;width:100%;height:100px;}
.ctn_latribune_annuaire_elem_medias_tofs{position:relative;width:100%;height:100%;margin:0%;object-fit:cover;}

/*textuelle*/
.ctn_latribune_annuaire_elem_textuelle{position:relative;width:100%;height:65%;margin-top:6%;}
.ctn_latribune_annuaire_elem_textuelle_ent{position:relative;font-family:Source Sans;color:#002349;padding:2%;font-size:0.85em;font-weight:normal;line-height:22px;}
.ctn_latribune_annuaire_elem_textuelle_types{margin:0%;position:relative;padding:2%;font-family:Source Sans 3;text-transform:capitalize;font-size:0.8em;}
.ctn_latribune_annuaire_elem_textuelle_types span{color:#002349;padding:2% 12%;background-image:url("../medias/icons/dossier.png");background-repeat:no-repeat;background-position:2%;}
.ctn_latribune_annuaire_elem_textuelle_txt{font-family:Source Sans 3;padding:1.5% 2.5%;font-size:0.84em;height:45%;overflow:hidden;margin:0%;}
.ctn_latribune_annuaire_elem_textuelle_txt:first-letter{text-transform:capitalize;}
.ctn_latribune_annuaire_elem_textuelle_tab{position:relative;width:100%;font-family:Source Sans 3;color:#002349;}
.ctn_latribune_annuaire_elem_textuelle_tab td{font-size:0.7em;padding:1% 2%;text-align:center;}

/************* PAGINATION ***********************/
.pagine_affichage{position:relative;width:100%;}
.pagine_affichage_tabulation{color:#002349;margin-left:0.5%;font-family:Roboto;padding:0.1% 1% 0.1% 1%;cursor:pointer;text-decoration:none;}
.pagine_affichage_tabulation:hover{color:#2F4F4F;}

.pagine_affichage_tabulation a{color:#002349;text-decoration:none;margin-left:0.5%;font-family:Roboto;text-shadow:0px 0px 2px black;box-shadow:0px 0px 2px gray;padding:0.1% 0.2% 0.1% 0.2%;cursor:pointer;}
.pagine_affichage_tabulation:hover a{color:#2272FF;}


}
/******************************************
SMARTPHONE
*******************************************/
@media screen and (max-width:767px)
{
body{position:relative;margin:0%;}
/*********
CTN GLOBALE TV
*************/
.ctn_global_annuaire{position:relative;width:100%;min-height:500px;margin-top:10%;}

/*****
MOTEUR DE RECHERCHE
****/
.moteur_recherche_tv{position:relative;width:95%;height:32px;margin-left:2.5%;margin-bottom:5%;}
.moteur_recherche_tv_form{position:relative;width:100%;height:32px;}
.moteur_recherche_tv_form ::placeholder{font-family:Source Sans 3;}
.ctn_form{position:relative;width:100%;height:32px;display:flex;flex-wrap:wrap;box-shadow:inset 0px 0px 20px gainsboro;}
.ch_form{position:relative;width:90%;padding:0%;border:none;outline:none;box-shadow:inset 0px 0px 20px gainsboro;}
.btn_envoi_form{position:relative;width:32px;height:32px;}

/****************
ENVELOPPE ELEMENTS ANNUAIRE
************************/
.ctn_global_annuaire_env{position:relative;width:100%;min-height:400px;padding:1%;}
.ctn_annuaire{position:relative;width:100%;min-height:400px;}

/*elements*/
.ctn_latribune_annuaire_elem{position:relative;width:90%;height:350px;margin:7% 5%;}
.ctn_latribune_annuaire_elem a{text-decoration:none;color:#002349;}

.ctn_latribune_annuaire_elem:hover .ctn_latribune_annuaire_elem_textuelle_txt{color:#002349;}
.ctn_latribune_annuaire_elem:hover .ctn_latribune_annuaire_elem_textuelle_types span{color:#E7473C;}
.ctn_latribune_annuaire_elem:hover .ctn_latribune_annuaire_elem_textuelle_ent{color:#E7473C;}
.ctn_latribune_annuaire_elem_textuelle_tab_tel{background-image:url("../medias/icons/tel_icon_sombre_p.png");background-repeat:no-repeat;background-position:3%;}

/*medias*/
.ctn_latribune_annuaire_elem_medias{position:relative;width:100%;height:100px;}
.ctn_latribune_annuaire_elem_medias_tofs{position:relative;width:100%;height:100%;margin:0%;object-fit:cover;}

/*textuelle*/
.ctn_latribune_annuaire_elem_textuelle{position:relative;width:100%;height:65%;margin-top:6%;}
.ctn_latribune_annuaire_elem_textuelle_ent{position:relative;font-family:Source Sans 3;color:#002349;padding:2%;font-size:0.95em;font-weight:bold;line-height:22px;}
.ctn_latribune_annuaire_elem_textuelle_types{margin:0%;position:relative;padding:2%;font-family:Source Sans 3;text-transform:capitalize;font-size:0.85em;}
.ctn_latribune_annuaire_elem_textuelle_types span{color:#002349;padding:2% 12%;background-image:url("../medias/icons/dossier.png");background-repeat:no-repeat;background-position:2%;}
.ctn_latribune_annuaire_elem_textuelle_txt{font-family:Source Sans 3;padding:1.5% 2.5%;font-size:0.85em;height:45%;overflow:hidden;margin:0%;}
.ctn_latribune_annuaire_elem_textuelle_txt:first-letter{text-transform:capitalize;}
.ctn_latribune_annuaire_elem_textuelle_tab{position:relative;width:100%;font-family:Source Sans 3;color:#002349;}
.ctn_latribune_annuaire_elem_textuelle_tab td{font-size:0.7em;padding:1% 2%;text-align:center;}

/************* PAGINATION ***********************/
.pagine_affichage{position:relative;width:100%;}
.pagine_affichage_tabulation{color:#002349;margin-left:0.5%;font-family:Roboto;padding:0.1% 1% 0.1% 1%;cursor:pointer;text-decoration:none;}
.pagine_affichage_tabulation:hover{color:#2F4F4F;}

.pagine_affichage_tabulation a{color:#002349;text-decoration:none;margin-left:0.5%;font-family:Roboto;text-shadow:0px 0px 2px black;box-shadow:0px 0px 2px gray;padding:0.1% 0.2% 0.1% 0.2%;cursor:pointer;}
.pagine_affichage_tabulation:hover a{color:#2272FF;}




}