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

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

	section.intro .container {position:relative;padding: 150px 0px 97px;}

	section.intro .container h1 {margin-bottom:12px;text-align: left;font: normal normal 300 22px/27px Montserrat;letter-spacing: 4.4px;color: #CD6249;text-transform: uppercase;opacity: 1;}
	section.intro .container h2 {margin-bottom:48px;text-align: left;font: normal normal bold 35px/43px Montserrat;letter-spacing: 3.5px;color: #0D1B24;opacity: 1}
	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 {min-width:516px;height: 38px;text-align: left;border-radius: 0;font: normal normal normal 18px/22px Montserrat;letter-spacing: 3.6px;color: #0D1B24;text-transform: uppercase;opacity: 1;padding: 8px 20px;}

	section.intro .justify-content-end {padding: 0 48.96px 0 0;}
	section.intro .justify-content-end svg {width: 102.08px;height: 97.07px;}

	section.presentation img {max-width: 550px;height: 469px;}
	section.presentation .texts {padding: 100px 80px;}
	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 48.5px 100px 50px;margin:0;background: #A6B7A0 0% 0% no-repeat padding-box;}
	section.services .container {padding: 0;margin:0;max-width: 100%;}
	section.services .col-md-5 {min-width: 256px;}
	section.services .box {padding: 15px 0;width: 256px;align-items: start;}
	section.services .box:first-child {padding: 0 0 12px;}
	section.services .box2 {border-top: 1px solid #FFF9F1;border-bottom: 1px solid #FFF9F1;}
	section.services img {width:23.14px;height:22px;padding:0px}
	section.services .name {text-align: left;font: normal normal normal 18px/22px Montserrat;letter-spacing: 3.6px;color: #0D1B24;text-transform: uppercase;opacity: 1;padding-left: 12px;}
	section.services .right {padding-left:48px;}
	section.services .right h2 {padding-top:0;padding-bottom:24px;margin-bottom:0;text-align: left;font: normal normal bold 22px/27px Montserrat;letter-spacing: 1.1px;color: #0D1B24;opacity: 1;}
	section.services .right div {padding-bottom:24px;margin-bottom:0;font: normal normal normal 16px/19px Montserrat;letter-spacing: 0px;}
	section.services .right .btn2 {width:341px;height:35px;padding: 8px 10px;text-decoration:none;text-align: center;font: normal normal normal 16px/19px Montserrat;letter-spacing: 3.2px;color: #0D1B24;text-transform: uppercase;opacity: 1;}

	section.realisations .container {padding: 100px 0px 60px;}
	section.realisations .intro h2 {color: #0D1B24;text-align: left; font: normal normal bold 30px/37px Montserrat;letter-spacing: 1.5px;margin-bottom:0;padding-bottom:24px;}
 	section.realisations .intro div {padding-top: 0px; text-align: left; font: normal normal normal 18px/22px Montserrat;letter-spacing: 0px; color: #0D1B24; opacity: 1;}
	section.realisations .list {justify-content: center;}
	section.realisations .list .realisation .title {padding-top: 11.6px;text-align: left;max-width: 339px;}
	section.realisations .list .realisation img {width: 339px;height: 271px;}
	section.realisations .btn {text-align: center;margin: auto;width: 392px;height: 35px;align-content: center;}

	section.demarche {padding: 100px 48.5px 100px 50px; margin-bottom: 100px;background: #A6B7A0;}
	section.demarche .container {padding: 0;margin:0;max-width: 100%;}
	section.demarche .col-md-5 {min-width:255px;}
	section.demarche h2 {text-align: left;font: normal normal bold 22px/27px Montserrat;letter-spacing: 1.1px;color: #0D1B24;opacity: 1;margin-bottom:0;padding-bottom:0;}
	section.demarche .right {padding-left:48px;}
	section.demarche .right div {font: normal normal normal 16px/19px 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 16px/19px Montserrat;letter-spacing: 0px;}

	section.reviews .container  {padding: 0px 0px 50px;}
	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 {padding-left:0;list-style:none;border-top: 2px solid #0D1B24;}
	section.reviews ul li {padding: 50px 0px;border-bottom: 2px solid #0D1B24;width: 100%;}
	section.reviews ul li div.comment {max-width: 620px; margin: auto;}
	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 {max-width: 620px; 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 {margin: 100px 0;}
	section.appel .container {padding: 0;}
	section.appel .intro h2 {text-align: left;font: normal normal bold 22px/27px Montserrat;letter-spacing: 1.1px;color: #0D1B24;opacity: 1;margin-bottom:0;}
	section.appel .intro .pink {padding: 24px 0 12px;text-align: left;font: normal normal normal 16px/19px Montserrat;letter-spacing: 3.2px;color: #CD6249;text-transform: uppercase;opacity: 1;}
	section.appel .intro div {text-align: left;font: normal normal normal 16px/19px Montserrat;letter-spacing: 0px;color: #0D1B24;opacity: 1;}
	section.appel .intro .last {padding: 0 0 24px;}
	section.appel .btn {border-radius: 0;height: 35px;text-align: left;font: normal normal normal 16px/19px Montserrat; letter-spacing: 3.2px;color: #0D1B24;text-transform: uppercase;opacity: 1;  align-content: center; padding: 8px 20px;}

	footer {background: #0D1B24 0% 0% no-repeat padding-box;color:#fff9f1;padding:80px 0 96px;}
	footer .container {padding:0;}
	footer .pad {padding: 24px 0;font: normal normal normal 18px/22px Montserrat;letter-spacing: 0px;color: #FFF9F1;}
	footer .flex-column.pad {padding:0 0 24px 0}
	footer #wcb {margin: 24px 0 0!important; text-align: left!important;font: normal normal normal 18px/22px Montserrat;letter-spacing: 0px;color: #FFF9F1;}

	/*page services*/
	section.introServices .container {position:relative;padding:106px 20px 0px;}
	section.introServices .container h1 {padding-bottom:12px;padding-top:0;margin-bottom:0;text-align: left;font: normal normal 300 22px/27px Montserrat;letter-spacing: 4.4px;color: #CD6249;text-transform: uppercase;opacity: 1;}
	section.introServices .container h2 {padding-bottom:48px;margin-bottom:0;text-align: left;font: normal normal bold 24px/29px Montserrat;letter-spacing: 2.4px;color: #0D1B24;}
	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 49px 80px 0;}
	section.introServices .justify-content-end svg {width: 102px;height: 97px;}

	section.servicesBlock ul.list {padding-left:0;margin-bottom:0;list-style:none;border-top: 1px solid #0D1B24;}
	section.servicesBlock ul li.service {padding: 50px 100px;border-bottom: 1px solid #0D1B24}
	section.servicesBlock ul li.service h2 {max-width: 720px;margin:auto;padding-left: 0px;padding-right: 0px;padding-bottom:24px;margin-bottom:0;text-align: left;color: #0D1B24;font: normal normal bold 22px/27px Montserrat;letter-spacing: 1.1px;}
	section.servicesBlock ul li.service .details {padding-left: 0px;padding-right: 0px;}
	section.servicesBlock ul li.service .details div {text-align: left;color: #0D1B24;font: normal normal normal 16px/19px Montserrat;letter-spacing: 0px;}
	section.servicesBlock ul li.service .details ul {padding-left:15px;list-style:disc;font: normal normal normal 16px/19px Montserrat;letter-spacing: 0px;}

	section.atoutsBlock .container {padding: 0 20px;}
	section.atoutsBlock .intro {padding: 100px 0 80px;}
	section.atoutsBlock .intro h2 {text-align: left;font: normal normal bold 22px/27px Montserrat;letter-spacing: 1.1px;color: #0D1B24;opacity: 1;padding-bottom:0px;margin-bottom:0;}
	section.atoutsBlock .intro .pink {padding: 36px 0 12px;text-align: left;font: normal normal 300 18px/22px Montserrat;letter-spacing: 3.6px;color: #CD6249;text-transform: uppercase;opacity: 1;}
	section.atoutsBlock .intro .last {padding: 0px;text-align: left;font: normal normal normal 16px/19px Montserrat;letter-spacing: 0px;color: #0D1B24;opacity: 1;}

	section.doubleImg img {width:100%;min-height:235px;height: auto;object-fit:cover;}

	section.valeurs {background-color: #a6b7a0;}
	section.valeurs .container {padding: 0 20px;}
	section.valeurs .intro {padding: 80px 0 68px;}
	section.valeurs .intro h2 {text-align: left;font: normal normal bold 22px/27px Montserrat;letter-spacing: 1.1px;color: #0D1B24;opacity: 1;padding-bottom:0; margin-bottom:0;}
	section.valeurs .intro .last {padding: 24px 0;text-align: left;font: normal normal normal 16px/19px Montserrat;letter-spacing: 0px;color: #0D1B24;opacity: 1;}
	section.valeurs .intro .btn2 {height:35px;border: 2px solid #FFF9F1;opacity: 1;text-align: left;font: normal normal normal 16px/19px Montserrat;letter-spacing: 3.2px;color: #0D1B24; margin-bottom: 12px;display:block;align-content: center; text-decoration: none;padding:5px 10px;text-transform: uppercase;}
	section.valeurs .intro .btn2:hover {padding: 5px 10px;background-color: #fff9f1;border: 2px solid #FFF9F1;}
	section.valeurs .intro #book {width:459px;}
	section.valeurs .intro #discover {width:341px;}

	.realisationsList ul li img {width: 339px;height: 271px;} 

	.engagementsBlock {background: #A6B7A0; padding:100px 50px}
	.engagementsBlock .container {max-width:100%;padding:0;margin:0;}
	.engagementsBlock h2 {padding-bottom: 48px;text-align: left;font: normal normal bold 22px/27px Montserrat;letter-spacing: 1.1px;color: #0D1B24;opacity: 1;}
	.engagementsBlock .block .box {width: 334px ;max-width: 334px;}
	.engagementsBlock .block .right .box {width: 334px ;max-width: 334px;}
	.engagementsBlock .block .box h3 {padding-bottom: 24px;text-align: left;font: normal normal normal 18px/22px Montserrat;letter-spacing: 3.6px;color: #0D1B24;text-transform: uppercase;opacity: 1;}
	.engagementsBlock .block .box div {text-align: left;font: normal normal normal 16px/19px Montserrat;letter-spacing: 0px;color: #0D1B24;opacity: 1;min-height:240px;}
	.engagementsBlock .block .box:nth-child(2) div {border:none;min-height: 114px;padding-bottom: 0px;margin-bottom: 0px;}



/*ADMIN*/
#loginBlock .block form .block {align-items: flex-start!important;}
#loginBlock .block label {width: 120px; margin-bottom: 0px;}

.editUserBlock input {width:217px}

.addRealBlock form .block {/*align-items: flex-start!important;*/}
.addRealBlock form .block label {width: 150px; margin-bottom: 0px;}

.addReviewBlock form .block label {width: 150px; margin-bottom: 0px;}

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

/*page new password*/
#newPasswordBlock form .block {}
#newPasswordBlock label {width: 300px; margin-bottom: 0px;}

.editRealBlock label {width: 150px;}
.editRealBlock  #taLabel {width: 150px;}

.editReviewBlock label {width: 150px;}
.editReviewBlock  #taLabel {width: 150px;}


}


@media (min-width: 820px) {

  	.container {max-width: 720px;}

	section.servicesBlock ul li.service {padding:50px 20px;}
	section.servicesBlock ul li.service h2 {max-width: 720px;margin:auto;padding-left: 20px; padding-right: 20px;}
	section.servicesBlock ul li.service .details {padding-left: 20px; padding-right: 20px;}

	section.reviews .container  {padding: 0px 0px 50px;}
	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 {padding-left:0;list-style:none;border-top: 2px solid #0D1B24;}
	section.reviews ul li {padding: 50px 0px;border-bottom: 2px solid #0D1B24;width: 100%;}
	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;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;}


}