* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html { position:relative; display:block; }

body { position:relative; display:block; width:100%; margin:0; padding:0; font-family:Quicksand, sans-serif; font-size:1rem; font-weight:400; line-height:1.4; background-color:rgba(255,255,255,1); color:rgba(74,74,74,1); text-align:left; overflow-x:hidden; overflow-y:scroll; }
body.noscrollbar { height:0; overflow-y:hidden; }

body.windows.noscrollbar { max-width:calc(100% - 17px); } 


#en2mots { background-color:rgba(255,255,255,1); color:rgba(74,74,74,1); width:100%; min-width:300px; max-width:2560px; margin:0 auto; padding:0; position:relative; overflow-x:hidden; }

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

h1, h2, h3, h4, h5, h6 { position:relative; margin:0; padding:0; font-family:Quicksand, sans-serif; font-size:1em; 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:none; outline-color:transparent; }
body.desktop .fromrte a:hover { color:rgba(98,177,145,1); }

button { position:relative; display:inline-block; vertical-align:top; font-family:Quicksand, sans-serif; font-size:inherit; font-weight:400; text-align:center; color:inherit; background-color:transparent; border-color:transparent; border:0; margin:0; padding:0; width:auto; outline:0; }
body.desktop button:hover { color:inherit; background-color:inherit; border-color:inherit; text-decoration:none; outline:0; }
button > span { position:relative; display:block; line-height:1; font-size:1em; margin:0; padding:0; }

a, button { cursor:pointer; transition:color 300ms ease, background-color 300ms ease; }

img { margin:0; padding:0; border:0; }
svg { position:relative; display:inline-block; vertical-align:middle; height:100%; width:auto; 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 { font-size:inherit; color:inherit; word-wrap:break-word; }
b, strong { font-weight:600; }

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

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

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

.wrap { display:block; position:absolute; overflow:hidden; left:0; top:0; width:100%; height:100%; }
.cover { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:auto; height:auto; 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; }

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(22,22,22,1); line-height:2; 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://alt.en2mots.ovh/_chartes_/alearnytime/ressources/images/contribution/dropdown.svg) !important; background-size:1.5em; background-position: right center !important; background-repeat: no-repeat !important; padding-right:2.5em !important; }
select::-ms-expand { display: none; }
select option { color:rgba(22,22,22,1); }
select.placeholder { color:rgba(54,54,54,0.55) !important; }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  { -webkit-box-shadow: 0 0 0 2em rgba(255,255,255,1) inset !important; }

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
 
/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	margin:0;
}
 
/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button { 
	-o-appearance: none;
	margin:0
}

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 300ms !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(22,22,22,1) !important; background-color:rgba(221,221,221,1) !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(22,22,22,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; }

.scrollanim.init { opacity:0; transition:opacity 300ms ease 0ms, transform 300ms ease 0ms; }
.scrollanim { opacity:1; transition:opacity 498ms 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); }
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:1px solid #c7254e; }
body, header, main, section, article, aside,aside.perso > nav > div > div,header nav > ul.identification > li > div > button,.section-auth form > label, .section-auth form > div, .section-auth form > button,.section-espaceperso .tools .prochain > a > div,section#page-messagerie > div,section#page-agenda .calendars > div > div,section#page-agenda .activites ul > li > div,.section-espaceperso ul.liste li,ul.listepublic li,article.ficheformation .listesessions > ul li,article.ficheformation .columns > div,section#page-gestionsessions .suivisession ul.status li,.listerelations ul.liste li > div,ul.resumeavis > li,footer > div, footer > nav, footer > aside { font-size:1rem; }

.nolink { cursor:default !important; }
.notinversion { cursor:default !important; opacity:0.3 !important; }
body.desktop button.notinversion:hover { background-color:rgba(98,177,145,1) !important; color:rgba(255,255,255,1) !important; border-color:rgba(98,177,145,1) !important; }
body.desktop button.formateur.notinversion:hover { background-color:rgba(241,83,83,1) !important; color:rgba(255,255,255,1) !important; border-color:rgba(241,83,83,1) !important; }
body.desktop button.stagiaire.notinversion:hover { background-color:rgba(98,177,145,1) !important; color:rgba(255,255,255,1) !important; border-color:rgba(98,177,145,1) !important; }
body.desktop button.secondaire.notinversion:hover { background-color:rgba(255,255,255,1) !important; color:rgba(74,74,74,1) !important; border-color:#ccc !important; }

span.avatar > img, span.avatar > svg { position:absolute; left:0; top:0; height:100%; width:100%; border-radius:50%; overflow:hidden; }
span.avatar > svg { color:rgba(98,177,145,1); }

.avis > svg { display:inline-block; vertical-align:middle; height:1.2em; width:auto; color:rgba(200,200,200,1); padding-right:0.5em; }
.avis.nb5 > svg path { fill:rgba(240,180,32,1); }
.avis.nb4 > svg path:not(:nth-of-type(5)) { fill:rgba(240,180,32,1); }
.avis.nb3 > svg path:nth-of-type(1), .avis.nb3 > svg path:nth-of-type(2), .avis.nb3 > svg path:nth-of-type(3) { fill:rgba(240,180,32,1); }
.avis.nb2 > svg path:nth-of-type(1), .avis.nb2 > svg path:nth-of-type(2) { fill:rgba(240,180,32,1); }
.avis.nb1 > svg path:nth-of-type(1) { fill:rgba(240,180,32,1); }

.avis > span { display:inline-block; vertical-align:middle; padding:0; }

button.share { z-index:2; width:1.5em; height:1.5em; color:rgba(98,177,145,1); width:auto; display:inline-block; vertical-align:top; }
body.desktop button.share:hover { color:rgba(98,177,145,1); }
div.sharelist { z-index:1; opacity:0; height:0; width:0; text-align:right; overflow:hidden; position:absolute; right:-0.5em; top:0; padding:2em 0.5em 0.5em 0.5em; background:transparent; }
div.sharelist.open { opacity:1; height:5.5em; width:25em; }
div.sharelist > div { display:inline-block; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border-radius:5px; border:1px solid rgba(255,255,255,1); }
div.sharelist button { display:inline-block; vertical-align:middle; margin:0.5em; width:1.5em; height:1.5em; }

form.favori { width:auto !important; display:inline-block !important; vertical-align:top !important; }
form.favori > button { width:1.5em; height:1.5em; }
form.favori > button path:nth-of-type(1) { fill:rgba(255,255,255,1); }
form.favori > button path:nth-of-type(2) { fill:rgba(98,177,145,1); } 
form.favori.active > button path:nth-of-type(1), form.favori.active > button path:nth-of-type(2) { fill:rgba(244,0,0,1); }


button.btnconnexion { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border:1px solid rgba(98,177,145,1); margin-top:2em; }
body.desktop button.btnconnexion:hover { background-color:rgba(255,255,255,1); color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }


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

header { left:50%; transform:translateX(-50%); z-index:1000; position:fixed; top:0; width:100%; height:auto; background-color:rgba(255,255,255,1); color:rgba(74,74,74,1); overflow-y:hidden; overflow-x:hidden; }
header:before { left:50%; transform:translateX(-50%); content:''; position:absolute; top:0; bottom:0; width:100vw; background-color:rgba(255,255,255,1); }

h1 { font-size:1em; position:relative; display:inline-block; vertical-align:middle; margin:0; padding:0; opacity:1; transition:opacity 300ms linear 0ms; }
h1 > a { height:5.8em; display:inline-block; vertical-align:baseline; }
h1 > span { position:relative; display:inline-block; vertical-align:baseline; }
h1 svg .highlight { fill:rgba(98,177,145,1); }
.scroll h1 { }
.showmenu h1 { opacity:0; transition:opacity 300ms linear 300ms; }

header nav { display:inline-block; width:auto; margin:0; padding:0; padding-top:1rem; }
header nav > ul { position:relative; display:inline-block; vertical-align:middle; margin:0; padding:0; list-style-type:none; }
header nav > ul:first-of-type:not(.espaces) { margin-right:1em; };
header nav > ul > li { display:inline-block; vertical-align:middle; width:auto; padding-left:1em; }
header nav > ul > li:first-of-type { padding-left:0; }
header nav button { font-weight:700; background-color:rgba(255,255,255,1); color:rgba(98,177,145,1); border:0; }
header nav > ul > li.current button { color:rgba(98,177,145,1); }
body.desktop header nav button:hover { background-color:rgba(255,255,255,1); color:rgba(98,177,145,1); }

header nav > ul.espaces > li { padding-left:0; }
header nav > ul.espaces > li:not(.current) { display:inline-block; }
header nav > ul.espaces > li.current { display:none; }
header nav > ul.espaces > li button { width:11em; text-align:left; }
header nav > ul.espaces > li button,
body.desktop header nav > ul.espaces > li button:hover,
header nav > ul.espaces > li.current button { color:rgba(98,177,145,1); }
header nav > ul.espaces > li.homeformateur button,
body.desktop header nav > ul.espaces > li.homeformateur button:hover,
header nav > ul.espaces > li.homeformateur.current button { color:rgba(241,83,83,1); }

header nav #headersearch { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase;; margin-right:1em; width:2.6em; height:2.6em; display:inline-block; vertical-align:middle; color:rgba(255,255,255,1); border:1px solid rgba(98,177,145,1); background-color:rgba(98,177,145,1); }
header nav #headersearch > svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:50%; height:50%; }

header nav > ul.identification > li > div { font-size:0; padding:0; }

header nav > ul.identification > li > div > button { transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; z-index:1; position:relative; display:inline-block; vertical-align:middle; width:auto; }
body.desktop header nav > ul.identification > li > div > button:hover { background-color:rgba(255,255,255,1); color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }
header nav > ul.identification > li > div > button:nth-of-type(1) { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); line-height:1; font-weight:500; text-transform:uppercase; font-weight:500; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border:1px solid rgba(98,177,145,1); }
header nav > ul.identification > li > div.authentified > button:nth-of-type(1) { padding-right:calc((3.4em / 2) + 1em); text-transform:none; } 
header nav > ul.identification > li > div > button.avatar { z-index:2; position:absolute; height:3.4em; width:3.4em; right:3.6em; top:50%; transform:translateY(-50%); border-radius:50%; overflow:hidden; padding:0.2em; background-color:rgba(255,255,255,1); border:0; }
header nav > ul.identification > li > div > button.togglemenu { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); line-height:1; font-weight:500; text-transform:uppercase; padding:0.5em 1em 0.5em calc(1em + (3.4em / 2)); font-weight:500; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border:1px solid rgba(98,177,145,1); height:calc(2.6em + 2px); width:auto; }
header nav > ul.identification > li > div > button.togglemenu > svg { color:inherit; stroke-width:5; position:relative; height:1.6em; width:auto; }
header nav > ul.identification > li > div > button.avatar > img, header nav > ul.identification > li > div > button.avatar > svg { position:relative; height:100%; width:auto; border-radius:50%; overflow:hidden; }
header nav > ul.identification > li > div > button.avatar > svg { transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear;  background-color:rgba(98,177,145,1); color:transparent; stroke-width:5; border:1px solid rgba(98,177,145,1); }
body.desktop header nav > ul.identification > li > div > button.avatar:hover > svg { background-color:rgba(255,255,255,1); color:transparent; border-color:rgba(98,177,145,1); }
body.desktop header nav > ul.identification > li > div > button.avatar:hover > svg path { fill:rgba(98,177,145,1); }

header nav > ul.identification > li > div > button.togglemenu > svg line { transition:transform 300ms linear 0ms; stroke-width:3; stroke-linecap:round; transform-origin: 40% 50%; }
header nav > ul.identification > li > div > button.togglemenu > svg line:nth-of-type(1) { transform: translate(0,0) scaleX(1) rotate(0deg); }
header nav > ul.identification > li > div > button.togglemenu > svg line:nth-of-type(2) { transform: translate(-18.75%,0) scaleX(0.625); }
header nav > ul.identification > li > div > button.togglemenu > svg line:nth-of-type(3) { transform: translate(12.5%,0) scaleX(1.25) rotate(0deg); }
body.desktop header nav > ul.identification > li > div > button.togglemenu:hover > svg line:nth-of-type(1) { transform: translate(0,0) scaleX(1) rotate(0deg); }
body.desktop header nav > ul.identification > li > div > button.togglemenu:hover > svg line:nth-of-type(2) { transform: translate(0,0) scaleX(1); }
body.desktop header nav > ul.identification > li > div > button.togglemenu:hover > svg line:nth-of-type(3) { transform: translate(0,0) scaleX(1) rotate(0deg); }
aside.perso { z-index:2000; position:fixed; margin:0; padding:0; top:0; left:0; transform:translateX(-100%); height:100%; width:100%; max-width:calc(38vw); transition:transform 300ms linear 0ms, max-width 300ms linear 0ms; }
.showmenu aside.perso { transform:translateX(0); max-width:100%; transition:transform 0ms linear 0ms, max-width 0ms linear 300ms; }
aside.perso.empty { display:none; }

aside.perso > div { content: ""; position:absolute; left:0; top:0; width:0; height:0; background-color:transparent; transition: background-color 300ms linear 300ms; }
.showmenu aside.perso > div { width:100%; height:100%; background-color:rgba(0,0,0,0.01); }

aside.perso > span { display:none; }
body.desktop aside.perso > span { display:block; opacity:1; position:absolute; left:100%; top:5em; width:0.5em; height:5em; background-color:rgba(98,177,145,1); transform:translateY(100%); transition:opacity 100ms linear 300ms, left 0ms linear 300ms; }
body.desktop.showmenu aside.perso > span { left:-100%; opacity:0; transition:opacity 0ms linear 0ms, left 0ms linear 0ms; }

aside.perso > nav { overflow-x:hidden; overflow-y:auto; position:absolute; left:0; top:0; height:100%; background-color:rgba(30,30,30,0.9); width:calc(38vw); max-width:0; transition:width 300ms linear 0ms, max-width 300ms ease 0ms; }
body.showmenu aside.perso > nav { max-width:100%; }
/* La largeur du sous-menu est gérée en JS */
aside.perso > nav > div { position:relative; padding:1em 3rem; width:38vw; height:auto; color:#ffffff; text-align:right; font-size:0; }

aside.perso > nav > a.logo > svg { margin:2em; height:5.8em; width:auto; color:#ddd; }
aside.perso > nav > a.logo > svg .highlight { fill:rgba(98,177,145,1); }

aside.perso > nav > button.hidemenu { position:absolute; top:4em; left:calc(38vw - 3rem - 1.5em); transform:translateX(-100%); width:2em; height:2em; color:#ddd; padding:0; border-radius:50%; border:1px solid #ddd; }
aside.perso > nav > button.hidemenu svg { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:40%; height:auto;  margin:0; padding:0; color:inherit; stroke-width:5; }
body.desktop aside.perso > nav > button.hidemenu:hover { background-color:#ddd; color:rgba(30,30,30,1); }

aside.perso > nav > div > div { position:relative; display:block; height:auto; width:100%; text-align:right; }

ul.menuperso li > button { position:relative; width:auto; display:inline-block; font-weight:300; text-transform:uppercase; color:#fff; }
body.desktop ul.menuperso li:hover > button, ul.menuperso li.hover > button, ul.menuperso li.current > button { color:rgba(98,177,145,1); }
body.desktop ul.menuperso li.formateur:hover > button, ul.menuperso li.formateur.hover > button, ul.menuperso li.formateur.current > button { color:rgba(241,83,83,1); }
body.desktop ul.menuperso li.stagiaire:hover > button, ul.menuperso li.stagiaire.hover > button, ul.menuperso li.stagiaire.current > button { color:rgba(98,177,145,1); }

ul.menuperso { display:inline-block; width:auto; margin:3em 0 0 0; padding:0; }
ul.menuperso > li { position:relative; width:100%; display:block; font-size:1.6em; margin:0 0 1.5em 0; text-align:right; }
ul.menuperso > li > button { padding-right:1.5em; border-right:0; }
ul.menuperso > li > button:before { content:''; z-index:1; position:absolute; top:0; bottom:0; width:0.7px; left:calc(100% - 1px); background-color:transparent; }
body.desktop ul.menuperso > li.sublevel:hover > button:before, ul.menuperso > li.sublevel.hover > button:before { background-color:rgba(98,177,145,1); }
body.desktop ul.menuperso > li.formateur.sublevel:hover > button:before, ul.menuperso > li.formateur.sublevel.hover > button:before { background-color:rgba(241,83,83,1); }
body.desktop ul.menuperso > li.stagiaire.sublevel:hover > button:before, ul.menuperso > li.stagiaire.sublevel.hover > button:before { background-color:rgba(98,177,145,1); }

ul.menuperso > li > ul { display:block; position:absolute; top:0; left:100%; max-width:0; width:auto; height:auto; overflow:hidden; margin:0; padding:0.3em 0 0 0; transition: max-width 0ms linear 300ms; }
body.desktop ul.menuperso > li:hover > ul, ul.menuperso > li.hover > ul { max-width:200%; transition: max-width 0ms linear 0ms; }
ul.menuperso > li > ul > li { position:relative; width:100%; display:block; font-size:0.75em; padding-right:1.5em; padding-bottom:1.5em; overflow:hidden; }
ul.menuperso > li > ul > li:first-of-type { display:none; }
ul.menuperso > li > ul > li:first-of-type svg { position:absolute; left:0; top:50%; transform:translateY(-50%); height:1em; width:auto; stroke-width:5; transform-origin:center center; transform: translateY(-50%) rotate(180deg); }
ul.menuperso > li > ul > li button { z-index:1; white-space:nowrap; left:-100%; opacity:0; width:100%; text-align:left; padding-left:1.5em; transition:left 300ms linear 0ms, opacity 200ms linear 0ms; }
body.desktop ul.menuperso > li:hover > ul > li button, ul.menuperso > li.hover > ul > li button { z-index:2; left:0; opacity:1; }

ul.menutools:before { content:''; position:absolute; top:-2em; right:1.5rem; width:50%; height:0.7px; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(rgba(255,255,255,1))); background-image: -webkit-linear-gradient(left, transparent, rgba(255,255,255,1)); background-image: -moz-linear-gradient(left, transparent, rgba(255,255,255,1)); background-image: -o-linear-gradient(left, transparent, rgba(255,255,255,1)); }
ul.menutools li > button { position:relative; width:auto; display:inline-block; font-weight:300; text-transform:uppercase; color:#fff; }
body.desktop ul.menutools li:hover > button, ul.menutools li.hover > button, ul.menutools li.current > button { color:rgba(98,177,145,1); }

ul.menutools { display:block; width:auto; margin:3em 0 0 0; padding:0; }
ul.menutools > li { position:relative; width:100%; display:block; font-size:1.1em; padding:0 0 1.5em 0; text-align:right; }
ul.menutools > li > button { padding-right:1.5em; border-right:0; }

aside.ariane { width:70%; display:block; position:relative; margin:0 auto; padding:3em 0 0 0; }
aside.ariane ul { position:relative; display:inline-block; vertical-align:middle; margin:0; padding:0; list-style-type:none; }
aside.ariane ul > li { position:relative; display:inline-block; vertical-align:middle; margin:0; padding:0; width:auto; }
aside.ariane ul > li button { font-weight:500; width:auto; max-width:30em; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; }
aside.ariane ul > li:last-of-type button { color:rgba(98,177,145,1); }
aside.ariane.formateur ul > li:last-of-type button { color:rgba(241,83,83,1); }
aside.ariane.stagiaire ul > li:last-of-type button { color:rgba(98,177,145,1); }
main { margin:0 auto; }
.popin main { width:100%; }


section.home-profile { margin:4rem auto 0 auto; padding:calc(2 * 4rem) 0; overflow:hidden; }
section.home-profile h2 { font-weight:700; font-size:3em; color:rgba(74,74,74,1); line-height:1.2; }
section.home-profile h3 { font-weight:400; font-size:1.2em; color:rgba(98,177,145,1); padding-bottom:0.5em; }
section.home-profile div.search { z-index:2; }
section.home-profile div.search .fromrte { font-weight:400; font-size:1.4em; color:rgba(74,74,74,1); margin-top:2em; margin-bottom:1.5em; }
section.home-profile div.search .fromrte p:last-of-type { font-weight:600; color:rgba(98,177,145,1); }
section.home-profile div.wait { font-weight:400; padding-top:2em; font-size:1.3em; color:rgba(98,177,145,1); }
section.home-profile div.search > button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border:1px solid rgba(98,177,145,1); }
body.desktop section.home-profile div.search > button:hover { background-color:rgba(255,255,255,1); color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }
	div.slider { z-index:1; position:relative; display:block; width:100%; height:0; padding-bottom:100%; }
div.slider ul { position:absolute; display:block; margin:0; padding:0; width:100%; height:100%; list-style-type:none; }
div.slider ul li { display:block; position:absolute; opacity:0; left:0; top:0; right:0; bottom:0; }
div.slider ul li:first-of-type { opacity:1; }
div.slider ul li > img { left:50%; top:50%; transform:translate(-50%,-50%); transform-origin:center center; display:block; position:absolute; width:102%; height:102%; }
div.slider ul li > svg { left:50%; top:50%; transform:translate(-50%,-50%); z-index:8; transform-origin:center center; color:rgba(255,255,255,1); display:block; position:absolute; width:102%; height:102%; }
div.slider ul li > svg .highlight { fill:rgba(98,177,145,1); }
div.slider ul li > div { z-index:9; font-size:1em; position:absolute; margin:0; padding:0; opacity:0; transform:translateY(-30em); }
div.slider ul li > div:before { z-index:2; left:0; top:0; content:''; background-color:rgba(255,255,255,1); border-radius:1em; position:absolute; width:calc(100% - 1em); height:calc(100% - 0.6em); }
div.slider ul li > div:after { z-index:1; left:0; top:0; content:''; background-color:rgba(255,255,255,1); border-radius:1em; position:absolute; width:100%; height:100%; }
div.slider ul li > div > div.fromrte { z-index:3; font-weight:400; background-color:rgba(98,177,145,1); position:relative; display:inline-block; vertical-align:baseline; border-radius:1em; border:0.3em solid rgba(255,255,255,1); padding:0.3em 1.5em 0.5em 1.5em; color:rgba(74,74,74,1); max-width:17em; white-space:nowrap; }
div.slider ul li > div > div.fromrte p, div.slider ul li > div > div.fromrte span { display:inline-block; vertical-align:baseline; }
div.slider ul li > div > div.fromrte b, div.slider ul li > div > div.fromrte strong { display:inline; vertical-align:baseline; font-size:1.4em; font-weight:600; color:rgba(255,255,255,1); white-space:nowrap; }
div.slider ul li > div > div.fromrte i, div.slider ul li > div > div.fromrte em { display:inline; vertical-align:baseline; font-size:1em; font-weight:400; font-style:normal; text-transform:uppercase; color:rgba(255,255,255,1); white-space:nowrap; }
div.slider ul li > div > svg { position:absolute; color:rgba(255,255,255,1); width:7em; height:7em; top:-2em; }

div.slider ul li.fadeout { z-index:-1; opacity:0; transition:opacity 1000ms linear 1000ms, z-index 0ms linear 1000ms; }
div.slider ul li.fadein { z-index:2; opacity:1; transition:opacity 1000ms linear 1000ms, z-index 0ms linear 0ms; }

div.slider ul li.fadein > div { opacity:1; transform:translateY(0); transition:opacity 300ms linear 2000ms, transform 300ms cubic-bezier(.47,1.64,.41,.8) 2000ms; }
div.slider ul li.fadeout > div { opacity:0; transform:translateY(-30em); transition:opacity 200ms linear 0ms, transform 0ms linear 2000ms; }

section.home-process { margin:0 auto 0 auto; padding:4rem 0; overflow:hidden; }
section.home-process h2 { padding-bottom:1em; font-weight:700; font-size:3em; color:rgba(74,74,74,1); line-height:1.2; text-align:center; }
section.home-process h2 b, section.home-process h2 strong { color:rgba(98,177,145,1); }

section.home-process ul { display:flex; flex-wrap:wrap; justify-content: left; list-style-type:none; }
section.home-process ul > li { padding:0 2rem; flex:1; margin:1em 1em; min-width:calc(33% - 2em); max-width:calc(33% - 2em); text-align:center; }
section.home-process ul > li > svg { position:relative; width:100%; height:auto; }
section.home-process ul > li span { font-size:1.8em; font-weight:700; padding-left:1em; width:auto; max-width:75%; margin:0 auto; text-align:left; position:relative; display:inline-block; }
section.home-process ul > li span b, section.home-process ul > li span strong { font-weight:700; position:absolute; left:0; color:rgba(98,177,145,1); }

section.home-process svg .highlight { fill:rgba(98,177,145,1); }

section.home-process svg g.echange .bulle1 .bg { fill:rgba(255,255,255,1); }
section.home-process svg g.echange .signe1 { fill:rgba(98,177,145,1); }
section.home-process svg g.echange .bulle2 .bg { fill:rgba(98,177,145,1); }
section.home-process svg g.echange .signe2 { fill:rgba(255,255,255,1); }

section.home-newsletter { margin:0 auto 0 auto; padding:4rem 0; background-color:rgba(44,44,44,1); }
section.home-newsletter:before { left:50%; transform:translateX(-50%); content:''; position:absolute; top:0; bottom:0; width:100vw; background-color:rgba(44,44,44,1); }
section.home-newsletter h2 { font-size:2em; color:rgba(255,255,255,1); }
section.home-newsletter .fromrte { font-weight:400; font-size:1.4em; color:rgba(96,128,115,1); margin-top:1.5em; }
section.home-newsletter form { margin-top:2rem; position:relative; font-size:1.6em; line-height:1; height:auto; }
section.home-newsletter form .reponse { font-size:0.8em; line-height:1.2; color:rgba(220,220,220,1); }
section.home-newsletter label { z-index:1; position:relative; display:block; width:100%; height:auto; font-size:1em; margin:0; padding:0; }
section.home-newsletter label > span { top:50%; transform:translateY(-50%); z-index:2; position:absolute; display:block; left:calc(1.5em / 0.8); width:calc(100% - (1.5em + 6.5em) / 0.8); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:0.8em; line-height:1; background-color:rgba(58,58,58,1); color:rgba(158,158,158,1); padding:0.5em 0; }
section.home-newsletter label > input { z-index:1; font-weight:300; position:relative; display:block; margin:0; padding:0.7em 6.5em 0.7em calc(1.5em + 2px); border-radius:calc( (0.8em + (2 * 0.7em)) / 2 ); font-size:0.8em; line-height:1; outline:0; border:0; height:2.4em; background-color:rgba(58,58,58,1); color:rgba(158,158,158,1); }
section.home-newsletter form > button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; z-index:3; position:absolute; font-size:0.8em; top:50%; transform:translateY(-50%) scale(0.7); right:0.3em; transform-origin:center right; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border:1px solid rgba(98,177,145,1); }
body.desktop section.home-newsletter form > button:hover { background-color:rgba(255,255,255,1); color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }
section.help { display:block; margin:0 auto; padding-top:2rem; }
section.help > ul { list-style-type:none; margin-top:4rem; }
section.help > ul > li { margin-bottom:2rem; }
section.help h2, section.help h3, section.help h4, section.help h5, section.help h6 { font-weight:600; font-size:1em; padding-top:1em; padding-bottom:0.5em; }
section.help h2 { font-size:1.4em; text-transform:uppercase; padding-bottom:1em; }
section.help h3 { font-size:1em; text-transform:uppercase; color:rgba(98,177,145,1); }
section.help h4 { font-size:1em; text-transform:uppercase; display:inline; }
section.help b, section.help strong { font-weight:600; }
section.help a { font-weight:400; font-size:1.4em; color:rgba(98,177,145,1); }
section.legals { font-family:Quicksand, sans-serif; font-size:1em; font-weight:400; display:block; margin:0 auto; padding-top:2rem; }
section.legals h2, section.legals h3, section.legals h4, section.legals h5, section.legals h6 { font-family:Quicksand, sans-serif; font-weight:600; font-size:1em; padding-top:1em; padding-bottom:0.5em; }
section.legals h2 { font-size:1.4em; text-transform:uppercase; padding-bottom:1em; }
section.legals h3 { font-size:1.1em; text-transform:uppercase; }
section.legals h4 { text-transform:uppercase; }
section.legals p { text-align:justify; }
section.legals li { text-align:justify; }
section.legals b, section.legals strong { font-weight:600; }
section.auth { width:30%; margin:0 auto; }
section.auth h2 { margin:7rem 0 2rem 0; }


.section-auth { position:relative; display:block; margin:0 auto; padding:3rem 0; overflow:visible; }
.section-auth h2 { margin:3em 0 2em 0; font-weight:500; font-size:1.5em; }

.section-auth .intro { margin-bottom:1em; }
.section-auth .regles { margin-bottom:2em; font-weight:400; }
.section-auth .regles ul { margin:0; padding:0 0 0 0.9em; }
.section-auth .regles ul li { font-size:0.9em; margin:0; padding:0; list-style-type:disc; list-style-position outside; }
.section-auth .spam { display:block; margin-top:2em; font-size:0.8em; color:rgba(74,74,74,1); font-weight:300; }
.section-auth .retour { margin-bottom:1.5em; color:rgba(98,177,145,1); font-weight:600; }
.section-auth .erreur { }
.section-auth .required { font-size:calc(0.8 * 1rem); margin-top:1em; margin-left:0.3em; }

.section-auth form { font-size:0; position:relative; display:block; padding-bottom:0; }
.section-auth form > label { position:relative; font-size:1em; margin:0 0 0.5em 0; padding:0; display:inline-block; width:100%; }

// newsletter / consentementrgpd
.section-auth form > label.option { margin:0; }
.section-auth form > label.option.newsletter { margin-top:2em; }
.section-auth form > label.option.consentementrgpd { margin-top:1em; margin-bottom:2em; }
.section-auth form > label.option > span { font-size:0.9em; display:block; }
.section-auth form > label.option input { transform:scale(1) !important; }
.section-auth form > label.option > span:before { background-color:rgba(255,255,255,1) !important; }
.section-auth form > label.option > span:after { background-color:rgba(98,177,145,1) !important; }
.section-auth form > label:not(.option) > span { display:none; }

.section-auth input { outline:0; background-color:rgba(255,255,255,1); color:rgba(74,74,74,1); border:1px solid rgba(160,160,160,1); border-radius:0.5em; position:relative; display:block; width:100%; font-size:1em; height:auto; padding:0.3em 1em; margin:0; }

.section-auth label.username input, .section-auth label.password input { padding-left:4.5em; }
.section-auth label.username small, .section-auth label.password small { color:rgba(74,74,74,1); display:block; position:absolute; height:60%; left:1em; top:50%; transform:translateY(-50%); width:2.5em; border-right:1px solid rgba(160,160,160,1); }
.section-auth label.username small svg, .section-auth label.password small svg { position:absolute; width:1.5em; height:auto; left:0; top:50%; transform:translateY(-50%); }
.section-auth label.username small svg .highlight, .section-auth label.password small svg .highlight { fill:rgba(98,177,145,1); }

.section-auth label.password > i { position:absolute; right:1em; top:0; height:100%; width:2em; }
.section-auth label.password > i:after { content:''; display:block; position:absolute; height:60%; left:0; top:50%; transform:translateY(-50%); width:2em; background-image:url(https://alt.en2mots.ovh/_chartes_/alearnytime/ressources/images/auth/pwd-show.svg); background-size:1.5em; background-position: right center; background-repeat: no-repeat; }
.section-auth label.password.visible > i:after { background-image:url(https://alt.en2mots.ovh/_chartes_/alearnytime/ressources/images/auth/pwd-hide.svg); }

.section-auth label.nom, .section-auth label.prenom, .section-auth label.cp { width:50%; } 
.section-auth label.nom, .section-auth label.cp { padding-right:0.5em; } 
.section-auth label.prenom { padding-left:0.5em; } 

.section-auth form button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; margin-top:1rem; cursor:pointer; position:relative; background-color:rgba(98,177,145,1); border:1px solid rgba(98,177,145,1); color:rgba(255,255,255,1); display:block; width:auto; transform:translateX(-100%); left:100%; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; }
body.desktop section.section-auth form button:hover { background-color:rgba(255,255,255,1); border-color:rgba(98,177,145,1); color:rgba(98,177,145,1); }

.section-auth #ul-auth { width:calc(100% - 10em); list-style-type:none; margin:0; transform:translateY(-2em); }
.section-auth #ul-auth button { text-align:left; cursor:pointer; font-size:1em; background-color:transparent; color:rgba(74,74,74,1); padding:0; margin:0; border:0; transition:color 300ms linear; }
body.desktop .section-auth #ul-auth button:hover { background-color:transparent; color:rgba(98,177,145,1); }

.section-auth .inscription { margin-top:2em; font-size:1.1em; font-weight:500; line-height:1.5; }
.section-auth .inscription button { cursor:pointer; line-height:1; position:relative; display:inline-block; vertical-align:middle; height:2em; width:2em; padding:0; margin:0 0 0 1em; background-color:rgba(98,177,145,1); border:1px solid rgba(98,177,145,1); color:rgba(255,255,255,1); border-radius:50%; border:1px solid; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; }
body.desktop .section-auth .inscription button:hover { background-color:rgba(255,255,255,1); border-color:rgba(98,177,145,1); color:rgba(98,177,145,1); }
.section-auth .inscription button > svg { stroke-width:5; position:absolute; width:50%; height:auto; left:50%; top:50%; transform:translate(-47%,-50%); }

.section-auth button.goback { position:absolute; left:calc(100% - 12em); bottom:0; background-color:rgba(128,128,128,1); border-color:rgba(128,128,128,1); display:inline-block; width:2.6em; height:2.6em; padding:0; margin:0; transform:none; border-radius:50%; }
body.desktop .section-auth button.goback:hover { background-color:rgba(255,255,255,1); border-color:rgba(128,128,128,1); color:rgba(128,128,128,1); }
.section-auth button.goback svg { stroke-width:5; position:absolute; left:50%; top:50%; width:50%; height:auto; transform:translate(-60%, -50%) rotate(180deg); }

.section-auth button.back { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; cursor:pointer; position:relative; background-color:rgba(98,177,145,1); border:1px solid rgba(98,177,145,1); color:rgba(255,255,255,1); display:block; width:auto; margin-top:1rem; display:block; width:auto; left:0; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; }
body.desktop section.section-auth button.back:hover { background-color:rgba(255,255,255,1); border-color:rgba(98,177,145,1); color:rgba(98,177,145,1); }

#page-compte.section-auth label.username input { cursor:not-allowed; background-color:rgba(0,0,0,0.1); }


.section-espaceperso { width:90%; max-width:90%; padding:3rem 10%; margin:0 auto; }
.section-espaceperso h2 { display:none; }
.section-espaceperso .connected { font-size:calc(1.2 * 0.8rem); font-weight:400; }
.section-espaceperso form.formexit { padding-bottom:3rem; }
.section-espaceperso form.formexit:before { content:''; position:absolute; left:0; right:0; top:8em; height:0.75px; background-color:rgba(128,128,128,1); }
.section-espaceperso form.formexit button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; position:relative; display:block; cursor:pointer; width:auto; font-size:calc(1.2 * 0.8rem); text-transform:none; transform:translate(-100%, -100%); left:100%; background-color:transparent; border:1px solid rgba(98,177,145,1); color:rgba(98,177,145,1); padding:0.5em 1em; margin:0.5em 0 0 0; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; }
body.desktop .section-espaceperso form.formexit button:hover { background-color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); color:rgba(255,255,255,1); }

.section-espaceperso button.tuto { cursor:pointer; z-index:10; color:rgba(74,74,74,1); width: 3em; height: 3em; position: absolute; right: 1.5em; top: 1.5em; }
body.desktop .section-espaceperso button.tuto:hover { color:rgba(98,177,145,1); }
.notinversion button.tuto { display:none; }

.section-espaceperso .tools { margin-bottom:4em; transform:none; width:100%; display:flex; flex-wrap:wrap; justify-content: left; }
.section-espaceperso .tools > div { flex:1; margin:1em 1em; min-width:calc(50% - 1em); max-width:calc(50% - 1em); border:1px solid rgba(74,74,74,1); border-radius:0.5em; padding:1em 2em 1em 2em; }
.section-espaceperso .tools > div:nth-of-type(1) { margin-left:0; }
.section-espaceperso .tools > div:nth-of-type(2) { margin-right:0; }
.section-espaceperso .tools h3 { font-size:1.4em; color:rgba(98,177,145,1); }
.section-espaceperso .tools h3 > b, .section-espaceperso .tools h3 > strong { font-weight:300; display:block; text-transform:uppercase; font-size:1.5em; }
.section-espaceperso .tools > div > button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; text-transform:none; font-size:1em; position:absolute; right:1.5em; top:1.8em; display:inline-block; width:auto; color:rgba(255,255,255,1); background-color:rgba(98,177,145,1); border:1px solid rgba(98,177,145,1); padding-left:2em; padding-right:2em; }
body.desktop .section-espaceperso .tools > div > button:hover { color:rgba(98,177,145,1); background-color:rgba(255,255,255,1); border-color:rgba(98,177,145,1); }

.section-espaceperso .tools .attente { display:inline-block; width:auto; margin:1em 0; font-weight:600; padding-right:3em; }
.section-espaceperso .tools .attente > span { position:absolute; width:2em; height:2em; right:0; top:50%; transform:translateY(-50%); background-color:rgba(244,0,0,1); color:rgba(255,255,255,1); border-radius:50%; }
.section-espaceperso .tools .attente > span > span { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }

.section-espaceperso .tools .discussion { display:block; position:relative; padding-left:4em; padding-right:0; }
.section-espaceperso .tools .discussion span.avatar { z-index:4; position:absolute; display:block; left:0; top:1em; display:block; width:3em; height:3em; }
.section-espaceperso .tools .discussion div.identification { line-height:1; padding:2em 0 1em 0; }
.section-espaceperso .tools .discussion div.identification span { position:relative; display:inline-block; font-weight:600; }
.section-espaceperso .tools .discussion div.identification span:last-of-type { position:absolute; right:0; }
.section-espaceperso .tools .discussion div.identification span.nonlu:before { content:''; background-color:rgba(98,177,145,1); border-radius:50%; height:0.5em; width:0.5em; position:absolute; left:-1em; top:50%; transform:translateY(-50%); }
.section-espaceperso .tools .discussion div.objet { font-weight:600; padding-bottom:0.5em; }
.section-espaceperso .tools .discussion div.objet { color:rgba(98,177,145,1); }
.section-espaceperso .tools .discussion div.objet.stagiaire { color:rgba(98,177,145,1); }
.section-espaceperso .tools .discussion div.objet.formateur { color:rgba(241,83,83,1); }
.section-espaceperso .tools .discussion div.message { font-weight:300; }

.section-espaceperso .tools .prochain { display:block; margin:1em 0; }
.section-espaceperso .tools .prochain h4 { font-weight:400; margin:1.5em 0 1em 0; }

.section-espaceperso .tools .prochain .date { margin-bottom:0.8em; font-size:1.1em; font-weight:600; }
.section-espaceperso .tools .prochain .date > span:nth-of-type(1) { font-weight:600; }
.section-espaceperso .tools .prochain .date > span:nth-of-type(2) { font-weight:600; padding-left:0.8em; font-size:0.6em; color:rgba(98,177,145,1); }


.section-espaceperso .tools .prochain { display:block; margin:0.5em 0 0 0; padding:0; overflow:visible; }
.section-espaceperso .tools .prochain > a { font-size:0; display:block; width:100%; }
.section-espaceperso .tools .prochain > a > div { display:inline-block; vertical-align:middle; margin:0.5em 1em 0.5em 0; }

.section-espaceperso .tools .prochain > a > div.role { width:10em; }
.section-espaceperso .tools .prochain > a > div.horaires { width:7em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500; }
.section-espaceperso .tools .prochain > a > div.titre { margin-right:0; width:calc(100% - 10em - 7em - ( 2 * 1em ) ); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }


.section-espaceperso .tools .prochain > a.formateur div.role > span { background-color:rgba(241,83,83,1); }
.section-espaceperso .tools .prochain > a.stagiaire div.role > span { background-color:rgba(98,177,145,1); }
.section-espaceperso .tools .prochain > a div.role > span:first-of-type { z-index:2; text-transform:capitalize; color:rgba(255,255,255,1); position:absolute; width:2.8em; height:2.8em; border-radius:50%; border:3px solid rgba(255,255,255,1); left:-3px; top:50%; transform:translateY(-50%); }
.section-espaceperso .tools .prochain > a div.role > span > b { text-transform:uppercase; font-size:1.2em; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.section-espaceperso .tools .prochain > a div.role > span:last-of-type { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; z-index:1; text-transform:capitalize; color:rgba(255,255,255,1); width:auto; padding: 0.5em 1.3em 0.5em 3.3em; }


.section-espaceperso #ul-auth { transform:none; width:90%; margin:0 auto; }
.section-espaceperso #ul-auth > li button { color:rgba(255,255,255,1); background-color:rgba(98,177,145,1); border:1px solid rgba(98,177,145,1); text-align:left; font-size:1.4em; line-height:1.3; cursor:pointer; position:relative; display:block; width:100%; padding:2em 2em; margin:0; border-radius:0.5em; border:1px solid; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; }
body.desktop .section-espaceperso #ul-auth > li button:hover { background-color:rgba(255,255,255,1); border-color:rgba(98,177,145,1); color:rgba(98,177,145,1); }
.section-espaceperso #ul-auth > li button > b, #page-espaceperso.section-espaceperso #ul-auth > li button > strong { font-weight:300; display:block; text-transform:uppercase; font-size:1.5em; }

.section-espaceperso #ul-auth { list-style-type:none; display:flex; flex-wrap:wrap; justify-content: center; }
.section-espaceperso #ul-auth > li { flex:1; margin:1em 1em; min-width:calc(33% - 2em); max-width:calc(33% - 2em); }

.section-espaceperso article.securite div.username span:last-of-type { font-weight:600; margin-left:2em; }
.section-espaceperso article.securite button { diplay:inline-block; vertical-align:middle; width:auto; cursor:pointer; border:1px solid rgba(98,177,145,1); background-color:rgba(98,177,145,1); color:#fff; margin:1em 0 3em 0; padding:0.7em 2em; border-radius:2.4em; line-height:1; text-align:center; text-transform:uppercase; font-weight:400; transition:background-color 300ms linear, border-color 300ms linear, color 300ms linear; }
body.desktop .section-espaceperso article.securite button:hover { color:rgba(98,177,145,1); background-color:#fff;  }
.section-espaceperso article.securite button:last-of-type { margin-bottom:0; border-color:rgba(236,151,31,1); background-color:rgba(236,151,31,1); color:#fff; }
body.desktop .section-espaceperso article.securite button:last-of-type:hover { color:rgba(236,151,31,1); background-color:#fff;  }

.section-espaceperso article label.notifemail > span, .section-espaceperso article label.notifemail > input { display:inline-block; vertical-align:middle; }
.section-espaceperso article label.notifemail > span { width:auto; padding-left:0; }
.section-espaceperso article label.notifemail > input { width:20em; }

.section-espaceperso article.avatar { z-index:2; text-align:center; padding-bottom:2em; }
.section-espaceperso article.avatar > span.avatar { display:block; width:100%; height:0; padding-bottom:100%; margin:0 auto; }
.section-espaceperso article.avatar > span.prenom { display:block; font-size:1.2em; font-weight:600; text-align:center; padding:0.5em 0; }

.section-espaceperso article.avatar form { position:absolute; display:inline-block; left:70%; top:70%; width:30%; height:30%; border-radius:50%; overflow:hidden; background-color:#fff; }
.section-espaceperso article.avatar form.formdel { left:90%; top:50%; width:20%; height:20%; }
.section-espaceperso article.avatar form.formdel > button { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; border:0; background-color:rgba(98,177,145,1); color:#fff; border-radius:50%; width:80%; height:80%; overflow:hidden; margin-left:0; }

.section-espaceperso article.avatar label.upload { position:relative; margin:0; width:100%; height:100%; border-radius:50%; overflow:hidden; }
.section-espaceperso article.avatar label.upload > div { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; border-radius:50%; overflow:hidden; width:80%; height:80%; padding:0; margin:0; }
.section-espaceperso article.avatar label.upload > div > svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:50%; height:auto; }

.section-espaceperso article.video .controls { width:100%; height:0; margin-top:1em; padding-bottom:calc(100% * 9 / 14); overflow:hidden; border:0; background-color:#000; }
.section-espaceperso article.video .controls > iframe { position:absolute; left:0; top:0; width:100%; height:100%; border:0; }

.section-espaceperso button.preview { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; font-size:0.8em; text-transform:uppercase; margin-top:4em; border:1px solid #ccc; }
body.desktop .section-espaceperso button.preview:hover { background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border-color:rgba(98,177,145,1); }

.section-espaceperso article ul { list-style-type:none; }
.section-espaceperso article ul > li { margin-top:0.5em; }
.section-espaceperso article ul > li:first-of-type { margin-top:1.5em; }

.section-espaceperso article { z-index:1; clear:both; }
.section-espaceperso article div.fieldset { clear:both; position:relative; padding:2em; border:1px solid #666; border-radius:1em; margin-bottom:2em; }
.section-espaceperso article h3 { font-size:1.4em; padding-bottom:1em; font-weight:600; }

.section-espaceperso article form { position:relative; display:inline-block; vertical-align:bottom; width:100%; max-width:100%; }
.section-espaceperso article form:after { content:''; position:relative; display:block; clear:both; }
.section-espaceperso article form > span { font-weight:600; width:auto; margin:0 0.3em; display:inline-block; vertical-align:bottom; padding-bottom:0.5em; }
.section-espaceperso article label { position:relative; display:inline-block; vertical-align:bottom; margin-bottom:0; width:100%; }
.section-espaceperso article label > span { display:block; padding:0.5em 0.5em 0.3em 0.5em; }
.section-espaceperso article label > span > span.asterisque { color:rgba(98,177,145,1); }

.section-espaceperso article input, .section-espaceperso article textarea, .section-espaceperso article select { font-family:Quicksand, sans-serif; font-size:1em; font-weight:400; display:inline-block; vertical-align:middle; background-color:rgba(255,255,255,1); border:1px solid rgba(60,60,60,1); border-radius:5px; padding:0.2em 0.5em 0.1em 0.5em; outline:0; }
.section-espaceperso article input, .section-espaceperso article select { line-height:2; height:2.5em; }
.section-espaceperso article textarea { line-height:1.2; height:8em; }

.section-espaceperso select.order { width:auto; font-family:Quicksand, sans-serif; font-size:1em; font-weight:400; display:inline-block; vertical-align:middle; background-color:rgba(255,255,255,1); border:1px solid rgba(200,200,200,1); border-radius:5px; padding:0.2em 0.5em 0.1em 0.5em; outline:0;  }
.section-espaceperso button.swaporder { width:auto; display:inline-block; vertical-align:middle; color:rgba(74,74,74,1); margin-left:1em; height:2em; width:auto; }
body.desktop .section-espaceperso button.swaporder:hover { color:rgba(98,177,145,1); }

.section-espaceperso article label.option > div { position:relative; display:inline-block; width:auto; margin:0.7em 0; }
.section-espaceperso article label.option > div > input, .section-espaceperso article label.option > div > span { position:relative; display:inline-block; vertical-align:middle; height:1em; line-height:1; }
.section-espaceperso article label.option > div > span { font-weight:600; }
.section-espaceperso article label.option > div > span:before { background-color:rgba(255,255,255,1) !important; }
.section-espaceperso article label.option > div > span:after { background-color:rgba(98,177,145,1) !important; }

.section-espaceperso article label.level > select { z-index:1; position:absolute; bottom:0; opacity:0; height:1px; }
.section-espaceperso article .level > div { z-index:2; position:relative; display:block; height:2.2em; width:100%; stroke-width:3; background-color:#fff; color:rgba(220,220,220,1); }
.section-espaceperso article .level > div > svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:100%; height:auto; }
.section-espaceperso article label.level > div > svg { cursor:pointer; }

.section-espaceperso article .level > div > svg circle,
.section-espaceperso article .level > div > svg line { transition:stroke 300ms ease, color 300ms ease; }

.section-espaceperso article .level > div.val1 > svg circle:nth-of-type(1),
.section-espaceperso article .level > div.val2 > svg circle:nth-of-type(1),
.section-espaceperso article .level > div.val3 > svg circle:nth-of-type(1),
.section-espaceperso article .level > div.val2 > svg circle:nth-of-type(2),
.section-espaceperso article .level > div.val3 > svg circle:nth-of-type(2),
.section-espaceperso article .level > div.val2 > svg line:nth-of-type(1),
.section-espaceperso article .level > div.val3 > svg line:nth-of-type(1),
.section-espaceperso article .level > div.val3 > svg circle:nth-of-type(3),
.section-espaceperso article .level > div.val3 > svg line:nth-of-type(2) { stroke:rgba(98,177,145,1); }

body.desktop .section-espaceperso article label.level > div.val3.hov1 > svg circle,
body.desktop .section-espaceperso article label.level > div.val3.hov1 > svg line,
body.desktop .section-espaceperso article label.level > div.val2.hov1 > svg circle,
body.desktop .section-espaceperso article label.level > div.val2.hov1 > svg line,
body.desktop .section-espaceperso article label.level > div.val3.hov2 > svg circle,
body.desktop .section-espaceperso article label.level > div.val3.hov2 > svg line { stroke:rgba(220,220,220,1); }

body.desktop .section-espaceperso article label.level > div > svg circle:hover { stroke:rgba(98,177,145,1); }
body.desktop .section-espaceperso article label.level > div.hov1 > svg circle:nth-of-type(1),
body.desktop .section-espaceperso article label.level > div.hov2 > svg circle:nth-of-type(1),
body.desktop .section-espaceperso article label.level > div.hov3 > svg circle:nth-of-type(1),
body.desktop .section-espaceperso article label.level > div.hov2 > svg circle:nth-of-type(2),
body.desktop .section-espaceperso article label.level > div.hov3 > svg circle:nth-of-type(2),
body.desktop .section-espaceperso article label.level > div.hov2 > svg line:nth-of-type(1),
body.desktop .section-espaceperso article label.level > div.hov3 > svg line:nth-of-type(1),
body.desktop .section-espaceperso article label.level > div.hov3 > svg circle:nth-of-type(3),
body.desktop .section-espaceperso article label.level > div.hov3 > svg line:nth-of-type(2) { stroke:rgba(98,177,145,1); }

label > ul.ajaxresults { z-index:10; position:absolute; top:calc(100% + 3px); left:0; width:100%; background-color:rgba(255,255,255,1); max-height:0; opacity:0; transition:max-height 300ms linear, opacity 300ms linear; border:1px solid rgba(60,60,60,1); border-radius:5px; overflow:hidden; list-style-type:none; line-height:1.4; overflow-y:auto; }
label > ul.ajaxresults li { font-size:1em; cursor:pointer; padding:0.5em 1em; margin:0; white-space:nowrap; text-overflow:ellipsis; width:100%; overflow:hidden; }
.mainsearch label > ul.ajaxresults li { font-size:0.7em; }
label > ul.ajaxresults li:first-of-type { margin-top:1.5em; }
label > ul.ajaxresults li span { position:relative; display:inline; margin:0; padding:0; }
label > ul.ajaxresults li span.key, label > ul.ajaxresults li span.cp, label > ul.ajaxresults li span.ville { position:absolute; left:0; top:0; opacity:0; height:1px; width:1px; overflow:hidden; }
body.desktop label > ul.ajaxresults li:hover { background-color:rgba(250,250,250,1); }
label.showresults > ul.ajaxresults { max-height:20em; opacity:1; }
label.ajaxwhere > ul.ajaxresults li span.distanciel { font-weight:600; color:rgba(98,177,145,1); }
label.ajaxwhere > ul.ajaxresults li span.distanciel:before { content:'-'; display:inline; padding-right:1em; color:rgba(98,177,145,1); }
label.ajaxwhere > ul.ajaxresults li span.distanciel:after { content:'-'; display:inline; padding-left:1em; color:rgba(98,177,145,1); }
label.ajaxwhere > ul.ajaxresults li span.presentiel { font-weight:600; color:rgba(98,177,145,1); }
label.ajaxwhere > ul.ajaxresults li span.presentiel:before { content:'-'; display:inline; padding-right:1em; color:rgba(98,177,145,1); }
label.ajaxwhere > ul.ajaxresults li span.presentiel:after { content:'-'; display:inline; padding-left:1em; color:rgba(98,177,145,1); }

.section-espaceperso article form.multi:not(.formnew) { width:auto; max-width:calc(100% - 4em); }
.section-espaceperso article form.multi.formnew label { max-width:calc(100% - 4em); }

.section-espaceperso article .btncontact { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border:1px solid rgba(98,177,145,1); }
body.desktop .section-espaceperso article .btncontact:hover { background-color:rgba(255,255,255,1); color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }

.section-espaceperso article .formnew, .section-espaceperso article .divforms { width:auto; }
.section-espaceperso article .formnew > button { display:inline-block; vertical-align:bottom; padding:0; color:rgba(98,177,145,1); width:2.5em; height:2.5em; border:1px solid; border-radius:5px; margin-left:1em; }
body.desktop .section-espaceperso article .formnew > button:hover { background-color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); color:#fff; }
.section-espaceperso article .formnew > button > svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:50%; height:50%; stroke-width:10; }

.section-espaceperso article .formupload, .section-espaceperso article .btnupload { display:inline-block; vertical-align:middle; width:auto; }
.section-espaceperso article .btnupload { margin-right:1em; }
.section-espaceperso article .btnupload button, .section-espaceperso article label.upload > div { cursor:pointer; border:1px solid rgba(98,177,145,1); background-color:rgba(98,177,145,1); color:#fff; width:100%; padding:0.7em 2em; border-radius:2.4em; line-height:1; text-align:center; text-transform:uppercase; font-weight:400; transition:background-color 300ms linear, border-color 300ms linear, color 300ms linear; }
body.desktop .section-espaceperso article .btnupload button:hover, body.desktop .section-espaceperso article label.upload > div:hover { color:rgba(98,177,145,1); background-color:#fff;  }
.section-espaceperso article input[type=file] { display: none; }

.section-espaceperso article .formdel { display:inline-block; vertical-align:middle; }
.section-espaceperso article .formdel { width:auto; transition:max-height 300ms ease; }
.section-espaceperso article .formdel > button { display:inline-block; vertical-align:bottom; padding:0; color:rgba(120,120,120,1); width:2.5em; height:2.5em; border:1px solid; border-radius:5px; margin-left:1em; }
body.desktop .section-espaceperso article .formdel > button:hover { background-color:rgba(236,151,31,1); border-color:rgba(236,151,31,1); color:#fff; }
.section-espaceperso article .formdel > button > svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:90%; height:90%; }

.section-espaceperso article ul.single > li:first-of-type { padding-top:0; }

.section-espaceperso article.recommandations li { padding-left:5em; min-height:3em; margin-top:2em; }
.section-espaceperso article.recommandations .avatar { position:absolute; left:0; top:0; width:3em; height:3em; }
.section-espaceperso article.recommandations .identification { line-height:1; font-weight:600; padding:1em 0; }
.section-espaceperso article.recommandations .reco.wait { color:rgba(200,200,200,1); }

.section-espaceperso article .formshowhide { display:inline-block; vertical-align:top; width:auto; }
.section-espaceperso article .formshowhide > button { display:inline-block; vertical-align:top; padding:0; color:rgba(120,120,120,1); width:2.5em; height:2.5em; border:1px solid; border-radius:5px; margin-left:1em; }
.section-espaceperso article .formshowhide > button > svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:70%; height:70%; }

.section-espaceperso article .formshowhide > button { color:rgba(236,151,31,1); }
.section-espaceperso article .formshowhide > button > svg g:nth-of-type(1) { opacity:0; }
.section-espaceperso article .formshowhide > button > svg g:nth-of-type(2) { opacity:1; }
body.desktop .section-espaceperso article .formshowhide > button:hover { background-color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); color:rgba(255,255,255,1); }
body.desktop .section-espaceperso article .formshowhide > button:hover > svg g:nth-of-type(1) { opacity:1; }
body.desktop .section-espaceperso article .formshowhide > button:hover > svg g:nth-of-type(2) { opacity:0; }

.section-espaceperso article .formshowhide.display > button { color:rgba(98,177,145,1); }
.section-espaceperso article .formshowhide.display > button > svg g:nth-of-type(1) { opacity:1; }
.section-espaceperso article .formshowhide.display > button > svg g:nth-of-type(2) { opacity:0; }
body.desktop .section-espaceperso article .formshowhide.display > button:hover { background-color:rgba(236,151,31,1); border-color:rgba(236,151,31,1); color:rgba(255,255,255,1); }
body.desktop .section-espaceperso article .formshowhide.display > button:hover > svg g:nth-of-type(1) { opacity:0; }
body.desktop .section-espaceperso article .formshowhide.display > button:hover > svg g:nth-of-type(2) { opacity:1; }


.profilpublic article.avatar div.video { position:absolute; display:inline-block; left:70%; top:70%; width:30%; height:30%; border-radius:50%; overflow:hidden; background-color:#fff; }
.profilpublic article.avatar div.video > button { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; border:0; background-color:rgba(98,177,145,1); color:#fff; border-radius:50%; width:80%; height:80%; overflow:hidden; margin-left:0; }
.profilpublic article.avatar div.video > button svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:60%; height:auto; }

.profilpublic article.avatar div.links > button { font-size:0.9em; text-transform:uppercase; margin-top:4em; padding:0.5em 1em; border:1px solid #ccc; border-radius:0.3em; }
.profilpublic article.avatar div.links > h3 { margin-top:2em; margin-bottom:0.5em; padding:0; font-weight:600; font-size:1em; }
.profilpublic article.avatar div.links > ul > li { display:inline-block; vertical-align:middle; margin:0; padding:0; padding-right:0.5em; color:rgba(98,177,145,1); }
.profilpublic article.avatar div.links > ul > li:last-of-type { padding-right:0; }
.profilpublic article.avatar div.links > ul > li button { height:2em; width:2em; }
.profilpublic article.avatar div.links > ul > li button svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:100%; height:100%; }

.profilpublic article.profil h3 { font-size:1.5em; padding:0.5em 0; margin-bottom:1em; display:inline-block; width:auto; padding-right:2em; }
.profilpublic article.profil h3 span { display:block; font-weight:300; padding-top:0.2em; }

.profilpublic article.profil span.sharebtns  { position:relative; display:inline-block; vertical-align:top; margin-top:0.75em; width:auto; }
.profilpublic article.profil form.favori { margin-right:2em; margin-left:2em; }

.profilpublic article.profil button.btncontact { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; position:absolute; top:0; right:0; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border:1px solid rgba(98,177,145,1); }
body.desktop .profilpublic article.profil button.btncontact:hover { background-color:rgba(255,255,255,1); color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }

.profilpublic article.profil div.localisation > svg { display:inline-block; vertical-align:middle; height:1em; width:auto; color:rgba(98,177,145,1); padding-right:0.5em; }
.profilpublic article.profil div.localisation > span { display:inline-block; vertical-align:middle; padding:0; }
.profilpublic article.profil div.localisation > span:first-of-type { font-weight:600; }

.profilpublic article.profil div.accroche { font-weight:600; padding-top:1.5em; }
.profilpublic article.profil div.presentation { padding-top:1.5em; }

.profilpublic article.accordion { margin-top:2em; }
.profilpublic article.accordion h3 { font-size:1em; }
.profilpublic article.accordion h3 > span { font-size:1.2em; display:inline-block; vertical-align:middle; color:rgba(98,177,145,1); }
.profilpublic article.accordion h3 > svg { cursor:pointer; display:inline-block; vertical-align:middle; position:relative; padding-left:2em; height:0.8em; width:auto; color:rgba(74,74,74,1); stroke-width:10; }
.profilpublic article.accordion > div { height:auto; max-height:0; overflow:hidden; transition: max-height 500ms ease; }
.profilpublic article.accordion.open > div { max-height:100vh; max-height:initial; }
.profilpublic article.accordion h3 > svg > line:nth-of-type(1) { opacity:1; transition:opacity 0ms ease; }
.profilpublic article.accordion.open h3 > svg > line:nth-of-type(1) { opacity:0; }

.profilpublic article.accordion h4 { font-size:1.2em; }
.profilpublic article.accordion ul.listeplus > li:first-of-type { margin-top:3em; }
.profilpublic article.accordion ul.listeplus > li:not(:last-of-type) { margin-bottom:1.5em; }
.profilpublic article.accordion ul.listeplus > li h5 { font-size:1em; display:inline-block; vertical-align:middle; width:auto; padding-right:1em; }
.profilpublic article.accordion ul.listeplus > li span { font-size:1em; display:inline-block; vertical-align:middle; width:auto; padding-right:1em; }

.profilpublic article div.fieldset.more { padding-bottom:calc(2em + 3em); overflow:hidden; }
.profilpublic article div.fieldset.more > button { position:absolute; border:0; left:0; right:0; bottom:0; height:auto; display:block; padding:1em; line-height:1; text-transform:uppercase; border-top:1px solid rgba(120,120,120,1); color:rgba(98,177,145,1); transition:color 300ms ease, background-color 300ms ease; }
body.desktop .profilpublic article div.fieldset.more > button:hover { color:rgba(255,255,255,1); background-color:rgba(98,177,145,1); }

.profilpublic article div.fieldset.more > button span:nth-of-type(1) { display:block; }
.profilpublic article div.fieldset.more > button span:nth-of-type(2) { display:none; }
.profilpublic article div.fieldset.more > ul > li { display:none; }
.profilpublic article div.fieldset.more > ul > li:nth-of-type(1) { display:block; }
.profilpublic article div.fieldset.more > ul > li:nth-of-type(2) { display:block; }
.profilpublic article div.fieldset.more > ul > li:nth-of-type(3) { display:block; }
.profilpublic article div.fieldset.more.open > ul > li { display:block; }
.profilpublic article div.fieldset.more.open > button span:nth-of-type(1) { display:none; }
.profilpublic article div.fieldset.more.open > button span:nth-of-type(2) { display:block; }



.profilpublic article div.fieldset.competences div.level { display:inline-block; vertical-align:middle; width:10em; height:auto; }


.profilpublic article div.fieldset.experiences li h5 { width:100%; padding-bottom:0.5em; }
.profilpublic article div.fieldset.experiences li span.periode { padding-bottom:0.5em; }


.profilpublic article div.fieldset.recommandations li { padding-left:5em; min-height:3em; margin-top:2em; }
.profilpublic article div.fieldset.recommandations .avatar { position:absolute; left:0; top:0; width:3em; height:3em; }
.profilpublic article div.fieldset.recommandations .identification { line-height:1; font-weight:600; padding:1em 0; }



section#page-messagerie { font-size:0; padding:3rem 0; }
section#page-messagerie > div { width:100%; padding:0; display:inline-block; vertical-align:top; }

section#page-messagerie a.goback { z-index:3; position:absolute; display:block; left:0; top:1px; line-height:1; background-color:rgba(255,255,255,1); }
section#page-messagerie a.goback > span { display:inline-block; vertical-align:middle; }
section#page-messagerie a.goback > span:nth-of-type(1) { width:1.8em; padding-left:0.7em; height:1.6em; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border-radius:0 0.3em 0.3em 0; }
section#page-messagerie a.goback > span:nth-of-type(1) svg { top:50%; transform:translateY(-50%); position:absolute; height:50%; width:auto; stroke-width:8; }
section#page-messagerie a.goback > span:nth-of-type(1) svg polyline { transform-origin:center center; transform:rotate(180deg); }
section#page-messagerie a.goback > span:nth-of-type(2) { font-weight:600; padding-left:0.2em; }

.alldiscussions form.echangessearch { z-index:2; position:absolute; top:0; left:0; width:100%; padding:0 2em; }
.alldiscussions form.echangessearch input { background-color:rgba(255,255,255,1); border:1px solid rgba(120,120,120,1); border-radius:0.3em; line-height:1; padding:0.5em 1em; outline:0; }
.alldiscussions form.echangessearch button { position:absolute; top:50%; transform:translateY(-50%); right:2.8em; width:1.2em; height:1.2em; color:rgba(98,177,145,1); }
.alldiscussions form.echangessearch button svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:100%; height:100%; }

.alldiscussions > div.vide { width:100%; font-weight:600; text-align:center; padding-top:2em; }

.alldiscussions ul { z-index:1; list-style-type:none; overflow:auto; }
.alldiscussions ul li { display:block; margin:0.5em 0; }
.alldiscussions ul a.discussion { position:relative; display:block; padding:1em 1em 1em 5em; border-radius:1em 0 0 1em;  background-color:transparent; }

.alldiscussions ul > div { z-index:3; }
.alldiscussions ul span.avatar { z-index:4; position:absolute; display:block; left:1em; top:1em; display:block; width:3em; height:3em; }
.alldiscussions ul div.identification { line-height:1; padding:1em 0; }
.alldiscussions ul div.identification span { position:relative; display:inline-block; font-weight:600; }
.alldiscussions ul div.identification span:last-of-type { position:absolute; right:0; }
.alldiscussions ul div.identification span.nonlu:before { content:''; background-color:rgba(98,177,145,1); border-radius:50%; height:0.5em; width:0.5em; position:absolute; left:-1em; top:50%; transform:translateY(-50%); }
.alldiscussions ul div.objet { font-weight:600; padding-bottom:0.5em; }
.alldiscussions ul div.objet { color:rgba(98,177,145,1); }
.alldiscussions ul div.objet.stagiaire { color:rgba(98,177,145,1); }
.alldiscussions ul div.objet.formateur { color:rgba(241,83,83,1); }
.alldiscussions ul div.message { font-weight:300; }

.allmessages:before { z-index:2; content:''; position:absolute; left:0; top:0; right:0; height:0; background-color:#fff; }
.allmessages:after { z-index:2; content:''; position:absolute; left:0; top:0; right:0; height:2em; background:linear-gradient(to bottom, #fff, transparent); }


.allmessages ul { z-index:1; list-style-type:none; overflow:auto; padding-top:1em; }

.allmessages ul li { display:block; margin:0.5em 0 2em 0; text-align:center; }
.allmessages ul li > span.date { display:inline-block; width:auto; text-align:center; color:#666; border:1px solid rgba(98,177,145,1); padding:0.5em 1em; border-radius:calc( (1em + (2 * 0.5em)) / 2 ); font-size:0.8em; line-height:1; margin-bottom:1em; }
.allmessages ul li div.message { display:block; width:45%; margin-left:5em; text-align:right; }
.allmessages ul li.you div.message { margin-left:45%; }
.allmessages ul li div.message > span.avatar { z-index:4; position:absolute; display:block; left:-3em; top:0.5em; width:2em; height:2em; }
.allmessages ul li div.message > span.time { font-size:0.7em; font-weight:600; padding:0 1em; display:inline-block; width:auto; text-align:center; color:rgba(98,177,145,1); }
.allmessages ul li div.message > div { background-color:rgba(98,177,145,0.2); border:0; border-radius:0 0.5em 0.5em 0.5em; padding:1em; text-align:left; }
.allmessages ul li.you div.message > div { background-color:rgba(255,255,255,1); border:1px solid #ccc; border-radius:0.5em 0 0.5em 0.5em; }
.allmessages ul li div.message a { color:rgba(98,177,145,1); font-weight:600; }
.allmessages ul li div.message > button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; font-size:0.8em; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border:1px solid rgba(98,177,145,1); width:auto; margin:1em auto 0 auto; }

.allmessages div.identification { z-index:12; position:absolute; right:1em; top:1em; line-height:1; height:3em; background-color:rgba(255,255,255,1); }
.allmessages div.identification span.prenom { top:50%; transform:translateY(-50%); position:relative; padding-right:6em; display:block; font-size:1em; font-weight:600; text-align:right; }
.allmessages div.identification span.avatar { top:50%; transform:translateY(-50%); position:absolute; display:block; right:2em; width:3em; height:3em; }
.allmessages div.identification span.chevron { top:50%; transform:translateY(-50%); position:absolute; display:block; right:0; width:auto; height:1.6em; color:rgba(98,177,145,1); stroke-width:5; }

form.sendmessage { padding:2em 3em; background-color:rgba(98,177,145,0.2); transform:translateX(-1px); border-radius:0 0 0 0.5em; }
form.sendmessage input { font-family:Quicksand, sans-serif; font-size:1em; font-weight:400; display:inline-block; background-color:rgba(255,255,255,1); border:1px solid rgba(255,255,255,1); border-radius:5px; padding:0.6em 0.5em 0.6em 0.5em; outline:0; line-height:1; }
form.sendmessage input { width:calc(100% - 4em); display:inline-block; vertical-align:middle; }

form.sendmessage button { display:inline-block; vertical-align:middle; padding:0; width:2.5em; height:2.5em; border:1px solid; border-radius:5px; margin-left:1em; background-color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); color:#fff; }
body.desktop form.sendmessage > button:hover { background-color:#fff; border-color:rgba(98,177,145,1); color:rgba(98,177,145,1); }
form.sendmessage > button > svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:50%; height:50%; stroke-width:10; }


section#page-messagerie > div.correspondant { padding-left:4em; }
div.correspondant span.avatar { z-index:4; position:absolute; display:block; left:0; top:1em; width:6em; height:6em; }
div.correspondant div.identification { line-height:1; height:9em; }
div.correspondant div.identification > a { top:50%; transform:translateY(-50%); display:inline-block; width:auto; position:relative; padding-left:8em; }
div.correspondant div.identification > a span  { display:block; font-size:1.6em; font-weight:600; padding-bottom:0.3em; }
div.correspondant div.identification > a span:nth-of-type(2)  { font-size:1.2em; font-weight:300; padding-bottom:0; }
div.correspondant div.accroche { display:block; font-size:1em; font-weight:600; padding-bottom:0.3em; }
div.correspondant div.presentation { display:block; font-size:1em; font-weight:300; }

div.correspondant .statut > h3 { font-size:1.2em; font-weight:900; color:#666; padding-top:1em; padding-bottom:1em; }
div.correspondant .statut > h3 > b { font-weight:900; color:rgba(98,177,145,1); }
div.correspondant .statut > span { display:inline-block; width:3em; height:3em; margin-right:0.5em; border-radius:50%; overflow:hidden;  }
div.correspondant .statut > span.stagiaire { background-color:rgba(98,177,145,1); }
div.correspondant .statut > span.formateur { background-color:rgba(241,83,83,1); }
div.correspondant .statut > span > span { left:50%; top:50%; transform:translate(-50%,-50%);; position:absolute; color:rgba(255,255,255,1); font-weight:900; font-size:1.6em; line-height:1; padding:0; margin:0; }



form.senddiscussion { padding:0; width:40em; text-align:right; }
form.senddiscussion label { display:block; text-align:left; }
form.senddiscussion label > span { display:inline-block; margin-bottom:0.3em; }
form.senddiscussion select { font-family:Quicksand, sans-serif; font-size:1em; font-weight:400; display:inline-block; background-color:rgba(255,255,255,1); border:1px solid rgba(120,120,120,1); border-radius:5px; padding:0.6em 0.5em 0.6em 0.5em; outline:0; line-height:1; margin-bottom:1em; }
form.senddiscussion input { font-family:Quicksand, sans-serif; font-size:1em; font-weight:400; display:inline-block; background-color:rgba(255,255,255,1); border:1px solid rgba(120,120,120,1); border-radius:5px; padding:0.6em 0.5em 0.6em 0.5em; outline:0; line-height:1; margin-bottom:1em; }
form.senddiscussion textarea { font-family:Quicksand, sans-serif; font-size:1em; font-weight:400; display:inline-block; background-color:rgba(255,255,255,1); border:1px solid rgba(120,120,120,1); border-radius:5px; padding:0.6em 0.5em 0.6em 0.5em; outline:0; line-height:1.2; height:8em; }
form.senddiscussion textarea { width:100%; display:block; }

form.senddiscussion button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; display:inline-block; background-color:rgba(98,177,145,1); border:1px solid rgba(98,177,145,1); color:rgba(255,255,255,1); margin-top:1em; }
body.desktop form.senddiscussion > button:hover { background-color:rgba(255,255,255,1); border-color:rgba(98,177,145,1); color:rgba(98,177,145,1); }
form.senddiscussion > button > svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:50%; height:50%; stroke-width:10; }


form.changestatus { padding:0; width:40em; text-align:right; }
form.changestatus label { display:block; text-align:left; }
form.changestatus label > span { display:inline-block; margin-bottom:0.3em; }
form.changestatus select { font-family:Quicksand, sans-serif; font-size:1em; font-weight:400; display:inline-block; background-color:rgba(255,255,255,1); border:1px solid rgba(120,120,120,1); border-radius:5px; padding:0.6em 0.5em 0.6em 0.5em; outline:0; line-height:1; margin-bottom:1em; }
form.changestatus textarea { font-family:Quicksand, sans-serif; font-size:1em; font-weight:400; display:inline-block; background-color:rgba(255,255,255,1); border:1px solid rgba(120,120,120,1); border-radius:5px; padding:0.6em 0.5em 0.6em 0.5em; outline:0; line-height:1.2; height:8em; }
form.changestatus textarea { width:100%; display:block; }

form.changestatus button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; display:inline-block; background-color:rgba(98,177,145,1); border:1px solid rgba(98,177,145,1); color:rgba(255,255,255,1); margin-top:1em; }
body.desktop form.changestatus > button:hover { background-color:rgba(255,255,255,1); border-color:rgba(98,177,145,1); color:rgba(98,177,145,1); }
form.changestatus > button > svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:50%; height:50%; stroke-width:10; }

section#page-agenda { padding-top:2em; }
section#page-agenda h2 { display:block; font-size:1.5em; padding-bottom:1.5em; }
section#page-agenda h2 { display:none; }

section#page-agenda button.today { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; font-size:0.8em; display:inline-block; background-color:rgba(98,177,145,1); border:1px solid rgba(98,177,145,1); color:rgba(255,255,255,1); margin-bottom:2em; }
body.desktop section#page-agenda button.today:hover { background-color:rgba(255,255,255,1); border-color:rgba(98,177,145,1); color:rgba(98,177,145,1); }

.filtreprofil { margin-bottom:2em; }
.filtreprofil > span { display:inline-block; vertical-align:middle; }
.filtreprofil button { display:inline-block; vertical-align:middle; margin-left:1em; width:2em; height:2em; border-radius:50%; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); }
.filtreprofil button > span { font-weight:600; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.filtreprofil button:before { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:120%; height:120%; border-radius:50%; background-color:transparent; border: 1px solid rgba(98,177,145,1); }
.filtreprofil button.stagiaire { background-color:rgba(98,177,145,1); }
.filtreprofil button.stagiaire:before { border-color:rgba(98,177,145,1); }
.filtreprofil button.formateur { background-color:rgba(241,83,83,1); }
.filtreprofil button.formateur:before { border-color:rgba(241,83,83,1); }
.filtreprofil button:not(.display) { background-color:transparent; }
.filtreprofil button.stagiaire:not(.display) { color:rgba(98,177,145,1); }
.filtreprofil button.formateur:not(.display) { color:rgba(241,83,83,1); }
body.desktop .filtreprofil button.stagiaire.display:hover { background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); }
body.desktop .filtreprofil button.formateur.display:hover { background-color:rgba(241,83,83,1); color:rgba(255,255,255,1); }
body.desktop .filtreprofil button.stagiaire:not(.display):hover { background-color:transparent; color:rgba(98,177,145,1); }
body.desktop .filtreprofil button.formateur:not(.display):hover { background-color:transparent; color:rgba(241,83,83,1); }

section#page-agenda .calendars { width:100%; overflow:hidden; }
section#page-agenda .calendars > div { font-size:0; width:200%; transform:translateX(-25%); }
section#page-agenda .calendars > div > div { display:inline-block; vertical-align:top; width:25%; margin:0; padding:0 4em; text-align:center; }

section#page-agenda .calendars.goprev > div { transform:translateX(0); transition:transform 300ms ease; }
section#page-agenda .calendars.gonext > div { transform:translateX(-50%); transition:transform 300ms ease;  }

section#page-agenda .calendars button { position:absolute; top:0; width:2em; height:2em; border-radius:50%; border:1px solid rgba(74,74,74,1); background-color:rgba(255,255,255,1); color:rgba(74,74,74,1); transition:color 300ms ease, background-color 300ms ease; stroke-width:5; }
section#page-agenda .calendars button > svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:50%; height:50%; }
section#page-agenda .calendars button.goprev { left:0; transform:rotate(180deg); }
section#page-agenda .calendars button.gonext { right:0; }
body.desktop section#page-agenda .calendars button:hover { border-color:rgba(74,74,74,1); background-color:rgba(74,74,74,1); color:rgba(255,255,255,1); }
body.desktop section#page-agenda .calendars.fromgoprev button.goprev { border-color:rgba(74,74,74,1); background-color:rgba(74,74,74,1); color:rgba(255,255,255,1); transition:color 0ms ease, background-color 0ms ease; }
body.desktop section#page-agenda .calendars.fromgonext button.gonext { border-color:rgba(74,74,74,1); background-color:rgba(74,74,74,1); color:rgba(255,255,255,1); transition:color 0ms ease, background-color 0ms ease; }

/* CALENDAR */
div.calendarmonth { margin:0 auto; padding:0; width:100%; }
 
div.calendarmonth div.month { line-height:1; vertical-align:middle; width:100%; padding:0.5em calc( ((100% / 7) / 2) - 0.5em ); text-align:left; font-size:1.2em; font-weight:600; color:rgba(74,74,74,1); }
div.calendarmonth div.month span:last-of-type { padding-left:0.8em; font-size:0.6em; color:rgba(98,177,145,1); }

div.calendarmonth ul li { margin:0; padding:0; line-height:1; vertical-align:middle; float:left; list-style-type:none; width:calc(100% / 7); height:0; padding-bottom:calc(100% / 7); font-size:1em; background-color: transparent; text-align:center; }

div.calendarmonth ul.days li { font-weight:600; }
div.calendarmonth ul.days li:nth-of-type(6n) { color:rgba(98,177,145,1); }
div.calendarmonth ul.days li:nth-of-type(7n) { color:rgba(98,177,145,1); }
 
div.calendarmonth ul li > span { cursor:default; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; color:rgba(74,74,74,1); }
div.calendarmonth ul li > span > span { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

div.calendarmonth ul.dates li > span { cursor:pointer; width:2em; height:2em; }
div.calendarmonth ul.dates li.active > span:before { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:90%; height:90%; border-radius:50%; background-color:rgba(98,177,145,1); border: 1px solid rgba(98,177,145,1); }
div.calendarmonth ul.dates li.active > span { color:rgba(255,255,255,1); }

div.calendarmonth ul.dates li.stagiaire > span:after { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:110%; height:110%; border-radius:50%; border: 1px solid rgba(98,177,145,1); }
div.calendarmonth ul.dates li.formateur > span:after { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:110%; height:110%; border-radius:50%; border: 1px solid rgba(241,83,83,1); }

div.calendarmonth ul.dates li.stagiaire.formateur > span:before { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:90%; height:90%; border-radius:50%; border: 1px solid rgba(98,177,145,1); }
div.calendarmonth ul.dates li.active.stagiaire > span:before { background-color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }
div.calendarmonth ul.dates li.active.formateur > span:before { background-color:rgba(241,83,83,1); border-color:rgba(241,83,83,1); }
div.calendarmonth ul.dates li.active.stagiaire.formateur > span:before { background-color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }

/* ACTIVITES */

section#page-agenda a.goback { z-index:3; position:absolute; display:block; left:0; top:1px; line-height:1; background-color:rgba(255,255,255,1); }
section#page-agenda a.goback > span { display:inline-block; vertical-align:middle; }
section#page-agenda a.goback > span:nth-of-type(1) { width:1.8em; padding-left:0.7em; height:1.6em; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border-radius:0 0.3em 0.3em 0; }
section#page-agenda a.goback > span:nth-of-type(1) svg { top:50%; transform:translateY(-50%); position:absolute; height:50%; width:auto; stroke-width:8; }
section#page-agenda a.goback > span:nth-of-type(1) svg polyline { transform-origin:center center; transform:rotate(180deg); }
section#page-agenda a.goback > span:nth-of-type(2) { font-weight:600; padding-left:0.2em; }


section#page-agenda .activites h3 { display:block; font-size:1.4em; margin:1em 0; padding:1em 0; color:rgba(74,74,74,1); }

section#page-agenda .activites .date { margin-bottom:2em; font-size:1.3em; }
section#page-agenda .activites .date > span:nth-of-type(1) { font-weight:600; }
section#page-agenda .activites .date > span:nth-of-type(2) { font-weight:600; padding-left:0.8em; font-size:0.6em; color:rgba(98,177,145,1); }


section#page-agenda .activites ul { display:block; margin:0.5em 0 0 0; padding:0; overflow:visible; }
section#page-agenda .activites ul > li { font-size:0; }
section#page-agenda .activites ul > li > div { display:inline-block; vertical-align:middle; margin:2em 2em 2em 0; }

section#page-agenda .activites ul > li > div.role { width:10em; }
section#page-agenda .activites ul > li > div.horaires { width:14em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500; }
section#page-agenda .activites ul > li > div.titre { width:calc(100% - 10em - 14em - 8em - 6em - 8em - 6em - ( 6 * 2em ) ); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
section#page-agenda .activites ul > li > div.inscrits { width:8em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
section#page-agenda .activites ul > li > div.localisation { width:6em; }
section#page-agenda .activites ul > li > div.status { width:8em; text-align:center; }
section#page-agenda .activites ul > li > div.voir { width:6em; margin-right:0; text-align:center; }

section#page-agenda .activites ul > li.formateur div.role > span { background-color:rgba(241,83,83,1); }
section#page-agenda .activites ul > li.stagiaire div.role > span { background-color:rgba(98,177,145,1); }
section#page-agenda .activites ul > li div.role > span:first-of-type { z-index:2; text-transform:capitalize; color:rgba(255,255,255,1); position:absolute; width:2.8em; height:2.8em; border-radius:50%; border:3px solid rgba(255,255,255,1); left:-3px; top:50%; transform:translateY(-50%); }
section#page-agenda .activites ul > li div.role > span > b { text-transform:uppercase; font-size:1.2em; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
section#page-agenda .activites ul > li div.role > span:last-of-type { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; z-index:1; text-transform:capitalize; color:rgba(255,255,255,1); width:auto; padding: 0.5em 1.3em 0.5em 3.3em; }

section#page-agenda .activites ul > li > div.localisation > svg { height:1.2em; width:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
section#page-agenda .activites ul > li > div.localisation.presentiel > svg { height:1.6em; }

section#page-agenda .activites ul > li span.status { width:auto; font-size:0.8em; text-transform:uppercase; color:rgba(255,255,255,1); font-weight:600; padding:0.2em 0.6em; border-radius:5px; }
section#page-agenda .activites ul > li.formateur span.status { background-color:rgba(241,83,83,1); }
section#page-agenda .activites ul > li.stagiaire span.status { background-color:rgba(98,177,145,1); }
section#page-agenda .activites ul > li span.status.deleted { background-color:rgba(236,151,31,1); }

section#page-agenda .activites ul > li button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase;; text-transform:none; padding: 0.5em 1.3em 0.5em 1.3em; color:rgba(255,255,255,1); width:auto; border:1px solid; }
section#page-agenda .activites ul > li.formateur button { background-color:rgba(241,83,83,1); border-color:rgba(241,83,83,1); }
section#page-agenda .activites ul > li.stagiaire button { background-color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }

body.desktop section#page-agenda .activites ul > li.formateur button:hover { background-color:rgba(255,255,255,1); border-color:rgba(241,83,83,1); color:rgba(241,83,83,1); }
body.desktop section#page-agenda .activites ul > li.stagiaire button:hover { background-color:rgba(255,255,255,1); border-color:rgba(98,177,145,1); color:rgba(98,177,145,1); }

section#page-factures { padding-top:2em; }

#page-factures .tri { display:inline-block; vertical-align:middle; margin-bottom:2em; }
#page-factures .filtreprofil { margin-left:4em; display:inline-block; vertical-align:middle; margin-bottom:2em; }

section#page-factures ul.liste > li { border:0; }
section#page-factures ul.liste > li > span { position:relative; display:inline-block; vertical-align:top; }
section#page-factures ul.liste > li > span:nth-of-type(1) { width:2em; height:2em; background-color:rgba(98,177,145,1); margin-right:2em; border-radius:50%; color:rgba(255,255,255,1); }
section#page-factures ul.liste > li.stagiaire > span:nth-of-type(1) { background-color:rgba(98,177,145,1); }
section#page-factures ul.liste > li.formateur > span:nth-of-type(1) { background-color:rgba(241,83,83,1); }
section#page-factures ul.liste > li > span:nth-of-type(1) > span { font-weight:600; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
section#page-factures ul.liste > li > span:nth-of-type(2) { width:35em; }
section#page-factures ul.liste > li > span:nth-of-type(2) > span:nth-of-type(1) { font-weight:600; }
section#page-factures ul.liste > li > span:nth-of-type(3) { width:15em; }
section#page-factures ul.liste > li > span:nth-of-type(4) { width:6em; }
section#page-factures ul.liste > li > button { display:inline-block; vertical-align:top; width:1.5em; }
section#page-factures ul.liste > li > span > span { display:block; }
body.desktop section#page-factures ul.liste > li:hover, body.desktop section#page-factures ul.liste > li.hover { background-color:transparent; border-color:transparent; }
section.section-espaceperso .btncreate { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; font-size:0.8em; z-index:2; position:absolute; right:0; top:0; background-color:rgba(241,83,83,1); color:rgba(255,255,255,1); border:1px solid rgba(241,83,83,1); }
section.section-espaceperso .btncreate span { position:relative; display:inline-block; vertical-align:middle; line-height:1; padding-right:1em; }
section.section-espaceperso .btncreate svg { position:relative; display:inline-block; vertical-align:middle; width:1em; height:1em; stroke-width:8; }
body.desktop section.section-espaceperso .btncreate:hover { background-color:rgba(255,255,255,1); color:rgba(241,83,83,1); }


section#page-gestionformations { width:90%; max-width:90%; padding:3rem 10%; margin:0 auto; }

body.desktop section#page-gestionformations button.tuto:hover { color:rgba(241,83,83,1); }
body.desktop section#page-gestionformations button.swaporder:hover { color:rgba(241,83,83,1); }

section#page-gestionformations div.vide { margin-top:2em; }

.section-espaceperso ul.liste { font-size:0; margin-top:4rem; }
.section-espaceperso ul.liste > li { overflow:hidden; display:inline-block; width:100%; margin-bottom:2em; background-color:rgba(255,255,255,1); border:1px solid rgba(74,74,74,1); border-radius:0.5em; padding:0; transition:background-color 300ms ease, border-color 300ms ease; }
.section-espaceperso ul.liste > li.current { border-color:rgba(241,83,83,1); border-width:2px; transform:translateY(1px); }
.section-espaceperso ul.liste > li > div.resume { padding:1em 2em; }
.section-espaceperso ul.liste h3 { color:rgba(241,83,83,1); margin-bottom:0.5em;  }

.section-espaceperso ul.liste > li.vide { width:100% !important; border:0 !important; background-color:transparent !important; color:rgba(74,74,74,1) !important; }

section#page-gestionformations .domaine input, section#page-gestionformations .domaine > ul { width:calc(100% - 4em); } 
section#page-gestionformations article label.domaine > span > i { position:absolute; right:3.2em; bottom:0; }
section#page-gestionformations article label.domaine > span > i > a { color:rgba(241,83,83,1); border:1px solid rgba(241,83,83,1); position:absolute; left:0; top:0; width:3.2em; height:3.2em; border-radius:5px; }
section#page-gestionformations article label.domaine > span > i > a > svg { left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute; width: 50%; height: 50%; stroke-width: 10; }
body.desktop section#page-gestionformations article label.domaine > span > i > a:hover { background-color:rgba(241,83,83,1); color:rgba(255,255,255,1); }

section#page-gestionformations ul.liste img { position:relative; width:100%; height:auto; }

section#page-gestionformations ul.liste h3 { height:2.4em; line-height:1.2; max-width:100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom:0.5em;  }

section#page-gestionformations ul.liste .status { position:absolute; right:1em; top:4.9em; width:auto; font-size:0.8em; text-transform:uppercase; background-color:rgba(241,83,83,1); color:rgba(255,255,255,1); font-weight:600; padding:0.2em 0.6em; border-radius:5px; }
section#page-gestionformations ul.liste .status.draft { background-color:rgba(200,200,200,1); }
section#page-gestionformations ul.liste .status.deleted { background-color:rgba(236,151,31,1); }

section#page-gestionformations ul.liste > li > div.resume > ul { font-size:0; }
section#page-gestionformations ul.liste .duree { margin-top:0.5em; margin-bottom:0.5em; }
section#page-gestionformations ul.liste b { font-weight:600; color:rgba(241,83,83,1); }
section#page-gestionformations ul.liste > li > div.resume > ul > li { display:inline-block; width:50%; padding:0 1em; }
section#page-gestionformations ul.liste > li > div.resume > ul > li:nth-of-type(2n+1) { padding-left:0; }
section#page-gestionformations ul.liste > li > div.resume > ul > li:nth-of-type(2n) { padding-right:0; }
section#page-gestionformations ul.liste > li > div.resume > ul > li > div { font-size:0.8em; }

.section-espaceperso ul.liste .localisation { padding-left:2.3em; min-height:4.5em; min-height:0; }
.section-espaceperso ul.liste .localisation > svg { position:absolute; left:0; top:0; width:1.5em; height:auto; color:rgba(241,83,83,1); }
.section-espaceperso ul.liste .localisation > span { display:block; white-space: nowrap; text-overflow:ellipsis; max-width:100%; overflow:hidden; }

.section-espaceperso ul.liste > li > div.actions { opacity:0; position:absolute; color:rgba(255,255,255,1); background-color:rgba(241,83,83,1); display:inline-block; left:0; top:0; width:100%; height:100%; vertical-align:middle; text-align:center; font-weight:600; transition:opacity 300ms ease; }
.section-espaceperso ul.liste > li > div.actions > div { display:none; }
body.desktop .section-espaceperso ul.liste > li:hover > div.actions, body.desktop  .section-espaceperso ul.liste > li.hover > div.actions { opacity:1; }
body.desktop .section-espaceperso ul.liste > li:hover > div.actions > div, body.desktop .section-espaceperso ul.liste > li.hover > div.actions > div { display:block; }
body.desktop .section-espaceperso ul.liste > li:hover, body.desktop .section-espaceperso ul.liste > li.hover { background-color:rgba(241,83,83,1); border-color:rgba(241,83,83,1); }
.section-espaceperso ul.liste > li > div.actions > div { top:50%; transform:translateY(-50%); }
.section-espaceperso ul.liste > li > div.actions > div > button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; display:block; background-color:rgba(241,83,83,1); border:1px solid rgba(255,255,255,1); color:rgba(255,255,255,1); margin:0 auto 1em auto; min-width:60%; }
.section-espaceperso ul.liste > li > div.actions > div > button:last-of-type { margin-bottom:0; }
body.desktop .section-espaceperso ul.liste > li > div.actions > div > button:hover { background-color:rgba(255,255,255,1); border-color:rgba(255,255,255,1); color:rgba(241,83,83,1); }

section#page-gestionformations article .formnew > button { color:rgba(241,83,83,1); }
body.desktop section#page-gestionformations article .formnew > button:hover { background-color:rgba(241,83,83,1); border-color:rgba(241,83,83,1); color:rgba(255,255,255,1); }

section#page-gestionformations article.formation-statut { z-index:2; text-align:center; padding-bottom:2em; }
body.desktop section#page-gestionformations button.preview:hover { background-color:rgba(241,83,83,1); color:rgba(255,255,255,1); border-color:rgba(241,83,83,1); }

section#page-gestionformations article.formation-statut div.currentstatus { width:auto; font-size:0.8em; text-transform:uppercase; background-color:rgba(241,83,83,1); color:rgba(255,255,255,1); font-weight:600; padding:0.4em 0.6em 0.3em 0.6em; border-radius:5px; margin-bottom:1em; }
section#page-gestionformations article.formation-statut div.currentstatus.draft { background-color:rgba(200,200,200,1); }
section#page-gestionformations article.formation-statut div.currentstatus.deleted { background-color:rgba(236,151,31,1); }


section#page-gestionformations button.btnstatus { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; font-size:0.8em; background-color:rgba(241,83,83,1); color:rgba(255,255,255,1); border:1px solid rgba(241,83,83,1); position:absolute; right:0; }
body.desktop section#page-gestionformations button.btnstatus:hover { background-color:rgba(255,255,255,1); color:rgba(241,83,83,1); border-color:rgba(241,83,83,1); }

.section-espaceperso button.btndelete { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; margin-top:2em; font-size:0.8em; background-color:rgba(255,255,255,1); color:rgba(74,74,74,1); border:1px solid #ccc; }
body.desktop .section-espaceperso button.btndelete:hover { background-color:rgba(236,151,31,1); color:rgba(255,255,255,1); border-color:rgba(236,151,31,1); }

.section-espaceperso .swap:not(.disabled) > span, .section-espaceperso .swap:not(.disabled) > div { cursor:pointer; }
.section-espaceperso .swap > span { position:relative; display:inline-block; vertical-align:middle; margin:0 0.5em; padding:0; width:auto; line-height:1; }
.section-espaceperso .swap > div { font-size:1.3em; position:relative; display:inline-block; vertical-align:middle; line-height:1; margin:0; padding:0; width:2em; height:1em; background-color:rgba(200,200,200,1); border:0; border-radius:0.5em; transition:background-color 300ms ease, left 300ms ease; }
.section-espaceperso .swap > div:after { content:''; background-color:rgba(240,240,240,1); height:calc(1em - 4px); width:calc(1em - 4px); border-radius:50%; border:0; position:absolute; left:calc(50% + 2px); top:50%; transform:translateY(-50%); }

.section-espaceperso .swap.leftvalue > div:after { left:calc(0% + 2px); }
.section-espaceperso .swap.leftvalue > div { background-color:rgba(241,83,83,1); }

.section-espaceperso article.formation-statut form > button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; font-size:0.8em; text-transform:uppercase; margin-top:0; border:1px solid #ccc; background-color:rgba(241,83,83,1); color:rgba(255,255,255,1); border-color:rgba(241,83,83,1); }
body.desktop .section-espaceperso article.formation-statut form > button:hover { background-color:rgba(255,255,255,1); color:rgba(241,83,83,1); border-color:rgba(241,83,83,1); }

section#page-gestionformations article label.nbheures input { width:4em; margin:0 0.5em; }
section#page-gestionformations article label.nbheures input:first-of-type { margin-left:0; }
section#page-gestionformations article label.nbheures i { font-size:0.8em; font-style:normal; }
section#page-gestionformations article label.tarif input { width:4em; }

section#page-gestionformations article label > span > span.asterisque { color:rgba(241,83,83,1); }
section#page-gestionformations article label > span > i { display:block; font-size:0.8em; font-style:normal; }

section#page-gestionformations article .formnew, section#page-gestionformations article .divforms { width:100%; margin-top:0em; }
section#page-gestionformations article form.multi:not(.formnew) { width:100%; }
section#page-gestionformations label { width:100%; margin-right:0;}
section#page-gestionformations article ul { margin-bottom:0em; }

section#page-gestionformations article label.option > div > span:after { background-color:rgba(241,83,83,1) !important; }

section#page-gestionformations article ul.single > li:first-of-type { margin-top:0; }

section#page-gestionformations .disabled { border-color:rgba(240,240,240,1); font-weight:500;  }
section#page-gestionformations select.disabled { opacity:1; background-image:none !important; }

section#page-gestionformations article .formupload { width:100%; margin-top:2em; }
section#page-gestionformations article .formupload:first-of-type { margin-top:0; }
section#page-gestionformations article label.upload { max-width:100%; width:100%; }
section#page-gestionformations article label.upload > span { max-width:calc(100% - 3.5em); font-weight:600; }
section#page-gestionformations article label.upload > div { position:absolute; display:block; right:0; top:50%; transform:translateY(-50%);  width:2.5em; height:2.5em; border-radius:50%; padding:0; border:1px solid rgba(241,83,83,1); background-color:rgba(241,83,83,1); }
section#page-gestionformations article label.upload > div > svg { left:50%; top:50%; transform:translate(-50%,-50%); display:block; width:50%; height:50%; stroke-width:10; }
body.desktop section#page-gestionformations article label.upload > div:hover { color:rgba(241,83,83,1); background-color:#fff;  }

section#page-gestionformations article .formupload > button { position:absolute; top:50%; transform:translateY(-50%); display:inline-block; vertical-align:middle; padding:0; color:rgba(120,120,120,1); width:2.5em; height:2.5em; border:1px solid; border-radius:5px; right:0; }
body.desktop section#page-gestionformations article .formupload > button:hover { background-color:rgba(236,151,31,1); border-color:rgba(236,151,31,1); color:#fff; }
section#page-gestionformations article .formupload > button > svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:90%; height:90%; }

section#page-gestionformations article label.upload > a { max-width:80%; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
section#page-gestionformations article label.upload > a > svg { position:relative; display:inline-block; veertical-align:middle; height:2em; width:auto; padding-right:0.5em; }

section#page-gestionformations article label.upload img { width:100%; height:auto; border-radius:0.5em; }
section#page-gestionformations article form label.upload img { max-width:calc(100% - 5em); }

section#page-gestionsessions { width:90%; max-width:90%; padding:0 10% 3rem 10%; margin:0 auto; }
section#page-gestionsessions h2 { display:block; color:rgba(241,83,83,1); font-size:1em; white-space: nowrap; text-overflow:ellipsis; max-width:100%; overflow: hidden; margin-bottom:1.5em; }
section#page-gestionsessions h2 > span { font-size:1.4em; color:rgba(74,74,74,1); overflow: hidden; padding-right:1.5em; }

section#page-gestionsessions h3 { margin-top:3rem; display:block; color:rgba(241,83,83,1); font-size:1em; white-space: nowrap; text-overflow:ellipsis; max-width:100%; overflow: hidden; margin-bottom:1.5em; }
section#page-gestionsessions h3 > span { font-size:1.2em; color:rgba(74,74,74,1); overflow: hidden; padding-right:1.5em; }

section#page-gestionsessions .filtre button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; font-size:0.8em; text-transform:uppercase; margin-top:0; border:1px solid #ccc; background-color:rgba(255,255,255,1); color:rgba(241,83,83,1); border-color:rgba(241,83,83,1); margin-right:1em; margin-bottom:3em; }
body.desktop section#page-gestionsessions .filtre button:hover, section#page-gestionsessions .filtre button.current { background-color:rgba(241,83,83,1); color:rgba(255,255,255,1); border-color:rgba(241,83,83,1); }

body.desktop section#page-gestionsessions button.tuto:hover { color:rgba(241,83,83,1); }
body.desktop section#page-gestionsessions button.swaporder:hover { color:rgba(241,83,83,1); }

section#page-gestionsessions div.vide { margin-top:2em; }

section#page-gestionsessions ul.liste > li > div.resume { padding:1em 1.5em; }
section#page-gestionsessions ul.liste h3 { margin-top:0; font-size:1.1em; white-space: nowrap; text-overflow:ellipsis; max-width:100%; overflow: hidden; margin-bottom:1.5em; text-transform:capitalize; }
section#page-gestionsessions ul.liste .status { position:absolute; right:1em; top:4.6em; width:auto; font-size:0.8em; text-transform:uppercase; background-color:rgba(241,83,83,1); color:rgba(255,255,255,1); font-weight:600; padding:0.2em 0.6em; border-radius:5px; }
section#page-gestionsessions ul.liste .status.draft { background-color:rgba(200,200,200,1); }
section#page-gestionsessions ul.liste .status.ended { background-color:rgba(200,200,200,1); }
section#page-gestionsessions ul.liste .status.deleted { background-color:rgba(236,151,31,1); }
section#page-gestionsessions ul.liste .reservations { line-height:1; margin-bottom:0.5em; }
section#page-gestionsessions ul.liste .reservations > span { font-weight:600; }
section#page-gestionsessions ul.liste .tarif { line-height:1; font-size:0.8em; margin-bottom:2em; }
section#page-gestionsessions ul.liste .tarif > span { font-size:1.6em; font-weight:600; color:rgba(241,83,83,1); }

section#page-gestionsessions article div.fieldset {  }
section#page-gestionsessions article h4 { display:block; color:rgba(74,74,74,1); font-size:1.2em; white-space: nowrap; text-overflow:ellipsis; max-width:100%; margin-bottom:1em; overflow:hidden; }
section#page-gestionsessions article label.nbmin input, section#page-gestionsessions article label.nbmax input { width:5em; }
section#page-gestionsessions article label > span > span.asterisque { color:rgba(241,83,83,1); }

section#page-gestionsessions article label > span > u { display:block; font-size:0.8em; text-decoration:none; text-align:center; position:absolute; top:-2em; left:0; width:calc(200% + 1em); background-color:rgba(150,150,150,1); color:rgba(255,255,255,1); text-transform:uppercase; font-weight:600; padding:0.5em; border-radius:5px; }
section#page-gestionsessions article label.parrainage > span > i { color:rgba(74,74,74,1); font-style:normal; font-weight:300; font-size:0.8em; }
section#page-gestionsessions article label.parrainage a { color:rgba(241,83,83,1); }
section#page-gestionsessions article label.potentiel { margin-top:2em; width:100%; }
section#page-gestionsessions article label.potentiel > div { padding-left:1em; color:rgba(241,83,83,1); font-weight:600; }
section#page-gestionsessions article label.potentiel > div > i { color:rgba(74,74,74,1); font-style:normal; font-weight:600; font-size:0.8em; }

section#page-gestionsessions article label.sessiontarif,
section#page-gestionsessions article label.sessioncommission,
section#page-gestionsessions article label.sessionparrainage,
section#page-gestionsessions article label.sessiontauxtva { position:absolute; left:0; top:0; height:0; width:0; overflow:hidden; }

section#page-gestionsessions article label.calculduree { width:100%; margin-top:2em; }
section#page-gestionsessions article label.calculduree > div { font-weight:600; }

section#page-gestionsessions article label.typelocalisation { width:100% !important; margin-bottom:1em; }
section#page-gestionsessions article label.typelocalisation .swap.rightvalue > div { background-color:rgba(241,83,83,1); }
section#page-gestionsessions article label.typelocalisation .swap > span { font-weight:500; }
section#page-gestionsessions article label.typelocalisation .swap.leftvalue > span:first-of-type { color:rgba(241,83,83,1); }
section#page-gestionsessions article label.typelocalisation .swap.leftvalue > span:last-of-type { color:rgba(200,200,200,1); }
section#page-gestionsessions article label.typelocalisation .swap.rightvalue > span:first-of-type { color:rgba(200,200,200,1); }
section#page-gestionsessions article label.typelocalisation .swap.rightvalue > span:last-of-type { color:rgba(241,83,83,1); }

section#page-gestionsessions article label.url { width:100% !important; }

section#page-gestionsessions article label.idusersalle { width:100% !important; }
section#page-gestionsessions article label.idusersalle { padding-right:calc(60% + 2em); }
section#page-gestionsessions article label.idusersalle > div.mapusersalle { position:absolute; right:0; top:0; width:50%; height:100%; border-radius:0.5em; overflow:hidden; }
section#page-gestionsessions article label.idusersalle > div.coords > div { display:inline-block; vertical-align:middle; width:100%; margin-top:0.5em;  }
section#page-gestionsessions article label.idusersalle > div.coords > div:first-of-type { margin-top:2em; }
section#page-gestionsessions article label.idusersalle > div.coords > div span { display:block; }
section#page-gestionsessions article label.idusersalle > div.coords > div span.value { font-weight:600; }
section#page-gestionsessions article label.idusersalle > div.coords > div.cp { width:8em; margin-right:1em; }
section#page-gestionsessions article label.idusersalle > div.coords > div.ville { width:calc(100% - (8em + 1em) - 5px); }

section#page-gestionsessions article form.showdistanciel label.idusersalle { display:none; }
section#page-gestionsessions article form.showpresentiel label.url { display:none; }
section#page-gestionsessions article label.idusersalle button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; font-size:0.8em; margin-top:3em; border:1px solid rgba(74,74,74,1); }
body.desktop section#page-gestionsessions article label.idusersalle button:hover { background-color:rgba(241,83,83,1); border-color:rgba(241,83,83,1); color:rgba(255,255,255,1); }

section#page-gestionsessions form.session-delete { display:inline-block; width:auto; }
section#page-gestionsessions form.session-delete button.btndelete { margin-top:0; }

section#page-gestionsessions article .formnew > button { color:rgba(241,83,83,1); }
body.desktop section#page-gestionsessions article .formnew > button:hover { background-color:rgba(241,83,83,1); border-color:rgba(241,83,83,1); color:rgba(255,255,255,1); }


.section-espaceperso article .session-status { text-align:right; }
.section-espaceperso article .session-status > button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; font-size:0.8em; text-transform:uppercase; margin-top:0; border:1px solid #ccc; background-color:rgba(241,83,83,1); color:rgba(255,255,255,1); border-color:rgba(241,83,83,1);  }
body.desktop .section-espaceperso article .session-status > button:hover { background-color:rgba(255,255,255,1); color:rgba(241,83,83,1); border-color:rgba(241,83,83,1); }


section .suivisession article h4 { display:block; color:rgba(74,74,74,1); text-transform:uppercase; font-size:1.2em; white-space: nowrap; text-overflow:ellipsis; max-width:100%; margin-top:4em; margin-bottom:1em; overflow:hidden; }

section .suivisession article.session-status { padding-top:2em; text-align:left; }
section .suivisession span.status { display:inline-block; width:auto; font-size:1.1em; text-transform:uppercase; background-color:rgba(241,83,83,1); color:rgba(255,255,255,1); font-weight:600; padding:0.2em 0.6em; border-radius:5px; }
section .suivisession span.status.draft { background-color:rgba(200,200,200,1); }
section .suivisession span.status.deleted { background-color:rgba(236,151,31,1); }

section .suivisession ul.status { transform:translateX(-2em); display:inline-block; width:auto; text-transform:uppercase; list-style-type:none; }
section .suivisession ul.status li { color:rgba(200,200,200,1); font-weight:500; font-size:1.1em; text-align:center; display:inline-block; vertical-align:top; width:10em; height:3.5em; margin:0; padding:0; }
section .suivisession ul.status li:not(:first-of-type):before { background-color:rgba(200,200,200,1); z-index:2; content:''; position:absolute; bottom:0.5em; left:0; transform:translateX(-50%); width:10em; height:0.5em; } 
section .suivisession ul.status li.closed.gestion { width:20em; }
section .suivisession ul.status li.closed.gestion:before { z-index:1; width:20em; } 
section .suivisession ul.status li:after { background-color:rgba(200,200,200,1); z-index:3; content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:1.5em; height:1.5em; border-radius:50%; } 

section .suivisession ul.status li.current { color:rgba(241,83,83,1); }
section .suivisession ul.status li.current:not(:first-of-type):before { background-color:rgba(241,83,83,1); }
section .suivisession ul.status li.current:after { background-color:rgba(241,83,83,1); }

.section-espaceperso article form.session-close { z-index:4; position:absolute; display:inline-block; vertical-align:top; bottom:-0.3em; left:-0.2em; width:auto; }
.section-espaceperso article form.session-close button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; font-size:0.8em; border:1px solid rgba(255,255,255,1); background-color:rgba(241,83,83,1); color:rgba(255,255,255,1); }
.section-espaceperso article form.session-close.notinversion { cursor:default !important; opacity:1 !important; }
.section-espaceperso article form.session-close.notinversion button { cursor:default; background-color:rgba(200,200,200,1); }
 
section .suivisession .engagement { margin-top:1em; padding-left:calc((1.1 / 0.8) * 2.25em); display:block; width:auto; font-size:0.8em; }

section .suivisession article.session-inscriptions > ul { display:block; list-style-type:none; }
section .suivisession article.session-inscriptions > ul > li { display:block; margin-bottom:0.5em; }
section .suivisession article.session-inscriptions > ul > li > div { display:inline-block; vertical-align:top; width:auto; }

section .suivisession article.session-inscriptions > ul > li.nbinscrits > div:nth-of-type(2) { font-weight:600; color:rgba(241,83,83,1); }
section .suivisession article.session-inscriptions > ul > li.nbevals > div:nth-of-type(2) { font-weight:600; }
section .suivisession article.session-inscriptions > ul > li.note > div.avis > svg { vertical-align:top; }
section .suivisession article.session-inscriptions > ul > li.note > div.avis > span { vertical-align:top; }

section .suivisession article.session-inscriptions .listeinscrits { margin-top:4em; }
section .suivisession article.session-inscriptions .listeinscrits > svg { margin-left:3em; width:3em; height:3em; border-radius:50%; border:1px solid rgba(74,74,74,1); overflow:hidden; }
section .suivisession article.session-inscriptions .listeinscrits > svg g { transform-origin:center left; transform:scale(1.7); }

section .suivisession article.session-inscriptions .listeinscrits .mailgroupe { position:absolute; right:20%; top:0.5em; }

section .suivisession article.session-inscriptions .listeinscrits table { width:80%; margin:0.5em 0 0 0; padding:0; border:1px solid rgba(74,74,74,1); border-radius:1em; border-collapse:separate; overflow:hidden; }
section .suivisession article.session-inscriptions .listeinscrits table tr { margin:0; padding:0; }
section .suivisession article.session-inscriptions .listeinscrits table tr:last-of-type td { padding-bottom:2em; }
section .suivisession article.session-inscriptions .listeinscrits table th { margin:0; padding:2em 3em; text-align:left; text-transform:uppercase; }
section .suivisession article.session-inscriptions .listeinscrits table td { margin:0; padding:0 3em 1em 3em; text-align:left; }

section .suivisession article.session-inscriptions .listeinscrits table th:last-of-type { width:calc(2em + (2 * 3em)); }
section .suivisession article.session-inscriptions .listeinscrits button { display:inline-block; vertical-align:middle; width:2em; height:2em; border:1px solid rgba(74,74,74,1); border-radius:0.5em; margin-left:0.5em; }
section .suivisession article.session-inscriptions .listeinscrits button > svg { color:rgba(241,83,83,1); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:50%; height:50%; }

.googlemap { position:absolute; left:0; top:0; width:100%; height:100%; }

aside.mapsalle { position:relative; display:block; width:100%; height:0; padding-bottom:50%; margin-top:3em; border-radius:0.5em; overflow:hidden; }
aside.mapsalle > div.aide { color:rgba(241,83,83,1); font-size:1em; font-weight:600; position:absolute; top:0; left:0; }
aside.mapsalle .googlemap { top:2.5em; height:calc(100% - 2.5em); }
section#page-gestionsalles { width:90%; max-width:90%; padding:3rem 10%; margin:0 auto; }

body.desktop section#page-gestionsalles button.tuto:hover { color:rgba(241,83,83,1); }
body.desktop section#page-gestionsalles button.swaporder:hover { color:rgba(241,83,83,1); }

section#page-gestionsalles div.vide { margin-top:2em; }

section#page-gestionsalles ul.liste > li > div.resume { padding:1em 1.5em; min-height:6.5em; }

section#page-gestionsalles article label.zoom { opacity:0; position:absolute; left:0; top:0; z-index:-1; width:0; height:0; }

section#page-gestionsalles button.reset { margin-top:2.8em; }
section#page-gestiondomaines { width:90%; max-width:90%; padding:3rem 10%; margin:0 auto; }
section#page-gestiondomaines ul { list-style-type:none; padding:0 0 2em 0; }

body.desktop section#page-gestiondomaines button.tuto:hover { color:rgba(241,83,83,1); }
body.desktop section#page-gestiondomaines button.swaporder:hover { color:rgba(241,83,83,1); }

section#page-gestiondomaines li.niveau1 { padding-top:0.5em; font-weight:600; }

section#page-gestiondomaines li form { width:100%; max-width:100%; }
section#page-gestiondomaines li input, section#page-gestiondomaines li select { display:inline-block; vertical-align:middle; border-color:rgba(220,220,220,1); }
section#page-gestiondomaines li input.highlight, section#page-gestiondomaines li select.highlight { background-color:rgba(241,83,83,0.2); }
section#page-gestiondomaines li select { width:30%; }
section#page-gestiondomaines li input[name=newdomaine] { width:calc(100% - 30% - 0.5em - 5px); margin-left:0.5em; }
section#page-gestiondomaines li label { display:inline-block; vertical-align:middle; width:calc(100% - 5em - 0.5em - 5px); margin:0; margin-left:0.5em; }

form.senddomaine { padding:2em 3em; background-color:rgba(241,83,83,0.2); transform:translateX(-1px); border-radius:0.5em; margin-bottom:2em; }
form.senddomaine + div { text-transform:uppercase; font-size:1.5em; font-weight:600; }

form.senddomaine input { font-family:Quicksand, sans-serif; font-size:1em; font-weight:400; display:inline-block; background-color:rgba(255,255,255,1); border:1px solid rgba(255,255,255,1); border-radius:5px; padding:0.6em 0.5em 0.6em 0.5em; outline:0; line-height:1; }
form.senddomaine input { width:calc(100% - 4em); display:inline-block; vertical-align:middle; }
form.senddomaine button { display:inline-block; vertical-align:middle; padding:0; width:2.5em; height:2.5em; border:1px solid; border-radius:5px; margin-left:1em; background-color:rgba(241,83,83,1); border-color:rgba(241,83,83,1); color:#fff; }
body.desktop form.senddomaine > button:hover { background-color:#fff; border-color:rgba(241,83,83,1); color:rgba(241,83,83,1); }
form.senddomaine > button > svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:50%; height:50%; stroke-width:10; }



section#page-gestioninscriptions .filtre button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; font-size:0.8em; text-transform:uppercase; margin-top:0; border:1px solid #ccc; background-color:rgba(255,255,255,1); color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); margin-right:1em; margin-bottom:3em; }
body.desktop section#page-gestioninscriptions .filtre button:hover, section#page-gestioninscriptions .filtre button.current { background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border-color:rgba(98,177,145,1); }

section#page-gestioninscriptions ul.liste .localisation > svg { color:rgba(98,177,145,1); }

section#page-gestioninscriptions ul.liste > li > div.actions { background-color:rgba(98,177,145,1); }
section#page-gestioninscriptions ul.liste > li > div.actions > div { display:none; }
body.desktop section#page-gestioninscriptions ul.liste > li:hover, section#page-gestioninscriptions ul.liste > li.hover { background-color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }
body.desktop section#page-gestioninscriptions ul.liste > li:hover > div.actions > div, section#page-gestioninscriptions ul.liste > li.hover > div.actions > div { display:block; }
section#page-gestioninscriptions ul.liste > li > div.actions > div > button { background-color:rgba(98,177,145,1); }
body.desktop section#page-gestioninscriptions ul.liste > li > div.actions > div > button:hover { background-color:rgba(255,255,255,1); border-color:rgba(255,255,255,1); color:rgba(98,177,145,1); }

section#page-gestioninscriptions ul.liste div.visuel > img { position:relative; width:100%; height:auto; }

section#page-gestioninscriptions ul.liste > li.current { border-color:rgba(98,177,145,1); }
section#page-gestioninscriptions ul.liste h3 { color:rgba(98,177,145,1);  }
section#page-gestioninscriptions ul.liste h3 { font-size:1.2em; height:2.4em; line-height:1.2; max-width:100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom:0.5em;  }

section#page-gestioninscriptions ul.liste .date { padding-top:1em; padding-bottom:0.5em; }
section#page-gestioninscriptions ul.liste .duree { padding-bottom:1.5em; }
section#page-gestioninscriptions ul.liste b { color:rgba(98,177,145,1); font-weight:600; }

section#page-gestioninscriptions ul.liste .tarif { position:absolute; right:2em; bottom:1em; color:rgba(98,177,145,1); font-weight:600; }
section#page-gestioninscriptions ul.liste .tarif > span:first-of-type { font-size:1.4em; }

section#page-gestioninscriptions .suivisession h3 { font-size: 1.2em; font-weight: 600; color: rgba(98,177,145,1); padding: 0; margin: 0 0 1.5em 0; }

section#page-gestioninscriptions .suivisession ul.status li.current { color:rgba(98,177,145,1); }
section#page-gestioninscriptions .suivisession ul.status li.current:not(:first-of-type):before { background-color:rgba(98,177,145,1); }
section#page-gestioninscriptions .suivisession ul.status li.current:after { background-color:rgba(98,177,145,1); }

section#page-gestioninscriptions .suivisession article.session-inscriptions > ul > li.nbinscrits > div:nth-of-type(2) { color:rgba(98,177,145,1); }



form.sendevaluation { padding:0; width:40em; text-align:right; }
form.sendevaluation label { display:block; text-align:left; }
form.sendevaluation label > span { display:inline-block; margin-bottom:0.3em; }
form.sendevaluation select { font-family:Quicksand, sans-serif; font-size:1em; font-weight:400; display:inline-block; background-color:rgba(255,255,255,1); border:1px solid rgba(120,120,120,1); border-radius:5px; padding:0.6em 0.5em 0.6em 0.5em; outline:0; line-height:1; margin-bottom:1em; }
form.sendevaluation textarea { font-family:Quicksand, sans-serif; font-size:1em; font-weight:400; display:inline-block; background-color:rgba(255,255,255,1); border:1px solid rgba(120,120,120,1); border-radius:5px; padding:0.6em 0.5em 0.6em 0.5em; outline:0; line-height:1.2; height:8em; }
form.sendevaluation textarea { width:100%; display:block; }


form.sendevaluation label.note > select { z-index:1; position:absolute; bottom:0; opacity:0; height:1px; }
form.sendevaluation .note > div { z-index:2; position:relative; display:block; height:1.5em; width:100%; background-color:#fff; color:rgba(200,200,200,1); margin:1em 0 2em 0; }
form.sendevaluation .note > div > svg { top:50%; transform:translateY(-50%); left:0; position:absolute; width:auto; height:100%; }
form.sendevaluation label.note > div > svg { cursor:pointer; }

form.sendevaluation .note > div > svg path { transition:fill 300ms ease, color 300ms ease; }

form.sendevaluation .note > div.val1 > svg path:nth-of-type(1),
form.sendevaluation .note > div.val2 > svg path:nth-of-type(1),
form.sendevaluation .note > div.val3 > svg path:nth-of-type(1),
form.sendevaluation .note > div.val4 > svg path:nth-of-type(1),
form.sendevaluation .note > div.val5 > svg path:nth-of-type(1),
form.sendevaluation .note > div.val2 > svg path:nth-of-type(2),
form.sendevaluation .note > div.val3 > svg path:nth-of-type(2),
form.sendevaluation .note > div.val4 > svg path:nth-of-type(2),
form.sendevaluation .note > div.val5 > svg path:nth-of-type(2),
form.sendevaluation .note > div.val3 > svg path:nth-of-type(3),
form.sendevaluation .note > div.val4 > svg path:nth-of-type(3),
form.sendevaluation .note > div.val5 > svg path:nth-of-type(3),
form.sendevaluation .note > div.val4 > svg path:nth-of-type(4),
form.sendevaluation .note > div.val5 > svg path:nth-of-type(4),
form.sendevaluation .note > div.val5 > svg path:nth-of-type(5) { fill:rgba(240,180,32,1); }

body.desktop form.sendevaluation label.note > div.val3.hov1 > svg path,
body.desktop form.sendevaluation label.note > div.val2.hov1 > svg path,
body.desktop form.sendevaluation label.note > div.val3.hov2 > svg path { fill:rgba(200,200,200,1); }

body.desktop form.sendevaluation label.note > div > svg path:hover { fill:rgba(240,180,32,1); }
body.desktop form.sendevaluation label.note > div.hov1 > svg path:nth-of-type(1),
body.desktop form.sendevaluation label.note > div.hov2 > svg path:nth-of-type(1),
body.desktop form.sendevaluation label.note > div.hov3 > svg path:nth-of-type(1),
body.desktop form.sendevaluation label.note > div.hov4 > svg path:nth-of-type(1),
body.desktop form.sendevaluation label.note > div.hov5 > svg path:nth-of-type(1),
body.desktop form.sendevaluation label.note > div.hov2 > svg path:nth-of-type(2),
body.desktop form.sendevaluation label.note > div.hov3 > svg path:nth-of-type(2),
body.desktop form.sendevaluation label.note > div.hov4 > svg path:nth-of-type(2),
body.desktop form.sendevaluation label.note > div.hov5 > svg path:nth-of-type(2),
body.desktop form.sendevaluation label.note > div.hov3 > svg path:nth-of-type(3),
body.desktop form.sendevaluation label.note > div.hov4 > svg path:nth-of-type(3),
body.desktop form.sendevaluation label.note > div.hov5 > svg path:nth-of-type(3),
body.desktop form.sendevaluation label.note > div.hov4 > svg path:nth-of-type(4),
body.desktop form.sendevaluation label.note > div.hov5 > svg path:nth-of-type(4),
body.desktop form.sendevaluation label.note > div.hov5 > svg path:nth-of-type(5) { fill:rgba(240,180,32,1); }


form.sendevaluation button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; display:inline-block; background-color:rgba(98,177,145,1); border:1px solid rgba(98,177,145,1); color:rgba(255,255,255,1); margin-top:1em; }
body.desktop form.sendevaluation > button:hover { background-color:rgba(255,255,255,1); border-color:rgba(98,177,145,1); color:rgba(98,177,145,1); }

.evaluations h5 { text-transform:uppercase; font-size:1.2em; margin:2.5em 0 1.5em 0; }
ul.resumeavis { font-size:0; }
ul.resumeavis > li { cursor:pointer; overflow:hidden; display:inline-block; vertical-align:top; width:100%; background-color:rgba(255,255,255,1); border:1px solid rgba(74,74,74,1); border-radius:1em; padding:2em 2em 2em 6em; transition:background-color 300ms ease, border-color 300ms ease; }
ul.resumeavis > li.currauth { padding-top:1.6em; padding-left:2em; padding-right:6em; }
ul.resumeavis > li, ul.resumeavis > li:first-of-type, ul.resumeavis > li:last-of-type { margin-top:1.5em !important; margin-bottom:1.5em !important; }
ul.resumeavis > li > span.avatar { display:inline-block; width:3em; height:3em; position:absolute; left:1.5em; top:2em; }
ul.resumeavis > li div.prenom { font-size:1.3em; font-weight:600; white-space:nowrap; text-overflow:ellipsis; max-width:100%; overflow:hidden; }
ul.resumeavis > li div.date > span { display:inline-block; vertical-align:middle; }
ul.resumeavis > li div.date > span:first-of-type { font-size:1em; font-weight:600; margin-right:2em; padding-top:0.4em; }
ul.resumeavis > li div.date > span:last-of-type { position:absolute; top:50%; transform:translateY(-50%); }
ul.resumeavis > li div.avis { margin-top:1em; height:auto; min-height:3.6em; max-height:100vh; line-height:1.2; max-width:100%; overflow:hidden; transition:max-height 300ms ease; }
ul.resumeavis > li:not(.open) div.avis { max-height:3.6em; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }

ul.resumeavis button { transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; position:absolute; right:1em; bottom:1em; width:2em; height:2em; background-color:rgba(255,255,255,1); color:rgba(180,180,180,1); border:1px solid rgba(180,180,180,1); border-radius:0.5em; }
ul.resumeavis button > svg { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; }
body.desktop ul.resumeavis button:hover { color:rgba(255,255,255,1); background-color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }

#page-gestionfavoris .tri,
#page-gestionformateurs .tri,
#page-gestionstagiaires .tri,
#page-dashadminusers .tri  { display:inline-block; vertical-align:middle; }

label.filterrelation { margin-left:4em; display:inline-block; vertical-align:middle; }
label.filterrelation input { width:40em; font-family:Quicksand, sans-serif; font-size:1em; font-weight:400; display:inline-block; vertical-align:middle; background-color:rgba(255,255,255,1); border:1px solid rgba(200,200,200,1); border-radius:5px; padding:0.6em 0.5em 0.6em 0.5em; outline:0; line-height:1; }
 

.listerelations { margin-top:4em; }
.listerelations ul.liste { width:100%; }
.listerelations ul.liste > li { font-size:0 !important; border:0; background-color:transparent; }
body.desktop .listerelations ul.liste > li:hover, .listerelations ul.liste > li.hover { border:0; background-color:transparent; }

.listerelations ul div { display:inline-block; vertical-align:top; padding:0.5em 0; }
.listerelations ul .nom { width:17em; }
.listerelations ul .contact { width:10%; text-align:center; }
.listerelations ul .formations { width:calc(100% - 17em - 10%); }
.listerelations ul li:first-of-type .formations { font-weight:600; text-transform:uppercase; }

.listerelations ul .contact button { margin-top:0.5em; width:2em; height:2em; border:1px solid rgba(74,74,74,1); border-radius:0.5em; }
.listerelations ul .contact button > svg { color:rgba(98,177,145,1); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:50%; height:50%; }

#page-gestionfavoris .listerelations ul .contact button > svg { color:rgba(98,177,145,1); }
#page-gestionformateurs .listerelations ul .contact button > svg { color:rgba(98,177,145,1); }
#page-gestionstagiaires .listerelations ul .contact button > svg { color:rgba(241,83,83,1); }

.listerelations ul a { display:block; position:relative; }
.listerelations ul a > span { display:block; }
.listerelations ul a > span:nth-of-type(1) { font-weight:600; }
.listerelations ul a > span.avatar { display:inline-block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:3em; height:3em; }
.listerelations ul a > span.avatar > svg { color:rgba(98,177,145,1); }

#page-gestionfavoris .listerelations span.avatar > svg { color:rgba(98,177,145,1); }
#page-gestionformateurs .listerelations span.avatar > svg { color:rgba(98,177,145,1); }
#page-gestionstagiaires .listerelations span.avatar > svg { color:rgba(241,83,83,1); }

.listerelations span.btnopen { cursor:pointer; display:inline-block; position:absolute; right:0; top:1.3em; width:1.5em; height:1.5em; border:1px solid; border-radius:50%; }
.listerelations span.btnopen svg { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:60%; height:60%; stroke-width:5; }
.listerelations span.btnopen > svg > line:nth-of-type(1) { opacity:1; transition:opacity 0ms ease; }
.listerelations .formations.open span.btnopen > svg > line:nth-of-type(1) { opacity:0; }

.listerelations ul.listeformations { margin-top:0.5em; }
.listerelations ul.listeformations > li { line-height:2; list-style-type:none; max-width:calc(100% - 4em); white-space: nowrap; text-overflow:ellipsis; overflow:hidden; }
.listerelations .formations:not(.open) li { height:0; }
.listerelations .formations:not(.open) li:first-of-type { height:2em; }
.listerelations .formations.open  li { height:auto; }
	article.ficheformation .visuel { width:40%; height:auto; display:inline-block; vertical-align:middle; }
article.ficheformation .visuel > img { width:100%; height:auto; border-radius:0.5em; overflow:hidden; }

article.ficheformation .infosformateur { position:absolute; top:0; bottom:0; right:0; width:58%; display:inline-block; vertical-align:middle; border:1px solid rgba(74,74,74,1); border-radius:0.5em; padding:0; overflow:hidden; }

article.ficheformation .infosformateur span.etiquette { position:absolute; display:inline-block; left:0; width:2em; height:100%; top:50%; transform:translateY(-50%); background-color:rgba(50,50,50,1); color:rgba(255,255,255,1); text-transform:uppercase; font-size:1em; }
article.ficheformation .infosformateur span.etiquette > span { position:absolute; left:50%; top:50%; transform-origin:canter center; transform: translate(-50%,-50%) rotate(-90deg); }

article.ficheformation .infosformateur span.avatar { position:absolute; display:inline-block; vertical-align:middle; width:8em; height:8em; left:3em; top:50%; transform:translateY(-50%); }
article.ficheformation .infosformateur form.favori { position:absolute; left:70%; top:70%; width:auto; height:auto; padding:0.3em; background-color:rgba(255,255,255,1); border-radius:50%; }

article.ficheformation .infosformateur > div { position:absolute; padding:0 2em; left:11em; right:30%; display:inline-block; vertical-align:middle; width:auto; height:auto; top:50%; transform:translateY(-50%); }
article.ficheformation .infosformateur h3 { font-size:1.5em; padding:0 0 1.5em 0; display:inline-block; width:auto; padding-right:2em; }
article.ficheformation .infosformateur h3 span { display:block; font-weight:300; padding-top:0.2em; }

article.ficheformation .infosformateur div.localisation > svg { display:inline-block; vertical-align:middle; height:1em; width:auto; color:rgba(98,177,145,1); padding-right:0.5em; }
article.ficheformation .infosformateur div.localisation > span { display:inline-block; vertical-align:middle; padding:0; }
article.ficheformation .infosformateur div.localisation > span:first-of-type { font-weight:600; }

article.ficheformation .infosformateur span.buttons { position:absolute; top:50%; right:0; width:30%; transform:translateY(-50%); padding-right:2em; }
article.ficheformation .infosformateur span.buttons button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; font-size:0.8em; width:100%; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border:1px solid rgba(98,177,145,1); margin-top:1em; }
body.desktop article.ficheformation .infosformateur span.buttons button:hover { background-color:rgba(255,255,255,1); color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }
article.ficheformation .infosformateur span.buttons button:first-of-type { margin-top:0; }


article.ficheformation .infosformation { display:block; vertical-align:top; margin:0; }

article.ficheformation .intro { display:block; margin:3em 0; }
article.ficheformation .intro h3 { font-size:1.5em; margin-bottom:2.5em; font-weight:600; color:rgba(98,177,145,1); height:2.4em; line-height:1.2; max-width:100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
article.ficheformation .intro h4 { font-size:1.2em; font-weight:600; color:rgba(98,177,145,1); padding:3em 0 0.5em 0; }
article.ficheformation .intro > div { display:block; width:100%; }
article.ficheformation .intro > span { display:block; }
article.ficheformation .intro > div, article.ficheformation .intro > ul { margin:0; padding:0; }
article.ficheformation .intro > ul li { list-style-type:none; margin:0; padding:0 0 0.5em 1.3em; line-height:1.2; }
article.ficheformation .intro > ul li:last-of-type { padding-bottom:0; }
article.ficheformation .intro > ul li:before { content:''; position:absolute; left:0; top:0.5em; height:0.3em; width:0.3em; background-color:rgba(98,177,145,1); border-radius:50%; transform:translateY(-50%); }
article.ficheformation .intro span.reference { display:block; width:100%; font-weight:600; color:rgba(98,177,145,1); font-size:1em; line-height:1; margin-top:0.5em; margin-bottom:1.5em; }
article.ficheformation .intro span.sharebtns  { position:absolute; right:0; top:0; width:auto; }
article.ficheformation .intro form.favori, article.ficheformation .intro button.share { position:relative; display:inline-block; vertical-align:middle; }
article.ficheformation .intro form.favori { margin-right:1em; width:auto; height:auto; }
article.ficheformation .intro button.share { color:rgba(98,177,145,1); }

article.ficheformation .columns { font-size:0; display:block; margin:0; }
article.ficheformation .columns > div { display:inline-block; vertical-align:top; }

article.ficheformation .columns > div h4 { font-size:1.2em; font-weight:600; color:rgba(98,177,145,1); padding:2em 0 0.5em 0; }
article.ficheformation .columns > div > div, article.ficheformation .columns > div > ul { margin:0; padding:0; }
article.ficheformation .columns > div > ul li { list-style-type:none; margin:0; padding:0 0 0.5em 1.3em; line-height:1.2; }
article.ficheformation .columns > div > ul li:last-of-type { padding-bottom:0; }
article.ficheformation .columns > div > ul li:before { content:''; position:absolute; left:0; top:0.5em; height:0.3em; width:0.3em; background-color:rgba(98,177,145,1); border-radius:50%; transform:translateY(-50%); }

article.ficheformation .plusformation { display:block; margin:3em 0; padding:0; }
article.ficheformation .plusformation > div.pictos { margin:0; padding:2em 1em 4em 1em; border:1px solid rgba(74,74,74,1); border-radius:0.5em; overflow:hidden; }
article.ficheformation .plusformation ul { display:block; margin:0; padding:0; }
article.ficheformation .plusformation ul > li { padding-left:3.2em; margin-top:1em; }
article.ficheformation .plusformation ul > li:first-of-type { margin-top:0; }
article.ficheformation .plusformation ul > li > svg { position:absolute; left:0; top:0; width:2em; height:2em; color:rgba(98,177,145,1); }
article.ficheformation .plusformation ul > li div { font-weight:600; color:rgba(98,177,145,1); }
article.ficheformation .plusformation ul > li.tarif div { font-size:2em; }
article.ficheformation .plusformation > div.pictos button { transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; text-transform:uppercase; font-weight:600; padding:0.5em 0; font-size:1em; width:100%; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border-top:1px solid rgba(98,177,145,1); position:absolute; left:0; width:100%; bottom:0; height:auto; }
body.desktop article.ficheformation > div.pictos .plusformation button:hover { background-color:rgba(255,255,255,1); color:rgba(98,177,145,1); border-color:rgba(74,74,74,1); }
	
article.ficheformation .plusformation a { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; display:block; text-align:center; font-size:1em; width:100%; margin-top:2em; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border:1px solid rgba(98,177,145,1); }
body.desktop article.ficheformation .plusformation a:hover { background-color:rgba(255,255,255,1); color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }

article.ficheformation .plusformation div.btns button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; display:block; text-align:center; font-size:1em; width:100%; margin-bottom:0.8em; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border:1px solid rgba(98,177,145,1); }
body.desktop article.ficheformation .plusformation div.btns button:hover { background-color:rgba(255,255,255,1); color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }

article.ficheformation .plusformation div.btns button.cancel { margin-bottom:2em; background-color:rgba(236,151,31,1); border-color:rgba(236,151,31,1); }
body.desktop article.ficheformation .plusformation div.btns button.cancel:hover { background-color:rgba(255,255,255,1); color:rgba(236,151,31,1); border-color:rgba(236,151,31,1); }
body.desktop article.ficheformation .plusformation div.btns button.cancel.notinversion:hover { background-color:rgba(236,151,31,1) !important; color:rgba(255,255,255,1) !important; border-color:rgba(236,151,31,1) !important; }

article.ficheformation .plusformation .parrainage { text-align:center; }
article.ficheformation .plusformation .parrainage > span { font-weight:600; text-transform:uppercase; margin:2em auto 1em auto; padding:0.5em 2em; width:auto; display:inline-block; border:1px solid rgba(98,177,145,1); border-radius:5px; }
article.ficheformation .plusformation .parrainage > div { text-align:left; }

article.ficheformation div.validation { width:auto; margin-top:4em; }
article.ficheformation button.btnstatus { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; font-size:1em; margin-right:1em; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border:1px solid rgba(98,177,145,1); }
body.desktop article.ficheformation button.btnstatus:hover { background-color:rgba(255,255,255,1); color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }

article.ficheformation button.btnstatus.refused { background-color:rgba(236,151,31,1); color:rgba(255,255,255,1); border:1px solid rgba(236,151,31,1); margin-right:0; }
body.desktop article.ficheformation button.btnstatus.refused:hover { background-color:rgba(255,255,255,1); color:rgba(236,151,31,1); border-color:rgba(236,151,31,1); }

article.ficheformation .listesessions { clear:both; margin:1em 0 3em 0; padding-top:4em; }
article.ficheformation .listesessions h4 { font-size:1.2em; font-weight:600; color:rgba(98,177,145,1); padding:0; margin:0 0 0.5em 0; }

article.ficheformation .listesessions > ul { font-size:0; margin-top:0; }
article.ficheformation .listesessions > ul > li { overflow:hidden; display:inline-block; width:100%; margin-bottom:2em; background-color:rgba(255,255,255,1); border:1px solid rgba(74,74,74,1); border-radius:0.5em; padding:0; transition:background-color 300ms ease, border-color 300ms ease; }
article.ficheformation .listesessions > ul > li.current { border-color:rgba(98,177,145,1); border-width:2px; transform:translateY(1px); }

article.ficheformation .listesessions > ul > li > div.resume { padding:1em 0.5em; text-align:center; }
article.ficheformation .listesessions > ul .localisation { padding-left:2.3em; min-height:4.5em; min-height:0; white-space: nowrap; text-overflow:ellipsis; max-width:100%; overflow:hidden;}
article.ficheformation .listesessions > ul .localisation > svg { position:absolute; left:0; top:0; width:1.5em; height:auto; color:rgba(98,177,145,1); }
article.ficheformation .listesessions > ul .localisation > span { display:block; white-space: nowrap; text-overflow:ellipsis; max-width:100%; overflow:hidden; }

article.ficheformation .listesessions > ul > li > div.resume .localisation { font-size:0.8em; display:inline-block; width:auto; margin:0 auto; font-weight:500; }
article.ficheformation .listesessions > ul > li .dates > span { border:1px solid rgba(74,74,74,1); min-width:6em; border-radius:0.5em; padding:0.5em 1em; display:inline-block; width:auto; margin:0.5em auto; }
article.ficheformation .listesessions > ul > li .dates > span > span { display:block; text-transform:uppercase; }
article.ficheformation .listesessions > ul > li .dates > span > span:nth-of-type(2) { font-size:0.7em; }

article.ficheformation .listesessions > ul > li > div.resume button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; font-size:0.8em; display:block; background-color:rgba(98,177,145,1); border:1px solid rgba(98,177,145,1); color:rgba(255,255,255,1); margin:0.5em auto 0 auto; min-width:8em; }
body.desktop article.ficheformation .listesessions > ul > li > div.resume button:hover { background-color:rgba(255,255,255,1); border-color:rgba(98,177,145,1); color:rgba(98,177,145,1); }

article.ficheformation .adresse { clear:both; margin:3em 0; }
article.ficheformation .adresse h4 { font-size:1.2em; font-weight:600; color:rgba(98,177,145,1); padding:0; margin:0 0 1.5em 0; }
article.ficheformation .adresse > div.commentaire { padding-top:2em; }
article.ficheformation .adresse > div > a { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; font-size:0.8em; display:inline-block; background-color:rgba(98,177,145,1); border:1px solid rgba(98,177,145,1); color:rgba(255,255,255,1); width:auto; text-transform:none; }
body.desktop article.ficheformation .adresse > div >  a:hover { background-color:rgba(255,255,255,1); border-color:rgba(98,177,145,1); color:rgba(98,177,145,1); }

article.ficheformation button.visio { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; display:block; text-align:center; font-size:1em; width:auto; margin-top:1.5em; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border:1px solid rgba(98,177,145,1); }
body.desktop article.ficheformation button.visio:hover { background-color:rgba(255,255,255,1); color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }

article.ficheformation .horaires { clear:both; margin:3em 0; }
article.ficheformation .horaires h4 { font-size:1.2em; font-weight:600; color:rgba(98,177,145,1); padding:0; margin:0 0 1.5em 0; }
article.ficheformation .horaires table { width:auto; }
article.ficheformation .horaires table td:first-of-type { font-weight:500; padding-right:2em; }

article.ficheformation .evaluations { clear:both; margin:3em 0; }
article.ficheformation .evaluations h4 { font-size:1.2em; font-weight:600; color:rgba(98,177,145,1); padding:0; margin:0 0 1.5em 0; }

article.ficheformation .stats { clear:both; margin:3em 0; }
article.ficheformation .stats h4 { font-size:1.2em; font-weight:600; color:rgba(98,177,145,1); padding:0; margin:0 0 1.5em 0; }
article.ficheformation .stats ul { padding:1.5em 3em; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border-radius:0.5em; }
article.ficheformation .stats ul > li:first-of-type { margin-top:0; }
article.ficheformation .stats ul > li > span:first-of-type { font-weight:500; color:rgba(74,74,74,1); }

ul.listepublic { font-size:0; margin-top:0; }
ul.listepublic > li { overflow:hidden; display:inline-block; width:100%; margin-bottom:2em; background-color:rgba(255,255,255,1); border:1px solid rgba(74,74,74,1); border-radius:0.5em; padding:0; transition:background-color 300ms ease, border-color 300ms ease; }

ul.listepublic > li > div.visuel img { position:relative; width:100%; height:auto; }

ul.listepublic > li > div.formateur { height:4em; margin-top:0.5em; padding:1.5em 2em 1.5em 6em; text-align:left; font-weight:500; }
ul.listepublic > li > div.formateur .avatar { z-index:1; font-size:1em; position:absolute; left:1.5em; top:50%; width:3em; height:3em; transform: translateY(-50%); }
body.desktop ul.listepublic > li:hover > div.formateur { opacity:0; }

ul.listepublic > li > form.favori { z-index:99; position: absolute; right:1.5em; top:1.5em; }
ul.listepublic > li > form.favori > button { width:1.5em; height:1.5em; }
ul.listepublic > li > form.favori:not(.active) > button path:nth-of-type(1) { fill:rgba(255,255,255,1); stroke:rgba(255,255,255,1); stroke-width:5; }
ul.listepublic > li > form.favori > button path:nth-of-type(2) { display:none; }
ul.listepublic > li > form.favori.active > button path:nth-of-type(1) { fill:rgba(244,0,0,1); stroke:rgba(244,0,0,1); stroke-width:5; }


ul.listepublic > li > div.resume { padding:1em 2em; }
ul.listepublic h3 { color:rgba(98,177,145,1); margin-bottom:0.5em; height:2.4em; line-height:1.2; max-width:100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom:0.5em;  }
ul.listepublic div.description { font-size:0.8em; height:2.4em; line-height:1.2; max-width:100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom:1em;  }
ul.listepublic > li > div.resume > ul { font-size:0; }
ul.listepublic .duree { margin-top:0.5em; margin-bottom:0.5em; }
ul.listepublic b { font-weight:600; color:rgba(98,177,145,1); }
ul.listepublic .avis { font-size:0.8em; }
ul.listepublic .tarif { font-size:1.2em; font-weight:500; position:absolute; right:calc(2em / 1.2); bottom:calc(1em / 1.2); padding:0.5em; min-width:2em; border-radius:1em; line-height:1; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); text-align:center; }
ul.listepublic .tarif > span { font-size:0.6em; padding:0; }

ul.listepublic .localisation { padding-left:2.3em; min-height:4.5em; min-height:0; }
ul.listepublic .localisation > svg { position:absolute; left:0; top:0; width:1.5em; height:auto; color:rgba(98,177,145,1); }
ul.listepublic .localisation > span { display:block; white-space: nowrap; text-overflow:ellipsis; max-width:100%; overflow:hidden; }

ul.listepublic > li > div.actions { z-index:90;  opacity:0; position:absolute; color:rgba(255,255,255,1); background-color:rgba(98,177,145,1); display:inline-block; left:0; top:0; width:100%; height:100%; vertical-align:middle; text-align:center; font-weight:600; transition:opacity 300ms ease; }
ul.listepublic > li > div.actions > div { display:none; }
body.desktop ul.listepublic > li:hover > div.actions, ul.listepublic > li.hover > div.actions { opacity:1; }
body.desktop ul.listepublic > li:hover > div.actions > div, ul.listepublic > li.hover > div.actions > div { display:block; }
body.desktop ul.listepublic > li:hover, ul.listepublic > li.hover { background-color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }
ul.listepublic > li > div.actions > div:first-of-type { top:50%; transform:translateY(-50%); }
ul.listepublic > li > div.actions > div > button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; display:block; background-color:rgba(98,177,145,1); border:1px solid rgba(255,255,255,1); color:rgba(255,255,255,1); margin:0 auto 1em auto; min-width:60%; }
ul.listepublic > li > div.actions > div > button:last-of-type { margin-bottom:0; }
body.desktop ul.listepublic > li > div.actions > div > button:hover { background-color:rgba(255,255,255,1); border-color:rgba(255,255,255,1); color:rgba(98,177,145,1); }

ul.listepublic > li div.minilistesessions { position:absolute; top:calc(100% - 1.5em); transform:translateY(-100%); left:0; width:100%; }
ul.listepublic > li div.minilistesessions h4 { font-size:1em; padding-bottom:1em; }
ul.listepublic > li div.minilistesessions ul > li { display:inline-block; margin:0 0.5em; width:auto; }
ul.listepublic > li div.minilistesessions .dates > span { transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; border:1px solid rgba(255,255,255,1); min-width:5em; border-radius:0.5em; padding:0.5em 1em; display:inline-block; width:auto; margin:0.5em auto; }
ul.listepublic > li div.minilistesessions .dates > span > span { display:block; text-transform:uppercase; white-space: nowrap; }
ul.listepublic > li div.minilistesessions .dates > span > span:nth-of-type(2) { font-size:0.7em; }
body.desktop ul.listepublic > li div.minilistesessions .dates > span:hover { background-color:rgba(255,255,255,1); border-color:rgba(255,255,255,1); color:rgba(98,177,145,1); }

.sessioninscription { margin-top:2em; }
.sessioninscription form { margin-top:2em; }
.sessioninscription label { display:inline-block; width:auto; margin-bottom:2em; }
.sessioninscription label > span { display:inline-block; vertical-align:middle; padding-right:2em; }
.sessioninscription input { width:10em; font-family:Quicksand, sans-serif; font-size:1em; font-weight:400; display:inline-block; vertical-align:middle; background-color:rgba(255,255,255,1); border:1px solid rgba(200,200,200,1); border-radius:5px; padding:0.6em 0.5em 0.6em 0.5em; outline:0; line-height:1; }
.sessioninscription button { padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; transition: background-color 300ms linear, border-color 300ms linear, color 300ms linear; display:block; background-color:rgba(98,177,145,1); border:1px solid rgba(98,177,145,1); color:rgba(255,255,255,1); margin:1em auto 0 auto; }
body.desktop .sessioninscription button:hover { background-color:rgba(255,255,255,1); border-color:rgba(98,177,145,1); color:rgba(98,177,145,1); }


.monoinput.focus > span { display:none; }

section#page-mainsearch { width:90%; max-width:90%; padding:3rem 0; margin:0 auto; }
section#page-mainsearch > form.mainsearch { z-index:999; width:60%; margin:0 auto; }

form.mainsearch { margin:0; z-index:2; position:relative; font-size:1.6em; line-height:11; height:auto; }
form.mainsearch label { display:block; height:auto; font-size:1em; margin:0; padding:0; }
form.mainsearch label:nth-of-type(1) { z-index:3; position:relative; width:100%; }
form.mainsearch.focus label:nth-of-type(1) { z-index:1; }
form.mainsearch label:nth-of-type(2) { z-index:2; position:absolute; left:calc(50% - (3em / 2)); width:calc(50% - (3em / 2)); top:50%; transform:translateY(-50%); }
form.mainsearch label > span { top:50%; transform:translateY(-50%); z-index:2; position:absolute; display:block; left:calc(1.5em / 0.8); width:calc(100% - (1.5em + 6.5em) / 0.8); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:0.8em; line-height:1; z-index:2;  background-color:rgba(255,255,255,1); color:rgba(74,74,74,1); }
form.mainsearch.focus label:nth-of-type(1) > span { display:none; }
form.mainsearch label > svg { display:none; z-index:2; position:absolute; left:0.7em; top:50%; width:1em; height:1em; transform:translateY(-50%); color:rgba(98,177,145,1); }
form.mainsearch.focus label > svg { display:block; }
form.mainsearch label > input { display:block; z-index:1; position:relative; margin:0; padding:0.7em 0 0.7em calc(2.4em + 5px); border-radius:calc( (0.8em + (2 * 0.7em)) / 2 ); font-size:0.8em; line-height:1; outline:0; height:2.4em; background-color:rgba(255,255,255,1); color:rgba(74,74,74,1); }
form.mainsearch label:nth-of-type(1) > input { padding-right:calc(50% + 3em); border:1px solid rgba(160,160,160,1); }
form.mainsearch label:nth-of-type(2) > input { border:0; background-color:transparent; border-left:1px solid #ccc; border-radius:0; height:2em; }
form.mainsearch > button { display:block; padding:0.8em 1.3em; border-radius:calc( (1em + (2 * 0.8em)) / 2 ); font-size:1em; line-height:1; font-weight:500; text-transform:uppercase; z-index:3; position:absolute; font-size:0.8em; top:50%; transform:translateY(-50%) scale(0.7); right:0.3em; transform-origin:center right; background-color:rgba(98,177,145,1); color:rgba(255,255,255,1); border:1px solid rgba(98,177,145,1); min-height:2.6em; min-width:2.6em; }
form.mainsearch > button svg { display:none; z-index:2; position:absolute; left:50%; top:50%; width:1.3em; height:1.3em; transform:translate(-50%,-50%); }
form.mainsearch.focus > button > svg { display:inline-block; }
form.mainsearch.focus > button > span { display:none; }
body.desktop form.mainsearch button:hover { background-color:rgba(255,255,255,1); color:rgba(98,177,145,1); border-color:rgba(98,177,145,1); }

form.mainsearch label.showresults > ul.ajaxresults { margin-top:0.2em; }
form.mainsearch label.showresults > ul.ajaxresults li:first-of-type { margin-top:0; }

.mainresults { margin-top:4em; }
footer { margin:4rem auto 0 auto; font-size:0; z-index:900; position:relative; background-color:rgba(53,53,53,1); color:rgba(255,255,255,1); text-align:left; padding:2rem 0 0 0; }
footer:before { left:50%; transform:translateX(-50%); content:''; position:absolute; top:0; bottom:0; width:100vw; background-color:rgba(53,53,53,1); }

footer .logo { height:5em; color:rgba(158,158,158,1); }
footer .logo svg .highlight { fill:rgba(98,177,145,1); }

footer > nav ul li { display:block; list-style-type:none; padding-bottom:0.5em; }

footer > nav.sociaux { color:rgba(158,158,158,1); }
footer > nav.sociaux ul li { display:inline-block; vertical-align:middle; padding-right:0.5em; }
footer > nav.sociaux ul li:last-of-type { padding-right:0; }
footer > nav.sociaux ul li button { height:2em; width:2em; }
footer > nav.sociaux ul li button svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:100%; height:100%; }

footer h2 { padding-top:1.5em; padding-bottom:1em; text-transform:uppercase; font-size:1.1em; font-weight:400; color:rgba(98,177,145,1); }
body.desktop footer a:hover, body.desktop footer button:hover { color:rgba(98,177,145,1); }

footer .copyright { display:block; padding:1em 0; text-align:left; background-color:transparent; margin-top:4rem; }
footer .copyright:before { left:50%; transform:translateX(-50%); content:''; position:absolute; top:0; bottom:0; width:100vw; background-color:transparent; }
footer .copyright span { font-size:0.9em; padding:0 1em; line-height:1; display:inline-block; vertical-align:top; color:rgba(255,255,255,0.6); }

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 { top:50%; transform:translateY(-50%); position:absolute; display:inline-block; margin-left:0.5em; height:1em; width:auto; right:0; }
footer .copyright span:last-of-type svg { height:1.1em; }
body.desktop footer .copyright span a:hover { color:rgba(255,255,255,1); }

/* Hide pictos */
footer .copyright span a { padding-right:0; }
footer .copyright span svg { display:none; }


#modal { z-index:-1; opacity:0; position:fixed; left:0; top:0; width:100vw; height:100vh; background-color:rgba(0,0,0,0.8); }
#modal.display { z-index:999999; opacity:1; }
#modal > div { opacity:0; transition: opacity 500ms ease; background-color:rgba(255,255,255,1); border-radius:0.5em; padding:2em 3em; position:absolute; left:50%; top:50%; min-width:25vw; min-height:10vh; max-width:96vw; max-height:96vh; width:auto; height:auto; transform:translate(-50%,-50%); }
#modal.display > div { opacity:1; }
#modal > div > button { cursor:pointer; position:absolute; right:1.2em; top:1.2em; width:1.6em; height:1.6em; border:1px solid; border-radius:50%; }
#modal > div > button > svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:40%; height:40%; stroke-width:8; }
#modal > div section { width:100%; }
#modal > div h2 { text-align:left; font-weight:600; font-size:1.1em; padding:0 0 1em 0; }
#modal > div p { text-align:left; font-size:1em; }
#modal > div .avertissement { padding-bottom:1em; }

#modal > div p.retour { text-align:center; font-size:1.4em; padding:0.5em 0; }

#modal.video > div { background-color:#000; width:80vw; height:calc( (9/16) * 80vw); padding:0.5em; }
#modal.video > div > button { display:none; }
#modal.video > div > div { width:100%; height:100%; }
#modal.video > div div.video.controls { width:100%; height:100%; }
#modal.video > div iframe { border:0; background-color:transparent; width:100%; height:100%;  padding:0; margin:0; }


#fromright { z-index:999; position:fixed; left:100vw; top:0; width:100vw; height:100vh; background-color:rgba(255,255,255,1); transition: left 500ms ease; }
#fromright.display { left:0; }
#fromright > div { background-color:rgba(255,255,255,1); margin:9em 0 0 0; padding:0; position:absolute; left:0; top:0; width:100%; height:calc(100% - 9em); overflow-x:hidden; overflow-y:auto; }
#fromright > div > button { cursor:pointer; position:absolute; left:5%; top:0; width:1.6em; height:1.6em; border:1px solid; border-radius:50%; }
#fromright > div > button > svg { left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; width:40%; height:40%; stroke-width:8; }
/* ------------------------------------------------------------------------------------------------------------- */
/* RESPONSIVE */

aside.contribution { display:none !important; }


html { font-size:10px; font-size:1vw; }
@media (orientation:portrait) and (min-width:801px), (orientation:landscape) and (min-width:501px) {

	body, header, main, section, article, aside,aside.perso > nav > div > div,header nav > ul.identification > li > div > button,.section-auth form > label, .section-auth form > div, .section-auth form > button,.section-espaceperso .tools .prochain > a > div,section#page-messagerie > div,section#page-agenda .calendars > div > div,section#page-agenda .activites ul > li > div,.section-espaceperso ul.liste li,ul.listepublic li,article.ficheformation .listesessions > ul li,article.ficheformation .columns > div,section#page-gestionsessions .suivisession ul.status li,.listerelations ul.liste li > div,ul.resumeavis > li,footer > div, footer > nav, footer > aside { font-size:0.8rem; }
	header { width:100%; padding-left:calc( (100% - 93%) / 2); padding-right:calc( (100% - 93%) / 2); }
	main { width:93%; }
	footer { width:85%; }
	section { width:80%; }

	body.windows.noscrollbar header > nav { padding-right:calc(2rem + 17px - 1px); }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/

	header { padding-top:2rem; }
	header nav { top:50%; transform:translateY(-50%); position:absolute; right:calc( (100% - 93%) / 2); padding-right:2rem; }

	section.home { width:80%; }

	section.home-profile { min-height:30rem; }
	
	div.search { width:50%; }
	div.search form { width:25em; }
	div.search div.wait { width:calc((1.6/1.2) * 25em); }
	div.slider { top:50%; transform:translateY(-50%); position:absolute; width:45%; padding-bottom:45%; }
	div.slider ul li > div { top:60%; }

	section.home-process { width:90%; }
	
	section.home-newsletter { width:80%; }
	section.home-newsletter > div { width:50%; padding:0 6% 0 5%; }
	section.home-newsletter form { display:block; position:absolute; width:40%; left:60%; max-width:20em; bottom:4rem; }

	.section-auth { width:50%; max-width:30em; }

	.section-espaceperso article.avatar { position:absolute; left:0; top:0; width:13em; height:auto; }
	.section-espaceperso article.profil, .section-espaceperso article.description, .section-espaceperso article.video, .section-espaceperso article.sociaux, .section-espaceperso article.accordion { padding-left:18em; }

	.section-espaceperso article:not(.description) label { margin-right:1em; width:25em; }

	.section-espaceperso article.notifications label { margin-right:0; width:100%; }

	.section-espaceperso article.profil label, .section-espaceperso article.entreprise label { float:left; width:18em; }
	.section-espaceperso article label.email, .section-espaceperso article label.adresse, .section-espaceperso article label.cp { clear:both; }
	.section-espaceperso article label.statut, .section-espaceperso article label.siren { clear:both; }
	.section-espaceperso article label.email { width:25em; }
	.section-espaceperso article label.telephone, .section-espaceperso article label.ville, .section-espaceperso article label.pays { width:18em; }
	.section-espaceperso article label.adresse, .section-espaceperso article label.complement { width:23em; }
	.section-espaceperso article label.cp { width:8em; }
	.section-espaceperso article label.raisonsociale { width:38em; }
	.section-espaceperso article label.service, .section-espaceperso article label.plateforme { width:10em; }
	.section-espaceperso article label.mois, .section-espaceperso article label.annee { width:5.6em; }
	.section-espaceperso article label.upload { width:auto; max-width:20em; }
	.section-espaceperso article label.level { width:9em; }
	.section-espaceperso article label.libelle { width:23em; }
	.section-espaceperso article label.actuel { width:auto; }
	.section-espaceperso article label.experience { width:100%; margin-right:0; }
	.section-espaceperso article label.description { width:100%; margin-right:0; }

	
	.section-espaceperso article form.formupdate:not(.single) label > span { display:none; }
	.section-espaceperso article.experiences form.formupdate label > span { display:block; }

	.section-espaceperso article.recommandations li { padding-right:4em; min-height:3em; max-width:60em; }
	.section-espaceperso article .formshowhide { position:absolute; top:0; right:0; }

	.section-espaceperso article .btncontact { position:absolute; top:1.2em; right:2em;  }

	.profilpublic article div.fieldset.competences div.level { top:50%; transform:translateY(-50%); position:absolute; right:0; }
	.profilpublic article div.fieldset.diplomes li h5 { width:35%; }
	.profilpublic article div.fieldset.diplomes li .btnupload { top:50%; transform:translateY(-50%); position:absolute; right:0; }
	.profilpublic article div.fieldset.experiences li span.periode { position:absolute; left:0; top:1.6em; vertical-align:top; width:35%; padding-right:1em; }
	.profilpublic article div.fieldset.experiences li span.description { vertical-align:top; padding-left:35%; min-height:1em; }


	section#page-messagerie { padding-top:6rem; }
	.alldiscussions form.echangessearch { top:-5em }

	section#page-messagerie > div { width:28%; }
	section#page-messagerie > div.allmessages { width:44%; }
	section#page-messagerie > div:not(.correspondant):before { content:''; position:absolute; left:0; right:0; top:-1em; height:0.7px; background-color:#666; }

	section#page-messagerie a.goback { display:none; }
	.allmessages .identification { display:none; }

	.alldiscussions ul, .allmessages ul { height:calc(100vh - 30em); }

		
	.alldiscussions ul:before { content:''; position:absolute; right:0; top:0; bottom:0; width:0.7px; background-color:#666; }
	.alldiscussions ul a.discussion.current { background-color:rgba(98,177,145,0.2); }
	.alldiscussions ul a.discussion.current:before { z-index:1; content:''; position:absolute; right:0; top:0; bottom:0; width:1px; background-color:#fff; }
	.alldiscussions ul a.discussion.current:after { z-index:2; content:''; position:absolute; right:0; top:0; bottom:0; width:1px; background-color:rgba(98,177,145,0.2); }

	section#page-agenda a.goback { display:none; }
	section#page-agenda .activites h3:before { z-index:1; content:''; position:absolute; width:100vw; top:0; bottom:0; left:50%; transform:translateX(-50%); background-color:rgba(98,177,145,1); opacity:0.5; }
	section#page-agenda .activites h3 > span { z-index:2; }
	
	section#page-gestionformations article.formation-statut { position:absolute; left:0; top:0; width:13em; height:auto; }
	section#page-gestionformations article.formation-descriptif { padding-left: 18em; }

	section#page-gestionformations ul.liste > li { width:calc((100% - 4em) / 3); margin-right:2em; }
	section#page-gestionformations ul.liste > li:nth-of-type(3n) { margin-right:0; }

	section#page-gestionformations article label.nbheures, section#page-gestionformations article label.tarif { float:left; width:28em; }
	section#page-gestionformations article label.option { width:auto !important; float:left; margin-left:4em; margin-top:0; }
	section#page-gestionformations article label.distanciel { clear:both; margin-left:0.5em; }
	section#page-gestionformations article label.typelocalisation { margin-top:1em; }
	section#page-gestionformations article label.option > div { margin-top:0; }

	section#page-gestionsessions ul.liste > li { width:calc((100% - 6em) / 4); margin-right:2em; }
	section#page-gestionsessions ul.liste > li:nth-of-type(4n) { margin-right:0; }

	section#page-gestionsessions form.session-delete { position:absolute; top:-4em; right:0; margin:0; z-index:10; }

	section#page-gestionsessions article.session-descriptif label { float:left; width:30em; }
	section#page-gestionsessions article label.parrainage { clear:both; }
	section#page-gestionsessions article label.potentiel { clear:both; width:100%; float:none; }

	section#page-gestionsessions article.session-descriptif label.commentaire { width:100%; margin:2em 0 0 0; }

	section#page-gestionsessions article label.jour { width:15em; }
	section#page-gestionsessions article label.amstart, section#page-gestionsessions article label.amstop, section#page-gestionsessions article label.pmstart, section#page-gestionsessions article label.pmstop { width:8em; }

	section#page-gestionsessions article label.calculduree { width:100%; float:none; }

	section#page-gestionsessions article .formnew > button { margin-top:2.2em; margin-left:1.2em; }

	section .suivisession article.session-inscriptions .listeinscrits table .nom { min-width:20em; }

	section#page-gestionsalles ul.liste > li { width:calc((100% - 6em) / 4); margin-right:2em; }
	section#page-gestionsalles ul.liste > li:nth-of-type(4n) { margin-right:0; }

	section#page-gestionsalles article.usersalle-coords label { float:left; width:35em; }
	section#page-gestionsalles article label.adresse, section#page-gestionsalles article label.geoloc { clear:both; }

	section#page-gestionsalles article label.lat, section#page-gestionsalles article label.lng, section#page-gestionsalles article label.zoom { width:10em; }

	section#page-gestioninscriptions ul.liste > li { width:calc((100% - 4em) / 3); margin-right:2em; }
	section#page-gestioninscriptions ul.liste > li:nth-of-type(3n) { margin-right:0; }

	ul.resumeavis > li { width:calc((100% - 4em) / 3); margin-right:2em; }
	ul.resumeavis > li:nth-of-type(3n) { margin-right:0; }
	
	article.ficheformation .infosformation { float:left; width:70%; }
	article.ficheformation .plusformation { float:right; width:calc(30% - 4em); }

	article.ficheformation .intro > span { position:absolute; right:0; top:0; width:40%; }
	article.ficheformation .intro span.avis { position:absolute; left:0; top:0; }
	article.ficheformation .intro span.reference { position:absolute; left:0; top:2.4em; }
	article.ficheformation .intro h3 { width:50%; }

	article.ficheformation .columns > div { width:50%; }
	article.ficheformation .columns > div:nth-of-type(2n+1) { padding-right:1em; }
	article.ficheformation .columns > div:nth-of-type(2n) { padding-left:1em; }

	article.ficheformation aside.mapsalle { padding-bottom:20%; }

	article.ficheformation .listesessions > ul > li { width:calc((100% - 10em) / 6); margin-right:2em; }
	article.ficheformation .listesessions > ul > li:nth-of-type(6n) { margin-right:0; }

	#page-profilpublic ul.listepublic > li { width:calc((100% - 4em) / 3); margin-right:2em; }
	#page-profilpublic ul.listepublic > li:nth-of-type(3n) { margin-right:0; }

	#page-profilpublic ul.listepublic > li { width:calc((100% - 4em) / 3); margin-right:2em; }
	#page-profilpublic ul.listepublic > li:nth-of-type(3n) { margin-right:0; }

	#page-mainsearch ul.listepublic > li { width:calc((100% - 6em) / 4); margin-right:2em; }
	#page-mainsearch ul.listepublic > li:nth-of-type(4n) { margin-right:0; }

	footer > div, footer > nav { display:inline-block; vertical-align:top; padding-right:4rem; }
	footer .logo { width:25%; height:5em; }
	footer .coords { width:20%; }
	footer > nav { width:20%; }
	footer > nav.sociaux { width:35%; }
	
}
@media (min-width:250vh) { 

	#en2mots { max-width:250vh !important; }
	header { max-width:250vh !important; }
	header:before { max-width:250vh !important; }
}
@media (min-width:2560px) { 

	header { max-width:2560px; }
	header:before { max-width:2560px; }
	
}
@media (min-width:2000px) { 

	html { font-size:20px; }

	section.home-profile { padding:calc( (2 * 4rem) + 2vw) 0; }
	div.slider { width:calc(45% - 2vw); padding-bottom:calc(45% - 2vw); }

}
@media (orientation:portrait) and (min-width:801px) and (max-width:1300px), (orientation:landscape) and (min-width:501px) and (max-width:1300px) {

	body, header, main, section, article, aside,aside.perso > nav > div > div,header nav > ul.identification > li > div > button,.section-auth form > label, .section-auth form > div, .section-auth form > button,.section-espaceperso .tools .prochain > a > div,section#page-messagerie > div,section#page-agenda .calendars > div > div,section#page-agenda .activites ul > li > div,.section-espaceperso ul.liste li,ul.listepublic li,article.ficheformation .listesessions > ul li,article.ficheformation .columns > div,section#page-gestionsessions .suivisession ul.status li,.listerelations ul.liste li > div,ul.resumeavis > li,footer > div, footer > nav, footer > aside { font-size:1.1rem; }
	header { width:100%; padding-left:calc( (100% - 94%) / 2); padding-right:calc( (100% - 94%) / 2); }
	main { width:94%; }
	footer { width:90%; }
	section { width:90%; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

	header nav { right:calc( (100% - 94%) / 2); }

	section.home { width:90%; }

	aside.ariane { width:84%; }

	.section-espaceperso { padding:3rem 3%; }
	.section-espaceperso #ul-auth > li button { font-size: 1.2em; }

section#page-gestionformations { padding:3rem 3%; }
section#page-gestionformations ul.liste > li { width:calc((100% - 2em) / 2); margin-left:2em; margin-right:0; }
section#page-gestionformations ul.liste > li:nth-of-type(2n+1) { margin-left:0; }

section#page-gestionsessions { padding:3rem 3%; }
section#page-gestionsessions ul.liste > li { width:calc((100% - 2em) / 2); margin-left:2em; margin-right:0; }
section#page-gestionsessions ul.liste > li:nth-of-type(2n+1) { margin-left:0; }

section#page-gestionsalles { padding:3rem 3%; }
section#page-gestionsalles ul.liste > li { width:calc((100% - 2em) / 2); margin-left:2em; margin-right:0; }
section#page-gestionsalles ul.liste > li:nth-of-type(2n+1) { margin-left:0; }

section#page-gestioninscriptions ul.liste > li { width:calc((100% - 2em) / 2); margin-left:2em; margin-right:0; }
section#page-gestioninscriptions ul.liste > li:nth-of-type(2n+1) { margin-left:0; }

article.ficheformation .listesessions > ul > li { width:calc((100% - 6em) / 4); margin-left:2em; margin-right:0; }
article.ficheformation .listesessions > ul > li:nth-of-type(4n+1) { margin-left:0; }

ul.listepublic > li { width:calc((100% - 2em) / 2); margin-left:2em; margin-right:0; }
ul.listepublic > li:nth-of-type(2n+1) { margin-left:0; }

#page-profilpublic ul.listepublic > li { width:calc((100% - 2em) / 2); margin-left:2em; margin-right:0; }
#page-profilpublic ul.listepublic > li:nth-of-type(2n+1) { margin-left:0; }

#page-mainsearch ul.listepublic > li { width:calc((100% - 4em) / 3); margin-left:2em; margin-right:0; }
#page-mainsearch ul.listepublic > li:nth-of-type(3n+1) { margin-left:0; }

}
@media (orientation:portrait) and (max-width:800px), (orientation:landscape) and (max-width:500px) {

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

	body, header, main, section, article, aside,aside.perso > nav > div > div,header nav > ul.identification > li > div > button,.section-auth form > label, .section-auth form > div, .section-auth form > button,.section-espaceperso .tools .prochain > a > div,section#page-messagerie > div,section#page-agenda .calendars > div > div,section#page-agenda .activites ul > li > div,.section-espaceperso ul.liste li,ul.listepublic li,article.ficheformation .listesessions > ul li,article.ficheformation .columns > div,section#page-gestionsessions .suivisession ul.status li,.listerelations ul.liste li > div,ul.resumeavis > li,footer > div, footer > nav, footer > aside { font-size:1.2rem; }
	header { width:100%; padding-left:calc( (100% - 100%) / 2); padding-right:calc( (100% - 100%) / 2); }
	main { width:100%; }
	footer { width:100%; }
	section { width:90%; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

	h1 { position:relative; display:block; width:100%; text-align:left; }
	h1 > a { height:5.5em; }
	header nav { position:relative; display:block; width:100%; text-align:center; padding-top:1em; }
	header nav > ul:first-of-type:not(.espaces) { margin-left:0.5em; margin-right:1.5em; };

header nav > ul.espaces { font-size:0.9em; margin-left:0; margin-right:0; }
header nav > ul.identification { font-size:0.9em; }

header nav #headersearch { z-index:2; position:absolute; right:0; top:5.2em; }

aside.perso > nav { width:100vw; }
body.showmenu aside.perso > nav { max-width:100vw; }
aside.perso > nav > div { width:100vw; padding:1em 0; }
aside.perso > nav > a.logo > svg { margin:2em 1em ; height:4.5em; }
aside.perso > nav > button.hidemenu { top:3.2em; left:calc(100vw - 3rem); }

ul.menuperso { margin-top:0; width:200%; transition:transform 300ms ease 0ms; transform:translateX(0); }
.showsousmenu ul.menuperso { transform:translateX(-50%); }
.showsousmenu ul.menuperso > li:not(.hover) > ul { display:none; }
ul.menuperso > li { font-size:1.4em; position:initial; width:50%; max-width:50%; }
ul.menuperso > li > ul { left:50%; width:50%; max-width:50%; }
ul.menuperso > li > ul > li { font-size:1em; text-align:right; }
ul.menuperso > li > ul > li:first-of-type { display:block; padding-left:1.5em; padding-bottom:2.5em; text-align:left; }
ul.menuperso > li > ul > li > button { width:auto; left:0; }

ul.menutools { width:100%; transition:transform 300ms ease 0ms; transform:translateX(0); }
.showsousmenu ul.menutools { transform:translateX(-100%); }

	section.home { width:90%; }

	section.home-profile { padding:4rem 0; }
	section.home-profile h2 { font-size:2em; }

	div.slider { margin-top:2rem; }
	div.slider ul li > div { top:75%; }
	div.slider ul li > div > svg { color:rgba(255,255,255,1); }

	section.home-process h2 { font-size:2em; }
	section.home-process ul > li { padding:0 0; margin:1em 0; min-width:100%; max-width:100%; }
	section.home-process ul > li span { font-size:1.5em; max-width:80%; }

	section.home-newsletter .fromrte { padding-bottom:1em; }

	.section-auth { width:90%; }
	.section-auth h2 { margin-top:1em; }

	aside.ariane { display:none; width:90%; padding-top:1em; }
	
	.section-espaceperso { width:90%; padding:3rem 0; }
	.section-espaceperso .connected { font-size:calc(1.2 * 1.2rem); }
	.section-espaceperso form.formexit { padding-bottom:6rem; }
	.section-espaceperso form.formexit:before { top:11em; }
	.section-espaceperso form.formexit button { transform:translate(-100%,50%); font-size:calc(1 * 0.8rem); font-size:calc(1.2 * 1.2rem); }

	.section-espaceperso .tools > div { margin:1em 0; min-width:100%; max-width:100%; }
	.section-espaceperso #ul-auth { width:100%; }
	.section-espaceperso #ul-auth > li { margin:1em 0; min-width:100%; max-width:100%; }
	.section-espaceperso #ul-auth > li button { font-size:1.1em; }

.section-espaceperso article .btncontact { margin:1em 0; }

	.section-espaceperso article form.multi { width:100%; max-width:100%; }
	.section-espaceperso article .formnew > button, .section-espaceperso article .formdel { margin: 1em 0 1em calc(100% - 2.5em); }

	.section-espaceperso article form.multi:not(.formnew) { width:100%; max-width:100%; }
	.section-espaceperso article form.multi.formnew label { max-width:100%; }
	.section-espaceperso article .formdel > button { margin-left:0; }
	
	.section-espaceperso article label.mois, .section-espaceperso article label.annee { margin:0; width:calc(50% - 5px); }
	.section-espaceperso article label.mois { margin-right:calc(50% - 5px); }
	.section-espaceperso article label.annee { position:absolute; right:0; }
	.section-espaceperso article.experiences label.mois, .section-espaceperso article.experiences label.annee { margin:0; width:calc(42% - 5px); }
	.section-espaceperso article.experiences label.mois { margin-right:calc(42% - 5px); }
	.section-espaceperso article form > span { margin:0; width:calc(16% - 5px); }
	
	.section-espaceperso article.avatar > span.avatar { width:60%; padding-bottom:60%; }

	.section-espaceperso article label.upload { margin-top:1.5em; }

	.section-espaceperso article label.level > div { margin:0.5em 0 0 0; width:50%; }
	.section-espaceperso article label.level > select { bottom:0.5em; width:1px; left:50%; }

	.section-espaceperso article label.option > div { margin:1.5em 0 0 0; }
	.section-espaceperso article label.option > div > span { height:auto; }

.section-espaceperso article.recommandations li { padding-bottom:3em; min-height:6em; }
.section-espaceperso article .formshowhide { position:absolute; bottom:0; right:0; }

.profilpublic article.profil button.btncontact { top:2em; }
.profilpublic article div.fieldset.competences li h5 { width:100%; padding-right:0; }
.profilpublic article div.fieldset.competences div.level { margin-top:1em; }
.profilpublic article div.fieldset.diplomes li h5 { width:100%; padding-right:0; }
.profilpublic article div.fieldset.diplomes li span { width:100%; padding-right:0; }
.profilpublic article div.fieldset.diplomes li .btnupload { margin-top:0.5em; }
.profilpublic article div.fieldset.experiences li span { width:100%; padding-right:0; }



	section#page-messagerie { width:100%; max-width:100%; padding-top:1rem; }
	section#page-messagerie > div { position:relative; padding:0; top:0; overflow:hidden; background-color:rgba(255,255,255,1); transition:transform 300ms ease 10ms; }
	section#page-messagerie > div.alldiscussions { height:auto; transform:translateX(0); }
	section#page-messagerie > div:not(.alldiscussions) { height:0; transform:translateX(100%); }

	section#page-messagerie.showmessages > div.alldiscussions { height:0; transform:translateX(-100%); }
	section#page-messagerie.showmessages > div.allmessages { height:auto; transform:translateX(0); }
	section#page-messagerie.showmessages > div.correspondant { height:0; transform:translateX(100%); }

	section#page-messagerie.showcorrespondant > div.alldiscussions { height:0; transform:translateX(-100%); }
	section#page-messagerie.showcorrespondant > div.allmessages { height:0; transform:translateX(-100%); }
	section#page-messagerie.showcorrespondant > div.correspondant { height:auto; transform:translateX(0); }

	section#page-messagerie > div.alldiscussions { z-index:10; }
	section#page-messagerie > div.allmessages { z-index:20; }
	section#page-messagerie > div.correspondant { z-index:30; padding-left:1em; padding-right:1em; }

	section#page-messagerie > div.alldiscussions > ul { padding-top:4em; }
	section#page-messagerie > div.allmessages > ul { padding-top:6em; }
	section#page-messagerie > div.correspondant > div.identification { margin-top:4em; }


	section#page-messagerie > div.alldiscussions:before { content:''; position:absolute; left:3%; right:3%; top:4em; height:0.7px; background-color:#666; }
	.alldiscussions ul { height:auto; }
	.alldiscussions > div.vide { padding-top:6em; }

	.allmessages:before { height:4em; }
	.allmessages:after { top:4em; }
	.allmessages ul { height:calc(100vh - 22em); margin-right:1em; }

	.allmessages ul { opacity:0; transition:opacity 0ms ease 0ms; }
	.showmessages .allmessages ul { opacity:1; transition:opacity 300ms ease 300ms; }
	
	.allmessages ul li div.message > span.avatar { top:-2em; left:0; }
	.allmessages ul li div.message { width:calc(65% - 1em); }
	.allmessages ul li:not(.you) div.message { text-align:left; margin-left:2em; }
	.allmessages ul li.you div.message { margin-left:35%; }
	form.sendmessage { border-radius:0; padding:2em 1em; }

form.senddiscussion { width:100%; }
form.changestatus { width:100%; }


section#page-agenda { width:100%; max-width:100%; padding-top:1rem; }
section#page-agenda button.today { margin-left:2em; }
section#page-agenda .calendars > div { width:400%; }
section#page-agenda .calendars > div > div { padding:0 1em; }
section#page-agenda .calendars button { top:0.4em; width:1.6em; height:1.6em; stroke-width:10; }
section#page-agenda .calendars button.goprev { left:1.8em; }
section#page-agenda .calendars button.gonext { right:1.8em; }
div.calendarmonth div.month { padding-left:3em; }
div.calendarmonth ul li.active > span:before { width:55%; height:55%; }

section#page-agenda > div { position:relative; padding:0; top:0; overflow:hidden; background-color:rgba(255,255,255,1); transition:transform 300ms ease 10ms; }
section#page-agenda > div.calendars { height:auto; transform:translateX(0); }
section#page-agenda > div:not(.calendars) { height:0; min-height:0; transform:translateX(100%); }

section#page-agenda h2 { padding-left:1.2em; }
section#page-agenda .activites { padding-left:2em; padding-right:1.5em; }
section#page-agenda .activites h3 { margin-top: 0; padding: 0 0 1em 1em; }

section#page-agenda.showactivites > div.calendars { height:0; transform:translateX(-100%); }
section#page-agenda.showactivites > div.activites { height:auto; min-height:25em; transform:translateX(0); }

section#page-agenda .activites ul > li { margin-bottom:6rem; }
section#page-agenda .activites ul > li > div { display:block; width:100%; margin:0 0 1em 0; padding:0; }
section#page-agenda .activites ul > li > div.role { margin-bottom:2em; }
section#page-agenda .activites ul > li > div.horaires { width:calc(100% - 6em); }
section#page-agenda .activites ul > li > div.titre { width:100%; }
section#page-agenda .activites ul > li > div.inscrits { width:100%; }
section#page-agenda .activites ul > li > div.localisation { position:absolute; right:0; top:4em; width:6em; margin:0; }
section#page-agenda .activites ul > li > div.localisation svg { left:100%; transform:translate(-100%,-50%); }
section#page-agenda .activites ul > li > div.status { position:absolute; right:0; top:0; width:auto; margin:0; }
section#page-agenda .activites ul > li > div.voir { position:absolute; right:0; bottom:0; width:auto; margin:0; }


section.section-espaceperso .btncreate { padding:0.5em; }
section.section-espaceperso .btncreate span { display:none; }
section.section-espaceperso .btncreate svg { width:1.2em; height:1.2em; }

section#page-gestionformations { padding:3rem 0; }

section#page-gestionformations article label.distanciel { width:50%; }
section#page-gestionformations article label.presentiel { width:calc(50% - 10px); }

section#page-gestionformations article label.upload { margin-top:0; }
section#page-gestionformations article label.upload > a { position:relative; display:block; left:0; transform:none; }
section#page-gestionformations article .formupload > button { top:100%; transform:translateY(-100%); }

section#page-gestionsessions { padding:3rem 0; }
section#page-gestionsessions h2 { padding-bottom:1em; }
section#page-gestionsessions h2 > span { display:block; padding-bottom:0.5em;}

section#page-gestionsessions button.btndelete { display:block; margin:1em auto 2em auto; }

section#page-gestionsessions article label.parrainage > span > i { display:block; }

section#page-gestionsessions article label.amstart, section#page-gestionsessions article label.amstop, section#page-gestionsessions article label.pmstart, section#page-gestionsessions article label.pmstop { margin:0; width:calc(50% - 5px); margin-top:3em; }
section#page-gestionsessions article label.amstart, section#page-gestionsessions article label.pmstart { margin-right:calc(50% - 5px); }
section#page-gestionsessions article label.amstop, section#page-gestionsessions article label.pmstop { position:absolute; right:0; }

section .suivisession ul.status { transform:none; }
section .suivisession ul.status li { font-size:1em; width:4.5em; }
section .suivisession ul.status li > span { font-size:0.7em; }
section .suivisession ul.status li:not(:first-of-type):before { width:4.5em; }
section .suivisession ul.status li.closed.gestion { width:4.5em; }
section .suivisession ul.status li.closed.gestion:before { width:4.5em; }
section .suivisession ul.status form.session-close { bottom:-3em; left:-1em; }
section .suivisession .engagement { padding-left:0; padding-top:4em; }

section .suivisession article.session-inscriptions .listeinscrits > svg { margin-left:1.5em; }
section .suivisession article.session-inscriptions .listeinscrits table { width:100%; }
section .suivisession article.session-inscriptions .listeinscrits table th:last-of-type { width:calc(2em + (2 * 1.5em)); }
section .suivisession article.session-inscriptions .listeinscrits table th, section .suivisession article.session-inscriptions .listeinscrits table td { padding-left:1.5em; padding-right:1.5em; }
section .suivisession article.session-inscriptions .listeinscrits table .date { display:none; }
section .suivisession article.session-inscriptions .listeinscrits table .parrainage { display:none; }

section#page-gestionsalles { padding:3rem 0; }

article.ficheformation { padding-bottom:5em; }

article.ficheformation .visuel { width:100%; }
article.ficheformation .infosformateur { margin-top:2em; position:relative; height:0; padding-bottom:50%; width:100%; }
article.ficheformation .infosformateur span.avatar { width:5em; height:5em; left:3em; top:35%; }
article.ficheformation .infosformateur > div { left:8em; right:0; top:35%; }
article.ficheformation .infosformateur h3 { padding-bottom:0.5em; }
article.ficheformation .infosformateur span.buttons { top:100%; right:0; width:100%; transform:translateY(-100%); padding:0 0 1em 2em; text-align:center; }
article.ficheformation .infosformateur span.buttons button { margin:0 0.5em; width:40%; }

article.ficheformation .columns > div { width:100%; padding:0; }

article.ficheformation aside.mapsalle { padding-bottom:100%; }

article.ficheformation .listesessions > ul > li { width:calc((100% - 2em) / 2); margin-right:2em; }
article.ficheformation .listesessions > ul > li:nth-of-type(2n) { margin-right:0; }


section#page-mainsearch > form.mainsearch { width:100%; }
form.mainsearch { margin-top:4rem; }
form.mainsearch label:nth-of-type(1) { z-index:1; }
form.mainsearch label:nth-of-type(1) > span { left:0; top:-0.5em; font-size:0.7em; transform:translateY(-100%); width:100%; white-space:normal; }
form.mainsearch.focus label:nth-of-type(1) > span { display:block; }
form.mainsearch label > svg { display:block; }
form.mainsearch label:nth-of-type(2) { left:calc(60% - (3em / 2)); width:calc(40% - (3em / 2)); }
form.mainsearch label:nth-of-type(1) > input { padding-right:calc(40% + 3em); }
form.mainsearch > button > svg { display:inline-block; }
form.mainsearch > button > span { display:none; }

#modal > div { width:96vw; }
#fromright > div { margin-top:11em;  height:calc(100% - 11em) }

	footer { text-align:center; }
	footer > div:not(.logo), footer > nav, footer > aside { font-size:1.4rem; }
	footer > nav ul li { text-align:center; }
	footer .copyright { text-align:center; margin-top:2rem; }
	footer .copyright span { display:block; padding-bottom:1em; }
}
@media (max-width:300px) { 
	html { font-size:9px; }
	body { overflow-x:scroll; }
	header, main, footer { width:100%; position:relative; }
}
	div.slider ul li > img, div.slider ul li > svg { transform: translate(-50%, -50%) scaleX(1); }

	div.slider ul li > div:before { transform:translate(-0.5em,0.9em); box-shadow: -0.1em 0.1em 0.2em 0.2em rgba(0,0,0,0.05);  }
	div.slider ul li > div:after { box-shadow: -0.1em 0.1em 0.2em 0.2em rgba(0,0,0,0.05);  }
	div.slider ul li > div > svg { right:-2em; left:initial; transform:scaleX(-1); }
	div.slider ul li > div { left:initial; }
@media (orientation:portrait) and (min-width:801px), (orientation:landscape) and (min-width:501px) {

	div.search { transform:translateX(0); padding:0 7% 0 5%; }
	div.slider { left:50%; right:initial; }
	div.slider ul li > div { right:15%; }

}@media (orientation:portrait) and (max-width:800px), (orientation:landscape) and (max-width:500px) {

	div.slider ul li > div { right:18%; }

}