/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0;
	padding: 0;
	}
 
a:hover {
	text-decoration: underline !important;
	}


.float_left {
	float: left;
	}
.clear_both {
	clear: both;
	}

#page {
	background: url(/images/page_fd.jpg) center top no-repeat;
	}

	#colhg_fd {
		background: url(/images/bandeau_fd_gauche.png) left top repeat-x;
		height:auto;
		}
	#colhd_fd {
		background: url(/images/bandeau_fd_droite.png) left top repeat-x;
		height:auto;
		}
	#colbg_fd {
		background: url(/images/baspage_fd_gauche.png) left top repeat-x;
		height:auto;
		}
	#colbd_fd {
		background: url(/images/baspage_fd_droite.png) left top repeat-x;
		height:auto;
		}

		#colonne {
			float: left;
			width: 225px;
			}
			#colonne a {
				text-decoration: none;
				}
			#colonne_fd {
				width: 225px;
				padding-bottom: 75px;
				background: url(/images/colonne_gauche_fd.png) left top repeat-y;
				}
				#a_decouvrir a {
					color: #0075b8;
					font-weight: bold;
				}
				#vie_station a {
					font-weight: bold;
					color: #3a7932;
				}
				#vie_station dt {
					cursor: pointer;
				}
				#vie_station .sousMenu {
					list-style-type: none;
					margin-left: -30px;
				}
				#vie_station .sousMenu li{
					padding-left: 20px;
					background: url(/images/fleche_noire.png) 10px 3px no-repeat;
				}
				#vie_station #sousMenu1 a, #sousMenu2 a, #sousMenu3 a{
					color: black;
					font-weight:normal;
				}
				
		#menu {
			float: left;
			padding-top: 54px;
			height: 115px;
			color: white;
			font-size: 12px;
			margin-bottom:-40px;
			}
			#menu a {
				color: white;
				font-weight: bold;
				text-decoration: none;
				margin: 0px 4px;
				}
			#menu a.on {
				color: #ffd850;
				}

	#bas_page {
		padding: 32px 0px 5px 10px;
		height: auto;
		background: url(/images/courbe_bas_page.png) left top no-repeat;
		color: white;
		}
		#bas_page a {
			color: white;
			}
			
.grand_titre { 
height : 35px;
width : 94%;
color : #1f71ad;
font-weight : bold;
margin-top : 5px;
text-decoration:normal;
background : url(../images/point_espace.png) repeat-x bottom left;
background-position:0px 32px;
} 
.grand_titre img { 
float : left;
padding : 18px 0 0 0;
}
.grand_titre h1 { 
float : left;
font-size : 15px;
text-indent : 10px;
padding : 5px 0 0 0;
}

/*****************
* Moteur recherche *
******************/
#recherche
{
	height:100%;
	width: 185px;
	margin-left:0px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:12px;
	padding-left: 10px;
}
#milieu_recherche
{
	background : url(../images/milieu_recherche.png) repeat-y;
	padding-left:10px;
	margin:0;
}
#milieu_recherche p
{
	margin:0;
}

.boutonRecherche {
	margin-right:15px;
	padding-top:7px;
	padding-right:5px;
}

/*****************
*	 Liste	              *
******************/
.produit
{ 
	height:90px;
	margin:0;
	width:605px;
	margin-left:20px;
	padding:0;
	background : url(../images/point_espace.png) repeat-x bottom left;
	background-position: 0px 98px;
}
.produit_fin
{ 
	height:102px;
	margin:0;
	margin-left:20px;
	padding:0;
}

.liste_1
 {
	clear:both;
	width:646px;
	margin-left:10px;
	background:#C9F1F9;
} 
#top
{
	margin-bottom:3px;
	margin-left:30px;
}
#bottom
{
	margin-left:30px;
	margin-top:3px;
}
.liste_2 {
	clear:both;
	width:640px;
	margin-left:10px;
} 

.liste_2 .elem_liste 
{ 
	height:90px;
	margin:0;
	margin-left:20px;
	padding:0;
}

.liste_3 {
	clear:both;
	width:620px;
	margin-left:30px;
}

.liste_3 .elem_liste 
{ 
	height:80px;
	background : url(../images/point_espace.png) repeat-x bottom left;
	background-position: 0px 78px;
}

#contenu_liste {
	margin-top:2px;
	margin-bottom:2px;
	width : 646px;
	background:#C9F1F9;
} 

.image_liste
{ 
float : left;
margin-top : 5px;
margin-left : 0px;
margin-right:5px;
width:85px;
height:85px;
} 
.image_liste a img
{ 
border-width:0;
}
.intitule_liste 
{ 
color : #2b8fda;
font-size : 14px;
font-weight : bold;
text-decoration : underline;
padding-top:3px;
} 
.intitule_liste a
{ 
color : #2b8fda;
} 
.ville_liste { 
font-size : 12px;
font-weight : bold;
font-style:italic;
margin:0px;
} 
.texte_liste { 
font-size : 12px;
text-align : left;
}
.info_liste { 
float:left;
text-align : left;
text-indent : 5px;
margin-top:5px;
margin-right:20px;
height:23px;
}
.info_liste img{ 
float: left;
margin:0;
}
.info_liste a{ 
margin:0;
color:black;
font-size : 12px;
float: left;
}

/*****************
*	 FICHE	*
******************/

.intitule_fiche 
{ 
color : #1f71ad;
font-size : 15px;
font-weight : bold;
padding-top:3px;
margin-left:20px;
}  

#nav_fiche
{
	position:absolute;
	margin-top:30px;
	margin-left:450px;
}
#nav_fiche a
{
	font-size: 12px;
	color:black;
}
div.image_fiche
{ 
clear:both;
float : left;
margin-top : 5px;
margin-left : 20px;
margin-right:5px;
margin-bottom:15px;
width:205px;
height:150px;
} 
div.elem_fiche
{
float:left;
width:280px;
}
.elem_fiche img
{
float: left;
margin:0;
}
.elem_fiche a
{
margin:0;
color:black;
font-size : 12px;
float: left;
}
.nom_proprietaire { 
color : black;
font-size : 13px;
font-weight : bold;
padding-top:10px;
} 
.adresse { 
font-size : 13px;
margin:0px;
} 
.texte_fiche { 
font-size : 12px;
text-align : left;
margin-top:10px;
}
.photos
{
clear:both;
text-align : left;
margin-top:26px;
}

#puce_ie
{
	margin:0px;
	margin-top:13px;
	padding:0px;
}
#description
{
	clear:both;
	margin-top:10px;
	margin-left:15px;
	padding-top:5px;
	font-size:12px;
	text-align : justify;
	color:#2072AE;
	width:612px;
	background : url(../images/point_espace.png) repeat-x bottom left;
	background-position: 0px 0px;
}

#caracteristiques
{
	width:617px;
	margin-left:15px;
	margin-top:10px;
}
#entete_tableau
{
	clear:both;
	margin-left:20px;
	background-image:url(../images/fondMenuProd.jpg);
	height: 30px;
	padding-top:10px;
	width: 600px;
}
#entete_tableau a
{
	color:white;
	font-size:14px;
	font-weight:bold;
}
#entete_tableau h1
{
	display:inline;
	color:grey;
	font-size:14px;
	font-weight:bold;
}
.tabloGaucheBlanc
{
	font-weight:bold;
	font-size:13px;
	padding-left:30px;
	color:#2072AE;
	width:200px;
	height:25px;
}
.tabloGaucheBleu
{
	background:#C9F1F9;
	font-weight:bold;
	font-size:13px;
	padding-left:30px;
	color:#2072AE;
	width:200px;
	height:25px;
}
.tabloDroitBlanc
{
	font-size:13px;
	color:#2072AE;
	width:400px;
}
.tabloDroitBleu
{
	font-size:13px;
	color:#2072AE;
	width:400px;
	background:#C9F1F9;
}

.dispoCalendrierD
{

}

/***********************************************/
/* Fiche produit : tableaux des disponibilités */
/***********************************************/

#contenu_dispos {
	width: 600px;
	margin-left:10px;
}

#legendesDispo{
	font-size:77%;
	font-weight:bold;
	clear:both;
}
.legendeItem{
	float:right;
	padding:10px 5px 10px 5px;
}
.legendeEtatD{
	width:17px;
	height:15px;
	float:left;
	background-color:#83E542;
}
.legendeIntituleEtatD{
	float:left;
	color:#83E542;
	padding-left:5px;
}
.legendeEtatI{
	width:17px;
	height:15px;
	float:left;
	background-color:#E50529;
}
.legendeIntituleEtatI{
	float:left;
	color:#E50529;
	padding-left:5px;
}
.legendeEtatL{
	width:17px;
	height:15px;
	float:left;
	background-color:#DDCA63;
}
.legendeIntituleEtatL{
	float:left;
	color:#DDCA63;
	padding-left:5px;
}

.dispoSelectZone{
	font-size: 80%;
	margin-top: 8px;
	color:black;
	float: right;
}
form.dispoZoneForm select {
	font-size: 90%;
	color:black;
}

.dispoSelectZone img {
	border-width:0px;
}


.dispoNavMois {
	font-size: 77%;
	color:black;
	padding: 10px 0 0 0;
	float: right;
}
.dispoNavMois a {
	color:black;
}

#dispoZones{ width:100%; font-size: 60%; color:black; padding-top:3px; clear:both; }
.dispoZoneSepA{
	width:5%;float:left;
	margin:2px 0 0 0;
}
.dispoZoneSepB{
	width:5%;float:left;
	margin:2px 0 0 0;
}
.dispoZoneSepC{
	width:5%;float:left;
	margin:2px 0 0 0;
}
.dispoZoneTitre{
	width:10%;float:left;
	text-transform: uppercase;
	font-weight: bold;
}
.dispoZoneVilles{
	width:85%;float:left;
}

.dispoCalendriers
{ 
	height:140px; 
	clear:both;
	width:600px;
	margin-bottom:20px;
}
.dispoCalendrierPos{ height:100%; float:left; margin-left:30px;}

.dispoCalendrier {
	border: 1px solid #09A1F9;
	padding: 3px 5px;
}
.dispoCalendrier td {
	color:#09A1F9;
	color: #414141;
	/*padding: 3px 3px 3px 3px;*/
	padding: 3px 0px 3px 0px;
	font-size: 9px;
	letter-spacing: 0.1px;
}
.dispoCalendrier caption {
	background:#FFFFFF;
	text-align: center;
	font-weight: bold;
	color:black;
	text-transform: uppercase;
	font-size: 77%;
	padding: 1px 0 5px 0;
}
/* entetes lignes et colonnes */
.dispoEntete, .numSemaine {
	background:#FFFFFF;
	color: #000000;
	text-align: center;
	font-weight: bold;
	font-size: 77%;
}
/* jours passes */
.dispoCalendrier .past {
	text-decoration: line-through;
}
.etatL{ background: #DDCA63; text-align:center;}
.etatD { background: #83E542; text-align:center;}	/* disponible */
.etatI { background: #E50529; color: white; text-align:center;}	/* indisponible : fermé */


.dispoCache{
	display:none;
}
.zone{
	padding:0 3px 0 3px;
}
.zoneA{
	padding:0 3px 0 3px;
	border-bottom:3px solid #5E90A0;
}
.zoneB{
	padding:0 3px 0 3px;
	border-bottom:3px solid #5E90A0;
}
.zoneC{
	padding:0 3px 0 3px;
	border-bottom:3px solid #5E90A0;
}
.zoneAB{
	padding:0 3px 0 3px;
	border-bottom:3px solid #5E90A0;
}
.zoneBC{
	padding:0 3px 0 3px;
	border-bottom:3px solid #5E90A0;
}
.zoneAC{
	padding:0 3px 0 3px;
	border-bottom:3px solid #5E90A0;
}
.calFormatDate{
	font-size: 70%;
	font-weight:normal;
}


/**********************************/
/* Page "Contacts" et formulaires */
/**********************************/

#contenuMilieuContacts {
	width:490px;
	float:left;
}

#contenuDroiteContacts {
	width:367px;
	float:right;
}

#blocContacts{
	width:340px;
}

#texteContacts{
	font-weight:bold;
	font-size:80%;
	color:#2070AB;
	margin-left:20px;
}

#texteContacts p {
	font-weight:normal;
	color:black;
	margin:0;
	padding:0 10px;
	text-align:justify;
}
#texteContacts a {
	color:#2070AB;
}

#texteContacts .bleu_clair {
	color:#68B7F0;
	text-decoration:underline;
	padding:0 10px;
	width:550px;
}

.float{float:left;}
.floatRight{float:right;}

h2.mDroiteContacts {
	background: url(/fileadmin/templates/pmo_tourisme/images/haut_bloc_contact.gif) no-repeat top left;
	color:#fff;
	padding:0 0 0 10px;
	margin:0;
	line-height:32px;
	height:32px;
	font-size:95%;
}

.mDroiteContacts a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.mDroiteContacts a:active {
	text-decoration:underline;
}

.mDroiteContacts a#active {
	text-decoration:underline;
}

.menuDroiteContacts {
	width:327px;
	background: url(/fileadmin/templates/pmo_tourisme/images/fond_bloc_contact.gif) repeat-y top left;
	margin:0 0 10px 0;
	color:#2476D9;
}

.bottomMenuDroiteContacts{
	padding:0 2px 8px 2px;
	background: url(/fileadmin/templates/pmo_tourisme/images/bas_bloc_contact.gif) no-repeat bottom left;
}

.bottomMenuDroiteContacts p {
	margin-top:10px;
	margin-right:20px;
	font-size:90%;
	color:#000000;
	font-weight:normal;
	/*text-align:justify;*/
}

.bottomMenuDroiteContacts p a {
	color:#000000;
	text-decoration:none;
}
.bottomMenuDroiteContacts p a:hover {
	color:#0790E5;
	text-decoration:underline;
}

.mention
{
	float:left;
	font-weight:normal;
	color:#68B7F0;
	font-style:italic;
}

#coordonnees_maisontourisme {
	margin-bottom:10px;
}
#coordonnees_maisontourisme a {
	color:#0790E5;
	text-decoration:underline;
}
#coordonnees_maisontourisme a:hover {
	color:#0790E5;
	text-decoration:none;
}

#contactsFormulaire {
	width:100%;
	clear:both;
	margin:15px 0 0 0;
	padding:0 0 0px 15px;
	font-size:12px;
	text-align:left;
	background: #fff url(/fileadmin/templates/pmo_tourisme/images/fdCritRech.gif) no-repeat bottom left;
}


form {
	border:none;
	margin:0;
	margin-bottom:5px;
	padding:0;
}
fieldset {
	clear:both;
	border:none;
	margin:2px 0 0 0;
	padding:0;
}

.ligneFormulaire{
	clear:both;
	margin:2px 0 0 0;
}

.ligneForm {clear:both;margin:2px 0 0 0; }
.gaucheForm {float:left; width:150px; margin:3px 0 0 0; text-align:right; font-size:90%;}
.gaucheForm2 {float:left; width:40px; margin:3px 0 0 0; text-align:right; font-size:90%;}
.droiteForm {float:left; font-size:90%;}


.droiteForm input {
	font: 100% verdana, arial, helvetica, sans-serif;
	border:1px #0790E5 solid;
}
.droiteForm textarea {
	font: 100% verdana, arial, helvetica, sans-serif;
	border:1px #0790E5 solid;
}
.droiteForm select {
	font: 100% verdana, arial, helvetica, sans-serif;
	border:1px #0790E5 solid;
}
.droiteForm submit {
	margin:20px 20px 5px 0;
	float:right;
}

.ligneSubmitForm{
	margin:20px 20px 5px 0;
	float:right;
}

input.envoyerForm {
	width:94px;
	height:17px;
	line-height:17px;
	text-transform:uppercase;
	background: #0AA1FA url(/fileadmin/templates/pmo_tourisme/images/fdRechercher.gif) no-repeat top left;
	color: #fff;
	text-decoration:none;
	cursor:pointer;
	border: 0;
	font-weight:bold;
	font-size:90%;
}

.coordonnees_contact
{
	margin-left:200px;
	clear:both;
	float:left;
}