@charset "utf-8";
/* CSS Document */
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}

a:link {
	color: #2C7E2C;
	text-decoration:none;
}
a:visited {
	color: #9999FF;
	text-decoration:none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

#head{
width:900px;
padding:10px;
}
#banner{
width:470px;
height:60px;
background-color:#F6F6F6;
padding:20px;
margin-left:200px;
}
#flags{
	position:absolute;
	width:192px;
	top: 79px;
	left: 12px;
}

#conteneur{
margin:0;
padding:10px;
width:960px;
margin-left:10px;
/*background-color:#FFFFFF;*/
}
#left{
width:180px;
float:left;

}
#right{
width:180px;
float:right;
/*float:left;*/
background-color:#F6F6F6;
}
#contenu{
/*width:600px;*/
/*float:left;*/
padding-top:20px;
background-color:#FFF;
}

#contenuindex{
width:600px;
float:left;
padding-top:20px;
background-color:#FFF;
}

#apple{
width: 120px;
padding:15px;
background-color:#F6F6F6;
}

#adobe{
width: 120px;
margin-top:5px;
padding:15px;
background-color:#F6F6F6;
}

/*debut de style du menu deroulant*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
/*position: absolute;*/
padding:15px;
margin-top:5px;
top: 0;
left: 0;
}
dl#menu {
width: 120px;
background-color:#F6F6F6;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;
/*height: 20px;       suprimé pour mettre des photos dans le dt*/
line-height: 20px;
text-align: left;
font-weight: bold;
/*border: 1px solid gray;   supression pour alléger le tableau et plus joli visuel
background: #ccc;*/
}
dl#menu dd {
border: 0px solid gray;
}
dl#menu li {
text-align: left;
background: #fff;
}
dl#menu li a, dl#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
dl#menu li a:hover, dl#menu dt a:hover {
/*background: #eee;         on enleve le fond*/
color:#2C7E2C 				/*permute le texte du tableau de noir à rouge au passage de la souris*/
}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}