@charset "utf-8";
/* CSS Document */

/*********** 
Reset styles 
***********/

* {
	margin: 0;
	padding: 0;
}
html {
	background: #000;
}
.c {
	clear:both;
}
img {
	border:0px;
}
.bloc {
  display:block;
}
.center {
	text-align:center;
}
.justif {
	text-align:justify;
}
.marge_right {
	margin-right:90px;
}
/****************
Global 
****************/
#global {
	width:960px;
	height:768px;
	/*background-color:#fff;*/
	/** centrage vertical et horizontal **/
	position:absolute;
	left: 50%; 
	top: 50%;
	margin-top: -384px; /* moitié de la hauteur */
	margin-left: -480px; /* moitié de la largeur */
}
/****************
Page d'accueil
****************/
#accueil {
  width:960px;
  height:768px;
  background:url(../images/fond_accueil.jpg) no-repeat;
}
#textes_accueil {
	display:block;
	float:left;
	text-align:center;
	padding:274px 0 0 130px;
}
#textes_accueil  img {
	margin-bottom:30px;
}
#logo_accueil {
  padding:138px 0 0 30px;
}
#bois_accueil  {
	display:block;
	float:left;
	width:830px;
	text-align:center;
	padding:65px 0 0 60px;
}
#bois_accueil img {
	margin-bottom:156px;
}
/****************
Header 
****************/
#header {
	width: 960px; 
	height: 161px;
	background: #fff url(../images/fond_header.jpg) no-repeat;
}

#logo {
	position:absolute;
	width:309px;
	height:127px;
	top:60px;
	left:32px;
}

/****************
Menu principal
****************/


#nav {
	display:block;
	float:right;
	list-style: none ;
	height:76px;
	margin-top:85px;
}

#nav li{
	display: block ;
	color: #fff ;
	float:right;
}
#nav li a {
	display: block ;
	width:75px;
	height:76px;
	margin-left:8px;
	background: url(../images/menu.gif) no-repeat;
	text-align: center ;
	text-decoration: none ;
	cursor:hand;
}

#nav li a:active, #nav li a:hover, #nav li a:focus, #nav li a.active {
  background-position:0 -76px;
	text-decoration: none;
}			
		
#nav li .accueil {
  background-position:0 0;
}
#nav li .accueil-active, #nav li .accueil:hover, #nav li .accueil:active, #nav li .accueil:focus, #nav li .accueil-active:hover {
  background-position:0 -76px;
}
#nav li .association {
  background-position:-75px 0;
}
#nav li .association-active, #nav li .association:hover, #nav li .association:active, #nav li .association:focus, #nav li .association-active:hover {
  background-position:-75px -76px;
}
#nav li .projet {
  background-position:-150px 0;
}
#nav li .projet-active, #nav li .projet:hover, #nav li .projet:active, #nav li .projet:focus, #nav li .projet-active:hover {
  background-position:-150px -76px;
}
#nav li .zone_aoc {
  background-position:-225px 0;
}
#nav li .zone_aoc-active, #nav li .zone_aoc:hover, #nav li .zone_aoc:active, #nav li .zone_aoc:focus, #nav li .zone_aoc-active:hover {
  background-position:-225px -76px;
}
#nav li .contacts {
  background-position:-300px 0;
}
#nav li .contacts-active, #nav li .contacts:hover, #nav li .contacts:active, #nav li .contacts:focus, #nav li .contacts-active:hover {
  background-position:-300px -76px;
}
/****************
Contenu 
****************/
#content {
	clear:both;
	width: 960px;
	height:607px;
	text-align:left;
	background: #FFF url(../images/frise_sapins.jpg) no-repeat 0 487px; 
}
#images_gauche {
	display:block;
	float:left;
	width:225px;
	height:607px;
}
#contenu_home {
	display:block;
	float:left;
	width:675px;
	height:500px;
	padding:12px 0 5px 30px;
}
#contenu_assoc {
	display:block;
	float:left;
	width:675px;
	height:500px;
	padding:100px 0 5px 20px;
}
.contact_assoc {
	display:block;
	width:675px;
	margin:0 auto;
	text-align:center;
	height:33px;
	padding-top:70px;
}

#liens_bas_home {
	display:block;
	float:left;
	width:645px;
	padding:0 15px 0 65px;
}

/**** Page produits ******/
#content2 {
	clear:both;
	width: 960px;
	height:607px;
	text-align:left;
	background: #FFF url(../images/fond_produits.jpg) no-repeat; 
}
#produits {
	display:block;
	float:left;
	width:630px;
	height:515px;
	padding:57px 0 0 260px;
}
table.prod {
	width:695px;
	padding:0px;
	margin:0px;
	border:0px;
}
table.prod td {
	width:234px;
	height:130px;
	text-align:left;
}

/**** Page zone AOC ******/
#content3 {
	clear:both;
	width: 960px;
	height:607px;
	text-align:left;
	background: #FFF url(../images/fond_zone-aoc.jpg) no-repeat; 
}
#telecharger_fiche {
	position:absolute;
	width:97px;
	height:141px;
	top:544px;
	left:845px;
}

/**** Page contacts ******/
#contacts {
	display:block;
	float:left;
	margin-top:30px;
	padding-left:100px;
}
#contacts2 {
	display:block;
	float:left;
	margin-top:10px;
	padding-left:40px;
}
.adresses {
	display:block;
	float:left;
	width:282px;
	height:120px;
}


/****************
Balises
****************/
h1 {
	margin-bottom:7px;
}
p {
	font-family: Tahoma, Arial, sans-serif;
	font-size:11px;
	line-height:13px;
	font-weight:normal;
	color:#000;
	margin-bottom:6px;
}
p.produit_txt {
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;	
}
a {
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;	
	text-decoration:none;
}
a:hover, a:active, a:focus {
	text-decoration:underline;
}
/**** formulaire de contact ******/

.formulaire { 
  display:block;
  float:left;
	width:340px;
}

.formulaire fieldset { 
  display:block;
	margin:7px 0; 
	clear:both;
	border:0px;
  padding:0 0 0 5px; 
	width:320px;
}
.formulaire fieldset.message {
  display:block;
	margin:15px 0; 
	clear:both;
	padding:2px;
	width:413px;  
}

.formulaire label { 
	float:left; 
	display:block; 
	text-align:left; 
	width:85px; 
	padding:3px 0 3px 0; 
	margin:0 3px 0 0; 
	font-family: Tahoma, Arial,sans-serif;
	font-size:12px; 
	font-weight:bold;
	color:#000; 
}
.contact_txt { 
	float:left; 
	display:block; 
	background: url(../images/fond_formulaire.jpg) no-repeat;
	border:0px; 
	color:#000; 
	width:204px; 
	margin:1px 0 0 5px;
	padding:4px; 
	font-family: Tahoma, Arial,sans-serif;
	font-size:11px; 
}
.contact_txt2 { 
	float:left; 
	display:block; 
	background: url(../images/fond_formulaire.jpg) no-repeat;
	border:0px; 
	color:#fff; 
	width:320px; 
	margin:1px 0 0 5px; 
	font-family: Arial,sans-serif;
	font-size:11px; 
}
.contact_btn { 
  display:block;
	float:left; 
	margin:5px 0 0 5px; 
	font-size:9px; 
	font-family: Arial,sans-serif;
	font-weight:bold; 
	color:#fff;
}

#req_fields { 
	display:block; 
	color:#999; 
	font-style:normal; 
	width:150px; 
	margin:0 0 5px 100px; 
	font-family: Arial,sans-serif;
	font-size:10px; 
}

#status { 
	position:absolute;
	float:right;
	color:#c00; 
	font-style:normal; 
	width:195px; 
	padding:5px; 
	left:700px;
	top:500px;
	font-family: Arial,sans-serif;
	font-size:10px; 
	background-color:#FCC; 
}


/**** fin formulaire de contact ******/