.field {margin-bottom:15px;position:relative }.field label {display:inline-block;margin:0 }.field [data-validate-for] {display:none;font-size:10px;line-height:10px;position:absolute;right:0;bottom:-1.2em }.field [data-validate-for].visible {display:block }.field.textfield input,.field.textarea textarea {display:block;width:100%;padding:10px;border:1px solid #ccc }.field.checkbox,.field.radio {line-height:20px }.field.checkbox input,.field.radio input {width:20px;height:20px;float:left;margin-right:10px }.field.checkbox label,.field.radio label {position:relative;margin-bottom:0;cursor:pointer }.field.checkbox span:before,.field.radio span:before {content:'';position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #ccc;background:#fff }.field.checkbox span:after,.field.radio span:after {content:'';position:absolute;left:3px;top:3px;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 .message:before,.field.checkbox .message:after,.field.radio .message:before,.field.radio .message:after {content:none }.field.checkbox span:before,.field.checkbox span:after {border-radius:0 }.field.radio span:before,.field.radio span:after {border-radius:50% }.field.select select {display:block;width:100%;padding:10px;border:1px solid #ccc }.field.captcha {display:flex;flex-direction:row;justify-content:center }.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 {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) }
html {font-size:10px }body {font-size:1.6rem;font-family:'Montserrat';color:#656565;font-weight:500 }:focus {outline:none }img {max-width:100%;height:auto }img[data-sizes] {display:block;width:100% }h1 {margin:0 }h3 {font-weight:900;font-size:2.2rem;margin-bottom:1em }.title {font-family:'Montserrat';text-transform:uppercase;color:#000;text-align:center;padding-bottom:100px;margin-bottom:80px;font-size:1.6rem;letter-spacing:5px;position:relative;z-index:1;font-weight:bold }.title:after {content:'Maison Cottin';font-family:'Parisienne';font-size:10rem;color:#DEDEDE;text-transform:none;position:absolute;left:0;width:100%;font-weight:normal;bottom:0;z-index:-1;white-space:nowrap }.topmessage {background:#7F1817;color:#fff;text-align:center;padding:15px 30px }.swiper-wrapper {box-sizing:border-box }.slider {position:relative }.slider .swiper-slide {background-size:cover;background-position:center center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:800px }.slider .swiper-slide:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:2;pointer-events:none }.slider .pagination {position:absolute;left:50%;top:calc(50% + 200px);z-index:2;bottom:auto;width:auto;transform:translate(-50%,-50%) }.slider .pagination .swiper-pagination-bullet {background:#fff;opacity:0.5;width:11px;height:11px;margin:0 15px }.slider .pagination .swiper-pagination-bullet-active {background:#fff;opacity:1 }.slider .swiper-slide .caption {color:#fff;text-align:center;position:relative;z-index:4 }.slider .swiper-slide .caption .name {font-family:'Parisienne';font-weight:normal;font-size:10rem }.slider .swiper-slide .caption .baseline {font-weight:300;text-transform:uppercase;font-size:2.2rem }.slider .swiper-slide .caption .description .btn {color:#fff;text-transform:uppercase;background-color:#7F1817;border-color:#7F1817 }.slider .flash {position:absolute;bottom:50px;background:#fff;color:#656565;padding:15px 30px;z-index:1;left:50%;transform:translateX(-50%);text-align:center;font-weight:bold }.images .pagination {position:static;text-align:center;margin-top:15px }.images .pagination .swiper-pagination-bullet {background:#fff;width:11px;height:11px;margin:0 15px;opacity:1 }.images .pagination .swiper-pagination-bullet-active {background:#000;opacity:1 }.blog .pagination {position:static;text-align:center;margin-top:30px }.blog .pagination .swiper-pagination-bullet {background:#fff;width:11px;height:11px;margin:0 15px;opacity:0.5 }.blog .pagination .swiper-pagination-bullet-active {background:#fff;opacity:1 }.plateaux .swiper-slide .main {padding:0 10vw }.plateaux .pagination {position:static;margin-top:50px;bottom:0;text-align:center;width:100%;z-index:3 }.plateaux .pagination .swiper-pagination-bullet {background:#fff;width:11px;height:11px;margin:0 15px;opacity:0.5 }.plateaux .pagination .swiper-pagination-bullet-active {background:#fff;opacity:1 }.plateaux .title {margin-bottom:20px }.btn {padding:15px 30px;background:transparent;border:1px solid #C9C9C9;font-family:'Montserrat';font-weight:700;text-align:center;display:inline-block;margin-top:30px;color:#000;transition:all 0.5s ease 0s;border-radius:8px }.btn:hover {background:#C9C9C9;color:#000;text-decoration:none }.btn.white {padding:15px 30px;background:transparent;border:1px solid #fff;font-family:'Montserrat';font-weight:700;text-align:center;display:inline-block;margin-top:30px;color:#fff;transition:all 0.5s ease 0s;border-radius:0 }.btn.white:hover {background:#fff;color:#000;text-decoration:none }.btn.red {padding:15px 30px;background:transparent;border:1px solid #7F1817;font-family:'Montserrat';font-weight:700;text-align:center;display:inline-block;margin-top:30px;color:#7F1817;transition:all 0.5s ease 0s;border-radius:0 }.btn.red:hover {background:#7F1817;color:#fff;text-decoration:none }.note {color:#7F1817;text-transform:uppercase;margin-top:15px}.padding {padding:100px 0 }.bg {background:#fff url(../themes/cottin/assets/img/bg.png) repeat left top }section[data-bg] {position:relative;color:#fff;text-align:center;background-size:cover;background-position:center center;background-repeat:no-repeat}section[data-bg]:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7) }section[data-bg] .container {position:relative;z-index:1 }section[data-bg] h2 {color:#fff }section[data-bg] h2:after {color:#545454 }.intro .image img {}.intro .row {align-items:center }p {line-height:2em;margin-bottom:1.5em }p:last-child {margin-bottom:0 }address {line-height:2em }.hamburger {padding:0;height:24px;z-index:15;position:relative;margin-left:50px;display:flex;flex-direction:row;align-items:center }.hamburger .text {margin-right:10px }.hamburger:focus {outline:none }.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before,.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background:#fff;border-radius:0;height:2px }.tiles .tile {position:relative;overflow:hidden }.tiles .tile.red {background:#801518 }.tiles .tile img {transition:all 1s ease 0s }.tiles .tile.margin {margin-bottom:30px }.tiles .tile.fit {height:100% }.tiles .tile.fit img {height:100%;object-fit:cover }.tiles .tile .caption {position:absolute;left:100px;bottom:50px;text-transform:uppercase;background:#fff;padding:15px 30px;font-weight:700;color:#000;letter-spacing:4px;margin:0 }.tiles .tile:hover img {transform:scale(1.1) }.tiles .flex {display:flex;flex-direction:column }.tiles .flex .tile {height:100% }.citation {color:#fff;text-align:center;font-family:'Parisienne';font-size:3.5rem;background-size:cover;background-position:center center;position:relative;padding:150px 0 }.citation:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5) }.citation blockquote {position:relative;z-index:2 }.citation p {line-height:1.6em }.field {margin-bottom:30px }.field label {text-transform:uppercase;margin-bottom:5px }.field.textfield input,.field.select select,.field.textarea textarea {border-radius:8px }.field.submit {text-align:center }.field.submit .btn {margin-top:0 }.alert {position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;margin-bottom:30px }.alert-success {color:#155724;background-color:#d4edda;border-color:#c3e6cb }.alert .close {display:none }.blog .blog-title {background:url(../themes/cottin/assets/img/bg.png) repeat center center;padding-top:80px}.blog .blog-title .title {margin-bottom:0 }.blog .text {text-align:left }.blog .record .row {align-items:center }.blog .record .image img {box-shadow:10px 10px 20px -10px rgba(0,0,0,0.5) }.blog .record.odd {background:url(../themes/cottin/assets/img/bg.png) repeat center center }#page {width:100%;overflow:hidden }#header {position:fixed;left:0;top:0;width:100%;z-index:3;transition:all 0.5s ease 0s;color:#fff }#header a {color:#fff;text-transform:uppercase }#header .row {align-items:center }#header .logo {z-index:10 }#header .logo .inner {background:#fff;text-align:center;padding:30px 50px;transition:all 0.5s ease 0s;max-width:400px;margin:0 auto }#header .navigation {display:flex;flex-direction:row;align-items:center;justify-content:flex-end }#header .menu {position:fixed;left:0;top:0;width:100%;z-index:5;height:100vh;background:#862423 url(../themes/cottin/assets/img/chef.png) no-repeat calc(50% - 300px) bottom;display:flex;justify-content:center;align-items:center;background-size:40%;opacity:0;pointer-events:none;transition:all 0.5s ease 0s }#header .menu ul {list-style:none;margin:0;padding:0;text-align:center }#header .menu li {margin:30px 0 }#header .menu a {color:#fff;text-transform:uppercase;font-weight:600;letter-spacing:2px }#header .accueil i {transform:rotate(90deg);margin-right:10px }#header.pinned {transform:translateY(0) }#header.not-top {color:#000 }#header.unpinned {transform:translateY(-100%) }#header.not-top {background:#fff url(../themes/cottin/assets/img/bg.png) repeat center center }#header.not-top a {color:#000 }#header.not-top .logo .inner {padding:15px;max-width:200px;background:none }#header.not-top .hamburger-inner,#header.not-top .hamburger-inner:after,#header.not-top .hamburger-inner:before,#header.not-top .hamburger.is-active .hamburger-inner,#header.not-top .hamburger.is-active .hamburger-inner:after,#header.not-top .hamburger.is-active .hamburger-inner:before {background:#000 }body.open #header {position:fixed;transform:translateY(0) }body.open #header .menu {opacity:1;pointer-events:auto }body.open #header a {color:#fff }body.open #header .hamburger-inner,body.open #header .hamburger-inner:after,body.open #header .hamburger-inner:before,body.open #header .hamburger.is-active .hamburger-inner,body.open #header .hamburger.is-active .hamburger-inner:after,body.open #header .hamburger.is-active .hamburger-inner:before {background:#fff }#footer .top {text-align:center;padding-bottom:0;overflow:hidden}#footer .top .image img {margin-bottom:-250px }#footer .bottom {padding:50px 0;background:#EEE }#footer .bottom ul {list-style:none;margin:0;padding:0 }#footer .bottom li {line-height:2em }#footer .bottom a {color:#575757 }#accueil .slider .swiper-slide {min-height:100vh }#accueil .boucherie svg {margin-top:50px }#accueil .metiers .row {align-items:center;position:relative}#accueil .metiers .bg {position:absolute;left:0;top:50px;width:72.5%;height:100%;background-size:cover;background-position:center center }#accueil .metiers .images {padding-top:0;padding-bottom:50px }#accueil .metiers .images .swiper-container {padding:0 30px 30px 30px 30px }#accueil .metiers .images img {box-shadow:10px 10px 20px -10px rgba(0,0,0,0.5) }#accueil .metiers .text h3 {color:#000;margin-bottom:0.5em }#accueil .metiers .text ul {margin:0;padding:0;list-style:none }#accueil .metiers .text li {margin-bottom:30px;position:relative;cursor:pointer }#accueil .metiers .text li:last-child {margin-bottom:0 }#accueil .metiers .text li:before {content:'';position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:2px;height:50px;background:#000;transition:all 0.5s ease 0s;opacity:0 }#accueil .metiers .text li.active:before {opacity:1 }#accueil .metiers .text .description {font-size:1.2rem }#accueil .blog h2 {color:#fff }#accueil .blog h2:after {color:#545454 }#accueil .blog .row {align-items:center }#professionnels .plateaux {position:relative }#professionnels .plateaux:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7) }#professionnels .plateaux h3 {font-size:1.6rem;font-weight:700;margin-bottom:30px }#professionnels .plateaux .description {margin-top:30px }#actualite .blog {background:url(../themes/cottin/assets/img/bg.png) repeat center center }#actualite .blog img {box-shadow:10px 10px 20px -10px rgba(0,0,0,0.5) }#actualite .blog h1 {margin-top:50px;color:#000;font-weight:800;font-size:2.4rem;margin-bottom:15px }.intro b {color:#7F1817 }
@media (max-width:1199px) {.tiles .tile .caption {left:50px }}@media (max-width:991px) {html {font-size:9px }p {line-height:1.8em }h2.title {margin-bottom:50px }.padding {padding-top:80px;padding-bottom:80px }.tiles .tile .caption {padding:10px 20px;font-size:1.8rem }#header .logo .inner {padding:15px }#accueil .metiers .images {padding-top:0;padding-bottom:0 }}@media (max-width:767px) {html {font-size:8px }.padding {padding-top:60px;padding-bottom:60px }.hamburger {margin-left:0 }.intro .image {margin-bottom:30px }.blog .image {order:1;margin-bottom:30px }.blog .text {order:2;text-align:center }.tiles .tile {margin-bottom:30px }.slider .swiper-slide {min-height:100vh }.slider .flash {width:calc(100% - 30px) }#header .accueil {display:none }#header .navigation >a {display:none }#header .logo {padding:0 }#header .logo .inner {margin:0 }#footer .top .btn {margin-bottom:15px }#footer .bottom {text-align:center }#footer .bottom ul {margin-top:30px }#accueil .metiers .bg {width:100% }#accueil .metiers .text ul {padding:30px;text-align:center }#accueil .metiers .text li:before {content:none }}@media (max-width:575px) {.padding {padding-top:40px;padding-bottom:40px }.slider .swiper-slide .caption .name {font-size:6rem;line-height:1em }h2.title {padding-bottom:30px }h2.title:after {font-size:6rem;line-height:1em }#header .menu li {margin:30px 0 }#footer .top .image {display:none }}