/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* 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:Rubik, sans-serif; font-size:0.8rem; font-weight:300; line-height:1.4; background-color:rgba(255,255,255,1); color:rgba(77,77,77,1); text-align:left; overflow-x:hidden; overflow-y:scroll; }
body.noscrollbar { overflow-y:hidden; }

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

h1, h2, h3, h4, h5, h6 { position:relative; margin:0; padding:0; font-family:Rubik, sans-serif; font-size:1.5rem; font-weight:600; color:inherit; }

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; }

img { margin:0; padding:0; border:0; }
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 > 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); color:rgba(77,77,77,1); line-height:2; height:2em; 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; }
select { background-image:url(https://www.autonomia-location.com/_chartes_/autonomia-v2/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(77,77,77,1); }
select.placeholder { color:rgba(54,54,54,0.55) !important; }

::placeholder { font-style:normal; color: rgba(54,54,54,0.55); opacity: 1; }
:-ms-input-placeholder { font-style:normal; color: rgba(54,54,54,0.55); }
::-ms-input-placeholder { font-style:normal; color: rgba(54,54,54,0.55); }

:-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(142,186,74,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:300; }

button, a.button { position:relative; display:inline-block; vertical-align:top; font-family:Rubik, sans-serif; font-size:inherit; font-weight:300; text-align:center; background-color:rgba(142,186,74,1); border:1px solid rgba(142,186,74,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(255,255,255,1); background-color:rgba(55,55,55,1); border-color:rgba(55,55,55,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); }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Reinit font-size après un font-size:0; */
body,
header h1,
header nav ul > li,
#home-bandeau,
#home-vehicules,
#home-vehicules ul > li div.resume,
#home-detail,
#page-vehicules article h2,
#page-vehicules article > div > div,
#page-presentation ul.vous > li,
#page-location .formules ul li,
#website,
#contactrapide,
#page-contact form,
#page-signature h2,
#page-paiement h2,
#page-reponse h2,
footer,
footer nav ul > li
 { font-size:1rem; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
.litebox-overlay ~ #en2mots { position:fixed; height:100vh; overflow:hidden; }
.litebox-overlay .litebox-close { width:1.5rem; height:1.5rem; top:1rem; right:1rem; background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" xml:space="preserve" stroke-width="5" stroke="rgba(255,255,255,1)" fill="none"><line x1="0" y1="0" x2="100" y2="100"/><line x1="0" y1="100" x2="100" y2="0"/></svg>') center center; background-repeat:no-repeat; background-size:100%; }

.liquide > div { margin:0 auto; padding:0; }

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); }

a.ancre { position:absolute; left:0; top:0; width:1px; height:1px; opacity:0; }

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

header { z-index:1000; position:fixed; left:0; top:0; width:100%; height:auto; background-color:transparent; color:rgba(20,20,20,1); overflow-y:hidden; }


.logo .nomia, .logo .vehicule { fill:rgba(142,186,74,1); }
.logo .auto, .logo .location, .logo .contour,.logo .roues { fill:rgba(20,20,20,1); }
.logo .handicap { fill:rgba(255,255,255,1); }


header h1 { z-index:1100; display:block; padding:1.5rem 0 calc(1.5rem + 1rem) 0; text-align:left; }
header h1:before { content:''; background-color:rgba(255,255,255,1); position:absolute; width:100vw; left:50%; transform:translate(-50%); height:100%; bottom:1rem; box-shadow: 0px 0px 1rem 0px rgba(54,54,54,0.2); }

header h1 a.logo { font-size:4.5rem; height:1em; line-height:1; position:relative; display:inline-block; vertical-align:middle; margin:0; padding:0; overflow:hidden; text-align:left; }
header h1 a.logo svg { height:100%; width:auto; }
header h1 span { white-space:nowrap; line-height:1; font-weight:300; color:rgba(142,186,74,1); display:inline-block; vertical-align:middle; margin:0; padding:0; text-align:left; }

header nav { z-index:1200; position:absolute; display:inline-block; width:100%; right:0; top:0; margin:0; padding:0; }
header nav ul { font-size:0; position:relative; display:block; margin:0; padding:0; list-style:none; }
header nav ul > li { display:inline-block; width:auto; margin:0; padding:0 1em; line-height:1; border-left:1px solid rgba(77,77,77,1); }
header nav ul > li:first-of-type { border-left:0; }
header nav button { font-size:1em; line-height:1; position:relative; background-color:transparent; color:rgba(77,77,77,1); border:0; margin:0; padding:0; text-align:left; text-transform:uppercase; }
header nav li.current > button { background-color:transparent; color:rgba(104,165,8,1); } 
body.desktop header nav button:hover { cursor:pointer; background-color:transparent; color:rgba(104,165,8,1); }

button#showhidemenu { z-index:1220; position:absolute; display:inline-block; top:2rem; right:2rem; width:4rem; height:4rem; margin:0; padding:0; background-color:transparent; border:0; }
button#showhidemenu > svg { color:rgba(20,20,20,1); position:absolute; left:0; top:0; width:100%; height:100%; transition:color 300ms linear 0ms; }
body.showmenu button#showhidemenu > svg { color:rgba(77,77,77,1); }

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); }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* MAIN */
main { font-size:1rem; margin:0; padding:0; display:block; position:relative; width:100%; overflow-x:hidden; overflow-y:hidden; }
.scroll main { }

b, strong { font-weight:600; }

section.defaut { text-align:center; padding-bottom:3rem; }
section.defaut img { max-width:100%; }

main h1, main h2, main h3, main h4, main h5, main h6 { color:rgba(142,186,74,1); }

.autobtn { cursor:pointer; font-size:1.2em; border:1px solid; position:relative; line-height:1.2; padding:0.8em 2.5em; font-weight:400; display:inline-block; vertical-align:middle; border-radius:calc( (1em + (2 * 0.8em)) / 2); transition:color 300ms ease, border-color 300ms ease, background-color 300ms ease; }

button.autobtn { background-color:rgba(142,186,74,1); color:rgba(255,255,255,1); border-color:rgba(142,186,74,1); }
body.desktop button.autobtn:hover { background-color:rgba(55,55,55,1); color:rgba(255,255,255,1); border-color:rgba(55,55,55,1); }

a.autobtn { background-color:transparent; color:rgba(255,255,255,1); border-color:rgba(255,255,255,0.7); }
body.desktop a.autobtn:hover { background-color:rgba(255,255,255,1); color:rgba(55,55,55,1); border-color:rgba(255,255,255,1); text-decoration:none; }

div.tarif > div { display:inline-block; width:auto; text-align:left; }
div.tarif > div > span { display:inline-block; vertical-align:baseline; text-transform:uppercase; text-align:center; line-height:1; }
div.tarif .from { font-size:1.6em; }
div.tarif .amount { font-size:8em; font-weight:700; color:rgba(142,186,74,1); }
div.tarif .perday { font-size:2em; }

.fr div.tarif span:nth-of-type(1) { font-size:3.4em; font-weight:700; }
.fr div.tarif span:nth-of-type(2) { font-size:2em; }
.fr div.tarif span:nth-of-type(3) { font-size:4em; font-weight:700; color:rgba(142,186,74,1); }

.en div.tarif span:nth-of-type(1) { font-size:3.4em; font-weight:700; }
.en div.tarif span:nth-of-type(2) { font-size:2em; }
.en div.tarif span:nth-of-type(3) { font-size:4em; font-weight:700; color:rgba(142,186,74,1); }

.cn div.tarif span { font-size:4em; font-weight:700; color:rgba(142,186,74,1); }

.ru div.tarif span:nth-of-type(1) { font-size:2em; font-weight:700; }
.ru div.tarif span:nth-of-type(2) { font-size:2.6em; font-weight:700; color:rgba(142,186,74,1); }

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

#home-bandeau { background-color:rgba(55,55,55,1); color:rgba(255,255,255,1); overflow:hidden; }

#home-bandeau div.visuel { z-index:10; position:absolute; font-size:0; left:50%; top:0; width:100%; height:100%; transform:translateX(-50%); }

#home-bandeau div.resume { z-index:20; position:relative; padding:6em 50% 6em 10%; }
#home-bandeau div.resume:before { content:''; position:absolute; left:calc(20rem - 1px); top:0; height:100%; width:calc(60% - 20rem); background:linear-gradient(to right, rgba(55,55,55,1), transparent); }
#home-bandeau div.resume h2 { font-size:3.2em; font-weight:300; position:relative; padding-bottom:0.6em; text-transform:uppercase; }
#home-bandeau div.resume p { font-size:2.8em; line-height:1.1; font-weight:300; position:relative; padding:0; }
#home-bandeau div.resume p b, #home-bandeau .resume p strong { font-weight:600; }

#home-bandeau div.tarif { z-index:30; padding:2rem 0; }

#home-vehicules { background-color:rgba(255,255,255,1); color:rgba(255,255,255,1); overflow:hidden; margin:4rem 0; }
#home-vehicules ul { font-size:0; text-align:center; }
#home-vehicules ul > li { display:inline-block; width:100%; margin:0; text-align:center; overflow:hidden; }
#home-vehicules div.visuel { font-size:0; width:100%; }
#home-vehicules div.visuel img { z-index:1; position:relative; width:100%; height:auto; }
#home-vehicules ul > li div.visuel:before { z-index:2; content:''; position:absolute; left:0; top:30%; right:0; bottom:0; background:linear-gradient(to bottom, transparent, rgba(0,0,0,1)); }
#home-vehicules ul > li div.visuel:after { z-index:3; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background-color:transparent; transition: background-color 500ms ease; }
body.desktop #home-vehicules ul > li:hover div.visuel:after, #home-vehicules ul > li.hover div.visuel:after { background-color:rgba(142,186,74,0.9); }
#home-vehicules ul > li div.resume { z-index:4; position:absolute; left:50%; top:100%; width:100%; transform:translate(-50%,-100%); padding:1rem 1rem; }
#home-vehicules ul > li div.resume p { padding-left:3rem; padding-right:3rem; }
#home-vehicules ul > li div.resume p, #home-vehicules ul > li div.resume button { display:none; margin-left:auto; margin-right:auto; }
body.desktop #home-vehicules ul > li:hover div.resume, #home-vehicules ul > li.hover div.resume { top:50%; transform:translate(-50%,-50%); }
body.desktop #home-vehicules ul > li:hover div.resume p, body.desktop #home-vehicules ul > li:hover div.resume button, #home-vehicules ul > li.hover div.resume p, #home-vehicules ul > li.hover div.resume button { display:block; }
#home-vehicules div.resume > h2 { color:rgba(255,255,255,1); opacity:1; font-size:3.4em; font-weight:500; text-transform:uppercase; padding-bottom:0.8em; }
#home-vehicules div.resume > h2 span { font-weight:300; color:rgba(142,186,74,1); }
body.desktop #home-vehicules ul > li:hover div.resume > h2 span, #home-vehicules ul > li.hover div.resume > h2 span { color:rgba(55,55,55,1); }
#home-vehicules div.resume > h2 span b, #home-vehicules div.resume > h2 span strong { font-weight:500; }
#home-vehicules div.resume > p { font-size:2em; opacity:0; transition:opacity 300ms ease; text-align:center; padding:0.5em 2em 0 2em; }
#home-vehicules div.resume > button { opacity:0; transition:opacity 300ms ease, color 300ms ease, border-color 300ms ease, background-color 300ms ease; }
body.desktop #home-vehicules ul > li:hover div.resume > p, #home-vehicules ul > li.hover div.resume > p, body.desktop #home-vehicules ul > li:hover div.resume > button, #home-vehicules ul > li.hover div.resume > button { opacity:1; }
#home-vehicules .autobtn { margin-top:2rem; text-transform:uppercase; background-color:transparent; color:rgba(255,255,255,1); border-color:rgba(255,255,255,1); }
body.desktop #home-vehicules .autobtn:hover { background-color:rgba(255,255,255,1); color:rgba(142,186,74,1); border-color:rgba(255,255,255,1); }


#home-detail { background-color:rgba(255,255,255,1); color:rgba(77,77,77,1); overflow:hidden; margin:4rem 0; padding:0 10%; }
#home-detail h2 { font-size:3em; text-align:center; padding:1em 0 1.5em 0; line-height:1.2; font-weight:300; color:rgba(77,77,77,1); }
#home-detail h2 span { text-transform:uppercase; }
#home-detail h2 span b, #home-detail h2 span strong { color:rgba(142,186,74,1); font-weight:500; }
#home-detail div.resume { padding-bottom:2rem; }

#home-detail p { font-size:1.1em; }

/* WEBSITE */

#website { background-color:rgba(55,55,55,1); color:rgba(255,255,255,1); margin:0 0 4rem 0; padding:1em 0; }
#website div.visuel { position:relative; font-size:0; width:50vw; height:auto; left:calc(-1 * (50vw - 50%)); overflow:hidden; }
#website div.resume { padding:3em 0; } 

#website h2 { font-size:2.8em; line-height:1.05; font-weight:300; padding-bottom:0.7em; color:rgba(255,255,255,1); }
#website h2 span { font-weight:600; }
#website h2 span:first-of-type { color:rgba(142,186,74,1); }
#website p { font-size:1.2em; }
#website p:not(:first-of-type) { padding-top:0.3em; }

#website .emailto { font-size:1.2em; margin:1em 0 0 0; padding-left:1.8em; }
#website .emailto svg { color:rgba(142,186,74,1); stroke-width:4; position:absolute; left:0; top:53%; transform:translateY(-50%); height:1.2em; width:auto; }
body.desktop #website .emailto a:hover { color:rgba(142,186,74,1); text-decoration:none; }

#website .autobtn { font-size:1.2em; margin-top:2.5em; padding:0.8em 1.5em 0.8em 4em; }
#website .autobtn svg { position:absolute; left:0.23em; top:50%; transform:translateY(-50%); height:2.4em; width:auto; background-color:rgba(142,186,74,1); color:rgba(55,55,55,1); border-radius:50%; }
#website .autobtn svg polyline { transform-origin: center; transform:scale(0.5); stroke-width:10; }

/* CONTACT RAPIDE */

#contactrapide div.visuel { position:relative; font-size:0; width:50vw; height:auto; left:calc(-1 * (50vw - 50%)); overflow:hidden; }
#contactrapide div.visuel img { position:relative; left:0; top:0; width:100%; height:auto; }

#contactrapide div.resume { font-size:1.4em; }
#contactrapide h2 { font-size:2em; text-transform:uppercase; padding-bottom:0.6em; color:rgba(150,150,150,1); font-weight:300; }
#contactrapide .horaires { font-size:1.4em; line-height:1; padding-bottom:0.8em; color:rgba(77,77,77,1); font-weight:500; }
#contactrapide .telephone { font-size:1.8em; padding-bottom:1.2em; color:rgba(142,186,74,1); font-weight:600; }
#contactrapide .telephone b { font-weight:300; }

#contactrapide .autobtn { background-color:rgba(142,186,74,1); color:rgba(255,255,255,1); border-color:rgba(142,186,74,1); font-size:0.9em; }
body.desktop #contactrapide .autobtn:hover { background-color:rgba(55,55,55,1); color:rgba(255,255,255,1); border-color:rgba(55,55,55,1); }

#contactrapide .autobtn.devis { background-color:transparent; color:rgba(77,77,77,1); border-color:rgba(77,77,77,1); }
body.desktop #contactrapide .autobtn.devis:hover { background-color:rgba(55,55,55,1); color:rgba(255,255,255,1); border-color:rgba(55,55,55,1); }

#contactrapide.pagecontact { background-color:rgba(55,55,55,1); height:50rem; width:40rem; }
#contactrapide.pagecontact div.resume { font-size:1.4em; position:relative; text-align:left; padding:3rem 4rem 3rem 4rem; }
#contactrapide.pagecontact .horaires { color:rgba(255,255,255,1); }
#contactrapide.pagecontact div.visuel { position:absolute; font-size:0; width:100%; height:auto; left:0; bottom:0; overflow:hidden; }

/* PAGE CONTACT */

#page-contactrapide .visuel { height:25rem; overflow:hidden; }
#page-contactrapide form { padding:2rem 4rem; }

#page-contact { margin-bottom:4rem; }
#page-contact > div > div { padding:4rem 0 0 0; }
#page-contact form { padding:4rem 0 0 0; }

section.contact form > label, section.contact form > div, section.contact form > span, section.contact form > button { font-size:1.2em; }

section.contact select, section.contact input, section.contact textarea { font-family:Rubik, sans-serif; font-weight:300; }

section.contact .inputchoix { font-size:1em; margin-bottom:2rem; }
section.contact .inputchoix input[type="radio"] + span.autobtn { background-color:transparent; color:rgba(77,77,77,1); border-color:rgba(77,77,77,1); }
section.contact .inputchoix input[type="radio"]:checked + span.autobtn { background-color:rgba(142,186,74,1); color:rgba(255,255,255,1); border-color:rgba(142,186,74,1); }
body.desktop section.contact .inputchoix span.autobtn:hover { background-color:rgba(55,55,55,1); color:rgba(255,255,255,1); border-color:rgba(55,55,55,1); }
section.contact .inputchoix input[type="radio"] { position:absolute !important; width:0 !important; padding:0 !important; }
section.contact .inputchoix span.autobtn { text-transform:uppercase; width:auto; padding:0.9em 2.5em 0.8em 2.5em !important; line-height:1; }
section.contact .inputchoix span.autobtn:before, section.contact .inputchoix span.autobtn:after { display:none; }

section.contact label { width:100%; display:inline-block; vertical-align:top; margin:0; padding:0; margin-bottom:0.7em; }
section.contact label { padding-right:0; }
section.contact label > span { width:100%; display:inline-block; vertical-align:top; padding:0.5em 0.5em 0.5em 1em; }
section.contact label.option { width:auto; }
section.contact .civilite > span { display:none; }
section.contact label.consentementrgpd { font-size:0.8em; margin-top:1rem; text-transform:none; }
section.contact option.placeholder { color:rgba(54,54,54,0.55); }

section.contact input, section.contact select, section.contact textarea { font-size:1em; background-color:transparent; border:1px solid rgba(22,22,22,0.4); border-radius:3px; padding:0 1em; }

section.contact textarea { height:10em; }

section.contact input[type="radio"] + span:before, section.contact input[type="checkbox"] + span:before, section.contact input[type="radio"] + span:after, section.contact input[type="checkbox"] + span:after { top:0.05em !important; border-radius:3px !important; }
section.contact input[type="radio"] + span:before, section.contact input[type="checkbox"] + span:before { border-color:rgba(22,22,22,0.4) !important; }
section.contact input[type="radio"] + span:after, section.contact input[type="checkbox"] + span:after { background-color:rgba(142,186,74,1) !important; }
section.contact input[type="radio"] + span:before, section.contact input[type="radio"] + span:after { border-radius:50% !important; }

section.contact select { background:transparent url(../../_chartes_/autonomia-v2/ressources/images/forms/dropdown.svg) calc(100% - 0.5em) center no-repeat !important; padding-right:2.5em !important; }

section.contact form label input[type="checkbox"], section.contact form label input[type="radio"] { padding-top: 0 !important; padding-bottom: 0 !important; position: relative !important; left: 0 !important; top: 1.2em !important; transform: scale(1) !important; }

section.contact form button { position:relative; margin-top:1rem; display:block; width:auto; transform:translateX(-100%); left:100%; }

section.contact span.asterisque { display:block; width:auto; font-size:0.9em; margin:1rem 0; }
section.contact sup { color:rgba(142,186,74,1); font-weight:500; }

section.contact div.succes { padding-top:3em; padding-bottom:5em; font-size:1.4em; text-align:center; }
section.contact div.erreur { padding-bottom:3em; }



/* PAGE VEHICULES */

#page-vehicules article { margin:0 0 4rem 0; font-size:0; }

#page-vehicules h2 span { display:block; font-size:3.6em; padding:0.6em 0 0.3em 0; color:rgba(200,200,200,1); font-weight:300; }
#page-vehicules h2:before { content:''; position:absolute; left:50%; width:100vw; transform:translateX(-50%); top:0; bottom:0; background:linear-gradient(to bottom, rgba(100,100,100,1), rgba(55,55,55,1)); }

#page-vehicules div.gamme h3 { color:rgba(77,77,77,1); font-weight:300; font-size:1.8em; padding-bottom:0.3em; }
#page-vehicules div.gamme p { font-size:1.2em; color:rgba(113,113,113,1); }
#page-vehicules div.tarif span.from { font-size:1.2em; display:block; transform:translateY(0.2em); }
#page-vehicules div.tarif { min-height:8rem; }

#page-vehicules div.visuel, #page-vehicules div.caracteristiques { display:inline-block; vertical-align:top; width:100%; }
#page-vehicules div.visuel { aspect-ratio:calc(1000 / 856); }

#page-vehicules div.visuel ul.diapos { list-style-type:none; height:100%; overflow:hidden; }
#page-vehicules div.visuel ul.diapos li { z-index:1; opacity:0; position:absolute; left:0; top:0; bottom:0; right:0; transition:opacity 200ms; }
#page-vehicules div.visuel ul.diapos li.active { z-index:2; opacity:1; }
#page-vehicules div.visuel ul.diapos li.next { z-index:3; }
#page-vehicules div.visuel img { position:absolute; left:50%; top:50%; width:auto; height:100%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); }



#page-vehicules div.caracteristiques { text-align:right; }
#page-vehicules div.caracteristiques h3 { font-size:2.4em; background-color:rgba(142,186,74,1); color:rgba(255,255,255,1); font-weight:300; padding:0.3em 1.5em; margin-bottom:1em; text-align:left; }
#page-vehicules div.caracteristiques > ul { font-size:0.9em; margin:2rem 0; text-align:left; }
#page-vehicules li { list-style-type:none; }
#page-vehicules div.caracteristiques > ul > li svg, #page-vehicules div.caracteristiques > ul > li span, #page-vehicules div.caracteristiques > ul > li label { display:inline-block; vertical-align:middle; }
#page-vehicules div.caracteristiques > ul > li > svg { position:absolute; left:0; top:0.7em; width:6em; height:6em; color:rgba(142,186,74,1); }
#page-vehicules div.caracteristiques > ul > li > svg > path:first-of-type { fill:rgba(77,77,77,1); }
#page-vehicules div.caracteristiques > ul > li > span, #page-vehicules div.caracteristiques > ul > li > label { font-size:1.4em; line-height:1; margin-left:6em; padding: 2em 1em 2em 1em; display:block; text-align:left; }
#page-vehicules div.caracteristiques > ul > li:first-of-type:before { content:''; position:absolute; left:7.5em; right:0; top:0; height:1px; background:radial-gradient(rgba(55,55,55,0.3),transparent); overflow:hidden; }
#page-vehicules div.caracteristiques > ul > li:after { content:''; position:absolute; left:7.5em; right:0; bottom:0; height:1px; background:radial-gradient(rgba(55,55,55,0.3),transparent); overflow:hidden; }

#page-vehicules div.caracteristiques > ul > li:first-of-type span { padding: 1em 1em 1em 1em }
#page-vehicules div.caracteristiques > ul > li span svg { position:relative; height:3em; width:auto; margin:0 0.1em 0 0.5em; }
#page-vehicules div.caracteristiques > ul > li span b { z-index:1; font-size:1em; position:relative; padding:0 1.5em; color:rgba(255,255,255,1); font-weight:300; line-height:1; }
#page-vehicules div.caracteristiques > ul > li span b:before { z-index:-1; content:''; background-color:rgba(142,186,74,1); border-radius:50%; position:absolute; left:50%; top:50%; width:2em; height:2em; transform:translate(-50%,-47%); }

#page-vehicules div.caracteristiques > ul > li > label { cursor:pointer; }
#page-vehicules div.caracteristiques > ul > li > label svg { transition:transform 500ms ease; position:relative; display:inline-block; height:0.4em; width:auto; margin-left:1em; stroke-width:10; }
#page-vehicules div.caracteristiques > ul ul { height:auto; max-height:0; transition:padding-bottom 500ms ease 0ms, max-height 500ms ease 0ms; overflow:hidden; font-size:1.4em; margin-left:calc(6em + 1em);  display:block; }
#page-vehicules div.caracteristiques > ul ul li { padding-left:1em; font-size:0.8em; }
#page-vehicules div.caracteristiques > ul ul li:before { content:''; position:absolute; left:0; top:0.55em; background-color:rgba(77,77,77,1); width:0.3em; height:0.3em; border-radius:50%; display:inline-block; }

#page-vehicules div.caracteristiques > ul > li input.autres-toggle:checked ~ label svg { transform:rotateX(180deg); }
#page-vehicules div.caracteristiques > ul > li input.autres-toggle:checked ~ ul { max-height:20rem; padding-bottom:2rem; }

/* PPAGE PRESENTATION */

#page-presentation .intro:before { content:''; background-color:rgba(55,55,55,1); position:absolute; left:50%; width:100vw; top:0; bottom:0; transform:translateX(-50vw); }
#page-presentation div.visuel { position:relative; font-size:0; top:0; width:100vw; height:40vw; left:50%; overflow:hidden; }
#page-presentation div.resume { color:rgba(255,255,255,1); padding:2rem 0; }
#page-presentation .intro h2 { font-size:2.6em; font-weight:300; padding-bottom:1em; text-align:left; color:rgba(255,255,255,1); }
#page-presentation .intro .fromrte { font-size:1em; }

#page-presentation ul.vous { position:relative; font-size:0; margin:4rem 0; }
#page-presentation ul.vous > li { position:relative; display:inline-block; vertical-align:top; width:100%; padding:2rem 4rem; }
#page-presentation ul.vous h2 { color:rgba(77,77,77,1); font-size:3em; line-height:1; font-weight:300; padding-bottom:1em; }
#page-presentation ul.vous > li li { font-size:1.2em; }


#page-presentation ul.vous ul { list-style-type:disc; }

#page-presentation .contact { margin:4rem 0 4rem 0; text-align:center; }
#page-presentation .contact h2 { font-size:1.4em; font-weight:300; padding-bottom:1em; }
#page-presentation .contact h2 b, #page-presentation .contact h2 strong { font-weight:500; }

/* PAGE LOCATION */

#page-location .intro { padding:1.5rem 0; margin:0; text-align:center; }
#page-location .intro:before { content:''; background-color:rgba(55,55,55,1); position:absolute; left:50%; width:100vw; top:0; bottom:0; transform:translateX(-50vw); }
#page-location .intro h2 { font-size:1em; }
#page-location .intro span { color:rgba(255,255,255,1); }
#page-location .intro span.formules { font-weight:600; font-size:2em; line-height:1; }
#page-location .intro span.formules b, #page-location .intro span.formules strong { font-weight:600; font-size:1.2em; }
#page-location .intro span.from { font-size:1.2em; font-weight:300; }
#page-location .intro span.amount { color:rgba(142,186,74,1); }
#page-location .intro span.perday { font-weight:300; }

#page-location .formules h2 { font-size:1.8em; font-weight:300; padding-top:2em; padding-bottom:2em; text-align:center; }
#page-location .formules ul { font-size:0; margin:0 0 4rem 0; }
#page-location .formules ul li { width:100%; list-style-type:none; display:inline-block; vertical-align:top; padding:2rem 2rem; color:rgba(255,255,255,1); background-color:rgba(55,55,55,1); border-radius:2rem; }
#page-location .formules h3 { font-size:2.4em; color:rgba(255,255,255,1); line-height:1.2; font-weight:300; padding-bottom:0.6em; }
#page-location .formules h3 b, #page-location .formules h3 strong { font-size:1.4em; text-transform:uppercase; display:block; font-weight:700; }
#page-location .formules p { font-size:1.2em; }

#page-location .contact { margin:4rem 0 4rem 0; text-align:center; }
#page-location .contact h2 { font-size:1.4em; font-weight:300; padding-bottom:1em; }
#page-location .contact h2 b, #page-presentation .contact h2 strong { font-weight:500; }

#page-location .offre { border:1px solid rgba(77,77,77,0.5); border-radius:1rem; padding:2rem 4rem; margin:4rem 0; }
#page-location .offre h2 { font-size:2.4em; text-align:left; font-weight:300; padding-bottom:1em; color:rgba(77,77,77,1); }
#page-location .offre h3 { font-size:1.2em; text-align:left; font-weight:500; padding-bottom:0.7em; color:rgba(77,77,77,1); text-transform:uppercase; }

#page-location .options { margin:4rem 0; }
#page-location .options h2 { text-align:center; font-size:2.6em; font-weight:300; padding-top:0.5em; padding-bottom:1.5em; color:rgba(77,77,77,1); text-transform:uppercase; }
#page-location .options tr td { padding:0.7rem 3rem; text-align:left; }
#page-location .options tr:nth-of-type(2n+1) { background-color:rgba(142,186,74,1); color:rgba(255,255,255,1); }
#page-location .options tr:nth-of-type(2n) { background-color:rgba(255,255,255,1); color:rgba(77,77,77,1); }
#page-location .tarifs { text-align:right; }
#page-location .tarifs a { display:inline-block; width:auto; padding-top:2rem; position:relative; color:rgba(142,186,74,1); }
body.desktop #page-location .tarifs a:hover { color:rgba(77,77,77,1); text-decoration:none; }

#page-location .etapes { padding:3rem 0; margin-top:0; color:rgba(255,255,255,1); }
#page-location .etapes:before { content:''; background-color:rgba(55,55,55,1); position:absolute; left:50%; width:100vw; top:0; bottom:0; transform:translateX(-50vw); }
#page-location .etapes h2 { text-align:center; font-size:2.6em; font-weight:300; padding-bottom:1.5em; color:rgba(255,255,255,1); text-transform:uppercase; }
#page-location .etapes h3 { font-size:1em; font-weight:300; padding-top:1em; padding-bottom:0.7em; color:rgba(255,255,255,1); }
#page-location .etapes h3 b, #page-location .etapes h3 strong { font-weight:500; font-size:1.3em; }
#page-location .etapes ol { list-style: none; counter-reset: item; padding:0; }
#page-location .etapes li { counter-increment:item; position:relative; display:block; margin-bottom:2em; padding-left:6em; }
#page-location .etapes li:before { content:''; font-size:1.7em; border-radius:50%; background-color:rgba(142,186,74,1); height:2em; width:2em; position:absolute; left:0; top:0; }
#page-location .etapes li:after { content:counter(item); font-size:1.7em; font-weight:500; padding:0; color:rgba(255,255,255,1); display:block; text-align:center; width:2em; height:1em; line-height:1; position:absolute; left:0; top:0.5em; }


#page-location .cgv { text-align:right; }
#page-location .cgv a { display:inline-block; width:auto; padding-top:2rem; position:relative; color:rgba(255,255,255,1); }
body.desktop #page-location .cgv a:hover { color:rgba(142,186,74,1); text-decoration:none; }
#page-location .etapes .paiement { position:relative; text-align:left; transform:translateY(-2em); padding-left:6em; }
#page-location .etapes .paiement svg { position:relative; display:inline-block; vertical-align:top; margin-right:1em; height:4em; width:auto; color:rgba(162,162,162,1); }

#page-location .notabene { padding:2rem 0; margin:0 0 4rem 0; color:rgba(255,255,255,1); }
#page-location .notabene:before { content:''; background-color:rgba(142,186,74,1); position:absolute; left:50%; width:100vw; top:0; bottom:0; transform:translateX(-50vw); }
#page-location .notabene h2 { font-size:1.8em; font-weight:500; padding-bottom:0.5em; color:rgba(255,255,255,1); text-transform:uppercase; font-style:italic; text-align:center; }
#page-location .notabene p { font-size:1.2em; position:relative; text-align:center; } 

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* 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); }

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

section#page-mentionslegales { font-family:Verdana, sans-serif; color:rgba(77,77,77,1); font-size:0.7rem; font-weight:300; display:block; margin:0 auto; padding:2rem 5% 4rem 5%; }
section#page-mentionslegales h1 { font-size:1.4em; text-transform:uppercase; font-weight:600; padding-bottom:1em; }
section#page-mentionslegales h2 { font-size:1.1em; text-transform:uppercase; font-weight:600; padding-top:1.5em; padding-bottom:0.5em; }
section#page-mentionslegales p { text-align:justify; }
section#page-mentionslegales li { text-align:justify; }
section#page-mentionslegales strong { font-weight:600; }

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

section#page-authentification { width:30%; margin:0 auto 7rem auto; }
section#page-authentification h1 { margin:7rem 0 2rem 0; }
section#page-authentification .input-group { margin-bottom:1rem; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
footer { z-index:900; position:relative; background-color:rgba(55,55,55,1); color:rgba(255,255,255,1); text-align:left; }

footer .logo .auto, footer .logo .location, footer .logo .contour { fill:rgba(255,255,255,1); }
footer .logo .handicap, footer .logo .roues { fill:rgba(55,55,55,1); }

footer .logo { height:4em; width:auto; display:inline-block; vertical-align:top; margin:2em 0 0 0; }

footer h2 { font-size:1em; font-weight:400; color:rgba(255,255,255,1); margin:2em 0 1em 0; padding:2.5em 0 0.5em 0; text-transform:uppercase; border-bottom:1px solid rgba(169,169,169,1); }

footer nav { position:relative; display:inline-block; vertical-align:top; width:auto; margin:0 0 3em 3em; padding:0; }
footer nav ul { font-size:0; position:relative; display:inline-block; margin:0; padding:0; list-style:none; }
footer nav ul > li { display:block; width:auto; margin:0; padding:0.5em 1em 0 0; line-height:1; }
footer nav button { font-size:1em; line-height:1; position:relative; background-color:transparent; color:rgba(169,169,169,1); border:0; margin:0; padding:0; text-align:left; text-transform:uppercase; }
body.desktop footer nav button:hover { cursor:pointer; background-color:transparent; color:rgba(255,255,255,1); }

footer .copyright { font-size:0.9em; margin:1em 0; text-align:right; line-height:1; }
footer .copyright span { padding:0 1em; line-height:1; display:inline-block; vertical-align:top; text-transform:uppercase; color:rgba(220,220,220,1); }

footer .copyright span a { text-transform:none; line-height:1; position:relative; display:inline-block; vertical-align:top; padding-left:0.2em; padding-right:1.7em; }
footer .copyright span svg { position:absolute; display:inline-block; margin-left:0.5em; height:1em; width:auto; right:0; top:50%; transform:translateY(-50%);}
footer .copyright span:last-of-type svg { height:1.1em; }
body.desktop footer .copyright span a:hover { text-decoration:none; color:rgba(255,255,255,1); }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* DASHBOARD */

#nav-dash { position:relative; display:block; margin:0 auto 0 auto; width:80%; padding:0; }

#nav-dash select { position:relative; display:inline-block; vertical-align:middle; line-height:1; margin:0; padding:1.5em 2em; height:auto; font-weight:400; border-radius:0; border:0; outline:0; text-align:left; }

#nav-dash label { font-size:0; position:relative; display:inline-block; vertical-align:middle; line-height:1; margin:0; padding:0; }
#nav-dash label > select { font-family:Rubik, sans-serif; cursor:pointer; text-transform:uppercase; z-index:1; }
#nav-dash select { padding-right:2em !important; background-position:calc(100% - 1em) center !important; }

#nav-dash button { cursor:pointer; border-radius:0; border:0; outline:0; margin:0; padding:1.5em 2em; border:0; position:relative; display:inline-block; vertical-align:middle; text-transform:uppercase; line-height:1; font-weight:400; }

#content-dash .extractioncsv { font-weight:600; color:rgba(142,186,74,1); margin-top:2em; }

#content-dash table { width:100%; margin:0; padding:0; }
#content-dash tr { width:100%; padding:0; margin:0;}
#content-dash th, #content-dash td { margin:0; border-left:0.2rem solid rgba(255,255,255,1); }
#content-dash th { font-size:0.8rem; padding:0.35rem 1.5rem; color:rgba(255,255,255,1); text-transform:uppercase; font-weight:400; }
#content-dash td { font-size:0.7rem; padding:0.35rem 1.5rem; color:rgba(0,0,0,0.8); font-weight:300; }
#content-dash th:first-of-type, #content-dash td:first-of-type { border-left:0; }
#content-dash tr:first-of-type { background-color:rgba(142,186,74,1); }
#content-dash tr:nth-of-type(2n) { background-color:rgba(242,242,242,1); }
#content-dash tr:nth-of-type(2n+3) { background-color:rgba(255,255,255,1); }
#content-dash td > span, #content-dash td a > span { font-size:1.5em; margin:0 0.5em; }
#content-dash td > span.false { opacity:0.2; }
body.desktop #content-dash a:hover { color:rgba(142,186,74,1); }

#content-dash.adminorders th:nth-of-type(5), #content-dash.adminorders th:nth-of-type(6), #content-dash.adminorders th:nth-of-type(7) { text-align:center; }
#content-dash.adminorders td:nth-of-type(5), #content-dash.adminorders td:nth-of-type(6), #content-dash.adminorders td:nth-of-type(7) { text-align:center; }
#content-dash.adminorders td:nth-of-type(3) { max-width:15em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#content-dash.adminorders td:nth-of-type(5) > a { max-width:25em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.adminorders h1 { display:none; }
.admincustomers h1 { display:none; }

.adminorders a.new { font-size:2em; margin:1em 0; }
#content-dash.admincustomers table { margin:3em 0;  }

#notification div.visuel { position:relative; font-size:0; width:100%; height:20rem; left:0; overflow:hidden; }
#notification div:not(.visuel) { padding:1em 3em; }
#notification div.retour { font-size:2em; text-align:center; padding:2.5em 1.5em; color:rgba(142,186,74,1); font-weight:700; text-transform:uppercase; }
#notification form { padding:1em 3em; }

.done { font-size:2em; text-align:center; padding:2.5em 1.5em; color:rgba(142,186,74,1); font-weight:700; text-transform:uppercase; }

.signdevis { width:80%; max-width:800px; margin:4em auto; text-align:center; }
.signdevis.signed { margin-top:0; }
#showdevis { position:relative; width:100%; max-width:800px; height:auto; border:1px solid #000000; margin:2em auto; }
#showdevis > img { position:relative; width:100%; height:auto; }
#showdevis.treatment > img { opacity:0.2; }
#showdevis.treatment:after { content:''; position:absolute; left:50%; top:5em; width:3em; height:3em; background:transparent url('https://www.autonomia-location.com/_chartes_/autonomia-v2/ressources/images/navigation/ajaxloader.svg') center center no-repeat; background-size:100%; }

.js-signature { width:100%; min-height:10em; margin:0 auto; }
.js-signature canvas { border:1px solid rgba(22,22,22,0.4) !important; border-radius:3px; }
.signdevis label { text-align:left; width:100%; margin:0 auto; }
.signdevis label > span { font-weight:500; display:block; margin:0; padding:0.5em 1em 0 1em; }
.signdevis #download { font-weight:600; color:rgba(142,186,74,1); margin-bottom:2em; }
.signdevis #infosassurance { margin-bottom:1em; }
.signdevis #infosassurance > div { text-align:left; padding:0 1em; }
.signdevis #infosassurance > div label { width:auto; }
.signdevis input { width:100%; font-size:1em; background-color:transparent; border:1px solid rgba(22,22,22,0.4); border-radius:3px; line-height:1; height:auto; padding:0.8em 1em 0.5em 1em; }
.signdevis .btn-cancel { background-color:#ccc; border-color:#ccc; }
.signdevis .btn-valid { background-color:rgba(142,186,74,1); }
.signdevis div.required { text-align:left; font-size:0.7em; padding-top:1em; }

#blocpaiement { opacity:1; text-align:center; }
#blocpaiement.todo { opacity:0; }
#blocpaiement button { cursor:pointer; border-radius:0; border:0; outline:0; margin:0 auto 2em auto; padding:1.5em 2em; border:0; position:relative; display:inline-block; vertical-align:middle; text-transform:uppercase; line-height:1; font-weight:400; }

#page-signature h2 span { text-align:left; display:block; font-size:3em; padding:0.6em 0 0.3em 0; color:rgba(200,200,200,1); font-weight:300; }
#page-signature h2:before { content:''; position:absolute; left:50%; width:100vw; transform:translateX(-50%); top:0; bottom:0; background:linear-gradient(to bottom, rgba(100,100,100,1), rgba(55,55,55,1)); }

#page-paiement h2 span { text-align:left; display:block; font-size:3em; padding:0.6em 0 0.3em 0; color:rgba(200,200,200,1); font-weight:300; }
#page-paiement h2:before { content:''; position:absolute; left:50%; width:100vw; transform:translateX(-50%); top:0; bottom:0; background:linear-gradient(to bottom, rgba(100,100,100,1), rgba(55,55,55,1)); }
#page-paiement > div > div { margin:2em auto; }
#page-paiement > div > div > p { text-align:center; font-size:1.5em; }
#page-paiement > div > form { text-align:center; margin:0 auto 2em auto; }

#page-reponse h2 span { text-align:left; display:block; font-size:3em; padding:0.6em 0 0.3em 0; color:rgba(200,200,200,1); font-weight:300; }
#page-reponse h2:before { content:''; position:absolute; left:50%; width:100vw; transform:translateX(-50%); top:0; bottom:0; background:linear-gradient(to bottom, rgba(100,100,100,1), rgba(55,55,55,1)); }
#page-reponse > div { text-align:center; }
#page-reponse > div > div { margin:2em auto; }
#page-reponse > div > div > p { text-align:center; font-size:1.5em; }
#page-reponse > div > button { margin:0 auto 2em auto; }

#page-authentification input { font-size:1em; background-color:transparent; border:1px solid rgba(22,22,22,0.4); border-radius:3px; line-height:1; height:auto; padding:0.8em 1em 0.5em 1em; }
/* ------------------------------------------------------------------------------------------------------------- */
/* RESPONSIVE */

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

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Reinit font-size après un font-size:0; */
body,
header h1,
header nav ul > li,
#home-bandeau,
#home-vehicules,
#home-vehicules ul > li div.resume,
#home-detail,
#page-vehicules article h2,
#page-vehicules article > div > div,
#page-presentation ul.vous > li,
#page-location .formules ul li,
#website,
#contactrapide,
#page-contact form,
#page-signature h2,
#page-paiement h2,
#page-reponse h2,
footer,
footer nav ul > li
 { font-size:1rem; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

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

main section { width:100%; margin:0 auto; padding:0; }

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); }



/* 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:2000px) { 

	html { font-size:20px; }


	.liquide > div { max-width:calc(0.9 * 2000px); }
	header.liquide > div { max-width:90%; }
	footer.liquide > div { max-width:90%; }
	#page-contact.liquide > div { max-width:90%; }

	#website div.resume { padding:calc(3rem + 1.2vw) 0; } 
	#website h2 { padding-bottom:calc(0.7em + 0.3vw); }
	#website a { margin-top:calc(2.5em + 0.5vw); }

}

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

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

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

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Reinit font-size après un font-size:0; */
body,
header h1,
header nav ul > li,
#home-bandeau,
#home-vehicules,
#home-vehicules ul > li div.resume,
#home-detail,
#page-vehicules article h2,
#page-vehicules article > div > div,
#page-presentation ul.vous > li,
#page-location .formules ul li,
#website,
#contactrapide,
#page-contact form,
#page-signature h2,
#page-paiement h2,
#page-reponse h2,
footer,
footer nav ul > li
 { font-size:0.8rem; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

	.liquide > div { width:90%; }

	header h1 span { font-size:2rem; padding:2rem 0 0rem 2rem; }

	header #showhidemenu { display:none; } 

	header nav { width:50%; }
	header nav ul { text-align:right; padding:0 4rem 0 0; }
	header nav ul#langues { padding-top:1rem; padding-right:0; padding-bottom:3.5rem; }
	header nav ul#langues li { font-size:calc(0.95 * 0.8rem); }

	header nav li.dashboard { position:absolute; top:0; transform:translateY(-200%); right:4rem; border-left:0; }

	#home-bandeau.liquide > div:before, #home-bandeau.liquide > div:after { content:''; z-index:11; background-color:rgba(55,55,55,1); position:absolute; top:0; width:20rem; height:100%; } 
	#home-bandeau.liquide > div:before { left:-1px; } 
	#home-bandeau.liquide > div:after { right:0; } 

	#home-bandeau div.visuel { width:70%; }
	#home-bandeau div.tarif:before { content:''; position:absolute; top:0; left:calc(-40rem + 1px); height:0; width:0; border-style:solid; border-width: 0 0 100rem 40rem; border-color: transparent transparent rgba(55,55,55,1) transparent; }
	#home-bandeau div.tarif { position:absolute; left:calc(100% - 20rem); top:0; height:100%; padding-left:2rem; }
	#home-bandeau div.tarif > div { position:relative; top:50%; transform:translateY(-50%); }
	#home-bandeau div.tarif > div > span.amount { font-size:11em; }
	#home-bandeau div.tarif > div > span.perday { font-size:2.3em; transform:translateY(-0.3em); }
	#home-bandeau div.tarif > div > span { display:block; }

	#home-vehicules ul > li { width:calc(50% - 2rem); margin:0 0 0 4rem; }
	#home-vehicules ul > li:first-of-type { margin-left:0; }
	#home-vehicules ul > li:first-of-type:last-of-type { width:70%; }
	
	#website div.resume p { padding-right:12rem; }
	#website div.visuel { position:absolute; width:calc(50vw + 5%); height:100%; }
	#website div.visuel:after { content:''; position:absolute; top:0; right:0; height:0; width:0; border-style:solid; border-width: 0 0 100rem 40rem; border-color: transparent transparent rgba(55,55,55,1) transparent; }
	#website.autresite div.resume { padding-left:calc(50% + 5% + 2%); }
	#website.ulysse div.resume { padding-left:10rem; padding-right:10rem; }

	#contactrapide.liquide div.resume { position:absolute; left:50%; top:50%; width:50%; transform:translateY(-50%); }
	#contactrapide a.autobtn.devis { margin-right:1rem; }

	#contactrapide.pagecontact { position:absolute; right:0; top:0; min-height:100%; }

	#page-vehicules article { padding:0 7%; }
	#page-vehicules div.gamme { position:absolute; left:0; top:50%; transform:translateY(-50%); }
	#page-vehicules div.tarif { font-size:0.9em; position:relative; padding:1rem 0 0.7rem 0; text-align:right; }
	#page-vehicules div.visuel, #page-vehicules div.caracteristiques { width:calc(50% - 2rem); }
	#page-vehicules div.visuel { margin-right:2rem; }
	#page-vehicules div.caracteristiques { margin-left:2rem; }

	#page-presentation div.visuel { position:absolute; font-size:0; top:0; width:40rem; height:100%; left:calc(100% + (50vw - 50%) - 40rem); overflow:hidden; }
	#page-presentation div.resume { padding:6rem calc(40rem - (50vw - 50%) + 15rem) 6rem 10rem; }

	#page-presentation ul.vous { padding:0 7%; }
	#page-presentation ul.vous:before, #page-presentation ul.vous:after { content:''; position:absolute; top:0; bottom:0; width:calc(50% - 7% - 2rem); border:1px solid rgba(77,77,77,0.5); border-radius:1rem; }
	#page-presentation ul.vous:before { left:7%; }
	#page-presentation ul.vous:after { right:7%; }
	#page-presentation ul.vous > li { width:calc(50% - 2rem); }
	#page-presentation ul.vous > li:nth-of-type(1) { margin-right:2rem; }
	#page-presentation ul.vous > li:nth-of-type(2) { margin-left:2rem; }

	#page-location .intro h2 { font-size:1.2em; }
	#page-location .intro span.formules { position:absolute; left:0; top:0.5em; width:7em; line-height:1.05; }
	#page-location .intro span.from { width:11.5em; }
	#page-location .intro span.perday { font-size:1.8em; }
	#page-location .formules ul li { width:calc((100% / 3) - 2rem); margin:0 1rem; height:15rem; }
	#page-location .formules ul li:first-of-type { margin:0 2rem 0 0; }
	#page-location .formules ul li:last-of-type { margin:0 0 0 2rem; }
	#page-location .offre { padding:2rem 4rem; margin:4rem 20%; }
	#page-location .options { margin:4rem 15%; }
	#page-location .etapes ol { column-count:2; column-gap:4rem; }
	#page-location .etapes ol li { break-inside: avoid-column; }
	#page-location .etapes ol li:nth-of-type(4) { break-before: column; }

	#page-location .etapes .paiement { margin-left:calc(50% + 2rem); }
	#page-location .notabene { padding:2rem 18% 3rem 18%; }

	#page-contact { min-height:50rem; }
	#page-contact > div > div { padding-left:4rem; padding-right:calc(40rem + 4rem - (50vw - 50%) + 2rem + 12px); }
	#page-contact form { padding-left:4rem; padding-right:calc(40rem + 4rem - (50vw - 50%)); }

	section.contact .inputchoix > label:first-of-type { margin-right:1em; }

	section.contact form > div, section.contact form > span { padding-right:calc(2rem + 12px); }
	section.contact form > button { left:calc(100% - 2rem - 12px); }
	section.contact form > label { padding-right:2rem; width:calc(100% - 12px); }
	section.contact label.status, section.contact label.gamme, section.contact label.kilometrage { width:calc(50% - 6px); }
	section.contact label.nom, section.contact label.prenom, section.contact label.email, section.contact label.telephone { width:calc(50% - 6px); }
	section.contact label.datedebut, section.contact label.datefin { padding-right:1em; width:calc(30% - 6px); }
	section.contact label.timedebut, section.contact label.timefin { width:calc(20% - 6px); }
	section.contact label.cp { width:calc(35% - 4px); }
	section.contact label.ville { width:calc(65% - 4px); }
	section.contact label.pays { width:calc(35% - 4px); }
	
	footer .copyright span:first-of-type { padding-left:0; padding-right:4rem; }
	footer .copyright span:last-of-type { border-left:1px solid rgba(169,169,169,1); }

#nav-dash:before { background-color:rgba(55,55,55,1); content:''; position:absolute; top:0; bottom:0; width:100vw; left:50%; transform:translateX(-50%); }
#nav-dash label.myselectbtn > select { display:none; }
#nav-dash label.myselectbtn button { font-size:0.8rem; border-left:1px solid rgba(255,255,255,1); background-color:rgba(55,55,55,1); color:rgba(255,255,255,1); }
#nav-dash .myselectbtn button.current { border-color:rgba(255,255,255,1); background-color:rgba(104,165,8,1); color:rgba(255,255,255,1); }
body.desktop #nav-dash label.myselectbtn button:hover { border-color:rgba(255,255,255,1); background-color:rgba(104,165,8,1); color:rgba(255,255,255,1); }
#nav-dash label.myselectbtn button:first-of-type { border:0; }
#nav-dash label.myselectbtn button.goback { background-color:transparent; color:rgba(255,255,255,1); width:4em; height:4em; }
#nav-dash label.myselectbtn button.goback svg { stroke-width:10; position:absolute; left:50%; top:50%; height:1em; width:auto; transform:translate(-50%, -50%) rotate(180deg); }
body.desktop #nav-dash label.myselectbtn button.goback:hover { background-color:transparent; color:rgba(104,165,8,1); }

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

	html { font-size:11px; font-size:1.1vw; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Reinit font-size après un font-size:0; */
body,
header h1,
header nav ul > li,
#home-bandeau,
#home-vehicules,
#home-vehicules ul > li div.resume,
#home-detail,
#page-vehicules article h2,
#page-vehicules article > div > div,
#page-presentation ul.vous > li,
#page-location .formules ul li,
#website,
#contactrapide,
#page-contact form,
#page-signature h2,
#page-paiement h2,
#page-reponse h2,
footer,
footer nav ul > li
 { font-size:1rem; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
	.liquide > div { width:94%; }

	header nav { width:52%; }
	header nav ul { padding-right:0; }
	header nav li.dashboard { right:0; }

	#home-bandeau div.visuel { width:100%; }

	#page-vehicules article { padding:0 2%; }

	#page-presentation div.resume { padding:4rem calc(40rem - (50vw - 50%) + 8rem) 4rem 5rem; }

	#page-vehicules div.caracteristiques > ul > li span svg { height:2em; }
	#page-vehicules div.caracteristiques > ul > li:first-of-type span { padding: 1.5em 0 1.5em 1em }
	#page-vehicules div.caracteristiques > ul > li span b { padding: 0 1.2em; }

	#page-location .formules ul li:first-of-type {margin-right:1rem; }
	#page-location .formules ul li:last-of-type {margin-left:1rem; }
	#page-location .formules ul li { width:calc((100% / 3) - 1rem); margin: 0 0.5rem; height:20rem; }
	#page-location .formules h3 b, #page-location .formules h3 strong { font-size:1.2em; }

#page-location .notabene { padding: 2rem 15% 3rem 15%; }

	#contactrapide.pagecontact { width:35rem; }

	#page-contact > div > div { padding-right:calc(35rem + 4rem - (50vw - 50%) + 2rem + 12px); }
	#page-contact form { padding-left:2rem; padding-right:calc(35rem + 4rem - (50vw - 50%)); }

	#contactrapide.liquide div.resume { left:45%; width:55%; font-size:1.3em; }
	#contactrapide.pagecontact div.resume { font-size:1.1em; }
	#contactrapide .telephone { padding-bottom:0.5em; }
	
#nav-dash { width:96%; }
}
/* AFFICHAGE MOBILE */
@media (orientation:portrait) and (max-width:800px), (orientation:landscape) and (max-width:500px) {

	html { font-size:24px; font-size:3vw; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Reinit font-size après un font-size:0; */
body,
header h1,
header nav ul > li,
#home-bandeau,
#home-vehicules,
#home-vehicules ul > li div.resume,
#home-detail,
#page-vehicules article h2,
#page-vehicules article > div > div,
#page-presentation ul.vous > li,
#page-location .formules ul li,
#website,
#contactrapide,
#page-contact form,
#page-signature h2,
#page-paiement h2,
#page-reponse h2,
footer,
footer nav ul > li
 { font-size:1.1rem; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

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

	.liquide > div { width:94%; }
	header.liquide > div { height:100%; }

	header { background-color:transparent; height:calc(6rem + (2 * 1rem) + 2.2rem + 1.5rem + 0rem + 1rem); transition:height 500ms ease; }
	body.showmenu header { height:100vh; }

	header h1 { padding:1rem 0 calc(1rem + 1rem) 0; }
	header h1 a.logo { font-size:6rem; }
	header h1 span { display:block; white-space:nowrap; line-height:1; font-size:2.2rem; padding:1.5rem 0 0rem 0; text-align:center }
	
	header nav { z-index:1050; background-color:rgba(55,55,55,1); height:100%; width:100vw; left:50%; transform:translateX(-50%); opacity:0; transition:opacity 500ms ease; }
	body.showmenu header nav { opacity:1; }
	header nav ul { position:absolute; display:block; left:4rem; }
	header nav ul li { font-size:1.8rem; line-height:1; }
	header nav ul:not(#langues) { top:calc(6rem + (2 * 1rem) + 2.2rem + 1.5rem + 0rem + 1rem + 3rem); }
	header nav ul:not(#langues) li { display:block; border-left:0; padding:1em 0; }
/*	header nav ul#langues { top:calc(6rem + (2 * 1rem) + 2.2rem + 1.5rem + 0rem + 1rem + 3rem + (5 * 3 * 1.8rem) + 3.6rem); } */
	header nav ul#langues { bottom:100px; opacity:0; }
	body.showmenu header nav ul#langues { opacity:1; transition:opacity 300ms ease 500ms; }
	header nav ul#langues li:first-of-type { padding-left:0; }
	header nav button { color:rgba(255,255,255,1); line-height:1; }

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

	#home-bandeau div.visuel { width:100vw; height:100vw; }
	#home-bandeau div.resume { font-size:0.8em; padding:55vw 5% 0 5%; }
	#home-bandeau div.resume:before { left:50%; transform:translateX(-50%); top:25vw; height:calc(75vw + 1px); width:calc(100vw + 2px); background:linear-gradient(to bottom, transparent, rgba(55,55,55,1) 50%); }
	#home-bandeau div.tarif { position:relative; padding:3rem 5% 4rem 5%; padding:1rem  5%; }
	#home-bandeau div.tarif span.from { display:block; }
	#home-bandeau div.tarif span.perday { padding-left:0.5rem; transform:translateY(-0.5rem); }

	#home-vehicules { margin-top:1rem; margin-bottom:2rem; }
	#home-vehicules ul > li { width:100%; margin:1rem 0 0 0; }
	#home-vehicules ul > li:first-of-type { margin-top:0; }
	#home-vehicules ul > li div.visuel { height:0; padding-bottom:85.7%; }
	#home-vehicules ul > li div.visuel img { position:absolute; left:50%; top:50%; height:100%; width:auto; transform:translate(-50%,-50%); }
	#home-vehicules ul > li div.resume { font-size:0.8rem; padding:1rem 1rem; }
	#home-vehicules div.resume > h2 { padding-bottom:0.5em; }
	#home-vehicules div.resume > p { padding:0.5em 0.5em 0 0.5em; }
	#home-vehicules .autobtn { font-size:1.4em; }
	
	#home-detail { margin:0; padding-left:0; padding-right:0; }
	#home-detail h2 { font-size:2em; }
	#home-detail p { font-size:1.1em; padding-left:5%; padding-right:5%; }

	#page-vehicules h2 span { line-height:1.1; padding-left:5%; padding-right:5%; }
	#page-vehicules div.resume { padding-left:5%; padding-right:5%; }
	#page-vehicules div.visuel { width:100%; }
	#page-vehicules div.gamme { margin:2rem 0; font-size:1.5em; }
	#page-vehicules div.tarif { margin:2rem 0; min-height:0; }
	#page-vehicules div.gamme h3 { line-height:1.2; }
	#page-vehicules div.gamme p { line-height:1.3; }

	#page-vehicules div.caracteristiques { text-align:center; }
	#page-vehicules div.caracteristiques > ul { margin-bottom:4rem; }
	#page-vehicules div.caracteristiques > ul > li span svg { height:2.5em; }
	#page-vehicules div.caracteristiques > ul > li span b { display:block; margin:2em 0; }
	#page-vehicules div.caracteristiques > ul > li span b:before { left:2.1em; }
	#page-vehicules div.caracteristiques > ul ul li { font-size:1em; }

	#page-presentation div.resume { padding-left:5%; padding-right:5%; padding-bottom:3rem; }
	#page-presentation div.visuel { transform:translateX(-50%); }
#page-presentation div.resume p { font-size:1.2em; }


	#page-presentation ul.vous > li { border:1px solid rgba(77,77,77,0.5); border-radius:1rem; padding-left:5%; padding-right:5%; }
	#page-presentation ul.vous > li:first-of-type { margin-bottom:2rem; }

#page-location .intro { padding-top:2rem; }
#page-location .intro span.formules { padding-bottom:0.5em; }
#page-location .intro span.formules b, #page-location .intro span.formules strong { display:block; }
	#page-location div.tarif { position:relative; padding:0 5% 0 5%; }
	#page-location div.tarif span.from { display:block; }
	#page-location div.tarif span.perday { padding-left:0.5rem; transform:translateY(-0.5rem); }
	#page-location .formules ul li { margin:1rem 0 0 0; }
	#page-location .formules ul li:first-of-type { margin-top:0; }
#page-location .formules h3 { font-size:2.2em; }
	#page-location .offre { font-size:1.2em; padding:2rem 5%; margin:2rem 0; }
#page-location .offre h2 { font-size:2.2em; }
	#page-location .options h2 { text-align:center; padding-bottom:1em; }
	#page-location .options h2 b, #page-location .options h2 strong { display:block; }
#page-location .options tr td { font-size:1.2em; }
#page-location .tarifs { font-size:1.2em; padding:0 3px; }
	#page-location .etapes h2 { text-align:center; }
	#page-location .etapes h2 b, #page-location .etapes h2 strong { display:block; }
	
	#website { margin:2rem 0; }
	#website div.visuel { position:relative; width:100vw; height:40vw; }
	#website div.resume { padding-left:5%; padding-right:5%; } 

	#contactrapide div.visuel { width:100vw; }
	#contactrapide div.resume { position:relative; text-align:center; padding:3em 5%; }
	#contactrapide .autobtn { width:100%; }
	#contactrapide .autobtn.devis { margin-bottom:1em; }

	#contactrapide.pagecontact { width:100vw; margin-top:2rem; }
	#contactrapide.pagecontact div.resume { font-size:1em; padding:3em 5%; text-align:center; }
	#page-contact > div > div { font-size:1.2em; }
	#page-contact form { font-size:1.2em; }

section.contact input, section.contact select, section.contact textarea { font-size:1.3em; }

	section.contact .inputchoix > label { width:100%; text-align:center; }
	section.contact .inputchoix > label > span.autobtn { width:80%; text-align:center; padding-left:0.5em !important; padding-right:0.5em !important; }
	section.contact .inputchoix > label:first-of-type { margin-bottom:1em; }

	section.contact label.datedebut, section.contact label.datefin { padding-right:1em; width:calc(60% - 6px); }
	section.contact label.timedebut, section.contact label.timefin { width:calc(40% - 6px); }

section.contact form button { margin-top:2rem; left:50%; transform:translateX(-50%); }

	#page-contactrapide .visuel { height:12rem; }

	/* FOOTER */
	footer { text-align:center; }
	footer .logo { height:5.5em; margin-top:3em; }

	footer h2 { margin-top:1em; padding-bottom:1em; }
	footer nav { font-size:1.8rem; margin-left:0; margin-bottom:4em; }
	footer nav ul > li { font-size:1.3rem;  padding: 1em 0.5em; text-align:center; }

	footer .copyright { font-size:1.1em; padding-bottom:3em; }
	footer .copyright span { display:block; text-align:center; padding-bottom:2em; }
	footer .copyright span:first-of-type { padding-bottom:4em; }
	
	section#page-mentionslegales { font-size:0.9rem; }

	section#page-authentification { width:80%; }	

#nav-dash { width:90%; }

#nav-dash label.myselectbtn { margin-top:2rem; width:100%; }
#nav-dash label.myselectbtn > select { font-size:1.1rem; }
#nav-dash label.myselectbtn > button { display:none; }

#orderslist tr > th:nth-of-type(2), #orderslist tr > td:nth-of-type(2) { display:none; }
#orderslist tr > th:nth-of-type(3), #orderslist tr > td:nth-of-type(3) { display:none; }
#orderslist tr > th:nth-of-type(4), #orderslist tr > td:nth-of-type(4) { display:none; }
#orderslist tr > th:nth-of-type(5), #orderslist tr > td:nth-of-type(5) { display:none; }
#content-dash td a > span { font-size:2.2em; margin:0.5em; }

#customerslist tr > th:nth-of-type(2), #customerslist tr > td:nth-of-type(2) { display:none; }
#customerslist tr > th:nth-of-type(4), #customerslist tr > td:nth-of-type(4) { display:none; }
#customerslist tr > th:nth-of-type(5), #customerslist tr > td:nth-of-type(5) { display:none; }
#customerslist tr > th:nth-of-type(6), #customerslist tr > td:nth-of-type(6) { display:none; }

}

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