/**
 * Forms
 */

/* All elements */
.field { margin-bottom: 30px; position:relative; }
.field label { display: inline-block; margin:0; }

[data-validate-for] { display:none; font-size:10px; line-height:10px; position:absolute; right:0; bottom:-1.2em; }
[data-validate-for].visible { display:block; }

/* Textfields & textareas */
.field.textfield input,
.field.textarea textarea { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; }

/* Checkbox & Radio */
.field.checkbox label,
.field.radio label { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; position:relative; margin-bottom:10px; cursor: pointer; }

.field.checkbox input,
.field.radio input,
.field.checkbox span:before,
.field.radio span:before { width:20px; height:20px; margin-right:10px; }

.field.checkbox span:before,
.field.radio span:before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); border:1px solid #ccc; background:#fff; }

.field.checkbox span:after,
.field.radio span:after { content:''; position:absolute; left:3px; top:50%; transform:translateY(-50%); width: 14px; height:14px; background:#ccc; opacity:0; transition:all 0.5s ease 0s; }

.field.checkbox input:checked+span:after,
.field.radio input:checked+span:after { opacity: 1; }

.field.checkbox span:before,
.field.checkbox span:after { border-radius: 0; }

.field.radio span:before,
.field.radio span:after { border-radius: 50%; }

.field.radio.inline,
.field.checkbox.inline { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; }
.field.radio.inline label,
.field.checkbox.inline label { margin-right:15px; margin-bottom:0; }

/* Select */
.field.select select { display:block; width:100%; padding:10px; border:1px solid #ccc; }

/* Captcha */
.field.captcha { display:flex; flex-direction:row; justify-content:center; }

/**
 * Navigation
 **/
 
/* Frontend editor */
.ct-widget.ct-ignition { position:fixed; left:auto; top:auto; right:20px; bottom:20px; z-index:10000; transition:all 0.5s ease 0s; }
.ct-widget.ct-ignition .ct-ignition__button { position:static; margin-top:10px;}

.ce-element { outline:2px dashed rgba(243, 156, 18, 0.5); }
.ce-element--focused, .ce-element:focus { outline:2px dashed rgba(243, 156, 18, 1); }

/**
 * Legal
 **/
.legal { margin:60px 0; }
.legal h1 { font-size:4rem; margin:0 0 1em 0; }
.legal h2 { font-size:3rem; margin:1em 0; }
.legal h3 { font-size:2.5rem; margin:1em 0; }
.legal h4 { font-size:2rem; margin:1em 0; }
.legal h5 { font-size:1.5rem; margin:1em 0; }
.legal table { width:100%; margin:2em 0; }
.legal table th,
.legal table td { padding:1em; border:1px solid rgba(0,0,0,0.25); }
/**
 * General Elements
 **/

html { font-size:10px; }
body { font-size:2rem; font-family:'Montserrat', sans-serif; color:#707070; font-weight:300; }
:focus, button:focus { outline:none; }

/* Images */
img { max-width:100%; height:auto; }
img[data-sizes] { display:block; width:100%; }

/* Paragraphs */
p { margin-bottom:1em; }
p:last-child { margin-bottom:0; }

/* Link */
a { color:inherit; }
a:hover { text-decoration:none; }

/* Lists */
ul, ol { margin-bottom:0; padding:0; list-style:none; }

/* Titles */
h1, .h1 { font-family:'Baloo 2'; font-size:5.5rem; line-height:1em; margin-bottom:1em; font-weight:normal; }
h2 { font-family:'Baloo 2'; font-size:5.5rem; line-height:1em; margin-bottom:1em; font-weight:normal; text-align:center; color:#000; }
h3 { font-family:'Baloo 2'; font-size:4rem; line-height:1em; margin-bottom:1em; font-weight:normal; color:#000; }

b, strong { font-weight:bold; color:#000; }


/**
 * Components
 **/

/* Alert */
.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; }
.alert .close { display:none; }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }
.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; }
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }

/* Buttons */
.btn { border:2px solid #983138; background:#983138; color:#fff; text-align:center; color:#fff; text-decoration:none; border-radius:40px; padding:10px 30px; text-transform:uppercase; font-size:1.6rem; transition:all 0.5s ease 0s; display:inline-flex; justify-content:center; }
.btn:hover { background:transparent; color:#983138; }

.btn.outline { border-color:#fff; background:transparent;  }
.btn.outline:hover { background-color:#fff; color:#983138; }

/* Tags */
.tag { border-radius:30px; color:#fff; text-transform:uppercase; padding:5px 15px; display:inline-block; margin-bottom:30px; font-size:1.2rem; }
.tag.sport { background:#3F9B33; }
.tag.mobilite { background:#B42B36; }
.tag.etudes { background:#119FBC; }
.tag.culture { background:#FFE400; }
.tag.divertissement { background:#DC057F; }

.tag.en-cours { background: linear-gradient(to bottom, #e93d6d 0%,#c21852 100%); }
.tag.termine { background: linear-gradient(to bottom, #40EC96 0%,#18CB11 100%); }

/* Hamburger */ 
.hamburger { padding:0; margin-left:30px; position:relative; z-index:6; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { height:2px; background-color:#000; border-radius:0; }

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { background:#fff; }

/* Icons */
.icons { text-align:center; }
.icons .row { justify-content:space-evenly; }
.icons .item a { display:flex; flex-direction:column; height:100%; align-items:center; justify-content:space-between; font-size:1.6rem; text-transform:uppercase; }
.icons .item span { margin-top:15px; }

/* General */
.text-center { text-align:center; }
.align-center { align-items:center; }
.justify-center { justify-content:center; }
.padding { padding-top:100px; padding-bottom:100px; }
.relative { position:relative; }
.swiper-wrapper { box-sizing:border-box; }
.grey { background:#F8F8F8; }
.grey2 { background:#ECECEC; }
.grey h2,
.grey2 h2 { color:#983138; }

.more { margin-top:80px; }

/* Forms */
.field label { font-size:2.2rem; font-weight:bold; position:absolute; left:15px; top:50%; transition:all 0.3s ease 0s; transform:translateY(-50%); color:#000; }

.field.textfield input { padding:25px 15px 0px 15px; }
.field.textfield.active label,
.field.textfield.active label {  }

.field.textarea label { transform:translateY(0); top:15px; }
.field.textarea textarea { padding:30px 15px 15px 15px;  }

.field.submit { text-align:center; }
.field.submit .btn { border-radius:0; padding:30px; min-width:400px; font-weight:bold; font-size:1.8rem; }

.field.active label,
.field.filled label { transform:translateY(0); font-size:1.6rem; top:5px; }

.field.checkbox span:after, .field.radio span:after { background:#000; }

.text a:not(.btn) { color:#007bff; text-decoration:underline; }
.text a:not(.btn) strong { color:#007bff; text-decoration:underline; }

/**
 * Layout
 **/

#page { position:relative; width:100%; overflow:hidden; }
#main { margin-top:150px; }


#header { position:fixed; left:0; top:0; width:100%; z-index:5; background:#fff; }
#header .mainrow { height:150px; align-items:center; padding:15px 0; justify-content:space-between; transition:all 0.5s ease 0s; }
#header .mainlogo img { height:65px; transition:all 0.5s ease 0s; }
#header .navigation { display:flex; flex-direction:row; align-items:center; justify-content:flex-end; }
#header .navigation ul { display:flex; flex-direction:row; align-items:center; justify-content:flex-end; font-size:1.6rem; }
#header .navigation li { margin-left:30px; line-height:30px; }
#header .navigation a { color:#707070; }
#header .navigation li.embed a { color:#000; font-size:1.8rem; font-weight:bold; text-transform:uppercase; }
#header .navigation li.embed svg { width:25px; height:auto; fill:#000; position:relative; bottom:3px; }

#header.not-top .mainrow { height:80px; }
#header.not-top .mainlogo img { height:50px; }

#overlay { position:fixed; left:0; top:0; width:100%; height:100vh; z-index:3; opacity:0; pointer-events:none; transition:all 0.5s ease 0s; }
#overlay .row { height:100%; align-items:stretch; }
#overlay .left { background:#F8F8F8; padding:80px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
#overlay .left .buttons .btn { color:#fff; margin:0 15px 0 0; }
#overlay .left .buttons .btn:hover { color:#983138; }
#overlay .left .categories { width:350px; display:flex; flex-direction:column; align-items:center; justify-content:center; margin:80px 0; }
#overlay .left .categories li { margin:-15px 0; }
#overlay .left .categories li.odd { align-self:flex-start; }
#overlay .left .categories li.even { align-self:flex-end; }
#overlay .left .categories a { display:flex; flex-direction:column; align-items:center; justify-content: center; text-transform:uppercase; }
#overlay .left .categories a span { margin-top:15px; display:block; }
#overlay .right { background-repeat:no-repeat; background-size:cover; background-position:center center; padding:80px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; }
#overlay .right .logo { margin-bottom:30px; }
#overlay .right .menu { display:flex; flex-direction:column; align-items:flex-start; justify-content: flex-start; }
#overlay .right .menu li { margin:15px 0; }
#overlay .right .menu a { color:#fff; font-size:2rem; font-weight:bold; text-transform:uppercase; }
#overlay .right .menu img { margin-right:30px; }

#une { background-size:cover; }

body.open #overlay { opacity:1; pointer-events:auto; }

#footer .top { padding-top:40px; padding-bottom:40px; }
#footer .top img { max-height:120px; }

#footer .bottom { background-repeat:no-repeat; background-size:cover; background-position:center center; }
#footer .bottom .left { display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; }
#footer .bottom .left .menu { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; margin-top:50px; font-size:1.4rem; }
#footer .bottom .left .menu li { margin-right:50px; }
#footer .bottom .left .menu a { color:#fff; }
#footer .bottom .left .icons { width:100%; }
#footer .bottom .left .icons .row { justify-content: space-between; }
#footer .bottom .left .icons img { filter: brightness(0) invert(1); color:#fff; }
#footer .bottom .left .icons a { color:#fff; }
#footer .bottom .right img { margin-bottom:50px; }
#footer .bottom .right { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; }
#footer .bottom .right a { color:#fff; font-size:2rem; font-weight:bold; text-transform:uppercase; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; margin-bottom:30px;}
#footer .bottom .right a svg { margin-left:15px; fill:#fff; width:30px; height:auto; }
#footer .bottom .right a:last-child { margin-bottom:0; }

#intro .icons { background:#fff; }
#intro .icons a { padding:30px 0; display:inline-flex; flex-direction:column; align-items:center; justify-content:space-between; border-top:10px solid transparent; }
#intro .icons a.active,
#intro .icons a:hover { border-color:#000; }

#hero { height:730px; background-size:cover; background-position:center center; color:#fff; padding:80px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
#hero .caption { max-width:40%; }
#hero .caption .text { font-weight:400; font-size:2.4rem; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; }
#hero .caption .text p { margin-bottom:0; }
#hero .caption .text a { margin-left:50px; }
#hero .caption .text img { margin-top:50px; }
#hero .caption .text .inner { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; }
#hero .caption .icon { filter: brightness(0) invert(1); margin-top:50px; }

#hero .accueil .caption .text a { margin-left:0; margin-top:30px; }


/*
#bigslider .swiper-slide { height:730px; background-size:cover; background-position:center center; color:#fff; padding:80px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
#bigslider .caption { max-width:40%; }
#bigslider .caption .text { font-weight:400; font-size:2.4rem; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; }
#bigslider .caption .text p { margin-bottom:0; }
#bigslider .caption .text a { margin-left:50px; }
#bigslider .caption .text img { margin-top:30px; }
#bigslider .caption .icon { filter: brightness(0) invert(1); margin-top:50px; }
#bigslider .caption .text .inner { display:flex; flex-direction:row; align-items:center; justify-content:flex-start;  }
#bigslider .accueil .caption .text a { margin-left:0; margin-top:30px; }
*/

#presentation { background:#fff; }
#presentation img { border-radius:20px; }
#presentation h2 { text-align:left; color:#000; font-size:4.5rem; }
#presentation .bottom { margin-top:80px; }

#contact #map { border:1px solid #707070; border-width:1px 0; }
#contact #ending h2 { text-align:left; font-size:4.5rem; }
#contact #ending .bottom { margin-top:50px; }

#chiffres .number { font-family:'Baloo 2'; font-size:10rem; color:#000; line-height:1em; }
#chiffres .label { font-family:'Baloo 2'; font-size:5rem; color:#000; line-height:1em; margin-bottom:80px; }

#listing .record { padding:60px; margin:0 0 80px 0; background:#fff; }
#listing .record .image img { border-radius:20px; }
#listing .record .text .date { writing-mode:horizontal-tb; position:static; transform:none; height:auto; margin-bottom:15px; text-transform:uppercase;  }
#listing .record .text h2 { font-size:4rem; color:#000; text-align:left; margin-bottom:10px; }
#listing .record .text .btn { margin-top:30px; }

#grid h2 { color:#983138; }
#grid .record { background:#fff; border-radius:20px; overflow:hidden; }
#grid .record .inner { padding:30px; }
#grid .record .buttons { margin-top:30px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
#grid .record .buttons .detail { font-size:1.2rem; text-transform:uppercase; color:#983138; line-height:20px; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; }
#grid .record .buttons .detail svg { margin-right:10px; }
#grid .record .buttons .tag { margin-bottom:0; }

#shuffle #sidebar .filter { margin-bottom:60px; }
#shuffle #sidebar .filter h3 { color:#2BB16F; padding-left:50px; }
#shuffle #sidebar .filter .textfield input { background:transparent; border:none; border:2px solid #707070; padding:15px; }
#shuffle #sidebar .filter .select { position:relative; }
#shuffle #sidebar .filter .select select,
#shuffle #sidebar .filter .label { padding:30px 50px; border:2px solid #707070; border-width:2px 0; background:transparent; appearance:none; -webkit-appearance:none; text-transform:uppercase; color:#7B7B7B; font-size:1.6rem; position:relative; margin-bottom:30px; }
#shuffle #sidebar .filter .select:after,
#shuffle #sidebar .filter .label:after { content:''; position:absolute; width:20px; height:20px; right:30px; top:50%; transform:translateY(-50%); background:url(../themes/aud/assets/img/chevron-bottom.svg) no-repeat center center / contain; pointer-events:none; }
#shuffle #sidebar .filter .field.checkbox { padding:0 30px; }
#shuffle #sidebar .filter .field.checkbox label { transform:none; }
#shuffle #sidebar .filter .field.checkbox input { margin-right:15px; }
#shuffle #sidebar .filter .field.checkbox span { font-size:1.8rem; font-weight:normal; text-transform:uppercase; color:#707070; line-height:1em; }

#shuffle #list .record { background:#fff; padding:30px; margin-bottom:30px; }
#shuffle #list .record .image { margin-bottom:30px; }
#shuffle #list .record .image img { border-radius:20px; }
#shuffle #list .record .infos { padding:0 30px; }
#shuffle #list .record .infos .title { font-family:'Baloo 2'; font-size:2.4rem; color:#000; font-weight:normal; margin-bottom:30px; }
#shuffle #list .record .infos ul { font-size:1.6rem;  }
#shuffle #list .record .infos li { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; margin:15px 0;}
#shuffle #list .record .infos img { width:20px; margin-right:15px; }

#faire-du-sport #shuffle #sidebar .filter h3 { color:#2BB16F; }
#etudier #shuffle #sidebar .filter h3 { color:#1160a9; }
#se-deplacer #shuffle #sidebar .filter h3 { color:#c71f0d; }
#se-divertir #shuffle #sidebar .filter h3 { color:#870e6e; }
#se-cultiver #shuffle #sidebar .filter h3 { color:#f59500; }

#detail { padding-bottom:80px; }
#detail .wrapper { background:#fff; }
#detail .slider .navigation button { background:none; border:none; padding:0; position:absolute; top:50%; }
#detail .slider .navigation button svg { fill:#000; max-height:40px; }
#detail .slider .navigation .prev { left:-80px; }
#detail .slider .navigation .next { right:-80px; }
#detail .slider .image { border-radius:20px; }
#detail .content { padding-left:80px; padding-right:80px; }
#detail .content .date { text-transform:uppercase; font-size:2rem; }
#detail .content .title { text-align:left; font-size:4rem; margin:15px 0; }
#detail .content .tag { margin-bottom:80px; }

#slideractus h2 { color:#983138; }
#slideractus .record .title { margin-bottom:10px; }
#slideractus .record .image img { border-radius:20px; height:100%; object-fit:cover; }
#slideractus .record .btn { margin-top:30px; }
#slideractus .record .text .relative { padding-left:100px; height:100%; }
#slideractus .record .text .date { writing-mode:vertical-rl; transform:rotate(180deg); position:absolute; left:10px; bottom:0; height:100%; display:flex; flex-direction:row; align-items:center; justify-content:space-between;  }
#slideractus .record .text .date svg { margin-top:15px; }
#slideractus .record .text .date span { margin-bottom:30px; height:100%; display:flex; flex-direction:row; align-items:center; white-space:nowrap; font-size:2rem; text-transform:uppercase; }
#slideractus .record .text .date span:before { content:''; height:100%; width:1px; background:black; margin:15px 0; }
#slideractus .navigation {  }
#slideractus .navigation button { background:none; border:none; padding:0; position:absolute; top:50%; transform:translateY(-50%); z-index:3; }
#slideractus .navigation .prev { left:5vw; }
#slideractus .navigation .next { right:5vw; }

#carte #main { margin-top:0; }
#carte #sidebar .logo { text-align:center; padding:15px 30px; background:#AF3841; }
#carte #sidebar .uppertitle { text-align:center; padding:15px 30px; font-size:2rem; font-weight:bold; margin:0; }
#carte #sidebar .level-1 { background: linear-gradient(to bottom, #f6f6f6 0%,#fefefe 100%); border-top:1px solid #e5e5e6; display:flex; flex-direction:column; justify-content:center; padding:0 30px}
#carte #sidebar .level-1 .inner  { margin:0; }
#carte #sidebar .level-1 .inner  a { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; padding:0 30px; margin:0; font-family:'Montserrat'; height:120px;  }
#carte #sidebar .level-1 .icon { margin-right:30px;  text-align:center; width:80px; }
#carte #sidebar .level-1 .name { font-size:1.8rem; text-transform:uppercase; font-weight:bold; color:#000; }
#carte #sidebar .secondary { display:flex; flex-direction:row; align-items:center; }
#carte #sidebar .level-2 { }
#carte #sidebar .level-2 .field { margin:0; }
#carte #sidebar .level-2 .field label { left:auto; transform:none; font-size:1.4rem; font-weight:normal; }

#carte #map { height:100vh; }
#carte #map .prunecluster { background:url(../themes/aud/assets/img/group.png) no-repeat center center / contain; display:flex; align-items:center; justify-content:center; font-size:2rem; color:#000; }
#carte #map .leaflet-popup .leaflet-popup-content-wrapper { border-radius:0; padding:30px; }
#carte #map .leaflet-popup .leaflet-popup-content { width:400px !important; }
#carte #map .leaflet-popup .title-wrapper { margin-bottom:30px; }
#carte #map .leaflet-popup .title-wrapper img { max-width:50px; max-height:35px; margin-right:30px; }
#carte #map .leaflet-popup .title-wrapper span { font-size:2rem; font-weight:900; }
#carte #map .leaflet-popup .infos { font-size:1.6rem; }
#carte #map .leaflet-popup .infos .item { margin:15px 0; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; flex-wrap:nowrap;}
#carte #map .leaflet-popup .infos .item .icon { width:20px; height:auto; margin-right:15px; }
#carte #map .leaflet-popup .infos .item .text { white-space:nowrap; }

#downloads header { text-align:center; margin-bottom:80px; }
#downloads header h2 { color:#000; }
#downloads .inner { background:#fff; }
#downloads ul li { padding:15px 50px; display:flex; flex-direction:row; align-items:center; justify-content:space-between;  font-size:1.8rem; }
#downloads ul li:nth-child(odd) { background:#F1F1F1; }
#downloads .nom { text-transform:uppercase; }
#downloads .fichier svg { margin-left:15px; }

/*
 * Page specific
 */
 
#accueil #hero { height:auto; background:none; padding:0; display:block; }
#accueil #hero .swiper-slide { height:730px; background-size:cover; background-position:center center; color:#fff; padding:80px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
#accueil #une { color:#fff; }
#accueil #une .row { align-items:center; }
#accueil #une .icon { text-align:center; }
#accueil #une .icon img { filter:brightness(0) invert(1); }
#accueil #une h2 { font-size:4rem; margin-bottom:2em; color:#fff; }
#accueil #une .text h3 { color:#fff; }
#accueil #une .text img { width:20px; filter:brightness(0) invert(1); margin-right:15px;  }
#accueil #une .text li { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; margin:15px 0; }

#territoire #map img { border-radius:100px; }

#qui-sommes-nous #membres { padding-bottom:0; }
#qui-sommes-nous #membres .record {  padding-bottom:80px; margin-bottom:160px; color:#fff; padding:0 30px; }
#qui-sommes-nous #membres .record .relative { padding-bottom:80px; }
#qui-sommes-nous #membres .record .name { color:#fff; font-size:3rem; }
#qui-sommes-nous #membres .record .description { font-size:1.6rem; }
#qui-sommes-nous #membres .ccol-2 .record { margin-top:80px; }
#qui-sommes-nous #membres .ccol-5 .record { margin-top:-80px; }
#qui-sommes-nous #membres .record .block { position:absolute; right:0; bottom:0; background:#ccc; padding:50px 30px; margin-left:80px; }
#qui-sommes-nous #membres .record .block.rouge { background: linear-gradient(to bottom, #ae0018 0%,#e44200 100%); }
#qui-sommes-nous #membres .record .block.bleu { background: linear-gradient(to bottom, #111e72 0%,#129bdb 100%); }
#qui-sommes-nous #membres .record .block.violet { background: linear-gradient(to bottom, #D8006B 0%,#4A1971 100%); }
#qui-sommes-nous #membres .record .block.vert { background: linear-gradient(to bottom, #449B23 0%,#129BDB 100%); }
#qui-sommes-nous #membres .record .block.jaune { background: linear-gradient(to bottom, #FFE400 0%,#F27C00 100%); }

#se-deplacer #covoiturage img { border-radius:20px; }
#se-deplacer #covoiturage .images { text-align:right; }
#se-deplacer #covoiturage .images .img1 { margin-bottom:80px; }
#se-deplacer #covoiturage .text { margin-top:80px; }

#se-deplacer #horlogers .box { background:#fff; padding-left:60px; }
#se-deplacer #horlogers .box .images { text-align:center; }
#se-deplacer #horlogers .box .images .img1 { margin:80px 0; }




/**
 * Extra large
 **/
@media (min-width: 1600px) {
    .container { max-width:1550px; }
}

/**
 * Extra large
 **/
@media (max-width: 1599px) {
    html { font-size:8px; }
    
    .padding { padding-top:80px; padding-bottom:80px; }
    .tag { padding-left:10px; padding-right:10px; }
    
    #accueil #hero .swiper-slide, #hero { height:630px; padding:60px; }
    
    #grid .record .inner { padding:15px; }
    
    #slideractus .navigation button svg { max-height:50px; }
    
    #qui-sommes-nous #membres .record { padding-left:0; padding-right:0; }
    
    #carte #sidebar .level-1 .inner  a { padding:0; height:80px; }
    #carte #sidebar .level-1 .icon { margin-right:15px; width:60px; }
    
    
    
}

/**
 * Large devices
 **/
@media (max-width: 1199px) {
    html { font-size:7px; }
    h2 { font-size:5rem; }
    h3 { font-size:3.5rem; }
    
    .padding { padding-top:60px; padding-bottom:60px; }
    
    #footer .bottom .left .icons .row { align-items:center; }
    #footer .bottom .left .menu li { margin-right:20px; }
    
    #hero .caption .text img { margin-top:30px; }
    
    #intro .icons a { padding:15px 0; }
    
    #accueil #hero .swiper-slide, #hero { height:530px; padding:30px; }
    
    #slideractus .navigation .prev { left:2vw; }
    #slideractus .navigation .next { right:2vw; }
    #slideractus .record .text .relative { padding-left:50px; }
    
    #overlay .left, #overlay .right { padding:60px; }
    #overlay .right .menu li { margin:30px 0; }
    #overlay .left .categories { margin:50px 0; }
    #overlay .left .categories a span { margin-top:10px; }
    
    #qui-sommes-nous #membres .ccol-2 .record { margin-top:50px; }
    #qui-sommes-nous #membres .ccol-5 .record { margin-top:-50px; }
    #qui-sommes-nous #membres .record { margin-bottom:120px; }
    #qui-sommes-nous #membres .record .block { padding:20px 15px; margin-left:50px; }
    #qui-sommes-nous #membres .record .relative { padding-bottom:50px;}
    
    #shuffle #list .record .infos { padding:0; }
    
    #shuffle #sidebar .filter h3 { padding-left:30px; }
    #shuffle #sidebar .filter .select select, #shuffle #sidebar .filter .label { padding:15px 50px 15px 15px; }
    #shuffle #sidebar .filter .field.checkbox { padding:0; }
    
    #carte #sidebar .uppertitle { padding:15px 30px; }
    
    
}

/**
 * Medium devices
 **/
@media (max-width: 991px) {
    html { font-size:6px; }
    
    #header .navigation ul { display:none; }
    #header .mainrow { height:100px; }
    #main { margin-top:100px; }
    
    #overlay .left, #overlay .right { padding:30px;}
    #overlay .right .menu li { margin:15px 0; }
    #overlay .left .categories { margin:30px 0; }
    #overlay .left .categories a span { margin-top:5px; }
    
    #grid .record .buttons .detail, .tag { font-size:1.6rem; }
    
    #qui-sommes-nous #membres .ccol-2 .record { margin-top:30px; }
    #qui-sommes-nous #membres .ccol-5 .record { margin-top:-30px; }
    #qui-sommes-nous #membres .record .block { margin-left:30px; } 
    
    #accueil #hero .swiper-slide, #hero { height:430px; }
    
    
    #slideractus .record .text .date { left:0; }
    
    #footer .bottom .right { display:none; }
    #footer .bottom .left .menu { width:100%; justify-content:center; }
    
    #detail .slider .navigation .prev { left:-50px; }
    #detail .slider .navigation .next { right:-50px; }
    #detail .content { padding-left:0; padding-right:0; }
    #detail .content .tag { margin-bottom:50px; }
    
    #contact #ending .image { margin-bottom:15px; }
    #shuffle #sidebar .filter .select:after, #shuffle #sidebar .filter .label:after { right:0; }
    #shuffle #sidebar .filter .select select, #shuffle #sidebar .filter .label { padding-right:30px; padding-left:0; }
    #shuffle #sidebar .filter .field { margin-bottom:15px; }
    
    #carte #sidebar .level-1 { padding:0 15px; }
    #carte #sidebar .level-1 .icon { width:40px; }
    #carte #sidebar .logo { padding:15px; }
}

/**
 * Small devices
 **/
@media (max-width: 767px) {
    h1, .h1 { font-size:4.5rem; }
    .padding { padding-top:40px; padding-bottom:40px; }
    
    #overlay .left .categories { flex-direction:row; width:100%; margin-bottom:0; }
    #overlay .left .categories li { margin:0; padding:0 15px; align-items:center !important; }
    #overlay .left .categories img { max-width:80%; }
    #overlay .right .logo { margin-bottom:15px; text-align:center; width:100%; }
    #overlay .right .menu { flex-direction:row; flex-wrap:wrap; justify-content:center; }
    #overlay .right .menu li { padding:0 15px; }
    #overlay .right .menu img { max-height:30px; }
    
    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { background:#000; }

    #hero .caption .text img { display:none; }
    
    #intro .icons a { padding:0; border-width:3px 0 0 0; align-items:center; }
    #intro .icons .item { padding-left:5px; padding-right:5px; }
    #intro .icons .item img { padding-left:10px; padding-right:10px; }
    
    #presentation { padding-left:15px; padding-right:15px; }
    #presentation .image { margin-bottom:15px; }
    
    #qui-sommes-nous #membres .record { margin-top:0 !important; margin-bottom:50px; }
    
    #une .text { text-align:center; }
    
    #chiffres .label { font-size:4rem; margin-bottom:20px; }
    #chiffres li { margin-bottom:40px; }
    
    #accueil #hero .swiper-slide, #hero { height:330px; }
    #accueil #une .text li { justify-content:center; }
    
    #slideractus .record .text .date { position:static; writing-mode:horizontal-tb; justify-content:left; height:auto; transform:none; }
    #slideractus .record .text .date svg { display:none; }
    #slideractus .record .text .date span { margin-bottom:15px; }
    #slideractus .record .text .relative { padding-left:0; margin-top:15px; }
    
    #detail .wrapper { padding-left:15px; padding-right:15px; }
    
    #hero .caption .icon { margin-top:30px; max-width:50px; }
    
}

/**
 * Extra small devices
 **/
@media (max-width: 575px) {
    h1, .h1 { font-size:4rem; }
    .padding { padding-top:20px; padding-bottom:20px; }
    
    #overlay { overflow-y:auto; }
    #overlay .left .buttons { text-align:center; }
    #overlay .left .buttons .btn { margin-bottom:10px; }
    #overlay .left .categories { flex-wrap:wrap; justify-content:center; }
    #overlay .right .logo { display:none; }
    #overlay .right .menu img { margin-right:15px; }
    
    #hero .caption .text { display:none; }
    #hero .text-center { display:none; }
    
    #accueil #hero .swiper-slide, #hero { padding:15px; }
    #intro .icons .item { margin-bottom:15px; }
    #intro .icons .item a { padding:10px; }
    
    #slideractus .navigation { display:none; }
    
    #detail .slider .navigation { display:none; }
    #detail .content .tag { margin-bottom:30px; }
    
    #footer .bottom .left .icons { display:none; }
    #footer .bottom .left .icons .row { flex-direction:column; }
    #footer .bottom .left .icons .item { margin-bottom:15px; }
    #footer .bottom .left .menu { flex-direction:column; font-size:1.8rem; }
    #footer .bottom .left .menu li { margin-bottom:15px; }
    
    /*
    #carte #sidebar .title,
    #carte #sidebar .uppertitle,
    #carte #sidebar .menu { display:none; }
    */
    #carte #sidebar { position:absolute; right:0; top:0; z-index:999; }
    #carte #sidebar .uppertitle { background:#fff; height:50px; }
    
    #carte #sidebar .logo { position:absolute; right:0; top:0; z-index:9999; height:50px; padding:5px; }
    #carte #sidebar .logo img { max-height:40px; }
    #carte #sidebar #accordion { display:none; }
    
}