@import "font.css";
@import "slideshow.css";

*{ 	margin:0;padding:0;
	list-style:none;
	font-family:"Avenir Next LT Pro";
	font-weight:500;
	font-stretch: normal;
	letter-spacing:0.1px;
}
a{text-decoration:none;color:#000;}
a:hover{background-color:#000;color:#FFF;}

/**********************/
header{position:fixed;z-index:1;}
header a img{cursor: pointer;}
header figcaption{font-size: 16px !important;}

#albertine{cursor:-webkit-grab;cursor:grab;}
			
.menu_header{position:fixed;z-index:9999;top:20px;right:20px;background-color:transparent;border:none;height:80px !important;}
.menu_header img{width:40px !important;height:40px !important;cursor:pointer;margin-left: 0px !important;}


section{position:fixed;z-index:10;}
#left{margin-left:-600px;}
-webkit-transition:1.5s margin-left;
   -moz-transition:1.5s margin-left;
	 -o-transition:1.5s margin-left;
   		transition:1.5s margin-left;
}
body:hover #left{margin-left:0;}

#right{margin-right:-600px;}
-webkit-transition:1.5s margin-right;
   -moz-transition:1.5s margin-right;
	 -o-transition:1.5s margin-right;
   		transition:1.5s margin-right;}
body:hover #right{margin-right:0;}

/**********************/

nav,section{background-color:#F9F9F9;}
nav{position:fixed;border-bottom: #000 solid 3px;height:52px;} 
nav ul li{display:inline-block;}
nav ul li{padding-top: 18px;}
nav ul li a{padding: 20px;padding-bottom:17px;font-size: 16px;}
#docu{display:inline-block;}

.menu_mobile{display:none;position: absolute;top:-8px;right: 10px;margin: 0px !important;}
.menu_mobile img{width:30px !important;height:30px !important;cursor:pointer;margin: 0px !important;}
.cat{cursor: pointer;}

#fleche_back{display:none;position: absolute;top:-8px;left: 10px;margin: 0px !important;}
#fleche_back img{width:30px !important;height:30px !important;cursor:pointer;margin: 0px !important;}


#right{right:0px;border-left:#000 solid 3px;}
#right{text-align:center;}
#right ul li{text-align:left;}
p,table{text-align:left;}
#right td{vertical-align: top;padding-right: 10px;}

#right h2{font-weight: bold;}

#actualite p, #biographie p, #exposition td,#documentation p{font-stretch:condensed;}

#biographie p {text-indent: 25px;}

#exposition td{font-weight: 300;}
#exposition span{font-weight: bold;font-stretch:condensed;}
#exposition date{font-weight: bold;font-stretch:condensed;}

#exposition #years{margin-top: 10px;}
#exposition #years td{padding-top: 15px;}

#documentation h4{text-align:left;font-weight: bold;border-bottom: 2px solid #000;margin-bottom: 15px;font-stretch:condensed;}
#documentation ul li span{font-style: italic;font-weight:300;font-size: 14px;font-stretch:condensed;}
#documentation ul li{margin-bottom:15px;}

#documentation a{text-decoration: underline;}
#documentation a:hover{background-color:transparent;color:#999;}

#liens h4{text-align:left;font-weight: bold;border-bottom: 2px solid #000;margin-bottom: 15px;font-stretch:condensed;}
#liens ul{magrin:5px;margin-bottom: 20px;}
#liens a{text-decoration: none;}
#liens a:hover{background-color:transparent;color:#999;text-decoration: underline;}

header h1{
	position:fixed;
	width:280px;
	text-align:center;
	z-index:8;
	color:#FFF;
	
	top:50%;
	margin-top: -22px;

	left:50%;
	margin-left: -140px;

	text-shadow: 1px 1px 2px #999;
}

tr{padding-bottom: 20px !important;}

hr{border:#000 solid 1.5px;}

#left{border-right: #000 solid 3px;}	
section{
	position:fixed;
	overflow:scroll;
}
#left article{margin-top: 100px;}
article{margin-bottom:100px;}

#right article{padding:0 60px;line-height: 25px;}
#right h2{margin-bottom: 20px;padding-top: 100px;}

#liste_projet a{font-size: 16px;}
#liste_projet a:hover{background-color:transparent;color:#000;}
#liste_projet ul li ul{border-bottom:3px solid #000;}
#liste_projet ul li ul li{width:40px;}
#liste_projet ul li ul li{display:inline-block;padding:15px;}
#liste_projet ul li ul li:nth-child(2){border-left:3px solid #000;padding:20px 10px;}
#liste_projet ul li ul li h4{width:320px;}
#liste_projet ul li ul li h6{width:320px;}
#liste_projet ul li ul:hover li h4::after{ content:" > "; float: right; }

/***************************/

@media only screen and (max-width: 1040px){
	#right nav ul li a{padding-left: 10px; padding-right: 10px;}
}

/***************************/

@media only screen and (max-width: 960px){
	nav{height:50px;}
	nav ul li a{padding: 20px;padding-bottom:17px;font-size: 14px;}	
	#liste_projet a{font-size: 14px;}
	#liste_projet ul li ul li h4{width:280px;}
	#liste_projet ul li ul li h6{width:280px;}
	#right article{padding:0 20px;overflow-x: hidden;}
	header figcaption{font-size: 14px !important;}
}

/***************************/

@media only screen and (max-width: 650px){
	.menu_mobile{display:block;}
	#fleche_back{display:block;}
	.menu_header{top:-10px;}
	.menu_header img{width:30px !important;height:30px !important;}
	header figcaption{font-size: 12px !important;}
	
	.callbacks_nav{
		font-size: 30px !important;
		margin-top: -32px;
	}
}

#ifrcontact{
	width:100%;
	height:400px;
	border:none;
	padding:20px;
}
.liprojet{
	width:200px;
}