@charset "utf-8";
/* CSS Document */
@import url(/elf/static/fonts/din/stylesheet.css);


body{ padding:0; margin:0; font-family:Arial}
h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
.clear { display: block; height: 1px; font-size: 1px; overflow: hidden; clear: both; float: none; }
a:hover, a:focus,a:active{ text-decoration:none}
ul { padding:0; margin:0; list-style:inside; }

@font-face {
    font-family: 'DINBoldRegular';
    src: url('../fonts/dinb____-webfont.eot');
    src: url('../fonts/dinb____-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinb____-webfont.woff') format('woff'),
         url('../fonts/dinb____-webfont.ttf') format('truetype'),
         url('../fonts/dinb____-webfont.svg#DINBoldRegular') format('svg'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AmandineRegular';
    src: url('../fonts/amandine-webfont.eot');
    src: url('../fonts/amandine-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/amandine-webfont.woff') format('woff'),
         url('../fonts/amandine-webfont.ttf') format('truetype'),
         url('../fonts/amandine-webfont.svg#AmandineRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* GENERALE */
a{text-decoration:none;}
p{margin:0;}
ul li{list-style: outside none none;}

.sponsor_desjardins{ width:127px; height:36px; background:url(../images/sponsor_desjardins.png) no-repeat; position:absolute; left:315px; top:10px;  }
#header{ width:991px; margin:0 auto}
#footer{ width:975px; padding-top:12px; margin:0 auto; position:relative; background:none;}
#footer .sponsor_desjardins{  width:127px; height:36px; background:url(../images/sponsor_desjardins.png) no-repeat;  right:0; top:-45px; left:inherit }

#footer li a{ font-weight:bold;text-decoration:none;}
 
#elf-footer{ width:100%; /*height:100px;*/ background:#0a1b28/*url(../images/footer-bkg.png) repeat-x*/;padding-top:25px;padding-bottom:50px; position:relative;z-index:2;}
.elf-accueil-collection-container #elf-footer{background:none;}
#elf-footer div #ls_menu_footer li {
    /*background: rgba(0, 0, 0, 0) url("/img/bg_footer_split.gif") no-repeat scroll right 0;*/
    display: inline;
    padding: 0 30px 0 25px;
}
#elf-footer div #ls_menu_footer li:last-of-type {background:none;}
#elf-footer div #ls_menu_footer li a{font-size:12px;text-transform:uppercase;color:#9bcdf1;}

.elf-showroom-container{ width:100%; height:404px; background:url(../images/home_header_bkg.png) no-repeat center -33px;}
.elf-showroom-container.thin{ height:105px; }
.showroom-center{ width:991px; height:401px;; margin:0 auto; position:relative}
.elf-showroom-container.thin .showroom-center{ height:105px; }
.showroom-center .logo{ position:absolute; left:5px; top:3px}
ul.main_menu{position:absolute; right:6px; top:59px;}
ul.main_menu li {float:left; height:35px;list-style:none;}

ul.main_menu li a{ font-family:DINBoldRegular; font-size:18px; color:#8ac9fc; text-transform:uppercase; padding:2px 10px 0 10px; line-height:20px; display:block; text-decoration:none}
ul.main_menu li a.last{ border-right:none; padding-right:0}
ul.main_menu li a:hover{ color:#fff}
ul.main_menu li.francomobile a{color:#D94}


ul.main_menu.inside li.selected a, ul.main_menu li.accueil.selected a { color:#ffffff;}
.showroom-center .placeholder { width:466px; height:280px; position:absolute; left:-5px; top:110px;}
.showroom-center .placeholder img {position:absolute; left:0; top:0}
.elf-envedette{ position:absolute; left: 645px; top:125px; width:340px; height:auto; color:#e2f2ff}
.elf-envedette h3{ font-size:13px; font-weight:700; text-transform:uppercase; color:#e2f2ff; padding-left:4px}
.elf-envedette h2{ font-size:25px; font-weight:100; color:#e2f2ff; padding-left:4px}
.elf-envedette p{ font-size:13px; font-weight:100; color:#e2f2ff; width:330px; padding-left:4px; line-height:18px; margin-bottom:18px}
.elf-envedette a{ color:#ffffff; text-decoration:underline}
ul.infos{  font-size:12px; color:#e2f2ff; font-weight:700; text-transform:uppercase; height:15px; margin-left:-6px}
ul.infos li{ float:left; padding:0 10px; border-right:1px dotted #8ac9fc; color:#347AB5; font-weight:700}
ul.infos li.first{ }
ul.infos li.last{ border-right:none}
ul.infos li.last.web{ margin-left:6px}
ul.infos.accueil li{/*display:none;*/color:#8ac9fc; }
ul.infos.accueil li:last-of-type{border:0;}
/*ul.infos.accueil li.first {display:block;opacity:1;font-size:0;}*/
/*ul.infos.accueil li.first::before {content: "8 capsules audio";display:inline;opacity:1;font-size:12px;}*/


img.envedette{ position:absolute; left:5px; top:210px}
a.placeholderImage{ position:absolute;left:176px;top:123px;}
a.placeholderImage img{ border-radius:10px;}
.elf-envedette .decouvrir{ width: 140px; height:41px; background:url(../images/btn_decouvrir.png) no-repeat top; display:block; margin:20px 0 0 4px}
.elf-envedette .decouvrir:hover{ background-position:bottom}
.elf-bar{ width:100%; height:9px; background:url(../images/elf-bar.png) repeat-x;}


.elf-accueil-sondage-container{ width:100%; height:48px; background:url(../images/sondage_ban_bg.png) repeat-x top;}
.elf-accueil-sondage-container a{display:block;margin:auto;width:960px;height:48px;font-family:DINBoldRegular;font-size:18px;text-align:center;line-height:40px;/*text-indent:-3000px;overflow:hidden;background:url(../images/sondage_ban_texte.png) repeat-x center center;*/color:#133652;}
.elf-accueil-sondage-container a:hover{/*background:url(../images/sondage_ban_texte_hover.png) repeat-x center center;*/color:#235176;text-decoration:underline;}
.elf-accueil-sondage-container a span{color:#2b79b7;}
.elf-accueil-sondage-container a:hover span{color:#3f8ecd;}
.elf-accueil-projet-container{ width:100%; height:auto; background:url(../images/home-projets-bkg.png) repeat-x top #dff2ff;}
.elf-accueil-projet-container .accueil-miseenavant-container{ width:975px;height:285px; margin:0 auto; color:#347ab5}
.elf-accueil-projet-container .accueil-miseenavant-container h4{color:#347ab5}
.elf-accueil-projet-container .accueil-miseenavant-container > a{ font-size:15px; color:#347ab5; }
.elf-accueil-quiz-container .accueil-miseenavant-container{ width:975px; height:auto; margin:0 auto; color:#ffffff}
.elf-accueil-quiz-container .accueil-miseenavant-container h4{color:#121a2b}
.elf-accueil-quiz-container .accueil-miseenavant-container > a{ font-size:15px; color:#ffffff; }
.elf-accueil-collection-container .accueil-miseenavant-container{ width:975px; height:auto; margin:0 auto; color:#ffffff}
.elf-accueil-collection-container .accueil-miseenavant-container h4{color:#ffffff}
.elf-accueil-collection-container .accueil-miseenavant-container h4 a {color:#ffffff!important;}
.elf-accueil-collection-container .accueil-miseenavant-container > a{ font-size:15px; color:#ffffff; }
.elf-accueil-collection-container .accueil-miseenavant-container .sep { width:975px; height:40px; background:url(../images/elf-seperator.png) 10px center no-repeat; padding-top:5px; margin-bottom:85px}
.elf-accueil-collection-container .accueil-miseenavant-container .sep a { width:239px; height:35px; background:url(../images/btn_decouvrir_collection.png) no-repeat top; display:block; margin:1px auto 0px auto}
.elf-accueil-collection-container .accueil-miseenavant-container .sep a:hover { background-position:bottom;}
.elf-accueil-collection-container .accueil-miseenavant-container > ul{ text-align:center; height:38px }
.elf-accueil-collection-container .accueil-miseenavant-container ul.elf-footer li { display:inline; margin-bottom:23px; padding:0 20px; border-right:1px solid #848e95 }
.elf-accueil-collection-container .accueil-miseenavant-container ul.elf-footer li.last { border-right:none }
.elf-accueil-collection-container .accueil-miseenavant-container ul.elf-footer li a{ font-size:14px; color:#848e95; }
.elf-accueil-collection-container .accueil-miseenavant-container ul.elf-footer li a:hover{ font-size:14px; color:#ffffff; text-decoration:none }


.elf-accueil-quiz-container{ width:100%; height:285px; background:url(../images/home-quiz-bkg.png) repeat-x top #6bbaf3;}
.elf-accueil-collection-container{ width:100%; height:auto; background:url(../images/home-collection-bkg.png) repeat-x top #000000;}
.miseenavant{ padding-top:17px; position:relative; height:285px}
.miseenavant > a{ position:absolute; right:10px; top:44px}
.miseenavant > img{ padding-left:9px}
.miseenavant .block{ width:154px; height:212px; margin:10px 40px 0px 0; background:url(../images/thumb-placeholder-list.png) no-repeat center top; float:left; padding:9px 0 0 9px; position:relative}
.elf-accueil-quiz-container .miseenavant .block { height:165px;}
.elf-accueil-collection-container .miseenavant .block { height:170px;}
.miseenavant .block img {margin-bottom:7px; border: 1px solid #4e8cb7}
.miseenavant .block h4{ font-weight:700; font-size:13px; width:146px; cursor:pointer}
.miseenavant .block h4 a { color: #347AB5;}
.elf-accueil-quiz-container .miseenavant .block h4 a { color: #121A2B;}
.miseenavant .block h5{ font-weight:100; font-size:13px; width:146px;}


.miseenavant .block:hover img{ border: 1px solid #ffffff}
.miseenavant .block:hover h4 , .miseenavant .block:hover h5{ text-decoration:underline}


.miseenavant .block ul {  width:146px; margin-top:2px}
.miseenavant .block ul li{ font-weight:100; font-size:12px; width:146px; /*list-style:disc; list-style-position:inside*/}
.miseenavant .block ul li a { color: #347AB5;}
.miseenavant .block ul li a:hover { text-decoration: none;}
.miseenavant .block a.link{ width:102px; height:35px; display:block; background:url(../images/btn_decouvrir_small.png) no-repeat top; position:absolute; bottom:0; left:4px}
.elf-accueil-quiz-container .miseenavant .block a{ bottom:0px; color: #323232;}
.miseenavant .block a:hover{background-position:bottom;}
.miseenavant .block.last{ margin-right:0}

/*
*
*** SOCIAL TOOLS
*
*/
.social-tools{position:absolute; top:27px; right:0; width:112px}
.social-tools .facebook{ width:39px; height:39px; background:url(../images/icon-facebook.png) no-repeat;  left:0}
.social-tools .twitter{ width:39px; height:38px; background:url(../images/icon-twitter.png) no-repeat; left:39px}
.social-tools .mail{ width:39px; height:40px; background:url(../images/icon-mail.png) no-repeat; left:76px}
.social-tools a{ display:block;position:absolute;}
.social-tools a:hover{ background-position:bottom;}

/*
*
*** PROJETS - LISTING
*
*/
.container-center{ margin:0 auto; width:975px; height:auto; padding-bottom:30px; position:relative}
.container-center h1{ color:#347ab5; font-size:30px; height:25px; line-height:35px; font-family:DINBoldRegular; padding:30px 0 25px 8px;}
.container-center h1.projets { display: block; width: 180px; height: 50px; background: url('../images/home-projets-title.png') no-repeat -388px bottom; text-indent: -9999px; overflow: hidden; padding-top: 0;}
.container-center h1.quiz { display: block; width: 141px; height: 50px; background: url('../images/home-quiz-title.png') no-repeat -409px bottom; text-indent: -9999px; overflow: hidden; padding-top: 0;}
.container-center h1.fiche { display: block; width: 395px; height: 50px; background: url('../images/t_fiche.png') no-repeat -4px bottom; text-indent: -9999px; overflow: hidden; padding-top: 0;}
.container-center h1.collection { display: block; width: 500px; height: 50px; background: url('../images/h1_collection.png') no-repeat 10px bottom; text-indent: -9999px; overflow: hidden; padding-top: 0; }
.container-center .tab-display-list{ cursor:pointer; width:164px; height:23px; background:url(../images/tab-display-list.png) no-repeat; float:left; margin:20px 2px 0 0; font-size:12px; color:#121a2b; text-decoration:none; text-align:center; padding-top:8px}
.container-center .tab-display-list.off{ background-position:bottom; color:#347ab5; text-decoration:none}
.container-center .tab-display-list.off:hover{ text-decoration:underline}
.container-center #list-date{ margin-left:10px}
.container-center .bar-display-list{ width:100%; height:10px; background:url(../images/elf-bar-display-list.png) repeat-x;}
.container-center .row-projet{ width:100%; height:auto; min-height:136px; border-bottom:1px solid #ffffff; padding-top:7px; position:relative;}
.container-center .row-projet .placeholder { background:url(../images/projet-row-placeholder.png) no-repeat; width:197px; height:115px; padding:8px 0 0 9px; margin:0px 5px 0 0; float:left;}
.container-center .row-projet .placeholder img{ border:1px solid #4e8cb7}
.container-center .row-projet .placeholder:hover img{ border:1px solid #ffffff}
.container-center .row-projet .row-projet-content{ float:left; width:620px;}
.container-center .row-projet .row-projet-content h2{ margin:3px 0 12px 0; color:#121a2b; font-size:18px; font-weight:700; }
.container-center .row-projet .row-projet-content h2 span{ color:#347AB5; font-size:13px; }
.container-center .row-projet .row-projet-content h2 a{ color:#121a2b; text-decoration:none}
.container-center .row-projet .row-projet-content h2 a:hover{ text-decoration:underline}
.container-center .row-projet .row-projet-content p{ color:#121a2b; font-size:13px; font-weight:100; margin-bottom:15px }
.container-center .row-projet .row-projet-content ul.infos{ color:#3d81ba; margin-bottom:15px; margin-left:-10px}
.container-center .row-projet .row-projet-content a.link{ width:102px; height:35px; display:block; background:url(../images/btn_decouvrir_small.png) no-repeat top; position:absolute; bottom:10px; right:0px}
.container-center .row-projet .row-projet-content a.link:hover{ background-position:bottom}







/*
*
*** PAGES - LISTING
*
*/
.elf-page-container .container-center{ margin:0 auto; width:975px; height:auto; padding-bottom:30px; position:relative}
.elf-page-container .container-center h1{ height:25px;font-size:30px;font-family:DINBoldRegular;line-height:35px;text-transform: uppercase;padding:30px 0 25px 8px;color:#143752;}
.elf-page-container .container-center h2{ height:auto;font-size:20px;font-family:DINBoldRegular;line-height:auto;text-transform:none;padding:0 0 25px 0;color:#347ab5;}
.elf-page-container .container-center h3{ height:auto;font-size:16px;font-family:DINBoldRegular;line-height:auto;text-transform: uppercase;padding:25px 0 15px 0;color:#143752;}
.elf-page-container .container-center h4{ height:auto;font-size:14px;font-family:DINBoldRegular;line-height:auto;text-transform: uppercase;padding:25px 0 15px 0;color:#143752;}
.elf-page-container .container-center h5{ height:auto;font-size:13px;font-family:DINBoldRegular;line-height:auto;text-transform: uppercase;font-style:italic;padding:25px 0 0 0;color:#143752;}
.elf-page-container .container-center h6{ height:auto;font-size:12px;font-family:DINBoldRegular;line-height:auto;text-transform: uppercase;padding:25px 0 0 0;color:#143752;}
.elf-page-container .container-center .page-content{padding:20px;border-radius:15px;border:2px solid rgba(255,255,255,0.4)}
.elf-page-container .container-center .page-content{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deefff+0,98bede+100;Blue+3D+%2310 */
background: rgb(222,239,255); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(222,239,255,0.3) 0%, rgba(152,190,222,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(222,239,255,0.3) 0%,rgba(152,190,222,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(222,239,255,0.3) 0%,rgba(152,190,222,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.elf-page-container .container-center .page-content p{ height:auto;font-size:14px;font-family:inherit;line-height:150%;padding:0 0 15px 0;color:#143752;}
.elf-page-container .container-center .page-content p.note{ height:auto;font-size:12px;font-family:inherit;line-height:150%;padding:0 0 15px 0;color:#143752;}
.elf-page-container .container-center .page-content ol{padding:10px 20px;}
.elf-page-container .container-center .page-content ol li{padding:10px;list-style:outside decimal;font-size:14px;font-family:inherit;line-height:150%;color:#143752;}
.elf-page-container .container-center .heading-sondage-reglement{ font-size:25px;font-family:DINBoldRegular;line-height:25px;text-transform: uppercase;text-align:center;padding:50px 130px;color:#143752;}
.elf-page-container .container-center .heading-sondage{text-align:center;}

.elf-page-container .container-center .page-content .smcx-widget{margin:10px auto 60px auto;scroll:auto;/*width:100%;max-width: 100%;*/}
.elf-page-container .container-center .page-content center a.btn{display:none/*inline-block*/;position:relative;padding:20px 50px;border-radius:5px;font-size:34px;font-family:DINBoldRegular;background:#314872;color:white;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  .elf-page-container .container-center .page-content .smcx-widget{display:none;}
  .elf-page-container .container-center .page-content center a.btn{display:inline-block;}

  .elf-page-container .container-center .page-content .smcx-widget .smcx-iframe-container{-webkit-overflow-scrolling: touch;overflow-y: scroll;}
  
  .elf-page-container .container-center .page-content .smcx-widget select:focus,
  .elf-page-container .container-center .page-content .smcx-widget textarea:focus,
  .elf-page-container .container-center .page-content .smcx-widget input:focus {
    font-size: 16px;
    background: #eee;
  }
}

/*
.elf-page-container .container-center .page-content .smcx-widget .smcx-iframe-container{margin:auto;width:100%;max-width: 100%;}
.elf-page-container .container-center .page-content .smcx-widget .smcx-iframe-container article{margin:auto;width:100%;max-width: 100%;}
*/
/*
*
*** RECHERCHE - LISTING
*
*/
.container-center.recherche{  min-height:500px}
h1.recherche { display: block; width: 193px; height: 50px; background: url('../images/t_recherche.png') no-repeat bottom left; text-indent: -9999px; overflow: hidden; padding-top: 0;}
.noResult {color:#347AB5; font-size:12px; margin:12px}
#recherche_form{ width:213px; height:50px; position:absolute; right:0;top:9px}
#recherche_form .criteria{ width:155px; height:16px; position:absolute; left:16px; top:5px; font-family:Arial, Helvetica, sans-serif; font-weight:700; text-transform:uppercase; color:#999999; font-size:12px }
#recherche_form .submit{ position:absolute; right:0px; top:0px; width:35px; height:34px;  background: url('../images/btn-quiz-arrow.png') no-repeat top; border:0; cursor:pointer}


/*
*
*** QUIZ - LISTING
*
*/

.block-quiz{ width:229px; height:231px; background:url(../images/quiz-row-placeholder.png) no-repeat center top; float:left; margin-right:7px; margin-top:10px; padding:9px 0 0 9px; color:#121a2b;  }
.block-quiz:hover h2,.block-quiz:hover h3{  text-decoration:underline }
.block-quiz.last{  margin-right:0 }
.block-quiz h2{font-size:13px; font-weight:700; color:#121a2b; margin-top:10px}
.block-quiz h2 a {font-size:13px; font-weight:700; color:#121a2b;}
.block-quiz h3{font-size:13px; font-weight:100; color:#121a2b; }
.block-quiz h3 a {font-size:13px; font-weight:100; color:#121a2b; }
.block-quiz a.link{ width:102px; height:35px; display:block; background:url(../images/btn_decouvrir_small.png) no-repeat top; margin:8px 0 0 -5px;}
.block-quiz a.link:hover{  background-position:bottom}

.block-quiz a img{border:1px solid #4e8cb7}
.block-quiz a img:hover{border:1px solid #ffffff}

/*
*
*** COLLECTIONS - LISTING
*
*/
p.pre{ color:#347ab5; font-size:13px; padding-left:10px; width:830px}
p.pre-collection{ width:560px;}
.container-center .row-projet a.decouvrir { width:102px; height:35px; display:block; position:absolute; right:-5px; top:10px; background:url(../images/btn_decouvrir_small.png) no-repeat}
.container-center .row-projet a.decouvrir:hover { background-position:bottom}
.container-center .row-projet .row-projet-content .fiches-container{ width:763px; height:41px; background-color:#ffffff; margin-bottom:36px; position:relative}
.container-center .row-projet .row-projet-content .fiches-container p{ font-size:17px; text-transform:uppercase; color:#2d7fa0; position:absolute; left:13px; top:4px; line-height:35px; font-family:DINBoldRegular;}


ul.fiches-list { width:130px;}
ul.fiches-list li:hover{ background-position:bottom}
ul.enseignant-list > li{ width:126px; height:35px; background:url(../images/btn-fiche-enseignant.png) no-repeat; position:absolute; top:3px; left:450px}
ul.apprenant-list > li{ width:122px; height:35px; background:url(../images/btn-fiche-apprenant.png) no-repeat; position:absolute; top:3px; left:615px}
ul.fiches-list li ul {display: none;position: absolute;width:99px;top: 0;left: 0;margin-left:-1px;}
ul.fiches-list li > ul {top: 31px;left: 7px; z-index:9999; height:auto; width:99px}
ul.fiches-list li:hover ul,ul.fiches-list li.over ul {display: block;}
ul.fiches-list li ul li.niveau-debutant, ul.fiches-list li ul li.niveau-intermediaire, ul.fiches-list li ul li.niveau-avance{ width:99px; height:19px; background:url(../images/btn-fiche-niveau.png); margin-bottom:1px}
ul.fiches-list li ul li.niveau-debutant a, ul.fiches-list li ul li.niveau-intermediaire a, ul.fiches-list li ul li.niveau-avance a{ width:99px; height:19px; display:block; text-indent:-10000em;}
ul.fiches-list li ul li.niveau-debutant {}
ul.fiches-list li ul li.niveau-intermediaire {background-position:left -19px}
ul.fiches-list li ul li.niveau-avance { background-position: left -38px}

ul.fiches-list li ul li.niveau-debutant:hover {background-position:left -57px}
ul.fiches-list li ul li.niveau-intermediaire:hover {background-position:left -76px}
ul.fiches-list li ul li.niveau-avance:hover { background-position: left -95px}





.fiches-page-container{ width:963px; height:auto; background:url(../images/fiches-bkg.png) repeat-y 404px top;padding:52px 0 0 12px; margin:30px 0 30px 0;}
.fiches-page-container .fiche-title-container{ width:951px; height: auto; position:relative;}
.fiches-page-container .fiche-title-container > img { top:-64px; right:5px; position:absolute;}
.fiches-page-container .fiche-title-container h2{ width:392px; height: auto; font-size:14px; font-weight:700; color:#121a2b; margin-bottom:2px}
.fiches-page-container .fiche-title-container h3{ cursor:pointer; width:374px; height: auto; font-size:14px; font-weight:700; color:#121a2b; background:url(../images/fiches-item-bkg.png) repeat-x; padding:6px 0 6px 18px; margin-bottom:1px; margin-top:7px; position:relative; position: relative;}
.fiches-page-container .fiche-title-container .box{display: block; color: #121A2B; font-size: 18px; font-weight: 700; height: 5px; margin-bottom: 2px; width: 392px;}
.fiches-page-container .fiche-title-container h3 span{ display: block; width: 15px; height: 13px; text-indent: -9999px; overflow: hidden; background: url('../images/fiche_moins.png'); position: absolute; right: 10px; top: 9px;}
.fiches-page-container .fiche-title-container h3 span.more{ display: block; width: 15px; height: 13px; text-indent: -9999px; overflow: hidden; background: url('../images/fiche_plus.png'); position: absolute; right: 10px; top: 9px;}
.fiches-page-container .fiche-title-container .fiches{ width:935px}
.fiches-page-container .fiche-title-container .fiche{font-size:14px; font-weight:700; color:#121a2b;width:917px; height:auto; background:url(../images/fiches-item-bkg.png) repeat-x; padding:8px 0 8px 18px; margin:0 0 1px 17px; position:relative} 

.fiches-page-container .fiche-title-container .fiche .fiche_unite{font-size:12px; font-weight:700; color:#347ab5;width:899px; height:auto; background:url(../images/fiches-item-bkg.png) repeat-x; padding:8px 0 8px 18px; margin:0 0 1px 0px; position:relative} 

.fiches-page-container .fiche-title-container .fiche .fiche-collapse{display:none;margin-top:9px}
.fiches-page-container .fiche-title-container .fiche .fiche-collapse.on{display:block}

.fiches-page-container .fiche-title-container .fiche.pair{ /*background:none*/}
.fiches-page-container .fiche-title-container .fiche span{ font-size:12px; font-weight:700; color:#347ab5; line-height:20px; } 

.fiches-page-container .fiche-title-container .fiche a{ width:35px; height:35px; display:block; background:url(../images/btn-fiche.png) no-repeat; position:absolute; top:-1px; }
.fiches-page-container .fiche-title-container .fiche a:hover{ background-position:bottom}
.fiches-page-container .fiche-title-container .fiche a.unite_lien{ width:330px; height:auto; background:none; position:relative; top:0; color:#347AB5}

.fiches-page-container .fiche-title-container .fiche .enseignant-debutant, .fiches-page-container .fiche-title-container h3 .enseignant-debutant{left:403px;} 
.fiches-page-container .fiche-title-container .fiche .enseignant-intermediaire, .fiches-page-container .fiche-title-container h3 .enseignant-intermediaire{left:495px;} 
.fiches-page-container .fiche-title-container .fiche .enseignant-avance, .fiches-page-container .fiche-title-container h3 .enseignant-avance{left:586px;} 
.fiches-page-container .fiche-title-container .fiche .apprenant-debutant, .fiches-page-container .fiche-title-container h3 .apprenant-debutant{left:682px;} 
.fiches-page-container .fiche-title-container .fiche .apprenant-intermediaire, .fiches-page-container .fiche-title-container h3 .apprenant-intermediaire{left:776px;} 
.fiches-page-container .fiche-title-container .fiche .apprenant-avance, .fiches-page-container .fiche-title-container h3 .apprenant-avance{left:867px;} 

.fiches-page-container .fiche-title-container .fiche .fiche_unite .enseignant-debutant, .fiches-page-container .fiche-title-container h3 .enseignant-debutant{left:385px;} 
.fiches-page-container .fiche-title-container .fiche .fiche_unite .enseignant-intermediaire, .fiches-page-container .fiche-title-container h3 .enseignant-intermediaire{left:477px;} 
.fiches-page-container .fiche-title-container .fiche .fiche_unite .enseignant-avance, .fiches-page-container .fiche-title-container h3 .enseignant-avance{left:568px;} 
.fiches-page-container .fiche-title-container .fiche .fiche_unite .apprenant-debutant, .fiches-page-container .fiche-title-container h3 .apprenant-debutant{left:664px;} 
.fiches-page-container .fiche-title-container .fiche .fiche_unite .apprenant-intermediaire, .fiches-page-container .fiche-title-container h3 .apprenant-intermediaire{left:758px;} 
.fiches-page-container .fiche-title-container .fiche .fiche_unite .apprenant-avance, .fiches-page-container .fiche-title-container h3 .apprenant-avance{left:849px;} 
.fiches-page-container .fiche-title-container .fiche .js-more{ width:15px; height:13px; display:block; position:absolute; left:353px; top:9px; background: url('../images/btn_plus_moins.png'); cursor:pointer}
.fiches-page-container .fiche-title-container .fiche .js-more.on{ background-position:bottom}

.fiches-page-container .fiche-title-container .fiche > a.redirection{color:#000;  text-decoration:none; position:relative; background:none; width:auto; height:15px; width:345px; overflow:hidden}
.fiches-page-container .fiche-title-container .fiche > a.redirection:hover{color:#000; text-decoration:none}
.fiches-page-container .fiche-title-container .fiche > a.redirection h5 {font-size:14px; float:left; margin-right:3px; line-height:15px;}
.fiches-page-container .fiche-title-container .fiche > a.redirection:hover h5{text-decoration:underline}

.fiches-page-container .fiche-title-container .fiche > a.redirection:hover span:hover{ text-decoration:none; cursor:default}




/*
*
*** PROJETS - SINGLE
*
*/
.container-center{ margin:0 auto; width:975px; height:auto; padding-bottom:30px; position:relative;/* min-height:500px*/}

.container-center.projet {padding-bottom:0}
.container-center.projet h1{ color:#1c4262; font-size:30px; height:auto; padding:30px 0 25px 0px; font-family:Arial; width:830px;}
.container-center.projet h1 span{ color: #347AB5; font-size:24px; }
.container-center.projet p.pre{ width:480px; margin-bottom:25px; padding-left:0}
.container-center.projet p.pre a{ width:15px; height:13px; background:url("../images/fiche_plus.png") repeat scroll 0 0 transparent; display:inline-block; /*margin-top:4px;*/ cursor:pointer}
.container-center.projet p.pre a.pre_close { width:15px; height:13px; background:url("../images/fiche_moins.png") repeat scroll 0 0 transparent; display:inline-block; /*margin-top:4px;*/ cursor:pointer}
.container-center.projet p.pre.pre_more{display:none}
.container-center.more{ padding-bottom:15px}
.container-center.more .excerpt p{ margin-bottom:0}
.container-center.more div.body{ color:#000000; font-size:14px; width:955px}
.container-center.more .body p{ margin-bottom:0; margin-top:23px}
.elf-more-projet-container{ width:100%; height:auto; background:url(../images/elf-bar-more-top.png) repeat-x center top #71bbf1; display:none;}
.elf-more-projet-container.active{ display:block;}
.elf-more-projet-container h2 a, .elf-related-projet-container h2 { display:block; text-decoration:none; font-size:25px; color:#ffffff; padding:30px 0 20px 0px; font-family:Arial; }
.elf-more-projet-container .more h4{ font-size:15px; color:#000000; padding:0 10px; width:955px; font-weight:100; margin-bottom:23px }
.elf-more-projet-container p{ font-size:14px; color:#000000; padding:0px; width:955px; margin-bottom:23px }

.elf-more-projet-container a.excerpt{ width:15px; height:13px; background:url("../images/fiche_plus.png") repeat scroll 0 0 transparent; display:inline-block; cursor:pointer}
.elf-more-projet-container a.body { width:15px; height:13px; background:url("../images/fiche_moins.png") repeat scroll 0 0 transparent; display:none;  cursor:pointer}

#visionneuse{ width:592px; height:353px; padding-left:0px; float:left; margin-bottom:31px}
.nav-visionneuse{ width:97px; height:326px}
.jcarousel-item .desc{ position:absolute; bottom:0; left:0; width:89px; height:27px; line-height:12px; background-color:#91ccf6; color:#1c4262; font-size:11px;padding:2px 4px}
#visionneuse li:hover .border,#visionneuse li.selected .border{border:2px solid #008dca; position:absolute; top:0; left:0; width:93px; height:65px; cursor:pointer}
#visionneuse li:hover .desc,#visionneuse li.selected .desc{ background-color:#008dca; color:#ffffff}
.nav-visionneuse{ float:left; margin-right:3px}

#view-visionneuse{ width:480px; height:353px; background-color:#000; float:left; position:relative}
#view-visionneuse .placeholder{ width:480px; height:294px; position:absolute; left:0; top:0; color:#fff; display:none}
#view-visionneuse .placeholder.active{ display:block}
#view-visionneuse .desc{ width:473px; height:24px; background-color:#008dca; position:absolute;left:0; bottom:0; font-size:13px; font-weight:700; color:#ffffff; padding:8px 0 0 7px}
#view-visionneuse .count{ font-weight:100; position:absolute; right:10px; bottom:8px; font-size:13px; color:#ffffff;}
#view-visionneuse .view{display:block;position:absolute;top:2px;right:2px;width:60px;height:60px;background:url(../images/lightbox-fullsize.png) no-repeat top center / cover;cursor:pointer;}
#view-visionneuse .view:hover{background:url(../images/lightbox-fullsize.png) no-repeat bottom center / cover;}
#view-visionneuse .view a{display:none;}

#view-visionneuse.collection { width:577px; /*height:385px; */height:352px}
#view-visionneuse.collection .placeholder { width:577px; height:352px; display:block}

.fiches-infos{float:right; width:360px; height:auto; position:relative; display:none}
.fiches-infos.active{display:block}
.fiches-infos h3{font-family:AmandineRegular; font-size:23px; color:#347ab5}
h3.quiz{margin-top:15px; display: block; width: 100%; height: 35px; background: url(../images/t_quiz_relier.png) no-repeat; text-indent: -9999px; overflow: hidden;}
.fiches-infos h3.fiches{ display: block; width: 100%; height: 32px; background: url(../images/t_telecharger_fiches.png) no-repeat; text-indent: -9999px; overflow: hidden;}
 h3.liens{ display: block; width: 360px; margin-top:15px; float:right; height: 32px; background: url(../images/t_liens_externes.png) no-repeat; text-indent: -9999px; overflow: hidden;}

.fiches-infos .sep,.quiz-infos .sep{ width:360px; height:3px; background:url(../images/elf-bar-fiche-sep.png) no-repeat; margin:3px 0 5px 0}

.fiches-infos .fiche-row{ border-bottom:1px solid #ffffff; height:auto; padding:4px 0}
.fiches-infos .fiche-titre, .fiches-infos ul.enseignant-list{ float:left}
.fiches-infos ul.apprenant-list{float:right}
.fiches-infos .fiche-titre{ font-size:12px; font-weight:700; color:#000; padding:8px 10px 0 0px; width:125px}
.fiches-infos ul.fiches-list {width: 105px;}
.fiches-infos ul.fiches-list > li:hover {background-position:bottom}
.fiches-infos ul.enseignant-list{ margin-right:5px}
.fiches-infos ul.enseignant-list > li{ width:102px; height:35px; background:url(../images/btn-fiche-enseignant-small.png) no-repeat; position:relative; left:0; top:0}
.fiches-infos ul.apprenant-list > li{ width:98px; height:35px; background:url(../images/btn-fiche-apprenant-small.png) no-repeat; position:relative; left:0; top:0}


.quiz-infos{float:right; width:360px; height:auto; position:relative; display:none}
.quiz-infos.active{display:block}

.quiz-row{ border-bottom:1px solid #ffffff; height:auto; padding:4px 0; position:relative; cursor: pointer; min-height:32px}
.quiz-row h5, .quiz-row h6{ font-size:12px; width:280px; cursor:pointer}
.quiz-row .quiz-titre:hover { text-decoration: underline;}
.quiz-row h5{ }
.quiz-row h6{ color:#347ab5}
.quiz-row a{position:absolute; top:3px; right:0; width:35px; height:34px; background:url(../images/btn-quiz-arrow.png) no-repeat; display:block; cursor:pointer}
.quiz-row .quiz-titre.trigger:hover a{ background-position: 0 -34px}
.quiz-row a:hover{ background-position: 0 -34px}
.quiz-row .quiz-titre.trigger:hover a.selected{ background-position: 0 -68px}
.quiz-row a.selected{ background-position: 0 -68px}
.quiz-row .quiz-titre.trigger:hover a.ajax{ background:url(../images/ajax-loader.gif) center center no-repeat}.quiz-row a.ajax{ background:url(../images/ajax-loader.gif) center center no-repeat}

.liens-infos{float:right; width:360px; height:auto; position:relative;}

.liens-infos .sep{ width:360px; height:3px; background:url(../images/elf-bar-fiche-sep.png) no-repeat; margin:3px 0 5px 0}
.liens-row{  height:auto; width:360px; float:right; padding:4px 0; position:relative; cursor: pointer; display:none}
.liens-row.active,.liens-row-projet{ display:block}
.liens-row.empty{display:none}
.liens-row h5, .liens-row h6{ font-size:12px; width:280px; cursor:pointer}

.liens-row .liens-titre:hover { text-decoration: none;}
.liens-row h5 a { color:#347AB5; }
.liens-row h5 a:hover{ text-decoration:underline}


.elf-related-projet-container{ width:100%; height:auto; background:url(../images/elf-bar-related-top.png) repeat-x center top #2b79b7; padding-top:0 }
.elf-related-projet-container h1 {padding-bottom:5px}
.elf-related-projet-container h4, .elf-related-projet-container ul li { color:#ffffff}

a.close{ display:block}
.no_close a.close{ display:none;}




/**
 *  VISIONEUSE VIDEOJS
 */
#view-visionneuse.view-visionneuse-projet .limelight-player .vjs-limelight-viewport {width:480px;height:325px}


/**
 *  CAROUSEL
 */
.nav-visionneuse{visibility:hidden}
.jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-vertical { width:  97px;height: 318px;}
.jcarousel-skin-tango .jcarousel-item {width: 97px; height: 78px; background-color:#000; position:relative}

.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 2px;}
.jcarousel-skin-tango .jcarousel-container-vertical {
    padding: 17px 0 0 0;
		width:97px;
}
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: -18px;
    left:0;
    width: 97px;
    height: 15px;
    cursor: pointer;
    background:url(../images/visionneuse-nav.png) no-repeat -4px 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: -4px -15px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: -4px -15px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
background:url(../images/visionneuse-nav-disabled.png) no-repeat 0 0;
}


.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 0px;
    left:0;
    width: 97px;
    height: 15px;
    cursor: pointer;
    background:url(../images/visionneuse-nav.png) no-repeat -113px 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: -113px -15px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: -113px -15px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
background:url(../images/visionneuse-nav-disabled.png) no-repeat 0 0;
}

/***
*
** 	QUIZ UNIQUE
*
***/


.quiz-container{ width:975px; height:300px; background:url(../images/quiz-bkg.png) no-repeat; padding-bottom:25px; position:relative; overflow:hidden}
.quiz-container .timeline{ position:absolute; left:775px; top:37px; width:200px; height:12px; }
.quiz-container .timeline .counter{ color:#ffffff; font-weight:700; font-size:12px; float:left; margin-right:8px }
.quiz-container .timeline ul{ height:12px; margin-top:3px }
.quiz-container .timeline ul li{ width:12px; height:10px; background:url(../images/quiz-timeline-bkg.png) no-repeat bottom center; display:block; float:left; margin-right:3px}
.quiz-container .timeline ul li.active{ background-position:top }
.quiz-container .closeQuiz{ font-size:9px; font-weight:700; text-transform:uppercase; color:#8ac9fc; position:absolute; right:10px; top:7px; cursor:pointer}
.quiz-container a.pretty_photo, .quiz-container a.pretty_video {position:absolute;left:100px; top:7px; width:109px; height:67px; display:block}
.quiz-container a.pretty_photo .loop{ width:21px; height:22px; position:absolute; bottom:1px; right:2px; background:url(../images/icon-photo-video.png) no-repeat center top}
.quiz-container a.pretty_video .loop{ width:21px; height:22px; position:absolute; bottom:1px; right:2px; background:url(../images/icon-photo-video.png) no-repeat center bottom}

.quiz-container img {position:absolute;  border:1px solid #ffffff}
.quiz-container h2{ color:#ffffff; font-size:18px; font-weight:700; position:absolute; left:132px; top:18px;}
.quiz-container h3{ color:#b5e1fe; font-size:14px; font-weight:700; position:absolute; left:132px; top:42px;}
.quiz-container .question-container { position:absolute; left:22px; top:93px; display:none; z-index:8000}
.quiz-container .question-container.active {display:block}
.quiz-container .question-container h4 {color:#afddfe; font-size:18px; font-weight:100; margin-bottom:14px; width:750px; line-height:22px; float:left }
.quiz-container .question-container h4.number{ width:40px}
.quiz-container .question-container ul { padding-left:2px; margin-bottom:5px }
.quiz-container .question-container li { cursor:pointer; position:relative; height:16px; width:775px; padding:2px 0 0 26px; margin-bottom:9px; background:url(../images/quiz-selector.png) no-repeat left -3px; font-size:16px; font-weight:700; color:#ffffff }
.quiz-container .question-container li.selected {position:relative; height:16px; width:775px; padding:2px 0 0 26px; margin-bottom:9px; background:url(../images/quiz-selector.png) no-repeat left -29px; font-size:16px; font-weight:700; color:#ffffff }
.quiz-container .question-container li.reponse {position:relative; height:16px; width:775px; padding:2px 0 0 26px; margin-bottom:9px; background:url(../images/quiz-selector.png) no-repeat left -29px; font-size:16px; font-weight:700; color:#c9e71e }
.quiz-container .question-container li.good {position:relative; height:16px; width:775px; padding:2px 0 0 26px; margin-bottom:9px; background:url(../images/quiz-selector.png) no-repeat left -55px; font-size:16px; font-weight:700; color:#c9e71e }
.quiz-container .question-container li.bad {position:relative; height:16px; width:775px; padding:2px 0 0 26px; margin-bottom:9px; background:url(../images/quiz-selector.png) no-repeat left -81px; font-size:16px; font-weight:700; color:#fe0404 }
.quiz-container .question-container a{ cursor:pointer; width:101px; height:34px; background:url(../images/btn-valider.png) no-repeat; display:block;}
.quiz-container .question-container a.disabled{ display:none}
.quiz-container .question-container a:hover{ background-position:bottom}

.quiz-container .question-container .explication-container{ width:375px; height:252px; padding:25px 0 0 70px; position:absolute; right:-950px; top:-70px; display:none; z-index:9000}
.quiz-container .question-container .explication-container p {  font-size:14px; color:#000000; width:343px; display:none }
.quiz-container .question-container .explication-container p.choix {  font-size:20px; font-weight:700; margin-bottom:45px; display:block}
.quiz-container .question-container .explication-container.good { background:url(../images/quiz-explication-container.png) no-repeat top center; display:block}
.quiz-container .question-container .explication-container.bad { background:url(../images/quiz-explication-container.png) no-repeat bottom center; display:block}
.quiz-container .question-container .explication-container a{ width:102px; height:35px; background:url(../images/btn-continuer.png) no-repeat; display:block; margin:10px 0 0 -5px}
.quiz-container .question-container .explication-container a.result{ width:156px; height:35px; background:url(../images/btn-result.png) no-repeat; display:block; margin:10px 0 0 -5px}
.quiz-container .question-container .explication-container a:hover{ background-position:bottom}

.quiz-container .question-container.question-container-result h4{ font-size:25px; height:45px; *line-height:25px; }
.quiz-container .question-container.question-container-result .score{ font-size:100px; position:absolute color:#ffffff; position:absolute; left:0; top:60px; *top:20px; color:#FFFFFF; *line-height:100px;}
.quiz-container .question-container.question-container-result a{ position:absolute; left:0; top:120px; *top:125px; width:102px; height:34px; background:url(../images/btn-rejouer.png)}
.quiz-container .question-container.question-container-result a:hover{ background-position:bottom}

div.pp_default .pp_close { background: url('../images/close.png')!important; position: absolute; top: -30px; right: -10px;}
div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details,
div.facebook .pp_details { position: static!important;}

.share-by-mail { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: url('../images/blue_30.png'); display: none; z-index:9999}
.share-by-mail .share-by-mail-wrapper { background: #222b40; width: 580px; color: #fff; padding: 3px; margin: 10% auto 0; position: relative;}
.share-by-mail .share-by-mail-inner { border: 1px solid #3b4861; height: 410px;}
.share-by-mail .btn-close { color: #8AC9FC; font-size: 9px; font-weight: 700; position: absolute; right: 10px; text-transform: uppercase; top: 7px;}
.share-by-mail label { width: 120px; font-size: 13px; display: block; text-align: right; float: left; margin-right: 2px; line-height: 20px;}
.share-by-mail input { float: left; background: #E6F4FF; border: none; border-radius: 2px; display: block; height: 20px; padding-left: 3px; padding-right: 3px; margin-bottom: 10px;}
.share-by-mail .share-by-mail-inner .col { float: left;}
.share-by-mail .share-by-mail-inner .col-wrapper { width: 525px; margin: 0 auto;}
.share-by-mail h2 { color: #ffffff; font-size: 20px; font-family: DINBoldRegular; margin: 10px 0 20px; text-transform: uppercase;}
.share-by-mail input.submit { width: 78px; height: 23px; background: url('../images/btn_envoyer.png'); position: absolute; top: 375px; right: 31px; cursor: pointer;}
.share-by-mail input.submit:hover { background-position: 0 -24px;}
.confirmationMail{ display:none; color:#8AC9FC; font-size:14px; font-weight:700}
.errorMail{ color:red !important; bottom:23px; left:218px; position:absolute; display:none;}

#cake-mail{position:absolute; top:19px; right:215px; font-family: DINBoldRegular; font-size:12px; color:#8ac9fc; text-transform:uppercase; display:block; width:165px}
.cake-mail { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: url('../images/blue_30.png'); display: none; z-index:9999}
.cake-mail .cake-mail-wrapper { background: #222b40; width: 580px; color: #fff; padding: 3px; margin: 10% auto 0; position: relative;}
.cake-mail .cake-mail-inner { border: 1px solid #3b4861; height: 410px;}
.cake-mail .btn-close { color: #8AC9FC; font-size: 9px; font-weight: 700; position: absolute; right: 10px; text-transform: uppercase; top: 7px;}
.cake-mail label { width: 120px; font-size: 13px; display: block; text-align: right; float: left; margin-right: 2px; line-height: 20px;}
.cake-mail input,.cake-mail select { float: left; background: #E6F4FF; border: none; border-radius: 2px; display: block; height: 20px; padding-left: 3px; padding-right: 3px; margin-bottom: 10px;}
.cake-mail select{ padding-right: 0px;}
.cake-mail .block_province{ display:none}
.cake-mail .cake-inner .col { float: left;}
.cake-mail .cake-inner .col-wrapper { width: 525px; margin: 0 auto;}
.cake-mail h2 { color: #ffffff; font-size: 20px; font-family: DINBoldRegular; margin: 10px 0 20px; text-transform: uppercase;}
.cake-mail input.submit { width: 78px; height: 23px; background: url('../images/btn_envoyer.png'); position: absolute; top: 375px; right: 31px; cursor: pointer;}
.cake-mail input.submit:hover { background-position: 0 -24px;}
.cake-mail .champsRequis{position:absolute; left:23px; bottom:23px}




/***
*
** 404
*
***/

a.error404{ padding:20px 0 250px 10px; display:block; color:##347AB5; font-size:13px}
#header_options { display: none;}

/***
*
** PREVIEW
*
***/

.preview p{ font-size:14px; color:#000000; padding:0 10px; width:955px; margin-bottom:23px }

/***
*
** RECHERCHE
*
***/

i.hcode{ font-style:normal; background-color:#347AB5; color:#ffffff}

/***
*
** PAGINATION
*
***/

.pagination{ text-align:center; margin-top:30px; font-size:14px;}
.pagination a{ padding:4px}
.pagination a:hover, .pagination a.selected{ color:#ffffff; background-color:#347AB5; text-decoration:none}


/* lightbox  */
.lightbox {position:absolute; top:0px; left:0px; width: 100%; height:100%;z-index:9998 !important; }
.lightbox > .content .close {background:url('../images/close.png') no-repeat center center; width:19px; height:19px; display:block; padding:5px; position:absolute; right:-25px; top:-25px}
.lightbox > .content .close:hover {background:url('../images/close.png') no-repeat center center;}
.lightbox .shader {opacity:0.5;filter: Alpha(Opacity=50); width:100%; height:100%; position:fixed; background-color:#000;}
.lightbox > .content {background-color:#000; width:480px; margin:-270px auto 0px; position:relative; z-index:9999;  top:50%; box-shadow: 0 0 20px #000000;}



/* NEW HEADER OVERRIDE */
#cake-mail{right:140px}
#recherche_form{right:328px;}
#francomobile{position:absolute;width:154px;height:48px;top:-12px;right:-30px;background:url(/elf/static/images/btn-francolabjunior.png);text-indent:-2000px;overflow:hidden;}
.elf-showroom-container {width:100%;height:404px;padding-top:25px;padding-bottom: 0;background: rgba(0, 0, 0, 0) url("/elf/static/images/bg.jpg") repeat-x scroll center top;}
#container{padding-top:0!important;}
a.placeholderImage {position:absolute;padding:15px;border-radius:15px;top:108px;left:160px;background:rgba(255, 255, 255, 0.2) none repeat scroll 0 0;}
.elf-bar {height:2px;}
.elf-envedette .decouvrir {margin:15px 0 0 4px;}

#recherche_form .criteria {height:auto;}

@media screen and (max-width: 1100px){
#cake-mail{right:170px}
#recherche_form{right:358px;}
#francomobile{right:-0;}
/*.elf-showroom-container{background:red;}*/
}

/* ECOUTE CETTE HISTOIRE */
#projet266 h1{background:url(../images/medea.png) no-repeat center center;}

/* LES REGLES DE L'ART ET TU TE SOUVIENS */
#lightbox{display:block;position:fixed;padding:50px;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.6);z-index:9999999;}
#lightbox img{display:block;position:relative;margin:auto;max-width:100vh;max-height:100vh;}
#lightbox .limelight-player{display:block;position:relative;margin:auto;max-width:100vh;max-height:100vh;}
#lightbox .close{display:block;position:absolute;top:10px;right:10px;width:60px;height:60px;background:url(../images/lightbox-close.png) no-repeat top center / cover;cursor:pointer;text-indent:-2000px;overflow:hidden;}
#lightbox .close:hover{background:url(/elf/static/images/lightbox-close.png) no-repeat bottom center / cover;}





/* TU TE SOUVIENS - CHATBOT DIALOG AUDIO ETC */

#dialog-lightbox{display:flex;position:absolute;padding:0;top:0;left:0;right:0;/*bottom:0;*/height:880px;background:none/*rgba(255,0,0,0.3)*/;z-index:1;overflow:hidden;pointer-events: none;}
#dialog-lightbox *{pointer-events: auto;}
#dialog-lightbox div.dialog-iframe{display:block;position:relative;margin: auto auto 0 auto;margin-bottom:0;padding:0;border:2px solid #63686B;border-radius:20px;width:350px;height:600px;background:#1A1A1A;animation-name:pop;animation-duration:300ms;overflow: hidden;}

@keyframes pop {
    from {margin-bottom:-1000px;}
    to {margin-bottom:0;}
}



#dialog-lightbox div.dialog-iframe h1{display:block;position:relative;margin:10px 20px;padding:10px 50px 10px 10px;border:0px solid red;font-family:DINBoldRegular;font-size:12pt;font-weight:normal;text-transform:uppercase;color:white;background-image:url(/elf/static/images/dialog_logo-bulles.png);background-position: center right;background-repeat: no-repeat;}
#dialog-lightbox div.dialog-iframe ol.controls{display:block;position:absolute;bottom:0;margin:0;padding:0;width:100%;height:50px;background:#1A1A1A;}
#dialog-lightbox div.dialog-iframe ol.controls li{display:block;position:relative;margin:0;padding:0;width:50%;height:50px;background:#1A1A1A;float:left;}
#dialog-lightbox div.dialog-iframe ol.controls li a{display:block;position:relative;margin:0;padding:0;border:1px solid #63686B;width:100%;height:100%;line-height:50px;font-family:DINBoldRegular;font-size:10pt;text-align:center;text-transform:uppercase;float:left;color:white;background:#1A1A1A;}
#dialog-lightbox div.dialog-iframe ol.controls li a:hover{background:#303030;}
#dialog-lightbox div.dialog-iframe ol.controls li a.recommencer:before{content:"";display:inline-block;margin:-1px 5px;width:15px;height:13px;background:url(/elf/static/images/dialog_ico-recommencer.png)}
#dialog-lightbox div.dialog-iframe ol.controls li a.fermer:after{content:"";display:inline-block;margin:-2px 5px;width:13px;height:13px;background:url(/elf/static/images/dialog_ico-fermer.png)}
#dialog-lightbox div.dialog-iframe iframe{display:block;position:relative;margin:0;padding:0;border:0;width:100%;height:490px;background:white;float:left;overflow-x:hidden;overflow-y:scroll;}

/*TU TE SOUVIENS - ALIGNE A DROITE*/
#dialog-lightbox{width: 975px;margin: 0 auto;padding:auto;background:rgba(0,255,0,0);}
#dialog-lightbox div.dialog-iframe{margin: auto 5px 5px auto;}
/*OMBRE*/
#dialog-lightbox div.dialog-iframe{box-shadow: 2px 2px 5px rgba(0,0,0,0.25)}



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

    #dialog-lightbox div.dialog-iframe .scroll-wrapper{-webkit-overflow-scrolling: touch;overflow-y: scroll;height:490px;}
    #dialog-lightbox div.dialog-iframe iframe{min-height:500px;height:auto;}


}






/*.limelight-player{border-radius:10px;overflow:hidden;}*/
.fiches-infos .limelight-player video{display:none;}
.fiches-infos .limelight-player .video-js,.fiches-infos .limelight-player .vjs-poster {background-color:transparent;}
.fiches-infos .limelight-player .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {visibility: visible;opacity: 1;}
.fiches-infos .limelight-player .video-js .vjs-control-bar{border-radius:10px;background:#008dca;}
.fiches-infos .limelight-player .video-js .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.fiches-infos .limelight-player .video-js .vjs-control-bar .vjs-slider{background:#8CBEF3;}
.fiches-infos .limelight-player .video-js.vjs-user-inactive .vjs-limelight-big-play {display:none!important;}
.fiches-infos .limelight-player .video-js .vjs-limelight-big-play {display:none!important;}

/*.limelight-player .video-js .vjs-control-bar button{display:inline-block;}*/
.video-js .vjs-limelight-big-play:before {display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;line-height: 300px}
.video-js .vjs-limelight-big-play {display:block;position:relative;}

@media screen and (max-width: 1100px){
#cake-mail{right:170px}
#recherche_form{right:358px;}
#francomobile{right:-0;}
/*.elf-showroom-container{background:red;}*/
}
.fiches-infos .limelight-player .vjs-control.vjs-hidden{/*display:block;*/}

.videoPlayer{display:block;position:relative;margin:10px 0;padding-left:50px;border-radius:10px;background:#008dca;cursor: pointer;}
.videoPlayer{display:block;padding:10px 0 10px 50px;font-size:10pt;font-weight:normal;font-family:DINBoldRegular;line-height:auto;text-transform: uppercase;color:white;}

.videoPlayer::before{content: "\f101";display:block;position:absolute;top:0;left:0;margin:-8px 0 -8px -8px;padding:10px;border-radius:50%;font-size:24pt;line-height:24pt;font-family: VideoJS;color:white;background:#008dca;}
.videoPlayer::after{content: attr(data-credits);display:block;position:absolute;top:40px;font-family:arial;font-size:10px;text-transform:none;color:#347AB5;}
.videoPlayer[data-credits]{margin-bottom:50px;}


.dialogPlayer{display:none;position:relative;margin:10px 0;padding-left:50px;border-radius:10px;background:#008dca;cursor: pointer;}
.dialogPlayer{display:none;padding:10px 0 10px 50px;font-size:10pt;font-weight:normal;font-family:DINBoldRegular;line-height:auto;text-transform: uppercase;color:white;}
.dialogPlayer::before{content: "";display:block;position:absolute;top:0;left:0;width:32px;height:32px;margin:-8px 0 -8px -8px;padding:10px;border-radius:50%;font-size:24pt;line-height:24pt;font-family: VideoJS;color:white;background: #008dca url(/elf/static/images/icon-dialog.png) no-repeat center center;}
.dialogPlayer::after{content: attr(data-credits);display:block;position:absolute;top:40px;font-family:arial;font-size:10px;text-transform:none;color:#347AB5;}
.dialogPlayer[data-credits]{margin-bottom:50px;}


.dialogBox{display:block;position:relative;padding:10px 0 0 0;border:2px solid grey;border-radius:20px;background:#1a1a1a;overflow:hidden;}
.dialogBox p{display:block;position:relative;padding:15px 20px 80px 20px;font-size:11pt;font-style:italic;color:white;background:#57699c url(/elf/static/images/dialog_opener-bg.png) no-repeat bottom center;}
.dialogBox .dialogStarter{display:block;position:absolute;left:0;right:0;bottom:0;padding:17px 20px;border-radius:12px;font-family:DINBoldRegular;font-weight:normal;font-size:18px;text-transform: uppercase;color:#9a9a9a;background:#1a1a1a url(/elf/static/images/dialog_logo-bulles.png) no-repeat 95% 50%;}
.dialogBox .dialogStarter:hover{color:#BBB;background-color:#252525}
.dialogBox .dialogStarter {  
  -webkit-user-select:none;  /* Chrome 49+ */
  -moz-user-select:none ;     /* Firefox 43+ */
  -ms-user-select: none;      /* No support yet */
  user-select: none;          /* Likely future */
    cursor:pointer;
}

.fiches-page-container .fiche-title-container h3.fiches_texte{ position: relative;margin-bottom:1px; margin-top:7px;padding:6px 0 6px 18px;width:374px; height: auto; font-size:14px; font-weight:700;color:#121a2b; background:none;  cursor:pointer;   }
.fiches-infos h3.fiches_texte{ display: block;margin-top:20px;height: 22px;font-family:DINBoldRegular;font-weight:normal;font-size:18px;text-transform: uppercase;text-indent: 0;line-height:150%;background: none;}