@charset "utf-8";
/* CSS Document */

html {
margin: 0;
padding: 0;
}

body{
margin:auto;/*auto*/
padding: 0;
background-color:#fef6e5;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#conteneur {
border:0px;
margin-top: -20px;
margin-right: auto;
margin-left: auto;/*200px;*/
width: 680px;
}

#header{
height:240px;
margin-top:0px;
background-color:#fbf3dc;
background-image: url(../images/Fond_top.jpg);
background-position:center;
background-repeat:no-repeat;

}

#langues{
padding-top:35px;
padding-right:75px;
text-align: right;
font-family:Arial, Helvetica, sans-serif, ;
font-size:17px;
font-weight:bold;
color:#FFFFFF;
}

#langues a{
text-decoration:none;
color:#FFFFFF;
}

#postit{
text-align:right;
padding-top:115px;
padding-right:75px;
color: #CCCCFF;
font-size:10px;
font-weight:bold;
}

#content{
position:relative;
width:680px;
min-height:810px;
/*height:1000px;*/
background-color:#ffffff;
background-image:url(../images/fondcontent.jpg);
background-position:center;
background-repeat:repeat-y;
text-align:left;
}

#menu{
width:680px;
background-image: url(../images/barremenu.jpg);
background-position: center;
text-align:center;
}

#textbox{
position: relative;
padding-top:15px;
left:50px;
width:450px;
background-color:#fff;
}

#menudroite{
	position:absolute;
	left: 510px;
	top:35px;
	width:130px;
	/*height:710px;*/
	background-color:#e2f0dc;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	color: #9966FF;
}

#partenariats{
background-color:#e2f0dc;
font-size:10px;
text-align:center;
line-height:15px;
}

.partenaires{
margin-bottom:-7px;
}

#footer{
height:20px;
position:relative;
background-image: url(../images/footer.jpg);
background-repeat:repeat-y;
background-position:center;
background-color:#9966FF;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:12px;
padding-top:3px;
padding-left:20px;
padding-right:20px;
top:-20px;
color:#FFFFFF;
}

#hautbleu{
border-right:2px;
top:0px;
bottom:0px;
height:31px;
background-image: url(../images/Fond_top_right.jpg);
background-position:left;
background-repeat: no-repeat;
text-align:right;
}

#centrebleu{
height:175px;
border-right:2px;
top:0px;
bottom:0px;
background-image: url(../images/fond_center_right.jpg);
background-position:left;
background-repeat:repeat-y;
text-align:right;
font-size:12px;
font-weight:bold;
color:#9966FF;
}

#basbleu{
border-right:2px;
top:0px;
bottom:0px;
height:31px;
background-image: url(../images/fond_bottom_right.jpg);
background-position:left;
background-repeat:no-repeat;
text-align:right;
}

div#partenariats p a img{
border:0px;
text-decoration:none;
}

.gauche{
margin-top:0px;
margin-bottom:0px;
border-bottom:0px;
border-top:0px;
border-right:2px;
top:0px;
bottom:0px;
right:2px;
padding-top:0px;
padding-bottom:0px;
padding-right:2px;
}

/* ici commence le css du menu déroulant*/

dl, dt, dd, ul, li {
text-align:center;
margin: 0;
padding: 0;
list-style-type: none;
}

#menudl {
position: absolute; /* Menu position that can be changed at will */
margin-top:10px;
top: 80 px;
right: 2px;
width: 110px;
}

#menudl dt {
position: relative;
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align: center;
font-weight: bold;
border: 1px #FFFFFF;
background: #9966CC;
}

#menudl dd {
border: #FFFFFF;
background-color:#6b8ac5;
}

#menudl ul {
background-color:#e2f0dc;
height:0px;
}

#menudl li {
position: relative;
height:18px;
margin-right:-97px;
margin-left:97px;
top:-13px;
text-align: center;
background-color:#6b8ac5;
border: 1px solid #FFFFFF;
z-index:130;
}

#menudl li a {
background-color:#6b8ac5;
border-color:#FFFFFF;
border:2px;
color: #fff;
text-decoration: none;
display: block;
height: 100%;
}

#menudl dt a {
background-color:#9966CC;
border-color:#FFFFFF;
border:2px;
color: #fff;
text-decoration: none;
display: block;
height: 100%;
}


#menudl li a:hover, #menudl dt a:hover {
text-decoration:none;
color:#FFFFFF;
background: #666666;
border: 1 solid #FFFFFF;
}

/*ici termine le css du menu déroulant*/