/* BASICS */
body{height:98%;width:98%;margin:0;padding:0;}
body,td,p{font-family:Arial, Helvetica, sans-serif;font-size:12px;}
img{border:0;vertical-align:middle;}
a{color:black;text-decoration:underline;}
a:hover{text-decoration:underline;}

/* LAYOUT */
#background{background:url('images/bg_body.jpg') #606060 repeat-x;}
#page{margin:7% auto 0px;width:950px;}
#main{background:white no-repeat;width:900px;padding:18px 25px 25px 25px;min-height:475px;height:auto !important;height:475px;}
#top{height:88px;}
#content{height:460px;position:relative;}
#main-menu{position:absolute;right:0px;top:0px;width:186px;}
#left-column{position:absolute;left:0px;top:0px;width:476px;}
#left-column-content,#single-column-content{padding-right:8px;padding-top:8px;height:410px;overflow:auto;}
#left-column-content a,#single-column-content a{color:#c37d1c;}
#single-column{position:absolute;left:0px;top:0px;width:713px;}
#middle-column{position:absolute;right:187px;top:0px;width:236px;}
#middle-picto{width:236px;height:165px;overflow:hidden;margin:0;padding:0;border-bottom:2px solid #c37d1c;}
#middle-content{background:url('images/bg_middle_content.png') repeat-x white;height:280px;padding:12px;font-style:italic;}
#back-home{position:absolute;right:0px;bottom:0px;}
#back-home a{text-decoration:none;background:url('images/gold_arrow.png') no-repeat left;padding-left:12px;color:#c37d1c;font-weight:bold;}

/* MENU */
#main-menu{}
#main-menu ul{list-style:none;margin:0;padding:0;}
#main-menu li{list-style:none;color:white;text-transform:uppercase;font-weight:bold;}
#main-menu a{display:block;background:black;color:white;text-decoration:none;margin:0 0 1px;padding:12px;}
#main-menu ul ul{background:white;margin:0;}
#main-menu ul ul li{}
#main-menu ul ul a{background:url('images/black_arrow.png') transparent no-repeat 16px 6px;color:black;text-decoration:none;font-size:11px;font-weight:normal;margin:0 0 0 0;padding:5px 0 5px 26px;}
#main-menu ul ul a:hover{background-image:url('images/gold_arrow.png');background-color:#fcf8ed;color:#c37d1c;}
#main-menu .menu-active{}
#main-menu .submenu-active,#main-menu .submenu-active:hover{background-image:url('images/white_arrow.png');background-color:#c37d1c;color:white;}

/* HOME */
.home #content {height: 75px;background:url('images/bg_home_content.jpg') no-repeat right top;margin:0;padding:50px 240px 0 0;list-style:none;}
.home #content li{float:left;margin-left: 24px;text-transform:uppercase;font-size:14px;font-weight:bold;letter-spacing:-0.5px;}
.home #content a{text-decoration:none;color:black;}
.home #content a:hover{text-decoration:underline;color:#c37d1c;}
.home h1{margin:0;padding:0;}
.home h1 a{font-size:14px;color:#c37d1c;font-weight:bold;text-transform:uppercase;text-decoration:none;letter-spacing:-0.5px;margin:0;padding:100px 0px 0px 280px;height:14px;background: url('images/logo_home.png') no-repeat transparent scroll left bottom;}
.home h2{text-align:right;font-size:14px;text-transform:uppercase;color:#c37d1c;margin:0;padding:0;letter-spacing:-0.5px;}
.home h3{font-weight:bold;color:black;font-size:12px;margin:0;padding:0;}
.home #bottom{position:relative;height:170px;margin-top:20px;}
.home #news{width:320px;}
.home #news ul{margin:0 0 16px 12px;padding:0;}
.home #news li{color:#c37d1c;margin-top:5px;}
.home #news a{color:#c37d1c;text-decoration:none;}
.home #news a:hover{text-decoration:underline;}
.home #more-news{font-weight:bold;background:url('images/gold_arrow.png') no-repeat left center;padding-left: 12px;}
.home #animation{position:absolute;right:0px;top:0px;width:270px;height:120px;}
.home #anim-container{position:relative;}
.home #anim-container-swf{z-index:400;background:url('images/btn_alpha_disque.gif') no-repeat;position:absolute;left:0px;top:0px;width:270px;height:141px;}
.home h3 a{z-index:500;display:block;position:absolute;left:0px;top:0px;width:270px;height:90px;text-decoration:none;text-align:center;padding-top: 50px;}

/* CONTENT */
h1{margin:0;padding:0;}
h1 a{display:block;font-size:11px;color:#c37d1c;text-transform:uppercase;text-decoration:none;font-weight:normal;margin:0;padding:42px 0px 16px 160px;height:11px;background: url('images/logo_content.png') no-repeat transparent scroll;}
h1 a:hover{text-decoration:none;}
h2{font-size:16px;font-weight:bold;color:#c37d1c;margin:0;padding:0;text-transform:uppercase;}
h2 .parent-name{display:inline;font-weight:normal;background:url('images/gold_arrow.png') no-repeat right;padding-right:16px;margin-right: 8px;}

/* SITEMAP */
.sitemap{margin:16px 0;padding:0;}
.sitemap li{list-style:none;text-transform:uppercase;}
.sitemap a{font-weight:bold;color:#c37d1c;text-decoration:none;}
.sitemap a:hover{text-decoration:underline;}
.sitemap ul{margin: 8px 0px 12px;padding:0 0 0 8px;}
.sitemap ul li{}
.sitemap ul a{font-weight:normal;color:black !important;background:url('images/black_arrow.png') no-repeat left;padding-left: 12px;}

/* FOOTER */
#footer {margin-top:8px;}
#footer ul{list-style:none;margin:0;padding:0;}
#footer li{float:left; margin-left:16px;list-style:none;font-size:9px;}
#footer a{color:white;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer a.flag-en{background: url('images/flag-en.png') no-repeat;padding-left:20px;}
#footer a.flag-fr{background: url('images/flag-fr.png') no-repeat;padding-left:20px;}

/* FORMS */
form{width:500px;}
fieldset{border:0px;}
form div{clear:both;margin: 3px 0;}
form label{float: left;width:150px;text-align:right;margin-right:8px;padding-top:2px;}
form div div.field{clear:none;float:left;width:300px;}
.required{font-weight:bold;}
button, form p{margin-left: 158px;}

/* LIGHTBOXES */
#lightbox-overlay{position:absolute;top:0;left:0;z-index:800;width:100%;height:500px;background:black;cursor:pointer;}
#lightbox,.lightbox{position:absolute;left:0;width:700px;z-index:900;padding:20px;background:white;border:1px solid #c37d1c;}
.lightbox-content{}
.lightbox-loading{width:700px;margin: 10px auto; height:100px; background:url('images/lightbox_loading.gif') no-repeat center center}
.lightbox-close,.lightbox-close:hover{float:right;background:url('images/lightbox_close.png') transparent no-repeat right center;font-weight:bold;text-decoration:none;color:#c37d1c;margin-left:40px;margin-bottom:20px;padding-right:20px;}

/* MISC */
.clear {clear:both;}
.hidden{display:none;}
.gradient-up{background: url('images/bg_gradient.png') white repeat-x left bottom;height:16px;}
.gradient-down{background: url('images/bg_gradient_down.png') white repeat-x left top;height:16px;}
