/* HTML5 - Boilerplate
+ Normalize
Author: SUPERSONIKS
*/
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(http://cen-hautsdefrance.org/sites/all/themes/tssks/js/libs/boxsizing.htc);
}
/* ------------------------------------------------
ROOT
--------------------------------------------------*/
@font-face {
font-family: 'oswald';
src: url('../font/oswald-light-webfont.eot');
src: url('../font/oswald-light-webfont.eot#iefix') format('embedded-opentype'),
url('../font/oswald-light-webfont.woff') format('woff'),
url('../font/oswald-light-webfont.ttf') format('truetype'),
url('../font/oswald-light-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'oswald';
src: url('../font/oswald-regular-webfont.eot');
src: url('../font/oswald-regular-webfont.eot#iefix') format('embedded-opentype'),
url('../font/oswald-regular-webfont.woff') format('woff'),
url('../font/oswald-regular-webfont.ttf') format('truetype'),
url('../font/oswald-regular-webfont.svg') format('svg');
font-weight: bold;
font-style: normal;
}
/* Web Fonts from fontspring.com
*
* All OpenType features and all extended glyphs have been removed.
* Fully installable fonts can be purchased at http://www.fontspring.com
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Fontspring. The fonts are protected under domestic and international trademark and
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2010-2013 Fontspring
*
*
*
*
* The fonts included are copyrighted by the vendor listed below.
*
* Vendor: Mark Simonson Studio
* License URL: http://www.fontspring.com/fflicense/mark-simonson-studio
*
*
*/
@font-face {
font-family: 'proximanova';
src: url('../font/ProximaNova-Reg-webfont.eot');
src: url('../font/ProximaNova-Reg-webfont.eot#iefix') format('embedded-opentype'),
url('../font/ProximaNova-Reg-webfont.woff') format('woff'),
url('../font/ProximaNova-Reg-webfont.ttf') format('truetype'),
url('../font/ProximaNova-Reg-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'proximanova';
src: url('../font/ProximaNova-Bold-webfont.eot');
src: url('../font/ProximaNova-Bold-webfont.eot#iefix') format('embedded-opentype'),
url('../font/ProximaNova-Bold-webfont.woff') format('woff'),
url('../font/ProximaNova-Bold-webfont.ttf') format('truetype'),
url('../font/ProximaNova-Bold-webfont.svg') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'proximanova';
src: url('../font/ProximaNova-BoldIt-webfont.eot');
src: url('../font/ProximaNova-BoldIt-webfont.eot#iefix') format('embedded-opentype'),
url('../font/ProximaNova-BoldIt-webfont.woff') format('woff'),
url('../font/ProximaNova-BoldIt-webfont.ttf') format('truetype'),
url('../font/ProximaNova-BoldIt-webfont.svg') format('svg');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'proximanova';
src: url('../font/ProximaNova-RegIt-webfont.eot');
src: url('../font/ProximaNova-RegIt-webfont.eot#iefix') format('embedded-opentype'),
url('../font/ProximaNova-RegIt-webfont.woff') format('woff'),
url('../font/ProximaNova-RegIt-webfont.ttf') format('truetype'),
url('../font/ProximaNova-RegIt-webfont.svg') format('svg');
font-weight: normal;
font-style: italic;
}
/* ------------------------------------------------
LAYOUT
--------------------------------------------------*/
/*Colonnage sans goutière*/
.row.no-gutter {margin-left:0; margin-right:0;}
.row.no-gutter > *[class*=col] {padding-left:0; padding-right:0;}
.website-container{position:relative;}
/*Si colonnes vides*/
body.no-menu .website-main ,
.no-sous-menu-container .website-main {width:100% !important;}
@media only screen and (min-width: 992px) {
/* body.no-menu .node-content ,
.no-sous-menu-container .node-content {width:65.3% ;}
body.no-menu .node-aside ,
.no-sous-menu-container .node-aside {width:34.7% ;}*/
}
.no-node-aside .node-content {width:100% !important;}
/* ------------------------------------------------
HEADING / Titrage
--------------------------------------------------*/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6{
font-family : "oswald", Arial, Helvetica, sans-serif;
font-weight : normal;
margin:0;
line-height:1.2em;
}
h1, .h1, .h1-size {font-size:32px;font-weight: bold;}
h2, .h2, .h2-size {font-size:24px;font-weight: bold;}
h3, .h3, .h3-size {font-size:18px;}
h4, .h4, .h4-size {font-size:16px;}
h5, .h5, .h5-size {font-size:15px;}
h6, .h6, .h6-size {font-size:13px;}
.node-texte {margin-left: 20px;}
.node-texte h2,
.node-texte h3, .node-texte h4,
.node-texte h5, .node-texte h6 {color:#000;}
.node-texte h3 {font-size: 20px;}
hr {clear: both;}
.cke_editable h1, .cke_editable h2,
.cke_editable h3, .cke_editable h4,
.cke_editable h5, .cke_editable h6 {margin:20px 0 12px;font-weight: bold;}
.titre-block {
padding:3px 0;margin:1em 0 6px;background:url('../img/titre.png') no-repeat left bottom;
position: relative;color:#666;background-size: 100% 1px;
}
.titre-block a {color:#999;}
.titre-block a:hover{color:#000;}
/* ------------------------------------------------
TYPOGRAPHIE
--------------------------------------------------*/
.text-sm {
font-size: 12px;
line-height: 1.3;
}
blockquote {margin-left:20px;}
blockquote p {margin-top:0;font-size: 15px}
nav ul,
nav ol {list-style: none; list-style-image: none; margin: 0; padding: 0; }
.cke_editable ol,
.cke_editable ul {padding-left: 30px;}
.cke_editable ol,
.cke_editable ul,
p {margin-top:1em;margin-bottom:1em;}
body.cke_editable {background:#fff;padding:0 1em;}
.cke_editable a{text-decoration:underline;}
.cke_editable a:hover {opacity: 0.9;}
.cke_editable a:hover strong{color:#666;}
.cke_editable .btn{text-decoration:none;}
.cke_editable li{margin-bottom:4px;}
.cke_editable li li{margin-bottom:0;}
.cke_editable ul ol,
.cke_editable ol ol {margin:3px 0;list-style-type:lower-alpha ;}
.cke_editable ul ul,
.cke_editable ul ol {margin:3px 0;}
/*
:: Styles de texte, chapo etc
:: Styles à définir dans : ckeditor.styles.js
*/
.chapo{
font-size:16px;
font-family:'oswald', Arial, Helvetica, sans-serif;
color:#6c4182;font-weight: bold;
}
.cke_editable strong{
color:#6c4182;
}
.accroche {
padding:2%;font-size:16px;
font-family:'oswald', Arial, Helvetica, sans-serif;
text-align:center;
font-weight: bold;
color:#6c4182;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.image-100 img,
img.image-100 {width:100%;height:auto;}
.image-gauche {float:left; margin:0 1em 0.5em 0 ;}
.image-droite {float:right; margin:0 0 0.5em 1em ;}
/* Styles complémentaires*/
.cke_editable .clearFloat {clear:both;}
.lt-ie9 .cke_editable img {width: inherit;}
.cke_editable img {max-width:100%;height:auto !important;}
/* Tableaux*/
.cke_editable table {margin:1.5em 0;width:100%;font-size:100%;}
.cke_editable table p {margin:0;}
.cke_editable caption {color:#999;}
.cke_editable table tbody {border:none;}
.cke_editable table th,
.cke_editable table td{vertical-align:middle;padding:5px 10px;font-size:93%;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.cke_editable table tr:last-child td{border-bottom:none;}
.cke_editable table th {background:#fff;border-bottom:4px solid #ccc;font-size:100%;}
.cke_editable table th:first-child,
.cke_editable table td:first-child{border-left:none;}
.cke_editable table tr:nth-child(2n+1){background:#f4f4f4;}
/* ------------------------------------------------
LIENS
--------------------------------------------------*/
a:active,
a:hover { outline : 0; color : #666;text-decoration: none; }
a:focus {text-decoration: none;}
.transition,
a{
-o-transition-property:border-color, color, background-image, background-color, box-shadow, opacity, -o-transform;
-o-transition-duration:0.3s;
-o-transition-timing-function:ease;
-moz-transition-property:border-color, color, background-image, background-color, box-shadow, opacity,-moz-transform;
-moz-transition-duration:0.3s;
-moz-transition-timing-function:ease;
-webkit-transition-property:border-color, color, background-image, background-color, box-shadow, opacity,-webkit-transform;
-webkit-transition-duration:0.3s;
-webkit-transition-timing-function:ease;
-ms-transition-property:border-color, color, background-image, background-color,box-shadow, opacity,-ms-transform;
-ms-transition-duration:0.3s;
-ms-transition-timing-function:ease;
transition-property:border-color, color, background-image, background-color, box-shadow, opacity, transform;
transition-duration:0.3s;
transition-timing-function:ease;
}
.btn-link:hover {text-decoration: none;}
/* ------------------------------------------------
:: FORMULAIRES
--------------------------------------------------*/
/*spé formulaire drupal*/
.form-item {margin:12px 0;}
form .description {color:#666;font-size:85%;}
.form-type-checkbox input[type="checkbox"]{margin:-2px 4px 0 0 ;}
/* ------------------------------------------------
:: DON
--------------------------------------------------*/
#edit-once-amount-free,
#edit-bymonth-amount-free {max-width: 100px;}
.don-montant {margin-bottom:2em;position: relative;padding:0 10px 12px;}
.don-montant .bloc-ombre {padding:0 10px 10px;margin-bottom:10px;position: relative;}
.don-validation {margin-bottom: 2em;}
.don-titre-bloc sup {color:#999;font-size: 16px}
.don-montant label {text-transform: uppercase;font-size: 18px;line-height: 1em;}
.don-montant .form-type-radio label {text-transform: none;font-size: 14px;line-height: auto;}
.don-ou {
padding:5px 0 5px 15px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
margin:15px 10px;
clear:both;
}
.infos-fond-dotation {clear: both;padding-top:5px;}
.infos-fond-dotation a{color:#666;text-decoration:none;}
.infos-fond-dotation a:hover{color:#004494;}
.form-item-civilite label {display: block;}
.form-item-civilite select {max-width: 150px}
.form-radios .form-item {margin:0 15px 0 0;}
.mini-hr {margin:8px 0;}
.confirmation-message {margin-bottom:10px;}
.confirmation-message small {display: block;line-height: 1.2em;}
.vie-privee-container {clear:both;margin-bottom: 20px;}
.vie-privee {font-size: 13px;line-height: 1.2;}
/* ------------------------------------------------
:: Login
--------------------------------------------------*/
#user-login {margin: 2em auto 3em;width:90%;max-width:400px;}
#user-login input[type="password"],
#user-login input[type="text"] {width:100%;}
.form-type-checkbox input[type="checkbox"] {margin-top: -2px; margin-right:5px;}
/* ------------------------------------------------
:: BANNIERE / HEADER
--------------------------------------------------*/
.website-header{
position:relative;z-index: 2;padding-top:10px;
margin-bottom: 10px;
}
.website-header .slider-bandeau ul,
.website-header .slider-bandeau li,
.website-header .slider-bandeau-container,
.website-header .slider-bandeau {
position: absolute;top:0;left: 0;right: 0;bottom:0;height: 100% !important;z-index: 0}
.slider-bandeau li{
background:no-repeat center top;
background-size: cover;
}
/*LOGO*/
.website-logo {
margin-top:20px;
text-align:center;
padding:15px;background:#fff;
max-width: 240px;
position: relative;
}
.website-logo a{max-width: 100%;}
.logo-federation {
float: right;
max-width: 160px;
background-color: #fff;
padding: 8px 10px;
margin-right: 10px;
position: relative;
z-index: 10;
margin-left: 1px;
}
.website-logo:after {
position: absolute;
content: "";display: block;
right: -30px;
bottom:0;
top: 0;
width: 30px;
z-index: 0;
background:url(../img/biseau.png) no-repeat left bottom;
}
.logo-federation .tooltip{white-space: nowrap;}
.site-baseline {
color:#fff;
font-size: 26px;
margin:10px 0 35px 88px;
max-width: 450px;
text-shadow:0 0 10px rgba(0,0,0,0.5);
}
.site-baseline span {
font-size: 75%;
display: block;
text-transform: uppercase;
}
.ombre-droite,
.ombre-gauche {
display: none !important;
}
/*
.website-logo:before {
background-color: #fff !important
}
*/
.website-banner {
background-color: transparent !important;
}
/* ------------------------------------------------
:: NAVIGATION
--------------------------------------------------*/
/*Menu langue*/
.menu-langue a{float:left;width: 43px;text-align: center;height: 35px;line-height: 35px;}
/*Masque le bouton de langue active sur la page*/
html[lang="fr"] .menu-langue-francais,
html[lang="en"] .menu-langue-anglais{display: none;}
.menu-langue a:hover{background-color: #000;}
/*Menu Principal*/
.main-menu-container{margin-bottom:15px;position: relative;}
.main-menu{
font-family:"oswald", helvetica, arial, sans-serif;
width: 100%;position: relative;
}
.main-menu a{
min-height: 58px;/*tablette*/
float:left;width:25%;
color:#fff;
text-decoration:none;
font-weight: bold;
text-transform: uppercase;
padding:5px 5px 5px 24px;
font-size:17px;position: relative;
background-color: #79b51c;
}
.main-menu a:hover{background-color:#222;}
.main-menu a.active{background-color:#fff;}
.main-menu .fcen-icon{position: absolute;left: 6px;top: 8px;}
.fcen-icon {
background:url('../img/fcen-icon_v-2.png') no-repeat top left;
display: inline-block;width: 13px;height: 17px;
}
.fcen-icon.active{
background-position:0 -20px ;
}
/*Sous navigation (niveau 2)*/
.sous-menu {}
.sous-menu a{
display:block;
text-decoration:none;
position: relative;
color:#888;
padding-left:10px ;
}
.sous-menu a:hover{color:#79B51C;}
.sous-menu i{opacity:0.4;position: absolute;left: 1px;top:1px;}
.sous-menu a.active i,
.sous-menu a:hover i{opacity: 1;}
.sous-menu li ul{
padding:8px 10px;
display:none;
background:url('../img/ombre-menu.png') no-repeat left bottom ;
}
.sous-menu > ul > li {
margin:17px 0;
}
.sous-menu li li {margin-bottom:3px;font-size: 85%;}
.sous-menu li li a {
font-size:100%;
padding:0;text-transform:none;
border:none;display: inline-block;
}
/*Sous-rubrique active*/
.sous-menu li.active > ul{display:block;}
/*Menu Haut*/
.menu-haut {background:#fff;}
.menu-haut a{color:#888;background:#fff;padding:6px 8px;display: block;float: left;}
.menu-haut a:hover,
.menu-haut a.active{color:#000;}
/* .menu-haut .menu-icon-file-alt,
.menu-haut .menu-icon-lock {background:#79B51C;color:#fff;font-weight: bold;}
*/ /*Menu Colonne*/
.menu-colonne {padding-top:8px;margin-bottom: 1em;}
.menu-colonne .row{margin:0 -2px;}
.menu-colonne .col{padding:0 2px 4px;}
.menu-colonne .col:last-child:nth-child(odd){
width: 100% !important;
text-transform: uppercase;
font-weight: bold;
}
.menu-colonne .menu-icon{width: 20px;text-align: center;display: inline-block;}
.menu-colonne a {display: block;padding:7px 5px 7px 6px;}
.menu-colonne a:hover{background: #222}
.menu-colonne a.active{background-color: #fff;}
/*Menu Mobile */
#menu-mobile-bouton {background:#79B51C;border-color:#79B51C;margin-right: 10px;}
#menu-mobile-bouton:hover{background:#598D09;border-color:#598D09;}
#menu-mobile-container {display:none;}
#jPanelMenu-panel {height:0;}
.menu-mobile-container {background:#222;height: 0;overflow-y :auto;}
.menu-mobile {border-bottom:5px solid rgba(255, 255, 255, 0.2);font-size:93%;}
.menu-mobile-footer-main-menu .menu-mobile-niveau-1{
font-family:"oswald", helvetica, arial, sans-serif;
font-weight: bold;font-size:120%;
}
/* BOUTON DEPLIER NAV INFERIEURE */
.menu-mobile-deplier {position: relative;}
.deplier-bouton {
border-left:1px solid rgba(255,255,255,0.2);
color:rgba(255,255,255,0.5);
position: absolute;
right: 0;top: 0;bottom: 1px;
padding:10px 13px 0;
}
.deplier-bouton:hover,
.deplier-bouton.active { background:rgba(0,0,0,0.2);color:#fff;}
.deplier-bouton.active .icon-chevron-down {display:none;}
.deplier-bouton .icon-chevron-up {display:none;}
.deplier-bouton.active .icon-chevron-up {display:inline-block;}
/*niveau 1*/
.menu-mobile .menu-mobile-niveau-1 {
padding:10px 50px 10px 11px;
color:#eee;display: block;
border-bottom:1px solid rgba(255,255,255,0.2);
}
.menu-mobile .menu-mobile-niveau-1:hover{color:#79B51C;}
.menu-mobile li.active .menu-mobile-niveau-1,
.menu-mobile .menu-mobile-niveau-1.active{ background:#79B51C;color:#fff; }
/*niveau 2*/
.menu-mobile-1 > ul{
list-style-type:square;
color:#888;display:none;
padding:10px 10px 10px 28px;
margin:0;
border-bottom:1px solid rgba(255,255,255,0.2);
background:#222;
}
.menu-mobile-2 > ul{
margin-bottom:3px;
list-style-type:circle;
padding:5px 0 7px 10px ;
}
.menu-mobile-2 a:hover{color:#79B51C;}
.menu-mobile-2 li.active > a{color:#79B51C;}
.menu-mobile-2 li.active > a,
.menu-mobile-2 a.active {color:#79B51C;}
/*niveau 3 */
.menu-mobile-2 ul {border-bottom:none;}
.menu-mobile-2 ul{padding-left:20px;padding-top:7px;}
.menu-mobile li.active ul {font-size:12px;}
.menu-mobile li li a{ color:#bbb; margin:2px 0; display:block;}
/* ------------------------------------------------
:: FOOTER DU SITE
--------------------------------------------------*/
.website-footer {margin-top:20px;padding:2px 0;}
/* .website-footer > .container {display: table;} */
/*Menu Footer */
/* .menu-footer {display: table-cell;vertical-align: bottom;overflow: hidden;} */
.menu-footer li {
display:inline-block;border-left:1px solid #fff;
padding:0 13px;line-height: 0.8em;height: 0.8em;
margin-left: -1px;
}
.menu-footer li:first-child {border:none;}
.menu-footer a{color:#fff;font-size: 85%;vertical-align: bottom;}
.menu-footer a:hover,
.menu-footer a.active{color:#000;}
.footer-principal {position:relative;}
/*Plan du site dans le footer*/
.footer-plan-du-site-container {position:relative;padding:0.5em;border-top:1px dashed #ddd;}
.footer-plan-du-site-container a{color:#79B51C;}
.footer-plan-du-site-1 a {color:#666}
.footer-plan-du-site-container a:hover {color:#000}
.footer-main-menu .footer-plan-du-site-0 {float:left;width:16.5%;padding:1em 5px;}
.footer-plan-du-site-1 {font-weight:normal;font-size:85%;line-height: 1.2em;margin:3px 0;}
.footer-menu-footer,
.footer-menu-haut {float:left;width:16.5%;padding-top:1em;}
/* ------------------------------------------------
LISTE PARTENAIRES
--------------------------------------------------*/
.liste-partenaires-container {
display: table-cell;
vertical-align: bottom;
text-align: right;
}
.liste-partenaires-titre {
display: inline-block;
vertical-align: bottom;
font-size: 85%;
}
.liste-partenaires {
display: inline-block;
background-color: #fff;
}
.liste-partenaires a {
display: inline-block;
padding: 2px 5px;
}
.liste-partenaires img {
max-height: 40px;
}
@media screen and (max-width: 991px) {
.website-footer {padding: 4px 0 12px;}
.website-footer > .container,
.menu-footer,
.liste-partenaires-container,
.liste-partenaires-titre {
display: block;
text-align: center;
}
.menu-footer{margin-bottom: 12px;}
}
/* ------------------------------------------------
PLUGINS
--------------------------------------------------*/
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flexslider a {-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative;zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {zoom: 1; position: relative;}
/* Direction Nav */
.flex-direction-nav li a {
width: 40px;
height: 40px;
line-height: 40px;
margin-top: -25px;
top: 50%;
text-align:center;
display: block; position: absolute;
z-index: 3;
cursor: pointer;
color:#fff;border:1px solid #fff;
}
.flex-direction-nav li a:hover{background-color:rgba(255,255,255,0.2);}
.flex-direction-nav li .flex-next {right:10px;}
.flex-direction-nav li .flex-prev {left:10px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {
width: 100%; text-align: center;margin-top:7px;position: relative;z-index: 2;
-webkit-transform : translate3d(0,0,0);
-moz-transform : translate3d(0,0,0);
-o-transform : translate3d(0,0,0);
-ms-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {
border-radius:30px;width: 15px; height: 15px; display: block;
cursor: pointer;text-indent: -9999px;overflow:hidden;
border:2px solid #000;
}
.flex-control-nav li a:hover {background:rgba(150,150,150,0.4);}
.flex-control-nav li a.flex-active { cursor: default;background:#000;border-color:#000;}
/*Navigation personnalisée*/
.slider-custom-nav {}
.slider-custom-nav a{}
.slider-custom-nav a:hover{}
.slider-custom-nav a.flex-active{}
/*image*/
.slides .image-link{display:block;}
/* ------------------------------------------------
:: OWL SLIDER
--------------------------------------------------*/
.owl-carousel-overflow {overflow:hidden; position: relative;}
/*Custom navigation*/
.owl-custom-next,
.owl-custom-prev {
position: absolute;
top:40%;
background:#fff;z-index:2;
color:#ccc;
line-height:45px;
height:45px;
width: 35px;
padding-top:7px;
}
.owl-custom-next:hover ,
.owl-custom-prev:hover {color:#666;}
.owl-custom-prev {
left:0;text-align:right;padding-right:10px;
-webkit-transform : translate3d(-40px,0,0);
-moz-transform : translate3d(-40px,0,0);
-o-transform : translate3d(-40px,0,0);
-ms-transform : translate3d(-40px,0,0);
transform : translate3d(-40px,0,0);
}
.owl-custom-next {
right:0;text-align:left;padding-left:10px;
-webkit-transform : translate3d(40px,0,0);
-moz-transform : translate3d(40px,0,0);
-o-transform : translate3d(40px,0,0);
-ms-transform : translate3d(40px,0,0);
transform : translate3d(40px,0,0);
}
.owl-carousel-overflow:hover .owl-custom-next,
.owl-carousel-overflow:hover .owl-custom-prev {
-webkit-transform : translate3d(0,0,0);
-moz-transform : translate3d(0,0,0);
-o-transform : translate3d(0,0,0);
-ms-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
}
/*pagination*/
.owl-controls {
width: 100%;
text-align: center;
margin-top:10px;
position: relative;z-index: 2;
-webkit-transform : translate3d(0,0,0);
-moz-transform : translate3d(0,0,0);
-o-transform : translate3d(0,0,0);
-ms-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
}
.owl-page {
border-radius:30px;width: 15px; height: 15px; display: inline-block;
cursor: pointer;text-indent: -9999px;overflow:hidden;
background:#eee;box-shadow:0 1px 2px rgba(0,0,0,0.2) inset;margin:0 3px;
}
.owl-page:hover {background:#ccc;}
.owl-page.active { cursor: default;background:#888;}
/*------------------------------------------------
::
:: Elements de base (liens sur image, fil d'ariane, etc )
::
--------------------------------------------------*/
/*--------------------------------------------------
:: BLOC OMBR
--------------------------------------------------*/
.bloc-ombre {
background:#fff;
/*box-shadow:
-58px -58px 10px -50px #fff,
58px -58px 10px -50px #fff,
0 2px 8px #ccc;*/
box-shadow:0 4px 8px -2px #CCC;
display: block;
}
a.bloc-ombre:hover {
box-shadow:0 5px 8px -3px #666;
}
.bloc-ombre.mosaique-item figure {margin-bottom: 0;}
.bloc-ombre .mosaique-texte {padding:8px;}
/*--------------------------------------------------
:: lien-icone
--------------------------------------------------*/
a.lien-icone {
text-transform: uppercase;font-size: 11px;color:#aaa;
font-family: 'proximanova','helvetica',arial, sans-serif;}
a.lien-icone:hover {color:#000;}
.titre-block a.lien-icone {position: absolute;right: 0;top:6px;}
/*--------------------------------------------------
:: BLOC don
--------------------------------------------------*/
.bloc-don {padding:10px;color:#999;margin-bottom:12px;}
.bloc-don p{margin:5px 20px -10px 0;padding-left:60px;font-size: 85%;max-width: 350px;}
.bloc-don:hover h2{color:#000;}
.bloc-don h2 {margin:0 0 5px;padding-left:60px;position: relative;}
.bloc-don h2 i{position: absolute;left: 0;top:0;}
/*--------------------------------------------------
:: BLOC SLIDER CEN
--------------------------------------------------*/
.titre-bloc-bande {display: block;padding:3px 4px;}
a.titre-bloc-bande:hover {background-color:#222;}
.slider-conservatoires.flexslider {display: block;}
.slider-conservatoires.flexslider li {text-align: center;}
.slider-conservatoires.flexslider li a{display:block;padding:10px;}
.slider-conservatoires.flexslider li img {width: auto;max-width: 100%;}
.slider-conservatoires-container .flex-direction-nav a{
color:#fff;border:none;background:none;
line-height:1.2em;position: absolute;margin:0;
height: auto;width:auto;
}
.slider-conservatoires-container .flex-direction-nav .flex-next{right:10px;top:4px;}
.slider-conservatoires-container .flex-direction-nav .flex-prev{right:33px;top:4px;left: auto;}
.slider-conservatoires-container .flex-direction-nav a:hover{
color:#fc0;background: none;border:none;
}
/* ------------------------------------------------
:: liens avec un picto (flèches ect.)
--------------------------------------------------*/
.lien-picto {display:inline-block;}
.lien-picto:hover {color:#79B51C }
.lien-picto .sprite-ir {
display:inline-block;
width: 11px;
height: 11px;
position: relative;
top: 1px;
background:url(../img/sprite-main.png) no-repeat -293px -10px;
-webkit-transition:all 0.3s ease;
-moz-transition :all 0.3s ease;
-o-transition :all 0.3s ease;
-ms-transition :all 0.3s ease;
transition :all 0.3s ease;
}
.lien-picto:hover .sprite-ir { background-position: -282px -10px;}
/* ------------------------------------------------
:: Breadcrumbs - Fil d'ariane
--------------------------------------------------*/
.fil-ariane .breadcrumb{margin:0 0 15px;padding:0 10px;background:transparent;font-size: 85%;}
.fil-ariane .breadcrumb a{color:#999;}
.fil-ariane .breadcrumb a:hover{color:#666;}
/* ------------------------------------------------
:: Retour / Précédent
--------------------------------------------------*/
.retour-lien {margin-top: -6px;}
/*-------------------------------------------------
:: Images & Transition pour images entourés d'un lien
--------------------------------------------------*/
figure img,
figure object,
figure embed,
.image-container img,
.image-link img {
max-width:100%;
}
figure ,
.image-container ,
.image-link {
max-width:100%;
-webkit-transform : translate3d(0,0,0);
-moz-transform : translate3d(0,0,0);
-o-transform : translate3d(0,0,0);
-ms-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
}
.image-link {position:relative;display:inline-block;max-width:100%;}
a:hover figure,
.image-link:hover {opacity:0.85;text-decoration:none;}
/*-------------------------------------------------
:: Images pleines dans figure
--------------------------------------------------*/
figure.image-pleine a,
figure.image-pleine img {width: 100%;}
/*-------------------------------------------------
:: EFFET DE ZOOM SUR IMAGE
--------------------------------------------------*/
.effet-zoom img{
-webkit-transition: all .5s;
-moz-transition : all .5s;
-o-transition : all .5s;
-ms-transition : all .5s;
transition : all .5s;
}
.csstransitions a.effet-zoom figure,
.csstransitions .image-link.effet-zoom {overflow: hidden;}
.csstransitions a.effet-zoom:hover figure img,
.csstransitions .image-link.effet-zoom:hover img{
opacity:1;
-webkit-transform :scale(1.1) translate3d(0,0,0);
-moz-transform :scale(1.1) translate3d(0,0,0);
-o-transform :scale(1.1) translate3d(0,0,0);
-ms-transform :scale(1.1) translate3d(0,0,0);
transform :scale(1.1) translate3d(0,0,0);
}
/*-------------------------------------------------
:: Addthis Barre de partage
--------------------------------------------------*/
.addthis_toolbox {min-height:20px;}
.addthis_toolbox > a {height:20px;overflow:hidden;margin:0 0 4px;}
.addthis_button_facebook_like {width:105px;}
.addthis_button_tweet {width:115px;}
.addthis_button_google_plusone {width:85px;}
.bloc-partage {margin:15px 0;position: relative;}
.bloc-partage .addthis_toolbox{
padding:12px 5px 8px 5px;background-color: #ddd;}
/* old */
/* .bloc-partage .social-page-lien{
position: absolute;
right: 0;
color: #fff;
width: 105px;
border-left: 1px solid #FFF;
padding: 7px 8px;
}
.bloc-partage .social-page-lien:hover{background-color: #222;}
.bloc-partage .social-page-lien i{
margin-right: 4px;
}
.bloc-partage .facebook-page-lien{
top: 0;
bottom: 50%;
background-color: #3b5997;
}
.bloc-partage .twitter-page-lien{
top: 50%;
bottom:0;
background-color: #1b95e0;
} */
.bloc-partage-reseaux {
font-size: 0;
margin-bottom: 1px;
}
.bloc-partage .social-page-lien{
padding: 7px 5px;
text-align: center;
color: #fff;
border-right: 1px solid #fff;
display: inline-block;
width: 33.333333%;
}
.bloc-partage .social-page-lien:last-child{
border-right: 0;
}
.bloc-partage .social-page-lien:hover{
background-color: #222;
}
.bloc-partage .social-page-lien i{
margin-right: 4px;
}
.bloc-partage .facebook-page-lien{
background-color: #3b5997;
}
.bloc-partage .twitter-page-lien{
background-color: #1b95e0;
}
.bloc-partage .instagram-page-lien{
background-color: #ac3c74;
}
/*------------------------------------------------
:: Commentaires facebook responsive
--------------------------------------------------*/
.fb-comments {margin:1.5em 0;}
.fb-comments > span,
.fb-comments,
.fb-comments iframe{width:100% !important;}
/*------------------------------------------------
:: Like box
--------------------------------------------------*/
.facebook-like-box-container {margin:0 0 1.2em;}
/*------------------------------------------------
:: Block Newsletter
--------------------------------------------------*/
.form-newsletter-titre {
position: relative;
padding-left: 35px;
margin-bottom:5px;
}
.form-newsletter-texte {
margin:5px 20px 10px 11px;
line-height: 1.2;
font-size: 13px;
max-width: 275px;
}
.form-newsletter-titre i {
position: absolute;
left: 0;
top: 0;
font-size: 42px;
}
.form-newsletter-container {margin:15px 0 10px;box-shadow: 0 0 3px #aaa;padding:15px 15px;background:#f5f5f5;
border:5px solid #fff;}
.form-newsletter {position:relative;}
#newsletterresult {display:none;margin-bottom:10px;}
/*------------------------------------------------
:: Blocks vidéos youtube dailymotion etc. responsive
--------------------------------------------------*/
.video-block { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-block iframe,
.video-block object,
.video-block embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.youtube-video-block{ padding-top: 30px; }
/*------------------------------------------------
:: Retour haut de page
--------------------------------------------------*/
.retour-haut {
position: fixed;
bottom: 20px;
right: 20px;
cursor: pointer;
z-index: 20;
width:36px;
height:36px;
background-position:-104px 0;
display:none;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
.retour-haut:hover {opacity:0.9;}
/*------------------------------------------------
:: Plan du site
--------------------------------------------------*/
.plan-site {margin-bottom:1em;}
.plan-site-menu {list-style-type:none;padding:1em 0;margin:0;border-bottom: 1px dotted #DDD;}
.plan-site-menu:last-child {border:none;}
.plan-premier-niveau h5 {margin-bottom:5px;}
.plan-premier-niveau ul {font-size: 93%;margin-bottom:1em;margin-left: 5px;}
.plan-second-niveau a{color:#999;}
.plan-second-niveau a:hover{color:#000;}
/*------------------------------------------------
:: Loader Ajax
--------------------------------------------------*/
.website-container .ajax-progress {
position:fixed;top:50%;left:50%; display: inline-block;z-index:9999;
margin: -34px 0 0 -34px;
padding:7px;
border-radius:50px;
overflow: hidden;
background:#fff;
box-shadow:0 0 6px #666;
}
.website-container .ajax-progress .throbber {
background: transparent url(../img/ajaxLoader.gif) !important;
height: 43px;
width: 43px;
}
.website-container .ajax-progress .throbber + * {
display:none;
}
/*------------------------------------------------
::
:: LISTE DE NODE
::
--------------------------------------------------*/
.node-liste-container {margin-bottom: 1.2em;}
.node-liste {clear: both;}
.node-liste-header {
display: table;width: 100%;
}
.liste-filtre-container,
.liste-affichage-container {
display: table-cell;
vertical-align: bottom;
}
.liste-filtre-container {padding-right:20px;}
.liste-affichage-container {white-space: nowrap;}
.node-liste-sub-header .btn{text-transform: uppercase;}
.node-liste-sub-header-titre {display:inline-block;margin-right: 10px}
.node-liste-sub-header-titre a{color:#000;}
.node-liste-sub-header-titre a:hover{color:#666;}
/*------------------------------------------------
:: AFFICHAGE Bouton
--------------------------------------------------*/
.liste-affichage {text-align:right;margin-bottom: 10px;}
.liste-affichage a {display:inline-block;margin-left:0.5em;color:#aaa;line-height: 0.8}
.liste-affichage a:hover,
.liste-affichage a.active{color:#000;}
.liste-affichage a span {display: none;}
.liste-affichage a:before {
display:inline-block;
font-size: 28px;
font-family: "FontAwesome";position: relative;
}
.affichage-mosaique-bouton:before {content:"\f009";top:3px;}
.affichage-liste-bouton:before {content:"\f00b";top:3px;}
.affichage-carte-bouton:before {content:"\f041";top:1px;}
.affichage-planning-bouton:before {content:"\f0cb";top:2px;}
.affichage-calendrier-bouton:before {content:"\f073";}
/*------------------------------------------------
:: AFFICHAGE Bouton
--------------------------------------------------*/
.liste-filtre {margin-bottom: 1.2em;}
.liste-filtre .btn {margin-bottom: 4px;float: left;margin-right: 4px;}
.liste-filtre:last-child {margin-bottom: 10px;}
.liste-filtre-titre {margin-bottom: 3px}
.backgroundsize .type_terrain .btn:before{
content: "";
display: inline-block;
margin-right: 0px;
width: 12px;
background: url('../img/pointeur_62.png');
background-size: 100% auto;
height: 17px;
vertical-align: middle;
position: relative;
top: -1px;
}
.backgroundsize .type_terrain .filtre-51:before{
background-image: url('../img/pointeur_51.png');
}
.backgroundsize .type_terrain .filtre-53:before{
background-image: url('../img/pointeur_53.png');
}
.backgroundsize .type_terrain .filtre-55:before{
background-image: url('../img/pointeur_55.png');
}
.backgroundsize .type_terrain .filtre-57:before{
background-image: url('../img/pointeur_57.png');
}
.backgroundsize .type_terrain .filtre-61:before{
background-image: url('../img/pointeur_61.png');
}
.backgroundsize .type_terrain .filtre-62:before{
background-image: url('../img/pointeur_62.png');
}
.backgroundsize .type_terrain .filtre-63:before{
background-image: url('../img/pointeur_63.png');
}
.backgroundsize .type_terrain .btn:first-child:before{
display: none;
}
.btn-default.active {background:#f5f5f5;box-shadow: none;border-color:#555;color:#000;}
/*------------------------------------------------
:: AFFICHAGE Mosaique
--------------------------------------------------*/
.mosaique-item {
background:#fff;
display:block;
margin: 10px 0;
}
.mosaique-date {margin-top:10px;font-size: 11px;color:#999;display: block;}
.liste-date-evenement,
.mosaique-date-evenement {
color:#000;
margin:0 0 6px;
display:block;
line-height: 1.2;
}
.mosaique-theme-container {height:22px;margin-bottom:3px;border-bottom:1px dotted #ccc;}
.mosaique-theme {}
.mosaique-titre {color:#222;}
.mosaique-texte {color:#666;}
.mosaique-resume {font-size:85%;margin:5px 0 0 ;}
.mosaique-item:hover .mosaique-titre {color:#666;}
.mosaique-item figure {
margin-bottom: 8px;
overflow: hidden;
position:relative;
top: 0;left: 0;
-webkit-transition:all 0.3s ease;
-moz-transition :all 0.3s ease;
-o-transition :all 0.3s ease;
-ms-transition :all 0.3s ease;
transition :all 0.3s ease;
}
.mosaique-item img {
display: block;
-webkit-transition: opacity 0.3s ease;
-moz-transition : opacity 0.3s ease;
-o-transition : opacity 0.3s ease;
-ms-transition : opacity 0.3s ease;
transition : opacity 0.3s ease;
}
.resume-ellipsis {color:#ccc;}
/*------------------------------------------------
:: AFFICHAGE LISTE
--------------------------------------------------*/
.node-liste-container article:first-child .liste-item {border-top:none;}
.liste-item {clear:both;padding:1.2em 1em;border-top:1px dashed #ddd;display:block;}
.liste-preheader{border-bottom:1px dotted #ccc ;margin-bottom:6px;}
.liste-image {float:left;width:28%;margin-right:2%;overflow:hidden;}
.liste-texte {float:right;width:70%;color:#666;}
.liste-titre {color:#222;}
.liste-item:hover .liste-titre {color:#666;}
.liste-resume {font-size:93%;margin:8px 0 0;}
.liste-date {color:#999;}
.liste-date-evenement {color:#000;margin-bottom: 5px;}
.small-node-liste .liste-item {float:left;width:50%;}
/*------------------------------------------------
:: AFFICHAGE CARTE
--------------------------------------------------*/
.node-liste-carte ,
.node-liste-carte .google-maps-container {clear:both;width:100%;height:550px;background:#eee;}
.google-maps-container img {max-width: none;}
.bubblemap-container .image-link img,
.bubblemap-container figure img {max-width:100%;}
.node-google-maps-container *,
.google-maps-container *{
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box ;
}
.bubblemap-container,
.bubblemap-container *{
-moz-box-sizing: border-box ;
-webkit-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(http://cen-hautsdefrance.org/sites/all/themes/tssks/js/libs/boxsizing.htc);
}
.node-google-maps-container ul,
.google-maps-container ul{list-style:none;margin:0;padding:0;}
.bubblemap-container {overflow:hidden;}
.bubblemap-container a.btn-google-maps {display: block;}
/*Slider carte*/
.slider-carte-overflow {width:200px;}
.slider-carte-container {margin:0 -5px;}
.slider-carte-container .owl-next,
.slider-carte-container .owl-prev {display:inline-block;}
.slider-carte-container .owl-buttons {margin-left:20px;}
.slider-carte-container .owl-buttons .disabled {opacity:0.3;}
.slider-carte-container .owl-buttons .disabled:hover .btn {cursor:default;}
.slider-carte-container .item{padding:0 5px;}
.map-lien {display:block;position: relative;overflow: hidden;color:#666;}
.map-image {margin-bottom:8px;}
.map-date {color:#999;}
.map-titre {margin:6px 0;color:#222;}
.map-resume {display:none;line-height: 1.3;margin:8px 0 0;}
.map-lien:hover .map-date-evenement {color:#222;}
.map-lien:hover .map-titre {color:#666;}
/*------------------------------------------------
:: Conservatoires
--------------------------------------------------*/
.liste-conservatoires .map-image {padding:10px 5px;}
.liste-conservatoires .slider-carte-overflow {width: 250px;}
.liste-conservatoires .map-titre,
.liste-conservatoires .map-date,
.liste-conservatoires .liste-preheader {display:none;}
/*------------------------------------------------
:: Agenda carte
--------------------------------------------------*/
.liste-agenda .map-resume {display:block;}
.liste-agenda .map-date-evenement {margin-top:8px;}
.liste-agenda .filtre-77 {display: none;}
/*------------------------------------------------
:: AFFICHAGE Calendrier
--------------------------------------------------*/
.node-liste.vue-calendrier {margin-bottom: 20px;}
/*------------------------------------------------
:: Fichiers mosaique
--------------------------------------------------*/
.liste-fichiers-mosaique .mosaique-texte {padding:10px;}
/*------------------------------------------------
:: Actualités
--------------------------------------------------*/
.liste-actualites .liste-filtre-titre {display:none;}
.liste-actualites .mosaique-item.bloc-ombre {box-shadow: none;}
.liste-actualites .bloc-ombre .mosaique-texte {padding:0;}
.liste-actualites .bloc-ombre.mosaique-item figure {margin-bottom: 8px;}
/*------------------------------------------------
:: Actualités
--------------------------------------------------*/
.liste-enfants article {width: 50%;float: left;}
.liste-enfants .mosaique-theme-container,
.liste-enfants .agenda-item-lieu,
.liste-enfants .mosaique-date {display:none;}
/*------------------------------------------------
:: Mediatheque
--------------------------------------------------*/
.liste-mediatheque .liste-filtre {float: left;margin-right: 20px;}
.liste-mediatheque .row {margin-left:-1px;margin-right: -1px;}
.liste-mediatheque article {padding:1px;}
.mediatheque-item {display: block;}
.mediatheque-item.document:before,
.mediatheque-item.video:before {
font-family: "FontAwesome";
position: absolute;
content:'\f04b';
color:#fff;
display: block;
font-size: 70px;
line-height: 1em;
margin-top:-0.5em;
top:50%;
left:0;right: 0;text-align:center;
z-index: 1;
}
.mediatheque-item.document:before {
content:'\f15c';
}
.mediatheque-infos {color:#555;}
.mediatheque-texte {
-moz-transform :scale(0.94);
-ms-transform :scale(0.94);
-o-transform :scale(0.94);
-webkit-transform:scale(0.94);
transform :scale(0.94);
opacity:0;
color:#000;
position: absolute;
z-index: 2;
bottom: 10px;
background: rgba(255, 255, 255, 0.8);
left: 10px;
right: 10px;
padding: 10px;
}
.mediatheque-item:hover .mediatheque-texte{
-moz-transform :scale(1);
-ms-transform :scale(1);
-o-transform :scale(1);
-webkit-transform:scale(1);
transform :scale(1);
opacity:1;
}
/*------------------------------------------------
:: AGENDA mosaiques
--------------------------------------------------*/
.agenda-mosaique-item-container.no-image figure {display:none !important;}
.agenda-mosaique-item-container.no-image .agenda-item-texte-container {width:100%;}
.agenda-item {
display: block;
margin-bottom:20px;
color:#666;position: relative;
}
.agenda-item-texte{
padding:10px;
}
.mosaique-item-lieu,
.agenda-item-lieu {text-transform: uppercase;color:#999;font-size: 11px;margin-bottom: 2px;}
.agenda-item-date-evenement {font-weight: bold;
border-bottom:1px dotted #aaa;margin-bottom:8px;
padding-bottom: 4px;
}
.agenda-item-titre {color:#000;margin-top:3px;line-height: 1.1em}
.agenda-item-resume {font-size: 85%;margin:5px 0 0;}
.agenda-item-theme {
color:#999;
}
.agenda-item:hover .agenda-item-date-evenement { color:#333; }
/*------------------------------------------------
:: Annuaire
--------------------------------------------------*/
.node.conservatoire .lien-annuaire-conservatoire {display:none;}
.annuaire-form {margin-bottom:1em;}
.annuaire-form h3 {margin-bottom: 5px;}
.annuaire-form.active h3 {color:#B720A8;}
.annuaire-form.active select,
.annuaire-form.active input[type=text]{
border:1px solid #B720A8;
}
.annuaire-form .form-group {
width: 60%;display:inline-block;
}
.annuaire-bloc {
font-size: 12px;line-height: 1.2;margin-bottom:20px;
padding:10px;word-wrap:break-word;
}
.annuaire-bloc-image {
margin-right:10px;
}
.annuaire-bloc h3,
.annuaire-bloc p {margin:6px 0;}
.annuaire-bloc a{text-decoration: none;}
.annuaire-bloc .annuaire-conservatoire-info {font-size: 15px;margin-bottom: 12px;}
.annuaire-bloc .annuaire-antenne {color:#888;}
/*------------------------------------------------
:: Widget agenda
--------------------------------------------------*/
.slider-agenda .agenda-item{margin:0 0 8px;}
.slider-agenda-container {margin:0 -5px;}
.slider-agenda {margin:5px 0;}
.slider-agenda .item {
margin:0 10px ;
}
.slider-agenda .owl-controls {margin-top:4px;}
/*------------------------------------------------
:: AFFICHER PLUS
--------------------------------------------------*/
.afficher-plus-bouton {
clear:both;
background:#eee;color:#666;
text-align:center;display:block;
padding:1em ;
text-transform:uppercase;
}
.afficher-plus-bouton:hover {
background:#ddd;color:#000;
}
/*------------------------------------------------
:: Liste publications
--------------------------------------------------*/
.liste-publications .liste-item {border:none;margin-bottom:20px;padding:10px;max-width: 420px}
.liste-publications .liste-resume {font-size: 85%}
.liste-publications .liste-preheader {display: none;}
/*------------------------------------------------
:: Liste enfants
--------------------------------------------------*/
.liste-enfants .mosaique-date,
.liste-enfants .mosaique-resume{display: none;}
/* ------------------------------------------------
:: Elmement separe
--------------------------------------------------*/
.element-separe:after {content:" | ";color:#ddd;font-weight: normal;}
.element-separe-tiret:after {content:" - ";}
.element-separe-slash:after {content:" / ";}
.element-separe-virgule:after {content:", ";}
.element-separe-tiret:last-child:after,
.element-separe-slash:last-child:after,
.element-separe-virgule:last-child:after,
.element-separe-tiret:last-child:after,
.element-separe:last-child:after {content:"";}
/*------------------------------------------------
::
:: NODE : gabarits génériques + pages spécifiques
::
--------------------------------------------------*/
.node-titre {margin-bottom:20px;color:#79B51C;}
.has-date-affichage .node-info-date-lieu,
.has-lieu-affichage .node-info-date-lieu {margin:-12px 0 20px;}
.has-theme .node-preheader,
.site .node-preheader ,
.actualite .node-preheader {
border-bottom:1px dotted #ccc;
margin-bottom: 12px;
margin-top: -12px;
color:#ccc;
}
/*------------------------------------------------
:: Illustration
--------------------------------------------------*/
.node-illustration {margin-bottom:20px;max-height: 300px;overflow: hidden;}
.node-illustration img{display: block}
.has-ged-image .node-texte ol,
.has-ged-image .node-texte ul{list-style-position: inside;}
.node-footer,
.node-medias {clear:both;}
/*------------------------------------------------
:: Date de publication ( affichée si actualité)
--------------------------------------------------*/
.node-date {display:none;}
.actualite .node-date {color:#999;display:inline-block;}
/*------------------------------------------------
:: Encadré
--------------------------------------------------*/
.encadre {background:#f5f5f5;padding:3px 10px; color:#000;margin-bottom:1.2em;}
.encadre strong{color:#000;}
.encadre a{color:#004494;}
.encadre a:hover{color:#000;}
.encadre .btn {color:#fff;}
.encadre .btn:hover {color:#fff;}
/*------------------------------------------------
:: Galerie photos
--------------------------------------------------*/
.node-galerie-photo-item {margin-bottom:20px;display:block;}
.node-galerie-photo-item img {width: 100%;}
.no-sous-menu-container .node-galerie-photo-item .col {width: 25%;}
/*------------------------------------------------
:: SLIDER Galerie photos
--------------------------------------------------*/
.slider-galerie-photo-container {margin-bottom:1.2em;}
.slider-galerie-photo-caption {position: absolute;bottom:0;right: 0;left: 0;padding:9px 10px;color:#fff;background:#000;}
.rgba .slider-galerie-photo-caption {background:rgba(0,0,0,0.9);}
/*------------------------------------------------
:: Galerie videos Liste
--------------------------------------------------*/
.node-galerie-video .video-block {margin-bottom:1.2em;}
/*------------------------------------------------
:: Galerie video Mosaique
--------------------------------------------------*/
.node-galerie-video-mosaique a {margin-bottom: 20px;}
.node-galerie-video-slider-item:before,
.node-galerie-video-mosaique a:before {
font-family: "FontAwesome";
position: absolute;
content:'\f04b';
color:#fff;
display: block;
font-size: 50px;
line-height: 1em;
margin-top:-0.5em;
top:50%;left:0;right: 0;
text-align:center;
z-index: 1;
}
/*Correctif fancybox*/
.fancy-media-container .fancybox-nav {width: 70px;bottom:30%;top:30%;height: auto;}
.fancy-media-container .fancybox-inner {background:#000;}
/*------------------------------------------------
:: Galerie video Slider
--------------------------------------------------*/
.galerie-video-slider {margin-bottom: 1.2em;}
/*Description*/
.video-slider-description-wrapper{
position:relative;
z-index: 2;
background:#f5f5f5;
height:124px;
overflow-y:auto;
overflow-x:hidden;
padding:10px;
word-wrap:break-word;
width: 100%;
}
.video-slider-copyright {
padding-top: 8px;
margin-top: 8px;
border-top: 1px solid #ddd;
display: block;
}
.video-slider-copyright,
.video-slider-description-texte {
font-size: 85%;
color:#666;
word-wrap:break-word;
}
.video-slider-description-wrapper a{
color:#000;text-decoration: underline;
}
.video-slider-description-wrapper a:hover{
color:#444;
}
/*Ecran actif*/
.galerie-video-slider-actif {
position: relative;
}
/*NAVIGATION*/
.slider-video-nav-container {margin:10px -5px 10px;position: relative;overflow: hidden;}
.slider-video-nav-container .item{margin:0 5px;}
.node-galerie-video-slider-item {
overflow:hidden;
position:relative;
}
.slider-video-nav-titre{
position:absolute;
bottom:2px;
left:5px;
right:5px;
color:#fff;
text-align:center;
opacity:0;
z-index: 2;
}
/*actif du slider*/
.node-galerie-video-slider-item.active { opacity:0.6; }
.node-galerie-video-slider-item.active .slider-video-nav-titre,
.node-galerie-video-slider-item:hover .slider-video-nav-titre { opacity:1; }
.node-galerie-video-slider-item:before {opacity:0;}
.node-galerie-video-slider-item.active:before {
opacity:1;
-webkit-transition:opacity 0.3s ease;
-ms-transition :opacity 0.3s ease;
-o-transition :opacity 0.3s ease;
-moz-transition :opacity 0.3s ease;
transition :opacity 0.3s ease;
}
.slider-video-prev,
.slider-video-next {
padding:6px;text-align:center;position: absolute;top:50%;
margin-top:-16px;height: 32px;z-index:10;
background:#fff;color:#999;
}
.slider-video-prev {
left: 0;
-webkit-transform : translate3d(-35px,0,0);
-moz-transform : translate3d(-35px,0,0);
-o-transform : translate3d(-35px,0,0);
-ms-transform : translate3d(-35px,0,0);
transform : translate3d(-35px,0,0);
}
.slider-video-next {
right: 0;
-webkit-transform : translate3d(35px,0,0);
-moz-transform : translate3d(35px,0,0);
-o-transform : translate3d(35px,0,0);
-ms-transform : translate3d(35px,0,0);
transform : translate3d(35px,0,0);
}
.slider-video-nav-container:hover .slider-video-prev,
.slider-video-nav-container:hover .slider-video-next {
-webkit-transform : translate3d(0,0,0);
-moz-transform : translate3d(0,0,0);
-o-transform : translate3d(0,0,0);
-ms-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
}
/*------------------------------------------------
:: Liens internes / fichiers
--------------------------------------------------*/
.node-liens-internes {margin-bottom:1.2em;}
/*------------------------------------------------
:: Liens externes / fichiers
--------------------------------------------------*/
.liste-liens ul{margin:0 0 1em;list-style: none;padding:0;}
.liste-liens small{color:#999;}
.liste-liens a{display:block;padding:4px 10px 4px 26px;position: relative;font-size: 93%;word-wrap:break-word ;}
.liste-liens a i{position: absolute;top:6px;left: 6px;width: 12px;text-align: center;}
.node-fichiers a{color:#6C4182;}
.liste-liens a:hover{background:#f4f4f4;color:#000;}
/*------------------------------------------------
:: Listes dates
--------------------------------------------------*/
.liste-dates {margin-bottom:1.2em;}
.liste-dates ul{margin:0;list-style: none;padding:0;}
.liste-dates li{
border-top:1px dashed #ddd;display:block;
padding:14px 10px 14px 50px;position: relative;}
.liste-dates li:first-child {border-top:none;}
.liste-dates .google-calendar-lien{position: absolute;top: 8px;left: 8px;}
/*------------------------------------------------
:: Google maps
--------------------------------------------------*/
.node-adresse {background:#eee;margin-bottom: 1px;padding: 4px;}
iframe.node-google-maps-container {border:none;overflow:hidden;display:block;}
.grande-carte {height:400px;width: 100%;margin-bottom:1.2em;}
.node-google-maps-wrapper .google-maps-container {
position: absolute;
bottom: 0;
left : 0;
right : 0;
top : 0;
}
.petite-carte {height:300px;width: 100%;}
.petite-carte-container {position: relative;margin-bottom:1.2em;}
.petite-carte-zoom-bouton {position: absolute;right: 10px;bottom: 30px;z-index:2;}
.petite-carte-zoom-container {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.petite-carte-zoom {position: relative;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*------------------------------------------------
:: Voir l'article complet
--------------------------------------------------*/
.btn-node-voir-plus{
position: fixed;left: 0;right: 0;bottom: 0;
box-shadow: 0 0 0 10px #fff !important;z-index: 3;
}
/*--------------------------------------------------
:: Modules spécifiques
--------------------------------------------------*/
/*------------------------------------------------
::
:: SITE NATUREL
::
--------------------------------------------------*/
.site .node-texte {
padding-top: 10px;
clear: both;
}
.site .encadre h3 i{
position: relative;
top: -1px;
}
.site .encadre h3 {
color:#fff;
text-transform: uppercase;
padding:0 0 5px 0;
border-bottom:3px solid;
}
.node-galerie-photo .image-link:before {
content: attr(title);
position: absolute;
bottom:0;
color:#fff;
text-indent: 5px;
background:rgba(0,0,0,0.5);
display: block;
width:100%;
font-size: 13px;
line-height: 2;
text-overflow:ellipsis;
}
.no-rgba .node-galerie-photo .image-link:before {
background: #444;
}
.tableau-site-container {
padding-top:20px;
}
.tableau-site {
width:auto;
font-size: 13px;
}
.tableau-site td:first-child {
text-transform: uppercase;
width: 130px;
font-weight: bold;
}
.tableau-protection-container {
margin: 15px 20px;
font-size: 13px;
}
.tableau-protection td:first-child{
width: 100px;
}
/*--------------------------------------------------
:: Liste sites
--------------------------------------------------*/
.liste-sites .map-date,
.liste-sites .map-resume,
.liste-sites .mosaique-resume,
.liste-sites .mosaique-date,
.liste-sites .agenda-item-lieu,
.liste-sites .mosaique-theme-container {
display: none;
}
.liste-sites .map-titre,
.liste-sites .mosaique-titre {
margin-bottom: 5px;
}
/*------------------------------------------------
::
:: PAGES
::
--------------------------------------------------*/
/*--------------------------------------------------
:: ACCUEIL
--------------------------------------------------*/
.front .fil-ariane,
.front .node-titre {display: none;}
.front .node-texte-container h2 {color:#004494;}
.front .node-texte-container {color:#004494;padding:0 50px 10px 20px;}
.front .node-texte-container p {margin:0 0 10px;}
.front .node-texte-container strong{color:#004494;}
.liste-agenda .node-liste-sub-header,
.actualites-dernieres .node-liste-sub-header {margin-top:4px;}
.liste-agenda-widget {margin-bottom:20px;}
.actualites-dernieres .image-defaut figure,
.actualites-dernieres .no-image figure {display: none;}
/*--------------------------------------------------
:: PAGE CONTACT
--------------------------------------------------*/
.formulaire-contact {margin-bottom: 1.2em;}
.formulaire-contact [class^="col-"] input[type="text"],
.formulaire-contact [class^="col-"] select,
.formulaire-contact [class^="col-"] textarea{width:100%;border: 1px solid #ccc;}
.formulaire-contact [class^="col-"] input[type="text"]:focus,
.formulaire-contact [class^="col-"] select:focus,
.formulaire-contact [class^="col-"] textarea:focus{border: 1px solid #aaa;}
.formulaire-contact .col-lg-12 {float:left;width: 100%;}
.formulaire-contact .form-type-checkbox {padding-left: 0;}
.formulaire-contact .form-type-checkbox input{top:0;margin-top: 1px;}
.captcha-container input{width:50% !important;}
.mention-obligatoire {display:block;margin:13px 0 5px;}
/*--------------------------------------------------
:: PAGE RECHERCHE
--------------------------------------------------*/
.recherche-resultats-container form {margin:1.2em 0;}
.block-form-recherche {max-width: 375px;}
/*Formulaire Recherche*/
.search-result strong{ background: #e7e7e7; color: #000;}
.search-result a{color:#79B51C;}
.search-info {margin:0 !important;}
.search-results .title {font-size:150%;margin-bottom:8px;}
.search-info {color:#aaa}
.region .search-results {margin:0;padding:0;}
.search-results li{
padding:1.6em 1em;border-top:1px dotted #ccc;
margin:0 !important;
}
.search-results li:first-child{border-top:none;}
.search-info .username{display:none;}
.website-container .search-results .search-snippet-info{padding:0;}
/*--------------------------------------------------
:: Commentaires
--------------------------------------------------*/
.comment-list-container { margin:1em 0;}
.comment { padding:0 1em 1em;}
.comment blockquote { margin:10px 0; padding:7px;}
.comment-depth-0:first-child {border:none;}
.comment-depth-0 {border-top:1px dashed #ccc;padding-top: 1em}
.comment-user {color:#000;}
.comment-admin .comment-user {color:#79B51C;}
/*Statut commentaire*/
.comment-status-icon {display: none;}
.comment.status-0 .comment-status-waiting {display: inline-block;}/*en attente*/
.comment.status-1 .comment-status-validated {display: inline-block;}/*validé*/
.comment.status-2 .comment-status-rejected {display: inline-block;}/* rejeté */
.comment.status-2 {
opacity:0.5;
-webkit-transition:opacity 0.3s ease;
-o-transition:opacity 0.3s ease;
-moz-transition:opacity 0.3s ease;
-ms-transition:opacity 0.3s ease;
transition:opacity 0.3s ease;
}
.comment.status-2:hover {opacity:1;} /* rejeté */
/*Indentation commentaires*/
.comment-depth-1 { margin-left:1em; }
.comment-depth-2 { margin-left:2em; }
.comment-depth-3 { margin-left:3em; }
.comment-depth-4 { margin-left:4em; }
.comment-depth-5 { margin-left:5em; }
/*REPONSE*/
.form-item-captcha input{max-width:100px}
.comment-form-container{margin:1em 0;}
#ssks-comments-form { padding:5px;}
.answer-area { margin:4px 0 0 1em; border-left: 4px solid #f5f5f5; padding:5px 0 0 5px; }
/*------------------------------------------------
::
:: UTILITAIRES
::
--------------------------------------------------*/
/* --------------------------------------------------
:: OMBRE barre admin
--------------------------------------------------*/
#toolbar {
-webkit-box-shadow: 0 0 15px #000 inset;
-moz-box-shadow: 0 0 15px #000 inset;
box-shadow: 0 0 15px #000 inset;
}
/*--------------------------------------------------
:: Scrollbar webkit
--------------------------------------------------*/
/* ::-webkit-scrollbar{ width:7px; height:7px;}
::-webkit-scrollbar-track-piece {
background-color:#EEE;
-webkit-border-radius:0;
-webkit-border-bottom-right-radius:8px;
-webkit-border-bottom-left-radius:8px;
}
::-webkit-scrollbar-thumb:vertical {
height:50px;
background-color:#888;
-webkit-border-radius:8px;
}
::-webkit-scrollbar-thumb:horizontal {
width:50px;
background-color:#888;
-webkit-border-radius:8px;
}
*/
/* --------------------------------------------------
:: Avertissement anciens navigateurs IE
--------------------------------------------------*/
.browser-warning {
padding:8px;color:#666;background:#eee;
text-align:center;font-size:85%;
box-shadow: 0 -10px 9px -10px rgba(0,0,0,0.2) inset;
}
.browser-warning a { color:#428bca; }
.browser-warning a:hover { color:#000; }
/* --------------------------------------------------
:: Classes utiles ( clearfix, remplacement image etc. )
--------------------------------------------------*/
a.menu-hidden {
display: none;
}
.ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;}
.element-invisible{clip: rect(1px, 1px, 1px, 1px);position: absolute !important;}
.sprite-ir,
.ir {display: block; text-indent: -9999px;overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr;}
.sprite-ir{background-image:url(../img/sprite-main.png);}
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible {visibility: hidden;}
.clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; visibility: hidden;}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.autocomplete{background:#fff;color:#333;border:1px solid #999; padding:3px;margin:2px;-moz-box-shadow:0 0 5px rgba(0,0,0,.2);-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);overflow:auto;}
.autocomplete div{padding:2px;border-bottom:1px dotted #999;margin:0 0 2px;}
.autocomplete div.selected{background:#08c;color:#fff;}
.autocomplete strong{color:#08c;}
.autocomplete div.selected strong{color:#FFF;}
/*--------------------------------------------------
:: PAGE CONTACT
--------------------------------------------------*/
.submit-container {
margin-bottom: 10px;
}
.rgpd-mentions {
max-width: 50rem;
font-size: 12px;
}
/*------------------------------------------------
::
:: MEDIAQUERIES
::
--------------------------------------------------*/
@media only screen and (min-width: 480px) {
/*------------------------------------------------
:: Illustration
--------------------------------------------------*/
.node-illustration {max-width: 40%;float:left;margin:0 16px 10px 0 ;max-height: 440px}
}
@media only screen and (min-width: 768px) {
.website-logo {max-width: 350px;}
/*------------------------------------------------
:: DON
--------------------------------------------------*/
.don-ou {
position: absolute;
text-align: center;
border: none;
background: #eee;
box-shadow: 0 0 4px #888;
color :#888;
clear: none;
top: 0;
left: 50%;
width: 70px;
height: 70px;
font-size: 37px;
line-height: 1.4;
margin: 50px 0 0 -35px;
border-radius: 50%;
padding: 10px;
}
/*------------------------------------------------
:: ACCUEIL
--------------------------------------------------*/
/*DERNIERES ACTUALITES*/
.actualites-dernieres article:nth-child(4) {display: none;}
.actualites-dernieres article{width: 50%;height:auto !important;}
.actualites-dernieres .mosaique-item {height:auto !important;}
.actualites-dernieres article:first-child figure {float:none;margin:0 0 8px;width: 100%;}
.actualites-dernieres article:first-child .mosaique-date-evenement {font-size: 20px}
.actualites-dernieres article:first-child .mosaique-titre {font-size:24px}
.actualites-dernieres article figure {width: 40%;margin:0 8px 4px 0;float: left;}
/* ------------------------------------------------
:: HEADER
--------------------------------------------------*/
.website-banner{position: relative;background-color:rgba(255,255,255,0.1);}
/*ombre*/
.ombre-droite,
.ombre-gauche {background:url('../img/ombre-gauche.png') repeat-y top right;position: absolute;left: -14px;width: 14px;top: 0;bottom:0;z-index:2;}
.ombre-droite {left: auto;
background-image:url('../img/ombre-droite.png');
background-position:top left;right:-14px;
}
.website-header {padding-top: 0;margin-bottom: 0;}
.website-logo {text-align:left;margin-top: 30px;}
.website-logo:before {
content:"";display:block;position: absolute;
left: -600px;width: 600px
;top: 0;bottom:0;background:#fff;
}
.main-menu-bande{
position: absolute;
z-index:0;top: 0;bottom: 0;left: -590px;width: 600px;background-color:#79B51C;
}
/* ------------------------------------------------
:: Langue
--------------------------------------------------*/
.menu-langue {float: right;}
.menu-langue a{width: 28px;text-align: center;height: 28px;line-height: 28px;}
/*------------------------------------------------
:: AGENDA mosaiques
--------------------------------------------------*/
.agenda-mosaique-item-container.no-image {width:33.3333333%;}
}
@media only screen and (min-width: 992px) {
/*------------------------------------------------
:: Menu
--------------------------------------------------*/
.main-menu {max-height: 35px;overflow: hidden;}
.main-menu a{ min-height: 0;}
.not-front .no-encadre .node-aside {margin-top:-31px;}
.no-breadcrumbs .no-encadre .node-aside {margin-top:0;}
/*Fleche triangle*/
.video-slider-description-container:before {
content:"";
position:absolute;
top: 20px;
left: -20px;
border-right:20px solid #f5f5f5;
border-top :20px solid transparent ;
border-bottom:20px solid transparent ;
}
.video-slider-description-container,
.video-slider-description-wrapper {
position:absolute;
top: 0;right:0;
bottom:0;
height:auto;
}
}
@media only screen and (min-width:1200px) {
/*------------------------------------------------
:: Menu
--------------------------------------------------*/
.main-menu a{ font-size: 18px;}
/*------------------------------------------------
:: AGENDA mosaiques
--------------------------------------------------*/
.agenda-mosaique-item-container.no-image {width:25%;}
.vue-mosaique .agenda-mosaique-item-titre {font-size: 100%;}
/*------------------------------------------------
:: Annuaire
--------------------------------------------------*/
.annuaire-bloc .cke_editable {
float:left;width: 72%;
}
}
/*Correctif iphone*/
@media only screen and (max-width: 320px) {
/*Liste mosaique*/
.mosaique-item-container {width: 100% !important;}
.mosaique-item-container .mosaique-item {height:auto;}
}
/*Correctif ipad*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.node-aside {margin-top:30px;border-top:2px solid #eee;padding-top:20px;}
}
/* --------------------------------------------------
:: PRINT
--------------------------------------------------*/
@media print {
a, a:visited {text-decoration: none; }
a[href]:after {content: "";}
.node-fichiers a[href]:after,
.node-liens-externes a[href]:after {
content: " (" attr(href) ")";
color:#666;word-wrap:break-word;
}
.header-print img {width: 160px;}
.header-print {margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid #ccc;}
/* Galerie photo */
.slider-galerie-photo .owl-wrapper{width: auto !important;}
.slider-galerie-photo .owl-item{width: 50% !important;}
.slider-galerie-photo .slider-photo-prev,
.slider-galerie-photo .slider-photo-next,
.slider-galerie-photo .owl-controls{display:none;}
/* Masque l'habillage du site */
.encadre {border:3px solid #ccc;page-break-inside: avoid;}
body {padding-top: 0!important;}
.galerie-video-slider,
.node-liens-internes,
.liste-enfants,
.facebook-like-box-container,
.form-newsletter-container,
.fil-ariane,
#toolbar,
.website-header,
.website-footer,
.global-aside,
.sous-menu,
.slider-galerie-photo,
.node-galerie-video,
.website-complementary {display:none;}
.website-main {width:100%;margin:0 auto;float:none;}
.cke_editable table {page-break-inside: avoid;}
.website-main.node-content {width:100%;margin:0 auto;float:none;}
}
.jc-border{
border:1px solid #F00;
}