/* -------------------------- RESET ------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
img, div { behavior: url(../iepngfix.htc) }
.clearer {clear: both;}
html, body { background-image:url(../images/background_global.jpg); background-position:left top; background-repeat:repeat-x; font-family: Arial, Helvetica, sans-serif; background-color:#0062a1; height:100%;padding:0; margin:0;}
div#overlay { background:rgba(0, 0, 0, 0); width: 100vw; height: 100vh; position: fixed; z-index: 20; transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); visibility: hidden; }
/* -------------------------- HEADER ------------------------- */

div#wrapper { background-image:url(../images/background_header.jpg); background-position:center top; background-repeat:no-repeat; width:100%; padding: 0; margin: 0 auto; float:left;}
div#wrapper div#contenu_top { max-width:962px; height:467px; margin:0 auto; padding:0;  }
div#wrapper div#contenu_top div#top {max-width:962px; height:134px; margin:0; padding:0; text-align:left; }

/* ----------------------- LOGO ---------------------- */

div#wrapper div#contenu_top div#top div#top_logo {width:42%; height:134px; margin:0; padding:0; text-align:left; float:left; }
div#wrapper div#contenu_top div#top div#top_logo img { margin:17px 0 0 26px; border:0px}
/* ----------------------- NAVIGATION SECONDAIRE ---------------------- */

div#wrapper div#contenu_top div#top div#top_navigation_secondaire { width:58%; height:99px; margin:0; padding:0; float:left; text-align:right;}
div#wrapper div#contenu_top div#top div#top_navigation_secondaire p { font-family:Verdana, Geneva, sans-serif; font-size:0.7em; color:#2e7eb1; margin:16px 27px 0 0;}
div#wrapper div#contenu_top div#top div#top_navigation_secondaire p a { color:#2e7eb1;}
div#wrapper div#contenu_top div#top div#top_navigation_secondaire p a:hover { color:#333;}

/* ----------------------- NAVIGATION PRINCIPALE ---------------------- */

div#wrapper div#contenu_top div#top div#top_navigation_principale { width:526px; height:35px; margin:0 27px 0 0; padding:0; float:right;}

/* -------------------------- SLIDER ------------------------- */

div#wrapper div#contenu_top div#top_image { width: 100%;background-image:url(../images/background_image.png); background-position:right top; background-repeat:no-repeat; max-width:962px; height:333px; margin:0 13px 0 0; padding:0; float:right; text-align:right;}
div#wrapper div#contenu_top div#top_image div#slider {max-width:957px; height:278px; margin:8px 0 0 0; padding:0; text-align:right;}
div#wrapper div#contenu_top div#piece{width: 383px;height: 352px;position: absolute;margin:120px 0 0 0;padding:0 0 0 0;z-index: 15}

.bx-wrapper {margin: 0 auto!important;}
.bx-wrapper .bx-viewport {background: none!important;left: 0!important;border:none!important;box-shadow:none!important;min-height:294px;}
.bxslider li {width: 100%!important;}
.bx-wrapper img {float: right;top: 8px;right: 23px;position: relative;}
.bx-controls {display: none;}

/* -------------------------- CONTENT ------------------------- */

div#wrapper div#centre_contenu { max-width:962px; margin:0 auto; padding:0; }
div#wrapper div#centre_contenu div#centre_contenu_gauche { width:66%; margin:0; padding:0; float:left;}
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre { width:50%; margin:0; padding:0; float:left; text-align:left;}
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre img { margin:41px 0 10px 22px; border:0px;}
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre h1 { font-family:Verdana, Geneva, sans-serif; font-size:0.9em; color:#FFF; margin:0 0 15px 23px; font-weight:bold;}
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre p { font-family:Verdana, Geneva, sans-serif; line-height:16px; font-size:0.7em; color:#FFF; margin:0 48px 10px 23px; text-align:justify; }
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre p a { font-family:Verdana, Geneva, sans-serif; color: #CCC; } 
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre p a:hover { font-family:Verdana, Geneva, sans-serif; color: #fff; }
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre ul { font-family:Verdana, Geneva, sans-serif; color: #fff; margin:0 0 10px 38px;}
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre li {list-style-image:url(../images/puce.gif); font-family:Verdana, Geneva, sans-serif; font-size:0.7em; line-height:21px; }
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre li a {list-style-image:url(../images/puce.gif); font-family:Verdana, Geneva, sans-serif; color:#CCC; }
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre li a:hover {list-style-image:url(../images/puce.gif); font-family:Verdana, Geneva, sans-serif; color:#FFF; }
div#wrapper div#centre_contenu div#centre_contenu_droit { width:33%; margin:0; padding:0; float:left; text-align:center;}
div#wrapper div#centre_contenu div#centre_contenu_droit div#soumission-step-one { width:287px; height:338px; margin:42px 16px 0 0; background-image:url(../images/background_soumission.png); background-position:left top; background-repeat:no-repeat;float: right; }
div#wrapper div#centre_contenu div#centre_contenu_droit div#services-offerts { width:287px; height:338px; margin:42px 0 0 0; background-image:url(../images/services-offerts.png); background-position:left top; background-repeat:no-repeat; }
div#wrapper div#centre_contenu div#centre_contenu_droit div#services-offerts ul { font-family:Verdana, Geneva, sans-serif; color: #fff; margin:80px 0 10px 38px;text-align: left;float: left}
div#wrapper div#centre_contenu div#centre_contenu_droit div#services-offerts li {list-style-image:url(../images/puce.gif); font-family:Verdana, Geneva, sans-serif; font-size:0.7em; line-height:21px; }
div#wrapper div#centre_contenu div#centre_contenu_droit div#services-offerts li a {list-style-image:url(../images/puce.gif); font-family:Verdana, Geneva, sans-serif; color:#CCC; }
div#wrapper div#centre_contenu div#centre_contenu_droit div#services-offerts li a:hover {list-style-image:url(../images/puce.gif); font-family:Verdana, Geneva, sans-serif; color:#FFF; }
div#wrapper div#centre_contenu div#centre_contenu_droit div#soumission-step-one form { margin:67px 0 0 0; float:left; }
div#wrapper div#centre_contenu div#centre_contenu_droit div#soumission-step-one form input[type=text] { width:227px; margin:8px 0 5px 0px; border:0px; color:#666;}
div#wrapper div#centre_contenu div#centre_contenu_droit div#soumission-step-one .bnt { margin:10px 0 0 150px;  }
div#wrapper div#centre_contenu div#centre_contenu_gauche p { font-family:Verdana, Geneva, sans-serif; line-height:16px; font-size:0.7em; color:#FFF; margin:0 48px 10px 23px; text-align:justify; }
div#wrapper div#centre_contenu div#centre_contenu_gauche p a { font-family:Verdana, Geneva, sans-serif; color: #fff; } 
div#wrapper div#centre_contenu div#centre_contenu_gauche h1 { font-family:Verdana, Geneva, sans-serif; font-size:0.9em; color:#FFF; margin:40px 0 25px 23px; font-weight:bold;}
div.left{float: left}
div.right{float: left;margin:30px 30px 30px 30px}
div.right2{float: left;margin:6px 0 0 11px}
div.left p{line-height: 20px!important}
div.separator{background:url(../images/separator.png);width:100%;height:24px;margin:16px 0 20px 22px;padding:0;float:left}
.realisation{background:url(../images/background-realisations.png);width:256px;height:112px;margin:16px 10px 10px 22px;padding:6px 6px 22px 6px;float:left}
.realisation img{width:256px;height:112px;margin:16px 0 10px 22px;padding:0;float:left}
#ui-datepicker-div {font-size: 70%}
#box-confirmation {background-color: #0f72b4;padding:14px 8px 8px 8px;margin: 0 0 20px 22px;width: 600px;border: solid 1px #2990d5;float: left}
.image-confirmation{float:left;margin: 4px 10px 0 6px}
h2 {font-size: 120%;color:#6fa5cd;font-weight: bold;margin:0!important;padding:0!important}
ul#services { font-family:Verdana, Geneva, sans-serif; color: #fff; margin:0 0 10px 44px;}
ul#services li {list-style-image:url(../images/arrow.png); font-family:Verdana, Geneva, sans-serif; line-height:16px; font-size:0.7em; margin: 0 40px 20px 0 ;text-align: justify}
ul#services li a {list-style-image:url(../images/arrow.png); font-family:Verdana, Geneva, sans-serif; line-height:16px; font-size:0.7em; }
ul#services li a:hover {list-style-image:url(../images/arrow.png); font-family:Verdana, Geneva, sans-serif; line-height:16px; font-size:0.7em; }

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

div#footer {background: #1C72AB;border-top: 1px solid #3786BE; width:100%; margin:25px 0 0 0; height:80px; float:left;}
div#footer div#footer_centre { max-width:962px; margin:0 auto; padding:0; height:80px;}
div#footer div#footer_centre div#gauche_footer { width:50%; margin:0; padding:0; float:left; text-align:left; height:82px;}
div#footer div#footer_centre div#gauche_footer img { margin:15px 10px 0 28px; float:left;}
div#footer div#footer_centre div#gauche_footer p { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; line-height:15px; color:#FFF; margin:30px 0 0 0px; float:left;}
div#footer div#footer_centre div#droit_footer  { width:50%; margin:0; padding:0; float:right; text-align:right; height:82px;}
div#footer div#footer_centre div#droit_footer p { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; color:#FFF; margin:34px 15px 0 16px; float:right;}
div#footer div#footer_centre div#droit_footer p a { text-decoration:none; color:#FFF; }
div#footer div#footer_centre div#droit_footer p a:hover { text-decoration:none; color:#CCC; }
div#footer div#footer_centre div#droit_footer img { border:0px; margin:25px 27px 0 0; float:right;}

/* -------------------------- FORM RAPIDE ------------------------- */

#soumission-step-one input.inputfield_small{background-color:#fff;border:none;background-image:url(../images/champ-soumission.png);background-position:0 0;background-repeat:no-repeat;height:24px;width:227px;padding:0 6px 0 6px;margin: 0 0 0 0;font-family:Arial,Verdana,sans-serif;}
#soumission-step-one input.inputfield_small:focus {background-position: 0 -30px;}
#soumission-step-one input.inputfield:focus {background-position: -10px -112px;}


/* -------------------------- FORM CONTACT ------------------------- */

div.contact_form{width: 94%;float: left;padding:0 24px 40px;margin: 0}
div.contact_form p{font-size:11px;color:#fff;line-height:1.5em;margin:0 0 2px 0 !important;padding:0 !important;text-align:justify}
div.contact_form fieldset{border: none;margin: 0;padding: 0}
div.contact_leftcolumn{float:left;width: 33%;margin: 0 0 16px 0;padding: 0}
div.contact_centercolumn{float:left;width:33%;margin: 0 0 16px 0;padding: 0}
div.contact_rightcolumn{float:left;width:33%;margin: 0 0 16px 0;padding: 0}
div.contact_doublecolumn{float:left;padding:0;clear:both;margin:0 0 16px 0;width: 100%}
form.contact label {font-family:Arial,Verdana,sans-serif;font-weight: bold;font-size: 12px;color: #fff;margin:0}
form.contact input.inputfield_small{background-color:transparent;border:none;background-image:url(../images/champ-contact.png);background-position:0 0;background-repeat:no-repeat;height:24px;width:85%;padding:0 6px 0 6px;margin: 0 0 0 0;font-family:Arial,Verdana,sans-serif;}
form.contact input.inputfield_small:focus {background-position: 0 -30px;}
form.contact input.inputfield:focus {background-position: -10px -112px;}
form.contact div.contact_inputtext_top{width:612px;font-size:0;height:4px;background-image:url(../images/champ-contact.png);background-position:0px -61px;margin:0;padding:0;}
form.contact div.contact_inputtext_ml{float:left;width:4px;height:94px;background-image:url(../images/champ-contact.png);background-position:0px -65px;}
form.contact div.contact_inputtext_mm textarea{resize:none;float:left;background-color:#fff;border:none;width:604px;height:91px;padding-left:0;padding-top:2px;padding-bottom:1px;}
form.contact div.contact_inputtext_mr{float:left;width:4px;height:94px;background-image:url(../images/champ-contact.png);background-position:-608px -65px;margin: 0}
form.contact div.contact_inputtext_bottom{float:left;width:612px;height:4px;font-size:0;background-image:url(../images/champ-contact.png);background-position:0px -159px;margin : 0 0 0 0}
form.contact div.contact_submit{margin: 10px 10px 0 0;float: right}
form.contact div.contact_inputtext {width: 100%;}
form.contact p{margin: 10px 0 6px 0}
input.submit_button_envoyer {background:url(../images/submit-buttons.png) 0px 0px no-repeat;	width: 105px;height: 32px;border: none;cursor: pointer;margin: 0 32px 0 0;float: left}
input.submit_button_envoyer:hover {background-position: 0px -34px;}
input.submit_button_effacer {background:url(../images/submit-buttons.png) 0px -70px no-repeat;	width: 69px;height: 32px;border: none;cursor: pointer;margin: 2px 4px 0 10px;float: left}
input.submit_button_effacer:hover {background-position: -0px -104px;}
input[type=checkbox]{margin : 0 10px 0 0 }
form.contact textarea{font-family:Arial,Verdana,sans-serif;font-weight: normal;font-size: 11px;color: #000;margin:0;padding:0;width: 95.5%;height: 91px;}

/* -------------------------- FORM REQUIRED FIELD ------------------------- */

.formError {position:absolute;top:300px; left:300px;width:150px;padding-bottom:15px;display:block;z-index:5000;}
.formError .formErrorContent {width:100%; background:#000;color:#fff;font-family:tahoma;font-size:10px;box-shadow: 0px 0px 6px #000;-moz-box-shadow: 0px 0px 6px #000;-webkit-box-shadow: 0px 0px 6px #000;padding:4px 10px 4px 10px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
.formError .formErrorArrow{position:absolute;bottom:0;left:20px;width:15px; height:15px;}
.formError .formErrorArrow div{box-shadow: 0px 0px 6px #000;-moz-box-shadow: 0px 0px 6px #000;-webkit-box-shadow: 0px 0px 6px #000;font-size:0px; }
.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;} 

/* -------------------------- MENU MOBILE ------------------------- */

.hamburger {
	position: absolute;
	right: 15px;
	top: -100%;
	z-index:99999;
	cursor: pointer;
	transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	background-color: #015594;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
	background-color: #FFF;
}
/* MENU MOBILE */
.mobileMenu {
	position: fixed;
	right: -100%;
	top: 0;
	width: 400px;
	height: 100vh;
	z-index: 99998;
	box-sizing: border-box;
	padding: 90px 20px 20px 20px;
	background: #015594;
	transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.mobileMenu li {
	position: relative;
}
.mobileMenu .menu-item-has-children::after {
	content: ">";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #FFF;
	font-size: 20px;
	font-weight: 400;
	font-family:Verdana, Geneva, sans-serif;

}

#menu-navigation-mobile li a {
	color:#FFF;
	font-size: 15px;
	line-height: 22px;
	text-transform: uppercase;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration: none;
	transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#menu-navigation-mobile li {
	margin-bottom:20px;
}
#menu-navigation-mobile li a:hover {
	color: rgb(194, 194, 194);
}
.mobileMenu__joindre {
	background: #FFF;
	border-radius: 15px;
	padding: 2px 20px;
	margin-top: 20px;
	font-size: 15px;
	line-height: 40px;
	display: inline-block;
	font-family:Verdana, Geneva, sans-serif;
	color: #015594;
}

.mobileMenu__joindre a {
	color: #015594;
	text-decoration: none;
}

/* SOUS MENU MOBILE */
.mobileMenu .sub-menu {
	height: 100%;
	position: fixed;
	right: -150%;
	top: 0;
	width: 400px;
	padding: 90px 20px 20px 20px;
	background: rgb(211, 211, 211);
	transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
	box-sizing: border-box;
	z-index:999999;
	overflow-y: scroll;
}
.mobileMenu .sub-menu li {
	margin-bottom: 15px!important;
}
.mobileMenu .sub-menu li a {
	line-height: 25px!important;
	text-transform: none!important;
	
}
.mobileMenu .sub-menu li.menu-item-object-page a {
	color: #797979!important;
}
.sub-menu--opened {
	right: 0!important;
	transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.mobileMenu-opened {
	position: fixed;
	overflow: hidden;
	width: 100%;
}

.mobileMenu-opened .mobileMenu {
	right: 0;
}
.mobileMenu-opened div#overlay { background:rgba(0, 0, 0, 0.8); visibility: visible; }

.back-menu {
	color: #015594!important;
}

/* -------------------------- RESPONSIVE ------------------------- */

@media (max-width: 961px) {
    .hamburger {
		top: 35px;
	}
	.mobileMenu-opened .hamburger {
		top: 15px;
    }
    div#wrapper div#contenu_top div#top div#top_navigation_secondaire {
        display: none;
    }
    div#wrapper div#contenu_top div#top div#top_navigation_principale {
        display: none;
    }
    div#wrapper div#contenu_top div#top_image {
        float: none;
        background-position: center top;
        text-align: center;
    }
    div#wrapper div#contenu_top div#top_image div#slider {
        text-align: center;
    }
    div#wrapper div#contenu_top div#piece {
        width: 250px;
        height: auto;
        margin: 270px 0 0 0;
    }
    div#wrapper div#contenu_top div#piece img {
        width: 100%;
        height: auto;
    }
    div#wrapper div#centre_contenu div#centre_contenu_gauche {
        width: 100%;
    }
    div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre img {
        margin: 41px 0 10px 30px
    }
    div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre h1 {
        margin: 0 0 15px 30px
    }
    div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre p {
        margin: 0 30px 10px 30px
    }
    div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre ul {
        margin: 0 0 10px 46px
    }
    div#wrapper div#centre_contenu div#centre_contenu_droit div#soumission-step-one, div#wrapper div#centre_contenu div#centre_contenu_droit div#services-offerts {
        margin: 42px 0 0 30px;
    }
    div#wrapper div#centre_contenu div#centre_contenu_gauche h1 {
        margin: 40px 30px 25px 30px;
        line-height: 24px;
    }
    div#wrapper div#centre_contenu div#centre_contenu_gauche p {
        margin: 0 30px 10px 30px
    }
    .realisation {
        margin: 16px 10px 10px 30px
    }
    div.contact_form {
        width: calc(100% - 65px);
        padding: 0 30px 40px 30px;
    }
    div#wrapper div#centre_contenu div#centre_contenu_droit {
        width: 100%;
    }
    div#wrapper div#centre_contenu div#centre_contenu_droit div#soumission-step-one, div#wrapper div#centre_contenu div#centre_contenu_droit div#services-offerts {
        float: none;
        margin: 42px auto 0;
    }
    div.contact_form {
        width: 92%;
        padding: 0 30px 40px 30px;
    }
    div.contact_leftcolumn, div.contact_centercolumn {
        width: 30%;
        margin: 0 3% 16px 0;
    }
    div.contact_rightcolumn {
        width: 34%;
    }
    form.contact input.inputfield_small {
        width: 95%;
        background-image: none;
        background-color: #fff;
        border: 1px solid #ccc;
    }
    form.contact textarea {
        width: 99.5%;
    }
    input.submit_button_envoyer {
        margin: 0;
    }
    div.separator {
        margin: 20px 0;
        background-repeat: no-repeat;
        background-position: center top;
    }
    div.right {
        float: right;
    }
    ul#services {
        margin: 0 0 10px 50px;
    }
    ul#services li {
        margin: 0 30px 20px 0;
    }
    .bx-wrapper img {
        float: none;
        top: 8px;
        position: relative;
        left: 7px;
        margin: 0 auto;
    }

}

@media (max-width: 767px) {
    .hamburger {
        padding: 15px 0!important;
    }
    .mobileMenu,
	.sub-menu {
		width: 100%;
	}
	.mobileMenu .sub-menu {
		width: 100%;
    }
    div#wrapper div#contenu_top div#top div#top_logo {
        width: 100%
    }
    div#wrapper div#contenu_top div#top div#top_logo img {
        margin: 33px 0 0 15px;
        width: 200px;
        height: auto;
    }
    div#wrapper div#contenu_top {
        height: auto;
    }
    div#wrapper div#contenu_top div#top_image {
        width: auto;
        margin: 0 15px;
        height: auto;
        padding: 10px 10px 8px;
        background-image: none;
        background: #fff;
    }
    div#wrapper div#contenu_top div#piece {
        display: none;
    }
    div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre {
        width: 100%;
    }
    div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre img {
        margin: 41px 0 10px 15px
    }
    div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre h1 {
        margin: 0 0 15px 15px
    }
    div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre p {
        margin: 0 15px 10px 15px
    }
    div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre ul {
        margin: 0 0 10px 31px
    }
    div#wrapper div#centre_contenu div#centre_contenu_droit div#soumission-step-one, div#wrapper div#centre_contenu div#centre_contenu_droit div#services-offerts {
        margin: 42px 0 0 15px;
    }
    div#wrapper div#centre_contenu div#centre_contenu_gauche h1 {
        margin: 40px 15px 25px 15px;
        line-height: 24px;
    }
    div#wrapper div#centre_contenu div#centre_contenu_gauche p {
        margin: 0 15px 10px 15px
    }
    .realisation {
        margin: 16px 10px 10px 15px
    }
    div.contact_form {
        width: calc(100% - 35px);
        padding: 0 15px 40px 15px;
    }
    div.contact_leftcolumn, div.contact_centercolumn, div.contact_rightcolumn {
        width: 100%;
        margin: 0 0 16px 0;
    }
    form.contact input.inputfield_small {
        width: 98%;
    }
    form.contact textarea {
        width: 100.5%;
    }
    form.contact div.contact_submit {
        margin: 10px 0 0 0;
    }
    .formError {
        left: 45%!important;
    }
    div.left {
        float: none;
    }
    div.right {
        float: left;
        margin: 30px 15px 30px 16px;
    }
    div.right img {
        width: 250px;
        height: auto;
    }
    div.separator {
        background-size: 100%;
    }
    ul#services {
        margin: 0 0 10px 35px;
    }
    ul#services li {
        margin: 0 15px 20px 0;
    }
    .bx-wrapper .bx-viewport {
        min-height: 0;
    }
    .bx-wrapper img {
        float: none;
        top: auto;
        position: relative;
        left: auto;
        margin: 0 auto;
        right: auto;
    }
    div#footer {padding:0 0 20px 0; height:auto;}
    div#footer div#footer_centre {height:auto;}
    div#footer div#footer_centre div#gauche_footer { width:100%;float:none; text-align:center; height:auto;}
    div#footer div#footer_centre div#gauche_footer img { margin:20px 0 0 0; float:none;}
    div#footer div#footer_centre div#gauche_footer p {margin:10px 0 0 0; float:none;}
    div#footer div#footer_centre div#droit_footer  { width:100%; float:none; text-align:center; height:auto;}
    div#footer div#footer_centre div#droit_footer p {margin:10px 0 0; float:none;}
    div#footer div#footer_centre div#droit_footer img {margin:30px 0 0 0; float:none;}
}

#cookieConsent {
  background-color: #333;
  color: white;
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 20px;
  z-index: 1000;
}
#cookieConsent p {
  margin: 0;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
}
#cookieConsent button {
  margin-left: 10px;
  padding: 5px 10px;
  background-color: #4CAF50;
  color: white;
  border: none;
  cursor: pointer;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
}