
*{
	font-family:Verdana, Arial,Tahoma, Geneva, sans-serif;
}
body{
	font-size:12px;
}
img{
	border:none;
}
a, a:visited, a:active, a:link{	
	color:#BB1100;
	text-decoration:none;
}
a:hover{	
	color:#007700;
	text-decoration:underline;
}
h1{	
	font-size:25px; color:#BB1100; margin:15px;;
}
h2{	
	font-size:14px; color:#454247; margin:25px;;
}
h3{	
	font-size:16px;  font-weight: bold;color:#007700; margin:25px;;
}
ul{
	padding-left:20px;
}


form,p, ul.af_ul, ul.af_ul li{
    margin:0px;
    padding:0px;
    text-align:left;
}

table, td{
	border:NONE;
}
sup{
	font-size:10px;
	font-weight:100;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
li.af_div{
	display:block;
    margin:0px;
    padding:0px;
    list-style-type:none;
}

body{
	text-align:center;
	background:#555555;
	margin:0px;
	padding:0px;
    padding-top:29px;
}
#site{
	text-align:left;
    position:relative;
    padding:0px;
	margin-right:auto;
	margin-left:auto;
	width:1000px;
	border:#555555 1px solid; box-shadow: 1px 1px 9px #000;border-radius: 6px;;
	background:#d9d9bd;
}

#bandeau{
	position:relative;
	text-align:center;
	height:;
    background:# url(images/bandeau.jpg);
}
#menutop{
    list-style-type:none;
	position:relative;
	text-align:center;
    margin:0px 0px 0px 0px;
	padding:18px 0px 0px 82px;
	height : 33px;
	 _height:51px;
	
	width : 918px;
	 _width:1000px;
		_height:51px;
    _width:1000px;
    border:none;
;
    background:#efeee9 url(images/menutop.jpg);
}
#menutop li.af_li{
	position:relative;
    float:left;
    padding:5px;
	text-align:center;
    height:20px;
    width:auto;
    margin:0px 3px 0px 0px;
    border:none;

	border-top-left-radius: 6px;
;
	-moz-border-radius-topleft: 6px;

	-webkit-border-top-left-radius: 6px;

	
	border-top-right-radius: 6px;
;
	-moz-border-radius-topright: 6px;

	-webkit-border-top-right-radius: 6px;

	;
    background:#555555;
}
#menutop li.af_li a{
	display:block;
	font-weight: bold;;
    color:#ffffff;
    font-size:13px;
}
#menubandeau{
    margin:0px;
	list-style-type:none;
	position:relative;
	text-align:center;
    padding:10px 0px 3px 50px;
	height : 37px;
	 _height:50px;
	
	width : 950px;
	 _width:1000px;
	    border:#FFFFFF 0px solid;
;
    background:#BB1100;
}
#menubandeau li.af_li{
	position:relative;
    float:left;
    padding:5px;
	text-align:center;
    height:25;
    width:auto;
    margin:0px 5px;
    border:#FBC000 1px solid;
box-shadow: 4px 4px 4px #660002;
;
-moz-box-shadow: 4px 4px 4px #660002;

	-webkit-box-shadow: 4px 4px 4px #660002;

filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=2);
	border-radius: 5px;
;
	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	;
    background:#FBC000;
}
#menubandeau li.af_li *{
	display:block;
	font-weight: bold;;
    color:#ffffff;
    font-size:13px;
}
#menutoteml{
   	float:left;
   	padding:0px;
    text-align:left;
	margin:6px 0px 0px 25px;
   	width:160px;
	list-style-type:none;
}  
#menutoteml li.af_li ul.af_ul{
   	list-style-type:none;
    padding-bottom:10px;
    margin:0px;
	text-align:center;
   	width:160px;
    border:none;
box-shadow: 1px 1px 2px #000;
;
-moz-box-shadow: 1px 1px 2px #000;

	-webkit-box-shadow: 1px 1px 2px #000;

filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=2);
	border-radius: 10px;
;
	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	;
    background:#ffffff;
}
#menutoteml li.af_div{
	margin:13px 13px 8px 13px;
}
#menutoteml li.af_li ul.af_ul li.af_li{
	position:relative;
    padding:5px;
	text-align:center;
    
	width : 150px;
	 _width:160px;
	    margin:20px 0px;
    border:none;

	border-top-left-radius: 10px;
;
	-moz-border-radius-topleft: 10px;

	-webkit-border-top-left-radius: 10px;

	
	border-top-right-radius: 5px;
;
	-moz-border-radius-topright: 5px;

	-webkit-border-top-right-radius: 5px;

	text-align:left;
;
    background:#007700;
}
#menutoteml li.af_li ul.af_ul li.af_li *{
	display:block;
	font-family: "lucida", Verdana, Arial, serif;font-weight: bold;text-align:center;
    color:#ffffff;
    font-size:13px;
}
#totemltxt{
	margin-top:10px;
}
#menutotemr{
   	float:right;
    padding:0px;
    text-align:left;
	margin:25px 25px 25px 25px;
   	 width:170px;
   list-style-type:none;
}
#menutotemr li.af_li ul.af_ul{
   list-style-type:none;
  width:170px;
   margin:0px;
   
    padding-bottom:10px;
	text-align:center;
   	 border:none;
box-shadow: 1px 1px 9px #000;
;
-moz-box-shadow: 1px 1px 9px #000;

	-webkit-box-shadow: 1px 1px 9px #000;

filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=2);
	border-radius: 10px;
;
	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	text-align:left;
;
    background:#ffffff;
}
#menutotemr li.af_li{
	padding:5px;
    padding-bottom:25px 25px 25px 25px;
}
#menutotemr li.af_div{
	margin:13px 13px 8px 13px;
}
#menutotemr li.af_li ul.af_ul li.af_li{
	position:relative;
    padding:5px;
    padding-bottomp:10px;
	text-align:center;
       
	width : 160px;
	 _width:170px;
	     border:#555 0px solid;

	border-top-left-radius: 5px;
;
	-moz-border-radius-topleft: 5px;

	-webkit-border-top-left-radius: 5px;

	
	border-top-right-radius: 10px;
;
	-moz-border-radius-topright: 10px;

	-webkit-border-top-right-radius: 10px;

	text-align:center;
;
    background:#555555;
}
#menutotemr li.af_li ul.af_ul li.af_li *{
	display:block;
	font-weight: bold;
    color:#FFFFFF;
    font-size:13px;
}
#totemrtxt{
	padding:10px;
}
#menubas{
    background:#555555;
    padding:25px;
    margin:0px;
    height:auto;
    border:;
}

#menubas li{
    display:inline-block;
    float:left;
    margin:5px;
    padding:0px;
}

#menubas, #menubas .af_div{
    color:#EFEEE9;
}
#menubas *{
   color:#EFEEE9;
}
#bastxt{
	float:left;
    color:#FFF;
    margin-right:10px;
}




#corps{
	padding-top:10px;
	min-height:445px;
    width:1000px;
}
#contenu{
	position:relative;
    margin:30px 0px 0px 215px;
    padding:30px 40px 40px 30px;
	
	width : 490px;
	 _width:560px;
	;
    _width:560px;
	background:#ffffff;
	color:#000;
	
}
#topcorps{
	position:absolute;
    top:-20px;
    left:0px;
}

#top{
    position:fixed;
    z-index:5000;
    top:0px;
    left:0px;
    width:100%;
    height:30px;
    background:#efeee9;
    color:#111111;
    border:#111111 1px solid;
    border-top-width:0px;
    box-shadow: 1px 1px 9px #000;
	-moz-box-shadow: 1px 1px 9px #000;
    -webkit-box-shadow:1px 1px 9px #000;  
}
#top, #top *{
	color:#111111;
}

#lang{
	position:absolute;
	top:2px;
	left:10px;
	height:20px;
    color:#111111;
}
#perso{
	display:block;
    position:absolute;
    right:125px;
    width:150px;
}

#connec{
	display:block;
	position:absolute;
	top:26px;
	left:0px;
	width:150px;
	padding-left:3px;
	padding-right:3px;
	height:1px;
	overflow:hidden;
	background:#efeee9;
    color:#111111;
    border:#111111 1px solid;
    border-top-width:0px;
	margin:3px;
	text-align:left;
}
#connect *{	
	color:#111111;
}
#connec input.input{
	width:85px;
	height:18px;
	margin:1px;
	color:#000;
	font-weight:500;
	border:#999 2px inset;
}

#find{	
    display:block;
	position:absolute;
	right:140px;
    top:2px;
	width:151px;
}
#find input{	
    margin:0px;   
	font-weight:bold;	
    background:#FFF;
}
#find_text{	
    width:100px;
    border-top:#000 1px solid;
    border-left:#000 1px solid;
    border-bottom:#000 1px solid;
    border-right:#000 0px solid;
}
#find_ok{	
    border-top:#000 1px solid;
    border-left:#000 0px solid;
    border-bottom:#000 1px solid;
    border-right:#000 1px solid;
}
#minibox{
	position:absolute;
	background:#efeee9;
    color:#111111;
    border:#111111 1px solid;
	border-top-width:0px;
	border-right-width:0px;
	padding:10px;
	font-weight:bold;
	right:0px;
	top:0px;
	z-index:2000;
	box-shadow: 1px 1px 9px #000;
	-moz-box-shadow: 1px 1px 9px #000;
    -webkit-box-shadow:1px 1px 9px #000; 
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
	border-bottom-left-radius: 15px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=2); 
  	width:120px;
}
#minibox img{
	display:none;
}
.pages{
	width:100%;
	padding:5px;;
	color:#FFF;
	background:#53356e;
	border:#53356e 2px inset;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}
.pages *{
	color:#FFF;
	text-decoration:none;
}
#pied{
	width:932px;
	height:39px;
	background:url(images/pied.png) no-repeat center top;
    padding:10px;
}
#details h2{
	font-size:16px;
	color:#000000;
	text-shadow: 1px 1px 3px #999;
	-moz-text-shadow: 1px 1px 3px #999;
    -webkit-text-shadow:1px 1px 3px #999;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3); 
}
#details .contetail{
	background:#FFF;
	border:#000 1px solid;
	padding:10px;
	width:300px;
	box-shadow: 1px 1px 9px #000;
	-moz-box-shadow: 1px 1px 9px #000;
    -webkit-box-shadow:1px 1px 9px #000; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3); 
}





.prix{
	color:#000000;
	font-size:20px;
	font-weight:600;
}
.prix sup{
	color:#000000;
	font-size:14px;
	font-weight:100;
}

#prods, #listeprods{
	width:100%;
	padding:10px;
	display:block;
}
#prods .art0, #prods .art1{
	width:480px;
	height:auto;
	padding:10px;
	display:inline-block;
	margin-bottom:2px;
	position:relative;
	float:left;
    background:#ffffff;
    border:none;
}
#prods .art1{
	 background:#FFFFFF;
    border:#007700 1px solid;
}
#prods .art0 .img, #prods .art1 .img{
	float:left;
    margin:5px;
}
#prods .sousprod {
	display:block;
     padding:3px 20px 10px 20px;
	
	width : 440px;
	 _width:480px;
	;	
 
   background:#ffffff;
   border:#007700 1px solid; border-radius: 8px;
   margin:10px 5px 5px 0px;
}
#prods .sousprod span{
	margin:5px;
	display:block;
}
#prods .sousprod .quant, #prods .sousprod .prix{
	display:block;
	float:right;
}
.sousprod .prix{
	width:120px;
    text-align:right;
    color:#006600;
	font-size:13px;
	font-weight:600;
}

.sousprod .prix sup{
	color:#006600;
	font-size:9px;
	font-weight:100;
}


#listeprods .art0, #listeprods .art1{
	 padding:3px 20px 10px 20px;
	height : 180px;
	 _height:190px;
	
	width : 110px;
	 _width:120px;
	;	
	display:inline-block;
	margin:5px 6px 5px 5px;
	position:relative;
	float:left;
    background:#FFF;
    border:#007700 1px solid;border-radius: 8px;;
}
#listeprods h1{
	margin:0px;
    margin-bottom:10px;
    color:#900;
    font-size:13px;
}

#listeprods .art1{
	background:#;
    border:;
}
#listeprods .art0 .img, #listeprods .art1 .img{
	float:left;
    margin:10px;
}
#listeprods .art0 a, #listeprods .art1 a{
	text-align:center;
    display:block;
    width:100%;
}
#listeprods .sousprod span{
	margin:5px;
	display:block;
}
#listeprods .quant, #listeprods {
	display:block;
	float:right;
}
#listeprods .prix{
	display:block;
    position:absolute;
    bottom:25px;
    width:100%;
    text-align:center;
    color:#454247;
	font-size:14px;
	font-weight:600;
}

#listeprods .prix sup{
	color:#454247;
	font-size:10px;
	font-weight:100;
}

#listeprods a.details{
	display:block;
    position:absolute;
    bottom:10px;
    width:100%;
    text-align:center;
}


.ray ul{
    display:block;
    width:100%;
    padding:0px;
    margin:10px;
    list-style-type:none;
}
.ray li{
 padding:3px 20px 10px 20px;
	height : 180px;
	 _height:190px;
	
	width : 110px;
	 _width:120px;
	;	
	display:inline-block;
	margin:5px 6px 5px 5px;
	position:relative;
	float:left;
    text-align:center;
    background:#FFF;
    border:#007700 1px solid;border-radius: 8px;;
    font-size:18px;
}









.pp{
	width:100%;
	text-align:left;
}
.art0 input, .art1 input{
	width:50px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}


.bouton{
	 padding:0px 5px 0 px 5 px;
	height : 30px;
	 _height:30px;
	;	
	background:#BB1100;
	color:#ffffff;
	border:#007700 2px solid; border-radius:6px;;
	font-weight:bold;
    margin:5px;
    cursor:pointer;
}
.boutonoff{
	width:126px;
	height:41px;	
	background:#000000 url(images/boutonoff.jpg) no-repeat center center;	
	color:#999;
	font-weight:bold;
	text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	_filter: progid:DXImageTransform.MicrosoftShadow(Color=#000000, 	Direction=135, Strength=5);
	border:none;
}
#retur{
	position:fixed; 
	top:20px; 
	left:50%;
	text-align:center;
	padding:0px;
}
#retur div{
	position:relative; 	
	left:-50%;
	width:500px; 
	background-color:#FFF;
	padding:5px; 
    padding-top:10px;
	font-weight:bold;
	font-size:14px;
	color:#000; 
	border:#CCC 1px solid;
	box-shadow: 1px 1px 9px #000;
	-moz-box-shadow: 1px 1px 9px #000;
    -webkit-box-shadow:1px 1px 9px #000;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=5); 
  	zoom: 1; 
}
#retur div div{
	position:relative; 	
	left:auto;
	width:450px;
	padding:10px; 
	font-size:12px; 
	font-weight:bolder;
	margin:5px;	
	box-shadow: 1px 1px 9px #000;
	-moz-box-shadow: 1px 1px 9px #000;
    -webkit-box-shadow:1px 1px 9px #000; 
	-moz-border-top-radius: 5px;
	-webkit-border_top-radius: 5px;
	border-top-radius: 5px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=5); 
}
#retur div .wrong{
	background-color:#990000;
	border:#FF9999 5px solid; 
	color:#FFFFFF;
}
#retur div .valid{
	background-color:#009900;
	border:#99FF99 5px solid; 
	color:#FFFFFF; 
}






.encadre{	
	border:#000 1px solid;
	margin-top:5px;
	margin-bottom:5px;
	background:#FFF;
	box-shadow: 1px 1px 9px #000;
	-moz-box-shadow: 1px 1px 9px #000;
    -webkit-box-shadow:1px 1px 9px #000; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=2);
}
.encadre td{	
	padding:10px;
}




.client td{
	padding:3px;
    text-align:left;
}
