/* @override http://valleesarthe.images-creations.fr/global/styles/modules.css */


/* ================================================================================ */
/* = GESTION DES MODULES = */
/* ================================================================================ */

	/*= form ---------------------------------------- */
	#colB form {}
	#colB form fieldset.demBroch p {
		width: 350px;
	}
	#colB fieldset {
		width: 350px;
		padding: 10px;
		border: 1px #f1f1f1 solid;
		overflow: hidden;
		}
	/*=  structure---------------------------------------- */
	#colB form p {
		border-bottom: 1px #fefefe solid;
		float: left; width: 97%;
		margin:0 0 5px 0!important; 
		padding: 0 0 5px 0!important;
		}
	#colB form p label,
	#colB form p input,
	#colB form p select,
	#colB form p textarea,
	#colB form p font,
	#colB form p span,
	#colB form p img {float: left}
	
	#colB font.required {
		float: none!important; 
		width: 5px!important;
		font-size: 130%;
		color:red;
		}
	#colB form p label,
	#colB form p input,
	#colB form p select,
	#colB form p font,
	#colB form p textarea {
		font-size: 85%;
		color: #515151;
		}
	#colB form p em { 
		width: 5px!important;
		padding: 0 0 0 5px;
		color:#B31608;
		}
	#colB form p font,
	#colB form p label {color: #515151}
	
	/*= labels  ---------------------------------------- */
	#colB form p label { 
		width: 150px;
		padding: 0 5px 5px 15px;
		font-size: 85%; color:#515151;
		}

	body.th01Content label {
		background: transparent url(/global/medias/itemLiTH01.gif) no-repeat -12px 3px!important}
	body.th06Content label {
		background: transparent url(/global/medias/itemLiTH06.gif) no-repeat -12px 3px!important}
	body.pageNeutres label {
		background: transparent url(/global/medias/itemLiNeutre.gif) no-repeat -12px 3px!important}
		
	/*= composants ---------------------------------------- */
	#colB form p input,
	#colB form p select,
	#colB form p textarea { 
		width: 150px;
		padding: 2px;
		border: 1px #ccc solid;
		font-size: 93%;
		}
	#colB form p font.checkbox_label {
		width: 148px;
		border: 1px #fff solid;
		margin:0!important;
		padding: 0.0em 0 0.0em 0;
		}
	#colB form p font.radio_label {}
	
	#colB form p input.field_checkbox,
	#colB form p input.field_radio {
		border: 0!important;
		width: auto!important; 
		margin: 0!important;
		}
	#colB form span.block_checkbox {
		position: relative;
		width: 280px;
		padding: 0 0.1em 0 0;
		margin:  0 0 0.5em 170px;
		}
	#colB form p.field_line {}
	#colB form p font {padding: 0 0.5em 0 0.5em}
	
	/*= button ---------------------------------------- */
	#colB form input.valide {
		float: right; 
		color: #fff; font-size: 93%;
		border: 0; cursor: pointer; 
		margin: 10px 0 0 0;
		border:0;
		background-color:#4C7E0B;
		}
	#colB form input.valide:hover,
	body.th01Content #colB form input.valide:hover {background-color: #515151}
	body.th06Content #colB form input.valide {background-color: #960096}
	
	/*= conditions ---------------------------------------- */
	span.champsAsterix {
		display: block; 
		padding: 0.5em 0 0 0;
		color: red; font-size: 85%;
		}
	/*= captcha ---------------------------------------- */
	#colB form p input.textcaptcha {
		float: left; width: 50px!important
		}

/* ================================================================================ */
/* = Focus formulaires / rubriques hébergement et restauration = */
/* ================================================================================ */
	#contenu_formulaire {
		width: 485px;
		padding: 0 0 0 10px;
		}
	#contenu_formulaire fieldset {width: 96%!important}
	#contenu_formulaire img.image_defaut {
		position: absolute;
		margin: 0 0 0 2em;
		}

	body.th01Content #colB fieldset {
		width: 680px;
		margin: 0 0 0.5em 0;
		padding: 10px;
		}
	body.th01Content #colB fieldset p label {font-size: 85%;}
	body.th01Content #colB fieldset p.field_check {padding: 0 0 3em 0}
	body.th01Content #colB form input.valide {background-color:#7FC000}
	
	/*= restauration ---------------------------------------- */
	#liste_recherche_resto form,
	#liste_recherche_resto #presentationRub {
		float: left; 
		}
	#liste_recherche_resto form {
		margin: 0 10px 0 0;
		}
	#liste_recherche_resto form fieldset {
		width: 325px!important;
		}
	#liste_recherche_resto label {
		width: 100px!important;
		}
	
/* ================================================================================ */
/* = Résultat recherche hébergement / restauration = */
/* ================================================================================ */
	body.th01Content #colB fieldset.recherche p {
		font-size: 85%;
		color:#515151;
		margin: 0;
		}
	body.th01Content #colB fieldset.tar_Heb p {
		padding: 0 0 0.5em 1em;
		background: transparent url(/global/medias/chevronComplement.gif) no-repeat -10px 2px;
		}
	body.th01Content #colB p a.return_heber,
	body.th01Content #colB fieldset.recherche p.fiche a {
		display: block;
		text-align: right;
		text-decoration: none;
		color:#000; font-size: 85%;
		padding: 0.4em 1.8em 0.5em 0!important;
		
		border-bottom: 1px #7FC000 solid;
		}
	body.th01Content #colB p a.return_heber {
		background: transparent url(/global/medias/retur_heber.gif) no-repeat right}
	
	body.th01Content #colB p.heber_result {
		color:#fff;
		padding: 0.5em;
		border: 1px #7FC000 solid;
		background-color:#7FC000;
		}
	body.th01Content #colB p a {color:#7FC000}
	body.th01Content #colB p.adresse,
	body.th01Content #colB p.nom,
	body.th01Content #colB p.label,
	body.th01Content #colB p.description,
	body.th01Content #colB p.ouverture,
	body.th01Content #colB p.telephone,
	body.th01Content #colB p.mail,
	body.th01Content #colB p.site,
	body.th01Content #colB p.Langues,
	body.th01Content #colB p.handicap,
	body.th01Content #colB p.plus,
	body.th01Content #colB p.rubrique,
	body.th01Content #colB p.handicap {
		padding: 0 0 0 1em;
		background: transparent url(/global/medias/itemLiTH01.gif) no-repeat -15px 4px;}
	
	body.th01Content #colB p.nom {
		padding: 0 0 1em 1em;
		}
	body.th01Content #colB p.nom span.ville {
		position: absolute;
		right: 35px;
		}
	body.th01Content #colB fieldset.recherche p.fiche a {
		margin: 0.5em 0 0 0;
		border-top: 1px #ccc solid;
		background: #F7FBEF url(/global/medias/item_fiche.gif) no-repeat right;
		}
	
	/*= fiche détaillée hebergement / restauration ---------------------------------------- */
	body.th01Content #colBcontent h3 {
		color:#fff;
		padding: 0.5em;
		border: 1px #7FC000 solid;
		background-color:#7FC000;
		}
	
	/*= pagination hébergement ---------------------------------------- */
	body.th01Content #pagination {
		height: 20px;
		clear: both;
		margin: 0 0 0.5em;
		background-color:#7FC000;
		}
	body.th01Content #pagination li {
		display: block;
		width: 348px; height: 12px;
		float: left;
		}
	body.th01Content #pagination li a {
		display: block;
		width: 325px; height: 12px;
		text-decoration: none;
		font-size: 93%;
		color:#fff;
		}
	body.th01Content #pagination li.linkSui a {
		text-align: right;
		padding: 3px 15px 5px 0;
		background: transparent url(/global/medias/flcSui.gif) no-repeat right ;
		}
	body.th01Content #pagination li.linkPre a {
		text-align: left;
		padding: 3px 0 5px 15px;
		background: transparent url(/global/medias/flcPre.gif) no-repeat left;
		}
	
	/*= nouvelle recherche ---------------------------------------- */
	h2.new_rech {color:#7FC000}
	
	
/* =================================================================================== */
/* = GESTION HEBERGEMENT FORMULAIRES / Détail de la fiche hébergement / 26 juin 2008 = */
/* =================================================================================== */

	/*= 1er niveau / sélection  choix /hébergement----- */
	#liste_recherche_heber,
	#liste_recherche_resto {width: 700px}

	body.th01Content #liste_recherche_resto fieldset {
	
		}

	.liste_type_heber,
	#contenu_formulaire {float: left}

	/*= liste ---------------------------------------- */
	.liste_type_heber {width: 200px}
	.liste_type_heber li.mode_select {
		border:0!important;
		background-color:#fff!important;
		}
	.liste_type_heber li,
	.liste_type_heber li a {
		display: block;
		}
	.liste_type_heber li {
		margin: 0 0 0.5em 1em;
		list-style:none!important;
		}
	.liste_type_heber li a {
		padding: 0 0.2em 0 0.5em;
		text-decoration: none;
		color:#7FC000!important;
		font-size: 120%;
		border-top: 1px #7FC000 solid;
		background: #f8ffe9 url(/global/medias/linkSuiteTh01.gif) no-repeat 0 6px!important ;
		}
	.liste_type_heber li a:hover {
		color:#666!important;
		background-color:#DAEEC8!important;
		}

	/*= global / détail hébergement---------------------------------------- */
	#detail_hebergement {width: 700px}
	#detail_hebergement_contenu,
	#detail_hebergement_pratique {float: left}
	#detail_hebergement_contenu {width: 500px; overflow:  hidden;}
	#detail_hebergement_pratique {
		width: 180px;
		padding: 10px;
		background-color:#F8FFE9;
		overflow: hidden;
		}
	#detail_hebergement_pratique p {
		font-size: 93%
		}
	body.th01Content #detail_hebergement fieldset {
		width: 90%!important;
		}
	body.th01Content #detail_hebergement_pratique fieldset {
		width: 160px!important;
		margin: 0.5em 0 0.5em 0!important;
		background-color:#fff;
		}

	/*= contenu ---------------------------------------- */
	#detail_hebergement .recherche h4,
	#detail_hebergement .recherche #complement_fiche h4 {
		color:#7FC000 !important;
		font-weight: bold;
		padding:2px!important;
		margin: 0.2em 0 0.2em!important;
		background-color:#f8ffe9;
		border-bottom: 1px #7FC000 dotted;
		}
	#detail_hebergement .recherche h5 {
		margin:0.5em 0 0 0;
		color:#85C000;
		font-size: 85%;
		border-bottom: 1px #7FC000 solid;
		background-color:#F7FBEF;
		}
	#detail_hebergement_contenu h3,
	#detail_hebergement p.intro_detail_fiche {
		width: 91.5%;
		}

	/*= paragraphes ---------------------------------------- */	
	#detail_hebergement p.intro_detail_fiche {
		border: 1px #f1f1f1 solid;
		font-size: 93%;
		padding: 0.5em;
		margin: 0 0 0.5em 0;
		background-color:#F8FFE9;
		}
	#detail_hebergement p {
		padding:0!important;
		background-image: none!important;
		}
	#detail_hebergement .tar_heb p {padding:0 0 0.5em 0;}

	/*= liste ---------------------------------------- */	
	#detail_hebergement #complement_fiche ul li {
		font-size: 85%;
		padding: 0 0 0 1em;
		list-style:none!important;
		background: transparent url(/global/medias/chevronComplement.gif) no-repeat -10px 2px;
		}

	/*= pratique ---------------------------------------- */
	ul#imgesListe li {
		padding:0!important;
		}
	#detail_hebergement_pratique li {
		list-style: none!important;
		font-size: 85%!important;
		padding: 0 0 0 1em;
		margin:0!important;
		background: transparent url(/global/medias/itemLiTH01.gif) no-repeat -15px 4px;
		}
	#detail_hebergement_pratique #cartographie a {
		color:#7FC000;
		font-size: 85%
		}

/* ================================================================================ */
/* = GESTION DES NEWS = */
/* ================================================================================ */
	
	/*= table ---------------------------------------- */
	table#newsContent,
	table.extendedNews {
		width: 100%;
		margin-top: 10px;
		border-collapse: collapse;
		background-color:#fefefe;
		}
	table#newsContent td,
	table.extendedNews td {padding: 0.2em}
	
	/*= post_title ---------------------------------------- */
	td.post_title h2,
	td.post_title a,
	td.long_title {
		display: block; 
		padding: 0;
		font-size: 130%;
		color:#4C7E0B;
		}
	td.post_title h2 {
		color:#515151!important;
		padding:0!important;
		font-size: 100%;
		}
	
	/*= post_date ---------------------------------------- */
	td.post_date {color:#fff; font-size: 85%}
	
	/*= post_short ---------------------------------------- */
	td.post_short {
		font-size: 93%;
		color:#515151;
		padding: 0.2em 0 10px 0.25em!important;
		border-bottom: 1px #ccc solid
		}
	td.post_short h2 {padding: 5px 0 5px 0!important}
	td.post_short p {font-size: 93%}
	td.post_short img {padding: 0.5em 0.5em 0.5em 0}
	
	/*= extendedNews ---------------------------------------- */
	table.extendedNews {margin: 0 0 0 18px}
	#contenuExtended {padding: 0 0 2em 23px}
	#contenuExtended p {
		font-size: 85%;
		line-height: 170%; 
		color:#515151;
		padding: 0 0 0.5em 0;
		}
	#contenuExtended p img {padding: 0.5em 0.5em 0.5em 0.5em}
	
	/*= links ---------------------------------------- */
	td.post_short a,
	a.backExtended {
		display: block; 
		font-size: 93%; color: #4C7E0B;
		text-decoration: underline;
		text-align: right; padding: 2px 15px 0 0;
		background: transparent url(/global/medias/itemLinkGreen.gif) no-repeat right;
		/*background: transparent url(/global/medias/chevrons.gif) no-repeat right;*/
		}	
	a.backExtended {font-size:85%}
	td.post_short a:hover,
	a.backExtended:hover {color:#515151; text-decoration: underline}
	
/* ================================================================================ */
/* = RECHERCHE = */
/* ================================================================================ */
	form.FormResultRech {
		width: 680px!important;
		}
	form.FormResultRech p input.chmpsRech {
		width: 60%!important
		}
	form.FormResultRech p.field_line {float: left}
	form.FormResultRech p label {width:auto!important}
	.FormResultRech button.valide {
		border:0;
		margin: 0 0 0 1em; color:#fff;
		background-color:#4C7E0B
		}
	.tableResultRech {width: 650px;}
	h2.resutatFor {
		display: block;
		color: #4C7E0B!important;
		/*background: transparent url(/global/medias/itemLiTH07.gif) no-repeat -10px 5px!important;*/
		}
	h2.resutatFor span {color:#515151!important}
	.tableResultRech td a {
		display: block; width: 650px;
		text-decoration: none;
		color:#515151!important; font-size: 85%;
		padding: 0.2em 0 0.5em 30px!important;
		border-bottom: 1px #F2F6F8 solid;
		background: transparent url(/global/medias/itemLiTH07.gif) no-repeat 5px 5px!important;
		}
	p.message {font-size: 0.9em;}
	
	body.th07Content .post_short a {
		background: transparent url(/global/medias/linkSuiteTh07.gif) no-repeat right;}
	body.th08Content .post_short a {
		background: transparent url(/global/medias/linkSuiteTh08.gif) no-repeat right;}
	
/* ================================================================================ */
/* = PLAN DU SITE = */
/* ================================================================================ */
	
	/*= siteMap1 ---------------------------------------- */
	.siteMap1 li {list-style: none!important;}
	.siteMap1 li {padding: 0 0 0.2em 0!important}
	.siteMap1 li a {
		display: block;
		padding: 0.3em 0 0.2em 1.5em;
		color:#666666!important;
		border-bottom: 1px #e1e1e1 solid;
		font-size: 93%;
		text-decoration: none;
		background: transparent url(/global/medias/itemLiTH07.gif) no-repeat -16px 5px;
		}
	.siteMap1 li a:hover {text-decoration: underline;}
	
	/*= focus siteMap couleurs rubriques ---------------------------------------- */
	.siteMap1 li a.mapRub01 {color:#960C53}
	.siteMap1 li a.mapRub01,
	.siteMap2 li a.mapRub01,
	.siteMap3 li a.mapRub01 {
		background: transparent url(/global/medias/itemLiTH01.gif) no-repeat -16px 5px;}
	.siteMap1 li a.mapRub02 {color:#81C00A;}
	.siteMap1 li a.mapRub02,
	.siteMap2 li a.mapRub02,
	.siteMap3 li a.mapRub02 {
		background: transparent url(/global/medias/itemLiTH02.gif) no-repeat -16px 5px;}
	.siteMap1 li a.mapRub03 {color:#FEB00A;}
	.siteMap1 li a.mapRub03,
	.siteMap2 li a.mapRub03,
	.siteMap3 li a.mapRub03 {
		background: transparent url(/global/medias/itemLiTH03.gif) no-repeat -16px 5px;}
	.siteMap1 li a.mapRub04 {color:#19987B;}
	.siteMap1 li a.mapRub04,
	.siteMap2 li a.mapRub04,
	.siteMap3 li a.mapRub04 {
		background: transparent url(/global/medias/itemLiTH04.gif) no-repeat -16px 5px;}
	.siteMap1 li a.mapRub05 {color:#9863CA;}
	.siteMap1 li a.mapRub05,
	.siteMap2 li a.mapRub05,
	.siteMap3 li a.mapRub05 {
		background: transparent url(/global/medias/itemLiTH05.gif) no-repeat -16px 5px;}
	.siteMap1 li a.mapRub06 {color:#DC0072;}
	.siteMap1 li a.mapRub06,
	.siteMap2 li a.mapRub06,
	.siteMap3 li a.mapRub06 {
		background: transparent url(/global/medias/itemLiTH06.gif) no-repeat -16px 5px;}

	.siteMap2 li a, 
	.siteMap3 li a {		
		font-size:85%!important;
		color:#515151!important;
		}
	
	/*= siteMap2 ---------------------------------------- */
	.siteMap2 {padding: 0.2em 0 0.2em 1.5em}
	.siteMap2 li a {
		background-position: -16px 2px!important;
		}
	
	/*= siteMap3 ---------------------------------------- */
	.siteMap3 {margin: 0.3em 0 0 1.5em!important}