html
	{
		height: 100%;
	}

	body
	{
		height: 100%;
	}

	#nonFooter
	{
		position: relative;
		min-height: 100%;
	}

	* html #nonFooter
	{
		height: 100%;
	}

	#footer
	{
		position: relative;
		margin: 0 auto 0 auto;
	}

	/* A CSS hack that only applies to IE -- specifies a different height for the footer */

	* html #footer
	{
		margin-top: 0;
	}


html, body {
	margin: 0;
	padding: 0;
	background:#B7D297 url("images/degradevertb.gif") repeat-y fixed top left;
/*	background-color:#B7D299;
/*	background-repeat:repeat-x;*/
	width:100%;
	height:100%;
	text-align:center;
	}
/*................................................Haut de page avec logo et menu de navigation ................ dans boitetete*/	

#boitetete
{
	width:790px;
	height:120px;
	background-image:url("images/tuval8.gif");
	border: 3px solid #006400;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}
#logo 
{
	
	
	height: 112px;
	width: 147px;
	background-image:url("images/logo.gif");
	background-repeat:no-repeat;
	margin-left: 3px;
	margin-top : 3px;
	margin-bottom: 3px;
	border-bottom:2px solid #006400;
}
#nav2
{
	
	width:420px;
	height:30px;
	margin-top:10px;
	margin-left:38%;
	
	}
#nav
{
	float:right;
	width:620px;
	height:70px;
	margin-top:10px;
	margin-right:2px;
	
	}
#menu 
{	
	
	margin-top:40px;	
	width:585px;
	
}

#menu ul, #menu li	{
	
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
	
}

	
#menu a:link, #menu a:visited	{
	background : #B7D299;
	border : 2px solid #006400;
	color : #006400;
	float : left;
	font-size : 14px;
	font-weight : bold;
	line-height : 15px;
	margin-right : 5px;
	padding : 2px 4px 2px 4px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 3px solid #fff;
	
	color : #006400;
}

#menu a:hover	{
	color : blue;
	background-color:#BFE293;
	line-height:24px;
	border-bottom:4px solid #006400;
}

	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a, 
body.section-5 #menu li#nav-5 a,
body.section-6 #menu li#nav-6 a 
{
	background : #D1E6C4;
	border-bottom : 2px solid green;
	color : #000;
	line-height:30px;
	text-decoration:underline;
}
	
/* ............................................................ milieu de page avec feuille à gauche et bannière à droite. dans boitemilieu.........*/

#boitemilieu
{
	
	width:790px;
	min-height:580px;
	
	border: 3px solid #006400;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	
	
   
}
* html #boitemilieu
{
	
	height:77%;
}
#conteneur1
{
    float:left;
    width:750px;
	height:30%;
}	
#photo 
{
	
	margin-right:5%;
	margin-left:35%;
	margin-top:2%;
	width:400px;
	height: 120px;
}


#image 
{
	
	float:left;
	height: 300px;
	width: 150px;
	background-image:url("images/arbre.gif");
	background-repeat:no-repeat;
	margin-top:15%;
	
	margin-left:10px;
}

.zoom a img {border:none} 
.zoom a:hover 
{border:0px;
display:block; 
position:absolute;

} 
.zoom a:hover img
 {
  
 width:600px ;
 height:512px
} 

#ville
{
	
	float:left;
	height: 380px;
	width: 180px;
	border: 4px solid #006400;
	margin-top:20px;
	margin-left:10px;
	padding-left:2px;
	text-align: left;
	
}

#r-col
{
	float:right;
	height: 300px;
	width: 50px;
	margin-right:70px;
}	
		

#banniere
{
	float:right;
	height:300px;
	width: 30px;
	margin-top:15%;
	margin-right:2%;
	background-image:url("images/banniere.gif");
	background-repeat:no-repeat;
}
#texte
{
	
	margin-right:10%;
	margin-left:25%;
	margin-top:2%;
	
	
}

#textecontenu
{
	
	
	margin-top:15%;
	text-align:justify;
	
}
#imageville
{
	
	margin-right:10%;
	margin-left:35%;
	margin-top:2%;
}	
#carteroute
{
	width:365px;
	height:360px;
	margin-left:36%;
	margin-top:2%;
}	
#carteroutebis
{	
	float: left;
	width:380px;
	height:390px;
	margin-left:10px;
	margin-top:2%;
}
#carterouteter
{	
	float: left;
	width:350px;
	height:300px;
	margin-left:10px;
	margin-top:2%;
}
#plan
{	
	float: left;
	width:350px;
	height:500px;
	margin-left:20px;
	margin-top:2%;
}
#plan2
{	
	float: left;
	width:500px;
	height:220px;
	margin-left:200px;
	margin-top:1%;
}
#titre
{
	float:left;
	width:240px;
	height:15px;
	margin-left:30px;
}
#titre1
{

	position:relative;
	width:240px;
	height:15px;
	margin-left:30px;
}
#titre2
{
	float:right;
	width:400px;
	height:80px;
	margin-right:5%;
}
#titre3
{
	float:left;
	width:200px;
	height:100px;
	margin-left:5px;
}
#titre4
{
	float:right;
	width:200px;
	height:100px;
	margin-right:5px;
}
#navigation {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	margin-left:200px;
	}
#navigation li {
	display: inline ;
	margin-right:200px ;
	color: #006400;
	
	}
#navigation li a {
	padding: 4px 20px;
	background:#B7D297;
	color: #006400;
	border: 2px solid #006400;
	font: 2em "Trebuchet MS",Arial,sans-serif ;
	line-height: 2em ;
	font-weight:bold;
	text-align: center ;
	text-decoration: none ;
	}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #BFE293;
	text-decoration: underline ;
	}	
#situation a
{
	
	background-color:#B7D299;
	color:#006400;
	width:100px;
	height:50px;
	margin-left:60px;
	margin-top:10px;
	border: 4px solid #006400;
	text-align:center;
	text-decoration : none;
}
#situation  a:hover
{
	
	background-color:#BFE293;
	height:70px;
	line-height:30px;
	border-bottom:6px solid #006400;
	
	text-align:center;
}	
#masse a
{
	
	background-color:#B7D299;
	color:#006400;
	width:80px;
	height:50px;
	margin-left:40px;
	margin-top:10px;
	border: 4px solid #006400;
	text-align:center;
	text-decoration : none;
}
#masse  a:hover
{
	
	background-color:#BFE293;
	height:70px;
	line-height:30px;
	border-bottom:     ;
	
	text-align:center;
}	
.diapo
{
	display:block;
	float:left;
	width:200px;
	height:150px;
	margin-left:10px;
	margin-top:10px;
	
}
.diapob
{
	display:block;
	float:left;
	width:130px;
	height:95px;
	margin-left:30px;
	margin-top:10px;
	
}
.diapoc
{
	display:block;
	
	width:250px;
	height:160px;
	margin-left:5px;
	margin-top:5px;
	
}
#boitedroite
{
	float:right;
	height:200px;
	width:7em;
	margin-right:2px;
	margin-top:20px;
	
}
#menu dl{
margin:-5px;
padding:5px;
}
#menudroit dt{
margin:-5px;
padding:5px;
}
#menudroit dt  a
{
  text-decoration:none;
  text-align:center;
  background-color:#B7D299;
  color:#006400;
  display:block;
  width:7em;
  padding:0.2em;
  margin-bottom:8px;
  border:2px solid #006400;
  }
 
* html #menudroit dt a/**/{
width/**/:100%; /*valeur pour MSIE 5.5*/
width:/**/7em; /*valeur pour MSIE 6*/
}
 
#menudroit dt a:hover
 {
  color : blue;
	background-color:#BFE293;
	
	margin-bottom:10px;
	border-bottom:2px solid #006400;
  }

  .col
{
	float:left;
	width:40px;
	height:1.1em;
	color:#006400;
	font-weight:bold;
	font-size:11px;
	margin-right:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}	
.col1
{
	float:left;
	width:60px;
	height:1.1em;
	color:#006400;
	font-weight:bold;
	font-size:11px;
	margin-right:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
.col2
{
	float:left;
	width:80px;
	height:1.1em;
	color:#006400;
	font-weight:bold;
	font-size:11px;
	margin-right:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}	

.col3
{
	float:right;
	width:60px;
	height:1.1em;
	color:#006400;
	font-weight:bold;
	font-size:11px;
	margin-right:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
.col4
{
	float:left;
	width:20%;
	height:1.1em;
	color:#006400;
	font-weight:bold;
	font-size:11px;
	margin-right:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
.col5
{
	float:right;
	width:150px;
	height:1.1em;
	color:#006400;
	font-weight:bold;
	font-size:11px;
	margin-right:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
#piedcol
{
	position:relative;
	width:760px;
	height:72px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
div#galerie 
{ 
    width: 700px ; 
    height:520px; 
     
    padding: 15px ; 
    margin: 5px 15px ; 
    text-align: center ; 
    font: 0.9em Georgia, serif ; 
} 
 
ul#galerie_mini 
{ 
    margin: 0 ; 
    padding: 0 ; 
    list-style-type: none ; 
} 
 
ul#galerie_mini li 
{ 
    float: left ; 
} 
 
ul#galerie_mini li a img 
{ 
    margin: 2px 1px ; 
    border: 1px solid #dcb ; 
} 
 
dl#photo 
{ 
    clear: both ; 
    margin: 30px ; 
} 
 
dl#photo dt 
{ 
	
    font: italic 1.2em/1.5em Georgia, serif ; 
	margin-left:130px;
    color: #006400; 
} 
 
dl#photo dd 
{ 
    margin: 0,0,10,0; 
	
} 
 
dl#photo img 
{ 
    border: 1px solid #dcb ; 
} 
        	


/*..........................................................................................bas de page avec image e-mail à gauche et clé animée à droite dans boitepied....................................*/ 


#boitepied
{
	position:relative;
	width:790px;
	height:75px;
	background-image:url("images/tuval8.gif");
	border: 3px solid #006400;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

#piedcentre1
{
	
	margin-top:0;
	margin-right:15%;
	margin-left:20%;
	
	
	}
#piedcentre2
{
	
	margin-top:-10px;
	margin-right:15%;
	margin-left:20%;
	
	
	}
#piedgauche
{
	float:left;
	height:26px;
	width:100px;
	margin-left:30px;
	margin-top:10px;
	
	
	background-repeat:no-repeat;
}
#pieddroit
{
	float:right;
	width: 100px;
	height:45px;
	margin-right:5px;
	background-image:url("images/cle.gif");
	background-repeat:no-repeat;
}
/*....................................................................................Nécessaire pour formulaire dans page contact.........................................*/
div.tableau 
 {

margin:0;
padding:0;

}	

  
div.entete , div.tcontenu
{
 margin:0;
 }


.clear {
display:block;
clear:both;
visibility:hidden;
}
span.nom {
display:block;
float:left;
overflow:auto;
width:150px;
margin:1px;

}

span.prenom {
display:block;
float:left;
overflow:auto;
width:150px;
margin:1px;

}
span.ville{
display:block;
float:left;
overflow:auto;
width:150px;
margin:1px;

}

span.adresse{
display:block;
float:left;
overflow:auto;
width:150px;
margin:1px;

}
span.cp{
display:block;
float:left;
overflow:auto;
width:150px;
margin:1px;

}
span.tel{
display:block;
float:left;
overflow:auto;
width:150px;
margin:1px;

}
span.mel{
display:block;
float:left;
overflow:auto;
width:150px;
margin:1px;

}
div.entete span.nom, div.entete span.prenom, div.entete span.adresse, div.entete span.ville,
div.entete span.cp, div.entete span.tel , div.entete span.mel	
{
height:1.2em;
color:#006400;
font-weight:bold;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
div.tcontenu span.nom, div.tcontenu span.prenom, div.tcontenu span.adresse, div.tcontenu span.ville,
div.tcontenu span.cp, div.tcontenu span.tel, div.tcontenu span.mel
{
height:30px;
text-align:center;
}
div.tcontenu span.nom input {
width:130px;
margin-left:5px;
margin-right:5px;
}

div.tcontenu span.prenom input {
width:130px;
margin-left:5px;
margin-right:5px;
}
div.tcontenu span.adresse input {
width:130px;
margin-left:5px;
margin-right:5px;
}

div.tcontenu span.ville input {
width:130px;
margin-left:5px;
margin-right:5px;
}
div.tcontenu span.cp input {
width:50px;
margin-left:5px;
margin-right:5px;
}
div.tcontenu span.tel input {
width:130px;
margin-left:5px;
margin-right:5px;
}

div.tcontenu span.mel input {
width:130px;
margin-left:5px;
margin-right:5px;
}
span.envoyer input {
margin-left:110px;
}
form {

margin-left:50px;
padding:10px;
width:350px;
}
label {
font-size:12px;
font-family:"trebuchet ms",sans-serif;
font-weight:bold
}
input {
border:1px solid black;
background-color:white;
font-family:"trebuchet ms",sans-serif;
color:#006400;
}
select, option {
background-color:white;

}
textarea {

margin-left:0;
border:1px solid black;
background-color:white;
font-family:"trebuchet ms",sans-serif;
color:#3C6E00;

}
/*.........................................................................................différents styles titres et caractères..........................................................................*/
h1 {
font-size : 20px;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #006400;
text-align: center;
}
h2 {
font-size : 14px;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #006400;
text-decoration:underline;
}
h3 {
font-size : 12px;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #006400;
text-align: center;
}
h4 {
font-size : 12px;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #006400;
text-align: center;
text-decoration:underline;
font-weight:bold;
}
h5 {
font-size : 25px;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #006400;
text-align: center;
font-weight:bold;
}
h6 {
font-size : 20px;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #006400;

}

a {
	font-family: "Trebuchet MS","Comic Sans MS",  Georgia, Helvetica, serif;
	font-size: small;
	
	}  
p, ul, li {

	font-family: "Trebuchet MS", "Comic Sans MS",  Georgia, Helvetica, Arial, serif;
	font-size: 12px;
	color:#006400;
	}
	
strong
{

	font-size: medium;
}
img {
border : 0 none ; 
} 

abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }