/* ------------------ IMAGES -------------------- */
img {
	padding: 2px;
	margin: 0;
	border: 1px solid silver;
	display: block;
}
img.no {
	padding:2px;
	border: none;
	background: none;
}
img.left {
	float: left;
	margin: 0 20px 2px 0;
		background: white;
}
img.left-no, img.right-no {
		float: left;
		border: 0px solid silver;
		padding: 0;
			margin: 0 0px 2px 0;
			
}
img.right-no {
		float: right;
		}
img.right {float: right;margin: 0 0px 2px 20px;	background: white;}
img.cadre, span.cadre {margin: 0 0 10px 0;	background: white;}
a img {
	background: white;
	display: block;
	padding: 2px;
	border: 1px solid silver;
		background: white;
}
.left {
	float: left;
}
/* ------------------ UL LI -------------------- */
#page ul, #page ul li {
	text-align: left;
	margin: 0 0 16px 80px;
}
#page ul li {
	margin: 0 0 0 0px;
	list-style: square inside;
}
#page ul li ul {
	margin: 0 0 0 20px;
}
#page ul li ul li {
	margin: 0 0 0 0px;
	list-style: none;
}
#page ul a.selected, #page ul li a.selected {
	font-weight: bold;
}

/* -------------- PAGES -------------- */
#centre #page, #contenu-plansite #centre #page {
	margin: 26px 0 0 0;
	padding: 1px 15px 0 0;
	*padding: 1px 15px 0 5px;
	color: Black;
	font-size: 12px;
}
#contenu-plansite #centre #page {
	padding: 1px 0px 0 0;
}
#centre #page h1 {
	position: absolute;
	top: 216px;
	left: 678px;
	width: 198px;
	color: black;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	letter-spacing: -1px;
	padding: 0;
	margin: 0;
}
#centre span.attention {
	color: Red;
	font-weight: bold;
}
H2 {
	text-align: left;
	font-size: 18px;
	color: black;
	letter-spacing: -1px;
	letter-spacing: 0px;
	margin: 10px 20px 0px 40px;
	padding: 2px 0 2px 0px;
}	
H2.autre {
	font-size: 15px;
	margin: 0px 20px 10px 0px;
}
/*--- 1 bloc 3/3 ---*/
#page .bloc-xl, #page .bloc-site {
	display: block;
	width: 675px;
	background: white url(images/bg-bloc-xl.jpg) no-repeat 0 bottom;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	margin: 15px 0 0 0;
	padding: 0 0 0px 0;
	*padding: 0 0 0px 0;
}
#page .bloc-site {
	width: 100%;
	background: none;
	padding-top: 6px;
}
#page .bloc-xl p, #page .bloc-site p {
	display: block;
	text-align: justify;
	padding: 8px 30px 0px 60px;
}
#page .bloc-site p {
	display: block;
	text-align: center;
	padding: 0px 0px 10px 0px;
	margin: 0;
}
#page .bloc-site .listes {
	position: absolute;
	left: 215px;
	top: 249px;
	*left: 216px;
	_left: 207px;
	_top: 243px;
}
#page .bloc-site .liste {
	width: 211px;
	height: 76px;
	overflow: auto;
	border: 0px solid black;
	background: none;
}
#page .bloc-site .liste p {
	color: black;
	display: block;
	text-align: left;
	color: black;
	font-size: 11px;
	padding: 2px 2px 2px 2px;
	text-align: center;
}
#page .bloc-site .liste span.type b {
	color: white;
	font-size: 11px;
	padding: 3px 0px 4px 0px;
	text-align: center;
	display: block;
	background: #5D5D5D;
	text-transform: uppercase; 
}
#page .bloc-site .liste span.zone1 b, #page .bloc-site .liste span.zone2 b {
	color: black;
	font-size: 11px;
	padding: 2px;
	margin: 0 0 6px 0;
	display: block;
	background: #00EA02;
}
#page .bloc-site .liste span.zone2 b {
	background: red;
	color: white;
}
#page .bloc-xl p.video {
 width: 390px;
	padding: 10px;
	background: black;
	text-align: center;
	/*	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;*/
	margin-right: 20px;
	border: 2px solid silver;
	float: left;
	color: white;
}
#page .bloc-xl .right, #page .bloc-xl .right-large {
	float: right;
	width: 250px;
	margin: 0 0px 0 20px;
		border-left: 0px solid silver;
	padding: 0 0 0 0;
}
#page .bloc-xl .right-large {
		width: 340px;
		margin: 0 0px 0 0px;
}
#page .bloc-xl .right p, #page .bloc-xl .right-large p {
	padding: 0 30px 0 50px;
	margin: 0 0 0 0px;
	font-size: 12px;
}
#page .bloc-xl .right-large p.intro {
	font-weight: bold;
	font-size: 14px;
}
#page .bloc-xl .right-large h2 {
	padding: 0;margin: 0;
	font-size: 0em;color: white;
	background: url(images/bg-h2-site.png) no-repeat 0 0;
	width: 182px;height: 45px;
}

/*--- bloc 2/3 ---*/
#page .bloc-l-ga, #page .bloc-l-dr {
	display: block;
	width: 420px;
	/*--- min-height: 230px;_height: 230px; ---*/
	background: white;
	margin: 15px 0 0 0;
	padding: 25px 0 0 25px; 
	float: left;
}

#page .bloc-l-ga h2, #page .bloc-l-dr h2 {
	padding: 0px 0 10px 15px;
}
#page .bloc-l-ga p, #page .bloc-l-dr p {
	padding: 0px 25px 25px 25px;
}

#page .bloc-l-dr {
	float: right;
}
#page .bloc-l-ga p, #page .bloc-l-dr p {
	text-align: justify;
}

/*--- à l'intérieur des blocs ----*/
#page .bloc-l-dr .int, #page .bloc-l-dr .int, #page .bloc-xl .int {
	display: block;
	padding: 20px 20px 35px 20px;
}
#page .bloc-xl .int2 {
	display: block;
	padding: 0 20px 35px 20px;
}
#page .bloc-xl .int3 {
	display: block;
	padding: 0 0px 21px 0px;
	*padding: 0 20px 35px 20px;
}
#page .bloc-xl .int4 {
	display: block;
	padding: 0 20px 21px 20px;
	*padding: 0 20px 21px 20px;
}
/**------ pour entreprise -----------**/
#page .bloc-xl .entreprise01 {
	display: block;
	padding: 20px 220px 35px 20px;
	background: url(images/bg-int-entreprise01.jpg) no-repeat 280px 20px;
}
#page .bloc-xl .entreprise02 {
	display: block;
	padding: 20px 220px 35px 20px;
	background: url(images/bg-int-entreprise02.jpg) no-repeat right 20px;
}
#page .bloc-xl .entreprise03 {
	display: block;
	padding: 20px 220px 35px 20px;
	background: url(images/bg-int-entreprise03.jpg) no-repeat right 140px;
}
/*------ Partie kaki ----------*/
#page .bloc-xl .int-kaki2 {
	background: #41432D url(images/bg-kaki.jpg) no-repeat top;
	border: 2px dashed #686A4F;
}
#page .bloc-xl .int-kaki {
	display: block;
	padding: 20px 20px 240px 20px;
	background: url(images/bg-kaki2.jpg) no-repeat bottom;
}
#page .bloc-xl .int-kaki p, #page .bloc-xl .int-kaki ul, #page .bloc-xl .int-kaki li, #page .bloc-xl .int-kaki h3 {
	color: #C1C2AE;
}
#page .bloc-xl .int-kaki h2 {
	color: #CFE02B;
	margin: 0;
	padding: 0;
}
#page .bloc-xl .int-kaki h3 {
	color: white;
	border: none;
}
/*--- les 3 blocs ---*/
#page .bloc-ga, #page .bloc-dr, #page .bloc-tarifs {
	width: 215px;
	height: auto;
	border: 0px solid White;
	margin: 15px 15px 0 0px;
	padding: 0px;
	background: white;
	float: left;
}
#page .bloc-dr {
	margin: 15px 0px 0 0px;
	float: right;
}
#page .bloc-tarifs {
	margin: 0px 0px 0 30px;
	width: 295px;
	float: right;
	background: url(images/bg-bloc-tarifs02.jpg) no-repeat 0 0;
}
#page .bloc-ga p, #page .bloc-dr p, #page .bloc-tarifs p  {
	display: block;
	padding: 10px;
}
#page .bloc-ga img, #page .bloc-dr img {
	width: 190px;
}

/*--- menu tarifs dans bloc-tarifs ---*/
#page .bloc-tarifs h3 {
	margin-left: 100px;
	color: #712020;
	border-bottom: 1px solid silver;
}
#page .bloc-tarifs ul, #page .bloc-tarifs ul li {
	text-align: left;
	margin: 10px 16px 4px 110px;
}

#page .bloc-tarifs ul li {
	margin: 0 0 0 0px;
	list-style: none;
}
#page .int4 p.desc-tarifs {
	padding: 0px 325px 10px 10px;
}
#page .bloc-tarifs ul li a {
	text-decoration: none;
	color: gray;
	display: block;
	text-align: left;
	font-weight: bold;
	background: url(images/bg-tarifs.png) no-repeat 0 2px;
	padding: 1px 0 1px 18px;
	*padding: 1px 0 1px 8px;
	border: 0px solid white;
}
#page .bloc-tarifs ul li a:hover, #page .bloc-tarifs ul li a.selected {
	background: url(images/bg-tarifs.png) no-repeat 0 -26px;
	color: Black;
	border: 0px outset silver;
}
#page .bloc-tarifs ul li b {
	color: black
}
/*---------------- blocs galeries -------------------*/

/*--- pagination galeries ---*/
#page .pagination {
	display: block;
	width: 675px;
	background: none;
	margin: 15px 0 0 0;
	text-align: center;
	height: 24px;
	background: none;
	border-bottom: 1px solid #C77612;
}
#page .pagination p {
	color: #730C08;
	text-align: right;
	float: left;
}
#page .pagination span {
		display: block;
		float: right;
		padding: 6px 5px 0 5px;
		margin: 0 6px 0 0;
	}
#page .pagination a {
	display: block;
	padding: 2px 2px 2px 2px;
	float: left;
	margin: 2px 2px 2px 0;
	text-decoration: none;
	border: 1px solid white;
	background: #EC8F18;
	color: white;	
	font-size: 10px;
	}
#page .pagination a:hover, #page .pagination a.actif {
	background: White;
	color: Black;
}
/*--- blocs Table galeries ---*/

#page table.galeries, #page table.catalogue, #page table.onglet {
	width: 675px;
	margin: 15px 0 0 0;
	border: none;
	background: none;
	border-collapse: collapse;
}
table.galeries tr, table.catalogue tr, table.onglet tr {
	border: none;
}
table.galeries td, table.catalogue td, table.onglet td {
	border: none;
	text-align: center;
	width: 215px;
	height: 215px;
	*height: 215px;
	background: white;
}
table.catalogue td, table.onglet td {
	padding: 0 0 10px 0;
}
.plus-de {
display: block;

}
.plus-de a {
	color: white;
	font-weight: bold;
	display: block;
	background: url(images/bg-plus-de.jpg) no-repeat 0 0;
	padding: 3px 0 3px 25px;
	margin: 0 5px 0 5px;
	text-align: left;
	text-decoration: none;
}
.plus-de a:hover {
	background: url(images/bg-plus-de.jpg) no-repeat 0 -42px;
}
table.galeries td.espace, table.catalogue td.espace, table.onglet td.espace {
	width: 15px;
	padding: 0px;
	font-size: 0px;
	background:none;
}
table.galeries td.interligne, table.catalogue td.interligne, table.onglet td.interligne {
	height: 15px;
	padding: 0;
	font-size: 0em;
	background: none;
}
table.catalogue td p, table.galeries td p, table.onglet td p {
	padding: 6px 4px 0px 4px;
	font-size: 11px;
}
table.catalogue td span.detail, table.galeries td span.detail, table.onglet td span.detail {
	display: block;
	margin: 4px 0 0 0;
	color: #464646;
	padding: 0 6px 0 6px;
	text-align: center;
}
table.catalogue td a.tt, table.galeries td a.tt, table.onglet td a.tt {
	font-size: 14px;
	color: Black;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0px 0 2px 0;
	padding: 0;
}
table.catalogue td a:hover.tt, table.galeries td a:hover.tt, table.onglet td a:hover.tt {
	text-decoration: underline;
}
table.galeries td img, table.catalogue td img, table.onglet td img {
margin: 0 auto 0 auto;
	/*filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;*/
}
table.galeries td img, table.catalogue td a img, table.onglet td a img {
cursor: url(images/viseur-blanc.cur),default ;
	*cursor: hand;
	width: 190px;
}

table.catalogue td a img {
	width: 190px;
	height: 155px;
}
table.catalogue td img {
margin: 5px auto 0 auto;
}
table.equipe {
	margin-left: 40px;
	width: 500px;
}
table.equipe td {
	border-bottom: 1px dotted silver;
	padding: 2px 0 2px 10px;
	text-align:left;
}
table.equipe td.lo {
width: 85px;
}
/* ----------Hotels------------*/
table.hotel td {
	vertical-align: top;
	padding: 4px 0 0 4px;
	border-bottom: 1px solid silver;
}
/* -------------- PATH -------------- */
#path {
position: absolute;
top:190px;
left:230px;
	width: 440px;
	height: 27px;
}
#path p {
text-align: left;
color: white;
	padding: 7px 0 6px 10px;
}
#path a {
	color: white;
	text-decoration: none;
}
#path a:hover {
	text-decoration: underline;
}
/* -------------- FORMULAIRE DE CONTACTS -------------- */
#centre form.contact {
	display: block;
	margin: 20px 10px 0 0px;
	width: 400px;
	padding: 17px 0 10px 5px;
	*padding: 16px 0 10px 5px;
	text-align: left;
	float: left;
}
#centre form.contact input, #centre form.contact textarea, form.contact select {
	text-align: left;
	border: 1px solid gray;
	margin: 0 0 4px 0;
	*margin: 0 0 2px 0;
	padding: 2px;
	background: url(images/bg-input.jpg) no-repeat 0 0;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: White;
}
#centre form.contact textarea {
	background: url(images/bg-area.jpg) no-repeat 0 0;
	*width: 242px;
	*height: 73px;
}
input.commande {
	width: 25px;
	background: #E8E8E8;
}
#centre form.contact  span.titre {
	font-weight: bold;
	display: block;
	width: 130px;
	margin-right: 5px;
	text-align: right;
	float: left;
	color: Black;
}
#centre form.contact input.bouton {
	text-align: center;
	font-size: 0em;
	margin: 0 0 0 131px;
	width: 40px;
	height: 24px;
	background: url(images/bg-contact-ok.jpg);
	color: #882724;
	cursor: pointer;
	border: none;
}
.note {
	display: block;
	font-size: 9px;
	text-align: justify;
	padding: 20px 20px 5px 20px;
	color: #ABABAB;
}
/*********** Formulaire inscription *************/
#centre form.inscription {
	display: block;
	margin: 20px 10px 0 0px;
	width: 310px;
	padding: 0px 0 10px 0px;
	*padding: 0px 0 10px 0px;
	text-align: left;
	float: right;
}
#centre form.inscription input, #centre form.inscription textarea, form.inscription select {
	text-align: left;
	border: 1px solid Black;
	margin: 0 0 4px 0;
	*margin: 0 0 2px 0;
	padding: 1px;
	background: Silver;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: Black;
}
#centre form.inscription textarea {
	background: url(images/bg-area.jpg) no-repeat 0 0;
	*width: 242px;
	*height: 73px;
}
#centre form.inscription  span.titre, #centre form.inscription  span.titre2 {
	font-weight: bold;
	display: block;
	width: 110px;
	margin-right: 5px;
	text-align: right;
	float: left;
	color: Black;
}
#centre form.inscription  span.titre2 {
		width: 260px;
		padding-right: 10px;
}
#centre form.inscription input.bouton {
	text-align: center;
	font-size: 12px;
	margin: 10px 0 0 220px;
	font-weight: bold; 
	width: 70px;
	height: 24px;
	background: #228B22;
	color: White;
	cursor: pointer;
	border: none;
}

/* -------------- Adresse --------------- */
#page p.adresse {
	display: block;
	text-align: left;
	color: black;
	float: right;
	width: 210px;
	margin: 35px 0 0 0;
	padding: 0;
}
#page a.itineraire {
	display: block;
	width: 170px;
	text-align: center;
	font-weight: bold;
	border: 1px solid black;
	background: #86130C;
	color: white;
	text-decoration: none;
	padding: 6px 0 6px 0;
}
#page a:hover.itineraire {
	background: #FEC600;
	color: black;
}
/* -------------- Plan d'accès --------------- */
#centre #page-acces #plan {
	border: 1px solid silver;
	position: absolute;
	padding: 2px;
	background: white;
	top: 100px;
	left: 6px;
	margin-left: 10px;
}

/* ------------ ONGLETS BOUTIQUE EN LIGNE ----------------- */
#menu-produit {
	display: block;
	text-align: left;
	border-bottom: 1px solid silver;
	padding: 0px 0 0 0;
	margin: 0 16px 0 10px;
	height: 20px;
}
#menu-produit ul#menu-prod {
	list-style: none;
	text-align: left;
	height: 20px;
	padding: 0 0 0 0;
	margin: 0;
}
#menu-produit li {
	font-size: 11px;
	position: relative;
	background: none;
	float: left;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#menu-produit a, #menu-produit a:link, #menu-produit a:visited, #menu-produit a:hover, #menu-produit a:active {
   color: #FC9E3A;
   border: 1px solid silver;
   font-weight: normal;
	text-decoration: none;
	padding: 2px 5px 4px 5px;
	margin: 0 5px 0 0;
	background: none;
	cursor: pointer;
	display: block;
	text-align: center;        
}
#menu-produit a.last, #menu-produit a.last:link, #menu-produit a.last:visited, #menu-produit a.last:hover, #menu-produit a.last:active {
	color: #FC9E3A;
	text-decoration: none;
	padding: 2px 5px 4px 5px;
	margin: 0 0px 0 0;
	background: none;
	cursor: pointer;
	display: block;
	text-align: center;
}
#menu-produit a.select {
	color: White;
	background: #FC9E3A;
}
img area {
	border: 2px solid white;
}
.xs {
	font-size: 1px;
}
#aerien {
	position: absolute;
	background: white;
	padding: 10px;
	border: 1px solid black;
	top: 248px;
	left: 440px;
}