/* fond du site */
html, body {
	padding:0px;
	margin:0px;
}
body {
	background: #ffffff;
}

* {
	font-family: "Trebuchet MS";
}

a {
	color: rgb(66, 147, 181);
}

/* centrage du site et largeur */

#allpage {
	padding:  0px;
	top:0px;
}
.marge, .margedroite {
	padding:10px 4px 10px 300px;
}

.centrage_du_site{
	margin: 0px auto 0px auto;
}

.largeur_du_site {
	width: 965px;
}

/* Header : entête de page */
		#header {
			position: absolute;
			height: 320px;
			top:0px;
			z-index: 10;
			text-align: left;
		}


/* div menu et sous menu */
				#header #menu_general {
					position: absolute;
					width: 910px;
					height: 30px;
					top:215px;
					left:30px;
				}
					#header #menu_general ul{
						margin: 0px;
						padding: 0px;
						list-style: none;
					}
					#header #menu_general ul li{
						margin: 0px;
						padding: 0px;
						display: block;
						float: left;
						list-style: none;
						padding: 10px 10px 25px 10px;
						color: #ffffff;
					}
					#header #menu_general ul li.select{
						background: #ffffff url(../images/select_menu.gif) no-repeat center bottom;
						-webkit-box-shadow: 0px 0px 8px #fff; 
						-moz-box-shadow: 0px 0px 8px #fff; 
						/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#ffffff', Direction=0, Strength=8);
						zoom: 1; */
					}
						#header #menu_general span.m,
						#header #menu_general a{
							padding: 0px 0px 0px 0px;
							margin: 2px 0px 0px 0px;
							color: #ffffff;
							text-decoration: none;
							font-weight: normal;
							font-size: 14px;
						}
						#header #menu_general a:hover{
							color: #ffffff !important;
							text-shadow: 0px 0px 8px #ffffff; 
						}
						#header #menu_general ul li.select a span{
							color: #008358 !important;
						}
						#header #menu_general ul li.select a:hover span{
							color: #008358 !important;
							text-shadow: 0px 0px 8px #d5fa7f; 
						}

/* div submenu*/

	.sousmenu_box .sm_title {
		color: #737477;
		display: none;
	}
	
		.sm_title span,
		.sm_title a {
			text-transform: uppercase;
			font-size: 12px;
		}
	.sousmenu_box a {
		text-decoration: none !important;
	}
			.sousmenu_box ul {
				position: relative;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
			}
				.sousmenu_box ul li {
					padding: 0px 0px 0px 10px;
					margin: 0px 0px 0px 0px;
					list-style: none;
				}
				.sousmenu_box ul div.selected{
					border-bottom: 1px solid #a2cdbf;
				}
					.sousmenu_box ul li span {
						font-size: 16px;
						text-decoration: none;
						color: #69b125 !important;
						text-indent: -20px;
					}
					.sousmenu_box ul li a:hover span{
						color: #e3550b !important;
					}
					.sousmenu_box ul li a.selected span{
						color: #e3550b !important;
					}
						.open_submenu {
							position: absolute;
							left: -6px;
							width: 9px;
							height: 15px;
							background: url(../images/submenu_open.gif) no-repeat left bottom;
						}
						.open_submenu.open {
							position: absolute;
							left: -6px;
							width: 9px;
							height: 15px;
							background: url(../images/submenu_close.gif) no-repeat left bottom;
						}
				.sousmenu_box ul ul{
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					left:0px;
				}
					.sousmenu_box ul ul li {
						margin: 0px 0px 0px 10px;
						padding: 0px 0px 0px 0px;
					}
						.sousmenu_box ul ul li span {
							font-size: 14px;
							color: #008358 !important;
						}
						.sousmenu_box ul ul li a.selected span{
							font-size: 14px;
							color: #000000 !important;
						}
						.sousmenu_box ul ul ul{
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							left:0px;
						}
							.sousmenu_box ul ul ul li {
								padding: 0px 0px 0px 10px;
							}
								.sousmenu_box ul ul ul li span {
									font-size: 12px;
									color: #73b723 !important;
								}
								.sousmenu_box ul ul ul li a.selected span {
									font-size: 12px;
									color: #000000 !important;
								}
							.blue {
								color:#0082c6;
							}
								.sousmenu_box ul ul ul ul li span {
									font-size: 10px;
									color: #87888a !important;
								}
								.sousmenu_box ul ul ul ul li a.selected span{
									font-size: 10px;
									color: #000000 !important;
								}
				.newsbox {}
					.newsbox h1 {
						color: #69b125;
						font-size: 24px;
						padding: 3px;
						border-bottom: 1px solid #69b125;
					}
					.newsbox ul {
						margin: 0px;
						padding: 0px;
					}
						.newsbox li {
							margin: 0px;
							padding: 20px;
							list-style: none;
						}
							.newsbox h5 {
								color: #69b125 !important;
								font-weight: bold;
								text-decoration: none;
								padding: 0px;
								margin: 0px;
							}
							.newsbox p {
								margin: 0px;
								padding: 0px;
								text-align: left;
							}
							.newsbox a {
								color: #69b125 !important;
								font-weight: bold;
								text-decoration: none;
							}
							.newsbox .more {
								font-style: italic;
								font-size: 10px;
								font-weight: normal;
								float: right;
								white-space: nowrap;
							}
					.news .more {
						white-space: nowrap;
					}


/* div menu utilitaire */
				#menu_utilitaire {
					position: absolute;
					width: 550px;
					top:50px;
					left:200px;
				}
					#menu_utilitaire ul{
						margin: 0px;
						padding: 0px;
						float: right;
					}
					#menu_utilitaire ul li{
						margin: 0px;
						padding: 0px;
						display: block;
						float: left;
						border-left: 1px solid #eb6b08;
					}
					#menu_utilitaire a{
						display: block;
						padding: 0px 10px 0px 10px;
						margin: 2px 0px 0px 0px;
						color: #707173 !important;
						text-decoration: none;
						font-weight: normal;
						font-size: 11px;
					}
						#menu_utilitaire a:hover{
							color: red;
						}
						#menu_utilitaire a.selected{
							color: red;
						}



/* div formulaire de recherche */

				#zone_recherche{
					position: absolute;
					width: 200px;
					height: 16px;
					top:45px;
					left:770px;
					margin:2px 0px 2px 0px;
				}

				* html #zone_recherche{
					height: 16px !important;
					margin: 0px !important;
					padding: 0px !important;
				}
					#zone_recherche form{
						border:0px none transparent;
						margin: 0px !important;
						padding: 0px !important;
						height: 20px;
					}
					#zone_recherche fieldset{
						border:0px none transparent;
						margin:0px;
						padding:0px 0px 0px 10px;
						height: 20px;
					}

							#zone_recherche #word_search{
								position: absolute;
								top:0px;
								left:0px;
								font-size: 9px;
								color: #eb6b08;
								width: 160px;
								height: 16px;
								background: transparent;
								border:0px none transparent;
							}
							* html #zone_recherche #word_search{
								top:5px;
							}
							#zone_recherche #btn_search{
								position: absolute;
								top:0px;
								left:165px;
								width: 25px;
								height: 25px;
								border:0px none transparent;
							}
/* div visuels header */				
				#header #visuel {
					position: absolute;
					top :0px;
					left:0px;
					width: 970px;
					height: 275px;
				}
				#header #masque {
					position: absolute;
					top :0px;
					left:0px;
					width: 970px;
					height: 275px;
					background: url(../images/header_mask.png) no-repeat;
				}
				#header #masque.lg2 {
					background: url(../images/header_mask_2.png) no-repeat;
				}
				#header #masque.lg3 {
					background: url(../images/header_mask_3.png) no-repeat;
				}
				#header #masque.lg4 {
					background: url(../images/header_mask_4.png) no-repeat;
				}
				#header #masque.lg5 {
					background: url(../images/header_mask_5.png) no-repeat;
				}
				* html #header #masque {
					position: absolute;
					top :0px;
					left:0px;
					width: 970px;
					height: 275px;
					background: url(../images/header_mask.gif) no-repeat;
				}


/* div lien sur logo */
				
				#header #lien_logo_hp{
				/* lien sur le logo */
					position: absolute;
					width: 180px;
					height: 100px;
					top:10px;
					left:10px;
				}
						#header #lien_logo_hp img{
							border: 0px none transparent;
							width: 180px;
							height: 120px;
						}
						#header #lien_logo_hp a{
							border: 0px none transparent;
						}
				
/* div Fils d'ariane */
				#header #ariane{
					position:absolute;
					top:270px;
					left:10px;
					height: 20px;
					width: 950px;
					border-bottom: 1px solid #a2cdbf;
					border-collapse: collapse;
				}
						
				#header #ariane,
					#header #ariane	*{
						font-size: 10px;
						text-decoration: none;
					}
					#header #ariane	.pathselected {
						color: #e3550b;
					}
					#header #ariane	.path {
						color: #737477;
					}
					#header #ariane	.path:hover {
						color: #737477;
					}



				#header #connection {
					position:absolute;
					top:20px;
					left:430px;
					width: 500px;
					text-align: right;
						color:#96be00;
				}
					#header #connection a{
						color:#ffffff;
					}


				#header #choix_langues{
					position:absolute;
					width: 200px;
					top:270px;
					right:10px;
					text-align: right;
					
				}
				#header #choix_langues a{
					text-decoration: none !important;
					color: #007245 !important;
					margin-left:5px;
				}




/* Footer : pied de page visible */

		#footer {
			position: relative;
			top:0px;
			margin: 0px 0px 0px 0px;
			width: 970px;
			height: 75px;
			z-index: 70;
			clear: both;
			background: url(../images/footer.jpg) no-repeat;
		}
		
/* div menu copyright */

				#footer #menu_copyright{
					position: absolute;
					margin: 0px 0px 0px 0px;
					top:30px;
					left:30px;
					width: 900px;
					padding: 0px 0px 0px 0px;
				}
				
				#footer #menu_copyright *{
					color: #ffffff ,!important;
					font-size: 10px;
					text-align: left;
				}
						#footer #menu_copyright #menu_copyright_left{
							position: absolute;
							left: -5px;
							top:20px;
							text-align: left;
							color: #ffffff;
						}
						#footer #menu_copyright #menu_copyright_right{
							position: absolute;
							width: 400px;
							right: -10px;
							top: -10px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							color: #ffffff;
						}
							#footer #menu_copyright #menu_copyright_right * {
								text-align: right;
							}
				
						#footer #menu_copyright b{
							color: #ffffff;
							font-weight: bold;
						}
						#footer #menu_copyright a{
							color: #ffffff;
							text-decoration: none;
							margin: 0px 10px 0px 0px;
						}
						#footer #menu_copyright a.selected{
							color: #ffffff;
						}
						#footer #menu_copyright a:hover{
							color: #ffffff;
						}
				

	



/* Content : partie contenu cad : colonnes gauche | centre | droite */

		#wrapper {
			padding: 10px 0px 0px 0px;
			margin: 290px 0px 0px 0px; 
			width: 970px;
			vertical-align: top;
			z-index: 1;
			min-height:300px;
			background:  url(../images/page.gif) repeat-y;
		}
			#wrapper #colonne_gauche{
				padding: 10px 10px 0px 20px;
				margin: 0px 20px 0px 8px;
				float: left;
				position: relative;
				vertical-align: top;
				width: 245px;
				height:5;
				color: #f2f2f2;
				
			}
				/* IE6 */ * html #wrapper #colonne_gauche{
					width: 223px;
					height:100%;
				}

			#wrapper #colonne_content{
				margin: 0px 0px 0px 0px;
				float: left;
				vertical-align: top;
				width: 440px;
				height:100%;
			}
				* html #wrapper #colonne_du_centre {
					width: 680px !important;
				}
				

			#wrapper #colonne_droite{
				margin: 0px 10px 0px 0px;
				float: right;
				position: relative;
				vertical-align: top;
				width: 200px;
				height:100%;
				background: #f7faeb;
			}
				* html #wrapper #colonne_du_centre {
					width: 680px !important;
				}


				#wrapper #colonne_droite .marge{
					padding: 30px 30px 20px 20px;
				}
				
				#wrapper #colonne_gauche .pefc_area {
					padding:10px;
					background:#f5f9e5;
					color:#008358;
					text-align: center;
					padding: 20px 10px 20px 10px;
					border: 1px solid #69B125;
				}
				#wrapper #colonne_droite .pefc_area {
					padding: 20px 10px 20px 10px;
					border-top: 5px solid #ffffff;
					color:#008358;
					text-align: center;
				}
				#wrapper #colonne_droite .affiliation {
					border-top: 5px solid #ffffff;
				}
					#wrapper #colonne_droite .affiliation ul {
						padding: 0px 0px 0px 15px;
						margin: 0px 0px 0px 0px;
					}
					#wrapper #colonne_droite .affiliation ul li {
						padding: 0px 0px 0px 0px;
						list-style: url(../images/sitemap_li_3.gif) !important;
					}
					
					#wrapper #colonne_droite .affiliation p.titre {
						/*color: #008358;*/
						color: #fff;
						font-size: 14px;
						font-weight: bold;
						padding: 5px 10px 5px 10px;
						margin:0px 0px 0px 0px;
						background: #69b125;
						border-bottom: 1px dotted #69b125;
					}
					#wrapper #colonne_droite .affiliation div.area {
						border-bottom: 1px dotted #69b125;
						padding: 5px 10px 5px 10px;
						margin:0px 0px 0px 0px;
					}
					#wrapper #colonne_droite .affiliation div.area p.titre {
						color: #008358;
						font-weight: bold;
						font-size: 12px;
						padding: 0px 0px 0px 0px;
						margin:0px 0px 0px 0px;
						border-bottom: none;
						background: transparent;
					}
					
					#wrapper #colonne_droite .affiliation ul li a {
						font-size: 11px;
						color:#69b125;
						text-decoration: none;
					}
				#wrapper .news_de_la_page_box .news {
					border-bottom: 1px dotted #69b125;
					padding: 0px 0px 15px 0px;
					margin: 0px 0px 30px 0px;
				}
				
			.clear {
				clear: both;
			}
			
/* Astuces */ 
.astucesbox {
	padding:20px;
}
.astucesbox p{
	text-align: left;
}
#colonne_droite .astucesbox ul {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
}
#colonne_droite .astucesbox ul li{
	padding: 0px 0px 0px 0px;
	list-style: url(../images/sitemap_li_3.gif) !important;
}
#colonne_content .invisible {
	display: none;
}
#colonne_content .astucesbox {
	background: #F7FAEB;
	border:1px dotted #69B125;
}
#colonne_content .astucesbox .invisible {
	display: block;
}


/* Sitemap */
.inner_sitemap ul {
	margin: 0px !important;
	padding: 0px !important;
}
.inner_sitemap ul li {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none !important;
}
.inner_sitemap ul li *{
	color: #dddddd;
	text-decoration: none;
}
	
.inner_sitemap ul ul {
	margin: 0px 0px 0px 20px !important;
}
	.inner_sitemap ul ul li {
		list-style: url(../images/sitemap_li_2.gif) !important;
	}
	.inner_sitemap ul ul li *{
		color: #000000;
		font-weight: bold;
	}
		.inner_sitemap ul ul ul li {
			list-style: url(../images/sitemap_li_3.gif) !important;
		}
		.inner_sitemap ul ul ul li *{
			color: #69b125;
			font-weight: bold;
		}
			.inner_sitemap ul ul ul ul li {
				list-style: url(../images/sitemap_li_2.gif) !important;
			}
			.inner_sitemap ul ul ul ul li *{
				color: #008358;
				font-weight: bold;
			}
					
				.inner_sitemap ul ul ul ul ul li {
					list-style: url(../images/sitemap_li_3.gif) !important;
				}
				.inner_sitemap ul ul ul ul ul li *{
					color: #69b125;
					font-weight: normal;
				}
					
					.inner_sitemap ul ul ul ul ul ul li {
						list-style: url(../images/sitemap_li_1.gif) !important;
					}
					.inner_sitemap ul ul ul ul ul ul li *{
						color: #737477;
					}

/* mise en form du formulaire */

div.formulaire,
div.inner_form {
	width: 430px;
}
form#contact {
	width: 410px;
	margin: 0px !important;
	padding: 0px !important;
}

form#contact .error {
	color: red;
	background: transparent;
	margin: 0px;
	padding: 0px;
	border: 0px none transparent;
}
	
form#contact table {
	margin: 0px !important;
	padding: 0px !important;
}
	form#contact label {
		white-space: nowrap;
		color: #7c7e86;
	}				
	
		form#contact label.need {
			white-space: nowrap;
			color: #dd9628;
		}
		form#contact label span.error {
			white-space: nowrap;
			color: #dd9628;
		}				
	form#contact .checkboxarea {
		display: block;
		margin-left: 30px;
	}			
	form#contact .radioarea {
		display: block;
		margin-left: 30px;
	}
	form#contact input.text,
	form#contact select.select,
	form#contact textarea.textarea {
		border: 1px #7c7e86 dotted;
		color: #7c7e86;
		width: 100%;
		padding: 5px;
	}	
	form#contact textarea{
		height: 150px;
		padding: 5px;
	}
	form#contact input.hidden {
	}	
	form#contact input.checkbox {
	}
	form#contact input.radio {
	}
	form#contact table td {
		padding: 0px 0px 5px 0px;
	}
	form#contact table td.label {
		width: 100px;
	}
	form#contact table textarea.textareaneed,
	form#contact table select.selectneed,
	form#contact table input.emailneed ,
	form#contact table input.textneed {
		border: 1px #dd9628 dotted;
		background-color: white;
		color: #dd9628;
		width: 100%;
		padding: 5px;
	}
	form#contact table textarea.textareaneederror,
	form#contact table select.selectneederror,
	form#contact table input.emailneederror ,
	form#contact table input.textneederror,
	form#contact table input.neederror {
		border: 1px #dd9628 dotted;
		background-color: #dd9628;
		color: white;
		width: 100%;
	}

/* captcha */
	#captcha {
		position:absolute;
		top:-600px;
		left:-600px;
		border: 0px none transparent;
		padding: 0px;
		margin: 0px;
		width: 0px;
		height: 0px;
	}
	
.liam {
	cursor:pointer;
}
.liam:hover {
	text-decoration: underline;
}

.inner_galery {
	width: 465px;
	height: 360px;
	background: url(../images/galery.jpg) no-repeat !important;
	padding: 15px 0px 0px 15px;
	margin: 15px 0px 20px 0px
}

.gallery_photo_dynamique ul.filmstrip li img {
	overflow: hidden;
	width: 80px;
	height: 80px;
}
.gallery_photo_dynamique h2{
	color:#ffffff;
	font-size: 14px;
	font-weight: normal;
}
.gallery_photo_dynamique div.liaison *{
	text-align: right;
	color:#ffffff;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
}
.gallery_photo_dynamique p.liaison a {
	text-decoration: none !important;
}
.gallery_photo_dynamique p.liaison a span{
	color:#ffffff;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	text-decoration: none !important;
}
div.inner_flipBox {
	display: inline;
}
div.cj_image_flipbox {
   width: 100px;
   height: 100px;
   margin-right: 10px;
   margin-bottom: 10px;
   float:left;
}
div.cj_image_flipbox_block {
   position: relative;
   display: block;
   width: 100px;
   height: 100px;
   overflow: hidden;
   border: 1px solid #dddddd;
   float: left;
}
div.cj_image_flipbox_block br {
   display: none;
}
div.all_galerie {
   width: 100px;
   height: 170px;
   margin-right: 10px;
   margin-bottom: 10px;
   float:left;
}
div.all_galerie_block {
   position: relative;
   display: block;
   width: 100px;
   height: 170px;
   overflow: hidden;
   border: 1px solid #dddddd;
   float: left;
}
div.all_galerie_blockpic {
   position: relative;
   display: block;
   width: 100px;
   height: 100px;
   overflow: hidden;
}
div.all_galerie_blocktext {
   position: absolute;
   top:100px;
   display: block;
   width: 80px;
   height: 50px;
   overflow: hidden;
   padding: 10px;
   text-align: center;
   color: #aaaaaa;
   line-height: 15px;
   font-size: 11px;
}
div.all_galerie_block br {
   display: none;
}
#sb-container{
	z-index: 2000 !important;
}