*, *::before, *::after {
	margin: 0;
	padding: 0;
    outline:none !important;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

    /*
    appearance: normal;
	-moz-appearance: normal;
	-webkit-appearance: normal;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;  For some Androids
    */
}

/*body{
	font-size: 1em;
}*/
body, html{
	width:100%;
	height:100%;
	/*width: 1920px;
    height: 1080px;*/
	overflow:hidden;
}
body{
	font-size: 62.6%;
	font-family: "rosario", Arial, Helvetica, sans-serif;
	color: #303030;
	background:#BEBABA;
	position:relative;
}

img{
	border: 0;
	vertical-align: bottom;
}

a{
    color: #25201b;
    font-size: 1em;
}

ul{
	list-style:none;
    padding:0;
    margin:0;
}

sup, sub {
  line-height: .8em;
}

sub {vertical-align:baseline;}
sup {vertical-align:top;}



/**************************************************************/
/*Header*/
/**************************************************************/

header{
    background:#ffffff;
    width:100%;
    height:110px;
    line-height:110px;
    overflow:hidden;
	/*position:relative;*/
	position:absolute;
	z-index: 501;
}
    header #header_logo{
        float:left;
        margin-left:20px;
    }
    header #header_logo img{
        vertical-align: middle;
    }

    header #header_menu{
        text-align:center;
        width:100%;
        font-size:1.7em;
        font-weight:bold;
        text-transform:uppercase;
    }
        header #header_menu ul li{
            display:inline-block;
            text-align: left;
            padding:0 20px;
        }

        header #header_menu #menu_journee,
		header #header_menu #menu_ressources,
		header #header_menu #menu_jeu{
			background:url('../img/sep_vert_grise.png') no-repeat right center;
		}


        header #header_menu ul li a{
            text-decoration:none;
            height:50px;
            line-height:50px;
            display: inline-block;
        }

        header #header_menu #menu_journee a{background:url('../img/picto_horloge.png') no-repeat left center; padding-left:55px;}
        header #header_menu #menu_ressources a{background:url('../img/picto_livres.png') no-repeat left center; padding-left:45px;}
        header #header_menu #menu_jeu a{background:url('../img/picto_puzzle.png') no-repeat left center; padding-left:55px;}
        header #header_menu #menu_espace_pedagogique a{background:url('../img/picto_pedagogique.png') no-repeat left center; padding-left:60px;}

        header #header_menu #menu_journee.selected a{background:url('../img/picto_horloge_selected.png') no-repeat left center; padding-left:55px;}
        header #header_menu #menu_ressources.selected a{background:url('../img/picto_livres_selected.png') no-repeat left center; padding-left:45px;}
        header #header_menu #menu_jeu.selected a{background:url('../img/picto_puzzle_selected.png') no-repeat left center; padding-left:55px;}
		header #header_menu #menu_espace_pedagogique.selected a{background:url('../img/picto_pedagogique_selected.png') no-repeat left center; padding-left:60px;}

        header #header_menu ul li a:hover{
            color:#108add;
        }

        header #header_menu ul li a span{
            line-height:1.1em;
            display: inline-block;
            vertical-align: middle;
        }

    header #header_tools{
        float:right;
        margin-right:20px;
        font-size:1.5em;
    }
        header #header_tools ul li{
            display:inline-block;
            text-align: left;
            vertical-align: middle;
            line-height:normal;
            margin-left:5px;
        }
        header #header_tools ul li.tool_link_txt{
            background:url('../img/puce_lien.png') no-repeat left center;
            line-height:1.1em;
            padding: 10px 10px 10px 25px;
        }
        header #header_tools ul li a{
            text-decoration:none;
        }
        header #header_tools ul li a:hover{
            color:#108add;
        }

        header #header_tools ul li.tool_link_img img{
            -webkit-transition: -webkit-transform .2s ease-in-out;
            -ms-transition: -ms-transform .2s ease-in-out;
            transition: transform .2s ease-in-out;
        }

        header #header_tools ul li.tool_link_img:nth-child(2n) a:focus img,
        header #header_tools ul li.tool_link_img:nth-child(2n) a:hover img{
            -ms-transform:rotate(26deg);
            -webkit-transform:rotate(26deg);
            transform:rotate(26deg);
        }

        header #header_tools ul li.tool_link_img:nth-child(2n+1) a:focus img,
        header #header_tools ul li.tool_link_img:nth-child(2n+1) a:hover img{
            -ms-transform:rotate(-26deg);
            -webkit-transform:rotate(-26deg);
            transform:rotate(-26deg);
        }



/**************************************************************/
/*Contenu*/
/**************************************************************/

#content{
	/*overflow:auto;
	height:calc(100% - 145px);*/
	/*height:100%;*/
	width:100%;
	top:110px;
	bottom:34px;
	/*padding-bottom:145px;*/
	position:absolute;
}

#fullpage{
	/*overflow:auto;
	height:122% !important;*/
	margin-top:-7%;
}

#content .section{
	text-align:center;
	overflow: hidden;
}

#content #content_titre{
	background: #108add;
    height: 70px;
    position: absolute;
    top: -70px;    
    width: 100%;
	z-index:1;
}

#content #content_titre span{
	display:block;
    background: #108add;
    color: #fff;
    font-family: "rosario";
    font-size: 1.9em;
    font-style: normal;
    font-weight: bold;
    margin-left: 48px;
	line-height:70px;
    text-transform: uppercase;
}

#content .video{
	position:relative;
	width:100%;
	height:100%;
}
/*#video_intro .video{
	position:relative;
}*/

#content .video video{
	/*height:100%;
	width:100%;
	height:100%;
	background:#000000;
	vertical-align:bottom;*/

	/*
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: black; /* in case the video doesn't fit the whole page*/
	/*background-image: /* our video */;
	/*background-position: center center;
	background-size: contain;
	object-fit: cover; /*cover video background */
	/*z-index:-1;*/
}

#content .video > video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index:-1;
}
/* 1. Pas de support d'object-fit */
@media (min-aspect-ratio: 16/9) {
	#content .video > video {
		height: 300%;
		top: -100%;
	}
}
@media (max-aspect-ratio: 16/9) {
	#content .video > video {
		width: 300%;
		left: -100%;
	}
}
/* 2. En cas de support d'object-fit, écrase le 1 */
@supports (object-fit: cover) {
	#content .video > video {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		object-fit: cover;
	}
}

#video_intro .video{
	background:url('../img/intro_bg.jpg') no-repeat center;
	background-size: cover;
}
#video_intro .video img#img_video_intro{
	/*height:100%;*/
	width:100%;
}
#video_intro .video .perso{
	position:absolute;
	display:block;
	width:2%;
}

#video_intro #persos{
	position:absolute;
	bottom:17%;
	height:100%;
	width:100%;
	/*left:10%;*/
	/*margin-left:-425px;*/
	/*border:#d00000 solid 2px;*/
}

#video_intro .video .perso#perso_principal{bottom:0px; left:46%; width:9%;}
#video_intro .video .perso#perso_1{bottom:5%; left:27%; width:2.5%;}
#video_intro .video .perso#perso_2{bottom:6.2%; left:32%; width:2.4%;}
#video_intro .video .perso#perso_3{bottom:7%; left:35%;}
#video_intro .video .perso#perso_4{bottom:7%; left:39%;}
#video_intro .video .perso#perso_5{bottom:9%; left:41%; width:1.5%;}
#video_intro .video .perso#perso_6{bottom:7%; left:44%;}
#video_intro .video .perso#perso_7{bottom:6%; left:53%; width:1.8%;}
#video_intro .video .perso#perso_8{bottom:9.4%; left:56%; width:1%;}
#video_intro .video .perso#perso_9{bottom:6%; left:57%;}
#video_intro .video .perso#perso_10{bottom:5.5%; left:60%; width:2.3%;}
#video_intro .video .perso#perso_11{bottom:6%; left:62%;}
#video_intro .video .perso#perso_12{bottom:5%; left:65%;}
#video_intro .video .perso#perso_13{bottom:6%; left:68%; width:1.8%;}
#video_intro .video .perso#perso_14{bottom:5.5%; left:71%;}


#content .video span.btn_play{
	position: absolute;
	display:block;

	width: 154px;
	left:50%;
	margin-left:-77px;

	height: 154px;
	/*top: 42%;*/
	top: 50%;
	margin-top:-77px;

	cursor:pointer;
	background:url('../img/btn_play.png') no-repeat 0 0;
}

/*
#pager.cycle-pager{
	position:absolute;
	top:15%;
	right:90px;
	overflow: hidden;
	height:100%;
	opacity:0.8;
	z-index:5;
}

#pager.cycle-pager span{
	background:url('../img/pastille_blanche.png') repeat-y 0 0;
	height:20px;
	width:20px;
	display:block;
	text-indent:-9999px;
	margin-bottom:25px;
	cursor:pointer;
}
#pager.cycle-pager span.cycle-pager-active{
	background:url('../img/pastille_selected.png') repeat-y 0 0;
}
*/

#fp-nav.right{
	margin-top: -130px !important;
	height:100%;
	right:90px;
	top:40%;
}

#fp-nav ul, .fp-slidesNav ul{
	height:100%;
}

#fp-nav ul li, .fp-slidesNav ul li{
	width:18px;
	/*height:18px;
	margin:10px 0;*/
	height:4%;
	margin:0 0 50% 0;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 18px;
    width: 18px;
	background: #000;
	border:#ffffff solid 2px;
	margin: 0;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    height: 18px;
    width: 18px;
    border:#ffffff solid 2px;
    background: #ffffff;
	margin: 0;
	left:auto;
	top:auto;

	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 18px;
    height: 18px;
    margin: 0;
}



.cycle-btn{
	position:absolute;
	width:672px;
	height:100px;
	left:50%;
	margin-left:-336px;
	text-align:center;
	z-index:1;
}

.cycle-btn.cycle-btn-top {
	background:url('../img/prev-next_bg.png') no-repeat bottom left;
}

.cycle-btn.cycle-btn-bottom {
	background:url('../img/prev-next_bg.png') no-repeat top left;
}

.cycle-btn a{
	font-family: 'rosario';
	font-weight: normal;
    font-style: normal;
    font-size:1.7em;
    text-transform:uppercase;
	color:#ffffff;
	text-decoration:none;
	opacity:0.8;
}

.cycle-btn.cycle-btn-top{
	padding-top:40px;
}

.cycle-btn-top{
	/*top:0px;*/
	top:-20px;
}
.cycle-btn-top img{
	padding-bottom:10px;
}

.cycle-btn-bottom{
	/*bottom:0px;*/
	bottom:-20px;
}
.cycle-btn-bottom img{
	padding-top:10px;
}

.cycle-btn-disabled{
	display:none;
}

#chateau {
	position: absolute;
	/*bottom:-10px;*/
	bottom:-40px;
	left:14px;
	z-index:1;
}

#chateau-point {
	position: absolute;
	top:0;
	left:0;
}

#chateau-point img{
	position: absolute;
	top:-73px;
	left:-23px;
}

#horloge{
	position: absolute;
	/*bottom:100px;
	right:31px;*/
	/*bottom:50px;*/
	bottom:16px;
	right:25px;
	z-index:1;
}

#horloge-centre, #horloge-heure, #horloge-minute{
	position: absolute;
	top:0;
	left:0;
}


#ombre_bottom{
	background:url('../img/gradient1px.png') repeat-x center bottom;
	/*background:url('../img/haloNoir.png') repeat-x center bottom;
	background-size: 100% auto;*/
	height:256px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}


/**************************************************************/
/*Footer*/
/**************************************************************/

footer{
  position : fixed;
  background: rgba(255, 0, 0, 0.7);
  height:34px;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 500;
}


    footer #footer_menu_principal{
        background:#ffffff;
        text-align: center;
    }
        footer #footer_menu_principal ul li.lvl1{
            display:inline-block;
        }
        footer #footer_menu_principal ul li.lvl1 a.lvl1{
            display:block;
            padding:20px 0;
            color:#3C3C3C;
            text-decoration:none;
            text-transform:uppercase;
            padding:20px 15px;
            font-size:1.5em;
        }
        footer #footer_menu_principal ul li.lvl1.selected a.lvl1,
        footer #footer_menu_principal ul li.lvl1 a.lvl1:hover{
            background:#108add;
            color:#ffffff;
        }

        footer #footer_menu_principal ul.lvl2{
            /*baground:#1d1d1b;*/
            background: rgba(29, 29, 27, 0.9);
            display:none;
            position:absolute;
            bottom:94px;
            left:0;
            width:100%;
			overflow: hidden !important;
            height:120px;
            padding:10px 5px;
			white-space: nowrap;
        }

        footer #footer_menu_principal ul.lvl2 li{
            display:inline-block;
			white-space: normal;
            padding:0 5px;
        }
        footer #footer_menu_principal ul.lvl2 li a{
            display:block;
            position:relative;
            width:172px;
            height:100px;
            line-height: 100px;
            color:#ffffff;
            text-decoration: none;
            font-size:1.6em;
            background:#000000;
            overflow:hidden;
        }

        footer #footer_menu_principal ul.lvl2 li a img{
            opacity:0.55;
            position:absolute;
            top:0;
            left:0;
			width:172px;

            -webkit-transition: -webkit-transform .1s ease-in-out, opacity .1s ease-in-out;
            -ms-transition: -ms-transform .1s ease-in-out, opacity .1s ease-in-out;
            transition: transform .1s ease-in-out, opacity .1s ease-in-out;
        }

        footer #footer_menu_principal ul.lvl2 li a span{
            position:relative;
            display:inline-block;
            vertical-align: middle;
            line-height:normal;
			padding:0 10px;
			margin-top:-10px;

            -webkit-transition: opacity .15s ease-in-out;
            -ms-transition: opacity .15s ease-in-out;
            transition: opacity .15s ease-in-out;
        }

        footer #footer_menu_principal ul.lvl2 li a:hover img{
            -ms-transform:scale(1.14);
            -webkit-transform:scale(1.14);
            transform:scale(1.14);

            opacity:1;
            display: block;
            width:100%;
        }
        footer #footer_menu_principal ul.lvl2 li a:hover span{
            opacity:0;
        }



    footer #footer_menu_secondaire{
        background:#1d1d1b;
        color:#3C3C3C;
        padding:10px 0;
        text-align: center;
        font-size:1.2em;
    }
        footer #footer_menu_secondaire ul li{
            display:inline-block;
        }
        footer #footer_menu_secondaire a{
            color:#d8d8d8;
            text-decoration:none;
            padding:0 5px;
        }
        footer #footer_menu_secondaire .selected a{
            text-decoration:underline;
        }
        footer #footer_menu_secondaire a:hover{
            color:#3C3C3C;
        }















/**************************************************************/
/*Game*/
/**************************************************************/

#game{
	position:absolute;
	width:100%;
	z-index:500;

	background:#000000 url('../img/game_bg.jpg') no-repeat bottom right;
	background-size:cover;
	top:110px;
    bottom: 34px;
    overflow:hidden;
}


/**
 * 	Game intro
 */

#game .intro{
	position:absolute;
	top:0px;
	width:100%;
	text-align:center;
	z-index:0;
}

#game .intro .info{
	position:absolute;
    width:860px;
	left:50%;
	margin-left:-430px;
    height:474px;
	top: 70px;
    color:#FFF;

    background:url('../img/gameTitleBackground.png') no-repeat;
}

#game .intro .info .title{
	font-family: 'rosario';
	font-weight: bold;
    font-style: normal;
    font-size:5em;
    text-transform:uppercase;

	opacity: 0;
    filter: alpha(opacity=0);
}

#game .intro .info hr{
	position:absolute;
	top: 65px;
	width:38px;
	left:50%;
	margin-left:-19px;
	border-top:0px;
	color:#FFF;
	margin-top: 10px;
	margin-bottom: 20px;

	opacity: 0;
    filter: alpha(opacity=0);
}

#game .intro .info .text{
	position:absolute;
	top: 95px;
	width:550px;
	left:50%;
	margin-left:-275px;
	font-family: 'rosario';
	font-weight: normal;
    font-style: italic;
    font-size:1.9em;

	opacity: 0;
    filter: alpha(opacity=0);
}

#game .intro .menu{
	position:absolute;
	top: 330px;
	width:1200px;
	left:50%;
	margin-left:-600px;
	z-index:1;
}

#game .intro .menu ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

#game .intro .menu ul li{
	width:400px;
	height:400px;
	display:inline-block;

	opacity: 0;
    filter: alpha(opacity=0);
}

#game .intro .menu ul li img{
	width:100%;
}

/**
 * 	Game level
 */

#game .level {
	position:relative;
	top:0px;
	width:100%;
	height:100%;
	padding-top:70px;
	/*background:#000000 url('../img/gameLevel_bg.jpg') no-repeat bottom right;
	background-size:cover;*/
}

#game .level .title{
	position:absolute;
	top:-70px;
	width:100%;
	height:70px;
	background-color: #108ADD;
}

#game .level .title .text{
	position:absolute;
	top:24px;
	left:48px;
	background-color: #108ADD;
	font-family: 'rosario';
	font-weight: bold;
    font-style: normal;
    font-size:1.9em;
    text-transform:uppercase;
    color:#FFF;
}


#game .level ul{
    list-style: none;
    padding: 0;
    margin: 0;
	width:100%;
    height:50%;
	text-align:center;
    display:table;
}

#game .level ul li{
	position:relative;
	display:table-cell;
	vertical-align:middle;

	height:100%;

	font-family: 'rosario';
	font-weight: normal;
    font-style: normal;
    font-size:2.5em;
    color:#FFF;

    text-decoration:none;

	opacity: 0;
    filter: alpha(opacity=0);
}

#game .level .info{
	position:absolute;
	width:431px;
	height:249px;
	top:50%;
	left:50%;
	margin-left:-215px;
	margin-top:-95px;

	background:url('../img/gameLevelInfo.png') no-repeat top left;

	opacity: 0;
    filter: alpha(opacity=0);
}

#game .level .info .text{
	position:absolute;
	top:115px;
	width:431px;
	font-family: 'rosario';
	font-weight: normal;
    font-style: normal;
    font-size:1.5em;
    color:#FFF;
	text-align:center;
}










/**************************************************************/
/*Popup*/
/**************************************************************/

#popup{
	position:absolute;
	width:100%;
	z-index:1000;
}

#popup.intro{
	background: rgba(0, 0, 0, 0.7);
	top:0;
    bottom: 0;
}

#popup.game-complete{
	background: rgba(0, 0, 0, 0.7);
	top:0;
    bottom: 0;
}

#popup #popup_content_intro{
	background:#ffffff;
	width:790px;
	height:490px;
	position:absolute;
	top:50%;
	margin-top:-245px;
	left:50%;
	margin-left:-395px;
	text-align:center;
}

#popup #popup_content_intro.game-complete{
	background:#FFFFFF url('../img/gameComplete_bg.jpg') no-repeat top left;
}

	#popup #popup_content_intro #popup_content_logo{
		margin:20px 0 0 0;
	}

	#popup #popup_content_intro #popup_content_logo span{
		font-family: 'rosario';
		font-weight: bold;
	    font-style: normal;
	    font-size:6em;
	    color:#108ADD;
	}

	#popup #popup_content_intro #popup_content_sep{
		height:1px;
		width:100px;
		margin:0 auto;
		background:#108add;
		margin:30px auto 30px auto;
	}
	#popup #popup_content_intro #popup_content_texte{
		font-size:2em;
		font-style: italic;
	}
	#popup #popup_content_intro #popup_content_btn{
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		padding:35px 20px;
		background:#108add;
	}
	#popup #popup_content_intro #popup_content_btn a{
		padding:15px 35px;
		display:inline-block;
		width:308px;
		color:#ffffff;
		border:#ffffff solid 2px;
		font-size:1.8em;
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;
	}

	#popup #popup_content_intro #popup_content_btn a:nth-child(2){
		margin-left:50px;
	}

	#popup #popup_content_intro #popup_content_btn a:hover{
		background:#ffffff;
		color:#108add;
	}



#popup.rubrique{
	background:#000000 url('../img/popup_bg.jpg') no-repeat bottom right;
	background-size:cover;
	top:110px;
    bottom: 35px;
}

#popup #popup_content #popup_content_close{
  position:absolute;
  top:14px;
  right:14px;
}

#popup #popup_content #popup_content_close a{
  background:url('../img/picto_fermer_clair.png') no-repeat 0 0;
  display:block;
  width:44px;
  height:44px;
  text-indent:-9999px;
  z-index:1;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -ms-transition: -ms-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
}
#popup #popup_content #popup_content_close a:hover{
  -ms-transform:scale(1.14);
  -webkit-transform:scale(1.14);
  transform:scale(1.1);
}

#popup #popup_content{
	background:#ffffff;
	position:absolute;
	top:50px;
    bottom: 50px;
	width:1100px;
	left:50%;
	margin-left:-550px;
	padding-bottom:205px;
	min-height:300px;
}

	#popup #popup_content #popup_content_titre{
		background:url('../img/sep_horiz_bleu.png') no-repeat 100px bottom;
		color:#108add;
		text-transform:uppercase;
		font-size:2.2em;
		font-weight:bold;
		padding:70px 100px 15px 100px;
	}

	#popup #popup_content #popup_content_infos{
		height:100%;
		padding-bottom: 50px;
		overflow-y:scroll;
		margin:15px 0 0 0;
		padding:0 100px 0 100px;
	}

	#popup #popup_content .nicescroll-rails:after{
		opacity:0.4;
		top:0;
	}

	#popup #popup_content #popup_content_texte{
		font-size:1.6em;
	}


	#popup #popup_content #popup_ressources{
		margin-top:30px;
		overflow:hidden;
	}

		#popup #popup_content #popup_ressources .popup_ressources_col{
			float:left;
			width:300px;
		}
		#popup #popup_content #popup_ressources .popup_ressources_clear{
			clear:both;
			height:50px;
		}

		#popup #popup_content #popup_ressources .popup_ressources_titre{
			background:url('../img/sep_horiz_bleu.png') no-repeat left bottom;
			padding-bottom:15px;
			margin-bottom:15px;
			font-size:1.8em;
			font-weight:bold;
			text-transform:uppercase;
			color:#108add;
		}

		#popup #popup_content #popup_ressources .popup_ressource a{
			display:block;
			font-size:1.2em;
			font-weight:bold;
			text-transform:uppercase;
			text-decoration: none;
			margin-top:12px;
		}
		#popup #popup_content #popup_ressources .popup_ressource.popup_first a{
			margin-top:0;
		}
		#popup #popup_content #popup_ressources .popup_ressource a:hover{
			text-decoration: underline;
		}

		#popup #popup_content #popup_ressources .ressource_video a{
			background:url('../img/picto_video.png') no-repeat 0 0;
			padding: 7px 5px 7px 35px;
		}

		#popup #popup_content #popup_ressources .ressource_audio a{
			background:url('../img/picto_audio.png') no-repeat 0 0;
			padding: 7px 5px 7px 36px;
		}

		#popup #popup_content #popup_ressources .ressource_pdf a{
			background:url('../img/picto_pdf.png') no-repeat 0 0;
			padding: 7px 5px 7px 31px;
		}




/**************************************************************/
/*Map Custom*/
/**************************************************************/

.leaflet-control-container .leaflet-top{
	height:110px;
	margin-top:-55px;
	top:50%;
	z-index:500;
}
.leaflet-control-container .leaflet-right{
	right:20px;
}

.leaflet-control-container .leaflet-control-zoom{
	margin:0;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;

	-moz-border-box-shadow: none;
	-webkit-border-box-shadow: none;
	box-shadow:none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    border: none;
    background-clip: inherit;
}

.leaflet-touch .leaflet-bar a {
	width:51px;
	height:51px;
    line-height: inherit;
}


.leaflet-control-container a,
.leaflet-control-container a:hover{
	border:none;
	width:51px;
	height:51px;
	text-indent:-9999px;

	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

	.leaflet-control-container a.leaflet-control-zoom-in{
		background:url('../img/picto_map_plus.png') no-repeat center center;
		margin-bottom:8px;
	}
	.leaflet-control-container a.leaflet-control-zoom-in:hover{
		background:url('../img/picto_map_plus_fonce.png') no-repeat center center;
	}
	.leaflet-control-container a.leaflet-control-zoom-out{
		background:url('../img/picto_map_moins.png') no-repeat center center;
	}
	.leaflet-control-container a.leaflet-control-zoom-out:hover{
		background:url('../img/picto_map_moins_fonce.png') no-repeat center center;
	}


/**************************************************************/
/*Scroll Custom*/
/**************************************************************/

.nicescroll-rails{
	/*background:url('../img/pixel_gris_fonce.png') repeat-y 0 0;*/
}

.nicescroll-rails:after{
	content: "";
	width: 1px;
	height: 100%;
	background:url('../img/pixel_gris_fonce.png') repeat-y 0 0;
	position: absolute;
	top: 10px;
	left:4px;
}

.nicescroll-cursors{
	z-index:1;
}