body {
background-color: black;
}

#conteneur_principale {
position: absolute;
height:100%;
width: 100%;
left:0%;
top:0%;

background-image: url(../img/photo_1_4.jpg);
background-size: 100% 100%;
}

/*plan central*/
#plan_c {

border: 5px ridge white;
border-radius: 10%;
position: absolute;
height:90%;
width: 90%;
left:5%;
top:5%;


color:rgba(255,255,255,0.8);


}
#avertissement2 {
position: absolute;
height:20%;
width: 100%;
left:15%;
top:2%;
font-family: Arial,"Lucida Grande","Lucida Sans Unicode",Helvetica,verdana,arial,sans-serif;
font-size: 0.6em;
}
#titre {
position: absolute;
height:20%;
width: 60%;
left:25%;
top:5%;
font-family: Comic Sans MS,"Lucida Grande","Lucida Sans Unicode",Helvetica,verdana,arial,sans-serif;
font-size: 4em;
}

#conteneur_c{

height:60%;
width: 100%;
position: absolute;
left:5%;
top:20%;
font-family: Arial,"Lucida Grande","Lucida Sans Unicode",Helvetica,verdana,arial,sans-serif;
font-size: 2em;
}

#page {
position: relative;
height:10%;
width: 90%;
font-size: 1em;
}
#page:hover {
color:rgba(175,175,175,0.8);
}
#avertissement {

position: absolute;
height:5%;
width: 98%;
left:2%;
top:85%;
font-family: Helvetica,"Lucida Grande","Lucida Sans Unicode",Helvetica,verdana,arial,sans-serif;
font-size: 0.6em;
}

#droit {
position: absolute;
height:5%;
width: 70%;
left:30%;
top:95%;
font-family: Helvetica,"Lucida Grande","Lucida Sans Unicode",Helvetica,verdana,arial,sans-serif;
font-size: 0.8em;
}
@media screen and (max-width: 640px) {
	#titre {
		font-size: 2em;
	}
	#conteneur_c{
		font-size: 1em;
	}
	}
/*merci de respecter le créateur de ces pages et les droits d'auteurs des photos et musiques, plutot que de 
	copier le code de ces pages envoyer moi un e-mail pour des information sur la création du site Jérôme Bridonneau*/