/** * ---------- Configuration générale ---------- */ /*----------user-select permet debloqué la sélection----------*/ body {font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 300; color: #000000; overflow-x: hidden; text-rendering: optimizeLegibility;} body:not(.session_admin) {-webkit-user-select : none; -moz-user-select : -moz-none; -ms-user-select : none; user-select : none;} body h1, body h2, body h3, body h4, body h5, body h6, body p, body ul, body hr {margin: 0; padding: 0; list-style-position: inside;} body a, body a:hover {font-weight: 400; color: #000000;} body a {display: inline-block; text-decoration: underline;} body a:hover {text-decoration: none;} .xdebug-error {margin: 80px 0 0 0;} .table {display: table; width: 100%; border-collapse: collapse;} .table-row {display: table-row;} .table-row-group {display: table-row-group;} .table-cell {display: table-cell;} .left {text-align: left;} .center {text-align: center;} .right {text-align: right;} .justify {text-align: justify;} .bold {font-weight: bold;} .italic {font-style: italic;} .underline {text-decoration: underline;} .uppercase {text-transform: uppercase;} .opacity:hover {opacity: 0.80; filter: alpha(opacity=80);} .sclick, .bclick {cursor: pointer;} .hidden {display: none;} .clear {clear: both;} .orange {color: #f1574d;} .info {padding: 10px; color: #db2b68; background: #fff; border: 3px solid #fff; webkit-border-radius: 5px; moz-border-radius: 5px; ms-border-radius: 5px; border-radius: 5px; } .error {padding: 10px; color: #c43b3b; background: #fcf3f3; border: 3px solid #fac9c9; webkit-border-radius: 5px; moz-border-radius: 5px; ms-border-radius: 5px; border-radius: 5px; } img.auto {max-width: 100%; width: auto; height: auto;} .conteneur:after {content: ''; clear: both; display: table;} /*.debug {left: 0 !important; text-align: left;}*/ .mobile, .tablette, .ecran, .print {display: none;} /** * ---------- GENERALITES ---------- */ h2.section-form {margin: 20px 0 20px 0;} #sb-nav-close {padding: 8px; border: 1px solid white; border-radius: 50%;} /* Bouton */ p.button {margin: 10px auto 0 auto; width: 180px; font-size: 0;} p.button a {display: block; padding: 5px 0 5px 0; background-color: #303030; font-family: 'Lato'; font-size: 11px; font-weight: 700; color: #fff; text-transform: uppercase; text-decoration: none; text-align: center;} p.button a:hover {background-color: #fff; color: #303030;} p.button-gris a:hover {background-color: #dadada; color: #303030;} /* Carrousel */ .carrousel {position: relative; margin: -55px 0 0 0; width: 100%; overflow: hidden;} .owl-carousel .owl-nav.disabled {display: inherit;/* visibility: hidden;*/} .owl-carousel .owl-prev, .owl-carousel .owl-next {border: none;} #carrousel-videocode .owl-carousel-slide, #carrousel-videofichier .owl-carousel-slide {height: /*686px*/586px;} #carrousel-image .owl-carousel-slide {position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover;} /*586px*/ #carrousel-image .owl-carousel-slide a {position: relative; display: block; height: 100%; /*background: url(../images/bg-carrousel-degrade.png) no-repeat top left / cover;*/} #carrousel-image.etablissement_10 .owl-carousel-slide a {background: transparent;} #carrousel-image .owl-carousel-slide span {position: absolute; bottom: 40%; left: 0; right: 0; font-family: 'Playfair Display'; font-size: 60px; color: #fff; text-align: center; text-transform: uppercase; z-index: 10;} /*.owl-carousel-item .btn_play {position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%);}*/ #carrousel-image .owl-prev {position: absolute; bottom: 43%; left: 50px; width: 69px; height: 69px; background: url(../images/icon-carrousel-prev.png) top left no-repeat;} #carrousel-image .owl-next {position: absolute; bottom: 43%; right: 50px; width: 69px; height: 69px; background: url(../images/icon-carrousel-next.png) top left no-repeat;} #carrousel-image .owl-dots {position: absolute; bottom: 10px; left: 0; right: 0; text-align: center;} /* .aside-carrousel {position: relative; width: 100%; overflow: hidden;} .aside-carrousel .owl-carousel-slide {position: relative; height: 238px; background-repeat: no-repeat; background-position: center center; background-size: cover;} .aside-carrousel .owl-carousel-slide a {position: relative; display: block; height: 100%;} */ /* Block (Bloc défaut) */ .block-content {position: relative; display: inline-block; font-size: 0; text-align: center; vertical-align: top;} .block-content .block-content-image {overflow: hidden;} .block-content .block-content-image a {display: block; margin: 0 auto;/* border-radius: 50%;*/ overflow: hidden;} .block-content .block-content-image a img {border-radius: 50%;} .block-content .block-content-trait {display: block; border: 0; border: 2px solid #303030; font-size: 0; line-height: 1;} .block-content .block-content-titre {font-family: 'Gotham-Light'; text-transform: uppercase;} .block-content .block-content-date {font-family: 'Lato'; font-weight: 400; line-height: 20px;} .block-content .block-content-resume {font-family: 'Lato'; font-weight: 400; line-height: 20px;} /* .block-content.small {position: relative; display: inline-block; width: 250px; font-size: 0;} .block-content.small .block-content-image {margin: 0 auto 0 auto; width: 250px; height: 250px; overflow: hidden} .block-content.small .block-content-image a {overflow: hidden} .block-content.small .block-content-image a img {width: 250px; height: 250px; border-radius: 50%;} .block-content.small .block-content-trait {display: block; margin: 18px auto 0 auto; padding: 0; width: 48px; height: 0; border: 0; border: 2px solid #303030; font-size: 0; line-height: 1;} .block-content.small .block-content-titre {margin: 14px 0 0 0; font-family: 'Gotham-Light'; font-size: 16px; font-weight: 700; text-transform: none;} .block-content.small .block-content-date {margin: 0 0 0 0; width: 250px; font-family: 'Lato'; font-size: 12px; font-weight: 400; line-height: 20px;} .block-content.small .block-content-resume {margin: 0 0 0 0; width: 250px; height: auto; font-family: 'Lato'; font-size: 12px; font-weight: 400; line-height: 14px;} */ /* Square (Bloc carré) */ .square-content {position: relative; display: inline-block; font-size: 0; text-align: left; overflow: hidden;} .square-content .square-content-profil {position: absolute; top: 0; right: 0; padding: 5px 20px 5px 20px; background-color: rgba(0, 0, 0, 0.7); color: #fff; font-size: 16px; text-transform: uppercase; z-index: 5;} .square-content .square-content-image {overflow: hidden;} .square-content .square-content-image a {display: block; text-decoration: none;} .square-content .square-content-image a::before {content:' '; position: absolute; top: 0; left: 0; background: url(../images/bg-block-degrade.png) repeat-x bottom left; z-index: 1;} .square-content .square-content-image a.square-content-nobg::before {background: none;} .square-content .square-content-infos {position: absolute; bottom: 15px; left: 20px;} .square-content .square-content-infos .square-content-titre {position: relative; padding: 0 5px 0 0; font-family: 'Gotham-Light'; color: #fff; text-align: left; text-transform: uppercase;} .square-content .square-content-infos .square-content-titre::before {position: absolute; top: -15px; left: 0; background-color: #fff; font-size: 0; content: ' ';} .square-content .square-content-infos .square-content-date {font-family: 'Lato'; font-weight: 400; color: #fff; line-height: 12px; overflow: hidden;} .square-content .square-content-infos .square-content-slogan {font-family: 'Lato'; font-weight: 400; color: #fff; line-height: 12px; overflow: hidden;} .square-content .square-content-infos .square-content-resume {font-family: 'Lato'; font-weight: 400; color: #fff; line-height: 12px; overflow: hidden;} .square-content .square-content-infos .square-content-link {font-family: 'Lato'; font-weight: 400; color: #fff; line-height: 12px; overflow: hidden;} .square-content .square-content-qualif {position: absolute; top: 0; right: 0; padding: 5px 20px 5px 20px; text-transform: uppercase; color: #fff; font-size: 16px; background-color: rgba(0, 0, 0, 0.7);} /* .square-content.small {} */ /* .square-content.small .square-content-image a {} */ .square-content.small .square-content-image a::before {background: url(../images/bg-block-degrade-small.png) repeat-x bottom left;} /* .square-content.small .square-content-image a img {} */ .square-content.small .square-content-infos {position: absolute; bottom: 10px; left: 10px;} .square-content.small .square-content-infos .square-content-titre {line-height: 24px;} /* .square-content.small .square-content-infos .square-content-titre::before {} */ /* .square-content.small .square-content-infos .square-content-date {} */ /* .square-content.big {} */ /* .square-content.big .square-content-image {} */ /* .square-content.big .square-content-image a {} */ .square-content.big .square-content-image a::before {background: url(../images/bg-block-degrade-big.png) repeat-x bottom left;} /* .square-content.big .square-content-image a img {} */ .square-content.big .square-content-infos {position: absolute; bottom: 25px; left: 30px;} .square-content.big .square-content-infos .square-content-titre {line-height: 36px;} /* .square-content.big .square-content-infos .square-content-titre::before {} */ /* .square-content.big .square-content-infos .square-content-date {} */ /* .square-content.big .square-content-infos .square-content-resume {} */ /*Map */ #map{width: 100%; height: 100%;} /*CKEDITOR*/ .cke_max_char{float: right !important; font-size: 11px !important; padding: 1px 10px 0 0 !important; color: #ca5454 !important;} /** * ---------- SPECIFICITES ---------- */ /** * ---------- Cover ---------- */ #cover {position: absolute; width: 100%; z-index: 300;} #cover .cover-click {width: 100%; height: 70px; display: inline-block; background-size: cover !important; background-position: top center !important;} #cover .cover-slide {display: none; position: absolute; top: 70px; left: 0; width: 100%; height: 818px; overflow: hidden; background-size: cover !important; background-position: top center !important; z-index: 300;} #cover .cover-slide img {width: 100%; height: /*818px*/auto;} /** * ---------- Header ---------- */ #header {position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; border-bottom: 1px solid #dadada; font-family: 'Lato', sans-serif; font-weight: 300; color: #000; z-index: 15;} /*#background.cover #header {top: 0px} #background.cover #header.stupefix {position: absolute; top: 70px;}*/ #background.cover #header {position: absolute; top: 70px;} #background.cover #header.reset {position: fixed; top: 0;} #header #logo {margin: 0 auto; font-size: 0px;} #header #logo a {display: block; background: url(../images/logo.png) 0 0 no-repeat; font-size: 0px;} #header #accroche {margin: 15px 0 0 0; text-align: center;} #header #accroche a {color: #000000; text-decoration: none; text-transform: uppercase; font-size: 16px;} #header #menu-open {position: absolute; background: url(../images/icon-menu.png) 0 0 no-repeat; font-size: 0px; cursor: pointer;} #top-navs {display: inline-block; position: absolute; top: 24px; right: 25px; z-index: 10;} #top-navs a:hover, #header #top #top-navs a:focus {text-decoration: none;} #top-navs #top-nav {font-size: 0; font-weight: 300;} #top-navs #top-nav ul {display: inline-table; list-style: none; text-align: left;} #top-navs #top-nav ul ul {display: none;} #top-navs #top-nav ul li:hover > ul {display: block;} #top-navs #top-nav ul li {position: relative; float: left; color: #000;} #top-navs #top-nav ul li > a {display: block; padding: 10px; font-weight: 300; text-decoration: none;} #top-navs #top-nav ul li a.current {padding: 0 0 0 20px; background: url(../images/icon-dropdown.png) 0 0 no-repeat;} #top-navs #top-nav ul ul {position: absolute; top: 100%; left: -10px; padding: 0; background: #fafafa;} #top-navs #top-nav ul ul li {position: relative; float: none; white-space: nowrap;} #top-navs #top-nav ul ul li > a {padding: 10px 30px; border-top: 1px solid #dadada; color: #000; font-weight: 300; text-decoration: none;} #top-navs #top-nav ul ul li a:hover {background: #fff;} #top-navs #top-nav ul ul li:first-child a {border-top: none;} #top-navs #top-nav ul li#top-nav-langs {padding: 0 40px 0 0; font-size: 24px;} #top-navs #top-nav ul li#top-nav-meteo {padding: 0 40px 0 0; font-size: 24px;} #top-navs #top-nav ul li#top-nav-meteo i {font-size: 26px;} #top-navs #top-nav ul li#top-nav-meteo p {display: inline-block; padding: 0px 0 0 35px; line-height: 25px;} #top-navs #top-nav ul li#top-nav-search #form-search {font-size: 0px} #top-navs #top-nav ul li#top-nav-search #form-search p {float: left;} #top-navs #top-nav ul li#top-nav-search #form-search p input.input-search {width: 0px; border: none;} #top-navs #top-nav ul li#top-nav-search #form-search p input.input-search.show {margin: 0 10px 0 0; padding: 5px; border: 1px solid #dadada; color: #000; font-size: 16px; text-align: left; vertical-align: top;} #top-navs #top-nav ul li#top-nav-search #form-search p input.input-search.show::-webkit-input-placeholder {font-variant: italic; color: #ccc;} #top-navs #top-nav ul li#top-nav-search #form-search p input.input-search.show::-moz-placeholder {font-variant: italic; color: #ccc;} /* firefox 19+ */ #top-navs #top-nav ul li#top-nav-search #form-search p input.input-search.show:-ms-input-placeholder {font-variant: italic; color: #ccc;} /* ie */ #top-navs #top-nav ul li#top-nav-search #form-search p input.input-search.show:-moz-placeholder {font-variant: italic; color: #ccc;} #top-navs #top-nav ul li#top-nav-search #form-search p input.input-search:focus {outline: none;} #top-navs #top-nav ul li#top-nav-search #form-search p input.btn-submit {width: 20px; height: 34px; background: url(../images/icon-search.png) 0 0 no-repeat; border: none; cursor: pointer;} #top-navs #top-nav ul li#top-nav-search #form-search p input.btn-submit:focus {outline: none;} #top-navs #top-nav ul li#top-nav-espace {padding: 0 40px 0 0;} #top-navs #top-nav ul li#top-nav-espace ul {right: -35px; left: inherit; border: 1px solid #ccc; z-index: 15;} #top-navs #top-nav ul li#top-nav-espace .bloc {background: #fff; font-size: 14px; color: #000;} #top-navs #top-nav ul li#top-nav-espace a {display: inline-block; width: 20px; height: 34px; cursor: pointer;} #top-navs #top-nav ul li#top-nav-espace .top-nav-espace-titre {padding: 20px 0 0 0; margin: 0 0 20px 0; font-size: 24px; text-transform: uppercase; text-align: center; font-weight: 500;} #top-navs #top-nav ul li#top-nav-espace label {display: none;} #top-navs #top-nav ul li#top-nav-espace p {padding: 0 20px 0 20px;} #top-navs #top-nav ul li#top-nav-espace p a {display: inherit;} #top-navs #top-nav ul li#top-nav-espace .btn_center {padding: 20px;} #top-navs #top-nav ul li#top-nav-espace .form-group input {margin: 0 0 0 20px;} #top-navs #top-nav ul li#top-nav-espace .form-group .form-control {width: 250px;} #top-navs #top-nav ul li#top-nav-espace .submit {width: 250px;} #nav-domaines {position: absolute; top: 110px; left: 0; right: 0; padding: 10px 0; background: #fff; font-size: 0; text-align: center;} #nav-domaines ul {list-style: none;} #nav-domaines ul li {display: inline-block; margin: 0 20px;} #nav-domaines ul li a {font-size: 20px; color: #000; text-decoration: none;} /** * ---------- Menu ---------- */ #background.cover #menu {position: absolute; top: 70px;} #background.cover #menu.reset {position: fixed; top: 0;} #menu {padding: 0 0 30px 0; background-color: #fff; z-index: 20; -moz-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.2); -o-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.2); filter:progid:DXImageTransform.Microsoft.Shadow(color=#dadada, Direction=90, Strength=5);} #menu #scroller {position: absolute; z-index: 21; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none;} #menu #scroller #navmenu #menu-close {margin: 30px; font-size: 0px; cursor: pointer;} #menu #scroller #navmenu ul {margin: 30px 0 0 0; list-style: none; text-align: left;} #menu #scroller #navmenu ul ul {display: none;} #menu #scroller #navmenu ul ul.show_js {display: block;} #menu #scroller #navmenu ul > li:hover, #menu #scroller #navmenu ul > li.enfants ul {background-color: #ededed;} /*#menu #scroller #navmenu ul > li.enfants:hover {background: #ededed url(../images/icon-menuleft.png) 90% 22px no-repeat;}*/ #menu #scroller #navmenu ul > li.enfants > a {padding-right: 30px; background: url(../images/icon-menuleft.png) right center no-repeat;} #menu #scroller #navmenu ul li:first-child a {border-top: none;} #menu #scroller #navmenu ul li {position: relative;} #menu #scroller #navmenu ul li a {display: block; margin: 0 30px 0 30px; padding: 15px 0 17px 0; border-top: 1px solid #4b4b4b; font-size: 14px; font-weight: 700; color: #303030; text-decoration: none; text-transform: uppercase;} #menu #scroller #navmenu ul ul {background: #ededed; z-index: 22;} #menu #scroller #navmenu ul ul {-moz-box-shadow: 2px 2px 5px 0px #dadada; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); -o-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); filter:progid:DXImageTransform.Microsoft.Shadow(color=#dadada, Direction=90, Strength=5);} #menu #scroller #navmenu ul ul.columns {-webkit-columns: 4; -moz-columns: 4; columns: 4; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; /* -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; */ /*-webkit-column-rule: 1px solid #4b4b4b; -moz-column-rule: 1px solid #4b4b4b; column-rule: 1px solid #4b4b4b;*/ overflow: hidden;} #menu #scroller #navmenu ul ul li {margin: 0; padding: 0; width: 200px;} #menu #scroller #navmenu ul ul li.enfants {margin: 0 0 20px 0;} #menu #scroller #navmenu ul ul li.enfants:hover {background: none;} #menu #scroller #navmenu ul ul li a {display: block; margin: 0 0 10px 0; padding: 5px 0; border-top: none; font-size: 14px; font-weight: 700; color: #303030; text-decoration: none; text-transform: uppercase;} #menu #scroller #navmenu ul ul li a:hover {text-decoration: underline;} #menu #scroller #navmenu ul ul ul {position: static; padding: 0 10px;} #menu #scroller #navmenu ul ul ul {-moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; filter:progid:DXImageTransform.Microsoft.Shadow(Direction=0, Strength=0);} #menu #scroller #navmenu ul ul ul li a {display: block; margin: 0; padding: 7px 0; max-width: 200px; font-size: 14px; font-weight: 400; color: #303030; text-decoration: none; text-transform: none;} #menu #scroller #navmenu ul ul ul li a:hover {text-decoration: underline;} #menu #scroller #menu-domaines-titre {margin: 40px 30px 0 30px; font-size: 20px; text-transform: uppercase;} #menu #scroller #navmenu ul#menu-pro li a {font-weight: 400;} #menu #scroller #navmenu ul#menu-domaines > li:hover {background: none;} #menu #scroller #navmenu ul#menu-domaines li {position: relative;} #menu #scroller #navmenu ul#menu-domaines li p {margin: 0 30px 30px 30px; border-bottom: 2px solid #e4e4e4; font-size: 18px;} #menu #scroller #navmenu ul#menu-domaines li p a {margin: 0; padding: 0; border-top: none; font-size: 18px; font-weight: 300; color: #303030;} #menu #scroller #navmenu ul#menu-domaines li p span {display: block; padding: 0 0 10px 0; font-size: 14px; font-weight: 400; color: #303030;} #menu #scroller #navmenu ul#menu-domaines li p span.menu-bg {display: block; position: absolute; bottom: 0; right: 30px; padding: 0; width: 63px; height: 2px; font-size: 0; z-index: 23;} #menu #scroller #navmenu ul#menu-domaines li p.last {margin: 0 30px 0 30px; border-bottom: none;} #menu #scroller #menu-newsletter {margin: 20px 0 0 0; padding: 10px 25px 0 25px; height: 108px; text-transform: uppercase; font-size: 14px; background: url(../images/bg_newsletter_fan.jpg) no-repeat;} #menu #scroller #menu-newsletter #menu-newsletter-devenez {padding: 0 20px 0 0; color: #fff;} #menu #scroller #menu-newsletter #menu-newsletter-inscrivez {margin: 10px 0 0 0; display: inline-block; background: url(../images/bg_fleche_blanche.png) no-repeat right center;} #menu #scroller #menu-newsletter #menu-newsletter-inscrivez a {padding: 0 30px 0 0; color: #fff; text-decoration: none;} #menu #scroller #menu-espacepresse {padding: 15px 0 0 20px; height: 69px; background: url(../images/bg_espacepresse.jpg) no-repeat; text-transform: uppercase; font-size: 14px;} #menu #scroller #menu-espacepresse p {display: inline-block; padding: 0 30px 0 0; background: url(../images/bg_fleche_noire.png) no-repeat right center;} #menu #scroller #menu-espacepresse p a {text-decoration: none;} #menu #scroller #menu-avantages {padding: 15px 0 0 20px; height: 119px;/* background: url(../images/bg_espacepro.jpg) no-repeat;*/ text-transform: uppercase; font-size: 14px;} #menu #scroller #menu-avantages #menu-decouvrez {display: inline-block; margin: 10px 0 0 0;/* padding: 0 30px 0 0; background: url(../images/bg_fleche_noire.png) no-repeat right center;*/} #menu #scroller #menu-avantages #menu-decouvrez a {text-decoration: none;} #menu #scroller #form_newsletter {margin: 20px 30px 0 30px; text-transform: uppercase;} #menu #scroller #form_newsletter #form_newsletter_titre {margin: 0 0 10px 0; font-size: 15px;} #menu #scroller #form_newsletter input {padding: 5px 10px 5px 10px;} #menu #scroller #form_newsletter #form_newsletter_email {width: 179px;} #menu #scroller #form_newsletter #form_newsletter_submit {text-transform: uppercase;} #menu.menu-click #scroller #navmenu ul ul {position: relative; top: 0; left: 0;} #menu.menu-click #scroller #navmenu ul ul li {padding: 0 30px 0 30px;} #menu.menu-click #scroller #navmenu ul ul ul li {padding: 0 15px 0 15px;} #menu.menu-click #scroller #navmenu ul ul li a {text-transform: none;} /*#menu.menu-click #scroller #navmenu .columns {padding: 0; columns: 1 !important; -webkit-columns: 1 !important; -moz-columns: 1 !important; width: 100% !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}*/ #menu.menu-click #scroller #navmenu .columns {padding: 0; columns: inherit !important; -webkit-columns: inherit !important; -moz-columns: inherit !important; width: 100% !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;} /** * ---------- Fil d'ariane ---------- */ #ariane {margin: 160px 0 55px 0; padding: 12px 0 12px 0; /*padding: 12px 0 0 0; height: 45px;*/ background-color: #fff; border-bottom: 1px solid #dadada; font-size: 0; text-transform: uppercase; text-align: center;} #ariane .sep-ariane {display: inline-block; padding: 0 20px 0 20px; width: 5px; height: 15px;} #ariane a {display: inline-block; font-size: 13px; font-weight: 400; color: #737373; text-decoration: none;} #ariane a.current {color: #000;} #ariane a:hover {text-decoration: underline;} /* #ariane {margin: 80px 0 0 0; padding: 12px 0 0 0; height: 45px; background-color: #000; border-top: 1px solid #000; border-bottom: 1px solid #000; font-size: 0; text-transform: uppercase; text-align: center;} #ariane .sep-ariane {display: inline-block; padding: 0 20px 0 20px; width: 5px; height: 15px;} #ariane a {display: inline-block; font-size: 12px; font-weight: 400; color: #737373; text-decoration: none;} #ariane a.current {color: #fff;} #ariane a:hover {text-decoration: underline;} */ /** * ---------- Content ---------- */ #page {position: relative; text-align: justify;} #page .container {padding-right: 0; padding-left: 0;} #page h1 {margin: 0 auto 0 auto; padding: 0 0 40px 0; font-family: 'Playfair Display'; text-align: center;} #page h1.h1-padding {padding: 0 0 0 0;} #page #title_resume {margin: 20px auto 0 auto; padding: 0 0 40px 0; font-family: 'Playfair Display'; font-weight: 400; text-align: center;} #page #title_resume .result {font-size: 30px;} #page #title_resume .keyword {font-family: 'Lato'; font-size: 20px; font-weight: 300;} #page #title_accroche {margin: 20px auto 0 auto; padding: 0 0 40px 0; font-family: 'Playfair Display'; font-weight: 400; text-align: center;} #page #title_accroche .result {font-size: 30px;} #page #title_accroche .keyword {font-family: 'Lato'; font-size: 20px; font-weight: 300;} #page .content {margin: 0 auto 0 auto;} #page .content h2 {padding: 40px 0 20px 0; font-family: 'Playfair Display'; font-weight: 300; font-size: 32px;} #page .content h2:first-child {padding: 0 0 20px 0;} /* Bandeau */ #page #bandeau {margin: -55px 0 55px 0; position: relative; width: 100%; /*height: 300px; */height: 686px; background-size: cover !important;} #page #bandeau.big {height: 686px;} #page #bandeau:before {content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg-bandeau-degrade-gauche.png) repeat-y top left;} #page #bandeau:after {content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg-bandeau-degrade-droite.png) repeat-y top right;} /* Content top */ #content-top {margin: 0 auto 40px auto; border-top: 1px solid #000; border-bottom: 1px solid #000;} #content-top #form-tri {float: left; padding: 14px 0 14px 0; text-align: left;} #content-top #form-tri .tri-block {margin: 5px 0 0 0; display: inline-block;} #content-top #form-tri label {padding: 0 5px 0 0; font-family: 'Playfair Display'; font-weight: normal; font-size: 14px; text-transform: uppercase;} #content-top #form-tri select {padding: 5px 10px 5px 10px; font-family: 'Lato'; font-weight: bold; font-size: 12px; text-transform: uppercase;} #content-top .pagination {float: right; margin: 0; padding: 20px 10px 20px 0; font-family: 'Lato'; font-size: 12px; font-weight: 400; text-align: right; text-transform: uppercase;} #content-top .navigation {padding: 14px 0 14px 0; width: auto; text-align: left;} #content-top .navigation-dates {float: none !important;} #content-top .navigation-nav {display: inline-block; font-family: 'Lato'; font-weight: 400; font-size: 22px; vertical-align: top;} #content-top .navigation-lien {display: inline-block; padding: 5px 0 0 30px; margin: 0 30px 0 0; background: url(../images/icon-puce.png) no-repeat left 14px; font-family: 'Lato'; font-weight: 300; font-size: 18px; vertical-align: top;} #content-top .navigation-lien.active {padding: 0 0 0 30px;} #content-top .navigation-lien.active:first-child {padding: 0 0 0 0;} #content-top .navigation-lien:first-child {padding: 5px 0 0 0; background: none;} #content-top .navigation-lien a {font-weight: 300; font-size: 18px; text-decoration: none; text-transform: uppercase;} #content-top .navigation-lien.active a {font-weight: 400; font-size: 22px;} #content-top .navigation-mois {display: inline-block; margin: 0 0 0 30px; padding: 5px 0 0 30px; background: url(../images/icon-puce.png) no-repeat left 14px; font-family: 'Lato'; font-weight: 300; font-size: 18px; vertical-align: top;} #content-top .navigation-mois.active {padding: 0 0 0 30px; background: none;} #content-top .navigation-mois.last {padding: 5px 30px 0 30px;} #content-top .navigation-mois a {font-weight: 300; font-size: 18px; text-decoration: none; text-transform: uppercase;} #content-top .navigation-mois.active a {font-weight: 400; font-size: 22px;} #content-top .navigation-mois a:hover {text-decoration: underline;} #content-top .navigation-annee {float: right; font-family: 'Lato'; font-weight: 400; font-size: 22px; vertical-align: top;} #content-top .filtres {margin: 0; padding: 14px 0 14px 0;} #content-top .form-filtres label, #content-top .form-select label {font-family: 'Playfair Display'; font-size: 16px; font-weight: 300; text-align: right; text-transform: uppercase;} #content-top .form-filtres select, #content-top .form-select select {padding: 5px 10px 5px 10px; font-family: 'Lato'; font-weight: 700; font-size: 14px; text-transform: uppercase;} #content-top .form-filtres-annees {padding: 0 0 14px 0;} /* Content block */ #content-pages {margin: 0; font-size: 0;} /* .block-content {position: relative; display: inline-block; margin: 1px 1px 1px 1px; width: 288px; height: 274px; font-size: 0;} .block-content::before {content:' '; position: absolute; top: 0; left: 0; width: 288px; height: 274px; background: url(../images/bg-block-degrade.png) repeat-x bottom left;} .block-content img {vertical-align: bottom;} .block-content .block-content-infos {position: absolute; bottom: 15px; left: 20px; width: 268x;} .block-content .block-content-infos h2 {position: relative; width: 268px; font-family: 'Gotham-Light'; font-size: 32px; color: #fff; text-transform: uppercase;} .block-content .block-content-infos h2::before {position: absolute; top: -15px; left: 0; width: 74px; height: 2px; background-color: #fff; font-size: 0; content: ' ';} .block-content .block-content-infos p.block-content-resume {margin: 0 !important; padding: 10px 0 0 0; width: 268px; font-family: 'Lato'; font-size: 12px; font-weight: 400; color: #fff; line-height: 12px; overflow: hidden;} */ /* Bannières interieur top */ .interieurtop-banniere {display: inline-block; font-size: 0px; overflow: hidden;} #bannieres-interieurtop {font-size: 0px;} #bannieres-interieurtop #bannieres-interieurtop-gauche {text-align: left;} #bannieres-interieurtop #bannieres-interieurtop-droite {text-align: right;} /* Main */ #page .content #main {float: left; margin: 0 0 55px 0;} /*#page .content #main p {margin: 10px 0 10px 0;}*/ /* Pagination */ #page .content #main .navpages {margin: 65px auto 0 auto; font-size: 0; text-align: center;} #page .content #main .navpages span {vertical-align: middle;} #page .content #main .navpages .fleche_prev {padding: 0 15px 0 0;} #page .content #main .navpages .fleche_next {padding: 0 0 0 15px;} #page .content #main .navpages .seppages {display: none;} #page .content #main .navpages .numpage {padding: 0 15px 0 15px; font-size: 16px; font-weight: 700;} #page .content #main .navpages .numpage a {font-weight: 300; text-decoration: none;} /* CkEditor */ #page .ligne_left {float: left; max-width: 50%; padding: 0 30px 20px 0;} #page .ligne_left .ligne_block {padding: 0 25px 0 0;} #page .ligne_right {float: right; max-width: 50%; padding: 0 0 20px 30px;} #page .ligne_right .ligne_block {padding: 0 0 0 25px;} #page .image_ligne {float: none !important; padding: 0 !important; margin: 0 !important; max-width: 100% !important; /*width: auto !important; */height: auto !important;} #page .ligne_block p {margin: 0; padding: 0 0 20px 0; line-height: 25px;} #page .ligne_block ul {margin: 0 0 20px 0; text-align: justify;} #page .ligne_block ul li {margin: 0; padding: 0; line-height: 25px;} #page h2, #page .ligne_titre {margin: 0 0 25px 0; font-size: 35px; line-height: 35px !important; padding: 0; font-weight: 300; text-align: left;} /*#page h2 strong, #page .ligne_titre strong {font-weight: 300;}*/ #page .ligne_separation {margin: 30px 0 30px 3px; width: 120px; height: 3px; border: 0; background: #000;} #page .conteneur_block {padding: 15px 0 15px 0;} #page .conteneur_block:last-child {padding: 0;} /* Carrousel photos */ #page .content #main .photos-carrousel {position: relative;} #page .content #main .photos-carrousel .owl-carousel {margin: 0;} #page .content #main .photos-carrousel .owl-carousel .owl-nav {margin-top: 0; font-size: 0; text-align: left;} #page .content #main .photos-carrousel .owl-carousel .owl-carousel-slide {position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover;} #page .content #main .photos-carrousel .owl-carousel .owl-prev {position: initial; top: 0; left: 0; margin: 0; width: 68px; height: 90px; background: url(../images/icon-photos-prev.png) top left no-repeat; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} #page .content #main .photos-carrousel .owl-carousel .owl-next {position: initial; top: 0; left: 66px; margin: 0; width: 68px; height: 90px; background: url(../images/icon-photos-next.png) top left no-repeat; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} #page .content #main .photos-carrousel .photo-nom-block {position: absolute; bottom: 0; left: 136px; padding: 0 40px 0 40px; width: 400px; height: 90px; background: #fff; font-size: 16px; font-weight: 600; font-family: 'Playfair Display'; text-align: left; z-index: 5; overflow: hidden;} /*#page .content #main .photos-carrousel .photo-nom-block:before {content: " "; position: absolute; top: 15px; left: 15px; width: 16px; height: 12px; background: url(../images/bg-quote-left.png) top left no-repeat;} #page .content #main .photos-carrousel .photo-nom-block:after {content: " "; position: absolute; bottom: 15px; right: 15px; width: 16px; height: 12px; background: url(../images/bg-quote-right.png) top left no-repeat;}*/ #page .content #main .photos-carrousel .photo-nom-block .photo-nom {display: table-cell; vertical-align: middle; height: 90px; line-height: 25px;} /*#page .content #main .photos-carrousel .photo-nom-block.photo-seul {left: 0px; left: 136px;}*/ #page .content #main .photos-carrousel .photo-resume {position: absolute; top: 495px; left: 248px; padding: 0 30px 0 30px; max-height: 85px; overflow: hidden;} /* Aside */ #page .content #aside {float: right; width: 250px;} #page .content #aside .aside-banniere {margin: 0 auto 55px auto; width: 250px;} #page .content #aside .aside-banniere img {width: 250px; height: 400px;} #page .content #aside .aside-block {margin: 0 auto 55px auto; width: 250px; overflow: hidden; text-align: left;} #page .content #aside .aside-block .aside-titre {display: block; padding: 5px 15px 5px 15px; background-color: #000; font-family: 'Playfair Display'; font-weight: normal; font-size: 16px; color: #fff;} #page .content #aside .aside-block .aside-titre-article {display: block; padding: 5px 15px 5px 15px; font-family: 'Playfair Display'; font-weight: normal; font-style: italic; font-size: 24px; color: #000; text-align: center;} #page .content #aside .aside-block .aside-article-titre {font-family: 'Playfair Display'; font-weight: normal; font-size: 14px;} #page .content #aside .aside-block #aside-carte {position: relative; width: 250px; height: 220px; background: url(../images/bg-aside-carte.jpg) no-repeat 0px 0px;} #page .content #aside .aside-block #aside-carte p {position: absolute; top: 75px; right: 15px; padding: 5px 10px 5px 10px; background-color: #fff;} #page .content #aside .aside-block #aside-carte p a {text-decoration: none;} #page .content #aside .aside-block #aside-offres .owl-nav {display: none;} #page .content #aside .aside-block #aside-offres .owl-dots {display: none;} /** * ---------- Icons (social / media) ---------- */ #page #icons-social {position: fixed; top: 180px; left: 35px; z-index: 10;} #page #icons-social.stupefix {position: absolute;} #page #icons-social .icon-social {position: relative; margin: 9px 0 0 0; width: 42px; height: 42px;} #page #icons-social .icon-social a {display: block; width: 42px; height: 42px;} #page #icons-social .icon-social.icon-defaut#icon-facebook {background: url(../images/icon-facebook.png) no-repeat 0px 0px;} #page #icons-social .icon-social.icon-defaut#icon-twitter {background: url(../images/icon-twitter.png) no-repeat 0px 0px;} #page #icons-social .icon-social.icon-defaut#icon-instagram {background: url(../images/icon-instagram.png) no-repeat 0px 0px;} #page #icons-social .icon-social .icon-popup {visibility: hidden; position: absolute; top: 6px; left: 50px; min-width: 150px; padding: 5px 10px 5px 10px; background: #fff; white-space: nowrap; font-size: 14px; text-align: center; -moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2); box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2); z-index: 5;} #page #icons-social .icon-social:hover .icon-popup {visibility: visible; font-size: 14px; color: #000 !important;} #page #icons-social .icon-social .icon-popup:before {content: " "; position: absolute; top: 10px; left: -10px; width: 0px; border: 5px solid transparent; border-right: 5px solid #fff;} #page #icons-media {position: fixed; top: 180px; right: 35px; z-index: 10;} #page #icons-media.stupefix {position: absolute;} #page #icons-media .icon-media {position: relative; margin: 9px 0 0 0; width: 42px; height: 42px;} #page #icons-media .icon-media a {display: block; width: 42px; height: 42px;} #page #icons-media .icon-media.icon-defaut#icon-map {background: url(../images/icon-map.png) no-repeat 0px 0px;} #page #icons-media .icon-media.icon-defaut#icon-photo {background: url(../images/icon-photo.png) no-repeat 0px 0px;} #page #icons-media .icon-media.icon-defaut#icon-video {background: url(../images/icon-video.png) no-repeat 0px 0px;} #page #icons-media .icon-media .icon-popup {visibility: hidden; position: absolute; top: 6px; right: 50px; min-width: 150px; padding: 5px 10px 5px 10px; background: #fff; white-space: nowrap; font-size: 14px; text-align: center; -moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2); box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2); z-index: 5;} #page #icons-media .icon-media:hover .icon-popup {visibility: visible; font-size: 14px; color: #000 !important;} #page #icons-media .icon-media .icon-popup:before {content: " "; position: absolute; top: 10px; right: -10px; width: 0px; border: 5px solid transparent; border-left: 5px solid #fff;} /* Formulaire */ .submit {padding: 15px 0 15px 0; width: 270px; background: #000000; color: #fff; text-transform: uppercase; font-size: 20px; border-radius: 5px; border: none;} /** * ---------- Footer ---------- */ .footer-titre-article {padding: 40px 0 20px 0 !important; text-align: center;} #footer {margin: 55px auto 0 auto;} #footer #footer-logo {padding: 0 0 35px 0; border-bottom: 3px solid #000; font-size: 0; text-align: center;} #footer #footer-liens {margin: 20px 0 0 0; list-style: none; text-align: left;} #footer #footer-liens.columns {-webkit-columns: 3; -moz-columns: 3; columns: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; /* -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; */ -webkit-column-rule: 1px solid #4b4b4b; -moz-column-rule: 1px solid #4b4b4b; column-rule: 1px solid #4b4b4b; overflow: hidden;} #footer #footer-liens li {padding: 5px 0 5px 0;} #footer #footer-liens li a {line-height: 14px; text-decoration: none;} #footer #footer-liens li a:hover {text-decoration: underline;} #footer #footer-social {padding: 20px 0 20px 0; text-align: right; font-size: 0;} #footer #footer-social p {display: inline-block; padding: 0 0 0 11px;} #footer #footer-provence {text-align: center;} #footer #footer-seeyousoon {padding: 35px 0 35px 0; border-top: 1px solid #000; font-size: 0; text-align: center;} /** * ---------- Animate ---------- */ .animate-pulse {overflow:hidden} .animate-pulse .animate-image a {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .2s ease-out; -moz-transition: -moz-transform .2s ease-out; -ms-transition: -ms-transform .2s ease-out; -o-transition: -o-transform .2s ease-out; transition: transform .2s ease-out} .animate-pulse:hover .animate-image a {-webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform:scale(1.08)} /* .animate-pulse .animate-image a {-webkit-transform: scale(0.92); -moz-transform: scale(0.92); -ms-transform: scale(0.92); -o-transform: scale(0.92); transform: scale(0.92); -webkit-transition: -webkit-transform .2s ease-out; -moz-transition: -moz-transform .2s ease-out; -ms-transition: -ms-transform .2s ease-out; -o-transition: -o-transform .2s ease-out; transition: transform .2s ease-out} .animate-pulse:hover .animate-image a {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform:scale(1.08)} */ #social-stream-titre {margin: 0 0 20px 0; font-size: 35px; font-family: 'Playfair Display'; font-style: italic; text-align: center;} #social-stream-scroll {padding: 10px 0 0 0; height: 600px; overflow: auto; border-bottom: 1px solid #cdcdcd;/* background: url(../images/bg-social-degrade.png) no-repeat bottom center;*/} #social-stream-scroll .jspVerticalBar {width: 5px;} #social-stream-scroll .jspTrack {background-color: #cdcdcd;} #social-stream-scroll .jspDrag {background-color: #000;} /* #social-stream::-webkit-scrollbar {-webkit-appearance: none; background-color: rgba(0,0,0,.15); width: 5px; height: 5px;} #social-stream::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,.8);} */ #social-stream li {width: 255px; padding: 0; margin: 0 15px 30px 15px; line-height: 23px; font-size: 16px; font-weight: 400; font-family: 'Lato'; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none;} #social-stream .dcsns-facebook {padding: 0 0 35px 0; background: #455b94; color: #fff;} #social-stream .dcsns-facebook a {color: #b6e8ff;} #social-stream .dcsns-facebook .section-intro {background: #455b94; color: #8196cb;} #social-stream .dcsns-google {padding: 0 0 35px 0; background: #2d2d2d; color: #fff;} #social-stream .dcsns-google a {color: #fff;} #social-stream .dcsns-flickr {background: #f90784; color: #fff;} #social-stream .dcsns-flickr a {color: #fff;} #social-stream .dcsns-youtube {background: #df1f1c; color: #fff;} #social-stream .dcsns-youtube a {color: #fff;} #social-stream .dcsns-instagram {background: #413A33; color: #fff;} #social-stream .dcsns-instagram a {color: #fff;} #social-stream a {text-decoration: none;} #social-stream a:hover {text-decoration: underline;} #social-stream .inner {padding: 0;} #social-stream .icon {left: inherit; right: 3px; bottom: 6px;} #social-stream .section-thumb {margin: 0 0 15px 0; width: 255px; text-align: center;} #social-stream .section-thumb img {width: 100%; max-width: 255px; border: none; padding: 0;} #social-stream .section-title {margin: 0 0 15px 0; padding: 15px 15px 0 15px; font-weight: normal; font-size: 14px;} #social-stream .section-text {margin: 0 0 15px 0; padding: 15px 15px 0 15px; font-size: 14px;} #social-stream .section-user {font-size: 14px;} #social-stream .section-intro {padding: 15px 0 0 0; font-size: 12px;} #social-stream .section-intro a {margin: 0 0 0 15px;} /** * Barre niveau des mots de passes */ .progress {/*width: 43%; */padding:0 0 0 0;} /** * RGPD et Cookies */ .RGPD_message {position: fixed; left: 0px; bottom: 0px; padding: 8px 10px 8px; width: 100%; z-index: 12000; background: #333; font-size: 16px; text-align: center;color: #fff;} .RGPD_message .btn {font-size: 15px;} .RGPD_modifications_cookies {position: fixed; left: 0px; bottom: 0px; padding: 8px 10px 8px; border-radius: 10px 10px 0 0; z-index: 11000; background: #333; font-size: 15px; text-align: center; color: #fff;} .RGPD_modifications_cookies a{color: #fff; font-size: 15px;} .RGPD_modifications_cookies a:hover {color: #fff;} .RGPD_modifications_cookies a:focus {color: #fff;} .cookie-rgpd {display: none; background: #5a5a5a; border-radius: 15px;} .cookie-rgpd .h3-cookie {color: #fff;} .cookie-rgpd .btn {position: relative; bottom: -20px; margin: 3px; padding: 6px 20px; font-size: 15px;} .cookie-rgpd .btn-refuse {padding: 6px 24px;} .cookie-rgpd .modal-title .btn {position: relative; right: 9px; bottom: 0px; padding: 10px 20px; color: #fff;} .cookie-rgpd .modal-title .all_refuse_popup {padding: 10px 23px;} .cookie-rgpd .modal-footer .btn {position: relative; bottom: 0px;} .cookie-rgpd hr, .cookie-rgpd p {margin: 20px 0 20px 0;} .modal-body , .modal-footer {background: #fff; color: #000;} .modal-body {border-radius: 30px 30px 0 0;} .modal-footer {border-radius: 0 0 30px 30px;} .RGPD_message .glyphicon, .cookie-rgpd .glyphicon, .rgpd_form .glyphicon {padding-right: 6px;} /** * Surcharge Bootstrap : Découpage en 5 colonnes */ .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-5ths { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } } /** * Responsive */ /* Grand écran */ @media screen and (min-width: 1200px) { /* Général */ .ecran {display: inherit;} .hidden_ecran {display: none !important;} #page .content {width: 1170px;} /* Pensez à oter les margin left et right de 15px chacune : largeur réelle 1140px */ .container {width: 1170px;} /* Pensez à oter les margin left et right de 15px chacune : largeur réelle 1140px */ /* Header */ #header {height: 160px; font-size: 22px;} #header #logo {padding: 15px 0 0 0; width: 165px; height: 95px;} #header #logo a {width: 165px; height: 80px;} #header #menu-open {top: 30px; left: 25px; width: 42px; height: 20px;} /** * ---------- GENERALITES ---------- */ /* Carrousel */ #carrousel-image .owl-dots {display: none;} #carrousel-image .owl-carousel-slide span.accroche {padding: 0 170px 0 170px;} #carrousel-videofichier, #carrousel-videofichier .video_wrapper {height: 818px;} #carrousel-videocode .carrousel-slide {height: 818px;} #carrousel-image .owl-carousel-slide {height: 818px;} #carrousel-image .owl-carousel-slide span {font-size: 96px;} /* Block (Bloc défaut) */ .block-content {width: 390px; margin: 0 18px 30px 18px;} .block-content .block-content-image {margin: 0 auto 0 auto; padding: 28px 0 28px 0;} .block-content .block-content-image a {width: 300px; height: 300px;} .block-content .block-content-image a img {width: 300px; height: 300px;} .block-content .block-content-trait {margin: 0 auto 0 auto; padding: 0; width: 59px; height: 0;} .block-content .block-content-titre {margin: 24px 0 5px 0; font-size: 20px;} .block-content .block-content-date {margin: 0 auto 0 auto; width: 235px; font-size: 12px;} .block-content .block-content-resume {margin: 0 auto 0 auto; width: 235px; height: 80px; font-size: 12px;} .block-content.small {width: 250px;} .block-content.small .block-content-image {margin: 18px auto 0 auto; padding: 18px 0 18px 0;} .block-content.small .block-content-image a {width: 185px; height: 185px;} .block-content.small .block-content-image a img {width: 185px; height: 185px;} .block-content.small .block-content-trait {margin: 0 auto 0 auto; padding: 0; width: 36px; height: 0;} .block-content.small .block-content-titre {margin: 5px 0 5px 0; font-size: 18px; text-transform: initial;} .block-content.small .block-content-date {margin: 0 auto 0 auto; width: 220px; font-size: 12px;} .block-content.small .block-content-resume {margin: 0 auto 0 auto; width: 220px; height: 80px; font-size: 12px;} /* Square (Bloc carré) */ .square-content {margin: 1px 1px 1px 1px; width: 288px; height: 274px;} .square-content .square-content-image {width: 288px; height: 274px;} .square-content .square-content-image a {width: 288px; height: 274px;} .square-content .square-content-image a::before {width: 288px; height: 274px;} .square-content .square-content-image a img {width: 288px; height: 274px;} .square-content .square-content-infos {width: 268px;} .square-content .square-content-infos .square-content-titre {width: 268px; font-size: 24px; line-height: 28px;} .square-content .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content .square-content-infos .square-content-date {margin: 0 !important; width: 268px; font-size: 12px;} .square-content .square-content-infos .square-content-slogan {margin: 0 !important; width: 268px; font-size: 12px;} .square-content .square-content-infos .square-content-resume {margin: 10px 0 0 0 !important; width: 268px; font-size: 12px;} .square-content .square-content-infos .square-content-link {margin: 0 !important; width: 268px; font-size: 12px;} .square-content.small {margin: 0; width: 250px; height: 238px;} .square-content.small .square-content-image {width: 250px; height: 238px;} .square-content.small .square-content-image a {width: 250px; height: 238px;} .square-content.small .square-content-image a::before {width: 250px; height: 238px;} .square-content.small .square-content-image a img {width: 250px; height: 238px;} .square-content.small .square-content-infos {width: 230px;} .square-content.small .square-content-infos .square-content-titre {width: 230px; font-size: 22px;} .square-content.small .square-content-infos .square-content-titre::before {width: 48px; height: 2px;} .square-content.small .square-content-infos .square-content-date {width: 230px;} .square-content.small .square-content-infos .square-content-slogan {width: 230px;} .square-content.small .square-content-infos .square-content-resume {width: 230px;} .square-content.small .square-content-infos .square-content-link {width: 230px;} .square-content.big {width: 388px; height: 368px;} .square-content.big .square-content-image {width: 388px; height: 368px;} .square-content.big .square-content-image a {width: 388px; height: 368px;} .square-content.big .square-content-image a::before {width: 388px; height: 368px;} .square-content.big .square-content-image a img {width: 388px; height: 368px;} .square-content.big .square-content-infos {width: 328px;} .square-content.big .square-content-infos .square-content-titre {width: 328px; font-size: 30px;} .square-content.big .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content.big .square-content-infos .square-content-date {width: 328px;} .square-content.big .square-content-infos .square-content-slogan {width: 328px;} .square-content.big .square-content-infos .square-content-resume {width: 328px;} .square-content.big .square-content-infos .square-content-link {width: 328px;} /* Square (Bloc rectangulaire) */ .square-content.large {margin: 8px 8px 16px 8px; width: 370px; height: 295px;} .square-content.large .square-content-image {width: 370px; height: 230px;} .square-content.large .square-content-image a {width: 370px; height: 230px;} .square-content.large .square-content-image a::before {width: 370px; height: 230px;} .square-content.large .square-content-image a img {width: 388px; height: 369px;} .square-content.large .square-content-infos {bottom: 90px; width: 350px;} .square-content.large .square-content-infos .square-content-titre {width: 350px; font-size: 28px;} .square-content.large .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content.large .square-content-infos .square-content-date {width: 350px;} .square-content.large .square-content-infos .square-content-slogan {width: 350px;} .square-content.large .square-content-infos .square-content-resume {width: 350px;} .square-content.large .square-content-infos .square-content-link {width: 350px;} .square-content.large .square-description {padding: 0 20px 0 20px; margin: 15px 0 0 0; font-size: 12px !important; font-weight: 500;} /** * ---------- SPECIFICITES ---------- */ /* Menu */ #menu {position: fixed; top: 0; left: -325px; width: 290px; height: 100%;} #menu #scroller #navmenu ul > li:hover ul ul {display: block;} #menu #scroller #navmenu ul ul {position: absolute; top: -29px; left: 290px; margin: 0; padding: 30px;} /* Content */ #page h1 {width: 100%; font-size: 48px;} #page #title_resume {width: 1170px; font-size: 20px;} #page #title_accroche {width: 1170px; font-size: 20px;} /* Content top */ #content-top .navigation {float: left;} #content-top .navigation-nav-mobile {display: none;} #content-top .filtres {float: right;} /* Bannières interieur top */ .interieurtop-banniere {width: 580px; height: 230px;} .interieurtop-banniere img {width: 570px;} #bannieres-interieurtop {padding: 0 0 40px 0;} /* Main */ #page .content #main {width: 870px;} #page .content #main .photos-carrousel .owl-carousel .owl-carousel-slide {height: 352px;} } /* Ecran classique */ @media screen and (min-width: 992px) and (max-width: 1199px) { /* Général */ .ecran {display: inherit;} .hidden_ecran {display: none !important;} #page .content {width: 870px;} /* Pensez à oter les margin left et right de 15px chacune : largeur réelle 940px */ .container {width: 870px;} /* Pensez à oter les margin left et right de 15px chacune : largeur réelle 940px */ /* Header */ #header {height: 160px; font-size: 22px;} #header #logo {padding: 15px 0 0 0; width: 165px; height: 95px;} #header #logo a {width: 165px; height: 80px;} #header #menu-open {top: 30px; left: 25px; width: 42px; height: 20px;} #nav-domaines ul li a {font-size: 16px;} /** * ---------- GENERALITES ---------- */ /* Carrousel */ #carrousel-image .owl-dots {display: none;} #carrousel-image .owl-carousel-slide span.accroche {padding: 0 170px 0 170px;} #carrousel-videofichier, #carrousel-videofichier .video_wrapper {height: 718px;} #carrousel-videocode .carrousel-slide {height: 718px;} #carrousel-image .owl-carousel-slide {height: 718px;} #carrousel-image .owl-carousel-slide span {font-size: 72px;} #carrousel-image .owl-prev {bottom: 42%;} #carrousel-image .owl-next {bottom: 42%;} /* Block (Bloc défaut) */ .block-content {width: 340px; margin: 0 18px 30px 18px;} .block-content .block-content-image {margin: 0 auto 0 auto; padding: 28px 0 28px 0;} .block-content .block-content-image a img {width: 200px; height: 200px;} .block-content .block-content-trait {margin: 0 auto 0 auto; padding: 0; width: 59px; height: 0;} .block-content .block-content-titre {margin: 24px 0 5px 0; font-size: 20px; min-height: 60px;} .block-content .block-content-date {margin: 0 auto 0 auto; width: 185px; font-size: 12px;} .block-content .block-content-resume {margin: 0 auto 0 auto; width: 185px; height: 140px; font-size: 12px;} .block-content.small {width: 250px;} .block-content.small .block-content-image {margin: 18px auto 0 auto; padding: 18px 0 18px 0;} .block-content.small .block-content-image a {width: 185px; height: 185px;} .block-content.small .block-content-image a img {width: 185px; height: 185px;} .block-content.small .block-content-trait {margin: 0 auto 0 auto; padding: 0; width: 36px; height: 0;} .block-content.small .block-content-titre {margin: 5px 0 5px 0; font-size: 18px; text-transform: initial;} .block-content.small .block-content-date {margin: 0 auto 0 auto; width: 220px; font-size: 12px;} .block-content.small .block-content-resume {margin: 0 auto 0 auto; width: 220px; height: 80px; font-size: 12px;} /* Square (Bloc carré) */ .square-content {margin: 1px 1px 1px 1px; width: 288px; height: 274px;} .square-content .square-content-image {width: 288px; height: 274px;} .square-content .square-content-image a {width: 288px; height: 274px;} .square-content .square-content-image a::before {width: 288px; height: 274px;} .square-content .square-content-image a img {width: 288px; height: 274px;} .square-content .square-content-infos {width: 268px;} .square-content .square-content-infos .square-content-titre {width: 268px; font-size: 26px; line-height: 30px;} .square-content .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content .square-content-infos .square-content-date {margin: 0 !important; width: 268px; font-size: 12px;} .square-content .square-content-infos .square-content-slogan {margin: 0 !important; width: 268px; font-size: 12px;} .square-content .square-content-infos .square-content-resume {margin: 10px 0 0 0 !important; width: 268px; font-size: 12px;} .square-content .square-content-infos .square-content-link {margin: 0 !important; width: 268px; font-size: 12px;} .square-content.small {margin: 0; width: 250px; height: 238px;} .square-content.small .square-content-image {width: 250px; height: 238px;} .square-content.small .square-content-image a {width: 250px; height: 238px;} .square-content.small .square-content-image a::before {width: 250px; height: 238px;} .square-content.small .square-content-image a img {width: 250px; height: 238px;} .square-content.small .square-content-infos {width: 230px;} .square-content.small .square-content-infos .square-content-titre {width: 230px; font-size: 22px;} .square-content.small .square-content-infos .square-content-titre::before {width: 48px; height: 2px;} .square-content.small .square-content-infos .square-content-date {width: 230px;} .square-content.small .square-content-infos .square-content-slogan {width: 230px;} .square-content.small .square-content-infos .square-content-resume {width: 230px;} .square-content.small .square-content-infos .square-content-link {width: 230px;} .square-content.big {width: 321px; height: 301px;} .square-content.big .square-content-image {width: 321px; height: 301px;} .square-content.big .square-content-image a {width: 321px; height: 301px;} .square-content.big .square-content-image a::before {width: 321px; height: 301px;} .square-content.big .square-content-image a img {width: 321px; height: 301px;} .square-content.big .square-content-infos {width: 261px;} .square-content.big .square-content-infos .square-content-titre {width: 261px; font-size: 32px;} .square-content.big .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content.big .square-content-infos .square-content-date {width: 261px;} .square-content.big .square-content-infos .square-content-slogan {width: 261px;} .square-content.big .square-content-infos .square-content-resume {width: 261px;} .square-content.big .square-content-infos .square-content-link {width: 261px;} /* Square (Bloc rectangulaire) */ .square-content.large {margin: 8px 8px 16px 8px; width: 271px; height: 216px;} .square-content.large .square-content-image {width: 271px; height: 168px;} .square-content.large .square-content-image a {width: 271px; height: 168px;} .square-content.large .square-content-image a::before {width: 271px; height: 168px;} .square-content.large .square-content-image a img {width: 388px; height: 369px;} .square-content.large .square-content-infos {bottom: 70px; width: 251px;} .square-content.large .square-content-infos .square-content-titre {width: 251px; font-size: 22px;} .square-content.large .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content.large .square-content-infos .square-content-date {width: 251px;} .square-content.large .square-content-infos .square-content-slogan {width: 251px;} .square-content.large .square-content-infos .square-content-resume {width: 251px;} .square-content.large .square-content-infos .square-content-link {width: 251px;} .square-content.large .square-description {padding: 0 20px 0 20px; margin: 15px 0 0 0; font-size: 12px !important; font-weight: 500;} /** * ---------- SPECIFICITES ---------- */ /* ckEditor */ #page .content .ligne_left {float: none; width: 100%; max-width: 100%; padding: 0 0 30px 0;} #page .content .ligne_right {float: none; width: 100%; max-width: 100%; padding: 0 0 30px 0;} #page .content .ligne_left.ligne_50 {padding: 0;} #page .content .ligne_right.ligne_50 {padding: 0;} /* Menu */ #menu {position: fixed; top: 0; left: -325px; width: 290px; height: 100%;} #menu.menu-hover #scroller #navmenu ul > li:hover ul ul {display: block;} #menu #scroller #navmenu ul ul {position: absolute; top: -29px; left: 290px; margin: 0; padding: 15px 30px 15px 30px; width: 250%;} #menu #scroller #navmenu ul ul ul {width: 100%;} /* Content */ #page h1 {/*width: 870px; */;font-size: 46px;} #page #title_resume {font-size: 20px;} #page #title_accroche {font-size: 20px;} /* Main */ #page .content #main {width: 580px;} #page .content #main .photos-carrousel .owl-carousel .owl-carousel-slide {height: 235px;} /* Content top */ #content-top .navigation-nav-mobile {display: none;} /* Bannières interieur top */ .interieurtop-banniere {width: 435px; height: 172px;} .interieurtop-banniere img {width: 425px;} #bannieres-interieurtop {padding: 0 0 40px 0;} /* Icons (social / media) */ #page #icons-social {left: 20px;} #page #icons-media {right: 20px;} } /* Tablette paysage */ @media screen and (min-width: 768px) and (max-width: 991px) { /* Général */ .tablette {display: inherit;} .hidden_tablette {display: none !important;} #page .content {width: 100%; padding: 5%;} /* Pensez à oter les margin left et right de 15px chacune : largeur réelle 720px */ .container {width: 100%;} /* Pensez à oter les margin left et right de 15px chacune : largeur réelle 720px */ #content-pages.content_center {margin: 0 auto; font-size: 0; width: 580px;} .content_center {text-align: center;} .content_center p {text-align: left;} #aside.content_center {float: none !important; margin: 0 auto; width: 580px;} /* Header */ #header {height: 80px; font-size: 22px;} #header #logo {margin: 0 0 0 87px; padding: 10px 0 0 0; width: 124px; height: 70px;} #header #logo a {width: 124px; height: 60px; background: 0 0 no-repeat; background-image: url(../images/logo-mobile.png) !important;} #header #menu-open {top: 30px; left: 25px; width: 42px; height: 20px;} #top-navs #top-nav ul li#top-nav-langs {padding: 0 30px 0 0;} #top-navs #top-nav ul li#top-nav-espace {padding: 0 30px 0 0;} #top-navs #top-nav ul li#top-nav-meteo {padding: 0 30px 0 0;} #top-navs #top-nav ul li#top-nav-search #form-search p input {width: 100px;} /** * ---------- GENERALITES ---------- */ /* Carrousel */ #carrousel-image .owl-nav {display: none;} #carrousel-image .owl-carousel-slide span.accroche {padding: 0 10px 0 10px;} #carrousel-image .owl-carousel-slide a {position: relative; display: block; height: 100%; background: none;} #carrousel-videofichier, #carrousel-videofichier .video_wrapper {height: 618px;} #carrousel-videocode .carrousel-slide {height: 618px;} #carrousel-image .owl-carousel-slide {height: 618px;} #carrousel-image .owl-carousel-slide span {font-size: 60px;} /* Block (Bloc défaut) */ .block-content {width: 250px; margin: 0 25px 30px 25px;} .block-content .block-content-image {margin: 0 auto 0 auto; padding: 28px 0 28px 0;} .block-content .block-content-image a img {width: 200px; height: 200px;} .block-content .block-content-trait {margin: 0 auto 0 auto; padding: 0; width: 59px; height: 0;} .block-content .block-content-titre {margin: 24px 0 15px 0; font-size: 16px;} .block-content .block-content-date {margin: 0 auto 0 auto; width: 100px; font-size: 12px;} .block-content .block-content-resume {margin: 0 auto 0 auto; width: 200px; font-size: 12px;} .block-content.small {width: 250px;} .block-content.small .block-content-image {margin: 18px auto 0 auto; padding: 18px 0 18px 0;} .block-content.small .block-content-image a {width: 185px; height: 185px;} .block-content.small .block-content-trait {margin: 0 auto 0 auto; padding: 0; width: 36px; height: 0;} .block-content.small .block-content-titre {margin: 5px 0 5px 0; font-size: 18px; text-transform: initial;} .block-content.small .block-content-date {margin: 0 auto 0 auto; width: 220px; font-size: 12px;} .block-content.small .block-content-resume {margin: 0 auto 0 auto; width: 220px; height: 80px; font-size: 12px;} /* Square (Bloc carré) */ .square-content {margin: 1px 1px 1px 1px; width: 288px; height: 274px;} .square-content .square-content-image {width: 288px; height: 274px;} .square-content .square-content-image a {width: 288px; height: 274px;} .square-content .square-content-image a::before {width: 288px; height: 274px;} .square-content .square-content-image a img {width: 288px; height: 274px;} .square-content .square-content-infos {width: 268px;} .square-content .square-content-infos .square-content-titre {width: 268px; font-size: 26px; line-height: 30px;} .square-content .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content .square-content-infos .square-content-date {margin: 0 !important; width: 268px; font-size: 12px;} .square-content .square-content-infos .square-content-slogan {margin: 0 !important; width: 268px; font-size: 12px;} .square-content .square-content-infos .square-content-resume {margin: 10px 0 0 0 !important; width: 268px; font-size: 12px;} .square-content .square-content-infos .square-content-link {margin: 0 !important; width: 268px; font-size: 12px;} .square-content.small {margin: 0; width: 250px; height: 238px;} .square-content.small .square-content-image {width: 250px; height: 238px;} .square-content.small .square-content-image a {width: 250px; height: 238px;} .square-content.small .square-content-image a::before {width: 250px; height: 238px;} .square-content.small .square-content-image a img {width: 250px; height: 238px;} .square-content.small .square-content-infos {width: 230px;} .square-content.small .square-content-infos .square-content-titre {width: 230px; font-size: 22px;} .square-content.small .square-content-infos .square-content-titre::before {width: 48px; height: 2px;} .square-content.small .square-content-infos .square-content-date {width: 230px;} .square-content.small .square-content-infos .square-content-slogan {width: 230px;} .square-content.small .square-content-infos .square-content-resume {width: 230px;} .square-content.small .square-content-infos .square-content-link {width: 230px;} .square-content.big {width: 50%; height: 100%; margin: 0;} .square-content.big .square-content-image {width: 100%; height: 100%;} .square-content.big .square-content-image a {width: 100%; height: 100%;} .square-content.big .square-content-image a::before {width: 100%; height: 100%;} .square-content.big .square-content-image a img {width: 100%; height: 100%;} .square-content.big .square-content-infos {width: 261px;} .square-content.big .square-content-infos .square-content-titre {width: 261px; font-size: 32px;} .square-content.big .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content.big .square-content-infos .square-content-date {width: 261px;} .square-content.big .square-content-infos .square-content-slogan {width: 261px;} .square-content.big .square-content-infos .square-content-resume {width: 261px;} .square-content.big .square-content-infos .square-content-link {width: 261px;} /* .square-content {width: 50%; height: 100%;} .square-content .square-content-image {width: 100%; height: 100%;} .square-content .square-content-image a {width: 100%; height: 100%;} .square-content .square-content-image a::before {width: 100%; height: 100%;} .square-content .square-content-image a img {width: 100%; height: 100%;} .square-content .square-content-infos {bottom: 20px; left: 20px; width: 85%;} .square-content .square-content-infos .square-content-titre {width: 100%; font-size: 26px; line-height: 30px;} .square-content .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content .square-content-infos .square-content-date {margin: 0 !important; width: 100%; font-size: 12px;} .square-content .square-content-infos .square-content-resume {margin: 10px 0 0 0 !important; width: 100%; font-size: 12px;} .square-content.small {margin: 0; width: 250px; height: 238px;} .square-content.small .square-content-image {width: 250px; height: 238px;} .square-content.small .square-content-image a {width: 250px; height: 238px;} .square-content.small .square-content-image a::before {width: 250px; height: 238px;} .square-content.small .square-content-image a img {width: 250px; height: 238px;} .square-content.small .square-content-infos {width: 230px;} .square-content.small .square-content-infos .square-content-titre {width: 230px; font-size: 22px;} .square-content.small .square-content-infos .square-content-titre::before {width: 48px; height: 2px;} .square-content.small .square-content-infos .square-content-date {width: 230px;} .square-content.small .square-content-infos .square-content-resume {width: 230px;} .square-content.big {width: 50%; height: 100%;} .square-content.big .square-content-image {width: 100%; height: 100%;} .square-content.big .square-content-image a {width: 100%; height: 100%;} .square-content.big .square-content-image a::before {width: 100%; height: 100%;} .square-content.big .square-content-image a img {width: 100%; height: 100%;} .square-content.big .square-content-infos {bottom: 20px; left: 20px; width: 85%;} .square-content.big .square-content-infos .square-content-titre {width: 100%; font-size: 30px;} .square-content.big .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content.big .square-content-infos .square-content-date {width: 100%;} .square-content.big .square-content-infos .square-content-resume {width: 100%;} */ /* Square (Bloc rectangulaire) */ #liste_menuitems_espace {margin: 0 auto 0 auto; text-align: center;} .square-content.large {margin: 8px 8px 16px 8px; width: 320px; height: 260px;} .square-content.large .square-content-image {width: 320px; height: 198px;} .square-content.large .square-content-image a {width: 320px; height: 198px;} .square-content.large .square-content-image a::before {width: 320px; height: 198px;} .square-content.large .square-content-image a img {width: 388px; height: 369px;} .square-content.large .square-content-infos {bottom: 90px; width: 300px; text-align: left;} .square-content.large .square-content-infos .square-content-titre {width: 300px; font-size: 28px;} .square-content.large .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content.large .square-content-infos .square-content-date {width: 300px;} .square-content.large .square-content-infos .square-content-slogan {width: 300px;} .square-content.large .square-content-infos .square-content-resume {width: 300px;} .square-content.large .square-content-infos .square-content-link {width: 300px;} .square-content.large .square-description {padding: 0 20px 0 20px; margin: 15px 0 0 0; font-size: 12px !important; font-weight: 500; text-align: left;} /** * ---------- SPECIFICITES ---------- */ /* ckEditor */ #page .content .ligne_left {float: none; width: 100%; max-width: 100%; padding: 0 0 30px 0;} #page .content .ligne_right {float: none; width: 100%; max-width: 100%; padding: 0 0 30px 0;} #page .content .ligne_left.ligne_50 {padding: 0;} #page .content .ligne_right.ligne_50 {padding: 0;} /* Menu */ #menu {position: fixed; top: 0; left: -325px; width: 290px; height: 100%;} #menu #scroller #navmenu ul ul {position: absolute; top: -29px; left: 290px; margin: 0; padding: 15px 30px 15px 30px; width: 250%;} #menu #scroller #navmenu ul ul ul {width: 100%;} /* Content */ #page h1 {font-size: 38px;} #page #title_resume {font-size: 18px;} #page #title_accroche {font-size: 18px;} /* Content top */ #content-top .filtres {text-align: center;} #content-top #form-tri {padding: 14px 0 14px 10px;} #content-top .pagination {padding: 20px 10px 20px 0;} #content-top .navigation {text-align: center;} #content-top .navigation-mois {margin: 0 0 0 15px; padding: 5px 0 0 25px;} #content-top .navigation-nav-mobile {display: none;} /* Bannières interieur top */ .interieurtop-banniere {width: 100%; height: 200px;} .interieurtop-banniere img {width: 425px;} #bannieres-interieurtop #bannieres-interieurtop-gauche {text-align: center;} #bannieres-interieurtop #bannieres-interieurtop-droite {text-align: center;} /* Main */ #page .content #main {float: none; margin: 0 auto 100px auto; width: 580px;} #page .content #main .photos-carrousel .owl-carousel .owl-carousel-slide {height: 235px;} /* Icons (social / media) */ #page #icons-social {display: none;} #page #icons-media {display: none;} .submit {width: 100%; font-size: 16px;} /* Cookie */ .cookie-rgpd .modal-title .btn {right: -9px;} /** * ---------- FOOTER ---------- */ #footer #footer-liens {margin: 20px 10px 0 10px; list-style: none;} #footer #footer-liens.columns {-webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;} #footer #footer-social {padding: 20px 10px 20px 10px; text-align: right; font-size: 0;} } /* Tablette portrait */ @media screen and (min-width: 480px) and (max-width: 767px) { /* Général */ .tablette {display: inherit;} .hidden_mobile {display: none !important;} #page {padding: 100px 0 0 0;} #page .content {width: 100%; padding: 5%;} /* Pensez à oter les margin left et right de 15px chacune : largeur réelle 430px */ .container {width: 100%;} /* Pensez à oter les margin left et right de 15px chacune : largeur réelle 430px */ #content-pages.content_center {margin: 0 auto; font-size: 0; /*width: 350px; width: 288px;*/} .content_center {text-align: center;} .content_center p {text-align: left;} #aside.content_center {float: none !important; margin: 0 auto; width: 350px;} #ariane {margin: 0 0 55px 0;} /* Header */ #header {height: 100px; font-size: 22px;} #header #logo {margin: 0 auto 0 auto; padding: 15px 0 0 0; width: 124px; height: 75px;} #header #logo a {width: 124px; height: 60px; background: 0 0 no-repeat; background-image: url(../images/logo-mobile.png) !important;} #header #menu-open {top: 60px; left: 15px; width: 42px; height: 20px;} #top-navs {right: 15px;} #top-navs #top-nav ul li {top: 28px; right: 0;} #top-navs #top-nav ul li#top-nav-langs {padding: 0 20px 0 0;} #top-navs #top-nav ul li#top-nav-espace {padding: 0 20px 0 0;} #top-navs #top-nav ul li#top-nav-meteo {padding: 0 20px 0 0;} #top-navs #top-nav ul li#top-nav-search #form-search p input.input-search.show {font-size: 14px;} #top-navs #top-nav ul ul {left: -22px;} #top-navs #top-nav ul ul li {top: 0;} /** * ---------- GENERALITES ---------- */ /* Filtres */ #content-top .navigation {float: none; text-align: center;} #content-top .filtres {float: none; text-align: center;} #content-top .navigation-nav-ecran {display: none;} #content-top .navigation-mois {margin: 0 0 0 15px;} #content-top .navigation-mois.last {padding: 0 30px 0 30px;} #carrousel-image .owl-carousel-slide a {position: relative; display: block; height: 100%; background: none;} /* Carrousel */ #carrousel-videocode .owl-carousel-slide, #carrousel-videofichier .owl-carousel-slide {height: 500px;} #carrousel-image .owl-nav {display: none;} #carrousel-image .owl-carousel-slide {height: 500px;} #carrousel-image .owl-carousel-slide span.accroche {padding: 0 10px 0 10px;} #carrousel-videofichier, #carrousel-videofichier .video_wrapper {height: 518px;} #carrousel-videocode .carrousel-slide {height: 518px;} #carrousel-image .owl-carousel-slide {height: 518px;} #carrousel-image .owl-carousel-slide span {font-size: 48px;} /* Block (Bloc défaut) */ .block-content {width: 250px; margin: 0 25px 30px 25px;} .block-content .block-content-image {margin: 0 auto 0 auto; padding: 28px 0 28px 0;} .block-content .block-content-image a img {width: 200px; height: 200px;} .block-content .block-content-trait {margin: 0 auto 0 auto; padding: 0; width: 59px; height: 0;} .block-content .block-content-titre {margin: 24px 0 15px 0; font-size: 16px;} .block-content .block-content-date {margin: 0 auto 0 auto; width: 100px; font-size: 12px;} .block-content .block-content-resume {margin: 0 auto 0 auto; width: 200px; font-size: 12px;} .block-content.small {width: 250px;} .block-content.small .block-content-image {margin: 18px auto 0 auto; padding: 18px 0 18px 0;} .block-content.small .block-content-image a {width: 185px; height: 185px;} .block-content.small .block-content-trait {margin: 0 auto 0 auto; padding: 0; width: 36px; height: 0;} .block-content.small .block-content-titre {margin: 5px 0 5px 0; font-size: 18px; text-transform: initial;} .block-content.small .block-content-date {margin: 0 auto 0 auto; width: 220px; font-size: 12px;} .block-content.small .block-content-resume {margin: 0 auto 0 auto; width: 220px; height: 80px; font-size: 12px;} /* Square (Bloc carré) */ .square-content {width: 50%; height: 100%;} .square-content .square-content-image {width: 100%; height: 100%;} .square-content .square-content-image a {width: 100%; height: 100%;} .square-content .square-content-image a::before {width: 100%; height: 100%;} .square-content .square-content-image a img {width: 100%; height: 100%;} .square-content .square-content-infos {bottom: 20px; left: 20px; width: 85%;} .square-content .square-content-infos .square-content-titre {width: 100%; font-size: 26px; line-height: 30px;} .square-content .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content .square-content-infos .square-content-date {margin: 0 !important; width: 100%; font-size: 12px;} .square-content .square-content-infos .square-content-slogan {margin: 0 !important; width: 100%; font-size: 12px;} .square-content .square-content-infos .square-content-resume {margin: 10px 0 0 0 !important; width: 100%; font-size: 12px;} .square-content .square-content-infos .square-content-link {margin: 0 !important; width: 100%; font-size: 12px;} .square-content.small {margin: 0; width: 250px; height: 238px;} .square-content.small .square-content-image {width: 250px; height: 238px;} .square-content.small .square-content-image a {width: 250px; height: 238px;} .square-content.small .square-content-image a::before {width: 250px; height: 238px;} .square-content.small .square-content-image a img {width: 250px; height: 238px;} .square-content.small .square-content-infos {width: 230px;} .square-content.small .square-content-infos .square-content-titre {width: 230px; font-size: 22px;} .square-content.small .square-content-infos .square-content-titre::before {width: 48px; height: 2px;} .square-content.small .square-content-infos .square-content-date {width: 230px;} .square-content.small .square-content-infos .square-content-slogan {width: 230px;} .square-content.small .square-content-infos .square-content-resume {width: 230px;} .square-content.small .square-content-infos .square-content-link {width: 230px;} .square-content.big {width: 50%; height: 100%;} .square-content.big .square-content-image {width: 100%; height: 100%;} .square-content.big .square-content-image a {width: 100%; height: 100%;} .square-content.big .square-content-image a::before {width: 100%; height: 100%;} .square-content.big .square-content-image a img {width: 100%; height: 100%;} .square-content.big .square-content-infos {bottom: 20px; left: 20px; width: 85%;} .square-content.big .square-content-infos .square-content-titre {width: 100%; font-size: 22px; line-height: 26px;} .square-content.big .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content.big .square-content-infos .square-content-date {width: 100%;} .square-content.big .square-content-infos .square-content-slogan {width: 100%;} .square-content.big .square-content-infos .square-content-resume {width: 100%;} .square-content.big .square-content-infos .square-content-link {width: 100%;} /* Square (Bloc rectangulaire) */ #liste_menuitems_espace {margin: 50px auto 0 auto; text-align: center;} .square-content.large {margin: 8px 8px 16px 8px; max-width: 370px; max-height: 295px; width: auto; height: auto;} .square-content.large .square-content-image {max-width: 370px; max-height: 230px; width: auto; height: auto;} .square-content.large .square-content-image a {max-width: 370px; max-height: 230px; width: auto; height: auto;} .square-content.large .square-content-image a::before {width: 100%; height: 100%;} .square-content.large .square-content-image a img {max-width: 388px; max-height: 369px; width: auto; height: auto;} .square-content.large .square-content-infos {bottom: 90px; max-width: 350px; text-align: left;} .square-content.large .square-content-infos .square-content-titre {max-width: 350px; font-size: 28px;} .square-content.large .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content.large .square-content-infos .square-content-date {max-width: 350px;} .square-content.large .square-content-infos .square-content-slogan {max-width: 350px;} .square-content.large .square-content-infos .square-content-resume {max-width: 350px;} .square-content.large .square-content-infos .square-content-link {max-width: 350px;} .square-content.large .square-description {padding: 0 20px 0 20px; margin: 15px 0 0 0; text-align: left; font-size: 12px !important; font-weight: 500;} /** * ---------- SPECIFICITES ---------- */ /* ckEditor */ #page .content .ligne_left {float: none; width: 100%; max-width: 100%; padding: 0 0 30px 0;} #page .content .ligne_right {float: none; width: 100%; max-width: 100%; padding: 0 0 30px 0;} #page .content .ligne_left.ligne_50 {padding: 0;} #page .content .ligne_right.ligne_50 {padding: 0;} /* Menu */ #menu {position: fixed; top: 0; left: -325px; width: 290px; height: 100%;} #menu #scroller #navmenu ul ul {position: absolute; top: -29px; left: 290px; margin: 0; padding: 15px 30px 15px 30px; width: 250%;} #menu #scroller #navmenu ul ul ul {width: 100%;} /* Content */ #page #bandeau:before {content: none;} #page #bandeau:after {content: none;} #page h1 {font-size: 32px;} #page #title_resume {font-size: 16px;} #page #title_accroche {font-size: 16px;} /* Bannières interieur top */ .interieurtop-banniere {width: 100%; height: 200px;} .interieurtop-banniere img {width: 425px;} #bannieres-interieurtop #bannieres-interieurtop-gauche {text-align: center;} #bannieres-interieurtop #bannieres-interieurtop-droite {text-align: center;} /* Main */ #page .content #main .photos-carrousel .owl-carousel .owl-carousel-slide {height: 158px;} /* Icons (social / media) */ #page #icons-social {display: none;} #page #icons-media {display: none;} /* Cookie */ .cookie-rgpd .modal-title .btn {right: -9px;} /* * ---------- FOOTER ---------- */ #footer #footer-liens {margin: 20px 10px 0 10px; list-style: none;} #footer #footer-liens.columns {-webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;} #footer #footer-social {padding: 20px 10px 20px 10px; text-align: right; font-size: 0;} } /* Mobile */ @media screen and (max-width: 479px) { .mobile {display: inherit;} .hidden_mobile {display: none !important;} #page {padding: 0;} #page .content {width: 100%; padding: 5%;} /* Merci de tout centrer avec des largeurs 100% */ #page .content #main {float: none;} .container {width: 100%;} /* Merci de tout centrer avec des largeurs 100% */ #content-pages.content_center {margin: 0 auto; font-size: 0; width: 288px;} .content_center {text-align: center;} .content_center p {text-align: left;} #aside.content_center {float: none !important; margin: 0 auto; width: 288px;} #ariane {margin: 100px 0 55px 0; padding: 10px 0 5px 0; height: auto; line-height: 28px;} #ariane a {font-size: 12px;} #ariane .sep-ariane {padding: 0 10px 0 10px;} /* Header */ #header {height: 100px; font-size: 22px;} #header #logo {margin: 0 auto 0 auto; padding: 5px 0 0 0; width: 124px; height: 65px;} #header #logo a {width: 124px; height: 60px; background: 0 0 no-repeat; background-image: url(../images/logo-mobile.png) !important;} #header #accroche {margin: 0;} #header #menu-open {top: 80px; left: 15px; width: 42px; height: 20px;} #top-navs {top: 72px;} #top-navs #top-nav ul li {top: 0; right: 0;} #top-navs #top-nav ul li#top-nav-langs {padding: 0 20px 0 0;} #top-navs #top-nav ul li#top-nav-espace {padding: 0 20px 0 0;} #top-navs #top-nav ul li#top-nav-meteo {padding: 0 20px 0 0;} #top-navs #top-nav ul li#top-nav-search #form-search p input.input-search.show {font-size: 14px;} #top-navs #top-nav ul ul {left: -22px;} #top-navs #top-nav ul ul li {top: 0;} /** * ---------- Icons (social / media) ---------- */ #page #icons-social {display: none;} #page #icons-media {display: none;} /** * ---------- GENERALITES ---------- */ /* Filtres */ #content-top .filtres {float: none; padding: 20px 10px 20px 10px; width: 100%; text-align: center;} #content-top .navigation {float: none; padding: 20px 10px 20px 10px; width: 100%; text-align: center;} #content-top .navigation-nav-ecran {display: none;} #content-top .navigation-mois {margin: 0;} #content-top .navigation-mois.last {padding: 0 30px 0 30px;} #content-top .navigation-lien {display: block; padding: 5px 0 0 30px !important; text-align: left;} #content-top .navigation-lien:first-child {background: url(../images/icon-puce.png) no-repeat left 14px;} #content-top .navigation-lien a {font-size: 18px !important;} #content-top #form-tri {float: none; margin: 0 0 -10px 0; padding: 20px 10px 0 10px; width: 100%; text-align: center;} #content-top .pagination {float: none; padding: 20px 10px 20px 10px; width: 100%; text-align: center;} /* Carrousel */ #carrousel-image .owl-nav {display: none;} /*#carrousel-image .owl-carousel-slide {height: 400px;}*/ #carrousel-image .owl-carousel-slide span.accroche {padding: 0 10px 0 10px;} #carrousel-image .owl-carousel-slide a {position: relative; display: block; height: 100%; background: none;} #carrousel-videofichier, #carrousel-videofichier .video_wrapper {height: 518px;} #carrousel-videocode .carrousel-slide {height: 518px;} #carrousel-image .owl-carousel-slide {height: 518px;} #carrousel-image .owl-carousel-slide span {font-size: 32px;} /* Block (Bloc défaut) */ .block-content {width: 250px;} .block-content .block-content-image {margin: 0 auto 0 auto; padding: 28px 0 28px 0;} .block-content .block-content-image a img {width: 200px; height: 200px;} .block-content .block-content-trait {margin: 0 auto 0 auto; padding: 0; width: 59px; height: 0;} .block-content .block-content-titre {margin: 24px 0 15px 0; font-size: 16px;} .block-content .block-content-date {margin: 0 auto 0 auto; width: 100px; font-size: 12px;} .block-content .block-content-resume {margin: 0 auto 0 auto; width: 200px; font-size: 12px;} .block-content.small {width: 250px;} .block-content.small .block-content-image {margin: 18px auto 0 auto; padding: 18px 0 18px 0;} .block-content.small .block-content-image a {width: 185px; height: 185px;} .block-content.small .block-content-trait {margin: 0 auto 0 auto; padding: 0; width: 36px; height: 0;} .block-content.small .block-content-titre {margin: 5px 0 5px 0; font-size: 18px; text-transform: initial;} .block-content.small .block-content-date {margin: 0 auto 0 auto; width: 220px; font-size: 12px;} .block-content.small .block-content-resume {margin: 0 auto 0 auto; width: 220px; height: 80px; font-size: 12px;} /* Square (Bloc carré) */ .square-content {margin: 0 0 1px 0; width: 288px; height: 274px;} .square-content .square-content-image {width: 288px; height: 274px;} .square-content .square-content-image a {width: 288px; height: 274px;} .square-content .square-content-image a::before {width: 288px; height: 274px;} .square-content .square-content-image a img {width: 288px; height: 274px;} .square-content .square-content-infos {left: 20px; bottom: 20px; width: 258px;} .square-content .square-content-infos .square-content-titre {width: 268px; font-size: 26px; line-height: 30px;} .square-content .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content .square-content-infos .square-content-date {margin: 0 !important; width: 268px; font-size: 12px;} .square-content .square-content-infos .square-content-slogan {margin: 0 !important; width: 268px; font-size: 12px;} .square-content .square-content-infos .square-content-resume {margin: 10px 0 0 0 !important; width: 268px; font-size: 12px;} .square-content .square-content-infos .square-content-link {margin: 0 !important; width: 268px; font-size: 12px;} .square-content.small {margin: 0 0 1px 0; width: 288px; height: 274px;} .square-content.small .square-content-image {width: 288px; height: 274px;} .square-content.small .square-content-image a {width: 288px; height: 274px;} .square-content.small .square-content-image a::before {width: 288px; height: 274px;} .square-content.small .square-content-image a img {width: 288px; height: 274px;} .square-content.small .square-content-infos {left: 20px; bottom: 20px; width: 268px;} .square-content.small .square-content-infos .square-content-titre {width: 268px; font-size: 22px;} .square-content.small .square-content-infos .square-content-titre::before {width: 48px; height: 2px;} .square-content.small .square-content-infos .square-content-date {width: 268px;} .square-content.small .square-content-infos .square-content-slogan {width: 268px;} .square-content.small .square-content-infos .square-content-resume {width: 268px;} .square-content.small .square-content-infos .square-content-link {width: 268px;} .square-content.big {margin: 0 0 1px 0; width: 288px; height: 274px;} .square-content.big .square-content-image {width: 288px; height: 274px;} .square-content.big .square-content-image a {width: 288px; height: 274px;} .square-content.big .square-content-image a::before {width: 288px; height: 274px;} .square-content.big .square-content-image a img {width: 288px; height: 274px;} .square-content.big .square-content-infos {left: 20px; bottom: 20px; width: 268px;} .square-content.big .square-content-infos .square-content-titre {width: 268px; font-size: 32px;} .square-content.big .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content.big .square-content-infos .square-content-date {width: 268px;} .square-content.big .square-content-infos .square-content-slogan {width: 268px;} .square-content.big .square-content-infos .square-content-resume {width: 268px;} .square-content.big .square-content-infos .square-content-link {width: 268px;} /* .square-content {width: 50%; height: 100%;} .square-content .square-content-image {width: 100%; height: 100%;} .square-content .square-content-image a {width: 100%; height: 100%;} .square-content .square-content-image a::before {width: 100%; height: 100%;} .square-content .square-content-image a img {width: 100%; height: 100%;} .square-content .square-content-infos {bottom: 10px; left: 10px; width: 85%;} .square-content .square-content-infos .square-content-titre {width: 100%; font-size: 22px; line-height: 26px;} .square-content .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content .square-content-infos .square-content-date {margin: 0 !important; width: 100%; font-size: 12px;} .square-content .square-content-infos .square-content-resume {margin: 10px 0 0 0 !important; width: 100%; font-size: 12px;} .square-content.small {margin: 0; width: 250px; height: 238px;} .square-content.small .square-content-image {width: 250px; height: 238px;} .square-content.small .square-content-image a {width: 250px; height: 238px;} .square-content.small .square-content-image a::before {width: 250px; height: 238px;} .square-content.small .square-content-image a img {width: 250px; height: 238px;} .square-content.small .square-content-infos {width: 230px;} .square-content.small .square-content-infos .square-content-titre {width: 230px; font-size: 22px;} .square-content.small .square-content-infos .square-content-titre::before {width: 48px; height: 2px;} .square-content.small .square-content-infos .square-content-date {width: 230px;} .square-content.small .square-content-infos .square-content-resume {width: 230px;} .square-content.big {width: 50%; height: 100%;} .square-content.big .square-content-image {width: 100%; height: 100%;} .square-content.big .square-content-image a {width: 100%; height: 100%;} .square-content.big .square-content-image a::before {width: 100%; height: 100%;} .square-content.big .square-content-image a img {width: 100%; height: 100%;} .square-content.big .square-content-infos {bottom: 10px; left: 10px; width: 85%;} .square-content.big .square-content-infos .square-content-titre {width: 100%; font-size: 12px; line-height: 26px;} .square-content.big .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content.big .square-content-infos .square-content-date {width: 100%;} .square-content.big .square-content-infos .square-content-resume {width: 100%;} */ /* Square (Bloc rectangulaire) */ #liste_menuitems_espace {margin: 50px auto 0 auto; text-align: center;} .square-content.large {margin: 8px 0 16px 0; max-width: 100%; height: 330px; width: auto;} .square-content.large .square-content-image {max-width: 370px; max-height: 230px; width: auto; height: auto;} .square-content.large .square-content-image a {max-width: 370px; max-height: 230px; width: auto; height: auto;} .square-content.large .square-content-image a::before {width: 100%; height: 100%;} .square-content.large .square-content-image a img {max-width: 388px; max-height: 369px; width: auto; height: auto;} .square-content.large .square-content-infos {bottom: 120px; max-width: 350px; text-align: left;} .square-content.large .square-content-infos .square-content-titre {max-width: 350px; font-size: 18px;} .square-content.large .square-content-infos .square-content-titre::before {width: 74px; height: 2px;} .square-content.large .square-content-infos .square-content-date {max-width: 350px;} .square-content.large .square-content-infos .square-content-slogan {max-width: 350px;} .square-content.large .square-content-infos .square-content-resume {max-width: 350px;} .square-content.large .square-content-infos .square-content-link {max-width: 350px;} .square-content.large .square-description {padding: 0 20px 0 20px; margin: 15px 0 0 0; max-width: 350px; text-align: left; font-size: 12px !important; font-weight: 500;} /** * ---------- SPECIFICITES ---------- */ /* Menu */ #menu {position: fixed; top: 0; left: -290px; width: 290px; height: 100%;} #menu #scroller #navmenu ul ul {position: absolute; top: -29px; left: 290px; margin: 0; padding: 15px 30px 15px 30px; width: 250%;} #menu #scroller #navmenu ul ul ul {width: 100%;} /*#menu.menu-click #scroller #navmenu ul ul .enfants {background: #ededed url(../images/icon-menuleft.png) 90% 22px no-repeat;}*/ /* Content */ #page #bandeau:before {content: none;} #page #bandeau:after {content: none;} #page h1 {/*padding: 0 5px 0 5px; */font-size: 32px;} #page #title_resume {padding: 0 10px 40px 10px; font-size: 14px;} #page #title_accroche {padding: 0 10px 40px 10px; font-size: 14px;} /* Bannières interieur top */ .interieurtop-banniere {padding: 0 0 20px 0; width: 100%; height: auto;} .interieurtop-banniere img {width: 80%;} #bannieres-interieurtop #bannieres-interieurtop-gauche {text-align: center;} #bannieres-interieurtop #bannieres-interieurtop-droite {text-align: center;} /* Content block */ #content-pages {text-align: center;} #page #bandeau {/*height: 80px; */height: 183px; margin-bottom: 30px;} #page #bandeau.big {height: 183px;} /* CkEditor */ #page .content .ligne_left {float: none; width: 100%; max-width: 100%; padding: 0 0 30px 0;} #page .content .ligne_right {float: none; width: 100%; max-width: 100%; padding: 0 0 30px 0;} #page .content .ligne_left.ligne_50 {padding: 0;} #page .content .ligne_right.ligne_50 {padding: 0;} /*#page .content .image_ligne {width: auto !important;}*/ /* Carrousel photos */ #page .content #main .photos-carrousel {margin: 90px 0 0 0;} #page .content #main .photos-carrousel .owl-carousel .owl-carousel-slide {height: 130px;} #page .content #main .photos-carrousel .owl-carousel .owl-controls {display: none;} #page .content #main .photos-carrousel .owl-carousel .owl-nav {height: 45px; margin: 0;} #page .content #main .photos-carrousel .owl-carousel .owl-next {position: static; width: 34px; height: 45px; margin: 0; background-size: 100%;} #page .content #main .photos-carrousel .owl-carousel .owl-prev {position: static; width: 34px; height: 45px; margin: 0; background-size: 100%;} #page .content #main .photos-carrousel .photo-nom-block {position: static; width: 100%; height: auto; font-size: 20px; text-align: center;} #page .content #main .photos-carrousel .photo-nom-block .photo-nom {display: block; height: auto; line-height: inherit;} /* Aside */ #page .content #aside {width: 100%;} /* Cookie */ .cookie-rgpd .modal-title .btn {right: -9px;} /** * ---------- FOOTER ---------- */ #footer #footer-liens {margin: 20px 10px 0 10px; list-style: none;} #footer #footer-liens.columns {-webkit-columns: 1; -moz-columns: 1; columns: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px;} #footer #footer-social {padding: 20px 10px 20px 10px; text-align: right; font-size: 0;} #footer #footer-social p {padding: 0 0 0 4px;} } /* Impression */ @media print { #ariane {display: none;} #header {display: none;} #page #ariane {display: none;} #page #icons-social {display: none;} #page #icons-media {display: none;} #page #map {display: none;} #menu {display: none;} #footer {display: none;} #cookies {display: none;} .info_window {display: none;} a[href]:after {content: none !important;} .cc-cookies {display: none;} #carrousel-image{display: none;} #bandeau{display: none;} .no-print{display: none;} aside{display: none;} .print {display: block; font-size: 14px !important;} #header-print { margin: 20px 0 20px 0; height: 90px; text-align: center;} }