/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(default.css);


/* Import de la CSS de layout
----------------------------------------------------------*/

@import url(layout/layout-1A.css);

/* Liste des layout disponibles :

@import url(layout/layout-1A.css);
@import url(layout/layout-1B.css);
@import url(layout/layout-1C.css);

@import url(layout/layout-2A.css);
@import url(layout/layout-2B.css);
@import url(layout/layout-2C.css);
@import url(layout/layout-2D.css);

@import url(layout/layout-3A.css);
@import url(layout/layout-3B.css);
@import url(layout/layout-3C.css);
@import url(layout/layout-3D.css);
@import url(layout/layout-3E.css);
@import url(layout/layout-3F.css);

*/


/* Construction (Montage)
----------------------------------------------------------*/
/*
- la largeur par défaut d'un élément est indiquée sous la forme  largeur='valeur'
- les largeurs peuvent êtrent relatives à l'élément qui les contient dans ce cas la largeur est notée : largeur='largeur de X'
- lorsqu'on définie une taille à un élément, il s'aligne automatiquement au centre
*/

body {background:url(../images/fond2-fire.jpg) repeat; background /*\**/:url(../images/fond2.jpg) repeat\9; #background:url(../images/fond2.jpg) repeat; }

#page { background: url(../images/fond-fire.jpg) repeat-x top; background /*\**/: url(../images/fond.jpg) repeat-x top\9; #background: url(../images/fond.jpg) repeat-x top;}  /* largeur=largeur de #body=100% */ 

#header { width: 928px; margin:0 auto; height:369px; }  /* largeur=largeur de #wrapper */

#wrapper { width: 928px; margin:0 auto; padding:0; background: url(../images/bg-fire.jpg) repeat-y center;  background/*\**/: url(../images/bg.jpg) repeat-y center\9;  #background: url(../images/bg.jpg) repeat-y center; } /* largeur=largeur de #page */

#main { } /* largeur=largeur de #wrapper */

#titre { height:87px; }

#content { padding:0px 150px 10px 80px; width:698px;  background: url(../images/fond-contenu.jpg) no-repeat top;  } /* largeur=largeur de #wrapper */
#content * { color: #545456; } /* couleurs de tous les éléments (textes et bordures) de la zone de contenu */
#content h1 {text-align:center; color: #545456; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:10px; line-height:20px; }
#content h2 { display:block; clear:both; border-bottom:#E6E6DE solid thin; text-align:center; padding:40px 0px 5px 0; color: #545456; font-size:1.7em; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:0.3em; } 
#content h3 { display:block; clear:both;  border-bottom:#E6E6DE dotted 2px; padding:20px 150px 5px 0; color: #545456; font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; }
#content a:hover { color:#310E12; text-decoration:none; }

#menu { display:none; } /* largeur=0 */

#nav { } /* largeur=0*/

#extra { } /* largeur=0 */

#footer { font-size: 0.8em; background-color: none; }  /* largeur=largeur de #body */
#footer p, a:link, a:visited, ul, li { color: #FBF9EC; }
#footer a:hover { color: #310E12; text-decoration:none; }


/* Éléments Particuliers
----------------------------------------------------------*/

/* Intégration */
.textLeft{ text-align:left; }
.textCenter{ whidth:100%; text-align:center; }
.imgLeft { float:left; margin-right:1em; }
.imgRight { float:right; margin-left:1em; }

/* Lien W3C */
.validator{ clear:both; float:right; }

/* Page d'intro */
.bodyIntro { background: url(../images/fond-intro-fire.jpg) repeat-x top; background-color /*\**/: #272324; ackground: url(../images/fond-intro.jpg) repeat-x top\9; #background-color: #272324; ackground: url(../images/fond-intro.jpg) repeat-x top; background-color: #272324; }
.bodyIntro *{ color: #FBF9EC; } /* couleurs de tous les éléments (textes et bordures) de la page index.html */
.bodyIntro a:hover{ color: #FBF9EC; text-decoration:none; }
.h1intro { padding-top:5px; font-size:12px; margin:0; position:absolute; top:0; left:0; width:100%; text-align:center; color:#545456;}

/* Formulaire de contact */
#frmEnvoi{ width:470px; }
#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }

/* Page "nos vins" */

.supMenu{ width:240px; padding:0 9px 30px 100px; font-size:0.8em; float:left; }
.retourTop { display:block; clear:both; text-align:right; padding-top:8px; }

/* Page "Galerie" */

.btnImage{ display:block; float:left; border:none; text-decoration:none; }
.listImage{ display:block; width:690px; }
#visioneuse { position:fixed; top:-450px; margin:0 auto; height:450px; text-align:left; }
#visioneuse img { cursor:pointer; }
#loader { position:absolute; left:-100px; top:-100px; background-color:#FFFFFF; -moz-opacity:0.7; opacity: 0.7; filter:alpha(opacity=70); text-align:center; height:100px; padding-top:31px; height:75px; }

/* Page "récompenses" */

.note { color:#990000; font-weight:bold; font-size:1.2em; }
.sous_menu { text-align:right; padding-right:115px;}
.sous_menu li { display:inline;}

.chiadoi{width:45%px;}
.fixintro{width:928px; margin:0 auto;}



/* Ly */
.list{
vertical-align:middle;
padding-right:7px;
float:left;}

.list1{
vertical-align:middle;
float:left;
padding-right:7px;
padding-bottom:20px;
margin-top:5px;}

.list2{
vertical-align:middle;
float:left;
padding-right:7px;
padding-bottom:30px;
margin-top:5px;}

.text-1{
margin-left:45px;
}
.text-2{
margin-top:25px;
}

.mtima{margin-top:-1px;}

.mttext{font-size:14px; font-weight:bold;}

/*============ HIGHLIGHT =============*/
.highslide {
	cursor: url(../images/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 1px solid #ffffff;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 1px solid #ffffff;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 20px;
    background-image: url(../images/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(../images/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
/*============ END HIGHLIGHT =============*/

sup{
	vertical-align:super;
	font-size:10px; font-size/*\**/:12px\9; #font-size:12px;}