/*-------------------------------------------------------------------+
//| CSS 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 {
vertical-align: baseline; margin: 0; padding: 0; font-size: 100%; font: inherit; border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 	{ display: block; }
body { line-height: 1.5em; }
ol, ul { list-style: none; }
a { text-decoration: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
html, body { width: 100%; }
/*-------------------------------------------------------------------+
//| BODY                                                             |
//+-----------------------------------------------------------------*/
body
	{
	font-family: Verdana, Arial, Times New Roman, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #646464;
	background-image: linear-gradient(#97afd1, #302414);
	background-image:-webkit-linear-gradient(#97afd1, #302414);
	background-image:-moz-linear-gradient(#97afd1, #302414);
	background-image:-ms-linear-gradient(#97afd1, #302414);
	background-image:-o-linear-gradient(#97afd1, #302414);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97afd1', endColorstr='#302414', GradientType=0);

	}
img
	{
	max-width: 100%;
	height: auto;
	}
a
	{
	color: #12538a;
	}
a:hover
	{
	color: #237f23;
	text-decoration: underline;
	}
.gras
	{
	font-weight: bold;
	}
.italique
	{
	font-style: italic;
	}
.rouge
	{
	color: #ff0000;
	}
.liens
	{
	font-size: 20px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	}
/*-------------------------------------------------------------------+
//| WRAPPER                                                          |
//+-----------------------------------------------------------------*/
#wrapper
	{
	width: 100%;
	height: auto;
	box-shadow: 0px 2px 16px rgba(0,0,0,0.8);
	background-color: #ffffff;
	}
/*-------------------------------------------------------------------+
//| HEADER                                                           |
//+-----------------------------------------------------------------*/
header
	{
	width: 100%;
	height: auto;
	}
header a img:hover
	{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	}
#header_logo
	{
	width: 95%;
	margin: 0 auto 5px auto;
	text-align: center;
	}
#header_horaires
	{
	width: 95%;
	margin: 0 auto;
	text-align: center;
	}
#header_contact
	{
	width: 95%;
	margin: 0 auto -5px auto;
	text-align: center;
	}
/*-------------------------------------------------------------------+
//| MENU                                                             |
//+-----------------------------------------------------------------*/
#menu
	{
	width: 100%;
	height: 30px;
	margin: -1px auto 10px auto;
	text-align: center;
	background-image: linear-gradient(#6aa0cc, #12538a);
	background-image:-webkit-linear-gradient(#6aa0cc, #12538a);
	background-image:-moz-linear-gradient(#6aa0cc, #12538a);
	background-image:-ms-linear-gradient(#6aa0cc, #12538a);
	background-image:-o-linear-gradient(#6aa0cc, #12538a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6aa0cc', endColorstr='#12538a', GradientType=0);
	}
#menu li
	{
	display: inline-block;
	}
#menu li .separateur_menu
	{
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	}
#menu a
	{
	padding: 6px 10px 6px 10px;
	line-height: 30px;
	color: #ffffff;
	background-image: linear-gradient(#12538a, #6aa0cc);
	background-image:-webkit-linear-gradient(#12538a, #6aa0cc);
	background-image:-moz-linear-gradient(#12538a, #6aa0cc);
	background-image:-ms-linear-gradient(#12538a, #6aa0cc);
	background-image:-o-linear-gradient(#12538a, #6aa0cc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#12538a', endColorstr='#6aa0cc', GradientType=0);
	text-shadow: 0px 2px 5px rgba(0,0,0,1);
	}
#menu #menu_gauche a
	{
	padding: 6px 10px 6px 15px;
	border-radius: 8px 0 0 8px;
	}
#menu #menu_droite a
	{
	padding: 6px 15px 6px 10px;
	border-radius: 0 8px 8px 0;
	}
#menu a:hover
	{
	text-decoration: none;
	background-image: linear-gradient(#237f23, #114011);
	background-image:-webkit-linear-gradient(#237f23, #114011);
	background-image:-moz-linear-gradient(#237f23, #114011);
	background-image:-ms-linear-gradient(#237f23, #114011);
	background-image:-o-linear-gradient(#237f23, #114011);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#237f23', endColorstr='#114011', GradientType=0);
	}
/*-------------------------------------------------------------------+
//| COLONNE DE GAUCHE                                                |
//+-----------------------------------------------------------------*/
#colonne_gauche
	{
	display: inline-block;
	width: 100%;
	height: auto;
	vertical-align: top;
	}
/*-------------------------------------------------------------------+
//| PAGE CENTRALE                                                    |
//+-----------------------------------------------------------------*/
#pages
	{
	display: inline-block;
	width: 100%;
	height: auto;
	vertical-align: top;
	margin-bottom: 20px;
	}
.titres_pages
	{
	margin: 20px;
	font-size: 24px;
	}
hr
	{
	width: 30%;
	margin-left: 20px;
	text-align: left;
	}
.pages
	{
	width: 95%;
	height: auto;
	margin: 0 auto;
	}
.pages h2
	{
	font-size: 20px;
	margin: 0 0 10px 20px;
	}
.pages p
	{
	margin: 0 20px 10px 20px;
	}
.pages li
	{
	list-style-type: square;
	margin-left: 60px;
	margin-right: 20px;
	}
.pages .images
	{
	margin: 20px auto;
	width: 60%;
	}
.pages .images:hover
	{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	}
figcaption
	{
	font-style: italic;
	text-align: center;
	}
#carte
	{
	width: 95%;
	height: 300px;
	margin: 30px auto 0 auto;
	}
#carte img
	{
	max-width: none;
	}
/*-------------------------------------------------------------------+
//| COLONNE DE DROITE                                                |
//+-----------------------------------------------------------------*/
#colonne_droite
	{
	display: inline-block;
	width: 100%;
	height: auto;
	vertical-align: top;
	}
/*-------------------------------------------------------------------+
//| BOXES                                                            |
//+-----------------------------------------------------------------*/
.boxes
	{
	width: 95%;
	margin: 0 auto 10px auto;
	border: 1px solid #6aa0cc;
	border-radius: 8px 8px 0 0;
	}
.boxes h1
	{
	padding: 5px;
	text-align: center;
	font-size: 110%;
	color: #ffffff;
	background-image: linear-gradient(#6aa0cc, #12538a);
	background-image:-webkit-linear-gradient(#6aa0cc, #12538a);
	background-image:-moz-linear-gradient(#6aa0cc, #12538a);
	background-image:-ms-linear-gradient(#6aa0cc, #12538a);
	background-image:-o-linear-gradient(#6aa0cc, #12538a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6aa0cc', endColorstr='#12538a', GradientType=0);
	border-radius: 8px 8px 0 0;
	}
.boxes p
	{
	padding: 5px;
	}
.boxes strong
	{
	font-weight: bold;
	}
.boxes #carte_img
	{
	text-align: center;
	}
.boxes #meteo
	{
	width: 140px;
	height: auto;
	margin: 0 auto;
	}
.boxes #qrcode
	{
	width: 160px;
	height: 160px;
	margin: 20px auto 20px auto;
	}
.pc
	{
	display: none;
	}
.telephone
	{
	display: block;
	}
.boxes a img:hover
	{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	}
.galerie_boxe_images:hover
	{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	}
/*-------------------------------------------------------------------+
//| CATEGORIES                                                       |
//+-----------------------------------------------------------------*/
.categories
	{
	width: 95%;
	margin: 0 auto 10px auto;
	border: 1px solid #237f23;
	border-radius: 8px 8px 0 0;
	}
.categories h1
	{
	width: 100%;
	padding: 5px 0 5px 0;
	font-size: 110%;
	text-align: center;
	color: #ffffff;
	background-image: linear-gradient(#237f23, #114011);
	background-image:-webkit-linear-gradient(#237f23, #114011);
	background-image:-moz-linear-gradient(#237f23, #114011);
	background-image:-ms-linear-gradient(#237f23, #114011);
	background-image:-o-linear-gradient(#237f23, #114011);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#237f23', endColorstr='#114011', GradientType=0);
	border-radius: 8px 8px 0 0;
	}
.categories p
	{
	margin: 10px;
	}
.categories img
	{
	vertical-align: middle;
	}
.categories img:hover
	{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	}
.categories strong
	{
	font-weight: bold;
	}
.categories_photo
	{
	margin: 20px 10px 10px 10px;
	}
.categories_texte
	{
	margin: 20px 10px 10px 10px;
	}
.categories a
	{
	color: #646464;
	}
.categories a:hover
	{
	text-decoration: none;
	color: #12538a;
	font-weight: normal;
	}
/*-------------------------------------------------------------------+
//| PAGE DE CONTACT                                                  |
//+-----------------------------------------------------------------*/
form p
	{
	margin: 5px 0;
	}
fieldset
	{
	border: 1px solid #646464;
	margin: 20px 0;
	padding: 30px;
	}
legend
	{
	margin-left: 40px;
	padding: 0 10px;
	font-weight: bold;
	}
textarea
	{
	width: 100%;
	height: 200px;
	}
#objet
	{
	width: 50%;
	}
#envoyer:hover
	{
	background: #2199ff;
	cursor: pointer;
	}
.alignement
	{
	display: inline-block;
	width: 200px;
	}
.erreur_formulaire
	{
	font-style: italic;
	color: #ff0000;
	}
.adresse
	{
	display: none;
	}
.confirmation
	{
	margin: 20px 0;
	padding: 30px;
	border: 1px solid #646464;
	text-align: center;
	}
.confirmation p
	{
	margin: 5px 0;
	}
#titre_confirmation_ok
	{
	font-size: 20px;
	color: #008000;
	}
#titre_confirmation_erreur
	{
	font-size: 20px;
	color: #FF0000;
	}
/*-------------------------------------------------------------------+
//| PAGE DES TARIFS                                                  |
//+-----------------------------------------------------------------*/
table
	{
	margin: 20px auto 40px auto;
	width: 90%;
	}
th
	{
	font-weight: bold;
	border: 2px solid #237f23;
	background-image: linear-gradient(#237f23, #114011);
	background-image:-webkit-linear-gradient(#237f23, #114011);
	background-image:-moz-linear-gradient(#237f23, #114011);
	background-image:-ms-linear-gradient(#237f23, #114011);
	background-image:-o-linear-gradient(#237f23, #114011);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#237f23', endColorstr='#114011', GradientType=0);
	color: #ffffff;
	}
td
	{
	border: 1px solid #237f23;
	padding: 0 10px;
	}
.tableau_droit
	{
	text-align: center;
	width: 30%;
	}
/*-------------------------------------------------------------------+
//| FOOTER                                                           |
//+-----------------------------------------------------------------*/
footer
	{
	width: 100%;
	text-align: center;
	color: #ffffff;
	box-shadow: 0px 2px 16px rgba(0,0,0,0.8);
	padding: 30px 0;
	}
footer p
	{
	margin: 10px;
	}
footer a
	{
	color: #ffffff;
	padding: 5px;
	}
footer a:hover
	{
	color: #12538a;
	font-weight: normal;
	background-color: #ffffff;
	border-radius: 8px 8px 8px 8px;
	text-decoration: none;
	}
footer img
	{
	margin: 0 20px 0 20px;
	}
/*-------------------------------------------------------------------+
//| LARGEUR D'ECRAN INFERIEURES A 1024 PIXELS                        |
//+-----------------------------------------------------------------*/
@media only all and (max-width: 1023px)
	{
	#wrapper { width: 100%; margin: 0; }
	#menu { display: none; }
	.boxes p { text-align: center; }
	hr { display: none; }
	.pages .images {	margin: 20px auto; width: 70%; }
	}
/*-------------------------------------------------------------------+
//| LARGEUR D'ECRAN DE 1024 A 1279 PIXELS                            |
//+-----------------------------------------------------------------*/
@media only all and (min-width: 1024px) and (max-width: 1279px)
	{
	#wrapper { width: 980px; margin: 20px auto 0 auto; }
	header { height: 100px; }
	#header_logo { display: inline-block; width: 261px; margin: 0 auto; }
	#header_horaires { display: inline-block; width: 379px; vertical-align: top; margin: 13px 0 0 40px; }
	#header_contact { display: inline-block; width: 260px; vertical-align: top; margin: 16px 0 0 40px; }
	#colonne_gauche { width: 200px; }
	#colonne_droite { width: 200px; }
	.boxes { width: 198px; }
	.telephone { display: none; }
	.pc { display: block; }
	#pages { width: 560px; padding: 0 10px 0 10px; }
	.pages { width: 500px; margin: 40px auto; }
	.categories { display: block; width: 520px; margin: 0 20px 20px 20px; }
	.categories_photo { width: 80%; margin: 20px auto;}
	.categories_texte { width: 80%; margin: 0 auto 20px auto; }
	#carte { width: 100%; height: 500px; }
	footer { width: 980px; margin: 0 auto 20px auto; }
	}
/*-------------------------------------------------------------------+
//| LARGEUR D'ECRAN DE 1280 A 1359 PIXELS                            |
//+-----------------------------------------------------------------*/
@media only all and (min-width: 1280px) and (max-width: 1359px)
	{
	#wrapper { width: 1050px; margin: 20px auto 0 auto; }
	header { height: 100px; }
	#header_logo { display: inline-block; width: 261px; margin: 0 auto; }
	#header_horaires { display: inline-block; width: 409px; vertical-align: top; margin: 10px 0 0 50px; }
	#header_contact { display: inline-block; width: 280px; vertical-align: top; margin: 14px 0 0 50px; }
	#colonne_gauche { width: 200px; }
	#colonne_droite { width: 200px; }
	.boxes { width: 198px; }
	.telephone { display: none; }
	.pc { display: block; }
	#pages { width: 630px; padding: 0 10px 0 10px; }
	.pages { width: 570px; margin: 40px auto; }
	.categories { display: block; width: 590px; margin: 0 20px 20px 20px; }
	.categories_photo { width: 80%; margin: 20px auto;}
	.categories_texte { width: 80%; margin: 0 auto 20px auto; }
	#carte { width: 100%; height: 500px; }
	footer { width: 1050px; margin: 0 auto 20px auto; }
	}
/*-------------------------------------------------------------------+
//| LARGEUR D'ECRAN DE 1360 A 1439 PIXELS                            |
//+-----------------------------------------------------------------*/
@media only all and (min-width: 1360px) and (max-width: 1439px)
	{
	#wrapper { width: 1150px; margin: 20px auto 0 auto; }
	header { height: 100px; }
	#header_logo { display: inline-block; width: 261px; margin: 0 auto; }
	#header_horaires { display: inline-block; width: 459px; vertical-align: top; margin: 5px 0 0 60px; }
	#header_contact { display: inline-block; width: 310px; vertical-align: top; margin: 10px 0 0 60px; }
	#colonne_gauche { width: 200px; }
	#colonne_droite { width: 200px; }
	.boxes { width: 198px; }
	.telephone { display: none; }
	.pc { display: block; }
	#pages { width: 730px; padding: 0 10px 0 10px; }
	.pages { width: 670px; margin: 40px auto; }
	.categories { display: inline-block; width: 343px; height: 540px; vertical-align: top; margin: 0 10px 20px 10px; }
	#carte { width: 100%; height: 580px; margin: 0 auto 20px auto; }
	footer { width: 1150px; margin: 0 auto 20px auto; }
	}
/*-------------------------------------------------------------------+
//| LARGEUR D'ECRAN DE 1440 A 1599 PIXELS                            |
//+-----------------------------------------------------------------*/
@media only all and (min-width: 1440px) and (max-width: 1599px)
	{
	#wrapper { width: 1200px; margin: 20px auto 0 auto; }
	header { height: 100px; }
	#header_logo { display: inline-block; width: 261px; margin: 0 auto; }
	#header_horaires { display: inline-block; width: 467px; vertical-align: top; margin: 4px 0 0 70px; }
	#header_contact { display: inline-block; width: 332px; vertical-align: top; margin: 7px 0 0 70px; }
	#colonne_gauche { width: 200px; }
	#colonne_droite { width: 200px; }
	.boxes { width: 198px; }
	.telephone { display: none; }
	.pc { display: block; }
	#pages { width: 780px; padding: 0 10px 0 10px; }
	.pages { width: 720px; margin: 40px auto; }
	.categories { display: inline-block; width: 368px; height: 540px; vertical-align: top; margin: 0 10px 20px 10px; }
	#carte { width: 100%; height: 580px; }
	footer { width: 1200px; margin: 0 auto 20px auto; }
	}
/*-------------------------------------------------------------------+
//| LARGEUR D'ECRAN DE 1600 A 1919 PIXELS                            |
//+-----------------------------------------------------------------*/
@media only all and (min-width: 1600px) and (max-width: 1919px)
	{
	#wrapper { width: 1300px; margin: 20px auto 0 auto; }
	header { height: 100px; }
	#header_logo { display: inline-block; width: 261px; margin: 0 auto; }
	#header_horaires { display: inline-block; width: 657px; text-align: center; margin: 0 auto;}
	#header_contact { display: inline-block; width: 382px; margin: 0 auto; }
	#colonne_gauche { width: 200px; }
	#colonne_droite { width: 200px; }
	.boxes { width: 198px; }
	.telephone { display: none; }
	.pc { display: block; }
	#pages { width: 880px; padding: 0 10px 0 10px; }
	.pages { width: 820px; margin: 40px auto; }
	.categories { display: inline-block; width: 418px; height: 550px; vertical-align: top; margin: 0 10px 20px 10px; }
	#carte { width: 100%; height: 650px; }
	footer { width: 1300px; margin: 0 auto 20px auto; }
	}
/*-------------------------------------------------------------------+
//| LARGEUR D'ECRAN DE 1920 PIXELS ET PLUS                           |
//+-----------------------------------------------------------------*/
@media only all and (min-width: 1920px)
	{
	#wrapper { width: 1500px; margin: 20px auto 0 auto; }
	header { height: 100px; }
	#header_logo { display: inline-block; width: 261px; margin: 0 auto; }
	#header_horaires { display: inline-block; width: 857px; text-align: center; margin: 0 auto; }
	#header_contact { display: inline-block; width: 382px; margin: 0 auto; }
	#colonne_gauche { width: 200px; }
	#colonne_droite { width: 200px; }
	.boxes { width: 198px; }
	.telephone { display: none; }
	.pc { display: block; }
	#pages { width: 1080px; padding: 0 10px 0 10px; }
	.pages { width: 1020px; margin: 40px auto; }
	.categories { display: inline-block; width: 518px; height: 600px; vertical-align: top; margin: 0 10px 20px 10px; }
	#carte { width: 100%; height: 700px; }
	footer { width: 1500px; margin: 0 auto 20px auto; }
	}