body
{
    background-image: url(image/fd_ete.png);
	background-repeat: repeat-x;
	background-color: #fff ;
	margin-top: 0px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif, 12px;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	word-spacing: normal;
	letter-spacing: normal;
	color: #000000;
}

h2
{
text-align:center;
}

li 
{
list-style-type:none;
background-image:url(image/puce00.png);
background-repeat:no-repeat;
padding-left:30px;/*30*/
padding-bottom: 10px;
line-height:1.2;
}

div.arrondi {
    background-image: url(image/navBarBg.gif);
        background-color: red ;
		-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
      }

div.menu_arrondi {
 	width:250px;
		-moz-border-radius: 200px;
        -webkit-border-radius: 200px;
        border-radius: 200px;
      }

div.text_menu {	  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	font-stretch: normal;
	word-spacing: normal;
	letter-spacing: normal;
	color: #006600;	  
}	  
	  
#top
{
position:absolute;
top:50px;
left:100px;
width:1200px;
height:200px;
overflow:no;
 background-position: top left ;
 background-image: url('image/bandeaugd_hiver2.png') ;
 background-repeat: no-repeat ;
 border: 2px solid #fff ;
 		-moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
}


#left
{
position:absolute;
top:280px;
left:50px;
}


#middle
{
background-color: #24D969; 
position:absolute;
width:950px;
top:300px;
left:300px;
padding:20px;
border: 2px solid #fff ;
	-moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

#index_haut
{
display: inline;
}
#index_haut_gauche
{
width:250px;
float: left;
text-align:left;
}
#index_haut_centre
{
width:500px;
float: left;
text-align:center;
}
#index_haut_droite
{
width:250px;
text-align:right;
}
#index_bas
{
display: inline;
}
#index_bas_gauche
{
width:700px;
float: left;
text-align:left;
}
#index_bas_droite
{
width:250px;
text-align:right;
}

#adresse
{
	position:relative;
	left:50px;
	width:500px;
	height:800px;
	background-image:url("image/adresse.jpg");
	background-repeat:no-repeat;
	background-position:center;
	border: 2px solid #fff ;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	z-index:1;
}
			
#formcontact
{
	position:relative;
	background-color:#24D969;
	left:50px;
	width:500px;
	padding: 5px;
	margin: 2px;
	border: 2px solid #fff ;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;

}
			
#plan
{
	position:relative;
	background-color:#24D969;
	left:50px;
	width:500px;
	padding: 5px;
	margin: 2px;
	border: 2px solid #fff ;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
			
.bloc
{
	position:relative;
	background-color:#24D969;
	width:200px;
	left:250px;
	padding: 5px;
	margin: 2px;
	border: 2px solid #fff ;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	z-index:10;
}

.tableau
{
 border:1px solid white;
 vertical-align:middle;
 border-collapse: collapse;
 margin: 0 auto;
}

.ligne
{
 border:1px solid white;
 vertical-align:middle;
}

.cellule
{
 border:1px solid white;
 vertical-align:middle;
 padding: 12px;
 }

#maj
{
position:absolute;
top:10px;
left:600px;
width:200px;
height:20px;
overflow:no;
text-align:right;
font-size:10px;
color:#fff;
}

#navmenu
{
font-size:14px;
font-weight:bold;
position:absolute;
overflow:no;
}

#navmenu ul li
{
list-style-type: none;
padding: 5px;
margin: 2px;
display: block;
float: left;
text-align: center;
color: #ffffff;
}
#navmenu a
{
text-decoration: none;
 background-color: #24D969 ;
display: block;
width: 150px;
color: #ffffff;
 border: 2px solid #fff ;
 		-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
padding: 5px;
margin: 2px;
}

#navmenu a:hover
{
padding: 5px;
margin: 2px;
background-color: #fff ;
color: #00cc01;
border: 2px solid #00cc01 ;
 		-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
}

/* position du menu horizontal*/

#menu
{
position:absolute;
top:260px;
left:300px;
overflow:no;
}

/* menu horizontal sejour & classe */

#navcontainer {
margin: 0;
padding: 0;
list-style: none;
}
#navcontainer li {
display: inline; /* affichage horizontal */
}
#navcontainer li a {
padding: 5px 20px;
margin: 0;
background: #24D969;/*00cc01;*/
color: #fff;
border: 2px solid #89a;
text-decoration: none;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
}

#navcontainer li a:hover
{
padding: 5px 20px;
margin: 0;
background: #fff;
color: #00cc01;
text-decoration: none;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
}

#navcontainer a:hover
{
padding: 5px;
margin: 2px;
background-color: blue ;
color: #00cc01;
border: 2px solid #00cc01 ;
 		-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
}

#stop
{
position:absolute;
top:10px;
left:10px;
width:800px;
height:100px;
overflow:no;
font-size: 18px;
font-weight:bold;
font-stretch:normal;
word-spacing:normal;
letter-spacing:normal;
color: #ffffff;
}

#logo
{
position:absolute;
top:10px;
right:10px;
width:150px;
height:100px;
overflow:no;
}