/* CSS Document --------------------------------------------------------------------------------*/
/* Mise en forme du site LE BARRIOL ---------------------------------------------------*/
/* www.iris-interactive.fr ---------------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
}
html {
}
body {
	background:#27180a url(../images/bg-body.jpg) no-repeat center 0;
	font-size:12px;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	text-align:justify;
}

#global {
	width:877px;
	margin:auto;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au header */
/* -------------------------------------------------------------------------------------------- */
#header {
	background:url(../images/bg-header.png) no-repeat 0 0;
	width:877px;
	height:246px;
	margin:auto;
}

#header h1 {
	margin:0 !important;
	padding:0 !important;
}
#header h1 a{
	display:block;
	height:170px;
	width:358px;
	background:url(../images/bg-h1.png) no-repeat 0 0;
	text-indent:-999em;
	top:0;
	margin:41px auto 0 50px;
	padding:0;
	position:absolute;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables à la navigation */
/* -------------------------------------------------------------------------------------------- */


#navigation {
	background:#FFFFFF url(../images/bg-navigation.gif) no-repeat 0px 0px;
	position:absolute;
	height:30px;
	width:740px;
	margin:auto;
	text-align:left;
	top:0;
	margin-top:195px;
	margin-left:70px;
}
#navigation ul {
	height:30px;
	position:absolute;
	padding:0 !important;
/* 	top:5px;
	left:10px;
 */}
#navigation ul li {
	cursor:pointer;
	float:left;
	list-style:none;
}

#navigation ul a {
	background:#FFFFFF url(../images/bg-navigation.gif) no-repeat 0 0;
	display:block;
	/* width:80px; */
	height:30px;
	text-decoration:none;
	/* margin-left:2px; */
}
#navigation ul .rub1 a {
	width:79px;
	margin-left:0;
	background-position:0 0;
	z-index:1;
}
#navigation ul .rub2 a {
	width:97px;
	background-position:-79px 0;
	z-index:2;
}
#navigation ul .rub3 a {
	background-position:-176px 0;
	width:95px;
	z-index:3;
}
#navigation ul .rub4 a {
	background-position:-271px 0;
	width:98px;
	z-index:4;
}
#navigation ul .rub5 a {
	background-position:-369px 0;
	width:97px;
	z-index:5;
}
#navigation ul .rub6 a {
	background-position:-466px 0;
	width:97px;
	z-index:6;
}
#navigation ul .rub7 a {
	background-position:-563px 0;
	width:95px;
	z-index:7;
}
#navigation ul .rub8 a {
	background-position:-658px 0;
	width:82px;
	z-index:8;
}
	#navigation ul .rub1 a:hover {
		background-position:0 -30px;
	}
	#navigation ul .rub2 a:hover {
		background-position:-79px -30px;
	}
	#navigation ul .rub3 a:hover {
		background-position:-176px -30px;
	}
	#navigation ul .rub4 a:hover {
		background-position:-271px -30px;
	}
	#navigation ul .rub5 a:hover {
		background-position:-369px -30px;
	}
	#navigation ul .rub6 a:hover {
		background-position:-466px -30px;
	}
	#navigation ul .rub7 a:hover {
		background-position:-563px -30px;
	}
	#navigation ul .rub8 a:hover {
		background-position:-658px -30px;
	}
#navigation a span {
	position:absolute;
	left:-999em;
	display:none;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables à la barre d'outils */
/* -------------------------------------------------------------------------------------------- */

/* ul#tools {
	margin:8px 0 0 580px;
	padding:0 !important;
	left:auto;
	width:130px;
}
html*ul#tools {
	margin:8px 0 0 560px;
}

/* -------------------------------------------------------------------------------------------- */

ul#tools {
	height:16px !important;
	list-style:none;
	display:inline;
	z-index:99;
	position:absolute;
	margin:0px 0 0 370px;
	color:#756950 !important;
}
#tools li, 
#flag li {
	position:relative;
	z-index:3;
	list-style:none;
	background:none !important;
	display:inline;
	padding-left:5px !important;
	font-size:10px;
}
#tools a, 
#flag a {
	text-decoration:none !important;
	color:#8b7f65 !important;
}
#tools a:hover, 
#flag a:hover {
	color:#756950 !important;
}
#tools img {
	border:none;
	vertical-align:middle;
}
 
#flag a img {
	border:1px solid #8b7f65;
}
#tools a span, 
#flag a span {
	border:none;
	position:absolute;
	left:-999em;
	padding:3px;
	background-color:#8b7f65;
	border:1px solid #cfcfcf;
	margin:25px 0 0 -10px;
	white-space:nowrap;
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
}
html* #tools a span, 
html* #flag a span {
	left:auto;
	display:none;
}
#tools a:hover span, 
#flag a:hover span {
	left:auto;
	text-decoration:none;

}
html* #tools a:hover span, 
html* #flag a:hover span {
	display:block;
} 

#flag {
	position:absolute;
	top:0;
	margin-left:680px;
}
*html #flag {
	top:-245px;
}
/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables au chemin de fer */
/* -------------------------------------------------------------------------------------------- */

#content ul#wire {
	background-color:#e9e3d6;
	height:15px;
	/* width:685px; */
	margin:0 6px 20px 5px;
	padding:7px 7px;
}

#content ul#wire li {
	display:inline;
	list-style:none;
	padding-left:10px;
	background-image:none;
}

#content ul#wire li a {
	background:url(../images/bg-li-wire.gif) no-repeat 0px 6px;
	padding-left:15px;
	color:#fe6e04;
}

#content ul#wire li a.home {
	background:url(../images/bg-wire-home.gif) no-repeat 0 0;
	padding-left:25px;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au contenu */
/* -------------------------------------------------------------------------------------------- */


#page {
	background:transparent url(../images/bg-content.png) no-repeat 50px 0;
	width:877px;
	margin:auto;
}

/* html* #page {
	background-position:1px 0;
} */

#content {
	margin:0 70px;
}

/* -------------------------------------------------------------------------------------------- */
/* BOX MODELS */

.col720 {
	width:730px;
	
}
.col350 {
	width:350px;
}
.col480 {
	width:490px;
}

.col235 {
	width:245px;
	text-align:left;
}

.col720,
.col480, 
.col350, 
.col235 {
	float:left;
}

.ml10 {
	margin-left:10px;
}
.mr10 {
	margin-right:10px;
}

/* -------------------------------------------------------------------------------------------- */

#global p, 
#global ul, 
#global form, 
#global dl, 
#global blockquote, 
#global h1, 
#global h2, 
#global h3, 
#global h4, 
#global h5, 
#global h6,
#global .swf {
	padding:5px 10px;
	font-weight:normal;
}
#global p, 
#global ul, 
#global form, 
#global input, 
#global textarea, 
#global select, 
#global option, 
#global blockquote, 
#global table, 
#global tr, 
#global th, 
#global td {
	font-size:12px;
}

img {
	border:none;
}

span.arrow {
	background:url(../images/arrow.gif) no-repeat 0px 7px;
	padding-left:12px;
}

#content h2 {
	font-size:18px;
	border-bottom:solid 2px #f26423; 
	color:#f95e06;
	margin-left:10px;
	margin-top:20px;
	padding-left:0;
}
	#content h2.restaurant {
		background:url(../images/bg-h2-restaurant.gif) no-repeat 0 0;
		text-indent:-999em;
	}
	#content h2.hotel {
		background:url(../images/bg-h2-hotel.gif) no-repeat 0 0;
		text-indent:-999em;
	}
	#content h2.detours {
		background:url(../images/bg-h2-detours.gif) no-repeat 0 0;
		text-indent:-999em;
		margin-top:3px;
	}
	#content h2.actualites {
		background:url(../images/bg-h2-actualites.gif) no-repeat 0 0;
		text-indent:-999em;
		margin-top:3px;
	}
	#content h2.reservation {
		background:url(../images/bg-h2-reservation.gif) no-repeat 0 0;
		text-indent:-999em;
		margin-right:10px;
		margin-top:3px;
	}
	#content h2.album-photos {
		background:url(../images/bg-h2-album-photos.gif) no-repeat 0 0;
		height:40px;
		text-indent:-999em;
	}
	#content h2.contact {
		background:url(../images/bg-h2-contact.gif) no-repeat 0 0;
		text-indent:-999em;
		margin-top:4px;
	}
	#content h2.Informations-L {
		background:url(../images/bg-h2-informations-L.gif) no-repeat 0 0;
		text-indent:-999em;
		height:40px;
	}
#content h3 {
	font-size:16px;
	font-weight:bold;
	padding-top:30px;
	color:#7EA514;
}	
	
#content a {
	color:#7ea514;
	/* text-decoration:none; */
}
	#content a:hover {
		color:#688910;
		text-decoration:underline; 
	}

#content p.chapeau {
	color:#fe7b03;
	display:block;
	padding: 5px 0 20px 0;
	margin:0 10px 10px 10px;
	font-size:13px;
	font-weight:bold;
}
	#content p.chapeau a {
		color:#fe7b03;
		text-decoration:underline;
	}

#content p.date {
	padding-top:0;
	padding-bottom:15px;
	color:#7EA514;
	line-height:0.5em;
}
#content strong {
	color:#688910;
}

#content li {
	background:url(../images/bg-li.gif) no-repeat 0 6px;
	list-style:none;
	padding-left:20px;
	padding-bottom:10px;
}
#content ul ul li {
	background-image:none !important;
	list-style:inside disc !important;
	padding-left:20px !important;
}

/* -------------------------------------------------------------------------------------------- */

#content div.news {
	background:url(../images/bg-news.gif) no-repeat 0 0;
	height:180px;
	width:350px;
	color:#FFFFFF;
	line-height:1.2em;
	margin-left:10px;
	position:relative;
}
#content div.news p strong {
	color:#FFFFFF;
}

#content div.col235 div.news {
	background:url(../images/bg-news-235.gif) no-repeat 0 0;
	height:188px;
	width:234px;
	margin-bottom:20px;
	margin-left:10px;
	line-height:1.1em
}

#content div.news h2 {
	display:block;
	background:url(../images/bg-news-h2.gif) no-repeat 10px 5px;
	width:126px;
	height:25px;
	text-indent:-999em;
	padding:5px 20px;
	margin-top:0;
	border:none;
	}

#content div.news h3 {
	padding-left:10px;
	padding-top:10px;
	color:#FFFFFF;
}
#content div.news h3 a {
	text-decoration:none;
}
#content div.news p {
	padding:5px 10px;
}
#content div.news p.date {
	color:#FFF;
}

#content div.news p.view-actu {
	display:block;
	position:absolute;
	background:url(../images/arrow.gif) no-repeat 0 10px;
	padding-left:15px;
/* 	top:0;*/
	margin-top:-25px; 
	margin-left:185px;
	left:0;
}

#content div.news p.view-actu a {
	color:#427a03;
}
	#content div.news p.view-actu a:hover {
		color:#305902;
	}

#content div.news a, 
#content div#chambres a, 
#content div#contact a {
	color:#FFFFFF;
}

#content div#chambres {
	background:url(../images/bg-chambres.gif) no-repeat 0 0;
	width:350px;
	height:202px;
	color:#FFFFFF;
	line-height:1.2em;
	margin-left:10px;
}
#content div#chambres strong {
	color:#FFF;
}
#content div#contact {
	background:url(../images/bg-contact.gif) no-repeat 0 0;
	width:234px;
	height:93px;
	color:#FFFFFF;
	line-height:1.2em;
	margin-left:10px;
	padding-top:7px;
}
#content div#chambres p {
	padding:5px 10px 0 140px;
}
#content div#contact p {
	padding:5px 10px 0 10px;
}
#content div#contact p strong {
	color:#FFF;
}
#content div#chambres h2 {
	display:block;
	background:url(../images/bg-chambres-h2.gif) no-repeat 130px 25px;
	width:350px;
	height:50px;
	text-indent:-999em;
	padding:5px 20px;
	margin-top:0;
	border:none;
}
#content div#contact h3 {
	color:#FFFFFF;
	padding-top:0px;
	font-size:14px;
}
#content div#chambres p.reserver, 
#content #album-photos p {
	padding:0;
}

#content div#chambres p.reserver a {
	display:block;
	background:url(../images/bg-reserver.gif) no-repeat 20px 20px;
 	height:40px;
	text-indent:-999em;
}

#content #album-photos p a {
	display:block;
	background:url(../images/bg-album-photos.jpg) no-repeat 0 0;
	width:350px;
	height:71px;
	text-indent:-999em;
	margin-top:5px;
	margin-left:5px;
}

#content div.col235 #album-photos p a {
	display:block;
	background:url(../images/bg-album-photos-235.jpg) no-repeat 0 0;
	width:234px;
	height:71px;
	margin-left:10px;
}

#content div#mot-chef {
	width:350px;
	/* height:315px; */
}

#content div#mot-chef h2 {
	display:block;
	background:url(../images/bg-h2-mot-chef.gif) no-repeat 20px 0;
	width:350px;
	height:128px;
	text-indent:-999em;
	padding:0;
	margin-top:0;
	margin-left:0;
	border:none;
}
#content div#mot-chef p strong {
	color:#666666;
}

#content h2#detour, 
#content div#partenaires h2, 
#content div#newsList h2 {
	display:block;
	text-indent:-999em;
	margin-top:0;
	margin-left:0;
	padding:0;
}
	#content h2#detour {
		background:url(../images/bg-h2-detour.gif) no-repeat 20px 0; 
		width:350px; 
		height:125px;

	}
	#content div#partenaires h2 {
		background:url(../images/bg-h2-partenaires.gif) no-repeat 10px 10px ; 
		width:165px; 
		height:34px;
		margin-bottom:10px;
		border-style:none;
	}


#content div#partenaires ,
#content div#newsList {
	background: url(../images/bg-colRight.gif) no-repeat 0px 0;
	width:234px;
 	height:auto !important;
	min-height:334px;
	height:334px;
	margin-left:8px;
 } 
 
#content div#partenaires p, 
#content div#partenaires a, 
#content div#partenaires h3, 
#content div#newsList p,
#content div#newsList p strong,
#content div#newsList a, 
#content div#newsList h3 {
	color:#FFFFFF;
	line-height:1.2em;
}
#content div#partenaires h3, 
#content div#newsList h3 {
	font-size:18px;
	padding-bottom:0px;
	padding-top:10px;
}
 
#content div#colR {
background: url(../images/bg-colR.gif) no-repeat right bottom;
float:left;
width:748px;
}

#content div#region {
	background:url(../images/bg-region.gif) no-repeat 0 0;
	width:350px;
	height:158px;
	margin:10px 0 0 10px;
}

#content div#region h2 {
	display:block;
	text-indent:-999em;
	margin-top:0;
	border:none;
}

#content div#region p {
	padding:47px 115px 0 10px;
	line-height:1.2em;
}
#content div#region p strong {
	color:#000;
}
#content p.viewDiaporama {
	text-align:center;
	/* margin-bottom:20px; */
}

/* #content div#newsList {
	line-height:1.3em;
	background:url(../images/bg-newsList.gif) left bottom repeat-x;
	height:auto !important;
	min-height:400px;
	height:400px;
}
 */
	#content div#newsList h2 {
		background:url(../images/bg-h2-actus.gif) no-repeat 10px 10px ; 
		width:203px; 
		height:34px;
		margin-bottom:10px;
		border-style:none;
	}
#content div#newsList h4 a {
	display:block;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
}
#content p.chapeauNews {
	color:#7ea514;
}
#content div#newsList p.date {
	padding-top:0;
	padding-bottom:0;
	color:#FFFFFF;
	line-height:1em;
}

#content div#newsList img {
	padding-top:15px;
}

#content div.liens {
	background:url(../images/bg-liens.gif) no-repeat 20px bottom;
	padding-bottom:20px;
	margin-right:15px;
	height:auto !important;
	min-height:200px;
	height:200px;
}

#content div.liens p {
	color:#7d7d7d;
	padding-top:10px;
}
#content div.liens li {
	color:#7d7d7d;
}

#content p.pdf {
	display:block;
	float:right;
	margin-top:25px;
}


#content p.pdf a {
	color:#8B7F65;
}
#content p.pdf a:hover {
	color:#756950;
	text-decoration:none;
}
/* -------------------------------------------------------------------------------------------- */
/* MASK */

#global div.thumbLiens {
	float:right;
	width:208px;
	height:140px;
	overflow:hidden;
	margin:20px 0 0 10px;
	position:relative;
}
#global div.thumbLiens .pic {
	position:absolute;
	left:4px;
	top:4px;
}
#global div.thumbLiens .mask {
	position:absolute;
	left:0;
	top:0;
}

#global div.thumbNews {
	float:left;
	width:208px;
	height:140px;
	overflow:hidden;
	margin:0px 15px 0 10px;
	position:relative;
}
#global div.thumbNews .pic {
	position:absolute;
	left:22px;
	top:15px;
}
#global div.thumbNews .pic img {
	width:163px !important;
	height:auto !important;
}
#global div.thumbNews .mask {
	position:absolute;
	left:0;
	top:0;
}

#global div.thumbDiaporama {
	/* float:right; */
	width:476px;
	height:329px;
	overflow:hidden;
	margin:auto;
	position:relative;
}
#global div.thumbDiaporama .pic {
	position:absolute;
	left:12px;
	top:12px;
}
#global div.thumbDiaporama .mask {
	position:absolute;
	z-index:15;
	left:0;
	top:0;
}
#global div.thumbDiaporama2 {
	/* float:right; */
	width:476px;
	height:329px;
	overflow:hidden;
	margin:0 !important;
}

#global div.thumbDiaporama2 .pic {
	position:absolute;
	left:0px;
	top:0px;
}
#global div.thumbDiaporama2 .mask {
	position:absolute;
	z-index:15;
	left:0;
	top:0;
}
#global div.thumbSlideshow {
	/* float:right;  */
	position:absolute;
	margin-left:180px;
	left:0;
	width:530px;
	height:366px;
	overflow:hidden;
/* 	margin:auto;
	position:relative; */
}
#global div.thumbSlideshow .pic {
	position:absolute; 
	left:40px;
	top:0px;
}
#global div.thumbSlideshow .mask {
	position:absolute;
	z-index:15;
	left:0;
	top:0;
}

/* -------------------------------------------------------------------------------------------- */
/* DIAPORAMA */

#slideshow {
    position:relative;
    height:329px;
	width:476px;
}

#slideshow IMG {
    position:absolute;
    top:14px;
    left:14px;
    z-index:8;
    opacity:0.0;
	width:420px;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* -------------------------------------------------------------------------------------------- */
/* FORMULAIRE */		
	

/* #content form.messenger {
	background:url(../images/bg-messenger-divider.gif) left bottom repeat-x;
} */
#content legend {
	color:#465253;
}
#content fieldset {
	border:1px solid #F1F1F1;
	padding:5px;
	margin-bottom:5px;
	width:423px;
}
#content fieldset.small {
	width:200px;
}
html>body #content fieldset {
	clear:both;
}
html>body #content fieldset.small {
	width:200px;
	float:left;
	clear:none;
	margin-right:10px;
}
#content input.date {
	width:180px;
	height:18px;
	background:#F1F1F1 url(../images/bg-input-date.gif) no-repeat right center;
	border:none;
	cursor:default;
	cursor:pointer;
}
*html #content input.date {
	width:188px;
	height:20px;
	padding:2px 0 0 5px;
}
#content input.submit {
	padding:5px;
}




/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables au pied de page */
/* -------------------------------------------------------------------------------------------- */

#footer {
	background:transparent url(../images/bg-footer.png) no-repeat 50px 0;
	/* width:778px; */
	width:877px;
	margin:auto;
	color:#FFFFFF;
	height:130px;
}
#footer.small p {
	padding-left:70px;
	font-size:13px;
	font-weight:bold;
}

#footer p {
	padding:30px 70px 0 240px;
	font-size:12px;
}

#footer p.ILegales {
	padding:20px 0;
	text-align:center;
	font-size:12px;
}

#footer a {
	color:#FFFFFF;
}

img.logis2 {
	display:block;
	height:49px;
	margin-left:60px;
	margin-top:-125px;
	position:absolute;
	width:53px;
}

a.logis {
	display:block;
	height:51px;
	margin-left:115px;
	margin-top:-125px;
	position:absolute;
	width:51px;
}

img.qlte-tourisme {
	display:block;
	height:51px;
	margin-left:170px;
	margin-top:-125px;
	position:absolute;
	width:53px;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles génériques */
/* -------------------------------------------------------------------------------------------- */

.spacer {
	width:100%;
	clear:both;
	font-size:1px;
	height:1px;
}
.img-right {
	float:right;
	padding:0 0 5px 10px;
}
.img-left {
	float:left;
	padding:10px 10px 0px 10px;
}
.center {
	text-align:center !important;
}
.right {
	text-align:right !important;
}
.left {
	text-align:left !important;
}
.valign {
	vertical-align:middle;
}
.underline {
	text-decoration:underline !important;
}
.black {
	color:#000 !important;
}
.red {
	color:red;
}