@CHARSET "UTF-8";

*, *::before, *::after {
    box-sizing: border-box;
}

@font-face {
    font-family: "source Sans Pro";
    src: url('/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf') format('truetype');
}

h3
{
	background-color: #FF5905;
	padding-left:15px;
	width:80%;
	height:25px;
	color:#222222;
}

html
{
	background: url(../images/fond.jpg) no-repeat center fixed; 
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée*/	
}

body
{
	margin:0;
	padding:0;
	font-family: "source Sans Pro";
	font-size: 16px;
	
}

h1
{
	margin:0;
	padding:15px;
	font-size: 40px;
}

h2
{
color: rgb(255, 89, 5);
}

p
{
	font-size: 1.3em;
	
}

header
{
	background-color: rgba(255,255,255,0.8);
	text-align: center;
	min-height: 220px;
}

.sousTitreHeader
{
	margin-left:240px; 
	font-size:1.9em; 
	text-align:center;	
}

footer
{
	height: 100px;
	background-color: rgb(254, 126, 0);
}

main
{
	min-height: calc(100vh - 320px);
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	background-color: rgba(255,255,255,0.9);
	padding:20px;
}

#header-right
{
	background-color: rgb(254, 126, 0);
	height:40px;
	color:#FFFFFF;
	text-align: left;
	position:absolute; 
	left:0px; 
	top:0px; 
	right:0px;
	height:auto;
}



#header-right nav ul
{
	margin:0px;
	padding:0px;
	list-style: none;
	margin-left:15px;
}

#header-right nav ul li
{
	display:inline-block;
	height:100%;
	padding-left:10px;
	padding-right:10px;
	line-height: 40px;
	position:relative;
	border-right:1px solid #FFFFFF;
}


#header-right nav ul li a
{
	text-decoration:none;
	color:inherit;
}

#header-right nav ul li:hover
{
	background-color: rgb(255, 89, 5);
}


#header-right nav ul li img
{
	vertical-align: middle;
}

#header-right nav ul li ul
{
	position:absolute;
	display:none;
	margin:0px;
	padding:0px;
	width:300px;
}

#header-right nav ul li ul li
{
	border-right:none;
	background-color: #323232;
}	

#header-right nav ul li ul li table td
{
	height:20px;
	padding:0px;
	
}

#header-right nav ul li ul li:hover
{
	background-color: #323232;
}	
	

#header-right nav ul li:hover ul
{
	display:block;
}

.soustitre
{
	font-family: "source Sans Pro";
	font-size: 25px;
	text-transform: uppercase;
}

nav.menu ul
{
	list-style: none;
	margin: 0px;
	padding:0px;
	text-align: center;
}

nav.menu ul li
{
	text-transform: uppercase;
	display:inline-block;
	vertical-align: middle;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	padding: 0px 15px;
}

nav.menu ul li a
{
	text-decoration: none;
	color:inherit;
}

nav.menu ul li:hover
{
	color: rgb(255, 89, 5);
	cursor:pointer;
	background-color: rgba(0,0,0,0.1);
}

.partage
{
	color:#FFFFFF;
	float:right;
	padding:10px;
}

.partage img
{
	margin:3px;
}

#menuPied
{
	padding-left:15px; 
	padding-top:5px;
	color:#FFFFFF;
}

#menuPied a
{
	text-decoration: none;
	color: inherit;
}

#header-right nav ul li #tableHoraires{
	line-height: 20px;
}

.ombre01
{	
	-moz-box-shadow: 5px 5px 15px 0px #656565;
	-webkit-box-shadow: 5px 5px 15px 0px #656565;
	-o-box-shadow: 5px 5px 15px 0px #656565;
	box-shadow: 5px 5px 15px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=15);
}

#imageCamionette
{
	height:180px; 
	float:left;
}


@media (max-width: 575px), (max-device-width: 575px)
{
	#imageCamionette
	{
		float:none;
		clear:both;
		
	}
	
	.sousTitreHeader
	{
		margin-left:0px;
	}
}