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

/* TOURINFRANCE */

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


/* ---------------------------------------------------------
   TIF RECHERCHE
--------------------------------------------------------- */

#content #tifCherche {
	margin-bottom: 30px;
}

#tifCherche .tifTitre {
	background-image: url(http://www.tourisme-vignoble-bastides.com/images/76_flecheGrise.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-top: 0px;
	padding-left: 50px;
	height: 36px;
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a6a6a6;
}

#tifCherche .tifTitre h2 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.1em;
	color: #000;
	line-height: 17px;
	font-weight: bold;
}

#tifCherche .tifTitre h3 {
	display: block;
	margin-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 0.7em;
	color: #000;
}

#tifCherche #tifForm {
	padding: 10px 0px 0px 0px;
	margin: 0;
	border-right-color: #a6a6a6;
	border-right-width: 1px;
	border-right-style: solid;
}

#tifCherche #tifForm .text_tif {
	display: block;
	width: 95%;
	margin-bottom: 10px;
	margin-left: 5px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #000000;
	text-indent: 2px;
}

#tifCherche #tifForm .libtext_tif {
	display: block;
	margin-bottom: 4px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	color: #000000;
}

#tifCherche #tifForm .select_tif {
	display: block;
	width: 95%;
	margin-bottom: 10px;
	margin-left: 5px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #000000;
	text-indent: 2px;
}

#tifCherche #tifForm .libselect_tif {
	display: block;
	margin-bottom: 4px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	color: #000000;
}

#tifCherche #tifForm .checkbox_tif {
	font-size: 5px;
	color: #000000;
	border: 0px solid #C7B39F;
	margin: 0px 0px 0px 5px;
}

#tifCherche #tifForm .libcheckbox_tif {
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	color: #000000;
}

#tifCherche #tifForm .submit {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #fff;
	width: 95%;
	background-color: #a6a6a6;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 15px;
	height: 17px;
	margin-left: 5px;
	font-weight: bold;
}



/* ---------------------------------------------------------
   TIF RESULTAT
--------------------------------------------------------- */


#main #tifResult {
	margin-bottom: 20px;
}


/*-------------------- Affichage des quantités */

#tifResult h3 {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-bottom: 15px;
	color: #625f58;
	font-weight: normal;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	display: block;
}



/*-------------------- Affichage des objets */

#tifResult .objet {
	position: relative;
	margin-bottom: 15px;
}

#tifResult .vignette {
	float: left;
	height: 60px;
	width: 60px;
}

#tifResult .vignette img {
	border: 1px solid #625f58;
	height: 58px;
	width: 58px;
}

#tifResult .resume {
	height: 60px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #625f58;
	margin-left: 65px;
}

#tifResult .titre {
	color: #fff;
	font-weight: bold;
	font-size: 0.65em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 4px;
	text-transform: uppercase;
	background-color: #8692af;
	line-height: 15px;
	text-indent: 2px;
}

#tifResult .titre a {
	text-decoration: none;
	color: #FFF;
}

#tifResult .titre a:hover {
	color: #625F58;
}

#tifResult .texte01 {
	color: #000000;
	font-weight: bold;
	font-size: 0.60em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 1px;
}

#tifResult .texte02 {
	color: #625f58;
	font-size: 0.60em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
}


/*-------------------- Affichage des pages */

#tifResult #suite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 10px;
	line-height: 14px;
	text-align: right;
}

#tifResult a {
	color: #625f58;
	text-decoration: none;
}

#tifResult a:hover {
	color: #000;
}




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

/* TIF & CARTO DETAIL */

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


#conteneurTifCarto {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 510px;
}

#conteneurTifCarto #pageTifCarto {
	width: 500px;
	background-color: #fff;
	padding-right: 5px;
	padding-left: 5px;
}


#pageTifCarto #contentTif {
	font-family: Arial, Helvetica, sans-serif;
}



/*-------------------- Pratiques */

#pageTifCarto #pratique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.57em;
	margin-top: 20px;
	padding-bottom: 10px
}	

#pratique img {
	margin-left: 10px;
}

#pratique .avecBg {
	background-color: #a6a6a6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	vertical-align: middle;
	line-height: 15px;
	text-align: center;
}

#pratique .avecBg a {
  	color: #FFFFFF;
	text-decoration: none;
}

#pratique .avecBg a:hover {
 	color: #625f58;
}


/*-------------------- Page suivante et précédente */

#pageTifCarto #suite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.57em;
	margin-top: 10px;
	padding-bottom: 10px;
}

#suite .gauche {
	line-height: 14px;
	text-align: left;
}

#suite .gauche a {
	color: #625f58;
	text-decoration: none;
}

#suite .gauche a:hover {
	color: #000;
}

#suite .gauche img {
	margin-right: 10px;
	vertical-align: bottom;
}

#suite .droite {
	line-height: 14px;
	text-align: right;
}

#suite .droite a {
	color: #625f58;
	text-decoration: none;
}

#suite .droite a:hover {
 	color: #000;
}

#suite .droite img {
	margin-left: 10px;
	vertical-align: bottom;
}

#suite .fermer {
	line-height: 14px;
	text-align: center;
}

#suite .fermer a {
	color: #625f58;
	text-decoration: none;
}

#suite .fermer a:hover {
 	color: #000;
}




/* ---------------------------------------------------------
   TIF OBJET
--------------------------------------------------------- */


/*-------------------- Navigation photo */

#pageTifCarto #mediaTif {
}

#mediaTif #photoTif {
	text-align: center;
}

#mediaTif #photoTif img {
	width: 500px;
}

#mediaTif #navPhotoTif {
	position: absolute;
	left: 10px;
	top: 5px;
	height: 15px;
	line-height: 15px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#navPhotoTif img {
	margin: 0px 5px 0px 5px;
	vertical-align: middle;
}

#navPhotoTif a {
	color: #000;
	text-decoration: none;
}

#navPhotoTif a:hover {
	color: #57505a;
}



/*-------------------- Menu Tif */

#pageTifCarto #navTif {
	margin-top: 1px;
}

#navTif .menuTif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: center;
	line-height: 31px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fff;
}

#navTif .menuTifDebut {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: center;
	line-height: 31px;
}

#navTif a {
	display: block;
	color: #fff;
	text-decoration: none;
	background: url(http://www.tourisme-vignoble-bastides.com/images/85_fdMenuTif_a1.jpg) repeat-x top;
}

#navTif a:hover {
	display: block;
	color: #fff;
	text-decoration: none;
	background: url(http://www.tourisme-vignoble-bastides.com/images/85_fdMenuTif_a1.jpg) repeat-x bottom;
}


/*-------------------- Titre */

#contentTif h2 {
	margin-top: 5px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-bottom: 20px;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #625f58;
	font-weight: normal;
	line-height: 25px;
	text-transform: uppercase;
}


/*-------------------- Chapitre TIF */

#contentTif h3 {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px; /* en attendant de réunssir à appliquer le margin-bottom sur le chapTif et chapTifSpe */
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #625F58;
	text-decoration: none;
	display: block;
}

#contentTif h3 a {
	color: #000;
	text-decoration: none;
}

#contentTif h3 a:hover {
	color: #625F58;
}

#contentTif .chapTif {
	color: #000;
	font-size: 0.7em;
	margin-bottom: 20px;
}

#contentTif .chapTif p { /* Super important */
	position: relative;
	clear: left;
}

#contentTif .reserverOpensystem {
	position:relative;
	float:right;
	background-image:url(http://www.tourisme-vignoble-bastides.com/images/85_bg_button_reserver.gif);
	background-repeat:repeat-x;
	font-size:0.7em;
	color:#FFF;
	width: 120px;
	text-align: center;
	border:solid 1px #660000;
	padding:0px 2px 0px 2px;
	text-transform: lowercase;
	text-decoration:none;
}

#contentTif .reserverOpensystem a {
	background-image:url(http://www.tourisme-vignoble-bastides.com/images/85_bg_button_reserver.gif);
	width: 120px;
	text-decoration:none;
	color:#FFF;
	
}

#contentTif .reserverOpensystem a:hover {
	background-image:url(http://www.tourisme-vignoble-bastides.com/images/85_bg_button_reserver_on.gif);
	color:#FFCC00;
	text-decoration:none;

}

#tifResult .reserverOpensystemlist {
	float:right;
	background-image:url(http://www.tourisme-vignoble-bastides.com/images/85_bg_button_reserver.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#FFF;
	width: 120px;
	text-align: center;
	border:solid 1px #660000;
	padding:0px 2px 0px 2px;
	text-transform: lowercase;
	text-decoration:none;
}

#tifResult .reserverOpensystemlist a {
	background-image:url(http://www.tourisme-vignoble-bastides.com/images/85_bg_button_reserver.gif);
	width: 120px;
	text-decoration:none;
	color:#FFF;
	
}

#tifResult .reserverOpensystemlist a:hover {
	background-image:url(http://www.tourisme-vignoble-bastides.com/images/85_bg_button_reserver_on.gif);
	color:#FFCC00;
	text-decoration:none;

}

#contentTif .retourSite {
	position:relative;
	float:right;
	background-image:url(http://www.tourisme-vignoble-bastides.com/images/85_bg_button_reserver.gif);
	background-repeat:repeat-x;
	font-size:0.7em;
	color:#FFF;
	width: 160px;
	text-align: center;
	border:solid 1px #660000;
	padding:0px 2px 0px 2px;
	text-transform: lowercase;
	text-decoration:none;
}

#contentTif .retourSite a {
	background-image:url(http://www.tourisme-vignoble-bastides.com/images/85_bg_button_reserver.gif);
	width: 160px;
	text-decoration:none;
	color:#FFF;
	
}

#contentTif .retourSite a:hover {
	background-image:url(http://www.tourisme-vignoble-bastides.com/images/85_bg_button_reserver_on.gif);
	color:#FFCC00;
	text-decoration:none;

}



#contentTif .chapTif a {
	color: #625f58;
	text-decoration: none;
}

#contentTif .chapTif a:hover {
	color:#000;
}

#contentTif .libTif01 {
	color: #000;
}

#contentTif .valTif01 {
	color: #625f58;
}

#contentTif .libTif02 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}

#contentTif .valTif02 {
	color: #8692af;
	font-weight: bold;
	padding-bottom: 3px;
}

#contentTif .libTif03 {
	width: 40%;
	float: left;
	text-align: right;
}

#contentTif .valTif03 {
	float: left;
	margin-right: 10px;
	margin-left: 5px;
	color: #625f58;
}

#contentTif .libTif04 {
	width: 40%;
	float: left;
	text-align: right;
}

#contentTif .valTif04 { /* Réduction des checkbox */
	float: left;
	font-size: 5px;
	color: #000000;
	border: 0px solid #FFFFFF;
	margin-right: 10px;
	margin-left: 5px;
}

#contentTif .chapTifSpe  {
	position: relative;
	color: #000;
	font-size: 0.7em;
	margin-bottom: 20px;
	clear: both;
}

#contentTif .chapTifSpe p { /* Super important */
	float: left;
	width: 45%;
	text-align: right;
	padding-right: 5%;
}

#contentTif .libTifSpe {
	text-align: right;
}

#contentTif .valTifSpe { /* Réduction des checkbox */
	font-size: 5px;
	color: #000000;
	border: 0px solid #FFFFFF;
	margin-right: 10px;
	margin-left: 5px;
}

#contentTif .interligne {
	margin-bottom: 3px;
}

#contentTif .bgligne {
	margin-bottom: 2px;
	background-color: #E7E7E7;
}

#contentTif #tif06, #tif07a, #tif07b, #tif07c, #tif07d {
	display: none;
}



/* ---------------------------------------------------------
   CARTOGRAPHIE CARTE
--------------------------------------------------------- */


/*-------------------- Navigation carto */

#pageTifCarto #carto {
}

#carto #carte {
}


/*-------------------- Titre */

#pageTifCarto #titreCarto {
	margin-top: 10px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-bottom: 20px;
}

#pageTifCarto #titreCarto h2 {
	font-size: 1.00em;
	font-family: Arial, Helvetica, sans-serif;
	color: #625f58;
	font-weight: normal;
	line-height: 25px;
}

#pageTifCarto #titreCarto h2 a {
	font-size: 1.00em;
	font-family: Arial, Helvetica, sans-serif;
	color: #625f58;
	font-weight: normal;
	line-height: 25px;
	text-decoration: none;
}

#pageTifCarto #titreCarto h2 a:hover {
	color: #000;
}


/* ---------------------------------------------------------
   CARTOGRAPHIE RECHERCHE
--------------------------------------------------------- */


/*-------------------- Chapitre CARTO */

#contentCarto .aTitre {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #625F58;
	text-decoration: none;
	display: block;
}

#contentCarto .chapCarto {
	color: #000;
	font-size: 0.7em;
	margin-bottom: 20px;
}

#contentCarto .titreChap {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

#contentCarto .libelle {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
}

#contentCarto .valeur {
	color: #625F58;
}

#contentCarto .largeur01 {
	text-align: right;
	line-height: 18px;
	width: 50%;
}

#contentCarto .bg {
	background-color: #8692af;
}

#contentCarto .submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-indent: 10px;
	color: #fff;
	width: 95%;
}

#contentCarto .submit a {
	color: #fff;
	text-decoration: none;
}

#contentCarto .checkbox {
	font-size: 5px;
	color: #000000;
	border: 0px solid #000;
	margin: 0px 0px 0px 5px;
}
