@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');
@font-face {
    font-family: 'icons';
    src: url('icons.ttf') format('truetype')
}

*{margin:0;box-sizing: border-box}
body,input,select,textarea{font-family: 'Raleway', sans-serif;font-weight: 300;}


.flex{display: flex;justify-content: space-between}
.c{margin: 0 auto;width:1200px}
.cc{margin: 0 auto;width:900px}
.page_page{margin: 100px auto 0;width:960px}

header{padding: 0 20px;}
.head .icon{text-transform: none;margin-right: 7px}
.head form{padding: 5px}
.head form input{padding: 0;border: none;background-color: transparent}
.head form input[type=submit]{margin-right: 0!important;font-size: 1.2em;cursor: pointer;}
.logo{height: 50px;}
.head .act{margin-right: 18px;position: relative;}
.head .act:last-child{margin-right: 0;}
.head .act .icon{font-size: 1.4em!important;}
.head .notif{position: absolute;font-size: .7em;width: 16px;height: 16px;border-radius: 8px;text-align: center;left: 13px;top:-4px}

.head .av{width: 40px;height: 40px;border-radius: 25px;object-fit: cover}
.head .avatar{width:50px; height: 50px;object-fit: cover;border-radius: 25px; margin-bottom: 10px;}
.head .conn{padding: 8px 0;position: relative;}
.head .conn li{cursor: pointer;}
.head .conn ul{display: none;position: absolute;top: 100%;right:0;border-top-width: 0;z-index: 9000;padding: 10px 0;min-width: 250px;}
.head .conn:hover ul{display: block;}
.head .conn ul li a{padding: 8px 30px;cursor: pointer;display: block;font-weight: 400;font-size: .9em;}
.head .conn ul li a .icon{margin-right: 10px;font-size: 1.1em;}


header ul{display: flex}
header ul li a{color:#fff;padding: 15px 20px;display: inline-block;font-weight: 400;font-size: 0.9em}
header ul ul{position: absolute;top: 100%;padding: 15px;display: none;min-width: 200px;}
header nav{margin-bottom: -1px;}
header nav ul{padding:0;justify-content: center;}
header nav ul li a{color: #fff;padding: 18px 20px;}
header nav ul li a:hover{color: #ccc}

.trait{border-right: 2px solid #999;margin-right: 0px;margin-left: -20px;}

.caroussel{width: 100%;height: 700px;z-index: 6000;position: relative;overflow-y: visible;}
.caroussel .slider{transition: 0.4s ease;display: flex}
.caroussel .child{position:relative;display: flex;justify-content:center;flex-wrap: wrap}
.caroussel .child img{position:absolute;width:100%;height:100%;object-fit: cover;}
.caroussel .child div{position:relative;color: #fff;}
.caroussel h1{margin: 0 auto;font-weight:500;;margin-bottom: 20px;display: block}

.srch{margin:0 auto; z-index: 9000;position: relative;width: 100%;}
.srch form{width: 100%;margin-top: 40px;display: flex;flex-wrap: wrap;position: relative;border-radius: 8px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.srch form input{width:calc(100% - 78px);padding: 12px 30px;font-size: 1.4em;border-radius: 8px 0 0 8px;border:none}
.srch form span{padding: 15px 5px;font-size: 2em;border-radius: 8px;width: 55px; height: 55px;text-align: center;}

.search_results{display: none;position:absolute;width: 60%;background: #fff;padding: 10px;margin-top: 75px;border-radius: 10px;box-shadow: 0 0 5px rgba(0,0,0,.2);}
.search_results li{list-style: none;margin: 20px 0;}
.search_results .elements a{color: #333;}

.masq{position: absolute;width: 100%;height: 600px;left: 0;top:0;bottom:0;}

.caroussel .icon{cursor: pointer;font-size: 1.7em;}
.caroussel .slider img{object-fit: contain;}
.caroussel .shape, .profile .shape{position: absolute;bottom: 0;width: 100%; }
.profile .shape{height: 100%;}
.car-btns{position: absolute;bottom: 20px;right: 20px;}
.car-btns span{border-radius: 8px;}

.btn2{padding: 18px 22px;font-weight: 400;cursor: pointer;border-radius: 8px;font-size: .9em;}
.btn{padding: 12px 20px;font-weight: 400;cursor: pointer;border-radius: 10px!important;font-size: .9em;}
.btn .icon, .btn.icon{text-transform: none;}

h2, h3{font-size: 1.8em;margin-bottom: 20px;font-weight: normal;}

.ovh{overflow: hidden;}
table{border-collapse: collapse;border-radius: 8px;}

.tag{display: inline-block;border-radius: 30px; margin-right: 10px;margin-bottom: 10px;font-size: 1.1em;border-width: 1px;border-style: solid;padding: 6px 15px}

//.c0 div:first-child{height: 520px;}
.c0 img{border-radius: 10px;position: absolute;top: 0;height: 500px;object-fit: cover;}
.c0 .front{top: 30px}

.c1{padding: 100px 0;}
.c1 .cats a{height: 160px;position: relative;border-radius: 8px;overflow: hidden;}
.c1 .cats a:hover .span{height:100%}
.c1 img{width: 100%;height:100%;object-fit: cover;}
.c1 .span{color: #fff;text-align: center;font-weight: 500;position: absolute;height: 30%;bottom: 0;left: 0;right: 0;z-index: 400;padding: 60px 0 20px;background: linear-gradient(-180deg,rgba(42,24,47,0), rgba(42,24,47,.7),rgba(42,24,47,1));transition: 0.3s ease-in-out;}
.c1 .cats span{color: #fff;text-align: center;font-weight: 500;position: absolute;bottom: 0;left: 0;right: 0;z-index: 400;padding: 60px 5px 20px;}

.logo-fiparco{padding: 205px 0;position: relative; left: 70%;}


.c3 .c_div{border-radius: 8px;}
.c3 .c_div img{border-radius: 8px; height: 400px;object-fit: cover;}
.c3 .c_div p{display: block;}
.c3 .c_div a{margin-right: 10px;box-shadow: 0 0 3px rgba(0,0,0,.2);}

.c4{background-size: 100%;background-attachment: fixed;}
.c4 .back{background-color:rgba(22,21,20,.9)}
.c4 .col-6 div{padding: 0 20px;}
.c4 .col-6 div img{width: 150px;height: 150px;object-fit: cover;margin: 20px 0;display: block;clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);}
.c4 .col-6 div span{display: block;margin-bottom: 5px;}

.c4 .number{font-weight: 700;}

.c5 img{border-radius: 200px;border: 7px solid #43b9fc;width: 400px;height: 400px;object-fit: cover;}
.c6{position: relative;}
.c6 .shape{position: absolute;top:0;width: 100%;left: 0;right: 0;transform: rotate(-180deg);}

.article{border-radius: 8px;position: relative;}
.article > img{width: 100%;height: 300px;object-fit: cover;border-radius: 10px;margin-bottom: 10px;}
.article .title{display: block;margin-bottom: 10px;}
.article .price{font-weight: 600;}
.article p{font-size: 0.9em}
.article .badge{position: absolute;top: 15px;right: 15px;border-radius: 20px;padding: 2px 8px;font-size: .9em;}

.freelancer{padding: 20px;border-radius: 10px;text-align: center;color: #111}
.freelancer .name{display: block;font-weight: 600;}
.freelancer img{width: 180px; height: 180px;clip-path: circle(50% at 50% 50%);margin-bottom: 20px;}

.formation{border: 1px solid #999;padding: 20px;border-radius: 10px;}

.rating span:not(.rate){width: 20px;height: 20px;clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);}
.rating2 span:not(.rate){width: 15px;height: 15px;clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);}

.user_info{display: flex;align-items: center;padding:10px 0;font-weight: 500;color: #333;}
.user_info .name{font-size: 1.1em;}
.user_info .adr{display: block;margin: 3px 0 5px;}
.user_info p{font-size: 0.9em;font-weight: 500;}
.user_info img{width: 45px;height: 45px;border-radius: 40px;margin-right: 10px;object-fit: cover;}
.user_info.v_2 img{width: 70px;height: 70px;}

.article_200 .article{font-size: 0.9em}
.article_200 .article img, .article_200 .article:hover .over{height: 200px;}

.profile_head{height: 200px;}
.profile_side{position: absolute;bottom: -30px; width: 100%;z-index: 6666}
.profile_side img{width: 200px;height: 200px;border-radius: 200px;object-fit: cover;display: block;margin: 0 auto 10px;}

.invert_shape{z-index: 2222}
.invert_shape .shape{transform: rotate(180deg);top:0}

.profile .c{z-index: 7777;position: relative;}

.mission_content h3{font-weight: 400;font-size: 1.3em;margin: 20px 0 10px}
.mission_content p{font-weight: 400;font-size: 0.9em}

.products .btns a{margin-bottom: 10px;display: block;font-size: 0.9em;}

.products .offers{display: block;border-radius: 8px;margin-top: 10px;padding-top: 10px;display: flex;align-items: center;}

.profile .cover{height: 200px;object-fit: cover;}
.profile .member{margin-top: -60px;}
.profile .member img{width: 150px;height: 150px;object-fit: cover;border-radius: 100px;padding: 5px;}
.profile .block{margin-bottom: 20px; border-bottom: 1px solid rgb(243, 239, 239);padding-bottom: 20px;}
.profile .block:last-child{margin-bottom: 0; border: none;padding-bottom: 0;}
.profile .exp{width: 95%;}
.profile .pro-small{display: flex;justify-content: start;align-items: center;border-bottom: 1px solid rgb(246, 243, 243);padding: 20px 0;}
.profile .pro-small:last-child{border: none;}
.profile .pro-small img{width: 100px;height: 100px;object-fit: cover;border-radius: 50px;margin-right: 10px;}

.c7 img{width: 90px;height: 90px;border-radius: 45px;}

.c8 .c{border-bottom-width:1px;border-bottom-style: solid;}
.c8 img{height: 70px}

.ul_li li{list-style: disc;}

.btn_social_connect{display: flex;}
.btn_social_connect a{display: inline-block;text-align: center;}
.btn_social_connect .btn_fa{color: #4285F4;border-radius: 30px;}
.btn_social_connect .btn_go{color: #E24134;border-radius: 30px;}

.cra_btn{display: inline-block;padding: 10px;font-weight: bold;border: 1px solid #ccc;width: 48%;cursor: pointer;}
.cra_btn:hover{}

.divider{height: 1px;margin-bottom: -17px;}

.fb{color: #1973EB;}
.pin{color: #E60023;}
.tw{color: #1F9DEB;}

.yellow{color: #ffba08!important;}



.rates .note{font-size: 1.4em;font-weight: 100;display: block;}
.rates .note span{font-weight: bold;color: #333;}

.rates .comments{margin-top: 20px;}
.rates .comments .comment{margin-top: 10px;border-top: 1px solid rgba(0,0,0,.1);padding: 10px;}
.rates .comments .comment p{font-size: .9em;color: #555;}
.rates .comments .stars{padding-bottom: 8px;color: #ffba08;}

aside a{display:block;margin-bottom: 8px;}
aside a .icon{margin-right: 5px;font-size: .7em}

.infos_infos div{text-align: center;}
.infos_infos div p{font-weight: 200;font-size: 1.5em;}
.infos_infos div img{width: 100px;height: 100px;margin-bottom: 15px;}

.single .img-first{object-fit: cover;height: 300px;}
.single .photos .first{object-fit: cover;min-height: 600px;}

.box{border-radius: 6px;box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 5px;background: #fff;}

.cra_table{max-height: 60px;transition: 0.5s ease;overflow: hidden;}
.cra_table.open_tab{max-height:1000px}
.cra_table caption{cursor: pointer;font-weight: bold;}

.login .gla-form input,.login .gla-form select{margin-bottom: 15px!important}

.cat_img{height: 200px;object-fit: cover;}
.cat_imgA{height: 100%;max-width: 100%; object-fit: cover;}

.commande_s{display: none;padding: 0 20px;transition: 0.3s ease;position: fixed;overflow-y:auto ;top:0;bottom: 0;width: 100%;background-color: rgba(0,0,0,.2);}
.commander .commande_s{display: block;}
.commande_s p{font-size: .9em;}
.commande_s h3{font-weight: 300;font-size: 1.4em;}
.commande_s .btn{width: 200px !important;border: none;margin-top: 20px;}

.commande_s .close{position: absolute;top: 20px;right: 20px;cursor: pointer;}
.close-commander .commande_s{display: none;}

.m_p_btns span{width: 42px;height: 42px;border-radius: 30px;cursor: pointer;display: inline-block;font-size: 1.6em;text-align: center;padding-top: 5px;margin-top: 4px;}
.m_p_btns input{margin: 0 10px;font-size: 1.4em;font-weight: bold;}

.stik{padding:0}
.stik li{list-style: none}
.stik a{padding: 10px;display: block;}
.stik a span{margin-right: 10px;}

table{width: 100%;}
table td{padding: 10px;}
table tr:nth-child(2n){background-color: rgba(0,0,0,.05);}

footer{padding-top: 30px;background-color: #161514}
footer,footer a{font-size: .9em}
footer .h{font-size: 1.3em;text-transform: uppercase;font-weight: 500;}
footer a,footer p{display: block;margin-bottom: 8px;}
footer .char a{display: inline;font-size: 2em;color: #fff}
footer a span{font-size:.75em;margin-right: 4px}

footer .foot a{display: inline-block;color: #666;}
footer .child{padding: 0 26px}

.fw_b{font-weight: bold;}

.gla-pagination a,.gla-pagination .btn{padding: 8px 15px;margin-right: 5px}
.gla-pagination{text-align: right}

.more-articles{position: relative;}
.more-articles .article{margin-right: 10px;width: 100%;}
.more-articles h2{margin: 30px 0 15px 0}

.car-slide{overflow: hidden;margin: 40px 0;position: relative;}
.car-slide .slide{display: flex;justify-content: flex-start;transition: 0.1s linear;padding: 0 20px;}
.car-slide .article{margin-right: 20px}
.btn.sld{position: absolute;top: 50%;padding:12px 15px;text-align: center;}
.btn.sld#nx{right: 0;cursor: pointer}
.btn.sld#pr{transform: rotate(180deg)}

.gla-comments{margin-bottom: 40px}
.gla-comments .gla-com{display:flex;justify-content:start;border-radius: 15px;margin-bottom: 20px}
.gla-comments .gla-com .av{width:40px;height:40px;border-radius: 10px}
.gla-comments .gla-com .av img{width:100%;object-fit: cover}
.gla-comments .gla-com .nom{font-weight: bold;margin-bottom: 10px}
.gla-comments .gla-com p{font-size: .9em}

.gla-form input,.gla-form textarea,.gla-form select{padding: 15px 15px;border-radius: 8px;}
.gla-form input:not(.btn), .gla-form textarea,.gla-form select{margin-bottom: 20px;border-width: 1px; border-style: solid;}
.gla-form input[type=submit]{width: 100%;margin-top: 15px;}

select{-webkit-appearance:none}

.gla-form textarea{height: 130px}
.gla-cptch input{width: 60px !important;}

.gla-form label{display: block}

.log .gla-form input[type=password],.log .gla-form input[type=text]{width: 100% !important; border-bottom-width: 1px;border-bottom-style: solid;padding: 15px 15px 15px 50px;}
.log .gla-form label{position: relative;}
.log .gla-form label span{position: absolute;left: 0;top:12px}
.gla-form input[type=radio]{margin: 3px 5px 0 0}

.mask{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.4);display: flex;align-items: center;justify-content: center;padding:20px;z-index: 9999}
.mask img{max-width: 100%;max-height: 100%;background: rgba(255,255,255,0.5);border-radius:3px;box-shadow: 0 0 6px #444;transition: 0.14s linear}
.mask .exit, .mask .btn{position: absolute;text-align: center;line-height: 40px;font-size: 2em;cursor: pointer;padding: 5px 15px;}
.mask .exit{right: 10px;top: 10px !important;}
.mask .btn{top: 48%;transition: 0.14s linear;background: transparent;vertical-align: middle}
.mask .btn-next{right: 20px;}
.mask .btn-prev{left: 20px}
.mask .btn-next:hover,.mask .btn-prev:hover,.mask .exit:hover{opacity: 1}

.succes, .error{display:block;margin: 20px 0;padding:20px;position: relative;border-radius: 8px;}
.succes .closebtn, .error .closebtn {color: white;font-weight: bold;float: right;font-size: 30px;cursor: pointer;top: 0;right: 10px;position: absolute;}
.succes{background: #04AA6D;color: #fff}
.error{background: #f44336;color: #fff}

.rem{font-size: 0.9em !important;color: #666;font-style: italic}
a{text-decoration: none;}
footer li,header li,.contact li{list-style: none;margin-left: 0}

span.menu-res{display: none;width: 50px;height: 50px;border-radius:30px;margin-right: 3px;vertical-align: middle;margin-top: -2px}

.brr10{border-radius: 10px}

.icon{font-family: 'icons' !important;line-height: 1;vertical-align: middle}
.clear{clear:both}

 
/* GLA Slider ---------- */

.gla_slider{position: relative;overflow: hidden;}
.gla_slider .gla_slider_slider{width:100%;display: flex;transition: 0.4s ease;flex-wrap: nowrap}

.gla_slider .slider_btn{position: absolute;top: 40%;color: #000;padding: 10px;border-radius: 40px;cursor: pointer;opacity: 0.6;transition: 0.2s ease;font-size: 1.5em;}
.gla_slider .slider_btn:hover{opacity: 1;}
.gla_slider .next_btn{right: 0}
.gla_slider .previos_btn{left: 0}


/* GLA Alert ---------- */

.mask{display: flex;align-items: center;justify-content: center;}

.gla_alert{width: 400px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.3);}
.gla_alert p{padding: 20px;}
.gla_alert .gla_btns{padding: 10px;background: rgba(0,0,0,0.04);border-top: 1px solid rgba(0,0,0,0.1);display: flex;justify-content: flex-end;}
.gla_alert .gla_btns span{margin-right: 20px;font-weight: bold;text-transform: uppercase;cursor: pointer;}


/* GLA Captcha ---------- */

.gla_captcha{background: #eee;border:1px solid rgb(223, 222, 222);border-radius: 8px;padding: 10px;}
.gla_captcha h3{font-weight: normal;margin-bottom: 10px;}
.gla_captcha span{background: #fff;padding: 5px;color: #333;width: 30px;text-align: center;cursor: pointer;opacity: 0.7;border-radius: 8px;}
.gla_captcha span:hover{opacity: 1;}
.gla_captcha input{width: 100px;height: 30px;}

/* gla_cookies */

.gla_cookies{position:fixed;bottom:0;left:0;right:0;padding:10px;background:#fff;font-size:0.8em;box-shadow:0 0 5px rgba(192, 124, 124, 0.2); z-index: 99999;}
.gla_cookies div{max-width: 1200px;width: 100%;margin: 0 auto;}
.gla_cookies span, .gla_cookies a{padding: 3px 5px;border: 1px solid #ccc;border-radius: 4px;cursor: pointer;margin-left: 5px;display: inline-block;color: #333;}

/* Correction du style pour les balises strong et b */
strong, b {
  font-weight: bold !important;
}
  .dz-flag {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.dz-flag img {
  width: 20px;
  height: auto;
}

.dz-label {
  font-size: 13px;
  margin-left: 5px;
  color: #fff; /* à adapter selon ton fond */
}