/* structure */

html, body {
margin: 0;
padding: 0;
height: 100%;
text-align: center;
background: #fff url("../images/bg.jpg") left top repeat-x;
}


#main {
position: relative;
width: 900px;
min-height: 100%;
margin: 0 auto;
text-align: left;
font-family:Georgia,Arial,Tahoma, sans-serif;
color:#666;
background: url(../images/virgule2.gif) left bottom no-repeat;
}	

#header {position:relative;width: 400px;height:84px;top:15px;left:80px;background: url("../images/header.gif") 0 0 no-repeat;}
#header-en {position:relative;width: 400px;height:84px;top:15px;left:80px;background: url("../images/header-en.gif") 0 0 no-repeat;}

#content {
margin-left:170px;
padding-top: 30px;
padding-bottom: 45px;
width: 560px;
}

#footer {
position:absolute;
bottom:0;
width: 100%;
height: 30px;
line-height:30px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 0.6em;
color: #fff;
text-align:center;
background: #534f4f url("../images/footer-bg.gif") top left repeat-x;
}


/* balises standard et liens */

h1 {color:#6f6f6f;margin:0;padding:0;font-size: 150%;}
h2 {color:#6f6f6f;margin:0;padding:0;font-size: 135%;}	
h2 a:link, #content a:visited {color: #5C6586;border-bottom:1px solid #ccc;}
h2 a:hover {color: #a6bdf4;text-decoration:none;}
h3 {color:#404040;margin:0;padding:0;font-size: 120%;}	


a {color:#cf3f4f;text-decoration:none}
a:hover {text-decoration:underline}

#content a:link, #content a:visited {color: #5C6586;border-bottom:1px dotted #ccc;}
#content a:hover {color: #a6bdf4;text-decoration:none;}

#footer span a{text-decoration: none;font-weight: normal;color: #fff;}
#footer span a:hover{color: #a6bdf4;text-decoration:underline;}

#uk a {display: block;width: 100%;height: 100%;background: url("../images/uk1.gif") top left no-repeat;}
#uk a:hover {background: transparent none;}

#fr a {display: block;width: 100%;height: 100%;background: url("../images/fr1.gif") top left no-repeat;}
#fr a:hover {background: transparent none;}


/* elements particuliers */

#cadre {margin: 0 auto;width: 563px;text-align:justify;font-size: 0.8em;background: url(../images/cadre-bg.png) top right repeat-y;}
#haut, #bas {height: 27px; width: 563px;background-repeat: no-repeat;font-size:1px;}
#haut {background: url(../images/cadre-haut.png);}
#bas {background: url(../images/cadre-bas.png);}

#text {padding: 35px 35px 25px 35px;}

#line {width:350px; height:1px; background: #ccc;}

#footer-left {float:left;width:10px;height:30px;background: url(../images/footer-left.gif);}
#footer-right {float:right;width:10px;height:30px;background: url(../images/footer-right.gif);}

#face {float: left;width: 90px;height: 84px;margin-left: 30px;margin-top: 10px;background: url("../images/face.jpg") top left no-repeat;}

#uk {position: absolute;top: 235px;left:740px;width: 30px;height: 18px;background: url("../images/uk2.gif") top left no-repeat;}

#fr {position: absolute;top: 235px;left: 740px;width: 30px;height: 18px;background: url("../images/fr2.gif") top left no-repeat;}

#mail_icon {float: left;margin-right: 15px;margin-left: 10px;width: 48px;height: 48px;background: url("../images/mail_icon.jpg") center center no-repeat;}

.marge {margin-left:50px}

#plus2	{position: absolute;top: 400px;left:620px;color:white;font-size:85%;display:block;}

ul {padding:0;margin-left:20px;}

/* menu */

ul#menu  {position:absolute;top: 90px;left: 710px;list-style:none;padding: 0px;margin: 0px;width:210px;height:200px;background: url(../images/virgule1.png) left 30px no-repeat ;}
ul#menu  a {position:absolute;left:0px;height:20px;width:auto;white-space: nowrap;text-decoration:none;font: bold 13px/20px Georgia,Arial,Tahoma, sans-serif;color:#70479b;padding-left: 7px;}
ul#menu   a:hover, ul#menu  a:focus, ul a:active{height:20px;line-height:20px;text-decoration:none;color:#fff;font-weight:bold;background:url(../images/lien-gauch.gif) left center no-repeat;}
ul#menu  a:hover span, ul#menu  a:focus span, ul#menu  a:active span {display:block;height:20px;line-height:20px;width:auto;padding-right:7px;background:#c0c0c0 url(../images/lien-droit.gif) right center no-repeat;}

#menu #lien1 {top: 0px;left: 35px;}
#menu #lien2 {top: 23px;left: 40px;}
#menu #lien3 {top: 46px;left: 45px;}
#menu #lien4 {top: 69px;left: 44px;}
#menu #lien5 {top: 92px;left: 37px;}
#menu #lien6 {top: 115px;left: 28px;}

/* marges */

.marge {margin-left: 15px;}
.marge2 {margin-left: 80px;}