@font-face {
    font-family: 'GT-Cinetype-Bold';
    src: url('GT-Cinetype-Bold.woff') format('woff');
    font-weight: bold;
    font-style: bold;
    font-display: auto;
}

@font-face {
    font-family: 'GT-Cinetype-Light';
    src: url('GT-Cinetype-Light.woff') format('woff');
    font-weight: light;
    font-style: light;
    font-display: auto;
}



body.home{
  font-family: "GT-Cinetype-Bold"; 
  color: black;
  font-size: 15pt;
  background: #fffce4;
  margin:0;

}

body.projet{
  font-family: "GT-Cinetype-Bold"; 
  color: white;
  font-size: 21pt;
  background: black;
  margin:0;

}

a {
	cursor: pointer;
	text-decoration: none;
	color: white;

}

span p{
	cursor: pointer;
}

h1 {
	font-size: 15pt;
	margin-top: 8px;
}

h2 {
	white-space: nowrap;
	font-family: 'GT-Cinetype-Light';
	font-weight: normal;
	font-size: 15pt;
}

.backgroundmobile{
	height: 100vh;
	width: 100vw;
	background-color : #fffce4; 
	 
}

.divmenu  {
	border-right: 1px solid black;
	top: 0;
	position : fixed;
	width: 120px;
	height : 100%;
	background-color : #fffce4; 
	z-index: 1;

}

.colonnecontact  {
	width: 30%;
	height : 100%;
	float: left;
	position: relative;

}

.menu {
	height : 100%;
	background-color : #fffce4; 
}

.emptymenu {
	height : calc(100% - 310px);

}

.typomenu {
	margin-top: 90px;
	transform: rotate(90deg);

}

.typomenu2 {
	white-space: nowrap;
	font-family: 'GT-Cinetype-Light';
	transform: rotate(90deg);

}

.contact {
	border-right: 1px solid black;
	width: 33%;
	height: 100%;
	float: left;
	background-color : #e3e1d4; 
	cursor:pointer;

}

.branding {
	border-right: 1px solid black;
	width: 33%;
	height: 100%;
	float: left;
	background-color : #edeadc; 
	cursor:pointer;

}

.cinematic {
	width: 32%;
	height: 100%;
	float: left;
	background-color : #f6f4e5; 
	cursor:pointer;

}

.divprojet  {
	width: calc(100% - 120px);
	height : 100vh;
	position: fixed;
	left:120px;
	background-color : #fffce4; 

}

.divtopright  {
	border-bottom: 1px solid black;
	height : 40px;
	background-color : #fffce4; 
	position: relative;
	z-index: 100;

}


.typomaximepourchon {
	padding-left: 40px;
	padding-top: 1px;
	position: fixed;
	width: 100%;
	

}

.divmain {
	height : calc(100% - 80px);
	background-color : #fffce4; 

}

.projet  {
	border-right: 1px solid black;
	width : calc(100% - 360px);
	height: 100%;
	float: left;
	background-color : #fffce4; 
	
}

.marginprojet {
	margin: 40px;
	background-color: #fffce4;
	width: calc(100% - 80px);
	height: calc(100% - 80px);
	/*background-image : url(../images/conv1.jpg);
	background-size: 100% 100%;*/
	
}

.full {
	width:100%; 
	height:100%; 
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: center;
}

.swiper-container {width:100%; height: 100%}

.swiper-container2 {width:100%; height: 100%}

.description  {
	width : 359px;
	height: 100%;
	float: left;
	background-color : #fffce4; 
	z-index: 2;
	
}

.margindescription {
	margin: 40px;
	background-color: #fffce4;
	width: calc(100% - 80px);
	height: calc(100% - 80px);
}

.margindescription a {color: #000}

.typodescription {
	font-family: 'GT-Cinetype-Light';
	font-size: 10pt;
	margin-top: 20px;

}

.typodescription1 {
	font-family: 'GT-Cinetype-Light';
	font-size: 10pt;
	margin-top: 20px;

}

.typodescription2 {
	font-family: 'GT-Cinetype-Light';
	font-size: 10pt;
	margin-top: 20px;

}
.typodescription3 {
	font-family: 'GT-Cinetype-Light';
	font-size: 10pt;
	margin-top: 20px;

}
.typodescription4 {
	font-family: 'GT-Cinetype-Light';
	font-size: 10pt;
	margin-top: 20px;

}
.typodescription5 {
	font-family: 'GT-Cinetype-Light';
	font-size: 10pt;
	margin-top: 20px;

}
.typodescription6 {
	font-family: 'GT-Cinetype-Light';
	font-size: 10pt;
	margin-top: 20px;

}
.typodescription7 {
	font-family: 'GT-Cinetype-Light';
	font-size: 10pt;
	margin-top: 20px;

}
.typodescription8 {
	font-family: 'GT-Cinetype-Light';
	font-size: 10pt;
	margin-top: 20px;

}
.typodescription9 {
	font-family: 'GT-Cinetype-Light';
	font-size: 10pt;
	margin-top: 20px;

}
.typodescription10 {
	font-family: 'GT-Cinetype-Light';
	font-size: 10pt;
	margin-top: 20px;

}
.typodescription11 {
	font-family: 'GT-Cinetype-Light';
	font-size: 10pt;
	margin-top: 20px;

}


.divbottomright  {
	border-top: 1px solid black;
	height : 40px;
	
	z-index: 99;
	position: relative;

}

.divpageprojet  {
	border-right: 1px solid black;
	width : calc(100% - 360px);
	height: 100%;
	float: left;
	background-color : #fffce4; 
	
}

.emptybottom  {
	border-right: 1px solid black;
	width : calc(100% - 123px);
	height: 100%;
	float: left;
	background-color : #fffce4; 
	
}

.case  {
	width : 40px;
	height: 100%;
	float: left;
	background-color : #fffce4; 
	
}

.typofleche {
	font-family: 'GT-Cinetype-Light';
	padding-top: 7px;
	padding-left: 11px;

}

.typofleche2 {
	font-family: 'GT-Cinetype-Light';
	padding-top: 8px;
	padding-left: 14px;

}

.nbprojet  {
	border-right: 1px solid black;
}

.flechegauche  {
	border-right: 1px solid black;
	cursor:pointer;
}

.flechedroite  {
	cursor:pointer;
}

.divpagedescription  {
	width : 359px;
	height: 100%;
	float: left;
	background-color : #fffce4; 
}


.nbdescription  {
	border-right: 1px solid black;	
}

.flechebas  {
	border-right: 1px solid black;
	cursor:pointer;
}

.flechehaut  {
	cursor:pointer;
}