/*** INFORMATIONS DE LICENCE ***
* Ce fichier est intégré au développement d'un site Web
* Cette feuille de style est dessinée par JNBi L'agence Web
* Tous droits réservés */

/* Table des matières

	- CSS généraux
	- CSS structure	
	- CSS de formulaires
	- Actualités / Brèves / Webline
	- Pages (et zones de bas de page)
	- Consultations
	- Agenda
	- CSS de menus
	- CSS du plan du site
	- CSS de signatures
	- CSS RSS	

*/

/* Informations CSS générales */
/* ----------------------------------------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}
html {font-size: 100.001%;}


li {
	margin-left: 25px;
}
body {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	font-weight: normal;
	font-size: normal;
	
	text-align: left;
	background:#FFF url(visuels/bg.jpg) top center repeat-y;
	color: #646464;

}
td { 	/* Font idem que body */

}
p {
	padding-top:10px;}
blockquote {
	padding-left: 20px;
}
a {
	color:#E46900;

	text-decoration : underline;
}
a:hover {
	color:#E46900;
	text-decoration : none;
}

/* Informations CSS Structures */
/* ----------------------------------------------------------------------------------------------*/


#conteneur {
	width: 830px;
	margin:0 auto;
	background: #ffffff;
}
	#header {
		display:block;
		float:left;
		background:url(visuels/bg_header.jpg) top left repeat-x;
		height:109px;
		width:807px;
		padding:0 0 0 23px;
		overflow:hidden;
	}
		.accueil #header #logo{
			display:block;
			float:left;
			width:190px;
			height:109px;
			background:url(visuels/logo_arbust.jpg) top left no-repeat;
			text-indent:-9999px;
		}		
		.interne #header #logo a{
			display:block;
			float:left;
			width:190px;
			height:109px;
			background:url(visuels/logo_arbust.jpg) top left no-repeat;
			text-indent:-9999px;
		}		
		#header #lien_espace_adherent{
			display:inline;
			float:left;
			width:109px;
			height:23px;
			margin:0 17px 0 443px;
			background:url(visuels/bg_espace_adherent.jpg) top left no-repeat;
			color:#FFF;
			font-size:1em;
			font-weight:normal;
			text-transform:uppercase;
			text-decoration:underline;
			padding:4px 10px 0 38px;
		}
		#header #lien_espace_adherent:hover{
			text-decoration:none;
		}	
		#header h2#slogan{
			display:block;
			float:left;
			width:477px;
			height:81px;
			background:url(visuels/bg_slogan.jpg) top left no-repeat;
			text-indent:-9999px;			
		}			
	#contenu {
		float:left;
		display:block;
		width:830px;
		background:url(visuels/bg_contenu.jpg) top left repeat-y;
		overflow:hidden;
	}
	.interne.adherents #contenu {
		background:url(visuels/bg_contenu_adherents.jpg) top left repeat-y;				
	}
		.accueil #col_a{
			float:left;
			display:block;
			background:url(visuels/bg_col_a_bas.jpg) bottom left no-repeat;
			padding:0 0 0 0;
			width:620px;			
		}
		.interne #col_a{
			float:left;
			display:block;
			background:url(visuels/bg_col_a-interne.jpg) top left no-repeat;
			padding:68px 57px 0 0px;
			width:563px;
			font-size:1.2em;
			overflow:hidden;		
		}	
		.adherents #col_a{
			background:url(visuels/bg_col_a-reserve.jpg) top left no-repeat;
		}			
			.interne #col_a #content{
				padding:0 0 0 40px;
				height:auto!important;
				height:460px;
				min-height:460px;
				line-height:1.6em;

			}	
			.adherents  #col_a #content{
				padding:0 0 0 30px;
				width:536px;
				height:auto!important;
				height:460px;
				min-height:460px;
				line-height:1.6em;
				color:#FFF;
			}							
			#col_a #tagline{
				display:block;
				float:left;
				width:563px;
				background:url(visuels/bg_tagline.jpg) top left no-repeat;
				padding:68px 57px 0 0;
				text-align:right;
				height:62px;
				color:#475A01;
				font-size:2.3em;
				font-weight:normal;
			}
			#col_a #tagline span{
				color:#B7D10A;
				font-size:0.9em;
			}
			#col_a #zone_webline{
				display:block;
				float:left;
				width:203px;
				padding:160px 10px 10px 0;
				background:url(visuels/bg_webline.jpg) top left no-repeat;
			}
			#zone_actus{
				display:block;
				float:left;
				width:331px;
				min-height:20px;
				padding:40px 50px 25px 26px;
				color:#737373;
			}
			#col_a #lien_particulier{
				display:block;
				float:left;
				width:180px;
				height:264px;
				background:url(visuels/bg_lien_particulier.jpg) top left no-repeat;
				text-indent:-9999px;	
			}	
			#col_a #lien_professionnel{
				display:block;
				float:left;
				width:208px;
				height:264px;
				background:url(visuels/bg_lien_professionnel.jpg) top left no-repeat;
				text-indent:-9999px;
			}
			.accueil #col_a #lien_bois_autoclave{
				display:inline;
				float:left;
				width:214px;
				height:111px;
				background:url(visuels/logo_bois_autoclave.jpg) top left no-repeat;
				text-indent:-9999px;
				margin:83px 0 0 372px;
 			}		
			#col_a #zone_quizz-big{
				display:block;
				width:350px;
				margin:10px auto 0 auto;				
			}
				#col_a #zone_quizz-big h3{
					display:block;
					width:350px;
					height:35px;
					background:url(visuels/bg_intitule_quizz-big.jpg) top left no-repeat;
					text-indent:-9999px;
					float:left;
					margin:10px 0 0 0;
			}
				#col_a #zone_quizz-big p{
					display:block;
					width:342px;
					padding:5px 4px 15px 4px;
					background:#C2C8AB;
					color:#FFF;
					font-weight:bold;
					text-align:center;
					font-size:1.1em;
					float:left;
					border-bottom:1px solid #DBDFCE;
				}				
			
		.interne #zone_col_a_bas{
			float:left;
			display:block;
			background:url(visuels/bg_col_a_bas-interne.jpg) bottom left no-repeat;
			padding:0 0 0 0;
			width:803px;
			margin:20px 0 0 0px;
			font-size:1.2em;			
		}	
		.adherents #zone_col_a_bas{
			background:url(visuels/bg_col_a_bas-reserve.jpg) top left no-repeat;
		}			
			.interne  #zone_col_a_bas #lien_bois_autoclave{
				display:inline;
				float:left;
				width:214px;
				height:111px;
				background:url(visuels/logo_bois_autoclave.jpg) top left no-repeat;
				text-indent:-9999px;
				margin:83px 0 0 372px;
 			}
			.adherents #zone_col_a_bas #lien_bois_autoclave{
					background:url(visuels/logo_bois_autoclave-reserve.jpg) top left no-repeat;
			}	
			
		#col_b{
			display:block;
			float:right;
			width:184px;
			padding:38px 26px 0 0;	
		}
			#col_b .menu_droite{
				display:block;
				float:left;
				width:184px;
	
			}	
				#col_b .menu_droite li{
					font-size:1em;
					text-transform:uppercase;
					background:url(visuels/puce_menu_droite_big.jpg) top left no-repeat;
					padding:8px 0 8px 23px;
					font-weight:normal;
					width:161px;
					margin:0;
					list-style:none;
					border-bottom:1px dotted #B7D10A;
				}
	
					#col_b .menu_droite li a{
						color:#646464;
						font-weight:normal;					
						text-decoration:none;
					}				
					#col_b .menu_droite li a:hover{
						text-decoration:underline;
					}	
						#col_b .menu_droite ul{
							padding:5px 0 0 0;
							display:block;
							clear:left;
							margin:0 0 0 -10px;
		
						}	
							#col_b .menu_droite ul li{
								font-size:1em;
								text-transform:none;
								background:url(visuels/puce_menu_droite_mini.jpg) center left no-repeat;
								padding:4px 0 4px 13px;
								width:158px;
								font-weight:normal;
								margin:0;
								list-style:none;
								border:none;
							}	
			#col_b #autoclave_animation{
				display:block;
				width:184px;
				height:138px;
				float:left;
				margin:30px 0 0 0;
				background:url(visuels/animation_autoclave.jpg) top left no-repeat;
				text-indent:-9999px;
			}
			/*
			#col_b #zone_quizz{
				display:block;
				width:184px;
				height: 114px;
				float:left;
				margin:10px 0 0 0;
				background:url(visuels/fr_bt_quizz.gif) top left no-repeat;
			}
				#col_b #zone_quizz h3{
					display:block;
					width:184px;
					height:28px;
					background:url(visuels/bg_intitule_quizz.jpg) top left no-repeat;
					text-indent:-9999px;
					float:left;
					margin:10px 0 0 0;
			}
				#col_b #zone_quizz p{
					display:block;
					width:176px;
					padding:0 4px 5px 4px;
					background:#C2C8AB;
					color:#FFF;
					font-weight:bold;
					text-align:center;
					font-size:1.1em;
					float:left;
					border-bottom:1px solid #DBDFCE;
				}	
			*/
			#col_b #bt_index_quizz{
				display: block;
				width: 184px;
				height: 114px;
				float: left;
				margin: 15px 0 15px 0;
				background: top left no-repeat;
				text-indent: -9999px;
			}						
			#col_b #zone_temoignage{
				width:184px;
				display:block;
				float:left;
				margin:10px 0 0 0;
				background:#E0E3D4;
			}	
				#col_b #zone_temoignage #titre_temoignage{
					width:184px;
					display:block;
					float:left;
					height:28px;
					background:url(visuels/bg_intitule_temoignage.jpg) top left no-repeat;
					text-indent:-9999px;
					}
				#col_b #zone_temoignage .content{
					width:164px;
					float:left;
					color:#5B6C1D;
					padding:5px 10px 10px 10px;
					}	
						#col_b #zone_temoignage .content a{
							color:#5B6C1D;
							font-weight:normal;
							font-size:1.2em;
							text-decoration:underline;				
						}	
						#col_b #zone_temoignage .content a:hover{
							text-decoration:none;
						}																																			

	#footer{
		display:block;
		clear:left;
		background:url(visuels/bg_footer.jpg) top left no-repeat;
		width:800px;
		padding:40px 0 30px 30px;
		color:#475A01;
		font-size:1.1em;
	}
	.adherents #footer{
			background:url(visuels/bg_footer-reserve.jpg) top left no-repeat;
	}		
		#footer a{ 
			color:#475A01;
			text-decoration:none;
			font-weight:normal;
		}	
		#footer a:hover{ 
			color:#475A01;
			text-decoration:underline;
			font-weight:normal;
		}				

/* Informations CSS page adhérents */
/* ---------------------------------------------------------------------------------------------*/


	
#ouverture_globale{
	text-transform:uppercase;
	float:right;
	font-size:0.8em;
	color:#999999;
	
}
.bloc_adherent {
		margin-top: 10px;
		padding:3px;
		display:block;
		clear:left;
}
.bloc_adherent a{
		font-weight:bold;
		text-decoration:none;
		cursor:pointer;
}
.bloc_adherent a.on{
		background:url(visuels/puce_adherent_on.gif) center left no-repeat;
		padding:0 0 0 15px;	
		color:#b7d10a;			
}
.bloc_adherent a.off{
		background:url(visuels/puce_adherent_off.gif) center left no-repeat;
		padding:0 0 0 15px;	

}
.bloc_adherent a:hover{
	color:#b7d10a;
}
.bloc_adherent a span{
	background:url(visuels/carte_adherent.gif) center right no-repeat;
	padding:0 22px 0 0;
	text-decoration:none;
	color:#999999;
}
.bloc_adherent a:hover span{
	background:url(visuels/carte_adherent-hover.gif) center right no-repeat;
	text-decoration:none!important;
	color:#999999!important;
}


.bloc_adherent_coord {
		display: none;
		border-left:3px solid #CCC;
		margin:5px 0 0 20px;
		padding:3px 3px 3px 8px;
		}
.bloc_adherent_coord a{
		font-weight:normal;
		}		


/* Informations CSS Formulaires */
/* ----------------------------------------------------------------------------------------------*/

#zone_log {		/* Login/Password pour l'accès aux pages réservées */
	width: 100%;	
	text-align:center;
}
#zone_log_formulaire {
	width: 190px;
	margin-left: auto; 
	margin-right: auto;	
	text-align: left;
	color: #475A01;	
}
#zone_log_formulaire input {
	border: 1px solid #CCC;	
	padding: 3px;
}
#zone_log_formulaire input:focus {
	border: 1px solid #E46900;
	padding: 3px;
}
.alerte_formulaire_ok {	/* CSS de formulaires en général */
	background:url(visuels/valide.gif);
	display:block;
	margin:0px auto;
	font-weight:bold;
	text-align:center;
	padding:20px 10px;
	color:#008C42;
}
.alerte_formulaire_ko {
	background:url(visuels/refuse.gif);
	border:1px solid #CC3131;
	color:#fff;
	display:block;
	margin:0px auto;
	font-weight:bold;
	text-align:center;
	padding:10px;
}
.zone_log_liens {
	width: 100%;
	text-align: right;
	margin-top: 10px;
}
.zone_log_liens a {
	background :url(visuels/puce_menu_droite_big.jpg) top left no-repeat;
	padding: 8px 0 8px 23px;
	color: #DC4503;
	font-weight: bold;
	text-decoration: none;		
}
.zone_log_liens a:hover {	
	text-decoration: underline;
}



/******** Formulaire contacts **************/


#contacts_form{
	width:420px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
}
#contacts_form span.separation{
	display:block;
	float:left;
	width:400px;
	margin:10px 10px 10px 10px;
	padding:20px 10px 10px 10px;
	background:#E0E3D4;
}
#contacts_form h3{
	color:#475A01;
	padding:0 0 0 20px;}
.calage_centre{
	display:block;
	text-align:center;
}
.calage_droite{
	clear:both;
	display:block;
	float:left;
	width:80px;
	text-align:right;
	margin:5px 10px 0px 0px;
	color:#475A01;
}
.calage_gauche{
	display:block;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
	line-height:14px;	
	color:#475A01;	
}
.calage_gauche label{
	padding: 0 15px 0 5px;
	font-size: 1.2em;	
}	
.asterisque {
	color: #ff0000;
}
#contacts_form h3{
	float:left;
	margin:0px 0px 0px 10px;
}	
a.lien_bouton {
	display:block;
	width:100px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background: #8AB400;
	padding: 5px 10px;		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;		
	text-decoration : none;
	letter-spacing: 1px;
	text-transform:uppercase;
}
a.lien_bouton:hover {
	background: #E46900;
	color: #FFF;		
	text-decoration : none;	
}
.contacts_input {
	border:1px solid #CCC;
	padding:3px;
}
.contacts_input:focus {
	border:1px solid #E46900;
	padding:3px;
}

/* Informations CSS Actualités / Brèves / Webline */
/* ----------------------------------------------------------------------------------------------*/

h2.webline{		/* Webline */
	color:#475A01;
	font-size:1.1em;
	text-align:right;
	font-weight:normal;
	line-height:1.6em;
}

.accueil h3.actu_titre {		/* Titre de news et contenus de brèves en page d'accueil */
	font-weight: bold;
	color:#475A01;
	font-size:1.4em;
	margin:0 0 5px 0;
}
.accueil .actu_chapeau{
	font-size:1.1em;
}
.accueil .lire_plus{
	font-size:1.1em;
	color:#DC4503;
	font-weight:bold;
	text-decoration:none;
}
.interne .lire_plus{
	font-size:1em;
	color:#DC4503;
	font-weight:bold;
	text-decoration:none;
}
.lire_plus:hover{
	text-decoration:underline;
}




.interne h3.actu_titre {		/* Titre de news et contenus de brèves en page interne */
	font-weight: normal;
	font-size:1.5em;
	color:#475a01;
	margin:0 0 5px 0;
}

.actu_chapeau{
	font-weight:normal;
}
.adherents .actu_chapeau{
	color:#FFF;
	font-size:0.9em;
	line-height:1.2em;
	font-weight:bold;
}
.adherents .lire_plus{
	font-size:0.9em;
}


.lire_egalement{
	font-weight:bold;
}
.adherents .lire_egalement{
	color:#475a01;
}


/* Informations CSS Pages et "zones bas de page" */
/* ----------------------------------------------------------------------------------------------*/

h1.titre_page{		/* Titre de pages intérieures */
	text-align: left;
	color:#475A01;
	font-size:1em;
	font-weight:normal;
	padding-left: 32px;
	margin-left: 40px;
	border-bottom: dotted 1px;
	background-image: url(visuels/picto_titre.gif);
	background-position: left top;
	background-repeat: no-repeat; 
}
h1.titre_page a{
	text-align:right;
	color:#475A01;
	font-size:1.9em;
	font-weight:normal;
	text-decoration:none;
}
#zone_contact{
	width: 100%;
	text-align: right;
	margin-top: 10px;

}
#zone_contact a {
		background:url(visuels/puce_menu_droite_big.jpg) top left no-repeat;
		padding:8px 0 8px 23px;
		color:#DC4503;
		font-weight:bold;
		text-decoration:none;		
}
#zone_contact a:hover {	
	text-decoration: underline;
}
#zone_printmode{
	width: 100%;
	text-align: right;
	margin-top: 10px;
}
#zone_printmode a {
		background:url(visuels/puce_menu_droite_big.jpg) top left no-repeat;
		padding:8px 0 8px 23px;
		color:#DC4503;
		font-weight:bold;
		text-decoration:none;	
}
#zone_printmode a:hover {	
	text-decoration: underline;
}

.adherents #zone_printmode a,.adherents #zone_contact a{
		background:url(visuels/puce_contact_esp_priv.jpg) top left no-repeat;
}

/* Informations CSS Consultations */
/* ----------------------------------------------------------------------------------------------*/

.consultation_message {
	background-color: #E6E6E6;	
	margin-top: 5px;
	overflow-x: auto;
	padding: 5px;	
	padding-bottom: 20px;
	width: 520px;	
}
.consultation_titre_noir {
	font-weight: bold;
}
.consultation_msg_valide {
	color: #008C42;
	font-weight: normal;
}
.consultation_msg_refuse {
	color: #FF0000;
	font-weight: normal;
}



/* Informations CSS de menu */
/* ---------------------------------------------------------------------------------------------- */


#menu_int {
	display:block;
	float:left;
	width:830px;
	height:48px;

}
#menu_int dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;	 
}

#menu_int li { 
	margin: 0px;
	padding: 0px;
	list-style-type: none;

	
}

#menu_int dt {
}


#menu_int.horizontale dl{
	float:left;
}

#menu_int.horizontale dl dt a{ 
	display:block;
	height:48px;
	margin:0;
}


#menu_int.horizontale dd { 
	position: absolute;
	z-index: 100;
	width: auto;
	padding:0 0 16px 0;
	background:url(visuels/bg_ssmenu_bas.jpg) bottom left repeat-x;	
}


#menu_int dt a:hover{
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);		
}

	#menu_1 a{
		width:149px;
		background:url(visuels/bg_menu1.jpg) top left no-repeat;
		text-indent:-9999px;
	}
	#menu_2 a{
		width:141px;
		background:url(visuels/bg_menu2.jpg) top left no-repeat;
		text-indent:-9999px;
	}
	#menu_3 a{
		width:196px;
		background:url(visuels/bg_menu3.jpg) top left no-repeat;
		text-indent:-9999px;
	}
	#menu_4 a{
		width:123px;
		background:url(visuels/bg_menu4.jpg) top left no-repeat;
		text-indent:-9999px;
	}
	#menu_5 a{
		background:url(visuels/bg_menu5.jpg) top left no-repeat;
		text-indent:-9999px;
		width:114px;
	}
	#menu_6 a{
		width:107px;
		background:url(visuels/bg_menu6.jpg) top left no-repeat;
		text-indent:-9999px;
	}


#menu_int ul {
	padding:23px 0 0 0;
	width:179px;
	background:url(visuels/bg_ssmenu_top.jpg) top left no-repeat;

}
#menu_int li {
	text-align: left;	
	z-index: 100;
	background:url(visuels/bg_menu.jpg) top left repeat-x;
	padding:0 7px;
	width:165px;	
}
#menu_int li a{
	font-weight: bold;
	color:#475A01;	
	text-decoration: none;	
	width:150px;	
	padding:5px 0px 5px 15px;
	background:url(visuels/puce_ssmenu.jpg) center left no-repeat;
	display:block;
}
#menu_int li a:hover{
	color:#D3E36E;
}
.menu_sans_lien{	
	font-weight: bold;
	text-decoration: none;					
}

/* Informations CSS Plan de site */
/* ----------------------------------------------------------------------------------------------*/


ul#plan_site li{
		text-transform:uppercase;
		background:url(visuels/puce_menu_droite_big.jpg) top left no-repeat;
		padding:8px 0 8px 23px;
		font-weight:normal;
		list-style:none;
}

ul#plan_site ul li{
	margin-left:60px;
	text-transform:none;
	background:url(visuels/puce_menu_droite_mini.jpg) center left no-repeat;
	padding:4px 0 4px 13px;
	font-weight:normal;
	list-style:none;
	border:none;	
	}

ul#plan_site ul ul li{
	margin-left:80px;}
	
ul#plan_site li a{ /* niveau 1 */
		color:#646464;
		font-weight:normal;					
		text-decoration:none;
}

ul#plan_site ul li a{ /* niveau 2 */
}

ul#plan_site ul ul li a{ /* niveau 3 */
}	





/* Informations CSS FCK */
/* ----------------------------------------------------------------------------------------------*/

.wsc_bleu_clair{
	color:#6093D2;
}
.wsc_bleu_fonce{
	color:#305EA9;
}

.wsc_vert_clair{
	color:#BDD915;
}
.wsc_vert_fonce{{
	color:#475A01;
}
.wsc_orange{
	color:#DC4503;
}