html{
margin:0;
padding:0;
}
body{
height:100%;
}
@font-face{
font-family:'TradeGothicBold';
src:url('font/tradegothic-bold-webfont.eot');
src:local('☺'),url('font/tradegothic-bold-webfont.woff') format('woff'),url('font/tradegothic-bold-webfont.ttf') format('truetype'),url('font/tradegothic-bold-webfont.svg#webfontAxNlZwEU') format('svg');
font-weight:normal;
font-style:normal;
}
body{
background:#fff;
font:12px "Trebuchet MS","Lucida Sans unicode",Arial,Helvetica,sans-serif,courier;
margin:0;
padding:0;
}
a{
color:#990033;
text-decoration:none;
}
a img,iframe{
border:none;
}
#header{
height:160px;
width:100%;
min-width:1160px;
position:relative;
-webkit-box-shadow:inset 0 -37px 2px rgba(255,255,255,0.2);
-moz-box-shadow:inset 0 -37px 2px rgba(255,255,255,0.2);
box-shadow:inset 0 -37px 2px rgba(255,255,255,0.2);
background-color: #E8E8FF;
}
#header .inner{
position:relative;
width:1160px;
margin:0 auto;
height:130px;
z-index:2;
}
#subnav{
background-color: #990033;
border-top:1px solid #ce5098;
font-family:'TradeGothicBold',Impact,'Arial Black',sans-serif;
font-weight:normal;
font-size:18px;
height:35px;
list-style:none;
margin:0;
overflow:hidden;
padding:0;
position:absolute;
text-transform:uppercase;
top:130px;
width:100%;
z-index:1;
}
#subnav .inner{
height:35px;
}
#subnav li{
margin:7px 0 0 0;
padding:0;
color: #FF9900;
display:block;
float:left;
}
#subnav a{
color:#FFFFFF;
padding:5px 13px;
}
#subnav a:hover,#subnav a:active{
color:#FF9000;
}
#header .active a{
background:#000;
color:#fff;
}
#container{
position:relative;
width:1160px;
margin:0 auto;
z-index:2;
}
#bbar{
position:absolute;
width:100%;
height:390px;
background:#000;
top:191px;
left:0;
z-index:1;
}
#acarousel{
position:absolute;
top:31px;
left:0;
}
#acarousel{
overflow:hidden;
width:840px;
height:390px;
background:#000;
}
#acarousel .acarhead{
position:absolute;
padding-top:20px;
width:473px;
height:370px;
}
#acarousel .acarhead a{
display:block;
width:365px;
}
#acarousel .acarhead h1,#acarousel .acarhead p{
display:inline;
color:#330033;
margin:0;
font-family:'TradeGothicBold',Impact,'Arial Black',sans-serif;
font-weight:normal;
text-transform:uppercase;
clear:both;
}
#acarousel .acarhead h1{
margin:0;
color:#fff;
font-size:48px;
line-height:1;
font-family: TradeGothicBold, Impact, "Arial Black", sans-serif;
}
#acarousel .acarhead a:hover h1{
color:#990033;
}#acarousel .acarhead p{
font-size:20px;
line-height:1.4;
color: #CA848E;
font-family: Tahoma, Geneva, sans-serif;
}
#acarousel .acarhead a:hover p{
color:#fff;
}
#articlemeta{
position:absolute;
width:252px;
top:354px;
left:-1px;
z-index:20;
background:#fff;
text-align:center;
border: 1px solid #eee;
border-top:none;
-webkit-box-shadow:0 0 9px 1px rgba(123,123,123,0.37);
-moz-box-shadow:0 0 9px 1px rgba(123,123,123,0.37);
box-shadow:0 0 9px 1px rgba(123,123,123,0.37);
margin-bottom:10px;
padding-bottom:13px;
}
#articlemeta .header_left{
margin-top:-5px;
height:25px;
font-family:'TradeGothicBold',Impact,'Arial Black',sans-serif;
font-weight:normal;
text-transform:uppercase;
padding-top:5px;
margin-bottom:15px;
background-color: #990033;
left: 0px;
width: 234px;
margin-left: -1px;
}
#articlemeta .header_left h3{
margin:0;
margin-left:10px;
float:left;
color:#fff;
font-size:17px;
font-weight:normal;
}
#articlemeta>*{
text-align:left;
padding-left: 10px;
padding-right: 10px;
}
#maincol-med{
margin-top:421px;
margin-left:266px;
float:left;
width:568px;
min-height:400px;
}
#maincol-med h1{
margin:9px 0;
font-family:'TradeGothicBold',Impact,'Arial Black',sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:38px;
color: #000;
}
#maincol-med-text{
float: none;
clear: both;
padding-right:20px;
}
#fpthumbs{
margin:0;
padding:0;
margin-bottom: 10px;
}
#fpthumbs li{
display:block;
width:180px;
float:left;
margin-right:9px;
margin-bottom: 10px;
}
#fpthumbs a{
position:relative;
width:182px;
height:155px;
display:block;
}
#fpthumbs a:hover{
color:#330033;
}
#fpthumbs a img{
position:relative;
display:block;
z-index:2;
top:0px;
width:182px;
height:155px;
}
#fpthumbs a h2{
font-family:'TradeGothicBold',Impact,'Arial Black',sans-serif;
font-weight:normal;
margin:0;
position:absolute;
z-index:3;
bottom:0px;
width:172px;
}
#fpthumbs a h2 span{
font-size:16px;
display:inline-block;
color:#fff;
background:#000;
background:rgba(0,0,0,0.6);
padding:5px 5px;l
line-height:1;
text-transform:uppercase;
width:172px;
}
#fpthumbs a:hover h2 span{
color:#990033;
width: 100%;
}
#fpthumbs .hashtag{
color:#fff;
background-color:#330033;
font-weight:bold;
margin:3px 0 15px 0;
padding:1px 3px;
display:block;
float:left;
}
#sidebar{
position:absolute;
width:320px;
left:840px;
top:30px;
background:#fff;
float:right;
min-height:600px;
z-index:10;
border:1px solid #eee;
border-top:none;
-webkit-box-shadow:0 0 9px 1px rgba(123,123,123,0.37);
-moz-box-shadow:0 0 9px 1px rgba(123,123,123,0.37);
box-shadow:0 0 9px 1px rgba(123,123,123,0.37);
margin-bottom:15px;
padding-bottom:13px;
}
#sidebar .header{
margin-top:-15px;
height:25px;
font-family:'TradeGothicBold',Impact,'Arial Black',sans-serif;
font-weight:normal;
text-transform:uppercase;
padding-top:5px;
margin-left:-1px;
margin-right:-1px;
margin-bottom:15px;
background-color: #FF9900;
}
#sidebar .header h3{
margin:0;
margin-left:10px;
float:left;
color:#fff;
font-size:17px;
font-weight:normal;
}
#sidebar .header a{
display:block;
float:right;
color:#fff;
margin-right:10px;
font-size:13px;
margin-top:2px;
color:#760a48;
}
#sidebar .header a:hover{
color:#000;
}
#sidebar h4{
margin:0 10px;
font-family:'TradeGothicBold',Impact,'Arial Black',sans-serif;
font-size:14px;
font-weight:normal;
text-transform:uppercase;
letter-spacing: 1px;
}
#sidebar h5{
margin:0 10px;
font-family:'TradeGothicBold',Impact,'Arial Black',sans-serif;
font-size:14px;
font-weight:normal;
text-transform:uppercase;
letter-spacing: 1px;
color:#990033
}
#sidebar ul{
list-style-type:none;
margin:0 10px;
padding:0;
}
#sidebar ul li{
line-height:23px;
line-height:22px;
display:block;
vertical-align:bottom;
}
#sidebar ul li a{
color:#000;
}
#sidebar ul li a:hover{
text-decoration:underline;
}
#hl-actueel .t{
color:#9f9f9f;
width:100px;
display:inline-block;
}
#footer{
bottom:0;
border-top:20px solid #330033;
background:#000;
color:#fff;
width:100%;
padding-bottom:30px;
margin-top:25px;
}
#footer .inner{
position:relative;
width:1160px;
margin:10px auto 0 auto;
}
#footer .inner_top{
position:relative;
width:1160px;
margin:-36px auto 0 auto;
}
#footer .col{
float:left;
width:150px;
margin-left:65px;
}
#footer h5{
margin:0;
margin-bottom:10px;
font-family:'TradeGothicBold',Impact,'Arial Black',sans-serif;
font-size:16px;
font-weight:normal;
text-transform:uppercase;
}
#footer h6{
margin:0;
margin-bottom:40px;
margin-top:20px;
font-family:Tahoma, Geneva, sans-serif;
font-size:10px;
font-weight:normal;
text-transform:uppercase;
text-align:right;
color:#990033
}
#footer ul,#footer li{
margin:0;
padding:0;
list-style-type:none;
line-height:1.6;
}
#footer ul a{
color:#fff;
}
#footer ul a:hover{
text-decoration:underline;
}
#footer #col-1{
margin-left:0;
width:230px;
margin-right: 20px;
}
#footer #col-2{
width:90px;
}
#footer #col-3{
width:110px;
}
#footer #col-4{
width:130px;
}
#footer #col-5{
width:150px;
}
.dossier_lnk{
color:#333;
display: block;
overflow: hidden;
padding:0 19px 0 9px;
height:31px;
line-height:31px;
border: 1px solid #FFFFFF;
font-weight: bold;
background-color: #E8E8FF;
}
.dossiers_int {
cursor: pointer;
}