/* compact [
	skel/css/style.css
	skel/css/style-phone.css
	skel/css/style.css
	plugins-dist/mediabox/lib/lity/lity.css?1772530622
	plugins-dist/mediabox/lity/css/lity.mediabox.css?1772530622
	plugins-dist/mediabox/lity/skins/_simple-white/lity.css?1772530622
	plugins/auto/onglets_texte/v2.1.0/css/tab.css
	plugins/auto/historique_spip32_documents/v1.1.0/css/historique_spip32_documents.css
	plugins/auto/media/v1.6.1/css/media.css
] 80.6% */

/* skel/css/style.css */
body{color:#222;background:no-repeat bottom fixed url('//www.esa-paris.fr/skel/img/background-esa.png');font-family:'Assistant',Helvetica,Arial,verdana,sans-serif;font-size:16px;width:auto;margin:0;padding:0;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.08);text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}
h1,h2,h3,h4,h5,h6,p,div,form{margin:0;padding:0;font-family:'Assistant',Helvetica,Arial,sans-serif;font-weight:500}
h1,h2,h3,h4,h5,h6,h2 a,h3 a{color:#222}
a{text-decoration:none}
a,a:active,a:focus{outline:none!important}
p{margin:12px 0;hyphens:auto}
:focus{outline:none}::-moz-focus-inner{border:0}
img{border:0;max-width:100%;height:auto}
sup{line-height:0.5}
hr{height:0;border:0;clear:both;border-bottom:1px solid;margin:20px 0}
button{outline:none!important}
dt{margin:0 0 8px}
form{margin:0;padding:0}
fieldset{border:0}
legend{background:#fff;padding:0 45px 0 5px;border-bottom:3px solid #666}
label span{color:red}
fieldset{border:0;margin-top:10px;padding:8px}
object{outline:none!important}
#map{height:480px}
#rubrique-content .illus,#content .illus{overflow:hidden;line-height:0;margin:0 0 8px}
.fas{font-size:17px;line-height:0!important;margin-right:2px}
input,select,textarea{font-size:20px;font-family:'Assistant',Helvetica,Arial,sans-serif}
input[type='text']:focus,input[type='number']:focus,textarea:focus{font-size:16px}
#aside input,#aside select,#aside textarea{width:100%;height:35px;border:1px solid #222;color:#222;background:transparent;font-family:'Assistant',Helvetica,Arial,sans-serif}
h5{font-size:18px;text-align:left;font-weight:500;margin:25px 0 18px;padding:0 0 5px;border-bottom:1px solid;text-transform:uppercase}
h6{font-size:18px;text-align:left;font-weight:600;margin:15px 0 -5px}
#banner,#container,#footer{width:1400px;clear:both}
.col_home a{color:#222}
#banner{margin:40px auto 0;text-align:left;font-size:0;display:block;white-space:nowrap}
#banner .logo img{width:96%;transition:all 500ms ease}
#banner .logo img:hover{transform:scale(1.09);transition:all 500ms ease}
#banner .col a{color:#222}
#banner label{display:none}
#banner .logo{width:190px;display:inline-block;vertical-align:bottom}
#banner .col h2,#menu h2,#aside h2{font-size:24px;text-transform:uppercase}
#content .col4 h2,#content .col5 h2,#rubrique-content h2{font-size:35px;font-weight:300;line-height:1.1;text-transform:uppercase;text-align:left;hyphens:none;margin-bottom:25px}
#rubrique-content h2 .soustitre{font-size:28px;display:block;text-transform:initial;font-weight:600;padding:2px 0 5px}
#banner .col h2{margin-bottom:19px}
#menu h2{padding-bottom:19px;border-bottom:1px solid}
#aside h2{padding-bottom:19px}
#menu h2::after,#aside h2::after,#banner .col h2::after,#banner .semestre-menu h2::after,#content .col4 h2::after,#content .col5 h2::after,#rubrique-content h2::after{content:"";border-bottom:10px solid;color:#c8c8c8;filter:drop-shadow(4px 4px #222);width:50px;display:block;transition:all 300ms ease}
#content .col4 h2::after,#content .col5 h2::after,#rubrique-content h2::after{border-bottom:14px solid;width:70px;margin-top:6px}
#banner .col_home h2::after{border-bottom-color:#f7ff00}
#banner .semestre-menu h2::after,#banner .semestre-menu .col_home h2::after{margin-top:8px}
#banner .col3:hover h2::after{border-bottom-color:#e2007a;transition:all 600ms ease}
#banner .col4:hover h2::after{border-bottom-color:#ff6300;transition:all 600ms ease}
#banner .col5:hover h2::after{border-bottom-color:#0899e2;transition:all 600ms ease}
#banner h3{font-size:20px}
#banner ul{margin:0;padding:0;list-style:none}
#banner form{width:128px;display:inline-block}
#banner input{background:transparent;font-family:'Assistant',Helvetica,Arial,serif;border-top:0;border-left:0;border-right:0;border-bottom:0;text-align:left;width:100%;color:#222;padding:0;font-weight:400;text-shadow:1px 1px 1px rgba(0,0,0,0.08);text-rendering:optimizeLegibility!important;font-size:20px}
.general-menu{line-height:1.6;display:inline-flex;vertical-align:bottom;gap:53px;margin-left:53px;width:477px}
.general-menu .col{display:inline-block}
.semestre-menu{width:247px;display:inline-flex;vertical-align:bottom;gap:23px;margin-left:93px}
.semestre-menu h2{font-size:23px;font-weight:700;text-transform:lowercase;line-height:1.2;margin-bottom:15px}
#banner .semestre-menu h3{font-size:22px;line-height:1.3}
#semestre-gauche{width:100%;height:178px;margin:0 0 8px;padding:8px 12px 12px;float:left;border:1px solid;box-sizing:border-box;color:transparent;background-color:white;background-image:url('//www.esa-paris.fr/skel/img/stripes-noir.png');background-repeat:repeat;transition:all 300ms ease}
#semestre-gauche:hover{color:#222;background-image:none;transition:all 600ms ease;filter:drop-shadow(4px 4px #222)}
.semestre-info{display:block;height:32px}
.semestre-text{float:left}
.semestre-icon{float:left}
.semestre-icon .fas{font-size:22px;margin-left:10px}
.semestre-icon{transition:all 400ms ease;color:transparent;text-shadow:none}
.semestre-info:hover .semestre-icon{transform:scale(1.2);transition:all 600ms ease;color:#222}
.infos-menu{display:inline-block;padding:0;margin:0 0 5px 23px;width:417px;vertical-align:bottom}
#outils{line-height:2.38;font-size:15px;display:block;font-weight:400;width:100%}
#outils:hover .fas{filter:none}
#outils .fas{line-height:1.2;width:42px;font-size:30px;display:inline-block;vertical-align:middle}
.col_home #outils .fas{filter:drop-shadow(4px 4px #f7ff00)}
#outils a span{color:#222}
#outils:hover,#outils:hover input,#outils:hover a,#outils:hover a span,#outils:hover .fas,#outils.on,#outils.on i{color:#00ae96}
#google_translate_element{display:block;height:47.6px;width:100%;position:relative}
#google_translate_element img{width:30px;margin-right:12px;vertical-align:middle}
.col_home #google_translate_element img{filter:drop-shadow(4px 4px #f7ff00)}
#google_translate_element:hover img{filter:invert(50%) sepia(50%) saturate(800%) hue-rotate(125deg) brightness(90%) contrast(130%)}
.col_home #google_translate_element:hover img{filter:invert(50%) sepia(50%) saturate(800%) hue-rotate(125deg) brightness(90%) contrast(130%) drop-shadow(4px 4px #f7ff00)}
#google_translate_element:hover .goog-te-gadget::before{color:#00ae96}
.fa-flag{position:absolute}
.goog-te-gadget{font-family:'Assistant',Helvetica,Arial,verdana,sans-serif!important;color:#222!important;white-space:nowrap!important;font-size:0!important;font-weight:400;line-height:2.38;position:absolute;top:0}
.goog-te-gadget img{width:0!important}
.goog-te-combo{font-family:'Assistant',Helvetica,Arial,verdana,sans-serif!important;font-size:16px!important;border:none!important;background:transparent!important;padding:0;opacity:0;max-width:170px}
.goog-te-gadget .goog-te-combo{padding:8px 0;cursor:pointer}
.VIpgJd-ZVi9od-l4eHX-hSRGPd{font-size:0!important}
.col2 h2.on{color:#222;border-bottom:1px solid #222!important}
.col2 h5,.col2 h6,#banner .col2 a.on,#banner .col2 a:hover,#banner .col2 a span,#banner .col2 h3,#banner .col2 #content a,.col2 #menu a:hover,.col2 #menu a.on,.col2 a.on,.col2 a span,.col2 #content a{color:#222}
.col2 #rubrique-content h2::after,.col2 #menu h2::after,#aside .col2 h2::after{color:#f7ff00}
.col2 #content object,.col2 #content embed{height:480px;width:480px}
.col2 #menu li{padding:10px}
.col2 #menu li.on h4,.col2 #menu li:hover h4,.col2 #menu li.on p,.col2 #menu li:hover p{color:#222}
.col2 #sous-menu-fleche a{width:0px;height:0px;display:inline-block;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:20px solid #222;box-sizing:border-box;float:left;margin:4px 6px 0 0}
.col2 #menu h4{-weight:600;line-height:1.4;padding-top:10px}
#content .col2{font-size:16px}
.col2 #menu p{text-transform:uppercase;padding:10px;font-size:13px;background-image:url('//www.esa-paris.fr/skel/img/stripes-noir.png');background-repeat:repeat;color:#222;border-top:1px solid #222}
.col2 #content .illus{background-image:url('//www.esa-paris.fr/skel/img/stripes-noir.png');background-repeat:repeat}
.col2 h2 small{display:block;font-size:24px}
#banner .col3 h2.on::after{content:"";border-bottom:10px solid #e2007a;filter:drop-shadow(4px 4px #222);display:block}
#banner .col3 a.on,#banner .col3 a:hover,#banner .col3 a span,#banner .col3 h3,#banner .col3 #content a,.col3 #menu a:hover,.col3 #menu a.on,.col3 a.on,.col3 a:hover,.col3 a span,.col3 h3,.col3 h5,.col3 h6,.col3 #content a,.col3 #menu h2::after,#aside .col3 h2::after,.col3 #rubrique-content h2::after,.col3 .preview:hover .titre,.col3 .date,.col3 .lieu{color:#e2007a}
.col3 #menu h3:hover,.col3 #menu h3.on{font-weight:700}
.col3 #menu h2,.col3 #sous-menu,.col3 #headZ h2::after,.col3 hr{border-color:#e2007a}
.col3 #content .illus,.col3 #sous-menu.on{background-image:url('//www.esa-paris.fr/skel/img/stripes-cassis.png');background-repeat:repeat}
.col3 #sous-menu-fleche.on{width:0px;height:0px;border-left:25px solid transparent;border-right:25px solid transparent;border-top:25px solid #e2007a;float:right}
#content .col3 h4{font-size:18px;border-top:1px solid #e2007a;border-bottom:1px solid #e2007a;padding:15px 0;display:block;width:100%;line-height:1.35;background-repeat:repeat;box-sizing:border-box;color:#e2007a;font-weight:500;text-align:left}
#menu .col3 #headZ{margin:25px 0 0}
#banner .col4 h2.on::after{content:"";border-bottom:10px solid #ff6300;filter:drop-shadow(4px 4px #222);display:block}
#banner .col4 a.on,#banner .col4 a:hover,#banner .col4 a span,#banner .col4 h3,#banner .col4 #content a,.col4 #menu a:hover,.col4 #menu a.on,.col4 a.on,.col4 a:hover,.col4 a span,.col4 h3,.col4 h5,.col4 h6,#container .col4 h6 a,#container #rubrique-content .col4 h6 a,.col4 #content a,.col4 #menu h2::after,#aside .col4 h2::after,#content .col4 h2::after,.col4 #rubrique-content h2::after,#rubrique-content .col4 a:hover{color:#ff6300}
.col4 #menu h3:hover,.col4 #menu h3.on{font-weight:700}
.col4 #menu h2,.col4 #sous-menu,.col4 hr{border-color:#ff6300}
.col4 .illus,.col4 #sous-menu.on{background-image:url('//www.esa-paris.fr/skel/img/stripes-orange.png');background-repeat:repeat}
.col4 #sous-menu-fleche.on{width:0px;height:0px;border-left:25px solid transparent;border-right:25px solid transparent;border-top:25px solid #ff6300;position:absolute;top:0;right:0}
#content .col4 h4{background-image:url('//www.esa-paris.fr/skel/img/stripes-orange.png');background-repeat:repeat;padding:10px;border-left:15px solid #ff6300}
#container .col4 h6 a,#container #rubrique-content .col4 h6 a:hover{color:#222}
#banner .col5 h2.on::after{content:"";border-bottom:10px solid #0899e2;filter:drop-shadow(4px 4px #222);display:block}
#banner .col5 a.on,#banner .col5 a:hover,#banner .col5 a span,#banner .col5 h3,#banner .col5 #content a,.col5 #menu a:hover,.col5 #menu a.on,.col5 a.on,.col5 a:hover,.col5 a span,.col5 h3,.col5 h5,.col5 h6,.col5 #content a,.col5 #menu h2::after,#aside .col5 h2::after,#content .col5 h2::after,.col5 #rubrique-content h2::after{color:#0899e2}
.col5 #menu h3:hover,.col5 #menu h3.on{font-weight:700}
.col5 #menu h2,.col5 #sous-menu,.col5 hr{border-color:#0899e2}
.col5 .illus,.col5 #sous-menu.on{background-image:url('//www.esa-paris.fr/skel/img/stripes-bleu.png');background-repeat:repeat}
.col5 #sous-menu-fleche.on{width:0px;height:0px;border-left:25px solid transparent;border-right:25px solid transparent;border-top:25px solid #0899e2;float:right}
#banner .col6 a.on,#banner .col6 a.on span,#banner .col6 a:hover,#banner .col6 h3,#banner .col6 #content a,.col6 #menu a:hover,.col6 #menu a.on,.col6 a.on,.col6 a:hover,#container .col6 a span,.col6 h3,.col6 h5,.col6 h6,.col6 #rubrique-content a:hover,.col6 #menu h2::after,#aside .col6 h2::after,.col6 #rubrique-content h2::after{color:#00ae96}
.col6 #menu h3:hover,.col6 #menu h3.on{font-weight:700}
.col6 #menu h2,.col6 #sous-menu,.col6 hr{border-color:#00ae96}
.col6 h4{line-height:2.8}
.col6 .illus,.col6 #sous-menu.on{background-image:url('//www.esa-paris.fr/skel/img/stripes-vert.png');background-repeat:repeat}
.col6 #sous-menu-fleche.on{width:0px;height:0px;border-left:25px solid transparent;border-right:25px solid transparent;border-top:25px solid #00ae96;float:right}
.col2 #content a:hover,.col3 #content a:hover,.col4 #content a:hover,.col5 #content a:hover,.col6 #content a:hover{text-decoration:underline}
#container .col2 #content a:hover{color:#555}
#headA:hover .sommaire-title-container,#headC:hover .sommaire-title-container,#headD:hover .sommaire-title-container,#headE:hover .sommaire-title-container,#headF:hover .sommaire-title-container,#headH:hover .sommaire-title-container,#headJ:hover .sommaire-title-container,#headL:hover .sommaire-title-container,#headM:hover .sommaire-title-container,#headP:hover .sommaire-title-container,#headQ:hover .sommaire-title-container,#headS:hover .sommaire-title-container,#headZ:hover .sommaire-title-container,#rubrique-content .preview-title-tile:hover .preview-title-container,#rubrique-content .preview-title-container:hover{height:100%;filter:none;opacity:0}
#headA:hover .sommaire-title-container:before,#headC:hover .sommaire-title-container:before,#headD:hover .sommaire-title-container:before,#headE:hover .sommaire-title-container:before,#headF:hover .sommaire-title-container:before,#headH:hover .sommaire-title-container:before,#headJ:hover .sommaire-title-container:before,#headL:hover .sommaire-title-container:before,#headM:hover .sommaire-title-container:before,#headP:hover .sommaire-title-container:before,#headQ:hover .sommaire-title-container:before,#headS:hover .sommaire-title-container:before,#headZ:hover .sommaire-title-container:before{background-color:rgba(255,255,255,0);transition:all 900ms ease;transform:rotate(90deg)}
#headA:hover,#headC:hover,#headD:hover,#headE:hover,#headF:hover,#headH:hover,#headJ:hover,#headL:hover,#headM:hover,#headP:hover,#headQ:hover,#headS:hover,#headZ:hover,.preview-title-tile:hover{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);transition:all 700ms ease;z-index:980}
#container #content .col4 a:hover{color:#ff6300}
#container #content .col5 a:hover{color:#0899e2}
#container #content .col6 a:hover{color:#00ae96}
.col3 #rubrique-content a:hover .resume,.col3 #rubrique-content a:hover .sous-titre{color:#e2007a}
.col4 #rubrique-content a:hover .resume{color:#ff6300}
#container #rubrique-content .col2 .plan-rub a.on{color:#222}
#container #rubrique-content .col3 .plan-rub a.on{color:#e2007a}
#container #rubrique-content .col4 .plan-rub a.on{color:#ff6300}
#container #rubrique-content .col5 .plan-rub a.on{color:#0899e2}
#container #rubrique-content .col6 .plan-rub a.on{color:#00ae96}
#footer{margin:30px auto 0;border-top:3px solid #222;padding:18px 0 60px;text-align:left;font-size:16px;line-height:1.4}
#footer a{color:#222;text-decoration:underline;text-transform:lowercase}
#footer a:hover{color:#00ae96}
#footer .logo{border-left:1px solid;padding:5px 0 0 15px;height:74px;width:219px;float:left;box-sizing:border-box}
#footer .eespig{float:left;border-left:1px solid;height:72px}
#footer .eespig-logo{display:inline-block;width:66px;margin:0 12px 0 17px}
#footer .eespig-texte{display:inline-block;width:180px;vertical-align:top;margin:4px 33px 0 0}
#footer .adresse{float:left;width:265px;border-left:1px solid;padding:2px 0 0 15px;height:72px}
#footer .social{border-left:1px solid;padding-left:15px;float:left;height:74px}
#footer .social img{width:34px;margin:0 0 9px;vertical-align:middle}
#footer .social img:hover{filter:invert(50%) sepia(50%) saturate(800%) hue-rotate(125deg) brightness(90%) contrast(130%)}
#footer .fb{font-size:38px;height:45px}
#footer .fb a{text-decoration:none}
#footer .credit{clear:both;padding:3px 0 0}
#container{line-height:1.5;margin:35px auto 65px}
.sommaire-container h2,#headZ h2{font-size:28px;text-align:left;hyphens:none;line-height:1.1;font-weight:700;text-decoration:none;letter-spacing:0.3px;text-transform:lowercase}
.col2 #content h2,.col3 #content h2{font-size:36px;text-transform:none;padding:10px 0;line-height:1.2;font-weight:700;text-align:left;hyphens:none;display:block}
#container #content h3{font-size:32px;padding:0 0 7px;line-height:1.2;text-align:left;hyphens:none;margin:-8px 0 0;color:#222;font-weight:400}
.col2 #content h2{max-width:570px}
#rubrique-content button,#content button{font-size:18px;text-transform:none;padding:10px;margin-bottom:10px;font-family:inherit;background:none;width:100%;text-align:left;cursor:pointer;min-height:60px;position:relative}
.col2 #rubrique-content button,.col2 #content button{color:rgb(8,153,226);border:1px solid #222}
.col4 #rubrique-content button,.col4 #content button{color:#ff6300;border:1px solid #ff6300}
#rubrique-content button::after,#content button::after{content:"";width:0px;height:0px;border-top:35px solid transparent;right:0;bottom:0;position:absolute}
.col2 #rubrique-content button::after,.col2 #content button::after{border-right:35px solid #222}
.col4 #rubrique-content button::after,.col4 #content button::after{border-right:35px solid #ff6300}
#rubrique-content h1 button,#content h1 button{font-size:24px;padding:30px;height:235px;display:flex;align-items:flex-start}
#rubrique-content button a,#content button a{text-decoration:none}
#rubrique-content button:hover,#content button:hover{background-image:url('//www.esa-paris.fr/skel/img/stripes-bleu.png');background-repeat:repeat}
.col2 #rubrique-content button:hover,.col2 #content button:hover{background-image:url('//www.esa-paris.fr/skel/img/stripes-noir.png')}
.col4 #rubrique-content button:hover,.col4 #content button:hover{background-image:url('//www.esa-paris.fr/skel/img/stripes-orange.png')}
.sommaire-container{height:100%}
.sommaire-container .illus{height:100%;display:block;z-index:0;position:relative;margin:0}
.sommaire-title-container,#rubrique-content .preview-title-container{position:absolute;width:100%;bottom:0;left:0;z-index:500;border:1px solid #222;background-color:rgba(255,255,255,1);text-align:left;box-sizing:border-box;color:#222;filter:drop-shadow(4px 4px #222);transition:all 400ms ease;opacity:1;text-decoration:none}
#rubrique-content .preview-title-container{height:40%;padding:17px}
#headA .sommaire-title-container,#headJ .sommaire-title-container,#headP .sommaire-title-container{height:35%;padding:20px 30px;transition:all 600ms ease}
#headC .sommaire-title-container,#headH .sommaire-title-container,#headL .sommaire-title-container,#headM .sommaire-title-container{height:100%;padding:11px 16px;line-height:1.4}
#headD .sommaire-title-container,#headE .sommaire-title-container,#headF .sommaire-title-container,#headQ .sommaire-title-container,#headS .sommaire-title-container{height:45%;padding:10px 18px;transition:all 400ms ease;text-decoration:none}
#headZ .sommaire-title-container{height:100%;padding:14px 12px;transition:all 600ms ease;text-decoration:none;background-color:rgba(255,255,255,1)}
#headA .sommaire-title-container:before,#headC .sommaire-title-container:before,#headD .sommaire-title-container:before,#headE .sommaire-title-container:before,#headH .sommaire-title-container:before,#headJ .sommaire-title-container:before,#headL .sommaire-title-container:before,#headM .sommaire-title-container:before,#headP .sommaire-title-container:before,#headQ .sommaire-title-container:before{content:"";position:absolute;z-index:-100}
#headA .sommaire-title-container:before{clip-path:polygon(91% 9%,21% 44%,0 66%,62% 100%,75% 87%,86% 93%);top:-110px;left:50px;width:210px;height:210px;background-color:#f7ff00}
#headJ .sommaire-title-container:before{clip-path:polygon(0 100%,76% 100%,76% 92%,100% 72%,100% 0%,30% 0,6% 22%,0 22%);bottom:-40px;right:-16px;width:175px;height:175px;background-color:#ccc}
#headP .sommaire-title-container:before{clip-path:polygon(19% 37%,10% 41%,74% 100%,100% 19%,97% 0,18% 21%);top:-70px;right:20px;width:210px;height:210px;background-color:#f7ff00}
#headC .sommaire-title-container:before,#headL .sommaire-title-container:before,#headM .sommaire-title-container:before{width:75px;height:75px}
#headC .sommaire-title-container:before{background-color:#ccc;clip-path:polygon(0 72%,46% 100%,73% 92%,76% 94%,100% 41%,47% 13%,45% 20%,23% 26%);top:-5px;right:-33px}
#headH .sommaire-title-container:before{background-color:#ccc;clip-path:polygon(0 72%,46% 100%,73% 92%,76% 94%,100% 41%,47% 13%,45% 20%,23% 26%);display:none}
#headL .sommaire-title-container:before{background-color:#f7ff00;clip-path:polygon(0 82%,42% 100%,78% 81%,89% 69%,89% 27%,51% 3%,13% 22%,13% 34%,0 46%);display:none}
#headM .sommaire-title-container:before{background-color:#ccc;clip-path:polygon(0 82%,42% 100%,78% 81%,89% 69%,89% 27%,51% 3%,13% 22%,13% 34%,0 46%);top:-14px;left:-26px}
#headD .sommaire-title-container:before,#headE .sommaire-title-container:before,#headQ .sommaire-title-container:before{width:120px;height:120px}
#headD .sommaire-title-container:before{background-color:#ccc;clip-path:polygon(0 57%,10% 98%,81% 100%,100% 97%,79% 26%,7% 24%,15% 56%);bottom:-42px;right:10px}
#headE .sommaire-title-container:before{background-color:#f7ff00;clip-path:polygon(21% 20%,11% 55%,61% 93%,78% 100%,93% 35%,40% 0,33% 25%);top:-57px;right:-2px}
#headQ .sommaire-title-container:before{background-color:#f7ff00;clip-path:polygon(0% 37%,14% 79%,29% 97%,72% 100%,100% 62%,83% 16%,70% 16%,57% 2%,28% 0);bottom:-35px;left:-55px}
@keyframes rotating{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}}
#headB,#headN,#headK,#headO,#headR,#headI,#headG{background-image:url('//www.esa-paris.fr/skel/img/stripes-noir.png');background-repeat:repeat}
#headA{width:686px;height:686px;transition:all 600ms ease;position:relative;float:left;border:1px solid transparent}
#headB{width:153px;height:153px;float:left;border:1px solid transparent}
#headC{width:153px;height:153px;position:relative;float:right;transition:all 600ms ease;border:1px solid transparent}
#headD{width:331px;height:331px;position:relative;float:left;margin-left:23px;transition:all 600ms ease;border:1px solid transparent}
#headE{width:331px;height:331px;position:relative;float:right;transition:all 600ms ease;border:1px solid transparent}
#headF{width:331px;height:331px;position:relative;float:left;transition:all 600ms ease;border:1px solid transparent}
#headH{width:153px;height:153px;position:relative;float:left;margin-top:23px;transition:all 600ms ease;border:1px solid transparent}
#headJ{width:686px;height:686px;transition:all 600ms ease;position:relative;margin-top:23px;float:right;border:1px solid transparent}
#headK{width:153px;height:153px;float:right;margin-left:23px;border:1px solid transparent}
#headL{width:153px;height:153px;position:relative;float:left;transition:all 600ms ease;border:1px solid transparent}
#headM{width:153px;height:153px;position:relative;float:right;margin-top:23px;transition:all 600ms ease;border:1px solid transparent}
#headO{width:331px;height:331px;position:relative;margin-top:23px;float:right;margin-right:23px;border:1px solid transparent}
#headP{width:686px;height:686px;transition:all 600ms ease;position:relative;margin-top:23px;float:left;border:1px solid transparent}
#headQ{width:331px;height:331px;position:relative;float:right;margin:22px 0 0;transition:all 600ms ease;border:1px solid transparent}
#headR{width:331px;height:331px;position:relative;float:left;clear:both;margin:22px 0 0;border:1px solid transparent}
#headS{width:331px;height:331px;position:relative;float:right;transition:all 600ms ease;border:1px solid transparent}
#headI{width:331px;height:331px;float:left;margin-right:23px;border:1px solid transparent}
#headG{display:none}
#headZ{width:220px;height:220px;position:relative;transition:all 600ms ease;margin-bottom:4px}
#headgroup0{float:right}
#headgroup1{width:333px;float:right;margin-left:23px}
#headgroup2{margin-top:23px;position:relative;float:left;width:688px}
#headgroup3{margin-top:23px;width:333px;float:left}
#headgroup4{width:688px;float:right;margin-top:23px}
#headgroup5{margin-top:23px;margin-left:23px;float:left}
#headA h2::after,#headJ h2::after,#headP h2::after{content:"";border-bottom:14px solid;border-bottom-color:#f7ff00;filter:drop-shadow(6px 6px #222);width:65px;display:block;margin-top:8px}
#headC h2::after,#headD h2::after,#headE h2::after,#headF h2::after,#headH h2::after,#headL h2::after,#headM h2::after,#headQ h2::after,#headS h2::after,#headZ h2::after{content:"";border-bottom:6px solid;border-bottom-color:#f7ff00;filter:drop-shadow(3px 3px #222);width:34px;display:block;margin-top:2px}
#rubrique-content .preview-title-container h2::after{border-bottom:8px solid;width:40px;margin-top:4px}
#headA h2,#headJ h2,#headP h2{margin:0 0 18px}
#headC h2,#headD h2,#headE h2,#headF h2,#headH h2,#headL h2,#headM h2,#headQ h2,#headS h2,#headZ h2,#rubrique-content .preview-title-container h2{line-height:1.6;font-size:18px;margin:0 0 12px;transition:all 600ms ease;font-weight:700}
#rubrique-content .preview-title-container h2{text-transform:none;border:none;padding:0;transition:none}
#headZ h2{padding-bottom:0;border-bottom:none}
#headA h3,#headJ h3,#headP h3{font-size:32px;font-weight:300;margin:0 100px 0 0;line-height:1.3}
#headC h3,#headD h3,#headE h3,#headF h3,#headH h3,#headL h3,#headM h3,#headQ h3,#headS h3,#menu #headZ h3,#menu #headZ h4{font-size:18px;line-height:1.35;transition:all 600ms ease;margin:0;font-weight:400;color:#222}
.col3 #menu #headZ h3{font-weight:500}
.col3 #menu #headZ h4{display:block;font-size:16px}
#menu #headZ .fa{position:absolute;bottom:15px;right:15px;font-size:40px;color:#222}
#menu .date{background-image:url('//www.esa-paris.fr/skel/img/stripes-noir.png');background-repeat:repeat}
.date{text-transform:uppercase;font-weight:600}
.date-big{font-size:30px;font-weight:400;position:absolute;right:0;font-family:'Roboto',sans-serif;filter:drop-shadow(2px 2px #f7ff00)}
.date-big span{font-size:60px;filter:drop-shadow(3px 3px #f7ff00)}
.sommaire-title-container .date-big{top:0;padding:0 20px 0 0}
.titre-cartel .date-big{bottom:0;line-height:1.3}
.sommaire-title-container .date-small{font-size:20px;font-weight:400;padding:0 12px 0 0;position:absolute;top:0;right:0;font-family:'Roboto',sans-serif;filter:drop-shadow(2px 2px #f7ff00)}
.sommaire-title-container .date-small span{font-size:40px;filter:drop-shadow(1px 1px #f7ff00)}
.titre-cartel{position:relative;border-bottom:3px solid #222}
.col2 .titre-cartel,.col3 .titre-cartel{border-top:3px solid #222;padding-bottom:8px;margin-top:10px}
.col3 .titre-informations{padding:18px;background-image:url('//www.esa-paris.fr/skel/img/stripes-cassis.png');background-repeat:repeat}
.informations-publication{padding:18px 0}
.col4 .abstract-article{width:557px;float:left}
.col3 .abstract-article,.col3 .abstract-rubrique{width:327px;float:left}
.col3 .abstract-article .titre,.col3 .abstract-rubrique .titre,.col3 .abstract-rubrique .sous-titre{font-size:20px;line-height:1.4;font-weight:600;text-align:left;hyphens:none}
.col3 .abstract-article .titre{color:#222;margin-top:8px}
.col3 .abstract-article .sous-titre{font-size:20px;font-weight:400;text-align:left}
.col3 .abstract-publication .sous-titre{font-size:20px;font-weight:400;text-align:left}
.col3 .abstract-publication .date{text-transform:uppercase;font-weight:600;margin:0 0 10px}
.col3 .categorie{font-weight:700;margin-top:8px;font-size:22px;color:#e2007a}
#container #content .col3 .lien a{color:#e2007a;text-decoration:none}
#container #content .col3 .lien a:hover{color:#222}
#menu-container,#menu{width:220px;margin:0 40px 10px 0;text-align:left;float:left;line-height:1.6}
#sous-menu{position:relative;border-bottom:1px solid}
#sous-menu:first-child{border-top:1px solid}
#menu h3{font-size:20px;margin:15px 0 0;font-weight:700;display:inline-block}
#menu h4{font-size:18px;font-weight:400;margin:0;line-height:1.6}
.col3 #menu h4{display:none}
#menu ul{margin:0;list-style:none;padding:4px 0 15px}
#menu li{list-style:none}
#menu a{color:#222}
#rubrique-content .col3 .pagination{font-size:26px;margin-left:-5px}
.sep{font-size:0;display:inline-block}
ul.pagination_page{list-style:none;margin:0;padding:0}
li.pagination-item{display:inline-block}
.pagination-item-label{display:inline-block;text-decoration:none!important;border-radius:25px;width:44px;height:44px;text-align:center;vertical-align:middle;line-height:1.6!important;font-size:26px;margin:0 3px}
.pages .tbc{width:25px;line-height:1.5}
.pages .tbc .fa-play,.pagination_page .fa-play{margin-left:3px!important;border:1px solid red}
.pages .tbc .invert{margin-left:-2px;transform:rotate(180deg)}
.lien_pagination{border:1px solid #222}
.pages .on,.pagination-item-label.on,#rubrique-content .lien_pagination:hover{border:1px solid #e2007a;font-weight:500;background:#e2007a;color:white}
#rubrique-content,#content{width:700px;text-align:justify;float:left}
#content h3{font-size:13px;text-align:left;font-weight:700;margin:20px 0 0}
#content .resume,#rubrique-content .resume{margin:8px 0 0;font-size:16px;color:#222}
#rubrique-content a.spip_out,#content a.spip_out{padding-right:7px;margin-right:4px;background:transparent url('//www.esa-paris.fr/skel/img/spip_out.gif') no-repeat right}
#rubrique-content a.spip_out:has(button),#content a.spip_out:has(button){padding-right:0;margin-right:0;background:none}
#rubrique-content a,#container #content a{text-decoration:underline;color:#222}
#container .col3 #content a:hover,#container .col3 #content a:hover h3,#container .col3 #content .preview-video:hover h3 a{color:#e2007a}
#container #content h2 a{letter-spacing:-.01em;text-decoration:none;color:#222!important;pointer-events:none;cursor:text}
#container #content h2 a:hover{color:#222!important;pointer-events:none;cursor:text;text-decoration:none}
#content-aside-container{float:right}
.meta-tech{margin-top:.4em}
.plan-rub{margin:-6px 0 15px}
.plan-rub table{width:100%;height:100%;border-collapse:collapse;table-layout:auto}
.plan-rub td{padding:5px 0 5px 10px;height:100%;width:226px;box-sizing:border-box}
.plan-rub td:first-child{padding-left:0}
.plan-rub td:empty{display:none}
.plan-rub a{padding:8px;border:solid 1px #222;text-decoration:none!important;text-align:left;box-sizing:border-box;font-weight:400;font-size:18px;position:relative;height:50px;vertical-align:middle;display:table-cell;width:700px}
.plan-rub a.on{padding:8px 8px 8px 28px}
#container .col4 #content .plan-rub a.on{background-image:url('//www.esa-paris.fr/skel/img/stripes-orange.png');background-repeat:repeat;color:#ff6300;border:solid 1px #ff6300}
#container .col5 #content .plan-rub a.on{background-image:url('//www.esa-paris.fr/skel/img/stripes-bleu.png');background-repeat:repeat;color:#0899e2;border:solid 1px #0899e2}
#container #content .plan-rub a.on::after{content:"";width:0px;height:0px;border-top:24px solid transparent;border-bottom:24px solid transparent;position:absolute;left:0;top:0}
#container .col4 #content .plan-rub a.on::after{border-left:24px solid #ff6300}
#container .col5 #content .plan-rub a.on::after{border-left:24px solid #0899e2}
#container .col4 #content .plan-rub a:hover{border:solid 1px #ff6300}
#container .col5 #content .plan-rub a:hover{border:solid 1px #0899e2}
#aside .portfolio-container{width:100%;font-size:0;position:relative;display:inline-block;margin-bottom:20px}
#aside .portfolio-show{transition:all 600ms ease;border:1px solid #222;filter:drop-shadow(4px 4px #222);font-size:0;float:left}
#aside .portfolio-hide{display:none}
#aside .portfolio-hide:first-child{display:block;width:100%;height:100%;position:absolute;z-index:100}
#aside .portfolio-container:hover .portfolio-show{border-color:transparent;filter:none;transform:scale(1.08);transition:all 600ms ease}
#aside .portfolio-container title{display:none}
#aside .portfolio-count,#aside .portfolio-text{position:absolute;right:0;display:block;width:190px;height:190px;box-sizing:border-box;text-decoration:none!important;transition:all 600ms ease;opacity:1}
#aside .portfolio-count{background:white;font-size:65px;font-weight:400;text-align:center;padding-top:48px;font-family:'Roboto',sans-serif;margin:1px 1px 0 0;border:1px solid #222;filter:drop-shadow(4px 4px #222)}
#aside .portfolio-text{font-size:18px;font-weight:500}
#aside .portfolio-text .date{font-weight:700;padding-bottom:5px;transition:all 600ms ease}
#aside .portfolio-show img{filter:saturate(0%);transition:all 300ms ease}
#aside .portfolio-container:hover .portfolio-show img{filter:saturate(100%);transition:all 300ms ease}
#aside .portfolio-container:hover .portfolio-text .date{color:#ff6300;transition:all 300ms ease}
.iframe-container{line-height:0;float:left}
.preview-video .iframe-container{line-height:0;margin-bottom:25px}
div.iframe{margin-bottom:30px}
.preview{margin:20px 0;display:block;padding:0 0 20px}
.col3 .preview{border-bottom:1px solid #e2007a}
.col4 .preview{border-bottom:1px solid #ff6300}
#container .col4 #content .preview:hover a{color:#ff6300}
.preview-title{width:1140px}
.preview-title:empty{display:none}
.preview-title-tile{width:265px;height:265px;position:relative;margin:23px 0 0 23px;transition:all 400ms ease;float:left;border:1px solid transparent}
.preview-title-tile:nth-child(1),.preview-title-tile:nth-child(5),.preview-title-tile:nth-child(9),.preview-title-tile:nth-child(13){margin:23px 0 0}
.preview-title-tile img{width:267px;height:267px}
.preview-title-tile-text{font-size:16px;line-height:1.45;width:267px;height:267px;position:relative;margin:23px 0 0;transition:all 400ms ease;padding:15px;box-sizing:border-box;border:1px solid;text-align:left;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;float:left;filter:drop-shadow(4px 4px #222);background-color:white}
.abstract-publication{border-top:1px solid #e2007a;margin:0 0 45px}
.abstract-publication .titre{font-size:22px;line-height:1.4;font-weight:600;text-align:left;hyphens:none;color:#222}
.abstract-publication .chapeau{text-align:left;white-space:break-spaces;margin:10px 0 0}
.abstract-publication .chapeau a{color:#222;text-decoration:underline}
.abstract-publication .chapeau a:hover{color:#e2007a}
.abstract-publication .chapeau br{display:none}
.permalink{margin-top:1em;color:#ddd}
.meta{margin-bottom:1em}
#content .meta a{text-decoration:none!important;border-bottom:1px solid #222}
#rubrique-content .meta a{text-decoration:none!important;border-bottom:1px solid #222}
#container #content .permalink a{color:#aaa!important;text-decoration:none}
#content .preview h2{border:none;margin:0;padding:0;font-size:20px;line-height:24px}
#content .preview h2 a{text-decoration:none!important}
#container #rubrique-content .permalink a{color:#aaa!important;text-decoration:none}
#rubrique-content .preview h2{border:none;margin:0;padding:0;font-size:20px;line-height:24px}
#rubrique-content .preview h2 a{text-decoration:none!important}
#rubrique-content .col4 .row h3{margin:0;font-size:20px;font-weight:600}
#content .row a{text-decoration:none!important}
#rubrique-content .row a{text-decoration:none!important}
#aside-container{float:right;width:auto;margin:0 0 0 40px}
#aside{float:right;width:400px;margin:0;padding:0;text-align:left}
#aside .fa-file-pdf{font-size:34px;margin:18px 5px 18px 0;vertical-align:middle}
#content .fa-file-pdf{font-size:24px;margin:15px 7px 15px 0;vertical-align:middle}
#aside ul{list-style:none;margin:0;padding:0}
#aside li a{text-decoration:none;font-weight:400}
#aside form{margin:7px 0 15px}
#aside #recherche{box-sizing:border-box}
#aside .bloc{margin:0 0 10px}
#aside .docjoint{margin:10px 0}
#aside a{color:#222}
#aside .col2 a:hover{color:#555}
#aside .col3 a:hover{color:#e2007a}
#aside .col4 a:hover{color:#ff6300}
#aside .col5 a:hover{color:#0899e2}
#aside .col6 a:hover{color:#00ae96}
#content form p,#content form li{clear:both;padding:0}
#content form p label,#content form li label{float:left;width:150px;padding-right:10px;text-align:right}
#content form textarea{float:left;width:300px;margin-bottom:10px}
#content form input.checkbox{float:left;margin-right:5px}
#content form .choix{padding:3px 0}
#content form .choix label{width:260px;text-align:left}
#content form .boutons{margin-left:160px}
.spacer{clear:both}
.required{color:red}
.hidden{display:none}
.liner{border-bottom:1px solid #ddd}
.invisible{visibility:hidden}
.right{text-align:right}
.annu_profil{background-image:url('//www.esa-paris.fr/skel/img/stripes-orange.png');background-repeat:repeat;font-size:0;margin-top:20px;border-top:3px solid #222}
.annu_profil img{width:200px;height:200px}
.annu_enseignement{margin:15px 0;background-image:url('//www.esa-paris.fr/skel/img/stripes-orange.png');background-repeat:repeat;border-left:12px solid #ff6300;padding:12px 15px 15px}
.annu_soustitre{font-size:15px;text-transform:uppercase;color:#ff6300}
.annu_titre{font-size:20px;margin:3px 0 0;font-weight:700;text-align:left;line-height:1.2}
.annu_titre span{display:block;font-size:16px;font-weight:500;line-height:1.3}
.website{margin:13px 0}
#resultat .resultat-titre{font-size:24px;color:#222;font-weight:700;margin:0 0 10px}
#resultat li{line-height:1.2;margin:0 0 12px}
#resultat a{text-decoration:none;line-height:1.2;font-size:18px}
#resultat a:hover{text-decoration:underline}
#spip-admin{margin-right:200px}
dl.spip_documents{margin:25px 0 20px}
.spip_documents a.spip_out{background:transparent!important;text-decoration:none!important;border:0px #fff!important}
.spip_documents_left{margin:0 15px 0 0}
.spip_documents,.spip_documents embed,.spip_documents_left,.spip_documents_left embed{font-size:0}
.spip_documents_left img[width='140']{margin-bottom:-30px}
.spip_documents img[height='980']{width:100%}
span.spip_documents{display:inline-block}
span.spip_documents .spip_out img{transition:all 300ms ease}
span.spip_documents:hover .spip_out img{transform:scale(1.08);transition:all 500ms ease}
.col4 span.spip_documents{margin:5px 0}
.col6 span.spip_documents{margin:5px 0 10px}
span.spip_documents img{float:left}
span.spip_document_titre,span.spip_document_descriptif{font-size:16px;display:block;overflow:hidden;padding-left:20px}
span.spip_document_titre h6{margin-top:0}
.illus-preview{float:right;line-height:0}
dl.spip_documents_center,.spip_documents_center{display:block!important;float:none;text-align:center;margin:5px auto}
dl.spip_documents a img{border:0!important}
ul.spip{padding:0 0 0 14px;margin:12px 0;clear:both}
.image-cartel{margin:0 0 25px;position:relative}
.image-titre{font-size:13px;margin:8px 0 0}
.image-credits{font-size:11px;font-weight:400;margin:0}
blockquote,blockquote.spip{margin:1em 0;padding:4px 1em;border:1px solid #CCC;border-left:4px solid #A0C0E0;color:#333}
tt,.spip_code,.spip_cadre{font-family:monospace;font-style:normal;font-size:1.1em}
.spip_code{color:#345DA4}
tt{display:none}
.spip_cadre{width:98%;padding:4px;padding-top:.5em;background:#eee;color:#3465a4;border:1px inset #eee;border-left:4px solid #345DA4}
#content .spip_cadre{float:none}
#rubrique-content .spip_cadre{float:none}
.spip_surligne{background:yellow}
@media only screen and (max-width:1400px){body{background:white}}
.lity-start{display:none}
.lity-image-caption{bottom:-1.5rem!important;padding:0!important;background:inherit!important}
.lity-image-caption-text{font-size:.85rem;font-style:inherit!important;color:#000}
.details{display:none}
.toggle-button{cursor:pointer;color:blue;text-decoration:underline}
#banner .infos-menu{width:100%!important;margin:0 0 10px;padding:0;display:block}
#banner .infos-menu .outils-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;white-space:nowrap;border-bottom:1px solid #222;padding-bottom:6px}
#banner .infos-menu .outils-item{display:inline-flex;align-items:center;line-height:1.2;font-size:18px}
#banner .infos-menu .outils-item .fas{width:auto;font-size:20px;margin-right:8px}
#banner .infos-menu form{width:220px;display:inline-block}
#banner .infos-menu input{width:100%;border:0;border-bottom:1px solid #222;padding:2px 0;font-size:18px}
#banner .infos-menu #google_translate_element img{width:20px;margin-right:8px}
#banner .infos-menu .outils-item:hover{color:#00ae96}

/* skel/css/style-phone.css */
@media only screen and (max-device-width : 1024px) and (orientation : portrait) {
body{width:92vw;margin:0 auto;padding:7vw 0;background:transparent;font-size:3.5vw}
.fas{font-size:5vw;margin-right:.5vw}
input,select,textarea{font-size:4vw}
#content .col4 h4{padding:3vw;font-size:3.4vw;border-left:3vw solid #ff6300}
h5{font-size:3.6vw;margin:6vw 0 3vw;padding:0 0 1vw}
h6{font-size:3.6vw;margin:4vw 0 2vw}
#banner,#container,#footer{width:100%}
#banner{margin:0;position:relative}
#banner .logo{width:36vw;order:1}
#banner img{margin:-2vw 0 0 1vw}
#banner img:hover{transform:scale(1)}
.infos-menu{display:none!important}
#banner .col h2{margin-bottom:2.5vw;padding-bottom:1vw;font-size:4.5vw}
#banner h3,#banner .semestre-menu h3{font-size:4vw}
#outils .fas{width:7.5vw;font-size:5vw}
#banner form{width:44vw}
#banner input,#banner select,#banner textarea{font-size:4.2vw}
#outils{line-height:2.2;font-size:13px}
#google_translate_element{height:9vw}
#google_translate_element img{width:5.5vw;margin:0 2.5vw 0 0}
.goog-te-gadget .goog-te-combo{padding:1vw 0}
.general-menu{display:flex;margin:1vw 0 4vw;width:100%;line-height:1.6;gap:4vw;order:3;flex-basis:100%}
.semestre-menu{display:none}
.sommaire .semestre-menu{display:flex;margin:0;gap:4vw;order:2;flex:1 1 auto}
.semestre-info{height:6.5vw}
.semestre-icon{color:#222}
.semestre-icon .fas{font-size:4vw;margin-left:2vw}
#semestre-gauche{width:100%;margin:0;padding:1.5vw 2vw;height:auto}
.semestre-menu h2{font-size:4.5vw;margin-bottom:4vw}
#banner .semestre-menu h2::after,#banner .semestre-menu .col_home h2::after{margin-top:1vw}
#container{margin:0 auto}
.titre-cache,.menu-cache{display:none}
#menu-container,#menu{width:100%;float:none}
#menu-container{margin:0}
#menu,#aside .portfolio-container{margin:0 0 4vw}
#aside .portfolio-text{font-size:4vw;background:#fff;margin:1px 1px 0 0;border:1px solid #222;filter:drop-shadow(4px 4px #222);padding:2vw 3vw}
#aside .portfolio-text .date{padding-bottom:0}
.col3 #menu{margin:7vw 0 8vw}
#content .col4 h2,#content .col5 h2,#rubrique-content h2{margin-bottom:3vw}
#rubrique-content h2 .soustitre{font-size:5.5vw;font-weight:300;padding:.5vw 0}
#menu h2::after,#aside h2::after,#banner .col h2::after,#banner .semestre-menu h2::after,#content .col4 h2::after,#content .col5 h2::after,#rubrique-content h2::after{border-bottom:2.3vw solid;filter:drop-shadow(1vw 1vw #222);width:9vw}
#content .col4 h2::after,#content .col5 h2::after,#rubrique-content h2::after{margin-top:1.5vw}
#banner .col_home h2::after{border-bottom-color:#f7ff00}
#banner .col3 h2.on::after,#banner .col4 h2.on::after,#banner .col5 h2.on::after{border-width:2.3vw}
.col2 #content object,.col2 #content embed{height:92vw;width:92vw}
#content .col2{font-size:3.7vw}
#menu h3,#sous-menu,.col3 #menu:first-child,.col3 #sous-menu.on,.col6 #menu ul{display:none}
.col2 .menu-image{float:left;width:50%;height:auto;line-height:0}
.col4 #menu h2,.col5 #menu h2,.col6 #menu h2{display:none}
#sous-menu{border:none}
#sous-menu.on,.col6 #sous-menu,.col6 #menu h3{display:block}
.col6 #menu h3{font-weight:400;max-width:none}
.col4 #menu{border-bottom:1px solid #ff6300;border-top:1px solid #ff6300}
.col5 #menu{border-bottom:1px solid #0899e2;border-top:1px solid #0899e2}
.col6 #menu{background-image:url(//www.esa-paris.fr/skel/img/stripes-vert.png);background-repeat:repeat;border-bottom:1px solid #00ae96;padding:2.5vw 3.5vw;box-sizing:border-box;border-top:1px solid #00ae96;position:relative}
.col6 #sous-menu.on{background-image:none}
#menu h4,.col6 #menu h3,.col6 #menu h3.on{font-size:4vw;line-height:1.7;font-weight:500}
.col2 #menu li{padding:2vw;border-top:1px solid #222}
.col2 #menu .date:first-child{border-top:none}
.col2 #menu h4{font-size:3.8vw;width:50%;float:right;padding:0 3vw;box-sizing:border-box}
.col6 #menu h3{margin:0;padding:0}
.col2 #menu h2{border:none;padding:0 0 5vw}
.col2 #menu p{padding:2vw 3vw;font-size:3vw;width:100%;box-sizing:border-box}
.col2 h2 small{font-size:4.2vw}
#menu ul{padding:2.5vw 3.5vw}
#no-menu-responsive,.col6 #sous-menu-fleche.on{display:none}
.col5 #sous-menu-fleche.on{border-left:6vw solid transparent;border-right:6vw solid transparent;border-top:6vw solid #0899e2}
.col4 #sous-menu-fleche.on{border-left:6vw solid transparent;border-right:6vw solid transparent;border-top:6vw solid #ff6300}
.col6 #fleche-responsive{width:0;height:0;border-left:6vw solid transparent;border-right:6vw solid transparent;border-top:6vw solid #00ae96;position:absolute;right:0;top:0}
.plan-rub{margin:-2vw 0 2.5vw}
.plan-rub td{padding:1vw 0 1vw 2vw;width:29vw}
.plan-rub a{font-size:4vw;padding:2vw;font-weight:500;height:12vw;line-height:1}
.plan-rub a.on{padding:2vw 2vw 2vw 7vw}
#container #content .plan-rub a.on::after{border-top:6vw solid transparent;border-bottom:6vw solid transparent}
#container .col4 #content .plan-rub a.on::after{border-left:6vw solid #ff6300}
#container .col5 #content .plan-rub a.on::after{border-left:6vw solid #0899e2}
.col2 .titre-cartel,.col3 .titre-cartel{padding-bottom:2vw;margin-top:0;display:inline-block;width:100%}
.col2 #content h2,.col3 #content h2{font-size:6vw;padding:2.5vw 0}
.col2 #content h2{width:100%}
.col2 #content button{font-size:4.5vw;padding:2.5vw;margin-bottom:2.5vw}
#content .col3 .row h3,#content .col4 .row h3{margin:0;font-size:3.8vw}
#content .col3 .row .preview-video h3{font-size:4vw}
#content .row h3{font-size:4vw}
#content .col3 .logo img{width:100%;height:auto}
#rubrique-content,#content{width:100%;float:none}
#rubrique-content p,#content p{margin:3vw 0}
#content .resume{font-size:3vw;margin:1.5vw 0 0}
#content .col4 h2,#content .col5 h2,#menu h2,#aside h2,#container h2{font-size:6vw;padding:0 0 2vw;font-weight:500}
#content-aside-container{float:none}
#aside-container{float:none;width:auto;margin:0}
#aside .portfolio-count{width:46vw;height:46vw;font-size:16vw;padding-top:12vw}
#aside{width:100%;float:initial;margin-bottom:6vw}
#aside .fa-file-pdf{font-size:8vw;margin:3.5vw 1vw 3.5vw 0}
#content .fa-file-pdf{font-size:8vw;margin:5vw 2vw 5vw 0}
#aside .col2 a:hover,#aside .col3 a:hover,#aside .col4 a:hover,#aside .col5 a:hover,#aside .col6 a:hover{color:#222}
#aside .portfolio-show{border:1px solid transparent;filter:none}
#aside .portfolio-show img{filter:none;transition:none;width:46vw}
#aside .bloc{margin:3vw 0}
#aside h2{margin:2vw 0 3vw}
#aside form{margin:1.5vw 0 3vw}
#aside input,#aside select,#aside textarea{height:9.8vw}
input,select,textarea{padding-left:2vw}
.spip_documents_left img[width="140"]{margin-bottom:-8vw;width:40vw;height:auto}
.col3 .spip_documents_right{width:45vw;margin-bottom:6vw;padding-top:10vw}
.col4 .spip_documents_right{margin-bottom:6vw;width:25vw;height:auto}
.col4 .spip_documents_right img{width:25vw;height:auto}
.col3 .preview{margin:5vw 0;padding:0 0 7vw}
.col3 .abstract-article,.col3 .abstract-rubrique{width:100%;margin-bottom:4vw}
.col4 .abstract-article{width:58vw}
.col4 .preview{margin:3vw 0;padding:0 0 5vw}
.col3 .categorie{margin:1.5vw 0 1vw;font-size:5.5vw}
.col3 .abstract-article .titre,.col3 .abstract-rubrique .titre{margin:0;font-size:5vw}
.col3 .abstract-article .sous-titre{font-size:4.5vw;line-height:1.4}
.abstract .date,.abstract .lieu{font-size:3vw}
.abstract .categorie{font-size:3.8vw;margin:1.5vw 0}
.informations .date{font-size:3.8vw}
.informations .lieu{font-size:3.5vw}
.informations .categorie{font-size:5vw;margin:1vw 0 0}
.abstract-text a{display:none}
.abstract-text h3 a{display:block}
.spip_documents_left{width:100%!important;margin-right:0;margin-bottom:4vw}
.col3 .preview img{width:100%;height:auto}
.col3 .informations,.col2 .informations{padding:4.2vw}
.col2 hr,.col3 hr{margin:5vw 0}
#content .spip_document_titre,.spip_doc_titre{font-size:3vw}
#content .spip_document_titre span,.spip_doc_titre span,.spip_document_descriptif,.spip_doc_descriptif{font-size:2.5vw}
.preview .spip_documents_right_videos{margin:4vw 0 8vw}
.preview .spip_documents_right_videos img{max-width:none}
.preview-video .iframe-container{margin-bottom:8vw}
.iframe-container{position:relative;overflow:hidden;padding-top:56.25%;margin-bottom:0;background:#000}
.iframe-container iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}
iframe{width:92vw!important}
img[width='480']{width:100%;height:auto}
.col6 img[width='89'],.col6 img[width='90']{width:25vw;height:auto;padding-right:4vw}
.col6 img[width='480']{width:92vw;height:auto}
.col6 .spip_documents_left{width:auto!important}
.col6 #rubrique-content{text-align:left;hyphens:none}
.sommaire #container img{width:100%;height:auto;margin:0!important;display:block}
.sommaire #container .puce{width:auto;display:inline}
#headK,#headO{display:none}
#headA,#headH,#headJ,#headP,#headZ,#headgroup1,#headgroup2,#headgroup4{width:100%;height:auto}
#headB{float:right}
#headD{margin:-28vw 0 0}
#headM{float:left;clear:both}
#headR{clear:none;margin:34vw 0 0}
#headI{margin:0}
#headgroup1{margin:4vw 0 0;width:60vw}
#headgroup3{float:right;margin:-28vw 0 0}
#headgroup5{width:100%;margin:4vw 0 0}
#headP{padding-top:0;padding-right:0}
#headG{display:block;margin:65vw 0 0}
#headE,#headR{margin-top:0}
#headL{float:right}
#headgroup0{width:100%}
#headgroup2,#headgroup4,#headA,#headH,#headJ,#headM,#headN,#headP,#headQ{margin-top:4vw}
#headC,#headH,#headL,#headM,#headG{width:28vw;height:28vw}
#headgroup2,#headgroup3,#headD,#headE,#headF,#headQ,#headS{width:60vw;height:auto}
#headC,#headE{float:left}
#headN,#headH,#headR,#headS{float:right}
#headB,#headN,#headR,#headI{width:28vw;height:28vw}
#headZ{margin-bottom:0;line-height:0}
#headZ .illus{display:inline-block;margin:0 0 -1px}
.col2 #headZ .illus{width:50%}
.col3 #headZ .illus{width:30vw}
.col4 .illus-preview{width:30vw;margin-top:9vw}
.col3 .illus-preview{float:none}
#headA .sommaire-title-container:before{top:-11vw;left:11vw;width:40vw;height:40vw}
#headC .sommaire-title-container:before{display:none}
#headD .sommaire-title-container:before{background-color:#f7ff00;width:25vw;height:25vw;top:-13vw;right:-8vw}
#headE .sommaire-title-container::before{background-color:#ccc;top:-14vw;right:0;width:28vw;height:28vw}
#headH .sommaire-title-container:before{top:-7vw;right:-3vw;width:15vw;height:15vw;display:block}
#headJ .sommaire-title-container:before{top:-6vw;right:4vw;width:32vw;height:32vw}
#headP .sommaire-title-container:before{top:-17vw;left:2vw;width:40vw;height:40vw}
#headL .sommaire-title-container:before{width:14vw;height:14vw;bottom:-25px;right:-3vw;display:block}
#headM .sommaire-title-container:before{display:none}
#headQ .sommaire-title-container:before{background-color:#ccc;width:23vw;height:23vw;top:-11vw;left:-15vw}
#headA .sommaire-title-container,#headJ .sommaire-title-container,#headP .sommaire-title-container{height:35vw;padding:3.5vw 4vw}
#headC .sommaire-title-container,#headH .sommaire-title-container,#headL .sommaire-title-container,#headM .sommaire-title-container{padding:2vw}
#headD .sommaire-title-container,#headE .sommaire-title-container,#headF .sommaire-title-container,#headQ .sommaire-title-container,#headS .sommaire-title-container{padding:2vw 3vw;height:28vw}
#headZ .sommaire-title-container{position:relative;float:right}
.col2 #headZ .sommaire-title-container{width:50%;height:46vw;padding:3vw 3.5vw}
.col3 #headZ .sommaire-title-container{width:62vw;height:30vw;padding:2vw 2.5vw}
#headZ:hover .sommaire-title-container{background-color:#ffff;height:46vw}
#headA h2::after,#headJ h2::after,#headP h2::after{border-bottom:2.5vw solid;border-bottom-color:#f7ff00;filter:drop-shadow(1.2vw 1.2vw #222);width:11vw;margin-top:1vw}
#headC h2::after,#headD h2::after,#headE h2::after,#headF h2::after,#headH h2::after,#headL h2::after,#headM h2::after,#headQ h2::after,#headS h2::after,#headZ h2::after{border-bottom:1.7vw solid;border-bottom-color:#f7ff00;filter:drop-shadow(0.8vw 0.8vw #222);width:7.5vw;margin-top:.5vw}
#menu .col3 #headZ:hover .sommaire-title-container{height:30vw}
#menu #headZ h2{font-size:4.3vw;padding:0 0 2.1vw;margin:0 0 2.2vw;display:block}
#rubrique-content .preview-title-container h2::after{width:7.5vw;margin-top:1.5vw;border-bottom:1.7vw solid}
#rubrique-content .preview-title-container h2{font-size:3.5vw;padding:0 0 2.1vw;margin:0 0 2.2vw;display:block;line-height:1.2}
#menu .col3 #headZ h2{font-size:3.5vw;padding:0 0 1.5vw;margin:0 0 1.5vw}
#menu #headZ h3{font-size:3.4vw;display:block}
.col3 #menu #headZ h4{font-size:2.8vw}
#menu .col3 #headZ{margin:4vw 0}
#menu #headZ .fa{top:2vw;right:2vw;font-size:9vw}
#menu .informations{padding:3vw}
#headA:hover .sommaire-title-container,#headC:hover .sommaire-title-container,#headD:hover .sommaire-title-container,#headE:hover .sommaire-title-container,#headF:hover .sommaire-title-container,#headH:hover .sommaire-title-container,#headJ:hover .sommaire-title-container,#headL:hover .sommaire-title-container,#headM:hover .sommaire-title-container,#headP:hover .sommaire-title-container,#headQ:hover .sommaire-title-container,#headS:hover .sommaire-title-container,#headZ:hover .sommaire-title-container,#rubrique-content .preview-title-tile:hover .preview-title-container,#rubrique-content .preview-title-container:hover,#headA:hover h2,#headA:hover h3,#headC:hover h2,#headC:hover h3,#headD:hover h2,#headD:hover h3,#headE:hover h2,#headE:hover h3,#headF:hover h2,#headF:hover h3,#headH:hover h2,#headH:hover h3,#headJ:hover h2,#headJ:hover h3,#headL:hover h2,#headL:hover h3,#headM:hover h2,#headM:hover h3,#headP:hover h2,#headP:hover h3,#headQ:hover h2,#headQ:hover h3,#headS:hover h2,#headS:hover h3,#menu #headZ:hover h2,#menu #headZ:hover h3,#rubrique-content .preview-title-container:hover a{opacity:1}
#headA:hover .sommaire-title-container,#headJ:hover .sommaire-title-container,#headP:hover .sommaire-title-container{height:35vw}
#headD:hover .sommaire-title-container,#headE:hover .sommaire-title-container,#headF:hover .sommaire-title-container,#headQ:hover .sommaire-title-container,#headS:hover .sommaire-title-container{height:28vw}
#rubrique-content .preview-title-tile:hover .preview-title-container{height:40%}
#rubrique-content .col4 .row h3{font-size:4.5vw}
#rubrique-content .resume{font-size:3.5vw;margin:1.5vw 0 0}
#headA:hover,#headC:hover,#headD:hover,#headE:hover,#headF:hover,#headH:hover,#headJ:hover,#headM:hover,#headP:hover,#headQ:hover,#headS:hover,#headZ:hover,.preview-title-tile:hover{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
#headD h2,#headC h2,#headE h2,#headF h2,#headH h2,#headL h2,#headM h2,#headQ h2,#headS h2{font-size:3.4vw;padding-bottom:.8vw;margin:0 0 1.2vw}
#headD h3,#headE h3,#headF h3,#headQ h3,#headS h3{font-size:3.2vw}
#headC h3,#headH h3,#headL h3,#headM h3{font-size:3vw;height:14vw;overflow:hidden}
#headC .sommaire-title-container:hover h2,#headC .sommaire-title-container:hover h3,#headH .sommaire-title-container:hover h2,#headH .sommaire-title-container:hover h3,#headL .sommaire-title-container:hover h2,#headL .sommaire-title-container:hover h3,#headM .sommaire-title-container:hover h2,#headM .sommaire-title-container:hover h3{opacity:1}
.preview-title{width:100%}
#rubrique-content .preview-title-container{padding:2.5vw 2vw}
.preview-title-tile-text{padding:2.5vw 3vw;font-size:2.6vw;width:43.5vw;height:43.5vw;margin:2vw 0 2.5vw;hyphens:auto}
.preview-title-tile{width:43.5vw;height:43.5vw;margin:2vw 0 2.5vw}
.preview-title-tile:nth-child(1),.preview-title-tile:nth-child(5),.preview-title-tile:nth-child(9),.preview-title-tile:nth-child(13){margin:2vw 0 2.5vw}
.preview-title-tile:nth-child(odd){float:left}
.preview-title-tile:nth-child(even){float:right}
.preview-title-tile img{width:100%;height:auto}
#container #rubrique-content .preview-title-container h3 a{font-size:3vw;padding-bottom:1vw}
#headA h2,#headJ h2,#headP h2{margin:0 0 3vw;padding:0;font-size:5.1vw}
#headA h3,#headJ h3,#headP h3{font-size:4.2vw;margin:0 14vw 0 0}
#headA:hover .sommaire-title-container,#headC:hover .sommaire-title-container,#headD:hover .sommaire-title-container,#headE:hover .sommaire-title-container,#headF:hover .sommaire-title-container,#headH:hover .sommaire-title-container,#headJ:hover .sommaire-title-container,#headL:hover .sommaire-title-container,#headM:hover .sommaire-title-container,#headP:hover .sommaire-title-container,#headQ:hover .sommaire-title-container,#headS:hover .sommaire-title-container,#headZ:hover .sommaire-title-container,#rubrique-content .preview-title-tile:hover .preview-title-container,#rubrique-content .preview-title-container:hover{filter:drop-shadow(4px 4px #222)}
.portfolio-item,.portfolio-item:nth-child(4n){margin:0 1.5vw 0 0}
.portfolio-item:nth-child(3n){margin:0}
.portfolio-item img{width:29.6vw;border:none}
.portfolio-item:hover{transform:scale(1)}
.portfolio-item:hover img{border:none}
#content h3{margin:4vw 0 0}
.annu_profil{margin-top:4vw}
.annu_profil img{width:auto;height:100%}
.annu_enseignement{margin:3vw 0;border-left:3vw solid #ff6300;padding:2vw 3vw}
.annu_soustitre{font-size:3.5vw}
.annu_titre{font-size:4.5vw;margin:.5vw 0 0;font-weight:700}
.annu_titre span{font-size:3.5vw}
.website{margin:4vw 0}
#resultat .resultat-titre{font-size:4.5vw;margin:0 0 2vw}
#resultat li{margin:0 0 2vw}
#resultat a{font-size:4vw}
#rubrique-content .col3 .pagination{font-size:4.8vw;margin-left:-1vw;margin-right:-1vw}
.pages .on,.pages .tbc,.lien_pagination{width:8.4vw;height:8.4vw;border-radius:6vw}
.pages .on,.lien_pagination{margin:0 .8vw}
.pages .tbc{width:4.8vw}
.pages .tbc .fa-play{margin-left:.7vw;font-size:3.5vw}
.pages .tbc .invert{margin-left:-.2vw;transform:rotate(180deg)}
.titre-cartel .date{float:left}
.date-big{font-size:5.5vw;filter:drop-shadow(0.4vw 0.4vw #f7ff00)}
.date-big span{font-size:10vw;filter:drop-shadow(0.5vw 0.5vw #f7ff00)}
.titre-cartel .date-big{position:relative;float:right;margin:-3vw 0 -1vw}
.sommaire-title-container .date-big{padding:0 4vw 0 0}
.sommaire-title-container .date-small{font-size:4vw;filter:drop-shadow(0.3vw 0.3vw #f7ff00);padding:0 2.5vw 0 0}
.sommaire-title-container .date-small span{font-size:8vw;filter:drop-shadow(0.3vw 0.3vw #f7ff00)}
.col6 span.spip_documents{margin:0 0 4vw}
span.spip_document_descriptif{font-size:3.5vw;hyphens:none}
span.spip_document_descriptif strong{font-size:4vw}
#footer{margin:9vw auto 0;padding:3vw 0 0;font-size:3.2vw;line-height:1.3;position:relative;height:31vw}
#footer .logo{padding:.7vw 0 0;height:16vw;width:36vw;box-sizing:border-box;border-left:none;border-bottom:1px solid}
#footer .eespig{position:absolute;height:16vw;right:0;width:52vw;box-sizing:border-box;border-left:none;border-bottom:1px solid}
#footer .eespig-logo{width:12vw;margin:0 2vw 0 0}
#footer .eespig-texte{margin:.5vw 0 0;width:36vw}
#footer .adresse{width:52vw;padding:1.5vw 0 0;height:14vw;line-height:1.3;position:absolute;right:0;top:20vw;box-sizing:border-box;border:none}
#footer .social{width:32vw;padding:1.2vw 0 0;height:14vw;position:absolute;top:20vw;left:0;box-sizing:border-box;border:none}
#footer .social img{width:6.5vw;margin:0 -.2vw 1.9vw 0}
#footer .fb{font-size:7.4vw;height:8.8vw}
#footer .credit{padding:0}
#footer img{width:30vw}
#semestre-droit{display:none!important}
#banner .infos-menu{display:block!important;position:static!important;width:100%!important;margin:0!important;padding:0!important}
#banner .infos-menu .outils-bar{display:flex!important;align-items:center;justify-content:space-between;gap:3vw;width:100%;box-sizing:border-box;padding:3vw 4vw;border-bottom:1px solid #222;background:#fff;overflow-x:auto;-webkit-overflow-scrolling:touch;position:sticky;top:0;z-index:999}
#banner .infos-menu .outils-bar .outils-item{display:inline-flex;align-items:center;white-space:nowrap;flex:0 auto;font-size:3.8vw;padding:1vw 2vw}
#banner .infos-menu .outils-bar .outils-item .fas{font-size:4.5vw;margin-right:1.5vw;width:auto}
#banner .infos-menu .outils-bar form{width:34vw;min-width:34vw;display:inline-block}
#banner .infos-menu .outils-bar input{width:100%;border:0;border-bottom:1px solid #222;background:transparent;padding:1vw 0;font-size:4vw}
#banner .infos-menu .outils-bar #google_translate_element img{width:4.8vw;margin-right:1.6vw}
#banner>div{flex-wrap:wrap}
}

/* skel/css/style.css */
@media print {
body{color:#222;background:no-repeat bottom fixed url(//www.esa-paris.fr/skel/img/background-esa.png);font-family:'Assistant',Helvetica,Arial,verdana,sans-serif;font-size:16px;width:auto;margin:0;padding:0;text-align:center;text-shadow:1px 1px 1px #00000014;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}
h1,h2,h3,h4,h5,h6,p,div,form{margin:0;padding:0;font-family:'Assistant',Helvetica,Arial,sans-serif;font-weight:500}
h1,h2,h3,h4,h5,h6,h2 a,h3 a{color:#222}
a{text-decoration:none}
a,a:active,a:focus{outline:none!important}
p{margin:12px 0;hyphens:auto}
:focus{outline:none}
::-moz-focus-inner{border:0}
img{border:0;max-width:100%;height:auto}
sup{line-height:.5}
hr{height:0;border:0;clear:both;border-bottom:1px solid;margin:20px 0}
button{outline:none!important}
dt{margin:0 0 8px}
form{margin:0;padding:0}
fieldset{border:0}
legend{background:#fff;padding:0 45px 0 5px;border-bottom:3px solid #666}
label span{color:red}
fieldset{border:0;margin-top:10px;padding:8px}
object{outline:none!important}
#map{height:480px}
#rubrique-content .illus,#content .illus{overflow:hidden;line-height:0;margin:0 0 8px}
.fas{font-size:17px;line-height:0!important;margin-right:2px}
input,select,textarea{font-size:20px;font-family:'Assistant',Helvetica,Arial,sans-serif}
input[type='text']:focus,input[type='number']:focus,textarea:focus{font-size:16px}
#aside input,#aside select,#aside textarea{width:100%;height:35px;border:1px solid #222;color:#222;background:transparent;font-family:'Assistant',Helvetica,Arial,sans-serif}
h5{font-size:18px;text-align:left;font-weight:500;margin:25px 0 18px;padding:0 0 5px;border-bottom:1px solid;text-transform:uppercase}
h6{font-size:18px;text-align:left;font-weight:600;margin:15px 0 -5px}
#banner,#container,#footer{width:1400px;clear:both}
.col_home a{color:#222}
#banner{margin:40px auto 0;text-align:left;font-size:0;display:block;white-space:nowrap}
#banner .logo img{width:96%;transition:all 500ms ease}
#banner .logo img:hover{transform:scale(1.09);transition:all 500ms ease}
#banner .col a{color:#222}
#banner label{display:none}
#banner .logo{width:190px;display:inline-block;vertical-align:bottom}
#banner .col h2,#menu h2,#aside h2{font-size:24px;text-transform:uppercase}
#content .col4 h2,#content .col5 h2,#rubrique-content h2{font-size:35px;font-weight:300;line-height:1.1;text-transform:uppercase;text-align:left;hyphens:none;margin-bottom:25px}
#rubrique-content h2 .soustitre{font-size:28px;display:block;text-transform:initial;font-weight:600;padding:2px 0 5px}
#banner .col h2{margin-bottom:19px}
#menu h2{padding-bottom:19px;border-bottom:1px solid}
#aside h2{padding-bottom:19px}
#menu h2::after,#aside h2::after,#banner .col h2::after,#banner .semestre-menu h2::after,#content .col4 h2::after,#content .col5 h2::after,#rubrique-content h2::after{content:"";border-bottom:10px solid;color:#c8c8c8;filter:drop-shadow(4px 4px #222);width:50px;display:block;transition:all 300ms ease}
#content .col4 h2::after,#content .col5 h2::after,#rubrique-content h2::after{border-bottom:14px solid;width:70px;margin-top:6px}
#banner .col_home h2::after{border-bottom-color:#f7ff00}
#banner .semestre-menu h2::after,#banner .semestre-menu .col_home h2::after{margin-top:8px}
#banner .col3:hover h2::after{border-bottom-color:#e2007a;transition:all 600ms ease}
#banner .col4:hover h2::after{border-bottom-color:#ff6300;transition:all 600ms ease}
#banner .col5:hover h2::after{border-bottom-color:#0899e2;transition:all 600ms ease}
#banner h3{font-size:20px}
#banner ul{margin:0;padding:0;list-style:none}
#banner form{width:128px;display:inline-block}
#banner input{background:transparent;font-family:'Assistant',Helvetica,Arial,serif;border-top:0;border-left:0;border-right:0;border-bottom:0;text-align:left;width:100%;color:#222;padding:0;font-weight:400;text-shadow:1px 1px 1px #00000014;text-rendering:optimizeLegibility!important;font-size:20px}
.general-menu{line-height:1.6;display:inline-flex;vertical-align:bottom;gap:53px;margin-left:53px;width:477px}
.general-menu .col{display:inline-block}
.semestre-menu{width:247px;display:inline-flex;vertical-align:bottom;gap:23px;margin-left:93px}
.semestre-menu h2{font-size:23px;font-weight:700;text-transform:lowercase;line-height:1.2;margin-bottom:15px}
#banner .semestre-menu h3{font-size:22px;line-height:1.3}
#semestre-gauche{width:100%;height:178px;margin:0 0 8px;padding:8px 12px 12px;float:left;border:1px solid;box-sizing:border-box;color:transparent;background-color:#fff;background-image:url(//www.esa-paris.fr/skel/img/stripes-noir.png);background-repeat:repeat;transition:all 300ms ease}
#semestre-gauche:hover{color:#222;background-image:none;transition:all 600ms ease;filter:drop-shadow(4px 4px #222)}
.semestre-info{display:block;height:32px}
.semestre-text{float:left}
.semestre-icon{float:left}
.semestre-icon .fas{font-size:22px;margin-left:10px}
.semestre-icon{transition:all 400ms ease;color:transparent;text-shadow:none}
.semestre-info:hover .semestre-icon{transform:scale(1.2);transition:all 600ms ease;color:#222}
.infos-menu{display:inline-block;padding:0;margin:0 0 5px 23px;width:417px;vertical-align:bottom}
#outils{line-height:2.38;font-size:15px;display:block;font-weight:400;width:100%}
#outils:hover .fas{filter:none}
#outils .fas{line-height:1.2;width:42px;font-size:30px;display:inline-block;vertical-align:middle}
.col_home #outils .fas{filter:drop-shadow(4px 4px #f7ff00)}
#outils a span{color:#222}
#outils:hover,#outils:hover input,#outils:hover a,#outils:hover a span,#outils:hover .fas,#outils.on,#outils.on i{color:#00ae96}
#google_translate_element{display:block;height:47.6px;width:100%;position:relative}
#google_translate_element img{width:30px;margin-right:12px;vertical-align:middle}
.col_home #google_translate_element img{filter:drop-shadow(4px 4px #f7ff00)}
#google_translate_element:hover img{filter:invert(50%) sepia(50%) saturate(800%) hue-rotate(125deg) brightness(90%) contrast(130%)}
.col_home #google_translate_element:hover img{filter:invert(50%) sepia(50%) saturate(800%) hue-rotate(125deg) brightness(90%) contrast(130%) drop-shadow(4px 4px #f7ff00)}
#google_translate_element:hover .goog-te-gadget::before{color:#00ae96}
.fa-flag{position:absolute}
.goog-te-gadget{font-family:'Assistant',Helvetica,Arial,verdana,sans-serif!important;color:#222!important;white-space:nowrap!important;font-size:0!important;font-weight:400;line-height:2.38;position:absolute;top:0}
.goog-te-gadget img{width:0!important}
.goog-te-combo{font-family:'Assistant',Helvetica,Arial,verdana,sans-serif!important;font-size:16px!important;border:none!important;background:transparent!important;padding:0;opacity:0;max-width:170px}
.goog-te-gadget .goog-te-combo{padding:8px 0;cursor:pointer}
.VIpgJd-ZVi9od-l4eHX-hSRGPd{font-size:0!important}
.col2 h2.on{color:#222;border-bottom:1px solid #222!important}
.col2 h5,.col2 h6,#banner .col2 a.on,#banner .col2 a:hover,#banner .col2 a span,#banner .col2 h3,#banner .col2 #content a,.col2 #menu a:hover,.col2 #menu a.on,.col2 a.on,.col2 a span,.col2 #content a{color:#222}
.col2 #rubrique-content h2::after,.col2 #menu h2::after,#aside .col2 h2::after{color:#f7ff00}
.col2 #content object,.col2 #content embed{height:480px;width:480px}
.col2 #menu li{padding:10px}
.col2 #menu li.on h4,.col2 #menu li:hover h4,.col2 #menu li.on p,.col2 #menu li:hover p{color:#222}
.col2 #sous-menu-fleche a{width:0;height:0;display:inline-block;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:20px solid #222;box-sizing:border-box;float:left;margin:4px 6px 0 0}
.col2 #menu h4{-weight:600;line-height:1.4;padding-top:10px}
#content .col2{font-size:16px}
.col2 #menu p{text-transform:uppercase;padding:10px;font-size:13px;background-image:url(//www.esa-paris.fr/skel/img/stripes-noir.png);background-repeat:repeat;color:#222;border-top:1px solid #222}
.col2 #content .illus{background-image:url(//www.esa-paris.fr/skel/img/stripes-noir.png);background-repeat:repeat}
.col2 h2 small{display:block;font-size:24px}
#banner .col3 h2.on::after{content:"";border-bottom:10px solid #e2007a;filter:drop-shadow(4px 4px #222);display:block}
#banner .col3 a.on,#banner .col3 a:hover,#banner .col3 a span,#banner .col3 h3,#banner .col3 #content a,.col3 #menu a:hover,.col3 #menu a.on,.col3 a.on,.col3 a:hover,.col3 a span,.col3 h3,.col3 h5,.col3 h6,.col3 #content a,.col3 #menu h2::after,#aside .col3 h2::after,.col3 #rubrique-content h2::after,.col3 .preview:hover .titre,.col3 .date,.col3 .lieu{color:#e2007a}
.col3 #menu h3:hover,.col3 #menu h3.on{font-weight:700}
.col3 #menu h2,.col3 #sous-menu,.col3 #headZ h2::after,.col3 hr{border-color:#e2007a}
.col3 #content .illus,.col3 #sous-menu.on{background-image:url(//www.esa-paris.fr/skel/img/stripes-cassis.png);background-repeat:repeat}
.col3 #sous-menu-fleche.on{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-top:25px solid #e2007a;float:right}
#content .col3 h4{font-size:18px;border-top:1px solid #e2007a;border-bottom:1px solid #e2007a;padding:15px 0;display:block;width:100%;line-height:1.35;background-repeat:repeat;box-sizing:border-box;color:#e2007a;font-weight:500;text-align:left}
#menu .col3 #headZ{margin:25px 0 0}
#banner .col4 h2.on::after{content:"";border-bottom:10px solid #ff6300;filter:drop-shadow(4px 4px #222);display:block}
#banner .col4 a.on,#banner .col4 a:hover,#banner .col4 a span,#banner .col4 h3,#banner .col4 #content a,.col4 #menu a:hover,.col4 #menu a.on,.col4 a.on,.col4 a:hover,.col4 a span,.col4 h3,.col4 h5,.col4 h6,#container .col4 h6 a,#container #rubrique-content .col4 h6 a,.col4 #content a,.col4 #menu h2::after,#aside .col4 h2::after,#content .col4 h2::after,.col4 #rubrique-content h2::after,#rubrique-content .col4 a:hover{color:#ff6300}
.col4 #menu h3:hover,.col4 #menu h3.on{font-weight:700}
.col4 #menu h2,.col4 #sous-menu,.col4 hr{border-color:#ff6300}
.col4 .illus,.col4 #sous-menu.on{background-image:url(//www.esa-paris.fr/skel/img/stripes-orange.png);background-repeat:repeat}
.col4 #sous-menu-fleche.on{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-top:25px solid #ff6300;position:absolute;top:0;right:0}
#content .col4 h4{background-image:url(//www.esa-paris.fr/skel/img/stripes-orange.png);background-repeat:repeat;padding:10px;border-left:15px solid #ff6300}
#container .col4 h6 a,#container #rubrique-content .col4 h6 a:hover{color:#222}
#banner .col5 h2.on::after{content:"";border-bottom:10px solid #0899e2;filter:drop-shadow(4px 4px #222);display:block}
#banner .col5 a.on,#banner .col5 a:hover,#banner .col5 a span,#banner .col5 h3,#banner .col5 #content a,.col5 #menu a:hover,.col5 #menu a.on,.col5 a.on,.col5 a:hover,.col5 a span,.col5 h3,.col5 h5,.col5 h6,.col5 #content a,.col5 #menu h2::after,#aside .col5 h2::after,#content .col5 h2::after,.col5 #rubrique-content h2::after{color:#0899e2}
.col5 #menu h3:hover,.col5 #menu h3.on{font-weight:700}
.col5 #menu h2,.col5 #sous-menu,.col5 hr{border-color:#0899e2}
.col5 .illus,.col5 #sous-menu.on{background-image:url(//www.esa-paris.fr/skel/img/stripes-bleu.png);background-repeat:repeat}
.col5 #sous-menu-fleche.on{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-top:25px solid #0899e2;float:right}
#banner .col6 a.on,#banner .col6 a.on span,#banner .col6 a:hover,#banner .col6 h3,#banner .col6 #content a,.col6 #menu a:hover,.col6 #menu a.on,.col6 a.on,.col6 a:hover,#container .col6 a span,.col6 h3,.col6 h5,.col6 h6,.col6 #rubrique-content a:hover,.col6 #menu h2::after,#aside .col6 h2::after,.col6 #rubrique-content h2::after{color:#00ae96}
.col6 #menu h3:hover,.col6 #menu h3.on{font-weight:700}
.col6 #menu h2,.col6 #sous-menu,.col6 hr{border-color:#00ae96}
.col6 h4{line-height:2.8}
.col6 .illus,.col6 #sous-menu.on{background-image:url(//www.esa-paris.fr/skel/img/stripes-vert.png);background-repeat:repeat}
.col6 #sous-menu-fleche.on{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-top:25px solid #00ae96;float:right}
.col2 #content a:hover,.col3 #content a:hover,.col4 #content a:hover,.col5 #content a:hover,.col6 #content a:hover{text-decoration:underline}
#container .col2 #content a:hover{color:#555}
#headA:hover .sommaire-title-container,#headC:hover .sommaire-title-container,#headD:hover .sommaire-title-container,#headE:hover .sommaire-title-container,#headF:hover .sommaire-title-container,#headH:hover .sommaire-title-container,#headJ:hover .sommaire-title-container,#headL:hover .sommaire-title-container,#headM:hover .sommaire-title-container,#headP:hover .sommaire-title-container,#headQ:hover .sommaire-title-container,#headS:hover .sommaire-title-container,#headZ:hover .sommaire-title-container,#rubrique-content .preview-title-tile:hover .preview-title-container,#rubrique-content .preview-title-container:hover{height:100%;filter:none;opacity:0}
#headA:hover .sommaire-title-container:before,#headC:hover .sommaire-title-container:before,#headD:hover .sommaire-title-container:before,#headE:hover .sommaire-title-container:before,#headF:hover .sommaire-title-container:before,#headH:hover .sommaire-title-container:before,#headJ:hover .sommaire-title-container:before,#headL:hover .sommaire-title-container:before,#headM:hover .sommaire-title-container:before,#headP:hover .sommaire-title-container:before,#headQ:hover .sommaire-title-container:before,#headS:hover .sommaire-title-container:before,#headZ:hover .sommaire-title-container:before{background-color:#fff0;transition:all 900ms ease;transform:rotate(90deg)}
#headA:hover,#headC:hover,#headD:hover,#headE:hover,#headF:hover,#headH:hover,#headJ:hover,#headL:hover,#headM:hover,#headP:hover,#headQ:hover,#headS:hover,#headZ:hover,.preview-title-tile:hover{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);transition:all 700ms ease;z-index:980}
#container #content .col4 a:hover{color:#ff6300}
#container #content .col5 a:hover{color:#0899e2}
#container #content .col6 a:hover{color:#00ae96}
.col3 #rubrique-content a:hover .resume,.col3 #rubrique-content a:hover .sous-titre{color:#e2007a}
.col4 #rubrique-content a:hover .resume{color:#ff6300}
#container #rubrique-content .col2 .plan-rub a.on{color:#222}
#container #rubrique-content .col3 .plan-rub a.on{color:#e2007a}
#container #rubrique-content .col4 .plan-rub a.on{color:#ff6300}
#container #rubrique-content .col5 .plan-rub a.on{color:#0899e2}
#container #rubrique-content .col6 .plan-rub a.on{color:#00ae96}
#footer{margin:30px auto 0;border-top:3px solid #222;padding:18px 0 60px;text-align:left;font-size:16px;line-height:1.4}
#footer a{color:#222;text-decoration:underline;text-transform:lowercase}
#footer a:hover{color:#00ae96}
#footer .logo{border-left:1px solid;padding:5px 0 0 15px;height:74px;width:219px;float:left;box-sizing:border-box}
#footer .eespig{float:left;border-left:1px solid;height:72px}
#footer .eespig-logo{display:inline-block;width:66px;margin:0 12px 0 17px}
#footer .eespig-texte{display:inline-block;width:180px;vertical-align:top;margin:4px 33px 0 0}
#footer .adresse{float:left;width:265px;border-left:1px solid;padding:2px 0 0 15px;height:72px}
#footer .social{border-left:1px solid;padding-left:15px;float:left;height:74px}
#footer .social img{width:34px;margin:0 0 9px;vertical-align:middle}
#footer .social img:hover{filter:invert(50%) sepia(50%) saturate(800%) hue-rotate(125deg) brightness(90%) contrast(130%)}
#footer .fb{font-size:38px;height:45px}
#footer .fb a{text-decoration:none}
#footer .credit{clear:both;padding:3px 0 0}
#container{line-height:1.5;margin:35px auto 65px}
.sommaire-container h2,#headZ h2{font-size:28px;text-align:left;hyphens:none;line-height:1.1;font-weight:700;text-decoration:none;letter-spacing:.3px;text-transform:lowercase}
.col2 #content h2,.col3 #content h2{font-size:36px;text-transform:none;padding:10px 0;line-height:1.2;font-weight:700;text-align:left;hyphens:none;display:block}
#container #content h3{font-size:32px;padding:0 0 7px;line-height:1.2;text-align:left;hyphens:none;margin:-8px 0 0;color:#222;font-weight:400}
.col2 #content h2{max-width:570px}
#rubrique-content button,#content button{font-size:18px;text-transform:none;padding:10px;margin-bottom:10px;font-family:inherit;background:none;width:100%;text-align:left;cursor:pointer;min-height:60px;position:relative}
.col2 #rubrique-content button,.col2 #content button{color:#0899e2;border:1px solid #222}
.col4 #rubrique-content button,.col4 #content button{color:#ff6300;border:1px solid #ff6300}
#rubrique-content button::after,#content button::after{content:"";width:0;height:0;border-top:35px solid transparent;right:0;bottom:0;position:absolute}
.col2 #rubrique-content button::after,.col2 #content button::after{border-right:35px solid #222}
.col4 #rubrique-content button::after,.col4 #content button::after{border-right:35px solid #ff6300}
#rubrique-content h1 button,#content h1 button{font-size:24px;padding:30px;height:235px;display:flex;align-items:flex-start}
#rubrique-content button a,#content button a{text-decoration:none}
#rubrique-content button:hover,#content button:hover{background-image:url(//www.esa-paris.fr/skel/img/stripes-bleu.png);background-repeat:repeat}
.col2 #rubrique-content button:hover,.col2 #content button:hover{background-image:url(//www.esa-paris.fr/skel/img/stripes-noir.png)}
.col4 #rubrique-content button:hover,.col4 #content button:hover{background-image:url(//www.esa-paris.fr/skel/img/stripes-orange.png)}
.sommaire-container{height:100%}
.sommaire-container .illus{height:100%;display:block;z-index:0;position:relative;margin:0}
.sommaire-title-container,#rubrique-content .preview-title-container{position:absolute;width:100%;bottom:0;left:0;z-index:500;border:1px solid #222;background-color:#ffff;text-align:left;box-sizing:border-box;color:#222;filter:drop-shadow(4px 4px #222);transition:all 400ms ease;opacity:1;text-decoration:none}
#rubrique-content .preview-title-container{height:40%;padding:17px}
#headA .sommaire-title-container,#headJ .sommaire-title-container,#headP .sommaire-title-container{height:35%;padding:20px 30px;transition:all 600ms ease}
#headC .sommaire-title-container,#headH .sommaire-title-container,#headL .sommaire-title-container,#headM .sommaire-title-container{height:100%;padding:11px 16px;line-height:1.4}
#headD .sommaire-title-container,#headE .sommaire-title-container,#headF .sommaire-title-container,#headQ .sommaire-title-container,#headS .sommaire-title-container{height:45%;padding:10px 18px;transition:all 400ms ease;text-decoration:none}
#headZ .sommaire-title-container{height:100%;padding:14px 12px;transition:all 600ms ease;text-decoration:none;background-color:#ffff}
#headA .sommaire-title-container:before,#headC .sommaire-title-container:before,#headD .sommaire-title-container:before,#headE .sommaire-title-container:before,#headH .sommaire-title-container:before,#headJ .sommaire-title-container:before,#headL .sommaire-title-container:before,#headM .sommaire-title-container:before,#headP .sommaire-title-container:before,#headQ .sommaire-title-container:before{content:"";position:absolute;z-index:-100}
#headA .sommaire-title-container:before{clip-path:polygon(91% 9%,21% 44%,0 66%,62% 100%,75% 87%,86% 93%);top:-110px;left:50px;width:210px;height:210px;background-color:#f7ff00}
#headJ .sommaire-title-container:before{clip-path:polygon(0 100%,76% 100%,76% 92%,100% 72%,100% 0%,30% 0,6% 22%,0 22%);bottom:-40px;right:-16px;width:175px;height:175px;background-color:#ccc}
#headP .sommaire-title-container:before{clip-path:polygon(19% 37%,10% 41%,74% 100%,100% 19%,97% 0,18% 21%);top:-70px;right:20px;width:210px;height:210px;background-color:#f7ff00}
#headC .sommaire-title-container:before,#headL .sommaire-title-container:before,#headM .sommaire-title-container:before{width:75px;height:75px}
#headC .sommaire-title-container:before{background-color:#ccc;clip-path:polygon(0 72%,46% 100%,73% 92%,76% 94%,100% 41%,47% 13%,45% 20%,23% 26%);top:-5px;right:-33px}
#headH .sommaire-title-container:before{background-color:#ccc;clip-path:polygon(0 72%,46% 100%,73% 92%,76% 94%,100% 41%,47% 13%,45% 20%,23% 26%);display:none}
#headL .sommaire-title-container:before{background-color:#f7ff00;clip-path:polygon(0 82%,42% 100%,78% 81%,89% 69%,89% 27%,51% 3%,13% 22%,13% 34%,0 46%);display:none}
#headM .sommaire-title-container:before{background-color:#ccc;clip-path:polygon(0 82%,42% 100%,78% 81%,89% 69%,89% 27%,51% 3%,13% 22%,13% 34%,0 46%);top:-14px;left:-26px}
#headD .sommaire-title-container:before,#headE .sommaire-title-container:before,#headQ .sommaire-title-container:before{width:120px;height:120px}
#headD .sommaire-title-container:before{background-color:#ccc;clip-path:polygon(0 57%,10% 98%,81% 100%,100% 97%,79% 26%,7% 24%,15% 56%);bottom:-42px;right:10px}
#headE .sommaire-title-container:before{background-color:#f7ff00;clip-path:polygon(21% 20%,11% 55%,61% 93%,78% 100%,93% 35%,40% 0,33% 25%);top:-57px;right:-2px}
#headQ .sommaire-title-container:before{background-color:#f7ff00;clip-path:polygon(0% 37%,14% 79%,29% 97%,72% 100%,100% 62%,83% 16%,70% 16%,57% 2%,28% 0);bottom:-35px;left:-55px}
}
@keyframes rotating {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@media print {
#headB,#headN,#headK,#headO,#headR,#headI,#headG{background-image:url(//www.esa-paris.fr/skel/img/stripes-noir.png);background-repeat:repeat}
#headA{width:686px;height:686px;transition:all 600ms ease;position:relative;float:left;border:1px solid transparent}
#headB{width:153px;height:153px;float:left;border:1px solid transparent}
#headC{width:153px;height:153px;position:relative;float:right;transition:all 600ms ease;border:1px solid transparent}
#headD{width:331px;height:331px;position:relative;float:left;margin-left:23px;transition:all 600ms ease;border:1px solid transparent}
#headE{width:331px;height:331px;position:relative;float:right;transition:all 600ms ease;border:1px solid transparent}
#headF{width:331px;height:331px;position:relative;float:left;transition:all 600ms ease;border:1px solid transparent}
#headH{width:153px;height:153px;position:relative;float:left;margin-top:23px;transition:all 600ms ease;border:1px solid transparent}
#headJ{width:686px;height:686px;transition:all 600ms ease;position:relative;margin-top:23px;float:right;border:1px solid transparent}
#headK{width:153px;height:153px;float:right;margin-left:23px;border:1px solid transparent}
#headL{width:153px;height:153px;position:relative;float:left;transition:all 600ms ease;border:1px solid transparent}
#headM{width:153px;height:153px;position:relative;float:right;margin-top:23px;transition:all 600ms ease;border:1px solid transparent}
#headO{width:331px;height:331px;position:relative;margin-top:23px;float:right;margin-right:23px;border:1px solid transparent}
#headP{width:686px;height:686px;transition:all 600ms ease;position:relative;margin-top:23px;float:left;border:1px solid transparent}
#headQ{width:331px;height:331px;position:relative;float:right;margin:22px 0 0;transition:all 600ms ease;border:1px solid transparent}
#headR{width:331px;height:331px;position:relative;float:left;clear:both;margin:22px 0 0;border:1px solid transparent}
#headS{width:331px;height:331px;position:relative;float:right;transition:all 600ms ease;border:1px solid transparent}
#headI{width:331px;height:331px;float:left;margin-right:23px;border:1px solid transparent}
#headG{display:none}
#headZ{width:220px;height:220px;position:relative;transition:all 600ms ease;margin-bottom:4px}
#headgroup0{float:right}
#headgroup1{width:333px;float:right;margin-left:23px}
#headgroup2{margin-top:23px;position:relative;float:left;width:688px}
#headgroup3{margin-top:23px;width:333px;float:left}
#headgroup4{width:688px;float:right;margin-top:23px}
#headgroup5{margin-top:23px;margin-left:23px;float:left}
#headA h2::after,#headJ h2::after,#headP h2::after{content:"";border-bottom:14px solid;border-bottom-color:#f7ff00;filter:drop-shadow(6px 6px #222);width:65px;display:block;margin-top:8px}
#headC h2::after,#headD h2::after,#headE h2::after,#headF h2::after,#headH h2::after,#headL h2::after,#headM h2::after,#headQ h2::after,#headS h2::after,#headZ h2::after{content:"";border-bottom:6px solid;border-bottom-color:#f7ff00;filter:drop-shadow(3px 3px #222);width:34px;display:block;margin-top:2px}
#rubrique-content .preview-title-container h2::after{border-bottom:8px solid;width:40px;margin-top:4px}
#headA h2,#headJ h2,#headP h2{margin:0 0 18px}
#headC h2,#headD h2,#headE h2,#headF h2,#headH h2,#headL h2,#headM h2,#headQ h2,#headS h2,#headZ h2,#rubrique-content .preview-title-container h2{line-height:1.6;font-size:18px;margin:0 0 12px;transition:all 600ms ease;font-weight:700}
#rubrique-content .preview-title-container h2{text-transform:none;border:none;padding:0;transition:none}
#headZ h2{padding-bottom:0;border-bottom:none}
#headA h3,#headJ h3,#headP h3{font-size:32px;font-weight:300;margin:0 100px 0 0;line-height:1.3}
#headC h3,#headD h3,#headE h3,#headF h3,#headH h3,#headL h3,#headM h3,#headQ h3,#headS h3,#menu #headZ h3,#menu #headZ h4{font-size:18px;line-height:1.35;transition:all 600ms ease;margin:0;font-weight:400;color:#222}
.col3 #menu #headZ h3{font-weight:500}
.col3 #menu #headZ h4{display:block;font-size:16px}
#menu #headZ .fa{position:absolute;bottom:15px;right:15px;font-size:40px;color:#222}
#menu .date{background-image:url(//www.esa-paris.fr/skel/img/stripes-noir.png);background-repeat:repeat}
.date{text-transform:uppercase;font-weight:600}
.date-big{font-size:30px;font-weight:400;position:absolute;right:0;font-family:'Roboto',sans-serif;filter:drop-shadow(2px 2px #f7ff00)}
.date-big span{font-size:60px;filter:drop-shadow(3px 3px #f7ff00)}
.sommaire-title-container .date-big{top:0;padding:0 20px 0 0}
.titre-cartel .date-big{bottom:0;line-height:1.3}
.sommaire-title-container .date-small{font-size:20px;font-weight:400;padding:0 12px 0 0;position:absolute;top:0;right:0;font-family:'Roboto',sans-serif;filter:drop-shadow(2px 2px #f7ff00)}
.sommaire-title-container .date-small span{font-size:40px;filter:drop-shadow(1px 1px #f7ff00)}
.titre-cartel{position:relative;border-bottom:3px solid #222}
.col2 .titre-cartel,.col3 .titre-cartel{border-top:3px solid #222;padding-bottom:8px;margin-top:10px}
.col3 .titre-informations{padding:18px;background-image:url(//www.esa-paris.fr/skel/img/stripes-cassis.png);background-repeat:repeat}
.informations-publication{padding:18px 0}
.col4 .abstract-article{width:557px;float:left}
.col3 .abstract-article,.col3 .abstract-rubrique{width:327px;float:left}
.col3 .abstract-article .titre,.col3 .abstract-rubrique .titre,.col3 .abstract-rubrique .sous-titre{font-size:20px;line-height:1.4;font-weight:600;text-align:left;hyphens:none}
.col3 .abstract-article .titre{color:#222;margin-top:8px}
.col3 .abstract-article .sous-titre{font-size:20px;font-weight:400;text-align:left}
.col3 .abstract-publication .sous-titre{font-size:20px;font-weight:400;text-align:left}
.col3 .abstract-publication .date{text-transform:uppercase;font-weight:600;margin:0 0 10px}
.col3 .categorie{font-weight:700;margin-top:8px;font-size:22px;color:#e2007a}
#container #content .col3 .lien a{color:#e2007a;text-decoration:none}
#container #content .col3 .lien a:hover{color:#222}
#menu-container,#menu{width:220px;margin:0 40px 10px 0;text-align:left;float:left;line-height:1.6}
#sous-menu{position:relative;border-bottom:1px solid}
#sous-menu:first-child{border-top:1px solid}
#menu h3{font-size:20px;margin:15px 0 0;font-weight:700;display:inline-block}
#menu h4{font-size:18px;font-weight:400;margin:0;line-height:1.6}
.col3 #menu h4{display:none}
#menu ul{margin:0;list-style:none;padding:4px 0 15px}
#menu li{list-style:none}
#menu a{color:#222}
#rubrique-content .col3 .pagination{font-size:26px;margin-left:-5px}
.sep{font-size:0;display:inline-block}
ul.pagination_page{list-style:none;margin:0;padding:0}
li.pagination-item{display:inline-block}
.pagination-item-label{display:inline-block;text-decoration:none!important;border-radius:25px;width:44px;height:44px;text-align:center;vertical-align:middle;line-height:1.6!important;font-size:26px;margin:0 3px}
.pages .tbc{width:25px;line-height:1.5}
.pages .tbc .fa-play,.pagination_page .fa-play{margin-left:3px!important;border:1px solid red}
.pages .tbc .invert{margin-left:-2px;transform:rotate(180deg)}
.lien_pagination{border:1px solid #222}
.pages .on,.pagination-item-label.on,#rubrique-content .lien_pagination:hover{border:1px solid #e2007a;font-weight:500;background:#e2007a;color:#fff}
#rubrique-content,#content{width:700px;text-align:justify;float:left}
#content h3{font-size:13px;text-align:left;font-weight:700;margin:20px 0 0}
#content .resume,#rubrique-content .resume{margin:8px 0 0;font-size:16px;color:#222}
#rubrique-content a.spip_out,#content a.spip_out{padding-right:7px;margin-right:4px;background:transparent url(//www.esa-paris.fr/skel/img/spip_out.gif) no-repeat right}
#rubrique-content a.spip_out:has(button),#content a.spip_out:has(button){padding-right:0;margin-right:0;background:none}
#rubrique-content a,#container #content a{text-decoration:underline;color:#222}
#container .col3 #content a:hover,#container .col3 #content a:hover h3,#container .col3 #content .preview-video:hover h3 a{color:#e2007a}
#container #content h2 a{letter-spacing:-.01em;text-decoration:none;color:#222!important;pointer-events:none;cursor:text}
#container #content h2 a:hover{color:#222!important;pointer-events:none;cursor:text;text-decoration:none}
#content-aside-container{float:right}
.meta-tech{margin-top:.4em}
.plan-rub{margin:-6px 0 15px}
.plan-rub table{width:100%;height:100%;border-collapse:collapse;table-layout:auto}
.plan-rub td{padding:5px 0 5px 10px;height:100%;width:226px;box-sizing:border-box}
.plan-rub td:first-child{padding-left:0}
.plan-rub td:empty{display:none}
.plan-rub a{padding:8px;border:solid 1px #222;text-decoration:none!important;text-align:left;box-sizing:border-box;font-weight:400;font-size:18px;position:relative;height:50px;vertical-align:middle;display:table-cell;width:700px}
.plan-rub a.on{padding:8px 8px 8px 28px}
#container .col4 #content .plan-rub a.on{background-image:url(//www.esa-paris.fr/skel/img/stripes-orange.png);background-repeat:repeat;color:#ff6300;border:solid 1px #ff6300}
#container .col5 #content .plan-rub a.on{background-image:url(//www.esa-paris.fr/skel/img/stripes-bleu.png);background-repeat:repeat;color:#0899e2;border:solid 1px #0899e2}
#container #content .plan-rub a.on::after{content:"";width:0;height:0;border-top:24px solid transparent;border-bottom:24px solid transparent;position:absolute;left:0;top:0}
#container .col4 #content .plan-rub a.on::after{border-left:24px solid #ff6300}
#container .col5 #content .plan-rub a.on::after{border-left:24px solid #0899e2}
#container .col4 #content .plan-rub a:hover{border:solid 1px #ff6300}
#container .col5 #content .plan-rub a:hover{border:solid 1px #0899e2}
#aside .portfolio-container{width:100%;font-size:0;position:relative;display:inline-block;margin-bottom:20px}
#aside .portfolio-show{transition:all 600ms ease;border:1px solid #222;filter:drop-shadow(4px 4px #222);font-size:0;float:left}
#aside .portfolio-hide{display:none}
#aside .portfolio-hide:first-child{display:block;width:100%;height:100%;position:absolute;z-index:100}
#aside .portfolio-container:hover .portfolio-show{border-color:transparent;filter:none;transform:scale(1.08);transition:all 600ms ease}
#aside .portfolio-container title{display:none}
#aside .portfolio-count,#aside .portfolio-text{position:absolute;right:0;display:block;width:190px;height:190px;box-sizing:border-box;text-decoration:none!important;transition:all 600ms ease;opacity:1}
#aside .portfolio-count{background:#fff;font-size:65px;font-weight:400;text-align:center;padding-top:48px;font-family:'Roboto',sans-serif;margin:1px 1px 0 0;border:1px solid #222;filter:drop-shadow(4px 4px #222)}
#aside .portfolio-text{font-size:18px;font-weight:500}
#aside .portfolio-text .date{font-weight:700;padding-bottom:5px;transition:all 600ms ease}
#aside .portfolio-show img{filter:saturate(0%);transition:all 300ms ease}
#aside .portfolio-container:hover .portfolio-show img{filter:saturate(100%);transition:all 300ms ease}
#aside .portfolio-container:hover .portfolio-text .date{color:#ff6300;transition:all 300ms ease}
.iframe-container{line-height:0;float:left}
.preview-video .iframe-container{line-height:0;margin-bottom:25px}
div.iframe{margin-bottom:30px}
.preview{margin:20px 0;display:block;padding:0 0 20px}
.col3 .preview{border-bottom:1px solid #e2007a}
.col4 .preview{border-bottom:1px solid #ff6300}
#container .col4 #content .preview:hover a{color:#ff6300}
.preview-title{width:1140px}
.preview-title:empty{display:none}
.preview-title-tile{width:265px;height:265px;position:relative;margin:23px 0 0 23px;transition:all 400ms ease;float:left;border:1px solid transparent}
.preview-title-tile:nth-child(1),.preview-title-tile:nth-child(5),.preview-title-tile:nth-child(9),.preview-title-tile:nth-child(13){margin:23px 0 0}
.preview-title-tile img{width:267px;height:267px}
.preview-title-tile-text{font-size:16px;line-height:1.45;width:267px;height:267px;position:relative;margin:23px 0 0;transition:all 400ms ease;padding:15px;box-sizing:border-box;border:1px solid;text-align:left;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;float:left;filter:drop-shadow(4px 4px #222);background-color:#fff}
.abstract-publication{border-top:1px solid #e2007a;margin:0 0 45px}
.abstract-publication .titre{font-size:22px;line-height:1.4;font-weight:600;text-align:left;hyphens:none;color:#222}
.abstract-publication .chapeau{text-align:left;white-space:break-spaces;margin:10px 0 0}
.abstract-publication .chapeau a{color:#222;text-decoration:underline}
.abstract-publication .chapeau a:hover{color:#e2007a}
.abstract-publication .chapeau br{display:none}
.permalink{margin-top:1em;color:#ddd}
.meta{margin-bottom:1em}
#content .meta a{text-decoration:none!important;border-bottom:1px solid #222}
#rubrique-content .meta a{text-decoration:none!important;border-bottom:1px solid #222}
#container #content .permalink a{color:#aaa!important;text-decoration:none}
#content .preview h2{border:none;margin:0;padding:0;font-size:20px;line-height:24px}
#content .preview h2 a{text-decoration:none!important}
#container #rubrique-content .permalink a{color:#aaa!important;text-decoration:none}
#rubrique-content .preview h2{border:none;margin:0;padding:0;font-size:20px;line-height:24px}
#rubrique-content .preview h2 a{text-decoration:none!important}
#rubrique-content .col4 .row h3{margin:0;font-size:20px;font-weight:600}
#content .row a{text-decoration:none!important}
#rubrique-content .row a{text-decoration:none!important}
#aside-container{float:right;width:auto;margin:0 0 0 40px}
#aside{float:right;width:400px;margin:0;padding:0;text-align:left}
#aside .fa-file-pdf{font-size:34px;margin:18px 5px 18px 0;vertical-align:middle}
#content .fa-file-pdf{font-size:24px;margin:15px 7px 15px 0;vertical-align:middle}
#aside ul{list-style:none;margin:0;padding:0}
#aside li a{text-decoration:none;font-weight:400}
#aside form{margin:7px 0 15px}
#aside #recherche{box-sizing:border-box}
#aside .bloc{margin:0 0 10px}
#aside .docjoint{margin:10px 0}
#aside a{color:#222}
#aside .col2 a:hover{color:#555}
#aside .col3 a:hover{color:#e2007a}
#aside .col4 a:hover{color:#ff6300}
#aside .col5 a:hover{color:#0899e2}
#aside .col6 a:hover{color:#00ae96}
#content form p,#content form li{clear:both;padding:0}
#content form p label,#content form li label{float:left;width:150px;padding-right:10px;text-align:right}
#content form textarea{float:left;width:300px;margin-bottom:10px}
#content form input.checkbox{float:left;margin-right:5px}
#content form .choix{padding:3px 0}
#content form .choix label{width:260px;text-align:left}
#content form .boutons{margin-left:160px}
.spacer{clear:both}
.required{color:red}
.hidden{display:none}
.liner{border-bottom:1px solid #ddd}
.invisible{visibility:hidden}
.right{text-align:right}
.annu_profil{background-image:url(//www.esa-paris.fr/skel/img/stripes-orange.png);background-repeat:repeat;font-size:0;margin-top:20px;border-top:3px solid #222}
.annu_profil img{width:200px;height:200px}
.annu_enseignement{margin:15px 0;background-image:url(//www.esa-paris.fr/skel/img/stripes-orange.png);background-repeat:repeat;border-left:12px solid #ff6300;padding:12px 15px 15px}
.annu_soustitre{font-size:15px;text-transform:uppercase;color:#ff6300}
.annu_titre{font-size:20px;margin:3px 0 0;font-weight:700;text-align:left;line-height:1.2}
.annu_titre span{display:block;font-size:16px;font-weight:500;line-height:1.3}
.website{margin:13px 0}
#resultat .resultat-titre{font-size:24px;color:#222;font-weight:700;margin:0 0 10px}
#resultat li{line-height:1.2;margin:0 0 12px}
#resultat a{text-decoration:none;line-height:1.2;font-size:18px}
#resultat a:hover{text-decoration:underline}
#spip-admin{margin-right:200px}
dl.spip_documents{margin:25px 0 20px}
.spip_documents a.spip_out{background:transparent!important;text-decoration:none!important;border:0 #fff!important}
.spip_documents_left{margin:0 15px 0 0}
.spip_documents,.spip_documents embed,.spip_documents_left,.spip_documents_left embed{font-size:0}
.spip_documents_left img[width='140']{margin-bottom:-30px}
.spip_documents img[height='980']{width:100%}
span.spip_documents{display:inline-block}
span.spip_documents .spip_out img{transition:all 300ms ease}
span.spip_documents:hover .spip_out img{transform:scale(1.08);transition:all 500ms ease}
.col4 span.spip_documents{margin:5px 0}
.col6 span.spip_documents{margin:5px 0 10px}
span.spip_documents img{float:left}
span.spip_document_titre,span.spip_document_descriptif{font-size:16px;display:block;overflow:hidden;padding-left:20px}
span.spip_document_titre h6{margin-top:0}
.illus-preview{float:right;line-height:0}
dl.spip_documents_center,.spip_documents_center{display:block!important;float:none;text-align:center;margin:5px auto}
dl.spip_documents a img{border:0!important}
ul.spip{padding:0 0 0 14px;margin:12px 0;clear:both}
.image-cartel{margin:0 0 25px;position:relative}
.image-titre{font-size:13px;margin:8px 0 0}
.image-credits{font-size:11px;font-weight:400;margin:0}
blockquote,blockquote.spip{margin:1em 0;padding:4px 1em;border:1px solid #CCC;border-left:4px solid #A0C0E0;color:#333}
tt,.spip_code,.spip_cadre{font-family:monospace;font-style:normal;font-size:1.1em}
.spip_code{color:#345DA4}
tt{display:none}
.spip_cadre{width:98%;padding:4px;padding-top:.5em;background:#eee;color:#3465a4;border:1px inset #eee;border-left:4px solid #345DA4}
#content .spip_cadre{float:none}
#rubrique-content .spip_cadre{float:none}
.spip_surligne{background:#ff0}
}
@media only screen and (max-width: 1400px) {
body{background:#fff}
}
@media print {
.lity-start{display:none}
.lity-image-caption{bottom:-1.5rem!important;padding:0!important;background:inherit!important}
.lity-image-caption-text{font-size:.85rem;font-style:inherit!important;color:#000}
.details{display:none}
.toggle-button{cursor:pointer;color:blue;text-decoration:underline}
#banner .infos-menu{width:100%!important;margin:0 0 10px;padding:0;display:block}
#banner .infos-menu .outils-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;white-space:nowrap;border-bottom:1px solid #222;padding-bottom:6px}
#banner .infos-menu .outils-item{display:inline-flex;align-items:center;line-height:1.2;font-size:18px}
#banner .infos-menu .outils-item .fas{width:auto;font-size:20px;margin-right:8px}
#banner .infos-menu form{width:220px;display:inline-block}
#banner .infos-menu input{width:100%;border:0;border-bottom:1px solid #222;padding:2px 0;font-size:18px}
#banner .infos-menu #google_translate_element img{width:20px;margin-right:8px}
#banner .infos-menu .outils-item:hover{color:#00ae96}
}

/* plugins-dist/mediabox/lib/lity/lity.css?1772530622 */
/*! 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?1772530622 */
.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/_simple-white/lity.css?1772530622 */
.box_mediabox:before{background:#fff;opacity:0.9}
.box_mediabox button[class*="lity-"]:focus{outline:2px dotted #333}
.lity-close,.lity-close:hover,.lity-close:active,.lity-close:focus{top:4px;right:2px;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:2.5rem;color:#000}
.lity-group-caption .lity-group-current{display:block;position:absolute;top:-1.5rem;right:0;color:#000;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:#000}
.lity-loading .lity-group-start-stop{display:none}
.lity-group-start-stop{display:block;position:absolute;top:-1.5rem;left:0;width:100%;text-align:center;color:#000;font-weight:700}
.lity-group-start-stop button{display:inline-block;border:0;padding:0;margin:0;background:none;color:#000}
.lity-group-start-stop button b{color:transparent}
.lity-group-start-stop button b::after{content:attr(title);display:inline-block;color:#000;padding-right:.75em}
.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{display:inline-block}
.lity-next,.lity-previous{display:block;border:0;padding:0;margin:0;position:fixed;border-radius:50%;left:-4.75rem;text-align:center;top:50%;margin-top:-6rem;width:8rem;height:12rem;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:rgba(0,0,0,0)}
.lity-next[disabled],.lity-previous[disabled]{display:none}
.lity-next{left:auto;right:-4.75rem;text-align:right}
.lity-next:hover,.lity-previous:hover,.lity-next:active,.lity-previous:active,.lity-next:focus,.lity-previous:focus{background:rgba(255,255,255,.05)}
.lity-next b,.lity-previous b{display:inline-block;position:absolute;top:50%;left:5.5rem;font-size:3rem;line-height:3rem;margin-top:-1.5rem;text-shadow:0 0 10px #000;color:#000;font-style:normal;opacity:0.5}
.lity-next b{right:5.5rem;left:auto}
.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-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}

/* plugins/auto/onglets_texte/v2.1.0/css/tab.css */
.dynamic-tab-pane-control.tab-pane{position:relative;width:100%;margin-right:-2px}
.dynamic-tab-pane-control .tab-row .tab{width:70px;height:16px;background-image:url('//www.esa-paris.fr/plugins/auto/onglets_texte/v2.1.0/css/img/tab.png');position:relative;top:0;display:inline;float:left;overflow:hidden;cursor:default;margin:1px -1px 1px 2px;padding:2px 0px 0px;border:0;z-index:1;font-size:11px;white-space:nowrap;text-align:center}
.dynamic-tab-pane-control .tab-row .tab.selected{width:74px!important;height:18px!important;background-image:url('//www.esa-paris.fr/plugins/auto/onglets_texte/v2.1.0/css/img/tab-on.png')!important;background-repeat:no-repeat;border-bottom-width:0;z-index:3;padding:2px 0 0px;margin:1px -3px -3px 0px;top:-2px;font-size:11px}
.dynamic-tab-pane-control .tab-row .tab a{font-size:11px;color:#000;text-decoration:none;cursor:default}
.dynamic-tab-pane-control .tab-row .tab.hover{font-size:11px;width:70px;height:16px;background-image:url('//www.esa-paris.fr/plugins/auto/onglets_texte/v2.1.0/css/img/tab-hover.png');background-repeat:no-repeat}
.dynamic-tab-pane-control .tab-page{clear:both;border:1px solid rgb( 145,155,156 );background:rgb( 252,252,254 );z-index:2;position:relative;top:-2px;font-size:11px;color:#000;padding:10px}
.dynamic-tab-pane-control .tab-row{z-index:1;white-space:nowrap}

/* plugins/auto/historique_spip32_documents/v1.1.0/css/historique_spip32_documents.css */
.spip_documents{max-width:100%}

/* plugins/auto/media/v1.6.1/css/media.css */
.spip_doc_descriptif,.spip_doc_credits,.spip_doc_infos{clear:both;margin:0 auto;font-size:.9em}

