/*
Theme Name: NineZeroSeven
Theme URI: http://www.webcreations907.com
Author: webcreations907
Author URI: http://themeforest.net/user/webcreations907
Description: One Page Parallax Theme ~ If you need support please use the <a href="http://support.webcreations907.com/">Theme's Support Forum</a>
Version: 3.1.16
License: GNU General Public License
License URI: license.txt
Tags: black,white,orange,custom-background,custom-colors,featured-images,full-width-template,theme-options,translation-ready,left-sidebar,right-sidebar
*/

/************************************************************************
* WARNING: If you add override styles here it will get overwritten 
* when you update the theme to newer versions. 
*
* You should use the Custom CSS field in the Theme Options panel, or 
* use a child theme which you'll find a starter child theme in the 
* download pack.
************************************************************************/
/* FONTS */

@font-face {
	font-family: 'Gotham-Book';
	src: url('fonts/GothamSSm-Book.eot');
	src: url('fonts/GothamSSm-Book.eot?#iefix') format('embedded-opentype'), url('fonts/GothamSSm-Book.svg') format('svg'), url('fonts/GothamSSm-Book.woff') format('woff'), url('fonts/GothamSSm-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Bold';
	src: url('fonts/GothamSSm-Bold.eot');
	src: url('fonts/GothamSSm-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/GothamSSm-Bold.svg') format('svg'), url('fonts/GothamSSm-Bold.woff') format('woff'), url('fonts/GothamSSm-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Light';
	src: url('fonts/GothamSSm-Light.eot');
	src: url('fonts/GothamSSm-Light.eot?#iefix') format('embedded-opentype'), url('fonts/GothamSSm-Light.svg') format('svg'), url('fonts/GothamSSm-Light.woff') format('woff'), url('fonts/GothamSSm-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Miller';
	src: url('fonts/MillerDisplay-Roman.eot');
	src: url('fonts/MillerDisplay-Roman.eot?#iefix') format('embedded-opentype'), url('fonts/MillerDisplay-Roman.svg') format('svg'), url('fonts/MillerDisplay-Roman.woff') format('woff'), url('fonts/MillerDisplay-Roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Miller-Italic';
	src: url('fonts/MillerDisplay-Italic.eot');
	src: url('fonts/MillerDisplay-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/MillerDisplay-Italic.svg') format('svg'), url('fonts/MillerDisplay-Italic.woff') format('woff'), url('fonts/MillerDisplay-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body {
	color: #222222;
}
strong {
	font-family: "Gotham-Bold";
}
h1,h2,h3,h4,h5 {
	font-family: "Gotham-Bold";
	color: #222222;
}
a, input[type=submit] {
	cursor: pointer;
}
input[type=submit], input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], button, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
/* A L'ARRACHE CACHER STAYTUNED ET JOSHFIRE */
#pg-2503-7 {
	display: none;
}
#pg-2503-8 {
	display: none;
}
#pg-2503-9 {
	display: none;
}
#pg-2503-10 {
	display: none;
}
@media screen and (min-width: 600px){
	#pg-2503-7 {
		display: block;
	}
	#pg-2503-8 {
		display: block;
	}
	#pg-2503-9 {
		display: block;
	}
	#pg-2503-10 {
		display: block;
	}
}
/* NAV */
.menu-item {
	text-transform: uppercase;
}
nav.mainMenu {
	margin-top: 30px;
}
.menu {
	font-size: 9px;
}
.topBar .container {
	width: 95%;
	margin: 0 auto;
}
.page-nav {
	font-size: 12px;
}
.page-nav .alignright {
	margin-left: 0;
}
.page-nav .alignleft {
	margin-right: 0;
}
.page-nav a {
	padding: 10px;
	background-color: #EFEFEF;
	text-transform: uppercase;
	color: #222222;
	-moz-transition-property: background-color, color;
	-o-transition-property: background-color, color;
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.page-nav a:hover {
	background-color: #333333;
	color: #ffffff;
}

@media screen and (min-width: 730px){
	.menu {
		font-size: 12px;
	}
}
@media screen and (min-width: 1024px){
	.menu {
		font-size: 14px;
	}
}

/* ACCUEIL */
.uadg-agence{
	padding: 50px 60px;
}
.uadg-agence p {
	font-size: 14px !important;
}

a.btn-m {
	display: inline-block;
	padding: 10px 15px;
	text-align: center;
	font-size: 12px;
	border:none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.btn-m {
	display: inline-block;
	padding: 10px 15px;
	text-align: center;
	font-family: "Gotham-Bold";
	font-size: 12px;
	border:none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.btn-gris-m {
	background-color: rgba(0,0,0,0.8);
	color: #ffffff;
}
.btn-blanc-m {
	background-color: rgba(255,255,255,0.8);
	color: #000000;
}


.container-book-details {
	padding: 0 0 30px 0;
}

.btnprojet {
	display: inline-block;
	padding-left: 20px;
}
.btnprojet a.btn-m:hover {
	display: inline-block;
	padding: 10px 15px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	border:none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/* BOOKPAGES */
.img-bookpage img {
	display: block;
	width: 100%;
}
.encart-bookpage-triangle {
	position: absolute;
	left: 50%;
	top: 0px;
	z-index: 2;
	display: inline-block;
    content: "";
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    text-align: center;
    height: 15px;
    margin-left: -15px;
    z-index: 30;
}
.content-bookpage {
	padding: 30px 0 0 0;
}
.content-bookpage-left {
	width: 100%;
	float: left;
}
.content-bookpage-left img {
	width: 100%;
}
.content-bookpage-right {
	width: 100%;
	float: left;
	padding: 20px 0;
}



/* ETUDEPAGES */
.img-etudepage img {
	display: block;
	width: 100%;
}
.encart-etudepage-triangle {
	position: absolute;
	left: 50%;
	top: 0px;
	z-index: 2;
	display: inline-block;
    content: "";
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    text-align: center;
    height: 15px;
    margin-left: -15px;
    z-index: 30;
}
.content-etudepage {
	padding: 30px 0 0 0;
}
.content-etudepage-left {
	width: 100%;
	float: left;
}
.content-etudepage-left img {
	width: 100%;
}
.content-etudepage-right {
	width: 100%;
	float: left;
	padding: 20px 0;
}

@media screen and (min-width: 600px){
	.content-etudepage {
		padding: 30px 20px 15px 0px;
	}
	.content-etudepage-left {
		width: 40%;
		float: left;
	}
	.content-etudepage-right {
		width: 60%;
		float: left;
		padding: 10px 20px 10px 40px;
	}
}

.form-etude {
	background-color: #eeeeee;
	width: 100%;
	padding-bottom: 20px;
	padding: 30px 20px 50px 20px;
	text-align: center;
}
.form-etude h2 {
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	border-bottom: 5px solid #43C19E;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
.form-etude p {
	font-size: 14px;
	line-height: 18px;
}
.form-etude .label {
	font-size: 13px;
	display: block;
	padding-top: 10px;
	text-align: left;
}
.form-etude input {
	font-size: 13px;
	color: #000;
	line-height: normal;
}
.form-etude input[type="submit"] {
	padding: 5px 20px;
	outline: none;
}
.form-etude .msg {
	width: 100%;
	display: block;
	text-align: right;
	font-size: 11px;
	
}
.form-etude-bg {
	background-color: #ffffff;
	padding: 20px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 1px dashed #666666;
}

@media screen and (min-width: 640px){
	.form-etude {
		padding: 30px 140px 50px 140px;
	}
	.form-etude-bg {
		padding: 50px;
	}
}
@media screen and (min-width: 1024px){
	.form-etude {
		padding: 30px 250px 50px 250px;
	}
}

.content-etudepage-left .btn-seeprojet {
	text-align: center;
	padding-bottom: 30px;
	margin-top: -40px;
}
.btn-seeprojet {
	text-align: center;
	padding-bottom: 20px;
}
.btn-seeprojet .btn-m {
	color: #ffffff;
	background-color: #000000;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	font-size: 16px;
	padding:12px;
}
.btn-seeprojet .btn-m span {
	display: block;
	background-color: #000000;
	padding:17px 22px;
	border: 3px solid #ffffff;
}

.btn-seeprojet .icones {
	padding-top: 5px;
}
.btn-seeprojet img {
	text-align: center;
	width: 25px;
	padding: 0 3px;
}
.btn-seeprojet a {
	text-decoration: none !important;
}

.btn-seeprojetbook {
	padding-top: 20px;
	padding-bottom: 20px;
}
.btn-seeprojetbook .btn-m {
	color: #ffffff;
	background-color: #000000;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	font-size: 16px;
	padding:8px 14px 10px 14px;
	margin-right: 5px;
}

.btn-seeprojetbook .icones {
	padding-top: 5px;
}
.btn-seeprojetbook img {
	text-align: center;
	width: 30px;
	padding: 0 3px;
}

/* ACTU */
.alaune img {
	display: block;
	width: 100%;
}

.bg-img-etude {
	position: relative;
}
.bg-img-etude .cadre {
	position: absolute;
	border: 12px solid rgb(255, 255, 255);
	border: 12px solid rgba(255, 255, 255, 0);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	-webkit-transition-property: background-color;
	transition-property: background-color;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.bg-img-etude .cadre:hover {
	background-color: rgba(255,255,255,1);
}
.bg-img-etude .cadre .table,.bg-img-book .cadre .table {
	display: table;
	height: 100%;
	width: 100%;
}
.bg-img-etude .cadre .cell,.bg-img-book .cadre .cell {
	display: table-cell;
	vertical-align: middle;
}
.bg-img-book .cadre .contenu {
	margin-top: -80px;
	-moz-transition-property: margin-top;
	-o-transition-property: margin-top;
	-webkit-transition-property: margin-top;
	transition-property: margin-top;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s; 
}
.bg-img-book .actif .contenu {
	margin-top: 0px;
	-moz-transition-property: margin-top;
	-o-transition-property: margin-top;
	-webkit-transition-property: margin-top;
	transition-property: margin-top;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.bg-img-etude .titre,.bg-img-book .titre {
	display: block;
	padding: 0 5px;
	color: #222222;
	font-family: "Gotham-Bold";
	font-size: 18px;
	line-height: 24px
}
.bg-img-etude .trait,.bg-img-book .trait {
	display: inline-block;
	width: 25%;
	height: 4px;
	background-color: #43C19E;
	margin: 6px 0;
}
.bg-img-etude .sstitre,.bg-img-book .sstitre {
	display: block;
	padding: 0 5px;
	color: #222222;
	font-size: 16px;
	line-height: 20px;
}
.bg-img-book .cadre {
	position: absolute;
	border: 12px solid rgb(255, 255, 255);
	border: 12px solid rgba(255, 255, 255, 0);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(255,255,255,0.8);
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.bg-img-book .actif {
	opacity: 1;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.bg-img-actu {
	-moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.item-actu-padding {
	padding: 15px;
}
.grid-item:hover .item-actu-content {
	background-color: rgba(255,255,255,1);
}
.item-actu-table {
	display: table;
	vertical-align: middle;
	height: 350px;
}

.item-actu-content {
	display: table-cell;
	vertical-align: middle;
	background-color: rgba(255,255,255,0.8);
	padding: 0px 20px;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	-webkit-transition-property: background-color;
	transition-property: background-color;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.item-actu-content .titre {
	display: block;
	font-size: 18px;
	font-family: "Gotham-Bold";
	line-height: 24px;
	padding-bottom: 15px;
	color: #3223AD;
}
.item-actu-content .trait {
	display: inline-block;
	width: 100px;
	height: 4px;
	background-color: #55F4C9;
	margin-bottom: 15px;
}
.item-actu-content .accroche {
	font-size: 14px;
	text-align: justify;
	line-height: 20px;
	padding: 0px 5px;
	margin-bottom: 10px;
	color: #222222;
}

.article-actu {
	padding: 0px 0px 30px 0px;
}
.article-actu h2 {
	font-size: 22px;
	line-height: 26px;
}
.article-actu .date {
	font-size: 16px;
	color: #333333;
	padding-bottom: 5px;
}
.article-actu-content {
	padding-top: 30px;
	font-size: 15px;
	line-height: 20px;
}
.article-actu-content a {
	color: #222222;
	
	text-decoration: underline;
}


/* JOBS */
.container-job-details {
	padding: 0 0 30px 0;
}
.container-job-details a {
	color: #222222;
	
}
.imgbg-jobpage {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #ffffff;
	padding: 30px;
}
.imgbg-jobpage p {
	line-height: 18px;
	margin-bottom: 0;
	padding-left: 15px;
	border-left: 5px solid #ffffff;
}
.job-content {
	padding: 20px 10px;
	font-size: 14px;
	line-height: 18px;
}
.job-content-left {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}
.job-content-right {
	float: left;
	width: 100%;
}
.job-content h2 {
	padding-bottom: 5px;
	font-size: 18px;
}
.job-content .trait {
	display: block;
	height: 5px;
	width: 50px;
	margin-left: 20px;
	opacity: 0;
	-moz-transition-property: margin-left, opacity;
	-o-transition-property: margin-left, opacity;
	-webkit-transition-property: margin-left, opacity;
	transition-property: margin-left, opacity;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

@media screen and (min-width: 600px){
	.job-content {
		padding: 20px 30px;
	}
	.job-content-left {
		float: left;
		width: 50%;
		padding-right: 15px;
	}
	.job-content-right {
		float: left;
		width: 50%;
		padding-left: 15px;
	}
}
.job-content .text {
	padding-top: 15px;
}
.job-content .text a {
	color: #ffffff;
}
.job-content .text ul {
	padding: 0px 0px 10px 17px;
	list-style-type: disc;
}


.job-encart {
	background-color: #000000;
	position: relative;
	text-align: center;
	color: #ffffff;
	padding: 10px 15px;
}
.job-encart p {
	margin-bottom: 5px;
	line-height: 20px;
}
.job-encart a {
	color: #ffffff;
}
.job-encart .triangle-default {
	border-width: 22px 22px 0 22px;
	margin-left: -22px;
}

.triangle-default {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 0 15px;
	border-color: #ffffff transparent transparent transparent;
}

.logo-slider {
	padding: 10px 10px 40px 10px;
}
.tp-fullwidth-forcer {
	display: none;
}
@media screen and (min-width: 768px){
	.tp-fullwidth-forcer {
		display: block;
	}
}
/* PAGE LISTE */
.pagelist {
	font-family: "Gotham-Book";
	font-size: 14px;
}
.headermarge {
	height: 57px;
}
.headerfull,.fullpage {
	width: 100%;
}
.centerpage,.middlepage {
	width: 100%;
}
.contentlist {
	width: 100%;
	padding: 0px 10px 20px 10px;
}
.contentlist img {
    width: 100%;
    height: auto;
}
.contentlist .sib_loader img {
	width: 20px;
}
.contentlist .btm-link {
	text-align: center;
}


@media screen and (min-width: 1200px){
	.contentlist,.centerpage,.middlepage {
		width: 1180px;
		margin: 0 auto;
	}
}

.grid {
	text-align: center;
	padding-bottom: 30px;
}
.grid-sizer,
.grid-item { position: relative; width: 100%; padding: 1px; }

.grid-item .item img {
	width: 100%;
}

.grid1 .gutter-sizer { width: 0; }
.grid1 .grid-item { margin-bottom: 10px; }

@media screen and (min-width: 600px){
	.grid1 .grid-sizer,
	.grid1 .grid-item { width: 49.2%; padding: 0 2px 0 1px; margin-bottom: 12px; }
	.grid1 .gutter-sizer { width: 1.3%; }
	.bg-img-etude .cadre {
		border-width: 15px;
	}
	.bg-img-etude .titre {
		font-size: 20px;
	}
	.bg-img-etude .sstitre {
		font-size: 16px;
	}
}

@media screen and (min-width: 1024px){
	.grid1 .grid-sizer,
	.grid1 .grid-item { width: 32.666666667%; padding: 0 2px 0 0; margin-bottom: 12px; }
	.grid1 .gutter-sizer { width: 1%; }
	.bg-img-etude .trait {
		margin: 14px 0;
	}
}

/* PAGE DETAIL */
.pagedetail {
	font-family: "Gotham-Light";
	font-size: 14px;
}

.contentdetail {
	width: 100%;
	padding: 0px 10px;
}
.contentdetail img {
    max-width: 100%;
    height: auto;
}
.contentdetail a {
	color: #222222;
	text-decoration: underline;
}

@media screen and (min-width: 1200px){
	.contentdetail {
		width: 1180px;
		margin: 0 auto;
	}
}

/* SHORTCODES */
.citation {
	text-align: center;
	padding: 0 10px 20px 10px;
	color: #222222;
	line-height: 20px;
	
}
.citation span {
	display: inline-block;
	padding-bottom: 5px;
}
.citation .texte {
	font-size: 20px;
	line-height: 24px;
	font-style: italic;
	font-family: "Miller-Italic";
}
.citation .auteur {
	font-family: "Gotham-Book";
	font-size: 14px;
}

.block-encart-pres {
	padding-bottom: 30px;
}
.encart-pres-triangle {
	position: absolute;text-align:center;z-index: 2;left: 50%;
	display: inline-block;
    content: "";
    border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #48dacc;
    text-align: center;
    height: 15px;
    margin-left: -15px;
    z-index: 30;
}

.encart-pres {
	color: #ffffff;
	padding: 20px;
}
.encart-pres-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
}

.encart-pres h2 {
	color: #ffffff;
	font-size: 30px;
	line-height: 32px; 
	padding-bottom: 20px;
	
}
.encart-pres p {
	color: #ffffff;
	font-size: 18px;
	line-height: 22px;
	/*padding-top: 20px;*/
	margin-bottom: 10px;
	
}
.pagelist .encart-pres h2 {font-size: 30px;}
.pagedetail .encart-pres h2 {font-size: 28px;}
.pageaccueil .encart-pres h2 {font-size: 24px;}

.actulist .block-encart-pres, .etudelist .block-encart-pres {
	padding-bottom: 0px;
}
.actulist .headerfull, .etudelist .headerfull {
	padding-bottom: 20px;
}

@media screen and (min-width: 600px){
	.encart-pres {
		padding: 40px 60px 30px 60px;
	}
	.encart-pres h2 {
		font-size: 40px;
		line-height: 42px; 
	}
	.pagelist .encart-pres h2 {font-size: 45px;}
	.pagedetail .encart-pres h2 {font-size: 34px; line-height: 36px;}
	.pageaccueil .encart-pres h2 {font-size: 34px; line-height: 36px;}
	.encart-pres p {
		font-size: 20px;
		line-height: 24px;
	}
	.content-bookpage {
		padding: 30px 0 15px 0;
	}
	.content-bookpage-left {
		width: 60%;
		float: left;
	}
	.content-bookpage-right {
		width: 40%;
		float: left;
		padding: 10px 0 10px 30px;
	}
}

@media screen and (min-width: 1024px){
	.encart-pres {
		padding: 40px 150px 30px 150px;
	}
}

.chapter {
	padding-bottom: 10px;
}
.chapter h2 {
	font-size: 18px;
	line-height: 24px; 
	text-transform: uppercase;
	color: #222222;
	padding-bottom: 5px;
}
.chapter .trait {
	display: block;
	height: 5px;
	width: 50px;
	margin-left: 20px;
	opacity: 0;
	-moz-transition-property: margin-left, opacity;
	-o-transition-property: margin-left, opacity;
	-webkit-transition-property: margin-left, opacity;
	transition-property: margin-left, opacity;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.container-book-details .projet {
	padding: 0 0 10px 0;
	margin-bottom: 20px;
}
.container-book-details .projet ul {
	padding-top: 10px;
	margin-bottom: 0;
}
.container-book-details .projet li {
	font-size: 14px;
	margin-bottom: 5px;
}
.container-book-details .projet .trait {
	display: block;
	height: 5px;
	width: 50px;
	margin-left: 20px;
	opacity: 0;
	-moz-transition-property: margin-left, opacity;
	-o-transition-property: margin-left, opacity;
	-webkit-transition-property: margin-left, opacity;
	transition-property: margin-left, opacity;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}
.container-book-details .projet h2 {
	font-size: 18px;
	line-height: 24px; 
	color: #222222;
	padding-bottom: 5px;
}
.container-book-details .projet p {
	padding: 10px 0 0 0;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 18px;
	color: #222222;
}

.container-etude-details .projet {
	padding: 0 0 10px 0;
	margin-bottom: 20px;
}
.container-etude-details .projet ul {
	padding-top: 10px;
}
.container-etude-details .projet li {
	font-size: 14px;
	margin-bottom: 5px;
}
.container-etude-details .projet .trait {
	display: block;
	height: 5px;
	width: 50px;
	margin-left: 20px;
	opacity: 0;
	-moz-transition-property: margin-left, opacity;
	-o-transition-property: margin-left, opacity;
	-webkit-transition-property: margin-left, opacity;
	transition-property: margin-left, opacity;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}
.container-etude-details .projet h2 {
	font-size: 18px;
	line-height: 24px; 
	color: #222222;
	padding-bottom: 5px;
}
.container-etude-details .projet p {
	padding: 10px 0 0 0;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 18px;
	color: #222222;
}
.chapitre-accueil {
	text-align: center;
	padding: 40px 15px;
	font-size: 16px;
}
.chapitre-accueil h2 {
	font-size: 28px;
	text-align: center;
	padding-bottom: 5px;
}
.chapitre-accueil p {
	padding-bottom: 10px;
	text-align: justify;
	line-height: 18px;
	color: #555555;
}
@media screen and (min-width: 600px){
	.chapitre-accueil {
		padding: 40px;
		width: 500px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 1024px){
	.chapitre-accueil h2 {
		font-size: 38px;
	}
	.chapitre-accueil {
		width: 650px;
	}
}


/* ACCUEIL */
.hometitle {
	padding: 20px 0;
}
.hometitle h2 {
	font-family: 'Gotham-Bold';
	font-size: 24px;
	line-height: 28px;
	color: #222222;
}
.block-accueil {
	width: 100%;
	padding-bottom: 30px;
}
.block-metier {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.encart-metier .block-rect {
	padding: 30px 0 0 0;
	width: 100%;
	text-align: center;
}
.encart-metier .rect {
	display: inline-block;
	width: 30%;
	padding: 6%;
	border: 2px solid #000000;
	transform: rotate(45deg);
}
.encart-metier .rect img {
	transform: rotate(-45deg);
}
.encart-metier span {
	display: block;
}
.encart-metier {
	position: relative;
	width: 100%;
	float: left;
	padding: 0;
}
.encart-metier img {
	display: block;
	width: 100%;
}

.metier_widget_title {
	text-align: center;
	position: relative;
	z-index: 2;
	padding: 15px 5px;
	background-color: #000000;
	font-size: 15px;
	color: #ffffff;
}
.metier_widget_sstitre {
	color: #3BC9A3;
	font-size: 20px;
}
.metier_widget_content {
	padding-top: 10px;
	font-size: 13px;
	color: #222222;
	line-height: 18px;
}


@media screen and (min-width: 480px){
	
	.encart-metier {
		width: 33.3333333333%;
		padding: 0 3px;
	}
	.metier_widget_content {
		min-height: 200px;
	}
	.encart-metier .rect {
		width: 40%;
		padding: 10%;
	}
}
@media screen and (min-width: 768px){
	.encart-metier {
		width: 20%;
		padding: 0 3px;
	}
}

.block-josh {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.block-josh .block-left,.block-josh .block-right {
	float: left;
	min-height: 440px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}
.block-josh .block-left {
	width: 0%;
}
.block-josh .block-right {
	width: 100%;
}
.block-josh .block-left .triangle {
	float: right;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 250px 440px 0;
	border-color: transparent #ffffff transparent transparent;
}
.block-josh .block-right .triangle {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 250px 440px 0;
	border-color: transparent #ffffff transparent transparent;
}
.block-josh .hometitle {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
}
.block-josh .hometitle h2 {
	display: inline-block;
	padding: 0 10px;
}
.block-josh .contenu {
	position: relative;
	z-index: 2;
	width: 100%;
	text-align: center;
	padding: 80px 20px 20px 20px;
}
.block-josh .contenu-txt {
	text-align: justify;
	line-height: 18px;
}
.link-home {
	padding: 6px 10px;
	text-align: center;
	display: inline-block;
	color: #ffffff;
	background-color: #3223AD;
	font-family: "Gotham-Bold";
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 3px solid #ffffff;
}
.block-josh .sstitre {
	color: #222222;
	font-size: 30px;
	font-family: 'Gotham-Bold';
	text-align: center;
	padding-bottom: 25px;
	padding-top: 25px;
}

@media screen and (min-width: 768px){
	.block-josh .block-left {
		width: 45%;
	}
	.block-josh .block-right {
		background-size: 0 0;
		width: 55%;
	}
	.block-josh .contenu {
		max-width: 640px;
	}
	.block-josh .block-right .triangle {
		display: none;
	}
	.block-josh .sstitre {
		padding-bottom: 20px;
		padding-top: 0;
	}
}
@media screen and (min-width: 1024px){
	.block-josh .sstitre {
		padding-top: 20px;
	}
	.block-josh .contenu-txt {
		padding-bottom: 20px;
	}
}

.block-staytuned {
	position: relative;
	text-align: center;
	padding: 40px 0;
}
.block-staytuned,.block-staytuned .bg2 {
	background-size: 0 0;
}
.block-staytuned .contenu {
	width: 100%;
	padding: 30px 20px;
	line-height: 18px;
}
.block-staytuned .contenu p {
	text-align: justify;
}
@media screen and (min-width: 768px){
	.block-staytuned .contenu {
		position: relative;
		margin: 0 auto;
		width: 600px;
		z-index: 10;
	}
	.block-staytuned {
		background-repeat: no-repeat;
		background-size: 200px 250px;
		background-position: right;
	}
	.block-staytuned .bg2 {
		position: absolute;
		top: 20px;
		left: 20px;
		width: 160px;
		height: 250px;
		background-repeat: no-repeat;
		background-size: 160px 250px;
		background-position: left;
		transform: rotate(-15deg);
	}
}

.block-intro {
	padding: 40px 0 20px 0;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.block-intro .contenu {
	max-width: 600px;
	margin: 0 auto;
	text-align: justify;
	line-height: 20px;
	font-size: 16px;
	padding: 0 20px;
}
.block-intro h2 {
	color: #000000;
	padding-bottom: 8px;
	font-size: 36px;
	line-height: 40px;
}

/*.encart-widget-page {
	position: relative;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.encart-widget-page img {
	width: 100%;
	display: block;
	height: auto;
}
.encart-widget-page .cadre {
	color: #ffffff;
	padding: 40px 30px;
	font-size: 18px;
	line-height: 22px;
	min-height: 100px;
}
.page_widget_content {
	max-width: 450px;
}
.page_widget_content p {
	padding-bottom: 20px;
}
.page_widget_content a {
	margin-top: 5px;
	display: inline-block;
	padding: 5px 30px;
	background-color: #27AFB9;
	color: #ffffff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}*/

/* widget Image */
.encart-imgbg img {
	display: block;
	width: 100%;
}

/* Agence */
.block-agence--top {
	background: #55f4c9;
	background: -moz-linear-gradient(-45deg, #55f4c9 0%, #3dc5cf 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #55f4c9), color-stop(100%, #3dc5cf));
	background: -webkit-linear-gradient(-45deg, #55f4c9 0%, #3dc5cf 100%);
	background: -o-linear-gradient(-45deg, #55f4c9 0%, #3dc5cf 100%);
	background: -ms-linear-gradient(-45deg, #55f4c9 0%, #3dc5cf 100%);
	background: linear-gradient(135deg, #55f4c9 0%, #3dc5cf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55f4ca', endColorstr='#3dc5cf', GradientType=1 );
}
.block-agence-top {
	width: 320px;
	margin: 0 auto;
	padding: 60px 0px;
}
.block-agence-top .col1 {
	width: 80px;
	float: left;
	padding: 12px 10px 0 20px;
}
.block-agence-top .image img {
	width: 100%;
	display: block;
}

.block-agence-top .col2 {
	width: 230px;
	float: left;
	color: #ffffff;
	font-size: 14px;
}
.block-agence-top h4 {
	font-size: 21.5px;
	color: #ffffff;
}
.block-agence-top h2 img {
	width: 180px;
	display: block;
}
.block-agence-top p {
	margin: 0;
	font-size: 11px;
}

@media screen and (min-width: 600px){
	.block-agence-top {
		width: 500px;
		margin: 0 auto;
		padding: 100px 0;
	}
	.block-agence-top .col1 {
		width: 25%;
		padding: 10px 20px;
	}
	.block-agence-top .col2 {
		width: 75%;
		font-size: 20px;
	}
	.block-agence-top h4 {
		font-size: 31.5px;
	}
	.block-agence-top h2 img {
		width: 265px;
		display: block;
	}
	.block-agence-top h2 span {
		font-size: 50px;
	}
	.block-agence-top p {
		padding-bottom: 10px;
		font-size: 16px;
	}
}

.block-agence-structure {
	padding: 30px 20px;
	text-align: center;
}
.block-agence-imgbg {
    moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.block-agence-structure p {
	text-align: justify;
	line-height: 18px;
}
.block-agence-structure .encart-square {
	display: inline-block;
	width: 280px;
	padding-left: 10px;
}
.content-mob .table-square-title {
	display: table;
}
.content-mob .square-title {
	display: table-cell;
	vertical-align: bottom;
	width: 85px;
	text-align: center;
	text-transform: uppercase;
	
}
.square {
	float: left;
	border: 2px solid #3223AD;
	transform: rotate(45deg);
	margin: 20px 5px;	
}
.square--light {
	border-color: #55F4C9;
}
.square span {
	display: block;
	transform: rotate(-45deg);
	width: 70px; height: 70px; line-height: 70px;
}
.square .nb {
	font-size: 34px;
	font-family: 'F37Bella';
}
.block-agence-structure .content-desktop {
	display: none;
}

.content-desktop .table-square-title {
	float: left;
}
.content-desktop .square-title {
	display: block;
	margin: 50px 0 0 15px;
	width: 220px;
	text-align: center;
	text-transform: uppercase;
	
}
.block-agence-structure .contenu {
	padding: 10px 0;
}
.block-agence-experts {
	background-color: #F6F3EC;
	text-align: center;
	padding: 0 10px;
	padding-bottom: 30px;
}
.block-agence-experts .others {
	padding: 20px 0;
	text-align: left;
}
.block-agence-experts .others h4 {
	padding-bottom: 10px;
	text-align: center;
}
.block-agence-experts .others p {
	display: none;
	line-height: 18px;
}
.block-agence-experts-img .col50 {
	position: relative;
	cursor: pointer;
}
.block-agence-experts-img .col50 {
	width: 50%;
	float: left;
	padding-bottom: 10px;
}
.block-agence-experts-img .col50:nth-child(2n) {
	padding-left: 5px;
}
.block-agence-experts-img .col50:nth-child(2n+1) {
	padding-right: 5px;
}
.block-agence-experts-img .portrait {
	opacity: 0;
	display: table;
	position: absolute;
	top: -30px; left: 0; right: 0; bottom: 0;
	background-color: rgba(243, 243, 243, 0.75);
	width: 100%;
	height: 100%;
	text-align: center;
}
.block-agence-experts-img .col50:nth-child(2n) .portrait {
	left: 5px;
}
.block-agence-experts img {
	width: 100%;
	display: block;
}
.block-agence-experts-img .portrait h3 {
	color: #222222;
	font-size: 16px;
	line-height: 18px;
	
}
.block-agence-experts-img .portrait h4 {
	font-size: 13px;
	font-family: 'Gotham-Book';
	color: #222222;
}
.block-agence-experts-img .portrait .contenu {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	text-align: center;
	padding: 0 15px 0 5px;
}
.block-agence-experts-img .portrait .trait {
	display: inline-block;
	width: 25%;
	height: 4px;
	background-color: #55F4C9;
	margin: 6px 0 12px 0;
}

@media screen and (min-width: 600px){
	.block-agence-structure {
		width: 500px;
		margin: 0 auto;
	}
	.block-agence-experts {
		text-align: center;
		padding: 0 0 30px 10px;
	}
	.block-agence-experts-img .col50 {
		width: 20%;
		padding-right: 10px;
	}
	
	.block-agence-experts-img .col50:nth-child(2n) {
		padding-left: 0px;
	}
	.block-agence-experts-img .col50:nth-child(2n+1) {
		padding-right: 10px;
	}
	.block-agence-experts-img .col50:nth-child(2n) .portrait {
		left: 0px;
	}
	.block-agence-experts .others h4 {
		text-align: left;
	}
	.block-agence-experts .others p {
		display: block;
	}
}
@media screen and (min-width: 1024px){
	.block-agence-structure {
		width: 900px;
		margin: 0 auto;
	}
	.block-agence-experts {
		width: 940px;
		margin: 0 auto;
	}
	.block-agence-structure .contenu {
		padding: 10px 0 20px 0;
	}
	.block-agence-structure .content-mob {
		display: none;
	}
	.block-agence-structure .content-desktop {
		display: block;
	}
	.block-agence-structure .encart-square {
		width: 880px;
	}
	.square span {
		width: 100px; height: 100px; line-height: 100px;
	}
	.square .nb {
		font-size: 46px;
	}
	.content-desktop .square-title {
		font-size: 20px;
	}
	.content-desktop .square-title2 {
		font-size: 20px;
		padding-top: 10px;
		text-transform: uppercase;
	}
}

.block-agence-adn {
	background-color: #ffffff;
	text-align: center;
	padding: 0 20px;
}
.block-agence-adn p {
	text-align: justify;
	line-height: 18px;
}
@media screen and (min-width: 600px){
	.block-agence-adn {
		width: 600px;
		margin: 0 auto;
	}
	.block-agence-adn p {
		text-align: center;
	}
}
@media screen and (min-width: 1024px){
	.block-agence-adn {
		width: 800px;
	}
	.modal {
		left: calc(50% - 350px);
		width: 700px;
		height: 300px;
		margin: 0 auto;
	}
}

.schema-adn {
	position: relative;
	padding: 20px;
	display: inline-block;
}
.schema-adn img {
	display: inline-block;
	width: 290px;
}
.schema {
	text-align: center;
	width: 100%;
}
.btn-schema {
	display: block;
	position: absolute;
	text-transform: uppercase;
	font-size: 23px;
	width: 100%;
	font-family: 'Gotham-Bold';
}
.schema-adn .btn-vision {
	top: 40px;
	left: -10px;
	text-align: center;
	color: #e1c533;
}
.schema-adn .btn-maker {
	top: 200px;
	left: -10px;
	text-align: center;
	color: #e1c533;
}
.schema-adn .btn-ux {
	top: 118px;
	left: -100px;
	text-align: center;
	color: #2cdaac;
}
.schema-adn .btn-tech {
	top: 118px;
	left: 93px;
	text-align: center;
	color: #2cdaac;
}
.overlay-w {
	display: none;
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.7);
	width: 100%;
	height: 100%;
}
.modal {
	display: none;
	position: fixed;
	z-index: 11000;
	top: 10%;
	left: 10%;
	width: 80%;
	height: 80%;
	background-color:#ffffff;
}
.modal-content {
	position: relative;
	width: 100%;
	padding: 30px;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	background-color:#eeeeee;
	border: 2px solid #ffffff;
	-moz-box-shadow: 0px 0px 12px 0px #aaaaaa;
	-webkit-box-shadow: 0px 0px 12px 0px #aaaaaa;
	-o-box-shadow: 0px 0px 12px 0px #aaaaaa;
	box-shadow: 0px 0px 12px 0px #aaaaaa;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, Direction=NaN, Strength=8);
}
.modal-content p {
	line-height: 18px;
}
.modal-content h3 {
	display: inline-block;
	font-size: 28px;
	text-transform: uppercase;
	border-bottom: 4px solid #000000;
	padding-bottom: 8px;
	margin-bottom: 24px;
}
.modal-content .fermer {
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	width: 35px;
	text-align: center;
	height: 35px;
	transform: rotate(45deg);
	background-color: #ffffff;
}
.modal-content .fermer .trait {
	transform: rotate(-45deg);
	font-size: 50px;
	color: #666666;
	line-height: 40px;
	
	font-family: 'F37Bella';
}

@media screen and (min-width: 600px){
	.modal {
		top: 30%;
		left: 20%;
		width: 60%;
		height: 40%;
	}
}
@media screen and (min-width: 1024px){
	.modal {
		left: calc(50% - 350px);
		width: 700px;
		height: 300px;
		margin: 0 auto;
	}
	.schema-adn img {
		display: inline-block;
		width: 500px;
	}
	.btn-schema {
		font-size: 36px;
	}
	.schema-adn .btn-vision {
		top: 50px;
		left: -20px;
		text-align: center;
		color: #e1c533;
	}
	.schema-adn .btn-maker {
		top: 333px;
		left: -20px;
		text-align: center;
		color: #e1c533;
	}
	.schema-adn .btn-ux {
		top: 192px;
		left: -170px;
		text-align: center;
	}
	.schema-adn .btn-tech {
		top: 192px;
		left: 160px;
		text-align: center;
	}
}

.block-citation {
	-moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transform: skewY(2deg);
    padding: 0 10px;
}
.citation-content {
	width: 100%;
	margin: 0 auto;
	padding: 60px 30px 40px 30px;
	transform: rotate(-2deg);
	color: #ffffff;
	font-family: "Miller";
	font-size: 16px;
	line-height: 20px;
}
.citation-content strong {
	font-family: "Miller";
}
.citation-skew {
	padding: 20px 0;
	background: linear-gradient( 0deg, #F6F3EC, #ffffff 50% );
}
@media screen and (min-width: 600px){
	.citation-content {
		width: 500px;
	}
}
@media screen and (min-width: 1024px){
	.citation-content {
		padding: 70px 30px 50px 30px;
		width: 800px;
		font-size: 20px;
		line-height: 20px;
		line-height: 24px;
	}
}

.block-recompenses {
	position: relative;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: 20px 20px 40px 20px;
}
.block-recompenses .sstitre {
	display: block;
	font-style: italic;
	color: #666666;
	font-size: 16px;
	padding-bottom: 10px;
}
.block-square {
	width: 100%;
}
.block-recompenses .square {
	display: inline-block;
	float: none;
	margin: 50px 5px;
}
.block-recompenses .square span {
	width: 170px;
	height: 170px;
	line-height: 170px;
}
.block-recompenses .square .nb {
    font-size: 100px;
    padding-left: 12px;
    text-align: center;
}
.square-bis {
	position: absolute;
	top: 20px;
	left: 30%;
}
.recompenses-txt {
	line-height: 18px;
	display: none;
}
@media screen and (min-width: 600px){
	.square-bis {
		left: 40%;
	}
	.recompenses-txt {
		display: block;
	}
}
@media screen and (min-width: 1024px){
	.block-recompenses {
		text-align: left;
		width: 960px;
	}
	.block-square {
		width: 35%;
		float: left;
		padding-left: 30px;
	}
	.square-bis {
		left: 7%;
	}
	.block-recompenses .content-right {
		float: left;
		width: 65%
	}
}
#modalRecompense p {
	margin-bottom: 10px;
}
@media screen and (min-width: 1024px){
	#modalRecompense .modal {
		height: 70%;
		top: 15%;
	}
}

/* popup */
.popup {
	display: flex;
	position: fixed;
	transition-duration: 500ms;
	transition-property: opacity, visibility;
	visibility: hidden;
	opacity: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
	background-color: rgba(0, 0, 0, 0.7);
	align-items: center;
	justify-content: center;
	font-family: 'Gotham-Book';
	font-size: 14px;
}
.popup-body {
	background-color: #ffffff;
	color: $noir;
	width: 80%;
	max-width: 700px;
	text-align: center;
}
.popup-body .bg {
	padding: 10px;
	background-image: url('../ninezeroseven/assets/img/theme/fond-popup.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.popup-body-content {
	border: 1px solid #cdb300;
	padding: 15px;
}
.popup-body p {
	text-align: left;
	font-family: 'Gotham-Light';
	line-height: 20px;
}
.popup .btn-btm {
	display: flex;
	flex-direction: row;
	
}
.popup .btn-btm a {
	width: 50%;
}
.popup .btn-btm a:last-child {
	margin-left: 10px;
}
.popup .btn-btm a:first-child {
	margin-right: 10px;
}
.popup-open {
	transition-duration: 500ms;
	transition-property: opacity;
  	visibility: visible;
  	top: 0; left:0; bottom: 0; right: 0; opacity: 1;
}

/* FOOTER */
.footer-man {
	padding: 15px 0;
	background-color: #f6f3ec;
}
.footer-logo img {
	width: 188px;
	padding-bottom: 10px;
}
.footer-logo .sstitle {
	padding: 5px 0 20px 0;
	font-size: 12px;
	font-family: 'Gotham-Light';
}
.footer-logo .sstitle span {
	font-family: 'Gotham-Bold';
}
.conseil-man {
	padding-bottom: 30px;
}
.conseil-man span {
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
	font-family: 'Gotham-Book';
}
.footer-address span {
	font-family: 'Gotham-Book';
	font-size: 12px;
	line-height: 20px;
}
.footer-address .address {
	line-height: 14px;
}
.footer-address a {
	color: #000;
}
.footer-right li {
	display: inline-block;
	padding-right: 20px;
}
.footer-right li img {
	height: 25px;
	width: auto;
}

.modal-footer .modal-content {
	padding: 15px;
}
.modal-footer .modal-content h3 {
	font-size: 14px;
	line-height: 20px;
	padding-top: 10px;
}

.modal-footer {
	top: 5%;
	left: 10%;
	width: 80%;
	height: 90%;
}

@media screen and (min-width: 768px){
	.footer-man {
		padding: 30px 0;
	}
	.footer-right {
		padding-top: 15px;
	}
	.footer-man .tab {
		display: table;
		width: 100%;
	}
	.footer-right li {
		padding-right: 0px;
		padding-left: 20px;
	}
	.footer-address {
		padding-top: 15px
	}
	.footer-left {
		display: table-cell;
		width: 50%;
		vertical-align: top;
	}
	.footer-right {
		display: table-cell;
		width: 50%;
		vertical-align: top;
		text-align: right;
	}
	.modal-footer .modal-content {
		padding: 30px;
	}
	.modal-footer .modal-content h3 {
		font-size: 28px;
		line-height: 32px;
	}
	.modal-footer {
		top: 15%;
	    left: 20%;
	    width: 60%;
	    height: 70%;
	}
}
@media screen and (min-width: 1024px){
	.footer-man {
		padding: 50px 0;
	}
}

.modal-footer .paragraphe {
	padding-bottom: 10px;
}
.modal-footer p {
	font-size: 12px;
}
.modal-footer .underline {
	text-decoration: underline;
}
.modal-footer p a {
	color: #000;
}

/* NEWSLETTER */
.bloc-newsletter {

}
.newsletter-left-txt {
	display: block;
	font-size: 14px;
	line-height: 17px;
	padding-bottom: 15px;
}
.newsletter-right .title {
	padding: 15px;
	padding-left: 0;
	color: #3223AD;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 10px;
	font-family: 'Gotham-Bold';
}
.newsletter-left label {
	display: block;
	padding-bottom: 10px;
}
.newsletter-left .terms label {
	display: inline;
}
.newsletter-btn {
	text-align: center;
}
.sib_signup_form label {
	display: block;
	padding-bottom: 6px;
	text-align: left;
}
.sib_signup_form .terms {
	text-align: left;
}
.sib_signup_form .terms label {
	display: inline;
}
.sib_signup_form .error {
	display: none;
	color: #ff0000;
	padding-bottom: 5px;
	text-align: left;
	font-size: 12px;
}

@media screen and (min-width: 768px) {
	.bloc-newsletter {
		display: table;
		width: 100%;
		padding: 30px 0;
	}
	.newsletter-left {
		display: table-cell;
		width: 60%;
		vertical-align: top;
		padding: 30px 30px 0px 30px;
		border: 1px solid #dddddd;
	}
	.newsletter-right {
		display: table-cell;
		width: 40%;
		padding-left: 30px;
		vertical-align: top;
	}
	.newsletter-left-txt {
		font-size: 16px;
		line-height: 20px;
		padding-bottom: 25px;
	}
	.newsletter-right .title {
		padding: 20px;
		padding-left: 0;
		font-size: 24px;
		line-height: 26px;
	}
}

/* FORMULAIRE */
input[type="submit"].yellow-btn, button.yellow-btn,.qpp-style input[type="submit"]#submit {
	padding: 6px 10px;
	text-align: center;
	display: inline-block;
	color: #ffffff; background-color: #3223AD;
	font-family: "Gotham-Bold";
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
	border: 3px solid #ffffff;
}
input[type="submit"]:active, input[type="submit"]:focus, button {
	outline: none;
}
input[type="email"].textfield {
	padding: 0 10px;
	font-size:13px;
	text-align:left;
	margin:0;
	width:99%;
	width:300px;
	font-weight:lighter;
	font-family: 'Gotham-Light';
	margin-bottom: 10px;
}

.social-bar {
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding-bottom: 15px;
}
.social-bar a {
	display: block;
	margin-right: 15px;
}
.social-bar a img {
	height: 20px;
}

.coockie {
    width: 100%;
    position: fixed;
    z-index: 20;
    bottom: 0;
    left: 0;
    background-color: rgba(26, 26, 26, 0.9);
    transition: opacity 0.5s, transform 0.5s;
    transform: translate3d(0, 100%, 0);
}
@media screen and (min-width: 1024px) {
	.cookie__container {
		width: 980px;
		margin: 0 auto;
	}
}

.coockie--open {
    transition: opacity 0.5s, transform 0.5s;
    transform: translate3d(0, 0, 0);
}
.coockie__content {
    position: relative;
    padding: 20px 15px;
    color: #ffffff;
}
.coockie__content p {
	margin: 0;
	padding-right: 30px;
	font-size: 14px;
	line-height: 18px;
}
.coockie__content a {
	display: block;
	float: right;
	margin-left: 20px;
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
}
.coockie__content__close {
    position: absolute;
    top: 0; right: 0;
    padding: 15px;
}
.coockie__content__close .icon-cancel-circle {
	color: #ffffff;
}
.coockie__content__link {
    text-decoration: underline;
}
.btn-trans-white {
	padding: 10px 20px;
	border-radius: 5px;
	border: 2px solid #ffffff;
}

/* TABLE RESPONSIVE */
.table-pages {
    width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.table-pages th, .table-pages td {
    padding: 10px;
    text-align: left;
    border: solid 1px #ccc;
}
.table-pages tr:nth-child(odd) {
    background-color: #eee;
}
.table-pages th {
    background-color: #000;
    color: #FFF;
}
@media only screen and (max-width: 700px) {

    .table-responsive table, 
    .table-responsive thead, 
    .table-responsive tbody, 
    .table-responsive tr, 
    .table-responsive th, 
    .table-responsive td {
		display: block;
		font-size: 13px;
    }

    .table-responsive thead {
        display: none;
    }

    .table-responsive td {
        padding-left: 170px;
        position: relative;
        margin-top: -1px;
        background: #FFF;
    }

    .table-responsive td:nth-child(odd) {
        background-color: #eee;
    }

    .table-responsive td::before {
        padding: 10px;
        content: attr(data-label);
        position: absolute;
        top: 0;
        left: 0;
        width: 140px;
        bottom: 0;
        background-color: #000;
        color: #FFF;
        display: flex;
        align-items: center;
        font-weight: bold;
    }

    .table-responsive tr {
        margin-bottom: 1rem;
    }

    .table-responsive th + td {
        padding-left: 10px;
	}
	.table-pages th {
		background-color: #000;
		color: #FFF;
	}

}