/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */


@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');


.responsive .container {
    max-width: 1600px !important;
}


span.logo.avia-svg-logo {
    max-height: 50px !important;
	 height: 50px !important;
	margin-top: 16px;
}



.av-main-nav>li>a {
    font-family: 'Quicksand';
    font-size: 16px;
    font-weight: 400;
}


.av_header_transparency .av-main-nav>li>a {
  color:#ffffff !important;
}

span.image-overlay-inside, .avia_transform a .image-overlay {
    display: none !important;
}

h2.avia-caption-title {
    font-family: 'Comfortaa';
    text-transform: none !important;
    font-weight: 300;
    font-size: 48px;
}

.avia-caption-content h2 {
    font-family: "Cormorant Garamond";
    text-transform: none !important;
    font-weight: 500;
    font-size: 32px;
	    margin-top: 18px;
}


.avia-caption-content h4 {
    font-family: 'Quicksand';
    color: #ffffff;
    font-weight: 400;
    font-size: 19px;
	    margin-top: 25px;
    margin-bottom: 35px;
}

.avia-caption-content h6 {
    font-family: 'Quicksand';
    color: #ffffff;
    font-weight: 400;
    font-size: 19px;
    border: solid 1px;
    width: fit-content;
    margin: 25px auto;
    border-radius: 50px;
    padding: 8px 16px 10px 17px;
}

#top div .caption_center .slideshow_caption {
    padding: 0 23%;
}


.content {
    padding-top: 0;
    padding-bottom: 0;

}

.avia-image-container-inner, .avia_image, .av-image-caption-overlay {
    border-radius: 0 !important;
}


h2 {
    font-family: 'Comfortaa';
    font-weight: 400;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 28px;
	    margin-bottom: 17px;
}



#Right-colonne {
    padding: 45px;
}

#Right-colonne-prez {
    padding: 45px;
}


h3 {
    font-family: 'Cormorant Garamond';
    font-size: 22px;
}


p {
    font-family: 'Quicksand';
    font-size: 16px;
}


.Advisory h3 {
    padding-left: 30px;
}

.Advisory p {
    border-left: solid 1px #D2D2D1;
}

.Advisory {
    background: url(/images/conseil.png) no-repeat top left;
}


.Advisory p {
    padding-left: 19px;
    margin-left: 11px;
}


.engineering h3 {
    padding-left: 30px;
}

.engineering p {
    border-left: solid 1px #D2D2D1;
}

.engineering {
    background: url(/images/engineering.png) no-repeat top left;
}


.engineering p {
    padding-left: 19px;
    margin-left: 11px;
}


.Training h3 {
    padding-left: 30px;
}

.Training p {
    border-left: solid 1px #D2D2D1;
}

.Training {
    background: url(/images/training.png) no-repeat top left;
}


.Training p {
    padding-left: 19px;
    margin-left: 11px;
}


.Advisory, .engineering {
    padding-bottom: 10px;
}


.avia-size-medium {
    color: #1C3D7F !important;
    background-color: transparent !important;
    border: solid 1px #1C3D7F;
    border-radius: 50px !important;
    font-size: 16px !important;
    padding: 6px 12px 7px 13px !important;
    box-shadow: none !important;
	margin-top: 12px !important;
}



#Left-colonne {
    padding: 45px;

}


#Left-colonne-prez {
    padding: 45px;

}

#top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
    margin-top: 0;
}

#Left-colonne {
    background-color: #223F7E;
}
#Left-colonne-prez {
    background-color: #223F7E;
}



#Left-colonne h2, #Left-colonne h3, #Left-colonne h4, #Left-colonne p {
 color: #ffffff !important;
}
 
#Left-colonne-prez h2, #Left-colonne-prez h3, #Left-colonne-prez h4, #Left-colonne-prez p {
 color: #ffffff !important;
}


#Left-colonne .avia-size-medium {
    color: #ffffff !important;
    border: solid 1px #ffffff !important;
}



#Left-colonne .Advisory {
    background: url(/images/AGL.png) no-repeat top left;
}


#Left-colonne .engineering {
    background: url(/images/floodlighting.png) no-repeat top left;
}

#Left-colonne .Training {
    background: url(/images/power.png) no-repeat top left;
}
 


.container_wrap {

    border-top-style: none !important;
    border-top-width: 0 !important;
	background: url(/images/vague2.png) no-repeat bottom left;
}

#discuss-project {
    text-align: center;
    height: 215px;
    margin-top: 55px;
    padding: 0 20%;
	
}


#footer {
    padding: 15px 0 30px 0;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 359px;
}

h3.widgettitle {
    font-family: 'Comfortaa';
    font-weight: 300;
    font-size: 28px;
    text-transform: none !important;
}

.foot-text p {
    font-family: 'Cormorant Garamond';
    font-size: 21px;
    line-height: 24px;
    padding-left: 30px;
    background: url(/images/geoloc.png) no-repeat top left;
}


.foot-mail {
    padding-left: 30px;
    background: url(/images/Enveloppe.png) no-repeat left 4px;
}

#footer .widget {
    padding: 0;
    margin: 30px 0 30px 35px;
    overflow: hidden;
}


#footer {
background: url(/images/vagues.png), url(/images/traits.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top left, 87% 205px;
    background-color: #223F7E;
	    background-size: contain, auto;
}



.foot-in {
    padding-top: 10%;
    text-align: right;
    padding-right: 35px;
}



footer#socket {
    background: none;
}



#socket .container {

    text-align: center !important;
	    display: flex
;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
}

span.copyright a, span.copyright {
    font-size: 13px;
}


span.copyright img {
    position: relative;
    top: 2px;
    right: 3px;
}

#scroll-top-link.avia_pop_class {
    opacity: 1;
    background-color: #39A8DF;
    border-radius: 50px;
    color: #ffffff;
    border: none;
}

#scroll-top-link.avia-svg-icon svg:first-child {
    fill: #ffffff;
}

div#header_main {
    background: none;
}


.container.caption_container::before {
    content: url(/images/a.png);
    display: inline-block;
    position: absolute;
    bottom: -10px;
    right: 5%;
}


.av-preloading-logo {

    max-width: 80px !important;
    max-height: 80px !important;

}

.av-preloading-logo img {

   width: 80px !important;
    height: 80px !important;

}


#top .av-siteloader {
    border-color: #1c3d7f;
    border-left-color: #F5F5F5;
}

.av-siteloader, #top div.avia-popup .mfp-preloader, .av-siteloader:after, #top div.avia-popup .mfp-preloader:after {
    width:20px;
    height:20px;
}


.avia-cookie-consent {
    background-color: #223F7E !important;

}


.avia-cookie-consent .avia-cookie-consent-button,  .avia-cookie-consent .avia-cookie-consent-button.avia-cookie-hide-notification {
    color: #ffffff !important;
    background-color: transparent !important;
    border: solid 1px #ffffff !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-family: 'Quicksand';
}


.avia-popup .avia-cookie-consent-button {
  color: #1C3D7F !important;
    background-color: transparent !important;
    border: solid 1px #1C3D7F !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-family: 'Quicksand';
}

p.avia_cookie_text {
    font-size: 13px !important;
}

h3.av-special-heading-tag {
    font-size: 29px;
}


#top .av-toggle-switch input[type="checkbox"]:checked + .toggle-track {
    background: #3BA8DF;
}


#prezz h1 {
    color: #ffffff!important;
    font-family: 'Comfortaa'!important;
    text-transform: none !important;
    font-weight: 300!important;
    font-size: 36px!important;
}

#prezz h3 {
    color: #ffffff !important;
    font-size: 26px!important;
    font-weight: 400!important;
    width: 60%!important;
}

section#prez-gris {
    background-color: #F5F5F5;
    width: 100%;
margin-top: 35px;
    padding: 0 30px;
}

section#prez-gris h5 {
    font-family: 'Cormorant Garamond';
    font-size: 21px;
    font-weight: 400;
    line-height: 24px;
    padding: 40px 0;
}

#prez-bleu h2, #prez-bleu p, #prez-bleu p strong {
    color: #ffffff;
}

div#prez-bleu {
    padding: 70px 0;
}

li {
    font-size: 16px;
}

.decal-titre h2 {
    padding-left: 29px;
    background: url(/images/conseil.png) no-repeat left top;
}


.decal-engineering h2 {
    padding-left: 29px;
    background: url(/images/engineering.png) no-repeat left top;
}

.decal-train h2 {
    padding-left: 29px;
    background: url(/images/training.png) no-repeat left top;
}


#prez-bleu .avia-size-medium {
    color: #ffffff !important;
    border-color: #ffffff !important;
}



div#after_section_1 {
    background: none;
}


#prez-bleu.ptit-trai {
    background: url(/images/Ptittraits.png) no-repeat 10% bottom;
    background-color: #223F7E;
}

#prezz.gris-titre h1, #prezz.gris-titre h3 {
    color: #1C3D7F !important;
}

.tech-bloc {
  position: relative;   /* conteneur référence */
  display: inline-block; 
	width: 100%;/* ou block selon ton besoin */
}

.image-tech {
  width: 65%;             /* image responsive */
  height: auto;
  display: block;
}

.tech-texte {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: #1a3973;
    color: white;
    padding: 45px;
    width: 52%;
}


.tech-texte h2, .tech-texte p strong, .tech-texte p {
    color: #ffffff !important;
}



.tech-texte h2 {

background: url(/images/AGL.png) no-repeat left 3px;
    padding-left: 33px;
}





.tech-bloc2 {
  position: relative;   /* conteneur référence */
  display: inline-block;
	width: 100%;/* ou block selon ton besoin */
}

.image-tech2 {
  width: 65%;             /* image responsive */
  height: auto;
  display: block;
	float: right;
}

.tech-texte2 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: #1a3973;
    color: white;
    padding: 45px;
    width: 52%;
}


.tech-texte2 h2, .tech-texte2 p strong, .tech-texte2 p {
    color: #ffffff;
}



.tech-texte2 h2 {

background: url(/images/floodlighting.png) no-repeat left 3px;
	padding-left: 33px;
}


.tech-bloc3 {
  position: relative;   /* conteneur référence */
  display: inline-block; 
	width: 100%;/* ou block selon ton besoin */
}

.image-tech3 {
  width: 65%;             /* image responsive */
  height: auto;
  display: block;
}

.tech-texte3 {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: #1a3973;
    color: white;
    padding: 45px;
    width: 52%;
}


.tech-texte3 h2, .tech-texte3 p strong, .tech-texte3 p {
    color: #ffffff !important;
}



.tech-texte3 h2 {

background: url(/images/power.png) no-repeat left 3px;
    padding-left: 33px;
}


.bottom-band {
    padding-bottom: 20px;
}




#tech-floodlight {
    margin-top: 20px;
}




ul, ol {
    margin-bottom: 10px;
}

#socket .container {
    padding-top: 12px;
    padding-bottom: 12px;
}


.contact-titre {
    padding-top: 40px;
}


#top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area {
    border-radius: 20px;
}

.avia_ajax_form .button {
    background: transparent !important;
    border: solid 1px #223F7E !important;
    border-radius: 50px !important;
    color: #223F7E !important;
    font-family: 'Quicksand';
    font-size: 16px;
    padding: 6px 15px 8px 16px;
    margin: 0;
    min-width: 50px;
}

#top label {
    font-family: 'Quicksand';
    font-size: 16px;
}

.avia-form-success {
    border-radius: 50px;
}


.av-google-badge-message {
    display: none;
}

#contact-visu {
    display: none !important;
}


div#mapmonde {
    padding: 25px;
	background: none;
}

.av-image-hotspot_inner {
    color: #ffffff !important;
}

.contact_menu span.avia-menu-text {
    border: solid 1px #1C3D7F;
    border-radius: 50px;
    padding: 3px 9px 5px 10px;
}


#txt-legaletc {
    padding: 25px 0;
}


li.av-language-switch-item.avia_current_lang {
    display: none !important;
}

.av_header_transparency .contact_menu span.avia-menu-text {
    border-color: #ffffff !important;
}


p.wpml-ls-statics-post_translations.wpml-ls {
    display: none !important;
}























@media only screen and (min-width: 990px) {

    .responsive .av-image-hotspot {
        height: 20px;
        width: 20px;
        line-height: 20px;
        font-size: 11px;
    }

	    .responsive .av-image-hotspot-pulse {
        height: 50px;
        width: 50px;
        top: -15px;
        left: -15px;
    }
	

}	




/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */


@media only screen and (max-width: 1235px) {

.tech-texte, .tech-texte2, .tech-texte3 {

    width: 70%;
}	
	
	

}






@media only screen and (max-width: 1150px) {
	
	
 #top div .caption_center .slideshow_caption {
    padding: 0 5%;
}
	
	
	h2.avia-caption-title {
    font-size: 35px;
}
	
	
	.avia-caption-content h2 {
    font-size: 27px;
    margin-top: 15px;
}
	
	.avia-caption-content h4 {
    margin-top: 15px;
    margin-bottom: 30px;
}

	.tech-texte, .tech-texte2, .tech-texte3 {

    width: 85%;
}	
	
	
	
	
}

@media only screen and (max-width: 1071px) {
#footer {

    background-size: cover, auto;
}
	
}	
	
	
@media only screen and (max-width: 989px) {
	
	
.html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
    padding-top: 35px;
}	
	
.st0 {
    fill: #223F7E !important;
}
	
	
.container.caption_container::before {
    right: 0%;
}	
	
	
#discuss-project {

    padding: 0 4%;
}
	
p.avia_cookie_text {

    padding-bottom: 17px;
}	
	
#prezz h3 {
    width: 90% !important;
}	
	
	
	.tech-texte, .tech-texte2, .tech-texte3 {
    position: relative;
    width: 100%;
		transform: none;
}
	
	.image-tech, .image-tech2, .image-tech3 {
    width: 100%;
}
	
	
	
.contact_menu span.avia-menu-text {
    border: none;
    border-radius: 0;
    padding: 0;
}

	
	
	
	
	
	
	
	
	
	
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

	
.responsive .logo img, .responsive .logo svg {

        max-height: 55px;
    }

	.responsive #top #wrap_all #header {
    padding: 0px 0 14px 0;
}
	
    .responsive #top #wrap_all .main_menu {
        top: -15px;
    }

	
	
	    .responsive #top .slideshow_caption h2 {
        font-size: 27px;
    }
	
	.avia-caption-content h2 {
        font-size: 24px !important;
    }
	
	
	.container.caption_container::before {
display: none;
}
	
	
    .responsive #top #wrap_all .container {
        width: 93%;
        max-width: 93%;

    }

	
#Right-colonne  {
    padding: 30px;
}
	
		
#Right-colonne-prez {
        padding: 10px 0px 20px 0px;
    }

	
	
#Left-colonne {
    padding: 45px 30px;
}	
	
#Left-colonne-prez {
    padding: 45px 30px;
}		
	
	
div#Left-colonne {
    margin-bottom: 0 !important;
}	
	
	
div#Left-colonne-prez {
    margin-bottom: 0 !important;
}		
	
	
#discuss-project {
    padding-top: 20px;
	height: auto !important;
	padding-bottom: 23px;
}	
	
	
#footer {
    display: block;
}	
	
.foot-in {
    padding-top: 0;
    text-align: left;
    padding-right: 35px;
}	
	
	
#footer {
     background: url(/images/traits.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #223F7E;
	height: auto;
}	
	
#footer .widget {

    margin: 20px 0 10px 35px;
}	
	
	
	#contact-visu {
    display: block !important;
}


	
	
	
}


@media only screen and (max-width: 605px) {

div#full_slider_1, .avia-slideshow-inner, .avia-slideshow-inner li, .avia-slideshow-inner li a, .av-slideshow-caption {
    height: 360px !important;
}

	
.avia-slideshow img {
    height: 100%;
	min-width: fit-content;
}	
	
#footer .widget {

    margin: 30px 0 30px 18px;

}	
	
	
div#prezz {
    padding: 10px 0;
}	
	
.tech-texte, .tech-texte2, .tech-texte3 {

    padding: 35px;

}	
	
section#prez-gris h5 {
    padding: 30px 0 !important;
}	
	
section#prez-gris {
    padding: 0 20px !important;
}	
	
#tech-exp-fond {
    padding: 25px 0;
}	
	
	
#prez-bleu.ptit-trai {
    background: url(/images/Ptittraits.png) no-repeat -52px bottom;
	background-color: #223F7E;
}	
	

}