/* Pour que les div contenant des elements float soit aussi hauts que le plus haut des elements */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* End hide from IE-mac */
.clearfix {display:inline-block;} /* for IE7 */

/* redefinition */
*{
 padding:0;
 margin:0;
}
/* tag */
body{
 font-family:arial, sans-serif;
 text-align:center;/*centrage pour ie 6 et moins*/
}
p, li{
 font-size:.75em;
 line-height:1.3em;
}
p  {line-height:1.3em;}
li {line-height:1.28em;}
img{border:none;}
a {text-decoration:none;}
/*
utilisation des classes
le body a une classe par template pour differencier les couleurs

on defini les couleurs et les structures changeante avec ces classes

liste des classes

index = bordeau
desSiecles = ?¿Inconnu, PSD non fourni
desSaisons = vert
desMillesismes = orange
desJours = bleu

*/

body.index          {background:#350000;color:#AE9999;}
body.desSaisons     {background:#DCE282}
body.desMillesismes, body.desVins {background:#D1761D}
body.desJours       {background:#B3DEEF}
body.desSiecles		{background:#F1CC36;}

.index a            {color:#FFF}
.desSaisons a       {color:#3B3E00}
.desMillesismes a, .desVins a   {color:#400203}
.desJours a         {color:#3B3E00}
.desSiecles a		{color:#4b2e00;}

/**** conteneur principal ****/
#site{
 width:960px;
 margin:0 auto 1em;
 text-align:left;/* desherite le centrage ie 6 et moins */
 /*border-bottom:solid 1px transparent;*/
 padding-bottom:1em;
}
.index #site          {position:relative; background:#350000;}
.desSaisons #site     {background:#BDC33E;}
.desMillesismes #site, .desVins #site {background:#CD6702;}
.desJours #site       {background:#0090C9;}
.desSiecles #site	  {background:#edbf05;}


/**** logo plus visuel d'entete ****/
#entete{background-repeat:repeat-x;background-position:top left;}
.index #entete          {background-image:url(../../Images/imagesSite/index/enteteRepete.gif)}
.desSaisons #entete     {background-image:url(../../Images/imagesSite/desSaisons/enteteRepete.gif)}
.desMillesismes #entete, .desVins #entete {background-image:url(../../Images/imagesSite/desMillesismes/enteteRepete.gif)}
.desJours #entete       {background-image:url(../../Images/imagesSite/desJours/enteteRepete.gif)}
.desSiecles #entete 	{background-image:url(../../Images/imagesSite/desSiecles/enteteRepete.gif)}

#entete h1{
 clear:both;
 text-align:right;
}
#entete h1 img{
 display:block;
 float:left;
}

#enteteacc h1 img{
 display:block;
 
}
#entete h1 img.logoMargaux{

}
#entete h1 img.enteteVisuel{
 margin:36px 0 2px 36px;
!margin-left:29;/* 7 pixel d ecart (pourquoi ?) */
}

#entete h2{
 clear:both;
 text-align:right;
}
/*correction d'un bug IE*/
.index #entete h2          {background:#500E0E;}
.desSaisons #entete h2     {background:#BDC33E;}
.desMillesismes #entete h2, .desVins #entete h2 {background:#CD6702;}
.desJours #entete h2       {background:#0090C9;}
.desSiecles #entete h2	   {background:#edbf05;}

#entete h2 img{
 display:block;
 margin:0 0 0 auto;
}


/**** menu à l'horizontal ****/
#menu2{
 clear:both;
}
#menu2 li{
 float:left;
}
#menu2 li a{
 display:block;
 padding:0 34px;
 border:solid;
 border-width:1px 0;
}

#menu2 li a:hover img{
 opacity:.5;
 filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
}
#menu2 li.actif a{
 display:block;
}

#menu2 li.dernier a{
 display:block;
 margin-left:2px;
 padding:0 20px;
}

#menu{
 clear:both;
}
#menu li{
 float:left;
}
#menu li a{
 display:block;
 padding:0 34px;
 border:solid;
 border-width:1px 0;
}

#menueng{
 clear:both;
}
#menueng li{
 float:left;
}

#menueng li a{
 display:block;
 padding:0 24px;
 border:solid;
 border-width:1px 0;
}

.index #menu li a            {background:#3B3E00;border-color:#3B3E00;}
.desSaisons #menu li a       {background:#3B3E00;border-color:#3B3E00;}
.desMillesismes #menu li a, .desVins #menu li a  {background:#400203;border-color:#400203;}
.desJours #menu li a         {background:#47AFD8;border-color:#47AFD8;}
.desSiecles #menu li a       {background:#6e4300;border-color:#6e4300;}

#menu li a:hover img{
 opacity:.5;
 filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
}
#menu li.actif a{
 display:block;
}

.index #menu li.actif a          {background:#3B3E00}
.desSaisons #menu li.actif a     {background:#3B3E00}
.desMillesismes #menu li.actif a, .desVins #menu li.actif a  {background:#400203}
.desJours #menu li.actif a       {background:#47AFD8}
.desSiecles #menu li.actif a     {background:#6e4300}

#menu li.dernier a{
 display:block;
 margin-left:2px;
 padding:0 20px;
}


/* dernier elements du menu 'des jours' toujours en bleu plus ou moins foncé */
.index #menu li.dernier a           {background:#76A2A4;border-color:#76A2A4;}
.desSaisons #menu li.dernier a     {background:#76A2A4; border-color:#76A2A4;}
.desMillesismes #menu li.dernier a, .desVins #menu li.dernier a  {background:#76A2A4;border-color:#76A2A4;}
.desJours #menu li.dernier a        {background:#006FA0;border-color:#006FA0;}
.desSiecles #menu li.dernier a        {background:#76a2a4;border-color:#006FA0;}


.index #menueng li a            {background:#3B3E00;border-color:#3B3E00;}
.desSaisons #menueng li a       {background:#3B3E00;border-color:#3B3E00;}
.desMillesismes #menueng li a, .desVins #menueng li a   {background:#400203;border-color:#400203;}
.desJours #menueng li a         {background:#47AFD8;border-color:#47AFD8;}
.desSiecles #menueng li a       {background:#6e4300;border-color:#6e4300;}

#menueng li a:hover img{
 opacity:.5;
 filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
}
#menueng li.actif a{
 display:block;
}
.index #menueng li.actif a          {background:#3B3E00}
.desSaisons #menueng li.actif a     {background:#3B3E00}
.desMillesismes #menueng li.actif a, .desVins #menueng li.actif a  {background:#400203}
.desJours #menueng li.actif a       {background:#47AFD8}
.desSiecles #menueng li.actif a     {background:#6e4300}

#menueng li.dernier a{
 display:block;
 margin-left:2px;
 padding:0 20px;
}
/* dernier elements du menu 'des jours' toujours en bleu plus ou moins foncé */
.index #menueng li.dernier a           {background:#76A2A4;border-color:#76A2A4;}
.desSaisons #menueng li.dernier a     {background:#76A2A4; border-color:#76A2A4;}
.desMillesismes #menueng li.dernier a, .desVins #menueng li.dernier a  {background:#76A2A4;border-color:#76A2A4;}
.desJours #menueng li.dernier a        {background:#006FA0;border-color:#006FA0;}
.desSiecles #menueng li.dernier a        {background:#76a2a4;border-color:#006FA0;}

/**** navigation place à gauche ****/
#navigation{ 
position:relative;
 float:left;
 width:422px;
 margin:0 0 1.2em 0;
}
.index #navigation           {background:url(../../Images/imagesSite/index/navigationFond.jpg) no-repeat 4px bottom;}
.desSaisons #navigation      {background:url(../../Images/imagesSite/desSaisons/navigationFond.jpg) repeat-y 4px;}
.desMillesismes #navigation, .desVins #navigation  {background:url(../../Images/imagesSite/desMillesismes/navigationFond.jpg) no-repeat 4px bottom;}
.desJours #navigation        {background:url(../../Images/imagesSite/desJours/navigationFond.jpg) no-repeat 4px bottom;}


#navigation li, #menu li{
 list-style:none;
}
#navigation li img, #menu li img{
 display:block;
}

#navigation li, #menu2 li{
 list-style:none;
}
#navigation li img, #menu2 li img{
 display:block;
}
#navigation li, #menueng li{
 list-style:none;
}
#navigation li img, #menueng li img{
 display:block;
}

/* partie gauche de la navigation */
#premiereNavigation{
 float:left;
 width:239px;
 margin:0 0 0 4px;
 padding:0 0 220px 0;
!margin:0 0 0 2;/* ie 6 et moins double les marges en float */
}
.desJours #premiereNavigation{
 width:239px;
}
.index #premiereNavigation{padding-bottom:220px}
.desSaisons #premiereNavigation{background:url(../../Images/imagesSite/desSaisons/bgPremiereNavigation.jpg) no-repeat 0 bottom;padding-bottom:290px;}
.desMillesismes #premiereNavigation, .desVins #premiereNavigation {padding-bottom:320px}
.desJours #premiereNavigation{padding-bottom:220px}
.desSiecles #premiereNavigation{padding-bottom:260px;}
#bodyContact #premiereNavigation{padding:0; background-color:#dc9651;}

.desJours #premiereNavigation li a{padding:15px 2px}

#premiereNavigation li a{
 display:block;
 padding:0 11px;
 margin:1px;
}
.index #premiereNavigation li.actif a           {background:url(../../Images/imagesSite/desSaisons/navigationPuceActif.gif) no-repeat 94% center #3B3E00;}
.desSaisons #premiereNavigation li.actif a      {background:url(../../Images/imagesSite/desSaisons/navigationPuceActif.gif) no-repeat 94% center #3B3E00;}
.desMillesismes #premiereNavigation li.actif a, .desVins #premiereNavigation li.actif a  {background:url(../../Images/imagesSite/desMillesismes/navigationPuceActif.gif) no-repeat 94% center #400203;}
.desJours #premiereNavigation li.actif a        {background:url(../../Images/imagesSite/desJours/navigationPuceActif.gif) no-repeat 94% center #00354A;}
.desSiecles #premiereNavigation li.actif a      {background:url(../../Images/imagesSite/desSaisons/navigationPuceActif.gif) no-repeat 94% center #6e4300;}

.index #premiereNavigation li.actif a:hover           {background:url(../../Images/imagesSite/desSaisons/navigationPuceActif.gif) no-repeat 94% center #3B3E00;}
.desSaisons #premiereNavigation li.actif a:hover      {background:url(../../Images/imagesSite/desSaisons/navigationPuceActif.gif) no-repeat 94% center #3B3E00;}
.desMillesismes #premiereNavigation li.actif a:hover, .desVins #premiereNavigation li.actif a:hover  {background:url(../../Images/imagesSite/desMillesismes/navigationPuceActif.gif) no-repeat 94% center #400203;}
.desJours #premiereNavigation li.actif a:hover        {background:url(../../Images/imagesSite/desJours/navigationPuceActif.gif) no-repeat 94% center transparent;}
.desSiecles #premiereNavigation li.actif a:hover      {background:url(../../Images/imagesSite/desSaisons/navigationPuceActif.gif) no-repeat 94% center #6e4300;}
/* l'opacite pose probleme avec ie7 et un png transparent */
#premiereNavigation li a:hover img{
 opacity:.6;
 filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity:0.6;
}
#premiereNavigation li a img{
 display:block;
}

/* gestion de la largeur des elements a droite */
#secondeNavigation, #navigationAuxiliaire, #navigation h2, p.lienAuxiliaire{
 float:none;
 width:168px;
 margin:0 0 0 245px;
_width:168px;
_margin:0 0 0 239px;
}
/* special des Jours */
.desJours #secondeNavigation, .desJours #navigationAuxiliaire, .desJours  #navigation h2{
 width:168px;
 margin:0 0 0 0;
!width:168;
!margin:0 0 0 206px;
!margin:0 0 0 207;
}
#secondeNavigation{
 padding:10px 0 15px 0;
}
.index #secondeNavigation           {border-bottom:solid 1px #C9CD89}
.desSaisons #secondeNavigation      {border-bottom:solid 1px #C9CD89}
.desMillesismes #secondeNavigation, .desVins #secondeNavigation  {border-bottom:none;}
.desJours #secondeNavigation        {border-bottom:solid 1px transparent;width:170px;!width:170;height:500px;overflow:auto;}
.desSiecles #secondeNavigation      {border-bottom:solid 1px #ebcf69}

.index #secondeNavigation,          .index #secondeNavigation li           {background:#DADE95}
.desSaisons #secondeNavigation,     .desSaisons #secondeNavigation li      {background:#DADE95}
.desMillesismes #secondeNavigation, .desMillesismes #secondeNavigation li,
.desVins #secondeNavigation, .desVins #secondeNavigation li  {background:#E4AC74}
.desJours #secondeNavigation,       .desJours #secondeNavigation li        {background:#73C2E1;padding:0 1px 0 0;}
.desSiecles #secondeNavigation,     .desSiecles #secondeNavigation li      {background:#f7e390}

#secondeNavigation li a{
 display:inline;
 padding:0;
 background:none;
}
.index #secondeNavigation li a           {color:#3B3E00}
.desSaisons #secondeNavigation li a      {color:#3B3E00}
.desMillesismes #secondeNavigation li a, .desVins #secondeNavigation li a  {color:#400203}
.desJours #secondeNavigation li a        {color:#3B3E00}
.desSiecles #secondeNavigation li a      {color:#6b5019}

/* special des saisons - pas super propre, mais ca marche sur tout navigateur */
.desMillesismes #secondeNavigation li, .desVins #secondeNavigation li       		{font-size:.95em;}
.desMillesismes #secondeNavigation li a, .desVins #secondeNavigation li a    		{display:block;padding:9px;font-weight:bold;}
.desMillesismes #secondeNavigation li a span, .desVins #secondeNavigation li a span  {display:block;font-weight:600;}

/* special des saisons */
.desSaisons #secondeNavigation li{font-size:.95em;}
.desSaisons #secondeNavigation li a{display:block;padding:9px;font-weight:bold;}

/* special des jours */
.desJours #secondeNavigation li{clear:left}
.desJours #secondeNavigation li h3       {padding:20px 0 2px 0;}
.desJours #secondeNavigation li p        {padding:0 0 10px 0;}
.desJours #secondeNavigation li a.image  {float:left;margin:5px 6px;}
.desJours #secondeNavigation li h3 a     {color:#00354A;font-size:1.1em;}
.desJours #secondeNavigation li p  a     {color:#222d31;font-size:1.1em;}

/* special des siecles */
.desSiecles #secondeNavigation li{font-size:.95em;}
.desSiecles #secondeNavigation li a{display:block;padding:9px;font-weight:bold;}

.index #secondeNavigation li.actif a           {background:#CACE86}
.desSaisons #secondeNavigation li.actif a      {background:#CACE86}
.desMillesismes #secondeNavigation li.actif a, .desVins #secondeNavigation li.actif a  {background:#D39B68}
.desJours #secondeNavigation li.actif          {background:#A9DAED}
.desSiecles #secondeNavigation li.actif a      {background:#ebcf69}

.index #secondeNavigation li a:hover           {background:#CACE86}
.desSaisons #secondeNavigation li a:hover      {background:#CACE86}
.desMillesismes #secondeNavigation li a:hover, .desVins #secondeNavigation li a:hover  {background:#D39B68}
.desJours #secondeNavigation li.hover          {background:#A9DAED}/*un peu special pour la compatibilite IE du pseudo class hover (js inside)*/
.desSiecles #secondeNavigation li a:hover      {background:#ebcf69}

.index #secondeNavigation li.actif a:hover           {color:#0A0A00;background:#B2B762}
.desSaisons #secondeNavigation li.actif a:hover      {color:#0A0A00;background:#B2B762}
.desMillesismes #secondeNavigation li.actif a:hover, .desVins #secondeNavigation li.actif a:hover  {color:#200000;background:#BA895B}
.desJours #secondeNavigation li.actif.hover          {color:#0A0A00;background:#B5EAFF}
.desSiecles #secondeNavigation li.actif a:hover      {color:#0A0A00;background:#dabd52}

#navigation h2{
 padding-top:10px;
 padding-left:1px;
}
.index #navigation h2           {border-top:solid 1px #CCCF91}
.desSaisons #navigation h2      {border-top:solid 1px #CCCF91}
.desMillesismes #navigation h2, .desVins #navigation h2  {border-top:solid 1px transparent}
.desJours #navigation h2        {border-top:solid 1px #CCCF91;padding-left:0;}
.desSiecles #navigation h2      {border-top:solid 1px #CCCF91}

#navigation p.lienAuxiliaire {padding:0 5px; width/**/:158px/**/;}

.desMillesismes p.lienAuxiliaire li a, .desVins p.lienAuxiliaire li a{color:#8A3C03}

/* element a droite auxiliaire */
#navigationAuxiliaire{
 padding:3px 0;
}
#navigationAuxiliaire li{
 padding:1px 10px;
}
#navigationAuxiliaire li a{
}
.index #navigationAuxiliaire li a{}
.desSaisons #navigationAuxiliaire li a{}
.desMillesismes #navigationAuxiliaire li a, .desVins #navigationAuxiliaire li a{color:#8A3C03}
.desJours #navigationAuxiliaire li a{}
.desSiecles #navigationAuxiliaire li a{}

#navigation .hr{
 clear:both;
 height:8px;
 margin:0 9px 0 4px;
 font-size:1px;
}
.index #navigation .hr           {background:#979c2c;}
.desSaisons #navigation .hr      {background:#979c2c;}
.desMillesismes #navigation .hr, .desVins #navigation .hr  {background:#b95003;}
.desJours #navigation .hr        {background:#006fa0;}
.desSiecles #navigation .hr      {background:#c89b04;}
#bodyContact #navigation .hr      {background:#a85604;}

/* les mentions sont après la navigation */
#pied{ 
 width:416px;
 position:absolute;
  margin:0 auto;
}
.index #pied{position:relative; margin-top:5px;
 width:960px;
/* margin-top:10px; */
 font-size:.9em;
}

.index #pied, .index #pied a                    {color:#AE9999;}
.desSaisons #pied, .desSaisons #pied a          {color:#3B3E00;}
.desMillesismes #pied, .desMillesismes #pied a, .desVins #pied, .desVins #pied a  {color:#FFF;}
.desJours #pied, .desJours #pied a              {color:#FFF;}
.desSiecles #pied, .desSiecles #pied a          {color:#3B3E00;}
#bodyContact #pied a          					{color:#442300;}

#pied p.lienMention{
 float:left;
}
#pied p.lienMention a{
 margin:0 6px;
}
#pied p.lienMention a.lienlegal{ color:#FFF;}
#pied p.texteMention{
 float:right;
 text-align:right;
}
#pied p.texteMention strong{
 font-size:1.1em;
}

.english{
 float:right;
 text-align:right;
  font-size:0.9em;
  font-weight:bold;}

/**** partie central du texte ****/
#redaction{
 float:none;
 width:530px; width/**/:510px/**/;
 margin:0 4px 11px 420px;
!margin:0 2 11px 415px;/* ie7 et moins */
padding:0 10px 5px;
font-size:11px; font-family:Arial, Helvetica, sans-serif;
}

.index #redaction{
 border-left:solid 1px #979C2C;
 background:url(../../Images/imagesSite/desSaisons/redactionVisuel.jpg) no-repeat right bottom #F2F3D8;
 color:#3B3E00;
}
.desSaisons #redaction{
 border-left:solid 1px #979C2C;
 background:url(../../Images/imagesSite/desSaisons/redactionVisuel.jpg) no-repeat right bottom #F2F3D8;
 color:#3B3E00;
}
.desMillesismes #redaction, .desVins #redaction{
 border-left:solid 1px #979C2C;
 color:#400203;
 background:#F0D2B3;
}
.desJours #redaction{
 border-left:solid 1px transparent;
 background:url(../../Images/imagesSite/desJours/redactionVisuel.jpg) no-repeat right bottom #b3deef;
 color:#3b3e00;
 height:587px;
 _height:589px;
}
.desSiecles #redaction{
 border-left:solid 1px #c07e00;
 background:url(../../Images/imagesSite/desSiecles/redactionVisuel.jpg) no-repeat right bottom #fbf2cd;
 color:#4A2E00;
}


#redaction h3{
 padding:.2em 0; font-size:26px;
}
.desMillesismes #redaction h3, .desVins #redaction h3{
 font-weight:normal;
}
#redaction p{
 padding:10px 12px;
 font-size:11px;
}

.desJours #redaction p.image{
 /*background:#D1EBF5;*/
 padding:10px 0;
 text-align:center;
}
.desJours #redaction p.image img{
 display:block;
 margin:0 auto;
}
/* premiere parti de l'article */
#colophon {overflow:hidden;
width:526px;
_width:513px;}

#colophon p{
 padding:2px 0px;
 text-align:center;
 line-height:1.7em;
}

#colophon {margin-left:-8px;}
#colophon p img{_margin-left:8px;} 

#colophon p a,#colophon p span{
 font-size:11px;
 margin:0 2px;
}
#colophon p a{
 color:#400203;
}
#colophon p span{
 color:#000;
 font-weight:bold;
}
#colophon p a:hover{
 font-weight:bold;
}
#colophon p a.actuellement{
 font-weight:bold;
 text-decoration:underline;
}

/* partie millesismes */
.desMillesismes{

}

/* declaration en commentaire injecte en javascript pour une gestion avec/sans */
#descriptionVin{
 height:auto;/*sans js*/
/*  height:201px; declare en js */
 background:#F6E1CC;
}
#descriptionVin div{
 position:static;/*sans js*/
/*  position:absolute;declare en js */
 height:200px;
 width:510px;
 padding:0;
 border-top:solid 1px #F0D2B3;
 background:url(../../Images/imagesSite/desMillesismes/redactionVisuel.jpg) no-repeat center #F6E1CC;
!width:530;
}
#descriptionVin div h3{
 padding:23px 0px 3px 50px;
}
#descriptionVin div p{
 padding:0 50px 0 50px;
 height:125px;
 overflow:auto;
 font-size:10px;
}
#pavillonListe{
 padding:12px 0 0 0;
 background:url(../../Images/imagesSite/desMillesismes/pavillonListeFlecheHaut.gif) no-repeat #F6E1CC;
 background-position:(76px 0);
}
#pavillonListe li{
 list-style:none;
 display:block;
 float:left;
 width:170px;
 border-bottom:solid 1px #B99688;
 background:#E7CEBA;
 text-align:center;
}
#pavillonListe li img{
 display:block;
 margin:0 auto;
 border-bottom:solid 1px #E7CEBA;
}
#pavillonListe li a:hover img{
 opacity:.6;
 filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity:0.6;
}

#anneeDescriptionGlobal h3{
 padding:43px 0px 3px 49px;
}
#anneeDescriptionGlobal p{
 padding:0 50px 20px 50px;
 overflow:auto;
}

#contenu {position:relative;}

/**************** Plan du site ***************/
#bodyPlanSite {background-color:#7c85ac;}
	#bodyPlanSite #site {background-color:#5c6896;}
		#bodyPlanSite #site #entete {background-image:url(../../Images/imagesSite/planSite/enteteRepete.gif); background-color:#5c6896;}
			#bodyPlanSite #site #entete #menu li a {background-color:#162323; border-color:#162323;}
			#bodyPlanSite #site #entete #menu li.dernier a {background-color:#76a2a4; border-color:#76a2a4;}

		#bodyPlanSite #site #contenu {}
			#bodyPlanSite #site #contenu #pied {clear:both; position:relative; width:960px; padding-top:5px; color:#162323;}
				#bodyPlanSite #site #contenu #pied a {color:#162323;}
				#bodyPlanSite #site #contenu #pied a:hover {text-decoration:underline;}
				
			#bodyPlanSite #site #contenu .plan {float:left; display:inline; width:235px; height:680px; margin-left:4px; background:left bottom no-repeat;}
				#bodyPlanSite #site #contenu .plan h5 {margin:10px 0 0 10px; font-size:15px; font-weight:bold;}
					
				#bodyPlanSite #site #contenu .plan ul {margin:0 0 0 10px; padding:0; list-style:none;}
					#bodyPlanSite #site #contenu .plan ul li {margin-left:7px;}
					
				#bodyPlanSite #site #contenu #planSiecles {background-image:url(../imagesSite/planSite/bgPlanSiecles.gif); background-color:#f3d352; color:#6e4300;}
					#bodyPlanSite #site #contenu #planSiecles a {color:#6e4300;}
					#bodyPlanSite #site #contenu #planSiecles a:hover {text-decoration:underline;}
				
				#bodyPlanSite #site #contenu #planSaisons {background-image:url(../imagesSite/planSite/bgPlanSaisons.gif); background-color:#d1d67a; color:#3b3e00;}
					#bodyPlanSite #site #contenu #planSaisons a {color:#3b3e00;}
					#bodyPlanSite #site #contenu #planSaisons a:hover {text-decoration:underline;}
					
				#bodyPlanSite #site #contenu #planMillesimes {background-image:url(../imagesSite/planSite/bgPlanMillesimes.gif); background-color:#dc9650; color:#891905;}
					#bodyPlanSite #site #contenu #planMillesimes a {color:#891905;}
					#bodyPlanSite #site #contenu #planMillesimes a:hover {text-decoration:underline;}
					
				#bodyPlanSite #site #contenu #planJours {background-image:url(../imagesSite/planSite/bgPlanJours.gif); background-color:#9ed5ea; color:#00354a;}
					#bodyPlanSite #site #contenu #planJours a {color:#00354a;}
					#bodyPlanSite #site #contenu #planJours a:hover {text-decoration:underline;}
/**************** END Plan du site ***********/


/**************** Contact ***************/
#bodyContact {background-color:#d38e48;}
	#bodyContact #site {background-color:#cd6703;}
		#bodyContact #site #entete {background-image:url(../../Images/imagesSite/contact/enteteRepete.gif); background-color:#cd6703;}
			#bodyContact #site #entete #menu li a {background-color:#4f2b05; border-color:#4f2b05;}
			#bodyContact #site #entete #menu li.dernier a {background-color:#76a2a4; border-color:#76a2a4;}
			#bodyContact #site #entete #menu2 li a {background-color:#400303; border-color:#400303;}
			#bodyContact #site #entete #menu2 li.dernier a {background-color:#76a2a4; border-color:#76a2a4;}
			
		#bodyContact #site #contenu {color:#442300;}
			#bodyContact #site #contenu #navigation {}
				#bodyContact #site #contenu #navigation h5 {font-size:14px; margin:15px 0 5px 0;}
				#bodyContact #site #contenu #navigation li {margin:0 12px; font-size:11px;}
					#bodyContact #site #contenu #navigation #premiereNavigation {height:420px;}
						#bodyContact #site #contenu #navigation #premiereNavigation li img {margin-left:-10px;}
					
					#bodyContact #site #contenu #navigation #secondeNavigation { _width:157px; !width:158px; height:395px; !height:420px; background:#e4ac75;}
			
			#bodyContact #site #contenu #redaction {padding:0; width:531px; height:440px; background:url(../imagesSite/contact/bgChamps.jpg) no-repeat;}
				#bodyContact #site #contenu #redaction form#frmContact {font-size:18px; padding:50px 0 0 30px;}
					#bodyContact #site #contenu #redaction form#frmContact label {float:left; width:70px;}
					#bodyContact #site #contenu #redaction form#frmContact label#votreMessage {float:none; width:150px;}
					
					#bodyContact #site #contenu #redaction form#frmContact .text {width:180px; background:#eeb288; border:1px solid #e8965d;}
					#bodyContact #site #contenu #redaction form#frmContact textarea {background:#eeb288; border:1px solid #e8965d;}
					
					#bodyContact #site #contenu #redaction form#frmContact p#submit {text-align:center;}
						#bodyContact #site #contenu #redaction form#frmContact input {width:100px; border:1px solid #cd6703; background:#eeb288; color:#fff; font-weight:bold; padding:2px 0 3px 0;}

/**************** END Contact ***********/

#voirAussi, #liensAuFilDesJours {position:absolute; top:350px; left:246px; width:168px;}
#voirAussi p, #liensAuFilDesJours p {margin:0; padding:0;}
#voirAussi p a, #liensAuFilDesJours p a {display:block; font-size:11px; margin-bottom:2px; padding-left:10px;}
#voirAussi p a:hover, #liensAuFilDesJours p a:hover {text-decoration:underline;}

.desSaisons #voirAussi p a {color:#3b3e00;}
.desSaisons #liensAuFilDesJours p a {color:#155356;}

.actus {background-image:url(../../Images/imagesSite/index/Fondactu.gif);}

.texteactus {color:#AE9999; font-size:12px; padding-bottom:10px;}

/**** partie central du texte ****/
#mention{
 float:none;
 width:800px; width/**/:800px/**/;
 margin:0 4px 11px 40px;
!margin:0 2 11px 417px;/* ie7 et moins */
padding:0 10px 5px;
font-size:11px; font-family:Arial, Helvetica, sans-serif;
}





/**** CSS chinois ****/
#menuchi{
 clear:both;
}
#menuchi li{
 float:left;
}

#menuchi li a{
 display:block;
 padding:0 24px;
 border:solid;
 border-width:1px 0;
}

.index #menuchi li a            {background:#3B3E00;border-color:#3B3E00;}
.desSaisons #menuchi li a       {background:#3B3E00;border-color:#3B3E00;}
.desMillesismes #menuchi li a, .desVins #menuchi li a   {background:#400203;border-color:#400203;}
.desJours #menuchi li a         {background:#47AFD8;border-color:#47AFD8;}
.desSiecles #menuchi li a       {background:#6e4300;border-color:#6e4300;}

#menuchi li a:hover img{
 opacity:.5;
 filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
}
#menuchi li.actif a{
 display:block;
}
.index #menuchi li.actif a          {background:#3B3E00}
.desSaisons #menuchi li.actif a     {background:#3B3E00}
.desMillesismes #menuchi li.actif a, .desVins #menuchi li.actif a  {background:#400203}
.desJours #menuchi li.actif a       {background:#47AFD8}
.desSiecles #menuchi li.actif a     {background:#6e4300}

#menuchi li.dernier a{
 display:block;
 margin-left:2px;
 padding:0 20px;
}
/* dernier elements du menu 'des jours' toujours en bleu plus ou moins foncé */
.index #menuchi li.dernier a           {background:#76A2A4;border-color:#76A2A4;}
.desSaisons #menuchi li.dernier a     {background:#76A2A4; border-color:#76A2A4;}
.desMillesismes #menuchi li.dernier a, .desVins #menuchi li.dernier a  {background:#76A2A4;border-color:#76A2A4;}
.desJours #menuchi li.dernier a        {background:#006FA0;border-color:#006FA0;}
.desSiecles #menuchi li.dernier a        {background:#76a2a4;border-color:#006FA0;}

#navigation li, #menuchi li{
 list-style:none;
}
#navigation li img, #menuchi li img{
 display:block;
}


.chinois{
 float:right;
 text-align:right;
  font-size:0.9em;
  font-weight:bold;}