/* *** Generated by www.csscreator.com *** */
/*
	#### Couleurs :



*/

html, body{ 
	margin:0; 
	padding:0; 
	text-align:center; 
	font-family: "Times New Roman", MS Georgia, Times, serif;
	font-size:12px;
	color:#403637;
	background-color:#fff;
} 

#conteneur
{ 
 	/*width:100%;*/
	width:780px;
	text-align:left;
	margin-left:auto; 
	margin-right:auto; 
	/*border:1px solid #000;*/position:relative;
}

a{/*font-weight:bold*/}

/* ##################### HEADER ################################ */
#sur_header
{
	height:17px;
	background-color:#633635; /* bordeau1 */
	text-align:right;
	padding:0 10px;
	color:#fff;
}
#sur_header ul{margin:0;padding:0}
#sur_header li{display:inline;list-style-type:none;margin:0;padding:0}
#sur_header li a{color:#fff;text-decoration:none}
#sur_header li a:hover{color:#F6B600;/*orange*/text-decoration:none}
#sur_header li a.select{color:#F6B600;/*orange*/text-decoration:none}

#header
{
	height:93px;
	padding:0px;margin:0;
	background-color:#74403E; /* bordeau2 */
	text-align:center;
}
#header img{margin:6px 0 0 0;}
/* ##################### FOOTER ################################ */
#footer
{
	clear:both;
	height:34px !important;
	height:34px;
	font-size:10px;
	text-align:center;
	color:#fff;
	background-color:#6A5C57;
	padding-top:4px;
}
#footer a{color:#fff;text-decoration:none;}
#footer a:hover{text-decoration:underline;}

#sous_footer
{
	font-size:10px;
	color:#BFBFBF;
	text-align:center;
}
/*
#################################################################
###################### LES MENUS  ##########################
#################################################################
*/

ul,li,dl,dt,dd {margin:0;padding:0}
#menu
{
	font-size:13px;
	text-align:center;
	background-color:#DBD8D2; /* gris menu */
}

#menu li
{
	margin:0 9px;
	padding:0;
	list-style-type:none;
	display:inline;
	line-height:20px;
}

#menu li a{color:#000;}
#menu li a:hover{color:#F6B600;/*orange*/text-decoration:none}
#menu li a.select{color:#F6B600;/*orange*/text-decoration:none}

/*
#################################################################
###################### PARTIE CENTRALE ##########################
#################################################################
*/
#centre
{
	/*position:relative;*/
	margin:0;padding:0;
    color:#403637;
	background:url(images/fond_accueil.gif) repeat-y 0 0;
}
#centre_type
{
	margin:0;padding:0;
	background:url(images/fond_type.gif) repeat-y 0 0;
	/*border:1px solid #000;*/
}
#centre_patrimoine
{
	margin:0;padding:0;
	background:url(images/fond_patrimoine.gif) repeat-y 0 0;
}
#centre_galerie
{
	margin:0;padding:0;
	background:url(images/fond_galerie.gif) repeat-y 0 0;
}
#centre_vins
{
	margin:0;padding:0;
	background:url(images/fond_vins.gif) repeat-y 0 0;
}

#colonne_gauche
{
	float:left;
	width:260px !important;
	width:260px;
	padding:0px;margin:0px;
	/*border:1px solid #000;*/
}

#colonne_centre
{
	float:left;
	width:260px !important;
	width:260px;
	padding:0px;margin:0px;
	/*border:1px solid #000;*/
}
#colonne_centreLarge
{
	float:left;
	width:520px !important;
	width:520px;
	padding:0px;margin:0px;
	/*background-color:#B1AC9D;*/
	/*border:1px solid #000;*/
}

#colonne_droite
{
	float:left;
	width:260px !important;
	width:260px;
	padding:0px;margin:0px;
	/*border:1px solid #000;*/
}

/* ##### LE FIL D'ARIANE ### */
#fil_ariane
{
	color:#ff8e01; /* orange */
	font-size:0.8em;
	margin:2px 0 6px 0;
	/*border:1px solid #ff8e01; /* orange */
}
#fil_ariane a
{
	color:#ff8e01; /* orange */
	font-size:0.8em;
	text-decoration:none;
}
#fil_ariane a:hover{text-decoration:underline}

.clr{clear:both;border:0px solid #000;font-size:1px;height:1px;}
.spacer{clear:both;visibility:hidden;height:0px}
/* ###########################################################
		Les differents modules GENERIQUES
########################################################### */
#ie_arrondis{float:left;position:absolute;top:0px;left:0px;width:100%;}
.rond_hg{position:absolute;top:0px;left:0px}
.rond_hd{position:absolute;top:0;right:0}
.rond_bg{position:absolute;bottom:0;left:0}
.rond_bd{position:absolute;bottom:0;right:0}

/* ###########################################################
		MISE      EN     FORME     DU       TEXTE
########################################################### */

h1{	margin:0;font-size:16px;}
h2{	margin:0;padding:0;font-size:14px;}
h3{	margin:0;font-size:12px;}
h4{	margin:0;font-size:10px;color:#fff;}

h6{	margin:0;font-size:9px;line-height:9px;font-weight:lighter;}
p{margin:0;padding:0;}

a{text-decoration:none;color:#000;}
a:hover{text-decoration:underline;} 

hr{margin:0;border:0px solid #fff;height:1px;margin-top:5px;clear:both;}
hr.separation
{
	height:4px;
	border:0;
	color:#afe3d8; /* vert clair */
	background-color:#afe3d8; /* vert clair */
	margin:10px 0;
	clear:both;
	font-size:1px;
}

.important{	color:#fd5555;/* rouge fonce */font-size:11px;}
.barre{text-decoration:line-through}

.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}

acronym:hover, abbr:hover {
    cursor: help;
}

abbr[title], acronym[title], span[title], strong[title] {
    border-bottom: thin dotted;
    cursor: help;
}
/* ###########################################################
		MISE EN FORME DES IMAGES
########################################################### */
img{border:none;vertical-align:middle}
input.image{border:none;vertical-align:middle}

.img_gauche{float:left;	margin:0 15px 10px 0;}
.img_droite{float:right;margin:0 0 10px 15px;}


/* ###########################################################
		ACCUEIL
########################################################### */
#centre img#logo
{
	position:absolute;
	top:300px;left:203px;
	z-index:10;
}

.header_miseEnAvant
{
	width:300px;
	margin:0 20px;padding-top:10px;
	color:#fff;
	text-align:left;
}
.header_miseEnAvant div{float:right;width:230px;}
.header_miseEnAvant div h1{font-size:11px;margin:0;padding:0;}
.header_miseEnAvant div p{font-size:11px;margin:0;padding:0;}
.header_miseEnAvant div img{float:right;padding-top:5px;}

#accueil_domaine{margin:75px 75px 20px 20px;}

/* liste des categories */
#liste_accueil {width:170px;padding:8px;margin:150px auto 20px auto;background-color:#6A5C57;}
#liste_accueil li{text-align:center;list-style-type:none;padding:1px;margin:0}
#liste_accueil li a{color:#fff;text-decoration:none}
#liste_accueil li a:hover{color:#F6B600;/*orange*/text-decoration:none}
#liste_accueil li a.select{color:#F6B600;/*orange*/text-decoration:none}

/* liste des actus */
#accueil_actualites{margin:75px 20px 20px 70px;}
#accueil_actualites ul{width:170px;padding:0px;margin:0}
#accueil_actualites ul li{list-style-type:none;padding:8px 0;margin:0}
#accueil_actualites ul li a{color:#74403E;text-decoration:none}
#accueil_actualites ul li a:hover{color:#74403E;/*bordeau*/text-decoration:underline}
#accueil_actualites ul li a.select{color:#74403E;/*bordeau*/text-decoration:underline}

/* ###########################################################
		LA  PAGE   VINS
########################################################### */

#colonne_gauche ul#liste{margin:20px 25px}
#colonne_gauche ul#liste li
{
	list-style-position:outside;
	list-style-type:none;
	font-weight:bold;
}
#colonne_gauche ul#liste li ul{margin-bottom:20px;}
#colonne_gauche ul#liste li ul li
{
	list-style-position:inside;
	list-style-type:circle;
	font-weight:normal;
}
#colonne_gauche ul#liste li a{color:#403637;text-decoration:none}
#colonne_gauche ul#liste li a:hover{color:#fff;text-decoration:none}
#colonne_gauche ul#liste li a.select{color:#fff;text-decoration:none}

#colonne_gauche #description
{
	margin:10px 25px;padding:8px;
	background-color:#6A5C57;
	color:#fff;
}

#colonne_centre.centre_vins
{
	background:url(images/degrade_BG_etiquettes.gif) repeat-x 0 0;
}

#colonne_centre.centre_vins #visuel
{
	margin:0px 0;
	text-align:center;
}

#colonne_droite #description{margin:20px 25px;}
#colonne_droite #description h1{text-align:center;font-size:16px;margin-bottom:20px;}

/* ###########################################################
		LES  PAGE   ACTUALITES
########################################################### */
h1 span{font-size:11px;font-weight:normal}

#colonne_gauche ul#liste_actualite{margin:20px 25px}
#colonne_gauche ul#liste_actualite li
{
	list-style-position:outside;
	list-style-type:none;
	background:url(images/puce_ssmenu.gif) no-repeat 0 2px;
	padding-left:10px;
	margin:2px 0;
}
#colonne_gauche ul#liste_actualite li a{color:#403637;text-decoration:none}
#colonne_gauche ul#liste_actualite li a:hover{color:#fff;text-decoration:none}
#colonne_gauche ul#liste_actualite li a.select{color:#fff;text-decoration:none}


#colonne_centre #visuel
{
	margin:20px 0;
	text-align:center;
}

/* ###########################################################
		LA  PAGE   GALERIE PHOTOS
########################################################### */

#centre_galerie ul#galerieListe{margin:20px 25px;}
#centre_galerie ul#galerieListe li
{
	list-style:none;
	display:inline;
	float:left;
	text-align:center;vertical-align:middle;
	width:100px;height:100px;
	margin:5px;
}

/* ###########################################################
		LES  PAGE   STATIQUES
########################################################### */
#colonne_gauche #visuel
{
	margin:20px 0;
	text-align:center;
}

#colonne_centre #description{margin:20px 25px;}
#colonne_centre #description h1{text-align:center;font-size:16px;margin-bottom:20px;}


#colonne_centreLarge #description{margin:20px 25px;}
#colonne_centreLarge #description h1{text-align:center;font-size:16px;margin-bottom:20px;}
#colonne_droite #background_hebergement
{
	min-height:442px;
	margin:0;padding:0;
	height:auto !important;
	height:442px;
	background:url(images/gravure_domaine.jpg) no-repeat 0 0;
}

#centre_type #colonne_gauche{width:259px}
#centre_type #colonne_centre{width:259px}
#centre_type #colonne_droite{width:259px}

/* ###########################################################
		LA  PAGE   CONTACT
########################################################### */
#formulaire{margin:20px 10px;}
#formulaire h1{text-align:center;font-size:16px;margin-bottom:20px;}

#coordonnees{margin:20px 25px;}
#formulaire p{clear:both;}
#formulaire_contact label
{
	/*margin-left:50px;*/
	float: left;
	margin:0 5px 0 0;
	width:60px;
	text-align:right;
}
#formulaire_contact span{font-size:10px;}
#formulaire_contact input{border:1px solid #000;width:150px;margin-bottom:5px;}
#formulaire_contact textarea{border:1px solid #000;width:150px;margin-bottom:5px;}
#formulaire_contact input.image{width:auto;border:none;}

#formulaire_contact input.bouton
{
	width:auto;
	background-color:#633635; /* bordeau1 */
	color:#fff;
}

/* ###########################################################
		LA  PAGE   PLAN DU SITE
########################################################### */

#plan
{
	
}
#plan h2{margin:10px 0}
#plan ul,li{margin:0;padding:0}
#plan li{margin-left:20px;list-style-type:disc;list-style-position:inside;color:#D87B2E;}

#plan .sous_li{margin-left:20px;}

#plan li a{color:#000;text-decoration:none;}
#plan li a:hover{color:#75848D;text-decoration:none;}

/* ###########################################################
		LES STYLES DE L'EDITEUR WISIWYG 
########################################################### */

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}

.titre_wysiwyg
{
	font-size:14px;
	font-weight:bold;
	color:#0b3f97;/*bleu foncé*/
	margin:20px 0 0 -40px;
}
.texte_bordeau
{
	color:#74403E;
}