/*------------------------------------------------------------------------------------------------------------------------*/ /* FONTS */ /*------------------------------------------------------------------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,900'); @font-face { font-family: 'bukhari'; src: url('/fonts/bukhari_script-webfont.eot'); src: url('/fonts/bukhari_script-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/bukhari_script-webfont.woff2') format('woff2'), url('/fonts/bukhari_script-webfont.woff') format('woff'), url('/fonts/bukhari_script-webfont.ttf') format('truetype'), url('/fonts/bukhari_script-webfont.svg#bukhari_scriptregular') format('svg'); font-weight: normal; font-style: normal; } /* Mosaique accueil */ .accueil-gallery .slick-track, .accueil-gallery .slick-list{ height:100%; } /*------------------------------------------------------------------------------------------------------------------------*/ /* RESET */ /*------------------------------------------------------------------------------------------------------------------------*/ article, aside, qs, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } button, input, select, textarea { font-family: 'HelveticaLTStd-Roman', 'Open Sans', 'Arial', ; color: #222; } ::-moz-selection { background: #ffd659; color: #1b2a4e; text-shadow: none; } ::selection { background: #ffd659; color: #1b2a4e; text-shadow: none; } a.disabled {display:none;} abbr[title] { border-bottom: 1px dotted; } b, strong {font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } /*------------------------------------------------------------------------------------------------------------------------*/ /* FORM RESET */ /*------------------------------------------------------------------------------------------------------------------------*/ input,label,select,button,textarea{ margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;line-height:1;font-size:13px;font-family:Arial;} input:focus{outline:0;} input,textarea{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} button,input[type=reset],input[type=button],input[type=submit],input[type=checkbox],input[type=radio],select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{} input[type=checkbox],input[type=radio]{width:13px;height:13px;} input[type=file]{} input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;} ::-webkit-search-decoration{display:none;} button,input[type="reset"],input[type="button"],input[type="submit"]{overflow:visible;width:auto;} ::-webkit-file-upload-button{ padding:0;border:0;background:none;} textarea {vertical-align:top;overflow:auto;} select{} select[multiple] {vertical-align:top;} table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } table.tablefix td {height: 28px; vertical-align:middle;} input { -webkit-border-radius:0; border-radius:0; } /*------------------------------------------------------------------------------------------------------------------------*/ /* CLASSES */ /*------------------------------------------------------------------------------------------------------------------------*/ li, a, span, span.infolettre, li::before, .eve-date, #evenement-acc .eve-btn, #main .video img, #cont-slide .big-arrow-down, footer #infolettre input[type=submit], #main .color-btn li a img, .mobile-menu, .tablet-menu, .mobile-menu ul li a::after, .tablet-menu ul li a::after, #evenement-acc ul li .eve-image img, footer #footer-bottom #footer-carte, header #head-menu #second-menu ul li .flow, header #head-menu #second-menu ul li .flow::before, #maillistTop, header #head-menu #second-menu .search-btn, #search-bloc, #evenement-acc .eve-car .eve-car-item .eve-image img, #evenement-acc .eve-car .eve-car-item .eve-arrow, #cont-slide .color-slide h2 span, #cont-slide .color-slide h2, #cont-slide .color-slide {-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} .clickable {cursor: pointer;} .pointer {cursor: pointer;} .clearfix:after { content:""; display:block; clear:both; } .clear {clear:both;} li.cycle { display: none } div.text img {max-width: 100% !important; height:auto !important;width:100% !important;} .hide_blank:after {content:'' !important}; .requis {color:red;} .erreur, .erreur.datepicker {background-color:#ffe8e8 !important;} .erreur.select {background: none !important;} .erreur.select select {background: #ffe8e8;} .requis {color: red;} .subnav-content nav * {-webkit-transition: 0.1s linear;-moz-transition: 0.1s linear;-ms-transition: 0.1s linear;} .normal{text-decoration:none;color:#00699c} .btn{color:#ffffff;text-decoration:none;font-family:"Raleway", sans-serif;text-transform:uppercase;padding:7px 75px 5px 15px;margin-top:20px;display:inline-block;font-size:1.3em;-webkit-font-smoothing: antialiased;} .black{background-color:#292929;} .black:hover{background-color:#b81f23} .paginator span a{color: white!important;text-decoration:none;width:100%;height:100%;display:block;} .paginator span.current {background-color:#1b2a4e;} .paginator span.disabled {opacity:0.2;} .paginator span a:hover{color: white!important;} .paginator span:hover{ background: black;} .paginator span{font-size: 0.92em;display: inline-block;text-transform: none;padding: 8px 12px;margin-right: 10px;margin-bottom: 10px;background-color: #b81f23;color: #ffffff;} .bx-pager-item{display:none;} .text ul {text-align: left} .text p{text-align: justify} .item .text p{text-align: center !important;} .item .text h3{text-align: center !important;} .item .text > div{text-align:center;} /*------------------------------------------------------------------------------------------------------------------------*/ /* STRUCTURE */ /*------------------------------------------------------------------------------------------------------------------------*/ html {margin: 0; padding: 0;height:100%;width:100%;} body { margin:0; padding:0;height:100%;background-color: #fff; font-family:"Raleway", sans-serif;font-size: 1em; line-height:150%; font-weight:500;position:relative;-webkit-overflow-scrolling: touch;font-style:normal;} #fix{height:auto;width:100%;position:relative;overflow:hidden;-webkit-overflow-scrolling: touch;} *{-webkit-font-smoothing: antialiased;} header { padding: 0px 0;} .admin-content li{font-family:"Raleway", sans-serif;} #main .main-cont #left-side .third a{font-size:1.8em;} #fix h1 small{font-size:0.7em;color:#b81f23;} h2,h4,h5{font-weight:500;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased; font-family: 'bukhari';} a{color:#b81f23;text-decoration:underline;} p{/* line-height:150%;font-weight:400; */} .wrap {max-width: 1400px; margin: 0 auto; padding: 0 50px;} @media only screen and (max-width: 640px) { .wrap {padding: 0 20px;} } /* #meta-nav nav{display: none !important;} */ /* ============================= */ /* ===== Navigation ===== */ /* ============================= */ #RL p{padding-left:20px !important;} .admin-content p.vide{display:none;} h2{font-size: 2.2rem;} .taille1 {font-size: 1em;} .taille2 {font-size: 1.03em;} .taille3 {font-size: 1.06em;} .taille4 {font-size: 1.09em;} .taille5 {font-size: 1.12em;} header {position:relative;} .menu-godown header #head-menu #first-menu{z-index:-3;} header #head-menu #head-title {background-color: #cc1318; text-align:center; padding: 10px 0;} header #head-menu #head-title img {max-height: 60px;} header #head-menu{/* width:100%;height:100px;position:absolute;top:0px;z-index:1000;left:0; */ position: fixed; top: 0; z-index: 1000; width: 100%; } header #head-menu #first-menu{position: absolute; top: 0; z-index: 100; width: 100%; background-color: rgba(255,255,255,0.83);} header #head-menu #first-menu ul{float:right; margin-top:0;} header #head-menu #first-menu li {float:left;padding-top:0px;color:#c9c9c9;list-style:none;display:block; border-left: 1px solid rgba(18,42,80,0.16);} header #head-menu #first-menu li a{font-family:"Raleway", sans-serif; text-decoration:none;color:#292929;text-transform:uppercase;font-size:0.9em;font-weight:500; display: block; padding: 11px 17px;} header #head-menu #first-menu li a:hover{color:#095d7e; background-color: #fff;} header #head-menu #logo{position:absolute; top:0px;left:0;height:100px;width:auto;display:block;z-index:12} header #head-menu #logo img{height:100%;width:auto;display:block;} header #head-menu #logo-mobile{position:absolute; top:0px;left:0;height:100px;width:auto;display:block;z-index:12;display:none;} header #head-menu #logo-mobile img{height:100%;width:auto;display:block;} header #head-menu #first-menu span.infolettre{display:inline-block; font-family:"Parisienne", sans-serif; text-decoration:none;color:#292929;text-transform:inherit;font-size:1.35em;cursor:pointer;font-weight:700; height:18px; padding:15px 20px 14px 20px; line-height:100%; position: relative; background-color: #122A50; color: #fff;} header #head-menu #first-menu span.infolettre:after, header #head-menu #first-menu span.infolettre:before {content: ''; width: 0; height: 0; position: absolute; right: -14px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s;} header #head-menu #first-menu span.infolettre:after {border-top: 25px solid #122A50; border-right: 14px solid transparent; top: 0;} header #head-menu #first-menu span.infolettre:before {border-bottom: 25px solid #122A50; border-right: 14px solid transparent; bottom:0;} header #head-menu #first-menu span.infolettre:hover {} header #head-menu #first-menu span.infolettre:hover:after {} header #head-menu #first-menu span.infolettre:hover:before {} header #head-menu #first-menu span.infolettre [class^="icon-"] {padding-left: 20px; font-size: 24px; vertical-align: middle;} header #head-menu #first-menu .zoom {position:relative;} header #head-menu #first-menu .zoom a {background-color: #EF423B; color: #fff; padding-left: 20px; padding-right: 20px;} header #head-menu #first-menu .zoom a span{font-family:"Raleway", sans-serif; text-decoration:none;text-transform:uppercase;} header #head-menu #second-menu{background-color: #fff; display:flex;} header #head-menu #second-menu nav#main-nav {/* height: 100px; */ width: 100%;} header #head-menu #second-menu nav#main-nav > ul{height: 100%; display:flex;} header #head-menu #second-menu nav#main-nav > ul > li{float:left;height:100%;padding-top:0px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border-left:1px solid rgba(27,42,78, 1);margin-top:0; } header #head-menu #second-menu nav#main-nav > ul > li:first-of-type{border-left:0;} header #head-menu #second-menu nav#main-nav > ul > li{width:20%;}header #head-menu #second-menu nav#main-nav > ul > li span[class^="icon-"] {display: block; font-size: 40px;} header #head-menu #second-menu nav#main-nav > ul > li .flow{overflow:hidden;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;} header #head-menu #second-menu nav#main-nav > ul > li .flow::before{content:'';width:100%;position:absolute;bottom:0;height:0px;left:0;right:0;z-index:0;background-color:rgba(27,42,78, 1)} header #head-menu #second-menu nav#main-nav > ul > li:hover .flow::before{height:100%;} header #head-menu #second-menu nav#main-nav > ul > li:hover .flow a{color:#ffffff; background-color: rgba(27,42,78, 1);} header #head-menu #second-menu nav#main-nav > ul > li .flow a {font-family:"Raleway", sans-serif;line-height:115%;font-weight:700;text-decoration:none;color:rgba(27,42,78, 1);text-transform:uppercase;font-size:0.9em;height:100%;display:block;text-align:center;padding:10px 8px;position:relative;z-index:10; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } header #head-menu #second-menu .mobile-btn{width:60px;height:60px;position:absolute;top:0;right:0px;background-color:#ffd659;cursor:pointer; display:none;} header #head-menu #second-menu .mobile-btn img.up{width:60px;height:60px;position:absolute;top:0;left:0;margin-left:0px;margin-top:0px;} header #head-menu #second-menu .mobile-btn img.down{width:60px;height:60px;position:absolute;top:0;left:0;margin-left:0px;margin-top:0px;display:none;} header #head-menu #second-menu .search-btn{width:100px;height:100%;position:absolute;top:0;right:0;cursor:pointer; color: #fff; font-size: 40px; padding: 30px 0px 0px 0px; box-sizing: border-box;border-left:1px solid #cfcfcf;text-align:center;} header #head-menu #second-menu .search-btn:hover {background-color: #000000;} header #head-menu #second-menu nav#social-nav {border-right: 1px solid rgba(27,42,78, 1); padding: 5px 20px; min-width: 110px;} header #head-menu #second-menu nav#social-nav .title {text-transform: uppercase; font-weight: 900;} header #head-menu #second-menu nav#social-nav ul {display:flex; padding: 0px 0;} header #head-menu #second-menu nav#social-nav ul li {padding-right: 10px;} header #head-menu #second-menu nav#social-nav ul li a {color: #000; font-size: 24px;} header #head-menu #second-menu nav#addon-nav {border-right: 1px solid rgba(27,42,78, 1); padding: 26px 20px; min-width: 50px; } header #head-menu #second-menu nav#addon-nav .title {text-transform: uppercase; font-weight: 900;} header #head-menu #second-menu nav#addon-nav ul {display:flex; padding: 0px 0; justify-content: center; height:100%;} header #head-menu #second-menu nav#addon-nav ul li {padding: 0 5px;} header #head-menu #second-menu nav#addon-nav ul li i{color:rgba(27,42,78, 1);} header #head-menu #second-menu .extra-nav nav#addon-nav ul li {padding: 0 5px;} header #head-menu #second-menu nav#addon-nav ul li a {color: #000; font-size: 24px;} header #head-menu #second-menu .extra-nav nav#addon-nav ul li a {font-size: 20px;} header #head-menu #second-menu .extra-nav nav#addon-nav {border-right:0; padding: 0 10px 10px 10px;} header #head-menu #second-menu .extra-nav {border-left: 1px solid rgba(27,42,78, 1);} header #head-menu #second-menu .extra-nav nav#language-nav ul li a {padding: 15px 10px 0px 10px; text-align: center;font-size:0.9em;} header #head-menu #second-menu nav#language-nav {} header #head-menu #second-menu nav#language-nav ul {list-style: none;} header #head-menu #second-menu nav#language-nav ul li {} header #head-menu #second-menu nav#language-nav ul li a {color: rgba(27,42,78, 1); font-weight: 900; text-decoration: none; text-transform: uppercase; padding: 22px; display: block;} header #head-menu #second-menu nav#language-nav ul li a:hover {color: #b81f23;} .call-ipad{display:none;} header #meta-nav {display:flex; justify-content: flex-end;background-color:#e8e8e8;} header #meta-nav nav { border-left: 1px solid #c9c9c9;} header #meta-nav nav ul {list-style:none; margin:0; padding:0; display:flex;} header #meta-nav nav ul li {display:block;} header #meta-nav nav ul li a {display: block; text-decoration: none; text-transform: uppercase; padding: 21px; color: #000; transition: all 500ms ease;} header #meta-nav nav ul li:last-of-type a {background-color: #e0e0e0; /* border-left:1px solid #fff; */} header #meta-nav nav ul li:last-of-type a:hover {background-color: #ccc;} header #meta-nav nav ul li a i {margin-right: 15px; font-size: 20px;} header #meta-nav nav ul li a:hover {background-color: #e0e0e0;} header #search-bloc{transition: all 500ms ease;} header #search-bloc:hover {background-color: #e0e0e0;} #search-bloc{position:relative;background-color:#e8e8e8;display:block;z-index:10;padding: 0px 20px 0 20px; box-sizing: border-box; overflow:hidden;} #search-bloc i {margin-right: 15px; font-size: 20px;} #search-bloc input{height:65px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding-left:0px;font-size:1em;font-weight:500;font-family:"Raleway", sans-serif;color:#000 !important;} #search-bloc ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; } #search-bloc ::-moz-placeholder { /* Firefox 19+ */ color: #000; } #search-bloc :-ms-input-placeholder { /* IE 10+ */ color: #000; } #search-bloc :-moz-placeholder { /* Firefox 18- */ color: #000; } .has-child{position:relative;} .has-child::before{content:'>';position:absolute;right:20px;font-size:25px;color:#ffffff;top:45%;transform: translateY(-50%);} /* ============================= */ /* ===== Sous-menu ===== */ /* ============================= */ .menu-godown nav ul li .subnav{} nav ul li .subnav {display:none; position:absolute; width: 100%; padding: 0; bottom: inherit;top:80px;width: 100vw;left: 50%;margin-left: -50%;margin-left: -50vw; z-index: 1;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; } nav ul li .subnav .background { padding: 30px 0 35px 20px; background-color: rgba(27,42,78, 0.90); margin-top: 80px;} /* nav ul li .subnav {display:none; position:absolute; width: 100%; padding: 0; bottom: inherit;top:64px;width: 100vw;left: 50%;margin-left: -50%;margin-left: -50vw; z-index: 1;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; } nav ul li .subnav .background { padding: 30px 0 35px 20px; background-color: rgba(27,42,78, 0.90); margin-top: 95px;} */ nav ul li .subnav .grid{ max-width: 1500px;padding:0 100px 0 100px !important;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} nav ul li:hover .subnav {display:block;} nav#main ul li .subnav a.parent, nav#main ul li .subnav li.vide {text-transform:uppercase; font-size: 1.2em; margin: 20px 0 10px 0; } nav#main ul li .subnav a:hover {background-color: transparent !important;} header #head-menu #second-menu nav#main-nav ul li .subnav .grid {padding:0px 0 0 20px;} header #head-menu #second-menu nav#main-nav ul li .subnav .col-1-4{border-left:1px solid rgba(255,255,255, 0.2);padding-left:30px;} header #head-menu #second-menu nav#main-nav ul li .subnav .col-1-4:first-child{border-left:0;} header #head-menu #second-menu nav#main-nav ul li .subnav ul {list-style:none; margin:0; padding:0;height:auto;} header #head-menu #second-menu nav#main-nav ul li .subnav ul li {list-style:none;padding:0;margin:10px 0 10px 0;height:auto;line-height:90%;} header #head-menu #second-menu nav#main-nav ul li .subnav ul li a.parent {font-weight:900;font-size: 0.8em;padding:5px 0px 5px 0px;border-radius: 5px 5px 5px 0px;margin:10px 0 5px 0;height:auto;text-align:left;color:#ffffff;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-transform:uppercase; text-decoration: none;} header #head-menu #second-menu nav#main-nav ul li .subnav ul li ul {list-style:none;padding:0;margin:5px 0 5px 0;height:auto;} header #head-menu #second-menu nav#main-nav ul li .subnav ul li ul li a {font-size:0.75em;background: none; text-decoration:none; padding:0;margin:0;height:auto;font-family:"Raleway", sans-serif;text-align:left;color:#ffffff;text-transform: none;font-weight:700;line-height: 100%} #flashMessage { background: #E4F3D3; padding: 15px; font-size: 16px; } /* ============================= */ /* ===== menu-mobile ===== */ /* ============================= */ .mobile-menu, .tablet-menu{position:absolute;right:-3000px;z-index:9999999;width:100%;background-color:#cc1318;bottom:0;height:auto;} .mobile-menu ul, .tablet-menu ul{margin:0;padding:0;} .mobile-menu ul li, .tablet-menu ul li{border-bottom:1px solid #fff;/* padding-left:15px; */position:relative;overflow:hidden;list-style:none;} .mobile-menu ul li a, .tablet-menu ul li a{font-family:"Raleway", sans-serif;text-transform:uppercase;color:#ffffff;display:block;text-decoration:none;font-size:1.3em;padding-bottom:15px;padding-top:17px;-webkit-font-smoothing: antialiased; text-align:left; line-height: 21px;padding-left:20px;} /* .mobile-menu ul li a .titre, .tablet-menu ul li a .titre {font-weight:900;} */ .mobile-menu ul li a .stitre, .tablet-menu ul li a .stitre {text-transform: none; color: #000; font-size: 14px; line-height: 14px;} /* .mobile-menu ul li a::after, .tablet-menu ul li a::after{content:'>';position:absolute;top:16px;right:10px;color:#FFFFFF;} */ .mobile-menu ul li:hover a::after, .tablet-menu ul li:hover a::after{right:-20px} .submenu-mobile{top:0;height:100%;position:absolute;left:100%;width:100%;background-color: #005d88;display:block;} .submenu-mobile ul{position:absolute;display:none;background-color: #005d88;top:0;height:100%;} .submenu-mobile ul.open{display:block;left:0 !important;} .submenu-mobile .mobile-back{color:white;font-size: 40px;text-align: left;height:40px;padding-top:15px;padding-left:15px; } /* ============================= */ /* ===== Fil d'ariane ===== */ /* ============================= */ .ariane{font-weight:700;margin:0;padding:0;margin-bottom:30px;display:block;width:100%;line-height:90%; text-decoration:none;text-transform:uppercase;color:#1b2a4e; font-size: 14px;} .ariane a{text-decoration:none;font-size:0.9em;color:#1b2a4e;} /* ============================= */ /* Carrousel + image bannièere */ /* ============================= */ .no-item-to-show{text-align:center;padding-top:50px;padding-bottom:50px;} header #header-slider {margin-top: 160px;} #cont-slide{width:100%;position:relative;overflow:hidden;position: relative;padding-bottom: 40%; /* 16:9 */padding-top: 25px;height: 0;} #cont-slide .color-slide {display:none !important;width:500px;position:absolute;right:150px;top:50%;margin-top:-200px;height:350px;padding:25px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;overflow:hidden;} #cont-slide .color-slide .icon-slide{font-size:350px;position:absolute;top:0;left:50%;top:50%;-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);opacity:0.80;} #cont-slide .inside-slide{height:300px;display:table;z-index: 99999;position:relative;} #cont-slide .inside-slide h2::before{content:'';width:85px;height:67px;position:absolute;top:40px;left:50%;margin-left:-42px;background:url('/img/tree.png')no-repeat center center;background-size: cover;} #cont-slide .inside-slide h2{display:table-cell;vertical-align:middle;color:#1b2a4e;font-family:"Raleway", sans-serif;line-height:110% !important;font-weight:700; font-size:60px;font-family: 'Parisienne';text-align:center;position:relative;padding-top:55px;width:900px} #cont-slide .inside-slide h2 span{text-transform:uppercase;font-size:25px;display:block;color:#1b2a4e;font-family:'raleway';line-height:100% !important;font-weight: 500; } #cont-slide .inside-slide a{text-transform:uppercase;text-decoration:none;position:relative;z-index:99; position:absolute;bottom:-225px;right:50%;margin-right:-100px;background-color:#1b2a4e;width:200px;height:200px;transform:rotate(45deg);} #cont-slide .inside-slide a::before{content:'+';color:#ffffff;position:absolute;top:5px;transform: rotate(-45deg);left:5px;font-size: 50px;} #cont-slide .inside-slide .icon{font-size:100px;position:absolute;left:50%;top:30px;-webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%);transform: translate(-50%,0%);color:#1b2a4e;} #cont-slide .color-slide:hover .icon-slide{opacity:1;} #cont-slide .color-slide:hover h2, #cont-slide .color-slide:hover h2 span{color:#005D88;} #cont-slide .color-slide:hover a{background-color:#005D88;} .ban-photo{background:url('../img/slide-1.jpg')no-repeat center center ;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;padding-bottom: 35%; /* 16:9 */padding-top: 25px;height: 0;} .ban-photo .shadow{background:url('../img/shadow.png')repeat-x left top;width:100%;height:30px;position:absolute;bottom:0;left:0;} .credit-photo { background-color: rgba(0,0,0,0.8); padding: 1px 8px; color: #fff; font-size: 11px; opacity: 0.75; transition:all 500ms ease;} .credit-photo:hover {opacity:1} header .credit-photo {position: absolute; bottom: 20px; left: 20px;} header #header-slider .link {position:absolute; bottom: 65px; width: 100%; text-align: center;} header #header-slider .link a {color : #fff; text-decoration:none; text-transform: uppercase; font-weight:bold; border: 2px solid #fff; padding: 5px 15px; transition: all 500ms ease; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } header #header-slider .link a:hover {background-color: rgba(0,0,0,0.25);} .bx-wrapper .bx-pager.bx-default-pager a { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #fff!important; } .bx-wrapper .bx-pager.bx-default-pager a:hover {background-color: #cc1318!important;} .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #cc1318!important; border: 2px solid #cc1318!important; } header #header-slider .bx-controls.bx-has-pager.bx-has-controls-direction {position: absolute; bottom: 20px; width: 100%; text-align: center;} header #header-slider .bx-controls.bx-has-pager.bx-has-controls-direction .bx-pager {width: 100%; box-sizing: border-box; text-align: center; top:0; padding-top:0; left:0; position:relative;} /* ============================= */ /* ===== Pagination ===== */ /* ============================= */ .pagination {display:block; clear:both; width: 100% !important; text-align: center;margin-bottom:30px;} .pagination a.p_go, .pagination a.p_first, .pagination a.p_last {display:inline-block; text-decoration:none; font-weight:900;} .pagination a.p_go {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #fff; background-color: #000; width: 30px; height: 26px; margin: 4px; padding: 2px 0;} .pagination a.p_go.disabled {background-color: #cc1318;} .pagination a.p_first, .pagination a.p_last {font-size: 22px; color: #000; padding: 10px 15px;} .pagination a.p_first.disabled, .pagination a.p_last.disabled {color: #ccc;} /* ============================= */ /* ===== Main ===== */ /* ============================= */ #main{margin:0;padding:0;position:relative;z-index:99; } #main .main-cont{max-width:1400px;width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:60px 100px 50px 100px;position:relative;} #main .main-cont #left-side{width:280px;float:left;padding-bottom:0px;} #main .main-cont #right-main{margin-left:330px;height:auto;overflow:hidden;position:relative;margin-top:0;} /* #main .main-cont h1{color:#1b2a4e;margin-bottom:10px;margin-top:0;padding:20px 0px 15px 0;line-height: 120%;font-size:55px;font-weight: 300;} */ #main .main-cont hr{margin-top:50px;margin-bottom:50px;display:block;opacity:0.4;clear:both;} #main .main-cont #right-main h3{color:#1b2a4e;margin-bottom:5px;} #fix #main .main-cont #right-main h3 a{color:#1b2a4e;text-decoration:none;} #main .main-cont #right-main h3 strong{font-weight:normal} #main .main-cont #right-main h2 strong{font-weight:normal;} #main .main-cont #right-main h2{margin-bottom:25px;text-transform: uppercase;font-weight:700;color:#1b2a4e} #main .main-cont #right-main .text ul li{list-style: circle;margin-left:20px;font-weight:300;} #main .text ul{margin:0 0 20px 20px;padding:0;} #main .main-cont #right-main img.first-img{;margin-left:0px;margin-bottom:20px;width:100% !important;height:auto;} #right-main p a, #right-main li a{font-weight:700} #right-main li h3 a{font-weight:300} #main div.text{margin-bottom:30px;} #main div.text .content ul{margin-top:15px;} #main .main-cont #right-main .text table td h3{margin:0;padding:5px 0 5px 0;} #main .main-cont #right-main .text table td h3 a{font-weight: 400 !important;} #main .main-cont #right-main .text table td a[target=_blank]{position:relative;padding-right:20px;} #main .main-cont #right-main .text table td a[target=_blank]::after{content: "\f08e";font-family: FontAwesome;font-size:12px;position:absolute;right:-0px;} #main .main-cont #right-main .text p iframe{max-width:800px;height:400px;width:100% !important;} #main .main-cont #right-main .text p img{clear:both !important;} #main .text p {margin-top:0;} #main img.first-img {max-width: 400px; float:left; padding: 0 20px 20px 0;} #main .main-cont #right-main .admin-content .carte iframe{max-width:800px;height:400px;width:100% !important;} #main .main-cont #right-main .admin-content{box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;margin-top:35px;margin-bottom:15px;clear:both;} #main .main-cont #right-main .admin-content::before{content:'';background:url('/img/fleche-admin-content.png')no-repeat center center;position:absolute;left:50px;top:-23px;width:45px;height:24px;} #main .main-cont #right-main .admin-content img{} #main .carte_etab .map_etablissement{width: 100%; height: 350px ;} #main .room-gallery{position:relative;} #main .room-gallery .slick-slide img{width:100%;height:auto;display:block;} #main .room-gallery .slick-prev:hover, #main .room-gallery .slick-prev:focus, #main .room-gallery .slick-next:hover, #main .room-gallery .slick-next:focus{background-color:#cc1318 !important} #main .room-gallery .slick-next{top:50%;margin-top:-50px;right:0;z-index:9999;background-color:#ffffff;padding:10px;width:40px;height:100px;transform: inherit; -webkit-transform: inherit;} #main .room-gallery .slick-prev{top:50%;margin-top:-50px;left:0;z-index:9999;background-color:#ffffff;padding:10px;width:40px;height:100px;transform: inherit; -webkit-transform: inherit;} .admin-content p img:not([style*="float"]) { width: 100% !important; height: auto !important; float: none; margin: 10px 0px 10px 0px; } @media only screen and (min-width: 641px) and (max-width: 1020px) { .admin-content p img:not([style*="float"]) { width: 100%; display: block; } } @media only screen and (max-width: 640px) { .admin-content p img:not([style*="float"]) { width: 100%; display: block; } } .admin-content p img[style*="float:left"] { width: 33% !important; height: auto !important; float: left; margin: 10px 20px 10px 0px; } @media only screen and (min-width: 641px) and (max-width: 1020px) { .admin-content p img[style*="float:left"] { width: 100% !important; float: none; display: block; margin: 10px 0px 10px 0px; clear: both; padding-bottom: 30px; } } @media only screen and (max-width: 640px) { .admin-content p img[style*="float:left"] { width: 100% !important; float: none; display: block; margin: 10px 0px 10px 0px; clear: both; padding-bottom: 30px; } } .admin-content p img[style*="float:right"] { width: 33% !important; height: auto !important; float: right !important; margin: 10px 0px 10px 20px; } @media only screen and (min-width: 641px) and (max-width: 1020px) { .admin-content p img[style*="float:right"] { width: 100% !important; float: none; display: block; margin: 10px 0px 10px 0px; clear: both; padding-bottom: 30px; } } @media only screen and (max-width: 640px) { .admin-content p img[style*="float:right"] { width: 100% !important; float: none; display: block; margin: 10px 0px 10px 0px; clear: both; padding-bottom: 30px; } } .admin-content li{font-weight: 400;line-height: 140%;} .active-menu{display:block;} .hidden-menu{display:none !important;} #main .main-cont #left-side h3{font-weight:500;text-decoration:none;display:block;text-align:left;color:#ffffff;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:15px 15px 15px 15px;background-color:#e7352f;position:relative;margin-top:0;} #main .main-cont #left-side h3 span{position:absolute;right:10px;top:10px;font-size:27px;} #main .main-cont #left-side .subnav-content{margin-bottom:30px;} #main .main-cont #left-side nav li ul {display: none;} #main .main-cont #left-side nav li ul li.on ul {display:block;} #main .main-cont #left-side nav {padding-bottom: 0px;margin-top:0;padding-top:0;} #main .main-cont #left-side nav ul {margin-top:0;padding-top:0;} #main .main-cont #left-side nav > ul {margin-top:0;padding-top:0;border:1px solid #e8e8e8;} #main .main-cont #left-side nav ul li{background-color:#ffffff;border-bottom:1px solid #e8e8e8;position:relative;padding-left:0px;list-style:none;line-height:160%;padding-right:10px;} #main .main-cont #left-side nav ul li a {text-decoration:none;color:#1b2a4e;display:block;padding:7px 10px 7px 10px;height:100%;font-weight: 400;width:100%;line-height:130%;width: 100%; margin: 0 0px;padding-right:10px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #main .main-cont #left-side nav ul li ul.subnav {display:none;} #main .main-cont #left-side nav ul li.on ul.subnav {display:block; } #main .main-cont #left-side nav ul li.on > ul {display:block;padding-left:10px;} #main .main-cont #left-side nav > ul > li.on {padding-bottom:10px;} #main .main-cont #left-side nav ul li.on > ul li a:hover {text-decoration:underline} #main .main-cont #left-side nav ul li.on > ul li.on > a{font-weight:700 !important;} #main .main-cont #left-side nav ul li.on > ul li.on a ul li.on a{font-weight:700 !important;} #main .main-cont #left-side nav ul li.on > ul li.on a ul li.on a ul li.on a{font-weight:700 !important;} #main .main-cont #left-side nav ul li.on > ul li ul li a:hover {text-decoration:underline} #main .main-cont #left-side nav ul li.on ul {padding-left:0px !important;border-left:1px solid rgba(255,255,255,0.2) !important;margin-left:23px;} #main .main-cont #left-side nav ul li:hover{background-color: #005d88;color:#ffffff;} #main .main-cont #left-side nav ul li:hover a{color:#ffffff} #main .main-cont #left-side nav ul li.on{background-color:#1b2a4e;color:#ffffff;} #main .main-cont #left-side nav ul li.on a{color:#ffffff;font-weight:700;} #main .main-cont #left-side nav ul li.on ul li{background-color:#1b2a4e;color:#ffffff;border:0;} #main .main-cont #left-side nav ul li.on ul li a{color:#ffffff;font-weight:400;font-size:0.9em;} #main .main-cont #left-side .nav-services ul li:hover a, .subnav-content .nav-services ul li.on a {color: #fff; padding-right: 0px;} .une{width:100%;} #main .bloc-1-2{width:47.5%;float:left;margin-left:5%;min-height: 100px;} #main .bloc-1-2:first-of-type{margin-left:0;} .videoWrapper {position: relative;padding-bottom: 55%; /* 16:9 */padding-top: 25px;height: 0;} .videoWrapper::before{ content:''; position:absolute; top:0;bottom:0;left:0;right:0; background-color:transparent; z-index:999; } .videoWrapper iframe, .videoWrapper object, .videoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #main .color-btn{margin:0;padding:0;} #main .color-btn li{box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:5px 75px 5px 5px;width:100%;background-color:#1b2a4e;margin:10px 0 0 0;position:relative;overflow:hidden;} #main .color-btn li:nth-child(2){background-color:#005d88} #main .color-btn li:last-child{background-color:#4891ba} #main .color-btn li:hover{background-color:#212121;} #main .color-btn li a{color:#ffffff;font-weight:500;text-transform:uppercase;font-size:1.2em;text-decoration:none;display:block;-webkit-font-smoothing: antialiased;padding:15px 0 15px 10px ;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #main .color-btn li span{position:absolute;right:15px;top:10px;font-size:45px;} #main .color-btn li b{font-family:'raleway';text-transform: none !important;font-size: 28px !important;} section {padding: 20px 0 0px 0; } /* .pad {padding: 50px 0;} */ .pad-top {padding-top: 50px;} .pad-bottom {padding-bottom: 50px;} .bottom-imbrique, section.bottom-imbrique { padding-bottom: 220px !important;} .top-imbrique {margin-top:-200px;} /* section.red, .background-red {background-color: #cc1318;color:#ffffff;} section.blue, .background-blue {background-color: #60ddfb;color:#ffffff; } section.yellow, .background-yellow {background-color: #f7df4b;color:#ffffff;} section.green, .background-green {background-color: #70ff7f;color:#ffffff;} section.pink, .background-pink {background-color: #fe93d7;color:#ffffff;} section.orange, .background-orange {background-color: #fca146;color:#ffffff;} section.purple, .background-purple {background-color: #c489ff;color:#ffffff;} */ section.top-red, .top-red, section.top-blue, .top-blue, section.top-yellow, .top-yellow, section.top-green, .top-green, section.top-pink, .top-pink, section.top-orange, .top-orange, section.top-purple, .top-purple {position:relative;} section.top-red:before, .top-red:before, section.top-blue:before, .top-blue:before, section.top-yellow:before, .top-yellow:before, section.top-green:before, .top-green:before, section.top-pink:before, .top-pink:before, section.top-orange:before, .top-orange:before, section.top-purple:before, .top-purple:before {position:absolute; content: ''; top:0; left:0; right:0; height: 250px; z-index: -1;} /* section.top-red:before, .top-red:before {background-color: #cc1318;} section.top-blue:before, .top-blue:before {background-color: #60ddfb;} section.top-yellow:before, .top-yellow:before {background-color: #f7df4b;} section.top-green:before, .top-green:before {background-color: #70ff7f;} section.top-pink:before, .top-pink:before {background-color: #fe93d7;} section.top-orange:before, .top-orange:before {background-color: #fca146;} section.top-purple:before, .top-purple:before {background-color: #c489ff;} */ /* .intro {text-align:center; margin-bottom: 50px;} .intro h2 {color: #fff; font-size: 54px; font-family: "Raleway", sans-serif; font-weight: 900;} .intro p {font-size: 32px; font-weight: 300; line-height: 1.3;} */ .intro {text-align:center; margin-bottom: 50px;position:relative;font-size: 24px; font-weight: 300; line-height: 1.3;} .intro p{text-align: justify;} .intro .main-title{font-size: 54px; font-family: "Raleway", sans-serif; font-weight: 900;line-height: 110%;margin-bottom:10px;} .intro .text{font-size: 24px; font-weight: 300; line-height: 1.3;} #main .intro .categorie{position:relative;text-align: center;display:inline-block;margin-top:-30px;top:0;} .intro .stars {font-size: 35px; color: #ededed; position: absolute; width: 100%; left:0;display:flex;justify-content: center;} .intro .category {font-family: 'bukhari'; position:relative; z-index: 1; color: #6a6a6a; font-size: 21px;} .intro .stars i{padding:2px;} .full-width {width: 100%;margin-bottom: 5px;} @media only screen and (max-width: 640px) { .intro p { text-align: justify;} } /* ============================= */ /* ===== Mosaic ====== */ /* ============================= */ .mosaic {/* display:flex; flex-wrap:wrap; */} .mosaic .item { width: 25%; height: 300px; box-sizing: border-box; padding: 10px;} .mosaic .item .hover {position:absolute; top:0; right:0; bottom:0; left:0; background-color: rgba(0,0,0,0.5); transition: 500ms ease; opacity:1;} .mosaic .item:hover .hover {opacity:1;background-color: rgba(204,19,24,0.9);} .mosaic .item .content {background-size:cover; background-position: center center; width: 100%; height: 100%; display:flex; flex-direction: column; justify-content: center; align-items: center; position:relative; } .mosaic .item.size-h-2 {height: 600px;} .mosaic .item.size-h-3 {height: 900px;} .mosaic .item.size-h-4 {height: 1200px;} .mosaic .item.size-w-2 {width: 50%;} .mosaic .item.size-w-3 {width: 75%;} .mosaic .item.size-w-4 {width: 100%;} .mosaic .favorite {position:absolute; top: 10px; right:10px; width: 50px; height: 50px; background-image:url(/img/ico-love-o.png); background-repeat:no-repeat; background-size: contain; z-index:1; display:none;} .mosaic .favorite.on {background-image: url(/img/ico-love.png);} .mosaic .icon {position:relative; z-index:1; color: #fff; margin-bottom: 20px;} .mosaic .name {position:relative; z-index:1;} .mosaic .name a {color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 22px; display: block; text-align: center;box-sizing:border-box;padding:0px 20px 0px 20px;} .mosaic .background {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;} @media only screen and (max-width: 1024px) { .mosaic .item.size-w-2 {width: 50%;} .mosaic .item.size-w-3 {width: 50%;} .mosaic .item.size-w-4 {width: 50%;} .mosaic .item {width: 50%;} } @media only screen and (max-width: 640px) { .mosaic .item.size-w-2 {width: 100%;} .mosaic .item.size-w-3 {width: 100%;} .mosaic .item.size-w-4 {width: 100%;} .mosaic .item {width: 100%;} } /* ============================= */ /* ===== Nouvelles acc ====== */ /* ============================= */ #main h2.defaut{font-family:"Raleway", sans-serif;text-transform:uppercase;color:#005d88;border-bottom:5px solid #005d88;margin-top:0px;line-height:100%;padding-bottom:10px;position:relative;color:#005d88;margin-bottom:0 !important;} #main h2.defaut span{right:0;position:absolute;font-size:30px;top:-5px;} #main .news-acc *{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #main .news-acc {margin:0;padding:0;} #main .news-acc li{padding:30px 0px 30px 0px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;margin-bottom:0px;position:relative;list-style:none;border-bottom:1px solid #e8e8e8;} #main .news-acc li:last-child{margin-bottom:10px;} #main .news-acc li .eve-arrow{position:absolute;bottom:0px;right:0;z-index:10;background-color:#b81f23;color:#ffffff;display:block;font-size:50px;height:30px;width:60px;line-height:30px !important;} #main .news-acc li .eve-arrow span{position:absolute;top:-10px;left:5px;} #main .news-acc li .news-acc-date{position:relative;display:inline-block;font-family:'raleway';font-size:19px;font-weight: 700;} #main .news-acc li .news-acc-detail{width:65%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding-left:20px;} #main .news-acc li p{margin-top:5px;margin-bottom:0px;line-height: 110%;padding:0 !important;border:none !important} #main .news-acc li p span{font-weight:700;color:#005d88;} #main .news-acc li h4{font-family:"Raleway", sans-serif;text-transform:uppercase;color:#005d88;line-height:120%;display:block;font-weight:700;margin:0;} #main .news-acc li .news-acc-photo{position:relative;width:35%;height:auto;display:block;float:left;} #main .news-acc li .news-acc-photo img{width:100%;height:auto;display:block;} #main .news-acc-link{color:#1b2a4e;font-weight:900;text-transform: uppercase;text-decoration: none;} #main .news-acc li:hover .eve-arrow{right:-100px;} #main .news-acc li:hover h4{color:#1b2a4e} #main .news-acc li:hover img{opacity:0.8;} /* ============================ */ /* ===== Dropdown ===== */ /* ============================ */ .filtres {position:relative;} .dropdown {padding: 5px 20px; border: 1px solid #fff; display:inline-block; min-width: 150px; cursor: pointer;} .dropdown:after {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f078"; position:absolute; right:8px;top:8px;} .dropdown.open:after {content: "\f077";} .dropdown.right {position:absolute; right:10px; bottom:0px;} .dropdown .label {color: #fff; font-size: 13px; position:absolute; top: -24px; width: 100%; left:0;} .dropdown .selected {font-weight: 900; color: #fff; text-transform: uppercase;} /* .dropdown.open ul {display: block;} */ .dropdown ul {display:none; position: absolute; background-color: #f7f7f7; z-index: 100; right:0; left:0; margin-top: 6px; /* border: 1px solid #ccc; */} .dropdown ul li a {padding: 5px 20px; text-decoration: none; color: #000; border-bottom: 1px solid #eee; display: block;} .dropdown ul li a:hover {background-color: #eee;} /* ============================= */ /* ===== Planifier ===== */ /* ============================= */ #planifier {background-image: url(/img/img_default.jpg); background-repeat: no-repeat; background-size:cover; background-position: center center; padding : 140px 20px;} #planifier .content {text-align: center; color: #fff;} #planifier h2 {font-size: 35px; line-height: 1.3em;text-shadow: 3px 0px 6px black} #planifier .bouton2{font-size:17px;} @media (max-width: 700px) {#planifier .bouton2{width: 90%;}} #planifier .bouton2:nth-of-type(1) {background-color: #f59a18;} #planifier .bouton2:nth-of-type(2) {background-color: #312682;} #planifier .bouton2:nth-of-type(3) {background-color: #cc1318;} #planifier .bouton2:nth-of-type(4) {background-color: #0d8234;} /* ============================= */ /* ===== Listing ===== */ /* ============================= */ .list {display:flex; flex-wrap: wrap;justify-content: center;} .list .item {width: 25%; padding: 10px; box-sizing: border-box;} .list .item .content {background-color: #fff; position:relative;} .list .item .image {width: 100%; height: 250px;} .list .item .image img {width: 100%; height: 100%; object-fit:cover;} .list .item .text {padding: 10px 20px 20px 20px; text-align:center; border: 1px solid #eee;margin-top:0 !important} .list .item .text p {color: #888888;} .list .item .name {font-family:"Raleway", sans-serif; font-weight: 400; margin-bottom: 10px; font-weight: 900;line-height: 115%;} .list .item .stars {font-size: 25px; color: #ededed; position: relative; width: 100%; margin-top:-0px;margin-bottom:12px} .list .item .category {font-family: 'bukhari'; position:relative; z-index: 1; color: #6a6a6a; font-size: 21px;} .item .bouton{margin-top:0px;} .top-purple .item .bouton{margin-top:0px !important;} /* ============================== */ /* ===== Établissement voir ===== */ /* ============================== */ #main {} .text div{font-style: normal;} #main .coordonnees {border-top:1px solid #e8e8e8;padding-top:10px;margin-top:20px;} #main .coordonnees .maintel {color: #cc1318;} #main .coordonnees a {text-decoration: none; color: #000;} @media only screen and (max-width: 640px) { #main .coordonnees a {width: calc(100% - 70px);} #main .coordonnees a:not(:first-of-type) {margin-top: 12px;} } /* #main .categorie {position: absolute; top: 30px; right: 20px;} */ .col-1-2 .description p img{width:100% !important;height:auto !important;} /* ============================= */ /* ===== Évènements ===== */ /* ============================= */ h3.name{text-transform: uppercase;} .wrap img.first-img{width:100% !important;height:auto;display:block;max-width:1100px;margin:0 auto 0 auto;} #events-list {display:flex; flex-wrap:wrap; color: #000;margin-left:-10px;margin-right:-10px;justify-content: center;} #events-list .item { width: 25%; padding: 10px; box-sizing: border-box;display:flex;} #events-list .item .content {background-color: #fff;display:flex;flex-direction: column;} #events-list .item .image {width: 100%; height: auto;flex:0;} #events-list .item .image img {width: 100%; height: auto;border: 1px solid #eee;box-sizing: border-box;} #events-list .item .text {padding: 10px 20px 20px 20px; border: 1px solid #eee;flex:1;display:flex;/* justify-content: center; */align-items: center; flex-direction: column;text-align: center;margin-top:0 !important} #events-list .item .text p {text-align: center;} #events-list .item .text h2 {text-align: center;} #events-list .item .name {font-family:"Raleway", sans-serif; font-weight: 400; margin-bottom: 10px;line-height: 105%;} #events-list .item .date {font-family: 'bukhari';} #events-list a.bouton.centre {margin: 40px auto 0;} #events-list .item .bouton{margin-top:15px;} #events-vedettes {display:flex; flex-wrap:wrap;} #events-vedettes .item { width: 100%; padding: 10px; box-sizing: border-box; } #events-vedettes .item .content {background-color: #fff; display:flex;} #events-vedettes .item .image {width: 66%; height: 400px;} #events-vedettes .item .image img {width: 100%; height: 100%; object-fit:cover;} #events-vedettes .item .text {width: 33%; padding: 10px 20px 20px 20px;} #events-vedettes .item .name {font-family:"Raleway", sans-serif; font-weight: 400; margin-bottom: 10px;} #events-vedettes .item .date {font-family: 'bukhari';} #events-vedettes a.bouton.centre {margin: 40px auto 0;} @media only screen and (max-width: 640px) { #events-list .item {width: 100%;} } .une{background-color:#e8e8e8;} #evenement-acc *{} .eve-height{height:auto;min-height: 150px;position:relative;} #evenement-acc-title-cont{width:35%;position:absolute;top:0;bottom:30px;left:0;} .evenement-acc-title{overflow:hidden;position:relative;width:100%;height:100%;background: url('/img/eve-acc-background.jpg')no-repeat center center ;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .evenement-acc-title::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,99,139,0.77);} .evenement-acc-title::after{content:'';position:absolute;background:url('/img/layout-gray.png')no-repeat center center; top:50%;margin-top:-310px;right:-40px;z-index:9999;height:620px;width:100px; } .evenement-acc-title h2{text-align:center;position:absolute;top: 47%; left: 0;right:50px;display:block;-webkit-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%);transform: translate(0%,-50%);color:#ffffff;text-transform: uppercase;font-weight:500;padding-left:25px;padding-right:25px;} .evenement-acc-title h2 span{font-family:"Raleway", sans-serif;text-transform: none !important;display:block;font-size:45px;margin-bottom:10px;} #evenement-acc{width:62%;z-index:9999;position:relative;height:auto;margin-left:38%;} #evenement-acc .slick-track{margin:0;padding:0;display:flex;flex-wrap: wrap;flex-wrap: -webkit-wrap; display: -webkit-flex;} #evenement-acc .slick-track::before, #evenement-acc .slick-track::after{display:none;} #evenement-acc .eve-car .eve-car-item {display:inline-block;border-bottom:6px solid #b81f23; margin-left:10px;width:100%;/* float:left; */box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;list-style:none;background-color:#ffffff;position:relative;height:auto;margin-bottom:30px;} #evenement-acc .eve-car .eve-car-item .eve-image img{width:100%;height:auto;display:block;opacity:1;} #evenement-acc .eve-car .eve-car-item .eve-image{position:relative;padding:15px 15px 5px 15px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #evenement-acc .eve-car .eve-car-item .eve-date{font-weight:700;-webkit-font-smoothing: antialiased;position:relative;z-index:9;background-color:#b81f23;color:#ffffff;font-family:"Raleway", sans-serif;display:block;padding:10px 15px 10px 15px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;font-size:1em;width:100%} #evenement-acc .eve-car .eve-car-item .eve-detail{padding:0px 25px 0 25px;} #evenement-acc .eve-car .eve-car-item a{text-decoration:none;position:absolute;} #evenement-acc .eve-car .eve-car-item h3{font-family:"Raleway", sans-serif;text-transform:uppercase;color:#1b2a4e;margin:10px 0 40px 0;line-height:120%;font-weight:500;} #evenement-acc .eve-car .eve-car-item span p{display:block;color:#3d3d3d;margin-top:-5px;line-height:125%;margin-top:10px;} #evenement-acc .eve-car .eve-car-item .eve-arrow{position:absolute;bottom:-18px;left:25px;z-index:10;background-color:#b81f23;color:#ffffff;display:block;font-size:50px;height:30px;width:60px;line-height:30px !important;} #evenement-acc .eve-car .eve-car-item .eve-arrow span{position:absolute;top:-10px;left:5px;} #evenement-acc-title-cont .eve-btn{font-family:"Raleway", sans-serif;text-transform:uppercase;text-decoration:none;font-size:1em;color:#1b2a4e;margin-top:10px;display:block;} #evenement-acc .eve-car .eve-car-item:hover img{opacity: 0.8;} #evenement-acc .eve-car .eve-car-item:hover .eve-arrow{left:25px;bottom:-30px;} #evenement-acc .eve-car .eve-car-item:hover{border-bottom:6px solid #b81f23;} .flex:before, .flex:after{ display: none; } .intro p strong{display:block;padding-top:20px;} #evenement-list *{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #evenement-list{width:100%;position:relative;padding-bottom:30px;} #evenement-list .eve-btn{letter-spacing:0.5px;background:url('../img/eve-btn.png')repeat-x left bottom;display:inline-block;float:right;margin-top:0px;margin-bottom:0px;padding:15px 20px 15px 20px;color:#ffffff;font-family:"Raleway", sans-serif;text-transform:uppercase;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position:relative;text-decoration:none;font-size:1.3em;} #fix #main #right-main #evenement-list .eve-btn{color:#ffffff;} #evenement-list .eve-btn:hover {background:#292929 url('../img/eve-btn-o.png')repeat-x left bottom} #evevement-list .eve-btn span{background:url('../img/eve-icon.png')no-repeat left center;padding-left:40px;} #evenement-list ul{margin:0;padding:0;display:flex;flex-wrap: wrap;justify-content: space-between;} #evenement-list ul li{width:49%;height:auto;float:none;list-style:none;padding:0px 0px 0px 0px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;margin-bottom:2.33333333%;position:relative;overflow:hidden;} #evenement-list ul li .eve-details{width:49%;height:100%;position:absolute;top:0;bottom:0;left:0;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #evenement-list ul li .eve-details-cont{display:table;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:0 50px 0 50px} #evenement-list ul li .eve-align{display:table-cell;vertical-align: middle;height:100%;} #evenement-list ul li .eve-image{width:50%;height:auto;margin-left:50%;border-left:1px solid #e8e8e8;} #evenement-list ul li .eve-image img{width:100%;height:auto;display:block;opacity:1;} #evenement-list ul li .eve-date{-webkit-font-smoothing: antialiased;position:relative;z-index:9;background-color:#b81f23;color:#ffffff;font-family:"Raleway", sans-serif;text-transform:uppercase;display:inline-block;padding:5px 15px 5px 15px;font-size:0.85em;font-weight:500 !important;-webkit-font-smoothing: antialiased;} #evenement-list ul li a{text-decoration:none;display:block;} #evenement-list ul li a h3{font-family:"Raleway", sans-serif;text-transform:uppercase;color:#292929;display:block;line-height:110%;padding:30px 0 10px 0 ;margin:0;} #evenement-list ul li a p{display:block;line-height:140%;margin-top:0px;} #evenement-list ul li .eve-arrow{position:absolute;bottom:00px;right:0;color:#ffffff;background-color:#1b2a4e;text-transform: uppercase;padding:15px 20px 15px 20px;display:block;} #evenement-seul .main-image{overflow:hidden;position:relative;/* width:450px;float:left; */ width: 100%; height: 425px; margin-right:35px;margin-bottom:10px; background-color: #f2f2f2;} #evenement-seul .main-image img{width:100%;height:100%; object-fit: contain; display:block;} #evenement-seul .main-image .legend{position:absolute;bottom:0; background-color:rgba(40, 40, 40, 0.78);min-height:30px;width:100%;} #evenement-seul .main-image .legend p{margin:5px 5px 5px 10px;color:#ffffff;font-size:0.9em;} #main .date{/* font-weight:700;text-transform:uppercase;font-size:20px; */ margin-bottom: 4px;color:#b81f23;} #evenement-seul .right-cote{margin-left:450px;overflow:hidden;} @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { #evenement-seul .main-image {text-align:center;} #evenement-seul .main-image img {width: auto; margin:0 auto;} } @supports (-ms-ime-align: auto) { #evenement-seul .main-image {text-align:center;} #evenement-seul .main-image img {width: auto; margin:0 auto;} } .share{position:relative;width:auto;height:50px;margin:0px 0 0 0;padding:0;} .share li{height:50px;list-style:none;float:left;font-family:"Raleway", sans-serif;text-transform:uppercase;font-size:1.8em;color:#1b2a4e;margin-right:10px;margin-left:0;padding-left:0;} .share li a img{width:auto;height:100%;} .share li a:hover{opacity:0.7;} .evenements-futur{position:relative;display:flex;justify-content: center;padding-top:20px;} .bouton{color:#ffffff !important; font-family:"Raleway", sans-serif; padding: 12px 35px; display:inline-block;font-size:15px;background-color:#cc1318;line-height: 105%;-webkit-font-smoothing: antialiased; text-decoration:none; text-transform: uppercase; font-weight: 400; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;display:inline-block;} .bouton:hover{background-color:#b81f23;} .bouton2 {color:#ffffff !important; font-family:"Raleway", sans-serif; padding: 12px; display:inline-block;font-size:0.75em;background-color:#cc1318;line-height: 105%;-webkit-font-smoothing: antialiased; text-decoration:none; text-transform: uppercase; font-weight: 400; border: 1px solid #fff; text-align:left; margin: 5px} .bouton2 i {margin-right: 8px; font-size: 22px; float:left;} .bouton2 .text {float:left;} .bouton2:hover{background-color:#b81f23;} /* ============================= */ /* ===== Social ===== */ /* ============================= */ #media{position:absolute;width:50px;height:200px;left:0;top:100px;} #media ul{margin:0;padding:0;} #media ul li{width:50px;height:50px;list-style:none;} #media ul li a {color:#fff; font-size: 30px; display:block; text-align:center; padding: 10px 0;} #media ul li a:hover{opacity:0.7;} #media ul li.facebook a {background-color: #375EA7;} #media ul li.twitter a {background-color: #52A5DB;} #media ul li.youtube a {background-color: #F1553D;} #media ul li.rss a {background-color: #F57E24;} #media-acc{position:relative;width:100%;height:50px;float:none;margin-top:30px;display:none;} #media-acc ul{margin:0;padding:0;width:200px;height:50px;float:right;} #media-acc ul li{width:50px;height:50px;list-style:none;display:block;float:left;} #media-acc ul li a {color:#fff; font-size: 30px; display:block; text-align:center; padding: 10px 0;} #media-acc ul li a:hover{opacity:0.7;} #media-acc span{font-family:"Raleway", sans-serif;color:#1b2a4e;font-size:35px;top:15px;position:absolute;left:10px;} #media-acc ul li.facebook a {background-color: #375EA7;} #media-acc ul li.twitter a {background-color: #52A5DB;} #media-acc ul li.youtube a {background-color: #F1553D;} #media-acc ul li.rss a {background-color: #F57E24;} #infolettre{box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; width:100%;padding:20px 20px 70px 20px;position:relative;background-color:#1b2a4e} #infolettre h4{font-family:"Raleway", sans-serif;text-transform:uppercase;color:#ffffff;width:auto;float:none;height:auto;display:block;line-height:100%;padding-top:0px;margin-top:10px;} #infolettre form{margin-left:0px;margin-top:5px;margin-right:0px;} #infolettre input[type=text]{padding:10px;width:100%;float:none;color:#292929;font-size:1em;background-color:#ffffff;margin-bottom:10px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #infolettre input[type=submit]{border-top:5px solid #ffffff; font-family:"Raleway", sans-serif;color:#ffffff;font-size:1em;height:auto;cursor:pointer;text-align: center;display:block;position:absolute;width:100%;padding-top:10px; padding-bottom:10px;bottom:0;left:0;right:0;background-color:#005d88;font-family:"Raleway", sans-serif;font-size: 30px;-webkit-appearance: none;} #infolettre input[type=submit]:hover{background-color:#1b2a4e} .infolettre-confirm{font-family: "Raleway", sans-serif;font-size: 20px;text-align:center;text-transform: uppercase; display:inline-block;padding-top:25px;width:100%;color:#ffffff;line-height: 110%;text-align: left;} #maillistTop {position:absolute; width:300px; top:-1000px; left:80px; background-color:#ffffff; padding: 20px; box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;z-index:9999999;} #maillistTop .input label {position:absolute; top:2px; left:4px; font-family:"Raleway", sans-serif; font-size: 1em; text-transform: none;text-transform:uppercase;} #maillistTop .checkbox{position:relative;} #maillistTop .checkbox label{left:20px;} #maillistTop .input input[type=text] {padding: 10px; width: 100%; float: none; color: #292929; font-size: 1em; background-color: #ffffff; margin-bottom: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #f2f2f2;} #maillistTop .submit input{ font-family: "Raleway", sans-serif; color: #ffffff; font-size: 1em; height: auto; cursor: pointer; text-align: center; display: block; position: relative; width: 100%; padding-top: 10px; padding-bottom: 10px; background-color: #005d88; font-family:"Raleway", sans-serif; font-size: 30px;} #maillistTop .input {display:block; position:relative;} #maillistTop a.cancel {font-weight: 100; position: absolute; top: -8px; right: -9px; color: #1b2a4e; font-size: 1.4em; text-decoration: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 1px solid #eee; padding: 0 8px 4px; line-height: 1em; background-color: #f2f2f2;} #maillistTop a.cancel:hover {background-color: #005d88; color: #fff;} #maillistTop a.close {position:absolute; top:60px; left:10px;border:1px solid blue;} #maillistTop .infolettre-confirm{ font-family: "Raleway", sans-serif; font-size: 30px; text-align:center; text-transform: uppercase; } /* ============================= */ /* ===== Footer ===== */ /* ============================= */ footer {position:relative;width:100%;margin-top:0px;background-color:#f6f6f6;} footer #footer-bottom{max-width:1400px;width:100%;margin:0 auto 0 auto;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; position:relative;z-index:999;padding:0 100px 0 100px;} footer .foot-cont{box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-top:50px; padding-bottom:50px;} footer .foot-cont .heures{margin-right:3%; float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-right:3%;border-right:1px solid rgba(255,255,255,0.3);} footer .foot-cont .infolettre-foot{float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-right:3%;border-right:1px solid rgba(255,255,255,0.3);width:300px;} footer .foot-cont .infolettre-foot h4{font-family:"Raleway", sans-serif;text-transform:uppercase;color:#ffffff;width:auto;float:none;height:auto;display:block;line-height:100%;padding-top:0px;margin-top:10px;} footer .foot-cont .infolettre-foot form{margin-left:0px;margin-top:5px;margin-right:0px;} footer .foot-cont .infolettre-foot input[type=text]{padding:10px;width:100%;float:none;color:#292929;font-size:1em;background-color:#ffffff;margin-bottom:10px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} footer .foot-cont .infolettre-foot input[type=submit]{font-family:"Raleway", sans-serif;color:#ffffff;font-size:1em;height:auto;cursor:pointer;text-align: center;display:block;position:relative;width:100%;padding-top:10px; padding-bottom:10px;background-color:#005d88;font-family:"Raleway", sans-serif;font-size: 30px;-webkit-appearance: none;} footer .foot-cont .infolettre-foot input[type=submit]:hover{background-color:#005D88} footer .foot-cont p{color:#0a202b;line-height:150%;margin:20px 0 20px 0;font-weight:400;} footer .foot-cont small{color:#ffffff;font-weight:400;} footer .media{position:absolute;width:105px;height:200px;right:100px;top:50px;} footer .media ul {margin:0;padding:0;} footer .media ul li{width:50px;float:left;margin-left:5px;height:50px;margin-bottom:5px;list-style:none;} footer .media ul li:first-child{margin-left:0;} footer .media ul li:nth-child(2n+1){margin-left:0;clear:both;} footer .media ul li:last-child{width:105px;font-family:"Raleway", sans-serif;text-transform:uppercase;color:#ffffff;font-size:0.9em;text-align:center;padding-top:10px;-webkit-font-smoothing: antialiased;} footer .media ul li img{width:100%;height:auto;} footer .credits {font-size: 0.92em; clear:both; text-align: center; margin-top: 0px; padding: 20px 0; background-color: #ffffff; color: #434244;border-top:1px solid #e8e8e8;} footer .credits a{color:red;text-decoration:none;} footer #footer-bottom #footer-carte:hover{background-image:none;} footer .footer-nav {display:flex;} footer .foot-cont h3{font-family:"Raleway", sans-serif;text-transform:uppercase;color:#0a202b;padding-bottom:0px;margin-bottom:0px;font-weight: 900 !important; font-size: 14px; line-height: 100%; } footer #footer-nav ul li {line-height: 1.2em;} footer #footer-nav ul li a {color: #666; text-decoration: none; font-size: 13px; line-height: 1em;} footer #footer-nav ul li a:hover {color: #000;} footer .foot-cont h3 a {text-decoration:none; color:#0a202b; line-height: 1;} footer .coordonnees {border-right: 1px solid #ccc; display:flex; /* padding-top: 10px; */ float:left; margin-top: 15px;border-top:0 !important} footer .coordonnees .tel {margin-top:16px;} footer .coordonnees .email {text-decoration:none; color: #666;} footer .coordonnees h3 {margin-top:0;} footer .logo img {width: 100%;} footer .coordonnees p {font-size: 13px; color:#666; font-weight: 500; margin: 10px 0;} footer #socials-plugins {display:flex;} footer #socials-plugins .facebook-plugin {} footer #socials-plugins .instagram-plugin img {width:100%;} /* ============================= */ /* ===== Nouvelles ===== */ /* ============================= */ #nouvelles.manchette {position:relative; background-color: #d3e2eb; padding: 10px 20px;} #nouvelles h1 {margin-bottom: 5px;} #nouvelles.plugin {border-bottom: 1px solid #ccc;} #nouvelles ul {list-style:none; margin:0; padding: 0;} #nouvelles ul li:first-of-type{margin-left:0;} #nouvelles ul li {font-size: 1em; width: 46%; margin-right: 4%;} #nouvelles ul li:nth-child(3n+1) {clear:both;} #nouvelles.plugin ul li {min-height: 180px;} #nouvelles ul li .content {width: 100%; height: 350px; background-size: cover;} #nouvelles ul li .date {color: #003a57; font-size:0.846em;} #nouvelles ul li h3 {font-family:"Raleway", sans-serif; /* 'HelveticaLTStd-Bold', 'HelveticaWorldW01-Bold', */ font-weight:bold; margin:4px 0 6px; font-size: 1.07em;} #nouvelles ul li a.suite {clear: both; display: block; margin: 11px 0;} #nouvelles a.plus {font-size: 0.92em; font-family:"Raleway", sans-serif;/* 'HelveticaLTStd-Bold', 'HelveticaWorldW01-Bold', */ /* position: absolute; */ bottom: 17px; left: 120px;} a.rss {float:right; text-transform: uppercase; font-size: 0.4em;} a.rss:after {content: "\f09e"; font-family: FontAwesome; margin-left: 10px;} /* ============================= */ /* ===== PARC ===== */ /* ============================= */ .carte-parc{width:100%;height:500px;position:relative;margin:30px 0 50px 0;} .carte-parc iframe{width:100%;height:100%;position:absolute;top:0;left:0;} #main .map-search-all{background-color:#e8e8e8;display:block;padding:15px 25px 25px 25px ;position:relative;margin:30px auto 0 auto;width:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #main .map-search-all select{height:48px;font-family:"Raleway", sans-serif;border:0;text-transform:uppercase;font-size:1em;margin:9px 0px 0 0px;display:block;float:left;font-weight:700;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; background:url('../img/arrow-down-select.png')no-repeat 95% center;cursor:pointer;width:48.5%;background-color:#ffffff;padding:10px 10px 10px 10px;border-radius:0;} #main .map-search-all select:first-of-type{margin-left:0;} #main .map-search-all select:last-of-type{margin-left:3%;} #main .map-search-all select option{font-size:0.5em;} #main .map-search-all input[type=submit]{background-color:#b81f23;border:0;color:#ffffff;font-family: 'Raleway', serif;font-size:1em;font-weight:700;padding:11px 0px 11px 0px;cursor:pointer;width:10%;margin-top:8px;text-transform:uppercase;} #main .map-search-all input:hover[type=submit]{background-color:#1b2a4e} #parc-list *{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #parc-list{width:102%;position:relative;padding-bottom:30px;margin-top:30px;} #parc-list ul{margin:0;padding:0;display:flex;flex-wrap: wrap;} #parc-list ul li{width:31%;margin-right:2.3333333%;float:none;list-style:none;padding:15px 15px 0px 15px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;margin-bottom:2%;position:relative;overflow:hidden;} #parc-list ul li.hidden{display:none !important} #parc-list ul li .parc-image img{width:100%;height:auto;display:block;opacity:1;} #parc-list ul li .parc-image{overflow:hidden;max-height:300px;height:100%;position:relative;} #parc-list ul li a{text-decoration:none;display:block;} #parc-list ul li a h3{font-family:"Raleway", sans-serif;text-transform:uppercase;color:#292929;display:block;line-height:110%;padding:20px 0 15px 0 ;margin:0;} #parc-list ul li a span p{display:block;color:#3d3d3d;margin-top:-5px;line-height:100%;margin-top:10px;} #parc-list ul li .eve-arrow{position:absolute;bottom:0;right:0;width:30px;} #parc-list ul li .eve-arrow img{width:100%;height:auto;display:block;} #parc-list ul li:hover{border:1px solid #1b2a4e;background-color:#e8e8e8;} #parc-list ul li:hover .eve-arrow{right:-65px} #parc-list ul li .parc-adresse{padding-bottom:15px;display:none;} #parc-list ul li .parc-image .icon-activites{margin:0;padding:0px;list-style:none;background-color:#1b2a4e;position:absolute;top:0;left:0;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;display:block;height:100%;overflow-y:scroll;display:none;} #parc-list ul li .parc-image .icon-activites ul{position:relative;} #parc-list ul li .parc-image .icon-activites ul li{width:40px;height:40px;padding:5px;display:block;border:0;margin:0;float:none;} #parc-list ul li .parc-image .icon-activites ul li:nth-child(2n+1){clear:none;} #parc-list ul li .parc-image .icon-activites ul li:hover{border:0;background-color:#1b2a4e;} #parc-list ul li .parc-image .icon-activites ul li img{width:100%;height:auto;} #main .main-cont #right-main .text .icon-activites{margin:0px 0 0 0;padding:0px;list-style:none;position:relative;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;display:block;} #main .main-cont #right-main .text .icon-activites ul.clearfix {position:relative;margin:0;padding:0;list-style:circle;} #main .main-cont #right-main .text .icon-activites ul.clearfix li{padding:0px 0 0 0px;border:0;margin-left:20px;list-style:circle;} #main .main-cont #right-main .text .icon-activites ul.clearfix li:nth-child(2n+1){clear:none;} #main .main-cont #right-main .text .icon-activites ul.clearfix li:hover{border:0;} .map .likeli {display:flex; flex-direction: column;} .map .likeli h3 {order:0; margin:0;} .map .likeli > * {order:1;} .bloc-map{width:250px !important;margin:0 0px 0 0 ;padding:0;overflow:hidden;min-height:100px;position:relative;} .bloc-map i, .gm-style i {height:auto;width:100%;overflow:hidden;position:relative;display:block; margin-bottom: 10px;} .bloc-map i img, .gm-style i img {width:100%;height:auto;display:block;} .bloc-map h3{width:250px;margin:20px 0 0px 0 !important;padding:0;font-size:25px !important;} .bloc-map p{display:none;} .bloc-map .boutton{position:relative;display:block;background-color:#1b2a4e;color:#ffffff;text-transform: uppercase;font-weight:700; padding:5px 10px 5px 10px;width:250px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .act-photo{overflow: hidden; position: relative; width:100%; height:auto; max-width: 600px; max-height: 355px;float:left;margin-right:50px;margin-bottom:30px;} .act-photo ul, .act-photo ul li{margin:0 !important;padding:0 !important;list-style:none;position:relative;} .act-photo img{display:block;margin:0;padding:0;} .act-photo #slider-prev{position:absolute;z-index:9999999;left:10px;bottom:10px;width:40px;height:40px;font-size:16px;text-indent:-666px;} .act-photo #slider-prev .bx-prev::before{font-weight:300;content:'<';background-color: rgba(255, 255, 255, 0.83);color:#1b2a4e;position:absolute;top:0;left:0;width:40px;height:40px;text-indent:0;font-size:40px !important;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding-left:10px;padding-top:7px;} .act-photo #slider-next{position:absolute;z-index:9999999;right:10px;bottom:10px;width:40px;height:40px;font-size:16px;text-indent:-666px;} .act-photo #slider-next .bx-next::before{font-weight:300;content:'>';background-color:rgba(255, 255, 255, 0.83);color:#1b2a4e;position:absolute;top:0;left:0;width:40px;height:40px;text-indent:0;font-size:40px !important;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding-left:10px;padding-top:7px;} .act-photo .bx-viewport, .act-photo .bx-wrapper{position:relative;} .act-list{float:left;} /* ============================= */ /* ===== PLUG IN ===== */ /* ============================= */ .sous-menu{padding-bottom:30px;} ul.liste *{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} ul.liste{margin:0;padding:0; display:flex; flex-wrap:wrap; width: calc(100% + 20px); margin-left: -10px;margin-right:10px;} ul.liste li{width:33.33%;list-style:none;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:10px;position:relative;} ul.liste li .inner {border:1px solid #e8e8e8;padding: 10px; display:flex;flex-wrap: wrap;justify-content: center;align-items: center;position:relative !important;} ul.liste li .image img{width:100%;height:100%;display:block;opacity:1;} ul.liste li .image{width:100%;} ul.liste li .detail{position:absolute; left:0;right:0;top:50%;transform: translateY(-50%);text-align:center;width:100%;z-index:3;} ul.liste li .detail-in{padding:0 20px 0 20px} ul.liste li h3{font-family:"Raleway", sans-serif;text-transform:uppercase;color:#ffffff;display:block;line-height:100%;padding:0;margin:0 0 0 0px;} ul.liste li p{margin:0;padding:0;text-align:left !important;font-size:0.9em;display:none;} ul.liste li a{width:30px;height:30px;} ul.liste li .eve-arrow{width: 73px; height: 30px; position: absolute; bottom: -15px; right: 10px;display:none !important} ul.liste li .eve-arrow img{width:100%;height:auto;} ul.liste li:hover .inner {background-color:#e8e8e8;} ul.liste li .inner::after{content:'';position:absolute;top:0px ;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);width:100%;height:100%;z-index:2} ul.listeCat, div.no-cat{margin-bottom:100px; position:relative; margin-top:50px;} ul.listeCat h2{clear: both;} ul.listeCat a.open, ul.listeCat a.open:hover{background-color: #b81f23; padding:18px 15px 15px 15px;} ul.listeCat a {outline: none; color:black !important; display:block; padding:18px 15px 15px 15px; text-decoration:none;border:1px solid #e8e8e8;background-color:#ffffff !important;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} ul.listeCat a:hover {} ul.listeCat, div.no-cat{clear:both; padding:0;} ul.listeCat i.afficherPlus{margin-right:10px; font-size:15px;margin-top:3px;display:block;float:left;} ul.listeCat h3{margin:0; padding:0;} ul.listeCat h3 img{position:relative; top:-2px;} ul.listeCat a.titreOuvert{background-color:rgba(0,63,94,0.8); padding:20px 0 15px 10px; margin-bottom: 10px;} .print_it_second{float:left;display:block;margin:0 !important; position:relative !important;} ul.interets {margin:0;padding:0;} ul.interets li {margin-bottom: 0; list-style:none;padding:35px 60px 30px 30px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;background-color:#ffffff !important;position:relative;margin-bottom:15px;} ul.interets li .pictos{float:left;height:100%;position:absolute;top:30px;left:20px;font-weight:700;} ul.interets li .detail h2{margin-bottom:0 !important;} ul.interets li .detail{margin-left:30px;} ul.interets li .detail img {max-width:100%;float:right; margin-left:30px;margin-bottom:20px;} ul.interets li .detail p{margin: 5px 0 0px 0;} ul.interets li .detail > h2:first-of-type {margin-top:0;} .photos{padding-bottom:30px;} .photos ul{margin:0;padding:0; display:flex; flex-wrap:wrap; width: calc(100% + 20px); margin-left: -10px;} .photos ul li{list-style:none;width:25%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:10px;} .photos ul li img{width:100%;height:auto;display:block;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} .photos ul li:hover img{opacity:0.8;} .documents{padding-bottom:30px;} .documents ul{padding:0;margin:0; border-top: 1px solid #f2f2f2; list-style:none;} .documents ul li{border-bottom: 1px solid #f2f2f2; padding: 0; margin: 0;} .documents ul li a{text-decoration:none;color:#1b2a4e; padding: 5px 5px; display: block;} .documents ul li a:hover {background-color: #f2f2f2;} .liens{padding-bottom:30px;} .liens ul{padding:0;margin:0; border-top: 1px solid #f2f2f2; list-style:none;} .liens ul li{border-bottom: 1px solid #f2f2f2; padding: 0; margin: 0;} .liens ul li a{text-decoration:none;color:#1b2a4e; padding: 5px 5px; display: block;} .liens ul li a:hover {background-color: #f2f2f2;} >>>>>>> 51ac2cd11a5cc5f7fa4e1436a8658cd7286cf526 .employes{padding-bottom:30px;} #fix #main #right-main .employes ul li h3{margin-top:0;display:inline-block;} .employes ul{margin:0;padding:0;} .employes ul li{list-style:none;width:32%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:25px;border:1px solid #e8e8e8;color:#1b2a4e;text-align:left;margin-left:2%;line-height:100%;position:relative;overflow:hidden;margin-bottom:2%;} .employes ul li:first-child{margin-left:0;} .employes ul li:nth-child(3n+1){margin-left:0;clear:both;} .employes ul li h2{line-height:125%;} .employes ul li i{margin-bottom:10px;display:block;font-size:0.9em;} .employes ul li .detail{width:100%;} .employes ul li .eve-arrow{width:30px;height:30px;position:absolute;bottom:0;right:0;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} .employes ul li .eve-arrow img{width:100%;height:auto;} .employes ul li:hover .eve-arrow{right:-65px;} .employes ul li .adr{margin-bottom:10px;} .organisme{padding-bottom:30px;margin-top:30px;position:relative;} .organisme ul{margin:0;padding:0;} .organisme ul li{list-style:none;width:100%;padding-top:0px;padding-bottom:30px;padding-top:10px;margin-top:0;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .organisme ul li .image{height:auto;float:right;margin-left:20px;margin-bottom:20px;padding-top:60px;} .organisme ul li .image img{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} .organisme ul li .detail{width:100%;border-bottom:1px solid #e8e8e8;padding-bottom:50px;} .organisme ul li .detail .tel{float:left;margin-right:15px;} .organisme ul li.categorie{border:0;padding-bottom:0;padding-top:0;margin-top:0;} .organisme ul li.categorie .categories{display:block; height:auto;padding-left:5px; /* border:1px solid #e8e8e8; *//*margin-bottom:30px;*/ position:relative;margin-top:0;padding-top:10px;padding-bottom:10px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .organisme ul li.categorie .categories h2{font-size:1.8em; line-height:46px; margin:0 0px 0 0; float:left;padding-left:10px;} .organisme ul li.categorie .categories img{margin:4px 10px;} .organisme ul li.categorie .categories ul{margin:0;padding:0;} .organisme ul li.categorie .categories ul li{padding:0;border:0;} .organisme ul li:hover .image img{opacity:0.8;} .map{/* border-bottom:1px solid #e8e8e8; */ padding-bottom:0px;padding-top:10px;} #map_canvas {/*margin-top: -75px;*/ -webkit-box-shadow: 0 0 10px 0 #999; box-shadow: 0 0 10px 0 #999;} #map_canvas .gm-style-iw {} #map_canvas .ville {font-weight: bold; margin-bottom: 5px; text-transform: none; display:block; margin-top:0;} #map_canvas .icone_map {float:left; font-size: 10px; width: 40px; text-align:center; margin-right: 5px; margin-top: 10px;} #map_canvas .icone_map img {height: 32px;} /* ============================= */ /* ===== Formulaire ===== */ /* ============================= */ fieldset {border:0;box-shadow:0;padding:0;overflow:hidden;} fieldset > .control-group {clear:both; padding: 0px;} fieldset .champ:nth-child(odd) {background-color: #f9f9f9;} fieldset .validate_this_field {height: 0; width: 0; border: none;} fieldset .sous-titre {margin-top: 10px;} fieldset {padding-bottom:30px;} fieldset .sous-titre h3 {margin:0;padding:0;vertical-align:middle;} fieldset .champ, fieldset .sous-titre {padding: 10px 10px;width:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} fieldset .champ .control-group {width:100% !important;} fieldset .champ p {margin: 0 0 5px 0;} fieldset .control-group label {margin: 6px 0px 6px 0;} fieldset .control-group label.right {text-align:right;} fieldset .control-group .control {width: 70%;} fieldset .control-group input[type="text"], fieldset .control-group input[type="1"], fieldset .control-group select, fieldset .control-group textarea {/* max-width: 300px; width: 100%; */ padding: 10px; border: 1px solid #ccc;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} fieldset .control-group input[type="checkbox"], fieldset .control-group input[type="radio"] {margin-right: 5px; display: inline-block; width: 12px; margin-top: 0px;} fieldset .control-group textarea {height: 100px; width: 100%;} fieldset .Code_postal .control-group input {margin-right: 5px;} .table .control-group input[type="text"]{width:96%; margin:0 2%;} .widget-header h1 {padding-right:82px;} .widget-content .form-actions {margin:0;float:none;width:auto!important;height:55px;display:block;} .widget-content .form-actions input[type="submit"], .widget-content .form-actions button {background-color: #003a57; color: #fff; padding: 9px 12px; border:none;float:none;font-family:"Raleway", sans-serif;text-transform:uppercase;font-size:1.6em;width:auto !important;display:block !important;} .control-group .help-block { color: #777; display: block; } fieldset .control-group input[type="text"].datepicker { background: url('/img/ico-datepicker.gif') no-repeat 10px 8px; padding-left: 35px;padding-top:10px; border: 1px solid #ccc; background-size: 17px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} fieldset .control-group input[type="file"]{border:1px solid #1b2a4e;width:auto;background-color:#ffd659;color:#1b2a4e !important;text-transform:uppercase !important;padding:10px;font-weight:700;cursor:pointer} fieldset .Tableau{margin-top:0;margin-left:-10px;width: 100%;overflow:scroll;position:relative;} fieldset .Tableau table {margin:0;border-collapse: collapse;} fieldset .Tableau table tr{border:0;} fieldset .Tableau table th {padding: 10px 0 10px 20px; text-transform:uppercase;text-align:left;border:0} fieldset .Tableau table td {padding: 0px 20px 10px 20px; border:1px solid #dddddd; text-align: left; vertical-align: middle;min-width: inherit;display:cell;} fieldset .Tableau table p{margin:0;padding:0;line-height:100%;text-align:left !important;} fieldset .champ:nth-child(even) table td {border:1px solid #eee;} fieldset .Tableau table td h3 {margin: 15px 0 10px 0; text-transform: initial; font-size: 1.5em !important; line-height:100%;} #formContainer {width:0; height: 0;} .erreur {min-height: 25px;} fieldset .Tableau table td input[type="text"]{border-left:0;border-right:0;border-top:0;border-bottom:3px solid #eeeeee;margin-bottom:10px;;} /* ============================= */ /* ===== Recherche ===== */ /* ============================= */ .tab_nav{border:0;} .tab_nav a{background-color:#1b2a4e;font-family:"Raleway", sans-serif;text-transform:uppercase;color:#ffffff;text-decoration: none;padding:10px 15px 10px 15px;font-size:1em;display:inline-block;} .tab {border-top: 1px solid #1b2a4e;padding-top:25px;padding-bottom:25px;} .tab ul {margin: 0; padding:0; list-style:none;} .tab ul li {margin-bottom: 10px; padding-bottom: 20px; padding-top:10px;border-bottom: 1px solid #ccc;overflow:hidden;position:relative;} .tab ul li .eve-arrow{width:30px;height:30px;position:absolute;bottom:0;right:0;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} .tab ul li .eve-arrow img{width:100%;height:auto;} .tab ul li:hover .eve-arrow{right:-65px;} .tab.open{display:block;} .tab.hidden{display:none;} .tab_nav .selected{background-color: #b81f23;} /* ============================= */ /* ===== tableau ===== */ /* ============================= */ table {width:auto !important;overflow-x:auto;margin-top:30px; -webkit-overflow-scrolling: touch;display:block;position:relative;margin-bottom:30px;border:0;} table tbody{position:relative;} table tr {text-align: left;padding-left:0px;border:1px solid #e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:0px;} table tr td {padding:10px 25px 10px 25px;text-align: left;text-align:left;line-height:100%;min-width:250px;vertical-align: middle;border:1px solid #e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} table caption{margin-bottom:20px;font-family:"Raleway", sans-serif;text-transform:uppercase;font-size:2em;margin-top:40px;text-align:left;} table a:link {color: #000000;font-weight: bold;text-decoration:none;} table a:visited {color: #999999;font-weight:bold;text-decoration:none;} table a:active,table a:hover {color: #bd5a35;text-decoration:underline;} .table-shadow{background:url('../img/shadow-table.png') repeat-y top right;} /* ============================= */ /* ===== avis ===== */ /* ============================= */ .avis{margin:0;border-bottom:1px solid #e8e8e8; background-color: #b81f23; padding: 5px 15px;} .avis ul{margin:0;padding:0;} .avis ul li{list-style:none;margin-bottom:20px;} .avis ul li h2{color:#ffffff !important;font-family:"Raleway", sans-serif;text-transform:uppercase;} #right-main .avis h3{color:#ffffff !important;;margin:10px 0 10px 0;} .avis ul li p{color:#ffffff !important;font-weight:500;margin-bottom:0;padding-bottom:0;margin-top:20px;} #left-side .travaux-publics{background-color:#005D88;background-image:url(/img/layout/bg-avis.png); background-repeat:no-repeat; background-position: left center;margin-bottom:20px;position:relative;padding:40px 30px 30px 30px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #left-side .travaux-publics h5{color:#ffffff;padding:0;margin:0;text-align:center;font-family:"Raleway", sans-serif;font-size:45px;margin-bottom:10px;} #left-side .travaux-publics h4{color:#ffffff;text-transform:uppercase;font-weight:500;padding:0;margin:0 0 0px 0px;text-align:center;} #left-side .travaux-publics a{background-color:#ffffff;color:#005D88;text-decoration:none;text-decoration:none;text-align:center;text-transform:uppercase;font-size:0.8em;display:block;cursor:pointer;text-align:left !important;padding:2px 10px 2px 10px;display:inline-block;margin-top:10px;} #left-side .travaux-publics a::after{content:' >';} #left-side .travaux-publics:hover{background-color:#434244;} #left-side .alerte{position:relative;background-color: #EF423B; background-image:url(/img/layout/bg-avis.png); background-repeat:no-repeat; background-position: left center; padding: 36px 20px 30px 20px; color: #fff;margin-bottom:45px;} #left-side .alerte h4{color:#ffffff;text-transform:uppercase;font-weight:900;padding:0;margin:0 0 10px 0px;text-align:left;font-size:inherit;} #left-side .alerte a{color:#ffffff;text-decoration:none;text-decoration:none;text-align:center;text-transform:uppercase;font-size:0.8em;display:block;width:100%;cursor:pointer;text-align:left !important;} #left-side .alerte:hover{background-color:#434244;} .rouge_alert{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(239,66,59,0.9);} .rouge_alert .details{display:table;margin:0 auto 0 auto;height:100%;} .rouge_alert .details .details-align{display:table-cell;vertical-align:middle;height:100%;} .rouge_alert .details .details-align span{color:#ffffff;font-family:"Raleway", sans-serif;text-align:center;font-weight:700;display:block;font-size:2em;margin-top:0px;margin-bottom:0px;} .rouge_alert .details .details-align h1{text-align:center;text-transform:uppercase;color:#ffffff;margin-top:5px;padding-top:10px;margin-bottom:20px;border-bottom:3px solid #ffffff;padding-bottom:30px;font-weight:700} .rouge_alert .details .details-align p{width:400px;text-align:center;color:#ffffff;font-weight:700;margin:0 auto 0 auto} .une .alerte {position:relative;background-color: #EF423B; background-image:url(/img/layout/bg-avis.png); background-repeat:no-repeat; background-position: left center; padding: 36px 20px 30px 20px; color: #fff;margin-bottom:45px;} .une .alerte [class^="icon-"] {font-size: 40px;position:absolute;top:50%;left:20px;margin-top:-20px;} .une .alerte h4 {font-weight: normal;font-size: 30px; font-weight: 400; padding-left:50px;display:inline;padding-top:0;margin-top:0;padding-right:250px;} .une .alerte h4 span{font-family:"Raleway", sans-serif;text-transform: capitalize !important;font-size:1.3em;font-weight: 700} .une .alerte .btn {position:absolute;right:20px;text-transform: uppercase; color: #fff; text-decoration: none; border: 1px solid #fff; padding: 10px 20px 10px 20px;top:50%;margin-top:-23px;} .une .alerte .btn:hover {background-color: #fff; color: #000; } /* ============================= */ /* == Sondage == */ /* ============================= */ #resultats_content {position: relative; display: none;width:100%;height:auto;} #main #left-side #resultats_content h3 {margin-bottom:0;background-color:#959d56} } #resultats_content .navi {position: absolute;top: 0;right: 0;z-index: 999999;display: block;padding: 3px 5px 3px;background: #bbb; color: white;line-height: 14px;font-size: 18px;display: none margin-top: 4px;} #resultats_content .navi.prev {right: 30px;} #sondages_content {position: relative;background-color:#e8e8e8;padding:20px 20px 20px 20px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;width:100%;margin-top:-30px} .sondage { position: relative;display: block;width:100% !important} .sondage p{margin-top:0;font-weight:500;} .sondage strong {position: absolute; top: -40px; right: 0px;} .sondage .range {} .sondage .range input {width: 5%; margin-right: 15.9%; margin-left:1%; padding: 0; margin-bottom: 7px;} .sondage .range input:last-of-type {margin-right: 0; padding: 0;} .sondage .range .de {float:left;} .sondage .range .a {float: right;} .sondage .reponses {margin-bottom: 5px;} .sondage .reponses input {margin-right: 5px;} .sondage .reponses.choix-2 {width: 50%; text-align: center; float:left;} .sondage .reponses.choix-2 input {display:block; margin: 0 auto;} .sondage input.bouton {clear: both; display: block; margin: 15px 0 0 0; color:#fff;width:100%;cursor:pointer} .sondage textarea:invalid{background-color:#fff;} .sondage textarea + br + span {font-size:0.8em;} .res_sondage {position: relative; display: none; background-color:#e8e8e8;padding:20px 20px 20px 20px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .res_sondage p{margin-bottom:15px;margin-top:0;font-weight:500;} .res_sondage .question_reponse{float:left;margin-right:13px;font-weight:700;} .res_sondage .full_reponse{text-align:left;} .res_sondage .full_reponse::before{content:'-->';float:left;padding-right:10px;} .reponse-question-ouverte{resize: none;width:100%;box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding-left:2px;margin-bottom:3px;margin-top:-10px;} #sondages_avec_titre {display: none;} /* ============================= */ /* == À supprimer peut-être == */ /* ============================= */ #content {margin-bottom: 20px; background-color: rgba(255,255,255,0.6); position:relative;} #content .text {margin-bottom: 40px;} #content ul li {margin-bottom:0; padding:0;} #content ul.liste li {margin-bottom: 20px;} #content .tab ul li.clickable { padding: 10px 40px 10px 10px;} #content table p {margin: 5px 0;} #content .partage_social{position:absolute; top: 50px; right: 15px;} #content.evenement .partage_social{top:107px;} #content .partage_social p{margin-bottom:3px;} .logo-content {margin: 42px 0 0 0; width:100%;} .apps {} .apps a {display:block;} .apps img.title {width: 100%; margin: 0 0 20px 0;} .apps img {width: 70%; margin: 0 15% 10px;} #main #content .apps a[target="_blank"]:after {content:""; margin:0;} #elus {} #elus h2 {margin-bottom: 5px; } #elus ul li {height:auto !important;padding:0px 20px 20px 20px;width:50%;} #elus ul li a{word-break: break-all;} #elus ul li:nth-child(2){display:none;} #elus ul li:nth-child(3){clear:both;} #elus ul li img{width:125px;} #elus ul li h3 {margin-top: 0; margin-bottom: 6px;} #elus ul li .voir-bio {cursor: pointer;} #elus ul li .bio {display:none; position:relative; clear:both;} #elus ul li .bio .inner-bio {position: absolute; background-color: #fff; border: 1px solid #eee; padding: 0 10px; z-index:10;} #elus ul li .bio.on {display:block} .nouvelles-manchette {} .nouvelles-manchette ul {list-style:none; margin:0; padding: 0;} .nouvelles-manchette ul li {} .nouvelles-manchette ul li a {display: block; padding: 10px; border-bottom: 1px solid #d5d5d5; font-size: 0.92em; font-weight: normal; text-transform: uppercase;} .nouvelles-manchette ul li a:hover {background-color: #f4f4f4;} .nouvelles-manchette ul.manchettes {margin-bottom: 20px;} .nouvelles-manchette ul.manchettes li a {background-color: #f4f4f4; font-weight: bold;} .nouvelles-manchette ul.manchettes li a:hover {background-color: #d5d5d5;} /* ==================================================================================================================== Plugin boite ==================================================================================================================== */ .boite-show{width:100%;} .boite-show h3{display:block;border:1px solid #e8e8e8;padding:20px 50px 17px 20px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;margin-top:10px;position:relative;cursor:pointer} .boite-show h3::before{content:'+'; position:absolute;top:50%;right:20px;font-size:30px;margin-top:-10px;} .boite-show a{font-weight:400; text-decoration: none;} .boite-show .open h3::before{content:'_'; position:absolute;top:50%;right:20px;font-size:30px;margin-top:-20px;font-size:26px;} .boite-show .open h3{background-color:#b81f23;} .boite-show .open h3 a{color:#ffffff !important;} .boite-show ul{margin:0;padding:0;list-style:none;} .boite-show ul li{list-style:none;overflow:auto;} .contenu-boite{display:none;margin-bottom:20px;overflow:auto;} .box-important {background-color: #eee; position: relative; padding: 20px 10px 20px 10px; font-size: 1em;margin-bottom:20px;display:block;} .box-important h2 {margin:0px 0 0 0; padding: 0px 0 0 0;} .box-important span:first-of-type{padding-top:0px;display:block;line-height:100%;width:100%;} .box-important a {display:block;width:70%;margin-top:10px;text-align:center;} .box-important .ordre-un{float:left;width:50%;} .box-important .ordre-deux{float:left;width:50%;} .autres-seances {display:none; margin-bottom: 20px;} .autres-seances.on {display:block;} .prochaines-seances .grid{width:100% !important;max-width:100%;} .prochaines-seances ul {list-style:none !important; margin:0; padding:0; border-bottom: 1px solid #eee;} .prochaines-seances ul li {border-top: 1px solid #eee; padding: 5px 10px; position:relative;list-style:none;background-image:none;} .prochaines-seances ul li a {display:inline-box; position:absolute; right:10px;} .prochaines-seances ul li:hover {background-color: #eee;} .prochaines-seances .date {font-weight: bold;} nav.seances {position:relative; min-height: 455px;} nav.seances ul {} nav.seances ul li {} nav.seances ul li a {display:block; padding: 15px;text-decoration:none;color:#1b2a4e !important;float:left; border:1px solid #e8e8e8;margin-right:10px;margin-top:10px;} nav.seances ul li a:hover {background-color: #f8f8f8;} nav.seances ul li.on a {background-color: #eee;color:#959d56 !important} nav.seances ul li.bigone a{text-transform:uppercase;padding-top:20px !important;display:block;color:#ffffff !important;text-decoration:none;margin-top:0px;margin-right:0;background-color:#292929;} .detail-seance {background-color: #eee; min-width:200px;max-width:500px;padding: 37px 37px 37px 37px; margin-bottom: 20px; position:absolute; top:0; right:0;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .detail-seance iframe{width:100% !important;height:200px} .detail-seance h3 {margin: 0 0 15px 0; padding: 0 0 5px 0;display:block;} nav.seances .detail-seance a.bouton {margin-top:5px;background-color:#1b2a4e !important;font-size:22px !important;font-weight:normal !important;-webkit-font-smoothing: antialiased;color:#ffffff !important;margin-bottom:0px;} .detail-seance .close-seance{position:absolute;right:10px;top:5px;font-size:25px;cursor:pointer;} .sup{vertical-align: super !important; font-size: smaller !important;} .small-img{width:275px !important;height:auto;float:none !important;margin:0 !important;padding: 0 !important;display:block;} /* ============================= */ /* == STRUCTURE ADAPTATIVE == */ /* ============================= */ /* ==================================================================================================================== BIGGEST SCREEN EVER ==================================================================================================================== */ @media screen and (min-width:2000px){ .mobile-btn{display:none;} } /* ==================================================================================================================== BIG SCREEN ==================================================================================================================== */ @media screen and (min-width:1600px) and (max-width:1999px){ .mobile-btn{display:none;} } /* ==================================================================================================================== NORMAL SCREEN ==================================================================================================================== */ @media screen and (min-width:1280px) and (max-width:1599px) { .mobile-btn{display:none;} footer #footer-bottom{padding:0 50px 0 50px;} footer .media{right:50px;} #main .main-cont h1{font-size:40px;} ul.liste li{} .slick-prev{ left: -25px !important; } .slick-next{right: -25px !important;} } /* ==================================================================================================================== SMALL SCREEN ==================================================================================================================== */ @media screen and (min-width:1025px) and (max-width:1279px) { .mobile-btn{display:none;} #fix .admin-content h1{font-size:3em;} #fix .admin-content h2{font-size:2.5em;} #fix .admin-content h3{font-size:1.5em;} #fix .admin-content h4{font-size:1.3em;} #fix .admin-content h5{font-size:0.9em;} #main .main-cont{padding:50px 50px 50px 50px;} #main .main-cont h1{font-size:30px;} #main .main-cont #left-side{width:260px;float:left;padding-bottom:30px;} #main .main-cont #right-main{margin-left:310px;min-height:100px;overflow:hidden;order:2;} #main .main-cont #right-main .admin-content{padding:5px 20px 5px 20px;order:1;} #main .bloc-1-2{width:100%;float:left;margin-left:0%;min-height: 100px;} #main .bloc-1-2:first-of-type{margin-bottom:50px;} #main .main-cont #left-side ul li a{text-decoration:none;color:#292929;display:block;padding:7px 10px 7px 10px;height:100%;font-size:0.9em;} #main .news-acc li .news-acc-detail{width:80%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding-left:20px;} #main .news-acc li .news-acc-photo{position:relative;width:20%;height:auto;display:block;float:left;} #cont-slide .color-slide {width:500px;position:absolute;right:50%;margin-right:-250px;top:50%;margin-top:-200px;height:350px;padding:25px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #cont-slide .inside-slide{height:300px;display:table;} #evenement-list ul{margin:0;padding:0;} #evenement-list ul li{width:100%;height:auto;float:none;list-style:none;padding:0px 0px 0px 0px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;margin-bottom:2.33333333%;position:relative;overflow:hidden;} #evenement-list ul li .eve-details{width:49%;height:100%;position:absolute;top:0;bottom:0;left:0;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #evenement-list ul li .eve-details-cont{display:table;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:0 30px 0 30px} #evenement-list ul li .eve-align{display:table-cell;vertical-align: middle;height:100%;} #evenement-list ul li .eve-image{width:50%;height:auto;margin-left:50%;} #evenement-list ul li .eve-image img{width:100%;height:auto;display:block;opacity:1;} #evenement-list ul li .eve-date{-webkit-font-smoothing: antialiased;position:relative;z-index:9;background-color:#b81f23;color:#ffffff;font-family:"Raleway", sans-serif;text-transform:uppercase;display:inline-block;padding:5px 15px 5px 15px;font-size:0.85em;font-weight:500 !important;-webkit-font-smoothing: antialiased;} #evenement-list ul li a{text-decoration:none;display:block;} #evenement-list ul li a h3{font-family:"Raleway", sans-serif;text-transform:uppercase;color:#292929;display:block;line-height:110%;padding:10px 0 10px 0 ;margin:0;} #evenement-list ul li a p{display:block;line-height:110%;margin-top:0px;padding-bottom:0;margin-bottom:0;} #evenement-list ul li .eve-arrow{position:absolute;bottom:00px;right:0;color:#ffffff;background-color:#1b2a4e;text-transform: uppercase;padding:15px 20px 15px 20px;display:block;} /* ul.liste li{width:50%;} */ ul.liste li:first-child{margin-left:0;} ul.liste li:nth-child(2n+1){margin-left:0;clear:both;} #evenement-seul .main-image{float:none;} #evenement-seul .right-cote{margin-left:0px;overflow:hidden;} .employes ul li{list-style:none;width:49%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:20px;border:1px solid #e8e8e8;color:#1b2a4e;text-align:left;margin-left:2%;line-height:100%;position:relative;overflow:hidden;} .employes ul li:first-child{margin-left:0;} .employes ul li:nth-child(3n+1){margin-left:2%;clear:none;} .employes ul li:nth-child(2n+1){margin-left:0;clear:both;} fieldset .control-group input[type="text"], fieldset .control-group input[type="1"], fieldset .control-group select, fieldset .control-group textarea, fieldset .control-group label {width: 100% ; max-width: inherit; display:block; clear:both;} fieldset .Choix_a_selectionner .control-group label {width: auto; clear:none; display:inline-block;} fieldset .Code_postal .control-group input[type="text"] {width: 49%; margin: 0 1% 0 0; float: left; clear: none;} fieldset .Telephone .control-group .input.text {width: 65%; float:left;} fieldset .Telephone .control-group .input.text + .input.text {width: 30%; margin-left: 5%;} fieldset .Telephone .control-group .input.text + .input.text label {text-align:left;} fieldset .Boite_a_cocher .control-group label {width: 90%; float:left;} /* fieldset .Tableau table {display:block;overflow:scroll;max-width:580px !important;} */ .carte-parc{height:400px;} table tr {text-align: left;padding-left:0px;width:100%;border:1px solid #e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:10px;} table tr td{text-align:left;} table tr td:first-child{text-align:left;} #parc-list ul li{width:48%;margin-right:2%;float:left;list-style:none;padding:15px 15px 0px 15px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;margin-bottom:2%;position:relative;overflow:hidden;} ul.interets li .detail img {max-width:100%;float:none; margin-left:0px;margin-bottom:0px;width:100%;} .slick-prev{ left: -25px !important; } .slick-next{right: -25px !important;} #events-list .item { width: 33.3333%; padding: 10px; box-sizing: border-box;} .list .item { width: 33.3333% !important; padding: 10px; box-sizing: border-box;} .accueil #events-list .item:nth-child(4){display:none;} } @media (max-width: 1200px) { header #head-menu #second-menu nav#main-nav > ul > li .flow a {font-size: 0.75em; line-height: 1.2;} header #head-menu #second-menu nav#language-nav ul li a {padding: 20px 10px; font-size: 13px; font-weight: 700;} header #head-menu #second-menu nav#social-nav {min-width: 90px; padding: 5px 10px;} header #head-menu #second-menu nav#social-nav .title {font-weight: 700; font-size: 13px;} footer .foot-cont > .col-6-12 {width: 100%;} footer #socials-plugins {display:none;} } @media (max-width: 1024px) { footer #footer-bottom {padding: 0 20px;} footer #socials-plugins {display:none;} footer #footer-nav {display:none;} footer .coordonnees {margin-top:0; border:none;padding-top:0; flex-wrap: wrap; text-align:center;} footer .coordonnees p {text-align:center;} footer .coordonnees [class*='col-'] {width: 100%;} footer .logo img {max-width: 320px;} header #head-menu #second-menu nav#main-nav {display:none;} header #head-menu #second-menu nav#language-nav {display:none;} header #meta-nav {flex-wrap:wrap;} header #search-bloc {width: 100%;} #search-bloc input {width: calc(100% - 40px);} header #meta-nav nav {width: 100%; display:none;} header #meta-nav nav ul {flex-wrap:wrap;} header #meta-nav nav ul li {width: 100%; display:block;} header #head-menu #second-menu .mobile-btn {display:block;} header #head-menu {position:absolute;} #main img.first-img {width: 100%; padding-left: 0; max-width: none;} } /* ==================================================================================================================== IPAD ==================================================================================================================== */ @media screen and (min-width:768px) and (max-width:1024px) { .pad {padding: 0px 0;} .accueil #events-list .item:last-child{display:none;} #evenement-acc .slick-track{margin:0;padding:0;display:block;flex-wrap: inherit;} .order-acc{display:flex;flex-wrap: wrap;} .order-acc .une{order:2 !important;} .order-acc .flex-cont{order:1 !important;} .order-acc .flex-cont #left-side{order:1 !important;padding-top:0 !important;padding-bottom:30px !important; } .order-acc .flex-cont #right-side{order:2 !important;} #fix .admin-content h1{font-size:3em;} #fix .admin-content h2{font-size:2em;} #fix .admin-content h3{font-size:1.5em;} #fix .admin-content h4{font-size:1.3em;} #fix .admin-content h5{font-size:0.9em;} #main .main-cont #left-side .third a{font-size:1.5em;} p, .text li{font-size:0.9em;line-height:135%;text-align:left} #main .main-cont {display:flex;flex-direction: column;} #main .main-cont #left-side ul li a{text-decoration:none;color:#292929;display:block;padding:7px 10px 7px 10px;height:100%;font-size:0.9em;} .mobile-menu, .tablet-menu{margin-top:0px;top:65px;} #main .news-acc li .news-acc-detail{width:80%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding-left:20px;} #main .news-acc li .news-acc-photo{position:relative;width:20%;height:auto;display:block;float:left;} #main .main-cont #left-side .subnav-content {display:none;} #main .main-cont{padding:50px 50px 50px 50px;} #main .flex-cont{display:flex;flex-wrap: wrap;} #main .main-cont #left-side{width:100%;float:none;padding-bottom:0px;display:block;order:2;padding-top:30px;} #main .main-cont #left-side ul{display:flex;flex-wrap: wrap;flex-direction: row;border:0 !important} #main .main-cont #left-side ul li{width:49% !important;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;padding-right:0;margin-left:2%;margin-top:1.5%;} #main .main-cont #left-side ul li:first-child{margin-left:0;} #main .main-cont #left-side ul li:nth-child(2n+1){margin-left:0;clear:both;} #main .main-cont #left-side br{display:none;} #main .main-cont #right-main{margin-left:0px;min-height:100px;overflow:hidden;order:1;width:100%;} #main .main-cont h1{font-size:30px;padding-top:0;padding-right:0;} #main .main-cont #right-main img.first-img{margin-left:30px;margin-bottom:20px;width:300px !important;} #main .bloc-1-2{width:100%;float:left;margin-left:0%;min-height: 100px;} #main .bloc-1-2:first-of-type{margin-bottom:50px;} #infolettre{display:none;} ul.liste li{width:49%;} ul.liste li:first-child{margin-left:0;} ul.liste li:nth-child(2n+1){margin-left:0;clear:both;} #evenement-seul .main-image{float:none;margin-bottom:30px;} #evenement-seul .right-cote{margin-left:0px;overflow:hidden;} .organisme ul li.categorie .categories h2{font-size:1.8em; line-height:46px; margin:0 0px 0 0; float:left;padding-left:10px;padding-top:5px;} .organisme ul li.categorie .categories img{margin:4px 10px;} .employes ul li{list-style:none;width:49%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:20px;border:1px solid #e8e8e8;color:#1b2a4e;text-align:left;margin-left:2%;line-height:100%;position:relative;overflow:hidden;} .employes ul li:first-child{margin-left:0;} .employes ul li:nth-child(3n+1){margin-left:2%;clear:none;} .employes ul li:nth-child(2n+1){margin-left:0;clear:both;} fieldset .control-group input[type="text"], fieldset .control-group input[type="1"], fieldset .control-group select, fieldset .control-group textarea, fieldset .control-group label {width: 100% ; max-width: inherit; display:block; clear:both;} fieldset .Choix_a_selectionner .control-group label {width: auto; clear:none; display:inline-block;} fieldset .Code_postal .control-group input[type="text"] {width: 49%; margin: 0 1% 0 0; float: left; clear: none;} fieldset .Telephone .control-group .input.text {width: 65%; float:left;} fieldset .Telephone .control-group .input.text + .input.text {width: 30%; margin-left: 5%;} fieldset .Telephone .control-group .input.text + .input.text label {text-align:left;} fieldset .Boite_a_cocher .control-group label {width: 90%; float:left;} /* fieldset .Tableau table {display:block;overflow:scroll;max-width:620px !important;} */ .carte-parc{height:350px;} #main .main-cont #right-main img.first-img{margin-left:0px;margin-bottom:20px;width:450px !important;height:auto;} table tr {text-align: left;padding-left:0px;width:100%;border:1px solid #e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:10px;} table tr td{text-align:left;} table tr td:first-child{text-align:left;} rouge_alert{position:absolute;top:0;left:0;right:0;bottom:0;background-color:red;} .rouge_alert .details{display:table;margin:0 auto 0 auto;height:100%;} .rouge_alert .details .details-align{display:table-cell;vertical-align:middle;height:100%;} .rouge_alert .details .details-align span{color:#ffffff;text-transform:uppercase;text-align:center;font-weight:700;display:block;font-size:1.5em;margin-top:50px;} .rouge_alert .details .details-align h1{text-align:center;text-transform:uppercase;color:#ffffff;margin-top:10px;border-top:7px solid #ffffff;padding-top:10px;margin-bottom:10px;border-bottom:7px solid #ffffff;padding-bottom:10px;} .rouge_alert .details .details-align p{width:400px;text-align:center;color:#ffffff;font-weight:700;margin:0 auto 0 auto} #parc-list ul li{width:48%;margin-right:2%;float:left;list-style:none;padding:15px 15px 0px 15px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;margin-bottom:2%;position:relative;overflow:hidden;} ul.interets li {margin-bottom: 0; list-style:none;padding:35px 40px 30px 20px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;background-color:#e8e8e8;position:relative;margin-bottom:15px;} ul.interets li .pictos{top:35px;left:15px;} ul.interets li .detail img { max-width: 100%; width:100%; float: none; margin-left: 0px; margin-bottom: 20px; } .ariane{margin-bottom:15px ; } #cont-slide .color-slide {width:500px;position:absolute;right:50%;margin-right:-250px;top:50%;margin-top:-150px;height:350px;padding:25px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #cont-slide .inside-slide{height:300px;display:table;} .slick-prev{ left: -25px !important; } .slick-next{right: -25px !important;} #media{position:absolute;width:50px;height:200px;left:0;top:200px;} #media ul{margin:0;padding:0;} #media ul li{width:50px;height:50px;list-style:none;} #media ul li a {color:#fff; font-size: 30px; display:block; text-align:center; padding: 10px 0;} #media ul li a:hover{opacity:0.7;} #evenement-acc-title-cont{width:100%;position:relative;top:inherit;bottom:inherit;left:inherit;height:250px;margin-bottom:65px;} .evenement-acc-title{overflow:hidden;position:relative;width:100%;height:100%;background: url('/img/eve-acc-background.jpg')no-repeat center center ;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .evenement-acc-title::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,99,139,0.77);} .evenement-acc-title::after{content:'';position:absolute;background:url('/img/layout-gray.png')no-repeat center center; top:50%;margin-top:-310px;right:-60px;z-index:9999;height:620px;width:100px; } .evenement-acc-title h2{text-align:center;position:absolute;top: 47%; left: 0;right:50px;display:block;-webkit-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%);transform: translate(0%,-50%);color:#ffffff;text-transform: uppercase;font-weight:500;padding-left:25px;padding-right:25px;} .evenement-acc-title h2 span{font-family:"Raleway", sans-serif;text-transform: none !important;display:block;font-size:45px;margin-bottom:10px;} #evenement-acc{width:100%;z-index:9999;position:relative;height:auto;margin-left:0%;} #evenement-acc .eve-car .eve-car-item{margin:0 5px 35px 5px;} .call-ipad{position:absolute;left:250px;top:20px;color:#ffffff;font-family:"Raleway", sans-serif;display:block;font-size:16px;font-weight:bold;} /* .mobile-menu, .tablet-menu{margin-top:100px;} */ .submenu-mobile ul.open li.mobile-back-all{display:none;} #events-list .item { width: 50% !important; padding: 10px; box-sizing: border-box;} .list .item { width: 50% !important; padding: 10px; box-sizing: border-box;} header #head-menu #second-menu nav#addon-nav{padding: 16px 10px;} header #head-menu #second-menu .extra-nav nav#addon-nav{padding: 16px 10px;} header #header-slider{margin-top:140px;} footer .col-8-12{display:none;} footer .foot-cont{display:flex;justify-content: center;} header #head-menu #second-menu{height:60px;} } /* ==================================================================================================================== IPHONE PAYSAGE ==================================================================================================================== */ @media screen and (min-width:431px) and (max-width:767px) { div.text{margin-top:40px;} .pad {padding: 0px 0;} header #header-slider{margin-top:140px !important;} .mobile-back.mobile-back-tablet{display:none;} #infolettre{display:none;} #evenement-acc .slick-track{margin:0;padding:0;display:block;flex-wrap: inherit;} #fix h1{font-size:27px;} #fix h2{font-size:23px;line-height: 110%;} #fix h3{font-size:20px;} #fix h4{font-size:17px;} #fix h5{font-size:0.9em;} p{font-size:16px;line-height:135%;text-align:justify} .text li{font-size:16px !important;text-align:left} .bouton {font-size:14px;} #main .main-cont #left-side ul li a{text-decoration:none;color:#292929;display:block;padding:7px 10px 7px 10px;height:100%;font-size:0.9em;} .mobile-menu, .tablet-menu{margin-top:0px;top:65px;} .ariane{margin-bottom:15px ; } #main .news-acc li .news-acc-detail{width:80%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding-left:20px;} #main .news-acc li .news-acc-photo{position:relative;width:20%;height:auto;display:block;float:left;} #main .main-cont #left-side .subnav-content {display:none;} .order-acc{display:flex;flex-wrap: wrap;} .order-acc .une{order:2 !important;} .order-acc .flex-cont{order:1 !important;} .order-acc .flex-cont #left-side{order:1 !important;padding-top:0 !important;padding-bottom:30px !important; } .order-acc .flex-cont #right-side{order:2 !important;} #main .main-cont{padding:50px 25px 50px 25px;} #main .wrap{padding:0px 25px 0px 25px;} #main .flex-cont{display:flex;flex-wrap: wrap;} #main .main-cont #left-side{width:100%;float:none;padding-bottom:0px;display:block;order:2;padding-top:30px;} #main .main-cont #left-side br{display:none;} #main .main-cont #right-main{margin-left:0px;min-height:100px;overflow:hidden;order:1;width:100%;} #main .main-cont h1{font-size:25px;padding-right:0px;padding-top:0;} #main .main-cont #right-main img.first-img{margin-left:30px;margin-bottom:20px;width:300px !important;} #main .bloc-1-2{width:100%;float:left;margin-left:0%;min-height: 100px;} #main .bloc-1-2:first-of-type{margin-bottom:50px;} .mobile-btn{display:block;} #evenement-list ul{margin:0;padding:0;} #evenement-list ul li{width:100%;height:auto;float:none;list-style:none;padding:0px 0px 0px 0px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;margin-bottom:2.33333333%;position:relative;overflow:hidden;} #evenement-list ul li .eve-details{width:100%;height:auto;position:relative;;top:inherit;bottom:inherit;left:inherit;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #evenement-list ul li .eve-details-cont{display:table;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:35px 40px 35px 40px} #evenement-list ul li .eve-align{display:table-cell;vertical-align: middle;height:100%;} #evenement-list ul li .eve-image{width:100%;height:auto;margin-left:0%;} #evenement-list ul li .eve-image img{width:100%;height:auto;display:block;opacity:1;} #evenement-list ul li .eve-date{-webkit-font-smoothing: antialiased;position:relative;z-index:9;background-color:#b81f23;color:#ffffff;font-family:"Raleway", sans-serif;text-transform:uppercase;display:inline-block;padding:5px 15px 5px 15px;font-size:0.85em;font-weight:500 !important;-webkit-font-smoothing: antialiased;} #evenement-list ul li a{text-decoration:none;display:block;} #evenement-list ul li a h3{font-family:"Raleway", sans-serif;text-transform:uppercase;color:#292929;display:block;line-height:110%;padding:20px 0 10px 0 ;margin:0;} #evenement-list ul li a p{display:block;line-height:110%;margin-top:0px;padding-bottom:0;margin-bottom:0;} #evenement-list ul li .eve-arrow{position:absolute;bottom:00px;right:0;color:#ffffff;background-color:#1b2a4e;text-transform: uppercase;padding:15px 20px 15px 20px;display:block;} ul.liste li{width:50%;} ul.liste li:first-child{margin-left:0;} ul.liste li:nth-child(2n+1){margin-left:0;clear:both;} #evenement-seul .main-image{float:none;margin-bottom:30px; height: auto;} #evenement-seul .right-cote{margin-left:0px;overflow:hidden;} .organisme ul li.categorie .categories h2{font-size:1.8em; line-height:46px; margin:0 0px 0 0; float:left;padding-left:10px;padding-top:5px;} .organisme ul li.categorie .categories img{margin:4px 10px;} .employes ul li{list-style:none;width:49%;float:left;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:20px;border:1px solid #e8e8e8;color:#1b2a4e;text-align:left;margin-left:2%;line-height:100%;position:relative;overflow:hidden;} .employes ul li:first-child{margin-left:0;} .employes ul li:nth-child(3n+1){margin-left:2%;clear:none;} .employes ul li:nth-child(2n+1){margin-left:0;clear:both;} fieldset .control-group input[type="text"], fieldset .control-group input[type="1"], fieldset .control-group select, fieldset .control-group textarea, fieldset .control-group label {width: 100% ; max-width: inherit; display:block; clear:both;} fieldset .Choix_a_selectionner .control-group label {width: auto; clear:none; display:inline-block;} fieldset .Code_postal .control-group input[type="text"] {width: 49%; margin: 0 1% 0 0; float: left; clear: none;} fieldset .Telephone .control-group .input.text {width: 65%; float:left;} fieldset .Telephone .control-group .input.text + .input.text {width: 30%; margin-left: 5%;} fieldset .Telephone .control-group .input.text + .input.text label {text-align:left;} fieldset .Boite_a_cocher .control-group label {width: 90%; float:left;} /* fieldset .Tableau table {display:block;overflow:scroll;max-width:620px !important;} */ .carte-parc{height:350px;} #main .main-cont #right-main img.first-img{margin-left:0px;margin-bottom:20px;width:450px !important;height:auto;} table tr {text-align: left;padding-left:0px;width:100%;border:1px solid #e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:10px;} table tr td{text-align:left;} table tr td:first-child{text-align:left;} rouge_alert{position:absolute;top:0;left:0;right:0;bottom:0;background-color:red;} .rouge_alert .details{display:table;margin:0 auto 0 auto;height:100%;} .rouge_alert .details .details-align{display:table-cell;vertical-align:middle;height:100%;} .rouge_alert .details .details-align span{color:#ffffff;text-transform:uppercase;text-align:center;font-weight:700;display:block;font-size:1.5em;margin-top:50px;} .rouge_alert .details .details-align h1{text-align:center;text-transform:uppercase;color:#ffffff;margin-top:10px;border-top:7px solid #ffffff;padding-top:10px;margin-bottom:10px;border-bottom:7px solid #ffffff;padding-bottom:10px;} .rouge_alert .details .details-align p{width:400px;text-align:center;color:#ffffff;font-weight:700;margin:0 auto 0 auto} #parc-list ul li{width:48%;margin-right:2%;float:left;list-style:none;padding:15px 15px 0px 15px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;margin-bottom:2%;position:relative;overflow:hidden;} ul.interets li {margin-bottom: 0; list-style:none;padding:35px 40px 30px 20px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;background-color:#e8e8e8;position:relative;margin-bottom:15px;} ul.interets li .pictos{top:35px;left:15px;} ul.interets li .detail img { max-width: 100%; width:100%; float: none; margin-left: 0px; margin-bottom: 20px; } #cont-slide .color-slide {width:300px;position:absolute;right:50%;margin-right:-150px;top:50%;margin-top:-95px;height:250px;background-color:rgba(255,255,255,0.60);-webkit-clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);padding:25px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;display:none;} #cont-slide .inside-slide{height:200px;display:table;} #cont-slide .inside-slide h2::before{content:'';width:85px;height:67px;position:absolute;top:40px;left:50%;margin-left:-42px;background:url('/img/tree.png')no-repeat center center;background-size: 50%;} #cont-slide .inside-slide h2{display:table-cell;vertical-align:middle;color:#1b2a4e;font-family:"Raleway", sans-serif;line-height:130% !important;font-weight:700; font-size:40px;font-family:"Raleway", sans-serif;text-align:center;position:relative;padding-top:55px;} #cont-slide .inside-slide h2 span{text-transform:uppercase;font-size:18px;display:block;color:#1b2a4e;font-family:'raleway';line-height:100% !important;font-weight: 500; } #cont-slide .inside-slide a{text-transform:uppercase;text-decoration:none;position:relative;z-index:99; position:absolute;bottom:-150px;right:-150px;background-color:#1b2a4e;width:200px;height:200px;transform:rotate(45deg);} #cont-slide .inside-slide a::before{content:'+';color:#ffffff;position:absolute;top:90px;transform: rotate(-45deg);left:10px;font-size: 30px;} #cont-slide .inside-slide::before{width:100%;height:100%;display:none;content:'';background:url('/img/ban-border.png')no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position:absolute;top:13px;left:14px;} .slick-prev{ left: -15px !important; } .slick-next{right: -15px !important;} #media{position:absolute;width:50px;height:200px;left:0;top:200px;display:none;} #media ul{margin:0;padding:0;} #media ul li{width:50px;height:50px;list-style:none;} #media ul li a {color:#fff; font-size: 30px; display:block; text-align:center; padding: 10px 0;} #media ul li a:hover{opacity:0.7;} #evenement-acc-title-cont{width:100%;position:relative;top:inherit;bottom:inherit;left:inherit;height:250px;margin-bottom:65px;} .evenement-acc-title{overflow:hidden;position:relative;width:100%;height:100%;background: url('/img/eve-acc-background.jpg')no-repeat center center ;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .evenement-acc-title::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,99,139,0.77);} .evenement-acc-title::after{content:'';position:absolute;background:url('/img/layout-gray.png')no-repeat center center; top:50%;margin-top:-310px;right:-60px;z-index:9999;height:620px;width:100px; } .evenement-acc-title h2{text-align:center;position:absolute;top: 47%; left: 0;right:50px;display:block;-webkit-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%);transform: translate(0%,-50%);color:#ffffff;text-transform: uppercase;font-weight:500;padding-left:25px;padding-right:25px;line-height:130%;} .evenement-acc-title h2 span{font-family:"Raleway", sans-serif;text-transform: none !important;display:block;font-size:45px;margin-bottom:10px;} #evenement-acc{width:100%;z-index:9999;position:relative;height:auto;margin-left:0%;} #evenement-acc .eve-car .eve-car-item{margin:0 0px 35px 0px;} header .credit-photo {position: absolute; bottom: 5px; left: 5px;} #events-list .item { width: 100% !important; padding: 10px; box-sizing: border-box;} .organisme ul li .image{width:100%;float:none;margin-left:0px;padding-top:15px;} .organisme ul li .image img{width:100%;height:auto;display:block;} .list .item { width: 100% !important; padding: 10px; box-sizing: border-box;} .intro{margin-bottom: 0;} header #head-menu #second-menu{height:60px;} header #head-menu #second-menu nav#addon-nav{padding: 16px 10px;} header #head-menu #second-menu .extra-nav nav#addon-nav{padding: 16px 10px;} #main .main-cont {display:flex;flex-direction: column;} #planifier h2{font-size:1.5em !important;} #planifier h2 br{display:none;} footer .col-8-12{display:none;} footer .foot-cont{display:flex;justify-content: center;} .pad-top{padding-top:15px;} } /* ==================================================================================================================== IPHONE PORTRAIT ==================================================================================================================== */ @media screen and (max-width:430px) { div.text{margin-top:40px;} .bouton {font-size:13px;} .pad {padding: 0px 0;} header #header-slider{margin-top:140px !important;} #main .main-cont {display:flex;flex-direction: column;} .list .item { width: 100% !important; padding: 10px; box-sizing: border-box;} header #head-menu #second-menu{height:60px;} header #head-menu #second-menu nav{/* height:65px; */} .mobile-back.mobile-back-tablet{display:none;} #infolettre{display:none;} #evenement-acc .slick-track{margin:0;padding:0;display:block;flex-wrap: inherit;} #fix h1{font-size:27px;} #fix h2{font-size:23px;line-height: 110%;} #fix h3{font-size:20px;} #fix h4{font-size:17px;} #fix h5{font-size:0.9em;} p{font-size:16px !important;line-height:135%;text-align:justify !important} .text li{font-size:16px !important;text-align:left} #main .main-cont #left-side ul li a{text-decoration:none;color:#292929;display:block;padding:7px 10px 7px 10px;height:100%;font-size:0.9em;} .mobile-menu, .tablet-menu{margin-top:0px;top:65px;} .ariane{margin-bottom:15px ; } #main .news-acc li .news-acc-detail{width:100%;float:none;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding-left:0px;padding:10px 0 25px 0;} #main .news-acc li .news-acc-photo{position:relative;width:100%;height:auto;display:block;float:none;} #main .main-cont #left-side .subnav-content{display:none;} .order-acc{display:flex;flex-wrap: wrap;} .order-acc .une{order:2 !important;} .order-acc .flex-cont{order:1 !important;} .order-acc .flex-cont #left-side{order:1 !important;padding-top:0 !important;padding-bottom:30px !important; } .order-acc .flex-cont #right-side{order:2 !important;} #main .wrap{padding:0px 25px 0px 25px;} #main .main-cont{padding:50px 25px 50px 25px;} #main .flex-cont{display:flex;flex-wrap: wrap;} #main .main-cont #left-side{width:100%;float:none;padding-bottom:0px;display:block;order:2;padding-top:30px;} #main .main-cont #left-side br{display:none;} #main .main-cont #right-main{margin-left:0px;min-height:100px;overflow:hidden;order:1;} #main .main-cont h1{font-size:23px;padding-right:0px;padding-top:0;} #main .main-cont #right-main img.first-img{margin-left:30px;margin-bottom:20px;width:300px !important;} #main .bloc-1-2{width:100%;float:left;margin-left:0%;min-height: 100px;} #main .bloc-1-2:first-of-type{margin-bottom:50px;} .mobile-btn{display:block;} header #head-menu #second-menu .search-btn{width:65px;height:100%;position:absolute;top:0;right:0;cursor:pointer; color: #fff; font-size: 40px; padding: 15px 0px 0px 0px; box-sizing: border-box;border-left:1px solid #cfcfcf;text-align:center;} #media-acc span{position:relative;} #media-acc ul{float:left;padding-top:30px;} #evenement-list ul{margin:0;padding:0;} #evenement-list ul li{width:100%;height:auto;float:none;list-style:none;padding:0px 0px 0px 0px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;margin-bottom:2.33333333%;position:relative;overflow:hidden;} #evenement-list ul li .eve-details{width:100%;height:auto;position:relative;;top:inherit;bottom:inherit;left:inherit;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #evenement-list ul li .eve-details-cont{display:table;height:100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:25px 30px 25px 30px} #evenement-list ul li .eve-align{display:table-cell;vertical-align: middle;height:100%;} #evenement-list ul li .eve-image{width:100%;height:auto;margin-left:0%;} #evenement-list ul li .eve-image img{width:100%;height:auto;display:block;opacity:1;} #evenement-list ul li .eve-date{-webkit-font-smoothing: antialiased;position:relative;z-index:9;background-color:#b81f23;color:#ffffff;font-family:"Raleway", sans-serif;text-transform:uppercase;display:inline-block;padding:5px 15px 5px 15px;font-size:0.85em;font-weight:500 !important;-webkit-font-smoothing: antialiased;} #evenement-list ul li a{text-decoration:none;display:block;} #evenement-list ul li a h3{font-family:"Raleway", sans-serif;text-transform:uppercase;color:#292929;display:block;line-height:110%;padding:20px 0 10px 0 ;margin:0;} #evenement-list ul li a p{display:block;line-height:110%;margin-top:0px;padding-bottom:0;margin-bottom:0;} #evenement-list ul li .eve-arrow{position:absolute;bottom:00px;right:0;color:#ffffff;background-color:#1b2a4e;text-transform: uppercase;padding:15px 20px 15px 20px;display:block;} #evenement-acc-title-cont .eve-btn{line-height: 100%;} ul.liste li{width:100%; margin-bottom: 20px;} ul.liste li:first-child{margin-left:0;} ul.liste li:nth-child(2n+1){margin-left:0;clear:both;} .photos ul li {width: 100%;} #evenement-seul .main-image{float:none;margin-bottom:30px; height: auto;} #evenement-seul .right-cote{margin-left:0px;overflow:hidden;} .organisme ul li.categorie .categories h2{font-size:1.8em; line-height:46px; margin:0 0px 0 0; float:left;padding-left:10px;padding-top:5px;} .organisme ul li.categorie .categories img{margin:4px 10px;} #main .color-btn li a { font-size: 1em;} .employes ul li{list-style:none;width:100%;float:none;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:20px;border:1px solid #e8e8e8;color:#1b2a4e;text-align:left;margin-left:2%;line-height:100%;position:relative;overflow:hidden;} .employes ul li:first-child{margin-left:0;} .employes ul li:nth-child(3n+1){margin-left:2%;clear:none;} .employes ul li:nth-child(2n+1){margin-left:0;clear:both;} fieldset .control-group input[type="text"], fieldset .control-group input[type="1"], fieldset .control-group select, fieldset .control-group textarea, fieldset .control-group label {width: 100% ; max-width: inherit; display:block; clear:both;} fieldset .Choix_a_selectionner .control-group label {width: auto; clear:none; display:inline-block;} fieldset .Code_postal .control-group input[type="text"] {width: 49%; margin: 0 1% 0 0; float: left; clear: none;} fieldset .Telephone .control-group .input.text {width: 65%; float:left;} fieldset .Telephone .control-group .input.text + .input.text {width: 30%; margin-left: 5%;} fieldset .Telephone .control-group .input.text + .input.text label {text-align:left;} fieldset .Boite_a_cocher .control-group label {width: 90%; float:left;} /* fieldset .Tableau table {display:block;overflow:scroll;max-width:620px !important;} */ .carte-parc{height:350px;} #main .main-cont #right-main img.first-img{margin-left:0px;margin-bottom:20px;width:450px !important;height:auto;} table tr {text-align: left;padding-left:0px;width:100%;border:1px solid #e8e8e8;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:10px;} table tr td{text-align:left;} table tr td:first-child{text-align:left;} rouge_alert{position:absolute;top:0;left:0;right:0;bottom:0;background-color:red;} .rouge_alert .details{display:table;margin:0 auto 0 auto;height:100%;} .rouge_alert .details .details-align{display:table-cell;vertical-align:middle;height:100%;} .rouge_alert .details .details-align span{color:#ffffff;text-transform:uppercase;text-align:center;font-weight:700;display:block;font-size:1.5em;margin-top:50px;} .rouge_alert .details .details-align h1{text-align:center;text-transform:uppercase;color:#ffffff;margin-top:10px;border-top:7px solid #ffffff;padding-top:10px;margin-bottom:10px;border-bottom:7px solid #ffffff;padding-bottom:10px;} .rouge_alert .details .details-align p{width:400px;text-align:center;color:#ffffff;font-weight:700;margin:0 auto 0 auto} #parc-list ul li{width:48%;margin-right:2%;float:left;list-style:none;padding:15px 15px 0px 15px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;border:1px solid #e8e8e8;margin-bottom:2%;position:relative;overflow:hidden;} ul.interets li {margin-bottom: 0; list-style:none;padding:35px 40px 30px 20px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;background-color:#e8e8e8;position:relative;margin-bottom:15px;} ul.interets li .pictos{top:35px;left:15px;} ul.interets li .detail img { max-width: 100%; width:100%; float: none; margin-left: 0px; margin-bottom: 20px; } #cont-slide .color-slide {width:300px;position:absolute;right:50%;margin-right:-150px;top:50%;margin-top:-95px;height:250px;background-color:rgba(255,255,255,0.60);-webkit-clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);padding:25px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;display:none;} #cont-slide .inside-slide{height:200px;display:table;} #cont-slide .inside-slide h2::before{content:'';width:85px;height:67px;position:absolute;top:40px;left:50%;margin-left:-42px;background:url('/img/tree.png')no-repeat center center;background-size: 50%;} #cont-slide .inside-slide h2{display:table-cell;vertical-align:middle;color:#1b2a4e;font-family:"Raleway", sans-serif;line-height:130% !important;font-weight:700; font-size:40px;font-family:"Raleway", sans-serif;text-align:center;position:relative;padding-top:55px;} #cont-slide .inside-slide h2 span{text-transform:uppercase;font-size:18px;display:block;color:#1b2a4e;font-family:'raleway';line-height:100% !important;font-weight: 500; } #cont-slide .inside-slide a{text-transform:uppercase;text-decoration:none;position:relative;z-index:99; position:absolute;bottom:-150px;right:-150px;background-color:#1b2a4e;width:200px;height:200px;transform:rotate(45deg);} #cont-slide .inside-slide a::before{content:'+';color:#ffffff;position:absolute;top:90px;transform: rotate(-45deg);left:10px;font-size: 30px;} #cont-slide .inside-slide::before{width:100%;height:100%;display:none;content:'';background:url('/img/ban-border.png')no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position:absolute;top:13px;left:14px;} .slick-prev{ left: -15px !important; } .slick-next{right: -15px !important;} #media{position:absolute;width:50px;height:200px;left:0;top:200px;display:none;} #media ul{margin:0;padding:0;} #media ul li{width:50px;height:50px;list-style:none;} #media ul li a {color:#fff; font-size: 30px; display:block; text-align:center; padding: 10px 0;} #media ul li a:hover{opacity:0.7;} #evenement-acc-title-cont{width:100%;position:relative;top:inherit;bottom:inherit;left:inherit;height:250px;margin-bottom:65px;} .evenement-acc-title{overflow:hidden;position:relative;width:100%;height:100%;background: url('/img/eve-acc-background.jpg')no-repeat center center ;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .evenement-acc-title::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,99,139,0.77);} .evenement-acc-title::after{content:'';position:absolute;background:url('/img/layout-gray.png')no-repeat center center; top:50%;margin-top:-310px;right:-60px;z-index:9999;height:620px;width:100px; } .evenement-acc-title h2{text-align:center;position:absolute;top: 47%; left: 0;right:50px;display:block;-webkit-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%);transform: translate(0%,-50%);color:#ffffff;text-transform: uppercase;font-weight:500;padding-left:25px;padding-right:25px;line-height:130%;} .evenement-acc-title h2 span{font-family:"Raleway", sans-serif;text-transform: none !important;display:block;font-size:45px;margin-bottom:10px;} #evenement-acc{width:100%;z-index:9999;position:relative;height:auto;margin-left:0%;} #evenement-acc .eve-car .eve-car-item{margin:0 0px 35px 0px;} header .credit-photo {position: absolute; bottom: 5px; left: 5px;} #elus ul li {width:100%;} .intro{margin-bottom: 0;} .organisme ul li .image{width:100%;float:none;margin-left:0px;padding-top:15px;} .organisme ul li .image img{width:100%;height:auto;display:block;} header #head-menu #second-menu nav#addon-nav{padding: 16px 10px;} header #head-menu #second-menu .extra-nav nav#addon-nav{padding: 16px 10px;} #planifier h2{font-size:1.5em !important;} #planifier h2 br{display:none;} footer .col-8-12{display:none;} footer .foot-cont{display:flex;justify-content: center;} .pad-top{padding-top:15px;} .coordonnees p{text-align: center !important;font-size:14px !important;} } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #main .main-cont #right-main .text p iframe { max-width:100%!important;height:500px;width:100% !important; } } /*------IPAD PAYSAGE----*/ @media only screen and (min-device-width: 728px) and (max-device-width: 1024px) and (orientation:landscape) { #infolettre{display:block;} .call-ipad{position:absolute;left:250px;top:20px;color:#ffffff;font-family:"Raleway", sans-serif;display:block;font-size:24px;font-weight:bold;display:none;} #main .main-cont #left-side{width:260px ;float:left ;padding-bottom:30px ;} #main .main-cont #right-main{margin-left:310px ;min-height:100px ;overflow:hidden;width:auto !important} #main .flex-cont{display:block ;} #main .flex-cont #left-side{order:inherit ;padding-top:0 ;padding-bottom:30px ; } .order-acc .flex-cont #left-side{order:inherit ;padding-top:0 ;padding-bottom:30px ; } .order-acc .flex-cont #right-side{order:inherit ;} .mobile-menu, .tablet-menu{margin-top:69px;} #main .main-cont #left-side ul{display:inherit;flex-wrap: inherit;flex-direction: inherit;border:1px solid #e8e8e8 !important} #main .main-cont #left-side ul li{width:inherit !important;box-sizing: inherit;-moz-box-sizing: inherit; -webkit-box-sizing: inherit;border:inherit;padding-right:inherit;margin-left:inherit;margin-top:inherit;} #main .main-cont #left-side ul li:first-child{margin-left:inherit;} #main .main-cont #left-side ul li:nth-child(2n+1){margin-left:inherit;clear:inherit;} .submenu-mobile ul.open li.mobile-back-all{display:none;} .submenu-mobile {top:45px;} .tablet-menu {top:110px !important} } /********************************/ /* COL ADMIN /********************************/ .btgrid { clear: both; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; } .btgrid .row { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; margin-left: -15px; margin-right: -15px; } .btgrid .row .col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .btgrid .row .col .content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .btgrid .row .col .content p { color: #212121 !important; text-align: left !important; } .btgrid .row .col .content img { width: 100%; height: auto; display: block; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 17px; } /** * @package PickMeUp - jQuery datepicker plugin * @author Nazar Mokrynskyi * @author Stefan Petre * @copyright Copyright (c) 2013-2014, Nazar Mokrynskyi * @copyright Copyright (c) 2008-2009, Stefan Petre * @license MIT License, see license.txt */ .pickmeup{background:#eee;border-radius:.4em;display:none;position:absolute;z-index:99999;border:1px solid #ddd;margin-top:5px;-moz-box-shadow:0 3px 10px 0 #333;-webkit-box-shadow:0 3px 10px 0 #333;box-shadow:0 3px 10px 0 #333}.pickmeup *{-moz-box-sizing:border-box;box-sizing:border-box}.pickmeup .pmu-instance{display:inline-block;height:13.8em;padding:.5em;text-align:center;width:15em}.pickmeup .pmu-instance .pmu-button{color:#333;cursor:pointer;outline:0;text-decoration:none}.pickmeup .pmu-instance .pmu-today{background:#17384d;color:#88c5eb}.pickmeup .pmu-instance .pmu-button:hover{color:#88c5eb}.pickmeup .pmu-instance .pmu-not-in-month{color:#999}.pickmeup .pmu-instance .pmu-disabled,.pickmeup .pmu-instance .pmu-disabled:hover{color:#333;cursor:default}.pickmeup .pmu-instance .pmu-selected{background:#136a9f; color: white;}.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected{background:#17384d}.pickmeup .pmu-instance nav{display:-ms-flexbox;display:-webkit-flex;display:flex;color:#eee;line-height:2em}.pickmeup .pmu-instance nav :first-child :hover{color:#88c5eb}.pickmeup .pmu-instance nav .pmu-next,.pickmeup .pmu-instance nav .pmu-prev{display:none;height:2em;width:1em}.pickmeup .pmu-instance nav .pmu-month{width:14em}.pickmeup .pmu-instance .pmu-months *,.pickmeup .pmu-instance .pmu-years *{display:inline-block;line-height:3.6em;width:3.5em}.pickmeup .pmu-instance .pmu-day-of-week{color:#999;cursor:default}.pickmeup .pmu-instance .pmu-day-of-week *,.pickmeup .pmu-instance .pmu-days *{display:inline-block;line-height:1.5em;width:2em}.pickmeup .pmu-instance .pmu-day-of-week *{line-height:1.8em}.pickmeup .pmu-instance:first-child .pmu-prev,.pickmeup .pmu-instance:last-child .pmu-next{display:block}.pickmeup .pmu-instance:first-child .pmu-month,.pickmeup .pmu-instance:last-child .pmu-month{width:13em}.pickmeup .pmu-instance:first-child:last-child .pmu-month{width:12em}.pickmeup:not(.pmu-view-days) .pmu-day-of-week,.pickmeup:not(.pmu-view-days) .pmu-days,.pickmeup:not(.pmu-view-months) .pmu-months,.pickmeup:not(.pmu-view-years) .pmu-years{display:none} /* ==|== print styles ======================================================= */ /*@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important;} a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; display:none !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3;} h2, h3 { page-break-after: avoid;} }*/