#max-menu-perso {
	margin:-35px 0 30px 0;
    width: 100%;
	text-align: center;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#max-menu-perso.floatable {
    position:fixed;
    top:-6px;
	z-index:300
}
.flou{
	position:relative;
	z-index: 1;
	top: 35px;
	
}
.flou.floatable{
	position:relative;
	z-index: 2;
    /*
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
    */
	-webkit-box-shadow: 0px 4px 10px #a6a6a6;
	-moz-box-shadow: 0px 4px 10px #a6a6a6;
	box-shadow: 0px 4px 10px #a6a6a6;
}
.menu-li{
	float:left;
	position:relative;
	z-index: 3;
	width:20%;
	cursor: pointer;
}
.menu-li-espace{
	float:left;
	position:relative;
	z-index: 3;
	width:20%;
	opacity:0;
}
#menu-fleche{
	top: -4px;
    position:relative
}
#menu-imprimer{
	display:none
}
.ombre{-moz-box-shadow: 0px 1px 8px #555;-webkit-box-shadow: 0px 1px 8px #555;box-shadow: 0px 1px 8px #555}
.rotation-g{-moz-transform:rotate(2deg);-webkit-transform:rotate(2deg);-o-transform:rotate(2deg);margin:25px auto}
.rotation-d{-moz-transform:rotate(-2deg);-webkit-transform:rotate(-2deg);-o-transform:rotate(-2deg);margin:25px auto}
.td-contenu-p{width:25%;font-family: 'robotomedium';font-size: 16px}
.td-contenu-g{width:75%;font-family: 'robotolight'}
.logo-s{max-height:30px}
.logo-m{margin-top: 30%;max-height:100px}
.td-grey{width:30%;text-align:right;font-family: 'robotolight';height:60px;font-size:16px}
.td-logo{width:25%;text-align:center;font-family: 'robotolight';}
.td-blue{width:45%;color:#000;text-align:justify;font-family: 'robotolight';}
.iframe-1img{
	width:70%;
	margin-bottom:20px;
	border:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px
}
.iframe-2img{
	width:35%;
	margin:0 3% 20px 5%;
	border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.taches1{
	float:left;
	width:95%!important;
	min-height:250px;
	margin: 2% 2%!important;
	background-color: rgba(255, 255, 255, 0.3);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.taches2{
	float:left;
	width:42%!important;
	min-height:260px;
	margin: 2% 2%!important;
	background-color: rgba(255, 255, 255, 0.3);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.taches3{
	float:left;
	width:26%!important;
	min-height:250px;
	margin: 2% 3%!important;
	background-color: rgba(255, 255, 255, 0.3);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.taches4{
	float:left;
	width:21%!important;
	min-height:250px;
	margin: 2% 2% 30px 2%!important;
	background-color: rgba(255, 255, 255, 0.3);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.fleche-rot{
	float:left;
	width:30px;
	height:35px;
	margin:14% auto;
	background:url(../img/fleche.png);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg)
}

/* PRO */
#pro{
	width: 100%;
	position: absolute;
	text-align: center;
	top:500px!important
}
#marquee-pro{
	width: 100%;
	height: 500px;
	text-align: center;
	margin:0;
}
#modern-slide{
	width:100%;
	height:100%;
	border:none;
}
.opac-pro{background-color: rgba(129, 217, 129, 0.3)!important}
.blanc-pro{display:block;background-color:#FFF;color:#81d981;clear:both}
.couleur-pro{display:block;background-color:#81d981;color:#FFF;clear:both}


/* PERSO */
#perso{
	width: 100%;
	position: absolute;
	text-align: center;
	top:500px!important
}
#marquee-perso{
	width: 100%;
	height: 590px;
	text-align: center;
	margin:0;
	background-image: -webkit-gradient(linear, left top, left bottom,
        color-stop( 0.0, rgb(38, 8, 186) ),color-stop( 1.0, rgb(0, 212, 255) ));
	background-image: -webkit-linear-gradient(top,
        rgb(38, 8, 186),rgb(0, 212, 255) );
	background-image: -moz-linear-gradient(top,
        rgb(38, 8, 186),rgb(0, 212, 255) );
	background-image: -ms-linear-gradient(top,
        rgb(38, 8, 186),rgb(0, 212, 255) );
	background-image: -o-linear-gradient(top,
        rgb(38, 8, 186),rgb(0, 212, 255) );
	background-image: linear-gradient(top,
        rgb(38, 8, 186),rgb(0, 212, 255) );
}
.js-route {
	position:relative;
	overflow:hidden;
	width:100%!important;
	height:200px;
	border:none;
}
#img-marquee-eau{margin:5px 0 0 0}
.marquee-eau{
	position:absolute;
	z-index:100;
	width:100%;
	height:361px;
	margin:228px 0 0 0;
	background-image: -webkit-gradient(linear, left top, left bottom,
        color-stop( 0.0, rgb(28, 150, 221) ),color-stop( 0.30, rgb(61, 194, 248) ),color-stop( 0.70, rgb(61, 194, 248) ),color-stop( 1.0, rgb(28, 150, 221) ));
	background-image: -webkit-linear-gradient(top,
        rgb(28, 150, 221),rgb(61, 194, 248) 30%,rgb(61, 194, 248) 70%,rgb(28, 150, 221) );
	background-image: -moz-linear-gradient(top,
        rgb(28, 150, 221),rgb(61, 194, 248) 30%,rgb(61, 194, 248) 70%,rgb(28, 150, 221) );
	background-image: -ms-linear-gradient(top,
        rgb(28, 150, 221),rgb(61, 194, 248) 30%,rgb(61, 194, 248) 70%,rgb(28, 150, 221) );
	background-image: -o-linear-gradient(top,
        rgb(28, 150, 221),rgb(61, 194, 248) 30%,rgb(61, 194, 248) 70%,rgb(28, 150, 221) );
	background-image: linear-gradient(top,
        rgb(28, 150, 221),rgb(61, 194, 248) 30%,rgb(61, 194, 248) 70%,rgb(28, 150, 221) );
}
#img-marquee-nuages-sous{margin:0 0 0 -20%}
.marquee-nuages-sous{
	position:absolute;
	z-index:110;
	width:100%
}
#img-marquee-soleil{margin:10px 0 0 0}
.marquee-soleil{
	position:absolute;
	z-index:120;
	width:100%;
	height:230px
}
#img-marquee-town{margin:60px 0 0 0}
.marquee-town{
	position:absolute;
	z-index:130;
	width:100%
}
#img-marquee-reflet-town{margin:225px 0 0 0}
.marquee-reflet-town{
	position:absolute;
	z-index:140;
	width:100%
}
#img-marquee-roue{margin:60px 0 0 0}
.marquee-roue{
	position:absolute;
	z-index:150;
	width:100%
}
#img-marquee-nuages-sur{margin:-20px 0 0 0}
.marquee-nuages-sur{
	position:absolute;
	z-index:170;
	width:100%;
	top:0
}
#img-marquee-route{margin:315px 0 0 0}
.marquee-route{
	position:absolute;
	z-index:180;
	width:100%;
	top:0
}
#img-marquee-c3{margin:295px 0 0 0}
.marquee-c3{
	position:absolute;
	z-index:190;
	width:100%;
	top:0
}
#img-marquee-pont{margin:360px 0 0 0}
.marquee-pont{
	position:absolute;
	z-index:200;
	width:100%;
	top:0
}
#img-marquee-herbe{margin:477px 0 0 0}
.marquee-herbe{
	position:absolute;
	z-index:200;
	width:100%;
	top:0
}
.img-mov{
	width:83%;
	height:auto;
	margin: 20px 0
}
.mov{
	width:50%;
	height:auto
}

.blanc-perso{display:block;background-color:#FFF;color:#a2c8ff;clear:both}
.couleur-perso{display:block;background:#a2c8ff;color:#FFF;clear:both}


@media screen and (max-width: 1280px){
	.menu-li{width:24%;top:-3px}
	.menu-li-espace{width:0}
    .td-grey{font-family: 'robotomedium';color:#000;font-size:18px}
	.td-contenu-p{font-size:21px}
	.taches2{min-height:395px}
	.taches3{min-height:300px;width:25%!important}
	.taches4{min-height:290px}
}
@media screen and (max-width: 850px){
	.taches3{min-height:330px;width:24%!important}
}