/*illustration*/
.illu-container{
	height:500px;
}

.absolute-container{position:absolute;}
.absolute-container{color:#FFFFFF;}
.illu-content{background-color:#b5ddf7;}

.masque-loading{
	position:absolute;
	background-color:#121258;
	z-index:3000;
	}

.rect-block-container{
	width:1200px;
	height:1200px;
	margin-left:50%;
	}
	
	
.fixed-ebay-logo-container{
	position:fixed;
	top:25%;
	left:50%;
	width:140px;
	height:140px;
	margin-left:-70px;
	margin-top:-140px;
	transition:.7s ease;
	opacity:0;
	}
	
.fixed-ebay-logo-container-actived{
	top:50%;opacity:1;
	}
	
.rect-block-content{margin-left:-50%;}

.all-illu-content{
	position:absolute;
	top:auto;
	bottom:0;
	height:100%;
	left:auto;
	right:0;
	}
	
.all-illu-content svg{
	width:100%;
	height:100%;
	position:absolute;
	top:auto;
	bottom:0;
	}

/*txts*/
.zone-txt-container{
	width:1200px;
	margin-left:50%;
	}
	
.zone-txt-content{margin-left:-50%;}

.zone-txt-content h1{
	margin-bottom:20px!important;
	font-size:50pt;
	line-height:54pt;
	margin-top:10vh!important;
	}
	
.zone-txt-content h2{
	margin-bottom:60px!important;
	font-size:32pt;
	line-height:36pt;
	}
	
.zone-txt-content h3{
	margin-bottom:60px!important;
	font-size:20pt;
	line-height:24pt;
	}

/*inner cube*/
.cube-ul{
	float:left;
	width:50%;
	height:50%;
	}
	


.cube-li{
	float:left;
	overflow:hidden;
	opacity:1;
	transition:opacity 1s ease;
	}
.cube-f-right{float:right;}	
.cube-li h1,.cube-li h2,.cube-li h3.cube-li h4,.cube-li h5,.cube-li h6,.cube-li p,.cube-li span{transition:color .7s ease;}

.cube-li-inner{
	box-sizing:border-box;
	padding:25px;
	}

/*generals cubes*/
.li-w-17{width:17%;}
.li-w-25{width:25%;}
.li-w-33{width:33%;}
.li-w-33{width:33%;}
.li-w-34{width:34%;}
.li-w-41{width:41%;}
.li-w-50{width:50%;}
.li-w-66{width:66%;}
.li-w-75{width:75%;}
.li-w-100{width:100%;}

.li-h-17{height:17%;}
.li-h-25{height:25%;}
.li-h-30{height:30%;}
.li-h-33{height:33%;}
.li-h-34{height:34%;}
.li-h-36{height:36%;}
.li-h-40{height:40%;}
.li-h-41{height:41%;}
.li-h-50{height:50%;}
.li-h-66{height:66%;}
.li-h-75{height:75%;}
.li-h-100{height:100%;}

.cube-invisible{opacity:0;}

.couv-surv-general{
	width:0%;
	float:left;
	position:absolute;
	transition: .7s ease;
	}

.svg-illu-container{position:absolute;width:auto;}
.svg-illu-container svg{height:100%;width:auto;}
.svg-top{top:25px;}
.svg-left{left:25px;}
.svg-bot{top:auto;bottom:25px;}
.svg-right{left:auto;right:25px;}
.svg-right svg{left:auto;right:0;position:relative;}
.svg-top-noMarge{top:0px;}
.svg-left-noMarge{left:0px;}
.svg-bot-noMarge{top:auto;bottom:0px;}
.svg-right-noMarge{left:auto;right:0px;}

.a-content{width:auto;height:auto;position:absolute;}
.a-top{top:0;}
.a-left{left:0;}
.a-bot{top:auto;bottom:0;}
.a-right{left:auto;right:0;}
.p85{font-size:13pt;line-height:16pt;}
.p90{font-size:14pt;line-height:17pt;}
.p100{font-size:15pt;line-height:18pt;}
.p110{font-size:15.5pt;line-height:18.5pt;}
.p120{font-size:16pt;line-height:19pt;}
.p130{font-size:18pt;line-height:21pt;}

.p140{font-size:20pt;line-height:24pt;}/*new*/
.p150{font-size:22pt;line-height:25pt;}
.p170{font-size:26pt;line-height:29pt;}/*new*/
.p190{font-size:28pt;line-height:31pt;}
.p215{font-size:30pt;line-height:33pt;}
.p240{font-size:33pt;line-height:36pt;}
.p270{font-size:38pt;line-height:40pt;}
.p300{font-size:42pt;line-height:46pt;}
.p320{font-size:44pt;line-height:48pt;}
.p350{font-size:47pt;line-height:51pt;}
.p380{font-size:52pt;line-height:56pt;}
.p482{font-size:70pt;line-height:74pt;}
.p-right{text-align:right;}
.p-center{text-align:center;}
.mb3{margin-bottom:3px;}
.mb10{margin-bottom:10px;}
.svg-centred{height:100%;width:auto;margin-left:50%}
.svg-centred svg{margin-left:-50%;}






/*NUM 1*/
.a-0-0-0-0{width:55%;}
.a-0-2-2-1{width:45%;}
.a-0-2-3-0{width:45%;}
.a-0-2-3-1{width:45%;}
.a-0-3-0-0{width:100%;}
.a-0-3-0-1{margin-top:50px;width:180px;}
.a-0-3-0-2{margin-top:50px;width:180px;}
.a-0-3-0-3{margin-top:50px;width:180px;left:50%;margin-left:-90px;}
.a-0-3-1-1{width:65%;height:70px;}
.a-0-3-1-2{width:65%;height:70px;top:50%;margin-top:-85px;}
.a-0-3-1-1-1{width:57%;}
.a-1-13-0{width:100%;}
.svg-0-6-container{height:13%;width:20%;}/*ebay bleu*/
.svg-0-5-container{height:50%;top:25%;width:90%;}/*black friday*/
.svg-0-16-container{height:6%;width:9%;left:52.5%;top:28.8%;}/*black friday reseaux*/
.svg-0-7-container{width:calc( 100% - 50px );height:40%;top:41%;}/*fleche*/
.svg-0-8-container{height:60%;top:20%;}/*deco carre 1*/
.svg-0-9-container{height:36%;top:32%;}/*deco carre 2*/
.svg-0-10-container{height:60%;top:20%;}/*deco carre 3*/
.svg-0-11-container{height:60%;top:20%;}/*deco carre 4*/
.svg-0-0-container{height:60%;top:20%;width:40%;}/*billets*/
.svg-0-2-container{height:56%;top:32%;right:-22%;width:50%;}/*calendar*/
.svg-0-1-container{height:80%;top:10%;}/*carte*/
.svg-0-12-container{width:88%;left:6%;bottom:1%;}/*pays*/
.svg-0-13-container{height:71%;bottom:2%;width:25%;}/*t-shirt*//*a changer*/
.svg-0-14-container{height:17%;top:47%;width:55%;}/*chaussure*/
.svg-0-4-container{height:100%;width:45%;}/*visages*//*a changer*/
.svg-0-15-container{height:38%;bottom:27%;}/*petit commerce*/
.svg-0-3-container{height:80%;width:44%;}/*sacs*/
.svg-0-4-container{height:72%;left:8%;}/*hommes-femmes*/
.svg-0-7-container svg,.svg-0-12-container svg{width:100%;height:auto;}/*inversions pour certains*/



/*NUM 2*/
.a-1-1-0{width:100%;}
.a-1-1-1{width:100%;top:50%;margin-top:-80px;}
.a-1-1-2{width:100%;top:50%;margin-top:20px;}
.a-1-1-3{width:100%;}
.a-1-3-2,.a-1-3-1{width:30%;}
.a-1-3-3{left:55%;width:25%;}
.a-1-7-1{bottom:45%;}
.svg-1-0-container{width:90%;height:65%;}/*ebay bleu*//*a changer*/
.svg-1-1-container{width:35%;height:19%;left:33%;top:15%;}/*a changer*/
.svg-1-2-container{width:50%;height:15%;left:25%;top:45%;}/*a changer*/
.svg-1-3-container{width:20%;height:15%;left:40%;top:68%;}/*a changer*/

.svg-1-4-container{height:80%;width:80%;left:10%;top:10%;}
.svg-1-5-container{height:80%;}
.svg-1-6-container{height:13%;width:20%;}/*a changer*/
.svg-1-62-container{height:45%;right:30%;width:20%;}/*a changer*/
.svg-1-7-container{height:45%;right:5%;width:15%;}/*a changer*/
.svg-1-8-container{width:52%;right:-4%;top:-1%;height:40%;}/*a changer*/
.svg-1-9-container{height:32%;top:14%;width:60%;}/*a changer*/
.svg-1-10-container{height:25%;top:35%;right:2%;width:40%;}/*a changer*/
.svg-1-11-container{height:32%;top:55%;width:60%;}/*a changer*/
.svg-1-12-container{height:40%;width:80%;left:10%;top:27%;}/*a changer*/
.svg-1-13-container{height:70%;top:auto;bottom:-5%;right:0;width:35%;}/*a changer*/
.svg-1-14-container{height:80%;width:80%;top:10%;left:10%;}/*a changer*/
.svg-1-15-container{height:80%;top:10%;left:10%;}
.svg-1-16-container{height:78%;top:10%;left:3%;}
.svg-1-17-container{height:80%;top:10%;left:15%;}
.svg-1-18-container{width:90%;right:10%;left:auto;}
.svg-1-19-container{height:79%;top:15%;left:4%;}/* a changer */
.svg-1-0-container svg,.svg-1-1-container svg,.svg-1-12-container svg,.svg-1-2-container svg,.svg-1-3container svg,.svg-1-18container svg{width:100%;height:auto;}

/*num3*/


.a-2-0-4{width:100%!important;}

.a-2-1-1{top:40%;width:100%;}
.a-2-1-2{top:70%;width:100%;}
.a-2-1-3{width:100%;}
.a-2-2-1{width:100%;top:15%;}
.a-2-2-2{width:100%;top:27%;}
.a-2-2-3{width:100%;top:42%;}
.a-2-2-4{top:55%;}
.a-2-2-1-0,.a-2-2-2-0,.a-2-2-3-0{width:40%;float:left;} 
.a-2-2-1-1,.a-2-2-2-1,.a-2-2-3-1{width:60%;float:left;} 
.a-2-3-0{width:42%;}
.a-2-3-3{width:40%;right:30%;}
.svg-2-6-container{height:26%;width:13%;}
.svg-2-1-container{width:56%;height:56%;right:-24%;top:10%;}/*smartphone*/
.svg-2-4-container{width:50%;height:60%;}/*sapin*/
.svg-2-8-container{width:80%;height:40%;top:15%;left:10%;}/*chaussurecravate*/
.svg-2-2-container{width:80%;height:40%;bottom:20%;left:10%;}/*papillons*/
.svg-2-3-container{width:80%;height:40%;bottom:-5%;left:10%;}/*jouets*/
.svg-2-5-container{width:64%;height:32%;bottom:8%;left:18%;}/*hommefemmes*/
.svg-2-0-container{width:86%;height:86%;top:15%;right:5%;}/*main*/
.svg-2-9-container{width:30%;height:60%;bottom:12%;left:5%;}/*carte 0*/
.svg-2-10-container{width:30%;height:60%;bottom:18%;left:35%;}/*carte 1*/
.svg-2-11-container{width:30%;height:60%;bottom:3%;right:5%;}/*carte 2*/
.svg-2-12-container{width:30%;height:60%;top:3%;right:5%;}/*carte 3*/
.svg-2-7-container{width:100%;height:66%;}/*parisieins*/
.svg-2-13-container{height:40%;width:80%;left:10%;}/*cadeaux*/
/*couleurs*/
body{background-color:#121258;transition:background-color 1s ease;}
.color-b-BG{background-color:#121258;}
.color-b .couleur-BG-0{background-color:#121258;}
.color-b .couleur-BG-1{background-color:#2B0EAF;}
.color-b .couleur-BG-2{background-color:#382AEF;}
.color-b .couleur-BG-3{background-color:#3665F3;}
.color-b .couleur-BG-4{background-color:#659EFF;}
.color-b .couleur-BG-5{background-color:#93C9FF;}
.color-b .couleur-BG-6{background-color:#C5E5FB;}
.color-b .couleur-svg-0{fill:#121258;}
.color-b .couleur-svg-1{fill:#2B0EAF;}
.color-b .couleur-svg-2{fill:#382AEF;}
.color-b .couleur-svg-3{fill:#3665F3;}
.color-b .couleur-svg-4{fill:#659EFF;}
.color-b .couleur-svg-5{fill:#93C9FF;}
.color-b .couleur-svg-6{fill:#C5E5FB;}
.color-b .couleur-0{color:#121258;}
.color-b .couleur-1{color:#2B0EAF;}
.color-b .couleur-2{color:#382AEF;}
.color-b .couleur-3{color:#3665F3;}
.color-b .couleur-4{color:#659EFF;}
.color-b .couleur-5{color:#93C9FF;}
.color-b .couleur-6{color:#C5E5FB;}

.color-g-BG{background-color:#07522C;}
.color-g .couleur-BG-6{background-color:#CCFDCE;}
.color-g .couleur-BG-5{background-color:#9EF4A6;}
.color-g .couleur-BG-4{background-color:#5EE471;}
.color-g .couleur-BG-3{background-color:#36CF57;}
.color-g .couleur-BG-2{background-color:#1BAB49;}
.color-g .couleur-BG-1{background-color:#05823F;}
.color-g .couleur-BG-0{background-color:#07522C;}
.color-g .couleur-svg-6{fill:#CCFDCE;}
.color-g .couleur-svg-5{fill:#9EF4A6;}
.color-g .couleur-svg-4{fill:#5EE471;}
.color-g .couleur-svg-3{fill:#36CF57;}
.color-g .couleur-svg-2{fill:#1BAB49;}
.color-g .couleur-svg-1{fill:#05823F;}
.color-g .couleur-svg-0{fill:#07522C;}
.color-g .couleur-6{color:#CCFDCE;}
.color-g .couleur-5{color:#9EF4A6;}
.color-g .couleur-4{color:#5EE471;}
.color-g .couleur-3{color:#36CF57;}
.color-g .couleur-2{color:#1BAB49;}
.color-g .couleur-1{color:#05823F;}
.color-g .couleur-0{color:#07522C;}

.color-r-BG{background-color:#680226;}
.color-r .couleur-BG-6{background-color:#FFD1DD;}
.color-r .couleur-BG-5{background-color:#FFA2B6;}
.color-r .couleur-BG-4{background-color:#FF6383;}
.color-r .couleur-BG-3{background-color:#E62048;}
.color-r .couleur-BG-2{background-color:#C4003A;}
.color-r .couleur-BG-1{background-color:#A00739;}
.color-r .couleur-BG-0{background-color:#680226;}
.color-r .couleur-svg-6{fill:#FFD1DD;}
.color-r .couleur-svg-5{fill:#FFA2B6;}
.color-r .couleur-svg-4{fill:#FF6383;}
.color-r .couleur-svg-3{fill:#E62048;}
.color-r .couleur-svg-2{fill:#C4003A;}
.color-r .couleur-svg-1{fill:#A00739;}
.color-r .couleur-svg-0{fill:#680226;}
.color-r .couleur-6{color:#FFD1DD;}
.color-r .couleur-5{color:#FFA2B6;}
.color-r .couleur-4{color:#FF6383;}
.color-r .couleur-3{color:#E62048;}
.color-r .couleur-2{color:#C4003A;}
.color-r .couleur-1{color:#A00739;}
.color-r .couleur-0{color:#680226;}

.blanc-BG{background-color:#FFFFFF;}
.blanc-svg{fill:#FFFFFF;}
.blanc{color:#FFFFFF;}

.cube-li:hover .couv-surv-general{width:100%;}
.blanc-tosurv{transition: .7s ease;}
.cube-li:hover .blanc-tosurv{fill:#000000!important;}
.cube-li:hover h1,.cube-li:hover h2,.cube-li:hover h3,.cube-li:hover h4,.cube-li:hover h5,.cube-li:hover h6,.cube-li:hover p,.cube-li:hover span{color:#000000!important;}