html { background:#e6e6e6 }
*{ font-family: din-2014, sans-serif;font-style: normal; }
p, body{ margin:0px;padding:0px; }
body { background:#e6e6e6;overflow-x:hidden}
a { cursor:pointer;text-decoration:none; }
a:hover { text-decoration:none;}
.clear { clear:both; }
h4 { border:0px;margin:0px }
#content { padding-top:30px;position: relative;background:#fff; }
#portailTop { position:relative;display: inline-block;margin-bottom:15px; width: 100%;padding:0 40px;box-sizing: border-box; }
#colonneLeft { width:230px;;float:right; }
#colonneRight { width: 72.5%;padding:0px;box-sizing:border-box;float:left;position: relative; }
#accueil { top:8px }
header { background:#fff;color:white;padding:0px;width:100%;position:fixed;top:0;z-index:1000}
header > div:first-child { padding:35px 0;position:relative;text-align: center;width:1060px;margin:0 auto }
header > div:first-child:after { content: " ";position: absolute;height: 19px;display: block;background-image: linear-gradient(to right,#000 0.5%,#fff 95%);width: 190px;-webkit-filter: blur(.2rem);filter: blur(.2rem);right: -7px;bottom: -29px;}
header.bInscriptionNews > div:first-child:after { bottom:-53px }
header > div.noflouter:after { display:none }
#elearning { height:140px;background:#00aeef url(../img/HeaderXerfiLearningv2.png) 50% 50% no-repeat }
/*#consNewsletter { float:left;width:160px;padding-right:100px;background: url(../img/img-newsletter.png) 100% 0%/90px no-repeat;font-size:14px;color:#000;display: none; }
#consNewsletter span { color:#225e68 }
#consNewsletter a { background:#225e68;font-size:14px;color:#fff;font-weight:600;padding:2px 6px;display:inline-block;border-radius:4px }*/
#inputRecherche { width:430px;padding:0px;cursor:pointer;float: initial;text-align:center;display: inline-block; }
#inputRecherche > div { position:relative;top: -7px; }
#elearning #inputRecherche { display:none }
header > div > .logo { display:block;float:left;text-align: left;font-size: 14px;color:#000;position: relative;top: -9px; }
header > div > .logo p { position:relative;left:-2px;color:#225e68 }
header #iaa { display:block }
#inputRecherche .logo { display:none }
#inputRecherche .logo img, header > div > .logo img { width:260px }
#inputRecherche input { width:100%;height:33px;padding:9px 14px;outline: none;background:white;border:1px solid #666;color:#666;font-size:12px;border-radius:4px;margin-top:15px;box-sizing: border-box; }
#inputRecherche .loupe { position:absolute;right:7px;bottom:6px;width:20px; }
/*
header .connexion { float:right;padding: 1px 3px 0px 3px;margin:0 3px 0px 0;border-radius:4px;text-align:center;height:32px;cursor:pointer;position:relative }
#elearning .connexion { margin:56px 3px 0px 0; }
header .connexion > a > span { font-size:14px;color:#000;display: table-cell;position:relative;top:0px }
#elearning .connexion > span { top:5px }
header .connexion > div { position: absolute;background: #EBEBEB;padding: 10px;border-radius: 4px;margin-top: 2px;right: 0px;display: block;z-index: 1;border: 1px solid #E1DDDD;width: 171px;text-align: left;display:none }
header .connexion > div span { position: absolute;width: 0;height: 0;border-color: transparent transparent #EBEBEB;border-style: solid;top: -8px;right:1px;border-width: 0 8px 8px; }
header .connexion > div a { color:black;font-size:12px;line-height:20px;display:block }
header .connexion > div a:hover { font-weight:bold }
header .connexion a img { height:25px; }
header .connexion > img { width:15px;margin-left:10px }
header .newsletter { margin-right:0 } */
header .connexion { float:right;padding: 1px 3px 0px 3px;margin:0 3px 0px 0;border-radius:4px;text-align:center;height:32px;cursor:pointer;position:relative }
#elearning .connexion { margin:56px 3px 0px 0; }
header .connexion > span { font-size:14px;color:#000;display: table-cell;position:relative;top:0px }
header .connexion > a > span { font-size:14px;color:#000;display: table-cell;position:relative;top:-7px }
#elearning .connexion > span { top:5px }
header .connexion > div { position: absolute;background: #EBEBEB;padding: 10px;border-radius: 4px;margin-top: -7px;right: 1px;display: block;z-index: 1;border: 1px solid #E1DDDD;width: 171px;text-align: left;display:none;color:black;font-size:12px;text-align:justify }
header .newsletter > div { width:260px;line-height:17px; }
header .connexion > div span { position: absolute;width: 0;height: 0;border-color: transparent transparent #EBEBEB;border-style: solid;top: -8px;right:1px;border-width: 0 8px 8px; }
header .loginUser > div span, header .newsletter > div span { right:24px }
header .connexion > div a { color:black;font-size:12px;line-height:20px;display:block }
header .connexion > div a:hover { font-weight:bold }
header .connexion img { height:25px; }
header .newsletter { margin-right:0 }
header .connexion .fdown { width:15px;margin-left:10px }
#bg { height:8px;background-image: linear-gradient(60deg, #6EFCED -4%, #4198a9);text-align:center }
.bInscriptionNews #bg { height:32px }
#bg span { font-size:17px;position: relative;top: 4px;margin-right: 20px; }
#bg a { font-size:15px;font-weight:bold;color:#000;background:#fff;padding:2px 8px;border-radius:6px;position: relative;top: 4px; }
#liens { background:#000; }
#liens > div { width:1060px;margin:0 auto;padding:0 40px;box-sizing: border-box;}
#liens > div > div { padding:1px 6.11%;display:inline-block;border-left:2px solid #fff;position:relative; }
#liens > div > div > a { color:#fff;font-size:14px;font-weight:600; }
#liens > div > div:first-child { border:0;padding-left:0 }
#liens > div > div:nth-child(6) { padding-right:0 }
#liens img { width:15px;position:absolute;top: 8px;right: 11px;cursor:pointer }
#liens > div > div > div { position:absolute;top:23px;left:0;background:#000;padding:15px;display:none }
#liens > div > div > div > a, #contentChaine a { display:block;color:#b4b4b4;font-size:12px;padding: 5px 0; }
#liens > div > div > div > a:hover, #contentChaine a:hover { color:#fff }
#liens > div > div:first-child > div { width: 138px;left: -40px; }
#liens > div > div:nth-child(2) > div { width: 265px; }
#liens > div > div:nth-child(4) > div { width: 297px;column-count: 2; }
#contentChaine { background:#000;padding:10px 17px 17px 17px;display:none }
#contentChaine a { display:block }
#elearning .baseline { display:none }
#container { margin: 0 auto;margin-top:133px;width: 1060px; }
#container.bInscriptionNews { margin-top:174px; }
footer{width: 100%;background: #2E2E2E;bottom: 0px}
#contentFooter > a { float:left;background:#6EFCED;display: inline-block;border: 5px solid #6EFCED;border-bottom: 1px solid #6EFCED;margin: 33px 60px 0 0 }
#contentFooter img { display:none }
#contentFooter{width: 602px;margin: 0 auto;position:relative}
#contentFooter > p, #contentFooter > p a { color:#57c8c9;font-size:14px;text-align:center;margin-top:20px }
#contentFooter > p b { font-weight:bold }
#contentFooter .colonneFooter{float: left;margin: 30px 60px 34px 0px;}
.colonneFooter b { font-weight:600;color:#fff;font-size:14px }
.colonneFooter a{font-size: 13px; color: white;text-decoration: none;}
.colonneFooter a:hover{text-decoration: underline;}
.colonneFooter p{color: white;font-weight: 600;font-size: 14px; }
#contentFooter > div div:first-child{ padding-bottom: 15px}
#separator{width: 950px;height: 5px;margin: 0 auto;border-bottom: 1px solid black;}
#logoPaiement { width: 100%;background:#595959;padding:15px 0px 12px 0px;text-align: center; } /*2020*/
#logoPaiement img { height:30px;margin:5px; }
#reseauxSociaux { width: 100%;background:black;padding:6px 0 1px 0;text-align: center; }
#reseauxSociaux p { color: white;font-size: 19px;font-weight: bold;display: inline-block;position: relative;top: -14px;margin-right: 24px }
#reseauxSociaux p br { display:none }
#reseauxSociaux img { height:33px;margin:4px; }
/*62*/
#accueil { position:absolute;top:-32px }
#accueil a { color:#000;font-size:12px;font-weight:bold;text-transform: uppercase; }
#accueil p { display:none;font-size:22px;font-weight:bold;padding-left: 40px;text-transform: uppercase; }
#accueil a:hover { text-decoration:underline }
#accueil > span { display: inline-block;width: 5px;height: 5px;background: #000;border-radius: 50%;position: relative;top: -2px;left: -3px;margin-left: 6px; }
#motsCles { margin-bottom:30px; }
#motsCles a { float:left;margin-right:13px;color:#949DA2;font-size: 14px; }
#motsCles .selected { color:#154AB8;/*padding-left:40px;background: url(../img/Punaise.png) 0% 50% no-repeat;*/ }
.video { position:relative;display: flex;cursor:pointer }
.video span { display:none }
.video > a { display: contents; }
.video .thumbnails { width: 100%;height: 100%;}
.video .intervenant { width: 95%;position: absolute;bottom: 1px;left: 0px;padding: 8px 2px 4px 15px;margin: 2%;box-sizing: border-box; }
.video .intervenant a, .video .intervenant p { color:black;font-size:14px;display: block;line-height: 15px; }
.video .intervenant h2, .video .intervenant b { display:block;font-size:16px;margin:0;text-transform: uppercase; }
.video .voile { opacity: 0.6;background: white; }
.video .voile > * { visibility:hidden; }
.video .play img { position: absolute;top: 50%;margin-top: -50px;left: 50%;margin-left: -50px;width: 100px;z-index:3 }
.video iframe { position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; }
.infosVideo { background:#fff;padding:9px;min-height: 92px;position:relative; border-top: 1px solid #b4b4b4;border-right: 1px solid #b4b4b4;border-left: 1px solid #b4b4b4;border-radius: 4px 4px 0 0 }
#emissionEnCours .infosVideo { padding:10px;line-height: 18px; }
.infosVideo .chaine { font-weight:700;font-size:14px }
.infosVideo .date { display:none }
.infosVideo .titre { font-size:17px;display:block;line-height: 18px;margin:5px 0 0 0 }
.infosVideo .intervenant { font-size:14px;color:#000;line-height: 14px;display: block;margin-top: 3px; }
.emissions .infosVideo .intervenant { position:absolute;bottom:5px }
#emissionEnCours .infosVideo .intervenant { margin: 10px 0px;font-size:13px; }
/*.infosVideo .heure{ color:#434E56;font-size:11px;padding:4px 0px 4px 20px;background: url(../img/Picto-Horloge.png) 0% 50% no-repeat;float:right; }*/
.emission { margin-bottom:15px;float:left; }
#emissions > div { position:relative;padding:0 30px 20px 30px;width: 100%;box-sizing: border-box; }
#emissions .marginB { padding-bottom:60px }
.emissions .emission { width: 23%;position: relative;float: left;margin: 0 10px 20px 10px;box-sizing: border-box;
box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 20%);
-webkit-box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 20%);
-moz-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.2); }
/*.emissions .large { width: 48%;margin: 0 0 2% 2% }*/
.emissions .infosVideo { padding:10px 10px 20px 10px;min-height: 60px;position:relative }
.emissions .emission .duree, #colonneLeft .emission .duree { position: absolute;bottom: 5px;left: 9px;z-index: 5;font-size: 13px;color:#fff }
.emissions .emission .voile, #colonneLeft .emission .voile { position: absolute;bottom: 6px;left: 4px;width:39px;height:17px;z-index:3;background:#595959;opacity:0.6 }
#colonneLeft .video { position:relative }
.emissions .video { }
.titre { color:black;font-size:22px;font-weight:bold; }
#colonneRight > .titre { position:relative;top:-10px; }
#emissions > div > .titre, #emissions > .titre { font-size:32px;margin:0 0 0 16px;position:relative;top:-32px;display:block }
#emissions > .titre { margin:0 0 0 38px }
.reglette { position:absolute;top:6px;right:0px; }
.reglette img { width: 14px;margin-left: 15px;cursor:pointer }
/*.date { color: #9C9C9C;font-size: 10px;position: absolute;bottom: 4px;right: 7px;font-weight: bold; }*/
#emissionEnCours .date { margin-top:10px;font-size:12px;position: inherit; }
#colonneLeft .emission { width: 100%;margin: 0px 0px 12px 0px;position:relative;box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 20%);-webkit-box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 20%);-moz-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.2); }
#touchmove { margin-left:-2% }
#emissions { position:relative; }
.emissions .large { position:relative;width:100%;margin-left:0 }
.emissions .large .video { position:absolute;top: 1px;left: 0.5px;width:218px;height:122px;z-index:1 }
.emissions .large .infosVideo { padding:8px 5px 4px 230px; min-height: 110px }
.emissions .large .infosVideo .titre { font-size:18px;margin-bottom:10px; }
.emissions .large .infosVideo .intervenant { font-size:16px;margin-top:-4px }
.emissions .large .infosVideo .date { font-size:14px;display:block;margin-top:10px }
#emissions .plusVideos > a { padding: 6px 10px;background: url(../svg/suite.svg) 50% 50%/30px no-repeat;cursor: pointer;margin-bottom: 15px;display: block; }
.emissions .large img { display:none }
#emissionEnCours { /*margin-bottom:32px;*/ background: white;position: relative;}
/*#emissionEnCours .infosEmis { margin: 0px 10px 18px 10px;}*/
#emissionEnCours .aLaUne { background: #17181A;color: white;font-size: 14px;display: block;padding: 3px 10px;width: 68px; }
#emissionEnCours .titre {font-size: 22px;color: #000;margin-bottom: 17px;display: block; }
#emissionEnCours .titre h1 {font-size: 22px;color: #000;margin:0;display: block;padding:0;font-weight:800;cursor:auto }
#emissionEnCours .fonction, #emissionEnCours .fonction a { font-size: 15px;color: #434E56;width: 518px;}
#emissionEnCours .heure { float: left; margin-left:8px;margin-top: 5px;color: #4198a9; font-size: 12px; font-weight: bold; padding-bottom: 2px; }
#emissionEnCours .heure img { width: 17px;position: relative;top: 4px;margin: 0px 10px; }
#emissionEnCours .imgEmis { position: relative; cursor: pointer; height: 348px;}
#emissionEnCours .imgEmis > img:first-child { width: 618px; height: 348px;}
#emissionEnCours .imgEmis > img:nth-child(2) {width: 70px;position: absolute;bottom: 0px;left: 0px;}
#emissionEnCours > img { position: absolute; right: 5px; top: 0; cursor: pointer; }
#btnsPlayer { margin: 0px 52px 0px 10px;float:left }
#btnsPlayer a { margin-right: 5px; background: #4198a9; color: white; font-size: 12px; padding: 9px 12px 7px 12px; display: inline-block;text-align: center }
#btnsPlayer a:hover { text-decoration: none; }
#btnsPartager { height: 20px; margin: 0px 10px 20px 20px; }
#btnsPartager div { float: left; }
#emissionEnCours .description p, #emissionEnCours .description h2, #emissionEnCours .description p font, #emissionEnCours .description font,
#emissionEnCours .lireLaSuite p, #emissionEnCours .lireLaSuite h2, #emissionEnCours .lireLaSuite p font, #emissionEnCours .lireLaSuite font
{ font-size: 15px; color: #000; line-height: 22px; background: none; font-weight: normal}
.lireLaSuite { padding-top:15px;border-top:1px solid #E1DDDD;margin-top:10px; }
.lireLaSuite .chapeau { height: auto; }
#newsletterCanal { margin-bottom:10px; background:#4198a9;text-align:center; padding:8px 8px 20px 8px;position:relative }
#newsletterCanal p { padding: 0px 0 12px 67px;background:url(../img/PictoNewsletter.png) 23px 50%/30px no-repeat;font-size:15px; color:white;text-align:left }
#newsletterCanal img { width: 20px;height:20px;position:absolute;right:50%;bottom: 5px;cursor:pointer; margin-right: -143px;}
#newsletterCanal input, #newsletterWeek input { font-size:12px;font-weight: bold; color:#666; padding:7px 10px 6px 10px; width:185px; outline: none;background:white }
#newsletterCanal span, #newsletterWeek span { font-size:14px; color:white; background:#383B36; padding:9px; cursor: pointer;}
.description { padding-top:0;border-top: 0;margin-top: 0;position:relative }
.description p, .description h2, .description p font, .description font { font-size: 13px;color: #6a6a6a;line-height: 22px;margin-top: 10px;background: none;font-weight: normal; }
.description a {color: #6a6a6a;text-decoration: underline;}
.description .chapeau { height:110px; overflow: hidden; }
.description > img, .description > a img { width:30px;position:absolute;left: 50%;margin-left: -15px;bottom: -15px;cursor:pointer }
.motsCles { margin-top:34px; }
/*.description { padding-top:15px;border-top:1px solid #E1DDDD;margin-top:10px;position:relative }
.description .chapeau { height: auto; }
.description a { color: #6a6a6a;text-decoration: underline; }*/
#emissionEnCours .motsCles span { font-weight:bold;font-size:16px;margin-bottom: 8px;display: block; }
#emissionEnCours .motsCles b { color:#4198a9;font-size:12px;display:table }
#emissionEnCours .motsCles a { color:white;font-size:11px;padding:2px 6px;background:#000;margin-right:5px;display: inline-block;text-decoration: none;margin-bottom: 4px;border-radius:4px }
#emissionEnCours .motsCles h3 { font-size:11px;margin:0;text-transform: uppercase }
.motsCles { padding: 10px 0 10px 0;margin-bottom: 8px;margin-top: 8px; }
.description .chapeau, .lireLaSuite .chapeau { /*height:80px;*/padding:5px 0 10px 0;text-align:justify;color: #000;font-size: 15px;line-height: 19px }
.lireLaSuite .chapeau { height:auto }
#filArianne, #filArianne a, #filArianne p { font-size: 12px; color: #9C9C9C; display: inline-block; }
.emissionsChaine .emission { width:100%;margin-bottom:10px }
.emissionsChaine .emission .infosVideo { border-radius:0;border-bottom: 1px solid #b4b4b4;min-height:auto }
.emissionsChaine .emission > a:first-child { position: relative;display: inline-block;padding: 4px;border-radius: 4px 4px 0 0;width: 100%;box-sizing: border-box; }
.emissionsChaine .emission h2 { color:#fff;display:block;font-size: 16px;margin:0 }
.emissionsChaine .emission > a:first-child span { color:#fff;font-size: 12px;display:block;text-decoration: underline; }
.emissionsChaine .emission .titre { font-size: 14px;line-height:15px;margin: 0; }
.emissionsChaine .emission .infosVideo .intervenant { font-size: 13px }
.emissionLarge { position: relative; width: 617px; background: white; border-right: 1px solid #E1DDDD; border-bottom: 1px solid #E1DDDD;position:relative }
.emissionLarge > a { width: 218px; height: 121px; float: left; display: inline-block; }
.emissionLarge > a img:first-child { width: 218px; height: 121px; }
.emissionLarge > a img:nth-child(2) { width: 26px; position: absolute; top: 95px; left: 0px; }
.emissionLarge > div:nth-child(2) { float: left; width: 369px; padding: 15px 15px 33px 15px; border-top: 1px solid #E1DDDD; }
.emissionLarge div:nth-child(2) > img { position: absolute; right: 4px; top: 0px; cursor: pointer; }
.emissionLarge div:nth-child(2) .interv { color: #000; font-size: 15px; font-weight: bold; display: block }
.emissionLarge div:nth-child(2) .titre { font-size: 16px; color: #333333; display:block; padding-top: 5px; }
.emissionLarge > div:nth-child(2) div { position: absolute; bottom: 10px; }
.emissionLarge > div:nth-child(2) div span:first-child { font-size: 12px; font-weight: bold; color: #9C9C9C; float: left; }
.emissionLarge > div:nth-child(2) div span:nth-child(2) { float: left; margin-left: 255px; }
.liseret { margin-bottom: 8px; }
#emissions > .pagination { padding-bottom:40px;padding-right:40px }
.pagination { margin-bottom: 30px }
.pagination > a { font-weight: bold; font-size: 13px; color: #696969; }
.paginationControl { color: #666; width: 209px; float: right; text-align: right;}
.paginationControl span { display: inline-block; text-align: center; color: white; font-weight: bold; font-size: 11px; width: 22px; height: 18px; padding-top: 4px; }
.numPageN, .nextA, .previousA, .firstA, .lastA { background: #595959; cursor: pointer;}
.nextA, .previousA, .firstA, .lastA, .nextN, .previousN, .firstN, .lastN { border-radius: 0px; }
.numPageA { background: #595959; border-radius: 11px; }
.numPageN { background: #d2d2d2; border-radius: 11px; }
.nextA, .nextN { background: url(../img/FlecheSimple_RechercheEtude.png) no-repeat; }
.lastA, .lastN { background: url(../img/FlecheDouble_RechercheEtude.png) no-repeat; }
.previousA, .previousN { background: url(../img/FlecheSimple_RechercheEtude-AR.png) no-repeat; }
.firstA, .firstN { background: url(../img/FlecheDouble_RechercheEtude-AR.png) no-repeat; }
.nextN, .previousN, .firstN, .lastN { cursor: pointer; visibility: hidden; }
/*****************************************************OVERLAY**************************************************/
.fond_overlay { display: none;-moz-opacity: 0.70;-khtml-opacity: 0.70;opacity: 0.70;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);filter: alpha(opacity=70);}
.jqmOverlay{ background: #000000;width:100% !important}
.containerJqm{position:fixed;left:50%;padding: 40px 40px 20px 40px;border: 1px solid #E1DDDD;top: 14%; background: #fff; width: 700px; margin-left: -385px;}
.containerJqm .return, .contentOverlay .return {cursor: pointer;color: white;font-size: 27px;text-decoration: none;float: right;background: #000;padding: 0px 8px;position: relative;top: -40px;left: 40px;}
.overlayLogin .title p { color: #000;font-weight: bold;font-size: 23px;text-align:center;margin: 20px 0px;}
.overlayLogin .title img { margin: 20px 0px;}
.overlayLogin .link_auth {padding: 0 0 20px 20px;background: white;width: 316px;margin-left: 15px;border-left: 2px solid #E1DDDD;float: left;position: relative;top: -2px;}
.form_auth { margin-top: 20px; }
.form_auth .left { width: 161px;text-align: right;color: #000;font-size: 16px;font-weight:bold }
.form_auth input[type="text"], .form_auth input[type="email"], .form_auth input[type="password"], #passwordReset input[type="text"] {font-size: 14px;color: #999999;width: 160px;background: #EBEBEB;padding: 7px;height: 14px;border: 1px solid #E1DDDD;border-radius: 4px;outline: none;margin-bottom: 5px;}
.overlayLogin input[type="submit"], .overlayLogin .link_auth a, .form_auth .valider, #passwordReset input[type="submit"], #loginUser .register { float: left;padding: 3px 18px;margin-top:20px;background: #6EFCED;font-weight: bold;border: 2px solid #6EFCED;color: #000;cursor: pointer;font-size: 14px;border-radius:6px}
.overlayLogin .link_auth a { background:#fff; }
.overlayLogin input[type="submit"]{ position: relative;left: -60px;margin-top: 20px;}
#passwordReset input[type="submit"] { float: initial }
#loginUser .submitLogin { padding:10px 20px }
#loginUser .register { display:none }
.passwordReset, .passwordoublieuser { color: #000;text-decoration: underline;font-size: 13px;float: right;}
.overlayLogin .title {position: relative;top: -30px }
.overlayLogin form { float:left }
.overlayLogin .link_auth span, .overlayLogin form b {color: #000;font-size: 18px;font-weight: bold;}
.overlayLogin .link_auth div{color: #000;font-size: 16px;text-align: justify;margin: 30px 0 78px 0;line-height: 23px;}
.overlayLogin .link_auth a { margin: 0 77px;padding:10px 20px }
.overlayLogin .link_auth a:hover{ text-decoration: none;}
.form_auth .error input{ border: 1px solid red;}
.overlayLogin .msgError{color: red;font-size: 12px;font-weight: bold;position: absolute;display: inherit;}
.containerJqm .reinitialiserMDP { font-size: 16px; color: #000; margin-bottom: 10px;}
.containerJqm .textconfirmation, .contentOverlay .textconfirmation { color: #000;font-weight: bold;line-height: 20px;font-size: 15px;text-align: justify;margin-top: 15px;}
.containerJqm .retour {border: 0px;width: 85px;height: 27px;background: url(http://www.xerficanal.com/img/btn_retour_blue.png) no-repeat;cursor: pointer;margin-top: 40px;}
#regarderPlusTard { text-align: center;width: 415px;margin-left: -249px; }
#passwordReset, #saveNewsletter, #newPassword, #changeinfosuser, #voirPlusTard, .popupCompte { width: 460px;margin-left: -278px;top: 5%; }
.fondOverlay { width: 100%;height: 100%;background: #000000;z-index: 1000;opacity: 0.6;display: none;position: fixed;top: 0px;left: 0px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.contentOverlay { position: fixed;width: 460px;left: 50%;margin-left: -278px;padding: 40px 40px 20px 40px;background: white;top: 20%;border: 1px solid #E1DDDD;z-index: 10001; display:none; }
#bondeauIA { display:none }
#elearning #bg { display:none }
/*************************************************OVERLAY******************************************************/
@media (max-width: 1080px){ /*on change le header ~#taille tablette~#*/
header > div > .logo { top:0 }
header > div > .logo p { display:none }
#liens > div { padding: 0 15px }
#container { width: 100%;margin-top: 132px; }
#container.bInscriptionNews{ margin-top: 155px; }
#portailTop { padding: 0 15px; }
#colonneLeft { width:22% }
#colonneRight { width:78%;padding-right:15px;box-sizing: border-box; }
.emissions { padding:0 0 43px 0 }
.emissions .emission { width:31%;margin: 0 2.33% 20px 0 }
.emissions .large { width:100% }
#emissions > div > .titre, #emissions > .titre { margin-left:0 }
#emissions > .iqsog { margin-left:15px }
#emissions > div { padding: 0 0 15px 15px }
header > div:first-child { width:100%;padding:25px 0 }
#inputRecherche { width: 396px }
header > div > .logo img { margin-left:7px }
/*#accueil { padding: 20px 40px 0px 15px }*/
/*
#colonneRight, #colonneLeft { width: 100%;padding:0px;}
header .monCompte { display:none }
header { height: 90px; }
#firstHeader, #liseret { display:none }
header > div { margin-top:0px;padding-top:8px; }
header { height:54px; }
header > div { padding-top:10px; }
header .connexion > span { font-size:10px }
.menu { background:url(../img/Menu1.png) 0% 4% no-repeat;background-size:18px;padding-top:25px;width:18px;margin:0 19px 0px 10px; }
.menu span { left: -6px;
top: -1px;font-size:10px }
#motsCles { display:none }
#motsCles a { margin-right:15px;font-size: 14px;font-weight:bold;padding: 6px; }
#motsCles .selected { padding-left:10px; }
header .baseline { display:none }
header .connexion { margin-top:1px; }
header .connexion img { height: 19px }
#pictosPartage, header .newsletter { display:none }
#inputRecherche { width:210px;margin-top:2px }
#inputRecherche input { width:186px; }
.emissions .emission { width: 31.33%;margin: 0 0 2% 2%;}
.colonneLeft .emission { width: 48%;margin: 0 0 2% 2% }
#emissions { padding:0;margin:0;left:0 }
.emissions {margin: 0% 0% 2% -2%}
.emission .logo { padding: 10px; height: 15px; }
.emission .logo img { display:none }
.emission .logo span { display:block;color:white;font-size:13px;font-weight:normal }
.emissions > p:first-child { margin-left:20px; }
#emissionEnCours .titre h1, #emissionEnCours .titre{font-size: 24px;}
#newsletterCanal { display:none }
#colonneRight .colonneLeft { margin-top:30px; }
.description .chapeau, .motsCles { height:auto;}
.motsCles p { margin: 3px 0px 5px 0px }
#newsletterCanal { display:none }
#colonneLeft .emission { width: 31.33%;margin: 0 0 2% 2%; }
.emissions .large { position:initial; }
.emissions .large .video { position:relative;width:auto;z-index:1 }
.emissions .large .infosVideo { padding-left:5px; min-height: auto; }
#elearning { background: #00aeef;height: 45px; }
#elearning .connexion { margin: -5px 3px 0px 0;}*/
}
@media (max-width: 900px) and (min-width: 0px){
header #iaa { width:190px !important }
#container.bInscriptionNews { margin-top:174px }
#colonneLeft { width:28% }
#colonneRight { width:72%;}
header > div:first-child { height:70px }
#inputRecherche .logo img { width: 212px;margin-top: 6px;margin-left:4px }
#inputRecherche{ position: absolute;top: 58px;left: 50%;margin-left: -194px; }
header .connexion > span { display:none }
#inputRecherche .logo img, header > div > .logo img { width: 190px }
.containerJqm { top: 5%;padding: 20px;width:320px;margin-left: -186px; }
.overlayLogin form { float:none;margin-top:-20px }
.overlayLogin .link_auth { display:none}
.overlayLogin .mobile { display:none }
.overlayLogin .title { padding-bottom:0px;width:342px }
.containerJqm .return { top:-21px;left:21px }
.overlayLogin .title p { font-size: 20px;margin: 20px 0px 8px 0px; }
.form_auth { margin-top:10px }
.overlayLogin form b { font-size:14px }
.form_auth .left { font-size:12px }
.form_auth input[type="text"], .form_auth input[type="password"] { height:12px;font-size: 12px; }
.overlayLogin input[type="submit"], .overlayLogin .link_auth a{ padding: 8px 20px; font-size: 12px; }
.overlayLogin .link_auth span { display:none }
.overlayLogin input[type="submit"] { left:-137px }
.overlayLogin .link_auth a { position: relative;top: -66px;left: 79px; }
#loginUser .register { display:inherit;padding: 10px 20px;margin-top: -36px;float: right;font-size:12px;background: #fff; }
#passwordReset, #saveNewsletter, #newPassword, #changeinfosuser, #voirPlusTard { width: 320px;margin-left: -186px }
#liens > div { width: 850px }
#liens > div > div { padding: 1px 41px 1px 42px }
#liens { overflow: auto; }
#liens > div { overflow-y: scroll; padding-right: 17px; box-sizing: content-box }
}
@media (max-width: 768px) and (min-width: 0px){ /* taille phone */
header #iaa { display:none }
header .connexion > a > span, header .connexion .fdown { display:none }
header > div:first-child { padding: 25px 0; }
#bg span { display:none }
#inputRecherche .logo img { width: 165px }
#colonneRight, #colonneLeft { width:100%;padding-right:0 }
#colonneLeft { margin-bottom:20px }
#accueil { padding: 20px 0 0px 0;top:-48px }
header > div:first-child { height:67px }
#content {
padding-top: 55px }
#emissions > div { padding: 0 10px 20px 10px; }
.emissions { padding:0 0 30px 0 }
/*.emissions .emission { width:100%;margin: 0 0 20px 0 }
#emissions > div > .titre { font-size: 28px;top:-28px } */
.emissions .emission { width:100%;margin-right:0;margin-bottom:10px }
.emissions .infosVideo, .emissions .large .infosVideo, #colonneLeft .infosVideo { padding: 4px 2px 1px 123px;min-height: 81px !important; }
.emissions .video, .emissions .large .video, #colonneLeft .video { width: 114px;height: 85px;position: absolute;top: 1.5px;left: 0.5px;z-index: 1; }
.emissions .infosVideo .titre, .emissions .large .infosVideo .titre, #colonneLeft .infosVideo .titre { font-size: 15px;margin:0;line-height:15px }
.emissions .infosVideo .date, .emissions .large .infosVideo .date, #colonneLeft .infosVideo .date { font-size:12px;margin:0 }
.emissions .infosVideo .intervenant, .emissions .large .infosVideo .intervenant, #colonneLeft .infosVideo .intervenant{ font-size:12px; margin: 3px 0; }
.emissions img { display:none }
#inputRecherche { width: 316px;margin-left: -158px;}
#emissions > .pagination, .pagination { padding-right:20px }
#emissions > div > .titre, #emissions > .titre { font-size:26px;top:-26px }
.emissions .infosVideo .intervenant { position:initial }
#reseauxSociaux p { display: block;top: 2px;font-size: 18px; }
#reseauxSociaux p br { display:block }
#contentFooter { text-align: center;width:100%;padding-bottom:30px }
#contentFooter img { display:inline-block;width: 15px;margin-left:10px;cursor:pointer }
#contentFooter > div div { display:none;margin: 5px 0; }
#contentFooter > div div:first-child { display:block;padding-bottom:0 }
#contentFooter .colonneFooter { float: none;margin: 20px 0 0px 0; }
/*#content { padding-top:7px }
#contentFooter { display:none; }
.emission .video .thumbnails { width:227px;height: 128px;position: absolute;top: 0;z-index: 1 }
.emissions .emission, #colonneLeft .emission{ width:98% !important;position:relative;margin:0 0 20px 2% !important }
#colonneLeftPXCanal .emission { width:100% !important;position:relative;margin:0 0 20px 0 !important }
.emissions .emission:nth-child(3) { display:none; }
.emissions .infosVideo, #colonneLeftPXCanal .infosVideo, .emissions .large .infosVideo { padding: 3px 3px 3px 232px;min-height: 122px !important;height: auto !important;}
#colonneLeft .picto br, #colonneLeft .picto span { display:none; }
.infosVideo .titre { font-size: 15px !important;line-height: 16px;margin-bottom: 3px; }
.infosVideo .intervenant { font-size:12px !important; }
#accueil a { padding: 2px 4px;font-size:12px !important; }
#emissions .titre span { width: 34px } */
}
/*
@media (max-width: 630px) and (min-width: 0px){
#secondHeader .inputRecherche { position: absolute; width:96%;top: 57px;left: 1%;margin-left: 0; }
#secondHeader .inputRecherche input { width: 100% }
#container { margin-top:90px; }
#btnsPlayer { margin: 0 10px 0 0; padding: 9px 6px 7px 6px;}
#emissionEnCours .heure { padding-left:0 }
#accueil .mobile { display:none; }
#container { margin-top: 130px }
}
@media (max-width: 540px) and (min-width: 0px){
#motsCles { display:none }
#liensVideo a { font-size:11px;padding:5px;margin-right:5px; }
#liensPartage img { width:22px;height:22px;}
.titre { font-size: 18px; }
.emissions .emission, #colonneLeft .emission { width:100% }
.colonneFooter div:first-child a{ font-size: 12px; }
.colonneFooter a{ font-size: 11px; }
.reglette { display:block; }
#emissionEnCours .titre h1, #emissionEnCours .titre{font-size: 18px;line-height: 24px;}
footer > div .colonneFooter { margin: 0 auto;margin-top: 15px;text-align: center;float:inherit;padding-left:0px }
footer .content { height:350px;width:inherit }
#emissions > .titre { font-size: 15px; }
}
@media (max-width: 400px) and (min-width: 0px){
#liensPartage, footerBottom { display:none; }
} */
html { background:#e6e6e6 }
*{ font-family: din-2014, sans-serif;font-style: normal; }
p, body{ margin:0px;padding:0px; }
body { background:#e6e6e6;overflow-x:hidden}
a { cursor:pointer;text-decoration:none; }
a:hover { text-decoration:none;}
.clear { clear:both; }
h4 { border:0px;margin:0px }
#content { padding-top:30px;position: relative;background:#fff; }
#portailTop { position:relative;display: inline-block;margin-bottom:15px; width: 100%;padding:0 40px;box-sizing: border-box; }
#colonneLeft { width:230px;;float:right; }
#colonneRight { width: 72.5%;padding:0px;box-sizing:border-box;float:left;position: relative; }
#accueil { top:8px }
header { background:#fff;color:white;padding:44px 0 0 0;width:100%;position:fixed;top:0;z-index:1000}
header > div:first-child { padding:35px 0;position:relative;text-align: center;width:1060px;margin:0 auto }
header > div:first-child:after { content: " ";position: absolute;height: 19px;display: block;background-image: linear-gradient(to right,#000 0.5%,#fff 95%);width: 190px;-webkit-filter: blur(.2rem);filter: blur(.2rem);right: -7px;bottom: -29px;}
header.bInscriptionNews > div:first-child:after { bottom:-53px }
header > div.noflouter:after { display:none }
#elearning { height:140px;background:#00aeef url(../img/HeaderXerfiLearningv2.png) 50% 50% no-repeat }
/*#consNewsletter { float:left;width:160px;padding-right:100px;background: url(../img/img-newsletter.png) 100% 0%/90px no-repeat;font-size:14px;color:#000;display: none; }
#consNewsletter span { color:#225e68 }
#consNewsletter a { background:#225e68;font-size:14px;color:#fff;font-weight:600;padding:2px 6px;display:inline-block;border-radius:4px }*/
#inputRecherche { width:430px;padding:0px;cursor:pointer;float: initial;text-align:center;display: inline-block; }
#inputRecherche > div { position:relative;top: -7px; }
#elearning #inputRecherche { display:none }
header > div > .logo { display:block;float:left;text-align: left;font-size: 14px;color:#000;position: relative;top: -9px; }
header > div > .logo p, header > div > .logo h1 { font-size: 14px;margin:0;position:relative;left:-2px;color:#000;font-weight:600;line-height:15px }
#bandeauIA { background: #000;padding: 10px 0;position: fixed;top: 0;z-index: 1001;width: 100% }
#bandeauIA > div { text-align: center;margin: 0 auto }
#bandeauIA > div a { font-size:18px;font-weight: 600;color:#fff }
#bandeauIA > div b { color:#6EFCED }
#inputRecherche .logo { display:none }
#inputRecherche .logo img, header > div > .logo img { width:260px }
#inputRecherche input { width:100%;height:33px;padding:9px 14px;outline: none;background:white;border:1px solid #666;color:#666;font-size:12px;border-radius:4px;margin-top:15px;box-sizing: border-box; }
#inputRecherche .loupe { position:absolute;right:7px;bottom:6px;width:20px; }
/*
header .connexion { float:right;padding: 1px 3px 0px 3px;margin:0 3px 0px 0;border-radius:4px;text-align:center;height:32px;cursor:pointer;position:relative }
#elearning .connexion { margin:56px 3px 0px 0; }
header .connexion > a > span { font-size:14px;color:#000;display: table-cell;position:relative;top:0px }
#elearning .connexion > span { top:5px }
header .connexion > div { position: absolute;background: #EBEBEB;padding: 10px;border-radius: 4px;margin-top: 2px;right: 0px;display: block;z-index: 1;border: 1px solid #E1DDDD;width: 171px;text-align: left;display:none }
header .connexion > div span { position: absolute;width: 0;height: 0;border-color: transparent transparent #EBEBEB;border-style: solid;top: -8px;right:1px;border-width: 0 8px 8px; }
header .connexion > div a { color:black;font-size:12px;line-height:20px;display:block }
header .connexion > div a:hover { font-weight:bold }
header .connexion a img { height:25px; }
header .connexion > img { width:15px;margin-left:10px }
header .newsletter { margin-right:0 } */
header .connexion { float:right;padding: 1px 3px 0px 3px;margin:0 3px 0px 0;border-radius:4px;text-align:center;height:32px;cursor:pointer;position:relative }
#elearning .connexion { margin:56px 3px 0px 0; }
header .connexion > span { font-size:14px;color:#000;display: table-cell;position:relative;top:0px }
header .connexion > a > span { font-size:14px;color:#000;display: table-cell;position:relative;top:-7px }
#elearning .connexion > span { top:5px }
header .connexion > div { position: absolute;background: #EBEBEB;padding: 10px;border-radius: 4px;margin-top: -7px;right: 1px;display: block;z-index: 1;border: 1px solid #E1DDDD;width: 171px;text-align: left;display:none;color:black;font-size:12px;text-align:justify }
header .newsletter > div { width:260px;line-height:17px; }
header .connexion > div span { position: absolute;width: 0;height: 0;border-color: transparent transparent #EBEBEB;border-style: solid;top: -8px;right:1px;border-width: 0 8px 8px; }
header .loginUser > div span, header .newsletter > div span { right:24px }
header .connexion > div a { color:black;font-size:12px;line-height:20px;display:block }
header .connexion > div a:hover { font-weight:bold }
header .connexion img { height:25px; }
header .newsletter { margin-right:0 }
header .connexion .fdown { width:15px;margin-left:10px }
#bg { height:8px;background-image: linear-gradient(60deg, #6EFCED -4%, #4198a9);text-align:center }
.bInscriptionNews #bg { height:32px }
#elearning #bg { display:none }
#bg span { font-size:17px;position: relative;top: 4px;margin-right: 20px; }
#bg a { font-size:15px;font-weight:bold;color:#000;background:#fff;padding:2px 8px;border-radius:6px;position: relative;top: 4px; }
#liens { background:#000; }
#liens > div { width:1060px;margin:0 auto;padding:0 40px;box-sizing: border-box;}
#liens > div > div { padding:1px 5.8%;display:inline-block;border-left:2px solid #fff;position:relative; }
#liens > div > div > a { color:#fff;font-size:14px;font-weight:600; }
#liens > div > div:first-child { border:0;padding-left:0 }
#liens > div > div:nth-child(6) { padding-right:0 }
#liens img { width:15px;position:absolute;top: 8px;right: 11px;cursor:pointer }
#liens > div > div > div { position:absolute;top:23px;left:0;background:#000;padding:15px;display:none }
#liens > div > div > div > a, #contentChaine a { display:block;color:#b4b4b4;font-size:12px;padding: 5px 0; }
#liens > div > div > div > a:hover, #contentChaine a:hover { color:#fff }
#liens > div > div:first-child > div { width: 138px;left: -40px; }
#liens > div > div:nth-child(2) > div { width: 265px; }
#liens > div > div:nth-child(4) > div { width: 297px;column-count: 2; }
#contentChaine { background:#000;padding:10px 17px 17px 17px;display:none }
#contentChaine a { display:block }
#elearning .baseline { display:none }
#container { margin: 0 auto;margin-top:193px;width: 1060px; }
#container.bInscriptionNews { margin-top:217px }
footer{width: 100%;background: #2E2E2E;bottom: 0px}
#contentFooter > a { float:left;background:#6EFCED;display: inline-block;border: 5px solid #6EFCED;border-bottom: 1px solid #6EFCED;margin: 33px 60px 0 0 }
#contentFooter img { display:none }
#contentFooter{width: 754px;margin: 0 auto;position:relative}
#contentFooter > p, #contentFooter > p a { color:#57c8c9;font-size:14px;text-align:center;margin-top:20px }
#contentFooter > p b { font-weight:bold }
#contentFooter .colonneFooter{float: left;margin: 30px 49px 34px 0px;}
.colonneFooter b { font-weight:600;color:#fff;font-size:14px }
.colonneFooter a{font-size: 13px; color: white;text-decoration: none;}
.colonneFooter a:hover{text-decoration: underline;}
.colonneFooter p{color: white;font-weight: 600;font-size: 14px; }
#contentFooter > div div:first-child{ padding-bottom: 15px}
#contentFooter .mobile { display:none }
#contentFooter .mobile img { height:40px;width:auto;display:block; }
#separator{width: 950px;height: 5px;margin: 0 auto;border-bottom: 1px solid black;}
#logoPaiement { width: 100%;background:#595959;padding:15px 0px 12px 0px;text-align: center; } /*2020*/
#logoPaiement img { height:30px;margin:5px; }
#reseauxSociaux { width: 100%;background:black;padding:6px 0 1px 0;text-align: center; }
#reseauxSociaux p { color: white;font-size: 19px;font-weight: bold;display: inline-block;position: relative;top: -14px;margin-right: 24px }
#reseauxSociaux p br { display:none }
#reseauxSociaux img { height:33px;margin:4px; }
/*62*/
#accueil { position:absolute;top:-32px }
#accueil a { color:#000;font-size:12px;font-weight:bold;text-transform: uppercase; }
#accueil p { display:none;font-size:22px;font-weight:bold;padding-left: 40px;text-transform: uppercase; }
#accueil a:hover { text-decoration:underline }
#accueil > span { display: inline-block;width: 5px;height: 5px;background: #000;border-radius: 50%;position: relative;top: -2px;left: -3px;margin-left: 6px; }
#motsCles { margin-bottom:30px; }
#motsCles a { float:left;margin-right:13px;color:#949DA2;font-size: 14px; }
#motsCles .selected { color:#154AB8;/*padding-left:40px;background: url(../img/Punaise.png) 0% 50% no-repeat;*/ }
.video { position:relative;display: flex;cursor:pointer }
.video span { display:none }
.video > a { display: contents; }
.video .thumbnails { width: 100%;height: 100%;}
.video .intervenant { width: 95%;position: absolute;bottom: 1px;left: 0px;padding: 8px 2px 4px 15px;margin: 2%;box-sizing: border-box; }
.video .intervenant a, .video .intervenant p { color:black;font-size:14px;display: block;line-height: 15px; }
.video .intervenant h2, .video .intervenant b { display:block;font-size:16px;margin:0;text-transform: uppercase; }
.video .voile { opacity: 0.6;background: white; }
.video .voile > * { visibility:hidden; }
.video .play img { position: absolute;top: 50%;margin-top: -50px;left: 50%;margin-left: -50px;width: 100px;z-index:3 }
.video iframe { position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; }
.infosVideo { background:#fff;padding:9px;min-height: 92px;position:relative; border-top: 1px solid #b4b4b4;border-right: 1px solid #b4b4b4;border-left: 1px solid #b4b4b4;border-radius: 4px 4px 0 0 }
#emissionEnCours .infosVideo { padding:10px;line-height: 18px; }
.infosVideo .chaine { font-weight:700;font-size:14px }
.infosVideo .date { display:none }
.infosVideo .titre { font-size:17px;display:block;line-height: 18px;margin:5px 0 0 0 }
.infosVideo .intervenant { font-size:14px;color:#000;line-height: 14px;display: block;margin-top: 3px; }
.emissions .infosVideo .intervenant { position:absolute;bottom:5px }
#emissionEnCours .infosVideo .intervenant { margin: 10px 0px;font-size:13px; }
/*.infosVideo .heure{ color:#434E56;font-size:11px;padding:4px 0px 4px 20px;background: url(../img/Picto-Horloge.png) 0% 50% no-repeat;float:right; }*/
.emission { margin-bottom:15px;float:left; }
#emissions > div { position:relative;padding:0 30px 20px 30px;width: 100%;box-sizing: border-box; }
#emissions .marginB { padding-bottom:60px }
.emissions .emission { width: 23%;position: relative;float: left;margin: 0 10px 20px 10px;box-sizing: border-box;
box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 20%);
-webkit-box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 20%);
-moz-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.2); }
/*.emissions .large { width: 48%;margin: 0 0 2% 2% }*/
.emissions .infosVideo { padding:10px 10px 20px 10px;min-height: 60px;position:relative }
.emissions .emission .duree, #colonneLeft .emission .duree { position: absolute;bottom: 5px;left: 9px;z-index: 5;font-size: 13px;color:#fff }
.emissions .emission .voile, #colonneLeft .emission .voile { position: absolute;bottom: 6px;left: 4px;width:39px;height:17px;z-index:3;background:#595959;opacity:0.6 }
#colonneLeft .video { position:relative }
.emissions .video { }
.titre { color:black;font-size:22px;font-weight:bold; }
#colonneRight > .titre { position:relative;top:-10px; }
#emissions > div > .titre, #emissions > .titre { font-size:32px;margin:0 0 0 16px;position:relative;top:-32px;display:block }
#emissions > .titre { margin:0 0 0 38px }
.reglette { position:absolute;top:6px;right:0px; }
.reglette img { width: 14px;margin-left: 15px;cursor:pointer }
/*.date { color: #9C9C9C;font-size: 10px;position: absolute;bottom: 4px;right: 7px;font-weight: bold; }*/
#emissionEnCours .date { margin-top:10px;font-size:12px;position: inherit; }
#colonneLeft .emission { width: 100%;margin: 0px 0px 12px 0px;position:relative;box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 20%);-webkit-box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 20%);-moz-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.2); }
#touchmove { margin-left:-2% }
#emissions { position:relative; }
.emissions .large { position:relative;width:100%;margin-left:0 }
.emissions .large .video { position:absolute;top: 1px;left: 0.5px;width:218px;height:122px;z-index:1 }
.emissions .large .infosVideo { padding:8px 5px 4px 230px; min-height: 110px }
.emissions .large .infosVideo .titre { font-size:18px;margin-bottom:10px; }
.emissions .large .infosVideo .intervenant { font-size:16px;margin-top:-4px }
.emissions .large .infosVideo .date { font-size:14px;display:block;margin-top:10px }
#emissions .plusVideos > a { padding: 6px 10px;background: url(../svg/suite.svg) 50% 50%/30px no-repeat;cursor: pointer;margin-bottom: 15px;display: block; }
.emissions .large img { display:none }
#emissionEnCours { /*margin-bottom:32px;*/ background: white;position: relative;}
/*#emissionEnCours .infosEmis { margin: 0px 10px 18px 10px;}*/
#emissionEnCours .aLaUne { background: #17181A;color: white;font-size: 14px;display: block;padding: 3px 10px;width: 68px; }
#emissionEnCours .titre {font-size: 22px;color: #000;margin-bottom: 17px;display: block; }
#emissionEnCours .titre h1 {font-size: 22px;color: #000;margin:0;display: block;padding:0;font-weight:800;cursor:auto }
#emissionEnCours .fonction, #emissionEnCours .fonction a { font-size: 15px;color: #434E56;width: 518px;}
#emissionEnCours .heure { float: left; margin-left:8px;margin-top: 5px;color: #4198a9; font-size: 12px; font-weight: bold; padding-bottom: 2px; }
#emissionEnCours .heure img { width: 17px;position: relative;top: 4px;margin: 0px 10px; }
#emissionEnCours .imgEmis { position: relative; cursor: pointer; height: 348px;}
#emissionEnCours .imgEmis > img:first-child { width: 618px; height: 348px;}
#emissionEnCours .imgEmis > img:nth-child(2) {width: 70px;position: absolute;bottom: 0px;left: 0px;}
#emissionEnCours > img { position: absolute; right: 5px; top: 0; cursor: pointer; }
#btnsPlayer { margin: 0px 52px 0px 10px;float:left }
#btnsPlayer a { margin-right: 5px; background: #4198a9; color: white; font-size: 12px; padding: 9px 12px 7px 12px; display: inline-block;text-align: center }
#btnsPlayer a:hover { text-decoration: none; }
#btnsPartager { height: 20px; margin: 0px 10px 20px 20px; }
#btnsPartager div { float: left; }
#emissionEnCours .description p, #emissionEnCours .description h2, #emissionEnCours .description p font, #emissionEnCours .description font,
#emissionEnCours .lireLaSuite p, #emissionEnCours .lireLaSuite h2, #emissionEnCours .lireLaSuite p font, #emissionEnCours .lireLaSuite font
{ font-size: 15px; color: #000; line-height: 22px; background: none; font-weight: normal}
.lireLaSuite { padding-top:15px;border-top:1px solid #E1DDDD;margin-top:10px; }
.lireLaSuite .chapeau { height: auto; }
#newsletterCanal { margin-bottom:10px; background:#4198a9;text-align:center; padding:8px 8px 20px 8px;position:relative }
#newsletterCanal p { padding: 0px 0 12px 67px;background:url(../img/PictoNewsletter.png) 23px 50%/30px no-repeat;font-size:15px; color:white;text-align:left }
#newsletterCanal img { width: 20px;height:20px;position:absolute;right:50%;bottom: 5px;cursor:pointer; margin-right: -143px;}
#newsletterCanal input, #newsletterWeek input { font-size:12px;font-weight: bold; color:#666; padding:7px 10px 6px 10px; width:185px; outline: none;background:white }
#newsletterCanal span, #newsletterWeek span { font-size:14px; color:white; background:#383B36; padding:9px; cursor: pointer;}
.description { padding-top:0;border-top: 0;margin-top: 0;position:relative }
.description p, .description h2, .description p font, .description font { font-size: 13px;color: #6a6a6a;line-height: 22px;margin-top: 10px;background: none;font-weight: normal; }
.description a {color: #6a6a6a;text-decoration: underline;}
.description .chapeau { height:110px; overflow: hidden; }
.description > img, .description > a img { width:30px;position:absolute;left: 50%;margin-left: -15px;bottom: -15px;cursor:pointer }
.motsCles { margin-top:34px; }
/*.description { padding-top:15px;border-top:1px solid #E1DDDD;margin-top:10px;position:relative }
.description .chapeau { height: auto; }
.description a { color: #6a6a6a;text-decoration: underline; }*/
#emissionEnCours .motsCles span { font-weight:bold;font-size:16px;margin-bottom: 8px;display: block; }
#emissionEnCours .motsCles b { color:#4198a9;font-size:12px;display:table }
#emissionEnCours .motsCles a { color:white;font-size:11px;padding:2px 6px;background:#000;margin-right:5px;display: inline-block;text-decoration: none;margin-bottom: 4px;border-radius:4px }
#emissionEnCours .motsCles h3 { font-size:11px;margin:0;text-transform: uppercase }
.motsCles { padding: 10px 0 10px 0;margin-bottom: 8px;margin-top: 8px; }
.description .chapeau, .lireLaSuite .chapeau { /*height:80px;*/padding:5px 0 10px 0;text-align:justify;color: #000;font-size: 15px;line-height: 19px }
.lireLaSuite .chapeau { height:auto }
#filArianne, #filArianne a, #filArianne p { font-size: 12px; color: #9C9C9C; display: inline-block; }
.emissionsChaine .emission { width:100%;margin-bottom:10px }
.emissionsChaine .emission .infosVideo { border-radius:0;border-bottom: 1px solid #b4b4b4;min-height:auto }
.emissionsChaine .emission > a:first-child { position: relative;display: inline-block;padding: 4px;border-radius: 4px 4px 0 0;width: 100%;box-sizing: border-box; }
.emissionsChaine .emission h2 { color:#fff;display:block;font-size: 16px;margin:0 }
.emissionsChaine .emission > a:first-child span { color:#fff;font-size: 12px;display:block;text-decoration: underline; }
.emissionsChaine .emission .titre { font-size: 14px;line-height:15px;margin: 0; }
.emissionsChaine .emission .infosVideo .intervenant { font-size: 13px }
.emissionLarge { position: relative; width: 617px; background: white; border-right: 1px solid #E1DDDD; border-bottom: 1px solid #E1DDDD;position:relative }
.emissionLarge > a { width: 218px; height: 121px; float: left; display: inline-block; }
.emissionLarge > a img:first-child { width: 218px; height: 121px; }
.emissionLarge > a img:nth-child(2) { width: 26px; position: absolute; top: 95px; left: 0px; }
.emissionLarge > div:nth-child(2) { float: left; width: 369px; padding: 15px 15px 33px 15px; border-top: 1px solid #E1DDDD; }
.emissionLarge div:nth-child(2) > img { position: absolute; right: 4px; top: 0px; cursor: pointer; }
.emissionLarge div:nth-child(2) .interv { color: #000; font-size: 15px; font-weight: bold; display: block }
.emissionLarge div:nth-child(2) .titre { font-size: 16px; color: #333333; display:block; padding-top: 5px; }
.emissionLarge > div:nth-child(2) div { position: absolute; bottom: 10px; }
.emissionLarge > div:nth-child(2) div span:first-child { font-size: 12px; font-weight: bold; color: #9C9C9C; float: left; }
.emissionLarge > div:nth-child(2) div span:nth-child(2) { float: left; margin-left: 255px; }
.liseret { margin-bottom: 8px; }
#emissions > .pagination { padding-bottom:40px;padding-right:40px }
.pagination { margin-bottom: 30px }
.pagination > a { font-weight: bold; font-size: 13px; color: #696969; }
.paginationControl { color: #666; width: 209px; float: right; text-align: right;}
.paginationControl span { display: inline-block; text-align: center; color: white; font-weight: bold; font-size: 11px; width: 22px; height: 18px; padding-top: 4px; }
.numPageN, .nextA, .previousA, .firstA, .lastA { background: #595959; cursor: pointer;}
.nextA, .previousA, .firstA, .lastA, .nextN, .previousN, .firstN, .lastN { border-radius: 0px; }
.numPageA { background: #595959; border-radius: 11px; }
.numPageN { background: #d2d2d2; border-radius: 11px; }
.nextA, .nextN { background: url(../img/FlecheSimple_RechercheEtude.png) no-repeat; }
.lastA, .lastN { background: url(../img/FlecheDouble_RechercheEtude.png) no-repeat; }
.previousA, .previousN { background: url(../img/FlecheSimple_RechercheEtude-AR.png) no-repeat; }
.firstA, .firstN { background: url(../img/FlecheDouble_RechercheEtude-AR.png) no-repeat; }
.nextN, .previousN, .firstN, .lastN { cursor: pointer; /*visibility: hidden;*/ }
/*****************************************************OVERLAY**************************************************/
.fond_overlay { display: none;-moz-opacity: 0.70;-khtml-opacity: 0.70;opacity: 0.70;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);filter: alpha(opacity=70);}
.jqmOverlay{ background: #000000;width:100% !important}
.containerJqm{position:fixed;left:50%;padding: 40px 40px 20px 40px;border: 1px solid #E1DDDD;top: 14%; background: #fff; width: 700px; margin-left: -385px;}
.containerJqm .return, .contentOverlay .return {cursor: pointer;color: white;font-size: 27px;text-decoration: none;float: right;background: #000;padding: 0px 8px;position: relative;top: -40px;left: 40px;}
.overlayLogin .title p { color: #000;font-weight: bold;font-size: 23px;text-align:center;margin: 20px 0px;}
.overlayLogin .title img { margin: 20px 0px;}
.overlayLogin .link_auth {padding: 0 0 20px 20px;background: white;width: 316px;margin-left: 15px;border-left: 2px solid #E1DDDD;float: left;position: relative;top: -2px;}
.form_auth { margin-top: 20px; }
.form_auth .left { width: 161px;text-align: right;color: #000;font-size: 16px;font-weight:bold }
.form_auth input[type="text"], .form_auth input[type="email"], .form_auth input[type="password"], #passwordReset input[type="text"] {font-size: 14px;color: #999999;width: 160px;background: #EBEBEB;padding: 7px;height: 14px;border: 1px solid #E1DDDD;border-radius: 4px;outline: none;margin-bottom: 5px;}
.overlayLogin input[type="submit"], .overlayLogin .link_auth a, .form_auth .valider, #passwordReset input[type="submit"], #loginUser .register { float: left;padding: 5px 20px;margin-top:20px;background: #6EFCED;font-weight: bold;border: 0px;color: #000;cursor: pointer;font-size: 14px;border-radius:6px}
.overlayLogin input[type="submit"]{ position: relative;left: -60px;margin-top: 20px;}
#passwordReset input[type="submit"] { float: initial }
#loginUser .submitLogin { padding:10px 20px }
#loginUser .register { display:none }
.passwordReset, .passwordoublieuser { color: #000;text-decoration: underline;font-size: 13px;float: right;}
.overlayLogin .title {position: relative;top: -30px }
.overlayLogin form { float:left }
.overlayLogin .link_auth span, .overlayLogin form b {color: #000;font-size: 18px;font-weight: bold;}
.overlayLogin .link_auth div{color: #000;font-size: 16px;text-align: justify;margin: 30px 0 78px 0;line-height: 23px;}
.overlayLogin .link_auth a { margin: 0 79px;padding:10px 20px }
.overlayLogin .link_auth a:hover{ text-decoration: none;}
.form_auth .error input{ border: 1px solid red;}
.overlayLogin .msgError{color: red;font-size: 12px;font-weight: bold;position: absolute;display: inherit;}
.containerJqm .reinitialiserMDP { font-size: 16px; color: #000; margin-bottom: 10px;}
.containerJqm .textconfirmation, .contentOverlay .textconfirmation { color: #000;font-weight: bold;line-height: 20px;font-size: 15px;text-align: justify;margin-top: 15px;}
.containerJqm .retour {border: 0px;width: 85px;height: 27px;background: url(http://www.xerficanal.com/img/btn_retour_blue.png) no-repeat;cursor: pointer;margin-top: 40px;}
#regarderPlusTard { text-align: center;width: 415px;margin-left: -249px; }
#passwordReset, #saveNewsletter, #newPassword, #changeinfosuser, #voirPlusTard, .popupCompte { width: 460px;margin-left: -278px;top: 5%; }
.fondOverlay { width: 100%;height: 100%;background: #000000;z-index: 1000;opacity: 0.6;display: none;position: fixed;top: 0px;left: 0px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.contentOverlay { position: fixed;width: 460px;left: 50%;margin-left: -278px;padding: 40px 40px 20px 40px;background: white;top: 20%;border: 1px solid #E1DDDD;z-index: 10001; display:none; }
#bondeauIA { display:block;position:fixed;bottom:0;width:100%;margin:0 auto;background:#000;text-align:center;z-index:10000 }
#bondeauIA.fermer { display:none }
#bondeauIA img { width:1060px; }
#bondeauIA .arrow-up, #bondeauIA .arrow-down{ position:absolute;cursor:pointer;right:20px;width: 12px;height: 12px;box-sizing: border-box; }
#bondeauIA .arrow-up::before, #bondeauIA .arrow-down::before { content: "";width: 100%;height: 100%;border-width: 2px 2px 0 0;border-style: solid;border-color: #fff;display: block; }
#bondeauIA .arrow-up { transform: rotate(-45deg);top:18px}
#bondeauIA .arrow-down { transform: rotate(135deg);top:10px}
/*************************************************OVERLAY******************************************************/
@media (max-width: 1080px){ /*on change le header ~#taille tablette~#*/
header > div > .logo { top:0 }
header > div > .logo p { display:none }
#liens > div { padding: 0 15px }
#container { width: 100%;margin-top: 132px; }
#container.bInscriptionNews{ margin-top: 210px; }
#portailTop { padding: 0 15px; }
#colonneLeft { width:22% }
#colonneRight { width:78%;padding-right:15px;box-sizing: border-box; }
.emissions { padding:0 0 43px 0 }
.emissions .emission { width:31%;margin: 0 2.33% 20px 0 }
.emissions .large { width:100% }
#emissions > div > .titre, #emissions > .titre { margin-left:0 }
#emissions > .iqsog { margin-left:15px }
#emissions > div { padding: 0 0 15px 15px }
header > div:first-child { width:100%;padding:25px 0;height: 69px }
#inputRecherche { width: 396px }
header > div > .logo img { margin-left:7px }
/*#accueil { padding: 20px 40px 0px 15px }*/
/*
#colonneRight, #colonneLeft { width: 100%;padding:0px;}
header .monCompte { display:none }
header { height: 90px; }
#firstHeader, #liseret { display:none }
header > div { margin-top:0px;padding-top:8px; }
header { height:54px; }
header > div { padding-top:10px; }
header .connexion > span { font-size:10px }
.menu { background:url(../img/Menu1.png) 0% 4% no-repeat;background-size:18px;padding-top:25px;width:18px;margin:0 19px 0px 10px; }
.menu span { left: -6px;
top: -1px;font-size:10px }
#motsCles { display:none }
#motsCles a { margin-right:15px;font-size: 14px;font-weight:bold;padding: 6px; }
#motsCles .selected { padding-left:10px; }
header .baseline { display:none }
header .connexion { margin-top:1px; }
header .connexion img { height: 19px }
#pictosPartage, header .newsletter { display:none }
#inputRecherche { width:210px;margin-top:2px }
#inputRecherche input { width:186px; }
.emissions .emission { width: 31.33%;margin: 0 0 2% 2%;}
.colonneLeft .emission { width: 48%;margin: 0 0 2% 2% }
#emissions { padding:0;margin:0;left:0 }
.emissions {margin: 0% 0% 2% -2%}
.emission .logo { padding: 10px; height: 15px; }
.emission .logo img { display:none }
.emission .logo span { display:block;color:white;font-size:13px;font-weight:normal }
.emissions > p:first-child { margin-left:20px; }
#emissionEnCours .titre h1, #emissionEnCours .titre{font-size: 24px;}
#newsletterCanal { display:none }
#colonneRight .colonneLeft { margin-top:30px; }
.description .chapeau, .motsCles { height:auto;}
.motsCles p { margin: 3px 0px 5px 0px }
#newsletterCanal { display:none }
#colonneLeft .emission { width: 31.33%;margin: 0 0 2% 2%; }
.emissions .large { position:initial; }
.emissions .large .video { position:relative;width:auto;z-index:1 }
.emissions .large .infosVideo { padding-left:5px; min-height: auto; }
#elearning { background: #00aeef;height: 45px; }
#elearning .connexion { margin: -5px 3px 0px 0;}*/
}
@media (max-width: 900px) and (min-width: 0px){
#colonneLeft { width:28% }
#colonneRight { width:72%;}
header { padding-top:41px }
header > div:first-child { height:70px }
#inputRecherche .logo img { width: 212px;margin-top: 6px;margin-left:4px }
#inputRecherche{ position: absolute;top: 58px;left: 50%;margin-left: -194px; }
header .connexion > span { display:none }
#inputRecherche .logo img, header > div > .logo img { width: 190px }
#bandeauIA > div a, #bandeauIA > div b { font-size:16px }
.containerJqm { top: 5%;padding: 20px;width:320px;margin-left: -186px; }
.overlayLogin form { float:none;margin-top:-20px }
.overlayLogin .link_auth { display:none}
.overlayLogin .mobile { display:none }
.overlayLogin .title { padding-bottom:0px;width:342px }
.containerJqm .return { top:-21px;left:21px }
.overlayLogin .title p { font-size: 20px;margin: 20px 0px 8px 0px; }
.form_auth { margin-top:10px }
.overlayLogin form b { font-size:14px }
.form_auth .left { font-size:12px }
.form_auth input[type="text"], .form_auth input[type="password"] { height:12px;font-size: 12px; }
.overlayLogin input[type="submit"], .overlayLogin .link_auth a{ padding: 8px 20px; font-size: 12px; }
.overlayLogin .link_auth span { display:none }
.overlayLogin input[type="submit"] { left:-137px }
.overlayLogin .link_auth a { position: relative;top: -66px;left: 79px; }
#loginUser .register { display:inherit;padding: 10px 20px;margin-top: -36px;float: right;font-size:12px }
#passwordReset, #saveNewsletter, #newPassword, #changeinfosuser, #voirPlusTard { width: 320px;margin-left: -186px }
#liens > div { width: 860px }
#liens > div > div { padding: 1px 41px 1px 42px }
#liens { overflow: auto; }
#liens > div { overflow-y: scroll; padding-right: 17px; box-sizing: content-box }
#bondeauIA { display:none }
#container.bInscriptionNews { margin-top: 220px }
}
@media (max-width: 768px) and (min-width: 0px){ /* taille phone */
header .connexion > a > span, header .connexion .fdown { display:none }
header > div:first-child { padding: 25px 0; }
header > div > .logo p, header > div > .logo h1 { display:none }
#bg span { display:none }
#inputRecherche .logo img { width: 165px }
#colonneRight, #colonneLeft { width:100%;padding-right:0 }
#colonneLeft { margin-bottom:20px }
#accueil { padding: 20px 0 0px 0;top:-48px }
header > div:first-child { height:67px }
#bandeauIA > div a, #bandeauIA > div b { font-size:14px }
#content { padding-top: 35px }
#emissions > div { padding: 0 10px 20px 10px; }
.emissions { padding:0 0 30px 0 }
/*.emissions .emission { width:100%;margin: 0 0 20px 0 }
#emissions > div > .titre { font-size: 28px;top:-28px } */
.emissions .emission { width:100%;margin-right:0;margin-bottom:10px }
.emissions .infosVideo, .emissions .large .infosVideo, #colonneLeft .infosVideo { padding: 4px 2px 1px 123px;min-height: 81px !important; }
.emissions .video, .emissions .large .video, #colonneLeft .video { width: 114px;height: 85px;position: absolute;top: 1.5px;left: 0.5px;z-index: 1; }
.emissions .infosVideo .titre, .emissions .large .infosVideo .titre, #colonneLeft .infosVideo .titre { font-size: 15px;margin:0;line-height:15px }
.emissions .infosVideo .date, .emissions .large .infosVideo .date, #colonneLeft .infosVideo .date { font-size:12px;margin:0 }
.emissions .infosVideo .intervenant, .emissions .large .infosVideo .intervenant, #colonneLeft .infosVideo .intervenant{ font-size:12px; margin: 3px 0; }
.emissions img { display:none }
#inputRecherche { width: 316px;margin-left: -158px;}
#emissions > .pagination, .pagination { padding-right:20px }
#emissions > div > .titre, #emissions > .titre { font-size:26px;top:-26px }
.emissions .infosVideo .intervenant { position:initial }
#reseauxSociaux p { display: block;top: 2px;font-size: 18px; }
#reseauxSociaux p br { display:block }
#contentFooter { text-align: center;width:100%;padding-bottom:30px }
#contentFooter img { display:inline-block;width: 15px;margin-left:10px;cursor:pointer }
#contentFooter > div div { display:none;margin: 5px 0; }
#contentFooter > div div:first-child { display:block;padding-bottom:0 }
#contentFooter .colonneFooter { float: none;margin: 20px 0 0px 0; }
#contentFooter .mobile { display:block }
/*#content { padding-top:7px }
#contentFooter { display:none; }
.emission .video .thumbnails { width:227px;height: 128px;position: absolute;top: 0;z-index: 1 }
.emissions .emission, #colonneLeft .emission{ width:98% !important;position:relative;margin:0 0 20px 2% !important }
#colonneLeftPXCanal .emission { width:100% !important;position:relative;margin:0 0 20px 0 !important }
.emissions .emission:nth-child(3) { display:none; }
.emissions .infosVideo, #colonneLeftPXCanal .infosVideo, .emissions .large .infosVideo { padding: 3px 3px 3px 232px;min-height: 122px !important;height: auto !important;}
#colonneLeft .picto br, #colonneLeft .picto span { display:none; }
.infosVideo .titre { font-size: 15px !important;line-height: 16px;margin-bottom: 3px; }
.infosVideo .intervenant { font-size:12px !important; }
#accueil a { padding: 2px 4px;font-size:12px !important; }
#emissions .titre span { width: 34px } */
}
/*
@media (max-width: 630px) and (min-width: 0px){
#secondHeader .inputRecherche { position: absolute; width:96%;top: 57px;left: 1%;margin-left: 0; }
#secondHeader .inputRecherche input { width: 100% }
#container { margin-top:90px; }
#btnsPlayer { margin: 0 10px 0 0; padding: 9px 6px 7px 6px;}
#emissionEnCours .heure { padding-left:0 }
#accueil .mobile { display:none; }
#container { margin-top: 130px }
}
@media (max-width: 540px) and (min-width: 0px){
#motsCles { display:none }
#liensVideo a { font-size:11px;padding:5px;margin-right:5px; }
#liensPartage img { width:22px;height:22px;}
.titre { font-size: 18px; }
.emissions .emission, #colonneLeft .emission { width:100% }
.colonneFooter div:first-child a{ font-size: 12px; }
.colonneFooter a{ font-size: 11px; }
.reglette { display:block; }
#emissionEnCours .titre h1, #emissionEnCours .titre{font-size: 18px;line-height: 24px;}
footer > div .colonneFooter { margin: 0 auto;margin-top: 15px;text-align: center;float:inherit;padding-left:0px }
footer .content { height:350px;width:inherit }
#emissions > .titre { font-size: 15px; }
}
@media (max-width: 400px) and (min-width: 0px){
#liensPartage, footerBottom { display:none; }
} */