@import url(ckeditor.css);
@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;}

#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 .bD{ padding:0 0 0 11px;}
#menu .bD a{float:left; display:block; height:31px; width:90px; background:url(../img/btn_occasion.jpg) top left no-repeat; margin:13px  0 0 0;}
#menu .bD a:hover{ background-position:0px -31px;}

#menu .bE{ padding:0 0 0 11px;}
#menu .bE a{float:left; display:block; height:31px; width:90px; background:url(../img/btn_actualites.jpg) top left no-repeat; margin:13px  0 0 0;}
#menu .bE 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;}

#occasion{ float:left; width:750px;}
#occasion .titre1{float:left; width:700px; font:13px tahoma; font-weight:bold; color:#666; padding:28px 0 0 0;}
#occasion .titre2{float:left; width:700px; font:24px tahoma; color:#F00; padding:0 0 0 0; text-align:justify; margin-bottom:5px;}
#occasion .produit_occ{float:left; width:350px; height:250px; margin-top:25px; margin-right:25px; margin-bottom:10px;}
#occasion .produit_occ .prod_photo{float:left; width:350px; height:163px;}
#occasion .produit_occ .bande_inf{ float:left; width:350px; height:25px; background-color:#5A5A5A; color:#FFF; font:14px Arial; font-weight:bold;}
#occasion .produit_occ .bande_inf .info{float:left;  padding:5px 5px 5px 5px; width:270px; margin:0 0 0 0; overflow:hidden;}
#occasion .produit_occ .bande_inf .prix{float:right; height:15px; background-color:#F00; padding:5px 5px 5px 5px;}
#occasion .produit_occ .texte{float:left; width:700px; font:12px Arial; color:#000; padding:10px 0 20px 0; text-align:justify; line-height:20px; width:350px; height:20px; overflow:hidden;}
#occasion .produit_occ .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; }
#occasion .produit_occ .lien a{float:left; color:#F00; font-weight:bold; text-decoration:none;}

#actualites{float:left; width:750px;}
#actualites .titre1{float:left; width:700px; padding:28px 0 0 0; font:13px tahoma; font-weight:bold; color:#666;}
#actualites .titre2{float:left; width:700px; font:24px tahoma; color:#F00; padding:0 0 0 0; text-align:justify; margin-bottom:5px;}
#actualites .titre2 .t1{float:left; width:300px;}
#actualites .titre2 .retour a{float:right; background:url(../img/btn_retour.gif) no-repeat top left; height:25px; width:82px;}
#actualites .titre2 .retour a:hover{float:right; background-position:0px -25px;}
#actualites .actu{float:left; width:750px; margin-top:25px; margin-right:25px; margin-bottom:10px;}
#actualites .actu .image{float:left; margin-right:10px;}
#actualites .actu .titre_date{float:left; width:575px; font:12px tahoma;}
#actualites .actu .titre_date span{color:#F00; font-size:14px; font-weight:bold;}
#actualites .actu .texte{float:left; width:575px; text-align:justify; padding-top:5px; font:13px Arial;}
#actualites .actu .lien{float:left; width:575px; background:url(../img/puceB.jpg) no-repeat top left; background-position:0 14px; padding: 10px 0 0 14px; font:11px Arial; }
#actualites .actu .lien a{float:left; color:#F00; font-weight:bold; text-decoration:none;}

/*---------------------------------------------------------------------------------------------------------*/
/* 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;}

#acc .actu{float:left; background:url(../img/BG_actu.jpg) no-repeat top left; width:415px; height:94px; padding:10px;}
#acc .actu .titre_ppl{font:14px Tahoma; font-weight:bold; color:#333; padding-bottom:5px;}
#acc .actu .date_actu{font:10px Arial; color:#F00}
#acc .actu .titre_actu{font:13px Arial;}
#acc .actu .lien_actu{float:left; width:700px; background:url(../img/puceB.jpg) no-repeat top left; background-position:0 8px; padding: 4px 0 0 14px; font:10px Arial; color:#F00}
#acc .actu .lien_actu a{ color:#F00; font-weight:bold; text-decoration:none;}
#acc .actu .lien_actu a:hover{ text-decoration:underline;}
	
/*---------------------------------------------------------------------------------------------------------*/
/* 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 -50px; color:#FFF;}
#M2 .Ahov a{background-position:0px -50px; 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;}
#colB .retour a{float:right; background:url(../img/btn_retour.gif) no-repeat top left; height:25px; width:82px; margin:15px 0 20px 0;}
#colB .retour a:hover{background-position:0px -25px;}

/*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; }