* {
  margin:0;
}
body {  
  background: #fff url("../img/bg_body.jpg") center 11px no-repeat;
  font-family: arial, sans-serif;
  font-size: 11px;
  color: #000000;
}
img {
	border:0;
}
a {
  font-size: 11px;
  color: #000000;
  text-decoration: none;
}
a:focus {
  outline:none;
}
.clear {
  clear:both;
	height:0;
	line-height:0px;
	font-size:0px;
}
div#page {
  width: 880px;
  margin: auto;
}
div#header {
  height: 139px;
  width: 880px;
  background: #fff url("../img/bg_nav_haut.jpg") center no-repeat;
  margin-top: 10px;
  margin-bottom: 3px;
  /*border-bottom: #5faeda 1px solid;*/

}
#header img.pochon_188x84 {
  width: 188px; 
  height: 84px;
  padding-left: 80px;
  margin-top: 0px;
  float:left;
}
#header img.nke {
  margin-top: 0px;
  margin-left : 300px;
}
#header img.garmin {
  margin-top: 0px;
}
#header img.raymarine {
  margin-top: 0px;
}
#header img.furuno {
  margin-top: 0px;
  margin-left : 300px;
  margin-bottom: 3px!important;
  margin-bottom: 0px!important!;
}



div#main {
  height: 17px;  
  width: 880px;
  margin-top: 88px;

}

div#main:last-child:not(:root:root) {
  margin-top: 92px;

}

#main ul {
  height: 17px;
  margin:0 0 0 32px;
  padding:0;
 
}
#main li.button {
	display: block;
	float:left;
	background-image: url(../img/bt_nav_haut.gif);
	width: 111px;
	height: 17px;
	text-align: center;
	margin-left: 0px;
	margin-right:2px;
	font-size: 12px;
	font-weight: bold;
	padding-top : 3px;
	background-repeat: no-repeat;
}
#main a {
  text-decoration:none;
  color: #fff;
}
div#body {
  width: 888px;
  margin: auto;
}
div#col_left {
  width: 140px;
  float: left;
  margin-top : 0px;
  text-align: center;
}
#col_left div.main_left {
  width: 137px;
  float: left;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 10px;
  margin-bottom: 5px;
}
#col_left div.teitier {
  background: #fff url("../img/teitiere_menu.jpg") no-repeat;
  width: 146px;
  height: 41px;
  line-height:33px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}
#col_left div.contain {
  background: #fff url("../img/bg_main_left.jpg") repeat-y;
  width: 148px;
  overflow:hidden;
  padding: 0;
  text-align:left;
}
#col_left div.contain ul {
  list-style-type: none;
  padding: 0px;
  margin-left: 12px;
  margin-right: 6px;
}
#col_left .prod_select {
  color:#b95d3c;
  font-weight:bold;
}
#col_left div.contain ul.sous_menu {
  list-style-type: none;
  padding-left: 6px;
}
#col_left div.contain li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
#col_left div.contain li a:hover {
  color:#b95d3c;
}
#col_left div.footer {
  background: #fff url("../img/footer_main_left.jpg") no-repeat;
  width: 146px;
  height: 15px;
}
#col_left img.txt_exlusivites {
  margin-top: 15px;
}
#col_left img.main_left {
  margin: auto;
}
#col_left img.log {
  margin-top: 24px;
}
#col_left img.log2 {
  margin-top: 10px;
}
#col_left div.exlusivites {
  width: 105px;
  height: 58px;
  margin: auto;
  margin-bottom: 10px;
  border: #000 1px solid;
}

div.recherche {
  background: #fff url("../img/bg_recherche.gif") center no-repeat;
  height: 26px;
  width: 430px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
}
p.txt_recherche {
  display: inline;
  float: left;
  margin-left: 20px; 
  margin-top: 5px;
}
p.txt_marque {
  display: inline;
  float: left;
  margin-left: 20px; 
  margin-top: 5px;
}
p.txt_mot {
  display: inline;
  float: left;
  margin-left: 20px;  
  margin-top: 5px;
}
input.input_recherche {
  margin-left: 10px;  
  margin-top: 4px;
  width: 142px;
  height: 12px;
  line-height:12px;
  font-size:9px;
  border: #000 1px solid;
  float:left;
}
input.input_ok{
  margin-top: 4px;
  margin-left: 10px;  
  float:left;
  width:24px;
}
div#col_center {
  width: 490px;
  float: left;
  margin-top: 0px;
}
#col_center div.group_box {
  width: 435px;
  _width: 450px;
  margin-right: auto;
  margin-left: auto;
}
#col_center div.box {
  width: 137px;
  float: left;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 8px;
  margin-bottom: 8px;
}
#col_center div.teitier {
  background: #fff url("../img/teitiere_orange_137x24.jpg") no-repeat;
  width: 137px;
  height: 17px;
  text-align: center;
  padding-top: 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
#col_center div.contain {
  background: #fff url("../img/bg_box_137x3.jpg") repeat-y;
  width: 127px;
  padding: 5px;
  height: 140px;
}
#col_center div.footer {
  background: #fff url("../img/footer_box_137x9.jpg") no-repeat;
  width: 137px;
  height: 9px;
}
#col_center p.titre_prod {
  display: block;

  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #006699;
}


#col_center div.photo_produit {
  display: inline-block;
  width: 50px;
  height: 70px;
  text-align: center;
  float: left;
}



#col_center div.prix_bas{
  display: block;
  margin-top: 5px;
  height: 35px;
}


#col_center div.desc_prod {
 display: inline-block;
  float: right;
  font-size: 9px;
  color: #000;
  width:69px;
  height: 70px;
  margin-top: 10px;
  margin-bottom : 5px;
  margin-right: 4px;
  margin-left: 4px;
  text-align: justify;
  line-height:10px;
  
  
  _margin-right: 2px;
  _margin-left: 0px;
  
  
  
}
#col_center img.prod {

  /*width:65px;*/
  margin-top: 10px;
  margin-bottom : 5px;
  margin-right: 1px;
}
#col_center p.prix_prod {
display: inline-block;
 
  font-size: 14px;
  font-weight: bold;
  color: #006699;
 
 
}
#col_center p.ttc_small {

  font-size: 10px;
  font-weight: bold;
  color: #006699;
  margin-left: 5px;
 
}
#col_center div.carre_box {
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right : 3px; 
  float: right;
  margin-top: 5px;
}




div#col_right {
  width: 220px;
  float: left;
  margin-top: 0px;
}
#col_right div.support_box {
  margin-top: 10px;
  margin-left: 5px;
  width: 174px;
  height: 62px;
  background: #fff url("../img/bg_support.jpg") no-repeat;
  padding:5px;
}
#col_right div.support_img {
  float: left;
  width: 43px;
  height: 45px;
  border: #000 1px solid;
}
#col_right p.titre_support {
  float: right;
  width: 125px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #006699;
}
#col_right p.support_tel {
  float: right;
  width: 125px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #000;  
  font-family: helvetica;
  margin-top:5px;
}
#col_right p.support_mail {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #006699;
}
#col_right div.panier_box {
  margin-top: 10px;
  margin-left: 5px;
  width: 121px;
  height: 46px;
  background: #fff url("../img/bt_panier.jpg") no-repeat;
  padding:7px;
  padding-left:60px;
  padding-top:8px;
  _padding-top: 12px;
  !padding-top: 12px;
  
  
  
}
#col_right p.panier_txt {
  text-align: center;
  font-size: 12px;
  color: #fff;
  margin-top: 5px;
  margin-right: 5px;
}
#col_right p.panier_txt a {
  color: #fff;
}
#col_right div.revendeur_txt {
  width: 180px;
  margin: auto;
}
#col_right p.revendeur { 
  display: inline;
  font-size: 13px;
  font-weight: bold;
  color: #006699;
}
#col_right p.inscrivez {
  display: inline;
  font-size: 11px;
  color: #000;
  margin-left:3px;
  margin-top: 1px;
}
#col_right div.inscription_box {
  width: 174px;
  height: 66px;
  background: #fff url("../img/bg_inscription.jpg") no-repeat;
  padding:10px;
  text-align:right;
  margin-left: 5px;
}
#col_right div.inscription_box p {
  font-size: 10px;
  text-align: center;
  color: #fff;
  padding-left: 20px;
  padding-top: 2px;
}
#col_right div.inscription_box p.bienvenue {
  font-size: 11px;
  text-align:right;
  color: #fff;
  padding-right: 5px;
  margin-top:5px;
}
#col_right div.inscription_box p.nom {
  font-size: 10px;
  text-align:right;
  color: #fff;
  padding-right: 5px;
  font-weight: bold;
}
#col_right div.inscription_box a.link_compte {
  font-size: 10px;
  text-align: right;
  color: #fff;
  padding-right: 5px;
  margin-top: 0px;
  display: block;
  text-decoration: underline;
}
#col_right p.login_avant {
  font-size: 10px;
  text-align: center;
  color: #fff;
  padding-left: 20px;
  margin-top:2px;
}
#col_right input.input_login {
  background-color:transparent;
  margin-right: 5px;
  width: 118px;
  height: 11px;
  line-height: 10px;
  font-size:9px;
  border: #fff 1px solid;
  margin-bottom: 0;
  
}
#col_right input.input_mdp {
  background-color:transparent;
  width: 85px;
  height: 11px;
  line-height: 10px;
  font-size:9px;
  border: #fff 1px solid;
  float:left;
  margin-top:0px;
  margin-left:50px;
}


#col_right input.input_ok {

  margin-top:0px;
  _ margin-top:-2px;

}


#col_right p.p_mdp {

  margin-left: 18px;

}



#col_right p.logdin {

  margin-left: 10px;

}


#col_right p.oublie {
  font-size: 11px;
  text-align: right;
  color: #000;
  margin-right: 25px;
}
#col_right div.box {
  width: 137px;
  margin-left: 5px;
}
#col_right div.teitier {
  background: url("../img/teitiere_questions.jpg") no-repeat;
  width: 193px;
  height: 44px;
  line-height:36px;
  text-align: left;
  padding-left: 25px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
#col_right div.teitier_first {
  background: url("../img/teitiere_questions.gif") no-repeat;
}
#col_right div.contain {
  background: #fff url("../img/bg_box_219x1.jpg") repeat-y;
  width: 219px;
  padding: 5px;
}
#col_right div.footer {
  background: #fff url("../img/footer_box_219.jpg") no-repeat;
  width: 219px;
  height: 19px;
}
#col_right div.info {
  width: 165px;
  float: left;
}
#col_right img.picto {
  float: left;
  width:37px;
  margin-right: 5px;
}
#col_right p.blue {
  font-size: 11px;
  font-weight: bold;
  color: #006699;
}
#col_right p.info {
  font-weight: bold;
  margin-bottom: 15px;
}
div#footer {
  text-align: center;
  width: 780px;
/*  padding-left: 140px;
  padding-right: 220px;*/
  margin-bottom: 20px;
  margin-top: 35px;
}
#footer .bottom_main {
  font-size: 11px;
  color: #0f6f9f;
  text-decoration: none;
}

div.box_produit_large{
background-image:url(../img/bg_box_produit.jpg); 
background-repeat:no-repeat; 
width: 210px; 
height: 261px; 
display: inline-block; 
margin-top:5px; 
margin-bottom: 5px;
margin-right: 5px;

}


div#qui{
width:650px; 
padding-left: 40px;
text-align: justify;
}

div#qui p{
margin-bottom: 10px;
}

div#qui ul{
padding-left: 50px;
}