/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* https://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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%;
		
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1;
    font-family: "Gotham-Book";
    font-size: 14px;
    
		}
	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; }


/* #Basic Styles
================================================== */
body,html{
	height: 100%;
}
	body {
		background: #fff;
		color: #333;
		 -webkit-font-smoothing: subpixel-antialiased;

 }


/* #Typography
================================================== */
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit;text-rendering:optimizelegibility; }
	h1 { font-size: 46px; line-height: 44px; margin-bottom: 14px; font-weight: normal;}
	h2 { font-size: 35px; line-height: 40px; font-weight: normal; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; font-weight: normal; }
	h3#reply-title { font-size: 17px; line-height: 24px; font-weight: normal; }
	h3#reply-title small {display: block;color: #777; font-weight: normal;}
	h4 { font-size: 21px; font-weight: normal; }
	h5 { font-size: 17px; line-height: 24px; font-weight: normal; }
	h6 { font-size: 14px; line-height: 21px; font-weight: normal; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold;}
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 12px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

	
/* # media quries
================================================== */

@media all and (min-width: 1600px) {
  body {
    font-size: 17px !important;
	}
	
.crm, .data, .retail, .commerce, .branding, .event{ height:600px !important;}
	}

@media all and (max-width: 1600px) {
  body {
    font-size: 16px !important; } }

@media all and (max-width: 1500px) {
  body {
    font-size: 15px !important; } }

@media all and (max-width: 1375px) {
  body {
    font-size: 14.5px !important; } }

@media all and (max-width: 1281px) {
  body {
    font-size: 14px !important; } }

@media all and (max-width: 1220px) {
  body {
    font-size: 12.2px !important; } }

@media all and (max-width: 1150px) {
  body {
    font-size: 11.4px !important; } }

@media all and (max-width: 1060px) {
  body {
    font-size: 10.6px !important; } }

@media all and (max-width: 1025px) {
  body {
    font-size: 9.6px !important; } }

@media all and (max-width: 935px) {
  body {
    font-size: 8.6px !important; } }

@media all and (max-width: 845px) {
  body {
    font-size: 7.6px !important; } }

@media all and (max-width: 768px) {
  body {
    font-size: 6.6px !important; } }

@media all and (max-width: 700px) {
  body {
    font-size: 6px !important; } }

@media all and (max-width: 600px) {
  body {
    font-size: 5.5px !important; } }

@media all and (max-width: 500px) {
  body {
    font-size: 4.5px !important; } }

@media all and (max-width: 400px) {
  body {
    font-size: 3.5px !important; } }
	

/* #Links
================================================== */
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	/*li p { line-height: 21px; }*/

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */


	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 4px 12px;
	  -moz-border-radius: 0px;
	  -webkit-border-radius: 0px;
	  border-radius: 0px;
	  color: #444;
	  display: inline-block;
	  text-decoration: none;
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
 }

	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;}
		

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		 }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 40px !important; }
	
	/* book
================================================== */
    .prix-mobile{ font-weight:900 !important}
	.presentation{position: relative;
    width: 72.11268%;
    margin: 0 auto;
    padding-top: 3.8%;
    padding-bottom: 3.8%;}
	.presentation p{font-size: 165%;
    
    line-height: 138%;
    color: #fff !important;}

    .header {
    padding-top: 130px;
    padding-bottom: 5.3%;
    background-color: #3BC9A3;
    color: #fff;
	width:100%;
	height:23em;}
	.header div {    width: 72.11268%;
    margin: 0 auto;}
	.entete{font-size: 392%;
    
    line-height: 100%;
    text-align: left;
    margin-bottom: 20px;
	color:#fff;
	}
	.news{
    margin: 0;
    font-size: 200% !important;
    
    line-height: 112%;
	color:#fff !important;
}

   .header-book {
    padding-top: 5.3%;
    padding-bottom: 5.3%;
    background-color: #F2C55A;
    color: #fff;
	width:100%;
	height:23em;}
	.header-book div {    width: 72.11268%;
    margin: 0 auto;}
	
	#pg-9-10{padding-bottom:1em;}
	
#panel-9-0-0-0::after {
    content: "";
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1.5em solid #F2C55A;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 30;
} 

#panel-9-4-0-0::after {
    content: "";
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1.5em solid #F6F3EC;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 30;
} 
.engie-txt2{font-size:46px !important; font-weight:500 !important}

#panel-9-6-5-2{margin-left:-7%;}

#slide-34-layer-8, #slide-28-layer-9, #slide-56-layer-6, #slide-58-layer-6, #slide-31-layer-6, #slide-75-layer-6, #slide-54-layer-7{
	position:absolute;
	left:80px;
}

/* Jobs
===================================================*/
.post-1752 .container  { width:100% !important}
.jobs{
	color:#000 !important;
	line-height:160%;
	}
.post-offre{
	color: #fff;
    font-weight: 900;
    font-size: 140%;
	width: 90%;
    margin: 0 auto;
}
.uafamily{
	width: 72.1127%;
    margin: 0px auto;
	}
.offre-left{ 
	width: 50%;
    text-align: center;
    float: right;
    padding: 3em 0;
	margin-bottom:5%;
	/*background:url(https://new-www.useradgents.com/wp-content/uploads/2015/11/dev-ios-sans-bouton.png);*/
	background-size:cover;
	padding-top:3%;
	}
	
	.offre-left1{ 
	width: 50%;
    text-align: center;
    float: right;
    padding: 3em 0;
	margin-bottom:5%;
	/*background:url(https://new-www.useradgents.com/wp-content/uploads/2015/11/dev-ios-sans-bouton.png);*/
	background-size:cover;
	padding-top:3%;
	}
.offre-right{
	width: 50%;
    text-align: center;
    float: left;
    padding: 3em 0;
		margin-bottom:10%;
		/*background:url(https://new-www.useradgents.com/wp-content/uploads/2015/11/html-java-sans-bouton.png);*/
		background-size:cover;
		padding-top:3%;
}
.offre-right1{
	width: 50%;
    text-align: center;
    float: left;
    padding: 3em 0;
		margin-bottom:5%;
		/*background:url(https://new-www.useradgents.com/wp-content/uploads/2015/11/scrum-sans-bouton.png);*/
		background-size:cover;
		padding-top:3%;
}

.offre-center{
	width: 100%;
    text-align: center;
    float: left;
    padding: 3em 0;
		margin-bottom:10%;
		/*background:url(https://new-www.useradgents.com/wp-content/uploads/2015/11/html-java-sans-bouton.png);*/
		background-size:cover;
		padding-top:3%;
	
}		
.consulter{
	z-index: 7;
min-width: 0px;
min-height: 0px;
white-space: nowrap;
font-size: 100%;
line-height: 100%;
font-weight: 900;
color: #FFF;
font-family: "Gotham-Book";
background: #27AFB9 !important;
padding: 2% 0;
border-color: #000;
border-radius: 30px;
outline: medium none;
box-shadow: none;
box-sizing: border-box;
text-transform: uppercase;

visibility: inherit;
transition: none 0s ease 0s;
border-width: 0px;
max-height: none;
max-width: none;
opacity: 1;
cursor: pointer;
width:50%;
margin:-25% auto;
margin-bottom:0;
text-align:center;
}

.consulter a {
	color:#fff !important;
	display:block;
	}
.consulter a:href{color:#fff !important;}	

.offre-container-left{
	padding-right:2.5%;

	}
.offre-container-right{
	padding-left:2.5%;

	}
	
.je-postule{
z-index: 7;
min-width: 0px;
min-height: 0px;
white-space: nowrap;
font-size: 100%;
line-height: 100%;
font-weight: 900;
color: #FFF;
font-family: "Gotham-Book";
background: #27AFB9 !important;
padding: 1.2% 0;
border-color: #000;
border-radius: 30px;
outline: medium none;
box-shadow: none;
box-sizing: border-box;
text-transform: uppercase;

visibility: inherit;
transition: none 0s ease 0s;
border-width: 0px;
max-height: none;
max-width: none;
opacity: 1;
cursor: pointer;
width:25%;
margin:3% auto 5%;
text-align:center;
}

.je-postule a {
	color:#fff !important;
	display:block;
	}
.je-postule a:href{color:#fff !important;}	
.consulter-container-b1{
	margin-top:0%;
	position:relative;
	top:0%;
	}
.consulter-container-b2{
	margin-top:0%;
	position:relative;
	top:0%;
	}

/*Actu
===================================================*/
#panel-w565735e0b1d77-0-0-1 .panel-widget-style, #panel-w565735e0b1d77-0-0-2 .panel-widget-style{margin-top:0 !important}

/* ETUDES
====================================================*/
.post-1763 .container{ width:100% !important}
.etudes{
	width: 72.1127%;
    margin: 0px auto;
	}
.etudes-txt{}	
.etudes a {color:#fff !important; text-decoration:underline;}
.etudes a:href {color:#fff !important}
.etude-container h1{     
           font-size: 150%;
           margin-bottom: 0.8em;
		   }
.etude-description{
	color:#000 !important;
	font-size:110%;
	line-height:150%;
	
	}
.lire-etude{
	width:100%;
	text-align:center;
	margin-bottom:1.6 em;
}
.lire-etude-btn{
	z-index: 7;
min-width: 0px;
min-height: 0px;
white-space: nowrap;
font-size: 100%;
line-height: 100%;
font-weight: 900;
color: #FFF;
font-family: "Gotham-Book";
background: rgba(59, 201, 163, 0.75) none repeat scroll 0% 0% !important;
padding: 1.8% 0;
border-color: #000;
border-radius: 30px;
outline: medium none;
box-shadow: none;
box-sizing: border-box;
text-transform: uppercase;

visibility: inherit;
transition: none 0s ease 0s;
border-width: 0px;
margin: 0px;
max-height: none;
max-width: none;
opacity: 1;
cursor: pointer;
width:30%;
margin:2em 1em 0px 0px;
margin-bottom:0;
float:left;
display:inline;
}

.lire-en-anglais{
	z-index: 7;
min-width: 0px;
min-height: 0px;
white-space: nowrap;
font-size: 100%;
line-height: 100%;
font-weight: 900;
color: #FFF;
font-family: "Gotham-Book";
background: rgba(59, 201, 163, 0.75) none repeat scroll 0% 0% !important;
padding: 1.8% 0;
border-color: #000;
border-radius: 30px;
outline: medium none;
box-shadow: none;
box-sizing: border-box;
text-transform: uppercase;

visibility: inherit;
transition: none 0s ease 0s;
border-width: 0px;
margin: 0px;
max-height: none;
max-width: none;
opacity: 1;
cursor: pointer;
width:35%;
margin:2em 0;
margin-bottom:0;
float:left;
display:inline;
}

.telecharger{
	z-index: 7;
min-width: 0px;
min-height: 0px;
white-space: nowrap;
font-size: 100%;
line-height: 100%;
font-weight: 900;
color: #FFF;
font-family: "Gotham-Book";
background: rgba(59, 201, 163, 0.75) none repeat scroll 0% 0% !important;
padding: 1.8% 0;
border-color: #000;
border-radius: 30px;
outline: medium none;
box-shadow: none;
box-sizing: border-box;
text-transform: uppercase;

visibility: inherit;
transition: none 0s ease 0s;
border-width: 0px;
margin: 0px;
max-height: none;
max-width: none;
opacity: 1;
cursor: pointer;
width:49%;
margin:2em 0;
margin-bottom:0;
float:left;
display:inline;
	
}

.lire-etude-btn a, .lire-en-anglais a, .telecharger a{color:#fff !important;}
.lire-etude-btn a:hover, .lire-en-anglais a:hover, .telecharger a:hover{color:#fff !important;}
.anglais{text-align:left;margin-top: 1.7em !important;}


.contact-etude-btn{
	z-index: 7;
min-width: 0px;
min-height: 0px;
white-space: nowrap;
font-size: 100%;
line-height: 100%;
font-weight: 900;
color: #FFF;
font-family: "Gotham-Book";
background: rgba(59, 201, 163, 0.75) none repeat scroll 0% 0% !important;
padding: 1.5% 0 !important;
border-color: #000;
border-radius: 30px;
outline: medium none;
box-shadow: none;
box-sizing: border-box;
text-transform: uppercase;

visibility: inherit;
transition: none 0s ease 0s;
border-width: 0px;
margin: 0px;
max-height: none;
max-width: none;
opacity: 1;
cursor: pointer;
width:20%;
margin:1em auto !important;
}

.contact-etude-btn a{ 
text-align:center;
 display:block;
 text-decoration:none;
}

.contact-etude-btn-container{width:100%;}

#panel-1763-4-0-0 img, #panel-1763-2-0-0 img, #panel-1763-3-0-0 img , #panel-1763-5-0-0 img, #panel-1763-6-0-0 img, #panel-1763-7-0-0 img, #panel-1763-8-0-0 img, #panel-1763-9-0-0 img #panel-1763-10-0-0 img, #panel-1763-11-0-0 img,  #panel-1763-12-0-0 img{margin:0 !important}

.etudes-txt-bloc{
	margin: 0px;
    font-size: 110% !important;
    line-height: 100%;
    color: #000 !important;
    font-weight: lighter;
	text-align:center;
	line-height: 160%;
	}
.etudes-txt-bloc a{
	color: #000 !important;
	text-decoration:underline;
	text-align:center;
	}

.barred{text-decoration:line-through }	

#panel-1763-5-1-0{margin-bottom:1.5em !important;}


		/* contact
================================================== */
	.post-9 .container{
		width:100% !important;
		}
		
	.clients{ 
	background: #F6F3EC; 
	height:9em;
	}
	
	.clients  h1{ 
	color:#000 !important;
	text-align:center !important; 
	line-height:3em; font-size: 
	270%;
	}
	
	.panel-grid { 
	margin:0 !important;
	}
	
	.post-13 .container {
		width: 100% !important;
		}
		
	.panel-row-style{
		background-size: cover;
		background-position: 50% 50%;
		padding-bottom: 7.3em;
		color: white;
		}
		
	#pgc-13-0-0{
		padding-left:15em !important;
		}
	
   
	   .itenraire{ 
    margin-bottom:1.5em !important;
    margin-top:-10px !important;
	} 
	
#fscf_redirect1{color:#fff;}

	
		/* Accueil
================================================== */
	.post-16 .container{ 
	width:100% !important;
	}
	#main-menu .menu-item-2041.current_page_item { border-bottom-color:#000 !important;}
	#main-menu .current_page_item {
		border-bottom:1px solid #fff !important;
		padding-bottom:3px;
		}
	.current-menu-item {
		border-bottom:1px solid #fff !important;
		padding-bottom:3px;
		}	
    #responsive-menu{height:34.7em !important;}
	#responsive-menu.current_page_item {
		border: none !important;
	}
	
	.uadg{
	}
	
	.uadg-strong{
	
	}
	
	.useradgent{
	
	}
	
	.solution{
	font-size: 270% !important;
    margin-top: 0 !important;
    margin: 0;
    font-family: "Gotham-Book";
    text-align: center;
	font-weight:700;
}

    .margin-zero{ margin:0 !important}
	
	.back-slide p{ letter-spacing:1px;}
	
	.middle{margin-top: 10%;}
	
	.tp-caption.Fashion-BigDisplay, .Fashion-BigDisplay {
		font-family: "Gotham-Book" !important;
	}
	
	.uppercase{ text-transform:uppercase !important;}
	/* .menu-item-2041 a{color:#000 !important;display:none;}/*pour masquer le rubrique accueil*/

	
	/*joshfire
	================================ */
	#panel-16-13-0-0, #panel-16-14-0-0{ background:#F6F3EC}
	.josh{
		text-align:center;
        font-size: 200%;
		color:#000;
		
		}
	.joshfire{
    padding-left: 20% !important;
    padding-right: 20% !important;
    font-size: 150%;
    line-height: 138%;
		}
	.btn-decouvrir{
		color:#fff;
		background:#3BC9A3;
		text-transform:uppercase;
		height:2em;
		width:15%;
		text-align:center;
		line-height:180%;
		margin: 2em auto;
        border-radius: 1em;
		-webkit-border-radius: 1em;
		-moz-border-radius: 1em;
		-ms-border-radius: 1em;
		-o-border-radius: 1em;
		
	}
	
	
	.btn-decouvrir a{color:#fff !important;}
	.btn-decouvrir a:hover{color:#fff !important;}
	.joshf{
		line-height:8rem;
	}
	.joshf::after {
    content: "";
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1.5em solid #F6F3EC;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 1;
} 
	
	.img-joshfire{ 
		width:100% !important;
		margin:0  !important;
		}
	
   #slide-69-layer-6 a {
		color:#fff !important;
		display: block;
	}
	
	#slide-69-layer-6 a:hover {
		color:#fff !important;
	}
	
#slide-73-layer-3 a {
		color: #fff !important;
    display: block;
    height: 32px;
    width: 175px;
    margin-left: -25%;
    margin-top: -7%;
    text-align: center;
	}
#slide-73-layer-3 a span{
    position:relative;
	top:8px;
	}	
 #slide-73-layer-3 a:hover {
		color:#fff !important;
	}
#slide-71-layer-3 a {
	color: #fff !important;
    display: block;
    height: 32px;
    width: 175px;
    margin-left: -25%;
    margin-top: -7%;
    text-align: center;
	}
	
	#slide-71-layer-3 a span{
    position:relative;
	top:8px;
	}
#slide-71-layer-3 a:hover {
		color:#fff !important;
	}	
.description-josh{	
    color: #fff;
	position:relative;
	left:71px;
	height:0;
}	

.description-josh h1{
font-size: 42px;
    line-height: 79px;
    font-weight: 600;
    color: rgb(255, 255, 255);
	
}

.description-josh p{
    width: 32.5%;
    text-align: justify; 
	color:#fff !important;
	font-size: 22px;
    line-height: 32px;
	font-weight: 400;
	margin-bottom:1em !important;
}

.btn-desc-josh{
z-index: 7;
min-width: 0px;
min-height: 0px;
white-space: nowrap;
font-size: 100%;
line-height: 14px;
font-weight: 900;
color: #FFF;
font-family: "Gotham-Book";
background: rgba(59, 201, 163, 0.75) none repeat scroll 0% 0% !important;
padding: 10px 30px;
border-color: #000;
border-radius: 30px;
outline: medium none;
box-shadow: none;
box-sizing: border-box;
text-transform: uppercase;

visibility: inherit;
transition: none 0s ease 0s;
border-width: 0px;
margin: 0px;
max-height: none;
max-width: none;
opacity: 1;
cursor: pointer;
width:10%;
text-align:center;
}	

.imageAndText {position: relative;} 
.imageAndText .col {
	position:absolute;
	z-index: 1; 
	top: 0;
	left: 0;
	}
.col-sm-4{position:relative;left:5.5%; margin-top:5%}
.col-sm-4 p{
	text-align: justify;
    color: #FFF !important;
    margin-bottom: 1em !important;
    width: 31%;
line-height:24px;
font-weight:400;
   line-height:140%;
   /*font-size:130%;*/
}
.col-sm-4 h1{
	text-align:left;
	color:#fff; 
	width:40%;
	margin-bottom: 1em ;
	font-weight: 600;
    font-size: 200%;
	}
.decouvrir-josh{
		color: #FFF;
    font-family: "Gotham-Book";
    background: rgb(59, 201, 163) !important;
    padding: 10px 18px;
    border-color: #000;
    border-radius: 30px;
    outline: medium none;
    box-shadow: none;
    box-sizing: border-box;
    text-transform: uppercase;
    
    visibility: inherit;
    border-width: 0px;
    margin: 0px;
    max-height: none;
    max-width: none;
    opacity: 1;
    cursor: pointer;
	width:17%;
		}
.decouvrir-josh a{
	color:#fff !important;
    display:block;
	text-decoration:none;
	text-align:center
	}
	.decouvrir-josh a:hover{
	color:#fff !important;
    display:block;
	text-decoration:none;
	text-align:center
	}
	
	
.col-sm-4-1{position:relative;left:8.5%; margin-top:7%}
.col-sm-4-1 p{
	text-align: justify;
    color: #FFF !important;
    margin-bottom: 1em !important;
    width: 48.5%;
   line-height:130%;
  /*font-size:140%;*/
font-weight:400;

}
.col-sm-4-1 h1{
	text-align:left;
	color:#fff; 
	width:60%;
	margin-bottom: 1em ;
	font-weight: 600;
    font-size: 200%;
	display:none;
	}	
.inscrire-josh{
		color: #FFF;
    font-family: "Gotham-Book";
    background: rgb(59, 201, 163) !important;
    padding: 10px 30px;
    border-color: #000;
    border-radius: 30px;
    outline: medium none;
    box-shadow: none;
    box-sizing: border-box;
    text-transform: uppercase;
    
    visibility: inherit;
    border-width: 0px;
    margin: 0px;
    max-height: none;
    max-width: none;
    opacity: 1;
    cursor: pointer;
	width:24%;
		}	
	.inscrire-josh a{
	color:#fff !important;
    display:block;
	text-decoration:none;
	text-align:center
	}
	.inscrire-josh a:hover{
	color:#fff !important;
    display:block;
	text-decoration:none;
	text-align:center
	}
	/*news letter
    ======================*/
	.newsletter{
		line-height:8rem;
		}
		
	.newsletter::after {
    content: "";
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1.5em solid #F6F3EC;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 1;
} 	
	.newslett{
		padding-left: 20% !important;
    padding-right: 20% !important;
    font-size: 150%;
    line-height: 138%;
		text-align:center;
		}
	.btn-inscrire{
		color:#fff;
		background:#DB8939;
		text-transform:uppercase;
		height:2em;
		width:15%;
		text-align:center;
		line-height:180%;
		margin: 2em auto;
        border-radius: 1em;
		-webkit-border-radius: 1em;
		-moz-border-radius: 1em;
		-ms-border-radius: 1em;
		-o-border-radius: 1em;
		
	}
	.btn-inscrire a{color:#fff !important;}
	.btn-inscrire a:hover{color:#fff !important;}
	.img-newsletter{
		width:100% !important;
		}
		
	.page-id-1643 .post-1643 .container{ width:100% !important}	
	
	.widget-title{ display:none;}
	#slide-68-layer-7 a {
		color:#fff !important;
		display: block;
	}
	
	#slide-68-layer-7 a:hover {
		color:#fff !important;
	}
	

	/*footer
	=====================*/
	
	.conseil li{ margin-bottom:0 !important}
	
	
   /*formulaire news letter 
	=============================================*/
	
	.bloc-holder{ 
	    padding:2em 3em;
		margin-bottom:1em;
	
	}

	
	.newsletter-text{
		    font-family: arial,helvetica neue,helvetica,sans-serif;
			line-height: 150%;
            font-family: Helvetica;
            font-size: 14px;
            color: #333333 !important;
			text-align: left;
            padding-right: 0% !important;
	}
	
	.newsletter-image{
		margin-bottom:3em !important;
		width:100%;
		margin-top:0 !important;
	}
	
	.newsletter-form{
		background:#fff;
		padding: 1em 2em;
		margin-bottom: 1em;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	    -ms-border-radius:5px;
		-o-border-radius:5px;
	}
	
	.newsletter-container{
		padding: 3em 6em;
        margin-bottom: 1em;
        border-radius: 5px;
        border: 1px solid;
        width: 100%;
	}
	
	
	
	.newsletter-prev{margin-bottom:1em;color:#fff;text-transform:none !important}
	.mois{ 
	           font-size: 100%;
    line-height: 200%;
    color: #000 !important;
    font-weight: 500;
		   }
	.mois a { text-decoration:underline; font-weight:900;color: #000 !important;}
	.mois a:hover { text-decoration:underline; font-weight:900;color: #000 !important;}
	.newsletter-form label {
		line-height: 150% !important;
    font-family: Helvetica !important;
    font-size: 14px !important;
    color: #5d5d5d !important;
		font-weight:400 !important;
		height: 20px !important;
	}
	
	
	
	.newsletter-form input[type="text"], .newsletter-form input[type="password"], .newsletter-form input[type="email"]{
		border:2px solid #d0d0d0 !important;
		font-weight: 500;
    font-size: 12px;
    font-family: 'Helvetica', Arial, sans-serif;
    white-space: nowrap;
    height: 27px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    border: 0;
    border-radius: 3px;
	width: 60% !important;

	}
	
	.newsletter-input{
		width: 75% !important;
display: inline;
float: left;
padding-left:5%;

	}
	
	
.newsletter-form input[type="submit"] {
z-index: 7;
min-width: 0px;
min-height: 0px;
white-space: nowrap;
font-size: 14px;
line-height: 14px;
font-weight: 900;
color: #FFF;
font-family: "Gotham-Book";
background: rgba(59, 201, 163, 0.75) !important;
padding: 10px 30px;
border-color: #000;
border-radius: 30px;
outline: medium none;
box-shadow: none;
box-sizing: border-box;
text-transform: uppercase;

visibility: inherit;
transition: none 0s ease 0s;
border-width: 0px;
margin: 0px;
max-height: none;
max-width: none;
opacity: 1;
cursor: pointer;
		}
		
.newsletter-form input[type="submit"]:hover {
color:#fff !important;
border:none !important;
}
		
.newsletter-form input[type="submit"] a{
	color:#fff;
	display:block;
}		
	
	#pg-1643-0{background:#F5F5F5;}
	.no-margin{ margin: 0 !important}
	
	.inscription{
		margin-top:2em;
		float:left;
		width:100%;
		text-align:center;
		}
		
.containerlab-inp{width:100%; height:3em;}
.containerlab-inp input{width:50%}
.container-label{
	width:25%;
	float:left;
	display:inline;
	}
	
.container-input{
	width:75%;
	float:left;
	display:inline;
	}
	
.containerchek-text{width:100%}
.container-check{
	width:3%;
	float:left;
	display:inline;
	}
	
.container-check input{
	margin-left:5px;
	margin-right:5px;
	margin: 0px 6px 20% 20% ;
	}
	
.container-text{
	width:97%;
	float:left;
	display:inline;
	}
	
.container-text p{
	margin:0 !important;
	padding:0 !important;
    line-height: 120%;
    font-size: 12px;
	}
	
	
		/* Agence
================================================== */

#pg-7-7, #pg-7-8{ background:#fff;}
.post-7 .container{ 
	width:100% !important;
	}
.agua{
	font-family: "Gotham-Book";
	font-size: 392%;
    
    line-height: 60%;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
	color:#fff !important;
	}
	
.agence	{
	font-size: 165% !important;
    
    line-height: 138%;
    color: #fff !important;
	}
	
.equipe{
	font-family: "Gotham-Book";
	font-size: 270%;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0;
	font-weight:700;
	}	
	
#panel-7-3-0-0{width:100%; text-align:center;}

#cercle-big{width: 80px;
   height: 80px;
   border:1px solid #fff; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
   margin: 0 auto;
   line-height:75px;

}

#cercle-little {width: 70px;
   height: 70px;
   border:1px solid #fff; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
   margin-top:4px;
   margin-left:4px;
}

/* cards 
 ============ */
 .card {
  position: relative;
  float: left;
  padding-bottom: 25%;
  width: 100%;
  text-align: center;
}

.card:nth-child(1) {
  margin-left: 0px;
  margin-right: 0px;
}

.card:nth-child(2),
.card:nth-child(3) {
  margin-right: 1px;
}

/* card fronts and backs */
.card__front-agence,
.card__back-agence {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card__front-agence,
.card__back-agence {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

.card__front-agence {
 background-size:cover;
 background-repeat: no-repeat;


}

/*.card__front-agence::after {
    content: "+";
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0.3em;
    text-align: center;
    font-size: 357%;
}*/

.card__back-agence {
  background-color: #EB9141;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card__back-agence:after {
    content: "-";
    color: #FFF;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0.3em;
    text-align: center;
    font-size: 357%;
}

/* card text */
.card__text-agence {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  color: #fff;
  line-height: 20px;
  margin: 0px auto;
  padding-top: 14.2676%;
  width: 82%;
}

.card__back-agence  .card__text-agence{
	padding-top: 8.268% !important;
}

/* hover effect */
.card.effect__hover:hover .card__front-agence {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card.effect__hover:hover .card__back-agence {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

/* click effect */
.card.effect__click.flipped .card__front-agence {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card.effect__click.flipped .card__back-agence {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

/* random effect */
.card.effect__random.flipped .card__front-agence {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card.effect__random.flipped .card__back-agence {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}	

.card-height{
	padding-top: 55%;
padding-bottom: 55%;}

.fa-3{ font-size:3em !important; line-height:1.7em !important}

.card__text-agence h1 { 
font-size: 250%;
line-height: 300%;
color: rgb(255, 255, 255);
}

.sense{
	color:#fff !important;
	text-align:justify;
	padding-bottom: 4% !important;
	font-size: 120%;
line-height: 100%;
}

.essense{ background:#EB9141 !important}

.effervescence{ background:#EB9141 !important}


	
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* https://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
	#Misc */



/* #Basic Styles
================================================== */
body,html{
	height: 100%;
}
	


/* #Typography
================================================== */
	
	/*h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit;text-rendering:optimizelegibility; }
	h1 { font-size: 46px; line-height: 44px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h3#reply-title { font-size: 17px; line-height: 24px; }
	h3#reply-title small {display: block;color: #777;}
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }*/
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold;}
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 12px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	/*li p { line-height: 21px; }*/

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */


	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 4px 12px;
	  
	  color: #444;
	  display: inline-block;
	  text-decoration: none;
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
 }

	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		}

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		 }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 40px !important; }
	
	/* book
================================================== */
#pgc-9-5-0, #pgc-9-5-1, #pgc-9-5-2, #pgc-9-5-3, #pgc-9-5-4, #pgc-9-5-5, #pgc-9-5-6, #pgc-9-5-7, #pgc-9-6-0, #pgc-9-6-1, #pgc-9-6-2, #pgc-9-6-3, #pgc-9-6-4, #pgc-9-6-5, #pgc-9-6-6, #pgc-9-6-7{width:100% !important}

#pgc-9-6-0{ margin-bottom:2em;margin-top: -4em;}

#panel-9-5-0-0, #panel-9-5-0-1, #panel-9-5-0-2 , #panel-9-5-0-3, #panel-9-5-0-4 , #panel-9-5-0-5, #panel-9-5-0-6,
#panel-9-5-1-0, #panel-9-5-1-1, #panel-9-5-1-2 , #panel-9-5-1-3, #panel-9-5-1-4 , #panel-9-5-1-5, #panel-9-5-1-6,
#panel-9-5-2-0, #panel-9-5-2-1, #panel-9-5-2-2 , #panel-9-5-2-3, #panel-9-5-2-4 , #panel-9-5-2-5, #panel-9-5-2-6,
#panel-9-6-0-0, #panel-9-6-0-1, #panel-9-6-0-2, #panel-9-6-0-3, #panel-9-6-0-4, #panel-9-6-0-5, #panel-9-6-0-6,
#panel-9-6-1-0, #panel-9-6-1-1, #panel-9-6-1-2, #panel-9-6-1-3, #panel-9-6-1-4, #panel-9-6-1-5, #panel-9-6-1-6,  
#panel-9-6-2-0, #panel-9-6-2-1, #panel-9-6-2-2, #panel-9-6-2-3, #panel-9-6-2-4, #panel-9-6-2-5, #panel-9-6-2-6,
#panel-9-6-3-0, #panel-9-6-3-1, #panel-9-6-3-2, #panel-9-6-3-3, #panel-9-6-3-4, #panel-9-6-3-5, #panel-9-6-3-6,
#panel-9-6-4-0, #panel-9-6-4-1, #panel-9-6-4-2, #panel-9-6-4-3, #panel-9-6-4-4, #panel-9-6-4-5, #panel-9-6-4-6,
#panel-9-6-5-0, #panel-9-6-5-1, #panel-9-6-5-2, #panel-9-6-5-3, #panel-9-6-5-4, #panel-9-6-5-5, #panel-9-6-5-6,
#panel-9-6-6-0, #panel-9-6-6-1, #panel-9-6-6-2, #panel-9-6-6-3, #panel-9-6-6-4, #panel-9-6-6-5, #panel-9-6-6-6      
 {
	width:14.285%;
	float:left;
	display: inline;
    margin-top: 3em;
 }
 
 
 #pgc-9-7-0, #pgc-9-7-1, #pgc-9-7-2, #pgc-9-8-0, #pgc-9-8-1, #pgc-9-8-2, #pgc-9-8-3, #pgc-9-8-4, #pgc-9-8-5, #pgc-9-8-6, #pgc-9-8-7{width:100% !important}

 
 
 #pg-9-4 .panel-grid-cell {
    float: left;
    width: 100%;
}
 
	.presentation{position: relative;
    width: 72.11268%;
    margin: 0 auto;
    padding-top: 2.8%;
    padding-bottom: 3.8%;}
	.presentation p{font-size: 165%;
    
    line-height: 138%;
    color: #999999;
	text-align:justify;
	}

    .header {
    padding-top: 7.3%;
    padding-bottom: 5.3%;
    background-color: #472B3D;
    color: #fff;
	width:100%;
	height:23em;}
	.header div {    width: 72.11268%;
    margin: 0 auto;}
	.entete{font-size: 392%;
    
    line-height: 100%;
    text-align: left;
    margin-bottom: 20px;
	color:#fff;
	}
	.news{
    margin: 0;
    font-size: 165% !important;

line-height: 138%;
	color:#fff !important;
	text-align:justify;

}

   .header-book {
    padding-top: 2.3%;
    padding-bottom: 2.3%;
    background-color: #F2C55A;
    color: #fff;
	width:100%;
	height:23em;}
	.header-book div {    width: 72.11268%;
    margin: 0 auto;}

	#pg-9-10{padding-bottom:1em;}
	
	.startup{ 
	width:100%;
	text-transform: none;
	}
	
		/* contact
================================================== */
	.post-9 .container{
		width:100% !important;
		}
		
	.clients{ 
	background: #F6F3EC; 
	height:9em;
	}
	
	.clients  h1{ 
	color:#000 !important;
	text-align:center !important; 
	line-height:3em; font-size: 
	270%;
	}
	
	.panel-grid { 
	margin:0 !important;
	}
	
	.post-13 .container {
		width: 100% !important;
		}
		
	.panel-row-style{
		background-size: cover;
		background-position: 50% 50%;
		padding-bottom: 0em;
		color: white;
		}
		
	#pgc-13-0-0{
		padding-left:5em !important;
		}
		
	#pgc-13-0-0  {
	width:50% !important;
	float:right !important;
	
}

#pgc-13-0-1 {
    
	width:35% !important;
	margin-left:15%
} 
		
	.formulaire{    
	font-size: 228%;
	margin-bottom: 31px;
	
	font-weight: 700; 
	color:#fff;
	font-family: "Gotham-Book";
	}
	
	.coordonnees{    
font-size: 228%;
margin-bottom: 31px;

font-weight: 700;
color: #FFF;
font-family: "Gotham-Book";
	}
	
	.black-box{ 
	background-color: rgba(0, 0, 0, 0.7);
	padding: 35px 40px 90px;
	width:70%; 
	margin-top: 40px;
	}
	 /*.adress a{ color:#fff !important} */
	 .adress a:hover{ color:#fff !important}
	 .email a:hover{ color:#fff !important}
	
		/* Accueil
================================================== */
	.post-16 .container{ 
	width:100% !important;
	}
	.container {
    margin: -10px auto !important;
}
	.main-nav-logo.has-logo-image{ background-size:contain !important; background-position:left center !important;}
	.uadg{
	
	}
	
	.uadg-strong{
	
	}
	
	.useradgent{
	
	}
	
	.solution{
	font-size: 200% !important;
    margin-top: 0 !important;
    margin: 0;
    font-family: "Gotham-Book";
    text-align: center;
	font-weight:700;
}


    #panel-16-2-0-0::after {
    content: "";
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1.5em solid #F6F3EC;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 1;
}

    #panel-16-5-0-0::after,#panel-2503-2-0-0::after,#panel-2503-5-0-0::after,#panel-2503-9-0-0::after {
    content: "";
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1.5em solid #F6F3EC;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 1;
} 

#panel-16-7-0-0::after {
    content: "";
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1.5em solid #F6F3EC;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 1;
} 

#pgc-1763-0-0::after {
    content: "";
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1.5em solid #43C19E;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 1;
}

#panel-1752-0-0-0::after{
	content: "";
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1.5em solid #27AFB9;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 1;
}

#pgc-1643-2-1  .newsletters-prec::after{
	content: "";
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1.8em solid #3BC9A3;
    position: absolute;
    bottom: auto;
    margin-left: -1em;
    z-index: 1;
}


	
		/* Agence
================================================== */
.post-7 .container{ 
	width:100% !important;
	}
.agua{
	font-family: "Gotham-Book";
	font-size: 392%;
    
    line-height: 100%;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
	color:#fff !important;
	}
	
.agence	{
	font-size: 165%;

line-height: 138%;
    color: #fff !important;
	text-align:justify;
	}
	
.equipe{
	font-family: "Gotham-Book";
	font-size: 270%;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0;
	font-weight:900;
	}	
	
.background-img{
height:31em;
}	

#panel-7-0-0-0::after {
    content: "";
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1.5em solid #EB9141;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 30;
} 

#panel-7-3-0-0::after {
    content: "";
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1.5em solid #fff;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 300;
} 

#panel-7-6-0-0::after {
    content: "";
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1.5em solid #F6F3EC;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 30;
} 

/**
 * flipping cards
==================================================
*/

.card {
  position: relative;
  float: left;
  padding-bottom: 25%;
  width: 100%;
  text-align: center;
}

.card:nth-child(1) {
  margin-left: 0px;
  margin-right: 0px;
}

.card:nth-child(2),
.card:nth-child(3) {
  margin-right: 1px;
}

/* card fronts and backs */
.card__front,
.card__back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card__front,
.card__back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

.card__front {
		 background:url("https://new-www.useradgents.com/wp-content/uploads/2015/09/conseil.jpg");
 background-size:cover;
 background-repeat: no-repeat;
	height:700px;

}

.card__front::after {
    content: "+";
    color: #3BC9A3;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0.9em;
    text-align: center;

}

.card__back {
  background-color: #3BC9A3;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
		  height:700px;
}

.card__back:after {
    content: "-";
    color: #FFF;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0.9em;
    text-align: center;
    font-size: 357%;
}

/* card text */
.card__text {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  color: #fff;
  line-height: 20px;
  margin: 0px auto;
  padding-top: 11.2676%;
  width: 75%;
}

/* hover effect */
.card.effect__hover:hover .card__front {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card.effect__hover:hover .card__back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

/* click effect */
.card.effect__click.flipped .card__front {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card.effect__click.flipped .card__back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

/* random effect */
.card.effect__random.flipped .card__front {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card.effect__random.flipped .card__back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}	

.conseil-formation{
	height:700px;
}

#pgc-16-2-0, #pgc-16-2-1 {
	padding:0 !important; margin:0 !important;
	}
#panel-16-2-0-0 ,#panel-16-2-0-1, #panel-16-2-1-0 , #panel-16-2-1-1	{
	padding:0 !important; margin:0 !important;
}		

.card__text .number{
    font-weight: bold;
    margin: 0;
    letter-spacing: 7px;
    line-height: normal;
    text-align: center;
    margin-left: 5px;
	font-family: "Gotham-Book";
}
.card__text hr{
    width: 45px;
    background-color: white;
    height: 4px;
    margin: 3px auto;
	
}
.card__text h1{
    margin-bottom: 4.74648%;
    margin-top: 8px;
	font-family: "Gotham-Book";
	text-transform: unset;
	font-weight: 700;
	color:#fff;
    line-height: 1.4em;	
}

.card__text p strong{
	
		color: #3BC9A3;
		font-weight: bold;
}

.card__text  p{
    margin: 0;
    
	font-family: "Gotham-Book";
	font-weight: lighter;
	color:#fff !important;
	
}


.back-slide-text{
text-align: left;
font-family: "Gotham-Book";
line-height:1.3em;
font-weight: bold !important;
padding-left: 40px !important;
letter-spacing: normal !important;
font-size: 180% !important;
}


.back-slide li {
text-align: left;
font-family: "Gotham-Book";
font-weight: lighter;
border-bottom:none !important;
line-height:100%;
font-weight: lighter !important;
font-size: 150%;
}

#pg-16-3 .back-slide-text  strong ,  #pg-16-4 .back-slide-text  strong {
    color: #fff !important;
    font-weight: bold;
}

.back-slide .disc {
    padding-top: 7px;
}

#pg-16-3 .back-slide, #pg-16-4 .back-slide{ padding-top:10%; padding-bottom:10%;}

.ux{ 
background: url("https://new-www.useradgents.com/wp-content/uploads/2015/09/ux.jpg") no-repeat scroll 0% 0%  !important;
background-size:cover !important;
}
.dev{
	background: url("https://new-www.useradgents.com/wp-content/uploads/2015/09/dev.jpg") no-repeat scroll 0% 0% !important;
	background-size:cover !important;
}
.media{ 
background: url("https://new-www.useradgents.com/wp-content/uploads/2015/09/media.jpg") no-repeat scroll 0% 0% !important;
background-size:cover !important;
}
.plus{  
cursor: pointer;
color:#3BC9A3 !important;
position: absolute;
width: 100%;
left: 0px;
bottom: 9.85915%;
text-align: center;
font-size: 357%;
margin-bottom: -8em;
}

.moins{
cursor: pointer;
color:#fff !important;
position: absolute;
width: 100%;
left: 0px;
bottom: 9.85915%;
text-align: center;
font-size: 357%;
margin-bottom: -8em;
}

#pgc-16-6-0, #pgc-16-6-1 , #pgc-16-6-2{
	margin:0;
	padding:0;
}

#pg-16-6 .panel-grid-cell {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.crm, .data, .retail, .commerce, .branding, .event{ height:500px;}

.crm{
background:#fff !important;
	
	
}
.crm::before {
    content: "";
    position: absolute;
    width: 2.7em;
    height: 2.7em;
    border-radius: 2.7em;
    background-color: #EB9141;
    top: 4.5em;
    left: 2.5em;
}

.crm::after{ color: #EB9141 !important;}


.crm .card__text{
padding-top: 25%;
padding-left: 8.5%;
text-align:left;
width:100%;
}

.crm  h1 {
color:#000 !important;
min-height: 3.7em;
}

.crm   p{
font-size: 165%;
margin: 0px;
line-height: 140%;

color:#000 !important;
} 

.data {
background-color:#EB9141 !important;	
}


.txt {
    font-size: 125% !important;
    line-height: 120% !important;
	letter-spacing: 1px !important;
	font-family: "Gotham-Book";
	text-align:left;
	padding-top: 10% !important;
    padding-left: 8.5% !important;
    padding-right: 8.5% !important;
    margin-bottom: 5px !important;
}

.txt-middle1 {font-size: 125% !important;
    line-height: 120% !important;
	letter-spacing: 1px !important;
	font-family: "Gotham-Book";
	text-align:left;
    padding-left: 8.5% !important;
    padding-right: 11.5% !important;
	}
	
.txt-middle2 {font-size: 125% !important;
    line-height: 120% !important;
	letter-spacing: 1px !important;
	font-family: "Gotham-Book";
	text-align:left;
    padding-left: 8.5% !important;
    padding-right: 8.5% !important;
    margin-bottom: 5px !important;
	}

.data .card__text{width:100% !important}

.data .card__text ul{
	padding-left: 2.8em;
	
}

.data .card__text ul li{
font-size: 130%;
line-height: 130%;
text-align: left;
font-family: "Gotham-Book";
font-weight: lighter;
border-bottom:none !important;
}

.retail{
background:#fff !important;
	
	
}

.retail::before {
    content: "";
    position: absolute;
    width: 2.7em;
    height: 2.7em;
    border-radius: 2.7em;
    background-color: #3BC9A3;
    top: 4.5em;
    left: 2.5em;
}



.retail .card__text{
padding-top: 25%;
padding-left: 8.5%;
text-align:left;
width:100%;
}

.retail  h1 {
color:#000 !important;
min-height: 3.7em;
}

.retail  p{
font-size: 165%;
margin: 0px;
line-height: 140%;

color:#000 !important;
} 

.commerce .card__text{width:100% !important}

.commerce .card__text ul{
	padding-left: 2.8em;
	padding-right:10%;
	
}

.commerce .card__text ul li{
font-size: 130%;
line-height: 130%;
text-align: left;
font-family: "Gotham-Book";
font-weight: lighter;
border-bottom:none !important;
}

.commerce .card__text ul li , .data .card__text ul li , .event .card__text ul li  {padding: 1px 0px !important;}



.branding{
background:#fff !important;
	
	
}

.branding::before {
    content: "";
    position: absolute;
    width: 2.7em;
    height: 2.7em;
    border-radius: 2.7em;
    background-color: #26546C;
    top: 4.5em;
    left: 2.5em;
}

.branding::after{color:  #26546C !important;}
.branding .card__text{
padding-top: 25%;
padding-left: 8.5%;
text-align:left;
width:100%;
}

.branding  h1 {
color:#000 !important;
min-height: 3.7em;
}

.branding  p{
font-size: 165%;
margin: 0px;
line-height: 140%;

color:#000 !important;
} 

.event {
background-color:#26546C !important;	
}

.event .card__text{width:100% !important}

.event .card__text ul{
	padding-left: 2.8em;
	
}

.event .card__text ul li{
font-size: 130%;
line-height: 130%;
text-align: left;
font-family: "Gotham-Book";
font-weight: lighter;
border-bottom:none !important;
}

.menu li { margin-right: 20px;} 


/* Equipe dirigante 
================================================== */
 
#pgc-7-4-0, #pgc-7-4-1, #pgc-7-4-2, #pgc-7-4-3, #pgc-7-5-0, #pgc-7-5-1 , #pgc-7-5-2, #pgc-7-5-3{padding:0 !important; }
#panel-7-4-0-0 , #panel-7-4-1-0  , #panel-7-4-2-0 , #panel-7-4-3-0  , #panel-7-5-0-0 , #panel-7-5-1-0  , #panel-7-5-2-0  , #panel-7-5-3-0 { margin:0 !important; }

#box, #box1, #box2, #box3 , #box4 , #box5, #box6, #box7   {  
         width:100%;
           }
#box{ 
     background:url(https://new-www.useradgents.com/wp-content/uploads/2015/09/renaud_equipe.jpg);
	 background-position:center;
     background-repeat: no-repeat;
	 background-size:cover;
}
#box1{  
   background:url(https://new-www.useradgents.com/wp-content/uploads/2015/09/vincent_equipe.jpg);
   background-position:center;
   background-size:cover;
   background-repeat: no-repeat;
}

#box2{  
   background:url(https://new-www.useradgents.com/wp-content/uploads/2015/09/loic_team.jpg);
   background-position:center;
   background-size:cover;
   background-repeat: no-repeat;
}

#box3{  
   background:url(https://new-www.useradgents.com/wp-content/uploads/2015/09/alexandre_equipe.jpg);
   background-position:center;
   background-size:cover;
   background-repeat: no-repeat;
}

#box4{  
   background:url(https://new-www.useradgents.com/wp-content/uploads/2015/09/severine_equipe.jpg);
   background-position:center;
   background-size:cover;
   background-repeat: no-repeat;
}
#box5{  
   background:url(https://new-www.useradgents.com/wp-content/uploads/2015/09/nicolas_equipe.jpg);
   background-position:center;
   background-size:cover;
   background-repeat: no-repeat;
}
#box6{  
   background:url(https://new-www.useradgents.com/wp-content/uploads/2015/09/bg-orange.png);
   background-position:center;
   background-size:cover;
   background-repeat: no-repeat;
}

#box7{  
   background:url(https://new-www.useradgents.com/wp-content/uploads/2015/09/bg-gris.png);
   background-position:center;
   background-size:cover;
   background-repeat: no-repeat;
}

#pgc-7-4-0 .widget img, #pgc-7-5-0 .widget img  { width:100%;}

.wcp-caption-plugin {
    margin: 0px 0px !important;
	font-size: 142%;
    line-height: 150%;
	font-family: "Gotham-Book";
}

.wcp-caption-plugin .image-caption-box .caption {background-color:#DEA878 !important}

.image-caption-box{ width:100% !important;}

#overlay    {  background:rgba(230,176,128,.75);
               text-align:center;
               padding:151px 0 151px 0;
               opacity:0;
               -webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;}

#box:hover #overlay, #box1:hover #overlay , #box2:hover #overlay , #box3:hover #overlay , #box4:hover #overlay , #box5:hover #overlay , #box6:hover #overlay, #box7:hover #overlay{opacity:1;}

.dirigant      {  font-family: "Gotham-Book";
           font-weight:900;
           color:rgba(255,255,255,.85) !important ;
           font-size: 142% !important;
           line-height: 150% ;}
.dirigant .unamed{ margin-bottom:5%; color:#fff !important}		   
		   	   

.president{
	color: #fff !important;
    font-weight: 100 !important;
	font-size: 85%;
	}

	
#pgc-7-3-0{ 
display:flex;
display:-ms-flex;
display:-webkit-flex;


}

.collaborateurs	{  
    margin-bottom: -100% ;
    padding-bottom: 100%;
	}
.sous-rejoindre{ padding-top:48%;}
.wcp-caption-plugin .image-caption-box img{bottom:0px}
	
.sous-collaborateurs{ padding-top:20%;}	
	
.vingt-six{ color:#fff !important; font-size: 400% !important; font-weight:900 ; text-align: center;font-family: "Gotham-Book" !important; line-height:100%; }	
.collab{color:#fff !important; font-size: 200% !important; font-weight:900 ; text-align: center ;font-family: "Gotham-Book" !important;line-height:150%;}
.photos{color:#fff !important; font-size: 130% !important; font-weight:100 !important; text-align: center ;font-family: "Gotham-Book" !important;line-height:100%;}
.vingt-six strong{ font-size:1.6em;}

.rejoindre{ line-height:3em;}
	
.rejoindre a{ 
           color:#EB9141 !important; 
		   text-align: center; 
		   font-size:2.2em;
		   display:block;
		   margin-bottom: -100%;
           padding-bottom: 100%;
		   font-weight:lighter;
		   text-transform:uppercase;
		   }

/*R�componses
==================================================
*/

#prix, #prix1, #prix2, #prix3 , #prix4 , #prix5, #prix6, #prix7, #prix8   {  
         height:100%;
         width:100%;
           }
		   
#prix{ 
     background:url(https://new-www.useradgents.com/wp-content/uploads/2015/09/strategies.jpeg);
	 background-position:center;
     background-repeat: no-repeat;
	 background-size:50%;
}
#prix1{  
   background:url(https://new-www.useradgents.com/wp-content/uploads/2015/09/m-site-google1.png);
   background-position:center;
   background-size:70%;
   background-repeat: no-repeat;
}

#prix2{  
   background:url(https://new-www.useradgents.com/wp-content/uploads/2015/09/fwa.jpeg);
   background-position:center;
   background-size:50%;
   background-repeat: no-repeat;
}

#prix3{  
   background:url(https://new-www.useradgents.com/wp-content/uploads/2015/09/mobile_awards.png);
   background-position:center;
   background-size:70%;
   background-repeat: no-repeat;
}

#prix4{  
   background:url(https://new-www.useradgents.com/wp-content/uploads/2015/09/relationclient.png);
   background-position:center;
   background-size:50%;
   background-repeat: no-repeat;
}
#prix5{  
   background:url(https://new-www.useradgents.com/wp-content/uploads/2015/09/strategies.jpeg);
   background-position:center;
   background-size:50%;
   background-repeat: no-repeat;
}
#prix6{  
   background:url(https://new-www.useradgents.com/wp-content/uploads/2015/09/ecommerce.jpeg);
   background-position:center;
   background-size:50%;
   background-repeat: no-repeat;
}
#prix7{  
   background:url(https://www.useradgents.com/wp-content/uploads/2015/09/smarties-ok.png);
      background-position:center;
      background-size:50%;
   background-repeat: no-repeat;
}

#prix8{  
   background:url(https://www.useradgents.com/wp-content/uploads/2015/09/logo-trophee-des-apps.png);
      background-position:center;
      background-size:80%;
   background-repeat: no-repeat;
}

.details    {  background:rgba(235,145,65,1);
               text-align:center;
               padding:40px 5px 40px 5px;
               opacity:0;
               -webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;
vertical-align: middle;
} 

#prix:hover .details, #prix1:hover .details , #prix2:hover .details , #prix3:hover .details , #prix4:hover .details , #prix5:hover .details , #prix6:hover .details, #prix7:hover .details , #prix8:hover .details{opacity:1;}
#prix.hover_effect .details, #prix1.hover_effect .details , #prix2.hover_effect .details , #prix3.hover_effect .details , #prix4.hover_effect .details , #prix5.hover_effect .details , #prix6.hover_effect .details, #prix7.hover_effect .details , #prix8.hover_effect .details{opacity:1;}
  .hover {
-webkit-user-select: none;
-webkit-touch-callout: none;        
}
  #pgc-7-4-0, #pgc-7-4-1, #pgc-7-4-2, #pgc-7-4-3, #pgc-7-5-0, #pgc-7-5-1  , #pgc-7-5-2 {padding: 0px !important;}
  
 /* Actu
================================================================== */

#blog-2 .two-thirds  {
	margin-top:2em;
}


.single-post .container {
    /*width: 960px;*/
}
#blog .two-thirds, #blog .one-third{
	margin-top:2em;
}
#blog .readmore{
	display:none;
}

.custom-header-option::after {
    content: "";
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1.5em solid #472B3D;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 30;
} 
#panel-7-4-0-0, #panel-7-4-0-1 , #panel-7-4-0-2, #panel-7-4-0-3, #panel-7-5-0-0, #panel-7-5-0-1, #panel-7-5-0-2, #panel-7-5-0-3 { float:left; display:inline; width:25%}

#panel-w562e56454dbbe-0-0-1  .panel-widget-style{margin-top:0 !important}



  
  /* media queries 
==================================================================================================================== */	

@media screen and (min-width: 1281px) and (max-width: 1600px)
{
	.card__front {height:615px !important;}
	.conseil-formation  {height: 615px !important; }
}

/* (min-width: 1281px) 
========================================================================== */
@media screen and (min-width: 1281px) {
	
.rev-slider-title, #slide-34-layer-1, #slide-34-layer-3,  #slide-25-layer-1, #slide-28-layer-1, #slide-31-layer-1, #slide-37-layer-1, #slide-39-layer-1, #slide-44-layer-1, #slide-47-layer-1, #slide-50-layer-1, #slide-52-layer-1, #slide-54-layer-1, #slide-56-layer-1, #slide-58-layer-1, #slide-60-layer-1, #slide-62-layer-1, #slide-64-layer-1, #slide-69-layer-1, #slide-68-layer-4, #slide-71-layer-1{text-align:left; }
.rev-slider-text, .tp-mask-wrap > #slide-34-layer-2, .tp-mask-wrap > #slide-25-layer-2, .tp-mask-wrap > #slide-28-layer-2, .tp-mask-wrap > #slide-31-layer-2, .tp-mask-wrap > #slide-37-layer-2, .tp-mask-wrap > #slide-39-layer-2, .tp-mask-wrap > #slide-44-layer-2, .tp-mask-wrap > #slide-47-layer-2, .tp-mask-wrap > #slide-50-layer-2, .tp-mask-wrap > #slide-52-layer-2, .tp-mask-wrap > #slide-54-layer-2, .tp-mask-wrap > #slide-56-layer-2, .tp-mask-wrap > #slide-58-layer-2, .tp-mask-wrap > #slide-60-layer-2, .tp-mask-wrap > #slide-62-layer-2, .tp-mask-wrap > #slide-64-layer-2, .tp-mask-wrap > #slide-69-layer-2, .tp-mask-wrap > #slide-68-layer-8, .tp-mask-wrap > #slide-68-layer-8, .tp-mask-wrap > #slide-71-layer-2, .tp-mask-wrap > #slide-75-layer-2 {
    min-width: 550px !important;
    max-width: 550px !important;
    min-height: 500px !important;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 0px !important;
}	
#pg-7-7 .dirigant, #pg-7-8 .dirigant 	
{display:inline-block;
vertical-align:middle;
}
 	   
.details{ 
height:420px;
line-height:320px;
}

.container {
    width: 1200px !important;
}
	#blog-2 .container {
    width: 1020px !important;
}  

#blog-2 .one-third { margin-left:3em;}
.single-post .container {
    /*width: 960px;*/
}    

#panel-16-6-0-0 .conseil-formation, #panel-16-6-0-0 .card__front, #panel-16-6-0-0  .card__back, #panel-16-6-1-0 .conseil-formation, #panel-16-6-1-0 .card__front, #panel-16-6-1-0  .card__back, #panel-16-6-2-0 .conseil-formation, #panel-16-6-2-0 .card__front, #panel-16-6-2-0  .card__back   {
    height: 600px;
}
.decouvrir-josh {width:10% !important}


/* Book
================================ */
.header-book {
	height:25em;
}
 .engie-txt2{font-size:90% !important; margin-top: 1%!important}

/* newsletter
=================================*/
/*#pgc-1643-2-0{width:50% !important}*/

/*#pgc-16-10-0 .tp-revslider-mainul .tp-revslider-slidesli .tp-parallax-wrap:last-child{top:unset  !important; bottom:27% }*/
/*#pgc-16-11-0 .tp-revslider-mainul .tp-revslider-slidesli .tp-parallax-wrap:last-child{top:unset  !important; bottom:38% }*/
.tp-parallax-wrap{/*left:45px !important*/}

}


/* (min-width: 981px) and (max-width: 1280px)
========================================================================== */
@media screen and (min-width: 981px) and (max-width: 1280px) {
	
	/* Accueil 
============================================================== */

#pg-16-3 .card__text p, #pg-16-4 .card__text p {
    font-size: 120%;
    padding: 0 20px !important;
	letter-spacing:2px;
}
#pg-16-3 .card__text .number , #pg-16-4 .card__text  .number{
    font-size: 350%;
}

#pg-16-3  .card__text h1 , #pg-16-4  .card__text h1{font-size: 200%;}
#pg-16-6 .card__text h1 {font-size: 200%;}
#pg-16-6 .crm p , #pg-16-6 .retail p, #pg-16-6 .branding p{font-size: 120%;}
#pg-16-6  .card__text h1 {margin-bottom:0 }

.card__text{  font-size:14px; }

.back-slide-text{line-height:130% !important;  font-size: 115% !important;}

.widget ul li, .shortcode-list-icons li {
    padding: 3px 0px;
}

.back-slide li {
    font-size: 120%;
}

/* cards */
.card__front {
    height: 450px;
}

.card__back {
	height: 450px;
}

.conseil-formation {
    height: 450px;
}

#panel-16-6-0-0 .conseil-formation, #panel-16-6-0-0 .card__front, #panel-16-6-0-0  .card__back, #panel-16-6-1-0 .conseil-formation, #panel-16-6-1-0 .card__front, #panel-16-6-1-0  .card__back, #panel-16-6-2-0 .conseil-formation, #panel-16-6-2-0 .card__front, #panel-16-6-2-0  .card__back   {
    height: 400px;
}




#pg-16-6 .back-slide{ font-size:80%;}

.data .txt , .data ul li { font-size:100% !important}

.data .disc { padding-top:7px;}

.commerce .card__text ul li {
    padding: 1px 0px !important;
}

  
.details{ height:320px;padding: 30px 3px !important;} 

.rev-slider-text, .tp-mask-wrap > #slide-34-layer-2, .tp-mask-wrap > #slide-25-layer-2, .tp-mask-wrap > #slide-28-layer-2, .tp-mask-wrap > #slide-31-layer-2, .tp-mask-wrap > #slide-37-layer-2, .tp-mask-wrap > #slide-39-layer-2, .tp-mask-wrap > #slide-44-layer-2, .tp-mask-wrap > #slide-47-layer-2, .tp-mask-wrap > #slide-50-layer-2, .tp-mask-wrap > #slide-52-layer-2, .tp-mask-wrap > #slide-54-layer-2, .tp-mask-wrap > #slide-56-layer-2, .tp-mask-wrap > #slide-58-layer-2, .tp-mask-wrap > #slide-60-layer-2, .tp-mask-wrap > #slide-62-layer-2, .tp-mask-wrap > #slide-64-layer-2, .tp-mask-wrap > #slide-69-layer-2, .tp-mask-wrap > #slide-68-layer-8, .tp-mask-wrap  > #slide-68-layer-8, .tp-mask-wrap  > #slide-71-layer-2  , .tp-mask-wrap  > #slide-75-layer-2  {min-width: 400px !important ; max-width: 400px !important; min-height:500px !important; padding:15px; padding-left:0 !important}
.rev-slider-text, .col-sm-4 p, .col-sm-4-1 p ,#slide-34-layer-2, #slide-25-layer-2, #slide-28-layer-2, #slide-31-layer-2, #slide-37-layer-2, #slide-39-layer-2, #slide-44-layer-2, #slide-47-layer-2, #slide-50-layer-2, #slide-52-layer-2, #slide-54-layer-2, #slide-56-layer-2, #slide-58-layer-2, #slide-60-layer-2, #slide-62-layer-2, #slide-64-layer-2, #slide-69-layer-2,  #slide-68-layer-8, #slide-71-layer-2  , #slide-73-layer-2, #slide-75-layer-2  { min-width:0 !important; font-size: 115% !important; line-height: 130% !important}
 .rev-slider-title, #slide-34-layer-1, #slide-34-layer-3,  #slide-25-layer-1, #slide-28-layer-1, #slide-31-layer-1, #slide-37-layer-1, #slide-39-layer-1, #slide-44-layer-1, #slide-47-layer-1, #slide-50-layer-1, #slide-52-layer-1, #slide-54-layer-1, #slide-56-layer-1, #slide-58-layer-1, #slide-60-layer-1, #slide-62-layer-1, #slide-64-layer-1, #slide-69-layer-1, #slide-68-layer-4, #slide-71-layer-1, #slide-75-layer-1{
	 font-size: 260% !important;
min-width: 410px !important;
max-width: 900px !important;
line-height: 100% !important;
min-height: 100px !important;
max-height: 100px !important;
text-align:left;
 }	
 
/*.tp-parallax-wrap:nth-child(2){top:85px !important; margin-bottom:5px !important;}*/
.tp-parallax-wrap{left:45px;}
.col-sm-4{left:11.5%}
.col-sm-4-1{left:15%}
 .col-sm-4 h1{width:80%}
 .col-sm-4 p{width:410px !important;}
 .col-sm-4-1 p {width:365px !important;}
 .decouvrir-josh{width:33%}
  .inscrire-josh{width:50%} 
 
.tp-mask-wrap  > #slide-73-layer-2 {width:220px !important}

/*#pgc-16-10-0 .tp-parallax-wrap{margin-top:0% !important;}
#pgc-16-11-0 .tp-parallax-wrap{margin-top:-2% !important;}
#pgc-16-10-0 .tp-revslider-mainul .tp-revslider-slidesli .tp-parallax-wrap:last-child{margin-top:-58%  !important;bottom:20%; top:unset !important }
#pgc-16-11-0 .tp-revslider-mainul .tp-revslider-slidesli .tp-parallax-wrap:last-child{margin-top:-35%  !important;bottom:28% ; top:unset !important}*/
 .prix-mobile{font-size:100% !important; line-height:100% }
 .tp-mask-wrap > #slide-34-layer-3{
	     min-width: 0 !important;
    line-height: 40px !important;
    max-width: 850px !important;
    width: 850px;
    height: 100px;
}
 .engie-txt2{font-size:90% !important; margin-top: 1%!important}
 #slide-34-layer-1{top:0px !important}
/*Agence
=================================================== */
.sense{
line-height:100%;
}

#pg-7-7 .dirigant, #pg-7-8 .dirigant 	
{display:inline-block;
vertical-align:middle;
}
 	   
.details{ 
line-height:220px;
}


/* Actu
======================================================================= */
.container .one-third.column{
	width: 250px !important;
	margin-left: 5%;
	}
.header {padding-bottom: 16.3%;}

/* ETUDES
=======================================================================*/
 .etude-description{ font-size:120%}
 .etudes-txt-bloc {font-size:120% !important}
}

	


/* (min-width: 769px) and (max-width: 980px)
========================================================================== */
@media screen and (min-width: 769px)and (max-width: 980px){
	
		/* Accueil 
============================================================== */
#click-menu {
    display: none !important;
	visibility:hidden;
}

 /* cases studies 
 =============================================== */
.rev-slider-text, .tp-mask-wrap > #slide-34-layer-2, .tp-mask-wrap > #slide-25-layer-2, .tp-mask-wrap > #slide-28-layer-2, .tp-mask-wrap > #slide-31-layer-2, .tp-mask-wrap > #slide-37-layer-2, .tp-mask-wrap > #slide-39-layer-2, .tp-mask-wrap > #slide-44-layer-2, .tp-mask-wrap > #slide-47-layer-2, .tp-mask-wrap > #slide-50-layer-2, .tp-mask-wrap > #slide-52-layer-2, .tp-mask-wrap > #slide-54-layer-2, .tp-mask-wrap > #slide-56-layer-2, .tp-mask-wrap > #slide-58-layer-2, .tp-mask-wrap > #slide-60-layer-2, .tp-mask-wrap > #slide-62-layer-2, .tp-mask-wrap > #slide-64-layer-2, .tp-mask-wrap > #slide-69-layer-2, .tp-mask-wrap > #slide-68-layer-8, .tp-mask-wrap  > #slide-71-layer-2, .tp-mask-wrap > #slide-75-layer-2    {width: 330px !important ;padding-right:15px !important; padding-left:0 !important;padding-top:0 !important; }
.rev-slider-text, .col-sm-4 p, .col-sm-4-1 p , #slide-34-layer-2, #slide-25-layer-2, #slide-28-layer-2, #slide-31-layer-2, #slide-37-layer-2, #slide-39-layer-2, #slide-44-layer-2, #slide-47-layer-2, #slide-50-layer-2, #slide-52-layer-2, #slide-54-layer-2, #slide-56-layer-2, #slide-58-layer-2, #slide-60-layer-2, #slide-62-layer-2, #slide-64-layer-2, #slide-69-layer-2,  #slide-68-layer-8, #slide-71-layer-2 , #slide-73-layer-2, #slide-75-layer-2  { min-width:0 !important; font-size: 130% !important;line-height:17px !important;}
.rev-slider-title, #slide-34-layer-1, #slide-34-layer-3,  #slide-25-layer-1, #slide-28-layer-1, #slide-31-layer-1, #slide-37-layer-1, #slide-39-layer-1, #slide-44-layer-1, #slide-47-layer-1, #slide-50-layer-1, #slide-52-layer-1, #slide-54-layer-1, #slide-56-layer-1, #slide-58-layer-1, #slide-60-layer-1, #slide-62-layer-1, #slide-64-layer-1, #slide-69-layer-1, #slide-68-layer-4, #slide-71-layer-1, #slide-75-layer-1 {
	font-size: 230% !important;
min-width: 335px !important;
line-height: 100% !important;
text-align:left !important;
min-height:100px !important;
max-height:100px !important;
}

.tp-parallax-wrap:nth-child(2){top:85px;}
.tp-parallax-wrap{margin-top:-5% !important; /*left:45px !important*/}
.col-sm-4 {
    position: relative;
    left: 4%;
    margin-top: 4%;
}

.col-sm-4-1 {
    position: relative;
    left: 6%;
    margin-top: 10%;
}

.col-sm-4 p{width:36% !important}
 /*.col-sm-4-1 p {width:38.5% !important;}*/
#slide-71-layer-1{margin-top:-3% !important;bottom: -20px;} 
 .engie-txt2{font-size:90% !important; margin-top:0% !important}
 #slide-34-layer-1{top:-3px !important}
 .tp-mask-wrap  > #slide-73-layer-2 {width:160px !important;bottom:-150px; top: unset !important}
 #slide-71-layer-2{top:28px !important}
  #slide-68-layer-9{margin-top:-4em !important;}
/*#pgc-16-10-0 .tp-parallax-wrap{margin-top:-8% !important;}*/
 /*#pgc-16-11-0 .tp-parallax-wrap{margin-top:-80% !important;  }*/
/*#pgc-16-10-0 .tp-revslider-mainul .tp-revslider-slidesli .tp-parallax-wrap:last-child{
	top: unset !important;
    margin-top: -44% !important;
	bottom:23%
	}
#pgc-16-11-0 .tp-revslider-mainul .tp-revslider-slidesli .tp-parallax-wrap:last-child{
top: unset !important;
margin-top: -32% !important;
 bottom:30%
 }*/

 .tp-mask-wrap > #slide-34-layer-3{
	 min-width:0 !important;
	 line-height:20px !important;
	 width:850px;
	 }
.tp-parallax-wrap:nth-child(3){}	 
	 
.prix-mobile {
	font-size:100% !important;
	line-height:100% !important;
}	 

.details{ height:245px;padding: 40px 10px !important;} 
/* cards */
.card__front {
    height: 400px;
	font-size: 8px;
}

.card__back {
	height: 400px;
}

.conseil-formation {
    height: 400px;
}

#panel-16-6-0-0 .conseil-formation, #panel-16-6-0-0 .card__front, #panel-16-6-0-0  .card__back, #panel-16-6-1-0 .conseil-formation, #panel-16-6-1-0 .card__front, #panel-16-6-1-0  .card__back, #panel-16-6-2-0 .conseil-formation, #panel-16-6-2-0 .card__front, #panel-16-6-2-0  .card__back   {
    height: 300px;
	font-size:9px;
}

.card__text h1 {
    font-size: 240%;
}

#pg-16-2 .card__text p, #pg-16-3 .card__text p {
    padding: 0 25px !important;
	letter-spacing:1px;
}

.txt , .txt-middle1, .txt-middle2, .middle ul li {
    font-size: 110% !important;
}

.txt-middle1, .txt-middle2{
	padding-left: 7.5% !important;
    padding-right: 7.5% !important;
	}
	
.commerce .card__text ul , .data .card__text ul{
    padding-left: 2em;
    padding-right: 16%;
}	

.commerce .card__text ul li, .data .card__text ul li, .event .card__text ul li {
     font-size: 110% !important;
}


.card__text{font-size: 9.6px ;}

.back-slide-text { font-size:140% !important ; line-height:120% !important}

.crm, .data, .retail, .commerce, .branding, .event{ height:300px !important;}
.crm  h1, .retail h1, .branding  h1 {
    min-height: 2.7em !important;
}



/*Agence
=================================================== */
.sense{
line-height:150%;
}

#pg-7-7 .dirigant, #pg-7-8 .dirigant 	
{display:inline-block;
vertical-align:middle;
}
 	   
.details{ 
line-height:140px;
}


/* Actu
============================================================== */
 .header {
	 height: 32em ;
	 padding-top: 100px;
 	 font-weight:bold; 
 }
 

.entete {
    margin-top: 0em;
    line-height: 1em;
}
.container .one-third.column {
    width: 30% !important;
}

#blog-2 .one-third { margin-left:5%;}
#blog-2 .container { width:100% !important; }
.container .two-thirds.column {
	width: 60% !important;
	margin-left: 2%;
	}
	
/* ETUDES
===============================================================*/
.etude-description{
	font-size:120%;
}
	
/* Contact
=============================================================== */
a img.alignleft {
    width:14%;
}
	
}


/* (min-width: 641px) and (max-width: 768px)
========================================================================== */
@media screen and (min-width: 641px) and (max-width: 768px) {
	
/* Accueil 
============================================================== */
#click-menu {
    display: none !important;
	visibility:hidden;
}

/* cases studies 
 =============================================== */
 .rev-slider-text, .tp-mask-wrap > #slide-34-layer-2, .tp-mask-wrap > #slide-25-layer-2, .tp-mask-wrap > #slide-28-layer-2, .tp-mask-wrap > #slide-31-layer-2, .tp-mask-wrap > #slide-37-layer-2, .tp-mask-wrap > #slide-39-layer-2, .tp-mask-wrap > #slide-44-layer-2, .tp-mask-wrap > #slide-47-layer-2, .tp-mask-wrap > #slide-50-layer-2, .tp-mask-wrap > #slide-52-layer-2, .tp-mask-wrap > #slide-54-layer-2, .tp-mask-wrap > #slide-56-layer-2, .tp-mask-wrap > #slide-58-layer-2, .tp-mask-wrap > #slide-60-layer-2, .tp-mask-wrap > #slide-62-layer-2, .tp-mask-wrap > #slide-64-layer-2, .tp-mask-wrap > #slide-69-layer-2, .tp-mask-wrap > #slide-68-layer-8, .tp-mask-wrap  > #slide-68-layer-8, .tp-mask-wrap  > #slide-71-layer-2  , .tp-mask-wrap  > #slide-73-layer-2 , .tp-mask-wrap > #slide-75-layer-2   {width: 250px !important ;padding:15px; padding-top:0 !important;padding-left: 0 !important;}
 .rev-slider-text, .col-sm-4 p,.col-sm-4-1 p, #slide-34-layer-2, #slide-25-layer-2, #slide-28-layer-2, #slide-31-layer-2, #slide-37-layer-2, #slide-39-layer-2, #slide-44-layer-2, #slide-47-layer-2, #slide-50-layer-2, #slide-52-layer-2, #slide-54-layer-2, #slide-56-layer-2, #slide-58-layer-2, #slide-60-layer-2, #slide-62-layer-2, #slide-64-layer-2, #slide-69-layer-2,  #slide-68-layer-8, #slide-71-layer-2, #slide-73-layer-2, #slide-75-layer-2      { min-width:0 !important; font-size: 150% !important; line-height: 125% !important}
 .rev-slider-title, #slide-34-layer-1, #slide-34-layer-3,  #slide-25-layer-1, #slide-28-layer-1, #slide-31-layer-1, #slide-37-layer-1, #slide-39-layer-1, #slide-44-layer-1, #slide-47-layer-1, #slide-50-layer-1, #slide-52-layer-1, #slide-54-layer-1, #slide-56-layer-1, #slide-58-layer-1, #slide-60-layer-1, #slide-62-layer-1, #slide-64-layer-1, #slide-69-layer-1, #slide-68-layer-4, #slide-75-layer-1{
	 font-size: 360% !important;
text-align: left;
min-width: 260px !important;
line-height: 100% !important;
height: 100px; 
 }
 .col-sm-4 {left:35px;margin-top: 6%;}
 .col-sm-4-1 {left:35px}
 .col-sm-4 h1,.col-sm-4-1 h1 {width:300px;}
 .col-sm-4 p, .col-sm-4-1-p{width:250px;}
 .decouvrir-josh{width:40%}
 
 #slide-69-layer-6{margin-top: -11.5em !important ;}
 #slide-68-layer-9{margin-top: -5.7em !important ;}
 #slide-71-layer-1{font-size:300% !important; text-align:left;}
 .engie-txt2{font-size:90% !important; margin-top:-0% !important}
 /*#slide-34-layer-1{top:-10px !important}*/
 
.tp-parallax-wrap       { /*left:37px !important*/}
/*#pgc-16-10-0 .tp-parallax-wrap, #pgc-16-11-0 .tp-parallax-wrap{margin-top:-9% !important;}
#pgc-16-10-0 .tp-revslider-mainul .tp-revslider-slidesli .tp-parallax-wrap:last-child{
    margin-top: -47% !important;
    bottom: 30% !important;
    top: unset !important; 
	}
#pgc-16-11-0 .tp-revslider-mainul .tp-revslider-slidesli .tp-parallax-wrap:last-child{ 
 margin-top: -40% !important;
    bottom: 35% !important;
    top: unset !important; }
*/	
.prix-mobile{
	font-size:100%;
	line-height:100%;
}	

.tp-parallax-wrap:nth-child(3){/*top:115px !important*/}
/* cards */
.card__front {
    height: 320px;
}

.card__back {
	height: 320px;
}

.conseil-formation {
    height: 320px;
}

.back-slide-text strong{
	font-size:90%;
}


#pgc-16-2-0, #pgc-16-6-0, #pgc-16-6-1 {
    margin-bottom: 0px !important;
}

#panel-16-3-0-0, #panel-16-3-1-0, #panel-16-4-0-0, #panel-16-4-1-0{ width:50%; float:left; display:inline;}	

#panel-16-6-0-0,#panel-16-6-1-0,#panel-16-6-2-0{width:33%; float:left; display:inline;}

/* newsletter formation
======================================*/
.newsletter-prev {
    font-size: 200%;
}

.mois {
    font-size: 150%;
}
	
/* Agence -->  equipe dirigante
=============================================================== */	
  #panel-7-4-0-0 , #panel-7-4-0-1,  #panel-7-4-1-0  , #panel-7-4-1-1, #panel-7-4-2-0 , #panel-7-4-2-1  , #panel-7-4-3-0  , #panel-7-4-3-1 ,  #panel-7-5-2-0  , #panel-7-5-3-0 { width:25%; display:inline; float:left;}
  
  #pgc-7-4-0, #pgc-7-4-1, #pgc-7-4-2, #pgc-7-5-0, #pgc-7-5-1, #pgc-7-5-2 {margin: 0px !important;}
  
  .panel-grid-cell {min-height: 0em !important;}
  


 /* Agence --> R�componses
 ============================================================ */
 #panel-7-2-0-0, #panel-7-2-1-0, #panel-7-2-2-0{ width:33.33%; display:inline; float:left;}
 .sens{
	 line-height:130%;
	 font-size:130%;
	 }
 
  #panel-7-7-0-0, #panel-7-7-1-0 , #panel-7-7-2-0, #panel-7-7-3-0, #panel-7-8-0-0, #panel-7-8-1-0, #panel-7-8-2-0, #panel-7-8-3-0 { width:25%; display:inline; float:left;}
  #pgc-7-7-0, #pgc-7-7-0, #pgc-7-7-2, #pgc-7-7-3, #pgc-7-8-0, #pgc-7-8-1, #pgc-7-8-2, #pgc-7-8-3 {margin-bottom: 0px !important}
  .details {height: 28em;}
  
/* entete Actu  
===================================================== */
.entete {
    margin-top: 0em;
    line-height: 1em;
}

.header-book {
    padding-top: 3.3%;
    padding-bottom: 3.3%;
}	

 #panel-9-5-0-0, #panel-9-5-0-1, #panel-9-5-0-2 , #panel-9-5-0-3, #panel-9-5-0-4 , #panel-9-5-0-5, #panel-9-5-0-6,
#panel-9-5-1-0, #panel-9-5-1-1, #panel-9-5-1-2 , #panel-9-5-1-3, #panel-9-5-1-4 , #panel-9-5-1-5, #panel-9-5-1-6,
#panel-9-5-2-0, #panel-9-5-2-1, #panel-9-5-2-2 , #panel-9-5-2-3, #panel-9-5-2-4 , #panel-9-5-2-5, #panel-9-5-2-6,
#panel-9-5-3-0, #panel-9-5-3-1, #panel-9-5-3-2 , #panel-9-5-3-3, #panel-9-5-3-4 , #panel-9-5-3-5, #panel-9-5-3-6,
#panel-9-5-4-0, #panel-9-5-4-1, #panel-9-5-4-2 , #panel-9-5-4-3, #panel-9-5-4-4 , #panel-9-5-4-5, #panel-9-5-4-6,
#panel-9-5-5-0, #panel-9-5-5-1, #panel-9-5-5-2 , #panel-9-5-5-3, #panel-9-5-5-4 , #panel-9-5-5-5, #panel-9-5-5-6,
#panel-9-5-6-0, #panel-9-5-6-1, #panel-9-5-6-2 , #panel-9-5-6-3, #panel-9-5-6-4 , #panel-9-5-6-5 , #panel-9-5-6-6{ 
	width:14.285%;
	float:left;
	display: inline;
 } 
  #pg-9-6{ padding-bottom: 4em;}

 
 .header {
	 height: 35em ;
	 padding-top: 100px;
 	 font-weight:bold;
 }
 

 .one-third .sidebar { display:none;}
 
 /* ETUDES
 ==============================================================*/
 #panel-1763-2-0-0,#panel-1763-3-0-0, #panel-1763-4-0-0, #panel-1763-5-0-0, #panel-1763-6-0-0, #panel-1763-7-0-0, #panel-1763-8-0-0, #panel-1763-9-0-0, #panel-1763-10-0-0, #panel-1763-11-0-0, #panel-1763-12-0-0 {
	 width:45%;
	 float:left;
	 display:inline;
 } 
 #panel-1763-2-0-0 .panel-widget-style,#panel-1763-3-0-0 .panel-widget-style, #panel-1763-4-0-0 .panel-widget-style, #panel-1763-5-0-0 .panel-widget-style, #panel-1763-6-0-0 .panel-widget-style, #panel-1763-7-0-0 .panel-widget-style, #panel-1763-8-0-0 .panel-widget-style, #panel-1763-9-0-0 .panel-widget-style, #panel-1763-10-0-0 .panel-widget-style, #panel-1763-11-0-0 .panel-widget-style, #panel-1763-12-0-0 .panel-widget-style{
	 width:100% !important;
 }

#panel-1763-2-1-0 , #panel-1763-3-1-0, #panel-1763-4-1-0, #panel-1763-5-1-0, #panel-1763-6-1-0, #panel-1763-7-1-0, #panel-1763-8-1-0, #panel-1763-9-1-0, #panel-1763-10-1-0, #panel-1763-11-1-0, #panel-1763-12-1-0{
	 width:55%;
	 float:left;
	 display:inline;
}
 
 #panel-1763-2-1-0 .panel-widget-style, #panel-1763-3-1-0 .panel-widget-style, #panel-1763-4-1-0 .panel-widget-style, #panel-1763-5-1-0 .panel-widget-style, #panel-1763-6-1-0 .panel-widget-style, #panel-1763-7-1-0 .panel-widget-style, #panel-1763-8-1-0 .panel-widget-style, #panel-1763-9-1-0 .panel-widget-style, #panel-1763-10-1-0 .panel-widget-style, #panel-1763-11-1-0 .panel-widget-style, #panel-1763-12-1-0 .panel-widget-style{
	 width:100% !important;
}
 
 
 .etude-description{ font-size:220%}
 .etudes-txt-bloc {font-size:220% !important}
 
 /* JOBS
 ==============================================================*/
 #pgc-1752-2-0, #pgc-1752-2-1, #pgc-1752-3-0, #pgc-1752-3-1 {
	float:left !important;
	width:50% !important;
	display:inline;
	}
	
.post-offre {
    font-size: 150% !important;
}
.jobs{font-size:120%;}
.consulter{
	font-size:120%;
	padding: 2.5% 0px;
} 	
 
/* Contact
================================================================*/

.black-box { width: 80%;}

a img.alignleft {
    width:14%;
}

#pg-13-0{ margin-top:-5em !important; }

}


/* max-width:640px
========================================================================== */
@media screen and (max-width: 640px) {
	
	/* Accueil 
============================================================== */

.current-menu-item {
    border-bottom: 0px solid #FFF !important;
    padding-bottom: 3px;
}
#blog , #blog-2 .container {
    overflow: hidden;
}
.topBar {
    min-height: 57px !important;
    overflow: hidden;
	position:absolute;
	top:0;
}

#menu-menu_principale .menu-item a { padding: 16px 0px 7px 5% !important;}
#responsive-menu .responsive-menu li a{line-height: 28px !important;}
#responsiveSearchInput{ display:none !important;}
#responsive-menu{ 
            width:100% !important;
            height:21.5em; 
            margin-top:4em;
			overflow:hidden !important;
			z-index:40 !important;		
 }
 
 #click-menu {
    width: 20%;
    height: 55px;
	right:0 !important;
	top:0 !important;
	position:fixed !important;
}

#click-menu .threeLines {
position:absolute;
top:40%;
left:40%;
}

.topBar.nzs-drop-menu .main-nav-logo {
    margin: 20px 0px 0px !important;
}

.main-nav-logo.has-logo-image {
	background-size:110px !important;
	background-position: left center !important;

}

.topBar{
	height:53px !important;
}

.uadg-strong , .useradgent { }
.uadg{
	
}

#panel-16-0-0-0 .tp-bgimg{
	background-size: contain;
}


/* case studies
================================ */
.rev-slider-title, #slide-34-layer-1, #slide-25-layer-1, #slide-28-layer-1, #slide-31-layer-1, #slide-37-layer-1, #slide-39-layer-1, #slide-44-layer-1, #slide-47-layer-1, #slide-50-layer-1, #slide-52-layer-1, #slide-54-layer-1, #slide-56-layer-1, #slide-58-layer-1, #slide-60-layer-1, #slide-62-layer-1, #slide-64-layer-1, #slide-69-layer-1, #slide-68-layer-4, #slide-71-layer-1, #slide-73-layer-1, #slide-75-layer-1{
	font-size: 390% !important;
	padding-right:64% !important;
    text-align: left;
    line-height: 20px !important;
    height: 100px !important;
	}
.col-sm-4 h1, .col-sm-4-1 h1 {font-size:300% !important}
#slide-68-layer-3{margin-top:-5em !important;}
#slide-69-layer-2, #slide-34-layer-3, #slide-68-layer-8{display:none !important;}
#panel-16-10-0-1 .tp-revslider-mainul .tp-revslider-slidesli  .tp-parallax-wrap:nth-child(2){top:25%  !important; }
#panel-16-11-0-1 .tp-revslider-mainul .tp-revslider-slidesli  .tp-parallax-wrap:nth-child(2){top:22%  !important; }
#panel-16-10-0-1 .tp-revslider-mainul .tp-revslider-slidesli .tp-parallax-wrap:last-child{top:50%  !important; }
#panel-16-11-0-1 .tp-revslider-mainul .tp-revslider-slidesli .tp-parallax-wrap:last-child{top:55%  !important; }
#panel-16-11-0-1 .tp-revslider-mainul .tp-revslider-slidesli .tp-parallax-wrap{margin-top:-3% !important}
#slide-73-layer-1{display: block !important;
visibility: visible !important;}
.engie-txt2 {display:none}

.hesperiden.tparrows{ background: transparent none repeat scroll 0% 0% !important;}
.hephaistos.tparrows:hover {background: transparent none repeat scroll 0% 0% !important;}
.tparrows{background: transparent none repeat scroll 0% 0% !important;}
.post-9 .tp-parallax-wrap{
	left: 35px;
    top: 30px;
}

.col-sm-4, .col-sm-4-1{margin-top:15%;}
.col-sm-4-1 h1{display:block; width:100%}
.col-sm-4 h1{ width:100%}

.col-sm-4 p, .col-sm-4-1 p{display:none}
.inscrire-josh, .decouvrir-josh{
	width: 63%;
font-size: 5px;
font-weight: bold;
padding: 8px 20px;
}
.inscrire-josh a, .decouvrir-josh a{
font-size: 170%;
line-height: 150%;
}
/* cards */
.card__front {
    height: 350px;
}

.card__back {
	height: 350px;
}

.conseil-formation {
    height: 350px;
	font-size: 220%;
}

.card__text ul{ font-size: 120%;}

.txt{font-size: 120% !important;}

.back-slide-text { font-size:80% !important;}

.data .card__text ul li {
    font-size: 100%;
    line-height: 100%;
}

.card__text h1 {
    margin-bottom: 1.746%;
}

#panel-16-6-0-0 .conseil-formation, #panel-16-6-1-0 .conseil-formation, #panel-16-6-2-0 .conseil-formation  {
   font-size:340% ;
}

#panel-16-6-0-0 .conseil-formation h1, #panel-16-6-1-0 .conseil-formation h1, #panel-16-6-2-0 .conseil-formation h1  {
   font-size:240% ;
}

#panel-16-6-0-0 .conseil-formation p, #panel-16-6-1-0 .conseil-formation p, #panel-16-6-2-0 .conseil-formation p  {
   font-size:120% ;
   line-height: 120%;
}

#panel-16-6-0-0 .back-slide li, #panel-16-6-1-0 .back-slide li, #panel-16-6-2-0 .back-slide li {
   font-size:95% ;
   line-height: 110%;
    padding: 1px 0px;
}



.commerce .card__text ul li {
    line-height: 120%;
}

.josh, .solution { font-size: 570% !important;}
.josh{	margin-bottom: 1em;}
.newslett, .joshfire{ 
    font-size: 200% !important;
	padding-left: 10% !important;
    padding-right: 10% !important;
	}
.btn-inscrire, .btn-decouvrir {
	font-size:200%;
	width:20%;
}	
.btn-inscrire a, .btn-decouvrir a {
    display:block;
}	
.back-slide-text strong{
	font-size: 200% !important;
    color: #FFF !important;
    line-height: 150% !important;
	 
	 }
.back-slide li {
	font-size: 150% ;
}

.middle{
	
	margin-top:0em;
	margin-right:3em;
}	 

.useradgent {
    
}

.uadg-strong {

}

#pgc-16-2-0, #pgc-16-6-0, #pgc-16-6-1 {
    margin-bottom: 0px !important;
}

.txt-middle1, .txt-middle2{
	padding-left:6.5% !important;
	padding-right:0 !important;
	font-size:110% !important;
	line-height:110% !important;
}




.card__back-agence:after {
    content: "-";
    color: #FFF;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 1em;
    text-align: center;
    font-size: 457%;
}

/*#panel-16-10-0-1 .tp-parallax-wrap{left:0 !important;}*/

/*#slide-69-layer-1, #slide-68-layer-4{ text-align:center;}*/

/* newsletter formation
======================================*/

.container-check{
	width:18%;
	}
.container-text{
	width:82%;
	}
	
	.newsletter-form input[type="checkbox"]{
		height: 50px !important;
        width: 25px !important;
	}

	.newsletter-prev {
    font-size: 200%;
}

.mois {
    font-size: 150%;
}

.container-label{
	width:30%;
	}
	
.container-input{
	width:70%;
	}
#panel-1643-2-1-0{display:none;}	
.newsletter-container{margin-bottom:5em;}
.newsletter-text{text-align:center}
#panel-1643-2-1-1 .panel-widget-style{display:none;}

/* Agence -->  R�componses
=============================================================== */	
  #panel-7-7-0-0, #panel-7-7-1-0 , #panel-7-7-2-0, #panel-7-7-3-0, #panel-7-8-0-0, #panel-7-8-1-0, #panel-7-8-2-0, #panel-7-8-3-0 { float:left; display:inline; width:50%}
  .sens{ 
  font-size:250%;
  line-height: 200%;
  }
  
  #pgc-7-7-0, #pgc-7-7-1, #pgc-7-7-2, #pgc-7-7-3,  #pgc-7-8-0, #pgc-7-8-1, #pgc-7-8-2 {margin: 0px !important;}
  
  #panel-7-0-0-0{padding-top: 0em!important}
  
  .panel-grid-cell {min-height: 0em !important;}
  
  #pg-7-2 .card__text-agence h1 {font-size: 500%;}
  


#pgc-7-5-0 {
    display: flex;
	flex-direction:wrap;
	flex-wrap:wrap;
}

#pgc-7-5-0 > *{  width: calc(50%);}

#panel-7-5-0-0, #panel-7-5-0-1{
	height: calc(100% - 2px) !important ;
	}

.wcp-caption-plugin .image-caption-box img {
	top:0px;
}

.sous-rejoindre {
    padding-top: 47.2%;
    padding-bottom: 47.2%;
}

.sous-collaborateurs {
    padding-top: 32%;
}

.wcp-caption-plugin .image-caption-box .slide-bottom-to-top {
    font-size: 270%;
    line-height: 150%;
}

.agence{ font-size: 300% !important; text-align:justify}

/*#panel-7-0-0-0 .panel-widget-style{    padding: 4em 6em !important;}*/

.agua {
    font-size: 520%;
    
    line-height: 300%;
	margin-top: 0.5em !important;
	margin-bottom: 0;
}

.equipe {
	margin-top:0.5em;
	font-size: 520%;
}

.photos {
    font-size: 200% !important;
}



/* Book
============================================================= */
#panel-9-6-5-1, #panel-9-6-5-2{margin-top:0 !important; }
.news1 {display: none;}
.news2 { font-size:300% !important;
        
        line-height: 138%;
}
 
.header-book1{
	padding-top: 5.3% !important;
padding-bottom: 5.3% !important;
height: 60em !important;
	}	
	
.header-book2{
	padding-top: 5.3% !important;
    padding-bottom: 5.3%!important;
    height: 50em !important;
	}

.clients{
	    font-size:170% !important;
		height:19em;
		margin-top: -5%;
		 }
		 
		 

.clients .entete{ 
        line-height: 1.5em !important;
width: 72%;
margin-left: 15%;
margin-right: 15%;
padding: 2em;
		}		 
	
/*#panel-7-0-0-0 .panel-widget-style{    padding: 4em 6em !important;}*/

.header-book div {width: 80% !important;}	

.startup{
	font-size: 250%;
    line-height: 130%;
	}

/* Agence --> R�componses
 ============================================================ */
#panel-7-4-0-0 , #panel-7-4-0-1,  #panel-7-4-0-2  , #panel-7-4-0-3, #panel-7-5-0-0 , #panel-7-5-0-1 , #panel-7-5-0-2  , #panel-7-5-0-3   { width:50%; display:inline; float:left;}
.details {  
          height:30em;
          font-size: 200%;
          line-height: 150%;
          padding-top:30%;
          padding-bottom:30%;		  
}

#overlay .dirigant {font-size:400% !important;}


/* Actu 
============================================================== */
.single-post .container{/*width:260px*/}
.entete {
   font-size: 520%;

line-height: 300%;
margin-top: 0.5em !important;
margin-bottom: 0px;
}

.header{padding-bottom: 20.3%;}


.header-book {
    padding-top: 15.3%;
    padding-bottom: 15.3%;
	    height: 40em;
}	


.custom-header-option .header { padding:20% 0;}
.custom-header-option .header div { 
width:80%;
}
.custom-header-option .header div h1{
 font-size: 520%;

line-height: 150%;
margin-top: 0.5em !important;
margin-bottom: 7%;
}
.blog .header{
	height: 64em !important;
padding-top: 25.3%;
padding-bottom: 5.3%;
}

.custom-header-option .header div p {
 font-size:250% !important;
 } 
 .post .meta .date {font-size: 200% !important;}

#blog-2 .container{
max-width: 700px;
margin: 70px auto 0px !important;
padding-left: 10%;
padding-right: 10%;
}

#blog-2 .container p{
	width: 100% !important;
    padding-left: 0%;
    padding-right: 15%;
	}
	
#blog-2 .container h4{
	width: 80% !important;
	text-transform:unset;
	}
.post .meta ul{ width:80%}	
 

#panel-9-5-0-0, #panel-9-5-0-1, #panel-9-5-0-2 , #panel-9-5-0-3, #panel-9-5-0-4 , #panel-9-5-0-5, #panel-9-5-0-6,
#panel-9-5-1-0, #panel-9-5-1-1, #panel-9-5-1-2 , #panel-9-5-1-3, #panel-9-5-1-4 , #panel-9-5-1-5, #panel-9-5-1-6,
#panel-9-5-2-0, #panel-9-5-2-1, #panel-9-5-2-2 , #panel-9-5-2-3, #panel-9-5-2-4 , #panel-9-5-2-5, #panel-9-5-2-6,
#panel-9-6-0-0, #panel-9-6-0-1, #panel-9-6-0-2, #panel-9-6-0-3, #panel-9-6-0-4, #panel-9-6-0-5, #panel-9-6-0-6,
#panel-9-6-1-0, #panel-9-6-1-1, #panel-9-6-1-2, #panel-9-6-1-3, #panel-9-6-1-4, #panel-9-6-1-5, #panel-9-6-1-6,  
#panel-9-6-2-0, #panel-9-6-2-1, #panel-9-6-2-2, #panel-9-6-2-3, #panel-9-6-2-4, #panel-9-6-2-5, #panel-9-6-2-6,
#panel-9-6-3-0, #panel-9-6-3-1, #panel-9-6-3-2, #panel-9-6-3-3, #panel-9-6-3-4, #panel-9-6-3-5, #panel-9-6-3-6,
#panel-9-6-4-0, #panel-9-6-4-1, #panel-9-6-4-2, #panel-9-6-4-3, #panel-9-6-4-4, #panel-9-6-4-5, #panel-9-6-4-6,
#panel-9-6-5-0, #panel-9-6-5-1, #panel-9-6-5-2, #panel-9-6-5-3, #panel-9-6-5-4, #panel-9-6-5-5, #panel-9-6-5-6,
#panel-9-6-6-0, #panel-9-6-6-1, #panel-9-6-6-2, #panel-9-6-6-3, #panel-9-6-6-4, #panel-9-6-6-5, #panel-9-6-6-6      
 {
    width: 33%;
    float: left;
    display: inline;
    margin-top: 6em;
}
 
 
 #pg-9-6 {
    padding-bottom: 10em;
    padding-left: 2em;
    padding-right: 0em;
    padding-top: 2em;
}
 
 .main-btn {font-size: 300% !important;}
 
 .one-third .sidebar { display:none;}
 
 #blog .two-thirds, #blog .one-third {
    margin-top: 5em;
}

#blog-2 .two-thirds{
     font-size: 125%;
	  padding-left: 3%;
	 padding-right: 10%;
}

 #blog .two-thirds{
	 margin-top: 10em;
     padding-left: 5%;
     font-size: 120%;
	 padding-right: 4%;
	 width:100%
 }
 
 .page-nav{ font-size:250%;}
 
.ajaxed .single ul {font-size:230%;}
.twitter-tweet{font-size:100% !important}

/*JOBS
==============================================================*/
.offre-left{ 
	width: 100%;
    text-align: center;
    float: right;
    padding: 3em 0;

	}
.offre-right{
	width: 100%;
    text-align: center;
    float: left;
    padding: 3em 0;
}	

.offre-container-left {
    padding-right: 15%;
    margin-bottom: 5%;
    padding-left: 15%;
}

.offre-container-right {
    padding-right: 15%;
    margin-bottom: 5%;
    padding-left: 15%;
}
.jobs{ font-size:280%;}
#panel-1752-1-0-0 .panel-widget-style{width: 65% !important;}
.je-postule, .consulter{
	font-size: 200%;
	width:55% !important;
	padding: 2.7% 0px !important;
}
.post-offre {font-size:340%}
.join-ua{font-size:300% !important;}
.uafamily {width: 80%;}
.uafamily h1{
	font-size: 520%;

line-height: 300%;
margin-top: 0.5em !important;
margin-bottom: 0px;
}
.consulter-container-b1{ margin-top:-45% !important;}
.consulter-container-b2{ margin-top:-45% !important;}
.consulter {margin: 27% auto 0px !important;}
.last-marg-mobile{margin-bottom:10em;}

/* ETUDES
 ==============================================================*/
 #panel-1763-2-0-0,#panel-1763-3-0-0, #panel-1763-4-0-0, #panel-1763-5-0-0 , #panel-1763-6-0-0, #panel-1763-7-0-0, #panel-1763-8-0-0, #panel-1763-9-0-0, #panel-1763-10-0-0, #panel-1763-11-0-0, #panel-1763-12-0-0{
	 width:75%;
	 margin:0 auto;
 } 
 #panel-1763-2-0-0 .panel-widget-style,#panel-1763-3-0-0 .panel-widget-style, #panel-1763-4-0-0 .panel-widget-style, #panel-1763-5-0-0 .panel-widget-style, #panel-1763-6-0-0 .panel-widget-style, #panel-1763-7-0-0 .panel-widget-style, #panel-1763-8-0-0 .panel-widget-style, #panel-1763-9-0-0 .panel-widget-style, #panel-1763-10-0-0 .panel-widget-style, #panel-1763-11-0-0 .panel-widget-style, #panel-1763-12-0-0 .panel-widget-style{
	 width:100% !important;
 }

#panel-1763-2-1-0 , #panel-1763-3-1-0, #panel-1763-4-1-0, #panel-1763-5-1-0, #panel-1763-6-1-0, #panel-1763-7-1-0, #panel-1763-8-1-0, #panel-1763-9-1-0, #panel-1763-10-1-0, #panel-1763-11-1-0, #panel-1763-12-1-0{
	 width:75%;
	 margin:0 auto;
	 margin-bottom: 7em !important;
}
 
 #panel-1763-2-1-0 .panel-widget-style, #panel-1763-3-1-0 .panel-widget-style, #panel-1763-4-1-0 .panel-widget-style, #panel-1763-5-1-0 .panel-widget-style, #panel-1763-6-1-0 .panel-widget-style, #panel-1763-7-1-0 .panel-widget-style, #panel-1763-8-1-0 .panel-widget-style, #panel-1763-9-1-0 .panel-widget-style, #panel-1763-10-1-0 .panel-widget-style, #panel-1763-11-1-0 .panel-widget-style, #panel-1763-12-1-0 .panel-widget-style{
	 width:100% !important;
	 margin-top:0 !important;
	 height:43em !important;
}

.etude-description{ font-size:290%}
.etudes-txt-bloc {
	font-size:290% !important;
    line-height:130%;
	}
.etudes-marg{  margin-top:2em !important;	}
.etude-container h1 {font-size: 300%;}
.etudes-txt{font-size:300% !important; text-align:justify}
.etudes-titre{
margin-bottom: 7%;
line-height: 150% !important;
	}
.contact-etude-btn, .lire-etude-btn, .lire-en-anglais {font-size:220%; line-height:150%}	
 .contact-etude-btn {width:35% !important;}
 .lire-en-anglais{width:40% !important;}
 .etudes{
	 width:100%;
margin:0 auto;
 }
.etudes-width{ 
width:80% !important;
padding-top: 5.3%;
padding-bottom: 5.3%;
}
 
 .lire-etude-btn {width:33% !important}
/* Contact
============================================================== */
#pgc-13-0-0 {
    padding-left: 7em !important;
    padding-right: 10em !important;
	font-size: 180%;
	width:100% !important;
}

#pgc-13-0-1 {
    padding-left: 6.4em !important;
    font-size: 200%;
    float: left !important;
    padding-right: 10em !important;
    margin: 0px;
    width: 100% !important;
}

.formulaire {
	margin-top:2em;
}

button.color-btn{
    float: right !important;
	font-size: 300% !important;
    width: 45%;
}

.black-box{ 
	width:100%;
padding: 30px 15px 90px;	
	}
	
a img.alignleft {
    width:12%;
}



#panel-13-0-0-0 .panel-widget-style{ padding:5em 0em !important}
#panel-13-0-1-0 .panel-widget-style{ padding:0em !important}

ul.contact-info li { padding:0 !important;}
.contact-info li a { color: #ffffff !important; text-decoration: underline !important;}



a img.alignleft {
    margin: 5px 10px 10px 0px !important;
}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
	
}
ul.contact-info li{
	font-size:200% !important;
	line-height:130% !important;
	}
.itenraire {margin-bottom: 0.2em !important;}
ul.contact-info li.email {margin-bottom:2px !important}
.coordonnees {font-size:250% !important}
.formulaire {font-size:225% !important}


/*footer
============================================================== */
.conseil{display:none }
footer > div aside {
    position: relative !important;
    text-align: left !important;
    width: 100% !important;
}

footer > div aside li a {
    width: 13.4em !important;
    height: 8.4em !important;
}

footer > div .image-logo-black {
    width: 40% !important;
    height: 12.5em !important;
}

footer > div .tagline {
    font-size: 4.6em !important;
}

/*pointe 
====================================================*/
#panel-16-2-0-0::after {
    content: "";
    border-left: 3em solid transparent;
    border-right: 3em solid transparent;
    border-top: 3.5em solid #F6F3EC;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 1;
}

    #panel-16-5-0-0::after {
    content: "";
    border-left: 3em solid transparent;
    border-right: 3em solid transparent;
    border-top: 3.5em solid #F6F3EC;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 1;
} 

#panel-16-7-0-0::after {
    content: "";
    border-left: 3em solid transparent;
    border-right: 3em solid transparent;
    border-top: 3.5em solid #F6F3EC;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 1;
} 

#pgc-1763-0-0::after {
    content: "";
    border-left: 3em solid transparent;
    border-right: 3em solid transparent;
    border-top: 3.5em solid #43C19E;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 1;
}

#panel-1752-0-0-0::after{
	content: "";
    border-left: 3em solid transparent;
    border-right: 3em solid transparent;
    border-top: 3.5em solid #27AFB9;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 1;
}
.joshf::after {
    content: "";
    border-left: 3em solid transparent;
    border-right: 3em solid transparent;
    border-top: 3.5em solid #F6F3EC;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 1;
}

.newsletter::after {
    content: "";
    border-left: 3em solid transparent;
    border-right: 3em solid transparent;
    border-top: 3.5em solid #F6F3EC;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 1;
}

#panel-7-0-0-0::after {
    content: "";
    border-left: 3em solid transparent;
    border-right: 3em solid transparent;
    border-top: 3.5em solid #EB9141;
    position: absolute;
    bottom: auto;
    left: 48%;
    margin-left: -1em;
    z-index: 30;
}

#panel-7-3-0-0::after {
    content: "";
    border-left: 3em solid transparent;
    border-right: 3em solid transparent;
    border-top: 3.5em solid #FFF;
    position: absolute;
    bottom: auto;
    left: 48%;
    margin-left: -1em;
    z-index: 300;
}

#panel-7-6-0-0::after {
    content: "";
    border-left: 3em solid transparent;
    border-right: 3em solid transparent;
    border-top: 3.5em solid #F6F3EC;
    position: absolute;
    bottom: auto;
    left: 48%;
    margin-left: -1em;
    z-index: 30;
}

#panel-9-0-0-0::after {
    content: "";
    border-left: 3em solid transparent;
    border-right: 3em solid transparent;
    border-top: 3.5em solid #F2C55A;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 30;
}

#panel-9-4-0-0::after {
    content: "";
    border-left: 3em solid transparent;
    border-right: 3em solid transparent;
    border-top: 3.5em solid #F6F3EC;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 30;
}

.custom-header-option::after {
    content: "";
    border-left: 3em solid transparent;
    border-right: 3em solid transparent;
    border-top: 3.5em solid #472B3D;
    position: absolute;
    bottom: auto;
    left: 50%;
    margin-left: -1em;
    z-index: 30;
}

}

@media screen and (min-width: 1071px) and (max-width: 1120px)
{
	
.tp-parallax-wrap:nth-child(2) {top: 60px}
.tp-parallax-wrap {margin-top: -2% !important;}

}

@media screen and (min-width: 1220px) and (max-width: 1280px){
/*#pgc-16-10-0 .tp-revslider-mainul .tp-revslider-slidesli .tp-parallax-wrap:last-child{margin-top:-0%  !important;bottom:25%; top:unset !important }
#pgc-16-11-0 .tp-revslider-mainul .tp-revslider-slidesli .tp-parallax-wrap:last-child{margin-top:-4% !important;top:unset  !important; bottom:55% }*/
}

@media screen and (min-width: 500px) and (max-width: 640px) {
	.card__front {
    height: 550px ;
}

.card__back {
	height: 550px ;
}

.conseil-formation {
    height: 550px ;
}
	
.card__text{
	width:65%;
}	
	
	.single-post .container {
    /*width: 440px;*/
}
.rev-slider-title, #slide-34-layer-1, #slide-25-layer-1, #slide-28-layer-1, #slide-31-layer-1, #slide-37-layer-1, #slide-39-layer-1, #slide-44-layer-1, #slide-47-layer-1, #slide-50-layer-1, #slide-52-layer-1, #slide-54-layer-1, #slide-56-layer-1, #slide-58-layer-1, #slide-60-layer-1, #slide-62-layer-1, #slide-64-layer-1, #slide-69-layer-1, #slide-68-layer-4, #slide-71-layer-1, #slide-73-layer-1, #slide-75-layer-1{padding-right:40% !important}
}

@media screen and (min-width: 400px) and (max-width: 499px) {
	.card__front {
    height: 450px ;
}

.card__back {
	height: 450px ;
}

.conseil-formation {
    height: 450px ;
}
	
.card__text{
	width:60%;
}	

.single-post .container {
    /*width: 300px;*/
}
.rev-slider-title, #slide-34-layer-1, #slide-25-layer-1, #slide-28-layer-1, #slide-31-layer-1, #slide-37-layer-1, #slide-39-layer-1, #slide-44-layer-1, #slide-47-layer-1, #slide-50-layer-1, #slide-52-layer-1, #slide-54-layer-1, #slide-56-layer-1, #slide-58-layer-1, #slide-60-layer-1, #slide-62-layer-1, #slide-64-layer-1, #slide-69-layer-1, #slide-68-layer-4, #slide-71-layer-1, #slide-73-layer-1, #slide-75-layer-1{padding-right:64% !important}
	
}

@media screen and (max-width: 360px){
	.col-sm-4-1 {
    margin-top: 7% !important;}
	.entete {
    font-size: 500%;}
}
	



@media screen and (min-width: 769px) and (max-width: 780px)
{
	#pgc-16-2-0, #pgc-16-6-0, #pgc-16-6-1 {
    margin-bottom: 0px !important;
}




#pgc-16-3-0, #pgc-16-3-1, #pgc-16-4-0, #pgc-16-4-1{ width:50% !important; float:left !important; display:inline;}	

#pgc-16-6-0,#pgc-16-6-1,#pgc-16-6-2{width:33.33% !important; float:left !important; display:inline;}

/* ETUDES
 ==============================================================*/
 #panel-1763-2-0-0,#panel-1763-3-0-0, #panel-1763-4-0-0, #panel-1763-5-0-0,  #panel-1763-6-0-0, #panel-1763-7-0-0, #panel-1763-8-0-0, #panel-1763-9-0-0, #panel-1763-10-0-0, #panel-1763-11-0-0, #panel-1763-12-0-0{
	 width:45%;
	 float:left;
	 display:inline;
 } 
 #panel-1763-2-0-0 .panel-widget-style,#panel-1763-3-0-0 .panel-widget-style, #panel-1763-4-0-0 .panel-widget-style, #panel-1763-5-0-0 .panel-widget-style, #panel-1763-6-0-0 .panel-widget-style, #panel-1763-7-0-0 .panel-widget-style, #panel-1763-8-0-0 .panel-widget-style, #panel-1763-9-0-0 .panel-widget-style, #panel-1763-10-0-0 .panel-widget-style, #panel-1763-11-0-0 .panel-widget-style, #panel-1763-12-0-0 .panel-widget-style{
	 width:90% !important;
 }

#panel-1763-2-1-0 , #panel-1763-3-1-0, #panel-1763-4-1-0, #panel-1763-5-1-0, #panel-1763-6-1-0 , #panel-1763-7-1-0, #panel-1763-8-1-0, #panel-1763-9-1-0, #panel-1763-10-1-0, #panel-1763-11-1-0, #panel-1763-12-1-0{
	 width:55%;
	 float:left;
	 display:inline;
}
 
 #panel-1763-2-1-0 .panel-widget-style, #panel-1763-3-1-0 .panel-widget-style, #panel-1763-4-1-0 .panel-widget-style, #panel-1763-5-1-0 .panel-widget-style, #panel-1763-6-1-0 .panel-widget-style, #panel-1763-7-1-0 .panel-widget-style, #panel-1763-8-1-0 .panel-widget-style, #panel-1763-9-1-0 .panel-widget-style, #panel-1763-10-1-0 .panel-widget-style, #panel-1763-11-1-0 .panel-widget-style, #panel-1763-12-1-0 .panel-widget-style{
	 width:90% !important;
}

/*Jobs
=======================================*/
#pgc-1752-2-0, #pgc-1752-2-1, #pgc-1752-3-0, #pgc-1752-3-1 {
	float:left !important;
	width:50% !important;
	display:inline;
	}
}