body {
background: linear-gradient(to bottom, #1A1A1A, #1f1f1f 460px) !important;
position: relative !important;
z-index: -2 !important;
}

.preloader {
background: linear-gradient(to bottom, #1A1A1A, #1f1f1f 460px);
}

.top-bar {
background: #1a1a1a;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.top-bar-contact a:hover {
color: #ffac0c;
}

.dropdownmenu i{
color: #ffac0c;
}

.sub-menu, .sub-menu li , .sub-menu a {
width: 50px !important;
}

.sub-menu a {
transition-duration: 500ms;
background: linear-gradient(90deg, #ffac0c 50%, rgba(255,0,0,0) 0%);
background-size: 0% 100%;
background-repeat: no-repeat;
border: 1px solid #ffac0c;
background-color: #1a1a1a;
}

.sub-menu a:hover {
background-size: 400% 100% !important;
border: 1px solid white;
}

.site-footer {
font-family: Gilroy;
background: #1a1a1a;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.sticky-navigation {
background: #222222;
}

.site-title {
font-family: Gilroy Black;
font-weight: 900;
font-size: 20px !important;
text-align: left;
text-transform: uppercase;
}

p.site-description {
font-family: Gilroy;
font-weight: normal;
font-size: 14.5px;
text-align: left;
color: #fff;
}

.main-navigation a {
font-family: Gobold;
font-weight: bold;
font-size: 20px;
text-align: center;
color: #ffac0c;
text-transform: uppercase;
}

.wp-block-columns, .bottom-margin {
  margin-bottom: 150px;
}

.no-margin {
margin: 0px !important;
}

h2 {
font-family: Gobold Hollow;
font-weight: 400;
font-size: 86.6px;
text-align: center;
color: #fff;
padding: 50px 0px 100px 0px;
line-height: 1.3;
}

h3 {
font-family: Gobold;
font-weight: bold;
font-size: 50px;
text-align: left;
color: #ffac0c;
line-height: 1.3;
text-transform: uppercase;
}

h4 {
font-family: Gobold;
font-weight: bold;
font-size: 20px;
color: #ffac0c;
text-transform: uppercase;
}

a {
color: #ffac0c;
}

a:hover, .site-footer a:hover  {
color: #ff5400;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 20;
}

.cadre-diag {
border: 1px solid white;
transform: skewY(-8deg);
}

.block {
	margin: 120px 0px 150px 0px;
}

.block .wp-block-columns {
  margin-bottom: 0px;
}

.entry-content p:last-child {
margin-bottom: 20px;
}

.cadre-txt {
border: 1px solid #fff;
padding: 60px 20px 0px 20px;
}

.cadre-txt h3{
position: absolute;
background-color: #1f1f1f;
padding: 0px 20px 0px 10px;
margin: -160px 0px 0px -15px;
}

.cadre-txt p {
background: none;
font-family: Gilroy;
font-size: 14px;
color: #fff;
word-break: normal;
}

.wp-element-caption {
text-align: center;
}

.img-shadow img {
box-shadow: -5px 5px 10px #0009;
}

.cadre-diag h3 {
position: absolute;
top: -130px;
left: 10px;
background-color: #1f1f1f;
padding: 0px 10px 0px 10px;
}

.swap-L {
order: 2;
}

.swap-R {
order: 1;
z-index: 1;
}

.cadre-diag p {
background: none;
font-family: Gilroy;
font-size: 14px;
text-align: center;
color: #fff;
word-break: normal;
padding: 80px 20px 20px 20px;
}

p {
  background: none;
  font-family: Gilroy;
  font-size: 14px;
  text-align: justify;
  color: #fff;
  word-break: normal;
	line-height: 20px;
}

b, strong {
font-family: Gilroy Black;
font-weight: 900;
}

.wp-block-button__link, .wpforms-submit {
transition-duration: 500ms !important;
background: linear-gradient(90deg, #ffac0c 50%, rgba(255,0,0,0) 0%) !important;
background-size: 0% 100% !important;
background-repeat: no-repeat !important;
border-radius: 0px !important;
border: 1px solid #ffac0c !important;
margin: 0px 0px 30px 0px !important;
padding: 15px 50px !important;
color: #ffac0c !important;
font-family: Gobold !important;
font-weight: bold !important;
font-size: 16px !important;
text-transform: uppercase !important;
}

.wp-block-button__link:hover, .wpforms-submit:hover {
background-size: 400% 100% !important;
color: white !important;
border: 1px solid white !important;
}

.swiper-pagination-simple {
margin-left: 47%;
}

.wp-block-jetpack-slideshow_pagination {
justify-content: center !important;
}

.wp-block-jetpack-slideshow a {
border-radius: 0px !important;
border: 1px solid #ffac0c !important;
height: 30px !important;
width: 30px !important;
}

.wp-block-jetpack-slideshow a:hover {
color: white !important;
background-color: #ffac0c !important;
border: 1px solid white !important;
}

.df-ui-controls {
border-radius: 0px !important;
border: 1px solid #ffac0c !important;
}

.df-ui-btn, .df-ui-wrapper {
background-color: transparent;
box-shadow: none;
}

.df-ui-btn:hover {
  color: #ffac0c;
}

.wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets .swiper-pagination-bullet {
height: 12px !important;
width: 12px !important;
}

.swiper-pagination-bullet-active, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets .swiper-pagination-bullet[selected] {
background-color: #ffac0c !important;
transform: scale(1.2) !important;
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover {
border: 1px solid #ffac0c !important;
transform: scale(1.2) !important;
}

.df-ui-alt.df-ui-next {
border-right: none;
}

.BG-img-top {
position: absolute;
top: 180px;
z-index: -1;
margin-left: calc(25% - 25vw);
margin-right: calc(25% - 25vw);
max-width: 1000%;
width: auto;
}

.BG-img-top-home {
position: absolute;
top: 500px;
z-index: -1;
margin-left: calc(25% - 25vw);
margin-right: calc(25% - 25vw);
max-width: 1000%;
width: auto;
}

.BG-img-top img{
width: 100vw;
height: auto;
}

.txt-intro {
padding-bottom: 40px;
}

.img-sentsu-fighter img {
position: absolute;
top: 300px;
right: 12px;
width: 55% !important;
height: auto !important;
}

.projets-patchwork {
  height: 525px;
}

.projet-leo-firefighter {
height: 150px;
margin-top: 300px;
margin-bottom: 300px;
}

.img-screen-leo-pompier {
position: relative;
top: -50px;
width: 70%;
}

.img-jaquette-leo-pompier {
position: relative;
top: -110px;
left: 250px;
width: 40%;
}

.img-leo-pompier {
top: -485px;
position: relative;
left: -80px;
width: 60%;
}

.projets-hyper-casual {
height: 350px;
margin-bottom: 300px;
}

.img-sneaky-draw {
  position: relative;
  left: 45px;
}

.img-face-dance {
	top: -150px;
	left: -150px;
  position: relative;
	top: -90px;
	left: -30%;
	right: auto;
}

.img-HC-characters {
  position: relative;
  top: -460px;
  left: 200px;
}

.projets-plateforme-jeu {
height: 350px;
margin-bottom: 100px;
}

.img-grattez {
position: relative;
top: -50px;
left: -26px;
}

.img-flibus {
position: relative;
top: -250px;
left: 135px;
}

.img-boule-bill {
top: -600px;
position: relative;
left: -60px;
}

.projets-marketing-3D {
height: 400px;
margin-bottom: 140px;
}

.img-aquiom {
  position: relative;
  top: 50px;
  left: 70px;
}

.img-feu-vert {
  position: relative;
  top: -20px;
}

.img-helice-holo {
  position: relative;
  top: -250px;
  left: 60px;
}

.projets-webdesign {
  height: 400px;
  margin-bottom: 100px;
}

.img-rails-temps {
  position: relative;
  top: -470px;
  left: -25px;
}

.img-potager {
  position: relative;
  top: -10px;
	left: 164px;
}

.img-rallye {
  position: relative;
  top: -500px;
  left: -80px;
}

.projets-logos {
  height: 400px;
  margin-bottom: 220px;
}

.img-gravity-goat {
  position: relative;
  left: 15px;
}

.img-angry-squirrels {
  position: relative;
  top: -80px;
  left: -10px;
}

.img-pokeet {
  position: relative;
  top: -420px;
  left: 140px;
}

.projets-concours {
  height: 400px;
  margin-bottom: 200px;
}

.img-banque-pop {
  position: relative;
  left: 42px;
  top: -10px;
}

.img-binck {
  position: relative;
  top: -15px;
  left: 60px;
}

.img-gratto-cadeaux {
  position: relative;
  top: -370px;
  left: -70px;
}

.projets-perso {
  height: 400px;
  margin-bottom: 300px;
}

.img-metal-gear-lego {
  position: relative;
  top: -80px;
  left: -15px;
}

.img-mod-foxhole {
  position: relative;
  top: -130px;
  left: 30px;
}

.img-plume-sucre {
  position: relative;
  top: -570px;
  left: 80px;
}

.img-weeble {
  position: relative;
  top: -700px;
  left: 300px;
}

.block-a-propos img {
  width: 100%;
}

.block-a-propos, .cadre-aptitudes {
  border: 1px solid #fff;
  padding: 0px 20px 0px 0px;
	margin: 120px 0px 150px 0px;
}

.block-a-propos h3 {
position: absolute;
background-color: #1f1f1f;
padding: 0px 10px 0px 10px;
margin: -170px 0px 0px -15px;
}

.txt-a-propos{
padding: 70px 10px 30px 0px;
}

.txt-a-propos p{
line-height: 19px;
}

.cadre-softs{
top: -23px;
position: relative;
}

.cadre-softs h4 {
font-family: Gobold;
font-weight: bold;
font-size: 20px;
color: #ffac0c;
text-transform: uppercase;
overflow: hidden;
margin-bottom: 5px;
}

.cadre-softs h4:after {
content:"";
display: inline-block;
height: 0.65em;
vertical-align: bottom;
width: 100%;
margin-right: -100%;
margin-left: 10px;
border-top: 1px solid white;
}

.cadre-softs strong{
color: white;
}

.cadre-softs h4:not(:first-child){
margin-top: 35px;
}

.cadre-aptitudes{
height: 100%;
}

.cadre-softs figure{
width: 78px;
text-align: center;
}

.cadre-aptitudes h3 {
position: absolute;
background-color: #1f1f1f;
padding: 0px 10px 0px 10px;
margin: -100px 0px 0px 25px;
}

.cadre-aptitudes ul {
font-family: Gilroy;
font-size: 14px;
color: white !important;
word-break: normal;
padding: 60px 0px 10px 50px;
}

.wpforms-container{
margin-bottom: 30px !important;
}

.wpforms-field-container{
font-family: Gilroy;
font-size: 14px;
color: white !important;
word-break: normal;
padding: 80px 20px 20px 20px;
}

.wpforms-container input, .wpforms-container textarea{
background-color: #1f1f1f !important;
color: white !important;
}

label.wpforms-error {
color: #ff5400 !important;
}

input.wpforms-error, textarea.wpforms-error{
border: 1px solid #ff5400 !important;
}

.wpforms-submit-container{
text-align: center;
}

.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background: transparent;
  border: 1px solid #b4d39b;
  box-sizing: border-box;
}

.section-line {
background-color: transparent;
}

.app-icon-marketing img {
display: block;
margin: -45px 0px 75px auto;
}

.mosaic h3 {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.mosaic h3:before,
.mosaic h3:after {
    content: '';
    border-top: 1px solid white;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

.mosaic h3:after {
    margin: 0 0 0 20px;
}

.mosaic .wp-block-columns {
margin-bottom: 20px;
}

.mosaic {
margin-bottom: 200px;
}

.smartphone-projet {
position: relative;
top: -20px;
}

.full-size-video iframe{
margin: auto !important;
width: 100% !important;
height: 43em !important;
}

.img-Phone-RdT {
position: relative;
top: -50px;
margin-bottom: -40px;
}

/*--------------------------------------------------------------
## Responsive
--------------------------------------------------------------*/


@media screen and (max-width: 1199px) {

.img-sentsu-fighter img {
top: 5% !important;
left: 45% !important;
width: 55% !important;
}

.cadre-txt h3{
line-height: 1.2;
padding: 0px 10px 0px 10px;
margin: -150px 0px 0px -15px;
}

.projets-patchwork img {
max-width: 90%;
height: auto;
}
	
.img-screen-leo-pompier {
width: 90%;
}

.img-jaquette-leo-pompier {
left: 200px;
width: 50%;
}

.img-leo-pompier {
top: -420px;
left: -70px;
width: 70%;
}
	
.img-HC-characters {
  top: -400px;
  left: 110px;
}

.projets-plateforme-jeu {
height: 200px;
margin-bottom: 180px;
}

.img-boule-bill {
top: -550px;
left: -110px;
}

.img-aquiom {
  left: 50px;
}

.img-feu-vert {
	top: -10px;
	max-width: 80%;
}

.img-helice-holo {
  top: -170px;
  left: 110px;
}

.img-rails-temps {
  top: -400px;
}

.img-rallye {
  top: -420px;
}

.projets-logos {
  margin-bottom: 170px;
}

.img-gravity-goat {
  left: 55px;
}

.img-angry-squirrels {
  top: -50px;
  left: -10px;
	max-width: 80%;
}

.img-pokeet {
  position: relative;
  top: -300px;
  left: 245px;
	max-width: 70%;
}

.projets-concours {
  height: 300px;
	margin-bottom: 150px;
}

.img-banque-pop {
  left: 45px;
}

.img-binck {
  left: 20px;
}

.img-gratto-cadeaux {
	max-width: 70%;
  top: -348px;
  left: -60px;
}

.projets-perso {
  margin-bottom: 180px;
}

.img-metal-gear-lego {
  position: relative;
  top: 0px;
  left: -15px;
}

.img-mod-foxhole {
  top: -38px;
  left: 0px;
}

.img-plume-sucre {
  top: -480px;
	left: 95px;
}

.img-weeble {
  position: relative;
  top: -550px;
  left: 210px;
}
	
.projets-perso .cadre-diag{
	padding: 0px 20px 0px 20px;
}

.cadre-softs figure{
width: 50px;
text-align: center;
}
	
.cadre-softs figure img{
height: 50px;
}
	
.cadre-softs figure:last-child img{
height: 40px;
}
	
.block-a-propos div:first-child{
	position: absolute;
  width: 50%;
	left: -10px;
}

.txt-a-propos{
flex-basis: 100% !important;
padding-left: 400px;
}

.app-icon-marketing img {
width: 35% !important;
height: auto;
margin: -45px 0px 20px auto;
}

.full-size-video .youtube-player{
margin: auto !important;
width: 100% !important;
height: 25em !important;
}
	
.lego-gif img{
max-height: 300px;
width: auto;
}

.smartphone-projet {
top: 15px;
}

}

@media screen and (min-width: 780px) and (max-width: 990px){

.img-sentsu-fighter img {
top: 6% !important;
}

.cadre-diag h3 {
top: -105px;
}

h3 {
font-size: 35px;
line-height: 1.5;
}

.cadre-txt h3{
padding: 0px 10px 0px 10px;
margin: -125px 0px 0px -15px;
}

.projets-patchwork img {
max-width: 80%;
height: auto;
}

.projet-leo-firefighter {
margin-top: 200px;
margin-bottom: 200px;
}

.img-screen-leo-pompier {
top: 0px;
width: 120%;
}

.img-jaquette-leo-pompier {
top: -55px;
left: 180px;
width: 60%;
}

.img-leo-pompier {
top: -315px;
left: -50px;
width: 90%;
}

.projets-hyper-casual {
margin-bottom: 240px;
}

.img-sneaky-draw {
	top: 50px;
}

.img-face-dance {
	top: -20px;
	left: -60px;
}

.img-HC-characters {
  top: -220px;
}

.projets-plateforme-jeu {
margin-bottom: 120px;
}

.img-grattez {
top: 0px;
}

.img-flibus {
top: -150px;
left: 90px;
}

.img-boule-bill {
top: -350px;
left: -50px;
}

.projets-marketing-3D {
margin-bottom: 80px;
}

.img-aquiom {
top: 115px;
}

.img-feu-vert {
top: 90px;
}

.img-helice-holo {
top: -30px;
}

.projets-webdesign {
  margin-bottom: 0px;
}

.img-rails-temps {
  top: -310px;
}

.img-potager {
top: 20px;
left: 105px;
}

.img-rallye {
  top: -270px;
	left: -50px;
}

.projets-logos {
  margin-bottom: 80px;
}

.img-gravity-goat {
	top: 130px;
}

.img-angry-squirrels {
  top: 100px;
}

.img-pokeet {
  top: -110px;
  left: 190px;
}

.projets-concours {
	margin-bottom: 110px;
}

.img-banque-pop {
  top: 90px;
  left: 70px;
}

.img-binck {
  top: 90px;
  left: 50px;
}

.img-gratto-cadeaux {
	max-width: 70%;
  top: -80px;
  left: -60px;
}

.img-metal-gear-lego {
  top: 30px;
}

.img-mod-foxhole {
  top: 0px;
}

.img-plume-sucre {
  top: -300px;
	left: 108px;
}

.img-weeble {
  top: -360px;
  left: 130px;
}
	
.projets-perso .cadre-diag{
	padding: 0px 20px 0px 20px;
}

.block-a-propos {
	padding-top: 600px;
}
	
.block-a-propos div:first-child{
	position: absolute;
  width: 65%;
	left: 120px;
}

.txt-a-propos{
flex-basis: 100% !important;
padding-left: 30px;
position: relative;
top: -580px;
}

.cadre-aptitudes h3{
margin: -80px 0px 0px 25px;
}

.cadre-softs img{
height: auto;
width: 50px;
}

.app-icon-marketing img {
width: 28% !important;
}

}

@media screen and (max-width: 780px){
.top-bar-right p{
float: right;
}

.menu-toggle {
  color: #ffac0c !important;
}

.menu-toggle:hover {
  color: #ff5400 !important;
}

.img-sentsu-fighter{
margin-top: -180px;
left: auto;
right: -50%;
}

.img-sentsu-fighter img {
position: relative;
top: 80px !important;
left: auto;
right: -49%;
}

h3 {
font-size: 45px;
line-height: 1.2;
margin: 50px 0px 0px 10px;
}

.cadre-txt h3{
font-size: 45px;
line-height: 1.3;
padding: 0px 10px 0px 10px;
margin: -150px 0px 0px -10px;
}

.cadre-txt {
margin: 100px 0px 0px -10px;
}

.app-icon-marketing {
margin: 0px 0px 100px 0px !important;
}

.swap-L {
order: 1;
}

.swap-R {
order: 2;
}

.block img {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}

.img-sentsu-fighter img {
z-index: 1;
}

.cadre-diag {
order: 2;
}

.projets-patchwork {
	order: 1;
}

.projets-patchwork img {
max-width: 70%;
height: auto;
}

.projet-leo-firefighter {
height: 100px;
margin-top: -50px;
margin-bottom: 850px;
}

.img-screen-leo-pompier {
top: 0px;
left: 120px;
width: 100%;
}

.img-jaquette-leo-pompier {
top: -110px;
left: 420px;
width: 40%;
}

.img-leo-pompier {
top: -450px;
left: 60px;
width: 60%;
}

.projets-hyper-casual {
margin-bottom: 500px;
}

.img-sneaky-draw {
	top: -10px;
  left: 45px;
}

.img-face-dance {
	top: -90px;
	left: -30%;
	right: auto;

}

.img-HC-characters {
top: -400px;
left: auto;
right: -30%;
}

.projets-plateforme-jeu {
height: 350px;
margin-bottom: 550px;
}

.img-grattez {
top: 70px;
left: 90px;
}

.img-flibus {
top: -150px;
left: auto;
right: -40%;
}

.img-boule-bill {
top: -440px;
left: 2%;
right: auto;
}

.img-boule-bill img{
	max-width: 50%;
}

.projets-marketing-3D {
height: 350px;
margin-bottom: 520px;
}

.img-feu-vert {
top: -10px;
}

.img-feu-vert img{
	max-width: 60%;
}

.img-helice-holo {
top: -220px;
left: auto;
right: -5%;
}

.img-helice-holo img{
	max-width: 90%;
}

.projets-webdesign {
height: 350px;
margin-bottom: 680px;
}

.img-rails-temps {
  top: -250px;
  left: 50px;
}

.img-potager {
top: 70px;
left: auto;
right: -40%;
}

.img-rallye {
  top: -300px;
  left: 80px;
}

.projets-logos {
height: 350px;
margin-bottom: 500px;
}

.img-gravity-goat {
top: -90px;
left: auto;
right: -30%;
}

.img-angry-squirrels {
top: -140px;
}

.img-angry-squirrels img{
max-width: 70%;
}

.img-pokeet {
position: relative;
top: -420px;
left: auto;
right: -35%;
}

.img-pokeet img{
max-width: 90%;
}

.projets-concours {
height: 350px;
margin-bottom: 700px;
}

.img-banque-pop {
  top: 50px;
  left: 10%;
}

.img-banque-pop img{
	max-width: 100%;
}

.img-binck {
  top: -40px;
  left: -20px;
}

.img-gratto-cadeaux {
  top: -200px;
  left: 50%;
}

.projets-perso {
height: 350px;
margin-bottom: 700px;
}

.img-metal-gear-lego {
  top: -100px;
	left: 200px;
}

.img-mod-foxhole {
  top: -200px;
	left: 0px;
}

.img-plume-sucre {
  top: -775px;
	left: -60%;
}
	
.img-plume-sucre img{
	max-width: 80%;
}

.img-weeble {
top: -400px;
left: auto;
right: -300px;
}

.img-weeble img{
	max-width: 90%;
}

.block-a-propos div:first-child {
order: 2;
width: 100%;
}

.block-a-propos div:first-child img {
height: 500px;
width: auto;
display: block;
margin: auto;
}

.txt-a-propos {
order: 1;
padding-left: 30px;
margin-bottom: 500px !important;
}

.cadre-softs {
padding-bottom: 50px;
}
	
.cadre-softs figure{
width: 80px;
text-align: center;
}
	
.cadre-softs figure img{
height: auto;
}
	
.cadre-softs figure:last-child img{
height: auto;
}

.scroll-back-to-top-wrapper {
position: absolute;
bottom: 25px;
right: 30px;
}

}

@media screen and (max-width: 648px){

.img-sentsu-fighter img {
transform:translateX(-8em)!important;
}

.cadre-txt {
margin-top: 30px !important;
}

.app-icon-marketing{
margin-top: 45px !important;
}

img {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}

.img-plume-sucre {
top: -750px;
}

.img-weeble {
top: -130%;
left: auto;
right: -10%;
}
	
.cadre-softs figure{
margin-top: 40px;
width: 40px;
text-align: center;
}
	
.cadre-softs figure img{
height: 40px;
}
	
.cadre-softs figure:last-child img{
height: 30px;
}

}

@media screen and (max-width: 600px){

.BG-img-top {
top: 100px;
}

.site-title {
font-size: 1.1em !important;
}

p.site-description {
font-size: 0.8em;
}

h2 {
font-size: 3em;
padding: 20px 0px 40px 0px;
}

h3 {
font-size: 2em;
margin: 25px 0px 0px 10px;
}

.cadre-txt h3 {
font-size: 2.2em;
padding: 0px 10px 0px 10px;
margin: -120px 0px 0px -10px !important;
}

.cadre-txt {
margin-top: 65px !important;
}

.cadre-diag h3{
top: -75px;
}

.img-sentsu-fighter img {
position: absolute;
top: auto !important;
transform:translateY(18.2em)!important;
left: auto !important;
right: 1.8% !important;
width: 100% !important;
}

.wp-block-columns {
  margin-bottom: 80px;
}

.block-prez-home .cadre-diag{
padding-top: 50%;
margin-top: 10% !important;
}

.block-prez-home .cadre-diag p{
padding: 80px 20px 20px 20px;
}

.cadre-diag {
padding: 0px 0px 0px 0px;
}

.cadre-diag p{
background: none;
font-family: Gilroy;
font-size: 14px;
text-align: center;
color: #fff;
word-break: normal;
padding: 50px 20px 20px 20px;
}

.wp-block-button__link, .wpforms-submit {
font-size: 1.1em !important;
padding: 15px 30px !important;
}

.wpforms-one-half{
width: 100% !important;
margin-left: auto !important;
margin-top: 20px !important;
}

.projets-patchwork {
margin-bottom: 0px !important;
}

.projets-patchwork figure, .projets-patchwork div{
top: 0px !important;
left: 0px !important;
right: auto !important;
}

.projets-patchwork img {
max-width: 100% !important;
height: auto !important;
top: 0px !important;
left: 0px !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}

.projet-leo-firefighter {
height: auto !important;
margin-bottom: 5em;
}

.projet-leo-firefighter	.cadre-diag {
margin-top: 180% !important;
}

.img-jaquette-leo-pompier {
margin-top: 10% !important;
margin-left: 15% !important;
width: 70% !important;
left: 0px !important;
}

.img-leo-pompier {
width: 70% !important;
margin-left: 10% !important;
}
	
.projets-hyper-casual {
height: auto !important;
margin-bottom: 5em;
}

.projets-hyper-casual	.cadre-diag {
margin-top: 80% !important;
}

.img-face-dance img{
max-width: 70% !important;
}

.projets-plateforme-jeu {
height: auto !important;
margin-bottom: 10em;
}

.projets-plateforme-jeu	.cadre-diag {
margin-top: 580px !important;
}

.projets-marketing-3D {
height: auto !important;
margin-bottom: 5em;
}

.projets-marketing-3D	.cadre-diag {
margin-top: 45% !important;
}

.img-helice-holo figure {
float: initial !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}

.projets-webdesign {
height: auto !important;
margin-bottom: 5em;
}

.projets-webdesign .cadre-diag {
margin-top: 430px !important;
}

.projets-logos {
height: auto !important;
margin-bottom: 5em;
}

.projets-logos .cadre-diag {
margin-top: 440px !important;
}

.img-angry-squirrels {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}

.img-pokeet figure {
float: initial !important;
}

.img-pokeet {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}

.projets-concours {
height: auto !important;
margin-bottom: 5em;
}

.projets-concours .cadre-diag {
margin-top: 230px !important;
}

.img-gratto-cadeaux {
margin-left: auto !important;
margin-right: auto !important;
}

.img-gratto-cadeaux img{
width: 100% !important;
}

.projets-perso {
height: auto !important;
margin-bottom: 5em;
}

.projets-perso .cadre-diag {
margin-top: 770px !important;
}
	
.img-plume-sucre figure{
float: initial !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}

.img-weeble figure{
float: initial !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}

.block-a-propos {
height: 1300px;
}

.block-a-propos h3{
margin: -135px 40px 0px -15px;
padding-bottom: 30px;
}

.txt-a-propos {
order: 1;
padding: 80px 0px 0px 20px !important;
margin-bottom: 340px !important;
}

.block-a-propos div:first-child img {
height: auto;
max-width: 100%;
vertical-align: bottom;

}

.cadre-softs h4 {
margin-bottom: -30px;
}

.cadre-softs img{
height: auto;
width: 35px;
}

.cadre-aptitudes h3 {
margin: -55px 0px 0px 25px;
}

.cadre-aptitudes {
padding: 0px 10px 0px 0px !important;
}

.cadre-aptitudes ul{
padding: 30px 0px 0px 30px !important;
}

.scroll-back-to-top-wrapper {
bottom: 45px;
}

.site-footer{
padding: 5px 20px 10px 20px;
line-height: 1.5;
}

}

@media screen and (max-width: 550px){

.projets-logos .cadre-diag {
margin-top: 80% !important;
}

.projets-concours .cadre-diag {
margin-top: 45% !important;
}

.projets-perso .cadre-diag {
margin-top: 170% !important;
}

.block-a-propos {
height: 1450px;
}

}

@media screen and (max-width: 420px){

.projets-plateforme-jeu	.cadre-diag {
margin-top: 150% !important;
}

.projets-marketing-3D	.cadre-diag {
margin-top: 25% !important;
}

.projets-webdesign .cadre-diag {
margin-top: 100% !important;
}

.projets-logos .cadre-diag {
margin-top: 45% !important;
}

.projets-concours .cadre-diag {
margin-top:10% !important;
}

.projets-perso .cadre-diag {
margin-top: 180% !important;
}

.block-a-propos {
height: 1500px;
}

}

@media screen and (max-width: 330px){

.projets-hyper-casual	.cadre-diag {
margin-top: 50% !important;
}

.projets-plateforme-jeu	.cadre-diag {
margin-top: 130% !important;
}

.projets-marketing-3D	.cadre-diag {
margin-top: 0% !important;
}

.projets-webdesign .cadre-diag {
margin-top: 110% !important;
}

.projets-logos .cadre-diag {
margin-top: 0% !important;
}

.projets-concours .cadre-diag {
margin-top: -120px !important;
}

.projets-perso .cadre-diag {
margin-top: 180% !important;
}

.block-a-propos {
height: 1800px;
}

.full-size-video .youtube-player{
margin: auto !important;
width: 100% !important;
height: 9em !important;
}

}