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

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

/*****
MOTEUR DE RECHERCHE
****/
.moteur_recherche_tv{position:relative;width:80%;height:57px;top:50px;left:10%;margin-bottom:7%;}
.moteur_recherche_tv_form{position:relative;width:100%;}

.moteur_recherche_tv_tab{position:relative;width:100%;}
.moteur_recherche_tv_tab td{}
.case_ch{position:relative;width:95%;}
.case_env{position:relative;width:5%;}

.ch_form{position:relative;width:85%;padding:1%;border:none;box-shadow:inset 0px 0px 2px gray;}
.btn_envoi_form{position:relative;margin-left:1%;padding:0.5%;font-family:arial,helvetica,clean,sans-serif;}

/**************
ENVELOPPE ELEMENTS ANNUAIRE ctn_infos_element_block_infos_txt
************************/
.ctn_infos_element{position:relative;width:100%;min-height:400px;padding:4%;}
.ctn_element{position:relative;width:100%;min-height:400px;}

/*block entete*/
.ctn_element_block_entete{position:relative;width:100%;height:150px;display:flex;flex-wrap:wrap;}

.ctn_element_block_entete_icon{position:relative;width:10%;height:100%;border-radius:50%;margin-left:3%;overflow:hidden;}
.ctn_element_block_entete_icon_tofs{position:relative;width:100%;height:100%;margin:0%;object-fit:cover;}

/*infos*/
.ctn_element_block_entete_infos{position:relative;width:60%;margin-left:2%;height:100%;}
.ctn_element_block_entete_infos_tab{position:relative;width:100%;}
.ctn_element_block_entete_infos_tab td{}
.ctn_element_block_entete_infos_tab_denom{font-family:Source sans 3;font-weight:bold;color:#002349;font-size:1.2em;padding:1.5%;line-height:23px;}
.ctn_element_block_entete_infos_tab_adresse{font-family:Source Sans 3;color:#002349;padding:1.5%;font-size:0.9em;line-height:23px;}
.ctn_element_block_entete_infos_tab_adresse:first-letter{text-transform:capitalize;}
.ctn_element_block_entete_infos_tab_btn{font-family:arial,helvetica,clean,sans-serif;}

.ctn_element_block_entete_infos_tab_btn_lien{background:#2F4F4F;border-radius:5px;font-weight:bolder;margin-left:1%;color:white;padding:0.6% 3%;font-family:Roboto;text-decoration:none;}
.ctn_element_block_entete_infos_tab_btn_lien:hover{background:#66CDAA;color:#002349;}

/*contacts*/
.ctn_element_block_entete_infos_contacts{position:relative;width:20%;height:100%;}
.ctn_element_block_entete_infos_contacts_tab{position:relative;width:100%;font-family:Source Sans 3;}
.ctn_element_block_entete_infos_contacts_tab td{padding:3%;font-size:0.7em;text-align:center;font-family:Source Sans 3;color:#002349;}
.ctn_element_block_entete_infos_contacts_tab_tel{background-image:url("../medias/icons/tel_icon_sombre_p.png");background-repeat:no-repeat;background-position:20%;}

/*block infos*/
.ctn_infos_element_block_infos{position:relative;width:100%;min-height:450px;color:#002349;font-family:Source Sans 3;}

.ctn_infos_element_block_infos_bann{position:relative;width:100%;height:250px;padding:2%;display:flex;flex-wrap:wrap;}
.ctn_infos_element_block_infos_bann_tofs{position:relative;width:23%;height:90%;margin:1%;object-fit:cover;}

.ctn_infos_element_block_infos_txt{text-align:justify;margin:0%;padding:2%;color:#002349;font-family:Source Sans 3;font-size:1em;font-weight:normal;}
.ctn_infos_element_block_infos_txt:first-letter{text-transform:capitalize;}


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

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

/*****
MOTEUR DE RECHERCHE
****/
.moteur_recherche_tv{position:relative;width:80%;height:57px;top:50px;left:10%;margin-bottom:7%;}
.moteur_recherche_tv_form{position:relative;width:100%;}

.moteur_recherche_tv_tab{position:relative;width:100%;}
.moteur_recherche_tv_tab td{}
.case_ch{position:relative;width:95%;}
.case_env{position:relative;width:5%;}

.ch_form{position:relative;width:85%;padding:0.5%;border:none;box-shadow:inset 0px 0px 2px gray;}
.btn_envoi_form{position:relative;margin-left:1%;padding:0.5%;font-family:arial,helvetica,clean,sans-serif;}

/***************
ENVELOPPE ELEMENTS ANNUAIRE
************************/
.ctn_infos_element{position:relative;width:100%;min-height:400px;padding:4%;}
.ctn_element{position:relative;width:100%;min-height:400px;}

/*block entete*/
.ctn_element_block_entete{position:relative;width:100%;height:150px;display:flex;flex-wrap:wrap;}

.ctn_element_block_entete_icon{position:relative;width:10%;height:100%;border-radius:50%;margin-left:3%;overflow:hidden;}
.ctn_element_block_entete_icon_tofs{position:relative;width:100%;height:100%;margin:0%;object-fit:cover;}

/*infos*/
.ctn_element_block_entete_infos{position:relative;width:55%;margin-left:2%;height:100%;}
.ctn_element_block_entete_infos_tab{position:relative;width:100%;}

.ctn_element_block_entete_infos_tab_denom{font-family:Source Sans 3;font-weight:bold;color:#002349;font-size:1em;padding:1.5%;}
.ctn_element_block_entete_infos_tab_adresse{font-family:Source Sans 3;font-weight:normal;padding:1.5%;line-height:23px;font-size:0.85em;color:#002349;}
.ctn_element_block_entete_infos_tab_adresse:first-letter{text-transform:capitalize;}
.ctn_element_block_entete_infos_tab_btn{font-family:Roboto Mono;}

.ctn_element_block_entete_infos_tab_btn_lien{background:#2F4F4F;font-weight:normal;margin-left:1%;color:#002349;border-radius:5px;color:white;padding:0.6% 3%;font-family:Roboto;text-decoration:none;}
.ctn_element_block_entete_infos_tab_btn_lien:hover{background:#66CDAA;color:#002349;}

/*contacts*/
.ctn_element_block_entete_infos_contacts{position:relative;width:30%;height:100%;}
.ctn_element_block_entete_infos_contacts_tab{position:relative;width:100%;font-family:Source Sans 3;color:#002349;}
.ctn_element_block_entete_infos_contacts_tab td{padding:3%;font-size:0.8em;text-align:center;}

.ctn_element_block_entete_infos_contacts_tab_tel{background-image:url("../medias/icons/tel_icons.png");background-repeat:no-repeat;background-position:20%;}
.ctn_element_block_entete_infos_contacts_tab_dom{color:green;border-radius:5px;font-weight:bolder;letter-spacing:2px;text-transform:uppercase;}

/*block infos*/
.ctn_infos_element_block_infos{position:relative;width:100%;min-height:450px;color:#002349;font-family:Roboto Mono;font-size:0.8em;}

.ctn_infos_element_block_infos_bann{position:relative;width:100%;height:250px;padding:2%;display:flex;flex-wrap:wrap;}
.ctn_infos_element_block_infos_bann_tofs{position:relative;width:23%;height:90%;margin:1%;object-fit:cover;}

.ctn_infos_element_block_infos_txt{font-size:0.95em;text-align:justify;margin:0%;padding:2%;color:#002349;font-family:Source Sans 3;font-weight:normal;}
.ctn_infos_element_block_infos_txt:first-letter{text-transform:capitalize;}



}
/*******************************************
SMARTPHONE
*******************************************/
@media screen and (max-width:767px)
{
body{position:relative;margin:0%;}

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

/*****
MOTEUR DE RECHERCHE
****/
.moteur_recherche_tv{position:relative;width:95%;height:50px;margin-bottom:7%;top:25px;margin-left:2.5%;}
.moteur_recherche_tv_form{position:relative;width:100%;}
::placeholder{font-family:Roboto;font-size:0.8em;}
.moteur_recherche_tv_tab{position:relative;width:100%;}
.case_ch{position:relative;width:95%;}
.case_env{position:relative;width:5%;}

.ch_form{position:relative;width:75%;padding:0%;border:none;box-shadow:inset 0px 0px 2px gray;}
.btn_envoi_form{font-size:0.9em;position:relative;margin-left:0%;padding:0%;font-family:arial,helvetica,clean,sans-serif;}

/***************
ENVELOPPE ELEMENTS ANNUAIRE
************************/
.ctn_infos_element{position:relative;width:100%;min-height:400px;padding:4%;}
.ctn_element{position:relative;width:100%;min-height:400px;}

/*block entete*/
.ctn_element_block_entete{position:relative;width:100%;min-height:180px;}
.ctn_element_block_entete_icon{position:relative;width:30%;height:100px;border-radius:50%;margin-left:3%;overflow:hidden;}
.ctn_element_block_entete_icon_tofs{position:relative;width:100%;height:100%;margin:0%;object-fit:cover;}

/*infos*/
.ctn_element_block_entete_infos{position:relative;width:100%;margin-left:0%;height:100%;}
.ctn_element_block_entete_infos_tab{position:relative;width:100%;}

.ctn_element_block_entete_infos_tab_denom{font-family:Source Sans 3;font-weight:bold;font-size:1.2em;color:#002349;padding:0.5% 5%;}
.ctn_element_block_entete_infos_tab_adresse{font-family:Source Sans 3;font-weight:normal;padding:2%;font-size:0.83em;color:#002349;}
.ctn_element_block_entete_infos_tab_adresse:first-letter{text-transform:capitalize;}
.ctn_element_block_entete_infos_tab_btn{font-family:Source Sans 3;}

.ctn_element_block_entete_infos_tab_btn_lien{background:#2F4F4F;font-weight:normal;margin-left:5%;color:white;padding:0.6% 3%;font-size:0.75em;font-family:Roboto Mono;border-radius:5px;text-decoration:none;}
.ctn_element_block_entete_infos_tab_btn_lien:hover{background:#66CDAA;color:#002349;}

/*contacts*/
.ctn_element_block_entete_infos_contacts{position:relative;width:100%;height:100%;}
.ctn_element_block_entete_infos_contacts_tab{position:relative;width:100%;font-family:Source Sans 3;color:#002349;}
.ctn_element_block_entete_infos_contacts_tab td{padding:3% 8%;font-size:0.8em;}
.ctn_element_block_entete_infos_contacts_tab_tel{background-image:url("../medias/icons/tel_icon_sombre_p.png");background-repeat:no-repeat;background-position:2%;}
/*block infos*/
.ctn_infos_element_block_infos{position:relative;width:100%;min-height:450px;color:#002349;font-family:Source Sans 3;}

.ctn_infos_element_block_infos_bann{position:relative;width:100%;min-height:250px;padding:2%;}
.ctn_infos_element_block_infos_bann_tofs{position:relative;width:100%;height:300px;margin-bottom:5%;object-fit:cover;}

.ctn_infos_element_block_infos_txt{font-size:0.85em;text-align:justify;margin:0%;padding:4%;color:#002349;font-family:Source Sans 3;}
.ctn_infos_element_block_infos_txt:first-letter{text-transform:capitalize;}


}