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

body, td {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;}
body {
	color: #000000;
	text-align: center;
	background:#BDD76F url(images/bgBody.gif);
	}

/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout {
	text-align: left;
	width: 916px;
	margin: 0px auto 0px auto;
	}

/*	HEADER	*/
#header {
	padding: 0px;
	margin: 0px;
	background:url(images/fotoHeader.jpg) no-repeat 378px top;
}
#header h1 { border: none; padding: 0px; margin: 0px; height: 116px;}
#bgHeader {
	background-image:url(images/bgHeader.png) !important;
	background-image:url(no-image);
	background-repeat: no-repeat;
	height: 231px;
	  }
#header h1 img { padding:0px; margin: 0px; margin-top: 10px;}
#header h1 span { font-size: 12px; }
#header a#logo {width: 350px; margin-left: 80px; display: block; color: #FFF; text-decoration: none; position: relative; z-index:1 }
#header p{
	color:#663433;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding:4px 7px 7px 0px !important;
	margin: 0px 0px 0px 74px;
	background: url(images/bgSlogan.gif) no-repeat;
	width: 340px;
	height: 73px ;
	text-align: center;
}
#drapeaux { width: 100px; text-align: center;  padding: 4px 0px; position: absolute; z-index: 2; left: 30px; bottom: 44px}
#drapeaux a { margin-left: 8px; padding: 0}
#drapeaux img {border: 1px solid #FFF; }

/* MAIN	*/
#centre {
	background: #FFF url(images/bgCentre.png) repeat-y; padding-left: 9px; clear: left
	}

#left {
	width: 254px;
	float: left;
	border-top: 1px solid #FFF;
}
#content {
	margin: 0px 0px 6px 28px;
	padding-top: 24px;
	float: left;
	width: 600px;
}
#home {
	margin: 0px 0px 6px 18px;
	padding-top: 24px;
	float: left;
	width: 420px;}

#right {
	margin-right: 9px !important; margin-right: 5px; width: 190px; float: right; 
	border-top: 1px solid #FFF;
}
#right h2 { height:28px;
	background: url(images/titProdHome.gif) left top; padding: 0; margin: 0}
#right h3, #right h3 a { 
	font-size: 13px; color: #663433;
	border: none;
	font-weight: bold;
	}
#right h3 { 
	margin: 0px 0px 4px 0px;
	padding: 1px 1px 0px 1px;
	background: none;}
#right h3 a { display: block
	}
#right h3 a:hover { color: #7A952B }
#right div.desc {
	padding: 5px 3px 0px 5px;
	margin-left: 8px;
	margin-bottom: 10px;
	background: url(images/bgNews.gif) repeat-x left bottom;}
	
#right div div { width:160px;
	padding: 6px;
	border: 1px solid #A5C83B;
	background: #FFFFFF;
	font-size: 11px; margin: 0px}
#right img  {  float:right; margin-left: 4px }
#right .view {
	clear: both;
	border: none;
	font-weight: bold;
	margin: 0px;
}


#contact {
	margin-left: 200px;
	padding-top: 14px;
	width: 620px;
}
div.paveHome { margin-bottom: 6px}
div.paveHome .desc { line-height: 1.6em; padding-bottom: 8px}
	
div.paveHome h2.titPave{
	color: #663433;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0px 0px 8px 0px;
	border-bottom: 1px dotted #83B339;
	background: url(images/puceH2.gif) no-repeat 0 10px;
	padding: 0px 5px 4px 14px;
	font-family: verdana;
}
div.paveHome img{
	margin-bottom: 10px;
	float: right;
	border: 1px solid #CCC;
	margin-left: 10px;
}
div.paveHome .bot { clear: both; height: 4px; padding: 0px;}

/*	FOOTER	*/
#up {
	clear: both;
	text-align: right;
	padding: 6px 20px 14px 6px;
	font-size: 0.9em;
}
#up p {
	float: left;
	color: #FFF;
}
#up img { vertical-align: middle; margin-left: 4px
	}
#up p a {
	color:#FFF
	}
#footer {
	text-align: center;
	clear: both;
	color: #5B6F37;
	background: url(images/bgUp.png) no-repeat top left;
	padding: 8px 0px;
	width: 916px; margin: 0 auto
}
#footer a{
	text-decoration: underline;
}
#footer p { float: left}
#footer a:hover {
	text-decoration: underline;
	}


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

h1 {
	font-size: 2em;
	margin-bottom: 20px;
	font-weight: normal;
}
h2 {
	font-size: 1.7em;
	font-weight: normal;
	margin-bottom: 20px;
	padding-left: 14px;
	color: #663433; background: url(images/puceH2.gif) no-repeat 0px 12px
}
h2 span {
	color: #FE9900;
}
h3 {
	font-size: 1.4em;
	margin-bottom: 4px
}
h4 {font-size:1.4em;padding: 0px 10px 0px 0px; margin-bottom:5px;}
h5 { font-size: 12px}
h6 { font-size:10px}
p {
	padding: 2px 0px 2px 0px;
	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:#7A952B }

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-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
}

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

label {
	display: block; padding: 2px; float: left
}
label input { vertical-align: middle}
/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/
div#nav1 {
	height: 30px; width: 930px; position: relative;
}
div#nav1 ul{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
div#nav1 li {
	list-style-type: none;
	float: left;
	margin: 0px 1px 0px 0px;
	padding: 0px 0px 0px 7px;
	background: url(images/nav1_off_L.gif) no-repeat left top; 
	height: 28px; font-size: 0.9em
	}
div#nav1 li a {
	display: block;
	background: url(images/nav1_off_R.gif) no-repeat right top;
	padding: 6px 7px 9px 4px;
	font-weight: bold;
	font-family: tahoma;
	}

#nav1 .on { background-image: url(images/nav1_on_L.gif)
}
#nav1 .on a {background-image: url(images/nav1_on_R.gif); color: #FFF
}

/************ NAV2************/
/* Niveau 1 */
.nav2 { background: #FFF url(images/bgNav2.gif) repeat-x left bottom; padding-left: 8px; padding-top: 8px}
.nav2 ul{
	margin: 0px 3px 0px 8px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #A5C83B;
}
h2.titNav2 {
	background: #FFF url(images/bgNav2Top.gif) no-repeat right top;
	height:28px; margin: 0px 0px 0px 0px; padding: 0
}
.nav2 li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 100%;
}
.nav2 a, .nav2 span{
	display: block;
	padding: 5px 8px 5px 23px;
	font-size: 13px;
	height: 100%;
	background: #FFF url(images/puceNav2.gif) no-repeat 5px 10px;

}
.nav2 li a:hover{ background-color: #ECF3D6;}
.nav2 .on a{
	background-color: #ECF3D6;
	font-weight: bold; 
	}

/*Niveau 2*/
.nav2 .lvl1 {
	margin: 0px; padding: 0px;border: none
}
.nav2 .lvl1 ul { border: none; margin: 0; padding:0; }
.nav2 .lvl1 li{ background: none;  border-bottom: 1px solid #ECF3D6; background: #FFF url(images/bgLvl1.gif) repeat-y -18px 0; }
.nav2 .lvl1 a{ background: none; padding: 3px 8px 3px 40px;  font-size: 0.9em }
.nav2 .on1 {
	font-weight: bold; }
.nav2 .on1 a, .nav2 .on1 span{  color:#663333
 }

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

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


/***************************************************************/
/**************       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: right}
table.imgBlock div{ margin-bottom: 4px; text-align: right}
.imgBlock img {
}

.date{ font-size: 10px; font-weight: normal }
/* Divers */
/* */
.bot {
	clear: both;
}

.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
}
.grasRouge {
	font-size: 11px;
	color: #333333;
}
.italique {
	font-style: italic;
	color: #CD5A00;
}
.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: 3px}

.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: #C8DD88 url(images/download.gif) no-repeat 0 2px; padding: 2px 2px 2px 18px; margin: 0px; font-size: 12px; color: #658A2D; }
div.download p{
	padding: 2px;
	margin: 1px 0px 0px 10px;
	line-height: 180%;
}

/*************/
table td.btn, div.btn {
	text-align:center;
	padding: 8px;
	border: none;
}
.btn { font-size: 13px;
	padding: 2px 3px;
}

/*Detail d'un item*/
div.detail {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 td.tit { }
.detail td.tit a { float: right; color: #FFF}
.detail td.tit a:hover {}
.detail td.tit h3{
	color: #FFFFFF;
	margin:0px;
	font-size: 12px;
}

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;
	text-align: center;
	padding-top: 10px;
	padding-left: 10px;
	background: url(images/bgAnswer.gif) no-repeat right bottom;
}
.answerMail div { background: #FFF; padding: 8px;
	border: 1px solid #92BC3A;}
.answerMail p { margin-bottom: 12px}

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

/* IMAGE GABARIT 3 */
.padLeft { padding-left: 10px !important; vertical-align: top; text-align: center} 

/*******	NEWS HOME	*******/

/*******	NEWS HOME	*******/

.titNewsHome { height:28px;
	background: url(images/bgNewsTop.gif) left top; padding: 0; margin: 0
}
.newsHome {
	background: url(images/bgNews.gif) repeat-x left bottom;
	border-left: 8px solid #FFF;margin-bottom: 16px
}
.newsHome div {
	border: 1px solid #A5C83B;
	background: #FFFFFF;
	font-size: 11px;
	left: 8px; position:relative; top: 8px;
	width: 232px; padding: 6px; 
}
.newsHome a{ 
	}
.newsHome img { float: right; margin-left: 4px}
.newsHome h3, .newsHome h3 a{
	color: #663433;
	font-size: 13px;
	border: none;
	font-weight: bold;
	background: none;
	}
.newsHome h3{
	padding:1px;
	margin: 0px;
	}
.newsHome h3 a{
	display: block
	}
.newsHome h3:first-letter { text-transform: uppercase}
.newsHome .date {
	font-size: 0.9em;
	margin-bottom: 8px;
	padding: 0px;
}
.newsHome p.view {
	padding: 3px;
	margin: 0;
	clear: right;
	font-weight: bold;
}

/**** LISTING *************************/
.listItem {
	margin-bottom: 14px;
	padding: 1px;
	border: 1px solid #CCC;
}
.listItem h3.titItem {
	padding: 2px 2px 2px 2px;
	margin: 0px;
	font-size: 12px;
	color: #F18001;
	
	}
.listItem div.desc {
	padding: 3px 5px 3px 5px;
	}
.listItem .date{ font-size: 10px; font-weight: normal }

/* Listing des categories */
.listingUl { width: 80%}
.listingUl li{
	background: #FFF url(images/puceNav2.gif) no-repeat 0px 7px; padding: 0px ; height: 100%;  }
.listingUl a { display: block; padding: 2px 2px 2px 18px;height: 100%;}
.listingUl a:hover { background: #ECF3D6}

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

/* news */
.news {
	margin-bottom: 10px;
	color: #414141;
	margin-bottom: 10px;
	padding: 0px;
	width: 100%;
	border: 1px solid #A5C83B;
}
.news div.desc { padding: 5px 5px 2px 5px}
.news td { padding: 0px}
.news .titNews, .news .titNews a {color: #4B6721;}
.news .titNews {
	padding: 5px 5px 3px 5px;
	margin: 0px; font-size: 20px; font-weight: normal; 
	border-bottom: 1px solid #FFF; background-color: #ECF3D6}
.news .titNews a:hover { color: #7A952B}
.news h3:first-letter { text-transform: uppercase }
.news p {
	padding: 3px 0px 3px 0px;
	}
.news .photo {
	float: right;
	width: 20px;
}
.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: 12px; letter-spacing: 1px; padding: 1px 2px 2px 5px;  color: #FFF; background-color: #83B339;display: block}
.news .date span{ font-weight: bold; }
.news .line1 { background: red}
.news .view {
	font-weight: bold;
	margin: 0px;
	padding: 1px;
	clear: both
}


/*	ALBUM PHOTO*/
#album {
	/*width: 550px;*/
	margin-left:8px;
}
#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; width: 620px; 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 { background:  #666666; padding:4px 4px 4px 4px}
td.tit a {
	float: right;
	color: #FFF;
	font-size: 11px;
	display: block;
	padding: 3px 6px 3px 26px; background:#FE9900 url(images/information.gif) no-repeat 0px center}
td.tit a:hover {}
td.tit h3{
	color: #6C952F;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 6px 3px 5px;
	margin:0px;
	letter-spacing: 1px;
}
/*****/
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: #FEF4D6;
	/*background-color: #F9F9CA*/
}

tr.champs th{
	padding: 4px 5px 4px 5px;
	color: #EEF3F9;
	background: #666666;
	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 {
	border: 1px solid #88B639;
}
#formNeteor td.tit{ background: #ECF3D6}
#formNeteor table{
	width: 100%
	}
#formNeteor th {
	padding: 4px;
	border-bottom: 1px solid #FFF;
	background: none;
	font-weight: normal;
}