*
{	
	text-decoration: none;
	list-style: none;
}

h1 /* --- Titre de page : PRIS EN COMPTE dans le référencement -- */
	{
		font-family: verdana, arial;
		font-size: 16px;
		color: #900;
		font-weight: bold;
		text-decoration: none;	
	}

h2 /* --- Intitulés verts : PRIS EN COMPTE dans le référencement -- */
	{
		font-family: verdana, arial;
		color: #090;
		font-size: 16px;
		font-weight: normal;
		text-decoration: none;	
	}

h3 /* --- Texte de base avec <b> éventuel pour caractères GRAS <i> pour ITALIC -- */
	{
		font-family: verdana, arial;
		font-size: 16px;
		color: #333;
		font-weight: normal;
	}

h4 /* --- Tarifs journaliers Pet-Sitting --- */
	{
		font-family: verdana, arial;
		font-size: 16px;
		color: #900;
		font-weight: normal;
	}

h5 /* --- Texte bleu #202166 comme le Menu -- */
	{
		font-family: verdana, arial;
		font-size: 16px;
		color: #202166;		
		font-weight: normal;
		text-decoration: none;	
	}

body /* --- Page -- */
	{	
		margin: 0 auto;
		padding: 0px;	
		max-width: 98%;
		max-height: 100%;	
		background: linear-gradient(260deg,#DFEDDB 50%,rgba(241,241,241,1) 100%);
		/*linear-gradient(260deg,rgba(184, 242, 162, 1) 0%, rgba(241, 241, 241, 1) 100%);*/
		list-style: none;
		
		
	}

promo{
	/*background:yellow;*/
	color :#e04000 ;
	font-size:40px;
	
	
}
	
					
	/* ----------------------------------- */
	/* ----------- AFFICHAGE PC ---------- */
	/* ----------------------------------- */	

	@media screen and (min-width: 1070px) 
		{
			
	/* ---------- Zones de page ------------ */
		
			#haut	
			{	
				position: relative;
				margin: auto;
				max-width: 98%;
			}
			
			#hautres /*!-- Mobile */
			{	
				display: none;
			}
			
			#menures /*!-- Mobile */
			{	
				display: none;
			}
			
			#notitre
			{	
				display: none;
			}
			
			#notitreres /*!-- Mobile */ 
			{	
				display: none;
			}
			
			#entet
			{	
				display: block;
			}					
			
			#entetres /*!-- Mobile */
			{	
				display: none;
			}		
			
			#bas	
			{	
				margin: auto;
				max-width: 98%;
				padding-top: 10px;			
			}		
			
			#basres /*!-- Mobile */
			
			{	
				display: none;
			}	
			
	/* ---------- Logo ------------ */
			
			.logo	
			{				
				width: 130px;
			}	
			
	/* ---------- Menu ------------ */		
					
			.boutonmenusel
			{	
				font-family: verdana, arial;
				font-size: 20px;
				color: #0C8510;
				font-weight: normal;	
				padding: 10px 18px;
				text-decoration: none;
				
				display: inline-block;
				text-align: center;
				vertical-align: middle;
				border-radius: 10%;
				box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
			}
			
			.boutonmenu
			{		
				font-family: verdana, arial;
				font-size: 20px;
				color: #0D2270;
				font-weight: normal;	
				padding: 10px 18px;
				text-decoration: none;
				
				display: inline-block;
				text-align: center;
				vertical-align: middle;
	}
			.boutonmenu:hover,
			.boutonmenu:focus,
			.boutonmenu:active 
			{
				font-family: verdana, arial;
				font-size: 20px;
				color: #933;
				font-weight: normal;	
				padding: 10px 18px;
				text-decoration: none;
				
				border: 1px solid ##8afe99;
				border-radius: 8%;
				text-decoration: none;
				box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;

			}

	/* ---------- Navbar MENU Mobile ---------- */		
	
			.menuburg
			{
				display: none;			
			}	
			
			.navbar
			{
				display: flex;
				justify-content: center;		
			}	

			.navbar a
			{
				display: inline-block;
				text-align: center;
				vertical-align: middle;
				padding: 10px 18px;
				font: normal normal bold 20px arial;
				color: #000;
				border-radius: 10%;
				text-decoration: none;
			}	

			.navbar a:hover
			{		
				display: inline-block;
				text-align: center;
				vertical-align: middle;
				padding: 10px 18px;
				font: normal normal bold 20px arial;
				color: #060;
				border-radius: 10%;
				text-decoration: none;
				box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 6px 6px;
			}
 
			.navbar .navliens ul
			{
				display: flex;
			}	

			.navbar .navliens ul li
			{
				margin: 4px 5px;
			}	

			.navbar .navliens ul li.active a
			{		
				display: inline-block;
				text-align: center;
				vertical-align: middle;
				padding: 10px 18px;
				font: normal normal bold 20px arial;
				color: #900;
				border-radius: 10%;
				text-decoration: none;
				box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 6px 6px;
			}

			.navbar .navliens ul li.active2 a
			{
				padding: 4px 5px;
				background-color: #000;
				color: #0df;
				border-bottom: 1px solid #0df;
				border-radius: 15% 15% 0 0;	
			}
				
			.espacenav1
			{
				display: block;	
				height: 0;				
			}	
				
			.espacenav2
			{
				display: block;	
				height: 5px;				
			}
		}			

	/* ---------- Commun aux pages ---------- */
	
			.imgtitre	
			{				
				width: 80%;
				border-radius: 15px 2px;
				left: 25px;
			}		
			
			.hautpage
			{	
				font-family: verdana, arial;
				font-size: 14px;
				font-weight: normal;
				font-style: italic;
				color: #202166;
				text-decoration: none;			
			}	
			
	/* ---------- Accueil ------------ */	
			
			.accueil	
			{				
				box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.10) 0px 10px 20px;
				width: 100%;
				border-radius: 25px 2px;
			}	

	/* ---------- Naturopathie ------------ */		
			
			.natimg		
			{				
				box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.10) 0px 10px 20px;
				width: 70%;
				border-radius: 5px;
			}	
				
			.attention	
			{		
				font-family: verdana, arial;
				font-size: 16px;
				color: #900;
				font-weight: normal;
				text-decoration: none;	
			}	

	/* ---------- Prestations ----------- */	
							
			.prestation
			{			
				box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.10) 0px 10px 20px;
				width: 80%;
			}						
			
			.imageprest	
			{				
				width: 50%;
				border-radius: 2px 2px;		
			}					
			
			.imgprest	
			{				
				width: 80%;
				border-radius: 2px 2px;		
			}		
							
			.carnet
			{				
				width: 70%;
			}	
			
			.cartedim	
			{				
				box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.10) 0px 10px 20px;
				width: 90%;
				border-radius: 25px 2px;
			}	
	
	/* ---------- Pet-Sitting ------------ */		
	
			.voirplus
			{	
				display: block;
				font-family: verdana, arial;
				color: #333;
				font-size: 14px;
				font-weight: normal;
				text-decoration: none;	
			}	
			
	/* ---------- Contact ---------------- */
			
			.identite	
			{				
				width: 60%;
			}	
			
			.patricia	
			{					
				box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.10) 0px 10px 20px;
				width: 30%;
				border-radius: 25px 2px;
			}	

	/* ----------------------------------- */
	/* --------- AFFICHAGE MOBILE -------- */
	/* ----------------------------------- */
	
	@media screen and (max-width: 1069px) 
		{		
		
	/* ---------- Zones de page ------------ */
	
			#haut
			{	
				display: none;
			}	
			
			#hautres	
			{	
				display: block;	
				margin: auto;
				max-width: auto;
				padding-top: 10px;		
			}
			
			#menures
			{	
				display: block;
			}		
			
			#entet	
			{	
				display: none;
			}					
			
			#entetres
			{	
				display: block;
				max-width: 100%;
			}		
			
			#bas
			
			{	
				display: none;
			}			
			
			#basres	
			{	
				margin: auto;
				max-width: 100%;
				padding-top: 10px;	
			}
			
	/* ---------- Logo ------------ */		
			
			.logores	
			{	
				width: 150px;
			}			

	/* ---------- Navbar MENU Mobile ---------- */	
	
			.navbar
			{
				padding: 0px;				
			}	
			
			.navbar .menuburg
			{
				display: block;	
				z-index: 2;
			}				
			
			.navliens
			{	
				top: 0px;
				left: 0;
				position: fixed;					
				background-color: rgba(0, 0, 0, 0.450);
				backdrop-filter: blur(10px);			
				width: 100%;
				height: 100vh;	
				display: flex;
				justify-content: center;
				align-items: center;
				margin-left: -100%;
				transition: all 0.5s ease;
				z-index: 1;
			}			
			
			.navliens ul
			{
				display: flex;	
				flex-direction: column;	
				align-items: center;		
			}	
			
			.navbar .navliens ul li
			{
				margin: 15px 0;	
				font-family: verdana, arial;
				text-decoration: none;
				color: #333;
				font-size: 25px;				
			}

			.navbar .navliens ul li.active a
			{
				color: #fff;
			}
						
			.menuburg
			{	
				display: block;
				position: absolute;
				width: 40px;
				margin: 10px;
				right: 2px;
				top: 2px;
				border-radius: 15%;
				z-index: 0px;
			}	
				
			.espacenav1, .espacenav2
			{
				display: block;	
				height: 5px;				
			}	

			.navbar a
			{
				font-family: verdana, arial;
				font-size: 30px;
				color: #ffb755;	
				padding: 0;	
				border: 0;
			}
			
			.mobilmenu
			{
				margin-left: 35px;
			}	
			
			.navliens.mobilmenu
			{
				margin-left: 0;
			}			

	/* ---------- Commun aux pages ---------- */
			
			.imgtitreres
			{				
				width: 70%;
			}			
			
			.hautpageres
			{	
				font-family: verdana, arial;
				font-size: 12px;
				font-weight: normal;
				font-style: italic;
				color: #202166;
				text-decoration: none;			
			}
			
	/* ---------- Accueil --------------- */	
			
			.accueilres
			{				
				box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.10) 0px 10px 20px;
				width: 80%;
			}

	/* ---------- Naturopathie ------------ */		
			
			.natimgres		
			{				
				box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.10) 0px 10px 20px;
				width: 80%;
				border-radius: 5px;
			}		
				
			.attentionres
			{		
				font-family: verdana, arial;
				font-size: 16px;
				color: #900;
				font-weight: normal;
				text-decoration: none;	
			}			
	
	/* ---------- Prestations ------------ */	
							
			.prestationres
			{				
				width: 50%;
			}							
							
			.imgprestres
			{				
				width: 80%;
			}	
							
			.carnetres
			{				
				width: 50%;
			}							
			
			.cartedimres
			{				
				width: 100%;
			}
	
	/* ---------- Pet-Sitting ------------ */	
	
			.voirplusres
			{	
				display: block;
				font-family: verdana, arial;
				color: #333;
				font-size: 14px;
				font-weight: normal;
				text-decoration: none;	
			}
	
	/* ---------- Contact ------------ */	
			
			.patriciares	
			{					
				box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.10) 0px 10px 20px;
				width: 60%;
				border-radius: 25px 2px;
			}	
		}
		
		
/* ------------------------------------- */	
/* --------- MENU EXTENSIBLE 1 --------- */	
/* ------------------------------------- */	
				
/* -- CONTENUS 1 ----------------------------- */	
	
		.contenu1 /*-- Texte des titres colonnes --*/
			{
			  font-family: verdana, arial;
			  font-size: 16px;
			  margin-bottom: -1px;
			  padding: 0px;
			  color: #000;
			  text-align: left;
			  padding-top: 5px;	
			}

		.contenu1:hover 
			{
			  /*background-color: #efe;*/
			}	
	
		.contenu1 
			> input[type="checkbox"] {
			  display: none;
			}
	
		.contenu1
			> label {
			  display: block;
			  width: 100%;
			  color: #393;
			  font-weight: normal;
			  padding-top: 10px;
			  padding-bottom: 10px;
			}
	
		.contenu1 
			> label:before {
			  content: ' ▼ ';
			  font-size: 16px;
			  color: #000;
			}
	
		.contenu1
			> label + div {
			  display: none;
			}
	
		.contenu1 /*-- Cadre interne --*/
			> div {
			  margin-top: 5px;
			  width: 100%;
			  text-align: left;	
			  padding-top: 0px;
			}
	
		.contenu1
			> input[type="checkbox"]:checked + label + div {
			  display: block;
			}
	
		.contenu1
			> input[type="checkbox"]:checked + label::before {
			  content: ' ▲ '; 
			  font-size: 16px;
			  color: #c33;
			}
			
/* ------------------------------------- */	
/* --------- MENU EXTENSIBLE 2 --------- */	
/* ------------------------------------- */		
			
/* -- CONTENUS 2 ----------------------------- */	
	
		.contenu2 /*-- Texte des titres colonnes --*/
			{
			  font-family: verdana, arial;
			  font-size: 16px;
			  margin-bottom: -1px;
			  padding: 0px;
			  color: #000;
			  text-align: right;
			  padding-top: 5px;
			}

		.contenu2:hover 
			{
			  /*background-color: #efe;*/
			}	
	
		.contenu2 
			> input[type="checkbox"] {
			  display: none;
			}
	
		.contenu2
			> label {
			  display: block;
			  width: 100%;
			  color: #393;
			  font-weight: normal;
			  padding-top: 10px;
			  padding-bottom: 10px;
			}
	
		.contenu2 
			> label:before {
			  content: ' ▼ ';
			  font-size: 16px;
			  color: #000;
			}
	
		.contenu2
			> label + div {
			  display: none;
			}
	
		.contenu2 /*-- Cadre interne --*/
			> div {
			  margin-top: 5px;
			  width: 100%;
			  text-align: right;	
			  padding-top: 0px;
			}
	
		.contenu2
			> input[type="checkbox"]:checked + label + div {
			  display: block;
			}
	
		.contenu2
			> input[type="checkbox"]:checked + label::before {
			  content: ' ▲ '; 
			  font-size: 16px;
			  color: #c33;
			}
/* ------------------------------------- */	
/* --------- MENU EXTENSIBLE 3 --------- */	
/* ------------------------------------- */			
			
/* -- CONTENUS 3 ----------------------------- */	
	
		.contenu3 /*-- Texte des titres colonnes --*/
			{
			  font-family: verdana, arial;
			  font-size: 16px;
			  margin-bottom: -1px;
			  padding: 0px;
			  color: #000;
			  text-align: center;
			  padding-top: 5px;
			}

		.contenu3:hover 
			{
			  /*background-color: #efe;*/
			}	
	
		.contenu3 
			> input[type="checkbox"] {
			  display: none;
			}
	
		.contenu3
			> label {
			  display: block;
			  width: 100%;
			  color: #393;
			  font-weight: normal;
			  padding-top: 10px;
			  padding-bottom: 10px;
			}
	
		.contenu3 
			> label:before {
			  content: ' ▼ ';
			  font-size: 16px;
			  color: #000;
			}
	
		.contenu3
			> label + div {
			  display: none;
			}
	
		.contenu3 /*-- Cadre interne --*/
			> div {
			  margin-top: 5px;
			  width: 100%;
			  text-align: center;	
			  padding-top: 0px;
			}
	
		.contenu3
			> input[type="checkbox"]:checked + label + div {
			  display: block;
			}
	
		.contenu3
			> input[type="checkbox"]:checked + label::before {
			  content: ' ▲ '; 
			  font-size: 16px;
			  color: #c33;
			}	
			
/* ------------------------------------- */	
/* --------- MENU EXTENSIBLE 4 --------- */	
/* ------------------------------------- */			
			
/* -- CONTENUS 4 ----------------------------- */	
	
		.contenu4 /*-- Texte des titres colonnes --*/
			{
			  font-family: verdana, arial;
			  font-size: 16px;
			  margin-bottom: -1px;
			  padding: 0px;
			  color: #000;
			  text-align: left;
			  padding-top: 5px;
			}

		.contenu4:hover 
			{
			  /*background-color: #efe;*/
			}	
	
		.contenu4 
			> input[type="checkbox"] {
			  display: none;
			}
	
		.contenu4
			> label {
			  display: block;
			  width: 100%;
			  color: #393;
			  font-weight: normal;
			  padding-top: 10px;
			  padding-bottom: 10px;
			}
	
		.contenu4 
			> label:before {
			  content: ' ▼ ';
			  font-size: 16px;
			  color: #000;
			}
	
		.contenu4
			> label + div {
			  display: none;
			}
	
		.contenu4 /*-- Cadre interne --*/
			> div {
			  margin-top: 5px;
			  width: 100%;
			  text-align: left;	
			  padding-top: 0px;
			}
	
		.contenu4
			> input[type="checkbox"]:checked + label + div {
			  display: block;
			}
	
		.contenu4
			> input[type="checkbox"]:checked + label::before {
			  content: ' ▲ '; 
			  font-size: 16px;
			  color: #c33;
			}	
			
/* -------------------------------------------- */	
/* --------- MENU EXTENSIBLE 1 Mobile --------- */	
/* -------------------------------------------- */		
			
/* -- CONTENUS 11 ----------------------------- */	
	
		.contenu11 /*-- Texte des titres colonnes --*/
			{
			  font-family: verdana, arial;
			  font-size: 16px;
			  margin-bottom: -1px;
			  padding: 0px;
			  color: #000;
			  text-align: left;
			  padding-top: 5px;
			}

		.contenu11:hover 
			{
			  /*background-color: #efe;*/
			}	
	
		.contenu11 
			> input[type="checkbox"] {
			  display: none;
			}
	
		.contenu11
			> label {
			  display: block;
			  width: 100%;
			  color: #393;
			  font-weight: normal;
			  padding-top: 10px;
			  padding-bottom: 10px;
			}
	
		.contenu11 
			> label:before {
			  content: ' ▼ ';
			  font-size: 16px;
			  color: #000;
			}
	
		.contenu11
			> label + div {
			  display: none;
			}
	
		.contenu11 /*-- Cadre interne --*/
			> div {
			  margin-top: 5px;
			  width: 100%;
			  text-align: left;	
			  padding-top: 0px;
			}
	
		.contenu11
			> input[type="checkbox"]:checked + label + div {
			  display: block;
			}
	
		.contenu11
			> input[type="checkbox"]:checked + label::before {
			  content: ' ▲ '; 
			  font-size: 16px;
			  color: #c33;
			}	
/* -------------------------------------------- */	
/* --------- MENU EXTENSIBLE 2 Mobile --------- */	
/* -------------------------------------------- */					

/* -- CONTENUS 12 ----------------------------- */	
	
		.contenu12 /*-- Texte des titres colonnes --*/
			{
			  font-family: verdana, arial;
			  font-size: 16px;
			  margin-bottom: -1px;
			  padding: 0px;
			  color: #000;
			  text-align: left;
			  padding-top: 5px;
			}

		.contenu12:hover 
			{
			  /*background-color: #efe;*/
			}	
	
		.contenu12 
			> input[type="checkbox"] {
			  display: none;
			}
	
		.contenu12
			> label {
			  display: block;
			  width: 100%;
			  color: #393;
			  font-weight: normal;
			  padding-top: 10px;
			  padding-bottom: 10px;
			}
	
		.contenu12 
			> label:before {
			  content: ' ▼ ';
			  font-size: 16px;
			  color: #000;
			}
	
		.contenu12
			> label + div {
			  display: none;
			}
	
		.contenu12 /*-- Cadre interne --*/
			> div {
			  margin-top: 5px;
			  width: 100%;
			  text-align: left;	
			  padding-top: 0px;
			}
	
		.contenu12
			> input[type="checkbox"]:checked + label + div {
			  display: block;
			}
	
		.contenu12
			> input[type="checkbox"]:checked + label::before {
			  content: ' ▲ '; 
			  font-size: 16px;
			  color: #c33;
			}	
/* -------------------------------------------- */	
/* --------- MENU EXTENSIBLE 3 Mobile --------- */	
/* -------------------------------------------- */		
			
/* -- CONTENUS 13 ----------------------------- */	
	
		.contenu13 /*-- Texte des titres colonnes --*/
			{
			  font-family: verdana, arial;
			  font-size: 16px;
			  margin-bottom: -1px;
			  padding: 0px;
			  color: #000;
			  text-align: left;
			  padding-top: 5px;
			}

		.contenu13:hover 
			{
			  /*background-color: #efe;*/
			}	
	
		.contenu13 
			> input[type="checkbox"] {
			  display: none;
			}
	
		.contenu13
			> label {
			  display: block;
			  width: 100%;
			  color: #393;
			  font-weight: normal;
			  padding-top: 10px;
			  padding-bottom: 10px;
			}
	
		.contenu13 
			> label:before {
			  content: ' ▼ ';
			  font-size: 16px;
			  color: #000;
			}
	
		.contenu13
			> label + div {
			  display: none;
			}
	
		.contenu13 /*-- Cadre interne --*/
			> div {
			  margin-top: 5px;
			  width: 100%;
			  text-align: left;	
			  padding-top: 0px;
			}
	
		.contenu13
			> input[type="checkbox"]:checked + label + div {
			  display: block;
			}
	
		.contenu13
			> input[type="checkbox"]:checked + label::before {
			  content: ' ▲ '; 
			  font-size: 16px;
			  color: #c33;
			}	
/* -------------------------------------------- */	
/* --------- MENU EXTENSIBLE 4 Mobile --------- */	
/* -------------------------------------------- */		
			
/* -- CONTENUS 14 ----------------------------- */	
	
		.contenu14 /*-- Texte des titres colonnes --*/
			{
			  font-family: verdana, arial;
			  font-size: 16px;
			  margin-bottom: -1px;
			  padding: 0px;
			  color: #000;
			  text-align: left;
			  padding-top: 5px;
			}

		.contenu14:hover 
			{
			  /*background-color: #efe;*/
			}	
	
		.contenu14 
			> input[type="checkbox"] {
			  display: none;
			}
	
		.contenu14
			> label {
			  display: block;
			  width: 100%;
			  color: #393;
			  font-weight: normal;
			  padding-top: 10px;
			  padding-bottom: 10px;
			}
	
		.contenu14 
			> label:before {
			  content: ' ▼ ';
			  font-size: 16px;
			  color: #000;
			}
	
		.contenu14
			> label + div {
			  display: none;
			}
	
		.contenu14 /*-- Cadre interne --*/
			> div {
			  margin-top: 5px;
			  width: 100%;
			  text-align: left;	
			  padding-top: 0px;
			}
	
		.contenu14
			> input[type="checkbox"]:checked + label + div {
			  display: block;
			}
	
		.contenu14
			> input[type="checkbox"]:checked + label::before {
			  content: ' ▲ '; 
			  font-size: 16px;
			  color: #c33;
			}	
			
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*------------------------------------------------------------------ FIN --*/