/*
Theme Name: CTS
Theme URI: http://www.notrestudio.fr
Author: Notre Studio
Author URI: https://www.notrestudio.fr/
Description: Thème WordPress pour CTS Services
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cts
*/

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;
	border: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-family: 'Open Sans', sans-serif !important;
	color: #5f5a65 !important;
}

body p {
	margin: 0 !important;
	padding: 0 !important;
	color: #5f5a65 !important;
}

/*** ACCUEIL ***/

#loading-page {
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100vh;
	cursor: wait;
	background-color: #FFFFFF;
}

#loading-page #loading {
	position: relative;
	top: 50%;
	left: 50%;
	margin-top: -42px;
	margin-left: -37px;
	width: 75px;
	height: 84px;
	/*overflow: hidden;*/
}

#loading-page #loading-texte {
	position: relative;
	top: 50vh;
	margin-top: 10px;
	font-size: 1vw;
	text-align: center;
	text-transform: uppercase;
}

#loading-page img {
	position: absolute;
	display: inline-block;
	opacity: 0;
	width: 75px;
	height: auto;
}

#loading-page img.animation1 {
	animation: animation1 7s infinite;
	margin-top: 2px;
}

@keyframes animation1 {
	0% {
		opacity: 0;
	}
	2% {
		opacity: 1;
	}
	20% {
		opacity: 0;
	}
}

#loading-page img.animation2 {
	animation: animation2 7s infinite;
	margin-top: 7px;
}

@keyframes animation2 {
	20% {
		opacity: 0;
	}
	22% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
}

#loading-page img.animation3 {
	animation: animation3 7s infinite;
	margin-top: 2px;
}

@keyframes animation3 {
	40% {
		opacity: 0;
	}
	42% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
}

#loading-page img.animation4 {
	animation: animation4 7s infinite;
}

@keyframes animation4 {
	60% {
		opacity: 0;
	}
	62% {
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
}

#loading-page img.animation5 {
	animation: animation5 7s infinite;
}

@keyframes animation5 {
	80% {
		opacity: 0;
	}
	82% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

#home-cts {
	display: block;
	background-color: #FFFFFF;
}

#home-cts ul#scene {
	overflow: hidden;
	height: 100%;
}

#home-cts ul li.layer {
	opacity: 1;
	transform-style: unset !important;
	/*width: 100%;
			height: 100%;*/
}

#home-cts ul li#home-cts-content,
#home-cts ul li#home-cine-layer {
	width: 100%;
	height: 100%;
}

#home-cts ul li img {
	position: relative;
	width: auto;
	object-fit: cover
}

#home-cts ul li#home-cine-layer img#home-cine {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	margin-top: -154px;
	margin-left: -288px;
	width: 576px;
	height: 307px;
}

#home-cts ul li#home-cts-content section {
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
}

#home-cts ul li#home-cts-content section img#logo-cts {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	margin-top: 50px;
	margin-left: -440px;
	width: 304px;
	height: 158px;
}

#home-cts ul li#home-cts-content section a.cd-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin-top: -43px;
	border: 0;
	padding: 0;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.2);
	background-color: #FFFFFF;
}

#home-cts ul li#home-cts-content section a .link-div {
	float: right;
	display: inline-block;
	vertical-align: top;
}

#home-cts ul li#home-cts-content section a.cd-btn span::before {
	content: attr(data-hover);
	position: absolute;
	z-index: 20;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	box-sizing: border-box;
	font-size: 1.5vw;
	color: #5f5a65;
}

#home-cts ul li#home-cts-content section a.cd-btn:hover span::before {
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
}

#home-cts ul li#home-cts-content section a.cd-btn span {
	position: relative;
	position: absolute;
	font-size: 1.5vw;
	white-space: nowrap;
}

#home-cts ul li#home-cts-content section a.cd-btn img.link-logo {
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

#home-cts ul li#home-cts-content section a.cd-btn .img-div {
	display: inline-block;
}

#home-cts ul li#home-cts-content section a.cd-btn .link-div:after {
	content: url('images/accueil_menu_plus.png');
	position: relative;
	top: 50%;
	float: right;
	display: inline-block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin-top: -10px;
	width: 21px;
	height: 21px;
	vertical-align: middle;
}

#home-cts ul li#home-cts-content section a.cd-btn:hover .link-div:after {
	content: url('images/accueil_menu_plus_hover.png');
}

#home-cts ul li#home-cts-content section a.cd-btn:hover {
	background-color: transparent;
}

#home-cts ul li#home-cts-content section a#about-trigger::before {
	margin-top: 25px;
	margin-left: 83px;
}

#home-cts ul li#home-cts-content section a#about-trigger {
	margin-top: -285px;
	margin-left: -200px;
	padding-right: 206px;
	background: url('images/accueil_menu_pointille.png') #FFFFFF no-repeat 100px 80%;
}

#home-cts ul li#home-cts-content section a#about-trigger .link-div {
	margin-top: 25px;
}

#home-cts ul li#home-cts-content section a#about-trigger:hover .img-div {
	background: url('images/a_propos_hover.png') no-repeat left center;
}

#home-cts ul li#home-cts-content section a#about-trigger:hover img {
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

#home-cts ul li#home-cts-content section a#skills-trigger::before {
	margin-top: 49px;
	margin-left: -88px;
}

#home-cts ul li#home-cts-content section a#skills-trigger {
	margin-top: -200px;
	margin-left: 300px;
	background-color: #FFFFFF;
}

#home-cts ul li#home-cts-content section a#skills-trigger:hover .img-div {
	background: url('images/competences_hover.png') no-repeat left center;
}

#home-cts ul li#home-cts-content section a.cd-btn:hover img {
	opacity: 0;
}

#home-cts ul li#home-cts-content section a#works-trigger::before {
	margin-top: 47px;
	margin-left: 75px;
}

#home-cts ul li#home-cts-content section a#works-trigger {
	margin-top: 220px;
	margin-left: -100px;
	box-sizing: content-box;
	padding-right: 60px;
	background: url('images/accueil_menu_pointille.png') #FFFFFF no-repeat 90% 50%;
}

#home-cts ul li#home-cts-content section a#works-trigger:hover .img-div {
	background: url('images/chantiers_hover.png') no-repeat left center;
}

#home-cts ul li#home-cts-content section a#contact-trigger {
	margin-top: 10px;
	margin-left: -650px;
	box-sizing: content-box;
	max-width: 175px;
	padding: 0;
	padding-bottom: 15px;
	background: url('images/accueil_menu_pointille.png') #FFFFFF no-repeat 0% 100%;
}

#home-cts ul li#home-cts-content section a#about-trigger img.link-logo,
#home-cts ul li#home-cts-content section a#works-trigger img.link-logo {
	display: inline-block;
}

#home-cts ul li#home-cts-content section a#contact-trigger .img-div {
	float: right;
	margin-bottom: 10px;
}

#home-cts ul li#home-cts-content section a#skills-trigger .img-div {
	position: relative;
	top: 85px;
	left: 20px;
	display: block;
}

#home-cts ul li#home-cts-content section a#contact-trigger:hover .img-div {
	background: url('images/contact_hover.png') no-repeat left center;
}

#home-cts ul li#home-cts-content section a#contact-trigger span {}

#home-cts ul li#home-cts-content section a#about-trigger span,
#home-cts ul li#home-cts-content section a#about-trigger:after {
	vertical-align: top;
}

#home-cts ul li#home-cts-content section a#works-trigger .link-div {
	margin-top: 50px;
	margin-left: -15px;
}

#home-cts ul li#home-cts-content section a#location-trigger {
	flex-direction: column-reverse;
	display: flex;
	margin-top: 10px;
	margin-left: 288px;
	width: auto !important;
	background: none;
}

#home-cts ul li#home-cts-content section a#location-trigger::before {
	content: '';
	position: absolute;
	bottom: 50px;
	left: 19px;
	display: block;
	width: 10px;
	height: 200px;
	background: url('images/accueil_menu_pointille_vertical.png') no-repeat;
}

#home-cts ul li#home-cts-content section a#location-trigger .img-div {
	margin-left: 25px;
}

#home-cts ul li#home-cts-content section a#location-trigger:hover .img-div {
	background: url('images/subsea-inspection_hover.png') no-repeat left center;
}

#home-cts ul li#home-cts-content section a#location-trigger .link-div {
	z-index: 2;
	flex-direction: row-reverse;
	align-items: center;
	display: flex;
	width: auto !important;
	height: auto !important;
	padding: 10px;
	background: #FFF;
}

#home-cts ul li#home-cts-content section a#location-trigger .link-div::after {
	top: 0;
	margin: 0 15px 0 0;
}

#home-cts ul li#home-cts-content section a#location-trigger .link-div span {
	position: static;
	max-width: 100px;
	max-width: none;
	white-space: normal;
}

#home-cts ul li#home-cts-content section a#mentions-trigger {
	position: absolute;
	top: 100%;
	left: 60px;
	font-weight: normal;
	color: #E36928;
}

#home-cts ul li#home-cts-content section a#mentions-trigger span {
	margin-left: 45px;
	font-size: 0.7vw;
	font-style: italic;
	text-decoration: underline;
}

#home-cts ul li#home-cts-content section div.white-link-wrapper {
	position: relative;
	top: 50%;
	left: 50%;
	margin-top: -115px;
	margin-left: 375px;
	box-sizing: content-box;
	width: 250px;
	height: 300px;
	background: url('images/accueil_menu_pointille_vertical.png') no-repeat 25% 0%;
}

#home-cts ul li#home-cts-content section div.white-link-wrapper .link-div {
	position: relative;
	top: 35%;
	left: 15%;
	display: inline-block;
	padding: 5px 5px 5px 15px;
	background: url('images/accueil_menu_plus_hover.png') #FFFFFF no-repeat 15px 50%;
	line-height: 21px;
	color: #E36928;
	background-color: #FFFFFF;
	vertical-align: bottom;
}

#home-cts ul li#home-cts-content section div.white-link-wrapper .link-div:hover img {
	opacity: 0;
}

#home-cts ul li#home-cts-content section div.white-link-wrapper .link-div:hover a {
	color: #5f5a65;
}

#home-cts ul li#home-cts-content section div.white-link-wrapper .link-div img {
	display: inline-block;
	transition: all 0.3s;
	width: auto;
	vertical-align: middle;
}

#home-cts ul li#home-cts-content section div.white-link-wrapper .link-div a {
	display: inline-block;
	transition: all 0.3s;
	margin-left: 30px;
	max-width: 150px;
	color: #E36928;
	vertical-align: middle;
}

#home-cts #videos-link {
	position: absolute;
	bottom: 15px;
	left: 15px;
	display: block;
}

#home-cts #linkedin-link {
	position: absolute;
	bottom: 17px;
	left: 60px;
	display: block;
}

/*** MODALES (COMMUN) ***/

#about-modal svg>path,
#skills-modal svg>path,
#works-modal svg>path,
#contact-modal svg>path,
#mentions-modal svg>path,
#location-modal svg>path {
	fill: #FFFFFF;
}

#about-modal,
#skills-modal,
#works-modal,
#contact-modal,
#mentions-modal,
#location-modal {
	padding: 0;
	color: ;
}

.modal-is-visible .cd-modal-content {
	background: #fff;
}

#about-modal .cd-modal-content,
#skills-modal .cd-modal-content,
#works-modal .cd-modal-content,
#contact-modal .cd-modal-content,
#mentions-modal .cd-modal-content,
#contact-modal2 .cd-modal-content {
	height: 100vh;
	padding: 0;
	/*overflow: hidden;*/
}

#about-modal .modal-content,
#skills-modal .modal-content,
#works-modal .modal-content,
#contact-modal .modal-content,
#mentions-modal .modal-content,
#contact-modal2 .modal-content {
	padding: 0;
}

#about-modal .modal-close,
#skills-modal .modal-close,
#works-modal .modal-close,
#contact-modal .modal-close,
#mentions-modal .modal-close,
#location-modal .modal-close {
	right: 0;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 0;
	box-sizing: content-box;
	width: 110px;
	height: 28px;
	padding: 4px;
	padding-left: 10px;
	background: url('images/fermer.png') #FFFFFF 85px 4px no-repeat;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	text-transform: uppercase;
	color: #E36928;
	text-indent: 0;
	-webkittransition: all 0.3s;
}

#about-modal .modal-close:hover,
#skills-modal .modal-close:hover,
#works-modal .modal-close:hover,
#contact-modal .modal-close:hover,
#location-modal .modal-close:hover {
	color: #5f5a65;
	background-position: 85px -33px;
}

.modal-content .modal-title {
	position: relative;
	margin-top: 1vh;
	height: 20vh;
	padding-top: 100px;
	padding-left: 100px;
	background-image: url('images/rectangle_titre.jpg'), url('images/filet_titre.png');
	background-repeat: no-repeat;
	background-position: -1% top, 0% 90%;
}

.modal-content .modal-title h1 {
	position: absolute;
	bottom: 35px;
	display: block;
	font-size: 7vw;
	font-weight: lighter;
	text-transform: uppercase;
	color: #E36928;
}

#about-content {
	overflow-x: hidden;
	background-image: url('images/a_propos_fond1.png'), url('images/a_propos_fond2.png');
	background-repeat: no-repeat, no-repeat;
	background-position: 36px -210px, right top;
}

#about-content #top-part {
	height: 55vh;
}

#about-content #bottom-part {
	height: 44vh;
	padding-top: 10vh;
}

#about-content #name-cv-wrapper {
	margin-top: 5vh;
	margin-left: 50px;
}

#about-content #name {
	display: inline-block;
	font-size: 3.5vw;
	font-weight: lighter;
	text-transform: uppercase;
	color: #E36928;
	vertical-align: middle;
}

#about-content #resume-link-wrapper {
	display: inline-block;
	vertical-align: middle;
}

#about-content #resume-link {
	display: inline-block;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-left: 40px;
	max-width: 100px;
	height: 35px;
	padding-left: 50px;
	background: url('images/telecharger_cv.png') 10px 0px no-repeat;
	vertical-align: top;
	vertical-align: middle;
	-webkittransition: all 0.3s;
}

#about-content #resume-link:hover {
	background: url('images/telecharger_cv.png') 10px -45px no-repeat;
}

#about-content #resume-link a {
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 12px;
	color: #5f5a65;
	-webkittransition: all 0.3s;
}

#about-content #resume-link a:hover {
	color: #E36928;
}

#about-content #job {
	display: inline-block;
	margin-left: 50px;
	font-size: 1.5vw;
	font-weight: bold;
	color: #5f5a65;
}

#about-content #experience {
	margin-top: 30px;
	margin-left: 50px;
	padding-left: 45px;
	background: url('images/26_annees_experience_rond.png') no-repeat top left;
	min-height: 150px;
}

#about-content #experience img {
	display: inline-block;
	width: 85px;
	height: 59px;
	vertical-align: top;
}

#about-content span#nbAnnees {
	display: inline-block;
	font-size: 5vw;
	color: #FFFFFF;
	text-shadow: -1px -1px 0 #E36928, 1px -1px 0 #E36928, -1px 1px 0 #E36928, 1px 1px 0 #E36928, 4px 4px 0px rgba(227, 105, 41, 1);
	vertical-align: middle;
}

#about-content #experience p {
	display: inline-block;
	margin: 0;
	margin-left: 20px !important;
	width: 300px;
	padding: 0;
	font-size: 1vw;
	font-style: italic;
	color: #5f5a65;
	vertical-align: top;
	vertical-align: middle;
}

#about-content #ap-cine-wrapper {
	position: absolute;
	top: 10vh;
	right: 0;
	max-width: 45%;
	height: 45vh;
	max-height: 470px;
}

#about-content #ap-cine-wrapper img#ap-cine {
	width: auto;
	max-width: 812px;
	height: 100%;
	max-height: 445px;
}

#about-content #atouts {
	float: right;
}

#about-content #atouts #atouts-desc {
	float: left;
	margin-right: 5%;
	width: 250px;
	max-width: 30%;
	height: 100%;
	text-align: right;
}

#about-content #atouts #atouts-desc h2 {
	font-size: 1.5vw;
	font-weight: bold;
	color: #E36928;
}

#about-content #atouts #atouts-desc p {
	margin: 0;
	padding: 0;
	font-size: 1vw;
	font-style: italic;
	color: #5f5a65
}

#about-content #atouts #les-atouts {
	float: right;
	max-width: 65%;
}

#about-content #atouts #les-atouts #atouts-texte {
	/*visibility: hidden;*/
}

#about-content #les-atouts .atout-wrapper {
	display: block;
	width: 100%;
}

#about-content #les-atouts span.atout {
	display: inline-block;
	text-transform: uppercase;
}

#about-content #les-atouts div#atout-wrapper-1 {
	padding-left: 10%;
}

#about-content #les-atouts span#atout-1 {
	margin-top: 10px;
	max-width: 250px;
	font-size: 2vw;
	font-weight: lighter;
	color: #E36928;
}

#about-content #les-atouts div#atout-wrapper-2 {
	padding-right: 10%;
	text-align: right;
}

#about-content #les-atouts span#atout-2 {
	font-size: 1vw;
	font-weight: bold;
	font-style: italic;
	color: #5f5a65;
}

#about-content #les-atouts div#atout-wrapper-3 {
	padding-right: 20%;
	text-align: right;
}

#about-content #les-atouts span#atout-3 {
	max-width: 200px;
	font-size: 1.5vw;
	font-weight: lighter;
	font-style: italic;
	color: #5f5a65;
}

#about-content #les-atouts div#atout-wrapper-4 {
	margin-top: 20px;
	text-align: center;
}

#about-content #les-atouts span#atout-4,
#about-content #les-atouts span#atout-5 {
	margin-right: auto;
	margin-left: auto;
	font-size: 1.6vw;
	font-weight: bold;
	color: #E36928;
}

#about-content #clients {
	float: left;
	width: 35%;
	padding-left: 50px;
}

#about-content #clients .gallery {
	margin-top: 20px;
}

#about-content #clients .gallery .gallery-item {
	float: none;
	display: inline-block;
	vertical-align: middle;
}

#about-content #clients .gallery img {
	border: 0;
	width: auto;
}

#about-content h2 {
	margin-bottom: 20px;
	font-size: 1.5vw;
	font-weight: bold;
	color: #E36928;
}

#skills-content {
	background-image: url('images/competences_fond1.png'), url('images/competences_fond2.png');
	background-repeat: no-repeat, no-repeat;
	background-position: -200% -80%, 135% 45%;
}

#skills-content .left-side {
	display: inline-block;
	margin-top: 50px;
	margin-left: 3%;
	width: 25%;
	height: 100%;
	vertical-align: top;
}

#skills-content .left-side #metiers,
#skills-content .left-side #humaines {
	padding: 0px 30px 0px 30px;
}

#skills-content .left-side #humaines {
	padding-top: 100px;
}

#skills-content #infras {
	float: right;
	display: inline-block;
	margin-top: 50px;
	width: 70%;
	height: 100%;
	padding: 30;
	vertical-align: top;
}

#skills-content #metier-content,
#skills-content #humaines-content,
#skills-content #infras-content {
	padding: 30px 10px 30px 100px;
	font-size: 1.1vw;
	line-height: 2vw;
	font-style: italic;
	color: #908E94;
}

#skills-content #infras-content p {
	font-size: 1.1vw;
	color: #908E94 !important;
}

#skills-content h2 {
	padding-left: 100px;
	font-size: 3vw;
	font-weight: lighter;
	text-transform: uppercase;
	color: #E36928;
}

#skills-content h2#titre-metier {
	height: 71px;
	background: url('images/metiers.png') no-repeat left center;
	line-height: 71px;
}

#skills-content h2#titre-humaines {
	height: 68px;
	background: url('images/competences_humaines.png') no-repeat left center;
	line-height: 68px;
}

#skills-content h2#titre-infras {
	height: 71px;
	background: url('images/types_infrastructures.png') no-repeat left center;
	line-height: 71px;
}

#skills-content #metier-content ul,
#skills-content #humaines-content ul,
#skills-content #infras-content ul {
	padding-left: 50px;
}

#works-content {
	background-image: url('images/chantiers_fond1.png'), url('images/chantiers_fond2.png');
	background-repeat: no-repeat, no-repeat;
	background-position: right center, center;
}

#works-content .cts-timeline {
	float: left;
	margin-top: 0;
	width: 100%;
	/*margin-left: 60px;*/
}

.cts-timeline.cd-horizontal-timeline a {
	color: #E36928;
}

.cts-timeline.cd-horizontal-timeline .timeline {
	float: left;
	margin-bottom: 30px;
	margin-left: 60px;
}

.cts-timeline.cd-horizontal-timeline #nav-infos {
	/*overflow-y: auto;*/
	margin-top: 20px;
	margin-left: 60px;
	width: 90%;
	max-width: 800px;
}

.cts-timeline.cd-horizontal-timeline #nav-infos span {
	position: relative;
	float: left;
	display: inline-block;
	font-size: 0.7vw;
	text-transform: uppercase;
}

.cts-timeline.cd-horizontal-timeline #nav-infos span#timeline-next {
	float: right;
	margin-right: -40px;
}

.cts-timeline.cd-horizontal-timeline #nav-infos span#timeline-prev {
	margin-left: -48px;
}

.cts-timeline.cd-horizontal-timeline .events-content li>* {
	margin: 0px 0px 0px 100px;
	max-width: 100%;
}

.cts-timeline.cd-horizontal-timeline .events-wrapper::before,
.cts-timeline.cd-horizontal-timeline .events-wrapper::after {
	background-image: none;
}

.cts-timeline.cd-horizontal-timeline .filling-line {
	background-color: #E36928;
}

.cts-timeline.cd-horizontal-timeline .cd-timeline-navigation li {
	position: static;
}

.cts-timeline.cd-horizontal-timeline .cd-timeline-navigation li::before {
	display: none;
}

.cts-timeline.cd-horizontal-timeline .cd-timeline-navigation a:hover {
	border-color: #E36928;
}

.cts-timeline.cd-horizontal-timeline .events {
	background: url('images/pointille_slider.png');
}

.cts-timeline.cd-horizontal-timeline .events a {
	bottom: -43px;
	padding-bottom: 0;
}

.cts-timeline.cd-horizontal-timeline .events a span {
	display: block;
	background-color: #FFFFFF;
}

.cts-timeline.cd-horizontal-timeline .events a span.nom-chantier {
	font-weight: normal;
	text-transform: uppercase;
}

.cts-timeline.cd-horizontal-timeline .events a span.location-chantier {
	margin-top: 5px;
	font-weight: lighter;
	color: #908E94;
}

.cts-timeline.cd-horizontal-timeline .events a span.infobulle-chantier {
	position: relative;
	top: -35px;
	display: block;
	opacity: 0;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	padding: 10px;
	color: #FFFFFF;
	background-color: #E36928;
	-webkittransition: all 0.3s;
}

.cts-timeline.cd-horizontal-timeline .events a:hover span.infobulle-chantier {
	opacity: 1
}

.cts-timeline.cd-horizontal-timeline .events a.older-event::after,
	{
	border-color: #E36928;
	background-color: #FFFFFF;
}

.cts-timeline.cd-horizontal-timeline .events a.selected::after {
	border-color: #E36928;
	background-color: #E36928;
}

.cts-timeline.cd-horizontal-timeline .events li.fixe a {
	bottom: -40px;
	max-width: 50px;
	cursor: default;
	line-height: 14px;
	font-style: italic;
	color: #E36928;
}

.cts-timeline.cd-horizontal-timeline .events li.fixe a::after {
	top: -24px;
	border: 1px solid #E36928;
	border-radius: 0;
	width: 2px;
	height: 20px;
}

.cts-timeline.cd-horizontal-timeline .events a:hover::after {
	background-color: #E36928;
}

.no-touch .cts-timeline.cd-horizontal-timeline .events a:hover::after {
	background-color: #E36928;
	border-color: #E36928;
}

.cts-timeline.cd-horizontal-timeline .events a::after {
	top: 14px;
	border-color: #E36928;
}

.cts-timeline.cd-horizontal-timeline .events a.older-event::after {
	borde-color: #E36928;
}

.cts-timeline.cd-horizontal-timeline .cd-timeline-navigation a::after {
	background: url('images/cd-arrow.svg') no-repeat 0 0;
}

.cts-timeline.cd-horizontal-timeline .events-content li {
	padding: 0;
}

.cts-timeline.cd-horizontal-timeline .events-content {
	margin: 20px 0 0 0;
}

.cts-timeline.cd-horizontal-timeline .events-content ol li h2 {
	margin-bottom: 15px;
	margin-left: 100px;
	font-size: 2vw;
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
	color: #E36928;
}

.cts-timeline.cd-horizontal-timeline .events-content ol li p {
	margin-left: 100px !important;
	max-width: 50% !important;
	font-size: 0.9vw;
	font-style: italic;
	color: #908E94 !important;
}

.cts-timeline.cd-horizontal-timeline .events-content ol li p strong {
	font-weight: bold;
}

.cts-timeline.cd-horizontal-timeline .slider_wrapper {
	/*height: 45vh;*/
	position: relative;
	bottom: 0;
	margin-top: 50px !important;
}

.cts-timeline.cd-horizontal-timeline .rsUni,
.cts-timeline.cd-horizontal-timeline .rsOverflow {
	background: transparent;
}

.cts-timeline.cd-horizontal-timeline .royalSlider.rsFullscreen {
	height: 100vh !important;
	background-color: #FFFFFF;
}

.cts-timeline.cd-horizontal-timeline .royalSlider.rsFullscreen .rsOverflow {
	margin-top: 10vh;
	height: 80vh;
}

.cts-timeline.cd-horizontal-timeline .rsSlide {
	background: #FFFFFF;
}

.cts-timeline.cd-horizontal-timeline .rsImg {
	left: 0 !important;
	/*margin-left: 0 !important;*/
	margin-top: 0 !important;
	width: auto !important;
	height: 100% !important;
}

.cts-timeline.cd-horizontal-timeline .rsUni .rsArrowIcn {
	opacity: 1;
	margin-top: -45px;
	width: 49px;
	height: 90px;
}

.cts-timeline.cd-horizontal-timeline .rsUni .rsArrowLeft .rsArrowIcn {
	background: url('images/fleche_galerie_gauche.png') no-repeat;
}

.cts-timeline.cd-horizontal-timeline .rsUni .rsArrowLeft:hover .rsArrowIcn {
	background: url('images/fleche_galerie_gauche_hover.png') no-repeat;
}

.cts-timeline.cd-horizontal-timeline .rsUni .rsArrowRight .rsArrowIcn {
	background: url('images/fleche_galerie_droite.png') no-repeat;
}

.cts-timeline.cd-horizontal-timeline .rsUni .rsArrowRight:hover .rsArrowIcn {
	background: url('images/fleche_galerie_droite_hover.png') no-repeat;
}

.cts-timeline.cd-horizontal-timeline .rsUni .rsArrowRight {
	margin-right: 100px;
}

.cts-timeline.cts-timeline--blue.cd-horizontal-timeline a {
	color: #98DAF4;
}

.cts-timeline.cts-timeline--blue.cd-horizontal-timeline .filling-line {
	background-color: #98DAF4;
}

.cts-timeline.cts-timeline--blue.cd-horizontal-timeline .cd-timeline-navigation a:hover {
	border-color: #98DAF4;
}

.cts-timeline.cts-timeline--blue.cd-horizontal-timeline .events a span.infobulle-chantier {
	background-color: #98DAF4;
}

.cts-timeline.cts-timeline--blue.cd-horizontal-timeline .events a.older-event::after {
	border-color: #98DAF4;
}

.cts-timeline.cts-timeline--blue.cd-horizontal-timeline .events a.selected::after {
	border-color: #98DAF4;
	background-color: #98DAF4;
}

.cts-timeline.cts-timeline--blue.cd-horizontal-timeline .events li.fixe a {
	color: #98DAF4;
}

.cts-timeline.cts-timeline--blue.cd-horizontal-timeline .events li.fixe a::after {
	border: 1px solid #98DAF4;
}

.cts-timeline.cts-timeline--blue.cd-horizontal-timeline .events a:hover::after {
	background-color: #98DAF4;
}

.no-touch .cts-timeline.cts-timeline--blue.cd-horizontal-timeline .events a:hover::after {
	background-color: #98DAF4;
	border-color: #98DAF4;
}

.cts-timeline.cts-timeline--blue.cd-horizontal-timeline .events a::after {
	border-color: #98DAF4;
}

.cts-timeline.cts-timeline--blue.cd-horizontal-timeline .cd-timeline-navigation a::after {
	background: url('images/cd-arrow-blue.svg') no-repeat 0 0;
}

.cts-timeline.cts-timeline--blue.cd-horizontal-timeline .events-content ol li h2 {
	color: #98DAF4;
}

.cts-timeline.cts-timeline--blue.cd-horizontal-timeline .rsUni .rsArrowLeft:hover .rsArrowIcn {
	background: url('images/fleche_galerie_gauche_hover-blue.png') no-repeat;
}

.cts-timeline.cts-timeline--blue.cd-horizontal-timeline .rsUni .rsArrowRight:hover .rsArrowIcn {
	background: url('images/fleche_galerie_droite_hover-blue.png') no-repeat;
}

/*
#works-content .rsContent{
	width: auto;
	height: auto;
	position: relative;
}

#works-content .rsSlide {
	height: auto;
	width: auto;
}

#works-content .rsOverflow {
	position: relative;
	width: auto !important;
}

#works-content .rsVisibleNearbyWrap {
	width: auto !important;
}*/

.contact-modal-content {
	background-image: url('images/contact_fond1.png'), url('images/contact_fond2.png');
	background-repeat: no-repeat, no-repeat;
	background-position: right center, center;
}

.contact-modal-content .contact-infos {
	display: inline-block;
	margin-top: 50px;
	width: 45%;
	padding-left: 100px;
	text-align: center;
}

.contact-modal-content .contact-infos p {
	display: inline-block;
	margin-right: auto;
	margin-left: 20%;
	margin-left: auto;
	width: 70%;
	font-size: 1vw;
	line-height: 2vw;
	font-style: italic;
	text-align: left;
	color: #908E94;
}

.contact-modal-content .contact-form {
	float: right;
	display: inline-block;
	margin-top: 50px;
	width: 55%;
}

.contact-modal-content .contact-form img {
	width: auto;
}

.contact-modal-content .contact-infos h2,
.contact-modal-content .contact-form h2 {
	margin-bottom: 15px;
	font-size: 3vw;
	line-height: 3vw;
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
	font-style: normal;
	text-align: left;
	text-transform: uppercase;
	color: #E36928;
}

.contact-modal-content .form-wrapper {
	overflow: auto;
	padding-bottom: 20px;
}

.contact-modal-content .wpcf7-form {
	overflow: auto;
}

.contact-modal-content .contact-form .form-left-side {
	float: left;
	display: inline-block;
	margin-right: 5%;
	width: 250px;
}

.contact-modal-content .contact-form .form-right-side {
	display: inline-block;
	width: 250px;
}

.contact-modal-content .contact-form p {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.contact-modal-content .contact-form label {
	display: block;
	padding: 0;
	font-size: 1vw;
	font-style: italic;
	color: #E36928;
}

.contact-modal-content .contact-form #form-obl {
	font-size: 11px;
	font-style: italic;
	color: #E36928 !important;
}

.contact-modal-content .contact-form input,
.contact-modal-content .contact-form textarea {
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	border: solid 1px #E36928;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	width: 250px;
	height: 30px;
	padding: 5px;
}

.contact-modal-content .contact-form textarea {
	height: 122px;
}

.contact-modal-content .contact-form input[type=submit] {
	float: right;
	margin-top: 10px;
	border-radius: 0;
	box-sizing: content-box;
	width: 75px;
	padding: 3px;
	cursor: pointer;
	font-style: italic;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #E36928;
	transition-duration: 0.5s;
	-webkit-appearance: none;
}

.contact-modal-content .contact-infos input[type=submit]:hover {
	transform: scale(1.2);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.contact-modal-content div.wpcf7-response-output {
	border: 0;
	max-width: 550px;
	padding: 2%;
	color: #FFFFFF;
	background-color: #E36928;
}

.contact-modal-content span.wpcf7-not-valid-tip {
	font-size: 0.8vw;
}

#mentions-content #mentions-legales {
	margin-top: 80px;
	margin-bottom: 50px;
	margin-left: 10%;
	width: 45%;
	line-height: 22px;
	font-style: italic;
	color: #908E94 !important;
}

#location-content {
	padding: 105px 0 0 0;
	text-align: center;
}

#location-content p {
	color: unset !important;
}

.si ul {
	margin-bottom: 25px;
}

.si ul li {
	position: relative;
	padding-left: 20px;
}

.si ul li::before {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	display: block;
	border-radius: 8px;
	width: 8px;
	height: 8px;
	background: #68C5EB;
}

.si__title {
	margin-bottom: .7em;
	font-size: 38px;
	font-weight: 300;
	text-transform: uppercase;
	color: #98DAF4;
}

.si__subtitle {
	font-size: 18px;
	font-weight: 700;
	color: #5F5A65;
}

.si__intro {
	margin-top: 3em;
}

.si__intro__description {
	padding: 25px 15px;
	background: linear-gradient(#98DAF4, #69C5EB);
	line-height: 1.5em;
	font-weight: 700;
	color: #fff;
}

.si__performances {
	text-align: center;
}

.si__performances__title {
	margin-bottom: 1em;
	padding: 25px 15px;
	font-size: 24px;
	line-height: 1.33em;
	font-weight: 300;
	color: #68C5EB;
}

.si__performance {
	flex-direction: column;
	align-items: center;
	display: flex;
	margin-bottom: 35px;
}

.si__performance__image {
	margin-bottom: 20px;
	max-width: 75px;
}

.si__performance__text {
	max-width: 250px;
	padding: 0 15px;
	line-height: 1.3em;
	font-weight: 700;
}

.si__quote {
	padding: 35px 15px;
	background: #E4EBE3;
	font-size: 24px;
	line-height: 1.33em;
	font-weight: 300;
	text-align: center;
	color: #5F5A65;
}

.si__advantages {
	margin: 35px 15px;
	text-align: left;
}

.si__advantages__image {
	margin-top: 25px;
}

.si__advantages__title {
	margin-bottom: 1em;
	font-size: 20px;
	line-height: 1.3em;
	font-weight: 700;
	font-weight: 700;
	color: #68C5EB;
}

.si__advantages__text {
	line-height: 1.5em;
	font-weight: 300;
	font-style: italic;
}

.si__scope-rent__image {
	margin: 10%;
}

.si__scope-rent__content {
	margin-top: 25px;
	padding: 35px 15px;
	background: linear-gradient(180deg, #98DAF4, #69C5EB);
	color: #fff;
}

.si__scope-rent__content>div {
	text-align: left;
}

.si__scope-rent__content>div:not(:first-child) {
	margin-top: 35px;
}

.si__scope-rent__content ul li::before {
	background: #fff;
}

.si__scope__title,
.si__rent__title {
	margin-bottom: 1em;
	font-size: 20px;
	line-height: 1.3em;
	font-weight: 700;
}

.si__scope__text,
.si__rent__text {
	line-height: 1.5em;
	font-weight: 300;
	font-style: italic;
}

.si__contact {
	padding: 35px 35px 100px 35px;
	background: #E4EBE3;
	text-align: center;
}

.si__contact__text {
	margin-bottom: 1.3em;
	font-size: 20px;
	line-height: 1.3em;
	font-weight: 700;
}

.si__contact__button {
	display: inline-block;
	transition: .3s;
	padding: 18px 50px;
	background: #98DAF4;
	font-size: 14px;
	line-height: 1.3em;
	font-weight: 700;
	text-transform: uppercase;
	color: #5F5A65;
}

.si__contact__button:hover {
	background: #69C5EB;
	color: #fff;
}

@media screen and (min-width: 700px) {
	#location-content {
		text-align: left;
	}
	#location-content p {
		font-size: unset;
	}
	.si ul li::before {
		top: 12px;
	}
	.si__title {
		margin: 0 5%;
		margin-bottom: 0;
		font-size: 100px;
		line-height: 1.36em;
	}
	.si__subtitle {
		margin: 0 5%;
		font-size: 24px;
	}
	.si__intro {
		position: relative;
		margin-left: 5%;
		padding-top: 35px;
		padding-right: 5%;
		background: url('images/si_vague.png') no-repeat 125% 0%;
	}
	.si__intro::after {
		content: '';
		position: absolute;
		z-index: 2;
		top: 40%;
		left: -25%;
		display: block;
		width: 500px;
		height: 500px;
		background: url('images/si_cercle.png') no-repeat;
		background-size: 100%;
	}
	.si__intro__image {
		position: relative;
		z-index: 2;
		display: inline-block;
		width: 23%;
	}
	.si__intro__image img {
		width: 180%;
	}
	.si__intro__description {
		display: inline-block;
		width: 75%;
		padding: 20px 20px 20px 20%;
		font-size: 24px;
		line-height: 1.3em;
	}
	.si__performances {
		margin-right: 25%;
		margin-left: 25%;
	}
	.si__performances__title {
		margin-top: 125px;
		margin-bottom: 125px;
		font-size: 48px;
	}
	.si__performances__performances {
		flex-direction: row;
		justify-content: space-between;
		display: flex;
		margin: auto;
	}
	.si__quote {
		margin-top: 125px;
		padding: 55px;
		font-size: 48px;
	}
	.si__advantages {
		align-items: flex-start;
		display: flex;
		margin-top: -35px;
	}
	.si__advantages__title {
		position: relative;
	}
	.si__advantages__title::before {
		content: '';
		position: absolute;
		top: -50px;
		left: -50px;
		display: block;
		width: 50px;
		height: 50px;
		background: url('images/si_onde-radio.png') no-repeat;
	}
	.si__advantages__content {
		margin-top: 100px;
		margin-left: 5%;
		width: 50%;
	}
	.si__advantages__image {
		margin-top: 0;
		width: 50%;
	}
	.si__advantages__title {
		font-size: 24px;
	}
	.si__advantages__text {
		font-size: 20px;
	}
	.si__scope-rent {
		align-items: flex-start;
		display: flex;
		margin-right: 5%;
		margin-left: 5%;
	}
	.si__scope-rent__image {
		z-index: 2;
		margin: 0;
		width: 20%;
		padding-top: 125px;
	}
	.si__scope-rent__image img {
		width: 150%;
	}
	.si__scope-rent__content {
		flex-direction: column;
		justify-content: space-between;
		display: flex;
		margin-top: 85px;
		width: 80%;
		padding: 60px 5% 60px 15%;
	}
	.si__scope__title,
	.si__rent__title {
		margin-bottom: 1.6em;
		font-size: 24px;
	}
	.si__scope__text,
	.si__rent__text {
		font-size: 20px;
	}
	.si__contact {
		margin-top: 180px;
		padding: 60px;
	}
	.si__contact__text {
		font-size: 24px;
	}
}

@media screen and (min-width: 1600px) {
	.si__intro {
		padding-right: 15%;
	}
	.si__intro__description {
		margin-top: 45px;
		padding: 56px 138px 56px 415px;
	}
	.si__intro::after {
		top: 65%;
		left: -10%;
		width: 750px;
		height: 750px;
	}
	.si__scope-rent__content {
		flex-direction: row;
		padding: 60px 135px 60px 250px;
	}
	.si__scope-rent__content>div {
		width: 40%;
	}
	.si__scope-rent__content>div:not(:first-child) {
		margin-top: 0;
	}
}

/*** VERSION MOBILE ***/

@media screen and (max-width:900px) {
	body {
		background-color: #ECEDE7 !important;
	}
	#loading-page #loading-texte {
		font-size: 2vw;
	}
	#home-cts {
		height: auto;
		background-color: #ECEDE7;
	}
	#home-cts ul#scene {
		overflow: visible;
	}
	#home-cts ul li {
		display: none !important;
	}
	#home-cts ul li#home-cts-content {
		position: static !important;
		display: block !important;
	}
	#home-cts ul li#home-cts-content section {
		text-align: center;
	}
	#home-cts ul li#home-cts-content section img#logo-cts {
		position: static;
		display: block;
		margin: 10px auto 0 auto !important;
		width: 90%;
		max-width: 304px;
		height: auto;
	}
	#home-cts ul li#home-cts-content section a.cd-btn {
		position: static !important;
		display: block;
		margin: 10px auto 10px auto !important;
		width: 80%;
		max-width: 400px !important;
		height: 100px;
		padding: 0 !important;
		background: none !important;
		text-align: left;
	}
	#home-cts ul li#home-cts-content section a.cd-btn .img-div {
		position: static !important;
		float: left !important;
		display: inline-block !important;
		width: 37%;
		max-width: 115px;
	}
	#home-cts ul li#home-cts-content section a#location-trigger {
		flex-direction: row;
		width: 80% !important;
	}
	#home-cts ul li#home-cts-content section a#location-trigger::before {
		display: none;
	}
	#home-cts ul li#home-cts-content section a#location-trigger .link-div {
		flex-direction: row;
		justify-content: space-between;
		width: 63% !important;
		padding: 0;
		background: none;
	}
	#home-cts ul li#home-cts-content section a#location-trigger .link-div::after {
		margin: 0;
	}
	#home-cts ul li#home-cts-content section a#location-trigger .link-div span,
	#home-cts ul li#home-cts-content section a#location-trigger .link-div span::before {
		max-width: 100px;
	}
	#home-cts ul li#home-cts-content section a#location-trigger:hover .img-div {
		background-position: left top;
	}
	#home-cts ul li#home-cts-content section a#location-trigger .img-div {
		margin: 0;
	}
	#home-cts ul li#home-cts-content section a#about-trigger .img-div {
		margin-top: 8px;
	}
	#home-cts ul li#home-cts-content section a#skills-trigger .img-div {
		margin-top: 25px;
	}
	#home-cts ul li#home-cts-content section a#works-trigger .img-div {
		margin-top: 5px;
	}
	#home-cts ul li#home-cts-content section a#contact-trigger .img-div {
		margin-top: 18px;
	}
	#home-cts ul li#home-cts-content section a.cd-btn .link-div {
		position: static;
		align-items: center;
		float: left !important;
		display: flex;
		margin: 0 !important;
		width: 63% !important;
		height: 100px !important;
	}
	#home-cts ul li#home-cts-content section a.cd-btn .link-div::after {
		position: static;
		margin: 0 0 0 15px;
	}
	#home-cts ul li#home-cts-content section a.cd-btn .link-div span {
		position: relative;
		font-size: 16px;
		line-height: 20px;
		white-space: normal;
		flex: 2;
	}
	#home-cts ul li#home-cts-content section a.cd-btn span::before {
		font-size: 16px;
	}
	#home-cts ul li#home-cts-content section div.white-link-wrapper {
		position: static;
		margin: 0 auto 0 auto;
		width: 90%;
		max-width: 500px;
		height: auto;
		padding: 0;
		background: none;
	}
	#home-cts ul li#home-cts-content section div.white-link-wrapper .link-div {
		top: 0;
		left: 0;
		width: 100%;
		padding: 10px 0px;
		font-size: 16px;
		line-height: 16px;
		text-align: left;
	}
	#home-cts ul li#home-cts-content section div.white-link-wrapper .link-div img {
		margin-left: 15px;
	}
	#home-cts ul li#home-cts-content section a#mentions-trigger {
		height: 50px;
		text-align: center;
	}
	#home-cts ul li#home-cts-content section div.white-link-wrapper .link-div a {
		max-width: 75%;
		text-align: center;
	}
	#home-cts #videos-link {
		position: relative;
		left: 0;
		display: inline-block;
		margin-right: auto;
		margin-left: auto;
		width: 36px;
	}
	#home-cts #linkedin-link {
		position: relative;
		left: 0;
		display: inline-block;
		margin-right: auto;
		margin-left: auto;
		width: 36px;
	}
	#home-cts ul li#home-cts-content section a#mentions-trigger span {
		position: static !important;
		margin-left: 0;
		font-size: 12px !important;
	}
	#about-content {
		overflow-x: hidden;
		background-position: 36px -210px, 0px -400px;
	}
	#about-content #top-part {
		height: 100%;
		text-align: center;
	}
	#about-content #ap-cine-wrapper {
		position: static;
		display: inline-block;
		overflow-x: hidden;
		margin-right: auto;
		margin-left: auto;
		width: 100vh;
		max-width: 100%;
		min-height: 200px;
	}
	#about-content #ap-cine-wrapper img#ap-cine {
		margin-right: auto;
		margin-left: auto;
	}
	.modal-content .modal-title {
		margin-top: 100px;
		margin-right: auto;
		margin-left: auto;
		width: 90%;
		height: auto;
		padding: 0 0 20px 0 !important;
		background: url('images/filet_titre.png') no-repeat bottom center;
		text-align: center;
	}
	#about-content .modal-title {
		margin-top: -20px;
		margin-bottom: 10px;
		background: none;
	}
	.modal-content .modal-title h1 {
		position: static;
		display: inline-block;
		width: 100%;
		font-size: 12vw;
	}
	#about-content #name-cv-wrapper {
		position: static;
		margin: 0 !important;
		text-align: center;
	}
	#about-content #name {
		display: block;
		margin-bottom: 50px;
		width: 100%;
		font-size: 8.5vw;
		text-align: center;
	}
	#about-content #resume-link-wrapper {
		display: inline-block;
		margin-right: auto;
		margin-left: auto;
		border-top: 1px dotted rgb(227, 105, 41);
		border-bottom: 1px dotted rgb(227, 105, 41);
		width: 85%;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#about-content #resume-link {
		display: inline-block;
		margin: 0px;
		width: 120px;
		text-align: left;
	}
	#about-content #job {
		position: relative;
		top: -125px;
		margin: 0px;
		width: 100%;
		font-size: 5vw;
		text-align: center;
	}
	#about-content #experience {
		position: static;
		margin: 15px auto 15px auto;
		width: 100%;
		padding: 10px 5% 50px 5% !important;
		min-height: 50px;
		background-size: 25%;
		background-position: -5% 20%;
	}
	#about-content #experience img {
		width: 20%;
		height: auto;
	}
	#about-content span#nbAnnees {
		font-size: 18vw;
		text-shadow: -1px -1px 0 #E36928, 1px -1px 0 #E36928, -1px 1px 0 #E36928, 1px 1px 0 #E36928, 3px 3px 0px rgba(227, 105, 41, 1);
	}
	#about-content #experience p {
		margin: 0 0 0 3% !important;
		width: 70%;
		max-width: 300px;
		font-size: 4vw;
	}
	#about-content #bottom-part {
		height: 100%;
		padding-top: 5vh;
		text-align: center;
	}
	#about-content #clients {
		float: none;
		display: inline-block;
		margin-right: auto;
		margin-left: auto;
		border-bottom: dotted 1px #E36928;
		width: 85%;
		padding: 0 0 35px 0;
		text-align: center;
	}
	#about-content #clients .gallery .gallery-item {
		margin: 0px 10px;
		width: 35%;
	}
	#about-content #clients .gallery img {
		width: 100%;
		height: auto;
	}
	#about-content #atouts {
		float: none;
		margin-right: auto;
		margin-bottom: 100px;
		margin-left: auto;
		width: 90%;
	}
	#about-content h2,
	#about-content #atouts #atouts-desc h2 {
		width: 100%;
		font-size: 5.5vw;
		text-align: center;
	}
	#about-content #atouts #atouts-desc {
		margin: 0;
		margin-top: 20px;
		margin-bottom: 30px;
		width: 100%;
		max-width: 100%;
	}
	#about-content #atouts #atouts-desc p {
		float: none;
		display: inline-block;
		width: 100%;
		font-size: 5vw;
		text-align: center;
	}
	#about-content #atouts #les-atouts {
		float: none;
		width: 100% !important;
		max-width: 100%;
	}
	#about-content #les-atouts .atout-wrapper {
		margin: 15px 0px !important;
		padding: 0 !important;
		text-align: center !important;
	}
	#about-content #les-atouts .atout-wrapper span {
		margin: 0px !important;
		max-width: 100% !important;
		padding: 0px !important;
		font-size: 5vw !important;
		font-weight: bold !important;
		font-style: normal !important;
		color: #5f5a65 !important;
	}
	#skills-content {
		background: url('images/competences_fond2.png') 40vh -62% no-repeat;
		background-size: 85%;
	}
	#skills-content .left-side,
	#skills-content #infras {
		display: block;
		margin: 0 !important;
		width: 100%;
		padding: 0 !important;
		text-align: center;
	}
	#skills-content h2#titre-metier,
	#skills-content h2#titre-humaines,
	#skills-content h2#titre-infras {
		display: inline-block;
		margin-bottom: 15px;
		width: 80%;
		height: auto;
		padding-top: 20%;
		padding-left: 0 !important;
		font-size: 8vw;
		line-height: 8vw;
		background-position: top center;
		background-size: 15%;
	}
	#skills-content .left-side #metiers,
	#skills-content .left-side #humaines,
	#skills-content #infras {
		padding: 30px 5% !important;
	}
	#skills-content #infras {
		padding-bottom: 100px !important;
	}
	#skills-content #metier-content,
	#skills-content #humaines-content,
	#skills-content #infras-content {
		margin: 0;
		width: 100%;
		padding: 0;
		font-size: 4vw;
		line-height: 8vw;
	}
	#skills-content #infras-content p {
		display: inline-block;
		width: 80%;
		font-size: 4vw !important;
		text-align: center;
	}
	#skills-content #metier-content ul,
	#skills-content #humaines-content ul,
	#skills-content #infras-content ul {
		padding-left: 0;
	}
	#works-content {
		background: none;
	}
	#works-content #timeline {
		width: 100%;
		text-align: center;
	}
	.cts-timeline.cd-horizontal-timeline .timeline {
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	.cts-timeline.cd-horizontal-timeline .events-content {
		margin-bottom: 100px !important;
	}
	.cts-timeline.cd-horizontal-timeline .events-content ol li h2 {
		margin: 0 auto !important;
		margin-right: auto;
		margin-left: auto;
		width: 80%;
		font-size: 8.5vw;
		text-align: center;
	}
	.cts-timeline.cd-horizontal-timeline .events-content ol li p {
		margin: 20px auto 0px auto !important;
		max-width: 80% !important;
		font-size: 5vw;
	}
	.cts-timeline.cd-horizontal-timeline .slider_wrapper {
		margin-left: 0 !important;
	}
	.cts-timeline.cd-horizontal-timeline .royalSlider_wrapper {
		height: 45vh;
	}
	.cts-timeline.cd-horizontal-timeline .royalSlider {
		height: 45vh !important;
	}
	.cts-timeline.cd-horizontal-timeline .rsUni .rsArrowIcn {
		margin-top: -22px !important;
		height: 45px;
		background-size: 50% !important
	}
	.cts-timeline.cd-horizontal-timeline .rsUni .rsArrowRight {
		margin-right: 17px;
	}
	.cts-timeline.cd-horizontal-timeline .rsImg {
		margin: 0 auto!important;
		width: 100% !important;
		max-width: 500px;
		height: auto !important;
	}
	.cts-timeline.cd-horizontal-timeline #nav-infos {
		display: none;
	}
	.contact-modal-content .contact-infos {
		display: block;
		margin: 0 auto !important;
		width: 85%;
		padding: 20px 0 0 0 !important;
		text-align: center;
	}
	.contact-modal-content .contact-infos h2,
	.contact-modal-content .contact-form h2 {
		display: inline-block;
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		font-size: 8vw;
		line-height: 8vw;
		text-align: center;
	}
	.contact-modal-content .contact-infos p {
		display: block;
		width: 100%;
		font-size: 5vw;
		line-height: 7vw;
		text-align: center;
	}
	.contact-modal-content .contact-form {
		display: block !important;
		width: 100% !important;
		padding-bottom: 100px;
		text-align: center;
	}
	.contact-modal-content .contact-form p {
		margin-right: auto !important;
		margin-left: auto !important;
	}
	.contact-modal-content .contact-form label {
		font-size: 5vw;
	}
	.contact-modal-content .contact-form input[type="submit"] {
		float: none;
		margin-right: auto;
		margin-left: auto;
		box-sizing: border-box;
		width: 85%;
		max-width: 250px;
	}
	.contact-modal-content .contact-form #form-obl {
		font-size: 14px;
	}
	.contact-modal-content .contact-form .form-left-side,
	.contact-modal-content .contact-form .form-right-side {
		float: none;
		margin: 0 !important;
		width: 85% !important;
	}
	.contact-modal-content .contact-form .form-right-side p:first-child {
		margin-top: 0px !important;
	}
	.contact-modal-content div.wpcf7-response-output {
		margin-top: 0px;
		border: 0;
		padding: 5%;
		font-size: 4vw;
		color: #FFFFFF;
		background-color: #E36928;
	}
	.contact-modal-content span.wpcf7-not-valid-tip {
		font-size: 3.8vw;
	}
	#mentions-content {
		text-align: center;
	}
	#mentions-content #mentions-legales {
		display: block;
		margin-top: 40px;
		margin-right: auto;
		margin-left: auto;
		width: 85% !important;
		padding-bottom: 100px;
		text-align: center;
	}
}

@media screen and (max-width:900px) and (min-width:415px) {
	#works-content .royalSlider_wrapper {
		min-height: 300px;
	}
	#works-content .royalSlider {
		min-height: 300px;
	}
	#works-content .slider_wrapper {
		min-height: 300px;
	}
	/*
	#works-content .slider_wrapper {
		height: 90vh !important;
	}
	#works-content .royalSlider_wrapper {
		height: 90vh !important;
	}
	#works-content .royalSlider {
		height: 90vh !important;
	}*/
}

@media screen and (max-width:900px) and (min-width:700px) {
	#works-content .rsImg {
		max-width: 700px;
	}
}

@media screen and (max-width:1300px) and (min-width: 900px) {
	#home-cts ul li#home-cts-content section div.white-link-wrapper {
		margin-left: 251px;
		font-size: 1.5w;
	}
	#home-cts ul li#home-cts-content section div.white-link-wrapper .link-div a {
		margin-left: 10px;
		max-width: 100px;
		text-align: center;
	}
	#home-cts ul li#home-cts-content section a#contact-trigger {
		margin-top: -60px;
		margin-left: -475px;
		max-width: 135px;
	}
	#home-cts ul li#home-cts-content section a#works-trigger {
		margin-top: 175px;
	}
	#home-cts ul li#home-cts-content section a#location-trigger {
		flex-direction: column-reverse;
		display: flex;
		margin-top: 10px;
		margin-left: 288px;
		width: auto !important;
		background: none;
	}
	#home-cts ul li#home-cts-content section a#location-trigger::before {
		content: '';
		position: absolute;
		bottom: 50px;
		left: 19px;
		display: block;
		width: 10px;
		height: 200px;
		background: url('images/accueil_menu_pointille_vertical.png') no-repeat;
	}
	#home-cts ul li#home-cts-content section a#location-trigger .link-div {
		z-index: 2;
		flex-direction: row-reverse;
		display: flex;
		width: auto !important;
		height: auto !important;
		padding: 10px;
		background: #FFF;
	}
	#home-cts ul li#home-cts-content section a#location-trigger .link-div::after {
		top: 0;
		margin: 0 15px 0 0;
	}
	#home-cts ul li#home-cts-content section a#location-trigger .link-div span {
		position: static;
		max-width: 100px;
		white-space: normal;
	}
	#home-cts ul li#home-cts-content section a#location-trigger .link-div span::before {
		max-width: 100px;
	}
	#home-cts ul li#home-cts-content section a#location-trigger .img-div {
		margin-left: 25px;
	}
	#about-content #experience p {
		width: 200px;
	}
	#about-content #bottom-part {
		padding-top: 3vh;
	}
	#about-content #atouts {
		width: 77%;
		max-width: 60%;
	}
	#about-content #clients {
		width: 23%;
	}
	#about-content #clients .gallery img {
		width: 100%;
		height: auto;
	}
	#about-content {
		background-position: 36px -223px, 10000% 7%;
	}
}

@media screen and (max-width:900px) and (min-width:400px) {
	.modal-content .modal-title h1 {
		font-size: 50px;
	}
	#about-content #name {
		font-size: 34px;
	}
	#about-content #job {
		font-size: 20px;
	}
	#about-content span#nbAnnees {
		font-size: 72px;
	}
	#about-content #experience p {
		font-size: 16px;
	}
	#about-content h2,
	#about-content #atouts #atouts-desc h2 {
		font-size: 22px;
	}
	#about-content #atouts #atouts-desc p {
		font-size: 20px;
	}
	#about-content #les-atouts .atout-wrapper span {
		font-size: 20px !important;
	}
	#skills-content h2#titre-metier,
	#skills-content h2#titre-humaines,
	#skills-content h2#titre-infras {
		font-size: 32px;
	}
	#skills-content #metier-content,
	#skills-content #humaines-content,
	#skills-content #infras-content,
	#skills-content #infras-content p {
		font-size: 16px;
	}
	.cts-timeline.cd-horizontal-timeline .events-content ol li h2 {
		font-size: 34px;
	}
	.cts-timeline.cd-horizontal-timeline .events-content ol li p {
		font-size: 20px;
	}
	.contact-modal-content .contact-infos h2,
	.contact-modal-content .contact-form h2 {
		font-size: 32px;
	}
	.contact-modal-content .contact-infos p {
		font-size: 20px;
	}
	.contact-modal-content .contact-form label {
		font-size: 20px;
	}
	.contact-modal-content span.wpcf7-not-valid-tip {
		font-size: 16px;
	}
}