/*************************************/
/* -------- DARK-SEVEN.COM --------- */
/*************************************/

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Raleway:900|Roboto|Roboto+Condensed&display=swap');

* {margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; letter-spacing: 0; font-weight: 400;}
html {margin-top:0px !important; overflow-x: hidden; max-width: 100%;}
body {background-color: white; color: black; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.625; /*perspective: 1000px;*/	/*transform-style: preserve-3d;*/ /*display: flex;*/ min-height: 100vh;}

em{background:#f5a465; color:black; font-size: 18px; padding: 7px 10px;}
input, select, textarea {background: black; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight:normal; color:#999999; padding:15px 10px; border-top:0;  border-left:0; border-right:0; border-bottom:3px solid #444444;
 -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
input:focus, select:focus, textarea:focus{color:white; border:0; outline: 0; box-shadow:0; border-bottom:3px solid #f5a367;}

/* On resolu les bugs sur ces standards*/
::-webkit-resizer{background: transparent !important;}

.title-area, .post-edit-link{display:none;}
.content{padding: 0 40px;}
.site-inner{position: relative; min-height: 100%; margin:80px 0 0 0;}
.site-inner .wrap {position: relative; max-width:100%; min-height: 100%;}
.site-inner .content, .site-inner{padding:0;}
.wrap {max-width: 1200px;}
.wrapper{margin: 0 auto; max-width: 1200px; position: relative;}
.center{text-align: center;}
.clear{clear:both; height:0;}
.clear-ecart{clear:both; height:60px;}

.outreach-pro-blue, .outreach-pro-blue .footer-widgets, .outreach-pro-blue .site-footer {background-color: white;}
.outreach-pro-blue .button:hover, .outreach-pro-blue .site-header, .outreach-pro-blue button:hover, .outreach-pro-blue input:hover[type="button"], .outreach-pro-blue input:hover[type="reset"], .outreach-pro-blue input:hover[type="submit"] {
 background-color: white; color: black;}
.outreach-pro-blue .archive-pagination .active a, .outreach-pro-blue .archive-pagination li a:hover, .outreach-pro-blue .button, .outreach-pro-blue .nav-primary, .outreach-pro-blue button, .outreach-pro-blue input[type="button"], .outreach-pro-blue input[type="reset"], .outreach-pro-blue input[type="submit"] {
 background-color: white; color: black;}
 .entry {margin-bottom:0;}
 .entry-content ol, .entry-content p, .entry-content ul {margin:0;}

/* BASES */

.page-bg{background: url('https://www.dark-seven.com/v2/wp-content/uploads/2020/03/pages-bg-lines.jpg') center center repeat-y scroll;}

.lien_noir{font-family: 'Roboto Condensed', sans-serif; font-size:30px; color:black; display:block; width: 290px; height: 55px; padding:5px 0; background: white; position: relative; z-index: 10; overflow: hidden;}
.lien_noir::before{content: ""; height:280px; left: -370px; opacity: 1;  display:block; position: absolute; top: -130px; transform: rotate(40deg); width:300px; z-index:-10;
background-image:linear-gradient(45deg,#f4be67 0%,#f4be67 35%,#ed6e53 66%,#ed6e53 100%); animation:animtext 5s linear infinite;-webkit-animation:animtext 5s linear infinite;background-size:200%;
-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.cadre_saumon{width:300px; height: 65px; padding: 5px; background: linear-gradient(to top, #ed6e53, #f4be67); display:block; text-align: center; margin:0 auto; position: relative; z-index:5;
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.cadre_saumon:hover .lien_noir::before{left: 0;}
.cadre_saumon:hover {background: linear-gradient(to top, black, grey); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.cadre_noir{width:300px; height: 65px; padding: 5px; background: linear-gradient(to top, black, grey); display:block; text-align: center; margin:0 auto; position: relative; z-index:5;
  -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.cadre_noir:hover .lien_noir::before{left: 0;}
.cadre_noir:hover {transition: background-color 1s; background: linear-gradient(to top, black, grey); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

h2.titre-saumon {font-family: 'Roboto Condensed',sans-serif; font-size: 30px; background: #f16e52; color: #fff; padding: 20px 30px; margin: 0 auto; position: relative; display: inline-block;}

.titre-page{text-align: center; padding:50px 0 30px 0;}
.titre{font-family: 'Roboto Condensed', sans-serif; font-size:45px;}
.titre_tiret{content:" "; width:90px; height:4px; display:block; margin:24px auto 0 auto;}

.b_noir{background:black;}
.c_noir{color:black;}
.b_blanc{background:white;}
.c_blanc{color:white;}
.b_jaune{background:#f5a367;}
.c_jaune{color:#f5a367;}
.c_vert{color:#49e849;}
.b_saumon{background:#f16e52;}
.c_saumon{color:#f16e52;}

.moins480, .moins600, .moins860{display: none;}

/* Scrollbar */

/* width */ ::-webkit-scrollbar {width:12px;}
/* button */ ::-webkit-scrollbar-button {background: #222;}
/* Handle */ ::-webkit-scrollbar-thumb {background:#f5a366; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
/* Handle on hover */ ::-webkit-scrollbar-thumb:hover {background:#f5a366 !important;}
/* Track */ ::-webkit-scrollbar-track {background: #000000;} /* DDD
/* The track NOT covered by the handle.*/ /*::-webkit-scrollbar-track-piece {background:red;}*/
/* Corner */ ::-webkit-scrollbar-corner {background: #999;}
/* Resizer */ ::-webkit-resizer {background: #111;}




#ascrail2000, .nicescroll-cursors{-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#ascrail2000:hover, #ascrail2000:hover .nicescroll-cursors, #ascrail2000:active, #ascrail2000:active .nicescroll-cursors{width:25px !important;}
.nicescroll-cursors:hover, #ascrail2000:active .nicescroll-cursors{background:#f5a366 !important;}

/* Loader */
.loader {display:block; position : fixed; z-index:500; background :white; top : 0px; left : 0px; height : 100%; width : 100%; cursor : wait;}
.loader_svg {position: absolute; left:50%; top:50%; width:150px; height:150px; transform: translate(-50%, -50%); z-index: 50;}
.loader_svg img{animation:pulse infinite 500ms; width:150px; height:150px;}
.loader_elipse{position: absolute; left:50%; top:50%;   transform: translate(-50%, -50%); z-index: 10; width:200px; height: 200px;}
.loader_elipse img{ position: absolute; margin-top:50px; width:200px; height:200px; margin-top:-20px; animation:700ms linear 0s infinite rotate_gauche; -webkit-animation:700ms linear 0s infinite rotate_gauche;}
.loader_home_content{position: absolute; left:50%; top:50%; width:600px; text-align:center; transform: translate(-50%, -50%);}

.ml11 {font-size: 3.5em; color:transparent;}
.ml11 .text-wrapper {position: relative; display: inline-block; padding-top: 0.1em; padding-right: 0.05em; padding-bottom: 0.15em;}
.ml11 .line {position: absolute; left: 0; height: 100%; width:6px; background-color: #f16e52}
.ml11 .line1 {top: 0; left: 0;}
.ml11 .letter {line-height: 1em; font-family: 'Roboto Condensed', sans-serif; text-transform: capitalize; font-weight: normal; opacity:0; color:white;}

/* Animations */

@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}
@-webkit-keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}
@keyframes up_anim {from { background-position: 0 100%; }to { background-position: 0 0; }} @-webkit-keyframes up_anim {from { background-position: 0 100%; }to { background-position: 0 0; }}
@keyframes down_anim {from { background-position: 0 0; }to { background-position: 0 100%; }} @-webkit-keyframes down_anim {from { background-position: 0 0; }to { background-position: 0 100%; }}
@keyframes animtext{0%{background-position:0% 43%;}50%{background-position:100% 58%;}100%{background-position:0% 43%;}} @-webkit-keyframes animtext{0%{background-position:0% 43%;}50%{background-position:100% 58%;}100%{background-position:0% 43%;}}
/*@keyframes spin {from {transform: rotate(0deg);} to {transform: rotate(360deg);}} @-webkit-keyframes spin {from {transform: rotate(0deg);} to {transform: rotate(360deg);}}*/
@keyframes animtext{0%{background-position:0% 43%;}50%{background-position:100% 58%;}100%{background-position:0% 43%;}} @-webkit-keyframes animtext{0%{background-position:0% 43%;}50%{background-position:100% 58%;}100%{background-position:0% 43%;}}
@keyframes rotate_gauche{from {transform: rotate(360deg);} to {transform: rotate(0deg);}} @-webkit-keyframes rotate_gauche{from {transform: rotate(360deg);} to {transform: rotate(0deg);}}
@keyframes rotate_droite{from {transform: rotate(0deg);} to {transform: rotate(360deg);}} @-webkit-keyframes rotate_droite{from {transform: rotate(0deg);} to {transform: rotate(360deg);}}

/* HEADER MENU */

header.entry-header, .site-header{display:none}
#wpadminbar{bottom:0;}
.nav-primary {background:#0c0c0c; z-index:999; position: fixed; top:0; left:0; width:100%;}
.nav-primary .wrap{max-width: 100%;}
.genesis-nav-menu {line-height: 1; text-align: right; /*max-height: 75px;*/ overflow: hidden;}
.genesis-nav-menu a {padding: 30px 40px;}
.genesis-nav-menu .current-menu-item>a, .genesis-nav-menu .current-menu-item>a, .genesis-nav-menu .sub-menu .current-menu-item>a:hover, .genesis-nav-menu a:hover, .genesis-nav-menu li:hover>a {color:white; background:#171717;
	-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.genesis-nav-menu span{font-family: 'Roboto Condensed', sans-serif; font-size:22px; font-weight:400; color: white; text-transform: capitalize;}
.genesis-nav-menu a::first-letter{color:#f5a366 !important;}
.genesis-nav-menu img{position:relative; z-index:2;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.genesis-nav-menu li:first-child  {float: left;}
.genesis-nav-menu li:first-child a{padding: 19px 40px;}
.genesis-nav-menu li:first-child a::before {position: absolute; display: inline-block; height: 0; width: 0; opacity:0; border-top: 40px solid #f16e52; border-right: 23px solid transparent; border-left: 23px solid transparent; content: " "; z-index: 1;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.genesis-nav-menu li:first-child:hover img{transform:scale(0.75); margin-top: -2px;}
.genesis-nav-menu li:first-child:hover a::before {opacity:1;}

/* ACCUEIL */

.home .site-inner{margin:0;}
#accueil_intro{width:100%; height: 100vh; overflow: hidden; background:#0c0c0c; position: relative;}
#accueil_intro_bg_left{width:50%; height: 100vh; background:#0c0c0c; position:absolute; z-index:3; top:0; left:0;}
#accueil_intro_bg_right{width:50%; height: 100vh; background:#1c1c1c; position:absolute; z-index:0; top:0; right:0; overflow: hidden;}
#accueil_intro_bg_right::after {animation: grain 8s steps(10) infinite; -webkit-animation: grain 8s steps(10) infinite; background-image: url("https://www.dark-seven.com/v2/wp-content/uploads/2019/12/acceuil_intro_grain_light.jpg");  content: "";  height: 500%;  left: -50%;  opacity: 0.25;  position: absolute;  z-index:2; top: -300%;  width: 300%;}

#accueil_intro_bg_DARKSEVEN{width: 50.8%; top:68px; height: auto;  right: 0; float: right; position: absolute; z-index: 2; /*opacity: 0.15;*/ opacity: 0;}
#accueil_intro_animate {pointer-events: none; transform: translateZ(0); width: 100%; height: 100vh; margin: auto; transform-style: preserve-3d; backface-visibility: hidden; display: flex; position: relative; z-index:4;
-webkit-transition: all 1.5s ease-out; -moz-transition: all 1.5s ease-out; -o-transition: all 1.5s ease-out; -ms-transition: all 1.5s ease-out; transition: all 1.5s ease-out;}
.accueil_intro_animate_content{ margin: auto; transform-style: preserve-3d; width: 100%; height: 100vh;}
#accueil_intro_animate img{position:absolute; width: auto; height: 100vh;}
#accueil_intro_animate_1{z-index: 8; transform: translateZ(350px);}
#accueil_intro_animate_2{z-index: 7; transform: translateZ(300px);}
#accueil_intro_animate_3{z-index: 6; transform: translateZ(250px);}
#accueil_intro_animate_4{z-index: 5; transform: translateZ(200px);}

.accueil_intro_mouse {height: 60px; width: 32px; border: 2px solid #3c3c3b; border-radius: 32px; position: absolute; z-index: 10; left:50%; bottom:20px; transform: translate(-50%, -50%);}
.accueil_intro_scrollWheel {height: 15px; width: 3px; background: #999999; position: absolute; z-index:11; left: 0; right: 0; margin: 0 auto; top: 10px; border-radius: 100px; transform: scaleY(0); animation: scroll 2s linear infinite; -webkit-animation: scroll 2s linear infinite;}

@keyframes scroll {
  0% {transform: scaleY(0); opacity:0; transform-origin: top;}
  25% {transform: scaleY(1); transform-origin: top; opacity:0.25;}
  26% {transform-origin: bottom;}
  50% {transform: scaleY(0); transform-origin: bottom; opacity:0.5;}
  100% {transform: scaleY(0); transform-origin: bottom; opacity:0;}
}
@-webkit-keyframes scroll {
  0% {transform: scaleY(0); opacity:0; transform-origin: top;}
  25% {transform: scaleY(1); transform-origin: top; opacity:0.25;}
  26% {transform-origin: bottom;}
  50% {transform: scaleY(0); transform-origin: bottom; opacity:0.5;}
  100% {transform: scaleY(0); transform-origin: bottom; opacity:0;}
}

#accueil_intro_titre{position:absolute; z-index:20; top:50%; left:3%; transform:translateY(-50%); }
#accueil_intro_titre h5{font-size:5vw; line-height:auto; font-family: 'Roboto Condensed', sans-serif; text-transform: capitalize;
background-image:linear-gradient(45deg,#f4be67 0%,#f4be67 35%,#ed6e53 66%,#ed6e53 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:animtext 5s linear infinite;-webkit-animation:animtext 5s linear infinite;background-size:200%;}
#accueil_intro_citation{bottom:57px; left:3%; position:absolute; z-index:16; color:white; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400;}
#accueil_intro_citation_background{width:400px; height:40px; bottom:50px; left:-50px; position:absolute; z-index:15; background:#f06548;
-webkit-transform:skew(25deg);	-moz-transform:skew(25deg);	-o-transform:skew(25deg); tranform:skew(25deg);}
ul#accueil_intro_keywords{bottom:30px; right:3%; position:absolute; z-index:16; list-style:none; margin-left:0; padding-left:0;}
ul#accueil_intro_keywords li{list-style:none;}
.keywords{font-family: 'Roboto Condensed', sans-serif; color:#9d9d9c; font-size:2.5vw; text-transform: capitalize;}
.keywords::after {content: " .";}

#accueil_intro_apropos{bottom:320px; right:0; position: absolute; z-index: 18;}
#accueil_intro_apropos_titre{font-family: 'Roboto Condensed', sans-serif; font-size:32px; color:#f5a366; text-align: right; position: absolute; z-index: 18; right:130px; top:5px; width: 215px;}
#accueil_intro_apropos_texte{font-family: 'Roboto', sans-serif; color:#b2b2b2; font-size:16px; text-align: right; display: inline-block; position: absolute; z-index: 18; right:130px; top:60px; width: 215px;}
#accueil_intro_apropos_background{width:400px; height: 130px;background:rgba(0,0,0,0.5); position:absolute; z-index:15; right:-150px; -webkit-transform:skew(25deg); -moz-transform:skew(25deg); -o-transform:skew(25deg); tranform:skew(25deg);}
#accueil_intro_apropos_triangle{margin: 10px 0 0 20px; width:1px; height:1px; border:1px solid #f06548; border-color:transparent transparent transparent #f06548; border-width:13px;}
#accueil_intro_apropos_cercle{border:1px solid #575756; width:50px; height:50px; border-radius:50px; position: absolute; z-index: 18; right:38px; top:38px;}

.acceuil_texte_contenu{font-family: 'Roboto', sans-serif; font-size:18px; position: relative; z-index: 3; line-height: 37px;}

.accueil_experiences{text-align: center; padding:80px 0 0 0; background: linear-gradient(180deg, #f06548 75%, #FFFFFF 75%);}
.accueil_experiences_texte{margin:80px 0 0 0; margin: 80px auto 0 auto; width: 800px;}
.accueil_experiences_texte_contenu{text-align:center; padding:36px 90px 0 0px;}
.accueil_experiences_texte_background{width:550px; height:180px; background:black; position: absolute; left:50%; z-index: 2; margin-left:-150px; -webkit-transform:skew(-25deg); -moz-transform:skew(-25deg); -o-transform:skew(-25deg); tranform:skew(-25deg);}

.ms-skin-black-2 .ms-nav-next, .ms-skin-black-2 .ms-nav-prev {border:none;   -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.ms-skin-black-2 .ms-nav-next:hover, .ms-skin-black-2 .ms-nav-prev:hover {background-color: #ef6d4d;}

.accueil_portfolio_slider{margin:130px 0 0 0;}
.accueil_portfolio_slider .ms-slide-info{display: none;}
.accueil_portfolio_liste{position:absolute; z-index: 1; left:-50px; text-align:left; padding: 113px 0 0 90px; background-image: url("https://www.dark-seven.com/v2/wp-content/uploads/2019/12/accueil_portfolio_liste.png"); width:450px; height: 586px;}
.accueil_portfolio_liste h1{display: inline; font-family: 'Roboto Condensed', sans-serif; font-size:28px; color:black; line-height: 1.6; text-transform: capitalize;}

.accueil_portfolio_patterns {width:700px; margin:0 auto 100px auto; position: relative; z-index:7; padding:100px 0 0 50px;}
.accueil_portfolio_patterns h1{font-family: 'Raleway', sans-serif; color:#d6d6d6; font-size: 72px; text-transform: uppercase; font-weight:900; background: url('https://www.dark-seven.com/v2/wp-content/uploads/2020/02/accueil_portfolio_patterns_background.png');
background-repeat: repeat; -webkit-text-fill-color: rgba(0,0,0,0.05); -webkit-background-clip: text; font-weight: bold;}

.accueil_portfolio_triangle1{position: absolute; left:50%; margin: 7% 0 0 -13%; z-index: 1; animation:rotate_gauche 10s linear infinite;-webkit-animation:rotate_gauche 10s linear infinite;}
.accueil_portfolio_triangle2{position: absolute; left:50%; margin: 12% 0 0 11%; z-index: 2; animation:heartBeat 2s linear infinite;-webkit-animation:heartBeat 2s linear infinite;}

img.accueil_portfolio_triangle3{animation:rotate_gauche 7s linear infinite;-webkit-animation:rotate_gauche 7s linear infinite;}
.accueil_portfolio_triangle3{position: absolute; left:50%; margin: 33% 0 0 20%; z-index: 3; animation:heartBeat 2s linear infinite;-webkit-animation:heartBeat 2s linear infinite;}

.accueil_portfolio_triangle_anim{position: absolute; z-index: 0; left:50%;  margin: 19% 0 0 -12%; background-repeat: no-repeat; width: 190px; height: 200px; background-color: #f5a367; -webkit-mask-image: url(https://www.dark-seven.com/v2/wp-content/uploads/2019/12/accueil_portfolio_anim.svg); mask-image: url(https://www.dark-seven.com/v2/wp-content/uploads/2019/12/accueil_portfolio_anim.svg);
animation:rotate_droite 12s linear infinite;-webkit-animation:rotate_droite 12s linear infinite;}
.accueil_portfolio_triangle_anim::after{content: " "; position: absolute; z-index: 1; width:300px; height: 300px; background:#f16e52;  transform: rotate(20deg); animation:portfolio_triangle_anim 10s linear infinite;-webkit-animation:portfolio_triangle_anim 10s linear infinite;}
@keyframes portfolio_triangle_anim{0%{left:0; top: -300px;}50%{left:-100px; top: 300px;}100%{left:0; top:-300px;}} @-webkit-keyframes portfolio_triangle_anim{0%{left:0; top: -300px;}50%{left:-100px; top: 300px;}100%{left:0; top:-300px;}}

.accueil_portfolio_btn{top:-50px; right:-50px; position: absolute; width:385px; height:501px; z-index:10;}
.accueil_portfolio_btn a{margin-top:240px; position: absolute;}
.accueil_portfolio_btn_img{position: relative; z-index: 0;}

.acceuil_banners{width:100%; height: 988px; background: url('https://www.dark-seven.com/v2/wp-content/uploads/2019/12/accueil_banners_background.jpg') center 0 no-repeat fixed; background-size: cover; text-align: center; overflow: hidden; padding:70px 0 0 0;}
.acceuil_banners_texte{margin:30px 0 0 0; width:625px; float: right; position: relative; right: -95px;}
.acceuil_banners_texte_contenu{width:530px; text-align: right; margin:30px 90px 0 0px;}
.acceuil_banners_texte_background{width:500px; height:250px; background:black; position: absolute; z-index: 2; right: 0;
-webkit-transform:skew(-25deg);	-moz-transform:skew(-25deg); -o-transform:skew(-25deg); tranform:skew(-25deg);}
.accueil_banners_visu_right_1{position: absolute; right: 0;}
.accueil_banners_visu_right_2{position: absolute; right: 230px;}
.accueil_banners_visu_right_3{position: absolute; right: 40px;}

.accueil_newsletter{height: 770px; text-align: right; position: relative;}
.accueil_newsletter h1{margin:105px 0 0 0; text-align: right; position: relative; z-index: 1;}
.accueil_newsletter .titre_tiret {margin: 24px 0 0 0; float: right;}
.accueil_newsletter_titre_cercle{background: #f5a367; width:34px; height: 34px; position: absolute; right:0; border-radius:50%; z-index: 0; right: -10px; top:10px;}
.accueil_newsletter_texte{margin:80px 0 0 0; width:550px; float: right; position: relative; right: -193px;}
.acceuil_newsletter_texte_contenu{text-align: right; padding:30px 90px 0 0px;}
.accueil_newsletter_texte_background{width:348px; height:290px; position: absolute; z-index: 2; right: 0; background-image: url("https://www.dark-seven.com/v2/wp-content/uploads/2019/12/acceuil_grain_blanc.jpg"); opacity:0.4;
-webkit-transform:skew(-25deg);	-moz-transform:skew(-25deg); -o-transform:skew(-25deg); tranform:skew(-25deg);}
.accueil_newsletter_groscercle{position: absolute; z-index: 0; left:214px; top:-30px; animation:rotate_droite 10s linear infinite;-webkit-animation:rotate_droite 10s linear infinite;}
.accueil_newsletter_cerclepattern{position:absolute; width:560px; height: 560px; top:50px; left:-130px; border-radius:50%; background-image: linear-gradient(135deg, #afafaf 4.55%, transparent 4.55%, transparent 50%, #afafaf 50%, #afafaf 54.55%, transparent 54.55%, transparent 100%); opacity: 0.5;
background-size: 17.00px 17.00px; animation: up_anim 25s linear infinite; -webkit-animation: up_anim 25s linear infinite;}
.accueil_newsletter_petitcercle{position: absolute; z-index: 0; left:-100px; top:480px; animation:rotate_gauche 15s linear infinite;-webkit-animation:rotate_gauche 15s linear infinite;}
.accueil_newsletter_cerclepattern_rond_rouge{width:30px; height: 30px; border-radius:50%; position: absolute; top:515px; left:650px; background: linear-gradient(45deg, #f16e52, white);}
.accueil_newsletter_cerclepattern_rond_jaune{width:86px; height: 86px; border-radius:50%; position: absolute; top:620px; left:550px; background: linear-gradient(45deg, #f5a466, white);}
.accueil_newsletter_chanel{position: absolute; left: 187px;}

.accueil_apropos{width:100%; /*height:430px;*/ height:300px; background: url('https://www.dark-seven.com/v2/wp-content/uploads/2019/12/accueil_apropos_background-1.jpg') center center no-repeat scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; overflow: hidden; padding:70px 0 0 0;}

.accueil_temoignages{max-width: 1140px; height: 475px; background: url('https://www.dark-seven.com/v2/wp-content/uploads/2019/12/accueil_temoignages_background.jpg') center center no-repeat; margin:70px auto 0 auto; padding: 100px 0 0 0; position: relative;}
.accueil_temoignages_top{position: absolute; left:0;}
.accueil_temoignages_bottom{position: absolute; right:0; top: 150px;}

/* PORTFOLIO LISTE */

.project{float:left; width:50%; box-sizing: border-box; cursor: pointer; text-align: center; max-width: 400px; position:relative; padding:150px 0 50px 0; z-index: 0;}
.project:last-child{padding:150px 0 200px 0;}
.project:nth-child(2n+1) {float: left !important; clear: both;}
.project:nth-child(2n) {float: right !important;}
.project:nth-child(2n+1) .top, .project:nth-child(2n) .bottom{display: none;}

.project h2{font-family: "Josefin Sans"; font-size: 26px; font-weight: bold; color:#f5a367; text-transform: uppercase; position:relative; z-index: 2;
  -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.project img{position:relative; z-index:50; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.project .img_bg{opacity:0.5; position: absolute;
  -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.project:nth-child(2n+1) .img_bg{margin:-75px 0 0 0;}
.project:nth-child(2n) .img_bg{margin:75px 0 0 0;}

.project .bouton{background:#f5a367; height: 5px; width:100%; padding:0; position: absolute; z-index: 100;
  -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.project:nth-child(2n+1) .bouton{margin-top: -12px;}
.project .bouton span{background:#f5a367; font-family: 'Roboto', sans-serif; color:white; font-size:14px; padding:10px 20px; position: absolute; transform: translate(-50%, -50%); overflow: hidden;}
.project .bouton span::after {background: #f16e52; content: ""; height: 250px; left: -250px; opacity: 1;  position: absolute; top: -100px; transform: rotate(35deg); width: 200px; z-index: -10;
  -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

.project:nth-child(2n+1) h2{padding:30px 0 0 0;}
.project:nth-child(2n) h2{padding: 0 0 30px 0;}

.project:hover h2{color:#f16e52;}
.project:hover span::after {left: 0;}
.project:hover .bouton{background:#bebebe;}
.project:hover:nth-child(2n+1) .img_bg{margin:-110px 0 0 0;}
.project:hover:nth-child(2n) .img_bg{margin:110px 0 0 0;}

.project .line_content{background:#e8e8e8; height:200%; width:30px; position: absolute; z-index: 1; top:0; left:50%; transform: translateX(-50%); text-align: center;}
.project .line_inside{background:#d7d7d7; height:200%; width:1px; margin: 0 auto; z-index: 1;}
.project:nth-child(2n+1) .line_content{background: transparent;}
.project:nth-child(2n) .line_content{margin-left:-2px;}

.project_pattern_left{width:150px; height:100%; min-height: 100%; position:absolute; top:0; left:5%; z-index:1;}
.project_pattern_left .line{z-index:2; background:#f5a367; width:3px; height: 100%; position: absolute; left: 50%;  transform: translateX(-50%);}
.project_pattern_left .trame{z-index:1; background-image: linear-gradient(135deg, #c1c1c1 4.55%, transparent 4.55%, transparent 50%, #c1c1c1 50%, #c1c1c1 54.55%, transparent 54.55%, transparent 100%);
background-size: 11.00px 11.00px; width:50px; height: 100%; position: relative; left: 40%; opacity: 0.45;}
.project_pattern_left .jewels{width:19px; height:100%; animation: up_anim 75s linear infinite; -webkit-animation: up_anim 75s linear infinite; background-image: url("https://www.dark-seven.com/v2/wp-content/uploads/2019/12/portfolio_jewels.png"); position: absolute; z-index: 3; left: 50%;  transform: translateX(-50%);}

.project_pattern_center{width:150px; height:100%; min-height: 100%; position:absolute; top:0; left:50%; transform: translateX(-50%); z-index:1;}
.project_pattern_center .trame{z-index:2; background-image: linear-gradient(135deg, #c1c1c1 4.55%, transparent 4.55%, transparent 50%, #c1c1c1 50%, #c1c1c1 54.55%, transparent 54.55%, transparent 100%); opacity: 0.5;
background-size: 11.00px 11.00px; animation: up_anim 175s linear infinite; -webkit-animation: up_anim 175s linear infinite; width:100px; height: 100%; position: absolute; margin-left:50px;}
.project_pattern_center .background{z-index:1; background:#f16e52; width:120px; height: 100%; overflow: hidden; position: relative;}
.project_pattern_center .background::after {animation: grain 8s steps(10) infinite; -webkit-animation: grain 8s steps(10) infinite; background-image: url("https://www.dark-seven.com/v2/wp-content/uploads/2019/12/portfolio_grain_saumon.jpg");  content: "";  height: 500%;  left: -50%;  opacity: 0.2;  position: absolute;  z-index:2; top: -300%;  width: 300%;}

.project_pattern_right{width:130px; height:100%; min-height: 100%; position:absolute; top:0; right:5%; z-index:1;}
.project_pattern_right .line{z-index:2; background:#e7e7e7; width:3px; height: 100%; position: absolute; left: 50%;  transform: translateX(-50%);}
.project_pattern_right .background{z-index:1; width:90px; height: 100%; overflow: hidden; position: relative;}
.project_pattern_right .background::after {animation: grain 8s steps(10) infinite; -webkit-animation: grain 8s steps(10) infinite; background-image: url("https://www.dark-seven.com/v2/wp-content/uploads/2019/12/portfolio_grain_blanc.jpg");  content: "";  height: 500%;  left: -50%;  opacity: 0.5;  position: absolute;  z-index:2; top: -300%;  width: 300%;}

/* PORTFOLIO PAGE */

.portfolio_entete{position: relative; margin:70px 0; width:100%; overflow:hidden; line-height:0; background:black;

/*background: linear-gradient(180deg, #e5e5e5, #f16e52, #e5e5e5, #f5a367); background-size: 100% 400%; animation: gradient 7s linear infinite; -webkit-animation: gradient 16s linear infinite; animation-direction: alternate;*/}
@-webkit-keyframes gradient {0% {background-position: top} 100% {background-position: bottom}} @keyframes gradient {0% {background-position: top} 100% {background-position: bottom}}

.portfolio_entete_grain{position: absolute; width:100%; height: 400px;  z-index:5; display: none;
	animation: grain 8s steps(10) infinite; -webkit-animation: grain 8s steps(10) infinite; background-image: url("https://www.dark-seven.com/v2/wp-content/uploads/2019/12/portfolio_grain_transp.png");  content: "";  height: 700%;  left: -50%;  opacity: 0.4;  position: absolute;  z-index:2; top: -300%;  width: 300%;}
.portfolio_entete_textes{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 10;}

.portfolio_entete h1{font-family: 'Roboto Condensed', sans-serif; font-size:72px; color: #ef6d4d; text-align: center;}
.portfolio_entete .line{display: block; width:90px; height:4px; margin:35px auto 0 auto; background: #ef6d4d; text-align: center;}
.portfolio_entete h2{font-family: 'Roboto Condensed', sans-serif; font-size:24px; color:white; margin-top:48px; text-align: center;}
.portfolio_entete img{opacity:0.1; position: relative; z-index: 2;}

.single-portfolio .portfolio_descr{font-family: 'Roboto', sans-serif; color:black; font-size:18px; font-weight: normal; text-align: center; max-width: 700px; margin:0 auto; padding: 0 0 70px 0;}
.single-portfolio .portfolio_descr strong{font-weight: bold; font-size:24px; line-height:26px;}

.preview{background:#1e1e1e; height: 1000px; width:100%; text-align: center; padding:70px 0 0 0; position: relative; overflow: hidden; z-index: 1;}
.preview::after {animation: grain 8s steps(10) infinite; -webkit-animation: grain 8s steps(10) infinite; background-image: url("https://www.dark-seven.com/v2/wp-content/uploads/2019/12/portfolio_grain_grisfonce.jpg");  content: "";  height: 700%;  left: -50%;  opacity: 0.2;  position: absolute;  z-index:2; top: -300%;  width: 300%;}

.preview_website{position: absolute; width:1198px; height: 778px; z-index: 5; background-image: url("https://www.dark-seven.com/v2/wp-content/uploads/2019/12/portfolio_desktop.png"); left:50%; transform: translateX(-50%);}
.preview_website_container {width:865px; height:540px; overflow:hidden; margin: 42px 0 0 153px; background-size:cover !important; background: white; position: relative; -webkit-animation: background_animation 60s linear 2s infinite alternate; animation: background_animation 60s linear 2s infinite alternate;}
@-webkit-keyframes background_animation{0%{background-position-y: top;} 50% {background-position-y: bottom;}100%{background-position-y: top;}} @keyframes background_animation{0%{background-position-y: top;} 50% {background-position-y: bottom;}100%{background-position-y: top;}}

.portfolio_services {top:650px;  position: absolute; text-align: left; z-index: 9998;}
.portfolio_services h3{font-family: 'Roboto Condensed', sans-serif; font-size:55px; background:black; display: inline-block; padding: 5px 7px;}
.portfolio_services h3 span{padding: 3px 20px; opacity:1; background-image:linear-gradient(45deg,#f4be67 0%,#f4be67 35%,#ed6e53 66%,#ed6e53 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:animtext 5s linear infinite;-webkit-animation:animtext 5s linear infinite;background-size:200%;}

.portfolio_specs{bottom:-100px; position: absolute; text-align: left; z-index:50; right:-100px; padding: 40px 50px; font-family: 'Roboto', sans-serif; color:black; font-size:20px; font-weight: normal;}
.portfolio_specs .portfolio_specs_texte{position: relative; z-index: 10; margin:50px;}
.portfolio_specs .portfolio_specs_fond{color:transparent; position: absolute; padding: 40px 50px; font-family: 'Roboto', sans-serif; font-size:20px; font-weight: normal; -webkit-transform:skew(-25deg); -moz-transform:skew(-25deg); -o-transform:skew(-25deg); tranform:skew(-25deg); z-index: 1;
  background-image:linear-gradient(45deg,#f4be67 0%,#f4be67 35%,#ed6e53 66%,#ed6e53 100%);animation:animtext 5s linear infinite;-webkit-animation:animtext 5s linear infinite;background-size:200%;}

.portfolio_mobile{margin:100px auto 0 auto;}
.portfolio_mobile .portfolio_mobile_icon{position:absolute; z-index: 10;}
.portfolio_mobile .portfolio_mobile_visuel img{margin: 13px 18px; width:236px; height:499px;
  /*-webkit-mask-image: url(https://www.dark-seven.com/v2/wp-content/uploads/2019/12/mobile_mask.png);
  mask-image: url(https://www.dark-seven.com/v2/wp-content/uploads/2019/12/mobile_mask.png);
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center center; mask-position: center center;*/}
.portfolio_mobile_1{position: absolute; left:0; top:0; width:268px; height:525px;}
.portfolio_mobile_2{margin:0 auto; width:268px; height:525px;}
.portfolio_mobile_3{position: absolute; right:0; top:0; width:268px; height:525px;}

.portfolio_site{background:#e0e0e0; padding:265px 0 1px 0; margin: -265px 0 0;}
.portfolio_site .wrapper div{margin:100px 0; text-align: center;}

.portfolio_lien{text-align: center; padding:70px 0; border-bottom: 2px solid #CCCCCC;}

.portfolio_pagin{position: relative; margin: 50px 0 0 0;}
.portfolio_pagin_prev{position: absolute; left:4%; top:30px; overflow: hidden;}
.portfolio_pagin_next{position: absolute; right:4%; top:30px; overflow: hidden;}

.portfolio_archive{margin:0 auto; width:100px;}
.portfolio_archive:hover {-webkit-animation: heartBeat 2s; animation: heartBeat 2s;}

.portfolio_pagin_prev a, .portfolio_pagin_next a{width:200px; display:block; height: 45px; float:left;
  -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.portfolio_pagin_prev a i, .portfolio_pagin_next a i{background:#0C0C0C; color:#f5a367; font-size:22px; padding:5px; /*border-bottom:4px solid #ed6e53;*/ text-align:center; width:200px; display:block; height: 45px; font-style: normal;
  /*background-image:linear-gradient(45deg,#f4be67 0%,#f4be67 35%,#ed6e53 66%,#ed6e53 100%);animation:animtext 5s linear infinite;-webkit-animation:animtext 5s linear infinite;background-size:200%;*/
  -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.portfolio_pagin_prev a span, .portfolio_pagin_next a span{background:#f5a367; color:#0C0C0C; font-size: 22px; padding:5px; text-align:center; width:200px; display:block; height: 45px; /*float:left;*/
  -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.portfolio_pagin_prev a:hover i, .portfolio_pagin_next a:hover i{margin-top: -45px;}
.portfolio_pagin_prev a:hover, .portfolio_pagin_next a:hover{margin-top:0;}


/* OFFRES */

.page-template-offres .content {margin-bottom: 0;}
.page-template-offres .offres_entete{text-align: center; padding:80px 0 0 0; background: linear-gradient(180deg, #f06548 75%, #FFFFFF 75%);}
.page-template-offres .offres_entete_texte{margin: 30px auto 0 auto; width: 800px;}
.page-template-offres .offres_entete_texte_contenu{text-align:center; padding:36px 90px 0 0px; font-size: 18px;}
.page-template-offres .offres_entete_texte_background{width: 520px; height: 220px; background-image: url("https://www.dark-seven.com/v2/wp-content/uploads/2019/12/acceuil_grain_blanc.jpg"); opacity: .6; position: absolute; left:50%; z-index: 2; margin-left:-150px; -webkit-transform:skew(-25deg); -moz-transform:skew(-25deg); -o-transform:skew(-25deg); tranform:skew(-25deg);}
.page-template-offres .offres-investissement{margin:100px auto 0 auto; text-align: center; background: black; color:white; padding:10px 20px; display: inline-block; font-size:20px; font-family: 'Roboto',sans-serif;}
.page-template-offres .offres-investissement h3{display: inline; font-size: 20px;}



.page-template-offres .offres-item-blocs{margin:30px 0 0 0;}
.page-template-offres .offres-item{float:left; width:22%; text-align: center; padding:50px 20px 30px 20px; min-height:1200px;}
.page-template-offres .offres-item-ecart{float:left; width:4%;}
.page-template-offres .offres-item-alacarte-bloc, .page-template-offres .offres-item-standard-bloc, .page-template-offres .offres-item-essentielle-bloc{margin:50px 0 0 0;}
.page-template-offres .offres-item-premium{position: relative; z-index: 0; overflow: hidden; padding: 2rem; background: #f16e52}
.page-template-offres .offres-item-premium::before {content: '';position:absolute;z-index: -2;left: -200%;top: -200%;width: 500%;height: 500%;background-color: #f16e52; background-repeat: no-repeat;background-size: 50% 50%, 50% 50%;  background-position: 0 0, 100% 0, 100% 100%, 0 100%;  background-image: linear-gradient(#f16e52, #f16e52), linear-gradient(#f5a367, #f5a367), linear-gradient(#f16e52, #f16e52), linear-gradient(#f5a367, #f5a367); animation:rotate 10s linear infinite;}
.page-template-offres .offres-item-premium::after {content: '';position:absolute; z-index: -1; left: 6px; top: 6px; width: calc(100% - 12px); height: calc(100% - 12px); background: white;}
@keyframes rotate {100% {transform: rotate(1turn);}}
.page-template-offres .offres-item-essentielle{padding:50px 20px; min-height:1200px; background-image:linear-gradient(45deg,#f4be67 0%,#f4be67 35%,#ed6e53 66%,#ed6e53 100%);animation:animtext 5s linear infinite;-webkit-animation:animtext 5s linear infinite;background-size:200%;}
.page-template-offres .offres-item-titre{background: black; padding:5% 10%; display: inline-block; color: white; font-size:14px; line-height: 0.7; font-weight: 300;}
.page-template-offres .offres-item-titre h1 {text-transform: uppercase; font-weight: bold; font-size: 22px; line-height: 1;}
.page-template-offres .offres-item-prix{margin:30px 0 10px 0; font-weight: 300; font-size: 60px;}
.page-template-offres .offres-item-prix-indications{font-size: 15px; padding:0 0 30px 0;}
.page-template-offres .offres-item-ligne{margin:20px 0;}
.page-template-offres .offres-item-nota-bene{color:#f5a367; font-style: italic; margin:20px 0 0 0;}
.page-template-offres .offres-item-inclus{margin:20px 0 0 0; font-weight: bold;}
.page-template-offres .offres-item-plus {font-size: 34px; font-weight: 700; margin: 13px 0 0 0; padding: 0; line-height: 25px;}
.page-template-offres .offres-item-tiret{margin:0 0 20px 0;}

.page-template-offres .offres-comment{background: #e0e0e0; padding:50px 0; position: relative; z-index: 10; font-size: 16px;}
.page-template-offres .offres-comment h2{margin:0 0 20px 0; font-size: 27px;}
.page-template-offres .offres-comment h3{font-weight: bold; text-transform: uppercase; font-size: 23px; padding: 10px 0;}
.page-template-offres .offres-comment-ligne{padding:15px 0;}

.page-template-offres .offres-contact{text-align: center; background: white; position: relative; z-index: 10;}
.page-template-offres .offres-contact-form{max-width:400px; margin:50px auto;}
.page-template-offres .offres-contact-form p{text-align: left;}
.page-template-offres .offres-contact-form label{font-family: 'Roboto', sans-serif; font-size:14px; font-weight: bold; text-transform: uppercase;}
.page-template-offres .g-recaptcha{margin-left: 50px;}
.page-template-offres .offres-contact-form .form50-submit{margin:30px 0 0 0;}


/* CONTACT */

.page-template-contact .site-inner {margin:50px;}
.page-template-contact .content  {margin-bottom: 0;}
.page-template-contact .contact .wrapper{position: relative;}
.page-template-contact .contact-header-background-gris{position: absolute; top:-800px; right: -500px; z-index: 0;}
.page-template-contact .contact-header-background-saumon{position: absolute; margin:-600px; top:0; right: 420px; z-index: 0; width:10px; height:600px; background:#f5a367; transform: rotate(38deg);}
.page-template-contact .contact-header-background-rouge{position: absolute; margin:-700px 0 0 0; top:0; right:-250px; z-index: 0; width:4px; height:700px; background:#f16e52; transform: rotate(38deg);}

.page-template-contact .left{float: left; width:50%; text-align: center; padding:60px 7% 0 0; position: relative; z-index: 1;}
.page-template-contact .right{float: right; width: 50%; position: relative; z-index: 1; padding:210px 0 50px 0;}
.page-template-contact .left p{margin-bottom: 40px; padding:0;}
.page-template-contact .left h1{font-family: 'Roboto Condensed', sans-serif; font-size: 50px;}
.page-template-contact .left h2{font-family: 'Roboto Condensed', sans-serif; font-size: 36px; background:#f16e52; color:white; padding:20px; width:340px; margin:0 auto; overflow: hidden; position: relative;}
.page-template-contact .left h3{font-family: 'Roboto', sans-serif; font-size:18px;}
.page-template-contact .left .line-content{height: 110px; }
.page-template-contact .left span.line{background: #cfcfcf; height: 110px; width:3px; display: block; margin:0 auto;}
.page-template-contact .right label{font-family: 'Roboto', sans-serif; font-size:14px; font-weight: bold; text-transform: uppercase;}
.page-template-contact .right input, select, textarea {margin:0 0 20px 0;}
.page-template-contact .right .form50{display: block; width:50%; float:left;}
.page-template-contact .right .form50:nth-child(even) {padding-right:10px;}
.page-template-contact .right .form50:nth-child(odd) {padding-left:10px;}
.page-template-contact .right .contact-cdc-btn{background:#EEEEEE; padding: 10px 15px;}
.page-template-contact .right span.wpcf7-list-item {margin:0;}
.page-template-contact .right .cadre_saumon {height: 76px; /*width: 288px;*/ width:auto;}
.page-template-contact .right .lien_noir {font-size: 20px; font-weight: bold; height: 66px; padding: 18px 0; /*width: 277px;*/ width:auto;}
.page-template-contact .right div.label_custom select {background:url('https://www.dark-seven.com/v2/wp-content/uploads/2020/02/contact-form-arrow.jpg') #000 center right no-repeat; -webkit-appearance: none;}
.page-template-contact .right span.wpcf7-not-valid-tip {color: white; font-size: 1em; font-weight: normal; display: block; margin-top:-20px; background: #f16e52; padding: 5px 15px;}
.page-template-contact .right .form50-recaptcha span.wpcf7-not-valid-tip{margin-top: 0; width:302px;}
.page-template-contact .right div.wpcf7-response-output {background: #f16e52; margin: 30px 0 0 0; padding: 20px; color: white; border: 0;}
.page-template-contact .right div.wpcf7-mail-sent-ok {background: #EEE; border: 2px solid #51af29; text-align: center; color:black;}
.page-template-contact .right .group-cahier-des-charges-contenu hr{margin:20px 0; height: 4px; width:100; background:black;  border:0;}
.page-template-contact .right .group-cahier-des-charges-contenu h2{text-align: center; font-weight: 600;}
.page-template-contact .right .group-cahier-des-charges-contenu h3{background:#f5a367; padding: 10px 20px; text-align: center; color: white; display: inline-block; font-size: 19px;}
.page-template-contact .right .group-cahier-des-charges-contenu h4{padding:15px 0; font-size:16px;}
.page-template-contact .right .group-cahier-des-charges-contenu textarea{background: #EEEEEE; border-bottom: 3px solid #CCCCCC; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;}
.page-template-contact .right .group-cahier-des-charges-contenu textarea:focus{color:black;  border-bottom: 3px solid #f5a367;}

.gm-style-iw-d{overflow: hidden !important; padding: 0px 26px 10px 10px;}
.codedropz-upload-handler {border: 4px dashed #444444; border-radius: 0; margin-bottom: 30px; background: black; padding:25px 0;}
.codedropz-upload-inner h3 {font-family: 'Roboto', sans-serif; font-size:20px; color:#999999; margin:0; padding:0;}
.codedropz-upload-inner span{font-family: 'Roboto', sans-serif; font-size:16px; color:#333333; padding:15px 0; margin:0;}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {font-family: 'Roboto', sans-serif; font-size:16px; color:#f16e52; padding:0; margin:0; text-decoration: underline;}

#wpgmza_map{z-index: 100; position: relative;}
.page-template-contact .contact-map{position: relative;}
.page-template-contact .contact-elipse{position: absolute; z-index: 0;left: 50%; margin-left: -473px; top: -253px; scale: 0.8;}
.page-template-contact .contact-sun{position: absolute; z-index: 0; left: 50%; margin-left: -540px; bottom:330px; width:320px; height: 320px; border-radius: 100%; background: #f5a367; overflow: hidden;}
.page-template-contact .contact-sun::after {animation: grain 8s steps(10) infinite; -webkit-animation: grain 8s steps(10) infinite; background-image: url("https://www.dark-seven.com/v2/wp-content/uploads/2019/12/portfolio_grain_saumon.jpg");  content: "";  height: 500%;  left: -50%;  opacity: 0.2;  position: absolute;  z-index:2; top: -300%;  width: 300%;}

.page-template-contact .contact-bubble-content{position: absolute; z-index: 300; left: 50%; margin-left: -238px;}
.page-template-contact .contact-bubble{position: absolute; z-index: 300; border-radius: 100%; top:-400px;}
.page-template-contact .contact-bubble:nth-child(1) {margin-top: 2.5vh; width: 15px; height: 15px; left: 70px; background-color: #f5a367; animation: bubble 2s cubic-bezier(.53, .16, .39, .96) infinite;}
.page-template-contact .contact-bubble:nth-child(2) {margin-top: 3vh; width: 20px; height: 20px; left: 0; background-color: #f5a367; animation: bubble 2s ease-in-out .35s infinite;}
.page-template-contact .contact-bubble:nth-child(3) {margin-top: 1.8vh; width: 10px; height: 10px; left: 40px; background-color: #f16e52; animation: bubble 1.5s cubic-bezier(.53, .16, .39, .96) .55s infinite;}
.page-template-contact .contact-bubble:nth-child(4) {margin-top: 2.7vh; width: 30px; height: 30px; left: 150px; background-color: #f16e52; animation: bubble 1.8s cubic-bezier(.53, .16, .39, .96) .9s infinite;}
.page-template-contact .contact-bubble:nth-child(5) {margin-top: 2.7vh; width: 40px; height: 40px; left: 100px; background-color: #CCCCCC; animation: bubble 1.6s ease-in-out 1s infinite;}
@keyframes bubble {0% {transform: scale(.15, .15); margin-top: 380px; opacity: 0;} 50% {transform: scale(1.1, 1.1); opacity: 1;} 100% {transform: scale(.33, .33); margin-top:0; opacity: 0;}}

/* FOOTER */

footer, .footer_infos{display: none;}
.footer_credits{background: #0C0C0C; border:0; box-shadow: none; padding:0;}
.footer_credits_contenu{font-family: 'Roboto', sans-serif; color:#666666; font-size:12px; font-weight: normal; padding:20px 0 60px 0;}
.footer_credits_contenu a{color:#f5a367 !important;}
.footer_credits_contenu a:hover{text-decoration: underline;}
.footer_credits .footer_credits_left{float:left; text-align: left;}
.footer_credits .footer_credits_right{float:right; text-align: right;}

/*************************************/
/* --------- MEDIA QUERIES --------- */
/*************************************/

body:before{width:100%; height:2px; background:transparent; content: ''; display:none; position:fixed; z-index:1000; bottom:0;}


@media only screen and (max-width: 1400px)
{
	body:before {background:grey !important;}

	.project_pattern_left, .project_pattern_right{display: none;}

  .portfolio_specs {right: -50px;}
  .portfolio_mobile_1 {left: 50px;}
  .portfolio_mobile_3 {right: 50px;}
  .portfolio_site .wrapper div {margin: 70px 0;}
}

@media only screen and (max-width: 1180px)
{
	body:before {background:purple !important;}

  #accueil_intro_citation, #accueil_intro_citation_background, .accueil_newsletter_tabbah{display: none;}

  .wrapper {padding: 0 30px;}

  .accueil_portfolio{height:760px;}
  .accueil_portfolio_btn {top:390px; right: 50%; transform: translate(50%,0);}
	.accueil_portfolio_patterns {text-align: right;  margin: 0 50px 100px auto;}
  .accueil_portfolio_triangle1 {margin: 7% 0 0 -10%;}
  .accueil_portfolio_triangle2 {margin: 16% 0 0 31%;}
  .accueil_portfolio_triangle_anim {margin: 19% 0 0 0%;}

  .acceuil_banners {position: relative; z-index: 100;}
  .accueil_newsletter_groscercle {left: 60px;}
  .accueil_newsletter_titre_cercle {right: 394px; top: -3px;}
  .accueil_newsletter_cerclepattern {top: 7px; left: -60px;}
  .accueil_newsletter_chanel {left: 118px;}

  .portfolio_entete h1 {font-size: 55px;}
  .portfolio_entete h2 {font-size: 20px; margin-top: 40px;}
  .portfolio_services h3 {font-size: 47px;}
  .portfolio_specs {font-size: 18px;}
  .portfolio_specs span{font-size: 18px;}
  .portfolio_site .wrapper div {margin: 50px 0;}
  .portfolio_lien .lien_noir {font-size: 27px; height: 49px;}
  .portfolio_lien .cadre_saumon {height: 59px;}
  .portfolio_pagin_prev a i, .portfolio_pagin_next a i {font-size: 20px;}

  .page-template-offres .offres_entete_texte_contenu {font-size: 16px;}
  .page-template-offres .offres-comment-ligne {font-size: 15px;}

  .page-template-offres .offres-item {float: left; width: 24.2%;}
  .page-template-offres .offres-item-ecart {float: left; width: 1%;}

  .page-template-contact .site-inner {margin: 0;}
  .page-template-contact .contact .wrapper{margin: 30px 30px 0 30px;}
  .page-template-contact .footer_credits .wrapper{margin:0;}
  .page-template-contact .right .form50-recaptcha {width:100%; float:none;}
  .page-template-contact .right .form50-submit {width:100%; float:none; padding-left:0 !important; margin:30px 0 0 0; width: 302px;}
}

@media only screen and (max-width: 1023px)
{
	body:before {background:green !important;}

  #accueil_intro_keywords, .accueil_banners_visu_left, .accueil_newsletter_cerclepattern{display: none;}

  .no-1023-anim{visibility: visible !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important;}

  .ml11 .letter{font-size:35px;}
  .ml11 .line {width:4px; background-color: #f16e52;}
  em {font-size: 16px;}
  .titre {font-size: 40px;}

  #accueil_intro {height: 700px;}
  #accueil_intro_apropos {bottom: 175px;}
  .accueil_intro_logo{margin-top: -135px;}
  .accueil_portfolio_patterns {margin: 0 0px 100px auto;}
  .accueil_portfolio_patterns h1 {font-size: 60px;}
  .accueil_portfolio_triangle3 {margin: 33% 0 0 44%;}
  .accueil_banners_visu_right_1{position: absolute; right: 55%;}
  .accueil_banners_visu_right_2{position: absolute; right: 35%;}
  .accueil_banners_visu_right_3{position: absolute; right: 15%;}
  .accueil_newsletter_chanel{left: 96px;}
  .accueil_newsletter_groscercle {left: -24px;}
  .accueil_newsletter_titre_cercle {right: 349px;}

	.project {max-width: 300px;}
	.project h2 {font-size: 20px;}
	.project .bouton span {font-size: 12px; padding: 7px 14px;}

  .portfolio_entete h1 {font-size: 48px;}
  .portfolio_entete h2 {font-size: 19px;}
  .single-portfolio .portfolio_descr {font-size: 16px;}
  .single-portfolio .portfolio_descr strong {font-size: 22px;}
  .preview {padding: 50px 0 0; height:900px;}
  .preview_website {transform: scale(0.8) translateX(-62%); top:-50px;}
  .portfolio_services {top: 590px;}
  .portfolio_mobile_1, .portfolio_mobile_2, .portfolio_mobile_3{transform: scale(0.8) !important;}
  .portfolio_mobile {margin: 70px auto 0 auto;}

  .page-template-offres .offres-item-blocs{margin:50px 0 0 0;}
  .page-template-offres .offres-item {float: none; width:100%; min-height: 100%;}
  .page-template-offres .offres-item-ecart {float: none; width:0; height:0;}
  .page-template-offres .offres-item-alacarte-bloc, .page-template-offres .offres-item-standard-bloc, .page-template-offres .offres-item-essentielle-bloc{margin:30px 0 0 0;}
  .page-template-offres .offres-item-titre {padding: 20px 30px;}
  .page-template-offres .offres-comment-ligne {font-size: 14px;}
  .page-template-offres .offres-comment h3 {font-size: 20px;}


  #wpgmza_map {height: 400px !important;}
  .page-template-contact .contact-sun {bottom: 225px;}
}

@media only screen and (max-width: 860px)
{
	body:before {background:blue !important;}

  .portfolio_mobile, #accueil_intro_titre, .accueil_newsletter_cartier, .accueil_newsletter_chanel, .accueil_newsletter_caudalie, .accueil_banners_visu_right, .project_pattern_center{display: none;}
  .plus860, .moins600{display: none;}
  .moins860{display:block;}

  .wrap {padding-left:0; padding-right:0;}
  em {font-size: 15px;}
  .titre {font-size: 35px;}
  .titre_tiret {height: 3px;}

  #accueil_intro_animate img {width: auto; height: auto; max-width: 150%;}
  .accueil_intro_animate_content {margin: 220px 0 0 -30%;}
  #accueil_intro_apropos_cercle {right:20px;}
  #accueil_intro_apropos_titre {font-size: 27px; right: 93px; top: 17px;}
  #accueil_intro_apropos_texte {font-size:14px; right: 94px;}

  .accueil_experiences_texte {width:auto;}
  .accueil_experiences_texte_contenu{padding: 36px 0 0 0px; font-size: 16px;}
  .acceuil_banners_texte_contenu, .acceuil_texte_contenu{font-size: 16px;}

  .accueil_portfolio{height: auto;}
  .accueil_portfolio_slider {position: relative; z-index: 50;}
  .accueil_portfolio_liste {left: 50%; padding: 113px 0 0 90px; transform: translate(-50%,0px); top: -46px;}
  .accueil_portfolio_btn {margin-right: -36px; top: 645px;}
  .accueil_portfolio_patterns {margin: 0 auto 0 auto; text-align: center; padding: 487px 0 250px 0; width:auto; z-index: 20;}
  .accueil_portfolio_triangle_anim {left: 7%;  margin: 19% 0 0 0;}
  .accueil_portfolio_triangle2 {margin: 7% 0 0 37%;}
  .accueil_portfolio_triangle3 {margin: 54% 0 0 42%;}
  .accueil_newsletter_texte {margin: 50px 0 0 0; right: -70px;}
  .accueil_newsletter_titre_cercle {right: 309px; top: -8px;}
  .accueil_newsletter_groscercle {left: -355px;}
  .accueil_newsletter_petitcercle {left: 18%; top: 118px;}
  .accueil_newsletter_cerclepattern_rond_rouge {top: 234px; left: 728px;}
  .accueil_newsletter_cerclepattern_rond_jaune {top:416px; left: 550px;}
  .accueil_newsletter {height: 570px;}
  .accueil_newsletter_texte {margin: 70px 0 0 0;}
  .acceuil_banners {height: auto; padding: 70px 0;}
  .accueil_apropos {width: 100%; padding: 70px 0; height: auto;}
  .master-slider-parent {transform: scale(0.9);}

  .home .content {margin-bottom: 0;}

	.project {left: 50%; float: none !important; transform: translateX(-50%); z-index: 10; max-width: 400px; width:60%; padding: 100px 0;}
	.project:nth-child(2n) {float: none !important;}
	.project .line_content {background: #e8e8e8 !important; height:300%;}
	.project:nth-child(2n) .line_content {margin-left: 0; z-index: 0; position: relative;}
  .project:nth-child(2n+1) {float:none !important; padding: 150px 0 0 0;}

  .portfolio_entete h1 {font-size: 37px;}
  .portfolio_entete .line {margin:20px auto 0 auto;}
  .portfolio_entete h2 { font-size: 17px; margin-top: 20px;}

  .preview {height:850px;}
  .preview_website {transform: scale(.7) translateX(-71%); top: -116px;}
  .portfolio_services {top: 450px;}
  .portfolio_services h3 {font-size:44px;}
  /*.portfolio_specs, .portfolio_specs .portfolio_specs_fond {font-size: 16px;}*/
  .portfolio_site {margin: -210px 0 0;}
  .portfolio_site .wrapper div {margin: 20px 0;}

  .portfolio_lien {padding: 50px 0;}
  .portfolio_lien .lien_noir {font-size: 24px; height: 49px; width: 239px;}
  .portfolio_lien .cadre_saumon {width:250px;}

  .portfolio_pagin { margin: 10px 0 0 0;}
  .portfolio_pagin_prev a, .portfolio_pagin_next a {height: 40px; width: 170px;}
  .portfolio_pagin_prev a i, .portfolio_pagin_next a i {font-size: 18px; height: 40px  ; width: 170px;}
  .portfolio_pagin_prev a span, .portfolio_pagin_next a span {font-size: 18px; height: 40px; width: 170px;}
  .portfolio_pagin_prev a:hover i, .portfolio_pagin_next a:hover i{margin-top: -40px;}

  .portfolio_archive img{width:75px; height: 75px; margin: 15px 0 0 0;}
  .portfolio_archive {width: 75px;}

  .page-template-offres .titre-page {padding: 50px 0 20px;}
  .page-template-offres .offres_entete_texte_contenu {font-size: 16px; padding:36px 0 0 0}
  .page-template-offres .offres_entete_texte {width: 100%;}

  .page-template-contact .contact-header-background-gris {margin: -120px -294px 0 0;}
  .page-template-contact .contact-header-background-saumon {margin: -600px -850px -600px -600px;}
  .page-template-contact .contact-header-background-rouge {margin: -700px -250px 0 0;}
  .page-template-contact .wpcf7{margin:0 30px;}
  .page-template-contact .right .form50, .page-template-contact .left .form50, .page-template-contact .left, .page-template-contact .right {width:100%; float:none;}
  .page-template-contact .left {padding: 75px 0 0 0;}
  .page-template-contact .left span.line {background: black; width: 4px;}
  .page-template-contact .right{padding: 30px 0 280px 0;}
  .page-template-contact .right .form50:nth-child(even) {padding-right:0;}
  .page-template-contact .right .form50:nth-child(odd) {padding-left:0;}
  .page-template-contact .right .form50-recaptcha {width: 302px; margin:0 auto;}
  .page-template-contact .right .form50-submit {width: 302px; margin:27px auto 0 auto;}
  .page-template-contact .contact-sun {margin-left: -250px;}
  .page-template-contact .contact-elipse {margin-left: -183px;}
  .page-template-contact .contact-bubble-content {margin-left: 50px; z-index: 0;}

  .footer_credits .footer_credits_left, .footer_credits .footer_credits_right {float: none; text-align: center;}
  .footer_credits_contenu {padding:20px 0;}
}

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

	body:before {background:orange !important;}

  .offres-comment, .offres_entete_texte, .portfolio_entete img, #accueil_intro_bg_DARKSEVEN, #accueil_intro_apropos, .accueil_portfolio_triangle3, .accueil_newsletter_petitcercle, .accueil_temoignages, .accueil_portfolio_slider, .accueil_portfolio_patterns h1, .accueil_banners_visu_right{display: none;}
  .plus600{display: none;}
  .moins600, .moins860{display:block;}

  .titre {font-size:30px; padding:0 20px;}

  .nav-primary .wrap #menu-front-page{background: rgba(0,0,0,0.9) !important; height: 100vh;}
  .genesis-nav-menu {max-height:auto; height: 100%; overflow: hidden;}
  .genesis-nav-menu li:first-child {float: none;}
  .genesis-nav-menu .menu-item {text-align: center;}
  .genesis-nav-menu #menu-item-98 img{height: 100px; width: auto;}
  .genesis-nav-menu li:first-child a::before {border-top: 110px solid rgba(240,101,72,0.35); border-right: 58px solid transparent; border-left: 58px solid transparent;}
  .genesis-nav-menu span {font-size: 40px; font-weight: 300;}
  .genesis-nav-menu.responsive-menu .menu-item {margin: 50px 0 0 0;}

  .accueil_intro_animate_content {margin:350px 0 0 -30%;}
  #accueil_intro_titre{top: 50px; left: 50%; transform: translateX(-50%); text-align: center; display: block;}
  #accueil_intro_titre h5{font-size: 45px;}
  .accueil_experiences {padding: 50px 0 0 0; background: linear-gradient(180deg, #f06548 100%, #FFF 100%);}
  .accueil_experiences_texte {margin: 50px auto 0 auto;}
  .accueil_experiences_texte_contenu {padding: 36px 30px 0 30px; text-align: right;}
  .accueil_experiences_texte_background {height: 220px; left: 70%;}

  .accueil_portfolio_btn {margin-right: -36px; top: 444px; z-index:100;}
  .accueil_portfolio_slider_mobile{padding:100px 20px 40px 12px; position: relative; z-index: 100; display:block;}
  .accueil_portfolio_slider_mobile img{margin-bottom:7px;}
  .accueil_portfolio_liste {top: 0px;}
  .accueil_portfolio_patterns {z-index: 50; padding: 487px 0 330px 0;}

  .accueil_portfolio_triangle1 {margin: 118% 0 0 -36%;}
  .accueil_portfolio_triangle2 {margin: 102% 0 0 33%;}
  .accueil_portfolio_triangle_anim {left: 10%; margin:7% 0 0 0;}

  .accueil_newsletter {height: 515px;}
  .accueil_newsletter_texte {right: 0; width: auto;}
  .acceuil_newsletter_texte_contenu {padding: 30px 0 0 0px; width: 100%;}
  .accueil_newsletter_titre_cercle {right: 288px; top: -10px;}
  .accueil_newsletter_groscercle {top: -215px;}

  .acceuil_banners {height: auto; padding: 70px 0;}
  .acceuil_banners_texte {margin: 30px 0 0 0; width: auto; float: right; position: relative; right: 0;}
  .acceuil_banners_texte_contenu {width: auto; text-align: center; margin: 30px 0 0 0px;}
  .acceuil_banners_texte_background {right: 97px;}
  .accueil_banners_visu_right_1 {right: auto; left: 0;}
  .accueil_banners_visu_right_2 {position: absolute; right: 22%;}
  .accueil_banners_visu_right_3 {right: 0;}

  .accueil_apropos {width: 100%; padding: 70px 0; height: auto;}

  .project:nth-child(2n+1) {padding: 130px 0 0 0;}

  .archive .site-inner {margin:35px 0 0 0;}
  .portfolio_entete {margin: 40px 0 70px 0;}
  .portfolio_entete_textes {position: relative; top: 0; left: 50%; transform: translate(-50%, 0); z-index: 10; padding: 50px;}
  .portfolio_entete h1 {font-size: 30px;}
  .portfolio_specs {right: -50%; bottom: 131px; transform: translateX(-50%); position: relative;}
  .portfolio_specs .portfolio_specs_texte {position: relative; z-index: 10; margin: 52px 0 0 61px;}
  .portfolio_site {background: #e0e0e0; padding: 200px 0 1px 0; margin: -308px 0 0;}
  .preview {height: 500px;}
  .preview_website {transform: scale(.5) translateX(-100%); top: -196px;}

  .single-portfolio .portfolio_descr {font-size: 15px;}
  .single-portfolio .portfolio_descr strong {font-size: 20px;}

  .page-template-offres .offres-investissement {margin: 30px auto 0 auto;}
  .page-template-offres .site-inner {margin: 0;}
  .page-template-offres .titre-page {padding: 80px 0 20px;}

  .page-template-contact .site-inner {margin: 0;}
  .page-template-contact .contact .wrapper{margin:0; padding:10px 15px 0 15px;}
  .page-template-contact .left {padding: 50px 0 0 0;}
  .page-template-contact .left h2 {font-size: 30px; padding: 15px;}
}

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

	body:before {background:black !important;}

  .portfolio_specs, .ml11 .line, .accueil_intro_mouse, .accueil_banners_visu_right, .acceuil_banners_texte_background, .accueil_newsletter_texte_background, .accueil_portfolio_slider, .acceuil_banners_texte_background, .accueil_portfolio_triangle_anim, .accueil_portfolio_liste span, .portfolio_entete h2, .portfolio_pagin_prev, .accueil_intro_logo{display: none !important;}
  .plus480{display: none;}
  .moins480{display:block;}

  #accueil_intro_animate{transform: none; transform-style: flat; backface-visibility: visible; display:block;}
  #accueil_intro_animate_1, #accueil_intro_animate_2, #accueil_intro_animate_3, #accueil_intro_animate_4{transform: none;}

  .titre {padding:0;}
  .ml11 .letter{font-size:25px;}
  .loader_svg, .loader_svg img{width:150px; height: 150px;}
  .loader_elipse, .loader_elipse img{width:100px height:100px;}
  .wrapper {padding: 0 10px;}

  .genesis-nav-menu #menu-item-98 img{height:65px;}
  .genesis-nav-menu li:first-child a::before {border-top: 70px solid rgba(240,101,72,0.35); border-right: 38px solid transparent; border-left: 38px solid transparent;}
  .genesis-nav-menu span {font-size:32px; font-weight: 300;}
  .genesis-nav-menu.responsive-menu .menu-item {margin: 40px 0 0 0;}

  #accueil_intro {height:100vh;}
 /* .accueil_intro_logo{padding: 50px 0 0 0;}*/
 .accueil_intro_logo_mobile{position: absolute; z-index: 99; top:210px; right: -10px;}

  #accueil_intro_titre{padding:20px 0 0 0;}
  #accueil_intro_titre h5{font-size: 40px;}
  #accueil_intro_animate img {max-width: 200%;}
  .accueil_intro_logo {margin-top: -135px;}
  .accueil_intro_animate_content {margin: 300px 0 0 -50%;}
  .accueil_experiences {background: linear-gradient(180deg, #f06548 100%, #FFF 100%);}
  .accueil_experiences_texte {position: relative; z-index: 50;}
  .accueil_experiences_texte_background {height:300px; left: 70%;}

  .accueil_portfolio_btn {z-index:100; top:294px;}
  .accueil_portfolio .wrapper{padding:0;}
  .accueil_portfolio_patterns {padding: 627px 0 72px 0; z-index: 50;}
  .accueil_portfolio_patterns h1 {font-size: 38px;}
  .accueil_portfolio_slider_mobile{padding: 50px 7px 50px 5px; position: relative; z-index: 100; margin: 20px 0 0 0;}
  .accueil_portfolio_slider_mobile img{margin-bottom:7px;}
  .accueil_portfolio_triangle1 {margin: 132% 0 0 -45%;}
  .accueil_portfolio_triangle2 {margin: 168% 0 0 34%;}
  .accueil_portfolio_liste {transform: translate(-50%,0px) scale(0.9); background:#111111; padding:50px 0; height:auto; text-align: center; top:-40px; z-index: 100;}
  .accueil_portfolio_liste h1{color: #fcddbf;}

  .accueil_newsletter {height:auto;}
  .accueil_newsletter h1 {margin: 75px 0 0 0; text-align: center;}
  .accueil_newsletter .titre_tiret {float: none; text-align: center; margin: 25px auto 0 auto;}
  .accueil_newsletter_texte {margin: 50px 0 70px 0; position: relative;}
  .acceuil_newsletter_texte_contenu {text-align: center; padding: 0 0 0 0px;}
  .accueil_newsletter_groscercle {top: 141%; left: 83%;}

	.project {width:75%;}
  .project:nth-child(2n+1) {padding: 100px 0 0 0;}

  .single-portfolio .site-inner {margin: 48px 0 0 0;}
  .portfolio_entete {margin: 10px 0 40px 0;}
  .portfolio_entete_textes {padding:40px 10px;}
  .portfolio_entete h1 {font-size:27px;}
  .portfolio_entete h2 {font-size:15px; margin-top: 20px;}
  .preview {height: 390px; padding: 30px 0 0;}
  .preview_website {transform: scale(.36) translateX(-138%); top: -225px;}
  .portfolio_specs_mobile{text-align: center; font-family: 'Roboto', sans-serif; color:black; font-size:17px; font-weight: normal; padding:50px 10px; background-image:linear-gradient(45deg,#f4be67 0%,#f4be67 35%,#ed6e53 66%,#ed6e53 100%);animation:animtext 5s linear infinite;-webkit-animation:animtext 5s linear infinite;background-size:200%;}

  .single-portfolio .portfolio_descr {padding: 0 0 40px;}
  .portfolio_site {margin: 0; padding: 10px 0 10px 0;}
  .portfolio_lien {padding: 30px 0;}
  .portfolio_lien .lien_noir {font-size: 20px; height: 43px; width: 150px;}
  .portfolio_lien .cadre_saumon {width: 160px;}
  .portfolio_lien .cadre_saumon {height: 53px;}

  .portfolio_pagin {margin: 0 0 10px 0;}
  .portfolio_pagin_next{left: auto; right: auto; position: relative; width: 170px; top:0; margin:0 auto;}

  .page-template-offres .g-recaptcha {margin-left: 0;}

  .page-template-contact .contact .wrapper {padding:0;}
  .page-template-contact .left {padding:40px 15px 0 15px;}
  .page-template-contact .left p {margin-bottom: 30px;}
  .page-template-contact .left h1 {font-size: 40px;}
  .page-template-contact .left h2 {font-size: 26px; width:auto;}
  .page-template-contact .right {padding:20px 0 200px 0;}
  .page-template-contact .wpcf7 {margin: 0 15px;}

  .page-template-contact .contact-header-background-gris {margin: -120px -401px 0 0;}
  .page-template-contact .contact-header-background-saumon {margin: -600px -950px -600px -600px;}
  .page-template-contact .contact-header-background-rouge {margin: -700px -340px 0 0;}
  #wpgmza_map {height: 350px !important;}
  .page-template-contact .contact-sun {margin-left: -250px; transform: scale(0.8); bottom: 180px;}
  .page-template-contact .contact-elipse {/*margin-left: -160px; top: -193px;*/ margin-left:-40%; top: -50%;}
  .page-template-contact .contact-bubble-content {margin-left: 0;}

}