/*-------------------------------------------------------------------
                          CSS CREALYSE 2008
version: 1.0
author: Crealyse Team
email: 
website: http://www.crealyse.net/
-------------------------------------------------------------------*/
/*-------------------------PNG FIX----------------------------------------*/
/*
#SousRubriquesHolder {
	 behavior: url(iepngfix.htc) 
	 }
*/
/*-----------------------------------------------------------------*/	
#photo{
float:left;margin-top:-260px; margin-right:20px; width:460px;height:400px;	
}
.marge{
margin-left:535px;
margin-top:61px;
 float:left; 
 width:300px;
  padding-left:30px;
}
.titrecontenu{
	
	
color:#451E1D;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
margin-bottom:5px;
	
}
#animation
{

margin-top:100px;


margin-left:250px;	
}
/*--------------------------------------------------------
           Style body 
--------------------------------------------------------*/
body {
	margin:0 auto;
	background:#451E1D;
}
/*--------------------------------------------------------
           Universal selector
--------------------------------------------------------*/
* {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	/*color:#000;
	font-size:10px;*/
}
/*--------------------------------------------------------
           class Global
--------------------------------------------------------*/
.red {
	color:red;
}
.green {
	color:green;
}
.blue {
	color:#08448D;
}
.date {
	color:#897531;
	font-weight:bold;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style: italic;
}
.clear {
	clear:both;
}
/*--------------------------------------------------------
           Style IMG
--------------------------------------------------------*/
img {
	display:block;
}
/*--------------------------------------------------------
           Style TD
--------------------------------------------------------*/
td {
	vertical-align: top;
}
/*--------------------------------------------------------
          Heads
--------------------------------------------------------*/
h1 {
	color:#7A2885;
}
h2 {
	color:#451E1D;
	text-transform:uppercase;
	font-size:14px;
}
h3 {
}
/*--------------------------------------------------------
           Style Links
--------------------------------------------------------*/
a {
	text-decoration: none;
	color:#FF3333;
	font-size:10pt;
}
a:hover {
	text-decoration: none;
	color:#F54B03;
}
.lien1 {
	text-decoration: none;
	color:#fff;
	font-size:9pt;
	text-decoration: underline;
}
.lien1:hover {
	text-decoration: underline;
	color:#C19F33;
	font-size:9pt;
}
.lien2 {
	text-decoration: none;
	color:#C19F33;
	font-size:8pt;
	text-decoration: underline;
}
.lien2:hover {
	text-decoration: underline;
	color:#C19F33;
}
/*----------------------------------
           Site wrapper
------------------------------------*/
#Container {
	color:#845957;
	position: absolute;
	z-index:1;
	width:950px;
	height:550px;
	left:50%;
    top:50%; 
    margin-left:-475px;
    margin-top:-275px;
	background:#E8E2E2;
}
#holder {
	position: absolute;
	
	z-index:4;
	height:500px;
	width:950px;
	bottom:0px;
}
.textHolder {
margin-top:-50px;
	margin-left:410px;
	display:block;
	margin-right:142px;
	width:400px;
	text-align:justify;
	/*font-size:12px;*/
}
.textHolder2 {
	float:left;
	
	margin-right:142px;
	width:400px;
	
	text-align:justify;
	/*font-size:12px;*/
}
.scroll-pane {
	color:#451E1D;
	width: 400px;
	height: 290px;
	overflow: auto;
	float: left;
	text-align:justify;
	font-size:13px;
	/*font-size:12px;*/
}
.scroll-pane {
	color:#451E1D;
}
.scroll-pane a {
	color:#451E1D;
	text-decoration:underline;
}

.scroll-pane2 {
	color:#451E1D;

	width: 530px;
	height: 275px;
	overflow: auto;
	float: left;
	text-align:justify;
	font-size:13px;
}

.scroll-pane2 a {
	color:#451E1D;
	text-decoration:underline;
}
.scroll-pane3 {
	width: 450px;
	height: 270px;
	overflow: auto;
	float: right;
	margin-left:0px;
	text-align:justify;

	/*font-size:12px;*/
}
.news {
	color:#000;
	margin-bottom:16px;
	font-size:12px;
}
.newsDate {
	color:#451E1D;
	font-size:small;
}
.newsTitle {
	color:#451E1D;
	font-weight:normal;
	font-size:small;
}
.newsDescription {
	color:#451E1D;
	font-weight:normal;
	font-size:small;
}
.productsAnimation {
	float:left;
}

#flashInfo {
	position:absolute;
	margin-left:330px;
	
	text-align:justify;
	font-size:13px;
	bottom:40px;
	left:30px;
	margin-top:20px;
	margin-bottom:-30px;
	font-weight:normal;
	color:#451E1D;
	
}
#flashInfo a{
	font-size:12px;
	font-weight:normal;
	color:#451E1D;
}
#flashInfo span.flashInfoTitle {
	color:#451E1D;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
margin-left:40px;
}
/*----------------------------------
           Plan Acces
------------------------------------*/
#accesHolder {
	
	margin-top:50px;
	float:right;
	margin-right:-110px;
	width:454px;
	
	bottom:0px;
	right:0px;
	
}
#adresseHolder {
	width:150px;
	height:30px;
	margin-left:20px;
	margin-top:300px;
	
}
.addresseTitle {
	
text-transform:uppercase;
font-size:16px;
font-weight:bold;
padding-left:30px;
background:url(../images/puce_addresse.gif) no-repeat;
margin-left:40px;
margin-bottom:10px;
height:21px;
}
.addresse{ margin-top:-10px;font-size:11px; color:#451E1D;width:200px;}
.coordonee{margin-left:16px;font-size:11px; color:#451E1D; width:170px;}
.coordonee a{font-size:11px; color:#451E1D;width:170px;}
.coordoneeTitle{font-size:11px; color:#451E1D;width:170px;}
/*----------------------------------
           
------------------------------------*/
#avionHolder {
	position:absolute;
	z-index:2;
	width:870px;
	height:470px;
	bottom:0px;
	right:0px;
}
#footer {
	float:left;
	position:absolute;
	top:555px;
	text-align:center;
	color:#FFF;
	width:950px;
}
#footer a {
	font-size:9px;
	color:#fff;
	letter-spacing:1px;
}
/*----------------------------------
           Logo Holder
------------------------------------*/
#LogoHolder {
	position: absolute;
	z-index:1001;
	width:225px;
	height:66px;
}
/*----------------------------------
         Style Catégories
------------------------------------*/
#puce{
background:url(../images/puces.jpg) left top no-repeat;	
width:13px;
height:58px;
float:left;
margin-top:5px;
margin-left:20px;

}
/********************produit******************************************/
#produit ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size:10px;
	margin-left:26px;
	margin-top:16px;
	line-height:12px;
	line-height:14px;!important
	
}
#produit ul li {
	
	margin: 0px;
	padding: 0px;

	padding-left:10px;
	
	color:#7A2885;
}
#produit ul li.sousRubrique1 {
	background:url(../images/puces.png) left 0px no-repeat;

}
#produit ul li.sousRubrique2 {
	background:url(../images/puces.png) left -44px no-repeat;
}
#produit ul li.sousRubrique3 {
	background:url(../images/puces.png) left -88px no-repeat;
}
.titlecat1 
{
	font-size:11px;
color:#7B3212;
}
.titlecat2
{
	font-size:11px;
color:#845957;
}
.titlecat3 
{
	
	font-size:11px;
color:#451E1D;
}

#produit ul li a {
	 position: relative; 
	
	margin: 0px;
	padding: 0px;
	color:#7A2885;
	height:14px;
	width:120px;
	font-size:10px;
	font-weight:bold;
	margin-left:6px;
}
#produit ul li a.color1 {
	color:#7B3212;
}
#produit ul li a.color2 {
	color:#845957;
}
#produit ul li a.color3 {
	color:#451E1D;
}
#produit ul li a.selected1 {
	background-color:#7B3212;
	color:#FFF;
	
}
#produit ul li a.selected2 {
	background-color:#845957;
	color:#fff;
}
#produit ul li a.selected3 {
	background-color:#451E1D;
	color:#fff;
}


#produit {
	position: absolute;
	z-index:5;
	width:164px;
	height:120px;
	right:0px;
	background:url(../images/bg_sousrubriques.png) left top no-repeat;
	
	padding: 0px;
}


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



#SousRubriquesHolder {
	position: absolute;
	z-index:5;
	width:164px;
	height:120px;
	right:0px;
	background:url(../images/bg_sousrubriques.png) left top no-repeat;
	
	padding: 0px;
}

#SousRubriquesHolder ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size:10px;
	margin-left:10px;
	margin-top:16px;
	line-height:12px;
	line-height:14px;!important
	list-style-position: outside;
	
}
#SousRubriquesHolder ul li {
	
	margin: 0px;
	padding: 0px;
	margin-left:10px;
	
	color:#7A2885;
}
#SousRubriquesHolder ul li.sousRubrique1 {
	background:url(../images/puces.png) left 0px no-repeat;

}
#SousRubriquesHolder ul li.sousRubrique2 {
	background:url(../images/puces.png) left -41px no-repeat;
}
#SousRubriquesHolder ul li.sousRubrique3 {
	background:url(../images/puces.png) left -87px no-repeat;
}
.titlecat1 
{
	font-size:11px;
color:#7B3212;
}
.titlecat2
{
	font-size:11px;
color:#845957;
}
.titlecat3 
{
	
	font-size:11px;
color:#451E1D;
}

#SousRubriquesHolder ul li a {
	display:block;
	margin: 0px;
	padding: 0px;
	color:#7A2885;
	width:120px;
	font-size:10px;
	font-weight:bold;
	margin-left:16px;
}
#SousRubriquesHolder ul li a.color1 {
	color:#7B3212;
}
#SousRubriquesHolder ul li a.color2 {
	color:#845957;
}
#SousRubriquesHolder ul li a.color3 {
	color:#451E1D;
}
#SousRubriquesHolder ul li a.selected1 {
	background-color:#7B3212;
	color:#FFF;
	
}
#SousRubriquesHolder ul li a.selected2 {
	background-color:#845957;
	color:#fff;
}
#SousRubriquesHolder ul li a.selected3 {
	background-color:#451E1D;
	color:#fff;
}

/*----------------------------------
           FondAnimationHome
------------------------------------*/
#listeVisuelProduit{
	margin: 0px;
	
	padding: 0px;
	font-size:10px;
	/*margin-left:60px;
	position:relative;
	left:50%;*/	text-align:center;
}
#listeVisuelProduit a {
	
	height:20px;
	margin: 0px;
	margin-left:65px;
	padding: 0px;
	color:#7A2885;
text-indent:20px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	margin-top:-30px;
	
	
}
#listeVisuelProduit a.selected1 {
	color:#7B3212;
	display:block;
	background-image: url(../images/puces.png);
	background-repeat: no-repeat;
background-position: 11px 0px;
}
#listeVisuelProduit a.selected2 {
	color:#845957;
	display:block;
	background-image: url(../images/puces.png);
	background-repeat: no-repeat;
	background-position: 11px -21px;
}
#listeVisuelProduit a.selected3 {

	color:#451E1D;
	display:block;
	background-image: url(../images/puces.png);
	background-repeat: no-repeat;
	background-position: 11px -41px;
}

#listeVisuelProduit a:hover {
}
/*----------------------------------
           FondAnimationHome
------------------------------------*/
#FondAnimationHome {
	position: absolute;
	
	width:641px;
	height:401px;
	bottom:0px;
	right:10px;
	margin-right:299px;
	
	background:url(../images/acceuil1.jpg) left top no-repeat;
}
/*----------------------------------
           visuelProduit
------------------------------------*/
#visuelProduit{
	position: absolute;
	z-index:100;
	width:300px;
	height:356px;
	bottom:0px;
	left:0px;
}
/*--------------------------------------------------------
          Style MainMenu
--------------------------------------------------------*/
#MainMenu {
	margin: 0px;
	padding: 0px;
	padding-left:328px;
	list-style-type: none;

	height:30px;
	height:87px;!important
background:url(../images/bg_mainmenu.gif) left top repeat-x;
}
#MainMenu li {
	float:left;
	display:inline;
	height:34px;
	margin-left:0px;
	background:url(../images/bg_mainmenu.gif) left top repeat-x;
}

#MainMenu li a {

	display:block;
	height: 30px;
	line-height: 40px;
	color: #461818;
	font-family:Arial;
	font-size:9pt;
	margin-right:4px;
	text-decoration: none;
	text-align:center;
	text-indent:0px;
	padding-right:2px;
	
}
#MainMenu li a.selected {
	/*background-color:#E3C032;*/
	background-color:#E3C032;
	
	padding-top:24px;
	
}
#MainMenu li a.item1 {
	width:112px;

	
	color:#451E1D;
	
	font-size:13px;
}
#MainMenu li a.item2 {
	width:112px;
		color:#451E1D;
	
	font-size:13px;
}
#MainMenu li a.item3 {
	width:112px;
		color:#451E1D;
	
	font-size:13px;
}

#MainMenu li a.item4 {

	width:112px;
	
	padding-left:-25px;
	color:#451E1D;
	font-weight:bold;
	font-size:13px;

}
#MainMenu li a:hover {
	background-color:#E3C032;
padding-top:24px;

}

/*--------------------------------------------------------
           Style LISTES
--------------------------------------------------------*/
.liste1 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#000;
	margin: 2px;
	padding: 2px;
	list-style-type: none;
	line-height:12pt;
	line-height:16pt
}
.liste1 li {
	background:#fff url(../images/puce1.gif) no-repeat left 4px;
	padding-left:14px;
}
.liste1 a {
	color: #08448D;
}
.liste1 a:hover {
	color: #FF8211;
}
/*----------------------------------
           Form
------------------------------------*/
.formTitle {
	text-align:center;
	color:#451E1D;
	text-transform:uppercase;
	font-size:18px;
	margin-bottom:20px;
	font-family:Arial;
}
input.input1 {
	font-size:10px;
	background-color:#E3C032;
	border:#451e1d 1px solid;
	width:196px;
}
textarea.textarea1 {
	background-color:#E3C032;
	border:#451e1d 1px solid;
	width:196px;
	height:116px;
	font-size:10px;
	/*overflow:hidden;*/
}
.fieldTitle {
	margin-top:4px;
	color:#451E1D;
	text-transform:uppercase;
	font-weight:normal;
	font-size:12px;
	font-family:Arial;
}
.requiredField{
	color:#451E1D;
	font-weight:normal;
	text-align:right;
	margin-right:30px;
	margin-top:7px;
	font-size:10px;
	}
.btn_submit{
	width:68px;
	height:28px;
	background:#845957;
	border:none;
	position:relative;
	left:110px;
	margin-left:-34px;
	margin-top:20px;
	color:#FFF;
	font-weight:normal;
	font-size:10px;
	padding:0px;
cursor:pointer;
border:solid 3px #D9C33B ;
}
.btn_submit:hover{
	background:#451E1D;
}
/*--------------------------------------------------------
          copyright
--------------------------------------------------------*/
.copyright {
	text-align:center;
	font-size:8pt;
	color:#454545;
	height:32px;
	line-height:32px;
	background-color:#FFFFFF;
}

/*--------------------------------------------------------
          
--------------------------------------------------------*/
.ficheHolder{float:left;width:682px;height:398px;position:relative;z-index:1200}
.ficheHolderStyle1{background-color:#7B3212;}
.ficheHolderStyle2{background-color:#845957;}
.ficheHolderStyle3{background-color:#451E1D;}

.productsName{
text-transform:uppercase;
font-size:12px;
font-weight:normal;
}
.productStyle1{color:#7B3212;}
.productStyle2{color:#845957;}
.productStyle3{color:#451E1D;}

.productsReference{
font-size:12px;
font-weight:normal;
margin-bottom:20px;
}
.productsDescription{
font-size:10px;
text-align:justify;
}
.ficheHeader{
height:48px;
line-height:48px;
}
.ficheCategorieName{
float:left;
letter-spacing:2px;
color:#fff;
margin-left:37px;
font-size:16px;
font-weight:normal;
margin:0px 0px 0px 37px;
}
.productBox {
float:left;
width:112px;
height:161px;
background-color:#F4EDE5;
margin-right:12px;
margin-bottom:12px;
}
.navProducts{
float:right;
width:200px;
}
a.navProductsPrec {font-size:11px;color:#fff;display:block;width:100px;text-indent:20px;background:url(../images/prec.png) no-repeat left 20px;}
a.navProductsPrec :hover{}
a.navProductsNext { font-size:11px;color:#fff;width:40px;display:block;background:url(../images/next.png) no-repeat right 20px;text-align:right;padding-right:20px;}
a.navProductsNexta:hover{}