/* Réglages généraux */
* {
	margin: 0;
	padding: 0;
}
body,td,th {
	font: 12px/17px Arial, Helvetica, sans-serif;
	color: #666666;
}
body {
	margin: 0;
	padding: 0;
	background: #D1D1D1 url(/img/navigation/body-back.gif) repeat-x;
}
a {
	color: #973125;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #973125;
}
a:hover {
	text-decoration: none;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #973125;
}
.clear {
	clear: both;
	display: block;
	height: 1px;
	visibility: hidden;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}

th{
font-weight:bold;
}

a.pdf:link, a.pdf:active, a.pdf:visited {
	background:   url(/img/navigation/pdf.gif) no-repeat 0px 1px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #973125;
	text-decoration: none;
	padding-left: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
}
a.pdf:hover  {
	background:   url(/img/navigation/pdfhover.gif) no-repeat 0px 1px;
	color: #CCCCCC;
}


/* Typographie - Titrage */
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 20px;
	color: #973125;
	margin: 0 0 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid #973125;
}
#accueil {/* Titrage personnalisé */
	width: 344px;
	text-indent: -5000px;
	height: 25px;
	background: url(/img/navigation/h1-bienvenue.gif) no-repeat;
	padding-bottom: 6px;
	border-bottom: 1px solid #973125;
	margin: 0 0 10px;
	}
h2 {
	font-size: 14px;
	color: #973125;
	margin: 0 0 4px;
}
h3 {
	font-size: 15px;
	color: #376A95;
	margin: 0 0 4px;
}
h4 {
	font-size: 14px;
	color: #FF9900;
	margin: 0 0 4px;
}
h5 {
	font-size: 12px;
	color: #33CC66;
	margin: 0 0 4px;
}
h6 {
	font-size: 9px;
	color: #A559C1;
	margin: 0 0 4px;
}
p {
	margin: 0 0 8px;
	padding: 0;
	font-weight: normal;
}


/* Contenu global */
#globalcontent {
	margin:0 auto;
	padding: 0;
	height: auto;
	width: auto;
	background: url(/img/navigation/globalcontent-back.gif) repeat-y center top;
}
#content {
	margin:0 auto;
	padding: 0;
	height: auto;
	width: 900px;
	clear: both;
	position: relative;
	background: url(/img/navigation/header-back.jpg) no-repeat;
}


/* Navigation horizontale principale */
#navlist-one {
	margin: 0 0 115px;
	padding: 0;
	height: 43px;
}
#navlist-one ul {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
#navlist-one li {
	display: bloc;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0;
	line-height: 20px;
	border-right: 1px solid #FFFFFF;
	height: 16px;
}
#navlist-one a {
	padding: 0 9px;
	text-decoration: none;
}
#navlist-one a:link, #navlist-one a:visited {
	color: #fff;
	font-weight: bold;
}
#navlist-one a:hover {
color: #CCCCCC;
}
#navlist-one li.disponibilites {
	background: url(/img/navigation/disponibilite-picto.gif) no-repeat 7px 12px;
	padding-left: 22px;
}
#navlist-one li.reservations {
	background: url(/img/navigation/reservation-picto.gif) no-repeat 8px 8px;
	padding-left: 19px;
}
#citotel {
	position:absolute;
	left:825px;
	top:0;
	width:72px;
	height:39px;
	z-index:1;
}


/* Navigation horizontale secondaire */
#navlist-two {
	margin: 0;
	padding: 0;
	height: 25px;
	position: absolute;
	left: 230px;
	top: 259px;
	width: auto;
}
#navlist-two ul {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
#navlist-two li {
	display: bloc;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0 16px 0 0;
	line-height: 25px;
	height: 25px;
}
#navlist-two a {
	padding: 0;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}
#navlist-two a:link, #navlist-two a:visited {
	color: #000000;
	font-weight: bold;
}
#navlist-two a:hover {
color: #CCCCCC;
}
#navlist-two li.accueil {
	background: url(/img/navigation/accueil-picto.gif) no-repeat left center;
	padding-left: 16px;
}
#navlist-two li.situation {
	background: url(/img/navigation/situation-picto.gif) no-repeat left center;
	padding-left: 24px;
}
#navlist-two li.acces {
	background: url(/img/navigation/acces-picto.gif) no-repeat left center;
	padding-left: 15px;
}
#navlist-two li.contact {
	background: url(/img/navigation/contact-picto.gif) no-repeat left center;
	padding-left: 20px;
}
#navlist-two li.partenaires {
	background: url(/img/navigation/partenaires-picto.gif) no-repeat left center;
	padding-left: 15px;
}
#navlist-two li.favoris {
	background: url(/img/navigation/favoris-picto.gif) no-repeat left center;
	padding-left: 16px;
	padding-right: 0;
}




/* Petits drapeaux (droite) */
.picto a {
	width:18px;
	height:16px;
	padding:0;
	background-position:0 0;
	background-repeat:no-repeat;
	overflow: hidden;
	clip: rect(auto,auto,32px,auto);
}
.picto a:hover,
.picto a:link.active,
.picto a:visited.active {/* Langue activée */
	background-position:0 -16px;
	}
	
#flag-fr, #flag-en, #flag-it {
	position: absolute;
	top: 263px;
	margin: 0;
	padding: 0;
	height: 16px;
	width: 18px;
	z-index: 400;
}
#flag-fr {
	background-image: url(/img/navigation/flag-fr.gif);
	left: 813px;
}
#flag-en {
	background-image: url(/img/navigation/flag-en.gif);
	left: 836px;
}
#flag-it {
	background-image: url(/img/navigation/flag-it.gif);
	left: 859px;
}







/* Colonne gauche */
#sideleft {
	margin: 0;
	padding: 12px 0 0;
	float: left;
	height: 667px;
	width: 200px;
	background: url(/img/navigation/sideleft-back.jpg) no-repeat;
	text-align: center;
}
#sideleft img {
	margin: 0 0 15px;
	padding: 0;
	border: 1px solid #FFFFFF;
}

	
/* Colonne centre (Contenu rédactionnel) */
#globalredac {
	margin: 138px 0 0;
	height: auto;
	float: left;
	width: 384px;
	padding: 0;
}
#redac {
	margin: 0;
	height: auto;
	width: 344px;
	padding: 20px 20px 0;
	background: url(/img/navigation/redac-back.gif) no-repeat;
	position: relative;
}
#redac ul {
	margin: 0 0 10px 20px;
	padding: 0 0 0 20px;
}
#cartouche-evenements {/* Fond des actus page accueil */
	margin: 30px 0 0;
	height: 140px;
	width: 304px;
	padding: 50px 20px 0;
	background: url(/img/navigation/cartouche-evenements-back.gif) no-repeat;
	font-size: 11px;
	line-height: normal;
}
a.actumarquee:link, a.actumarquee:active, a.actumarquee:visited{
	color: #666666;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
}
a.actumarquee:hover {
	color: #973125;
	text-decoration: none;
}
.redactionnel {
	color: #666666;
	font-size: 11px;
}
.redactionnelgras {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.actuplus {
	text-align: right;
	display: block;
	font-weight: bold;
	color: #973125;
	margin-bottom: 20px;
}



/* Colonne droite (anim Flash ou image fixe) */
#sideright {
	margin: 132px 0 0;
	padding: 0 7px 0 6px;
	float: left;
	height: 530px;
	width: 303px;
}


	
	
/* Arborescence hiérarchique - Chemin de navigation */
/* Non utilisé ici */
#breadcrumb  {
	padding: 0px;
	color: #999999;
	margin: 0 0 20px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	}
#breadcrumb ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 
#breadcrumb ul li {
	margin : 0;
	padding: 0;
	border: none;
	list-style: none;
	display: inline;
	color: #999999;
	}
#breadcrumb a:link, #breadcrumb a:active, #breadcrumb a:visited {
	text-decoration: none;
	color: #999999;
	padding-bottom: 2px;
	border-bottom: 1px solid #999999;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
#breadcrumb a:hover  {
	text-decoration: none;
	color: #CCCCCC;
	padding-bottom: 2px;
	border-bottom: 1px solid #CCCCCC;
}






/* Pied de page */
#footer {
	padding: 0;
	margin: 0;
	width: auto;
	background: url(/img/navigation/footer-back.gif) no-repeat center top;
	clear: both;
}
#signature {
	margin: 0 auto;
	padding: 20px 0 0;
	text-align: center;
	width: 900px;
	height: 200px;
	font-size: 10px;
	line-height: 14px;
	color: #973125;
}
#signature a:link, #signature a:active, #signature a:visited {
	color: #973125;
	text-decoration: none;
	font: bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
}
#signature  a:hover  {
	color: #666666;
}
a.url:link, a.url:active, a.url:visited {
	color: #000000;
	text-decoration: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
a.url:hover  {
	color: #F46B1B;
}

form th, table.contact th{
	text-align:left;
	font-weight:bold;
}


form table.contact{
	width:600px;
}

input {
	font: 12px/17px Arial, Helvetica, sans-serif;
	color: #0000000;
}
textarea {
	font: 12px/17px Arial, Helvetica, sans-serif;
	color: #0000000;
}
input.submit{
	border-top: 0px solid #973125;
	border-left: 0px solid #973125;
	border-bottom: 1px solid #973125;
	border-right: 1px solid #973125;
}

.mandatory{
	color:#973125;
}

.warning{
	color: #A6151D;
	font: bold 11px Arial, Helvetica, sans-serif;
}

.feuvert{
	color: #006633;
	font: bold 11px Arial, Helvetica, sans-serif;
}

table.dispos a:link,table.dispos a:visited,table.dispos a:active{
	text-decoration:underline;
}

table.dispos a:hover{
	text-decoration:none;
}


table.dispos th,table.dispos td{
	font-size:10px;
}
table.dispos td.hl{
	font-size:10px;
	color: #A6151D;
}
table.dispos, table.dispos th, table.dispos td{
	border:1px solid #FFFFFF;
}

table.dispos th{
	padding:1px 2px;
	background-color:#973125;
	color:#FFFFFF;
}
table.dispos th.n2{
	background-color:#973125;
}
table.dispos th.n2,table.dispos th.n3{
	padding:1px 1px;
}

table.dispos th.n3{
background-color:#666666;
}
table.dispos th.n3.hl{
background-color:#999999;
}

table.dispos th a:link,table.dispos th a:visited,table.dispos th a:active{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}
table.dispos th a:hover{
	text-decoration:none;
}


.Dispo      { font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none ;  background-color: #FFFFFF; height: 18px; width: 18px; padding:0px; }
.DispoB     { font-size: 11px; color: #EEEEEE; font-weight: bold; text-decoration: none ;  background-color: #EEEEEE; height: 18px; width: 18px;  padding:0px; }
.DispoR     { font-size: 11px; color: #CC0000; font-weight: bold; text-decoration: none ;  background-color: #CC0000; height: 18px; width: 18px;  padding:0px; }
.DispoO     { font-size: 11px; color: #F29200; font-weight: bold; text-decoration: none ;  background-color: #F29200; height: 18px; width: 18px;  padding:0px; }
.DispoV     { font-size: 11px; color: #00CC00; font-weight: bold; text-decoration: none ;  background-color: #00CC00; height: 18px; width: 18px;  padding:0px; }

span.Dispo      { font-size: 16px; }
span.DispoB     { font-size: 16px; }
span.DispoR     { font-size: 16px; }
span.DispoO     { font-size: 16px; }
span.DispoV     { font-size: 16px; }


.Dispo  a:link, .Dispo   a:visited, .Dispo   a:active, .Dispo  a:hover     {  display:block;font-size: 11px; color: #FFFFFF;  background-color: #FFFFFF; height: 100%; width: 100%;}
.DispoB a:link, .DispoB  a:visited, .DispoB  a:active, .DispoB a:hover   {  display:block;font-size: 11px; color: #EEEEEE;  background-color: #EEEEEE; height: 100%; width: 100%;}
.DispoR a:link, .DispoR  a:visited, .DispoR  a:active, .DispoR a:hover    {  display:block;font-size: 11px; color: #CC0000;  background-color: #CC0000; height: 100%; width: 100%;}
.DispoO a:link, .DispoO  a:visited, .DispoO  a:active, .DispoO a:hover   {  display:block;font-size: 11px; color: #F29200;  background-color: #F29200; height: 100%; width: 100%;}
.DispoV a:link, .DispoV  a:visited, .DispoV  a:active, .DispoV a:hover    {  display:block;font-size: 11px; color: #00CC00;  background-color: #00CC00; height: 100%; width: 100%;}


.lactu, .llien{
	border:1px solid #666666;
padding:3px;
margin:0px 0px 10px 0px;
height:100%;
overflow:auto;
	color:#000000;

}
.lactu .image{
float:left;
height:100%;
	margin: 6px 16px 0px 0px;
}
.lactu .date{
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	display:inline;
	color: #666666;

}
.llien .titre{
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	display:block;
	color: #666666;
	padding-left:10px;
}
.lactu .titre,.llien .lien{
	display:inline;
	padding-left:10px;
}

.lactu a:active,.lactu a:link,.lactu a:visited{
	color: #666666;
	text-decoration: underline;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.lactu a:hover{
	color: #973125;
	text-decoration: none;
}

.resume{
	font: 11px/18px Arial, Helvetica, sans-serif;
	color:#666666;
	padding-bottom:10px;
	text-align:left;
	margin-top:6px;
}

.descriptif{
	font: 11px/18px Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom:10px;
	text-align:justify;
}

.images{
	text-align:center;
	margin-bottom:20px;
}
.images table{
	margin:0 auto;
}

.images td div{
	float:left;
	text-align:center;
	border:1px solid #666666;
	margin:0 auto;
	padding:3px;
}
.fichiers{
	text-align:center;
	margin-bottom:20px;
}


.fichiers div{
	float:none;
	text-align:left;
	margin:0 auto;
	padding:3px;
}

.actulien{
	margin-bottom:5px;
}

.actunav{
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}
.actunav .nb{
	color: #666666;
	font-weight: bold;
}
.actunav .nball{
	color: #973125;
	font-weight: bold;
}

.actunav a.lien:active, .actunav a.lien:visited, .actunav a.lien:link{
	font-family: Arial, Helvetica, sans-serif;
	color: #973125;
	font-weight: bold;
	text-decoration: underline;
	font-size:11px;
}

.actunav a.lien:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	font-size:11px;
}

.lactu .resume{
	padding-bottom:0px;
	color:#000000;
	font: 11px/18px Arial, Helvetica, sans-serif;

}

.lactu .resume a:active,.lactu .resume a:link,.lactu .resume a:visited{
	display:block;
	float:right;
	color: #973125;
	text-decoration: none;
	font: bold 11px Arial, Helvetica, sans-serif;
}
.lactu .resume a:hover{
	display:block;
	float:right;
	color: #973125;
	text-decoration: underline;
}

a.actulien:link, a.actulien:active, a.actulien:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color: #973125;
}

a.actulien:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#973125;
	text-decoration: underline;
}







table.tarifs a:link,table.tarifs a:visited,table.tarifs a:active{
	text-decoration:underline;
}

table.tarifs a:hover{
	text-decoration:none;
}


table.tarifs th,table.tarifs td{
	font-size:10px;
}
table.tarifs td.hl{
	font-size:10px;
	color: #A6151D;
}
table.tarifs, table.tarifs th, table.tarifs td{
	border:1px solid #FFFFFF;
}

table.tarifs th{
	padding:1px 2px;
	background-color:#973125;
	color:#FFFFFF;
}
table.tarifs th.n2{
	text-align:left;
	background-color:#CCCCCC;
	color:#000000;
}
table.tarifs th.n2,table.tarifs th.n3{
	padding:1px 1px;
}

table.tarifs th.n3{
background-color:#666666;
}
table.tarifs th.n3.hl{
background-color:#999999;
}

table.tarifs th a:link,table.tarifs th a:visited,table.tarifs th a:active{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}
table.tarifs th a:hover{
	text-decoration:none;
}
table.tarifs td{
	text-align:center;
}

#carte {
	height: 356px;
	width: 540px;
	position: absolute;
	left: 130px;
	top: 64px;
}
#acces {
	height: auto;
	width: 227px;
	position: absolute;
	left: 0px;
	top: 64px;
}
.imagecentre {
	padding: 10px;
	border: 1px solid #000000;
	margin: 10px;
	width: auto;
	text-align: center;
}
.imagegauche {
	float: left;
	padding: 0px;
	border: none;
	margin: 0px 16px 10px 0px;
}
.imagedroite {
	float: right;
	padding: 0px;
	border: none;
	margin: 0px 0px 10px 16px;
}