@charset "ISO-8859-1";
/* CSS Document */
body{
	font-family: Helvetica,"Helvetica Light", "Helvetica Neue", Arial;
	color:#b5b5b5;
	font-weight:200;
	line-height: 100%;
	font-size:20px;
	
	}
.contenu p{
	font-family: Helvetica,"Helvetica Light", "Helvetica Neue", Arial;
	font-weight:200;
	color:#b5b5b5;
	position:absolute;
	top:780px;}
a:hover{
	cursor:pointer;}
header{
	text-transform: uppercase;
	font-size:20px;
	position:relative;
display:none;}
	

.lien_c,.lien_contenu:hover, .lien_c_bis{
font-weight: bold;
text-align: left;
color: #141215;}
.lien_c:hover{
	font-weight:bold;
	line-height: 120%;
	}
.lien_c_bis:hover{
	font-weight:bold;
	font-size:20px;
	}
header h1{
	font-size:20px;
	display:inline;
	font-weight:bold;}

.lien_contenu{
	color:#b5b5b5;
	font-weight:200;
	}

header a, header a:visited, header a:active{
	font-family: "Helvetica Light",Helvetica,Arial,sans-serif;
	font-weight:200;
	line-height: 120%;
	}
.couleur_grise{
	color: #b5b5b5;}
header a:hover{
	color: #141215;
	font-weight: bold;
	text-decoration:none;
	font-size:20px;
	line-height: 120%;}
.marge1{
	padding:10px 25px 0 25px;}
.marge2{
	padding:10px 25px 0 25px;}
	
.marge3{
	padding:10px 25px 0 40px;}
	

.contenu{
	color:#141215;
	position:relative;
	display:none;
	overflow:hidden;
	min-height:775px;
	padding-bottom:100px;
	
	}
figure{
	}
figcaption{
	position:absolute;
	top:750px;
	color:  #b5b5b5;
	font-weight:Bold;
	margin-top:11px;
	font-size:11px;
	text-transform: uppercase;}
	
.contenu p{
	font-family: Helvetica,"Helvetica Light", "Helvetica Neue", Arial;
	font-weight:200;
	font-size:11px;
	color:#b5b5b5;
	position:absolute;
	top:777px;
	line-height:13px;
	}


.contenu:target{
	display:block;
	}
.contenu a, #contact a{
	text-decoration:none;
	
	position:relative;
	font-weight:200;}
.contenu a:hover, .contenu a, #contact a:hover{
	

	letter-spacing:0px;
	}
.contenu h1,#contact h1{
	font-size:20px;
	display:inline-block;
	top:10px;
	left:40px;
	padding-top:0;
	margin-top:0;
	text-transform: uppercase;
	position:absolute;
	}
.contenu h2,#contact h2{
	font-size:20px;
	left:157px;
	position:relative;
	margin-right:200px;
		padding-top:0;
	margin-top:0;
	display:inline-block;
	height:70px;
	text-transform: uppercase;
	color:#141215;
	font-weight:bold;
	}
#contact h2{
	font-size:20px;
	left:157px;
	position:relative;
	margin-right:200px;
		padding-top:0;
	margin-top:0;
	display:inline-block;
	height:70px;
	text-transform: uppercase;
	color:#141215;
	font-weight:bold;
	}
.contenu h1:hover{
	font-size:100%;
	}
#contact a:hover{
	font-size:100%;
	font-weight:bold;
	color:#141215;
	}

.moins{
	position:absolute;
	top:75px;
	left:-60px;
	width:50%;
	cursor:crosshair;
	height: 200%;
	}
.moins img{
	width:100%;
	opacity:0;
	transition:all 300ms ease;}
	
.moins img:hover{
	opacity:1;}

.plus{
	position:absolute;
	top:75px;
	left:-60px;
	left:50%;
	width:50%
	
}
.plus img{
	width:100%;
	opacity:0;
	transition:all 300ms ease;}
.plus img:hover{
	opacity:1;}
	
section:target{
	display:block;}
	
	

.list-inlinebis {
 margin:0;
 padding:0;
  list-style: none;
}
.list-inlinebis > li {
  display: inline-block;
  
}



#contact{
	}
label{
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:200;
	color: #b5b5b5;
	}
textarea{
width:480px;}

input, textarea{
	background-color:#fff;
	border:thin solid  #b5b5b5;;}