body {margin-top:10px; background:#F7F7F7;}
.carousel-control.left, .carousel-control.right {background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);} /* slider plat */
#bandeau_accueil {padding-left:160px;}
#bandeau_accueil > ul {padding:0;}
#bandeau_accueil > h1{padding:0; margin:0 0 20px 0; color:#0B697D; font-weight:bold;}
#documentation > div > div {background:#FFF; padding:10px; margin-top:10px;}
.doc_petitlivre h3, .doc_petitlivre h5 {color:#0B7288; font-weight:bold; clear:both;}
.doc_petitlivre h5 {margin-top:20px;}
.doc_petitlivre h5:before {
content:url('../images/icone_fleche_doigt.png');
}
.doc_petitlivre h4 {background:#9DE8F7; padding:5px; cursor:pointer;}
.doc_petitlivre h4:hover {background:#46D2F0;}
.doc_petitlivre > div > div {margin-bottom:25px;}
.bts_doc {float:right; margin:0 0 10px 10px; cursor:pointer;}
.etape_pliage {font-weight:bold; color:blue; text-align:underline; cursor:pointer; margin-top:10px;}
.etape_pliage:hover {text-align:none;}
.avertissement_navigateur {border:2px solid #9C5B30; background-color:#EDEDED; padding:10px; margin-bottom:20px;}
.faux_lien {text-decoration:none; color:#337AB7; cursor:pointer;}
.faux_lien:hover {text-decoration:underline; color:#23527C; cursor:pointer;}
.gras {font-weight:bold;}
.cadrepetit {margin:10px auto; width:90%; font-size:90%; background:#E8E8E8; border:1px solid #707070; padding:5px;}
.petit {font-size:85%;}
.italic {font-style:italic}
#intro_accueil {margin-top:20px;}
#intro_accueil h2 {margin:0 0 10px 0; padding:0; color:#0A6B76; font-size:30px;}
#intro_accueil > div {margin-bottom:20px;}
#intro_accueil > div > div {background-color:#FBDFC8; padding:5px;}
ul.puce1 {margin:0; padding:0 0 0 25px;}
ul.puce1 > li {list-style-image : url('images/icone_puce1.png'); margin:10px 0;}
ul.puce_doigt > li {list-style-image : url('images/icone_puce_doigt.png'); margin:0;}
.lien_a_droite {text-align:right; font-style:italic; text-decoration:none; font-weight:bold; color:#6F6F6F;}
.lien_a_droite:hover {text-decoration:underline;}

/* Police Cursif Beaumal */
@font-face {
    font-family: 'cursifregular';
    src: url('font-cursif/cursif-webfont.eot');
    src: url('font-cursif/cursif-webfont.eot?#iefix') format('embedded-opentype'),
		url('font-cursif/cursif-webfont.woff2') format('woff2'),
		url('font-cursif/cursif-webfont.woff') format('woff'),
		url('font-cursif/cursif-webfont.ttf') format('truetype'),
		url('font-cursif/cursif-webfont.svg#cursifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Affichage des polices */
.police_majuscule {text-transform:uppercase;}
.police_cursif {font-family: 'cursifregular'; padding:0.6em 0; line-height:240%;}
.police_arial {font-family:Arial,sans-serif;}

/* 
- de 768 => xs
768 à 991 => sm
992 - 1199 => md
1200 et + => lg*/


/* - de 768 */
.conteneur_mobile {width:482px;}
.largeur_page_mobile {width:240px;}
.item_mobile {width:480px; height:328px; background-repeat:no-repeat; background-size: 480px 328px;}
.image_seule_mobile {width:240px; height:328px;}
.hauteur_max_page_mobile {max-height:328px;}
.position_vignette_mobile {left:250px;}

/* - de 768 à 991 */
.conteneur_petit {width:602px;}
.largeur_page_petit {width:300px;}
.item_petit {width:600px; height:411px; background-repeat:no-repeat; background-size: 600px 411px;}
.image_seule_petit {width:300px; height:411px;}
.hauteur_max_page_petit {max-height:411px;}
.position_vignette_petit {left:310px;}

/* 992 et + */
.conteneur_grand {width:762px;}
.largeur_page_grand {width:380px;}
.item_grand {width:760px; height:520px; background-repeat:no-repeat; background-size: 760px 520px;}
.image_seule_grand {width:380px; height:520px;}
.hauteur_max_page_grand {max-height:520px;}
.position_vignette_grand {left:390px;}

/* #qrcode canvas {height:128px; width:128px;} */

.pointer {cursor:pointer;}
.position_vignette {position:absolute; bottom:10px; height:128px; width:96px;}
#recup_canvas_vignettes li {margin:5px; cursor:pointer;}

.affichage_texte_gauche {position:absolute; top:0; left:0px; padding:10px; background-color:rgba(80, 80, 80, 0.95); display:none; overflow:auto;}
.affichage_texte_droit {position:absolute; top:0; right:0px; padding:10px; background-color:rgba(80, 80, 80, 0.95); display:none; overflow:auto;}
.affichage_texte p {color:#FFF; font-weight:normal;}
.affichage_texte a {color:#FFF; text-decoration:underline;}
.affichage_texte a:hover {text-decoration:none;}

/* JEUX */
.zone_jeu_ordonner > div, .zone_jeu_memoriser > div  {padding:5px; background:#FCEAD8;}
.cadre_jeu_ordonner > img {width:125px; margin:5px; cursor:move;}
.cadre_jeu_ordonner > img.image_double {width:250px;}
.cadre_jeu_ordonner > div.texte {margin:10px; padding:5px; background:#FFF; cursor:move;}
.cadre_jeu_ordonner > li {width:100px; float:left; list-style:none; background:#FFF; padding:10px; margin:5px; cursor:move;}
.cadre_jeu_ordonner > li img, .cadre_jeu_memoriser > li img, .cadre_element_a_trouver > div img {cursor:pointer;}
.cadre_jeu_memoriser > img {width:125px; margin:5px;}
.cadre_jeu_memoriser > div.texte {margin:10px; padding:5px; background:#FFF;}
.cadre_jeu_memoriser > li  {width:100px; float:left; list-style:none; background:#FFF; padding:10px; margin:5px;}
.cadre_jeu_memoriser > li > img {margin:0 5px 10px 5px;}
.cadre_jeu_associer_gauche {width:160px; float:left;}
.cadre_jeu_associer_gauche_son {width:78px;}
.cadre_element_a_trouver {background:#FFF;}
.cadre_element_a_trouver > img {width:160px;}
.cadre_elements_a_cliquer {padding-left:180px;}
.cadre_elements_a_cliquer_son {padding-left:88px;}
.cadre_elements_a_cliquer > div {padding:10px; background:#FCEAD8;}
.cadre_elements_a_cliquer > div > div {padding:5px; background:#FFF; margin-bottom:10px;}
.cadre_elements_a_cliquer > div > img {width:150px; margin:5px;}
.cadre_juste_faux  {margin-top:10px;}
.cadre_juste_faux  > img {margin:2px;}
.bord_juste {border:3px solid #00FF00;}
.bord_faux {border:3px solid red;}
.cadre_imprimer_textes {background:#FFF;}
.cadre_imprimer_textes img {width:128px; float:left; border:1px solid blue; margin-bottom:10px;}
.cadre_imprimer_textes > div {margin:10px 0; border-bottom:1px dashed blue; page-break-inside:avoid;}
.trois_polices {margin-bottom:10px;}
.padding_texte {padding-left:150px;}

/* Puzzle */
.ligne {border:none; padding:0px; margin:0; line-height:0;}
.colonne {border:none; display:inline-block; padding:0px; margin:0; line-height:0;}
.colonne img {margin:0; padding:0;}
.conteneur_2puzzles {margin:10px auto; line-height:0;}
#puzzle_melange {float:left;}
#puzzle_melange > div {padding:0px; margin:0;}
#puzzle_cible {float:right; position:relative;}
#puzzle_cible > img {display:none;}
#puzzle_zone_centrale {text-align:center; padding-top:20px; width:128px; margin:auto; line-height:normal;}
#puzzle_faux {width:45%; float:right; background:#FF1A1A;}
#puzzle_juste {width:45%; background:#00E800;}
#puzzle_zone_score {color:#FFF; font-weight:bold; font-size:20px; margin:20px 0 0 0;}

/* -------------------------------------------------------- */
/* Gestion du bouton de retour en haut de page              */
/* -------------------------------------------------------- */

/* Return on top */
#returnOnTop {
    background: url('images/return_on_top.png') no-repeat;
    bottom: 1%;
    cursor: pointer;
    display: none;
    filter: alpha(opacity = 50); /* IE < 8 */
    height: 48px;
    opacity: 0.5;
    position: fixed;
    right: 1%;
    width: 48px;
}

#returnOnTop:hover {
    filter: alpha(opacity = 100); /* IE < 8 */
    opacity: 1;
}


/* Ombre inférieure du livre */
#zone_livre {
	margin:auto;
	border:1px solid #8D8D8D;
	position: relative;
	background: #ddd;
	color: rgba(0,0,0, .8);
	text-shadow: 0 1px 0 #fff;
}
#zone_livre:before, #zone_livre:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:380px;
	background: rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
#zone_livre:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}


/* Angle corné des vignettes des livres */
.hvr-curl-top-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
}
.hvr-curl-top-right:before {
	pointer-events: none;
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	top: 0;
	right: 0;
	background: white;
	/* IE9 */
	background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: width, height;
	transition-property: width, height;
}
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
	width: 50px;
	height: 50px;
}

/* Présentation des faux boutons */
.faux_bouton {
	list-style:none;  display: inline-block; cursor:pointer; margin:0 8px 8px 0; padding:3px; background:#DADADA; text-align:center;
	-moz-box-shadow: 4px 4px 4px 0px #656565;
	-webkit-box-shadow: 4px 4px 4px 0px #656565;
	-o-box-shadow: 4px 4px 4px 0px #656565;
	box-shadow: 4px 4px 4px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=4);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.faux_bouton.on {
	-moz-box-shadow: inset 4px 4px 4px 0px #656565;
	-webkit-box-shadow: inset 4px 4px 4px 0px #656565;
	-o-box-shadow: inset 4px 4px 4px 0px #656565;
	box-shadow: inset 4px 4px 4px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=4);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:#E0E0E0; color:#000; font-weight:bold;
}
.faux_bouton:hover {background:#E0E0E0; color:#000;}

.faux_bouton2 {
	list-style:none; display: inline-block; cursor:pointer; margin:0 8px 8px 0; padding:3px 8px; background:#A4D3FF; text-align:center; font-size:85%;
	-moz-box-shadow: 4px 4px 4px 0px #656565;
	-webkit-box-shadow: 4px 4px 4px 0px #656565;
	-o-box-shadow: 4px 4px 4px 0px #656565;
	box-shadow: 4px 4px 4px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=4);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.faux_bouton2.on {
	-moz-box-shadow: inset 4px 4px 4px 0px #656565;
	-webkit-box-shadow: inset 4px 4px 4px 0px #656565;
	-o-box-shadow: inset 4px 4px 4px 0px #656565;
	box-shadow: inset 4px 4px 4px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=4);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#E0F0FF; color:#000; font-weight:bold;
}
.faux_bouton2:hover {background:#E0F0FF; color:#000;}

.faux_bouton3 {
	list-style:none; display: inline-block; cursor:pointer; margin:0 5px 5px 0; padding:3px 8px; background:#A4D3FF; text-align:center; font-size:85%;
	-moz-box-shadow: 4px 4px 4px 0px #656565;
	-webkit-box-shadow: 4px 4px 4px 0px #656565;
	-o-box-shadow: 4px 4px 4px 0px #656565;
	box-shadow: 4px 4px 4px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=4);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.faux_bouton3.on {
	-moz-box-shadow: inset 4px 4px 4px 0px #656565;
	-webkit-box-shadow: inset 4px 4px 4px 0px #656565;
	-o-box-shadow: inset 4px 4px 4px 0px #656565;
	box-shadow: inset 4px 4px 4px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=4);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#FFF; color:#000; font-weight:bold;
}
.faux_bouton3:hover {background:#FFF; color:#000;}

.faux_bouton4 {
	list-style:none; display: inline-block; cursor:pointer; margin:0 10px 10px 0; padding:3px 8px; background:#A4D3FF; text-align:center;
	-moz-box-shadow: 4px 4px 4px 0px #656565;
	-webkit-box-shadow: 4px 4px 4px 0px #656565;
	-o-box-shadow: 4px 4px 4px 0px #656565;
	box-shadow: 4px 4px 4px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=4);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.faux_bouton4.on {
	-moz-box-shadow: inset 4px 4px 4px 0px #656565;
	-webkit-box-shadow: inset 4px 4px 4px 0px #656565;
	-o-box-shadow: inset 4px 4px 4px 0px #656565;
	box-shadow: inset 4px 4px 4px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=4);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#FFF; color:#000; font-weight:bold;
}
.faux_bouton4:hover {background:#FFF; color:#000;}


/* -------------------------------------------------------- */
/* Gestion des boutons => ombre etc                         */
/* -------------------------------------------------------- */

.scale_p01:hover {
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1); /* Standard syntax */	
}
.scale_p005:hover {
	-ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari */
    transform: scale(1.05); /* Standard syntax */	
}
.scale_m01:hover {
	-ms-transform: scale(0.9); /* IE 9 */
    -webkit-transform: scale(0.9); /* Safari */
    transform: scale(0.9); /* Standard syntax */	
}
.scale_m005:hover {
	-ms-transform: scale(0.95); /* IE 9 */
    -webkit-transform: scale(0.95); /* Safari */
    transform: scale(0.95); /* Standard syntax */	
}
.ombre_autour {
	-moz-box-shadow: 0px 0px 5px 0px #656565;
	-webkit-box-shadow: 0px 0px 5px 0px #656565;
	-o-box-shadow: 0px 0px 5px 0px #656565;
	box-shadow: 0px 0px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
.ombre_autour_5 {
	-moz-box-shadow: 0px 0px 5px 0px #656565;
	-webkit-box-shadow: 0px 0px 5px 0px #656565;
	-o-box-shadow: 0px 0px 5px 0px #656565;
	box-shadow: 0px 0px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.ombre_autour_15 {
	-moz-box-shadow: 0px 0px 5px 0px #656565;
	-webkit-box-shadow: 0px 0px 5px 0px #656565;
	-o-box-shadow: 0px 0px 5px 0px #656565;
	box-shadow: 0px 0px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.ombre_cote {
	-moz-box-shadow: 1px 1px 5px 0px #656565;
	-webkit-box-shadow: 1px 1px 5px 0px #656565;
	-o-box-shadow: 1px 1px 5px 0px #656565;
	box-shadow: 1px 1px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.ombre_cote:hover {
	-moz-box-shadow: -1px -1px 5px 0px #656565;
	-webkit-box-shadow: -1px -1px 5px 0px #656565;
	-o-box-shadow: -1px -1px 5px 0px #656565;
	box-shadow: -1px -1px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=315, Strength=5);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.ombre_cote_5 {
	-moz-box-shadow: 1px 1px 5px 0px #656565;
	-webkit-box-shadow: 1px 1px 5px 0px #656565;
	-o-box-shadow: 1px 1px 5px 0px #656565;
	box-shadow: 1px 1px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.ombre_cote_5:hover {
	-moz-box-shadow: -1px -1px 5px 0px #656565;
	-webkit-box-shadow: -1px -1px 5px 0px #656565;
	-o-box-shadow: -1px -1px 5px 0px #656565;
	box-shadow: -1px -1px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=315, Strength=5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.rotation_360 {
	-ms-transition: 2s;
	-webkit-transition: 2s;
	transition: 2s;
}
.rotation_360:hover {
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg); /* Standard syntax */
}


/* -------------------------------------------------------- */
/* Gestion de l'impression                                  */
/* -------------------------------------------------------- */

.impression_slt {display:none;} 
@media print {
.no_imprim, #imprimer_doc .no_imprim {display:none;}
.impression_slt {display:block; color:blue; border-bottom: thick solid blue;}
}