html, body {
	height: 100%;
	margin: 0;
	}
html {
	background: #83a272 ;
	background-image:url(images/html2.jpg) ;
	}
body {
	font: 90% "Trebuchet MS", sans-serif;
}
a {
	color: #465C3A;
	font-weight: bold;
	}
a:hover {
	color: #c00;
	}
a img { border: none; }
img { border: none; }
#entete {
	background: #83a272 url(images/banniere4.jpg) no-repeat;
	color: #fff;
	height: 201px;
	position: relative;	
	}
entete h1 {
    /*habillage du titre dans l'entête*/
	margin: 0;
	position: absolute;
	bottom: 10px;
	left: 30px;
	font: 3em Georgia, serif;
	}
	
#general {
	/* c'est le conteneur general*/
	min-height: 100%;
	width: 950px;
	padding: 0 10px;
	margin: 0 auto;
	margin-top: 10px;	
	position: relative;
	padding: 0 10px;
	background: url(images/fond.jpg) center repeat-y;
	}
#generalaccueil {
	/* c'est le conteneur general*/
	min-height: 100%;
	width: 950px;
	padding: 0 10px;
	margin: 0 auto;
	margin-top: 10px;	
	position: relative;
	padding: 0 10px;
	background: url(images/fond2.jpg) center repeat-y;
	}
#conteneur {
	/* conteneur du contenu, colonne et pied */
	padding-bottom: 50px;
    overflow: auto;	
	}

		
#conteneur h2 {
    margin-top: 15px;
	padding-left: 35px;
	/*petite image devant le titre*/		
	}

#contenu {
    /*le contenu du site à droite*/
	float: right;
	width: 730px;
	margin-left: 10px;    	
	}
#flv
{
    margin-top: 10px;
   /*width:480px;
   height:360px;*/   
   float:center;
   font-size: medium;   
   font-family:  Comic Sans MS,Arial, Verdana, serif; /* style de police */      
}
#vision {
}
#video {
   width:500px;   
   }
#zip {
   width:500px;
   top:850px;
   left: 260px;
   position: absolute;   
   }
#photo2 {
   /*la photo de l'équipe*/
   width:640px;
   height: 480px;
   top:250px;
   left: 260px;
   position: absolute;
   background: url(images/karnten.jpg) no-repeat;   
   }

#texte {
   /*warendorf*/
   width:600px;
   height:600px;
   top:250px;
   left: 335px;
   position: absolute; 
   font: 90% "Trebuchet MS", sans-serif;   
   }
#anglais {
   /*la photo de la page d'accueil*/
   width:606px;
   height: 30px;
   margin-top:10px;
   margin-left: auto;
   margin-right: auto;    
   }
#photo {
   /*la photo de la page d'accueil*/
   width:607px;
   height: 501px;
   margin-top:50px;
   margin-left: auto;
   margin-right: auto;   
   }
#photos {
   /*la photo de la page d'accueil*/
   width:606px;
   height: 280px;   
      
   }
#photo3 {   
   width:339px;
   height: 258px;
   margin-top:50px;
   background: url(images/travaux.gif) no-repeat   
   }
#photo4 {   
   width:640px;
   height: 480px;
   top:250px;
   left:270px;
   position: absolute;
   background: url(images/DSCF3140.jpg) no-repeat   
   }
#photo5 {   
   width:640px;
   height: 480px;
   top:250px;
   left: 270px;
   position: absolute;
   background: url(images/DSCF4011.JPG) no-repeat   
   }
#photo6 {   
   width:640px;
   height: 480px;
   top:250px;
   left:270px;
   position: absolute;
   background: url(images/alytus141.jpg) no-repeat   
   }
#photo7 {   
   width:640px;
   height: 480px;
   top:250px;
   left:270px;
   position: absolute;
   background: url(images/estonie.jpg) no-repeat   
   }
#photo8{   
   width:640px;
   height: 460px;
   top:250px;
   left:270px;
   position: absolute;
   background: url(images/heistadmoen.jpg) no-repeat   
   }
#photo9{   
   width:640px;
   height: 480px;
   top:250px;
   left:270px;
   position: absolute;
   background: url(images/relay216.jpg) no-repeat   
   }
#photo10{   
   width:640px;
   height: 480px;
   top:250px;
   left:270px;
   position: absolute;
   background: url(images/ermelo090.jpg) no-repeat   
   }
#photo11{   
   width:640px;
   height: 468px;
   top:250px;
   left:270px;
   position: absolute;
   background: url(images/wa38.jpg) no-repeat   
   }
#photo12{   
   width:640px;
   height: 425px;
   top:250px;
   left:270px;
   position: absolute;
   background: url(images/mwg2011.jpg) no-repeat   
   }
#photo13{   
   width:640px;
   height: 425px;
   top:250px;
   left:270px;
   position: absolute;
   background: url(images/wmoc2012.jpg) no-repeat   
   }
#photo14{   
   width:627px;
   height: 412px;
   top:250px;
   left:270px;
   position: absolute;
   background: url(images/wmoc2013.jpg) no-repeat   
   }
#photo15 {
   /*le logo MWG 2011*/
   width:628px;
   height: 570px;
   top:250px;
   left: 240px;
   position: absolute;
   background: url(images/MWG.png) no-repeat   
   }
#photo16 {
   /*copacabana*/
   width:628px;
   height: 570px;
   top:250px;
   left: 240px;
   position: absolute;
   background: url(images/copacabana.JPG) no-repeat   
   }      
#ours {   
   width:648px;
   height: 486px;
   top:250px;
   left: 270px;
   position: absolute;
   background: url(images/predeal.JPG) no-repeat   
   }
#colonne {
    /*le menu à gauche*/
	float: left;
	width: 200px;
	margin-left: 15px;
	margin-top: 15px;
	}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
margin: 0;
padding: 0;
}

#menu dt {
cursor: pointer;
background: #A7C099;
height: 30px;
line-height: 30px;
margin: 2px 0;
border: 1px solid gray;
text-align: center;
font-weight: bold;
}

#menu dd {
position: absolute;
z-index: 100;
left: 12em;
margin-top: -1.4em;
width: 10em;
background: #A7C099;
border: 1px solid gray;
}

#menu ul {
padding: 2px;
}
#menu li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}

#menu li a:hover {
text-decoration: underline;
}
#pied {
    /* le pied de page*/
	
	position: absolute;
	width: 100%;
	bottom: 0;
		}
.defence {
   /*le logo defence*/
   width:28px;
   height: 36px;
   top: 1200px;   
   position: absolute;      
   }
#pied p {
	margin: 2px 0;
	font-size: 0.9em;
	margin-left:10px;
	}