td
{
	padding: 3px 1px 2px 1px; 		/* Top R B L */
}
p
{
	font-family : Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555555;
	font-style: normal;
	font-weight: normal !important;
	line-height : 110%;
	margin: 0px;
	padding: 0px;
}
img
{
	border: 0px;		/* Pour images dans boutons Firefox */
	margin: 0px;
	padding: 0px;
	max-width: 100%;
}
html, body
{
	min-width: 320px; 		/* Responsive */
	
	background-color: white;
	background-image: url('/images/Fonds/blocfond.png');
	background-repeat: repeat;
	
	text-align: center;		/* indispensable pour centrer contenu sur IE */
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 0px;
	line-height : 110%;
	margin: 0px;
	padding: 0px;
}
a.LiensMenuPC
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	padding-right: 7px;
	padding-left: 7px;
	text-decoration: none;
	border-bottom: 0px;
	border-bottom-style: hidden;
	outline-style:none;		/* Pour enlever pointillés Firefox*/
	line-height: 110%;		/* Sinon cette merde de IE tronque le bas du texte */
	font-weight: bold;
}
a.LiensMenuPC:link
{
	color: #FFFFFF;
}
a.LiensMenuPC:visited
{
	color: #FFFFFF;
}
a.LiensMenuPC:hover
{
	color: #000000;
}
a.LiensMenuPC:active
{
	color: #000000;
}
.LiensMenuPCCurrent
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;		/* Obligé de répéter */
	padding-right: 7px;
	padding-left: 7px;
	text-decoration: none;		/* Pour enlever souligné */
	color: #000000;
	line-height: 110%;		/* Sinon cette merde de IE tronque le bas du texte */
	font-weight: bold;
}
a.LiensMenuBas
{
	font-size: 18px;
	font-style: normal;
	padding-right: 8px;
	padding-left: 8px;
	float: none;
	line-height : 120%;
}
a.LiensMenuBas:link
{
	color: #A4CFC4;
}
a.LiensMenuBas:visited
{
	color: #A4CFC4;
}
a.LiensMenuBas:hover
{
	color: #000000;
}
a.LiensMenuBas:active
{
	color: #000000;
}
a.LiensMenuBasCurrent
{
	font-size: 18px;
	padding-right: 8px;
	padding-left: 8px;
	margin: 0px;
	color:#000000;
	line-height : 120%;
}
a.LiensMenu
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	padding-right: 8px;
	padding-left: 8px;
	text-decoration: none;
	border-bottom: 0px;
	border-bottom-style: hidden;
	outline-style:none;		/* Pour enlever pointillés Firefox*/
	line-height: 110%;		/* Sinon cette merde de IE tronque le bas du texte */
}
a.LiensMenu:link
{
	color: #A4CFC4;
}
a.LiensMenu:visited
{
	color: #A4CFC4;
}
a.LiensMenu:hover
{
	color: #000000;
}
a.LiensMenu:active
{
	color: #000000;
}
.LiensMenuCurrent
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;		/* Obligé de répéter */
	padding-right: 8px;
	padding-left: 8px;
	text-decoration: none;		/* Pour enlever souligné */
	color: #000000;
	line-height: 110%;		/* Sinon cette merde de IE tronque le bas du texte */
}
a.LienModif
{
	font-size: 12px;
	border-bottom-width : 1px;
}
a.LienModif:link
{
	color : #AAAAAA;
	border-bottom-style : solid;
}
a.LienModif:visited
{
	color : #AAAAAA;
	border-bottom-style : dotted;
}
a.LienModif:hover
{
	color : #999999;
	border-bottom-style : solid;
	border-bottom-color : #993300;
}
a.LienModif:active
{
	color : #999999;
	border-bottom-style : solid;
}
a
{
	background-image: none;		/* Obligé sinon déconne des fois */
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;		/* Pour enlever souligné */
	border-bottom: 0px;
	border-bottom-style: hidden;
	outline-style:none;		/* Pour enlever pointillés Firefox*/
	line-height:100%;
}
/* -------- Containers Haut, Site, Bas & Impression -------- */
#ZeContainerHaut
{
	margin-right : auto;
	margin-left : auto;
	margin-top : 0px;
	margin-bottom : 0px;
	background-color: white;
	background-image : url('/images/Fonds/ContainerFond.png');
	background-repeat : repeat;
	background-position : right top;
	z-index : 0;
	position : relative;
	line-height : 110%;
}
#ZeContainerSite
{
	margin-right : auto;
	margin-left : auto;
	margin-top : 0px;
	margin-bottom : 0px;
	background-color: white;
	background-image : url('/images/Fonds/ContainerFond.png');
	background-repeat : repeat;
	background-position : right top;
	z-index : 0;
	position : relative;
	line-height : 110%;
}
#ZeContainerBas
{
	margin-right : auto;
	margin-left : auto;
	margin-top : 0px;
	margin-bottom : 0px;
	background-color: white;
	background-image : url('/images/Fonds/ContainerFond.png');
	background-repeat : repeat;
	background-position : right top;
	z-index : 0;
	position : relative;
	line-height : 110%;
}
#ZeContainerImpression
{
	width : 700px;
	margin-right : 20px;
	margin-left : 20px;
	margin-top : 20px;
	margin-bottom : 20px;
	background-color: transparent;
	z-index : 0;
	position : relative;
	line-height : 110%;
}
#gallery
{
	/* Gallery styles */
	
	margin:0px;
	padding:0px;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:url('/images/Elements/SlideShow/panel.jpg') repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:920px;
	overflow:hidden;
}
#Croisiere4
{
	margin:15px auto;
	text-align:center;
	width:920px;		/* Ligne indispensable, sinon ne scrolle pas */
	position:relative;
}
#slides
{
	/* This is the slide area */
	height:auto; /* 400px */
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:920px;
	overflow:hidden;
}
.slide
{
	float:left;
}
#menu
{
	/* This is the container for the thumbnails */
	height:45px;
}
#gallery ul
{
	margin:0px;
	padding:0px;
}
#gallery li
{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	*display: inline; 		/* for ie */
	zoom: 1;
	list-style:none;
	height:45px;
	vertical-align: top;
	overflow:hidden;
}
#gallery li.inact:hover
{
	/* The inactive state, highlighted on mouse over */
	background:url('/images/Elements/SlideShow/pic_bg.png') repeat;
}
#gallery li.act, #gallery li.act:hover
{
	/* The active state of the thumb */
	background:url('/images/Elements/SlideShow/active_bg.png') no-repeat;
}
#gallery li.act a
{
	cursor:default;
}
.fbar
{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url('/images/Elements/SlideShow/divider.png') no-repeat right;
}
#gallery li a
{
	display:block;
	background:url('/images/Elements/SlideShow/divider.png') no-repeat right;
	height:35px;
	padding-top:10px;
}
#gallery a img
{
	border:none;
}
/* -------- h1, h2, h3 -------- */
h1, h2, h3
{
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal !important;
	line-height : 110%;
	margin: 0px 0px 0px 0px; 		/* T R B L */
	padding: 0px;
}
h1 { color: #D60151; } 		/* Liste Couleurs dans Standard - CacaOie : D6DE21 */
h2 { color: #6699CC; }
h3 { color: #00B3BF; }
@media only screen and (min-width: 1024px) 		/* Paramètres pour Ecran >= 1024px de Large */
{
	h1 { font-size: 20px; }
	h2 { font-size: 18px; } 		/* 1 em = 12 pt = 16 px = 100% de la police 30 24 18 */
	h3 { font-size: 14px; }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) 		/* Paramètres pour Ecran entre 768 et 1023px de Large */
{
	h1 { font-size: 18px; }
	h2 { font-size: 16px; }
	h3 { font-size: 14px; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) 		/* Paramètres pour Ecran entre 320 et 767 px de Large (Mobile / Portrait) */
{
	h1 { font-size: 16px; }
	h2 { font-size: 14px; }
	h3 { font-size: 12px; }
}
/* -------- Containers Affichage -------- */
@media only screen and (min-width: 1200px) 		/* Paramètres pour Ecran >= 1200px de Large */
{
	.container { width: 1200px; padding: 0px; }
	.EquivContainer { width: 1200px; } 		/* Ne sert que pour Titre et BasPage */
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) 		/* Paramètres pour Ecran de 1024px de Large */
{
	.container { width: 1200px; padding: 0px; }
	.EquivContainer { width: 1200px; }
}
@media only screen and (min-width: 960px) and (max-width: 1023px) 		/* Paramètres pour Ecran de 960px de Large */
{
	.container { width : 100%; padding: 0px; }
	.EquivContainer { width: 98%; }
}
@media only screen and (min-width: 768px) and (max-width: 960px) 		/* Paramètres pour Ecran de 768px de Large */
{
	.container { width : 100%; padding: 0px; }
	.EquivContainer { width: 98%; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) 		/* Paramètres pour Ecran de 480px de Large (Mobile / Paysage) */
{
	.container { width : 100%; padding: 0px; }
	.EquivContainer { width: 98%; }
}
@media only screen and (min-width: 320px) and (max-width: 480px) 		/* Paramètres pour Ecran de 320px de Large (Mobile / Portrait) */
{
	.container { width : 100%; padding: 0px; }
	.EquivContainer { width: 98%; }
}
@media print
{
	@page { size : portrait; margin : 1cm; }
}
/* -------- Google Maps en responsive -------- */
.google-maps
{
	position: relative;
	padding-bottom: 75%; 		/* This is the aspect ratio */
	height: 0;
	overflow: hidden;
}
.google-maps iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.FieldSet
{
	padding:30px 10px 10px 10px; 		/* Top R B L */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #D60151;
}
.Descriptif
{
	width : 840px;
	padding : 15px 70px 15px 70px;
	font-size : 14px;
	margin-left : 0px;
	margin-right : 0px;
	line-height : 140%;
}
.Descriptif, .DescriptifTarif
{
	font-family : Arial, Helvetica, sans-serif;
	text-align : center;
	font-style : normal;
}
.DescriptifTarif
{
	font-size: 14px;
	margin:0px;
	padding: 0px;
	line-height : 120%;
	color: #000000;
}
.DeployerTitre
{
	cursor: hand;
	cursor: pointer;
	font: normal 18px Arial;		/* Titres */
	margin: 10px 0;
	clear: both;
}
.openlanguage		/* Titres une fois déployés */
{
	color: #4B0082;
}
.closedlanguage		/* Titres seuls */
{
	color: #000000;
}
.DeployerTitreTexte		/* Zone texte */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-style: normal;
	line-height : 110%;
	padding : 1px 25px 5px 20px;		/* top right bottom left */
	clear: both;
}
.mypets
{
	cursor: hand;
	cursor: pointer;
	padding: 2px 5px;
	border: 1px solid gray;
	background: #E1E1E1;
}
.openpet		/* Quand zone déployée */
{
	background: yellow;
}
.thepet
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-style: normal;
	line-height : 110%;
}
.BoutonEnvoyerSp
{ background: transparent url('/images/Boutons/Envoyer2Vert.png') no-repeat top left; }
.BoutonEnvoyerSp:hover { background: transparent url('/images/Boutons/Envoyer2Vert.png') no-repeat bottom left; }
.BoutonEnvoyerSp, .BoutonChercherSp, .BoutonContinuerSp, .BoutonValiderSp, .BoutonEnregModifsSp, .BoutonPayerParCbSp, .BoutonPayerParChqSp, .BoutonPayerParVirSp
{
	text-decoration: none;
	border-bottom-style : none;
	border: 0px;		/* Pour images dans boutons Firefox */
	margin: 0px;
	padding: 0px;
	height: 26px;
}
.BoutonEnvoyerSp, .BoutonChercherSp, .BoutonContinuerSp, .BoutonValiderSp { width: 114px; }
.BoutonEnregModifsSp, .BoutonPayerParCbSp, .BoutonPayerParChqSp, .BoutonPayerParVirSp { width: 250px; }
.BoutonChercherSp { background: transparent url('/images/Boutons/Chercher2Vert.png') no-repeat top left; }
.BoutonChercherSp:hover { background: transparent url('/images/Boutons/Chercher2Vert.png') no-repeat bottom left; }
.BoutonContinuerSp { background: transparent url('/images/Boutons/Continuer2Vert.png') no-repeat top left; }
.BoutonContinuerSp:hover { background: transparent url('/images/Boutons/Continuer2Vert.png') no-repeat bottom left; }
.BoutonValiderSp { background: transparent url('/images/Boutons/Valider2Vert.png') no-repeat top left; }
.BoutonValiderSp:hover { background: transparent url('/images/Boutons/Valider2Vert.png') no-repeat bottom left; }
.BoutonEnregModifsSp { background: transparent url('/images/Boutons/EnregModifs2Vert.png') no-repeat top left; }
.BoutonEnregModifsSp:hover { background: transparent url('/images/Boutons/EnregModifs2Vert.png') no-repeat bottom left; }
.BoutonPayerParCbSp { background: transparent url('/images/Boutons/PayerParCb2Vert.png') no-repeat top left; }
.BoutonPayerParCbSp:hover { background: transparent url('/images/Boutons/PayerParCb2Vert.png') no-repeat bottom left; }
.BoutonPayerParChqSp { background: transparent url('/images/Boutons/PayerParChq2Vert.png') no-repeat top left; }
.BoutonPayerParChqSp:hover { background: transparent url('/images/Boutons/PayerParChq2Vert.png') no-repeat bottom left; }
.BoutonPayerParVirSp { background: transparent url('/images/Boutons/PayerParVir2Vert.png') no-repeat top left; }
.BoutonPayerParVirSp:hover { background: transparent url('/images/Boutons/PayerParVir2Vert.png') no-repeat bottom left; }
.BoutonEnvoyer
{
	background-image : url('/images/Boutons/EnvoyerBlanc.png');
}
.BoutonEnvoyer, .BoutonChercher, .BoutonContinuer, .BoutonValider
{
	background-repeat : no-repeat;
	background-position : top left;
	background-color: white;
	width: 114px;
	height :26px;
	border: 0px;		/* Pour images dans boutons Firefox */
	margin: 0px;
	padding: 0px;
}
.BoutonEnvoyer:hover { background-image : url('/images/Boutons/EnvoyerNoir.png'); }
.BoutonChercher { background-image : url('/images/Boutons/ChercherBlanc.png'); }
.BoutonChercher:hover { background-image : url('/images/Boutons/ChercherNoir.png'); }
.BoutonContinuer { background-image : url('/images/Boutons/ContinuerBlanc.png'); }
.BoutonContinuer:hover { background-image : url('/images/Boutons/ContinuerNoir.png'); }
.BoutonValider { background-image : url('/images/Boutons/ValiderBlanc.png'); }
.BoutonValider:hover { background-image : url('/images/Boutons/ValiderNoir.png'); }
.BoutonEnregModifs, .BoutonPayerParCb, .BoutonPayerParChq, .BoutonPayerParVir
{
	background-repeat : no-repeat;
	background-position : top left;
	background-color: white;
	width: 250px;
	height :26px;
	border: 0px;		/* Pour images dans boutons Firefox */
	margin: 0px;
	padding: 0px;
}
.BoutonEnregModifs { background-image : url('/images/Boutons/EnregModifsBlanc.png'); }
.BoutonEnregModifs:hover { background-image : url('/images/Boutons/EnregModifsNoir.png'); }
.BoutonPayerParCb { background-image : url('/images/Boutons/PayerParCbBlanc.png'); }
.BoutonPayerParCb:hover { background-image : url('/images/Boutons/PayerParCbNoir.png'); }
.BoutonPayerParChq { background-image : url('/images/Boutons/PayerParChqBlanc.png'); }
.BoutonPayerParChq:hover { background-image : url('/images/Boutons/PayerParChqNoir.png'); }
.BoutonPayerParVir { background-image : url('/images/Boutons/PayerParVirBlanc.png'); }
.BoutonPayerParVir:hover { background-image : url('/images/Boutons/PayerParVirNoir.png'); }
.Asterisque
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #DD0000;
}
/* -------- Formulaires & Elements -------- */
input[type=text], input[type=password], textarea
{
	width: 100%;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
}
select
{
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
	height : 24px;
	line-height : 24px;
}
label
{
	padding: 6px 10px 4px 1px;
	display: inline-block;
}
input[type=submit], .BoutonFormGros, .BoutonFormFin
{
	background-color: #4CAF50;
	color: white;
	
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	float: left;
}
input[type=submit]:hover { background-color: #009900; }
.SubmitGros { font-size: 18px; padding: 10px 20px; }
.SubmitFin { font-size: 14px; padding: 4px 15px; }
.BoutonFormGros { font-size: 18px; padding: 10px 20px; } 		/* Doit disparaître */
.BoutonFormFin { font-size: 14px; padding: 4px 15px; }
.LDLa, .LD1E, .LD2E, .LD3E, .LD4E, .LD5E, .LD6E, .LD7E, .LD8E, .LD9E, .LD10E, .LD11E, .LD12E, .LDIn { float: left; margin-top: 6px; } 		/* Doit disparaître ??? */
.LDLa { width: 30%; }		/* Label */
.LD1E {width: 8.33%;}
.LD2E {width: 16.66%;}
.LD3E {width: 25%;}
.LD4E {width: 33.33%;}
.LD5E {width: 41.66%;}
.LD6E {width: 50%;}
.LD7E {width: 58.33%;}
.LD8E {width: 66.66%;}
.LD9E {width: 75%;}
.LD10E {width: 83.33%;}
.LD11E {width: 91.66%;}
.LD12E {width: 100%;}
.LDIn { width: 70%; }		/* Input & Co */
@media screen and (max-width: 600px)
{
	.LDLa, .LD1E, .LD2E, .LD3E, .LD4E, .LD5E, .LD6E, .LD7E, .LD8E, .LD9E, .LD10E, .LD11E, .LD12E, .LDIn, input[type=submit]
	{
		width: 100%;
		margin-top: 0;
	}
	label { padding: 6px 10px 3px 0px; }
}
/* -------- Boutons -------- */
a.LienBouton
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
}
a.LienBoutonPetit
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
a.LienBouton:link, a.LienBoutonPetit:link { color: #000000; } 		/* Turquoise : 34C9D0 - Cerise : D60151 */
a.LienBouton:visited, a.LienBoutonPetit:visited { color : #000000; }
a.LienBouton:hover, a.LienBoutonPetit:hover { color: #FFFFFF; }
a.LienBouton:active, a.LienBoutonPetit:active { color: #FFFFFF; }
a.LienBoutonVert
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}
a.LienBoutonVert:link { color: #FFFFFF; }
a.LienBoutonVert:visited { color : #FFFFFF; }
a.LienBoutonVert:hover { color: #000000; }
a.LienBoutonVert:active { color: #000000; }
.BoutonBO
{
	background-color: #4CAF50;
	color: white;
	
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	
	margin: 1px;
	padding: 2px 10px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	float: left;
}
.modal
{
	top: 0; bottom: 0; left: 0; right: 0;
}
.modalDiaporama
{
	top: 0; bottom: 0; left: 0; right: 0;
}
.modal, .modalDiaporama
{
	visibility: hidden;
	opacity: 0;
	position: absolute;
	background: rgba(77, 77, 77, .7); 		/* Couleur hors de modal_content */
	display: flex;
	justify-content: center; 		/* Horizontal */
	align-items: flex-start; 		/* Vertical : center ou flex-start */
	transition: .5s;
	z-index: 200;
}
.modal:target, .modalDiaporama:target
{
	visibility: visible;
	opacity: 1;
}
.modal_content
{
	margin-top: 10px;
	background-color: white;
	padding: 1.5em 2em 0.5em 2em; 		/* Unités par rapport à la taille de l'élément parent … 2em = 32px par défaut … */
	width: 520px;
	max-width: 94%;
	border-radius: 4px;
	position: relative; 		/* Par rapport à Croix de fermeture */
	z-index: 201;
	border-style: solid; border-width: 1px; border-color: #EEEEEE;
}
.modalDiaporama_content
{
	margin-top: 50px;
	background-color: white;
	padding: 1.5em 2em 0.5em 2em; 		/* Unités par rapport à la taille de l'élément parent … 2em = 32px par défaut … */
	width: 960px;
	max-width: 94%;
	border-radius: 4px;
	position: relative; 		/* Par rapport à Croix de fermeture */
	z-index: 201;
	border-style: solid; border-width: 1px; border-color: #EEEEEE;
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.7); 
}
.modal_close
{
	position: absolute;
	top:10px;
	right:10px;
	text-decoration: none; 		/* Optionnel si déjà fait sur a */
	font-size: 24px;
	color: black;
}
.modal_close:hover, .modal_close:active { color : #FF0000; }