﻿body {
				background: #AADA06 url('images/serre-danjou_01.jpg') repeat-x center top;
				font-family: Tahoma;

				padding: 0px;
				margin: 0px;
}

a img
{
border: none;
}


#menu {
				font-family: Tahoma;
				font-size: 12px;
				font-weight: bold;
				font-style: normal;
				font-variant: normal;
				color: #FFFFFF;
				background-image: url('images/serre-danjou_09.jpg');
				background-repeat: no-repeat;
				height: 32px;
}

#menu ul {
				list-style-type: none;
				padding-left : 10px;
				margin: 0;
}
				
				
#menu li {
				margin-left: 40px;
				float: left;
				padding-top: 3px;
}

#menu ul li a {
				font-family: Tahoma;
				text-decoration: none;
				color: #FFFFFF;				
}
#menu ul li a:hover {
				font-family: Tahoma;
				color: #336600;
}

#bottom {
				background-image: url('images/serre-danjou_15.png');
				background-repeat: no-repeat;
				height: 154px;
				
}

#bottom2 {
				font-family: tahoma;
				font-size: 12px;
				color: #FFFFFF;
				text-align: right;
				padding-right: 40px;
				padding-top: 80px;
}



#bottom3 {
				font-family: tahoma;
				font-size: 12px;
				color: #FFFFFF;
				text-align: center;
				padding-bottom: 20px;
}#bottom3 a {
				font-family: tahoma;
				font-size: 12px;
				color: #FFFFFF;
				text-decoration: underline;
				}
#bottom3 a:hover {
				font-family: tahoma;
				font-size: 12px;
				color: #333333;
				text-decoration: underline;
}


#contenu {
				background-image: url('images/serre-danjou_11.png');
				background-repeat: repeat-y;
				font-family: Tahoma;
				font-size: 12px;
				color: #333333;
				text-align: left;
}
#contenu input {
				font-family: Tahoma;
				font-size: 12px;
				color: #333333;
}
				
#contenu2 {
				background-image: url('images/serre-danjou_11.png');
				background-repeat: repeat-y;
				font-family: Tahoma;
				font-size: 12px;
				color: #333333;
				text-align: center;
}
				
#contenu H1 {   
                padding-left: 40px;
                padding-top: 0px;
                font-family: Arial;
				font-size: 24px;
				font-weight: bold;
				color: #5F3600;

}

#contenu H2 {
				padding-left: 40px;
				padding-right: 40px;
				font-family: Tahoma;
				font-size: 12px;
				color: #333333;
				text-align: left;
				font-weight: normal;
}


#contenu H2 a {
				font-family: tahoma;
				font-size: 12px;
				color: #333333;
				text-decoration: underline;
}


#encart {
				background-image: url('images/serre-danjou_14.png');
				height: 238px;
				padding-left: 50px;
}

#encart a { color: white
				
}

.titre-actu {
				background-image: url('images/produit-serre_01.gif');
				background-repeat: no-repeat;
				font-family: tahoma;
				font-size: 24px;
				font-weight: bold;
				color: #5f3600;
				height: 44px;
				padding-left: 50px;
				padding-bottom : 0px;
				text-align: left;
				vertical-align: top;
}

.titre-actu2 {
				background-image: url('images/produit-serre_01bis.gif');
				background-repeat: no-repeat;
				font-family: tahoma;
				font-size: 24px;
				font-weight: bold;
				color: #5f3600;
				height: 44px;
				padding-left: 50px;
				padding-bottom : 0px;
				text-align: left;
				vertical-align: top;
				text-transform: capitalize;
}

.titre-emplacement {
				background-image: url('images/produit-serre_01.gif');
				background-repeat: no-repeat;
				font-family: tahoma;
				font-size: 18px;
				font-weight: bold;
				color: #5f3600;
				height: 44px;
				padding-left: 70px;
				padding-bottom : 0px;
				text-align: left;
				vertical-align: top;
}

.nom-produit-fiche {
				font-family: tahoma;
				font-size: 12px;
				font-weight: bold;
				color: #848484;
				background-image: url('images/produit-serre_04.jpg');
				background-repeat: no-repeat;
				height: 34px;
				text-align: left;
				padding-right: 40px;
				padding-left: 20px;
}

.fond-produit-fiche {
				font-family: tahoma;
				font-size: 11px;
				color: #FFFFFF;
				font-weight: normal;
				background-image: url('images/produit-serre_06.jpg');
				text-align: left;
				height: 150px;
}

.descriptif-produit-fiche {
				font-family: tahoma;
				font-size: 11px;
				color: #FFFFFF;
				font-weight: normal;
				text-align: left;
				padding: 0px;
				padding-left: 15px;
				padding-right: 15px;
				vertical-align: top;
				height: 120px;
				padding-top:15px;

}

.prix-fiche-produit {
				font-family: tahoma;
				font-size: 12px;
				color: #FFFFFF;
				font-weight: bold;
				text-align: left;
				padding: 0px 15px 0px 15px;
}

.ref-fiche-produit {
				font-family: tahoma;
				font-size: 12px;
				color: #FFFFFF;
				font-weight: bold;
				text-align: center;

}

.photo-fiche-produit {
				text-align: center;				
				width:100px;
				height:100px;
}



.photo-fiche-produit img {
				border: 1px solid #003300;
				width:100px;
				height:100px;
				
}

#connexion {
				font-family: tahoma;
				font-size: 12px;
				font-weight: bold;
				color: #333333;
				margin-left: 40px;
				width: 300px;
}
#connexion input {
				border: 1px solid #C0C0C0;
}

/*panier et facturation*/


#bienvenu {
				font-family: Tahoma;
				font-size: 10px;
				color: #333333;
				padding-left: 40px;
				text-align: left;
				padding-top: 5px;
				padding-bottom: 5px;
}
#bienvenu a {font-family: Tahoma; font-size: 10px; color: #333333;}
#bienvenu a:hover {font-family: Tahoma; font-size: 10px; color: #333333; text-decoration : underline;}

#menu-panier {
				background-position: center center;
				font-family: Tahoma;
				font-size: 12px;
				color: #ffffff;
				font-weight: bold;
				padding-top: 11px;
				padding-bottom: 11px;
				text-align: center;
				background-image: url('images/menu-facture.gif');
				background-repeat: no-repeat;
				height: 32px;
}
#menu-panier a {font-family: Tahoma; font-size: 12px; color: #333333; font-weight:bold; padding-top:10px; padding-bottom:10px; text-decoration: underline;}
#menu-panier a:hover {font-family: Tahoma; font-size: 12px; color: #333333; font-weight:bold; padding-top:10px; padding-bottom:10px; text-decoration: underline;}
#menu-panier-actif a {font-family: Tahoma; font-size: 12px; color: #669900; font-weight:bold; padding-top:10px; padding-bottom:10px}

label {
 margin-top:5px;
  display:block;
  font-weight: bold;
 }
  
.compte-client-champ {
				border-style: 1;
				font-family: tahoma;
								font-size: 12px;
								font-weight: normal;
								color: #333333;
								border-width: 1px;
								border-color: #666666;
}


.tableau-panier {
				border: 1px solid #C0C0C0;
				padding: 5px;
				font-family: Tahoma;
				font-size: 12px;
				color: #333333;
				background-color: #ffffff;
				width: 940px;
				margin-top: 10px;
				margin-bottom: 10px;
				margin-left: 30px;
				text-align: left;

}

.tableau-panier img {
				border: none;
}

.tableau-panier td {
				padding: 5px;
				font-size:11px;

}

.tableau-panier input {
				font-size:8px;
				text-align:center;

}


.titre-tableau-panier {
				padding: 5px;
				background-image: url('images/bg-tableau.jpg');
				background-repeat: repeat-x;
				color: #333333;
}

.tableau-panier span { font-family: Tahoma; font-size: 10px;
			}


.tableau-adresse {
				border: 1px solid #C0C0C0;
				padding: 5px;
				font-family: Tahoma;
				font-size: 12px;
				color: #333333;
				background-color: #ffffff;
				width: 600px;
				margin-top: 10px;
				margin-bottom: 10px;
				margin-left: 30px;
				text-align: left;

}

.tableau-adresse img {
				border: none;
}

.tableau-adresse td {
				padding: 5px;
				font-size:11px;

}

.tableau-adresse input {
				font-size:11px;

}


.titre-tableau-adresse {
				padding: 5px;
				background-image: url('images/bg-tableau.jpg');
				background-repeat: repeat-x;
				color: #333333;
				text-align:left;
}

.tableau-adresse span { font-family: Tahoma; font-size: 10px;
			}

			
.tableau-livraison h5 {
				padding: 0px;
				margin: 0px;
				font-family: Tahoma;
				font-size: 12px;
				font-weight: bold;
}
			
	

		
.td-tableau-prix {
				padding: 5px;
				width: 160px;
				font-family: tahoma;
				text-align:right;
				vertical-align:top;
}

.tableau-livraison {
				padding: 5px;
				width: 620px;
				font-family: tahoma;
				text-align: left;
				vertical-align: top;
}
.tableau-livraison h3 {
				margin: 0px;
				padding-left: 50px;
				color: #336600;
				padding-top: 20px;

}

.tableau-livraison-adresse {
				font-family: tahoma;
				text-align: left;
				vertical-align: top;
				padding-left: 50px;
}

.tableau-livraison-adresse a{
				font-family: tahoma;
				text-decoration: underline;
				color: #333333;
}



.frais-envoi {
				font-family: tahoma;
				font-size: 12px;
				color: #CC3300;
				font-weight: normal;
				padding: 0px 80px 10px 15px;
				text-align: right;
}

.supression {
				font-family: tahoma;
				font-size: 12px;
				color: #333333;
				text-align: center;
				padding: 5px 100px 5px 100px;
}

.supression a {
				font-family: tahoma;
				font-size: 12px;
				color: #333333;
				font-weight: bold;
				text-decoration: underline;
}

.formulaire-facturation {
				font-family: tahoma;
				font-size: 12px;
				font-weight: bold;
				color: #333333;
				text-align: left;
				padding: 0px 50px 20px 50px;
}

.formulaire-facturation a {
				font-family: tahoma;
				color: #333333;


}

.formulaire-facturation input {
				border: 1px solid #C0C0C0;
				padding: 5px;
				font-family: tahoma;
				font-size: 12px;
				color: #666666;
				text-align: left;
				margin-top: 1px;
				margin-bottom: 1px;
}

.formulaire-facturation span {
				font-family: tahoma;
				font-size: 10px;
				text-align: left;
				font-weight: normal;
}

.information-formulaire {
				padding: 10px 50px 10px 50px;
				font-family: tahoma;
				font-size: 10px;
				text-align: left;
				font-weight: normal;
}

.warning {
				padding: 0px;
				font-family: Tahoma;
				color: #FF0000;
				font-size: 10px;
				border: 0px none #FFFFFF;
}


.tableau-content {
				text-align: center;
				vertical-align: top;
				padding-bottom: 10px;
				padding-left: 7px;
}

.trait-formulaire {
				width: 2px;
				border-left-style: solid;
				border-left-width: 1px;
				border-left-color: #C0C0C0;
}

.tableau-compte {
				font-family: Tahoma;
				font-size: 12px;
				color: #333333;
				padding-left: 0px;
				padding-right: 0px;
				padding-top: 5px;
				padding-bottom: 20px;
				text-align: center;
}

.tableau-compte2 {font-family: Tahoma; font-size: 12px; color: #333333; padding-left:0px; padding-right:0px; padding-top:42px; padding-bottom:20px }

.conditions-general {
				font-family: tahoma;
				font-size: 11px;
				font-weight: normal;
}

.paiement {font-family: Tahoma; font-size: 10px; color: #333333; padding-left:10px; padding-right:5px; padding-top:7px; padding-bottom:15px }

.choisir-cat {
				background-image: url('images/choisir-cat.jpg');
				background-repeat: no-repeat;
				background-position: left;
				padding-left: 120px;
}

.choisir-cat-input {
				font-family: tahoma;
				font-size: 12px;
				font-weight: bold;
				color: #808080;
				border: 1px solid #669900;
				text-transform: capitalize;
}



.recherche {
				text-align: left;
				vertical-align: top;
				padding-left: 30px;

}
.recherche input {
				padding: 2px;
				border: 1px solid #333333;
				font-family: tahoma;
				font-size: 12px;
				color: #666666;
}

.panier {
				text-align: left;
				vertical-align: top;
				padding-left: 50px;
				height: 50px;
}

.panier-titre {
				text-align: left;
				vertical-align: middle;
				font-weight: bold;
}

.panier-titre  a{
				font-weight: bold;
				text-decoration: underline;
				color: #333333;
}

.panier-titre  a:hover{
				font-weight: bold;
				text-decoration: underline;
				color: #999999;
}


.panier-nombre {
				text-align: left;
				vertical-align: middle;
				padding-left: 5px;
				color: #669900;
				font-weight: bold;
}

