html, body{
margin:0; 
padding:0;
height:100%;
font-family:"Trebuchet MS", Arial, Verdana;
font-size:14px;
background:#9b9a9f url(../images/fond.jpg) repeat-y center top;
color:#353434;
}
.titre{
color:#353434;
font-size:15px;
margin:0;
padding:0;
font-weight:bold;
}
.red{
color:#d10200;
font-weight:bold;
}
/*DIV CORP*/
#corp{
height:100%;
margin-left:auto;
margin-right:auto;
width:920px;
text-align:left;
background:url(../images/fond-corp.jpg) repeat-y center top;
}
/*DIV MENU*/
.menu{
margin-top:20px;
float:left;
width:200px;
margin-left:0px;
padding-left:20px;
padding-right:30px;
padding-bottom:30px;
}
.menu a{
line-height:1.6em;
padding-left:20px;
display:block;
color:#d10200;
text-decoration:none;
font-size:14px;
font-weight:bold;
background:url(../images/puce-casserole.gif) no-repeat 0px 2px;
border-bottom:1px solid #e1e1e1;
}
.menu a:hover{
background-color:#dfdfdf;
}
/*DIV PANIER*/
#panier{
margin-top:3.2em;
}
#panier h2{
margin:0;
padding:0;
color:#ce0000;
font-size:16px;
background:url(../images/panier.gif) no-repeat right;
line-height:30px;
min-height:30px;
border-bottom:1px solid #e1e1e1;
}
#panier h2:first-letter{
font-size:26px;
}
#panier p{
margin-top:6px;
padding-top:0px;
margin-bottom:6px;
padding-bottom:0px;
font-weight:bold;
}
#panier a{
background-image:none;
background-color:transparent;
border:0;
line-height:1.6em;
padding-left:0px;
text-decoration:underline;
text-align:right;
font-size:12px;
margin-top:15px;
}
#panier a:hover{
background-color:transparent;
text-decoration:none;
}
#panier .panier_commander a{
background:url(../images/fond-bouton-commande.jpg) no-repeat 0px 0px;
color:#ffffff;
text-decoration:none;
font-size:16px;
height:25px;
text-align:center;
}
#panier .panier_commander a:hover{
background-image:url(../images/fond-bouton-commande-on.jpg);
}
/*DIV CONTENU*/
.contenu{
margin-top:20px;
padding-right:20px;
float:left;
width:650px;
padding-bottom:20px;
min-height:280px;
}
.contenu h1{
margin-top:0;
padding-top:0;
color:#ce0000;
font-size:20px;
}
.contenu h2{
color:#353434;
font-size:15px;
}
.contenu span.flash{
background-color:#29A104;
}
.contenu p{
text-align:justify;
line-height:1.6em;
}
.contenu a{
font-size:14px;
color:#ce0000;
font-weight:bold;
}
.contenu a:hover{
text-decoration:none;
}
.contenu ul{
margin-left:0px;
padding-left:0px;
}
.contenu li{
list-style-position:inside;
list-style-type:square;
}
#a_add{
font-size:16px;
}
a#a_add{
padding-right:20px;
background:url("../images/suivant.gif") no-repeat right bottom;
}
a:hover#a_add {
background-image: url("../images/suivant-on.gif");
text-decoration:underline;
}
/*Récapitulatif de commande*/
.contenu h2.marque_recap{
cursor:pointer;
color:#353434;
border-bottom:2px solid #353434;
background:url(../images/ouvrir-recap.gif) no-repeat right;
}
.contenu h2.marque_recap:hover{
cursor:pointer;
color:#ce0000;
border-bottom:2px solid #ce0000;
}
.contenu h2.marque_recap_on{
cursor:pointer;
color:#ce0000;
border-bottom:2px solid #ce0000;
background:url(../images/fermer-recap.gif) no-repeat right;
}
.contenu h2.marque_recap_on:hover{
cursor:pointer;
color:#353434;
background-image:url(../images/fermer-recap-on.gif);
border-bottom:2px solid #353434;
}
.recap table{
width:100%;
border-collapse:collapse;
}
.recap th{
width:33%;
border-bottom:1px solid #353434;
background-color:#e1e1e1;
font-weight:bold;
padding:2px;
}
.recap td{
padding:2px;
border-bottom:1px solid #353434;
}
.client_recap{
background:url(../images/client-ou-pas.gif) no-repeat 40% top;
width:650px;
min-height:230px;
clear:both;
margin-top:20px;
}
.client_login{
padding-top:10px;
width:320px;
margin-left:320px;
}
.client_nouveau{
padding-top:10px;
width:320px;
float:left;
}
/*Detail Annonce*/
.detail_bas{
padding-top:10px;
clear:both;
}
div.detail_bas_gauche{
width:400px;
float:left;
}
div.detail_bas_droit{
margin-left:420px;
text-align:right;
}
.detail_bas span.prix_detail{
font-weight:bold;
font-size:24px;
}
.photo_annonce{
border:1px solid #ce0000;
float:right;
margin-bottom:10px;
margin-left:20px;
margin-top:18px;
}
.suivant{
padding-right:20px;
background:url(../images/suivant.gif) no-repeat right bottom;
}
a:hover.suivant {
background-image: url("../images/suivant-on.gif");
text-decoration:underline;
}
.retour{
padding-left:20px;
background:url(../images/retour.gif) no-repeat left bottom;
}
a:hover.retour{
background-image:url("../images/retour-on.gif");
text-decoration:underline;
}
/*DIV CONTENU LISTE*/
.contenu_liste{
padding-right:30px;
float:left;
width:320px;
padding-bottom:20px;
}
.contenu_liste img{
border:1px solid #ce0000;
float:left;
margin-bottom:20px;
margin-right:10px;
}
.pagination{
font-weight:bold;
clear: both;
text-align:right;
padding-top:10px;
padding-bottom:10px;
}
.pagination a{
padding-left:6px;
padding-right:6px;
background-color:#dfdfdf;
font-size:16px;
text-decoration:none;
}
.pagination a:hover{
background-color:#858585;
color:#fff;
}
.message{
display:block;
color:#fff;
background-color:#e21000;
font-weight:bold;
font-size:16px;
text-align:center;
}
.liensAdmin{
margin-top:20px;
}
.liensAdmin a{
font-size:20px;
color: #29a104;
}
.liensAdmin a:hover{
text-decoration:none;
}
/*DIV PRODUITS*/
.produits{
float:left;
width:300px;
padding-bottom:20px;
}
.produits h1{
font-size:14px;
font-weight:bold;
padding:0;
margin:0;
}
.produits p{
font-size:12px;
text-align:justify;
font-weight:bold;
padding:0;
margin:0;
}
.produits a{
display:block;
font-size:14px;
color:#ce0000;
font-weight:bold;
}
.produits a:hover{
text-decoration:none;
background:#e4e4e4 url(../images/puce-lien-prod-on.gif) no-repeat right;
}
.produits img{
border:1px solid #ce0000;
float:left;
margin-right:10px;
}
.unproduit {
min-height:100px;
margin-bottom:20px;
clear:both;
}
/*Prix*/
.prix{
margin-left:-15px;
margin-top:-15px;
width:83px;
float:right;
display:block;
font-size:15px;
font-weight:bold;
color:#ce0000;
background:url(../images/fond-prix.gif) no-repeat 0px 0px;
line-height:52px;
text-align:right;
}
.euro{
font-size:100%;
font-weight:100;
}
sup
{
font-size:65%;
}
/*DIV PROMOTION*/
.promotion div{
min-height:130px;
margin-right:10px;
margin-bottom:10px;
clear:none;
width:315px;
float:left;
padding-right:5px;
background:url(../images/fond-div-promo.gif) no-repeat center top;
}
.promotion h1{
padding:0;
margin:0;
}
.promotion p{
font-size:13px;
line-height:1.4em;
text-align:justify;
font-weight:bold;
padding:0;
margin:0;
}
.promotion a{
display:block;
font-size:15px;
color:#ce0000;
font-weight:bold;
background:url(../images/puce-lien.gif) no-repeat right 5px;
}
.promotion a:hover{
background-image:url(../images/puce-lien-on.gif);	
}
.promotion img{
border:1px solid #908e8e;
float:left;
margin-right:5px;
}
.promotion span.prix{
background-image:url(../images/fond-prix-promo.gif);
font-size:25px;
margin-left:-5px;
margin-top:-5px;
}
div.divl3p0{
}
div.divl3p1{
margin-right:0px;
background-image:url(../images/fond-div-promo2.gif);
}
div.divl3p2{
background-image:url(../images/fond-div-promo2.gif);
}
div.divl3p3{
margin-right:0px;
}
div.divl3p4{
}
/*DIV BAS*/
#bas{
margin-left:auto;
margin-right:auto;
text-align:left;
clear:both;
width:920px;
background:url(../images/fond-bas-casserole.jpg) no-repeat center top;
height:38px;
color:#f8f8f8;
font-size:11px;
}
#bas a
{
color:#f8f8f8;
text-decoration:underline;
}
#bas a:hover
{
color:#f8f8f8;
text-decoration:none;
}
.basgauche{
padding-top:18px;
margin-left:20px;
display:inline;
float:left;
}
.basdroite{
padding-top:18px;
padding-right:20px;
display:inline;
float:right;
}
/*Formulaires*/
.form{
width:66%;
}
.form p{
font-weight:bold;
font-family:"Trebuchet MS", Arial, Verdana;
color:#353434;
line-height:1.3em;
margin-bottom:5px;
margin-top:5px;
}
.form input{
font-family:"Trebuchet MS", Arial, Verdana;
width:170px;
color:#353434;
background-color:#ffffff; 
border:1px solid #d6d6d6;
font-size:12px;
}
.form input[type="radio"]{
width:20px;
background-color:transparent;
border-width:0;
}
.form input[type="checkbox"]{
width:20px;
background-color:transparent; 
border-width:0;
}
.form input[type="select"]{
width:200px;
background-color:transparent; 
border-width:0;
}
.form textarea{
font-family:"Trebuchet MS", Arial, Verdana;
color:#353434;
background-color:#fff; 
border:1px solid #d6d6d6;
width:100%;
font-size:12px;
}
.envoyer{
margin-top:10px;
margin-right:-1px;
}
.envoyer input[type="submit"]{
padding:0;
float:right;
line-height:25px;
height:25px;
background-image:url(../images/fond-bouton.jpg);
font-size:16px;
font-weight:bold;
color:#fff;
border:0;
cursor:pointer;
}
.question_lien a{
text-decoration:none;
padding-left:20px;
}
span.question{
font-size:12px;
font-weight:100;
}
.question_lien img{
border:0;
}

/* pour La popup Jquery */
#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}

#popupContact{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:250px;  
width:450px;  
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:2;  
padding:12px;  
font-size:13px;  
}
#popupContact h2{
margin:0;
padding:0;
color:#ce0000;
font-size:16px;
background:url(../images/panier.gif) no-repeat right;
line-height:30px;
min-height:30px;
border-bottom:1px solid #e1e1e1;
}
#popupContact h2:first-letter{
font-size:26px;
}
#popupContact p{
margin-top:6px;
padding-top:0px;
margin-bottom:6px;
padding-bottom:0px;
font-weight:bold;
margin-left:10px;
}
#popupContact div{
padding-top:30px;
}
#popupContact a{
background:url(../images/fond-bouton-commande.jpg) no-repeat 0px 0px;
color:#ffffff;
text-decoration:none;
font-size:16px;
height:25px;
text-align:center;
margin-left:10px;
margin-right:10px;
width:200px;
float:left;
}
#popupContact a:hover{
color:#e5e5e5;
}
.lien_plus{
text-align:right;
width:100%;
clear:both;
}
.lien_plus h2{
padding-top:10px;
padding-bottom:5px;
margin-bottom:0px;
}
.lien_plus img{
border:0;
}
.lien_plus a{
margin-left:3px;
display:block;
float:right;
border:1px solid #ce0000;
}
.lien_plus a:hover{
border:1px solid #000;
}