body
{

	margin: 0 ;
	padding: 0 ;
	/*text-align: center ; */
	background-color: #696969;
	
}
#arp
{
	margin: auto;
	width: 1280px;
	height: auto;
	display: block;
	background-image:url(apa1280.gif);
	background-repeat: no-repeat;
	
}
#header
{
	width: 1000px;
	height: 60px;
	background:#696969;
	margin: auto;
	margin-top:5px;
	display:block;
	background-image:url(Bannierecopie.jpg);
	background-repeat: no-repeat;
}

#big_contener
{
	margin: auto;
	width: 1005px;
	height: auto;
	display: block;
	background: #FFFFFF;
}

#contener
{
	/*margin: auto;*/
	width: 994px;
	height: auto;
	/*margin-top: 5px;*/
	display:block;
	background: #FAEBD7;
	background-image:url(essaibois8.jpg);
	background-repeat: repeat-y;
	/*background-image:url(fond.jpg);
	background-repeat: repeat-y;*/
	border: 3px ridge #303030;
}

#menu2
{
	width: 181px;
	height: auto;
	float: left;
	text-align: center;
	background: #FAEBD7;
}
#menu_esp
{
	width: 181px;
	height: 12px;
	background-image:url(essaibois8.jpg);
	background-repeat: repeat-y;
}

#contenu
{
	width: 807px;
	height: auto;
	float: right;
	background: #FAEBD7;
}

#footer
{
	width: 1000px;
	height: 51px;
	background-image:url(Footer2.jpg);
	/*background: #D2B48C;*/
	/*border: 3px double #303030;
*/	margin: auto;
	display:block;
	font-size :0.8em;
	text-align:center;
	font-weight:bold;
	color: #ff0000;
	margin-top: 5px
}
#footer a
{
	text-decoration:none;
	font-weight:bold;
	color: #ff0000;
	

}

#spacer
{
	clear: both;
}

#cat_contener
{
	width: auto;
	height:auto;
	margin:auto;
	/*border: 1px solid black;*/
	float: left;
	
}

#img_cadre
{
	width: 80px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	background: #EEE;
	border-right: 1px solid #303030;
	border-left: 1px solid #303030;
}

#img_espace
{
	width: 100%;
	height: 60px;
	float: left;
}

#list
{
	width: 500px;
	height: 350px;
	display:block;
	margin: auto;
	margin-bottom:20px;	
}

#list_titre
{
	width: 500px;
	height: 20px;
	float: left;
	margin: auto;
	background: #303030;
	text-align: center ;
	color: #EEE;	
	font-weight:bold;
}
#list_img
{
	width: 500px;
	height: 310px;
	float: left;
	margin: 0px 0px 0px 0px;
	background: #FFFFFF;	
	text-align: center ;
}
#list_fl1
{
	width: 20px;
	height: 20px;
	float: left;
	margin: 0px 0px 0px 0px;
	background: #EEE;	
	text-align: center ;
}
#list_fl
{
	width: 230px;
	height: 20px;
	float: left;
	margin: 0px 0px 0px 0px;
	background: #EEE;	
	text-align: center ;
	color: #586562;
	font-weight:bold;
}
#list_fl2
{
	width: 20px;
	height: 20px;
	float: left;
	margin: 0px 0px 0px 0px;
	background: #EEE;	
	text-align: center ;
}

/*
 * Concept de menu entèrement CSS
 
 * Idée de changement de div à ul/li pour supporter la version 7 d'Internet Explorer : gauvain49
 */



ul.menu {
	list-style: none;
	margin : 0px;
	padding: 0px;
	height: auto;
	width: 170px;
}

ul.menu li {
	position: relative;
	border: 0px solid #000000; /* J'ignore pourquoi le fait de mettre ça évite que les éléments soit affiché un en-dessous de l'autre dans IE 7 */
}

ul.menu li span {
	margin: 0px;
	padding: 0px;
}

ul.menu li  {
	display: inline-block;
	background: #000000; /* Pour éviter que l'élément ne soit plus over quand on est entre les éléments */
	margin-left: 0px; /* Problème avec Opéra 9.6 */
}

*+html ul.menu li {
	margin-left: 0px; /* Paramètre par défault */
}

ul.menu li, x:-moz-any-link, x:default {
	margin-left: 0px; /* Paramètre par défault */
}


/* CSS pour le menu */

ul.menu li span p {
	padding: 5px;
	margin: 0px 1px 1px 0px;
	color: #FFFFFF;
	background-image:url(essaibois2.jpg);
	/*background-color: #999966;*/
	width: 170px;
	height : 12px;	
/*	border: 1px solid #000000; */
	display: inline-block;
	text-align: left;
	font-size :0.8em;
	/*font: 80% verdana, arial, sans-serif;*/
	
}
ul.menu li span p a{
	color: #FFFFFF;
	text-decoration:none;
}
ul.menu li span p:hover{
	padding: 5px;
	margin: 0px 1px 1px 0px;
	/*color: #F4A460;
	font-weight:bold;
	text-decoration:none;
	font-variant: small-caps;*/
	background-image:url(81.jpg);
	width: 170px;
	/*height:30px;*/
	font-size :0.8em;
	display: inline-block;
	text-align: left;
	
}
ul.menu li span ul.menu li p {
	padding: 5px;
	margin: 0px 1px 1px 0px;
	color:#6D071A;
	background-image:url(81.jpg);
	/*background-color: #999966;*/
	width: 210px;
	/*height:28px;*/
	/*border: 1px solid #000000;*/
	display: inline-block;
	text-align: left;
	font-size :0.8em;
	font-weight:bold;
	font: 80% verdana, arial, sans-serif;
	text-decoration: underline;
}
ul.menu li span ul.menu li p a{
	color:#6D071A;
}
ul.menu li span ul.menu li p:hover {
	padding: 5px;
	margin: 0px 1px 1px 0px;
	background-image:url(81.jpg);
	/*background-color: #999966;*/
	width: 210px;
	/*border: 1px solid #000000;*/
	display: inline-block;
	text-align: left;
	font-size :small;
	font-size :0.8em;
	font-weight:bold;
	text-decoration: underline;
	
}


ul.menu li span p a:hover{
	color: #6D071A;
}

ul.menu li span.content {
	display: none;
	position: absolute;
	
}

ul.menu li:hover > span.content {
	
	display: inline;
}

/* CSS Général */

#menu {
	
	/*padding: 5px;*/
	margin: auto;
	height :auto;
}


/*CSS pour les onglets */

#navbar
{
	width:auto; 
	display:block; 
	height:20px;
	margin: auto;
	/*paddin: auto;*/
	margin-top:5px;
	width: 1000px;
	background:#D3D3D3;
	/*border: 3px double #303030;*/
    background-image:url(arriereonglet.jpg);
		/*background-repeat: repeat-y;*/
	text-align:center;
	
	/*background-color: #EEE;*/
}

ul#button
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;

}

ul#button li
{
	margin:0 ;
	padding: 0 ;
	font-size: small;	
	float: right;


}

ul#button li a
{
	text-align : center;
	float: left;
	height:20px;
	width: 130px ;
	margin: 0px 0px 0px 6px;
	color: #FFFFFF; 
	/*background:	#303030;*/
		background-image:url(essaibois3.jpg);
	font-weight:bold; 
	text-decoration: none ;
}

ul#button li a:hover
{
	background-image: url(essaiboishover.jpg); 
	
}

ul#button2
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;

}

ul#button2 li
{
	margin:0 ;
	padding: 0 ;
	font-size: small;
	float: left;
}

ul#button2 li a
{
	text-align : center;
	float: left;
	height:20px;
	width: 181px ;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF ;
	background-image:url(navbarbutton2.jpg);
	/*background:	#303030;*/
	font-family:arial;
	font-size: 1.2em;
	font-variant: small-caps;
	text-align: center ;
	font-weight:bold;
	text-decoration: none ;
}



/* ///////////////////////////////////////////////////////////////////// */

#bandeau_cat
{
	text-align:center;
	height:30px;
	width: 800px;
	display:block;
	color:#6D071A;
	margin-top:3px;
	margin-bottom:15px;
	text-align: center;
	font-size :1.4em;
	font-weight:bold;
	text-decoration: underline;
	font-variant: small-caps;
	background-color:#C0C0C0;
	/*background-image:url(Footer2.jpg);*/
}
/* ///////////////////////////////////////////////////////////////////// */
#aff_cat_contenu
{
	height:auto;
	width: 100%;
	display:block;
	background:	#eee;
	margin-top:10px;
}
#aff_cat
{
	float: left;
	height:auto;
	width: 220px;
	margin-right: 22px;
	margin-left: 22px;
	margin-bottom: 10px;
	background:	#EEE;
}
#aff_cat_head
{
	float: left;
	height:20px;
	width: 220px;
	background-image:url(cat_head2.jpg);
}
#aff_cat_title
{
	float: left;
	height:40px;
	width: 220px;
	background-image:url(cat_title.jpg);
	color:#6D071A;
	text-align: center;
	font-size :1.1em;
	font-weight:bold;
	text-decoration: underline;
}
#aff_cat_body
{
	float: left;
	height:auto;
	width: 218px;
	border-left: 1px solid /*#303030*/;
	border-right: 1px solid /*#303030*/;
}
#aff_cat_esp
{
	float: left;
	height:5px;
	width: 218px;
}
#aff_cat_img
{
	float: left;
	height:150px;
	width: 218px;
}

#aff_cat_foot
{
	float: left;
	height:20px;
	width: 220px;
	background-image:url(cat_foot2.jpg);
}


/*//////////////////////////////////////////////////////////*/


#aff_img_contenu
{
	height:auto;
	width: 800px;
	float: left;
	background:	#FAEBD7;

}
#aff_img
{
	float: left;
	height:auto;
	width: 110px;

}
#aff_imgl
{
	float: left;
	height:auto;
	width: 140px;
	margin-right: 0px;
	margin-left: 0px;
	background:	#C0C0C0;
}
#aff_imgr
{
	float: right;
	height:auto;
	width: 660px;
	margin-right: 0px;
	margin-left: 0px;
	background:	#FAEBD7;
}
#aff_img_head
{
	float: left;
	height:20px;
	width: 660px;
	
	/*background-image:url(img_head3.jpg);*/
}
#aff_img_shead
{
	float: left;
	height:20px;
	width: 140px;
	background:	#FAEBD7;
	/*	margin-left:7px;background-image:url(img_head.jpg);*/
}
#aff_img_title
{
	float: left;
	height:30px;
	width: 110px;
	color:#6D071A;
	text-align: center;
	font-size :0.8em;
}
#aff_img_bodyl
{
	float: left;
	height:76px;
	width: 124px;
	margin-left:7px;
	background:	#C0C0C0;
	font-size :1em;
	color:#6D071A;
	text-decoration: underline;
	text-align:center;
	font-weight:bold;
	/*border-left: 1px solid #303030;
	border-right: 1px solid #303030;*/
}
#aff_img_bodyl table tr td
{
	text-decoration: underline;
}

#aff_img_bodyr
{
	float: left;
	height:auto;
	width: 660px;
	background : #FAEBD7;
	/*background-image:url(bodyr.jpg);*/

}
#aff_img_body
{
	float: left;
	height:80px;
	width: 108px;
}
#aff_img_esp
{
	float: left;
	height:2px;
	width: 110px;
}
#aff_img_esp3
{
	float: left;
	height:2px;
	width: 110px;
	/*border-bottom: 1px solid #303030;*/
}
#aff_img_esp2
{
	float: left;
	height:20px;
	width: 140px;
	/*border-left: 1px solid #303030;
	border-right: 1px solid #303030;
		margin-left:7px;*/
	background: #FAEBD7;
		/*border-bottom: 1px solid #303030;*/

}
#aff_img_esp4
{
	float: left;
	height:20px;
	width: 124px;
	/*border-left: 1px solid #303030;
	border-right: 1px solid #303030;*/
	margin-left:7px;
	background:#C0C0C0;
}
#aff_img_foot
{
	float: left;
	height:20px;
	width: 660px;
	/*background-image:url(img_foot3.jpg);*/
}
#aff_img_sfoot
{
	float: left;
	height:20px;
	width: 140px;
	background:	#FAEBD7;
	/*background-image:url(img_foot.jpg);	margin-left:7px;*/
}
/* ///////////////////////////////////////////////////////////////////// */

img
{
border-color:#303030;
}
.form
{
	font-size: 0.7em;
}

.back
{
	background: #FAEBD7;
}

/* ///////////////////////////////////////////////////////////////////// */


#aff_prod_contenu
{
	height:auto;
	width: 750px;
	display:block;
	background:	#C0C0C0;
	margin-top:10px;
	margin-left:30px;
}
#aff_prod
{

	float:left;
	height:auto;
	width: 750px;

}
#aff_prod_bodyl
{
	float: left;
	height:150px;
	width: 149px;
	background:	#C0C0C0;
	
	

}
#aff_prod_body
{
	float: left;
	height:auto;
	width: 748px;
	background:	#C0C0C0;
	/*border-left: 1px solid #303030;
	border-right: 1px solid #303030;*/
	text-align:justify;
}

#aff_prod_body2
{
	float: left;
	height:auto;
	width: 748px;
	background:	#FAEBD7;
	/*border-left: 1px solid #303030;
	border-right: 1px solid #303030;*/
	text-align:justify;
}

#aff_prod_bodyr
{
	float: right;
	height:auto;
	width: 599px;
}
#aff_prod_esp
{
	float: left;
	height:10px;
	width: 750px;
	background: #FAEBD7;
	/*border-top: 1px solid #303030;
	border-bottom: 1px solid #303030;*/
}
#aff_prod_title
{
	float: left;
	height:25px;
	width: 599px;
	color:#6D071A;
	text-align: left;
	font-size :1.1em;
	font-weight:bold;
	text-decoration: underline;
}
#aff_prom_desc
{
	float: left;
	height:auto;
	width: 599px;
}
#aff_prom_descl
{
	float: left;
	height:auto;
	width: 500px;
	color:#303030;
	font-size :0.7em;
}
#aff_prom_descr
{
	float: left;
	height:auto;
	width: 99px;
	text-align:center;
	color:#303030;
	font-weight:bold;
	font-size :0.7em;
}
#aff_prom_ref
{
	float: left;
	height:35px;
	width: 599px;
	color:#303030;
	font-weight:bold;
	font-size :0.8em;

}
#aff_prom_refl
{
	float: left;
	height:auto;
	width: 500px;
	color:#303030;
	font-size :0.7em;
	text-align : right;
	color:#303030;
	font-weight:bold;
	font-size :0.8em;
}
#aff_prom_refr
{
	float: left;
	height:auto;
	width: 99px;
	color:#303030;
	font-weight:bold;
	font-size :0.9em;
	text-align:center;
}

#aff_nouv_desc
{
	float: left;
	height:auto;
	width: 599px;
	color:#303030;
	font-size :0.7em;
}
#aff_nouv_ref
{
	float: left;
	height:35px;
	width: 599px;
	color:#303030;
	font-weight:bold;
	font-size :0.8em;	
}
#aff_prod_head
{
	float: left;
	height:20px;
	width: 750px;
	/*background-image:url(prod_head.jpg);*/
}
#aff_prod_foot
{
	float: left;
	height:20px;
	width: 750px;
	/*background-image:url(prod_foot.jpg);*/
}

.texterr
{
	color:red ;
	text-decoration: none;
	font-size: small;
	font-weight:bold;
}
/*//////////////////////////////////////////////////////*/

#aff_map
{
	width: 800px;
	height: 245px;
	display:block;
	margin:auto;
	margin-top:15px;
	padding:auto;
}
#aff_erreur
{
	width: 90%;
	height: auto;
}
#aff_mapl
{
	width: 510px;
	height: 245px;
	float:left;
}
#aff_mapr
{
	width: 290px;
	height: 245px;
	float:left;
}

img
{
	border: 0;
}
/*//////////////////////////////////////////////////////*/
#conteneur1
{
	width: 120px;
	height: 100%;


}
#conteneur2
{
	width: 120px;
	height: 100%;


}
#conteneur3
{
	width: 120px;
	height: 100%;


}
#conteneur4
{
	width: 120px;
	height: 100%;

}
#conteneur5
{
	width: 120px;
	height: 100%;


}
#conteneur6
{
	width: 120px;
	height: 100%;


}
#conteneur7
{
	width: 120px;
	height: 100%;


}
#conteneur8
{
	width: 120px;
	height: 150px;


}
#conteneur9
{
	width: 120px;
	height: 120px;
	vertical-align: middle;

}
#conteneur10
{
	width: 120px;
	height: 120px;
	vertical-align: middle;
}
#conteneur11
{
	width: 120px;
	height: 120px;
	vertical-align: middle;
}
#conteneur12
{
	height: 120px;
	vertical-align: middle;
}
#conteneur13
{
	height: 120px;
	vertical-align: middle;
}
#conteneur14
{
	height: 120px;
	vertical-align: middle;
}
#conteneur15
{
	height: 120px;
	vertical-align: middle;
}
#conteneur16
{
	height: 120px;
	vertical-align: middle;

}
#conteneur17
{
	height: 120px;
	vertical-align: middle;
}
#conteneur18
{
	height: 120px;
	vertical-align: middle;
}

#conteneur19
{
	height: 120px;
	vertical-align: middle;
}

#conteneur20
{
	height: 120px;
	vertical-align: middle;

}
#conteneur21
{
	height: 120px;
	vertical-align: middle;
}

#conteneur22
{
	height: 120px;
	vertical-align: middle;

}
#conteneur23
{
	height: 120px;
	vertical-align: middle;
}

#conteneur24
{
	height: 120px;
	vertical-align: middle;
}