/* CSS Document */

body {
	font-family: Impact, sans-serif;
	padding: 0;
	margin: 0;
}

div#page {
	background-image:url(images/fond-accueil-ferme-des-sources2.jpg);
	background-repeat: no-repeat;
	width: 1003px;
	height: 700px;
	margin: 0 auto;
	padding: 0;
}

html>body div#page {
	height: auto;
	min-height: 700px;
} 

table.contenant {
	width: 1003px;
	height: 700px;
	margin: 0 auto;
	padding: 0;
	border-top: solid #2ba003 2px; 
	border-bottom: solid #2ba003 2px; 
}

/* Menu */
div#contenu-haut{
	background:url(images/header.jpg) no-repeat;	
}
div.gauche {
	clear: both;
	background-image:url(images/fond-menu.jpg);
	background-repeat: no-repeat;
	width: 285px;
	height: 700px;
	margin: 0;
	padding: 0;
}
	div.gauche-haut {
	clear: both;
	background-image:url(images/fond-menu-haut.jpg);
	background-repeat: no-repeat;
	width: 285px;
	height: 547px;
	margin: 0;
	padding: 0;
	}
	td.colonne-menu-bas {
	background-image:url(images/fond-menu-bas.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 285px;
	height: 153px;
	margin: 0;
	padding: 0;
	}

div.menu {
	float: left;
	padding-left: 70px;
	font-size: 20px;
	font-family: Impact, sans-serif;
letter-spacing:2px
}

table.menu {
	width: 100%;
}

table.menu td {
	height: 37px;
}


/* Disposition des blocs */

div#contenu-large {
	font-family: Verdana, sans-serif;
	clear: both;
	width: 707px;
	padding: 0 5px;
}

div#contenu-haut {
	clear: both;
	width: 717px;
	height: 120px;
}

div#contenu-gauche {
	clear: both;
	float: left;
	width: 324px;
	margin: 0;
	padding: 0 0 0 8px;
	height: 500px;
	border-right: dotted #ede336 2px; 
}

div#contenu-droite {
	float: right;
	width: 370px;
	margin: 0;
	padding: 0 5px;
	height: 500px;
}

	div.logo-bienvenue {
		float: right;
		width: 66px;
		height: 85px;
		margin: -50px 0 0 0;
		padding: 0;
	}
	
	div.contre-logo {
		
	}

	div.encart-bas-gauche {
		float: left;
		width: 150px;
		margin: 0;
		padding: 0;
	}
	
	div.encart-bas-droite {
	float: right;
	width: 210px;
	margin: 0;
	padding: 0;
	text-align: left;
	}


div.contenu-bas {
	clear: both;
	width: 670px;
	font-family: Verdana, sans-serif;
	padding: 15px 0 0 30px;
}

div.grenouille-bas {
	float: right;
	width: 98px;
	height: 85px;
	margin: -95px 20px 0 0;
}

.pied-de-page {
	background-image:url(images/fond-accueil-ferme-des-sources-bas.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: left;
	height: 300px;
	width: 1003px;
	padding-bottom: 10px;
}

html>body .pied-de-page {
	height: auto;
	min-height: 300px;
} 

div.bas-de-page {
	text-align: center;
	font-size: 12px;
	color: #666;
	font-family: Verdana, sans-serif;
}

/* Page accueil */

div.haut-de-page {
	text-align: center;
	height: 50px;
	font-size: 20px;
	color:#FFF;
letter-spacing:1px
}

div.flash {
	margin: 0;
}


/* Page contact */

div.adresse-haut-gauche {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #31ec04;
	float: left;
	width: 320px;
	text-align: left;
}

div.adresse-haut-droite {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #31ec04;
	float: right;
	width: 320px;
	text-align: left;
}

div.form {
clear: both;
}

/* Page activit� jeux */

div#contenu-large2 {
	font-family: Verdana, sans-serif;
	clear: both;
	width: 707px;
	padding: 20px 5px 0 5px;
}


/* Page visite */

div#contenu-gauche2 {
	float: left;
	text-align: center;
	width: 440px;
	padding-top: 100px;
	margin: 0;
	height: 450px;
}

div#contenu-droite2 {
	float: right;
	width: 250px;
	margin: 0;
	padding: 0 5px;
	height: 450px;
}
	div.logo-bienvenue2 {
		float: right;
		width: 66px;
		height: 85px;
		margin: 0;
		padding: 0;
	}


/* Mise en forme du contenu */

p.titre {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 24px;
	color: #31ec04;
	text-align: left;
}

p.sous-titre {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	color: #31ec04;
	text-align: left;
}

td.on {
	border-bottom: dotted #ede336 1px; 
}

#contenu-haut p {
	color: #494949;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 24px;
	padding-left: 15px;
}

p.texte {
	color: #666;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	text-align: justify;
}

p.contact {
	font-family: Impact, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #FFF;letter-spacing:2px
}

img { border: none; }

td.actu {
	padding: 0 15px;
}

h1.titre-actu {
	font-family: Impact, sans-serif;
	font-size: 18px;
	color:#2ba003;
	font-weight: normal;
letter-spacing:2px
}

p.texte-actu {
	color: #666;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	text-align: justify;
	font-style: italic;
}

div.form-admin {
	text-align: center;;
}

.texte {
	color: #666;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	text-align: justify;
}
/* Liens */
a { color:#31ec04; text-decoration: none;}
a:hover { text-decoration: underline; }

a.off { color:#FFF; text-decoration: none;}
a.off:hover { color:#ede336; text-decoration: underline; }

a.jaune { color: #ede336; text-decoration: none; }
a.jaune:hover { color:#ede336; text-decoration: underline; }

a.contact { color: #31ec04; text-decoration: none; font-weight: bold; font-size: 14px; font-style: italic; }
.contact { color: #31ec04; text-decoration: none; font-weight: bold; font-size: 14px; font-style: italic; }
a.contact:hover { text-decoration: underline; }

a.bas-de-page { color: #666; text-decoration: none; }
a.bas-de-page:hover { text-decoration: underline; }