/*** root */ /* PAGE CONTACT */
:root {
	--vert: #63bc48;
	--vertfonce: #008846;
	--orange: #f76e26;
	--orangevif: #fd3a04;
	--blanc: #fffcf3;
	--noir: #211c18;
}

.vert {color: #63bc48;}
.vertfonce {color: #008846}
.orange {color: #f76e26}
.orangevif {color: #fd3a04}
.blanc {color:  #fffcf3}
.noir {color: #211c18;} 
/**/

*, ::before, ::after {
    box-sizing: border-box;
}

body {
	font-size:75%;
	background-color:#fffcf3;
	text-shadow:1px 1px 1px #fffcf3;
	color: #211c18;
	padding-top: 0 !important;
	caret-color: transparent;
	}

/*exception du caret color transparent du body pour les boites de saisies text-area, input, etc*/
body .form-control {
	caret-color: black !important;	
}


@media (min-width: 1em) {}
@media (min-width: 360px) {}
@media (min-width: 480px) {}
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}

h1 {
	font-family:'noto_sanscondensed_bold'; 
	margin:0; 
	text-transform:uppercase; 
	letter-spacing:-0.20vw; 
	color: #63bc48;
	font-weight:bold;
	}
h1 span {
	font-family:'noto_sanscondensed'; 
	margin:-52px 0 0 38px;
	text-transform:none; 
	letter-spacing:0;
	color:#211c18;
	display: block;
	}  
@media (min-width: 1em) {
	h1 {font-size: 1.6em;margin-bottom: 31px; margin-top:20px;}
	h1 span {margin:-6px 0 0 20px;}
}
@media (min-width: 360px) {
	h1 {font-size: 2.4em;}
	h1 span {margin: -13px 0 0 26px;line-height: .9em;}
}
@media (min-width: 480px) {
	h1 {font-size:2.8em;}
	h1 span {margin:-11px 0 0 31px;}
}
@media (min-width: 576px) {
	h1 {font-size:3.4em	}
	h1 span {margin:-16px 0 0 38px;}
}
@media (min-width: 768px) {
	h1 {font-size: 3.8em; }
	h1 span {margin:-20px 0 0 42px;}
}
@media (min-width: 992px) {
	h1 {font-size:4.2em;}
	h1 span {margin:-23px 0 0 44px; width: 90%;}
}
@media (min-width: 1200px) {
	h1 {font-size:5em;}
	h1 span {margin:-27px 0 0 52px; width: 100%;}
}
@media (min-width: 1400px) {
	h1 {font-size: 7em;}
	h1 span {margin:-36px 0 0 52px}
}


h2 {
	font-family:'noto_sanscondensed_bold'; 
	margin:0; 
	padding:0; 
	text-transform:uppercase; 
	letter-spacing:0;
	color: #63bc48;
	font-weight:bold;
	letter-spacing: -0.15vw;
	}
h2 span {
	font-family:'noto_sanscondensed'; 
	text-transform:none; 
	letter-spacing:0;
	color:#211c18;
	display: block;
	margin:-40px 0 0 38px;
	}
@media (min-width: 1em) {
	h2 {font-size:1.3em; margin-top:40px;  margin-bottom: 11px;}
	h2 span {margin: -6px 0 0 17px;	}
}
@media (min-width: 360px) {
	h2 {font-size:1.8em;}
	h2 span {margin: -9px 0 0 17px;}
}
@media (min-width: 480px) {
	h2 {font-size:2.2em;}
	h2 span {margin: -14px 0 0 17px;}
}
@media (min-width: 768px) {
	h2 {font-size:3em;}
	h2 span {margin: -19px 0 0 17px;}
}
@media (min-width: 992px) {
	h2 {font-size:3.6em;}
	h2 span {margin: -24px 0 0 52px;}
}
@media (min-width: 1200px) {
	h2 {font-size:4em;}
	h2 span {margin: -28px 0 0 52px; width: 100%;}
}
@media (min-width: 1400px) {
	h2 {font-size:5.4em;}
	h2 span {margin:-38px 0 0 38px;}
}


h3 {
	text-transform: uppercase;
	font-family:'noto_sanscondensed_bold';
	margin:40px 0 20px 0;
	letter-spacing:0;
	color: #63bc48;
	font-weight:bold;
	}
@media (min-width: 1em) {
	h3 {font-size:1.2em;}
}
@media (min-width: 360px) {
	h3 {font-size:1.4em;}
}
@media (min-width: 480px) {
	h3 {font-size:1.8em;}
}
@media (min-width: 768px) {
	h3 {font-size:2.8em;}
}
@media (min-width: 992px) {
	h3 {font-size:3.2em;}
}
@media (min-width: 1200px) {
	h3 {font-size:3.8em;}
}
@media (min-width: 1400px) {
}

a {text-decoration: none;}

p {
	font-family:'noto_sanscondensed'; 
	margin:0;
	letter-spacing:0;
	}
@media (min-width: 1em) {
	p {font-size:1.2em; margin-bottom:11px;}
}
@media (min-width: 360px) {
	p {font-size:2em;line-height: 1.4em;}
}
@media (min-width: 480px) {
	p {margin-bottom:11px;}
}
@media (min-width: 768px) {
	p {font-size: 2.8em;margin-bottom: 31px}
}
@media (min-width: 992px) {
	p {font-size: 3em;}
}
@media (min-width: 1200px) {
	p {font-size: 3em;line-height: 1.4em;}
}

.cktext li {
	font-family: 'noto_sanscondensed';
	color:#514d4a;
	list-style:none;
	}
.cktext li::before {
    content: "•";
    color: #fd3a04;
    margin-right: 11px;
	}
@media (min-width: 1em) {
	.cktext li {font-size:1.2em;}
}
@media (min-width: 360px) {
	.cktext li {font-size:2em;}
}
@media (min-width: 768px) {
	.cktext li {font-size: 2.8em;}
}
@media (min-width: 992px) {
	.cktext li {font-size: 3em;}
}
@media (min-width: 1200px) {
	.cktext li {font-size: 3em;}
}

strong {
	font-family:'noto_sanscondensed_bold';
	font-weight:initial;
	}
	
small {
	font-size:75%;
	}



/* experimental */
@media (min-width: 1em) {}
@media (min-width: 360px) {}
@media (min-width: 480px) {}
@media (min-width: 576px) {.container {max-width: 540px;}}
@media (min-width: 768px) {.container {max-width: 880px;}}
@media (min-width: 992px) {.container {max-width: 1140px;}}
@media (min-width: 1200px) {.container {max-width: 1140px;}}
@media (min-width: 1400px) {.container {max-width: 1320px;}}





/*** Menu */
.navbar {
	margin-top: 70px;
	}
.navbar > .container-fluid {
	position:fixed; 
	top:0;
	background-color:#63bc48;
	height: 70px;
	z-index: 2;
	} 

.navbar-expand-lg .navbar-collapse {

    display: contents !important;
    flex-basis: auto;
    position: relative;
    right: 0;
    text-align: right;
    width: 630px;
	}

div#maximenuck110 {
	font-family:'menufontsabinejbold';
	}
.glyphes_menu {
	font-family:'oliviajregular';
	}

div#maximenuck110 span.titreck {
	font-size:2.5em;
	text-transform:uppercase;
	display: block;
	}
div#maximenuck110 ul.maximenuck li.maximenuck.level1 {
	padding:0 20px
	}

ul.maximenuck li {
	}
	
/* Dimension bloc sous-menu */
div#maximenuck110 div.maxidrop-main {
	width:360px;
	}

/* Déco bloc sous-menu */
div#maximenuck110 div.floatck {
	background:#63bc48;
	border:none;
    box-shadow: 0px 2px 11px white;
	}

/* Dimension fonts sous-menu */
div#maximenuck110 ul.maximenuck li div.floatck ul.maximenuck2, div#maximenuck110 ul.maximenuck2, div#maximenuck110 div.floatck {
	font-size:90%;
	}

/* Couleur liens sous-menu actifs */
div#maximenuck110 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a,  div#maximenuck110 ul.maximenuck2 li.active > a {
	/*color:red;*/
	color:#fffcf3;
	}

/* Couleur liens sous-menu */
div#maximenuck110 ul.maximenuck li.maximenuck a, div#maximenuck110 ul.maximenuck2 a {
	/*color:yellow;*/
	color:#fffcf3;
	}

/* Couleur liens sous-menu hover */
div#maximenuck110 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck110 ul.maximenuck2 li:hover > a {
	/*color:blue;*/
	color:#fffcf3;
	}

div#maximenuck110 ul.maximenuck li.maximenuck a, div#maximenuck110 ul.maximenuck li.maximenuck span.separator, div#maximenuck110 ul.maximenuck2 a, div#maximenuck110 ul.maximenuck2 li.maximenuck span.separator {
	border-bottom: none;
}

div#maximenuck110 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck110 ul.maximenuck2 li.maximenuck {
	margin: 20px 9px;
}

div#maximenuck110 ul.maximenuck {
	background-color:transparent
	}
div#maximenuck110.maximenuckh ul.maximenuck {
	background:none; 
	padding: 9px 40px 0 0;
	}
/*couleur des liens*/
div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck110 ul.maximenuck li.maximenuck.level1 > span.separator {
	color:#fffcf3;
	}
/*couleur des liens hover*/
div#maximenuck110 ul.maximenuck li.maximenuck.level1:hover > a span.titreck,  div#maximenuck110 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck110 ul.maximenuck li.maximenuck.level1.active > span.separator {
	color:#fffcf3;
	}
/* Déco des liens actifs*/
div#maximenuck110 ul.maximenuck li.maximenuck.level1.active > a span.titreck {}
div#maximenuck110 ul.maximenuck li.maximenuck.level1.active > a span.titreck::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  top: 100%;
  left: 3px;
  background: #f76e26;
  transform: scaleX(1);
  transform-origin: center;  
  transition: transform 0.2s;-webkit-transition: transform 0.2s;-moz-transition: transform transform 0.2s;-ms-transition: transform 0.2s;-o-transition: transform 0.2s;
	}
	
/*déco des liens actifs -> hover*/

	
/*rapprochement des li contacts tel et mail via l'item du mail*/
.maximenuck.item126.level1 {
	padding:0 !important;
	}


/*Animation hover -> underline*/
div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a::after,
div#maximenuck110 ul.maximenuck li.maximenuck a span.titreck::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  top: 100%;
  left: 3px;
  background: #f76e26;
  transform: scaleX(0);
  transform-origin: center;  
   transition: transform 0.2s;-webkit-transition: transform 0.2s;-moz-transition: transform transform 0.2s;-ms-transition: transform 0.2s;-o-transition: transform 0.2s;
	}

div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a:hover::after/*,
div#maximenuck110 ul.maximenuck li.maximenuck ul.maximenuck2 li > a span.titreck:hover::after*/ {
  transform: scaleX(1);
  transform-origin: center;
	}
/* Fin Animation hover -> underline */

/*cursor en default du menu yoga*/
.maximenuck.item108.mobilemenuck-hide.parent.level1 .titreck-title {
  cursor: default;
}

/*cursor en pointer du sous-menu yoga*/
.floatck * span:hover {
  cursor: pointer !important;
}




/*** MOBILE */
#maximenuck110-mobile {
    font-family: 'menufontsabinejbold';

	/*à 2, conserve le bouton toggle au dessus de la X pour fermer le sous-menu déroulant suremment en dessous de 100000*/
	/*z-index:2 !important;*/
	}

/* Suppression du nom de la page dans le menu */
[data-id="maximenuck110"] .mobilemenuck-bar-title {
	display:none;
	}

/* Déco du bouton mobile */
[data-id="maximenuck110"] .mobilemenuck-bar-button {
    background: #63bc48;
    height: 70px;
    width: 70px;
    color: #FFFFFF;
    padding-top: 0;
    font-size: 5.4em;
    margin-right: 30px;
	text-shadow: none;
	}

/* Déco boite mobile */
[data-id="maximenuck110"] .mobilemenuck-title,
[data-id="maximenuck110"] .mobilemenuck-item > .level1,
[data-id="maximenuck110"].mobilemenuck {
	background: #63bc48 !important; /*important inévitable après la maj ck*/;
	}

/* Déco police mobile */
[data-id="maximenuck110"].mobilemenuck a {
    color: #FFFFFF;
    font-weight: initial;
    font-size: 2em;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none;
	margin: 20px 0;
	}
[data-id="maximenuck110"] .mobilemenuck-button {
	text-shadow: none;
	font-size: 3em;
	width: 70px;
	height: 70px;
	margin-right: 30px;
	padding: 9px;
	}
	
/* menu 2e niveau */	
[data-id="maximenuck110"] .mobilemenuck-item > .level2 {
	background: #63BC48 !important; /*!important correctif maj ck*/;
	padding-left: 15px;
	}
[data-id="maximenuck110"] .mobilemenuck-item > .level2 a {
		color:white;
	}
.maximenuck2 * .level2 a:hover {
  text-decoration: underline !important;
  text-decoration-color: #fd3a04 !important;
  text-decoration-line: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: .7em;
}

.menuck.maximenuck.item126.last.level1 {
  padding-left: 15px !important;
}

/* Fin Menu */

/*** Header logo */
 .logo {
	font-family: 'oliviajregular';
	color: #fffcf3;
	font-size:46px;
	transition:0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	text-shadow: none;
	position: absolute;
	z-index: 40000;
	top: 0;
	}

 .logo:hover {
	color: #f76e26;
	}
	
p.logo {margin:0 0 0 9px}

/*******************************/

/* Formulaire de contact - déclaration générales */
.contact-form #telsmsSide {display:none;}

.contact-form .col-lg-6 {
    height: 730px;
}

#contactForm {
	font-family:noto_sanscondensed;
	} 

#contactForm .form-group {
    margin-bottom: 40px;
}

#contactForm .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-top-color: rgb(204, 204, 204);
    border-right-color: rgb(204, 204, 204);
    border-bottom-color: rgb(204, 204, 204);
    border-left-color: rgb(204, 204, 204);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s,
	-webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,
	box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,
	box-shadow ease-in-out 0.15s;
	font-size:1.25em;
	height: 50px;
}

#contactForm .form-control:focus {
    border-color: #63bc48;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #63bc48;;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #63bc48;;
}

#contactForm .form-control::placeholder {
    color: #999;
    opacity: 1;
}

#contactForm input::-moz-text-control-editing-root,
#contactForm input::placeholder,
#contactForm input::-moz-text-control-preview {
    white-space: pre;
}

#contactForm ul,
#contactForm ol,
#contactForm menu {
    counter-reset: list-item;
    -moz-list-reversed: false;
}

#contactForm ul,
#contactForm menu,
#contactForm dir {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px;
}

.container-page.contact-form .content li {
	margin:0;
   color: #f76e26;
}

.container-page.contact-form .content li::before {
	content:"";
	margin:0;
	color:transparent;
	}

#contactForm textarea {
    overflow: auto;
}

#contactForm textarea.form-control {
    height: auto;
}

#contactForm .hidden {
    display: none !important;
	}
#contactForm .text-center {
    text-align: center;
	}

#contactForm button::-moz-focus-inner,
#contactForm input::-moz-focus-inner {
    padding: 0;
    border: 0;
	}

#contactForm .btn {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: inherit;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
	font-size:1.3em;
	}

#contactForm .btn-success {
    color: #fff;
	text-shadow: 1px 1px 0 #211c18;
	}

#contactForm .has-error .form-control {
    border-color: #fd3a04;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

#contactForm .has-error .form-control:focus {
    border-color: #fd3a04;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

#contactForm .has-error .checkbox,
#contactForm .has-error .checkbox-inline,
#contactForm .has-error .control-label,
#contactForm .has-error .help-block,
#contactForm .has-error .radio,
#contactForm .has-error .radio-inline,
#contactForm .has-error.checkbox label,
#contactForm .has-error.checkbox-inline label,
#contactForm .has-error.radio label,
#contactForm .has-error.radio-inline label {
    color: #a94442;
}

#contactForm .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

#contactForm .list-unstyled {

    list-style: none;
    position: absolute;
    display: inline-block;
    padding: 7px 7px;
    margin-top: -9px;
    border-radius: 5px;
    font-size: 1.1em;

}
#contactForm #msgSubmit {
    color: #008846;
    display: block;
    width: 20%;
    text-align: center;
    position: relative;
    padding: 11px;
    border-radius: 5px;
    font-family: inherit;
	font-size:1.3em;
	width:auto;
}

/*.contact-form .contact-tel::before {font-family:oliviaj; color:#63bc48; content:"H"; margin-right:20px; font-size:50px; position:relative; top:14px}*/
.contact-form .contact-tel span {
    font-family: 'oliviajregular';
    content: "H";
    margin-right: 20px;
    font-size: 50px;
    position: relative;
    top: 14px;
	}
	
.contact-form .contact-email a {font-family:'oliviajregular'; text-decoration:none;}
.contact-form .contact-email a:hover {}
.contact-form .contact-email a::after {
    font-family: 'noto_sanscondensed';
    content: "contact@oliviajeurissen.me";
    margin-left: 19px;
    margin-top: 0;
    display: inline-block;
	}
.contact-form .contact-email a:hover::after {text-decoration:underline; text-decoration-color: #fd3a04;}

.contact-form .contact-fb a {font-family:'oliviajregular'; text-decoration:none;}
.contact-form .contact-fb a:hover {}
.contact-form .contact-fb a::after {
    font-family: 'noto_sanscondensed';
    content: "@oliviajeurissenyoga";
    margin-left: 19px;
    margin-top: 0;
    display: inline-block;
	}
.contact-form .contact-fb a:hover::after {text-decoration:underline; text-decoration-color: #fd3a04;}

.btn.disabled {
	opacity:1;
	}

.col-lg-6:last-child {
    margin-bottom: 70px;
}

/* Fin formulaire - déclarations générales */

@media screen and (min-width: 1em) {
/* Formulaire de contact mobile */

.contact-form .contact-tel span {
    font-size: 1.3em;
    margin-right: 9px;
    top: 7px;
    color: #fffcf3; 
	}

.contact-tel.mobile-display span:nth-child(2) {
  font-family: 'noto_sanscondensed';
  font-size: 75%;
  text-align: center;
  line-height: 20px;
  top: 0;
  margin-left: 2%;
}


	
.contact-form .contact-tel {
  margin-bottom: 11px;
  background: #fd3a04;
  color: #fffcf3;
  text-shadow: none;
  padding: 9px;
  width: 100%;
  }
.contact-form .contact-tel a {
	color:#fd3a04;
	text-decoration:none;
	}
.contact-form .contact-tel a:hover {
	text-decoration:underline;
	text-decoration-color: #fd3a04;
	}

.contact-form .contact-email,
.contact-form .contact-fb {
    background: #fd3a04; /*orange vif*/
    text-shadow: none;
	display:inline-block;
	width: 100%;
	}
.contact-form .contact-email a,
.contact-form .contact-fb a {
	color:#fffcf3;
	position:relative;
	padding:11px;
	display:inherit;/**********************/
	font-size:1.35em;
	top:1px;/**********************/
	padding:7px 7px 6px 7px;/**********************/
	}
.contact-form .contact-email a::after,
.contact-form .contact-fb a::after {
    font-family: 'noto_sanscondensed';
    margin-left: 9px;
	font-size:75%;
	padding-top: 12px;/*********************/
	position: relative;/*********************/
	display: inherit;/*********************/
	top: -6px;/*********************/
	}
.contact-form .contact-email a::after{
    content: "contact@oliviajeurissen.me";
}
.contact-form .contact-fb a::after{
    content: "@oliviajeurissenyoga";
}



.mobile-display {display: block; width: fit-content;}
.laptop-display	{display:none;}


#contactForm .btn-success.active,
#contactForm .btn-success.focus,
#contactForm .btn-success:active,
#contactForm .btn-success:focus,
#contactForm .btn-success:hover,
#contactForm .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #63bc48;
    border-color: #fffcf3;
	}

#contactForm .btn, #contactForm .btn:hover {
    padding: 1em 4px;
    line-height: inherit;
    font-family: extra_heavy;
    border: solid 2px #fffcf3;
	}
	
#contactForm .btn {
	font-size: 1em;
	}
	
#contactForm .btn-success, #contactForm .btn-success:hover {
    text-shadow: 0 0 0 transparent;
    text-transform: uppercase;
    background-color: #63bc48;
    border-color: #fffcf3;
	padding:22px 0;
	}
	
#contactForm .btn-success:active {
	background: #fffcf3 !important;
	border-color: #63bc48;
	color: #63bc48;
	}

.container-page .content ul {
    color: #514d4a;
    padding: 0 5px;
	line-height: 20px;
	}
	
.contact-form .col-lg-6 {
    height: auto;
	}

#contactForm .btn {
	border-radius:0
	}

#contactForm .btn-success {
	width:100%;
	}
	
/* Fin formulaire de contact mobile */
}

@media screen and (min-width: 768px) {
/* Formulaire de contact */
  .contact-form .contact-tel {
      margin-right: 13px;
      background: transparent;
      color: #211c18;
      border: solid 3px #63bc48;
      background: linear-gradient(90deg,#fffcf3 62%, #63bc48 38%);
      border-radius: 16px;
      top: 12px;
      padding: 3px 20px 12px 20px;
      }

/*NEW*/
    .contact-tel.laptop-display span:nth-child(2) {
/*      margin-right: 8%;*/
    font-family:noto_sanscondensed;
	float: right;
    font-size: 26px;
    text-align: center;
    line-height: 31px;
    color: #fffcf3;
    margin: -8px 8% auto 31px;
    }

	
.contact-form .contact-tel span {
    margin-right: 13px;
    top: 12px;
    color: #63bc48;	
	}
	
.contact-form .contact-email,
.contact-form .contact-fb {
    background: transparent;
	}

.contact-form .contact-email span,
.contact-form .contact-fb span {
    color: #63bc48;
	}
	
.contact-form .contact-email:hover span,
.contact-form .contact-fb:hover span {
    text-decoration:none ;
	}

.contact-form .contact-email a,
.contact-form .contact-fb a {
	color:#63bc48;
	font-size:1.4em;
	position:unset;
	}

.contact-form .contact-email a::after,
.contact-form .contact-fb a::after {
    margin-top: 0px;
    display: unset;
    top: -14px;
    position: relative;
	color:#211c18;
	font-size:75%;
	}

#contactForm .btn {
	font-size: 1.1em;
	}
/* Fin formulaire de contact */

.mobile-display	{display:none;}
.laptop-display	{display:block;}

}

@media screen and (min-width: 992px) {
	/* Formulaire de contact bureau */
.contact-form .col-lg-6 {
	height: 730px;
	}
#contactForm .btn {border-radius:4px}
#contactForm .btn-success {
	width:auto;
	}
#contactForm .btn-success {
 	background-color: #63bc48;
	border-color: #008846;
	}
	
#contactForm .btn {
	padding: 6px 12px;
	line-height: inherit;
	font-family: extra_heavy;
	border: solid 2px;
	border-radius: 4px;
	border-color: #63bc48;
	}

#contactForm .btn-success.active,
#contactForm .btn-success.focus,
#contactForm .btn-success:active,
#contactForm .btn-success:focus,
#contactForm .btn-success:hover,
#contactForm .open > .dropdown-toggle.btn-success {
	padding: 6px 12px;
    color: #fff;
    background-color: #008846;
    border-color: #008846;
	}
	
#contactForm .btn-success:active {
	background: #63bc48 !important;
	color: #fff;
	}
	
.contact-form .contact-tel {
    margin-bottom: 40px;
    width: max-content;
    }

/*NEW*/
.contact-tel.laptop-display span:nth-child(2) {
	float: right;
    font-size: 26px;
    text-align: center;
    line-height: 31px;
    color: #fffcf3;
    margin: -8px 0 auto 31px;
    }
/* Fin formulaire de contact bureau */
}

/*** FOOTER */
footer {
	box-shadow:0px 8px 34px #26441d87;
	font-family:'noto_sanscondensed';
	background:url(../images/bg-footer.jpg) no-repeat #fff;
	background-position: right bottom;
	}
	
.footer .container {
    padding-top: 80px;
	max-width: 1800px;
	}

footer * .navbar-expand-md .navbar-nav {
	flex-direction: column;
	font-size:30px;
	}

footer * a {
	color:#211c18;
	text-decoration:none;
	}
@media (min-width: 1em) {
	footer * a {font-size: 2em; text-align:center; display:inline-table;}
	footer * li a {
		font-size: 2em;
		text-align: center;
		display: block;
	}
	footer .contact * a {
		width: 100%;
		display: grid;
		background: #fd3a04;
		margin-bottom: 13px;
		text-align: center;
		padding: 20px 0;
		color: #fffcf3;
		border: solid 3px #fd3a04;
		text-shadow:none; 
	}	
	footer .contact a:hover {text-decoration:none; color:#fffcf3;}
	footer .contact a:active {background: #fffcf3;color: #fd3a04;}
	footer * a:hover {text-decoration:none; color:#211c18;}
	footer * a:active {color:orangered;}
}
@media (min-width: 768px) {
	footer * a {text-shadow:1px 1px 1px #fffcf3;}
	footer * li a {text-align: left;font-size: 2.4em; }
	footer .contact * a {
		width:auto;
		display: grid;
		background: none;
		margin-bottom: 0;
		text-align: left;
		padding: 0;
		color: #fffcf3;
		border: none;
		text-shadow:none; 
		color:#211c18;
		float:left;
	}
	footer .contact a:hover, footer * a:hover {text-decoration:underline; color:#211c18; text-decoration-color: #fd3a04;}
	footer * a:active {color:#211c18;}
}
@media (min-width: 1200px) {
	footer * li a {font-size: 2.8em};
}
@media (min-width: 1400px) {}

footer * .copyright {
    color: #63bc48;
    text-align: center;
    cursor: default;
	font-size: 30px;
    margin: 50px auto;
    position: relative;
    display: inline-block;
    width: 100%;
    }

footer * .nav-link {
	padding:0;
	}
	
footer .glyphes_menu {
	color:#63bc48;
	cursor:default;
	text-align:center;
	}
@media (min-width: 1em) {
	footer .glyphes_menu {font-size:9em;}
	.scrollup-col, .glyphes_menu, .contact, .legal {/*! width:100% */}
}
@media (min-width: 768px) {
	footer .glyphes_menu {font-size:11em; }
	.glyphes_menu, .contact, .legal {/*! width:33% */} 
}
@media (min-width: 992px) {
	footer .glyphes_menu {font-size:13em;}
	.scrollup-col, .glyphes_menu, .contact, .legal {/*! width:25% */}
}
@media (min-width: 1200px) {
	footer .glyphes_menu {font-size:15em;}
}

.sitami {
  font-size: 1.8em;
  text-shadow: none;
  padding: 0 5px;
  width: fit-content;
  border-radius: 3px;
  border: solid 1px #fd3a04;
}

.sitami:hover {
	text-decoration:none;
	color: #f25100;
}

@media (min-width: 1em) {.sitami {margin: 10px auto 0 auto;}}
@media (min-width: 768px) {.sitami {margin: 10px 0 0 0;}}


/* Bouton remonter */
#toFirst {
    margin: 0 auto;
    width: 80px;
}
footer .scrollUp p{
    font-family: 'oliviajregular' !important;
    text-decoration: none;
    color: #fd3a04;
	font-size: 50px !important;
    border: solid 2px;
    border-radius: 9px;
	transition: .1s;
    text-align: center;
	width: 80px;
	height: 80px;
	padding-top: 4px;
	cursor:pointer;
}
footer .scrollUp p:hover {
	color: #63bc48;
	}

@media (max-width: 1200px) {
	.scrollup-col {
		margin-top: 32px;
	}
}
/* Fin bouton remonter */



/* Icone Tel(127) & Email(128) & facebook(153)*/	
.navbar-nav {
	position:relative;
	}
.nav-link.item-127 a, 
.nav-link.item-128 a,
.nav-link.item-153 a {
	font-family:'oliviajregular';
	}
.nav-link.item-127 a:hover, 
.nav-link.item-128 a:hover,
.nav-link.item-153 a:hover {
	text-decoration:none;
	color:#63bc48;
	}
.nav-link.item-127 a::after, 
.nav-link.item-128 a::after,
.nav-link.item-153 a::after {
    position: absolute;
    font-size: 1em;
	left:50px;
	font-family:'noto_sanscondensed';
	color:#211c18;
	}
.nav-link.item-127 a::after {
    content: "06 50 81 89 81";	
	top:0;
	}
.nav-link.item-128 a::after {
    content: "Contact";	
	}
.nav-link.item-153 a::after {
    content: "Facebook";	
	}
.nav-link.item-127 a:hover::after, 
.nav-link.item-128 a:hover::after,
.nav-link.item-153 a:hover::after {
	text-decoration:underline;
	text-decoration-color:#fd3a04;
	}
@media (min-width: 1em) {
	.nav-link.item-127 a::after, 
	.nav-link.item-128 a::after,
	.nav-link.item-153 a::after {display:none;}
	.nav-link.item-127 a:hover,
	.nav-link.item-128 a:hover,
	.nav-link.item-153 a:hover {color:#fffcf3;}
	.nav-link.item-127 a:active,
	.nav-link.item-128 a:active,
	.nav-link.item-153 a:active	{color:#fd3a04;}
}
@media (min-width: 768px) {
	.nav-link.item-127 a, 
	.nav-link.item-128 a,
	.nav-link.item-153 a {color:#63bc48;}

	.nav-link.item-127 a::after, 
	.nav-link.item-128 a::after,
	.nav-link.item-153 a::after {display:block;}

	.nav-link.item-127 a:hover,
	.nav-link.item-128 a:hover,
	.nav-link.item-153 a:hover {color:#63bc48;}

	.nav-link.item-128 a::after {top:44px;}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {
	.nav-link.item-128 a::after {top:50px;}
}