body
{
width: 1000px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color:#cdd6a7
}

#en_tete
{
width: 1000px;
height: 200px;
background-image: url("../images/bandeau2.jpg");
background-repeat: no-repeat;
margin: auto;
}

	   #diaporama img {
	       float:left;
	       width: 50px;
		   height: 50px;
		   }
		   
.case
{
display:block;
width:750px;
height:100px;
background:url('../images/case.jpg');
}

.case1
{
display:block;
width:750px;
height:100px;
background:url('../images/case1.jpg');
}
.case1:hover
{
background:url('../images/case1.gif');
}

.case2
{
display:block;
width:250px;
height:100px;
background-image: url("../images/case2.jpg");
background-repeat: no-repeat;
}
.case3
{
display:block;
width:250px;
height:100px;
background-image: url("../images/case3.jpg");
background-repeat: no-repeat;
}
.case4
{
display:block;
width:250px;
height:400px;
background-image: url("../images/idees_sejours.jpg");
background-repeat: no-repeat;
}
.case5
{
display:block;
width:250px;
height:100px;
background-image: url("../images/case5.jpg");
background-repeat: no-repeat;
}
.case6
{
display:block;
width:250px;
height:200px;
background-image: url("../images/prochainement.jpg");
background-repeat: no-repeat;
}

#bas
{
position: absolute;
top: 300px;
}

#menu, #menu ul
{
padding: 0px;
margin: 0px;
list-style: none;
line-height: 21px;
text-align: center;
}

#menu
{
font-weight: bold;
font-family: Arial;
font-size: 10px;
}

#menu a 
{
        display : block;
        padding : 0;
        background : #000;   
        color : #fff;
        text-decoration : none;
        width : 110px;
}

#menu li /* Éléments des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
		border-top: 1px solid #fff;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 110px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 110px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
        background: lime; /* ... et au contraire, le fond en blanc */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#corps
{
margin: auto;
padding: 5px;
}
#corps2
{
margin: auto;
padding: 5px;
color: white;
background-color: green;
font-weight: bold;
text-align: justify;
}

#pied_de_page
{
padding: 5px;
position: absolute;
bottom: 20px;
}

#minicorps
{
position: absolute;
left: 48%;
width: 300px;
margin-bottom: 20px;
padding: 10px;
text-indent: 30px;
text-align: justify;
}

#calendrier
{
width: 100px;
margin: 10px;
text-align: justify;
}
.jaune
{
background-color: #FFCC00;
color: white;
font-weight: bold;
font-size: 1.2em;
}
.vert
{
background-color: #99CC00;
color: white;
font-weight: bold;
font-size: 1.2em;
}
.orange
{
background-color: #FF9900;
color: white;
font-weight: bold;
font-size: 1.2em;
}
.bleu
{
background-color: #3FADC6;
color: white;
font-weight: bold;
font-size: 1.2em;
}

.petit_em
{
font-size: 0.7em;
}
.grand_em
{
font-size: 1.3em;
}

h1
{
text-align: center;
}
h3
{
text-align: center;
font-size: 1.1em;
font-family: Arial, Verdana, serif;
font-weight: bold;
}
p
{
background-color: white;
text-align: justify;
font-size: 0.8em;
font-family: "Verdana", "Trebuchet MS", Georgia, serif;
width: 800px;
border: 1px;
margin: auto;
margin-bottom: 20px;
overflow: auto;
}
fieldset
{
background-color: white;
margin: auto;
margin-bottom: 10px;
}
textarea
{
width: 300px;
height: 50px;
overflow: auto;
}
input:focus, textarea:focus
{
background-color: lime;
}
legend
{
color: red;
font-weight: bold;
}

h4
{
text-align: right;
margin: 5px;
}
h5
{
font-size: 1em;
margin: auto;
text-align: justify;
}
.centre
{
text-align: center;
}

.cadre
{
border: 6px ridge white;
}
.bordure
{
border-left: 8px ridge lime;
border-right: 8px ridge lime;
}
.bordureg
{
border-left: 6px solid red;
}
.bordured
{
border-right: 6px solid red;
}

.souligne
{
   text-decoration: underline;
}

a
{
text-decoration: none;
}
a:visited
{
color: rgb(18,116,213);
}
a:hover
{
color: red;
}
a:active, a:focus
{
background-color: grey;
}
a img
{
border: none;
}

.telephone:before
{
content: url("../images/telephone.jpg");
}
.portable:before
{
content: url("../images/portable.jpg");
}
.mail:before
{
content: url("images/mail.jpg");
}
.web:before
{
content: url("images/web.jpg");
}

.imageblock
{
display: block;
width: 800px;
margin: auto;
}
.imageblock2
{
display: block;
width: 600px;
margin: auto;
}
.imageblock3
{
display: block;
width: 500px;
margin: auto;
}
.imageblock4
{
display: block;
width: 300px;
margin: auto;
float: left;
}

.affiche
{
float: left;
width:250px;
margin: 10px;
}

.imageflottanteg
{
float: left;
}
.imageflottanted
{
float: right;
}
.logo
{
float: right;
width: 150px;
height: 150px;
}
.dessous
{
clear: both;
}

.imagegif
{width: 133px;
height: 96px;
margin: auto
}
#menuimage
{
float: left;
}
.rien
{
list-style-type: none;
}

td
{
font-family: "Comic Sans Ms", "Trebuchet Ms", Times, serif;
font-size: 0.7em;
text-align: justify;
padding: 2px;
}
th
{
border: 3px solid white;
}

table
{
margin: auto;
border-collapse: separate;
}

.cellule_vide
{
border: none;
}

.rucherons
{
position: relative;
left: 570px;
top: 308px;
}
.bergerie
{
position: relative;
left: 295px;
top: 365px;
}
.espace
{
position: relative;
left: 450px;
top: 230px;
}
.cavaliers
{
position: relative;
left: 330px;
top: 280px;
}
.valbertier
{
position: relative;
left: 457px;
top: 266px;
}
.kiton
{
position: relative;
left: 524px;
top: 245px;
}
.cavalibre
{
position: relative;
left: 466px;
top: 290px;
}
.trait
{
position: relative;
left: 117px;
top: 335px;
}
.loups
{
position: relative;
left: 311px;
top: 330px;
}
.ceer
{
position: relative;
left: 310px;
top: 337px;
}
.malain
{
position: relative;
left: 206px;
top: 352px;
}
.monts
{
position: relative;
left: 204px;
top: 375px;
}
.chd
{
position: relative;
left: 231px;
top: 376px;
}
.acvo
{
position: relative;
left: 107px;
top: 399px;
}
.mountain
{
position: relative;
left: 114px;
top: 420px;
}
.bonheur
{
position: relative;
left: 73px;
top: 452px;
}
.seurre
{
position: relative;
left: 106px;
top: 477px;
}
.santenay
{
position: relative;
left: -28px;
top: 552px;
}
.hue
{
position: relative;
left: 369px;
top: 75px;
}
.vaux
{
position: relative;
left: 330px;
top: 365px;
}
.corlay
{
position: relative;
left: 507px;
top: 263px;
}
.laize
{
position: relative;
left: 485px;
top: 335px;
}
.ranch
{
position: relative;
left: 419px;
top: 237px;
}
.croux
{
position: relative;
left: 210px;
top: 137px;
}
.bruyeres
{
position: relative;
left: 265px;
top: 176px;
}
.equihens
{
position: relative;
left: 186px;
top: 170px;
}
.vivelle
{
position: relative;
left: 350px;
top: 181px;
}
.ardent
{
position: relative;
left: 240px;
top: 202px;
}
.moulin
{
position: relative;
left: 300px;
top: 237px;
}
.enfance
{
position: relative;
left: -77px;
top: 257px;
}
.campanettes
{
position: relative;
left: 370px;
top: 254px;
}
.dragons
{
position: relative;
left: -160px;
top: 300px;
}
.trot
{
position: relative;
left: 28px;
top: 292px;
}
.st_aubin
{
position: relative;
left: 163px;
top: 287px;
}
.rennes
{
position: relative;
left: -154px;
top: 324px;
}
.cluny
{
position: relative;
left: 3px;
top: 313px;
}
.st_laurent
{
position: relative;
left: -150px;
top: 401px;
}
.brionnais
{
position: relative;
left: -224px;
top: 427px;
}
.cavale
{
position: relative;
left: -205px;
top: 431px;
}
.camargue
{
position: relative;
left: 360px;
top: 115px;
}
.lantilly
{
position: relative;
left: 488px;
top: 191px;
}
.st_martin
{
position: relative;
left: 334px;
top: 272px;
}
.metiers
{
position: relative;
left: 432px;
top: 287px;
}
.rose
{
position: relative;
left: 276px;
top: 309px;
}
.traclin
{
position: relative;
left: 433px;
top: 304px;
}
.nivernais
{
position: relative;
left: 330px;
top: 359px;
}
.fromentee
{
position: relative;
left: 224px;
top: 332px;
}
.cap
{
position: relative;
left: 357px;
top: 385px;
}
.crins
{
position: relative;
left: 290px;
top: 226px;
}
.gambades
{
position: relative;
left: 288px;
top: 202px;
}
.aslf
{
position: relative;
left: 130px;
top: 413px;
}
.ance
{
position: relative;
left: -27px;
top: 275px;
}
.grain
{
position: relative;
left: -27px;
top: 381px;
}
.bertranges
{
position: relative;
left: -50px;
top: 250px;
}
.morvan
{
position: relative;
left: 213px;
top: 185px;
}
.ana
{
position: relative;
left: -138px;
top: 423px;
}
.horse
{
position: relative;
left: -138px;
top: 454px;
}
.prunevaux
{
position: relative;
left: -131px;
top: 252px;
}
.acn
{
position: relative;
left: -200px;
top: 202px;
}
.pesteau
{
position: relative;
left: 430px;
top: 389px;
}
.grilles
{
position: relative;
left: 283px;
top: 409px;
}
.colombier
{
position: relative;
left: 275px;
top: 97px;
}
.cottard
{
position: relative;
left: 168px;
top: 352px;
}
.marais
{
position: relative;
left: 266px;
top: 183px;
}
.ruats
{
position: relative;
left: 504px;
top: 514px;
}
.longueraie
{
position: relative;
left: 280px;
top: 162px;
}
.passion
{
position: relative;
left: 200px;
top: 208px;
}
.endurance
{
position: relative;
left: 425px;
top: 489px;
}
.marquis
{
position: relative;
left: 135px;
top: 352px;
}
.puisaye
{
position: relative;
left: 58px;
top: 377px;
}
.martinieres
{
position: relative;
left: -17px;
top: 115px;
}
.fontaine
{
position: relative;
left: 230px;
top: 455px;
}
.grilletiere
{
position: relative;
left: 53px;
top: 359px;
}
.bles
{
position: relative;
left: 30px;
top: 50px;
}
.desir
{
position: relative;
left: 116px;
top: 375px;
}
.vallees
{
position: relative;
left: -26px;
top: 130px;
}
.richemont
{
position: relative;
left: -111px;
top: 232px;
}
.croix
{
position: relative;
left: -1px;
top: 462px;
}
.clos_bruyeres
{
position: relative;
left: -29px;
top: 154px;
}
.attelage_yonne
{
position: relative;
left: -7px;
top: 306px;
}