body 
{
	margin:0;
  	padding:0;
  	background-color:rgba(242,255,167,1);
}

label
{
	display: block;
	width: 210px;
	float: left;
}

#header 
{
	padding:10px;
	display:block;
   	float:left;
	height:auto;
	width:100%;
	background-color:rgba(204,69,57,1);
	color:rgba(147,197,255,1);
	font-family: 'Oswald', sans-serif;
	font-size:medium;
	text-align:left;
}

h1 
{
	margin:0;
	font-size:xx-large;
}

h2,h3 
{
	margin: 0;
	padding: 0;
	font-size:large;
}

td
{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:medium;
	color: #333333;
}

.logo-gal
{
	margin: 0;
	padding: 0;
	height: 50px;
	width: 50px;
	border-radius: 25px;
}

.bouton_retour
{
	margin: 0;
	padding: 0;
	height: 50px;
	width: 50px;
	border-radius: 25px;
   	float:right;
   	position:relative;
   	right:20px;
	background-color: #C0C0C0;
	text-align:center;	
	font-size:small;
	text-decoration:none;
	font-weight:bold;
	color: #333333;
	font-family: 'Source Sans Pro', sans-serif;
}

.section
{
   	float:left;
	margin-left:10px;
	margin-top:10px;
 	padding:0;
	height:400px;
	width:305px;
	background-color:rgba(159, 178, 46, 1);
}

.section_texte
{
   	float:left;
	margin-left:10px;
	margin-top:10px;
 	padding:5px;
	height:390px;
	width:295px;
	background-color:rgba(178,100,93,1);
	color: #333333;
	font-family: 'Source Sans Pro', sans-serif;
	overflow: auto;
}

.section_presentation
{
	float:left;
	margin-left:10px;
	margin-top:10px;
 	padding:5px;
	height:390px;
	width:295px;
	color: #333333;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:medium;
	text-align:center;
	overflow: auto;
	background-color:#BFBF80;
}

.section_com
{
	float:left;
	margin-left:10px;
	margin-top:10px;
 	padding:0;
	height:400px;
	width:305px;
	background-color:#BFBF80;
	font-size:small;
	color: #333333;
}

.section_img
{
   	float:left;
	margin-left:10px;
	margin-top:10px;
 	padding:0;
	height:400px;
	width:305px;	
}

.section_imgfixe
{
   	float:left;
	margin-left:10px;
	margin-top:10px;
 	padding:0;
	height:400px;
	width:305px;	
}

.planning
{
   	float:left;
	margin-left:10px;
	margin-top:10px;
 	height:390px;
	width:295px;
	background-color:rgba(159, 178, 46, 1);
	padding:5px;
	color: #333333;
	font-family: 'Source Sans Pro', sans-serif;
	text-align:left;
	font-size:medium;
}


.section_carte
{
   	display:block;
   	float:left;
 	padding:0;
	height:520px;
	width:500px;
}

.auto-style3
{
	margin:0;
 	padding:0;
	height:auto;
	width:100%;
}

.auto-style3bis
{
	margin:0;
 	padding:0;
	height:auto;
	width:100%;
	border-radius: 20px;
}

.auto-style4 
{
	margin:0;
	padding:2%;
	height: auto;
	width:98%;
	color: #333333;
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	font-size: medium;
	text-decoration:none;
	display: inline-block;
}

.auto-style5
{
	margin:0;
	padding:5px;
	height:40px;
	width:100%;
	color:rgba(147,197,255,1);
	font-family: 'Oswald', sans-serif;
	text-align: center;	
	font-size:xx-large;
	text-decoration:none;
	display: inline-block;
}

.auto-style5bis
{
	margin:0;
	padding:2%;
	height:80px;
	width:96%;
	color:rgba(147,197,255,1);
	font-family: 'Oswald', sans-serif;
	text-align: center;	
	font-size:x-large;
	text-decoration:none;
	display: inline-block;
}

.auto-style6 
{
	margin:0;
 	padding:3px;
	height:98%;
	width:98%;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:medium;
	color: #333333;
	text-align: left;
	overflow: auto;
	background-color:rgba(178,100,93,1);
}

.auto-style7
{
	margin:0;
 	height:100%;
	width:100%;
}

.table 
{
 	margin:0;
 	padding:5px;
	height:auto;
	width:100%;
	color: #333333;
	font-family: 'Source Sans Pro', sans-serif;
	text-align:left;	
	font-size:medium;
}

.table_entete
{
	color:rgba(204,69,57,1);
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:bold;	
}

.texte_com
{
	margin:0;
 	padding:2%;
	height:auto;
	width: 96%;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:small;
	color: #333333;
	text-align:left;
	overflow: auto;
}

.promo
{
	margin:0;
	padding:2%;
	height: auto;
	width:98%;
	color:rgba(204,69,57,1);
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	font-size: medium;
	text-decoration:blink;
	font-weight: bold;
	display: inline-block;
}


#footer 
{
	
	margin-top:10px;
	margin-bottom:10px;
	display:block;
   	float:left;
	height:auto;
	width:100%;
	background-color:rgba(204,69,57,1);
	color:rgba(147,197,255,1);
	font-family: 'Oswald', sans-serif;
	font-size:small;
	text-align: center;	
}


@media all and (max-device-width: 480px)
{
    .section
	{
   	float:left;
	margin-left:0;
	margin-top:10px;
 	padding:0;
	height:auto;
	width:100%;
	background-color:rgba(159, 178, 46, 1);
	}
	
	.section_presentation
	{
	float:left;
	margin-left:0;
	margin-top:10px;
 	padding:2%;
	height:auto;
	width:96%;
	color: #333333;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:medium;
	text-align:center;
	overflow: auto;
	background-color:#BFBF80;
	}
	
	.section_imgfixe
	{
   	float:left;
	margin-left:0;
	margin-top:10px;
 	padding:0;
	height:auto;
	width:100%;	
	}

    .planning
	{
   	float:left;
	margin-left:0;
	margin-top:10px;
 	padding:2%;
	height:auto;
	width:96%;
	background-color:rgba(153, 155, 80, 1);
	}
	
	.section_com
	{
	float:left;
	margin-left:0;
	margin-top:10px;
 	padding:0;
	height:auto;
	width:100%;
	background-color:#BFBF80;
	font-size:small;
	color: #333333;
	}

	.section_texte
	{
   	display:none;
   	}
  
    .section_img
	{
   	display:none;
   	}
   	
   	.section_carte
	{
   	display:block;
   	float:left;
 	padding:0;
	height:auto;
	width:100%;
	}

}