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

/*----------------------------------- General -----------------------------------*/
body{background: #FFFFFF url(../images/fnd.gif) repeat-x 0 9px; font-family: Arial, Helvetica, sans-serif; color: #4c4c4c; }
*{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4c4c4c; line-height: 12px; margin: 0; padding: 0}
#line{margin: 0; height: 9px; width: 100%; background: #4c4c4c; position: absolute; top: 0; left: 0; z-index: 0;}
#content{padding: 0; width: 723px; margin: 2px auto 0 auto; position: relative;}
#phrase {background:url(../images/img-top2.gif) no-repeat; float: left; width: 272px; height: 43px; padding: 267px 0 0 0;}
#image{width: 445px; height: 310px; float: right;}
#truck{position: absolute; z-index: 1; top: 92px; left: 117px; width: 307px; height: 256px;}

/*----------------------------------- bar top -----------------------------------*/
#top{padding: 154px 0 0 0; width: 726px; margin: 0 auto;position: relative;}
#top #logo{width: 290px; margin: 0;float: left; height: 91px; position: absolute; z-index: 1; top: 0px; left: 0px; background:url(../images/fnd-logo.gif) no-repeat; padding: 31px 0 0 0;}


/*----------------------------------- Menu top -----------------------------------*/
#menu{height: 42px; width: 723px; float: left; margin: 0; padding: 0 0 0 2px;}
#menu ul li{padding: 0; float: left; margin: 0;}
#menu ul li a{display: block; color: #4c4c4c; margin: 0; padding: 16px 0 0 0; text-align: center; height: 26px; text-transform: uppercase; text-decoration: none;}
#menu ul li a:hover{background-position: 0 -42px;}
#menu ul li a.select{background-position: 0 -42px;}
#accueil{background: url(../images/btn-home.gif) no-repeat; width: 126px;}
#entreprise{background: url(../images/btn-entrepise.gif) no-repeat; width: 162px;}
#services{background: url(../images/btn-services.gif) no-repeat; width: 157px;}
#aventre{background: url(../images/btn-aventre.gif) no-repeat; width: 142px;}
#contact{background: url(../images/btn-contact.gif) no-repeat; width: 135px;}

/*----------------------------------- Text -----------------------------------*/
img{border:none;margin:0;padding:0;}
p{margin: 0; padding: 0; text-align: justify;}
a{text-decoration: underline;}
a:hover{color: #eba300; text-decoration: none;}
.yellow {color: #eba300;}
.link {color: #eba300; text-decoration: none; font-weight: bold;}
.link:hover {color: #4c4c4c; text-decoration: underline;}
form{margin:0;padding:0;}
textarea{width:260px;font-size:10px;color:#666;margin:0 0 7px 0;height:150px;}
h1{font-size: 21px; padding: 3px 0 0 0; font-weight: normal; margin: 0 0 30px 0; letter-spacing: -1px; text-transform: uppercase;}
h1 span{font-size: 21px; color: #eba300; font-weight: normal;}
h2{font-size: 16px; padding: 1px 0 0 0; color: #eba300; font-weight: bold; margin: 0 0 16px 0; letter-spacing: 1px; }
h3{font-size: 17px; padding: 1px 0 0 0; color: #9a9a9a; margin: 0 0 17px 0;}
h4{font-size: 16px; padding: 1px 0 0 0; color: #4c4c4c; margin: 0 0 17px 0;}
h5{font-size: 16px; color: #AE0000; margin: 0 0 17px 0;}
table{margin: 10px 0 0 0;}
table span{float: left;}
.red{float: right; color: #CC0000; width: 10px; margin: 0 0 0 0;}
.red2{float: left; color: #CC0000; width: 145px; font-size: 10px;}
a.contact{font-size: 16px; padding: 0; color: #eba300; font-weight: bold; margin: 0 0 16px 0; text-decoration: none; width: 445px; display: block;}
a.contact:hover{color: #4c4c4c;}
img.contact{float:right; border: #898684 1px solid;}
img.contact:hover{float:right; border: #eba300 1px solid;}

/*----------------------------------- Column Left -----------------------------------*/
#left{margin: 0 0 0 13px; float: left; width: 250px;}
#left img{border: #878482 1px solid; margin: 0 0 22px 0;}
#navigations{width: 200px; background: url(../images/fnd-submenu.gif) no-repeat top left; padding: 26px 30px 26px 20px; margin: 0 0 21px 0; min-height: 325px;}
#navigations ul{margin: 13px 0 0 0;}
#navigations ul li{padding: 0; float: none; margin: 0 0 13px 0;}
#navigations ul li a{display: block;margin: 0; padding: 0 0 0 25px; text-align: left; height: 15px; background: url(../images/icon-submenu.gif) no-repeat 0 0; text-decoration: none;}
#navigations ul li a:hover{background-position: 0 -15px; color: #4c4c4c;}
#navigations ul li a.select{background-position: 0 -15px; font-weight: bold;}

#informations{width: 193px; background: url(../images/fnd-submenu.gif) no-repeat top left; padding:26px 17px 26px 20px; margin: 0 0 21px 0; border: 1px #cccccc solid;}
#informations ul{margin: 13px 0 21px 0;}
#informations ul li{padding: 0; float: none; margin: 0 0 13px 0;}
#informations ul li a{display: block;margin: 0; padding: 0 0 0 25px; text-align: left; height: 15px; background: url(../images/icon-submenu.gif) no-repeat 0 0; text-decoration: none;}
#informations ul li a:hover{background-position: 0 -15px; color: #4c4c4c;}
#informations ul li a.select{background-position: 0 -15px; font-weight: bold;}
.tarifs{background: url(../images/vinieta.gif) no-repeat 0 3px; padding: 0 0 0 18px; margin: 0 0 1px 0; height: 12px;}
.tarifs .kg{height: 12px; float: left; width: 80px;}
.tarifs .kg.new{background: url(../images/img-new.gif) no-repeat bottom right;}
.tarifs .chf{height: 12px; float: right; width: 80px; text-align: right;}


/*----------------------------------- Column Right -----------------------------------*/
#right{margin: 26px 0 0 0; float: right; width: 445px; min-height: 200px;}
.welcome{width: 445px; margin: 0 0 50px 0;}
.img {float: left; border: #878482 1px solid; margin: 0 8px 0 0;}
.img2 {float: right; border: #f2c45c 1px solid; margin: 3px 0 0 5px;}
.padding{padding-right: 12px;}
.more{width: 445px; margin: 16px 0 35px 0;}
.more a{color: #eba300; font-weight: bold; text-align: right;}
#right ul{padding: 0 0 33px 15px;}
#right lh{font-weight: bold; padding: 0 0 12px 0; display: block;}
#right li{margin: 0 0 12px 0; background: url(../images/vinieta.gif) no-repeat 0 3px; padding: 0 0 0 19px;}
.columns{width: 445px; min-height: 70px; margin-bottom: 22px;}
.columns .colleft{width: 444px; min-height: 70px; float: left;}
.columns .colright{width: 220px; min-height: 70px; float: right;}
.columns .colright2{width: 320px; min-height: 70px; float: right; padding: 0 10px 0 0;}
.columns .colleft2{width: 110px; min-height: 70px; float: left;}
.columns .colleft2 img{border: 1px solid #595959;}
.google{margin: 22px 0 26px 0; border: #878482 1px solid;}
.input{width: 236px; margin: 0 0 5px 0; float:left; display: block; background:#fff;}
.input2{width: 236px; margin: 0 0 5px 0; float:left; display: block; background:#fff;}
.question{text-align: center; width: 18px; padding: 2px 0 3px 0; border: #878482 1px solid; background: #fffdb8; display: block; float: left; margin: 0 0 0 7px; text-decoration: none;}
.question2{text-align: center; width: 18px; padding: 2px 0 3px 0; border: #878482 1px solid; background: #fffdb8; display: block; float: right; margin: 0 0 0 7px; text-decoration: none; vertical-align: text-bottom; margin: 11px 3px 0 0;}
textarea {width: 345px; height: 87px; float: left; padding: 0;}
input{margin: 0 0 0 5px;}
.servi{margin: 0 0 18px 15px;}
.servi img{margin-right: 21px; border: #4c4c4c 1px solid;}
.servi img:hover{border: #eba300 1px solid;}
.servi .img{margin:0; padding:0; float: none;}
table strong {color:#333333;}
.table{padding: 10px 0;}
.border{border:1px #000000 solid; border-bottom: none; width:428px;}
.border2{border:1px #000000 solid;width:428px;}
.by2{border-right: 1px #000000 solid; background: #ffef5c;padding:10px 10px; font-weight: bold; width: 408px;float: left;color: #000; vertical-align: middle;}
.gc2{border-right: 1px #000000 solid; background: #fff;padding:10px 10px; width: 408px;float: left; color: #333;  vertical-align: middle;}
.by{border-right: 1px #000000 solid; background: #ffef5c;padding:10px 0; font-weight: bold; width: 142px;float: left; text-align: center; color: #000; vertical-align: middle;}
.gc{border-right: 1px #000000 solid; background: #fff;padding:10px 0; width: 142px;float: left; text-align: center; color: #333; min-height: 25px; vertical-align: text-bottom;}
.go{border-right: 1px #000000 solid; background: #efefef;padding:10px 0; width: 142px;float: left; text-align: center; color: #333; min-height: 25px; vertical-align: middle;}
.mail{text-decoration: none;}
#form img{cursor:pointer;}
.formctc{width:445px;}
.formctc .row{width:445px;min-height:17px;}
.formctc .row .column1{width:95px;margin: 0; float: left;}
.formctc .row .column2{width:350px;margin: 0; float: left;}
.btncontact{border: #878482 1px solid;}
.btncontact:hover{border: #000 1px solid;}

/*footer*/
#footer{padding: 0; width: 100%; margin: 10px 0 0 0; background:url(../images/footer.jpg) repeat-x bottom center; height: 126px;}
#middle{width:843px; margin: 0 auto;}
#copyright{float:right; background: url(../images/copy.png) no-repeat; height: 86px; width:141px; padding: 40px 23px 0 17px;}
#copyright p{text-align: center; margin-bottom: 15px;}

/* ----------------------- Clearfix ----------------------- */ 
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* Esconde de IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fin esconde de IE-mac */