@font-face{font-family:"Cabin-Regular";src:url(../css/font/LibrisADFStd-Regular.otf) format("truetype")}
@font-face{font-family:"Cabin-SemiBold";src:url(../css/font/Cabin-SemiBold.ttf) format("truetype")}
@font-face{font-family:"Cabin-SemiBoldItalic";src:url(../css/font/Cabin-SemiBoldItalic.ttf) format("truetype")}
@font-face{font-family:"Demo_ConeriaScript_Slanted";src:url(../css/font/Demo_ConeriaScript_Slanted.ttf) format("truetype")}
@font-face{font-family:"Demo_ConeriaScript";src:url(../css/font/Demo_ConeriaScript.ttf) format("truetype")}
@font-face{font-family:"brocs";src:url(../css/font/brocs.TTF) format("truetype")}
html,body{width:100%;height:100%;margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;letter-spacing:1px}
button{cursor:pointer}
button:focus{outline:0}
#spinner-load{position:absolute;margin-left:43%;margin-top:20%;display:none;z-index:1}
#pt-main{width:100%;height:87%;position:relative;overflow:hidden}
.main-content{overflow:hidden;height:100%;visibility:visible}
.main-temp{height:100%;position:absolute;top:0;overflow:hidden;visibility:hidden}
div#fenetre{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;margin:auto;background-color:#fff}
table{margin:auto}
div#toolbar-bottom{height:10%}
.pt-perspective{position:relative;width:100%;height:100%;perspective:1200px;transform-style:preserve-3d}
.pt-page{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;backface-visibility:hidden;transform:translate3d(0,0,0)}
div#page-widthfull{width:100%;height:100%}
button.toolbar_rond{outline:0;width:85px;height:85px;cursor:pointer;font:bold 13px Arial;border-radius:50%;border:none;color:#fff;box-shadow:1px 2px 3px 2px rgba(0,0,0,0.2),-1px 2px 8px rgba(0,0,0,0.1) inset;bottom:4%;position:absolute}
button.toolbar_rond:hover{box-shadow:2px 1px 2px 1px rgba(0,0,0,0.3),2px 2px 4px rgba(0,0,0,0.1) inset;font-size:16px}
button.toolbar_rond .background_orange:hover{background-color:#FF531D}
button.toolbar_rond .background_green:hover{background-color:#68ff36}
button.toolbar_rond.btn_sommaire{right:9%;background-repeat:no-repeat;background-position:center center;background-size:73%;background-image:url(icons/icon_sommaire.png)}
button.toolbar_rond.btn_grdpet{left:19.9%;background-repeat:no-repeat;background-position:center center;background-size:69%;background-image:url(icons/icon-gr_pet.png)}
button.toolbar_rond.btn_info{right:2%;background-repeat:no-repeat;background-position:center center;background-size:69%;background-image:url(icons/ic_close_white_64dp_2x.png)}
button.toolbar_rond.btn_co{left:13%;background-repeat:no-repeat;background-position:center center;background-size:55%;background-image:url(icons/drap-corse.png)}
button.toolbar_rond.btn_fr{left:13%;background-repeat:no-repeat;background-position:50% 50%;background-size:62%;background-image:url(icons/drap-fr.png)}
button.toolbar_square.btn_game{right:47.7%;background-repeat:no-repeat;background-position:54% 54%;background-size:100%;background-image:url(icons/icon-jeu.png);-webkit-animation:btn_game_move 6s;-webkit-animation-fill-mode:forwards}
@-webkit-keyframes btn_game_move {
0%{opacity:0}
50%{opacity:0}
100%{opacity:1}
}
button.toolbar_square.btn_gamePetit{right:47.7%;background-repeat:no-repeat;background-position:54% 54%;background-size:100%;background-image:url(icons/icon-jeu.png);-webkit-animation:btn_game_move 6s;-webkit-animation-fill-mode:forwards}
button.toolbar_square.btn_saistu{right:40.5%;background-repeat:no-repeat;background-position:54% 54%;background-size:59%;background-image:url(icons/icon-saistu.png);-webkit-animation:btn_game_move 6s;-webkit-animation-fill-mode:forwards}
button.toolbar_rond:active{box-shadow:0 0 0 0}
button.toolbar_square{outline:0;width:100px;height:100px;font:bold 13px Arial;border:none;cursor:pointer;color:#fff;box-shadow:2px 3px 2px 1px rgba(0,0,0,0.3),2px 2px 8px rgba(0,0,0,0.1) inset;bottom:4%;position:absolute}
button.toolbar_square .background_orange:hover{background-color:#FF531D}
button.toolbar_square .background_green:hover{background-color:#68ff36}
button.toolbar_square:hover{box-shadow:2px 1px 2px 1px rgba(0,0,0,0.3),2px 2px 4px rgba(0,0,0,0.1) inset;font-size:16px}
button.toolbar_square:active{box-shadow:0 0 0 0}
.background_white{background-color:#fff}
.background_green{background-color:#96be18}
.background_orange{background-color:#E85B2E}
.color_orange{color:#e95a31}
.page-panneauGauche{width:59.15%;height:100%;float:left}
.page-panneauGauche.page-panneauGaucheVideo{width:53.5%}
.panneau64gaucheText{height:82%;width:100%;color:#fff;font-size:26px;font-family:"Cabin-Regular";overflow:hidden;position:relative}
.panneau64gaucheNavBar{height:13%;width:100%;position:relative}
.page-panneauDroite{width:40.85%;height:100%;float:left;position:relative;overflow:hidden}
.page-panneauDroite.page-panneauDroiteVideo{width:46.5%}
.panneauDroiteImageThumb{border:#fff solid 5px;position:absolute;overflow:hidden}
.panneauDroiteImageThumb > img.buttonFullScreen{width:50px;height:50px;position:absolute;bottom:0;cursor:pointer;filter:blur(5px)}
.panneauDroiteImageThumb > img.buttonFullScreen:hover{width:60px;height:60px;bottom:-5px;left:-5px}
.panneauDroiteImageThumb > span.numeroThumb{color:#fff;position:absolute;right:0;padding:5%;font-size:32px;font-family:"Cabin-Regular";font-weight:700}
div#page-panneauSixQuatrieme{width:100%;height:100%;display:block}
button.btn_previous_page{bottom:18%;left:4%;background-repeat:no-repeat;background-position:center center;background-size:100%;background-image:url(../images/arrow_left.png)}
button.btn_next_page{bottom:18%;right:4%;background-repeat:no-repeat;background-position:54% 54%;background-size:100%;background-image:url(../images/arrow_right.png)}
div#gallery-image{position:absolute;z-index:1;left:5%;top:6%;display:table-cell;vertical-align:middle;text-align:center;height:84%;width:90%}
div#gallery{width:100%;height:100%;position:absolute;z-index:1;background-color:rgba(128,128,128,0.51)}
#gallery-image img.imageInGallery{z-index:1;height:100%;max-width:100%;vertical-align:bottom;border:15px solid #f5f5f5}
#gallery-image img.buttonCloseGallery{z-index:1;position:absolute;right:40px;top:15px;background-color:rgba(0,0,0,0.38);height:10%;vertical-align:bottom;cursor:pointer}
#gallery-image img.buttonCloseGallery:hover{height:11%;right:37px;top:7px}
img.buttonClosePDF{z-index:100;position:absolute;right:50px;top:50px;background-color:rgba(0,0,0,0.38);height:10%;vertical-align:bottom;cursor:pointer}
img.buttonClosePDF:hover{height:11%;right: 47px;top: 47px;}
.groupeImage{width:100%;height:100%}
div#saistu{width:100%;height:100%;position:absolute;z-index:1;background-color:rgba(240,248,255,0.71);color:#fff;background-size:100%}
.saisTuWindow{width:70%;background-color:#B28656;margin-left:auto;margin-right:auto;margin-top:5%;padding:15px;font-size:30px}
.saisTuWindow h1{text-align:center}
div#gamegrand{width:100%;height:100%;position:absolute;z-index:1;background:url(../images/chapitre/fond_jeux-grand.png);background-color:rgba(240,248,255,0.71);color:#fff;background-size:100%}
div#gamepetit{width:100%;height:100%;position:absolute;z-index:1;background:url(../images/chapitre/fond_jeu-petit.png);background-color:rgba(240,248,255,0.71);color:#fff;background-size:100%}
.creditPage{width:100%;height:100%;position:absolute;z-index:11;background:url(../images/chapitre/fond_credits.png);background-color:rgba(240,248,255,0.71);color:#fff;background-size:100%}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;top:-43px;width:50px;height:75px;outline:0;cursor:ew-resize;-ms-touch-action:none;touch-action:none}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background:url(../images/cursor_slider.png);font-weight:400;background-size:100%;color:#555}
.ui-slider > label{position:absolute;width:146px;margin-top:30px;color:#fff;text-align:center;color:#fff;font-size:xx-large;font-family:"Cabin-Regular";cursor:pointer}
.ui-slider > label:hover{font-size:35px;margin-left:-5px}
div#page0-grid{margin-left:auto;margin-right:auto;width:74%;height:60%;padding-top:4%}
.btn_page.grid-cell{width:24%;float:left;margin:1% 1% 0 0;height:33.333%;background-color:#96be18;cursor:pointer;text-align:center;position:relative}
.cell-number{outline:0;width:85px;height:85px;font:bold 3rem Arial;cursor:pointer;border:none;color:#fff;box-shadow:2px 3px 2px 1px rgba(0,0,0,0.3),2px 2px 8px rgba(0,0,0,0.1) inset;margin-top:7%}
.cell-title{color:#fff;font-size:2rem;margin-top:10px;font-family:"Cabin-Regular"}
h1{color:#51310e;font-size:46px;font-family:"brocs";-webkit-margin-before:15px;-webkit-margin-after:15px;margin-top:20px}
h1 > span.numeroChapitre{color:#fff}
p{display:block;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;line-height:35px}
.marge{padding:7px 20px 20px;font-family:"Cabin-Regular"}
div#icon-cdrom{position:absolute;position:absolute;bottom:3%;left:1%;z-index:1}
#icon-cdrom a img{width:90%}
img.buttonCloseGame{z-index:1;position:absolute;right:122px;top:43px;background-color:rgba(0,0,0,0.38);height:10%;vertical-align:bottom;cursor:pointer}
img.buttonCloseCredit{z-index:1;position:absolute;right:122px;top:43px;background-color:rgba(0,0,0,0.38);height:10%;vertical-align:bottom;cursor:pointer}
img.buttonCloseVideoCredit{z-index:1;position:absolute;right:122px;top:43px;background-color:rgba(0,0,0,0.38);height:10%;vertical-align:bottom;cursor:pointer}
img.buttonCloseVideoPlayer{z-index:1;position:absolute;right:122px;top:43px;background-color:rgba(0,0,0,0.38);height:10%;vertical-align:bottom;cursor:pointer}
img.buttonCloseSaistu{z-index:1;position:absolute;right:57px;top:43px;background-color:rgba(0,0,0,0.38);height:10%;vertical-align:bottom;cursor:pointer}
.qcm{width:800px;position:absolute;top:5%;font-family:"Cabin-Regular";left:0;background-color:#B28656;right:0;margin:auto;font-size:32px;border-radius:6px;/* padding:15px */}
.qcm > input[type="checkbox"]{position:absolute;left:-9999px}
.qcm > label{display:block;position:relative;margin: 10px;padding:5px 15px 8px 60px;color:#fff;white-space:nowrap;cursor:pointer;}
.qcm > label::before{content:'';display:block;position:absolute;top:10px;bottom:10px;left:10px;width:24px;height:24px;border:3px solid #fff;border-radius:50%;transition:background-color .2s}
.qcm > label:hover{border-radius:13px;color:#fff;background-color:rgba(220,190,151,0.29)}
.qcm > input:checked + label{background-color:#43B0E0;border-radius:13px}
.qcm > input:checked + label.false{background-color:#CA1818;border-radius:15px}
.qcm > label.false{background-color:#CA1818;border-radius:15px}
.qcm > input:checked + label.good{background-color:green}
.qcm > input:checked + label::before{background-color:#fff}
.qcm > input:hover + label::before{background-color:#fff}
.qcm > input.validQCM{display:block;position:relative;padding:5px 15px 5px 16px;white-space:nowrap;cursor:pointer;transition:background-color .2s,box-shadow .2s;outline:none;height:50px;background-color:#9CC11A;border:none;color:#fff;font-family:"Cabin-Regular";font-size:25px;border-radius:13px;box-shadow:2px 3px 0 0 rgba(0,0,0,1);margin:24px auto 20px;background-image: url("icons/valide.png");background-repeat: no-repeat;background-size: 50% 79%;background-position-x: 50%;color: transparent;width: 97px;background-position-y: 25%;}
input.validVraiQCM{display:block;position:relative;padding:5px 15px 5px 16px;white-space:nowrap;cursor:pointer;transition:background-color .2s,box-shadow .2s;outline:none;height:50px;background-color:#E95A31;border:none;color:#fff;font-family:"Cabin-Regular";font-size:25px;border-radius:13px;box-shadow:2px 3px 0 0 rgba(0,0,0,1);margin:24px auto 20px}
m > input.validQCM{display:block;position:relative;padding:5px 15px 5px 16px;white-space:nowrap;cursor:pointer;transition:background-color .2s,box-shadow .2s;outline:none;height:50px;background-color:#E95A31;border:none;color:#fff;font-family:"Cabin-Regular";font-size:25px;border-radius:13px;box-shadow:2px 3px 0 0 rgba(0,0,0,1);margin:24px auto 20px}
.validvraiFauxQuestion{display:block;position:relative;padding:5px 15px 5px 16px;white-space:nowrap;cursor:pointer;transition:background-color .2s,box-shadow .2s;outline:none;height:50px;background-color:#96be18;border:none;color:#fff;font-family:"Cabin-Regular";font-size:25px;border-radius:13px;box-shadow:2px 3px 0 0 rgba(0,0,0,1);margin:24px auto 20px;background-image: url("icons/valide.png");background-repeat: no-repeat;background-size: 50% 79%;background-position-x: 50%;color: transparent;width: 97px;background-position-y: 25%;}
.vraiFaux{width:57%;background-color:#b28656;position:absolute;top:5%;font-family:"Cabin-Regular";left:0;right:0;margin:auto;font-size:30px;border-radius:6px}
.vraiFauxQuestion > input[type="checkbox"]{position:absolute;left:-9999px}
.vraiFauxQuestion > label{display:table;position:relative;/*! margin-top:13px; *//*! margin-left:15px; */padding:0px 11px 0px 50px;border-radius:111px;color:#fff;white-space:nowrap;cursor:pointer;float:left;width:73px;user-select:none;transition:background-color .2s,box-shadow .2s;font-size: 21px;/*! text-transform: uppercase; *//* height: 41px; */margin-left: 10px;margin-top: 10px;}
.vraiFauxQuestion > label::before{content:'';display:block;position:absolute;top:7px;bottom:10px;left:10px;height:20px;width:20px;border:3px solid #fff;border-radius:139px;transition:background-color .2s}
.vraiFauxQuestion > input:checked + label{background-color:#43B0E0;line-height: 30px;}
button#validTextaTrou{width:100px;height:50px;margin-top:7px;background-color:#9CC11A;border:none;color:#fff;font-family:"Cabin-Regular";font-size:21px;border-radius:13px;box-shadow:2px 2px 3px 0 rgba(0,0,0,1);background-image: url("icons/valide.png");background-repeat: no-repeat;background-size: 50% 79%;background-position-x: 50%;background-position-y: 25%;color: transparent;}
.vraiFauxQuestion > input:checked + label::before{background-color:#fff}
.vraiFauxQuestion > span{float:left;padding:0 15px;width:100%;font-weight:700;font-size:28px}
.vraiFauxQuestion{height:105px}
.successQUESTIONQCM{float:left;margin-top:25px;margin-left:20px;position:relative;font-style:italic;font-size:20px}
.errorQUESTIONQCM{float:left;margin-top:25px;margin-left:20px;position:relative;font-style:italic;font-size:20px}
.titleQuestionQCM{padding:15px 0 0 21px}
.rappelChapitre{color:#000;position:absolute;right:15px;margin-top:-6px}
span#consigne{width:100%;display:block;line-height:30px;font-size:25px;color:#000}
div#titreAccueil{font-size:61px;color:#fff;width:100%;text-align:center;text-shadow:4px 4px #000;font-family:"Cabin-SemiBold"}
.pagination{font-family:"Cabin-Regular"}
.cellCredit{width:25%;background-color:#E95A31;cursor:pointer;text-align:center;position:relative;height:100%;margin-left:auto;margin-right:auto;font-size:40px;line-height:140px;font-family:"Cabin-Regular";box-shadow:2px 3px 2px 1px rgba(0,0,0,0.3),2px 2px 8px rgba(0,0,0,0.1) inset;background-size:100%}
.cellVideo{width:25%;background-color:#E95A31;cursor:pointer;text-align:center;position:relative;height:100%;margin-left:auto;margin-right:auto;font-size: 32px;line-height:140px;font-family:"Cabin-Regular";box-shadow:2px 3px 2px 1px rgba(0,0,0,0.3),2px 2px 8px rgba(0,0,0,0.1) inset;background-size:100%;}
.ressourceTitle{font-size:45px;padding-top:3%;font-size:61px;margin-left:7%;color:#fff;text-shadow:4px 4px #000;font-family:"Cabin-SemiBold"}
.lineTop{width:100%;margin-bottom:25px;margin-top:15px;height:150px}
.lineMiddle{width:100%;height:150px;margin-bottom: 30px;}
.lineBottom{width:100%;height:150px}
.lineMiddle .cellCredit{float:left}
.lineMiddle .cellVideo{float:left}
.videoCredit{width: 64%;margin-left:20%;margin-top: 8%;position: absolute;z-index: 1;}
.videoCreditCO{width: 64%;margin-left:20%;margin-top: 8%;position: absolute;z-index: 1;}
.cellCredit.left{margin-left:20%}
.cellCredit.right{float:right;margin-right:20%}
.cellVideo.left{margin-left:20%}
.cellVideo.right{float:right;margin-right:20%}
.videoCreditGallery {width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.41);z-index: 2;position: absolute;}
@media screen and (min-width: 1920px) {
.cellCredit{width:20%}
.cellCredit.right{margin-right:25%}
.cellCredit.left{margin-left:25%}
.cellVideo{width:20%}
.cellVideo.right{margin-right:25%}
.cellVideo.left{margin-left:25%}
.lineTop{width:100%;margin-bottom: 50px;margin-top:90px;height:150px;}
}
@media screen and (max-width: 1920px) {
.cellCredit{width:20%}
.cellCredit.right{margin-right:26%}
.cellCredit.left{margin-left:26%}
.cellVideo{width: 23%;}
.cellVideo.right{margin-right:26%}
.cellVideo.left{margin-left:26%}
}
@media screen and (max-width: 1599px) {
.cellCredit{width:20%;font-size:25px;line-height:90px}
.cellCredit.right{margin-right:26%}
.cellCredit.left{margin-left:26%}
.cellVideo{width: 23%;font-size: 21px;line-height:90px;}
.cellVideo.right{margin-right:26%}
.cellVideo.left{margin-left:26%}
.lineTop{height:100px}
.lineMiddle{height:100px}
.lineBottom{height:100px}
.ressourceTitle{font-size:42px;margin-bottom:0}
}

img.toDisplay{cursor: pointer;}
span.consigne{width:100%;display:block;line-height:30px;font-size:25px;color:#000;padding:15px}


b.subTitle{font-variant: small-caps;}

div#myiframe-wrap {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.pdfREADER{
    width: 100%;
    border: 0;
    height : 100%;
}

div#ressource {
    background: url('../images/Ressources.png') repeat-x;
    background-size: 102%;
    background-position-y: -1px;
    background-position-x: -3px;
    width: 150px;
    height: 152px;
    border-radius: 6%;
    position: absolute;
    right: 3%;
    top: 41%;
    box-shadow: 4px 4px 3px 2px rgba(0,0,0,0.2),-1px 2px 8px rgba(0,0,0,0.1) inset;
    cursor: pointer;
}
div#ressourceco {
    background: url('../images/risorse.png') repeat-x;
    background-size: 102%;
    background-position-y: -1px;
    background-position-x: -3px;
    width: 150px;
    height: 152px;
    border-radius: 6%;
    position: absolute;
    right: 3%;
    top: 41%;
    box-shadow: 4px 4px 3px 2px rgba(0,0,0,0.2),-1px 2px 8px rgba(0,0,0,0.1) inset;
    cursor: pointer;
}
.copyright {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%, 0);
	color: #000;
	font-size: 12px;
	font-family: arial;
}