header
{

height: 100px;
margin: auto;

}


#boutonaccueil
{
	width: 130px;
	height: auto;
background-color: rgb(0,112,166);
color: white;
font-size: 1.2em;
border-radius: 20px/20px;
position: absolute;
	left: 50px;
	top: 20px;
text-align: center;
}
  		@media (max-width:480px) {
			#boutonaccueil
					{	
				width: 80px;
					left: 30px;
					}
				}


/* 
........................
Organisation globale de la page
..................................
 */

section
{
margin: 80px 0 0 0px;
padding: 20px 0 0 0;
font-family: corbel, arial;
text-align: justify;
height: 450px;
}
 

 
 h1
 {
	position : absolute;
		left: 220px;
		top: 50px; 
	font-size: 2em;
	font-family: corbel, arial;
 }
   		@media (max-width:480px) {
			h1
					{	
					font-size: 1.4em;
					left: 40px;
					top: 110px;
					max-width: 280px;
					}
				}
 
 #phraseintro
 {
	margin-left: 40px;
	margin-bottom: 30px;
	font-size: 1.2em;
	font-family: corbel, arial;
 }
 

  #deco
 {
position: absolute;
	left: 750px;
	top: 5px;
text-align: center;
padding: 10px 20px;
background-color: black;
color: rgb(191,217,34);
font-size: 1em;
word-wrap: break-word;
border-radius: 20px/20px;
text-decoration: none;
font-family: corbel,arial;
} 
@media (max-width:480px) {
		  #deco
					{	
				left: 180px;
	top: 5px;
	padding: 5px 10px;
	font-size: 0.8em;
					}
				}
 
 /* 
 ..........................
Boutons
..............................;
 */

 body
 {
margin-top: 150px;
 }
@media (max-width:480px) {
			body
					{	
				margin-top: 70px;
					}
				}

 
 #gestha, #gestlot, #gestevent
 {
width: 170px;
height: 200px;
text-align: center;
font-weight: bold;
background-color: black;
color: rgb(191,217,34);
font-size: 1.2em;
border: 1px solid black;
border-radius: 20px;
margin: 10px 20px 0px 100px;
font-family: corbel, arial;
 }
 @media (max-width:480px) {
			#gestha, #gestlot, #gestevent
					{	
					font-size: 0.9em;
					margin-top: 15px;
					margin-left: 25%;
					width: 150px;
					height: 80px;
					}
				}

/*page video de présentation*/

video
{
	width: 700px;
	margin-left: 100px;
	border: 1px solid black;
}
 @media (max-width:900px) {
			video
					{	
					
					margin-left:0px;
				
					}
				}
 @media (max-width:700px) {
		video
			{	
			width: 100%;
			margin-left:0px;
			
			}
}
 @media (max-width:480px) {
			video
					{	
					width: 100%;
					margin-left:0px;
					margin-top: 70px;
					}
				}

/******* page videos d'aides---------*/

#retouraide
{
	
text-align: center;
padding: 10px 20px;
background-color: black;
color: rgb(159,218,18);
font-size: 1.1em;
border-radius: 20px/20px;
text-decoration: none;
font-family: corbel,arial;
position: absolute;
	top: 180px;
	left: 20px;
 }
  	@media (max-width:480px) {
			#retouraide
					{	
				font-size: 1em;
				padding: 5px 15px;
				top: 195px;
					}
				}
}