/* BY DESIGNIS.CH
TETXE: font: 18px/1.7em 'Open Sans', Times, serif - 400 400italic 700;
.stitre et h1: font-family: "Sansita", serif - 400 et 700;
Sansita:ital,wght@0,400;0,700;1,400&display=swap|Open+Sans:ital,wght@0,400;0,700;1,400&display=swap
background-color:
1 #02b4e6
2 #0083ae
*/
/*.container-fluid {
padding-left: 6.66667vw !important;
padding-right: 6.66667vw !important;
}
*/
.sticky-menu-bg {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 2000;
display: block;
transform: translateZ(0);
isolation: isolate;
}
.sticky-menu-bg::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
z-index: -1;
pointer-events: none;
}
.sticky-menu-bg > * {
position: relative;
z-index: 1;
}
.container {
position: relative;
max-width: 1400px;
margin: 0 auto;
}
::selection {
background: #02b4e6;
color: #FFF;
text-shadow: none;
text-decoration: underline;
}
body, .body {
margin: 0;
padding: 0;
background: #fff;
/* background: url(../img/deco/rd_bleu.png) no-repeat left -600px;
*/
}
html {
margin: 0;
padding: 0;
}
.deco {
padding-top: 0px;
margin-top:10px
}
body .news .deco {margin-top:60px!important}
.silhouette_deco {
/* z-index: 0;
*/ left: 0;
background: no-repeat center top;
}
.fdbot {
background: url(../img/fd/fd_footer.jpg) no-repeat scroll center bottom !important;
margin-top: -15px!important;
padding: 0 0 50px 0;
border-top: 1px solid #736e6e;
}
.main {
padding: 0 !important;
margin-bottom: 0 !important;
margin-top: 0
}
p.bloc2, .bloc_doc, .bloc_lien, html .btn-light {
border-radius: 35px 45px 35px 45px !important;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.20) !important;
border: 2px solid white !important;
/*border-radius: 10px 10px 30px 10px!important;*/
}
.fa, .far, .fas {
margin-right: 5px!important;
}
/*--------------TYPO---------------------------------------*/
a {
color: #02b4e6 !important;
border-bottom: 1px solid #02b4e6 !important;
-webkit-transition: color .3s,border-color .3s,background .3s;
transition: color .3s,border-color .3s,background .3s;
line-height: 1.8em;
padding: 0;
margin: 0;
text-decoration: none!important;
margin-bottom:3px
}
a:hover {
color: #000!important;
border-bottom: 1px solid #000!important;
text-decoration: none!important;
}
.top a:hover {
color: #fff!important;
border-bottom: 1px solid #fff!important;
text-decoration: none!important;
}
ul#lang_top li a:active {
color: red!important;
border-bottom: 1px solid #fff!important;
text-decoration: none!important;
}
a:focus {
color: #000
}
a:active {
color: #000;
}
.text-decoration_none {
text-decoration: none!important;
}
.social-icons a {
color: #3b5998 !important;
/* border: 3px solid #3b5998 !important;
*/ border-radius: 50% !important;
/* padding: 6px 10px;
*/ background-color: #baf2ff;
}
#header .header-row {}
#header .header-nav-main nav > ul > li > a {
font-size: inherit!important;
font-weight: 400;
padding: 20px 30px;
border-bottom:none!important
}
p {
margin: 0!important;
padding: 0!important;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
p, body, .mod ul li {
color: #333333!important;
font-weight: 400!important;
}
p, .mod ul li, body {
font: 400 18px/1.7em 'Open Sans', Times, serif !important;
}
.custom-secondary-font {
font-family: "Open Sans", serif !important;
}
.panel-body .liste-pdf, .PDF {}
.list li {
margin-bottom: 5px!important;
}
.slider-container h1 {
color: #000!important;
text-transform: uppercase !important;
text-shadow: none !important;
display: inline-block !important;
font-size: 30px !important;
font-weight: 700 !important;
padding: 15px;
letter-spacing: 0.1em !important;
border: 1px solid #333;
background: rgba(333,333,333,0.8);
}
.slider-container .featured-label {
font-size: 32px;
line-height: 52px;
font-weight: 700;
}
.font-weight-bold {
font-weight: 400 !important;
}
.slider-container .text-color-light {
font-size: 29px!important;
color: #000!important;
}
#header .header-logo h1 {
margin: 16px 0;
font-size: 2.8em;
color: #FFF;
text-decoration:none!important;
border-bottom:none!important;
font-weight: 700 !important;
text-shadow: 1px 4px 0px rgba(18, 15, 15, 0.65);
}
ul#lang_top {
float: right;
list-style: none;
margin: 0 !important;
padding:6px 15px;
background-color: rgb(51, 51, 52);
border-radius: 15px;
font-size: 15px;
font-weight: 500;
display: inline-flex;
z-index: 99999999;
margin-left: 15px !important;
margin-top: 40px !important;
}
ul#lang_top li {padding:0 5px}
.top .btn-light, html .btn-primary {
background-color: #fff !important;
color: #fff!important;
border: 1px solid #02b4e6 !important;
text-transform: uppercase;
font-size: .9em;
padding: 12.8px 24px;
font-weight: 400;
margin-top: 0px;
}
h1, h2, h3, h4, h5 {
font-family: 'Sansita', sans-serif !important;
color: #333 !important;
font-weight: 700 !important;
line-height: 1.4em !important;
text-transform: none !important;
word-spacing: 0.1em;/* text-shadow: 0px 1px 0px #000;*/
letter-spacing: 0 !important;
}
h1 a {
text-decoration:none!important;
border-bottom:none!important
}
h1 {
font-size: 2.6em;
line-height: 42px;
margin: 0 0 10px 0!important;
}
h2 {
font-size: 2.1em;
line-height: 42px;
margin: 0 0 18px 0!important;
}
.top h2 {
color: #02b4e6 !important;
font-size: 1.8em !important;
font-weight: 700 !important;
line-height: 1em!important;
text-shadow: 0px 1px 0px rgba(18, 15, 15, 0.65)!important;
margin: 0!important;
/* letter-spacing: 0.1em;
*/}
.top h3 {
color: #02b4e6 !important;
font-size: 1.6em !important;
font-weight: 400 !important;
line-height: 1em!important;
text-shadow: 0px 1px 0px rgba(18, 15, 15, 0.65);
margin: 0!important;
/* letter-spacing: 0.1em;
*/}
h3 span {
color: #000 !important;
display: inline-block;
display: block;
text-shadow: none!important
}
h3 span span{
letter-spacing: 0.2em;
}
h3 {
font-size: 1.6em!important;
font-weight: 400!important;
letter-spacing: normal;
line-height: 24px;
margin-bottom: 10px!important;
}
h4 {
font-size: 1.4em!important;
line-height: 20px;
margin: 5px 0 !important;
letter-spacing: 0!important;
color: #02b4e6!important;
}
h5 {
font-family: 'Open Sans', Times, serif!important;
color: #000 !important;
word-spacing: normal!important;
letter-spacing: normal !important;
}
.top h4 {
padding: 0;
color: #02b4e6 !important;
font-weight: 400 !important;
}
h2.main_title, h2.main_title_left {
color: #333 !important;
}
h2.main_title {
text-align: center;
margin: 0 0 90px 0;
padding: 0;
text-transform: uppercase;
line-height: 1.4em;
font-size: 2.1em;
font-weight: 400!important;
}
h2.main_title_left {
text-align: center !important;
margin: 20px 0 40px !important;
padding: 20px 0 25px 0px;
text-transform: uppercase;
line-height: 1em !important;
font-size: 2.2em;
background: url(../img/deco/h1.png) no-repeat center bottom !important;
}
.fb {float:right!important}
.topA {margin-top:20px}
@media (min-width: 992px) {
.topA {margin-top:30px}
.topB {margin-top:35px}
}
.slogan {margin:0!important; float:right!important}
.page-header h1 {
display: inline-block;
/* font-family: 'Open Sans', Times, serif !important;*/
font-size: 3.2em !important;
line-height: 1;
margin: 0;
font-weight: 700;
position: relative;
/* top: 24px;*/
text-transform: uppercase !important;
text-shadow: 0px 1px 0px #000 !important;
color: #fff !important;
letter-spacing: 0.02em !important;
background: transparent url(../img/icons/basket.png) no-repeat left center !important;
align-self: center !important;
padding-left: 90px;
}
.page-header {
margin: 0!important;
padding: 20px 0;
position: relative;
text-align: left;
}
.page-header.page-header-modern.page-header-background.page-header-background-md {
padding: 120px 0!important;
}
.page-header {
width: 100%!important;
height: 110%!important;
}
.page-header.page-header-modern.page-header-md {
padding: 30px 0!important;
}
.page-header.page-header-modern.page-header-background.page-header-background-sm {
padding: 140px 0!important;
}
.overlay.overlay-op-3.overlay-show::before, .overlay.overlay-op-3.show::before, .overlay.overlay-op-3:hover::before {
opacity: 0!important;
}
.text-center {text-align:center!important; margin: 0 auto!important}
.featured-box h2 {
color: white !important;
text-shadow: 0px 1px 0px #000;
font-size: 1.6em;
font-weight: 800;
letter-spacing: -0.7px;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 15px;
}
html .featured-box-effect-2.featured-box-secondary .icon-featured::after {
box-shadow: 0 0 0 3px #02b4e6 !important;
}
html .featured-box-secondary .icon-featured {
background-color: #02b4e6 !important;
}
.marginmintop {
margin-top: -150px!important;
z-index: 100;
}
/* Heading*/
.index .stitre {
text-align:center!important
}
.stitre {
margin-bottom: -40px !important;
padding: 0;
letter-spacing: 0.2em;
color: #00c4ef;
margin-top: 40px;
text-align: center!important;
font: 400 15px 'Sansita', sans-serif !important;
font-style: italic!important;
}
.section_photo .stitre {
margin-top: 0px !important;
font-size: 14px;
font-weight: 200;
/* color: black;*/}
/*Titre blog*/
html .text-color-dark, html .text-dark {
color: #212529 !important;
font-size: 18px;
}
strong {
font-weight: 700!important;
}
#footer strong {
/* color: #846e45 !important;*/
}
article.post-large h2 {
font-size: 1.2em!important
}
.pad30 {margin-top:30px!important}
p.lead {
font-size: 1.7em !important;
line-height: 1.4em !important;
font-weight: 700 !important;
margin-bottom: 15px !important;
color: #8e8d8d !important;
}
.bordertop {
border-top: 1px solid #333;
}
.top {
padding-top: 10px;
padding-bottom: 20px;
/* background-color: #fff;
*/}
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: #0395c8;
padding: 0;
border-bottom: 4px solid #02b4e6;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.20) !important;
border-top: 1px solid #D3E9F1 !important;
border-bottom: 2px solid #D3E9F1 !important;
/* background-image: linear-gradient(to right, #058bc2, #02b4e6, #058bc2) !important;
*//* background: linear-gradient(90deg, rgb(1, 161, 211) 0%, rgb(1, 131, 226) 35%, rgb(4, 125, 157) 100%) !important;
background-color:#058bc2;
*/
/* background: linear-gradient(90deg, rgb(59, 59, 59) 0%, rgb(93, 91, 92) 35%, rgb(59, 59, 59) 100%) !important;
box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.30);
border-bottom: 1px dashed #898787;
border-top: 1px dashed #898787;
*/}
/*LOGO*/
.top .log {
text-align: center !important;
display: inline-block;
max-width: 190px !important;
margin: 8px 0px 12px 0;
text-decoration: none !important;
border-bottom: none !important;
}
.top {
padding-top: 8px !important;
padding-bottom: 4px !important;
/* background: rgb(255,255,255);
background: linear-gradient(184deg, rgba(255,255,255,1) 0%, rgba(224,248,252,1) 100%);
background-image: linear-gradient(to bottom, #daeaef, #f6f7f7) !important;
background: #f2f8fa;
*/
}
.top a, .top a:hover{
text-decoration: none !important;
text-decoration: none !important;
border-bottom: none !important;
}
.top .social-icons a, .top .social-icons a:hover{
text-decoration: none !important;
text-decoration: none !important;
color: #FFF;
}
.marginmintop {
/* margin-top: -20px;
*/ z-index: 100;
margin-top: 0px;
}
.marginmintop-sm {
margin-top: -28px;
z-index: 00;
}
/*SEARCH TOP*/
.simple-search .form-control {
border-radius: 0;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-color: #666;
border-right-color: rgb(225, 225, 225);
border-right: 0;
}
.simple-search {
max-width: 200px;
margin-right: 10px !important;
}
.simple-search .btn {
background: #02b4e6 !important;
border: 0;
box-shadow: none !important;
border: 1px solid #075e53 !important;
padding: 14px 20px!important;
}
.simple-search .input-group-append .btn {
background: #02b4e6 !important;
border: 0;
box-shadow: none !important;
border: 1px solid #075e53 !important;
padding: 10px 20px;
}
.simple-search .input-group-append .btn:hover {
background: #333334!important;
color: #fff!important
}
a:hover.card p span {
position: relative;
color:#6da27f !important;
border-bottom: 1px solid #6da27f !important;
-webkit-transition: color .3s,border-color .3s,background .3s;
transition: color .3s,border-color .3s,background .3s;
text-decoration: none;
}
.gradient, .section.section_gradient, html .featured-box-primary .icon-featured {
background-image: linear-gradient(to right, #6ca27d, #71a091, #3dafbc, #598ba4,#598ba4) !important;
opacity: 1;
}
.deco .cache {display:none}
.ml-auto, .mx-auto {
margin-left: auto !important;
}
.mr-auto, .mx-auto {
margin-right: auto !important;
}
.w-100 {
width: 90% !important;
}
.overlay.overlay-op-4:hover::before, .overlay.overlay-op-4.overlay-show::before, .overlay.overlay-op-4.show::before {
opacity: 0.4!important;
}
.sepmt {margin-top:-200px!important; position:absolute}
.section.section-accueil{
padding: 40px 0 60px 0!important;
margin: 0!important;
/* background: url(../img/fd/fd_accueil.jpg) no-repeat right center!important;
*/}
/*CORRECTION BAND*/
html .bg-color-primary,
html .bg-primary {
background-color: #af976b!important
}
/*SHOP PAYPAL*/
.section.section_paypal{margin-top:-85px!important}
.bloc_paypal .deco{
padding:0!important;
background: url(../img/fd/fd_top.png) repeat-x scroll center top !important;
}
.bloc_paypal .fdbot{
padding: 0!important;
background: url(../img/fd/fd_bot.png) repeat-x scroll center bottom !important;
}
.bloc_paypal {
background-color: transparent!important;
display: block;
position: relative;
text-decoration: none;
width: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.17);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.17);
background:#FFF url(../img/deco/ligne.png) repeat-x center bottom;
border: 1px solid #cec6c6;
margin-bottom:50px;
border-radius: 15px 15px 35px 15px;
border-left: 4px solid #02b4e6 !important;
}
.bloc_paypal .in {
padding:30px;
}
.paypal_silhouette{
position: absolute;
top: 0px;
right:0;
background: no-repeat right top;
}
.boxrime h2 {
font: 1.4em/1.9em 'Poppins', Arial, Verdana, sans-serif;
font-weight: normal;
line-height: 1.9em;
font-weight: normal;
line-height: 1.9em;
margin: 16px 0;
color: #FFF !important;
text-decoration: none !important;
border-bottom: none !important;
font-weight: 400 !important;
text-align: center;
text-shadow: 0px 1px 0px #000;
margin-bottom: 0 !important;
letter-spacing: 0.01em;
}
.boxacc_dashed h1 {
font-family: 'Kalam', cursive;
margin: 16px 0;
font-size: 2.3em !important;
color: #000 !important;
text-decoration: none !important;
border-bottom: none !important;
font-weight: 700 !important;
text-align: center !important;
margin: 0 !important;
padding: 0 !important;
}
.boxacc_dashed {
/* border: 1px dashed #fff;*/
padding: 30px;
border-top:1px dashed #fff
}
/*effets*/
.ombre {
text-shadow: 3px 4px 8px rgba(0, 0, 0, 0.65)!important;
/* border:1px solid #000!important;
*/}
.stabilo {
display: inline;
padding: 1px 5px;
color: #FFF!important;
background: #085028;
display: inline !important;
}
.shadow {box-shadow: 0 4px 20px 0 rgba(0,0,0,.14),0 7px 12px -5px rgb(2, 144, 57);}
/*****IMPRESSION*********/
.print {
float: right !important;
padding-top: 20px;
padding-right: 35px;
}
.print a{
text-decoration: none!important;
border: none!important;
}
.section.section_print {margin:10px 10px 0 0}
/**************/
/*.google {padding-left:-15px!important; padding-right:-15px!important}*/
.featured-boxes-flat .featured-box .box-content {
margin-top: 0!important;
}
.featured-box .box-content {
border-radius: 8px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
border-top-width: 4px;
padding: 15px !important;
position: relative;
-webkit-box-shadow: 0 1px 10px 0px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 1px 10px 0px rgba(0, 0, 0, 0.2) !important;
}
.featured-box {
background: #FFF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: none!important;
border-left: none!important;
border-right: none!important;
border-radius: 8px;
-webkit-box-shadow: 0 1px 10px 0px rgba(0, 0, 0, 0)!important;
box-shadow: 0 1px 10px 0px rgba(0, 0, 0, 0) !important;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
position: relative;
text-align: center;
z-index: 1;
}
.featured-boxes-flat .featured-box .box-content {
/* min-height: 210px!important;
*/}
.featured-box .box-content.box-content-border-bottom {
top: 0px!important;
}
.featured-boxes .featured-box {
margin-bottom: 2.5rem!important;
margin-top: 1.5rem;
}
.mod li {
list-style-type: disc !important;
list-style-position: outside !important;
padding-right: 8px;
line-height:1.3em
/* color: #33FF00;
*/}
.mod ul {margin:10px 0 10px -15px!important}
/*.mod ul li {
margin-left: -15px;
}*/
.border-b {border-bottom: 2px dashed #999}
/*news et manif*/
/*effet accueil texte vertical une et info importante*/
/*.vertical-text {
font-family: 'Montserrat', cursive!important;
transform-origin: left top 0;
font-size: 29px;
writing-mode: tb-rl;
white-space: nowrap;
border-right: 5px solid #000;
padding-right: 10px;
padding-bottom: 10px;
font-weight: 400;
text-transform: capitalize;
color: #fff;
display:inline
}*/
.fleche2 {
margin-left: 45px;
margin-top: 25px;
position: absolute;
}
.section.section-une {
margin-top: 0px !important;
padding-top: 120px!important;
padding-bottom: 90px!important;
border-bottom: 1px solid #000 !important;
margin-bottom: -30px !important;
background: #CCC url(../img/fd/fd1.jpg) no-repeat center bottom!important;
}
/*.section.section-une .silhouetteune {
position: absolute;
z-index: 0;
top: 20px;
left: 15%;
background: no-repeat center bottom;
}*/
.custom-post-event article {
margin-bottom: 25px!important;
}
.poste {
font-size: 12px!important;
}
.section-une .btn-light a{color:#fff!important}
.section-une .custom-post-event .event {
position: relative;
display: inline;
clear: both;
margin-bottom: 50px!important;
}
.section-une .custom-margin-1 {
margin-left: 95px;
margin-bottom: 40px!important;
}
.section-une .custom-post-event .post-event-date {
position: absolute;
top: 0;
left: 0;
padding: 5px 20px !important;
border-radius: 8px;
}
.section-une p, .section-une .vertical-text {
color: #000 !important;
margin-top: 10px !important;
}
/* TAILLE NEWS ET AGENDA*/
.section-une a, .section-une h4 {
font-weight: 700;
font-size: 18px !important;
margin-bottom: 15px !important;
color: #000 !important;
}
.section-une a {
border-bottom: 1px solid #1d1f1f !important;
padding-bottom: 2px!important;
text-decoration: none!important;
}
.section-une a:hover{
color: #fff!important;
border-bottom: 1px solid #fff !important;
}
.section-une hr.solid {
background: rgba(0, 0, 0, 0);
clear: both;
margin-bottom: 20px;
}
.section-une hr.solidb {
background: rgba(0, 0, 0, 0.0);
clear: both;
margin: 0 10px !important;
}
/*body .index .news_contenu*/
.section-une .news_contenu {
border-left: 4px solid #3b3b3b !important;
border-top: 1px solid #3b3b3b !important;
border-right: 1px solid #3b3b3b !important;
border-bottom: 1px solid #3b3b3b !important;
display: block;
position: relative;
text-decoration: none;
border-radius: 4px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .30);
border-radius: 15px 15px 35px 15px;
min-height: auto !important;
width: 100%!important;
margin: 0 auto 15px auto!important;
background: rgba(255, 255, 255, 0.5) !important;
padding-bottom:25px
}
.section-une .thumb-info-caption h3 {
font-size: 19px !important;
letter-spacing: 0 !important;
margin-bottom: 10px !important;
}
.section-une .news_contenu h4 {
font-size: 19px !important;
color: #058bc2 !important;
margin-bottom: 5px !important;
}
.section-une .thumb-info-caption {
padding: 25px 25px 5px 25px!important;
}
/*SLIDER*/
.slider-container .silhouette {
position: absolute;
z-index: 9000000;
bottom: -25px;
background: no-repeat center bottom;
left: 33%;
}
.slider-container .silhouetteA {
position: absolute;
z-index: 4000000;
bottom: -3px;
right: 0;
background: no-repeat center bottom;
}
.parallax .silhouette {
position: absolute;
bottom: 0;
left: 34%;
background: repeat center center;
z-index: 990;
}
.page-header .silhouetteA {
position: absolute;
z-index: 400;
bottom: -1px;
right: 0;
background: no-repeat center -20px;
}
/*.page-header .silhouetteA {
display:none
}*/
.slider-container .silhouette_log {
position: absolute;
z-index: 4000000;
bottom: -22px;
right: 10%;
background: no-repeat center bottom;
}
.slider-container .tp-caption-overlay-opacity {
background: rgba(0,0,0,.4);
padding: 3px!important;
}
h1.tp-caption {
font: 700 2.54em/1.4em 'Open Sans', Times, serif !important;
color: #02b4e6 !important;
padding:5px!important;
line-height:1em!important;
letter-spacing: 0em!important;
}
.tp-caption h5 {
font: 700 1.6em/1em 'Open Sans', Times, serif !important;
color: #fff !important;
letter-spacing: 0em!important;
padding:5px!important;
line-height:0.7em!important
}
.slider-container .featured-label {
color: #fff;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
background-color: #e8f3ed;
padding: 15px !important;
margin-top: 255px !important;
}
.slider-container .bottom-label {background-color: #094184;}
.slider-container {
background: #fff!important;
/* height: 900px!important;
*/}
.slider-container .tp-caption-overlay-opacity {
background: rgba(0, 0, 0, 0.6)!important;
padding: 10px;
}
.slider-container .btn-light, .slider-container .btn-primary {
background-color: #02b4e6 !important;
color: #fff !important;
border: 2px solid #02b4e6 !important;
text-transform: uppercase;
font-size: .8em;
padding: 0.8rem 1.5rem;
font-weight: 400;
margin-top:25px
}
.slider-container .btn-light:hover {
background-color: #1a181d !important;
color: #fff !important;
border: 1px solid #02b4e6 !important;
}
.slider_top {
margin-top: -20px!important;
display: inline;
position: absolute;
}
.rd {
padding-left: 50px!important;
height: auto
}
.page-header .rd {
padding-left: 50px!important;
height: 40px;
}
/*temoignages*/
.divider .sep {
margin-top: -41px;
}
.divider.divider-solid {
background: rgb(103, 191, 175);
}
.lien_contenu {margin-bottom:20px}
.mod, .accord, .modphoto, .galerie, .agendap, .PDF, .plan {
/* margin-bottom: 35px!important;
*/ clear: both;
}
/*LISTE PDF*/
.list.list-icons {
padding-left: 0;
padding-right: 0;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
}
.PDF .fa, .PDF .fab, .PDF .fal, .PDF .far, .PDF .fas {
padding-right: 10px!important;
padding-bottom:10px!important
}
.PDF a {
text-decoration: none!important;
border-style: none!important;
}
.list.list-icons li > [class*="fa-"]:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > .icons:first-child {
color: #000!important;
border-color: #000!important;
}
.list.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-3 li > .icons:first-child, .list.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
background-color: #00C5EF !important;
}
/* ----------------------------------------------------------------
Tableau
-----------------------------------------------------------------*/
/* Generic Styling, for Desktops/Laptops*/
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
/* border:none!important;
border-color:#fff!important*/
border-radius: 0 0 10px 10px!important;
border: 1px solid #e3dede !important;
}
thead tr {
background: #CFF0F7 !important;
font-weight: 700 !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
border-bottom: 1px solid #75A6B0 !important;
border-radius: 10px !important;
}
table h2 {
margin: 0!important;
font-weight: 300;
font-size:16px!important;
color:#000!important
}
/* Zebra striping */
tr:nth-of-type(even) {
background: #FCFCFC;
}
th {
background: transparent!important;
}
td, th {
padding: 10px 3px;
text-align: left;
color: #666;
vertical-align: top!important;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
padding: 8px;
line-height: 1.42857;
vertical-align: top;
}
.table > thead {
background: #F9C!important;
}
.heading.heading-middle-border h2, .heading.heading-middle-border h3 {
padding-right: 0px!important;
}
.heading.heading-middle-border h1, .heading.heading-middle-border h2, .heading.heading-middle-border h3, .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 {
position: relative;
background: transparent !important;
display: inline-block;
}
/*sous-menu*/
ul.nav-list li a {
border-bottom: 1px solid #EDEDDE;
padding: 8px 0 8px 18px;
display: block;
font-size: 0.9em;
}
ul.nav-list li a.hover, aside ul.nav-list > li > a:hover {
background-color:transparent!important;
color:#6da27f!important
}
/*ul.nav-list li a.active,
ul.nav-list li a.visited, {
color:#000!important
}
*/ul.nav-list li > a.active {
font-weight: bold;
color: #69c0b0 !important;
}
/*MENU PRESTATIONS*/
aside ul.nav-list > li > a {
font-size: 18px;
line-height:1.4em
}
.line {
border-bottom: 1px solid #299be0 !important;
width: 100%;
margin-bottom: 25px;
clear: both;
}
.line_space {
border-bottom: 1px solid #299be0!important;
width: 100%;
margin-bottom: 45px;
padding-top: 40px;
}
.blog-posts:not(.blog-posts-no-margins) article {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
margin-bottom: 20px;
padding-bottom: 20px;
}
.blog-posts article {
border-bottom: none !important;
margin-bottom: 50px;
padding-bottom: 10px !important;
margin-bottom: 80px;
padding-bottom: 10px;
border-left: 1px solid #8CC928;
background-color: #ebf3ee;
}
.post-content {
padding: 15px 25px;
text-align: center !important;
}
.post-content h4 {
font-size: 22px !important;
margin-top: 25px !important;
color: #02b4e6!important;
/* background: url(../img/icons/sifflet.png) no-repeat left center;
padding-left: 50px;
*/}
.pad_fluid{margin: 0 50px}
html section.section_photo {
padding: 90px 0 90px 0 !important;
/* background-image: linear-gradient(to right, #02b4e6, #0288e3) !important;
background: #a0d8e8; */
margin-bottom: 25px;
margin-top: 20px;
background-image: linear-gradient(to bottom, #8dd5ea, #deeef4) !important;
}
.silhouette_photo {
position: absolute;
z-index: 0;
top: -40px;
left: 10%;
background: no-repeat center bottom;
}
html section.section_agenda {
padding: 50px 0 40px 0 !important;
background: url(../img/fd/fd_point.png) no-repeat right top!important
}
/*ACTIVITE*/
html section.section_activite {
padding: 50px 0 100px 0 !important;
background: #333333 url(../img/parallax/parallax.jpg) no-repeat center top;
margin-top: 30px;
}
html section.section_activite p,
/*html section.section_activite .stitre{color:#fff!important}
*/html section.section_activite .stitre{padding: 0 0 5px 0px!important}
html section.section_activite h2.main_title_left {text-align: center!important;}
html section.section_activite, html section.section_activite h2.main_title_left {
color: #fff !important;
letter-spacing: 0.1em !important;
}
html section.section_activite .thumb-info {
background-color: rgba(35, 31, 32, 0.7) !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.17);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.17);
/* background-color: rgb(255, 255, 255);
*//* border: 1px solid !important;
*/ padding: 0 0 25px 0 !important;
min-height: 310px;
border-left: 4px solid #02b4e6 !important;
border-top: 1px solid #000 !important;
border-right: 1px solid #000 !important;
border-bottom: 1px solid #000!important;
border-radius: 15px 15px 35px 15px!important;
}
/*TEMOIGNAGES*/
.testimonial.testimonial-style-4 {
border-radius: 0!important;
padding: 0!important;
border: none!important;
box-shadow: none!important
}
.testimonial.testimonial-with-quotes blockquote::before {
color: #fff;
display: block !important;
left: 10px;
top: 0;
content: "“";
font-size: 100px;
font-style: normal;
line-height: 1;
position: absolute;
}
.testimonial.testimonial-with-quotes blockquote::after {
color: #fff;
display: block !important;
right: 10px;
font-size: 100px;
font-style: normal;
line-height: 1;
position: absolute;
bottom: -0.5em;
content: "â€";
}
.testimonial blockquote p, .testimonial blockquote strong {
color: #fff !important;
}
.testimonial.testimonial-with-quotes blockquote::before {
top: -25px!important;
font-size: 80px;
}
.testimonial-author {min-height:50px; color:#fff!important}
.testimonial-author {padding-bottom:25px!important}
/*.testimonial blockquote p {
font-family: 'Parisienne', cursive!IMPORTANT;
}*/
.testimonial blockquote p {
color: #FFF;
font: italic 38px/1.7em 'Open Sans', Times, serif !important
}
.section-text-light .testimonial.testimonial .testimonial-author span, .section-text-light .testimonial.testimonial .testimonial-author strong {
opacity: 0.6;
color: #FFF !important;
}
html section.section_temoignages {
padding: 30px 0 40px 0 !important;
background: #6f6f6f;
}
.testimonial.testimonial-with-quotes blockquote p {
padding: 30px 40px !important;
}
.testimonial .testimonial-author strong {
color: #cfcdcd!important;
display: block;
margin-bottom: 2px;
font-size: 16px;
font-size: 1rem;
}
html section.section_temoignages p,
html section.section_temoignages .stitre{color:#fff!important}
html section.section_temoignages .stitre{padding: 0 0 5px 0px!important}
html section.section_temoignages h2.main_title_left {
text-align: left;
margin: 20px 0 0px !important;
padding: 20px 0 0 0px!important;
text-transform: uppercase;
line-height: 1.4em;
text-shadow: 1px 1px 1px rgba(18, 15, 15, 0.65);
letter-spacing: 0.01em;
font-size: 2em;
font-weight: 700;
/* background: none!important;
*/}
html section.section_temoignages, html section.section_temoignages h2.main_title_left {
color: #fff !important;
letter-spacing: 0.1em !important;
}
html section.section_temoignages .thumb-info {
background-color: rgba(35, 31, 32, 0.7) !important;
border-radius: 4px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
border-radius: 5px !important;
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.17);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.17);
background-color: rgb(255, 255, 255);
border: 1px solid #333;
padding-bottom: 25px;
min-height: 340px;
}
/*CAROUSEL */
.owl-carousel.rounded-nav .owl-nav button[class*="owl-"] {
padding: 3px 7px;
background: transparent;
border: 1px solid #594431 !important;
color: #594431 !important;
}
.owl-theme .owl-dots .owl-dot span {
width: 20px!important;
height: 20px!important;
}
.owl-theme .owl-dots .owl-dot span:hover {
background: #000!important;
}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
background-color: #02b4e6 !important;
}
.owl-carousel.nav-style-2 .owl-nav .owl-next::before, .owl-carousel.nav-style-2 .owl-nav .owl-prev::before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 1px!important;
width: 1em!important;
height: 1em;
border-top: 4px solid #000;
border-top-color: rgb(204, 204, 204);
border-left: 4px solid #000;
border-left-color: rgb(0, 0, 0);
font-size: inherit;
transform: translate3d(0, -50%, 0) rotate(-45deg);
}
.owl-carousel.nav-style-2 .owl-nav .owl-next::after, .owl-carousel.nav-style-2 .owl-nav .owl-prev::after {
content: '';
display: block;
border-top: 4px solid #000!important;
border-top-color: rgb(204, 204, 204);
width: 2em!important;
position: absolute;
top: 50%;
font-size: inherit;
transform: translate3d(0, -50%, 0);
}
.owl-carousel.nav-style-2 .owl-nav .owl-next:hover, .owl-carousel.nav-style-2 .owl-nav .owl-next:active,
.owl-carousel.nav-style-2 .owl-nav .owl-prev:hover,
.owl-carousel.nav-style-2 .owl-nav .owl-prev:active {
color: #fff!important;
}
.thumb-info .thumb-info-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
border-radius: 0px!important;
margin: 0;
overflow: hidden;
display: block;
position: relative;
}
html section.section_motif {
padding: 25px 0 20px 0!important;
background: #1a181d url(../img/fd/motif.jpg) repeat center bottom!important
}
html section.section_motif h3{
color: black!important;
font-size: 2em!important;
font-weight: 500!important;
text-transform: uppercase!important;
}
html section.section_motif .social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a {
background: #212529;
}
/*TEXTE EN ARRIERE-PLAN*/
.silhouette_temoignages {
position: absolute;
z-index: 0;
bottom: -75px;
left: 5%;
background: no-repeat center bottom;
}
.silhouette_activite {
position: absolute;
z-index: 0;
top:20px;
left: 0%;
background: no-repeat center bottom;
}
.silhouette_une {
position: absolute;
z-index: 0;
left: 0%;
background: no-repeat center top;
}
.page-header .silhouette_hd {
position: absolute;
z-index: 100;
bottom: -1px;
left: 30%;
background: no-repeat center bottom;
}
.silhouette_titre {
position: absolute;
z-index: 0;
bottom: -55px;
left: -8%;
background: no-repeat center bottom;
}
/*.page-header .silhouette_hd {
position: absolute;
z-index: 0;
bottom: -55px;
left: -8%;
background: no-repeat center bottom;
}*/
.sidebar {
padding: 6px 40px 6px 6px;
margin: 0 !important;
margin-bottom: 25px !important;
}
.bord {
background: #EAF3F9;
border-top: 1px solid #203288!important;
border-bottom: 1px solid #203288 !important;
border-right-style: none !important;
border-left-style: none !important;
}
/*TEXTE SUR 2 COL AUTOMATIQUE*/
.two-cols {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.two-cols {
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
/*PHOTOS*/
.section.section_magasin {
background: #FAFCFB !important;
}
.magasinph { margin: 0;}
.magasinph .thumb-info {
margin-bottom: 30px;
}
.sort-destination-loader::after {
background: transparent!important
}
.magasinph .thumb-info .thumb-info-title {
color: #FFF;
font-size: 1em !important;
font-weight: 700;
/* background:none!important
*/}
/*.magasinph .thumb-info .thumb-info-wrapper,
body .album .thumb-info, .magasinph .thumb-info {
border-radius: 0px!important;
margin: 0px!important;
border-color: black!important;
}*/
.magasinph .thumb-info {
background-color: rgb(255, 255, 255, 0.8) !important;
display: block;
position: relative;
text-decoration: none;
max-width: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.17);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.17);
border: 1px solid #c3e7f2 !important;
padding: 10px !important;
}
/*
.magasinph .thumb-info .thumb-info-wrapper,
body .album .thumb-info,
body .magasinph .thumb-info {
border-radius: 0px!important;
margin: 0px!important;
border-color: black!important;
}
*/
.phbig {float:none; margin: 10px 0 40px 0; width:100%}
.phright {float:right!important; margin: 0 0 20px 25px;}
.phleft {float:left!important; margin: 0 25px 20px 0;}
.phright, .phleft, .phbig, .magasin .ph {
position: relative;
display: inline-block;
float: right;
/*padding: 8px;
border: 3px solid #0dcdf3 !important;*/
border-radius: 15px 15px 35px 15px!important;
background-color: transparent !important;
border-left: 4px solid #02b4e6 !important;
border-right: 1px solid #CCC !important;
border-bottom: 1px solid #CCC!important;
border-top: 1px solid #CCC;
/* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 40px rgba(0, 0, 0, 0.20);
-webkit-box-shadow: 10px 10px 12px -15px rgba(0, 0, 0, 0.33) !important;
box-shadow: 10px 10px 18px -5px rgba(0, 0, 0, 0.33) !important;
*/}
body .album section.section_photo {
padding: 30px 0 90px 0 !important;
background-image: none !important;
background: #fff!important;
margin-bottom: 25px;
margin-top: 0px;
}
.news_contenu .phright {
/* border: 3px solid #0dcdf3 !important;
*//* border-radius: 0!important;
box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none !important;
*/}
.news_contenu h4 {
font-size: 1.1em !important;
line-height: 20px;
margin: 5px 0 15px 0 !important;
letter-spacing: 0 !important;
color: #02b4e6 !important;
}
.news_contenu h3 {
font-size: 1.3em !important;
font-weight: 400 !important;
letter-spacing: normal;
line-height: 24px;
margin-bottom: 10px !important;
color: black !important;
}
.thumb-info img {
transition: all 0.3s ease;
border-radius: 0!important;
}
.phleftfooter { position: relative;
display: inline-block;
float: left;margin: 0 25px 20px 0;
}
#ovale {
width: 60px;
height: 40px;
border-radius: 60px / 40px;
background: orange;
}
.img-circle {
border-radius: 50% !important;
border: 6px solid #00C5EF !important;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4) !important;
}
.strokeb {border-right: 6px solid #02b4e6 !important;}
.stroke {padding: 10px;}
/*superposition images*/
.border10 {
border: 10px solid #FFF;
}
html .bg-color-secondary, html .bg-secondary {
background-color: #3b3b3b !important;
border-radius: 5px !important;
}
.heading.heading-middle-border::before {
border-top: 1px solid #000!important;
}
/*FONDS DE COULEUR*/
html .bg-color-after-secondary::after {
background-color: #576fec !important;
}
html .bg-color-after-secondary::after {
background-color: #292929 !important;
}
.get-in-touch::after {
content: '';
display: block;
width: 120%;
height: 100px;
position: absolute;
bottom: -48px;
left: -5%;
transform: rotate(2deg);
}
.gradient, .section.section_gradient, html .featured-box-primary .icon-featured {
/* background-image: linear-gradient(to right, #02b4e6, #48aaac, #4abaad, #49a9ac,#02b4e6) !important;
*/ opacity: 1;
background: linear-gradient(150deg,#02b4e6 15%,#6fcb93 70%) !important;
}
section.section-nomargin {margin:0!important}
section.section {
background: transparent !important;
border-top: none !important;
margin: 0 !important;
padding: 20px 0 40px 0 !important;
/* border-bottom: 2px solid #000;
*/}
html .section.section-tertiary p { color:#fff!important;}
html .section.section-tertiary {
background-color: #be9765 !important;
border-color: #946e3c !important;
}
html .section.section-secondary {
background-color: #af976b!important;
border-color: #2e9153 !important;
}
html .section.section-primary {
background-color: #e7f9f7 !important;
border-color: #02b4e6 !important;
margin:100px 0!important;
padding:50px 0!important
}
html .bg-color-primary, html .bg-primary {
background-color: #02b4e6 !important;
}
html .section.section_temoignage2 h2.main_title {color:#fff!important;}
html .background-color-light {background-color: #203288 !important;}
html .section.section-partenaires{padding: 50px 0}
.section.section-gris {background: #F7F7F7 !important;}
/*.section.section-accueil{margin:80px 0!important}
*/.section.section_rose {
margin: 0;
background-image: linear-gradient(to right top, #fef0f0, #fee1dc, #fbd3c5, #f3c8ab, #e5be91)!important;
}
.gradient-text-color {
color: #0088CC;
background: -webkit-gradient(linear, left top, right bottom, from(#98d228), to(#08682c));
background: linear-gradient(to bottom right, #98d228, #08682c);
background-image: linear-gradient(to right bottom, rgb(0, 58, 128), rgb(0, 144, 54));
background-clip: border-box;
background-image: -webkit-gradient(linear, left top, right top, from(#98d228), to(#08682c));
background-image: linear-gradient(to right, #98d228, #08682c);
}
.gradient, .section.section_gradient{
background-image: linear-gradient(to right, #af976b, #af976b, #fff, #af976b,#af976b) !important;
opacity: 1;
}
html .featured-box-primary .icon-featured { background-color: #af976b!important}
html .featured-box-primary .box-content-border-bottom {border-bottom-color: #af976b!important}
html .featured-box-effect-2.featured-box-primary .icon-featured::after {
box-shadow: 0 0 0 3px #af976b!important
}
.primary { background-color: #02b4e6 !important}
.secondary {}
.tertiary { background: #213288!important;}
.section.section_bleu {
background-image: linear-gradient(to right, #003a80, #1d70ac, #c4daf4, #487db2, #003d83) !important;
}
.section.section_bois {
background: url(../img/fd/fd1.jpg) no-repeat scroll center bottom!important;/* -webkit-background-size: cover;
background-size: cover; */
}
.section.section_vert { background-image: linear-gradient(to right, #029039, #40a636, #5db433, #6abb31, #92ce29) !important}
.section.section_bleu_vert {background-image: linear-gradient(to right, #029039, #44a836, #0087c4, #00aedd, #89ca2b) !important;
}
.section.section-vert {
background: url(../img/fd/fd_top.jpg) no-repeat center center!important;
}
/*pied de page oblique*/
html .bg-color-light-scale-1 {
background-color: #e4faf7 !important;
/* border-bottom: 2px solid #333334;
*/}
.fd_noir {
opacity: 1!important;
/*background: #1a181d;*/
background-color: rgb(35, 31, 33);
background-color: rgba(35, 31, 33, 0.8);
padding: 40px 40px 10px 40px;
border-radius:20px;
border: 1px solid #af976b;
margin-bottom:40px
}
/*Call-to-action*/
.call-to-action-primary {
background: #2074b2 !important;
}
.call-to-action-primary a{
color: #fff !important;
border-bottom: 1px solid #fff !important;
}
.call-to-action-primary a:hover {
color: #000!important;
}
.call-to-action-content a:hover{
color: #fff!important;
}
.call-to-action .call-to-action-content {
text-align: left!important;
}
.call-to-action-content h3 {
text-transform: none;
padding: 0;
margin: 0 0 9px 0px;
line-height: 1.4em !important;
font-size: 1em !important;
color:#fff!important;
font-weight:700!important
}
.call-to-action p {
font-size: 1.8em;
color: #fff!important;
}
#footer .call-to-action {
position: relative;
margin: 0 auto !important;
text-align: center !important;
clear: both;
background: #221e1f;
border-radius: 15px 15px 35px 15px;
box-shadow: none !important;
padding: 12px 10px !important;
}
/*footer*/
html section.section_activite .call-to-action {
position: relative;
margin: 0 auto !important;
text-align: center !important;
clear: both;
background: #02b4e6;
border-radius: 15px 15px 35px 15px;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.20);
padding: 12px 35px;
clear: both;
}
html section.section_activite .call-to-action-content {
padding: 20px!important;
margin: 0 auto;
width: 100%!important;
}
html section.section_activite .call-to-action-content h3 {
color: #fff !important;
font-weight: 500;
}
html section.section_activite.call-to-action-content {
text-align: left !important;
padding: 2px 5px 5px 5px !important;
}
html section.section_activite .call-to-action-btn {
margin-top: -25px;
margin-bottom: -25px !important;
}
html section.section_activite .call-to-action-btn a, #footer .call-to-action-btn a:hover {border:none!important}
.bon {
margin: 0px auto 25px auto !important;
text-align: center !important;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.20);
width: 40% !important;
margin-top: -30px !important;
}
.silhouette_footer {
position: absolute;
z-index: 0;
left: 0;
background: no-repeat center bottom;
top: 5px;
}
.silhouette_footerA {
position: absolute;
z-index: 2;
left: 44%;
background: no-repeat center bottom;
top: -60px;
}
.silhouette_footerB {
position: absolute;
z-index: 2;
left: 0;
background: no-repeat center bottom;
top: -60px;
}
#footer {
/* padding-top: 48px !important;
*/ padding-top: 8px !important;
margin-top: 60px !important;
margin-right: 0 !important;
border: 0 !important;
background-image: linear-gradient(to right, #02b4e6, #0083ae) !important;
background: #0083ae;
}
#footer {
border-top: 4px solid #20b7e2!important;
}
#footer .social-icons a{
text-decoration: none !important;
text-decoration: none !important;
color: #000!important;
background-color:#fff!important
}
#footer .social-icons a:hover{
text-decoration: none !important;
text-decoration: none !important;
color: #fff!important;
background-color:#000!important
}
#footer .silhouette_top {
position: absolute;
z-index: 0;
top: 10px;
right: 0;
background: no-repeat center top;
}
#footer p.lead {
font-family: 'Montserrat', cursive!important;
font-size: 3.7em !important;
line-height: 1.4em !important;
font-weight: 700 !important;
margin-bottom: 15px !important;
color: #fff !important;
}
#footer h4 {
color: #1a181d!important;
margin-bottom: 5px !important;
font-size: 28px;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 0.1em;
}
#footer h5 {
color: #fff!important;
margin-bottom: 5px !important;
}
#footer p, #footer a {
color: #fff!important;
font-weight: 400!important;
}
#footer a {
border-bottom: 1px solid #FFFFFF !important;
margin-bottom: 5px !important;
}
#footer strong{ font-weight: 800;}
#footer a:hover {
color: #000!important;
border-bottom: 1px solid #000!important;
}
#footer ul li {
color: #fff!important;
}
#footer .bloc1 {background: rgba(333,333,333,0.5)!important; line-height: 1.5em !important;}
.adresse .fa, .adresse .fas, .mod .fa, .mod .fas, #footer .fas {
font-weight: 900;
margin-right: 5px !important;
}
.adresse p {
line-height: 1.6em !important;
}
#footer .adresse p {
line-height: 1.6em !important;
font-size: 40px !important;
}
.footer-copyright {
background-color: rgb(84, 84, 84) !important;
margin-top: 25px !important;
color: #FFF;
padding: 30px 0;
}
#footer .footer-copyright p {
color: #fff !important;
font-size: 13px !important;
}
#footer .footer-copyright a {
color: #02b4e6 !important;
border-bottom: 1px solid #02b4e6 !important;
}
#footer .footer-copyright a:hover {color:#fff !important}
#footer .footer-ribbon {
background: #999;
position: absolute;
margin: -75px 0 0 0;
padding: 10px 20px 6px 20px;
}
#footer .footer-ribbon {
background: #333334;
}
#footer .footer-ribbon::before {
border-right-color: #0d0e0e;
border-left-color: #858a8c;
}
#footer .footer-ribbon span {
color: #FFF;
font-size: 1.1em;
font-family: inherit!important;
}
html .badge-primary {
background-color: transparent !important;
padding: 8px 20px 0px 20px;
color: #000;
border: 2px solid #af976b!important;
margin-bottom: 25px;
border-radius: 12px;
}
#contact {
background: #9dd5f5;
border: none;
}
#contact p {
color: #000!important;
font-weight: 400!important;
font-size: 1.6em!important;
margin-bottom:0!important
}
#contact strong{
font-weight: 800;
}
#contact h4 {
color: #FFFFFF;
margin-bottom: 5px !important;
}
/*BOUTON*/
html .btn-light, html .btn-primary {
font-size: 14px !important;
background-image: linear-gradient(to right, #02b4e6, #02b4e6) !important;
background-color: #02b4e6;
text-transform: uppercase;
padding: 12.8px 24px;
font-weight: 400;
margin-top: 20px;
border: 2px solid white !important;
}
.section-une .btn-modern a {
font-size: 14px!important;
padding: 10px 18px!important;
font-weight: 400;
margin-top: 20px;
}
.btn-modern {
text-transform: uppercase;
font-size: .8em;
/* padding: 12.8px 24px;
*/ padding: 0.8rem 1.5rem;
font-weight: 400;
}
html body .btn-light.hover,
html body .btn-light:hover,
html body .btn-outline.btn-light.hover,
html body .btn-outline.btn-light:hover,
html .btn-light:hover,
html .btn-gradient:not(.btn-outline):hover,
html .btn:hover,
html .btn-primary:hover,
html .btn-outline.btn-primary:hover,
html .btn-outline.btn-primary.hover {
background-color:#02b4e6!important;
border-color:#000;
color:#000!important;
border: 2px solid #000!important;
box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.25)!important;
}
.btn-gradient:not(.btn-outline) {
background: #fff;
color: #FFF;
}
.btn {
box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.15) !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
font-size: 0.8em !important;
border-radius: 25px 15px 25px 15px !important;
border: 1px solid #000 !important;
color: #fff !important;
background: #02b4e6;
}
.social-icons li a {
transition: all .2s ease;
border-radius: 100%;
display: block;
height: 28px;
line-height: 28px;
width: 28px;
text-align: center;
color: #fff !important;
text-decoration: none;
font-size: 12.8px;
font-size: .8rem;
padding-bottom: 20px;
padding-top: 0px;
}
.social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a {
background: #4267B2;
}
.social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li {
box-shadow: 0 0 0 0 rgba(0,0,0,.2);
}
.thumb-info-social-icons {
background: #02b4e6 !important;
color: #FFF;
}
.thumb-info-social-icons a:hover, .social-icons li a:hover {
background: #3d3d3d !important;
color: #FFF;
}
#footer .footer-social-icons li a {
color: #fff !important;
border-bottom: none !important;
margin:0!important;
padding:0!important
}
#footer .footer-social-icons li a:hover {
background: #1101fd !important;
color: #fff !important;
}
html .scroll-to-top {
-webkit-transition: opacity 0.3s;
transition: opacity 0.4s;
background: #02b4e6;
border-radius: 7px 7px 0 0;
bottom: 0;
color: #FFF!important;
display: block;
height: 20px;
opacity: 0;
padding: 13px 10px 35px;
position: fixed;
right: 10px;
text-align: center;
text-decoration: none;
min-width: 69px;
z-index: 1040;
}
html .scroll-to-top:hover {
opacity: 1;
background: #000;
}
/*PAGINATION*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination .page-item.active .page-link {
background-color: #46a5b4 !important;
border-color: #000000 !important;
color: #000 !important;
}
.pagination > a,
.pagination > a:hover,
.pagination > a:focus,
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
color: #3FD3F3!important;
border: 1px solid #CCC!important;
}
.pagination > a:hover,
.pagination > li > a:hover,
.pagination > li > span:hover {
color: #02b4e6 !important;
border-bottom: 1px solid #02b4e6 !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination .page-item.active .page-link {
background-color: #fff!important;
border-color: #CCCC!important;
}
.pagination > .active > a,
body.dark .pagination > .active > a {
/* background-color: #0088CC;
border-color: #0088CC #0088CC #006699;
color: #fff;
*/}
.pagination > .active > a:hover,
body.dark .pagination > .active > a:hover,
.pagination > .active > a.hover,
body.dark .pagination > .active > a.hover {
/* background-color: #00a1f2;
border-color: #00aaff #00aaff #0088CC;
color: #fff;
*/}
.pagination > .active > a:focus,
body.dark .pagination > .active > a:focus,
.pagination > .active > a.focus,
body.dark .pagination > .active > a.focus {
/* background-color: #006ea6;
border-color: #006699 #006699 #004466;
*/ color: #fff;
box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.5);
}
.pagination > .active > a.disabled,
body.dark .pagination > .active > a.disabled,
.pagination > .active > a:disabled,
body.dark .pagination > .active > a:disabled {
background-color: #0088CC;
border-color: #0088CC #0088CC #006699;
}
.pagination > .active > a:active,
body.dark .pagination > .active > a:active,
.pagination > .active > a.active,
body.dark .pagination > .active > a.active {
background-color: #006ea6 !important;
background-image: none !important;
border-color: #006699 #006699 #004466 !important;
}
body.dark .pagination > li > a,
body.dark .pagination > li > span,
body.dark .pagination > li > a:hover,
body.dark .pagination > li > span:hover,
body.dark .pagination > li > a:focus,
body.dark .pagination > li > span:focus {
color: #000000;
background: #09C!important;
}
body.dark .pagination > .active > a,
body.dark .pagination > .active > span,
body.dark .pagination > .active > a:hover,
body.dark .pagination > .active > span:hover,
body.dark .pagination > .active > a:focus,
body.dark .pagination > .active > span:focus {
background-color: #fff!important;
}
/*DECO: Separation*/
.title-separator::before {
content: '';
width: 10px;
height: 10px;
border-radius: 3px;
position: absolute;
top: -4px;
background-color: #c78c9e;
border-radius: 2px;
left: 340px;
}
.title-separator {
width: 650px;
height: 1px;
display: block;
position: relative;
margin: 40px auto 30px auto;
background-color: #e7e7e7;
}
/* Halo lumineux */
.thumb-info div, .halo div {
position: relative;
}
.thumb-info div::before, .halo div::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(2, 180, 230, 0.2);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.thumb-info div:hover::before, .halo div:hover::before {
-webkit-animation: circle .75s;
animation: circle .75s;
}
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
/*ACCUEIL: NEWS ET AGENDA*/
.date_agenda {
font-size: 14px;
margin-bottom: 0 !important;
color: #048c3f !important;
}
.date {
font-size: 18px;
margin-bottom: 10px!important;
color: #000 !important;
font-weight: 700;
text-transform: uppercase;
}
.thumb-info_agenda, .thumb-info_actu {
border-radius: 15px 15px 35px 15px;
/* -webkit-border-top-left-radius: 20px!important;
-webkit-border-bottom-right-radius: 20px!important;
-moz-border-radius-topleft: 20px!important;
-moz-border-radius-bottomright: 20px!important;
border-top-left-radius: 20px!important;
border-bottom-right-radius: 20px!important;
*/ padding: 15px;
width: 100%!important;
}
.thumb-info .thumb-info-wrapper::after {
background: rgba(33, 37, 41, 0.3)!important;
}
.thumb-info {
background-color: rgb(255, 255, 255) !important;
background-color: rgba(255, 255, 255, 0.7) !important;
display: block;
position: relative;
text-decoration: none;
max-width: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.17);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.17);
/* border-left: 6px solid #40D4F3 !important;
*/ border: 1px solid #fff!important;
padding: 10px!important;
}
.thumb-info:hover{
-moz-border-radius: 5px!important;
-webkit-border-radius: 5px!important;
border-radius: 5px!important;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.17);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.17);
border: 1px solid #999;
}
.thumb-info .thumb-info-title {
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: rgba(33, 37, 41, 0.8);
color: #FFF;
font-weight: 700;
left: 0;
letter-spacing: -.05em;
position: absolute;
z-index: 2;
font-size: 17px;
padding: 4px 4px!important;
bottom:5%!important;
}
.agendadetail .thumb-info-caption,
.newsdetail .thumb-info-caption {
padding: 0!important;
}
.thumb-info-caption h3 {
font-size: 20px !important;
letter-spacing: 0 !important;
margin-bottom: 30px !important;
margin-top: 0px;
}
.thumb-info-caption h4 {
font-size: 22px !important;
margin-bottom: 5px !important;
letter-spacing: 0 !important;
}
.thumb-info-caption-text a {
color: #000 !important;
border-bottom: 1px solid #000 !important;
line-height: 1.8em;
}
.thumb-info-caption {
padding: 25px 25px 35px 25px;
overflow: hidden;
}
.thumb-info-caption-text {
line-height: 1.4em!important;
}
.thumb-info-caption-text a:hover {
color:#003A80!important;
border-bottom:1px solid #003A80!important
}
.thumb-info-caption-text h4 {
font-size: 19px !important;
color: #333 !important;
}
.thumb-info-caption-text .date {
font-size: 0.8em !important;
margin-top: -10px !important;
}
.thumb-info-caption-text-equipe h4 {
font-size: 22px !important;
margin: 25px 0 0 0;
color: #40d4f3 !important;
margin-top: 24px !important;
}
.staff .thumb-info-caption-text-equipe .email{
font-size:16px!important;
}
.staff .thumb-info-caption-text-equipe{
padding:10px 8px!important;
}
.staff .thumb-info {
background-color: rgba(255, 255, 255, 0.7) !important;
display: block;
position: relative;
text-decoration: none;
max-width: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.17);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.17);
border-left: 6px solid #40D4F3 !important;
border: 1px solid #d4d4d4!important;
border-radius: 0 0 30px 0!important;
margin-bottom:75px!important
}
.staff .thumb-info:hover{
-moz-border-radius: 5px!important;
-webkit-border-radius: 5px!important;
border-radius: 5px!important;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.17);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.17);
border: 1px solid #40d4f3!important;
}
/*accueil création*/
.thumb-info .thumb-info-type {
background-color: #CCC;
border-radius: 4px;
display: inline-block;
float: left;
font-size: 1em!important;
font-weight: 700;
letter-spacing: 0;
margin: 8px -2px -15px 0px;
padding: 2px 12px;
text-transform: uppercase;
z-index: 2;
line-height: 2.3;
}
.magasinph .thumb-info .thumb-info-type {
border-radius: 4px;
display: inline-block;
float: left;
font-size: 14px !important;
font-weight: 700;
letter-spacing: 0;
margin: 8px -2px -15px 0px;
padding: 4px 12px;
text-transform: uppercase;
z-index: 2;
line-height: 1.3!important;
}
.news_contenu {
border-left: 4px solid #00C4EF !important;
border-top: 1px solid #E5E5E5 !important;
border-right: 1px solid #E5E5E5 !important;
border-bottom: 1px solid #E5E5E5 !important;
display: block;
position: relative;
text-decoration: none;
border-radius: 4px;
min-height: 200px;
margin-bottom: 25px;
box-shadow: 0 0 10px rgba(0,0,0,.08);
/* box-shadow: 0 0 5px 0 rgba(0, 0, 0, .10);
*/ border-radius: 15px 15px 35px 15px;
background: url("../img/fd/shape.png") no-repeat -5px center;
/* background: url(../img/deco/ligne.png) repeat-x center bottom;
*//* width: 80%;
*/ width: 100%;
margin: 0 auto 55px auto;
}
.news_contenu h5 {
font-size: 23px!important;
}
/* BOX DE COULEUR POUR LES LIENS ET PDF */
.bloc_doc > .clear, .bloc_lien > .clear {
clear: both;
height: 0; /* Précaution pour IE 7 */
}
.bloc_doc, .bloc_lien, .bloc_note {
padding: 16px !important;
margin: 15px 0 !important;
width: 65%;
border-radius: 4px;
overflow: hidden;
color: #000 !important;
/* border-radius: 15px 15px 35px 15px;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.20);
*/
}
.bloc_doc p, .bloc_lien p, .bloc_note p {
color: #000!important;
margin-bottom: 8px !important;
}
.bloc_doc a, .bloc_lien a, .bloc_note a {
line-height: 1em !important;
color: #43727f!important;
border-bottom: 1px solid #43727f!important;
margin: 0 !important;
}
.bloc_lien a {
color: #fff !important;
border-bottom: 1px solid #fff !important;
}
.bloc_doc, .section.section_degvert, .bloc3 {
background: #a8d9e7 url(../img/deco/pdf.png) no-repeat 98% center !important;
/* 2px solid #97C8D6 !important
*/}
.thumb-info_actu .article, .thumb-info_agenda {
border: 1px solid #000 !important;
background: #EEE;
}
.bloc_lien, .section.section_degbleu {
background: #058bc2 url(../img/deco/liens.png) no-repeat 98% center;
/* border: 1px solid #e1243a !important;
*/}
.bloc_note {
background: #0b6a2c url(../img/deco/i.png) no-repeat 98% center;
border: 1px solid white !important;
}
.bloc_note p, .bloc_note{
color: #FFF!important;
}
/*.bloc_lien {
background-image: linear-gradient(to right, #e5eef5, #eff5f8, #eef6f8, #eff5f8, #e5ecf0) !important;
border: 1px solid #C0D4E2 !important;
}*/
.bloc_lien h4, .bloc_doc h4, bloc_note h4 {
color: #000!important;
padding-bottom: 0px!important;
font-size:16px!important
}
.bloc_lien a:hover, .panel-body .bloc_lien a:hover {
color: #000!important;
border-bottom:1px solid #000!important;
}
.bloc_doc a:hover, .panel-body .bloc_doc a:hover {
color: #000!important;
border-bottom: 1px solid #000!important;}
.bloc_note a:hover, .panel-body .bloc_note a:hover {
color: #000!important;
}
.bloc_postit, .bloc1, .bloc3, .bloc2 {
padding: 10px!important;
margin: 0 !important;
box-shadow: none!important;
line-height: 1.5em;
float:none!important;
overflow: hidden!important;
width:100%!important
}
p.bloc1, p.bloc2, p.bloc3 {
line-height: 1.5em;
color: #333334 !important;
padding: 20px !important;
font-size: 26px !important;
font-weight: 700 !important;
}
/*idem lead sans arrière-plan*/
p.bloc2 {
color: #fff!important;
padding: 20px !important;
font-size: 1.4em;
line-height: 1.5em;
font-weight: 700;
border-radius: 15px 15px 35px 15px;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.20);
}
.bloc1 a, .bloc2 a {
color: #fff;
}
.bloc1 a:hover, .bloc2 a:hover {
color: #fff;
}
.bloc1, .bloc3 {
color: #fff !important;
padding: 20px !important;
width: auto;
margin: 5px 0 !important;
margin-top: 5px;
border-radius: 15px 15px 35px 15px;
overflow: hidden;
margin-top: 25px !important;
margin-bottom: 25px !important;
}
.bloc1 p {
color: #fff!important;
}
.bloc1 > .clear {
clear: both;
height: 0; /* Précaution pour IE 7 */
}
/* bloc avec marge*/
.bloc2 {
background: #02b4e6!important;
padding: 20px;
border: 1px solid #C3C3C2;
width: auto;
margin: 30px 0 10px 0 !important;
border-radius: 15px 15px 35px 15px;
overflow: hidden;
}
/*bloc variante 2 */
.bloc3 {
background: #DCDED9;
border: 1px solid #02b4e6!important;
margin: 25px 0;
font-size: 20px !important;
line-height: 1.8em !important;
color: #fff !important;
padding: 20px;
border-radius: 15px 15px 35px 15px;
display: block;
text-align: center;
}
p.bloc3 {
color: #fff !important;
}
.bloc5 {
background: #FABAA2;
margin: 25px 0;
color: #000 !important;
margin-top: 25px;
line-height: 1.8em !important;
color: #fff !important;
padding: 20px;
display: block;
text-align: left;
border-radius: 35px 45px 35px 45px !important;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.20) !important;
border: 2px solid white !important;
}
p.bloc5, .bloc5 p {
color: #000 !important;
font-size: 16px !important;
}
.liste-pdf .lien a {color:#76b214!important}
.liste-pdf .lien a:hover {color:#118100!important}
.liste-pdf .lien {
color: #000 !important;
display: inline;
font-weight: 400;
background: #F5FAEE;
font-size: 14px;
margin-top: 8px !important;
display: block;
overflow: hidden;
text-align: left;
/* padding: 5px;
*/}
.mod .liste-pdf li,
.mod .liste-pdf ul {
list-style-type: none !important;
list-style-image: none!important;
}
.mod li {
line-height: 28px;
/* margin-bottom: 15px;
*/}
/*ACCORDEON avec icone plus et moins*/
.btn-link { color: #af976b;}
.myaccordion { width: 100%; }
.myaccordion h4 {
font-size: 0.6em !important;
line-height: 10px;
margin-top: 0px !important;
letter-spacing: -.02em !important;
font: 19px/1.6em 'Poppins', Arial, Verdana, sans-serif;
}
.myaccordion .card,
.myaccordion .card:last-child .card-header {
border: none;
}
.myaccordion .card-header {
border-bottom-color: #EDEFF0;
background: transparent;
margin-bottom: 20px;
}
.myaccordion .btn {
text-transform: uppercase !important;
letter-spacing: 1px !important;
margin-bottom: 0px !important;
margin-top: 0px;
padding: 0px 15px !important;
-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.15) !important;
-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.15) !important;
box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.15) !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
border: 1px solid #CBE0D4;
}
span.myaccordion .fa-2x{font-size:10px!important}
.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
text-decoration: none;
background: #e0f3be!important;
}
.accordion li + li {
margin-top: 10px;
}
.card-header {
padding: 0;
margin-bottom: 0;
background-color: rgba(0,0,0,.03);
border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-body {
padding: 32px;
}
.card {
position: relative;
border: 1px solid rgba(0, 0, 0, 0.2)!important;
margin-bottom: 65px!important
}
.accordion .card-title {
font-size: 16px;
background-color: #f7f7f7;
}
.accordion .card-header a:hover, .accordion .card-header a:focus {
text-decoration: none;
background-color: #c78c9e!important;
}
.accordion .card-header a {
color: #121415 !important;
border-bottom: 1px solid #000 !important;
}
.toggle > label:hover {
background: #DEDEDE;
}
.toggle > label {
-webkit-transition: all .15s ease-out;
transition: all .15s ease-out;
background: #f7f7f7;
border-left: 3px solid #CCC;
border-left-color: rgb(204, 204, 204);
border-radius: 2px!important;
color: #CCC;
display: block;
min-height: 20px;
padding: 14px 20px 14px 10px!important;
position: relative;
cursor: pointer;
font-weight: 400;
}
/*REGLEMENTATION DES DONNEES*/
.cc-link {
opacity: .8;
display: inline-block;
padding: 0!important;
text-decoration: none!important;
color: #68bfaf !important;
}
.cc-color-override--1994519029.cc-window {
color: #fff!important;
background-color: #75685b !important;
border: 1px solid #000;
}
.cc-btn {
border-bottom: 1px solid #020202 !important;
}
.hidden {display:none!important}
/* Responsive */
@media (min-width: 1200px) {}
/* Responsive SM */
@media (max-width: 575px) {
.topA {margin-top:5px!important; float:left!important}
.topB {margin-top:5px!important; float:right!important}
.adresseb{margin-top:10px!important}
p.bloc1, p.bloc2, p.bloc3 {font-size: 20px !important;}
.page-header .silhouetteA {bottom: -4px!important;}
.page-header.page-header-modern h1 {font-size: 20px!important;}
.parallax .silhouette {left: 15%!important;}
.silhouette_footerA {left: 30%!important;}
.slider-container .silhouette {left: 23%!important;}
.social-icons {margin: 0 5px 0 0!important;}
.top .log {text-align:center!important; max-width:40%!important; margin:0 auto!important; display: table!important}
.top ul {
display: block !important;
text-align: center !important;
margin: 0 auto !important;
}
.top h4 {
margin-top: 25px !important;
text-align: center!important;
margin: 0 auto !important;
font-size: 17px !important;
line-height: 1em !important
}
.thumb-info-side-image-custom.thumb-info-side-image-custom-highlight .thumb-info-side-image-wrapper {
margin: 0 !important;
padding: 10px 20px !important;
}
.thumb-info-side-image-custom {min-height: auto!important;}
.phright, .phleft, .phbig {float:none!important; margin:20px 0!important; width:100%!important}
.thumb-info-caption {padding: 25px 15px 35px 15px!important;overflow: hidden;}
.pt-4, .py-4 {padding-top: 0.8rem !important;}
.mt-5, .my-5 {margin-top: 10px !important;}
.mr-4 {margin-right:4px!important}
.ml-4 {margin-left:4px!important}
.mt-2, .my-2 {margin-top: 0px !important;}
.mt-1{margin-top: 10px !important;}
/*p.bloc2,p.bloc2, p.bloc2 strong {font: 400 30px/1.5em 'Parisienne', cursive!important;}*/
#footer h3 {
color: #000 !important;
font-size: 22px !important;
}
body .album .float-right {
float: none !important;
overflow: hidden;
clear: both !important;
display: inline-block;
margin-top: 15px !important;
}
.slider-container h1 {
font-size: 12px !important;
}
.slider-container .silhouetteA {
bottom: -8px!important;
}
.heading.heading-middle-border::before {
border-top: none !important;margin-top:50px!important
}
.custom-post-event {
position: relative;
margin-bottom: 25px!important;
}
.page-header.page-header-modern.page-header-background.page-header-background-md {
padding: 0 !important;
display: none!important;
}
.deco {
margin-top: -15px !important;
}
.slider-container .tp-caption-overlay-opacity {
background: rgba(0,0,0,.4);
}
h1.tp-caption {
font: 700 14px/1.1em 'Open Sans', Times, serif !important;
padding:5px!important;
line-height:0.9em!important;
margin-bottom:15px!important
}
.tp-caption h5 {
font: 700 13px/0.8em 'Open Sans', Times, serif !important;
color: #fff !important;
letter-spacing: 0em!important;
padding:4px!important;
line-height:0.4em!important;
margin-top:5px!important
}
/*.tp-caption btn {margin-top:-15px!important}
*/.rev_slider .tp-mask-wrap .tp-caption {margin-bottom: 50px !important;}
/*.post-content h4 {
font-size: 22px !important;
margin-top: 25px !important;
color: #000 !important;
}
html section.section_activite .thumb-info {
background-color: rgba(181, 236, 255, 0.7) !important;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.17);
padding: 0 0 25px 0 !important;
min-height: 310px;
border-left: 4px solid #02b4e6 !important;
border-top: 1px solid #000 !important;
border-right: 1px solid #000 !important;
border-bottom: 1px solid #000!important;
border-radius: 15px 15px 35px 15px!important;
}*/
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
#footer {padding-top: 80px !important;}
.adresse {margin-top:20px!important}
.top h4 {font-size:1.4em!important}
}
@media screen and (min-width: 1024px) {
.top h4 {
padding: 0;
color: #02b4e6 !important;
font-weight: 400 !important;
font-size:1.8em!important
}}
/*@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (-webkit-min-device-pixel-ratio: 3) {
.top h4 {
font-size:1.2em!important
}*/
@media (max-width: 767px) {
#footer {padding-top: 80px !important;}
.adresse {margin-top:20px!important}
/*.section-une a, */
.section-une h4 {font-size: 18px !important;}
.section-une a:hover{
color:#02b4e6!important;
border-bottom: 1px solid #02b4e6 !important;
}
.section.section-accueil {padding: 0px 0 20px 0 !important;}
.hidden-sm {display:none!important}
/*.page-header.page-header-modern.page-header-background.page-header-background-md {padding: 90px 0 !important;}
*/.page-header-modern h1 {
font-size: 18px !important;
background: #02b4e6;
color: #fff !important;
height: 59px!important;;
padding: 12px 5px 5px 65px!important;;
}
.slider-container .silhouetteA {
bottom: -4px!important;
}
.page-header h1 {top: -25px!important;}
.page-header.page-header-modern.page-header-background {
max-height: 10px!important;
margin-bottom: 0px !important;
}
.testimonial blockquote p {
color: #FFF;
font: italic 18px/1.7em 'Open Sans', Times, serif !important;
}
h2.main_title_left {
font-size: 1.4em!important;
}
.stitre {
margin-bottom: -35px !important;
padding: 0px!important;
}
html .btn-outline.btn-primary {font-size: 0.6em !important;}
.feature-box h2 {font-size: 1.6em !important;}
/*.pt-4, .py-4 {padding-top: 0.2rem !important;}*/
.bloc_doc, .bloc_lien, .bloc_note {width: 100%!important;}
.phright, .phleft, .phbig {float:none!important; margin:20px 0!important; width:100%!important}
img, p {hyphens: none!important}
/*.slider-container h1 {font-size: 14px !important;}
*/.mt-5 {margin-top:10px!important}
.top h3 {
font-size: 2.4em !important;
line-height: 1em!important;
}
h3 span {
font-size: 15px !important;
}
.simple-search {
max-width: 100%!important;
margin-right: 2px !important;
}
.shop .divider {display:none!important}
.progressbar li {
font-size: 10px!important;
}
.progressbar ul {margin:0!important;}
/*p.bloc2, p.bloc2 strong {font: 400 30px/1.5em 'Parisienne', cursive!important;}
*/
.testimonial.testimonial-style-2 {
text-align: center; width:100%!important; padding:0!important
}
#footer .call-to-action {
border-radius: 55px 10px 55px 10px!important;
}
.call-to-action-content h3 {
padding: 15px 10px 5px 10px;
}
.section.section-une {
border-top: 1px solid #0bc8f2 !important;
border-bottom: 1px solid #000 !important;
margin-bottom: -30px !important;
background-color: #c2f0fa !important;
background-image: none!important
}
.section.section-une .news_contenu {
margin-bottom: 55px!important;
border-left: 4px solid #02b4e6 !important;
border-top: 1px solid #02b4e6 !important;
border-right: 1px solid #02b4e6 !important;
border-bottom: 1px solid #02e2fb !important;
}
body .news .deco {margin-top: 20px !important;}
html section.section_activite .thumb-info {
padding: 0 0 25px 0 !important;
border-left: 4px solid #02b4e6 !important;
border-top: 1px solid #183c4a !important;
border-right: 1px solid #183c4a !important;
border-bottom: 1px solid #183c4a !important;
border-radius: 15px 15px 35px 15px !important;
}
html section.section_activite {
padding: 50px 0 60px 0 !important;
margin-top: 30px;
background-color: #0083ae!important;
background-image: none!important
}
}
@media (max-width: 992px) {
.news_contenu {
width: 99%!important;
}
#footer .float-right {
float: none !important;
}
.offset-1 {
margin-left: 0!important;
}
}
/*TABLEAU */
@media only screen and (max-width: 575px) {
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
display: block;
}
/* table, table p, body, p, li {
font-size:18px !important}*/
/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: none!important}
td {
/* Behave like a "row" */
border: none;
border-top: none!important;
position: relative;
/* padding-left: 50%; */
}
td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
/* width: 45%; */
padding-right: 10px;
white-space: nowrap;
}
}
/*--------------------------------------------------------------
ANIMATION
--------------------------------------------------------------*/
.floating {
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes floating {
from { transform: translate(0, 0px); }
65% { transform: translate(0, 15px); }
to { transform: translate(0, -0px); }
}
.rotationlg {
-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
@media print {
body, p, #footer p, #footer h4, #footer a { font-size:20px!important; color:#000!important}
h2.main_title_left {font-size: 30px!important}
h3,h4 {font-size: 20px!important}
hr {border-bottom: 1px solid #CCC!important;}
#footer p, #footer h4, #footer a{float:none!important}
.slider-container, #header {height:0!important; display:none!important}
/*VERSION BOXED*/
/*html.boxed .body {
border-radius: 0px!important;
border: 0px !important;
-webkit-box-shadow: 0 rgba(0, 0, 0, 0)!important;
box-shadow: 0 rgba(0, 0, 0, 0)!important;
margin: 0px!important;
}*/
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: "";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {border: 1px solid #999; page-break-inside: avoid; }
thead {display: table-header-group; }
.dont-break, img { page-break-inside:avoid; }
tr {
max-width: 100% !important;
page-break-before: auto;
page-break-after: auto;
page-break-inside: avoid;
}
/* p, h2,h3 {orphans: 3; widows: 3; }
*/ h2, h3 {page-break-after: avoid}
.btn, .dropup > .btn {
}
}