/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(/images/interface/bgpage.jpg) center repeat-y #FFFFFF;
}
.body_print {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(../images/interface/bgpage_print.jpg) left repeat-y #FFFFFF;
}
.hcif {
	background:url(../images/interface/fond_deg_jaune_v.jpg) left repeat-x #FFFFFF;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.header {
	height:30px;
	line-height:21px;
	border-bottom:1px solid #ffffff;
	color:#666666;
	background:url(../images/interface/bgheader.jpg) repeat-x ;
}
.header_plus {
	border-top:1px solid #cccccc;
	height:30px;
	color:#666666;
	background:url(../images/interface/bgheader.jpg) repeat-x ;
	font-size: 11px;
}
.header_print {
	height:50px;
	border-bottom:1px solid #ffffff;
	color:#666666;
	background:url(../images/interface/bgheader_print.jpg) repeat-x ;
}
.headtext:link {
	color:#444444;
}
.headtext:visited {
	color:#444444;
}
.headtext:hover {
	color:#000000;
}
.headtext:active {
	color:#000000;
}
.footer {
	height:70px;
	color:#333333;
	background:url(/images/interface/bgfooter.jpg) repeat-x ;
	text-align:left;
	padding-left: 30px;
}
.left {
	background: #ffffff;
	border-right:1px solid #ADADAD;
	border-left:1px solid #ffffff;
}
.center {
	background: #ffffff;
}
.right {
	background: #ffffff;
	border-left:1px solid #ADADAD;
	border-right:1px solid #ffffff;
}

a:link {
	color: #555555;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #555555;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
.formuid {
	font-family: verdana;
	font-size: xx-small;
	height: 10px;
	width: 80px;
}
.searchleft {
	background: #ffffff;
	width:180px;
}
iframe {
	border: 0px solid #ffffff;
}

.bleu:link {
	color:#368CD5;
}
.bleu:visited {
	color:#368CD5;
}
.bleu:hover {
	color:#666666;
}
.bleu:active {
	color:#666666;
}
.blanc:link {
	color:#ffffff;
}
.blanc:visited {
	color:#ffffff;
}
.blanc:hover {
	color:#ffffff;
	text-decoration:underline;
}
.blanc:active {
	color:#ffffff;
	text-decoration:underline;
}
.vert:link {
	color:#69CC00;
}
.vert:visited {
	color:#69CC00;
}
.vert:hover {
	color:#666666;
}
.vert:active {
	color:#666666;
}
.creme:link {
	color:#B6D4F0;
}
.creme:visited {
	color:#B6D4F0;
}
.creme:hover {
	color:#ffffff;
}
.creme:active {
	color:#ffffff;
}
.rose:link {
	color:#FF2EF9;
}
.rose:visited {
	color:#FF2EF9;
}
.rose:hover {
	color:#666666;
}
.rose:active {
	color:#666666;
}
.orange:link {
	color:#FF6902;
}
.orange:visited {
	color:#FF6902;
}
.orange:hover {
	color:#666666;
}
.orange:active {
	color:#666666;
}
.gris:link {
	color:#000000;
}
.gris:visited {
	color:#000000;
}
.gris:hover {
	color:#666666;
}
.gris:active {
	color:#666666;
}
iframe {
	border:no;
}
.cadreacc1 {
	padding:10px;
	padding-top: 0px;
}
.cadreacc2 {
	border-right: 10px solid #ffffff ;
	text-align: center;
}
.acc2:link {
	color: #154C7C;
	text-decoration: none;
	font-weight: bold;
}
.acc2:visited {
	text-decoration: none;
	color: #154C7C;
	font-weight: bold;
}
.acc2:hover {
	text-decoration: underline;
	color: #154C7C;
	font-weight: bold;
}
.acc2:active {
	text-decoration: underline;
	color: #154C7C;
	font-weight: bold;
}
.bgtitlecontenu {
	text-transform:none ;
	font: "Times New Roman", Times, serif;
	font-size: 24px;
	background: url(../images/interface/bgtitlecontenu.jpg) no-repeat left #DCEFFF;
	height: 47px;
	vertical-align:center;
	line-height:47px;
	padding-left: 20px;
	width:334;
}
h1 {
	text-transform:none ;
	font: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #707070 ;
	vertical-align:middle;
	line-height:24px;
	padding: 0px;
	text-align: center ;
	padding-bottom: 5px;
	border-bottom: solid 1px #CCCCCC;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
h2 {
	text-transform:none ;
	font-weight: bolder;
	font:Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align:left;
	color: #444444;
	padding-bottom: 5px;
	border-bottom:  1px dashed #CCCCCC;
}
h6 {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:16px;
	margin: 0px;
	vertical-align:bottom;
	height:20 px;
	margin-top:10px;
	color:#FFFFFF;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-top: 0px;
	margin-bottom: 10px;
	vertical-align:bottom;
	height:24 px;
	color:#ffffff;
	background: #216DB2 url(../images/interface/bgh5.jpg);
	line-height:24px;
	padding-left: 20px;
	text-align:left;
}


h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	vertical-align:bottom;
	height:16 px;
	color:#444444;
	line-height:16px;
	margin:0px;
	padding-left: 15px;
}
p {
	text-transform:none ;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
}
.hrtitre {
	color:#CCCCCC;
	height:1px;
}
.tabcontenu {
	padding-top: 0 px;
	padding-bottom: 0 px;
	padding-left: 20 px;
	padding-right: 20 px;
	
}
table {
	padding-bottom: 0px ;
	padding-top: 0px ;
}
hr {
	background:#CCCCCC;
	height: 1px;
}
select {
	color:#154C7C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:normal;
	font-weight:bold;
}
li {
	padding-top:10px;
}
.titremenu1 {
	background: url(../images/interface/menu/bgBleuFonce.gif) repeat-x ;
	width: 180px;
	height: 30px;
	line-height:30px;
	font: Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform:uppercase;
	color:#ffffff;
	text-align:center;
	padding:0;
}
.titremenu2 {
	background: url(../images/interface/menu/bgBleuClair.gif) repeat-x ;
	width: 180px;
	height: 30px;
	line-height:30px;
	font: Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform:uppercase;
	color:#ffffff;
	padding:0;
	text-align:center;
}
.titremenu3 {
	background: url(../images/interface/menu/bgVert.gif) repeat-x ;
	width: 180px;
	height: 30px;
	line-height:30px;
	font: Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform:uppercase;
	color:#ffffff;
	text-align:center;
	padding:0;
}
.titremenu4 {
	background: url(../images/interface/menu/bgOrange.gif) repeat-x ;
	width: 180px;
	height: 30px;
	line-height:30px;
	font: Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform:uppercase;
	color:#ffffff;
	text-align:center;
	padding:0;
}
.titremenu5 {
	background: url(../images/interface/menu/bgRose.gif) repeat-x ;
	width: 180px;
	height: 30px;
	line-height:30px;
	font: Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform:uppercase;
	color:#ffffff;
	text-align:center;
	padding:0;
}
.titrecellulebleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
	background:#C6E2FF;
}
.cellulebleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
	background:#C6E2FF;
}
.cellulebleuBgCtr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
	background:#C6E2FF;
	text-align:center;
	font-size: 14px;
}
.celluleorange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #332C00;
	background:#FFEB75;
}
input {
	border: 1px solid #aaaaaa;
	background: url(../images/interface/bgINPUT.png) repeat-x #ffffff;
	text-align:center;
	height: 20px;
	line-height:20px;
	color: #666666;
	margin:2px;
}
.td_std {
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.legende {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-align:justify;
}
.petit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
.ital_gris {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	font-style:italic;
}
.td_tempo {
	border:1px solid #62157F;
	padding:10px;
	color:#000000;
}
.hotellerie {
	background: url(/images/interface/hostellerie/BGPage.jpg) bottom center no-repeat  #DFD28F;
}
.txt_bleu {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #368CD5
}
.txt_vert {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #69CC00
}
.txt_orange {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FF6902
}
.txt_rose {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FF2EF9
}
.cadre_bleu {
	padding-top: 2px;
	padding-bottom: 2px;
	background: #E6F2FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 10px;
	color: #000000;
	border-bottom:1px solid #003366;
	border-top:4px solid #206BAE;
}
.separateur {
	border-bottom:  1px dashed #CCCCCC;
	font-size: 1px;
}
.agenda_selection {
	background: #FFFFFF;
	color:#FFFFFF;
	border-bottom:  1px solid #000000;
	border-top:  1px solid #000000;
	border-left:  1px solid #000000;
	border-right:  1px solid #000000;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}


/* mise en place du style de la page d'accueil */

/* style du tableau principal */
.tab_pa {
	border-left:8px solid #ffffff;
	border-right:8px solid #ffffff;
}

.top_1 {
	background: url(images/interface/accueil_v2/top_1.jpg) no-repeat bottom;
	padding-top: 2px;
}
.content-1 {
	background: #e6f2ff ;
	padding-left: 8px;
	padding-right: 8px;
}
.bottom_1 {
	background: url(images/interface/accueil_v2/bottom_1.jpg) no-repeat bottom #e6f2ff;
	padding-top: 3px;
}
h1.top_1 {
	background: transparent;
	color:#154C7C;
	text-align:left;
	padding-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	border:0;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
	margin:0;
	line-height:26px;
}
a:link.bottom_1 {
	font-weight:normal;	
	color:#006699;
	background:transparent;
	border:#000000;
}
a:hover.bottom_1 {
	font-weight:normal;	
	color:#000000;
	background:transparent;
	border:#000000;
}
a:active.bottom_1 {
	font-weight:normal;	
	color:#006699;
	background:transparent;
	border:#000000;
}
a:visited.bottom_1 {
	font-weight:normal;	
	color:#006699;
	background:transparent;
	border:#000000;
}
a.bottom_1 {
	font-weight:normal;	
	color:#006699;
	background:transparent;
	border:#000000;
}
p.content-1 {
	padding:0;
	margin:0;
	line-height:12px;
	font-size:10px;
	background:transparent;
}


.top_2 {
	background: url(images/interface/accueil_v2/top_1.jpg) no-repeat bottom;
	padding-top: 2px;
}
.content-2 {
	background: #e6f2ff ;
	padding-left: 8px;
	padding-right: 8px;
	padding-top:0;
	padding-bottom:0;
	vertical-align:middle;
	margin:0;
}
.bottom_2 {
	background: url(images/interface/accueil_v2/bottom_1.jpg) no-repeat bottom #e6f2ff;
}
h1.top_2 {
	background: transparent;
	color:#333333;
	text-align:left;
	padding-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
	margin:0;
	line-height:16px;
	height:14px;
}
p.content-2 {
	padding:0;
	margin:5px;
	line-height:10px;
	font-size:10px;
	background:transparent;
}
hr.content-2 {
	padding:0;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	line-height:12px;
}
a:link.content_2 {
	font-weight:normal;	
	color:#006699;
	background:transparent;
	border:#000000;
}
a:hover.content_2 {
	font-weight:normal;	
	color:#000000;
	background:transparent;
	border:#000000;
}
a:active.content_2 {
	font-weight:normal;	
	color:#006699;
	background:transparent;
	border:#000000;
}
a:visited.content_2 {
	font-weight:normal;	
	color:#006699;
	background:transparent;
	border:#000000;
}
a.content_2 {
	font-weight:normal;	
	color:#006699;
	background:transparent;
	border:#000000;
}





.top_3 {
	background: url(images/interface/accueil_v2/top_1.jpg) no-repeat bottom;
	padding-top: 2px;
}
.content-3 {
	background: #e6f2ff ;
	padding-left: 8px;
	padding:0;
}
.bottom_3 {
	background: url(images/interface/accueil_v2/bottom_1.jpg) no-repeat bottom #e6f2ff;
}
h1.top_3 {
	background: transparent;
	color:#0e576e;
	text-align:left;
	padding-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
	margin:0;
	line-height:16px;
}

div.venir {
	width:135px;
	height:36px;
	background:url(images/interface/accueil_v2/venir.jpg) left no-repeat;
	float:left;
	display:inline;
	text-align:right;
	padding-right:15px;
	border-right:1px dashed #ffffff;
}
div.vivre {	
	width:135px;
	height:36px;
	background:url(images/interface/accueil_v2/vivre.jpg) left no-repeat;
	float:left;
	display:inline;
	text-align:right;
	padding-right:15px;
	border-right:1px dashed #ffffff;
}
div.voir {	
	width:135px;
	height:36px;
	background:url(images/interface/accueil_v2/voir.jpg) left no-repeat;
	float:left;
	display:inline;
	text-align:right;
	padding-right:15px;
	border-right:1px dashed #ffffff;
}
div.savoir {	
	width:135px;
	height:36px;
	background:url(images/interface/accueil_v2/savoir.jpg) left no-repeat;
	float:left;
	display:inline;
	text-align:right;
	padding-right:5px;
}

.flashImage {
	padding-top:8px;
	padding-left:0;
	padding-right:0;
	margin:0;
}

.content_gauche {
	padding-right:10px;
}

.content_droite {
}

div.classique {
	width:190px;
	height:50px;
	float:left;
	display:inline;
	text-align:left;
	border-right:1px dashed #333333;
	padding-left:10px;
	margin-bottom:10px;
}
div.service {	
	width:190px;
	height:50px;
	float:left;
	display:inline;
	text-align:left;
	padding-left:10px;
	margin-bottom:10px;
}
div.voyage {	
	width:190px;
	height:50px;
	float:left;
	display:inline;
	text-align:left;
	padding-left:10px;
	margin-bottom:10px;
	border-right:1px dashed #333333;
}
div.reservations {	
	width:595px;
	float:left;
	display:inline;
	text-align:left;
	padding:10px;
	margin-bottom:10px;
	border-top:3px solid #206bae;
	border-bottom:1px solid #003366;
	background:#e6f2ff;
}



h1.titrebloc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top: 0px;
	margin-bottom: 10px;
	vertical-align:bottom;
	height:25px;
	color:#ffffff;
	background: #216DB2 url(../images/interface/bgh5.jpg);
	line-height:25px;
	padding-left: 20px;
	text-align:left;
	text-transform: lowercase;
}
h2.titrebloc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:bottom;
	height:16 px;
	color:#444444;
	line-height:14px;
	margin:0px;
	padding-left: 15px;
}

/* fin de la mise en place de la page d'accueil

/* liens sur le menu de gauche */

a:link.menu_gauche {
	color:#ffffff;

}
a:hover.menu_gauche {
	color:#ffffff;
	text-decoration:underline;

}
a:active.menu_gauche {
	color:#ffffff;

}
a:visited.menu_gauche {
	color:#ffffff;

}
a.menu_gauche {
	color:#ffffff;

}

/* fin des liens du menu de gauche */

.actu {
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}