*
{
	font-family: 'Advent Pro';font-size: 18px;
	margin:0;
	padding:0;
}

header
{
	background: linear-gradient(90deg, #fff, #ccc 90%);
	background-size:cover;
	height: 40px;
	width: auto;
	z-index:1;	
}

header.sticky
{
	background: linear-gradient(180deg, #999, #fff 15%, #eee);
	position: fixed;
	top: 0;
	width: 100%;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

div#preload
{
	display:none;
}

.headerSection
{
	position:absolute;
	left:50%;
	transform:translate(-50%, 0);
	width:100%;
	max-width:1920px;
	z-index:1;
}

a.logoLG
{
	display:inline-block;
	width:135px;
	height:40px;
	max-width:100%;
	max-height:100%;
	background-image: url("ressources/images/logoBekadaBW.png");
	background-repeat: no-repeat;
	background-size:135px 40px;
	background-position:left;
}

a.logoLG:hover
{
	background-image: url("ressources/images/logoBekadaLG.png");
	background-repeat: no-repeat;
	background-size:135px 40px;
	background-position:left;
}

h1.headerH1
{
	display:inline-block;
	position:absolute;
	left:50%;
	transform:translate(-50%, 8px);
	width:auto;
	color:#B0B0B0;
}

img.flag
{
	display:inline-block;
	padding:4px;
	width:46px;
	height:32px;
}

img.flag:hover
{
	background-color:#777073;
	max-width:81%;
	max-height:50%;
}

a.flagFR
{
	display:inline-block;
	float:right;
	padding:4px;
	width:46px;
	height:40px;
	background-image: url("ressources/images/flag_FR.png");
	background-repeat: no-repeat;
	background-size:90%;
	background-position:3px;
	max-width:80%;
	max-height:80%;
}

a.flagFR:hover
{
	background-color:#777073;
	padding:4px;
	max-width:80%;
	max-height:80%;
}

a.flagEN
{
	display:inline-block;
	float:right;
	padding:4px;
	width:46px;
	height:40px;
	background-image: url("ressources/images/flag_USUK.png");
	background-repeat: no-repeat;
	background-size:90%;
	background-position:3px;
	max-width:80%;
	max-height:80%;
}

a.flagEN:hover
{
	background-color:#777073;
	padding-left:4px;
	padding-right:4px;
	max-width:80%;
	max-height:80%;
}

section.dropdown
{
	display: inline-block;
	float:right;
}

section.dropdown-content
{
	background: linear-gradient(270deg, #fff, #ccc 90%);
	display: none;
	position: absolute;
	width:120px;
	padding: 2px 0px;
}

section.dropdown:hover section.dropdown-content
{
	display: block;
	top:40px;
	right:0px;
}

nav
{
	background: linear-gradient(90deg, #bbb, #fff 30%, #fff, #bbb 100%);
	height:100px;
	width: auto;
}

.navUl
{
	position:absolute;
	left:50%;
	transform:translate(-50%, 0);
	top:15px;
	width:50%;
}

.navUl.sticky
{
	position:absolute;
	left:50%;
	transform:translate(-50%, 0);
	top:15px;
	top:0;
	height:40px;
	width:100%;
	padding-left:0;
	text-align:center;
}

.navLi
{
	display:inline;
	margin-left:3%;
	margin-right:2%;
}

.navLi.sticky
{
	margin-left:0;
	margin-right:0;
}

a.link1
{
	display:inline-block;
	width:80px;
	height:80px;
	background-image: url("ressources/images/services2.png");
	background-repeat: no-repeat;
	background-size:80px 80px;
	background-position:50%;
}

a.link1:hover
{
	background-image: url("ressources/images/servicesHover2.png");
}

a.link1.sticky
{
	display:inline-block;
	position:relative;
	width:180px;
	height:40px;
	top:-30px;
	background-image: url("ressources/images/nameServices.png");
	background-size:84% 50%;
}

a.link1.sticky:hover
{
	background-image: url("ressources/images/hoverNameServices.png");
}

a.link2
{
	display:inline-block;
	width:80px;
	height:80px;
	background-image: url("ressources/images/portfolio2.png");
	background-repeat: no-repeat;
	background-size:80px 80px;
	background-position:50%;
}

a.link2:hover
{
	background-image: url("ressources/images/portfolioHover2.png");
}

a.link2.sticky
{
	display:inline-block;
	position:relative;
	width:180px;
	height:40px;
	top:-30px;
	background-image: url("ressources/images/namePortfolio.png");
	/*background-size:150px 20px;*/
	background-size:84% 50%;
}

a.link2.sticky:hover
{
	background-image: url("ressources/images/hoverNamePortfolio.png");
}

a.link4
{
	display:inline-block;
	width:80px;
	height:80px;
	background-image: url("ressources/images/jeux2.png");
	background-repeat: no-repeat;
	background-size:80px 80px;
	background-position:50%;
}

a.link4:hover
{
	background-image: url("ressources/images/jeuxHover2.png");
}

a.link4.sticky
{
	display:inline-block;
	position:relative;
	width:180px;
	height:40px;
	top:-30px;
	background-image: url("ressources/images/nameJeux.png");
	/*background-size:150px 20px;*/
	background-size:84% 50%;
}

a.link4.sticky:hover
{
	background-image: url("ressources/images/hoverNameJeux.png");
}

a.link4EN
{
	display:inline-block;
	width:80px;
	height:80px;
	background-image: url("ressources/images/games3.png");
	background-repeat: no-repeat;
	background-size:80px 80px;
	background-position:50%;
}

a.link4EN:hover
{
	background-image: url("ressources/images/gamesHover3.png");
}

a.link4EN.sticky
{
	display:inline-block;
	position:relative;
	width:180px;
	height:40px;
	top:-30px;
	background-image: url("ressources/images/hoverNameGames.png");
	/*background-size:150px 20px;*/
	background-size:84% 50%;
}

a.link4EN.sticky:hover
{
	background-image: url("ressources/images/nameGames.png");
}

a.link6
{
	display:inline-block;
	width:80px;
	height:80px;
	background-image: url("ressources/images/contact2.png");
	background-repeat: no-repeat;
	background-size:80px 80px;
	background-position:50%;
}

a.link6:hover
{
	background-image: url("ressources/images/contactHover2.png");
}

a.link6.sticky
{
	display:inline-block;
	position:relative;
	width:180px;
	height:40px;
	top:-30px;
	background-image: url("ressources/images/nameContact.png");
	/*background-size:150px 20px;*/
	background-size:84% 50%;
}

a.link6.sticky:hover
{
	background-image: url("ressources/images/hoverNameContact.png");
}

a.aLogoCL
{
	display:inline-block;
	width:150px;
	height:121px;
	background-repeat:no-repeat;
	background-image: url("ressources/images/BekadaLogoMDx2Closed2.png");
	background-size:150px 121px;
	background-position:0 18px;
}

a.aLogoCL:hover
{
	background-image: url("ressources/images/BekadaLogoMDx2Opened2.png");
}

a.aLogoCL.sticky
{
	display:inline-block;
	width:80px;
	height:70px;
	margin-left:20px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:0 -5px;
}

a.aLogoCL.sticky:hover
{
	background-image: url("ressources/images/BekadaLogoMDx2Opened2.png");
}

body
{
	background: linear-gradient(180deg, #000, #fff 16%, #fff, #fff, #000 128%);
	background-repeat:no-repeat;
	width: auto;
	
}

.bodySection
{
	display:block;
	width:auto;
	max-width:1200px;
	position:relative;
	left:50%;
	transform:translate(-50%, 0);
}

h2.bodyTitleEnterprise
{
	display:block;
	width:auto;
	max-width:5000px;
	top:10px;
	text-align:center;
	position:relative;
	left:50%;
	transform:translate(-50%, 0);
	font-size:30px;
	background: linear-gradient(90deg, #bbb, #fff 30%, #fff, #bbb 100%);
	margin-bottom:20px;
}

h2.bodyTitlePortfolio
{
	display:block;
	width:auto;
	top:10px;
	text-align:center;
	position:relative;
	left:50%;
	transform:translate(-50%, 0);
	font-size:30px;
	color:#ebc700;
	background: linear-gradient(90deg, #bbb, #fff 30%, #fff, #bbb 100%);
	margin-bottom:50px;
}

h2.bodyTitleJeux
{
	display:block;
	width:auto;
	top:10px;
	text-align:center;
	position:relative;
	left:50%;
	transform:translate(-50%, 0);
	font-size:30px;
	color:#973ba9;
	background: linear-gradient(90deg, #bbb, #fff 30%, #fff, #bbb 100%);
	margin-bottom:50px;
}

h2.bodyTitleContact
{
	display:block;
	width:auto;
	top:10px;
	text-align:center;
	position:relative;
	left:50%;
	transform:translate(-50%, 0);
	font-size:30px;
	color:#33b7cb;
	background: linear-gradient(90deg, #bbb, #fff 30%, #fff, #bbb 100%);
	margin-bottom:50px;
}

h2.bodyTitleServices
{
	display:block;
	width:auto;
	top:10px;
	text-align:center;
	position:relative;
	left:50%;
	transform:translate(-50%, 0);
	font-size:30px;
	color:#57ab4c;
	background: linear-gradient(90deg, #bbb, #fff 30%, #fff, #bbb 100%);
	margin-bottom:50px;
}

article
{
	width: auto;
}

.articleText
{
	width:600px;
	display:inline-block;
	vertical-align:top;
	padding-top:50px;
}

.articleTitleGames{
	padding-left:10px;
	background-color:#973ba9;
	font-size:25px;
	color:#fff;
}

.articleTitleTechnologicalWatch{
	padding-left:10px;
	background-color:#2b2eb7;
	font-size:25px;
	color:#fff;
}

.articleTitleGeneral{
	padding-left:10px;
	background-color:#9e9e9e;
	font-size:25px;
	color:#fff;
}

.articleImg {
	display:inline-block;
	height: 200px;
	max-width: calc(100% + 2rem);
	padding:50px 50px 0 50px;
}

.articleFooterGames{
	margin-left:1030px;
	padding:1px 5px 1px 5px;
	background-color:#973ba9;
	font-size:20px;
	color:#fff;
	text-decoration:none;
	transition: 0.5s;
}

.articleFooterGames:hover{
	background-color:#fff;
	color:#973ba9;
	border:solid 1px;
	border-color:#973ba9;
	transition: 0.5s;
}

.articleFooterTechnologicalWatch{
	margin-left:1030px;
	padding:1px 5px 1px 5px;
	background-color:#2b2eb7;
	font-size:20px;
	color:#fff;
	text-decoration:none;
	transition: 0.5s;
}

.articleFooterTechnologicalWatch:hover{
	background-color:#fff;
	color:#2b2eb7;
	border:solid 1px;
	border-color:#2b2eb7;
	transition: 0.5s;
}

.articleFooterGeneral{
	margin-left:1030px;
	padding:1px 5px 1px 5px;
	background-color:#9e9e9e;
	font-size:20px;
	color:#fff;
	text-decoration:none;
	transition: 0.5s;
}

.articleFooterGeneral:hover{
	background-color:#fff;
	color:#9e9e9e;
	border:solid 1px;
	border-color:#9e9e9e;
	transition: 0.5s;
}

.sectionServices1
{
	display:inline-block;
	width:500px;
	background-color:#fff;
	vertical-align:top;
	padding:0 160px 0 30px;
}

.sectionServices2
{
	display:inline-block;
	width:500px;
	background-color:#fff;
}

.sectionServices3
{
	display:inline-block;
	width:600px;
	background-color:#fff;
}

.titleServices1
{
	font-size:25px;
	color:#57ab4c;
}

.sectionImgServices1
{
	display:inline-block;
	width:594px;
	vertical-align:top;
}

.imgServices1
{
	width:300px;
	padding:200px 0 0 200px;
}

.sectionGames0
{
	padding:10px 10px 0 10px;
	background-color:#fff;
	width:1200px;
}
#sectionGames1
{
    display:inline-block;
    width:550px;
}
#sectionGames2
{
    display:inline-block;
    width:25px;
    height:145px;
    margin-bottom:-6px;
    margin-left:20px;
    margin-right:10px;
}
#sectionGames3
{
    display:inline-block;
    width:620px;
    height:100px;
}
#sectionGames4
{
    display:inline-block;
    width:555px;
}
#sectionGames5
{
    display:inline-block;
    width:25px;
    height:146px;
    margin-bottom:-6px;
    margin-left:20px;
    margin-right:10px;
    position:fixed;
    left:565px;
}
#sectionGames6
{
    vertical-align:top;
    display:inline-block;
    width:550px;
}
#sectionGames7
{
    vertical-align:top;
    display:inline-block;
    width:25px;
    height:170px;
    margin-bottom:-6px;
    margin-left:20px;
    margin-right:10px;
}
#sectionGames8
{
    display:inline-block;
    width:620px;
    height:100px;
}
#sectionGames9
{
    vertical-align:top;
    display:inline-block;
    width:555px;
}
#sectionGames10
{
    vertical-align:top;
    display:inline-block;
    width:25px;
    height:192px;
    margin-bottom:-6px;
    margin-left:20px;
    margin-right:10px;
    position:fixed;
    left:565px;
}
#sectionGames11
{
    vertical-align:top;
    display:inline-block;
    width:550px;
}
#sectionGames12
{
    vertical-align:top;
	display:inline-block;
    width:25px;
    height:170px;
    margin-bottom:-6px;
    margin-left:20px;
    margin-right:10px;
}
#sectionGames13
{
    display:inline-block;
    width:620px;
    height:100px;
}
#sectionGames14
{
    vertical-align:top;
    display:inline-block;
    width:555px;
}
#sectionGames15
{
    vertical-align:top;
    display:inline-block;
    width:25px;
    height:192px;
    margin-bottom:-6px;
    margin-left:20px;
    margin-right:10px;
    position:fixed;
    left:565px;
}
#sectionGames16
{
    vertical-align:top;
    display:inline-block;
    width:550px
}
#sectionGames17
{
    vertical-align:top;
	display:inline-block;
	width:25px;
	height:170px;
	margin-bottom:-6px;
	margin-left:20px;
	margin-right:10px;
}
#sectionGames18
{
    display:inline-block;
	width:620px;
	height:100px;
}
#sectionGames19
{
    display:inline-block;
	width:555px;
}
#sectionGames20
{
    vertical-align:top;
	display:inline-block;
	width:25px;
	height:215px;
	margin-bottom:-6px;
	margin-left:20px;
	margin-right:10px;
	position:fixed;
	left:565px;
}
#sectionGames21
{
    vertical-align:top;
	display:inline-block;
	width:550px;
}
#sectionGames22
{
    vertical-align:top;
	display:inline-block;
	width:25px;
	height:192px;
	margin-bottom:-6px;
	margin-left:20px;
	margin-right:10px;
}
#sectionGames23
{
    display:inline-block;
	width:620px;
	height:100px;
}
#sectionGames24
{
    vertical-align:top;
	display:inline-block;
	width:555px;
}
#sectionGames25
{
    vertical-align:top;
	display:inline-block;
	width:25px;
	height:169px;
	margin-bottom:-6px;
	margin-left:20px;
	margin-right:10px;
	position:fixed;
	left:565px;
}
#sectionGames26
{
    display:inline-block;
	width:550px;
}
#sectionGames27
{
    vertical-align:top;
    display:inline-block;width:25px;
    height:192px;
    margin-bottom:-6px;
    margin-left:20px;
    margin-right:10px;
}
#sectionGames28
{
    display:inline-block;
    width:600px;
}

.sectionContact1
{
	padding:0 150px 0 75px;
	display:inline-block;
	width:600px;
	vertical-align:top;
}

.sectionContact2
{
	display:inline-block;
	padding:5% 0 5% 10%;
}

.imgContact1
{
	width:250px;
}

.aContact1
{
	color:#000;
	text-decoration:none;
	margin:0px 0 0 15px;
	font-size:30px;
}

.sectionIndex1
{
	padding:80px 20px 0 15px;
	width:600px;
	display:inline-block;
	vertical-align:top;
}
.sectionIndex2
{
	padding:150px 20px 0 150px;
	vertical-align:top;
	display:inline-block;
	width:600px;
}
.sectionIndex3
{
	padding:100px 20px 0 15px;
	vertical-align:top;
	display:inline-block;
	width:600px;
}
.sectionIndex4
{
	padding:100px 20px 0 150px;
	width:600px;
	display:inline-block;
	vertical-align:top;
}
.sectionIndex5
{
	margin-top:10px;
}
.sectionIndex6
{
	padding:80px 150px 0 15px;
	vertical-align:top;
	display:inline-block;
	width:600px;
}
.imgIndex1
{
	width:542px;
	height:344px;
	margin-left:auto;
	margin-right:auto;
}
.imgIndex2
{
	width:400px;
	padding-left:10px;
}
.imgIndex3
{
	width:542px;
	height:344px;
	margin-left:auto;
	margin-right:auto;
}
.imgIndex4
{
	margin-left:auto;
	margin-right:auto;
}
.imgIndex5
{
	width:85px;
	margin-left:auto;
	margin-right:auto;
}
.tile:hover + .skeleton {
	background-color:#973ba9;
	transition: 0.5s;
}

.tile:hover .skeleton {
	background-color:#973ba9;
	transition: 0.5s;
}

.tile:active .skeleton{
	background-color:#711782;
	transition: 0.5s;
}

.tile:active + .skeleton{
	background-color:#711782;
	transition: 0.5s;
}

.skeleton {
	background-color:#d46de8;
	transition: 0.5s;
}

.skeleton:hover {
	background-color:#973ba9;
	transition: 0.5s;
}

.skeleton:active {
	background-color:#711782;
	transition: 0.5s;
}

.separator2
{
	background-image: url("ressources/images/separator2.png");
	background-repeat: repeat-x;
	width:auto;
	height:10px;
}
.separator3
{
	background-image: url("ressources/images/separator3.png");
	background-repeat: repeat-x;
	margin-left:200px;
	width:auto;
	margin-right:200px;
	height:10px;
	padding-bottom:30px;
}

.separator4
{
	background-image: url("ressources/images/separator4.png");
	background-repeat: repeat-x;
	margin-left:175px;
	width:auto;
	margin-right:175px;
	height:10px;
}

.contactYoutube
{
	width:66px;
	height:66px;
	display:inline-block;
	background-image: url("ressources/images/youtube2.png");
	background-repeat: no-repeat;
}

.contactYoutube:hover
{
	background-image: url("ressources/images/youtubeColored2.png");
	background-repeat: no-repeat;
}

.contactFacebook
{
	width:66px;
	height:66px;
	display:inline-block;
	background-image: url("ressources/images/facebook2.png");
	background-repeat: no-repeat;
}

.contactFacebook:hover
{
	background-image: url("ressources/images/facebookColored2.png");
	background-repeat: no-repeat;
}

.contactInstagram
{
	width:66px;
	height:66px;
	display:inline-block;
	background-image: url("ressources/images/instagram2.png");
	background-repeat: no-repeat;
}

.contactInstagram:hover
{
	background-image: url("ressources/images/instagramColored2.png");
	background-repeat: no-repeat;
}

.contactX
{
	width:66px;
	height:66px;
	display:inline-block;
	background-image: url("ressources/images/x2.png");
	background-repeat: no-repeat;
}

.contactX:hover
{
	background-image: url("ressources/images/xColored2.png");
	background-repeat: no-repeat;
}

.contactDeviantart
{
	width:66px;
	height:66px;
	display:inline-block;
	background-image: url("ressources/images/deviantart2.png");
	background-repeat: no-repeat;
}

.contactDeviantart:hover
{
	background-image: url("ressources/images/deviantartColored2.png");
	background-repeat: no-repeat;
}














.contactLinkedin
{
	width:66px;
	height:66px;
	display:inline-block;
	background-image: url("ressources/images/linkedIn2.png");
	background-repeat: no-repeat;
}

.contactLinkedin:hover
{
	background-image: url("ressources/images/linkedInColored2.png");
	background-repeat: no-repeat;
}

.contactTwitch
{
	width:66px;
	height:66px;
	display:inline-block;
	background-image: url("ressources/images/twitch2.png");
	background-repeat: no-repeat;
}

.contactTwitch:hover
{
	background-image: url("ressources/images/twitchColored2.png");
	background-repeat: no-repeat;
}


li.carousel-item {
    display: inline-block;
}

input[type=checkbox] {
    display: none;
}

img.carousel {
    height: 140px;
    margin-bottom: .5rem;
    max-width: calc(100% + 2rem);
    position: relative;
    left: -1rem;
    right: -1rem;
    transition: transform 0.25s ease;
    cursor: pointer;
}

img.carousel1 {
    height: 140px;
    margin-bottom: .5rem;
    margin-left:3%;
    max-width: calc(95% + 2rem);
    position: relative;
    left: -1rem;
    right: -1rem;
    transition: transform 0.25s ease;
    cursor: zoom-in;
}

input[type=checkbox]:checked ~ label > img {
    transform:scale(1.71);
    z-index:1;
    cursor: zoom-out;
    padding-left:50px;
    
}

p.carousel2 {
    max-width: calc(100% + 2rem);
    position: relative;
    left: -1rem;
    right: -1rem;
    transition: transform 0.50s ease;
    cursor: zoom-in;
    visibility:hidden;
}

input[type=checkbox]:checked ~ label > p {
    transform:scale(1);
    z-index:1;
    cursor: zoom-out;
    padding:0 0 0 175%;
    visibility:visible;
    width:110%;
    color:#973ba9;
    bottom:110%;
    
}




.card {
    color:#000;
    border: 1px solid;
    border-radius: 8px;
    padding: 1rem;
    width:210px;
    height:175px;
    background-color:transparent;
    border-color:#000;
}

.cardWhite {
    color:#9e9e9e;
    border: 1px solid;
    border-radius: 8px;
    padding: 1rem;
    width:210px;
    height:175px;
    background-color:transparent;
    border-color:#9e9e9e;
    transition: 0.5s;
}

.cardWhite:hover
{
	color:#fff;
	background-color:#9e9e9e;
	border: 1px solid;
	border-color:#9e9e9e;
}

.cardGreen {
    color:#57ab4c;
    border: 1px solid;
    border-radius: 8px;
    padding: 1rem;
    width:210px;
    height:175px;
    background-color:transparent;
    border-color:#57ab4c;
    transition: 0.5s;
}

.cardGreen:hover
{
	color:#fff;
	background-color:#57ab4c;
	border: 1px solid;
	border-color:#57ab4c;
}

.cardRed {
    color:#f32929;
    border: 1px solid;
    border-radius: 8px;
    padding: 1rem;
    width:210px;
    height:175px;
    background-color:transparent;
    border-color:#f32929;
    transition: 0.5s;
}

.cardRed:hover
{
	color:#fff;
	background-color:#f32929;
	border: 1px solid;
	border-color:#f32929;
}

.cardPurple {
    color:#973ba9;
    border: 1px solid;
    border-radius: 8px;
    padding: 1rem;
    width:210px;
    height:175px;
    background-color:transparent;
    border-color:#973ba9;
    transition: 0.5s;
}

.cardPurple:hover
{
	color:#fff;
	background-color:#973ba9;
	border: 1px solid;
	border-color:#973ba9;
}

.cardBlue {
    color:#2b2eb7;
    border: 1px solid;
    border-radius: 8px;
    padding: 1rem;
    width:210px;
    height:175px;
    background-color:transparent;
    border-color:#2b2eb7;
    transition: 0.5s;
}

.cardBlue:hover
{
	color:#fff;
	background-color:#2b2eb7;
	border: 1px solid;
	border-color:#2b2eb7;
}

.cardYellow {
    color:#ebc700;
    border: 1px solid;
    border-radius: 8px;
    padding: 1rem;
    width:210px;
    height:175px;
    background-color:transparent;
    border-color:#ebc700;
    transition: 0.5s;
}

.cardYellow:hover
{
	color:#fff;
	background-color:#ebc700;
	border: 1px solid;
	border-color:#ebc700;
}

.cardLink
{
	color:inherit;
	text-decoration:none;	
}

.carousel-items {
    display: flex;
    padding: 1rem 0;
    overflow-x: scroll;
    overflow-y: hidden;
}

.carousel-item {
    margin-left:1rem;
    scroll-snap-align: start;
}

footer {
	background: linear-gradient(25deg, #fff, #aaa 100%);
	position:relative;
	bottom:-12px;
	background-color:orange;
	height: 33px;
}
.sectionFooter
{
	position:absolute;
	left:50%;
	transform:translate(-50%, 0);
	width:100%;
	max-width:1920px;
}
a.aLogoCLFooter
{
	display:inline-block;
	width:60px;
	height:50px;
	background-image: url("ressources/images/BekadaLogoMDx2Closed2.png");
	background-size:cover;
	background-repeat:no-repeat;
	background-position:0 -7px;
}
p.titleFooter
{
	display:inline-block;
	float:right;
}

a.aYoutubeFooter
{
	width:33px;
	height:33px;
	background-image: url("ressources/images/youtube1.png");
	background-repeat: no-repeat;
	position:absolute;
	left:40%;
	transform:translate(-50%, 0);
}

a.aYoutubeFooter:hover
{
	background-image: url("ressources/images/youtubeColored1.png");
	background-repeat: no-repeat;
}

a.aFacebookFooter
{
	width:33px;
	height:33px;
	background-image: url("ressources/images/facebook1.png");
	background-repeat: no-repeat;
	position:absolute;
	left:43%;
	transform:translate(-50%, 0);
}

a.aFacebookFooter:hover
{
	background-image: url("ressources/images/facebookColored1.png");
	background-repeat: no-repeat;
}

a.aInstagramFooter
{
	width:33px;
	height:33px;
	background-image: url("ressources/images/instagram1.png");
	background-repeat: no-repeat;
	position:absolute;
	left:46%;
	transform:translate(-50%, 0);
}

a.aInstagramFooter:hover
{
	background-image: url("ressources/images/instagramColored1.png");
	background-repeat: no-repeat;
}

a.aXFooter
{
	width:33px;
	height:33px;
	background-image: url("ressources/images/x1.png");
	background-repeat: no-repeat;
	position:absolute;
	left:49%;
	transform:translate(-50%, 0);
}

a.aXFooter:hover
{
	background-image: url("ressources/images/xColored1.png");
	background-repeat: no-repeat;
}

a.aDeviantartFooter
{
	width:33px;
	height:33px;
	background-image: url("ressources/images/deviantart1.png");
	background-repeat: no-repeat;
	position:absolute;
	left:52%;
	transform:translate(-50%, 0);
}

a.aDeviantartFooter:hover
{
	background-image: url("ressources/images/deviantartColored1.png");
	background-repeat: no-repeat;
}

.aLinkedinFooter
{
	width:33px;
	height:33px;
	background-image: url("ressources/images/linkedIn1.png");
	background-repeat: no-repeat;
	position:absolute;
	left:55%;
	transform:translate(-50%, 0);
}

.aLinkedinFooter:hover
{
	background-image: url("ressources/images/linkedInColored1.png");
	background-repeat: no-repeat;
}

.aTwitchFooter
{
	width:33px;
	height:33px;
	background-image: url("ressources/images/twitch1.png");
	background-repeat: no-repeat;
	position:absolute;
	left:58%;
	transform:translate(-50%, 0);
}

.aTwitchFooter:hover
{
	background-image: url("ressources/images/twitchColored1.png");
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1300px) {
	a.link1.sticky , a.link2.sticky , a.link3.sticky , a.link4.sticky , a.link4EN.sticky , a.link6.sticky
	{
		width:150px;
		background-size:contain;
	}
	.sectionServices2
	{
		padding-left:30px;
	}
	.sectionServices1
	{
		padding:0 0 0 30px;
	}
}

@media only screen and (max-width: 1200px) {
	a.link1.sticky , a.link2.sticky , a.link3.sticky , a.link4.sticky , a.link4EN.sticky , a.link6.sticky
	{
		width:120px;
	}
	.navUl
	{
		width:55%;
	}
	.section1Title
	{
		margin:0 0 0 25px;
	}
	.section1
	{
		margin:0 0 0 25px;
	}
	.section2
	{
		margin:0 0 0 25px;
	}
	.titleServices1
	{
		margin:0 0 0 25px;
	}
	.imgContact1
	{
		padding-left:100px;
	}
        .imgServices1
        {
                padding:25px 0 0 100px;
	}
	.sectionServices3
	{
		width:95%;
	}
}
@media only screen and (max-width: 1160px) {
	.navUl
	{
		width:56%;
	}
}
@media only screen and (max-width: 1140px) {
	.navUl
	{
		width:57%;
	}
}
@media only screen and (max-width: 1120px) {
	.navUl
	{
		width:58%;
	}
}
@media only screen and (max-width: 1100px) {
	.navUl
	{
		width:60%;
	}
}
@media only screen and (max-width: 1060px) {
	.navUl
	{
		width:62%;
	}
}
@media only screen and (max-width: 1030px) {
	.navUl
	{
		width:64%;
	}
}
@media only screen and (max-width: 1000px) {
	.navUl
	{
		width:66%;
	}
}
@media only screen and (max-width: 970px) {
	.navUl
	{
		width:68%;
	}
}
@media only screen and (max-width: 950px) {
	h1.headerH1
	{
		display:inline-block;
		position:absolute;
		font-size:16px;
		left:50%;
		transform:translate(-50%, 8px);
		width:auto;
		color:#B0B0B0;
	}
	nav
	{
		height:100px;
	}
	.navUl
	{
		margin-top:30px;
		width:50%;
		text-align:center;
	}
	.navUl.sticky
	{
		top:-30px;
		left:435px;
		width:100%;
		padding-left:0;
	}
	.navLi
	{
		margin-left:0;
		margin-right:0;
	}
	a.aLogoCL
	{
		width:0;
		height:0;
		background-size:0 0;
		background-position:0 0;
	}
	a.aYoutubeFooter
	{
		position:absolute;
		left:33%;
		transform:translate(-50%, 0);
	}
	a.aFacebookFooter
	{
		position:absolute;
		left:38%;
		transform:translate(-50%, 0);
	}
	a.aInstagramFooter
	{
		position:absolute;
		left:43%;
		transform:translate(-50%, 0);
	}
	a.aXFooter
	{
		position:absolute;
		left:48%;
		transform:translate(-50%, 0);
	}
	a.aDeviantartFooter
	{
		position:absolute;
		left:53%;
		transform:translate(-50%, 0);
	}
	.aLinkedinFooter
	{
		position:absolute;
		left:58%;
		transform:translate(-50%, 0);
	}
	.aTwitchFooter
	{
		position:absolute;
		left:63%;
		transform:translate(-50%, 0);
	}
	a.link1.sticky , a.link2.sticky , a.link3.sticky , a.link4.sticky , a.link4EN.sticky , a.link6.sticky
	{
		width:125px;
		background-size:contain;
	}
	.bodySection
	{
		width:95%;
		max-width:950px;
	}
	.section1Title
	{
		margin:0 0 0 0;
	}
	.sectionIndex1
	{
		padding:10px 20px 0 15px;
		width:auto;
	}
	.sectionIndex2
	{
		padding:25px 0 25px 0;
		width:auto;
	}
	.sectionIndex3
	{
		padding:25px 0 25px 0;
		width:auto;
	}
	.sectionIndex4
	{
		padding:50px 0 0 0;
		width:auto;
	}
	.sectionIndex5
	{
		margin-top:25px;
		padding-bottom:25px;
	}
	.sectionIndex6
	{
		padding:80px 50px 0 15px;
	}
	.imgIndex1
	{
		width:50%;
		padding:25px 0 0 25%;
		height:auto;
	}
	.imgIndex2
	{
		width:50%;
		padding:25px 0 0 25%;
		height:auto;
	}
	.imgIndex3
	{
		width:50%;
		padding:25px 0 10px 25%;
		height:auto;
	}
	.imgIndex4
	{
		width:50%;
		padding:5px 0 0 25%;
		height:auto;
	}
	.imgIndex5
	{
		width:5%;
	}
	.separator2
	{
		width:600px;
	}
	.separator3
	{
		margin-left:200px;
		width:auto;
		padding-bottom:30px;
	}
	
	.separator4
	{
		margin-left:50px;
		width:auto;
		margin-right:50px;
	}
	.sectionContact1
	{
		padding:0 0 0 0;
		width:90%;
	}
	.sectionContact2
	{
		display:block;
		padding:5% 0 5% 0;
		text-align:center;
	}
	.imgContact1
	{
		padding:0 0 10px 36%;
	}
	.imgServices1
	{
		padding:50px 0 0 50%;
	}
	.separator2
	{
		width:100%;
	}
	.sectionGames0
	{
		width:96%;
	}
	#sectionGames2 , #sectionGames3 , #sectionGames5 , #sectionGames7 , #sectionGames8 , #sectionGames10 , #sectionGames12 , #sectionGames13 , #sectionGames15 , #sectionGames17 , #sectionGames18 , #sectionGames20 , #sectionGames22 , #sectionGames23 , #sectionGames25 , #sectionGames27
	{
		visibility:hidden;
		width:0;
		height:0;
	}

}
@media only screen and (max-width: 870px) {
	.navUl.sticky
	{
		left:50%;
	}
	a.link1.sticky , a.link2.sticky , a.link3.sticky , a.link4.sticky , a.link4EN.sticky , a.link6.sticky
	{
		width:80px;
		background-size:contain;
	}
	.imgIndex5
	{
		width:4%;
	}
	.imgContact1
	{
		padding:0 0 10px 34%;
	}
}
@media only screen and (max-width: 800px) {
	.navUl.sticky
	{
		left:50%;
	}
	.sectionIndex6
	{
		padding:0 0 0 0;
	}
	.imgIndex5
	{
		width:4%;
	}
	.imgContact1
	{
		padding:0 0 10px 32%;
	}
}
@media only screen and (max-width: 760px) {
	.navUl.sticky
	{
		left:50contactYoutube%;
	}
	.imgIndex5
	{
		width:3%;
	}
	.imgContact1
	{
		padding:0 0 10px 30%;
	}
}
@media only screen and (max-width: 740px) {
	.navUl.sticky
	{
		left:52%;
	}
	.titleFooter
	{
		margin-right:10px;
	}
	.imgServices1
	{
		padding:50px 0 0 33%;
	}
	.sectionContact1
	{
		width:100%;
	}
	a.aYoutubeFooter
	{
		position:absolute;
		left:20%;
		transform:translate(-50%, 0);
	}
	a.aFacebookFooter
	{
		position:absolute;
		left:30%;
		transform:translate(-50%, 0);
	}
	a.aInstagramFooter
	{
		position:absolute;
		left:40%;
		transform:translate(-50%, 0);
	}
	a.aXFooter
	{
		position:absolute;
		left:50%;
		transform:translate(-50%, 0);
	}
	a.aDeviantartFooter
	{
		position:absolute;
		left:60%;
		transform:translate(-50%, 0);
	}
	.aLinkedinFooter
	{
		position:absolute;
		left:70%;
		transform:translate(-50%, 0);
	}
	.aTwitchFooter
	{
		position:absolute;
		left:80%;
		transform:translate(-50%, 0);
	}
	.imgIndex5
	{
		width:13%;
		display:inline;
		padding-left:30%;
	}
}
@media only screen and (max-width: 680px) {
	.navUl
	{
		width:100%;
	}
	.imgContact1
	{
		padding:0 0 10px 28%;
	}
	.imgServices1
	{
		padding:50px 0 0 25%;
	}
}
@media only screen and (max-width: 620px) {
	.navUl.sticky
	{
		left:50%;
	}
	a.link1.sticky , a.link2.sticky , a.link3.sticky , a.link4.sticky , a.link4EN.sticky , a.link6.sticky
	{
		width:70px;
		background-size:contain;
	}
	.sectionIndex1
	{
		width:auto;
		padding-top:10px;
		padding-bottom:10px;
	}
	.sectionIndex2
	{
		padding-top:10px;
		padding-left:50px;
		width:auto;
	}
	.sectionIndex3
	{
		padding-top:10px;
		padding-bottom:10px;
		padding-left:50px;
		width:auto;
	}
	.sectionIndex4
	{
		padding-top:10px;
		padding-left:50px;
		width:auto;
	}
	.sectionIndex6
	{
		padding-top:10px;
		padding-left:50px;
		width:auto;
	}
	a.aYoutubeFooter
	{
		position:absolute;
		left:17%;
		transform:translate(-50%, 0);
	}
	a.aFacebookFooter
	{
		position:absolute;
		left:27%;
		transform:translate(-50%, 0);
	}
	a.aInstagramFooter
	{
		position:absolute;
		left:37%;
		transform:translate(-50%, 0);
	}
	a.aXFooter
	{
		position:absolute;
		left:47%;
		transform:translate(-50%, 0);
	}
	a.aDeviantartFooter
	{
		position:absolute;
		left:57%;
		transform:translate(-50%, 0);
	}
	.aLinkedinFooter
	{
		position:absolute;
		left:67%;
		transform:translate(-50%, 0);
	}
	.aTwitchFooter
	{
		position:absolute;
		left:77%;
		transform:translate(-50%, 0);
	}
}
@media only screen and (max-width: 570px) {
	.navUl.sticky
	{
		left:48%;
	}
	#sectionGames1 , #sectionGames4 , #sectionGames6 , #sectionGames9 , #sectionGames11 , #sectionGames14 , #sectionGames16 , #sectionGames19 , #sectionGames21 , #sectionGames24 , #sectionGames26
	{
		width:auto;
	}
	.imgServices1
	{
		padding:50px 0 0 20%;
	}
}
	
@media only screen and (max-width: 550px) {
	.navUl.sticky
	{
		left:50%;
	}
	a.link1.sticky , a.link2.sticky , a.link3.sticky , a.link4.sticky , a.link4EN.sticky , a.link6.sticky
	{
		width:60px;
		background-size:contain;
	}
	a.aYoutubeFooter
	{
		position:absolute;
		left:15%;
		transform:translate(-50%, 0);
	}
	a.aFacebookFooter
	{
		position:absolute;
		left:25%;
		transform:translate(-50%, 0);
	}
	a.aInstagramFooter
	{
		position:absolute;
		left:35%;
		transform:translate(-50%, 0);
	}
	a.aXFooter
	{
		position:absolute;
		left:45%;
		transform:translate(-50%, 0);
	}
	a.aDeviantartFooter
	{
		position:absolute;
		left:55%;
		transform:translate(-50%, 0);
	}
	.aLinkedinFooter
	{
		position:absolute;
		left:65%;
		transform:translate(-50%, 0);
	}
	.aTwitchFooter
	{
		position:absolute;
		left:75%;
		transform:translate(-50%, 0);
	}
	.imgServices1
	{
		padding:50px 0 0 15%;
	}
}
@media only screen and (max-width: 520px) {
	.sectionContact2
	{
		display:inline-block;
	}
}
@media only screen and (max-width: 510px) {
	.navUl.sticky
	{
		left:47%;
	}
	a.link1.sticky , a.link2.sticky , a.link3.sticky , a.link4.sticky , a.link4EN.sticky , a.link6.sticky
	{
		width:60px;
		background-size:contain;
	}
	.sectionImgServices1
	{
		width:50%;
	}

	.imgServices1
	{
		padding:25px 0 0 100px;
		width:100%;
	}
}
@media only screen and (max-width: 490px) {
	.articleText
	{
		width:auto;
		margin:10px;
	}

	h1.headerH1
	{
		display:inline-block;
		position:absolute;
		left:60%;
		transform:translate(-50%, 8px);
		color:#B0B0B0;

	}
	header.sticky
	{
		height:0;
	}
	nav
	{
		height:60px;
	}
	.navUl
	{
		width:350px;
		left:47%;
		padding-left:6%;
	}
	a.aLogoCL.sticky
	{
		width:0;
		height:0;
		background-size:0 0;
		background-position:0 0;
	}
	a.link1.sticky , a.link2.sticky , a.link3.sticky , a.link4.sticky , a.link4EN.sticky , a.link6.sticky
	{
		height:0;
	}
	a.link1 , a.link2 , a.link3 , a.link4 , a.link4EN , a.link6
	{
		width:50px;
		height:50px;
		background-size:50px 50px;
	}
	h2.bodyTitlePortfolio , h2.bodyTitleJeux , h2.bodyTitleContact , h2.bodyTitleServices, h2.bodyTitleEnterprise
	{
		margin-bottom:15px;
		top:8px;
	}
	.bodySection
	{
		width:auto;
		max-width:450px;
		overflow:hidden;
		background-color:#fff;
	}
	.sectionServices1
	{
		width:300px;
		padding-bottom:25px;
	}
	.sectionServices2
	{
		width:300px;
		padding:0 160px 0 30px;
	}
	.sectionServices3
	{
		padding-left:20px;
		width:95%;
	}
	.sectionImgServices1
	{
		width:300px;
		padding:0;
	}
	.imgServices1
	{
		width:200px;
		padding:10px 0 0 40%;
	}
	.titleServices1
	{
		padding-left:15px;
	}
	.card
	{
		width:125px;
		height:125px;
	}
	.cardWhite
	{
		width:125px;
		height:125px;
	}
	.cardGreen
	{
		width:125px;
		height:125px;
	}
	.cardRed
	{
		width:125px;
		height:125px;
	}
	.cardPurple
	{
		width:125px;
		height:125px;
	}
	.cardBlue
	{
		width:125px;
		height:125px;
	}

	.cardYellow
	{
		width:125px;
		height:125px;
	}
	img.carousel
	{
		height: inherit;
		max-width: 80%;
	}
	img.carousel1 
	{
		height: inherit;
	}
	input[type=checkbox]:checked ~ label > img {
		transform:scale(2);
		padding-left:25px;
	}
    .sectionGames0
    {
	padding:10px 10px 0 10px;
	width:340px;
    }
    #sectionGames1
    {
        display:inline-block;
	padding:0 0 20px 5px;
        width:330px;
    }
    #sectionGames2
    {
        width:0;
        height:0;
	margin:0;
    }
    #sectionGames3
    {
        display:inline-block;
        width:0px;
        height:0px;
    }
    #sectionGames4
    {
        display:inline-block;
	padding:0 0 20px 5px;
        width:330px;
    }
    #sectionGames5
    {
        display:inline-block;
        width:0;
        height:0;
	margin:0;
        left:0;
    }
    #sectionGames6
    {
        vertical-align:top;
        display:inline-block;
	padding:0 0 20px 5px;
        width:330px;
    }
    #sectionGames7
    {
        display:inline-block;
        width:0;
        height:0;
	margin:0;
        left:0;
    }
    #sectionGames8
    {
        display:inline-block;
        width:0px;
        height:0px;
    }
    #sectionGames9
    {
        display:inline-block;
	padding:0 0 20px 5px;
        width:330px;
    }
    #sectionGames10
    {
        width:0;
        height:0;
	margin:0;
        left:0;
    }
    #sectionGames11
    {
        display:inline-block;
	padding:0 0 20px 5px;
        width:330px;
    }
    #sectionGames12
    {
        width:0;
        height:0;
	margin:0;
        left:0;
    }
    #sectionGames13
    {
        display:inline-block;
        width:0;
        height:0;
    }
    #sectionGames14
    {
        display:inline-block;
	padding:0 0 20px 5px;
        width:330px;
    }
    #sectionGames15
    {
        width:0;
        height:0;
	margin:0;
        left:0;
    }
    #sectionGames16
    {
        display:inline-block;
	padding:0 0 20px 5px;
        width:330px;
    }
    #sectionGames17
    {
        width:0;
        height:0;
	margin:0;
        left:0;
    }
    #sectionGames18
    {
        width:0;
        height:0;
    }
    #sectionGames19
    {
        display:inline-block;
	padding:0 0 20px 5px;
        width:330px;
    }
    #sectionGames20
    {
        width:0;
        height:0;
	margin:0;
        left:0;
    }
    #sectionGames21
    {
        display:inline-block;
	padding:0 0 20px 5px;
        width:330px;
    }
    #sectionGames22
    {
        width:0;
        height:0;
	margin:0;
        left:0;
    }
    #sectionGames23
    {
        width:0;
        height:0;
    }
    #sectionGames24
    {
        display:inline-block;
	padding:0 0 20px 5px;
        width:330px;
    }
    #sectionGames25
    {
        width:0;
        height:0;
	margin:0;
        left:0;
    }
    #sectionGames26
    {
        display:inline-block;
	padding:0 0 20px 5px;
        width:330px;
    }
    #sectionGames27
    {
        width:0;
        height:0;
	margin:0;
        left:0;
    }
    #sectionGames28
    {
        display:inline-block;
	padding:0 0 20px 5px;
        width:330px;
    }
	.sectionContact1
	{
		padding:0 0px 0 10px;
		display:inline-block;
		width:95%;
		vertical-align:top;
	}
	
	.imgContact1
	{
		display:inline-block;
		width:200px;
		padding-bottom:10px;
	}
	.separator2
	{
		margin-left:10px;
		width:auto;
		margin-right:10px;
	}
	.sectionContact2
	{
		padding:0 0 0 20px;
	}
	.aContact1
	{
		margin:0px 0 0 20px;
		font-size:30px;
	}
	
	.sectionIndex1
	{
		padding:10px 0 0 20px;
		width:90%;
	}
	.sectionIndex2
	{
		padding:10px 0px 0 20px;
		width:90%;
	}
	.sectionIndex3
	{
		padding:10px 0px 20px 20px;
		width:90%;
	}
	.sectionIndex4
	{
		padding:10px 20px 0 20px;
		width:90%;
	}
	.sectionIndex5
	{
		margin-top:0px;
	}
	.sectionIndex6
	{
		padding:20px 0px 0 20px;
		width:100%;
	}
	.imgIndex1
	{
		width:330px;
		height:220px;
		padding:10px 0 0 20px;
	}
	.imgIndex2
	{
		width:330px;
		padding-left:20px;
	}
	.imgIndex3
	{
		width:330px;
		height:210px;
		padding-left:20px;
	}
	.imgIndex4
	{
		width:330px;
		padding-left:20px;
	}
	.imgIndex5
	{
		display:inline-block;
		width:55px;
		padding-top:20px;
		padding-left:30%;
	}
	.separator3
	{
		margin-left:30px;
		width:auto;
		margin-right:30px;
	}
}