/*
 Theme Name:     Huge Child
 Theme URI:      http://demo.krownthemes.com/huge/
 Description:    A basic child theme for the Huge theme.
 Author:         RubenBristian
 Author URI:     http://rubenbristian.com
 Template:       huge
 Version:        1.3
*/

@import url("../huge/style.css");

/* --------------------------------------
-----   Theme customization starts here   -----
------------------------------------------*/

/* sweep sg */
/* correctif? hauteur bloc sidebar et content padding */

body {
	background: #06171c;
	color: #FFFFFF; 
}

h1, h2, h3, h4, h5, h6, p, a, label {    
   	color: #FFFFFF; 
} 

#loader {
	background: url('images/loader_tc155.gif') no-repeat -13px 0 transparent;
	background-size: 90px 90px;
	width: 90px;
	height: 90px;
	margin-top: -45px;
}
.sidebar-show #loader,
#loader.opened {
	margin-left: 0 !important;
	margin-top: -45px !important;
	margin-left: -45px !important;
}
#big-video-wrap {
	/*z-index: 99998;*/
	z-index: 1;
	opacity: 0;
	-webkit-animation: opacity 5s ease; /* Safari 4+ */
	-moz-animation:    opacity 5s ease; /* Fx 5+ */
	-o-animation:      opacity 5s ease; /* Opera 12+ */
	animation:         opacity 5s ease; /* IE 10+, Fx 29+ */
}
.vjs-control-bar {
	display: none !important;
}
.video-embedded .close-iframe {
	display: none;
}

.ancre {
	text-align: center;
}
.folio-caption {
	text-align: left;
}
.folio-caption h3 {
	font-size: 23px;
	line-height: 28px;
	font-weight: 700;
	/*text-shadow: -1px -1px 1px rgba(150, 150, 150, 1);*/
	margin-bottom: 4px;
}
.folio-caption span {
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: 100;
	/*text-shadow: -1px -1px 1px rgba(150, 150, 150, 1);*/
	margin-top: 4px;
	opacity: 1;
}
.no-3deffects .folio-item .folio-caption, .no-csstransforms .folio-item .folio-caption, .ie10 .folio-item .folio-caption {
}

#about {
	width: 100%;
	padding: 200px 0;
}
#staytuned {
	width: 100%;
	padding: 200px 0 100px 0;
	position: relative;
}
.innerBloc {
	width: 830px;
	margin: 50px auto;
}
#staytuned .innerBloc {
	width: 830px;
	position: relative;
	z-index: 9;
}
.innerBloc h3 {
	text-transform: uppercase;
}
#about h1, #about h2, #about h3, #about p {
	text-align: center;
	height: 100%;
}
#about h3 {
	margin-bottom: 0;
}
#about p {
	margin-top: 0;
}
.sous-titre a:hover {
	cursor: default;
}
.blocpictocontact {
	margin-top:50px;
}
#picto-contact {
	display: block;
	margin-top: 50px;
	width: 55px;
	height: 55px;
	margin: 10px auto;
	background-image: url(/wp-content/uploads/2016/12/picto-contact.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#picto_sociaux {
	margin-bottom: 60px;
}
#picto_sociaux .picto {
	width: 157px;
	height: 157px;
	line-height: 157px;
	margin: 30px;
	background-repeat: no-repeat;
	background-size: contain;
}
#picto_sociaux .picto a {
	width: 155px;
	height: 155px;
	display: block;
}
#picto_sociaux .picto img {
	visibility: hidden;
	padding:1px;
}
/* #picto_sociaux .picto img {
	width:100%;
} */
#picto_sociaux .picto:first-child {
	margin-left: 0;
}
#picto_sociaux .picto:last-child {
	margin-right: 0;
}
#pictoEmail {
	background-image: url(/wp-content/uploads/2016/12/mail_fixe_155.png);
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	position: relative;
	z-index: 999;
	width: 50px !important;
	height: 50px !important;
	line-height: 50px !important;
}
#pictoEmail a {
	width: 49px !important;
	height: 49px !important;
}
#pictoEmail img {
	width: 100%;
}
#pictoFacebook {
	background-image: url(/wp-content/uploads/2017/01/picto-facebook.png);
	-webkit-animation-delay: 100ms;
        -moz-animation-delay: 100ms;
         -ms-animation-delay: 100ms;
          -o-animation-delay: 100ms;
             animation-delay: 100ms;
}
#pictoTwitter {
	background-image: url(/wp-content/uploads/2017/01/picto-twitter.png);
	-webkit-animation-delay: 200ms;
        -moz-animation-delay: 200ms;
         -ms-animation-delay: 200ms;
          -o-animation-delay: 200ms;
             animation-delay: 200ms;
}
#pictoInsta {
	background-image: url(/wp-content/uploads/2017/01/picto-email.png);
	-webkit-animation-delay: 300ms;
        -moz-animation-delay: 300ms;
         -ms-animation-delay: 300ms;
          -o-animation-delay: 300ms;
             animation-delay: 300ms;
}
#pictoVimeo {
	background-image: url(/wp-content/uploads/2017/01/picto-vimeo.png);
	-webkit-animation-delay: 400ms;
        -moz-animation-delay: 400ms;
         -ms-animation-delay: 400ms;
          -o-animation-delay: 400ms;
             animation-delay: 400ms;
}
#staytuned #info_contact {
-webkit-animation-delay: 400ms;
        -moz-animation-delay: 400ms;
         -ms-animation-delay: 400ms;
          -o-animation-delay: 400ms;
             animation-delay: 400ms;
}

#staytuned #formulaire {
	-webkit-animation-delay: 800ms;
        -moz-animation-delay: 800ms;
         -ms-animation-delay: 800ms;
          -o-animation-delay: 800ms;
             animation-delay: 800ms;
}

#logo_staytuned {
	margin:60px auto;
	width: 300px;
	-webkit-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0);
}
#staytuned #pictoFacebook, #staytuned #pictoTwitter, #staytuned #pictoInsta, #staytuned #pictoVimeo, #about #pictoEmail {
	-webkit-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0);
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-duration: 2s;
}
#staytuned #formulaire, #staytuned #info_contact {
	-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-duration: 2s;
    /*-webkit-transform: translate3d(0, -6000px, 0);
    transform: translate3d(0, -6000px, 0);*/
}
.inlineCol {
	display: inline-block;
}
#info_contact {
	margin: 20px auto;
	margin-bottom: 60px;
}
#info_contact p {
	text-align: center;
	font-size: 26px;
	color: #06161b;
	font-weight: bold;
}

#bloc_txt_video {
	position: absolute;
	width:100%;
	opacity: 0;
	transition: opacity 2s ease;
}
#txt_video {
	margin: 0 auto;
	max-width:465px;
	min-width: 150px;
	width: 20% !important;
}
#bloc_logo {
	border-bottom: 1px solid #FFF;
	/*padding-bottom: 30px;*/
	padding-bottom: 6%;
}
#sstxt_logo {
	color:#FFF;
	/*margin-top: 30px;*/
	margin-top: 7%;
}
#bouton_enter {
	display: block;
	border-radius: 0px 0px 15px 0px !important;
	-moz-border-radius: 0px 0px 15px 0px !important;
	-webkit-border-radius: 0px 0px 15px 0px !important;
	border: 1px solid #FFF;
	width: 142px;
	height: 50px;
	line-height: 48px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 50px;
	-webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
#bouton_enter:hover {
	background: rgba(255, 255, 255, 0.15);
	/*border: 1px solid #06171c;*/
}
#bouton_enter:hover a {
	/*color:#06171c;*/
}
#bouton_enter a { 
	color:#FFF; 
	width: 100%;
    line-height: 50px;
    display: block;
}
#minimenu {
	width: 35px;
	height: 35px;
	color: #FFF;
	position: absolute;
	font-size: 2em;
	margin-right: 20px;
	right: 0;
}
#minimenu a:hover {
	color:#FD7986;
}
.responsive-menu .select-replace-cover {
	color:#06171c;
}
.info_oblig {
	margin-top: 0;
}
.customtextarea {
	margin-bottom: 0;
}

/* MENU SIDEBOAR */
#sidebar {
	display: none;
}
#sidebar .content {
	height: 100%;
	padding: 42px;
	/* padding: 50px 50px 50px 90px; */
	margin-top: 0;
	background: #FFFFFF;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
}
#menu li a {
	color: #06171c;
	text-transform: uppercase;
	padding-left: 0;
	opacity:0.7;
}
#menu .top-menu > li.selected > a {
	opacity: 0.7;
}
#menu .top-menu > li.selected > a:hover {
	color:#FD7986;
	opacity: 1;
}
#menu li.selected.parent {
	
}
#menu li.selected.parent > a {
	/*background-color: #06171c;
	color: #FFFFFF;
	padding-left: 6px;
	padding-right: 12px;
	font-weight: 900;*/
}
#menu .myselected>a {
	/*background-color: #06171c;
	color: #FFFFFF;
	padding-left: 6px;
	padding-right: 12px;
	font-weight: 900;
	opacity: 1;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;*/
	font-weight: 900;
	color: #FD7986;
	opacity: 1 !important;
}
#menu .sub-menu li.selected a {
	font-weight: 400;
	color:#FD7986;
}
#logo {
	margin-bottom: 110px;
}
li.sous-titre {
	margin-top: 30px !important;
	margin-bottom: 10px !important;
}
li.sous-titre:first-child {
	margin-top: 0px !important;
}
li.sous-titre a {
	font-size: 16px !important;
	margin-left: -25px !important;
	/*font-weight: 900 !important;*/
	opacity: 1 !important;
	color: #c1c1c1 !important;
}
#menu .sub-menu li {
	margin-left: 25px;
}

.mejs-container {
	/*org height: 540px !important;*/
	height: 540px;
}

/* PORTFOLIO */
.no-3deffects .folio-item .bottom {
	/*background-color: rgba(0,0,0,0.5) !important;*/
	background-color: none !important;
}
.no-3deffects .folio-item .bottom {
	/*background: -moz-linear-gradient(top,  rgba(244,137,151,0.7) 0%, rgba(245,158,228,0.7) 74%, rgba(228,115,206,0.7) 100%);
	background: -webkit-linear-gradient(top,  rgba(244,137,151,0.7) 0%, rgba(245,158,228,0.7) 74%, rgba(228,115,206,0.7) 100%);
	background: linear-gradient(to bottom,  rgba(244,137,151,0.7) 0%, rgba(245,158,228,0.7) 74%, rgba(228,115,206,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf48997', endColorstr='#cce473ce',GradientType=0 );*/


	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fd7986+68,f773d8+100&0.85+0,0.95+100 */
	background: -moz-linear-gradient(top,  rgba(253,121,134,0.7) 0%, rgba(253,121,134,0.7) 68%, rgba(247,115,216,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(253,121,134,0.7) 0%,rgba(253,121,134,0.7) 68%,rgba(247,115,216,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(253,121,134,0.7) 0%,rgba(253,121,134,0.7) 68%,rgba(247,115,216,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9fd7986', endColorstr='#f2f773d8',GradientType=0 ); /* IE6-9 */

	background-color:rgba(0,0,0,0) !important;


	/*background: -moz-linear-gradient(top,  rgba(242,38,211,0.7) 0%, rgba(242,38,211,0.7) 74%, rgba(242,38,211,0.7) 100%);
	background: -webkit-linear-gradient(top,  rgba(242,38,211,0.7) 0%, rgba(242,38,211,0.7) 74%, rgba(242,38,211,0.7) 100%);
	background: linear-gradient(to bottom,  rgba(242,38,211,0.7) 0%, rgba(242,38,211,0.7) 74%, rgba(242,38,211,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f226d3', endColorstr='#f226d3',GradientType=0 );*/

}
#portfolio-detail {
	background-color: rgba(11,37,45,.9);
	z-index: 99999;
}
#project-content h1, #project-content p {
	color: #06171c;
}

/* ------------------------
-----   Folio Buttons   -----
------------------------------*/
.me-buttons .btn-close .front:before, .me-buttons .btn-close .front:after {
   font-family: 'fontello';
   font-style: normal;
   font-weight: normal;
   speak: none;
   display: inline-block;
   text-decoration: inherit;
   font-variant: normal;
   text-transform: none;
}
.me-buttons {
   position: relative;
   width: 40px;
   height: 40px;
   overflow: hidden;
   text-align: left;
   margin: 30px 0 5px;
   z-index: 9999;
   -webkit-transition: width 150ms;
   transition: width 150ms;
}
.me-buttons.nav:hover, .me-buttons.nav.touched {
   width: 40px;
}
.me-buttons.btns-2.nav:hover, .me-buttons.btns-2.nav.touched {
   width: 80px;
}
.me-buttons.share:hover, .me-buttons.share.touched {
   width: 160px;
}
.me-buttons .holder {
   position: absolute;
   width: 160px;
}

.me-buttons a {
   width: 40px;
   height: 40px;
   display: inline-block;
   margin-right: -1px;
   background: #fff;
   border: 1px solid #06171c;
   position: relative;
   -webkit-transition: all 200ms;
   transition: all 200ms;
}
.no-touch .me-buttons a:hover {
   background: #06171c;
}
.me-buttons a:before, .me-buttons span:before, .me-buttons span:after {    
   color: #fff;
   float: left;
   font-size: 19px;
   margin: 7px 0 0 11px;
}
.me-buttons .btn-close .front:before {
   content: "";
   font-size: 19px;
   color: rgba(6,23,28,1);
   position: absolute;
   top: 8px;
   left: 7px;
   width: 19px
}
.me-buttons .btn-close .front:after {
   content: "";
   left: 14px;
   top: 8px;
   position: absolute;
   color: rgba(6,23,28,1);
}
.me-buttons .btn-next:before, .swiper-nav .swiper-next:before {
   content: "";
   margin-left: 12px;
}
.me-buttons .btn-prev:before, .swiper-nav .swiper-prev:before {
   content: "";
   margin-left: 9px;
}
.me-buttons.white a:before, .me-buttons.white span:before, .me-buttons.white span:after {
   color: #bcdee4;
}
.no-touch .me-buttons.white a:hover:before, .no-touch .me-buttons.white a:hover span:before, .no-touch .me-buttons.white a:hover span:after {
   color: #fff !important;
}
.no-touch .me-buttons.white a:hover {
   border-color: transparent !important;
}

.me-buttons.share a:before, .me-buttons.share span:before {
   font-size: 23px;
   margin: 8px 0 0 9px;
}
.me-buttons .btn-twitter .front:before {
   content: "";
   font-size: 20px;
   margin-left: 9px;
}
.me-buttons .btn-twitter .back:before {
   content: "";
   position: absolute;
   left: 0;
}
.me-buttons .btn-facebook:before {
   content: "";
   margin: 7px 0 0 13px !important;
   font-size: 22px !important;
}
.me-buttons .btn-pinterest:before {
   content: "";
}
.me-buttons .btn-gplus:before {
   content: "";
}
.me-buttons .back.close-btn-special, .me-buttons .front {
   display: block;
   position: relative;
   top: -7px;
   left: -12px;
}
.me-buttons .back:before, .me-buttons .back:after {
   opacity: 0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
}
.me-buttons:hover .back:before, .me-buttons.touched .back:before, .me-buttons:hover .back:after, .me-buttons.touched .back:after {
   opacity: 1;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
}
.me-buttons:hover .front:before, .me-buttons.touched .front:before {
   opacity: 0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
}
.close-btn-special:before, .close-btn-special:after {
   content: "";
   font-size: 16px;
   color: #fff;
   position: absolute;
   top: 8px;
   left: 7px;
   
}
.close-btn-special:after {
   content: "";
   left: 14px
}
.krown-icon-right-open:before {
	font-size: 24px;
	text-shadow: 0 0 4px rgba(0,0,0,.5);
}
.mysocialbt {
	width: 90px;
	height: 34px;
	/*background-image: url('http://dev.templecache.com/wp-content/uploads/2016/12/tweet.jpg');
	display: inline-block;
	*/
	text-transform: uppercase;
	border: 1px solid #06171c;
	color: #06171c;
	/*padding: 10px;*/
	padding: 3px 10px 3px 10px;
	margin-right: 6px;
}
.mysocialbt:hover {
	background-color: #06171c;
	color: #fff;
}
.mysocialbt span {
	font-size: 0.9em;
}
.mysocialbt i {
	margin-right: 6px;
}

#menu .sub-menu li:hover a, #menu .ancre:hover a {
	color:#FD7986;
}
.sidebar-show #sidebar .content {
	padding-left: 122px;
}

/*.myfacebook {
	width: 71px;
	height: 34px;
	background-image: url('http://dev.templecache.com/wp-content/uploads/2016/12/facebook.jpg');
	display: inline-block;
}
.myemailshare {
	width: 59px;
	height: 34px;
	background-image: url('http://dev.templecache.com/wp-content/uploads/2016/12/share.jpg');
	display: inline-block;
}*/
.project-modal .nav {
   right: -225px;
   top: 13px;
   left: auto;
 }
.project-modal {
	top: 0;
	height: auto !important;
	-webkit-border-bottom-right-radius: 15px;
	moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;
}
 .project-modal .content {
 	top: 0;
 }

.project-content .nav {
   margin-bottom: 25px;
}
.mejs-overlay-button, .no-svg .mejs-overlay-button {
  /*background-color:rgba(253,121,134,.8);*/
  background: url(images/mediaelement/bigplay-goodwork.png) no-repeat 0px 2px, linear-gradient(to bottom,  rgba(253,121,134,0.7) 0%,rgba(253,121,134,0.7) 68%,rgba(247,115,216,0.7) 100%) !important;
  /*background-color:rgba(242,38,211,.0);*/
  width:48px;
  height:48px;
  border-radius:48px;
}
.mejs-overlay-button:hover, .no-svg .mejs-overlay-button:hover {
  background: url(images/mediaelement/bigplay-goodwork.png) no-repeat 0px -50px, linear-gradient(to bottom,  rgba(253,121,134,0.7) 0%,rgba(253,121,134,0.7) 68%,rgba(247,115,216,0.7) 100%) !important;
}
url(images/mediaelement/bigplay-goodwork.png) no-repeat 0px 2px, linear-gradient(to bottom,  rgba(253,121,134,0.7) 0%,rgba(253,121,134,0.7) 68%,rgba(247,115,216,0.7) 100%) !important
.mejs-overlay-button-hote {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    border-radius: 48px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fd7986+68,f773d8+100&0.85+0,0.95+100 */
	background: -moz-linear-gradient(top,  rgba(253,121,134,0.90) 0%, rgba(253,121,134,0.97) 68%, rgba(247,115,216,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(253,121,134,0.90) 0%,rgba(253,121,134,0.97) 68%,rgba(247,115,216,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(253,121,134,0.90) 0%,rgba(253,121,134,0.97) 68%,rgba(247,115,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9fd7986', endColorstr='#f2f773d8',GradientType=0 ); /* IE6-9 */
}

#socialBlock {
	position: absolute;
	bottom: 25px;
	right: 25px;
	z-index:9999;
	}
.me-buttons.share:hover, .me-buttons.share.touched {
   width: 40px;
   }

/* FORMULAIRE INPUT */
/* Champs INPUT */
input[type=text], input[type=password], input[type=date], input[type=number], input[type=email], input[type=url], input[type=tel], select, option {
	box-shadow: none;
	border:1px solid #06161b;
	background-color: transparent;
	color: #06161b;
	font-weight: bold;
}
textarea {
	box-shadow: none;
	border:1px solid #06161b;
	background-color: transparent;
	color: #06161b;
	font-weight: bold;
}
.submitform {
	border-radius: 0px 0px 15px 0px !important;
	-moz-border-radius: 0px 0px 15px 0px !important;
	-webkit-border-radius: 0px 0px 15px 0px !important;
	border: none !important;
	background-color: #06171c !important;
	color: #FFF !important;
	font-weight: bold !important;
	padding: 7px 60px !important;
	float: right !important;
}
.submitform:hover {
	border: 1px solid #06171c !important;
	border-color: #06171c !important;
	background-color: transparent !important;
	color: #06171c !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #06161b;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #06161b;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #06161b;
}
:-moz-placeholder { /* Firefox 18- */
  color: #06161b;
}
.info_oblig span:first-child {
	color:#ff6137;
	font-size: 0.8em;
}
.info_oblig span:last-child {
	color:#06171c;
	font-size: 0.9em;
}

.hote-enfant {
	position: relative;
	z-index: 999;
}
.enfant {
	position: absolute;
	right: 100px;
	top: -300px;
	transition: all 0s cubic-bezier(.49,.22,.52,1);
}
.fille {
	position: absolute;
	left: 70px;
	top: -10px;
	transition: all 0s cubic-bezier(.49,.22,.52,1);
	z-index: 1;
}
/* sweep test menu */
#sidebar {
	position: absolute;
	top: initial;
	display: none;
}
#portfolio-holder, #about, #staytuned, .hote-enfant {
	display: none;
}

#footer {
	height: auto;
	/*background-color: #0b252d;*/
	padding: 20px 40px 0px 40px;
	position: absolute;
	width: inherit;
	bottom: 20px;

}
#footer p {
	font-weight: 400;
}
#footer p a {
	text-decoration: none;
}
#footer .sepa-hori {
	margin: 0 15px;
}
#footer p strong {
	font-weight: 800;
}
#footer a.agence {
	float: right;
	/*margin-right: 30px;*/
}

/* TEMPORAIREMENT  ?? */
.is-portfolio, .is-portfolio #content, #sidebar .content {
	/*margin-top: -66px;*/
}
#portfolio {
	/*margin-top: -66px;*/
}

#top {
	bottom: 90px;
	background: transparent;
}
#top:hover {
	color: #FD7986;
	background-color: transparent;
}
.inmenu {
	width: 175px;
	position: relative;
	bottom: 0;
	top: 108px;
}
.fixedSidebar .inmenu {
	width: 175px;
	position: absolute;
	bottom: 0;
	top: auto;
}
.inmenuPicto {
	width:30px !important;
	height: 30px !important;
	line-height: 30px !important;
	margin: 5px !important;
}
.inmenuPicto a {
	/*width:30px !important;
	height: 30px !important;*/
	width:100% !important;
	height: 100% !important;
}
.inmenuPicto a img {
	width: 99% !important;
}
.inmenuMobile .inmenuPicto a img {
	width: 40px !important;
}

.project-modal .nav {
	position: absolute;
	right: 0px;
	top: -40px;
	-webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
}

.me-buttons .btn-close .front:before,
.me-buttons .btn-close .front:after {
	color: #FFF;
}
.me-buttons a.btn-close {
	background: transparent;
    border: 1px solid transparent;
}
.no-touch .me-buttons a:hover {
	background: transparent;
}
.no-touch .me-buttons.white a:hover:before, .no-touch .me-buttons.white a:hover span:before, .no-touch .me-buttons.white a:hover span:after,
.no-touch .me-buttons.white a:hover:before, .no-touch .me-buttons.white a:hover span:before, .no-touch .me-buttons.white a:hover span:after {
	color: #FD7986 !important;
}

.inmenuMobile {
		display: none !important;
		position: fixed;
		width: 220px !important;
		left: 50% !important;
		margin-bottom: 0 !important;
		margin-left: -110px !important;
		bottom: 10px;
		z-index: 9999;
}
.inmenuMobile .inmenuPicto {
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
}
#responsivemenu {
		display: none;
		position: relative;
		/*top: 0px;
		left:0px;*/
		margin-top: -54px;
		margin-left: 20px;
		width: 100%;
}
#responsivemenu i, #responsivemenu li {
	color:#06161b;
}
#responsivemenu i {
	line-height: 50px;
	cursor: pointer;
	font-size: 1.4em;
	display: block;
	width: 25px;
}
#responsivemenu ul {
	/*display: none;*/
	height: 0;
	transition: height 500ms ease;
	overflow: hidden;
	margin: 0;
}
#responsivemenu li a {
	padding:15px 0;
	margin:0;
	border-bottom: 1px solid #CCC;
	width: 95%;
	font-weight:600;
	cursor: pointer;
	text-align: left;
}
#responsivemenu li:hover {
	color:#FD7986;
}
#responsivemenu li:last-child {
	border-bottom: none;
}
.inmenuMobile .inmenuPicto a img {
	display: none;
}

@media (min-width: 2000px) {
	/* sweep sg test resize 
	.folio-item {
		/*display:inline-block;
		position: relative !important;*/
	/*	width:25% !important;
		/*left: 0 !important;
		top: 0 !important;*/
	/*	min-height: 320px;
	}
	*/
	.folio-item {
		
	}
}
@media (max-width: 2000px) {
	#staytuned {
		padding:20px 0 100px 0;
	}
	#picto_sociaux, #info_contact {
		margin-bottom:40px;
	}
	#logo_staytuned {
		margin: 30px auto;
	}
	#picto_sociaux {
		margin-left: auto;
		margin-right: auto;
		width: 570px;
	}
	#picto_sociaux .picto {
		width: 100px;
		height: 100px;
		line-height: 100px;
		margin: 5px 20px 5px 20px;
	}
	#picto_sociaux .picto:first-child {
		/*margin-left: 120px;*/
	}
	#picto_sociaux .picto a, #picto_sociaux .picto img {
		width: 99%;
	}
	#picto_sociaux .picto a {
		height:99%;
	}
	#picto_sociaux .picto img {
		vertical-align: top;
	}


}
@media (max-width: 1600px) {
	.project-modal .nav {
		position: absolute !important;
		top: -40px !important;
		right: 0 !important;
	}
	.project-modal .content {
		top: 0px !important;
	}

}
@media (max-width: 1450px) {
	
}
@media (max-width: 1220px) {
	#staytuned .innerBloc, #about .innerBloc {
		width: 750px;
	}
	
	#about {
		padding: 100px 0;
	}
	#staytuned {
		padding:50px 0 100px 0
	}
	.enfant img, .fille img {
		width: 75%;
	}
	.enfant {
		right: 0;
	}
	#picto_sociaux {
		width: 455px;
	}
	#picto_sociaux .picto {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}

}
@media (max-width: 1100px) {
	#staytuned .innerBloc, #about .innerBloc {
		width: 700px;
	}
}
@media (max-width: 1030px) {
	#staytuned .innerBloc, #about .innerBloc {
		width: 650px;
	}
	.enfant img, .fille img {
		width: 50%;
	}
	.inmenuMobile {
		display: none !important;
	}
	
}

@media (max-width: 980px) {
	.sidebar-show #logo {
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		height:45px !important;
		margin-bottom: 0;
	}
	.inmenu {
		/*position: absolute;
		top: 6px;
		left: 40%;*/
		display:none;
	}
	.inmenuMobile {
		display: block !important;
	}
	.sidebar-show #sidebar {
		position: fixed !important;
		top: 0 !important;
		height: auto !important;
	}
	.is-portfolio, .is-portfolio #content, #sidebar .content {
		padding-top: 0 !important;
	}
	.sidebar-show #sidebar .content, .sidebar-show #sidebar .content img {
		/*height: 50%;*/
		height: auto;
	}
	.sidebar-show #menu .responsive-menu {
		top: 6px;
	}
	#logo .default, #logo .retina {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
	.enfant {
		right: -85px;
	}
	.fille {
		left: 30px;
	}
	#responsivemenu {
		display: block;
	}
	#responsivemenu.active ul {
		display: block;
		height: 178px;
	}
}


@media (max-width: 850px)
{
	#staytuned .innerBloc, #about .innerBloc {
		width: 600px;
	}
	#picto_sociaux .picto {
		margin: 20px;
	}
	.innerBloc {
		/*width: 95%;*/
	}

	/*#picto_sociaux .picto {
	width: 15%;
	line-height: 150px;
	margin: 15px;
	}
	#picto_sociaux .picto img {
		width:100%;
	}
	#picto_sociaux .picto:first-child {
		margin-left: 15px;
	}
	#picto_sociaux .picto:last-child {
		margin-right: 15px;
	}*/

	.enfant {
		position: absolute;
		top: -150px;
	}
}

@media (max-width: 790px)
{
	#footer {
		padding: 20px 20px 0 20px;
		width: 100%;
		margin: 0 auto;
	}


}

@media (max-width: 767px)
{
	#txt_video {
		/*width: 60% !important;*/
	}
	#picto_sociaux {
		width: 378px;
	}
	#picto_sociaux .picto {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
}
@media (max-width: 690px)
{
	#staytuned .innerBloc, #about .innerBloc {
		width: 560px;
	}
	#picto_sociaux .picto {
		margin: 20px;
	}
	.inmenu {
		display: none;
	}
	.sidebar-show #menu .responsive-menu {
		margin-right: -80px;
	}
	#staytuned {
		/*padding: 200px 0 80px 0;*/
	}
	#about {
		padding: 40px;
	}
}
@media (max-width: 590px)
{
	#staytuned .innerBloc, #about .innerBloc {
		width: 460px;
	}
	#picto_sociaux .picto {
		margin: 20px;
	}
	#info_contact p {
		font-size: 1.5em;
	}
	#minimenu, #top {
		display: none !important;
	}
	.enfant, .fille {
		display: none !important;
	}
}
@media (max-width: 500px)
{
	#staytuned .innerBloc, #about .innerBloc {
		width: 360px;
	}
	#picto_sociaux .picto {
		margin: 15px;
	}
	#info_contact p {
		font-size: 1.3em;
	}
	#footer {
		text-align: center;
	}
	#footer a.agence {
		float: none;
		display: block;
		margin-top: 20px;
	}
	#picto_sociaux {
		display: none;
	}

}
@media (max-width: 385px)
{
	#about, #staytuned { padding:10px; }
	#staytuned .innerBloc, #about .innerBloc {
		width: 100%;
	}
	#picto_sociaux .picto {
		margin: 10px;
	}
	#info_contact p {
		font-size: 1em;
	}
	#staytuned .hote-enfant {
		padding-bottom: 80px;
	}
}
@media (max-height: 900px) {
	.inmenu {
		top: 60px;
	}
}
@media (max-height: 860px)
{
	#logo {
		margin-bottom: 55px;
	}
	/*.project-modal {
		width: 85% !important;
	}*/
}
@media (max-height: 800px)
{
	#logo {
		margin-bottom: 30px;
	}
	.inmenu {
		top: 40px;
	}
}
@media (max-height: 780px)
{
	.inmenu {
		top: 20px;
	}
}
@media (max-height: 732px)
{
	.inmenu {
		display: none;
		top: 0px;
	}
}
@media (max-height: 760px)
{
	#logo {
		margin-bottom: 10px;
	}

}
@media (max-height: 715px)
{
	#logo {
		margin-bottom: 0;
	}
}
@media (max-height: 600px)
{
	#logo {
		margin-bottom: 20px;
	}
}0