/***********************/
/* Initialisation variables */
/***********************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h1, h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

/*********************/
/* Variables génériques */
/*********************/

body {
	margin: 0;
	padding:0;
	text-align: center;
	/*font-family:verdana, sans-serif;*/
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	}
h1 {
	font-size: 14px;
	font-weight: 900;
	color: #5e512f;
	padding: 10px;
	}
h2 {
	font-size:14px;
	color:#C8042F;
	padding:10px;
	}
h3 {
	font-size:12px;
	color:#C8042F;
	padding:10px;
	padding-bottom:0px;
	}
h4 {
	font-size:11px;
	color:#C8042F;
	padding:0 10px;
	}
p {
	font-size: 12px;
	padding:5px 10px;
	}
a {
	color:#8e3a52;
	text-decoration: none;
	}
a:hover{
	color: #5e512f;
	text-decoration: underline;
	}
/**
table, td {
	padding: 0px;
	margin: 0px;
	}
**/
.annonce {
	line-height: 110%;
	font-size: 11px;
	color: #9e335d;
	}

/***************/
/* Structure site */
/***************/

div#global {
	margin:0px auto;
	width: 960px;
	text-align: left;
	}
div#menuHaut {
	background-color: #5f5031;
	margin: 0px 0px 0px 0px;
	width: inherit;
	height: 30px;
	}
div#hautPage {
	/**background: #FFF url(images/logo-office-tourisme.jpg) no-repeat scroll center top;*//
	background-color: #FFF;
	width: inherit;
	height: 63px;
	}
div#bandeauAccueil {
	background: #FFF url(images/theme-accueil.jpg) no-repeat scroll center top;
	width:inherit;
	height: 370px;
	}
div#bandeauFamille {
background: #FFF url(images/theme-famille.jpg) no-repeat scroll center top;
	width:inherit;
	height: 255px;
	}
div#bandeauSortir {
background: #FFF url(images/theme-sortir.jpg) no-repeat scroll center top;
	width:inherit;
	height: 255px;
	}
div#bandeauFaire {
background: #FFF url(images/theme-que-faire.jpg) no-repeat scroll center top;
	width:inherit;
	height: 255px;
	}
div#bandeauArtisanat {
background: #FFF url(images/theme-artisanat.jpg) no-repeat scroll center top;
	width:inherit;
	height: 255px;
	}
div#bandeauPatrimoine {
background: #FFF url(images/theme-patrimoine.jpg) no-repeat scroll center top;
	width:inherit;
	height: 255px;
	}
div#bandeauProvenceVerte {
background: #FFF url(images/theme-provence.jpg) no-repeat scroll center top;
	width:inherit;
	height: 255px;
	}
div#bandeauDormir {
background: #FFF url(images/theme-dormir.jpg) no-repeat scroll center top;
	width:inherit;
	height: 255px;
	}
div#bandeauTerroir {
background: #FFF url(images/theme-restaurant.jpg) no-repeat scroll center top;
	width:inherit;
	height: 255px;
	}
div#bandeauProvence {
background: #FFF url(images/theme-faire.jpg) no-repeat scroll center top;
	width:inherit;
	height: 255px;
	}
div#bandeauBlog {
background: #FFF url(images/theme-blog.jpg) no-repeat scroll center top;
	width:inherit;
	height: 255px;
	}
div#bandeauAmusezVous {
background: #FFF url(images/theme-amusezvous.jpg) no-repeat scroll center top;
	width:inherit;
	height: 255px;
	}
div#bandeauAmusezVous2 {
background: #FFF url(images/theme-amusezvous2.jpg) no-repeat scroll center top;
	width:inherit;
	height: 255px;
	}
.filArianneAccueil {
	margin-left: 20px;
	font-size: 9px;
	color: #787667;
	}
.filArianne {
	padding-top: 232px;
	margin-left: 20px;
	font-size: 9px;
	color: #787667;
	}
.filArianneLien {
	font-size: 9px;
	color: #787667;
	text-decoration: none;
	}
.raccourci {
	padding-top: 5px;
	font-size: 9px;
	color: #aeaeae;
	}
.raccourciLien {
	font-size: 9px;
	color: #aeaeae;
	font-weight: 900;
	text-decoration: none;
	}
.enteteSelect {
   font-size: 11px;
   color: #aeaeae;
   margin: 1px;
   border: 1px solid #eaeaea;
   padding:0;
	}
div#contenu {
	margin: 0px;
	width:960px;
	height:auto;
	min-height: 400px;
	background-color: #FFFFFF;
	}

/**** 2 colonnes ****/

div#colDuo1 {
	background-color:#FFFFFF;
	width:600px;
	height:auto;
	min-height: 400px;
	float: left;
	}

div#colDuo2 {
	background-color:#FFFFFF;
	width:360px;
	height:auto;
	float: left;
	}

/**** Images mini annuaire ****/

.imageMiniAnnuaire {
	padding: 5px 10px;
	width: 100px;
	height: 100px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	}

/**************/
/* Pied de page */
/**************/

div#piedpage {
	clear: both;
	width: inherit;
	height: 300px;
	background-color: #FFF;
	}

div#piedpage p, div#piedpage a {
	color: #676767;
	text-decoration: none;
	line-height: 22px;
	}

div#piedpage a:hover {
	text-decoration: underline;
	}

div#piedpage div {
	width: 192px;
	float: left;
	}

/** Float **/
.floatleft {
	float: left;
	margin:10px;
}
.floatright {
	float: right;
	margin: 10px;
}
.clear {
	clear:both;
}

/************/
/* Formulaire */
/************/

form {
	line-height: 22px;
}

input[type=checkbox] {
	margin-right:10px;
	}

textarea, input {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	}

hr {
	margin: 0;
	color:#676767;
	background-color: White;
	border: dashed;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	}

/** Votre recherche **/
.votreRecherche {
	margin: 20px 60px 20px 20px;
	padding: 10px;
	background-color: #e2dbc1;
	color: #5e4f30;
}

/** Villages **/
.incontournable {
	color: #5e4f30;
	font-weight: 900;
	font-size: 1.2em;
	}
.bordureImg  {
	width: 63px;
	height: 63px;
	float: left;
	margin-right: 10px;
	border:1px solid #e2dbc1;
	padding: 3px
	}
.rognImg {
	width: 63px;
	height: 63px;
	overflow: hidden;
	}
a.titreListeVille {
	color: #5e4f30;
	font-weight: 900;
	font-size: 1.1em;
	text-decoration: none;
	}
a.titreListeVille:hover {
	color: #9e335f
	}
p.descrListeVille {
	font-size: 1em;
	}
	
a.souligne {
	text-decoration: underline;
	}

a.nu:hover {
	text-decoration: none;
	}

.blog {
	color: #5e512f; font-weight: 900; font-size: 14px;
	}

.incCommunes {
	color: #787667; font-size: 0.8em;
	}