/*
Theme Name: DLM-Internationals
Author: L'équipe Maad
Version: 1
*/
/*
Kanit 300 500i 600 700i

Bleu : #141e59
Orange : #e85937
Gradient jaune rose : background-image:linear-gradient(to right, #fdaf05, #e74670);
*/
*, *:before, *:after{margin:0;padding:0;line-height:130%;vertical-align:baseline;background:transparent;box-sizing:border-box;}
html, body{width:100%;height:100%;}
body{ color:#141e59; font-family: "Kanit", sans-serif; font-weight:300; font-size:16px; 
	background:#fff url('img/bg-dlm.jpg') center 50vh repeat-y; background-size:101%;
}
a{ color:#141e59; text-decoration:underline; }
a:hover, a:focus{ color:#e85937;text-decoration:underline;}
a img, th img, td img{vertical-align:top;border:none;}
h1, h2, h3, h4, h5{cursor:default;font-weight:700; line-height: 110%; font-style: italic;}
a h1, a h2, a h3, a h4, a h5{cursor:pointer;}
h1{ font-size:340%; line-height: 100%; } h2{ font-size:220%; } h3{ font-size:220%; } h4{font-size:160%;} h5{font-size:140%;}
ul{list-style:none;}
hr{border:none;border-top:2px solid rgba(20, 30, 89, 0.25);margin:25px 0;}
b, strong{ font-weight:700; }
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{text-align:left;vertical-align:top;}
thead th, thead td{font-weight:bold;vertical-align:bottom;}
img, video, audio, embed, object{max-width:100%;}
img, video, embed, object{height:auto;}
embed, object{height:100%;}
img{vertical-align:middle;}
.alignright{float:right;margin:0 0 25px 20px;}
.alignleft{float:left;margin:0 20px 25px 0;}
.aligncenter{margin:0 auto 25px auto;}
.centerdiv{width:85%;margin:0 auto;position:relative;}
.centerdivS{ max-width:900px; }
.clear{position:relative;overflow:auto;clear:both;}
#blocmap img{height:auto!important;max-width:none !important;}
.svg{}
.no-svg{}

.bt{ display:inline-block; padding:15px 25px; color:#fff; font-size:100%; font-weight:600; font-style:italic; text-decoration:none; border-radius:30px;
	background-image:linear-gradient(to right, #fdaf05, #e74670); transform:scale(1.0); transition:all .3s; }
.bt:hover, .bt:focus{ transform:scale(1.05); color:#fff; text-decoration:none; }
.btbb{ background:#141e59; }
.btb{ border:2px solid #141e59; color:#141e59; padding: 13px 25px; background:transparent; }
.btb:hover, .btb:focus{ color:#141e59; }
.btw{ border:2px solid #fff; color:#fff; padding: 13px 25px; background:transparent; }

#cookie-notice #cn-close-notice { right: 1.5vw !important; }
#cookie-notice #cn-notice-buttons { margin: 0 0 0 1vw !important; }
#cookie-notice #cn-notice-buttons a { font-family: "Kanit", sans-serif !important; color: #000 !important; background: #fff !important; margin: .5vw .25vw !important; border-radius: 5vw !important; }
#cookie-notice { font-family: "Kanit", sans-serif !important; background: #1a1a1a !important; left: 1vw !important; right: 1vw !important; bottom: 1vw !important; width: 98vw !important; min-width: 98vw !important; border-radius: 5vw !important; }
#cookie-notice .cookie-notice-container { padding: 0.5vw 1vw !important; }

/* .appearOnScroll { opacity: 0; transform: scale(.9); transition: all .4s; transition-delay: 250ms; }
.appearOnScroll.visible { opacity: 1; transform: scale(1); } */

.appear{ opacity: 0; }
.appearTxt{ opacity: 0; }
.appearCards{ opacity: 0; }


.ti-widget[data-layout-id='115'][data-set-id='soft'] .ti-header{ padding:14px !important; cursor:pointer; transform: scale(1.0); transition: all .3s; }
.ti-widget[data-layout-id='115'][data-set-id='soft'] .ti-header:hover{ transform: scale(1.05); }


/********************************************************************** ACCESS */
#navAccess{position:absolute;z-index:10000;}
#navAccess a{font-size:100%;color:#fff;position:fixed;top:-100px;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff;white-space:nowrap;text-decoration:none;}
#navAccess a:focus{left:10px;top:10px;}

#accessmenu, #accesscontenu, #accesspied{position:fixed;z-index:10000;font-size:100%;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff !important;white-space:nowrap;text-decoration:none;}
#accessmenu:focus, #accesscontenu:focus, #accesspied:focus{left:10px;}


/********************************************************************** HEADER */
#header{ position:relative; margin:1.25vw 1.25vw 5vw 1.25vw; padding:0 3.75vw 3.75vw 3.75vw; border-radius: 2vw;
	background-color:#141e59; background-size:cover; background-position:center 0; background-repeat:no-repeat; }
#header:after{ content:''; position:absolute; inset:0; z-index:1; display: block; border-radius: 2vw; background-image:linear-gradient(rgb(20, 30, 89), #141e59 12%, rgba(20, 30, 89, 0.6)); }
.home #header:after{ background-image:linear-gradient(rgb(20, 30, 89), #141e59 12%, rgba(20, 30, 89, 0)); }
.home #header{ background-image:url('img/dlm-internationals-transport-routier.jpg'); margin-bottom:0; }

#logo{ display: inline-block; position:relative; z-index:2; margin-top:3.75vw; }
#logo img{ display:block; }

#navwrap{ float:right; width: calc(100% - 350px); position:relative; z-index:5; }
#navbot{ text-align: right; color:#fff; margin-top: 60px; }
#navbot ul{ display:flex; align-items:center; flex-wrap: wrap; justify-content: flex-end; }
#navbot li{ display:block; margin-top: 10px; margin-left:20px; font-weight:600; }
#navbot li a{ color:#fff; text-decoration:none; }
#navbot li > svg{ color:#e85937; margin-right:4px; position:relative; top:1px; }

#header h1{ position:relative; z-index:2; font-size:4.5vw; margin:5vw 25% 1.25vw 2.5vw; line-height:100%; color:#fff; }
.home #header h1{ font-size:5vw; margin: 6.25vw 30% 5vw 2.5vw; text-transform:uppercase; }
#header h1 *{ line-height:100%; }
#head_st{ position:absolute; z-index: 2; right:6.25vw;bottom:9.25vw; width:30%; padding-bottom:25px; font-weight:700; text-align: right; font-style: italic; font-size: 110%; color: #fff; }
#head_st:after{ content:''; position:absolute;bottom:5px;right:0; width:100%; height:4px; background-image:linear-gradient(to right, #fdaf05, #e74670); }

#header h1 .h1flag{ height: 3vw;width: 4.5vw; display: inline-block; border-radius:4px; position: relative; top: -0.4vw; margin-left: 1.5vw;}

.bt_google{ display: inline-block; background:#fff url('img/logo-google-avis.svg') left 12px center no-repeat; background-size:30px; height:50px;
	padding:9px 20px 0px 50px; color: #141e59; border-radius:50px; text-decoration:none; text-align:left; transform:scale(1); transition: all .3s;
}
.bt_google:hover, .bt_google:focus{ transform:scale(1.05); text-decoration:none; color: #141e59; }
.bt_google span{ font-weight:600; color: #141e59; font-size:80%; display: block; line-height: 110%; }
.bt_google strong{ font-weight:600; color: #141e59; margin-top: 1px; font-size: 100%; display: block; line-height: 110%; }
.bt_google strong svg{ font-size:80%; color:#eac72f; }


/********************************************************************** PART */
.title_xl{ position:relative; margin-bottom:2.5vw; }
.title_xl:after{ content:''; position:absolute;bottom:5px;right:0; width:30%; height:4px; background-image:linear-gradient(to right, #fdaf05, #e74670); }
.title_xl h2{ width:70%; padding-right:10%; font-size:3.5vw; line-height: 100%; text-transform: uppercase; }
.title_xl p{ width:70%; padding-right:10%; font-size:105%; line-height: 150%; margin-top: 20px; }
.title_xl strong{ position:absolute; width:19%; bottom:25px;right:0; text-align: right; font-style: italic; font-size: 110%; }
.title_xl .bt{ position:absolute; bottom:25px;right:0; }

.title_xlr{ text-align:right; }
.title_xlr:after{ right:inherit; left:0; }
.title_xlr h2{ padding-right:0; padding-left:10%; margin-left:30%; }
.title_xlr p{ padding-right:0; padding-left:10%; margin-left:30%; }
.title_xlr strong{ right:inherit; left:0; text-align:left; }
.title_xlr .bt{ right:inherit; left:0; }


.wrapclmn{ display:flex; justify-content:space-between; gap:5%; }
.clmn{ width:50%; }
.contenu .clmn > *:fist-child{ margin-top:0; }
.contenu .clmn > *:last-child{ margin-bottom:0; }


.clmn_form{ background:#fff; padding:2.5vw 5vw; width:70%; box-shadow: 0 0 1vw rgba(0, 0, 0, 0.1); border-radius: 2vw; }


.list_cards{ display:flex; }
.list_cards > div, .list_cards > a, .list_cards > li{ display: flex; width: 25%; align-items: center; background:#fff; border-radius:1vw; box-shadow:0 0 1vw rgba(0, 0, 0, 0.1); padding: 2.5vw; text-decoration:none; }
.list_cards > a:hover{ text-decoration:none; }
.list_cards strong, .list_cards h3{ font-style:italic; font-weight:700; font-size: 1.5vw; line-height: 110%; }
.list_cards p{ font-size:95%; margin-top: 10px; }

.list_cards_icn > div, .list_cards_icn > li{ align-items: flex-end; padding-top: 5vw; }
.list_cards_icn img{ position:absolute; height:3.75vw; width:auto; top:2vw;right:2.5vw; }


.part{ position:relative; margin-bottom:5vw; }

.part_bg{ position:relative; color:#fff; margin:0 1.25vw 5vw 1.25vw; padding:3.75vw; border-radius: 2vw;
	background-image:url('img/dlm-internationals-transport-routier.jpg');
	background-color:#141e59; background-size:cover; background-position:center; background-repeat:no-repeat; }
.page .part_bg{ background-image:url('img/dlm-internationals-transport-routier-europe-logistique.jpg'); }
.part_bg:after{ content:''; position:absolute; inset:0; z-index:1; display: block; border-radius: 2vw; 
	background-image:linear-gradient(to right, #141e59, #141e59 40%, rgba(20, 30, 89, 0.6) 70%, rgba(20, 30, 89, 0.6)); }
.part_bg > *{ position:relative; z-index:2; }


.part_services{ transform: translateY(-2.5vw); margin-bottom: 2.5vw; position: relative; z-index: 2; }
.part_services .list_cards > a{ background:#141e59; color:#fff; padding:0; flex-wrap:wrap; overflow:hidden; }
.part_services .list_cards strong{ width:100%; text-transform:uppercase; padding: 1.25vw 2.5vw 1.25vw 1.25vw; }
.part_services .list_cards div{ width:100%; aspect-ratio:4/3; }
.part_services .list_cards div img{ width: 100%;height: 100%;object-fit: cover;object-position: center; }


.part_choix{ padding:5vw 6.25vw; background-size: 65%; background-position: right center;
	background-image:url('img/dlm-internationals-transport-routier-services.jpg'); }
.part_choix ul{ position:relative; display:flex; text-align:center; }
.part_choix ul li{ position:relative; padding: 0 1.5%; display:flex; justify-content:center; align-items:start; flex-wrap:wrap; width:20%; }
.part_choix ul:after{ content:''; position:absolute;top:0;left:0; width:1px; height:100%; background-color:rgba(255, 255, 255, 0.2); }
.part_choix ul li:after{ content:''; position:absolute;top:0;right:0; width:1px; height:100%; background-color:rgba(255, 255, 255, 0.2); }
.part_choix ul li strong{ display:block; font-style: italic; width:100%; font-weight: 700; font-size: 1.5vw; line-height: 110%; }
.part_choix ul li img{ height: 5vw; margin-bottom: 1vw; }


/*
.part_offre{ padding:5vw 0 5vw 6.25vw; }
.part_offre:before{ content:""; z-index: 3; position: absolute; left:37%;top:0; display: block; height:100%; width:20%; background-image:linear-gradient(to right, rgba(20, 30, 89, 1), rgba(20, 30, 89, 1), rgba(20, 30, 89, 0)); }

#part_offre_nav{ z-index: 4; display:flex; align-items: flex-start; margin-right:6.25vw; }
#part_offre_nav strong{ width: 30%; display:block; margin-right: auto; position: relative; font-style: italic; font-size: 110%; padding-bottom:16px; padding-top: 2px; }
#part_offre_nav strong:after{ content:''; position:absolute;bottom:0;right:0; width:100%; height:4px; background-image:linear-gradient(to right, #fdaf05, #e74670); }
#part_offre_nav .bt{ margin-left:10px; padding: 8px 15px; }

#part_offre_txt{ z-index: 4; float:left; width:40%; margin-top: 5vw; }
#part_offre_txt h2{ font-size: 3.75vw;line-height: 100%;text-transform: uppercase; margin-bottom:20px; }

#part_offre_sld{ z-index: 2; float:right; width:60%; margin-top: 5vw; position:relative; }
#part_offre_sld p{ font-size:160%; font-style:italic; font-weight:700; margin-bottom:10px; text-align: right; }
#part_offre_sld .swiper-slide{ padding-left:22%; padding-right:6.25vw; width:100%; }
*/



.part_av .title_xl:after{ width: 45%; }
.part_av .title_xl strong{ width: 25%; }


.part_actus{ display:flex; gap:1%; margin: 0 1.25vw 5vw 1.25vw; }
.part_actus .part_bg{ width:50%; margin:0; padding: 5vw 6.25vw; align-items: flex-end; display: flex; 
	background-image:url('img/dlm-internationals-transport-routier-europe.jpg'); }
.part_actus .part_bg:after{ background-image:linear-gradient(to top, #141e59, #141e59 10%, rgba(20, 30, 89, 0.4) 70%, rgba(20, 30, 89, 0.2)) }
.part_actus_sld{ width:50%; padding-bottom:5vw; background-image:linear-gradient(to right, #fdaf05, #e74670); border-radius: 2vw;  }
.part_actus_sld > .bt{ position:absolute;top:5vw;right:6.25vw; z-index: 9; }
.part_actus_sld .swiper-button-prev, .part_actus_sld .swiper-button-next{ color:#141e59; width:50px !important; height:50px !important; top:5vw !important; background-color:#fff !important; margin:0 !important; transform:scale(1); transition:all .3s; }
.part_actus_sld .swiper-button-prev:hover, .part_actus_sld .swiper-button-next:hover{ transform:scale(1.05); }
.part_actus_sld .swiper-button-prev:after, .part_actus_sld .swiper-button-next:after{ display:none !important; }
.part_actus_sld .swiper-button-prev{ left:6.25vw !important; border-radius:50px 0 0 50px; }
.part_actus_sld .swiper-button-next{ left:calc(6.25vw + 52px) !important; border-radius:0 50px 50px 0; }


.actuwrap{ display:flex; flex-wrap: wrap; gap:2%; margin:0 1.25vw 0 1.25vw; }
.actu{ min-height:25vw; width:32%; position:relative; margin-bottom:2vw; }
.actu.swiper-slide{ width:100%; margin-bottom:0; }
.actu_img{ width:100%;height:25vw; position:absolute;top:0;left:0; z-index:1; border-radius:2vw; background-size:cover; background-position:center; }
.actu_txt{ position:relative;z-index:2; background:#fff; border-radius: 1vw; margin: 15vw 2.5vw 0 2.5vw; padding:2.5vw; transition:all .6s; }
.actu.swiper-slide .actu_txt{ transform: translateX(2.5vw); opacity:0; margin:15vw 6.25vw 0 6.25vw; }
.actu.swiper-slide-active .actu_txt{ transform: translateX(0); opacity:1; }
.actu_txt strong{ font-size: 160%;line-height: 110%;font-style: italic;margin-bottom: 15px;display: block; }
.actu_txt p{font-size: 95%; margin-bottom: 15px;}
.actu_txt span{ font-size: 100%;line-height: 110%; font-weight:700; font-style: italic;margin-bottom: 20px; }
.actu_txt .bt{ margin-left:15px; }


.part_faq .centerdiv{ display:flex; gap:5%; }
.part_faql{ width:60%; }
.part_faqr{ width:40%; }


.part_pays .title_xl h2{ width:100%; }

.pays_wrap{ display:flex; }
.pays_fr{ width:20%; text-decoration: none; background: #141e59; color: #fff; border-radius: 1vw; box-shadow: 0 0 1vw rgba(0, 0, 0, 0.1); padding: 2.5vw; 
	display: flex; flex-direction: column; justify-content: space-between; transform:scale(1); transition:all .3s; }
.pays_fr strong{ font-style:italic; font-size: 105%; display: block; margin-top: 2.5vw; }
.pays_fr:hover, .pays_fr:focus{ text-decoration:none; color:#fff; transform:scale(1.025); }

.pays_eu{ width:80%; background: #ffffff; border-radius: 1vw; box-shadow: 0 0 1vw rgba(0, 0, 0, 0.1); 
	display:flex; padding: 2.5vw  0 2.5vw 2.5vw; }
.pays_eu_col{ width:25%; position:relative; }
.pays_eu_col:after{ content:''; position:absolute; right:2.5vw;top:0;height:100%; width:1px; background-color:rgba(20, 30, 89, 0.2); }
.pays_eu_col:last-child:after{ display:none; }
.pays_eu strong{ font-style:italic; font-size:95%; margin-bottom: 20px; display:block; }
.pays_wrap ul{ display:block; }
.pays_wrap ul li{ display:block; font-weight:300; font-size:105%; }
.pays_wrap ul li a, .pays_wrap ul li span{ display: flex; align-items: center; margin-top: 7px; font-size: 105%; text-decoration:none; }
.pays_wrap ul li img{ height: 28px; width: 37px; border-radius: 4px; margin-left:0; margin-right:12px; transition:all .3s; }
.pays_wrap ul li a:hover{ text-decoration:none; color: #141e59; }
.pays_wrap ul li a:hover img{ margin-left:5px; margin-right:7px; }
.pays_wrap .pays_fr ul li a{ color:#fff }
.pays_wrap .pays_fr ul li a:hover{ color: #fff; }
.pays_wrap .pays_fr ul li img{ border: 1px solid #fff; }

#nav_pays .pays_fr, #nav_pays .pays_eu{ box-shadow:none; }


.deplbt{ display:block; font-size:120%; font-weight:700; font-style: italic; position:relative;
	width:100%; padding:15px 50px 15px 30px; margin-top: 10px; text-decoration:none;
	background: #fff; border-radius: .75vw; box-shadow:0 0 .75vw rgba(0, 0, 0, 0.1);
	transform:scale(1); transition: all .3s;
}
.deplbt svg{position:absolute;top:calc(50% - 7px); color:#1A1A1A; right:20px; transition:all .2s; transform:rotate(0deg);}
.deplbt.open svg{ transform:rotate(180deg); }
.deplbt:hover, .deplbt:focus{ text-decoration:none; color:#141e59; transform:scale(1.025); }
.deplbt:hover svg, .deplbt:focus svg{ color:#141e59; }
.depltxt{ display:none; padding:15px 50px 25px 30px; }


.part_avis .centerdiv{ margin-bottom:calc(5vw - 20px); }
.part_avis .centerdiv{ padding-top:calc(5vw - 20px); }
.part_avis .centerdiv:after{ content:''; position:absolute;top:0;right:0; width:100%; height:4px; background-image:linear-gradient(to right, #fdaf05, #e74670); }



/********************************************************************** PAGE */
.contenu h1, .contenu h2, .contenu h3, .contenu h4, .contenu h5{ margin-top:20px; margin-bottom:20px; }
.contenu h1, .contenu h2{ padding-right: 10%; font-size: 3.5vw; line-height: 100%; text-transform: uppercase; }
.contenu p{ margin-bottom:10px; line-height:150%; font-size:105%; }
.contenu img{ margin-bottom:20px; margin-top:20px; border-radius:2vw; max-width:100%; height:auto; display:block; }
.contenu blockquote{ font-size:160%; font-style:italic; font-weight:700; margin-bottom:20px; margin-top:20px; line-height:130%;}
.contenu blockquote p{ line-height: 130%; font-size: 100%; }
.contenu ul{ margin-bottom:10px; list-style-type:square; margin-left:18px; }
.contenu ul ul{ margin-top:5px; margin-bottom:0; }
.contenu ul li{ margin-bottom:5px; line-height:130%; font-size:105%; }
.contenu > *:first-child{ margin-top:0; }
.contenu > *:last-child, .contenu > *:last-child .bt{ margin-bottom:0; }
.contenu .bt{ margin:10px 20px 20px 0; }

.single-post .contenu h2{ font-size:220%; text-transform:none; }

.page_eltxtimg + .page_eltxtimg{ margin-top: -5vw; }
.page_eltxtimg .centerdiv{ display:flex; align-items: center; }
.page_eltxtimg.revert .centerdiv{ flex-direction: row-reverse; }
.bloctxt{ width:50%; padding-right: 5vw; padding-top:30px; padding-bottom:30px; }
.page_eltxtimg.revert .bloctxt{ padding-right: 0; padding-left: 5vw; }
.blocimg{ width:50%; border-radius: 2vw; overflow: hidden; }
.blocimg img{width: 100%;height: 100%;object-fit: cover;object-position: center; }


.page_eltxttxt{ display:flex; justify-content:space-between; padding:5vw 6.25vw; }
.page_eltxttxt .first{ width:50%; }
.page_eltxttxt .last{ width:35%; }


.page_elpha{ margin-right:7.5vw;margin-left:7.5vw; padding:5vw 10vw; color:#fff; background-image:linear-gradient(to right, #fdaf05, #e74670); border-radius:50vw; }
.page_elpha p{ margin-bottom:20px; line-height:150%; font-size:105%; width:75%; }
.page_elpha strong{ font-size: 3.5vw; line-height: 100%; font-weight:700; font-style: italic; text-transform: uppercase; }


/********************************************************************** PAYS */
.pays-template-default .page_eltxttxt .first{ width: 70%; }
.pays-template-default .page_eltxttxt .last{ width: 25%; }
.pays-template-default .page_ellisticn .title_xlr h2{ padding-left: 5%; }

#part_1 .blocimg{ overflow: initial; }
#part_1 .blocimg > img{ border-radius: 2vw; }
.dest_pays{ position:absolute; top:2.5vw;left:-2vw; width: 65%; }
.dest_pays > div{ background:#fff; border-radius:1vw; margin-bottom:.5vw; padding:1vw 1.25vw 1vw 1.25vw; font-size: 1.1vw;
	display:flex; justify-content:space-between; align-items:center; box-shadow: 0 0 1vw rgba(0, 0, 0, 0.1); }
.dest_pays img{ border-radius:4px; height:2vw; width: 3vw; margin-right:.75vw; margin-left:.75vw; }
.dest_pays svg{ font-size: 1.25vw; }


/********************************************************************** FOOTER */
#footer{ display:flex; gap:5%; align-items:center; position:relative; margin:1.25vw; padding:3.75vw; border-radius: 2vw; color:#fff;
	background-color:#141e59; background-size:cover; background-position:center; background-repeat:no-repeat; background-image:url('img/dlm-internationals-transport-routier.jpg'); }
#footer:after{ content:''; position:absolute; inset:0; z-index:1; display: block; border-radius: 2vw; background-image:linear-gradient(rgb(20, 30, 89), rgba(20, 30, 89, 0.8), rgba(20, 30, 89, 1)); }

#footer p{ margin-top:20px; max-width:400px; font-weight: 500; font-style: italic; font-size: 90%; }
#footer > div, #footer ul, #footer .bt{ position:relative; z-index:2; }
#footer ul li{ margin:10px 0; color:#fff; font-weight:600; }
#footer ul li a{ color:#fff; text-decoration:none; transition:all .3s; }
#footer ul li a:hover{ color:#e85937; text-decoration:none; }
#footer ul li svg{ color:#e85937; margin-right:4px; position:relative; top:1px; }
#footer .bt{ margin-left:auto; position:relative; z-index:2; }


#footbot{ text-align:right; padding:0 5vw 1.25vw 5vw; }
#footbot li{ display:inline-block; padding-left:20px; }
#footbot li a{ text-decoration:none; font-size:90%; font-weight:500; color:#8a93bc; transition:all .3s; }
#footbot li a:hover{ text-decoration:none; color:#141e59; }


/********************************************************************** FORM */
form button, input, select, textarea{margin:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
form button{width:auto;overflow:visible;}
input[type="reset"], input[type="submit"], input[type="file"], input[type="radio"], input[type="checkbox"], select, button{cursor:pointer;}
input[type="radio"], input[type="checkbox"]{ margin-right: 5px;}
input[type="search"]{-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
:invalid{box-shadow:none;} :-moz-submit-invalid{box-shadow:none;} :-moz-ui-invalid{box-shadow:none;}
::-webkit-input-placeholder{color:#C0C0C0;}
:-moz-placeholder{color:#C0C0C0;}
:-ms-input-placeholder{color:#C0C0C0;}
audio:not([controls]){display:none;height: 0;}

label, .label{display:block; margin-left:0; font-size:100%;cursor:pointer; margin-bottom:5px; font-style: italic; font-weight:600; color:#141e59;}

input[type=text], input[type=email], input[type=tel], input[type=date], textarea, select
{
	font-family: "Kanit", sans-serif; font-size:100%;border:none;margin-bottom:10px; border:2px solid #babdcf;
	color:#111;border-radius:0;padding:10px !important;width:100%;background-color:#fff;
	transition:all .2s;
}

input[type=submit], form button
{
	font-family: "Kanit", sans-serif; font-size:100%; font-weight:600; font-style: italic; 
	width:auto !important; cursor:pointer; color:#fff; display:inline-block; margin:0; margin-top:20px;
	text-align:center; padding:15px 50px;border:none; background-image: linear-gradient(to right, #fdaf05, #e74670);
	transform: scale(1.0); transition:all .3s; border-radius:30px;
}

select{ height:50px; }

textarea{ height:80px; }

input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=tel]:hover, input[type=tel]:focus, input[type=date]:hover, input[type=date]:focus, textarea:hover, textarea:focus
{ outline:none; border-color:#e85937; }
input[type=submit]:hover, input[type=submit]:focus, form button:hover, form button:focus
{ outline:none; transform: scale(1.05);}


.wpcf7-checkbox .wpcf7-list-item{ margin: 15px 0 0 0; }

div.wpcf7-response-output{width:100%;padding:10px 10px !important;margin:0 !important;clear:both;font-size:14px; font-weight:500; background-color:#548b37;color:#fff; border:0 !important;}
.wpcf7 form.invalid .wpcf7-response-output{background-color:#d7b026;}
.wpcf7-validation-errors{background-color:#a13434;color:#6B630B;}
.wpcf7-mail-sent-ok{background-color:#548b37;color:#fff;}
span.wpcf7-not-valid-tip{top:-4px;left:0;display:block;font-size:14px;position:relative;padding:10px 10px;background-color:#d7b026;color:#fff;border:none;margin:0 0 6px 0;}
span.wpcf7-not-valid-tip:after{position:absolute;float:right;content:'';width:0;height:0;border-color:transparent transparent #d7b026 transparent;border-style:solid;border-width:6px;top:-12px;left:25px;}
span.wpcf7-not-valid-tip-no-ajax{margin:-15px 0 13px 0}


/********************************************************************** PAGINATION */
ul#pagination{clear:both;overflow:auto;font-size:87.5%;color:#111;margin:0;padding-top:30px;list-style:none;margin-bottom:-4px;font-weight:bold;}
ul#pagination li{margin:0;}
ul#pagination li a, ul#pagination .pagnolink, ul#pagination .activePage{float:left;margin:0 4px 4px 0;color:#111;display:block;position:relative;background-color:#F5F5F5;padding:6px 10px;overflow:hidden;text-decoration:none;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;}
ul#pagination li a:hover, ul#pagination li a:focus{text-decoration:none;background-color:#D2D2D2;color:#111;}
ul#pagination .activePage{font-weight:bold;background-color:#989898;color:#fff;}
ul#pagination .pagnolink, ul#pagination .activePage{cursor:default;}
ul#pagination li.pagprev a, ul#pagination li.pagnext a{padding:6px 10px;}


/********************************************************************** GALERIE */
.gallery img{border:0 !important;margin-bottom:0 !important;display:block !important;padding:0 1px !important;width:100% !important;}
.gallery .gallery-item {margin-top:2px !important;}


/********************************************************************** RWD */
@media (max-width:1160px){

	.centerdiv{ width:95%; }

	#logo{ margin-top:70px; }
	#logo img{width: 300px; }
	.home #header h1{ margin-top:5.25vw; }

	.pays_wrap ul li a, .pays_wrap ul li span{ font-size: 95%; }
	#nav .pays_wrap ul li a, #nav .pays_wrap ul li span{ font-size: 90%; margin-top: 9px; }
	.pays_wrap ul li img{ height: 25px;width: 33px;margin-right: 8px; }
	#nav .pays_wrap ul li img{ height: 20px;width: 24px;margin-right: 7px; }
	#nav .pays_eu_col:after{ display:none; }

	.part_av .title_xl strong{ width: 45%; }
	.list_cards strong, .list_cards h3{ font-size: 2.5vw; }

	#footer div img{ width: 300px; }
	#footer p{ max-width: 300px; }

}


@media (min-width:980px){

	/* NAV */
	a#showmenu{display:none;}

	#showmenunav{ position:relative; }
	#showmenunavline{ position:absolute; z-index:5; width:100px; height:0px; background-color:#e85937; bottom:0px;left:0; transition:all .3s; }

	#nav{ position: fixed; z-index:999; box-shadow: 0; padding-top:1.25vw; right: 5vw;top:0; background-color:#fff; border-radius:0 0 1vw 1vw; padding-right:0; padding-left:15px; transition:all .3s; }
	#nav.scroll{ padding-top:0; box-shadow: 0 0 1vw rgba(0, 0, 0, 0.2); }
	.admin-bar #nav{ top:32px; }
	#nav ul.menu{display:block;}
	#nav ul.menu > li{ display:inline-block; }
	#nav ul.menu > li > a{ text-decoration:none; color:#141e59; display:block; font-size:100%; font-weight:600; padding:15px 12px 17px 12px; transition:all .3s; }
	#nav ul.menu > li > a:hover, #nav ul.menu li > a:focus{color:#e85937; text-decoration:none;}
	#nav ul.menu > li.current-menu-item > a, #nav ul.menu > li.current-menu-parent > a{ color:#e85937; text-decoration:none;}
	
	#nav ul.menu svg.fa-linkedin{ transform:scale(1.5); }

	#nav ul li.menubt a{ position: relative; z-index: 7; background-image: linear-gradient(to right, #fdaf05, #e74670); color:#fff !important; border-radius:1vw 0 1vw 1vw; margin-left:10px; padding-right:25px;padding-left:25px; transform: scale(1); transform-origin: 100% 0%; transition:all .3s; }
	#nav ul li.menubt a:hover, #nav ul li.menubt a:focus{ color:#fff !important; transform: scale(1.1); }
	#nav.scroll ul li.menubt a{ border-radius:0 0 1vw 1vw; }

	#nav .menu .sub-menu{padding-top:0px;visibility:hidden;opacity:0;border-radius: 1vw;background-color:#fff;box-shadow:10px 10px 40px rgba(0, 0, 0, 0.15);position:absolute;top:57px;left:50%;margin-left: -105px;z-index:99;min-width:210px;outline:none; transition:all .4s;}
	#nav .menu .sub-menu:before{content: "";position:absolute;top:-8px;left:50%;margin-left:-12px;width:0;height:0;border-style:solid;border-width:0 12px 12px 12px;border-color:transparent transparent #fff transparent; }
	#nav .menu .sub-menu li{display:block;margin: 0 15px;border-bottom:1px solid rgba(20, 30, 89, 0.12);}
	#nav .menu .sub-menu li:first-child{border-radius:1vw 1vw 0 0;}
	#nav .menu .sub-menu li:last-child{border-radius:0 0 1vw 1vw;border-bottom:0;}
	#nav .menu .sub-menu li:after{display:none;}
	#nav .menu .sub-menu a{ text-decoration:none; color:#141e59; display:block; font-size:100%; font-weight:600; padding:15px 12px 17px 12px; transition:all .3s;
		width:100%;text-align:center;padding:10px 5px 10px 5px;text-transform:none;}
	#nav .menu .sub-menu .current-menu-item a{font-weight:700;}
	#nav .menu .sub-menu li:first-child a{padding-top:15px;}
	#nav .menu .sub-menu li:last-child a{padding-bottom:15px;}
	#nav .menu .sub-menu a:after{display:none;}
	#nav .menu .sub-menu a:hover, #nav .menu .sub-menu a:focus{color:#e85937;}

	#nav .menu-item-has-children{position:relative;outline:none !important;}
	#nav .menu-item-has-children > a{padding-right:26px !important;}
	#nav .menu-item-has-children > a:before{content: "";top:23px;right:12px;position:absolute;display:block;width:0;height:0;border-style:solid;border-width:6px 4px 0 4px;border-color:#141e59 transparent transparent transparent;}

	#nav .menu-open > .sub-menu{opacity:1;top:62px;visibility:visible;}

	/* NAV BIG */
	#nav_payswrap, #nav_serviceswrap{ display:none; }
	.navbig{ visibility:hidden;opacity:0; position:absolute; z-index:9; width:90vw; top:37px; right:0; padding-top:15px; transition:all .2s; }
	.navbig_ctn{ background: #fff; border-radius: 1vw; padding: 2.5vw; position:relative; }
	.navbig_arrow{ position:absolute;top:7px;right:0;margin-right:-12px;
		width:0;height:0;border-style:solid;border-width:0 12px 12px 12px;border-color:transparent transparent #fff transparent; }
	.navbig.open{ visibility:visible;opacity:1; top:47px; }

	#nav_services .navbig_ctn{ display:flex; }
	#nav_services a{ width:20%; display:block; text-decoration:none; position:relative; }
	#nav_services a:before{ content:''; position:absolute; left:0;top:0;height:100%; width:1px; background-color:rgba(20, 30, 89, 0.2); }
	#nav_services a:last-child:after{ content:''; position:absolute; right:0;top:0;height:100%; width:1px; background-color:rgba(20, 30, 89, 0.2); }
	#nav_services a strong{ display: block; width: 100%;text-transform: uppercase;padding:0 2.5vw 1.25vw 1.25vw;font-style: italic;font-weight: 700;font-size: 1.5vw;line-height: 110%; transition:all .3s; }
	#nav_services a div{ width: 100%; aspect-ratio: 4/3; }
	#nav_services a div img{ width: 100%;height: 100%;object-fit: cover;object-position: center; }

	#nav_overlay{ visibility:hidden; opacity:0; position:fixed; z-index:990; inset:0; transition:all .3s;
		background-image:linear-gradient(to top, #141e59, rgba(20, 30, 89, 0.8));
	}
	#nav_overlay.top{ background-image:linear-gradient(to top, #141e59, rgba(20, 30, 89, 0.8) 75%, rgba(20, 30, 89, 0) 95%, rgba(20, 30, 89, 0)); }
	#nav_overlay.open{ visibility:visible; opacity:1; }
	
}


@media (max-width:980px){

	h2{ font-size: 180%; text-transform:uppercase; }
	h3{ font-size: 160%; text-transform:none; }
	.centerdiv{ width:90%; }
	#cookie-notice .cookie-notice-container{padding: 5vw 10vw !important;}

	/* NAV */
	#navbot{ display:none; }

	a#showmenu{padding:22px 9px;display:block;z-index:9999999;position:absolute;top:10vw;right:0;}
	#showmenu:before, #showmenu:after{content:"";position:absolute;display:block;width:28px;height:2px;
		background:#fff;border-radius:4px; transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s; }
	#showmenu:before{margin-top:-9px;}
	#showmenu:after{margin-top:8px;width:14px;right:10px;}
	#showmenu div{width:28px;height:2px;background:#fff;border-radius:4px;}
	
	#showmenu.close{position:fixed; right:5vw; }
	#showmenu.close div{opacity:0;background:#fff;}
	#showmenu.close:before, #showmenu.close:after{margin:0;background:#fff;}
	#showmenu.close:before{margin-top:0px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	#showmenu.close:after{margin-top:-2px;width:28px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

	#showmenu:hover div, #showmenu:hover:before, #showmenu:hover:after, #showmenu:focus div, #showmenu:focus:before, #showmenu:focus:after
	{background:#e85937;}

	#showmenunav{opacity:0;visibility:hidden; padding:20vw 10vw calc(20vw - 10px) 10vw; box-shadow: 0 0 0 20vw rgba(0, 0, 0, 0.8); position:fixed;z-index:999; top:0;left:20vw;right:0;bottom:0;height:100%; overflow-y:scroll; transition:all .2s;background:#141e59; color:#fff; }
	.open #showmenunav{opacity:1;visibility:visible;left:15vw;}
	#showmenunav .menu{ padding-bottom:calc(5vw - 10px);margin-bottom:5vw; border-bottom:2px solid rgba(255, 255, 255, 0.2); }
	#showmenunav .menu li a{color:#fff; font-size:150%; padding:0; margin-bottom:10px; display: block;text-decoration: none;transition:all .2s; }
	#showmenunav .menu li a:hover, #showmenunav .menu li a:focus{color:#fff; text-decoration: none;}
	#showmenunav .menu li a .fa-caret-down{ font-size:85%; margin-left: 3px; transform: rotate(0); transition:all .3s; }
	#showmenunav .menu li a.open .fa-caret-down{ transform: rotate(180deg); }

	#navbotul li{ display:block; margin-bottom:10px; }
	#navbotul li a{ color:#fff; text-decoration:none; }
	.bt_google{ margin-top:calc(5vw - 10px); }

	.navbig{ display:none;padding-bottom: 10px; }
	#nav_services a{ display:flex !important; flex-direction: row-reverse; justify-content: flex-end; align-items:center; }
	#nav_services a div{ width:28px;height:28px; margin-right: 7px; border-radius:3px; overflow: hidden; }
	#nav_services a div img{ width: 100%;height: 100%;object-fit: cover;object-position: center; }
	#nav_services a strong{ font-weight: 300; font-size: 80%; }

	#nav .pays_fr strong{ display:none; }
	#nav .pays_fr, #nav .pays_eu{ padding: 0 !important;background:transparent; }
	#nav .pays_eu strong{ margin-bottom:10px !important; }
	#nav .pays_wrap ul{ display:block !important; margin-bottom:10px !important; }
	#nav .pays_wrap ul li{ width:100% !important;font-size: 150% !important; }
	#nav .pays_wrap .pays_fr ul li{ font-size: 100% !important; }
	#nav .pays_wrap ul li img{ height: 22px; width: 28px; border-radius:3px }
	#nav .pays_wrap ul li a, #nav .pays_wrap ul li span{ margin-top: 0 !important; display: flex; align-items: center; font-size: 80%; color:#fff; }
	#nav .pays_wrap ul li a:hover img{ margin-left:0; }
	#nav .pays_fr:hover, #nav .pays_fr:focus{ transform:scale(1); }


	/* HEAD */
	#logo{ margin-top: 10vw; }
	#logo img{ width: 55vw; max-width:250px; }

	#header{ margin-bottom:10vw; }
	.home #header{ margin-bottom:5vw; }
	#header h1, .home #header h1{ font-size: 7.5vw; margin: 5vw 0 2.5vw 0; }
	#head_st{ position:relative; display: block; right:inherit;bottom:inherit; padding:calc(2.5vw + 3px) 0 0 0; margin-bottom:6.25vw; width:100%; font-size: 100%; }
	#head_st:after{ height: 3px; bottom:inherit;top:0; }


	/* HOME */
	.part{ margin-bottom:10vw; }

	.part_services{ transform: translateY(0);margin-bottom:8.75vw; }
	.part_services .centerdiv{ width: 97.5%; }

	.list_cards{ display:block; }
	.list_cards strong, .list_cards h3{ font-size: 140%; }
	.list_cards_icn.list_cards strong, .list_cards_icn.list_cards h3{ padding-right:15%; }
	.list_cards > div, .list_cards > a, .list_cards > li{ width:100%; padding: 5vw; margin-bottom: 1.25vw; }
	.list_cards_icn img{ height: 8vw; top: 4vw; right: 5vw; }
	.part_services .list_cards > a{ padding:0; }
	.part_services .list_cards strong{ width:75%; font-size: 105%; padding:2.5vw 2.5vw 2.5vw 3.75vw; }
	.part_services .list_cards > a div{ width:25%; aspect-ratio: 5/3; }

	.title_xl{ margin-bottom:20px;padding-bottom:20px; }
	.title_xl:after{ height: 3px;width: 100%;bottom: 0; }
	.title_xl h2{ font-size: 180%; line-height: 110%; padding-right:0; width:100%; }
	.title_xl p{ width:100%;padding:0;font-size: 100%;line-height: 130%; }
	.title_xl strong{ margin-top: 20px; padding:0; text-align:left; position:relative; display:block; width: 100%;bottom: inherit; font-size: 100%; }
	.title_xlr{ text-align:left; }
	.title_xlr h2{ padding-left:0%;margin-left:0%; }

	.pays_wrap{ display: block; }
	.pays_fr, .pays_eu{ display:block; width:100%; border-radius: 2vw; padding: 5vw; }
	.pays_fr{ margin-bottom:5vw; }
	.pays_eu_col{ width:100%; }
	.pays_eu strong{ font-size: 100%; margin-bottom:8px; }
	.pays_wrap ul{ margin-bottom:20px; display:flex; gap:2%; flex-wrap:wrap; }
	.pays_wrap ul li{ width:49%; }
	.pays_eu_col:after{ display:none; }

	.part_bg{ margin: 0 1.25vw 10vw 1.25vw; padding: 10vw 3.75vw; }
	.part_av .title_xl strong{ width: 100%; }
	.part_av .title_xl:after{ width:100%; }
	.part_choix{ padding: 10vw 3.75vw calc(10vw - 20px) 3.75vw; background-size:cover; }
	.part_choix ul{ flex-wrap:wrap; }
	.part_choix ul:after{ display:none; }
	.part_choix ul li{ width: 33.33%; margin-bottom:20px; }
	.part_choix ul li:nth-child(3):after, .part_choix ul li:nth-child(6):after{ display:none; }
	.part_choix ul li img{ height:9vw;margin-bottom: 2.5vw; }
	.part_choix ul li strong{ font-size: 3vw; }

	.part_actus{ display:block; }
	.part_actus .part_bg{ width: 100%;padding: 10vw 3.75vw; margin-bottom:10vw; }
	.part_actus_sld{ width: 100%; border-radius: 4vw; }

	.actuwrap{ display:block; }
	.actu{ width: 100%; min-height: 65vw; padding-top: 35vw; margin-bottom:5vw; }
	.actu.swiper-slide{ margin-bottom:0; padding-top: 0; }
	.actu_img{ height: 65vw; border-radius: 4vw; }
	.actu_txt{ margin:0 3.75vw 0 3.75vw; padding: 5vw; border-radius: 2vw; }
	.actu.swiper-slide .actu_txt{ margin: 40vw 3.75vw 0 3.75vw; }
	.actu_txt strong{ font-size: 120%;margin-bottom: 10px; }
	.actu_txt p{ margin-bottom: 10px; }
	.actu_txt .bt{ padding: 10px 20px; }

	.part_faq .centerdiv{ display:block; }
	.part_faql{ width:100%; margin-bottom:10vw; }
	.part_faqr{ width:100%; }

	.deplbt{ font-size: 100%; padding: 15px 45px 15px 15px;border-radius: 1.5vw; box-shadow: 0 0 1.5vw rgba(0, 0, 0, 0.1); }


	/* PAGE */
	.contenu h1, .contenu h2{ font-size: 7.5vw; padding-right:0; }
	.single-post .contenu h2{ font-size: 7.5vw; }
	.contenu p{ line-height: 130%; font-size: 100%; }

	.wrapclmn{ display:block; }
	.clmn{ width: 100%; }
	.clmn_form{ background:transparent;padding:0;box-shadow:none; }

	.page_eltxtimg .centerdiv{ display:block; }
	.bloctxt{ width:100%; margin-bottom:10vw; padding-right:0;padding-top:0px;padding-bottom:0px; }
	.blocimg{ width: 100%; margin-bottom:10vw; border-radius: 4vw; }
	.page_eltxtimg.revert .bloctxt{ padding-left: 0; }
	.page_elpha{ border-radius: 4vw;margin-right: 1.25vw;margin-left: 1.25vw;padding: 10vw 3.75vw; }
	.page_eltxttxt{ display:block; }
	.page_eltxttxt .first{ width:100%; margin-bottom: 20px;}
	.pays-template-default .page_eltxttxt .first{ width: 100%; }
	.page_eltxttxt .last{ width:100%; }

	#header h1 .h1flag{ height: 6vw;width: 9vw; top: -0.6vw; }

	.dest_pays{ width: 65%;top: 5vw; }
	.dest_pays > div{ border-radius:2vw;margin-bottom:1vw;padding: 2vw 2.5vw 2vw 2.5vw;font-size: 2.5vw; font-weight:600; }
	.dest_pays svg{ font-size: 2.5vw; }
	.dest_pays img{ border-radius:3px;height: 4vw;width: 6vw;margin-right: 1.5vw;margin-left: 1.5vw; }


	/* FOOTER */
	#footer{ display:block; padding:10vw 3.75vw;margin:10vw 1.25vw 5vw 1.25vw; }
	#footbot{ padding: 0 5vw 10vw 5vw; }
	#footer div img{ width: 55vw; max-width: 250px; }
	#footer p{ max-width:100%; }
	#footer ul{ margin-top:10px; }
	#footer .bt{ margin-top:10px; }


}