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

body, td {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;}
body {
	color: #000000;
	text-align: center;
	background: #FFF url(images/bgBody.png) repeat-x;
	margin-top: 8px
	}
/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout {
	text-align: left;
	width: 900px;
	margin: 0px auto 0px auto;
	position: relative;
	}
	
#paveHome { 
}	
#paveHome h2.titPave{
	color: #FFFFE1;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	border: none;
	background: #B7B700;
	font-family: arial;
	padding: 3px 3px 5px 5px;
	letter-spacing: 1px;
	min-height: 36px;
	height: auto !important;
	height: 36px
}
#paveHome td{
	vertical-align: top;
	width:33%;
	padding: 0 6px;
	border-right: 1px dotted #AAA; ;
}

#paveHome img{  display: block; margin-bottom: 10px;}#paveHome td p { padding: 0 0.3em; }
#paveHome td.noBorder { border: none;}


/*	HEADER	*/
#header {
	background: #274D74 url(images/bgHeader.jpg) no-repeat right top;
	height: 142px;
}
#header h1 { width: 260px; height: 90px; border: none; padding: 0px; text-align: center; letter-spacing: 1px }
#header h1 span { font-size: 54px; }
#header h1 span.tit { font-size: 16px; letter-spacing: 2px }
#header h1 a { color: #FFF;font-size: 36px; 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 { }

/* MAIN	*/
#centre {
	background: #FFF url(images/bgCentre.gif) repeat-y -47px;
	padding-left: 3px;
	clear: both;
	border-right: 3px solid #274D74;
	}


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

#mainHead {
	text-align: right;
	padding: 2px 2px 0px 2px;
	margin-bottom: 12px;
	height: 24px;
}
#mainHead img { vertical-align: middle}
#mainHead a { font: bold 10px "Lucida Grande", verdana}
#content {
	padding: 6px 6px 6px 10px;
	float: left;
	width: 624px;
	font-family: "Lucida grande", Verdana, Arial, Helvetica, sans-serif
}

#right { }


/*	FOOTER	*/
#up {
	clear: both;
	text-align: right;
	padding: 6px;
	border-bottom: 10px solid #336699;
}
#up p {
	float: left;
	color: #FFF;
}
#up p a {
	color:#FFF
	}
#footer {
	text-align: center;
	clear: both;
	padding: 5px;
	font-family: verdana;
	font-size: 11px;
}
#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-weight: normal;
	margin-bottom: 14px;
	border-bottom: 3px double #B7B700;
	font-family: Georgia, "Times New Roman", Times, serif
}
h2 span {
	color: #CC3300;
}
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 6px;
	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:#CC0000 }
a img, li img { vertical-align: middle}
img { border: none}
table {
	border-collapse: collapse;
}
th {
	font-size: 11px;
	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-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	/*border: 1px solid #787878; 
	background: #fff; */
}

legend {
	font-size: 12px;
	background: #FFFFFF;
	font-weight: bold;
	padding: 4px 8px;
	margin-left: 4px;
}
fieldset {
	margin-bottom: 14px;
	border: 1px solid #CCC; 
	padding: 10px;
	font-size: 11px
	}

label {
	padding: 2px; /*display: block; float: left; */
}
label input { vertical-align: middle}
/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/
div#nav1 { background:#274D74; height:34px;}
div#nav1 ul{
	margin: 0px 3px;
	padding: 0px;
	height: 31px;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	background-color: #B7B700;
	}
div#nav1 li {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
	background: none
	}
div#nav1 li a {
	display: block;
	text-align: center;
	padding: 6px 5px 8px 6px;
	color: #FFFFFF;
	font-size: 12px;
	border-right: 1px solid #DFDF00;
	}
div#nav1 a.type1 {
	}
div#nav1 a.type2 {
	}

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

#nav1 .on {
}
#nav1 .on a { /*font-weight: bold;*/ color: #333333; background: #DFDF00 }

/************ NAV2************/
.nav-access, .nav-access li { padding: 0; margin: 0; list-style-type: none; }
.nav-access { text-align: right; position: absolute; right: 50px; top: 6px; }
.nav-access li { display: inline; background: none; padding: 0 0 0 6px; }
.nav-access a { color: #FFF; }

/* Niveau 1 */
ul.nav2{
	margin: 34px 4px 4px 0px;
	background: #FFF;
	padding: 0px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF
}
ul.nav2 li{
	margin: 0px;
	list-style-type: none;
	padding: 3px 3px 3px 17px;
	background: url(images/puceNav2.gif) no-repeat 3px 8px;
	border-bottom: 1px solid #336699;
	font-size: 11px;
}

ul.nav2 a, ul.nav2 span{
	font-size: 11px;
}
ul.nav2 a:hover{
	color:#CC0000 
	}
ul.nav2 .on {
	background:#274D74 url(images/puceNav2_on.gif) no-repeat 0px -9px;
	color: #FFF;
	}
ul.nav2 .on a{ color: #FFF}

/*Niveau 2*/
ul.nav2 .lvl1 { background: #E9F0F8 url(images/puceNav22.gif) no-repeat 16px 10px; margin-top: 0px; padding-left:28px}
ul.nav2 .lvl1 a{ }
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:#274D74; }

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

ul.nav2 .on2 span { margin-left: 10px
	}
ul.nav2 .on3 a, ul.nav2 .on3 span{ color: #666666;}


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

/*****		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;
}

.close { text-align: center; }
.close img { vertical-align: middle; margin-right: 0.3em;}

.italique {
	font-style: italic;
}
.legende {
	font-style: italic;
	font-size: 11px;
	padding: 3px;
}

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

div.back { margin-bottom: 6px; padding: 3px}
.view { font-weight: bold; clear: both}
.viewOnMap { font-size: 1em; display: block; text-align: center; padding: 0.4em 0; width: 130px; float: right; }
.viewOnMap img { vertical-align: middle; margin-right: 0.2em; }

.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}
.logo_cs { text-align: center}
/* */
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{
	font-weight: bold;
	padding: 2px 3px;
	background: #FFCC33
}



/*Detail d'un item*/
div.detail {border: 1px solid #336699 ; padding: 1px;
	margin-bottom: 14px;}
.detail table {
	border-collapse: collapse;
	width: 100%; margin-bottom: 0px}
.detail table.imgBlock { width: auto }
.detail th{
	padding:5px;
	text-align:right;
	width: 200px;
	background: #F9F9CA;
	border-bottom: 1px solid #FFF;
	color: #24486C;
}
.detail td {
	vertical-align: top;
	padding: 3px 0px 3px 5px;
	border: 1px solid #FFFFFF;
}
.detail .date{
	color: #FFF;
	background: #274D74;
}
.detail td.tit { background:  #24486C}
.detail td.tit a { float: right; /*color: #FFF;*/}
.detail td.tit a:hover {}
.detail td.tit h3{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	padding: 0px 6px 5px 16px;
	margin:0px;
	background: url(images/puceTit.gif) no-repeat 5px 5px;
	letter-spacing: 0.1em;
}

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;
}
/*h2 span {
	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;
	background: url(images/bgMail.gif) no-repeat;
	border: 1px solid #CCC;
}
.answerMail p { margin-bottom: 12px}

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

/*******	NEWS HOME	*******/
#newsHome {
	background: #FFFFFF;
	border: 1px solid #FFF;
	margin-right: 5px;
	margin-bottom: 10px;
}
#newsHome dt {font-size: 14px; font-weight: normal; color: #FFF; padding:4px 4px 4px 14px; background: #697375}
#newsHome dd {
	padding: 5px 5px 8px 14px;
	border-top: 1px solid #697375;
}
#newsHome h2 { border: none}
dd * {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; }
#newsHome a{ font-size: 10px; 
	}
#newsHome .date { font-style: italic; font-size: 10px; margin-bottom: 8px}
#newsHome div.view {
	margin-top: 8px;
	text-align: right;
	clear: both;font-weight: bold; font-size: 10px
}

#newsHome h2{
	color: #000000;
	font-family: verdana;
	font-weight: bold;
	padding: 2px 0px;
	font-size: 11px;
	margin: 0px;
	}

/**** LISTING *************************/
.listItem {
	border: 1px solid #274D74;
	margin-bottom: 14px;
	padding: 1px;
	width: 100%;
}
.listItem table {
	border-collapse: collapse;  width: 100%;}
.listItem h3 {
	background: url(images/puceLink.gif) no-repeat 0px 8px;
	padding: 2px 2px 2px 10px;
	margin: 0px; font-size: 12px
	}
.listItem h3 a{ 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 { background: #E9F0F8}

/* Listing des categories */
.listingUl { width: 220px}
.listingUl li{ background:url(images/puceLink.gif) no-repeat 0px 4px}

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

/* news */
.news {
	margin-bottom: 14px;
	padding: 1px;
	border: 1px solid #DAD9D6;
	font-size: 11px; width: 100%
}
.news td { padding: 1px}
.news .titNews {
	padding: 5px 5px 5px 5px;
	margin: 0px; font-size: 22px; font-weight: normal; color: #959500	}
.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: 0px 0px 8px 8px}
.news .date{ font-size: 10px; background:#24486C; margin: 0px; color: #FFF }
.news .line1 { background: red}


/*	ALBUM PHOTO*/
#album {
	width: 610px; margin-left:8px}
#album h3 {
	background: url(images/gallery.gif) no-repeat left center;
	padding: 4px 4px 4px 20px;
	color: #000000;
	margin: 0px 0px 3px 0px;
	font-size: 12px;
	color: #000000;
	border-top: 1px solid #B7B700;
	border-bottom: 1px solid #B7B700;
}
#datacontainer {
	margin: 0px 0px 10px 0px;}
	
#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; width: 620px; height: 2px}
#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 { background:  #24486C; padding:5px 4px 5px 4px}
td.tit a {
	float: right;
	font-size: 10px;
	color: #CC3300;
	display: block;
	padding: 3px 4px 3px 23px;
	font-weight: bold;
	margin-left: 5px;
}
.viewMore {
	background: #FFF url(images/information.gif) no-repeat 4px center;}
.viewMap {
	background: #FFF url(images/viewMap.gif) no-repeat 4px center;}

td.tit a:hover {}
td.tit h3{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	padding: 0px 6px 5px 16px;
	margin:0px;
	background: url(images/puceTit.gif) no-repeat 5px 5px;
	letter-spacing: 0.1em;
}
/*****/
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;
}
.line1 {
	background-color:#E9F0F8;
	/*background-color: #F9F9CA*/
}

tr.champs th{
	padding: 4px 5px 4px 5px;
	color: #EEF3F9;
	background: #24486C;
	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 {
	width: 500px;
	border: 1px solid #24486C;
	margin: 0px auto 12px auto;
}
#formNeteor table{
	width: 100%
	}
#formNeteor th { background: #E9F0F8; padding: 4px; border-bottom: 1px solid #FFF}
#formNeteor .tit {}

/*	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}