body, h1{
	font-family: suisse_intlthin;
	font-size: 24px;
	line-height: 28.8px;
	margin-top: 0;
	margin-bottom: 0;
	color:black;
}

h1 i, h1 em {
	color:black;
	font-family: self_modern_italicIt;
	text-transform: uppercase;
	font-style: normal;
	line-height: 26.8px;
	}


h2{
	font-family: suisse_intlthin;
	font-size: 12px;
	line-height: 14.4px;
	margin-top: 0;
	margin-bottom:0; 
	color:black;

}

p  {
	font-family: suisse_intlthin;
	font-size: 12px;
	line-height: 14.4px;
	margin-top: 0;
	margin-bottom: 28.8px;
	color:black;
}
p:last-child {
	margin-bottom: 0em;
}

.about p {
	font-size: 24px;
	line-height: 28.8px;
}

.about-columns {
	columns: 3;
	column-gap: 28.8px;
}



h2 i, h2 em, p i, p em {
	color:black;
	font-family: self_modern_italicIt;
	text-transform: uppercase;
	font-style: normal;
	line-height: 13.4px;

}

.about p i, .about p em {
	line-height: 26.8px;
}

.contact-text {
	text-align:center;
}

.active {
	font-family: self_modern_italicIt;
}
.actived {
	font-family: self_modern_italicIt;
	text-transform: uppercase;
}


.button-languages {
	font-family: suisse_intlthin;
	margin-top: 0;
	white-space: nowrap;
}

.button-languages a:after {
	margin-left: 5px;
	margin-right: 2px;
	content: "/";
	font-family: suisse_intlthin;
	
	margin-top: 0;
	white-space: nowrap;

}
.button-languages a:last-child:after {
	content: "";

}

a.button-scrollToTop:hover, a.button-scrollToAbout:hover {
	font-family: self_modern_italicIt;
}


.caption_diap {
	display: none;
}


/*Hauteur des boutons */
.button-scrollToTop img, .button-close img, .FlecheDiapoBack img, .FlecheDiapoNext img, .fleche-overflow img{
	height: 14.4px;
}

/*Hauteur d'un onglet projet
*/

.images-carousel-project {
	height: 360px !important;
}

.text-project-container {
	max-height: 360px;
	height: 360px;
	scrollbar-width: none;
}

/* Custom scrollbar */

/* width */
.text-project-container::-webkit-scrollbar {
  width: 0px;
}


/*Cursor custom*/
body, a, h1, h2, h3, h4, div {
	cursor: url(../icones/curseur.svg), auto;
	overflow-x: hidden;*/

}

/*.cursor {
  position: absolute;
  z-index: 10000;
  background: url(../icones/curseur.svg) no-repeat;
  transform: translateX(0%) translateY(0%);
  width:120px;
  height: 120px;
}
*/
.moveAble {
    position: absolute;
    z-index: 100;
}
.moveAble img {
	width: 250px;
	height: auto;
}

/*caption image diaporama*/
.section {display: none;}
.section.selected {display: block;}

.caption {
	display: grid;
	grid-template-columns: 12.5% auto 12.5%;
}

/*custom marges*/

.mt-05 {margin-top:14.4px;}
.mb-05 {margin-bottom:14.4px;}

.mt-1 {margin-top:28.8px;}
.mb-1 {margin-bottom:28.8px;}


.mt-2 {margin-top:57.6px;}
.mb-2 {margin-bottom:57.6px;}

.mt-nav	{margin-top: 115.2px;}


/*Texte défilant*/
.marquee-with-options h1 {
	overflow: hidden;
}

/*scrollcustom*/

.ss-content {
	 padding-right:25px;
}

/*contacts*/
.contact-text {
	word-break: break-word;

    -webkit-hyphens: auto;

    -moz-hyphens: auto;

    -ms-hyphens: auto;

    -o-hyphens: auto;

    hyphens: auto;

}


/*correction bootstrap*/
.panel {
	margin-bottom: 0;
	background-color: #ffffff;
	border: 0px solid transparent;
	border-radius: 0px;
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
$
a, a:hover, a:visited a:focus {color: black; text-decoration: none;}

.bg-white {background-color: white;}



/*Media queries*/

/*mobile < 432*/

@media (max-width: 432px) {
	body, h1{
		font-size: 18px;
		line-height: 21.6px;
	}

	h1 a, h1 em {
		line-height: 19.6px;
	}

	h2{
		font-size: 9px;
		line-height: 10.8px;}

	p  {
		font-size: 9px;
		line-height: 10.8px;
		margin-bottom: 21.16px;
	}

	.about p {
		font-size: 18px;
		line-height: 21.6px;
		text-align: center;
	}

	.about p i, .about p em {
		line-height: 19.6px;

	}

	

	h2 i, h2 em, p i, p em {
		line-height: 9.8px;
	}

	.container-fluid {
	    padding-right: 15px;
	    padding-left: 15px;
	    margin-right: auto;
	    margin-left: auto;
	}

	.images-carousel-project {
		height: 218px !important;
	}

	.text-project-container {
		max-height: auto;
		height: auto;
		overflow-y: hidden
	}

}


/* 767 < tablette < 1060*/

@media (min-width: 767px) {
	.mobil-dp-b {display: none;}
}


@media (min-width: 767px) and (max-width: 1060px) {
	body, h1{
		font-size: 18px;
		line-height: 21.6px;
	}

	h2{
		font-size: 9px;
		line-height: 10.8px;}

	p  {
		font-size: 9px;
		line-height: 10.8px;
		margin-bottom: 21.6px;
	}

	.about p {
		font-size: 18px;
		line-height: 21.6px;

	}



	.images-carousel-project {
		height: 270px !important;
	}

	.text-project-container {
		max-height: 270px;
		height: 270px;
		overflow-y: hidden
	}

	.button-scrollToTop img, .button-close img, .FlecheDiapoBack img, .FlecheDiapoNext img, .fleche-overflow img {
	height: 10.8px;
	}

	/*CorrectionBootstrap*/

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14 {
	    position: relative;
	    min-height: 1px;
	    padding-right: 10.8px;
	    padding-left: 10.8px;
	}

	.container-fluid {
	    padding-right: 21.6px;
	    padding-left: 21.6px;
	    margin-right: auto;
	    margin-left: auto;
	}

	/*custom marges*/

	.mt-05 {margin-top:10.8px;}
	.mb-05 {margin-bottom:10.8px;}

	.mt-1 {margin-top:21.6px;}
	.mb-1 {margin-bottom:21.6px;}


	.mt-2 {margin-top:43.2px;}
	.mb-2 {margin-bottom:43.2px;}

	.mt-nav	{margin-top: 94.4px;}

	.row {
    margin-right: -11.3px;
    margin-left: -11.3px;
		}

}





@media (min-width: 768px) and (max-width: 992px) {
	.about-columns {
		columns: 2;
	}
}

@media (max-width: 767px) {
	.mobil-dp-n {display: none;}
	.mobil-dp-b {display: block;}
	.about-columns {
		columns: 1;
	}

	.text-project-container {
		max-height: none;
		height: auto;
		overflow-y: hidden
	}
	.text-project-content {
		text-align: center;
	}
	.fleche-overflow {
		display: none !important;
	}

	.button-scrollToTop img, .button-close img, .FlecheDiapoBack img, .FlecheDiapoNext img, .fleche-overflow img {
	height: 10.8px;
	}

	body, h1{
		font-size: 18px;
		line-height: 21.6px;
	}

	h2{
		font-size: 9px;
		line-height: 10.8px;}

	p  {
		font-size: 9px;
		line-height: 10.8px;
		margin-bottom: 21.6px;
	}

	.about p {
		font-size: 18px;
		line-height: 21.6px;
		text-align: center;
	}

	.contact-text {text-align: center;}

	.contact-text p, .contact-text p em {
		font-size: 9px;
		line-height: 10.8px;
	}

	/*CorrectionBootstrap*/

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14 {
	    position: relative;
	    min-height: 1px;
	    padding-right: 10.8px;
	    padding-left: 10.8px;
	}

	.container-fluid {
	    padding-right: 21.6px;
	    padding-left: 21.6px;
	    margin-right: auto;
	    margin-left: auto;
	}

	/*custom marges*/

	.mt-05 {margin-top:10.8px;}
	.mb-05 {margin-bottom:10.8px;}

	.mt-1 {margin-top:21.6px;}
	.mb-1 {margin-bottom:21.6px;}


	.mt-2 {margin-top:43.2px;}
	.mb-2 {margin-bottom:43.2px;}

	.mt-nav	{margin-top: 94.4px;}

	.row {
    margin-right: -10px;
    margin-left: -10px;
		}
}