@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,300,500);

html, body{
background: #fff;
color: #333;
font-size: 16px;
line-height:140%;
padding:0;
margin:0;
width:100%;
font-family:Ubuntu;
font-weight:400;
}

table{
margin:0;
padding:0;
border-collapse:collapse;
border:0;
}

td{
vertical-align:top;
}

img{
border:0;
}

#global{
position:relative;
width:980px;
margin:0 auto;
}

#header{
display:block;
width:100%;
height:160px;
}

#header img.logo{
position:absolute;
top:42px;
}

#header a{
text-decoration:none;
}

#header span.logo{
color:#555;
font-size:33px;
position:absolute;
left:80px;
top:64px;
}

#menu{
float:right;
}

#menu ul{
list-style-type:none;
margin:0;
padding:0;
}

#menu ul li{
display:inline-block;
padding-left:30px;
font-size:18px;
line-height:160px;
}

#menu ul li a{
text-decoration:none;
color:#999;
}

#menu ul li a:hover{
color:#000;
}

#menu ul li.active a{
color:#000;
}

#sousmenu{
position:relative;
width:100%;
}

#sousmenu>.moduletable>h3{
font-weight:400;
color:#555;
margin:0 0 10px 0;
}

#sousmenu ul{
list-style-type:none;
margin:0;
padding:0;
width:100%;
}

#sousmenu ul li{
display:inline-block;
width:25%;
}

#sousmenu ul li a{
display:block;
background-color:#b0b0b0;
margin-right:2%;
text-align:center;
text-decoration:none;
font-weight:500;
color:#fff;
line-height:27px;
}

#sousmenu ul li:last-child a{
margin:0;
}

#sousmenu ul li.item-103 a:hover, #sousmenu ul li.item-103 a:hover, #sousmenu ul li.item-114 a:hover{
background-color:#B670BF;
}

#sousmenu ul li.item-104 a:hover, #sousmenu ul li.item-115 a:hover{
background-color:#85BB44;
}

#sousmenu ul li.item-105 a:hover, #sousmenu ul li.item-116 a:hover{
background-color:#FFC300;
}

#sousmenu ul li.item-106 a:hover, #sousmenu ul li.item-117 a:hover{
background-color:#E90037;
}

#lonesomemenu{
position:absolute;
top:-30px;
right:0;
}

#lonesomemenu ul li{
display:inline-block;
width:200px;
margin:0;
padding:0;
}

#lonesomemenu ul li a{
color:#999;
background:none;
text-align:right;
font-weight:bold;
padding-right:34px;
background:url(../images/plusoff.png) no-repeat right center;
}

#lonesomemenu ul li a:hover{
color:#000;
background:url(../images/pluson.png) no-repeat right center;
}

#lonesomemenu ul li a:hover{
color:#000;
}

#lonesomemenu ul li.current a{
color:#000;
background:url(../images/pluson.png) no-repeat right center;
}

#lonesomemenu li.item-112{
display:none;
}



.blog-featured{
background-color:#ececec;
}

h3{
font-size:18px;
font-weight:500;
color:#000;
margin:16px 0 0 0;
}

h4{
font-size:18px;
font-weight:300;
color:#525252;
margin:0;
}




.blog .leading-0, .blog .leading-1, .blog .leading-2, .blog .leading-3{
width:480px;
height:295px;
float:left;
margin-bottom:20px;
position:relative;
}

.blog .leading-0, .blog .leading-2{
margin-right:20px;
}

.blog .leading-0 a, .blog .leading-1 a, .blog .leading-2 a, .blog .leading-3 a{
position:absolute;
top:0;
left:0;
display:block;
width:480px;
height:295px;
text-align:center;
text-decoration:none;
font-size:28px;
line-height:32px;
color:#fff;
overflow:hidden;
background:url(../images/transparent.png);
}

.blog .leading-0 a .content{
position:absolute;
top:0;
left:0;
padding-top:120px;
display:block;
width:100%;
height:175px;
background:url(../images/background1.png);
transition: top 0.3s;
}

.blog .leading-1 a .content{
position:absolute;
top:0;
left:0;
padding-top:120px;
display:block;
width:100%;
height:175px;
background:url(../images/background2.png);
transition: top 0.3s;
}

.blog .leading-2 a .content{
position:absolute;
top:0;
left:0;
padding-top:120px;
display:block;
width:100%;
height:175px;
background:url(../images/background3.png);
transition: top 0.3s;
}

.blog .leading-3 a .content{
position:absolute;
top:0;
left:0;
padding-top:120px;
display:block;
width:100%;
height:175px;
background:url(../images/background4.png);
transition: top 0.3s;
}

.item-page{
padding-top:10px;
}

.item-page h1{
font-weight:400;
font-size:30px;
line-height:32px;
}

.item-page h2{
font-size:16px;
}

.item-page h5{
font-size:16px;
font-weight:normal;
text-decoration:underline;
margin:0;
padding:0;
}

.item-page a{
text-decoration:none;
color:#000;
font-weight:bold;
}

.reference{
font-weight:500;
color:#B0B0B0;
font-size:17px;
margin-top:10px;
margin-bottom:30px;
}


.chrono_credits{
display:none;
}

form label{
font-weight:300 !important;
font-size:16px !important;
color:#434340 !important;
}

form input{
border-radius:0 !important;
}

form textarea{
width:50% !important;
border-radius:0 !important;
}



#footer{
padding:20px 10px 40px 0;
}

#footer ul{
float:right;
list-style-type:none;
padding:0;
margin:0;
font-size:12px;
font-weight:500;
color:#999;
}

#footer ul li{
display:inline-block;
padding-left:20px;
}

#footer ul li a{
color:#999;
text-decoration:none;
}