/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: top;
}
/* Global */
html,
body {
margin:0;
padding:0;
overflow: hidden;
}
html {
overflow: auto;
}
body {
background:#ffffff;
font-family: Arial, sans-serif;
font-size:14px;
line-height:19px;
color:#383838;
}
h1{
color:#414141;
font-size:28px;
margin-bottom:15px;
font-family:"Open Sans Condensed", Arial, sans-serif;
font-weight:bold;
line-height:30px;
}
h2{
color:#414141;
font-family:"Open Sans Condensed", Arial, sans-serif;
font-size:24px;
margin-bottom:10px;
font-weight:bold;
line-height:24px;
}
h3{
color:#414141;
font-weight:600;
font-size:18px;
line-height:20px;
margin-bottom:5px;
}
p{
margin-bottom:15px;
font-weight:300;
}
hr{
border-top:1px dashed #999;
border-left:none;
border-right:none;
border-bottom:none;
}
.aligncenter{margin:0 auto;display:block;}
.wp-caption-text{font-size:11px; text-align:center;font-style:italic;}
img .alignleft, .alignleft{float:left;display:inline;margin-right:15px;}
img .alignright, .alignright{float:right;display:inline;margin-left:15px;}
img .alignright:after{content:" ";clear:both;}
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{height:auto; max-width:100%;}
strong{font-weight:bold;}
em{font-style:italic;}
.clear{clear:both;}
.button{
background:#0071AB;
border:none;
color:#fff;
font-size:14px;
padding:5px 10px;
text-decoration:none;
font-weight:normal;
display:inline-block;
cursor:pointer;
margin-top:5px;
}
.button:hover{
background:#acada4;
}
.see-all{
text-decoration:none;
color:#0071AB;
}
.see-all:hover{
color:#414141;
}
.jssora03l{
top:70px!important;
display: block!important;
}
.jssora03r{
top:70px!important;
display: block!important;
}
.jssora03ldn, .jssora03rdn{top:70px!important;}
/* ======= HEADER ======= */
.logo{
position:absolute;
left:0;
top:20px;
display:block;
}
.logo img{
width:100%;
}
/* ======= MENU ====== */
#main-menu{
float:right;
font-family: 'Open Sans', sans-serif;
text-transform:uppercase;
font-weight:bold;
}
#main-menu > li{
list-style:none;
display:inline-block;
position:relative;
}
#main-menu > li > a{
color:#282828;
font-size:13px;
text-decoration:none;
display:block;
line-height:100px;
padding:0 9px;
}
#main-menu li a:hover,#main-menu .current-menu-item > a{
color:#0071AB;
}
/* -- submenu -- */
#main-menu li:hover > ul{
display:block;
}
#main-menu li ul li{
display:block;
}
#main-menu li ul{
display:none;
position:absolute;
left:0;
top:80px;
width:170px;
background:#fff;
background:rgba(255,255,255,0.95);
z-index:200;
-webkit-box-shadow: 0px 4px 3px 0px rgba(50, 50, 50, 0.61);
-moz-box-shadow: 0px 4px 3px 0px rgba(50, 50, 50, 0.61);
box-shadow: 0px 4px 3px 0px rgba(50, 50, 50, 0.61);
}
#main-menu li ul li a{
display:block;
padding:10px 15px;
color:#414141;
font-size:14px;
text-decoration:none;
/* background:#eee; */
border-bottom:1px solid #fff;
}
#main-menu li ul li a:hover, #main-menu li ul .current a{
background:#fff;
color:#0071AB;
}
#main-menu li ul li ul{display:none!important;}
/* ======= SLIDER ====== */
#slider-bloc{
position:relative;
}
#logo-adle{
position:absolute;
left:270px;
top:17px;
width:150px;
z-index:999;
}
#logo-adle img{width:100%;}
#slider{
/*height:360px;*/
height:306px;
overflow:hidden;
position:relative;
}
#slider #caption{
position:absolute;
background:#fff;
background:rgba(255,255,255,0.8);
left:0;
top:0;
width:280px;
height:90%;
padding:5% 20px;
}
#slider #caption h1{
color:#0071AB;
}
/* ======= CONTENT ====== */
#wrapper{
width:1000px;
margin:0 auto;
position:relative;
}
#left-content{
min-height:700px;
}
#left-content h1{
background:#0071AB;
color:#fff;
padding:10px 25px;
}
#left-content a{
color:#383838;
}
#left-content ul,#left-content ol{
margin-left:20px;
margin-bottom:15px;
}
#left-content img{
max-width:100%;
height:auto;
}
#left-content .attachment-post-single{
display:block;
margin: 0 auto 15px;
}
.bcontent{
}
#wrapper {
margin-top: 150px;
}
#header, header {
position: fixed;
top: 0;
width: 100vw;
z-index: 999;
background: white;
border-bottom: 1px solid white;
transition: border-bottom 0.7s;
}
header #wrapper, #header #wrapper {
margin-top: 0;
}
.sticky #header {
border-bottom: 1px solid #ddd;
}
/*.sticky #wrapper{
margin: 0 auto;
}*/
/* ======= HOME ====== */
#left-content{
float:left;
width:660px;
/*margin-top:30px;*/
}
/* --- SLIDER --- */
#slider-bloc{
margin-bottom:50px;
}
.nivo-caption{
background:#fff!important;
background:rgba(255,255,255,0.99)!important;
width:320px!important;
padding:3% 25px 5% 25px!important;
height:100%;
}
.nivo-caption h1{
color:#0071AB;
}
.nivo-caption p{
color:#414141;
font-size:16px;
line-height:22px;
}
/* --- HOME ACTU --- */
#home-actu{
margin-left:0!important;
}
#home-actu li{
list-style:none;
height:209px;
position:relative;
margin-bottom:30px;
border-left:12px solid #c7c7c7;
}
#home-actu h1{
background:none;
color:#414141;
font-size:20px;
line-height:22px;
padding:0;
}
#home-actu li > a{
text-decoration:none;
color:#414141;
display:block;
height:100%;
width:100%;
}
#home-actu li a:hover h1{
color:#0071AB;
}
#home-actu li a:hover p{
color:#0071AB;
}
#home-actu li a:hover img{
opacity:0.6;
}
#home-actu li:first-child{
border-left:12px solid #0071AB;
}
#home-actu li:first-child +li{
border-left:12px solid #0093c6;
}
#home-actu li:first-child +li +li{
border-left:12px solid #27afd7;
}
#home-actu .category{
position:absolute;
background:#ececec;
text-transform:uppercase;
padding:5px 10px;
bottom:0;
left:0;
margin-bottom:0;
}
#home-actu img{
float:left;
margin-right:20px;
}
#home-actu h1{
margin-bottom:5px;
margin-left:20px;
}
#home-actu .date{
color:#0071AB;
margin-bottom:5px;
margin-left:20px;
}
#home-actu .summary{
margin-left:20px;
}
.description{
font-size:18px;
margin-left:15px;
display:inline-block;
}
.description p{
margin-bottom:0;
}
/* ====== CATEGORIES ====== */
.title_code{
display:inline-block;
padding:5px 25px 5px 0;
margin-bottom:20px;
cursor:pointer;
color:#0071AB;
position:relative;
}
.title_code:after{
content:" "; /* » */
color:#0071AB;
background:url('images/arrow-down.png') no-repeat;
width:15px;
height:15px;
position:absolute;
right:0;
top:9px;
}
/* -- videos -- */
#category-video li{
list-style:none;
display:inline-block;
margin-bottom:25px;
width:305px;
margin-right:10px;
}
#category-video li a{
text-decoration:none;
}
#category-video .title-video{
margin-top:10px;
color:#414141;
}
/* ======= SIDEBAR RIGHT ====== */
#sidebar{
float:right;
width:320px;
vertical-align:top;
/*margin-top:30px;*/
}
#sidebar h2{
background:#0071ab;
color:#fff;
padding:10px 25px;
font-size:22px;
line-height:30px;
}
#twitter{
padding-bottom:15px;
}
/* --- SUBMENU --- */
#submenu-right{
margin-bottom:20px;
}
#submenu-right li{
list-style:none;
border-bottom:1px solid #ddd;
}
#submenu-right li a{
text-decoration:none;
display:block;
padding:6px 0;
color:#414141;
}
#submenu-right li a:hover,#submenu-right .current a{
color:#0071AB;
}
#submenu-right li:last-child{
border:none;
}
#submenu-right li ul{
margin-left:20px;
}
.submenu-right{
margin-bottom:20px;
}
.submenu-right li{
list-style:none;
border-bottom:1px solid #ddd;
}
.submenu-right li a{
text-decoration:none;
display:block;
padding:6px 0;
color:#414141;
}
.submenu-right li a:hover,.submenu-right .current_page_item > a{
color:#0071AB;
}
.submenu-right li:last-child{
border:none;
}
.submenu-right li ul{
margin-left:20px;
}
/* --- submenu main menu - only current page --- */
#submenu-main li{
display:none;
}
#submenu-main > .current-menu-ancestor, #submenu-main .current-menu-ancestor li, #submenu-main .menu-item-134, #submenu-main .menu-item-134 li{
display:block;
}
#submenu-main > .current-menu-ancestor > a, #submenu-main .menu-item-134 > a{
background:#0071AB;
color:#fff;
font-size:22px;
padding:10px 25px;
line-height:30px;
font-weight:bold;
font-family:"Open Sans Condensed",Arial,sans-serif;
}
#submenu-main > .current-menu-ancestor .current-menu-item a, #submenu-main .menu-item-134 .current-post-ancestor a{
color:#0071AB;
}
/* --- nuage de tag --- */
#sidebar .tagcloud a{
text-decoration:none;
color:#0071AB;
}
/* --- AGENDA --- */
#agenda li{
list-style:none;
}
.date-container{
border:1px solid #e1e1e1;
float:left;
width:65px;
height:65px;
text-align:center;
margin-right:10px;
margin-bottom:10px;
}
.date-container .month{
background:#0071AB;
color:#fff;
display:block;
padding:3px 5px;
font-size:20px;
text-transform:uppercase;
font-weight:bold;
font-family:"Open Sans Condensed", Arial, sans-serif;
}
.date-container .day{
display:block;
padding:2px 5px;
font-size:34px;
line-height:34px;
font-weight:300;
font-family:"Open Sans Condensed", Arial, sans-serif;
}
#agenda li h3{
font-weight:300;
font-size:16px;
}
/* -- plugin -- */
.vcalendar li{
list-style:none;
margin-bottom:15px;
}
.vcalendar li a{
text-decoration:none;
}
.vcalendar li h4{
font-weight:bold;
}
.vcalendar li h4 a{
color:#000!important;
}
.vcalendar li .duration{
color:#0071AB;
font-style:italic;
}
.tribe-events-widget-link a{
color:#0071AB;
text-decoration:none;
}
.tribe-events-widget-link a:after{
content:" » ";
color:#0071AB;
}
/* --- LAST VIDEO --- */
.sliderbox {
margin-top:25px;
float:left;
width:100%;
display:none;
height: 370px;
overflow:hidden;
}
#last-video .see-all{
display:block;
}
.sliderbox h2{
background:#0071AB;
color:#fff;
font-size:22px;
line-height:30px;
padding:10px 25px;
}
.sliderbox .title {
font-family: "Open Sans Condensed",Arial,sans-serif;
font-size: 18px;
font-weight: bold;
line-height: 20px;
margin-bottom: 10px;
margin-top: 0;
}
.sliderbox .title a, .sliderbox .title a:hover {
color:#414141;
text-decoration: none;
}
.sliderbox .date {
color: #0071ab;
line-height: normal;
margin: 0;
}
/* --- FOLLOW ME --- */
#social-networks li{
list-style:none;
display:inline-block;
}
#social-networks li a{
display:block;
height:53px; /* 58 */
width:53px;
}
#social-networks .facebook{
background:url('images/facebook.png') center center no-repeat #0071AB;
background-size:contain;
}
#social-networks .twitter{
background:url('images/twitter.png') center center no-repeat #27AFD7;
background-size:contain;
}
#social-networks .youtube{
background:url('images/youtube.png') center center no-repeat #d9051a;
background-size:contain;
}
#social-networks .flickr{
background:url('images/flickr.png') center center no-repeat #0093C6;
background-size:contain;
}
#social-networks .rss{
background:url('images/rss.png') center center no-repeat #ff7800;
background-size:contain;
}
#social-networks .soundcloud{
background:url('images/soundcloud.png') center center no-repeat #ff7800;
background-size:contain;
}
#social-networks .facebook:hover{
background:url('images/facebook.png') center center no-repeat #414141;
background-size:contain;
}
#social-networks .twitter:hover{
background:url('images/twitter.png') center center no-repeat #414141;
background-size:contain;
}
#social-networks .youtube:hover{
background:url('images/youtube.png') center center no-repeat #414141;
background-size:contain;
}
#social-networks .flickr:hover{
background:url('images/flickr.png') center center no-repeat #414141;
background-size:contain;
}
#social-networks .rss:hover{
background:url('images/rss.png') center center no-repeat #414141;
background-size:contain;
}
#social-networks .soundcloud:hover{
background:url('images/soundcloud.png') center center no-repeat #414141;
background-size:contain;
}
/* --- TABLES --- */
table{
border-top:1px solid #eee;
border-left:1px solid #ddd;
}
table th{
background: #0B4F72;
border-right:1px solid #083c57;
border-left:1px solid #0f6998;
font-family: 'Open Sans Condensed', sans-serif;
color:#fff;
font-size:16px;
line-height:24px;
padding:15px 10px;
font-weight:bold;
vertical-align:middle;
text-align:center;
}
table td{
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
padding:8px;
vertical-align:top;
}
table ul{
padding-left:10px;
margin:0px;
}
/* ======= FOOTER ====== */
#logo-footer{
text-align:center;
}
#logo-footer li{
list-style:none;
display:inline-block;
}
#footer{
background:#414141;
}
#footer p{
width:1000px;
padding:3px 5%;
margin:0 auto;
font-size:12px;
color:#D0D1C6;
}
#footer p a{
color:#D0D1C6;
}
#footer .alys{
float:right;
text-decoration:none;
color:#D0D1C6;
}
.footer-logos{
margin: 70px auto 10px;
display:block;
}
/* -------------------------------- MEDIA QUERIES -------------------------------------------- */
/* ------------------------------------------------------------------------------------------- */
.nav-mobile {display:none; /* Hide from browsers that don't support media queries */cursor:pointer;position:absolute;top:139px;right:0;background:#023058 url(images/nav-mobile.png);height:30px;width:100%;}
#pull{display:none;}
/* ------------------------ // special wide screens // -------------------------------- */
@media only screen and (min-width: 1400px){
#slider{height:504px!important;}
#wrapper{width:1400px;}
#left-content{width:1060px;}
#main-menu > li > a{font-size:16px;}
#logo-adle{position:absolute;left:280px;top:17px;width:150px;z-index:999;}
}
/* ------------------------ // only normal screens // -------------------------------- */
@media only screen and (min-width: 1024px) and (max-width: 1400px){
/* slider video */
#slider1_container,#slider1_container > div,#slider1_container > div > div{width:1000px!important;/*100%!important; */ }
#slider1_container > div{transform:none!important;}
#slider-video-item{width:242px!important;}
}
/* ------------------------ ipad horizontal -------------------------------- */
@media only screen and (min-width: 959px) and (max-width: 1024px){
}
/* ------------------------ ipad vertical -------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px){
}
/* ------------------------ iphone -------------------------------- */
@media only screen and (min-width: 200px) and (max-width: 767px){
#wrapper,#slider-bloc,#sidebar,#footer{width:100%;}
/* --- menu principal dropdown mobile --- */
a#pull { display:block;background:url('images/nav-mobile.png') right center no-repeat #0071AB; height:60px; width:100%; position:absolute;z-index:20;top:80px; right:0;outline:none;}
.nav-list {display:none; }
#main-menu{position:absolute;top:140px;padding-top:0px;z-index:300;background:#fff;width:100%;}
#main-menu > li{display:block;padding-left:0;text-align:center;background:none;}
#main-menu .has-children:after{right:10%;top:35px;}
#main-menu > li > a{line-height:70px;border-top:1px solid #eee;}
#main-menu > li > a, #main-menu > li > a:hover,#main-menu li a:hover, #main-menu .current a{border-bottom:none;}
#main-menu li ul{display:none!important;}
/* header */
#header{height:140px;}
.logo{left:10px;width:175px; transform: none;}
#logo-adle{position:absolute;right:10px;left:auto;top:10px;width:150px;z-index:999;}
/* slider */
#slider{height:auto;}
.nivo-caption {display:none!important;}
/* home */
h1{font-size:20px;line-height:22px;}
#home-actu li{height:350px;}
#home-actu img{height:100px; width:auto;}
#home-actu iframe{width:147px; height:100px;}
#slider1_container > div > div{width:100%!important;margin:0;}
#slider-video-item{width:100%!important;margin:0;height:360px!important;}
#slider1_container{height:360px!important;display:none;}
#slider-video-item iframe{height:350px;}
/* content */
#left-content{width:94%;margin-left:3%;margin-top:15px;float:none;min-height:100px;}
/* pages internes */
.page #left-content{width:90%; margin-left:5%;float:none;}
/* sidebar */
#sidebar{float:none;}
#sidebar ul li{padding:0 3%;}
#last-video .see-all{margin-left:3%;}
#sidebar > img{margin-left:10px;}
.wp-pagenavi a, .wp-pagenavi span{display:block;}
/* footer */
#last-video {text-align:center;}
#footer p{width:90%;}
.footer-logos{max-width:100%;height:auto;}
.nbs-flexisel-inner {height: 240px;}
}
/* -------------------------------------------------------------------------------------- */
.nbs-flexisel-container {
position:relative;
max-width:100%;
}
.nbs-flexisel-ul {
position:relative;
width:9999px;
margin:0px;
padding:0px;
list-style-type:none;
text-align:center;
}
.nbs-flexisel-inner {
float: left;
margin: 0 5%;
overflow: hidden;
width: 90%;
height: 260px;
}
.nbs-flexisel-item {
float:left;
margin:0px;
padding:0px;
cursor:pointer;
position:relative;
line-height:0px;
}
.nbs-flexisel-item img {
width: 90%;
cursor: pointer;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
}
/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
width: 42px;
height: 72px;
position: absolute;
cursor: pointer;
z-index: 100;
opacity: 0.5;
top:60px!important;
}
.nbs-flexisel-nav-left {
left: 0px;
background: url('images/prev.png') no-repeat;
}
.nbs-flexisel-nav-right {
right: 0px;
background: url('images/next.png') no-repeat;
}