/* -------------------------------------------------------------- CSS Document */
/* CSS Snacking.fr v2016 */
/* Auteur : dev4design.com */
/* -------------------------------------------------------------- Font
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on December 5, 2016 */
@font-face {
font-family: 'king_basil_literegular';
src: url('fonts/king-basil-lite-webfont.woff2') format('woff2'),
url('fonts/king-basil-lite-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/* -------------------------------------------------------------- COOKIE CONSENT */
.cc_container .cc_btn, .cco_container .cc_btn:visited {
border-radius: 0 !important;
background-color: #F9B233 !important;
color: #fff !important;
text-transform: uppercase !important;
font-size: 0.8em !important;
}
.cc_container a, .cc_container a:visited {
color: #F9B233 !important;
}
/* --------------------------------------------------------------FLOATS & ALIGNS */
.l-float {
float:left;
}
.r-float {
float:right;
}
.t-center {
text-align:center;
}
.t-right {
text-align:right;
}
.vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}
span.date-small {
font-size: 0.9em;
color: #a5a5a5;
}
.clear {
clear:both;
}
.no-border {
border:0 !important;
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.sep {
margin:10px 0;
border-bottom:1px solid #e8e8e8;
}
.debug {
width:60%;
margin:10px auto;
padding:10px;
font-size:.9em;
}
.alert {
padding: 8px;
margin-bottom: 10px;
border: 1px solid transparent;
border-radius: 2px;
font-size: .9em;
}
/* -------------------------------------------------------------- BODY */
body {
/*background:#e7e1dc url(../images/body/bg.jpg) repeat top center;*/
font-family: 'Lato', sans-serif;
font-size:15px;
padding-top:200px;
background-color: #1e1c1a;
}
/* --------------------------------------------------------------- LINK */
a, a:focus { text-decoration:none; }
a:hover { text-decoration:none; color:inherit; }
p a {
color:#F9B233;
border-bottom: 1px dotted #f9b233;
}
/* --------------------------------------------------------------- TITLES AND FONTS */
h1, h2, h3, h4, h5 {
font-family: 'Kanit', sans-serif;
}
h1 {
font-size:2em;
font-weight:700;
}
h2 {
font-size:1.4em;
font-weight:700;
}
h3 {
font-size:1.3em;
text-transform:uppercase;
font-weight:600;
color: #fff;
background-color: #231f20;
padding-left:10px;
padding-right:30px;
margin: 0 0 20px 0;
display:inline-block;
position:relative;
line-height:30px;
}
h3:after {
position:absolute;
content:"";
top:0px;
left:auto;
right:0px;
height:0px;
width:50px;
border-top: 30px solid transparent;
border-right: 15px solid white;
/* border-bottom: 1px solid white;*/
}
h4 {
font-size:1.1em;
text-transform:uppercase;
font-weight:900;
color:#231f20;
margin-bottom:2px;
}
h4 a {
color:#231f20;
}
h5 {
font-size:1.2em;
text-transform:uppercase;
font-weight:900;
}
h6 {
font-size:1em;
text-transform:uppercase;
font-weight:700;
}
.subtitle {
font-size:1.1em;
color: #F9B233;
font-weight:700;
}
.infos {
font-size:.9em;
color: #666;
}
.handwriting {
font-family: 'king_basil_literegular', cursive;
text-transform: none;
font-weight: normal;
font-size: 2.5em;
padding-top: 5px;
}
.handwriting.darkbg {
color: #fff;
}
/* --------------------------------------------------------------- BUTTONS & BREADCRUMBS */
a.more-wrapper, div.more-wrapper, div.title-wrapper {
font-size:1em;
text-transform:uppercase;
font-weight:700;
color: #fff;
background-color: #F9B233;
padding-left:10px;
padding-right:30px;
margin: 20px 0 0 0;
display:inline-block;
position:relative;
line-height:30px;
}
a.more-wrapper:after, div.more-wrapper:after {
content: '';
position: absolute;
width: 0;
height: 0;
right: 0px;
border-top: 15px solid #fff;
border-bottom: 15px solid #fff;
border-left: 15px solid #F9B233;
}
a.more-wrapper:hover {
color: #fff;
text-decoration:none;
}
a.more-wrapper.darkbg:after, div.more-wrapper.darkbg:after {
border-top: 15px solid #231f20;
border-bottom: 15px solid #231f20;
border-left: 15px solid #F9B233;
}
a.more-wrapper.shop, div.more-wrapper.shop {
background-color:#71bf44;
}
a.more-wrapper.shop:after, div.more-wrapper.shop:after {
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #71bf44;
}
a.call2action-wrapper.franchise {
font-size: 0.9em;
text-transform: uppercase;
color: #fff;
background-color: #008773;
padding: 5px 20px;
margin: 20px 0 0 0;
display: inline-block;
position: relative;
line-height: 25px;
border-radius: 2px;
}
a.call2action-wrapper.franchise strong {
font-size:1.4em;
}
#open-call2leads {
background-color: #034e69;
border: 0;
padding: 6px 15px;
color: #fff !important;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0px;
margin: 30px auto;
text-align: center;
display:inline-block;
}
#open-call2leads:hover {
background-color: #06776a;
}
/* ----------------------------------------------------------------------- */
button.btn, a.btn, input[type="submit"] {
background: none;
background-color: #231f20 !important;
color: #fff !important;
border: 0;
padding: 8px;
margin-top: 5px;
border-radius: 2px;
text-shadow: none;
transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
button.btn:hover, a.btn:hover, input[type="submit"]:hover {
background-color: #106e31 !important;
color:#fff;
}
.btn-default.focus, .btn-default:focus {
color: #fff;
background-color: #106e31 !important;
border-color: #8c8c8c;
}
button.btn-go, a.btn-go {
background-color: #106e31 !important;
}
a.btn.btn-success {
background-color: #71bf44 !important;
}
a.btn.btn-success:hover {
}
/* --------------------------------
Breadcrumb Basic Style
-------------------------------- */
.cd-breadcrumb, .cd-multi-steps {
}
.cd-breadcrumb::after {
clear: both;
content: "";
display: table;
}
.cd-breadcrumb li {
display: inline-block;
float: left;
margin: 0.5em 0;
}
.cd-breadcrumb li::after {
/* this is the separator between items */
display: inline-block;
content: '\00bb';
margin: 0 .6em;
color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after {
/* hide separator after the last item */
display: none;
}
.cd-breadcrumb li > * {
/* single step */
display: inline-block;
font-size: .8em;
color: #2c3f4c;
}
.cd-breadcrumb li i {
line-height: 30px;
font-size:1em;
}
.cd-breadcrumb li.current > * {
/* selected step */
color: #96c03d;
}
.no-touch .cd-breadcrumb a:hover {
/* steps already visited */
color: #96c03d;
}
/* --------------------------------
Triangle breadcrumb
-------------------------------- */
.cd-breadcrumb.triangle {
/* reset basic style */
background-color: transparent;
padding: 0;
}
.cd-breadcrumb.triangle li {
position: relative;
padding: 0;
margin: 4px 4px 4px 0;
}
.cd-breadcrumb.triangle li:last-of-type {
margin-right: 0;
}
.cd-breadcrumb.triangle li:first-of-type a {
padding-left: 15px;
}
.cd-breadcrumb.triangle li > * {
position: relative;
line-height: 30px;
padding: 0 15px 0 25px;
text-transform: uppercase;
color: #fff;
background-color: #231f20;
/* the border color is used to style its ::after pseudo-element */
border-color: #231f20;
}
.cd-breadcrumb.triangle li.current > * {
/* selected step */
color: #ffffff;
background-color: #999;
border-color: #999;
}
.no-touch .cd-breadcrumb.triangle a:hover {
/* steps already visited */
color: #ffffff;
background-color: #2c3f4c;
border-color: #2c3f4c;
}
.cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
/*
li > *::after is the colored triangle after each item
li::after is the white separator between two items
*/
content: '';
position: absolute;
top: 0;
left: 100%;
content: '';
height: 0;
width: 0;
/* 48px is the height of the element */
border: 15px solid transparent;
border-right-width: 0;
border-left-width: 15px;
}
.cd-breadcrumb.triangle li::after {
/* this is the white separator between two items */
z-index: 1;
-webkit-transform: translateX(4px);
-moz-transform: translateX(4px);
-ms-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px);
border-left-color: #ffffff;
/* reset style */
margin: 0;
}
.cd-breadcrumb.triangle li > *::after {
/* this is the colored triangle after each element */
z-index: 2;
border-left-color: inherit;
}
.cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
/* hide the triangle after the last step
display: none;*/
}
.cd-breadcrumb.triangle.custom-separator li::after {
/* reset style */
background-image: none;
}
.cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
/* 50px is the height of the element */
border-top-width: 25px;
border-bottom-width: 25px;
}
@-moz-document url-prefix() {
.cd-breadcrumb.triangle li::after,
.cd-breadcrumb.triangle li > *::after {
/* fix a bug on Firefix - tooth edge on css triangle */
border-left-style: dashed;
}
}
/* -------------------------------------------------------- PAGINATION */
nav.nav-pages { text-align: right; margin-top:20px; margin-bottom:20px;}
nav.nav-pages ul {
margin:0;
padding:0;
list-style:none;
}
nav.nav-pages ul li {
display:inline;
}
nav.nav-pages ul li a {
display:inline-block;
width:30px;
line-height:30px;
margin-left:5px;
text-align:center;
font-weight:700;
color:#fff;
background-color:#231f20;
transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
}
nav.nav-pages ul li a:hover, nav.nav-pages ul li a.active {
background-color:#F9B233;
}
/* ---------------------------------------------------------NEWS THEME COLORS */
.notheme { background-color:#F9B233 !important; }
/* Tendances */
.theme-1 { background-color:#fbaf17 !important; }
/* Food & Beverage */
.theme-2 { background-color:#2bba12 !important; }
/*Equipement & Techno*/
.theme-3 { background-color:#00b6e7 !important; }
/*Communauté*/
.theme-4 { background-color:#92469a !important; }
/*Management*/
.theme-5 { background-color:#ff166b !important; }
/*Evènements*/
.theme-6 { background-color:#ed7000 !important; }
/* Partenaire */
.theme-partenaire, article.partenaire .categoriser, .categoriser.cat-partenaire { background-color:#3883ea !important; }
.widget-news-featured li.partenaire, article.partenaire {
background-color: #f7f4f4 !important;
}
.partenaire {
color:#ccc;
}
/* -------------------------------------------------------------------- HEADER */
.site-header {
position: fixed;
width: 100%;
min-width: 320px;
top: 0;
z-index: 90;
height:155px;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
}
.site-header .header-links {
font-size:1.05em;
width: 100%;
height:35px;
padding:0;
margin: 0;
background-color: #231f20;
overflow: hidden;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
}
.site-header .header-links .item {
display: inline-block;
padding:10px;
}
.site-header .header-links li, .site-header .header-links a {
color:#f8f3ed;
font-size: 0.96em;
}
.site-header .header-links li.item.r-float {
padding: 6px 12px 8px !important;
background-color: #f9b233;
border-left: 1px solid #f9b233;
}
.site-header .header-links li .fa {
font-size: 1.0em;
margin-right: 2px;
color: #fff;
}
.site-header .header-links a:hover {
text-decoration:none;
}
.site-header .header-navigation {
width:100%;
height:92px;
overflow:hidden;
padding: 10px;
background-color: #fff;
position: relative;
border-bottom:0px solid #f0f0f0;
-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.08);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.08);
}
.site-header .site-logo {
width:280px;
height:auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin-right: 15px;
}
.site-header .header-navigation .main-nav a, .site-header .header-navigation .social-nav a.blogzine {
text-transform:uppercase;
font-size: 1.1em;
color: #231f20;
letter-spacing: -0.5px;
font-weight:600;
font-family: 'Kanit', sans-serif;
line-height:75px;
height:90px;
margin:0 8px 0 8px;
border-bottom:0px solid #F9B233;
-webkit-transition: color 0.5s, height 0.3s;
-moz-transition: color 0.5s, height 0.3s;
transition: color 0.5s, height 0.3s;
}
.site-header .header-navigation .main-nav a:hover,
.site-header .header-navigation .main-nav a:focus,
.site-header .header-navigation .main-nav a.active
{
color: #F9B233;
text-decoration:none;
height:80px;
border-bottom:0px solid #F9B233;
}
.site-header .header-navigation .main-nav a.active {
}
.header-navigation .social-nav a.blogzine {
width: auto !important;
line-height: 35px !important;
height: 70px !important;
border-bottom: 5px solid #F9B233;
font-weight: 900 !important;
font-size: 1em !important;
}
.header-navigation .social-nav a.blogzine span {
color:#F9B233;
}
.header-navigation .social-nav a.blogzine:hover,
.header-navigation .social-nav a.blogzine:focus,
.header-navigation .social-nav a.blogzine:active
{
color: #F9B233;
text-decoration:none;
height: 62px !important;
border-bottom:5px solid #F9B233;
}
.site-header .header-navigation .social-nav {
margin-top:22px;
}
.site-header .header-navigation .social-nav a {
font-size:1.3em;
color:#231f20;
display:block;
width:32px;
height:45px;
text-align:center;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.site-header .header-navigation .social-nav a:hover {
color: #F9B233;
}
.site-header .header-navigation .main-nav a i {
line-height:80px;
}
a.soutien {
display: block;
background-color: #f9b233;
padding: 0 15px 0 15px;
margin: 15px 40px 0 10px;
color: #fff;
text-transform: uppercase;
font-size: 0.85em;
font-weight: bold;
height: 40px;
line-height: 40px;
background-repeat: no-repeat;
background-position: top left;
}
.page-scrolled a.soutien {
margin: 6px 40px 0 10px;
}
a.webradio {
display: block;
background-color: #9e1922;
padding: 0 15px 0 40px;
margin: 15px 50px 0 10px;
color: #fff;
text-transform: uppercase;
font-size: 0.85em;
font-weight: bold;
height: 40px;
line-height: 40px;
background-image: url(../images/header/ico_play.png);
background-repeat: no-repeat;
background-position: top left;
}
.page-scrolled a.webradio {
margin: 6px 50px 0 10px;
}
/* --------------------------------------------------------------- BURGER MENU */
.site-nav a {
display:none;
width:40px;
background-color: #231f20;
color:#fff;
font-size:1em;
text-transform:uppercase;
font-weight:700;
margin-top:15px;
margin-left:5px;
margin-right:45px;
}
.site-nav a:hover, .site-nav a:focus {
text-decoration:none;
}
#menu-burger {
font-size:1.2em !important;
background-color: #fff !important;
color: #333 !important;
font-family: 'Kanit', sans-serif;
top: 0px !important;
z-index: 99999 !important;
}
#site-nav a span {
display: block;
background-image:url(../images/header/ico_burger.png);
background-repeat:no-repeat;
background-position:top left;
padding: 5px 5px 5px 40px;
height: 40px;
line-height: 30px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
html.mm-opened #site-nav a span {
background-position:bottom left;
}
html.mm-front .mm-menu {
z-index: 10 !important;
}
.mm-menu {
max-width: 280px !important;
background-color:#231f20 !important;
}
.mm-navbar {
background-color: #F9B233;
}
.mm-navbar a {
color:#333 !important;
text-transform:uppercase;
font-weight:400;
}
.mm-listview li a, .mm-listview li span {
text-transform:uppercase;
font-weight:400;
color: #333;
font-size: 1.2em;
}
body .mm-listview > li > .mm-next.mm-fullsubopen + span, body .mm-listview > li > a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
body .mm-listview > li:hover > span, body .mm-listview > li:hover > a:not(.mm-next) {
background-color: #666;
color:#fff;
}
.mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after {
border-color: rgba(255, 255, 255, 0.8) !important;
}
.mm-navbar[class*=mm-navbar-content-]>* {
font-size: 1.5em !important;
}
.mm-slideout {
background:none !important;
}
/* -------------------------------------------------------------- HEADER SEARCH*/
.site-search {
position: absolute;
right:10px;
z-index:999;
margin-top: 15px;
width: 0%;
min-width: 40px;
height: 40px;
float: right;
overflow: hidden;
margin-left:5px;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
-webkit-backface-visibility: hidden;
}
.search-field {
position: absolute;
top: 0;
right: 0;
border: none;
outline: none;
background: #231f20;
width: 100%;
height: 40px;
margin: 0;
z-index: 10;
padding: 10px 50px 10px 10px;
font-size: 1.1em;
color: #fff;
}
input[type="search"].search-field {
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
.search-field::-webkit-input-placeholder {
color: #666;
}
.search-field:-moz-placeholder {
color: #666;
}
.search-field::-moz-placeholder {
color: #666;
}
.search-field:-ms-input-placeholder {
color: #666;
}
.search-icon,
.search-submit {
width: 40px;
height: 40px;
display: block;
position: absolute;
right: 0;
top: 0;
padding: 0;
margin: 0;
line-height: 40px;
text-align: center;
cursor: pointer;
}
.search-submit {
background: #fff; /* IE needs this */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
filter: alpha(opacity=0); /* IE 5-7 */
opacity: 0;
color: transparent;
border: none;
outline: none;
z-index: -1;
}
.search-icon {
color: #fff;
background: #231f20;
z-index: 90;
font-size:1.7em;
/*font-family: 'FontAwesome';*/
speak: none;
/*font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;*/
}
.search-icon:before {
/*content: "\f002";*/
}
.site-search.search-open,
.no-js .site-search {
width: 350px;
}
.site-search.search-open .search-submit,
.no-js .site-search .search-submit {
z-index: 99;
}
/* -------------------------------------------------------------- HEADER SCROLLED*/
.site-header.page-scrolled {
height:80px;
}
.site-header.page-scrolled .header-links {
height:3px;
}
.site-header.page-scrolled .header-navigation {
height: 70px;
}
.site-header.page-scrolled .header-navigation .main-nav a, .site-header.page-scrolled .header-navigation .social-nav a.blogzine {
line-height: 50px;
height: 70px;
}
.site-header.page-scrolled .header-navigation .main-nav a i {
line-height: 50px;
}
.site-header.page-scrolled .header-navigation .main-nav a:hover,
.site-header.page-scrolled .header-navigation .main-nav a:focus,
.site-header.page-scrolled .header-navigation .main-nav a.active {
height: 60px;
}
.site-header.page-scrolled .header-navigation .social-nav a.blogzine:hover,
.site-header.page-scrolled .header-navigation .social-nav a.blogzine:focus,
.site-header.page-scrolled .header-navigation .social-nav a.blogzine:active {
height: 45px !important;
}
.site-header.page-scrolled .site-logo {
height:50px;
width:auto;
}
.site-header.page-scrolled .header-navigation .social-nav {
margin-top: 10px;
}
.site-header.page-scrolled .header-navigation .site-nav a {
margin-top: 6px;
}
.site-header.page-scrolled .header-navigation .site-search {
margin-top: 6px;
}
/* -------------------------------------------------------------- FOOTER */
footer {
margin-top:0px;
}
footer .snkwrapper {
display:block;
z-index:99;
position: absolute;
left: 50%;
margin-left: -40px !important;
margin-top:-55px !important;
height:80px;
width:80px;
background-color:#F9B233 !important;
padding-top:15px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size:2.6em;
}
footer #newsletter-subscription {
color:#fff;
padding: 20px 0 20px 0;
background-color:#F9B233;
}
footer div#mc_embed_signup {
background: transparent;
}
/*
footer #newsletter-subscription .container {
background:url(../images/footer/coffee-cup.gif) no-repeat left bottom;
}*/
footer #newsletter-subscription a {
color:#fff;
text-decoration:underline;
}
footer #newsletter-subscription h4 {
color:#fff;
}
footer #newsletter-subscription a:hover {
color:#ccc;
}
footer #footer-end {
background-color: #0c0c0c;
padding:20px 0;
text-align:center;
color:#ccc;
font-size: 13px;
}
footer #footer-end a {
color:#F9B233;
}
footer #footer-end .contact-infos {
margin:20px auto;
}
footer #footer-end .contact-details {
margin:15px auto;
text-transform:uppercase;
color:#fff;
font-weight:700;
}
footer #footer-end .contact-social {
margin-top:30px;
}
footer #footer-end .contact-social i {
font-size: 2.0em;
color: #f3f3f3;
display: inline-block;
width: 60px;
height: 40px;
margin-top: 7px;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-ms-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
footer #footer-end .contact-social a:hover > i {
color:#fff;
}
footer #footer-end .contact-social img {
display:inline-block;
}
footer #footer-end .partners {
margin:15px auto;
}
footer #footer-end .partners h6 {
display:inline-block;
border-bottom:3px solid #F9B233;
margin-bottom:20px;
padding-bottom:7px;
clear:right;
}
footer #footer-end .partners img {
display:inline-block;
}
/* ------------------------------------------------------------------------------------------------------------------------------------- BODY CONTENT */
/* --------------------------------------------------------------- INSTAGRAM */
#home-instagram {
padding: 0;
margin-top: 50px;
margin-bottom: 0;
width:90%;
}
#home-instagram .flexslider {
border:0;
background-color:transparent;
}
#home-instagram h3 {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.7);
}
#home-instagram h2 a {
display:block;
text-align:center;
margin-bottom:15px;
color: #fff;
font-weight:600;
font-size: 1.1em;
text-transform: uppercase;
}
#home-instagram .instagram-desc {
text-align: center;
margin: 15px 0 0 0;
color: #f1f1f1;
}
#home-instagram .row-instagram {
padding: 0;
max-width: 100%;
margin: 0 auto;
}
@media (max-width: 768px) { /* MOBILE */
#home-instagram .row-instagram {
padding:0 20px;
}
}
#home-instagram .instagram-unit {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
color: #fff;
text-align: center;
padding-top: 40%;
font-size: 40px;
opacity:0;
transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
#home-instagram .instagram-unit:hover {
opacity:1;
}
#home-instagram .instagram-desc a {
color: #F9B233;
}
#home-instagram .instagram-post {
padding:0;
margin:0;
border:1px solid transparent;
position:relative;
}
#home-instagram .flex-direction-nav a {
height: 60px !important;
}
/* --------------------------------------------------------------- ACCORDEON JQUERY UI */
#news-details .news-text #accordeon h2.ui-accordion-header {
padding: 10px 12px;
background-color: #f0f0f0;
margin-bottom: 0;
border-color: #e0e0e0;
text-transform: uppercase;
font-size: 0.9em;
font-family: 'Lato', sans-serif;
}
#news-details .news-text #accordeon h2.ui-accordion-header:before {
font-family: "Font Awesome\ 5 Free";
content: "\f054";
margin-right:5px;
color:#F9B233;
font-weight: 900;
}
.ui-accordion .ui-accordion-content {
padding: 1em 1.2em;
border-top: 0;
overflow: auto;
zoom: 1;
line-height: 1.5em;
}
#faq-content #accordeon h2.ui-accordion-header {
padding: 10px 12px;
background-color: #4e4e4e;
margin-bottom: 0;
border-color: #4f4f4f;
text-transform: uppercase;
font-size: 0.9em;
font-weight: bold;
font-family: 'Lato', sans-serif;
color:#fff;
}
#faq-content #accordeon h2.ui-accordion-header:before {
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
content: "\f054";
margin-right:5px;
color:#F9B233;
}
/* --------------------------------------------------------------- PUB & PUB CAROUSEL */
.carousel-indicators {
bottom:0 !important;
}
.carousel-indicators .active {
width: 18px !important;
height: 18px !important;
}
.carousel-indicators li {
width: 16px !important;
height: 16px !important;
}
/* --------------------------------------------------------------- WRAPPERS */
.full-wrapper {
background-color:#231f20;
}
.container-wrapper {
background-color:#fff;
padding:25px;
margin-bottom:80px;
-webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.08);
box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.08);
}
.container-small {
max-width: 970px;
}
.container-wrapper.nobg {
background:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.categoriser {
padding:4px 8px;
background-color:#F9B233;
text-transform:uppercase;
color:#fff;
font-weight:700;
font-size:.8em;
display:inline-block;
margin-bottom:5px;
}
#article .categoriser {
background-color:#9E1922;
}
.categoriser a {
color:#fff;
text-decoration:none;
}
.categoriser i {
margin-left:0px;
margin-right:2px;
}
.featured-news .categoriser i, .news-content .categoriser i, .widget-news-featured .categoriser i, .widget-news-plus .categoriser i, .home-news .categoriser i, .item-folder .categoriser i {
margin-left:5px;
margin-right:2px;
}
.bgfx {
width:101%;
height:101%;
background-image:url(../images/body/gradient_overlay.png);
background-size:100% 100%;
background-repeat:no-repeat;
position: absolute;
z-index: 2;
opacity: 1;
transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;
}
/* ----------------------------------------------------------------- IN SNACKING WE TRUST*/
#insnackingwetrust {
font-size: 3.3em;
color: #ffffff;
text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15);
/* font-family: 'Pacifico', cursive; */
font-family: 'king_basil_literegular', cursive;
text-transform: none;
font-weight: normal;
}
#insnackingwetrust .icons, #insnackingwetrust .heart {
display:inline-block;
min-width: 55px;
min-height: 55px;
text-align:center;
}
.fadeInBlock {
opacity:0;
}
/* -------------------------------------------------------------- MAIN SECTIONS WRAPPER
/* -------------------------------------------------------------------------------------------------- FILTRES THEMATIQUES */
.section-wrapper {
background-position:top center;
background-repeat:no-repeat;
background-size: 180px 180px;
width:100%;
height:170px;
overflow:hidden;
background-color:transparent;
position: relative;
transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
.section-wrapper a {
direction:block;
position:absolute;
z-index:6;
width:100%;
height:150px;
}
.section-wrapper span {
height:90px;
width:100%;
display: inline-block;
position: absolute;
z-index: 5;
background-color:#F9B233;
margin-right: 0px;
bottom:0px;
transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
.section-wrapper span:after {
position: absolute;
content: "";
bottom: 90px;
left: auto;
height: 0px;
border-left: 85px solid transparent;
border-right: 85px solid transparent;
border-bottom: 30px solid #F9B233;
transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-webkit-transition: all .15s ease-in-out;
}
.section-wrapper h5 {
display:block;
text-transform: uppercase !important;
color: #fff !important;
font-weight: 700 !important;
font-size: .9em !important;
font-family:inherit !important;
text-shadow:none !important;
letter-spacing:normal !important;
text-align:center;
margin:-5px auto 0 auto;
padding: 5px;
}
.section-wrapper h5 i {
margin-bottom:5px;
}
.section-wrapper .bgfx {
top: 0;
background-image:none;
background-color:transparent;
transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
position:relative;
}
.section-wrapper:hover span:after {
border-bottom: 0px solid transparent;
}
.section-wrapper:hover span {
height:110px;
background-color: #231f20;
}
}
.section-wrapper:hover span h5 {
margin-top:10px;
color:#fff;
}
.section-wrapper:hover {
background-size: 170px 170px;
}
.section-wrapper:hover > .bgfx {
}
.section-wrapper.snkor span { background-color:#000;}
.section-wrapper.snkor span:after { border-bottom-color:#000;}
section-wrapper.snkor:hover span {
background-color:#000;
}
.section-wrapper.cdsnk span { background-color:#fc7572;}
.section-wrapper.cdsnk span:after { border-bottom-color:#fc7572;}
.section-wrapper.cdsnk:hover span {
background-color:#d65350;
}
/* -------------------------------------------------- BOUTIQUE */
.section-wrapper.shop span {
background-color:#71bf44;
}
.section-wrapper.shop span:after {
border-left: 80px solid transparent;
border-right: 80px solid transparent;
border-bottom: 30px solid #71bf44;
}
.section-wrapper.shop:hover span:after {
border-bottom: 0px solid transparent;
}
/* --------------------------------------------------------------------------------------------------------- CONCEPT */
/* ----------------------------------------------------------------------------FEATURED HOMEPAGE */
.featured-concept {
position:relative;
overflow:hidden;
}
.featured-concept:hover .bgfx {
opacity: 0;
}
.featured-concept .featured-title {
bottom: 15px;
position: absolute;
z-index: 3;
width: 80%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 20px;
}
.featured-concept .featured-title .title {
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
font-size:1.4em;
font-weight:700;
color:#fff;
}
.featured-concept .featured-title .title span {
font-size:0.8em;
color:#fff;
}
/* --------------------------------------------------------------------------- CONCEPT HOME MASONRY */
#js-filters-masonry {
text-align: left;
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {
background-color: #F9B233;
border-color: #F9B233;
}
.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {
font-size: .9em;
background-color: #F9B233;
border-color: #F9B233;
}
.cbp-l-filters-alignRight .cbp-filter-item {
color:#231f20;
font-size: .9em;
border: 1px solid #e8e8e8;
background-color:#e8e8e8;
}
.cbp-l-filters-alignRight .cbp-filter-counter {
background: none repeat scroll 0 0 #F9B233;
}
.cbp-l-filters-alignRight .cbp-filter-counter:after {
border-top: 4px solid #F9B233;
}
.cbp-caption-activeWrap {
background-color: #F9B233;
}
.franchise .cbp-caption-activeWrap {
background-color: #028873 !important;
}
.cbp-l-caption-title {
color: #fff;
font:inherit;
font-size:.9em;
}
/* -------------------------------------------------------- CONCEPT FRANCHISE */
.cbp-filter-item.cbp-filter-franchise {
color: #fff;
background-color: #008773 !important;
border: 1px solid #008773;
background-image:url(../images/body/icons/concept_franchise_30x60px.png);
}
.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-franchise .cbp-filter-counter {
background: none repeat scroll 0 0 #008773;
}
.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-franchise:hover {
color: #fff;
}
.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-franchise .cbp-filter-counter:after {
border-top: 4px solid #008773;
}
.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-franchise.cbp-filter-item-active {
border-color: #008773;
}
/*----------------------------------------------- CONCEPT PARTENAIRE */
.cbp-item.partenaire .cbp-caption-activeWrap {
background-color: #008773 !important;
}
.cbp-l-caption-title span {
font-size:.7em;
text-transform:uppercase;
}
.cbp-item.partenaire .cbp-caption-activeWrap {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.cbp-item.partenaire {
border-top: 5px solid #008773;
}
/* --------------------------------------------------------------------------- CONCEPT SUBTHEME ICONS */
.cbp-filter-item {
padding-left: 32px !important;
background-image:url(../images/body/icons/concept_all_30x60px.png);
background-repeat:no-repeat;
}
.cbp-filter-item.cbp-filter-item-active {
background-position:0 -30px;
}
.cbp-filter-item.subtheme-143 { background-image:url(../images/body/icons/concept_subtheme143_30x60px.png);}
.cbp-filter-item.subtheme-144 { background-image:url(../images/body/icons/concept_subtheme144_30x60px.png);}
.cbp-filter-item.subtheme-145 { background-image:url(../images/body/icons/concept_subtheme145_30x60px.png);}
.cbp-filter-item.subtheme-146 { background-image:url(../images/body/icons/concept_subtheme146_30x60px.png);}
.cbp-filter-item.subtheme-147 { background-image:url(../images/body/icons/concept_subtheme147_30x60px.png);}
.cbp-filter-item.subtheme-148 { background-image:url(../images/body/icons/concept_subtheme148_30x60px.png);}
.cbp-filter-item.subtheme-150 { background-image:url(../images/body/icons/concept_subtheme150_30x60px.png);}
.cbp-filter-item.subtheme-151 { background-image:url(../images/body/icons/concept_subtheme151_30x60px.png);}
.cbp-filter-item.subtheme-152 { background-image:url(../images/body/icons/concept_subtheme152_30x60px.png);}
.cbp-filter-item.subtheme-155 { background-image:url(../images/body/icons/concept_subtheme155_30x60px.png);}
.cbp-filter-item.subtheme-163 { background-image:url(../images/body/icons/concept_subtheme163_30x60px.png);}
.cbp-filter-item.subtheme-166 { background-image:url(../images/body/icons/concept_subtheme166_30x60px.png);}
.cbp-filter-item.subtheme-171 { background-image:url(../images/body/icons/concept_subtheme171_30x60px.png);}
/* -------------------------------------------------------------------------------------- CONCEPT DETAILS CONTENT */
#concept-details { }
#concept-details .concept-image {
position:relative;
}
#concept-details .concept-image .categoriser {
position:absolute;
bottom:0;
margin-bottom:0;
}
/*
#concept-details .concept-intro {
margin:20px 0;
padding:10px 0;
border-top:1px solid #e8e8e8;
font-size:1.1em;
font-weight:700;
}
*/
.concept-infos a {
color: #F9B233;
border-bottom: 1px dotted #FF1A00;
}
#concept-details h1 {
/*margin-top:0;*/
}
#concept-details .more-wrapper {
margin:0 0 20px 0;
}
#concept-details a.more-wrapper.darkbg:after, #concept-details div.more-wrapper.darkbg:after {
border-top: 15px solid #fff;
border-bottom: 15px solid #fff;
border-left: 15px solid #F9B233;
}
#concept-plus {
margin-bottom:20px;
border-bottom:1px solid #535353;
}
#concept-plus .concept-intro {
font-size: 0.9em;
color: #fff;
}
#concept-plus .widget-banner.concept-marketing, #concept-plus .widget-banner.concept-photos, #concept-plus .widget-banner.concept-faq {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #5f5f5f !important;
}
/* ----------------------------------------------------------------------------------- CONCEPT MARKETING DETAILS */
#concept-marketing-details .nav-tabs {
float: left;
border-bottom: 0;
max-width: 150px;
}
#concept-marketing-details .nav-tabs li {
float: none;
margin: 0;
}
#concept-marketing-details .nav-tabs li a {
color:#fff;
margin-right: 0;
border: 0;
background-color: #4d4d4d;
border-radius:0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-top: 1px solid #5f5f5f !important;
font-size:0.9em;
line-height: 30px;
padding: 0 10px 0 10px;
}
#concept-marketing-details .nav-tabs li a.disable {
color:#b0b0b0;
}
#concept-marketing-details .nav-tabs li a.disable i.fa {
color: #F9B233;
}
#concept-marketing-details .nav-tabs li a:hover {
background-color: #444;
}
#concept-marketing-details .nav-tabs .glyphicon {
color: #fff;
}
#concept-marketing-details .nav-tabs .active .glyphicon {
color: #231f20;
}
#concept-marketing-details .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
border: 0 !important;
background-color: #F9B233;
}
#concept-marketing-details .nav-tabs > li.active > a.disable, .nav-tabs > li.active > a.disable:hover, .nav-tabs > li.active > a.disable:focus {
color: #fff;
}
#concept-marketing-details .nav-tabs > li.active > a.disable i.fa, .nav-tabs > li.active > a.disable:hover i.fa, .nav-tabs > li.active > a.disable:focus i.fa {
color: #fff;
}
#concept-marketing-details .nav-tabs li.active a:after {
content: '';
position: absolute;
width: 0;
height: 0;
top:0;
right: -15px;
display:block;
border-top: 15px solid #fff;
border-bottom: 15px solid #fff;
border-left: 15px solid #F9B233;
}
#concept-marketing-details .tab-content {
margin-left: 45px;
}
#concept-marketing-details .tab-content .locked, .folder-text .locked {
background-image:url(../images/body/gradient_locked.png);
height: 100px;
width: 100%;
display: block;
position: relative;
bottom: 100px;
background-repeat: repeat-x;
background-position: bottom left;
}
#concept-marketing-details .tab-content div img {
width: 100%;
height: auto;
padding: 10px;
box-sizing: border-box;
border: 1px solid #F0F0F0;
margin: 15px auto;
}
#concept-marketing-details .tab-content .tab-pane {
display: none;
background-color: #fff;
padding: 0px 30px;
overflow-y: auto;
height:inherit !important;
min-height:400px;
}
#concept-marketing-details .tab-content .active {
display: block;
background-color: #fff;
}
/* ----------------------------------------------------------------------------- CONCEPT PHOTO DETAILS */
#concept-slider.flexslider {
margin-bottom:10px;
}
#concept-slider.flexslider .slides img {
max-height:350px;
width:auto;
margin:0 auto;
}
#concept-slider.flexslider .concept-legende {
display:block;
padding:10px;
text-align:center;
font-style:italic;
color:#969696;
font-size:0.9em;
}
#concept-carousel {
margin-bottom:10px;
}
#concept-carousel.flexslider .slides img {
max-height:65px;
width:auto;
margin:0 auto;
}
#concept-slider.flexslider .flex-direction-nav a, #concept-carousel.flexslider .flex-direction-nav a {
height:45px;
}
#concept-slider.flexslider, #concept-carousel.flexslider {
border-radius: 0;
background-color: #4d4d4d;
border: 4px solid #4d4d4d;
}
#concept-slider.flexslider {
background: #4d4d4d;
border: 4px solid #4d4d4d;
}
/* --------------------------------------------------------------------------- WIDGET BANNER CONCEPT */
.widget-banner.concept { background-image:url(../images/body/bg_mixtapes.jpg); }
.widget-banner.concept h5 {
background-image:url(../images/body/icons/mixtape.png);
background-size: 60px auto;
}
.widget-banner.concours { background-image:url(../images/body/widgets/radio.png); }
.widget-banner.concours h5 {
background-image:url(../images/body/widgets/ico_cadeau.png);
background-size: 60px auto;
}
.widget-banner.concept-marketing { background-image:url(../images/body/widgets/radio.jpg); }
.widget-banner.concept-marketing h5 { background-image:url(../images/body/icons/cog_w_50x50.png);}
.widget-banner.concept-photos { background-image:url(../images/body/widgets/radio.jpg); }
.widget-banner.concept-photos h5 { background-image:url(../images/body/icons/photo_w_50x50.png);}
.widget-banner.concept-faq { background-image:url(../images/body/widgets/radio.jpg); }
.widget-banner.concept-faq h5 { background-image:url(../images/body/icons/faq_w_50x50.png);}
/* ------------------------------------------------------------------------------------------------------ BAROMETRE */
/* ---------------------------------------------------------------------------------FEATURED HOMEPAGE */
.featured-barometre {
position: relative;
height: 80px;
overflow: hidden;
margin-top: 25px;
background-color: #d4c8be;
padding: 0px;
}
.featured-barometre .categoriser {
position:absolute;
z-index:9;
left:20px;
top:20px;
line-height: 16px;
}
.flex-barometre-ico , .flex-barometre-indice , .flex-barometre-valeur {
padding:0;
margin:0;
float:left;
}
.flex-barometre-ico {
width:35%;
text-align:right;
background-color: #f9b233;
}
.flex-barometre-indice {
width:18%;
background-color:#d4c8be;
}
.flex-barometre-valeur {
width: 65%;
background-color: #74b161;
background-image: url(../images/body/bg_mixtapes_home.jpg);
background-position: top right;
}
.flex-barometre-ico li a, .flex-barometre-indice li a, .flex-barometre-valeur li a,
.flex-barometre-ico li a:hover, .flex-barometre-indice li a:hover, .flex-barometre-valeur li a:hover {
color: #fff;
text-decoration: none;
font-weight: 600;
font-size: 1.3em;
}
.flex-barometre-ico li div {
padding:5px 0;
height:100px;
}
.flex-barometre-indice li div {
padding:18px 10px 0 2px;
height:85px;
}
.flex-barometre-valeur li div {
padding:20px;
height:100px;
}
.flex-barometre-indice li div, .flex-barometre-valeur li div{
height:100px;
/*text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2);*/
font-size: 1em;
line-height: 2.6em;
font-weight: 300;
color: #231f20;
}
.flex-barometre-indice li div {
font-size: 2em;
font-weight: 900;
text-align: center;
}
.flex-barometre-ico li div, .flex-barometre-indice li div {
}
.flex-barometre-indice li::after, .flex-barometre-xx li > *::after {
content: '';
position: absolute;
margin-top:-110px;
width: 0;
height: 0;
right: 0px;
border-top: 50px solid #74b161;
border-bottom: 50px solid #74b161;
border-left: 20px solid transparent;
}
.flex-barometre-ico li::after, .flex-barometre-xx li > *::after {
content: '';
position: absolute;
margin-top:-110px;
width: 0;
height: 0;
right: 0px;
border-top: 00px solid #2c7732;
border-bottom: 100px solid #2e7730;
border-left: 40px solid transparent;
}
/* ------------------------------------------------------------------------------------------------------------------------------------- NEWS */
/* ----------------------------------------------------------------------------------------------------FEATURED HOMEPAGE */
.featured-news {
position:relative;
overflow:hidden;
}
.featured-news:hover .bgfx {
opacity: 0;
}
.featured-news .featured-title {
bottom: 15px;
position: absolute;
z-index: 3;
width: 85%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 20px;
}
.featured-news .featured-title .title {
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
font-size:1.7em;
font-weight:700;
color:#fff;
}
.featured-news.home .featured-title .title {
font-size:1.7em;
}
/* ----------------------------------------------------------------------------------------------------LIST ON HOMEPAGE */
.home-news {
position:relative;
overflow:hidden;
margin-bottom:15px;
}
#news .home-news {
margin-bottom:15px;
}
.home-news .news-image {
width:100%;
height:auto;
position:relative;
margin-bottom:5px;
overflow:hidden;
}
.home-news:hover .sharebox{
bottom: 0;
}
.featured-news:hover .sharebox{
bottom: 0;
}
.home-news:hover .bgfx {
opacity: 0;
}
.home-news .news-image .categoriser {
bottom: 0;
left: 0;
position: absolute;
z-index: 3;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom:0;
}
.home-news .news-title a {
color: #231f20;
font-weight: 600;
font-size: 1.15em;
letter-spacing: -0.5px;
}
.home-news .sharebox, .featured-news .sharebox{
z-index: 4;
position: absolute;
bottom: -28px;
transition: bottom .2s ease-in-out;
-moz-transition: bottom .2s ease-in-out;
-webkit-transition: bottom .2s ease-in-out;
right: 0;
height: 28px;
width: 56px;
color: #fff;
overflow: hidden;
}
.home-news .sharebox a, .featured-news .sharebox a{
height: 28px;
width: 50%;
float: left;
display: block;
text-align: center;
line-height: 25px;
padding-top: 5px;
font-size: 1.2em;
}
.home-news .sharebox a i, .featured-news .sharebox a i{
color: #fff;
}
.home-news .sharebox a.twitter, .featured-news .sharebox a.twitter{
background-color:#55acee;
}
.home-news .sharebox a.facebook, .featured-news .sharebox a.facebook{
background-color:#3b5998;
}
/* -------------------------------------------------------------------------------------------- SHAREBOX */
.sharebox-content {
margin: 5px 0;
display: inline-block;
}
}
.sharebox-content a.btn-share.twitter,
.sharebox-content a.btn-share.facebook,
.sharebox-content a.btn-share.linkedin,
.sharebox-content a.btn-share.email {
padding: 4px 8px !important;
}
.sharebox-content a.btn-share.twitter i ,
.sharebox-content a.btn-share.facebook i,
.sharebox-content a.btn-share.linkedin i,
.sharebox-content a.btn-share.email i {
margin-right:4px;
}
.sharebox-content a.btn-share.twitter {
background-color:#55acee !important;
}
.sharebox-content a.btn-share.facebook {
background-color:#3b5998 !important;
}
.sharebox-content a.btn-share.linkedin {
background-color:#007bb5 !important;
}
.sharebox-content a.btn-share.email {
background-color:#666; !important;
}
/* ----------------------------------------------------------------------- BIO DETAILS CONTENT */
#bio-details { }
#bio-details .bio-image {
position:relative;
text-align: center;
}
#bio-details .bio-image img {
display: inline-block;
}
#bio-details h1 {
text-align: center;
font-size: 2.6em;
}
#bio-details .bio-details {
text-align: center;
font-size: 1.3em;
}
#bio-details .bio-image .categoriser {
position:absolute;
bottom:0;
margin-bottom:0;
}
#bio-details .bio-intro {
margin:20px 0;
padding:10px 0;
border-top:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
font-size:1.1em;
font-weight:700;
}
#bio-details .bio-text {
margin:20px 0;
line-height:1.6em;
}
#bio-details iframe {
width: 100%;
background-color: #f0f0f0;
padding: 0px;
margin: 20px 0;
border:none;
}
#bio-details .bio-text img {
width: 100%;
height: auto;
padding: 10px;
box-sizing: border-box;
border: 1px solid #F0F0F0;
margin: 15px auto;
}
#bio-details .bio-text h2,
#bio-details .bio-text h3,
#bio-details .bio-text h4,
#bio-details .bio-text h5,
#bio-details .bio-text h6 {
margin:30px 0 20px 0;
text-transform:none;
font-weight:700;
color: #231f20;
padding:0;
position:inherit;
line-height:inherit;
background-color:transparent;
}
#bio-details .bio-text h3 {
font-size: 1.2em;
}
#bio-details .bio-text blockquote {
padding: 10px 20px;
margin: 20px 50px;
font-size: 1.1em;
font-weight: 300;
border-left: 0px solid #eee;
background-color: #f6f6f6;
font-style: italic;
}
#bio-details .bio-text blockquote::before {
/*font-family: FontAwesome;*/
font-family: "Font Awesome\ 5 Free";
content: "\f10d";
position: absolute;
margin-left: -45px;
font-size: 2em;
font-weight: 900;
}
#bio-details .bio-text a,
#bio-details .bio-intro a {
color: #000;
border-bottom:1px dotted #000;
font-weight:bold;
}
/* ---------------------------------------------------- CONCOURS */
#concours-details .concours-image {
position:relative;
text-align: center;
}
#concours-details .concours-image img {
display: inline;
}
#concours-details .concours-form {
padding: 15px 20px 20px;
background-color: #eaeaea;
margin: 20px 0;
}
/* The container */
#concours-details .container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 18px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default radio button */
#concours-details .container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom radio button */
#concours-details .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #ffc5c5;
border-radius: 50%;
}
/* On mouse-over, add a grey background color */
#concours-details .container:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
#concours-details .container input:checked ~ .checkmark {
background-color: #106e31;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
#concours-details .checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
#concours-details .container input:checked ~ .checkmark:after {
display: block;
}
/* Style the indicator (dot/circle) */
#concours-details .container .checkmark:after {
top: 9px;
left: 9px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
}
#concours-details p.vote-instruction {
margin: 30px 0 10px;
clear: both;
padding: 10px 0;
border-top: 1px dashed #cccccc;
border-bottom: 1px dashed #ccc;
text-align: center;
font-size: 0.9em;
font-weight: 900;
color: #106e31;
}
#concours-details p.vote-rgpd {
margin: 20px 0;
font-size: 0.8em;
}
/* ---------------------------------------------------- CONTENUS ABONNES PAYANT */
.abonne {
position: absolute;
width: 40px;
height: 40px;
left: 0;
padding: 10px;
background-color: #9e1922;
color: #fff;
text-align: center;
z-index: 9;
}
.news-list .abonne {
/*left: 5px;
top: 15px;*/
}
.featured-news .abonne {
left: 5px;
top: 5px;
}
.home-news .abonne {
left: 5px;
top: 5px;
}
/* ----------------------------------------------------------------------------------------------- NEWS BASE LIST */
.news-list {
margin:0;
border-top: 1px solid #e8e8e8;
}
.news-list article {
overflow: hidden;
border-bottom: 1px solid #e8e8e8;
padding:10px 0;
position: relative;
transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
}
.news-list article:hover {
background-color:#f0f0f0;
}
.news-list img {
float:left;
margin-right:10px;
max-width: 180px;
}
.news-list .news-content {
float: left;
width:70%;
width: -webkit-calc(100% - 200px);
width: -moz-calc(100% - 200px);
}
.news-list .categoriser {
padding: 3px 6px;
font-size: .7em;
}
.news-list .title {
font-size:1.5em;
font-weight:700;
color:#231f20;
}
.news-list .details {
font-size:0.8em;
color:#999;
}
.news-list .resume {
color: #696969;
}
/* ----------------------------------------------------------------------------------- SELECT MOBILE THEMATIQUES */
#select_thematiques select {
padding:10px;
width:100%;
}
/* -------------------------------------------------------------------------------------- NEWS DETAILS CONTENT */
#news-details { }
#news-details .news-image,
#article-details .article-image
{
position:relative;
}
#news-details .news-image .categoriser,
#article-details .article-image .categoriser
{
position:absolute;
bottom:0;
margin-bottom:0;
}
#news-details .news-intro,
#article-details .article-intro
{
margin:20px 0;
padding:10px 0;
border-top:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
font-size:1.1em;
font-weight:700;
}
#news-details .news-text,
#article-details .article-text
{
margin:20px 0;
line-height:1.6em;
}
#news-details .news-text iframe,
#article-details .article-text iframe
{
width: 100%;
background-color: #f0f0f0;
padding: 0px;
margin: 20px 0;
border:none;
min-height: 420px;
}
#news-details .news-text img,
#article-details .article-text img
{
max-width: 100%;
height: auto;
padding: 10px;
box-sizing: border-box;
border: 1px solid #F0F0F0;
margin: 15px auto;
display: inherit;
}
#news-details .news-text h2, #news-details .news-text h3, #news-details .news-text h4, #news-details .news-text h5, #news-details .news-text h6,
#article-details .article-text h2, #article-details .article-text h3, #article-details .article-text h4, #article-details .article-text h5, #article-details .article-text h6
{
margin:30px 0 20px 0;
text-transform:none;
font-weight:700;
color: #231f20;
padding:0;
position:inherit;
line-height:inherit;
background-color:transparent;
}
#news-details .news-text h3,
#article-details .article-text h3
{
font-size: 1.2em;
}
#news-details .news-text blockquote,
#article-details .article-text blockquote
{
padding: 10px 20px;
margin: 20px 50px;
font-size: 1.1em;
font-weight: 300;
border-left: 0px solid #eee;
background-color: #f6f6f6;
font-style: italic;
}
#news-details .news-text blockquote::before,
#article-details .article-text blockquote::before {
/*font-family: FontAwesome;*/
font-family: "Font Awesome\ 5 Free";
content: "\f10d";
position: absolute;
margin-left: -45px;
font-size: 2em;
font-weight: 900;
}
#news-details .news-text a, #news-details .news-intro a,
#article-details .article-text a, #article-details .article-intro a {
color: #000000;
border-bottom: 1px dotted #000000;
font-weight: bold;
}
/* ----------------------------------------------------------------------------- NEWS PHOTO CAROUSEL */
#news-slider.flexslider {
margin-bottom: 0px;
margin-top:20px;
padding: 10px 0;
}
#news-slider.flexslider .slides img {
max-height:350px;
width:auto;
margin:0 auto;
}
#news-slider img, #news-carousel img {
padding: 0px !important;
border: 0px solid #F0F0F0 !important;
margin: 0px auto !important
}
#news-slider.flexslider .slide-legende {
display:block;
padding:10px;
text-align:center;
font-style:italic;
color:#969696;
font-size:0.9em;
margin:0;
font-weight:normal;
}
#news-slider .flex-direction-nav a:before, #news-carousel .flex-direction-nav a:before {
color: #F9B233;
margin-top: 10px;
}
#news-carousel {
margin-bottom:10px;
}
#newslegende-carousel.flexslider .slides img {
max-height:65px;
width:auto;
margin:0 auto;
}
#news-slider.flexslider .flex-direction-nav a, #news-carousel.flexslider .flex-direction-nav a {
height:45px;
border: 0px !important;
}
#news-slider.flexslider, #news-carousel.flexslider {
border-radius: 0;
background-color: #f0f0f0;
border: 4px solid #f0f0f0;
}
#news-slider.flexslider {
background: #f0f0f0;
border: 4px solid #f0f0f0;
}
/* ---------------------------------------------------------------------------- NEWS PUB */
.pub-actu {
max-width: 100%;
}
.pub-actu img {
max-width: 100%;
height: auto;
}
.news-ban {
width: 100%;
height: auto;
padding: 5px 5px 20px 5px;
box-sizing: border-box;
border: 1px solid #F0F0F0;
margin: 20px auto 50px auto;
text-align:center;
}
.news-ban img {
max-width: 100%;
height:auto;
}
.news-ban::after {
content: "Contenu sponsorisé";
text-transform: uppercase;
display: inline-block;
position: relative;
bottom: 0;
/* text-align: right; */
/* right: -40%; */
float: right;
margin-top: -20px;
bottom: -26px;
padding: 5px 10px;
background-color: #fff;
color:#CCC;
font-size:0.8em
}
/*
.news-ban:after {
content: "Publicité";
text-transform: uppercase;
color: #ccc;
display: block;
position: relative;
bottom: -30px;
z-index: 999999;
font-size: 0.9em;
}*/
/* ---------------------------------------------------------------------------- NEWS TAGS */
.news-tags {
margin: 20px 0;
font-weight: 900;
font-size: .9em;
}
.news-tags span.tags-legend {
line-height: 3em;
text-transform: uppercase;
}
.news-tags a {
margin:0 2px 5px;
text-transform: capitalize;
background-color:transparent !important;
color:#231f20 !important;
border: 1px solid #ccc;
}
.news-tags a:hover {
text-transform: capitalize;
background-color:#eaeaea !important;
}
/* ----------------------------------------------------------------------------- AUTEUR SIGNATURE */
.content-auteur {
padding: 0.9em;
margin: 20px 0;
border-top: 1px solid #e8e8e8;
}
.content-auteur .photo-wrapper {
width: 80px;
height: 80px;
margin: 0px 20px 0px 0px;
float: left;
border-radius: 50%;
background-position: center center;
overflow: hidden;
}
.content-auteur .auteur_nom {
font-size: 1.4em;
display: block;
padding-top: 6px;
font-weight: bold;
}
.content-auteur .auteur_text {
font-size: 1em;
font-family: Arial;
color: #231f20;
display: block;
}
.content-auteur .auteur_twitter {
font-size: 0.8em;
font-family: Arial;
}
.content-auteur .auteur_twitter a {
color:#55acee;
border-bottom:1px dotted #55acee;
}
/* ----------------------------------------------------------------------------- SHORTCODES NEWS */
.parser-read-more, .parser-dossier-more {
background-color: #f0f0f0;
padding: 0.8em;
margin: 30px 0;
}
.parser-read-more i, .parser-dossier-more i {
float: left;
margin-right: 5px;
padding-top: 5px;
}
.parser-read-more .links:before, .parser-dossier-more .links:before {
content: 'A lire : ';
display:inline;
text-transform: uppercase;
font-weight: 900;
font-size: 0.9em;
color:#231f20;
border-bottom:none;
}
.parser-dossier-more .links:before {
content: 'Blogzine : ';
}
.parser-magazine {
background-color: #f0f0f0;
padding: 0.8em;
margin: 30px 0;
}
.parser-magazine i {
float: left;
margin-right: 5px;
padding-top: 5px;
}
.parser-twitter {
background-color: #f0f0f0;
background-image:url(../images/body/icons/twitter_60x60.png);
background-repeat:no-repeat;
background-position:top left;
padding: 0.8em 0.8em 0.8em 70px;
margin: 30px 0;
font-weight: 700;
}
.parser-twitter a {
color:#55acee !important;
border-bottom: 1px dotted #55acee !important;
}
.parser-congres {
background-color: #f0f0f0;
background-image:url(../images/body/icons/congres_60x60.png);
background-repeat:no-repeat;
background-position:top left;
padding: 0.8em 0.8em 0.8em 70px;
margin: 30px 0;
font-weight: 700;
}
.parser-congres a {
color:#e2017b !important;
border-bottom: 1px dotted #e2017b !important;
}
/* -------------------------------------------------------------------------------------------------- FILTRES THEMATIQUES */
.thematique-wrapper {
background-position:top center;
background-repeat:no-repeat;
background-size: 180px 180px;
width:100%;
height:250px;
overflow:hidden;
background-color:#231f20;
position: relative;
transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
.thematique-wrapper a {
direction:block;
position:absolute;
z-index:6;
width:100%;
height:220px;
}
.thematique-wrapper span {
height:80px;
width:100%;
display: inline-block;
position: absolute;
z-index: 5;
background-color:#f2e9e0;
margin-right: 0px;
bottom:0px;
transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
.thematique-wrapper span:after {
position: absolute;
content: "";
bottom: 80px;
left: auto;
height: 0px;
border-left: 85px solid transparent;
border-right: 85px solid transparent;
border-bottom: 30px solid #f2e9e0;
transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-webkit-transition: all .15s ease-in-out;
}
/* Tendances */
.thematique-wrapper span.theme-1:after { border-bottom:30px solid #fbaf17; }
/* Food & Beverage */
.thematique-wrapper span.theme-2:after { border-bottom:30px solid #2bba12; }
/*Equipement & Techno*/
.thematique-wrapper span.theme-3:after { border-bottom:30px solid #00b6e7; }
/*Communauté*/
.thematique-wrapper span.theme-4:after { border-bottom:30px solid #92469a; }
/*Management*/
.thematique-wrapper span.theme-5:after { border-bottom:30px solid #ff166b; }
/*Evènements*/
.thematique-wrapper span.theme-6:after { border-bottom:30px solid #ed7000; }
.thematique-wrapper h5 {
display:block;
text-transform: uppercase;
color: #fff;
font-weight: 700;
font-size: .9em;
text-align:center;
margin: -5px auto 0 auto;
padding: 5px;
}
.thematique-wrapper h5 i {
margin-bottom:5px;
}
.thematique-wrapper .bgfx {
top: 0;
background-image:none;
background-color:rgba(1,1,1,0.5);
transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
position:relative;
}
.thematique-wrapper:hover span:after {
border-bottom: 0px solid transparent;
}
.thematique-wrapper:hover span {
height:100px;
background-color:#FF1A00;
}
.thematique-wrapper:hover span h5 {
margin-top:10px;
color:#fff;
}
.thematique-wrapper:hover {
background-size: 170px 170px;
}
.thematique-wrapper:hover > .bgfx {
background-color:rgba(1,1,1,.2);
}
/* -------------------------------------------------------------------------------------------------- FILTRES THEMATIQUES */
.categorie-wrapper {
background-position:top center;
background-repeat:no-repeat;
background-size: 180px 180px;
width:100%;
height:250px;
overflow:hidden;
background-color:#231f20;
position: relative;
transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
.categorie-wrapper a {
direction:block;
position:absolute;
z-index:6;
width:100%;
height:220px;
}
.categorie-wrapper span {
height:80px;
width:100%;
display: inline-block;
position: absolute;
z-index: 5;
background-color:#F9B233;
margin-right: 0px;
bottom:0px;
transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
.categorie-wrapper span:after {
position: absolute;
content: "";
bottom: 80px;
left: auto;
height: 0px;
border-left: 85px solid transparent;
border-right: 85px solid transparent;
border-bottom: 30px solid #F9B233;
transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-webkit-transition: all .15s ease-in-out;
}
.categorie-wrapper h5 {
display:block;
text-transform: uppercase;
color: #fff;
font-weight: 700;
font-size: .9em;
text-align:center;
margin:-5px auto 0 auto;
padding: 5px;
}
.categorie-wrapper h5 i {
margin-bottom:5px;
}
.categorie-wrapper .bgfx {
top: 0;
background-image:none;
background-color:rgba(1,1,1,0.5);
transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
position:relative;
}
.categorie-wrapper:hover span:after {
border-bottom: 0px solid transparent;
}
.categorie-wrapper:hover span {
height:100px;
background-color:#FF1A00;
}
.categorie-wrapper:hover span h5 {
margin-top:10px;
color:#fff;
}
.categorie-wrapper:hover {
background-size: 170px 170px;
}
.categorie-wrapper:hover > .bgfx {
background-color:rgba(1,1,1,.2);
}
/* ------------------------------------------------------------------------------------------------------------------------------------- SNACKING TV */
/* --------------------------------------------------------------------------------------------------- FEATURED HOMEPAGE */
.featured-video {
position:relative;
overflow:hidden;
margin-top:20px;
}
.featured-video:hover .bgfx {
opacity: 0;
}
.featured-video .featured-title {
bottom: 15px;
position: absolute;
z-index: 3;
width: 85%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 20px;
}
.featured-video .featured-title .title {
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
font-size:1.1em;
font-weight:700;
color:#fff;
}
.featured-video.large .featured-title .title {
font-size:1.7em;
}
.featured-video.large .featured-title .title a {
font-size: 1.7em;
}
.featured-video .featured-title .title a:hover {
text-decoration:none;
}
/* ---------------------------------------------------------------------------------------------------- HOMEPAGE FEATURED VIDEO BLOC */
#home-video {
padding: 15px 35px 35px;
background-color: #0a0a0a;
}
#home-video h3 {
text-align: center;
display: block;
text-transform: none;
font-weight: 900;
font-size: 2em;
padding-top: 15px;
text-transform: uppercase;
background-color: transparent;
}
#home-video h3:after {
display:none;
}
#home-video .bgfx {
background-image: url(../images/body/gradient_overlay_video.png);
}
#home-video .categoriser.partenaire {
background-color: #008773 !important;
}
#home-video .featured-video .featured-title {
bottom: 45px;
text-align: center;
}
@media (min-width: 768px) and (max-width: 991px) {
#home-video {
padding: 25px 100px 40px 100px;
}
}
@media (min-width: 300px) and (max-width: 768px) { /* MOBILE */
#home-video {
padding: 25px 40px 40px 40px;
}
}
/* ----------------------------------------------------------------------------------------------------- SLIDER CHANNELS */
#video-channels {
padding-bottom:10px;
}
#channel-slider {
margin-bottom: 0;
background: none;
border: none;
margin: 25px 0 0 0;
}
#channel-slider ul li div.categoriser {
bottom: 20px;
left: 0;
position: relative;
z-index: 3;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0;
display: block;
/* width: 80%; */
margin: 0 auto;
text-align: center;
}
#channel-slider ul li div.categoriser.partenaire { background-color:#008773 !important; }
#channel-slider .flex-direction-nav a {
width: 50px;
height: 50px;
margin: -30px 0 0;
top: 50%;
opacity: 1;
}
#channel-slider.flexslider:hover .flex-direction-nav .flex-next {
opacity: 1;
right: -30px;
}
#channel-slider.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: -30px;
}
/* ---------------------------------------------------------------------------------------------------- HOMEPAGE VIDEO LISTING */
.video-item {
position:relative;
overflow:hidden;
margin-bottom:30px;
}
.video-item .video-image {
width:100%;
height:100%;
position:relative;
margin-bottom:5px;
overflow:hidden;
}
.video-item:hover .sharebox{
bottom: 0;
}
.video-item:hover .bgfx {
opacity: 0;
}
.video-item .video-image .categoriser {
bottom: 0;
left: 0;
position: absolute;
z-index: 3;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom:0;
}
.video-item .video-image .categoriser.partenaire { background-color:#008773 !important; }
.video-item .video-image .categoriser i, #video-featured .categoriser i{
margin-left:0px !important;
margin-right:2px !important;
}
.video-item .video-title a {
color: #231f20;
font-weight: 600;
font-size: 1.15em;
letter-spacing: -0.5px;
}
.video-item .sharebox {
z-index: 4;
position: absolute;
bottom: -28px;
transition: bottom .2s ease-in-out;
-moz-transition: bottom .2s ease-in-out;
-webkit-transition: bottom .2s ease-in-out;
right: 0;
height: 28px;
width: 56px;
color: #fff;
overflow: hidden;
}
.video-item .sharebox a {
height: 28px;
width: 50%;
float: left;
display: block;
text-align: center;
line-height: 25PX;
padding-top: 5px;
font-size: 1.2em;
}
.video-item .sharebox a i {
color: #fff;
}
.video-item .sharebox a.twitter {
background-color:#55acee;
}
.video-item .sharebox a.facebook {
background-color:#3b5998;
}
#video-listing .categories {
list-style:none;
margin:0;
padding:0;
}
#video-listing .categories li {
display:inline;
position:relative;
}
#video-listing .categories li a {
text-transform:uppercase;
display:inline-block;
padding: 0 14px;
background-color:#e8e8e8;
color:#231f20;
margin: 0 0 10px 5px;
font: 400 0.9em/31px "Lato", sans-serif;
transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
#video-listing .categories li a.active, #video-listing .categories li a:hover {
background-color: #F9B233;
color:#fff;
}
#video-listing .categories li .categorie-counter {
background: none repeat scroll 0 0 #F9B233;
border-radius: 3px;
color: #fff;
font: 400 11px/18px "Lato", sans-serif;
margin: 0 auto;
padding: 4px 0;
text-align: center;
width: 34px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
-webkit-transition: opacity .25s ease, bottom .25s ease;
transition: opacity .25s ease, bottom .25s ease;
}
#video-listing .categories li:hover .categorie-counter {
bottom: 44px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
#video-listing .categories li .categorie-counter:after {
content: "";
position: absolute;
bottom: -4px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #F9B233;
display: none;
}
#video-listing .categories li:hover .categorie-counter:after {
display: block;
}
/* ----------------------------------------------------------------------------------- DETAILS VIDEO */
#video-player .flex-video {
border-color:#666;
background-color: #000;
}
#video-details .video-content {
background-color:#fff;
padding:20px 0;
line-height: 1.6;
}
#video-details .video-intro {
margin: 20px 0;
padding: 10px 0;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
font-size: 1.1em;
font-weight: 700;
}
#video-details .video-text h3 {
margin: 30px 0 20px 0;
font-size: 1.2em;
text-transform: none;
font-weight: 700;
color: #231f20;
padding: 0;
position: inherit;
line-height: inherit;
background-color: transparent;
}
#video-details .video-text h4, #video-details .video-text h5, #video-details .video-text h6 {
text-transform: none;
margin: 30px 0 20px 0;
font-weight: 700;
}
#video-details .video-text h5 {
font-size: 1.1em;
}
.video-content .partenaire {
color: #231f20;
text-transform: uppercase;
text-transform: uppercase;
color: #fff;
font-weight: 700;
font-size: .9em;
display: inline-block;
background-color: #008773 !important;
padding: 3px 8px;
margin-bottom: 0;
}
#video-details .video-text blockquote {
padding: 10px 20px;
margin: 20px 50px;
font-size: 1.1em;
font-weight: 300;
border-left: 0px solid #eee;
background-color: #f6f6f6;
font-style: italic;
}
#video-details .video-text blockquote::before {
/* font-family: FontAwesome; */
font-family: "Font Awesome\ 5 Free";
content: "\f10d";
position: absolute;
margin-left: -45px;
font-size: 2em;
font-weight: 900;
}
#video-details .video-text img {
width: 100%;
height: auto;
padding: 10px;
box-sizing: border-box;
border: 1px solid #F0F0F0;
margin: 15px auto;
}
#video-details .video-text a {
color: #F9B233;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- SOLUTIONS */
/* -------------------------------------------------------------------------------------------------------- 4 ON HOMEPAGE */
.solution-wrapper.materiel { background-image:url(../images/body/home_solu_mat.jpg); }
.solution-wrapper.produits { background-image:url(../images/body/home_solu_prod.jpg); }
.solution-wrapper.concepts { background-image:url(../images/body/home_solu_concept.jpg); }
.solution-wrapper.communaute { background-image:url(../images/body/home_solu_com.jpg); }
.solution-wrapper.commerce { background-image:url(../images/body/home_solu_century.jpg); }
.solution-wrapper.franchise { background-image:url(../images/body/home_solu_franchise.jpg); }
.solution-wrapper {
background-position:center left;
background-repeat:no-repeat;
background-size: 105% 105%;
width:100%;
max-width:740px;
height:94px;
overflow:hidden;
background-color:#231f20;
margin-bottom:25px;
transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
.solution-wrapper a {
direction:block;
position:absolute;
z-index:6;
width:100%;
height:94px;
}
.solution-wrapper span {
height:94px;
width:200px;
display: inline-block;
position: absolute;
z-index: 5;
background-color:#f2e9e0;
margin-right: 50px;
transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
.solution-wrapper span:after {
position: absolute;
content: "";
top: 0px;
left: auto;
right: -47px;
height: 0px;
width: 47px;
margin-left:47px;
border-top: 47px solid transparent;
border-bottom: 47px solid transparent;
border-left: 47px solid #f2e9e0;
transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-webkit-transition: all .15s ease-in-out;
}
.solution-wrapper h5 {
display:block;
font-size:1.1em;
line-height:1.3em;
padding:15px;
width:200px;
font-weight: normal;
text-transform: none;
}
.solution-wrapper .bgfx {
top: 0;
height: 94px;
background-image:none;
background-color:rgba(1,1,1,0.5);
transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
position:relative;
}
.solution-wrapper:hover span:after {
border-left: 0px solid #FF1A00;
}
.solution-wrapper:hover span {
width:230px;
background-color:#FF1A00;
}
.solution-wrapper:hover span h5 {
color:#fff;
}
.solution-wrapper:hover {
background-size: 100% 100%;
}
.solution-wrapper:hover > .bgfx {
background-color:rgba(1,1,1,.0);
}
/* ---------------------------------------------------------------------------------------- ACCUEIL SOLUTIONS PRODUCT FILTERS */
#solutions-listing .categories {
list-style:none;
margin:0;
padding:0;
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
margin-bottom:30px;
}
#solutions-listing .categories li {
display:inline;
position:relative;
}
#solutions-listing .categories li a {
text-transform:uppercase;
display:inline-block;
padding: 0 14px;
background-color:#e8e8e8;
color:#231f20;
margin: 0 0 10px 5px;
font: 400 0.9em/31px "Lato", sans-serif;
transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
#solutions-listing .categories li a.active, #solutions-listing .categories li a:hover {
background-color: #F9B233;
color:#fff;
}
#solutions-listing .categories li .categorie-counter {
background: none repeat scroll 0 0 #F9B233;
border-radius: 3px;
color: #fff;
font: 400 11px/18px "Lato", sans-serif;
margin: 0 auto;
padding: 4px 0;
text-align: center;
width: 34px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
-webkit-transition: opacity .25s ease, bottom .25s ease;
transition: opacity .25s ease, bottom .25s ease;
}
#solutions-listing .categories li:hover .categorie-counter {
bottom: 44px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
#solutions-listing .categories li .categorie-counter:after {
content: "";
position: absolute;
bottom: -4px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #F9B233;
display: none;
}
#solutions-listing .categories li:hover .categorie-counter:after {
display: block;
}
.cbp-l-loadMore-button .cbp-l-loadMore-link, .cbp-l-loadMore-button .cbp-l-loadMore-button-link {
background-color: #F9B233;
color: #ffffff;
text-transform: uppercase;
display: inline-block;
min-width: 80px;
text-decoration: none;
outline: 0;
margin-top: 40px;
box-shadow: none;
-webkit-transition: color .25s;
transition: color .25s;
padding: 4px 8px;
font-weight: 700;
font-size: .9em;
font-family: inherit;
line-height: inherit;
}
/*----------------------------------------------- CONCEPT PARTENAIRE */
/*
.cbp-item.partenaire .cbp-caption-activeWrap {
background-color: #008773 !important;
}
.cbp-l-caption-title span {
font-size:.7em;
text-transform:uppercase;
}
.cbp-item.partenaire .cbp-caption-activeWrap {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.cbp-item.partenaire {
border-top: 5px solid #008773;
}
*/
/*-------------------------------------------------------------------------------------------- PRODUCT DETAILS */
.product-text {
margin-top:30px;
margin-bottom:50px;
}
.product-image {
padding-top: 25px;
}
.product-infos.infos {
color: #000;
font-size: 1.2em;
}
.product-infos.infos a {
color: #F9B233;
border-bottom: 1px dotted #FF1A00;
}
.product-infos.infos a span.fiche {
font-size:0.8em;
font-weight:normal;
color:#231f20;
}
/* ------------------------------------------------------------------------------------------------------------------- SUPPLIERS FOURNISSEURS */
/* ---------------------------------------------------------------------------------FEATURED HOMEPAGE */
.featured-radio {
position: relative;
height: 80px;
overflow: hidden;
margin-top: 25px;
background-color: #879132;
background-image: url(../images/body/bg_radio.jpg);
background-repeat: repeat-x;
background-position: bottom right;
padding: 20px;
/*text-align: center;*/
}
.featured-radio .categoriser {
padding: 3px 8px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
text-align: center;
display: inline-block;
}
.featured-radio .categoriser a span {
color:#FC0;
}
/* ------------------------------------------------------------------------------------------------------------------- EVENTS */
/* ------------------------------------------------------------------------------------------ 4 ON HOMEPAGE */
.home-event {
position:relative;
overflow:hidden;
margin-bottom:20px;
}
.home-event .event-image {
width:100%;
height:100%;
position:relative;
margin-bottom:5px;
overflow:hidden;
}
.home-event:hover .bgfx {
opacity: 0;
}
.home-event .event-image .categoriser {
bottom: 0;
left: 0;
position: absolute;
z-index: 3;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom:0;
}
.home-event .event-title a {
color:#231f20;
}
.categoriser i.fa-calendar {
margin-left:0;
margin-right:5px;
}
/* --------------------------------------------------------------------------------- EVENT BASE LIST */
.event-list {
margin:20px 0;
border-top: 1px solid #e8e8e8;
}
.event-list article {
overflow: hidden;
border-bottom: 1px solid #e8e8e8;
padding:10px 0;
transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
}
.event-list .event-partner {
font-size: 0.7em;
font-weight: 700;
color: #008773;
text-transform: uppercase;
}
.event-list .col-md-9 {
padding-left:0 !important;
}
.event-list article:hover {
background-color:#f0f0f0;
}
.event-list img {
float:left;
margin-right:10px;
}
.event-list .news-content {
float: left;
width:70%;
width:calc(100% - 200px);
width: -webkit-calc(100% - 200px);
width: -moz-calc(100% - 200px);
}
.event-list .categoriser {
padding: 3px 6px;
font-size: .8em;
}
.event-list .title {
font-size:1.5em;
font-weight:700;
color:#231f20;
}
.event-list .details {
font-size: 1.2em;
color: #f9b233;
}
/* --------------------------------------------------------------------------------- EVENT DETAILS */
#event-details .event-text {
margin:20px 0;
}
#event-details .event-image {
padding-top:25px;
}
/* --------------------------------------------------------------------------------- EVENT SEND */
#agenda_send #form-content .row {
margin-bottom: 8px;
}
#agenda_send #form-content span.smaller.important {
font-size: 0.8em;
color: #c12d2d;
}
/* --------------------------------------------------------------------------------- EVENT WIDGETS */
.widget.widget-post-agenda {
text-align: center;
border: none;
}
.required {
color:#f00;
}
/* --------------------------------------------------------------------------------------------------------------- VOCATION */
#home-soutien h5 {
font-size:3.3em;
color:#42a78;
text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15);
/*font-family: 'Pacifico', cursive;*/
font-family: 'Kanit', sans-serif;
text-transform: none;
font-weight: normal;
}
#home-soutien .num-bloc {
padding-right:10px;
border-right: 1px solid #e8e8e8;
text-align: center;
}
#home-soutien .num-bloc img {
margin-right: 10px;
width: 50px;
height: auto;
margin-bottom: 5px;
margin-top: -20px;
}
#home-soutien .num-bloc span {
font-size: 2.5em;
font-weight: 300;
}
#home-soutien .num-bloc p {
display: inline-bloc;
font-size: 1em;
text-align:center;
clear:both;
color: #106e31;
font-weight: 700;
margin-bottom: 0;
}
#home-soutien a.more-wrapper, #home-soutien div.more-wrapper, #home-soutien div.title-wrapper {
background-color: #106e31;
}
#home-soutien a.more-wrapper:after, #home-soutien div.more-wrapper:after {
border-left: 15px solid #106e31;
}
/* --------------------------------------------------------------------------------------------------------- VIDEOS & SNACKING TV */
.flex-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
border: 5px solid #F2E9E0;
}
.flex-video iframe, .flex-video object, .flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ------------------------------------------------------------------------------------------------------------- AUDIO MIXTAPE */
body .progression-skin.progression-default-dark .mejs-controls .mejs-time-rail .mejs-time-handle {
width: 15px !important;
height: 15px !important;
}
body .progression-skin.progression-default-dark .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
width: 10px !important;
height: 10px !important;
top: 10px !important;
}
div#mep_0 {
width: 100% !important;
margin-top: 20px;
}
/* ----------------------------------------------------------------------------------------------------------- RECETTES */
/* ----------------------------------------------------------------------------------------------- RECETTE BASE LIST */
.recettes-list {
margin:0;
border-top: 0px solid #e8e8e8;
}
.recettes-list article {
overflow: hidden;
padding:10px;
transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
}
.recettes-list article:hover {
background-color:#f0f0f0;
}
.recettes-list img {
}
.recettes-list .recette-content {
}
.recettes-list .title {
font-size:1.2em;
font-weight:700;
color:#231f20;
}
.recettes-list .details {
font-size:0.8em;
color:#999;
}
/* -------------------------------------------------------------------------------------- RECETTE DETAILS CONTENT */
#recette-details { }
#recette-details .recette-image {
position:relative;
}
#recette-details .recette-infos .fa-clock-o {
margin-left:10px;
}
#recette-details .recette-ingredients {
margin:20px 0;
padding:15px;
background-color:#f0f0f0;
font-size:1.1em;
font-weight:700;
}
#recette-details .recette-ingredients h3:after {
border-right: 15px solid #f0f0f0;
}
#recette-details .recette-text {
margin:20px 0;
line-height:1.6em;
}
#recette-details .recette-text img {
width: 100%;
height: auto;
padding: 10px;
box-sizing: border-box;
border: 1px solid #F0F0F0;
margin: 15px auto;
}
#recette-details .recette-text h2 {
margin:40px 0 20px 0;
}
#recette-details .recette-text a {
color: #FF1A00;
border-bottom:1px dotted #FF1A00;
}
/* ------------------------------------------------------------------------------------------------------ DOSSIERS /*
/* ---------------------------------------------------------------------------------------DOSSIERS BASE LISTE */
.item-folder {
position:relative;
overflow:hidden;
margin-bottom:30px;
}
.item-folder .folder-image {
width:100%;
height:100%;
position:relative;
margin-bottom:5px;
overflow:hidden;
}
.item-folder:hover .sharebox{
bottom: 0;
}
.item-folder:hover .bgfx {
opacity: 0;
}
.item-folder .folder-image .categoriser {
bottom: 0;
left: 0;
position: absolute;
z-index: 3;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom:0;
}
.item-folder .folder-title a {
color:#231f20;
}
.item-folder .sharebox {
z-index: 4;
position: absolute;
bottom: -28px;
transition: bottom .2s ease-in-out;
-moz-transition: bottom .2s ease-in-out;
-webkit-transition: bottom .2s ease-in-out;
right: 0;
height: 28px;
width: 56px;
color: #fff;
overflow: hidden;
}
.item-folder .sharebox a {
height: 28px;
width: 50%;
float: left;
display: block;
text-align: center;
line-height: 25PX;
padding-top: 5px;
font-size: 1.2em;
}
.item-folder .sharebox a i {
color: #fff;
}
.item-folder .sharebox a.twitter {
background-color:#55acee;
}
.item-folder .sharebox a.facebook {
background-color:#3b5998;
}
/* -------------------------------------------------------------------------------------- DOSSIER DETAILS CONTENT */
#folder-details { }
#folder-details .folder-image {
position:relative;
}
#folder-details .folder-image .categoriser {
position:absolute;
bottom:0;
margin-bottom:0;
}
#folder-details .folder-intro {
margin:20px 0;
padding:10px 0;
border-top:1px solid #e8e8e8;
font-size:1.1em;
font-weight:700;
}
#folder-details .folder-text {
border-top: 1px solid #e8e8e8;
padding-top: 20px;
margin: 20px 0;
line-height: 1.6em;
}
#folder-details .folder-text img {
width: 100%;
height: auto;
padding: 10px;
box-sizing: border-box;
border: 1px solid #F0F0F0;
margin: 15px auto;
}
#folder-details .folder-text h2 {
margin:10px 0 20px 0;
}
#folder-details .folder-text a {
color: #FF1A00;
border-bottom:1px dotted #FF1A00;
}
#folder-details .folder-text blockquote {
padding: 10px 20px;
margin: 20px 50px;
font-size: 1.1em;
font-weight: 300;
border-left: 0px solid #eee;
background-color: #f6f6f6;
font-style: italic;
}
#folder-details .folder-text blockquote::before {
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
content: '\f10d';
position: absolute;
margin-left: -45px;
font-size: 2em;
}
/* ---------------------------------------------------------------------------------------- NAVIGATION */
a#btn-page {
margin: 0 2px 5px;
background-color: #71bf44 !important;
color: #fff !important;
border: 1px solid #71bf44;
}
a#btn-page:hover {
background-color: #231f20333 !important;
border: 1px solid #231f20;
color: #fff !important;
}
/* ---------------------------------------------------------------------------------------- SOMMAIRE DOSSIER */
.folder-summary {
border: 1px solid #e8e8e8;
margin-bottom: 25px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.folder-summary .title {
padding: 6px 8px;
background-color: #71bf44;
color: #fff;
text-transform: uppercase;
font-weight: 700;
}
.folder-summary ul {
margin:0;
padding:0;
list-style:none;
}
.folder-summary ul li:first-item {
border-top:none;
}
.folder-summary ul li {
border-top: 1px solid #e8e8e8;
}
.folder-summary ul li.locked a, .folder-summary ul li.unlocked a {
border-top: 1px solid #e8e8e8;
padding-right:28px;
background-color: #f0f0f0;
background-image:url(../images/body/icons/lock_25x25.png);
background-position:right center;
background-repeat:no-repeat;
}
.folder-summary ul li.unlocked a {
background-image:url(../images/body/icons/unlock_25x25.png);
}
.folder-summary ul li:hover, .folder-summary ul li:active {
background-color: #f0f0f0;
}
.folder-summary ul li a {
display:block;
padding:6px;
color:#231f20;
font-weight:700;
}
.folder-summary ul li .left {
width:70px;
float:left;
text-transform:uppercase;
color:#666;
font-weight:normal;
font-size:0.9em;
text-align:center;
}
.folder-summary ul li .right {
width:75%;
position:relative;
float:left;
}
.folder-summary ul li a.active {
background-color:#231f20;
}
.folder-summary ul li a.active .left {
color:#ccc;
}
.folder-summary ul li a.active .right {
color:#fff;
}
.locked-legende {
padding: 8px;
margin-bottom: 20px;
background-color: #c5dbb8;
font-size: 1em;
color: #231f20;
}
.locked-legende img {
height:18px;
width:auto;
}
.locked-legende span {
color:#57a02e;
font-weight:bold;
}
.locked-legende a {
color: #231f20333;
border-bottom: 1px dotted #231f20;
}
/*--------------------------------------------------- BOUTIQUE */
.publications-intro .locked-legende {
padding: 0px;
margin-bottom:0px;
background-color:transparent;
font-size: 1em;
color: #fff;
}
.publications-intro .locked-legende img {
height:18px;
width:auto;
}
.publications-intro .locked-legende span {
color:#71bf44;
}
.publications-intro .locked-legende a {
color: #fff;
font-weight:700;
border-bottom: 1px dotted #fff;
}
/* ------------------------------------------------------------------------------ PUBLICATIONS */
.fa.fa-unlock {
color:#71bf44;
}
/* ----------------------------------------------------------- ACCUEIL BOUTIQUE */
.publications-intro {
margin-top:20px;
color:#fff;
}
.publication-list {
}
.details-wrapper {
padding:10px 0;
}
.publication-num {
margin-top:10px;
margin-bottom:20px;
}
.publication-img {
/*width:30%;
float:left;
margin-right:15px;
margin-bottom:25px;*/
padding:0;
}
.publication-list .title, .details-wrapper .title{
font-size: 1.2em;
font-weight: 700;
color: #231f20;
}
.publication-list .title a {
color: #231f20;
}
.publication-list .details, .details-wrapper .details {
font-size: 0.8em;
color: #999;
}
.details-wrapper ul {
padding:0;
margin:0px;
list-style:none;
font-size:.9em;
}
.publication-list .actions a, .publication-list .actions button {
background:none;
/*background-color: #231f20 !important;*/
color: #fff;
border: 0;
padding: 8px;
width: 100%;
margin-top: 5px;
display: block;
border-radius: 2px;
text-shadow:none;
float: left;
}
.publication-list .actions button .fa-lock {
color: #F9B233;
}
#modal-publication {
top:30px !important;
}
#modal-publication .modal-dialog {
width: 55%;
}
#modal-publication .modal-content .loader, #modal-cart .modal-content .loader {
text-align:center;
margin:40px auto;
}
#modal-publication .modal-dialog button.close, #modal-cart .modal-dialog button.close {
position: absolute;
z-index: 2;
right: 20px;
top:10px;
font-size: 32px;
opacity:.5;
}
#modal-cart .modal-dialog {
max-width: 450px;
}
#modal-cart .modal-dialog .modal-content {
padding:15px;
}
/* ----------------------------------------------------------- DETAIL MAG */
#magazine-details .mag-sommaire {
margin: 20px 0;
padding: 15px;
background-color: #f0f0f0;
}
#magazine-details .mag-sommaire h3:after {
border-right: 15px solid #f0f0f0;
}
#magazine-details .mag-sommaire img {
width: 100%;
height: auto;
padding: 10px;
box-sizing: border-box;
border: 1px solid #F0F0F0;
margin: 15px auto;
}
/* ------------------------------------------------------------------------------------ ABONNEMENT /*
/* ----------------------------------------------------------------------- OFFERS */
#subscription-reggaefr {
margin-bottom:30px;
}
#subscription-reggaefr.container-wrapper {
background-color: transparent;
padding: 0;
}
#subscription-reggaefr.container-wrapper .content {
background-color: #fff;
padding: 25px;
}
.subscription-list .title {
font-size: 1.2em;
font-weight: 700;
color: #231f20;
text-align: center;
margin-bottom: 20px;
}
.subscription-list ;price {
text-align: center;
font-size: 1.5em;
font-weight: 900;
color: #106e31;
}
.subscription-list .title span {
letter-spacing: 0px;
font-size: 1.9em;
color: #ffffff;
padding: 3px 25px;
background-color: #f9b233;
font-family: 'Kanit', sans-serif;
}
.subscription-list p {
font-size: 1.1em;
font-weight: bold;
}
.subscription-list .subscription-item ul {
list-style:none;
padding-left: 10px;
}
.subscription-list .subscription-item ul li {
padding: 8px 0;
border-top: 1px solid #eaeaea;
}
.subscription-list .subscription-item ul li:first-child {
border-top: 0px solid #eaeaea;
}
.subscription-list .subscription-item ul li .fa {
color: #f9b233;
}
.subscription-list .subscription-item .actions {
text-align: center;
}
button.btn, a.btn, input[type="submit"] {
background: none;
background-color: #106e31 !important;
}
.subscription-price {
text-align:center;
}
.subscription-item .price {
text-align: center;
font-size: 2.6em;
font-weight: 900;
color: #1e1c1a;
}
.subscription-item .subprice {
color: #ff6a00;
margin-bottom: 5px;
text-align: center;
font-style: italic;
}
.subscription-price .price span {
font-size: 0.7em !important;
font-weight: 700;
text-decoration: line-through;
color: #F9B233;
}
/* -----------------------------------------------------------------------TEASER MINI */
#abo-teaser-mini {
width:90%;
margin:40px auto;
background-color: #f9b233;
border: 1px solid #efa728;
text-align:center;
padding:20px;
position: relative;
bottom: 120px;
}
#abo-teaser-mini p span {
color:#fff;
}
/*
#abo-teaser-mini a {
display:inline-block;
padding: 4px 8px;
background-color: #F9B233;
text-transform: uppercase;
color: #fff;
font-weight: 700;
font-size: .9em;
margin-bottom: 5px;
}
/*
/* --------------------------------------------------------------------------- CART */
table.cart { }
table.cart th {
background-color: #231f20;
color:#fff;
}
table.cart .categoriser {
padding: 3px 6px;
font-size: .9em;
background-color: #106e31;
}
#cart button {
/*
background: none;
background-color: #231f20 !important;
color: #fff;
border: 0;
padding: 8px;
margin-top: 5px;
border-radius: 2px;
text-shadow: none;
transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
*/
}
#cart button.btn-small {
padding: 6px;
vertical-align: top;
line-height:1em;
margin-top: 0;
}
/* -------------------------------------------------------------------------------------- MODAL LOGIN & ACCOUNT */
.mm-slideout {
z-index:auto !important;
}
.modal {
top: 50px !important;
}
.modal-content {
border-radius: 0px !important;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.5)!important;
box-shadow: 0 2px 3px rgba(0,0,0,.5)!important;
}
.modal-header {
color: #fff;
background-color: #106e31;
border-bottom:none;
padding:8px 8px 0 8px !important;
}
.modal-body {
padding: 25px;
}
.modal-content .close {
color: #fff;
font-size: 25px;
opacity: .8;
}
.modal-content .tab-pane {
height:inherit !important;
}
.modal-content .nav-tabs>li.active>a,.modal-content .nav-tabs>li.active>a:focus,.modal-content .nav-tabs>li.active>a:hover {
color: #555;
cursor: default;
background-color: #fff;
border: 0px solid #ddd;
border-bottom-color: transparent;
}
.modal-content .nav-tabs>li>a {
}
.modal-content .nav-tabs>li>a {
margin-right: 2px;
border: 0px solid transparent;
border-radius: 0;
color: #fff;
background-color: transparent;
}
.modal-content .nav-tabs {
border-bottom: 0px solid #ddd;
}
.modal-content .close {
color: #fff;
font-size: 25px;
opacity: .8;
}
.modal-content .close:focus, .modal-content .close:hover {
filter: alpha(opacity=100);
opacity: 1;
}
.modal-content form, .commande-content form {
padding-bottom:5px;
margin-bottom: 10px;
}
.modal-content .lost-passwd, .commande-content .lost-passwd {
text-align:center;
color:#106e31;
border-bottom: 1px dotted #106e31;
}
.modal-content p, .commande-content p {
}
.modal-content p a, .commande-content p a {
text-align:center;
color:#106e31;
border-bottom: 1px dotted #106e31;
}
.modal-content form label, .commande-content form label {
display: block;
font-size: 1em;
text-align: left;
}
.modal-content form input[type="text"], .modal-content form input[type="password"],
.commande-content form input[type="text"], .commande-content form input[type="password"] {
width:100%;
margin-bottom:5px;
}
.modal-content form input[type="submit"], .modal-content input[type="button"], .modal-content button[type="submit"],
.commande-content form input[type="submit"], .commande-content input[type="button"] {
text-align: center;
background:none;
background-color: #231f20;
color: #fff;
border: 0;
padding: 8px;
width: 100%;
margin: 20px auto 5px auto;
display: block;
border-radius: 2px;
font-weight:normal;
text-shadow:none;
text-transform: uppercase;
}
.modal-content input[type="button"], .commande-content input[type="button"] {
margin: 8px auto;
}
.modal-content .subscribe-facebook, .commande-content .subscribe-facebook {
/*background-color: #3b5998;*/
background: url(../images/body/icons/facebook_25x25.png) #3b5998 no-repeat right center !important
}
.modal-content .subscribe-googleplus, .commande-content .subscribe-googleplus {
/*background-color: #dd4b39;*/
background: url(../images/body/icons/googleplus_25x25.png) #dd4b39 no-repeat right center !important;
}
/* ---------------------------------------------------------------------------------- COMMANDE LOGIN & ACCOUNT */
.commande-content form input[type="submit"], .commande-content input[type="button"], .commande-content button[type="submit"]
{
/*width: 100%;
display:inline-block;
*/
}
.commande-sep {
min-height:250px;
background:url(../images/body/vertcial_sep_20x250.png) repeat-y top center;
}
.commande-content h4 {
padding-bottom:5px;
border-bottom:1px solid #e8e8e8;
}
/* -------------------------------------------------------------------------------------------MON COMPTE */
form label span {
color:#F9B233;
}
tr.expired {
color: #999;
font-weight: normal !important;
font-style: italic;
background-color: #fff1f1;
}
#mon-compte thead {
background-color: #e1e1e1;
}
#mon-compte form button[type="submit"], #mon-compte form a.btn {
text-align: center;
background-color: #231f20;
background-image:none;
color: #fff;
border: 0;
padding: 8px;
border-radius: 2px;
}
#mon-compte form a.btn {
background-color: #878787;
}
#mon-compte .more-wrapper {
margin-top:0;
}
#mon-compte .categoriser {
padding: 3px 6px;
font-size: .7em;
}
/* -------------------------------------------------------------------------------------- LOST PASSWORD */
.lost-passwd label, .lost-passwd input {
float:left;
line-height:30px;
}
.lost-passwd label {
width:100px;
}
.lost-passwd input[type=text] {
width:250px;
}
.lost-passwd input[type=submit] {
width:40px;
padding:2px;
margin-top:0;
margin-left:10px;
}
/* --------------------------------------------------------------------------------------------------------------------------- SEARCH */
#search .video-item .video-image {
height:auto !important;
}
article.search-result.fournisseur {
background-color: #f3f3f3;
padding: 10px 30px;
}
article.search-result.fournisseur .categoriser {
background-color: #008773 !important;
}
/* --------------------------------------------------------------------------------------------------------------------------- WIDGETS */
.widget {
border: 1px solid #e8e8e8;
margin-bottom:25px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.widget-title {
padding:6px 8px;
background-color:#F9B233;
color:#fff;
text-transform:uppercase;
font-weight:700;
font-family: 'Kanit', sans-serif;
}
.widget-maintitle {
padding:8px 0px 6px 10px;
background-color:#231f20;
color:#fff;
text-transform:uppercase;
font-weight:700;
font-family: 'Kanit', sans-serif;
text-transform: none;
font-weight: normal;
font-size: 1.7em;
border-bottom:1px solid #404040;
}
.widget-maintitle span {
color:#fc0;
}
/* ------------------------------------------------------------------------------------------------- WIDGET BANNER SNACKING TV */
.widget-banner.reggaetv { background-image:url(../images/body/bg_tv.jpg); }
.widget-banner.reggaetv h5 { background-image:url(../images/body/icons/tv_w_50x50.png);}
/* ------------------------------------------------------------------------------------------------- WIDGET BANNER */
.widget-banner {
background-position:center right;
background-repeat:no-repeat;
/*background-size: 110% 110%;*/
position:relative;
width:100%;
max-width: 360px;
height:100px;
overflow:hidden;
background-color:#231f20;
transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
.widget-banner a {
position:absolute;
z-index:6;
width:100%;
height:100px;
}
.widget-banner span {
height:140px;
width:110px;
display: inline-block;
position: absolute;
z-index: 5;
background-color: #f9b233;
margin-right: 50px;
transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-webkit-transition: all .25s ease-out;
}
.widget-banner span:after {
position: absolute;
content: "";
top: 0px;
left: auto;
right: -50px;
height: 0px;
width: 50px;
margin-left:50px;
border-bottom: 140px solid transparent;
border-left: 40px solid #f9b233;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.widget-banner i { color:#fff; }
.widget-banner .categoriser {
margin: 0 0 0 15px;
font-size: 0.8em;
padding: 3px 8px;
background-color: #f9b233;
}
.widget-banner h5 {
display: block;
color:#fff;
font-size: 1em;
line-height: 1.2em;
padding: 15px;
width: 120px;
font-weight: normal;
text-transform: none;
padding: 45px 0 0 15px;
background-position: 15px 0;
background-repeat:no-repeat;
}
.widget-banner .bgfx {
top: 0;
height: 100%;
background-image:none;
background-color:rgba(1,1,1,.4);
transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
position:relative;
}
.widget-banner:hover {
background-size: 110% 140%;
}
.widget-banner:hover span {
width:130px;
}
.widget-banner:hover span h5 {
color:#fff;
}
.widget-banner:hover > .bgfx {
background-color:rgba(1,1,1,0);
}
/* ------------------------------------------------------------------------------------------------- WIDGET TWITTER */
.twitter-widget .widget-title {
background-color:#55acee;
}
/* ------------------------------------------------------------------------------------------------WIDGET NEWS NE PAS MANQUER */
.widget-news-featured, .widget-news-plus {
border:1px solid #e8e8e8;
max-height:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.widget-news-plus {
/*height:335px;*/
}
.widget-news-featured .widget-title, .widget-news-plus .widget-title {
background-color: #231f20;
}
.widget-news-featured ul, .widget-news-plus ul {
max-height:380px;
overflow-y:scroll;
list-style:none;
margin:0;
padding:0;
}
.widget-news-featured li, .widget-news-plus li {
border-bottom:1px solid #e8e8e8;
padding:8px;
}
.widget-news-featured li a , .widget-news-plus li a{
display:block;
width:100%;
height:85px;
position: relative;
}
.widget-news-featured li img, .widget-news-plus li img {
float: left;
margin-right: 7px;
padding-bottom: 20px;
max-height:100px;
}
@media (min-width: 992px) and (max-width: 1200px) { /* MOBILE */
.widget-news-featured li img, .widget-news-plus li img, .widget-blog-featured li img {
display:none;
}
}
.widget-news-featured li .categoriser, .widget-news-plus li .categoriser {
padding: 3px 6px;
font-size: .7em;
}
.widget-news-featured li .title, .widget-news-plus li .title {
color:#231f20;
font-weight: 600;
font-size: 1.05em;
letter-spacing: -0.5px;
}
.widget-news-plus .widget-title {
padding:0;
background-color:#231f20;
}
.widget-news-plus ul.nav {
height:auto !important;
overflow:hidden;
}
.widget-news-plus .nav-tabs>li.active>a,
.widget-news-plus .nav-tabs>li.active>a:focus,
.widget-news-plus .nav-tabs>li.active>a:hover {
color: #fff;
cursor: default;
background-color:transparent;
border: 0px solid #ddd;
border-bottom-color: transparent;
border-radius:0;
}
.widget-news-plus .nav-tabs>li>a {
border: 0px solid transparent;
border-radius: 0;
height:auto;
padding:0;
color:#ccc;
}
.widget-news-plus .nav-tabs>li>a:hover {
border:0;
}
.widget-news-plus .nav>li>a:focus, .widget-news-plus .nav>li>a:hover {
text-decoration: none;
background-color:transparent;
}
.widget-news-plus .tab-bt {
display: inline-block;
padding: 6px 8px;
}
.widget-news-plus .tab-bt.active {
color:#fff;
background-color:#383736;
}
.widget-news-plus ul {
height:300px;
}
.widget-news-plus ul.nav-tabs li:hover {
background-color:#666;
}
.widget-news-featured li:hover, .widget-news-plus li:hover {
background-color:#f0f0f0;
}
.widget-news-featured .tab-content>.tab-pane {
height:inherit !important;
}
/* ------------------------------------------------------------------------------------------------WIDGET NEWS NE PAS MANQUER */
.widget-concours {
border:1px solid #e8e8e8;
max-height:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.widget-concours {
}
.widget-concours .widget-title {
background-color: #231f20;
}
.widget-concours ul {
list-style:none;
margin:0;
padding:0;
}
.widget-concours li {
border-bottom:1px solid #e8e8e8;
padding:8px;
}
.widget-concours li a {
display:block;
width:100%;
height:85px;
}
.widget-concours li img {
float: left;
margin-right: 7px;
padding-bottom: 20px;
max-height:100px;
}
@media (min-width: 992px) and (max-width: 1200px) { /* MOBILE */
.widget-concours li img {
display:none;
}
}
.widget-concours li .categoriser {
padding: 3px 6px;
font-size: .7em;
}
.widget-concours li .title {
color:#231f20;
font-weight: 600;
font-size: 1.05em;
letter-spacing: -0.5px;
}
/* -----------------------------------------------------------------------------------------WIDGET pub */
.widget.widget-pub img {
max-width: 100%;
height: auto;
}
.header-pub.container {
text-align: center;
margin: 0 auto 50px auto;
}
.footer-pub img, .header-pub img {
max-width: 100%;
height: auto;
}
/* -----------------------------------------------------------------------------------------WIDGET TAGS */
.widget.widget-tags {
border: 0;
}
.widget-tags .widget-title {
background-color: #231f20;
}
/* -----------------------------------------------------------------------------------------WIDGET DOSSIER BLOGZINE */
.widget-blog-featured {
/*height:100%;*/
border:1px solid #e8e8e8;
max-height:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.widget-blog-featured {
}
.widget-blog-featured .widget-title {
background-color:#231f20;
color:#ccc;
}
.widget-blog-featured .widget-title span {
color:#ca1723;
}
.widget-blog-featured ul {
max-height:380px;
overflow-y:scroll;
list-style:none;
margin:0;
padding:0;
}
.widget-blog-featured li {
border-bottom:1px solid #e8e8e8;
padding:8px;
}
.widget-blog-featured li a {
display:block;
width:100%;
height:85px;
position: relative;
}
.widget-blog-featured li .photo-wrapper {
width: 80px;
height: 80px;
margin: 0px 20px 0px 0px;
float: left;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-position: center center;
overflow: hidden;
}
.widget-blog-featured li img {
float: left;
margin-right: 8px;
padding-bottom: 20px;
max-height:100px;
}
.widget-blog-featured li .categoriser {
padding: 3px 6px;
font-size: .7em;
background-color: #9E1922;
}
.widget-blog-featured li .title {
font-size:0.9em;
color:#231f20;
}
.widget-blog-featured.auteurs li .title {
font-style:italic;
padding-left:20px;
}
.widget-blog-featured.auteurs li .auteur {
font-weight: bold;
color:#231f20;
}
.widget-blog-featured.auteurs li .title .fa {
color:#ccc;
}
.widget-blog-featured li:hover {
background-color:#f0f0f0;
}
.widget-blog-featured .tab-content>.tab-pane {
height:inherit !important;
}
/* ------------------------------------------------------------------------------------------------WIDGET PRODUCT PLUS */
.widget-product-plus {
height:100%;
border:1px solid #e8e8e8;
max-height:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.widget-product-plus li:hover {
background-color:#f0f0f0;
}
.widget-product-plus ul {
max-height: 280px;
overflow-y: scroll;
list-style: none;
margin: 0;
padding: 0;
}
.widget-product-plus li {
border-bottom:1px solid #e8e8e8;
padding:8px;
}
.widget-product-plus li a {
display:block;
width:100%;
height:85px;
}
.widget-product-plus li img {
float: left;
margin-right: 8px;
padding-bottom: 20px;
max-height:100px;
}
.widget-product-plus li .categoriser {
padding: 3px 6px;
font-size: .7em;
}
.widget-product-plus li .title {
font-size:0.9em;
color:#231f20;
}
/* ------------------------------------------------------------WIDGET FOURNISSEURS CATEGORIES */
.widget-supplier-categories {
/*height:100%;*/
border:1px solid #e8e8e8;
max-height:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.widget-supplier-categories .widget-title {
background-color:#F9B233;
}
.widget-supplier-categories .widget-title.widget-link {
background-color: #6d6d6d;
text-transform: none;
font-weight: 400;
}
.widget-supplier-categories .widget-title.widget-link a {
color:#fff;
}
.widget-supplier-categories .widget-title.widget-link:hover {
background-color:#666;
}
.widget-supplier-categories ul {
max-height:380px;
overflow-y:scroll;
list-style:none;
margin:0;
padding:0;
}
.widget-supplier-categories li {
border-bottom:1px solid #e8e8e8;
padding:8px;
}
.widget-supplier-categories .tab-content li:nth-child(odd) { background-color:#f6f6f6; }
.widget-supplier-categories .tab-content li:nth-child(even) { background-color:#fff; }
.widget-supplier-categories li a{
display: block;
width: 100%;
color: #231f20;
font-weight: 700;
}
.widget-supplier-categories .widget-title, .widget-supplier-categories .widget-form {
background-color: #404040;
border-bottom: 0x solid #666;
}
.widget-supplier-categories .widget-form {
background-color: #231f20;
border-bottom: 1px solid #231f20;
padding: 6px 8px;
}
.widget-supplier-categories .widget-form label {
color: #fff;
text-transform: uppercase;
float:left;
line-height: 2.2em;
}
.widget-supplier-categories .widget-form input {
width: 80%;
float: left;
margin-left: 5px;
}
.widget-supplier-categories .widget-form input[type=submit] {
float: left;
width:40px;
padding: 6px;
margin-top: 0;
margin-left: 5px;
background-color: #fc0 !important;
}
.widget-supplier-categories ul.nav {
height:auto !important;
overflow:hidden;
}
.widget-supplier-categories .nav-tabs>li.active>a,
.widget-supplier-categories .nav-tabs>li.active>a:focus,
.widget-supplier-categories .nav-tabs>li.active>a:hover {
color: #fff;
cursor: default;
background-color:transparent;
border: 0px solid #ddd;
border-bottom-color: transparent;
border-radius:0;
}
.widget-supplier-categories .nav-tabs>li>a {
border: 0px solid transparent;
border-radius: 0;
height:auto;
padding:0;
color:#ccc;
font-size: 0.82em;
}
.widget-supplier-categories .nav-tabs>li>a:hover {
border:0;
}
.widget-supplier-categories .nav>li>a:focus, .widget-supplier-categories .nav>li>a:hover {
text-decoration: none;
background-color:transparent;
}
.widget-supplier-categories .tab-bt {
display: inline-block;
padding: 6px 8px;
}
.widget-supplier-categories .tab-bt.active {
color:#fff;
background-color: #fc0;
}
.widget-supplier-categories ul {
height:220px;
}
.widget-supplier-categories ul.nav-tabs li:hover {
background-color:#666;
}
.widget-supplier-categories .tab-content li:hover {
background-color:#f0f0f0;
}
.widget-supplier-categories .tab-content>.tab-pane {
height:inherit !important;
}
/* ------------------------------------------------------------WIDGET FOURNISSEURS CATEGORIES V2 - 2020 */
.fournisseur_filters {
padding-bottom: 0px;
border-bottom: 0px solid #eaeaea;
margin-bottom: 30px;
}
.widget-supplier-categories-v2 .widget-border {
border: 1px solid #e8e8e8;
padding: 0 5px 5px;
margin-top:20px;
background-color: #231f20;
margin-bottom:25px;
}
.widget-supplier-categories-v2 {
/*height:100%;*/
border:0px solid #e8e8e8;
max-height:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin-bottom:0;
}
.widget-supplier-categories-v2 .widget-maintitle {
background:none;
border:none;
color: #231f20;
font-size: 2.3em;
}
.widget-supplier-categories-v2 .widget-title {
background-color:#F9B233;
}
.widget-supplier-categories-v2 .widget-title.widget-link {
background-color: #6d6d6d;
text-transform: none;
font-weight: 400;
}
.widget-supplier-categories-v2 .widget-title.widget-link a {
color:#fff;
}
.widget-supplier-categories-v2 .widget-title.widget-link:hover {
background-color:#666;
}
.widget-supplier-categories-v2 ul {
max-height:380px;
overflow-y:scroll;
list-style:none;
margin:0;
padding:0;
}
.widget-supplier-categories-v2 li {
border-bottom:0px solid #e8e8e8;
padding:8px;
}
.widget-supplier-categories-v2 .tab-content li:nth-child(odd) { background-color:#f6f6f6; }
.widget-supplier-categories-v2 .tab-content li:nth-child(even) { background-color:#fff; }
.widget-supplier-categories-v2 li a{
display: block;
width: 100%;
color: #231f20;
font-weight: 700;
}
.widget-supplier-categories-v2 .widget-title, .widget-supplier-categories-v2 .widget-form {
background-color:transparent;
border-bottom: 0x solid #666;
}
.widget-supplier-categories-v2 .widget-title {
color: #fff;
text-transform:none;
padding-top: 10px;
border-top: 0px solid #eaeaea;
}
.widget-supplier-categories-v2 .widget-form {
padding: 6px 8px;
}
.widget-supplier-categories-v2 .widget-form label {
color: #fff;
text-transform: uppercase;
float:left;
line-height: 2.2em;
}
.widget-supplier-categories-v2 .widget-form input {
width: 80%;
float: left;
margin-left: 5px;
}
.widget-supplier-categories-v2 .widget-form input[type=submit] {
float: left;
width:40px;
padding: 6px;
margin-top: 0;
margin-left: 5px;
background-color: #F9B233 !important;
}
.widget-supplier-categories-v2 ul.nav {
height: auto !important;
overflow: hidden;
border-bottom: 0px;
}
.widget-supplier-categories-v2 .nav-tabs>li.active>a,
.widget-supplier-categories-v2 .nav-tabs>li.active>a:focus,
.widget-supplier-categories-v2 .nav-tabs>li.active>a:hover {
color: #fff;
cursor: pointer;
background-color:transparent;
border: 0px solid #ddd;
border-bottom-color: transparent;
border-radius:0;
background-color: #F9B233;
}
.widget-supplier-categories-v2 .nav-tabs>li>a {
border: 0px solid transparent;
border-radius: 0;
height:auto;
padding: 0 10px;
color: #fff;
font: 400 0.79em/30px "Lato", sans-serif;
text-transform:uppercase;
margin: 0;
background-color: #7b7b7b;
}
.widget-supplier-categories-v2 .nav-tabs>li>a:hover {
border:0;
}
.widget-supplier-categories-v2 .nav>li>a:focus, .widget-supplier-categories-v2 .nav>li>a:hover {
text-decoration: none;
background-color: #F9B233;
color: #fff;
}
.widget-supplier-categories-v2 .tab-bt {
display: inline-block;
padding: 0;
float:none;
margin: 4px 2px;
}
.widget-supplier-categories-v2 .tab-bt.active {
color:#fff;
}
.widget-supplier-categories-v2 ul {
max-height: 280px;
}
.widget-supplier-categories-v2 ul.nav-tabs li:hover {
}
.widget-supplier-categories-v2 .tab-content li:hover {
background-color: #e4e4e4;
}
.widget-supplier-categories-v2 .tab-content>.tab-pane {
height:inherit !important;
}
.widget-supplier-categories-v2 .tab-content {
margin-top: 10px;
}
/* ------------------------------------------------------------------------------------------------WIDGET CENTURY 21 */
.widget-filter-century21 {
height:100%;
border:1px solid #e8e8e8;
max-height:100%;
background-color: #bdaf8a;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.widget-filter-century21 .widget-title {
background-color: #bdaf8a;
}
.widget-filter-century21 form {
padding:10px 30px 30px 30px;
}
.widget-filter-century21 ul {
max-height:250px;
overflow-y:scroll;
list-style:none;
margin:0;
padding:0;
border:1px solid #e8e8e8;
background-color:#fff;
}
.widget-filter-century21 li {
border-bottom:1px solid #e8e8e8;
padding:8px;
}
.widget-filter-century21 .checkActions {
text-align:center;
font-size:0.9em;
margin:5px 0px;
}
.widget-filter-century21 input[type="text"], .widget-filter-century21 input[type="submit"] {
width:100%;
}
.widget-filter-century21 img {
margin:20px auto 0 auto;
}
/* ----------------------------------------------------------------------------------------- WIDGET CONTACT US MAP */
.widget-contact {
height:100%;
border:1px solid #e8e8e8;
max-height:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.widget-contact .widget-title {
background-color:#231f20;
}
.widget-contact ul {
list-style:none;
margin:0;
padding:0;
}
.widget-contact li {
border-bottom:1px solid #e8e8e8;
padding:8px;
}
.widget-contact li .details {
font-size:.9em;
color:#666;
}
/* ----------------------------------------------------------------------------------------- WIDGET NEWS LOVE THIS-*/
.love-this {
background-color: #f0f0f0;
padding: 0px;
margin: 10px 4px 10px 0;
font-weight:900;
text-transform:uppercase;
font-size:.9em;
display: inline-block;
border-radius: 2px;
float: left;
}
}
.love-this span.love-legende {
line-height: 2.6em;
}
.love-this .btn {
display: inline-block;
height: 32px;
width: 68px;
background-color:#f0f0f0 !important;
background-image:url(../images/body/icons/love_30x60px.png);
background-repeat:no-repeat;
background-position: 4px 0;
float: right;
position: relative;
text-decoration: none;
color: #666;
border-radius:2px;
transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
border: 0px solid #ccc;
}
.love-this .btn-counter:after, .love-this .btn-counter:after {
padding: 1px 8px;
color: #777;
content: attr(data-count);
left: 20px;
font-size: 1.4em;
color: #ff1a00;
font-weight: 700;
margin-left: 8px;
margin-right: 5px;
position: absolute;
top: 1px;
}
.love-this .btn-counter:hover:after, .love-this .btn.voted:after {
color: #fff;
}
.love-this .btn:hover, .love-this .btn.voted {
background-color: #F9B233 !important;
background-position:4px -30px !important;
box-shadow:none;
}
.love-this .btn:hover, .love-this .btn:hover span,
.love-this .btn.voted, .love-this .btn.voted span {
color: #eeeeee;
background-position:4px -30px;
background-image:url(../images/body/icons/love_30x60px.png);
}
/* ----------------------------------------------------------------------------------------- WIDGET NEWS POKE THIS-*/
.poke-this {
background-color: #fbf4ca;
padding: 10px 30px 30px 30px;
margin: 30px 0;
border-top: 5px solid #ffca30;
}
.poke-this .poke-legende {
line-height: 1.5em;
margin-top: 5px;
margin-bottom: 10px;
text-align: center;
font-family: 'king_basil_literegular', cursive;
text-transform: none;
font-size: 2em;
font-weight: normal;
}
.poke-this .poke-legende:after {
display: block;
width: 300px;
height:50px;
background-image:url(../images/body/icons/poke_arrows.png);
background-repeat:no-repeat;
background-position:center top;
margin: 0px auto;
border-bottom: 0px solid #ffcb29;
/* background-color: #fff; */
position: relative;
content: ' ';
}
.poke-answer1, .poke-answer2 {
text-align:center;
}
.poke-this .btn {
display: inline-block;
height: 70px;
width: 70px;
background-color:transparent !important;
background-image:url(../images/body/icons/poke_70x140px.png);
background-repeat:no-repeat;
background-position:center top;
position: relative;
text-decoration: none;
color: #666;
border-radius:50%;
transition: all .25s ease-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
margin-left: -25%;
border: 0px !important;
}
.poke-this .btn-poker1:after, .poke-this .btn-poker2:after {
color: #777;
content: attr(data-count);
font-size: 2.5em;
color: #F9B233;
font-weight: 900;
left: 60px;
position: absolute;
top: 1px;
display: block;
width: 70px;
height: 70px;
line-height: 70px;
background-color: #fff;
border-radius: 50%;
transition: all .25s ease-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.poke-this .btn-poker1:hover:after, .poke-this .btn.voted:after {
color: #fff;
background-color: #ffcb29 !important;
}
.poke-this .btn-poker2:hover:after, .poke-this .btn.voted:after {
color: #fff;
background-color: #ffcb29 !important;
}
.poke-this .btn:hover, .poke-this .btn.voted {
background-color: #ffcb29 !important;
background-position:center -70px !important;
box-shadow:none;
}
.poke-this .btn:hover, .poke-this .btn:hover span,
.poke-this .btn.voted, .poke-this .btn.voted span {
color: #eeeeee;
background-position:4px -30px;
background-image:url(../images/body/icons/poke_70x140px.png);
background-color:F9B233 !important;
border-bottom: 0px !important;
}
/* ----------------------------------------------------------------------------------------- WIDGET COMMENTS */
#comments-list {
background-color: #f0f0f0;
padding: 0.8em;
margin: 20px 0;
font-size: .9em;
}
#comments-list span {
font-weight: 900;
text-transform: uppercase;
font-size: 1.1em;
line-height: 2.6em;
}
#comments-list .comment-avatar {
float: left;
text-align: center;
margin:0 10px;
padding-bottom: 0px;
background: #ccc url(../images/body/icons/comment_side.gif);
background-repeat: no-repeat;
background-position: top right;
width: 35px;
height: 35px;
}
#comments-list .comment-avatar img {
max-width: 100%;
height:auto;
}
#comments-list .comment-details {
float: left;
width:75%;
width: -webkit-calc(100% - 90px);
width: -moz-calc(100% - 90px);
font-weight:bold;
}
#comments-list .comment-content {
font-weight:normal;
}
#comments-list .comment-item {
margin: 15px;
padding: 5px 0 15px;
border-bottom: 1px solid #d4d4d4;
}
#comments-list .comment-item:first-child {
border-top:none !important;
}
#form-comment {
padding: 15px;
margin: 15px;
background-color: #f0f0f0;
border: 1px solid #fff;
}
#form-comment input[type=text], #form-comment textarea {
width:60%;
float:left;
margin-bottom:10px;
}
#form-comment label {
width:20%;
float:left;
}
#form-comment input[type=submit] {
margin: 20px 35%;
}
#form-comment .form-notice {
font-size:0.9em;
text-align:center;
color:#999;
}
#comments-list .comment-reponse {
padding: 8px;
margin: 15px;
text-align: center;
color: #F9B233;
font-weight: 600;
border: 1px solid #F9B233;
}
/* ----------------------------------------------------------------------------------------- HABILLAGE CONGRES 2017 */
#home.habillage {
padding-top: 180px;
background-repeat: no-repeat;
background-position: center 150px;
overflow-x: hidden;
}
@media (max-width: 768px) and (min-width: 300px) {
#home.habillage {
padding-top: 160px;
}
.header-habillage-link {
display: none;
}
}
.header-habillage-link {
height: 250px;
position: relative;
}
.header-habillage-link a {
height: 100%;
width:100%;
display: block;
}
.habillage-content {
min-height:200px;
/*background-image:url(../images/habillages/congres2017/bottom_pink.png);*/
background-position:bottom center;
background-repeat:no-repeat;
padding-top:30px;
padding-bottom:10px;
overflow:hidden;
}
.hablink-left, .hablink-right {
display:block;
position:absolute;
width:10%;
min-height:4700px;
z-index:1;
background-color:rgba(255,255,255,0);
top:0;
}
.hablink-left {
left:0;
}
.hablink-right {
right:0;
}
@media (min-width: 1600px) { /* MOBILE */
.hablink-left, .hablink-right {
width:17%;
}
}
@media (min-width: 1198px) and (max-width: 1450px) { /* MOBILE */
.hablink-left, .hablink-right {
width:5%;
}
}
@media (min-width: 300px) and (max-width: 768px) { /* MOBILE */
body {
background-image:none !important;
}
#habillage-wrapper {
background-image:none;
}
.hablink-left, .hablink-right {
display:none;
}
}
/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup.danpro form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup.danpro h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup.danpro input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup.danpro input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup.danpro input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup.danpro input:focus {border-color:#231f20;}
#mc_embed_signup.danpro .button {
clear: both;
background-color: #F9B233 !important;
border: 0 none;
border-radius: 4px;
transition: all 0.23s ease-in-out 0s;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
height: 35px;
line-height: 35px;
margin: 0 auto 20px auto;
padding: 0 24px;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
width: auto;}
#mc_embed_signup.danpro .button:hover {background-color:#777;}
#mc_embed_signup.danpro .small-meta {font-size: 11px;}
#mc_embed_signup.danpro .nowrap {white-space:nowrap;}
#mc_embed_signup.danpro .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup.danpro .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup.danpro .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup.danpro .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup.danpro .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup.danpro .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#mc_embed_signup.danpro .datefield, #mc_embed_signup.danpro .phonefield-us{padding:5px 0;}
#mc_embed_signup.danpro .datefield input, #mc_embed_signup.danpro .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup.danpro .phonefield-us .phonearea input, #mc_embed_signup.danpro .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup.danpro .datefield .monthfield input, #mc_embed_signup.danpro .datefield .dayfield input{width:30px;}
#mc_embed_signup.danpro .datefield label, #mc_embed_signup.danpro .phonefield-us label{display:none;}
#mc_embed_signup.danpro .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup.danpro .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}
#mc_embed_signup.danpro .clear {clear:both;}
#mc_embed_signup.danpro .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup.danpro .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup.danpro .mc-field-group.input-group label {display:inline;}
#mc_embed_signup.danpro .mc-field-group.input-group input {display:inline; width:auto; border:none;}
#mc_embed_signup.danpro div#mce-responses {
/* top: -1.4em; */
padding: 0;
overflow: hidden;
width: 100%;
/* margin: 0 5%; */
clear: both;
}
#mc_embed_signup.danpro div.response {margin:1em 0; padding:10px; font-weight:bold; z-index:1; width:100%;}
#mc_embed_signup.danpro #mce-error-response {display:none; background-color: #ffe2df;}
#mc_embed_signup.danpro #mce-success-response {color:#529214; display:none; background-color: #bce2c1; }
#mc_embed_signup.danpro label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup.danpro #num-subscribers {font-size:1.1em;}
#mc_embed_signup.danpro #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}
#mc_embed_signup.danpro #mc-embedded-subscribe-form div.mce_inline_error {
display:inline-block; margin:2px 0 0 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup.danpro #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}
#mc_embed_signup.danpro{
background: #f1f1f1;
padding: 15px;
clear:left; font:14px; }
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
#mergeRow-gdpr {margin-top: 20px;}
#mergeRow-gdpr fieldset label {font-weight: normal;}
#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}
#mc_embed_signup.danpro label.checkbox.subfield {
margin-left: 30px;
margin-bottom: 10px;
font-weight: bold !important;
}