/* Feuille de style CSS pour le site Bio et Déco*/
	body {
		font-family: verdana;
		font-size: 10px;
	}
	
	#global {
		width: 950px;
		margin-right : auto;
		margin-left : auto;	 
		margin-top : 15px;
		margin-bottom : 15px;
	}

	#bandeau {
		width : 946px;
		background-image: url('images/bandeau.png');
		background-repeat: no-repeat;
		background-color: white;
		height: 80px;
		margin-left: 16px;
		margin-bottom: 20px;
		padding: 0;
		display: block;
		padding-top: 180px;
		padding-bottom: 5px;
		color: black;
		font-size: 12px;
	}
	
	#bandeau a {
		font-size : 9px;		
	}
	
	#panier {
		height : 50px;
		width : 200px;
		margin-top : 10px;
		margin-left : 680px;
	}
	
	img {
		border : 0
	}
	
	#document {
		position : relative;
		float:left;
		/*
		margin-top: -20px;
		*/
		margin-bottom: 10px;
		margin-left: 10px;
	}
	
	#document .section {
		background-image: url('css/section_titre.gif');
		background-repeat: no-repeat;
		background-position: top left;
		width: 900px;
		height: 35px;
		font-size: 15px;
		color: white;
		padding-left: 20px;
		padding-top : 5px;
	}
	
	#document .box-text {
		background-repeat: repeat-y;
		background-position: top left;		
		width: 390px;
		padding-left: 20px;
		padding-right: 20px;
		/*
		padding-top: 8px;
		*/
		overflow: hidden;
	}
	
	#document .top-text {
		background-repeat: no-repeat;
		background-position: top left;		
		width: 430px;
		height: 15px;
		/*margin-top: 10px;*/
	}
	
	#document .bottom-text{
		background-repeat: no-repeat;
		background-position: top left;		
		width: 430px;
		height: 15px;
		margin-bottom: 10px;
	}
	
	#document .box-text-index {
		background-repeat: repeat-y;
		background-position: top left;		
		width: 390px;
		padding-left: 20px;
		padding-right: 20px;
		/*
		padding-top: 8px;
		*/
		overflow: hidden;
	}
	
	#document .top-text-index {
		background-repeat: no-repeat;
		background-position: top left;		
		width: 430px;
		height: 15px;
		/*margin-top: 10px;*/
	}
	
	#document .bottom-text-index{
		background-repeat: no-repeat;
		background-position: top left;		
		width: 430px;
		height: 15px;
		margin-bottom: 10px;
	}

	#bas {
		background-color: orange;
		clear: both;
		color: black;
		text-align: right;	
		padding-right: 7px;
		width : 945px;
		margin-left : 14px;
		padding-top : 5px;
	}

	#menu-left {
		float:left;
		/*
		width: 120px;
		margin-top: 10px;
		*/
		margin-right : 20px;
		font-weight : bold;
}	
	#menu-left .bloc, #menu-right .bloc {
		/*width: 120px;*/
		margin-left: 20px;
		margin-bottom: 20px;
	}
	
	#menu-left .bloc .titre , #menu-right .bloc .titre{
		margin-bottom: 5px;
		font-weight: bold;
		font-size: 14px;
		color : #FF9966;
		border-bottom: 1px black solid;
	}
	
	#menu-left .bloc .titre , #menu-right .bloc .titre a:hover{
		margin-bottom: 5px;
		font-weight: bold;
		font-size: 14px;
		color : #FF9966;
		border-bottom: 1px black solid;
	}
	
	#photo {
		position : relative;
		float : right;
		text-align : center;
	}
	
	#photo p{
		color : orange;
		font-size : 15px;
		font-weight : bold;
	}
	

	.toptext720 { background-image: url('css/box/top410.gif'); background-repeat: no-repeat; width: 410px; height: 15px;}
	.bottomtext720 { background-image: url('css/box/bottom410.gif'); background-repeat: no-repeat;  width: 410px; height: 15px; margin-top :-10px;}
	.boxtext720 { background-image: url('css/box/fond410.gif'); background-repeat: repeat-y;  width: 390px; padding-right: 40px; text-align : justify; padding-left : 10px;}
	
	.toptext300 { background-image: url('css/box/top300.gif'); background-repeat: no-repeat; width: 300px; height: 15px;}
	.bottomtext300 { background-image: url('css/box/bottom300.gif'); background-repeat: no-repeat;  width: 300px; height: 15px; margin-top :-10px;}
	.boxtext300 { background-image: url('css/box/fond300.gif'); background-repeat: repeat-y;  width: 300px;} /* padding-left: 20px; padding-right: 20px; */
	
	#menu-left .bloc .titre a, #menu-right .bloc .titre a{
		font-size: 14px;
	}
	
	#menu-left .bloc .item_1, #menu-right .bloc .item_1 {
		margin-left: 15px;
		font-size: 12px;
		color: #FF9966;
		height: 18px;
	}
	
	#menu-left .bloc .item_2, #menu-right .bloc .item_2 {
		margin-left: 40px;
		font-size: 10px;
		color: #FF9966;
		height: 18px;
	}
	
	#menu-left .bloc .item_1, .bloc .item_2, #menu-right .bloc .item_1, .bloc .item_2 {
		padding-top : 5px;
	}
	
	#menu-left .bloc a:link {
		font-style: bold; 
		color: #FF9966; 
		text-decoration: none;
	}
	
	#menu-left .bloc a:visited {
		font-style: bold;
		color: #FF9966; 
		text-decoration: none;
	}
	
	#menu-left .bloc a:active {
		font-weight: bold;
		color: #FF9966; 
		text-decoration: none;
	}
	
	#menu-left .bloc a:hover {
		font-weight: bold;
		color: #000000; 
		text-decoration: none;
	}

	
	#bas p{
		font-size : 10px;
	}


/* Liens du documents */
	
	a:link {
		font-style: normal; 
		color: black; 
		text-decoration: none;
	}
	
	a:visited {
		font-style: normal;
		color: black; 
		text-decoration: none;
	}
	
	a:active {
		font-style: normal;
		color: black; 
		text-decoration: none;
	}
	
	a:hover {
		font-weight: normal;
		font-style : normal;
		color: black; 
	}
	
	#products_price {
		float : right;
		padding-right: 20px;
	}
	
	#products_image {
		float : left;
		text-align : left;
	}
	
	
	
	img { border : 0; }
	
	input, select { padding : 1px; }
	
	/*.contour { border: 1px solid #A3A3A3; }*/
	
	.haut { vertical-align : top; }
	.bas { vertical-align : bottom; }
	.milieu { vertical-align : middle; }
	.droite { text-align : right; }
	.gauche { text-align : left; }
	.centre { text-align : center; }
	.justifie { text-align : justify; }
	.italique { font-style : italic; }
	.gras { font-weight : bold; }
	
	body {
		font-family: verdana;
		font-size: 10px;
		background-repeat: repeat-x;
		background-position: top left;
		background-color: white;
	}
	
	
	
	a.menulink {
	}
	
	a.menulink_selected {
		font-weight : normal
	}

	
	#products_description {
		text-align : justify;
		padding : 5px;
	}
	
	.bord { border : 1px solid #5DAEC7; }
	
	.titreproduit { font-size : 11pt;}
	
	.pagecontent { font-size : 10pt; padding : 10px; }
	
	.entete_prix_produit {
		font-size : 12pt;
		font-weight : normal;
		color : orange;
	}
	
	.entete_a_decouvrir {
		font-size : 11pt;
		color : #5DAEC7;
	}
	
	div#trace {
		padding : 10px;
	}
	
	div#products_image {
		float : right;
		text-align : right;
	}
	
	.nomduproduit {
		font-size : 16px;
	}
	
	.oldprice {
		color: orange;
		font-size : 13pt;
		font-weight : bold;
		text-decoration: line-through;
	}
	
	.prixpromo {
		color: red;
		font-size : 16pt;
		font-weight : bold;
	}
	
	#prixnormal {
		color: orange;
		font-size : 13pt;
		font-weight : bold;
	}
	
		.bleu { color : #43AEC9; }
	
	/* Style pour le menu d'en haut */
	
	#accueil_image {
		position : absolute;
		margin-left : 20px;
		margin-top : 10px;
	}
	
	#transport_image {
		position : absolute;
		margin-left : 200px;
		margin-top : 10px;
	}

	#contact_image {
		position : absolute;
		margin-left : 140px;
		margin-top : 10px;
	}
	
	#compte_image {
		position : absolute;
		margin-left : 80px;
		margin-top : 10px;
	}
	
	#form {
		margin-left : 260px;
		position : absolute;
		margin-top : 10px;
	}
	
	#accueil_text {
		margin-top : 30px;
		margin-left : 20px;
		position : absolute;
	}
	
	#transport_text {
		margin-top : 30px;
		position : absolute;
		margin-left : 190px;
	}

	#contact_text {
		position : absolute;
		margin-top : 30px;
		margin-left : 140px;
	}
	
	#compte_text {
		position : absolute;
		margin-top : 30px;
		margin-left : 80px;
	}
		
	#recherche_text {
		padding-left : 5px;
		padding-right: 5px;
		margin-left : 20px;
		margin-top: 8px;
		padding-top : 5px;
		width: 130px; 
		height: 15px; 
		border: 1px orange solid; 
		font-size: 11px;
		float: left;
	}
	
	/* Page d'accueil */
	
	#products{
		vertical-align : middle;
		text-align : left;
		width : 750px;
		height : 200px;
	}
	
	.products{
		vertical-align : middle;
		text-align : left;
		width : 750px;
		height : 200px;
	}
	
	#prix_accueil{
		vertical-align : middle;
		text-align : center;
		height : 20px;
		color: orange;
		font-size : 13pt;
		font-weight : bold;
		margin-left : 32px;
		width : 200px;
	}
	
	.prix_accueil{
		vertical-align : middle;
		text-align : center;
		height : 20px;
		color: orange;
		font-size : 13pt;
		font-weight : bold;
		margin-left : 32px;
		width : 200px;
	}
	
	#prix_accueil_bas{
		vertical-align : middle;
		text-align : center;
		height : 20px;
		color: orange;
		font-size : 13pt;
		font-weight : bold;
		width : 200px;
	}
	
	#nom_desc {
		width : 460px;
		height:150px;
		margin-left : 280px;
		position : absolute;
	}
	
	#nom_desc a{
		font-size : 20px;
		font-weight : bold;
	}
	
	#nom_desc a.lien1{
		font-size : 12px;
		font-weight : bold;
	}
	
	#nom_desc a:hover.lien1{
		font-size : 12px;
		font-weight : bold;
	}

	#nom_desc a:hover{
		font-size : 20px;
		font-weight : bold;
	}
	
	.nom_desc {
		width : 460px;
		height:150px;
		margin-left : 280px;
		position : absolute;
		padding-right : 20px;
	}
	
	.nom_desc a{
		font-size : 20px;
		font-weight : bold;
	}
	
	.nom_desc a.lien1{
		font-size : 12px;
		font-weight : bold;
	}
	
	.nom_desc a:hover.lien1{
		font-size : 12px;
		font-weight : bold;
	}

	.nom_desc a:hover{
		font-size : 20px;
		font-weight : bold;
	}
	
	#nom_desc_bas {
		width : 180px;
		margin-left : 170px;
		position : absolute;
		font-size : 13px;
		padding-right : 5px;
	}
	
	#nom_desc_bas a{
		font-size : 20px;
		font-weight : bold;
	}

	#nom_desc_bas a:hover{
		font-size : 20px;
		font-weight : bold;
	}
	
	#nom_desc_bas a.lien1{
		font-size : 12px;
		font-weight : bold;
	}
	
	#nom_desc_bas a:hover.lien1{
		font-size : 12px;
		font-weight : bold;
	}
	
	/* Image de contenu */
	
	#image_contenu {
		/*background-color : blue; */
		float : right;
		width : 200px;
		margin-left : 15px;
	}
	
	#top_article {
		background-image : url(css/box/top_accueil.jpg);
		width : 750px;
		height : 15px;
	}
	
	#center_article {
		background-image : url(css/box/center_accueil.jpg);
		width : 750px;
	}
	
	#bottom_article {
		background-image : url(css/box/bottom_accueil.jpg);
		width : 750px;
		height : 15px;
	}
	
	#accueil_top_bas {
		margin-top : 10px;
		background-image : url(css/box/top_accueil_bas.jpg);
		width : 360px;
		height : 15px;
		margin-left : 5px;
	}
	
	#accueil_center_bas {
		background-image : url(css/box/center_accueil_bas.jpg);
		width : 320px;
		margin-left : 5px;
		height : 252px;
		overflow : auto;
		display: block;
		overflow:hidden;
		padding-right : 40px;
	}
	
	#accueil_bottom_bas {
		background-image : url(css/box/bottom_accueil_bas.jpg);
		width : 360px;
		height : 15px;
		margin-left : 5px;
	}
	
	#accueil_top_bas_droite {
		background-image : url(css/box/top_accueil_bas.jpg);
		width : 359px;
		height : 15px;
		margin-left : 387px;		
	}
	
	#accueil_center_bas_droite {
		background-image : url(css/box/center_accueil_bas.jpg);
		width : 359px;
		margin-left : 387px;
		height : 240px;
		background-repeat : repeat-y;
	}
	
	#remplissage{
		background-image : url(css/box/center_accueil_bas.jpg);
		width : 359px;
		height : 12px;
		margin-left : 387px;
		background-repeat : repeat-y;
	}
	
	#accueil_bottom_bas_droite {
		background-image : url(css/box/bottom_accueil_bas.jpg);
		width : 359px;
		height : 15px;
		margin-left : 387px;
	}
	
	#contenu_accueil {
		width : 360px;
		height : 289px;
		position : absolute;
		cursor : pointer;
	}
	
	#produit_hasard {
		margin-top : 10px;
		width : 360px;
		height : 290px;
	}
	
	
	/*  Pour les logs Paypal... */
	img.center {
		margin-left: 40px;
    }
   
   	img.center2 {
		margin-left: 25px;
    }
	
		img.center3 {
		margin-left: 20px;
    }
	
	/* Pour le contour en orange */
	
	#contour_top {
		background-image : url(css/box/top_global.jpg);
		width : 980px;
		height : 15px;
		margin-left : -20px;
	}

	
	#contour_corps{
		background-image : url(css/box/center_global.jpg);
		width : 980px;
		margin-left : -20px;
	}
	
	#contour_bottom{
		background-image : url(css/box/bottom_global.jpg);
		width : 980px;
		height : 15px;
		margin-left : -20px;
	}

	/* contour orange liste produits */
	
	#top_liste_produit {
		background-image : url(css/box/top_liste_prod.jpg);
		width : 750px;
		height : 15px;
	}
	
	#center_liste_produit {
		background-image : url(css/box/center_liste_prod.jpg);
		width : 750px;
	}
	
	#bottom_liste_produit {
		background-image : url(css/box/bottom_liste_prod.jpg);
		width : 750px;
		height : 15px;
	}
	
	.img-gauche {
		margin-left : 30px;
	}
	
	.nb_produits {
		width : 200px;
		height : 25px;
		margin-left : 25px;
	}
	
	.nb_pages {
		width : 200px;
		height : 25px;
		float : right;
		margin-top : -25px;
		margin-right  : 20px;
	}
	
	th {
		border : 1px solid black;
		height : 20px;
		width : 150px;
	}
	
	#bottom { padding-top : 3px; }
	