@charset "utf-8";
/* CSS Document */


/*
beige e9e3da
rouge 581e0f
brun  412520
*/

html, body
{
    font-family: Arial, Verdana, Helvetica, Serif;
    font-size: 12px;
    font-weight: normal;
    color: #8E4920;
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
    max-height: 100%;
	text-align:left;
	background-color:#fff;
}
a { text-decoration: none; outline-style:none; color: #8E4920;} /* enleve le pointillé rouge dans firefox */
a:hover { text-decoration: underline;}

* {outline: none;}/*  Enlever le bug bleu de safari */

ul, li {margin:0;padding:0;list-style:none;} /* Reset les listes */

#colonnedroite ul{margin-top:20px;}
ul.listeapuce li { background-image:  url(../../images/puce.png); background-position:left; background-repeat:no-repeat; padding-left:20px; list-style-type:none;}

img { border: none; display: block;} /* Pour ne pas qu'il y aie un espace sous les images*/
h1, h2, h3
{
    font-size: 1em;
    margin: 0;
}

h1 { font-family: Verdana, Geneva, sans-serif}
h2 { font-size:220%; font-weight: bold; border-bottom:1px dotted #412520; margin-top:20px;  }
h3 { font-size:130%; margin-top:30px; margin-bottom:10px; text-transform:uppercase; font-weight: normal;  }
h4 { font-size:130%; border-bottom:1px dotted #412520;}

#news h1, #news h2, #news h3, #news h4 { font-size:100%; font-weight:bold; border:none; color:#412520; margin:0px; padding:0px;}

table { color:#333;}

/* COULEUR */
.beige { color: #e9e3da;}
.rouge { color:#581e0f;}
.brun { color:#412520;} 

/* Bon à savoir */
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}


/* MENU */
#menu li { float:left; margin-top:8px;}

/* pour centrer la div principale*/
#divcentrale {
	margin: 0 auto;
	width: 954px;
	background-image: url(../../images/2010/etire2.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color:#e9e3da;
} /* largeur du contenu */

#header { height:78px;position:relative;text-align:left;z-index:10;}
#contenu {overflow: hidden; position:relative; padding-bottom:20px;}/* le overflow permet à un fond de s'étirer jusqu'en bas de la DIV */
	#colonnegauche {width: 232px; float: left; margin:0; padding:0; vertical-align:text-top;}
	#colonnedroite {overflow: hidden; float: left; width:705px; margin:240px 0 0 0; padding:0; position:relative; padding:0 0 0 10px ;}

#footer { height:156px; background-image:url(../../images/2010/pied.gif); background-position:top left; background-repeat:repeat-x;}

#copyright {padding-top:50px;font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center; color:#ffffff;}

/* rollover */
.rollOver{display: block;background-repeat: no-repeat;background-position: 0 0;float: left;}
.rollOver:hover{background-position: bottom right;}
.rollOver span{display: none;}

.icone 
{
    width: 354px;
    height: 34px;
}

/* CLEAR FIX pour régler les problemes de float, mettre sur la div conteneur */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
			    
/* COLONNE GAUCHE */
#facebook    { background-image :url(../../images/2010/btn_facebook.png); width : 192px; height:39px;}
#recommander { background-image :url(../../images/2010/btn_recommander.png); width : 192px; height:48px;}

/* xFade2 */
#partenaires {
	position:relative;
	margin:auto;
	width:160px;
	height:70px;
}

#partenaires img {
	display:none;
	position:absolute;
	top:0; left:0;
}

/* titre sIFR */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-flash + div[adblocktab=true] {display: none !important;}
.sIFR-hasFlash h1 {visibility: hidden;}
h1 {text-align: center;font-size: 40px;padding: 20px 0 20px 0;margin-bottom:0px;}

/* menu superfish */
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {line-height:1.0;z-index:9999;}
.sf-menu ul {position:absolute;top:-999em;width:10em;}
.sf-menu ul li {width:100%;z-index:9999;}
.sf-menu li:hover {visibility:inherit;}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:46px;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:10em;top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em;top: 0;}
.sf-menu li:hover a, .sf-menu li.sfHover a,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background-position: bottom;}

/* menu top */
#menu a {display:block;float:left;background-repeat:no-repeat;background-position:0 0;height:46px;}
#menu li:hover a, #menu li.sfHover a, #menu a:focus, #menu a:hover, #menu a:active { background-position: bottom; }
#menu a span {display:none;}
#menu li ul {width:200px;background:#663a1f;padding:16px;border-left:1px solid #241407;border-bottom:1px solid #241407;border-right:1px solid #241407;}
#menu li ul li {padding:4px 0;margin:0;border-top:1px dashed #7d5122;}
#menu li ul li.first {border-top:none;}
#menu li ul li, #menu li ul li a {float:none;height:20px;color:#cc992c;font:12px/20px arial;}
#menu li ul li a {text-decoration:none;}
#menu li ul li a:hover {background:#4a2f1e;}
#mnu_accueil { background-image:url(../../images/menu/m1_accueil.png);width:93px;}
#mnu_visiteurs { background-image:url(../../images/menu/m2_visiteurs.png);width:83px;}
#mnu_exposants { background-image:url(../../images/menu/m3_exposants.png);width:95px;}
#mnu_benevoles { background-image:url(../../images/menu/m4_benevoles.png);width:94px;}
#mnu_les-amis-des-fromages { background-image:url(../../images/menu/m5_amis.png);width:178px;}
#mnu_photos { background-image:url(../../images/menu/m6_photos.png);width:75px;}
#mnu_contact { background-image:url(../../images/menu/m7_contact.png);width:81px;}
#mnu_plan { background-image:url(../../images/menu/m8_plandusite.png);width:103px;}

/* menu gauche */
#menugauche {width:232px;}
#menugauche li, #menugauche a {font-size:1px;}
#menugauche a {display:block;height:26px;}
#menugauche li a.double {height:52px;}
#menugauche a:hover, #menugauche a.active {background-position:bottom;}
#menugauche a span {display:none;}
#menugauche li ul {display:none;}
#menugauche li.active ul {display:block;}
#menugauche li li a {height:20px;}
#menugauche li li a.double {height:40px;}
#motsdebienvenue {background-image:url(../../images/menu_gauche/motsdebienvenue.gif);}
#visiteurs {background-image:url(../../images/menu_gauche/visiteurs.gif);}
#exposants {background-image:url(../../images/menu_gauche/exposants.gif);}
#warwickfest {background-image:url(../../images/menu_gauche/warwickfest.gif);}
#maison-des-fromages {background-image:url(../../images/menu_gauche/maisondesfromages.gif);}
#caseus {background-image:url(../../images/menu_gauche/caseus.gif);}
#commanditaires {background-image:url(../../images/menu_gauche/commanditaires.gif);}
#salle-de-presse {background-image:url(../../images/menu_gauche/salledepresse.gif);}
#virage-vert { background-image:url(../../images/menu_gauche/viragevert.gif);}
#programmation {background-image:url(../../images/menu_gauche/programmation.gif);}
#salon-des-fromages-fins {background-image:url(../../images/menu_gauche/salondesfromagesfins.gif);}
#bistro-saq {background-image:url(../../images/menu_gauche/bistrosaq.gif);}
#activites-gastronomiques {background-image:url(../../images/menu_gauche/combatsdeschefs.gif);}
#activites-familiales {background-image:url(../../images/menu_gauche/activitesfamiliales.gif);}
#boutique-et-artisans {background-image:url(../../images/menu_gauche/boutiquesetartisans.gif);}
#admission-et-horraire {background-image:url(../../images/menu_gauche/admissionethoraire.gif);}
#reservation-en-ligne {background-image:url(../../images/menu_gauche/reservationenligne.gif);}
#theatre {background-image:url(../../images/menu_gauche/theatre.gif);}

/* PLAN DU SITE */
.sitemap ul{ margin-bottom:5px; margin-left:10px;}
.sitemap li { margin-top:5px;}
.sitemap li a{ font-size:130%; }

.sitemap ul ul{ margin-bottom:10px; margin-left:20px;}
.sitemap li li a{ color:#333; font-size:100%;}
.sitemap li li li a{ color:#555; font-size:100%;}

/* FORMULAIRE */
.boiteformulaire { border:1px solid #581e0f; width:255px;}
.boiteformulaireequipe { border:1px solid #581e0f; width:400px;} /* affecte équipe et témoignage et photo */
.SendButton {margin:0 0 0 100px;padding:0;border:none;background:url(../../images/envoyer.png) no-repeat left top;height:26px;width:77px;cursor:pointer;display:block;float:left;}
.SendButton:hover {background-position:left bottom;}
.parcourir {margin:0px; padding:0px;  border:none; background-image:url(../../images/parcourir.png); background-position:left top; background-repeat:no-repeat;  height:26px;  width:77px;}
.parcourir:hover { background-position:bottom left; cursor:pointer;}
.checkboxes input {  }
.radiobouton input {margin-left:10px;}
.radiobouton label { display:inline;float:none; }
input[type="text"] {border-color:#6D2D2B;}

/* POPUP */
.sinscrire {margin:0px; padding:0px;  border:none; background-image:url(../../images/sinscrire.png); background-position:left top; background-repeat:no-repeat;  height:26px;  width:78px;}
.sinscrire:hover { background-position:bottom left; cursor:pointer;}

.fermer {margin:0px; padding:0px;  border:none; background-image:url(../../images/fermer.png); background-position:left top; background-repeat:no-repeat;  height:26px;  width:78px;}
.fermer:hover { background-position:bottom left; cursor:pointer;}

/*  CASEUS */
.tableaucaseus h2 { border:none;}
.tableaucaseus { background-color:#FFFFFF;}

.cms ul {margin-left:20px;float:none;}
.cms li {list-style:circle;float:none;}

/* PROGRAMMATION*/

.aligntop td{ vertical-align:top;}
.aligntop td p {margin-top:0;}
