@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Autour+One&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

body {font-family: "Autour One", sans-serif;}
body.onepage {background: url(images/bg-footer.jpg) bottom center no-repeat;background-size: 100% 800px;}

.navbar{
	--bs-navbar-active-color: #cecece;
	--bs-navbar-hover-color: #cecece;
	background: #fff;z-index: 111 !important;
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none;}
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block;}
	.navbar .nav-item .dropdown-menu{ margin-top:0;}
}	
/* ============ desktop view .end// ============ */

.nav-item.active > a {border: 1px solid #0492D6; border-radius: 50px;}
/* footer .nav-item.active > a { border: 1px solid #00acff;} */
html, body { width: 100%; overflow-x: hidden; }
img { max-width: 100%;}
header {position: relative;}
header .logos {position: absolute;bottom: 0;background: #0492D6;left: 50%;transform: translateX(-50%);padding-inline: 90px;display: flex; gap: 20px; border-radius: 90px 90px 0 0;padding-block: 10px;}
a {text-decoration: none;}
.navbar-brand img {height: 40px;width: auto;}
div#sticker-sticky-wrapper {height: fit-content !important;}
.is-sticky nav#sticker > div {flex-direction: row;justify-content: space-between;}
.navbar-nav {padding: 25px 45px;background: #192026;border-radius: 4vw;}
.is-sticky .navbar-nav {padding: 0px 5px;background: #192026 !important;border-radius: 50px;}
.nav-link { font-family: 'Autour One'; font-style: normal; font-weight: 400; font-size: 17px; text-align: center; line-height: 182%; text-transform: uppercase;color: #FFFFFF;padding: 5px 30px !important;}
.is-sticky .nav-link { font-size: 14px;}
.is-sticky div#main_nav {margin-top: 0px;}
.slide { border-radius: 0 0 5vw 15vw; overflow: hidden;}
body .slick-dotted.slick-slider { margin-bottom: -6px;}
section {padding-block: 80px;}
#actus {padding-block: 0;}
.accueil-img {text-align: center;order: 2;margin-bottom: 45px;}
.accueil-text {order: 1;}
.accueil-img img{border-radius: 45px;width: 100%;max-height: 444px;}
p.titre-page { font-size: 48px; line-height: 40px; text-transform: uppercase; color: #0492D6;}
body .h1, body h1{color: #000000;}
.activite-expertise { background: url(images/bg1.jpg) center center no-repeat; background-size: cover; position: relative;}
#activites {background: url(images/before-act.svg) center -80px no-repeat;padding-top: 188px;position: relative;z-index: 1;}
#expertise {background: url(images/before-exp.svg) bottom center no-repeat;padding-bottom: 264px;position: relative;z-index: 1;}
.activite-expertise::after {content: ''; position: absolute;background: #000;top: 0;width: 100%;left: 0;height: 100%;z-index: 0;opacity: 0.55;}
h2 {color: #fff;display: flex;margin-bottom: 45px; flex-direction: column;justify-content: center;align-items: center;gap: 30px;text-align: center;text-transform: uppercase;}
h2::after {background: url(images/after-titre.png) center center no-repeat; width: 65px;height: 6.5px;content: '';}
h3 {font-family: "Audiowide", sans-serif;color: #fff;}
/* .list-act {display: flex;} */
.list-act {padding-left: 0;text-align: center;}
.list-act li {display: inline-block;margin: 7px;}
.list-act li a {position: relative;display: block;}
.list-act li a img {border-radius: 30px;}
.list-act li a h3, .container_autres_activites h4 {position: absolute;bottom: 22px;left: 0;width: calc(100% - 20px);background: rgba(25, 32, 38, 0.8);
border-left: 10px solid #0492D6; border-radius: 0 50px 50px 0; padding: 10px;color: #fff;}
.slick-slide img {display: block; max-height: 720px; width: 100%; object-fit: cover; object-position: center;}
#expertise .list-act li a {background: #ffffff17;width: 352px;height: 266px;display: flex;align-items: center;justify-content: center;flex-direction: column;text-decoration: none;border-radius: 30px;}
#expertise .list-act li a img{width: 139px;height: 139px;border-radius: 0;object-fit: contain;} 
#expertise .list-act li a h3 {font-family: "Autour One", sans-serif;font-size: 36px; color: #0492D6; text-transform: uppercase;position: relative;background: transparent;border: none;text-align: center;bottom: unset;} 
.container_autres_activites, .content-activites a {position: relative;}

.page-111 .list-act li a {background: #474747;width: 352px;height: 266px;display: flex;align-items: center;justify-content: center;flex-direction: column;text-decoration: none;border-radius: 30px;}
.page-111 .list-act li a img{width: 139px;height: 139px;border-radius: 0;object-fit: contain;} 
.page-111 .list-act li a h3 {font-family: "Autour One", sans-serif;font-size: 36px; color: #0492D6; text-transform: uppercase;position: relative;background: transparent;border: none;text-align: center;bottom: unset;} 

.content_img {background: #333;padding: 43px;border-radius: 30px;}

#actus h2 {color: #192026;}

#contact > div, .page-5 > div {color:#fff; background: url(images/bg-contact.jpg) center center no-repeat; background-size: cover;position: relative;border-radius: 15vw 5vw 5vw 5vw;padding: 140px 60px 80px;overflow: hidden;}
#contact > div > div, .page-5 > div > *{position: relative;z-index: 1;}
#contact > div::after, .page-5 > div::after {background: #000; content: '';position: absolute; top: 0;height: 100%;left: 0;width: 100%;opacity: 0.7;z-index: 0;}
.page-5 * {color: #fff !important;}
footer {text-align: center;}
footer:not(.onepage footer)  {background: url(images/bg-footer.jpg) bottom center no-repeat;padding: 10px;}
footer .navbar {justify-content: center;margin-bottom: 22px;}
.footer-menu {padding-left: 0;background: #0492D6;border-radius: 50px;list-style: none;margin: auto;}
.mentions * {font-family: 'Raleway', sans-serif;color: #fff;font-size: 16px;text-decoration: none;}
.visible-xs.footer-phone { background: #000; text-align: center; padding: 10px; color: #fff;}
div#map-canvas {border-radius: 30px;overflow: hidden;}

body .form-control {box-sizing: border-box; border: 1px solid #FFFFFF; border-radius: 15px;font-family: 'Raleway';font-size: 16px;padding: 14px 30px;background: transparent;margin-bottom: 8px;color: #fff;
	--bs-secondary-color: #fff;}
body textarea.form-control {max-height: 110px;}
body .btn-primary {--bs-btn-bg: #0492D6;width: 100%;text-transform: uppercase;font-family: 'Audiowide', sans-serif; font-size: 16px;border-radius: 50px;}
.coordonnes-home p, .coordonnes-home a {font-size: 29px;color: #fff;vertical-align: middle;text-decoration: none;}

@media (min-width:768px) {
	.visible-xs {display: none;}
}

@media (min-width:992px) {
body .h1, body h1{font-size: 26px;line-height: 35px;}
.accueil-img {text-align: center;order: 1;}
.accueil-text {order: 2;}
.is-sticky nav#sticker { background: #192026 !important;}
.onepage nav#sticker { background: #192026;}
.navbar {background: transparent !important;}
div#main_nav {margin-top: -20px;}
.onepage nav#sticker { position: fixed; top: 0; width: 100%; z-index: 111111 !important;padding: 0;}
.navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; justify-content: flex-end; }
h2 {font-size: 73px;}
h3 {font-size: 22px;}
#contact h2 {font-size: 36px;}
nav#sticker > div {flex-direction: column;}
.navbar-brand {padding-inline: 125px;padding-bottom: 20px;background: #fff;clip-path: ellipse(50% 100% at 50% 0%);}
.navbar-brand img {height: 90px;width: auto;}
.is-sticky .navbar-brand {clip-path: none;padding: 0 !important;}
.is-sticky .navbar-brand img{height: 60px;}
}
.body-interne h2 {color: #192026;}

.style-titre-p { margin-bottom: 30px; }

.fb_iframe_widget { background: url(images/Device.png) center top no-repeat; padding: 47px 28px 25px 26px;display: inline-block;position: relative;margin: auto;}
.fb_iframe_widget > span {border-radius: 0 0 20px 20px;overflow: hidden;}

ul#breadcrumb { padding: 10px 16px; list-style: none; margin-bottom: 0; background: #e1e5ea;margin-bottom: 30px;border-radius: 10px;}
  
  ul#breadcrumb li {display: inline;font-size: 16px;color: #545454;}
  
  ul#breadcrumb li+li:before {padding: 8px;color: black;content: ">\00a0";}
  
  ul#breadcrumb li a {color: #000000;text-decoration: none;}
  
  ul#breadcrumb li a:hover {color: #545454;text-decoration: none;}
  
  body .breadcrumb {margin-bottom: 0;background: transparent;justify-content: center;}
  
  
  ul.album-similar {display: flex;flex-wrap: wrap;justify-content: center;list-style: none;text-align: center;gap: 10px;}
  
  ul.album-similar li,
  .ug-thumb-wrapper.ug-tile.ug-tile-clickable {display: flex;flex-direction: column-reverse;gap: 10px;}
  
  ul.album-similar h4 {	padding: 10px 0;background: #fff;width: 100%;max-width: 100%;margin: auto;color: #11113D;font-family: "Anton";font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase;
  
	a {color: #2d2d2d;text-decoration: none;font-size: 16px;white-space: break-spaces;width: fit-content;text-wrap: wrap;padding: 10px;text-transform: initial;display: flex;	}
  }
  
  .album_nav {margin: 30px 0;
  
	a {color: white;text-decoration: none;	}
  }

@media (min-width:992px) {
	#actus {position: relative;top: -113px;z-index: 1;}
	#accueil {padding-block: 0;padding: 80px 0 0;}
	#expertise {padding-block: 0; padding: 0 0 284px;}
}

@media (max-width:991px) {
	.logos img {width: 49px;display: inline-block;}
	header .logos {display: block;padding-inline:0;padding-block: 0;border-radius: 10px 10px 0 0;width: 70%;text-align:center;}
	#activites {padding-top: 50px;background: none;}
	#expertise {background: none;padding-bottom: 50px;}
	#contact > div, .page-5 > div {padding: 140px 25px 80px;}
	section {padding-block: 24px;}
	.coordonnes-home p, .coordonnes-home a {font-size: 20px;}
	.map {margin-bottom: 50px;}
	.footer-menu.d-flex.flex-row {display: block !important;width: 100%;border-radius: 0;}
	.footer-menu li.nav-item {display: inline-block;}
	.footer-menu li.nav-item a {text-transform: none;font-size: 14px;padding: 6px 10px !important;}
	.facebook {text-align: center;margin-bottom: 50px;}
	.visible-xs.footer-phone a {color: #0492D6;}
	footer .navbar {background: none;}
	#actus {padding-top: 50px;}
	.list-act li a h3, .container_autres_activites h4 {position: initial;width: 100%;height: 77px;font-size: 20px;}
	.list-act li a img, .content_img img {height: 77px;border-radius: 10px;float: left;margin-right:10px;}
	.list-act li {display: block;overflow:auto;}
	.content_img { padding: 10px;margin: 0 0 20px;}
	.container_autres_activites h4 {background: none;border: navajowhite;}
	.list-act {max-width: 717px;margin: 0 auto;}
	.cn-body {font-size: 12px;}
}