* {
	margin: 0px;
	padding: 0px;
}

body, td {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;}
body {
	color: #000000;
	text-align: center;
	background:#EEBE00; 
	}
/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout {
	text-align: left;
	width: 912px;
	margin: 0px auto 0px auto;
	background: url(images/bgTout.png) repeat-y;
	}
	
#paveHome { }	
#paveHome h2.titPave{
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	font-family: "Lucida grande", Arial;
	margin: 0px 0px 4px 0px;
	border: none;
	background:  #666666;
	padding: 5px 5px;
	font-family: arial;
	letter-spacing: 1px;
	min-height: 32px;
	height: auto !important;
	height: 32px
}
#paveHome td{
	border-right: 1px dotted #AAA;
	vertical-align: top;
	width:33%;
	padding: 0 3px 3px 3px;
	font-size: 11px;
}
#paveHome td.noBorder { border: none; }
#paveHome td p { padding: 0 0.7em; }
#paveHome img{  display: block; margin-bottom: 10px;}

/*	HEADER	*/
#header {
	background: url(images/bgHeader.jpg) no-repeat right top;
	height: 111px;
	padding: 0px;
	margin: 0px 6px;
	width: 900px;
}
#header h1 {  border: none; padding: 0px; margin: 0px; float: left; background: url(images/logo.png) no-repeat}
#header h1 img { padding:0px; margin: 0px; display: none}
#header h1 span { font-size: 54px; }
#header h1 span.tit { font-size: 16px; letter-spacing: 2px }
#header h1 a {width: 270px; height: 111px; float: left; display: block; color: #FFF; text-decoration: none}

#header ul { width: 250px; padding: 0px; margin: 0px}
#header li { background: none; padding: 0px; margin: 0px; width: 83px; height: 18px; float: left; text-align: center}
#header li a { color: #ACBCCB}
#header li a:hover { }

#cs {
	margin-left: 6px;
	background: #FFF3C3;
	margin-right: 6px;
	padding: 3px 6px 3px 3px;
	text-align: left;
	height:22px;
}

/* MAIN	*/
#centre {
	clear: both;
	width: 900px;
	margin: 0px 6px;
	}


#left {
	width: 250px;
	float: left;
	padding-top: 12px;
}
#left h2 {
	font-size: 18px;
}

#mainHead {
	margin-bottom: 4px;
	height: 26px;
	text-align: right;
	margin-top: 4px;
	margin-right: 5px;
}
#mainHead img {
	vertical-align: middle;
	margin-right: 4px;
}
#mainHead a {
}
#content {
	margin: 0px 0px 6px 18px;
	float: left;
	width: 624px!important;
	width: 611px;
	background: #FFF;
}

#right { }
/*	FOOTER	*/
#up {
	clear: both;
	text-align: right;
	padding: 0px 6px;
}
#up p {
	float: left;
	margin: 0px;
	padding: 0px;
}
#up img { vertical-align: middle; margin-left: 4px
	}
#up p a {
	}
#footer {
	text-align: center;
	clear: both;
	padding: 20px 5px 5px 5px;
	font-family: verdana;
	font-size: 11px; margin: 0px;	
	background: #EEBE00 url(images/bgUp.png) no-repeat center top;
}
#footer td { color: #FFF}
#footer a{
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: underline;
	}


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

h1 {
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: normal;
}
h2 {
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-bottom: 20px;
	color: #333333
}
h2 span {
	color: #CC0000;
}
h3 {
	font-size: 16px;
	margin-bottom: 4px
}
h4 {font-size: 14px;padding: 0px 10px 0px 0px; margin-bottom:5px;}
h5 { font-size: 12px}
h6 { font-size:10px}
p {
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 6px 0px;
	line-height: 140%
}
ul {
	list-style-type: none;
	margin: 0px 0px 8px 10px;
	padding: 4px 2px 4px 4px;
}

li {
	padding: 0px 0px 0px 10px;
	background: url(images/puceUl.gif) no-repeat 0px 7px;
	margin-bottom: 4px;
	margin-left:8px;
	list-style-type: none; line-height: 140%
	}

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

li img { vertical-align: middle}
img { border: none}
table {
	border-collapse: collapse;
}
th {
	font-size: 12px;
	padding: 3px 5px; vertical-align: top;
	background: #E9F0F8
}
td {
	/*vertical-align: top;*/padding: 4px
}
caption { text-align: left; padding: 3px}
blockquote { margin: 0px 0px 0px 12px}

/* forms */
form { padding: 2px; margin: 0px 0px 4px 0px}
input,textarea,select { 
	font-size: 12px 
	/*border: 1px solid #787878; 
	background: #fff; */
}

legend {
	font-size: 12px;
	background: #FFFFFF;
	font-weight: bold;
	padding: 4px 8px;
	margin-left: 4px;
	color: #699500;
}
fieldset {
	margin-bottom: 14px;
	border: 1px solid #83BB00;
	padding: 10px;
	}
fieldset img { vertical-align: middle}

label {
	 padding: 2px; /*display: block; float: left;*/
}
label input { vertical-align: middle}
/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/
.nav-access, .nav-access li { padding: 0; margin: 0; list-style-type: none; }
.nav-access { text-align: left; float: right;}
.nav-access li { display: inline; background: none; padding: 0 0 0 6px; }

/* NAV1 */
div#nav1 {
	background:#CC0000;
	height: 34px;
	margin: 0px 0px;
}
div#nav1 ul{
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #FFF;
	}
div#nav1 li {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
	background: url(images/puceNav1.gif) no-repeat center top;
	font-size: 12px;
	}

div#nav1 li.split { width:1px; height: 31px; background: url(images/split.gif) no-repeat left center}
div#nav1 li a {
	display: block;
	text-align: center;
	padding: 7px 14px 8px 14px;
	color: #FFF
	}
div#nav1 a.type1 {
	}
div#nav1 a.type2 {
	}

div#nav1 li a:hover, ul#nav li a:focus, ul#nav li a:active {
	color: #EDA6A6;
	
	}

#nav1 .on { }
#nav1 .on a { background-color: #FFCC00; color: #000
}

/************ NAV2************/
/* Niveau 1 */
ul.nav2{
	margin: 0px 0px 4px 1px;
	background: url(images/bgNav2.gif) repeat-y right;
	padding: 0px 0px 0px 0px
}
ul.nav2 li{
	margin: 1px 0px 0px 0px;
	list-style-type: none;
	padding: 5px 8px 5px 16px;
	font-size: 12px;
	background: #FFFFFF url(images/puceNav2.gif) no-repeat 5px 11px;
	border: 1px solid #699500;
}
ul.nav2 li.nav2Bot {
	background: url(images/bgNav2Bot.gif) no-repeat right bottom;
	height:14px; border: none; margin: 0px
}
ul.nav2 li.nav2Top {
	background: url(images/bgNav2Top.gif) no-repeat right top;
	height:10px; margin: 0px
}
ul.nav2 a, ul.nav2 span{
	font-size: 12px;
}
ul.nav2 a:hover{ 
	}
ul.nav2 .on {
	background:#699500 url(images/puceNav2_on.gif) no-repeat 5px 11px;
	color: #FFF;
	font-weight: bold;
	}
ul.nav2 .on a{
	color: #FFF;
}

/*Niveau 2*/
ul.nav2 .lvl1 {
	background: #EDF5AF;
	border-top: none;
	margin-top: 0px;
}
ul.nav2 .lvl1 a{
	font-size: 11px;
}
ul.nav2 .on1 {
	font-weight: bold;
	/*background: #E9F0F8 url(images/puceNav22.gif) no-repeat 16px 10px	*/}
ul.nav2 .on1 a, ul.nav2 .on1 span{ color:#4A6A00; }

/*Niveau 3*/
ul.nav2 .lvl2 { background: #FFF url(images/puceNav22.gif) no-repeat 20px 12px;  margin-top: 0px; padding-left: 34px}
ul.nav2 .lvl2 a, ul.nav2 .lvl2 span{ font-size: 0.9em}

ul.nav2 .on2 { 
	}
ul.nav2 .on3 a, ul.nav2 .on3 span{ color: #666666;}

ul.nav2 li.titNav2 { text-transform: capitalize; padding: 4px 4px 4px 15px; margin: 0px; background:#EDF5AF; font-weight: bold; color: #4E6F00; letter-spacing: 0.1em; font-size:11px}
/***************************************************************/
/**************       CLASSES DIVERSES         *****************/
/***************************************************************/

/**  PAVE CENTRE   ************************************************/
/*****		GESTION DES IMAGES		*****/
.preview {
	text-align: center;
	margin-bottom: 10px;
	font-size: 10px;
	padding: 10px;
	background: #FFFFFF;
	width: 100%
}
.preview td{
	text-align: center
	}
img.imgToRight, .imgToRight img, .toRight{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
img.imgToRight { border-left: 3px solid #FFF; border-bottom: 3px solid #FFF}
img.imgtoLeft, .imgToLeft img, .toLeft{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
table.imgBlock {  width: auto}
table.imgBlock td{ text-align: center}
table.imgBlock div{ margin-bottom: 4px; text-align: right}
.imgBlock img {
}
div.photo {
	padding: 2px;
	border: 1px solid #CCC;
	text-align: center;
}
 .date{ font-size: 10px; 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; font-size: 0.9em
}
.italique {
	font-style: italic;
}

.viewOnMap { font-size: 1em; padding: 0.4em 0; font-size: 11px; margin-left: 4px; }
.viewOnMap img { vertical-align: middle; margin-right: 0.2em; }

.close { text-align: center; }
.close img { vertical-align: middle; margin-right: 0.2em; }
.legende {
	font-style: italic;
	font-size: 11px;
	padding: 3px;
}

.required {
	color:#FF0000;
	font-size: 11px;
}
.noline {
	border: none; background: none
}

div.back { margin-bottom: 4px; padding: 0px 2px 0px 0px}

.titItem {
	color: #666666;
	font-size: 12px;
	padding: 2px 6px 26px 15px;
	font-weight: bold;
	}
.titItem:first-letter { text-transform: uppercase}
h2.titItem a { float: right; font-size: 10px}
h2.titItem a:hover {  color: #FFF}

/* */
div.download {
	padding: 2px;
	border: 1px dashed #24486C;
}
div.download h4{ background: #E9F0F8 url(images/download.gif) no-repeat; padding: 2px 2px 2px 18px; margin: 0px; font-size: 11px; color: #24486C; }
div.download p{ padding: 2px; margin: 1px }

/*************/
table td.btn, div.btn {
	text-align:center;
	padding: 8px;
	border: none;
}
.btn input, input.btn {
	font-weight: bold;
	padding: 4px 5px;
}

/*Detail d'un item*/
div.detail {
	padding: 1px;
	margin-bottom: 14px;
	border: 1px solid #C6DE1B;
}
.detail table {
	border-collapse: collapse;
	width: 100%; margin-bottom: 0px}
.detail table.imgBlock { width: auto }
.detail th{
	padding:5px;
	width: 200px;
	background: #F9FCE4;
	text-align: right;
}
.detail td {
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	
}

.detail td.tit {
	border-top: none;
	background: #699500;
}
.detail td.tit a { }
.detail td.tit a:hover {}
.detail td.tit h3{
	font-weight: bold;
	color: #FFF;
	background-image: url(images/puceTitH32.gif)
}

h3.tit{
	border-bottom: 1px solid #FFF;
	color: #24486C;
	padding: 3px 6px 3px 13px;
	background:  url(images/puceTit.gif) no-repeat 2px 8px;
	font-size: 12px;
	letter-spacing: 0.1em;
}

/**/
/*************  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-size: 11px;
	font-weight: normal;
	width: 150px;
	padding: 4px;
	text-align: right;
	border-bottom: 1px solid #FFF;
}

.answerMail {
	width: 350px;
	margin-right: auto;
	margin-left: auto;
	padding:10px;
	text-align: center;
}
.answerMail p { margin-bottom: 12px}

/************  FOOTER   ****************************/
/*********************	NEW CMS	*************************/
table.cms {
	margin-bottom: 14px;
	width: 100%
}
div.cms { margin-bottom: 14px}
.cms p{ padding: 2px; margin: 0px}
.cms ul{ margin-top: 0px; }
.cms td, div.cms {
}

/*******	NEWS HOME	*******/
#newsHome {
	background: #FFFFFF;
	margin-bottom: 10px;
	padding: 0px 0px;
	margin-left: 1px;
}
#newsHome dt {
	font-size: 12px;
	font-weight: bold;
	padding:6px 4px 4px 14px;
	text-transform: uppercase;
	background: #699500;
	color: #FFF;
	letter-spacing: 1px;
}
#newsHome dd {
	padding: 0px 4px 8px 4px;
	border: 1px solid #699500;
	margin-bottom: 2px;
	background: #FFF;
}
dd * {	
}
#newsHome a{ 
	}
#newsHome .date {
	font-style: italic;
	font-size: 10px;
	margin-bottom: 8px;
	padding: 2px;
}
#newsHome div.view {
	margin-top: 8px;
	text-align: right;
	clear: both;
}


#newsHome h2{
	color: #CD0102;
	font-weight: bold;
	padding: 4px 4px 4px 16px;
	font-size: 12px;
	margin: 0px;
	border: none;
	background: url(images/puceDt.gif) no-repeat 4px 8px;
	font-family: "Lucida grande", Arial;
	}
#newsHome div.desc {
	padding-left: 14px;
	margin-right: 10px;
}

/**** LISTING *************************/
.listItem {
	margin-bottom: 14px;
	padding: 1px;
}
.listItem table {
	border-collapse: collapse;  width: 100%;}
.listItem h3 {
	margin: 0px;
	font-size: 12px;
	
	}
.listItem td {
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	font-size: 11px;}
.listItem td td{ padding: 0px
	}
.listItem td table{ width: auto
	}
.listItem .date{ font-size: 10px; font-weight: normal }
.listItem .line1 {}

/* Listing des categories */
.listingUl { width: 220px}
.listingUl li{
	font-size: 13px;
}

.textHomeCat {
	width: 380px;
	float: right
}
.textCat { padding: 2px;  margin-bottom: 8px}

h3.titNews { 
	color: #CD0102;
	font-weight: bold;
	padding: 4px 4px 4px 16px;
	font-size: 12px;
	margin: 0px;
	border: none;
	background: url(images/puceDt.gif) no-repeat 4px 8px;
	font-family: Arial;}

/* news */
.news {
	margin-bottom: 14px;
	color: #414141;
	margin-bottom: 10px;
	padding: 0px;
	border: 1px solid #C6DE1B;
	overflow: hidden;
}
.news td { padding: 0px}
.news .titNews {
	padding: 4px 5px 4px 16px;
	margin: 0px;
	font-size: 20px;
	font-weight: normal;
	color:#CD0102;
	background: #F9FCE4 url(images/puceTitH3.gif) no-repeat 5px 12px;
}
.news h3:first-letter { text-transform: uppercase }
.news p {
	padding: 3px 5px 3px 5px;
	}
.news .photo {
	float: right;
	width: 20px;
	margin: 2px 2px
}
.news .photo td{ text-align: right; padding:0px}
.news .photo img { float: none}

.news img { float:right; margin: 8px;}
.news .date{ font-size: 11px; letter-spacing: 1px; padding: 1px 2px 2px 16px; margin: 0px;  color: #FFF; background-color: #7BB000;display: block}
.news .date span{ font-weight: bold; font-weight: 0.9em }
.news .line1 { background: red}
.news .view { font-weight: bold; font-size: 0.9em}

/*	ALBUM PHOTO*/
#album {
	width: 550px;
}
#album h3 {
	background: url(images/gallery.gif) no-repeat 0px 4px;
	padding: 6px 4px 4px 36px;
	color: #000000;
	margin: 0px 0px 3px 0px;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #E2E2E2;
	text-transform: capitalize;
}
#datacontainer {
	margin: 0px 0px 10px 0px;
	padding: 4px;
	border: 1px solid #E2E2E2;
	background: #F5F5F5;
}
	
#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; height: 1px}
#album a {
	width: 100px;
	height: 101px;
	display: block;
	border: 1px solid #E2E2E2;
}
#album a:hover {
	border: 1px solid #CCCCCC
   }

/*********************	DONNEES TABULAIRES	*************************/
/* Titre générique d'un tableau */
td.tit {
	padding: 2px 4px 2px 4px;
	background: #E4F18D;
	border: 1px solid #C6DE1B;
}
td.tit a {
	float: right;
	font-size: 11px;
	display: block;
	margin-bottom: 2px;
	padding: 2px 6px 2px 26px;
	text-align: center;
	border: 1px solid #C6DE1B;
	text-transform: none;
}
.viewMore {
	background: #FFF url(images/information.gif) no-repeat 3px center;}
.viewMap {
	background: #FFF url(images/viewMap.gif) no-repeat 3px center;}

td.tit a:hover {}
td.tit h3{
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 0px 14px;
	margin:4px 0px 0px 0px;
	text-transform: uppercase;
	background: url(images/puceTitH3.gif) no-repeat 3px 3px;
	color: #557900;
	letter-spacing: 1px
}
td.tit h3:first-letter{ font-size: 13px; }

td.tit h3 span {
	color: #467B02; background: #FFF; padding: 2px 4px}
/*****/
div.tablo {
	border: 1px solid #557900;
	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;
}
.line1 {
	background-color:#F9FCE4;
	/*background-color: #F9F9CA*/
}

tr.champs th{
	padding: 4px 5px 4px 5px;
	color: #FFF;
	background: #699500;
	border: 1px solid #FFFFFF;
}
.tablo caption, h3.tit {
	border-bottom: 1px solid #FFF;
	color: #24486C;
	padding: 3px 6px 3px 13px;
	background:  url(images/puceTit.gif) no-repeat 2px 8px;
	font-size: 12px;
	letter-spacing: 0.1em;
}
.tablo td.tit a { float: right; font-size: 10px; color: #FFF}
.tablo td.tit a:hover {}
.tablo td.tit{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 6px 5px 16px;
	margin-left:0px;
	background: #24486C url(images/puceTit.gif) no-repeat 5px 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 { font-size: 14px}


/***	CONTACT	****/
#formNeteor {
	margin: 0;
	padding: 0;
}
#formNeteor td.tit{ }
#formNeteor table{
	}
#formNeteor th {
	padding: 4px;
	border-bottom: 1px solid #FFF;
	background: none;
	font-weight: normal;
}

/*	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-size: 11px; font-weight: normal;
	letter-spacing: 0.1em
}
#detailAvis dt span{ font-weight: bold
	}
#detailAvis dd { padding: 2px; margin-bottom: 5px}
#meteo {
	margin-left: 14px;
}
#news {
	border: 1px solid #699500;
}