#header .drpfra img{
height: 25%;
width: 2%;
margin-top:20px;
position:absolute;
right: 35px;
}
#header .drpang img{
height: 25%;
width: 2%;
margin-top:20px;
position:absolute;
right: 5px;
}

body{
	background:url(bgheader11.gif) repeat-x white;
	font:normal 12px Tahoma;
	text-align:center;
	padding:0px; margin:0px;
	line-height:1.5em;
}

a img{
	border:none;
}

#container{
	width:980px;
	margin:10px auto;
	position:relative;
}


#main{
	text-align:left;
	margin-left: auto;
	margin-right:auto;
	width:980px;
	position:relative;
	height:100%;
	
}

#vitrine{ 

	margin-top:20px !important;
	margin-top:5px;
	
	width:980px;
	height:180px; 
	font-size:12px;
	line-height:18px; 
	background:url(vitrine.jpg) no-repeat top;
	overflow:auto; 
	
}

#vitrineslidertrack{
position:absolute;
top:150px;
right:30px;
height:20px; 
width:53px;
z-index:150; 
cursor:pointer; 
background:url(fleche.gif) no-repeat top;
}

#vitrineslidertrackinfo{
position:absolute;
width:400px;
top:155px;
right:100px;
color:#ffffff;
font-size:9px;
font-family:tahoma;
text-align:right;
line-height:10px;
}

#imgs{
	line-height:0em;
	width:100%;
	height:180px;
	overflow:hidden;
	position:relative;
	margin:0px 0px;
	font-size:9px;
}

#img-holder{
	width:3450px;
	height:140px;
	position:absolute;
	margin:0; 
	padding:0;
	line-height:15px;
	top:4px;
	left:0px;
	list-style-type:none;
}


#img-holder #cv a { background-image: url("cv.gif"); background-position :50% 100%;}
#img-holder #odcbs a { background-image: url("odcbs.gif"); background-position :50% 100%;}
#img-holder #smd a { background-image: url("smd.gif"); background-position :50% 0%;}
#img-holder #disque a { background-image: url("disque.gif"); background-position :50% 0%;}
#img-holder #epv a { background-image: url("epv.gif"); background-position :50% 0%;}
#img-holder #fbspe a { background-image: url("fbspe.gif"); background-position :50% 0%;}
#img-holder #fb a { background-image: url("fb.gif"); background-position :50% 0%;}
#img-holder #fb6 a { background-image: url("fb6.gif"); background-position :50% 100%;}
#img-holder #fbt a { background-image: url("fbt.gif"); background-position :50% 100%;}
#img-holder #fbtmixte a { background-image: url("fbtmixte.gif"); background-position :50% 100%;}
#img-holder #cord a { background-image: url("cord.gif"); background-position :50% 1000%;}
#img-holder #l a { background-image: url("l.gif"); background-position :50% 100%;}
#img-holder #plit a { background-image: url("plit.gif"); background-position :50% 100%;}
#img-holder #proflex a { background-image: url("proflex.gif"); background-position :50% 100%;}
#img-holder #re a { background-image: url("re.gif"); background-position :50% 100%;}
#img-holder #rouleau a { background-image: url("rouleau.gif"); background-position :50% 100%;}
#img-holder #scmd a { background-image: url("scmd.gif"); background-position :50% 100%;}
#img-holder #smb a { background-image: url("smb.gif"); background-position :50% 100%;}
#img-holder #tresse a { background-image: url("tresse.gif"); background-position :50% 100%;}
#img-holder #feutre a { background-image: url("feutre.gif"); background-position :50% 100%;}
#img-holder #meule a { background-image: url("meule.gif"); background-position :50% 100%;}
#img-holder #toile a { background-image: url("toile.gif"); background-position :50% 100%;}
#img-holder #pate a { background-image: url("pate.gif"); background-position :50% 100%;}
#img-holder #feuille a { background-image: url("feuille.gif"); background-position :50% 100%;}
#img-holder #wfb a { background-image: url("wfb.gif"); background-position :50% 100%;}
#img-holder #esx a { background-image: url("esx.gif"); background-position :50% 100%;}
#img-holder #rco a { background-image: url("rco.gif"); background-position :50% 100%;}
#img-holder #feutre a { background-image: url("feutre.gif"); background-position :50% 100%;}
#img-holder #pate a { background-image: url("pate.gif"); background-position :50% 100%;}
#img-holder #roloc a { background-image: url("roloc.gif"); background-position :50% 100%;}

#img-holder .gallery-item { float: left; width: 120px; }
#img-holder .gallery-item a:link,
#img-holder .gallery-item  a:visited {float: left; width: 100%; padding-top: 125px; overflow: hidden; font-family:tahoma; font-size:9px;color: #ccc;text-align: center; background-repeat: no-repeat; text-decoration: none;}
#img-holder .gallery-item  a:hover { text-decoration: none; color: #ffdf00; }

#img-holder .gallery-item ul li{padding:0 100px 0 10px;}

ul#galerie_mini
{
	margin:0;
	padding:0;
	list-style-type: none ;
	display:block;
}

ul#galerie_mini li
{
	float: left ;
	padding:2px 2px;	
}


ul#galerie_mini li a 
{
	margin: 4px 1px;
	display:block;
	float:left;
	border: 1px solid #585858 ;
	display:block;
	width:50px;
	height:50px;
	padding:2px;
	
}

ul#galerie_mini li a:hover
{
	
	border: 1px solid #ffdf00 ;
}

ul#galerie_mini li a img
{
	display:block;
	margin:0 auto;
}

#md{
position:absolute;
top:150px;
left:927px;
width:25px; 
height:19px; 
background:transparent; 
z-index:151; 
cursor:pointer; 
}

#ml{
position:absolute;
top:150px;
left:900px;
width:25px; 
height:19px; 
background:transparent; 
z-index:151; 
cursor:pointer; 
}

#main .top_left, .top_right, .bottom_left, .bottom_right { height: 5px; width: 5px; background-repeat: no-repeat; position: absolute; background-color: #fff;overflow:hidden;}
#main .top_left { top: -1px; left: -1px; background-image: url(tlll.gif); z-index: 1; }
#main .top_right { top: -1px; right: -1px; background-image: url(trrr.gif); z-index: 3; }
#main .bottom_left { bottom: 0px !important;bottom: 0px; left: 0px; background-image: url(bllll.gif); z-index: 5; }
#main .bottom_right { bottom: 0px !important;bottom: 0px; right: -2px !important; right: 0px; background-image: url(brrrr.gif); z-index: 5; }
#main .bottom_bis {bottom: -1px;}

#main .top_leftb, .top_rightb, .bottom_leftb, .bottom_rightb { height: 5px; width: 5px; background-repeat: no-repeat; position: absolute; background-color: #fff;overflow:hidden;}
#main .top_leftb { top: 0px; left: 0px; background-image: url(tlllb.gif); z-index: 10; }
#main .top_rightb { top: 0px; right: 0px; background-image: url(trrrb.gif); z-index: 10; }
#main .bottom_leftb { bottom: 0px !important; bottom: -1px; left: 0px; background-image: url(blllb.gif); z-index: 5; }
#main .bottom_rightb { bottom: 0px !important;bottom: -1px; right: 0px; background-image: url(brrrb.gif); z-index: 5; }

#fiche_technique{
margin-top:10px;
margin-left:0px;
margin-bottom:0px;
padding:0;
position:relative;
width:980px;
background-color:white;
height:auto;
z-index:0;
border:none;
height:400px;
}

#info{
position:absolute;
top:0;
left:0;
width:560px;
height:400px;
background-color:#ffffff;
border:solid 1px #585858;
padding:0;
margin:0;
overflow:hidden;
}

#info #titre{
position:relative;
width:100%;
height:20px;
}

#info #details{
position:relative;
width:100%;
height:380px;
overflow:auto;
}

#info ul li ul{
margin:0 0 0 10px;
padding:0;
}

#photo{
position:absolute;
top:0;
left:578px;
width:400px;
height:100%;
background-color:#ffffff;
overflow:auto;
margin:auto;
z-index:2;
border:solid 1px #585858;
}

#affiche{
margin-top:20px !important;
margin-top:5px;

margin-left:0px;
padding:0;
position:relative;
width:980px;
background:url('background.gif') repeat-x #000000 ;
border:none;
height:413px;
z-index:5;
}

#affiche #logo{
position:absolute;
top:151px;
left:56px;
width:200px;
height:142px;
margin:0;
padding:0;
}

#affiche #bufflex{
position:absolute;
top:216px;
left:310px;
width:520px;
height:81px;
margin:0;
padding:0;
}

#affiche #bufflex_ang{
position:absolute;
top:214px;
left:310px;
width:520px;
height:81px;
margin:0;
padding:0;
}

#affiche #fabricant{
position:absolute;
top:353px;
left:41px;
width:898px;
height:36px;
margin:0;
padding:0;
}

/*connnnnnntact*/
#contact{
position:relative;
width:980px;
height:180px !important;
height:179px;
background-color:#ffffff;
margin:10px 0px 0px 0 !important;
margin:10px 0px 0px 0 ;
padding:0;
z-index:2;
border:solid 1px #585858;
}

.theme{
width:100%;
height:20px;
background-color:#585858;
font-size:14px;
font-weight:bold;
color:#ffdf00;
font-family:tahoma;
text-align:center;
padding:0;

}

.liste{
width: 510px !important; 
width: 510px; 
color: black; 
font-size: 14px; 
text-align: left; 
text-decoration:none;
font-family: Tahoma;
font-weight: bold;
list-style-type:none;
margin:10px;
padding:0;
background-color:#ffffff;
display:block;
}

.titre{
width: 500px; 
color: black; 
font-size: 14px; 
text-align: left; 
text-decoration:none;
font-family: Tahoma;
font-weight: bold;
margin:0 0 15px 0px;
padding:0;
background-color:#ffffff;
}

.description{
width: 500px; 
color: #333; 
font-size: 12px; 
text-align: justify; 
background-repeat: no-repeat; 
text-decoration:none;
list-style-type:none;
font-weight: normal;
margin:0;
padding:0;
text-align:justify;
background-color:#ffffff;
}

#contact .poste{
padding:0px;
margin:5px 0 5px 25px;
color: #000000; 
font-family:tahoma;
font-size:12px;
font-weight:bold;
text-align:left;
text-decoration:none;
display:inline;
background-color:#ffffff;
width:200px;
float:left;
border:none;
}

#contact li{
margin:0;
font-family:tahoma;
font-size:11px;
color: #333; 
text-decoration:none;
background-color:#ffffff;
list-style-type:none;
font-weight:500;
line-height:15px !important;
line-height:23px;
width:100px;
}

li.tel{
list-style-image:url(phone.gif);
background-color:white;
}

li.mail{
list-style-image:url(email.gif);
background-color:white;
}

li.mail a{
text-decoration:none;
color: #333; 
}

li.fem{
list-style-image:url(female.gif);
background-color:white;
}
li.mal{
list-style-image:url(male.gif);
background-color:white;
}	

li.fax{
list-style-image:url(fax.gif);
background-color:white;

}	

#accueil{
margin-top:20px;
margin-left:0px;
position:relative;
width:980px;
background-color:#000000;
height:209px;
z-index:0;
border:none;
}

#accueil #information{
position:absolute;
top:5px;
left:11px;
width:170px;
height:83px;
margin:0;
padding:0;
}

#accueil #historique{
position:absolute;
top:86px;
left:45px;
width:205px;
height:86px;
margin:0;
padding:0;

}

#accueil #reactivite{
position:absolute;
top:86px;
left:353px;
width:242px;
height:84px;
margin:0;
padding:0;
}

#accueil #qualite{
position:absolute;
top:86px;
left:709px;
width:222px;
height:85px;
margin:0;
padding:0;
}


#copyright{
font-family:tahoma;
font-size:10px;
color:#686868;
margin:10px 0 5px 0;
text-align:center;
width:980px;
position:relative;
border-top:solid 1px #e1e1e1;
border-bottom:solid 1px #e1e1e1;
height:35px;}

#copyright a , a:hover, a:active, a:visited{
text-decoration:none;
color:#686868;
}

#copyright a img{
float:right;
margin:0;
padding:0;
margin-top:-16px;
}

#coordonnees{
margin-top:20px !important;
margin-top:5px;

margin-left:0px;
padding:0px 0px 50px 0px;
position:relative;
width:980px;
background:url(cifap11.gif) no-repeat #ffffff;
background-position:10px 50%;
height:400px;
z-index:0;
border:solid 1px #585858;
text-align:left;
}


#big{
	clear: both ;
	margin: 0 auto ;
}

#big dd
{
	margin: 0 ;
}

#big img
{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	
}

#mp{
position:relative;
margin-top:20px !important;
margin-top:5px;

margin-left:0px;
padding:0;


width:980px;
background-color:white;
min-height:480px;
z-index:0;
border:solid 1px #585858;
}

#mp img{
display:block;
margin:30px auto !important;
margin:30px auto;
border:none; 
}

#navcontainer ul
{
text-align: center;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0;
margin-top: 0px;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background:url(bgmenu.gif) repeat-x #838383;
color: #ffffff;
width: 100%;
font-family: Tahoma;
font-size:15px;
font-weight:bold;
line-height: 36px;
border-top:solid 2px #ffdf00;
border-bottom:solid 2px #ffdf00;

/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
line-height: 36px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 7px;
padding-top: 5px;
color: white;
text-decoration: none;
line-height: 36px;
}

#navcontainer ul li a:hover
{
color: #ffdf00;
}

#navcontainer ul li#active a
{ 
	color:#ffdf00;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-top: 5px;
}

#header{
height:60px;
width:100%;
margin:2px auto 2px auto;
position:relative;
}

#header #logo{
position:absolute;
top:0;
left:20px;
padding:10px 0 10px 0;
}

#header #slogan{
position:absolute;
top:25px;
left:105px;
font-size:11px;
font-family:tahoma;
font-weight:200;
color:#ffffff;
padding:10px 0 10px 0;
}

#header #marque{
position:absolute;
top:5px;
left:105px;
font-size:11px;
font-family:tahoma;
font-weight:200;
color:#ffffff;
padding:10px 0 10px 0;
}


#coordonnees #formulaire{
margin:0 5px 5px 5px;
padding:0 5px 5px 5px;
position:absolute;
top:30px;
right:10px;
width:350px;
height:300px;
font-family:tahoma;
}

#coordonnees #adresse{
margin:0px;
padding:10px 0 10px 0px;

position:absolute;
bottom:0px;
left:0px;
width:980px;
height:50px;

color:#ffdf00;
font-size:20px;
font-weight:400;
text-align:center;
font-family:verdana;

background-color:#585858;
}


/*le formulaire*/
textarea {
  font-size:12px;
  width:250px;
  padding:5px;
  margin-top:5px;
  margin-left:70px;
}

input[type="submit"] {
  background:#868686;
  font-size:12px;
  color:#ffdf00;

}

p#buttons {
  text-align:center;
}

#civilite input + input {
  margin-left:20px;
}

#civilite input {
  margin-left:30px;
}

#civilite {
  font-size:10px;
}

#coordonnees input {
  margin-left:70px;
  line-height:10px;
  margin-bottom:5px;
}

#coordonnees label {
  position:absolute;
  font-size:12px;
  padding-top:5px;
  margin-left:2px;
}

select {
  margin-left:30px;
  margin-bottom:0;
}

.error{
color:red;
font-size:10px;
line-height:10px;
}

#mentionslegales{
margin-top:20px !important;
margin-top:5px;

margin-left:0px;
padding:0px 0px 50px 0px;
position:relative;
width:980px;
height:840px ;
z-index:0;
border:solid 1px #585858;
text-align:left;
}

#mentionslegales dl{
width:880px;
text-align:justify;
}


#mentionslegales dt{
margin:5px 25px 5px 25px;
font-weight:bold;
}

#mentionslegales .separateur{
margin-top:10px;
}


#ficheclient{
margin-top:20px !important;
margin-top:5px;

margin-left:0px;
padding:0px 0px 50px 0px;
position:relative;
width:980px;
background:url(cifap11.gif) no-repeat #ffffff;
background-position:100% 50%;
height:400px;
z-index:0;
border:solid 1px #585858;
text-align:left;
}

#ficheclient #formulaire{
margin:0 5px 5px 5px;
padding:0 5px 5px 5px;
position:absolute;
top:20px;
left:10px;
width:500px;
height:400px;
font-family:tahoma;
}

#ficheclient input {
  margin-left:160px;
  line-height:10px;
  margin-bottom:5px;
}

#ficheclient label {
  position:absolute;
  font-size:12px;
  padding-top:5px;
  margin-left:2px;
}

#ficheclient h1 {
  font-size:12px;
  font-weight:bold;
  margin:0;
  padding:0;
  margin-bottom:-30px;
}

#ficheclient #explication{
margin: 5px 5px 5px;
padding:10px 10px 10px 10px;
position:absolute;
top:150px;
right:50px;
width:310px;
height:110px;
font-size:10px;
font-family:tahoma;
border:1px solid #ffdf00;
}

#backlink{
margin-top:20px !important;
margin-top:5px;

margin-left:0px;
padding:0px 0px 50px 0px;
position:relative;
width:980px;
background:#ffffff;
height:400px;
z-index:0;
border:solid 1px #585858;
text-align:left;
}

#backlink p{
margin:20px 20px;
font-size:12px;
color:black;

}

#menustat{
width:100%;
margin : -15px 0 5px 0;

background-color : #838383;
border-bottom : solid 2px #ffdf00;
padding:5px 0 5px 0 !important;
padding:2px 0 2px 0;
}

.stat{
margin:10px auto 10px auto;
padding:5px 0 5px 0;
float:left;
width:25%;
height:auto;
z-index:0;
border:solid 1px #585858;
text-align:left;
display:block;
}

#graphique table{
margin: 5px 5px 20px 5px;
text-align:center;
font-size:13px;
font-weight:500;
font-family:tahoma;
border-collapse:collapse;
}

#graphique table th{
background-color:#ffdf00;
}

.ligne1{
background-color:#fff;
}

.ligne2{
background-color:#ccc;
}

#graphique
{
	border : solid 0px red;
	width:auto;
	position:absolute;
	margin-left:10px;
	display:block:
}

#graphique img
{
	border:0px;
	float:left;


}

.drop{ position:absolute; top:-10px; left:-10px; overflow:hidden; background:red; z-index:998; }
.drag, .dragmove{ position:absolute; top:-40px; left:-40px; background:#fff; color:red; border:1px solid #ccc; font:10px verdana, sans-serif; padding:1px; overflow:hidden; z-index:999; }
.dragmove{ color:#000; }
.resizeknob{ position:absolute; top:-40px; left:-40px; background:#fff; width :6px; height:6px; border:1px solid #ffdf00; overflow:hidden; }
//.resizet, .resizeb { position:absolute; top:-40px; left:-40px; background: transparent url(rsh.gif) repeat-x 0 0; width :1px; height:1px; overflow:hidden; }
//.resizer, .resizel { position:absolute; top:-40px; left:-40px; background: transparent url(rsv.gif) repeat-y 0 0; width :1px; height:1px; overflow:hidden; }
.resizebox{ font:10px arial; border:1px solid #000; padding:2px; background:#ccc; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9; }
.resizet, .resizeb { position:absolute; top:-40px; left:-40px; background: transparent; width :1px; height:1px; overflow:hidden; }
.resizer, .resizel { position:absolute; top:-40px; left:-40px; background: transparent; width :1px; height:1px; overflow:hidden; }