:root{
	--main-bg-color:#f8f8f8;
	--main-bg-color-opa:#20495d82;
	--main-color:#abc7ff;
	--main-color-dark:#ffe497;
	--main-color-dark-bis:#2185d0;
	--main-color-very-dark:#deae24;
	--main-font:"Open Sans Condensed", sans-serif;
	--section-color-dark:#23221e;
	--sub-title-font:"Sacramento", cursive;
}

/* START - Global */
body{
	font-family:var(--main-font);
	text-align:center;
}
.pusher{
	border:15px solid white;
}
.main-color{
	color:var(--main-color-very-dark);
}
blockquote.important-title::before,
blockquote.important-title::after{
	content:"“";
	position:absolute;
	z-index:-10;
	font-family:georgia, serif;
	font-size:1em;
	color:var(--main-color-very-dark);
}
blockquote.important-title::before{
	margin-top:-9px;
	margin-left:-22px;
}
blockquote.important-title::after{
	margin-top:22px;
	margin-left:8px;
}
.important-title,
.ui.menu .item.important-title{
	padding-bottom:15px;
	font-family:var(--sub-title-font);
	font-size:1.9em;
	font-weight:100;
	color:var(--main-color-very-dark);
}
.align-left{
	text-align:left;
}
.section-title{
	font-size:20px;
	color:#3a3a3a;
	text-transform:uppercase;
	letter-spacing:15px;
}

.section-subtitle{
	font-family:var(--main-font);
	font-size:31px;
	font-style:inherit;
	font-weight:400;
	line-height:1.4;
	color:var(--main-color-very-dark);
	text-align:center;
}
.para-paralax{
	margin:0 0 17px;
	font-size:1.3em;
	font-style:italic;
	line-height:1.8;
	color:#ffffff;
	text-align:justify;
	-moz-text-align-last:center;
	     text-align-last:center;
	text-transform:none;
	letter-spacing:.6px;
	word-break:break-word;
	word-wrap:break-word;
}
.dashed{
	color:var(--main-color-very-dark);
	border-bottom:1px dashed var(--main-color-dark);
}

.ui.bulleted.list .list > .item,
.ui.bulleted.list > .item,
ul.ui.list li{
	font-size:1.3em;
	font-style:italic;
	font-weight:6;
	text-align:left;
	text-transform:none;
	letter-spacing:.6px;
	word-break:break-word;
	word-wrap:break-word;
}
/* END - Global */

/* START - The paralax list*/
.paralax{
	padding:50px 0;
	margin:0 auto;
	letter-spacing:.9px;
	background-position:center center;
	background-size:cover;
}
.paralax1{
	background:url(../img/EID_6805_00003.jpg) no-repeat 13% 0 fixed;
}
@media (max-width: 768px) {
	.paralax1{

	/*	background: url(../img/EID_6805.jpg) no-repeat 42% fixed;
		background: url(../img/iphone.png) no-repeat 42% fixed;*/
		background: url(../img/fond.png) no-repeat 42% fixed; 
	}
/*	.photosequipe{
	    
	    background: url(../img/equipe.png) no-repeat 42% fixed; 
	    
	}*/
}
@media (max-width: 500px) {
	.paralax1{

	/*	background: url(../img/EID_6805.jpg) no-repeat 42% fixed;
		background: url(../img/iphone2.png) no-repeat 42% fixed;*/
		background: url(../img/fond.png) no-repeat 42% fixed; 
	}
/*	.photosequipe{
	    
	    background: url(../img/equipe.png) no-repeat 42% fixed; 
	    
	}*/
}
figure.equipe img{
      max-width: 100%;
     
}
@media (min-width: 768px){
  
    
    figure.equipe{
        display:none;
        
     
    }
    
}

.paralax2{
	/*background:url(../img/header4.jpg)*/
	/*50% 0 no-repeat fixed;*/
	background: var(--section-color-dark);
}
.paralax3{
	background:url(../img/bg3.jpg)
	50% 0 no-repeat fixed;
}
/* END - The paralax list*/


/*START - NAV*/
.ui.secondary.inverted.pointing.menu{
	border:none;
}
.ui.facebook.button,
.ui.google.plus.button,
.ui.twitter.button,
.ui.linkedin.button{
	background-color:#3b599800;
	border:2px solid var(--main-color-dark);
	transition:all .2s ease-out;
}
.ui.facebook.button:hover,
.ui.google.plus.button:hover,
.ui.twitter.button:hover,
.ui.linkedin.button:hover{
	transition:all .2s ease-out;
}
.ui.facebook.button:hover{
	background-color:#3b5998;
	border-color:#3b5998;
}
.ui.twitter.button:hover{
	background-color:#55acee;
	border-color:#55acee;
}
.ui.linkedin.button:hover{
	background-color:#1f88be;
	border-color:#1f88be;
}
.ui.google.plus.button:hover{
	background-color:#dd4b39;
	border-color:#dd4b39;
}

.ui.secondary.inverted.pointing.menu .active.item{
	color:#ffffff;
	border-color:var(--main-color-dark);
}
/*END - NAV*/

/*START - Header*/

.ui.inverted.segment#big-header{
	height:110vh;
	background:url(../img/EID_6795_00002.jpg) 50% no-repeat fixed;
	background-size:cover;
}

.header-background{
	max-width:1600px;
	height:100%;
	padding-right:60px;
	padding-left:60px;
	text-align:left;
}
.masthead .header-background > h2{
	font-family:var(--sub-title-font);
	font-size:2.7em;
	color:var(--main-color-dark);
}
.masthead .header-background > span{
	font-family:var(--sub-title-font);
	font-size:1.7em;
}
.masthead h1.ui.header.main-title{
	height:auto;
	font-family:"Open Sans Condensed", sans-serif;
}
@media (min-width: 768px){
	.masthead h1.ui.header.main-title{
		margin-top:40px;
		font-size:80px;
		line-height:80px;
	}
}
@media (min-width: 1200px){
	.masthead h1.ui.header.main-title{
		margin-top:30px;
		font-size:100px;
		line-height:100px;
	}
}
@media (min-width: 1600px){
	.masthead h1.ui.header.main-title{
		margin-top:30px;
		font-size:120px;
		line-height:122px;
	}
}
/*END - Header*/

/*START - COMPETENCE*/
.box-item{
	padding:0;
	background-color:#ffffff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);
	   -moz-box-shadow:0 1px 3px rgba(0,0,0,.1);
	        box-shadow:0 1px 3px rgba(0,0,0,.1);
	-webkit-transition:all .3s ease-out;
	        transition:all .3s ease-out;
}
.box-item .content{
	padding:40px;
}
.box-item .illustration{
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
}
.box-item .illustration img{
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
	-webkit-transition:all .3s;
	        transition:all .3s;

	-webkit-backface-visibility:hidden;
	   -moz-backface-visibility:hidden;
	    -ms-backface-visibility:hidden;
	        backface-visibility:hidden;
}
/*END - COMPETENCE*/
/*MODE*/
.work-mode{
	padding:5px;
	text-transform:uppercase;
}
/*MODE*/
/*START - FOOTER*/
.ui.segment.section-footer{
	background:var(--section-color-dark);
}
.ui.inverted.segment,
.ui.primary.inverted.segment{
	height:100%;
}
.over-section{
	padding-right:2rem;
	padding-left:2rem;
}
.over-section{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:    -ms-flex;
	display:        flex;
	padding-right:1.25rem;
	padding-left:1.25rem;

	-webkit-align-items:center;
	    -ms-align-items:center;
	        align-items:center;
	-webkit-justify-content:center;
	    -ms-justify-content:center;
	        justify-content:center;

	/*-webkit-flex-direction: row;*/
	/*-ms-flex-direction: row;*/
	/*flex-direction: row;*/
}
.ov-content{
	position:absolute;
	z-index:1;
	max-width:800px;
	padding:50px 100px 40px;
	margin-top:-7em;
	background:white;
}
.shadow-section{
	width:800px;
	height:30px;
	background:radial-gradient(ellipse at center,rgba(0,0,0,.075) 0,transparent 65%);
	-webkit-transform:translateY(100%);
	        transform:translateY(100%);
}
/*END - FOOTER*/
/*START - CONTACT*/
#section-contact > div{
	padding:40px;
	text-transform:uppercase;
	background:#20495d82;
}
.ui[class*="two column"].grid > .column:not(.row).contact-form{
	position:absolute;
	right:0;
	display:none;
	height:625px;
	padding:50px;
	background:white;
	-webkit-box-shadow:0 1px 32px rgba(0, 0, 0, .13);
	        box-shadow:0 1px 32px rgba(0, 0, 0, .13);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
	font-size:.875em;
	color:#aca49c;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{
	color:#bbb5af;
}

input::-moz-placeholder,
textarea::-moz-placeholder{
	font-size:.875em;
	color:#aca49c;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{
	color:#bbb5af;
}

input::placeholder,
textarea::placeholder{
	font-size:.875em;
	color:#aca49c;
}

input:focus::placeholder,
textarea::focus:placeholder{
	color:#bbb5af;
}

input::-ms-placeholder,
textarea::-ms-placeholder{
	font-size:.875em;
	color:#aca49c;
}

input:focus::-ms-placeholder,
textarea:focus::-ms-placeholder{
	color:#bbb5af;
}

/* on hover placeholder */

input:hover::-webkit-input-placeholder,
textarea:hover::-webkit-input-placeholder{
	font-size:.875em;
	color:#e2dedb;
}

input:hover:focus::-webkit-input-placeholder,
textarea:hover:focus::-webkit-input-placeholder{
	color:#cbc6c1;
}

input:hover::-moz-placeholder,
textarea:hover::-moz-placeholder{
	font-size:.875em;
	color:#e2dedb;
}

input:hover:focus::-moz-placeholder,
textarea:hover:focus::-moz-placeholder{
	color:#cbc6c1;
}

input:hover::placeholder,
textarea:hover::placeholder{
	font-size:.875em;
	color:#e2dedb;
}

input:hover:focus::placeholder,
textarea:hover:focus::placeholder{
	color:#cbc6c1;
}

input:hover::placeholder,
textarea:hover::placeholder{
	font-size:.875em;
	color:#e2dedb;
}

input:hover:focus::-ms-placeholder,
textarea:hover::focus:-ms-placeholder{
	color:#cbc6c1;
}

#form{
	position:relative;
	width:100%;
	margin:50px auto 25px auto;
}
.flash-error,
.flash-success{
	width:100%;
	padding:0 70px!important;
	border-radius:0;
	outline:none;
}
.ui.flash-error p,
.ui.flash-success p{
	padding:.75em;
	margin:0;
}
.flash-error{
	color:#9f3a38;
	border:solid 1px #9f3a38;
}
.flash-success{
	color:#2c662d;
	border:solid 1px #2c662d;
}
input{
	width:100%;
	height:50px;
	padding:0 15px 0 15px;
	font-size:.875em;
	color:var(--main-color-very-dark);
	background:transparent;
	border:solid 1px #b3aca7;
	border-bottom:none;
	outline:none;
	-webkit-transition:all .3s ease-in-out;
	   -moz-transition:all .3s ease-in-out;
	    -ms-transition:all .3s ease-in-out;
	        transition:all .3s ease-in-out;
}

input:hover{
	color:var(--main-color-dark);
	background:var(--main-bg-color-opa);
}

textarea{
	width:100%;
	height:110px;
	max-height:110px;
	padding:15px;
	font-size:.875em;
	color:var(--main-color-very-dark);
	background:transparent;
	border:solid 1px #b3aca7;
	outline:none;
	-webkit-transition:all .3s ease-in-out;
	   -moz-transition:all .3s ease-in-out;
	    -ms-transition:all .3s ease-in-out;
	        transition:all .3s ease-in-out;
}

textarea:hover{
	color:var(--main-color-dark);
	background:var(--main-bg-color-opa);
}

#submit{
	width:100%;
	padding:0;
	margin-top:20px;
	font-size:.875em;
	color:#b3aca7;
	cursor:pointer;
	border:solid 1px #b3aca7;
	outline:none;
}

#submit:hover{
	color:white;
}
#map-canvas{
	width:100%;
	height:400px;
}

/*END - CONTACT*/



/* REPONSIVE*/

@media (min-width: 768px){
	.ui.inverted.segment#big-header{
		background:url(../img/EID_6795_00002.jpg) 0 12% no-repeat fixed;
		/*background-size:auto;*/
	}
	.work-mode{
		padding:100px;
	}
	.important-title{
		font-size:2.7em;
	}
	.section-title{
		font-size:1.71428571rem;
	}
	.ui[class*="two column"].grid > .column:not(.row).contact-form{
		display:block;
	}
	#section-contact > div{
		padding:100px;
	}
}
@media (min-width: 1200px){
}
@media (min-width: 1600px){
}

.doubleverification {
	display: none;
}