@charset "utf-8";
/* CSS Document */

body{
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
	
/*set global*/
ul, li, p, ol, form{padding:0 0 0 0; margin:0 0 0 0;}
li{list-style:none;}

a {outline: none;}
a:focus{-moz-outline-style: none;}

#MAIN{
	width:980px; margin:0 auto 0 auto;
}

#MAIN #top{ float:left; width:980px; padding:0 0 0 0; height:174px; position:relative;}
#MAIN #center{ float:left; width:980px; padding:0 0 0 0; position:relative;}
#MAIN #footer{ float:left; position:relative; width:980px; padding:0 0 0 0; background:url(../img/BG_end.jpg) no-repeat bottom;}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px;}

/*Menu / Bandeau*/
#bandeau{float:left; height:130px; width:980px;}
#bandeau li{ float:left; display:block;}
#bandeau li img{  float:left;}

.lien_baniere a img {border:0;position:absolute;top:55%;}
.lien_baniere .img1{left:77%;z-index:100;}
.lien_baniere .img2{left:85%;z-index:100;}

#menu{float:left; height:44px; width:980px; background:url(../img/BG_menuA.jpg) repeat-x; }
#menu li{ float:left; display:block; margin:0 0 0 0;}

#menu .bA{float:left; display:block; height:44px; width:220px;}
#menu li img{  float:left;}

#menu .bB{ padding:0 0 0 11px;}
#menu .bB a{float:left; display:block; height:31px; width:90px; background:url(../img/btn_polybois.jpg) top left no-repeat; margin:13px 0 0 0; }
#menu .bB a:hover{ background-position:0px -31px;}

#menu .bC{ padding:0 0 0 11px;}
#menu .bC a{float:left; display:block; height:31px; width:90px; background:url(../img/btn_contact.jpg) top left no-repeat; margin:13px  0 0 0;}
#menu .bC a:hover{ background-position:0px -31px;}

#menu .bOn a{ background-position:0px -31px;}

#menu .field{ float:right;}
#menu .field select{ width:280px; height:20px;  font:12px Arial; border:1px solid #999; margin:11px 10px 0 0;  padding:0 0 0 4px; }

/*Content*/
#content{width:980px; float:left; background-color:#EAEAEA; padding:0 0 0 0; }
#content .left{float:left; width:220px; padding:0 0 0 0; }
#content .right{ float:left;  width:730px; padding:0 0 10px 30px; background-color:#FFF;}
    
/*---------------------------------------------------------------------------------------------------------*/
/* Footer
/*---------------------------------------------------------------------------------------------------------*/
.foot_content{ padding:10px 0 0 0px; margin:10px 0 0 0; font:11px arial; color:#999; line-height:16px; width:980px; border-top:1px solid #CCC;}
.foot_content a{ text-decoration:none; color:#999;}
.foot_content a:hover{ text-decoration:underline;color:#666;}
	
.foot_content .barre_liens{text-align:center; width:980px; margin:0 0 10px 0;  font:11px Arial; line-height:18px;}
.foot_content .footer_bas{ float:left; width:980px; padding-bottom:2px;}

.foot_content .footer_bas .gauche{float:left;}
.foot_content .footer_bas .droit{float:right;}
.foot_content .footer_bas .droit a img{ border:0px;}

/*---------------------------------------------------------------------------------------------------------*/
/* Accueil
/*---------------------------------------------------------------------------------------------------------*/
#acc{ float:left; width:700px;}
#acc .ariane{float:left; width:700px; font:13px tahoma; font-weight:bold; color:#666; padding:28px 0 0 0;}
#acc .titre{float:left; width:700px; font:24px tahoma; color:#000; padding:0 0 0 0; text-align:justify;}
#acc .titre2{float:left; width:700px; font:24px tahoma; color:#F00; padding:0 0 0 0; text-align:justify;}

#acc .texte{float:left; width:700px; font:12px Arial; color:#000; padding:10px 0 20px 0; text-align:justify; line-height:20px;}

#acc .lien{float:left; width:700px; background:url(../img/puceB.jpg) no-repeat top left; background-position:0 8px; padding: 4px 0 0 14px; font:12px Arial; }
#acc .lien a{ color:#F00; font-weight:bold; text-decoration:none;}
#acc .lien a:hover{ text-decoration:underline;}

#acc .texte img{border:3px solid #4C4C4C;}
#acc .texte .le{float:left; margin:0 16px 0 0;}
#acc .texte .ri{float:right; margin:0  0 0 16px;}
/*---------------------------------------------------------------------------------------------------------*/
/* Colonne gauche
/*---------------------------------------------------------------------------------------------------------*/
/*MENU*/
#M2{ float:left; display:block; width:220px; font:13px Arial; margin:0 0 0 0;}
#M2 li{ float:left; display:block; width:220px;}
#M2 .A a{ float:left; display:block; width:202px; background:url(../img/BG_menu.jpg) top left repeat-x; border-bottom:1px solid #666666; color:#666; text-decoration:none; padding:4px 0 4px 18px;}
#M2 .A a:hover{background-position:0px -40px; color:#FFF;}
#M2 .Ahov a{background-position:0px -40px; color:#FFF;}

#M2 .SM2{background-color:#EAEAEA; border-bottom:1px solid #666666;}
#M2 .SM2 ul{ float:left; display:block; width:192px; font:12px Arial; padding: 0 8px 0 20px; }
#M2 .SM2 ul li{ float:left; display:block; width:192px; line-height:24px;}

#M2 .SM2 ul .B a{ padding:0 0 0 12px; color:#666; text-decoration:none; background:url(../img/puceA.jpg) no-repeat top left; background-position:0px 4px; }
#M2 .SM2 ul .B a:hover{  background:url(../img/puceA_on.jpg) no-repeat top left; background-position:0px 4px; color:#F00;}
#M2 .SM2 ul .Bhov a{  background:url(../img/puceA_on.jpg) no-repeat top left; background-position:0px 4px; color:#F00;}
/* */

/*Encars*/
#encars{ float:left; display:block; width:220px; text-align:center;}
#encars li{float:left; display:block; width:220px; margin:16px 0 0 0;}
#encars .links{float:left; display:block; width:212px; margin:16px 0 0 0; padding:0 0 0 8px;}
#encars .links a{display:block; float:left; text-decoration:none; border:0px;}
#encars .links a img{ float:left; border:0px;}
/*---------------------------------------------------------------------------------------------------------*/
/* MACHINE
/*---------------------------------------------------------------------------------------------------------*/
#cols{ float:left;}
#colA{ float:left; width:400px; padding:0 30px 0 0;}
#colB{ float:left; width:300px;}

/*PDF*/
.pdf{ float:left; width:290px; height:50px; padding:0 0 0 10px; background:url(../img/BG_pdf.jpg) no-repeat; margin:10px 0 0 0; font:12px Arial;}
.pdf .a{ color:#F00; font-weight:bold; padding:8px 0 0 0;}
.pdf .b{ padding:4px 0 0 18px; background:url(../img/pdf.jpg) no-repeat top left; background-position:0 4px; }
.pdf .b a{ color:#000; text-decoration:none;}
.pdf .b a:hover{text-decoration:underline;}
/*INFOS*/
.infos_titre{float:left; width:290px; font:12px Arial; font-weight:bold; padding:0 0 0 10px; margin:10px 0 0 0; background:url(../img/bg_infos.jpg) no-repeat; line-height:26px;} 

/*.toggler {cursor:pointer; float:left; width:290px; font:12px Arial; font-weight:bold; padding:0 0 0 10px; margin:0 0 0 0; background:url(../img/bg_infos.jpg) no-repeat; line-height:26px;}*/

.infos{ float:left; width:288px; font:11px Arial; padding:2px 0 2px 10px; border:1px solid #CCC;}
.infos li{ float:left; width:280px; border-bottom:1px solid #CCC; padding:2px 0 2px 0; }
.infos .last{border-bottom:0px;} 
.infos li .l{ float:left;}
.infos li .r{  float:right;}
.infos li span a{ color:#F00; text-decoration:none;}
.infos li span a:hover{text-decoration:underline;}

/*Titres et fils d'ariane*/
#titre{ float:left; width:400px;}
#titre .rub{float:left; width:400px; font:13px tahoma; font-weight:bold; color:#666; padding:28px 0 0 0;}
#titre .nom{float:left; width:400px; font:24px tahoma; color:#000; padding:0 0 0 0;}
#titre .nom span{ color:#F00;}

#my_slideshow{ float:left; width:400px; height:300px; margin:10px 0 10px 0; position:relative;}
#my_slideshow img{float:left; position:relative; top:0px; left:0px; z-index:0;}
#my_slideshow ul{list-style:none; margin:0px; padding:0px; width:54px; height:26px; float:left; position:absolute; top:274px; left:346px; z-index:1; }
#my_slideshow ul li{ float:left; width:27px;}
#my_slideshow ul li .prev{background:url(../img/btn_prev.jpg) top left no-repeat; display:block; float:left; height:26px; width:26px; cursor:pointer;}
#my_slideshow ul li .prev:hover{ background-position:0 -26px;}
#my_slideshow ul li .next{background:url(../img/btn_next.jpg) top left no-repeat; display:block; float:right; height:26px; width:26px; cursor:pointer;}
#my_slideshow ul li .next:hover{ background-position:0 -26px; }

/*Descriptif*/
#machine{float:left; width:400px; font:12px Arial; color:#000;}
#machine li {display:block;  float:left;}
#machine .titre{ color:#FFF; font-weight:bold; width:390px; padding:0 0 0 10px; line-height:24px; background-color:#000;}
#machine .texte{ width:400px; text-align:justify; line-height:17px; padding:4px 0 0 0;}
#machine .lien{width:386px; background:url(../img/puceB.jpg) no-repeat top left; background-position:0 8px; padding: 4px 0 0 14px;}
#machine .lien a{ color:#F00; font-weight:bold; text-decoration:none;}
#machine .lien a:hover{ text-decoration:underline;}

/*-----------------------------------------------------------------------------*/
/* CONTACT
/*-----------------------------------------------------------------------------*/

/*texte*/
#texte_contact{float:left; width:400px; font:12px Arial; color:#000;}
#texte_contact{display:block;  float:left;}
#texte_contact .texte{ width:400px; text-align:justify; line-height:17px; padding:4px 0 0 0; margin:0 0 10px 0;}
#texte_contact .titre{ color:#FFF; font-weight:bold; width:390px; padding:0 0 0 10px; line-height:24px; background-color:#000; margin:0 0 10px 0;}

/*form*/
#form{ float:left; width:400px; font:12px Arial; color:#000; }

/*champs*/
#form ul{ list-style:none; margin:0 0 0 0; padding:0 0 0 0; float:left; }
#form ul li {line-height:24px; clear:both; float:left; width:400px; padding:0 0 0 0;}
#form ul li label{ width:80px; float:left; }
#form ul li input{ height:16px; font:12px Arial; color:#333333; width:316px; border:1px solid #CCCCCC; float:left; margin:4px 0 0 0;}
#form ul li textarea{ height:86px; font:13px Arial; color:#333333; width:316px; border:1px solid #CCCCCC; float:left; margin:4px 0 0 0;}

/*listing*/
#form ul li #listing{width:120px; float:left; margin:0 10px 10px 0;}
#form ul li #listing li{ width:120px; float:left;}
#form ul li #listing li input{height:18px; width:18px;  float:left; margin:0 0 0 0; border:0px;}
#form ul li #listing label{font:12px Arial; color:#333333; width:100px; float:left;}


/*message erreur*/
#form ul li .message{font:10px Tahoma; color:#999999; float:left; margin:10px 0 0 0; width:400px;}
#form ul li .erreur{ color:#FF3300;}
/*boutton*/
#form ul li .submit{display:block; float:right; height:26px; width:90px; background:url(../img/btn_submit.jpg) no-repeat top; margin:10px 0 0 0;}
#form ul li .submit:hover{background-position:0 -26px;}
/*message ok*/
#form p{padding:0 0 0 0; margin:0 0 0 0; font:12px Arial; color:#333333;}

/*GOOGLE MAPS*/
#maptitres{ float:left; width:400px; height:36px; background:url(../img/BG_titre.jpg) no-repeat; margin:20px 0 0 0; }
#map{ float:left; padding:0 0 0 0; overflow:hidden; }