/* ***************** MISE EN PAGE ************************* */
/*                 **********************			        */
/*                 *      *             *                   */
/*                 *      *             *                   */
/*			 *      ***************		            */
/*                 *      *             *                   */
/*                 *      *             *                   */
/*                 *      *             *                   */
/*                 *      *             *                   */
/*                 **********************                   */
/*                 *                    *                   */     
/*                 **********************                   */      

html{ 
	height:100%;
}

body{	
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:0px;
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
	background: url('../images/bg_body.jpg') 0px 0px repeat-x;
}

 /* ***************** MISE EN PAGE ************************* */	

#container{
	width:1000px;
	float:left;
}

#left{
	width:271px;
	float:left;
}

	#photos{
		width:271px;
		height:344px;
		margin-bottom:5px;
		float:left;
	}

	#pub{
		width:256px;
		float:left;
	}

	#logoLevel{
		width:256px;
		margin-top:15px;
		text-align:center;
		float:left;
	}

	#lang{
		width:246px;
		margin-top:10px;
		float:left;
		padding-left:10px;
	}

		#lang A{
			float:left;
		}

#right{
	width:729px;
	float:left;
}

	#top{
		height:147px;
		background: url('../images/bg_top.jpg') 0px 0px no-repeat; 
	}

		#logoDiv{
			width:300px;
			padding-left:185px;
			padding-right:185px;
			float:left;
		}

		#menu{
			height:40px;
			clear:both;
		}

			#menu .btn{
				float:left;
				display:block;
				padding-left:15px;
				padding-right:15px;
				color:#FFFFFF;
				height:27px;
				padding-top:10px;
				font-size:13px;
				font-weight:bold;
				text-decoration:none;
				background: url('../images/bg_menu_sep.jpg') right 0px no-repeat;
			}

			#menu .btn:hover{
				color:#FF0000;
			}

		#menuAR{
			height:40px;
			clear:both;			
		}

			#menuAR .btn{
				float:left;
				display:block;
				padding-left:20px;
				padding-right:20px;
				color:#FFFFFF;
				height:27px;
				padding-top:10px;
				font-size:20px;
				font-weight:bold;
				text-decoration:none;
				background: url('../images/bg_menu_sep.jpg') right 0px no-repeat;
			}

				#menuAR .btn:hover{
					color:#FF0000;
				}

		#menuRU{
			height:40px;
			clear:both;			
		}

			#menuRU .btn{
				float:left;
				display:block;
				padding-left:17px;
				padding-right:17px;
				color:#FFFFFF;
				height:27px;
				padding-top:10px;
				font-size:12px;
				font-weight:bold;
				text-decoration:none;
				background: url('images/bg_menu_sep.jpg') right 0px no-repeat;
			}

				#menuRU .btn:hover{
					color:#FF0000;
				}

	#content{
		width:699px;
		padding:15px;
	}

#footer{
	width:699px;
	height:20px;
	font-size:11px;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	border-top:1px dotted #434343;
	padding-bottom:20px;
	float:left;
	text-align:left;
}

.clear{ clear: both; }

 /* ***************** MISE EN FORME ************************* */

H1{ 
 font-size:20px;
 color:#FF9900;
 margin-bottom: 0px;
 display:inline; 
 font-weight:normal;
} 

H2{ 
 font-size:15px;
 margin-bottom: 0px;
 display:inline; 
 font-weight:normal;

} 

H3{ 
 font-size:12px;
 margin-bottom: 0px;
 display:inline; 
 font-weight:normal; 
 color:#D8C6B6;
} 

A{
 color:#FF9900;
}

A:hover{
 color:#FF0000;
}

HR{
color:#62554F;
background-color:#62554F;
height:1px;
border:0px;
}

/* ------------- formulaires ----------------------- */
.noclass {
	background-color: #ffffff;
	border-color: #ffffff;
	border-width: 0;
}

.noborder input{clear:both;border-width:0;background-color: transparent;position:relative;left:-5px;}
.noborder label{clear:both;}
div.noborder input {border-width:0;background-color: transparent;}
span.noborder input {border-width:0;background-color: transparent;}

input, select, textarea {
	background-color: #0C0C0C;
	border-color: #333333;
	border-width: 1px;
	border-style: solid;
	font-size:12px;
	color:#FFFFFF;
}


.btn{
	border-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	color: white;
	font-size:9px;
	padding-left:5px;
	padding-right:5px;
	text-transform:capitalize;
	cursor:pointer;
	letter-spacing:1px;
	background-color:#333333;
}

.btnOver{
	border-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	color: #000000;
	font-size:9px;
	padding-left:5px;
	padding-right:5px;
	text-transform:capitalize;
	cursor:pointer;
	letter-spacing:1px;
	background-color: #FF9900;
}

/* ------------- title replace ----------------------- */
div#qTip {
  padding: 3px;
  border: 3px solid #FF9900;
  display: none;
  color: #000000;
  text-align: left;
  position: absolute;
  z-index: 1000;
  background-color: #ffffff;
}

#pageLeft {
	FONT-SIZE: 11px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(../images/bg_page-left.jpg) repeat-x 0px 0px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 209px; PADDING-TOP: 10px
}
#pageRight {
	FLOAT: left; MARGIN-LEFT: 12px; WIDTH: 452px
}
.title {
	MARGIN-TOP: 0px; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 14px; BACKGROUND: url(../images/bg_title.jpg) repeat-x 0px 0px; PADDING-TOP: 3px; WIDTH:550px; HEIGHT: 19px
}
.img {
	FLOAT: left; MARGIN-BOTTOM: 20px; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px
}
#ControlContact {
	
}
#ControlContact .pnlMsg {
	BORDER-RIGHT: #8b909f 1px dotted; BORDER-TOP: #8b909f 1px dotted; BORDER-LEFT: #8b909f 1px dotted; WIDTH: 95%; COLOR: red; BORDER-BOTTOM: #8b909f 1px dotted
}
#ControlContact TABLE .label {
	VERTICAL-ALIGN: top; PADDING-TOP: 2px; FONT-SIZE: 12px
}
#ControlContact TABLE .label LABEL {
	DISPLAY: block; WIDTH: 120px
}
#ControlContact .input {
	WIDTH: 300px
}
#ControlContact .asterisque {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #FF9900
}
#ControlContact TABLE TD .btn {
	FLOAT: left; WIDTH: 60px; MARGIN-RIGHT: 10px
}
#ControlContact TABLE TD .btnOver {
	FLOAT: left; WIDTH: 60px; MARGIN-RIGHT: 10px
}
#ControlContact .alert {
	CLEAR: both; COLOR: #FF9900
}
.Formulaire {
	BORDER-RIGHT: #e2d6c8 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #e2d6c8 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; BORDER-LEFT: #e2d6c8 1px solid; PADDING-TOP: 8px; BORDER-BOTTOM: #e2d6c8 1px solid
}
.Formulaire .pnlMsg {
	BORDER-RIGHT: #ff4e00 1px solid; BORDER-TOP: #ff4e00 1px solid; BORDER-LEFT: #ff4e00 1px solid; COLOR: #ff4e00; BORDER-BOTTOM: #ff4e00 1px solid; BACKGROUND-COLOR: #f7ad8c
}
.Formulaire .label {
	FLOAT: left; MARGIN-BOTTOM: 2px; WIDTH: 90px
}
.Formulaire .asterisque {
	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 20px; FLOAT: left; MARGIN-BOTTOM: -30px; MARGIN-LEFT: 5px; COLOR: #ff5819; POSITION: relative; TOP: -5px
}
.Formulaire .alert {
	CLEAR: both; BORDER-RIGHT: #ff5819 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ff5819 1px solid; DISPLAY: block; PADDING-LEFT: 3px; FONT-SIZE: 9px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 3px; MARGIN-LEFT: 90px; BORDER-LEFT: #ff5819 1px solid; WIDTH: 295px; COLOR: #ff5819; PADDING-TOP: 3px; BORDER-BOTTOM: #ff5819 1px solid; BACKGROUND-COLOR: white; TEXT-ALIGN: left
}

#ControlProductsInHome {
	
}
#ControlProductsInHome A {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; DISPLAY: block; FLOAT: left; MARGIN-BOTTOM: 8px; MARGIN-LEFT: 3px; BORDER-LEFT: #333333 1px solid; WIDTH: 140px; CURSOR: hand; COLOR: #FF9900; MARGIN-RIGHT: 3px; BORDER-BOTTOM: #333333 1px solid; HEIGHT: 260px; TEXT-ALIGN: left; TEXT-DECORATION: none
}
#ControlProductsInHome A:hover {
	BORDER-RIGHT: #FF9900 1px solid; BORDER-TOP: #FF9900 1px solid; BORDER-LEFT: #FF9900 1px solid; BORDER-BOTTOM: #FF9900 1px solid
}
#ControlProductsInHome A .photo {
	MARGIN-TOP: 20px; WIDTH: 140px; HEIGHT: 105px; TEXT-ALIGN: center
}
#ControlProductsInHome A .fabricant {
	DISPLAY: block; PADDING-LEFT: 5px; FONT-SIZE: 16px; BACKGROUND: url(../images/bg_title-product.jpg) repeat-x 0px 0px; PADDING-TOP: 2px; HEIGHT: 20px
}
#ControlProductsInHome A:hover .fabricant {
	COLOR: #ffffff
}
#ControlProductsInHome A .texte {
	DISPLAY: block; FONT-SIZE:10px; PADDING-BOTTOM: 5px; COLOR: white; PADDING-TOP: 5px; HEIGHT: 43px; BACKGROUND-COLOR: #0c0c0c; TEXT-ALIGN: center
}
#ControlProductsInHome A .price {
	PADDING-RIGHT: 3px; DISPLAY: none; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url(../images/bg_price-product.jpg) repeat-x 0px 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; TEXT-ALIGN: right
}
#MenuCategories {
	POSITION: relative; TOP: -10px; TEXT-ALIGN: left
}
#MenuCategories H1 {
	DISPLAY: block; MARGIN-BOTTOM: 7px
}
#MenuCategories A {
	DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #FF9900 2px solid; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM: #ffffff 1px solid; TEXT-DECORATION: none
}
#MenuCategories A:hover {
	COLOR: #FF9900; TEXT-DECORATION: none
}
#MenuCategories .enfant {
	DISPLAY: none
}
#MenuCategories .enfant A {
	DISPLAY: block; PADDING-LEFT: 40px; FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND: url(../images/bg_menucategoriea_enfant.gif) #ffffff no-repeat 15px 5px; PADDING-BOTTOM: 3px; TEXT-TRANSFORM: capitalize; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: #ffffff 1px solid; TEXT-DECORATION: none
}
#MenuCategories .enfant A:hover {
	COLOR: #000000; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #FF9900; TEXT-DECORATION: none
}
#CategoriesList {
	
}
#CategoriesList A {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; DISPLAY: block; FLOAT: left; MARGIN-BOTTOM: 8px; MARGIN-LEFT: 4px; BORDER-LEFT: #333333 1px solid; WIDTH: 160px; COLOR: #FF9900; MARGIN-RIGHT: 4px; BORDER-BOTTOM: #333333 1px solid; HEIGHT: 150px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#CategoriesList A:hover {
	BORDER-RIGHT: #FF9900 1px solid; BORDER-TOP: #FF9900 1px solid; BORDER-LEFT: #FF9900 1px solid; WIDTH: 160px; BORDER-BOTTOM: #FF9900 1px solid; HEIGHT: 150px; TEXT-DECORATION: none
}
#CategoriesList .photo {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
#CategoriesList A .texte {
	DISPLAY: block; PADDING-LEFT: 5px; FONT-SIZE: 16px; BACKGROUND: url(../images/bg_title-product.jpg) repeat-x 0px 0px; PADDING-TOP: 2px; HEIGHT: 20px
}
#CategoriesList A:hover .texte {
	COLOR: #ffffff
}
#CategoriesList A:hover .photo {
	FILTER: alpha(opacity=50); moz-opacity: 0.50; opacity: 0.50
}
#breadCrumb {
	MARGIN-BOTTOM: 15px
}
#productFilter {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; WIDTH: 432px; PADDING-TOP: 5px; BACKGROUND-COLOR: #333333
}
#productFilter .leftSide {
	FLOAT: left
}
#productFilter .rightSide {
	FLOAT: left
}
#productsList {
	
}
#productsList .product {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; DISPLAY: block; FLOAT: left; MARGIN-BOTTOM: 15px; BORDER-LEFT: #333333 1px solid; WIDTH: 140px; COLOR: #FF9900; MARGIN-RIGHT: 8px; BORDER-BOTTOM: #333333 1px solid; HEIGHT: 220px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#productsList .product:hover {
	BORDER-RIGHT: #FF9900 1px solid; BORDER-TOP: #FF9900 1px solid; BORDER-LEFT: #FF9900 1px solid; BORDER-BOTTOM: #FF9900 1px solid
}
#productsList .product .photo {
	MARGIN-TOP: 20px; WIDTH: 140px; HEIGHT: 200px; TEXT-ALIGN: center
}
#productsList .product .title {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; FONT-SIZE: 16px; BACKGROUND: url(../images/bg_title-product.jpg) repeat-x 0px 0px; PADDING-TOP: 2px; HEIGHT: 50px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#productsList .product .title:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#productsList .product .description {
	BORDER-TOP: #333333 1px dotted; DISPLAY: block; PADDING-BOTTOM: 15px; COLOR: white; PADDING-TOP: 20px; HEIGHT: 20px; BACKGROUND-COLOR: #0c0c0c; TEXT-ALIGN: center
}
#productsList .product .stock {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url(../images/bg_price-product.jpg) repeat-x 0px 0px; FLOAT: left; PADDING-BOTTOM: 3px; WIDTH: 30px; PADDING-TOP: 3px; HEIGHT: 17px; TEXT-ALIGN: left
}
#productsList .product .price {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url(../images/bg_price-product.jpg) repeat-x 0px 0px; FLOAT: right; PADDING-BOTTOM: 3px; WIDTH: 98px; PADDING-TOP: 3px; HEIGHT: 17px; TEXT-ALIGN: right
}
#productView {
	MARGIN-BOTTOM: 10px; BORDER-BOTTOM: #333333 1px solid
}
#productView .top {
	TEXT-ALIGN: left
}
#productView .top H1 {
	MARGIN-TOP: 0px; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 16px; BACKGROUND: url(../images/bg_title.jpg) repeat-x 0px 0px; MARGIN-BOTTOM: 10px; PADDING-TOP: 1px; HEIGHT: 21px
}
#productView .leftSide {
	FLOAT: left; WIDTH: 270px
}
#productView .leftSide .photo {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; WIDTH: 250px; PADDING-TOP: 10px; BACKGROUND-COLOR: #333333; TEXT-ALIGN: center
}
#productView .rightSide {
	FLOAT: left; MARGIN-LEFT: 12px; WIDTH: 170px
}
#productView .rightSide .photo {
	
}
#productView .rightSide .texte {
	BORDER-TOP: #333333 1px dotted; MARGIN-TOP: 10px; PADDING-TOP: 5px
}
#productArticles {
	
}
#productArticles .liste {
	BACKGROUND: url(../images/bg_title-product.jpg) repeat-x 0px 0px; BORDER-BOTTOM: #333333 1px solid
}
#productArticles .liste TD {
	BACKGROUND-COLOR: #0c0c0c
}
#productArticles .liste .TDphoto {
	BACKGROUND-COLOR: white
}
#productArticles .liste TD H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FF9900
}
#dhtmltooltip {
	Z-INDEX: 100; VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: #ffffff
}
.dhtmltooltip_inner {
	BORDER-RIGHT: #333333 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #333333 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 4px; BORDER-LEFT: #333333 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #333333 1px solid; POSITION: relative; BACKGROUND-COLOR: white
}

.menu {
	PADDING-RIGHT: 5px; BORDER-TOP: #3f3f3f 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 10px; MARGIN: 5px 0px 15px; PADDING-TOP: 7px; BORDER-BOTTOM: #3f3f3f 1px solid; BACKGROUND-COLOR: #1f1f1f
}
.menu A {
	
}
#ControlNewsList {
	BORDER-TOP: #3f3f3f 1px solid; MARGIN-TOP: 15px; PADDING-TOP: 10px
}
#ControlNewsList H1 {
	
}
#ControlNewsList .imgPhotoBox {
	FLOAT: left; MARGIN: 3px 5px 0px 0px
}
#ControlNewsList .imgPhotoBox .photo {
	WIDTH: 48px
}
#ControlNewsList .textBox {
	
}
#ControlNewsList .textBox .title {
	
}
#ControlNewsList .separator {
	
}
#NewsList {
	
}
#NewsList H2 {
	DISPLAY: none
}
#NewsList .textBox {
	FONT-SIZE: 10px
}
#NewsList .textBox .photo {
	FLOAT: left; MARGIN: 3px 6px 0px 0px; WIDTH: 70px
}
#NewsList .textBox .readMore {
	MARGIN-TOP: 10px; TEXT-DECORATION: none
}
#NewsList .textBox .readMore A {
	CLEAR: both; PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 9px; BACKGROUND: url(../images/bg_readmore.gif) no-repeat 0px 0px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; LETTER-SPACING: 1px; TEXT-DECORATION: none; outline: 0
}
#NewsList .textBox .readMore A:hover {
	BACKGROUND-POSITION: 0px -15px
}
#NewsList .separator {
	CLEAR: both; DISPLAY: block; MARGIN: 10px 0px 5px; BORDER-BOTTOM: #3f3f3f 1px solid; HEIGHT: 0px
}
#NewsList A {
	COLOR: #FF9900
}
#NewsList A:hover {
	COLOR: #ffffff
}
#NewsView {
	
}
#NewsView .photoContainer {
	MARGIN-TOP: 20px
}
#NewsView .photoContainer .ImgPhotoBox {
	
}
#NewsView .photoContainer .ImgPhotoBox IMG {
	FLOAT: left; MARGIN: 0px 1px 1px 0px; HEIGHT: 74px
}
#NewsView .photoContainer .ImgPhotoBox A:hover IMG {
	FILTER: alpha(opacity=50); moz-opacity: 0.50; opacity: 0.50
}