/* compact [
	plugins-dist/mediabox/lib/lity/lity.css?1793789512
	plugins-dist/mediabox/lity/css/lity.mediabox.css?1793789512
	plugins-dist/mediabox/lity/skins/fancybox/lity.css?1793789512
	plugins/auto/emb_pdf/v1.3.0/css/emb_pdf.css
	css/knacss.css
	css/mes_styles_jeunes.css
	css/icons.css
] 75.3% */

/* plugins-dist/mediabox/lib/lity/lity.css?1793789512 */
/*! Lity - v3.0.0-dev - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla;Licensed MIT */
.lity-active,.lity-active body{overflow:hidden}
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,.9);outline:none!important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity.lity-opened{opacity:1}
.lity.lity-closed{opacity:0}
.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none!important}
.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity-loading .lity-loader{opacity:1}
.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none!important}
.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-o-transform .3s ease}
.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
.lity-close,.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:none;-webkit-box-shadow:none;box-shadow:none}
.lity-close::-moz-focus-inner{border:0;padding:0}
.lity-close:active{top:1px}
.lity-image img{max-width:100%;display:block;line-height:0;border:0}
.lity-iframe .lity-container{width:100%;max-width:964px}
.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}
.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}
.lity-hide{display:none}

/* plugins-dist/mediabox/lity/css/lity.mediabox.css?1793789512 */
.box_mediabox{display:block;margin:0;padding:0;width:auto;height:auto;background:none;border:0}
.box_mediabox:before{content:'';display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0.9}
@media(min-width:500px){.box_mediabox .lity-container{max-width:90%;max-height:90%}}
@media(max-width:499.9px){.box_mediabox .lity-container{max-width:100%!important;max-height:100%!important}}
.box_mediabox.lity-height-set .lity-content{height:100%;min-height:0!important}
.box_mediabox.lity-image .lity-content{display:flex;justify-content:center;align-items:center}
.box_mediabox.lity-image .lity-image-figure{display:block;margin:0}
.box_mediabox.lity-image .lity-image-figure::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background-color:transparent;transition:background-color 0.25s ease-in 0.1s}
.box_mediabox.lity-image.lity-ready .lity-image-figure::before{background-color:#fff}
.lity-image-caption.min,.lity-image-caption.expanded{cursor:pointer}
.lity-image-caption.min .lity-image-caption-text{max-height:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lity-image-caption.min .spip_doc_titre,.lity-image-caption.min .spip_doc_descriptif,.lity-image-caption.min .spip_doc_credits{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lity-image-caption.min .spip_doc_descriptif:not(:first-child),.lity-image-caption.min .spip_doc_credits:not(:first-child){display:none}
.box_mediabox.lity-inline .lity-content,.box_mediabox.lity-ajax .lity-content{background:#fff}
.box_mediabox.lity-inline .lity-content>*,.box_mediabox.lity-ajax .lity-content-inner{overflow:auto;padding:1rem}
.mediabox-hide{display:none}
.box_mediabox .mediabox-hide{display:block}
.box_mediabox.lity-iframe .lity-iframe-container iframe{background:#fff}
.box_mediabox.lity-height-set.lity-iframe .lity-iframe-container{height:100%;padding:0;transform:none}
.lity-active body{height:auto!important;overflow:hidden!important}
.box_mediabox.lity-loading .lity-content{background:transparent}
.box_mediabox.lity-loading .lity-content:after{display:none}
.lity-loading .box-loading{display:block;position:absolute;top:50%;left:50%;margin-top:-2.5em;margin-left:-2.5em;width:5em;height:5em}
.lity-loading .box-loading:after{content:" ";display:block;width:4em;height:4em;margin:.5em;border-radius:50%;border:.375em solid #000;border-color:#000 #fff #000 #fff;opacity:0.5;animation:lds-dual-ring 1.2s linear infinite}
@keyframes lds-dual-ring{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}
.box_mediabox.lity-closing:before{opacity:0}
.lity-group-progress-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:.33em}
.lity-slideshow .lity-group-progress-bar{display:block}
.lity-group-progress-bar-status{position:absolute;left:0;height:100%;top:0;background:#888}
.lity-no-transition-on-open .lity-content,.lity-no-transition .lity-content{transition:none!important}
.lity-no-transition-on-open-none.lity-loading .lity-content,.lity-no-transition.lity-loading .lity-content,.lity-no-transition.lity-closed .lity-content{-webkit-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important}
.lity-transition-on-open-slide-from-right .lity-content,.lity-transition-on-open-slide-from-left .lity-content{-webkit-transform:scale(1) translateX(0);-ms-transform:scale(1) translateX(0);-o-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}
.lity-transition-on-open-slide-from-right.lity-loading .lity-content{-webkit-transform:scale(1) translateX(50vw);-ms-transform:scale(1) translateX(50vw);-o-transform:scale(1) translateX(50vw);transform:scale(1) translateX(50vw)}
.lity-transition-on-open-slide-from-left.lity-loading .lity-content{-webkit-transform:scale(1) translateX(-50vw);-ms-transform:scale(1) translateX(-50vw);-o-transform:scale(1) translateX(-50vw);transform:scale(1) translateX(-50vw)}
:root{--mediabox-sidebar-width:25rem;--mediabox-sidebar-height:calc(5rem + 20%);--mediabox-sidebar-close-size:2rem}
.box_mediabox.lity-sidebar:before{opacity:0.5}
.box_mediabox.lity-sidebar .lity-wrap{display:flex}
.box_mediabox.lity-sidebar .lity-container{position:relative;transition:transform 0.3s ease-in-out}
.box_mediabox.lity-sidebar .lity-content{height:100%;width:100%;min-width:initial;min-height:initial;transition:none!important;transform:none!important;padding-block-start:var(--mediabox-sidebar-close-size)}
.box_mediabox.lity-sidebar .lity-close{position:absolute;color:inherit;width:var(--mediabox-sidebar-close-size);height:var(--mediabox-sidebar-close-size);font-size:var(--mediabox-sidebar-close-size);line-height:var(--mediabox-sidebar-close-size)}
.box_mediabox.lity-sidebar-inline .lity-container{width:var(--mediabox-sidebar-width);max-width:100vw}
.box_mediabox.lity-sidebar-start .lity-wrap{justify-content:start}
.box_mediabox.lity-sidebar-start.lity-loading .lity-container,.box_mediabox.lity-sidebar-start.lity-closing .lity-container{transform:scale(1) translateX(-100%)}
.box_mediabox.lity-sidebar-end .lity-wrap{justify-content:end}
.box_mediabox.lity-sidebar-end.lity-loading .lity-container,.box_mediabox.lity-sidebar-end.lity-closing .lity-container{transform:scale(1) translateX(100%)}
.box_mediabox.lity-sidebar-block .lity-wrap:before{margin:0}
.box_mediabox.lity-sidebar-top .lity-container,.box_mediabox.lity-sidebar-bottom .lity-container{height:var(--mediabox-sidebar-height);max-height:100vw}
.box_mediabox.lity-sidebar-top.lity-loading .lity-container,.box_mediabox.lity-sidebar-top.lity-closing .lity-container{transform:scale(1) translateY(-100%)}
.box_mediabox.lity-sidebar-bottom .lity-wrap{align-items:end}
.box_mediabox.lity-sidebar-bottom.lity-loading .lity-container,.box_mediabox.lity-sidebar-bottom.lity-closing .lity-container{transform:scale(1) translateY(100%)}

/* plugins-dist/mediabox/lity/skins/fancybox/lity.css?1793789512 */
.box_mediabox:before{background:#777;opacity:0.7}
.box_mediabox .lity-container{box-shadow:0 0 20px rgba(0,0,0,.4);padding:10px}
.box_mediabox .lity-content:after{left:-10px;right:-10px;top:-10px;bottom:-10px;border:10px solid #fff;background:#fff;box-shadow:none}
.lity-content{opacity:1;-webkit-transition:-webkit-transform .3s ease,opacity .3s ease;transition:-webkit-transform .3s ease,opacity .3s ease;-o-transition:-o-transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease,-o-transform .3s ease}
.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0.8}
.box_mediabox button[class*="lity-"]:focus{outline:1px dotted #ccc}
.lity-close,.lity-close:hover,.lity-close:active,.lity-close:focus{position:absolute;top:0;right:0;margin-top:-.925rem;margin-right:-.925rem;width:1.85rem;height:1.85rem;line-height:1.5rem;font-size:1.5rem;background:#000;color:#fff;border-radius:50%;border:.175rem solid #fff}
.lity-close:hover,.lity-close:active,.lity-close:focus{color:#eee}
.lity-group-caption .lity-group-current{display:block;position:absolute;top:-1.5rem;left:0;width:100%;text-align:center;color:#fff;font-weight:700}
.lity-loading .lity-group-caption .lity-group-current{left:50%;margin-left:-2.125em;width:4.5em;right:auto;text-align:center;top:50%;margin-top:-1.5em;color:#fff}
.lity-loading .lity-group-start-stop{display:none}
.lity-group-start-stop button{position:absolute;top:0;left:0;margin-top:-.925rem;margin-left:-.925rem;width:1.85rem;height:1.85rem;line-height:1.5rem;font-size:1.5rem;background:#000;color:#fff;border-radius:50%;border:.175rem solid #fff;z-index:5}
.lity-group-start-stop button:active,.lity-group-start-stop button:hover,.lity-group-start-stop button:focus{color:#eee}
.lity-group-start-stop .lity-start{font-size:1px;text-indent:-5px;display:block;margin:.1rem auto;margin-left:.37rem;border:.5rem solid transparent;border-left-color:#fff;width:1rem;height:1rem}
.lity-group-start-stop .lity-start:active,.lity-group-start-stop .lity-start:hover,.lity-group-start-stop .lity-start:focus{border-left-color:#eee}
.lity-group-start-stop .lity-stop{display:none}
.lity-slideshow .lity-group-start-stop .lity-start{display:none}
.lity-slideshow .lity-group-start-stop .lity-stop{font-size:1px;text-indent:-5px;display:block;margin:.1rem auto;width:.7rem;height:.7rem;margin-left:.20rem;background:#fff}
.lity-group-start-stop .lity-stop:active,.lity-group-start-stop .lity-stop:hover,.lity-group-start-stop .lity-stop:focus{background:#eee}
.lity-next,.lity-previous{display:block;position:absolute;padding:0;margin:0;border:0;top:0;left:0;width:33%;height:100%;text-align:center;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:transparent}
.lity-next[disabled],.lity-previous[disabled]{display:none}
.lity-next{left:auto;right:0}
.lity-next b,.lity-previous b{display:inline-block;position:absolute;top:50%;margin-top:-.925rem;width:1.85rem;height:1.85rem;line-height:1.55rem;font-size:1.25rem;background:#000;color:#fff;border-radius:50%;border:.175rem solid #fff;opacity:0;left:2rem;padding-right:.10rem;box-shadow:0 0 10px rgba(0,0,0,.4)}
.lity-next b{right:2rem;left:auto;padding-left:.10rem;padding-right:0}
.lity-next:hover b,.lity-previous:hover b,.lity-next:active b,.lity-previous:active b,.lity-next:focus b,.lity-previous:focus b{display:inline-block;opacity:1}
.lity-image-figure{position:relative}
.lity-image-caption{display:block;position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,0.25);color:#fff;font-style:italic;padding:1rem}
.lity-group-progress-bar-status{background:#333}

/* plugins/auto/emb_pdf/v1.3.0/css/emb_pdf.css */
.spip_doc_pdf{display:none}
@media (min-width:768px),@media print{.spip_doc_pdf{display:block}
.spip_doc_alternative_mobile{display:none}}

/* css/knacss.css */
/*!
* www.KNACSS.com V3.1.0 (2014-10-20) @author:Raphael Goetter,Alsacreations
* Licence WTFPL http://www.wtfpl.net/
*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{margin:0;padding:0}
ul,ol{padding-left:2em}
ul.unstyled{list-style:none}
img{height:auto;vertical-align:middle;border:0}
blockquote,figure{margin-left:0;margin-right:0}
audio,canvas,video{display:inline-block}
svg:not(:root){overflow:hidden}
html{font-size:62.5%;font-size:-webkit-calc(.625em);font-size:calc(.625em);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{font-size:1.4em;background-color:#fff;color:#000;font-family:Helvetica,Arial,sans-serif;line-height:1.5}
a{color:#333}
a:hover,a:focus,a:active{color:#000}
p,.p-like,ul,ol,dl,blockquote,pre,td,th,label,textarea,caption,details,figure{margin-top:.75em;margin-bottom:0;line-height:1.5}
h1,.h1-like{font-size:3.2rem;font-family:Helvetica,Arial,sans-serif}
h2,.h2-like{font-size:2.8rem;font-family:Helvetica,Arial,sans-serif}
h3,.h3-like{font-size:2.4rem}
h4,.h4-like{font-size:2rem}
h5,.h5-like{font-size:1.8rem}
h6,.h6-like{font-size:1.6rem}
.smaller{font-size:.71em}
.small{font-size:.86em}
.big{font-size:1.14em}
.bigger{font-size:1.29em}
.biggest{font-size:1.43em}
code,pre,samp,kbd{white-space:pre-line;white-space:pre-wrap;font-family:Consolas,'DejaVu Sans Mono',Courier,monospace;line-height:normal}
em,.italic,address,cite,dfn,i,var{font-style:italic}
strong,.bold{font-weight:700}
small,sub,sup{font-size:smaller}
.visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important}
body > script{display:none!important}
@media (max-width:768px){.no-small-screen{display:none}}
@media (min-width:1280px){.no-large-screen{display:none}}
p:first-child,.p-like:first-child,ul:first-child,ol:first-child,dl:first-child,blockquote:first-child,pre:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}
li p,li .p-like,li ul,li ol{margin-top:0;margin-bottom:0}
img,table,td,blockquote,code,pre,textarea,input,video{max-width:100%}
table{margin-bottom:20px}
.mod{overflow:hidden}
.clear,.line,.row{clear:both}
.clearfix:after,.line:after{content:"";display:table;clear:both;border-collapse:collapse}
.row{display:table;table-layout:fixed;width:100%}
.row > *,.col{display:table-cell;vertical-align:top}
.inbl{display:inline-block;vertical-align:top}
.left,.start{float:left}
img.left,img.start{margin-right:10px}
.right,.end{float:right}
img.right,img.end{margin-left:10px}
img.left,img.right,img.start,img.end{margin-bottom:5px}
.center{margin-left:auto;margin-right:auto}
.txtleft{text-align:left}
.txtright{text-align:right}
.txtcenter{text-align:center}
.w10{width:10%}
.w20{width:20%}
.w25{width:25%}
.w30{width:30%}
.w33{width:33.3333%}
.w40{width:40%}
.w50{width:50%}
.w60{width:60%}
.w66{width:66.6666%}
.w70{width:70%}
.w75{width:75%}
.w80{width:80%}
.w90{width:90%}
.w100{width:100%}
.w50p{width:50px}
.w100p{width:100px}
.w150p{width:150px}
.w200p{width:200px}
.w300p{width:300px}
.w400p{width:400px}
.w500p{width:500px}
.w600p{width:600px}
.w700p{width:700px}
.w800p{width:800px}
.w960p{width:960px}
.mw960p{max-width:960px}
.w1140p{width:1140px}
.mw1140p{max-width:1140px}
.wauto{width:auto}
.man{margin:0}
.pan{padding:0}
.mas{margin:10px}
.mam{margin:20px}
.mal{margin:40px}
.pas{padding:10px}
.pam{padding:20px}
.pal{padding:40px}
.mtn{margin-top:0}
.mts{margin-top:10px}
.mtm{margin-top:20px}
.mtl{margin-top:40px}
.mrn{margin-right:0}
.mrs{margin-right:10px}
.mrm{margin-right:20px}
.mrl{margin-right:40px}
.mbn{margin-bottom:0}
.mbs{margin-bottom:10px}
.mbm{margin-bottom:20px}
.mbl{margin-bottom:40px}
.mln{margin-left:0}
.mls{margin-left:10px}
.mlm{margin-left:20px}
.mll{margin-left:40px}
.ptn{padding-top:0}
.pts{padding-top:10px}
.ptm{padding-top:20px}
.ptl{padding-top:40px}
.prn{padding-right:0}
.prs{padding-right:10px}
.prm{padding-right:20px}
.prl{padding-right:40px}
.pbn{padding-bottom:0}
.pbs{padding-bottom:10px}
.pbm{padding-bottom:20px}
.pbl{padding-bottom:40px}
.pln{padding-left:0}
.pls{padding-left:10px}
.plm{padding-left:20px}
.pll{padding-left:40px}
.grid{overflow:hidden}
.grid > *{display:block;padding:0;margin-left:-20px;text-align:left}
.grid > * > *{display:inline-block;padding-left:20px;margin-left:0;vertical-align:top}
:root .grid{font-size:0;text-justify:distribute-all-lines}
:root .grid > * > *{font-size:14px;font-size:1.4rem}
.opera:-o-prefocus,.grid > *{word-spacing:-.43em}
.grid2 > *{width:50%}
.grid3 > *{width:33.333%}
.grid4 > *{width:25%}
.grid5 > *{width:20%}
.grid6 > *{width:16.667%}
.grid8 > *{width:12.5%}
.grid10 > *{width:10%}
.grid12 > *{width:8.333%}
.grid2-1 > *:first-child,.grid1-2 > * + *{width:66.666%}
.grid1-2 > *:first-child,.grid2-1 > * + *{width:33.333%}
.grid1-3 > *:first-child,.grid3-1 > * + *{width:25%}
.grid3-1 > *:first-child,.grid1-3 > * + *{width:75%}
[class*="autogrid"]{text-align:justify}
[class*="autogrid"]:after{content:"";display:inline-block;width:100%}
[class*="autogrid"] > *{display:inline-block;vertical-align:top;text-align:left}
:root [class*="autogrid"]{font-size:0;text-justify:distribute-all-lines}
:root [class*="autogrid"] > *{font-size:14px;font-size:1.4rem}
[class*="autogrid"]:-o-prefocus{word-spacing:-.43em}
.autogrid2 > *{width:49%}
.autogrid3 > *{width:32%}
.autogrid4 > *{width:23.6%}
.autogrid5 > *{width:19%}
.autogrid6 > *{width:15%}
.autogrid8 > *{width:10.8%}
.autogrid10 > *{width:9%}
.autogrid12 > *{width:6.4%}
table,.table{width:100%;max-width:100%;border-collapse:collapse;vertical-align:top;border:1px solid #ccc}
.table{display:table}
table#recaptcha_table,table.table-auto{table-layout:auto}
caption{padding:10px;color:#555;font-style:italic}
td,th{padding:.3em .8em;border:1px #aaa dotted;vertical-align:top;min-width:20px;cursor:default;text-align:left}
.btn{display:inline-block}
form,fieldset{border:none}
input,button,select,label,.btn{vertical-align:middle;font-family:inherit;font-size:inherit}
label{display:inline-block;vertical-align:middle;cursor:pointer}
legend{border:0;white-space:normal}
textarea{min-height:5em;vertical-align:top;font-family:inherit;font-size:inherit;resize:vertical}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}
input[type="search"]{-webkit-appearance:textfield}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none}::-webkit-input-placeholder{color:#777}
input:-moz-placeholder,textarea:-moz-placeholder{color:#777}
button::-moz-focus-inner,input[type='button']::-moz-focus-inner,input[type='reset']::-moz-focus-inner,input[type='submit']::-moz-focus-inner{border:0;padding:0}
.icon{display:inline-block}
.icon:before,.icon.after:after{content:"";display:inline-block;vertical-align:middle;position:relative;top:-.1em;margin:0 .3em 0 0;font:1.4em/1 sans-serif;color:#000;text-shadow:1px 1px 0 rgba(0,0,0,0.1);speak:none}
@media (min-device-width:768px){.icon:before,.icon.after:after{font:1em/0.6 sans-serif;-webkit-transform:rotateZ(0.05deg)}}
.icon.after:after{margin:0 0 0 8px}
.icon.after:before{content:""!important}
.icon-rate:before,.icon-rate.after:after{content:"\2605"}
.icon-unrate:before,.icon-unrate.after:after{content:"\2606"}
.icon-check:before,.icon-check.after:after{content:"\2713"}
.icon-uncheck:before,.icon-uncheck.after:after{content:"\2717"}
.icon-cloud:before,.icon-cloud.after:after{content:"\2601"}
.icon-dl:before,.icon-dl.after:after{content:"\21E3";font-weight:700}
.icon-cross:before,.icon-cross.after:after{content:"\2716";font-weight:700}
.icon-arrow1:before,.icon-arrow1.after:after{content:"\2192";position:relative;top:-.15em}
.icon-arrow2:before,.icon-arrow2.after:after{content:"\279E"}
.icon-arrow3:before,.icon-arrow3.after:after{content:"\279A"}
.icon-bracket1:before,.icon-bracket1.after:after{content:"\2039";font-weight:700;font-size:1.6em;position:relative;top:-.15em}
.icon-bracket2:before,.icon-bracket2.after:after{content:"\203A";font-weight:700;font-size:1.6em;position:relative;top:-.15em}
.icon-up:before,.icon-up.after:after{content:"\25B2"}
.icon-down:before,.icon-down.after:after{content:"\25BC"}
.icon-bull:before,.icon-bull.after:after{content:"\2022";font-size:1.2em;top:-.05em}
.icon-bull2:before,.icon-bull2.after:after{content:"\25E6";top:-.05em}
.icon-bull3:before,.icon-bull3.after:after{content:"\2023";font-size:1.6em;top:-.05em}
.icon-nav:before,.icon-nav.after:after{content:"\2261";font-weight:700}
.icon-losange:before,.icon-losange.after:after{content:"\25C6"}
.icon-asteri:before,.icon-asteri.after:after{content:"\2731";font-weight:700}
.icon-mail:before,.icon-mail.after:after{content:"\2709";font-size:1.6em;top:-.05em}
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.flex-h{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.flex-v{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.flex-fluid{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.flex-start{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}
.flex-mid{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}
.flex-end{-webkit-box-ordinal-group:43;-webkit-order:42;-ms-flex-order:42;order:42}

@media (min-width:1025px){.large-hidden{display:none!important}
.large-visible{display:block!important}
.large-no-float{float:none}
.large-inbl{display:inline-block;float:none;vertical-align:top}
.large-row{display:table;table-layout:fixed;width:100%!important}
.large-col{display:table-cell;vertical-align:top}
.large-w25{width:25%!important}
.large-w33{width:33.3333%!important}
.large-w50{width:50%!important}
.large-w66{width:66.6666%!important}
.large-w75{width:75%!important}
.large-w100,.large-wauto{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}
.large-man{margin:0!important}
.autogrid5 > *,.autogrid6 > *,.autogrid8 > *,.autogrid10 > *,.autogrid12 > *{width:32%}}
@media (min-width:769px) and (max-width:1024px){.medium-hidden{display:none!important}
.medium-visible{display:block!important}
.medium-no-float{float:none}
.medium-inbl{display:inline-block;float:none;vertical-align:top}
.medium-row{display:table;table-layout:fixed;width:100%!important}
.medium-col{display:table-cell;vertical-align:top}
.medium-w25{width:25%!important}
.medium-w33{width:33.3333%!important}
.medium-w50{width:50%!important}
.medium-w66{width:66.6666%!important}
.medium-w75{width:75%!important}
.medium-w100,.medium-wauto{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}
.medium-man{margin:0!important}}
@media (min-width:481px) and (max-width:768px){.mod,.col,fieldset{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}
.w600p,.w700p,.w800p,.w960p,.mw960p{width:auto;float:none}
.small-hidden{display:none!important}
.small-visible{display:block!important}
.small-no-float{float:none}
.small-inbl{display:inline-block;float:none;vertical-align:top}
.small-row{display:table!important;table-layout:fixed!important;width:100%!important}
.small-col{display:table-cell!important;vertical-align:top!important}
.small-w25{width:25%!important}
.small-w33{width:33.3333%!important}
.small-w50{width:50%!important}
.small-w66{width:66.6666%!important}
.small-w75{width:75%!important}
.small-w100,.small-wauto{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}
.small-man{margin:0!important}
.small-pan{padding:0!important}
.grid3 > *,.grid4 > *,.grid5 > *,.grid6 > *,.grid8 > *,.grid10 > *,.grid12 > *{width:50%}
.autogrid5 > *,.autogrid6 > *,.autogrid8 > *,.autogrid10 > *,.autogrid12 > *{width:49%!important}}
@media (max-width:480px){.w300p,.w400p,.w500p{width:auto;float:none}
.row{display:block!important;width:100%!important}
.tiny-hidden{display:none!important}
.tiny-visible{display:block!important}
.tiny-no-float{float:none}
.tiny-inbl{display:inline-block;float:none;vertical-align:top}
.tiny-row{display:table!important;table-layout:fixed!important;width:100%!important}
.tiny-col{display:table-cell!important;vertical-align:top!important}
.tiny-w25{width:25%!important}
.tiny-w33{width:33.3333%!important}
.tiny-w50{width:50%!important}
.tiny-w66{width:66.6666%!important}
.tiny-w75{width:75%!important}
.tiny-w100,.tiny-wauto{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}
.tiny-man{margin:0!important}
.tiny-pan{padding:0!important}
.grid > * > *{width:100%!important}
[class*="autogrid"] > *{width:100%!important}}
@media print{*{background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}
body{width:auto!important;margin:auto!important;font-family:serif;font-size:12pt;background-color:#fff!important;color:#333!important}
p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol{color:#000!important}
.print{display:block}
.no-print{display:none}
img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
p,blockquote{orphans:3;widows:3}
blockquote,ul,ol{page-break-inside:avoid}
h1{page-break-before:always}
h1,h2,h3,caption{page-break-after:avoid}
a{color:#000!important;text-decoration:underline!important}}
.skip-links{position:absolute}
.skip-links a{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);padding:.5em;background:black;color:white;text-decoration:none}
.skip-links a:focus{position:static;overflow:visible;clip:auto}
@media (max-width:768px){div,textarea,table,td,th,code,pre,samp{word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}}
.gm-style img{height:100%}
:not(.gm-style) img{height:auto}
.gm-style img,.gmnoscreen img,.gmnoprint img{max-width:none!important}
.ie67 *{behavior:url(/js/boxsizing.htc)}
.ie678 h1,.ie678 .h1-like{font-size:2.29em}
.ie678 h2,.ie678 .h2-like{font-size:2em}
.ie678 h3,.ie678 .h3-like{font-size:1.71em}
.ie678 h4,.ie678 .h4-like{font-size:1.43em}
.ie678 h5,.ie678 .h5-like{font-size:1.29em}
.ie678 h6,.ie678 .h6-like{font-size:1.14em}
.ie678 img{width:auto}
.ie678 .gm-style img{height:100%}
.clearfix,.line,.mod,.row,.col{*zoom:1}
/*! inline-block and table-cell for IE6/IE7 */
/*! warning:.col needs width on IE6/IE7 */
.btn,.col,.inbl{*display:inline;*zoom:1}
.visually-hidden{*clip:rect(1px 1px 1px 1px)}
.ie8 .grid > *,.ie8 [class*="autogrid"] > *{letter-spacing:-.31em;text-rendering:optimizespeed}
.ie8 .grid > * > *,.ie8 [class*="autogrid"] > * > *{letter-spacing:normal;word-spacing:normal;text-rendering:auto}
.grid > * > *,[class*="autogrid"] > * > *{*display:inline;*zoom:1}
.ie678 input[type="checkbox"],.ie678 input[type="radio"]{padding:0}
.ie678 textarea{overflow:auto}
code,kbd,mark{border-radius:2px}
kbd{padding:0 2px;border:1px solid #999}
code{padding:2px 4px;background:rgba(0,0,0,0.04);color:#b11}
pre code{padding:none;background:none;color:inherit;border-radius:0}
mark{padding:2px 4px;background:#ff0}
sup,sub{vertical-align:0;position:relative}
sup{bottom:1ex}
sub{top:0.5ex}
blockquote{position:relative;padding-left:3em}
blockquote:before{content:"\201C";position:absolute;left:0;top:0;font-family:georgia,serif;font-size:5em;line-height:0.9;color:rgba(0,0,0,0.3)}
blockquote > footer{margin-top:.75em;font-size:.9em;color:rgba(0,0,0,0.7)}
blockquote > footer:before{content:"\2014 \0020"}
q{font-style:normal}
q,.q{quotes:""\00a0" "\00a0""}
q:lang(fr),.q:lang(fr){quotes:"«\00a0" "\00a0»"}
hr{display:block;clear:both;height:1px;margin:1em 0 2em;padding:0;border:0;color:#ccc;background-color:#ccc}
.alternate{border:0}
.alternate tbody{border:1px solid #ccc}
.alternate thead tr > * + *{border-left:0}
.alternate tbody tr > * + *{border-left:1px solid #ccc}
.alternate-vert{border:0;border-right:1px solid #ccc}
.alternate-vert tr > :first-child{border-bottom:0}
.alternate-vert tr > * + *{border-top:1px solid #ccc}
.striped tbody tr:nth-child(odd){background:#eee;background:rgba(0,0,0,0.05)}
.striped-vert tr > :first-child{background:#eee;background:rgba(0,0,0,0.05)}

/* css/mes_styles_jeunes.css */
@font-face{font-family:'oradour_extendedblack';src:url('/css/fonts/oradourextended-black-webfont.woff2') format('woff2'),url('/css/fonts/oradourextended-black-webfont.woff') format('woff');font-weight:400;font-style:normal}
@font-face{font-family:'oradour_extendedregular';src:url('/css/fonts/oradourextended-regular-webfont.woff2') format('woff2'),url('/css/fonts/oradourextended-regular-webfont.woff') format('woff');font-weight:400;font-style:normal}
@font-face{font-family:'webfontregular';src:url('/css/fonts/signalcompressedweb-regular-webfont.woff2') format('woff2'),url('/css/fonts/signalcompressedweb-regular-webfont.woff') format('woff');font-weight:400;font-style:normal}
HTML{height:100%;width:100%;font-size:100%;margin:0;padding:0}
BODY{position:relative;width:100%;height:100%;overflow:hidden;padding:0;font-size:1.2em;color:#333;background-color:white;line-height:1.4;font-family:'oradour_extendedregular',serif}
:root .grid > * > *{font-size:1rem}
p{line-height:1.4;text-align:justify}
blockquote::before{content:""}
q:lang(fr),.q:lang(fr){quotes:'" ' ' "';font-weight:700;font-size:1.2rem}
td{line-height:1.2}
.print{display:none}
.nettoyeur{clear:both}
@keyframes bounce{from{left:0%;top:0%;width:100%}
10%{left:0%;top:0%;width:100%;opacity:1}
50%{left:50%;top:50%;width:200px;margin-left:-100px;height:100px;margin-top:-50px;opacity:1}
75%{left:50%;top:50%;width:350px;margin-left:-175px;height:250px;margin-top:-100px;opacity:1}
to{left:50%;top:50%;width:300px;margin-left:-150px;height:200px;margin-top:-100px;opacity:1}}
:focus{outline:thin dotted orange}
header{position:absolute;left:0%;top:0%;width:100%;z-index:50;transform:rotate(-10deg);transition:all 0.5s ease-out;display:none}
.headerhome{position:absolute;left:50%;top:100px;width:300px;margin-left:-150px;height:150px;z-index:50;transform:rotate(-5deg)}
.headercentrer{position:absolute;left:50%;top:50%;width:200px;margin-left:-100px;height:150px;margin-top:-75px;z-index:50;transform:rotate(-5deg)}
.headerfinal{position:absolute;left:20px!important;top:20px!important;width:100px!important;margin:0!important;z-index:50;transform:rotate(-5deg)}
#container{position:relative;width:100%;height:100%;overflow:hidden}
#video_intro{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);max-width:none}
.video_full,.video_full2{position:absolute;bottom:0%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-0%);max-width:none;max-height:120%;margin-bottom:44px;background:black}
.video_full2{max-height:100%}
.gris{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.boutonplay,.boutonpause,.boutonsrt{position:absolute;right:45%;top:45%;font-family:'oradour_extendedblack';color:white;font-size:3rem;text-align:center;text-transform:uppercase}
.boutonpause,.boutonsrt{left:6px;right:auto;top:7px;font-size:1rem;display:none;width:40px;height:40px}
.boutonsrt{bottom:61px;top:auto;left:22px}
.t_int{position:absolute;display:none;left:0;width:100%;top:5px;text-align:center;color:black;font-size:1.4rem}
.t_int2{top:370px}
.t_int3{top:400px}
.t_int4{top:430px}
#entrez{position:absolute;display:none;top:480px;left:50%;width:60px;margin-left:-30px;cursor:pointer;-moz-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
#entrez:hover{top:500px}
#btmenu{display:none;text-align:right;cursor:pointer}
#menu{display:inline-block;margin:4px 0 0 110px}
.menuburger{position:fixed;right:40px;top:20px;width:50px;display:none}
.sousmenu{position:fixed;right:40px;top:80px;display:none;width:300px}
.sousmenu A{display:block;background:white;border:1px solid black;padding:10px;font-size:.8rem;text-align:right;text-decoration:none}
.sousmenu A:hover{background:black;color:white}
.logos{position:absolute;text-align:center;width:100%;bottom:0;left:0}
#logo0{float:left;margin:10px}
.logos span,#logo0{display:none}
.logopartenaire{margin:10px}
FOOTER{position:fixed;display:none;width:100%;min-height:50px;bottom:0;border-top:1px solid black;background:white;padding:7px 10px;text-align:center;z-index:100}
FOOTER #menu A{display:inline_block;color:black;padding:5px 10px;cursor:pointer;font-size:1rem}
FOOTER A:hover,FOOTER A:focus{color:red;text-decoration:underline}
.foot_lienactif{color:red;text-decoration:underline}
.volet{width:100%;height:100%;overflow:auto;background:white;position:absolute;top:100%;z-index:15;padding:0 0 50px}
.chapitre{position:relative;float:left;width:50%;height:50%;text-align:center;padding:0;overflow:hidden;font-size:30px;-webkit-transition:2s;transition:2s;transition-timing-function:ease;cursor:pointer}
.chapitre video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);max-width:none}
#controles{position:absolute;right:20px;width:53px}
.centrer{width:100%;max-width:800px;margin:0 auto}
.etiquette{position:absolute;bottom:100px;left:50px;transform:rotate(-8deg);background:#d24949;color:white;border:2px solid white;border-radius:15px;width:230px;height:120px;text-align:center;font-family:'webfontregular',serif;overflow:hidden;font-size:4rem;text-transform:uppercase}
.etiquette span{position:relative;top:-10px}
.etiquette div{position:absolute;background:white;color:black;top:57%;left:0;padding:5px 0 0;width:100%;height:60px;font-family:'oradour_extendedregular',serif;font-size:1rem}
.jaugevideo{bottom:50px;position:absolute;width:0;background:#d24949;height:3px}
.jeunes{position:relative;display:inline-block;width:20%;height:50%;text-align:center;padding:0;font-size:5rem;cursor:pointer;overflow:hidden;background:gray}
.rouge{background:url(/images/LIF_fond.png)}
.boutonsite{display:block;width:80%;padding:10px 15px;margin:30px auto;color:white;border-radius:25px;border:1px solid white;text-transform:uppercase;text-align:center;text-decoration:none;-moz-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;cursor:pointer}
.boutonsite:hover{background:white;color:black;border-radius:5px;border:1px solid black;text-decoration:none}
.boutonquizz,.ciblelibelle,.cible,.objet{display:inline-block;font-family:'webfontregular';line-height:1.0;font-size:3rem;padding:4px 15px;margin:13px;color:#d24949;border-radius:15px;border:1px solid #d24949;text-transform:uppercase;text-decoration:none}
.boutonquizz{-moz-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;cursor:pointer}
.boutonquizz:hover,.boutonquizzactif{background:#d24949;color:white;border-radius:5px;border:1px solid #d24949;text-decoration:none}
.listequizz{position:absolute;text-align:right;right:20px;top:20px}
.listequizz span{display:block;padding:0}
.ciblelibelle{padding:5px;width:300px;height:30px;margin:10px;border:0 none}
.cible,.objet{padding:0;margin:5px;width:130px;height:50px;text-align:center}
.objet{cursor:pointer;background:white;position:absolute;text-align:center}
.output{font-family:'oradour_extendedblack';line-height:1.0;font-size:1.5rem;background:white}
.suivant,.precedent{position:relative;top:0;margin:2px 0;width:50px;-moz-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;cursor:pointer}
.precedent{transform:rotate(180deg);-moz-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
.suivant:hover{top:10px}
.precedent:hover{top:-10px}
.etape_chapitre{background:white;right:0px;margin:2px;height:50px;width:50px;position:relative;border-radius:25px;overflow:hidden;border:1px solid gray;cursor:pointer;-moz-transition:all 0.25s linear;-webkit-transition:all 0.25s linear;-o-transition:all 0.25s linear;transition:all 0.25s linear}
.article_chapitre{background:white;right:0px;margin:2px 16px;height:20px;width:20px;position:relative;border-radius:10px;overflow:hidden;border:1px solid gray;cursor:pointer;-moz-transition:all 0.25s linear;-webkit-transition:all 0.25s linear;-o-transition:all 0.25s linear;transition:all 0.25s linear}
.etape_chapitre:hover,.article_chapitre:hover{right:5px}
.etape_active{border:2px solid #d24949;background:black}
.titre_etape{display:none;position:absolute;right:130%;top:14px;padding:5px 10px;text-align:right;font-size:.8rem;text-transform:uppercase;background:white;color:black;font-weight:700;white-space:nowrap}
.blanc{background:white}
.blanc A.boutonsite{display:block;width:80%;padding:10px 15px;margin:30px auto;color:black;border-radius:25px;border:1px solid black;text-transform:uppercase;text-decoration:none;-moz-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
.blanc A.boutonsite:hover{background:#d24949;color:white;border-radius:5px;border:1px solid #d24949;text-decoration:none}
A{cursor:pointer}
A:focus{border-bottom:3px solid red}
A.lienrouge{border-bottom:1px solid red}
.carton,.carton2{display:none;position:absolute;left:0;top:0;background:#27276d;width:100%;height:100%;font-family:'webfontregular',serif;color:white;text-align:center;text-transform:uppercase;line-height:1.4}
.carton div{display:inline-block;font-size:12rem}
.carton2 div{display:inline-block;font-size:7.5rem;line-height:0.8;padding-top:30px}
.carton2 div span{font-size:1.2rem;font-family:'oradour_extendedregular';padding:20px;display:inline-block;text-align:center;position:absolute;bottom:0;left:0;width:100%;line-height:1}
.duree{font-family:'oradour_extendedregular';border-bottom:1px solid white;height:10px;top:-56px;position:relative}
.duree span{font-size:1rem;top:0;left:0;position:absolute;padding:0 10px;text-transform:none}
.duree .temps{left:auto;right:0}
.rcarton,.rcarton2,.rcarton .duree,.rcarton .duree span{background:#d24949;padding:0 10px}
.bcarton,.bcarton2,.bcarton .duree,.bcarton .duree span{background:#27276d}::cue{color:#ccc;font-size:1.2rem;line-height:1}
H1{font-family:'webfontregular',serif;line-height:1.0;font-size:5rem;color:#d24949;font-weight:400;margin:10px 0;text-transform:uppercase}
.rouge H1{color:white}
H2{display:inline-block;padding:5px;background:#d24949;font-size:1.2rem;font-weight:400;color:white;font-family:'oradour_extendedregular',serif;text-transform:uppercase}
H2:first-child{margin-top:0}
H3{line-height:1.0;font-size:2rem;color:#d24949;font-weight:400;text-align:left;font-size:2rem}
.slide{width:100%;height:100%;overflow:hidden auto;background:white;position:absolute;top:100%;padding-bottom:50px}
.bouton{display:inline-block;margin:5px;padding:10px;background:#C0C0C0;text-align:center}
.reponse{position:relative;left:-1600px;display:none}
#vrai{color:green;margin:10px 0 20px}
#faux{color:red;margin:10px 0 20px}
#explication{position:relative;left:-1600px;display:none}
.first{font-size:4rem}
.colonnage{-webkit-column-count:2;-moz-column-count:2;column-count:2}
.titre_rouge{text-transform:uppercase;text-decoration:underline;color:#d24949;margin:25px 0 0;text-align:left}
.lettreslexique{position:absolute;right:50px;top:20px}
.lettreslexique A{text-decoration:none}
.titre_video{position:absolute;right:116px;padding:10px;left:auto;bottom:69px;height:89px;transform:rotate(2deg);white-space:nowrap;width:auto}
input[type=range]{-webkit-appearance:none;width:100%;margin:0.7px 0}
input[type=range]:focus{outline:none}
input[type=range]::-webkit-slider-runnable-track{width:100%;height:25.6px;cursor:pointer;box-shadow:1px 1px 1px #000,0px 0px 1px #0d0d0d;background:#484d4d;border-radius:0px;border:0px solid #010101}
input[type=range]::-webkit-slider-thumb{box-shadow:0px 0px 1px #670000,0px 0px 0px #810000;border:0px solid rgba(132,206,66,1);height:27px;width:18px;border-radius:0px;background:rgba(132,206,66,1);cursor:pointer;-webkit-appearance:none;margin-top:-0.7px}
input[type=range]:focus::-webkit-slider-runnable-track{background:#545a5a}
input[type=range]::-moz-range-track{width:100%;height:25.6px;cursor:pointer;box-shadow:1px 1px 1px #000,0px 0px 1px #0d0d0d;background:#B0B0B0;border-radius:0px;border:0px solid #010101}
input[type=range]::-moz-range-thumb{box-shadow:0px 0px 1px #670000,0px 0px 0px #810000;border:0px solid rgba(132,206,66,1);height:27px;width:18px;border-radius:0px;background:black;cursor:pointer}
input[type=range]::-ms-track{width:100%;height:25.6px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}
input[type=range]::-ms-fill-lower{background:#3c4040;border:0px solid #010101;border-radius:0px;box-shadow:1px 1px 1px #000,0px 0px 1px #0d0d0d}
input[type=range]::-ms-fill-upper{background:#484d4d;border:0px solid #010101;border-radius:0px;box-shadow:1px 1px 1px #000,0px 0px 1px #0d0d0d}
input[type=range]::-ms-thumb{box-shadow:0px 0px 1px #670000,0px 0px 0px #810000;border:0px solid rgba(132,206,66,1);height:27px;width:18px;border-radius:0px;background:rgba(132,206,66,1);cursor:pointer;height:25.6px}
input[type=range]:focus::-ms-fill-lower{background:#484d4d}
input[type=range]:focus::-ms-fill-upper{background:#545a5a}
.objetdecale{left:490px!important;transition:all 0.5s ease-out}
@media screen and (max-width:1000px){.jeunes{width:25%;height:33%;font-size:2rem}
.carton2 span{top:50%}}
@media screen and (max-width:800px){.jeunes{width:33.3%;height:30%;font-size:1.8rem}
.carton2 span{top:50%}
.carton div{font-size:6rem;position:relative;top:-20px}}
@media screen and (max-width:600px){BODY,p{font-size:1.1rem;line-height:1.2}
FOOTER #menu{display:none}
FOOTER #menu A{display:block;font-size:1.5rem;border-bottom:1px solid #F0F0F0}
#btmenu{display:inline-block}
H1{font-size:3rem;margin:10px 0 25px 10px;line-height:0.9}
H3,H3.spip{font-size:1.6rem}
.h1flottant{position:absolute;top:50px;left:150px;font-size:2rem}
.t_int{font-size:1rem;line-height:1}
.t_int2{top:250px}
.t_int3{top:298px}
.t_int4{top:347px}
#entrez{top:384px}
#entrez:hover{top:390px}
#logo0{float:none;display:block;margin:0 0 8px 20px;width:120px}
.logopartenaire{width:auto;height:30px!important;margin:0}
.chapitre{display:block;width:100%;height:25%}
.headerhome{top:90px;width:150px;margin-left:-75px;height:80px}
.headercentrer{position:absolute;left:50%;top:48%;width:100px;margin-left:-050px;height:100px;margin-top:-50px;z-index:50;transform:rotate(-10deg);transition:all 0.5s ease}
.headerfinal{width:70px!important;left:10px!important;top:10px!important}
.jeunes{width:50%;height:30%;font-size:1.8rem}
.carton div{font-size:6rem;position:relative;top:-20px}
.carton2 div span{top:auto;bottom:-0px}
.carton,.carton,.carton2{display:block;width:100%;position:absolute;height:100%;background:transparent}
.carton span{font-size:2.5rem;color:#27276d;line-height:1}
.duree{display:none}
.duree span{background:transparent;font-size:1rem;color:white}
.carton2 span{font-size:2rem;color:#27276d;line-height:1;z-index:110}
.video_full{max-height:90%}
.listequizz{right:0px}
#menu{margin:4px 0 0 10px}
.menuburger{right:5px;top:5px;width:25px}
.sousmenu{right:4px;top:36px}
.colonnage{-webkit-column-count:1;-moz-column-count:1;column-count:1;margin-right:16px}
.lettreslexique{right:0}
.listequizz{font-size:.8rem}
.jeunes{width:100%;height:230px;font-size:2rem}
.carton2 span{top:50%}
#controles{right:30px;top:50px;width:53px}
.titre_etape{display:inline-block}
.tetape_chapitre,.tarticle_chapitre{margin:10px 0}
.titre_etape{max-width:270px;font-size:.7rem;width:240px;top:7px;padding:2px 10px;white-space:normal}
.etiquette{bottom:61px;width:190px;height:76px;font-size:2.9rem}
.etiquette span{position:relative;top:-8px}
.etiquette div{font-size:.7rem}
.titre_video{bottom:auto;top:30px}
.boutonpause{left:70px;top:auto;bottom:60px}
.boutonplay{right:39%;top:27%;width:70px}
.listequizz{display:none}
.ciblelibelle{width:130px}
.boutonquizz,.ciblelibelle,.cible,.objet{font-size:2rem}
.cible,.objet{height:33px;width:90px}
.objetdecale{left:240px!important}}

/* css/icons.css */
@font-face{font-family:'icomoon';src:url('/css/fonts/icomoon.eot?1t4yig');src:url('/css/fonts/icomoon.eot?1t4yig#iefix') format('embedded-opentype'),url('/css/fonts/icomoon.ttf?1t4yig') format('truetype'),url('/css/fonts/icomoon.woff?1t4yig') format('woff'),url('/css/fonts/icomoon.svg?1t4yig#icomoon') format('svg');font-weight:400;font-style:normal}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-ICONES__donnees:before{content:"\e924"}
.icon-ICONES__pleinecran:before{content:"\e925"}
.icon-ico_pdf:before{content:"\e923"}
.icon-ico_bo_depenses:before{content:"\e900"}
.icon-ico_bo_hom_fem:before{content:"\e901"}
.icon-ico_bo_inegalites:before{content:"\e902"}
.icon-ico_bo_lexique:before{content:"\e903"}
.icon-ico_bo_niv_vie:before{content:"\e904"}
.icon-ico_bo_patrimoine:before{content:"\e905"}
.icon-ico_bo_questions:before{content:"\e906"}
.icon-ico_bo_salaires:before{content:"\e907"}
.icon-ico_contact:before{content:"\e908"}
.icon-ico_depart_formation:before{content:"\e909"}
.icon-ico_facebook:before{content:"\e90a"}
.icon-ico_fermer:before{content:"\e90b"}
.icon-file-text:before{content:"\e90c"}
.icon-ico_fleche_bas:before{content:"\e90d"}
.icon-ico_fleche_drt:before{content:"\e90e"}
.icon-ico_fleche_fin:before{content:"\e90f"}
.icon-ico_imprimer:before{content:"\e910"}
.icon-ico_loupe:before{content:"\e911"}
.icon-ico_nous_soutenir:before{content:"\e912"}
.icon-ico_oubli_notes:before{content:"\e913"}
.icon-cart:before{content:"\e914"}
.icon-ico_publi_dossiers:before{content:"\e915"}
.icon-ico_publi_outilspeda:before{content:"\e916"}
.icon-ico_publi_ouvrages:before{content:"\e917"}
.icon-ico_qui_2activites:before{content:"\e918"}
.icon-ico_qui_3ressources_partenaires:before{content:"\e919"}
.icon-ico_qui_4equipe:before{content:"\e91a"}
.icon-ico_qui_5formations:before{content:"\e91b"}
.icon-ico_qui_6actus:before{content:"\e91c"}
.icon-ico_qui_comprehension:before{content:"\e91d"}
.icon-ico_qui_diffuser:before{content:"\e91e"}
.icon-ico_qui_etat_lieux:before{content:"\e91f"}
.icon-ico_qui1_orgindependant:before{content:"\e920"}
.icon-ico_tarifs:before{content:"\e921"}
.icon-ico_twitter:before{content:"\e922"}

