.book_droite{
	width: 100%;
	max-width: 860px;	
	float: left;
}
.cont_book_droite{	
	width: 100%;
	height: 0px;
	position: relative;
	margin:0px;	
	padding-bottom: 63.87%;
	border: 0px;
}
.article_diapo_images{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}


.spanrondarticle{
	border:2px solid #464646;
	cursor: pointer;
	padding:0px 5px;
	margin:5px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;

	color: #464646;
}

.spanrondarticleActive{
	border-color:#ffce00;
	color: #ffce00;	
}

.diapo_menu{
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin: 5px;	
}


/*css telephone*/
@media (max-width:599px) {
	.book_droite{
		float:none;
		display: inline-block;
	}
	.book_gauche {
	width: 240px;
	float: none;
	display: inline-block;
	}
	.articles{
		text-align: center;
	}
}

/*css tablette*/
@media (min-width:600px) {
	.book_droite{
		float:none;
		display: inline-block;
	}
	.book_gauche {
	width: 240px;
	float: none;
	display: inline-block;
	}
	.articles{
		text-align: center;
	}
}

/*css tablette*/
@media (max-width:910px) {
	.book_droite{
		float:none;
		display: inline-block;
	}
	.book_gauche {
	width: 240px;
	float: none;
	display: inline-block;
	}
	.articles{
		text-align: center;
	}
}

/*css pc*/
@media (min-width:911px) {
	.book_droite{	
		float: left;
	}
	.book_gauche {
	width: 240px;
	float: left;
	}
}