/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* RESET */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

html { position:relative; display:block; }

body { position:relative; display:block; width:100%; margin:0; padding:0; font-family:Lato, sans-serif; font-size:1.4641288433382rem; font-weight:400; line-height:1.4; background-color:rgba(255,255,255,1); color:#22343B; text-align:left; overflow-x:clip; overflow-y:scroll; }
body.noscrollbar { overflow-y:hidden; }
#en2mots { display:block; width:100vw; text-align:center; overflow-y:visible; overflow-x:clip; }

header, main, section, article, aside, footer { position:relative; display:block; width:100%; margin:0 auto; padding:0; overflow:visible; }

h1, h2, h3, h4, h5, h6 { position:relative; margin:0; padding:0; font-family:Scilla, serif; font-size:1em; font-weight:400; color:inherit; }
main h1, main h2, main h3, main h4, main h5, main h6 { color:#22343B; }

div { position:relative; margin:0; padding:0; }

a, a:link, a:active, a:visited, a:focus { font-size:inherit; color:inherit; text-decoration:inherit; outline-color:transparent; }
body.desktop a:hover { color:inherit; text-decoration:underline; outline-color:transparent; }
.fromrte a { text-decoration:none; color:#22343B; }
body.desktop .fromrte a:hover { text-decoration:none; color:#22343B; }

img { margin:0; padding:0; border:0; }
main img:not(.cover) { max-width:100vw; }
svg { position:relative; display:inline-block; vertical-align:top; height:100%; width:100%; margin:0; padding:0; }

p { font-size:inherit; word-wrap:break-word; text-align:left; margin:0; padding:1em 0 0 0; }
p:first-of-type, h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { padding-top:0; }
span { position:relative; display:inline; font-size:inherit; margin:0; padding:0; }

b, strong, i, span { word-wrap:break-word; }

ul { position:relative; margin:0; padding:0; }
li { position:relative; font-size:inherit; word-wrap:break-word; text-align:left; margin:0; padding:0; }
.fromrte ul { margin-left:1em; }

.wrap { display:block; position:absolute; overflow:hidden; left:0; top:0; width:100%; height:100%; }
.cover { position:absolute; top:50%; left:50%; width:auto; height:auto; transform:translate(-50%, -50%); display:block; margin:0; padding:0; background-color:transparent; }
.cover.top { top:0; transform:translate(-50%,0); }
.cover.bottom { top:100%; transform:translate(-50%,-100%); }
.cover.left { left:0; transform:translate(0,-50%); }
.cover.topleft { left:0; top:0; transform:translate(0,0); }
.cover.bottomleft { left:0; top:100%; transform:translate(0,-100%); }
.cover.right { left:100%; transform:translate(-100%,-50%); }
.cover.topright { left:100%; top:0; transform:translate(-100%,0); }
.cover.bottomright { left:100%; top:100%; transform:translate(-100%,-100%); }
.cover > img, .cover > picture > img, .cover > video, .cover > div, .cover > span { position:absolute; display:inline-block; width:100%; height:100%; left:0; top:0; }

.clear { clear:both; }
.blochref { cursor:pointer; }

pre, code { position:relative; font-size:13px; text-align:left; color:#c7254e; background-color: #f9f2f4; border-radius:0.5em; padding:0.8em; display:block; margin:0 0 1em 0; border:0; }

.ajaxloader { z-index:999999; position:fixed; left:0; top:0; width:100vw; height:100vh; background-color:rgba(0,0,0,0.4); }
.ajaxloader svg { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:8%; height:auto; color:rgba(0,0,0,1); }

.litebox-overlay .litebox-container { margin-left:auto; margin-right:auto; }
.litebox-overlay .litebox-inline-html { max-width:960px; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*    Mise en forme spécifique des formulaires   */
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

input, textarea, select { position:relative; display:inline-block; vertical-align:top; width:100%; font-size:inherit; display:inline-block; background-color:rgba(221,221,221,1); border-color:rgba(221,221,221,1); color:rgba(22,22,22,1); line-height:1.4; height:1.4em; vertical-align:middle; margin:0; padding:0.1em 0.3em 0 0.3em; width:100%; border:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; }
textarea { height:6em; resize:none; }
select { background-image:url(https://www.crearbor.fr/_chartes_/crearbor/ressources/images/contribution/dropdown.svg) !important; background-size:1.5em; background-position: right center !important; background-repeat: no-repeat !important; padding-right:30px !important; }
select::-ms-expand { display: none; }
select option { color:rgba(22,22,22,1); }
select.placeholder { color:rgba(34,52,59,0.5) !important; }

::placeholder { font-style:normal; color: rgba(34,52,59,0.5); opacity: 1; }
:-ms-input-placeholder { font-style:normal; color: rgba(34,52,59,0.5); }
::-ms-input-placeholder { font-style:normal; color: rgba(34,52,59,0.5); }

:-webkit-autofill,
:-webkit-autofill:hover, 
:-webkit-autofill:focus, 
:-webkit-autofill:active  { font-size:1em !important; -webkit-background-clip:text; }


/* Mise en forme des boutons radio et des checkboxes */
input[type="radio"] + span:before, input[type="checkbox"] + span:before, input[type="radio"] + span:after, input[type="checkbox"] + span:after {
	content:'' !important; position:absolute !important;
	left:0 !important; top:0 !important; /* on décale la case de 10% de sa taille pour bien la centrer en hauteur */
	width:1em !important; height:1em !important; /* on définit la taille de référence de la case à la même taille que la font du span */
	transform-origin: 50% 50% !important; /* pour être certain du point d'origine du scale pour la case et la coche */
	transition:all .2s !important; /* on prévoit une animation */
}
input[type="radio"], input[type="checkbox"] { position:absolute !important; left:0 !important; top:1em !important; opacity:0 !important; transform: scale(0) !important; height:1em !important; width:1em !important; } /* On masque le champ input (opacité 0) */
input[type="radio"] + span, input[type="checkbox"] + span { position:relative !important; cursor:pointer !important; padding-top:0 !important; padding-bottom:0 !important; padding-left:1.6em !important; } /* on prépare le label (balise span située à côté du champ input) */
input[type="radio"] + span:before, input[type="checkbox"] + span:before { border:1px solid rgba(221,221,221,1) !important; background-color:transparent !important; } /* Aspect général de la case */
input[type="radio"] + span:after, input[type="checkbox"] + span:after { border:1px solid transparent !important; background-color:rgba(221,221,221,1) !important; } /* Aspect général de la coche */
input[type="checkbox"] + span:before, input[type="checkbox"] + span:after { border-radius: 5% !important; } /* angles arrondis */
input[type="radio"] + span:before, input[type="radio"] + span:after { border-radius: 50% !important; } /* cases circulaires */
input[type="radio"]:not(:checked) + span:after, input[type="checkbox"]:not(:checked) + span:after { opacity: 0 !important; transform: scale(0) !important; } /* Aspect si "pas cochée" */
input[type="radio"]:checked + span:after, input[type="checkbox"]:checked + span:after { opacity: 1 !important; transform: scale(0.5) !important; } /* Aspect si "cochée" */

label { position:relative; display:inline-block; vertical-align:top; font-weight:400; }

button, a.button { position:relative; display:inline-block; vertical-align:top; font-family:Lato, sans-serif; font-size:inherit; font-weight:400; text-align:center; background-color:rgba(22,22,22,1); border:1px solid rgba(22,22,22,1); color:rgba(255,255,255,1); margin:0; padding:0.5em 1em; width:auto; outline:0; }
body.desktop button:hover, body.desktop a.button:hover { color:rgba(22,22,22,1); background-color:rgba(255,255,255,1); border-color:rgba(22,22,22,1); text-decoration:none; outline:0; }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ANIMATION SCROLL */

.scrollanim.init { opacity:0; transition:opacity 300ms ease 0ms, transform 300ms ease 0ms; }
.scrollanim { opacity:1; transition:opacity 500ms ease 0ms, transform 300ms ease 0ms; }

.scrollanim.frombottom.init { opacity:0; transform:translateY(50%); }
.scrollanim.frombottom { opacity:1; transform:translateY(0); }
.scrollanim.fromtop.init { opacity:0; transform:translateY(-50%); }
.scrollanim.fromtop { opacity:1; transform:translateY(0); }
.scrollanim.fromleft.init { opacity:0; transform:translateX(-50%); }
.scrollanim.fromleft { opacity:1; transform:translateX(0); }
.scrollanim.fromright.init { opacity:0; transform:translateX(50%);  }
.scrollanim.fromright { opacity:1; transform:translateX(0); }

.scrollanim.typescript span.word { opacity:0; }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* BURGER */

button#showhidemenu { z-index:1200; position:absolute; display:inline-block; top:2em; right:0; width:3em; height:3em; margin:0; padding:0; background-color:transparent; border:0; }
button#showhidemenu > svg { position:absolute; left:0; top:0; width:100%; height:100%; transition:color 300ms linear 0ms; }

button#showhidemenu > svg line { transition:transform 300ms linear 0ms; stroke-width:3; stroke-linecap:round; transform-origin: 40% 50%; }
button#showhidemenu > svg line:nth-of-type(1) { transform: translate(0,0) scaleX(1) rotate(0deg); }
button#showhidemenu > svg line:nth-of-type(2) { transform: translate(-18.75%,0) scaleX(0.625); }
button#showhidemenu > svg line:nth-of-type(3) { transform: translate(12.5%,0) scaleX(1.25) rotate(0deg); }
body.desktop button#showhidemenu:hover > svg line:nth-of-type(1) { transform: translate(0,0) scaleX(1) rotate(0deg); }
body.desktop button#showhidemenu:hover > svg line:nth-of-type(2) { transform: translate(0,0) scaleX(1); }
body.desktop button#showhidemenu:hover > svg line:nth-of-type(3) { transform: translate(0,0) scaleX(1) rotate(0deg); }
body.showmenu button#showhidemenu > svg line:nth-of-type(1), body.desktop.showmenu button#showhidemenu:hover > svg line:nth-of-type(1) { transform: translate(0,14%) scaleX(1) rotate(45deg); }
body.showmenu button#showhidemenu > svg line:nth-of-type(2), body.desktop.showmenu button#showhidemenu:hover > svg line:nth-of-type(2) { transform: translate(-40%,0) scaleX(0); }
body.showmenu button#showhidemenu > svg line:nth-of-type(3), body.desktop.showmenu button#showhidemenu:hover > svg line:nth-of-type(3) { transform: translate(0,-14%) scaleX(1) rotate(-45deg); }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER */

header { position:absolute; z-index:1000; left:50%; transform:translateX(-50%); top:0; width:100%; height:auto; margin:0 auto; background-color:rgba(255,255,255,1); color:#22343B; overflow:visible; text-align:center; }
body.scroll header { position:fixed; }

.logo { display:inline-block; vertical-align:top; margin:0; padding:0; width:auto; }
header .logo { z-index:4; position:absolute; left:1.45em; top:1.2em; }
header .logo svg { display:block; padding:0; margin:0; height:1.426em; width:auto; }

header nav { z-index:2; position:relative; margin:0 auto; width:100%; }
header nav:before { content:''; background-color:rgba(255,255,255,1); position:absolute; left:50%; width:100vw; top:0; height:100%; transform:translateX(-50%); }
header nav > ul { display:inline-block; width:auto; vertical-align:top; margin-top:1.5em; margin-bottom:1.45em; }
header nav > ul > li { display:inline-block; width:auto; vertical-align:top; line-height:1; margin-right:1.95em; }
header nav > ul > li > a, header nav > ul > li > a:link, header nav > ul > li > a:active, header nav > ul > li > a:visited, header nav > ul > li > a:focus {  color:#22343B; font-family:Scilla, serif; font-size:0.75em; line-height:1; font-style:italic; display:inline-block; position:relative; }
body.desktop header nav > ul > li > a:hover { text-decoration:none; }
body.desktop header nav > ul > li:not(.current) > a:hover { color:#C9CA00; }
header nav > ul > li > ul > li { list-style-type:none; }
header nav > ul > li > ul > li svg { position:relative; display:inline-block; vertical-align:middle; width:2.5705em; height:auto; margin-right:0.821em; transform:translateY(-0.2em); }

body.scroll header > nav:before { box-shadow: 0 0.15em 0.5em #0000000A; }

header .identification { z-index:3; position:absolute; top:0.75em; right:1.45em; display:inline-block; width:auto; text-align:center; vertical-align:top; line-height:1; border-radius:1.5em; background-color:#C9CA00; color:rgba(255,255,255,1); padding:0.65em 1.7em; height:2.4em; }
header .identification > span { display:inline-block; position:relative; font-size:0.9em; line-height:1; letter-spacing:0.035em; font-weight:900; }
body.desktop header .identification > span a:hover { text-decoration:none; color:rgba(255,255,255,1); }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* MAIN */
main { z-index:1; overflow:visible; margin:0 auto; padding:0; display:block; position:relative; width:100%; transition:margin 500ms linear 0ms; }
main section { overflow:visible; margin:0 auto; padding:0; display:block; position:relative; width:100%; }


main section.defaut { z-index:1; padding-top:3em; padding-bottom:5em; text-align:center; }

main h1 { font-size:4em; line-height:1.075; }
main h2 { font-size:4em; line-height:1.075; text-align:left; }

.filets { position:absolute; left:50%; transform:translateX(-50%); top:0; height:100%; width:100%; }
.filets:before { content:''; position:absolute; left:0; top:0; height:100%; width:100%; border-left:1px solid; border-right:1px solid; }
.filets:after { content:''; position:absolute; left:50%; transform:translateX(-50%); top:0; height:100%; width:calc((100% - 4px) / 3); border-left:1px solid; border-right:1px solid; }
.filets:before, .filets:after { border-color:rgba(34,52,59,0.11); }
.filets.sombre:before, .filets.sombre:after { border-color:rgba(255,255,255,0.11); }

u { display:inline-block; text-decoration:none; position:relative; }
u > span { display:inline; text-decoration:none; position:relative; }

.fromrte { line-height:1.5; white-space:normal;  }

.btncharte button, button.btncharte { cursor:pointer; display:block; width:auto; text-align:left; padding:0.8em 3.8em 1em 1.2em; border:1px solid #22343B; color:#22343B; background-color:rgba(255,255,255,1); border-radius:3.1em; }
.btncharte button > span, button.btncharte > span { display:inline-block; vertical-align:middle; font-family:Scilla, serif; line-height:0.85; font-style:italic; }
.btncharte button > svg, button.btncharte > svg { color:rgba(255,255,255,1); position:absolute; right:0.7835em; top:50%; transform:translateY(-50%); display:inline-block; vertical-align:middle; width:auto; height:1.426em; }
.btncharte button:before, button.btncharte:before { content:''; background-color:#22343B; position:absolute; right:0.3em; top:50%; transform:translateY(-50%); width:2.5em; height:2.5em; border-radius:50%; }
body.desktop .btncharte button:hover, body.desktop button.btncharte:hover { background-color:#22343B; color:rgba(255,255,255,1); border-color:#22343B; }
body.desktop .btncharte button:hover:before, body.desktop button.btncharte:hover:before { background-color:rgba(255,255,255,1); color:#22343B; }
body.desktop .btncharte button:hover > svg, body.desktop button.btncharte:hover > svg { color:#22343B; }

.btncharte button.sombre, button.btncharte.sombre { color:rgba(255,255,255,1); background-color:#22343B; }
.btncharte button.sombre > svg, button.btncharte.sombre > svg { color:#22343B; }
.btncharte button.sombre:before, button.btncharte.sombre:before { background-color:rgba(255,255,255,1); }
body.desktop .btncharte button.sombre:hover, body.desktop button.btncharte.sombre:hover { background-color:rgba(255,255,255,1); color:#22343B; border-color:#22343B; }
body.desktop .btncharte button.sombre:hover:before, body.desktop button.btncharte.sombre:hover:before { background-color:#22343B; color:rgba(255,255,255,1); }
body.desktop .btncharte button.sombre:hover > svg, body.desktop button.btncharte.sombre:hover > svg { color:rgba(255,255,255,1); }

svg.parici { width:4.972em; height:auto; }

img.burger {
	-webkit-mask-image: url('https://www.crearbor.fr/_chartes_/crearbor/ressources/images/masques/burger.svg');
	mask-image: url('https://www.crearbor.fr/_chartes_/crearbor/ressources/images/masques/burger.svg');
	width:calc(100% / 3); 
	height:auto;
}
img.tortue {
	-webkit-mask-image: url('https://www.crearbor.fr/_chartes_/crearbor/ressources/images/masques/tortue.svg');
	mask-image: url('https://www.crearbor.fr/_chartes_/crearbor/ressources/images/masques/tortue.svg');
	height:12.9em; 
	width:auto;
	margin-bottom:3.7125em;
}
img.burger, img.tortue {
	-webkit-mask-size: 100% 100%;
	-webkit-mask-position: center;
	mask-size: 100% 100%;
	mask-position: center;
}

.galerie .spacer { position:relative; display:block; height:1px; width:100%; background-color:transparent; transform:translateY(-8em); }
.galerie div.containerAnimDefilant > ul { position:relative; display:inline-block; vertical-align:top; font-size:0; width:auto; left:0; list-style-type:none; white-space:nowrap; }
.galerie div.containerAnimDefilant > ul.animdefilant { margin-top:10px; }
.galerie div.containerAnimDefilant > ul > li { position:relative; display:inline-block; vertical-align:top; margin:0; padding:0 0.6em; }
.galerie div.containerAnimDefilant > ul > li .photo { position:relative; width:12.7em; height:11.25em; border-radius:12.7em 12.7em 0 0; overflow:hidden; }
.galerie svg.parici { color:#37AD9F; }

.onglets { overflow-x:visible; overflow-y:clip; }
.onglets > div:not(.filets):not(.scrollmagic-pin-spacer) { width:100%; left:50%; transform:translateX(-50%); }
.onglets:not(.homeonglets) { padding:4.805em 0 5.9515em 0; }
.onglets:not(.homeonglets) h2 { margin-bottom:calc(2.3em / 3); }
.onglets:not(.homeonglets) h2 > svg.paves { position:absolute; width:calc(6.798em / 3); height:auto; color:#C9CA00; }
.onglets:not(.homeonglets) > div > .fromrte { margin-bottom:6em; }
.onglets .spacer { position:relative; display:block; height:1px; width:100%; background-color:transparent; transform:translateY(-6em); } 
.onglets ul.containerOnglets { width:100%; position:relative; list-style-type:none; left:50%; transform:translateX(-50%); }
.onglets:not(.homeonglets) ul.containerOnglets:before { content:''; position:absolute; width:2.9005em; height:3.196em; background: transparent url('https://www.crearbor.fr/_chartes_/crearbor/ressources/images/decoration/tige.svg') center center no-repeat; background-size:contain; }
.onglets ul.containerOnglets > li { position:relative; width:100%; height:auto; padding:1em 3.8em 8em 3.8em; border-radius:0.7em 0.7em 0 0; }
.onglets ul.containerOnglets > li h3 { font-size:1.75em; font-style:italic; line-height:1; color:inherit; padding-bottom:calc(2em / 1.75); }
.onglets ul.containerOnglets > li:nth-last-of-type(4) { background-color:#37AD9F; color:rgba(255,255,255,1); }
.onglets ul.containerOnglets > li:nth-last-of-type(3) { background-color:#2E8983; color:rgba(255,255,255,1); }
.onglets ul.containerOnglets > li:nth-last-of-type(2) { background-color:#C9CA00; color:#22343B; }
.onglets ul.containerOnglets > li:nth-last-of-type(1) { background-color:#2E4148; color:rgba(255,255,255,1); }
.onglets ul.containerOnglets ul > li { list-style-type:none; padding-left:2.25em; margin-top:1.5em; }
.onglets ul.containerOnglets ul > li:before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:0.711em; height:0.7875em; background: transparent url('https://www.crearbor.fr/_chartes_/crearbor/ressources/images/decoration/puce-highlight.svg') center center no-repeat; background-size:contain; }
.onglets ul.containerOnglets > li:nth-last-of-type(2) ul > li:before { background-image:url('https://www.crearbor.fr/_chartes_/crearbor/ressources/images/decoration/puce-blanc.svg'); }
.onglets > button.btncharte { width:auto; margin:3.5255em auto 0 auto; }
.onglets ul.containerOnglets > li .photo { overflow:hidden; }
.onglets .fromrte ul { margin-left:0; }

.cartes h2 { margin-bottom:calc(2.3em / 4); }
.cartes:not(.homecartes) { padding:8.8em 0 0 0; }
.cartes:not(.homecartes) svg.parici { z-index:2; position:absolute; left:0; top:12.9em; transform:translateY(-68%); color:#37AD9F; }
.cartes:not(.homecartes) h2 > svg.paves { position:absolute; width:calc(4.374em / 4); right:0; top:0; height:auto; color:#C9CA00; }
.cartes:not(.homecartes) svg.fleche { position:absolute; width:5em; height:auto; top:0; left:0; transform-origin:center center;  transform:translate(320%,-150%) rotate(-35deg); }
.cartes:not(.homecartes) > div > .fromrte { margin-top:8.969em; margin-bottom:7.5415em; }
.cartes .spacer { position:relative; display:block; height:1px; width:100%; background-color:transparent; transform:translateY(-10em); } 
.cartes .containerCartes > ol { counter-reset:my-counter; position:relative; display:inline-block; vertical-align:top; font-size:0; width:100%; list-style-type:none; margin:0; padding:0; }
.cartes .containerCartes > ol > li { counter-increment:my-counter; position:relative; display:inline-block; vertical-align:top; margin:0; padding:3.052em 2.6em 3em 2.6em; white-space:initial; border-radius:0.7em; }
.cartes .containerCartes > ol > li h3 { font-size:2em; font-style:italic; line-height:1.25; color:inherit; padding-bottom:calc(2em / 2); }
.cartes .containerCartes > ol > li h3:before { position:absolute; left:0; top:0; display:inline-block; font-size:2em; line-height:1.075; content: "0" counter(my-counter); font-style:normal; }
.cartes .containerCartes > ol > li .fromrte { padding-bottom:2em; }
.cartes .containerCartes > ol > li:nth-of-type(5n+1) { background-color:#2E8983; color:rgba(255,255,255,1); }
.cartes .containerCartes > ol > li:nth-of-type(5n+2) { background-color:#2E4148; color:rgba(255,255,255,1); }
.cartes .containerCartes > ol > li:nth-of-type(5n+3) { background-color:#22343B; color:rgba(255,255,255,1); }
.cartes .containerCartes > ol > li:nth-of-type(5n+4) { background-color:#C9CA00; color:#22343B; }
.cartes .containerCartes > ol > li:nth-of-type(5n+5) { background-color:#37AD9F; color:#22343B; }
.cartes .containerCartes > ol > li:nth-of-type(5n+1) h3:before { color:#22343B; }
.cartes .containerCartes > ol > li:nth-of-type(5n+2) h3:before { color:#37AD9F; }
.cartes .containerCartes > ol > li:nth-of-type(5n+3) h3:before { color:#37AD9F; }
.cartes .containerCartes > ol > li:nth-of-type(5n+4) h3:before { color:#22343B; }
.cartes .containerCartes > ol > li:nth-of-type(5n+5) h3:before { color:#22343B; }
.cartes .containerCartes > ol > li:nth-of-type(5n+1) > svg.paves { position:absolute; width:4.412em; height:auto; right:1.0375em; bottom:0.9495em; color:#2E4148; }
.cartes .containerCartes > ol > li:nth-of-type(5n+2) > svg.paves { position:absolute; width:3.7615em; height:auto; right:0.9195em; top:0.743em; color:#C9CA00; }
.cartes .containerCartes > ol > li:nth-of-type(5n+3) > svg.paves { position:absolute; width:2.338em; height:auto; left:0.612em; bottom:0.992em; color:rgba(255,255,255,1); }
.cartes .containerCartes > ol > li:nth-of-type(5n+4) > svg.paves { position:absolute; width:2.338em; height:auto; left:1.612em; top:0.492em; color:rgba(255,255,255,1); transform:rotate(90deg); }
.cartes .containerCartes > ol > li:nth-of-type(5n+5) > svg.paves { position:absolute; width:4.412em; height:auto; right:1.0375em; bottom:0.9495em; color:#2E4148; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ACCUEIL */

.homeintro { padding:3.3em 0 3.704em 0; text-align:center; }
.homeintro h1 { font-size:5.3em; line-height:1; }
.homeintro .fromrte { font-family:Scilla, serif; margin:1.55em auto; }
.homeintro p { font-size:1.35em; line-height:1.67; text-align:center; }
.homeintro .links button.btncharte { display:inline-block; vertical-align:middle; }
.homeintro .links > svg { display:inline-block; vertical-align:middle; height:2.946em; width:auto; color:#C9CA00; }

.homegalerie svg.paves { position:absolute; left:0; top:0; width:7.25em; height:auto; color:#22343B; transform:translate(-40%,-30%); }
.homegalerie svg.parici { position:absolute; right:0; top:0; transform:translate(50%,-50%); }

.homemascotte { padding:5.35em 0 6.121em 0; }
.homemascotte h2 > svg.paves { position:absolute; top:calc(-1em / 4); right:calc(-1em / 4); width:calc(3.2375em / 4); height:auto; transform:rotate(10deg); }
.homemascotte h2 > svg.fleche { display:inline-block; vertical-align:top; height:auto; }
.homemascotte div.camion { position:absolute; display:inline-block; vertical-align:top; left:0; width:100%; }
.homemascotte div.camion > svg.paves:nth-of-type(1) { position:absolute; top:4.02%; right:14.18%; width:19.12%; height:auto; color:#C9CA00; }
.homemascotte div.camion > svg.paves:nth-of-type(2) { position:absolute; bottom:0; right:15.91%; width:12.18%; height:auto; color:#22343B; }
.homemascotte div.camion > svg.fleche { width:18.35%; left:16.17%; position:absolute; bottom:-0.5em; display:inline-block; vertical-align:top; height:auto; }
.homemascotte div.camion img { position:relative; width:100%; height:auto; }
.homemascotte div.intro { position:relative; padding-top:0.7em; }
.homemascotte div.intro button.btncharte { margin-top:2.2em; }

.defilant > div:not(.filets) { white-space:nowrap; text-align:left; display:block; margin:0 auto; padding:0; overflow:visible; position:relative; left:50%; top:0; transform:translateX(-50%); width:100vw; height:3.2em; background-color:transparent; color:#22343B; }
.defilant div.message { font-size:0; position: absolute; left:0; top:0; bottom:0; width:auto; }
.defilant div.message > span { margin:0; width:auto; position:relative; display:inline-block; vertical-align:middle; line-height:1; padding:1.1em 0 1.1em 2.4em; font-family:Scilla, serif; white-space: nowrap; animation: defilement 25s infinite linear; }
.defilant div.message > span svg { position:absolute; left:0.75em; top:50%; transform:translateY(-50%); height:1.3425em; width:auto; color:#37AD9F; }
.defilant div.message > span:not(:first-of-type) { position:absolute; top:50%; transform:translateY(-50%); left:0; }
.defilant div.message > span:first-of-type { opacity:0; }
.defilant div.message > span:nth-of-type(2) { transform:translate(0%,-50%); }
.defilant div.message > span:nth-of-type(3) { transform:translate(100%,-50%); }
.defilant div.message > span:nth-of-type(4) { transform:translate(200%,-50%); }
.defilant div.message > span:nth-of-type(5) { transform:translate(300%,-50%); }
.defilant div.message > span:nth-of-type(6) { transform:translate(400%,-50%); }

@keyframes defilement {
	0% { margin-left: 0%; }
	100% { margin-left: -100%; }
}


.homeonglets { z-index:900; position:relative; background-color:#22343B; color:rgba(255,255,255,1); text-align:center; margin:0 auto; padding-top:5.35em; padding-bottom:3.17em; }
.homeonglets:before { z-index:-1; content:''; background-color:#22343B; position:absolute; left:50%; width:100vw; top:0; height:100%; transform:translateX(-50%); }
.homeonglets:after { content:''; position:absolute; left:50%; width:100vw; bottom:0; height:3.17em; transform:translateX(-50%); background:transparent url('https://www.crearbor.fr/_chartes_/crearbor/ressources/images/decoration/bandeau.svg') center center repeat-x; background-size:auto calc(100% + 2px); }
.homeonglets h2 { color:rgba(255,255,255,1); margin-bottom:calc(5.914em / 4); }
.homeonglets h2 > svg.paves { position:absolute; width:calc(4.374em / 4); height:auto; color:#C9CA00; top:0; right:calc(7.5em / 4); }
.homeonglets h2 > svg.fleche { width:calc(5.294em / 4); position:relative; left:1em; top:0.5em; display:inline-block; vertical-align:top; height:auto; color:rgba(255,255,255,1); }
.homeonglets button.btncharte { margin-top:2em; }
.homeonglets ul.containerOnglets > li { padding-bottom:9em; }
.homeonglets ul.containerOnglets > li h3 { font-size:2.5em; line-height:1; padding-bottom:calc(2em / 2.5); }
.homeonglets ul.containerOnglets > li h4 { font-size:2em; font-style:italic; line-height:1.25; color:inherit; padding-bottom:calc(2em / 2); }

.homecartes svg.parici { margin-top:4.2535em; margin-bottom:3.5265em; }
.homecartes h2 > svg.paves { width:calc(6.798em / 4); position:relative; left:calc(0.5em / 4); top:0; display:inline-block; vertical-align:top; height:auto; color:#C9CA00; }
.homecartes svg.fleche { position:absolute; width:5.234em; height:auto; bottom:-1.5em; left:5.6285em; transform: matrix(0.91, 0.42, -0.42, 0.91, 0, 0) scaleX(-1); }

.homelocalisation { padding: 5.307em 0 8.68em 0; }
.homelocalisation > svg:first-of-type { width:2.084em; height:auto; color:#C9CA00; }
.homelocalisation > svg.parici { color:#22343B; margin-top:3.041em; }
.homelocalisation h2 { font-size:1.4em; line-height:1.5; text-align:center; margin:calc(0.804em / 1.4) 0 calc(4.0575em / 1.4) 0; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* PRESTATIONS Liste et Détail */

.pageprestations { padding:0.9045em 0 3.645em 0; }
.pageprestations > div:not(.filets) { left:50%; transform:translateX(-50%); }
.pageprestations h1 { margin-bottom:calc(3.3455em / 4);  text-align:left; }
.pageprestations h1 > svg.paves { position:absolute; width:calc(3.2375em / 4); height:auto; color:#C9CA00; }
.pageprestations h1 > svg.paves path:nth-of-type(4), .pageprestations h1 > svg.paves path:nth-of-type(9) { fill:#22343B; }

.pageprestations ul { position:relative; display:inline-block; vertical-align:top; font-size:0; left:50%; width:100%; transform:translateX(-50%); list-style-type:none; }
.pageprestations ul > li { position:relative; display:inline-block; vertical-align:top; width:100%; }
.pageprestations ul > li .photo { position:relative; width:100%; height:10.2em; border-radius:13em 13em 0 0; overflow:hidden; }
.pageprestations h2 { font-size:1.5em; line-height:1.67; margin:calc(1.202em / 1.5) 0; font-style:italic; }
.pageprestations button.btncharte { margin-top:1.1955em; width:100%; }


.pageprestaintro { padding:5.4em 0 5.1245em 0; }
.pageprestaintro > div:not(.filets) { left:50%; transform:translateX(-50%); }
.pageprestaintro h1 { margin-bottom:calc(3.3455em / 4); text-align:left; }
.pageprestaintro h1 > svg.paves { position:absolute; width:calc(3.2375em / 4); height:auto; color:#C9CA00; }
.pageprestaintro h1 > svg.paves path:nth-of-type(4), .pageprestaintro h1 > svg.paves path:nth-of-type(9) { fill:#22343B; }
.pageprestaintro h1 > svg.fleche { display:inline-block; vertical-align:top; height:auto; }
.pageprestaintro svg.parici { position:absolute; left:calc(100% * 2 / 3); top:0; transform:translate(-50%,-170%); color:#37AD9F; }
.pageprestaintro .photo { width:15.25em; border-radius:15.25em 15.25em 0 0; overflow:hidden; }
.pageprestaintro img.burger { position:absolute; left:0; top:0; width:12.2875em; transform:translateX(-12%); }

.pageprestacta { padding: 5.307em 0 8.68em 0; text-align:center; }
.pageprestacta > svg:first-of-type { width:2.084em; height:auto; color:#C9CA00; }
.pageprestacta > svg.parici { color:#22343B; margin-top:3.041em; }
.pageprestacta h2 { font-style:italic; font-size:1.4em; line-height:1.5; text-align:center; margin:calc(0.804em / 1.4) 0 calc(4.0575em / 1.4) 0; }
.pageprestacta button.btncharte { width:calc(100% / 3); margin:0 auto; }


.petanque > div:not(.filets) { width:100%; left:50%; transform:translateX(-50%); }
.petanque { padding:1em 0 5.9515em 0; }
.petanque h2 { margin-bottom:calc(2.3em / 3); }
.petanque h2 > svg.paves { position:absolute; width:calc(6.798em / 3); height:auto; color:#C9CA00; }
.petanque > div > .fromrte { margin-bottom:6em; }

.sublimer h2 { margin-bottom:calc(2.3em / 4); }
.sublimer { padding:8.8em 0 0 0; }
.sublimer svg.parici { z-index:2; position:absolute; left:0; bottom:0; transform:translateY(65%); color:#37AD9F; }
.sublimer h2 > svg.paves { position:absolute; width:calc(4.374em / 4); right:0; top:0; height:auto; color:#C9CA00; }
.sublimer svg.fleche { position:absolute; width:5em; height:auto; top:0; left:0; transform-origin:center center;  transform:translate(320%,-150%) rotate(-35deg); }
.sublimer > div > .fromrte { margin-top:8.969em; margin-bottom:7.5415em; }


.pagepresentintro { padding:5.4em 0 5.1245em 0; }
.pagepresentintro > div:not(.filets) { left:50%; transform:translateX(-50%); }
.pagepresentintro h1 { margin-bottom:calc(3.3455em / 4); text-align:left; }
.pagepresentintro h1 > svg.paves { position:absolute; width:calc(3.2375em / 4); height:auto; color:#C9CA00; }
.pagepresentintro h1 > svg.paves path:nth-of-type(4), .pagepresentintro h1 > svg.paves path:nth-of-type(9) { fill:#22343B; }
.pagepresentintro h1 > svg.fleche { display:inline-block; vertical-align:top; height:auto; }
.pagepresentintro svg.parici { position:absolute; left:0; top:0; transform:translate(-66%,-45%); color:#37AD9F; }
.pagepresentintro button.btncharte { margin-top:2.2em; }

.presentationgalerie svg.parici { position:absolute; left:-0.6em; top:0; transform:translate(-50%,-50%); }
.presentationgalerie div.containerAnimDefilant > ul > li .photo { position:relative; width:13.85em; height:23em; border-radius:13.85em 13.85em 0 0; overflow:hidden; }

.service { z-index:900; position:relative; background-color:#22343B; color:rgba(255,255,255,1); text-align:center; margin:0 auto; padding-top:5.35em; padding-bottom:3.17em; }
.service > div:not(.filets) { left:50%; transform:translateX(-50%); }
.service:before { z-index:-1; content:''; background-color:#22343B; position:absolute; left:50%; width:100vw; top:0; height:100%; transform:translateX(-50%); }
.service:after { content:''; position:absolute; left:50%; width:100vw; bottom:0; height:3.17em; transform:translateX(-50%); background:transparent url('https://www.crearbor.fr/_chartes_/crearbor/ressources/images/decoration/bandeau.svg') center center repeat-x; background-size:auto calc(100% + 2px); }
.service h2 { color:rgba(255,255,255,1); margin-bottom:calc(2.4em / 4); }
.service h2 > svg.paves { position:absolute; width:calc(4.374em / 4); height:auto; color:#C9CA00; top:calc(-0.5em / 4); right:calc(6.5em / 4); }
.service h2 > svg.fleche { width:calc(5.294em / 4); position:relative; left:0.7em; top:0.1em; display:inline-block; vertical-align:top; height:auto; color:rgba(255,255,255,1); transform:rotate(-35deg); }
.service h3 { font-size:2em; line-height:1.25; font-style:italic; text-align:left; color:rgba(255,255,255,1); margin-bottom:calc(3em / 2); }
.service > div:last-of-type { margin-top:3em; margin-bottom:6.3225em; }
.service svg.parici { z-index:2; position:absolute; left:0; top:12.9em; transform:translateY(-68%); color:rgba(255,255,255,1); }
.service svg.parici path { fill:rgba(255,255,255,1); }

.jardin { padding: 5.307em 0 0 0; text-align:center; }
.jardin > svg:nth-of-type(2) { width:2.084em; height:auto; color:#C9CA00; }
.jardin > svg.parici { z-index:2; position:absolute; bottom:0; right:0; color:#22343B; margin-top:3.041em; }
.jardin h2 { font-size:1.5em; line-height:1.5; text-align:center; font-style:italic; margin:calc(0.804em / 1.4) 0 calc(4.0575em / 1.4) 0; }

.intervention > div:not(.filets) { width:100%; left:50%; transform:translateX(-50%); }
.intervention { padding:calc(5.68em + 4.805em) 0 5.9515em 0; }
.intervention h2 { margin-bottom:calc(2.3em / 3); }
.intervention h2 > svg.paves { position:absolute; width:calc(6.798em / 3); left:0; height:auto; color:#C9CA00; }
.intervention > div > .fromrte { margin-bottom:6em; }
.intervention button.btncharte { margin-top:2.2em; }


.sectioncontact .projet { position:relative; display:inline-block; vertical-align:top; }
.sectioncontact .carte { position:relative; display:inline-block; vertical-align:top; }
.sectioncontact .carte svg { width:100%; height:auto; }
.sectioncontact h1 { width:calc(18.5em / 4); margin-top:calc(5.4em / 4); margin-bottom:calc(1.995em / 4); text-align:left; }
.sectioncontact h1 > svg.paves { position:absolute; width:calc(3.2375em / 4); height:auto; color:#C9CA00; right:0; top:0; transform:translate(90%,-30%); }
.sectioncontact h1 > svg.paves path:nth-of-type(3), .sectioncontact h1 > svg.paves path:nth-of-type(4) { fill:#22343B; }
.sectioncontact .fromrte  a { color:#C9CA00; font-weight:700; }
body.desktop .sectioncontact .fromrte a:hover { color:#C9CA00; }
.sectioncontact svg.parici { position:absolute; bottom:0; right:0; color:#37AD9F; transform:translateX(calc(100% + 2.678em)); }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* MENTIONS LEGALES */

section.mentionslegales { padding-top:5.4em; padding-bottom:4em; }
section.mentionslegales h1 { position:relative; display:inline-block; padding:0; text-align:left; margin:0; }
section.mentionslegales h1 > svg.paves { position:absolute; width:calc(3.2375em / 4); height:auto; color:#C9CA00; left:0; top:0; transform:translate(-100%,-30%); }
section.mentionslegales h1 > svg.paves path:nth-of-type(3), section.mentionslegales h1 > svg.paves path:nth-of-type(4) { fill:#22343B; }
section.mentionslegales h1 > svg.fleche { width:calc(5.294em / 4); position:absolute; left:0.5em; top:100%; display:inline-block; vertical-align:top; height:auto; color:#22343B; transform:matrix(0.89, -0.45, 0.45, 0.89, 0, 0); }
section.mentionslegales h2 { padding:calc(3.645em / 3) 0 calc(2.3em / 3) 0; }

section.mentionslegales { counter-reset:my-counter; }
section.mentionslegales h2 { counter-increment:my-counter; }
section.mentionslegales h2:before { position:relative; display:inline; font-size:1em; content: "0" counter(my-counter) ". "; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ERREUR */

section.erreur { padding-top:5.4em; padding-bottom:4em; }
section.erreur h1 { position:relative; display:inline-block; padding:0; text-align:left; margin:0; }
section.erreur h1 > span { position:absolute; top:0; left:50%; transform:translate(-50%, -35%); font-size:1.92em; color:#C9CA00; }
section.erreur h1 > svg.paves { position:absolute; width:calc(3.2375em / 4); height:auto; color:#C9CA00; left:0; top:0; transform:translate(-90%,-30%); }
section.erreur h1 > svg.paves path:nth-of-type(3), section.erreur h1 > svg.paves path:nth-of-type(4) { fill:#22343B; }
section.erreur h1 > svg.fleche { width:calc(5.294em / 4); position:absolute; left:0.5em; top:100%; display:inline-block; vertical-align:top; height:auto; color:#22343B; transform:matrix(0.89, -0.45, 0.45, 0.89, 0, 0); }
section.erreur svg.parici { position:absolute; right:-6.853em; bottom:4em; display:inline-block; color:#37AD9F; transform:translateX(100%); }
section.erreur h2 { padding:calc(3.645em / 3) 0 calc(2.3em / 3) 0; }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* AUTHENTIFICATION */

.authentification { width:30%; margin:0 auto; }

.interne .section-auth h1 > span { font-size:2.2em; }
.section-auth form { padding-top:2em; }
.section-auth .reponse { padding-top:2em; }
.section-auth input { display:block; width:100%; margin:0.5em auto 0 auto; }
.section-auth .btn { font-size:1em; border-radius:0; border-color:rgba(0,0,0,1); padding:1.5em 2.5em; }
body.desktop .section-auth .btn:hover { border-color:rgba(0,0,0,1); background-color:rgba(255,255,255,1); color:rgba(0,0,0,1); }


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

aside.asidecontact { padding: 6.54em 0; }
aside.asidecontact:before { content:''; background-color:#C9CA00; position:absolute; left:50%; width:100vw; top:0; height:100%; transform:translateX(-50%); }
aside.asidecontact > svg.paves { position:absolute; left:0; bottom:0; width:4.227em; height:auto; color:#22343B; transform:translate(calc(-100% - 7.573em), -1.614em); }
aside.asidecontact > .photo { position:absolute; left:0; bottom:6.54em; width:10.65em; height:17.6em; border-radius:10.65em 10.65em 0 0; overflow:hidden; }
aside.asidecontact u:before { background-image:url('https://www.crearbor.fr/_chartes_/crearbor/ressources/images/decoration/surligne-contact.svg'); }
aside.asidecontact h2 { z-index:3; font-size:4em; line-height:1.075; text-align:left; }
aside.asidecontact h2 > svg.fleche { position:relative; display:inline-block; vertical-align:top; height:auto; }

aside.asidecontact .containerform { text-align:left; }
aside.asidecontact button { border:0; width:100%; font-size:1.3em; }
aside.asidecontact button:after { content:''; position:absolute; left:calc(50% + 2px); transform:translateX(-50%); top:0; height:100%; width:2px; border-left:1px solid rgba(34,52,59,0.11); }

.contactform ::placeholder { font-family:Scilla, serif; font-style:italic; }
.contactform :-ms-input-placeholder { font-family:Scilla, serif; font-style:italic; }
.contactform ::-ms-input-placeholder { font-family:Scilla, serif; font-style:italic; }
.contactform fieldset { display:block; position:relative; font-size:0; border:0; outline:0; width:100%; margin:0; padding:0; max-width:100%; }
.contactform label { width:100%; margin:0 0 2em 0; }
.contactform input { padding:1em 0; line-height:1; outline:0; background-color:transparent; border-bottom:1px solid rgba(255,255,255,1); }
.contactform textarea { height:3.2em; padding:1em 0; line-height:1; outline:0; background-color:transparent; border-bottom:1px solid rgba(255,255,255,1); }
.contactform .help { width:auto; position:absolute; bottom:0; left:0; display:inline-block; font-size:0.75em; font-style:italic; line-height:1.25; }
.contactform input[type="checkbox"] { position:absolute !important; padding-top:1em !important; padding-bottom: 0 !important; left: 0 !important; top:0 !important; transform: scale(1) !important; }
.contactform input[type="checkbox"] + span:before, .contactform input[type="checkbox"] + span:after { top:0.1em !important; }
.contactform input[type="checkbox"] + span:before { border-color:#22343B !important; }
.contactform input[type="checkbox"] + span:after { background-color:#22343B !important; }
.contactform .consentementrgpd { margin-bottom:0; }
.contactform .consentementrgpd span { display:inline-block; color:#22343B; outline:0; font-size:0.65em; line-height:1; }
.contactform .consentementrgpd sup { top:-0.2em; }
.contactform .asterisque { display:block; padding:0.5em 0; margin-bottom:calc(0.5em / 0.6); border:0; width:auto; color:#22343B; outline:0; font-size:0.6em; font-style:italic; }
.contactform .asterisque sup { top:-0.2em; }

.jconfirm .jconfirm-holder { max-width:80%; margin:0 auto; }
.jconfirm .jconfirm-box div.jconfirm-title-c { font-family:Lato, sans-serif; }
.jconfirm .jconfirm-box .jconfirm-buttons button { font-family:Lato, sans-serif; border-radius:0; }
.btn-primary { background-color:#C9CA00; border-color:#C9CA00; }
body.desktop .btn-primary:hover { border-color:#C9CA00; background-color:rgba(255,255,255,1); color:#C9CA00; }

.succes {  }
.erreur {  }
.erreur ul { list-style-type:none; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
footer { z-index:900; position:relative; background-color:#22343B; color:rgba(255,255,255,1); text-align:center; margin:0 auto; padding-top:3.17em; }
footer:before { content:''; background-color:#22343B; position:absolute; left:50%; width:100vw; top:0; height:100%; transform:translateX(-50%); }
footer:after { content:''; position:absolute; left:50%; width:100vw; top:0; height:3.17em; transform:translateX(-50%); background:transparent url('https://www.crearbor.fr/_chartes_/crearbor/ressources/images/decoration/bandeau.svg') center center repeat-x; background-size:auto calc(100% + 2px); }

footer .logo { width:10.1375em; height:auto; }

footer > nav { font-size:0; position:relative; display:block; width:100%; text-align:left; }
footer > nav > ul { position:relative; display:inline-block; vertical-align:top; margin:0; padding:0 0 4.89em 0; width:100%; text-align:left; }
footer > nav ul { list-style-type:none; }
footer > nav li:not(:first-of-type) { margin-top:1.35em; }
footer > nav li > a { font-size:1.25em; line-height1; font-style:italic; }
footer > nav ul > li > h2 { display:inline-block; vertical-align:top; font-family:Scilla, serif; font-style:italic; font-size:2em; line-height1; padding-bottom:calc(1.35em / 2); color:#C9CA00; }
body.desktop footer > nav li > a:hover { text-decoration:none; color:#C9CA00; }

footer > nav > ul:not(:last-of-type) li:last-of-type:after { content:''; display:block; position:absolute; left:0; bottom:0; transform:translateY(calc(100% + 1.6325em)); width:7.102em; height:1.24em; background:transparent url('https://www.crearbor.fr/_chartes_/crearbor/ressources/images/decoration/paves-ligne.svg') 0 0 no-repeat; background-size:100%; }
footer > nav > ul:nth-of-type(3) li:last-of-type:after { display:none; }

footer > nav > ul.sociaux li { display:inline-block; vertical-align:middle; list-style-type:none; padding:0; margin:0; }
footer > nav > ul.sociaux li svg { width:1.817em; display:block; height:auto; }
footer > nav > ul.sociaux li a, footer > nav > ul.sociaux li span { display:inline-block; vertical-align:middle; }
footer > nav > ul.sociaux li span { font-family:Scilla, serif; font-style:italic; margin-left:0.833em; line-height:1; }


footer .copyright { font-family:Scilla, serif; font-style:italic; display:block; width:100%; background-color:#2E8983; color:rgba(255,255,255,1); margin:0; padding:1.1em 0; text-align:center; line-height:1; }
footer .copyright:before { content:''; background-color:#2E8983; position:absolute; left:50%; width:100vw; top:0; height:100%; transform:translateX(-50%); }

.cc_container { background-color:#22343B !important; font-family:Lato, sans-serif !important; font-weight:400 !important; }
.cc_container .cc_btn, .cc_container .cc_btn:visited { display:inline-block; width:auto !important; white-space: nowrap !important; font-family:Lato, sans-serif !important; font-weight:400 !important; background-color:#C9CA00 !important; color:rgba(255,255,255,1) !important; }
.cc_container .cc_btn:hover, .cc_container .cc_btn:active { color:#22343B !important; }
.cc_container a.cc_more_info, .cc_container a.cc_more_info:link, .cc_container a.cc_more_info:visited, .cc_container a.cc_more_info:active { color:#C9CA00 !important; }
/* ------------------------------------------------------------------------------------------------------------- */
/* RESPONSIVE */

html { font-size:10px; font-size:1vw; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Reinit font-size après un font-size:0; */
body,
header nav > ul > li,
.galerie ul > li,
.cartes ol > li,
.defilant div.message > span,
.pageprestations ul > li,
.contactform label,
footer > nav > ul
 { font-size:1rem; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

#en2mots { opacity:0; background-color:rgba(255,255,255,1); width:100%; max-width:2560px; margin:0 auto; position:relative; }

header { width:100%; }
main > section { width:100%; }
aside { width:100%; }
footer { width:100%; }

body.noscrollbar { height:0; overflow-y:hidden; }
body.windows.noscrollbar, body.windows.noscrollbar header, body.windows.noscrollbar header nav > div { max-width:calc(100% - 17px); }



.clotures .pageprestaintro .photo img { transform:translate(-40%,-50%); }
.autres .pageprestaintro .photo img { transform:translate(-75%,-50%) scale(1.2); }
.terrassesonglets > ul > li:nth-of-type(1) .photo img { transform:translate(-33%,-50%); }
.terrassesgalerie > ul > li:nth-of-type(2) .photo img { transform:translate(-50%,-50%) scale(1.35); }
.coursonglets > ul > li:nth-of-type(4) .photo img { transform:translate(-47%,-50%); }
.presentationgalerie > ul > li:nth-of-type(2) .photo img { transform:translate(-55%,-50%); }



/* AFFICHAGE PANORAMIC */

/* Attention, le style panoramic n'est pas ajouté sur body mais sur html
html.panoramic { left:calc( ( 100% - 2.5 * 100vh ) / 2); width:calc(2.5 * 100vh); font-size:2vh; text-align:center; }
*/


/* AFFICHAGE FONT MAXI */
@media (min-width:1366px) { 

	html { font-size:13.66px; }

}

/* AFFICHAGE MAXI */
@media (min-width:2560px) { 

}
/* AFFICHAGE NORMAL */
@media (orientation:portrait) and (min-width:951px), (orientation:landscape) and (min-width:501px) {

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Reinit font-size après un font-size:0; */
body,
header nav > ul > li,
.galerie ul > li,
.cartes ol > li,
.defilant div.message > span,
.pageprestations ul > li,
.contactform label,
footer > nav > ul
 { font-size:1.4641288433382rem; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

	header { width:68.3em; }
	main > section { width:41.75em; }
	aside { width:41.75em; }
	footer { width:41.75em; }
button#showhidemenu { display:none; }

u:before { z-index:-1; content:''; position:absolute; display:block; width:110%; height:100%; left:50%; top:50%; transform:translate(-50%,-50%); background:transparent url('https://www.crearbor.fr/_chartes_/crearbor/ressources/images/decoration/surligne.svg') center center no-repeat; background-size:100% 100%; }


header nav { position:relative; height:3.85em; text-align:center; }
header nav > ul:not(:first-of-type) { display:none; }
header nav > ul > li > a { z-index:2; }
header nav > ul > li.current > a:before { z-index:-1; content:''; position:absolute; display:block; width:110%; height:100%; left:50%; top:50%; transform:translate(-50%,-50%); background:transparent url('https://www.crearbor.fr/_chartes_/crearbor/ressources/images/decoration/surligne.svg') center center no-repeat; background-size:100% 100%; }
header nav > ul > li svg { display:none; }
header nav > ul > li > ul { display:none; position:absolute; left:-1.4em; top:100%; width:20.75em; height:auto; padding:calc(1.95em + 0.5em) 1.4em 0.5em 1.4em; }
header nav > ul > li > ul:before { content:''; position:absolute; left:0; right:0; bottom:0; top:1.95em; background-color:rgba(255,255,255,1); border-radius:0.7em; box-shadow: 0 0.15em 0.85em #00000012; }
body.desktop header nav > ul > li:hover > ul, header nav > ul > li.hover > ul { display:inline-block; }
header nav > ul > li > ul > li { display:inline-block; vertical-align:top; width:47%; padding:0.5em 0; }
header nav > ul > li > ul > li:nth-of-type(2n+1) { width:calc(53% - 6px); }
header nav > ul > li > ul > li svg { width:2em; display:inline-block; }
header nav > ul > li > ul > li a, header nav > ul > li > ul > li a:link, header nav > ul > li > ul > li a:active, header nav > ul > li > ul > li a:visited, header nav > ul > li > ul > li a:focus { font-size:0.75em; white-space:nowrap; }
body.desktop header nav > ul > li > ul > li a:hover, header nav > ul > li > ul > li a.hover, header nav > ul > li > ul > li.current a { color:#C9CA00; text-decoration:none; }

main { padding-top:3.85em; }

.galerie div.containerAnimDefilant > ul { left:50%; transform:translateX(-50%); }
.galerie div.containerAnimDefilant > ul.animdefilant { left:50%; transform:translateX(-50%); }

.onglets:not(.homeonglets) h2 { font-size:3em; line-height:1.08; }
.onglets:not(.homeonglets) h2 > svg.paves { width:calc(6.798em / 3); left:0; bottom:0; transform:translate(90%,120%); }
.onglets:not(.homeonglets) > div > .fromrte { padding-left:calc(100% / 3); margin-bottom:6em; }
.onglets:not(.homeonglets) ul.containerOnglets { width:65.4em; }
.onglets:not(.homeonglets) ul.containerOnglets:before { top:0; left:42.7995em; }
.onglets:not(.homeonglets):not(.autresonglets) ul.containerOnglets > li { width:calc(100% - 23.65em); padding-top:1em; }
.onglets ul.containerOnglets > li h3 { white-space:nowrap; }
.onglets ul.containerOnglets > li .photo { position:absolute; top:-1em; right:0; bottom:0; overflow:hidden; transform:translateX(calc(0.3em + 100%)); width:24.35em; border-radius:24.35em 24.35em 0 0; border:1em solid rgba(255,255,255,1); border-bottom:0; }

.cartes .containerCartes > ol { left:0; width:auto; white-space:nowrap; }
.cartes .containerCartes > ol > li { margin:0 0.35em; width:27.75em; height:auto; padding:3.052em 2.6em 3em 2.6em; }
.cartes .containerCartes > ol > li:first-of-type { margin-left:0; }
.cartes .containerCartes > ol > li:last-of-type { margin-right:0; }
.cartes .containerCartes > ol > li h3 { min-height:calc(7.2em / 2); padding-left:calc(6.05em / 2); }
.cartes .containerCartes > ol > li:first-of-type h3 { padding-left:calc(4.65em / 2); }
.cartes:not(.homecartes) > div > .fromrte { padding-left:calc(100% - 34.8em); padding-right:0.5em; }
.cartes:not(.homecartes) img.tortue { z-index:1; position:absolute; left:0; top:0; } 


.homeintro { width:100vw; }
.homeintro .links button.btncharte { width:12.5em; padding-right:3em; margin:0 3em; }
.homeintro .links > svg { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

.homemascotte h2 svg.fleche { left:calc(2.5em / 4); top:calc(1em / 4); transform:rotate(-25deg); width:calc(5.374em / 4); }
.homemascotte div.camion { left:-12.9em; top:0.6em; width:35.55em; }
.homemascotte div.camion > svg.paves:nth-of-type(2) { display:none; }
.homemascotte div.intro { padding-top:1.45em; padding-left:20.5em; }

.homeonglets > div:not(.filets):not(.scrollmagic-pin-spacer) { width:55.9em; }
.homeonglets > div.scrollmagic-pin-spacer { width:55.9em !important; }
.homeonglets h2 > svg.paves { right:calc(7.5em / 4); }

.homecartes > div > .fromrte { padding-left:calc(100% / 3); margin-bottom:3.909em; }

.homelocalisation > svg.parici { position:absolute; right:0; bottom:8.68em; }

.pageprestations h1 > svg.paves { bottom:0; left:0; transform:translate(-50%,100%); }
.pageprestations > div:not(.filets) { width:55.6em; }
.pageprestations div > .fromrte { position:absolute; right:0; top:1.2em; width:26em; }
.pageprestations ul { width:auto; white-space:nowrap; }
.pageprestations ul > li { margin:0 0.6em; width:13em; }

.pageprestaintro > div:nth-of-type(2) { width:58.431em; }
.pageprestaintro h1 { width:calc(41.75em / 4); }
.pageprestaintro h1 > svg.paves { top:0; left:0; transform:translate(-100%,-50%); }
.pageprestaintro h1 > svg.fleche { left:calc(2.5em / 4); top:calc(1em / 4); transform:rotate(-25deg); width:calc(5.374em / 4); }
.pageprestaintro .fromrte { padding-left:calc(100% / 3); padding-right:1.675em; }
.pageprestaintro .photo { position:absolute; right:0; top:0; bottom:3.5em; }

.autres .pageprestaintro h1 > svg.fleche { display:block; top:0; left:calc(20em / 4); }

.cartes:not(.homecartes) > div:not(.filets):not(.containerCartes):not(.scrollmagic-pin-spacer) { width:55.6em; left:50%; transform:translateX(-50%); }
.terrasses .cartes:not(.homecartes) h2 > svg.paves { right:1.2em; top:0.2em; }
.cours .cartes:not(.homecartes) h2 > svg.paves { right:0.5em; top:1.6em; }

.clotures .pageprestaintro {padding-bottom:8.1245em; }
.clotures .cartes:not(.homecartes) { padding-bottom:2em; }
.clotures .cartes:not(.homecartes) h2 > svg.paves { right:1.2em; }
.clotures .cartes:not(.homecartes) > div > .fromrte { margin-top:4.169em; }
.clotures .cartes:not(.homecartes) svg.fleche { transform:translate(320%,-130%) rotate(-35deg); }

.petanque h2 { font-size:3em; line-height:1.08; }
.petanque h2 > svg.paves { left:0; bottom:0; transform:translate(90%,120%); }
.petanque > div > .fromrte { padding-left:calc(100% / 3); margin-bottom:0; }

.sublimer > div > .fromrte {  padding-left:calc(100% - 34.8em); padding-right:0.5em; }
.sublimer > div:not(.filets) { width:55.6em; left:50%; transform:translateX(-50%); }
.sublimer > div img.tortue { z-index:1; position:absolute; left:0; top:0; } 

.autres .sublimer h2 > svg.paves { right:2em; top:1.1em; }

.pagepresentintro h1 > svg.paves { top:0; right:0; transform:translate(-50%,-10%); }
.pagepresentintro h1 > svg.fleche { display:block; left:calc(25.1em / 4); top:0; transform:rotate(-25deg); width:calc(5.374em / 4); }
.pagepresentintro .fromrte { z-index:10; padding-left:calc((100% / 3) + 1.75em); }

.presentationgalerie { margin-top:calc(-23em - 5.1245em); }
.presentationgalerie div.containerAnimDefilant > ul > li:last-of-type .photo { margin-left:27.65em; }

.service > div:not(.filets) { width:55.6em; }
.service > div:nth-of-type(3) > h3 { display:inline-block; padding-left:calc(100% - (35em / 2)); }
.service > div:nth-of-type(3) > .fromrte { padding-left:calc(100% - 34.8em); }
.service img.tortue { z-index:1; position:absolute; left:0; top:0; } 

.intervention h2 { font-size:3em; line-height:1.08; }
.intervention h2 > svg.paves { bottom:0; transform:translate(85%,120%); }
.intervention > div > .fromrte { padding-left:calc(100% / 3); margin-bottom:6em; }

.sectioncontact > div:not(.filets) { width:65.4em; left:50%; transform:translateX(-50%); text-align:left; }
.sectioncontact .projet { width:28.25em; margin-left:3.8em; margin-right:calc(10.9em - 5px); }
.sectioncontact .carte { width:22.45em; }


section.mentionslegales h1 { width:calc(58.431em / 4); left:50%; transform:translateX(-50%); }
section.mentionslegales h2 { font-size:3em; line-height:1.08; }
section.mentionslegales h2:first-of-type { padding-top:calc(3.645em / 3); }
section.mentionslegales p { text-align:left; padding-left: calc(100% / 3); }
section.mentionslegales ul { text-align:left; padding-left: calc(100% / 3);  }
section.mentionslegales ol { text-align:left; padding-left: calc(100% / 3);  }

section.erreur h1 { width:calc(65.4em / 4); left:50%; transform:translateX(-50%); }
section.erreur h2 { font-size:3em; line-height:1.08; }
section.erreur h2:first-of-type { padding-top:calc(3.645em / 3); }
section.erreur p { text-align:left; padding-left: calc(100% / 3); }
section.erreur ul { text-align:left; padding-left: calc(100% / 3);  }
section.erreur ol { text-align:left; padding-left: calc(100% / 3);  }

aside.asidecontact h2 > svg.fleche { left:calc(2.5em / 4); top:calc(1em / 4); transform:rotate(-25deg); width:calc(5.374em / 4); }
aside.asidecontact .containerform { padding-top:3.75em; padding-left:calc(100% / 3); }

.contactform label:nth-of-type(1) { width:calc(50% - 1em); margin-right:1em; }
.contactform label:nth-of-type(2) { width:50%; }

footer .logo { position:absolute; left:0; top:calc(3.17em + 4.4495em); }

footer > nav > ul { padding:9.175em 0 7.6425em 0; width:calc(100% / 3); }
footer > nav > ul:not(:first-of-type) li:last-of-type:after { display:none; }
footer > nav ul > li > h2 { position:absolute; top:0; left:0; transform:translateY(-100%); }

footer > nav > ul.sociaux { position:absolute; right:0; bottom:0; padding-top:0; display:inline-block; vertical-align:middle; }



}
/* AFFICHAGE TABLETTE et PETIT ECRAN */
@media (orientation:portrait) and (min-width:951px) and (max-width:1600px), (orientation:landscape) and (min-width:501px) and (max-width:1200px), {

	html { font-size:10px; font-size:1vw; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Reinit font-size après un font-size:0; */
body,
header nav > ul > li,
.galerie ul > li,
.cartes ol > li,
.defilant div.message > span,
.pageprestations ul > li,
.contactform label,
footer > nav > ul
 { font-size:1.4641288433382rem; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/



}
/* AFFICHAGE MOBILE */
@media (orientation:portrait) and (max-width:950px), (orientation:landscape) and (max-width:500px) {

	html { font-size:10px; font-size:1vw; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Reinit font-size après un font-size:0; */
body,
header nav > ul > li,
.galerie ul > li,
.cartes ol > li,
.defilant div.message > span,
.pageprestations ul > li,
.contactform label,
footer > nav > ul
 { font-size:5.1282051282051rem; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

	header { width:100vw; }
	main > section { width:17.2em; }
	aside { width:17.2em; }
	footer { width:17.2em; }

	div.nosmartphone br { display: none; content: ' '; clear:none; }


.filets { width:100vw; }

.galerie div.containerAnimDefilant > ul.animdefilant { margin-top:50px; }

.onglets:not(.homeonglets) h2 > svg.paves { width:calc(6.798em / 3); right:0; top:0; transform:translate(0%,-95%); }
.onglets .spacer { transform:translateY(-0.5em); } 
.onglets:not(.homeonglets) ul.containerOnglets { margin-top:9.5em; }
.onglets:not(.homeonglets) ul.containerOnglets:before { top:-3.7em; left:50%; transform:translate(-50%,-100%); }
.onglets:not(.homeonglets) > div > .fromrte { margin-bottom:0; }
.onglets ul.containerOnglets > li { padding:1em 1.55em 2.75em 1.55em; margin-top:-1em; }
.onglets ul.containerOnglets > li:last-of-type { padding-bottom:1.75em; }
.onglets ul.containerOnglets > li .photo { width:13.6em; height:15.856em; border-radius:13.6em 13.6em 0 0; left:50%; transform:translateX(-50%); margin-top:2.75em; }
.onglets ul > li h3 { font-size:2.25em; line-height:1.11; padding-bottom:calc(2em / 2.25); }
.onglets ul > li h4 { font-size:1.4em; padding-bottom:calc(2em / 1.4); }
.onglets ul.containerOnglets ul > li { padding-left:1.745em; }

.cartes:not(.homecartes) h2 > svg.paves { width:calc(4.374em / 2.45); transform:translateY(-100%); }
.cartes:not(.homecartes) svg.fleche { transform:translate(80%,-150%) rotate(-35deg); }
.cartes .spacer { transform:translateY(-0.5em); } 
.cartes .containerCartes > ol {  }
.cartes .containerCartes > ol > li { width:100%; height:auto; padding-left:1.8em; padding-right:2.1em; margin-bottom:1em; }
.cartes .containerCartes > ol > li h3 { min-height:calc(12.2em / 2); padding-top:calc(4.8em / 2); }

header .logo { z-index:10; position:fixed; left:calc((100vw - 17.2em) / 2); top:1.2455em; }
header .logo svg { height:1.304em; }
body.scroll:not(.showmenu) header .logo, body.scrollmenu header .logo { display:none; }

header .identification { display:none; }

button#showhidemenu { z-index:1200; position:fixed; display:block; top:1.33em; right:calc((100vw - 17.2em) / 2); width:1.5em; height:1.5em; color:#22343B; }
body.showmenu button#showhidemenu { color:#22343B; }
button#showhidemenu > svg line { stroke-width:6; }
button#showhidemenu > svg line:nth-of-type(1) { transform: translate(0,0) scaleX(1) rotate(0deg); }
button#showhidemenu > svg line:nth-of-type(2) { transform: translate(0,0) scaleX(1) rotate(0deg); }
button#showhidemenu > svg line:nth-of-type(3) { transform: translate(0,0) scaleX(1) rotate(0deg); }
body.scroll:not(.showmenu) button#showhidemenu:before { content:''; background-color:rgba(255,255,255,0.9); border-radius:50%; height:2em; width:2em; position:absolute; left:50%; top:50%; transform:translate(-55%,-50%); } 

header { width:100vw; }
header:before { opacity:0; }
body.showmenu header:before { opacity:1; }
header nav > ul { display:none; }
body.showmenu header nav > ul { display:block; }

body.showmenu header { position:fixed; width:100vw; left:0; top:0; bottom:0; transform:initial; background-color:rgba(255,255,255,1); overflow-x:hidden; overflow-y:auto; }
body.showmenu header nav { padding-top:5em; }

header nav ul { list-style-type:none; }
header nav ul li { text-align:left; width:100%; }

header nav > ul { font-size:0; vertical-align:top; }
header nav > ul > li { margin:0 0 2.05em 0; padding:0 2.95em; display:inline-block; vertical-align:top; line-height:1; }
header nav > ul:first-of-type > li:last-of-type { margin-bottom:6.4575em; }
header nav > ul > li > a, header nav > ul > li > a:link, header nav > ul > li > a:active, header nav > ul > li > a:visited, header nav > ul > li > a:focus { font-family:Scilla, serif; font-size:1.6em; line-height:1; }
header nav > ul > li > a svg { position:relative; display:inline-block; vertical-align:middle; width:calc(1.025em / 1.6); height:auto; margin-left:calc(1.343em / 1.6); transform:translateY(-0.16em); }
header nav > ul > li > ul > li { margin:2.05em 0 0 0; }
header nav ul li.current > a { color:#C9CA00; }
header nav ul li.current > a svg { fill:#C9CA00; }
header nav > ul:not(:first-of-type) > li > a, header nav > ul:not(:first-of-type) > li > a:link, header nav > ul:not(:first-of-type) > li > a:active, header nav > ul:not(:first-of-type) > li > a:visited, header nav > ul:not(:first-of-type) > li > a:focus { font-family:Lato, sans-serif; font-size:0.95em; font-style:normal; }

main h1 { font-size:2.45em; line-height:1.18; }
main h2 { font-size:2.45em; line-height:1.18; }

u span { white-space:nowrap; }
u span:before { z-index:-1; content:''; position:absolute; display:block; width:110%; height:100%; left:50%; top:50%; transform:translate(-50%,-50%); background:transparent url('https://www.crearbor.fr/_chartes_/crearbor/ressources/images/decoration/surligne.svg') center center no-repeat; background-size:100% 100%; }

aside.asidecontact u span:before { background-image:url('https://www.crearbor.fr/_chartes_/crearbor/ressources/images/decoration/surligne-contact.svg'); }

img.burger, img.tortue { width:100%; }

.homeintro { padding-top:3.85em; }
.homeintro h1 { font-size:3.25em; line-height:0.89; }
.homeintro .links button:not(:last-of-type) { margin-bottom:0.85em; }
.homeintro .links > svg { display:block; margin:0 auto 1.4em auto; }

.homegalerie > div > svg { display:none; }
.homegalerie.galerie > ul { left:0; transform:none; }
.homegalerie.galerie > ul > li:first-of-type { margin-left:1.2em; }
.homegalerie.galerie > ul > li .photo { width:13.6em; }

.homemascotte { padding-bottom:5.121em; }
.homemascotte h2 > svg.paves { top:calc(-2.7em / 2.45); right:0; width:calc(3.2375em / 2.45); }
.homemascotte h2 > svg.fleche { left:calc(6.6em / 2.45); top:calc(0.5em / 2.45); transform:rotate(-25deg); width:calc(3.335em / 2.45); }
.homemascotte div.camion { left:50%; transform:translateX(-50%) scale(1.2); bottom:8em; width:100vw; }
.homemascotte div.intro button.btncharte { margin-top:20.57em; width:100%; }

.homeonglets h2 { margin-bottom:calc(5.914em / 2.45); }
.homeonglets h2 > svg.paves { width:calc(4.374em / 2.45); top:0; transform:translateY(-100%); right:0; }
.homeonglets h2 > svg.fleche { width:calc(3.758em / 2.45); left:0.5em; top:0.5em; }
.homeonglets button.btncharte { width:100%; }

.homecartes h2 { margin-bottom:calc(2.3em / 2.45); }
.homecartes h2 > svg.paves { display:none; }
.homecartes svg.fleche { width:5.234em; bottom:-6em; left:9.2785em; }
.homecartes > div > .fromrte { margin-bottom:7.246em; }

.homelocalisation { padding-bottom:3.75em; }
.homelocalisation h2 { margin-bottom:calc(2em / 1.4); }

.pageprestations { padding-top:calc(3.85em + 0.9045em); }
.pageprestations h1 { margin-top:calc(3.6em / 2.45); margin-bottom:calc(1.1em / 2.45); }
.pageprestations h1 > svg.paves { width:calc(1.95em / 2.45); top:0; right:0; transform:translate(0,-120%); }
.pageprestations ul > li { margin-bottom:6.15em; }
.pageprestations ul > li:first-of-type { margin-top:2.382em; }
.pageprestations ul > li:last-of-type { margin-bottom:2.505em; }
.pageprestations ul > li .photo { height:13.5em; }

.pageprestaintro { padding-top:calc(3.85em + 2.468em); padding-bottom:0; }
.pageprestaintro h1 u { display:inline; }
.pageprestaintro h1 > svg.paves { top:0; right:0; transform:translate(-10%,-90%); }
.pageprestaintro h1 > svg.fleche { width:calc(3.335em / 2.45); display:block; margin:calc(1.1em / 2.45) auto 0 auto; transform:rotate(-10deg); }
.pageprestaintro svg.parici { transform:translate(0%,-140%); }
.pageprestaintro .photo { display:none; }
.pageprestaintro .photomob { width:17.15em; height:21.95em; border-radius:17.15em 17.15em 0 0; overflow:hidden; margin-top:2.7405em; }
.pageprestaintro .burger { display:none; }

.terrasses .onglets:not(.homeonglets) { padding-top:3em; }
.terrasses .onglets:not(.homeonglets) h2 { font-size:1.85em; }
.terrasses .onglets:not(.homeonglets) h2 > svg.paves { transform:translateY(-55%); }
.terrasses .onglets > button.btncharte { padding-right:5.8em; }
.terrasses button.btncharte > span { line-height:1.2; }
.terrasses button.btncharte:before { right:0.7em; }
.terrasses button.btncharte > svg { right:1.25em; }
.terrasses .cartes:not(.homecartes) > div > .fromrte { margin-top:7em; }
.terrasses .cartes:not(.homecartes) svg.fleche { transform: translate(80%,-110%) rotate(-35deg); }

.cours .onglets:not(.homeonglets) { padding-top:1em; }

.autres .onglets:not(.homeonglets) { padding-top:1em; }

.pageprestacta button.btncharte { width:100%; }

.petanque h2 > svg.paves { right:0; top:0; transform:translate(0%,-100%); }

.sublimer h2 > svg.paves { width:calc(4.374em / 2.45); transform:translateY(-100%); }
.sublimer svg.fleche { transform:translate(80%,-150%) rotate(-35deg); }

.pagepresentintro { padding-top:calc(3.85em + 2.468em); padding-bottom:8.2em; }
.pagepresentintro h1 > svg.paves { top:0; right:0; transform:translateY(-80%); }
.pagepresentintro h1 > svg.fleche { width:calc(3.335em / 2.45); display:block; margin:calc(1.1em / 2.45) auto 0 auto; transform:rotate(-10deg); }
.pagepresentintro button.btncharte { width:100%; }

.presentationgalerie.galerie div.containerAnimDefilant > ul { left:0; transform:none; }
.presentationgalerie.galerie div.containerAnimDefilant > ul li:first-of-type { margin-left:0; }
.presentationgalerie svg.parici { left:14.675em; top:-2.5em; }

.service h2 u { display:inline; }
.service h2 > svg.paves { width: calc(4.374em / 2.45); right:0; transform:translateY(-50%); }
.service h2 > svg.fleche { transform:translateY(20%); }
.service h3 { font-size:1.4em; margin-bottom:calc(1.75em / 1.4); }

.intervention { padding-bottom:0; }
.intervention h2 > svg.paves { top:0; transform:translateY(-100%); }
.intervention button.btncharte { width:100%; }

.sectioncontact .carte { width:100vw; left:50%; transform:translateX(-50%); margin-top:1em; }
.sectioncontact svg.parici { display:none; }

section.mentionslegales h1 > svg.paves { left:90%; }
section.mentionslegales h2 { font-size:1.5em; }
section.mentionslegales h2:first-of-type { margin-top:2em; }

section.erreur h1 { padding-bottom:2.8em; }
section.erreur h1 > span { top:1.4em; }
section.erreur h2 { font-size:1.5em; }
section.erreur h2:first-of-type { margin-top:2em; }


aside.asidecontact { padding: 4.85em 0; }
aside.asidecontact > .photo { display:none; }
aside.asidecontact h2 { font-size:2.45em; line-height:1.18; }
aside.asidecontact h2 > svg.fleche { width:calc(3em / 2.45); left:calc(1em / 2.45); top:calc(1em / 2.45); }
aside.asidecontact .containerform { padding-top:2em; }
aside.asidecontact button { font-size:1em; }
aside.asidecontact button:after { left:50%; width:calc(100vw / 3); border-right:1px solid rgba(34,52,59,0.11); }
.contactform label { margin:0 0 1em 0; }

footer { text-align:left; }
footer .logo { margin:2em 0; }
footer > nav > ul:nth-of-type(3) { padding-bottom:3.883em; }
footer > nav > ul.sociaux { padding-bottom:3.4625em; }



}

/* AFFICHAGE MINI */
@media (max-width:300px) { 
	body { overflow-x:scroll; }
	html { font-size:9px; }
	#en2mots { width:300px; }
	header { width:300px; position:relative; }
	main > section { width:300px; margin-top:0 !important; }
	aside { width:300px; }
	footer { width:300px; }
}