/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/


*{
    padding:0;
    margin:0;
    list-style:none;
}
body{
    font-family:arial;
    color:#282828;
    text-align: center;
    font-size:11px;
    background: url(images/header/background-repeat.jpg) top left repeat-x;
}
h2{
    color:#000;
    padding:0 0 15px 0;
}
table{
    font-size:11px;    
}


a{
    color:#f76d16;
}

#all{
    width:950px;
    margin:0 auto;
    text-align: left;
    
}
.no-border,.no-border  *{
    text-decoration: none;
    border: none;
}
#decor{
    background: url(images/header/background.jpg)  center top no-repeat;
    float:left;
    width:100%;
}
.pointer{
    cursor:pointer
}
.pt-text {
   font-size:10px;
}
.my-text {
   font-size:11px;
}
.gd-text{
    font-size:20px
}

.text-jaune{
    color:#f8ba4f
}
.txt-orange{
    color:#f76d16
}
.text-blanc{
    color:#fff
}

.txt-gris-clair{
     color:#989898
}
.left{
    float:left;
}
.right{
    float:right;
}

.clearer{


    clear:both;
    font-size:0
}

.titre-principal,.titre-article{
     color:#333333   ;
     font-weight: normal;
     font-size: 26px;
     padding:0 0 20px 0
}
.titre-article{ 
  font-size: 20px;   
}
#menu{
    width:235px;


     border:1px solid #dbdbdb;
}
#menu ul{
    
}
#menu ul li{
    display:block;
}
#menu ul li a{
    display:block;
    background:#ededed;
    border-left:6px solid #dbdbdb;
    border-bottom:1px dotted #dbdbdb;
    padding:7px 3px 7px 11px;
    color:#245f97;
    font-weight:bold;
    font-size:11px;
    text-decoration:none;
}
#menu ul li a:hover{
    background:#515151;
    border-left:6px solid #373737;
    border-bottom:1px dotted #373737;
    color:#fff;
}
#menu ul ul{display:none;padding:0 0 0 15px}

#sous-rubriques ul{
    
   
   
}

#sous-rubriques ul ul ul{
     padding:0 0 0 15px   ;
     margin:0 ;
     border:none

}
.intro{
    
    border: 1px solid #dfdfdf;
}
.intro-title{
   border-bottom: 1px solid #dfdfdf; 
   font-size:11px;
   font-weight : bold;
   padding:5px;
   background: #f2f2f2;
}
.intro-title a{
    text-decoration:underline;
    font-weight:normal;
    color:#282828 
}

.intro-title a.selected{
       color:#F76D16
}
.intro-title a:hover{
    text-decoration:none;

}
.intro-content{
  
   padding:15px;
}
.intro-content ul ul{
    display: none;
}
.intro-content ul li{
    display: block;
    width: 200px;
    float:left;
    padding:0 0 8px 0
}
.intro-content ul li a{
    text-decoration: underline;
    color:#de5c08
}
.intro-content ul li a:hover{
    text-decoration: none;
 
}
/*--------------------------------
entete du site
---------------------------------*/
#header{
    position:relative;
    width:100%;
    height:200px;
   
}
 button{
    background: none;
    border: none;
}
#logo{
    position: absolute;
    top:28px;
    left:0;
}

#logo h1, #logo span{
    color:#f8ba4f;
    font-size: 11px;
    font-weight: normal;
    display: block;
    padding-top:5px
}
 #logo span{
     padding-top:2px
 }
#logo img, #logo a{
    text-decoration: none;
    border: none;
}
.title-box{
    position: relative;
     padding-right:100px;
}
.title-box h1{
   
}
.title-box .googlelike{
    position: absolute;
    top:3px;
    right:10px
}
#compteuser{
    position:absolute;
    right:5px;
    top:2px;
}
#compteuser a{
    text-decoration:none
}
#compteuser a:hover{
    text-decoration:underline
}
#panier{
    position: absolute;
    right: 0;
    top:70px;
    padding:6px 0 5px 25px;
    background: url(images/header/panier-gauche.gif) no-repeat;
}
#panier .panier-right{
    float:left;
    height:29px;
    width:8px;
    margin:-6px 0 0 0;
    background: url(images/header/panier-droite.gif) top right ;
}
#panier a:hover{
    text-decoration:none;
}
#panier .panier-middle{
    background: url(images/header/panier-separation.gif)  ;
    width:7px;
}
#panier table{
    float:left;
}
.chp-connect{
    width:142px;
    height:22px;
    background: url(images/header/champ-login.jpg);
}
.chp-connect input{
    background: none;
    border:none;
    width:135px;
    margin:5px 0 0 5px ;
}
#search{
    position: absolute;
    right:7px;
    top:135px;
}
.chp-recherche{
   width:195px;
    height:28px;
    background: url(images/header/champ-recherche.png) no-repeat; 
}

.chp-recherche input{
    background: none;
    border:none;
    width:180px;
    margin:7px 0 0 8px ;
}

.chp-bonplan{
   width:188px;
    height:22px;
    background: url(images/content/champ-newsletter.png) no-repeat;  
}
.chp-bonplan input{
    background: none;
    border:none;
    width:170px;
    margin:4px 0 0 8px ;
}

/*--------------------------------
footer
---------------------------------*/
#footer{
    clear:both;
    padding:15px 0;
    text-align: center;
    background: url(images/footer/background-footer-haut.jpg) repeat-x;
}
#copyright{
    clear:both;
    float:left;
    width:100%;
    font-size:11px;
    padding:28px 0 15px 0;
    background: url(images/footer/background-footer-bas.jpg) repeat-x;
}
#copyright a{
    text-decoration: underline;
    color:#8a8787
}
#copyright td{
     font-size:11px;
    vertical-align: middle;
}
#copyright a:hover{
    text-decoration: none;
}
.content-center{
    width:950px;
    text-align: left;
    margin:0 auto;
}
/*--------------------------------
Menu principal
---------------------------------*/
#menu-principal{
   position: absolute;
   top:138px;
   left:7px;
   font-size:12px; 
}
#menu-principal li{
    float:left;
    display:block;
    margin:0 7px 0 0;
    padding:0 7px 0  0;
    background: url(images/header/menu-separation.gif) center right no-repeat;
}
#menu-principal li a{
    color:#c2bfbf;
    display:block;
    
    text-decoration: none;
}
#menu-principal li a span{
     display:block;
    padding:5px;
}
#menu-principal li a.selected, #menu-principal li a:hover{
    color:#fff;
    background: url(images/header/menu-rollover-gauche.gif)  0 -5px no-repeat;
}
 #menu-principal li a:hover{
      color:#c2bfbf;
 }
#menu-principal li a.selected span,#menu-principal li a:hover span{
    color:#fff;
    background: url(images/header/menu-rollover-droite.gif)   right -5px no-repeat;
}
#menu-principal li a:hover span{
    color:#c2bfbf;
}
#menu-principal li a.contact{
    font-weight: bold;
}


/*--------------------------------
box sur la page d'acceul
---------------------------------*/
.box-accueil{
    width:470px;
    height:163px;
    margin:0 0 10px 0;
    position: relative;
   
}
.box-accueil h2{
   
}
.box-accueil h2 {
    color:#f7f7f7;
    font-size:22px;
    font-weight: normal;
    text-decoration:none;
    padding:35px 0 0 0
}
.content-box-acceuil{
    padding:20px 10px 5px 217px;
    height:138px;
     cursor: pointer;        
}
.content-box-acceuil p{
    font-size:11px;
    color:#f1ae87
}
.footer-box-acceuil{
    position: absolute;
    right:7px;
    bottom: 7px;
    font-size:11px;
}
.footer-box-acceuil {
    color:#c2bfbf;
    text-decoration:none;
}
.box-accueil a{
    text-decoration:none;
}
.box-accessoire{background: url(images/content/rubrique-accessoires-remorques.jpg);}
.box-attelage{background: url(images/content/rubrique-attelages-vehicules.jpg);}
.box-velos{background: url(images/content/rubrique-portes-velos.jpg);}
.box-remorques{background: url(images/content/rubrique-remorques-bagagere.jpg);}

/*--------------------------------
box contact
---------------------------------*/
#box-contact{
    width:237px;
    height:271px;
    
    background: url(images/content/background-contact-newsletter.jpg) no-repeat right;
}
 #gauche #box-contact{
     clear:both;
 }
 

.content-box-contact h3, .content-box-bonplan h3{
    color:#fff;
    font-weight: normal;
    font-size:20px;
    padding:0 0 10px 0
}
.content-box-bonplan h3{
    color:#333333;
    padding:10px 0 10px 0
}
.content-box-contact, .content-box-bonplan{
    padding:10px 6px 10px 12px
}
.content-box-contact a:hover, .content-box-bonplan a:hover{
    text-decoration:none
}
/*--------------------------------
Promo
---------------------------------*/
#box-promo{
    width:700px;
    border:1px solid #dfdfdf
}
#box-promo table{width:100%;border-collapse:collapse}
#box-promo td{
    padding:15px;
}

#box-promo td.middle{   
  width:34px;
}
#box-promo h2{
color:#333333;
font-size:28px;
font-weight: normal;
}
.content-box-promo2{
    height:224px;   
    overflow: auto;
    margin:0 0 15px 0;
    font-size:11px
}
a.lieninfoplus{
    position: absolute;
    bottom:5px;
    right:10px
}
.content-box-promo2  a{
    color:#f76d16  ;
    text-decoration: underline;
}
 .content-box-promo2  a:hover{
    color:#f76d16   ;
     text-decoration: none;
}
 .content-box-promo2 ul{
     padding:15px 0 15px 40px
 }
 .content-box-promo2 ul li, .detail-produit2 li, ul.orange li{
    padding:0 0 0 10px;
    background: url(images/content/puce-orange.jpg) left 6px no-repeat;
}
ul.orange{
    padding-left:20px
}
.content-box-promo{
    text-align: center;
     position: relative;    
}
/*--------------------------------
Promo  a droite
---------------------------------*/
.box-promo{
    position: relative;
    border: 1px solid #e1e1e1;
    margin:52px 0 20px 0;
    float:left;
    width:235px;
    
}
* html #gauche .box-promo{
     width:239px;
 }
.encart{
    color:#fff;
    padding:5px 15px 5px 5px ;
    float:left;
    font-size: 14px;
    font-weight:bold;
    background: url(images/content/titre-angle.gif) #df5c0a top right no-repeat;
}
.separation{
    height:33px;
    background: url(images/content/promo-background2.jpg) ;
}

.box-promo .content{
    padding:10px;
    background: #efefef;
}
 /*--------------------------------
fils d'ariane
---------------------------------*/
#ariane{
    font-weight:normal;
}
#ariane a{
      text-decoration: none;
      color:#282828
}
#ariane a:hover{
      text-decoration: underline;
}
#ariane a.selected{
       color:#F76D16
}

/*--------------------------------
box a droite
---------------------------------*/
.box{
   border:1px solid #dbdbdb; 
   margin:0 0 15px 0;
   background: #ededed;
}
.box .content{
    padding:10px;
}
.box h3{
    color:#245f97;
    padding:5px;
    background:#dbdbdb
}
 /*--------------------------------
listing
---------------------------------*/
#pagination{
	float: right;
	margin-right: 4px;
}
#pagination label {
	float: left;
	margin-right: 5px;
	padding-top: 5px;
}
#pagination ul {
	float: left;
	border:0; 
	margin:0; 
	padding:0;
}
#pagination li{
	border:0;
	margin:0;
	padding:0;
	font-size:11px;
	list-style:none;
	margin-right:2px;
	display: inline;
}
#pagination a{
	border:solid 1px #DF5C0A;
	margin-right:2px;
}
#pagination .previous-off,
#pagination .next-off {
	border:solid 1px #DF5C0A;
	color:#888888;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:2px;
	padding:3px 4px;
}
#pagination .next a,
#pagination .previous a {
	font-weight:bold;
}
#pagination .active{
	background:#DF5C0A;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}
#pagination a:link,
#pagination a:visited {
	color:#0e509e
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}
#pagination a:hover{
	border:solid 1px #DF5C0A
}
/*--------------------------------
content
---------------------------------*/
#content{
    float:left;
    width:100%;
}
#gauche{
    width:237px;
    float:left;
}
#principal{
    width:690px;
    float:left;
    padding:0 20px 0 0;
    float:right;
    min-height:450px;
}
* html #principal{
    width:710px;
    height:450px; 
}
#droite{
     width:200px;float:left;
}
/*-----------------------------
Article
------------------------------*/
.one_article{
    width:201px;
    float:left;
    padding:10px;
    background: #fff;
    text-align: center;
   
    border:1px solid #e0e0e0;
    margin:0 10px 10px 0;
 
}
.sameHeight{
	width:201px;
}
.one_article img{
	overflow: auto;
	vertical-align: middle;
	height: auto;
	max-height: 150px;
}
.ajout, .detail, .ajout5{  
    padding:3px 5px;
    color:#fff   ;
    font-size:11px;
    text-decoration:none;
}
.ajout,.ajout5{
   background: #df5c0a;            
}
.detail{
   background: #747474; 
}
td .detail{
   display: block;
    width:90px;
    text-align: center;
}
input.ajout,input.detail, input.ajout5{
   border:none;  
   cursor: pointer; 
}
input.ajout5{
    padding:2px 5px 3px 5px;
    width:95px;
}
.prix{
     color:#df5c0a;
     font-size:20px;
     font-weight: bold;
     text-align:center;
}
     
.one_article h2{
    font-size:14px;
    padding:0 0 10px 0
}

.one_article h2 a{
    text-decoration:none ;
    color:#282828
}
.one_article h2 a:hover{
    text-decoration:underline
}

#message_panier{
    padding:10px;
    background: #d5f8b8;
    border:1px solid #4b8a02;
    color:#4b8a02
}
#message_panier a{
    color:#4b8a02 
}

#detail-article{
  font-size:11px   
}

.list-front{
    border-collapse:collapse;
    width:100%;
    margin:15px 0;
    border:1px solid #e0e0e0
}
.box_header_txt td{
    color:#fff;
    font-weight:bold;
    
    background:#414141;
}
.list-front td{
    border-bottom:1px solid #e0e0e0;
    padding:5px;
    vertical-align: top;        
}

.creationloggin h3{
    font-size:16px;
    display: block;
    margin:0 0 10px 0;
    border-bottom:1px solid #e0e0e0;
    padding:0 0 10px 0;
}

.form-site tr td{
    padding:5px
}
.form-site tr td input{
    font-size:11px
}

.form-site tr td .chp-input{
    width:200px;
    padding:1px;
}
.form-site tr td select option{
    padding:0 0 0 10px;
    
}

h3.recap{
    font-size:18px;
    font-weight:normal;
    padding:0 0 10px 0;
    display:block;
    margin:0 0 15px 0;
    border-bottom:1px solid  #c9c9c9
}
#menucompte{
padding:0  10px 0 0
}
#menucompte li{
    float:left;
    padding:9px 0 0 10px;
    font-size:12px;
    color:#C2BFBF
}
#menucompte li a{
    color:#F8BA4F
}

.ulinfocompte{
    padding:10px 5px 10px 0
}
ul.ulinfocompte li{
    display:block;
    padding:5px 0 5px 15px ;
    border-bottom:1px dotted #c9c9c9;
    background-position: 0 11px 
}
ul.ulinfocompte li a{
    color:#282828;
    text-decoration: none;
}
ul.ulinfocompte li a:hover{
    text-decoration:underline
}

.listing{border-collapse: collapse;width:100%;  border:1px solid #94aea9;}

.listing td{
    border-bottom:1px solid #94aea9;
   color:#000;
   padding:5px
    
}
tr.header td{
    background-color: #94aea9;
     color:#fff;
    font-weight:bold
}

/*--------------------------------------
Erreur Form + champs obli
--------------------------------------*/
p.error{display:none}
.oblig{
    color:red;
}
.error{
    border:1px solid red;
    background:#fcd6da;
    padding:10px;
    color:red;
    font-size:11px;
}
.invalidInput{
    border:1px solid red
}
.chp-input{
    width:250px
}

#intro{
    background: #c2eaff;
    color:#1e8fca;
    padding:10px;
    font-size:11px;
    border:1px solid #1e8fca;
    margin:0 0 15px 0
}
#menu_user{
    background-color: #c9c9c9;
    width:100%;
    float:left;
    border:1px solid #000;
}
#menu_user li{
   float:left ;
   border-right:1px solid #000;
}
#menu_user li a{
    display:block;
    padding:5px;
    color:#000
}

.introcompte{
    background: #ebebeb;
    padding: 17px;
    border:1px solid #c9c9c9;
    margin:0 0 15px 0
}


ul.listemarques{
    margin:14px 0 0 18px
}
* html ul.listemarques{margin:10px 0 0 10px}
ul.listemarques li{
    float:left;
    width:66px;
    padding:2px 3px
}
.voirpanier img, .detailimg img, .liencompte img{
    border: none;
    text-decoration: none
    ;
}
.detail-produit2 img{
    margin-top:3px
}
ul.listemarques li img{
    width:66px;
    height:66px;
    border:1px solid #DFDFDF;
    display:block;
   
    text-decoration: none;
}
ul.listemarques li a{
    border:none;
    text-decoration: none;
}


.titre-modele{
   cursor:pointer;
   background: #f2f2f2;
   padding:5px;
   font-size:14px;
   border:1px solid #dfdfdf
}
.titre-modele span{
    float:right;
    font-weight:normal;
    font-size:11px
}
#accordion{
    margin:15px 0;
     border-bottom:1px solid #dfdfdf;
}
#accordion div.content-accord{
    background:#fff ;
    padding:15px;
    border:1px solid #dfdfdf;
     border-top:none;
     border-bottom:none;
}

.one_article2{
    background:#fbece3;
    padding:15px;
      margin:0 0 10px 0
    
}
.titre-att{
    font-weight:bold;
    font-size:14px;
  
}

.prix strike{
    font-size:14px;
    font-weight:normal
}

/*--------------------------------------
Footer Ambacie
--------------------------------------*/
#footerAmbacie {
	font-size: xx-small;
	color: 767676;
}
#footerAmbacie a {
	color: #989898;
}


/*---------------------------------------
Category Bock
----------------------------------------*/
a.product-category { 
	display: block;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 10px;
	width: 155px;
	height: 85px;
	text-align: center;
	border: solid;
	text-decoration: none;
	border: none;
	background: url('images/content/category-bg.jpg');
	background-position: 0px 0px;
}
a.product-category:hover {
	background-position: 0px 85px;
}

a.product-category .inner {
	text-align: center;
	margin-top: 13px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
a.product-category .inner .title {
	text-decoration: underline;
	color: #dd5a08;
    padding: 0;
    font-weight: normal;
    font-size:11px;
}
a.product-category .inner .count {
	text-decoration: none;
	color: #282828;
}
a.product-category:hover .inner .title {
	text-decoration: underline;
	color: #ffffff;
}
a.product-category:hover .inner .count {
	text-decoration: none;
	color: #c0c0c0;
}


#description-categorie{
    padding:15px;
    border:1px solid #c9c9c9;
    font-size:13px;
    margin:0px 0 15px 0;
}
#description-categorie p{
    padding: 0 0 15px 0
}