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

body {
	color: #333333;
	text-align: center;
	background:#FEFEE0;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
body, td { font-size: 13px}

/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout {
	text-align: left;
	width: 914px;
	margin: 0px auto 0px auto;
	background: url(images/bgTout.png) repeat-y
	}

#home1 { width: 100% }
#home1 h3.tit {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing:1px;
	color:#D8000C;
	padding: 0px;
}
#home2 h3.tit{ font: bold 12px Arial, Helvetica, sans-serif; letter-spacing:1px; color:#D8000C}
#home1 td{
	border-bottom: 1px solid #F4BA1A;
	padding: 8px 0px;
}

#home2 {
	border-top: 3px solid #F4BA1A;
	width: 100%;
}

#home2 td {
	border: 1px solid #F4BA1A;
	width: 33%;
}
#home2 h2 { font: bold 12px  Arial, Helvetica, sans-serif; border: none; margin: 0}
#home2 div.mini { text-align: center}

/*	HEADER	*/
#header {width: 898px; margin-left: 8px; background-repeat: no-repeat; background-position: top right; background-color: #FFFFFF; background-image: url(images/bgHeader_00.jpg) }

#boite_diapo {     
	width:898px;
	margin-left: 8px;
	background-color:none;
	/*background-image:url(images/bg-header-01.jpg);*/
	background-repeat: no-repeat; } /* IL FAUT IMPERATIVEMENT QUE LE NOM DE L'IMAGE SOIT IDENTIQUE A CELUI DANS LE SCRIPT : tab_img[0]
	
/* image dans la boite du diaporama */                            
#img_diapo  { 
	width:898px; height:208px;
	filter: alpha(opacity=0);   /* fondu pour internet explorer */
	-moz-opacity:0;             /* fondu pour mozilla, phoenix, firebird, firefox*/
	opacity:0;                  /* fondu pour mozilla firefox */
	-khtml-opacity:0.5;         /* fondu pour konqueror et safari */
	background-color:none;
	}
	
	
/*#header_01, #header_02, #header_03, #header_04, #header_05, #headerSejours, #headerNews {
	width: 898px; margin-left: 8px; background-repeat: no-repeat; background-position: top right; background-color: #FFFFFF }
#header_01 {background-image: url(images/bgHeader_01.jpg)}
#header_02 {background-image: url(images/bgHeader_02.jpg)}
#header_03 {background-image: url(images/bgHeader_03.jpg)}
#header_04 {background-image: url(images/bgHeader_04.jpg)}
#header_05 {background-image: url(images/bgHeader_05.jpg)}
#headerNews {background-image: url(images/bgHeaderNews.jpg)}
#headerSejours {background-image: url(images/bgHeaderSejour.jpg)}

#header_01 h1, #header_02 h1, #header_03 h1, #header_04 h1, #header_05 h1, #headerSejours h1, #headerNews h1 { padding: 0; margin: 0px; height: 204px }*/
#header h1 { padding: 0; margin: 0px; height: 210px}
a#logo { display: block; height: 100%;}
a#logo img {}

#drapeaux { padding: 0px 12px; height: 40px; background: url(images/bgDrapeaux.png) no-repeat; clear: both; text-align: right;}
#drapeaux img { vertical-align: middle; margin-right: 6px}
#drapeaux a{ display: block; float: right; margin-top:10px;  margin-right: 6px;}
.facebook { float: right; margin-top:7px;}
#drapeaux a:hover { text-decoration: none}

.fb-like {float:right}

/* MAIN	*/
#centre { width: 900px; margin: 0 auto
	}

#left {
	width: 240px;
	float: left;
	margin: 0px 0px 0px 14px !important;
	margin: 0px 0px 0px 9px;
	padding-bottom: 40px;
	min-height: 260px;
}
#content {
	margin: 0px 14px 6px 35px;
	float: left;
	width: 600px;
	padding: 0px 0px 0px 0px;
}

/*	FOOTER	*/
#up {
	clear: both;
	padding: 0px 6px;
	background: #FFF url(images/bgUp.png) no-repeat;
	height: 60px; position: relative
}
#up a{
	display: block;
	height: 33px;
	width: 129px;
	float: right;
	margin-top:12px;
	margin-right: 6px !important; margin-right: 3px; text-align: center;
	background: url(images/up.gif) no-repeat;
}
#up div { position: absolute; left: 50px; top: -15px; border: 2px solid #F8AF06 }
#footer {
	text-align: center;
	clear: both;
	margin: 0px auto;
	width: 914px;
}
#footer p { float: left}


/*******************************************************************/
/******************    BALISES GENERALES     **********************/
/*******************************************************************/
h1,h2,h3,h4,h5,h6 {
	margin:0px;
	padding: 2px 2px;
	color: #CC0000
}

h1 {
	margin-bottom: 20px;
	font-size: 20px; color: #FFF;
	font-weight: normal;
}
h2 {
	font-weight: normal;
	margin-bottom: 20px;
	padding-bottom: 6px;
	color: #B2131C;
	font-size: 26px;
	line-height: 1em;
	font-family: "Times New Roman", Times, serif;
	border-bottom: 1px solid #F7B91A;
}
#left h2.tit {
	margin: 0 0 4px 0;
	border: none;
	padding: 0px 0px 0px 4px;
	color:#334D21;
	font-size: 15px;
	font-weight: bold;
	font-family: "Trebuchet MS"
}

h2 span {
	color: #3D9DD0;
	display: block;
	font-weight: bold;
}
h3 {
	font-size: 1.4em;
	margin-bottom: 4px;
	font-weight: normal
}
h4 { font-size: 1.1em}
h5 { font-size: 1em}
h6 { }
p {
	padding: 2px 0px;
	margin: 0px 0px 6px 0px;
	line-height: 1.3em}
ul, li { list-style-type: none;}
ul {
	margin: 0px 0px 8px 10px;
	padding: 4px 2px 4px 4px;
}

li {
	padding: 0px 0px 0px 12px;
	background: url(images/puceUl.gif) no-repeat 0px 6px;
	margin-bottom: 2px;
	margin-left:8px;
	}

a {text-decoration:none; color:#0000FF}
a:hover { text-decoration: underline; color: #4D8248}

li img { vertical-align: middle}
img { border: none}
table {
	/*border-collapse: collapse;*/
}
th {
	
	padding: 3px 5px; vertical-align: top
}
td {
	/*vertical-align: top;*/padding: 4px;
	vertical-align: top;
}
caption {
	padding: 4px;
	color: #FFF;
	font-weight: normal;
}
blockquote { margin: 0px 0px 0px 12px}

/* forms */
form { padding: 2px; margin: 0px 0px 4px 0px}
input,textarea,select { 
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px}
select, option { padding: 1px}
textarea { width: 98%}
legend {
	background: #FFFFFF;
	font-weight: bold;
	padding: 4px 8px;
	font-size: 1.2em;
	color: #B2131C;
	margin: 0px 0px 0px 0px;
}
fieldset {
	margin-bottom: 14px;
	border: 1px solid #F8AF06;
	padding: 10px;
	}
fieldset img{
	vertical-align: middle
	}
label {
padding: 2px
}
label input { vertical-align: middle}

/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/
div#nav1 { width: 898px;
	 background: url(images/bgNav1.gif) repeat-x 0 -3px; }
div#nav1 ul{
	margin: 0px;
	padding: 0px;font-size: 12px;height: 37px;
	}
div#nav1 li {
	list-style-type: none;
	float: left;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	background: none;
	font-weight: bold; font-family: Arial, Helvetica, sans-serif
	}
div#nav1 li.home a { background: none}
div#nav1 li a {
	display: block;
	text-align: center;
	padding: 2px 10px 2px 10px;
	line-height: 2em; background: url(images/bgNav1Li.gif) no-repeat 0 0
	}
div#nav1 li a:hover {  background: url(images/bgNav1Li.gif) no-repeat -200px 0;}

#nav1 li.on { margin-top: 0px;
}
#nav1 .on a, #nav1 .on a:hover{background: #F8AF06; padding-top: 8px
}

/************ NAV2************/
/* Niveau 0 */
ul.nav2{
	background: #FFF url(images/topNav2.gif) no-repeat;
	margin: 0px 0px 4px 0px;
	padding: 10px 0px 0px 0px; font-size: 14px
}
ul.nav2 li{
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	padding: 0px;
	font-size: 1em;
	background: none;
	border-bottom: 1px dashed #DEECDD; height: 100%
}
ul.nav2 li.bot {
	background: url(images/botNav2.gif) no-repeat left bottom;
	border: none; height:10px
}
ul.nav2 a, ul.nav2 span{
	display: block; 
	padding: 8px 6px 8px 10px;
	height: 100%; 
}
ul.nav2 li a:hover{ background-color: #F4F8E4	}
ul.nav2 li.on a,ul.nav2 li.on span { padding-left: 26px}
ul.nav2 .on, ul.nav2 .on a, ul.nav2 li.on span, ul.nav2 .on a:hover{ color: #FFF; background: #2C532B url(images/puceNav2_on.gif) no-repeat 6px 0.9em; font-weight: bold; font-size: 1em;}

/*Niveau 1*/
ul.nav2 .lvl1 ul { font-size: 11px; margin: 0px 0px 12px 0px; padding: 0px }
ul.nav2 .lvl1 li{ border: none   }
ul.nav2 .on1 { background-color:#E9F1C9
}
ul.nav2 .lvl1 li a, ul.nav2 .lvl1 li span {padding: 4px 6px 4px 26px;}
ul.nav2 .on1 a, ul.nav2 .on1 span{ font-weight: bold}

/*Niveau 2*/
ul.nav2 .lvl2 ul{ background: #FEFAD3}
ul.nav2 .lvl2 ul li{ text-transform: lowercase}
/*ul.nav2 .lvl2 ul li *:first-letter{ text-transform: uppercase}*/
ul.nav2 .lvl2 li a, ul.nav2 .lvl2 li span{padding: 4px 6px 4px 40px;}

ul.nav2 .on2 { background: #F8AF06  }


/***************************************************************/
/**************       CLASSES DIVERSES         *****************/
/***************************************************************/
div.paveHome {
	clear: both;
	font-size: 1.6em;
	padding: 7px 4px;
	background: #B3141D;
	font-size: 1.6em;
	text-align:right;
	margin-bottom: 1px;
	}
.bot {
	clear: both;
	height: 5px; font-size: 1%
}
.paveHome .tit { }

.paveHome p{
	padding: 2px;
	margin: 0px; line-height: 1.2em;
}
.paveHome *{
	color: #FFF
}
.paveHome img{
	margin-bottom: 10px;
	float: left;
}

/**  PAVE CENTRE   ************************************************/
/*****		GESTION DES IMAGES		*****/
.preview {
	text-align: center;
	margin-bottom: 10px;
	padding: 10px;
	width: 100%
}
.preview td{
	text-align: center
	}
img.imgToRight, .imgToRight img, .toRight{
	float:right;
	margin-left: 6px;
	margin-bottom:6px;
}
img.imgToRight { border-left: 3px solid #FFF; border-bottom: 3px solid #FFF}
img.imgtoLeft, .imgToLeft img, .toLeft{
	float:left;
	margin-right: 6px;
	margin-bottom: 6px;
}
table.imgBlock {  width: auto}
.imgBlock img {
	display: block;
	margin: 0px 4px 6px 4px;
}
div.photo {
	padding: 2px;
	text-align: center;
}
 .date{  font-weight: normal }
/* Divers */
/* */
.error {
	background: #FFF7B9; 
}
div.error { padding: 16px; margin-bottom: 10px; border: 1px dashed #FFCC33; text-align: center; font-weight: bold}

.gras {
	font-weight: bold;
}
.grasRouge {
	
	color: #333333;
}
.italique {
	font-style: italic;
	color: #CD5A00;
}
.legende {
	font-style: italic;
	
	padding: 3px;
}

.required {
	color:#FF0000;
	
}
.noline {
	border: none; background: none
}

p.back { margin-bottom: 12px; padding: 2px 4px; background: #FDF6AE; border-bottom: 1px solid #F8AF06}

/* */
div.download {
	padding: 2px;
	border: 1px dashed #F8AF06; clear: both
}
div.download h4{ font-size: 0.9em; background: #FEFAD3 url(images/download.gif) no-repeat 2px center; padding: 2px 2px 2px 22px; margin: 0px;  color: #333333; }
div.download p{ padding: 2px; margin: 1px 1px 1px 16px }

/*************/
table td.btn, div.btn {
	padding: 8px;
}
.btn input{
	font-weight: bold;
	border: none; color: #B2131C; font-size: 0.9em
}


/*************  contact  ******************************/ 
table.formContact{
	margin: 8px auto 0px auto
}
.formContact td {
	padding: 4px;
	border-bottom: 1px solid #FFF;
}
.formContact tr{ border-bottom: 1px solid #FFCC33}
.formContact th {
	
	font-weight: normal;
	width: 150px;
	padding: 4px;
	text-align: right;
	border-bottom: 1px solid #FFF;
}

.answerMail {
	padding:10px;
	text-align: center;
	border: 1px solid #F8AF06;
}
.answerMail p { margin-bottom: 12px}
.answerMail a { }
.answerMail img { vertical-align: middle}

/************  FOOTER   ****************************/
/*********************	NEW CMS	*************************/

table.cms {
	margin-bottom: 14px;
	width: 100%
}
.cms td { padding: 0px}
div.cms { margin-bottom: 14px}
.botCms { clear: right}
.cms p{ padding: 2px 0px }
.cms .padLeft { padding-left: 10px; width: 10px}

.cms h3 { font-size: 20px; font-weight: normal}
.cms h4 { font-size: 18px; font-weight: normal}
.cms h5 { font-size: 16px}
.cms h6 { font-size: 14px}


/*******	NEWS HOME	*******/
.newsHome {
	margin-bottom: 10px; width: 240px; background: #FFF url(images/topNews.gif) no-repeat 
}
h2.titAgenda {
	margin: 0;
	border: none;
	padding: 0;
	background: url(images/actualites.png) no-repeat;
	height: 30px;
	color:#334D21;
	font-size: 16px;
	font-weight: bold;
	font-family: "Trebuchet MS";
	width: 240px;
}
h2.titAgenda a, a.rss { float: right; display: block; margin-top: 6px; margin-right: 6px}

.newsHome div { padding: 8px; background: url(images/botNews.gif) no-repeat left bottom}
.newsHome h3 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 2px;
}
.newsHome p {
	font-size: 0.9em;
	margin: 0px;
}
.newsHome .date {
	font-weight: bold;
	font-size: 0.9em;
	margin-bottom: 5px;
}
.newsHome p.view {
	text-align: right;
	clear: both;
	font-size: 1em;
	border-top: 1px dashed #B5CA3C;
	padding: 2px;
}
.newsHome img { float: right; margin-left: 5px; margin-bottom: 5px}

/**** AGENDA *************************/
.agenda {
	margin-bottom: 14px;
	color: #525051;
	background: #FFFFFF;
	width: 590px;
}
.agenda h2 { margin-bottom: 0px}
.agenda p.view { clear: both
}
.agenda .titItem {
	padding: 1px 3px 1px 26px;
	margin: 2px 0px 3px 0px; text-transform: uppercase; font-weight: normal; font-size: 1.3em; color: #333;
	background: #FFFFFF url(images/puceH3.gif) no-repeat 0 2px
	}

.agenda .date, #content .date{
	color: #FEF8E9;
	font-size: 0.9em;
	padding: 3px 1px 5px 4px;
	margin: 1px 0px;
	font-weight: bold;
	background: #F8AF06 url(images/bgDate.gif) no-repeat right top;
}
.agenda .date a {display: block; float: right; margin-right: 10px !important; margin-right: 6px; background: url(images/bgView.gif) no-repeat; text-transform: capitalize; text-align:center; width: 94px; height:15px; padding: 3px 0px 2px 0px; font: normal 10px Verdana}
.agenda img {
	float: right;
	margin: 0px 0px 8px 8px;
}

.agenda td {
	vertical-align: top;
	padding: 0px
	}
.agenda .line1 { background-color:#FCFCEB}
.agenda .photo { position: absolute;top: 0; right: 0px}
.agenda .item { padding: 0px; }
.agenda p { padding:3px}

/*	ALBUM PHOTO*/
#album {
	/*width: 550px*/
}
#album h3 {
	background: url(images/gallery.gif) no-repeat 0px 4px;
	padding: 6px 4px 4px 36px;
	margin: 0px 0px 0px 0px;
	color: #B2131C;
	text-transform: capitalize;
}
#datacontainer {
	margin: 0px 0px 10px 0px;
	padding: 4px;
	border: 1px solid #E2E2E2; background-color: #F9F9F9}
	
#album ul {padding: 0px; margin: 0px;
	}
#album li {
	width: 100px; height: 100px; float:left; padding: 0px; margin:0px 8px 8px 0px; background: #FFF; list-style-type: none
		}
#album div.botAlbum { clear: both}
#album a {
	width: 100px;
	height: 101px;
	display: block;
	border: 1px solid #E2E2E2;
}
#album a:hover {
	border: 1px solid #CCCCCC
   }

/*********************	DONNEES TABULAIRES	*************************/

/*****/
div.tablo {border: 1px solid #336699 ; padding: 1px;
	margin-bottom: 14px;}
.tablo table {
	border-collapse: collapse;
	width: 100%;
	
}
.tablo td {
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	border: 1px solid #FFFFFF;
}
div.line1 {
	background-color: #FEFAD3;
}

tr.champs th{
	padding: 4px 5px 4px 5px;
	color: #EEF3F9;
	background: #24486C;
	border: 1px solid #FFFFFF;
}
.tablo caption {
	border-bottom: 1px solid #FFF;
	color: #24486C;
	padding: 3px 6px 3px 13px;
	background:  url(images/puceTit.gif) no-repeat 2px 8px;
	
	letter-spacing: 0.1em;
}

/********	PAGINATION		******/
ul#pagine{ background: none; margin: 0px; padding: 0px; text-align: center}
ul#pagine li{ display: inline; background: none; margin: 0px; padding: 2px}
ul#pagine li.on { font-weight: bold; text-decoration: underline;}
ul#pagine li.on { }

/***	CONTACT	****/
#formNeteor {
	margin-bottom: 14px;
}
#formNeteor table{
	width: 100%
	}
#formNeteor textarea {}
#formNeteor .line1 { background: #FEFAD3}

#formNeteor th, #formNeteor td{
	padding: 4px;
	font-weight: normal;
}
#formNeteor th {
	text-align: right;
	font-size: 1em;
}
#formNeteor .required { font-weight: bold}

.coords {
	padding:8px;
	margin-top: 14px;
}
.coords legend{ margin: 0px}
.coords p{
	padding: 0px; 
}
.coords span{ font-weight: bold}
.coords img { vertical-align: middle}

/*	AVIS	*/
#detailAvis { margin-bottom: 8px}
#detailAvis dt{
	border-bottom: 1px solid #FFF;
	color: #FFF;
	padding: 4px 6px 5px 18px;
	background:  #24486C url(images/puceTit.gif) no-repeat 5px 9px;
	 font-weight: normal;
	letter-spacing: 0.1em
}
#detailAvis dt span{ font-weight: bold
	}
#detailAvis dd { padding: 2px; margin-bottom: 5px}
#meteo {
	margin-left: 14px;
}

/* LISTE D'ITEMS */
.item {
	padding: 2px;
	margin-bottom: 8px;
	 border: 1px solid #F8AF06
}
.item:hover { /*border-color: #F8AF06; */}
.item h3 {
	padding: 1px 1px 1px 28px; 
	color: #B2131C;
	font-size: 1.3em;
	font-weight: normal;
	text-transform: capitalize;
	background:#F8AF06 url(images/puceH32.gif) no-repeat 0 3px;
}
.item h3 a { display: block; float: right; background: url(images/bgView.gif) no-repeat; text-transform: capitalize; text-align:center; width: 94px; height:15px; padding: 3px 0px 2px 0px; font: normal 10px Verdana}
.item h3 a:hover { color: #B2131C}
.item td { line-height: 1.5em; width: 240px}
.item img{ float: right; margin-left: 6px}
.item .bot{
	height: 6px;
	font-size: 1px;
}
.item span {
	font-weight: bold;
	margin-right: 5px;
}

/* List de labels: epi, cheminée, etc...  */ 
.listLabel {
border-bottom: 1px solid #F8AF06; clear: right; padding: 4px 0px; margin-bottom: 6px
}
.listLabel img { float: none}

/* TEXTE ACCUEIL D'UNE CATEGORIE*/
.txtListHome { margin-bottom: 4px !important; margin-bottom: 0px
}
.txtListHome img { float: right; margin-left: 6px}
.tiny { padding: 2px 5px 2px 2px; font-size: 12px}

/* DETAIL D'UN ITEM */
.itemDetail h2 {
	margin-bottom: 2px;
}
.itemDetail table{ width: 100% }
.itemDetail .photo {
	text-align: right;
	width: 10px;
	padding: 0px 0px 0px 4px;
}
.itemDetail .photo div {
	margin-bottom: 4px;
}
p.client {}
p.client span{
	font-weight: bold;
	margin-right: 4px;
}

/* LISTE DE CATEGORIE */
ul.listCat li{ font-size: 1.3em; background: url(images/puceListCat.gif) no-repeat 0 0.3em; padding-left: 25px}
.listCat span {/* color:#B2131C*/}

/* FORM SEARCH */
.search { padding: 10px; background-color: #FDF6AE; border-bottom: 1px solid #F8AF06}

/* LISTE PHOTO DES COMMUNES */
.listCommunes {}
.listCommunes div{ width: 135px; text-align: center; height:120px; float: left; margin: 0 1px 1px 0px}
.listCommunes a { text-decoration: none; display: block; border: 1px solid #FFF; height: 100%; font-size: 12px}
.listCommunes a:hover { border: 1px solid #F8AF06}

/* LISTE DE LIENS SUR UNE PAGE DE COMMUNE */
.listLiens { font-size: 12px}
.listLiens div{
	padding: 4px;
	background: #FEFAD3;
	margin-bottom: 6px;
	border: 1px solid #F8AF06;
}
.listLiens h3{ padding: 0px; margin: 0px;}
.listLiens h4 {
	padding: 2px 2px 2px 6px;
	margin: 0px;
	font-size: 1em;
	color:#FEF8EB;
	background: #F8AF06 url(images/bgTitListLiens.gif) no-repeat right top;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.listLiens h4 img {
	vertical-align:text-bottom;
	margin-right: 4px;
}
.listLiens h5 { padding: 0px; margin: 0px; color: #B2131C}
.listLiens p { text-transform: lowercase; padding: 0px; margin: 0px }
.listLiens a:hover {}