/* CSS Document */

body {
	background 				: #FFF url(../../images/tourism2/bando1.gif) no-repeat left top;
	color 					: #000;
	font 					: normal 10px Verdana, arial, helvetica, sans-serif;
	margin 					: 0;
	padding 				: 0;
	text-align 				: left;
}


/*--------------------------------*/
h1 {
	font 					: 500 16px Arial, Helvetica, sans-serif;
	font-style 				: italic;
	line-height 			: 22px;
	color 					: #999;
}

h2 {
	font 					: 600 9px Arial, Helvetica, sans-serif;
	color 					: #999;
	text-align  			: center;
	vertical-align 			: middle;
	margin 					: 0 5px;
}

h5 {
	font-family 			: Verdana, Arial, Helvetica, sans-serif;
	font-weight 			: 600;
	color 					: #999;
}

h6 {
	font 					: 500 10px Arial, Helvetica, sans-serif;
	text-indent 			: 5px;
	letter-spacing 			: 1px;
	padding-right 			: 5px;
	line-height 			: 12px;
}

li {
	list-style-type 		: none;
	text-decoration 		: none;
	font 					: 500  9px Verdana, Arial, Helvetica, sans-serif;
	line-height 			: 12px;
	height 					: 14px;
	padding-right 			: 5px;
	list-style-image 		: url(../../cmn/img/gui/puce.jpg);
}

a {
	text-decoration 		: none;
	color 					: #900;
}

a:hover {
	color 					: #000;
/*	cursor 					: help;
	cursor 					: hand;*/
	text-decoration 		: underline;
}


img {
	padding 				: 0;
	margin 					: 0;
}

p {
	font 					: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-align 				: left;
	margin 					: 5px  10px;
}

/*--------------------------------------------------------------------*/
.lettrine {
	font 					: 600 12px Verdana, Arial, Helvetica, sans-serif;
	color 					: #900;
}

.rouge {
	color 					: #900;
}

.liensgeneric {
	font 					: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color 					: #999999;
	text-align 				: center;
	height 					: 20px;
	width 					: 150px;
	border-right 			: solid 1px #999;
	border-left 			: solid 1px #999;
}

.tablorub {
	border 					: solid 1px #666;
	border-top 				: none;
}

.blablatablo {
	font 					: normal 10px Verdana, Arial, Helvetica, sans-serif;
	height 					: 20px;
	margin 					: 2px 5px;
	padding 				: 2px 5px;
}


.blablatablo {
	height 					: 24px;
	margin 					: 5px;
	padding 				: 5px;
}

.bordure {
	border-left 			: solid 1px #CCC;
}

bordure G {
	border-left 			: solid 1px #900;
}

.traitCie {
	border-top 				: solid 1px #900;
	border-right 			: solid 1px #900;
	font 					: normal 10px Verdana, Arial, Helvetica, sans-serif;
	height 					: 15px;
	margin 					: 0 10px;
	padding 				: 0 10px;
}

.blabla {
	font 					: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding 				: 5px 5px 5px 10px;
}

.titre_randoCopie {
	font 					: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color 					: #333;
	letter-spacing 			: 2px;
}

.tablo_randoCopie {
	border-bottom 			: solid 1px #000;
	padding-left 			: 10px;
}

.sous_rubriques {
	font 					: bold 9px Verdana, Arial, Helvetica, sans-serif;
	line-height 			: 12px;
	color  					: #666;
	border 					: solid 1px #900;
	border-top 				: none;
	background 				: #FFFFFF;
}

.colonnes_expo {
	font 					: bold 9px Verdana, Arial, Helvetica, sans-serif;
	padding 				: 5px 5px 5px 10px;
}

.col_G_expo {
	font 					: bold 9px Verdana, Arial, Helvetica, sans-serif;
	padding 				: 5px 5px 5px 10px;
	border-right 			: solid 1px #900;
}



.titre_manif {
	font  					: bold 20px "Courier New", Courier, mono;
	border					: none;
}

.tablo_manif {
	border-top 				: solid 1px #999;
	border-left 			: solid 1px #999;
	font 					: normal 10px Verdana, Arial, Helvetica, sans-serif;
	margin 					: 5px 5px 5px 10px;
	padding 				: 5px  5px 5px 10px;
}

.bouton {
	font  					: bold 10px Verdana, Arial, Helvetica, sans-serif;
	background 				: #900;
	border 					: solid 2px #CCC;
	color  					: #FFF;
}


/*---------------------------------------------
LES TITRE
-----------------------------------------------*/

#titre {
	margin 					: 0 0 40px 0;
	padding 				: 0;
}

#titre h1 {
	font 					: bold 13px Geneva, Arial, Helvetica, sans-serif;
	font-style 				: normal;
	letter-spacing 			: 1px;
	color 					: #000;
	text-align 				: right;
	padding					: 10px 30px 0 0;
	margin 					: 0;
}

#titre h1.pratique {
	width 					: 600px;
	background 				: url(../../cmn/img/gui/pct-pratique.gif) no-repeat right top;
}

#titre h1.other {
	width 					: 760px;
	background 				: url(../../cmn/img/gui/pct-pratique.gif) no-repeat right top;
}

#titre h1.evenements {
	width 					: 520px;
	background 				: url(../../cmn/img/gui/pct-events.gif) no-repeat right top;
}

#titre h1.shopping {
	width 					: 440px;
	background 				: url(../../cmn/img/gui/pct-shopping.gif) no-repeat right top;
}

#titre h1.art {
	width 					: 370px;
	background 				: url(../../cmn/img/gui/pct-art.gif) no-repeat right top;
}

#titre h1.gastronomie {
	background 				: url(../../cmn/img/gui/pct-gastronomie.gif) no-repeat 300px top;
	padding 				: 10px 0 0 330px;
	text-align 				: left;
}

#titre h1.sejour {
	background 				: url(../../cmn/img/gui/pct-sejour.gif) no-repeat 220px top;
	padding 				: 10px 0 0 250px;
	text-align 				: left;
}

#titre h1.decouverte {
	background 				: url(../../cmn/img/gui/pct-decouverte.gif) no-repeat 140px top;
	padding 				: 10px 0 0 170px;
	text-align 				: left;
}

#titre h1.presse {
	width 					: 675px;
	background 				: url(../../cmn/img/gui/pct-pratique.gif) no-repeat right top;
}

/*--------------------------------------
FOOTER
--------------------------------------*/

#footer {
	text-align 				: center;
	margin-top 				: 20px;
}


/*---------------------------------------
CONTENU
----------------------------------------*/

#contenu {
	margin 					: auto;
	width 					: 760px;
}

#contenu h1 {
	text-align 				: left;
	color 					: #000;
	font 					: bold 12px Arial, Helvetica, sans-serif;
	line-height 			: 14px;
	letter-spacing 			: 1pt;
	font-style  			: normal;
	margin 					: 5px  10px;
}

.genre_manif,
#contenu h3 {
	font 					: bold 17px Geneva, Arial, Helvetica, sans-serif;
	color 					: #900;
	text-align 				: center;
}

#contenu h2 {
	font 					: bold 17px Verdana, arial, helvetica, sans-serif;
	color 					: #900;
	margin 					: 0 0 30px 0;
}

#contenu h2 .datelieu {
	font 					: normal 13px Verdana, arial, helvetica, sans-serif;
	color 					: #666;
	margin 					: 0;
	display 				: block;
}

#contenu a.linkdetail {
	font 					: bold 12px Geneva, Arial, Helvetica, sans-serif;
	color 					: #000;
	display 				: block;
	text-align 				: right;
}

#contenu a.linkdetail2 {
	font 					: bold 12px Geneva, Arial, Helvetica, sans-serif;
	color 					: #000;
	display 				: block;
	text-align 				: left;
	clear					: both;
}

#contenu p.line {
	display 				: block;
	clear 					: both;
}

#contenu p.redline {
	display 				: block;
	clear 					: both;
	border-top 				: 1px solid #900;
	margin 					: 20px 10px 10px 10px;
	font-size 				: 1px;
}

#contenu p.intro {
	font 					: bold 11px verdana, arial, helvetica, sans-serif;
	color 					: #666;
}

#contenu p.xsmal {
	font-size				: xx-small;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	margin 					: 3px 0;
}

#contenu h5 {
	font 					: bold 12px Verdana, arial, helvetica, sans-serif;
	color 					: #900;
	margin 					: 5px 10px 0 10px;
}

#contenu div.texte550 {
	width 					: 600px;
	margin 					: auto;
}

#contenu h5 .datelieu {
	font 					: normal 11px Verdana, arial, helvetica, sans-serif;
	color 					: #666;
	margin 					: 0;
	display 				: block;
}

#contenu h4 {
	font 					: normal 12px Verdana, arial, helvetica, sans-serif;
	color 					: #666;
	margin 					: 5px 10px;
}

/*-----------------------------------------
SPECIAL AGENDA
-----------------------------------------*/

#contenu #agenda .agendaBloc {
	display 				: block;
	width 					: 350px;
	text-align 				: left;
	float 					: left;
	padding 				: 0;
	margin 					: 0 20px 10px 0;
}

#contenu #agenda .photo {
	float 					: left;
	margin 					: 0 10px 10px 0;
}

#contenu #agenda h5 {
	font 					: bold 12px Verdana, arial, helvetica, sans-serif;
	color 					: #900;
	margin 					: 0;
}

#contenu #agenda h5 .datelieu {
	font 					: normal 11px Verdana, arial, helvetica, sans-serif;
	color 					: #666;
	margin 					: 0;
	display 				: block;
}

#contenu #agenda h4 {
	font 					: normal 12px Verdana, arial, helvetica, sans-serif;
	color 					: #666;
	margin 					: 0;
}

#contenu #agenda p {
	margin 					: 5px 0;
}


/*---------------------------------
 SPECIAL IMAGES CALENDRIER
-----------------------------------*/

#contenu div.brevesdetailMedias {
	float 				: right;
	width 				: 269px;
	margin 				: 0 5px 5px 20px;
	padding 			: 0;
}

#contenu div.brevesdetailMedias div.bigimage {
	width 				: 267px;
	margin 				: 0;
	padding 			: 0;
/*	border 				: solid 1px #D1D1D1;*/
	text-align 			: center;
}

#large {
	margin 				: 0;
	padding 			: 0;
}

#contenu div.brevesdetailMedias div#photolist {
	margin 				: 5px 0;
	padding 			: 0;
	width 				: 269px;
}

#contenu div.brevesdetailMedias p {
	margin 				: 5px 0;
	padding 			: 0;
}

#contenu div.brevesdetailMedias #legende {
	text-align 			: center;
}

#contenu div.brevesdetailMedias div#fileUpload {
	border 				: solid 1px #D1D1D1;
	padding-bottom 		: 20px;
}

#contenu div.brevesdetailMedias div#fileUpload h6 {
	border-bottom 		: solid 1px #D1D1D1;
	background 			: #F8F8F0;
	font 				: bold	10px verdana, arial, helvetica, sans-serif;
	margin 				: 0;
	padding 			: 5px 10px;
}

#contenu div.brevesdetailMedias div#fileUpload p {
	margin 				: 5px 10px;
	background 			: url(../../cmn/img/gui/bullet/pictofile.gif) no-repeat 0 0;
	padding-left 		: 20px;
}


/*---------------------------------
TABLEAU des LISTINGS
-----------------------------------*/

#contenu #listing {
	width 				: 100%;
}

#contenu #listing th {
	background 			: #999;
	color 				: #FFF;
	padding 			: 10px 8px;
}

#contenu #listing tr.c1 {
	background  		: #FFF;
}

#contenu #listing tr.c2 {
	background  		: #D3D3D3;
}

#contenu #listing td {
	color 				: #000;
	padding 			: 5px 8px;
	vertical-align 		: top;
}

#contenu #listing td a {
	color 				: #900;
	font-weight 		: bold;
}

#contenu #listing td a:hover {
	color 				: #000;
}

#contenu #listing td.adherent {
	color 				: #000;
	font-weight 		: bold;
	text-transform 		: uppercase;
}

#contenu #listing td.plan {
	color 				: #333;
	font-weight 		: bold;
}


/*---------------------------------
PAGE PRATIQUES
-----------------------------------*/

#contenu #pratiqueContents {
	width 				: 530px;
	margin 				: auto;
}

#contenu #pratiqueContents h5 {
	margin 				: 20px 10px 5px 10px;
}

#contenu #pratiqueContents h6 {
	margin 					: 5px 10px;
	font 					: bold 10px Arial, Helvetica, sans-serif;
	color 					: #900;
	padding 				: 0;
	text-indent 			: 0;
	letter-spacing 			: 0;
}

#contenu #pratiqueContents p {
	margin 					: 5px 10px;
}

#contenu #pratiqueContents td {
	text-align 				: left;
	vertical-align 			: top;
}

#contenu #pratiqueContents #photo {
 	padding-left 			: 10px;
	width 					: 110px;
}

#contenu #pratiqueContents #photo img {
	width 				: 100px;
}

#contenu #pratiqueContents p.anglais {
	font 					: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color 					: #900;
	text-align  			: left;
	margin 					: 5px;
	font-style  			: italic;
}

#contenu #pratiqueContents p.adresse {
	font-weight 			: bold;
}



/*-----------------------------------------
SPECIAL GALERY :: RUBRIQUES
-----------------------------------------*/

#contenu #galery h4 {
	font 					: normal 12px Verdana, arial, helvetica, sans-serif;
	color 					: #900;
	margin 					: 10px 10px 15px 10px;
}

#contenu #galery h4 .small {
	font 					: normal 10px Verdana, arial, helvetica, sans-serif;
	color 					: #333;
}

#contenu #galery p.line {
	display 				: block;
	clear 					: both;
	margin 					: 0;
	padding 				: 0;
	height 					: 0;
}

#contenu #galery p {
	margin 					: 1px 10px 15px 10px;
}

#contenu #galery h4 a {
	font 					: normal 10px Verdana, arial, helvetica, sans-serif;
}

#contenu #galery h4 a:hover {
	text-decoration 		: none;
}

#contenu #galery .galeryBloc {
	display 				: block;
	width 					: 150px;
	height 					: 200px;
	text-align 				: left;
	float 					: left;
	padding 				: 0;
	margin 					: 0 10px 10px 10px;
	/*border 					: solid 1px #666;*/
}

#contenu #galery .galeryBloc img {
	margin 					: 0;
}

#contenu #galery .galeryBloc h4 {
	font 					: normal 10px Verdana, arial, helvetica, sans-serif;
	color 					: #000;
	margin 					: 5px 0;
	display 				: block;
	height 					: 35px;
	vertical-align 			: bottom;
	text-align 				: right;
}

#contenu #galery .galeryBloc h4 a,
#contenu #galery .galeryBloc h4 a:hover {
	font 					: normal 11px Verdana, arial, helvetica, sans-serif;
	display 				: block;
	float 					: left;
	width 					: 110px;
	text-align 				: left;
}

#contenu #galery .galeryBloc h4 a:hover {
	text-decoration 		: none;
}

/*-----------------------------------------
SPECIAL GALERY :: detail photos
-----------------------------------------*/

#contenu #galery .GphotoBlocG {
	display 				: block;
	width 					: 340px;
	text-align 				: left;
	float 					: left;
	padding 				: 0;
	margin 					: 5px 20px 5px 10px;
}

#contenu #galery .GphotoBlocG  table {
	float 					: left;
	margin 					: 0 10px 0 0;
}

#contenu #galery .GphotoBlocG table td {
	width 					: 150px;
	height 					: 150px;
	border 					: 1px solid #CCC;
	text-align 				: center;
	vertical-align 			: middle;
	padding 				: 0;
}

#contenu #galery .GphotoBlocG h4 {
	font 					: normal 11px Verdana, arial, helvetica, sans-serif;
	color 					: #000;
	margin 					: 10px 0 10px 0;
	text-align 				: left;
}

#contenu #agenda .GphotoBlocG p {
	margin 					: 15px 0;
}


/*-----------------------------------------
SPECIAL DOSSIER DE PRESSE
-----------------------------------------*/

#contenu #communique h4 {
	font 					: normal 11px Verdana, arial, helvetica, sans-serif;
	color 					: #900;
	margin 					: 10px 10px 15px 10px;
}

#contenu #communique div#texte {
	display 				: block;
	width 					: 340px;
	float 					: left;
	margin 					: 0 30px 5px 0;
}

#contenu #communique p.line {
	clear 					: both;
}

#contenu #communique div#fileUpload {
	display 				: block;
	width 					: 330px;
	float 					: left;
	border 					: solid 1px #D1D1D1;
	text-align 				: left;
	padding 				: 0;
	margin 					: 5px 20px 5px 10px;
}

#contenu #communique div#fileUpload h6 {
	border-bottom 			: solid 1px #D1D1D1;
	background 				: #F8F8F0;
	font 					: bold	10px verdana, arial, helvetica, sans-serif;
	margin 					: 0;
	padding 				: 5px 10px;
}

#contenu #communique div#fileUpload p{
	margin 					: 5px 10px;
	padding 				: 0;
	background 				: url(../../cmn/img/gui/pct-pdf.gif) no-repeat 0 0;
	padding 				: 0 0 5px 20px;
}

#contenu #communique .photoBloc {
	display 				: block;
	width 					: 340px;
	text-align 				: left;
	float 					: left;
	padding 				: 0;
	margin 					: 0 20px 0 10px;
}

#contenu #communique .photoBloc  table {
	float 					: left;
	margin 					: 0 10px 5px 0;
}

#contenu #communique .photoBloc table td {
	width 					: 150px;
	height 					: 150px;
	border 					: 1px solid #CCC;
	text-align 				: center;
	vertical-align 			: middle;
	padding 				: 0;
}

#contenu #communique .photoBloc h4 {
	font 					: normal 11px Verdana, arial, helvetica, sans-serif;
	color 					: #000;
	margin 					: 10px 0 10px 0;
	text-align 				: left;
}

#contenu #communique .photoBloc p {
	margin 					: 15px 0;
}

#contenu #communique h5 {
	font 					: normal 12px Verdana, arial, helvetica, sans-serif;
	color 					: #900;
	margin 					: 0;
}

#contenu #communique h5 .datelieu {
	font 					: normal 11px Verdana, arial, helvetica, sans-serif;
	color 					: #666;
	margin 					: 0;
	display 				: block;
}