body {
	font-size:12px;
	font-family: Segoe, "Trebuchet MS","Segoe UI", "DejaVu Sans", Verdana, "sans-serif";
	background:#2d2824;
}


#imageheader {
	width: auto;
	height: 344px;
	background: url("img/photo_header.jpg") no-repeat center;
	background-size: cover;
}

.container{
	max-width: 1170px;
	height: auto;
}

.nav{
	background: #a0c367;
}

.nav a:hover{
	background: #718a49;
}

.nav-item{
	font-family: 'aint_nothing_fancyregular';
	font-size: 16px;
	
}

.font{
	font-family: 'aint_nothing_fancyregular';
	margin-top:30%;
	font-size: 15px;
}

h3{
	color: #718a49;
	font-size:12px;
}

h4{
	color: #718a49;
	font-family: 'aint_nothing_fancyregular';
	padding-top:30px;
	font-size:20px;
	border-bottom: 1px solid #718a49;
}

h5{
	color: #2d2824;
	font-family: 'aint_nothing_fancyregular';
	font-size:16px;
	margin: 15px 0 0 0;
	padding: 0;
}

.carpe{
	background: url("img/Calquecarpe.png") right no-repeat;
}


img{
	max-width:100%;
	height:auto;
}

/*................début galerie...................*/


#galerie a{
	text-decoration: none;
	display: block;
	position: relative; /*lien parent de #galerie .survol*/
}

#galerie .survoljuvigny {
	position:absolute;
	width: 365px;
	height: 100%;
	background: url("img/juvigny.png") no-repeat center;
	opacity: 0; /*TRES IMPORTANT pour que l'opacité n'apparaisse pas*/
	top: 0px;
	left: 0px;
}

#galerie a:hover .survoljuvigny {
	opacity: 100%;
}

#galerie .survolvraux {
	position:absolute;
	width: 365px;
	height: 100%;
	background: url("img/vraux.png") no-repeat center;
	opacity: 0; /*TRES IMPORTANT pour que l'opacité n'apparaisse pas*/
	top: 0px;
	left: 0px;
}

#galerie a:hover .survolvraux {
	opacity: 100%;
}

#galerie .survolriver {
	position:absolute;
	width: 365px;
	height: 100%;
	background: url("img/river.png") no-repeat center;
	opacity: 0; /*TRES IMPORTANT pour que l'opacité n'apparaisse pas*/
	top: 0px;
	left: 0px;
}

#galerie a:hover .survolriver {
	opacity: 100%;
}

#youtube{
	display: block;
}

/*................fin galerie...................*/

#blockinfo{
	background: #ffffff;
	height: auto;
	border-radius: 10px;
	padding: 10px 10px 10px 0;
}

.vignette {
	display: block;
	margin: 12px 0 12px 12px;
	padding: 0;
}

.color{
	font-size: 10px;
	color: #718a49;
	margin: 0;
}
.texte {
	font-size: 12px;
	margin: 6px 0 3px 0;
}

.read {
	font-size: 11px;
	line-height: 10px;
	color: #2d2824;
	float: right;
}

.read a:hover{
}

.logo {
	display: block;
	float: left;
}


footer{
	background: #a0c367;
	margin-top: 2%;
}

#pdp{
	text-align: center;
	font-size: 13px;
}

.seeall {
	font-size: 11px;
	line-height: 10px;
	color: #2d2824;
}

.seeall a{
	text-decoration: none;
}

.contact a{
	text-decoration: none;
	display: block;
	padding: 6px;
	color: #ffffff;
}

.contact a:hover{
	background: #80a248;
	border-radius: 20px 20px 0 0;
}

/*...annonce la présence d'un médiacreary pour que l'image s'adapte au responsive...................*/
@media screen and (max-width:768px){ 
	#youtube {
		display: none;
	}
	#imageheader{
		height: 200px;
	}
	.dessin{
		height: 133px;
	}
	.survolriver{
		display: none;
	}
	
	.survolvraux {
		display: none;
	}
	.survolriver {
		display: none;
	}
	
	.survoljuvigny {
		display: none;
	}
}

/*...annonce la présence d'un médiacreary pour que l'image s'adapte au responsive...................*/
@media screen and (max-width:576px){ 
	#youtube {
		display: none;
	}
	#imageheader{
		height: 100px;
	}
	.dessin{
		height: 75px;
	}
	.survolriver{
		display: none;
	}
	.font{
		font-size: 8px;
	}
	
}