@charset "utf-8";
/* CSS Document */


/*
80410e

 */

html, body
{
    font-family: "Times New Roman", Times, serif;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
	text-align:center;
	background-image: url(images/fond.jpg);
	
}

a { text-decoration: none; outline-style:none; color:#FFF;} /* 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 */
ul ul, ul ol, ol ul, ol ol { margin-top:15px;}
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;
	font-family:"Times New Roman", Times, serif;
}
.flottantgauche { float:left; margin-left:10px;} 
.clearboth { clear: both;}
.red { color:#F00;}
.brun { color:#80410e;}
.italique { font-style:italic;}
.gris { color: #333333;}
h1 { font-size:200%; font-weight: normal; margin-bottom:15px;}
h2{ font-size:150%; font-weight: normal;  margin-top:20px; color:#80410e;}

.hr{ background-image:url(images/separateur2.jpg); background-repeat:no-repeat; width:573px; height:67px; border:none; text-align:center; margin:auto;}

/* Bon à savoir */
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}


/* pour centrer la div principale*/
#divcentrale { 
	position:relative;
	margin: 0 auto;
	background-image:url(images/etirehaut.gif); background-position:top center; background-repeat:repeat-x;
	height:100%;
	} 
	
#header {}
#contenu { z-index:2; width: 971px; margin:0 auto; min-height:100%; background:url(images/milieuetire.png) repeat-y top right; position:relative; }/* le overflow permet à un fond de s'étirer jusqu'en bas de la DIV */
	#colonnegauche { width: 238px; float: left; margin:0; padding:0; border: none; vertical-align:text-top; position:relative;}
	#colonnedroite {width: 733px; float: right; margin:0; padding:0; border: none;}
	#colonnedroite-top {background:url(images/etirehaut.gif) repeat-x top center;padding-top:15px;padding-right:100px;}
		#zonedetexte { margin:0; padding:0;  margin-bottom:60px; text-align:left;padding-right:50px;  } /* width 733px */
		#zonedetexteinner {width:573px;margin:auto;}
		#zonedetexte a { color:#80410e;}
		#bas { height:49px; background-image: url(images/foot.png); width:733px; position:absolute; right: 0;bottom:0;}

#footer {}

#copyright {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center; color:#000;}

/* 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%;
}

#divmenugauche {background-image: url(images/menugauche.png); margin-top:274px; background-position:top left; background-repeat:no-repeat; width:238px; height:385px; text-align:left;padding-top:90px; padding-left:40px;}
#menugauche {height:48px; text-align: left; color:#FFF; font-size:14px; font-family:'Times New Roman', Times, serif; margin-left:22px;}
#menugauche li{padding:8px 0px 8px 0px; margin-right:70px; border-bottom: 1px #FEEBB1 dotted}

#menutop {height:48px; text-align: right; color:#FFF; font-size:12px; font-family:'Times New Roman', Times, serif; }
#menutop li{ display: inline; }
#menutop li a {margin:0 10px 0 10px;}


#plandusite li{ background-image:url(images/puce.png); padding-left:15px; background-position:left; background-repeat:no-repeat; margin-bottom:15px; font-size:110%;}

.listealpha li{list-style-type:lower-alpha; margin-bottom:30px;}
.avecbullet li {list-style-type: disc;}
.margedegauche { margin-left:30px;}

.margebas { margin-bottom:50px; overflow:hidden;}
.reglement h2{ margin-top:40px;}

.listeapuce li {margin-top: 20px; clear:both;}
.listeapuce li div.boiteimg { width:210px; height:200px; float:left; text-align:center;}
.listeapuce li div.boiteimg img{ margin:auto;}
.listeapuce li div.textefromage { width:500px;}

.listeDoc li {padding-left:20px; background-image:url(images/document.png); background-position:center left; background-repeat:no-repeat; }

#tournee2010 li{ margin-bottom:10px;}
.datetournee { width:70px; float:left; }
.marche { width:150px; float:left;}