html {
height: 100%;
}
body{
margin:0;
padding:0;
text-align:center;
background:#fff url(../images/bg.jpg) 0 0 repeat ;
font-size:14px;
color:white;
/*font-family: arial, sans-serif;*/
font-family:Helvetica, "Myriad Pro", "Trebuchet MS", Arial, sans-serif;
font-weight:normal;
}
p {
font-size: 100%;
}
h1 {
font-size: 200%;
color:#0099ff;
}
h2 {
font-size:150%;
}
h3 {
font-size: 125%;
}
h4, h5, h6 {
font-size: 100%;
}
/* liens hypertextes*/
a:link, a:visited {
text-decoration:none;
color:#0099ff;
font-weight:bold;
}
a:hover {
/*color:red; */
}
ul {
margin:0;
padding-left:12px;
padding-bottom:5px;
padding-top:8px;
}
li {
list-style-type:none;
background:transparent;
margin: 4px;
}
img {
border:none;
/*margin:5px;*/
padding:0;
border-radius:5px;
border-top-left-radius:0px;
border-top-right-radius:0px;
}
img .caption {
text-align: left;
}
.highlight{
background:#de5c42;
padding: 0px 2px 0px 2px;
color:#ffffff;
}
.button {
background:#de5c42;
border:none;
color:#fff;
font-weight:bold;
padding:4px;
}
.inputbox {
color:#fff;
background:#de5c42;
border:none;
padding:4px;
font-weight:bold;
}
.pagewidth{
width:990px;
text-align:center;
background:transparent ;
margin-left:0;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
position:relative;
}
fieldset {
margin:5px;
padding:5px;
border:none;
}
/*********************/
#sidebar {
float:left;
width:355px;
background:transparent url(../images/wrapper.jpg) 0 0 repeat-y ;
position:relative;
z-index:1;
}
#colonne {
float:left;
width:240px;
margin-left:60px;
position: relative;
z-index: 1;
background:transparent;
}
/*#deco {
position:absolute;
top:0;
left:0;
width:624px;
height:524px;
background: url(../images/deco.png) 0 0 no-repeat;
}*/
#sitename {
float:left;
width:217px;
height:64px;
margin-top:7px;
margin-left:10px;
position: relative;
z-index: 1;
}
/********************/
#search {
float:left;
width:205px;
height:49px;
background: url(../images/search.png) 0 0 no-repeat;
margin-top:30px;
text-align:left !important;
margin-left:15px;
position: relative;z-index: 1;
}
#search .inputbox{
font-weight:normal;
background:transparent;
color:#636363;
text-align:left !important;
margin-top:7px !important;
margin-left:8px !important;
padding:0;
font-size:15px;
font-family: arial, sans-serif;
position: relative;z-index: 1;
}
/*******************************/
#left {
float:left;
width:205px;
background:transparent;
padding:0 ;
margin: 35px 0 0 17px;
text-align:left;
}
#left div.module,
#left div.module_menu {
width:205px;
background:none;
/*background:transparent url(../images/left-center.png) left repeat-y;*/
margin-bottom:8px;
}
/*WICHTIG*/
#left div.module div,
#left div.module_menu div,
#left div.module_text div {
width:205px;
background:none;
/*background:transparent url(../images/left-top.png) top left no-repeat;*/
z-index:99;
}
#left div.module div div,
#left div.module_menu div div {
width:205px;
/*background:transparent url(../images/left-bottom.png) bottom left no-repeat;*/
}
#left div.module h3,
#left div.module_menu h3 {
border-bottom:solid 2px #0099ff;
font-size:16px;
width:185px;
font-weight:bold;
color:#fff;
text-align:center;
text-transform:uppercase;
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
padding:10px;
margin-bottom:0px;
/*padding-top:8px;
padding:8px -8px 8px 8px;*/
border-radius:5px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
}
#left div.module div div div,
#left div.module_menu div div div {
margin: 0px 0 50px 0px;
/*padding: 0px 20px 15px 15px;*/
background:none ;
width:205px;
border-radius:5px;
background-image:url(../images/bg.jpg);
-moz-box-shadow: -2px 3px 2px #1a1a1a;
-webkit-box-shadow: -2px 3px 2px #1a1a1a;
box-shadow: -2px 3px 2px #1a1a1a;
}
#left div.module ul,
#left div.module_menu ul {
}
/**********************/
#social-icons {
float:left;
width:155px;
height:50px;
background:transparent;
margin-top:35px;
margin-left:45px
}
#social-icons a {
color:#fff;
font-size:12px;
font-weight:normal
}
#facebook a{
float:left;
background: url(../images/facebook.png) 0 0 no-repeat;
padding-left:15px;
width:35px;
height:35px;
display:block;
}
#twitter a {
float:left;
background: url(../images/twitter.png) 0 0 no-repeat;
padding-left:15px;
width:35px;
height:35px;
display:block;
}
#rss a {
float:left;
background: url(../images/rss.png) 0 0 no-repeat;
padding-left:15px;
width:35px;
height:35px;
display:block;
}
/********************/
#wrapper {
float:left;
width:625px;
margin-left:10px;
}
/*******************/
#topmenu {
float:left;
width:615px;
height:103px;
/*background: url(../images/topmenu.png) 0 0 no-repeat ; */
position: relative;z-index: 100;
margin-top:0px;
}
.navigation {
float:left;
/*width: 615px;*/
width:785px;
height:50px;
background:transparent;
margin-top:15px;
margin-left:5px;
font-family:Helvetica, "Myriad Pro", "Trebuchet MS", Arial, sans-serif;
}
.navigation ul {
list-style : none;
margin : 0;
padding : 0;
float : left;
width:835px;
}
.navigation ul ul {
margin : 0;
padding : 0;
}
.navigation ul li {
margin : 0 5px;
padding : 0;
float : left;
list-style : none;
background : none;
display : block;
}
.navigation ul li ul {
width : 200px;
position : absolute;
z-index : 99;
left : -999em;
height : auto;
width : 200px;
}
.navigation ul li ul ul {
margin : 0;
}
.navigation ul li li {
padding : 0;
margin : 0;
width : 100%;
}
.navigation ul ul a {
width : 100%;
}
.navigation ul li:hover ul ul,
.navigation ul li:hover ul ul ul,
.navigation ul li.sfhover ul ul,
.navigation ul li.havechildsfhover ul ul,
.navigation ul li.havechild-activesfhover ul ul,
.navigation ul li.activesfhover ul ul,
.navigation ul li.sfhover ul ul ul,
.navigation ul li.havechildsfhover ul ul ul,
.navigation ul li.havechild-activesfhover ul ul ul,
.navigation ul li.activesfhover ul ul ul {
left : -999em;
}
.navigation ul li:hover ul,
.navigation ul li li:hover ul,
.navigation ul li li li:hover ul,
.navigation ul li.sfhover ul,
.navigation ul li.havechildsfhover ul,
.navigation ul li.havechild-activesfhover ul,
.navigation ul li.activesfhover ul,
.navigation ul li li.sfhover ul,
.navigation ul li li.havesubchildsfhover ul,
.navigation ul li li.havesubchild-activesfhover ul,
.navigation ul li li.activesfhover ul,
.navigation ul li li li.sfhover ul,
.navigation ul li li li.havesubchildsfhover ul,
.navigation ul li li li.havesubchild-activesfhover ul,
.navigation ul li li li.activesfhover ul {
left : auto;
}
.navigation ul li a {
padding : 6px 6px 0 6px;
margin : 0;
display : block;
/*font-weight : normal; */
font-size : 17px;
text-transform : uppercase;
height : 25px;
background : transparent;
color:white;
position: relative;z-index: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navigation ul li {
background : transparent;
height : 43px;
}
.navigation li.active a {
/*background :red;*/
color:white;
border-bottom:solid 2px #0099ff;
/*-moz-border-radius: 20px ;
-webkit-border-radius: 20px;
border-radius: 10px ;
-webkit-border-top-left-radius: 20px;
/* pour Chrome */
/*-webkit-border-top-right-radius: 20px;
/* pour Chrome */
/*-webkit-border-top-top-radius: 20px;
/* pour Chrome */
/*-webkit-border-top-bottom-radius: 20px;
/* pour Chrome */
}
.navigation li a:hover {
/*background :repeat scroll 0 0 rgba(0, 0, 0, 0);*/
color:white;
border-bottom:solid 2px #0099ff;
/*-moz-border-radius: 20px ;
-webkit-border-radius: 20px;
border-radius: 10px ;
-webkit-border-top-left-radius: 20px;
/* pour Chrome */
/*-webkit-border-top-right-radius: 20px;
/* pour Chrome */
/*-webkit-border-top-top-radius: 20px;
/* pour Chrome */
/*-webkit-border-top-bottom-radius: 20px;
/* pour Chrome */
}
.navigation ul li ul {
margin-top : 2px;
padding-bottom : 5px;
padding-top : 5px;
text-align : left !important ;
background :#de5c42;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
-webkit-border-top-left-radius: 6px;
/* pour Chrome */
-webkit-border-top-right-radius: 6px;
/* pour Chrome */
-webkit-border-top-top-radius: 6px;
/* pour Chrome */
-webkit-border-top-bottom-radius: 6px;
/* pour Chrome */
}
.navigation ul li ul li {
height : 41px !important ;
}
.navigation ul li ul li a:hover,
.navigation ul li ul li.active a {
height : 41px !important ;
}
.navigation ul li ul li a {
height : 41px !important ;
padding-left : 31px;
background :transparent;
color:#fff;
}
.navigation ul li ul li a:hover {
height : 41px;
background : transparent;
color:#353535 !important;
}
.navigation li.active ul li a {
border:none !important;
color:#fff !important;
background:none !important;
}
.navigation ul li ul li.active span {
height : 41px;
background : none !important;
}
.navigation ul li ul li.active a {
height : 41px;
background : none !important;
}
.navigation ul li ul li ul {
margin-left : 180px;
margin-top : -30px;
padding-top : 0;
text-align : left !important ;
}
/***********************/
#slide{
float:left;
width:605px;
/*height:490px;*/
height:424px;
background: #FFF;
padding:1px;
margin-left:60px;
margin-top:40px;
}
/* The Nivo Slider styles */
.nivoSlider {
float:left;
position:relative;
width: 605px;
height: 424px ;
margin-top: 0px;
background: url(../images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
display:none;
width:605px; /* Make sure your images are the same size */
height:424px; /* Make sure your images are the same size */
}
.nivoSlider a {
border:0;
display:block;
color: #fff;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left: 30px;
top:400px;
bottom:5px;
background:transparent;
color:white;
z-index:80;
width: 500px;
padding: 40px;
/* overflow: hidden; */
font-family:Helvetica, "Myriad Pro", "Trebuchet MS", Arial, sans-serif;
font-size:25px;
}
.nivo-caption p {
padding:0 !important;
margin:0 !important;
font-size:23px;
font-weight:normal;
}
.nivo-caption a {
display:inline !important;
border-bottom: 1px dotted #fff;
}
.nivo-caption a:hover {
border-bottom-style: solid;
text-decoration: none;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
display:none;
}
.nivo-prevNav {
display:none;
}
.nivo-nextNav {
display:none;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
display:none;
}
.nivo-controlNav a {
display:none;
}
.nivo-controlNav a:hover {
display:none;
}
.nivo-controlNav .active {
display:none;
}
/******************/
/*****************************/
#main {
float:left;
margin:30px 0 20px 0px;
width:670px;
background:transparent;
text-align:left;
}
item-page {
position:relative;
}
.item-page aside {
float:left;
position:absolute;
width:85px;
}
.item-image {
margin:0 0px 10px 0;
width:100%;
padding:0 !important;
}
.item-image {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.item-image:HOVER {
z-index: 10;
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
cursor:pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.gk-article {
font-size:15px;
line-height:22px !important;
margin:0 0 60px 96px;
padding:0px 0px 45px 15px;
background: transparent;
}
.item-page .item-page { min-height:400px; }
.item-page time {
display:block;
width:71px;
height:50px;
line-height:25px;
margin:0 0 0 0px;
padding:6px 6px 10px 0px;
text-align:center;
background: #de5c42;
font-size:20px;
font-weight:600;
color:#fff;
font-family: arial, sans-serif;
font-weight:normal;
}
.item-page time span {
display:block;
font-size:25px;
line-height:30px;
font-family: arial, sans-serif;
text-transform:lowercase;
}
.article-info {
margin-bottom:0;
text-align:left;
font-size:11px;
margin-left:5px;
margin-top:15px;
}
.article-info dd {
margin:0 0 10px ;
font-weight:normal;
}
.print-icon,.email-icon {
list-style-type:none !important;
}
.gk-item-page .gk-article { min-height:190px;/*400px*/ }
.gk-article .article-header {
clear:both;
font-size:30px;
line-height:62px;
margin:0px 0 5px 0;
font-family:Helvetica, "Myriad Pro", "Trebuchet MS", Arial, sans-serif;
text-transform:capitalize;
}
/*********************/
/* Pagination ---*/
.counter {
text-align:center;
}
.pagination {
overflow: hidden;
text-align:center;
background:transparent;
}
.pagination li {
display:inline;
margin: 0;
padding: 7px;
overflow: hidden;
text-align:center;
}
.pagination li span {
padding: 7px;
}
.pagination li a {
padding:7px;
text-decoration: none;
color:#fff;
background:#de5c42;
}
.pagination li a:hover, .pagination li a:active,
.pagination li a:focus {
text-decoration: none;
color: #fff;
background:#353535;
}
ul.pager.pagenav {
float:left;
background:transparent;
width:100%;
margin:5px;
padding:0;
}
.pager .next {
float: right;
}
.pager .previous {
float: left;
}
.result-title {
padding:10px;
}
/*********************/
#main .readmore a:link,
#main .readmore a:visited,
#main a.readmore:link,
#main a.readmore:visited {
float:right;
background: url(../images/readmore.png) 0 0 no-repeat;
text-indent:-5000px;
width:36px;
height:34px;
margin-right:0px;
}
#main .readmore a:hover,
#main .readmore a:active,
#main .readmore a:focus,
#main a.readmore a:hover,
#main a.readmore a:active,
#main a.readmore a:focus
{
float:right;
background: url(../images/readmore-h.png) 0 0 no-repeat;
text-indent:-5000px;
width:36px;
height:34px;
margin-right:0px;
}
/* ++++++++++++++ items-more ++++++++++++++ */
.items-more {
margin-left:90px;
}
.items-more h3{
margin-left:50px;
font-family: arial, sans-serif;
}
.items-more ul{
margin-left:0px;
}
.items-more li {
list-style-type:disc !important;
}
.items-more ol li a{
background : transparent;
margin-left:10px;
list-style-type:disc !important;
}
.items-more ol li a:hover,
.items-more ol li a:active,
.items-more ol li a:focus{
}
.email-icon , .print-icon {
float:left;
font-size:11px;
margin:0;
padding:0;
}
.email-icon a , .print-icon a {
font-weight:normal;
margin:0;
padding:0;
}
/* ++++++++++++++ nav entre article ++++++++++++++ */
ul.pagenav {
position:relative;
margin-bottom:15px;
}
ul.pagenav li {
list-style: none;
padding: 8px;
background:#353535;
color:#fff;
border-radius: 10px;
}
ul.pagenav li a{
color:#fff;
}
ul.pagenav li a:hover, ul.pagenav li a:focus {
background: #de5c42;
color:#fff ;
}
ul.pagenav li.pagenav-prev {
float: left;
}
ul.pagenav li.pagenav-next {
float:right;
}
/****************************/
.ftb-c {
float:left;
text-align:right;
font-weight:normal;
font-size:14px;
width:125%;
height:60px;
float:left;
color:#353535;
border-top:1px solid #353535;
background: transparent;
}
.ftb {
width:560px;
margin-top:20px;
}
.ftb a, .ftb a:visited{
padding:0 !important;
border:none !important;
color:#353535;
font-weight:normal;
}
.ftb a:hover {}
#header {
text-align:left;
margin-left:105px;
}
.newsbox {
color:white;
}
.newsbox a {
color:white;
font-size:16px;
font-weight:normal;
}
.newsbox a:hover {
font-weight:bold;
font-style:italic;
/*background-color:#0099ff;*/
}
#homeheader {
position:relative;
top:20px;
left:50px;
}