body{
margin:0;
padding:0;
background-color:#d4d595;
text-align:center;
font-size:62.5%;
behavior:url(squelettes/csshover.htc);/*WinIE behavior call*/}

#entete h1{
	position:relative;
	width:895px;
	height:312px;
	background-image:url(banniere-3bis.jpg);
	z-index:101;
	margin:0 0 0 -20px;
	background-repeat: no-repeat;
    }
#entete h1 span{
display:none;
}

#evitement{ /*liens d'évitement*/
position:relative;
text-align:right;
margin-right:32px;
}
#evitement a{
	font:1.1em arial,helvetica,sans-serif;
	color:#666600;
    margin:0 0.25em 0 0.25em;
	}
#evitement a:hover{
color: #993300;
}


#conteneur{
	text-align:left;
	width:894px;
	margin:0.25em auto 0 auto;
	position:relative;
	z-index:10;
	padding:0 0 0 20px;
}
.fin{
clear:both;
visibility:hidden;
}
#access{
margin:0 0 0 30em;
padding:0;
}
#access a{
text-align:center;
font:1.2em verdana,arial,helvetica,sans-serif;
text-decoration:underline;
margin:0 0 0 2em;
}

#footer{
height:50px;
background:url(footer.jpg) left top no-repeat;
margin:-8px 0 0 1px;
padding:0 0 1em 0;
text-align:center;
width:870px;}
#footerbis{
position:relative;
top:30px;
padding:0 0 1em 0;}
#footer a{
font:1.1em arial,helvetica,sans-serif;
color:#666600;
padding:0em 0.5em 1em 0.5em;
text-decoration:underline;
padding:0;
}


/*------------------MENU-------------------------------------------------------*/
#menu{
	position:relative;
	margin:-40px 0 0 2em;
	width:861px;
	height:53px;
    border:0;
    z-index:110;
    font:lighter 1.8em arial,helvetica,sans-serif;

 }
#menu ul{
margin:0;
padding:0;
border-width:0 1px;
} 

#menu li{
position:relative;
list-style-type:none;
margin:0;
padding:0 2em 0 1em;
float:left;
text-decoration:none;
height:auto;
}
#menu li:hover{
background-color:#cccc99;
}
#menu li a:hover{
background-color:#cccc99;
}
#menu li a {
display:block;
text-decoration:none;
color:#ffffff;
}
#menu>ul a{width:auto;}

#menu ul ul{
position:absolute;
width:10em;
display:none;
background-color:#aaae17;
padding:0;
margin:0 0 0 -15px;
border:1px solid #ccc;}
#menu ul ul li{
border-bottom:1px solid #ccc;
font:0.8em arial;
width:9.5em;
padding:0 -1.6em 0 0;
margin:0;}
#menu ul.level1 li.submenu:hover ul.level2,
#menu ul.level2 li.submenu:hover {display:block;}


/*______________________________CONTENU ACCUEIL___________________________________*/
#contenu{
background:url(fond.jpg) repeat-y;
margin:-25px 0 0 1px;
padding:0 0 20px 0;}

#contgauche{
width:400px;
text-align:justify;
margin:0;
padding:20px 0 0.25em 2em;
float:left;
}

#accueil p{
font: 1.2em verdana,arial, helvetica,sans-serif;
color:black;
line-height:1.8em;
}
#contgauche h1{
font:2em georgia,'times new roman',serif;
color:#993300;
margin:0 0 1em 0;
}
#contgauche h2{
font:1.7em georgia,'times new roman',serif;
color:#993300;
margin:1.2em 0.5em 0.25em 0.25em;
border-bottom:solid 1px #993300;
}
#contgauche h3{
font:1.5em georgia,'times new roman',serif;;
color:#666600;
margin:1.2em 0 0.7em 0.25em;
text-decoration:underline;
}
#contgauche h4{
font:1.3em georgia,'times new roman',serif;
color:black;
margin:0.25em 0 0.25em 0.5em;
}
#retour{text-align:center;
margin:50px 0 0 -20px;}
#retour a{
margin:0 0 0 25px;
padding: 0;
font:1.2em verdana,helvetica,sans-serif;
color:black;
text-decoration:underline;
}
/*________ACTUALITE________*/


#contdroit{
width:338px;
float:left;
margin:60px 0 0.25em 7em;
padding:0 0 0.5em 0;
text-align:justify;
background-color:#d9db8c;
position:relative;
z-index:12;
border:0;}
#contdroit h2{
color:#fcfbfc;
font:lighter normal 1.8em arial;
background:url(vignette.jpg) no-repeat;
margin:-21px 0 0 0;
width:8em;
position:relative;
z-index:122;
padding:0;
text-align:center;
letter-spacing:0.1em;
border:0;}

#titl-1,#titl-2,#titl-3,#titl-4,#titl-5{
font:bold 2.5em arial,helvetica,sans-serif;
color:#666600;
margin:0.5em 0 0.15em 0.5em;
padding:0;}

div#titl-1 h3{
height:26px;
width:226px;
background:url(prochaine-balade.jpg) no-repeat;}
div#titl-1 h3 span,div#titl-2 h3 span,div#titl-3 h3 span,div#titl-4 h3 span,div#titl-5 h3 span{display:none;}
div#titl-2 h3{
height:26px;
width:226px;
background:url(mes-a-cotes.jpg) no-repeat;}
div#titl-3 h3{
height:26px;
width:226px;
background:url(notre-sortie.jpg) no-repeat;}
div#titl-4 h3{
height:26px;
width:226px;
background:url(mon-profil.jpg) no-repeat;}
div#titl-5 h3{
height:26px;
width:226px;
background:url(categories.jpg) no-repeat;}

.actu{
width:300px;
background-color:#fcfbfc;
padding:0;
margin:0.5em 1.5em 1.5em 1.5em;
border:0;
}
#cadre{
padding:0;
margin:0;
background:url(cadrehaut.jpg) left top no-repeat;
}
#bloccadre{
padding:0.25em;
margin:0;
background:url(cadrebas.jpg) left bottom no-repeat;
}
#logo{
float:right;
padding:2em 2em 0 2em;
margin:0;
}

.actu h4{
font: bolder 1.3em georgia,'times new roman',serif;
color:#666600;
margin:0.5em 0 0 0.25em;
padding:0;
text-align:center;
}

.actu p{
font:1.15em verdana,arial,helvetica,sans-serif;
color:#666600;
padding:0 0.5em;
margin:2em 0 1em 0;
}
.actu p a{
float:right;
margin:0;
padding:0 0 0.15em 0;
text-decoration:underline;
color:#666600;
 }
.date{
font:bold 1.3em verdana,arial,helvetica,sans serif;
color:#666600;
text-transform:capitalize;
margin:0 0.25em 0.25em 0.5em;
text-decoration:underline;
padding:0.6em 0 0 0;}
#newsletter h1{
margin:;
padding:0.5em 0 0 0;}
/*__________________NEWSLETTER_______________________*/
#letter{
font:1.4em georgia,'times new roman', serif;
width:;
height:;
color:#996600;
}
#casenewsletter{
width:380px;
margin:3em 0 3em 0;
padding:0.5em;
-moz-border-radius:15px;
background-color:#fdfbe7;
border:#d9db8c 1px solid;
}
.form2{
background-color:#d4d595;
	margin: 0.25em;
	padding: 0.25em;
	border: inset 2px #d4d595;
	font-family: Verdana, Arial, Helvetica, sans-serif;
width:300px;
}

/*____________________BALADES_______________________*/
#case{
width:400px;
margin:0 0 6em 0;
padding:0.5em;
-moz-border-radius:15px;
background-color:#fdfbe7;
border:#d9db8c 1px solid;
}
#case h1{margin:0.5em 1em 1em 1em;}

#case p{
font:1.25em/1.4em verdana,arial,helvetica,sans-serif;
margin:1em;}

.ps{
font:normal 0.9em verdana,arial,helvetica,sans-serif;
color:#666600;
}

.info h4{
text-align:left;
margin:0;
padding:0.5em 0 0 0.5em;
text-decoration:underline;
color:#993300;
}
.info p{
margin:0;
padding:0.5em 2em 0.25em 2em;
}

/*_____________________CONTACT____________________*/
#contgauchecontact{
width:450px;
text-align:justify;
margin:0;
padding:20px 0 20px 2em;
float:left;
}
#contgauchecontact h1{
font:2em georgia,'times new roman',serif;
color:#993300;
margin:0 0 1em 0;
}

#contgauchecontact h6,#contdroitcontact h6{
font:bold 1.2em georgia,'times new roman',serif;
color:#993300;
margin:0.25em 0.25em 0.25em 1em;
text-decoration:underline;
padding:0.25em 0 ;
}
#casecontact{
width:450px;
margin:0 0 6em 0;
padding:0.25em;
-moz-border-radius:15px;
background-color:#fdfbe7;
border:#d9db8c 1px solid;
}

#contgauchecontact p,#contdroitcontact p {
font:1.2em  verdana, Arial, Helvetica, sans-serif;
padding:0.25em;
margin:0.25em 1em 1em 1em;
} 
.forml {
	background-color:#d4d595;
	margin: 0.25em;
	padding: 0.25em;
	border: inset 2px #d4d595;
	font-family: Verdana, Arial, Helvetica, sans-serif;
width:400px;
}
.spip_bouton {
	border: 2px outset grey;
	padding:0.10em;
	background: #d4d595;
	font:bold 1.3em  Verdana, Arial, Helvetica, sans-serif;
color:#666600;
margin:0 0.25em;}

label{
font:1.1em verdana, Arial, Helvetica, sans-serif;
color:#666600;
margin:0 0 0 0.25em;
padding:0;
}

#contdroitcontact{
width:220px;
float:left;
margin:60px 0 0 120px;
padding:0.25em 0 1em 0;
text-align:justify;
background-color:#d9db8c;
border:0;}




/*____________________MES A COTES__________________*/

#contdroit h6{
font:1.2em georgia,'times new roman',serif;
color:#993300;
margin:0.25em 0.25em 0.25em 1em;
text-decoration:underline;
padding:0.25em 0;
}
.pcotes{
font:1.4em verdana, arial, helvetica;
color:#666600;
padding:0.5em;
width:100px;
float:left;
margin:0;}
#photocontact{
height:162px;
width:124px;
padding:0.25em 0.25em 0.25em 3em;
margin:0;
float:left;}
#photocontact a{
display:block;
height:100%;
width:100%;
background: url(moi1.jpg) no-repeat;
}
#photocontact a:hover{
background: url(moi1.jpg) no-repeat;
}
#categories h4 a{
font:1.4em verdana,arial, helvetica, sans-serif;
color:#993300;
margin:0.5em 0 1em 2em;
padding:0;}

#logofleur{
float:left;
}
#contgauchecotes{
width:400px;
text-align:justify;
margin:0;
padding:40px 0 20px 2em;
float:left;
}
#contgauchecotes h1{
font:2em georgia,'times new roman',serif;
color:#666600;
border-bottom:solid 1px #666600; 
}
#datecotes{
font:1.1em verdana,arial,helvetica,sans-serif;
color:grey;
text-align:right;
}
#contgauchecotes p{
font:1.2em verdana,arial,helvetica,sans-serif;
color:black;}

/*_____________PLAN_____________*/
.agrandir{
width:700px;
margin:0 0 2em 3em;
padding:0.25em;
-moz-border-radius:15px;
background-color:#fdfbe7;
border:#d9db8c 1px solid;
}
.agrandir p{
font: 1.2em/1.8em verdana,arial,helvetica,sans-serif;
color:black;
margin: 0 1em;
}
.agrandir li{
font: bold 1.1em/1.8em verdana,arial,helvetica,sans-serif;
color:grey;
}