@charset "UTF-8";

@font-face {
    font-family:"plan_black";
    src: url('fontes/Plan_x524_20191111-Black.otf');
}

@font-face {
    font-family:"plan_bold";
    src: url('fontes/Plan_x524_20191111-Bold.otf');
}

@font-face {
    font-family:"plan_normal";
    src: url('fontes/Plan_x524_20191111-Normal.otf');
}

@font-face {
    font-family:"plan_book";
    src: url('fontes/Plan_x524_20191111-Book.otf');
}

body{
background-color: #f0f0f0;
font-size:15px !important;
line-height: 21px !important;
font-family:"plan_normal";
}

header{
background-color:#f0f0f0;
}

div {
font-family: "plan_black";
}

p{
display: : inline-block;

}

#containerP {
	width:calc(100% - 80px);
	padding:0px 40px;
flex:1;
flex-flow: column wrap;
overflow:auto;
}

#containerP p {
	margin:0;
}

.main-carousel {
	width:100%;
	height:calc(100vh - 237px);
	min-height:300px;
	margin: 40px auto 40px auto;
	cursor: pointer 16 16, auto !important;
}

.carousel-cell {
  width: 100%;
  height: 100%;
}

.carousel-cell-image {
  display: block;
  max-height: 100%;
  margin: 0 auto;
  max-width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
          transition: opacity 0.4s;
}

/* fade in lazy loaded image */
.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}
#infosProj {
	width:100%;
	height:auto;
	position:relative;
}
#parties {
	width: auto;
margin: 40px 0px 20px calc(30% + 45px);
}

#parties > div {
	display:inline-block;
}

#nomsParties {
width: calc(100% - 600px);
min-height: 50px;
vertical-align:top;
text-align:center;
margin: 0 0 0 300px;
display:inline-block;
}

#nomsParties a {
	margin-right:10px;
	color: rgb(105, 105, 105) !important;
	border: 0px !important;
}

#nomsParties a:hover {
	color: black !important;
	cursor: pointer
}

#nomsParties a.selected {
	color: black !important;
}

.grey {
	color: rgb(105, 105, 105) !important;
}

a#lien.dataP.grey {
	color: rgb(105, 105, 105) !important;
	border: 0px !important;
}

.dataP a:hover {
	color: rgb(0, 129, 30) !important;
	border: 0px !important;
}

a:hover#lien.dataP.grey {
	color: rgb(0, 129, 30) !important;
	cursor: pointer;
	border: 2,5px black!important;
}

a.selected#lien.dataP.grey {
	color: rgb(0, 129, 30) !important;
}


#numParties {
width: 100px;
min-height:50px;
text-align: right;
float: right;
display:inline-block;
vertical-align:top;
}

#titreDate {
min-height: 50px;
display: inline-block;
vertical-align: top;
position:absolute;
top:0;
left:0;
line-height:24px;
} 

#soustitreprojet {
	line-height:24px;
	color: rgb(105, 105, 105) !important;
}

#legend,
#datas {
	min-height:50px;
	display:inline-block;
	vertical-align:top;
	line-height:26px;
}
#legend{
	width:100%;
	margin: 0 0 25px 0;
}
#datas {
	position:absolute;
	
	left:0;
}
#datas p {
background-color:#f0f0f0;
	font-size: 15px !important;
	line-height: 21px !important;
border:none;
}
	
textarea {
	width:100%;
	resize:none !important;
	border:0 !important;
	outline:none !important;
	padding:0 !important;
	font-family:"plan_bold" !important;
	background-color: #f0f0f0;
	font-size: 15px !important;
	line-height: 21px !important;
}

#dates,
#autLieu,
#techs {
	height:100%;
	display:inline-block;
	vertical-align:top;
	line-height:24px;
}

#autLieu,
#techs {
	padding:0 10px 0 0;
	width:calc(50% - 310px);
}

#clientCollab {
	width:auto;
	display:inline-block;
	vertical-align:top;
}

#liens {
	width: 100%;
	display:inline-block;
	vertical-align:top;
	line-height:24px;
	margin-bottom:40px;
	
}

#disciplineprojet {
	margin-bottom:25px;
}

#projRel,
#documentEx {
	margin-bottom:25px;
}

#descriptionprojet {
	width:calc(100% - 600px);
	display:inline-block;
	vertical-align:top;
	font-size: 18px !important;
	line-height: 23px !important;
	margin:0 0 40px 300px;
}


#blocContact {
	padding: 0px 40px;
	margin-bottom: -35px;
}

.none {
	display: none;
}
.carousel-cell-image {
	margin: calc(50vh - 118.5px) auto 0 auto;
	transform:translateY(-50%);
}

@media (max-width: 1200px) {
	#autLieu {
		padding:0 10px 0 0;
		width:calc(50% - 160px);
	}
	#techs {
		padding:0;
		width:calc(50% - 150px);
	}
	#descriptionprojet {
		width:calc(100% - 300px);
	}
}

@media (max-width: 900px) {

	body {
	font-size: 18px !important;
	line-height: 23px !important;
}
#bTri {
	display:none;
}
.carousel-cell-image {
	margin: 150px auto 0 auto;
	transform:translateY(-50%);
}

	#containerP {
	width: auto;
	padding:0px 10px;
}
	.main-carousel {
		height: 300px;
margin: 0px auto 17px 0px;
	}

	#dates, #autLieu, #techs, #liens{
		width:calc(50% - 25px);
	}
	#techs{
		padding-top:0;
	}
	.next,
	.previous {
		display:none;
	}

#parties {
	width: auto;
margin: 40px 0px 20px calc(30% + 45px);
}

#parties > div {
	display:inline-block;
}

#nomsParties {
width: calc(100% - 110px);
min-height: auto;
padding-bottom: 10px;
text-align: left;
margin:0;
pading: 0 10px 0 0;
}

#nomsParties a {
	margin-right:10px;
	color: rgb(105, 105, 105) !important;
	border: 0px !important;
}

#nomsParties a:hover {
	color: black !important;
	cursor: pointer
}

#nomsParties a.selected {
	color: black !important;
}


#numParties {
width: 100px !important;
min-height: auto;
padding-bottom: 10px;
text-align: right;
float: right;
}

#titreDate {
	position:relative;
width: 100% !important;
min-height: auto;
display: inline-block;
vertical-align: top;
padding-top: 10px;
padding-bottom: 10px;
border-top: 2px solid black;
} 


#soustitreprojet {
	margin:0;
}

#legend,
#datas {
	width:calc(100%);
	min-height:57px;
	display:inline-block;
	vertical-align:top;
	line-height:26px;
	position:relative;
	margin:0;
	top:0;
}
#datas p,
#datas textarea {
font-size: 18px !important;
line-height: 23px !important;
background-color:#f0f0f0;
	}
	
textarea {
	width:100%;
    resize:none;
	border:0;
	outline:none;
	font-size: 18px !important;
	line-height: 23px !important;
}

#dates,
#autLieu,
#techs {
width: 100%;
height: auto;
display: inline-block;
vertical-align: top;
line-height: 24px;
padding-top: 10px;
padding-bottom: 10px;
}

#techs {
width: 100%;
height: auto;
display: inline-block;
vertical-align: top;
line-height: 24px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 2px solid black;
}

#clientCollab {
	width:auto;
	display:inline-block;
	vertical-align:top;
}

#liens {
width: 100%;
display: inline-block;
vertical-align: top;
line-height: 24px;
margin:0;
padding-top: 10px;
}

#disciplineprojet {
	margin-bottom:20px;
}

#projRel,
#documentEx,
#lienEx {
	margin-bottom:20px;
}

#descriptionprojet {
width: 100%;
font-size: 100px;
display: inline-block;
vertical-align: top;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 2px solid black;
border-top: 2px solid black;
margin: 0;
}

#blocContact {
	padding: 40px 40px 0px 40px;
	margin-bottom: -35px;
}

.medianone {
	display: none !important;
}

}