/* merci à http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ on reset tout pour etre tranquile */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* Ici commence le template de manissy */

* {
margin: 0;
padding: 0;
}

/*#6A4A35-#6D4D38-4E1008 Measuremap Grey #7f7772  #05386b*/
body {
	margin: 10px auto;
	width: 900px;
	font-size: 0.9em;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: #EEEDF9 url(images/.gif) repeat-x;
}

#global{
	position:absolute;
	top: 50%;
	width: 843px;
	height: 536px;
	margin-top: -290px;
	background:  url(images/) no-repeat;
	border: 0px solid #FFF;
}

a{
color: #781745;		
text-decoration:none;
}

a.out{
color: #781745;	
text-decoration:none;
}


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


#titre{
position: absolute;
top:0px;
width: 943px;
height: 72px;
left:470px;
top:45px;
}

#titre h1{
visibility:visible;
color: #fff;
font-size: 1em;
border-bottom: 2px solid #fff;
border-left: 3px solid #fff;
width:50%;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding-left: 10px;
}


#header {
position: absolute;
left: 0px;
top: 0px;
width: 843px;
height: 72px;
background:  #959EAE url(images/header.jpg) no-repeat;
overflow:hidden;
}

#header #titreheader{
visibility:hidden;
}


#header img{
width: 843px;
height: 72px;
border: none;
}


#gauche{
position:absolute;
left:0px;
top:71px;
width:152px;
height:464px;
background: #0E4E7A url(images/gauche.jpg) no-repeat;
}

#menulang{
position:absolute;
left:55px;
top:5px;
color:#fff;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.7em;
}

#menulang .on a {
text-decoration: underline;	
color: #fff;
}

#menulang .on a:hover {
text-decoration: underline;	
color: #fff;
}

#menulang a{
color: #fff;
text-decoration: none;		
}

#menulang a:hover{
color:#fff;
text-decoration: none;	
}

#navgauche{
position:absolute;
left:0px;
top:30px;
border-style: solid;
border-width: 0px;
width: 147px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.9em;
}

#navgauche ul{
list-style: circle;
list-style-position: inside;
margin-left: 15px;
color:#fff;
}

#navgauche ul li a{
color:#ffffff;
text-decoration: none;
font-size: 1em;
line-height:1.6em;
}

#navgauche ul li a:hover{
color: #ffffff;
text-decoration: none;
}

#navgauche ul li a.on{
color: #fff;
}

#ecusson{
position:absolute;
top: 325px;
left:30px;
width: 74px;
height:60px;
background: transparent url(images/ecusson.jpg) no-repeat;
border: 0px solid #000;

}

#adressegauche{
left:0px;
top:380px;
position:absolute;
width: 147px;
height:95px;
border-style: solid;
border-width: 0px;
}

#adressegauche p{
margin-left:17px;
margin-top: 15px;
padding:0px;
font-size: 0.8em;
color: #fff;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}

#photos {
position:absolute;
left:152px;
top:71px;
width:286px;
height:464px;
overflow:hidden;
background: url(images/manissy1.jpg) no-repeat;
}

#photos img {
width:286px;
height:464px;
border: none;
background-color: transparent;
}


#droite{
position:absolute;
left:438px; 
top:71px;
width:405px; 
height:464px;
background: #CFD3DA url(images/droite.jpg) no-repeat;
}

/*bon de commande backround et gif transparent car le png passait pas sous ie 6, rubrique 2 et 9*/
.rubrique2 #droite{
background: transparent url(images/fonddroiteformulairefr.jpg) no-repeat;	
}

.rubrique9 #droite{
background: transparent url(images/fonddroiteformulaireen.jpg) no-repeat;	
}

.vinen #droite{
background: transparent url(images/fonddroiteformulaireen.jpg) no-repeat;		
}

.vinfr #droite{
background: transparent url(images/fonddroiteformulairefr.jpg) no-repeat;		
}

/*Logo des vins rubrique vin en et fr*/

.rubrique2 img.bouteillesvins{
float:left;
margin:10px;
}

.rubrique2 #textedroite li{
width:140px;
float:left;
margin:10px;
}

.rubrique9 img.bouteillesvins{
float:left;
margin:10px;
}

.rubrique9 #textedroite li{
width:140px;
float:left;
margin:10px;
}



#textedroite{
position:absolute;
left:27px; 
top:0px;
width:358px;
height:377px;
overflow: auto;
background-color:transparent;
border: 0px solid #000;
}

/* Plus clair #781745 plus fonce 530803 */

#textedroite h3 {
text-transform: uppercase;
text-decoration: none;
margin:15px;
padding:0px;
font-size: 0.9em;
color: #781745;		
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
width: 86%;
}

#textedroite h3.spip {
text-transform: uppercase;
text-align:left;
text-decoration: none;
margin:15px;
padding:0px;
font-size: 0.9em;
color: #781745;	
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
width: 86%;
}


#textedroite p {
margin:15px;
padding:0px;
font-size: 0.9em;
color: #3E3455;
text-align: left;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
width:85%;
}

#textedroite p.spip {
margin:15px;
padding:0px;
font-size: 0.9em;
color: #3E3455;
text-align: left;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
width:85%;
}

/*pour les liens de la partie texte*/
#textedroite a{
text-decoration: none;
color: #781745;		
}

#textedroite a:hover{
text-decoration: underline;
color: #C20000;
}

/*Pour le squelette rubrique generique*/

#rubrique #textedroite a{
text-decoration: none;
color: #C20000;
}

#rubrique #textedroite a:hover{
text-decoration: none;	
}

#rubrique #textedroite h3 a{
color: #781745;	
text-decoration:none;
text-transform: uppercase;
}

#rubrique #textedroite h3 a:hover{
color: #C20000;	
text-decoration:underline;
}

#rubrique p.suite{
text-align: right;
}


/*pour les liens fr*/
.article3 #textedroite a{
text-decoration: none;
color: #781745;	
}

/*pour les liens en*/
.article4 #textedroite a{
text-decoration: none;
color: #781745;	
}


#sommaire #textedroite p {
padding-top: 100px;
}


/* scroll barre en jquery */

.jScrollPaneContainer {
position:absolute;
left:27px; 
top:0px;
width:358px;
height:377px;
overflow: hidden;
z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0;
	height: 100%;
	background: #FFFFFF;
	}
.jScrollPaneDrag {
	position: absolute;
	background: #0E4F7B;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	border-top: solid 2px #D1D0C2; 
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	border-bottom: solid 2px #D1D0C2; 
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.holder {
margin:0;
}

/*exemple de scrollbarre jquery http://www.george-michael.nl/news/index.php?langnews=en*/

/*ICI pour la partie SPIP*/

/*transparence sous ie spip 1.9.2 jquerise dans la 1.9.3*/
.format_png {
behavior: url(win_png.htc); 
}

/*formulaire de login*/

#login #loginecrire{
width:50%;
margin-top:100px;
margin-left: 50px;
color: #3E3455;
text-align: left;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
clear:both;
}

#login #loginecrire a{
text-decoration: underline;	
color: #0E4F7B;
}

#login #loginecrire a:hover{
text-decoration: underline;	
color: #4A8AB6;		
}

#login #loginecrire p{
margin:10px;
}

/*Pour le plan de site*/

#plan #textedroite ul {
list-style-type:disc;
list-style-position: inside;
}

#plan #textedroite h3 {
text-align: center;
color: #781745;
}

#plan #textedroite h3 a {
color: #781745;
text-decoration: none;
}

#plan #textedroite h3 a:hover {
color: #C20000;	
text-decoration: underline;
}

#plan #textedroite ul li a {
color: #3E3455;
text-decoration:none;
}

#plan #textedroite ul li a:hover {
color: #3E3455;
text-decoration:underline;
}

/*footer*/
#footer{
position: absolute;
top: 540px;
left: 0px;
color:#5F5F5F;
font-size: 0.8em;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}

#footer a{
color:#5F5F5F;
text-decoration: none;
}

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

#ariane{
position: absolute;	
top: 4px;
left:510px;
color:#FFFFFF;
font-size: 0.8em;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
background:transparent;
}

#ariane a{
color:#FFFFFF;
text-decoration: none;
}

#ariane a:hover{
color:#FFFFFF;
text-decoration: underline;
}


/*Pour la rubrique Vins en et fr rub 2 et 9 */

.rubrique2 #textedroite img.spip_logos{
width:auto;
height:auto;
margin:10px;

}




/*Pour les videos fr et en*/
.article31 #textedroite{
background-color: transparent;

}

.article32 #textedroite{
background-color: transparent;

}

/*Pour les logos articles des bouteilles de vins, le float ne marche pas sous ie donc on ruse*/
#articlevin #logoarticle{
position: absolute;
top: 10px;
right: 20px;
margin-right: 20px;
}

#articlevin #textedroite p.spip{
width:60%;
}

#articlevin #textedroite p{
width:60%;
}

#articlevin #textedroite h3{
width:60%;
text-transform: uppercase;
}

#articlevin #textedroite h3.spip{
width:60%;
text-transform: uppercase;
}

#articlevin #textedroite strong.spip{
color: #781745;
}


.nosvins2 {
clear:both;
}

#bondecommande{
position:absolute;
top:365px;
left:0px;
width:178px;
height:75px;
border: 0px solid #000;
}

/* My Comment */

/*Les sous rubriques du squelette rubriques*/
#rubrique h3.titre a{
text-transform: uppercase;
}

/* Tableaux */
table.spip {
width:300px;
margin-left:15px;
margin-bottom: 1em;
border: 1px solid #0E4F7B;
border-collapse: collapse;
}

strong.spip{
font-weight: bold;
}

hr.spip{
width:80%;
color: #0E4F7B;
margin:10px;
}

#cle{
position:absolute;
top: 470px;
left: 770px;
width:105px;
height:93px;
background: url(images/cle.gif) no-repeat;
}

#breve{
position:absolute;
width:320px;
text-align: justify;
left:30px;
top: 425px;
color: #fff;
margin:10px;
}