/*
################################################################
█████╗ ████████╗███████╗██╗ ██╗███████╗██████╗
██╔â•â•â–ˆâ–ˆâ•—â•šâ•â•â–ˆâ–ˆâ•”â•â•â•â–ˆâ–ˆâ•”â•â•â•â•â•â–ˆâ–ˆâ•‘ ██║██╔â•â•â•â•â•â–ˆâ–ˆâ•”â•â•â–ˆâ–ˆâ•—
███████║ ██║ █████╗ ██║ ██║█████╗ ██████╔â•
██╔â•â•â–ˆâ–ˆâ•‘ ██║ ██╔â•â•â• ██║ ██║██╔â•â•â• ██╔â•â•â–ˆâ–ˆâ•—
██║ ██║ ██║ ███████╗███████╗██║███████╗██║ ██║
â•šâ•â• â•šâ•â• â•šâ•â• â•šâ•â•â•â•â•â•â•â•šâ•â•â•â•â•â•â•â•šâ•â•â•šâ•â•â•â•â•â•â•â•šâ•â• â•šâ•â•
██████╗ ██╗ ██╗ ███╗ ███╗███████╗██████╗ ██╗ ███████╗
██╔â•â•â–ˆâ–ˆâ•—██║ ██║ ████╗ ████║██╔â•â•â•â•â•â–ˆâ–ˆâ•”â•â•â–ˆâ–ˆâ•—██║ ██╔â•â•â•â•â•
██║ ██║██║ ██║ ██╔████╔██║█████╗ ██████╔â•â–ˆâ–ˆâ•‘ █████╗
██║ ██║██║ ██║ ██║╚██╔â•â–ˆâ–ˆâ•‘██╔â•â•â• ██╔â•â•â–ˆâ–ˆâ•—██║ ██╔â•â•â•
██████╔â•â•šâ–ˆâ–ˆâ–ˆâ–ˆâ–ˆâ–ˆâ•”╠██║ â•šâ•â• ██║███████╗██║ ██║███████╗███████╗
â•šâ•â•â•â•â•â• â•šâ•â•â•â•â•â• â•šâ•â• â•šâ•â•â•šâ•â•â•â•â•â•â•â•šâ•â• â•šâ•â•â•šâ•â•â•â•â•â•â•â•šâ•â•â•â•â•â•â•
################################################################
*/
@font-face {
font-family: "Lato";
src: url("/ressources/typo/lato/lato-regular.woff") format("woff");
src: url("/ressources/typo/lato/lato-regular.woff2") format("woff2");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Lobster";
src: url("/ressources/typo/lobster/lobster.woff") format("woff");
src: url("/ressources/typo/lobster/lobster.woff2") format("woff2");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "kaushan_scriptregular";
src:
url("/ressources/typo/kaushan-script/kaushanscript-regular-webfont.woff")
format("woff"),
url("/ressources/typo/kaushan-script/kaushanscript-regular-webfont.woff2")
format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "montserrat";
src:
url("/ressources/typo/montserrat/montserrat-regular-webfont.woff")
fflexmat("woff"),
url("/ressources/typo/montserrat/montserrat-regular-webfont.woff2")
format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "montserrat-bold";
src:
url("/ressources/typo/montserrat/montserrat-bold-webfont.woff")
format("woff"),
url("/ressources/typo/montserrat/montserrat-bold-webfont.woff2")
format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "montserrat-black";
src:
url("/ressources/typo/montserrat/montserrat-black-webfont.woff")
format("woff"),
url("/ressources/typo/montserrat/montserrat-black-webfont.woff.woff2")
format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "bebasneue";
src:
url("/ressources/typo/bebasneue/bebasneue-regular-webfont.woff")
format("woff"),
url("/ressources/typo/bebasneue/bebasneue-regular-webfont.woff2")
format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "gilroy";
src:
url("/ressources/typo/gilroy/gilroy-regular-webfont.woff") format("woff"),
url("/ressources/typo/gilroy/gilroy-regular-webfont.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Open Sans";
src:
url("/ressources/typo/opensans/opensans-regular.woff") format("woff"),
url("/ressources/typo/opensans/opensans-regular.woff.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
html,
body {
font-family: "Open Sans", Arial, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
text-transform: none;
height: 100%;
margin: 0;
}
#content {
margin-top: 32px;
}
figure img {
height: auto !important;
}
.logo {
background: rgb(0, 0, 0);
background: linear-gradient(
90deg,
rgba(0, 0, 0, 0.09565824620863972) 0%,
rgba(0, 0, 0, 0.4373949408865109) 35%,
rgba(0, 0, 0, 0.4429971817828694) 65%,
rgba(0, 0, 0, 0.09845936665681898) 100%
);
}
@media (max-width: 850px) {
.logo {
display: none;
}
}
@media (max-width: 991px) {
.nonMobile {
display: none;
}
}
.armoiries {
display: inline-block;
}
.armoiries img {
width: auto;
max-height: 188px;
}
.logotexte {
display: inline-block;
vertical-align: middle;
}
.commune {
font-family: "montserrat-bold", sans-serif;
font-size: 32px;
-webkit-text-stroke: 2px rgba(255, 255, 255, 0.1);
text-stroke: 2px rgba(255, 255, 255, 0.1);
text-shadow: rgba(0, 0, 0, 0.4) 0 0 6px;
text-align: center;
}
span.communeTitre {
font-family: "montserrat-bold", sans-serif;
font-size: 28px;
color: #fff;
margin-left: 18px;
}
@media (max-width: 500px) {
span.communeTitre {
font-family: "montserrat-bold", sans-serif;
font-size: 18px;
color: #fff;
}
}
@media (max-width: 400px) {
span.communeTitre {
font-family: "montserrat-bold", sans-serif;
font-size: 14px;
color: #fff;
}
}
.commune a {
color: #fff;
}
.commune a:hover {
color: #2e77b6;
}
.jumelage {
max-width: 452px;
margin-top: 22px;
padding-bottom: 6px;
font-family: "bebasneue", sans-serif;
font-size: 18px;
text-align: right;
}
.jumelage a {
color: #fff;
}
.jumelage a:hover {
color: #f4f824;
}
p.dateCal {
margin-bottom: 0;
}
.dropbtn {
/* background-color: #4CAF50; */
color: #fff;
padding: 3px;
font-weight: bold;
/* font-size: 16px; */
border: none;
cursor: pointer;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
/* min-width: 160px; */
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: #3e8e41;
}
.tb-gforms-compat .gform_wrapper .gsection .gfield_label,
.tb-gforms-compat .gform_wrapper h2.gsection_title,
.tb-gforms-compat .gform_wrapper h3.gform_title,
.sf-menu .mega-section-header,
/*
h1, h2, h3, h4, h5, h6 {
font-family: "Open Sans", Arial, sans-serif;
font-style: normal;
font-weight: 700;
text-transform: none;
}
*/
h1, h2 {
font-family: "montserrat-black", sans-serif;
font-style: normal;
}
h3,
h4,
h5,
h6 {
font-family: "montserrat-bold", sans-serif;
font-style: normal;
}
h5,
h6,
.widget-title,
.related-posts-title,
.tb-info-box .info-box-title,
#comments-title,
#respond .comment-reply-title,
.tb-author-box .info-box-title,
.woocommerce-tabs .panel h2,
.products.related > h2,
.products.upsells > h2,
#bbpress-forums fieldset.bbp-form legend,
.modal-title,
.sf-menu .mega-section-header,
.tb-pricing-table .title,
.tb-icon-box .icon-box-title {
font-family: "montserrat", Arial, sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: 0px;
text-transform: none;
}
blockquote,
.epic-thumb blockquote,
.entry-content blockquote,
.testimonial-text.entry-content {
font-family: "Libre Baskerville", Arial, sans-serif;
font-style: italic;
font-weight: 400;
letter-spacing: 0px;
text-transform: none;
}
.post-date,
.entry-header .entry-meta,
.tb-mini-post-list .entry-meta,
.post_grid .entry-meta,
.tb-post-slider .entry-meta,
.tweeple-feed .tweet-meta,
#comments .comment-body .comment-metadata,
blockquote cite {
font-family: "montserrat", Arial, sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: 0px;
text-transform: uppercase;
}
.epic-thumb .entry-title,
.tb-jumbotron .text-large {
font-family: "montserrat", Arial, sans-serif;
font-style: normal;
font-weight: 700;
letter-spacing: 3px;
}
.epic-thumb .entry-title {
text-transform: uppercase;
}
@media (min-width: 992px) {
.epic-thumb .epic-thumb-header .entry-title {
font-size: 50px;
}
}
a {
color: #2e77b6;
}
a:hover,
a:focus,
a:active {
color: #0f74a8;
}
.btn,
input[type="submit"],
input[type="reset"],
input[type="button"],
.button,
button {
border-radius: 0px;
border-width: 2px;
}
.btn-default,
input[type="submit"],
input[type="reset"],
input[type="button"],
.button,
button {
background-color: #f5f5f5;
border-color: #dddddd;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
color: #666666;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default:active:hover,
.btn-default.active:hover,
.btn-default.active:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
.button:hover,
.button:focus,
.button:active,
button:hover,
button:focus,
button:active {
background-color: #eeeeee;
border-color: #dddddd;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
color: #666666;
}
.btn,
input[type="submit"],
input[type="reset"],
input[type="button"],
.button,
button {
border-radius: 0px;
border-width: 2px;
}
button.bouton {
/*
font-size: 16px;
line-height: 16px;
*/
padding: 2px 2px;
/* width: 100px; */
background-color: transparent;
border: none;
border-color: #dddddd;
-webkit-box-shadow: none;
box-shadow: none;
color: rgba(255, 255, 255, 0.8);
}
button.bouton:hover {
color: #fff;
}
.retour {
margin-top: 22px;
text-align: left;
}
a.bouton {
font-family: "montserrat", Arial, sans-serif;
padding: 4px 4px 4px 0;
font-size: 2em;
font-weight: bold;
/* font-variant: small-caps; */
background-color: #2a6496;
/* border-color: #dddddd; */
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
color: #fff;
}
a.bouton:hover,
a.bouton:focus,
a.bouton:active {
background-color: transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
color: #2a6496;
}
.primary,
.bg-primary,
.btn-primary,
a.alt,
button.alt,
input.alt,
.label-primary,
.panel-primary > .panel-heading {
background-color: #0f74a8;
border: none;
color: #ffffff;
}
.panel-primary > .panel-heading > .panel-title {
color: #ffffff;
}
.primary:hover,
.primary:focus,
a.bg-primary:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
a.alt:hover,
a.alt:focus,
button.alt:hover,
button.alt:focus,
input.alt:hover,
input.alt:focus {
background-color: #2496e2;
color: #ffffff;
}
.panel-primary {
border: none;
}
.tb-tag-cloud .tagcloud a:hover,
.tb-tags a:hover,
.tb-tags a:focus,
.btn-share:hover,
.btn-share:focus {
background-color: #0f74a8;
}
.tb-thumb-link .thumb-link-icon,
.post_showcase
.showcase-item.has-title
.featured-item.showcase
.tb-thumb-link:after,
.post_showcase
.showcase-item.has-title
.featured-item.showcase.tb-thumb-link:after {
/* background-color: rgba(15,116,168,0.8); */
background-color: rgba(255, 16, 38, 0.8);
}
.tb-floating-search .tb-search .search-input:focus,
.tooltip-inner {
border-color: #0f74a8;
}
.recherche {
list-style: none;
padding-bottom: 44px;
}
em.keyword {
background-color: yellow;
text-decoration: underline;
}
.tooltip.top .tooltip-arrow,
.tb-contact-popover.bottom {
border-top-color: #0f74a8;
}
.tooltip.bottom .tooltip-arrow,
.tb-contact-popover.bottom > .arrow:after {
border-bottom-color: #0f74a8;
}
.box-title,
.fixed-sidebar .widget-title,
#comments-title,
.tb-info-box .info-box-title,
.tb-related-posts .related-posts-title {
border-bottom: 2px solid #f2f2f2;
border-color: rgba(220, 220, 220, 0.4);
padding-bottom: 0.83em;
position: relative;
}
.box-title:before,
.box-title:after,
.fixed-sidebar .widget-title:before,
#comments-title:before,
.info-box-title:before,
.tb-related-posts .related-posts-title:before {
content: "";
background: #0f74a8; /* highlight */
position: absolute;
bottom: -2px;
left: 0;
width: 75px;
height: 2px;
z-index: 2;
}
.box-title {
border-bottom-color: transparent;
}
.box-title:before {
width: 50px;
}
.box-title:after {
background: #f2f2f2;
background: rgba(220, 220, 220, 0.4);
width: 150px;
z-index: 1;
}
.fixed-sidebar .widget.standard {
background-color: #ffffff;
background-color: rgba(255, 255, 255, 1);
}
.fixed-sidebar .widget-title {
color: #333333;
font-size: 18px;
text-shadow: none;
}
.header-content {
height: 300px;
}
.header-content-sm {
height: 44px;
}
.header-content {
/* background-color: rgba(0,0,0,.1); */
/* background-color: red; */
}
#branding {
/* height:300px; */
background-color: #222;
background-image: url(/ressources/images/HUG_3697.jpg); /* 1600x1200px — 30 à 50% */
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.site-logo {
background: linear-gradient(
90deg,
rgba(0, 0, 0, 0.09565824620863972) 0%,
rgba(0, 0, 0, 0.4373949408865109) 35%,
rgba(0, 0, 0, 0.4429971817828694) 65%,
rgba(0, 0, 0, 0.09845936665681898) 100%
);
}
.site-header {
/* background-color: rgba(35,40,45,1); */
border-bottom-style: solid;
border-bottom-width: 5px;
border-bottom-color: #0f74a8;
}
.header-addon {
height: 44px;
font-size: 22px;
padding: 0 4px 0 4px;
background: linear-gradient(
90deg,
rgba(0, 0, 0, 0.09845936665681898) 0%,
rgba(0, 0, 0, 0.4429971817828694) 50%,
rgba(0, 0, 0, 0.09845936665681898) 100%
);
}
.header-addon.sm {
height: 22px;
font-size: 14px;
padding: 0 4px 0 4px;
background: none;
margin-top: 0 !important;
position: absolute;
z-index: 100;
top: 20%;
right: 120px;
}
.header-nav {
background-color: rgba(28, 33, 37, 0.8);
/* background-color: #064267; */
}
.header-nav .tb-primary-menu ul.non-mega-sub-menu,
.header-nav .tb-primary-menu .sf-mega {
z-index: 1001;
margin-top: 5px;
}
.tb-sticky-header > .wrap,
.tb-sticky-header .tb-primary-menu > li {
height: 50px;
}
.tb-sticky-header .logo-sticky img {
max-height: 40px; /* {height} - 10px */
}
.tb-sticky-header .tb-primary-menu > li > .menu-btn {
line-height: 50px;
}
.tb-mobile-header {
background-color: #23282d;
}
.tb-mobile-header > .wrap {
height: 64px;
}
.tb-mobile-header .site-logo img {
max-height: 54px;
}
.mobile-nav > li > a,
.mobile-nav > li > a:hover {
color: #ffffff;
}
.tb-nav-trigger .hamburger span,
.tb-nav-trigger:hover .hamburger span {
background-color: #ffffff;
}
#top,
.tb-mobile-header {
display: none;
}
.pagination {
display: block;
margin-top: 44px;
margin-bottom: 44px;
font-size: 16px;
font-weight: bold;
text-align: center;
}
.pagination span {
font-size: 0.9em;
font-weight: normal;
}
@media (min-width: 992px) {
#top {
display: block;
}
}
@media (max-width: 991px) {
.tb-mobile-header {
display: block;
}
}
.tb-sticky-header {
background-color: #23282d;
background-color: rgba(35, 40, 45, 0.9);
}
.tb-sticky-header .tb-primary-menu > li > .menu-btn {
font-family: "Raleway", Arial, sans-serif;
letter-spacing: 0px;
text-transform: none;
}
.tb-primary-menu > li > a:hover {
background-color: #2a6496;
}
.header-nav .tb-primary-menu > li > .menu-btn,
.tb-sticky-header .tb-primary-menu > li > .menu-btn,
.tb-side-panel .menu > li > .menu-btn,
.tb-mobile-panel .tb-mobile-menu > li > .menu-btn {
font-family: "Raleway", Arial, sans-serif;
font-style: normal;
font-weight: 300;
letter-spacing: 0px;
text-transform: none;
}
.header-nav .tb-primary-menu > li > .menu-btn {
font-size: 18px;
}
/*
.mega-sub-menu a.menu-btn {
font-size: 18px;
font-weight:bold;
}
*/
div.sf-mega {
box-shadow: 0 4px 7px rgba(26, 26, 26, 0.3) !important;
}
.niveauParent div.sf-mega {
box-shadow: none !important;
}
.tb-primary-menu ul.non-mega-sub-menu,
.tb-primary-menu .sf-mega {
/* background-color: rgba(255, 255, 255, .96); */
background-color: rgba(222, 236, 255, 0.98);
/* padding-top: 44px; */
}
.tb-primary-menu .sf-mega ul {
padding-top: 14px;
}
ul.mega-sub-menu {
/* background-color: rgba(255, 255, 255, 0.8); */
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: stretch;
}
.sf-mega:first-child {
/* background-color: red; */
}
ul.mega-sub-menu li {
margin: 12px;
padding: 4px;
}
ul.mega-sub-menu li:after {
display: block;
content: "";
border-bottom: solid 3px #2a6496;
transform: scaleX(0);
transition: transform 250ms ease-in-out;
}
ul.mega-sub-menu li:hover:after {
transform: scaleX(1);
}
h1.fromRight:after {
transform-origin: 100% 50%;
}
h1.fromLeft:after {
transform-origin: 0% 50%;
}
.tb-primary-menu .sf-mega ul ul {
padding-top: 0;
}
.tb-mobile-panel {
background-color: #222222;
}
/* =Custom CSS
-----------------------------------------------*/
/**
* Custom CSS Example: Add highlight color
* to active top-level main menu item.
*/
.tb-primary-menu > li.selected > .menu-btn {
background-color: rgba(42, 100, 150, 0.8);
}
section {
float: none;
clear: both;
}
#home-section-1 {
border-bottom: 6px solid #2a6496;
}
#home-section-2 {
}
#home-section-3 {
}
#home-section-4 {
}
#home-section-5 {
}
#home-section-6 {
}
.bg-shade {
background-color: rgba(0, 0, 0, 0.4);
}
/* MES BLOCS */
.blocTitre h1,
.blocTitre h2,
.blocTitre h3,
.blocTitre h4,
.blocTitre h5 {
color: #333;
margin: 10px auto 20px auto;
}
.blocTitre.titreSouligne h1:after {
background: none repeat scroll 0 0 #333;
bottom: -10px;
content: "";
display: block;
height: 10px;
position: relative;
width: 100px;
margin: auto;
}
.jplist-label {
clear: both;
}
.contenuLibre h1 {
font-size: 3.8rem;
font-weight: 900;
line-height: 1.09;
margin-bottom: 1rem;
color: #064267;
}
.contenuLibre h2 {
font-size: 2.8rem;
font-weight: 900;
line-height: 1.09;
margin-bottom: 1rem;
color: #064267;
}
.contenuLibre h2 span {
font-family: "montserrat-bold", Arial, sans-serif;
font-size: 0.4em;
}
h3.calendrier {
margin: 14px 0;
padding: 4px 14px 4px 14px;
font-size: 1.5em;
color: #fff;
background-color: rgba(63, 136, 227, 0.85);
}
#content h3 {
font-size: 1.2em;
margin-top: 22px;
padding: 3px 3px 3px 0;
border-bottom: 1px solid #000b5e;
}
#content h3.articleInterieur {
font-size: 1.5em;
margin-top: 44px;
padding: 3px 3px 3px 3px;
border-bottom: none;
background-color: #2a6496;
color: #fff;
}
#content .niveauParent h3 {
font-size: 1.2em;
width: auto;
margin: 144px 80px 22px 80px;
border-top: 1px solid #c1c1c1;
border-bottom: none;
padding-top: 14px;
}
.niveauParent ul {
list-style: none;
}
.niveauParent li {
margin: 12px;
}
.niveauParent .selected a {
border-bottom: 3px solid #c1c1c1;
/* color: #c1c1c1; */
color: #1a3348;
}
.niveauParent ul.mega-sub-menu li:after {
display: block;
content: "";
border-bottom: solid 3px #2a6496;
transform: scaleX(0);
transition: transform 250ms ease-in-out;
}
.niveauParent ul.mega-sub-menu li.selected:after {
border-bottom: none;
}
.niveauParent ul.mega-sub-menu li:hover:after {
transform: scaleX(1);
}
.contenuLibre {
margin-bottom: 44px;
padding: 8px;
}
ul.pseudomenu {
font-weight: bold;
margin: 22px 0 0 0;
padding: 0 0 0 22px;
list-style: square;
}
ul.pseudomenu li {
margin: 0;
padding: 8px;
}
ul.pseudomenu li a {
text-decoration: none;
}
ul.pseudomenu li:nth-child(odd) {
background: #b8d1f3;
}
ul.pseudomenu li:nth-child(even) {
background: #dae5f4;
}
@media (max-width: 500px) {
.niveauParent ul {
flex-direction: column;
}
}
.compl {
margin: 0 15px;
}
.ficheContact {
height: 100%;
margin: 0 3px 22px 3px;
padding: 6px;
background-color: #fff !important;
}
.verticalAlign {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.row.eqCol {
/* display: flex; */
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.row.eqCol > [class*="col-"] {
display: flex;
flex-direction: column;
}
@media (max-width: 767px) {
.row.eqCol {
justify-content: center;
}
}
.top {
align-items: flex-start !important;
justify-content: flex-start !important;
align-self: flex-start;
}
h3.contact {
margin: 0 0 12px 15px;
padding: 0 !important;
}
ul.contact {
list-style: none;
margin: 0;
padding: 0;
}
ul.contact li i {
width: 18px;
}
ul.contact li span {
margin-left: 8px;
}
.contactTableau {
display: flex;
align-items: center;
margin-top: 4px;
width: 100%;
font-size: 0.9em;
border: none;
background-color: #e2e4e4;
}
.contactTableau div {
/*
line-height: 44px;
height: 44px;
*/
}
.contenuLibre ul li,
.contenuLibre ol li {
margin-left: 44px;
}
.hadesContact {
display: block;
margin-top: 44px;
padding: 4px;
}
.hadesContact ul {
display: block;
margin-top: 16px;
margin-left: 12px;
padding: 0;
list-style: none;
}
.hadesContact ul li {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
.hadesContact h3,
.horaireTitre h3 {
border-bottom: 1px solid #333;
}
.datation p {
padding: 8px;
font-size: 1.2em;
}
.jplist-panel ul li,
.jplist-panel ol li {
margin-left: 0;
}
/* .blocTitre h1 { font-size: 64px }
.blocTitre h2 { font-size: 48px; }
.blocTitre h3 { font-size: 36px; }
.blocTitre h4 { font-size: 24px; }
.blocTitre h5 { font-size: 18px; } */
#custom-bottom a {
color: #fff;
}
#custom-bottom a:hover {
color: #2e77b6;
}
.footerC1 h2 {
font-family: "montserrat", sans-serif;
}
.footerC1 {
padding: 0 44px 0 44px;
}
.footerC1 ul,
.footerC1 ul li {
list-style: none;
margin-left: 0;
padding: 0;
}
.footerC2 {
}
.footerC3 {
padding: 0 44px 0 44px;
margin-top: 10px;
text-align: right;
}
.footerC3 .footerLang {
margin-bottom: 44px;
}
.footerC3 .footerLang a {
font-size: 12px;
color: #fff;
}
.footerC3 .footerLang a:hover {
color: #2e77b6;
}
.footerC3 h6 {
line-height: 2em;
}
@media (max-width: 767px) {
/* .blocTitre c { font-size: 48px; }
.blocTitre h2 { font-size: 36px; }
.blocTitre h3 { font-size: 24px; }
.blocTitre h4 { font-size: 18px; }
.blocTitre h5 { font-size: 16px; } */
.contenuLibre h1 {
font-family: "montserrat-bold", sans-serif;
font-size: 2.5rem;
font-weight: 900;
line-height: 1.09;
margin-bottom: 1rem;
color: #064267;
}
.contenuLibre h2 {
font-family: "montserrat-bold", sans-serif;
font-size: 1.5rem;
font-weight: 900;
line-height: 1.09;
margin-bottom: 1rem;
}
.contenuLibre {
margin-top: 0;
margin-bottom: 22px;
}
.contactTableau {
display: block;
}
.footerC1 {
padding: 0;
text-align: center;
}
.footerC3 {
padding: 0;
margin-top: 20px;
text-align: center;
}
}
@media (max-width: 640px) {
.contenuLibre h1 {
font-family: "montserrat-bold", sans-serif;
font-size: 1.5rem;
font-weight: 900;
line-height: 1.09;
margin-bottom: 1rem;
color: #064267;
}
.contenuLibre h2 {
font-family: "montserrat-bold", sans-serif;
font-size: 1rem;
font-weight: 900;
line-height: 1.09;
margin-bottom: 1rem;
}
}
.pageArticle {
width: 100%;
margin-top: 22px;
margin-bottom: 22px;
}
.pageArticle img {
}
/* MES BLOCS */
/* BLOCS NEWS */
.blocNews {
width: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin: auto auto 12px auto;
}
@media (max-width: 1200px) {
.blocNews {
justify-content: center;
}
}
/* BLOCS ENQUÊTES PUBLIQUES */
.blocEnPub {
width: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin: auto auto 12px auto;
}
@media (max-width: 1200px) {
.blocEnPub {
justify-content: center;
}
}
.body {
padding-top: 6px;
margin-bottom: 0;
float: none;
clear: both;
}
.telecharger {
/*
font-size: 1.2em;
font-weight: bold;
*/
}
.slick-current.slick-active.slick-center {
opacity: 1;
}
.slick-slide {
opacity: 1 !important;
}
.slider {
margin-top: 0;
max-width: 300px;
height: auto;
}
.slider img {
/*
height: 400px;
object-fit: cover;
*/
}
.slick-initialized .slick-track {
display: flex;
align-items: center;
}
.SLfiche {
max-width: 300px;
height: 280px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.sliderThumb {
width: 120px;
height: 120px;
margin: auto;
background-color: rgba(15, 116, 168, 0.1);
}
.sliderTitre {
margin-top: 22px;
height: 80px;
font-size: 0.8em;
text-align: center;
font-weight: bold;
}
.sliderTag {
text-align: center;
}
div.SLtags {
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
div.SLtags div {
font-size: 0.6em;
color: #fff;
font-weight: bold;
margin: 4px;
padding: 2px;
background-color: #1a3348;
}
.sliderThumb img {
width: 120px;
height: 120px;
object-fit: cover;
}
.blocNews div.list-item {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
align-content: stretch;
width: 260px;
height: auto;
margin: 6px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
/* background-color: #EFEFEF; */
-webkit-transition: all 0.3s linear;
-o-transition: all 1s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-kthtml-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.blocNews div.list-item:hover {
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
/* transition: transform .4s; */
}
.blocEnPub div.list-item {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
align-content: stretch;
width: 18rem;
height: auto;
margin: 6px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
/* background-color: #EFEFEF; */
-webkit-transition: all 0.3s linear;
-o-transition: all 1s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-kthtml-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.blocEnPub div.list-item:hover {
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
/* transition: transform .4s; */
}
.themeblvd-gallery {
/* max-width: 558px; */
/* background-color: green; */
}
.newsPhoto {
margin-top: 0;
height: 260px;
overflow: hidden;
background-image: url(/ressources/images/blason_LREmbosse.png);
background-repeat: no-repeat;
background-position: center center;
}
.newsPhoto img {
display: table-cell;
vertical-align: middle;
width: 260px;
height: 260px;
object-fit: cover;
}
.newsPhotoSq {
margin-top: 0;
/* height:260px; */
overflow: hidden;
background-image: url(/ressources/images/blason_LREmbosse.png);
background-repeat: no-repeat;
background-position: center center;
}
.newsPhotoSq img {
display: table-cell;
vertical-align: middle;
width: 260px;
height: 260px;
object-fit: cover;
}
.newsFiche {
/* min-height: 220px; */
padding: 16px 8px 8px 8px;
}
.eventFiche {
/* min-height: 200px; */
padding: 16px 8px 8px 8px;
}
.enqFiche {
padding: 12px !important;
}
.newsFiche p.title {
position: relative;
margin-top: -36px;
padding: 6px 3px 12px 3px;
background-color: #f9f9f9;
/* box-shadow: 0px -1px 1px rgba(0,0,0,0.18);
*/
}
.newsTitre {
position: relative;
margin-top: -36px;
padding: 6px 3px 12px 3px;
background-color: #f9f9f9;
font-size: 16px;
line-height: 1;
font-family: "montserrat-bold", sans-serif;
font-style: normal;
text-transform: none;
text-align: center;
box-shadow: 0px -8px 6px rgba(0, 0, 0, 0.2);
}
.newsTitre a {
color: #333;
}
.newsTitre a:hover {
color: #337ab7;
}
.newsDate {
font-family: "Lato", Arial, sans-serif;
font-style: normal;
font-weight: 700;
letter-spacing: 0px;
text-transform: uppercase;
font-size: 11px;
color: rgba(26, 26, 26, 0.4);
}
.newsLieu {
font-family: "Lato", Arial, sans-serif;
font-style: normal;
font-weight: 700;
letter-spacing: 0px;
text-transform: uppercase;
font-size: 11px;
color: rgba(26, 26, 26, 0.4);
}
.newsTexte {
margin-top: 6px;
font-size: 14px;
font-family: "Lato", Arial, sans-serif;
font-style: normal;
font-weight: 300;
text-transform: none;
color: rgba(26, 26, 26, 0.7);
line-height: 1.6;
min-height: 100px;
}
.newsSuite {
font-weight: bold;
text-align: right;
margin-right: 16px;
margin-bottom: 8px;
}
.newsSuiteCen {
font-weight: bold;
text-align: center;
margin-right: 16px;
margin-bottom: 8px;
}
.newsSuite a {
position: absolute;
/* width: 100%; */
bottom: 8px;
right: 8px;
z-index: 1;
text-align: center;
font-weight: bold;
}
.newsSuite a.fullpave {
position: absolute;
width: 100%;
top: 0;
bottom: 0;
z-index: 1;
}
.categorie {
}
div.tags {
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: stretch;
}
div.tags div {
font-size: 0.8em;
color: #fff;
font-weight: bold;
margin: 4px;
padding: 2px;
background-color: #1a3348;
}
div.lienModal {
width: 100%;
}
#dmodal {
width: 80%;
margin: auto;
background-color: #fff;
padding: 12px;
}
.fermerModal {
position: relative;
margin-top: -50px;
margin-right: -30px;
text-align: right;
}
/* GALERIES */
span.dateGalerie {
margin-left: 6px;
font-weight: bold;
font-style: italic;
}
span.compteurGalerie {
font-size: 0.8em;
}
/* GALERIES */
/* MINI GALERIE D'IMAGES */
.blocVignettes {
width: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
margin: 12px;
}
.blocVignettes div {
margin: 12px;
}
.blocLogos {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
margin: 12px;
}
/* FIN MINI GALERIE D'IMAGES */
/* FICHIERS EN TÉLÉCHARGEMENT AVEC FICHE DÉTAILLÉE */
.conteneurRessources2 {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
font-size: 0.9em;
}
.conteneurRessources3 {
display: flex;
flex-direction: row;
flex-basis: auto;
flex-wrap: nowrap;
align-items: flex-end;
padding: 12px;
background-color: rgba(255, 255, 255, 0.85);
margin: 12px;
}
.blocRessource2 {
width: auto;
min-width: 240px;
margin: 12px;
display: flex;
flex-direction: column;
align-content: center;
border-bottom: 4px solid #2e77b6;
}
.illustrationRessource2 {
height: 200px;
text-align: center;
}
.illustrationRessource2.blocFichier2 {
display: flex;
align-content: center;
}
.illustrationRessource2 img {
width: 100%;
height: auto;
text-align: center;
box-shadow: 3px 2px 16px;
}
.illustrationRessource3 {
text-align: center;
}
.illustrationRessource3 img {
width: 100%;
height: auto;
text-align: center;
box-shadow: 0 2px 8px;
}
.donneesRessource2 {
margin-top: 12px;
}
.donneesDescription {
margin-top: 18px;
margin-bottom: 60px;
}
.placeholderFile {
max-width: 150px;
}
.attributs {
margin-bottom: 12px;
background-color: rgba(255, 255, 255, 0.8);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: stretch;
}
.granulat {
padding: 2px 8px;
margin: 2px;
}
.restrict {
color: #fff;
background-color: red;
}
/* CASES À COCHER */
.caseacocher {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 12px;
cursor: pointer;
font-size: 12px;
font-weight: normal;
line-height: 25px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.caseacocher input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
}
.caseacocher:hover input ~ .checkmark {
background-color: #ccc;
}
.caseacocher input:checked ~ .checkmark {
background-color: #17bb12;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.caseacocher input:checked ~ .checkmark:after {
display: block;
}
.caseacocher .checkmark:after {
left: 9px;
top: 2px;
width: 9px;
height: 18px;
border: solid white;
border-width: 0 4px 4px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (max-width: 768px) {
#content img,
#content figure,
#content figure img {
display: block !important;
float: none !important;
clear: both !important;
margin: auto !important;
}
#content a {
overflow-wrap: break-word;
word-wrap: break-word;
}
.conteneurRessources3 {
flex-direction: column;
align-items: flex-start;
}
}
/* FIN FICHIERS EN TÉLÉCHARGEMENT AVEC FICHE DÉTAILLÉE */
/* PUBLICITÉS */
.conteneurPubs {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-end;
flex-wrap: wrap;
font-size: 0.9em;
}
.conteneurPub {
display: flex;
flex-direction: row;
flex-basis: auto;
flex-wrap: nowrap;
align-items: flex-end;
padding: 6px;
margin: 6px;
}
.blocPublicitaire {
z-index: 2;
width: auto;
margin: 6px;
display: flex;
flex-direction: column;
align-content: center;
/* border-bottom: 4px solid #2e77b6; */
}
.illustrationPublicitaire {
text-align: center;
}
.illustrationPublicitaire.blocFichier2 {
display: flex;
align-content: center;
}
.illustrationPublicitaire img {
text-align: center;
}
.donneesPublicitaires {
margin-top: 6px;
}
.donneesDescriptionPub {
margin-top: 18px;
margin-bottom: 6px;
}
@media (max-width: 768px) {
.conteneurPub {
flex-direction: column;
align-items: flex-start;
}
}
/* PUBLICITÉS */
/* BLOC VIGNETTES ACCUEIL */
.blocVignettesAccueil {
width: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
align-content: center;
margin-bottom: 12px;
}
.articleAccueil {
position: relative;
}
.articleAccueil div.overlay {
position: absolute;
bottom: 0;
width: 100%;
padding: 4px;
background-color: rgba(255, 255, 255, 0.9);
}
div.articleAccueil {
max-width: 200px;
margin: 6px;
}
.articleAccueil img {
border: 4px solid rgba(255, 255, 255, 0.9);
box-shadow: 3px 2px 16px rgba(0, 0, 0, 0.6);
}
/* BLOC VIGNETTES ACCUEIL */
/* CARROUSEL ACCUEIL */
.carousel-inner div.item {
max-height: 60vh;
}
.carrouselOverlay {
width: 100%;
position: absolute;
bottom: 0;
/* background-color: rgba(0,0,0,0.44); */
background: linear-gradient(
104deg,
rgba(0, 0, 0, 0.9) 0%,
rgba(0, 0, 0, 0) 100%
);
padding: 8px 44px;
color: #fff;
}
.carrouselOverlay h3 a {
color: #fff;
}
.carrouselOverlay h3 a:hover {
color: #15adfe;
}
.texteBlanc {
color: #fff;
}
.tagcloud a.tag-cloud-link-accueil {
background-color: #f99d13;
}
/* CARROUSEL ACCUEIL */
/* TABLEAUX */
table.TableauContacts {
margin-top: 22px;
width: 100%;
font-size: 0.9em;
border-collapse: collapse;
border: none;
}
table.TableauContacts tr:nth-child(odd) {
background: #b8d1f3;
}
table.TableauContacts tr:nth-child(even) {
background: #dae5f4;
}
table.TableauContacts td {
width: auto;
padding: 8px 2px 8px 2px;
}
table.TableauContacts td.tel {
width: auto;
padding: 8px 2px 8px 12px;
/*
background-image: url(../images/TelBlanc.png);
background-position: left center;
background-repeat: no-repeat;
*/
}
table.TableauContacts td.tel:before {
content: "☎";
}
h3.TableauAssoc {
font-size: 1.2em;
margin-top: 22px;
padding: 3px 3px 3px 0;
border-bottom: 1px solid #000b5e;
}
table.TableauAssoc {
margin-top: 22px;
width: 100%;
font-size: 0.9em;
border-collapse: collapse;
border: none;
}
table.TableauAssoc tr:nth-child(odd) {
background: #b8d1f3;
}
table.TableauAssoc tr:nth-child(even) {
background: #dae5f4;
}
table.TableauAssoc td {
width: auto;
padding: 8px 2px 8px 2px;
vertical-align: top;
}
/* COLLÈGE ÉCHEVINAL */
table.college {
border-collapse: collapse;
}
table.college tr.collegeTitre h3 {
}
table.college tr.collegePresentation {
margin: 0;
padding: 0;
}
table.college tr.collegePresentation td.portrait {
width: 33%;
margin: 0;
padding: 12px 10px 22px 0;
text-align: center;
vertical-align: top;
}
table.college tr.collegePresentation td.presentation {
padding: 0 10px 22px 0;
vertical-align: top;
}
table.college tr.collegePresentation td.portrait img {
border: 2px solid #000b5e;
}
table.college tr.collegeTitre td h3 {
letter-spacing: 1px;
font-size: 18px;
margin: 22px 0 12px 0;
padding: 2px 2px 2px 0;
/* background-color: #d4d4d4; */
/* border-left: 8px solid #1189D5; */
border-bottom: 1px solid #000b5e;
color: #000b5e;
}
/* CONSEIL ÉCHEVINAL */
table.conseil {
width: 100%;
border-collapse: collapse;
}
table.conseil tr.conseilTitre td h3 {
letter-spacing: 1px;
font-size: 1.2em;
margin-top: 22px;
padding: 3px 3px 3px 0;
border-bottom: 1px solid #000b5e;
}
table.conseil tr.conseilComposition td {
border: 1px solid #fff;
padding: 4px;
vertical-align: middle;
text-align: left;
}
table.conseil tr.conseilComposition td.groupe {
text-align: center;
}
table.conseil tr.conseilComposition td.ConselAdresse {
font-size: 0.8em;
}
table.conseil tr.conseilComposition td.ConselMail {
font-size: 0.8em;
}
table.conseil tr.hoverTable:hover {
background-color: #ffff99 !important;
}
table.conseil tr.conseilComposition:nth-child(odd) {
background: #c9c9c9;
}
table.conseil tr.conseilComposition:nth-child(even) {
background: #e4e4e4;
}
/* SALLES COMMUNALES */
table.salles {
margin-top: 22px;
width: 100%;
border-collapse: collapse;
border: 1px solid #000b5e;
}
table.salles tr.titreSalle {
margin: 12px 0 0 0;
padding: 0;
background: #000b5e;
}
table.salles tr.titreSalle td {
vertical-align: middle;
}
table.salles tr.titreSalle td h3 {
margin-left: 12px;
letter-spacing: 1px;
font-size: 14pt;
padding: 2px 2px 2px 8px;
color: #fff;
}
table.salles tr.presentationSalle {
margin: 0 0 22px 0;
padding: 0;
}
table.salles tr.presentationSalle td.imageSalle {
width: 50%;
margin: 0;
padding: 0 10px 22px 12px;
vertical-align: top;
}
table.salles tr.presentationSalle td.descriptionSalle {
padding: 0 10px 22px 0;
vertical-align: top;
}
table.salles tr.presentationSalle td.imageSalle img {
border: 2px solid #000b5e;
}
/* TABLEAUX */
#content table,
#content .articleInterieur table {
width: 100%;
margin: 22px 0 22px 0;
border: 1px solid #c2c2c2;
border-collapse: collapse;
}
#content table,
#content th,
#content td,
#content table,
#content .articleInterieur th,
#content .articleInterieur td {
border: 1px solid #c2c2c2;
padding: 2px;
}
#content table > thead > tr,
#content .articleInterieur table > thead > tr {
background-color: #4a4a4a;
color: #fff;
}
#content table tbody tr:nth-child(odd),
#content .articleInterieur table tbody tr:nth-child(odd) {
background: #b8d1f3;
}
#content table tbody tr:nth-child(even),
#content .articleInterieur table tbody tr:nth-child(even) {
background: #dae5f4;
}
#content .articleInterieurSobre table {
width: 100%;
margin: 22px 0 22px 0;
border-collapse: collapse;
}
#content .articleInterieurSobre table td {
padding: 6px;
vertical-align: middle;
}
#content .articleInterieurSobre img {
border: 2px solid #fff;
}
/* TITRES */
/* KENBURNS */
@keyframes kenburns {
0% {
opacity: 0;
}
5% {
opacity: 1;
}
95% {
transform: scale3d(1.5, 1.5, 1.5) translate3d(-450px, 320px, 0px);
animation-timing-function: ease-in;
opacity: 1;
}
/*
95% {
transform: scale3d(2, 2, 2) translate3d(-190px, -120px, 0px);
animation-timing-function: ease-in;
opacity: 1;
}
100% {
transform: scale3d(1.5, 1.5, 1.5) translate3d(-170px, -100px, 0px);
opacity: 0;
}
*/
}
.parallax-figure img {
animation: kenburns 200s infinite;
}
@media (max-width: 768px) {
.parallax-figure img {
animation: none;
}
}
/* KENBURNS */
/* BREADCRUMBS */
.FilTitre {
display: inline-block;
margin: 0;
padding: 2px;
color: #000b5e;
/*
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.96);
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.96);
box-shadow: 0px 0px 2px rgba(0,0,0,0.96);
*/
}
.ToolKitStyle {
background-color: #2ec0fe;
}
.FilTitreFleche {
display: inline-block;
width: 10px;
margin: 0 0 0 -4px;
padding: 0;
background-image: url(images/flecheAianeDepart.png);
background-position: left center;
background-repeat: no-repeat;
}
#fildariane {
display: inline-block;
margin-top: 4px;
margin-left: 1%;
font-size: 0.75em;
color: #000b5e;
}
ul.fildariane {
display: inline-block;
margin-left: 0;
margin-right: 0;
padding: 0;
list-style: none;
}
ul.fildariane li {
display: inline-block;
margin-left: 0;
margin-right: 0;
padding: 0;
font-weight: normal;
}
ul.fildariane li a {
color: #000b5e;
font-weight: normal;
}
ul.fildariane li a:hover {
color: #fb001d;
}
/* BREADCRUMBS */
/* NAVIGATION SOUS-PAGES */
.sousPagesNav {
margin-top: 20px;
display: flex;
flex: auto;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 44px;
}
.sousPagesNav div {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
height: 120px;
margin: 12px;
}
.sousPagesNav div i {
position: absolute;
z-index: -1;
bottom: 8px;
right: 6px;
color: rgba(255, 255, 255, 0.15);
font-size: 4em;
text-shadow: none;
}
.sousPagesNav div a {
width: 150px;
height: 120px;
position: relative;
font-size: 1.2em;
color: #fff;
padding: 10px 6px;
z-index: 0;
overflow: hidden;
text-align: center;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
margin: 12px 8px 0 8px;
transition: transform 0.2s;
text-decoration: none;
font-weight: bold;
background-color: rgba(63, 136, 227, 0.85);
}
.sousPagesNav div a:hover {
transform: scale(1.2);
box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.75);
text-shadow: rgba(255, 255, 255, 0.77) 0px 2px 8px;
color: orange;
text-decoration: none;
background-color: rgba(63, 136, 227, 1);
}
.NavAppsousPagesNavStyle div a.selected {
color: #333;
transform: scale(1);
box-shadow: none;
}
.sousPagesNav a.selected {
background-color: rgba(51, 51, 51, 0.8);
color: #fff;
}
.sousPagesNav a.selected:hover {
transform: scale(1);
box-shadow: none;
text-shadow: none;
background-color: rgba(51, 51, 51, 0.8);
border: 2px solid #fff;
color: #fff;
}
/* FIN NAVIGATION SOUS-PAGES */
/* NAVIGATION SOUS-PAGES APP STYLE */
.NavAppStyle {
margin-top: 20px;
display: flex;
flex: auto;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 44px;
}
.NavAppStyle div {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
height: 130px;
margin: 12px;
}
.NavAppStyle div i,
.NavAppStyle div span {
position: absolute;
z-index: -1;
bottom: 6px;
right: 0;
color: rgba(255, 255, 255, 0.15);
font-size: 6em;
text-shadow: none;
}
.NavAppStyle div a {
width: 150px;
height: 130px;
position: relative;
font-size: 1em;
color: #fff;
padding: 20px 6px;
z-index: 0;
overflow: hidden;
text-align: center;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
margin: 12px 8px 0 8px;
transition: transform 0.2s;
text-decoration: none;
font-weight: bold;
background-color: rgba(42, 100, 150, 0.8);
}
.NavAppStyle div a:hover {
transform: scale(1.2);
box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.75);
text-shadow: rgba(255, 255, 255, 0.77) 0px 2px 8px;
color: orange;
text-decoration: none;
background-color: rgba(42, 100, 150, 1);
}
.NavAppStyle div a.selected {
color: #333;
transform: scale(1);
box-shadow: inset 0px -2px 77px rgba(0, 0, 0, 0.75);
}
.NavAppStyle2 {
margin-top: 20px;
display: flex;
flex: auto;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 44px;
}
.NavAppStyle2 div {
margin: 4px;
}
.NavAppStyle2 div i {
position: absolute;
z-index: -1;
bottom: 6px;
right: 0;
color: rgba(255, 255, 255, 0.15);
font-size: 6em;
text-shadow: none;
}
.NavAppStyle2 div a {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
width: 180px;
height: 130px;
font-size: 1em;
color: #fff;
padding: 6px;
z-index: 0;
overflow: hidden;
text-align: center;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
margin: 12px 8px 0 8px;
transition: transform 0.2s;
text-decoration: none;
font-weight: bold;
background-color: rgba(42, 100, 150, 0.8);
}
.NavAppStyle2 div a:hover {
transform: scale(1.2);
box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.75);
text-shadow: rgba(255, 255, 255, 0.77) 0px 2px 8px;
color: orange;
text-decoration: none;
background-color: rgba(42, 100, 150, 1);
}
.NavAppStyle2 div a.selected {
color: #333;
transform: scale(1);
box-shadow: inset 0px -2px 77px rgba(0, 0, 0, 0.75);
}
/* .NavAppStyle3 {
margin-top: 20px;
display: flex;
flex: auto;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 44px;
} */
.row .navAppStyle3 {
margin: 44px 0;
}
.NavAppStyle3 div {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.NavAppStyle3 div img {
margin-bottom: 14px;
}
.NavAppStyle3 div a {
position: relative;
font-size: 1em;
color: #fff;
padding: 12px 4px;
z-index: 0;
overflow: hidden;
text-align: center;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
margin: 12px 8px 0 8px;
transition: transform 0.2s;
text-decoration: none;
font-weight: bold;
background-color: rgba(42, 100, 150, 0.8);
}
.NavAppStyle3 div a:hover {
transform: scale(1.2);
box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.75);
text-shadow: rgba(255, 255, 255, 0.44) 0px 2px 8px;
color: orange;
text-decoration: none;
background-color: rgba(42, 100, 150, 1);
}
.NavAppStyle3 div a.actif {
color: #333;
transform: scale(1);
box-shadow: inset 0px -2px 27px rgba(0, 0, 0, 0.75);
}
/* FIN NAVIGATION SOUS-PAGES */
/* BULLES */
.sousPagesBulles {
margin-top: 20px;
margin-bottom: 25vh;
display: flex;
flex: auto;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
@media (max-width: 850px) {
.sousPagesBulles {
display: flex;
padding-bottom: 30px;
margin-top: 10px;
margin-bottom: 22px;
}
.parallax-figure {
display: none;
}
.carousel-inner div.item {
height: auto !important;
}
.carousel-inner {
/* display: block; */
background: #2a6496;
background: linear-gradient(
0deg,
rgba(42, 100, 150, 0.22) 0%,
rgba(42, 100, 150, 0.75) 100%
);
}
#home-section-1 {
border-bottom: none;
}
}
@media (max-width: 600px) {
.carousel-inner {
display: block !important;
padding-bottom: 120px;
/* background-color: rgb(169, 234, 249); */
}
}
.volute {
width: 120px;
height: 120px;
margin: 22px;
border-radius: 120px;
border: 2px solid #064267;
transform: scale(1) rotate(-10deg);
transition: all 0.5s ease;
}
.paveJeu {
width: 100px;
height: 100px;
margin: auto auto auto 0;
border: 1px solid #0f74a8;
border-radius: 90px;
background-color: rgba(15, 116, 168, 0.8);
display: flex;
flex-basis: 180px;
flex-direction: column;
background-repeat: no-repeat;
background-size: cover;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
transform: scale(1) rotate(-10deg);
transition: all 0.5s ease;
}
.paveJeuRollover {
width: 180px;
height: 180px;
margin: auto;
border-radius: 90px;
background-color: transparent;
display: flex;
flex-basis: 180px;
flex-direction: column;
transition: all 0.5s ease;
}
.volute:hover {
transform: scale(1.1) translate(20px, 10px);
background-color: rgba(0, 0, 0, 0.6);
background-size: cover;
/* opacity: 0.8; */
position: relative;
z-index: 100;
}
.paveJeuRollover:hover {
/* background-color: rgba(0, 103, 0, 0.60); */
}
.paveJeu:hover {
transform: scale(1.2) rotate(0deg) translate(-75px, 5px);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.9);
/* background-color: #fff; */
/* opacity: 0.8; */
}
.paveJeu a {
font-family: "bebasneue", sans-serif;
font-size: 22px;
text-align: left;
color: #fff;
margin: auto;
line-height: 22pt;
padding: 40px 20px 30px 20px;
color: #fff;
text-decoration: none;
text-shadow: rgba(0, 0, 0, 1) 0px 4px 6px;
transition: all 1s ease;
border-radius: 90px;
/* background-color: rgba(170, 17, 17, 0.2); */
}
.paveJeu a:visited {
color: #fff;
}
.paveJeu a:hover {
color: #fc9f00;
text-shadow: rgba(0, 0, 0, 1) 0px 14px 9px;
}
.paveJeu a:active,
.paveJeu a:focus {
color: #222;
}
.adjTabs {
margin-top: 0;
margin-left: 12px;
}
.adjTabs h3 {
text-align: center;
margin: 0;
padding: 6px 14px 4px 14px;
font-size: 2em;
text-transform: uppercase;
font-style: italic;
color: #fff;
background-color: #0f74a8;
}
.adjTabs ul,
.adjTabs ul li,
.adjTabs ol li {
list-style: none;
margin-left: 0;
}
.adjTabs a {
color: #2e77b6;
font-weight: bold;
}
.adjTabs a:hover {
color: #2a6496;
}
@media (max-width: 1200px) {
.adjTabs {
margin-top: 0;
}
}
/* BULLES */
/* BOUTON RETOUR */
.pager {
padding-left: 0;
margin: 20px 0;
list-style: none;
text-align: center;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #777;
background-color: #fff;
cursor: not-allowed;
}
/* /BOUTON RETOUR */
/* ANNUAIRE */
.blocNews div.com-item {
position: relative;
display: flex;
flex-direction: column;
align-content: stretch;
width: 250px;
height: auto;
margin: 16px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.3s linear;
-o-transition: all 1s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-kthtml-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.blocNews div.com-item:hover {
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
/* transition: transform .4s; */
}
.comPhoto {
margin-top: 0;
height: 260px;
overflow: hidden;
background-image: url(/ressources/images/blason_LREmbosse.png);
background-repeat: no-repeat;
background-position: center center;
border-radius: 22px 22px 0 0;
}
.comPhoto img {
display: table-cell;
vertical-align: middle;
width: 260px;
height: 260px;
object-fit: cover;
border-radius: 22px 22px 0 0;
}
.commerces {
position: relative;
border-radius: 22px;
}
.comLieu {
position: absolute;
float: none;
top: -15px;
left: auto;
right: 10px;
border-radius: 8px;
padding: 4px;
background-color: #c4362b;
color: #fff;
}
ul.navAnnuaire {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: flex-start;
/* align-content:stretch; */
list-style: none;
}
ul.navAnnuaire li {
margin: 4px;
padding: 4px;
/* display: block; */
background-color: yellow;
}
ul.navAnnuaire li.active {
border-bottom: 3px dashed red;
}
ul.navAnnuaire li:hover,
ul.navAnnuaire li a:hover {
background-color: blue;
}
ul.navAnnuaire li a:hover {
color: red;
}
.catAnnuaire {
font-size: 0.8em;
}
.tagsAnnuaire {
}
div.tagsAnnuaire {
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: stretch;
}
div.tagsAnnuaire div {
font-size: 0.8em;
color: #fff;
font-weight: bold;
margin: 4px;
padding: 4px;
background-color: #1a3348;
border-radius: 7px;
}
.AnSuite {
font-weight: bold;
text-align: right;
margin-right: 16px;
margin-bottom: 8px;
}
.AnSuite a {
position: absolute;
bottom: 0px;
right: 0px;
z-index: 1;
text-align: center;
font-weight: bold;
}
.AnSuite a.fullPave {
width: 100%;
top: 0;
bottom: 0;
z-index: 1;
}
/* /ANNUAIRE */
/* SELECT BOX ANNUAIRE */
.custom-select {
width: auto;
height: 3.5rem;
position: relative;
margin: 22px;
font-family: "montserrat-bold", sans-serif;
font-style: normal;
font-size: 1.7rem;
padding: 4px 22px 4px 4px;
background-color: #fff;
border: none;
border-radius: 15px;
}
/* /SELECT BOX ANNUAIRE */
/* RECHERCHE ANNUAIRE */
.cherchBox {
margin: 22px;
padding: 0;
}
.cherchBox .form-row {
display: flex;
}
.cherchBox .form-row .un {
flex: 1;
margin: 0;
}
.cherchBox .form-row .deux {
flex: 0;
margin: 0;
}
.cherchBox .form-row .form-group input {
width: 100%;
height: 3.5rem;
padding: 8px;
border: none;
border-radius: 15px 0 0 15px;
border-width: 2px;
font-family: "montserrat-bold", sans-serif;
font-style: normal;
font-size: 1rem;
}
.cherchBox .form-row .form-group button {
height: 3.5rem;
line-height: 1rem;
border-radius: 0 15px 15px 0;
font-size: 1.5em;
}
@media (max-width: 850px) {
.custom-select {
font-size: 1rem;
}
.cherchBox .form-row .form-group input {
font-size: 1rem;
height: 2.5rem;
}
.cherchBox .form-row .form-group button {
font-size: 1rem;
height: 2.5rem;
}
}
/* /RECHERCHE ANNUAIRE */
/* BOUTONS COMMERCES */
.NavAppStyleCom {
position: relative;
margin-top: 20px;
margin-bottom: 44px;
}
.NavAppStyleCom div {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin: 12px;
}
.NavAppStyleCom div i,
.NavAppStyleCom div span {
position: absolute;
z-index: -1;
bottom: 6px;
right: 0;
color: rgba(255, 255, 255, 0.15);
font-size: 6em;
text-shadow: none;
}
.NavAppStyleCom div a {
width: 150px;
height: 130px;
position: relative;
font-size: 1em;
color: #fff;
padding: 20px 6px;
z-index: 0;
overflow: hidden;
text-align: center;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
margin: 12px 8px 0 8px;
transition: transform 0.2s;
text-decoration: none;
font-weight: bold;
background-color: rgba(42, 100, 150, 0.8);
}
.NavAppStyleCom div a:hover {
transform: scale(1.2);
box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.75);
text-shadow: rgba(255, 255, 255, 0.77) 0px 2px 8px;
color: orange;
text-decoration: none;
background-color: rgba(42, 100, 150, 1);
}
.NavAppStyleCom div a.active {
color: #333;
transform: scale(1);
box-shadow: inset 0px -2px 77px rgba(0, 0, 0, 0.75);
}
/* /BOUTONS COMMERCES */
/* IFRAME */
iframe {
width: 100%;
height: 100vh;
border: none;
margin: auto;
}
.blocIframe {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}
iframe.responsive-iframe {
width: 100%;
min-height: 100vh;
height: 1000px;
border: none;
}
/* /IFRAME */