@charset "utf-8";
/* CSS Document */


article{
	position:relative;
	margin-bottom:1em;
	background:#ddd url(../images/iconePuceItem.png) 10px center no-repeat;
	padding-left:80px;
}

p.titreArticle{
	font-family:"Montserrat ExtraBold";
	font-size:1em;
	color:black;
	padding:0.5em;
	margin:0;
}

p.descriptionArticle{
	padding:0.5em 0.5em 3em 0.5em;
	margin:0;
	font-size:0.8em;
	text-align:left;
	line-height:1.5em;
	width:90%;
}

a.logo-jdlv{
	display:block;
	margin:0 auto;
	border:0;
	width:50%;
}

a.jdlv{
	display:block;
	width:90%;
	margin:0 auto;
/*	border:1px solid black;
	box-shadow:#999 2px 2px 2px;*/
}

a.jdlv span{
	display:block;
	color:black;
	text-align:center;
	font-size:0.75em;
	font-style:italic;
	padding:0.5em 0
}

#jdlvImg{
	width:60%;
	margin:0 20%;
}

#jdlvImg:hover{
	width:80%;
	margin:0 10%;

}

a.btnVoir, a.btnVoir:visited{
	position:absolute;
	display:block;
	background: url(../images/bgBtnVoirOut.png) center center no-repeat;
	color:white;
	right:0;
	top:0;
	padding:0 1.25em;
	font-size:0.8em;
	height:100%;
}
a.btnVoir:hover{
	background: url(../images/bgBtnVoirOver.png) center center no-repeat;
}

/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile */

@media only screen and (min-width: 481px) {
#navBar{
	width:100%;
}

section.t3{
	padding-bottom:4em;
}

}

/* Disposition bureau : 769px à max. 1232px.  Hérite des styles de : Disposition mobile et disposition tablette */

@media only screen and (min-width: 769px) {

section.t1, section.t2,section.t3 {
	padding-bottom:4em;
}

}