/*----------------------------------------*/
/*---------------- FONTS ----------------*/
/*----------------------------------------*/

@font-face {
    font-family: 'work_sansblack';
    src: url('webfonts/worksans-black-webfont.woff2') format('woff2'),
         url('webfonts/worksans-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'work_sansbold';
    src: url('webfonts/worksans-bold-webfont.woff2') format('woff2'),
         url('webfonts/worksans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'work_sanslight';
    src: url('webfonts/worksans-light-webfont.woff2') format('woff2'),
         url('webfonts/worksans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'work_sansmedium';
    src: url('webfonts/worksans-medium-webfont.woff2') format('woff2'),
         url('webfonts/worksans-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'work_sansregular';
    src: url('webfonts/worksans-regular-webfont.woff2') format('woff2'),
         url('webfonts/worksans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'work_sanssemibold';
    src: url('webfonts/worksans-semibold-webfont.woff2') format('woff2'),
         url('webfonts/worksans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*----------------------------------------*/
/*--------------- COULEURS ---------------*/
/*----------------------------------------*/


.bg_light_grey{background-color: var(--light_grey)!important;}
.bg_dark_grey{background-color: var(--dark_grey)!important;}
.bg_blue{background-color: var(--blue)!important;}
.bg_alt_blue{background-color: var(--alt_blue)!important;}
.bg_orange{background-color: var(--orange)!important;}
.bg_alt_orange{background-color: var(--alt_orange)!important;}
.bg_green{background-color: var(--green)!important;}
.bg_alt_green{background-color: var(--alt_green)!important;}
.bg_grey{background-color: var(--grey)!important;}
.bg_white{background-color: var(--white)!important;}
.bg_black{background-color: var(--black)!important;}

.light_grey{color: var(--light_grey)!important;}
.dark_grey{color: var(--dark_grey)!important;}
.blue{color: var(--blue)!important;}
.alt_blue{color: var(--alt_blue)!important;}
.orange{color: var(--orange)!important;}
.green{color: var(--green)!important;}
.alt_green{color: var(--alt_green)!important;}
.grey{color: var(--grey)!important;}
.white{color: var(--white)!important;}
.black{color: var(--black)!important;}

.light_grey p{color: var(--light_grey)!important;}
.dark_grey p{color: var(--dark_grey)!important;}
.blue p, .blue p strong{color: var(--blue)!important;}
.alt_blue p{color: var(--alt_blue)!important;}
.orange p{color: var(--orange)!important;}
.green p{color: var(--green)!important;}
.alt_green p{color: var(--alt_green)!important;}
.grey p{color: var(--grey)!important;}
.white p{color: var(--white)!important;}
.black p{color: var(--black)!important;}

/*----------------------------------------*/
/*---------- STYLES GENERAUX -------------*/
/*----------------------------------------*/


body { font-size: 17px; font-family: 'work_sansregular', 'Arial', sans-serif; }
p,li { font-size: 17px; line-height: 21px; font-family: 'work_sansregular', 'Arial', sans-serif;color: var(--black);}
strong{font-family: 'work_sanssemibold', 'Arial', sans-serif;}
h2{font-size: 32px !important;color: var(--blue);}
h3, h3 p, h3 span{font-size: 32px !important;color: var(--blue);padding-bottom: 10px;line-height: 32px;;}
em, em span{font-style: italic !important;}
.picto_txt{position: absolute;}

section article{overflow: hidden;}

ul{list-style: none;}
ul li, ol li{list-style-position: outside;margin-left: 15px;}
li::before {content: "•"; color: var(--orange); display: inline-block; width: 1em;margin-left: -1em;}
.offrelev_content_top table li::before{color: var(--white);}
ul ul li{margin-left: 30px;}

header > nav > ul > li::before, .bloc-home-bulles li::before, #nav_home li::before,  .nav_aside_content li::before, footer li::before, #fil_ariane li::before, ol li::before, .content_doc li::before{content: ""; width: 0;margin-left: 0;display: none;}

p a, span a{color: : var(--blue);}

.res_only{display: none;}

#selectLg{
display: flex;
padding: 10px;
justify-content: center;
align-items: center;
gap: 4px;    
border-radius: 8px;
border: 1px solid var(--middle-grey, #878787);
background: var(--white, #FFFEFE);
}

/*----------------------------------------*/
/*--------------- INDEX ------------------*/
/*----------------------------------------*/

#index{ 
    background: url(https://assets.esop.apps.ten.com/xnet/2026/images/index.jpg) no-repeat center;
    background-size: contain;
    min-height: 1000px;
    background-position: top;
    width: 100%;
    display: flex;
}
.logo{height: auto;margin-left: 30px;display: block;position: relative;}
#ct_index{
    position: relative;
    top: 400px;
    display: block;
    margin: 0 auto;    
}

#choose_country{background-color: var(--white);width: 300px;color: var(--blue);border-radius: 20px;}
#choose_country h3{font-size: 16px !important;}
/*#choose_country img{top: 8px;left: 180px;}*/
#choose_country img{top: 8px;left: 180px;}
.choose_country_txt {color: var(--white);display: block;position: relative;font-size: 24px;left: 0px;}

#phrase_accroche{top: 0px;left: 0px;}
.txt_phrase_accroche{font-size: 18px;color: var(--white);text-align: center;margin-top: 120px;position: absolute;display: block;left: 10px;}


#ct_index h1 {font-size: 78px;}
#ct_index h2 {font-size: 18px; margin-top: 15px; line-height: 21px;}
#ct_index h3 {font-size: 42px; margin-top: 100px; line-height: 40px;}
h3#choose_country { font-size: 16px; letter-spacing: normal; margin-top: 10px; }
h3#choose_country b{ left: 20px; font-size: 16px !important; }
#country {
  background-color: var(--white);;
  width: 300px;
  left: 0;
  padding: 10px;
  display: none;
  top: 0px;
    z-index: 99;
}
#country a { font-size: 16px; color: var(--blue); display: block; margin-bottom: 8px; }
.index_ndpb {     font-size: 13px;color: white;top: 0px;padding-top: 20px; }


/*----------------------------------------*/
/*----------- MENU / BANNIERE ------------*/
/*----------------------------------------*/

#res_logo_inner_site {display: none;}
#logo_inner_site {display: flex;width: 180px;}

#header_menu .nav-content{display: flex;justify-content: flex-start;align-items: center;flex-direction: row;gap: 10px;}
#header_menu .menu-site{font-family: 'work_sanslight', sans-serif;border-left: 1px solid var(--blue);}
#header_menu .menu-site:first-child{border-left: 0px;}
#header_menu .menu-site:nth-child(2){border-left: 0px;}
#header_menu .menu-site a{color: var(--grey);margin: 10px 15px;font-size: 16px;font-family: 'work_sanssemibold', sans-serif;}
#header_menu .menu-site a:hover{color: var(--blue) !important;}


.nav{
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;    
}

#ct_country{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    gap: 20px;    
}

#ct_country_responsive{
    display: none;
}

.btn_simuler, .btn_souscrire{
display: flex;
padding: 10px;
flex-direction: column;
align-items: flex-start;
gap: 10px;    
border-radius: 10px;
border: none;
color: var(--white, #FFF);
font-family: 'work_sanssemibold', sans-serif;
font-size: 18px;
}
.btn_simuler{
background: var(--d-9-d-9-d-9, #3D98B7);    
}
.btn_souscrire{
background: var(--blue, #0070EF);
}


#fil_ariane a, #fil_ariane li,  #fil_ariane li a{ font-size: 14px; font-family: 'work_sanslight',sans-serif;color: #333333 !important;}
#fil_ariane a strong, #fil_ariane li strong,  #fil_ariane li a strong{ font-weight: normal !important; font-family: 'work_sanslight',sans-serif !important;}
header > nav{width: 100%;top: 0;z-index: 100;}
.menu-alt-res{display: none;}
.menu-site-res-only{display: none;}

.banniere_txt_1{
    position: absolute;
    /*top: 220px;
    left: 65px;*/
    top: 30%;
    left: 5%;
    font-size: 16px;
    line-height: 16px;
    font-family: 'work_sanssemibold',sans-serif;
}
.banniere_txt_2{position: absolute;top: 500px;left: 65px;font-size: 34px;line-height: 34px;font-family: 'work_sanssemibold',sans-serif;}
.table_banniere_prix_container {
    position: absolute;
    width:30%;
    top: 72%; /*490px*/
    left: 5%; /*65px*/
}

table.table_banniere_prix {
    position: relative;
    width:100%;
    font-size: 35px;
    line-height: 40px;
    font-family: 'work_sansmedium',sans-serif;
    color:#fff;
    text-align: center;
    background-color:#0070EF;
    border-collapse: collapse;
}
table.table_banniere_prix td {
    display: table cell;   
    border-bottom:1px solid #fff;
    padding:0.2em 0;
}
table.table_banniere_prix td.marge {
    width:5%;
    border-bottom:0px;
}
table.table_banniere_prix tr:last-child td {
    border-bottom:0px;
}
table.table_banniere_prix b {
    font-family: 'work_sanssemibold',sans-serif;
}
table.table_banniere_prix tr:first-child td {
    font-size:30px;
    line-height: 35px;
    padding:0.4em 0 0.2em 0;
}
table.table_banniere_prix tr.tr3 td {
    font-family: 'work_sanslight',sans-serif;
    font-size:25px;
    line-height: 30px;
    padding:0.4em 0;
}
    
.btn-souscription{
    color: #FFF !important;
}

/*----------------------------------------*/
/*--------------- NAV ASIDE --------------*/
/*----------------------------------------*/

#nav_aside{padding: 2.3%;}
.nav_aside_content{}

#nav_aside p{text-align: right;}
#nav_aside p strong{font-size: 23px;}

#nav_aside nav{padding-bottom: 0;padding-top: 50px;}
#nav_aside ul li{list-style: none; margin: 0;}
#nav_aside ul li:first-child, #nav_aside ul li:last-child{width: 100%;height: fit-content;margin-bottom: 10px;}
#nav_aside ul li:first-child img{width: 100%;border: 1px var(--black) solid;}
#nav_aside ul li:nth-child(3){left: 3%;}
#nav_aside ul li{width: 48%;display: inline-block;height: 160px;}
#nav_aside ul li:last-child{height: 120px;margin-top: 15px;}
#nav_aside ul li:last-child p{font-size: 15px;}

#nav_aside .picto_home_faq, #nav_aside .picto_home_sim{width: 120px;display: block;position: relative;margin: 0 auto;} 
#nav_aside .picto_home_souscrire{top: -10px;}

#nav_aside .bg_green p, #nav_aside .bg_orange p{text-align: center;text-transform: uppercase;color: var(--white);font-family: 'work_sanssemibold';}
#nav_aside .bg_blue p{text-align: right;
text-transform: uppercase;
color: var(--white);
font-family: 'work_sanssemibold';
position: relative;
top: -122px;
font-size: 24px;
right: 30px;}

.nav_aside_content nav ul{height: 550px;}
.nav_aside_fin{display: block;position: relative;top: -30px;text-align: center;}
.nav_aside_fin strong{font-size: 25px;font-family: 'work_sanssemibold';color: var(--blue);}

h2 p{font-size: 40px !important;color: var(--blue);line-height: 40px;font-family: 'work_sanssemibold', 'Arial', sans-serif;}

/*----------------------------------------*/
/*---------------- FOOTER ----------------*/
/*----------------------------------------*/

footer{
    background: rgb(0,112,239);
background: linear-gradient(137deg, rgba(0,112,239,1) 69%, rgba(128,199,160,1) 100%); 
display: block;
position: relative;
height: 120px;
text-align: center; }

footer a, footer p, footer li{color: var(--white);}
.liens-footer{position: relative;display: block;height: inherit;padding-top: 60px;}

/*----------------------------------------*/
/*------------------ HOME ----------------*/
/*----------------------------------------*/

.home-2formules{font-family: 'work_sanssemibold', sans-serif;display: inline-block;padding: 0 30px;}
.home-2formules_img{display: inline-block;width: 5%;}
.home-2formules p{font-size: 28px;top: 26px;}
.bloc-home-2formules{text-align: center;}


.bloc-home-bulles{  
    background: rgb(0,112,239);
background: linear-gradient(137deg, rgba(0,112,239,1) 69%, rgba(128,199,160,1) 100%); 
padding: 30px 0;text-align: center;margin-bottom: 15px;}

.bloc-home-bulles ul li{
width: 200px;
height: 200px;
padding-top: 80px;
text-decoration: none;
list-style: none;
display: inline-block;
border-radius: 100%;
vertical-align: middle;    
margin: 0 20px;    
}

.bloc-home-bulles ul .bg_white{padding-top: 65px;}
.bloc-home-bulles ul .white p{color: var(--white);}

.bloc-home-bulles .timer_style{font-size: 25px;font-family: 'work_sanssemibold';color: var(--white);}

.bloc-home-bref{
    display: flex;
    position: relative;
    height: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;    
}
.ceo_video{padding: 10px 0;max-width: 750px;margin-bottom: 40px;top: 28px;} 
.ceo_video p{font-size: 20px;margin-left: 20px;} 
.ceo_video p::before{content: '';display: inline list-item;list-style-image: url('https://assets.esop.apps.ten.com/xnet/2026/images/puce.png'); } 

.en_bref{
height: auto;
vertical-align: top;
margin: 24px 0;
}

.en_bref_txt{
width: 350px;
display: block;
top: 0px;   
}

#nav_home{
display: block;
width: 100%;
height: auto;
margin-bottom: 20px;    
}

#nav_home nav{background-color: var(--light_grey);padding-bottom: 20px;padding-top: 20px;}
#nav_home ul li{list-style: none;}
#nav_home ul li{
    width: 250px;
    margin: 1.4%;
    vertical-align: top;
    height: 230px;
}

#nav_home ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;    
}
#nav_home ul li img{text-align: center;display: block;position: relative;margin: auto;}
#nav_home ul li p{font-size: 26px;text-align: center;color: var(--white);}
#nav_home ul li.bg_blue p{font-size: 20px;}

.home_videos{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start; 
}

.home_videos div{max-width: 500px;}

.home_videos img{width: 400px;padding: 10px 0;}

.picto_home_faq, .picto_home_sim{padding: 15px;}
.picto_home_souscrire{padding: 10px;}

.nav_home_txt p{font-size: 20px;padding-left: 36px;} 
.nav_home_txt p::before, span.nav_home_txt_responsive p::before{content: '';display: inline list-item;list-style-image: url('https://assets.esop.apps.ten.com/xnet/2026/images/puce.png');}

.bloc-home-calendrier{margin-bottom: 50px;}
.home-calendrier{height: 400px;margin-top: 20px;margin-bottom: 20px;}
.home-calendrier td{position: relative;
vertical-align: top;
padding: 0 50px;
width: 20%;}
.calendrier_img{position: absolute;left: 0px;width: 60px;}
.home-calendrier strong{font-size: 18px;}
.home-calendrier td div{margin-top: 70px;}

.ajust_txt_bublle p{line-height: 23px;top: 10px;}

/*----------------------------------------*/
/*------------ OFFRE LEVERAGE ------------*/
/*----------------------------------------*/

#content_offre_leverage{}
#content_offre_leverage div{vertical-align: top;}
#content_offre_leverage .bloc_btn_sim::after{
    content: '';
    background-image: url(https://assets.esop.apps.ten.com/xnet/2026/images/picto_simulez.png);
    width: 60px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    top: -30px;
    right: 20px;
    background-size: contain;
}
.offre_leverage {padding: 50px;}
.offre_leverage h2{top: 20px;font-size: 40px !important;}

.orange_circle{
    content: '';
    position: absolute;
    display: block;
    height: 237px;
    width: 237px;
    background-color: var(--orange);
    border-radius: 125px;
    left: -50px;    
    display: none;
}

.offrelev_content_top{top: 80px;}
.offrelev_content_top span{font-size: 26px;}
.offrelev_content_top table{background-color: var(--blue);border:none;}
.offrelev_content_top table::after{
    content: '';
    background-image: url(https://assets.esop.apps.ten.com/xnet/2026/images/picto_graph.png);
    width: 60px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    top: -30px;
    right: 20px;
    background-size: contain;
}
.offrelev_content_top table li{line-height: 28px;}
.offrelev_content_top td{padding: 20px;border: 1px solid var(--blue);}
.offrelev_content_top li{color: var(--white);}

.tout_comprendre{background-color: #f7f7f7;padding:10px 50px;}
.tout_comprendre h2{padding: 30px 0 40px 0;}
.dot_underline_blue{border-bottom: 3px dotted var(--blue); display:block;padding-bottom: 10px;margin-bottom: 10px;}
.dot_underline_orange{border-bottom: 3px dotted var(--orange); display:block;padding-bottom: 10px;margin-bottom: 10px;}
.dot_underline_orange strong, .dot_underline_blue strong{font-size: 24px !important;} 
.encart_arrondie{border-radius: 15px;}
.graph_tab_ajust{padding: 20px 0 !important;margin: 20px 0;box-shadow: 0px 3px 4px var(--grey);}
.graph_tab_ajust p{font-family: 'work_sanssemibold', 'Arial', sans-serif !important;}

.plus_picto{font-family: 'work_sanssemibold', 'Arial', sans-serif !important;font-size: 80px;color: var(--blue);}

.bloc_btn_sim{text-align: center;padding: 40px 0 20px 0;margin-top: 50px;}
.bloc_btn_sim span{margin: 10px auto 0 auto;display: block;width: 50%;padding: 10px;}

.bloc_txt{display: block;position: relative;margin-top: 50px;padding: 0 15%;}
.bloc_txt h2{padding-bottom: 25px;}
.encart_hausse{background-color: var(--orange) !important;display: block;position: relative;padding: 10px 0;margin: 30px auto;width: 100%;text-align: center;}
.encart_hausse p{font-size: 22px;}

.encart_cond{background-color: var(--blue) !important;display: block;position: relative;padding: 30px;margin: 60px auto 30px auto;width: 100%;}
.encart_cond a{color: white !important;text-decoration: underline;}

.encart_cond::after{
    content: '';
    background-image: url(https://assets.esop.apps.ten.com/xnet/2026/images/picto_invest.png);
    width: 60px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    top: -30px;
    right: 20px;
    background-size: contain;
}

.arrow_orange_1, .arrow_orange_2{position: absolute;}
.arrow_orange_1{left: 110px;}
.arrow_orange_2{right:110px;}

.img_illu_1{display: block;
position: absolute;
top: -170px;}

.picto_graph{z-index: 2;top: 400px;width: 60px;right: 80px;}
.picto_simulez{z-index: 2;top: -30px;width: 60px;right: 60px;}
.picto_invest{z-index: 2;top: -30px;width: 60px;right: 60px;}

/*----------------------------------------*/
/*------------ OFFRE CLASSIC ------------*/
/*----------------------------------------*/


#content_offre_classic{}
#content_offre_classic div{vertical-align: top;}
.offre_classic {padding: 50px;}
.offre_classic h2{top: 120px;font-size: 40px !important;}

.bloc_btn_moda{text-align: center;padding: 40px 0 20px 0;margin-top: 50px;} 
.bloc_btn_moda span{margin: 10px auto 0 auto;display: block;width: 50%;padding: 10px;}

.img_illu_2 {
  width: auto;
  position: absolute;
  display: block;
  right: -94px;
}

.bloc_btn_moda_cla {
    text-align: center;
    padding: 0px 0 0px 0;
    margin-top: 53px;
}

.encart_cond_cla{
background-color: var(--blue) !important;
display: block;
position: relative;
padding: 30px;
margin: 0px auto 0px auto;
width: 100%;    
}

.encart_cond_cla a{color: white !important;text-decoration: underline;}

.encart_cond_cla::after{
    content: '';
    background-image: url(https://assets.esop.apps.ten.com/xnet/2026/images/picto_invest.png);
    width: 60px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    top: -30px;
    right: 20px;
    background-size: contain;
}

/*----------------------------------------*/
/*----------- OFFRE MODALITES ------------*/
/*----------------------------------------*/

#content_modalites{}
#content_modalites div{vertical-align: top;}

.modalites {padding: 50px;}
.modalites h2 p{top: 20px;font-size: 40px !important;    color: var(--blue);}

.modalites_content_top{top: 80px;}

.content_bloc_tab_moda{display: block;position: relative;padding: 50px 70px;}

.content_bloc_alt{background-color: #f7f7f7;padding: 50px 50px;}
.content_bloc_alt h2{padding: 30px 0 40px 0;}

#content_modalites .plus_picto{vertical-align: middle !important;padding: 5px 0;}




/*----------------------------------------*/
/*----------------- FAQ ------------------*/
/*----------------------------------------*/

.faq {padding: 50px;}
.faq h2{top: 40px;font-size: 40px !important;}

.bloc_faq{margin-top: 80px;}
.bloc_faq p, .bloc_faq ul li, .bloc_faq span, .bloc_faq u, .bloc_faq strong{color: var(--black);}
.bloc_faq p a{text-decoration: underline;}

#faq .cat-question { font-family: 'work_sanssemibold', 'Arial', sans-serif; font-size: 30px; margin: 40px 0; color: var(--blue); }
#faq .cat-question:nth-child(even) { color: var(--orange); }

#faq .question  { font-family: 'work_sanssemibold', 'Arial', sans-serif; color: var(--light_blue);}
.question{font-size: 16px;}

.faq_doc{right: 40px;}
.faq_doc::before{
position: absolute;
border-radius: 25px;
padding: 6px;
background-image: url(https://assets.esop.apps.ten.com/xnet/2026/images/picto-9.png);
content: '';
background-size: 35px;
background-repeat: no-repeat;
width: 35px;
height: 35px;
display: block;
left: 6px;
background-position-x: 1px;
background-position-y: 6px;
top: 2px;
background-color: var(--green);
}

.show-hide-all {
    cursor: pointer;
}
.show-hide-all:hover {
    text-decoration: underline;
}


/*----------------------------------------*/
/*---------------- VIDEO -----------------*/
/*----------------------------------------*/


.video_content_top{
top: 40px;
margin-bottom: 150px;
}

/*----------------------------------------*/
/*------------ DOCUMENTATION- ------------*/
/*----------------------------------------*/


.documentation{padding: 50px;vertical-align: top;}
.documentation h2{top: 20px;font-size: 40px !important;}


.content_doc li {
text-decoration: none;
color: #333333;
width: 30%;
text-align: center;
margin-bottom: 20px;
vertical-align: top;
margin: 10px 10px;    
}

.doc_bg{
background-color: var(--green);
padding: 20px 0;
width: 120px;
height: 120px;
border-radius: 100px;
margin: 15px auto;
}

.flip-card-front{
    border-radius: 100px;
    border-radius: 100px;
    text-align: center;
}

.content_doc{
margin-top: 80px;
}

.doc_bg img{top: 10px;}

.text-doc{color: #333333;font-family: 'work_sanssemibold', 'Arial', sans-serif;}

/*----------------------------------------*/
/*------------ DOCUMENTATION- ------------*/
/*----------------------------------------*/


#mention_leg div{vertical-align: top;}

.mention_leg {padding: 50px;}
.mention_leg h2{top: 40px;font-size: 40px !important;}

.content_mention_leg{
    display: block;
    position: relative;
    margin-top: 80px;
}


:root{
    --light_grey: #F4F4F4;
    --dark_grey: #3C3C3B;
    --blue: #0070EF;
    --alt_blue: #3d98b7;
    --orange: #EE7766;
    --alt_orange: #f69f8d;
    --green: #80C7A0;
    --alt_green: #D9EDEA;
    --grey: #9D9D9C;
    --white: #ffffff;
    --black: #333333;
}

.table_contact {
    border-collapse: collapse;
}
.table_contact th, .table_contact td{
    padding:0.5em;
    border:1px solid #ccc;
    vertical-align: middle;
}
.table_contact th {
    color: var(--blue);
    font-weight: bold;
}