/* style-fonts.css 		-> polices de caractères 								*/
/* style-colors.css 	-> couleurs de base										*/ 
/* style-sociaux.css	-> réseaux sociaux sous forme de police de caractères	*/
/* style-responsive.css	-> css pour adaptation médias							*/

/* -------------------------------------------- */
/* BASES CSS - Ne pas modifier cette section :] */
/* -------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
body {background:#fff; color:#fff; line-height:normal; font-family:'Barlow',arial,sans-serif; font-weight:400; font-size:15px;text-align:left}
ol, ul {/*list-style:none;*/ padding-left: 30px}
em {font-style:italic}
strong {font-weight:600}
html,body {height:100%; width:100%; margin:0; padding:0}
/* Masquer cadres liens Firefox */
a {outline: none; color:#fff; text-decoration:none; transition:color 0.2s ease-out 0s}
a:hover {color:#23dfd6}
:focus {-moz-outline-style: none;outline-style: none}

::-moz-selection {color:#FFF; background:#23dfd6}
::selection {color:#FFF; background:#23dfd6} 
*{box-sizing:border-box}

#debug-box{position:fixed;bottom:0;right:0;width:40px;background:#ff0000;color:#fff;font-weight:500;z-index:65535;padding:10px 0 10px 0;white-space:nowrap;cursor:help;border-radius:5px 0 0 0;opacity:.7;transition:opacity .5s}
#debug-box:hover{opacity:1}
#debug-box.open{width:100%;opacity:1} #debug-box img{height:25px;vertical-align:middle;margin-right:15px;margin-left:5px}

.display-flex {display:flex;flex-wrap: wrap}
.justify-content-center{justify-content:center}
.display-grid{display:grid;grid-template-columns:1fr;grid-column-gap:0;grid-auto-flow:row dense;row-gap:20px}
.display-grid .box-grid img{width:100%;height:auto}
/*.projet {margin-bottom:20px}*/
@media screen and (min-width:640px) {.display-grid{grid-template-columns:repeat(2, 1fr)}}
@media screen and (min-width:1024px) {.display-grid{grid-template-columns:repeat(4, 1fr)}}

/* Preloader */
	#preloader {display: none; position: fixed; top: 0; left: 0; right:0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 999999}
	.canvas {position: absolute; margin: auto; top: 50%; left: 50%; text-indent: -9999px; -webkit-transform: translate(-50%,-50%); text-indent: -9999px;-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%)}
	.preloader {border: 8px solid #f3f3f3; border-radius: 50%; border-top: 8px solid #ff4081; width: 50px; height:50px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite}
	/* Safari */
	@-webkit-keyframes spin {
	  0% { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
	}
	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}

/* Standard grid */
	/* Définitions */
	.row {margin-left: auto;margin-right:auto;padding-top:75px; padding-bottom:75px;margin-top:0}/*margin-bottom: 20px;*/
	.row:after {content: "";display: table;clear: both}
	.row .col {float: left;-webkit-box-sizing: border-box;box-sizing: border-box; padding:0 0.75rem;min-height:1px}
	.row .col[class*="left-"], .row .col[class*="right-"] {position: relative}
	.row.boxed, .boxed{padding-left:4rem;padding-right:4rem}

	/* Dimensions */
	.row .col.c1 {width: 8.3333333333%;margin-left: auto;left: auto;right:auto} 	/* c1 = 8.3%   */
	.row .col.c2 {width: 16.6666666667%;margin-left: auto;left: auto;right:auto} 	/* c2 = 16.6%  */
	.row .col.c3 {width: 25%;margin-left: auto;left: auto;right:auto} 			/* c3 = 25%    */
	.row .col.c4 {width: 33.3333333333%;margin-left: auto;left: auto;right:auto} 	/* c4 = 33.33% */
	.row .col.c5 {width: 41.6666666667%;margin-left: auto;left: auto;right:auto} 	/* c5 = 41.6%  */
	.row .col.c6 {width: 50%;margin-left: auto;left: auto;right:auto} 			/* c6 = 50%    */
	.row .col.c7 {width: 58.3333333333%;margin-left: auto;left: auto;right:auto} 	/* c7 = 58.3%  */
	.row .col.c8 {width: 66.6666666667%;margin-left: auto;left: auto;right:auto} 	/* c8 = 66.6%  */
	.row .col.c9 {width: 75%;margin-left: auto;left: auto;right:auto} 			/* c9 = 75%    */
	.row .col.c10 {width: 83.3333333333%;margin-left: auto;left: auto;right:auto} /* c10= 83%    */
	.row .col.c11 {width: 91.6666666667%;margin-left: auto;left: auto;right:auto} /* c11=91.6%   */
	.row .col.c12 {width: 100%;margin-left: auto;left: auto;right:auto} 			/* c12=100%    */

	.row .col.c20 {width: 20%;margin-left: auto;left: auto;right:auto} 			/* c20=20%     */

	/* Positionnements */
	.row .col.offset-c1 {margin-left: 8.3333333333%}
	.row .col.right-c1 {right:8.3333333333%}
	.row .col.left-c1 {left: 8.3333333333%}
	.row .col.offset-c2 {margin-left: 16.6666666667%}
	.row .col.right-c2 {right:16.6666666667%}
	.row .col.left-c2 {left: 16.6666666667%}
	.row .col.offset-c3 {margin-left: 25%}
	.row .col.right-c3 {right:25%}
	.row .col.left-c3 {left: 25%}
	.row .col.offset-c4 {margin-left: 33.3333333333%}
	.row .col.right-c4 {right:33.3333333333%}
	.row .col.left-c4 {left: 33.3333333333%}
	.row .col.offset-c5 {margin-left: 41.6666666667%}
	.row .col.right-c5 {right:41.6666666667%}
	.row .col.left-c5 {left: 41.6666666667%}
	.row .col.offset-c6 {margin-left: 50%}
	.row .col.right-c6 {right:50%}
	.row .col.left-c6 {left: 50%}
	.row .col.offset-c7 {margin-left: 58.3333333333%}
	.row .col.right-c7 {right:58.3333333333%}
	.row .col.left-c7 {left: 58.3333333333%}
	.row .col.offset-c8 {margin-left: 66.6666666667%}
	.row .col.right-c8 {right:66.6666666667%}
	.row .col.left-c8 {left: 66.6666666667%}
	.row .col.offset-c9 {margin-left: 75%}
	.row .col.right-c9 {right:75%}
	.row .col.left-c9 {left: 75%}
	.row .col.offset-c10 {margin-left: 83.3333333333%}
	.row .col.right-c10 {right:83.3333333333%}
	.row .col.left-c10 {left: 83.3333333333%}
	.row .col.offset-c11 {margin-left: 91.6666666667%}
	.row .col.right-c11 {right:91.6666666667%}
	.row .col.left-c11 {left: 91.6666666667%}
	.row .col.offset-c12 {margin-left: 100%}
	.row .col.right-c12 {right:100%}
	.row .col.left-c12 {left: 100%}	
/* Mise en page */
	article, section {width:100%; margin:0 auto}
	section {z-index:10; display:block; position:relative; top:0; left:0; height:auto; width:100%} /*max-height:100%; height:initial*/
	.t_center,.t-center{text-align:center}
	.t_left{text-align:left} .t_right{text-align:right} .t_justify{text-align:justify}
	.f_left{float:left} .f_right{float:right}
	.mleft_auto {margin-left:auto} .mright_auto {margin-right:auto}
	.clear_both,.clearfloat{clear:both}

	.flex {display: flex; flex-wrap: wrap}
	.flex-1{flex:1} .flex-2{flex:2} .flex-3{flex:3} .flex-4{flex:4} .flex-5{flex:5} .flex-6{flex:6}
	.order-1{order:1} .order-2{order:2} .order-3{order:3} .order-4{order:4} .order-5{order:5} .order-6{order:6}
	.flex-center{align-items:center;justify-content:center;padding:90px 0}
	.flex-top{align-items:flex-start}
	.flex-start{justify-content:flex-start}
	.flex-end{justify-content:flex-end}
	.flex-center{justify-content:center}

	.row-by-flex{display:flex;flex-direction:row;flex-wrap:wrap;margin:20px 0;justify-content:center}
	.box-by-two{border:1px solid #e6e6e6;flex:1;max-width:50%;margin:1rem}
	.box-by-three{border:1px solid #e6e6e6;flex:1;margin:1rem;max-width:33.33%}
	.box-by-four{border:1px solid #e6e6e6;flex:1;margin:1rem;max-width:25%}
	.box-by-five{border:1px solid #e6e6e6;flex:1;margin:.5rem;max-width:20%}

	.video-container {position:relative;padding-bottom:56.25%;height:0;margin:30px 0} .video-container iframe {position:absolute;top:0;left:0;width:100%;height:100%} .row.videos iframe {max-width:100%}
/* Font size 10->100 */
	.size10,.btn.size10 {font-size:10px} .size11,.btn.size11 {font-size:11px} .size12,.btn.size12 {font-size:12px} .size13,.btn.size13 {font-size:13px} .size14,.btn.size14 {font-size:14px} .size15,.btn.size15 {font-size:15px} .size16,.btn.size16 {font-size:16px} .size17,.btn.size17 {font-size:17px} .size18,.btn.size18 {font-size:18px} .size19,.btn.size19 {font-size:19px} .size20,.btn.size20 {font-size:20px} .size21,.btn.size21 {font-size:21px} .size22,.btn.size22 {font-size:22px} .size23,.btn.size23 {font-size:23px} .size24,.btn.size24 {font-size:24px} .size25,.btn.size25 {font-size:25px} .size26,.btn.size26 {font-size:26px} .size27,.btn.size27 {font-size:27px} .size28,.btn.size28 {font-size:28px} .size29,.btn.size29 {font-size:29px} .size30,.btn.size30 {font-size:30px} .size35,.btn.size35 {font-size:35px} .size40,.btn.size40 {font-size:40px} .size45,.btn.size10 {font-size:45px} .size50,.btn.size10 {font-size:50px} .size55,.btn.size10 {font-size:55px} .size60,.btn.size10 {font-size:60px} .size65,.btn.size65 {font-size:65px} .size70,.btn.size70 {font-size:70px} .size75,.btn.size75 {font-size:75px} .size80,.btn.size80 {font-size:80px} .size85,.btn.size85 {font-size:85px} .size90,.btn.size90 {font-size:90px} .size95,.btn.size95 {font-size:95px} .size100,.btn.size100 {font-size:100px}

	.flex-valign {display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center}
	.flex-valign.start{align-items:flex-start}
	.flex-valign.middle {align-items:center}
	.flex-valign.baseline {align-items:baseline}
	.flex-column {flex-direction:column}
	.flex-row {flex-direction:row}
/* -------------------------------------------- */
/* Fin BASES CSS								*/
/* Ok pour modifications :] 					*/
/* -------------------------------------------- */

::-moz-selection {color:#FFF; background:#104662}
::selection {color:#FFF; background:#104662} 

/* Bandeau slider */
#box_home {z-index:1;position:relative;top:0px;width:100%;max-height:100%;height:100%;margin:0 auto 0 auto;font-family:'Barlow',arial,sans-serif;font-size:15px;color:#3d3d3d;text-align:center}
#box_home .titre_home {font-family:Tahoma,Geneva,Verdana,sans-serif;font-weight:700;font-size:48px;text-align: center;color:#FFF;text-transform:uppercase;padding-top: 150px;padding-bottom: 30px;margin:2% 0 0 0}
#box_home p {width:100%;font-size:20px}
#overlay-home {width:100%;height:100%;position:fixed;z-index:100;background-color:rgba(0,0,0,0.5);left:-100%}
.fullbg .owl--text {background:transparent;height:calc(100% - 90px);width:100%;margin:0 auto;color: #FFF;text-align:left;font-family:'Barlow',arial,sans-serif;font-size: 17px;font-weight:400;position: absolute;right:0;bottom:0;display: flex;align-items: center;justify-content: center;flex-direction: column;padding:0 2rem; box-sizing:border-box}
.fullbg.stdpage .owl--text {width:100%;margin: 0 auto;color: #FFF;text-align: center;font-family:'Barlow',arial,sans-serif;font-size: 17px;font-weight:400;position: absolute;bottom: 0%;display: flex;align-items: center;justify-content: center;flex-direction: column;background:transparent}
.owl--text .titre_header {width:100%;color:#fff;margin-top:0;font-family:'Barlow',arial,sans-serif; text-transform:initial; font-size:55px; line-height:60px;font-weight:700;display:block}
.owl--text .titre_header span {color: #22ddd0}
.owl--text .txt_header {font-size:20px;text-align:center;font-family:'Barlow',arial,sans-serif;font-weight:400;display:block;width:100%;margin-top:10px;margin-bottom:10px;color:#fff;letter-spacing:-0.03em}
.owl--text .chapo_header {text-shadow:5px 5px 5px rgba(0, 0, 0, .75);font-size:60px;color:#fff;text-align:center;font-family:'Barlow',arial,sans-serif;font-weight:400;display:block;margin:0 0 0 0;letter-spacing:-0.03em}
.owl--text .chapo_header div{font-size:98px;font-weight:800;line-height:60px}
.owl--text .chapo_header a {font-size:14px;color: #fff;text-align:center; font-family:'Barlow',arial,sans-serif; font-weight:500;text-transform:uppercase}
.owl--text .chapo_header a:hover{color:#22ddd0}
.owl--text .titre_header_reg {width:50%; min-width: 500px; color:#fff; margin-top:0; text-align: center; font-family:'Barlow',arial,sans-serif; text-transform: none; font-size: 80px; font-weight:700; display: inline-block}
.owl--text .titre_header_reg span {color: #fff}
.owl--text .chapo_header_reg {font-size: 20px; text-transform:uppercase; color:#fff; text-align: center; font-family:'Barlow',arial,sans-serif; font-weight:400; display: block; margin-bottom: 5px}

/* Slug */
#slug-nav{display:none;text-align:right;font-weight:400;font-size:14px;color:#fff;font-family:'Barlow',arial,sans-serif;position:absolute;right:60px;bottom:35px}
#slug-nav a{color:#acacac;padding:0 10px}
#slug-nav a:hover{color:#22ddd0}

/* Header */
#header_top {opacity:1;visibility:visible;padding:0 0;box-sizing:border-box;top:0;position:fixed;min-height:0;width:100%;z-index:1000;-webkit-transition:opacity .15s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;-ms-transition:opacity .2s linear;transition:opacity .2s linear;transition: all 0.5s;background-color:rgba(0,0,0,.7);backdrop-filter:blur(20px)}/*;-webkit-backdrop-filter:blur(20px)*/
/*#header_top.scrollUp {background-color:rgba(29, 30, 35, .8);-ms-transform: translateY(-25px);transform: translateY(-25px)}*/
#logo {height:auto;z-index:1000;margin:0 0;padding:0 0}
#logo img{width:126px;height:125px;position:relative;z-index:1}
#logo-resp {display:none;width:126px;height:125px;position:fixed;top:0;left:1rem}
#logo a,#logo-resp a {position:absolute;top:0;width:126px;height:125px}
#logo a::before,#logo-resp a::before {content: '';z-index:-1;display:block;position:absolute;top:90px;left:0;width:0;height:0;border-style:solid;border-width:0 63px 36px 63px;border-color:transparent transparent rgba(0,0,0,.7) transparent;transform: rotate(180deg)}

/* Top Header */
#bande_coords {width:100%;height:40px;line-height:40px;display:flex;align-items:center;color:#fff;background:#22ddd0;padding:0 0}
#bande_coords .top-info.right::before{content:'';border-top:0 solid transparent;border-bottom:40px solid #fff;border-left:30px solid transparent;position:absolute;left:-30px}
#bande_coords .top-info.right::after{content:'';border-bottom: 1px solid #d8d8d8;position:absolute;bottom:0;width:100%;right:0;padding:0 0 0 30px}
#bande_coords .top-info.right{margin:0 0 0 auto;padding:0 60px 0 0;width:30%;background:#fff;color:#22ddd0;height:100%;position:relative;text-align:right}
#bande_coords p {width:100%;max-width:100%;padding-left:40px}
#bande_coords .top-info {margin:0 30px 0 60px;color:#fff;font-family:'Barlow',arial,sans-serif; font-size: 12px; font-weight:500}
#bande_coords .top-info img {vertical-align:middle; margin-right:10px}
#bande_coords .top-info a span.mail_no_sp, #bande_coords .top-info a {color:#fff;font-family:'Barlow',arial,sans-serif; font-size:12px; font-weight:500}
#bande_coords p a.top-btn-contact{float:right;padding:0 45px;background-color:#104662;color:#104662;font-family:'Barlow',arial,sans-serif; font-size:14px; font-weight:500}
#bande_coords p a.top-btn-contact:hover{color:#222322}
a {color:#fff;font-family:'Barlow',arial,sans-serif; font-size:inherit; font-weight:600} a:hover{color:#23dfd6}
#bande_coords .top-info a:hover span.mail_no_sp, a:hover {color:#104662}
#bande_coords .sel_soci {float: right}
#bande_coords .sel_soci a {font-size: 16px;color: #104662;background-color: transparent;margin: 0 .25rem;padding: 0.25rem;font-weight:500}
#bande_coords .sel_soci a:hover, #bande_coords .top-info a:hover {color:#104662}
#bande_coords .sel_lng {float: right; font-style: italic}
#bande_coords .sel_lng a:hover, #bande_coords .sel_lng a.selection {color:#104662}
#info_ste {display: flex;flex-direction: row;height:100%;justify-content: flex-end}
.info_ste {position:relative;display: flex;flex-direction: column;justify-content: center;line-height:initial;text-align:left;color:#434444;font-family:'Barlow',arial,sans-serif; font-size:14px; font-weight:500; background-image: url(grafx/pin_header.png); background-position: left center; background-repeat: no-repeat; padding-left: 50px;margin: 0 3rem}
.info_ste strong {color:#1d1d1d;font-family:'Barlow',arial,sans-serif; font-size:14px; font-weight:700; display: block}


/* DMAP */
.titre {text-transform:initial;line-height:normal;color:#fff;font-size:48px;font-weight:400;font-family:'Barlow',arial,sans-serif;letter-spacing:-.03rem;position:relative;margin-bottom:40px}
.titre strong.xbold{background-color:#22ddd0;color:#000;font-weight:800}
.titre strong.xboldbk{background-color:#000;color:#fff;font-weight:800}
.titre.nopt{padding-bottom:0}
.titre.underline {text-transform:initial;line-height:normal;color:#fff;font-size:36px;font-weight:400;font-family:'Barlow',arial,sans-serif;letter-spacing:-.03rem;position:relative;margin-bottom:30px}
.titre.underline strong.xbold{color:#fff;font-weight:800;background:none}
.titre.underline::after{content:'';display:block;margin-top:10px;width:100%;height:3px;background-color:#00a898}
.titre.blanc,.titre.blanc span {color:#fff}
.titre.noir {color:#000}
.titre.t_left,.titre.t-left,.t-left{text-align:left}
.titre.t_right,.titre.t-right,.t-right {text-align:right}
.titre.t_center,.titre.t-center,.t-center {text-align:center}
.titre.padding-4 {padding-top:4rem}

.grid {display:grid;align-items:start;grid-auto-rows:auto;grid-template-columns:repeat(1,1fr)}
.grid.two-boxes{grid-template-columns:repeat(2,1fr)} .games.grid.two-boxes{gap:80px}
.grid.three-boxes{grid-template-columns:repeat(3,1fr)} .news.grid.three-boxes{gap:80px}
.grid.four-boxes{grid-template-columns:repeat(1,1fr)}
.grid.row-gap{row-gap:40px}

.games img{max-width:100%;transition:transform .2s;-webkit-transition:transform .2s;filter: drop-shadow(7px 7px 0px #22ddd0)}
.games img:hover{transform: scale(1.15)}
#games-detail a {color:#fff;font-weight:600}
#games-detail a:hover{color:#23dfd6}

.desc-box{font-family:'Barlow',arial,sans-serif;font-weight:400;font-size:16px;color:#fff;letter-spacing:.015rem;line-height:22px;padding:30px 0 40px 0}

a.btn-corner, .inputs input[type=submit].btn-corner{font-family:'Barlow',arial,sans-serif;font-weight:800;font-size:26px;color:#000;letter-spacing:.03rem;text-align:center;padding:15px 30px;background:radial-gradient(rgb(34,221,208), rgb(0,168,152));display:block;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}
a.btn-corner.std{font-family:'Barlow',arial,sans-serif;font-weight:800;font-size:24px;color:#fff;letter-spacing:-.03rem;text-align:center;padding:10px 0;background:#000}
.inputs input[type=submit].btn-corner{border:none;cursor:pointer}

/*#older-news-content,.bg-square-cube-bottom-right{transition: all .3s ease-in}*/

.bg-square{background: url(grafx/bg-squares-seamless.png) repeat 0 0 #131313}

.bg-square-halo-top-left{background: url(grafx/halo-square-top.png) no-repeat -535px -540px, url(grafx/halo-bottom-cube.png) no-repeat 100% calc(100% + 735px) , url(grafx/bg-squares-seamless.png) repeat 0 0}
/*.bg-square-halo-top-left{background: url(grafx/halo-square-top.png) no-repeat -535px -540px, url(grafx/halo-square-bottom.png) no-repeat calc(100% + 535px) calc(100% + 540px) , url(grafx/bg-squares-seamless.png) repeat 0 0}*/
/*.bg-square-halo-top-left{background:url(grafx/bg-squares-halo-top-left.jpg) no-repeat top left #131313}*/

.bg-square-halo-top-right{background:url(grafx/halo-square-top.png) no-repeat -535px -540px, url(grafx/bg-squares-seamless.png) repeat 0 0}
/*.bg-square-halo-top-right{background:url(grafx/bg-squares-halo-top-right.jpg) no-repeat top center #131313}*/

.bg-square-cube-bottom-right{background:url(grafx/halo-square-bottom.png) no-repeat calc(100% + 535px) calc(100% + 540px) , url(grafx/bg-squares-seamless.png) repeat 0 0}
/*.bg-square-cube-bottom-right{background: url(grafx/bottom-cube-halo.png) no-repeat right bottom, url(grafx/bg-squares.jpg) repeat top center}*/

.texte p{line-height:22px;letter-spacing:-.015rem}

#lastest-news-content .texte{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px}
.lastest-news{display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;grid-column-gap:40px;grid-row-gap:30px}
.lastest-news div.news{background:none;padding:30px 0}
#lastest-news-content .news img{max-width:100%;transition:transform .2s;-webkit-transition:transform .2s;filter:drop-shadow(7px 7px 0px #22ddd0)}
#lastest-news-content .news img:hover{transform:scale(1.15)}
#lastest-news-content .news .parag-intro{padding:0 0}
#lastest-news-content .news .parag-text{padding:35px 0 35px 0;letter-spacing:-.015rem;color:#fff;line-height:22px}

.mail_no_sp{color:#fff;font-weight:600}
.padding-img{padding:20px}
/* Career */
#careerBg{background:url(grafx/bg-recent-news.jpg) repeat 0 0}
#emplois {border-collapse:collapse;width:100%}
#emplois thead{display:none}
#emplois td{border:solid 2px #1a1a1a;padding:0 10px;color:#e5e5e5;font-size:23px;font-weight:800;font-family: 'Barlow',arial,sans-serif;line-height:initial;text-transform: uppercase;background:rgba(26,26,26,0.5)}
#emplois td:last-child{text-align:center;width:150px;padding:0;background:#1a1a1a}
#emplois td a{font-family:'Barlow',arial,sans-serif;font-weight:400;font-size:16px;color:#fff;padding:15px 0;display:block}
#emplois td a:hover{font-family:'Barlow',arial,sans-serif;font-weight:800;font-size:16px;color:#000;letter-spacing:initial;-moz-transition-duration:0.05s;-o-transition-duration:0.05s;-webkit-transition-duration:0.05s;transition-duration:0.05s;-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s;background:radial-gradient(rgb(145,255,243), rgb(34,221,208))}
.title-job-desc {font-size:20px;color:#1a1a1a;display:block;margin-bottom:10px}

.flex-reverse {display:flex;justify-content:flex-end;}
a.btn-back, .btn-details{font-family:'Barlow',arial,sans-serif;font-weight:800;font-size:26px;color:#22ddd0;letter-spacing:.03rem;text-align:center;padding:15px 30px;background:radial-gradient(#5c5c5c, #000);display:block;clip-path: polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}
a.btn-back:hover,a.btn-details:hover {color:#fff}
a.btn-details{display:inline-block;margin-top:25px}

a.btn-back.black, .btn-details.black{font-family:'Barlow',arial,sans-serif;font-weight:800;font-size:26px;color:#00a898;letter-spacing:.03rem;text-align:center;padding:15px 30px;background:#000}
a.btn-back.black:hover, .btn-details.black:hover{color:#fff}

/* Blog */
#top-news-content {background:url(grafx/bg-recent-news-top-right.png) right top no-repeat,url(grafx/bg-top-news.jpg) left center repeat; background-color:#1bbbaf;padding:55px 0 40px 0}
#top-news-content .texte{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;display:flex;align-items:center}
#top-news-content .texte img{max-height:450px;padding-right:40px}/*max-width:100%;*/
#top-news-content .titre{font-size:64px;line-height:50px;letter-spacing:-.15rem;font-weight:800;font-family:'Barlow',arial,sans-serif;color:#000;text-transform:uppercase;margin-bottom:10px}
#top-news-content .meta-info{color:#000;padding-bottom:40px}
#top-news-content .meta-info a{text-decoration:underline;cursor:pointer;color:#000} #top-news-content .meta-info a:hover{color:#fff}

#last-news-content{background:url(grafx/bg-recent-news.jpg) repeat 0 0}
#last-news-content .texte{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px}
.last-news{display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;grid-column-gap:40px;grid-row-gap:30px}
.last-news div.news{background:#1a1a1a;padding:30px 0;border:solid 1px #000}
.titre-blog::after{content:'';display:block;width:100%;height:3px;background:#00a898;margin:10px 0 15px 0}
.titre-blog{color:#e5e5e5;font-size:32px;font-weight:800;font-family:'Barlow',arial,sans-serif;letter-spacing:-.03rem;line-height:initial;text-transform:uppercase}
.meta-info, .meta-info a{color:#e5e5e5;font-size:16px;font-weight:400;font-family:'Barlow',arial,sans-serif;letter-spacing:initial;line-height:initial;padding-bottom:25px}
.meta-info a{text-decoration:underline;cursor:pointer} .meta-info a:hover{color:#00a898}
.news img{max-width:100%}
.news .parag-intro{padding:0 35px}
.news .parag-text{padding:35px 35px 0 35px;letter-spacing:-.015rem;color:#fff;line-height:22px}

.desc-content a{color:#fff;font-weight:600}
.desc-content a:hover{color:#22ddd0}
#older-news-content,.bg-square-halo-games{background: url(grafx/halo-square-top.png) no-repeat -535px -540px, url(grafx/halo-bottom-cube.png) no-repeat 100% calc(100% + 300px), url(grafx/bg-squares-seamless.png) repeat 0 0;transition: all .3s ease-in}
/*#older-news-content{background:url(grafx/bottom-cube-halo.png) no-repeat right bottom, url(grafx/bg-squares-halo-top-left.jpg) repeat-x 0 0}*/

#older-news-content .texte{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;}
.older-news .news-inline{display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;grid-column-gap:40px;grid-row-gap:30px;margin-bottom:75px}
.older-news .desc-content {grid-column:2 / 4}
.older-news div.news{padding:30px 0}
.older-news .news-inline img{max-width:100%;filter:drop-shadow(7px 7px 0px #22ddd0)}
.older-news .news-inline .titre-blog::after{display:none}
.older-news .news-inline .titre-blog{color:#22ddd0;font-size:28px;font-weight:800;font-family:'Barlow',arial,sans-serif;letter-spacing:-.015rem;line-height:31px;text-transform:uppercase}
.older-news .parag-text{padding:0 0;letter-spacing:-.015rem;color:#fff;line-height:22px}
.older-news .parag-text a {color:#fff}
.pagination{display:flex;align-content:center;justify-content:center;align-items:center;flex-wrap:wrap}
.pagination a{box-sizing:border-box;line-height:50px;width:50px;text-align:center;border:solid 1px #959595;font-weight:800;font-size:18px;color:#fff}
.pagination a.active,.pagination a:hover{color:#000;background:#22ddd0;border-color:#22ddd0}

#single-news-content{background: url(grafx/halo-square-top.png) no-repeat -535px -540px, url(grafx/halo-bottom-cube.png) no-repeat 100% calc(100% + 540px) , url(grafx/bg-squares-seamless.png) repeat 0 0}
/*#single-news-content{background:url(grafx/bottom-cube-halo.png) no-repeat right bottom, url(grafx/bg-squares-halo-top-left.jpg) repeat-x 0 0}*/

#single-news-content .texte{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;}
.single-news .news-block{display:grid;grid-template-columns:repeat(1, 1fr);grid-auto-rows:auto;grid-column-gap:40px;grid-row-gap:30px;margin-bottom:200px}
.single-news .desc-content {grid-column:1 / 1}
.single-news div.news{padding:30px 0}
.single-news .news-block img{width:100%;max-width:100%;filter:drop-shadow(7px 7px 0px #22ddd0)}
.single-news .news-block .titre-blog::after{display:none}
.single-news .news-block .titre-blog{color:#22ddd0;font-size:28px;font-weight:800;font-family:'Barlow',arial,sans-serif;letter-spacing:-.015rem;line-height:31px;text-transform:uppercase}
.single-news .parag-text{padding:0 0;letter-spacing:-.015rem;color:#fff;line-height:22px}
.single-news .parag-text a {color:#fff}

/* CTA */
.logo-games {gap:40px}
.logo-games img {max-width:100px;margin-bottom:35px;transition:transform .2s;-webkit-transition:transform .2s}/*max-width:155px*/
.logo-games a{display: block;}
.logo-games .flex-1:hover a{color:#fff}
.logo-games .flex-1:hover img{transform: scale(1.15)}
/*.logo-games a.btn-corner.std{color:#00a898}*/
.logo-games a:hover{color:#fff}
.logo-games .btn-store-cta a{color:#00a898}
.logo-games .btn-store-cta a:hover{color:#fff}


/* Navigation Pal */
/* Extrension fin de nav */
#nav-ext{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center}
#nav-ext a:hover{color:#22ddd0}
#nav-ext a.social, a.social:visited{margin-right:14px;padding:0 0}

#burger {display:none; position:fixed; top:7%; right:2%; cursor:pointer; z-index:65535}
#navigation {font-family:'Barlow',arial,sans-serif;font-weight:500;font-size:16px;margin:0 auto;padding:0 0;max-width:1200px;width:100%;height:90px;z-index:2;display:flex;align-items:center;background:transparent}
.nav,.nav ul {list-style:none;margin:0;padding:0}
#navigation .row.navig {padding-bottom:0; margin:0 auto; max-width:100%; display: block; height:100%}
.nav {height:100%; line-height:initial;display:block;width:auto;text-align:left;margin:0 auto}
.nav ul {height:0;left:0;position:absolute;display: none}
.nav li.links.langues {border-bottom: 61px solid #fff;border-left: 14px solid transparent;height:0;width: auto;float: right;color:#fff}
.nav li.links.langues a {color: #fff;font-family:'Barlow',arial,sans-serif; font-weight:400; font-size: 14px}
.nav li.links.langues:hover {color:#000}
.nav li {list-style-type:none;display:inline-block;position:relative;font-family:'Barlow',arial,sans-serif;font-weight:400;font-size:16px;color:#fff;letter-spacing:0.15em;text-align:center}
.nav li a {
	-moz-transition:0.2s;-o-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;font-family:'Barlow',arial,sans-serif;font-weight:400;font-size:16px;text-transform:uppercase;color:#fff;letter-spacing:initial;display:block;width:90px;line-height:90px;padding:0 0;margin:0 0;text-decoration:none;cursor:pointer}
.nav li:hover > a,#header_top.scrollUp .nav li:hover > a {font-family:'Barlow',arial,sans-serif; font-weight:800;font-size:16px;color:#000;letter-spacing:initial;-moz-transition-duration:0.05s;-o-transition-duration:0.05s;-webkit-transition-duration:0.05s;transition-duration:0.05s;-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s;background:radial-gradient(rgb(145,255,243), rgb(34,221,208))}
.links.selection > a {font-family:'Barlow',arial,sans-serif; font-weight:800;font-size:16px;color:#000;letter-spacing:initial;-moz-transition-duration:0.05s;-o-transition-duration:0.05s;-webkit-transition-duration:0.05s;transition-duration:0.05s;-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s;background:radial-gradient(rgb(145,255,243), rgb(34,221,208))}
.nav li:hover ul.subs {
	height:auto;
	min-width:130px;
	line-height:initial;
	display: block;
}
.nav li ul.subs li ul.subss {
	transition: all .25s;
	z-index: -1;
	display: inline;
    overflow: visible;
    -ms-transform: translateX(-100%);transform: translateX(-100%);
    opacity: 0;
    left:100%;
    top: 0;
    position: absolute;
}
.nav li ul.subs li ul.subss a {font-size:16px; border-left:1px solid #a1a1a1}
.nav li ul.subs li:hover ul.subss {display:inline;-ms-transform:translateX(0%);transform:translateX(0%);opacity: 1}
.nav ul li {
	-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;
	opacity:0;	
	width:100%;
}
.nav li ul li {
	margin:0;
	-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s;
}
.nav li:hover ul li {opacity:1}
.nav ul li a {
	margin:0 0;
	padding:0 40px 0 30px;
	background:#7e7e7e;
	border-bottom:1px solid #a1a1a1;
	color:#000;
	line-height:1px;
	-moz-transition:0.35s;-o-transition:0.35s;-webkit-transition:0.35s;transition:0.35s;
	white-space:nowrap;
}
.nav li:hover ul li a {
	line-height:45px; margin:0 0; background-color: #fff;
}
.nav ul li a:hover {
	color:#22ddd0;
	background-color:#3b8aca;
	border-bottom:1px solid #a1a1a1;
}
.slogan_header {display: flex;margin-bottom: 60px;flex-direction: row;align-content: center;justify-content: flex-start;flex-wrap: wrap;align-items: stretch;width: 100%}
.slogan_header .flex-one {flex:1;padding: 3em 5em;background-image: url(grafx/bg_bandes_65.png);background-repeat: no-repeat;background-position: 0 100%;background-size: 65px}
.slogan_header .flex-one p {color:#fff}
/* Navigation secondaire */
#left_nav a, #left_nav a:visited {background-color: #f8f8f8; display:block; width:85%; padding:0 5%; height:65px; line-height:65px; text-align: right; text-transform:uppercase; font-family:'Barlow',arial,sans-serif; font-size: 14px; font-weight:600; color:#555555; margin-bottom: 10px}

/* Corps de texte */
#content {width:100%; padding:0 0 0 0; margin:0 0 0 0; color:#292929; font-family:'Barlow',arial,sans-serif; font-weight:400; font-size:16px; line-height:20px}
#content.home {padding:0 0 0 0}
.fullbg {margin:0;padding:0;text-align:center;max-height:370px;height:100%;background-color:#000;box-sizing:border-box}/*max-height:595px*/
.fullbg.games_head {max-height:595px}
/*.fullbg.stdpage {max-height:788px;margin-bottom:100px}*/
[class^="col c"] img, [class*="col c"] img {width:initial;max-width:100%}
.row .col.no-pl{padding-left:0} .row .col.no-pr{padding-right:0}
.row.no_padding_bottom,.row.no-pb {padding-bottom: 0}
.row.no_padding_top,.row.no-pt {padding-top: 0}
.row.no_padding_tb,.row.no-ptb {padding-top:0;padding-bottom:0} .no_padding,.row.no_padding, .row .col.no_padding{padding:0 0}
.row.no_margin_top,.no-mt{margin-top:0} .no_margin{margin:0 0}
.row.no_margin_bottom,.no-mb{margin-bottom:0}
.box-by-three.no-margin{margin:0 0}
.row.padding_tb_5 {padding:5rem 0}
.row .col.padding_bottom_txt {padding-bottom: 3%}
.texte {font-size:16px;color:#292929;line-height:22px;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}
.texte.no-plr{padding-left:0;padding-right:0}
.row,.texte {line-height:24px;color:#fff;font-weight:400;font-family:'Barlow',arial,sans-serif}
.texte.marge {margin-top:50px}
.texte.blanc{color:#fff}
.col.padding-2,.padding-2 {padding:2rem}
.col.padding-3,.padding-3 {padding:3rem}
.col.padding-4,.padding-4 {padding:4rem}
.col.padding-6,.padding-6 {padding:6rem}
.col.padding-8,.padding-8 {padding:8rem}
.col.padding-lr-4,.padding-lr-4{padding-left:4rem;padding-right:4rem}
.col.padding-tb-4,.padding-tb-4{padding-top:4rem;padding-bottom:4rem}
.col.padding-lr-8,.padding-lr-8{padding-left:8rem;padding-right:8rem}
.col.padding-tb-8,.padding-tb-8{padding-top:8rem;padding-bottom:8rem}


.intro {text-align: justify; font-family:'Barlow',arial,sans-serif; font-size:15px; font-weight:600; line-height:initial; padding-bottom:20px;display: block; color: #fff}
.intro.bleugris {color:#222322}
.intro.call {font-weight:300; font-family:'Barlow',arial,sans-serif;font-size: 16px}
.row .col.txt_boxed {padding-right:5%; padding-left: 5%}
.forma {margin-bottom: 10px; font-size:18px; display: block}


/*  Contact -> Formulaire */
form#contact_form{margin-top:20px}
.inputs.adresses,.inputs.customer_valid {display: none}
.titre_form {display:block; text-align:left; text-transform:uppercase; font-family:'Barlow',arial,sans-serif; font-size: 20px; font-weight:700; letter-spacing: normal; color:#9ac032; padding-bottom:6px}
.inputs{width:100%;float:left;position:relative;margin:0 0 20px 0;padding:0 0 0 0}
.inputs.wide{width:100%}
.inputs > label{width:19%;padding:0 0 0 1%;display:none;white-space:nowrap;vertical-align:top;line-height:35px}
.inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]), .inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus, .inputs select:focus {min-height:35px; width: 100%; box-sizing: border-box; background-color:rgba(255,255,255,1); border:none; padding-left:20px; font-family:'Barlow',arial,sans-serif; font-size:20px; font-weight:400; color:#292929;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none;outline: none}
.inputs.file input{max-height:65px;padding:20px 20px}
.inputs select {background:url(grafx/select_arrow.png) no-repeat 98% transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:unset;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none}
.inputs select, .inputs select > option {height:35px;width:100%;box-sizing:border-box;background-color:rgba(255,255,255,1);border:none;padding-left:20px;font-family:'Barlow',arial,sans-serif;font-size:24px;font-weight:300;color:#292929}
.inputs textarea {min-height:200px;width:100%;box-sizing:border-box;background-color:rgba(255,255,255,1);border:none;padding:20px 20px;font-family:'Barlow',arial,sans-serif;font-size:20px; font-weight:400;color:#292929;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none}

.inputs input[type=checkbox], .inputs input[type=checkbox]:focus{border:0;vertical-align:middle;width:35px;height:20px}
.inputs input[type=radio]{width:5%;height:20px;margin-top:12px}

.inputs input.required.form_error, .inputs textarea.required.form_error, .inputs select.required.form_error{outline:#FF0000;border-color:#FF0000;-moz-box-shadow:0px 0px 5px 0px #ff0000;-webkit-box-shadow:0px 0px 5px 0px #ff0000;-o-box-shadow:0px 0px 5px 0px #ff0000;box-shadow:0px 0px 5px 0px #ff0000;filter:progid:DXImageTransform.Microsoft.Shadow(color=#ff0000, Direction=NaN, Strength=5)}
.help_mess{position:absolute;display:none;top:0;width:100%;text-align:right;color:#FF0000;line-height:35px;padding:0 45px 0 0}
.help_mess.coche {position: relative;left:0;text-align: left}
.form_ok{display:block;margin:20px 0;color:#13A4CC;font-weight:700;color:#21B339}
.form_err{display:block;margin:20px 0;color:#FF0000;font-weight:700}
.btn_sub, .btn_sub:focus, .inputs .btn_sub, .inputs .btn_sub:focus{font-family:'Barlow',arial,sans-serif; font-weight:500; font-size: 20px;margin:2% auto;display:block;border:none;background:#22ddd0;padding:10px 35px 10px 25px;color:#FFF;cursor:pointer;text-transform:uppercase;width:100%}
.o_field{font-size:12px;margin-bottom:30px}
.btn_sub:hover,.inputs .btn_sub:hover{background-color:#222322}
.btn_sub.bg_error {background-color: #e00735}
.form_sep {float:left; width: 100%; height:55px; content: '\00a0'}
.box-coord-contact{font-size:16px;font-weight:300;padding:2.5rem 1.5rem;color:#104662}

/* Blog */
.titre-actu{font-size:18px;color:#1d1d1d;font-family:'Raleway',arial,sans-serif}
.date-actu{font-size:12px;color:#22ddd0}
#top_blog {background:#fff;margin-bottom:30px;display:block;position:relative}
#top_blog  .row {padding-top:0;padding-bottom:10px}

#box_blog {display:grid;grid-template-columns:1fr;grid-auto-flow:row dense;row-gap:30px;column-gap:30px;padding:0 0}
@media screen and (min-width:769px) {#box_blog {grid-template-columns: repeat(2, 1fr)}}
#box_blog .titre_pal_actu {font-size: 30px; font-family: 'Raleway',arial,sans-serif; color:#fff;text-transform: uppercase;font-weight:700; letter-spacing: 0.01em; padding-top:70px; padding-bottom: 30px}
#box_blog .titre_actu, #top_blog .titre_actu {display:table-cell; vertical-align:middle; font-size: 20px; font-family: 'Raleway',arial,sans-serif; color:#555555;text-transform: initial;font-weight:600; letter-spacing: 0.01em; padding-top:20px;height:40px}

.intro-blog{font-size:17px;line-height:28px}

.box_news{display:block;background:#fff;margin:0 0 30px 0}
.content_img {overflow:hidden}
.content_img img {max-width:100%;width:100%;margin:0 0;display:block;cursor:pointer;transition:transform .2s;-webkit-transition:transform .2s}
.content_img img:hover{transform: scale(1.5)}

.box_news .box_texte{padding:0 0}
.box_news .texte{padding:0 0}
a.link_arrow {border:solid 1px #222322;padding:5px 25px;display:inline-block;margin:40px 0 20px 0;font-size:12px;font-weight:500}
a.link_arrow.no_margin_bottom{margin-bottom:0}
a.link_arrow:hover{border:solid 1px #22ddd0;color:#22ddd0}
#categories {padding:0 1rem 1rem 1rem}
#categories a {font-size:15px;display:block;height:35px;line-height:35px}
#categories a:hover{color:#22ddd0}
.titre_sidebar {line-height:normal;font-family:'Raleway',arial,sans-serif;font-size:15px;color:#222322;display:block;margin-bottom:15px}
strong.titre_actu {display:block;font-size: 25px; font-family: 'Raleway',arial,sans-serif; color:#555555;text-transform: initial;font-weight:600; letter-spacing: 0.01em; padding: 20px 0 10px}
.sticky_sidebar .titre_sidebar {display:block;font-size: 20px; font-family: 'Raleway',arial,sans-serif; color:#555555;text-transform: initial;font-weight:600; letter-spacing: 0.01em; padding: 20px 4% 10px}
.sticky_sidebar p {padding:0 4% 10px 4%; position: relative; color: #8c8c8c; font-size: 14px; font-weight: 400; font-family: 'Raleway',arial,sans-serif}
.sticky_sidebar .cadre_box {border:solid 1px #222322; margin-bottom: 1.5em}
.sticky_sidebar .btn_cta_mini {box-sizing: border-box; width:100%}
article#blog_details  {font-size: 16px}
article#blog_details  h2 {
    padding: 0 0;
    margin: 0 0 0 0;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    text-align: left;
}
.btn_call_mini {box-sizing: border-box; width:100%; background-color: #22ddd0; color: #22ddd0; font-size: 25px; font-weight: 400; font-family: 'Montserrat',arial,sans-serif; text-transform: uppercase; display: inline-block; text-align: center; margin-bottom: 15px; transition: background-color .35s; -webkit-transition: background-color .35s; padding: 1rem 2.5rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; white-space: nowrap}
/* Blog comments */
.comments p {
    box-sizing: border-box;
    padding: 2% 2%;
    text-align: left;
}
.comments span.p_comment {
    box-sizing: border-box;
    padding: 0 0 0 50px;
    margin: 0 0 0 0;
    text-align: left;
    display: block;
}
span.avatar-bc {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #22ddd0;
    color: #FFF;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}
span.meta-info-comment {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    display: inline-block;
    line-height: initial;
    vertical-align: middle;
}

.row .col.c12.form_comment,.row .col.c12.comments {padding:2% 2.5%; border:solid 1px #222322; margin-top: 5%}


#blog_content img{height:auto}
.btn_sub_blog, .btn_sub_blog:focus, .inputs .btn_sub_blog, .inputs .btn_sub_blog:focus{box-sizing:border-box;font-family:'Barlow',arial,sans-serif; font-weight:500; font-size: 16px;margin:2% auto;display:block;border:none;background:#22ddd0;padding:10px 35px 10px 25px;color:#FFF;cursor:pointer;text-transform:uppercase;width:100%}
.btn_sub_blog:hover,.inputs .btn_sub_blog:hover{background-color:#222322}

.bg_top_coord{padding:6em 0px;background:url(grafx/bg-square-blanc.png) no-repeat 50% 15px /auto #f9f9f9}
.flex-coords{display:flex;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;flex:1;font-size:18px;font-weight:400}
.flex-coords img{margin-right:25px}
.flex-coords strong{font-size:20px;font-weight:700;display:inline-block;margin:0 0 5px 0}

/* Custom checkbox */
.inputs.empty{width:50%;height:70px}
.inputs label.container {margin-top:20px;text-align:left;width:calc(100% - 30px);white-space:normal;display:block;position:relative;padding-left:30px;margin-bottom:12px;cursor: pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:initial;height:unset;color:#292929;font-size:24px;font-family:'Barlow',arial,sans-serif;font-weight:400}
.inputs label.container a {color:#292929;font-size:24px;font-family:'Barlow',arial,sans-serif;font-weight:600}
.inputs label.container a:hover {color:#fff}
.container input {position: absolute; opacity: 0; cursor: pointer; height:0; width: 0}
.checkmark {position: absolute;top:4px; left: 0; height:22px; width:22px; background-color: #EFEFEF; border: solid 1px rgba(85, 85, 85, 0.05)}
.container:hover input ~ .checkmark {background-color: #ccc}
.container input:checked ~ .checkmark {background-color: #22ddd0}
.checkmark:after {content: ""; position: absolute; display: none}
.container input:checked ~ .checkmark:after {display: block}
.container .checkmark:after {left: 5px; top: 0; width: 7px; height:12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg)}

.inputs input[type=submit].btn {transition:background-color .35s;-webkit-transition:background-color .35s}
.inputs input[type=submit].btn:hover {background-color:transparent}
.btn.active {animation: .5s short-press cubic-bezier(0.770, 0.000, 0.175, 1.000) forwards}
.btn.send,.inputs input[type=submit].btn.send {background-color: #4caf50}
.inputs.vide {height:30px;margin:0 0}

/* Making placeholder text disappear when clicked on */
::placeholder {color:#000;opacity:1;font-family:'Barlow',arial,sans-serif;font-size:24px;font-weight:300}
:-ms-input-placeholder {color:#000;font-family:'Barlow',arial,sans-serif; font-size:24px;font-weight:300}
::-ms-input-placeholder {color:#000;font-family:'Barlow',arial,sans-serif; font-size:24px;font-weight:300}

[placeholder]:focus::-webkit-input-placeholder {opacity: 0}
[placeholder]:focus::-moz-placeholder {opacity: 0}
[placeholder]:focus::-ms-input-placeholder  {opacity: 0}
input:focus{outline: transparent}

.coord_box {background-color: #f6f6f6;color:#1d1d1d;padding:2rem;line-height:initial}
/* CTA Box */
.cta .texte{height:auto;min-height:250px;display:flex;flex-wrap:wrap;padding:6rem 0;font-size:40px;color:#fff;font-weight:600;line-height:initial;flex-direction:column;align-content:center;align-items:center;text-align:center}
.cta .texte div.box-flex{align-items:center;display:flex;justify-content:center} 
.cta .texte div.box-flex .slogan{font-size:16px;font-weight:400;line-height:initial}
.cta .texte div.box-flex .slogan div{font-size:45px;font-weight:600}
.cta .texte div.box-flex a{font-size: 65px;font-weight:700;color:#fff;line-height:initial}
.cta .texte div.box-flex a:hover{color: #104662}
.cta .texte div.box-flex.flex-end{justify-content:flex-end}
.btn-cta{margin-top:30px} .btn-cta a{margin-left:20px; margin-right:20px}



/* Footer */
#footer {z-index:9;position:relative;left:0;width:100%;height:auto;margin-bottom:0;padding-bottom:0;padding-left:20px;padding-right:20px;display:flex;flex-direction:row;flex-wrap:wrap;clear:both;;font-weight:300;color:#fff;font-family:'Barlow',arial,sans-serif;font-size:13px}
#footer .flex-1{flex-direction:row;display:flex;align-items:center;justify-content:flex-start}
#footer .flex-1.flex-column{flex-direction:column;align-items:flex-end;text-align:right}
#footer .flex {color:#fff;margin-top:0;display:flex;flex-direction:row;flex-wrap:wrap;line-height:24px;align-items:flex-end;padding:40px 0}
#footer .texte, #footer .flex-1.flex-column a{font-family:'Barlow',arial,sans-serif;font-size:18px;font-weight:400;letter-spacing:-.015rem;color:#fff}
#footer a, #footer a:visited {font-family:'Barlow',arial,sans-serif;font-size:26px;font-weight:400;letter-spacing:-.015rem;color:#fff;text-decoration:none}
#footer a:hover, #footer .flex-1.flex-column a:hover{color:#22ddd0}
.inline-flex{display:inline-flex}

a.social, a.social:visited {vertical-align:middle;color:#fff;font-weight:500;font-size:26px;display: inline-block;padding:10px 10px 10px 0;transition:color .35s;-webkit-transition:color .35s}
a.social:hover i{color:#22ddd0}
#footer a.nav-footer, #footer a.nav-footer:visited {font-family:'Barlow',arial,sans-serif;font-size:26px;font-weight:400;letter-spacing:-.015rem;color:#fff;text-decoration:none;padding:12px 0 12px 0;display:block}
#footer a.nav-footer:hover {color:#22ddd0}
#footer img{vertical-align:middle;margin:0 10px 0}
#footer img.logo-footer{margin:0 60px 0 10px;width:160px;height:auto}
#footer .sociaux-form a.social,#footer .sociaux-form a.social:visited{vertical-align:middle;color:#fff;font-weight:500;font-size:40px;display:inline-block;padding:10px 0 10px 15px;transition:color .35s;-webkit-transition:color .35s}
#footer .sociaux-form a:hover{color:#22ddd0}

/* bouton */
.btn {border:none;cursor:pointer;display:inline-block;color:#fff;background-color:#22ddd0;font-family:'Barlow',arial,sans-serif;font-weight:500;font-size:14px;padding:15px 35px;line-height:initial;margin-top:20px;text-align:center}
.btn.no-mt{margin-top:0}
.btn.radius{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:25px}
.btn.orange {color:#fff;background-color:#22ddd0} .btn:hover,.btn.bleu:hover{color:#22ddd0;background-color:transparent;box-shadow:inset 0 0 0 2px #22ddd0}
.btn.grey {color:#fff;background-color:#292929}


.owl--text .btn{color:#fff}
.owl--text .btn:hover{color:#22ddd0}


/* clear fix */
.nav_galerie {width: 100%;padding: 0 0 20px 0;font-size: 15px;font-weight:600;font-family:'Barlow'}
.grid:after {content: '';display: block;clear: both}
.grid-item { width: 24%; margin: 0 .5% 1% .5%; overflow:hidden; }
.grid-item a::before {content:attr(data-content); font-size:18px; color:#000; font-family:'Barlow',arial,sans-serif;font-weight:500; background-color:rgba(245,183,7,.5);z-index: 65535; display: none; align-items: center; justify-content: center; position: absolute; width: 100%; height:100%}
.grid-item a {display:flex}
.grid-item a:hover::before {display:flex}
.grid-item a:hover img {-webkit-transform: scale(1.3) rotate(5deg);-ms-transform: scale(1.3) rotate(5deg);transform: scale(1.3) rotate(5deg)}
.grid-item a img {max-width:100%; margin:0 0; cursor:pointer;-ms-transition: transform .25s cubic-bezier(0, 1, 0.5, 1);-webkit-transition: transform .25s cubic-bezier(0, 1, 0.5, 1);transition: transform .25s cubic-bezier(0, 1, 0.5, 1)}

/* Accueil */
.row.intro-home{padding:95px 0}
.row.intro-home .texte{display:grid;grid-template-columns:auto auto auto;min-height:225px;align-items:center}
.row.row.intro-home .intro-pm{font-size:18px;line-height:35px}
.box-years{font-family:'Barlow',arial,sans-serif;font-weight:700;font-size:160px;border-left:12px solid #22ddd0;border-right:12px solid #22ddd0;padding:0 30px;height:100%;line-height:initial;display:flex;align-items:center}
.box-years span{font-family:'Barlow',arial,sans-serif;font-weight:700;font-size:40px;position:relative;top:-100px}
sup{vertical-align:super;font-size:smaller}
.box-slogan{font-size:32px;padding:0 0 0 20px;font-weight:400;line-height:initial}
.box-slogan strong{font-weight:500}

.cta-home-top{height:120px}
.titre-cta-top{font-weight:600;font-size:37px;line-height:normal}
.box-services {display:inline-block;text-align:left;margin:0 0 0 60px;position:relative}
.box-services img {position: absolute;left:-60px}

#box-prestations {display:flex;flex-wrap:wrap;justify-content:left;max-width:1150px;margin:50px auto}
#box-prestations div.box-desc {width:33.33%;text-align:left;font-family:'Barlow',arial,sans-serif;font-weight:700;font-size:18px;padding:55px 30px}
#box-prestations div.center-box{border-left: solid 1px #e8e8e8;border-right: solid 1px #e8e8e8}
#box-prestations div:not(.txt-desc):hover{border-radius:3px;-webkit-box-shadow:0px 0px 60px 0px rgba(0,0,0,.1);box-shadow: 0px 0px 60px 0px rgba(0,0,0,.1);cursor:help}
#box-prestations img{margin-bottom:20px}
#box-prestations h2{font-size:18px;font-family:'Barlow',arial,sans-serif;color:#292929;font-weight:700}
#box-prestations div.txt-desc{color:#292929;font-size:15px;font-weight:400;margin-top:20px;font-family:'Barlow',arial,sans-serif;line-height:initial;max-height:90px;overflow:hidden;max-width:100%;position:relative}
#box-prestations div.txt-desc::after{content:'';position:absolute;bottom:0;left:0;height:60px;width:100%;background-image:linear-gradient(to bottom, transparent, #fff)}
#box-prestations div.box-desc.open div.txt-desc{max-height:none}
#box-prestations div.box-desc.open div.txt-desc::after{background-image:none}
.separator{display:block;width:100%;height:1px;background:#e8e8e8}
#galerie-home{background:url(grafx/bg-squares-black.png) no-repeat center bottom #1f1f1f;display:grid;grid-template-columns: repeat(4, 1fr);grid-column-gap:0;grid-auto-flow:row dense;row-gap:0;align-items:center;justify-items:center;width:100%;text-align:center;column-gap:15px;row-gap:15px;padding:0 60px 215px 60px}
#galerie-home .projet-home a{display:block}
#galerie-home .projet-home{color:#fff;position:relative;overflow:hidden}
#galerie-home .projet-home img{max-width:100%;transform: scale(1);transition: transform .25s}
#galerie-home .projet-home .info-projet-home{background-color:rgba(31, 31, 31,.7);position:absolute;top:0;height:100%;/*top:calc(100%  - 90px);height:90px;*/width:100%;color:#fff;cursor:pointer;transition:top .25s ease-in-out;font-size:24px;font-family:'Barlow',arial,sans-serif;font-weight:400;overflow:hidden;display:flex;align-items:center;justify-content:center}
#galerie-home .projet-home:hover img{transform: scale(1.2)}
/*#galerie-home .projet-home:hover .info-projet-home{top:0;height:100%}*/
.boxes_by_two .col.c6.pal-boxes, .boxes_by_two .col.c4.pal-boxes {margin-bottom:20px;padding:0 0 0 0}
.boxes_by_two .img-boxes {width:auto;display:inline-block;vertical-align:top}
.boxes_by_two .img-boxes img{margin-right:15px}
.boxes_by_two div.content-boxes {display:inline-block;width:74%}
.ico_info{display:block;margin:0 auto 10px auto;width:100px}

img.img-border-left{-moz-box-shadow:-60px -60px 0px -35px #104662;-webkit-box-shadow: -60px -60px 0px -35px #104662;box-shadow: -60px -60px 0px -35px #104662}
img.img-border-right{-moz-box-shadow:-60px -60px 0px -35px #104662;-webkit-box-shadow: -60px -60px 0px -35px #104662;box-shadow: -60px -60px 0px -35px #104662}
.border-right{border-right:solid 1px #fff}
.green-border{border:solid 1px #104662}
.green-border img{display:block;margin:0 auto}
.margin-box{margin:20px;padding:45px 35px;box-sizing:border-box}
.titre-box{font-family:'Barlow',arial,sans-serif;font-size:28px;font-weight:600;color:#104662;text-align:center;margin:10px 0 55px}

#actu-home .owl-dots{text-align:center;margin:60px 0 0 0}
#actu-home{background:url(grafx/bg-squares-black.png) no-repeat center bottom #1f1f1f;padding:0 60px 215px 60px}
#actu-home.owl-carousel .owl-dot, #actu-home.owl-carousel .owl-nav .owl-next, #actu-home.owl-carousel .owl-nav .owl-prev{width:18px;height:18px;border-radius:50%;background:transparent;border:1px solid #22ddd0;margin:0 5px}
#actu-home.owl-carousel .owl-dot.active{background:#22ddd0}
.box-actualites{min-height:480px;padding:0;background:#fff}
.box-actualites img {width:100%}
.box-actualites h2{height:100px;overflow:hidden;font-family:'Barlow',arial,sans-serif;font-size:20px;color:#292929;font-weight:700}
.box-actualites .mini-date{font-family:'Barlow',arial,sans-serif;font-size:12px;font-weight:700;color:#22ddd0}
.box-actualites a.link-article{font-family:'Barlow',arial,sans-serif;color:#22ddd0;font-size:14px;font-weight:500}
.box-actualites .content-actualites{padding:25px 20px;text-align:left}

#awards-carousel.owl-carousel.owl-drag .owl-item{border-left:4px solid #22ddd0}
#awards-carousel.owl-carousel.owl-drag .owl-item img{height:140px;filter: grayscale(1)}
#awards-carousel.owl-carousel.owl-drag .owl-item:hover img{cursor:help;filter: grayscale(0)}

/* Agence - Equipe */ 
#equipe{background:url(grafx/bg-squares-black.png) no-repeat center bottom #1f1f1f;display:grid;grid-template-columns: repeat(5, 1fr);grid-column-gap:0;grid-auto-flow:row dense;row-gap:0;align-items:center;justify-items:center;width:100%;text-align:center;column-gap:15px;row-gap:15px;padding:0 0 215px 0}
#equipe .fiche-team img{max-width:100%;transform: scale(1);transition: transform .25s}

#equipe .fiche-team{color:#fff;position:relative;overflow:hidden}
#equipe .fiche-team img{max-width:100%;transform: scale(1);transition: transform .25s}
#equipe .fiche-team .info-fiche-team{background-color:rgba(255, 103, 49,.75);position:absolute;top:100%;width:100%;height:0;color:#fff;cursor:pointer;transition:top .25s ease-in-out;font-size:18px;font-family:'Barlow',arial,sans-serif;font-weight:400;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;font-weight:400}
#equipe .fiche-team .info-fiche-team strong{font-size:12px;font-weight:700}
#equipe .fiche-team:hover img{transform: scale(1.2)}
#equipe .fiche-team:hover .info-fiche-team{top:0;height:100%}


/* -------------------------------------------- */
/* DBBUT MISE EN PAGE MISSTIBIDOU 				*/
/* Na pas modifier :] <3					*/
/* -------------------------------------------- */
.col.pleft_70 {padding-left:70px}
.col.mtop_70 {margin-top:70px}
.t_big {font-size: 40px; font-weight:200; line-height:55px; text-align: right; color:#fff;margin-bottom: 30px}
.t_big.t_center{text-align:center}
.t_big_2 {text-align:center;font-size: 25px; font-weight:400; color:#fff; margin-bottom: 25px}
.txt_big_2 {text-align:left;font-size: 15px; font-weight:200; color:#fff}

.t_service {font-family:'Barlow',arial,sans-serif; font-weight:800; font-size: 26px; color:#222322; margin-bottom: 2px; }
.txt_service {font-family:'Barlow',arial,sans-serif; font-weight:300; font-size: 15px; color:#222322; margin-bottom: 15px}
.texte li, .col li {display: list-item; list-style-image: url(grafx/square.png); margin-bottom: 5px}
.row_padding {padding-top:60px;padding-bottom:60px;margin-bottom:60px}
.txt_promo {font-family:'Barlow',arial,sans-serif; text-transform:uppercase; font-weight:600; font-size: 24px; margin-bottom:5px; ; color:#104662}
.t_fabrications {font-family:'Barlow',arial,sans-serif; font-weight:600; font-size: 22px; color:#104662; margin-top: 10px; text-align: center}
strong.lelong {font-weight:600}

/* -------------------------------------------- */
/* Fin MISE EN PAGE MISSTIBIDOU 				*/
/* Ok pour modifications :] <3					*/
/* -------------------------------------------- */
.chapo {color:#292929; text-align: center; width:85%;  font-weight:400; font-size: 18px; margin:0 auto}
.chapo_titre {font-size: 30px; line-height:36px; margin-bottom:40px; font-weight:500}
.chapo_titre span {color:#22ddd0}
.chapo_orange {font-weight:500; font-size: 24px; color:#22ddd0; margin-bottom:40px; line-height:26px}
.select-ok::before {content:'✓'; font-size:12px}
.select-ok {border-radius: 50%; color:#fff; background-color: #9ac032; width: 20px; line-height:20px; text-align:center; display: inline-block; margin-right:1rem; margin-bottom: 10px}
.t_chiffres {font-size:50px; color:#fff; font-weight:200; text-align:center; margin-bottom:40px; margin-top:30px}
.txt_chiffres {font-size:25px; color:#fff; font-weight:200; text-align: center}
.qui_an {color:#22ddd0; font-size:45px; margin-bottom:20px}

/* Accordeon */
.content_form.accordion,.accordion {width: auto; max-width: 100%;padding:0 0; cursor:pointer}
.accordion-title {position:relative;padding: 0 0 0 0;height:64px;display: flex;align-items: center;flex-direction: row; font-family:'Barlow',arial,sans-serif; font-weight:500; font-size: 20px; text-transform: uppercase; color:#1d1d1d; width:100%; box-sizing:border-box;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none; background-color: #f9f9f9; margin-bottom: 20px}
.accordion-title::after {content:'>'; position: absolute;justify-content:center;right:0;display: flex;align-items: center; width:64px; height:100%; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; font-family:monospace; font-size:28px; font-weight:500; text-align: center;color:#104662}
.accordion-title.active::after {content:'>'; position: absolute;justify-content:center;right:0;display: flex;align-items: center; width:64px; height:100%; transform: rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform: rotate(90deg); font-family:monospace; font-size:28px; font-weight:500; text-align: center;color:#104662}
.accordion-title.active {background-color:#e6e6e6; color:#1d1d1d; box-sizing: border-box; margin-bottom:0; overflow:hidden}
.accordion-content {padding: 3%; display: none; cursor: default; font-family:'Barlow',arial,sans-serif; font-weight:300; font-size: 16px; line-height:25px}
.accordion.active .accordion-content {display: block;box-sizing:border-box}
.content_form.accordion.hidden, .accordion.hidden {display: none}
.accordion-title.active.accordion.activ.accordion-content {border: solid #9ac032 1px}
.accordeon-numbers {margin-right:1rem;font-family: 'birth_of_a_heroregular',arial,sans-serif;color: #fff;background-color: #104662;width: 64px;height:100%;display: flex;align-items: center;justify-content: center;font-size: 40px;font-weight:500}
.content_form.accordion.active {border-bottom:solid #e1e1e1 1px}

/* Contact */
.sociaux-form {padding:10px 0}
#mapid {height:500px}
.ico_contact {flex-direction: row;display: flex;align-items: center;justify-content: center;padding: 2.75rem 0}
.ico_contact img {margin-right:2rem}
.offset-right-c6 {margin-right:50%}

.nav li.sel_lng_resp {display: none}
.nav li.sel_lng_resp a {display: inline-block}

/* Isotope */
.button-filter {display: block;border:solid 1px #e3e3e3;padding: .25rem .5rem;font-size:15px;color:#1d1d1d}
.button-filter:hover {cursor:pointer;background:#202020;color:#fff}
.button-filter.is-checked {cursor:pointer;background:#104662;color:#fff}
/* clear fix */
.grid:after {content: '';display: block;clear: both; }
.element-item {box-sizing:border-box;position:relative;float:left;width:25%;padding:.5rem;color:#262524}
.grid-item a.contenu {border:solid 1px #e3e3e3;padding:0;text-align:center;display: block;font-size:15px}
.grid-item a.contenu p {position:absolute;z-index:65535;top:100%;padding:0 15px;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap: wrap;align-content: center;justify-content: center; align-items: center;width:100%;height:100%;transition: top .5s}

a.contenu-loc {border:solid 1px #e3e3e3;height:auto;padding:0;text-align:center;display: block;font-size:15px;padding-bottom:1rem}
.element-item > * {margin: 0;padding: 0}  
.element-item .contenu img {max-width: 100%}
.element-item .contenu p {padding: 1rem}
#avis_clients_car {font-family:'Barlow',arial,sans-serif;font-weight:300;font-size:50px;color:#fff;height:auto;display:flex;align-items:center;box-sizing:border-box;flex-wrap:wrap;gap:20px 2%}/*min-height:485px*/
#avis_clients_car.carrousel .txt_avis{width:100%}
#avis_clients_car .txt_avis{padding:40px 50px;background:url(grafx/clients-quotes.png) no-repeat calc(100% - 28px) 28px #f9f9f9;border:solid 1px #f2f2f2;font-size:14px;color:#7e7e7e;font-family:'Barlow',arial,sans-serif;font-weight:400;width:49%}
.avatar-client{background:#22ddd0;width:80px;height:80px;line-height:80px;color:#fff;font-size:60px;font-weight:700;text-transform:uppercase;display:inline-block;justify-content:center;text-align:center;font-style:normal;border-radius:5px}
/*#avis_clients_car .txt_avis span{margin-top:80px;display:block;font-family:'Barlow',arial,sans-serif;font-weight:600;font-size:15px;font-style: italic}*/
#avis_clients_car .txt_avis span.stars_clients,.stars_clients {margin-top:0;width:105px;height:20px;display:block;background-repeat:no-repeat;background-image:url(grafx/_stars.png)}
#avis_clients .stars_clients{margin-top:6px}
#avis_clients p {font-size:14px;margin:20px 0;color:#7e7e7e;font-weight:400;line-height:24px;text-align:left}
#avis_clients .owl-carousel .owl-dots{margin:0 auto}
#avis_clients .owl-carousel .owl-dot,#avis_clients .owl-carousel .owl-nav .owl-next,#avis_clients .owl-carousel .owl-nav .owl-prev{width:35px;height:4px;border:none;margin:0 5px;background:#22ddd0}
#avis_clients .owl-carousel .owl-dot.active{background:#104662}
.stars_clients.note-5 {background-position:0 0}
.stars_clients.note-4 {background-position:-21px 0}
.stars_clients.note-3 {background-position:-42px 0}
.stars_clients.note-2 {background-position:-63px 0}
.stars_clients.note-1 {background-position:-84px 0}
.box_txt_avis {padding:2rem;font-size:20px;border: solid 1px #104662;margin-bottom:2rem}
.Poppins {font-family:'Barlow',arial,sans-serif}


/* Galeries */
#filters {text-align: center}
#filters button.button,#filters a.button {padding: 10px 10px; border:solid 1px #e8e8e8; color:#363636; background-color: transparent; margin:0 5px 20px 5px;font-family:'Barlow',arial,sans-serif; font-weight:400; font-size:15px}
#filters button.button:hover,#filters button.button.is-checked,#filters a.button:hover,#filters a.button.is-selected {color:#fff; background-color: #104662; cursor: pointer}
#filters button.button:focus,#filters a.button:focus {outline:0}
/* clear fix */
.nav_galerie {width: 100%;padding: 0 0 20px 0;font-size: 16px;font-weight:500;font-family: 'Lato',arial,sans-serif}
.grid:after {content: '';display: block;clear: both}
.grid-item { width: 32.33%; margin: 0 .5% 1% .5%; overflow:hidden; }
.grid-item a::before {content:attr(data-content); font-size:30px; color:#fff; font-family:'Barlow',arial,sans-serif;font-weight:500; background-color:rgb(203 188 157 / 75%);z-index: 65535; display: none; align-items: center; justify-content: center; position: absolute; width: 100%; height:100%}
.grid-item a {display:block}
.grid-item a:hover::before {display:flex}
.grid-item a:hover p {top:0}
.grid-item a:hover img {-webkit-transform: scale(1.3) rotate(5deg);-ms-transform: scale(1.3) rotate(5deg);transform: scale(1.3) rotate(5deg)}
.grid-item a img {width:100%;display:block;margin:0 0; cursor:pointer;-ms-transition: transform .25s cubic-bezier(0, 1, 0.5, 1);-webkit-transition: transform .25s cubic-bezier(0, 1, 0.5, 1);transition: transform .25s cubic-bezier(0, 1, 0.5, 1)}

.titre-galerie {line-height:50px;text-transform:none; font-family:'Barlow',arial,sans-serif; font-size: 40px; font-weight:600; letter-spacing: normal; color:#202020;text-align:left}

/* Produits */
#noresult{margin-bottom:4rem;color:#fff}
.catalogue {display:grid;grid-template-columns:1fr;grid-auto-flow:row dense;row-gap:30px;column-gap:30px;padding:0 60px 0 60px}
@media screen and (min-width:769px) {.catalogue {grid-template-columns: repeat(3, 1fr)}}
@media screen and (min-width:1024px) {.catalogue {grid-template-columns: repeat(4, 1fr)}}
#filter-nav{width:100%;text-align:center;margin-bottom:50px}
#filter-nav.t-left{text-align:left}
button.filter-button,a.filter-button{background:transparent;border:none;color:#fff;padding:10px 20px;margin:10px;font-size:14px;font-family:'Barlow',arial,sans-serif;font-weight:500;text-transform:initial}
button.filter-button:hover, button.filter-button.selected-filter,a.filter-button:hover, a.filter-button.selected-filter{background:#ff642d;border-radius:20px;cursor:pointer}
.project__image {width:100%;height:auto}
.catalogue .projet {position:relative;margin-bottom:0;display:grid;overflow:hidden}
.catalogue .projet img{width:100%}
.catalogue .projet div {position:absolute;text-align:center;padding:0 1rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:100%;top:100%;transition:top .25s;background-color:rgba(255, 103, 49,.75);color:#fff;font-size:24px;font-weight:400;font-family:'Barlow',arial,sans-serif}
.catalogue .projet:hover div {top:0}
.catalogue .projet.hidden{display:none}
.projet{margin-bottom:0}
.catalogue .projet img{width:100%}
.catalogue .projet div a.link-projet{color:#fff;width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;height:100%}
#big_image{width:100%}
#thumbs-nav{width:100%;margin:20px 0}
#thumbs-nav .thumb-image{margin:0 5px 0 0;display:inline-block;opacity:.55;transition:opacity ease .5s;-webkit-transition:opacity ease .5s}
#thumbs-nav .thumb-image:hover{cursor:pointer;opacity:1}
#thumbs-nav .thumb-image.selected{opacity:1}
a.btn.proj-nav{border-left:5px #22ddd0 solid;background-color:#104662}
a.btn.proj-nav-right{border-right:5px #22ddd0 solid;background-color:#104662}
a.btn.proj-nav:hover{box-shadow:inset 6px 0 0 0px #22ddd0} a.btn.proj-nav-right:hover{box-shadow:inset -6px 0 0 0px #22ddd0}

.filters-button-group {width:100%;margin:1rem 0 3rem 0}
.button-group {width:100%}
.grid-item.bythree {width: 32.33%}
.grid-item.bythree a img {display: block}

.element-item .contenu .titre-fiche,.titre-fiche {font-family:'Barlow',arial,sans-serif;font-size:18px;color:#181818;font-weight:500;text-align:center;z-index:65535}
.element-item .contenu .type-fiche,.type-fiche {font-family:'Barlow',arial,sans-serif;font-size:20px;color:#fff;font-weight:600;text-transform:uppercase;margin-bottom:10px}
.slugprod,.slugprod a {text-transform: uppercase;font-size:14px;color:#202020;font-family:'Barlow',arial,sans-serif;font-weight:600}
.slugprod a:hover {color:#104662}
.titre-tarif {font-weight:600;font-size:13px;color:#202020;font-family:'Barlow',arial,sans-serif}
.box-tarif {margin-bottom: 1rem;background-color:#202020;color:#fff;text-align: center; font-family:'Barlow',arial,sans-serif;font-size:50px;font-weight:400;padding: 1rem 1rem;line-height:initial}
.box-tarif span {font-size: 30px}
.box-tarif div {text-align: right; font-family:'Barlow',arial,sans-serif;font-size:20px;font-weight:400}
.d_block {display: block}

#image_pal {margin-bottom: 1rem}
#image_pal div{width:100%;height:auto;display:block;background-repeat:no-repeat;background-position:center;background-size:auto}
#image_pal img {height:480px;width:100%;display:block}
#thumbs-produits {margin-top:0;margin-bottom:20px;padding:0 0 0 0}
#thumbs-produits div {opacity:.7;width:16.6666666667%;height:100px;background-repeat:no-repeat;background-position:center;background-size:cover;cursor:pointer; margin: 0 0 1em 0;display: inline-block;box-sizing: border-box;border:solid 6px #fff}
#thumbs-produits div:hover,#thumbs-produits div.selimg {opacity: 1}
#thumbs-produits img {display: block;width: 100%;height:100%}
.titre-caract {font-size:14px;color:#fff;line-height:24px;white-space:nowrap;font-weight:900;display:inline-block;margin-bottom:.5rem;cursor: default}
.detail-caract {font-family:'Barlow',arial,sans-serif;font-weight:400;font-size:16px;color:#1d1d1d;display:block;line-height:initial;margin:1rem 0 2.5rem 0}
.uppercase {text-transform:uppercase}

#top-title-prod{text-align:center;font-weight:700;font-size:14px;font-family:'Barlow',arial,sans-serif;color:#292929;margin:0 0 30px 0}
#top-title-prod p{display: inline;padding:0 25px}
#top-title-prod span{color:#22ddd0}
#top-title-prod a.btn{position:absolute;right:60px;margin-top:-15px}
#fiche_prod_content.texte{font-size:18px}
#fiche_prod_content.texte img#big_image{margin-top:50px}
.boxed-flex{padding:4rem}
.boxed-flex .flex-box-1{flex:1.5}

.thumbs-projet{display:grid;grid-template-columns:1fr;grid-column-gap:0;grid-auto-flow:row dense;row-gap:20px}
.thumbs-projet a img{width:100%;height:auto}
/*.projet {margin-bottom:20px}*/
@media screen and (min-width:640px) {.thumbs-projet{grid-template-columns:repeat(2, 1fr)}}
@media screen and (min-width:1024px) {.thumbs-projet{grid-template-columns:repeat(4, 1fr)}}

/* Top info */
#bande-top-info.row{min-height:175px;background-color:#f1f1f1;display:flex}
#bande-top-info.row .col{display:flex;flex-direction:column;justify-content:center}
#bande-top-info.row .col.actus{align-items:flex-end}
#bande-top-info.row .col.actus p{max-width:855px;width:100%;padding:20px 0;font-size:15px;font-weight:400;font-family:'Barlow',arial,sans-serif}
#bande-top-info.row .col.slogan p{max-width:374px;width:100%}/*455px*/
#bande-top-info.row .col.slogan {font-size:20px;font-weight:500;font-family:'Barlow',arial,sans-serif}
#bande-top-info.row .col.slogan span{display:block;font-size:60px;line-height:45px}



/* A VOIR */
.row-by-flex{display:flex;flex-direction:row;flex-wrap:wrap;margin:20px 0;justify-content:center;width:100%}
.box-by-two{flex:1;max-width:50%;margin:1rem}
.box-by-three{flex:1;margin:1rem;max-width:33.33%;background-repeat:no-repeat;background-position:center;background-size:cover}

.map-frame{width:100%;height:100%;position:relative}
.mb65{margin-bottom:65px}

.pos-relative{position:relative}
#game-carousel {margin:50px 0}
#game-carousel.owl-carousel .owl-item div{margin:150px 0;border:solid 1px #22ddd0}
#game-carousel .active.center {z-index:1;transform:scale(1.6);-webkit-filter:grayscale(0);filter:grayscale(0)}
#game-carousel .active {transform:scale(.9);transition:.6s ease;-webkit-filter:grayscale(50%);filter:grayscale(50%)}
#game-nav{position:absolute;top:calc(50% - 50px);width:100%}
#game-nav button{position:absolute;z-index:2;cursor:pointer;width:100px;height:100px;border:solid 5px #22ddd0;border-radius:50%;background:#000;color:#22ddd0;-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.3);box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.3)}
#game-nav button.owl-next{right:0;background-position:0 -105px;background-image:url(grafx/arrow-owl.png);background-repeat:no-repeat} #game-nav button.owl-next:hover{background-position-x:-100px}
#game-nav button.owl-prev{left:0;background-position:-8px -5px;background-image:url(grafx/arrow-owl.png);background-repeat:no-repeat} #game-nav button.owl-prev:hover{background-position:-108px -5px}
#game-nav button span {display:none}
#game_head{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:100%;height:375px;background-color:transparent;position:absolute;bottom:0;z-index:65535;color:#fff;text-shadow:5px 5px 5px rgba(0, 0, 0, .75)}/*rgb(0 0 0 / 50%)*/
#game_head img.jaquette{width:400px;height:400px;border:solid 1px #030408;z-index:65535;margin-top:-45px;-webkit-box-shadow:0px 10px 30px 0px rgba(0,0,0,0.75);box-shadow:0px 10px 30px 0px rgba(0,0,0,0.75)}
#game_head .content-game-head{width:100%;max-width:1200px;display:flex;text-align:left;z-index:1}
.flex-game-head{display:flex;flex-direction:column}
.logo-games-header {gap:15px}/*40px*/
.logo-games-header .flex-1 {width:105px}/*30px*/
.logo-games-header img {max-width:55px}/*max-width:70px*/
.logo-games-header a.link-logo{display:flex;height:70px;flex-direction:column;flex-wrap:nowrap;margin-bottom:15px;justify-content:center;align-items:center}
.logo-games-header a.btn-corner.std{color:#08b4a6;font-size:.8vw;padding:5px 0;background:#000;min-width:105px;line-height:initial;box-sizing:content-box;text-transform:uppercase;content:"\00a0";white-space: pre;}/*padding:5px 10px;font-size:15px;*/
.logo-games-header .flex-1:hover a{color:#fff}
.title_game_head{display:flex;flex-direction:column;justify-content:center;height:190px;padding:0 0 0 60px;font-size:50px;font-weight:600}
.title_game_head span{display:block;font-weight:400}
.jaquette_links_head{display:flex;flex-direction:column;justify-content:center;height:185px;padding:0 0 0 15px;font-size:50px;font-weight:600}/*padding:0 0 0 60px*/
.bande_basse_head{width:100%;height:185px;background-color:#08b4a6;position:absolute;bottom:0}
.bande_basse_head.tiny-band{height:50px}

.store-link-img{max-height:140px}

.bgimgResp{background-attachment:fixed}

#studio-page .team-bio{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:30px;margin-bottom:40px}