body     { color: #000; font: 0.75em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; background: #eeeced; text-align: left; margin: 0; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; position: relative; behavior: url("csshover.htc")    }
#page     { background: white; width: 960px; float: left; border: solid 1px #808080   }
#main        { color: #000; margin-top: 10px; margin-right: 10px; margin-left: 10px; z-index: 3; width: auto; clear: both }
#menu_afdn .slogan  { color: white; font-size: 18px; position: absolute; top: 10px; left: 200px; width: 380px }
#menu_afdn       { color: #fff; background-image: url(images/header_bg.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; width: 960px; height: 110px; float: left; }
#menu_afdn img  { position: absolute; top: 7px; left: 15px }
#topnav    { text-align: right; float: right; padding-top: 15px; padding-right: 15px; }
#topnav ul { list-style-type: none; margin: 0; padding: 0 }
#topnav a  { color: #fff; text-decoration: none; background: transparent }
#topnav a:hover  { text-decoration: underline; background: transparent }
#topnav li   { list-style-type: none }

#tabs ul{ position: relative; z-index: 500; list-style-type: none; margin:76px 0 0 175px; padding:0; }

#tabs li{ float: left; display:inline; margin:0 0 0 10px; padding: 0; }

#tabs a { float:left; background:url(images/tab-left.png) no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; }

#tabs a span { float:left; display:block; background:url(images/tab-right.png) no-repeat right top; padding:8px 14px 8px 5px; color:white; font-size: 130%; font-family: Verdana; }
#tabs a:hover span {
color: black;
}

#tabs #current a {
background-position:0 -70px;
}

#tabs #current a span {
background-position:100% -70px;
color: black;
}

#tabs a:hover {
background-position:0 -35px;
}

#tabs a:hover span {
background-position:100% -35px;
}
#date { background-image: url(images/date.png); background-repeat: no-repeat; position: relative; width: 657px; height: 223px; float: right; margin-top: 30px; }
#metro { background-image: url(images/metro.png); background-repeat: no-repeat; position: relative; left: 50px; width: 214px; height: 352px; float: left; margin-top: -86px; }
#header { background-image: url(images/gradient.jpg); background-repeat: repeat-x; position: relative; width: 960px; height: 268px; z-index: 300; float: left; clear: both; margin-bottom: 5px; }
#content { background-image: url(images/bg.gif); background-repeat: repeat-y; background-position: left 0; width: 100%; float: left; clear: both; }
#decompte { background-image: url(images/decompte.png); position: relative; width: 133px; height: 111px; float: right; margin-top: -252px; }
#decompte_j { color: black; font-size: 2em; text-align: center; width: 80px; margin-top: 10px; margin-left: 25px; display: block; }
#menu { background-color: #b1d0ea; width: 265px; float: left; padding-bottom: 20px; }
#menu li { background-color: white; float: left; margin: 10px; }
* html #menu li { margin: 10px 5px; }
#menu li a { color: #c2011f; font-size: 130%; line-height: 1em; text-decoration: none; width: 220px; height: 25px; padding: 10px; display: block; }
#menu li a.active, #menu li a:hover { color: white; background-color: #c2011f; }
#main_content { color: black; font-family: Verdana, Arial, Helvetica, sans-serif; width: 660px; float: left; padding-bottom: 20px; padding-left: 20px; }
#main_content p { color: #313131; line-height: 1.5em; margin-right: 10px; margin-bottom: 1em; }
#main_content p strong { color: #363636; font-weight: 700; }
h1, h2 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
h1 { color: #fff; font-size: 1.5em; font-weight: 700; background-color: #c2011f; margin-bottom: 15px; padding: 10px; width: 640px; margin-top: 10px; }
h2 { color: #c2011f; font-size: 1.5em; background-image: url(images/bg_h2.gif); width: 635px; margin-top: 30px; margin-bottom: 15px; padding-left: 25px; }
h2 strong { background-color: #85b0da; background-image: url(images/bg_h2_strong.gif); background-repeat: repeat-x; padding-right: 5px; padding-left: 5px; }
h3 { color: #54728f; font-size: 1.2em; font-weight: 700; margin-bottom: 0.3em; }
h4 { color: #5c5c5c; }
.photos { margin-right: 19px; }
.col50pourcent{ width: 350px; float: left; margin-right: 20px; }
.clear { width: 100%; height: 1px; float: left; clear: both; }
table { width: 100%; margin-bottom: 15px; }
table td {  }
thead { color: white; font-weight: bold; background-color: #aa011b; }
thead td { color: white; background-color: #aa011b; margin: 5px; padding: 5px; border: solid 1px; }
tbody td { background-color: #c6dada; padding: 10px; border: solid 1px white; }
tbody li { color: #363636; margin-left: 20px; list-style-type: disc; }
.programme tbody td { background-color: white; padding: 10px 10px 10px 0; border-color: white white silver; border-style: solid; border-width: 1px; }.programme tbody p { color: #00283f !important; margin: 0 !important; padding: 0 !important; }
caption { color: #8b8b8b; }
.resume { font-size: 80% !important; background-image: url(images/icn_pdf.gif); background-repeat: no-repeat; background-position: 0 -1px; text-align: right; float: right; margin-top: 3px; margin-right: 5px; padding-left: 20px; }
.resume a { color: black !important; }
.resume a:hover { color: #0b0edf !important; text-decoration: underline; }
em { font-style: italic; }
.atelier tbody td { background-color: white; width: auto !important; border-style: solid; border-width: 1px; border-color: white white silver }
.atelier th p  { color: #000 !important; text-align: center; margin-top: 0.5em }
.atelier thead { background-color: #c6dada }
.atelier .titre { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #c2011f !important; font-size: 1.5em; background-color: #80add8; text-align: center; margin-top: 0.5em }
.sepblanc { border-right: 1px solid white }
.sepgris { border-right: 1px solid silver !important }