/*
Theme Name: ALYS
Author: Alys
Author URI: http://www.alys.be
*/
/*    ***** RESET CSS *****    */

/*    *********************    */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: top;

	/*font-family:'Sintony',Arial,Helvetica,sans-serif; */

	font-family:'Open Sans',Arial,Helvetica,sans-serif;

}
html {
	box-sizing: border-box;
  }
  *, *:before, *:after {
	box-sizing: inherit;
  }
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/*   / reset css  */

/* cookies */

#cookieChoiceInfo #cookieChoiceDismiss{

	color:#fff;

	background: #a6d737;

	background: -moz-linear-gradient(top,  #a6d737 0%, #5d912e 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6d737), color-stop(100%,#5d912e));

	background: -webkit-linear-gradient(top,  #a6d737 0%,#5d912e 100%);

	background: -o-linear-gradient(top,  #a6d737 0%,#5d912e 100%);

	background: -ms-linear-gradient(top,  #a6d737 0%,#5d912e 100%);

	background: linear-gradient(to bottom,  #a6d737 0%,#5d912e 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d737', endColorstr='#5d912e',GradientType=0 );

	padding:8px 13px;

	border-top:1px solid #5d912e;

	text-transform:uppercase;

}

#cookieChoiceInfo a{

	color:#A6D737;

}

#cookieChoiceInfo #cookieChoiceDismiss:hover{

	background: #5d912e;

	background: -moz-linear-gradient(top,  #5d912e 0%, #a6d737 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d912e), color-stop(100%,#a6d737));

	background: -webkit-linear-gradient(top,  #5d912e 0%,#a6d737 100%);

	background: -o-linear-gradient(top,  #5d912e 0%,#a6d737 100%);

	background: -ms-linear-gradient(top,  #5d912e 0%,#a6d737 100%);

	background: linear-gradient(to bottom,  #5d912e 0%,#a6d737 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d912e', endColorstr='#a6d737',GradientType=0 );

}

/* VERT #c3d839 */

/*    ***** BASES *****    */

/*    *****************    */

html,

body {

	margin:0;

	padding:0; 

	height:100%;

}

body{

	font-size:16px;

	color:#565353;	

	position:relative;

	font-family: 'Open Sans',sans-serif;

}

p, li{

	font-family:'Open Sans',Arial,Helvetica,sans-serif;

	font-size:16px;
	line-height:24px;

/*

	font-family: 'Sintony', sans-serif;

	font-size:14px;

	*/

	/*-webkit-text-stroke: 1px rgba(0,0,0,0.15);

	-webkit-font-smoothing: antialiased;*/

}

p{

	margin-bottom:10px;

	

}

h1, h2, h3, h4{ 

	font-family: 'Open Sans',sans-serif;

	margin:10px 0;

	line-height:1;

}

h1{

	color:#59595b;

	font-size:35px;

	font-weight:300;

	line-height:36px;

	margin:5px 0 10px;

	padding:0;

	text-transform:uppercase;

}

h1 .black{

	font-weight:600;

	letter-spacing:-1px;

	line-height:40px;

}

.white{

	color:#fff;

}

h1.white{

	margin-bottom:35px;

	min-height:79px;

	line-height:79px;

	font-weight:bold;
	position: absolute;
    top: -70px;
    z-index: 999;
    width: 100%;
	text-align: center;
	font-size: 70px;

}
h1.work-title {
	line-height: 40px;
	margin: 0;
	top: 130px;
    position: fixed;
	z-index: 999999999;
	text-align: left;
	font-size: 35px;
}
h1.work-title a, h1.work-title a:hover {
 color: white;
}
.white img{

	height:90px;

	float:left;

	margin-right:20px;

}

/*

.title-image img{

	height:100%;

	width:auto;

}

*/

h2{

	font-size:1.8em;

}

h3{

	color:#BEBEBE;

	font-size:1.8em;

	font-weight:200;

	line-height:85%;

	margin:5px 0 10px;

	padding:0;

	text-transform:uppercase;

}

h4{

	font-size:22px;font-weight:bold;

}
a{

	color:#C4CF34;/* vert Alys */

	text-decoration:none;

}

a:hover, a:active, .current{

	color:#999; 

}

sup{vertical-align: top;position:relative;top:-3px;font-size:0.7em;}

strong{font-weight:bold;}

em{font-style:italic;}

#wrap{

	width:1100px; 

	margin:0 auto;

}
.work-wrap {
	width: 1100px !important;
}
.project-wrap {
	width: 730px !important;
}
body > #wrap{

	/* sticky footer */

	min-height: 100%;

  /* equal to footer height */

  	margin-bottom: -60px; 

}

body > #wrap:after {

  content: "";

  display: block;

}

#footer, body > #wrap:after {

  height: 60px; 

}

/*gallery */

.gallery-item{

	height:180px!important;

	line-height:180px!important;

}

.gallery-item img{

	vertical-align:middle!important;

	width:100%;

	height:auto;

}

/*

.clear:after{

	content: " " ; 

    visibility: hidden ; 

    display: block ; 

    height: 0 ; 

    clear: both ;

	font-size:0;

}

*/

.clear { clear:both;/*display: inline-block; */}

/* start commented backslash hack \*/

* html .clear { height: 1%; }

.clear { display: block; }

/* close commented backslash hack */

.alignleft{float:left;margin-right:20px;}

.alignright{float:right;margin-left:20px;}

.aligncenter{margin:0 auto;display:block;}

hr{

	border-top:1px dashed #5c625e;

	border-bottom:none;

	border-left:none;

	border-right:none;

}

.button{

	padding:5px 8px;

	border:1px solid #C3D839;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border-radius:3px;

	background:#fff;

	color:#C3D839;

}

.green-button{

	background:#C3D839;

	color:#fff;

    width: 156px !important;
    display: inline-block;
    height: 37px;
    line-height: 25px;

	

}

.green-button:hover{

	background:#353535!important;

	border:1px solid #353535;

}

.button:after{

	content:" »";

}

.button:hover{

	color:#fff;

	background:#C3D839;

}

.back-btn{

	display:block;

	padding:10px 10px 10px 35px;

	border-radius:3px;

	-webkit-border-radius:3px;

	-moz-border-radius:3px;

	margin-bottom:25px;

	/*

	border:1px solid #ddd;

	color:#bbb;

	background:url('images/back-arrow.jpg') 10px -53px no-repeat;

	*/

	background:url('images/back-arrow-white.png') 10px 8px no-repeat #C4CF34;

	color:#fff;

}

.back-btn:hover{

	/*

	color:#C4CF34;

	border:1px solid #C4CF34;

	background:url('images/back-arrow.jpg')  10px 3px no-repeat;

	*/

	background:url('images/back-arrow-white.png') 10px 8px no-repeat #161B1E;

}


/* --- GUTENBERG --- */
#page-content{
	overflow: hidden;
}
.greybox100{
	background:#eef0f6;
	padding:35px 0;
	margin:35px 0;
    position: relative;
}
.greybox100:before{
	content:"";
	background:#eef0f6;
	position:absolute;
	z-index:-1;
	top:0;
	left:-50%;
	width:100%;
	height:100%;
}
.greybox100:after{
	content:"";
	background:#eef0f6;
	position:absolute;
	z-index:-1;
	top:0;
	right:-50%;
	width:100%;
	height:100%;
}
/* --- tabs gutenberg ----- */
.btn-hover a:hover{
	background:#e2af5c!important;
}
.ui-tabs-nav li{
	background-image:none!important;
	padding-left:0!important;
}
/* --- Publications gutenberg ----- */
.wp-block-file{
	background:#fff;
	max-width:350px;
	display:block;
}
.wp-block-file a{
	text-decoration:none;
	color:#77b72c!important;
	font-size:18px;
	line-height:24px;
}
.wp-block-file a:first-child:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:url('images/icon-button-download.png') center center no-repeat #bae785;
	width:100%;
	height:120px;
}
.wp-block-file a:first-child{
	padding:140px 2% 0 2%!important;
	position:relative;
	display:block;
	text-align:center;
	color:#151536;
	background:none!important;
	min-height:80px;
	line-height:26px!important;
}
.wp-block-file a:hover{
	background:#77b72c!important;
	color:#ffffff!important;
}
/* --- / gutenberg --- */
/*    ------------------  HEADER ----------------     */

/*    -------------------------------------------     */

.admin-bar #header{margin-top:32px;z-index: 9999;}

#header{

	/*position:relative;*/

	background:#353535; /*#161b1e;*/

	height:85px;

	position:fixed;

	width:100%;

	z-index:9000;

	top:0;

}

#header #wrap{

	position:relative;

}

#logo{

	float:left;

}

#logo a{

	display:block;

	margin:21px 45px 0 0;

}

/*   --- top menu links ---  */

#top-menu-links{

	position:absolute;

	top:4px;

	right:0;

}

#top-menu-links li{

	list-style:none;

	display:inline-block;

}

#top-menu-links li:first-child a{

	border-right:1px solid #666;

	margin-right:3px;

	padding-right:6px;

}

#top-menu-links img{

	height:10px;

	margin-top:2px;

	width:auto;

}

#top-menu-links li a{

	font-size:8px!important;

	text-transform:uppercase;

	color:#fff;

	line-height:16px;

}

#top-menu-links .current a,

#top-menu-links li a:hover{

	color:#C4CF34;

}

/*   --- top menu ---  */

#top-menu{

	float:right;

	margin-top:35px;

}

#top-menu li{

	display:inline-block;

}

#top-menu .linkedin{

	margin-top:-1px;

}

#top-menu .linkedin a img{

	margin-top:7px;

}

#top-menu .twitter{

	margin-right:5px;

}

#top-menu li a{

	height:28px;

	width:28px;

	line-height:28px;

	text-align:center;

	font-size:10px;

	display:block;

	color:#fff;

	background:#414344;

	border-radius:30px;

}

#top-menu li a img{

	margin-top:5px;

	opacity:0.6;

}

#top-menu li a:hover, #top-menu .current a{

	background:#C4CF34;

}

#top-menu li a:hover img, #top-menu li a.current img{

	opacity:1;

}

/*   --- main nav ---  */

#main-nav{

	float:left;

	z-index: 9999;

}

.top-menu-client{

	float:right!important;

}

.nav-list{

}

.nav-list > li{

	/*display:inline-block;*/

	float:left;

	list-style:none;
	padding: 0 1px;
}

.nav-list > li > a{

	padding:0px 10px;

	font-size:14px;

	color:#fff;

	font-family: 'Open Sans',sans-serif;

	font-weight:600;

	text-transform:uppercase;

	padding:0 20px;

	line-height:85px;

	display:block;

	background:#353535; /*#161B1E;*/

}

/* ------------ this avoid hover effect under screen resolution ---------------- */

@media screen and (min-width:1024px){

.nav-list > li:hover > a, 

.nav-list > .current > a,

.nav-list > .current-menu-item >a,
.single-portfolio .menu-item-141 a,
.single-skills .menu-item-2223 a,
.single-portfolio .menu-item-95 a,
.single-skills .menu-item-2224 a{

	/*color:#c3d839; */

	background:#6b6f71;

}


}

/* level 2 */

#main-nav > li:hover > ul{

	visibility: visible;

	opacity: 1;

	top: 85px;

}

#main-nav ul {

	position:absolute;

	min-width:300px;

	float:none;

	z-index:-1;

	border-top:5px solid #BDD630;

	padding:10px 0;

	background:#161B1E;

	visibility: hidden;

	opacity: 0;

	top: 25px;

   -webkit-transition: all .25s ease;

   -moz-transition: all .25s ease;

   -ms-transition: all .25s ease;

   -o-transition: all .25s ease;

   transition: all .25s ease;

}

#main-nav ul:before{

	width: 0; 

	height: 0; 

	border-left: 15px solid transparent;

	border-right: 15px solid transparent;	

	border-bottom: 15px solid #BDD630;

	position:absolute;

	left:30px;

	top:-15px;

	content:" ";

}

#main-nav ul li  a{

	color:#fff;

	text-transform:uppercase;

	display:block;

	padding:7px 10px 7px 55px;

	font-size:14px;

	font-family: 'Open Sans',arial, sans-serif;

	font-weight:600;

	/*

	transition:all ease-in 0.2s;

	-webkit-transition:all ease-in 0.2s;

	-moz-transition:all ease-in 0.2s;

	*/

	transition:none!important;

}

#main-nav ul li a:hover, 
#main-nav ul .current a{
	background-position:15px 0px!important;
	color:#BDD630!important;
}


/* icons */

#main-nav ul .tout a{

	background:url('images/icon-menu-tout.png') 15px -30px no-repeat #161B1E;

}

#main-nav ul .instit a{

	background:url('images/icon-menu-institutionnels.png') 15px -30px no-repeat #161B1E;

}

#main-nav ul .corporate a{

	background:url('images/icon-menu-corporate2.png') 15px -30px no-repeat #161B1E;

}

#main-nav ul .web a{

	background:url('images/icon-menu-corporate.png') 15px -30px no-repeat #161B1E;

}

#main-nav ul .mobile a{

	background:url('images/icon-menu-mobile.png') 15px -30px no-repeat #161B1E;

}

#main-nav ul .newsletter a{

	background:url('images/icon-menu-newsletter.png') 15px -30px no-repeat #161B1E;

}

#main-nav ul .logos a{

	background:url('images/icon-menu-logos.png') 15px -30px no-repeat #161B1E;

}

#main-nav ul .print a{

	background:url('images/icon-menu-print.png') 15px -30px no-repeat #161B1E;

}

#gallery-1 img{border:none!important;}

/* ---- header manuels ---- */

.title-small{

	padding:0px 10px;

	font-size:25px;

	color:#bebebe;

	font-family: 'Open Sans',sans-serif;

	font-weight:600;

	position:absolute;

	top:90px;

	left:290px;

	z-index:20;

}

.title-big{

	font-size:110px;

	font-family: 'Open Sans',sans-serif;

	font-weight:300;

	position:absolute;

	top:90px;

	left:0px;

	color:#eee;

	text-transform:uppercase;

}

/* --- green header --- */

#green-header{

	background:#C3D839;	

	margin-top:0px;

	width:100%;

	/*position:relative;*/

	position:fixed;

}

.single-skills .min-height{

	padding-top:270px;

}

/*

.sticky #green-header{

	position:fixed;

}

*/

#green-header #wrap{

	height:120px;

	

}
.work-back {
	position: fixed;
    z-index: 999;
	left:20px;
	top:100px;

	/*height:120px;
	width:55px;
	padding-left:15px;
	background:url('images/arrow-back.png') center center no-repeat;*/
	display: block;
	padding: 5px 25px 5px 27px;
	border: 1px solid #a7a7a7;
	color:#a7a7a7;
	background:#fff;
}

.work-back .arrow,
#green-header .back .arrow,
.mobile-back-btn .arrow{
	width:10px;
	height:10px;
	left:10px;
	top:8px;

	box-sizing: border-box;
	position: absolute;
	transform: rotate(225deg);
}
.work-back .arrow:before,
#green-header .back .arrow:before,
.mobile-back-btn .arrow:before {
		content: '';
		width: 100%;
		height: 100%;
		border-width: .2vmin .2vmin 0 0;
		border-style: solid;
		border-color: #a7a7a7;
		transition: .2s ease;
		display: block;
		transform-origin: 100% 0;
}	
.work-back .arrow:after,
#green-header .back .arrow:after,
.mobile-back-btn .arrow:after {
		content: '';
		float: left;
		position: relative;
		top: -100%;
		width: 100%;
		height: 100%;
		border-width: 0 .2vmin 0 0;
		border-style: solid;
		border-color: #a7a7a7;
		transform-origin: 100% 0;
		transition:.2s ease;
	}

.work-back:hover,
#green-header  .back:hover{
	background:#C3D839;
	color:#fff;
	border-color:#C3D839;
}
.work-back:hover .arrow:before,
.work-back:hover .arrow:after,
#green-header .back:hover .arrow:before ,
#green-header .back:hover .arrow:after {
	border-color:#fff;
}
#green-header .back{
top:220px;
padding:5px 25px 5px 27px;
position:fixed;
left:20px;
z-index:999;
border:1px solid #a7a7a7;
color:#a7a7a7;
background:#fff;
/*
	position:absolute;

	left:0px;

	top:0px;

	height:120px;

	width:55px;

	padding-left:15px;

	background:url('images/arrow-back.png') center center no-repeat;
*/
}

#green-header .back:hover{

	/*background:url('images/arrow-back.png') center center no-repeat #9eaf2e;*/
	background:#C3D839;
	color:#fff;
	border: 1px solid #C3D839;

}

#green-header h1{

	color:#fff;

	line-height:120px;

	font-weight:600;

	margin:0;

}

#green-header h1 img{

	width:80px;

	height:auto;

	margin-right:25px;

	vertical-align:middle;

	

}

.min-height{

	min-height:1000px!important;

	padding:40px 0;

}

/* replace ID when online */

.single-skills #menu-item-172 a{

	position:relative;

}

.single-skills #menu-item-172 a:after{

	position:absolute;

	bottom:0;

	left:35px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 15px 15px 15px;

	border-color: transparent transparent #c3d839 transparent;

	content:" ";

}



/* -------------- home ------------------ */

/* --- test --- */
.homevimeo{
	position: relative;
	z-index: 0;
	background-color: #000;
	height: 100vh;
	min-height: 730px;
	overflow: hidden;
}
.video-background{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}
.homevimeo .bgvideo {
	 position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	opacity: 1;

}
.bg-home-mobile{
	display:none;
	background:url('images/bg-home-mobile.jpg') no-repeat;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/*--- / ---*/

/*

#bgvideo-trame{

	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGElEQVQImWNgYGA4A8UzkTB2wZlYMJGCAEEfD77E+nuhAAAAAElFTkSuQmCC') repeat;

	opacity:0.5;

	position:absolute;

	width:100%;

	height:100%;

	z-index:-1;

}

#bg-video{

	z-index:-2;

	background-size:cover;

	width:100%;

	height:100%;

	position:fixed;

}

#bg-img{

	z-index:-1;

	position:absolute;

	width:100%;

	height:100%;

	background:url('images/home-bg-video.jpg') no-repeat;

	background-size:cover;

}

video#bgvid { 

	position: fixed; 

	right: 0; 

	bottom: 0;

	min-width: 100%; 

	min-height: 100%;

	width: auto; 

	height: auto; 

	z-index: -100;

	background: url('images/home-bg-video.jpg') no-repeat;

	background-size: cover; 

}

*/

/* --- test scroll homepage -- */

/* ======= BANNER / VIDEO ====== */

#banner{

	/*max-height:560px;

	overflow: hidden;*/

	position:relative;

}

#banner > img{

	width:100%;

}

#trame{

	width:100%;

	height:100%;

	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGElEQVQImWNgYGA4A8UzkTB2wZlYMJGCAEEfD77E+nuhAAAAAElFTkSuQmCC') repeat;

	position:absolute;

	opacity:0.5;

}

#filtre-bg{

	width:100%;

	height:100%;

	position:absolute;

	background:#C4CF34;

	opacity:0.7;

}

/* CELINE */

#banner-text{

	text-align:center;

	position:absolute;

	/*

	width:300px;

	left:50%;

	*/

	height:60px;

	line-height:60px;

	top:50%;

	margin-top:-30px;

	z-index:100;

	/*

	background-color:rgba(0,0,0,0.4);

	border:1px solid #fff;	

	*/

	/*margin-left:-150px;

	left:25%;

	width:70%;

	

	*/

	width:100%;

	text-align:center;

	

	/* show after 2 seconds */

	 -webkit-animation: show-title 2s;

    -moz-animation: show-title 2s;

    -o-animation: show-title 2s;

    animation: show-title 2s;



}

/* show after 2 seconds */

@keyframes show-title {

    0% {

        opacity: 0;

    }

    59% {

        opacity: 0;

    }

	60% {

        opacity: 0.2;

    }

	70% {

        opacity: 0.5;

    }

    100% {

        opacity: 1;

    }

}



@-webkit-keyframes show-title {

    0% {

        opacity: 0;

    }

    59% {

        opacity: 0;

    }

	60% {

        opacity: 0.2;

    }

	70% {

        opacity: 0.5;

    }

    100% {

        opacity: 1;

    }

}

@-moz-keyframes show-title {

    0% {

        opacity: 0;

    }

    59% {

        opacity: 0;

    }

	60% {

        opacity: 0.2;

    }

	70% {

        opacity: 0.5;

    }

    100% {

        opacity: 1;

    }

}

@-o-keyframes show-title {

    0% {

        opacity: 0;

    }

    59% {

        opacity: 0;

    }

	60% {

        opacity: 0.2;

    }

	70% {

        opacity: 0.5;

    }

    100% {

        opacity: 1;

    }

}

@keyframes show-title {

    0% {

        opacity: 0;

    }

    59% {

        opacity: 0;

    }

	60% {

        opacity: 0.2;

    }

	70% {

        opacity: 0.5;

    }

    100% {

        opacity: 1;

    }

}

/* ----------- */







#banner-text:after{

	/*

	content:"";

	display:block;

	background: url('images/fleche.png') center top no-repeat;

	width:12px;

	height:7px;

	position: absolute;

	bottom:-7px;

	left:50%;

	margin-left:-6px;

	*/

}

#banner-text a{

	color:#fff;

	margin-top: 0;

	text-transform: uppercase;

	font-size:2em;

	margin-top:20px;

	display:inline-block;

}

/* ----/ CELINE */

#banner-text p{

	font-family: 'montserrathairline', Arial, sans-serif;

	font-size: 30px;

}

#banner-text p{

	font-family: 'Open Sans', Arial, sans-serif;

	

	line-height:48px;

	text-align:center;

	font-weight:700;

	color:#fff;

	margin:30px 0 20px 0;

	text-transform: uppercase;

}

#banner-text .title-1{

	font-size: 46px;

	



}



#banner-text .title-2{

	font-size:24px;

	font-weight:400;

	margin-top:0;

	

}

.hide_me{opacity:0;filter: alpha(opacity=0);}

#banner-text .scroll_up_btn{margin-top: 600px;}

#banner-text .btn{

	

	

}

#banner-text .btn a{

	text-decoration:none;

	display:inline-block;

	padding:1px 30px;

	border:3px solid #fff;

	font-size:20px;

	font-weight:400;

	width:200px;

}

#banner-text .btn-skills{

	/*margin-right:35px;*/

}

#banner-text .btn a:hover{

	background:#353535;

}

#banner-text h2{

	font-family: 'montserrathairline', Arial, sans-serif;

	font-size: 32px;

	text-transform: uppercase;

	color:#fff;

	margin-bottom:10px;

	border:none;

	font-weight:inherit!important;

}

.scroll_link{

	position:absolute;

	bottom:-35px;

	z-index:200;

	width:100%;

	text-align:center;

}

.scroll_link a{

	display:inline-block;

	background:url('images/home-arrow-bottom.png') no-repeat center -2px #fff;

	width:65px;

	height:65px;

	border-radius:65px;

	-webkit-border-radius:65px;

	-moz-border-radius:65px;

	

	/*left:46%;*/

	

}

/* video background */

#bgvideo-trame{

                background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGElEQVQImWNgYGA4A8UzkTB2wZlYMJGCAEEfD77E+nuhAAAAAElFTkSuQmCC') repeat;

                opacity:0.5;

                position:absolute;

                width:100%;

                height:100%;

                z-index:-1;

}

#bg-video{

                z-index:-2;

                background-size:cover;

                width:100%;

                height:100%;

                position:fixed;               

}

#bg-img{

                z-index:-1;

                position:absolute;

				top:85px;

                width:100%;

                height:100%;

                background:url('images/bg-services.jpg') no-repeat;

                background-size:cover;

}

video#bgvid { 

                position: fixed; 

                right: 0; 

                bottom: 0;

                min-width: 100%; 

                min-height: 100%;

                width: auto; 

                height: auto; 

                z-index: -100;

                background: url('images/banner.jpg') no-repeat;

                background-size: cover; 

}
.work-banner {
	height: 120px !important;
	background: #C3D839;
	position: sticky !important;
}
.work-banner img {
	visibility: hidden;
}
.bgvid {

  background-size: cover;

  width: 100%;

  height:100%;

 /* max-height:100%; */

 min-height:100%;

  z-index: -100;

}

/* hide controls home video on iphone */

.home ::-webkit-media-controls,

.home::-webkit-media-controls-play-button,

.home::-webkit-media-controls-start-playback-button {

  	opacity: 0!important;

	display:none!important;

	-webkit-appearance: none!important;

}

/* --- / ---- */

.home .page2 h1{

	font-size:1.8em;

	font-weight:400;

	line-height:1.2em;

}

#home-content{

	padding-top:150px;

}

#home-content > li{

	list-style:none;

	display:inline-block;

	width:655px;

}

#home-content > li:first-child{

	width:395px;

	margin-right:40px;

}

#home-content h1, #home-content h2{

	/*border:1px solid #fff;*/

	border:1px solid #eee;

	padding:10px 25px;

	/*color:#fff;*/

	font-size:22px;

	line-height:22px;

	text-transform:uppercase;

	margin:0 0 20px 0;

}

.home-teaser{

	display:block;

	vertical-align:middle;

	height:55px;

	line-height:55px;

	font-size:18px;

}

#news-open{

	/*background:url('images/project-open.png') 10px 9px no-repeat;*/

	padding:1px 0px!important;

	cursor:pointer;

}

#news-open .btn-text{

	margin-top:8px;

	display:inline-block;

	font-family: 'Open Sans',sans-serif;

	font-weight:300;

}

#home-content p{

	/*color:#fff;*/

	font-size:14px;

}

/* -- open button -- */

.tcon {

  appearance: none;

  border: none;

  cursor: pointer;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: inline-flex;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  height: 40px;

  transition: 0.3s;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  width: 40px;

  background: transparent;

  outline: none; }

  .tcon > * {

    display: block; }

  .tcon:hover, .tcon:focus {

    outline: none; }

  .tcon::-moz-focus-inner {

    border: 0; }

.tcon-menu__lines {

  display: inline-block;

  height: 5.71429px;

  width: 40px;

 /* border-radius: 2.85714px;*/

  transition: 0.3s;

  background: #fff;

  position: relative; }

 .tcon-menu__lines::before, .tcon-menu__lines::after {

    display: inline-block;

    height: 5.71429px;

    width: 40px;

  /*  border-radius: 2.85714px;*/

    transition: 0.3s;

    background: #fff;

    content: '';

    position: absolute;

    left: 0;

    -webkit-transform-origin: 2.85714px center;

    transform-origin: 2.85714px center;

    width: 100%; }

  .tcon-menu__lines::before {

    top: 10px; }

  .tcon-menu__lines::after {

    top: -10px; }

  .tcon-transform .tcon-menu__lines {

    -webkit-transform: scale3d(.8, .8, .8);

    transform: scale3d(.8, .8, .8); }

.tcon-menu--xcross {

  width: auto; }

  .tcon-menu--xcross.tcon-transform .tcon-menu__lines {

    background: transparent; }

    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {

      -webkit-transform-origin: 50% 50%;

      transform-origin: 50% 50%;

      top: 0;

      width: 40px; }

    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {

      -webkit-transform: rotate3d(0, 0, 1, 45deg);

      transform: rotate3d(0, 0, 1, 45deg); }

    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {

      -webkit-transform: rotate3d(0, 0, 1, -45deg);

      transform: rotate3d(0, 0, 1, -45deg); }

.tcon-visuallyhidden {

  border: 0;

  clip: rect(0 0 0 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px; }

  .tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto; }

/* ======= TOP LOGIN PANEL ====== */

.tab{

	position:relative;

	width:1100px;

	margin:0 auto;

}

.tab ul.login {

	display: block;

	position: absolute;

	list-style:none;

  	clear: right;

	width: auto;

	margin: 0;

	text-align: center;

	right:165px;

	z-index:950;

}

.tab ul.login li.right {

	padding: 0;

	margin: 0;

  	display: block;

	float: left;

}

.tab a.open, .tab a.close {

	cursor: pointer;

	display: block;

	position: relative;

	color:#fff;

	height:28px;

	width:28px;

	display:block;

	margin-top:28px;

	text-align:center;

	text-transform:uppercase;

	line-height:30px;

	font-size:11px;

	text-decoration:none;

	background:#414344;

	border-radius:30px;

	-webkit-border-radius:30px;

	-moz-border-radius:30px;

}

.tab a.open img{

	opacity:0.6;

	margin-top:5px;

}

.tab a.open:hover{

	background:#c3d839;

}

.tab a.close{

	background:#c3d839;

	position:relative;

	margin-top:-50px;

	z-index:999;

}

.tab a.close img{

	opacity:1;

	margin-top:5px;

}

/*

.tab a.close:after{

	content:" X ";

	font-size:20px;

	font-weight:300;

	position:absolute;

	right:-20px;

	top:0;

	padding:0 10px;

	background:#000;

}

*/

/* ---  sliding panel --- */

#toppanel {

    position: absolute; 

    top: 0;

    width: 100%;

    z-index: 999;

    text-align: center;

    margin-left: auto;

    margin-right: auto;

}

#toppanel li{

	list-style:none;

}

#panel {

	width: 100%;

	height: 290px;

	color: #fff;

	background: #161B1E;

	overflow: hidden;

	position: relative;

	z-index: 3;

	display: none;

}

#panel h1{

	color:#fff;

	font-size:28px;

}

#panel p {

	margin: 5px 0;

	padding: 0;

	color:#999;

}

#panel a {

	text-decoration: none;

	color: #E90822;

}

#panel a:hover {

	color: #fff;

}

#panel a-lost-pwd {

	display: block;

	float: left;

}

#panel .content {

	width: 1100px;

	margin: 0 auto;

	padding-top: 25px;

	text-align: left;

	font-size:12px;

}

#panel .content .left {

	width: 280px;

	float: left;

	padding: 0 15px;

}

#panel .content form {

	margin: 0 0 10px 0;

}

#panel .content label {

	float: left;

	clear: both;

	width: 280px;

	display: block;	

}

#panel .content input.field {

	border: 2px #666 solid;

	background: none;

	margin-right: 5px;

	margin-top: 4px;

	color: #fff;

	height: 16px;

}

#panel .content input:focus.field {

	border: 2px #fff solid;

}

.lost-pwd{

	color:#c3d839!important;

	margin-top:15px;

	display:block;

}

/*    ------------------  CONTENT ----------------     */

/*    -------------------------------------------     */

#banner{

	max-height:250px;

	width:100%;

	overflow:hidden;
    top: 85px;
    z-index: 999;

}

#banner img{

	width:100%;

}

#content-wrap{

	padding-top:90px;

	/*margin-bottom:40px;

	min-height:750px; */

	position:relative;

	padding-bottom:120px;
	min-height:1000px;


}

.post-type-archive-portfolio #content-wrap,
.post-type-archive-skills #content-wrap{

	overflow:visible!important;

	padding-top:160px;

}

.page-template-temp_services #content-wrap{

	min-height:800px;

}

.page-template-temp_services #bg-img{

	height:150%;

}

.page-template-temp_services #wrap::after{

	display:inline;

}



/*     slider    */

#slider{

	/*border-top:1px solid #D6D6D6;

	margin:-22px 0 20px -34px;

	width:950px;*/

	margin:0 auto;

	height:310px;

}

#slider img{

	width:100%;

}

#login-home{

	width:275px;

	margin-right:20px;

	float:right;

}

/*    /slider    */

/*    column */

#left-column{

	float:left;

	width:170px;

	padding-right:20px;

}

#right-column{

	float:right;

	width:90px;

	padding-left:20px;

}

/*    /column    */

#content{

	float:left;

	width:680px; 

}

#content-right{

	float:right;

	width:800px; 

}

/*

#content-left{

	float:left;

	width:760px; 

}*/

#content img, #content-full img{

	max-width:100%;

}

.columns{

	-webkit-column-count:2;

	-webkit-column-gap:50px;

	-webkit-column-rule:1px solid #dedede;

	-moz-column-count:2;

	-moz-column-gap:50px;

	-moz-column-rule:1px solid #dedede;

	column-count:2;

	column-gap:50px;

	column-rule:1px solid #dedede;

	margin-bottom:30px;

}

#content-full{

}

/*  home */

#home-content-table  td:first-child{

	width:420px;

}

#home-content-table > td{

	border:none;

}

#home-content-table td td{

	width:220px;

	border:none;

}

#home-content-table h4{

	font-size:26px;

}

/*

#left-text{

	float:left;

	width:48%;

}

#right-text{

	float:right;

	width:48%;

}*/

/*    ***** LEFT MENU + RIGHT CONTENT *****    */

/*    *************************************    */

#right-content{
	position:relative;
	width:730px;

	min-height:600px;

	float:right;

	background:#fff;

	border-top:6px solid #c3d839;

	padding:10px 20px 0 20px;

}
.project-border {
	border: 0 !important;
}
#full-content{

	min-height:650px;

	background:#fff;

	padding:10px 20px 0 20px;

}
.page-id-533 #full-content{
	background:none!important;
}

#right-content h2,.min-height h2{

	color:#2C2F31;

	font-weight:600;

	font-size:22px;

	line-height:24px;

	margin-bottom:20px;

}

#right-content img{

	max-width:100%;

	height:auto;

	width: 100%;

}

#left-menu{

	width:300px;

	float:left;

	/*padding-top:25px;*/

	padding-top: 0px;

	padding-bottom:30px;

	position:relative;

	/*height:66%;

	background:url('images/left-menu-bg.jpg') center top repeat; */
		-webkit-transition:all ease-in 0.2s;

	-moz-transition:all ease-in 0.2s;

	-ms-transition:all ease-in 0.2s;

	transition:all ease-in 0.2s;

}

#left-menu #padding{

	/*

	padding:0px 20px 0 20px;

	position:fixed;

	position: fixed;

	width: 260px;

	top: 280px;*/

	padding:0px 20px 0 20px;



}

/*.sticky #left-menu #padding{*/
.sticky #left-menu{

	top:80px; /*255px;*/
	max-width:323px;

	position:fixed;

	/*width: 260px;*/

}

.sticky #left-menu{

	padding-top: 65px;

}

#left-menu > li {

    padding: 0;

    display: none;

}

/* afficher uniquement sous-menu actif */

#left-menu > .current-menu-item.menu-item-has-children,

#left-menu > .current-menu-item li,

#left-menu > .current-menu-ancestor,

#left-menu > .current-menu-ancestor li {

    display: block;

}

/* hide parent */

#left-menu > .current-menu-ancestor > a {

    display: none;

}

#main-nav .english{display:none;}

.english{

	width:180px;

	height:auto;

	margin-top:50px;

	margin-left:15%;

	opacity:0.7;

}

.bg-left-menu:after{

	/*background:url('images/left-menu-bg.jpg') center top repeat;*/

	height:100%;

	position:absolute;

	z-index:-1;

	left:0;

	top:246px; 

	width:300px;

	content:" ";

	display:none; /* --------- */

}

.bg-left-menu-ul:after{

	/*background:url('images/left-menu-bg.jpg') center top repeat;*/

	height:100%;

	position:absolute;

	z-index:-1;

	left:0;

	top:0; 

	width:300px;

	content:" ";

}

#main-nav .bg-left-menu-ul:after{display:none;}

#left-menu .bullet-list li{

	font-family: 'Sintony',Arial,Helvetica,sans-serif!important;

}

#left-menu li{

	font-family: 'Open Sans',arial, sans-serif;

}

#left-menu li:last-child{

	border-bottom:none;

}

#left-menu li a{

	color:#fff;

	text-transform:uppercase;

	padding:10px 15px 10px 55px;

	font-size:14px;

	display:block;

	/*

	-webkit-text-stroke: 1px rgba(0,0,0,0);

	-webkit-font-smoothing: none;

	*/

}

#left-menu a{

	-webkit-transition:all ease-in 0.2s;

	-moz-transition:all ease-in 0.2s;

	-ms-transition:all ease-in 0.2s;

	transition:all ease-in 0.2s;

}

/* icons */

#main-nav ul .infos a{

	background:url('images/icon-menu-contact.png') 15px -30px no-repeat transparent;

}

#main-nav ul .tarifs a{

	background:url('images/icon-menu-plus.png') 15px -30px no-repeat transparent;

}

#main-nav ul .team a{

	background:url('images/icon-menu-reseaux-sociaux.png') 15px -30px no-repeat transparent;

}

#main-nav ul .faq a{

	background:url('images/icon-menu-faq.png') 15px -30px no-repeat transparent;

}

/*

#left-menu .sites-inst a{

	background:url('images/icon-menu-institutionnels.png') 15px -30px no-repeat;

}

#left-menu .sites-corporate a{

	background:url('images/icon-menu-corporate2.png') 15px -30px no-repeat;

}

#left-menu .cloud a{

	background:url('images/icon-menu-intranet.png') 15px -30px no-repeat;

}

#left-menu .SEO a{

	background:url('images/icon-menu-seo.png') 15px -30px no-repeat;

}

#left-menu .gestion-newsletters a{

	background:url('images/icon-menu-newsletter.png') 15px -30px no-repeat;

}

#left-menu .sites-mobiles a{

	background:url('images/icon-menu-mobile.png') 15px -30px no-repeat;

}

#left-menu .identite-visuelle a{

	background:url('images/icon-menu-logos.png') 15px -30px no-repeat;

}

#left-menu .hebergement a{

	background:url('images/icon-menu-hebergement.png') 15px -30px no-repeat;

}

#left-menu .cms-open-source a{

	background:url('images/icon-menu-dev.png') 15px -30px no-repeat;

}

#left-menu .maintenance a{

	background:url('images/icon-menu-maintenance.png') 15px -30px no-repeat;

}

#left-menu .tarifsprint a{

	background:url('images/icon-menu-print2.png') 15px -30px no-repeat;

}

#left-menu .emailing a{

	background:url('images/icon-menu-newsletter.png') 15px -30px no-repeat;

}

#left-menu .video a{

	background:url('images/icon-menu-video.png') 15px -30px no-repeat;

}

#left-menu .reseaux-sociaux a{

	background:url('images/icon-menu-reseaux-sociaux.png') 15px -30px no-repeat;

}

#left-menu .consultance a{

	background:url('images/icon-menu-consultance.png') 15px -30px no-repeat;

}

#left-menu .services-autres a{

	background:url('images/icon-menu-plus.png') 15px -30px no-repeat;

}

#left-menu .infos a{

	background:url('images/icon-menu-contact.png') 15px -30px no-repeat transparent;

}

#left-menu .tarifs a{

	background:url('images/icon-menu-plus.png') 15px -30px no-repeat transparent;

}

#left-menu .team a{

	background:url('images/icon-menu-reseaux-sociaux.png') 15px -30px no-repeat transparent;

}

#left-menu .faq a{

	background:url('images/icon-menu-faq.png') 15px -30px no-repeat transparent;

}

*/

/*

#left-menu li:hover a, #left-menu .current a{

	color:#161B1E;

	background-position:15px -60px;

}

*/

/*    ***** NEWS *****    */

/*    ******************    */

.twocolumns{

	-webkit-column-count:2;

	-moz-column-count:2;

	column-count:2;

	-webkit-column-gap:40px;

	-moz-column-gap:40px;

	column-gap:40px;

}

#news{

}

#news li{

	border-top:1px dashed #5C625E;

	padding:3px 0 10px 0;

	margin-bottom:10px;

	position:relative;

}

#news li:first-child{

	border:none;

}

#news li a{

	color:#565353;

}

#news li a:hover > .readmore{

	color:#C4CF34;

	background-position: bottom right;

}

#news .title{

	font-size:16px;

	font-weight:bold;

	max-width:345px;

}

#news .description{

	font-size:11px;

}

#news .date{

	font-size:9px;

	color:#C4CF34;

	margin: 0 0 -4px 0;

	position:absolute;

	right:0;

}

#news .readmore{

	position:absolute;

	right:0;

	bottom:6px;

	display:block;

	background:url('images/news-arrow.png') top right no-repeat;

	padding-right:20px;

	margin:0;

	height:14px;

}

#news img{

	float:left;

	margin-right:10px;

	margin-bottom:25px;

}

.seeallnews{

	display:inline-block;

	background:url('images/news-arrow.png') top right no-repeat;

	padding-right:20px;

	margin:0;

	height:14px;

	color:#565353;

}

#news a:hover p{

	color:#BDD630;

}

.seeallnews:hover{

	background-position: bottom right;

	color:#BDD630;

}

/* ----------- services - videos ------- */

#video-iframes-wrap{

	max-width:100%;

/*	margin-left:350px;*/

}

#video-iframes-wrap iframe{

	max-width:100%;

}

/*    ***** FACEBOOK TIMELINE  ****    */

/*    ********************    */

.fb-page{

	/*padding-left:35px;*/

	width:100%;

}

.fb-page ._2lqh{

	display:none;

}

/*    ***** PORTFOLIO ****    */

/*    ********************    */

.post-type-archive-portfolio,
.page-template-temp_services,
.page-id-533,
.post-type-archive-skills{

	background:#f4f4f4;

}
.animation_box{background:url('images/animation.gif') no-repeat center; height:100px;}
.portfolio-nav-btn{
	position:fixed;
	right:0;
	top:40%;
}
.portfolio-nav-btn .get-right{
	/*
	background:url('images/arrow-next.png') center top no-repeat;*/
	display:block;
	width:70px;
	height:100px;
}
.portfolio-nav-btn .get-right .arrow{
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	position: absolute;
	right: 30px;
	top: 0;
	transform: rotate(45deg);
}
.portfolio-nav-btn .get-right .arrow:before {
		content: '';
		width: 100%;
		height: 100%;
		border-width: .6vmin .6vmin 0 0;
		border-style: solid;
		border-color: #71726e;
		transition: .2s ease;
		display: block;
		transform-origin: 100% 0;
}	
.portfolio-nav-btn .get-right .arrow:after {
		content: '';
		float: left;
		position: relative;
		top: -100%;
		width: 100%;
		height: 100%;
		border-width: 0 .6vmin 0 0;
		border-style: solid;
		border-color: #71726e;
		transform-origin: 100% 0;
		transition:.2s ease;
	}

.portfolio-nav-btn .get-right:hover  .arrow:after {
		border-color: #C3D839;
	}
.portfolio-nav-btn .get-right:hover  .arrow:before {
		border-color: #C3D839;	
	}


.portfolio-nav-btn .get-right .text{
	font-size:11px;
	position:absolute;
	bottom:0px;
	right:-5px;
	color:#71726e;
	transition:.2s ease;
	width:80px;
}
.portfolio-nav-btn .get-right:hover .text{
	color:#C3D839!important;
}
/*.nav-btn{margin-bottom:50px;}
.nav-btn a {text-decoration: none;
    display: inline-block;
    padding: 4px 20px;
    border: 1px solid #ddd;
   width: 120px; color:#bbb;}
.nav-btn .get-left{float:left; text-align:left;}
.nav-btn .get-right{float:right; text-align:right;}
  */ 
.wrap-portfolio #content-wrap{

	min-height:800px;

}

.post-type-archive-portfolio .wrap-portfolio,
.post-type-archive-skills .wrap-portfolio{

	width:90%!important;

}



.post-type-archive-portfolio #banner,
.post-type-archive-skills #banner{

	display:none;

}



.post-type-archive-portfolio #content-wrap .white,
.post-type-archive-skills #content-wrap .white{

	display:none;

}



/* ---- */
#full-content > p {
	/*display: none;*/
}
.page-id-2018 #full-content > p{
	display:block;
}
.tg-grid-holder .tg-ajax-scroll{

	background:#C4CF34!important;

	color:#fff!important;

}
.tg-item-image {
	-webkit-transition: transform .1s, filter 1s !important;
}
.tg-item-image.darken {
	filter: brightness(50%);
}
.tg-bottom-holder {
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.tg-bottom-holder .tg-element-1 {
	font-size:12px !important;
}
.filtres{

	text-transform:uppercase;

	font-size:13px;

	border:1px solid #f4f4f4;

	margin-bottom: 0px;

}

.filtres a{

	color:#b8b8b8;

	padding:5px 12px;

	display:block;

	float:left;

	border-left:1px solid #f4f4f4;

	font-family: 'Opens Sans',sans-serif;

	position:relative;

}

.filtres a:first-child{

	padding-left:26px;

	border:none;

}

.filtres .selected, .filtres a:hover{

	color:#414141;

	background:#eee;

}

#portfolio-list{

	text-align:center;

}

#portfolio-list li{

	width:335px; /*260px; */

	/*width:33%;

	display:inline-block;*/

	display:inline-block;

	text-align:left;

	margin-bottom:30px;

	margin-right: 15px;

	margin-left: 15px;

}

#portfolio-list .title{

	text-transform:uppercase;

	color:#666;

	font-size:16px;

	margin:10px 0 5px 0;

	font-family: 'Source Sans Pro',sans-serif;

	font-weight:bold;

}

#portfolio-list .description{

	color:#999;

	font-size:12px;

	line-height:normal;

}

.container_img_isotope {

	 height: 245px; /*190px; */

	 width: 335px; /*260px;*/

}

/*:::::: PORTFOLIO ::::::*/

.column-5 		{width:335px; /*260px;*/  margin:0 auto;}

.cover			{width:100%;  float:left; margin:0 0 15px 0;}

#portfolio{

	width:100%;

}

.portfolio-list{

	margin:0;

	padding:0;

	list-style-type:none;

	float:left;

	display:block;

}

.portfolio-4 img{

	width:100%;

}

/* aligner verticalement logo uniquement */

.portfolio-4 .logos img{	top:50%;

	transform:translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

.portfolio-4 .column-5 h3{

	width:180px;

}

.portfolio-4 .column-4 h3{

	width:260px;

}

div .column-5 a:hover >.viewport span{

	display:inline;

} 

.viewport{

	position:relative;

	width:100%;

	height: 330px; /*270px; *//*138px;*/

	overflow:hidden;	

}

.viewport span {

	display: none; 

	font-size: 1.0em;

	font-weight: bold;

	height: 100%;

	position: absolute;

	text-align: center;

	text-decoration: none;

	width: 100%;

	z-index: 100;

	background-color: #eee; /* IE */

	background-color: rgba(01, 01, 01, 0.3);

}

.viewport img {

	position: relative;

	/* border:1px solid #ddd; */

}

.border-img{

	border:1px solid #ddd;

	position:absolute;

	width:333px; /*258px;*/

	height:245px; /*188px;*/

	z-index:20;

}

.viewport span .more{

	background:url('images/portfolio-more.png') no-repeat;

	width:150px;

	height:150px;

	display:inline-block;

	text-align:center;

	opacity:0.5;

	margin-top:55px;

}

a.img{

	position:relative;

	display:block;

	width:100%;

}

#options{

	margin:0 10px 0px;

}

li.element.no_desc .column-5 a .viewport {

	height: 235px;

}

/*:::::: Isotope filtering :::::::*/

.isotope-item {	z-index: 2;}

.isotope-hidden.isotope-item {	pointer-events: none;	z-index: 1;}

.isotope, .isotope .isotope-item {	-webkit-transition-duration: 0.7s;	-moz-transition-duration: 0.7s;	transition-duration: 0.7s;}

.isotope {-webkit-transition-property: height, width;	-moz-transition-property: height, width;	transition-property: height, width;}

.isotope .isotope-item {	-webkit-transition-property: -webkit-transform, opacity;	-moz-transition-property:-moz-transform, opacity;transition-property:transform, opacity;}

/*    ***** PORTFOLIO SINGLE *****    */

/*    ***************************    */
@media only screen and (min-width:1000px){
.single-portfolio #banner{
	display:none;
}
}

.animate-item{
  animation: animate_me 2s;
  margin-top:0%;
}
@keyframes animate_me {
  from {
    margin-top: 100%;
  }
  to {
    margin-top: 0%;
  }
}

#animate_this{
	width: 100%;
	display:none;
	position: absolute;	
	-webkit-animation: slide_me 0.5s forwards;
    -webkit-animation-delay: 0s;
    animation: slide_me 0.5s forwards;
    animation-delay: 0s;}
@-webkit-keyframes slide_me {
    100% { right: 0; }
}

@keyframes slide_me {
    100% { right: 0; }
}
	
.title-single-portfolio{
	color:#C3D839;
	font-family:'Open Sans Condensed',Arial, sans-serif;
	font-weight:bold;
	line-height:40px;
	margin-bottom:20px;
}
.title-single-portfolio .light{
	font-weight:400;
	/*font-family:'Open Sans Condensed',Arial, sans-serif;*/
	font-size:30px;
}
.single-portfolio .work-title{
	position:relative;
	z-index:-1;/* to see back arrow */
	color:#C3D839;
	top:20px;
	font-family:'Open Sans Condensed',Arial, sans-serif;
}
.single-portfolio .work-title a{
	display:block;
	color:#C3D839;
	font-family:'Open Sans Condensed',Arial, sans-serif;
}
.single-portfolio #left-menu div{
	padding-left:0!important;
}
.single-portfolio-full img{

	margin-bottom:20px;

	border:1px solid #ddd; 

}

.single-portfolio-full .border-none{

	border:none;

}

.bullet-list a{

	display:block;

	padding:3px 10px;

	text-align:center;

	margin-top:45px;

	/*

	background:#AFB831;

	color:#fff;

	*/

	border-radius:3px;

	-webkit-border-radius:3px;

	-moz-border-radius:3px;

	color:#bbb;

	border:1px solid #ddd;

}

.bullet-list a:hover{

	color: white;
    border: 1px solid #C4CF34;
    background: #C4CF34;

}
#padding > h2 {
	margin-bottom: 25px;
    font-weight: 700;
}
#portfolio-nav-small{
	margin-top:25px;
}
.separation-prev-next{
	margin:5px;
	border-right:2px solid #999;
	height:15px;
	width:1px;
	display: inline-block;
	margin-top:0px;
}
#portfolio-nav-small [rel="prev"],
#portfolio-nav-small [rel="next"]{
	display: inline-block;
	width:10px;
	opacity:1;
}
#portfolio-nav-small [rel="prev"]{
	content: url('images/arrow-portfolio-l.png');
	margin-left: 0px;
}
#portfolio-nav-small [rel="next"]{
	content: url('images/arrow-portfolio-r.png');
	margin-left: 0px;
}
#portfolio-nav-small [rel="prev"]:hover,
#portfolio-nav-small [rel="next"]:hover{
	opacity:0.5;
}
/* -- */
#portfolio-nav{

	/*position:absolute;*/

	right:0;

	top:100px;

	text-transform:uppercase;

	font-size:9px;

	z-index: 1000;

}

#portfolio-nav a{

	display:inline-block;

	padding:105px 10px 0 10px;

	color:#ddd;

	border:1px solid #eee;

	position:fixed;

	z-index:99;

	height:25px;

}

#portfolio-nav [rel="prev"]{

	left:0px;

	background:url(images/scroll-arrows.png) 20px -260px no-repeat #fff;

	color:#C4CF34;

	-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.15);

	-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.15);

	box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.15);

}

#portfolio-nav [rel="next"]{

	background:url(images/scroll-arrows.png) -150px -260px no-repeat #fff;

	color:#C4CF34;

	-webkit-box-shadow: -2px 2px 5px 0px rgba(50, 50, 50, 0.15);

	-moz-box-shadow:    -2px 2px 5px 0px rgba(50, 50, 50, 0.15);

	box-shadow:         -2px 2px 5px 0px rgba(50, 50, 50, 0.15);

	right:0;

}

#portfolio-nav [rel="prev"]:hover{

	left:0px;

	background:url(images/scroll-arrows.png) 20px -120px no-repeat #fff;

	color: #dddedd;

}

#portfolio-nav [rel="next"]:hover{

	background:url(images/scroll-arrows.png) -150px -120px no-repeat #fff;

	color: #dddedd;

}

#left ul, 

#right-content ul,

.min-height ul,

.page-id-60 #full-content ul,

.page-id-2018 #full-content ul,

.page-id-535 #full-content ul,

.page-id-2020 #full-content ul{

	padding-left:10px;

}

#left ul li, #right-content ul li, 

.single-portfolio .bullet-list ul li,

.min-height ul li,

.page-id-60 #full-content ul li,

.page-id-2018 #full-content ul li,

.page-id-535 #full-content ul li,

.page-id-2020 #full-content ul li{

	padding-left:20px;

	line-height:18px;

	background:url('images/icon-checklist.png') no-repeat 0px 3px;

	margin-bottom:10px;

}

#content fancybox img, #content-full .fancybox img{

	margin-bottom:30px!important;

	display:block;

}
/* ---- PAGE CLIENTS --- */
.tg-clients-3-en .tg-item-media-holder{
	background:#fff;
	margin-bottom:5px;
}
.tg-clients-3-en .tg-item-inner{
	/*border:0!important;*/
}
/* --- SCROLL LOGOS TOP --- */

/* ------------------------ */

#scroll-logos{

	position:relative;

	padding-bottom: 30px;

}

#scroll-logos ul{

	margin:0px 0px 20px 0px;

	/*max-height:100px;

	overflow:hidden;*/

	padding-left:0px;	

}

/*

#scroll-logos .prev{

	background:url(images/scroll-arrows.png) 20px -120px no-repeat #fff;

	display:block;

	width:40px;

	height:100px;

	position:absolute;

	left:-15px;

	top:-20px;

}

#scroll-logos .next{

	background:url(images/scroll-arrows.png) -160px -120px no-repeat #fff;

	display:block;

	width:40px;

	height:100px;

	position:absolute;

	right:-5px;

	top:-20px;

}

#scroll-logos .prev:hover{

	background:url(images/scroll-arrows.png) 20px -260px no-repeat #fff;

}

#scroll-logos .next:hover{

	background:url(images/scroll-arrows.png) -160px -260px no-repeat #fff;

}

*/

#scroll-logos ul li{

	display:inline-block;

	margin:0 5px 4px; /*50px;*/

}

#scroll-logos ul li a{

	display:block;

	/*width:60px;*/

}

#scroll-logos ul li a img{

	border:1px solid #eee;

	display:block;

	margin:0 auto 10px;

	padding:7px;

	height: 25px;

	width: 25px;	

}

#scroll-logos ul li a img.slider{

	border:1px solid #eee;

	display:block;

	margin: 0 !important;

	padding:7px;

	right: -15px;

}

#scroll-logos ul li a p{

	text-transform:uppercase;

	font-size:9px;

	text-align:center;

	color:#ccc;

	line-height:9px;

}

#scroll-logos ul li a:hover img{

	border:1px solid #C4CF34;

}

#scroll-logos ul li a.active img{

	border:1px solid #C4CF34;

}

#scroll-logos ul li a:hover p{

	color:#C4CF34;

}

#scroll-logos ul li a.active p{

	color:#C4CF34;

}

#we-did-icons img{

	margin:0 15px 15px 0;

}

div.arrow-ok {

    width: 0; 

    height: 0; 

    border: 5px solid #C4CF34; 

    border-bottom-color: transparent; 

    border-right-color: transparent; 

    border-left-color: transparent; 

    cursor: pointer;

    position: relative;

    left: 16px;                        

}

.bx-viewport {

   /* width: 810px !important;*/

    width: 980px!important; /*860px !important;*/

    margin: 0 auto !important;

}

.bx-prev {

   /* float: left;*/

   left:0;

}

.bx-next {

   /* float: right;*/

   right:0;

}

.bx-next, .bx-prev {	

   /* position: relative !important;

    top: 35px !important; */

	background-color:#fff;

	/* border:1px solid #f00;*/

	height:50px;

	width:55px;

}

.bx-next img, .bx-prev img{

	margin:13px auto 0;

	display:block;

}

.bx-myslide {

    padding-top:52px; /* 29px;*/

}

.bx-wrapper{

	max-width:1100px!important; /*864px!important;*/

}

.bx-viewport .tooltip-portfolio span{bottom:51px; /*41px;*/}

.bx-viewport .tooltip-portfolio.active span{bottom:51px;}

/* -- old scroll left --*/

.scroll-top, .scroll-bottom{

	background:url(images/scroll-arrows.png) no-repeat;

	display:block;

	width:85px;

	height:30px;

	margin-left:75px;

}

.scroll-top{

	background-position:top left;

	margin-top:15px;

}

.scroll-bottom{

	background-position:top right;

	margin-top:5px;

}

.scroll-top:hover{

	background-position: left -80px;

}

.scroll-bottom:hover{

	background-position:right -80px;

}

/* -- //  --*/

#left-customers-list, #left{

	float:left;

	width:250px;

}

#left-customers-list ul li{

	/*border-bottom:2px dotted #ddd;

	padding:12px 0 10px 0;*/

	height: 70px;

	position:relative;

}

#left-customers-list ul li:last-child{

	border:none;

}

#left-customers-list ul li a{

	color:#999;

}

#left-customers-list ul li:hover a{

	color:#666;

}

#left-customers-list ul li:hover{

	background:url(images/portfolio-left-customer-list-hover.png) 0 12px no-repeat;

}

#left-customers-list ul li p{

	padding-left:65px;

}

#left-customers-list ul li .title{

	text-transform:uppercase;

}

#left-customers-list ul li .description{

	font-size:11px;

}

#left-customers-list ul li img{

	position:absolute;

	left:8px;

	top:19px;

}



/*

#slider-portfolio img{

	margin-bottom:20px;

	/*border:1px solid #ddd;

	width:100%;

	transition: all .2s ease-in-out;

}

*/

/* animation onload */

#slider-portfolio h3{

	display:none;

}

/*

#slider-portfolio h3{

	-moz-animation-name: h3opacity;

    -moz-animation-iteration-count: 1;

    -moz-animation-timing-function: ease-in-out;

    -moz-animation-duration: 2s;

    -webkit-animation-name: h3opacity;

    -webkit-animation-iteration-count: 1;

    -webkit-animation-timing-function: ease-in-out;

    -webkit-animation-duration: 2s;

    animation-name: h3opacity;

    animation-iteration-count: 1;

    animation-timing-function: ease-in-out;

    animation-duration: 2s;

}

@-moz-keyframes h3opacity{

    0% {

		opacity:0;

    }

	60% {

	   opacity:0;

    }

    100% {

        opacity:1;

    }

}

@-webkit-keyframes h3opacity{

    0% {

	   opacity:0;

    }

	60% {

	   opacity:0;

    }

    100% {

       opacity:1;

    }

}

@keyframes h3opacity{

    0% {

		opacity:0;

    }

	60% {

		opacity:0;	

    }

    100% {

         opacity:1;

    }

}

*/


#slider-portfolio img {

    margin-bottom:35px;

    position: relative;

	border:1px solid #ddd;

	box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

	max-width:99%;/*99%*/

    -moz-animation-name: imgsmall;

    -moz-animation-iteration-count: 1;

    -moz-animation-timing-function: ease-out;

    -moz-animation-duration: 1.8s;

	/*-moz-animation-delay: 2s;*/

    -webkit-animation-name: imgsmall;

    -webkit-animation-iteration-count: 1;

    -webkit-animation-timing-function: ease-out;

    -webkit-animation-duration: 1.8s;

	/*-webkit-animation-delay: 2s;*/

    animation-name: imgsmall;

    animation-iteration-count: 1;

    animation-timing-function: ease-out;

    animation-duration: 1.8s;

	/*animation-delay: 2s;*/


-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
	position:relative;
}
#slider-portfolio .img-responsive img{
	border:none!important;
}

#slider-portfolio img:first-child {

	-moz-animation-name: imgsmall;

    -moz-animation-iteration-count: 1;

    -moz-animation-timing-function: ease-out;

    -moz-animation-duration: 1.8s;

	/*-moz-animation-delay: 2s;*/

    -webkit-animation-name: imgsmall;

    -webkit-animation-iteration-count: 1;

    -webkit-animation-timing-function: ease-out;

    -webkit-animation-duration: 1.8s;

	/*-webkit-animation-delay: 2s;*/

    animation-name: imgsmall;

    animation-iteration-count: 1;

    animation-timing-function: ease-out;

    animation-duration: 1.8s;

	/*animation-delay: 2s;*/

}
/* ----- 24/01/2020 desactivation animation from small to big, isotope instead ---- 
@-moz-keyframes imgsmall {

    0% {

        width:30%;

		margin-right:3%;

    }

	30% {

        width:30%;

		margin-right:3%;

    }

	35% {

        width:30%;

		margin-right:3%;

    }

    100% {

        width:99%;

		margin-right:0%;

    }

}

@-webkit-keyframes imgsmall {

    0% {

       width:30%;

	   margin-right:3%;

    }

	30% {

       width:30%;

	   margin-right:3%;

    }

	35% {

        width:30%;

		margin-right:3%;

    }

    100% {

      width:99%;

	   margin-right:0%;

    }

}

@keyframes imgsmall {

    0% {

        width:30%;

		margin-right:3%;

    }

	30% {

       width:30%;

	   margin-right:3%;

    }

	35% {

        width:30%;

		margin-right:3%;

    }

    100% {

         width:99%;

		 margin-right:0%;

    }

}
*/
#portfolio-legend p{

	font-size:12px;

}

#portfolio-legend li{

	display:inline-block;

	margin-top:20px;

	border:none;

	width:165px;

}

#portfolio-legend li:first-child{

	width:410px;

	margin-right:20px;

	margin-top:0px;

}

#portfolio-legend li img{

	margin:0 5px 5px 0;

}

/*    ***** SERVICES *****    */

/*    ********************    */

#grid-555 .tg-item-content-holder{height:204px!important;}

#services-content{

	padding:18px 0px;

	margin:0 auto 40px;

	width:1100px;

}

.box{

  display:block;

  height:160px; /*130px;*/

  width:208px; /*155px;*/

  overflow:hidden;

  position:relative;

  transition: all 3000ms ease 0s;

  cursor:pointer;

  float:left;

  margin-bottom: 7px; /*5px;*/

  margin-right: 7px; /*5px;*/

  font-family: 'Open Sans Condensed', sans-serif;

  text-decoration:none!important;

}

.box:hover {

	box-shadow: 0px 2px 3px rgba(0,0,0,0.25); 

	text-shadow: 0px 1px 2px rgba(0,0,0,0.7); 

	-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 2px 3px; 

	-moz-box-shadow: rgba(0, 0, 0, 0.25) 0 2px 3px;

}

.box div{

	bottom:12px;

	margin-top:80px;

} 

.box h3{

  text-transform:uppercase;

  margin:0 10px ;

  margin-top:-7px;

  color:#fff;

  font-size:20px;

  line-height:24px;

  font-weight:700;

  font-family:'Open Sans Condensed',sans-serif;

}

.box p{

  color:#fff;

  padding:0 10px;

  position:absolute;

  top:150px;

  font-size:15px;

}

.box .arrows{

	background:url("images/arrows.png")  no-repeat ;

	width:20px;

	height:20px;

	bottom:5px;

	right:5px;

	position:absolute;

	opacity:0.3;

	filter:alpha(opacity=30); /* For IE8 and earlier */

	transition-duration: 0.5s;

	-webkit-transition-duration: 0.5s;

}

.box:hover > .arrows{

	transition-duration: 2s;

	-webkit-transition-duration: 2s;

	opacity:0.7;

	filter:alpha(opacity=70); /* For IE8 and earlier */

}

.box span {

	opacity:0.7;

	filter:alpha(opacity=70); /* For IE8 and earlier */

	color: rgba(255, 255, 255, 0.7);

	top: 0px; 

	right: -20px; 

	font-size: 2em; 

	position: absolute; 

	z-index: 25; 

	text-shadow: none; 

	height: 70px;

    width: 70px;

	/* vistesse quand on s'en va */

	transition-property: width;

	transition-duration: 0s;

    -webkit-transition-property: height, width;

    -webkit-transition-duration: 1s;

	-moz-transition-property: height, width;

    -moz-transition-duration: 1s;

	margin: 10px;

}

.box span img{

	width:60%;

	border: none;

}

.box:hover span {

	opacity:0.3;

	filter:alpha(opacity=30); /* For IE8 and earlier */

	color: rgba(255, 255, 255, 0.3);

	top: 0px; 

	right: -50px; 

	font-size: 2em; 

	text-shadow: none; 

	width: 180px;

    height: 180px;

	/* vistesse quand va dessus */

	transition-property: width;

	transition-duration: 0.2s;

    -webkit-transition-property: height, width;

    -webkit-transition-duration: 0.2s;

	-moz-transition-property: height, width;

    -moz-transition-duration: 0.2s;

}

.green-bg{

  background-color:#A6D737;

}

/* isotope team */

.box-team{

}

/* flip dans les pages services */

#flipbox {

	 width:166px;

	height:166px;

	float:right;

	margin-left:15px;

	margin-bottom:10px;

}

.more-realisations{

	background:url(images/more-arrow.jpg) right top no-repeat;

	border:1px solid #eee;

	padding:11px 65px 9px 20px;

	font-weight:400;

	font-size:15px;

	color:#B2C43A;

	display:inline-block;

	margin-top:15px;

	transition:all ease-in 0.2s;

	-webkit-transition:all ease-in 0.2s;

	-moz-transition:all ease-in 0.2s;

}

.more-realisations:hover{

	background-position:right bottom;

}

/*    ***** FORMULAIRES ****    */

/*    *********************    */

#form-colonnes li{

	display:inline-block;

	width:49%;

}

#form-colonnes .right{

	text-align:right;

}

#form-colonnes .left{

	text-align:left;

}

#form-colonnes .label-input{

	width:35%;

}

.no-list-style li{

	background:none!important;

	padding-left:0!important;

}

/* h3 title sections FORMULAIRE */

.form{

	border-bottom:1px dashed #aeaeae;

	padding-bottom:8px;

	margin-top:10px;

}

/* TOOLTIPS */

.tooltip, .tooltip-portfolio{

  /*color: #000000; */

  outline: none;

  cursor:pointer;

  line-height:140%;

  text-decoration: none;

  position:relative;

  -webkit-text-stroke: 0px rgba(0,0,0,0)!important;

}

.tooltip i{

	display:inline-block;

	width:20px;

	height:20px;

	background:url(images/questionmark-icon.png) no-repeat;

	position: relative;

}

.tooltip:hover span{

	display:block!important;

}

/* --- request --- */

.tooltip span {

    display:none;

    position: absolute;

    z-index:200;

    background:#C4CF34;

    color:#fff;

    padding:10px;

    text-align:left;

	bottom: 40px;

	right:-20px;

	width: 250px;

}

.tooltip span:after{

	border-color:#C4CF34 rgba(0,0,0,0);

	border-style:solid;

	border-width:15px 15px 0;

	bottom:-15px;

	content:" ";

	display:block;

	height:0;

	right: 20px;

	position:absolute; 

	width:0;	

}

/* --- portfolio --- */

.tooltip-portfolio:hover span{

	display:block!important;

}

.tooltip-portfolio span {

    display:none;

    position: absolute;

    z-index:200;

    background:#C4CF34;

    color:#fff;

    padding:10px 5px; /*3px 5px;*/

    text-align:center;

	bottom: 40px;

	width:110px;

	left:-40px;

	font-family:Arial,sans-serif!important;

	line-height:12px;

}

.tooltip-portfolio span:after{

	border-color:#C4CF34 rgba(0,0,0,0);

	border-style:solid;

	border-width:15px 15px 0;

	bottom:-15px;

	content:" ";

	display:block;

	height:0;

	position:absolute; 

	width:0;	

	left:46px;

}

/* -------------- FORMS ----------------- */

/* -- LOGIN -- */

#login label{

	text-align:left;

	margin-bottom:1px;

	padding:2px 20px 2px 5px;

}

#login input[type=text], #login input[type=password]{

	height:25px!important;

}

#login input[type=submit]{

	background:#c3d839;

	border:none;

	padding:5px 20px;

}

#login input[type=submit]:hover{

	color:#c3d839;

	background:#414344;

}

/* ----- */

label{

	text-align:right;

	color:#777;

	line-height:26px;

	margin-right:10px;

	font-weight:bold;

}

.label-input{

	display:inline-block;

}

input[type="text"], input[type="email"]{

	padding:2px 12px;

	font-size:14px;

	height:24px;

	line-height:16px;

	vertical-align:middle;

	color:#999;

}

input, textarea, select{

	border:1px solid #D8DDE5;

	border-radius:4px;

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

}

input:focus, textarea:focus, select:focus{

	border:1px solid #66afe9;

}

select{

	padding:6px 12px;

	font-size:14px;

	height:34px;

	line-height:34px;

	vertical-align:middle;

	width:48%;

	color:#999;

}

form .error{

	border-color:#B94A48!important;

	color:#B94A48!important;

}

span.wpcf7-not-valid-tip{

	text-align:left;

}

::-webkit-input-placeholder { 

    color:#999;

}

:-moz-placeholder { 

    color:#999;

}

::-moz-placeholder { 

    color:#999;

}

:-ms-input-placeholder {

    color:#999;

}

form .line{

	background:none repeat scroll 0 0 rgba(0, 0, 0, 0);

	border-style:dashed;

	border-color:#ddd;

	font-size:0;

	border-width:1px 0 0;

	overflow:hidden;

	height:2px;

	margin:10px 0;

}

.icon-price{

	border-top-left-radius:0;

	border-bottom-left-radius:0;

	border-top-right-radius:4px;

	border-bottom-right-radius:4px;

	-moz-border-top-right-radius:4px;

	-moz-border-bottom-right-radius:4px;

	-webkit-border-top-right-radius:4px;

	-webkit-border-bottom-right-radius:4px;

	background:#F5F7FA;

	font-size:14px;

	line-height:1;

	padding:7px 12px;

	text-align:center;

	vertical-align:middle;

	display:inline-block;

	margin-left:-6px;

	border:1px solid #ddd;

}

.icon-temps{

	margin-right:-6px;

	border-bottom-right-radius:0;

	border-top-right-radius:0;

	background:#F5F7FA;

	font-size:14px;



	line-height:1;

	padding:7px 12px;

	text-align:center;

	vertical-align:middle;

	display:inline-block;

	margin-left:-7px;

	border:1px solid #ddd;

}

/* ----- */

.form-table td{

	text-align:center;

}

input[type="submit"], .wpcf7-submit{

	cursor:pointer;

}

.new-entry .submit, #login .submit, .wpcf7-submit{

	margin:20px 0;

	background:#9DC63C;

	border:none;

	color:#fff;

	padding:6px 12px;

}

.new-entry .submit:hover,  #login .submit:hover, .wpcf7-submit:hover{

	background:#75932d;

}

.new-entry .input-delete{

	margin:20px 0;

	background:#cf033d;

	border:none;

	color:#fff;

	padding:6px 12px;

	float:right;

}

.new-entry .input-delete:hover{

	background:#9f022f;

}

.new-entry .temps{

	width:40px;

}

textarea{

	width:98%;

}

/* ----- CHECKBOX ------*/

/* Cache la case à cocher */  

/*

[type="checkbox"]:not(:checked),[type="checkbox"]:checked {  

      position: absolute;  

      left: -9999px;  

}  

*/

 /* label */  

[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {  

      position: relative; 

      padding-left: 23px;

	  margin-right:5px;

}  

/* Aspect des checkboxes */  

/* :before sert à créer la case à cocher */ 

 /*

[type="checkbox"]:not(:checked) + label:before, 

[type="checkbox"]:checked + label:before{  

      content: '';  

      position: absolute;  

      left:0; 

	  top: 0px;  

      width: 17px; height: 17px;   

      background: #f8f8f8;  

      border-radius: 3px;  

	  -webkit-border-radius: 3px; 

	  -moz-border-radius: 3px; 

      box-shadow: inset 0 1px 3px rgba(0,0,0,.3); 

	  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.3); 

	  -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.3); 

}  

[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {  

      content: '✔';  

      position: absolute;  

      top: -6px; 

	  left: 4px;  

      font-size: 14px;  

      color: #99A1A7;  

}  

[type="checkbox"]:not(:checked) + label:after {  

      opacity: 0;

      transform: scale(0);  

}  

[type="checkbox"]:checked + label:after {  

      opacity: 1;  

      transform: scale(1);  

}  

*/

/* ----- RADIOBOX ------*/

[type="radio"]:not(:checked),[type="radio"]:checked {  

      position: absolute;  

      left: -9999px;  

}  

[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {  

      position: relative; 

	  padding-left: 23px;

	  margin-right:5px;

      color: #909090;

}

[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before {  

      content: '';  

      position: absolute;  

      left:0; 

	  top: -2px;  

      width: 18px; height: 18px;   

      background: #f8f8f8;  

      border-radius: 30px;  

	  -webkit-border-radius: 30px; 

	  -moz-border-radius: 30px; 

      box-shadow: inset 0 1px 3px rgba(0,0,0,.3); 

	  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.3); 

	  -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.3); 

}  

[type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after {  

   background: none repeat scroll 0 0 #99A1A7;

    border-radius: 50px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;

    content: " ";

    font-size: 32px;

    height: 10px;

    left: 4px;

    position: absolute;

    top: 2px;

    width: 10px;

}

[type="radio"]:not(:checked) + label:after {  

      opacity: 0;

      transform: scale(0);  

}  

[type="radio"]:checked + label:after {  

      opacity: 1;  

      transform: scale(1);  

}  

/* -------- FAQ -------*/

/*Accordion faq*/	

.faq_question {	

	width: 800px;

	cursor: pointer;

	padding-left: 40px;

	padding-top:0px;



	background-image: url(images/plus.png);

	background-repeat: no-repeat;

	min-height:25px;

	width: 720px;

	line-height: 115%;

	font-weight:600;
	margin: 20px auto;
    display: block;

}

.faq_reponse {	

	width: 700px;

	padding-left: 43px;

	padding-bottom: 30px;

	margin-top: 10px;
	
    margin: 0 auto;

}	
.faq_reponse li {
	line-height: 20px;
}
/* ----- services -- video entreprise ---- */

.survoleimage{

	line-height:40px;

}

/*    ***** TEAM ****    */

/*    ***************    */

#team{

	margin-top:20px;

	padding-left:0!important;

}

#team li{

	/*width:310px;*/

	width:200px;

	height: 300px;

	overflow:hidden;

	margin-bottom:20px;	

	padding-right: 25px;

	/* annule style list content */

	background:none!important;

	padding-left:0!important;

}

#team li.bis {

	padding-right: 0px;

	padding-left: 25px;

}

#team li:first-child,#team li:first-child +li +li {

	/*margin-left:0;*/

}

#team p{

	margin:15px 0 5px 0;

}

#team img{

	max-width:100%;

	height:auto;

}

#team .title,

.title{

	font-weight:600;

	font-size:26px;

	font-family:'Source Sans Pro',sans-serif;

}

#team .fonction{

	color:#aeaeae;

	font-size:18px;

	font-weight:100;

	margin-top:5px;

	font-family:'Source Sans Pro',sans-serif;

}

#team .mail, #team .linkedin,

.mail, .linkedin{

	margin:2px 0;

}

#team .mail a,

.mail a{

	color:#aeaeae;

	font-size:14px;

	font-family:'Source Sans Pro',sans-serif;

	display:inline-block; 

	padding-left:20px!important; 

	background:url("images/icon-mail.png") 0 -15px no-repeat; 

	text-decoration:none;

	transition:all 0.4s ease-in-out 0s;

	-ms-transition:all 0.4s ease-in-out 0s;

	-webkit-transition:all 0.4s ease-in-out 0s;

}

#team .mail a:hover,

.mail a:hover{

	color:#62AC01; 

	background:url("images/icon-mail.png") 0 4px no-repeat; 

}

#team .linkedin a,

#right-content .linkedin a{

	color:#aeaeae;

	font-size:14px;

	font-family:'Source Sans Pro',sans-serif;

	display:inline-block; 

	padding-left:20px!important; 

	background:url("images/icon-linkedin.jpg") 0 0px no-repeat; 

	text-decoration:none;

	transition:all 0.4s ease-in-out 0s;

	-ms-transition:all 0.4s ease-in-out 0s;

	-webkit-transition:all 0.4s ease-in-out 0s;

}

#team .linkedin a:hover,

#right-content .linkedin a:hover{

	color:#62AC01; 

	background:url("images/icon-linkedin.jpg") 0 -22px no-repeat; 

}

/* --------------- FOOTER --------------- */

/* -------------------------------------  */

.servicespage #footer,

#footer-links{display:none;}
@media only screen and (min-width:1050px){
	/*#footer{position:fixed;}*/
}
#footer{

	background:#161B1E;

	width:100%;

	bottom:0;

	left:0;

	/*height:80px; */

/*	position:fixed;*/

	z-index:900;

}

#footer-content{

	width:1100px;

	margin:0 auto;

	color:#bbb;

	padding:10px 0;

}

#footer-content p{

	font-size:11px;

	/*float:left; 

	line-height:15px;

	*/

	width:80%;

	margin-bottom:0;

}

#footer-content p span{

	color:#3c454b;

}

#footer-content #facebook{

	float:right;

}
.star-rating{padding-top: 10px;}
.rating-stars {
    color: orange;
    font-size: 26px;
}
.rating-info{font-size: 11px; padding-top: 5px;}
.rating-info  div{padding-top: 5px;}

/*    ***** LOGIN *****    */

/*    *****************    */

#login-content{

	border:1px solid #ddd;

	background:#fff;

	padding:10px 20px 10px 20px;

	position:absolute;

	width:270px;

	z-index:200;

	top:40px;

	left:-310px;

	-moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

	background: -moz-linear-gradient(top,  #f6f6f6 0%, #fafafa 17%, #ffffff 74%, #fafafa 99%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(17%,#fafafa), color-stop(74%,#ffffff), color-stop(99%,#fafafa)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#fafafa 17%,#ffffff 74%,#fafafa 99%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #f6f6f6 0%,#fafafa 17%,#ffffff 74%,#fafafa 99%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #f6f6f6 0%,#fafafa 17%,#ffffff 74%,#fafafa 99%); /* IE10+ */

	background: linear-gradient(to bottom,  #f6f6f6 0%,#fafafa 17%,#ffffff 74%,#fafafa 99%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */

}

#clickme{

	background:url('images/login-icon.png') no-repeat;

	height:40px;

	width:60px;

	position:absolute;

	top:20px;

	right:-60px;

	cursor:pointer;

	opacity:0.4;

}

.clickme {	

	background-position: -60px !important;

}

#login-content h2 {

	color: #d5d5d5;

	text-transform:uppercase;

	text-align: center;

	padding: 5px;

	margin: 0 0 15px 0;

	font-weight: 200;

	font-size: 24px;

	border-bottom: solid #eee 1px;

}

#login-content p{

	color:#999;

	text-align:center;

	font-size:12px;

}

input.text {

	-webkit-border-radius: 4px;

    -moz-border-radius: 4px;

	border-radius: 4px;

	border:solid 1px #eee;

    font-size: 12px;

	width: 100%;

	padding: 7px 8px 7px 8px;

	background: #fff;

	background: -moz-linear-gradient(top,  #f6f6f6 0%, #fafafa 17%, #ffffff 74%, #fafafa 99%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(17%,#fafafa), color-stop(74%,#ffffff), color-stop(99%,#fafafa)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#fafafa 17%,#ffffff 74%,#fafafa 99%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #f6f6f6 0%,#fafafa 17%,#ffffff 74%,#fafafa 99%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #f6f6f6 0%,#fafafa 17%,#ffffff 74%,#fafafa 99%); /* IE10+ */

	background: linear-gradient(to bottom,  #f6f6f6 0%,#fafafa 17%,#ffffff 74%,#fafafa 99%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */

	color:#666;

	-moz-box-shadow: 0px 1px 0px #eee;

	-webkit-box-shadow: 0px 1px 0px #eee;

	box-shadow: 0px 1px 0px #eee;

	margin:2px 0 7px 0;

}

#login-btn{

	margin-top:5px;

	border:1px solid #eee;

    padding:5px 10px;

    background: #A6D737;	

	font-weight:bold;

	cursor:pointer;

    color:#fff;

	width:100%;

}

#login-btn:hover{

	background: #8eb82f;

	box-shadow:0 0 9px rgba(188,188,188,0.2);

}

#form-btn{

	margin-top:5px;

	border:1px solid #eee;

    padding:10px 25px;

    background: #A6D737;	

	font-weight:bold;

	cursor:pointer;

    color:#fff;

	display:block;

	margin:0 auto;

}

#form-btn:hover{

	background: #8eb82f;

	box-shadow:0 0 9px rgba(188,188,188,0.2);

}

/* ---------- POURQUOI NOUS page ------- */

#pourquoi-box{

	max-width:100%;

	margin:0 auto;
	overflow: visible;

}

.pourquoi-wrapper {

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 200px; 

  /*  border: 1px solid black; */

  margin-bottom:10px;margin-top:20px;

}

.pourquoi-wrapper .floatleft{

	float:left;

	margin-right:5%;

}

.pourquoi-wrapper .floatright{

	float:right;

	margin-left:5%;

}

.pourquoi-wrapper .slide {

    position: absolute;

    left: -730px;

    width: 100%;

    -webkit-animation: slide 0.8s forwards;

	 -moz-animation: slide 0.8s forwards;

    animation: slide 0.8s forwards;  

}

.pourquoi-wrapper .slide img{

	height:100%!important;

	width:auto;

	max-width:300%!important;

	margin:0 auto;

	display: inline;

}

.pourquoi-wrapper .round{

	overflow:hidden;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    border-radius:50%;

	height:160px;

	width:160px;

	/*border:1px solid #ddd;*/

}

.pourquoi-wrapper .description-right{

	float:right;

	width:600px;

}

.pourquoi-wrapper .description-left{

	float:left;

	width:600px;

}

.pourquoi-wrapper .slide h3{

	color:#C3D839;

	font-weight:600!important;

	line-height:100%!important;

	text-transform:none!important;

	/*margin-top:80px;*/

	margin-top:20px;

}

.pourquoi-wrapper #slide1 {

    left: -200vw;

    -webkit-animation-delay: 0.4s;

	-moz-animation-delay: 0.4s;

	animation-delay: 0.4s;
	display: flex;
	justify-content: center;
	align-items:center;

}

.pourquoi-wrapper #slide2 {

    left: 200vw;

    -webkit-animation-delay: 0.8s;

	-moz-animation-delay: 0.8s;

	animation-delay: 0.8s;
	display: flex;
	justify-content: center;
	flex-direction: row-reverse;
	align-items:center;

}

.pourquoi-wrapper #slide3 {

    left: -200vw;

    -webkit-animation-delay: 1.1s;

	-moz-animation-delay: 1.1s;

	animation-delay: 1.1s;
	display: flex;
	justify-content: center;
	align-items:center;

}

.pourquoi-wrapper #slide4 {

    left: 200vw;

    -webkit-animation-delay: 2.5s;

	-moz-animation-delay: 2.5s;

	animation-delay: 2.5s;
	display: flex;
	justify-content: center;
	flex-direction: row-reverse;
	align-items:center;

}

.pourquoi-wrapper #slide5 {

    left: -200vw;

    -webkit-animation-delay: 3.2s;

	-moz-animation-delay: 3.2s;

	animation-delay: 3.2s;
	display: flex;
	justify-content: center;
	align-items:center;

}

@-webkit-keyframes slide {

    100% { left: 0; }

}

@keyframes slide {

    100% { left: 0; }

}

/*    *****     BLOG     *****    */

/*    ***************************    */

.single-format-standard #banner,

.single-format-standard h1.white{

	display:none;

}

.single-format-standard #full-content{

	border:none;

}

.single-format-standard .wp-post-image,

#blog-list .wp-post-image{

	float:left;

	margin:0 20px 20px 0;

	border:1px solid #ddd;

}

.single-format-standard .date,

.single-format-standard .category,

#blog-list  .date,

#blog-list  .category{

	color:#c4cf34;

	font-size:12px;

}

.single-format-standard .date,

#blog-list .date{

	float:left;

}

.single-format-standard .category,

#blog-list  .category{

	float:right;

}

.single-format-standard h1{

	text-transform:none;

	font-weight:600;

	color:#161B1E;

}

#blog-list li{

	list-style:none;

	border-bottom:1px solid #ddd;

	margin-bottom:5px;

	padding-top:5px;

	min-height:100px;

	position:relative;

}

#blog-list li a{

	display:block;

}

#blog-list .wp-post-image{

	width:35%;

	height:auto;

	transition: all 0.3s linear;

	-moz-transition: all 0.3s linear;

	-webkit-transition: all 0.3s linear;

}

#blog-list li h2, 

.single-format-standard h2{

	color:#565353;

	font-size:18px;

	line-height:22px;

	font-weight:600;

}

#blog-list li .button{

	position:absolute;

	bottom:10px;

	right:0;

		transition: all 0.3s linear;

	-moz-transition: all 0.3s linear;

	-webkit-transition: all 0.3s linear;

}

#blog-list li:hover{

	/* background:#ddd; */

}

#blog-list li:hover h2{

	color:#c4cf34;

}

#blog-list li:hover .button{

	background:#565353;

	color:#fff;

	border:none;

}

#blog-list .seeall{

	background:#c4cf34;

	color:#fff;

	float:right;

}

#blog-list .seeall:hover{

	background:none;

	color:#c4cf34;

}

/* 2 column layout */

#column_01 {

		float: left;

		clear: none;

		width: 45%;

}

#column_02 {

		float: right;

		clear: none;

		width: 45%;

}

/* archives */

/* -------- nouveau layout du blog 1 colonne ---------- */

.blog-archives{

	width:80%;

	display:block;

	margin:0 auto;

}

.blog-archives li{

	margin-bottom:15px;

	padding-top:15px;

}

.blog-archives img{

	width:30%!important;

}

.blog-archives li h2{

	font-size:22px!important;

	line-height:24px;

}

.blog-archives li .button{

	bottom:15px!important;

}





/*

#blog-archives li{

	list-style:none;

	display:block;	

	border-bottom:1px solid #ddd;

	position:relative;

}

#blog-archives li a{

	display:block;

	color:#565353;

	font-size:18px;

	line-height:22px;

	font-weight:600;

	padding:10px 0;

}

#blog-archives li a:hover{

	color:#C3D839;

}*/

/*    ***** CLIENT INTRANET *****    */

/*    ***************************    */

/* ---- header ---- */

.title1{

	color:#fff;

	margin-bottom:0;

	min-height:20px;

}

.title2{

	font-weight:600;

	color:#fff;

	letter-spacing:-1px;

	font-size:16px;

	line-height:20px;

	margin-left:60px;

}

#client-menu li a{

	display:block;

	text-align:left;

}

.client-logout:hover{border-left:4px solid #FFFFFF!important;}

.client-logout a{

	background:url('images/icon-logout.png') 0 4px no-repeat;

	padding-left:25px!important;

}

.client-logout a:hover{

	background:url('images/icon-logout.png') 0 -29px no-repeat;

}

.blockTitle{

	cursor:pointer;

	border-bottom:1px solid #ddd;

	padding:5px 0px;

	background:url('images/accordion-arrow-down.png') no-repeat right center;

}

#right-content table td{

	border:1px solid #fff;

	padding:3px 10px;

}

.single-services tr{

	margin-bottom:20px;

}

.single-services td:first-child{

	line-height:20px;

	width:73px;

}

.single-services td{

	vertical-align:middle;

}



.intranet-list{

}

.intranet-list li{

	background:url('images/intranet-list.png') left center no-repeat;

	padding-left:19px;

}

.facture-list li{

	margin:8px 0;

	display:block;

}

select[name="account_id"] {

	width: 190px;

	margin-top: 20px;

}

.manual-list li{

	background:none!important;

	display:inline-block;

}

.manual-list li a{

	display:block;

	color:#161B1E;

	text-transform:uppercase;

	font-weight:600px;

	font-size:16px;

	width:110px;

	margin-right:20px;

		margin-bottom:20px;

	text-align:center!important;

}

.manual-list li i{

	background:url('images/icon_manual.png') no-repeat center top;

	display:block;

	background-size:cover;

	height:60px;

	width:60px;

	margin:0 auto 15px;

}

.manual-list li .sitesweb{

	background:url('images/icon_sitesweb.png') no-repeat center top;

		display:block;

	background-size:cover;

	height:60px;

	width:60px;

	margin:0 auto 15px;

}

.manual-list li .factures{

	background:url('images/icon_factures.png') no-repeat center top;

		display:block;

	background-size:cover;

	height:60px;

	width:60px;

	margin:0 auto 15px;

}

.manual-list li .profile{

	background:url('images/icon_profile.png') no-repeat center top;

		display:block;

	background-size:cover;

	height:60px;

	width:60px;

	margin:0 auto 15px;

}

.nb-button{

	width:60px; 

	height:20px; 

	font-size:11px;

	list-style-type:none;

}

.nb-button:hover{

	background:#C3D839;

}

.client-left-menu{

	background:#fff!important;

	border-top:6px solid #c3d839;

}

.client-left-menu li a{

	color:#c3d839!important;

	font-size:18px!important;

	font-weight:bold;

	text-transform:none!important;

	background:url("images/accordion-arrow-right.png")  23px 13px  no-repeat ;

}

.client-left-menu .current a,

#left-menu  li .current-menu-item a{

	color:#161B1E!important;

	background:url("images/accordion-arrow-right-n.png")  no-repeat!important;

	background-position:23px 13px!important;

}

.client-left-menu li a:hover{

	color:#161B1E!important;

	opacity:0.5;

}

.intranet-list li:hover i{

	background-position: center bottom;

}

.intranet-list li:hover a{

	color:#C4CF34;

}

.flip {

        float: right;

        width: 166px;

        height: 166px;

    }

    .flip_front, .flip_back {

        position: absolute;

        top: 0px;

        width: inherit;

        height: inherit;

    }

    .flip_front {

        z-index: 900;

        background-color: #a6d737;

        -webkit-transform: rotateX(0deg) rotateY(0deg);

        -webkit-transform-style: preserve-3d;

        -webkit-backface-visibility: hidden;

        -moz-transform: rotateX(0deg) rotateY(0deg);

        -moz-transform-style: preserve-3d;

        -moz-backface-visibility: hidden;

        /* -- transition is the magic sauce for animation -- */

        -o-transition: all .4s ease-in-out;

        -ms-transition: all .4s ease-in-out;

        -moz-transition: all .4s ease-in-out;

        -webkit-transition: all .4s ease-in-out;

        transition: all .4s ease-in-out;

    }

    .flip.is_flipped .flip_front {

        z-index: 900;

        -webkit-transform: rotateY(180deg);

        -moz-transform: rotateY(180deg);

        transform: rotateY(180deg);

    }

    .flip_back {

        z-index: 1000;

        -webkit-transform: rotateY(-180deg);

        -webkit-transform-style: preserve-3d;

        -webkit-backface-visibility: hidden;

        -moz-transform: rotateY(-180deg);

        -moz-transform-style: preserve-3d;

        -moz-backface-visibility: hidden;

        /* -- transition is the magic sauce for animation -- */

        -o-transition: all .4s ease-in-out;

        -ms-transition: all .4s ease-in-out;

        -moz-transition: all .4s ease-in-out;

        -webkit-transition: all .4s ease-in-out;

        transition: all .4s ease-in-out;

    }

    .flip.is_flipped .flip_back {

        z-index: 1000;

        -webkit-transform: rotateX(0deg) rotateY(0deg);

        -moz-transform: rotateX(0deg) rotateY(0deg);

    }

/* ======================================================= 

 * FlipCard.css for FlipCard.js v 1.1, Oct 12, 2013

 * By Jiping Hu

 *

 * Contact: http://codecanyon.net/user/jipinghu

 *

 * Created: Oct 2013

 *

 * Copyright (c) 2013, Jiping Hu. All rights reserved.

 * Released under CodeCanyon License http://codecanyon.net/

 *

 * ======================================================= */

.card-container

{

    position: relative;

  	-webkit-perspective: 1000px;

  	-moz-perspective: 1000px;

	  -ms-perspective: 1000px; 

	  -o-perspective: 1000px;

	  perspective: 1000px;

  	/*default width height*/

  	width: 90px; /* 166px;*/

  	height:70px; /* 166px;*/

  	/* Add for ALys */

  	float: right;

	margin-left:15px;

}

.card-container .card

{

  	position: relative;

  	width: 100%;

  	height: 100%;

    padding: 0;

    margin: 0;

  	-webkit-transition-property: -webkit-transform;

  	-webkit-transition-duration: 500ms;

  	-webkit-transform-style: preserve-3d;

  	-webkit-transform-origin: 50% 50%;

  	-webkit-transition-timing-function: ease;

  	-moz-transition-property: -moz-transform;

  	-moz-transition-duration: 500ms;

  	-moz-transform-style: preserve-3d;

  	-moz-transform-origin: 50% 50%;

  	-moz-transition-timing-function: ease;

  	-ms-transition-property: -ms-transform;

  	-ms-transition-duration: 500ms;

  	-ms-transform-style: preserve-3d;

  	-ms-transform-origin: 50% 50%;

  	-ms-transition-timing-function: ease;

  	-o-transition-property: -o-transform;

  	-o-transition-duration: 500ms;

  	-o-transform-style: preserve-3d;

  	-o-transform-origin: 50% 50%;

  	-o-transition-timing-function: ease;

  	transition-property: transform;

  	transition-duration: 500ms;

  	transform-style: preserve-3d;

  	transform-origin: 50% 50%;

  	transition-timing-function: ease;

}

.notransition{

    -webkit-transition: none !important;

    -moz-transition: none !important;

    -ms-transition: none !important;

    -o-transition: none !important;

    transition: none !important;

}

.card-container .card .front,

.card-container .card .back

{

  	position: absolute;

  	height: 100%;

  	width: 100%;

    overflow: hidden;

    padding: 0;

    margin: 0;

	/*

  	-webkit-backface-visibility: hidden;

  	-moz-backface-visibility: hidden;

  	-ms-backface-visibility: hidden;

  	-o-backface-visibility: hidden;

  	backface-visibility: hidden;

	*/

}

.card-container .card .back,

.card-container .card .back-y

{

    -webkit-transform: rotateY( -180deg );

    -moz-transform: rotateY( -180deg );

    -ms-transform: rotateY( -180deg );

    -o-transform: rotateY( -180deg );

    transform: rotateY( -180deg );

}

.card-container .card .back-x

{

  	-webkit-transform: rotateX( -180deg );

  	-moz-transform: rotateX( -180deg );

  	-ms-transform: rotateX( -180deg );

  	-o-transform: rotateX( -180deg );

  	transform: rotateX( -180deg );

}

.card-container.flipped-lr .card {

	  -webkit-transform: rotateY( 180deg );

  	-moz-transform: rotateY( 180deg );

  	-ms-transform: rotateY( 180deg );

  	-o-transform: rotateY( 180deg );

  	transform: rotateY( 180deg );

}

.card-container.flipped-rl .card {

	  -webkit-transform: rotateY( -180deg );

  	-moz-transform: rotateY( -180deg );

  	-ms-transform: rotateY( -180deg );

  	-o-transform: rotateY( -180deg );

  	transform: rotateY( -180deg );

}

.card-container.flipped-tb .card {

  	-webkit-transform: rotateX( -180deg );

  	-moz-transform: rotateX( -180deg );

  	-ms-transform: rotateX( -180deg );

  	-o-transform: rotateX( -180deg );

  	transform: rotateX( -180deg );

}

.card-container.flipped-bt .card {

  	-webkit-transform: rotateX( 180deg );

  	-moz-transform: rotateX( 180deg );

  	-ms-transform: rotateX( 180deg );

  	-o-transform: rotateX( 180deg );

  	transform: rotateX( 180deg );

}

/**ie10**/

.card-container .ie10 {

    -webkit-transition: none !important;

    -moz-transition: none !important;

    -ms-transition: none !important;

    -o-transition: none !important;

    transition: none !important;

}

.card-container .ie10 .front,

.card-container .ie10 .back

{

    transition-property: transform;

    transition-duration: 500ms;

    transform-style: preserve-3d;

    transform-origin: 50% 50%;

    transition-timing-function: ease;

}

.flipped-lr .ie10,

.flipped-rl .ie10,

.flipped-tb .ie10,

.flipped-bt .ie10

{

    transform: none !important;

}

/**initial state for front**/

.card-container .ie10 .front-y

{

    transform: perspective(1000px) rotateY(0deg);

}

.card-container .ie10 .front-x

{

    transform: perspective(1000px) rotateX(0deg);

}

/*.card-container .ie10 .back,*/

.card-container .ie10 .back-y

{

    transform: perspective(1000px) rotateY( -180deg );

}

.card-container .ie10 .back-y-r

{

    transform: perspective(1000px) rotateY( 180deg );

}

.card-container .ie10 .back-x

{

    transform: perspective(1000px) rotateX( -180deg );

}

.card-container .ie10 .back-x-r

{

    transform: perspective(1000px) rotateX( 180deg );

}

/*front-y back-y*/

.flipped-lr .ie10 .front {

    transform: perspective(1000px) rotateY( 180deg ); 

}

.flipped-lr .ie10 .back {

    transform: perspective(1000px) rotateY( 0deg );

}

/*front-y back-y-r*/

.flipped-rl .ie10 .front {

    transform: perspective(1000px) rotateY( -180deg ); 

}

.flipped-rl .ie10 .back {

    transform: perspective(1000px) rotateY( 0deg );

}

/*front-x back-x*/

.flipped-tb .ie10 .front {

    transform: perspective(1000px) rotateX( 180deg ); 

}

.flipped-tb .ie10 .back {

    transform: perspective(1000px) rotateX( 0deg ); 

}

/*front-x back-x-r*/

.flipped-bt .ie10 .front {

    transform: perspective(1000px) rotateX( -180deg ); 

}

.flipped-bt .ie10 .back {

    transform: perspective(1000px) rotateX( 0deg );

}

.front {

	/*background:#2C2F31;*/

	opacity:0.5;

	border-radius:166px;

	height: 166px;

	width: 166px;

}

#login p input[type=text] {

	height: auto !important;

}

 marquee p img {

 	padding-right: 8px;

 }

#left h2 {

	margin-top: 5px !important;

	line-height: inherit !important;

}

/* ALERT */

.alert_success {

	background-color: #c4eda8;	

	border: 1px solid;

	border-color: #81ba5b;

	border-radius: 5px;

	padding: 10px;

	margin: 10px 0 30px 0;

}

/* LOADER */

#portfolio_loader {

	position: relative;

    text-align: center;

    top: 100px;

}

.fancybox-overlay {

	z-index: 9000 !important;

}

/* home anchor */

  #anchor-back-top:after{

	content:"";

	display:block;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 12px 7px 12px;

	border-color: transparent transparent #000000 transparent;

	position: absolute;

	top:-7px;

	left:46%;

	margin-left:-6px;

}

#anchor-back-top{

	color:#161B1E;

	margin-top: 0;

	text-transform: uppercase;

	font-size:2em;

	border:1px solid #161B1E;

	width:300px;

	height:60px;

	padding:15px 30px;

	margin-bottom:-15px;

	line-height:60px;

	text-align:center;

	position:relative;

	left:45%;

}

/* CELINE */

.page1{
	overflow:hidden;
	position:relative;
	background:#B8C33E;
	height: 90vh;
}

#footer{

	height:auto;

	padding:10px 0;

}

.bgvid{

	height:auto;

	width:auto;

	min-height: 100%;

	min-width:100%;

}

section.page2{

	margin-top:40px;

	overflow:hidden;

}

section.page2 #wrap{

	overflow:hidden;

	padding-bottom:140px;

}

section.page2 .content{

	width:47%;

	padding-right:2%;

	float:left;

}

section.page2 .content h1{

	margin-bottom:20px;

}

section.page2 .col-news{

	width:48%;

	padding-left:2%;

	float:left;

}

section.page2 .col-news h4{

	display:none;

}

section.page2 .col-news ul{

	/*

	padding-left:5%;

	border-left:2px solid #efefef;*/

}

section.page2 .col-news h2{

	font-size:1.8em;

	/*

	padding-left:5%;

	border-left:2px solid #efefef;*/

	margin-bottom:0;

	padding-bottom: 20px;

}

section.page2 .col-news ul#news h3{

	font-size:1.2em;

	text-transform: none;

	line-height:1.2;

	color:#59595b;

	width:78%;

}

section.page2 .col-news ul#news img{

	border:1px solid #efefef;

	padding:4px;

}

section.page2 .col-news ul#news .contenu p{

	margin-left:50px;

}

section.page2 .col-news ul#news li:hover h3{

	color:#000;

}

#news li:first-child{

	border:none;

}

.seeallnews{

	padding-left:5%;

	margin-top:40px;

}

section.page2 .col-news p.date{

	line-height: 30px;

}

.wpcf7-mail-sent-ok{

	padding: 25px 50px!important;

	background:#bfe9b8!important;

}



.display-screen{display:block;}

.display-mobile{display:none;}

/* Mobile Navigation */

a#pull,#back-link, #mobile-logo,.language-mobile, #mobile-filters, #mobile-menu-portfolio, .display-mobile { 

	display:none;

}

/************************************************************/

/*MEDIA QUERIES*/

/************************************************************/

/* ------------------------  RETINA MOBILE  ------------------------------ */

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {

	#mobile-logo .login{position:absolute;right:90px;z-index:50;background:url('images/mobile-login@2.png') 20px 5px no-repeat;height:60px;width:50px;}

}
@media only screen and (min-width:1450px){
.single-portfolio .bcontent >.work-wrap{width: 90% !important;}
#left-menu{width:23%;}
#right-content, .project-wrap{width:75%!important;padding:0;}
#slider-portfolio .grid-item{float:left;width: 48%;}

/*#slider-portfolio img {max-width:49%;}*/
/*
@-moz-keyframes imgsmall {

    0% {

        width:30%;

		margin-right:3%;

    }

	30% {

        width:30%;

		margin-right:3%;

    }

	35% {

        width:30%;

		margin-right:3%;

    }

    100% {

        width:49%;

		margin-right:0%;

    }

}

@-webkit-keyframes imgsmall {

    0% {

       width:30%;

	   margin-right:3%;

    }

	30% {

       width:30%;

	   margin-right:3%;

    }

	35% {

        width:30%;

		margin-right:3%;

    }

    100% {

      width:49%;

	   margin-right:0%;

    }

}

@keyframes imgsmall {

    0% {

        width:30%;

		margin-right:3%;

    }

	30% {

       width:30%;

	   margin-right:3%;

    }

	35% {

        width:30%;

		margin-right:3%;

    }

    100% {

         width:49%;

		 margin-right:0%;

    }

}
*/
}
@media only screen and (max-width: 1449px){
#slider-portfolio .grid-item{max-width: 99%;}
}
/* ------------------------------------------------------ */

/* ------------------------------------------------------ */

/* --- dès que les flèches sont au dessus du contenu -- */
@media only screen and (max-width:1300px){
	.work-wrap #left-menu {
		width: 100%;
	}
	.work-wrap #right-content {
		width: 100% !important;
	}
	
}
@media only screen and (max-width:1080px){

#portfolio-nav{display:none;}

.twocolumns{

	-webkit-column-count: 1;

	-moz-column-count: 1;

	column-count: 1;

}

}
@media screen and (min-width:1024px)and (max-width: 1300px){
	.single-portfolio #left-menu{width:29%!important;}
	.single-portfolio .work-wrap #right-content {width:65%!important;}
	/*.sticky .work-back{top:50px;border:0;z-index:9999;}*/
}
/* ipad horizontal  */

@media screen and (min-width:835px)and (max-width: 1024px){

	#wrap{position:relative;}

	#wrap, #footer-content{width:90%;}

	#top-menu{float:none;position:absolute;top:50px;right:0;z-index:9999;}

	#top-menu{display:none;}

.nav-list > li > a{padding:0 10px;}

	#banner-text{/*left:40%;*/}

	#left-menu{width:29%!important;}

	#right-content,.work-wrap #right-content {width:65%!important;}

	div .column-5 a:hover >.viewport span{display: none !important;}
	.description-left, .description-right {
		width: 400px;
	}
	.slide {align-items: center;}
	

}
@media screen and (min-width:700px)and (max-width: 834px){
	.description-left, .description-right {
		width: 400px;
	}
	.slide {align-items: center;}
	.roundis {
		display: none;
	}
}
/* general a partir de ipad vertical */
@media screen and (max-width:960px){
	h1.white {text-align-last: left;}
}
@media screen and (min-width:960px)and (max-width: 1300px){
	.description-left, .description-right {
		width: 500px;
	}
	.work-wrap {width: 90% !important;}
	.sticky #green-header .back{top:90px;border:0;}
	
}

@media only screen and (max-width:959px){
h2 {font-size: 1.5em;}

body{background:none;position:relative;}
#full-content {padding-top: 60px;}
/* --- menu principal dropdown mobile ---  */

a#pull { display:block;background:url('images/nav-mobile.png') ;height:85px;width:100px;background-position:center right;background-repeat:no-repeat;top:0px;right:0;position:absolute;z-index:20;}

#main-nav{margin-top:-2px;}

.nav-list{background:#161B1E;margin-top:2px;margin-left:0;left:0;width:100%;display:none;z-index:500;    position: relative; }

.nav-list li{width:100%;text-align:center;padding:0;float:none;line-height:45px;border-top:1px solid #999;border-left:0;	}

.nav-list .current{border-left:0;}

.nav-list li a{display:block;padding:0;font-size:18px;line-height:75px;}

.nav-list .current a, .nav-list .current a span{color:#fff!important;}

.nav-list li span{display:none;}

.nav-list .add-li-mobile{display:inline-block;}

.single-skills #menu-item-172 a::after{display:none;}

/* level 2 */

.nav-list li ul{display:none;}

#main-nav > li:hover > ul{visibility:hidden;opacity:0;}

/* head noir */

h1{line-height:20px;}

#language{display:none;}

#logo{margin-left:30px;}

#mobile-logo{width:100%;display:block;height:85px;}

#mobile-logo .login{position:absolute;right:90px;z-index:50;background:url('images/mobile-login.png') 20px 18px no-repeat;height:85px;width:50px;}

.tab ul.login{display:none;}

#containclickme,#login-content, #top-menu{display:none;}

#banner{top:0px; max-height:150px;display:none;}

#banner img{max-height:500px;margin-top:0!important;width:100%!important;height:auto;}

#banner-text{width:100%;left:0;top:40%;margin-left:0;}

#banner-text p{font-size:30px;line-height:36px!important;text-align:center;max-width:80%;margin:0 auto;}

h1.white{margin-top:25px;margin-bottom:0px; min-height:10px!important; color:#B2C43A;text-transform:uppercase;font-size:24px;line-height:32px!important;padding-left:0;}

h1 .black{font-size:24px!important;line-height:32px!important;}

h1.white img{display:none;}
h1.work-title a {color:#353535;}
h1.work-title {
	position: relative !important;
	z-index: 99 !important;
}

#top-menu-links{right:20px;}

#top-menu{display:none!important;}



/* ---- */

.display-screen{display:none;}

.display-mobile{display:block;}

#header{position:fixed; top:0;width:100%;z-index:2000;}

.tab{width:100%;}

#wrap{width:90%;padding:0 15px;background:none!important;min-height:10px;width: 100% !important;}

#header #wrap{width:100%;padding:0;}

.single-portfolio #content-wrap,

.single-services #content-wrap,

.page-template-temp_services #content-wrap{padding-top:50px;}

#content-wrap{margin:80px auto 0;width:90%;min-height:100px;padding-top:0px;}

#content,#content-left, #left, #left-column,#right-column{float:none;width:100%;padding:0;}

#left{margin-bottom:20px;}

#slider{width:105%;margin:-25px 0 20px -3%;}

#content-full div object{float:none!important;}

#login-home{float:none;margin-left:5%;margin-right:0;width:90%;margin-top:25px;}

#back-link{width:100%;display:block;padding-left:5%;position:fixed;z-index:1000;top:85px;left:0;background-color: #C4CF34 !important;}

.mobile-back-btn{display:block;padding:15px 0 15px 10px;margin-bottom:0px;font-size:15px!important;/*background:url('images/back-arrow.png') 0 -45px no-repeat;*/color:#fff;width:100px;}

/*.mobile-back-btn:hover{background:url('images/back-arrow.png') 0 3px no-repeat;color:#C4CF34;}*/

#video-iframes-wrap{width:100%;margin-left:0;}

.portfolio-nav-btn{top:90px;z-index:1500;}
.portfolio-nav-btn .get-right{height:40px;}
.portfolio-nav-btn .get-right .arrow,
.mobile-back-btn .arrow{width:20px;height:20px;right:20px;top:12px;}
.portfolio-nav-btn .get-right .arrow{top:8px!important;}
.portfolio-nav-btn .get-right .arrow::before,
.portfolio-nav-btn .get-right .arrow::after,
.mobile-back-btn .arrow:before,
.mobile-back-btn .arrow:after{border-color:#fff;}
.mobile-back-btn .arrow:before{border-width:.6vmin .6vmin 0 0;}
.portfolio-nav-btn .get-right .text{color:#fff;bottom:12px;right:30px;font-size:15px;}
.mobile-back-btn:hover .arrow:before,
.mobile-back-btn:hover .arrow:after,
.portfolio-nav-btn .get-right:hover .arrow::before,
.portfolio-nav-btn .get-right:hover .arrow::after{border-color: #fff;}
.mobile-back-btn:hover,
.portfolio-nav-btn .get-right:hover .text{color: #fff!important;}

/* home */



#banner-text .title-1{font-size:28px;line-height:30px;}

#banner-text .title-2{display:none;}

#banner-text .btn a{line-height: 26px;}

#banner-text .btn-skills{margin-right:0;}



.bgvid { max-height:100%; }

#home-content > li, #home-content > li:first-child{width:90%;margin-left:5%;}

.home .page2 h1{font-size:1.2em;}

/* sidebar left */



.sticky #left-menu #padding{position:relative;top:0;width:90%;}

.back-btn{display:none;}

.english{display:none;}

.bg-left-menu:after{display:none;}

#left-menu{/*display:none!important;*/ background:url("images/left-menu-bg.jpg") repeat scroll center top;padding-top:20px;}

#left-menu li a{padding:8px 0 8px 50px!important;}

/* single skill*/

#green-header{background:none;position:relative;}

#green-header h1{display:none;color:#C3D839;line-height:32px!important;font-size:24px!important;width:90%;margin:60px auto 0;}

#green-header h1 img{display:none;}

#portfolio-nav,#scroll-logos{display:none;}

#green-header .back{padding:0;width:45px;}

#green-header #wrap{height:auto;}

.maintitleskill{padding-left:0px!important;border-bottom: 6px solid #c3d839;margin-bottom:35px!important;margin-top:0!important;color: #B2C43A;padding:8px;font-size: 24px;line-height: 32px !important;display: none;}

.titleskill{font-family: 'Open Sans',sans-serif;font-size:24px!important;color: #565353!important;font-weight:bold!important;margin-top: 60px;}

.post-type-archive-portfolio .wrap-portfolio,
.post-type-archive-skills .wrap-portfolio{padding-top:25px!important;}



.tg-skills a .skills-icon{height: 70px!important;line-height:70px!important;}



/* pages */

.services-template-default #left-menu{display:none!important;}

#left-menu{height:auto;float:none;width:100%;}

#right-content{float:none;width:100%;overflow:hidden;border:none;padding:0;min-height:50px;}

.tooltip span{width:150px;}

.page-template-temp_services #bg-img{height:220%;}

/* blog */

#column_01, #column_02 {float: none;width:100%;}

.blog-archives {width:100%;}

#blog-list li{padding-bottom:30px;}

.blog-archives li .button {bottom: 10px !important;}

#blog-list li h2, .single-format-standard h2{font-size:15px!important;line-height:20px;}

/* portfolio */
.post-type-archive-portfolio #content-wrap,
.post-type-archive-skills #content-wrap{width:100%;}
.sticky #left-menu{position:relative;top:0;}
.title-single-portfolio{margin-top:-20px;font-size:22px;line-height:24px!important;}
.title-single-portfolio .light{font-size:18px;}
.client-left-menu{padding-bottom:0!important;margin-bottom:5px!important;}
.client-left-menu .bullet-list a{margin-top:0;display:none;}/* mobile delete URL client */
.project-wrap {
	width: 100% !important;
}
#options{display:none;}

.column-5{width:100%;}

.viewport span{display:none!important;}

#portfolio-list .description{padding-right:30px;background:url('images/mobile-portfolio-arrow.png') center right no-repeat;min-height:25px;}

#mobile-menu-portfolio{width:90%;background:#888;display:block;position:fixed;height:30px;top:85px;padding-left:10%;line-height:30px;z-index:200;}

#pull-portfolio{color:#fff;display:block;width:100%;}

#mobile-filters{display:block;margin-bottom:20px;width:80%;padding:0 10%;background:#888;left:0;position:fixed;}

#mobile-filters li{border-bottom:1px solid #999;}

#mobile-filters li:last-child{border-bottom:none;}

#mobile-filters li a{width:100%;text-transform:uppercase;font-family:'Source Sans Pro',sans-serif;display:block;color:#999;font-size:14px;padding:5px 0;color:#fff;}

.isotope{margin-top:35px;}

#portfolio-list li{border-bottom:1px dashed #666;}

.more-realisations{display:block;}

/*#mobile-filters select{width:100%;text-transform:uppercase;font-family:'Source Sans Pro',sans-serif;font-weight:700;}*/

/*#pull-portfolio{display:block;width:80%;margin-left:5%;border:1px solid #ddd;padding:0 5%;height:30px;text-transform:uppercase;font-family:'Source Sans Pro',sans-serif;color:#999;font-size:16px;line-height:30px;background:url('images/portfolio-select-arrow.jpg') right center no-repeat;}*/

/* ESPACE CLIENT */

/*#mobile-logo{width:100%;background:#555;display:block;height:60px;position:absolute;z-index:2000;}

#mobile-logo .logo{position:absolute;left:20px;z-index:50;top:10px;}*/

#mobile-logo .logout{position:absolute;right:110px;z-index:50;background:url('../img/mobile-logout.png') 20px 5px no-repeat;height:60px;width:50px;}

#pull-client{background:url('../img/nav-mobile.png')center right no-repeat;height:60px;position:absolute; top:0;width:115px;z-index:2000;right:0;}

.title-big{font-size:70px;position:relative;top:-30px;left:0;display:block;background:#fff;min-height:80px;line-height:80px;}

.title-small{position:relative;top:50px;left:0;}

/* / */

/* portfolio single */

#left-customers-list{float:none;margin:0 auto 10px;}

#content-right{float:none;width:100%;}



/* services */

#services-content{width:100%;}

.menu-services li{display:none;}

.card-container {height:55px;}

.card-container img{max-height:100%;}

/* formulaire */

#estimation-prix-form{margin-bottom:25px;width:95%;}

#form-colonnes li{display:block;width:100%;}

#form-colonnes .label-input{width:100%;}

label{text-align:left;margin-right:0;}

input[type="submit"],#login .submit{-webkit-appearance: none;}

input[type="text"], input[type="email"]{max-width:90%;}

/* team */

#left-menu li a{padding:8px 0 8px 20px;font-size:12px;}

#left-menu{margin-bottom:20px;}

#team li{width:100%;display:block;margin-left:0; height:400px;}

#team li.bis{padding:0!important;}

/* tables */

#right-content table td{min-width: 50px;}

/* FAQ */

.faq_question{float:none;width:90%;font-size:16px;font-weight:400;line-height:22px;padding-left:10%;}

.faq_reponse{float:none;padding-left:10%;width:90%;font-size:12px;}

#gallery-1 .gallery-item{width:49%!important;height:140px;}

/* footer */

#footer-links, #footer-links #top-menu{display:block!important;text-align:center;}

#footer-links{background: #161B1E;padding:10px 30px;}

#footer-links #top-menu{float:none;margin-top:0;}

#footer-links p span{float:right;}

#footer-links #top-menu .twitter{margin-left:10px;}

#footer-links #top-menu li+li+li{float:right;}

#footer{height:auto;text-align:center;position:relative;}

#footer-content{width:90%;}

#footer-content p, #footer-content #facebook{float:none;width:100%;}

.language-mobile{display:block;text-align:center!important;margin-top:15px;}

.language-mobile li{display:inline-block;}

.language-mobile li a{font-size:18px;color:#999!important;}

.language-mobile li .current{color: #C4CF34!important;}

/*#cookieChoiceInfo{position:relative!important;}*/

/* table */

#home-content-table, #home-content-table td, #home-content-table tr {display: block;}

#home-content-table td:first-child{width:auto;}

#home-content-table { border:none;margin-bottom:20px; }

#home-content-table td{border:none;position: relative;padding-left:0;white-space: normal;text-align:left;}

#home-content-table .mobile-hide{display:none;}

/* Celine */

section.page2 .content,

section.page2 .col-news{

	width:90%;

	float: none;

	border:none;

	padding:0;

	margin:0 auto;

}

section.page2 .col-news ul,

section.page2 .col-news h2{

	padding:0;

	border:none;

}

section.page2 h1{

	color:#676767;

}

section.page2 .col-news{

	margin-top:50px;

}

section.page2 .col-news h2{

	/*

	font-size:16px;

	font-weight:bold;

	color:#676767;

	*/

	margin-bottom:15px;

}

.seeallnews{

	padding-left:0;

}

section.page2 .col-news ul#news h3{

	width:80%;

}

#anchor-back-top{

	left:35%;

}

}

/* ------------------------  ipad vertical -------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 959px){

h1.white{padding:8px;min-height:10px;margin-top:0px;left: 0;width: 100%;top:0;}

#left-menu #padding{width:100%;}

.single-skills .min-height {padding-top: 100px !important;}

#content-wrap{margin: 120px auto 0;}

.pourquoi-wrapper .round{min-width: 160px;}

.post-type-archive-portfolio  #content-wrap,
.post-type-archive-skills #content-wrap{padding-top:0!important;}



}

/* ------------------------  iphone horizontal -------------------------------- */
@media only screen and (max-width: 767px){
	h1.work-title a{display: block;}
}
@media only screen and (min-width: 480px) and (max-width: 767px){

#slider {

	height: auto !important;

}

#top-menu{display:none;}

h1.white{padding:8px;min-height:10px;margin-top:10px;left: 0;width: 100%;top: 0;}

.fb-page{padding:0;margin-top:25px;max-width:96%;}

#left-menu #padding{width:220px;}

}

/* ------------------------  iphone vertical -------------------------------- */

@media only screen and (min-width: 200px) and (max-width: 479px){

	#top-menu-links{display:none;}

#slider {

	height: auto !important;

}

.fb-page{padding:0;margin-top:25px;max-width:96%;}

.columns{

	-webkit-column-count:1;

	-webkit-column-gap:50px;

	-webkit-column-rule:1px solid #dedede;

	-moz-column-count:1;

	-moz-column-gap:50px;

	-moz-column-rule:1px solid #dedede;

	column-count:1;

	column-gap:50px;

	column-rule:1px solid #dedede;

	margin-bottom:30px;

}

#portfolio-list li{display:block;width:90%;}

h1{font-size:18px;line-height:20px!important;color:#999;font-weight:600;letter-spacing:0;}

h1.white{padding:8px;min-height:10px;margin-top:10px!important;width: 100%;}

h1.work-title {top: 0px;margin-left: 0px;z-index: 999;}

h1 .black{font-weight:600;letter-spacing:0;}

.pourquoi-wrapper .slide{position:relative;}

.pourquoi-wrapper{height:auto; /*280px;*/margin-bottom:30px;}

.scroll_link{/*left:40%;*/}

h2{font-size:1.6em;}

#right-content h2, .min-height h2{font-size:18px;line-height:20px;}

.more-realisations{line-height:22px;}

.fb-page{padding:0;margin-top:25px;max-width:90%;}

#left-menu #padding{width:220px;}

/*

.card-container{width:90px!important;height:90px!important;}

.card-container img{width:90px!important;height:90px!important;}*/

#login-content{width:220px;left:-270px;}

.menu-services{display:none;margin:0;}

.border-img{display:none;}
#footer{display:none;}
}

/* ------------------------  iphone horizontal & vertical -------------------------------- */

@media only screen and (min-width: 200px) and (max-width: 767px){

#slider {

	height: auto !important;

}

#banner{max-height:171px;}

#banner img{width:auto;height:165px;margin-top:30px;}

h1.white{min-height:90px;}

#bg-img{top:0;}
.bg-home-mobile{display:block;}
.video-background{display:none;}

.box{float:none;height:auto;width:100%;}

.box div{padding:20px 0;bottom:0;margin-top:0;}

.box h3{font-size:15px;margin-right:0!important;}

.mobile-hide{display:none;}

.mobile-content-wrap{margin-top:60px!important;}

.home .col-news{display:none;}

.page-template-temp_blog .white{height:10px;}

.min-height{min-height:200px!important;}

.single-skills .min-height{padding-top:90px!important;}

#left-menu #padding{position:relative;top:0;width:90%;}

.page-template-temp_blog #full-content{border:none;}

#slider-portfolio img{max-width:100%;}

.single-services .alignright{float:none;display:block;margin:0 auto;}

.pourquoi-wrapper .round{width:65px;height:65px;min-width: 65px;}

.post-type-archive-portfolio  #banner,
.post-type-archive-skills #banner{ display:none;}

.post-type-archive-portfolio  #content-wrap,
.post-type-archive-skills #content-wrap{padding-top:0!important;}

.post-type-archive-portfolio #full-content,
.post-type-archive-skills #full-content{border-top:none;}

}

.pointer {

	height: 60px !important;

}

/* FADEIN ON LOAD PAGE */

.js h1.white{

	-webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */

       -moz-animation: fadein 1.5s; /* Firefox < 16 */

        -ms-animation: fadein 1.5s; /* Internet Explorer */

         -o-animation: fadein 1.5s; /* Opera < 12.1 */

            animation: fadein 1.5s;

}

@keyframes fadein {

    0% { opacity: 0; }

    40% { opacity: 0; }

    100%  { opacity: 1; }

}

/* Firefox < 16 */

@-moz-keyframes fadein {

   	0% { opacity: 0; }

    40% { opacity: 0; }

    100%  { opacity: 1; }

}

/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {

    0% { opacity: 0; }

    40% { opacity: 0; }

    100%  { opacity: 1; }

}

/* Internet Explorer */

@-ms-keyframes fadein {

    0% { opacity: 0; }

    40% { opacity: 0; }

    100%  { opacity: 1; }

}

/* Opera < 12.1 */

@-o-keyframes fadein {

    0% { opacity: 0; }

    40% { opacity: 0; }

    100%  { opacity: 1; }

}

/* Flip picto */

#title-image{

	height:90px;

}

#title-image img{

	width:auto;

	height:100%;

	float:left;

	margin-right:20px;

}

.js h1.white img{

	-webkit-perspective: 1200px;

    -moz-perspective: 1200px;

    -ms-perspective: 1200px;

    perspective: 1200px;

}

.js h1.white img{

    -webkit-animation-name: spinner;

    -webkit-animation-timing-function: ease-out;

    -webkit-animation-iteration-count: 0.3s;

    -webkit-animation-duration: 0.3s;

    animation-name: spinner;

    animation-timing-function: ease-out;

    animation-iteration-count: 1;

    animation-duration: 0.3s;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */

    animation-fill-mode: forwards;

    -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */

    animation-delay: 1s;

    opacity:0;

  }

/* WebKit and Opera browsers */

  @-webkit-keyframes spinner {

    from { -webkit-transform: rotateY(-180deg); opacity:0;   }

    to   { -webkit-transform: rotateY(0deg); opacity:1; }

  }

  /* all other browsers */

  @keyframes spinner {

    from {

      -moz-transform: rotateY(-180deg);

      -ms-transform: rotateY(-180deg);

      transform: rotateY(-180deg);

      opacity:0;

    }

    to {

      -moz-transform: rotateY(0deg);

      -ms-transform: rotateY(0deg);

      transform: rotateY(0deg);

      opacity:1;

    }

  }

  

  /*typed js*/

  .typed-cursor{

    opacity: 1;

    -webkit-animation: blink 0.7s infinite;

    -moz-animation: blink 0.7s infinite;

    animation: blink 0.7s infinite;

}

@keyframes blink{

    0% { opacity:1; }

    50% { opacity:0; }

    100% { opacity:1; }

}

@-webkit-keyframes blink{

    0% { opacity:1; }

    50% { opacity:0; }

    100% { opacity:1; }

}

@-moz-keyframes blink{

    0% { opacity:1; }

    50% { opacity:0; }

    100% { opacity:1; }

}