/*desktop à partir de 990px*/
@media only screen and (min-width : 990px) {

h1 {color: #cd6249;text-align: left;font: Montserrat;letter-spacing: 5px;color: #CD6249;text-transform: uppercase;opacity: 1;}
h2 {font-size: 24px;color: #0d1b24;text-align: left;font: Montserrat;letter-spacing: 6px;color: #0D1B24;opacity: 1;}
h3 {font-size: 20px;}

.btnEmpty {border: 2px solid #A6B7A0;opacity: 1;width: 511px;height: 38px;}
.btn {height: 38px;border: 2px solid #A6B7A0;font-size: 18px;letter-spacing: 3.6px;color: #0D1B24;border-radius:0;text-transform: uppercase;} 
.btn2 {border: 1.5px solid #fff9f1;border: 2px solid #FFF9F1;opacity: 1;color: #0d1b24;font: normal normal normal 18px/22px Montserrat;letter-spacing: 3.6px;text-transform: uppercase;}

header .main .logo img {width: 125px; height: 80px;}
header .main .menuMobile {padding-right: 29px;}

header .burger {background: transparent url('img/Burger.png') 0% 0% no-repeat padding-box;
opacity: 1;}

header .main {padding: 15px 40px;}
header ul {padding-left: 0;}
header ul li {list-style: none}
header ul li a {text-decoration:none; color: #0d1b24;text-align: left;font-size: 16px;letter-spacing: 0.9px;padding:0px 10px 0px 10px;}
header ul li a:hover {border-bottom: 1px solid #A6B7A0;color: #0D1B24;}

section.presentation img {width: 100%; height: auto;}
section.presentation .texts {padding: 50px 50px 90px 70px;}
section.presentation .texts h2 {text-align: left;font: normal normal bold 22px/27px Montserrat;letter-spacing: 1.1px;color: #0D1B24;opacity: 1;margin-bottom:0;}
section.presentation .texts h3 {text-align: left;font: normal normal normal 18px/22px Montserrat;letter-spacing: 3.6px;color: #CD6249;text-transform: uppercase;opacity: 1;padding: 24px 0 12px; margin-bottom:0;}

section.services {padding: 100px 136px 100px;}
section.services .container {padding: 0;margin:0;max-width:100%;}

section.realisations {padding-bottom:100px;}
section.realisations .container {padding: 100px 0px 0px;max-width: 100%;}
section.realisations .intro {padding:0 130px 80px;}
section.realisations .intro div {padding-left:48px;}
section.realisations .list .realisation img {width: 300px; height: 240px;}
section.realisations .list .realisation .title {max-width: 300px;}

section.demarche .container {padding: 0;margin: 0; max-width: 100%;}
section.demarche {padding: 100px 136px 100px;margin-bottom:0;margin-bottom: 100px;background: #A6B7A0;}

section.reviews .container  {padding: 0px 0px 50px;}
section.reviews .intro {padding:0;}
section.reviews .intro h2 {margin-bottom:0;text-align: left;font: normal normal bold 22px/27px Montserrat;letter-spacing: 1.1px;color: #0D1B24;opacity: 1;}
section.reviews .intro .pink {padding: 24px 0 0;text-align: left;font: normal normal normal 16px/19px Montserrat;letter-spacing: 3.2px;color: #CD6249;text-transform: uppercase;opacity: 1;}
section.reviews ul {list-style:none;border-top: 1px solid #0D1B24; border-bottom: 1px solid #0D1B24}
section.reviews ul li {padding: 50px;border-bottom:0;width: 33%;}
section.reviews ul li:nth-child(2) {border-left: 1px solid #0D1B24; border-right: 1px solid #0D1B24}
section.reviews ul li div.comment {max-width: 720px; margin: auto;}
section.reviews ul li div {text-align: left;font: normal normal normal 16px/19px Montserrat!important;letter-spacing: 0px;color: #0D1B24;}
section.reviews ul li .name {max-width: 720px; margin: auto;text-transform: uppercase;padding-top:15px;}
section.reviews ul li span.b {color: #CD6249;padding-right:5px;}
section.reviews ul li span.a {color: #CD6249;padding-left:5px;}

section.appel {padding: 0;margin:0;}
section.appel .container {padding: 100px 0px;  }
section.appel .intro {padding:0px;}

footer {background: #0D1B24 0% 0% no-repeat padding-box;color:#fff9f1;padding:100px 0;}
footer a {color:#fff9f1;}

/*page services*/
section.servicesBlock ul.list {list-style:none;border-top: 1px solid #0D1B24; border-bottom: 1px solid #0D1B24}
section.servicesBlock ul li.service {padding:40px 40px;}
section.servicesBlock ul li.service:nth-child(2) {border-left: 1px solid #0D1B24; border-right: 1px solid #0D1B24}
section.servicesBlock ul li.service h2 { width: auto;margin:auto;padding-left: 0px; padding-right: 0px;}
section.servicesBlock ul li.service .details h2 {text-align: left;font: normal normal bold 30px/37px Montserrat;letter-spacing: 1.5px;
color: #0D1B24;opacity: 1;}
section.servicesBlock .details ul {width: auto;}
section.servicesBlock ul li.service .details div {width:auto;margin:auto;text-align: left;font: normal normal normal 16px/19px Montserrat;letter-spacing: 0px;color: #0D1B24;opacity: 1;}
section.servicesBlock ul li.service .details {padding-left: 0px; padding-right: 0px;}

section.atoutsBlock .intro {padding:100px 0;}

section.valeurs {margin: 0;}
section.valeurs .intro {padding:100px 0px 100px;}

/*page demarche*/
.approcheBlock {padding-bottom: 100px;}
.approcheBlock .title {padding: 100px 0;}
.approcheBlock .block {position: relative;}
.approcheBlock .block .col-lg-6 {padding-right:40px;}
.approcheBlock .block .rep {text-align: left;letter-spacing: 0px;color: #0D1B24;}
.approcheBlock .pink {padding-bottom: 12px;margin-bottom: 0; text-align: left; font: normal normal 300 22px/27px Montserrat;letter-spacing: 4.4px; color: #CD6249;text-transform: uppercase; opacity: 1;}
.approcheBlock .block h1 {padding-bottom: 48px; margin-bottom: 0; text-align: left; font: normal normal bold 24px/29px Montserrat;letter-spacing: 2.4px; color: #0D1B24;}
.approcheBlock .block h2 {padding: 0px 0 24px;}
.approcheBlock  .justify-content-end {padding: 0; right:0px;bottom: -150px; position: absolute;}

.engagementsBlock {margin: 0;padding:100px;background: #A6B7A0; }
.engagementsBlock .block .box  {width: auto ;max-width: initial;}
.engagementsBlock .block .right .box  {width: auto ;max-width: initial;}
.engagementsBlock .block .box div {min-height:240px;}
.engagementsBlock .block .box:nth-child(2) div {border:none;min-height: 114px;padding-bottom: 0px;margin-bottom: 0px;}
.engagementsBlock .block .left {max-width: auto;padding-right:36px;}
.engagementsBlock .block .right {max-width: auto;padding-left:36px}
.engagementsBlock .block .left, .engagementsBlock .block .right {max-width: auto;}
.engagementsBlock .block .left {margin-right:0;}

/*page realisations*/
.introRealisations {padding: 100px 0;}
.introRealisations .buttons .btn:first-child {margin-right: 30px;}
.realisationsList {padding-bottom: 100px;}
.realisationsList ul li {list-style:none;  padding: 40px;}
.realisationsList ul li .title {text-align: left;font-size: 18px;letter-spacing: 0px;color: #0D1B24;font-weight:bold}
.realisationsList ul li .title .type {font-weight:normal;font-style: italic}
.realisationsList ul li .description {text-align: left;font-size: 18px;letter-spacing: 0px;color: #0D1B24;}

/*page de connexion*/
#loginBlock {}
#loginBlock h2 {color: #CD6249}
#loginBlock h3 {}
#loginBlock form {margin: 50px auto;}


/*admin*/
.adminBlock .container {max-width: 1140px !important; margin-bottom:50px;}
.adminBlock h1 {font: normal normal bold 24px/29px Montserrat;letter-spacing: 2.4px;color: #0D1B24;opacity: 1;text-transform: initial;}
.adminBlock .btn {display:flex;width: 400px; height: 38px; justify-content: center;margin: auto; padding: 7px 18px; font: normal normal normal 18px/22px Montserrat; letter-spacing: 3.6px; color: #0D1B24;text-transform: uppercase; opacity: 1; border-radius: 0; border: 2px solid #A6B7A0;}
.adminBlock .btn:hover {width: 400px;height: 38px; text-align: center; padding: 7px 18px; font: normal normal normal 18px/22px Montserrat; letter-spacing: 3.6px; color: #0D1B24; text-transform: uppercase; opacity: 1; border-radius: 0; border: 2px solid #A6B7A0!important; background-color: #A6B7A0!important;}


/*page error 404*/
.error {}
.error .title {text-align: left;font: normal normal bold 60px/73px Montserrat;letter-spacing: 6px;color: #0D1B24;opacity: 1;}
.error div, .error a {text-align: left;font: normal normal normal 20px/24px Montserrat;letter-spacing: 0px;color: #0D1B24;opacity: 1;}
.error .justify-content-end svg {margin-right: 0px;}

#editReal img, #addReal img {width: 400px; object-fit: contain;}
#editReal, #addReal {margin:15px}

#newPasswordBlock form {margin: 50px auto;}


}

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

	.container {max-width: 1140px!important}

	h1 {color: #cd6249;text-align: left;font: Montserrat;letter-spacing: 5px;color: #CD6249;text-transform: uppercase;opacity: 1;}
	h2 {font-size: 30px;color: #0d1b24;text-align: left;font: Montserrat;letter-spacing: 6px;color: #0D1B24;opacity: 1;}
	h3 {font-size: 20px;}

 	section.realisations .list .realisation img { width: 339px; height: 271px;}
    section.realisations .list .realisation .title {text-align: left; max-width: 339px;}

	section.valeurs .intro .btn2 {height: 38px;border: 2px solid #FFF9F1;margin-top: 0px;align-content: center;text-align: left;
	font: normal normal normal 18px/22px Montserrat;letter-spacing: 3.6px;color: #0D1B24;text-transform: uppercase;opacity: 1;}
	section.valeurs .intro .btn2:nth-child(1) {margin-right:48px;}
	section.valeurs .intro .btn2:hover {height: 38px;font-size: 18px;letter-spacing: 3.6px;color: #0D1B24;text-transform: uppercase;background-color: #fff9f1; border: 2px solid #FFF9F1;}
	section.valeurs .intro #book {width: auto;margin-bottom:0}
	section.valeurs .intro #discover {width: auto;margin-bottom:0}

	.introRealisations .buttons .btn {padding: 8px 20px;height:54px;width: auto;text-align: center;}
	.introRealisations .buttons .btn:nth-child(2) {width: auto;}

	.engagementsBlock .block .box div {min-height: 140px;}

	section.atoutsBlock .intro .block .box {max-width:484px;padding:0;margin-left:0px; margin-right:36px}
	section.atoutsBlock .intro .block .box:nth-child(2) {padding:0;margin-left:36px;margin-right:36px;}
	section.atoutsBlock .intro .block .box:nth-child(3) {padding:0;margin-left:36px;margin-right:0;}

	.approcheBlock  .justify-content-end {padding: 0; right:0px;bottom: -150px; position: absolute;}


	/*admin*/
	.adminBlock .container {max-width: 1140px !important; margin-bottom:50px;}
	.adminBlock h1 {font: normal normal bold 24px/29px Montserrat;letter-spacing: 2.4px;color: #0D1B24;opacity: 1;text-transform: initial;}
	.adminBlock .btn {display:flex;width: 400px; height: 38px; justify-content: center;margin: auto; padding: 7px 18px; font: normal normal normal 18px/22px Montserrat; letter-spacing: 3.6px; color: #0D1B24;text-transform: uppercase; opacity: 1; border-radius: 0; border: 2px solid #A6B7A0;}
	.adminBlock .btn:hover {width: 400px;height: 38px; text-align: center; padding: 7px 18px; font: normal normal normal 18px/22px Montserrat; letter-spacing: 3.6px; color: #0D1B24; text-transform: uppercase; opacity: 1; border-radius: 0; border: 2px solid #A6B7A0!important; background-color: #A6B7A0!important;}


}


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

/*A VETRIFIER*/
.container {max-width: 100%!important}


	/*home*/
	body {background-color: #FFF9F1;color: #0D1B24;font-weight:normal;font-size: 20px; line-spacing:24px;text-align: left;letter-spacing: 0px;opacity: 1;}

	h1 {color: #cd6249;text-align: left;font: Montserrat;letter-spacing: 5px;color: #CD6249;text-transform: uppercase;opacity: 1;}
	h2 {font-size: 30px;color: #0d1b24;text-align: left;font: Montserrat;letter-spacing: 6px;color: #0D1B24;opacity: 1;}
	h3 {font-size: 20px;}

	header .burger {background: transparent url('img/Burger.png') 0% 0% no-repeat padding-box;	opacity: 1;}

	header .main {padding: 20px 76px 20px 100px;}
	header .main .logo {padding: 6px 20px 7px 0;}
	header ul {padding-left: 0}
	header ul li {list-style: none}
	header ul li a {text-decoration:none; color: #0d1b24;text-align: left;font-size: 18px;letter-spacing: 0.9px;padding:0px 24px 0px;text-align: left;font: normal normal normal 18px/22px Montserrat;letter-spacing: 0.9px;color: #0D1B24;opacity: 1;}

	.btnEmpty {border: 2px solid #A6B7A0;opacity: 1;width: 511px;height: 38px;}
	.btn {height: 38px;border: 2px solid #A6B7A0;font-size: 18px;letter-spacing: 3.6px;color: #0D1B24;text-transform: uppercase;} 
	.btn2 {border: 1.5px solid #fff9f1;border: 2px solid #FFF9F1;opacity: 1;color: #0d1b24;font: normal normal normal 18px/22px Montserrat;letter-spacing: 3.6px;text-transform: uppercase;}

	section.intro {padding: 120px 456px 180px 216px;position:relative;margin-bottom:0px;}
	section.intro .container {padding: 0;margin:0;}
	section.intro .container h1 {text-align: left;font: normal normal 300 25px/30px Montserrat;letter-spacing: 5px;color: #CD6249;text-transform: uppercase;opacity: 1;}
	section.intro .container h2 {text-align: left;font: normal normal bold 60px/73px Montserrat;letter-spacing: 6px;color: #0D1B24;}
	section.intro .container div {text-align: left;font: normal normal normal 20px/24px Montserrat;letter-spacing: 0px;color: #0D1B24;opacity: 1; padding: 0 0 24px;}
	section.intro .container .btn {width: 511px;height: 38px;text-align: left;padding:7px 18px;font: normal normal normal 18px/22px Montserrat;letter-spacing: 3.6px;color: #0D1B24;text-transform: uppercase;opacity: 1;}
	section.intro .justify-content-end {padding: 0; right:216px;bottom:0px; position: absolute;}

	section.presentation {margin-top:87px;}		
	section.presentation .texts {padding: 0px 216px 0px 128px;}
	section.presentation .texts h2 {text-align: left; font: normal normal bold 30px/37px Montserrat;letter-spacing: 1.5px; color: #0D1B24;}
	section.presentation .texts h3 {text-align: left; font: normal normal normal 20px/24px Montserrat; letter-spacing: 4px; color: #CD6249; padding:20px 0 10px;text-transform: uppercase;}
	section.presentation .texts div p {font: normal normal normal 18px/22px Montserrat;letter-spacing: 0px;}
	section.presentation .texts div .bold {font: normal normal 600 18px/22px Montserrat;letter-spacing: 0px;}
	section.presentation img {width: 100%;max-width:822px;max-height:800px;height: 700px;max-height:700px;  object-fit: cover;}

	section.services {padding: 146px 220px;margin: 150px 0;background: #A6B7A0 0% 0% no-repeat padding-box;}
	section.services .container {padding: 0;}
	section.services .box {padding: 15px 0;width: 400px;align-items: start;}
	section.services .box:first-child {padding: 0 0 15px;}
	section.services .box2 {border-top: 1px solid #FFF9F1;border-bottom: 1px solid #FFF9F1;}
	section.services img {width:36px;height:34.23px;padding-top:10px}
	section.services .name {font: normal normal normal 28px/34px Montserrat;color: #0d1b24;text-align: left;padding-left: 10px;letter-spacing: 5.6px;text-transform: uppercase;}
	section.services .col-md-5 {width: 400px;}
	section.services .right {width:680px;padding-left: 80px;}section.services .right h2 {padding-top:0;padding-bottom:20px;font: normal normal bold 30px/37px Montserrat;letter-spacing: 1.5px;}
	section.services .right div p {padding-bottom:20px;font: normal normal normal 18px/22px Montserrat;	letter-spacing: 0px;}
	section.services .right .btn2 {width:373px;height:38px;padding: 5px 10px;text-decoration:none;font: normal normal normal 18px/22px Montserrat;letter-spacing: 3.6px;}

	section.realisations {padding-bottom:130px;}
	section.realisations .container {padding:0px;}
	section.realisations .intro {padding:0 220px 80px;}
	section.realisations .intro h2 {text-align: left;font: normal normal bold 30px/37px Montserrat;letter-spacing: 1.5px;color: #0D1B24;}
	section.realisations .intro div {padding-top:0;text-align: left;color: #0D1B24;font: normal normal normal 18px/22px Montserrat;
	letter-spacing: 0px;}
	section.realisations .list {padding:0px 50px 50px;}
	section.realisations .list .realisation {margin-right:55px;padding:0;width:400px;}
	section.realisations .list .realisation:nth-child(3) {margin-right:0px;}
	section.realisations .list .realisation img {width:400px;height:320px;object-fit: cover;}
	section.realisations .list .realisation .title {text-align: left;color: #0D1B24;font: normal normal bold 18px/22px Montserrat;
	letter-spacing: 0px;}
	section.realisations .list .realisation .title span {font: normal normal normal 18px/22px Montserrat;letter-spacing: 0px;color: #0D1B24;}
	section.realisations .btn {margin:auto;width:fit-content; display: block;height:auto;font: normal normal normal 18px/22px Montserrat;
	letter-spacing: 3.6px;color: #0D1B24;}

	section.realisations .intro h2 {width: 400px;padding-bottom:0;}
	section.realisations .intro div {width:680px;padding-left: 80px;}

	section.demarche {padding: 120px 216px;margin-bottom:0;/*qd reviews remettre margin-bottom: 150px;*/background: #A6B7A0;}
	section.demarche .container {padding: 0px;margin:0;}
	section.demarche h2 {font: normal normal bold 30px/37px Montserrat;letter-spacing: 1.5px;}
	section.demarche .right div {font: normal normal normal 18px/22px Montserrat;letter-spacing: 0px;padding-bottom:0px;text-align: left;color: #0D1B24;}
	section.demarche .right ul {padding-left:15px;}
	section.demarche .right ul li {font: normal normal 600 18px/22px Montserrat;letter-spacing: 0px;}

	section.reviews .container  {padding: 120px 220px 0;}
	section.reviews .intro {padding:0;}
	section.reviews .intro h2 {margin-bottom:0;text-align: left;font: normal normal bold 30px/37px Montserrat;letter-spacing: 1.5px;color: #0D1B24;opacity: 1;}
	section.reviews .intro .pink {padding: 30px 0 80px;text-align: left;font: normal normal normal 18px/22px Montserrat;letter-spacing: 3.6px;color: #CD6249;text-transform: uppercase;opacity: 1;}
	section.reviews ul {list-style:none;border-top: 1px solid #0D1B24; border-bottom: 1px solid #0D1B24}
	section.reviews ul li {padding: 50px;border-bottom:0;width: 33%;}
	section.reviews ul li:nth-child(2) {border-left: 1px solid #0D1B24; border-right: 1px solid #0D1B24}
	section.reviews ul li div.comment {max-width: 720px; margin: auto;}
	section.reviews ul li div {text-align: left;font: normal normal normal 18px/22px Montserrat!important;letter-spacing: 0px;color: #0D1B24;}
	section.reviews ul li .name {max-width: 720px; margin: auto;text-transform: uppercase;padding-top:15px;}
	section.reviews ul li span.b {color: #CD6249;padding-right:5px;}
	section.reviews ul li span.a {color: #CD6249;padding-left:5px;}

	section.appel {padding: 150px 220px;margin:0;}
	section.appel .container {padding:0;}
	section.appel .intro {padding:0px;}
	section.appel .intro h2 {text-align: left;color: #0D1B24;font: normal normal bold 30px/37px Montserrat;letter-spacing: 1.5px;}
	section.appel .intro .pink {padding: 30px 0 0;text-align: left;font: normal normal normal 18px/22px Montserrat;letter-spacing: 3.6px;
	color: #CD6249;text-transform: uppercase;}
	section.appel .intro div {font: normal normal normal 18px/22px Montserrat;letter-spacing: 0px;}
	section.appel .intro .last {padding: 0 0 40px;font: normal normal normal 18px/22px Montserrat;letter-spacing: 3.6px;}

	section.appel .btn {border-radius: 0;height: 38px;text-align: left;font: normal normal normal 18px/22px Montserrat;
	letter-spacing: 3.6px;color: #0D1B24;text-transform: uppercase;opacity: 1; align-content: center;}

	footer {background: #0D1B24 0% 0% no-repeat padding-box;color:#fff9f1;padding:100px 216px 93px;}
	footer .container {margin:0;padding:0;}
	footer a {color:#fff9f1;}
	footer .pad {padding-top:12px;font: normal normal normal 18px/22px Montserrat;letter-spacing: 0px;color: #FFF9F1;}
	footer .col-lg-6 .block {width:500px;margin:auto;}
	.bottomFooter {padding-top:67px;}
	#wcb {max-width: 344px;text-align: left!important;margin-top:12px;font: normal normal normal 18px/22px Montserrat;letter-spacing: 0px;color: #FFF9F1;}

	/*page services*/
	section.introServices {padding: 120px 456px 120px 216px;position:relative;}
	section.introServices .container {padding: 0;}
	section.introServices .container h1 {text-align: left;font: normal normal 300 25px/30px Montserrat;letter-spacing: 5px;
	color: #CD6249;text-transform: uppercase;opacity: 1;}
	section.introServices .container h2 {text-align: left;font: normal normal bold 60px/73px Montserrat;letter-spacing: 6px;color: #0D1B24;opacity: 1;}
	section.introServices .container div {text-align: left;font: normal normal normal 20px/24px Montserrat;letter-spacing: 0px;
	color: #0D1B24;opacity: 1;}

	section.introServices .justify-content-end {padding: 0; right:216px;top: 400px; position: absolute;}

	section.servicesBlock ul.list {list-style:none;border-top: 1px solid #0D1B24; border-bottom: none;}
	section.servicesBlock ul li.service {padding:50px;}
	section.servicesBlock ul li.service:nth-child(2) {border-left: 1px solid #0D1B24; border-right: 1px solid #0D1B24}
	section.servicesBlock ul li.service h2 {width:440px;margin:auto;margin-bottom:24px;text-align: left;font: normal normal bold 30px/37px Montserrat;letter-spacing: 1.5px;
	color: #0D1B24;opacity: 1;}
	section.servicesBlock .details ul {width:440px;margin:auto;}
	section.servicesBlock ul li.service .details div {width:auto;margin:auto;text-align: left;font: normal normal normal 18px/22px Montserrat;letter-spacing: 0px;color: #0D1B24;opacity: 1;}
	section.servicesBlock ul li.service .details ul li {text-align: left;font: normal normal normal 18px/22px Montserrat;letter-spacing: 0px;color: #0D1B24;opacity: 1;}

	section.atoutsBlock {margin: 0;padding: 120px 216px;}
	section.atoutsBlock .container {margin: 0; padding:0;}
	section.atoutsBlock .intro {padding:0;}

	section.atoutsBlock .intro h2 {padding-bottom:0;margin-bottom:0;text-align: left;font: normal normal bold 30px/37px Montserrat;letter-spacing: 1.5px;color: #0D1B24;opacity: 1;}
	section.atoutsBlock .intro .pink {padding: 48px 0 24px;text-align: left;font-size: 18px;letter-spacing: 3.6px;color: #CD6249;text-transform: uppercase;}
	section.atoutsBlock .intro .last {padding: 0;}

	section.doubleImg {width:100%;}

	section.valeurs {margin: 0;padding:150px 220px;}
	section.valeurs .container {padding: 0;}
	section.valeurs .intro {padding: 0;}
	section.valeurs .intro h2 {margin-bottom:0;padding-bottom:48px;text-align: left;font: normal normal bold 30px/37px Montserrat;letter-spacing: 1.5px;color: #0D1B24;opacity: 1;}
	section.valeurs .intro .last {text-align: left;font: normal normal normal 18px/22px Montserrat;letter-spacing: 0px;color: #0D1B24;opacity: 1;padding-bottom:48px;}
	section.valeurs .intro .btn2 {height: 38px;border: 2px solid #FFF9F1;margin-top: 0px;align-content: center;text-align: left;
	font: normal normal normal 18px/22px Montserrat;letter-spacing: 3.6px;color: #0D1B24;text-transform: uppercase;opacity: 1;}
	section.valeurs .intro .btn2:nth-child(1) {margin-right:48px;}
	section.valeurs .intro .btn2:hover {height: 38px;font-size: 18px;letter-spacing: 3.6px;color: #0D1B24;text-transform: uppercase;background-color: #fff9f1; border: 2px solid #FFF9F1;}
	section.valeurs .intro #book {width: auto;margin-bottom:0}
	section.valeurs .intro #discover {width: auto;margin-bottom:0}

	/*page demarche*/
	.approcheBlock {padding: 120px 216px 240px 216px;}
	.approcheBlock .container {padding: 0;}
	.approcheBlock .title {padding: 0 60px 0 0;}
	.approcheBlock .pink {text-align: left;font: normal normal 300 25px/30px Montserrat;letter-spacing: 5px;color: #CD6249;text-transform: uppercase;opacity: 1;padding-bottom:12px;}
	.approcheBlock h1 {text-transform: initial;text-align: left;font: normal normal bold 60px/73px Montserrat;letter-spacing: 6px;
	color: #0D1B24;opacity: 1;margin-bottom: 0;padding-bottom:150px;}
	.approcheBlock .block {position:relative;}
	.approcheBlock .block h2 {margin-bottom:0;padding-bottom: 48px;padding-top:0;text-align: left;font: normal normal bold 30px/37px Montserrat;letter-spacing: 1.5px;color: #0D1B24;opacity: 1;}
	.approcheBlock .block .col-lg-6 {padding-right:0px;max-width:654px;}
	.approcheBlock .block .col-lg-6:nth-child(1) {margin-right:72px;}
	.approcheBlock .block .rep {text-align: left;font: normal normal normal 18px/22px Montserrat;letter-spacing: 0px;color: #0D1B24;}
	.approcheBlock .block .rep strong  {text-align: left;font: normal normal 600 18px/22px Montserrat;letter-spacing: 0px;color: #0D1B24;}
	.approcheBlock  .justify-content-end {padding: 0; right:0px;bottom: -172px; position: absolute;}

	.engagementsBlock {margin: 0;padding: 120px 216px;background: #A6B7A0; }
	.engagementsBlock .container {margin: 0; padding:0;}
	.engagementsBlock h2 {padding-bottom: 48px;margin-bottom:0;text-align: left;font: normal normal bold 30px/37px Montserrat;
	letter-spacing: 1.5px;color: #0D1B24;opacity: 1;}
	.engagementsBlock .block .left, .engagementsBlock .block .right {max-width: 654px;}
	.engagementsBlock .block .left {margin-right:72px;}

	.engagementsBlock .block .box {padding:0;width:auto;min-height:272px;margin-bottom: 48px;border-bottom:1px solid #000;}
	.engagementsBlock .block .box h3 {padding-bottom: 24px;margin-bottom:0;text-align: left;font: normal normal normal 20px/24px Montserrat;
	letter-spacing: 4px;color: #0D1B24;text-transform: uppercase;opacity: 1;}
	.engagementsBlock .block .box div {text-align: left;font: normal normal normal 18px/22px Montserrat;letter-spacing: 0px;color: #0D1B24;opacity: 1;max-width: 654px;border-bottom: none; padding-bottom: 0px;  margin-bottom: 0px;}
	.engagementsBlock .block .box:nth-child(2) {border:none;min-height:66px;padding-bottom: 0px;margin-bottom: 0px;}
	.engagementsBlock .block .right .box {width: auto;max-width: 654px;}

	/*page realisations*/
	.introRealisations {padding: 120px 456px 120px 216px;margin: 0;position: relative;}
	.introRealisations .container {margin: 0; padding:0}
	.introRealisations h1 {padding-bottom:48px;margin-bottom:0;text-transform: initial;text-align: left;	font: normal normal bold 60px/73px Montserrat;letter-spacing: 6px;color: #0D1B24;opacity: 1;}
	.introRealisations .text {padding: 0 0 48px 0;text-align: left;font: normal normal normal 20px/24px Montserrat;letter-spacing: 0px;color: #0D1B24;opacity: 1;}
	.introRealisations .buttons .btn {height: 38px;text-align: center;font: normal normal normal 18px/22px Montserrat;letter-spacing: 3.6px;color: #0D1B24;text-transform: uppercase;opacity: 1;}
	.introRealisations .buttons .btn:first-child {margin-right: 48px;width:auto;}
	.introRealisations .buttons .btn:nth-child(2) {width:auto}

	.introRealisations .justify-content-end {padding: 0;position: absolute;right: 270px; bottom: 110px;}

	.realisationsList {padding-top:50px;padding-bottom: 294px;}
	.realisationsList ul li {list-style:none;  padding: 40px;}
	.realisationsList ul li img {width: 400px;height: 320px;object-fit: cover;}
	.realisationsList ul li .title {text-align: left;font: normal normal bold 18px/22px Montserrat;letter-spacing: 0px;color: #0D1B24;padding-top:12px;}
	.realisationsList ul li .title .type {text-align: left;font: italic normal normal 18px/22px Montserrat;letter-spacing: 0px;color: #0D1B24;}
	.realisationsList ul li .description {text-align: left;font: normal normal normal 18px/22px Montserrat;letter-spacing: 0px;color: #0D1B24;opacity: 1;padding-top:12px;}

	/*page contact*/
	.contactPage {position: initial; padding-top: 1px; padding-bottom: 0px;}
	.contactPage .block {padding: 120px 456px 144px 231px;position: relative;}
	.contactPage h1 {text-align: left;font: normal normal bold 60px/73px Montserrat;letter-spacing: 6px;color: #0D1B24;opacity: 1;text-transform: initial;}
	.contactPage .intro {text-align: left;font: normal normal normal 20px/24px Montserrat;letter-spacing: 0px;color: #0D1B24;opacity: 1; padding: 48px 0 0 0;}
	.contactPage .justify-content-end {padding: 0;position: absolute;right: 270px; bottom: 100px;}
	#my-cal-inline {margin-bottom:48px}
	#my-cal-inline iframe .block {display:none!important;}
	.contactPage .conclusion {text-align: left;  font: normal normal normal 16px/19px Montserrat;letter-spacing: 0px; color: #0D1B24; opacity: 1;padding-top: 0;padding-bottom:156px;width: 1064px;}


	/*admin*/
	.adminBlock .container {max-width: 1140px !important; margin-bottom:50px;}
	.adminBlock h1 {font: normal normal bold 60px/73px Montserrat;letter-spacing: 6px;color: #0D1B24;opacity: 1;text-transform: initial;}

	.adminBlock .btn {display:flex;width: 400px; height: 38px; justify-content: center;margin: auto; padding: 7px 18px; font: normal normal normal 18px/22px Montserrat; letter-spacing: 3.6px; color: #0D1B24;text-transform: uppercase; opacity: 1; border-radius: 0; border: 2px solid #A6B7A0;}
	.adminBlock .btn:hover {width: 400px;height: 38px; text-align: center; padding: 7px 18px; font: normal normal normal 18px/22px Montserrat; letter-spacing: 3.6px; color: #0D1B24; text-transform: uppercase; opacity: 1; border-radius: 0; border: 2px solid #A6B7A0!important; background-color: #A6B7A0!important;}


	/*page de connexion*/
	#loginBlock form label {min-width : 170px;}
	#loginBlock form input {min-width : 200px;text-align:center}
	#loginBlock h2 {color: #CD6249}
	#loginBlock h3 {}
	#loginBlock form {margin: 50px auto;}

	.mdpforgotBlock form input {min-width: 245px!important; height: 40px;}
	.mdpforgotBlock .btn {width: 245px!important;}
	.mdpforgotBlock .btn:hover {width: 245px!important;}

	#newPasswordBlock form label {min-width : 170px;}
	#newPasswordBlock form input {min-width : 200px;text-align:center}
	#newPasswordBlock h2 {color: #CD6249}
	#newPasswordBlock form {margin: 50px auto;}


	/*page error 404*/
	.error {padding: ;}
	.error .title {text-align: left;font: normal normal bold 60px/73px Montserrat;letter-spacing: 6px;color: #0D1B24;opacity: 1;}
	.error div, .error a {text-align: left;font: normal normal normal 20px/24px Montserrat;letter-spacing: 0px;color: #0D1B24;opacity: 1;}

 	.error .justify-content-end {}
 	.error .justify-content-end svg {margin-right: 0px;}

}


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

	/*home*/
	body {background-color: #FFF9F1;color: #0D1B24;font-weight:normal;font-size: 20px; line-spacing:24px;text-align: left;letter-spacing: 0px;opacity: 1;}

	h1 {color: #cd6249;text-align: left;font: Montserrat;letter-spacing: 5px;color: #CD6249;text-transform: uppercase;opacity: 1;}
	h2 {font-size: 30px;color: #0d1b24;text-align: left;font: Montserrat;letter-spacing: 6px;color: #0D1B24;opacity: 1;}
	h3 {font-size: 20px;}

	header .burger {background: transparent url('img/Burger.png') 0% 0% no-repeat padding-box;	opacity: 1;}

	header .main {padding: 20px 76px 20px 100px;}
	header .main .logo {padding: 6px 20px 7px 0;}
	header ul {padding-left: 0}
	header ul li {list-style: none}
	header ul li a {text-decoration:none; color: #0d1b24;text-align: left;font-size: 18px;letter-spacing: 0.9px;padding:0px 24px;text-align: left;font: normal normal normal 18px/22px Montserrat;letter-spacing: 0.9px;color: #0D1B24;opacity: 1;}

	.btnEmpty {border: 2px solid #A6B7A0;opacity: 1;width: 511px;height: 38px;}
	.btn {height: 38px;border: 2px solid #A6B7A0;font-size: 18px;letter-spacing: 3.6px;color: #0D1B24;text-transform: uppercase;} 
	.btn2 {border: 1.5px solid #fff9f1;border: 2px solid #FFF9F1;opacity: 1;color: #0d1b24;font: normal normal normal 18px/22px Montserrat;letter-spacing: 3.6px;text-transform: uppercase;}

	section.intro {padding: 150px 570px 150px 270px;}

	section.presentation .texts {padding: 0px 270px 0px 128px;}
	section.presentation .texts h3 { padding:48px 0 24px;}

	section.services {padding: 146px 420px;}
	section.services .right {width:600px;}
	section.services .right h2 {padding-top:0;padding-bottom:20px;font: normal normal bold 30px/37px Montserrat;letter-spacing: 1.5px;}
	section.services .right .btn2 {padding: 7px 10px;}
	section.realisations {padding-bottom:150px;}
	section.realisations .intro {padding:0 420px 80px;}
	section.realisations .intro div {width:600px;padding-top:0;text-align: left;color: #0D1B24;font: normal normal normal 18px/22px Montserrat;letter-spacing: 0px;}
	section.realisations .list {padding:0px 100px 50px;}
	section.realisations .list .realisation {margin-right:110px;padding:0;width:500px;}
	section.realisations .list .realisation img {width:500px;height:400px;object-fit: cover;}

	section.demarche {padding: 150px 270px;/*margin-bottom:150px;*/}
	section.demarche .col-md-5 {width: 550px;margin-right: 80px;}
	section.demarche .right {padding-left: 0px;width:750px;}

	section.reviews .container {padding: 146px 0 0;}
	section.reviews .intro {padding:0 420px 80px;}
	section.reviews .intro h2 {margin-bottom:0;text-align: left; font: normal normal bold 30px/37px Montserrat; letter-spacing: 1.5px; color: #0D1B24;}
	section.reviews .intro .pink {padding: 48px 0 0;text-align: left;font: normal normal normal 18px/22px Montserrat;letter-spacing: 3.6px;color: #CD6249;text-transform: uppercase;}
	section.reviews ul {list-style:none;border-top: 1px solid #0D1B24; border-bottom: 1px solid #0D1B24}
	section.reviews ul li {padding: 100px;border-bottom:0;}
	section.reviews ul li:nth-child(2) {border-left: 1px solid #0D1B24; border-right: 1px solid #0D1B24}
	section.reviews ul li div {text-align: left;font: normal normal normal 18px/22px Montserrat;letter-spacing: 0px;color: #0D1B24;}
	section.reviews ul li .name {text-transform: uppercase;padding-top:27px;text-align: left;font: normal normal normal 16px/19px Montserrat;letter-spacing: 2.4px;color: #0D1B24;text-transform: uppercase;opacity: 1;}

	section.appel {padding: 146px 420px;margin:0;}
	section.appel .intro .pink {padding: 48px 0 0;}
	section.appel .intro .last {padding: 12px 0 48px;letter-spacing: 0px;}
	section.appel .btn {border-radius: 0;height: 38px;text-align: left;font: normal normal normal 18px/22px Montserrat;	letter-spacing: 3.6px;color: #0D1B24;text-transform: uppercase;opacity: 1; align-content: center;}

	footer {padding:100px 270px 93px;}

	/*page services*/
	section.introServices {padding: 150px 570px 150px 270px;position:relative;}
	section.introServices .justify-content-end {right:270px;top: 350px;}

	section.servicesBlock ul li.service {padding:100px;}
	section.servicesBlock ul li.service .details div {width:440px;}

	section.atoutsBlock {padding: 150px 270px;}
	section.atoutsBlock .intro .block .box:nth-child(3) {max-width: 412px;}

	section.doubleImg {width:100%;}
	
	section.valeurs {margin: 0;padding:150px 420px;}
	section.valeurs .intro .btn {height: 38px;border: 2px solid #FFF9F1;margin-top: 0px;align-content: center;text-align: left;	font: normal normal normal 18px/22px Montserrat;letter-spacing: 3.6px;color: #0D1B24;text-transform: uppercase;opacity: 1;}
	section.valeurs .intro #book {width: 511px;margin-bottom:0;}  
	section.valeurs .intro #discover {width: 379px;margin-bottom:0;}
	
	/*page demarche*/
	.approcheBlock {padding: 150px 270px 300px 270px;}
	.approcheBlock .title {padding: 0 300px 0 0;}
	.approcheBlock .block h2 {margin-bottom:0;padding-bottom: 48px;padding-top:0;text-align: left;font: normal normal bold 30px/37px Montserrat;letter-spacing: 1.5px;color: #0D1B24;opacity: 1;}

	.engagementsBlock {margin: 0;padding: 150px 270px;background: #A6B7A0; }
	.engagementsBlock .block .box {padding:0;width:auto;min-height:228px;margin-bottom: 48px;border-bottom:1px solid #000;}
	.engagementsBlock .block .box div {min-height:0;}

	/*page realisations*/
	.introRealisations {padding: 150px 570px 150px 270px;}
	.introRealisations .buttons .btn:first-child {width:auto;}
	.introRealisations .buttons .btn:nth-child(2) {width:auto;}
	.introRealisations .justify-content-end svg {width: 102.08px; height: 97.07px;}

	.realisationsList {padding-bottom: 244px;}
	.realisationsList ul {padding: 0 50px!important}
	.realisationsList ul li { padding: 50px 55px;}
	.realisationsList ul li img {width: 500px;height: 400px;}
	
 	/*page contact*/
	.contactPage .block {padding: 150px 570px 174px 270px;margin: 0;}
          


	/*admin*/
	.adminBlock .container {max-width: 1140px !important; margin-bottom:50px;}
	.adminBlock h1 {font: normal normal bold 60px/73px Montserrat;letter-spacing: 6px;color: #0D1B24;opacity: 1;text-transform: initial;}

	.adminBlock .btn {display:flex;width: 400px; height: 38px; justify-content: center;margin: auto; padding: 7px 18px; font: normal normal normal 18px/22px Montserrat; letter-spacing: 3.6px; color: #0D1B24;text-transform: uppercase; opacity: 1; border-radius: 0; border: 2px solid #A6B7A0;}
	.adminBlock .btn:hover {width: 400px;height: 38px; text-align: center; padding: 7px 18px; font: normal normal normal 18px/22px Montserrat; letter-spacing: 3.6px; color: #0D1B24; text-transform: uppercase; opacity: 1; border-radius: 0; border: 2px solid #A6B7A0!important; background-color: #A6B7A0!important;}

	#userDeletionModalLabel, #realisationDeletionModalLabel, #reviewDeletionModalLabel {letter-spacing: 2.4px;}


	/*page de connexion*/
	#loginBlock form label {min-width : 170px;}
	#loginBlock form input {min-width : 200px;text-align:center}
	#loginBlock h2 {color: #CD6249}
	#loginBlock h3 {}
	#loginBlock form {margin: 50px auto;}

	.mdpforgotBlock form input {min-width: 245px!important; height: 40px;}
	.mdpforgotBlock .btn {width: 245px!important;}
	.mdpforgotBlock .btn:hover {width: 245px!important;}

	#newPasswordBlock form label {min-width : 170px;}
	#newPasswordBlock form input {min-width : 200px;text-align:center}
	#newPasswordBlock h2 {color: #CD6249}
	#newPasswordBlock form {margin: 50px auto;}

	.editUserBlock h2, .addUserBlock h2, .editRealBlock h2, .addRealBlock h2, .editReviewBlock h2, .addReviewBlock h2 {color: #0D1B24;letter-spacing: 6px;margin-bottom: 0;padding-bottom: 0;}
	.addUserBlock form, .editUserBlock form, .addRealBlock form, .editReviewBlock form, .addReviewBlock form {margin: 50px auto;}
  	#editReal, #addReal {margin: 50px auto;}

  	.addUserBlock input, .editUserBlock input, .editRealBlock input, .addRealBlock input, .editReviewBlock input, .addReviewBlock input {width: 300px;}

	.editRealBlock label, .addRealBlock form .block label {width: 150px;}
	.editRealBlock  #taLabel, .addRealBlock form .block #taLabel {width: 210px;}
  
	.editReviewBlock label, .addReviewBlock form .block label {width: 150px;}
	.editReviewBlock #taLabel, .addReviewBlock form .block #taLabel {width: 210px;}

	.addRealBlock textarea, .editRealBlock textarea  {max-width:300px!important}
	.addReviewBlock textarea, .editReviewBlock textarea  {max-width:300px!important}

}