#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:15%;
	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(1deg);-webkit-transform:rotate(1deg);-o-transform:rotate(1deg);margin:25px auto}
.rotation-d{-moz-transform:rotate(-1deg);-webkit-transform:rotate(-1deg);-o-transform:rotate(-1deg);margin:25px auto}
.logo-s{max-height:30px;max-width:70px;}
.logo-m{margin-top:25px;max-height:80px;max-width:200px;}
.td-grey{width:35%;text-align:right;font-family: 'robotolight';height:60px;font-size:16px}
.td-logo{width:25%;text-align:center;font-family: 'robotolight';}
.td-blue{width:40%;text-align:left;font-family: 'robotolight';}
.blanc-pro, .couleur-pro, .blanc-perso, .couleur-perso, .blanc-asso, .couleur-asso{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.iframe-1img{
	width:60%;
	margin:0 auto;
	border:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px
}
.iframe-2img{
	width:47%;
	margin-top:20px!important;
	margin-bottom:40px!important;
	border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.taches1,.taches2,.taches3,.taches4,.taches5,.formation{
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.taches2,.taches3,.taches4,.taches5,.formation,.iframe-1img{
	margin-top:20px!important;
}
.tache-g{margin-right:2%}
.tache-m{margin:0 2%}
.tache-d{margin-left:2%}
.taches1{
	float:left;
	min-height:250px;
	margin-top:20px!important;
	margin-bottom:40px!important;
}
.taches2{
	float:left;
	width:48%!important;
	min-height:260px;
}
.taches3{
	float:left;
	width:32%!important;
	min-height:260px;
}
.taches4{
	float:left;
	width:21%!important;
	min-height:250px;
}
.taches5{
    float:left;
    width:16%!important;
    min-height:280px;
}
.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:615px!important
}
#marquee-pro{
	width: 100%;
	height: 590px;
	text-align: center;
	margin:0;
}
#modern-slide{
	width:100%;
	height:100%;
	border:none;
}
.opac-pro{background-color: rgba(162, 200, 255, 0.3)!important}
.blanc-pro{display:block;background-color:#FFF;color:#a2c8ff;clear:both}
.couleur-pro{display:block;background-color:#a2c8ff;color:#FFF;clear:both}
.formation{
    float:left;
    width:25%;
    min-height:250px;
    margin: 2% 4%;
}
.taches-width{
	float: left;
	min-height: 140px;
}
.taches-ipo{
    min-height:360px!important;
}
.ppro, .taches1, .taches-width{width:76%!important;margin:0 12%}
.titre-g,.titre-d,.titre-d0{
	float:left;
}
.titre-g{
	width:41%;
	height:160px;
	text-align:right!important;
}
.titre-d,.titre-d0{
	width:55%;
	text-align:left!important;
	font-family: 'robotomedium';
	font-size:20px;
	color:#000;
	margin:0 0 0 2%!important;
}
.titre-div-pro{
    width:80%!important;
}
.titre-seul-tache{
    margin-top:25px!important
}
#ddarty{min-height:770px}
#dformation{min-height:750px}
#dipo{min-height:1090px}

/* PERSO */
#perso{
	width: 100%;
	position: absolute;
	text-align: center;
	top:615px!important
}
#marquee-perso{
	width: 100%;
	height: 577px;
	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-ciel{width:100%}
.marquee-ciel{
    position:absolute;
    z-index:100;
    width:100%;
    height:300px;
}
#img-marquee-eau{margin:5px 0 0 0}
.marquee-eau{
	position:absolute;
	z-index:100;
	width:100%;
	height:349px;
	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:-50px 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-mondeo{margin:315px 0 0 0}
.marquee-mondeo{
	position:absolute;
	z-index:190;
	width:100%;
	top:0
}
#img-marquee-herbe{margin:543px 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:95%;
	height:auto
}
#trial{
	background-image:url(../mov/trial.png)
}
.blanc-perso{display:block;background-color:#FFF;color:#81d981;clear:both}
.couleur-perso{display:block;background:#81d981;color:#FFF;clear:both}


/* ASSO */
#asso{
	width: 100%;
	position: absolute;
	text-align: center;
	top:525px!important
}
#marquee-asso{
	width: 100%;
	height: 500px;
	text-align: center;
	margin:0;
}
.blanc-asso{display:block;background-color:#FFF;color:#FF9300;clear:both}
.couleur-asso{display:block;background:#FF9300;color:#FFF;clear:both}

/* Responsive */
@media screen and (min-width: 1281px){
    .taches-ipo{min-height:280px!important}
    #dipo{min-height:800px}
}
@media screen and (min-width: 1820px){
    .taches-ipo{min-height:240px!important}
    #dipo{min-height:730px}
}
@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:350px}
	.taches4{min-height:290px}
    .formation{min-height:290px}
    #ddarty{min-height:920px}
    .taches-ipo{min-height:330px!important}
    #dipo{min-height:970px}
}
@media screen and (max-width: 1100px){
    .taches-ipo{min-height:360px!important}
    #dipo{min-height:1070px}
}
@media screen and (max-width: 900px){
    #ddarty{min-height:960px}
    #dipo{min-height:1100px}
}
@media screen and (max-width: 850px){
    #ddarty{min-height:1600px}
    .formation{min-height:250px;width:70%!important;margin:15px 15%!important}
    .td-grey{font-family: 'robotolight'}
    .tache-g,.tache-m,.tache-d{margin:0}
    .tache-g{text-align:left!important}
    .taches3{min-height:200px;width:100%!important}
    .iframe-2img{width:100%;margin0!important}
    .titre-g{width:25%}
    .titre-d0{width:71%}
    .titre-d{width:100%;margin:0 0 0 4%!important;font-size:18px}
    .logo-m{max-height:50px;max-width:100px;margin-top:40px}
    .menu-li{width:31%}
    #menu-fleche{display:none}
    #dformation{min-height:1800px}
    #dipo{min-height:1970px}
}
@media screen and (max-width: 650px){
    #ddarty{min-height:1700px}
    tr{height:75px}
    .td-grey{display:none}
    .td-blue{width:80%}
    .tache-m{margin:0}
    .taches3{min-height:200px;width:100%!important}
    #dipo{min-height:2100px}
}
@media screen and (max-width: 550px){
    #ddarty{min-height:1790px}
}