@charset "iso-8859-1";

body{behavior:url(/csshover.htc); font-family:arial,verdana,sans-serif; font-size:12px; text-align:center; background:#333; margin:0; padding:0;}



h1, p, /*ul, li*/{margin:0; padding:0;}
h1{font-size:1.5em;}
cite{font-weight:bold;}
div{margin:0; padding:0;}
#centre{margin:5px auto; padding:0; text-align:left; width:960px; border:solid 1px #666;}

/* Nouveaux styles */
#centre_n{position:relative; margin:5px auto; padding:0; text-align:left; width:960px; border:solid 1px #666;}
#gauche{position:relative; width:200px; float:left; height:100%;  /*background:#333;border:solid 1px black;*/}
ul#liste_produits_n{color:white; list-style-type:disc; padding:15px; margin:0; margin-left:20px;}
ul#liste_produits_n li{font-weight:bold;}
ul#liste_produits_n li a{color:white;}
ul#liste_produits_n li a:hover{color:yellow;}
ul#liste_produits_n ul{list-style-type:none; margin:5px 10px; padding:0;}
ul#liste_produits_n ul a{text-decoration:none; color:white;}
ul#liste_produits_n ul a:hover{color:yellow;}
#droite{position:relative; /*width:700px;*/ width:740px; float:right; /*border:solid 1px black;*/ z-index:2000;}
/* Fin nouveaux styles */

/* Entete */
#texte_def{position:absolute; /*border:solid 1px white;*/ width:700px; height:25px; right:30px; bottom:30px;}
#entete{z-index:3000; position:relative; height:187px; background:url(/images/entete/entete.jpg);}
/*#entete form{position:absolute; left:200px; bottom:4px;}*/
#entete label{font-size:0.8em; font-weight:bold; color:white;}
#entete input{margin:0 5px; font-size:0.5em;}
#entete ul, #pied_page ul{position:absolute; right:10px; margin:0; padding:0; list-style-type:none;}

ul#nav_haut {bottom:5px;}
ul#nav_bas {bottom:0px;}
#nav_haut li, #nav_bas li{position:relative; display:inline;}
ul#nav_haut ul{position:absolute; top:15px; left:0px; display:none;}
ul#nav_haut ul li{display:block; padding:6px 3px; width:150px; background-color:#333; border-bottom:solid 1px #ccc;}
ul#nav_haut ul li:hover{background-color:#666;}
ul#nav_haut ul li a{border:none;}
ul#nav_haut li:hover ul{display:block;}

#nav_haut li a, #nav_bas li a{color:white; text-decoration:none; margin-left:5px; padding-right: 10px; border-right:solid 1px white; font-size:0.9em;}
#nav_haut li a:hover, #nav_bas li a:hover{color:yellow;}

/* Page */
#page_commande{position:relative; padding:15px 0; background:url(/images/commande/fond_commande.gif) #66615B;}
#page_int{position:relative; width:700px; float:right; /*padding:15px 0;*/ background:url(/images/page/fond_page.gif) #66615B;}
#page_int p{margin:0 50px 10px 250px}
#page_int h1{margin:0 0 10px 250px; font-size:1.5em;}
#page{ z-index:500; /*position:relative;*/ padding:15px 0; /* background:url(/images/page/fond_page.gif) #66615B; */ }



/* Liste des produits */

#selection a{font-size:80%; text-decoration:none;}
#selection img{border:solid 1px white;}

ul#liste_produits{float:left; width:180px; color:white; list-style-type:disc; padding:15px; margin:0; margin-left:20px;}
ul#liste_produits li{font-weight:bold;}
ul#liste_produits li a{color:white;}
ul#liste_produits li a:hover{color:yellow;}
ul#liste_produits ul{list-style-type:none; margin:5px 10px; padding:0;}
ul#liste_produits ul a{text-decoration:none; color:white;}
ul#liste_produits ul a:hover{color:yellow;}

/* Fiches des produits */
.fiche_produits{position:relative; float:right; right:40px; width:700px; background:url(/images/page/fond_fiche_produits_noir.gif) white 5px bottom repeat-y; border:solid 1px black; padding:0px 10px 0px 0px;} 
/*.fiche_produits{position:relative; float:right; right:0px; width:700px; background:url(/images/page/fond_fiche_produits.gif) white right repeat-y; border:solid 1px black; padding:0px;  } */
.fiche_gauche{position:relative; float:left;}
.fiche_gauche img{float:left; border:solid 1px #fff; }
.fiche_gauche h1{font-size:1.2em; margin-left:130px; margin-top:10px;}
.fiche_gauche p{position:relative; margin:0px 0px 0px 130px;}
.fiche_droite{float:right; width:150px; /*height:100px;*/ text-align:center; color:yellow;}
.fiche_droite h1{margin:3px; color:#FFFFFF;font-family:Arial; font-size:15px; font-weight:bold; text-decoration:line-through; }
.fiche_droite h2{margin:10px 0; border:2px solid #FFF; color:#FFF; font-family:Arial; font-size:12px; font-weight:bold; padding:0px;}
.fiche_droite h3{margin:3px; color:#FFFFFF;font-family:Arial; font-size:16px; font-weight:bold}
.fiche_droite h4{color:yellow;text-align:center;font-size:14px; }

/* Pied de page */
#pied_page{position:relative; height:25px; background:#333; z-index:1;}
ul#nav_bas{padding-bottom:5px;}

/* Commande */
#photo, #texte, #formulaire{/*border:solid 1px;*/ position:relative; float:left; padding:0px 15px 15px 15px; margin:25px 0px 90px 0px;}
#photo{width:300px; height:220px; top:-40px;}
#texte{width:300px; margin-left:20px; }
#texte h1{font-size:1.5em; margin-bottom:25px;}
#texte h2{display:block; text-align:center; width:25%; background:#333; color:yellow; padding:20px;}

/* Formulaire */
form{margin:0; padding:0;}
label{display:inline; width:70px; font-weight:bold; text-align:right; padding-top:9px; color:white; margin-left:30px; }
input, select, h5{font-family:arial;font-size:12px; margin:5px;}
#formulaire{width:250px;}
#formulaire label{float:left;}

/* magasin */
ul#magasin{position:relative; text-align:left; list-style:none; margin-top:10px; margin-left:100px; /*border:solid 1px;*/}
ul#magasin li{position:relative; /*border:solid 1px;*/}
ul#magasin p{margin:20px; margin:10px; width:450px; /*float:left;*/}
ul#magasin img{width:150px; height:150px; margin:10px; float:left; border:solid 1px #000;}
ul#magasin h3{color:#333; font-size:120%; margin:10px 0 0 0; font-style:oblique;}

/* diaporama */
/*
div#galerie{width:500px; height:1100px; position:relative; float:left; margin:0; padding:0; margin-left:100px;}
ul#galerie_mini{margin:0; padding:0; list-style-type:none;}
ul#galerie_mini li{float:left;}
ul#galerie_mini li a img{margin:10px; border: 1px solid #000 ;}
dl#photo{position:absolute; top:375px; left:-5px; clear:both; margin:0px;}
dl#photo dd{margin:0; padding:0;}
dl#photo img{border: 1px solid #dcb;}
dl#photo dd img#big_pict{position:absolute; top:10px; left:0px; }
#intro_diaporama{width:480px; margin:10px auto;}
#intro_diaporama h1, #intro_diaporama p{margin:0; padding:0;}
#intro_diaporama h1{margin:10px 0;}

/* Navigation collection - Diaporama */
ul#collections{margin:20px auto; border-top:solid 1px #333; border-bottom:solid 1px #333; padding:20px 0; width:70%;}
ul#collections li{display:inline;}
ul#collections li a{color:#333; border-right:solid 1px black; margin-right:5px; padding-right:5px; text-decoration:none;}
ul#collections li a:hover{color:black;}
ul#collections #actif{font-weight:bold;}

.panel-overlay{text-align:left;} 
.panel-overlay h2{margin:25px 0 0 0; font-size:1.2em;}
.panel-overlay p{margin:0;  font-size:0.9em;}