body {
margin:0;
padding:0;
background-image: url(contenu/aerienne.jpg);
background-size : cover;

}

html {
  font-size: 100%;
}
body {
  margin: 0px;
  padding: 0px;
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12px;
  font-size-adjust: none;
  font-stretch: normal;
}
input, select, textarea {
  font-size: 100%;
}
h1 {
	text-align: center;
	font-family: verdana, arial,sans-serif,Geneva;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 4em;
	line-height: 1em;
	font-size-adjust: none;
	font-stretch: normal;
	color:green;
}
h2 {
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 1.7em;
  line-height: 1em;
  font-size-adjust: none;
  font-stretch: normal;
}
h3 {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
	font-size-adjust: none;
	font-stretch: normal;
	left: 4px;
	right: 4px;
}

/*menu*/

#menu {
 width: 870px;
  margin-left:auto;
  margin-right:auto;
 margin-top:5px;
 position:absolute;
 z-index:100;
 background-image: url(general/menumarron.png);
 background-repeat: no-repeat;
 
 
  }
 #menu ul {
 padding: 0;
 margin:0;
 background-image: url(general/menumarron.png);
 }
  

 #menu  li {
  float: left;
  list-style: none;
  font-size: 12px;
    }
  #menu .sousMenu {
  margin: 0px;
  padding: 0px;
  list-style:none;
  
  }
  #menu .sousMenu li{
  float:none;
  list-style:none;
  margin:0px;
  padding:0px;
  border:0px;
  width:90px;
  border-top: 1px solid transparent;
  border-right: 2px solid transparent;
  font-size: 12px;

  }
  #menu ul li a:link, #menu li a:visited
  {
  display: inline;
  float: left;
  width:71px;
  height:25px;
  color:black;
  margin:0;
  padding: 5px 8px;
  text-align:center;
  vertical-align:center;
  font-weight: bold;
  font-size:12px;
  line-height: 1em;
  text-decoration:none;
  }
  
  #menuDepart
  {
  padding-left:6px;
  }
  #menu li a:hover {background-image: url(general/menuorange.png); }
  #menu li a:active {background-image: url(general/menuorange.png); }
  
  #menu .sousMenu li a:link,
  #menu .sousMenu li a:visited
  {
  display: block;
  color: black;
  margin: 0;
  text-decoration:none;
  background: transparent url(general/menumarron.png) repeat;

  }
  #menu .sousMenu li a:hover {
  background-image: none;
  background-image: url(general/menuorange.png);
  
  }

  /* on cache tous les menus avec display:none*/
  #menu .sousMenu {
  display:none;
  z-index:100;
  }
  
/*Lors du survol ,avec la souris, les sousmenus apparaissent grâce à display: block */    
 
 #menu ul li:hover ul.sousMenu {display:block;}

 
 /*disposition de la page*/
 
#head {
 width: 870px;
 height: 250px;
 background-color: white;
 margin-left: auto; 
margin-right:auto;
margin-top: 5px;
}
 
 #corpsDePage {
 width: 870px;
 background-color: white;
 margin-left: auto;
 margin-right: auto;
  border-bottom: solid 1px transparent;
  border-top: 1px solid transparent;
   /*filter: alpha(opacity=80); /* propriétaire IE*/
/*-moz-opacity:0.7;*/
/*opacity:0.7;*/

 }
/*#contenu{
width: 870px;
margin-left: auto;
margin-right: auto;
border: solid red 1px;
}*/
.colonne {
width: 240px;
float: left;
margin-top: 50px;
padding-left: 10px;
border: 1px solid transparent;
}
.calendrier{
width: 150px;
float: left;
padding-left:5px;
padding-right:5px;
text-align: center;
border: 0px solid transparent;
}
#texte {
width:840px;
margin-top:50px;
border: 1px solid transparent;
float: left;
padding-left: 20px;
}
#texte2 {
width:850px;
margin-top:40px;
border: 1px solid transparent;
float: left;
padding-left: 20px;
}
#paragraphe {
width:830px;
margin-top:5px;
border: 1px solid transparent;
float: left;
padding-left: 20px;
padding-right: 20px;
}
 #piedDePage {
 width: 870px;
 height:35px;
 font-size: 12px;
 vertical-align:center;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 20px;
 background-image: url(general/menumarron.png);
 border: solid 1px transparent;
 }
 
/* set the width and height to match your images*/

#slideshow {
    position:relative;
    height:250px;
    width:870px;
   /* -moz-border-radius: 20px;*/
    /*-webkit-border-radius: 20px;*/
  /*  -khtml-border-radius: 20px;*/
   /* border-radius: 20px;*/
    /*behavior: url ( border-radius.htc);*/
  }
     

#slideshow IMG {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
	overflow: hidden;
	/*-moz-border-radius: 20px;*/
   /* -webkit-border-radius: 20px;*/
    /*-khtml-border-radius: 20px;*/
   /* border-radius: 20px;*/
   /* behavior: url ( border-radius.htc);*/

}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}	
.image {
position:absolute;
float:right;
padding-left: 705px;
filter: alpha(opacity=80); /* propriétaire IE*/
-moz-opacity:0.8;
opacity:0.8;
z-index:500;
padding-top:109px;

}
.texte {
float:right;
margin-right:10px;
text-align:justify;
margin-top: 20px;
width: 450px;
}
.info {
list-style:none;
width:870px;
}
.info li {
float:left;
text-align:left;
padding:2px 5px 2px;
font-size: 12px;
}
.slope{
position:relative;
float:right;
margin-bottom:200px;

}
.plan {
float:none;
border: solid 1px;
border-color: black;
padding: 5px;
width: 50px;
height: 16px;
background-color: white;
font-weight: bold;
text-align: center;
color: black;
font-family: Arial,Helvetica,sans-serif;
font-size: 10pt;
z-index: 2;
}
.renseignement{
height: 20px;
text-align: center;
float: left;
margin-left: 10px;
font-size: 12px;
}
#overlay {
position: absolute;
top: 270px;
margin-left: auto;
margin-right: auto;
width: 870px;
height:685px;
background-image: url(contenu/aerienne.jpg);
/*border: solid 5px #c29d73;*/
/*background-color: white;*/
z-index: 10;
margin-top: 15px;
display:none;
overflow: hidden;
}
#corpsDePage {

}	

#texte p {

}
#en_gras {
	font-weight: bold;
}