body /*style generale de la page*/
{
	font-family: Arial,times, sans-serif;
}

#contenu_global
{ 
	position: relative; 
	width: 920px;
	height: 1500px;
	margin: 50px auto;
	margin-top: 25px;  /*valeur à ajouter pour ne pas avoir de marge de 50 px en haut, reste les 20px de l'ombre */
	margin-bottom: 0px; /*=============idem mais en bas=============*/
	padding: 20px; 
	background:	white; 
	-moz-box-shadow: 0 0 20px black; 
	-webkit-box-shadow: 0 0 20px black; 
}
/*==================================reglages img background===============================*/

img.img_background {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1680px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
		
	@media screen and (max-width: 1680px)
{
	img.img_background
	{
		left: 50%;
		margin-left: -840px; 
	}
}
/*====fin reglages img background====*/

a
{
	color: rgb(0,0, 255);
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
.logo_france
{
	position: absolute;
	top: 10px;
	left: 3%;
}
h1
{
	font-size: large;
	font-family: Comic Sans MS;
	position: absolute;
	top: 200px;
	left: 15%;
}

p								
{
	font-size: small;
	position: absolute;
	top: 250px;
	margin: auto;
	width: 70%;
	left: 15%;
}

#annonce1  /*position annonce1*/
{
	width: 70%;
	height: 50%;
	position: absolute;
	top: 320px;
	left: 15%;
	padding-top: 5px;
	padding-bottom: 20px;
	border-color: black;
	border-width: 5px;
}
	
#texte_annonce1/*position texte annonce1*/
{
	position: relative;
	font-size: small;
	font-family: Arial,times, sans-serif; /*police*/
	text-align: center;
	top: 40px;
	left: 240px;
}

.vignette1 /*position des photos*/
{
	position: absolute;
	top: 50px;
	left: 0%;
	border: 1px solid black; /*cadre du menu*/
} 

.vignette2/*position des photos*/
{
	position: absolute;
	top: 250px;
	left: 0%;
	border: 1px solid black;
}

.vignette3/*position des photos*/
{
	position: absolute;
	top: 250px;
	left: 121px;
	border: 1px solid black;
} 

.vignette4 /*position des photos*/
{
	position: absolute;
	top: 250px;
	left: 243px;
	border: 1px solid black;
} 

#annonce2 											/*position annonce2*/
{
	width: 70%;
	height: 50%;
	position: absolute;
	top: 700px;
	left: 15%;
	padding-top: 5px;
	padding-bottom: 20px;
	border-color: black;
	border-width: 5px;
}
	
#texte_annonce2/*position texte annonce1*/
{
	position: relative;
	font-size: small;
	font-family: Arial,times, sans-serif; /*police*/
	text-align: center;
	top: 60px;
	left: 240px;
}

.vignette5 /*position des photos*/
{
	position: absolute;
	top: 50px;
	left: 0%;
	border: 1px solid black; /*cadre du menu*/
}

.vignette6/*position des photos*/
{
	position: absolute;
	top: 300px;
	left: 30px;
	border: 1px solid black;
}

.vignette7 /*position des photos*/
{
	position: absolute;
	top: 300px;
	left: 235px;
	border: 1px solid black;
} 
	
#annonce3											/*position annonce3*/
{
	width: 70%;
	height: 360px;
	position: absolute;
	top: 1120px;
	left: 15%;
	padding-top: 5px;
	padding-bottom: 20px;
	border-color: black;
	border-width: 5px;
}
	
#texte_annonce3/*position texte annonce1*/
{
	position: relative;
	font-size: small;
	font-family: Arial,times, sans-serif; /*police*/
	text-align: center;
	top: 60px;
	left: 240px;
}

.vignette5 /*position des photos*/
{
	position: absolute;
	top: 50px;
	left: 0%;
	border: 1px solid black; /*cadre du menu*/
}
 
.vignette9/*position des photos*/
{
	position: absolute;
	top: 300px;
	left: 00px;
	border: 1px solid black;
}

.vignette7 /*position des photos*/
{
	position: absolute;
	top: 300px;
	left: 242px;
	border: 1px solid black;
}
 
.vignette8 /*position des photos*/
{
	position: absolute;
	top: 300px;
	left: 120px;
	border: 1px solid black;
}