* { 
   margin:0;
   padding:0;
}

.img_png, .image_typo, .spip_logo, .format_png {
	behavior: url("win_png.htc");
}

body {
	font-size: 1em;
	font-family : verdana, arial, sans-serif;
}

a, a:visited {
    color : #337256;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;   
}

h1, h2, h3 {
	color : #612333;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-weight:lighter;
}


#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 800px;
	background: url(images/filler.gif) 0px 255px repeat-y;
}

#header {
	margin: 0;
	height : 255px;
	}

a img {
 border:none;   
}

#header a:hover {
    text-decoration:none;
}

#gauche {
	float: left;
	width: 525px;
}

.menu {
	float: left;
	width: 200px;
	padding-left : 25px;
    padding-bottom : 55px;
}

.menu ul {
    color : #337256;
    font-size : 13px; 
    list-style:none;
    margin: 0 20px 20px;

    border-left: solid 2px #337256;
    border-right: solid 2px #337256;
}


.menu ul li{
    padding-right : 20px;
}


.menu ul li.on {
    background-color : #CDE5C1;    
}

.menu ul li.on:hover {
    background : #CDE5C1 url(images/feuille-boulet.gif) 3px no-repeat;  
}


.menu ul li a:hover {
    background : url(images/feuille-boulet.gif) 3px no-repeat;
    }

.menu ul a, .menu ul a:visited, .menu ul span {
    color : #337256;
    width:100%;
    display:block;
    padding: 5px 20px;    
}

.menu p {
    margin-left : 20px;   
}

.contenu { 
	float: left;
	width: 300px;
	font-size : 13px;
	padding-bottom: 50px;
	margin-top :  -15px;
}

.contenu ul {
margin-left: 15px;
padding-right: 10px;
}

.contenu ul li {
    padding : 2px 0px;
}
    
.contenu strong {
color : #733343;
}

.contenu h3 {
padding-top:20px;
color : #114930;
}

.soustitre {
    position : absolute;
    top : 185px;    
	width : 285px;
}

.contenu p{ 
    padding: 15px 10px 3px 0px;
    text-align : justify;
}

.droite {
	float: right;
	width: 250px;
    height : 640px;

    position: relative;
    z-index : 100;
    padding-right: 25px
}

.bas {
    clear: both;
     background: url(images/bottom.gif) top left no-repeat;
     height:3px;
     position:relative;
     top : -27px;

}

#stopper {
background:#fff;
height:27px;
position:relative;
top:-27px;

}

/* Pour les différentes pages */

.droite {
background: url(images/droite.jpg) top left no-repeat;

}

#droite_1, #droite_4 {
   background: url(images/accueil.jpg) top left no-repeat;
}

#droite_2 {
   background: url(images/menu.jpg) top left no-repeat;
   height : 900px;
}

#droite_3 {
   background: url(images/activites.jpg) top left no-repeat;
}

#droite_6 {
   background: url(images/services.jpg) top left no-repeat;
}

#contenu_6, #contenu_9, #contenu_10, #contenu_12, #contenu_16{
    margin-top : 0px;
}

#droite_7, #droite_13 {
   background: url(images/horaire.jpg) top left no-repeat;
}

#droite_8 {
   background: url(images/boutique.jpg) top left no-repeat;
}

#droite_9, #droite_10, #droite_16 {
   height: 200px;
   z-index:0;
}


#contenu_10, #contenu_16 {
 margin-left : 225px;
 position:absolute;
 width:525px; 
}
#texte_10, #texte_16 {
margin-left:-10px
 position:absolute;
}


#menu_10, #menu_16 {
height: 460px;    
}

#soustitre_10, #soustitre_16 {
 top : -70px;   
}



#droite_11 {
   background: url(images/tarifs.jpg) top left no-repeat;
}

#droite_12, #droite_17 {
   background: url(images/joindre.jpg) top left no-repeat;
}


#contenu_14 p, #contenu_15 p {
width : 525px;
}

#droite_15 {
   background: url(images/lexique.jpg) top left no-repeat;
}


input.error, textarea.error {
    border: dotted 1px #f00;
}

label.error {
    color: #f00;  
    display:block;
}


table.spip .label{
width: 240px;
}


/* Slide show stuff*/
#slideshow  {
    list-style:none
    z-index:1;
    position : relative;
}

.ss_item {
    position:absolute;
 
}

.jcarousel-control {
   cursor: pointer;    
}

#carousel-wraper {
padding-top : 380px;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-scope".
 */
.jcarousel-scope {
    position: relative;
    width: 525px;
    padding-left: 35px;
    }


/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    position: absolute;
    top: 30px;
    right: 20px;
    width: 45px;
    height: 41px;
    cursor: pointer;
    background : url(images/fleche_next.png) no-repeat top left;        
}

.jcarousel-next:hover {
    background : url(images/fleche_next_over.png) no-repeat top left;        
}

.jcarousel-prev {
    position: absolute;
    top: 30px;
    left: 5px;
    width: 45px;
    height: 41px;
    cursor: pointer;
    background : url(images/fleche_back.png) no-repeat top left;          
}

.jcarousel-prev:hover {
    background : url(images/fleche_back_over.png) no-repeat top left;        
}

.jcarousel-scroll {
    margin: 0;
    margin-top: 10px;
    padding: 0;
}

 
/* map stuff */
#map {
    z-index: 1;
    }

/*.jcarousel-next {
    position: absolute;
    top: 70px;
    right: 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    font-weight: bold;
}

.jcarousel-prev {
    position: absolute;
    top: 70px;
    left: 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    font-weight: bold;
}
*/

.btn-lang-fr {
background: #fff url(images/bt_fr.gif) no-repeat top left;;
width: 85px;
height : 40px;    
display:block;
margin-left : 35px;
}

.btn-lang-fr:hover {
background: #fff url(images/bt_fr-over.gif) no-repeat top left;
text-decoration : none;
}

.btn-lang-en {
background: #fff url(images/bt_en.gif) no-repeat top left;
width: 85px;
height : 40px;    
display:block;
margin-left : 35px;
}

.btn-lang-en:hover {
background: #fff url(images/bt_en-over.gif) no-repeat top left;
display:block;
text-decoration : none;
}

iframe {
position:absolute;
top:950px;
right:5px;
}