/* 
fascicule.css
par Alain BARBIER
écrit en mars 2017
*/
body {
  background : url(fond.jpg);
} 
section
{
	background : url(fond.png);
	width:40vw;
	margin-left:28vw;
}
.photo
{
	width:30vw;
	border:0px;
	padding-top: 0.3vw;
	margin-left:5vw;
}
.chapitre
{
	width:auto;
	height:auto;
	border:0px;
	margin-left: 60px;
}
.gauche
{
	width:10vw;
	border:0px;
	margin-left: 5vw;
	padding-top: 0.3vw;
}
.droite
{
	width:10vw;
	border:0px;
	margin-left: 9vw;
	padding-top: 0.3vw;
}
.bouton
{
	text-align: center;
}
/*-------------------------------------------------*/
/*---------- pour largeur < 1000 pixels ------------*/
/*-------------------------------------------------*/
@media all and (max-width:1000px)
{
section
{
	background : url(fond.png);
	width:60vw;
	margin-left:18vw;
}
.photo
{
	width:50vw;
	border:0px;
	padding-top: 0.3vw;
	margin-left:5vw;
}
.chapitre
{
	width:auto;
	height:auto;
	border:0px;
	margin-left: 60px;
}
.gauche
{
	width:18vw;
	border:0px;
	margin-left: 5vw;
	padding-top: 0.3vw;
}
.droite
{
	width:18vw;
	border:0px;
	margin-left: 13vw;
	padding-top: 0.3vw;
}
}
/*-------------------------------------------------*/
/*---------- pour largeur < 500 pixels ------------*/
/*-------------------------------------------------*/

@media all and (max-width:500px)
{
section
{
	background : url(fond.png);
	width:80vw;
	margin-left:8vw;
}
.photo
{
	width:70vw;
	border:0px;
	padding-top: 0.3vw;
	margin-left:5vw;
}
.chapitre
{
	width:auto;
	height:auto;
	border:0px;
	margin-left: 60px;
}
.gauche
{
	width:25vw;
	border:0px;
	margin-left: 5vw;
	padding-top: 0.3vw;
}
.droite
{
	width:25vw;
	border:0px;
	margin-left: 18vw;
	padding-top: 0.3vw;
}
}