@charset "utf-8";
/* CSS Document */

/*  bleu : #114892; jaune : #fbbe49;  Bleu foncé : #0A274E */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


h2 , h3 , h4 { color: #114892;}
h2 , h3 , h4 , h5 { font-weight: 600;}
body.webview { background: #F5F5F5; margin: 2rem !important; padding: 0 !important; font-weight: 300;}
body.webview .form-input { border-radius: 0.5rem !important;}
body.webview .center { margin:2rem auto; max-width: 600px; padding: 0 !important;}

.only-mobile { display: none;}

#bandeau-alerte {

	padding: 1px;
	position: relative;
	background : #F8F8F8;
	border-bottom: 1px solid #DDD;
	
} 
.swiper-slide .comment:before { content: ""; position: absolute; width: 1.8rem; height: 1.8rem; background: #FFF; bottom: 0; left: 0; margin: -.9rem 2rem; transform: scale(0.7,1) rotate(-45deg); }
.swiper-slide .comment { position: relative; padding: 1px; background: #FFF; box-shadow: 0 0.25rem .75rem rgba(0,0,0,0.07); border-radius: 0.4rem;}
.swiper-slide .comment .wrap { margin: 2rem; position: relative; padding-bottom: 0.5rem;}
.swiper-slide .comment .wrap div { height: 10em; font-size: 90%; }


.swiper-slide .comment p.note { font-size:90%;overflow:visible; line-height:100%; font-weight:600; margin:0 0 0 0; color: #000; transition: color 0.2s; position: absolute; right: 0; bottom: 0;}
.swiper-slide .comment p.note span { font-weight:normal; font-size:130%; float:left; color:#FC0;  font-family:"Star", Arial, Helvetica, sans-serif;  padding-right:0.4em; margin:-0.05em 0 0 -0.01em; font-size:120% \9; }

.swiper-slide .comment p.text { line-height: 1.4em;  display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;}




#toggleMoreFilters { display: inline-block; color:#010446; opacity: 0.75; transition: opacity 0.2s;}
#toggleMoreFilters:hover { opacity: 1;}
#toggleMoreFilters:before { display: inline-block; padding:0.6em  0.8em; line-height: 100%; border-radius: 0.5em; margin:1.5em 0 0.5em 0; content: attr(data-more); border: 1px solid #010446; font-weight: 500;}
#toggleMoreFilters.open:before { content: attr(data-less);}
.more-filters.open{ display: block;}
.more-filters { display: none;}

section.is_cursus { padding: 1px; position: relative; overflow: hidden;}
section.is_cursus .bg { background: #114892 no-repeat center center url(../images/financement/photo-1.jpg); background-size: cover; position: absolute; top: 0; left: 0; height: 100%; width: 100%; transition: all 0.3s;}
section.is_cursus a { position: absolute;  top: 0; left: 0; height: 100%; width: 100%; z-index: 3; }
section.is_cursus .center { margin-top: -1px; margin-bottom: -1px; position: relative; z-index: 2; cursor: pointer; }
section.is_cursus .block { background: #fbbe49; padding: 1px; border-radius: 0; margin-left: 10rem; margin-left: 8vw; margin-left: calc(4vw + 3rem); transition: all 0.25s; }
section.is_cursus .block .wrap { margin: 2.5rem; position: relative; padding-bottom: 5rem; transition: margin 0.25s; min-height: 14rem;}
section.is_cursus .block p.btn { position: absolute; right: 0; bottom: 0; font-weight: 500; color: #114892; transition:color 0.25s; margin: 0;}
section.is_cursus h3 { color: #FFF; transition:color 0.25s;}
section.is_cursus p.titre { font-weight: 600; color: #000; font-size: 190%; transition:color 0.25s;}
section.is_cursus:hover .block { background-color: transparent; margin-left: 0; margin-right: 0;}
section.is_cursus:hover .block .wrap { margin-left: 0; margin-right: 0;}
section.is_cursus:hover .bg { padding: 10rem 20rem; margin: -10rem -20rem;} 
section.is_cursus .bg:before { background: #11489288;position: absolute;  top: 0; left: 0; height: 100%; width: 100%; content: ""; opacity: 0; transition: opacity 0.25s;}	
section.is_cursus:hover .bg:before { opacity: 1;}
section.is_cursus:hover p.titre { color: #FFF; }
section.is_cursus:hover p.btn , section.is_cursus:hover h3 { color: #fbbe49; }

p.flexible.buttons { display: flex;}
p.flexible.buttons a { width: 30%; text-align: center; max-width: 22rem; font-size: 90%; display: flex; align-items: center; justify-content: center;}
p.flexible.buttons a + a { margin: 0 auto;}
p.flexible.buttons a + a + a { margin: 0;}

.triptyque { display: flex; margin: 1.5rem -1rem;}
.triptyque .pan { margin: 0 1rem; background: #FFF; padding: 3rem; width: 33%; display: flex; border-radius: 0.4rem; box-shadow: 0 0 1.2rem rgba(0,0,0,0.06); }
.triptyque .pan p { margin: auto; width: 100%; text-align: center; font-size: 90%; line-height: 110%;}
.triptyque .pan img { width: auto; height: auto; max-width: 100%; max-height: 12rem; display: block; margin: 0.2rem auto;}


section.mot-expert { padding:0 1px; position: relative; overflow: hidden; background: #F8F8F8; box-shadow: 0 0 1rem 0 rgba(0,0,0,0.05);}
section.mot-expert .bg { padding: 1px; background: #114892 no-repeat center center url(../images/bg-expert.png); background-size: cover; border-radius: 0.5rem; color: #FFF; min-height: 26rem; }
.is_dark section.mot-expert .bg { background-color: #0A274E;}

section.mot-expert .wrap { position: relative; padding-left: 20rem; margin: 3rem; color: #FFF; text-shadow: -1px -1px 0 #114892, 1px -1px 0 #114892, -1px 1px 0 #114892, 1px 1px 0 #114892, 0 0 8px #114892;}

section.mot-expert .wrap .picture { background: #FFF no-repeat center center; background-size: cover; position: absolute; left: 2rem; top:0; width: 14rem; height: 17rem; box-shadow: -2rem 2rem 0 #fbbe49;}
section.mot-expert .wrap h2 { color: #FFF; font-size: 220%; line-height: 110%; margin: 0.5rem 0; font-weight: 700;}
section.mot-expert .wrap h2 span { display: block; font-size: 45%; line-height: 110%; font-weight: 500;}
section.mot-expert .wrap h3 { font-size: 100%; margin: 1rem 0 1.5rem 0; color: #fbbe49;}
.is_dark section.mot-expert .wrap {  text-shadow: -1px -1px 0 #0A274E, 1px -1px 0 #0A274E, -1px 1px 0 #0A274E, 1px 1px 0 #0A274E, 0 0 8px #0A274E;}
.is_dark .pannel-simulateur { background-color: #0A274E;}

section.mot-expert .wrap p { padding: 4rem 1rem 1rem 5rem; position: relative; margin:1rem 0 1rem 0}
section.mot-expert .wrap p + p { padding-top: 0;}
section.mot-expert .wrap p + p:before { display: none;}
section.mot-expert .wrap p:before { content:"“"; font-family:Arial, Helvetica, sans-serif; font-size: 800%; font-weight: bold; position: absolute; top: 0; line-height: 8rem; left: 0;}
section.mot-expert .wrap p:last-child:after { content:"”"; font-family:Arial, Helvetica, sans-serif;}
 

#simulateur { position: fixed; top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 1000; background: #000; background: rgba(0,0,0,0.6); display: flex; backdrop-filter: blur(8px); display: none;}
#simulateur .center { background: #FFF; padding:1px; border-radius: 0.5rem; box-shadow: 0 0 1.8rem rgba(0,0,0,0.15); margin-top: auto; margin-bottom: auto; width: 100%; position: relative;}
#simulateur .center .content { margin: 3rem; }
#simulateur .center a.closer { position: absolute; right: 0; top: 0; width: 2.4rem; height: 2.4rem; line-height: 2.4rem; text-align: center; margin: -1.1rem; background: #fbbe49; border-radius: 100%; font-size: 200%; font-weight: 400; color: #FFF;}
.pannel-simulateur { padding: 1px; background: #114892 no-repeat center center url(../images/bg-simulateur.png); background-size: cover; border-radius: 0.5rem; color: #FFF; text-align: center;}
.pannel-simulateur.home { background-image: url(../images/bg-simulateur-home.png);  }


.pannel-simulateur h2, .pannel-simulateur h3 , .pannel-simulateur h4 { color: #FFF !important; }
.pannel-simulateur .wrap { margin: 3rem;}
.pannel-simulateur p { font-weight: 400; line-height: 130% !important; max-width: 880px; margin:1.5rem auto 2.5rem auto !important;}
.pannel-simulateur .buttons a  { min-width: 12em;}

.box-picture-filiere { background: #013882 no-repeat center center; background-size: cover; width: 55%; max-width: 40rem; height: 100%; position: absolute; right: 0; top: 0;}
.box-picture-filiere:before { content: ""; background: url(../images/mask.png) no-repeat 0 bottom; background-size: cover; width: 100%; height: 100%; position: absolute;}

.is_faq .center h2 { margin-top: 2rem !important;  margin-bottom: 2rem !important; color: #FFF; font-size: 360%; font-weight: 500 !important;}

.is_faq .center { padding: 1px 0; border-radius: 0.5rem; background: #114892; color: #FFF; overflow: hidden; position: relative; box-shadow: 0 0 1rem rgba(0,0,0,0.1); }
.is_faq .center .wrap { margin:0 2rem;}
.is_faq .center .wrap .wrap { margin:2rem;}
.is_faq .reponse { padding: 1px;  padding-left: 5.5rem; padding-right: 4.5rem; margin: 1rem -2rem -0.5rem -2rem; color: #000; background: #FFF; display: none;}
.is_faq .question { position: relative; padding: 1px 2rem; margin: 0 -2rem; }
.is_faq .question /* + .question  */{ border-top: 1px solid rgba(255,255,255,0.1);}
.is_faq .center .wrap h3 { color: #FFF; margin: 2rem 0; padding: 1rem 0 1rem 5.5rem;font-weight: 500 !important; cursor: pointer; position: static; }
.is_faq .center .wrap h3 span.step { position: absolute; text-align: center; font-size: 120%; margin: -1rem -5.5rem; width: 4rem; height: 4rem; line-height: 4rem; font-weight: 500; border-radius: 3rem; background:  #fbbe49; color: #114892; }
.is_faq .center .wrap h3 .arrow { position: absolute; font-size: 120%; transition: top 0.2s, transform 0.2s, color 0.15s; right: 2rem; top: 3rem; transform: scale(1.5,0.9); margin:0; height: 2rem; line-height: 1rem; width: 2rem; text-align: center;}
.is_faq .center .wrap .open h3 .arrow  { color: #114892; top: calc(100% - 4.5rem); transform: scale(1.5,0.9) rotate(180deg); }
.is_faq .center .wrap .open h3:hover .arrow  , .is_faq .center .wrap h3:hover .arrow  { color: #fbbe49; }


.label_infos , .label_infos.text { font-size: 90%; font-weight: 300; padding:  0.5rem 1.5rem; box-sizing: border-box; border: 1px solid #E2E4E6; border-radius:0 0 0.4rem 0.4rem; margin: -0.7rem 0 0.6rem 0; border-top: none; display: none; }
.toggleLabelOptions { cursor: pointer; pointer-events: fill; font-size: 75%; }

.label_for_options { margin: 0.5rem 0; padding-bottom: 1rem; box-sizing: border-box;  }


.label_for_options , .label_infos  {  max-width:640px; min-width: 30rem; width: calc(100vw - 6rem); }


#typeform .errorForm { font-weight: 600; color: #E02; font-size:90%; margin: 0;}

#progress-bar-form { background: #EAEBEC; height: 5px; top:-1rem; width: 100%; border-radius: 0.5rem; margin: 0; position: absolute;}
#progress-bar-form div { background: #A2A4A6; width: 0; height: 100%; border-radius: 0.5rem; top: 0; left: 0; transition: width 0.25s;}

#typeform { min-height: 15em; display: flex; flex-wrap: wrap; position: relative; max-width: 720px;}
#typeform article { font-weight: 400; width: 100%; max-width: 750px; margin: auto 0; font-size: 90%; opacity: 0; position: absolute; z-index: 1; transform: translateY(2rem); transition: opacity 0.2s, transform 0.2s; pointer-events: none;}

#typeform .buttons a { transition: all 0.25s; }
#typeform .buttons.choice a { display: block; margin: 0.4em 0; color: #114892; border: 1px solid #114892; background: #FFF;}
#typeform .buttons.choice a:hover { color: #fbbe49; border: 1px solid #fbbe49; background: #FFF;}
#typeform .buttons.choice a.actif { display: block; margin: 0.4em 0; background: #fbbe49; color:#FFF; border: 1px solid #fbbe49; }

#typeform article.open { position: relative; opacity: 1; transform: translateY(-0.5rem); pointer-events: fill; transition: opacity 0.6s, transform 0.6s;  z-index: 3; }

#typeform article h2 { margin: 0.5em 0 0.5em 0;}
#typeform article h3 { margin: 0; font-size: 70%; font-weight: 500; color:#114892; }
#typeform article h4 { margin: 0.06em 0 1em 0;  font-size: 120%; font-weight: 500;}

#typeform article p { margin: 0.9em 0;}

#typeform .flex { display: flex;}

#typeform p.legende.red { color: #114892;}
#typeform .flex .champ.small { width: 40%; max-width: 12rem; margin-right: 0.4rem;}


.toggleShowPasswd { position: absolute; width: 1.8em; height: 1.8em; background: no-repeat center center url(../images/pictos/eye-on.svg); background-size: 1.4em; opacity: 0.8; right: 0; top: 50%; margin: -0.9em 0.5em;}
.viewed .toggleShowPasswd { background-image: url(../images/pictos/eye-off.svg); }
/* .toggleShowPasswd:active {  background-image: url(../images/pictos/eye-off.svg);} */

#typeform p.buttons a.prevSlide { width: 2.6em; position: relative;}
#typeform p.buttons a.prevSlide span { font-size: 220%; font-weight: 500; position: absolute; width: 100%; line-height: 1em; top: 50%; margin-top: -0.6em; left: 0; text-align: center;}

#typeform p.buttons a { line-height: 80%;}
#typeform p.buttons a.enterPress { background: none; border-color: transparent; pointer-events: none; color: #666; font-size: 75%; font-weight: 500;}

#typeform p.legende { color: #666; font-size: 70%; font-weight: 500; margin: -0.2em 0 1.5em 0; }


#typeform .champ { resize: none; border-radius: 0.4em; margin: 0.2rem 0; display: block; border-width: 2px;}
#typeform .champ:focus { border-color: #333;}
#typeform .champ.error:focus { border-color: #114892;}

#typeform textarea.champ { height: 6em;}


a.archiver { position: absolute; z-index: 6; width: 2.8rem; height: 2.8rem; box-sizing: border-box; right: 1rem; border-radius: 0.5rem; border: 1px solid rgba(0,0,0,0.08); background: #FFF no-repeat center center url(../images/pictos/archiver.svg); background-size: cover; background-color: #FFFA;}

p.button-hype-header { margin-top: 2.8rem;}
p.button-hype-header a { display: inline-block; color: #114892 !important; background: #FFF no-repeat right center url(../images/hype-gif.gif); background-size: contain; border-radius: 3rem; padding: 0.7em 3.4em 0.7em 1em; font-weight: 500; font-size: 90%;}

#bandeau-alerte .border { background:#FFF; margin: -10px 0; background: #FFFE; padding: 0.5em 2em; border-radius: 0.4em; box-shadow: 0 0 1.2rem rgba(0,0,0,0.08);}

#bandeau-alerte p { margin: 1.5em 0; color:#222; font-weight: 500;}

html, body { -webkit-text-size-adjust: 100%;text-size-adjust: 100%;}

body.noOverFlow { overflow: hidden;}

#overlayAvisCloser { position: fixed; right: 1rem; top: 1rem; width: 2.2rem; height: 2.2rem; line-height: 2.2rem; font-size:120%; font-weight: 500; text-align: center; background: rgba(0,0,0,0.7); border-radius: 100%; color:#FFF; text-decoration: none;}
#overlayAvis {position: fixed; transition: all 0.25s; width: 100%; height: 100%; background: rgba(0,0,0,0.7) no-repeat center; z-index: 9999;; overflow: auto;-webkit-overflow-scrolling: touch; padding:3rem 1.5rem ; box-sizing: border-box;}
#overlayAvis.loading { opacity:0.3; background-color: #000; background-image: url(../images/loader.gif); transition: all 0.4s; }



body.exportStats .col.large canvas { pointer-events: fill;}
body.exportStats canvas { pointer-events: none;}

#account_not_valid { display: none;}
#account_not_valid { padding: 1px; border-radius: 0.5em; background: #f1f1df; font-size: 90%; margin-bottom: 3rem;}
#account_not_valid  .wrap { margin: 2rem;}
#account_not_valid h3 { margin:0.5rem 0; font-weight: 600; font-size: 115%; line-height:125%;}
#account_not_valid p { margin:0.5rem 0; font-weight: 400; line-height:125%;}

#account_not_valid p.small { font-size: 90%;}
#account_not_valid p.buttons { font-size:80%; margin-top: 0.9rem;; }
#account_not_valid p.buttons a { padding:0.55em 0.6em 0.5em 0.6em;}

.encart_cpf { padding: 1px; background:#FFF; font-size: 75%; margin: 1em -1.5rem; box-shadow: 0 0 25px rgba(0,0,0,0.03);}
.encart_cpf .wrap { margin:1.5rem; position: relative; padding-right: 40%;}
.encart_cpf .previewVideo { position: absolute; margin:0; right: 0; top: 0; width: 38%; width: calc(40% - 1em); height: 100%; padding:0; max-height: 16em;}

.avis-comment { padding: 1px; margin: 0.8em auto; max-width: 520px; border-radius: 0.3em; box-sizing: border-box; background: #FFF; transition: opacity 0.4s;}
.avis-comment .wrap { margin:1em;}

.loading .avis-comment {  opacity: 0;  }

#top_msg { position:fixed; top:1em; padding:.9em 1em; border-radius:3px; background:#fbbe49; color:#FFF; max-width:400px; font-size:90%; line-height:130%; left:50%; text-align:center; box-sizing:border-box; transform:translateX(-50%); font-weight:500; z-index:99999; opacity:0; box-shadow:0 0 6px 1px rgba(0,0,0,0.15);}

sup { font-size:66%; line-height:0;}
body { font-family:Montserrat, Arial, Helvetica, sans-serif; font-weight:400; margin:0; font-size:18px; background:#FFF; color:#222; background-attachment:fixed;}

.form-input , input , .champ { font-family:Montserrat, Arial, Helvetica, sans-serif; font-weight:400; font-size:100%; }

input, select { font-family:Montserrat, Arial, Helvetica, sans-serif; font-size:100%; font-weight:400; }
/*h1 , h2, h3, h4, h5, h6, .signika , #menu .band , .signika { font-family:"Signika", Arial, Helvetica, sans-serif; }*/
.table .tableWrap { overflow:auto; overflow-y:hidden; -webkit-overflow-scrolling: touch;  }
h1 , .h1 { font-size:160%; margin:1.2em 0 0.8em 0; line-height: 120% !important;}
h2 , .h2 { font-size:145%; margin:1.2em 0 0.7em 0; line-height: 125% !important;}
h3 , .h3 { font-size:120%; margin:1.2em 0 0.6em 0; line-height: 130% !important;}
h4 , .h4 { font-size:100%; margin:1.2em 0 0.5em 0; line-height: 130% !important;}
h5 , .h5 { font-size:100%; margin:1.2em 0 0.5em 0; line-height: 130% !important; color:#777;}

a.pdf-button { background: #FFF no-repeat 0.7em center url(../images/pictos/acrobat.svg); background-size: 1.4em; display: block; color: #333; font-weight: 500; font-size: 80%; white-space: nowrap; padding: 0.3em 0.6em 0.3em 2.6em; overflow: hidden; text-overflow: ellipsis;}

.introduction-filiere { font-weight:300; line-height:140%;}
.introduction-filiere h2 , .introduction-filiere h3 , .introduction-filiere h4 , .introduction-filiere h5 { font-weight:500 !important;}

.box { background:#F2F2F2; background:rgba(0,0,0,0.05); padding:0.8em; }
.grey .box  { background:#FFF;}

.box.redBox { border:3px solid #114892; background:none !important; color:#114892; font-weight:400; }

.faq .question {  background:#FFF; padding:1px 0; margin:0.5em 0; position:relative; cursor:pointer;}
.faq .question p { margin:1.1em 1.4em; display:none;}
.faq .question.open p { display:block;}
.faq .question.open:before { display:none;}
.faq .question h4 { margin:0 !important; padding:1em 1.4em; position:relative; z-index:4; font-size:100%;color:#114892;}
.faq .question.open h4 { border-bottom:1px solid #E2E4E6;}

.paveEval , .introForm { background:#FFF; border:1px solid #E5E6E7; box-shadow:0 0 15px rgba(0,0,0,0.08);  font-size:80%; margin:1em 0;}
.paveEval h4 { padding:16px 20px; margin:0 !important; background:#FFF; border-bottom:1px solid #E5E6E7;}
.paveEval h5 { font-size:100% !important; color:#000; margin:15px 20px !important;}
.paveEval textarea { margin:0 !important; resize:none;}
.paveEval p { margin:15px 20px!important;}

.paveEval .champ { font-size:15px !important; padding:9px;}


.block-charte { padding: 1px; background:#FFF; box-shadow:0 0 15px rgba(0,0,0,0.08); margin: 2.5em 0em;}
.block-charte .wrap { margin: 2em; position: relative; padding-left: 4.6em;}
.block-charte .wrap .step { position: absolute; left: 0; top:0; margin: 0.1em; font-size: 150%; height: 1.7em; line-height: 1.8em; width: 1.7em; text-align: center; font-weight: 500; border-radius: 3px; border: 2px solid #114892; color:#114892;}
.block-charte + .block-charte  { margin-top: -1em;}

#form_ebook { margin:3em 0 2em 0; padding-left: 40%; position: relative; min-height:20em;}
#form_ebook img.picture { width: 60%; right: 62%; position: absolute; margin:-1em 1em 0 0; height: auto; max-width: 30em; top:0; }
#form_ebook .message { background: #FFF; font-weight: 500; padding: 1em; border-radius: 4px;}

.paveEval table { width:100%; border-collapse:collapse;}
.paveEval table th { font-size:75%; color:#777; line-height:115%; padding:10px 0; height:25px; font-weight:600;}
.paveEval table td { border:1px solid #E5E6E7; border-width:1px 0; padding:6px 20px; height:36px; line-height:110%;}
.paveEval table td strong { font-weight:400;}
.paveEval table td.error {  color:#114892;}





.rse-block  { padding: 1px; background:#FFF; margin: 2.5em 0em;}
.rse-block h3 { font-size: 110% !important;}
.rse-block .wrap { margin: 2.5em;}
.rse-block.has-logo .wrap { padding-left: 13.5em; position: relative;}

.rse-block.has-logo  .wrap img { position: absolute; width: 11.5em; height: auto; left: 0; top: 0; top: calc(50%); transform: translateY(-50%);}


.left-pannel-formateur h2   , .right-pannel-formateur h2  { margin-top: 2em !important; margin-bottom: 1em !important; opacity: 0.5; font-size:85% !important; font-weight: 600 !important;}
.left-pannel-formateur {float: left; width: 66.7%; padding-right:0.75em; box-sizing: border-box;}
.left-pannel-formateur .content { padding: 1px; background: #FFF;}


.right-pannel-formateur {float: right; width: 33.3%;  padding-left:0.75em; box-sizing: border-box;}
.right-pannel-formateur .col-stats .col.small { width: 100%;}

.left-pannel-formateur , .right-pannel-formateur { margin-top: -2em;}






.encart_competences { border : 3px solid #114892; color:#114892; padding:1px; font-weight:400; margin:2.5em 0;   }
.encart_competences .wrap { margin:1.4em 1.6em;}
.encart_competences .wrap h3 { margin-top:0 !important; }


#session_detail h2 { line-height: 1.3em; font-size:160%; max-width: 1000px; font-weight: 600; margin-bottom: 1em; color:#fbbe49; color:#000; }
#session_detail h2 strong { float: left;  line-height: 1.4em; height: 1.3em; padding: 0 0.25em; background: #666; border-radius: 0.2em; font-weight: 600; color:#FFF; margin-right: 0.5em;}
#session_detail h3 { font-size:90%; font-weight: 500; margin: 1em 0;}
#session_detail h3 em { font-weight:400;}
#session_detail h3 span { float: left;}
#session_detail h3 span.note { margin-left: 1em;}
#session_detail h3 span.encart { margin-right: 0.5em; border: 2px solid #000; border-radius: 0.4em; padding: 0 0.4em;}
#session_detail h4 { font-size: 90%; margin: 1em 0;}



#session_detail .localisation {  background:#F0F0F0; font-size: 80%; padding: 1em 1em 1em 5rem; margin-top: 2em; border-radius: 0.5rem; position: relative; }
#session_detail .localisation p { margin: 0; line-height: 120%; color:#333;}
#session_detail .localisation p strong { font-weight: 400; color:#000;}
#session_detail .localisation span.picto { width: 4rem; border-right: 1px solid #E6E6E6; position: absolute; left: 0; top:0; right: 0; height: 100%; background: url(../images/pictos/location.svg) center center no-repeat; background-size:1.6em;}




#form_options_formation .open .description {
	display:block;
}

#form_options_formation .description {
	display:none;
	font-size:90%;
	padding-left: 2.5em;
}

#form_options_formation .description h2 { margin-top:0.7em !important; margin-bottom: 0.2em !important; font-size: 120%; font-weight: 500 !important; line-height: 120%; padding: 0; border: none;}
#form_options_formation .description h3 { margin-top:0.7em !important; margin-bottom: 0.2em !important; font-size: 110%; font-weight: 500 !important; line-height: 120%; padding: 0; border: none;}
#form_options_formation .description h4 { margin-top:0.7em !important; margin-bottom: 0.2em !important; font-size: 100%; font-weight: 500 !important; line-height: 120%; padding: 0; border: none;}

#form_options_formation .description p , #form_options_formation .description ul , #form_options_formation .description ol { margin-top: 0.5em; margin-bottom: 0.5em; line-height: 150%;}


#form_options_formation h4 { position: relative; font-size: 125%; margin: 0.8rem 0 0.6rem 0;  border-bottom: 1px solid #666; padding: 0.5rem 7em 0.6rem 0;  line-height: 1.2em;}

#form_options_formation h4 span { position: absolute; text-align: right; right: 2.5em; font-weight: 400;}

#form_options_formation p.buttons { margin-top: 2rem; }


#form_options_formation h4 a { position: absolute;  right: 0; width: 28px; height: 28px; border-radius: 100%; box-sizing: border-box; border: 1px solid #000; margin: -0.1em -0.1em; background: url(../images/pictos/arrow-down.svg) no-repeat center center; opacity: 0.6; backface-visibility: hidden; background-size: 1em;
	transform: rotate(-89deg); transition: all 0.2s;}

#form_options_formation .open h4 a { transform: rotate(1deg); }


#form_options_formation h4 label { padding-left: 1.6em; position: relative;}
#form_options_formation h4 label:before { position: absolute; content: ""; box-sizing: border-box; width: 1em; height: 1em; left: 0; top:-1px; border: 2px solid #666; border-radius: 3px; box-shadow: 0 0 0.2em rgba(0,0,0,0.15) inset; cursor:pointer;}

#form_options_formation h4 input:checked + label:after { background: url(../images/pictos/tick.svg) no-repeat center center; background-size: contain; position: absolute; content: ""; padding:0.1em; margin:-0.15em 0; width: 1em; height: 1em; left: 0; top:-1px; cursor:pointer;}

#form_options_formation h4 input { display: none;}



.encart_competences .wrap ul li { background-image:url(../images/pictos/puce-red.svg)}

/*.encart_formation .statut_formation.en_cours { color:#0C6;}*/
.encart_formation .statut_formation { line-height:1.1em;}
.encart_formation .statut_formation strong { white-space:nowrap;}
/*.encart_formation .progress { float:left; width:16em; border-radius:4px; overflow:hidden; box-sizing:border-box; height:1.1em; margin:0 0.8em 0.5em 0; border:1px solid rgba(0,0,0,0.05); background:#FAFBFC; position:relative; box-shadow:0 0 0.4em 0 rgba(0,0,0,0.08) inset;}*/
.encart_formation .progress { display:block; width:100%; max-width: 40em; border-radius:3px; overflow:hidden; box-sizing:border-box; height:8px; margin:0 0.8em 0.4em 0;  background:#F2F4F6; background: #fbbe4922; position:relative; box-shadow:0 0 0.5em 0 rgba(0,0,0,0.06) inset;}
.encart_formation .progress span { position:absolute; left:0; top:0; height:100%; background:#fbbe49; border-radius:3px; }



.dash-actualites .encart_formation { border: none; padding: 1px; margin: 0; }
.dash-actualites .encart_formation .wrap { margin:2em 0 1em 0; padding-left: 0.2em;}

.dash-actualites .encart_formation + .encart_formation { border-top:1px solid rgba(0,0,0,0.1);}

.encart_formation p.notation { font-weight: 500;}
.encart_formation p.notation em { font-style: normal; font-weight: 300;}

.encart_formation.en_cours { border-color:#0C6; border-color:#fbbe49;}


.encart_formation.en_cours .wrap h3 , .encart_formation.en_cours .wrap h3 a { color:#fbbe49 !important; }
.encart_formation.en_cours .wrap h3 strong {  background-color:#fbbe49  !important;  }
.encart_formation.en_cours .wrap h4 { color:#fbbe49;  opacity: 0.6;}
.encart_formation.en_cours .wrap h4 strong { color:#fbbe49; }

.type_formateurs .encart_formation.passee { opacity:0.6; }
.type_formateurs .encart_formation.future  p.notation { display:none; }


.encart_formation { border : 2px solid #FFF;  padding:1px; font-weight:400; margin:1em 0; background:#FFF; font-size:80%; position: relative; border-radius: 0.5rem;   }


.encart_formation h3 a:before { position: absolute; top:0; left: 0; width: 100%; height: 100%; content: ""; padding: 2em; margin: -2em;}


.encart_formation .wrap { margin:1.8em 1.6em; position: relative;}
.encart_formation  .wrap p { font-size:90%; margin:0.8em 0 !important;  }


.encart_formation + .read-more { font-size:90%; border-top: 1px solid rgba(0,0,0,0.1); margin: 0; padding-top: 1.2em; font-weight: 500; font-style: italic; opacity: 0.6;}
.encart_formation + .read-more span { }

.dash-actualites .encart_formation .wrap { margin:1.2em 0;}

.dash-actualites .encart_formation  .wrap h3 { margin:0 -0.2em -0.5em -0.2em !important; overflow: hidden; padding: 0.2em; text-overflow: ellipsis; white-space: nowrap; }
.encart_formation  .wrap h3 { font-size:115%; line-height: 1.3em;  font-weight:600 !important; margin: 0 !important; padding: 0.1em; }

.encart_formation  .wrap h3 strong { float: left;  line-height: 1.4em; height: 1.3em; padding:0.1em 0.25em 0 0.25em; background: #BBB; border-radius: 0.2em; font-weight: 600; color:#FFF; margin-right: 0.5em;}


.encart_formation.inline .wrap h3  { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


.encart_formation  .wrap h4 { font-size:95%; font-weight:500 !important; margin:0.2em 0 !important; color:#666; color:rgba(0,0,0,0.4);}
.encart_formation  .wrap h4 strong { font-weight:500 !important;   color:rgba(0,0,0,0.4);  }
.encart_formation  .wrap hr { margin:1em 0;}
.encart_formation  .wrap p.buttons { font-size:80%;}

.encart_formation p.nb_trainee { float: right; /* border:2px solid #fbbe49; */ background:#fbbe49; color:#FFF; font-size: 85% !important; font-weight: 500; padding: 0 0.4em; border-radius: 4px;/*  rouge : #114892; violet : #fbbe49;  */}

p.choix_modal { margin:1em -0.25em !important; font-size:95%; line-height:120% !important; max-width:100% !important;}
p.choix_modal span { float:left; width:25%;}
p.choix_modal span a { display:block; font-weight:500; text-align:center; padding:6.8em 0.5em 3.5em 0.5em; margin:0.25em; background:#FFF url(../images/pictos/modalites/presentiel.svg) no-repeat center 2.5em; background-size:3.5em; }
p.choix_modal span a.modal_2 { background-image:url(../images/pictos/modalites/classe-a-distance.svg); }
p.choix_modal span a.modal_3 { background-image:url(../images/pictos/modalites/e-learning.svg); }
p.choix_modal span a.modal_4 { background-image:url(../images/pictos/modalites/e-learning-tutore.svg); }
p.choix_modal span a strong { display: block;}
p.choix_modal span a em { font-weight:400; display:block; font-style:normal; margin:0.5em 0.5em 0 0.5em; font-size:85%; color:#555; }


h3 + a.link.block { margin-top:2em;}
a.link.block { padding:0.5em 0.5em 0.5em 2.4em; background:#FFF url(../images/pictos/arrow-puce-red.svg) no-repeat 0.8em center; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; font-weight:normal; margin:0.5em 0;}


a.hype-btn { transition:background-color 0.2s; text-shadow: 0 0 12px #114892 ,  0 0 12px #114892 ,  0 0 12px #114892;  margin:0.1em  0 0.4em 0; margin:0; min-height: 4rem; color:#FFF; display: flex; background:#114892 url(../images/fond-bouton.png) no-repeat 92% center; background-position: calc(100% - 3em) center; background-size:auto  200%; padding:1.5em; font-weight:500; font-size:85%; position:relative; text-align:left; border-radius:0.3rem; flex-wrap: wrap;}
a.hype-btn svg { position:absolute; height:1.2em; width:1.2em; margin-left:-1.8em;}
a.hype-btn svg path { transition:fill 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); fill:#114892; fill:#FFF;}
a.hype-btn:hover svg path { fill:#000; fill:#FFF; }
a.hype-btn:hover { color:#FFF; background-color:#D81111;}

a.hype-btn span , a.hype-btn strong { display: block; width: 100%; margin: 0.1rem; line-height: 1.1em; padding-left: 1.5rem;}
a.hype-btn span { margin-top: auto;font-weight: 500; position: relative; font-size: 95%; }
a.hype-btn strong { margin-bottom: auto; font-size: 130%; font-weight: 600; }
a.hype-btn span:before { content: ""; height: 1.1em; width: 2em; position: absolute; left: 0; background: url(../images/pictos/arrow.svg) no-repeat 0 center; background-size: 1em;}
#calendar-select.closed { display:none;}
#calendar-select.hide { display:none;}
#calendar-select ul { list-style:none; margin:1em -5px; }
#calendar-select ul li { float:left; padding:0 5px; background:none; width:50%; box-sizing:border-box; margin-bottom:0.5em; font-size: 110%;}
#calendar-select ul li a { background:#F8F8F8 url(../images/pictos/modalites/presentiel.svg) no-repeat center 2.2em; line-height:140%; background-size:3.8em; color:#000; font-weight:500; display:block; padding:6.2em 0.2em 3em 0.2em; text-align:center;}

#calendar-select ul li a.distance { background-image:url(../images/pictos/modalites/classe-a-distance.svg);}

#calendar-select ul li a.inactif { opacity:0.3; cursor:default;}


#result-financement { background:#FFF; padding:1px; margin:2em 0; border:2px solid #E5E5E5; font-size:85%; font-weight:400; }
#result-financement .wrap { margin:1.5em 1.5em;}
#result-financement hr { margin:0.9em 0 1.5em 0;}
#result-financement p.buttons { margin:0; max-width:1400px;}


.table-diags { margin-top:-35px !important; }

.table-diags table { width:100%; border-collapse:collapse; border-bottom:1px solid #E4E4E4; border-top:none; font-size:80%; cursor:default; margin:0 0 1em 0;}
.table-diags table td { padding:0.5em 0.8em; border:1px solid #E4E4E4; border-width:1px 0 0 0; background-color:rgba(0,0,0,0.01); line-height:125%; height:2.4em;  }



.table-diags table th {  padding:0 0.8em; font-weight:500; color:#666; font-size:80%; height:40px; vertical-align:bottom; }
.table-diags table tr td:first-child { padding-right:0; padding-left:1.2em; width:2.5em; border-left-width:1px;}
.table-diags table tr td:last-child { padding-right:0.5em;  border-right-width:1px;}
.table-diags table tr td strong { padding-left:0.8em;}
.table-diags table td input { width:10.5em; box-sizing:border-box; padding:0.5em; border:1px solid #DDD;  text-align:right;}
.table-diags table .total , .table-diags table tr.total td strong , .table-diags table tr.total td strong  { font-weight:600; }
.table-diags table .total td { border-top:2px solid #333 !important;}

.table-diags table td.legende { }

.table-diags table tr:nth-child(2n+1) td { background-color:#FFF; background-color:rgba(255,255,255,0.75); }
.table-diags table tr:hover td , .table-diags table tr.focus td  { border:1px solid #555; border-width:1px 0; } 
.table-diags table tr:hover td:first-child  , .table-diags table tr.focus td:first-child {border-left-width:1px;} 
.table-diags table tr:hover td:last-child , .table-diags table tr.focus td:last-child {border-right-width:1px;} 
.table-diags table tr.focus { box-shadow:0 0 6px 0 rgba(0,0,0,0.3); font-weight:400; }

#result-financement table { font-size:100%; margin:-0.3em 0 0 0; font-weight:500;}
#result-financement table td , #result-financement table th { padding:0; line-height:160%;}
#result-financement table th { font-size:75%; color:#666; font-weight:500; }
#result-financement table td strong { padding-left:1.5em; color:#114892; font-weight:600; font-size:110%;}

.filiereDraw iframe { box-sizing:border-box; height:1200px; width:100%; border:none;}
#frameHype { background:#F8F8F8; height:0; opacity:0; margin:1.5em 0; transition:opacity 0.6s;}


a.mockup { display:block; max-width:480px;margin:0;height:6em; overflow:hidden; line-height:130%; padding:1.5em 1.8em; font-size:90%; background:#FFF; font-weight:500; }
a.mockup span { display:table-cell; vertical-align:middle;}
a.mockup span { width:7.5em;}
a.mockup span + span { width:calc(100% - 8em); padding-left: 1.2em;}
a.mockup img { max-height:6em; max-width:7em; margin: 0 auto; display: block;}

h5.h1 , h5.h2, h5.h3, h5.h4 , h5.dark { color:#000;}

.subTitle { display:block; font-size:80%; font-weight:400; line-height:120%; margin-top:0.4em;}

.buttons a , .no-select , #menu {   -webkit-touch-callout: none;
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; }
a.underline  /*, #formations li a */{ text-decoration:none !important; box-sizing:border-box; border-bottom:1px dotted #4444; border-color:rgba(0,0,0,0.5); padding-bottom:2px;}

a.underline:hover , #formations li a:hover { text-decoration:none; border-bottom:none;}

a.underline-hover { text-decoration:none;}
a.underline-hover:hover { text-decoration:underline;}


#avis-verifies { text-align:center; font-size:145%; font-weight:600; margin-bottom:-2.8em;  position:relative; left:0; }
#avis-verifies a { color:#FFF; text-decoration:none;}
#avis-verifies span { font-size:105%; padding-left:0.2em; font-family:"Star", Arial, Helvetica, sans-serif; font-weight:normal;  color:#FC0; }
#avis-verifies img { height:1em; width:auto; margin-top:0.2em;}

.avis-verifies {  font-size:140%; font-weight:600;  }
.avis-verifies a { color:#000; text-decoration:none;}
.avis-verifies span { font-size:105%; padding-left:0.2em; color:#FC0; font-family:"Star", Arial, Helvetica, sans-serif; font-weight:normal;}
.avis-verifies img { height:1em; width:auto; margin-top:0.2em;}

/*#avis-verifies-macaron { width:200px; height:200px; display:none; position:absolute; z-index:3; border-radius:100%; overflow:hidden; left:50%; margin:-130px -100px; box-shadow:0 -4px 8px 1px rgba(0,0,0,0.08); background:#FFF;}*/

p.encart { font-weight:600; padding:1em; border:2px solid #000;}

strong , em strong { font-weight:500;}

.text li p , li p { margin:0;}

.text .illustration { margin:3em 0;}
.text .illustration img { width:100%; display:block;}

p.legend-picto span { display:inline-block; margin-left:0.2em; font-size:75%; line-height:2.4em; width:2.4em; height:2.4em; text-align:center; border:2px solid #000; color:#000; font-weight:600; border-radius:100%;}

input::-webkit-input-placeholder {
  color: #BBB; opacity: 1;
}
input:-moz-placeholder { 
  color: #BBB; opacity: 1; 
}
input::-moz-placeholder { 
  color: #BBB; opacity: 1; 
}
input:-ms-input-placeholder {
  color: #BBB; opacity: 1; 
}
input::-ms-input-placeholder { 
 color: #BBB; opacity: 1; 
}


#ghostLinks.open { opacity: 1; margin-top: 0; max-height: 400px;}
#ghostLinks h3 { font-size: 18px; margin: 0 0 6px 0;}
#ghostLinks { position: fixed; opacity: 0; margin-top: -20px; top: 112px; z-index: 20; padding:16px 0 13px 0; background: #FFF; width: 100%; max-height: 0; transition: all 0.15s; overflow: hidden; box-shadow:0 1px 8px rgba(0,0,0,0.1);}

#ghostLinks .center { margin-top: 0; margin-bottom: 0; font-size: 12px; font-weight: 400;  box-sizing: border-box;}

#ghostLinks .center strong , #ghostLinks .center a { display: inline-block; padding: 4px 5px 3px 5px; border-radius: 3px; border: 1px solid #333; white-space: nowrap; margin: 2px 4px 2px 0;}

#ghostLinks .center a , #ghostLinks .center a:hover { border-color: #114892; color: #114892;}
#ghostLinks .center a.actif , #ghostLinks .center a.actif:hover { border-color: #114892; background-color: #114892; color:#FFF;}

.ariane + .marger { margin-top:0;}
.marger { margin:120px 0;}

.ariane { font-size:12px; font-weight:400; margin:-30px 0 50px 0; line-height:150%; position:relative; z-index:5;}
.ariane strong { color:#666; color:rgba(0,0,0,0.4); }

.ariane span, .ariane a , .ariane strong { overflow:hidden; white-space:nowrap; max-width:90%; display:inline-block; text-overflow:ellipsis;}
.ariane strong { font-weight:400; }

.ariane span.no-wrap , .ariane span span , .ariane a span { display:inline; overflow:visible;}

.center.ariane + .center.has-calendar , .center.ariane + .center.has-menu { margin-top:-70px;}

p.introActu { font-size:72%; color:#666; }
p.introActu span { white-space:nowrap; }
p.introActu strong { font-weight:600;}


/*section.grey + section.grey .center { border-top:1px solid #E5E5E5; margin-top:0;}*/



.columns.double , .columns.triple { margin:0 -50px;}
.columns.double .col { float:left; width:50%;}
.columns.triple .col { float:left; width:33.33%;}
.columns.double .col .picture , .columns.triple .col .picture { padding:33% 0; background:rgba(0,0,0,0.1) no-repeat center center;  background-size:cover; margin:0 auto 2.5em auto;}
.columns.double .col .wrap , .columns.triple .col .wrap { margin:30px 50px;}

.columns.double.small , .columns.triple.small { margin:0 -5px;}
.columns.double.small  .col , .columns.triple.small  .col {  padding:5px; box-sizing:border-box;}




.columns.double .button , .columns.triple .button { display: inline-block; margin: 0.5em 0 0 0; background: #C2C4C6 url("../images/pictos/arrow.svg") no-repeat 0.6em center; color:#FFF; font-size: 85%; font-weight: 500; padding:0.35em 0.6em 0.3em 2em; border-radius: 2px; background-size: 1em;}
.columns.double a:hover .button , .columns.triple a:hover .button { background-color: #114892;  }

h1 a , h2 a , h3 a , h4 a , h5 a { color:#222;}

* { outline:none;}

.clear { clear:both;}

.gradient { position:absolute; width:100%; height:100%;  opacity:0.8; background:#114892; top:0; left:0; 
background: -moz-linear-gradient(103deg, rgba(17,72,146,0.8) 0%, rgba(17,72,146,0.8) 60%);
background: -webkit-linear-gradient(103deg, rgba(17,72,146,0.8) 0%,rgba(17,72,146,0.8) 60%);
background: linear-gradient(103deg, rgba(17,72,146,0.8) 0%,rgba(17,72,146,0.8) 60%);
}

.gradient.light { opacity:0.3; }

a, .red , .red a , .ariane{ color:#114892;}

a { text-decoration:none; cursor:pointer;}
a:hover{ color:#fbbe49;}
a.dark  , #formations li a { color:#222;}

h2 span.star { float:left; margin:-0.3em 0.15em 0 -0.08em; font-size:130%; margin:-0.15em 0.15em 0 -0.08em \9; font-size:120% \9; color:#114892; }

section.grey { background:#F8F8F8;}
section.greyDark {background:#EDEDED;}

section , #menu , header , #menu .subMenu .wrap { padding:1px 0; margin:0;}

#header.opaque .gradient { opacity:0.9; }

#menu .social { display:none;}

#header .infos .badges { white-space:nowrap; }
#header .infos .picto {  font-weight:600; cursor:help; height:2.6em; margin:-0.4em 0; line-height:2.7em; text-align:center; width:2.6em; border:2px solid #FFF; border-radius:100%;  
font-size:64%; display:inline-block;}
#header .infos .picto +.picto { margin-left:0.1em;}

#header p.infos svg { height: 1.1em; transform: translateY(0.2em);}
#header p.infos svg path { fill:#FFF;}

h2, h3, h4, h5 { font-weight: 600;}
.text .content h1,.text .content h2,.text .content h3,.text .content h4,.text .content h5 , .text .content h1 strong,.text .content h2 strong,.text .content h3 strong,.text .content h4 strong,.text .content h5 strong { font-weight:600; line-height:130%;}


.buttons.small { font-size:80%;}
.buttons.big { font-size:120%;}


.smallText { font-size:90%;}

.text h1 , .text .h1 { font-size:190%;}
.text h2 , .text .h2 { font-size:175%;}
.text h3 , .text .h3 { font-size:140%;}
.text h4 , .text .h4 { font-size:115%;}
.text h5 , .text .h5 { font-size:105%;}
.text { font-size:100%; line-height:160%; font-weight:300;}
.text sup { font-size:80%; line-height:0; }
.text p , .text ul { margin:1em 0; line-height:160%;}

.text ul , ul.arrow , #formations ul { padding:0; list-style:none; }
.text ul ul , ul.arrow ul , #formations ul ul { margin:0 0 0 2em; }
.text ul ul li , ul.arrow ul li , #formations ul ul li {background:url(../images/pictos/puce_2.svg) no-repeat 0.1em 0.35em; background-size:auto 0.85em; padding-left:1.6em; opacity:0.65; }
.text ul li , ul.arrow li , #formations ul li { padding-left:1.4em; margin:0 0; background:url(../images/pictos/puce_1.svg) no-repeat 0.1em 0.35em; background-size:auto 0.7em;}


ol.steps {
	margin:1.2em 0; padding:0; list-style:none;	
}


.form-col-left.steps { padding-left:2.2em;}


ol.steps li { margin:0.4em 0; padding-left:2em; line-height:130%;}
ol.steps li .step , .steps .step { position:absolute; margin:-0.12em -2em; width:1.4em; height:1.4em; line-height:1.5em; color:#FFF; text-indent:-1px; text-align:center; background:#666; font-weight:500;}

.steps .step.ok { background:#0C0; }


.uc { text-transform: uppercase;}

#formations .wrap { margin:0 -50px;}
#formations .columns { float:left; box-sizing:border-box; padding:0 50px; width:16.6%; width:20%; border-right:1px solid #DDD; font-size:80%; font-weight:400;}
#formations .columns.secteurs-d-activite { border:none;}
#formations .columns h2 {  background:no-repeat 0 0;  font-weight:500; font-size:140%; text-transform:uppercase;}

#formations .columns h2 a { color:#114892;}

.add_fav { display: none !important; pointer-events: none;}

#header.slide-centre { background-position:90% 90%; background-image:url(../images/visuel-centre.jpg);}

#header.slide-actu { background-position:90% 90%; background-image:url(../images/visuel-actu.jpg);}


#header { position:relative; padding-top:200px; padding-bottom:120px; background:#114892 url(../images/bg-header.png) no-repeat center 0; background-size:cover; color:#FFF; text-shadow: -1px -1px 0 #114892, 1px -1px 0 #114892, -1px 1px 0 #114892, 1px 1px 0 #114892, 0 0 8px #114892;}

#header.slide-filiere {background-image:url(../images/bg-filiere.png);}


.is_dark  #header{ background-color:#0A274E; color:#FFF; text-shadow: -1px -1px 0 #0A274E, 1px -1px 0 #0A274E, -1px 1px 0 #0A274E, 1px 1px 0 #0A274E, 0 0 8px #0A274E;}





#header .buttons { text-shadow: none;}

#header.slide-filiere .center h1 , #header.slide-classique .center h1 { text-align:left; font-size:277%; margin:2em 0 1.5em 0; pa }

#header.slide-classique.flat .center h1 { margin-bottom:2%;}

#header.slide-filiere .center { margin-top:-6.5em; margin-bottom:-40px;}
#header.slide-classique .center { margin-top:-5.6em; margin-bottom:-2.2em;}

#header.slide-filiere .center .categories { margin:0 -0.3em; font-size:77.77%; font-weight:500;}
#header.slide-filiere .center .categories a , #header.slide-filiere .center .categories h2 { color:#FFF; font-weight:500; white-space:nowrap; border-radius:2px; margin:0.3em; box-sizing:border-box; overflow:hidden; text-decoration:none; display:inline-block; border:1px solid #FFF; padding:0.8em; float:left; text-overflow:ellipsis; max-width:100%;}
#header.slide-filiere .center .categories h2 , #header.slide-filiere .center .categories a.actif , #header.slide-filiere .center .categories a.actif:hover { background:#FFF; color:#114892; font-size:100%; cursor:pointer;}
#header a { color:#FFF;}


#header .suggested a { color:#222;}


#header.slide-filiere .center .categories a { color: #FFF; text-shadow: none; color: #fbbe49; border: 1px solid #fbbe49; background: #114892; background: #114892EE; border-radius: 3rem;}
#header.slide-filiere .center .categories a.actif , #header.slide-filiere .center .categories a.actif:hover { background: #fbbe49; }





#video { position:absolute; width:100%; height:100%; overflow:hidden; top:0; left:0;}
#video video { position: absolute;   right: 0;  bottom: 0;min-width: 100.5%;min-height: 100.5%;width: auto;height: auto;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);  background:#000 url(../images/visuel-homepage.jpg) center center; background-size:cover; }


#menu { position:fixed;  color: #FFF; z-index:20; padding:1px 60px; padding-top:46px; padding-bottom:25px; z-index:100; box-sizing:border-box; line-height:2em; top:0; left:0; width:100%; transition:background-color 0.2s, top 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}

#menu menu { margin:0; float:right; }

#poe_intro .table td { padding: 1em 0; border-color: #DDD; color:#666;}
#poe_intro .table td.first { border-top:1px solid #DDD;}
#poe_intro .table td strong { color:#000;}

#poe_intro .logos p { font-size: 85%; font-weight: 500; color:#666; margin:0 0 0.2em 0;}
#poe_intro .logos .col { float:left;  width: 25%;padding:0.2em; box-sizing: border-box;}
#poe_intro .logos .logo {display:block; height: 3em; background:no-repeat center center url(../images/pdf-poe/pole_emploi_line.png); background-size:contain; border: 0.5em solid #FFF; border-width: 0.6em 1em; box-shadow: 0 0 0 1px #DDD; }
#poe_intro h3 { font-size:100% !important; margin:2em 0 0 0 !important;}

.picture.contain { background-size:contain !important; background-position:0 center !important;}


#menu span.button { display: block; background:#FFF; color: #013882; border-radius: 2rem; white-space: nowrap; padding: 0.2em .75em; margin-top: -0.2em; transition: color 0.2s, background-color 0.2s;}
#menu.fixed span.button , #menu.slided span.button { background:#013882; color: #FFF; }



#menu menu a.onglet , #menu menu span.onglet { padding:0; cursor: pointer; margin-left:2rem; font-weight:500; transition:color 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); position:relative; font-size:100%; }

#menu menu a.onglet .overMenu { position:absolute; left:0; width:100%; height:100%; top:0; padding:1px 0; z-index:2; background:rgba(0,0,0,0); opacity:0;}

#menu menu a.slided .overMenu { padding:3px 0;}

#menu , #menu a.onglet  , #menu a.trigger  { color:#FFF;} 
#menu a.trigger:hover  { border:none;} 


#menu .band { position:relative; z-index:2; height:42px; }

#menu a.onglet , #menu span.onglet , #menu p { float:left; margin:0;}
#menu .band p { line-height:1.2em; margin-top:-5px; margin-left:64px; font-size:105%;transition:all 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); font-weight:600; }

/*#menu.fixed .band p { font-size:0; opacity:0;}*/


.demat_document , .session_history { background: #FFF; padding:1.4em; margin:0.8em 0; position:relative; font-size: 70%; border: 0 solid #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.03);}

.session_history { border-width: 2px; padding:1px 4em 1px 1px; transition: border-color 0.2s;}
.session_history .wrap { margin: 1.3em 1.6em;}
.session_history h4 { margin: 0 !important;}
.session_history h4 + p { font-weight: 400; margin: 0em 0 0.8em 0; color:#828486;}

.session_history .main_docs a.moreLinks { display: none;}
.session_history.open .main_docs a.moreLinks { display: inline-block;}
.session_history.open .main_docs span { display: none;}

.session_history .main_docs { line-height: 0; margin-bottom:3px;}

.session_history .main_docs a , .session_history .main_docs span {  display: inline-block; background: #FCFDFE no-repeat 0.5em center; background-size: 1.4em; border:1px solid #E2E4E6; border-radius: 3px; padding: 0.35em 0.5em; margin: 3px 3px 0 0; font-weight: 400; overflow: hidden; line-height: 1.8em;}
.session_history .main_docs span { color:#626466;}

.session_history .main_docs a {  color: #114892; background-image: url(../images/pictos/acrobat.svg); position: relative; z-index:2; padding-left: 2.4em; }

.session_history .details { max-height: 0; overflow: hidden; opacity: 0; transition: opacity 0.2s;}
.session_history.open .details {  margin-top: 2em; max-height: none;  overflow: visible; opacity: 1;}

.session_history sub { font-size: 75%; line-height: 0;}

.session_history .details .tag {  border-top: 2px solid #E2E4E6; cursor: default;  margin:1em -1.4em; margin-left: calc(-1.8em + 2px); padding:0 1.6em; }
.session_history .details .tag span { display: inline-block; font-size: 95%; padding:0.1em 0.4em; border-radius:0 0 3px 3px; background: #FFF; border: 2px solid #E2E4E6; margin:-2px 3px 5px 0; color:#fbbe49; font-weight: 500; display: inline-block;  }
.session_history .details .tag span em { font-style:normal; opacity:0.25;}


.session_history .details .tag svg path , .session_history .details .tag svg polygon {fill:#fbbe49;}
.session_history .details .tag svg { height: 1.2em;  width: 1.2em; float: left; margin:0.2em 0.2em 0 0;}

.session_history .details table { width: 100%; padding:0 1em; border-collapse: collapse; font-weight: 400; }
.session_history .details table td {  border: 1px solid #EAEBEC; transition:background-color 0.2s; border-width: 1px 0; padding: 0.3em 0; vertical-align: top; }
.session_history .details table th { vertical-align: bottom; font-weight: 500; color: #A2A4A6; font-size: 80%;}

.session_history .details table th.tetiere_docs { width:19em;}

.session_history .details table p { margin: 0.4em 0; line-height: 1.1em; min-height: 1.1em;}
.session_history .details table p a { display:inline-block; box-sizing: border-box; max-width: 100%; padding-left:1.3em; background: no-repeat 0 .05em url(../images/pictos/acrobat.svg); background-size: 1em; transition:filter 0.15s;}

.session_history .details table p a:hover { filter:brightness(0)  grayscale(1);}

.session_history .details table p a.opener {  background-image:url(../images/pictos/open.svg); }

.session_history .details table tr:hover td { background-color:#F8F9FA;}

.session_history .details .localisation {  background:#F4F5F6; font-size: 95%; padding: 1em 1em 1em 4.2em; margin-top: 2em; border-radius: 6px; position: relative; }
.session_history .details .localisation p { margin: 0; line-height: 120%; color:#333;}
.session_history .details .localisation p strong { font-weight: 400; color:#000;}
.session_history .details .localisation span.picto { width: 3.2em; border-right: 1px solid #E2E4E6; position: absolute; left: 0; top:0; right: 0; height: 100%; background: url(../images/pictos/location.svg) center center no-repeat; background-size:1.6em;}





body.previewBox { height: 100%; overflow: auto; position: absolute; top: 0;; left: 0; width: 100%; padding: 0; }



span.checkBox {  font-size: 90%;; position: relative; height: 0.8em; width: 0.8em; height: calc(1em -2px); width: calc(1em -2px); margin: 0 0.2em; padding: 0 !important;  border: 1px solid #B2B4B6; float: left; }
span.checkBox img { height: auto; width: 1.3em; margin: -0.2em; position: absolute; max-width: 150% !important;}



body.exportStats { background: #E5E5E5; margin: 1.5em;  }
section#pdf_sheet { box-shadow:0 0 15px 0 rgba(0,0,0,0.1); background:#FFF; padding:0.01em; min-height: 280mm; width: 200mm;  width: 200mm; margin: 1.5em auto;font-size:12pt; position:relative; }

section#pdf_sheet .center { margin: 0; padding: 0;}
section#pdf_sheet .center .content .wrap.is_export { margin: 12mm!important; padding-bottom: 10mm; position: relative;}

section#pdf_sheet .wrap .col-stats { margin: 0 -0.75mm;}
section#pdf_sheet h1 { font-weight: 500; padding-top: 0.4rem; margin:2mm 0 0.5mm 0; color: #666; font-size:100%;}
section#pdf_sheet h2 { font-weight: 600; margin: 0 0 3mm 0; font-size: 120%;}
section#pdf_sheet .wrap h4 { color: #666; font-weight: 500; margin:0 0 2mm 0;}
section#pdf_sheet .col-stats .stat { border: 1px solid #E0E2E4;}
section#pdf_sheet .col-stats .stat .wrap { position: relative; margin:4mm; }
section#pdf_sheet #logo { margin:0 1em 3mm 0; float: left; height: 14mm; width: 14mm;}
section#pdf_sheet .chart-circle { width: 42mm; }

section#pdf_sheet .col-stats .recap {  font-size: 180%; }

section#pdf_sheet .col-stats .col { max-width: 100mm; width: 49.9%; padding: 0.75mm; }
section#pdf_sheet .col-stats .col.large { max-width: 200mm; width: 99.8%;}
section#pdf_sheet .col-stats .col.large .wrap {}

section#pdf_sheet .periode-report { background: none;  font-size: 85%;}
section#pdf_sheet .periode-report svg { height: 1.2em; width: 1.2em; margin-top:-0.25em; left: 0; position: absolute;}

section#pdf_sheet .footer_stats { margin:11mm 12mm; position: absolute; bottom: 0; left: 0; line-height: 100%; font-size: 9pt; font-weight: 400; color:#888;}

section#pdf_sheet .col-stats .col{ overflow: hidden;}
section#pdf_sheet .col .adjust { min-height: 5mm !important; height: 5mm;}
section#pdf_sheet .col .adjust-2 { min-height: 64mm !important; height: 64mm;}

section#pdf_sheet .col-stats .stat .legendes { padding-top: 3mm; border-top-style: dashed; margin-top: 3mm;}

.col-stats { margin: 0 -0.2em;}
.col-stats .col { float: left; width: 33.33%; box-sizing: border-box; padding: 0.2em; font-size: 85%;}
.col-stats .stat { padding:1px; background:  #FFF;}
.col-stats .stat .wrap { margin: 2em; position: relative;}
.col-stats .stat .wrap h4 { font-weight: 400; font-size: 100%; margin: -0.2em 0 1.5em 0; text-align: left;}

.is_export .col-stats .stat .wrap h4 { text-align: center;}



.col-stats .recap { position: absolute; left:0; top: 50%; margin:-0.5em  0;  height: 1em; line-height: 1em; font-weight: 600; font-size: 220%; width: 100%; text-align: center;}
.col-stats .recap.with-btn { margin: -.75em 0;}


.col-stats .recap span { display: block; line-height: 1em;  font-size: 35%; font-weight: 400;}
.col-stats .recap sub { font-size: 35%; line-height: 0;  font-weight: 400; position: absolute; bottom:1em; }



/* .col-stats .col .stat .legendes:before { height: 3px; width: 2em; content: ""; position: absolute; left: 0; top: 0; background: #C2C4C6; border-radius: 4px; margin:-2px 0;} */
.col-stats  .stat .legendes {  padding-top: 1.5em; margin-top: 1.5em; border-top: 1px solid #E4E6E8;  }
.col-stats  .stat .legendes p { margin: 0; text-align: left; white-space: nowrap; padding: 2px 0.2em 2px 12px; overflow: hidden; line-height: 1em;  float: left; color:#545658; box-sizing: border-box; width: 50%; font-size: 75%; text-overflow: ellipsis; position: relative;}
.col-stats  .stat .legendes p span { position:absolute; left: 0; overflow:hidden; border: 1px solid rgba(0,0,0,0.2); box-sizing: border-box; height: 9px; width: 9px; border-radius: 100%; text-align: center; top: 50%; margin: -5px 0;  }

.col-stats  .stat .legendes p span strong { font-size: 200%; line-height: 40px; width: 40px; top: 50%; left: 50%; text-align: center; position: absolute; margin: -20px;}

.col-stats canvas { height: 30em; position: relative; z-index: 3;}

.col-stats input { display:none;}
.col-stats .selector { position:absolute; right: 0; top: 0; margin: 0.8em 32px; }


.periode-report { font-weight: 400; opacity: 0.6; padding-left: 1.6em; background: url(../images/pictos/calendar-2.svg) no-repeat 0 center; background-size: 1.2em; font-size: 90%;}

.chart-circle { margin:0; max-width: 260px; position: relative;}
.al-c .chart-circle { margin:0 auto;}

.col-stats .large  { width: 66.66%;}

h3.hasMenuRight { float: left; margin: 0 !important;}
.MenuRight { font-size: 80%; float: right;}
.MenuRight  select {  max-width: 11em;}
.MenuRight .calendar { padding-left: 1.6em; background: url(../images/pictos/calendar-2.svg) no-repeat 0 center; background-size: 1.2em;}


.MenuRight a.export { display: block; color: #FFF; background: #114892 url(../images/pictos/export.svg) no-repeat 0.5em center; font-weight: 400; padding: 0.2em 0.4em; border-radius: 3px; transition: background-color 0.2s; padding-left: 2.2em; background-size: 1.5em;}
.MenuRight a.export:hover { background-color: #fbbe49;}


.slide-toggle {
	display: block;
	position: absolute;
	left:0; top:50%;
	margin-top:-14px;
	flex: none;
	width: 38px;
	height: 20px;
	border-radius: 22px;
	background-color: #d7d2cb;
	cursor: pointer;
	transition: all 0.1s ease-in-out;
	z-index: 1;
   
  }
  .slide-toggle::before,
  .slide-toggle::after {
	content: ' ';
	display: block;
	position: absolute;
	top: 1px;
	border-radius: 18px;
	height: 18px;
	background-color: #fff;
	transform: translate3d(0, 0, 0);
	transition: 0.2s cubic-bezier(0, 1.1, 1, 1.1);
  }
  .slide-toggle::before {
	z-index: -1;
	width: 36px;
	right: 1px;
	transform: scale(1);
  }
  .slide-toggle::after {
	z-index: 1;
	width: 18px;
	left: 1px;
	box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25);
  }
  input:checked + .slide-toggle {
	background-color: #114892;
  }
  input:checked + .slide-toggle::before {
	transform: scale(0);
  }
  input:checked + .slide-toggle::after {
	transform: translate3d(18px, 0, 0);
  }
  



.session_history:hover { border-color: #D2D4D6;}
.session_history.open, .session_history.open:hover { border-color: #fbbe49; }
.session_history.open .toggle.main { display: none;}
.session_history .toggle.main { position: absolute; padding: 2px; margin: -2px; width: 100%; height: 100%; z-index: 1; left: 0; top: 0;}
.session_history .closer.toggle { position: absolute;  transition: background 0.1s; width: 4em; height: 100%; right: 0; top: 0; border-left:1px solid #D2D4D6; padding: 2px; margin: -2px; }
.session_history .closer.toggle span { width:1em; height:1em; line-height:1em; left:50%; top: 50%; margin: -0.5em; text-align: center; position: absolute; font-size: 250%; font-weight: 500; color: #fbbe49; transition: color 0.2s, transform 0.3s;}
.session_history.open .closer.toggle {  background:#fbbe49; border-left: none;}
.session_history.open .closer.toggle span { transform: rotate(-45deg); color:#FFF;}
.demat_document table { width: 100%; margin:0; line-height: 125%;}
.demat_document table td strong { font-size: 110%;}
.demat_document.tetiere { padding-top:0; padding-bottom: 0; color: #828486; margin:1em 0 -0.5em 0; line-height: 100%; background: none; box-shadow:none; }
.demat_document.tetiere th strong { font-weight: 500; font-size:80%; color: #A2A4A6; }
.demat_document table td { vertical-align: top;}
.demat_document table th { vertical-align: bottom;}
#menu svg path { fill:#FFF;}
.demat_document .overlink { position: absolute; z-index: 1; height: 100%; width: 100%; top: 0; left: 0;}

.demat_document p.sessions { font-size: 85%; line-height: 125%; margin: 0.7em 0 0 0; padding-top:0.6em; color: #929496; border-top: 1px dotted #D2D4D6;}
.demat_document p.sessions a {color: #828486; display: inline-block; padding:0.1em 0; font-weight: 400; position: relative; z-index: 2;}
.overLoad{position:fixed; background:#FFF url(../images/loader.gif) no-repeat center center;  opacity:0.5; width:100%; height:100%; top:0; left:0; z-index:999999;}
.demat_document p.sessions a:hover { text-decoration: underline;}

.champ.recherche { padding-left: 2.8em; background: url(../images/pictos/search-dark.svg) #FFF no-repeat 0.9em center; background-size: 1.25em;}

#menu menu .pipe { float:left; background:#FFF; background: #FFFA; height:1.6em; margin:-0.1em 0 0.15em 18px; width:1px; transition:background 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}


.resetForm { position: absolute; font-size: 140%; font-weight: 400; text-align: center; border-radius: 50%;; height: 1.2em; line-height: 1.2em; width: 1.2em; z-index: 3; text-decoration: none; background: #D2D4D6; transition: background 0.2s; color: #FFF; margin: 0.5em;}
.resetForm:hover {background: #A2A4A6; color: #FFF; }
#menu menu a:hover , #menu menu a.actif , menu span.onglet:hover , #menu span.onglet.actif { border-bottom:2px solid #FFF;}



#menu .subMenu .column-right { padding:0.8em 1.5em; background: #F1F2F3; position: absolute; right: 60px; top: 30px; width: 260px; font-weight: 400;}
#menu .subMenu .column-right p { margin:0.4em 0; padding: 0; line-height: 130%; display: block; float: none; font-size:110%;}
#menu .subMenu .column-right a { font-weight: 500; margin: 0; padding-left: 1.3rem; display: block; background: url(../images/pictos/arrow-colored.svg) no-repeat 0 0.3em; background-size: 0.9em; color:#444648; }


#menu .subMenu .column-right h3 { margin:0.8rem 0 0.5rem 0; padding:0.5rem 0 0 0; border-top: 1px solid #0002;  font-weight: 500; color: #161820; color: #114892; line-height: 120%; display: block; float: none; font-size:100%;}


#menu .subMenu.open { padding-top:110px; padding-bottom: 10px; height:auto; opacity:1; overflow:visible; transition:opacity 0.2s, padding-top 0.1s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}

#menu .subMenu a { float:none; display:inline; padding:0; margin:0; transition:color 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); font-weight:400; color:#888; }
#menu .subMenu a:hover { color:#200;}
#menu .subMenu .columns { margin:35px 60px; /* margin-right: 400px;  */padding:0 0 0 260px; }
#menu .subMenu .clear { height: 0.2rem;}
#menu .subMenu .columns + .columns { border-top:1px solid #D00; border-top-color:rgba(0,0,0,0.1); padding-top:25px; }

#menu .subMenu .columns h3 , #menu .subMenu .columns h3 a { margin:0; font-size:110%; color:#0c4391; line-height:90%; position:absolute; left:30px; text-transform:uppercase; font-weight:600; }
#menu .subMenu .columns ul { margin:0 0 30px 0; padding:0; list-style:none;  column-count:4; column-count:1 \9; clear:both;  }
#menu .subMenu .columns ul li { display:block; margin:0; padding-right:30px; box-sizing:border-box; break-after:right; line-height:150%; float:left \9; width:20% \9; page-break-inside:avoid;   }
#menu .subMenu .columns p + ul { margin-bottom: 0.4rem} 

#menu .subMenu .columns ul + .clear +  p { border-top:1px solid #D2D4D6; padding-top: 0.5rem; margin-top: 0.4rem !important;}

#menu .subMenu .columns  p { width: 100%; margin: -0.4rem 0 0 0 !important; float: none;}


#menu.show a.onglet.text { color:rgba(255,255,255,0); z-index:0;}
#menu.show .band:before { position:absolute; background:rgba(0,0,0,0); cursor:default; content:""; z-index:2; width:100%; height:100%; top:0; left:0;}

#menu .subMenu { background:#FFF; position:absolute; left:0; top:0; padding-top:0; height:0; opacity:0; width:100%; z-index:1; transition:opacity 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); overflow:hidden; box-shadow:0 3px 10px rgba(0,0,0,0.1);}
#menu .subMenu .wrap {  color:#666; font-size:77%; overflow:auto; max-height:600px; max-height:80VH; max-height:calc(100VH - 130px); position:relative; }


#menu .miniMenu { position: absolute; overflow: hidden; height: 0; padding: 0; z-index: 5; opacity: 0; transition: opacity 0.2s, margin 0.2s; left: 0; box-shadow: 0 2px 6px rgba(0,0,0,0.25); background: #FFF;  box-sizing: border-box; width: auto; margin:0 -1em; top: 100%; border-radius: 4px;}
#menu .miniMenu a { border: none; color:#555; font-size:110%; line-height: 110%; padding: 0.2em 0; display: block; font-weight: 400; text-align: left; white-space: nowrap; text-transform: none;}
#menu .miniMenu a:hover { border: none; color:#000; }

#menu .openMiniMenu.open .miniMenu { overflow: visible; margin-top: 1em; padding: 1.1em 1.4em; height: auto; opacity: 1;}
#menu .openMiniMenu.open.onRight .miniMenu { transform: translateX(calc(-100% + 9em));}

.miniMenu:before { position: absolute; bottom:100%; height: 10px;  width: 100%; left: 0; content: "";}

#menu .openMiniMenu.open { border: none !important;}
#menu .openMiniMenu .trigger { padding: 1em 0;}



#menu .subMenu .closer { position:absolute; line-height:150%; right:60px; margin:30px 0; padding-left:24px; }
#menu .subMenu .closer svg { position:absolute; top:50%; width:16px; height:16px; margin:-8px 0; left:0;}
#menu .subMenu .closer svg path { transition:fill 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); fill:#666;}
#menu .subMenu .closer:hover svg path { fill:#200; }

#menu menu a.picto , #menu menu a.picto:hover { margin-top:-0.05em; border:none !important; z-index:5; position:relative;}
#menu menu a.picto svg { height:24px; width:24px; margin:0; transition:fill 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); fill:#FFF; }

#menu menu a.picto.contact { margin-top:-0.2em; margin-left: 20px;}
#menu menu a.picto.contact svg { width:30px; height:30px; }
#menu menu a.picto.menu {  display:none; }


#menu #logo img { height:82px; width:82px; transition:fill 0.2s, height 0.2s, width 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); display: block; margin: 0;}


#menu #logo { margin-top:-32px; margin-bottom: -10px; margin-left:0; margin-right:0; transition:all 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); border:none; float:left; z-index:5; position:relative; }
#menu #logo:before { content: ""; background: url(../images/logo-negatif.svg) no-repeat center center; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.is_verified  { background: no-repeat center center url(../images/pictos/padlock.svg); background-size: contain; margin-left: -3rem; margin-top: -0.2rem; height: 1.5rem; width: 1.5rem; overflow: hidden; font-size: 0; text-indent: -500px; position: absolute;}

#menu #logo img { opacity: 0; transition: opacity 0.2s;}
#menu #logo:before {   transition: opacity 0.2s; }

#menu.fixed #logo img , #menu.slided #logo img { opacity: 1; }
#menu.fixed #logo:before, #menu.slided #logo:before {   opacity: 0; }



@media screen and (min-width: 981px) {
	#menu.fixed { position:fixed; }
	#menu.fixed , #menu.fixed a.onglet  , #menu.fixed a.trigger , #menu.slided , #menu.slided a.onglet , #menu.slided a.trigger { color:#666;} 

#menu.fixed .band p , #menu.slided .band p { color:#666; opacity:1;  }


#menu.fixed, #menu.slided { background:#FFF; box-shadow:0 2px 10px rgba(0,0,0,0.1); }

#menu.slided {  background:#FFF; z-index:50;  }
#menu.slided .band { border-bottom:3px solid #666; height:66px; }
#menu.fixed menu .pipe , #menu.slided menu .pipe { background:#888;}
#menu menu a.slided , #menu menu a.slided { border-bottom:8px solid #666 !important; padding-bottom:36px;}
#menu.fixed menu a.picto svg path , #menu.slided menu a.picto svg path { fill:#114892;}
#menu.fixed menu a.picto , #menu.slided menu a.picto { border:none;}

#menu.fixed #logo svg .border , #menu.slided #logo svg .border { opacity:0;}
#menu.fixed #logo svg rect , #menu.slided #logo svg rect { fill:#114892; opacity:1;}


#menu.fixed a.onglet:hover , #menu.slided a.onglet:hover ,#menu.fixed span.onglet:hover ,#menu.slided span.onglet:hover , #menu.slided a.onglet.actif , #menu.slided span.onglet.actif { border-bottom:2px solid #888;}

}



#header p.infos { font-size:100%; margin-top:-2.8em;}
#header p.infos span { float:left; line-height:30px;}
#header p.infos span.pipe { font-size:0; height:30px; width:1px; background:#FFF; margin:0 20px;}
#header p.infos .note { font-size:85%;}
#header p.infos .note span { float:left; font-family:"Star", Arial, Helvetica, sans-serif; color:#FC0; font-size:150%; margin-top:-.06em; margin-right:0.2em;}

#header-search a#closeSearchForm { position:absolute; width:24px; height:24px; margin:-12px 0; z-index:20; border-radius:100%; right:8px; top:50%; background:#BBB no-repeat center center url(../images/pictos/close.svg); transition:background-color 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); background-size:12px;}
#header-search a#closeSearchForm:before { position:absolute; width:100%; height:100%; background:rgba(0,0,0,0); content:""; top:0; left:0; margin:-10px -8px; padding:10px 8px;}
#header-search a#closeSearchForm:hover { background-color:#242424;}
#header-search { position:absolute; z-index:999; margin:-1.5em 0; padding:1em 0; font-size:85%; right:7.2rem; overflow:hidden; width:0; opacity:0; transition:opacity 0.1s, width 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); }
.show #header-search { overflow:visible; width:450px; opacity:1; }
#header-search input { box-sizing:border-box; padding:0 12px; position:relative; z-index:10; height:42px; line-height:42px; border-radius:2px; border:none; width:100%; display:block; margin:0; font-size:100%; border:1px solid #E5E5E5; box-shadow:0 0 6px rgba(0,0,0,0.12);}
#header-search .suggested div { border:1px solid #E5E5E5; border-width:0 1px 1px 1px;}
#header-search a { border:none !important; margin:0;}
#menu .band #header-search .suggested a { font-size:100%;}	


a.back { padding-left:1.5em; background:url(../images/pictos/arrow-back-black.svg) no-repeat 0 0.1em; background-size:1em auto;}

#header p.back {  font-size:110%; margin:8em 0 0 0; position:relative; font-weight:600; }
#header p.back a { display:inline-block; padding-left:1.6em; background:url(../images/pictos/arrow-back.svg) no-repeat 0 center; background-size:1em auto;}

#header h1 { font-size:250%; line-height:110%; margin:0.8em 0; font-weight: 800; text-align:center; max-width:960px;}
#header h1 span.sub { font-size:50%; font-weight:600; display:block; line-height:110%; margin:0.5em 0; }
#header .center { position:relative; z-index:20; }

#header.slide-long-title h1 {  max-width:1100px; font-size:180% !important; font-weight:600;}

.no-wrap { white-space:nowrap;}

section.grey + section.grey { box-shadow: 0 -1.5em 1.5em -1.5em rgba(0,0,0,0.05); border-top: 1px solid rgba(0,0,0,0.03);}

.center { margin:70px auto; padding:0 60px; max-width:1200px;}
.center.large { max-width:100%;}
.center.small { max-width:900px;}

.text .videoBox { position:relative; padding:28% 0; margin:1.8em 0; }
.text .videoBox iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important;}



.content img { max-width: 100%; height: auto !important;}

.text p.picture img { margin:1em auto;}
.text .picture img { width:100%; height:auto;}

.mini-portal { margin:2em -0.6em; }
.mini-portal p { float: left; width: 50%; margin: 0; }
.mini-portal p a { margin: 0 0.6em; display: block; padding:8em 2em 2em 2em; color:#000; text-align: center; text-decoration: none; font-size: 90%; line-height: 130%; background: #FFF no-repeat center 1.25em url(../images/picto_entreprise.png); background-size: 6.5em auto;}
.mini-portal p a.particuliers { background-image: url(../images/picto_particuliers.png);}
.mini-portal p a strong { display: block; font-size: 125%; margin-bottom: 0.3em;   line-height: 130%;  font-weight: 600;}




#header .center.no-margin { margin-top:-4em; margin-bottom:-0.75em;}
#header .center.no-margin h1 { font-size:220%; }

.classic-columns .col { float:left; box-sizing:border-box;}
.classic-columns .col-33 { width:33.33%;}
.classic-columns .col-25 { width:25%;}

.classic-columns.univers { padding-left:22%; position:relative;}
.classic-columns.univers h2 { position:absolute; left:0;}
.classic-columns.univers h3 { font-weight:500; font-size:145%; padding-top:3.3em; background:no-repeat 0 0; background-size:auto 2.6em; max-width:200px;}
.classic-columns.univers h3.modalite { background-image:url(../images/pictos/univers-modalite.svg);}
.classic-columns.univers h3.connaissance { background-image:url(../images/pictos/univers-connaissance.svg);}
.classic-columns.univers h3.certification { background-image:url(../images/pictos/univers-certification.svg);}
.classic-columns.univers h3.productivite { background-image:url(../images/pictos/univers-productivite.svg);}
.classic-columns.univers h3.longevite { background-image:url(../images/pictos/univers-longevite.svg);}
.classic-columns.univers h3.meilleurs { background-image:url(../images/pictos/univers-meilleurs.svg);}



.classic-columns.univers .col-33 { }
.textes .classic-columns.univers .col-33 p.adjust strong { white-space:nowrap; font-weight:normal;}
.classic-columns.univers .col-33 p.adjust { max-width:240px;}
.classic-columns.univers p.buttons { font-size:67%;}
.classic-columns.univers p , .classic-columns.univers h3 { margin-left:15px !important; margin-right:15px !important;}



.text .classic-columns.univers.no-col  h3 { font-size:130%;}
.classic-columns.univers.no-col { padding-left:0; margin:2em -13px;  }

#main-search { margin:0 auto; max-width:970px;}

#main-search .input { padding-right:85px; position:relative;}
#main-search .input a.search { position:absolute; right:0; top:0; transition:background-color 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); width:70px; height:70px; border-radius:100%; text-indent:-300px; overflow:hidden; background:#fbbe49 url(../images/pictos/search.svg) no-repeat center center; background-size:28px;}
#main-search .input a.search:hover { background-color:#114892;}

#main-search input { box-sizing:border-box; outline:none !important; padding:0 30px; height:70px; width:100%; font-size:100%; color:#FFF; border:2px solid #FFF; border-radius:35px; background:transparent no-repeat 97% center; background-position:calc(100% - 20px) center; transition:color 0.2s, background 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}

#main-search input.focus , #main-search input:focus { background-color:#FFF; color:#000; border-radius:5px;}
#main-search input.focus.loading , #main-search input.loading:focus { background-image:url(../images/loader-input.gif)}


#main-search input::-webkit-input-placeholder { color: #FFF; opacity: 0.6;}
#main-search input:-moz-placeholder {  color: #FFF; opacity: 0.6;}
#main-search input::-moz-placeholder {  color: #FFF; opacity: 0.6; }
#main-search input:-ms-input-placeholder {  color: #FFF; opacity: 0.6; }
#main-search input::-ms-input-placeholder {  color: #FFF; opacity: 0.6; }


#main-search p.exemples { font-size:66.66%; margin:1em 30px;}

.suggested { position:absolute; width:100%; box-sizing:border-box; height:0; overflow:hidden; opacity:0; transition:opacity 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); z-index:10; }

#main-search .suggested { padding-right:85px; margin-top:-5px; }
.suggested div { background:#FFF; padding:0px; border-top:1px solid #E2E2E2; border-radius:0 0 2px 2px; overflow:hidden; box-shadow:0 2px 6px rgba(0,0,0,0.12); color:#242424; }
#main-search .suggested div { border-radius:0 0 5px 5px; }
.suggested div h3 { padding:0 25px; margin:25px 0 10px 0; font-size:75%;}
.suggested div a { display:block; padding:10px 15px; line-height:120%; color:#242424; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#main-search .suggested div a { padding:18px 25px; }
.suggested div a strong { font-weight:600; }
.suggested div a span { background:#FF0; background:rgba(255,255,0,0.4); border-radius:3px; padding:0 2px; margin:0 -2px }
.suggested div a:hover , #header .suggested div a.focus { background:#f2f2f8;}
.suggested div p.generate {line-height:0!important; float:none !important; font-size:80%!important; opacity:0.5!important; margin:0 !important; transform:translateY(-1.5em); padding:0 15px !important; text-align:right !important; }

.main-search input:focus + .suggested , .main-search input.focus + .suggested { height:auto; opacity:1; overflow:visible;}


.pannels { font-size:145%; padding:0; border:2px solid #F8F8F8; background:#F8F8F8; overflow:hidden;}


.pannels ul { list-style:none; margin:0; padding:0;}
.pannels ul li { float:left; width:25%;}
.pannels ul a { display:block; padding:50px 60px; border:3px solid #F8F8F8; background:#FFF; font-weight:600; transition:transform 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); position:relative; overflow:hidden;}
.pannels ul a span { position:relative; z-index:2;}
.pannels ul a span span { display:block; font-weight:300;font-family:Montserrat, Arial, Helvetica, sans-serif; margin-top:0.8em;}
.pannels ul a svg { height:0.8em; width:auto; }
.pannels ul a svg path { fill:#114892;}


.pannels.center { font-size:100%; box-sizing:border-box; margin:0 auto; background:#FFF; border-width:0; overflow:visible; }

.pannels.center ul a { padding:40px 45px; border-width:0 2px 0 0; }
.ghost { position:relative; overflow:hidden;}
.ghost:before { content:""; transition:all 0.25s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); position:absolute; background:#fbbe49; 
background: -moz-linear-gradient(113deg, rgba(0,5,80,0.9) 0%, rgba(0,5,80,0.6) 100%);
background: -webkit-linear-gradient(113deg, rgba(0,5,80,0.9) 0%,rgba(0,5,80,0.6) 100%);
background: linear-gradient(113deg, rgba(0,5,80,0.9) 0%,rgba(0,5,80,0.6) 100%);
width:0; height:100%; opacity:0; position:absolute; left:0; top:0; border-radius:0; padding:5px; margin:-5px;  }
.ghost:hover:before { width:100%; height:120%; border-radius:0; opacity:0.06; }


.center h1.al-c , .center h2.al-c , .center h3.al-c , .center h4.al-c , .center p.al-c { margin-left:auto; margin-right:auto; max-width:800px;}
.center p.al-c.filters-horizontal { max-width:none; }

.center h2.al-c + .picture { margin-top:2em;}

.textes p { line-height:160%; color:#606060;}
.content p.tags { margin:4em 0; }
.textes p.tags { margin:-10px 0 1em 0; }
.textes p.tags , .text p.tags { font-size:11px; font-weight:500; min-height:2.2em; overflow:hidden;}
.textes p.tags a , .text p.tags a { display:inline-block; line-height:1.8em; padding:0 0.6em; margin:2px 0.3em 2px 0; color:#114892; border:1px solid #114892; border-radius:30px; white-space:nowrap; transition:border-color 0.2s, color 0.2s, background-color 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}
p.tags a svg { float:left; height:1.2em; width:1.2em; margin:0.2em 0.4em 0 0.06em;}
p.tags a svg path { fill:#114892; transition:fill 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}
p.tags a:hover svg path { fill:#fbbe49;}
.textes p.tags a:hover , .text p.tags a:hover { border-color:#fbbe49; color:#fbbe49;}

p.tags a.actif , p.tags a.actif:hover {  border-color:#114892; background-color:#114892; color:#FFF; }
p.tags a.actif  svg path { fill:#FFF;}



.articles { overflow:hidden;}

#articles-home article:first-child { margin-top:6em; }


.articles article { padding-left:54%; padding-left:calc(50% + 60px); min-height:23em; position:relative; margin:60px 0;}
.articles article .illustration { position:absolute; left:0; top:0; margin-top:-40px; width:46%; width:calc(50% - 60px); box-sizing:border-box;}
.articles article .illustration img { display:block; max-width:100%; height:auto; width:auto; max-height:24em;}
.articles article p.buttons { font-size:66.66%;}

.articles article h2 , .articles article h3 , .articles article h4 { font-weight:bold !important;}
.articles article.block .illustration { background:#EEE no-repeat center center; background-size:cover; height:23em; margin:0; overflow:hidden;}

.articles article.block .illustration .wrap { 
display:flex;  align-items: center; justify-content: center; align-content: center; flex-direction:column;
color:#FFF; text-align:center; position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; box-sizing:border-box; 
padding:2em; background:#114892; transform:scale(1.1); background-color:rgba(248,49,49,0.9); margin:0; font-weight:400; transition:opacity 0.5s, transform 0.5s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); opacity:0; animation-timing-function:ease-in; }

.articles article.block .illustration:before { position:absolute; content:""; cursor:default; width:100%; height:100%; top:0; left:0; z-index:2;}

.articles article.block .illustration .wrap.open { opacity:1; z-index:3; transform:scale(1); }
.articles article.block .illustration .wrap * { margin-top:0;}
.articles article.block .illustration .wrap p { max-width:400px; margin-left:auto; margin-right:auto;}

.articles article.block .illustration .wrap .flex { }



.articles article.block { margin:4em 0;}



.text p.buttons + p.buttons { margin-top: 0em;}

.more-readable { position: relative; height: 5rem; overflow: hidden;}
.more-readable:before { background: #F8F8F8; position: absolute; top: 0; left: 0; height: 100%; width: 100%;  pointer-events: none; content:""; z-index: 2;

	background: rgb(248,248,248);
	background: -moz-linear-gradient(180deg, rgba(248,248,248,0) 0%, rgba(248,248,248,1) 3rem);
	background: -webkit-linear-gradient(180deg, rgba(248,248,248,0) 0%, rgba(248,248,248,1) 3rem);
	background: linear-gradient(180deg, rgba(248,248,248,0) 0%, rgba(248,248,248,1) 3rem);

}

.more-readable.open { height: auto; overflow: visible;}
.more-readable.open:before { display: none;}

.articles article.alterne { padding-right:54%; padding-right:calc(50% + 60px); padding-left:0;}
.articles article.alterne .illustration { right:0; left:auto;}

p.buttons.block.read-more , p.buttons.block.read-more a { max-width: 100%; border-radius: 0.5rem;}
p.buttons.block.read-more { margin:1rem 0.5rem 3rem 0.25rem;}
p.buttons.block.read-more a { font-size:200%; font-weight: 500; padding: 0.5rem;}

p.buttons a  , div.buttons a  { display:inline-block; border:1px solid rgba(0,0,0,0);  box-sizing:border-box; color:#FFF; background:#114892 no-repeat 0.95em 1.12em; line-height:1.2em; position:relative; padding:1.1em 1.2em; font-weight:600; border-radius:0.3em;  border-radius:2em; transition:background-color 0.2s; /* transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); */}


.is_dark a , .is_dark .colored , .is_dark h2 , .is_dark h3 , .is_dark h4 { color:#0A274E; } 

.programme h3  { color: #fbbe49;}

.is_dark p.buttons a  , .is_dark div.buttons a  { background-color:#0A274E; } 


p.buttons.multiple a { margin:0.3em 0.3em 0 0; margin:calc(0.2em + 1px) calc(0.2em + 1px) 0 0;}

p.buttons.block a { display:block; margin:0.5em auto; max-width:750px;}


p.buttons a.hover , div.buttons a.hover  { background-color:#fbbe49; }
p.buttons a.hover:hover  , div.buttons a.hover:hover {  background-color:#030535; }


p.buttons a.invert { color:#114892; background-color:#F8F8F8; border:1px solid rgba(0,0,0,0.08); }
p.buttons a.invert:hover { color:#114892; background-color:#FFF;  }
p.buttons a.arrow.invert { background-image:url(../images/pictos/arrow-colored.svg); }


p.buttons a.yellow { color:#FFF; background-color:#fbbe49; border:1px solid rgba(0,0,0,0.08); }
p.buttons a.yellow:hover { color:#FFF; background-color:#114892;  }


p.buttons a.white { color:#114892; background-color:#FFF; border:1px solid rgba(0,0,0,0.08); }


p.buttons.documents a { color:#333; background-color:#F8F8F8; background-color:#FAFAFA; border:1px solid rgba(0,0,0,0.08); min-width: 11em; max-width: 40%;  max-width: calc(50% - 20px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
p.buttons.documents a:hover { color:#000; background-color:#FAFAFA; border:1px solid rgba(0,0,0,0.28);   }
p.buttons.documents a.arrow { background-image:url(../images/pictos/arrow-colored.svg); }





p.buttons a.linkedin { background: #0077b5 url(../images/pictos/linkedin.svg) no-repeat 0.7em 45%; position: relative; background-size: 1.9em; padding-left: 4.1em; }
p.buttons a.linkedin:hover {  background-color:#035b88; }

p.buttons a.linkedin:before , p.buttons a.linkedin:after { content: ""; width: 1px; left: 3.3em; height: 100%; position: absolute; top: 0; background: rgba(0,0,0,0.3);}
p.buttons a.linkedin:after { margin-left: -1px; background: rgba(255,255,255,0.25); }


.block-sign { }
.block-sign a { font-size:90%;  }

a.sign {  display:inline-block; border:1px solid rgba(0,0,0,0); border-radius: 0.3em;  box-sizing:border-box; color:#FFF; white-space: nowrap;  line-height:1.2em; position:relative; padding:1.1em 1.1em; font-weight:600;  transition:background-color 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); background: #fbbe49 url(../images/pictos/sign.svg) no-repeat 0.7em 45% !important; position: relative; background-size: 1.9em !important; padding-left: 4.1em !important; position: relative; }
a.sign:hover {  background-color:#010446 !important; }

 a.sign:before ,  a.sign:after { content: ""; width: 1px; left: 3.3em; height: 100%; position: absolute; top: 0; background: rgba(0,0,0,0.3);}
 a.sign:after { margin-left: -1px; background: rgba(255,255,255,0.25); }


p.buttons a.video { padding:0.9em 1.5em 0.9em 4.5em; font-size: 90%; margin:0.5em 0 1.5em 0; background-image: url(../images/pictos/play-white.svg); background-size: 3em; background-position: 0.75em center; }

.grey p.buttons a.invert { color:#114892; background-color:#FFF; }


.buttons a.border { border:2px solid #114892; color:#114892; background-color:transparent; transition:color 0.2s, border-color 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}
.buttons a.border:hover { border-color:#fbbe49; color:#fbbe49; background-color:transparent; }

p.buttons a.arrow , p.buttons a.add { padding-left:3.2em; background-image:url(../images/pictos/arrow.svg); background-size:1.5em;}
p.buttons a.add { background-image:url(../images/pictos/add.svg); background-position:0.95em 0.9em; padding-left:3em; }
p.buttons a:hover , div.buttons a:hover { background-color:#fbbe49;}

.grey .dash-actualites.opco strong { display:block; margin-bottom:0.8em; }
.grey .dash-actualites.opco img { height:9em; }
.dash-actualites { padding:0; position:relative;}
.dash-actualites h3 { font-size:144%; margin:0.5em 0 0.8em 0; max-width:520px; line-height:130%;}
.dash-actualites.large h3 { max-width:660px;}
.dash-actualites h4 { margin:0; color:#AAA; font-size:95%; line-height:120%; font-weight:600;}


.greyDark .dash-actualites.dossier { background:#EDEDED;}
.dash-actualites.dossier { padding:1px 0; background:#F8F8F8;}

.dash-actualites.listing-form ul {  border-top:1px solid rgba(0,0,0,0.1); }
.dash-actualites.listing-form li {  font-weight:400; background:none; padding:0.5em 0; border-bottom:1px solid rgba(0,0,0,0.1); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dash-actualites.listing-form h2 { padding-left:1.4em; background:url(../images/pictos/fav-stroke.svg) no-repeat 0 0.12em; background-size:1em;}
.dash-actualites.listing-form h2.time { background-image:url(../images/pictos/time.svg);}

.text p.small-text { font-size:85%;}

.dash-actualites.dossier article .wrap , .dash-actualites.partenariats article .wrap { margin:2em;}

.dash-actualites.partenariats { margin:1em -0.6em 2em -0.6em;}
.dash-actualites.partenariats article { border-width:0.6em 0.6em !important;}
.dash-actualites.partenariats article.large { width: 100%;}
.dash-actualites.partenariats article.large p { max-width: 600px;}
.dash-actualites.partenariats p { margin: 1em auto; max-width: 450px;}
.dash-actualites.partenariats p img { max-height: 8em; max-width: 100%;}
.dash-actualites.partenariats article.large p img { max-height: 9em;}
.dash-actualites.dossier article .picture { background-size:contain; background-color:#F8F8F8; border:20px solid #F8F8F8; background-color:rgba(0,0,0,0.03); border-color:transparent;}

.dash-actualites.dossier.cover article .picture { background-size:cover; border:none;}

.dash-actualites article.passif { opacity:0.4;}
.dash-actualites article p.arrow { margin:1em 0 0 0;}

.dash-actualites.jobs { font-size:80%;}

.dash-actualites.opco h3 { margin:0; padding-right:1em;}
.dash-actualites.opco .logos { margin:-0.3em -0.5em; margin-top:3em;}
.dash-actualites.opco .logos a { position:relative; display:inline-block; overflow:hidden; text-align:center; width:45%; width: calc(50% - 1.2em); padding:0.6em 1em; box-sizing:border-box; box-shadow:0 0 10px 1px rgba(0,0,0,0.06); margin:0 0.5em;}
.dash-actualites.opco .logos a img { height:auto; width:auto; max-height:6em; max-width:100%; margin:0 auto; display:block;}

.dash-actualites.large article.double { width: 100%;}
.dash-actualites.opco .double .logos a { width: 32%; width: calc(33% - 1em);/*  max-width: 10em; */}

.dash-actualites.dossier.small article .wrap , .dash-actualites.quizz article .wrap  , .dash-actualites.dossier.filiere article .wrap { margin:1.5em;}
.dash-actualites.dossier.filiere article .wrap { font-size:85%; }
.dash-actualites.dossier.filiere article .wrap p { background:url(../images/pictos/arrow-colored.svg) no-repeat 0 center; transition:all 0.2s; overflow:hidden; color:#114892; color:rgba(255,0,0,0); font-size:110%; font-weight:500; 
padding-left:1.8em; background-size:1.2em; text-indent:-500px; text-indent:calc(-0.5em); white-space:nowrap;}

.dash-actualites.dossier.filiere.with-pdf article .wrap  { padding-bottom: 2.1em; padding-bottom: 2.1em; position: static !important;}


.dash-actualites.dossier.filiere.with-pdf article .wrap p {  color:#114892; bottom:3.6em; box-sizing: border-box; position: absolute; width: 100%;  background-position:2em center; overflow: hidden; text-overflow: ellipsis;   opacity: 1; text-indent: 0; border-top: 1px solid rgba(0,0,0,0.06); padding: 1em 2em 1em 3.8em; margin:0 -2em; }
.dash-actualites.dossier.filiere.with-pdf article .wrap p + p { bottom: 0; background-image: url(../images/pictos/acrobat.svg);}

.dash-actualites.dossier.filiere.with-pdf article .wrap p.disable { filter: grayscale(1); opacity: 0.5; border-top-color: rgba(0,0,0,0.12); cursor: default;}
.dash-actualites.dossier.filiere.with-pdf article .wrap p.solo { bottom:0;}


.dash-actualites.dossier.filiere.with-pdf article .wrap p a { color:#114892; }

.dash-actualites.dossier.filiere article:hover .wrap p { text-indent:0; color:#114892; }
.dash-actualites.dossier.filiere article { width:33.33%; }

.dash-actualites.dossier.filiere article .wrap { margin:1em;}


section.purple { background: #fbbe49; color: #FFF; color: rgba(255,255,255,0.95);}
.purple .dash-actualites article { border-color:#fbbe49; border-radius: 0.8rem;}

.purple .dash-actualites { background-color:#fbbe49;}


.greyDark .dash-actualites article { border-color:#EDEDED;}
.dash-actualites article { float:left; width:33.33%; padding:1px 0; position:relative; z-index:3; overflow:hidden; border:2px solid #F8F8F8; border-width:0 4px; box-sizing:border-box; background:#FFF;}
.dash-actualites article .wrap { margin:2.5em; position:relative;}

.dash-actualites.metier article { font-size:75%; width:25%;} 
.dash-actualites.dossier.small article { font-size:75%; width:20%;} 
.grey .dash-actualites article , .dash-actualites.dossier article { border-width:4px;font-size:85%;} 
.grey .dash-actualites article .picture { margin:1.5em 0;} 


.dash-actualites.quizz article .wrap , .dash-actualites.small article .wrap , .dash-actualites.metier article .wrap { margin:2em;}

.dash-actualites p.description { margin:0; font-size:130%; font-weight:300;}

.dash-actualites.dossier.small article .picture { height:35px; padding:26% 0; border:none; margin:15px 0; background-size:cover;}



.encart_formation.homepage { padding:5px 1em 1px 1em; border: none !important; margin-bottom:0.5em !important;  }
.encart_formation.homepage a.overAllLink { border: 1px solid #E2E4E6; padding:1rem; margin:-1rem; }

.encart_formation.homepage h4 { margin-top: .5em !important;}

.encart_formation.homepage .chatroom {   margin: -1rem; margin: calc(-1rem + 1px) -1rem;}





a.overAllLink { position:absolute; content:""; z-index: 2; top:0; left:0; width:100%; height:100%; padding:0.2em; margin:-0.2em; border-radius: 0.5rem; cursor:pointer;}
a.overLink:before { position:absolute; content:""; top:0; left:0; width:100%; height:100%; cursor:pointer;}

article.purpleBtn a.overLink { color:#FFF}
article.purpleBtn { background:#fbbe49; color:#FFF; border-radius: 0.7rem; overflow: hidden; transition: background-color 0.2s; }
article.purpleBtn:hover { background: #030535; transition: background-color 0.4s;}

article { border-radius: 0.5rem;}
.dash-actualites article .wrap a.overLink:before { position:absolute; content:""; z-index: 2; top:0; left:0; width:100%; height:100%; padding:60px; margin:-60px; cursor:pointer;}
.dash-actualites article .picture { height:100px; background:no-repeat center center #E2E4E6; background-size:cover; padding:15% 0; margin:40px 0;}
.dash-actualites article p.tag { margin:0; font-weight:600; color:#114892; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:85%;}

.dash-actualites.large.block article { width:100%; }
.dash-actualites.large.block article h3 { max-width: 920px;}
.dash-actualites.large article { width:50%; }
.dash-actualites.small article { width:25%; }
.dash-actualites.small { padding-top:1px;}


section.padder { padding-top:4%; padding-bottom:4%;}
.al-c { text-align:center;}
.al-r { text-align:right;}
.dash-actualites p.buttons { font-size:90%; margin:30px;}
#worldmap  { /* border: 2rem solid #114892; border-width: 3.5rem 0; */}

#worldmap + #footer { position: relative;}

#worldmap h2 { position:relative; z-index:5;}
#worldmap h3 span { display:block;}



#worldmap {
    overflow: hidden;
    height: 780px;
    background: #e9f6fe url(../images/carte-fond.png?v=2) no-repeat center center;
    position: relative;
}
#worldmapZoom { border:3px solid #b0dde7; border-radius:100%; top:50%; left:50%; width:640px; height:640px; margin:-323px; position:absolute; background:#b0dde7 url(../images/carte-zoom.png); background-size:640px; z-index:2;}



#worldmapZoom {
    border: 3px solid #b0dde7;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    width: 620px;
    height: 620px;
    margin: -323px;
     margin: -360px -260px;
    position: absolute;
    background: #b0dde7 url(../images/carte-zoom-france.png);
    background-size: cover;
    z-index: 2;
}


#iberique {
    border: 3px solid #b0dde7;
    border-radius: 50%;
    top: 100%;
    right: 100%;
    width: 280px;
    height: 280px;
    margin: -323px;
     margin: -190px -226px;
    position: absolute;
    background: #b0dde7 url(../images/carte-zoom-iberique.png);
    background-size: cover;
    z-index: 2;
    box-shadow: 0 0 0 2px #e9f6fe;
}








#worldmapUnZoom {
    top: 50%;
    left: 50%;
    width: 1400px;
    height: 700px;
    margin: -350px -700px;
    position: absolute;
    z-index: 1;
}



h2.light , h3.light , h4.light , h5.light { font-weight:400 !important;}

#worldmap a.point { position:absolute; font-size:11px; transition:border-color 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); width:8px; height:8px; margin:-6px; border:2px solid #FFF; background:#114892; border-radius:100%;}
#worldmap a.point strong { width:200px; transition:color 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); height:0; line-height:10px; position:absolute; top:50%; left:50%; margin:-16px -100px; text-align:center; font-size:10px; color:#000; font-weight:400;}
#worldmap a.point strong.bottom { margin:7px -100px;}
#worldmap a.point:hover { z-index:2; border-color:#114892;}
#worldmap a.point:hover strong , #worldmap a.hover strong { color:#114892; display:block; }
#worldmap a.point.disable , #worldmap a.point.disable:hover { border-color:#FFF; cursor:default;}
#worldmap a.point.disable strong , #worldmap a.point.disable:hover strong { color:#000;}

#contact { color:#000; padding:4% 0; background: #114892 url(../images/visuel-contact.jpg) no-repeat center center; background-size:cover; position:relative; }
#contact .gradient { opacity:0.1; background: #0001;}
#contact .center { position:relative; z-index:2; max-width: 1800px;}
#contact p.signika { font-size:200%; padding-right:60%; margin-right: 1rem; line-height:120%; font-weight:600;}
#contact p.signika.long-text { font-size:210%;}
#contact p.buttons { position:absolute; left:60%; bottom:0;}
#contact p.buttons a { color: #FFF; border-radius: 5rem; border: 2px solid #FFF; background: none; padding-left: 2em; padding-right: 2em;}

.logos-carrousel { text-align:center;}
.logos-carrousel .center { position:relative; padding:0 130px; padding:5px 100px 5px 100px; max-width:3000px; }
.logos-carrousel h3 { margin-bottom:2em;}
.logos-carrousel .logo { display:inline-block; margin:0 25px;}

.logos-carrousel .logo img { width:auto; max-height:96px; opacity:0.7; }

#main-search.sub-search { margin:2em 0;}
#main-search.sub-search input { background-color: #FFF; border-radius: 8px; border: 1px solid #EEE; color:#000; }
#main-search.sub-search input::placeholder { color:#000;}




.logos-carrousel.small { text-align:left;}
.logos-carrousel.small .logo { display:inline-block; overflow:hidden; margin:0 30px 0 0; padding:0;}
.logos-carrousel.small .logo img { max-height:65px;  opacity:0.8;}

.logos-carrousel.small .slick-list:before  , .logos-carrousel.small .slick-list:after  { display:none; }

.logos-carrousel.small .not-slide { padding:0; margin:0;}


.slider button { position:absolute; z-index:3; height:80px; width:60px; top:50%; margin:-40px -90px; cursor:pointer; background:none no-repeat center center; border:none; border-radius:30px; padding:0; font-size:0; opacity:0.32; transition:opacity 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); }
.slider button:hover { opacity:0.7;}
.slider button.slick-prev { left:0; background-image:url(../images/pictos/arrow-left.svg);}
.slider button.slick-next { right:0;background-image:url(../images/pictos/arrow-right.svg);}

.slick-list:before , .slick-list:after {
	position:absolute; top:0; z-index:3; height:100%; width:90px; content:""; background: linear-gradient(to right, rgba(255,255,255,1) 1%,rgba(255,255,255,0) 100%); 
}

.slick-list:after {
 background: linear-gradient(to left, rgba(255,255,255,1) 1%,rgba(255,255,255,0) 100%); 
}


section.greyDark .slick-list:before {
	background: linear-gradient(to right, #EDEDED 1%,rgba(255,255,255,0) 100%); 
}


.grey .slick-list:before {
	 background: linear-gradient(to right, rgba(248,248,248,1) 1%,rgba(255,255,255,0) 100%); 
}


section.greyDark .slick-list:after {
	background: linear-gradient(to left, #EDEDED 1%,rgba(255,255,255,0) 100%); 
}


.grey .slick-list:after {
	 background: linear-gradient(to left, rgba(248,248,248,1) 1%,rgba(255,255,255,0) 100%); 
}



.relative { position:relative;}
.wrap { margin:70px 0;}

p.reset a { color:#000; transition:opacity 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); line-height:140%; display:inline-block; border-radius:2px; 
padding:0.75em 1em 0.75em 3em; background:url(../images/pictos/reset.svg) no-repeat 0.85em center #F4F4F4; background-size:1.4em; transition:background-color 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; box-sizing:border-box;}
p.reset a:hover { background-color:#EBEBEB; }




.center.has-menu , .has-menu , .center.has-calendar , .has-calendar { margin-top:0; margin-bottom:0; }




.has-menu .sticky , .has-calendar .sticky { position:relative; position:-webkit-sticky; position:sticky; }

/*.text .content h1 , .text .content h2 , .text .content h3 , .text .content h4 , .text .content h5 , .text .content p , .text .content ul , .text .content ol , .text .content form , .text .content hr , .text .content .table { max-width:960px;}*/


.center.text.small { max-width:920px;}



h1 .tag , h2 .tag , h3 .tag , h4 .tag , h5 .tag { display:block; color:#114892; font-size:55%; line-height:120%; margin:0.4em 0; font-weight:500;}
h1 .legende , h2 .legende , h3 .legende , h4 .legende , h5 .legende { padding-left:1.6em; max-width:860px; background:url(../images/pictos/arrow-black.svg) no-repeat 0.2em 0.25em; background-size:auto 0.66em; display:block; font-size:75%; line-height:130%; margin:0.4em 0;  font-weight:400;  }


h1 + p.buttons , h2 + p.buttons , h3 + p.buttons , h4 + p.buttons , h5 + p.buttons , ul + p.buttons  , .text p + p.buttons { margin-top:2.5em;}

.text .legende strong { font-weight:500;}
.text .content h1 , .text .content h2 , .text .content h3 , .text .content h4 , .text .content h5 { margin:1.4em 0 0.4em;}


.text .content .al-c { margin-left:auto; margin-right:auto;}


.slide-in { padding:3% 0; position:relative; height:23em; margin:5em 0; overflow:hidden; font-size:100%; }
.slide-in .picture { background:rgba(0,0,0,0.15); position:absolute; height:100%; width:52%; right:48%; right:calc(50% - 70px); width:calc(50% + 70px); max-width:1130px; top:0; background-size:cover;}
.slide-in .center { position:relative; top:calc(50%); transform:translateY(-50%); margin-top:0; margin-bottom:0; }
.slide-in .center .wrap { margin:2.2em 2.4em; }
.slide-in .center .content { background:#FFF; position:relative; z-index:3; margin:0; margin-right:-30px; margin-left:40%; margin-left:calc(50% - 70px); padding:1px 0; font-weight:300; }

.slide-in.invert .center .content { margin-left:0; margin-right:40%; margin-right:calc(50% - 70px);}
.slide-in.invert .picture { right:auto; left:calc(50% - 70px);}


.slide-in.colored .center  .content , .slide-in.colored.invert .center  .content { background: #040855; background: -moz-linear-gradient(113deg, #fbbe49 0%, #040855 70%);
	background: -webkit-linear-gradient(113deg, #fbbe49 0%,#040855 70%);
	background: linear-gradient(113deg, #fbbe49 0%,#040855 70%); color:#FFF; }
.slide-in.colored .center  .content p { font-size:140%; font-weight: 600;}


.slide-in.colored .center .wrap {  min-height: 2.5em; display: flex; align-items: center; flex-direction: row;}



.cta-reseaux {color :#114892; font-weight:400; display:inline-block;/*  padding: 0.4em 0.6em; border: 1px solid rgba(0,0,0,0.1); border-radius: 0.3em; box-shadow: 0 0 0.2em rgba(0,0,0,0.1); */ line-height: 1.2em; }
.cta-reseaux svg { height: 1.2em; transform: translateY(-0.1em); width: 1.4em; fill:#114892;  vertical-align: middle;}

.cta-reseaux:hover {color :#000; }
.cta-reseaux:hover svg {  fill:#000; }


#podium { width: 100%; margin: 1.5em 0 2em 0;}
#podium td { vertical-align: bottom; font-size: 115%; text-align: center;}
#podium td p { font-weight: 400; margin: 1em auto; max-width: 260px; line-height: 120%;}
#podium td.details { text-align: left; font-size: 75%; vertical-align: top;}
#podium td.details ul { font-weight: 300; margin-top: 2px; background: #FFF;  padding:1.5em 2em; min-height: 4em; font-weight: 400;  background: linear-gradient(180deg, #fbbe4922 0.2em, #fbbe4900 4.5em); }
#podium td.details ul li { opacity: 0.8;}
#podium td p strong { display: block; font-size: 160%; margin-top: 0.3em; line-height: 100%; color: #114892; font-weight: 600;}
#podium div { background: #040855; background: -moz-linear-gradient(113deg, #fbbe49 0%, #040855 70%);
	background: -webkit-linear-gradient(113deg, #fbbe49 0%,#040855 70%);
	background: linear-gradient(113deg, #fbbe49 0%,#040855 70%); color: #FFF; font-size: 340%; font-weight: 600; padding: 0.5em 0; padding: calc(0.1em + 12%); margin-top: 2rem; text-align: center; line-height: 1em;}



	table.stats-bar { width: 100%; margin: 2em 0;;}
	table.stats-bar td { text-align: right; padding: 0.6em 0; vertical-align: top; line-height: 1em; font-weight: 400;}
	table.stats-bar td.title { width: 33%; }
	table.stats-bar td.value {  width: 4em; padding-left: 1em; color:#222;  }
	table.stats-bar td.bar {  padding: 0.4em 1.5em;  }
	table.stats-bar .bar div {  }

	table.stats-bar  .barNew { text-align: left;  padding: 0.3em 0; }
	table.stats-bar  .barNew div { position: relative;  height: 1.6em; line-height: 1.6em; white-space: nowrap; text-indent: 0.4em; color:#114892;}
	table.stats-bar  .barNew div div { position: absolute; top: 0; left: 0; min-width: 0.2em;  background: #114892; overflow: hidden; color: #FFF; border-radius: 0.3em;   }

	

.text .content p + h1 , .text .content p + h2 , .text .content p + h3 , .text .content p + h4, .text .content p + h5 , 
.text .content ul + h1 , .text .content ul + h2 , .text .content ul + h3 , .text .content ul + h4, .text .content ul + h5, 
.text .content ol + h1 , .text .content ol + h2 , .text .content ol + h3 , .text .content ol + h4, .text .content ol + h5 { margin-top:1.5em;}

.has-calendar .content { width:55%; width:calc(100% - 630px); box-sizing:border-box; padding-right:40px; float:left; }

#header.slide-formation h1 { padding-right:45%; padding-right:calc(440px); font-size: 250% !important;}
.pannels.center ul  { padding-right:45%; padding-right:calc(630px);}


 #calendar_anchor { position:absolute; margin-top:-500px;}
 #calendar { width:43%; width:calc(570px); float:right; padding:1px; margin:0; margin-top:-305px; z-index:20; box-sizing:border-box; font-size:85%; }
 #calendar div.block {  padding:1px; margin:80px 0 30px 0; background:#FFF; box-shadow:0 15px 30px rgba(0,0,0,0.08); border-radius: 0.5rem; }
 #calendar #regions { margin:1em 2px; display:block; padding:0; background:#EEE; position:relative; }
 #calendar #regions .col { float:left !important; width:16.66%; box-sizing:border-box;}
 #calendar #regions .col a { display:block; padding:50% 0; position:relative !important; transition:background-color 0.2s , box-shadow 0.2s ; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}
 #calendar #regions .col a:hover , #calendar #regions .col a.actif { background-color:#F5F5FA; box-shadow:0 0 0 3px #F5F5FA;}
 
 #calendar #regions a svg { position:absolute; top:0; left:0; width:100%; height:100%; }
 #calendar #regions a svg path { fill:#EEE; fill:rgba(0,0,0,0.1); transition:fill 0.2s ; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}
 #calendar #regions a svg path.current { fill:#AAA;} 
 #calendar #regions a:hover svg path.current { fill:#666;} 
 #calendar #regions a.actif:hover svg path.current , #calendar #regions a.actif svg path.current { fill:#fbbe49;}
 

 .legende-block {  font-style:italic; font-weight:400; color:#888; font-size:75%; margin-left:0.4em; white-space:nowrap;}
 .legende-block:before { content:"•"; margin-right:0.4em;}



table .small { font-size:75%; display:block; line-height:120%; font-weight:lighter;}
table .block { display:block;}

.ol { padding-left:1em; text-indent:-1em;}

 .table { margin:1em -0.5em 3em -0.5em;  font-size:85%; font-weight:300;}
 .table .table { margin:0; font-size:100%;}
  .table table.small {  font-size:90%; }
 .table table { width:100%; font-size:100%; border-collapse:separate; border-spacing : 0.5em 0;  }
 .table table strong { font-weight:500;}
  .table table td ,.table table th { line-height:140%; padding:0.7em 0.2em; border-bottom:1px solid #AAA; }
  .table table th { line-height:120%; vertical-align:bottom; }
 .table table p { margin:0; line-height:150%;}
  .table table p + p { margin-top:0.75em;}
  .table table th p { margin:0;}
 .table table td { vertical-align:top;}
 .table table th { font-weight:600; border-bottom:2px solid #666; }
  p.legende { margin:0.25em 0; font-size:75%; color:rgba(0,0,0,0.6);}
  
  p.legende + div.table { margin-top:0; }
    div.table + p.legende { margin-top:-2.8em; margin-bottom:3em; margin-left:1em; text-indent:-1em; }
  
 #calendar-anchor { position:fixed; margin-top:80px;}
 
 #calendar .blocks { margin:1em -5px;}
#calendar .blocks div.col { float:left; width:33.33%;}
#calendar .blocks p { color:#666; font-weight:500; cursor:default; border:2px solid #AAA; border-radius:2px; white-space:normal; padding:1em 0.8em; font-size:65%; line-height:100%; margin:3px;}
#calendar .blocks p strong { font-weight:600; font-size:140%; line-height:120%; display:block; margin:0.25em 0 -0.1em 0;}

 #calendar .dates p.entry .picto { position:absolute; z-index:5; background:no-repeat center center url(../images/pictos/session_confirmee.svg); background-size:contain; 
 width:1.5em; height:1.5em; top:50%; right:14.6em; margin:-.75em 0; overflow:hidden; text-indent:-500px; cursor:help; border-radius:100%;}


 #calendar .dates p.entry.garantie .lieu {line-height: 1.4em; overflow: visible;}
 #calendar .dates p.entry.garantie .lieu span { position: absolute; margin-top: 1.8em; color: #FFF; background: #0C0; padding:0.2em  0.3em; font-size: 11px;; font-weight:500; line-height: 100%; border-radius:3px;}


 #calendar .dates p.entry .picto.garantie {background-image:url(../images/pictos/session_garantie.svg); }

#calendar .dates { height:0; overflow:hidden; opacity:0; margin:0; transition:opacity 0.6s; position:absolute;}

#calendar .dates.open { margin:1.8em 0 1em 0; cursor:default; height:auto; opacity:1; overflow:visible; position:static;}
 #calendar .dates p.entry { border:1px solid #E8E8E8; border-width:1px 0; margin:0; height:2.5em; line-height:2.5em; padding:0.6em 8.5em 0.6em 0; margin:-1px -2px 0 -2px; position:relative; overflow:hidden; font-size:90%; font-weight:300;}
 #calendar .dates p.entry a { font-size:100%; font-weight:600; padding-top:0;padding: ; padding-bottom:0; line-height:3.2em; height:3.2em; top:50%; margin:-1.6em 0; box-sizing:border-box; right:3px; position:absolute;}
#calendar .dates p.entry .col { float:left; font-weight:300; width:26%; padding:0 3px; overflow:hidden; box-sizing:border-box; text-overflow:ellipsis; width:calc(6.2em); white-space:nowrap; position:relative;}
#calendar .dates p.entry strong.col { font-weight:500; width:48%; padding:0 0.5em; width:calc(12em);  }
#calendar .dates p.entry .col.prix { float:left; text-align:left; width:calc(100% - 14em); }


#calendar.add-to-basket .dates p.entry  { padding-right: 3.5em;}
#calendar.add-to-basket .dates p.entry a  {  padding: 0 0.8em; background-repeat: no-repeat; background-position: center center; background-size: 2.5em; right: 0; font-size: 90%; border-radius: 0.5rem; transition: all 0.3s;}
#calendar.add-to-basket .dates p.entry a span { position: absolute; right: 100%; top: 0; height: 100%; line-height: 3.4em;  border-radius: 5px 0 0 5px;  padding: 1px 0.8em 1px 1em; background: #114892; background: transparent; color: #FFF; margin: -1px -0.8em; white-space: nowrap; pointer-events: none; opacity: 0; transition: all 0.3s;}
#calendar.add-to-basket .dates p.entry a span strong { font-size: 130%; font-weight: 500;}
#calendar.add-to-basket .dates p.entry a:hover span { pointer-events: fill; margin: -1px -1px; opacity: 1; background: #fbbe49; }







.overAllInside { position: fixed; top: 0; left: 0; width: 100%; min-height: 100%; display: flex; padding: 2rem; box-sizing: border-box;   background-color:rgba(0,0,0,0.6);  border-radius: 0.5rem; z-index: 5000; opacity: 0; pointer-events: none; transition: all 0.25s;}
.overAllInside.open { opacity: 1; pointer-events: fill;}

.overAllInside form, #form-basket-result { border-radius: 0.5rem; box-shadow: 0 0.2rem 1rem rgba(0,0,0,0.08); margin: auto; background: #FFF; max-width: 740px;  min-width: 30rem;  }
.overAllInside form h3 , .overAllInside #form-basket-result h3 { font-size: 100%; color: #242628; margin: 1rem auto !important; max-width: 15em; font-weight: 500;}
.overAllInside .wrap { margin: 2rem;}
.overAllInside hr.classic { border: none; border-top: 1px solid #E2E4E6; margin: 2rem -2rem;}

.inputCount  { display: flex; flex-direction: row; align-items: center; text-align: center;}
.inputCount a { display: inline-block;  border: 1px solid #D2D4D6;  height: 2.5rem; line-height: 2.5rem; border-radius: 0.5rem 0 0 0.5rem; width: 2.5rem; background-color: #FCFDFE;  margin:0 0 0 auto; color:#747678; font-size: 130%; font-weight: 500; transition: all 0.25s;}
.inputCount a:hover { background-color: #F3F4F6; color:#242628;   } 
.inputCount input { width: 4.5rem; margin:0 -1px;  height: 2.5rem; position: relative; padding: 0; text-align: center; border: 1px solid #D2D4D6;  font-family:Montserrat, Arial, Helvetica, sans-serif; font-weight:500; font-size: 125%;}
.inputCount input + a {  margin:0 auto 0 0;  border-radius: 0 0.5rem 0.5rem 0;}





input.checker { position: absolute; opacity: 0; cursor: default;}
input.checker + label {  display: block; position: relative; pointer-events: none; line-height: 1.4rem; padding: 0.75rem; padding-left: 5.2rem; border: 1px solid #E2E4E6; margin: 1.5rem -0.25rem; border-radius: 0.5rem; font-size: 90%;}

input.checker + label:before { top: 50%;transition:all 0.25s;  width: 2.2rem; position: absolute; height: 1.2rem; border-radius: 16px; margin-top: -0.6rem; background: rgba(0,10,20,0.1);  box-shadow: 0 0 0.3rem rgba(0,0,0,0.12) inset; content: ""; pointer-events: fill; cursor: pointer; left: 1rem;}
input.checker + label:after { top: 50%; transition:all 0.25s; box-shadow: 0 0 0.1rem rgba(0,0,0,0.08); width: 1rem; height: 1rem; margin:-0.5rem 0.1rem; position: absolute; background: #FFF;  border-radius: 100%;  content: ""; pointer-events: fill; cursor: pointer; left: 1rem;}
input.checker + label strong:before { top: 0; left: 4.2rem; width: 1px; height: 100%; background: #E2E4E6; content: ""; position: absolute;}


input.checker:checked + label:before { background-color:#114892;  }
input.checker:checked + label:after { left: 2rem; }




input.checker_small { position: absolute; opacity: 0; cursor: default;}
input.checker_small + label {  display: block; position: relative; pointer-events: none; line-height: 1.4rem;  padding-left: 2.4rem; border-radius: 0.5rem; font-size: 90%; opacity: 0.6; transition: opacity 0.3s;}

input.checker_small + label:before { top: 50%;transition:all 0.25s;  width: 1.8rem; position: absolute; height: 1rem; border-radius: 16px; margin-top: -0.5rem; background: rgba(0,10,20,0.1);  box-shadow: 0 0 0.3rem rgba(0,0,0,0.12) inset; content: ""; pointer-events: fill; cursor: pointer; left: 0.3rem;}
input.checker_small + label:after { top: 50%; transition:all 0.25s; box-shadow: 0 0 0.1rem rgba(0,0,0,0.08); width: 0.8rem; height: 0.8rem; margin:-0.4rem 0.1rem; position: absolute; background: #FFF;  border-radius: 100%;  content: ""; pointer-events: fill; cursor: pointer; left: 0.3rem;}

input.checker_small:checked + label:before { background-color:#114892;  }
input.checker_small:checked + label:after { left: 1.1rem; }

input.checker_small:checked + label {  opacity: 1; }



#basket .alerte {  margin-left: -.8em !important;}

#panier .inputCount  { display: block; flex-direction: row; align-items: center; text-align: center;}
#panier .inputCount a { display: inline-block;  border: 1px solid #C4C6C8;  height: 1rem; line-height: 1rem; border-radius: 0 0 0 0.3rem;  background-color: #FCFDFE;  margin:0; color:#A2A4A6; font-size: 100%; font-weight: 500; transition: all 0.25s; position: absolute; width: 50%; top: 1.5rem; margin: 1px -1px;}
#panier .inputCount a:hover { background-color: #F3F4F6; color:#242628;   } 
#panier .inputCount input { width: 100%;  border-radius: 0.3rem 0.3rem 0 0; margin:0 -1px;  height: 1.5rem; position: relative; z-index: 3; padding: 0; text-align: center; border: 1px solid #C4C6C8;  font-family:Montserrat, Arial, Helvetica, sans-serif; font-weight:500; font-size: 90%;}
#panier .inputCount input + a {   right: 0; left: auto;  border-radius: 0 0 0.3rem 0;}



#panier .trainnees { border: 1px solid #F80; overflow: hidden; position: relative; margin-top: 0.4rem; display: flex; color: #F80; font-weight: 400; padding: 2px; line-height: 1.5rem; font-size: 80%; border-radius: 0.5rem; display: inline-block; cursor: default;}
#panier .trainnees a { color: #FFF;   background-color: #F80; font-weight: 500;  line-height: 1.5rem;}
#panier .trainnees a:before { position: absolute; top: 0; left: 0; width: 100%; height: 2rem; content: "";}
#panier .trainnees span , #panier .trainnees a { display: inline-block;  border-radius: 0.5rem; padding: 0 0.3rem;}


#panier .trainnees.ok { border: 1px solid #0B6; color: #0B6; }
#panier .trainnees.ok a {   background-color: #0B6; }


#panier:before {  opacity: 0; content: ""; position: absolute; }
#panier.loading:before { top: 0; left: 0; cursor: default; width: 100%; height: 100%; z-index: 100; border-radius: 0.6rem; background: #FFF8 url(../images/spinner-dark.svg) no-repeat center center; background-position: calc(100% - 2.3rem) 2.3rem; background-size: 2.2em; opacity: 0.6; transition: opacity 0.2s; }

#panier h2 { margin:-0.2rem 0 0.2rem 0; }
#panier h2 + p { margin: 0 0 2rem 0;}
#panier .trainee { padding: 1rem 0;  border: 1px solid #D6D8DA; border-width: 1px 0; margin: -1px 0.3rem 0 0; position: relative; font-size: 95%; }
#panier .trainee p { margin: 0; color:#fbbe49; font-weight: 400; font-size: 90%; font-style: italic; }


#panier .item { padding: 1rem 0;  border: 1px solid #D6D8DA; border-width: 1px 0; margin: -1px 0.3rem 0 0; position: relative; font-size: 95%; }
#panier .item .price { position: absolute; right: 0; color:#fbbe49; width: 7em;   top:1rem; line-height: 115%; padding: 0 0.8rem 0 0; font-weight: 600; white-space: nowrap; text-align: right; }
#panier .item p { margin: 0; color:#727476;   margin-right: 11.5em; }


#panier .item .quantity { position: absolute; right: 6.5em;  width: 3em; top:0.8rem; line-height: 115%; padding: 0 0; font-weight: 600; white-space: nowrap; }


#panier .item p span { font-size:85%;   color:#114892;  font-weight: 500;  display: block; /* opacity: 0.75; */ margin: 0; line-height: 115%; }
#panier .item p strong { display: block; line-height: 110%; margin-bottom: 0.2rem;  font-weight: 600; color:#242628; overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; */ padding: 0.1rem 0; }
#panier .item a.trash { background: no-repeat center center url(../images/pictos/trash.svg); background-size: 1.3em; right: -1.9rem; margin: -1px; height: 2.8rem; width: 1.9rem; border: 1px solid #A6A8AA; border-radius: 0 0.2rem 0.4rem 0.4rem; position: absolute; top: 0; overflow: hidden; text-indent: -500px; /* border-left-style: dashed; */ transition: opacity 0.2s, border-color 0.2s; opacity: 0.5;}

#panier .item a.trash:hover { opacity: 1; border-color: #D6D8DA; } 

#panier .item .certification { font-size: 90%; margin-top: 0.5rem; position: relative; padding-right: 8rem;}

#panier .item .certification .price { top: 0.4rem; font-size: 90%; color:#222426; opacity: 0.3; transition: opacity 0.2s;}

#panier .item .certification .check_certif:checked + label + .price { opacity: 1;}


#panier .item .certification label { display: inline-block; max-width: 99%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0.1rem 0.8rem 0.1rem 2.4rem; background: #F2F4F6; color:#000; border-radius: 0.5rem; cursor: pointer;}
#panier .item .certification label strong { font-weight: 500;}
.check_certif { position: absolute;}

#panier .item p a { color: #111111;}

#panier .item.total { border-color: #626466; z-index: 2; font-size: 125%; font-weight: 600;  padding: 1.4rem 0; border-width: 2px 0; } 
#panier .item.total .price { font-weight: 600; width: 9rem; padding-right: 0.8rem;}
#panier .item.total .price span { display: block; font-size: 66%; font-weight: 500; margin-top: -0.25em; white-space: nowrap;}


#popup #mini-popup { padding: 1px; display: none;  box-shadow: 0 0 1.5rem rgba(0,0,0,0.08);  position: fixed; width: 95%; width: calc(100% - 4rem); max-width: 32rem; left: 50%; top: 50%; transform: translate(-50%,-50%);  z-index: 25; opacity: 1; }

#popup #mini-popup .wrap { margin: 1.5rem;}

#popup { position: fixed; /* scroll-behavior: smooth; */ overscroll-behavior: contain;  box-sizing: border-box; display: flex; padding: 1rem 3rem; background:rgba(0,0,0,0.7) no-repeat center center;  top: 0; left: 0; width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 1100;  }

#popup article { padding: 1px;  box-shadow: 0 0 1.5rem rgba(0,0,0,0.03);  position: relative;  max-width: 38rem;  width: 100%; margin: auto; background: #FFF; border-radius: 0.5rem; opacity: 0; }

#popup article.large { max-width: 45rem;}

#popup article.small { max-width: 30rem;}


#popup article .wrap { margin: 2rem;}


.form-flex { display: flex; margin: 0.6rem -0.25rem;}
.form-flex .form-group { margin: 0 0.25rem; width: 48%; width: calc(50% - 0.5rem);}
.form-flex + .form-group { margin: 0.6rem 0;}


#content article a.closer , #popup article a.closer { position: absolute; z-index: 5; transition: background-color 0.2s; background: #D0D2D4; color: #FFF; font-weight: 400; font-size: 200%; height: 1em; width: 1em; line-height: 1.05em; text-align: center; margin: 2.4rem 2rem; right: 0; top: 0; border-radius: 100%;}
#content article a.closer:hover , #popup article a.closer:hover { background-color: #929496;}

/* body.blur { filter: blur(6px);} */
body.blur { overflow: hidden; }
input[type=number] { 
  -moz-appearance: textfield;
  appearance: textfield;

}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
}      





/*#calendar p.entry .col.date { color:#666; color:rgba(0,0,0,0.4); }*/
#calendar h2 { font-size:160%; line-height:125%;}
#calendar h3 { font-size:130%; line-height:125%; margin-bottom:1.2em !important;}
#calendar h3 , #calendar p { margin:0.5em 0;}

.stores { color:#AAA; font-size:100%;}
.stores hr { margin:35px 0 20px 0 ;}
.stores a { opacity:0.3; filter:grayscale(100%); transition:all 0.2s;}
.stores a:hover { opacity:1; filter:grayscale(0);}
.stores a img { height:2.5em;}

#calendar form h3 , #calendar form h2 , #calendar-content h3 { padding-right:40px;}
#calendar form .closer , .overLay .closer  , #calendar-content .closer { position:absolute; right:0; color:#000; font-size:180%; font-weight:500; width:1.2em; height:1.2em; line-height:1.2em; text-align:center; border-radius:100%; margin:-0.2em; border:1px solid #333;}


#calendar .show-more-results + p.buttons.block  { margin-top:0.2em;}
#calendar .show-more-results.open + p.buttons.block  { margin-top:1.2em;}
#calendar p.buttons.block { margin:1.2em 0; }
#calendar p.buttons.block a { padding:1em 0; font-weight:600; text-align:center; font-size:110%; margin:0 -2px; }


#calendar h3 , #calendar h3, #calendar h4 { font-weight:600;}

#calendar .wrap { position:relative; margin:30px; }

#calendar.loading .wrap:before { position:absolute; padding:5px; margin:-5px; content:""; z-index:5; background:#FFF url(../images/loader.gif) no-repeat center center; opacity:0.8; background-color:rgba(255,255,255,0.8); width:100%; height:100%;}



.has-menu menu { float:left; margin:0; width:35%; width:calc(440px); padding:0 50px 0 0; box-sizing:border-box; }
.has-menu .content { float:right; margin:0; width:65%; width:calc(100% - 440px); box-sizing:border-box; }


.has-menu.small-menu menu { width:30%; width:calc(370px);  }
.has-menu.small-menu .content { width:70%; width:calc(100% - 370px); }

.has-menu .box-titles h3 { width:30%; width:calc(350px); }
.box-titles { margin:3.5em 0;}
.box-titles h3.title { position:absolute; margin-top:0; font-weight:bold !important; box-sizing:border-box; left:0;}


section#map { padding:5% 0; height:300px; height:40vh; background:#EEE; position:relative; z-index:1;}


.MARKER_CENTRE { background:url(../images/pictos/pin.svg)no-repeat center bottom; }

.has-menu menu p.reset { font-size:85%; margin-top:5px; }
.has-menu menu p.reset a { display:block; }

.center.has-menu + .center { margin-top:-20px;}


.regular { font-weight:normal !important;}
.semi { font-weight:600 !important;}
.medium { font-weight:500 !important;}


h2 + p.selector { margin-top:1.5em;}
p.selector { font-size:85%; position:relative; margin:0.5em 0; line-height: 1.8em;  }
p.selector label { width:100%; position:relative; display:block; border-radius:3px;  background:#FFF; padding:0.5em 0.8em 0.5em 2.4em; cursor:pointer; }
p.selector label:before , p.selector label:after { top:0.7em !important;  left:0.7em !important;}
p.selector label em { opacity:0.55; font-weight:400; font-style:normal; font-size:70%;}
p.selector.exists label { cursor:default; opacity:0.3; }
p.selector.exists label:after { display:none; }
p.selector.exists label:before { background:url(../images/pictos/tick.svg) no-repeat center center; background-size:contain; border:none; border-radius:0; }

.filters-horizontal { background:#FFF; padding:0.6em; box-shadow:0 0 20px rgba(0,0,0,0.09); margin:1.2em 0;}
.filters-horizontal a.input { margin:0.6em 1em 0.4em 1em; font-weight:400; padding:0.1em 0; text-overflow:ellipsis; font-size:95%; line-height:2em; position:relative;}
.filters-horizontal a.input { padding-left:24px; display:inline-block; position:relative; color:#000; line-height:100%;}
.filters-horizontal a.input:before { content:""; position:absolute; left:0; top:2px; margin:0; height:14px; width:14px; border:1px solid #666; box-sizing:border-box; transition:border-color 0.2s ; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);} 
.filters-horizontal a.radio:before { border-radius:100%;} 

.filters-horizontal a.radio.checked:after { content:""; position:absolute; left:0; top:5px; margin:0 3px; height:8px; width:8px; background:#333; box-sizing:border-box; border-radius:100%;} 

.filters-horizontal a.check.checked:after { content:""; position:absolute; left:0; top:0; margin:-.01em; height:17px; width:22px; background:url(../images/pictos/tick.svg) no-repeat 0 bottom; } 

.filters-horizontal select.champ { display:inline-block; width:215px !important; margin:0; padding-top:0.4em; padding-bottom:0.4em; margin:-0.2em 1em;}

.has-menu menu.filters h3 { font-weight:500; margin:2em 0 0.5em 0; font-size:110%;}
.has-menu menu.filters h2 { font-weight:500; margin:2em 0 1.4em 0; font-size:130%;}


.has-menu menu.filters p.input { margin:0.2em 0 0.2em -2px; font-weight:400; padding:0.1em 0 0.1em 2px; overflow:hidden; text-overflow:ellipsis; font-size:95%; line-height:100%; position:relative;}
.has-menu menu.filters p.input a { padding-left:24px; display:inline-block; position:relative; line-height:120%; color:#000; }
.has-menu menu.filters p.input a:before { content:""; position:absolute; left:0; top:2px; margin:0; height:14px; width:14px; border:1px solid #666; box-sizing:border-box; transition:border-color 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);} 
.has-menu menu.filters p.radio a:before { border-radius:100%;} 

.has-menu menu.filters p.radio a.checked:after { content:""; position:absolute; left:0; top:5px; margin:0 3px; height:8px; width:8px; background:#333; box-sizing:border-box; border-radius:100%;} 

.has-menu menu.filters p.check a.checked:after { content:""; position:absolute; left:0; top:0; margin:-.01em; height:17px; width:22px; background:url(../images/pictos/tick.svg) no-repeat 0 bottom; } 

.has-menu menu.filters p.checkBlock { margin:0; font-size:89%; font-weight:600;}
.has-menu menu.filters p.checkBlock a { display:block; color:#114892; border:2px solid #114892; text-align:center; padding:0.7em 0.6em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.has-menu menu.filters p.checkBlock a.disable { cursor:default; color:#FCC; border-color:#FCC;}
.has-menu menu.filters p.checkBlock a.checked { color:#FFF; background-color:#114892;}

.has-menu menu.filters .col-block { margin:0 -5px -5px -5px;}
.has-menu menu.filters .col-block p.checkBlock { margin:5px 0 0 0; padding:5px; box-sizing:border-box; float:left; width:50%;}
.has-menu menu.filters h2 + .col-block p.checkBlock { margin-top:2px;}

.has-menu menu.filters p.input a:hover:before { border-color:#111;}


h2 + .col article.formation { margin-top:2em;}

.text .text { font-size:100%;}

.grey article.formation { background-color:#FFF; }
.grey article.formation:after  {background:rgba(0,0,0,0.01); }
article.formation { background:#F8F8F8; padding:1.5em; margin:10px; position:relative; font-weight:500;}

article.formation.listing { padding:1em; margin:0.5em 0; min-height: 3em;  border-radius: 0.5rem;  }





/* 	article.formation.listing.is_essentiel {  background:#fbbe49;   }

	article.formation.listing.is_essentiel , article.formation.listing.is_essentiel a , article.formation.listing.is_essentiel .note , article.formation.listing.is_essentiel .price strong , article.formation.listing.is_essentiel .note span , article.formation.listing.is_essentiel .price  { color: #013882; transition: color 0.25s;}
	article.formation.listing.is_essentiel .note span  { color: #114892; }
article.formation.listing.is_essentiel .badges span { border-color: #FFF;}



article.formation.listing.is_essentiel:hover { background: #114892; }
article.formation.listing.is_essentiel sup { transition: all 0.25s;}
article.formation.listing.is_essentiel:hover sup { background-color: #fbbe49; color: #114892; }
article.formation.listing.is_essentiel { overflow: hidden; transition: all 0.25s;}



article.formation.listing.is_essentiel:hover , article.formation.listing.is_essentiel:hover a , article.formation.listing.is_essentiel:hover .note , article.formation.listing.is_essentiel:hover .price strong , article.formation.listing.is_essentiel:hover .note span  , article.formation.listing.is_essentiel:hover .price   { color: #FFF; }
article.formation.listing.is_essentiel:hover .note span  { color: #fbbe49; }


 */


 article.formation.listing.is_essentiel {  border:3px solid #fbbe49; background: #11489211; background: #fbbe4911;  }

#_BULLE svg { display:none;}


.grey article.formation.listing .add_fav { background:#FEFEFE;  border-color:#EEE; }

article.formation.listing:hover .add_fav {  opacity:1; z-index:6; width:2.2em; display: none; }
article.formation.listing .add_fav { position:absolute; border-radius: 0.3rem 0 0 0.3rem; opacity:0; transition:opacity 0.3s, background-color 0.2s, border-color 0.2s, width 0.15s; overflow:hidden; width:0;  height:100%; background:#F2F2F2; padding-right: 2px; margin-right: -2px; right:100%; top:0; border-right:1px solid #E2E2E2;}
article.formation.listing .add_fav.actif {opacity:1; background:#114892; border-color:#114892; width:2.2em;}

article.formation.listing .add_fav.actif path , article.formation.listing.is_essentiel .add_fav path { fill:#FFF;}


article.formation.listing.is_essentiel .add_fav { background:#fbbe49; background: rgba(17,72,146,1); border-right: 1px solid rgba(255,255,255,0.4);   }


article.formation.listing .add_fav path { transition:fill 0.2s;}

article.formation.listing .add_fav span { font-size:0;}
article.formation.listing .add_fav svg {  height:1em; width:1em; position:absolute; top:50%; left:50%; margin:-0.5em; }

article.formation.listing .price { position:absolute; bottom:1.7em; text-align:right; line-height:150%; right:2.4em; font-size:60%; color:#AAA; color:rgba(0,0,0,0.6);}
article.formation.listing .price strong { display:block; font-size:140%; color:#000;}

article.formation:after { content:""; position:absolute; left:0; bottom:0; height:100%; width:0; opacity:0.6; background:rgba(0,0,0,0.025); transition:width 0.2s, opacity 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}
article.formation:hover:after { width:100%; opacity:1;}
article.formation.listing h3 { font-size:110%; }
article.formation h3 , .text .content article.formation h3 { font-weight:500; font-size:110%; line-height:115%; margin:0; padding:0.1em 0; overflow:hidden; text-overflow:ellipsis;}
article.formation h3 a { color:#000;}
article.formation h3 a:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; z-index:2;}
article.formation h3 sup { line-height:0; font-size:60%; background:#114892; padding: 2px 4px; color: #FFF; white-space:nowrap; border-radius: 0.5rem; margin-right: 1px;;}




article.formation.listing h3 { /*white-space:nowrap;*/}
article.formation p { font-size:67%; margin:0.1em 0; padding:0.1em 0; overflow:hidden; text-overflow:ellipsis; font-weight:normal; }
article.formation p.note { font-size:90%;overflow:visible; color:#114892; color:#222;  line-height:100%; font-weight:600; margin:0.2em 0 0 0;}
article.formation p.note.disable { opacity:0.25;}
article.formation p.note span, .note .star { font-weight:normal; font-size:130%; color:#FC0; font-family:"Star", Arial, Helvetica, sans-serif;  float:left;  padding-right:0.4em; margin:-0.05em 0 0 -0.01em; font-size:120% \9; }
article.formation .col { font-size:90%; overflow:visible; float:left; box-sizing:border-box; padding-right:10px; min-height:10px; width:50%;}
article.formation hr { margin:0.9em 0; border:none; border-top:1px solid #DDD;}




article.formation.listing .col.date { width:25%; width:calc(120px); line-height:120%; font-size:80%; color:rgba(0,0,0,0.6); }
article.formation.listing .col.large.xl { width:75%; width:calc(100% - 120px);  box-sizing:border-box; padding-right:2rem}
article.formation.listing .col.large { width:60%; width:calc(100% - 330px); box-sizing:border-box; padding-right:2rem}
article.formation.listing .col.duree { width:10%;  width:calc(90px); font-weight:500;}
article.formation.listing .col.badges { width:15%;  width:calc(135px); text-align: center; }
article.formation.listing .col.badges img { max-width: 100%; max-width: calc(100% -1em); width: auto; max-height: 4.4rem; height: auto;}
article.formation .col.badges , article.formation.block .col.badges { font-size:74%; }



article.formation.listing .col.modalite { width:15%; font-size:67%; padding-right:0; width:calc(105px); font-weight:500; text-align:right;}
article.formation.block .adjust { margin-bottom:25px;}
article.formation.block .col { display:table; padding:0; font-size:80%;}
article.formation.block .col div { min-height:40px; line-height:110%; vertical-align:middle; display:table-cell; }
article.formation.block .col div div { min-height:none; display:block; width:90px; }

.badges span { float:left; font-size:90%; border:2px solid #000; height:2.6em; width:2.6em; line-height:2.7em; text-align:center; font-weight:600; border-radius:100%; margin:-0.5em 0.2em 0.4em 0; }


article.formation .col.modalite span { display:block;}

.columns-essentiels { margin:0 -10px 3em -10px;}
.columns-essentiels .col { float:left; width:33.33%;}
.columns-essentiels.small { margin:1.5em -0.3em 2em -0.3em !important;}
.columns-essentiels.small .col  { width: 25%; display: block !important;}
.columns-essentiels.small .col h3 { font-size: 85%;}

.columns-essentiels.portail .col h3 { text-align: center; margin-left: auto; margin-right: auto;}


.columns-essentiels.small .col article { margin: 0.3em; padding: 24% 0; }

form { text-shadow: none;}

a.overLayLink { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.invert-une { margin-top: 3rem;}
.invert-une article.formation-a-la-une { background-color: #114892; color:#FFF;}


.invert-une article.formation-a-la-une h3 a, article.formation-a-la-une p.note { color:#FFF !important;}
article.formation-a-la-une { background:#FFF; box-shadow: 0 0 1em rgba(0,0,0,0.08); background-size:cover; margin:0.8rem 0; padding:0 0 0 30%; position:relative; overflow:hidden; color:#000; transition: color 0.25s , padding 0.25s; overflow: hidden; border-radius: 0.5rem; position: relative; }
article.formation-a-la-une .picture { position: absolute; left: 0; top: 0;  background:#114892 no-repeat center center; background-size: cover; transition: width 0.25s; width: 30%; height: 100%; }
article.formation-a-la-une h3 { color:#000; transition: color 0.2s; font-weight:500; font-size:110%; line-height:120%; margin:0; 	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis; transition: color 0.25s;}
	article.formation-a-la-une p.buttons { margin-top: 2.5rem;}

	article.formation-a-la-une p { font-weight:400; font-size:80%; margin:0.75em 0; padding:0.1em 0; padding-right:1em; max-width:300px; overflow:hidden; text-overflow:ellipsis;}
	article.formation-a-la-une p.note { font-size:90%;overflow:visible; line-height:100%; font-weight:600; margin:0.5em 0 0 0; color: #000; transition: color 0.2s;}
	article.formation-a-la-une p.note span { font-weight:normal; font-size:130%; float:left; color:#FC0;  font-family:"Star", Arial, Helvetica, sans-serif;  padding-right:0.4em; margin:-0.05em 0 0 -0.01em; font-size:120% \9; }
	
	article.formation-a-la-une:hover p.note { margin-bottom:0.5em;}


	article.formation-a-la-une:hover .picture { width: 100%; }

	article.formation-a-la-une h3 a { transition: color 0.25s;}
	article.formation-a-la-une:hover h3 a , article.formation-a-la-une:hover p.note , article.formation-a-la-une:hover { color: #FFF;}
	
	article.formation-a-la-une:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: #114892; opacity: 0;  transition: width 0.25s, opacity 0.25s; width: 30%; z-index: 1;}
	article.formation-a-la-une:hover:after { opacity: 0.75; width: 100%;}
	article.formation-a-la-une .wrap { position: relative; z-index: 4; margin: 2rem;}


	.invert-une article.formation-a-la-une:before { position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; content: ""; background:url(../images/bg-une.png) no-repeat right top; background-size: cover; opacity: 10;  transition:  opacity 0.25s; }
	.invert-une article.formation-a-la-une:hover:before { opacity: 0.4;}






	.invert-une article.formation-a-la-une .wrap { margin: 8%;}


article.formation-essentiel { background:#FFF no-repeat center center url(../uploads/actualites-1.jpg); border-radius: 0.4rem; overflow: hidden; background-size:cover; margin:10px; height:5em; padding:32% 0; position:relative; overflow:hidden; color:#FFF; box-shadow: 0 0 0.5rem rgba(0,0,0,0.08); }


article.formation-a-la-une:hover { padding:0 15% 0 15%; }


article.formation-essentiel.filiere { background: #666;}
article.formation-essentiel.filiere .picture { transition:margin 0.2s, padding 0.2s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/metier/bureautique.jpg) no-repeat center center; background-size: cover;}
article.formation-essentiel.filiere:hover .picture { padding: 1em; margin:-1em;}
article.formation-essentiel.filiere .wrap { height: 100%; font-weight: 600; text-align: center; display: flex; align-items: center; flex-direction: row; }


article.formation-essentiel.intro a , article.formation-essentiel.filiere a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3;}
article.formation-essentiel.intro { background:none; box-shadow:none; }
article.formation-essentiel.intro .wrap , article.formation-essentiel.intro:hover .wrap { position: absolute; min-height: 3em; padding:0; margin: 0; box-sizing:border-box; width: 100%; height: 100%; top: 0; left: 0; background:url(../images/logo-offre-eligible-cpf-big.png?v=3) no-repeat center center;  background-size:contain;  }

article.formation-essentiel.intro:before , article.formation-essentiel.intro:after { border: 3px solid #000; transition: border-width 0.15s; width: 36%; height: 100%; box-sizing: border-box; position: absolute; top: 0; z-index: 2; content:"";} 
article.formation-essentiel.intro:before { left: 0; border-width: 6px 0 6px 6px; border-radius: 1em 0 0 1em; border-color: #0c4391;}
article.formation-essentiel.intro:after { right: 0; border-width: 6px 6px 6px 0; border-radius: 0 1em 1em 0; border-color: #e20a17;}

article.formation-essentiel.intro:hover:before { border-width: 10px 0 10px 10px; }
 article.formation-essentiel.intro:hover:after {  border-width: 10px 10px 10px 0;  }


article.formation-essentiel .wrap { position:absolute; width:100%; bottom:0; left:0; padding:1.5em; margin:0; background: #FFF; box-sizing:border-box; min-height:2em; transition:min-height 0.25s, background-color 0.25s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);

}

article.formation-essentiel .wrap .buttons a { background-color: #fbbe49;}

article.formation-essentiel p.garantie { font-weight: 600; color: #0C0;}




article p.metier { font-weight: 500 !important; color: #114892; margin: -0.3em 0 0 0 !important;}
article.formation-essentiel:hover p.metier {  color: #FFF; color: #FFFA;}

article.formation-essentiel p.pastille { font-weight: 600; color: #0C0;}
article.formation-essentiel p.pastille span {color:#FFF; transition: background-color 0.2s, color 0.2s; font-size:90%; background:#E02; border-radius:4px; font-weight:500; padding:0.4em; line-height:100%;display:inline-block;}
article.formation-essentiel:hover p.pastille span { background-color: #FFF; color: #0A274E;}
article.formation-essentiel:hover h3 { color: #FFF;}
article.formation-essentiel:hover .wrap { min-height:100%;  background:rgba(17,72,146,0.8); }
article.formation-essentiel h3 { color:#000; transition: color 0.2s; font-weight:500; font-size:110%; line-height:120%; margin:0; 	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;}
article.formation-essentiel a { color:#000; transition: color 0.2s; }
article.formation-essentiel:hover a , article.formation-essentiel:hover p.note { color:#FFF;}
article.formation-essentiel h3 a:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; z-index:5;}
article.formation-essentiel .details { position:absolute; opacity:0;}
article.formation-essentiel:hover h3 { min-height:0 !important;   }
article.formation-essentiel:hover .adjust-2 , article.formation-essentiel:hover .adjust { min-height:0 !important;}
article.formation-essentiel:hover .details { opacity:1; transition:opacity 0.2s}
article.formation-essentiel p { font-weight:400; font-size:75%; margin:0.75em 0; padding:0.1em 0; padding-right:1em; max-width:300px; overflow:hidden; text-overflow:ellipsis;}
article.formation-essentiel p.note { font-size:90%;overflow:visible; line-height:100%; font-weight:600; margin:0.5em 0 0 0; color: #000; transition: color 0.2s;}
article.formation-essentiel p.note span { font-weight:normal; font-size:130%; float:left; color:#FC0;  font-family:"Star", Arial, Helvetica, sans-serif;  padding-right:0.4em; margin:-0.05em 0 0 -0.01em; font-size:120% \9; }

article.formation-essentiel:hover p.note { margin-bottom:0.5em;}

article.formation-essentiel p.read-more { position:absolute; bottom:-10em; opacity:0; margin:0; font-size:85%;}
article.formation-essentiel p.read-more a { font-size:80%; line-height:130%; }
article.formation-essentiel:hover .read-more { bottom:1.5em; opacity:1; transition:bottom 0.2s, opacity 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}


.read-more-block { background:#114892 no-repeat 100% 40% url(../images/visuel-read-more-block.jpg); background-size:cover; color:#FFF; font-weight: 600; font-size:100%; border-radius:5px; margin:3em 0; }
.read-more-block.large .wrap  { padding-right:20em;}
.read-more-block p.buttons { font-size:75%;}

.read-more-block .wrap { margin:0; padding:1.8em 12.5em 1.8em 2.3em; position:relative; background:#114892; background-color:rgba(248,49,49,0.9);}
.read-more-block .wrap p { margin:0; max-width:900px;}
.read-more-block .wrap p.buttons { position:absolute; right:2.9em; bottom:2.9em; }

.read-more-block.al-c .wrap {padding:1.8em 2.3em; }
.read-more-block.al-c p { margin:0 auto;}


a.show-more-results { color:#114892; position:relative; padding-right:1.2em; font-size:90%; font-weight:400; }
a.show-more-results em { font-style:normal;}


a.show-more-results.actif span { transform:translateY(-0.05em) rotate(180deg);}
a.show-more-results span { position:absolute; right:0; top:50%; line-height:1em; height:1em; margin:-0.5em 0;}
a.show-more-results span strong { transform:scale(1.4,0.75); display:block; }
div.show-more-results { height:0; overflow:hidden; opacity:0; transition:opacity 0.3s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}
div.show-more-results.open { height:auto; overflow:visible; opacity:1;}

h2.no-margin { margin:0;}
div.big { font-size:125%;}
div.big + p { margin-top:0.5em;}

/*.sticky { transition:transform .78s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition:none; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); -moz-transition:none; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); will-change: transform; backface-visibility:hidden; }*/
.orderResults { float:right; white-space:nowrap; margin-top:-3.4em; font-size:100%; }
.orderResults th , .orderResults td { height:2em; }
.orderResults th { font-size:67%; font-weight:normal; padding-right:0.4em; }
.orderResults select { font-size:90%; padding:0 0.4em; height:1.8em;}

a.anchor { position:absolute; margin-top:-150px;}

#footer { background:#114892 no-repeat center center url(../images/bg-footer.png); font-weight: 400; text-shadow: -1px -1px 0 #114892, 1px -1px 0 #114892, -1px 1px 0 #114892, 1px 1px 0 #114892, 0 0 8px #114892; background-size: cover; color:#FFF; color:rgba(255,255,255,0.9); font-size:75%;}
#footer h3 , #footer p { margin-top:0;}
#footer h3 , #footer strong { color:#FFF; font-size:120%;}
#footer .center { max-width:none;}
#footer a { color:#FFF; color:rgba(255,255,255,0.8); text-decoration:none;}
#footer a:hover { color:#FFF; }
#footer ul { margin:0; padding:0; list-style:none;}
#footer ul li { margin:0.3em 0;}

#footer .col , #footer .col-left { box-sizing:border-box; padding-right:20px; float:left;}
.col-right { float:right; width:23%; box-sizing:border-box; padding-left:40px;}
#footer .col-left { width:23%; background:url(../images/logo-negatif.svg) no-repeat 0 0; background-size:auto 80px; padding-top:110px; margin-top:-20px; padding-right:60px;}
#footer .col { width:18%;}
#footer .col-left p { max-width:250px; line-height:140%;}
#footer p.tel { font-size:140%; margin-top:-5px;}
#footer hr { display:none;}
.columns-formations { margin:0 -10px 3em -10px;}
.columns-formations .col-25 { width:25%; float:left;}
#footer p.social { margin:-5px 0 0 -5px; }
#footer p.social a { float:left; width:30px; height:30px; background:no-repeat center center; overflow:hidden; text-indent:-200px; background-size:24px;}
#footer p.social a.facebook { background-image:url(../images/pictos/facebook.svg);}
#footer p.social a.twitter { background-image:url(https://moncpf.m2iformation.fr/images/pictos/twitter.svg); margin-left:4px;}
#footer p.social a.linkedin { background-image:url(../images/pictos/linkedin.svg);}
#footer p.social a.youtube { background-image:url(../images/pictos/youtube.svg);}
#footer p.social a.viadeo { background-image:url(../images/pictos/viadeo.svg);}
#footer p.logos { margin-top:30px;}
#footer p.logos img { height:38px; margin:0 0 10px 0; display:block;}



#main-search h1 span.to-roll-text { position:absolute; width:100%; margin-top:-0.2em; text-align:center; left:0; line-height:140%;}
.roll-text { position:absolute; z-index:1; opacity:0; transition:opacity 0.8s, margin-bottom 0.8s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); text-align:center; left:0; width:100%; margin-bottom:15px; bottom:0;}
.roll-text.actif { z-index:2; opacity:1; margin-bottom:0; transition:opacity 0.8s, margin-bottom 0.8s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); }


.aos { opacity:1; transform:none; transition:transform 0.8s, opacity 0.8s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}
.aos.fade-up { transform:translateY(5em); opacity:0; transition:none; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}
.aos.fade-down { transform:translateY(-5em); opacity:0; transition:none}
.aos.fade-left { transform:translateX(-6em); opacity:0; transition:none}
.aos.fade-right { transform:translateX(6em); opacity:0; transition:none}

section.pictures { position:relative; padding:11% 0; height:100px; background:#30001F no-repeat center center; background-size:cover; overflow:hidden;}
section.pictures div { position:absolute; border:0 solid #FFF; height:100%; width:50%; top:0; box-sizing:border-box; background:rgba(0,0,0,0.5) no-repeat center center; background-size:cover; overflow:hidden;}
section.pictures div.pic-1 { left:0; border-right-width:0.8em;}
section.pictures div.pic-2 { right:0; border-left-width:0.8em;}

section.pictures + section#contact { margin-top:1.6em;}


.max-width .content { max-width:980px; float:left;}

.max-width .content p , .max-width .content h1 , .max-width .content h2 , .max-width .content h3 , .max-width .content h4  { max-width:860px; }
.max-width .content p , .max-width .content ul  { max-width:860px; }

.text .form { font-size:92%; margin:1em 0;}

.form p.buttons { font-size:90%;}

p.intro { line-height:120%; font-weight:400;}
p.intro strong { font-weight:600;}

hr { border:none; margin:3em 0; border-top:1px solid #BBB; border-color:rgba(0,0,0,0.1);}



.form-group + p.checkBox , #calendar .form-group + p.checkBox { margin-top:-0.4em !important;}

p.checkBox , #calendar p.checkbox { padding:0.75em 0.75em 0.75em 2.8em; border:1px solid #AAA; border-color:rgba(0,0,0,0.2); position:relative; line-height:140%; margin:1em 0 !important;}
p.checkBox, p.checkBox a { color:#222;}

span.checkBox { position:relative; display:inline-block; padding-left:1.5em;}
span.checkBox input + label { left:0; top:0.25em;}
.checkBox input { display:none;}
.checkBox input , .checkBox input + label { position:absolute; }
.checkBox input + label { width:.9em; height:.9em; border:1px solid #AAA; border-color:rgba(0,0,0,0.2); background:#FFF; cursor:default; transition:border-color 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); top:.9em; left:1em; }
p.checkBox input + label:hover , span.checkBox.activ input + label:hover { border-color:#333; border-color:rgba(0,0,0,0.8);}
.checkBox input:checked + label:before { width:100%; height:100%; padding:0.1em; left:0; bottom:-0.1em;  position:absolute; content:""; background:url(../images/pictos/tick.svg) no-repeat center center;}

.g-recaptcha { margin:1em 0; }


.green { color:#0C6 !important;}
.orange { color:#F60 !important;}

.form-group.error .form-input , p.checkBox.error , .form-group.file.error , .champ.error , .champ.error:hover  , .champ.error:focus { border-color:#114892; background-color:rgba(255,0,0,0.02); }
.champ.error , .champ.error:hover  , .champ.error:focus { color:#114892;  }

.form-group.file {  border:1px solid #AAA; padding:0.8em; background:#FFF;}
.form-group.file p { margin:0;  pointer-events: none;}
.form-group.file hr { margin:0.7em 0 0.8em 0;}

.form-group {
 position: relative;
 margin:1em 0;
}


form .columns .form-group {
	margin:1em 0 0 0;	
}

.form-label {
 position: absolute;
 left: .9em;
 top: 1.1em;
 line-height:90%;
 color: #666;
 z-index: 10;
 font-weight:400;
 transition:top 0.1s, font-size 0.1s, color 0.1s, left 0.1s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);
 cursor:text;
 pointer-events: none;
}



.focused .form-label , .readonly .form-label {
 font-size: 66%;
 top:0.8em;
 left: 1.5em;
 font-weight:400;
 color: #AAA;
 pointer-events: none;
}

.form-input , .champ {
 position: relative;
 padding: 1.3em .9em 0.6em .9em;
 width: 100%;
 outline: 0;
 border: 0;
 border:1px solid #AAA;
 border-color:rgba(0,0,0,0.2);
 transition: border-color .2s ease-out; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);
 font-size:100%; line-height:100%;
 box-sizing:border-box;
 pointer-events: fill;
}

.champ {

 padding: 1em .9em 0.9em .9em;
}


textarea.form-input { height:8em; resize:none;}

.form-input:focus , .form-input:hover {
	border-color:#222; border-color:rgba(0,0,0,0.8);
}

.readonly .form-input:focus , .readonly .form-input:hover , .readonly .form-input {
	border-color:#AAA; border-color:rgba(0,0,0,0.1); background-color:rgba(255,255,255,0.3); cursor:default; font-weight:500; color:#888; color:rgba(0,0,0,0.5);
}

.form-input.filled {
	
}
.table table { height:auto !important; width:100% !important;}
.table table h2 , .table table h3, .table table h4 , .table table h5 { font-size:100%;}
input.invisible { padding:0; font-size:0; position:absolute; border:none; margin:-500px;}

.error_form { opacity:0; margin:1.5em 0 -0.75em 0; font-size:90%; font-weight:500; color:#114892; line-height:120%;}
form .adjust-line { padding:1px 0; margin:-1px 0;}
.adjust-line .error_form {  margin-top:1em; }

.error_form.ok { color:#0C0;}

.error_form + .g-recaptcha { margin-top:-0.75em;}
.g-recaptcha.error div { background:#E02; padding:1px 0 0 1px; box-shadow:-1px -1px 0 2px #F8F8F8 inset; border-radius:0; overflow:hidden;}
.g-recaptcha.error div div { background:none; padding:0; box-shadow:none;}
.g-recaptcha.error div iframe { margin:0; opacity:0.98;}




select.champ, select.form-input { display:block; box-size:border-box; padding:0.7em 2.3em 0.6em 0.5em; width:100%; 	-webkit-appearance: none; border:1px solid #AAA; border-color:rgba(0,0,0,0.2); transition:border-color; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);
	-moz-appearance: none;
	appearance: none; cursor:pointer; transition: border-color .2s ease-out; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); background:transparent no-repeat 98% center url(../images/pictos/arrow-drop.svg); background-size:1.2em auto; background-position:calc(100% - 0.6em) center; }

section.grey select.champ { background-color:#FFF;}
select.champ.block { padding-top:.9em; padding-bottom:.9em; margin:1em 0;}

select.champ:hover , select.champ:focus { border-color:#222; border-color:rgba(0,0,0,0.8);}

form.loading .buttons a.submitter , form.loading .buttons a.submit { position:relative; opacity:0.9; }
form.loading .buttons a.submitter:before  , form.loading .buttons a.submit:before { background:#11489288 url(../images/loader-button.gif) no-repeat center center; border-radius: 2em; opacity:0.9; background-size:2.2em auto;  position:absolute; left:0; top:0; width:100%; height:100%; content:""; /* padding:1px; margin:-1px; */}

form.loading { position:relative; opacity:0.6;}
form.loading:before { position:absolute; z-index:100;  width:100%; height:100%; top:0; left:0; content:""; opacity:0.4;}

#calendar form.loading:before { padding:10px; margin:-10px;}

.columns-list { margin:1em -2em;}
.columns-list ul { box-sizing:border-box; float:left; padding:0 2em; width:50%; margin:0;}
.columns-list ul li { max-width:330px;}

.col-links { margin:1em -0.5em;}
.col-links p { float:left; width:50%; margin:0;}
.col-links p a { display:block; background:#FFF; padding:1.2em 1.2em 1.2em 5.2em; margin:0.5em; overflow:hidden; position:relative; color:#000; font-weight:400;}
.col-links p a img { position:absolute; width:3em; height:auto; left:1.2em; margin:0;}



.col-links.small p a { display:block; background:#FFF; padding:1.2em 1.2em 1.2em 3.8em; margin:0.5em; overflow:hidden; position:relative; color:#000; font-weight:400;}
.col-links.small p a img { position:absolute; width:2em; height:auto; left:1.2em; margin:-0.2em;}


p.folio { text-align:center; margin:2.5em 0;}
p.folio a , p.folio span { height:1em;line-height:1em; min-width:1em; padding:0.4em; border-radius:3px; font-weight:500; margin:0.4em; display:inline-block; border:1px solid #000; color:#000; text-decoration:none;}
p.folio span { color:#AAA; border-color:#AAA; cursor:default;}

.columnsBlockPicto.small p { width:20%; }
.columnsBlockPicto { font-size:85%; margin:2em -0.8em;}
.columnsBlockPicto p { float:left; margin:0; padding:0.4em; box-sizing:border-box; width:33.33%;}
.columnsBlockPicto p a { display:block; background:#F8F8F8; padding:3em 1em; color:#000; text-align:center; text-decoration:none;}
.columnsBlockPicto p a strong { font-weight:500; display:block; font-size:100%; margin:0 0 0.4em 0; padding-top:4em; position:relative; background:no-repeat center 0; background-size:auto 3.2em; }


.columnsBlockText { font-size:85%; margin:2em -0.8em; padding:0;}
.columnsBlockText .column { float:left; margin:0; padding:0.8em; box-sizing:border-box; width:33.33%;}
.columnsBlockText p { padding:2em; margin:0; color:#000; text-align:center; text-decoration:none; background:#FFF;}
.columnsBlockText p strong { font-weight:500; display:block; font-size:115%; margin:0 0 0.4em 0; position:relative; background:no-repeat center 0; background-size:auto 3.2em; }


.columnsBlockText.grey  p { background:#F8F8F8; }


.columnsBlockText.small { font-size:100%;}
.columnsBlockText.small .column { float:left; margin:0 !; padding:0.8em; box-sizing:border-box; width:20%;}
.columnsBlockText.small p { padding:0; }
.columnsBlockText.small p strong { font-weight:bold; margin:0.4em 0 0.6em 0;}
.columnsBlockText.small p img { height:4.2em; transform:scale(0.9); width:auto;}
.columnsBlockText.small p img.big { transform:none;}


.columnsBlockLinks { margin:2em -0.5em;}
.columnsBlockLinks p { float:left; margin:0; padding:0.5em; box-sizing:border-box; width:50%;}
.columnsBlockLinks p a { display:block; position:relative; border:1px solid #114892; background:#FFF; padding:0 0 0 3em; line-height:3em; color:#000; text-align:left; font-weight:500; text-decoration:none; transition:background-color 0.2s, color 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}
.columnsBlockLinks p a svg { position:absolute; left:1em; top:50%; margin:-0.7em 0; width:1.4em; height:1.4em;}
.columnsBlockLinks p a:hover { color:#114892;}
.columnsBlockLinks p a.actif , .columnsBlockLinks p a.actif:hover { color:#FFF; background:#114892;}
.columnsBlockLinks p a svg path { fill:#114892; transition:fill 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); }
.columnsBlockLinks p a.actif svg path { fill:#FFF }



.previewVideo { display:block; position:relative; padding:28% 0; background:#114892 url(../images/bg-video.jpg) no-repeat center center; background-size:cover; margin:3em 0; border-radius: 0.5rem;}
.previewVideo span { position:absolute; transition:transform 0.1s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); transform:scale(0.9); width:8em; height:8em; margin:-4em; top:50%; left:50%; overflow:hidden; text-indent:-500px; border-radius:100%; background:url(../images/pictos/play.svg?v=2) no-repeat center center; background-size:contain;}
.previewVideo:hover span { transform:scale(1);}
.previewVideo.cpf { background-image: url(../images/preview-video-cpf.png?v=3); padding:26% 0;  }

#chiffres-cles { margin:0 -0.5em; font-size:95%;}
#chiffres-cles div { float:left; width:20%; /* width: 25%; */ padding:0; box-sizing:border-box; position: relative;}
#chiffres-cles div p { background:#FFF; padding:1.2em; box-shadow:0 0 30px rgba(0,0,0,0.08); margin:0.6em;}
#chiffres-cles div p strong { font-weight:900; display:block; font-size:190%; line-height:100%; margin-bottom:0.2em; color:#114892;}

#chiffres-cles.large { margin-top: 1.5em; margin-bottom: 2.5em; position:  !important;}
#chiffres-cles.large div {  width:33.33%; }
#chiffres-cles.large div  p {   padding:2.2em; box-shadow: none;   }

#is_quizz .intro { background:#FFF; padding:2em; font-weight:300;}

#is_quizz .intro .picture { display:block; text-align:center; margin-top:1em;}
#is_quizz .intro .picture img { width:auto; height:auto; max-width:100%;}
#is_quizz article { margin:3em 0;}
#is_quizz article.question h3 { font-weight:300; font-size:100%; position:relative; padding-left:4.2em; margin:0;}
#is_quizz article.question h3 strong { font-size:80%; margin:0.15em 0 0 0; left:0; position:absolute; color:#666;}
#is_quizz article.resultat { background:#FFF; padding:1.6em 1.8em; margin:1em 0;}

#is_quizz article.resultat.question h3 { font-size:100%; font-weight:400; margin:0 0 1.2em 0;}
#is_quizz article.resultat.question h3 strong  {font-weight:600; }
#is_quizz article.resultat p { font-size:80%; margin:0.5em 0 0 5.5em; height: auto !important; }

#is_quizz article.resultat code { font-size:80%; margin:1.5em 0 1.5em 5.5em;}

#is_quizz article.resultat span.checkBox , .legend_quizz  span.checkBox {  width: auto; position: relative; border: none; padding-left: 1.6em !important; height: auto !important; float: none;}
#is_quizz code { font-family:"Courier New", monospace; color:#888; opacity:1; padding:0.8em; margin:1em 0; border:1px solid #CCC; display:block; font-weight:400;}

#is_quizz p.choix-multiple { font-weight:500; font-size:70%; margin:0;}

#is_quizz article.open { filter:none; opacity:1; transition: all 0.4s;}
#is_quizz article.open:before { display:none;}
#is_quizz article { filter:blur(6px); opacity:0.5; transition: opacity 0.4s, filter 0.4s;  position:relative; will-change:filter;}
#is_quizz article:before { content:""; position:absolute; z-index:5; width:100%; height:100%; top:0; left:0;}





#is_quizz article .reponses { margin:1em -0.5em 0 -0.5em;}
#is_quizz article .reponses .col { float:left; width:33.33%;}
#is_quizz article .reponses .col a {  display:block; display:flex; align-items: center; justify-content: center; padding:1.5em 0.8em; line-height:110%; text-align:center; font-weight:400; color:#000; background:#FFF; margin:0.5em; transition:color 0.2s, background-color 0.2s, box-shadow 0.2s; box-shadow:0 0 15px rgba(0,0,0,0.08);}
#is_quizz article .reponses .col a.actif { color:#FFF; background:#114892; box-shadow:none; }

#is_quizz.finished article .reponses .col a { cursor:default;}
#is_quizz.finished article .reponses .col a.actif { background:#AAA;}

.auto-menu-content p { margin:0.1em 0;}

.auto-menu-content { font-size:80%;}
.auto-menu-content .t-h2 { font-weight:500; font-size:120%; margin:1em 0 0 0; line-height:130%;}
.auto-menu-content .t-h3 { font-weight:300; font-size:100%; margin:0.3em 0 0 0; line-height:130%; }
.auto-menu-content.regular .t-h3 { font-weight:400;  }

.auto-menu-content.ellipsis .t-h3 , .auto-menu-content.ellipsis .t-h2 { overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


.auto-menu-content.regular .t-h2 { font-weight:400; font-size:110%; margin:0.3em 0 0 0; line-height:130%;}

.double-col { margin:1.2em -0.6em;}
.double-col .col { float:left; font-size:85%; padding:0 1px; border:1px solid #F8F8F8; border-width:0 0.6em; box-sizing:border-box; width:50%; background:#FFF;}

.double-col .col .wrap { margin:2em;}
.double-col .col p img { height:auto; width:auto; max-width:100%; max-height:4em;}


.choix-double { margin:2em -0.6em;}
.choix-double .col { padding:0.6em; box-sizing:border-box; width:50%; float:left;}
.choix-double .col .ghost { position:relative; background:#FFF; overflow:hidden;}
.choix-double .col .ghost div {   position:relative;  padding:2em;}
.choix-double .col .ghost a:before { position:absolute; content:""; left:0; top:0; width:100%; height:100%;}
.choix-double h3 , .text .choix-double h3 { font-size:100%; margin:-0.3em 0 -0.2em 0; font-size:110%; font-weight:bold; padding:4.8em 0 0 0.2em; background:no-repeat 0 0; background-size:3.9em;}
.choix-double h3 span { display:block;}
.choix-double ul { font-size:75%; margin:2em 0 0 0; color:#888;  }
.choix-double p { margin:1em 0 -0.5em 0;}



.choix-account.choix-account  h3 { background-position: center 0; text-align: center; }


.choix-account.choix-account h3 span { display:inline;}





.form-wrapper { margin:2em auto;}
.form-wrapper.small { max-width:500px;}

.form-wrapper .columns { margin:0 -0.5em;}
.form-wrapper .columns .col { float:left; width:50%; padding:0 0.5em; box-sizing:border-box;}


form .columns { margin:0 -0.5em;}
form .form-group + .columns , form .champ + .columns { margin-top:-1em;}
form .columns .col { float:left; width:50%; padding:0 0.5em; box-sizing:border-box;}




.form-wrapper p.buttons { margin-top:2.5em; }



#_BULLE { background:#222; color:#FFF; font-size:80%; position:absolute; border-radius:3px; z-index:99999999; max-width:450px; font-weight: 600;  line-height:130%;   font-family:"Signika", Arial, Helvetica, sans-serif; }
#_BULLE_ARROW { position:absolute; z-index:9999999; background:url(../images/pictos/losange.svg) no-repeat; background-size: cover; margin:1px;}
#_BULLE_ARROW.UP { height:7px; width:13px; background-position:0 -6px; transform:scale(1.3,2); }
#_BULLE_ARROW.DOWN { height:7px; width:13px; background-position:0 0; transform:scale(1.3,2);}
#_BULLE_ARROW.RIGHT { height:13px; width:7px; background-position:0 0; transform:scale(2,1.3)}
#_BULLE_ARROW.LEFT { height:13px; width:7px; background-position:-6px 0; transform:scale(2,1.3)}

#_BULLE.UP {  text-align:center; justify-content: center;  box-shadow:0 -2px 4px rgba(0,0,0,0.12); }
#_BULLE.DOWN {   text-align:center; justify-content: center;  box-shadow:0 2px 4px rgba(0,0,0,0.12);}
#_BULLE.RIGHT {   box-shadow:2px 0 4px rgba(0,0,0,0.12); }
#_BULLE.LEFT {  box-shadow:-2px 0 4px rgba(0,0,0,0.12);}

#_BULLE.small { max-width:300px; font-weight:400; line-height:14px;font-size:11px; }


.encart-tel { text-align:center; font-size:100%; background:#FFF; padding:2em 1em;}
.encart-tel em { display: block; font-style:normal;}
.encart-tel strong { display:block; font-weight:800; padding-top:5em; background:url(../images/pictos/contact-tel.svg) no-repeat center 0; background-size:4em;}

input.radio { display:none;}
.radio + label { position:relative; padding-left:1.4em; margin-right:1em; font-weight:400;}
.radio + label:before { width:18px; height:18px; position:absolute; cursor:pointer; content:""; box-sizing:border-box; border:1px solid #BBB; border-color:rgba(0,0,0,0.3); border-radius:100%; background:#FFF; left:0; top:0;}
.radio + label:hover:before {  border-color:rgba(0,0,0,0.5);}
.radio:checked + label:after { width:10px; height:10px; background:#114892;  position:absolute; content:""; left:0; top:0; border-radius:100%; margin:4px;}
.radio:checked + label:before { border-color: #114892;}


.to_toggle { overflow:hidden; height:0; opacity:0; transition:opacity 0.2s;}
.to_toggle.open { overflow:visible; height:auto;  opacity:1;}

form .columns .champ { margin:1em 0 0 0;}

#liste-centres { display:none;}


.overLay { position:fixed; top:0; left:0; background:#000; background:rgba(0,0,0,0.6); width:100%; height:100%; z-index:500;}
.overLay .popup { background:#FFF; max-width:600px;  width:90%; width:calc(100% - 4em); line-height:140%; position:absolute; top:50%; left:50%; padding:1px; box-sizing:border-box;  font-size:100%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:4;}

.overLay .popup { background:#FFF; max-width:600px;  width:90%; width:calc(100% - 4em); line-height:140%; position:absolute; top:50%; left:50%; padding:1px; box-sizing:border-box;  font-size:100%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:4;}
#center-infos .popup { max-width: 380px;}
#center-infos .popup h2 { padding-right: 3rem;}

.overLay.overLayVideo { background:rgba(0,0,0,0.8);  }

#overLayVideo { background:#000; width:900px; height: 510px; margin:-255px -450px ;  position:absolute; top:50%; left:50%; padding:1px; box-sizing:border-box;  font-size:100%; z-index:501;}

#overLayVideo.exportStats { background: #FFF; width: 600px; margin:-80px -300px; height: auto; }
#overLayVideo.exportStats div { padding: 1.5em;}

#overLayVideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


#overLayVideo .closer { width: 40px; height: 40px; transition: background-color 0.2s; color: #FFF; text-decoration: none; line-height: 40px; text-align: center; font-size: 36px; margin: -20px; z-index: 2; background: rgba(0,0,0,0.3); border-radius: 3px; position: absolute; right: 0; top: 0; }
#overLayVideo .closer:hover { background-color: rgba(0,0,0,0.8);}


.overLay .popup.small { max-width:340px;  font-size:90%; }
.overLay .popup .wrap { margin:1.6em 1.8em;}
.overLay .popup .wrap .closer { right:1.2em; font-size:150%;}
.overLay .popup .wrap h3  { margin:1em 2.5em 1em 0; font-size:125%;}


#overLayVideo.m2iSignPopup { background: #FFF; width: 85%; max-width: 400px; transform: translate(-50%,-50%); width: calc(100% - 3em); margin: 0; padding: 1px; box-sizing: border-box; height: auto; }
#overLayVideo.m2iSignPopup div.wrap { margin: 2em;}
#overLayVideo.m2iSignPopup div.wrap .wrap { margin: 0;}
#overLayVideo.m2iSignPopup h3 { font-weight: 600;}


#overLayVideo #account_not_valid  { background: #FFF; display: block; margin: 0;}



#sharingBox p { margin:5px 0;}
#sharingBox p a { display:block; border:1px solid #333; padding:0.8em 0.6em 0.8em 3em; position:relative; border-radius:4px; color:#000; transition:color 0.15s, border-color 0.15s;}
#sharingBox p a svg { position:absolute; height:1.4em; width:1.4em; top:50%; margin:-0.8em 0; left:0.8em;}
#sharingBox p a svg path { transition:fill 0.15s;}
#sharingBox p a:hover { color:#114892; border-color:#114892;}
#sharingBox p a:hover svg path { fill:#114892;}
#sharingBox div.sharer { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
#sharingBox { height:0; overflow:hidden; opacity:0; transition:opacity 0.2s;}
.openShare #sharingBox { height:100%; opacity:1;}



.ariane .sharer { float:right; margin-left:1em; color:#000; opacity:0.4; transition:opacity 0.15s; padding-left:1.5em; background:url(../images/pictos/share.svg) no-repeat 0 center; background-size:1.2em;}
.ariane .sharer:hover { opacity:0.8;}



.logoOPCO { margin:0 0 -1.5em 0; text-align:center;}
.logoOPCO img { width:auto; height:auto; max-width:100%; }

.has-menu .logoOPCO { margin:1em 0 0.5em 0; text-align:left;} 
.has-menu .logoOPCO img { max-width:8.5em; max-height:5em;}


table , td , th { border:none;}


.form-col-left {
 float:left; width:55%;	padding-right:2.5em;   box-sizing:border-box;
}

.form-col-right {
 float:right; width:45%;  box-sizing:border-box; padding-left:2.5em; 
}

.form-col-left input.form-input { }

a.encartSession , p.encartSession { position:relative; display:block;  font-weight:400;  font-size:90%; background:#FFF url(../images/pictos/ide.svg) no-repeat 2.8em 2.8em; background-size:3.8em; color:#000; 
padding:2.6em 3em; margin:1em 0 0 0; line-height:150%; }
a.encartSession strong { display:block;  line-height:120%; background:url(../images/pictos/arrow-colored.svg) no-repeat 0 0.2em; 
background-size:1.5em;  margin:2em 0 0 0; font-weight:600;  font-size:100%; border-radius:3px;  padding:0.2em 1em 0.2em 2.2em; color : #114892;}


menu .avatar { position: relative;  padding:0.15em 0 0 0; font-size:95%;  margin:-0.3em 0 0 0; padding-left:4em;  }
menu .avatar span.picture-profile  { background:url(../images/pictos/particulier.svg) no-repeat center center; background-size:cover; width: 2.9em; height: 2.9em; position: absolute; left: 0; }
menu .avatar.societes .picture-profile {  background-image:url(../images/pictos/societe.svg);}


menu span.avatar span.picture-profile  {  width: 100%; height: 100%;  }

menu .avatar strong { font-weight:600; font-size:125%;  line-height:120%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowra;}
menu .avatar a { font-size:85%;  }
menu .avatar select.champ {  font-size:110%; padding:0.5em 2em 0.4em 0.2em !important; margin-bottom: -0.1em; margin-left: -0.1em; background-position:98% center; font-weight: 600;}

menu .avatar select.small.champ { font-size: 80%; font-weight: 500; margin:0.3em 0 0.5em 0; background-color: transparent;}

menu .avatar select.champ option { font-size: 80%;}

.menu-account {  padding-left:4em; font-size:95%; cursor:default;  }
.center menu .menu-account ul {  margin-top:1.2em;}
.center menu .menu-account ul li { padding:0; background:none; }

.menu-account ul li.title strong {  font-weight: 600; }
.menu-account ul li.title.actif .alerte {  display:none; }
.menu-account ul li.title.actif a , .menu-account ul li a.actif {  color:#114892;  }



.center menu .menu-account.particuliers ul li.home a , .center menu .menu-account.particuliers ul li.home .actif {  border-radius: 3px; line-height: 1em; padding:0.6em 0.6em 0.6em 2em; margin-left: -2em; position: relative; display: block; color:#000; border: 2px solid #000; text-decoration: none; font-weight: 500; }
.center menu .menu-account.particuliers ul li.home a svg  , .center menu .menu-account.particuliers ul li.home .actif svg { position: absolute; height: 1em; width: 1em; left: 0.6em; right:auto; margin:0;}












.encart_formation p a { position: relative; z-index: 3;}


.encart_formation.inline.files .wrap { padding-left: 4.8em;}
.encart_formation.inline.files img { position: absolute; top: 0; left: 0; width: 3.5em; height: auto;}

.encart_formation.inline { overflow: visible;}
.encart_formation.inline:before { padding: 2px !important; margin: -2px !important; height: 100% !important;}
.encart_formation .chatroom { position: absolute; top: 0; right: 0; padding:0 0.7em 0 2.3em; line-height: 2em; height: 2em; box-shadow: -2px 2px 3px rgba(0,0,0,0.06); border-radius: 0 0 0 0.4em; background: #FFF no-repeat url(../images/pictos/chat.svg)  0.6em center; z-index: 50; background-size: 1.2em; color:#222; font-weight: 500;}




 .encart_formation.alerted { /*  animation: bounce 0.35s ease infinite alternate; o */pacity: 1 !important; } 

.encart_formation.alerted .chatroom { font-size: 130%; background-color: #fbbe49; background-image: url(../images/pictos/chat-white.svg); color:#FFF;  }




.encart_formation .chatroom span.alerte {  margin-left: 0; }
span.alerte { background:#E02; position: absolute; color:#FFF; font-weight: 600; font-family: Montserrat, Arial, Helvetica, sans-serif; font-size: 12px; height: 18px; line-height: 18px; margin-left: 0.15rem; text-align: center; min-width: 10px; padding: 0 4px; border-radius: 2em; animation: bounce 0.35s ease infinite alternate; }

@keyframes bounce{
    from {transform: translateY(0);}
    to   {transform: translateY(-0.5em);}
  }









/* .center menu .menu-account ul li a { text-decoration: underline; text-decoration-style: dotted;}
.center menu .menu-account ul li a:hover {  text-decoration-style: solid; } */



.center menu .menu-account.formateurs li , .center menu .menu-account.societes li , .center menu .menu-account.particuliers li  { font-size: 85%; line-height: 145%; margin-left: 0.4em; font-weight: 400;}

.center menu .menu-account.formateurs ul li.home a , .center menu .menu-account.formateurs ul li.home .actif , .center menu .menu-account.societes ul li.home a , .center menu .menu-account.societes ul li.home .actif , .center menu .menu-account.particuliers ul li.home a , .center menu .menu-account.particuliers ul li.home .actif  {  border-radius: 3px; line-height: 1em; padding:0.6em 0.6em 0.6em 2em; margin-left: -2em; position: relative; display: block; color:#000; border: 2px solid #000; text-decoration: none; font-weight: 500; }
.center menu .menu-account.formateurs ul li.home a svg  , .center menu .menu-account.formateurs ul li.home .actif svg , .center menu .menu-account.societes ul li.home a svg  , .center menu .menu-account.societes ul li.home .actif svg , .center menu .menu-account.particuliers ul li.home a svg  , .center menu .menu-account.particuliers ul li.home .actif svg  { position: absolute; height: 1em; width: 1em; left: 0.6em; right:auto; margin:0;}

.center menu .menu-account.formateurs ul li.home .actif , .center menu .menu-account.societes ul li.home .actif , .center menu .menu-account.particuliers ul li.home .actif  { cursor:default; }


.center menu .menu-account.formateurs ul li svg path , .center menu .menu-account.societes ul li svg path , .center menu .menu-account.particuliers ul li svg path  { fill:#000;}
.center menu .menu-account.formateurs ul li.home .actif svg path , .center menu .menu-account.societes ul li.home .actif svg path , .center menu .menu-account.particuliers ul li.home .actif svg path  { fill:#FFF;}

.center menu .menu-account.formateurs ul li.title , .center menu .menu-account.formateurs ul li.home , .center menu .menu-account.societes ul li.title , .center menu .menu-account.societes ul li.home , .center menu .menu-account.particuliers ul li.title , .center menu .menu-account.particuliers ul li.home  { font-size: 100%; margin-left: 0; line-height: 115%; padding-top:1px; padding-bottom: 1px;}

.center menu .menu-account.formateurs ul li.title svg , .center menu .menu-account.societes ul li.title svg , .center menu .menu-account.particuliers ul li.title svg  { position: absolute; height: 1em; width: 1em; left: 0.6em; right:auto; margin:0em 0; } 

.center menu .menu-account.formateurs ul li.title.actif svg path , .center menu .menu-account.societes ul li.title.actif svg path , .center menu .menu-account.particuliers ul li.title.actif svg path  { fill:#114892; } 



.center menu .menu-account.formateurs ul li.mon_contact , .center menu .menu-account.societes ul li.mon_contact , .center menu .menu-account.particuliers ul li.mon_contact  { font-weight: 300; position: relative;
	 margin:1.2em 0 0 0.6em; padding:0 0 0 3em; line-height: 130%; }

	 .center menu .menu-account.formateurs ul li.mon_contact , .center menu .menu-account.societes ul li.mon_contact , .center menu .menu-account.particuliers ul li.mon_contact  { border-top: 1px solid #D4D6D8; padding-top: 1.2em;}

.center menu .menu-account.formateurs ul li.mon_contact strong , .center menu .menu-account.societes ul li.mon_contact strong , .center menu .menu-account.particuliers ul li.mon_contact strong  { font-weight: 400; }
.center menu .menu-account.formateurs ul li.mon_contact span.avatar , .center menu .menu-account.societes ul li.mon_contact span.avatar , .center menu .menu-account.particuliers ul li.mon_contact span.avatar  { position: absolute; width: 2.5em; height: 2.5em; margin: 0 0; left: 0; padding:0; background-size:cover;}
.center menu .menu-account.formateurs ul li.mon_contact span.avatar span.picture-profile , .center menu .menu-account.particuliers ul li.mon_contact span.avatar span.picture-profile  {  width: 100% !important; height: 100% !important; display:none;}



.center menu .menu-account.formateurs ul li:first-child .actif , .center menu .menu-account.societes ul li:first-child .actif , .center menu .menu-account.particuliers ul li:first-child .actif  { 
	background-color:#114892; border-color:#114892; color:#FFF;
}


.center menu .menu-account.formateurs ul li , .center menu .menu-account.societes ul li , .center menu .menu-account.particuliers ul li  { padding-left: 2em; position: relative;}








/*
.center menu .menu-account ul li a { text-decoration: underline; text-decoration-style: dotted;}
.center menu .menu-account ul li a:hover {  text-decoration-style: solid; }
*/

/* .center menu .menu-account.societes ul li.home a , .center menu .menu-account.societes ul li.home .actif {  border-radius: 3px; line-height: 1em; padding:0.6em 0.6em 0.6em 2em; margin-left: -2em; position: relative; display: block; color:#000; border: 2px solid #000; text-decoration: none; font-weight: 500; }
.center menu .menu-account.societes ul li.home a svg  , .center menu .menu-account.societes ul li.home .actif svg { position: absolute; height: 1em; width: 1em; left: 0.6em; right:auto; margin:0;}

.center menu .menu-account.societes ul li.home .actif { cursor:default; }


.center menu .menu-account.societes ul li svg path { fill:#000;}
.center menu .menu-account.societes ul li.home .actif svg path { fill:#FFF;}

.center menu .menu-account.societes ul li.title , .center menu .menu-account.societes ul li.home { font-size: 100%; margin-left: 0;}

.center menu .menu-account.societes ul li.title svg { position: absolute; height: 1em; width: 1em; left: 0.6em; right:auto; margin:0.15em 0; } 


 */







 

p.tags.seek_year { font-size:60%; margin: 0 0 1.5em 0;}
p.tags.seek_year a { border-color:#828486; color: #828486; white-space: nowrap;}
p.tags.seek_year a:hover { border-color:#424446; color: #424446;}
p.tags.seek_year a.actif  { border-color:#828486; background: #828486; color: #FFF;}
p.tags.seek_year a.actif:hover { border-color:#424446; background: #424446; color: #FFF;}

p.tags.seek_year a em { font-weight: 400; opacity: 0.9; font-style: normal;}


.max_width p { max-width: 1000px;}


.center menu .menu-account.societes ul li:first-child .actif {
	background-color:#114892; border-color:#114892; color:#FFF;
}
.center menu .menu-account ul li.title { margin-bottom: 0.1em; margin-top:0.8em; cursor:default; font-weight:500;}

.center menu .menu-account.societes ul li { padding-left: 2em; position: relative;}

.menu-account  a svg { position: absolute; height: 1.2em; width: 1.2em; right: 100%; margin:-0.2em 0.2em;}
.menu-account  svg path { fill:#000;}


#form-send-favs { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.75); z-index: 9999;  font-size: 90%;}
#form-send-favs form { position: absolute; width: 600px; padding: 1px; background: #FFF; box-sizing: border-box; top:50%; left:50%; margin: -200px -300px;}
#form-send-favs form textarea { font-weight:300; height: 10em; resize: none;}
#form-send-favs form .wrap { margin: 1.5em;}


/*  rouge : #114892; violet : #fbbe49;  */


#call-me.centered { right:calc(50%); bottom:calc(50%); transform: translate(50%,50%); box-shadow:0 0 0 3000px rgba(0,0,0,0.5); }

#call-me { position:fixed; display: none;   padding: 1px; z-index:100; width:90%; width: calc(100% - 2rem); max-width: 460px; right: 1rem; bottom:1rem; box-sizing: border-box; font-size: 15px; background: #fbbe49 no-repeat center; background-size: cover; color:#FFF; border-radius: 6px; box-shadow: 1px 1px 6px rgba(0,0,0,0.3); }
#call-me .wrap { margin: 2em;}

#call-me.close , #call-me.close.centered { width: 3.8em; height: 3.8em; transform: none; border-radius: 4em; right: 1rem; bottom:1rem; margin:0; box-shadow: none; display: block; padding: 0; cursor: pointer; background-image: url(../images/pictos/phone-white.svg);}



#call-me { overflow: auto;  -webkit-overflow-scrolling: touch; max-height: 600px; max-height: 80vh;  max-height: calc(100vh - 2rem); }

#call-me .title { font-size: 90%;color:#FFF; color:rgba(255,255,255,0.8); font-weight: 400; margin: 0 0 1em -0.1em; padding:0 0 0 5em; background: url(../images/pictos/phone-call.svg) no-repeat 0 0; background-size: 4em;  }
#call-me .title strong { display: block; font-size:140%; line-height: 100%; margin: 0.5em 0;font-weight: 600;color:#FFF; padding-right: 20px;}



#call-me .form-group select { padding-top: 1em; padding-bottom: 1em; }
#call-me .form-group , #call-me .form-group input , #call-me .form-group select , #call-me .form-group textarea { border: none !important; background-color:#FFF;}
#call-me .form-group.error input , #call-me .form-group.error select  , #call-me .form-group.error select { background-color: #FDD; background-color: rgba(255,245,245,0.95); box-shadow: 0 0 0 1px #114892 ,  0 0 0 1px #114892 inset;}
#call-me hr { border: none; height: 1px; border-radius: 3px; background: #FFF; margin: 1.5em -2em 2em -2em; opacity: 0.3; }
#call-me .buttons a { color:#fbbe49; display: block; text-align: center; font-size: 18px; font-weight: 600; padding: 1em 0; opacity: 0.9;}
#call-me a.close { font-size:28px; transition: opacity 0.2s; text-align: center; background: #000; background: rgba(0,0,0,0.4); opacity: 0.7; border-radius: 0 4px 0 6px; height: 1.3em; width: 1.3em; line-height: 1.3em; position: absolute; text-decoration: none; color:#FFF; right: 0; top: 0; font-weight: 400;}
#call-me a.close:hover { opacity: 1; }

#call-me p.legende { color:#FFF; font-style:italic; opacity:0.6; font-size:85%; margin: 2em 0 0 0;}


     .sticker  { font-size:14px; margin: 0.5em 0; padding: 1px; background: #FFF;}
     .sticker h2 {   font-size:115%; margin: -1em; padding: 1em; cursor: pointer;}
	 .sticker h2 em { font-size: 75%; font-weight: 300; color:#B2B4B6; margin-left: 1em; font-style: normal;}
	 .sticker h2 span { font-size: 75%; margin-left: 1em; }
	 .sticker.open h2 em { display: none;}
	 .sticker p {   margin:-1px 0; padding:1.5em 0; border: 1px solid #E4E5E6; border-width: 1px 0; font-size: 90%; color:#333; font-weight: 400; line-height: 140%; position: relative;}
	 .sticker p a.dark {  color:#333; }
	 .sticker p strong { font-size: 120%; font-weight: 600; display: block; margin-bottom: 0.4em; color:#000;}

	 .sticker .content { display: none; }
	 .sticker.open .content { display: block;}
	 .sticker.open h2 { margin-bottom: 0;}
	 .sticker .wrap { margin: 1.5em;}
	 .sticker input { display: block; border: 1px solid rgba(0,0,0,0.1); background: #FAFAFA; padding: 0.5em; box-sizing: border-box; width: 100%; margin-top: 0.15em;}

	 .sticker .content em { position: absolute; background: #FFF; right:0; top:1.8em; color:#AAA; font-style: normal; padding:0 0 0 0.5em; font-size:90%}

#tool_noeval { background: #EEE; padding-right: 28em; margin: 2em;}
#tool_noeval h1 { font-weight: 600;}
#formateur_listing { position: absolute; width: 24em; right: 2em; top: 2em;}
#formateur_listing ul { margin: 0; padding: 0;  font-size: 85%;}
#formateur_listing ul li { position: relative; line-height: 1em; white-space: nowrap; overflow: hidden; padding:0.8em 7em 0.8em 0; margin:-1px 0 0 0; text-overflow: ellipsis; border: 1px solid #D2D4D6; border-width: 1px 0;}
#formateur_listing ul li em { position: absolute;  top: 0.85em; right: 0; font-style: normal; font-size: 11px; padding: 0.2em 0.5em; background: #727476; color:#FFF; border-radius:1em; opacity: 0.5;}



h1.picto , h2.picto  , h3.picto  , h4.picto  , h5.picto  { padding-left:1.4em; background: no-repeat 0 0.05em; background-size: 1.2em; }

.picto.programme { background-image: url(../images/pdf-poe/picto-competences.png);}
.picto.plus { background-image: url(../images/pdf-poe/picto-plus.png);}
.picto.public { background-image: url(../images/pdf-poe/picto-public.png);}
.picto.prerequis { background-image: url(../images/pdf-poe/picto-prerequis.png);}
.picto.objectifs { background-image: url(../images/pdf-poe/picto-objectifs.png);}
.picto.certification { background-image: url(../images/pdf-poe/picto-certification.png);}
.picto.modalites { background-image: url(../images/pdf-poe/picto-modalites.png);}
.picto.tarif { background-image: url(../images/pdf-poe/picto-tarifs.png);}

.picto.methodes { background-image: url(../images/pdf-poe/picto-methodes.png);}
.picto.acquis { background-image: url(../images/pdf-poe/picto-acquis.png);}


.inline-poe { margin:0.5em 0 0 0;}
.inline-poe a { padding: 1.2em; background: #F4F5F6; display: block; position: relative; overflow: hidden; }
.grey .inline-poe a { background-color: #FFF;}
.inline-poe a:after { content:""; position:absolute; left:0; bottom:0; height:100%; width:0; opacity:0.6; background:rgba(0,0,0,0.025); transition:width 0.2s, opacity 0.2s; transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}


.grey  .inline-poe  a:after {background:#fbbe49; 
	opacity:0;
	background: -moz-linear-gradient(113deg, rgba(0,5,80,0.9) 0%, rgba(0,5,80,0.6) 100%);
	background: -webkit-linear-gradient(113deg, rgba(0,5,80,0.9) 0%,rgba(0,5,80,0.6) 100%);
	background: linear-gradient(113deg, rgba(0,5,80,0.9) 0%,rgba(0,5,80,0.6) 100%);   }

	.grey  	.inline-poe a:hover:after { opacity:0.08; }

	

.inline-poe a:hover:after { width:100%; opacity:1;}
.inline-poe a .region { display: block; font-size: 70%; font-weight: 500; color:#114892;}
.inline-poe a strong , .inline-poe a span { position: relative; z-index: 2;}
.inline-poe a strong { color:#222; font-weight: 500; display: block; line-height: 110%; font-size: 100%; margin: 0.2em 0;}
.inline-poe a .date { display: block; font-size: 70%; font-weight: 400; color:#666;}
.inline-poe a .picture { display: block; padding: 24% 0; margin: 1em 0; height: 1.5em; background: #DDD no-repeat center center; background-size: cover;}


.columns-inlines { margin:0 -0.25em;}
.columns-inlines .col { float: left; width: 33.33%; box-sizing: border-box; margin:0; padding: 0 0.25em;}


.sliders { }
.slide { height: 0; overflow: hidden; opacity: 0; transition: opacity 0.2s; position: absolute;}
.slide.actif { height: auto; overflow: visible; opacity: 1; position: relative;}

.sliders .dots { height: 20px; margin-top: 0.2em;}
.sliders .dots a { float: left; width: 14px; height: 14px; border-radius: 100%; background: #DDD; background: rgba(0,0,0,0.1); text-decoration: none; font-size: 0; margin: 0 8px 8px 0;}
.sliders .dots a.actif { background:#114892;}


.squares { margin:1.5em -0.75em;}
.squares .col { float: left; width: 50%; box-sizing:border-box; padding: 0.75em;}
.squares .col a { display: block; position: relative; background:#888 no-repeat center center; background-size: cover; padding: 50% 0; color:#FFF; text-decoration: none; overflow: hidden; }
.squares .col a strong , .squares .col a span { position: absolute; line-height: 130%; padding: 0 1.5em; width:100%; left: 0; box-sizing: border-box; margin:1.25rem 0;text-align: center;}
.squares .col a span em { font-style: normal; border: 1px solid #FFF; border-radius:0.25em; padding:0.75em 1.5em; min-width: 3em;}

.squares .col a strong { bottom: 50%; font-weight: 600; font-size: 160%; font-weight: 600;}
.squares .col a span { top: 50%; font-size:110%; font-weight: 400;}


.squares .col a:before { position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.7; content: ""; top: 0; left: 0; transition: opacity 0.25s;}
.squares .col a:hover:before { opacity: 0.35;}











.flex-planning { display: flex; flex-wrap: wrap;}


.flex-planning .col { width: 100%; max-width: 22rem; margin: 0.5rem 0;}

.flex-planning .shared_file { max-width: 100%; padding-top: 1.3em; padding-bottom: 1.3em;}
.flex-planning .col .h5 { margin: 0 0 1rem 0.5rem; font-size: 75%;}


.detailStats {  display: none; position: absolute; z-index: 9999 !important; }
.overAllStats { position: fixed; background: rgba(0,0,0,0.8); overflow: auto; display: flex; font-size:85%; flex-grow: unset;  align-content: center;  width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; backdrop-filter: blur(8px);  -webkit-backdrop-filter: blur(8px); box-sizing: border-box; padding: 1rem; }
.overAllStats .center { margin:auto !important; max-width: 720px; width: 99%; padding: 1px; border-radius: 0.5em; background: #FFF; }
.overAllStats .wrap { margin: 2em;}
.overAllStats p.item { margin: 1em 0;}
.overAllStats p.item strong { display: block; font-size: 85%; line-height: 110%; font-weight: 500; text-transform: uppercase; margin-bottom:0.25em;}
.overAllStats p.item + p.item { padding-top: 1em; border-top: 1px solid #EEE;}
.overAllStats p.item  .note { font-weight: 600;}
.overAllStats p.item  .note em { font-weight: 400; font-style: normal; color:#666; font-size: 80%;}

.stat .details-btn { margin: 1.5em 0 0 0;  }
.details-btn { font-size:80%;  margin: 1.5em 0 0 0; height:1.2em; position: relative; }


.detailStats .details-btn { float: right; margin-top: 0.2em; }

.details-btn a {  transition: border-color 0.2s , color 0.2s;  padding:0.3em 0.5em; font-weight: 500; line-height: 100%; white-space: nowrap; margin-top: 0;  border:1px solid rgba(0,0,0,0.1); background: #F5F5F5; border-radius: 30px; color:#666; z-index: 5; }
.stat .details-btn a {  position: absolute; right:0; }
.details-btn a:hover { border-color: rgba(0,0,0,0.25); color: #222;}

#pdf_sheet .no-sheet { display: none !important;}

#pdf_sheet .stat .details-btn { position: static !important;}
#pdf_sheet .stat .details-btn a { bottom:0; margin: -1.1rem; border-radius: 4px 0 0 0;}






h1.calendar { padding-right: 4em; position: relative; line-height: 1.5em; margin-bottom: 1.5em !important;}
h1.calendar span { position: absolute; right: 0;}
h1.calendar span a { float: left; height: 1.2em; line-height: 1.1em; width: 1.2em; border-radius: 0.1em; text-align: center; margin-left: 0.1em; background: #114892; color:#FFF; text-decoration: none;}





.calendar-line { display: flex; margin: 0 -0.6em !important; font-size: 70% !important; overflow: hidden; }






.calendar-line span.day { width: 14.3%; text-align: left; display: block; box-sizing: border-box;}
.calendar-line.title span.day { font-weight: 400; opacity: 0.6; padding: 0 0.8em;}
.calendar-line.title  { margin: 1em -0.6em 0.5em -0.6em !important;}

/* 
.calendar-line span.day { width: 18%; }
.calendar-line span.day.we { width: 5%;} */


.calendar-line span.day.entry { height: 6em; padding:5.5% 0; position: relative; background: #FFF;  box-shadow: 0 0 0 1px #F8F8F8 inset;  color:#444;}
.calendar-line span.day.entry.other_month ,  { background: #FAFAFA; background: rgba(255,255,255,0.5); color:#AAA;}
/*  rouge : #114892; violet : #fbbe49;  */

/* .calendar-line span.day.current { box-shadow: 0 0 0 2px #f9f4c5 inset; border-radius: 0.4em;} */
.calendar-line span.day.entry strong { position: absolute; left:0.5em; padding: 0 0.3em; top:0.6em;}
.calendar-line span.day.entry.current strong  {/*  background:#f9f4c5; */ color:#fbbe49; font-weight: 600; border-radius: 0.4em; }

.calendar-line span.day.entry.ferie { position: relative;  background: #F2F2F2; background: #F2F2F2 url(../images/stripes.png) no-repeat 0 0; background-size: cover; opacity: 1; backdrop-filter: blur(3px); z-index: 99 !important;}
.calendar-line span.day.entry.ferie strong { opacity: 0.5; }
.calendar-line span.day.entry.ferie a { display: none !important;}

.detail_trainee th { font-size:70%; font-weight: 500;}



.calendar-line span.day.entry a { white-space: nowrap; font-size: 66%; padding: 0 0.5em; background:#828486; margin:0; position: absolute; top: 4em; height: 2em; line-height: 1.9em; line-height: calc(2em - 2px); width: 100%; border: 1px solid #FFF; border-width: 1px 0; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; font-weight: 500; color:#FFF; }

.calendar-line span.day.entry a.first { border-left:2px solid rgba(255,255,255); border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.calendar-line span.day.entry a.last { border-right:2px solid rgba(255,255,255); border-top-right-radius: 8px; border-bottom-right-radius: 8px; }


.calendar-line span.day.entry a.pos-2 { margin-top: 2em; /* background:#ba2643; */}
.calendar-line span.day.entry a.pos-3 { margin-top: 4em; /* background:#7c1b55; */}
.calendar-line span.day.entry a.pos-4 { margin-top: 6em; /* background:#3e1066; */}
.calendar-line span.day.entry a.pos-5 { margin-top: 8em; /* background:#3e1066; */}


.calendar-line span.day.entry a.translucide , .calendar-line span.day.entry.past  a { background:#DDD !important;   }

.calendar-line span.day.entry  a.guaranted { background:#0C0 !important;   }
.calendar-line span.day.entry  a.optional { background:#FA0 !important;   }
.calendar-line span.day.entry  a.current , .calendar-line span.day.entry  a.current.guaranted , .calendar-line span.day.entry  a.current.optional { background:#fbbe49 !important;   }





.cal-legends { display: flex; flex-wrap: wrap; margin: 2em 0; font-size: 75%;}
.cal-legends p { width: 50%; margin:0.25em 0; max-width: 200px; min-width: 120px; min-width: 150px; line-height: 1em;}
.cal-legends p span { float: left; height: 0.8em; width: 2em; margin: 0.1em 0.5em 0.1em 0; background: #828486; border-radius: 0.3em;}
.picture-profile { position: relative;  }
table .picture-profile { padding: 50% 0; margin: 0 auto; display: block; margin-top: 1em; background:no-repeat center center url(../images/pictos/particulier.svg); background-size: cover; min-width: 7em;}

.picture-profile.exists , .picture-profile.loading { border-radius: 100% !important; box-shadow: 0 0 0.25em rgba(0,0,0,0.12) inset; }

table .picture-profile.exists , table .picture-profile.loading { box-shadow: 0 0 0.8em rgba(0,0,0,0.12) inset; }


table p.buttons .deleteAVatar { display: none;}
table .picture-profile.exists + p.buttons .deleteAVatar { display: block;}
table .picture-profile.exists.loading + p.buttons .deleteAVatar { display: none;}
table .picture-profile.loading + p.buttons a { pointer-events: none; opacity: 0.6;}

.picture-profile.loading:before { content: ""; position: absolute; width: 100%; height: 100%; opacity: 0.8; background: rgba(255,255,255,0.9) no-repeat center center url(../images/loader.gif); left: 0; top: 0;  border-radius: 100%;}

#formateur_bio { overflow: auto; min-height: 15em; border: 1px solid #CCC; background: #FFF; padding: 1px 1em; overflow-wrap: anywhere;}
#formateur_bio:focus , #formateur_bio:hover { border: 1px solid #666;}






article.file strong { font-size: 120%; font-weight: 600;}
article.file { padding:1.2em 1.5em; border: 1px solid #F2F4F6; border-radius: 0.3em; box-shadow: 0 0 8px rgba(0,0,0,0.08); margin: 0.5em 0; position: relative; line-height: 130%; font-size: 75%;}
article.file .bar { height: 0.3em; background: #F2F4F6; border-radius: 0.2em; margin-top: 0.4em;}
article.file .bar div { background: #114892; height: 0.3em; border-radius: 0.2em; width:39%; }

article.file.error { color:#114892; font-weight: 400; }


.file_box .uploader { padding:3rem; margin:2rem 0; font-weight: 500; line-height: 120%; color:#808080;  border: 4px dashed #D2D4D6; text-align: center; background: #FAFBFC; cursor: pointer;}
.file_box .uploader span { display: block; margin-top: 0.4em; margin-bottom: -0.9em; font-size:66%; font-weight: 400; color:#666; }
#file_uploader { display:none;}



.file_box p { font-size: 80%; }
.file_box { background: #FFF; padding: 1px; box-shadow: 0 0 1.5em rgba(0,0,0,0.04); border-radius: 0.5rem; margin: 3rem 0; }
.block-formateur { position: relative; padding: 1.2rem 18rem 1.2rem 5rem; font-size: 70%; line-height: 100%; background: #F0F0F0; margin: 0.5rem 0; border-radius: 0.5rem; color: #333; font-weight: 400; }
.block-formateur p { margin: 0;}
.block-formateur p.buttons em {  position: absolute;  top: 1.3rem; right: 1.3rem; font-style: normal; }
.block-formateur p.buttons a { margin: 0; padding: 0.2em 0.6em 0.1em 2.9em; font-weight: 500; line-height: 2rem; font-size: 110%; background-image: url(../images/pictos/contact.svg); background-size: 1.8em; background-position: 0.6em center;}
.block-formateur p.buttons a.bio { background-image: url(../images/pictos/account-small.svg); background-size: 1.6em; background-position: 0.5em center; padding-left: 2.5em;}

.block-formateur p.buttons a.disable { opacity: 0.2; filter: grayscale(1); pointer-events: none;}

.block-formateur strong { display: block; font-size: 130%; color:#222; line-height: 100%; margin-bottom: 0.1rem;}
.block-formateur + .localisation { margin-top: 0.5rem !important;}

.block-formateur .avatar { left: 1.1rem; margin-top: 0.1em; position: absolute; height: 2.6rem; width: 2.6rem; background: rgba(0,0,0,0.1) no-repeat center center url(../images/pictos/particulier.svg); background-size: cover; border-radius:100%;}



#trainer_bio p { margin: 0.8em 0; font-weight: 300;}
#trainer_bio ul , #trainer_bio ol { font-weight: 300;}
#trainer_bio strong { font-size: 100%; display: inline;}

#trainer_bio p , #trainer_bio ul , #trainer_bio h1 , #trainer_bio h2 , #trainer_bio h3  , #trainer_bio h4 { max-width: 940px; }
#trainer_bio h1 , #trainer_bio h2 , #trainer_bio h3  , #trainer_bio h4   , #trainer_bio h5 { margin:0.8em 0 0.5em 0 }
#trainer_bio h1 { font-size:160%;}
#trainer_bio h2 { font-size:140%;}
#trainer_bio h3 { font-size:120%;}
#trainer_bio h4 { font-size:110%;}
#trainer_bio h5 { font-size:110%;}


#trainer_bio { font-size: 80%;}
.block-formateur #trainer_bio { height: 0; opacity: 0; overflow: hidden; margin: 0; transition: opacity 0.25s, margin-top 0.25s, padding-top 0.25s; line-height: 150%; font-size: 120%; padding-right: 2rem;  }
.block-formateur #trainer_bio.open { height: auto; opacity: 1; border-top: 1px solid #DADBDC; margin-top: 1.6rem; padding-top: 0.6rem; margin-right: -16.5rem;}


.file_box .wrap { margin: 2rem;}

.file_box h5 { border-bottom:1px solid #E5E5E5; padding: 1.5rem 2rem; text-align: center; margin: -2rem -2rem 1.5rem -2rem !important; color:#888;  font-size: 120%; color:#000; }
.file_box h5 span { display: block; font-size: 66%; font-weight: 400; color:#727476}
.file_box h5 span strong , .file_box h5 span a { font-weight: 400 !important; color:#111 !important;}
.file_box hr { margin: 1.5rem -2rem;}


#chat_room { margin: 1.5rem -0.5rem; padding: 0 0.5rem; overflow: auto; }
.file_box #chat_room  { max-height: 400px; max-height: calc(15vh + 12rem); }

/* .file_box.large #chat_room  { max-height: 600px;   max-height: calc(25vh + 8rem);  }
.file_box.large .post_chat { font-size: 80%; position: sticky; bottom:0  } */

#chat_room article .avatar { left: 0; margin-top: 0.1em; position: absolute; height: 2.2rem; width: 2.2rem; background: rgba(0,0,0,0.1) no-repeat center center url(../images/pictos/particulier.svg); background-size: cover; border-radius:100%;}
#chat_room article { font-size: 75%; margin: 1.6em 0; position: relative; }
#chat_room article.same { margin-top: -1.4em;}
#chat_room article .bulle { display: inline-block; word-wrap: break-word; max-width: 600px; text-align: left; cursor: default; position: relative; padding: 0.8em; border-radius: 0.8rem; background: #F6F7F8; font-weight: 400; color: #111; margin:0 7em 0 3rem; line-height: 120%;}
#chat_room article .bulle em { background: #626468; transition: opacity 0.2s; color:#FFF; position: absolute; left: 100%; top: 0; margin:1em 0.4em; font-size: 70%; font-style: normal; white-space: nowrap; padding: 0.5em; border-radius: 0.4em; line-height: 100%; pointer-events: none; opacity: 0;}
#chat_room article .bulle:hover em { opacity: 1; transition-delay: 0.4s;}






#chat_room article strong { display: block; margin: 0 0 0.2em 3.6rem; font-weight: 400; font-size: 90%; line-height: 120%; color:#222; opacity: 0.8;}
#chat_room article.same strong , #chat_room article.me strong { display: none;}
#chat_room article.same .avatar , #chat_room article.me .avatar { display: none;}
#chat_room article.me .bulle {  margin:0 0 0 7em; color: #FFF; color: #FFFE; background: #fbbe49; }
#chat_room article.me .bulle em { left: auto; right: 100%; }


#chat_room  article.only_smiley .bulle , #chat_room article.me.only_smiley .bulle { background: none !important; padding: 0.6em 0;}

#chat_room article.trainer .bulle { font-weight: 500; color:#fbbe49;}
#chat_room article.trainer strong { color:#fbbe49; }
#chat_room article.trainer strong:after { content:" (Formateur)"; opacity: 0.5;} 

#chat_room article.me { text-align: right; }

.post_chat { font-size: 80%;  }
.post_chat p.buttons { margin: 0.5em 0 0 0;}
.post_chat .champ { resize: none; height: 5.2rem; box-sizing: border-box; border-radius: 0.5rem; background: #F6F7F8; border: none; padding-right: 4rem;}


#form_chat { position: relative;}
#form_chat .champ {  margin: 0 !important; }
#form_chat p.buttons { position: static; margin: 0 !important;}
#form_chat p.buttons a { position: absolute; width: 2.4rem; height: 5.2rem; text-indent: -500px; right: 0;  top: 0;  background-position: center center; background-size: 1.1rem;  padding: 0; margin:0 !important; border-radius:0 0.3rem 0.3rem 0; transition: all 0.2s;}
#form_chat p.buttons a.disable { pointer-events: none; cursor: default !important; filter: grayscale(1); opacity: 0.2; }
#overlayAvis.closing { opacity:0;}




p.feed.unread a , p.feed.unread a .preview , p.feed.unread a strong  { color:#fbbe49; font-weight: 500;}
p.feed.unread a strong { font-weight: 600;}
p.feed.unread a .preview { font-weight: 400;}
p.feed { margin: 0.75rem 0; }
p.feed a { display: block; border-radius: 0.5rem; padding: 1.4rem; background: #FFF; position: relative; padding-left: 4.5rem; color:#000; line-height: 110%;  font-size: 80%; font-weight: 400; box-shadow: 0 0 1rem rgba(0,0,0,0.06);  }
p.feed a strong  { font-size: 120%; color:#000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding: 0.1em 0; }
p.feed a .preview { display: flex; white-space: nowrap;color:#222426; opacity: 0.9;  line-height: 130%; font-weight: 300; font-style: italic; }
p.feed a .preview span { opacity: 0.8;}
p.feed a em { display: block;white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;  font-style: normal;}
p.feed .avatar { left: 1.2rem; position: absolute; height: 2.4rem; width: 2.4rem; background: rgba(0,0,0,0.1) no-repeat center center url(../images/pictos/particulier.svg); background-size: cover; border-radius:100%;}


p.feed .chatrooms {  background: url(../images/pictos/chatrooms.svg) no-repeat center 70%; background-size: 2.2em; border-radius: 0;}



.shared_files {  display: flex; flex-wrap: wrap; margin: 0.25rem -0.25rem; }
.shared_files .shared_file { background-size: 2.2em; padding:1em 1.2em 1em 3.4em; background-position: 0.6em center;  }
.shared_files .shared_file strong { max-width: 18em; margin: 0;}
#shared_files p { margin: 0.25rem auto;;}
#shared_files { overflow: auto; max-height: 400px; max-height: calc(12vh + 10rem); padding: 0 0.25rem; margin: 1rem -0.5rem;}

#shared_files { display: flex; flex-wrap: wrap;}

.shared_file { position: relative; padding: 1px; max-width: calc(50% - 0.5rem);  background: #FAFBFC no-repeat 0.8em center url(../images/packs/files/file.svg); background-size: 2.9em;
	line-height: 130%; padding: 1em; margin: 0.25rem; padding-left: 4.5em; padding-right: 3rem; box-sizing: border-box; border-radius: 6px;  border:1px solid rgba(0,0,0,0.08);  font-size: 66%; font-weight: 400;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; z-index: 2;  }


	.shared_file.large { max-width: 100%; font-size: 80%; margin: 1em 0; }

.shared_file.pdf { background-image:url(../images/packs/files/pdf.svg);  }
.shared_file.jpg { background-image:url(../images/packs/files/jpg.svg);  }
.shared_file.csv { background-image:url(../images/packs/files/csv.svg);  }
.shared_file.json { background-image:url(../images/packs/files/json.svg);  }
.shared_file.png { background-image:url(../images/packs/files/png.svg);  }
.shared_file.gif { background-image:url(../images/packs/files/gif.svg);  }
.shared_file.svg { background-image:url(../images/packs/files/svg.svg);  }
.shared_file.doc { background-image:url(../images/packs/files/doc.svg);  }
.shared_file.xls { background-image:url(../images/packs/files/xls.svg);  }
.shared_file.rtf { background-image:url(../images/packs/files/rtf.svg);  }
.shared_file.txt { background-image:url(../images/packs/files/txt.svg);  }
.shared_file.zip { background-image:url(../images/packs/files/zip.svg);  }
.shared_file.rar { background-image:url(../images/packs/files/rar.svg);  }

#smiley_list { position: absolute; margin-top: -.5rem; font-size:130%; width: 80%;  padding: 0; box-sizing: border-box;  width: calc(100% - 7rem); max-width: 22em; line-height: 100%; z-index: 30; margin-left: 1.6rem; background: #FFF; box-shadow: 0 0 1.2em rgba(0,0,0,0.08); opacity: 0; overflow: hidden; height: 0; transition: opacity 0.2s, margin 0.2s; pointer-events: none;}
#toggleSimeyList.actif + #smiley_list { height: auto; opacity: 1; z-index: 10; overflow: hidden;  padding: 0.8em;  margin-top: -1.5rem;  pointer-events: fill; margin-left: 2rem;   }
#smiley_list a { display: inline-block; height: 1.7em; text-align: center; line-height: 1.8em;  width: 1.7em; border-radius: 0.2em; transition: background-color 0.2s;}
#smiley_list a:hover { background: #F0F1F2;}

#toggleSimeyList { float: left; margin-right: 0.6rem; z-index: 5; width: 1.6rem; height: 1.4rem; opacity: 0.3; transition: opacity 0.25s; background: url(../images/pictos/smiley.svg) no-repeat center center; background-size: contain; cursor: pointer; position: relative;}
#toggleSimeyList:hover, #toggleSimeyList.actif { opacity: 0.9;}

#shared_files .shared_file {  width: 40%; width: calc(50% - 0.5rem);  }









.shared_file a { color:#666; }
.shared_file a strong { display: block; font-size: 120%; color: #222; line-height: 130%; margin-bottom: 0.1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.shared_file a.delete-file {  font-size: 220%; font-weight:500; height: 100%; width: 2.5rem; position: absolute; z-index: 3; right: 0; top: 0; border-left: 1px solid rgba(0,0,0,0.08); transition:background-color 0.2s;}
.shared_file a.delete-file:hover { background: rgba(0,0,0,0.06);}
.shared_file a.delete-file span { color: #000;  height: 2rem; text-align: center; width: 2rem; text-align: center; line-height: 2rem; margin: -1rem; text-align: center; position: absolute; z-index: 3; left: 50%; top: 50%; ;}



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

	.picto-filiere {margin-left: -150px;}
}


.slide-formation { display: block;}
.picto-filiere { display: none;;}

@media screen and (min-width: 1160px) {
#put-chiffres-cles h3 { display:none;}
#put-chiffres-cles { position:absolute; height:0; left:0; width:100%; z-index:2;}
#put-chiffres-cles .wrap { width:100%; position:absolute; left:0; bottom:0; margin:-2.5em 0;}


.slide-formation { display: flex; font-size: 95%;}

.picto-filiere {  display: block; width: 220px; margin-right: 50px; margin-top: 60px; margin-left: 0; font-weight: 500;}
.picto-filiere svg { display: block; width: 100%; height: auto; max-width: 200px;}
.picto-filiere svg path { fill:#FFF;}
}



@media screen and (min-width: 1700px) {
.center.large { max-width:1530px; max-width:calc(100% - 400px);}
.pannels.center ul { margin-left:-46px;}
 #calendar { width:45%; width:calc(620px); }
 .has-calendar .content { width:calc(100% - 620px); padding-right:80px; }
#header.slide-formation h1 { padding-right:calc(440px);}
.pannels.center ul  { padding-right:calc(620px);}
}


@media screen and (min-width: 2400px) {
 .center.large { max-width:1640px;}

    #ghostLinks .center.large { padding: 0;}

}

    
    



@media screen and (min-width: 980px) {
	.dash-actualites.add-more { padding-right:92px;}
	.dash-actualites p.buttons { position:absolute; right:0; top:0; margin:0; height:100%; width:90px; background: transparent linear-gradient(6deg, #114892 0%, #C72020 100%) 0% 0% no-repeat padding-box;font-size:0;}
	.dash-actualites p.buttons a { background-size:42px; position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent; background-position:center center;}
	.dash-actualites p.buttons a:hover {  background-color:#fbbe49; }
	
	


	
	

	
}




@media screen and (max-width: 2200px) {
#menu .subMenu .columns ul { column-count:4; column-count:1 \9;  }
#menu .subMenu .columns ul li { width:25% \9;}
#menu .subMenu .columns { padding:0 0 0 220px; }
}


@media screen and (max-width: 2000px) {
#menu .subMenu .columns ul { column-count:3; column-count:1 \9;  }
#menu .subMenu .columns ul li { width:33.33% \9;}
#menu .subMenu .columns { padding:0 0 0 220px; }
}


@media screen and (max-width: 1500px) {
	#menu .subMenu .columns ul { column-count:2; column-count:1 \9;  }
	#menu .subMenu .columns ul li { width:50% \9;}
	}
	





@media screen and (max-width: 1380px) {
#menu .band p { display:none;}
.left-pannel-formateur { width: 60%;}
.right-pannel-formateur { width: 40%;}
.columns-essentiels .col { width:50%;}

article.formation-essentiel { padding:35% 0; height:6em;}

.columns-essentiels .col:nth-child(3) { display:none;}
.columns-essentiels.portail .col:nth-child(3) { display:block;}

.columns-formations .col-25 { width:50%;}

.has-menu menu { width:calc(380px); }
.has-menu .content { width:calc(100% - 380px); }

.has-menu.small-menu menu {  width:calc(340px);  }
.has-menu.small-menu .content { width:calc(100% - 340px); }


.col-stats .col { width: 50%;}
.col-stats .large  { width: 100%;}	
.col-stats .col .chart-circle { max-width: 200px;}
.col-stats .clear { clear: none;}

.col-stats .large.adjust , .col-stats .large.adjust-2 {min-height: 0 !important;}

}

.columns-checked { width:50%; }
@media screen and (max-width: 1280px) {
	.columns-checked { width:100%; }
	body { font-size:17px;}
#calendar .dates p.entry { padding-right:54px;}
 #calendar .dates p.entry a { font-size:0;  height:40px; top:50%; margin:-20px 0; background-position:center center; background-size:20px; }

 #calendar.add-to-basket .dates p.entry a {  height:3.5em; margin: -1.75em 0; }

 .pannels ul { font-size:90%;}
 
 #calendar { width:35%; width:calc(480px); font-size:80%;}
 #calendar .wrap { margin:20px;}
 .has-calendar .content { width:65%; width:calc(100% - 500px); padding-right:30px; }
#header.slide-formation h1 { padding-right:36%; padding-right:calc(440px);}
.pannels.center ul  { padding-right:36%; padding-right:calc(540px);}


.columns.double { margin:0 -30px;}
.columns.double .col .wrap { margin:30px;}
    
.columns.double , .columns.triple { margin:0 -30px;}
.columns.double .col .wrap , .columns.triple .col .wrap { margin:30px;}    
    

#shared_files .shared_file {  width: 100% !important; max-width: 100%; }



 
}

@media screen and (max-width: 1140px) {

	
    .columns.triple .col { width:50%;}	
	#menu .band a { font-size:80%;}	

	.pannels ul li { width:50%;}
	.pannels ul a { padding:30px 40px; }
	.pannels-formation .pannels ul a { padding:30px 30px; }
	.pannels-formation .pannels ul li { width:25%;}
	.pannels-formation .center { margin:0 10px; padding:0; overflow:hidden;}
	.pannels-formation .center ul { margin-right:-40px;}
	
	#header .center { padding-left:0; padding-right:0;}
	.center , .center , #menu , header , #menu .subMenu .wrap { padding-left:40px; padding-right:40px;}
	#menu .subMenu .columns h3 { left:40px;}
	#menu .subMenu .closer , #contact p.buttons { right:40px;}
	.center , .wrap { margin:40px auto; }
	
	#contact { padding:1px 0; font-size:80%;}
	#contact p.signika { font-size:230%; padding-right:300px;}
	
	#header-search { margin:-1.2em 0;  right:90px; }

#footer .col-right { float:left; width:66.66%; padding-left:0; clear:right; margin-bottom:30px;}
#footer .col-left { width:33.33%; padding-right:40px; margin-bottom:30px;}
#footer .col { width:33.33%;padding-right:10px; }
#footer p.tel { font-size:140%;}
#footer hr { clear:both; border:none; border-top:1px solid rgba(255,255,255,0.1); display:block; margin:50px 0;}	



article.formation.listing .price { bottom:8em;}
article.formation.listing div.col.large , article.formation.listing div.col.large.xl  { width:100%; border-bottom:1px solid rgba(0,0,0,0.05);margin-bottom:1em; padding-bottom:1em;  }
article.formation.listing p.col.badges {  float:right; top:auto; width:auto; padding:0; margin:0; width:35%; }
article.formation.listing p.col.badges span { margin:0 0 0 3px; font-size:80%; float:right;}
article.formation.listing p.col.duree , article.formation.listing p.col.modalite { font-size:80%; width:25%; }
article.formation.listing p.col.date { width:100%;}
article.formation.listing p.col.modalite { width:40%;}
article.formation.listing p.col.modalite span { display:inline;}
article.formation.listing p.col.modalite span:after { content:", ";}
article.formation.listing p.col.modalite span:last-child:after { content:"";}

.table {  margin-right:-25px; position:relative; overflow:hidden;}
.table table { padding-right:25px; }


.table:before { content:""; position:absolute; right:-0; top:0; height:100%; width:12px; box-shadow:0 0 25px 18px #FFF; background:#FFF; z-index:5;}
.grey .table:before {  box-shadow:0 0 25px 18px #F8F8F8; background:#F8F8F8;}
.content p.tags { margin:3em 0;}


.session_history .details table th.tetiere_docs { width:40%; width:calc(50% - 8em)}

}



.stickyButton { display:none;}
#getCalendar { display:none;  margin:3em 0 0 0; height:1em;}
#getCalendar a { color:#114892; background:#FFF url(../images/pictos/calendar.svg) no-repeat 0.9em center; padding-left:3.4em; background-size:1.6em; line-height: 1em;  border-radius: 3rem !important;}

a.anchor.compense { margin-top:-16.5rem;}

.loader-dual { padding-left: 36px; background: no-repeat 0 -2px url(../images/loader-dual.gif); }



@media screen and (max-height: 1000px) {
#menu .subMenu .columns ul { margin: -10px 0; min-height: 40px; }	
#menu .subMenu .columns ul li {  padding-right:10px; line-height:125%; font-size: 90%;  /*  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; */}
}



.pannels-formation { position:sticky; top:110px; z-index:6; background: #FFF; box-shadow: 0 1px 0.6em rgba(0,0,0,0.05);}


@media screen and (max-width: 1000px) {






	article.formation.listing .col.badges img { max-width: 3.5em; width: auto; max-height: 1.8rem; height: auto;}



	
	section.mot-expert .wrap { padding-left: 7rem; margin: 2rem; }
	
	section.mot-expert .wrap .picture {  left: 1rem; top:0; width: 5rem; height: 6rem; box-shadow: -0.8rem 0.8rem 0 #fbbe49;}

	section.mot-expert .wrap p { margin-left: -6.5rem;}






	.triptyque { margin: 1.5rem -0.5rem;}
.triptyque .pan { margin: 0 0.5rem; padding: 2rem; width: 33%; }


 .table-profile .columns .col { width: 100% !important;;}

	
	a.anchor.compense { margin-top:-7rem;}
	.rse-block.has-logo .wrap { padding-left: 0; position: relative;}
	
	.rse-block.has-logo  .wrap img { position: static; width: 12em; height: auto; left: auto; top: auto; display: block; margin:2em auto; transform: none;}


	.squares .col { width: 100%; }
	.squares .col a { padding: 28% 0;}
	.squares .col a strong { margin-bottom: 0;}
	.squares .col a span { margin-top: 2rem;}

	.classic-columns .col-25 { width:50%;}
    #ghostLinks { display: none;}


	.pannels-formation { top:4em; }

	section.pannels-formation .center.pannels { padding:0; margin:0; max-width:100%; font-size:90%;}
	section.pannels-formation .pannels  ul li { width:50%; }
	section.pannels-formation .pannels  ul li a { border:1px solid #F8F8F8; position:relative; padding:1em 0 1em 3em; line-height:110%; font-weight:600; }
	section.pannels-formation .pannels  ul li a span { position:static; height:auto; margin:0;}
	section.pannels-formation .pannels  ul li a svg { position:absolute; top:1.2em; left:1.1em;}

	.columns-inlines .col { width:100%;}
	#call-me.close , #call-me.close.centered { bottom:4.8rem; right: 1rem; width: 3.2em; height: 3.2em;   }
	
	#axeptio_overlay .eRcgOf { bottom: 4rem !important; }


#getCalendar { display:block;}
	
.ariane { margin:-1em 0;}	
.center.ariane + .center.has-calendar , .center.ariane + .center.has-menu { margin-top:0;}	
 .center.has-menu { margin-top:0 !important;}
	
.stickyButton { display:block; padding:1.5em 0; background:#FFF; margin:0 0 0 0;}	
.stickyButton a { display:inline-block; padding:0.7em 0.6em 0.7em 2.5em; border:1px solid #BBB; color:#888; border-radius:3px; background:url(../images/pictos/filters.svg) no-repeat 0.6em center; background-size:1.5em;}

.center.ariane + .center.has-calendar, .center.ariane + .center.has-menu { margin-top:0;}	

.has-menu menu.sticky , .has-menu.small-menu menu.sticky { float:none; margin:30px 0 3em 0; position:static; width:auto;}


.openSub { overflow:hidden;}

.openSub .has-menu menu.sticky.keepInMobile { position:fixed !important;  z-index:101;}
.has-menu menu.sticky.keepInMobile   {  z-index:50; height:3em !important; position:sticky !important; top:0 !important; width:auto !important; float:none; box-sizing:content-box; margin:0 0 0 0; padding:0;}

.has-menu menu.sticky.keepInMobile  .wrap { display:none;  overflow:auto; -webkit-overflow-scrolling: touch;  font-size:100%; background:#FFF; position:fixed; box-sizing:border-box; z-index:110; 
margin:0; width:100%; height:100%; height:calc(100% - 4em); border-bottom:1px solid #EEE; padding:1px 4em 1px 2em; top:0; left:0;}
.has-menu menu.sticky.keepInMobile  .wrap:before { content:""; display:block; margin:2em 0;}
.has-menu menu.sticky.keepInMobile  .wrap:after { content:""; display:block; margin:2em 0;}

.openSub .has-menu menu.sticky.keepInMobile  .wrap  { display:block;}


.openSub .stickyButton a  { text-indent:-5000px; white-space:nowrap; position:fixed; height:2em; width:2em; padding:0; color:#000; border-radius:100%; text-align:center; background:#FFF; line-height:24px; 
border:1px solid #000; z-index:210; top:2.4em; right:1.2em; }
.openSub .stickyButton a:before { font-size:28px; content:"×"; position:absolute; width:2em; line-height:2em; height:2em; text-align:center; left:50%; top:50%; margin:-1em; text-indent:0;}

.ariane + .has-menu menu.sticky.keepInMobile { margin-top:-40px;}


.has-menu  .content  , .has-menu.small-menu .content { float:none; width:auto;}
.box-titles { margin:0;}
.box-titles h3.title { position:static; margin:1.5em 0 0.5em 0;}	
	
.slide-in { padding:40% 0 0 0; position:relative; height:auto; margin:30px 0; overflow:hidden; font-size:100%; }


h2.al-c { padding-left:20px; padding-right:20px;}

.slide-in .picture , .slide-in.invert .picture { height:8em; padding:20% 0; width:52%; right:0; left:0; width:100%; max-width:1130px; top:0; background-size:cover; transform:none;}



.slide-in .center , .slide-in.invert .center { position:relative; top:0; transform:none; margin-top:0; margin-bottom:0; }


.slide-in .center .wrap  , .slide-in.invert .center .wrap { margin:1.6em 1.4em; }
.slide-in .center .content, .slide-in.invert .center .content { background:#FFF; position:relative; z-index:3; margin:0;  padding:1px 0; font-weight:300; }




	
	
	
/**/
p { max-width:600px;}
.articles article.alterne { padding-right:0; padding-left:0;}
.articles article + article { border-top:1px solid #EEE; margin-top:40px; padding-top:10px; }



.articles article { padding-left:0;padding-right:0; min-height:0; position:relative; margin:80px 0 30px 0;}
.articles article .illustration { position:static; left:0; top:auto; width:100%; margin:40px 0 30px 0 !important; box-sizing:border-box;}

#chiffres-cles div { width:33.33%; }


.articles article .illustration img { width:100%; max-width:450px;}
.center , #menu , header , #menu .subMenu .wrap { padding-left:30px; padding-right:30px;}
#menu .subMenu .columns h3 { left:30px;}
#menu .subMenu .closer , #contact p.buttons { right:30px;}
.center , .center.large , .wrap { margin:40px auto; max-width:680px; }

.dash-actualites article , .dash-actualites.large article  , .dash-actualites.small article { float:none; width:auto; border:1px solid #F8F8F8; border-width:0 0 3px 0;}

.classic-columns.univers { padding-left:0; position:relative;}
.classic-columns.univers h2 { position:static; left:0;}

#contact { font-size:90%;}
.slick-list:before , .slick-list:after { width:50px; }
.logos-carrousel .center { padding:0 100px; }
.logos-carrousel .logo { margin:0 30px;}
.logos-carrousel .logo img { width:auto; max-height:74px;}






menu .overMenu { display:none;}




.columns-formations .col-25 { width:100%; float:none;}
.columns-formations .col-25 .adjust { min-height:0 !important;}

	.has-calendar .content { width:100%; padding-right:0; float:none; }
	
#header.slide-formation h1 { padding-right:0;}
.pannels.center ul  { padding-right:0;}


 #calendar { width:auto; float:none; padding:0; margin:30px 0; font-size:85%;  position:static; border-bottom:3px solid #F8F8F8;}





.columns.double { margin:0;}
.columns.double .col { float:none; width:auto;}
.columns.double .col .wrap { margin:50px 0;}
.columns.double .col + .col { padding-top:10px; border-top:1px solid #E5E5E5;}

.dash-actualites.metier article {  width:50%; box-sizing:border-box; float:left;} 

.dash-actualites.dossier.small article , .dash-actualites.dossier article , .dash-actualites.small article {  width:100%; border:none; float:none; margin:10px 0;} 

.dash-actualites.filiere { margin:0 -5px;}
.dash-actualites.filiere  article { width:50% !important; float:left;}



#worldmap { background:#e9f6fe; height:auto; }
#worldmapZoom { display:none;}
#worldmap a.point { display:none;}
#liste-centres { position:relative; z-index:5; margin:2em -0.6em; display:block;}
#liste-centres h3 { margin-left:0.45em;}
#liste-centres p {  margin-left:0.45em; font-size:110%; }
#liste-centres p.centre { font-size:80%; width:50%; float:left; margin:0; padding:3px; box-sizing:border-box;}
#liste-centres p.centre a { display:block; margin:0.6em; background:#FFF; padding:1.2em; color:#888; box-shadow:0 0 20px rgba(0,0,0,0.08);}	
#liste-centres p.centre a strong, #liste-centres p.centre a span { padding:0.1em 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#liste-centres p.centre a strong { display:block; color:#000; font-size:130%; margin:0;}
#liste-centres p.centre a strong + span { margin:0.1em 0 0.8em 0;}
#liste-centres p.centre a span { display:block; margin:0;}
#liste-centres p.centre a span img { height:1em;}


.no-mobile { display:none !important;}
#menu { padding-top: 8em;}
#menu menu { position:fixed; box-sizing:border-box;  left:0; top:0; width:100%; padding:0; float:none; height:4em; z-index:100;  }
#menu menu .shadow {  background:#FFF; position:absolute; top:0; left:0; height:100%; box-shadow:0 -2px 8px rgba(0,0,0,0.18); z-index:100; width:100%; }

#menu .onglet.openMiniMenu { position: static !important; float: none !important; display: block;}

#menu menu a.picto , #menu menu a.picto:hover { border:none; background:#FFF; border-right:1px solid #E2E2E2 !important; width:25%;  box-sizing:border-box; margin:0 !important; height:100%; z-index:10;  position:absolute; top:0; padding:0; text-align:center;}
#menu menu a.picto svg , #menu menu a.picto:hover svg {  margin:0; transition:none; fill:#666; width:1.8em; height:1.8em; position:absolute; left:50%; top:50%; margin:-0.9em; }
#menu menu a.picto svg path { fill:#888; }
#menu menu a.picto.contact svg , #menu menu a.picto.contact:hover svg {  left:50%;   margin:-1.1em !important; width:2.2em !important; height:2.4em !important; }
#menu menu a.picto.menu {  display:block; right:0;  border-right:none !important;}
#menu menu a.picto.contact {  left:50%;  }
#menu menu a.picto.search {  left:0%; }
#menu menu a.picto.account {  left:25%; }

#menu #logo img , #menu #logo img { opacity: 0 !important; }
#menu.fixed #logo:before, #menu.slided #logo:before {   opacity: 1 !important; }


#menu menu a.picto.menu svg path { transition:all 0.2s;}
.openMenu #menu menu a.picto.menu svg path:first-child { transform-origin:0 0; transform:translate(1.6em,-0.4em) rotate(45deg) scale(1.1,1);}
.openMenu #menu menu a.picto.menu svg path:last-child { transform-origin:0 100%; transform:translate(1.6em,0.6em) rotate(-45deg) scale(1.1,1);}

#header-search { position:fixed; font-size:100%; margin:0; height:0; top:4em ; left:0; box-sizing:border-box; padding:0; background:rgba(0,0,0,0.5); width:100%; z-index:2; transition:opacity 0.2s !important; }
.show #header-search {  height:100%;  width:100%; border:30px solid transparent;  font-size:95%;}
.show #header-search #closeSearchForm { display:none !important;}

#menu , #menu.fixed { position:absolute !important; z-index:90;}
#menu .band { position:static;}
#menu .band p { display:block; position:absolute; line-height:140%; left:0; font-weight:600; max-width:73%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; float:none; padding-left:3.8em; font-size:110%;}
#header { padding-top:250px;}
#header h1 { font-size:250%;}
.home #main-search { margin:0 0 120px 0;}
#main-search .input { padding:0;}
#main-search .input .toSuggest { background-image:url(../images/pictos/search.svg); background-size:1.8em}
#main-search .input a.search { display:none; }
#main-search .suggested { padding-right:0; margin-top:-5px; }
#main-search .exemples { display:none;}





#menu .menu_overlay { position:fixed; height:0; overflow:hidden; opacity:0; z-index:50; transition:opacity 0.3s, transform 0.1s; transform:scale(0.9); transform-origin:bottom center; }
.openMenu #menu .menu_overlay { background:#FFF; top:0; left:0; width:100%; height:100%; display:block; float:none;font-size:100%; transform:scale(1); opacity:1;}
#menu .menu_overlay .wrapper { position:absolute; bottom:4.5em; bottom: 0; width:100%;  box-sizing:border-box; padding:30px;}
#menu .menu_overlay a.onglet , #menu .menu_overlay span.onglet { display:block; font-size:210%; color:#666 !important; font-weight:bold; float:none; opacity:1; border:none; padding:0; line-height:110%; margin:0.4em 0;}

#menu .menu_overlay a span.button { display: inline-block; margin-left: -0.4em; padding: 0.2em 0.4em;}

#menu .social { display:block; margin:26px 0 0 -6px;}

#menu .social a , #menu .social a:hover { float:left; width:42px; height:42px; border:none; margin:0; background:no-repeat center center; overflow:hidden; text-indent:-200px; background-size:32px; opacity:0.5;}
#menu .social a.facebook { background-image:url(../images/pictos/grey/facebook.svg);}
#menu .social a.twitter { background-image:url(../images/pictos/grey/twitter.svg); margin-left:4px;}
#menu .social a.linkedin { background-image:url(../images/pictos/grey/linkedin.svg);}
#menu .social a.youtube { background-image:url(../images/pictos/grey/youtube.svg);}
#menu .social a.viadeo { background-image:url(../images/pictos/grey/viadeo.svg);}

.columnsBlockLinks { margin:0;}
.columnsBlockLinks p { float:none; width:auto; margin:0.6em 0; max-width:100%; padding:0;}
.columnsBlockLinks p a { margin:0;}
.columnsBlockLinks + .clear + .illustration { position:relative; min-height:420px;}


#contact p.signika {  padding-right:0; }

#contact p.buttons { position:static; right:auto; }

#formations .columns { width:auto; float:none; border:none; padding:0;}
#formations .columns ul {  font-size:110%; }
#formations .wrap { margin:0;}


#header .categories { padding:0 0 0 0 !important; margin:-2em 0 0 0 !important; position:relative !important;}
#header .categories h2 {  font-size:85% !important;  /* position:absolute !important; bottom:100% !important; left:0 !important;*/}
#header .categories a { font-size:85% !important; }

a.anchor { position:absolute; margin-top:-5px;}
 .hNbWQA{   bottom:3.5rem !important;}

 #menu .openMiniMenu .trigger { padding: 0.1em 0; display:block; color:#888; font-size: 100%;; }

}



@media screen and (max-height: 599px) {
	.suggested { display:none !important;}
}


@media screen and (max-width:900px) {
	.form-col-left {
		float:none; width:auto;	padding-right:0;    box-sizing:border-box;
	   }
	   
	   .form-col-right {
		float:none; width:auto;  box-sizing:border-box; padding-left:0; 
	   }
	   
	   .form-col-left p.selector label { width: auto;}

	}

@media screen and (max-width: 720px) {

	#footer  { background-image: none;}
	.overAllInside form {  min-width: 88%;  }
	.choix-double.to-adjust.choix-account .col { width: 100%;}
	.choix-double.to-adjust.choix-account .col h3 span { display: inline;}
/* 	.choix-double.to-adjust.choix-account .col h3 { background-size:2rem; font-size: 110%;; padding: 0 0 1em 3rem; } */
	.choix-double.to-adjust.choix-account .col h3 { background-size:4rem; font-size: 110%; }



	.choix-double.to-adjust.choix-account .col ul { margin-top:  -0.5rem; margin-left: 3rem;}
	.choix-double.to-adjust.choix-account .col p { margin:0.8rem 0 -0.4rem 3rem;}

	#podium td { font-size: 90%; }
	table.stats-bar td  { font-size: 90%; }
	#podium td.details { font-size: 66%; }
	#podium td.details ul { padding: 0.8em;}

	.left-pannel-formateur { width: 100%;}
	.right-pannel-formateur { width: 100%;}

	.left-pannel-formateur + .right-pannel-formateur { margin:0; margin-top:2em;}
	.right-pannel-formateur + .left-pannel-formateur { margin:0; margin-top:2em;}

	.encart_cpf {  font-size: 90%;}
	.encart_cpf .wrap { padding-right: 0;}
	.encart_cpf .previewVideo {  width: 38%; height: 0.5em; padding:12% 0; float: right; position: relative; margin: 0 0 1em 1em; }
	


	#calendar .dates p.entry.garantie .lieu span { margin-top: 1.8em;  font-size: 9px;}

	#menu .subMenu .columns ul { column-count:1;  }
	#menu .subMenu .columns ul li { width:100%;}
	
	#form_ebook { margin:2em 0; padding-left: 0;}
	#form_ebook h3 { text-align: center;}
#form_ebook img.picture { display: block; position: static; margin: 1em auto 2em auto; width: 100%; max-width: 300px; }


	#cywyc-chat-mobile-btn { bottom: 80px !important;}
	.col-stats .col,	.col-stats .large  { width: 100%;}	
	.col-stats .col .chart-circle { max-width: 200px;}

.col-stats .adjust , .col-stats .adjust-2 {min-height: 0 !important;}

td.no-small , th.no-small { font-size:0 !important;}

    .columns.triple .col { width:100%;}
#result-financement p.buttons a { float:none !important; display:block; text-align:center; margin:5px 0; background-image:none !important; padding-left:0 !important; padding-right:0 !important; }


.overLay .popup.small { max-width:340px;  font-size:90%; }
	
	a.hype-btn { display:none; }
.ariane { position:relative; padding-bottom:1.8em;overflow:visible;}
.ariane a , .ariane span , .ariane strong { overflow:visible; max-width:1200px;}
.ariane div.wrapper {   white-space:nowrap; overflow:auto; padding-bottom:0.5em;  -webkit-overflow-scrolling: touch; }
.ariane .sharer { position:absolute; bottom:0; margin:0; left:0; float:none;}



 #calendar { width:auto; float:none; padding:0; margin:30px -25px -50px -25px!important; font-size:85%;  position:static; border-bottom:3px solid #F8F8F8;}


#calendar .block { margin:0 !important; padding:1px;box-shadow:none !important;  }

	
	#header.slide-filiere .center h1 , #header.slide-classique .center h1 { font-size:250%; }
	
	body { font-size:16px;}
	.center , #menu , header , #menu .subMenu .wrap { padding-left:25px; padding-right:25px; }
	 #calendar .wrap { margin:40px 25px 40px 35px; }
 #calendar { width:auto; float:none; padding:1px 0; margin:50px -25px -20px -35px; font-size:85%; }
#calendar .block { margin:0; box-shadow:none;}	

#chiffres-cles div { width:50%; }	
#chiffres-cles.large div { width:100%; }	
	
	.classic-columns.univers .col-33 p.adjust , .classic-columns.univers h3 { max-width:540px;}
	.classic-columns .col-33 { float:none; width:auto;  }
	.classic-columns.univers .col-33 { padding:0; }
	.classic-columns.univers h2 { display:none;}
	.classic-columns.univers h3 { padding-top:70px; background:no-repeat 0 0; background-size:auto 60px;}

.classic-columns.univers .col-33 + .col-33 { margin-top:2.8em; padding:0.9em 0 0 0; border-top:1px solid #EAEAEA; }

.adjust { min-height:0 !important;}
	
#contact { font-size:100%;}
#contact p.signika { padding-right:0; }	
#contact p.buttons {  right:auto; position:static;}
.logos-carrousel .center { padding:0 70px; }
.logos-carrousel .logo { margin:0 15px;}
.logos-carrousel .logo img { width:auto; max-height:56px;}
.slider button { height:60px; width:40px; margin:-30px -45px; background-size:36px;}
.slick-list:before , .slick-list:after { width:30px; }


#footer { font-size:85%;}
#footer .col-left p { max-width:100%; margin: 1em 0;}
#footer .col-right , #footer .col-left , #footer .col { float:none; width:auto; padding:0; clear:right; margin-bottom:30px; text-align:center;}
#footer .col-left { padding-top:90px; margin-top: -10px; background-position:center 0;}
#footer hr { display:none;}	

#footer p.social { margin:0 auto; max-width:220px;}
#footer p.social a.twitter { margin:0;}
#footer p.social a { width:25%; height:36px; background-size:30px; margin:0; padding:0;}
#footer p.logos img { float:none; margin:30px auto; }
#footer p.tel { margin-top:0;}
#footer .col h3 , #footer .col-right {  border-top:3px solid rgba(255,255,255,0.1); }
#footer .col-right { padding-top:1.8em;}
#footer .col h3 {  margin:0; padding:1em 0;}
#footer li { margin:0;}
#footer li a { display:block; padding:0.75em 0;   border-top:1px solid rgba(255,255,255,0.1);}



.columnsBlockText .column , .columnsBlockPicto p , .columnsBlockPicto.small p  { width:100%;}

#header p.infos { font-size:95%; height:20px; }
#header p.infos span { float:left; line-height:20px;}

#header p.infos span.pipe { font-size:0; height:20px; width:1px; background:#FFF; margin:0 8px;}
.columns-list { margin:0 -1em;}
	.columns-list ul { padding:0 1em;}
	
p.choix_modal span { width:50%; }	



#menu .miniMenu { left: 0; margin:0.3em 0 0.4em 0  !important; width: auto; padding: 0 !important; background:transparent; transition: none; overflow: hidden;}
#menu .miniMenu a , #menu .miniMenu .onglet  {  text-align: left;  padding: 0.1em 0; font-weight: 600; text-overflow: ellipsis; overflow: hidden; max-width: 800px; }
#menu .open .miniMenu {  position: static;  } 
.columns-essentiels.small .col { width:50%; }
.columns-essentiels.small .col h3 { font-size: 90%;}
.columns-essentiels.small .col article { padding: 20% 0; }
.double-col .col { width: 100%; float: none; margin: 1em 0; padding: 1px;}


.triptyque { flex-wrap: wrap;}
.triptyque .pan {  padding: 2rem; width: 100%; margin: 0.5rem; }


}




@media screen and (max-width: 520px) {





	.classic-columns .col-25 { width:100%;}
		.encart_formation .progress { width:100%; margin-right:0;}
	.columns-list { margin:0;}
	.columns-list ul { float:none; width:auto; margin:0; padding:0;}
		#header.slide-filiere .center h1 , #header.slide-classique .center h1 { font-size:230%; }
	
	body { font-size:14px;}
article.formation-essentiel { padding:25% 0; height:5em;}


.columns-essentiels.small .col { width:100%; float:none;}
.columns-essentiels.small .col h3 { font-size: 100%;}
.columns-essentiels.small .col article {  padding: 18% 0; margin: 0.6em 0.3em; }

.columns-essentiels .col { width:100%; float:none;}
.columns-essentiels .col:nth-child(3) { display:block;}	
	
#chiffres-cles div  , #chiffres-cles.large div { width:100%; }	

}

#cywyc-chat-whatsapp-btn { display: none !important;}
@media (max-width: 1024px) {
    #cywyc-chat-mobile-btn , #cywyc-chat-wrapper , #cywyc-chat-floater { display:none !important}
    #cywyc-chat-whatsapp-btn { display: block !important; right:10px !important}
}