@CHARSET "UTF-8";body {
	font-family: arial, sans-serif;
	font-size: 11px;
	margin:0;
	padding:0;
	
	text-align: justify;
	}

img {
	border: 0;
	}


a {
	
	color: #333;	
}

h2 {
	color: white;
	font-size: 14px;
	margin: 0;
	padding: 3px 0 3px 10px;
}

.ombrehaut {
	background: transparent url(/images/ombrehaut.jpg) no-repeat;
	font-size: 0;
	height: 4px;
	margin: 10px auto 0;
	width: 990px;
	}
	
.ombrebas {
	background: transparent url(/images/ombrehaut.jpg) no-repeat;
	height: 6px;
	margin: 0 auto;
	width: 990px;
	}

.contenaire {
	background: transparent url(/images/ombremilieu.jpg) repeat-y;
	height: 650px;
	height: auto !important;
	margin: 0 auto;
	min-height: 650px;
	padding: 0 4px;
	position: relative;
	width: 982px;
	}
	
	.header {
		height: 156px;
		margin: 0 0 0 170px;
	}
		.header #animation_vdf {
			position:absolute;
			top:-4px;
			right:4px;
		}
		.header a {
			background: transparent url(/images/valdefensch.gif) no-repeat;
			display: block;
			height: 111px;
			left: 175px;
			position: absolute;
			top: 33px;
			width: 176px;
		}
			.header a span {
				display: none;
			}

/* common styling */
.menu {
	left: 4px;
	margin: 0;
	position: absolute;
	top: 0;
	width: 160px;
	z-index: 100;
	}
.menu ul li a, .menu ul li a:visited {
	color: #000;
	display:block; 
	height: 59px;
	text-decoration:none;  
	width: 160px; 
	}
	.menu ul li a span {
		display: none;
	}
	
	
.menu ul li.menu_acces a {
	background: transparent url(/images/menu/acces.gif) no-repeat;
	height: 58px;
	}
.menu ul li.menu_ambiance a {
	background: transparent url(/images/menu/ambiance.gif) no-repeat;
	height: 58px;
	}
.menu ul li.menu_patrimoine a {
	background: transparent url(/images/menu/patrimoine.gif) no-repeat;
	height: 58px;
	}
.menu ul li.menu_patrimoine a {
	background: transparent url(/images/menu/patrimoine.gif) no-repeat;
	height: 58px;
	}	
.menu ul li.menu_circuit a {
	background: transparent url(/images/menu/circuit.gif) no-repeat;
	height: 58px;
	}	
.menu ul li.menu_loger a {
	background: transparent url(/images/menu/loger.gif) no-repeat;
	height: 58px;
	}
.menu ul li.menu_restaurer a {
	background: transparent url(/images/menu/restaurer.gif) no-repeat;
	}
.menu ul li.menu_loisirs a {
	background: transparent url(/images/menu/loisirs.gif) no-repeat;
	}
.menu ul li.menu_commerce a {
	background: transparent url(/images/menu/commerce.gif) no-repeat;
	}
.menu ul li.menu_agenda a {
	background: transparent url(/images/menu/agenda.gif) no-repeat;
	}
.menu ul li.menu_boutique a {
	background: transparent url(/images/menu/boutique.gif) no-repeat;
	}
	
.menu ul li.menu_membre a {
	background: transparent url(/images/menu/membre.gif) no-repeat;
	}
	

.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {
	background-position: -160px;
	}
.menu ul li:hover ul {
	display: block; 
	left: 160px;
	position: absolute; 
	top: 0;
	}
	
.menu ul li:hover ul li {
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	text-align: left;
	}
	
.menu ul li:hover ul li a {
	background: #b3ab79; 
	color: white; 
	display: block; 
	font-size: 12px;
	height: 20px;
	padding: 5px 0 0 25px;
	width: 200px;
	}
	
	.menu ul li.menu_acces ul li a, .menu ul li.menu_acces ul li ul li a {
		background: #FBC200;
		}
	.menu ul li.menu_ambiance ul li a, .menu ul li.menu_ambiance ul li ul li a {
		background: #8EC21A;
		}
	.menu ul li.menu_patrimoine ul li a, .menu ul li.menu_patrimoine ul li ul li a {
		background: #00A0C6;
		}
	.menu ul li.menu_circuit ul li a, .menu ul li.menu_circuit ul li ul li a {
		background: #FF8B6E;
		}	
	.menu ul li.menu_loger ul li a, .menu ul li.menu_loger ul li ul li a {
		background: #F55A00;
		}
	.menu ul li.menu_restaurer ul li a, .menu ul li.menu_restaurer ul li ul li a {
		background: #E13A4E;
		}
	.menu ul li.menu_loisirs ul li a, .menu ul li.menu_loisirs ul li ul li a {
		background: #6F4FAF;
		}
	.menu ul li.menu_commerce ul li a, .menu ul li.menu_commerce ul li ul li a {
		background: #8EC21A;
		}
	.menu ul li.menu_agenda ul li a, .menu ul li.menu_agenda ul li ul li a {
		background: #B65195;
		}
	.menu ul li.menu_boutique ul li a, .menu ul li.menu_boutique ul li ul li a {
		background: #E68775;
		}
	
	
		.menu ul li.menu_acces:hover ul li a:hover, .menu ul li.menu_acces:hover ul li:hover ul li a:hover {
			background: #FFB300;
			}
		
		.menu ul li.menu_ambiance:hover ul li a:hover, .menu ul li.menu_ambiance:hover ul li:hover ul li a:hover {
			background: #77b300;
		}
		.menu ul li.menu_patrimoine:hover ul li a:hover, .menu ul li.menu_patrimoine:hover ul li:hover ul li a:hover {
			background: #008bc6;
		}
		.menu ul li.menu_circuit:hover ul li a:hover, .menu ul li.menu_circuit:hover ul li:hover ul li a:hover {
			background: #ff6640;
			}	
		.menu ul li.menu_loger:hover ul li a:hover, .menu ul li.menu_loger:hover ul li:hover ul li a:hover {
			background: #f53d00;
			}
		.menu ul li.menu_restaurer:hover ul li a:hover, .menu ul li.menu_restaurer:hover ul li:hover ul li a:hover {
			background: #e1142c;
			}
		.menu ul li.menu_loisirs:hover ul li a:hover, .menu ul li.menu_loisirs:hover ul li:hover ul li a:hover {
			background: #5e3d9e;
			}
		.menu ul li.menu_commerce:hover ul li a:hover, .menu ul li.menu_commerce:hover ul li:hover ul li a:hover {
			background: #7ab000;
			}
		.menu ul li.menu_agenda:hover ul li a:hover, .menu ul li.menu_agenda:hover ul li:hover ul li a:hover {
			background: #b62687;
			}
		.menu ul li.menu_boutique:hover ul li a:hover, .menu ul li.menu_boutique:hover ul li:hover ul li a:hover {
			background: #e8104e;
			}
		
		.menu ul li:hover ul li ul {display: none;}
		.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:225px; top:0; color:#FFF;}
		.menu ul li:hover ul li:hover ul li a {display:block; width:200px;  color:#FFF;}
		.menu ul li:hover ul li:hover ul li a:hover { color:#fff;}


.actualite {
	
	float: right;
	min-height: 378px;
	margin: 0 0 0 0;
	padding: 2px 2px 2px 15px;
	width: 195px;
	background:white url('/images/degrade.jpg') repeat-x left top;
	}
	
	.actualite h2 {
		margin: 10px 0 5px 0;
		padding-bottom:5px;
		font-size: 14px;
		background: transparent url('/images/tirets-long.jpg') no-repeat left bottom;
		color: black;
	}

		
	.actualite h4 {
		background-color: #118EA1;
		color: white;
		cursor: pointer;
		font-size: 11px;
		margin: 0;
		padding: 5px 0 5px 15px;
	}
	
	.meteo,
	.agenda-actu,
	.actu-accueil  {
		padding: 0 20px 10px 0;
	}
	
	.actu-accueil img {
		display: block;
		border:1px solid #333;
		margin-bottom:5px;
	}
	.agenda-actu a,
	.actu-accueil a {
		display: block;
		margin-top:5px;
		text-decoration: underline;
	}
	
	.agenda-actu ul{
		margin:0;
		padding:0;
	}
	.agenda-actu li {
		margin:0 0 0 4px;
		padding:5px 20px 5px 0;
		list-style-image: url('/images/coche.gif');
		background: transparent url('/images/tirets-court.jpg') no-repeat left bottom;
	}
	.menudossier_contenu div {
		font-size: 11px;
		height: 284px;
	}
	.menudossier_contenu div p {
		margin: 10px auto 5px;
		width: 170px;
	}
	.menudossier_contenu div a {
		color: black;
		float: right;
		margin: 0 5px 0 0;
	}

.contenu {
	margin: 10px 0 0 170px;
	width: 597px;
}
.ext_contenu{
	width: 792px;
} 

.menubas {
	height: 40px;
	margin: 0 0 0 170px;
}
	.menubas form {
		float: left;
		font-weight: bold;
		margin: 18px 0 0;
		padding: 0;
	}
	.menubas .forminput {
		border: 1px solid #cfcfcf;
		color: #595959;
		text-align: center;
		width: 90px;
	}
	
	.menubas .formsubmit {
		background: transparent url('/images/boutonok.gif') no-repeat;
		border: 0;
		cursor: pointer;
		height: 16px;
		width: 16px;
	}
	
	.menubas ul.liens {
		float: left;
		list-style-type: none;
		margin: 15px 0 0;
		padding: 0 0 0 26px;
		width: 250px;		
		
	}
	
	.menubas ul.liens li {
		float: left;
	}
		.menubas ul.liens li a {
			border: 1px solid #cfcfcf;
			color: black;
			display: block;
			margin-right: 3px;
			padding: 3px 8px;
			text-decoration: none;
		}

			.menubas ul.liens li a:hover {
				background-color: #FF7F00;
				color: white;
			}
			
	div.liensimage {
		float: right;
		width:200px;
		list-style-type: none;
		margin: 0;
		padding: 0 0 0 10px;
	}
		
		 div.liensimage a {
			display: block;
			float: left;
		}
		 div.liensimage a span{
				display: none;
			}
			
		 div.liensimage a.vdf {
				background: transparent url('/images/lienvdf.gif') no-repeat;
				height: 40px;
				margin-right: 2px;
				width: 71px;
			}
			
		 div.liensimage a.moselle {
				background: transparent url('/images/lienmoselle.gif') no-repeat;
				height: 30px;
				margin: 5px 0 0;
				width: 72px;
			}
			
		 div.liensimage a.carto {
				background: transparent url('/images/logo_SIG_Cavf.png') no-repeat;
				height: 50px;
				margin: 0 10px 0 0;
				width: 40px;
			}

img.enconstruction {
	display: block;
	margin:40px auto;
	
	
}			

#Reservation table {
		margin: 15px 0 0 0 ;
	}
		
		#Reservation table tr {
			vertical-align: top;
		}
		#Reservation table td,
		#Reservation table th {
			padding:2px;
		}
	
		#Reservation table th {
			text-align: right;
			font-weight: normal;
		}
	
		#Reservation table textarea.text,
		#Reservation table input.text {
			width:100%;
		}
	
		#Reservation table input.number {
			width:4em;
		}
	
	
	.btnSend {
		float: right;
		display: block;
		height: 23px;
		width:75px;
		background: transparent url('') no-repeat top left;
	}
		
		.btnSend span {
			display: none;
		}
	
		
		.btnSend:hover {background-position: -75px top;}
	
	
	



table.formulaire {
	width: 90%
}

table.formulaire tr {
	vertical-align: top;
}

table.formulaire th {
	width :15em;
	font-weight: normal;
}
	
	
table.formulaire .submit {
		float: right;
		display: block;
		height: 23px;
		width:75px;
		background: white;
		cursor: pointer;
		border:1px solid #ccc;
	}
	
		
.fl {
	padding:0;
	margin: 0;
	background: transparent url('/images/flechedroiteorange.gif') no-repeat left 2px;
	padding-left: 15px;
}


p.message {
	padding:10px;	
}

p.retour a {
	display: block;
	text-align: center;
	width: 280px;
	margin:0 auto;
	text-decoration: underline;
	color: #999;
	font-weight: bold;
}


div.lienbas {
	text-align: right;
	width:980px;
	margin:0 auto;
	padding: 5px;
}
	
	div.lienbas a {
		font-size: 90%;
		color: #666;
		text-decoration: none;
	}
	

		
.docs {
	padding:0 0 0 15px;
	margin: 15px 0 0 0;
	background: transparent url('/images/flechedroiteorange.gif') no-repeat left 2px;
}
	
			
	.docs ul {
		margin:0;	
		padding:0;	
	}
	
	.docs li {
		list-style: none;
		float:left;
		margin:0;
		padding:0;
	}
		
	.docs li a {
		display: block;
		text-decoration: none;
		width: 120px;
		margin: 0 10px 0 0;
		text-align: center;
	}
		
#Bando {
	width:468px;
	margin:0 auto;
	clear: both;
}	
		
	#Bando a {
		display:block;
	}	.accueil {
	margin: 40px 0 0;
}

	.accueil img {
		float: left;
	}
	
	.accueil .texte {
		background: transparent url('/images/accueil/grosseflechejaune.gif') no-repeat left top;
		margin: 0 0 50px 242px;
		padding: 0 0 0 30px;
		min-height:300px;
	}
		
		.accueil .texte h2 {
			background: transparent url('/images/accueil/encemoment.gif') no-repeat;
			font-size: 0px;
			height: 13px;
			margin: 0;
			width: 105px;
			color: white;
			padding: inherit;
		}
			.accueil .texte h2 span {
				display: none;
			}
				
		.accueil .texte h3 {
			font-size: 14px;
			margin: 5px 0 0;
		}

		.accueil .texte a {
			background: transparent url('/images/accueil/lien.gif') no-repeat right;
			color: black;
			display: block;
			font-weight: bold;
			text-decoration: none;
		}

	.accueil .addresse {
		float: right;
		margin: 0 15px 0 0;
	}
		.accueil .addresse h3 {
			color: #ff7e00;
			font-size: 12px;
			margin: 0;
		}
		
		.accueil .addresse p {
			margin: 0;
		}
		
	.accueil a.resa {
		display: block;
		background-color: #fbc200;
		padding: 5px 10px;
		color: white;
		text-align: center;
	}
	
	
.brochure_accueil {
		margin: 0 15px 20px 15px;
		height:95px;
}	
	
.brochure_accueil img {
		float: left;
		margin:0 15px 0 0;
}	
	
.brochure_accueil p  {
	font-size:12px;	
}
.brochure_accueil p a {
		display: block;
		color: #666;
		font-size:90%;
		margin-top:15px;
}	



		
.accueil a.pdf {
	display: block;
	height: 35px;
	background: transparent url('/images/pdf.png') no-repeat left 50%;
	padding-left: 40px;
	padding-top:10px;
	margin-top:20px;
	text-decoration: none;
	color: #666;
	width :250px;
	
}

        
.accueil a.pdf em {
	font-style: normal;	
	font-size:90%
}
		
		

        
.accueil a.lien {
	display: block;
	height: 35px;
	background: transparent url('/images/browser.png') no-repeat left 50%;
	padding-left: 40px;
	padding-top:10px;
	margin-top:20px;
	text-decoration: none;
	color: #666;
	width :250px;
	
}

        
.accueil a.lien em {
	font-style: normal;	
	font-size:90%
}
.contact {

}

	.contact h2 {
		background-color: #FBC200;
	}
	
	.contact p.engras {
		font-size: 12px;
		font-weight: bold;
		margin: 25px 0 10px 10px;
	}
	
	.contact form {
		margin: 0 0 0 40px;
	}
	
	.contact form table {
		width: 100%;
	}
		.contact form table tr td, .contact form table tr th {
			vertical-align: top;
		}
		
		.contact form table th {
			text-align: right;
		}
		
		
		.contact form input.text, .contact form textarea.text {
			border: 1px solid #CFCFCF;
		}
		
		.contact form select.text {
			width: 250px;
			border: 1px solid #CFCFCF;
		}
		.contact form input.text {
			width: 250px;
		}
		.contact form textarea.text {
			height: 75px;
			width: 390px;
		}
		
		.contact form input.btnsubmit {
			background-color: #FBC200;
			border: 0;
			cursor: pointer;
			float: right;
			height: 30px;
			margin-right: 38px;
			width: 70px;
			color: white;
			font-weight: bold;
		}
		
		
	.contact em {
		font-size: 10px;
	}
	
	.contact h4 {
		font-size: 12px;
		margin: 10px 0 0;
	}
	
	.contact .unpeudemarge {
		margin: 0 0 0 30px;
	}
	.contact .unpeudemarge p{
		margin-top: 5px;
	}
	
	.contact .unpeudemarge .btncontact {
		background: transparent url('/images/contact/contact.jpg') no-repeat;
		display: block;
		float: right;
		height: 23px;
		width: 77px;
	}
		.contact .unpeudemarge .btncontact:hover {
			background-position: -77px;
		}
	.contact .unpeudemarge .btndoc {
		background: transparent url('/images/contact/doc.jpg') no-repeat;
		display: block;
		float: right;
		height: 28px;
		width: 173px;
	}
		.contact .unpeudemarge .btndoc:hover {
			background-position: -173px;
		}
	
	.contact .unpeudemarge .btncontact span, .contact .unpeudemarge .btndoc span {
		display: none;
	}.acces {

}
	
	.acces h2 {
		background-color: #FBC200;
	}
	
	
	.acces .axxcontenu {
		margin: 10px 0;
	}
	
	.acces .axxmarge {
		margin: 0 0 0 30px;
	}
	.acces .axxmarge h4 {
		font-size: 12px;
		margin-bottom: 0;
	}
	.acces .axxmarge p {
		margin-top: 5px;
	}
	.acces .axxcontenu ul.pointjaune {
		list-style-type: disc;
	
	}
	
	.acces div.adresse {
		margin: 10px 0;
		
	
	}
	
	.acces div.adresse address {
		
		font-style: normal;
		margin:5px
	
	}.ambiance {

}
	.ambiance h2 {
		background-color: #8EC21A;
	}
.sites-et-patrimoine {

}
	.sites-et-patrimoine h2 {
		background-color: #00A0C6;
	}
	
	.sites-et-patrimoine .jardin h3 {
		background: transparent url('/images/sites-et-patrimoine/fleche.jpg') no-repeat left 50% !important;
		padding-left : 15px;
	}

	
	.sites-et-patrimoine h4 {
		margin: 15px 0 5px 0;
	}
	
	
	.sites-et-patrimoine ul {
		margin-top:0;
	}
	
table.tarifs {
	width :95%;
	margin:0 auto;
	border-collapse: collapse;
}

	
	table.tarifs td,
	table.tarifs th {
		border:1px solid #ccc;
		padding:2px;
	}
	
	table.tarifs th {
		text-align: left;
		background-color: #efefef;	
	}	
	
	table.tarifs .titre th {
		text-align: center;	
		background-color: #00A0C6;
		color: white	
	}	
	
	table.tarifs td {
		text-align: center;	
	}	
	
	
	.sites-et-patrimoine ul.actions {
		margin: 0 100px 0 0 ;
		float: right;
	}
		.sites-et-patrimoine ul.actions li {
			list-style: none;
		}
			.sites-et-patrimoine ul.actions a {
				display: block;
				padding: 5px 10px;
				text-decoration: underline;
				color: #333;
				font-weight: bold;
			}

	.sites-et-patrimoine .invite {
		clear: both;
		margin:30px 50px 15px 50px;
		text-align: center;
		padding:10px;
		background-color: #00A0C6;
	}
		.sites-et-patrimoine .invite a{
			color: white;
			text-decoration: underline;
			font-weight: bold;
		}
		
		
.plan a {
	color: #666;
	text-decoration: underline;	
}		
.plan em {
	font-style: normal;	
}


table.horaires {border-collapse: collapse;}
table.horaires tr {vertical-align: top;}
table.horaires th,
table.horaires td {padding:2px;border:1px solid #ccc}
table.horaires td {padding-left:10px}
table.horaires thead th {text-align: left;padding-left:10px}
table.horaires th {text-align: right;padding-right:10px;}


div.plaquette { width:120px; margin: 10px; float: right;}
div.plaquette img {display:block; margin-bottom:10px;}
div.plaquette a {display:block; }.seloger {

}
	
	.seloger ul.pointsforts li,
	.seloger h2 {
		background-color: #F55A00;
	}
	
	.seloger .adherent h3 sup,
	.seloger .adherent a {
		color: #F55A00;
	}
	
	
	.seloger #formSearch a.submit {
		background-image: url('/images/adherent/rechercher-seloger.jpg') !important;
	}
	
	.seloger table.resultats td.ensavoirplus  a {
		background-image : url('/images/adherent/ensavoirplus-seloger.jpg') !important;
	}
	
	
	.seloger ul.navigation a.precedent {background-image : url('/images/adherent/precedent-seloger.jpg') !important;}
	.seloger ul.navigation a.precedentoff {background-image : url('/images/adherent/precedent-seloger.jpg') !important;}
	.seloger ul.navigation a.suivant {background-image : url('/images/adherent/suivant-seloger.jpg') !important;}
	.seloger ul.navigation a.suivantoff {background-image : url('/images/adherent/suivant-seloger.jpg') !important;}
	.seloger ul.navigation a.retour {background-image : url('/images/adherent/retour-seloger.jpg') !important;}
	
	.seloger a.btnSend {background-image : url('/images/adherent/envoyer-seloger.jpg') !important;}
	.serestaurer {

}
	
	.serestaurer ul.pointsforts li,
	.serestaurer h2 {
		background-color: #E13A4E;
	}
	
	
	.serestaurer .adherent a {
		color: #E13A4E;
	}
	
	
	.serestaurer #formSearch a.submit {
		background-image: url('/images/adherent/rechercher-serestaurer.jpg') !important;
		
	}
	
	.serestaurer table.resultats td.ensavoirplus  a {
		background-image : url('/images/adherent/ensavoirplus-serestaurer.jpg') !important;
	}
	
	
	.serestaurer ul.navigation a.precedent {background-image : url('/images/adherent/precedent-serestaurer.jpg') !important;}
	.serestaurer ul.navigation a.precedentoff {background-image : url('/images/adherent/precedent-serestaurer.jpg') !important;}
	.serestaurer ul.navigation a.suivant {background-image : url('/images/adherent/suivant-serestaurer.jpg') !important;}
	.serestaurer ul.navigation a.suivantoff {background-image : url('/images/adherent/suivant-serestaurer.jpg') !important;}
	.serestaurer ul.navigation a.retour {background-image : url('/images/adherent/retour-serestaurer.jpg') !important;}.loisirs {

}
	
	.loisirs ul.pointsforts li,
	.loisirs h2 {
		background-color: #6F4FAF;
	}
	
	
	.loisirs .adherent a {
		color: #6F4FAF;
	}
	
	
	.loisirs #formSearch a.submit {
		background-image: url('/images/adherent/rechercher-loisirs.jpg') !important;
		
	}
	
		
	.loisirs table.resultats td.ensavoirplus  a {
		background-image : url('/images/adherent/ensavoirplus-loisirs.jpg') !important;
	}
	
	
	.loisirs ul.navigation a.precedent {background-image : url('/images/adherent/precedent-loisirs.jpg') !important;}
	.loisirs ul.navigation a.precedentoff {background-image : url('/images/adherent/precedent-loisirs.jpg') !important;}
	.loisirs ul.navigation a.suivant {background-image : url('/images/adherent/suivant-loisirs.jpg') !important;}
	.loisirs ul.navigation a.suivantoff {background-image : url('/images/adherent/suivant-loisirs.jpg') !important;}
	.loisirs ul.navigation a.retour {background-image : url('/images/adherent/retour-loisirs.jpg') !important;}
	.commerces {

}
	
	.commerces ul.pointsforts li,
	.commerces h2 {
		background-color: #7AB000;
	}
	
	
	.commerces .adherent a {
		color: #7AB000;
	}
	
	
	.commerces #formSearch a.submit {
		background-image: url('/images/adherent/rechercher-commerces.jpg') !important;
		
	}
	
	.commerces table.resultats td.ensavoirplus  a {
		background-image : url('/images/adherent/ensavoirplus-commerces.jpg') !important;
	}
	
	
	.commerces ul.navigation a.precedent {background-image : url('/images/adherent/precedent-commerces.jpg') !important;}
	.commerces ul.navigation a.precedentoff {background-image : url('/images/adherent/precedent-commerces.jpg') !important;}
	.commerces ul.navigation a.suivant {background-image : url('/images/adherent/suivant-commerces.jpg') !important;}
	.commerces ul.navigation a.suivantoff {background-image : url('/images/adherent/suivant-commerces.jpg') !important;}
	.commerces ul.navigation a.retour {background-image : url('/images/adherent/retour-commerces.jpg') !important;}.cyclo-tourisme {

}
	
	.cyclo-tourisme ul.pointsforts li,
	.cyclo-tourisme h2 {
		background-color: #FF6640;
	}
	



.cyclo-tourisme table.tarifs {

}

.cyclo-tourisme table.tarifs th {
	text-align: center;
	
}

.cyclo-tourisme table.tarifs thead th {
	text-align: center;
	width:120px;
	text-decoration: underline;
}


.circuit {
	
}

.circuit h4 strong {
	font-size:110%;
	text-decoration: underline;
	letter-spacing: .08em
}
	
	.circuit img  {
		float:left;
		margin:0 10px 10px 0;
	}


.agenda {

}
	
	.agenda ul.pointsforts li,
	.agenda h2 {
		background-color: #B62687;
	}
	


.rechAgenda {
	display: block;
	margin:20px;	
}

	.rechAgenda input#q{
		width:120px;
	}
	.rechAgenda input#date_end,
	.rechAgenda input#date_start{
		width:80px;
	}
	

.agendaItem {
	border-bottom:1px solid #ccc;
	border-spacing: 0;
	margin-bottom:10px;
}

.agendaItem tr {
	vertical-align: top;
}
.agendaItem td.image {
	vertical-align: top;
	text-align: center;
	width:160px;
}

.agenda table.line0 td,
.agenda table.line0 th {
}


.agendaItem a {
	text-decoration: none;
	color: #333;
}
.agendaItem h3 {
	margin:0;
	padding: 0;
	background: transparent url('/images/flechedroiteorange.gif') no-repeat left 2px;
	padding-left: 15px;
}


.agendaItem h4 {
	margin:0;
	padding: 0;
	font-size:90%;
}


.agendaItem .time,
.agendaItem .date {
	margin:0;
	padding: 0;
	font-size: 100%;
	color: #666;
	font-weight: bold;
	
}



.agendaItem .description {
	margin-top:5px;
	
}



.agendaItem col.COL1 { width :150px }
.agendaItem col.COL2 { width :220px }

.agendaItem .complements th {
	font-weight: bold;
	text-align: right; 
	width: 40px;
	padding-right:4px;

}


.agendaItem .complements table  {
	width:215px;	
	border-spacing: 0;
}

table.formulaire {
	width: 99%
}

table.formulaire th {
	text-align: left;
}
	
	

table.formulaire textarea.text,
table.formulaire input.number,
table.formulaire input.text,
table.formulaire input.date {
	border:1px solid #ccc;
	background: #efefef;
	padding:2px;
	width:100%;
}
table.formulaire input.date {
	width: 6em;
}	
	
table.formulaire .submit {
		float: right;
		display: block;
		height: 23px;
		width:75px;
		background: white;
		cursor: pointer;
		border:1px solid #ccc;
	}
	
	

.reservation {

}
	
	.reservation ul.pointsforts li,
	.reservation h2 {
		background-color: #B62687;
	}
	

.goodies {

}
	
	.goodies ul.pointsforts li,
	.goodies h2 {
		background-color: #B62687;
	}
	

	
	
	
	div.goodie {
		width: 220px;
		float:left;
		margin:15px 25px;
		
	}
	div.goodie img {
		display: block;
		margin:0 auto;	
	}
	
	div.goodie ul {
		margin:10px 0 0 30px;	
	}
	
	div.goodie li {
		list-style: square;
	}
	
	div.goodie a {
		text-decoration: none;
		color: #666;
	}
	
	
	div.affiche {
		float:left;
		margin:15px 5px;
		
	}
.actualites {

}
	
	.actualites ul.pointsforts li,
	.actualites h2 {
		background-color: #118EA1;
	}
	

	.actualites .texte {
		margin:10px;
	}
		
		.actualites .texte img {
			float: right; 
			margin: 0 10px 10px 10px;
		}
		
	.actualites .navig {
		width:98%;
		margin: 15px auto;
	}
		
		.actualites .col1 {
			width :12em;
			text-align: left;
		}
		.actualites .col3 {
			width :12em;
			text-align: right;
		}
		
		
a.pdf {
	display: block;
	height: 35px;
	background: transparent url('/images/pdf.png') no-repeat left 50%;
	padding-left: 40px;
	padding-top:10px;
	margin-top:20px;
	text-decoration: none;
	color: #666;
	width :250px;
	
}
a.pdf em {
	font-style: normal;	
	font-size:90%
}
		
		
a.lien {
	display: block;
	height: 35px;
	background: transparent url('/images/browser.png') no-repeat left 50%;
	padding-left: 40px;
	padding-top:10px;
	margin-top:20px;
	text-decoration: none;
	color: #666;
	width :250px;
	
}
a.lien em {
	font-style: normal;	
	font-size:90%
}

		
.newsletter {

}
	
	.newsletter ul.pointsforts li,
	.newsletter h2 {
		background-color: #118EA1;
	}
	

.mentions-legales {

}
	
	.mentions-legales ul.pointsforts li,
	.mentions-legales h2 {
		background-color: #118EA1;
	}
	

.boutique {

}
	
	.boutique ul.pointsforts li,
	.boutique h2 {
		background-color: #E84775;
		width:100%
	}
	

	.boutique .entete {
		margin:20px auto;
		width: 806px;
		background: transparent url('/images/boutique/boutique_14.gif') repeat-y top left;
	}
	.boutique .entete img {
		float: left;
		margin:0 20px 0 10px;
	}
	.boutique .entete p {
	margin:0;
		padding:0 15px;
		color: #E84775;
		line-height: 1.5em;
		font-size:110%;
		
	}
	.boutique .entete span.bottom,
	.boutique .entete span.top {
		display: block;
		width: 806px;
		line-height:14px;
		height:14px; 
		font-size:0;
	}
	
	.boutique .entete span.bottom {
		background: transparent url('/images/boutique/boutique_16.gif') no-repeat top left;
	}
	
	.boutique .entete span.top {
		background: transparent url('/images/boutique/boutique_11.gif') no-repeat top left;
	}
	
		.boutique .entete em {
			color: #666;
			font-style: normal;
			font-size:90%
		}
		
	.boutique .pdt {
		width:806px;
				
	}
		
	.boutique .pdt tr {
		vertical-align: top;		
	}
		
	.boutique .pdt td {
		margin:0;
		padding:0;
	}
		
	.boutique .produit {
		display: block;
		position: relative;
		cursor: pointer;
		width:115px;
		height:171px;
		float:left;
		margin:0 4px 7px 0;
		background: transparent url('/images/boutique/boutique_19.gif') no-repeat top left;
	}
	
		
	.boutique .produit img {
		height:80px;
		margin:10px auto 0 auto;;
	}
	
	.boutique .produit strong {
		display: block;
		text-align: center;
		color: #E84775;
		
		position: absolute;
		width:105px;
		top:105px;
		left:5px;
		
	}
	.boutique .produit em {
		display: block;
		text-align: left;
		color: black;
		position: absolute;
		width:105px;
		bottom:5px;
		left:5px;
		font-style: normal;
		font-weight: bold;
		font-size:110%;
		background: transparent url('/images/boutique/boutique_06.gif') no-repeat right 50% ;
		
	}
	
		
	.boutique .produitDetail {
		position: relative;
		width:433px;
		background: transparent url('/images/boutique/boutique_26.gif')  repeat-y top left;
	}
	
	.boutique .produitDetail span.bottom,
	.boutique .produitDetail span.top {
		display: block;
		width: 433px;
		line-height:13px;
		height:13px; 
		font-size:0;
	}
	
	
	.boutique .produitDetail span.bottom {
		background: transparent url('/images/boutique/boutique_28.gif') no-repeat top left;
	}
	
	.boutique .produitDetail span.top {
		background: transparent url('/images/boutique/boutique_23.gif') no-repeat top left;
	}
	
	.boutique .produitDetail img {
		margin: 20px auto;

	}
	
	.boutique .produitDetail .texte {
		margin: 0 10px 20px 10px;

	}
	.boutique .produitDetail h4 {
		color: #E84775;
		margin:0;
		padding:0;
		text-align: center;
		font-size:15px;
	}
	
	
	.boutique .pdt .all a {
		color: black;
		text-decoration: underline;
				
	}
		
.membres {

}
	
	.membres ul.pointsforts li,
	.membres h2 {
		background-color: #00A0C6;
	}
	
	.membres .fl {
		margin-bottom:5px;
	}	
	
	
	table.Tmembres {
		width: 95%;
		margin:0 auto;
	}
	
	table.Tmembres td {
		width: 33%;
	}
	table.Tmembres tr {
		vertical-align: top;
	
	}
.information {

}
	
	.information ul.pointsforts li,
	.information h2 {
		background-color: #F55A00;
	}
	
	.information .fl {
		margin-bottom:5px;
	}	
	
	
	.information hr {
		border:1px solid #333;
		border-width: 1px 0 0 0;
	}
	
	table.Tinformation {
		width: 95%;
		margin:0 auto;
	}
	
	table.Tinformation td {
		width: 33%;
	}
	table.Tinformation tr {
		vertical-align: top;
	
	}
	
	#Information {
		background-color: #F55A00;
	}
	
	
	
	#Information a {
		border:1px solid #ccc;
		display: block;
		width:240px;
		padding:10px 5px 10px 40px;
		float:left;
		margin: 0 0 0 30px;
		color: white;
		background: #F55A00 url('/images/information/recrutement.gif') no-repeat 5px 50%;
		text-align: left;
	}.resultats div.nbresult {
	display: block;
	border-bottom:2px solid #ff4000;
	font-size: 17px;
	font-weight: bold;
	margin-top:25px;
	margin-bottom:10px;
}

table.resultats {
	width: 100%;
	border-spacing: 0;
	border-collapse: 0;
	
}

table.resultats col.COL1{
	width : 195px;
}
	table.resultats tr {
		vertical-align: top;
	}
	
	
	table.resultats td {
		padding: 5px 0;
		border-bottom: 1px solid #ccc;
	}
	
	table.resultats td.ensavoirplus {
		vertical-align: bottom;
	}
		table.resultats td.ensavoirplus  a{
			display: block;
			background: transparent url('') no-repeat left top;
			width:97px;
			height: 23px;
		}
		
		table.resultats td.ensavoirplus  a:hover {
			background-position: -97px top
		}
			table.resultats td.ensavoirplus  a span{
				display: none;
			}
			
			

#formSearch {
	margin: 0;	
}
	
	#formSearch table th {
		font-weight: normal;
		width:12em;
		text-align: right;
		padding-right:5px;
	}
		
	#formSearch select {
		width: 250px;
	}
		
	#formSearch input.button {
		display: none;
	}
	
	#formSearch a.submit {
		display: block;
		background: transparent url('') no-repeat left top;
		height: 23px;
		width : 97px;
		
	}
	#formSearch a.submit:hover {
		background-position :  -97px top;
		
	}
	#formSearch a.submit span {
		display: none;
	}
				
.adherent {



}

	.adherent h3 {
		padding: 0 0 0 0;
		font-size:120%;
		margin:10px 0 3px 0;
	}
	
		.adherent h3 sup {
			color: #333;
			font-size:80%;
			padding-left:10px;
		}
		
	.adherent h4 {
		background: transparent url('/images/adherent/fleche.jpg') no-repeat left 50%;
		padding: 0 0 0 10px;
		font-size:110%;
		margin:10px 0 3px 0;
	}
	
	.adherent .texte {
		padding-left:10px;
	}
	
	

table.adherent {
	
}
table.adherent tr {
	vertical-align: top;
}

	table.adherent col.COL1 {width:190px;}
	table.adherent col.COL2 {width:10px;}

	
	
ul.pointsforts {
	margin:0;
	padding:0;
}
	ul.pointsforts li {
		margin:  2px 0;
		padding:5px 10px;
		list-style: none;
		color: white;
		text-align: left;	
		font-size:120%;
	}
	
	ul.pointsforts li strong {
	
	}
	

	
	ul.navigation {
		float: right;
		margin-top: 20px;
		height: 23px;
	}
	
	
		ul.navigation li {
			float: left;
			list-style: none;
			margin: 0 7px;
		}

		ul.navigation a span {
			display: none;
		}
		ul.navigation a {
			display: block;
			height: 23px;
			background: transparent url('') no-repeat top left;
		}
		
			ul.navigation a.suivant {
			
			}
			
			ul.navigation a.precedent,ul.navigation a.precedentoff  {	width: 82px;}
			ul.navigation a.precedent:hover, ul.navigation a.predendentoff:hover { background-position: -82px top;}
		
			ul.navigation a.suivant,ul.navigation a.suivantoff  {	width: 70px;}
			ul.navigation a.suivant:hover, ul.navigation a.suivantoff:hover { background-position: -70px top;}
		
		
			ul.navigation a.retour  {	width: 109px;}
			ul.navigation a.retour:hover { background-position: -109px top;}
		
			ul.navigation a.suivantoff,
			ul.navigation a.precedentoff {
			
				-moz-opacity:.2;
			}
	
.labels {
	margin-bottom:5px;
}		
	
#Carte {
	height:350px;
	width:597px;
}


#Diaporama {

}
	
	#Diaporama a {
		margin:5px 12px 15px 12px;
	}.navigbas {
	margin-top:15px;
}

.navig {
	float: right;
}

	
	.navigBoutique a,
	.navig a  {
		padding: 0 3px;
		text-decoration: none;
		color: #666;
		font-size:11px;
		font-weight: normal;
	}
	
	.navigBoutique a.off,
	.navig a.off {
		font-weight: bold; 
	}
	
	.navigBoutique a.pasend,
	.navig a.pasend {
		border-right:1px solid red !important;
	}
	

.navigBoutique {
	float: left;
}