//***RESET***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
	display: block;
}

body
{
	line-height: 1;
}

ol, ul
{
	list-style: none;
}

blockquote, q
{
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

input, textarea, select
{
   -webkit-appearance: none;
}

/************************************************************/
/*		GENERAL												*/
/************************************************************/

a
{
	cursor:pointer;
}

strong
{
	font-weight:bold;
}

.du-texte
{
	color:#434343;
	font-size:13px;
	line-height:20px;
	text-align:justify;
	overflow:auto;
}

.du-texte h1
{
	margin:0 0 20px 0;
	color:#434343;
	font-size:18px;
	font-weight:bold;
}

.du-texte h2
{
	color:#0099b7;
	font-size:13px;
	font-weight:bold;
}

.du-texte a
{
	color:#0099b7;
	text-decoration:none;
	font-weight:bold;
}

.du-texte ul
{
	margin:0 0 0 10px;
	padding:0;
}

.center
{
	text-align:center;
}

.exposant
{
	vertical-align:top;
}

#retour-haut
{
	position:fixed;
	bottom:5px;
	right:5px;
	width:34px;
	height:35px;
	background:url('../documents/media/images/permanent/fonctionnement/retour.png') no-repeat 0 0;
	z-index:40;
}

#retour-haut:hover
{
	background-position:0 -35px;
}

/************************************************************/
/*		MOBILE												*/
/************************************************************/

/*detection ecran*/

#version-mobile
{
	visibility:visible;
}

#version-tablette, #version-pc
{
	visibility:hidden;
}

body
{
	background-color:white;
	margin:0;
	font-family:arial;
}

/*header*/

header
{
	margin-bottom:10px;
}

header #barre-bgd
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:30px;
	background-color:#434343;
	z-index:-10;
}

header #logo
{
	width:96%;
	margin:0 2% 5px 2%;
}

header #logo a
{
	display:block;
	padding-top:10.81081081%;
	background:url('../documents/media/images/permanent/header-logo.png') no-repeat center;
	background-size:contain;
}

header #slogan
{
	width:96%;
	margin:0 2%;
	font-size:11px;
	color:#434343;
}

header #goodies
{
	width:96%;
	margin:0 2%;
}

header #goodies a
{
	display:block;
	padding-top:31.70731707%;
	background:url('../documents/media/images/permanent/header-goodies.jpg') no-repeat center;
	background-size:contain;
}

header nav .titre
{
	background-color:#0099b7;
}

header nav .titre a
{
	display:block;
	width:96%;
	height:24px;
	padding:10px 0;
	margin:0 2%;
	background:url('../documents/media/images/permanent/header-menu-icone.png') no-repeat right;
	color:white;
	font-size:27px;
	font-weight:bold;
	font-family:'PT Sans', arial;
}

header nav ul
{
	display:none;
	width:96%;
	margin:0 2%;
	padding:0;
	background-color:#0099b7;
}

header nav ul li a
{
	display:block;
	padding:10px;
	text-decoration:none;
	color:white;
	border-top:2px solid white;
}

/*corps*/

#corps
{
	width:96%;
	margin:0 2%;
}

#autre-villes
{
	text-align:center;
	color:#0099b7;
	margin-bottom:40px;
}

#autre-villes a
{
	font-size:13px;
	color:#0099b7;
}

/************************************************************/
/*		TABLETTE											*/
/************************************************************/

@media screen and (min-width:719px){
	/*detection ecran*/

	#version-tablette
	{
		visibility:visible;
	}

	/*header*/
	
	body
	{
		background-color:#434343;
	}
	
	header
	{
		margin-bottom:0;
		background:url('../documents/media/images/permanent/header-bgd.png') white repeat-x 0 0;
	}

	header #barre-bgd
	{
		display:none;
	}

	header #logo a
	{
		padding-top:10.46511627%;
		background:url('../documents/media/images/permanent/header-logo-pc.png') no-repeat center;
		background-size:contain;
	}

	header #slogan
	{
		font-size:14px;
	}

	header #goodies a
	{
		padding-top:22.48995983%;
		background:url('../documents/media/images/permanent/header-goodies-pc.jpg') no-repeat center;
		background-size:contain;
	}

	header nav
	{
		background-color:#0099b7;
		overflow:auto;
	}

	header nav .titre
	{
		display:none;
	}
	
	header nav ul
	{
		display:block;
		background-color:inherit;
	}

	header nav ul li a
	{
		float:left;
		display:block;
		padding:20px 0;
		color:white;
		font-size:12px;
		border-top:none;
	}

	/*corps*/

	#corps section
	{
		padding:20px;
		background-color:white;
	}
}

/************************************************************/
/*		PC													*/
/************************************************************/

@media screen and (min-width:1073px){
	.du-texte a:hover
	{
		text-decoration:underline;
	}
	
	/*detection ecran*/

	#version-pc
	{
		visibility:visible;
	}

	/*header*/
	
	header #barre-bgd
	{
		top:40px;
		height:329px;
		background-color:white;
	}
	
	header #logo
	{
		width:1043px;
		margin:auto;
		margin-bottom:5px;
	}
	
	header #slogan
	{
		width:1043px;
		margin:auto;
		font-size:16px;
	}
	
	header #goodies
	{
		width:1043px;
		margin:auto;
	}

	header nav ul
	{
		width:1043px;
		margin:auto;
	}

	header nav ul li a
	{
		padding:15px 0;
		font-size:16px;
	}

	/*corps*/

	#corps
	{
		width:1043px;
		margin:auto;
	}
}