html { 
  margin:0;
  padding:0;
  background: url("/images/descente de l'ardeche ardeche adventure.jpg") no-repeat center fixed; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}

body {
	background-image: url();
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-shadow: black 0.1em 0.1em 0.1em;
}
/**/

.left, .txtleft { text-align: left; }
.right, .txtright { text-align: 		right; }
.center, .txtcenter { text-align: 	center;	}
.justify, .txtjustify { text-align: 	justify; }

.ombre { box-shadow: 1px 1px 10px #000;}

/*pour le cadre de couleur blanc dans les pages...*/
.cadre{padding:4px;border:2px solid #FFF;border-radius:10px;box-shadow: 1px 1px 10px #000;height:auto}
.fond-gris{
	height: 20px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #000;
	border-radius: 4px;
	text-shadow: black 0.0em 0.0em 0.0em;
	background-color: #EEE;
	color: #2A76CA;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 3px;
	}
.text-centre-resa{
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
	border-bottom-style: dotted;
	border-bottom-color: #EEE;
	border-bottom-width: thin;
	height: 40px;
	}
.text-centre-resa-bis{
	margin-top: 6px;
	}
.lignebas{
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}
.margintexte{
	margin-right: 20px;
	margin-left: 20px;
}
.textetitre {
	font-size: 20px;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

.textesoustitre {
	font-size: 14px;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
}




/* pour faire fonctionner les onglets des sms en parametre */
.tabcontent-sms {
  display: none;
  padding: 6px 12px;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}



/*     page tarifs          */


.conteneur {
	width:100%;
	padding: 3px;
	text-align:center; 
	}


.fondcouleur1 {
	padding: 3px;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	width: 15%;
	display: inline-block;
	line-height: 25px;
}

.fondcouleur2 {
	padding:3px;
	background-color: #4595D2;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	width: 20%;
	display:inline-block;
	line-height: 25px;
}


.fondbleu1 {
	padding:3px;
	background-color: #4595D2;
	height: 70px;
	text-align: center;
	width: 15%;
	display:inline-block;
	line-height: 25px;
}

.fondbleu2 {
	padding:3px;
	background-color: #80B6E4;
	height: 70px;
	text-align: center;
	width: 20%;
	display:inline-block;
	line-height: 70px;
}

.fondvert1 {
	padding:3px;
	background-color: #7DC929;
	height: 70px;
	text-align: center;
	width: 15%;
	display:inline-block;
	line-height: 70px;

}

.fondvert2 {
	padding:3px;
	background-color: #B8E686;
	height: 70px;
	/*text-align: center;*/
	width: 20%;
	display:inline-block;
	line-height: 25px;
}


 @media (min-width:768px){
.textG {
font-size: 18px;
}	

.textM {
font-size: 12px;
} 
	 
	 }
	 
	 
	 
 @media (max-width:768px){
.textG {
font-size: 11px;
}	

.textM {
	font-size: 7px;
	letter-spacing: -0,9px;
}	 
	 
	 }