/*****************************
 * General
 * **************************/
body { 
	font-family: Arial,Helvetica,sans-serif;
	background-color: rgb(255, 255, 255);
	margin: 0;
	padding: 0;
}
a:link {
	color: rgb(40, 40, 40);
}
a:visited {
	color: rgb(40, 40, 40);
}
a:hover {
	color: rgb(81, 72, 255);
}
/**************************
 * Entete
 * ************************/
#logoCheval {
	float: left;
	width: 123px;
	height: 147px;
}

#logoChristian {
	width: 387px;
	height: 64px;
}
#logoFlyer {
	float: right;
	left: 50px;
	width: 175px;
	height: 116px;
}
#titreGuideDeTourisme {
	position: relative;
	top: -5px;
	left: 5px;
	right: auto;
	font-weight: bold;
	font-size: 17px;
}
#titreEscapadeACheval {
	position: relative;
	top: 10px;
	color: rgb(81, 72, 255);
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}
#titreLeChevalAutrement {
	display: block;
	position: relative;
	top: 20px;
	left: -123px;
	right: auto;
	font-weight: bold;
	font-size: 17px;
	text-align: left;
}
/***********************************
 * Cadres
 * *********************************/
#cadreMain {
	display:block;
	width:1024px;
}
#cadreHaut {
	margin: 0px;
	width: 800px;
	height: 150px;
	display: block;
}
#cadreMilieu {
	position: relative;
	top: -29px;
	margin: 0px;
	display: block;
}
#cadreGauche {
	margin: 0px;
	float: left;
	width: 205px;
}
#cadreDroit {
	margin: 0px;
	float: left;
	width: 200px;
}
#cadreCentre {
	position: relative;
	top: -1px;
	margin: 0px;
	float: left;
	background-color: rgb(190, 243, 189);
}
#cadreTexte {
	background-color: rgb(232, 250, 232);
	margin: 4px 4px;
	width: 562px;
	height: 650px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 13px;
	text-align: justify;
	overflow: auto;
}
#cadreLegal {
	margin: 0px;
	margin-left: 5px;
	font-size: 12px;
}
#cadreOnglets {
	margin: 0px;
	display: block;
}
#cadreBas {
	margin: 0px;
	width: 770px;
	font-size: 10px;
	text-align: center;
	display: block;
}
/***************************************
 * Cadres produits
 * ************************************/
a.cadreProduit_1, a.cadreProduit_2,
a.cadreProduit_3, a.cadreProduit_4 {
	border: 1px solid rgb(176, 175, 186);
	background-color: rgb(232, 250, 232);
	min-height: 100px;
	width: 565px;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 8px;
	cursor: pointer;
	display: block;
	font-weight: normal;
	text-align: justify;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 13px;
	overflow: auto;
}
a.cadreProduit_2 {
	background-color: rgb(255, 255, 255);
}
a.cadreProduit_1:link, a.cadreProduit_2:link,
a.cadreProduit_3:link, a.cadreProduit_4:link {
	color: rgb(40, 40, 40);
	text-decoration: none;
}
a.cadreProduit_1:visited, a.cadreProduit_2:visited,
a.cadreProduit_3:visited, a.cadreProduit_4:visited {
	color: rgb(40, 40, 40);
	text-decoration: none;
}
a.cadreProduit_1:hover, a.cadreProduit_2:hover,
a.cadreProduit_3:hover, a.cadreProduit_4:hover {
	color: rgb(40, 40, 40);
	text-decoration: none;
	color: rgb(81, 72, 255);
	border: 1px solid rgb(58, 134, 17);
}
/***************************************
 * Titres
 * ************************************/
#titreProduit {
	font-size: 19px;
}
#sous-titreProduit {
	font-size: 14px;
	font-style: italic;
}
#prixProduit {
	font-size: 28px;
	font-weight: inherit;
	margin-left: 10px;
	margin-right: 5px;
}
#petitPrixProduit {
	font-size: 16px;
	font-weight: bold;
}
#prefixePrixProduit {
	font-size: 13px;
}
#enSavoirPlus {
	color: rgb(81, 72, 255);
	margin-left: 5px;
	text-decoration: underline;
}
#titreRenseignements {
	font-size: 19px;
}
/************************************
 * Boutons
 * *********************************/
a.bouton_1, a.bouton_2,
a.bouton_3, a.bouton_4,
a.bouton_5, a.bouton_6,
a.bouton_7 {
	border-style: solid;
	border-color: rgb(176, 175, 186);
	border-width: 1px 3px 3px 1px;
	background-color: rgb(232, 250, 232);
	width: 185px;
	cursor: pointer;
	display: block;
	text-align: left;
	padding-left: 5px;
	margin-top: 2px;
	margin-left: 5px;
}
a.bouton_1, a.bouton_2, a.bouton_3 {
	font-size: 19px;
}
a.bouton_1 { 
	padding-top: 10px;
	padding-bottom: 10px; 
}
a.bouton_2, a.bouton_3 {
	padding-top: 5px;
	padding-bottom: 5px; 
}
a.bouton_3 {
	font-size: 12px;
}
a.bouton_1:link, a.bouton_2:link,
a.bouton_3:link, a.bouton_4:link,
a.bouton_5:link, a.bouton_6:link,
a.bouton_7:link { 
	text-decoration: none;
}
a.bouton_1:visited, a.bouton_2:visited,
a.bouton_3:visited, a.bouton_4:visited,
a.bouton_5:visited, a.bouton_6:visited,
a.bouton_7:visited { 
	text-decoration: none;
}
a.bouton_1:hover, a.bouton_2:hover,
a.bouton_3:hover, a.bouton_4:hover,
a.bouton_5:hover, a.bouton_6:hover,
a.bouton_7:hover {
	border-style: solid;
	border-color: rgb(58, 134, 17);
	border-width: 1px 3px 3px 1px;
}
a.bouton_1:active, a.bouton_2:active,
a.bouton_3:active, a.bouton_4:active,
a.bouton_5:active, a.bouton_6:active,
a.bouton_7:active {
	border-style: solid;
	border-color: rgb(58, 134, 17);
	border-width: 3px 1px 1px 3px;
	text-decoration: none;
}
/************************************
 * Onglets
 * *********************************/
a.ongletAccueil, a.ongletAccueil_sel,
a.ongletRandonnees, a.ongletRandonnees_sel,
a.ongletPromenades, a.ongletPromenades_sel, 
a.ongletPension, a.ongletPension_sel,
a.ongletActualites, a.ongletActualites_sel {
	position: relative;
	display: block;
	float: left;
	width: 120px;
	height: 29px;
	text-align: left;
	padding-left: 13px;
	font-size: 15px;
	line-height: 25px; 
}
a.ongletAccueil {
	background-image: url(ext/onglet_non_sel.gif);
	background-repeat: no-repeat;
}
a.ongletAccueil_sel {
	background-image: url(ext/onglet_sel.gif);
	background-repeat: no-repeat;
	z-index: 100;
}
a.ongletRandonnees, a.ongletPromenades,
a.ongletPension, a.ongletActualites {
	background-image: url(ext/onglet_non_sel.gif);
	background-repeat: no-repeat;
}
a.ongletRandonnees_sel, a.ongletPromenades_sel,
a.ongletPension_sel, a.ongletActualites_sel {
	background-image: url(ext/onglet2_sel.gif);
	background-repeat: no-repeat;
	z-index: 100;
}
a.ongletRandonnees,
a.ongletRandonnees_sel {
	left: -20px;
}
a.ongletPromenades,
a.ongletPromenades_sel {
	left: -40px;
}
a.ongletPension,
a.ongletPension_sel {
	left: -60px;
}
a.ongletActualites,
a.ongletActualites_sel {
	left: -80px;
}
/*********************************
 * calendar
 * *****************************/
a.calendar {
	display: block;
	text-align: left;
	padding-left: 5px;
	margin-left: 5px;
}

#EPCcalendar {
	display: block;
	padding-left: 5px;
	margin-left: 5px;
}