/*style pour la page d'accueil*/
.bodyaccueil{
background-color:#fbdca2;
margin:0px;
font: x-small Verdana, Arial, Helvetica, sans-serif;
color:#bd0004;
}
table.image{
background-image:url(/images/accueil4_01.jpg);
background-position:center;
background-repeat:no-repeat;
}
#centretableau{
width:500px;
margin-right: auto;
margin-left: auto;
}
ul#menu {
margin:0;
padding:0;
font: bold x-small Verdana, Arial, Helvetica, sans-serif;
list-style-type: none;
}
#menu li {
display:inline;
}
#menu a {
color:#bd0004;
text-decoration:none;
}
#menu a:hover {
color:#38302b;
text-decoration:underline;
}
/*fin du style pour la page d'accueil*/
/*style pour la banniere*/
#banniere {
background-color:#bd0004;
}
#header {
	height:100px;	
	background-image: url(/images/banniere_gauche4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width:2px;
		
}
#header img {
float: right;
margin: 0;
}
#header h1 {
text-indent: -5000px;
margin:0;
line-height:0;
}
/*fin du style pour la banniere*/
/*style pour le menu banniere*/
ul#menuhaut {
margin:0;
padding:0.3em 1.5em 0.3em 0;
font: bold x-small Verdana, Arial, Helvetica, sans-serif;
text-align:right;
list-style-type: none;
color:#ffffff;
background-color:#bd0004;
border-bottom-color:#FFFFFF;
border-bottom-style:solid;
border-bottom-width:2px;
}
#menuhaut li {
display:inline;
}
#menuhaut a {
color:#ffffff;
text-decoration:none;
}
#menuhaut a:hover {
color:#b8b9bd;
text-decoration:underline;
}

/*fin du style pour le menu banniere*/
/*style pour le menu de gauche*/
#menugauche {
	float:left;
	width:245px;
	padding:0px;
	margin:0px;
	background-image:url(/images/fond_menu2.jpg);
	background-repeat: no-repeat;
}
/*style pour le contenu*/
body{
background-image: url(/images/fond_raye1.jpg);
background-color:#fbdca2;
margin:0;
}
#global{
margin-left:250px;
background-image:url(/images/fond_global2.jpg);
background-repeat: no-repeat;
background-color:#ffffff;
}
#global h1{
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:150%;
margin-right:10px;
margin-left:10px;
border-bottom: 2px solid #bd0004;
font-variant:small-caps;
text-indent:5px;
color:#333333
}
#global h2{
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
margin-right:200px;
margin-left:10px;
border-bottom: 2px solid #D66D00;
text-indent:5px;
color:#D66D00
}
.relief{
font: bold small Verdana, Arial, Helvetica, sans-serif;
color:#bd0004
}
#global p{
font: small Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
margin-right:20px;
margin-left:20px;
color:#333333
}
#global a {
color:#333333;
font-weight:bold;
text-decoration:underline;
}
#global a span { 
	display: none;
}
#global a:hover {
color:#bd0004;
font-weight:bold;
text-decoration:underline;
background: none;
}
#global a:hover span {
	position: absolute;
	width: 150px;
	/*height: 40px;*/
	background-color: #fbdca1;
	padding: 7px;
	display: inline;
	color: #bd0004;
	text-decoration:none;
	font-weight:normal;
	text-align:left;
	margin-top: 10px; 
	border-width:1px;
	border-style:solid;
	border-color:#D66D00;
}
#encart {
float:right;

margin:5px;
padding-top:10px;
}
#encartgauche {
float:left;
width:150px;
margin:5px;
padding-top:10px;
}
.encadre {
border-width:1px;
border-style:solid;
border-color:#D66D00;
padding:5px;
}
/*fin style pour le contenu---------------------------------------------------------------*/

/*style pour la page contact---------------------------------------------------------------*/
#globalcontact{
margin-left:250px;
background-image:url(/images/fond_div3.jpg);
background-repeat: no-repeat;
background-color:#ffffff;
}
#globalcontact h1{
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:150%;
margin-right:10px;
margin-left:200px;
border-bottom: 2px solid #bd0004;
font-variant:small-caps;
text-indent:5px;
color:#333333
}
#globalcontact h2{
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
margin-right:10px;
margin-left:10px;
border-bottom: 2px solid #D66D00;
text-indent:5px;
color:#D66D00
}
#globalcontact H6{
font: small Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
margin-right:20px;
margin-left:240px;
color:#333333
}
#globalcontact a {
color:#333333;
font-weight:bold;
text-decoration:underline;
}
#globalcontact a:hover {
color:#bd0004;
font-weight:bold;
text-decoration:underline;
}
#globalcontact p{
font: small Verdana, Arial, Helvetica, sans-serif;
margin-right:20px;
margin-left:20px;
color:#333333
}
#globalcontact form{
font: small Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
margin-right:20px;
margin-left:20px;
color:#333333
}
/*---changement de la couleur du fond du formulaire en cas d'erreur------*/
.fondform{
background-color:#f36d70;
}
/*---message d'erreur en cas de mauvaise saisie------*/
.txtrouge{
color:#FF0000;
font-weight:bold;
}
/*style pour la page plan acces---------------------------------------------------------------*/
#globalplana{
margin-left:250px;
background-image:url(/images/fond_div4.jpg);
background-repeat: no-repeat;
background-color:#ffffff;
}
#globalplana h1{
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:150%;
margin-right:10px;
margin-left:10px;
border-bottom: 2px solid #bd0004;
font-variant:small-caps;
text-indent:5px;
color:#333333
}
#globalplana h2{
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
margin-right:10px;
margin-left:10px;
border-bottom: 2px solid #D66D00;
text-indent:5px;
color:#D66D00
}
#globalplana H6{
font: small Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
margin-right:20px;
margin-left:0px;
color:#333333
}
#globalplana a {
color:#333333;
font-weight:bold;
text-decoration:underline;
}
#globalplana a:hover {
color:#bd0004;
font-weight:bold;
text-decoration:underline;
}
#globalplana p{
font: small Verdana, Arial, Helvetica, sans-serif;
margin-right:20px;
margin-left:20px;
color:#333333
}
#encartgaucheplana {
float:left;
width:450px;
margin:5px;
padding-top:10px;
}

/*--- fin du style pour la page plan acces------*/
/*style pour la page Detail es commande des Vins---------------------------------------------------------------*/
#detailcommandevins{
margin-left:20px;
background-image:url(/images/fond_div5.jpg);
background-repeat: no-repeat;
background-color:#ffffff;
font: small Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}
#detailcommandevins h1{
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:170%;
margin-right:10px;
margin-left:15px;
border-bottom: 2px solid #bd0004;
/*font-variant:small-caps;*/
text-indent:5px;
color:#333333
}
#detailcommandevins h2{
/*background-color:#ffffff;*/
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
margin-left:200px;
border-bottom: 2px solid #D66D00;
color:#D66D00
}
#detailcommandevins h3{
background-color:#ffffff;
margin-left:200px;
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:110%;
color:#bd0004;
}
#detailcommandevins h4{
margin-left:200px;
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:130%;
color:#ffffff;
}
#detailcommandevins h5{
margin:2px;
}
#detailcommandevins H6{
font: small Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
margin-right:20px;
margin-left:0px;
color:#333333
}
#detailcommandevins p{
/*background-color:#ffffff;*/
margin-left:200px;
font: small Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}
#detailcommandevins a {
color:#333333;
font-weight:bold;
text-decoration:underline;
}
#detailcommandevins a:hover {
color:#bd0004;
font-weight:bold;
text-decoration:underline;
}
#detailcommandevins table{
border:0px;
margin-top:10px;
margin-left:10px;
}
#detailcommandevins td{
border-style:solid;
border-color:#bd0004;
border-width:1px;
padding:5px;
}
/*--- fin du style pour la page detail et commande------*/
/*--- style pour la page liste------*/
#globalvins{
margin-left:250px;
background-image:url(/images/fond_div5.jpg);
background-repeat: no-repeat;
background-color:#ffffff;
}
#globalvins h1{
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:150%;
margin-right:10px;
margin-left:15px;
border-bottom: 2px solid #bd0004;
font-variant:small-caps;
text-indent:5px;
color:#333333
}
#globalvins h2{
/*background-color:#ffffff;*/
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
margin-left:200px;
border-bottom: 2px solid #D66D00;
color:#D66D00
}
.h2span{
background-color:#ffffff;
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:110%;
border-bottom: 2px solid #D66D00;
color:#D66D00
}
#globalvins h3{
background-color:#ffffff;
margin-left:200px;
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:110%;
color:#bd0004;
}
#globalvins h4{
/*background-color:#ffffff;*/
margin-left:200px;
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:130%;
color:#ffffff;
/*color:#bd0004*/
}
#globalvins h5{
margin:2px;
}
#globalvins H6{
font: small Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
margin-right:20px;
margin-left:0px;
color:#333333
}
#globalvins a {
color:#333333;
font-weight:bold;
text-decoration:underline;
}
#globalvins a:hover {
color:#bd0004;
font-weight:bold;
text-decoration:underline;
}
#globalvins p{
/*background-color:#ffffff;*/
margin-left:200px;
font: small Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}
.textblanc{
background-color:#ffffff;
font: small Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}
#globalvins table{
border:0px;
margin-top:10px;
margin-left:10px;
}
#globalvins td{
border-style:solid;
border-color:#bd0004;
border-width:1px;
padding:5px;
}
#globalvins form{
font: small Verdana, Arial, Helvetica, sans-serif;
}
#encartgauchevins {
float:left;
margin:5px;
/*padding-top:10px;*/
border-style:solid;
border-color:#bd0004;
border-width:1px;
}
#detailvins {
margin-left:12px;
margin-right:12px;
padding-bottom:5px;
padding-right:5px;
border-style:solid;
border-color:#999999;
border-width:1px;
/*background-color:#ffffff;*/
}
/*--- fin du style pour la page Vins------*/
/*style pour la page Panier---------------------------------------------------------------*/
#globalpanier {
margin-left:250px;
background-image:url(/images/fond_div5.jpg);
background-repeat: no-repeat;
background-color:#ffffff;
}
#globalpanier h1{
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:150%;
margin-right:10px;
margin-left:15px;
margin-bottom:200px;
border-bottom: 2px solid #bd0004;
font-variant:small-caps;
text-indent:5px;
color:#333333
}
#globalpanier h2{
/*background-color:#ffffff;*/
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
margin-left:20px;
border-bottom: 2px solid #D66D00;
color:#D66D00
}
.panierh3{
background-color:#ffffff;
margin-left:5px;
margin-bottom:5px;
margin-top:10px;
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:110%;
color:#bd0004;
}
#globalpanier h4{
/*background-color:#ffffff;*/
margin-left:20px;
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:130%;
color:#ffffff;
/*color:#bd0004*/
}
#globalpanier h5{
margin:2px;
}
#globalpanier H6{
font: small Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
margin-right:20px;
margin-left:0px;
color:#333333
}
#globalpanier a {
color:#333333;
font-weight:bold;
text-decoration:underline;
}
#globalpanier a:hover {
color:#bd0004;
font-weight:bold;
text-decoration:underline;
}
#globalpanier p{
/*background-color:#ffffff;*/
margin-left:20px;
font: small Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}
.textblanc{
background-color:#ffffff;
font: small Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}
#encartgauchepanier {
float:right;
padding:5px;
border-style:solid;
border-color:#bd0004;
border-width:1px;
}
#detailpanier {
margin-left:12px;
margin-right:12px;
margin-bottom:5px;
margin-top:5px;
padding-bottom:15px;
padding-top:15px;
padding-right:5px;
border-style:solid;
border-color:#999999;
border-width:1px;
}
.encardrepanier {
padding:5px;
border-style:solid;
border-color:#bd0004;
border-width:1px;
}
/*--- fin du style pour la page panier------*/
/*--- début style pour la page plan------*/
#plan {
margin-left:20px;
background-image:url(/images/fond_global2.jpg);
background-repeat: no-repeat;
background-color:#ffffff;
}
#encartplan {
float:left;
width:250px;
margin:5px;
padding-top:20px;
padding-left:40px;
}
#plan h1{
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:150%;
margin-right:10px;
margin-left:10px;
border-bottom: 2px solid #bd0004;
font-variant:small-caps;
text-indent:5px;
color:#333333
}
#plan h2{
font: bold small Arial, Helvetica, sans-serif;
font-size:100%;
margin-left:-20px;
border-bottom: 2px solid #fbdca2;
text-indent:5px;
text-align:center;
background-color:#bd0004;
color:#FFFFFF;
}
#plan h3{
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
margin-right:200px;
margin-left:10px;
border-bottom: 2px solid #D66D00;
text-indent:5px;
color:#D66D00
}
#plan p{
font: smaller Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding-left:10px;
margin-right:20px;
margin-left:0px;
color:#353359;
border-left-color:#999999;
border-left-style:solid;
border-left-width:2px;
}
#plan a {
color:#333333;
font-weight:bold;
text-decoration:underline;
}
#plan a span { 
	display: none;
}
#plan a:hover {
color:#bd0004;
font-weight:bold;
text-decoration:underline;
background: none;
}
#plan a:hover span {
	position: absolute;
	width: 150px;
	background-color: #fbdca1;
	padding: 7px;
	display: inline;
	color: #bd0004;
	text-decoration:none;
	font-weight:normal;
	text-align:left;
	margin-top: 10px; 
	border-width:1px;
	border-style:solid;
	border-color:#D66D00;
}
/*--- fin du style pour la page plan------*/
/*--- début style pour la page ajouter------*/
div#cadre { /*conteneur global et chapeau de l'arrière plan*/
float:left;
top:2px;
width: 555px;
padding-top: 93px;
margin-left:20px;
background: url(/admin/images/encart_menu01.jpg) left top no-repeat;
}	
div#bloccadre { /*bords et pied de l'arrière plan*/
background: url(/admin/images/encart_menu02.jpg) no-repeat left bottom;
paddind-bottom: 10px;
}
#ajouter {
margin-left:20px;
background-image:url(/images/fond_div4.jpg);
background-repeat: no-repeat;
background-color:#ffffff;
}
#encartajouter {
float: left;
width:200px;
margin:5px;
padding-top:20px;
}
/*#ajouter input{
font: small Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #bd0004;
color:#333333
}*/
#ajouter textarea{
font: small Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #bd0004;
color:#333333
}
#ajouter select{
font: small Verdana, Arial, Helvetica, sans-serif;
color:#333333;
border: 1px solid #bd0004;
}
#ajouter h1{
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:150%;
margin-right:10px;
margin-left:15px;
border-bottom: 2px solid #bd0004;
font-variant:small-caps;
text-indent:5px;
color:#333333
}
#ajouter h2{
font: bold small Arial, Helvetica, sans-serif;
font-size:100%;
margin-left:-20px;
border-bottom: 2px solid #fbdca2;
text-indent:5px;
text-align:center;
background-color:#bd0004;
color:#FFFFFF;
}
#ajouter h4{
font: bold small Arial, Helvetica, sans-serif;
font-size:100%;
margin-left:2px;
margin-right:3px;
border-bottom: 2px solid #fbdca2;
text-indent:5px;
text-align:center;
background-color:#bd0004;
color:#FFFFFF;
}
#ajouter p{
font: small Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
padding:10px;
margin-right:20px;
margin-left:0px;
color:#353359;
}
#ajouter a {
color:#333333;
font-weight:bold;
text-decoration:underline;
}
#ajouter a:hover {
color:#bd0004;
font-weight:bold;
text-decoration:underline;
}
#ajouter h5{
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:130%;
color:#333333;
text-align:center;
}
#ajouter h6{
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:150%;
border-bottom: 2px solid #bd0004;
text-indent:1px;
color:#333333
}
#ajouter table {
margin-left:20px;
border:solid;
border-color:#bd0004;
border-width:1px;
}
#ajouter td {
padding:5px;
font: bold small Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-image:url(/images/fond_tableau.jpg);
}
/*--- début style pour la page de détail de l'administration------*/
#detailadmin{
margin-left:20px;
background-image:url(/images/fond_div5.jpg);
background-repeat: no-repeat;
background-color:#ffffff;
}
#detailadmin h1{
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:150%;
margin-right:10px;
margin-left:15px;
border-bottom: 2px solid #bd0004;
font-variant:small-caps;
text-indent:5px;
color:#333333
}
#detailadmin h2{
/*background-color:#ffffff;*/
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
margin-left:200px;
border-bottom: 2px solid #D66D00;
color:#D66D00
}
#detailadmin h4{
/*background-color:#ffffff;*/
margin-left:200px;
font: bold small Verdana, Arial, Helvetica, sans-serif;
font-size:130%;
color:#ffffff;
}
#detailadmin a {
color:#333333;
font-weight:bold;
text-decoration:underline;
}
#detailadmin a:hover {
color:#bd0004;
font-weight:bold;
text-decoration:underline;
}
#detailadmin p{
/*background-color:#ffffff;*/
margin-left:200px;
font: small Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}
/*--- fin du style pour la page de détail de l'administration---
/*--- navigation administration---*/
.navadmin {
font: bold smaller Verdana, Arial, Helvetica, sans-serif;
line-height:1px;
margin-left:20px;
}
.navadmin a {
color:#bd0004;
}
.navadmin a:hover {
color:#333333;
}
/*--- fin navigation administration---*/