body{
	margin:0px;
	padding:0px;
	font-family: Helvetica;
  background-color: #edf9fc;
  background-image: url(images/welcomePage.png);
background-repeat: no-repeat;
}

#container{
margin-left: auto;
margin-right: auto;
width: 1024px;	

}
#languages{
padding:5px;
}
#languages a{
padding-right:5px;
}
#languages a:hover{
opacity:0.8;
}
#languages a facebook{
margin-left: 200px;
}
#languages a facebook: hover{
margin-left: 200px;
opacity:0.8;
}

.menu a {
	display:block;
	color: #fff;
	text-decoration:none;
	background:#1c879a;
}
.menu a:hover {
background:#1da8ac;

}

.menu > li,
.menu > li li {
	position: relative;
	display:inline-block;
	width: 121px;
	padding: 6px 15px;
	background:#1c879a;
	/*background-image: linear-gradient(#fff,#ddd);
	background-image: -webkit-linear-gradient(#ccff66, #99cc33 , #336600 ,#003300);
	background-image: -moz-linear-gradient(#ccff66, #99cc33 , #336600 ,#003300);
	background-image: -o-linear-gradient(#ccff66, #99cc33 , #336600 ,#003300);
	background-image: -ms-linear-gradient(#ccff66, #99cc33 , #336600 ,#003300);*/

}
.menu > li li {
background: transparent none;
background:#1c879a;
}
.menu > li li a { 
color: #ffffff;
background:#1c879a;
}
.menu > li li:hover {
opacity:0.9;
background:#1da8ac;
text-decoration:none;
}
.menu > li:first-child {
	border-right: 1px solid #777;
	background:#1c879a;
	/*border-radius: 8px 0 0 8px;
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	-o-border-radius: 8px 0 0 8px;
	-ms-border-radius: 8px 0 0 8px;*/
}
.menu > li + li {
	border-left: 1px solid #aaa;
	border-right: 1px solid #777;
	background:#1c879a;
}
.menu > li:last-child {
	border-right:0;
	border-left: 1px solid #aaa;
	background:#1c879a;
	/*border-radius: 0 8px 8px 0 ;
	-webkit-border-radius: 0 8px 8px 0 ;
	-moz-border-radius: 0 8px 8px 0 ;
	-o-border-radius: 0 8px 8px 0 ;
	-ms-border-radius: 0 8px 8px 0 ;*/
}
.menu > li:hover {
	text-decoration:none;
	background:#1da8ac;
	transition: max-height 0.7s;
	-webkit-transition: max-height 0.7s;
	-moz-transition: max-height 0.7s;
	-o-transition: max-height 0.7s;
	-ms-transition: max-height 0.7s;
	/*background-image: linear-gradient(#fff,#ddd);
	background-image: -webkit-linear-gradient(#ccff66, #99cc33 , #336600 ,#003300);
	background-image: -moz-linear-gradient(#ccff66, #99cc33 , #336600 ,#003300);
	background-image: -o-linear-gradient(#ccff66, #99cc33 , #336600 ,#003300);
	background-image: -ms-linear-gradient(#ccff66, #99cc33 , #336600 ,#003300);*/
}
/* (presque) fin de la partie positionnement/dˇco */
/* dans cette dˇclaration, on fixe le max-height */
.menu ul {
	position: absolute;
	top: 2em; left:0;
	max-height:0em;
	margin:0; padding:0;
	background:#1c879a;
	/*background-image: linear-gradient(#aaa, #888 50%, #777 50%,#999);
	background-image: -webkit-linear-gradient(#003300, #336600 , #99cc33 ,#ccff66);
	background-image: -moz-linear-gradient(#003300, #336600 , #99cc33 ,#ccff66);
	background-image: -o-linear-gradient(#003300, #336600 , #99cc33 ,#ccff66);
	background-image: -ms-linear-gradient(#003300, #336600 , #99cc33 ,#ccff66);
	border-radius: 0 0 8px 8px;*/
	overflow:hidden;
	transition: max-height 0.7s;
	-webkit-transition: max-height 0.7s;
	-moz-transition: max-height 0.7s;
	-o-transition: max-height 0.7s;
	-ms-transition: max-height 0.7s;*/
	
}
/* ici on change la valeur de max-height au :hover */
.menu > li:hover ul {
	/* need an adaptation, lower is better, but see it large   */
	max-height:13em;
	
}
#window1{
	padding-top: 5px;
	font-size: 0.8em;
	margin-left: auto;
	margin-right: auto;
	color: grey;
	background-color: #eefafc;
	width:250px;
	float: left;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-right: 2px solid #003300;
	border-left: 2px solid #003300;
	border-top: 2px solid #003300;
	border-bottom: 2px solid #003300;
	border-radius: 8px 8px 8px 8px;*/
}

#window1 ul li{
	border-bottom: black;
	text-decoration: none;
}

#window1 p{
	padding:5px;
	
}
#window1 h2{
	padding-left:5px;
	color:#b1d77b;
}
#window1 a:link{
	text-decoration:none;
	font-size: 18px;
	color:#5ebb01;
}
#window1 a:visited{
	color:#336600;
	text-decoration: none;
}
#window1 a:hover, a:active{
	color:#99cc33;
	text-decoration: none;
}