body {

	overflow-x: hidden;

	margin: 0;

	background-color: #F7F7F7;

	font-family: verdana;

}



/*#site {

	width: 1000px;

	margin: auto;

	background-color: lightblue;

}*/





#contenuprincipal {

	display: inline-block;

	position: relative;

	top: 5px;

	padding-top: 5px;

	width: 800px;

	margin: auto;

	left: 25%;

	background-color: white;

}



#contenuprincipal p {

	color: black;

	font-family: verdana;

	font-weight: normal;

	position: relative;

	text-align: justify;

	line-height: 28px;

}

h1{
	top: 50px;
}



#livrecouverture{

	right: 30px;

	border-radius: 10px;

	position: relative;

	box-shadow: 8px 8px 12px #aaa;



}



#autrices{


	border-radius: 10px;

	box-shadow: 8px 8px 12px #aaa;

	position: relative;

	box-shadow: 8px 8px 12px #aaa;

	left: 30px; 



}

@media(min-width: 320px) and (max-width: 1300px)



{ 

	#contenuprincipal {

	z-index: -5;

	display: inline-block;

	position: relative;

	top: 20px;

	padding-top: 15px;

	width: auto;

	max-width: 80%;

	margin: auto;

	left: 5%;

	background-color: white;

}



#contenuprincipal p {

	color: black;

	font-family: verdana;

	font-weight: normal;

	position: relative;

	text-align: justify;

	line-height: 28px;

}



#psychojpg{

	position: relative;

	left: 20px;

	box-shadow: 8px 8px 12px #aaa;

}



#guidancejpg{

	position: relative;

	left: 20px;

	box-shadow: 8px 8px 12px #aaa;

	bottom: 10%;

}

#couplejpg{

	position: relative;

	top: 20px;

	height:  133px;

	width : 200px;

	box-shadow: 8px 8px 12px #aaa;

}



#img {

	height: 100px;

	width: 100px;

}



}



@media(min-width: 320px) and (max-width: 1300px)



{ 



	#contenuprincipal {

	display: inline-block;

	position: relative;

	top: 20px;

	padding-top: 15px;

	width: auto;

	max-width: 80%;

	margin: auto;

	left: 5%;

	background-color: white;

}



#contenuprincipal p {

	color: black;

	font-family: verdana;

	font-weight: normal;

	position: relative;

	text-align: justify;

	line-height: 28px;

}





}