/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


body {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	
}

h1 {
	margin:0px; padding:0px;
	font-size:14px;
	font-weight:bold;
}
h2 {
	margin:0px; padding:0px;
	font-size:13px;
	font-weight:normal;
}
	
h3 {
	font-size:12px;
	font-weight:normal;
}

h4 {
	font-size:11px;
	font-weight:normal;
}

img, table { margin: 0; padding: 0; border: none; }

a:active, a:focus{
      outline:none;
}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */



#central {
	margin:auto;
	width:800px;
	height:800px;
}

#menu1 {
	margin:auto;
	width:800px;
	height:207px;
	position:relative;
	top:40px;
	background-image:url(../visuels/fd_menu.jpg);
	background-repeat:no-repeat;
}

.rub1 {
	position:absolute;
	left:125px;
	top:5px;
	width:129px;
	height:202px;
	text-align:center;
	text-transform:uppercase;
	line-height:15px;
	color:#86a90b;
	font-size:13px;
}

.rub1 a {
	color:#86a90b;
	text-decoration:none;
}
 
.rub1 a:hover {
	color:#264c20;
}

.rub1curr {
	position:absolute;
	left:125px;
	top:5px;
	width:129px;
	height:202px;
	text-align:center;
	text-transform:uppercase;
	line-height:15px;
	color:#86a90b;
	font-size:13px;
}

.rub1curr  a {
	color:#264c20;
	text-decoration:none;
}
 
.rub1curr  a:hover {
	color:#86a90b;
}

.rub2 {
	position:absolute;
	left:264px;
	bottom:0px;
	width:130px;
	height:202px;
	text-align:center;
	text-transform:uppercase;
	line-height:15px;
	color:#86a90b;
	font-size:13px;
}

.rub2 a {
	color:#86a90b;
	text-decoration:none;
}
 
.rub2 a:hover {
	color:#264c20;

}

.rub2curr {
	position:absolute;
	left:264px;
	bottom:0px;
	width:130px;
	height:202px;
	text-align:center;
	text-transform:uppercase;
	line-height:15px;
	color:#86a90b;
	font-size:13px;
}

.rub2curr a {
	color:#264c20;
	text-decoration:none;
}
 
.rub2curr a:hover {
	color:#86a90b;

}


.rub3 {
	position:absolute;
	left:404px;
	bottom:0px;
	width:130px;
	height:202px;
	text-align:center;
	text-transform:uppercase;
	line-height:15px;
	color:#86a90b;
	font-size:13px;
}

.rub3 a {
	color:#86a90b;
	text-decoration:none;
}
 
.rub3 a:hover {
	color:#264c20;
}

.rub3curr {
	position:absolute;
	left:404px;
	bottom:0px;
	width:130px;
	height:202px;
	text-align:center;
	text-transform:uppercase;
	line-height:15px;
	color:#86a90b;
	font-size:13px;
}

.rub3curr a {
	color:#264c20;
	text-decoration:none;
}
 
.rub3curr a:hover {
	color:#86a90b;
}

.rub4 {
	position:absolute;
	left:544px;
	bottom:0px;
	width:130px;
	height:202px;
	text-align:center;
	text-transform:uppercase;
	line-height:15px;
	color:#86a90b;
	font-size:13px;
}

.rub4 a {
	color:#86a90b;
	text-decoration:none;
}
 
.rub4 a:hover {
	color:#264c20;
}

.rub4curr {
	position:absolute;
	left:544px;
	bottom:0px;
	width:130px;
	height:202px;
	text-align:center;
	text-transform:uppercase;
	line-height:15px;
	color:#86a90b;
	font-size:13px;
}

.rub4curr a {
	color:#264c20;
	text-decoration:none;
}
 
.rub4curr a:hover {
	color:#86a90b;
}


#txtvert {
	float:left;
	margin:auto;
	background-image:url(../visuels/fd_bloc_gche.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:40px;
	width:307px;
	height:363px;
}

#blocbleu {
	float:left;
	margin:auto;
	margin-left:6px;
	background-image:url(../visuels/img01.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:40px;
	width:327px;
	height:363px;
}

#blocbleurub2 {
	float:left;
	margin:auto;
	margin-left:6px;
	background-image:url(../visuels/boue1.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:40px;
	width:327px;
	height:363px;
}

#blocbleurub3 {
	float:left;
	margin:auto;
	margin-left:6px;
	background-image:url(../visuels/eau.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:40px;
	width:327px;
	height:363px;
}

#blocbleurub4 {
	float:left;
	margin:auto;
	margin-left:6px;
	background-image:url(../visuels/reglementation.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:40px;
	width:327px;
	height:363px;
}

#blocbleurub15 {
	float:left;
	margin:auto;
	margin-left:6px;
	background-image:url(../visuels/urgence1.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:40px;
	width:327px;
	height:363px;
}

#blocbleurub7 {
	float:left;
	margin:auto;
	margin-left:6px;
	background-image:url(../visuels/reglementation1.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:40px;
	width:327px;
	height:363px;
}

#blocbleurub8 {
	float:left;
	margin:auto;
	margin-left:6px;
	background-image:url(../visuels/ref1-2.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:40px;
	width:327px;
	height:363px;
}

#blocbleurub9 {
	float:left;
	margin:auto;
	margin-left:6px;
	background-image:url(../visuels/ref1-2.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:40px;
	width:327px;
	height:363px;
}

#blocbleurub13 {
	float:left;
	margin:auto;
	margin-left:6px;
	background-image:url(../visuels/carte1.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:40px;
	width:327px;
	height:363px;
}


#blocfotos {
	float:left;
	margin:auto;
	margin-left:6px;
	background-image:url(../visuels/fd_bloc_droite.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:40px;
	width:153px;
	height:363px;
}


/* root element for scrollable */ 
div.scrollable {   
     
    /* required settings */  
    overflow:hidden;     
 
    /* vertical scrollers have typically larger height than width */     
    height:270px;      
    width:110px; 
	position:relative;left:22px;top:12px;
	float:left;
} 
 
/* root element for scrollable items */ 
div.scrollable div.items {     
    position:absolute; 
     
    /* this time we have very large space for height */     
    height:100000em;     
}

/* prev, next, prevPage and nextPage buttons */
a.prev {
	float:left;
	width:118px;
	height:35px;
	background:url(../visuels/bt_ht_bleu.jpg) no-repeat;
	position:relative;left:16px;
	cursor:pointer;
}




/* next button uses another background image */
a.next {
	float:left;
	width:118px;
	height:35px;
	background:url(../visuels/bt_bas_bleu.jpg) no-repeat;
	position:relative;left:16px;top:23px;
	cursor:pointer;	
}



#blocbas {
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../visuels/fd_bas.jpg);
	position:relative;
	top:40px;
	width:800px;
	height:142px;
}

#rubsbas {
	width:800px;
	position:absolute;
	bottom:122px;
	text-align:center;
	text-transform:uppercase;
	color:#a9a694;
	font-size:10px;
	font-weight:bold;
}

#rubsbas a {
	color:#a9a694;
	text-decoration:none;
}

#rubsbas a:hover {
	color:#264c20;
}


#fr {
	position:absolute;
	bottom:72px;
	left:354px;
	width:46px;
	height:49px;
}

#En {
	position:absolute;
	bottom:72px;
	left:400px;
	width:46px;
	height:49px;
}

#LocMat {
	float:left;
	margin:auto;
	position:relative;
	bottom:32px;
	left:285px;
	width:227px;
	height:20px;
}

#jaiunprojet {
	float:left;
	margin:auto;
	width:800px;
	position:relative;
	bottom:5px;
	text-align:center;
	text-transform:uppercase;
	color:#82c9e8;
	font-size:12px;
}

#jaiunprojet a {
	color:#82c9e8;
	text-decoration:none;
	width:800px;
	height:20px;
}

#jaiunprojet a:hover {
	color:#fff;
}

#grenouille {
	position:relative;
	bottom:127px;
	left:588px;
	width:227px;
	height:84px;
}

#sos {
	position:relative;
	top:15px;
	width:175px;
	height:104px;
}

#mentions {
	float:left;
	width:800px;
	height:30px;
	position:relative;
	top:37px;
	text-align:center;
	color:#4fadce;
	font-size:10px;
	z-index:1000;
}

#mentions a {
	color:#4fadce;
	text-decoration:none;
}

#mentions a:hover {
	color:#1d637c;
}


#majhome {
	margin:auto;
	text-align:center;
	color:#688111;
	font-size:10px;
	position:relative;
	top:37px;
	padding-bottom:10px;
}

#majhome a {
	font-size:10px;
	text-decoration:underline;
	color:#ccc;
}

#majhome a:hover {
	text-decoration:underline;
	color:#688111;
}