* {
 padding: 0;
 margin: 0;
}
td {
	background-position: left top;
}

body {
	background-repeat: no-repeat;
	background-color: #031F06;
	background-position: center top;
	font-size: 0.8em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align: left;
}
#ombreup  {
	left: 50%;
	top: 260px;
	position: absolute;
	margin-left: -500px;
	z-index: 80;
}
li {
	list-style-image: none;
	list-style-type: none;
}

#groundUp {
	position: absolute;
	height: 500px;
	width: 1400px;
	left: 50%;
	margin-left: -700px;
	top: 0px;
	z-index: -200;
}

p {
	font-size: 1em;
	text-align: left;
}

h1, h2, h3 {
	font-size: 1.1em;
	font-weight: normal;
	text-align: left;
}
/* div entete*/
#entete {
	width: 100%;
	position: relative;
	background-color: #001403;
	left: 0px;
	top: 0px;
	background-image: url(../images/skinwood.jpg);
	height: 50px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #031F06;
	}
	#entete h1 {
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
	width: 450px;
	position: relative;
	margin-top: 0px;
	left: 50%;
	margin-left: -450px;
	}	
	#entete h2 {
	color: #CCCCCC;
	font-size: 1.3em;
	font-weight: normal;
	padding: 0px;
	text-transform: uppercase;
	position: relative;
	width: 450px;
	left: 50%;
	margin-left: -450px;
	}
	#entete #logo {
		height: 50px;
		width: 450px;
		margin-left: -510px;
		position: relative;
		left: 50%;
	}
	#entete #logo img {
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
}
/*div pub*/
#pub {
	height: 200px;
	width: 600px;
	margin-left: -300px;
	position: absolute;
	left: 50%;
	background-image: url(../images/bgpub.jpg);
	z-index: auto;
}
#pub #cadrePub {
	margin-top: 40px;
	margin-left: 70px;
}
#pub #cadrePub h1 {
	color: #200E00;
	font-size: 15px;
}
#pub #cadrePub p {
	font-size: 25px;
	text-align: center;
	margin-left: -60px;
}

#wrapper {
	width: 980px;
	position:relative;
	margin-top: 200px;
	background-repeat: repeat-y;
	margin-left: -490px;
	left: 50%;
	background-color: #CCCCCC;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#wrapper  h1 {
	text-transform: uppercase;
	text-align: center;
	text-indent:-99999px;
	margin-top: 0;
	margin-right: 20;
	margin-bottom: 0;
	margin-left: 20;
	padding-top: 0em;
	padding-right: 20;
	padding-bottom: 0.3em;
	padding-left: 20;
}

#wrapper  #nav {
	list-style: none;
	background: #2e2e2e url(../images/nav_bar.jpg) repeat-x;
	display: block;
	overflow: hidden;
	font-size: 12px;
	height:33px;
	text-transform:capitalize;
}
#wrapper  #nav  li {
	display: inline;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#wrapper  #nav  li  a {
	display: block;
	color: white;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: left;
}
#wrapper  #nav  li  a:hover {
	background: #1b1b1b url(images/nav_bar_o.jpg) repeat-x;
}
#wrapper     .nav #load  {
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	text-indent: -9999em;
	background-image: url(../images/lightbox-ico-loading.gif);
	color: #CCFFCC;
	font-size: 12px;
}
#wrapper  #content {
	margin-right: 20px;
	margin-left: 20px;
}
#wrapper  #content  h2 {
	color:#333333;
	font-family:Helvetica, Arial, Sans-serif;
	margin-top: 0;
	margin-right: 20;
	margin-bottom: 0;
	margin-left: 20;
	padding-top: 0.5em;
	padding-right: 20;
	padding-bottom: 0.1em;
	padding-left: 20;
	font-weight: bold;
	font-size: 1.5em;
}
#wrapper  #content  p {
	color:#031F06;
	line-height:1.4em;
	padding-top: 0.1em;
	padding-right: 20;
	padding-bottom: 1em;
	padding-left: 20;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#wrapper #foot {
	padding: 15px;
	color: white;
	text-align: center;
	margin: 30px 0 0 0;
	border-top:1px solid #222222;
}

#wrap/* div majeur */
 {
	width: 1000px;
	margin-left: -500px;
	position: absolute;
	left: 50%;
	margin-top: 0px;
	}

/*conteneur partie haute*/
	#conteneur{
	width: 1000px;
	position: relative;
	height: 250px;
	background-image: url(../images/top_conteneur.jpg);
	background-repeat: no-repeat;
	}
/*conteneur partie du milieu*/
	#conteneurmilieu {
	width: 990px;
	background-image: url(../images/bottom_conteneur.jpg);
	background-repeat: repeat-y;
	position: relative;
	height: 100%;
	padding: 0px;
		}
#conteneurmilieu  .menu {
	height:30px;
	width:980px;
	top: 0px;
	position: relative;
	background-color: #333333;
	left: 10px;
		}
.titreR      {
	font-size: 14px;
	color: #CC6600;
	float: left;
}

#wrap #conteneurmilieu .menu .title {
	float: left;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 14px;
	color: #FC9C24;
}

#conteneurmilieu  .menu ul {
	list-style:none;
	z-index:10;
	position:relative;
	z-index:100;
	width: 960px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
		}
#conteneurmilieu  .menu li {
	font-size: 0.9em;
	float: left;
		}
#conteneurmilieu   .menu a,  .menu a:active,  .menu a:visited,  .menu a:hover {
	text-decoration:none;
	color:#FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
		}
#conteneurmilieu #slide {
	position:absolute;
	top:0px;
	height:30px;
	z-index:10;
	background-color: #000000;
	}
		#conteneurmilieu  #menurecherche     {
	width: 190px;
	padding-left: 0px;
	background-color: #111111;
	position: relative;
	margin-left: 10px;
			}

#wrap     #conteneurmilieu     #menurecherche     h1 {
	color: #000000;
	font-size: 0.9em;
	background-color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 5px;
	text-indent: 5px;
	text-transform: uppercase;
	font-weight: normal;
}
    
#wrap #conteneurmilieu #listerecherche h1 {
	color: #000000;
	font-size: 0.9em;
	background-color: #CCCCCC;
	padding-top: 10px;
	text-indent: 5px;
	text-transform: uppercase;
	font-weight: normal;
	margin-left: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#wrap #conteneurmilieu #listerecherche li {
	margin-left: 30px;
	font-size: 1em;
	color: #FFFFFF;
}
#wrap #conteneurmilieu #listerecherche input {
	background-position: right;
	margin-left: 20px;
}
#wrap #conteneurmilieu .tel {
	margin-right: 0px;
	margin-left: 25px;
	background-color: #999999;
	height: 150px;
	width: 150px;
	margin-top: 50px;
	margin-bottom: 25px;
	color: #FFFFFF;
	text-align: justify;
	font-size: 10px;
}



			Style jquery
			.navigation {
				  margin: 0;
				  padding: 0;
				  list-style: none;
				  background: #000;
				  color: #fff;
				  width: 200px;
				}
			   .navigation a, .navigation span {
	display: block;
	color: #fff;
	text-decoration: none;
	background: #000 url(../images/menu-item.png) left bottom no-repeat;
	list-style-type: none;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
				}
			   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
				background-image: url(../images/menu-item-deroule.png);
				list-style-type: none;
				}
			   .navigation .open a, .navigation .open span {
				background-image: url(../images/menu-item-enroule.png);
				list-style-type: none;
				}
			   .navigation a:hover, .navigation a:focus, .navigation a:active {
				text-decoration: underline;
				list-style-type: none;
				}
			   .navigation .subMenu {
				font-size: .8em;
				background: #333 url(../images/subMenu.png) 0 0 repeat-x;
				font-size: .9em;
				margin: 0;
				padding: 0;
				border-bottom: 1px solid #666;
				list-style-type: none;
				}
			   .navigation ul.subMenu a {
				background: none;
				padding: 3px 20px;
				list-style-type: none;
		}
		#conteneurmilieu    #main  {
			width: 590px;
			background-color: #111111;
		}
#wrap #conteneurmilieu #main .ariane {
	font-size: 15px;
	color: #FC9C24;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#wrap #conteneurmilieu #main .synt {
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000000;
}
#wrap #conteneurmilieu #main #produits img {
	margin-top: 10px;
	margin-bottom: 10px;
	border: thin solid #999999;
}
#wrap #conteneurmilieu #main #produits h1 {
	margin: 5px;
	font-size: 1.2em;
	color: #333333;
}
#wrap #conteneurmilieu #main #produits .fiche {
	border: thin solid #666666;
}
#wrap #conteneurmilieu #main #produits p {
	margin: 5px;
	font-size: 1em;
	color: #666666;
}
#wrap #conteneurmilieu #main #produits .tdprix {
	background-color: #222222;
}
#wrap #conteneurmilieu #main .menuproduit {
	background-color: #000000;
	color: #FFFFFF;
}
#wrap #conteneurmilieu #main .menuproduit .prod {
	font-size: 1em;
	text-align: right;
	background-color: #000000;
	padding-bottom: 3px;
	border-bottom-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: double;
	border-left-style: none;
	padding-top: 3px;
	padding-right: 15px;
}
#wrap #conteneurmilieu #main .menuproduit .prod .linkprod a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}
#wrap  #conteneurmilieu  #main  .menuproduit  .prod  .linkprod  a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#wrap #conteneurmilieu #main .menuproduit .prod .linkprod a:hover {
	background-color: #333333;
	color: #FFFFFF;
	text-decoration: none;
}
#wrap  #conteneurmilieu  #main  .menuproduit  .prod  .linkprod  a:active {
	color: #FFFFFF;
	text-decoration: none;
}



#wrap #conteneurmilieu #main .menuproduit .prod .linkprod {
	display: inline;
	margin-right: 10px;
	margin-left: 10px;
}
#wrap #conteneurmilieu #main #produits .fiche {
	background-color: #FFFFCC;
}



#wrap #conteneurmilieu #main #produits .prix {
	color: #FFFFFF;
	margin: 5px;
}

		#conteneurmilieu    #pubDroite  {
	width: 180px;
	color: #333333;
	background-color: #595959;
	padding: 3px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 7px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: solid;
	border-left-style: solid;
border:0px;
	position: relative;
	height: 615px;
		}
#wrap #conteneurmilieu #pubDroite p {
	color: #FFFFFF;
	padding: 5px;
	font-size: 25px;
	text-align: center;
}
#wrap  #conteneurmilieu  #pubDroite  h2 {
	font-size: 1.1em;
	color: #FC9C24;
}

		#conteneurmilieu  #infos {
	padding-left: 10px;
	width: 1000px;
	margin-left: 0px;
	float: left;
	background-image: url(../images/milieu.jpg);
	background-repeat: repeat-y;
	padding-top: 0px;
		}

/*conteneur pied de page*/
	#conteneurpied {
	width: 980px;
	position: relative;
	background-image: url(../images/conteneur_pied.jpg);
	background-repeat: repeat-y;
		}
#wrap   #conteneurmilieu   #infos    .articleconseils {
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#wrap #conteneurmilieu #infos .articleconseils h2 {
	color: #CCCCCC;
}
#wrap #conteneurmilieu #infos .articleconseils p {
	font-size: 11px;
}

#wrap #conteneurmilieu #infos .articleconseils a {
	color: #FC9C24;
}
#wrap  #conteneurmilieu  #infos  .articleconseils  a:hover {
	color: #FCDB58;
}
#wrap  #pied {
	background-image: url(../images/conteneur_pied.jpg);
	background-repeat: repeat-y;
	text-align: center;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
		}
		/li {
			height: 1px;}
#wrap #pied .link {
	color: #000000;
	font-size: 0.7em;
	margin-top: 10px;
}
#wrap #pied #copy {
	background-color: #000000;
	width: 980px;
	color: #FFFFFF;
	margin-left: -10px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 18px;
	text-indent: 10px;
	font-size: 10px;
}


	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #444;
		padding: 10px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
	text-decoration: underline;
	}
#gallery  a:link     {
	color: #FFFFFF;
	text-decoration: none;
}
	#gallery a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
    	#gallery ul a:hover {
	color: #fff;
	text-decoration: none;
}
#gallery a:active {
	color: #FFFFFF;
	text-decoration: none;
}




form textarea, form input[type="text"], form input[type="password"] {
background-color:#EEEEEE;
border:1px solid #CCCCCC;
font-style: normal;
	text-decoration: none;
	color: #272727;
        font-size: 12px;
}
form textarea:hover, form input[type="text"]:hover, form input[type="password"]:hover {
border:1px solid #356AA0;
}
form img {
border:0px
}
a.rollopaque img {
  border:0;
  opacity: 1;
  filter:alpha(opacity=100);
  }
a.rollopaque:hover img {
  border:0;
  opacity: 0.6;
  filter:alpha(opacity=60);  
  }
.texte2{
font-family:Helvetica, sans-serif;
font-size:12px;
color:#5d5d5d;
}
.texte2 a:link{
color:#356AA0;
text-decoration:none;
}
.texte2 a:visited{
color:#356AA0;
text-decoration:none;
}
.texte2 a:active{
color:#356AA0;
text-decoration:none;
}
.texte2 a:hover{
color:#356AA0;
text-decoration:none;
border-bottom:2px solid #356AA0;
}
.texte3{
font-family:Helvetica, sans-serif;
font-size:12px;
color:#dedede;
}
.texte3 a:link{
color:#dedede;
text-decoration:none;
}
.texte3 a:visited{
color:#dedede;
text-decoration:none;
}
.texte3 a:active{
color:#dedede;
text-decoration:none;
}
.texte3 a:hover{
color:#000;
text-decoration:none;
border-bottom:0px solid #007eff;
}
.titre_blanc:first-letter{
color: #ffffff;
               text-transform: uppercase;
          }
        .titre_blanc {
        color: #ffffff;
        font-family:Helvetica, sans-serif;
	letter-spacing:0.1em;
	text-transform: lowercase;
	line-height: 145%;
	font-size: 16px;
	font-weight:bold;
	font-variant: small-caps;
        }
.titre:first-letter{
               text-transform: uppercase;
          }
        .titre {
        color: #3f4c6b;
        font-family:Helvetica, sans-serif;
	letter-spacing:0.1em;
	text-transform: lowercase;
	line-height: 145%;
	font-size: 16px;
	font-weight:bold;
	font-variant: small-caps;
        }
.titre a:link{
color: #3f4c6b;
text-decoration:none;
}
.titre a:visited{
color: #3f4c6b;
text-decoration:none;
}
.titre a:active{
color: #3f4c6b;
text-decoration:none;
}
.titre a:hover{
color: #356AA0;
text-decoration:none;
} 
.titre2      {
	font-size: 18px;
	color: #CC6600;
	font-weight:bold;
	float: left;
}





#flashycontainer{
width:100%;
margin: 0px auto;
}
#flashynavigator li{
position:relative;
padding:2px 5px;
color:#fff;
text-decoration:none;
font-weight:bold;
 cursor :default;
text-align:center;
}
.div_prix {
position:relative;
padding:2px 5px;
color:#fff;
text-decoration:none;
font-weight:bold;
 cursor :default;
text-align:center;
background-color:#a67642;
font-size:1.5em;
}
.div_categorie {
position:relative;
padding:2px 5px;
color:#fff;
text-decoration:none;
font-weight:bold;
 cursor :default;
text-align:center;
background-color:#826444;
font-size:1.5em;
}
.div_marque {
position:relative;
padding:2px 5px;
color:#fff;
text-decoration:none;
font-weight:bold;
 cursor :default;
text-align:center;
background-color:#5e5144;
font-size:1.5em;
}


.erreur_message{
font-color:#ed0000;
}