/* 

 * Copyright (c) 2007 Copyright (c) Octolys Development

 * Ce template a été réalisé par http://www.scopika.com & http://www.fredodo.com

 * Il est soumis à la licence GPL

 */



/* Ce fichier définit le style visuel pour les différents éléments des pages.

 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:

 * - Eléments HTML en général

 * - Page

 * - Entête

 * - Chemin

 * - Produit petit & grand

 * - Pied de page

 * - Menu général

 * - Signature

 * - Nombre de pages

 * - les styles particuliers pour les pages intérieures

 */





/* Eléments HTML en général

-------------------------------------------------------- */



body {

	padding: 0;

	margin: 0;

	font-family: "Times New Roman", Times, serif;

	background-color:#FFF;

	font-size: 18px;

	font-style: normal;

	color: #000;

	font-weight: bold;

}



h1, h2, h3{

	font-family: "Trebuchet MS", sans-serif;

}



h1{

	font-size: 1.8em;

	margin: 0;

	padding: 0;

}

h2{

	font-size: 1.5em;

	margin: 0;

	padding: 0;

	text-align: left;

}

h3{

	font-size: 1.1em;

	margin: 0;

	padding: 0;

	text-align: left;

}



a {

	color: #000;

	text-decoration: none;

}



a:visited {

	color: #000;

	text-decoration: none;

}



a:hover {

	color: #000000;

}



img {
	margin: 0px;
	float: none;
	clear: none;
	text-align: center;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;

}



/* Page

-------------------------------------------------------- */



#wrapper {

	width: 1000;

	text-align: left;

	overflow: visible;

	position: center;

	margin-right: auto;

	margin-bottom: 20;

	margin-left: 0px;

	padding: 0;

	vertical-align: top;

	background-color:#FFF;

	

}



#subwrapper {

	overflow: hidden;

	padding: 0;

	width: 990px;

	background-color: #FFFFFF;

	border-right-color: #999999;

	border-bottom-color: #999999;

	border-left-color: #999999;
	
	background-color:#FFF;

	text-align: left;

}



#content {
	padding: 0;
	clear: none;
	margin: 0;
	width: 960px;
	background-color:#FFFFFF;
}



#contenu {
	
	width:1024px;

	padding: 0;

	margin-top: 15px;

	margin-right: 0;

	margin-bottom: 15px;

	margin-left: 15px;

	height: auto;

}



.titrePage {

	color: #000;

	text-align: left;

	font-weight: bold;

	width: auto;

	padding-top: 10px;

	padding-bottom: 5px;

	left: 200px;

	margin-left: 15px;

}



.sousTitrePage {
	color: #000;
	text-align: center;
	font-weight: bold;
	width: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	margin-left: 15px;

}



.textePage {
	color: #000;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;

}



.separation {

	height: 1px;

	width: 775px;

	background-color:#FFF;

	margin-top: 5px;

	margin-bottom: 5px;

	overflow:hidden;

	zoom:1;

}









/* Entête

-------------------------------------------------------- */



#entete {

	color: #000;

	float: left;

	background-color:#FFF;

	width: 990px;

	margin: 0;

	padding-top: 3px;

	padding-right: 0;

	padding-bottom: 3px;

	padding-left: 0;

	

}



.logo {

	float: left;

	width: 260px;

	margin: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

}



#monCompte {

	color: #000;

	float: left;

	width: 400px;

	margin: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

	}



.formMonCompte {

	color: #000;

	float: left;

	padding-top: 1px;

	padding-right: 5px;

	padding-bottom: 0;

	padding-left: 0;

	margin-top: 0;

	margin-right: 3px;

	margin-bottom: 0;

	margin-left: 0;

	}



.blocMonCompte {

	float: left;

	color: #000;

	padding:0;

	margin: 0;

	}



.champFormMonCompte {

	font-size: 0.9em;

	padding: 0;

	margin: 0;

	color: #000;

	border: 1px solid #000;

	overflow: hidden;

	zoom: 0;

}



.menuMonCompte {

	float: left;

	color: #000;

	margin-top: 1px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

	width: 100%;

	padding: 0;

	

}



#monPanier {

	float: left;

	width: 250px;

	margin: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 10px;

	}



.boutonMonCompteEntete {	

	float: left;

	margin: 0;

	padding-top: 5px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

	}



a.LIEN_entete:link {

	font-size: 0.8em;

	color: #000;

	text-decoration: none;

	font-weight: bold;

	

}



a.LIEN_entete:visited {

	font-size: 0.8em;

	color: #000

	text-decoration: none;

	font-weight: bold;

	

}



a.LIEN_entete:hover {

	font-size: 0.8em;

	color: #609;

	text-decoration: underline;

	font-weight: bold;

	

}





/* Chemin

-------------------------------------------------------- */



#chemin {

	float: none;

	width:auto;

	color: #000;

	font-size: 14px;

	font-weight: bold;

	margin: 0;

	padding: 0px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #FFFFFF;

	

}



a.LIEN_chemin:link {

	color: #000;

	text-decoration: none;

}



a.LIEN_chemin:visited {

	color: #000;

	text-decoration: none;

}



a.LIEN_chemin:hover {

	color: #009;

	text-decoration: underline;

}



/* Bloc "adresse de livraison" & "adresse de facturation" 

-------------------------------------------------------- */



.adresseDeLivraison {

	float: right;

	margin: 0 0 20px 0;

	width:345px;

	border: medium solid #060;

}



.adresseDeLivraisonRecap {

	float: left;

	margin: 0 0 20px 0;

	width:710px;

}



.adresseDeFacturation {

	float: left;

	margin: 0 0 20px 0;

	width:345px;

	border: medium solid #060;

}



.adresseDeLivraison h3, .adresseDeFacturation h3, .adresseDeLivraisonRecap h3 {

	color:#FFF;

	display:block;

	padding: 5px 0 7px 10px;

	margin:0;

	height: 20px;

	background-color: #090;

}



.adresseDeLivraison h4 {

	color:#FFF;

	width:335px;

	margin:5px 0 0 0;

	padding: 5px 0 7px 10px;

	background-color: #060;

	float:left;

}



.adresseDeLivraison .contenu, .adresseDeFacturation .contenu {

	float:left;

	width: 325px;

	margin:1px 0 0 0;

	padding: 10px;

}



.adresseDeLivraisonRecap .contenu {

	float:left;

	width: 690px;

	margin:1px 0 0 0;

	padding: 10px;

	background-color: #d8d9da;

}



.adresseDeLivraison ul {

	list-style:none;

	margin: 0;

	padding:0;

	width: 345px;

	float:left;

}



.adresseDeLivraisonRecap ul {

	list-style:none;

	margin: 0;

	padding:0;

	width: 710px;

	float:left;

}



.adresseDeLivraison ul li, .adresseDeLivraisonRecap ul li {

	margin: 0;

	padding:0;

	font-size:12px;

	font-weight:bold;

}



.adresseDeLivraison ul li a, .adresseDeLivraisonRecap ul li a,

.adresseDeLivraison ul li a:visited, .adresseDeLivraisonRecap ul li a:visited {

	color:#fff;

	display:block;

	background-color:#8fbce3;

	border-top:solid 1px #FFF;

	padding:3px 0 3px 10px;

}



a.modifierOuAjouter, a.modifierOuAjouter:visited {

	font-size:12px;

	font-weight:bold;

	border-top:solid 1px #FFF;

	color:#fff;

	display:block;

	clear:both;

	background-color:#060;

	padding:3px 0 3px 10px;

}



.adresseDeLivraison ul li a:hover, .adresseDeLivraisonRecap ul li a:hover, a.modifierOuAjouter:hover {

	text-decoration:none;

	background-color:#090;

}







/* Bloc "Mode de livraison" 

-------------------------------------------------------- */



.choixDeLaLivraison, .choixDuReglement {

	float: left;

	width:710px;

	margin: 0;

	padding:0;

}



.choixDeLaLivraison ul, .choixDuReglement ul {

	margin: 0;

	padding:0;

	list-style:none;

	width: 710px;

}



.choixDeLaLivraison ul li, .choixDuReglement ul li {

	margin: 0;

	padding:0;

	font-size:14px;

	font-weight:bold;

}



.choixDeLaLivraison span.modeDeLivraison, .choixDuReglement span.modeDeReglement,

.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {

	color:#515053;

	line-height:37px;

	width:355px;

	margin:0;

	padding:0;

	background-color:#bbbdbf;

	float:left;

	text-indent:10px;

	height:40px;

}



.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {

	background-color:transparent;

	color:#FFFFFF;

}



.choixDeLaLivraison ul li a, .choixDeLaLivraison ul li a:visited, .choixDuReglement ul li a, .choixDuReglement ul li a:visited {

	height:40px;

	color:#fff;

	display:block;

	background-color:#0081ca;

	border-top:solid 1Px #FFFFFF;

}



.choixDeLaLivraison ul li a:hover, .choixDuReglement ul li a:hover {

	text-decoration:none;

	background-color:#00529a;

}


/*	Menu

------------------------------------------------------*/


#menuGeneral {
	float: left;
	width:200px;
	padding: 0;
	margin:0;
	height: 100%;
	overflow:hidden;
}
dl, dt, dd, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menu {
	position: relative;
	padding: 0;
	margin: 0;
}
dl#menu {
	width: 175px;
}
dl#menu dt {
	cursor: pointer;
}
dl#menu dt a {
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(_gfx/fondmenu.jpg);
	font-weight: bold;
	text-decoration: none;
	display: block;
	height:40px;
	width:180px;
	overflow: hidden;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
}
dl#menu dt  a:hover, dl#menu dt .selected {
	color: #FFFFFF;
	background-image: url(_gfx/fondmenu.jpg);
}
dl#menu li a {
	font-size: 10px;
	color: #1d7cee;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 3px 0 0 0;
	height: 18px;
	margin: 0 7px 3px 12px;
	overflow: hidden;
	width: 170px;
}
dl#menu li .selected, dl#menu li a:hover {
	font-size: 10px;
	color: #1d7cee;
	background-color: #d2dcfc;
	width: 100%;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 3px 0 0 0;
	height: 18px;
	margin: 0 7px 3px 12px;
	overflow: hidden;
	width: 170px;
}
.invisibleW3C {
	width: 0; 
	height: 0;
	padding: 0; 
	margin: 0;
}



/* Produit petit & grand

-------------------------------------------------------- */



.ListeProduitsPetits {

	float: left;

	width: 920px;

	padding: 0;

	left: 0px;

	margin: 0;

}



.produitPetit {
	float: left;
	width: 340px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding: 0;
	height: 200px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #090;
	border-right-color: #060;
	border-bottom-color: #060;
	border-left-color: #090;
	background-image: url(media/fondproduits.gif);

}



.contourImage {

	border: 1px solid #000;

	float: left;

	clear: both;

	margin-top: 10px;

	margin-bottom: 10px;

	margin-left: 10px;

}



.titreProduit {

	color: #000;

	text-align: left;

	font-weight: bold;

	width: 200px;

	font-size: 20px;

	padding-top: 0px;

	margin-top: 5px;

	margin-right: 5px;

	margin-bottom: 5px;

	margin-left: 0px;

}



.chapoProduit {

	color: #12335B;

	text-align: left;

	font-style: italic;

	font-size: 0.9em;

	line-height: 1.2em;

	margin-bottom: 5px;

	width: 180px;

	margin-top: 5px;

	margin-right: 5px;

	margin-left: 150px;

}



.descriptionProduit {

	color: #000;

	text-align: left;

	margin-top: 5px;

	margin-bottom: 10px;

	margin-left: 10px;

	font-size: 16px;

	font-weight: bold;

}



.prixProduit {

	color: #FFF;

	text-align: left;

	font-weight: bold;

	margin-top: 5px;

	left: 159px;

	margin-left: 0px;

	font-size: 20px;

	text-decoration: underline;

	margin-right: 110px;

	margin-bottom: 5px;

	background-color: #F00;

}



.ficheProduit {
	float:left;
	width: 650px;
	margin-left: 10px;
	border-top-color: #060;
	border-right-color: #060;
	border-bottom-color: #060;
	border-left-color: #060;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}





a.LIEN_commander:link {

	color: #000;

	text-decoration: none;

	font-weight: bold;

}



a.LIEN_commander:visited {

	color: #000;

	text-decoration: none;

	font-weight: bold;

}



a.LIEN_commander:hover {

	color: #009;

	font-weight: bold;

}

	





a.LIEN_signature:hover {

	color: #009;

	font-weight: bold;

}

.titrePage {

	color: #000;

}

.boutonMonCompteContenu {
	font-size: 18px;
	font-weight: bold;
	color: #00C;
	text-align: left;
	width: auto;
	margin-left: 50px;

}

.pricetotal {

	font-size: 20px;

	width: 100px;

	border-top-width: medium;

	border-right-width: medium;

	border-bottom-width: medium;

	border-left-width: medium;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #666;

	border-right-color: #000;

	border-bottom-color: #000;

	border-left-color: #666;

	background-color: #FFF;

	color: #F00;

}

.articlepanier {

	margin-right: 0px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #060;

	border-right-color: #060;

	border-bottom-color: #060;

	border-left-color: #060;

}

.livraison {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	margin-left: 15px;

}

.adresse {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	margin-left: 15px;

}

.facturation {

	font-size: 14px;

	font-weight: bold;

	text-decoration: underline;

}

.frai_port {

	color: #F00;

	font-style: italic;

	font-weight: bold;

	font-size: 24px;

	text-decoration: underline;

}

#normal {

	width: 960px;

}

#chemin {

	text-align: left;

}

.derniereLigne {

}

.bouton {

	background-color: #060;

	font-weight: bold;

	color: #FFF;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-width: 2px;

	border-right-width: 2px;

	border-bottom-width: 2px;

	border-left-width: 2px;

	border-top-color: #090;

	border-right-color: #030;

	border-bottom-color: #030;

	border-left-color: #090;

	margin-left: 200px;

}

.commentaires {

	font-size: 12px;

	color: #F00;

}

.bouton1 {

	color: #FFF;

	background-color: #060;

	font-weight: bold;

	margin-left: 200px;

	border-top-width: 2px;

	border-left-width: 2px;

	border-top-style: solid;

	border-left-style: solid;

	border-top-color: #090;

	border-left-color: #090;

	border-right-width: 2px;

	border-bottom-width: 2px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-right-color: #030;

	border-bottom-color: #030;

}

.mescommandes {

	margin-top: 300px;

	text-align: left;

	margin-bottom: 20px;

	border: medium solid #060;

}

.modifierOuAjouter {

	background-color: #060;

}

div {

}

table {

	width: auto;

	margin: 5px;

	text-align: left;

	

}

.title {

	font-size: 36px;

	text-align: center;

}

.tarifs {

	text-align: center;

}

.download {

	color: #000;

	text-decoration: underline;

}

.dec_tarifs {

	font-style: italic;

	font-weight: bold;

	text-decoration: underline;

	text-align: center;

	width: 600px;

}

.tarifs {

	text-align: center;

	margin-left: 100px;

}
.menugauche {
	height: 300px;
	width: 200px;
	padding-left: 0px;
}
.textmenugauche {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.tableauadresse {
}