@charset "utf-8";
/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/
body {color:#fff; font-size:11px; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }

h1, h2, h3, h4, h5, h6 {color:#ffa200; }
h1 {font-weight:700; font-size:1.1em; }
h2 {font-weight:700; font-size:1.3em; }
h3 {font-weight:700; font-size:1.17em; }
h4 {font-weight:700; font-size:1em; }
h5 {font-size:.83em; }
h6 {font-size:.67em; }
p, ul, ol, li {font-size:1em; }
a {color:#ffa200; text-decoration:underline; }
a:hover {text-decoration:none; } 
textarea {color:#fff; padding:3px; }
input {color:#fff; padding:3px; }
.or{color:#ffa200;}

/* Adresse : Liens de bas de page
----------------------------------------------------------*/
#adresse p, #adresse a {color:#fff; } 
#adresse p {font-size:.9em; }



/* Image de validation W3C
----------------------------------------------------------*/
/*#validator a img {background-color:#fff; }*/


/* Éléments Particuliers
----------------------------------------------------------*/
/* Placement d'images */
.imgLeft {float:left; padding-bottom:0; margin:0 2em 0 0;  }
.imgRight {float:right; padding-bottom:0; margin:0 0 0 2em; }

/* Des classes d'alignement d'objets */
.aligntop {vertical-align:top; }
.alignbottom {vertical-align:bottom; }
.aligncenter {margin-left:auto; margin-right:auto; }
.left {text-align:left; }
.right {text-align:right; }
.center {text-align:center; }
.justify {text-align:justify; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique {font-style:italic; }
strong, .bold, .gras {font-weight:700; }
.strike, .barre {text-decoration:line-through; }
.souligne {text-decoration:underline; }
.br {display:block; }

/* Des classes flotante */
.floatleft {float:left; }
.floatright {float:right; }

/* Les "nettoyeurs" */
.clearb {clear:both; }
.clearer {clear:both; width:0; height:0; line-height:0; }


/*	Mise en page
----------------------------------------------------------*/

/*	Page d'accueil
----------------------------------------------------------*/
/*h1#chapeau {padding:1em 0 2em; }*/ 
.illustration {float:left; padding:0 2em 0 0; }
/*#p_accueil {margin-top:.5em; } - Activer pour descendre le 1er paragraphe */

/*	Site en cours de réalisation
----------------------------------------------------------*/
#site {text-align:center; padding-top:5em; }

/*	Mentions Légales
----------------------------------------------------------*/
#infoclient {float:left; padding:0 2em 1em; }
#hebergeur {float:left; padding:0 2em; }

ul.domaine li{
	margin-left:10px;
	margin-bottom:10px;}
	
.center img{padding:5px;}
.vin{margin:10px 0;}

.vin .nom{
	font-size:120%;
	font-weight:bold;
}
.vin .vignettes{
	width:200px;
	background-color:#3E3E3E;
	float:left;
	text-align: center;
}
.vin .textes{
	float:left;
	border-style:solid;
	border-width:1px 0;
	border-color:#ffa200;
	width: 290px;
	margin: 10px;
	font-size:95%;
}
.vin .textes strong{color:#ffa200;}
/**********************Plan googleMap****************************/
.plan {
	width: 525px;
	height: 480px;
	border:#ffa200 solid 3px;
}


#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding: 0;
	text-align:center;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #ffa200;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}

#googlemap a.googlemap-icon { display: block; background:url(../images/googlemap.jpg) no-repeat; width: 80px; height: 68px; margin:0 auto; }
#googlemap a.googlemap-icon:hover { background: url(../images/googlemap-hover.jpg) no-repeat; }
#googlemap a.googlemap-icon:active { background: url(../images/googlemap.jpg) no-repeat; }
#googlemap a.googlemap-icon span { display:none; }
.alignCenter{
	text-align:-moz-center;
	!text-align:center;
	text-align:center;
}
/**********************End****************************/

/*le plan du site en bas de page*/
#planSite{
	text-align:center;
	margin:10px auto;
	width:950px;
	}
#planSite ul, li { text-align:left; list-style-type:circle; margin:5px 10px;}
#planSite p{text-align:justify;color:#DACACA;}
#planSite p a{color:#5f595f;}
#planSite p a:hover{color:#DACACA;}

.textPlanSite li{
	color:#8B918F;
}
.divplan {
	border-right:1px dashed #8B918F;
	float:left;
	padding:5px 5px 10px 5px;
	width:225px;
	}
#largeImage {
	position: absolute;
	padding: .5em;
	background: #e3e3e3;
	border: 1px solid #BFBFBF;
	}
a img {
	border: none;
	}

/*---------------commandes---------------------*/
#formulaireCommande input {
	background-color:transparent;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	margin:2px 0;
	}
#formulaireCommande textarea {
	background-color:transparent;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	margin:2px 0;
	width:223px;
	}
#formulaireCommande .adresse {
	-x-system-font:none;
	color:#FFFFFF;
	float:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:0 2%;
	width:45%;
	}
#formulaireCommande .adresse p {
	padding:5px 0;
	width:100%;
	}
#formulaireCommande .adresse label {
	float:left;
	padding:0;
	text-align:right;
	width:36%;
	}
#formulaireCommande .adresse1 label{padding-top:20px;}