article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
 display: block
}
audio, canvas, video {
 display: inline-block;
*display:inline;
*zoom:1
}
audio:not([controls]) {
 display: none;
 height: 0
}
[hidden] {
 display: none
}
html {
 font-size: 100%;
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%
}
html, button, input, select, textarea {
 font-family: sans-serif
}
body {
 margin: 0
}
a:focus {
 outline: thin dotted
}
a:active, a:hover {
 outline: 0
}
h1 {
 font-size: 2em;
 margin: 0.67em 0
}
h2 {
 font-size: 1.5em;
 margin: 0.83em 0
}
h3 {
 font-size: 1.17em;
 margin: 1em 0
}
h4 {
 font-size: 1em;
 margin: 1.33em 0
}
h5 {
 font-size: 0.83em;
 margin: 1.67em 0
}
h6 {
 font-size: 0.67em;
 margin: 2.33em 0
}
abbr[title] {
 border-bottom: 1px dotted
}
b, strong {
 font-weight: bold
}
blockquote {
 margin: 1em 40px
}
dfn {
 font-style: italic
}
hr {
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 height: 0
}
mark {
 background: #ff0;
 color: #000
}
p, pre {
 margin: 1em 0
}
code, kbd, pre, samp {
 font-family: monospace, serif;
 _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: 80%
}
sub, sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline
}
sup {
 top: -0.5em
}
sub {
 bottom: -0.25em
}
dl, menu, ol, ul {
 margin: 1em 0
}
dd {
 margin: 0 0 0 40px
}
menu, ol, ul {
 padding: 0 0 0 40px
}
nav ul, nav ol {
 list-style: none;
 list-style-image: none
}
img {
 border: 0;
 -ms-interpolation-mode: bicubic
}
svg:not(:root) {
 overflow: hidden
}
figure {
 margin: 0
}
form {
 margin: 0
}
fieldset {
 border: 1px solid #c0c0c0;
 margin: 0 2px;
 padding: 0.35em 0.625em 0.75em
}
legend {
 border: 0;
 padding: 0;
 white-space: normal;
*margin-left:-7px
}
button, input, select, textarea {
 font-size: 100%;
 margin: 0;
 vertical-align: baseline;
*vertical-align:middle
}
button, input {
 line-height: normal
}
button, select {
 text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
 -webkit-appearance: button;
 cursor: pointer;
*overflow:visible
}
button[disabled], html input[disabled] {
 cursor: default
}
input[type="checkbox"], input[type="radio"] {
 box-sizing: border-box;
 padding: 0;
*height:13px;
*width:13px
}
input[type="search"] {
 -webkit-appearance: textfield;
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
 overflow: auto;
 vertical-align: top
}
table {
 border-collapse: collapse;
 border-spacing: 0
}/*!jalisboilerplate*/
br {
 letter-spacing: 0px
}
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object {
 margin: 0;
 padding: 0;
 border: 0;
 outline: none
}
h1, h2, h3, h4, h5, h6, ol, ul, li {
 text-align: left;
 font-weight: normal
}
p {
 margin: 0
}
li {
 list-style-type: none
}
*::selection {
 background: #f6ff00;
 color: #fff;
 text-shadow: none !important
}
*::-moz-selection {
background:#f6ff00;
color:#fff;
text-shadow:none !important
}
*::-webkit-selection {
background:#f6ff00;
color:#fff;
text-shadow:none !important
}
.floatleft, .left {
 position: relative;
 display: block;
 float: left !important
}
.floatright, .right {
 position: relative;
 display: block;
 float: right !important
}
.floatnone {
 position: relative;
 display: block;
 float: none !important
}
*[class^="col"] {
 position: relative;
 display: block;
 float: left
}
.col_2-3, .colonne_2-3 {
 width: 64.66667%;
 width: calc(66.66667% - 9px)
}
.col_1-3, .colonne_1-3 {
 width: 31.33333%;
 width: calc(33.33333% - 9px)
}
.col_3-4, .colonne_3-4 {
 width: 73%;
 width: calc(75% - 9px)
}
.col_1-4, .colonne_1-4 {
 width: 23%;
 width: calc(25% - 9px)
}
.col_2, .colonne_2 {
 width: 48%;
 width: calc(50% - 9px)
}
.col_40, .colonne_40 {
 width: 38%;
 width: calc(40% - 9px)
}
.col_60, .colonne_60 {
 width: 58%;
 width: calc(60% - 9px)
}
.included {
 float: left;
 width: 25%;
 margin: 0 18px 0 0
}
.included.floatright {
 float: right;
 margin: 0 0 0 18px
}
.grille {
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-align-items: stretch;
 align-items: stretch;
 width: 100%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}
.grille.grille--wrap {
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 flex-wrap: wrap
}

@media only screen and (max-width: 800px) and (min-width: 0px) {
.grille {
 display: block;
 width: auto;
 margin: 0 0 18px 0;
 clear: both;
 width: 100%
}
}
.grille-elem {
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 order: 1;
 -webkit-flex: 1;
 flex: 1
}

@media only screen and (min-width: 799px) {
.grille-elem.floatright {
 margin-left: 18px;
 order: 2
}
}

@media only screen and (max-width: 800px) and (min-width: 0px) {
.grille-elem {
 display: block;
 width: auto;
 margin: 0 0 18px 0;
 clear: both;
 width: 100%
}
}
.grille-elem-egalise {
 position: relative;
 display: block;
 width: 100%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}
.grille-grow-2 {
 -webkit-flex-grow: 2;
 -moz-flex-grow: 2;
 flex-grow: 2
}
.grille-grow-3 {
 -webkit-flex-grow: 3;
 -moz-flex-grow: 3;
 flex-grow: 3
}
.grille-grow-4 {
 -webkit-flex-grow: 4;
 -moz-flex-grow: 4;
 flex-grow: 4
}
.grille-grow-5 {
 -webkit-flex-grow: 5;
 -moz-flex-grow: 5;
 flex-grow: 5
}
.grille-grow-6 {
 -webkit-flex-grow: 6;
 -moz-flex-grow: 6;
 flex-grow: 6
}
.grille-grow-7 {
 -webkit-flex-grow: 7;
 -moz-flex-grow: 7;
 flex-grow: 7
}
.grille-grow-8 {
 -webkit-flex-grow: 8;
 -moz-flex-grow: 8;
 flex-grow: 8
}
.grille-grow-9 {
 -webkit-flex-grow: 9;
 -moz-flex-grow: 9;
 flex-grow: 9
}
.grille-grow-10 {
 -webkit-flex-grow: 10;
 -moz-flex-grow: 10;
 flex-grow: 10
}
.grille-order-2 {
 order: 2
}
.grille-order-3 {
 order: 3
}
.grille-order-4 {
 order: 4
}
.grille-order-5 {
 order: 5
}
.grille-order-6 {
 order: 6
}
.grille-order-7 {
 order: 7
}
.grille-order-8 {
 order: 8
}
.grille-order-9 {
 order: 9
}
.grille-order-10 {
 order: 10
}
.clear, .clearfix, .separateur {
 position: auto;
 display: block;
*zoom:1
}
.clear:after, .clearfix:after, .separateur:after, .clear:before, .clearfix:before, .separateur:before {
 content: " ";
 display: table
}
.clear:after, .clearfix:after, .separateur:after {
 clear: both
}
.separateur {
 margin: 9px 0 9px 0;
 position: relative;
 display: block
}/*! main stylesheet */
body {
 font-size: 14px;
 font-family: "visby_cfdemi_bold", sans-serif;
 color: #757575;
 background: #fff
}
body.listing {
 background-color: #f2f1ee
}
html.jgo-cssvhunit body {
 min-height: 100vh;
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-flex-direction: column;
 flex-direction: column
}
html.jgo-cssvhunit body .plan--premier {
 -webkit-flex: 1 1 auto;
 flex: 1 1 auto
}
html.jgo-cssvhunit body footer {
 -webkit-flex: 0 0 auto;
 flex: 0 0 auto
}
html.jgo-cssvhunit body.contact .centrage+.img--back {
 padding: 54px 0;
 cursor: default !important;
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-flex-direction: column;
 flex-direction: column;
 -webkit-flex: 1 1 auto;
 flex: 1 1 auto
}
html.jgo-cssvhunit body.contact footer {
 margin-top: 0
}
html.jgo-no-ccsvhunit:not(.badios) body {
 min-height: calc(100vh - 345px)
}
html.jgo-no-flexbox body.contact .centrage+.img--back {
 background: none !important
}
*[class^="plan"] {
 position: relative;
 display: block
}
.plan--arriere {
 position: fixed;
 z-index: 0;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 opacity: 0
}
.plan--arriere .img--back {
 position: absolute;
 display: block;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0
}
body.loaded .plan--arriere {
 opacity: 1;
 -moz-transition: opacity 1250ms ease-in-out 0ms;
 -o-transition: opacity 1250ms ease-in-out 0ms;
 -webkit-transition: opacity 1250ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: opacity 1250ms ease-in-out 0ms
}
.plan--premier {
 z-index: 3
}
.plan--premier>header+.centrage {
 z-index: 2;
 background: transparent
}
html.jgo-no-flexbox .plan--premier:before {
 position: relative;
 display: block;
 z-index: 1;
 padding: 36px 0;
 font-size: 16px;
 color: #999;
 background: #000;
 text-align: center;
 content: "Pour votre sécurité et votre confort de navigation, nous vous recommendons de mettre à jour votre navigateur ou d'installer Mozilla Firefox ou Google Chrome"
}
.centrage {
 position: relative;
 display: block;
 width: 100%;
 min-width: 0;
 max-width: 100%;
 margin: 0 auto
}
*[class*="ratio"] {
 position: relative;
 height: auto !important
}
*[class*="ratio"]:before {
 position: relative;
 display: block;
 content: '';
 padding-top: 66.66667%
}
.ratio--nbor:before {
 padding-top: 61.803398875%
}
.ratio--portrait:before {
 padding-top: 150%
}
.ratio--carre:before {
 padding-top: 100%
}
.ratio--pano:before {
 padding-top: 45%
}
.ratio--slideshow:before {
 padding-top: 66.66667%
}

@media only screen and (max-width: 800px) and (min-width: 0px) {
.ratio--slideshow:before {
 padding-top: 100%
}
}
#contenu, .contenu {
 position: relative;
 display: block;
 z-index: 2;
 margin: 0;
 padding: 0 0 20px 0;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}
#contenu.paddtop, .contenu.paddtop {
 padding: 170px 18px 18px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}
.no-margin {
 margin: 0 !important
}
.no-padding {
 padding: 0 !important
}
.no-box-shadow {
 box-shadow: none !important
}
.no-border {
 border: none !important
}
.no-background {
 background: none !important
}
.flex-end {
 -webkit-justify-content: flex-end !important;
 justify-content: flex-end !important
}
.flex-center {
 -webkit-justify-content: center !important;
 justify-content: center !important
}
.flex-space-between {
 -webkit-justify-content: space-between !important;
 justify-content: space-between !important
}
.flex-space-around {
 -webkit-justify-content: space-around !important;
 justify-content: space-around !important
}
a, a:visited {
 color: #000;
 text-decoration: none
}
a:hover {
 text-decoration: none
}
.grille.bdr {
 border-top: 1px solid #fff
}

@media only screen and (min-width: 799px) {
.grille.bdr .grille-elem:nth-child(2) {
 border-left: 1px solid #fff;
 width: calc(50% - 1px)
}
}
.ctn_fiche_ecart {
 position: relative;
 display: block;
 min-height: 170px;
 width: 100%;
 height: 40vh
}
h1 {
 text-align: center;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 position: absolute;
 display: block;
	top:0;
 width: 100%;
 font-size: 16px;
 color: #dedede;
 padding: 10px;

}
h1 a {
 color: #fafafa !important;
}
h2 {
 font-size: 26px;
 font-weight: bold;
 text-transform: uppercase;
 margin: 0;
 letter-spacing: 2px
}
h3 {
 font-size: 15px;
 font-weight: bold;
 text-transform: uppercase;
 margin: 0;
 letter-spacing: 2px
}
h3.plusgros {
 font-size: 40px;
 font-family: "visby_cfheavy", sans-serif !important
}
h2.titre_gros, h3.titre_gros {
 font-size: 70px;
 font-family: "visby_cfheavy", sans-serif
}
.bloc--large h2.titre_gros, .bloc--large h3.titre_gros {
 color: #000;
 padding: 20px 0
}
h4 {
 font-size: 18px;
 color: #f6ff00;
 margin: 0
}
h4.plusgros {
 font-size: 24px;
 text-transform: uppercase;
 font-family: "visby_cflight", sans-serif;
 margin-bottom: 0 !important
}
.apps_fix {
 position: relative;
 display: block;
 z-index: 100;
 position: fixed;
 bottom: 36px;
 right: 0;
 width: 50px
}
.apps_fix img {
 position: relative;
 display: block;
 float: left;
 width: 100%;
 border: 1px solid rgba(255,255,255,0.4);
 box-shadow: 0 0 10px rgba(0,0,0,0.25);
 margin-bottom: 10px
}
.apps_fix img:hover {
 opacity: 0.8
}
.bann_app:hover {
 opacity: 0.8
}
.bloc.pplan .bt {
 position: absolute !important;
 top: 5px;
 right: 5px;
 z-index: 10
}
*[class*="bloc"] {
 position: relative;
 display: block;
 margin-bottom: 36px;
 border-radius: 0;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}
*[class*="bloc"] h2, *[class*="bloc"] h3, *[class*="bloc"] h4 {
 text-align: center;
 margin: 0;
 margin-bottom: 18px
}
*[class*="bloc"].bloc--ton {
 background-color: #f6ff00;
 padding: 18px;
 color: #fdffd8
}
*[class*="bloc"].bloc--ton h2, *[class*="bloc"].bloc--ton h2>a, *[class*="bloc"].bloc--ton h3, *[class*="bloc"].bloc--ton h4, *[class*="bloc"].bloc--ton a {
 color: #fff
}
*[class*="bloc"].bloc--ton2 {
 background-color: #1c1c1c;
 padding: 18px;
 color: #dcdcdc
}
*[class*="bloc"].bloc--ton2 h2, *[class*="bloc"].bloc--ton2 h2>a, *[class*="bloc"].bloc--ton2 h3, *[class*="bloc"].bloc--ton2 h4, *[class*="bloc"].bloc--ton2 a {
 color: #fff
}
*[class*="bloc"].bloc--ton2 h2, *[class*="bloc"].bloc--ton2 h2>a, *[class*="bloc"].bloc--ton2 h3, *[class*="bloc"].bloc--ton2 h4, *[class*="bloc"].bloc--ton2 a {
 color: #fff !important
}
*[class*="bloc"].bloc--plan {
 background-color: #1c1c1c;
 padding: 15vh 10%;
 color: #dcdcdc;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 margin-bottom: 0 !important
}
*[class*="bloc"].bloc--plan h2, *[class*="bloc"].bloc--plan h2>a, *[class*="bloc"].bloc--plan h3, *[class*="bloc"].bloc--plan h4, *[class*="bloc"].bloc--plan a {
 color: #fff
}
*[class*="bloc"].bloc--plan h2 {
 font-size: 22px;
 position: absolute;
 width: 100%;
 text-align: center;
 padding: 0 !important;
 margin: 0 !important;
 top: 8vh;
 left: 0
}
*[class*="bloc"].bloc--plan .map_acc {
 position: relative;
 width: 100% !important;
 height: 100%;
 box-shadow: 0 0 100px #000
}
*[class*="bloc"].bloc--plan .map_acc #tri_carte {
 position: absolute;
 width: 150px;
 top: 10px;
 right: 10px;
 z-index: 1000
}
*[class*="bloc"].bloc--plan .map_acc #tri_carte select {
 border: 1px solid #000 !important
}
*[class*="bloc"].bloc--plan .google_map_api {
 height: 100%
}
*[class*="bloc"].bloc--plan .google_map_api .bloc--blanc {
 padding: 5px 0 0 0 !important;
 margin-bottom: 0 !important
}
*[class*="bloc"].bloc--plan .google_map_api .bloc--blanc h4 {
 font-size: 14px;
 margin-bottom: 10px !important;
 margin-top: 10px !important
}
*[class*="bloc"].bloc--plan .google_map_api .bloc--blanc .bt {
 color: #000 !important
}
*[class*="bloc"].bloc--plan .google_map_api .bloc--blanc .bt:hover {
 color: #fff !important
}
*[class*="bloc"].bloc--compl {
 background-color: #f2f1ee;
 padding: 18px;
 color: #242423
}
*[class*="bloc"].bloc--compl h2, *[class*="bloc"].bloc--compl h2>a, *[class*="bloc"].bloc--compl h3, *[class*="bloc"].bloc--compl h4, *[class*="bloc"].bloc--compl a {
 color: #000
}
*[class*="bloc"].bloc--blanc {
 background-color: #fff;
 padding: 18px;
 color: #262626
}
*[class*="bloc"].bloc--blanc h2, *[class*="bloc"].bloc--blanc h2>a, *[class*="bloc"].bloc--blanc h3, *[class*="bloc"].bloc--blanc h4, *[class*="bloc"].bloc--blanc a {
 color: #000
}
*[class*="bloc"].bloc--blanc h2, *[class*="bloc"].bloc--blanc h2>a, *[class*="bloc"].bloc--blanc h3, *[class*="bloc"].bloc--blanc h4, *[class*="bloc"].bloc--blanc a {
 color: #000
}
*[class*="bloc"].bloc--blanc.decoupe {
 box-shadow: 0 10px 15px rgba(0,0,0,0.14);
 border-top: 1px dashed #d9d9d9;
 margin-bottom: 0 !important;
 z-index: 1
}
*[class*="bloc"].bloc--blanc.decoupe h3 {
 letter-spacing: 0;
 text-transform: none;
 font-size: 30px;
 font-size: 23px;
 font-weight: normal
}
*[class*="bloc"].bloc--noir {
 background-color: #000;
 padding: 18px;
 color: #d8d8d8
}
*[class*="bloc"].bloc--noir h2, *[class*="bloc"].bloc--noir h2>a, *[class*="bloc"].bloc--noir h3, *[class*="bloc"].bloc--noir h4, *[class*="bloc"].bloc--noir a {
 color: #fff
}
*[class*="bloc"].bloc--noir h2, *[class*="bloc"].bloc--noir h2>a, *[class*="bloc"].bloc--noir h3, *[class*="bloc"].bloc--noir h4, *[class*="bloc"].bloc--noir a {
 color: #fff
}
*[class*="bloc"].bloc--fin {
 padding: 5px
}
*[class*="bloc"].bloc--fin h4 {
 margin-bottom: 0 !important
}
*[class*="bloc"].bloc--moyen {
 padding: 54px
}

@media only screen and (max-width: 800px) and (min-width: 0px) {
*[class*="bloc"].bloc--moyen {
 padding: 18px
}
}

@media only screen and (min-width: 1023px) {
*[class*="bloc"].bloc--maxi--60 {
 max-width: 60%;
 margin-left: auto;
 margin-right: auto
}
}
*[class*="bloc"].bloc--centre {
 max-width: 950px;
 margin: 18px auto;
 width: 94%
}
*[class*="bloc"].bloc--fin {
 max-width: 520px;
 margin: 0 auto;
 width: 94%
}
*[class*="bloc"].bloc--large {
 max-width: 1400px;
 margin: 0 auto;
 width: 94%
}
*[class*="bloc"].bloc--laius>h2, *[class*="bloc"].bloc--laius>h3 {
 border-bottom: 1px solid rgba(0,0,0,0.25);
 padding-bottom: 6px
}
.col-inputt {
 position: relative;
 display: block;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 min-height: 70px;
 width: 33.333%;
 float: left;
 text-align: center;
 padding: 0 18px;
 margin-bottom: 18px;
 font-size: 12px
}
.col-inputt input {
 position: relative;
 display: block;
 text-align: center;
 margin-bottom: 10px;
 width: 100%
}
*[class^="txt"] {
 position: relative;
 display: block
}
.txt-col {
 -moz-columns: 18px 2;
 -webkit-columns: 18px 2;
 columns: 18px 2
}
.txt_contenu {
 text-align: justify;
 font-size: 14px;
 margin: 0
}
.txt_contenu li {
 list-style: disc inside;
 margin: 0 0 0 18px
}
.txt_contenu a, .txt_contenu a:visited {
 font-weight: bold
}
.txt_contenu a:hover {
 text-decoration: underline
}
.txt_contenu img, .txt_contenu table {
 max-width: 100% !important
}
.barrerecherche {
 position: relative;
 display: block;
 z-index: 20;
 text-align: right;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 width: 100%;
 padding: 15px 0 0 0
}
body.menu-active .barrerecherche {
 z-index: 0
}
.barrerecherche .h_divisions {
 position: relative;
 display: block;
 z-index: 3;
 float: right;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 0;
 border-radius: 3px;
 width: 270px;
 background: #fff;
 overflow: hidden
}
.barrerecherche .h_divisions.champ_recherche form {
 width: calc(100% - 45px)
}
.barrerecherche .h_divisions.champ_recherche form input {
 margin-bottom: 0;
 padding: 12px;
 border: 1px solid #fff
}
.barrerecherche .h_divisions.champ_recherche form span {
 position: absolute;
 display: block;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms;
 top: -2px;
 right: -45px;
 width: 45px;
 height: 45px;
 background: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/ico_loupe.svg) center no-repeat;
 background-size: 30px;
 z-index: 100
}
.barrerecherche .h_divisions.champ_recherche form span:hover {
 -moz-transform: scale(1.1);
 -ms-transform: scale(1.1);
 -webkit-transform: scale(1.1);
 transform: scale(1.1)
}
header {
 position: fixed;
 display: block;
 z-index: 3;
 padding: 0;
 margin: 0;
 width: 100%;
 top: 0;
 left: 0;
 -moz-transition: all 500ms cubic-bezier(0, 0, 0.025, 1.02) 0ms;
 -o-transition: all 500ms cubic-bezier(0, 0, 0.025, 1.02) 0ms;
 -webkit-transition: all 500ms cubic-bezier(0, 0, 0.025, 1.02);
 -webkit-transition-delay: 0ms;
 transition: all 500ms cubic-bezier(0, 0, 0.025, 1.02) 0ms
}
header:hover {
 top: 0px !important
}
header .header-bandeau {
 position: relative;
 display: block;
 padding: 40px 2% 0 2%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 background-color: #1c1c1c;
 background-color: rgba(28,28,28,0.83);
 height: 150px
}
header .header-bandeau>.centrage {
 z-index: 3
}
header .menu2 {
 position: absolute;
 display: block;
 width: 310px;
 height: 80px;
 top: 0;
 right: 0;
 padding: 18px 2% 0 0
}
header .menu2 nav.nav2 a {
 float: right;
 letter-spacing: 2px;
 text-align: center;
 font-size: 12px;
 color: #fff;
 text-transform: uppercase
}
header .menu2 nav.nav2 a:hover, header .menu2 nav.nav2 a.active {
 color: #f6ff00
}
header .menu2 nav.nav2 a img {
 margin-left: 20px;
 padding-left: 20px;
 height: 12px;
 border-left: 1px solid rgba(255,255,255,0.15)
}
#logo {
 position: relative;
 display: block;
 z-index: 2;
 text-align: center;
 width: 168px;
 max-width: 100%;
 max-width: calc(100% - 96px);
 padding: 0;
 margin: 0
}
#logo:before {
 content: "";
 background-color: #fff;
 background-color: rgba(255,255,255,0.15);
 position: absolute;
 display: block;
 width: 1px;
 height: 90%;
 top: 0;
 left: 197px
}
#logo>a {
 position: relative;
 display: block
}
#logo img, #logo svg {
 position: relative;
 display: inline;
 width: 100%;
 opacity: 0
}
body.loaded #logo img, body.loaded #logo svg {
 opacity: 1
}
#www {
 position: fixed;
 display: block;
 z-index: 100;
 bottom: 0px;
 left: 1px;
 padding: 0;
 -moz-transform: rotate(-90deg);
 -ms-transform: rotate(-90deg);
 -webkit-transform: rotate(-90deg);
 transform: rotate(-90deg);
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 transform-origin: 0 0;
 text-align: right;
 font-size: 0.8em;
 color: #e6e6e6
}
#slogan {
 position: absolute;
 display: block;
 z-index: 100;
 bottom: 0;
 right: -140px;
 letter-spacing: 2px;
 font-family: "visby_cflight", sans-serif;
 font-size: 23px;
 color: #fff;
 text-transform: uppercase
}
#tel {
 position: absolute;
 display: block;
 z-index: 4;
 top: 54px;
 right: 0
}
#tel>a {
 position: relative;
 display: block;
 padding: 0 0 0 25px;
 font-size: 2em;
 color: #fff
}
#tel>a>img {
 width: 20px;
 height: 20px;
 position: absolute;
 display: block;
 left: 0;
 top: 50%;
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%)
}
body.ie8 #tel>a>img {
 top: 18px
}
.multi {
 position: absolute;
 display: block;
 z-index: 10;
 top: -45px;
 right: 0;
 width: 100%;
 text-align: center
}
footer .multi {
 top: -30px
}
.multi>* {
 position: relative;
 display: inline-block;
 font-size: 14px;
 color: #fff;
 -moz-transition: all 225ms cubic-bezier(0, 0, 0.025, 1.02) 0ms;
 -o-transition: all 225ms cubic-bezier(0, 0, 0.025, 1.02) 0ms;
 -webkit-transition: all 225ms cubic-bezier(0, 0, 0.025, 1.02);
 -webkit-transition-delay: 0ms;
 transition: all 225ms cubic-bezier(0, 0, 0.025, 1.02) 0ms;
 min-height: 50px;
 min-width: 50px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 margin: 0 7px;
 vertical-align: top
}
.multi>*>span.tx {
 position: relative;
 display: inline-block;
 padding-left: 10px;
 line-height: 26px
}
.multi>*>span.ico {
 position: absolute;
 border: 1px solid #fff;
 top: 0;
 left: 0;
 height: 50px;
 width: 50px;
 background: #1c1c1c
}
.ico {
 position: relative;
 display: block;
 width: 26px;
 height: 26px;
 background-size: auto 16px !important;
 background-color: #f6ff00;
 margin: 0
}
.fb .ico, .ico.fb {
 background-color: #3c599b
}
.tw .ico, .ico.tw {
 background-color: #3acaff
}
.pt .ico, .ico.pt {
 background-color: #cb2027
}
.linkedin .ico, .ico.linkedin {
 background-color: #0077b5
}
.viadeo .ico, .ico.viadeo {
 background-color: #f07355
}
.gplus .ico, .ico.gplus {
 background-color: #D34836
}
.instagram .ico, .ico.instagram {
 background-color: #325C86
}
.youtube .ico, .ico.youtube {
 background-color: #E12B28
}
#google_translate_element {
 position: absolute;
 display: block;
 top: 0;
 left: 0;
 max-width: 100%
}
#google_translate_element>* {
 opacity: 0
}
#google_translate_element:before {
 position: absolute;
 display: block;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 content: ' ';
 background: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/ico_uk.svg) no-repeat left 15px top 0px;
 background-size: auto 50%;
 padding: 4.5px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}
#google_translate_element:after {
 position: absolute;
 display: block;
 width: 6px;
 height: 6px;
 content: ' ';
 border-right: 1px solid #fff;
 border-top: 1px solid #fff;
 -moz-transform: rotate(135deg);
 -ms-transform: rotate(135deg);
 -webkit-transform: rotate(135deg);
 transform: rotate(135deg);
 top: 1px;
 left: 0
}
#callback {
 position: absolute;
 display: block;
 top: 100%;
 top: calc(100% + 9px);
 right: 0;
 padding: 0 !important
}
nav.nav {
 position: relative;
 display: block;
 z-index: 4;
 background: transparent
}
nav.nav>ul {
 position: relative;
 z-index: 2;
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
 -webkit-align-items: flex-start;
 align-items: flex-start;
 width: 100%
}
nav.nav>ul>li {
 position: relative;
 display: block;
 z-index: 1;
 text-align: left;
 margin: 0;
 float: left;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}
nav.nav>ul>li:nth-child(7) {
 margin-left: auto
}
nav.nav>ul>li:last-of-type a {
 padding-right: 0
}
html.jgo-no-flexbox nav.nav>ul>li {
 float: left
}
nav.nav>ul>li>a, nav.nav>ul>li>span, nav.nav>ul>li>span>a, nav.nav>ul>li>span>span {
 position: relative;
 display: block;
 z-index: 3
}
nav.nav>ul>li>a, nav.nav>ul>li>span>a, nav.nav>ul>li>span>span {
 padding: 30px 15px 15px 10px;
 margin: 0;
 background: transparent;
 overflow: hidden;
 text-align: center;
 font-size: 12px;
 color: #fff;
 text-transform: uppercase;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 letter-spacing: 2px;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
nav.nav>ul>li>a:only-child:after, nav.nav>ul>li>span>a:only-child:after, nav.nav>ul>li>span>span:only-child:after {
 display: none
}
nav.nav>ul>li:last-of-type>a:before, nav.nav>ul>li:last-of-type>span>a:before, nav.nav>ul>li:last-of-type>span>span:before {
 display: none
}
nav.nav>ul>li:hover {
 z-index: 100
}
nav.nav>ul>li:hover>a, nav.nav>ul>li:hover>span>a, nav.nav>ul>li:hover>span>span, nav.nav>ul>li.active>a, nav.nav>ul>li.active>span>a, nav.nav>ul>li.active>span>span {
 color: #f6ff00;
 background: transparent;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
nav.nav>ul>li:active>a, nav.nav>ul>li:active>span>a, nav.nav>ul>li:active>span>span {
 color: #f7ff33;
 background: rgba(255,255,255,0.2);
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
nav.nav>ul>li>ul, nav.nav>ul>li>span>ul {
 position: absolute;
 display: block;
 z-index: 2;
 overflow: hidden;
 background: #1c1c1c;
 top: 50%;
 min-width: 100%;
 left: 0;
 opacity: 0;
 visibility: hidden;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms;
 box-shadow: 0px 1px 3px rgba(0,0,0,0.35)
}
nav.nav>ul>li>ul>li, nav.nav>ul>li>span>ul>li {
 position: relative;
 display: block
}
nav.nav>ul>li>ul>li>a, nav.nav>ul>li>ul>li>span, nav.nav>ul>li>ul>li>span>a, nav.nav>ul>li>span>ul>li>a, nav.nav>ul>li>span>ul>li>span, nav.nav>ul>li>span>ul>li>span>a {
 position: relative;
 display: block
}
nav.nav>ul>li>ul>li>a, nav.nav>ul>li>ul>li>span>a, nav.nav>ul>li>span>ul>li>a, nav.nav>ul>li>span>ul>li>span>a {
 padding: 12px;
 text-align: left;
 font-size: 14px;
 color: #fff;
 white-space: nowrap;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
nav.nav>ul>li>ul>li>a:hover, nav.nav>ul>li>ul>li>a.active, nav.nav>ul>li>ul>li>span>a:hover, nav.nav>ul>li>ul>li>span>a.active, nav.nav>ul>li>span>ul>li>a:hover, nav.nav>ul>li>span>ul>li>a.active, nav.nav>ul>li>span>ul>li>span>a:hover, nav.nav>ul>li>span>ul>li>span>a.active {
 color: #f6ff00;
 background: transparent;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
nav.nav>ul>li>ul>li>a:active, nav.nav>ul>li>ul>li>span>a:active, nav.nav>ul>li>span>ul>li>a:active, nav.nav>ul>li>span>ul>li>span>a:active {
 background: rgba(255,255,255,0.1);
 color: #f6ff19
}
body.ie8 nav.nav>ul>li>ul, body.ie8 nav.nav>ul>li>span>ul {
 display: none
}
nav.nav>ul>li:hover>ul, nav.nav>ul>li:hover>span>ul {
 top: 100%;
 opacity: 1;
 visibility: visible;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
body.ie8 nav.nav>ul>li:hover>ul, body.ie8 nav.nav>ul>li:hover>span>ul {
 display: block
}
nav.nav>ul>li:active>ul, nav.nav>ul>li:active>span>ul {
 opacity: 1;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
#btMenu {
 position: absolute;
 display: none;
 top: 0;
 left: 100%;
 padding: 3px 5px 0 5px;
 background: #fff;
 box-shadow: 0px 1px 3px rgba(0,0,0,0.35);
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
#btMenu>span {
 position: relative;
 display: block;
 height: 3px;
 width: 38px;
 background: #000;
 margin: 0 0 5px 0
}
#btMenu:after {
 position: absolute;
 display: block;
 top: 100%;
 left: 0;
 width: 100%;
 text-align: center;
 content: 'MENU';
 color: #000;
 font-weight: bold;
 text-transform: uppercase;
 font-size: 10px;
 padding: 1px 0;
 background: #fff
}
body.menu-active #btMenu {
 -moz-transform-origin: center center;
 -ms-transform-origin: center center;
 -webkit-transform-origin: center center;
 transform-origin: center center
}
body.menu-active #btMenu:after {
 content: 'FERMER'
}
*[class^="img"] {
 position: relative;
 display: block;
 text-align: center;
 overflow: hidden;
 cursor: pointer
}
*[class^="img"].laius {
 width: 15%;
 float: right;
 margin: 0 0 0 15px
}
*[class^="img"].laius.floatleft {
 margin-right: 15px;
 margin-left: 0
}
*[class^="img"]>img {
 position: relative;
 display: block;
 z-index: 1;
 width: 100%
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
img[src*=".svg"] {
 width: 100%;
 height: 100%
}
}
*[class*="img--back"] {
 overflow: inherit;
 text-align: inherit;
 background-color: rgba(0,0,0,0.1)
}
body.ie *[class*="img--back"] {
 overflow: hidden
}
body.ie *[class*="img--back"] img {
 position: absolute;
 display: block;
 width: 100%;
 top: 0;
 left: 0
}
*[class*="--contain"] {
 background-size: contain !important
}
.img--survol:after {
 position: absolute;
 display: block;
 z-index: 2;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-color: #fff;
 background-color: rgba(255,255,255,0);
 content: ' ';
 -moz-transition: all 125ms cubic-bezier(0, 0.005, 1, 1) 0ms;
 -o-transition: all 125ms cubic-bezier(0, 0.005, 1, 1) 0ms;
 -webkit-transition: all 125ms cubic-bezier(0, 0.005, 1, 1);
 -webkit-transition-delay: 0ms;
 transition: all 125ms cubic-bezier(0, 0.005, 1, 1) 0ms
}
.img--survol:hover:after, .ann:hover .img--survol:after {
 -moz-transition: all 125ms cubic-bezier(0, 0.005, 1, 1) 0ms;
 -o-transition: all 125ms cubic-bezier(0, 0.005, 1, 1) 0ms;
 -webkit-transition: all 125ms cubic-bezier(0, 0.005, 1, 1);
 -webkit-transition-delay: 0ms;
 transition: all 125ms cubic-bezier(0, 0.005, 1, 1) 0ms;
 background-color: #fff;
 background-color: rgba(255,255,255,0.15)
}
.zoom>img {
 z-index: 1;
 opacity: 0
}
.zoom>.fiche-img-cover {
 display: block;
 position: absolute !important;
 z-index: 2;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-position: 0 0;
 background-size: 100% auto;
 background-repeat: no-repeat;
 transition: background-size 120ms ease-out;
 cursor: pointer
}
.zoom:hover>.fiche-img-cover {
 display: block;
 background-size: 180% auto;
 transition: background-size 120ms ease-in
}
*[class*="miniatures"] {
 position: relative;
 display: block
}
*[class*="miniatures"] *[class^="img"] {
 margin: 0;
 width: 31.33333%;
 width: calc(33.33333% - 6px);
 float: left;
 -moz-transition: all 125ms cubic-bezier(0, 0.005, 1, 1) 0ms;
 -o-transition: all 125ms cubic-bezier(0, 0.005, 1, 1) 0ms;
 -webkit-transition: all 125ms cubic-bezier(0, 0.005, 1, 1);
 -webkit-transition-delay: 0ms;
 transition: all 125ms cubic-bezier(0, 0.005, 1, 1) 0ms;
 box-shadow: 0px 0px 0px 1px rgba(255,255,255,0) inset
}
*[class*="miniatures"] *[class^="img"]:hover {
 z-index: 90;
 box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15) inset;
 -moz-transition: all 125ms cubic-bezier(0, 0.005, 1, 1) 0ms;
 -o-transition: all 125ms cubic-bezier(0, 0.005, 1, 1) 0ms;
 -webkit-transition: all 125ms cubic-bezier(0, 0.005, 1, 1);
 -webkit-transition-delay: 0ms;
 transition: all 125ms cubic-bezier(0, 0.005, 1, 1) 0ms
}
*[class*="miniatures"].miniatures--defilement *[class^="img"] {
 width: auto;
 float: none;
 margin: 0 0 6px 0
}
*[class*="miniatures"].miniatures--mosaique {
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap
}
*[class*="miniatures"].miniatures--mosaique *[class^="img"] {
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 -webkit-flex: 1 1 calc(50% - 1px);
 flex: 1 1 calc(50% - 1px)
}
*[class*="miniatures"].miniatures--mosaique *[class^="img"]:first-child {
 -webkit-flex-basis: 100%;
 flex-basis: 100%
}
.grille-images {
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex
}
.grille-images>*[class*="miniatures"] {
 -webkit-flex: 0 0 62px;
 flex: 0 0 62px;
 margin: 0 6px 0 0
}
.grille-images>*[class*="miniatures"] *[class^="img"] {
 width: auto;
 float: none;
 margin: 0 0 6px 0
}
.grille-images>.fiche-img {
 position: relative;
 display: block;
 -webkit-flex: 1 1 auto;
 flex: 1 1 auto
}
.laius .laius-texte {
 padding: 18px
}
iframe[src*="maps"], iframe[src*="youtube"], iframe[src*="you"], iframe[src*="daily"], iframe[src*="vimeo"] {
 width: 100% !important
}
*[class*="ratio"] iframe[src*="maps"], *[class*="ratio"] iframe[src*="youtube"], *[class*="ratio"] iframe[src*="you"], *[class*="ratio"] iframe[src*="daily"], *[class*="ratio"] iframe[src*="vimeo"] {
 position: absolute;
 display: block;
 top: 0;
 left: 0;
 height: 100% !important
}
.google_map_api {
 width: 100% !important
}
*[class*="ratio"] .google_map_api {
 position: absolute;
 display: block;
 top: 0;
 left: 0;
 height: 100% !important
}
.sticky {
 position: relative;
 display: block;
 margin-bottom: 0 !important
}

@media only screen and (max-width: 800px) and (min-width: 0px) {
.sticky {
 top: inherit !important
}
}
.tooltip:after {
 content: attr(tooltip-data);
 position: absolute;
 display: block;
 bottom: 50%;
 left: 0;
 white-space: nowrap;
 left: 50%;
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 background: #f6ff00;
 padding: 5px 10px;
 opacity: 0;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
body.ie8 .tooltip:after {
 left: 0
}
.tooltip:hover:after {
 bottom: 105%;
 bottom: calc(100% + 4.5px);
 opacity: 1
}
.tooltip[tooltip-position="bottom"]:after {
 bottom: auto;
 top: 50%
}
.tooltip[tooltip-position="bottom"]:hover:after {
 top: 105%;
 top: calc(100% + 4.5px)
}
.go {
 cursor: pointer
}
.mention {
 text-align: center;
 color: lighter;
 font-style: italic;
 margin: 10px 0 0 0
}
.mention.mention2 {
 text-align: left;
 font-size: smaller
}
.accordeon {
 margin: 0 0 18px 0
}
.accordeon .accordeonTitre {
 cursor: pointer;
 padding-right: 24px
}
.accordeon .accordeonTitre:after {
 position: absolute;
 display: block;
 width: 10px;
 height: 10px;
 content: ' ';
 border-right: 1px solid #fff;
 border-top: 1px solid #fff;
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 top: 2px;
 right: 5px;
 -moz-transition: all 80ms ease-in-out 0ms;
 -o-transition: all 80ms ease-in-out 0ms;
 -webkit-transition: all 80ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 80ms ease-in-out 0ms;
 -moz-transform-origin: center center;
 -ms-transform-origin: center center;
 -webkit-transform-origin: center center;
 transform-origin: center center
}
.accordeon .accordeonContenu {
 position: relative;
 display: block;
 overflow: hidden;
 height: 0px;
 -moz-transition: all 250ms ease-in-out 0ms;
 -o-transition: all 250ms ease-in-out 0ms;
 -webkit-transition: all 250ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 250ms ease-in-out 0ms
}
.accordeon:not(.active) h2 {
 margin-bottom: 0 !important
}
.accordeon.active .accordeonTitre:after {
 -moz-transform: rotate(135deg);
 -ms-transform: rotate(135deg);
 -webkit-transform: rotate(135deg);
 transform: rotate(135deg);
 -moz-transition: all 80ms ease-in-out 0ms;
 -o-transition: all 80ms ease-in-out 0ms;
 -webkit-transition: all 80ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 80ms ease-in-out 0ms
}
.fleche--pleine {
 position: relative;
 display: block;
 content: ' ';
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 10px 5px 0 5px;
 border-color: #000 transparent transparent transparent
}
.fleche--pleine.haut {
 border-color: transparent transparent #000 transparent;
 border-width: 0 5px 10px 5px
}
.intro {
 position: relative;
 display: block
}
html.jgo-cssvhunit:not(.badios) .intro {
 height: 100vh
}
.fleche-intro {
 position: relative;
 display: block;
 width: 64px;
 height: 64px;
 background: #f6ff00;
 border-radius: 64px;
 margin: 72px auto 0 auto;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.fleche-intro:after {
 position: absolute;
 display: block;
 width: 20px;
 height: 20px;
 content: ' ';
 border-right: 1px solid #fff;
 border-top: 1px solid #fff;
 -moz-transform: rotate(135deg);
 -ms-transform: rotate(135deg);
 -webkit-transform: rotate(135deg);
 transform: rotate(135deg);
 position: absolute;
 display: block;
 top: 19px;
 left: 21px;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.fleche-intro:hover {
 background: #fff;
 box-shadow: 0px 0px 0px 10px rgba(246,255,0,0.5);
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.fleche-intro:hover:after {
 border-color: #f6ff00;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.fleche-intro:hover .fleche-intro-compl {
 top: 115%;
top:calc(100% + $gap*2);
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.fleche-intro .fleche-intro-compl {
 position: absolute;
 display: block;
 top: 110%;
top:calc(100% + $gap);
 left: 50%;
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 padding: 3px;
 width: 110%;
 background: rgba(0,0,0,0.5);
 color: #fff;
 text-transform: lowercase;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
body.ie8 .fleche-intro .fleche-intro-compl {
 left: 0
}
.accueil-selector {
 position: absolute;
 display: block;
 z-index: 50;
 width: 100%;
 left: 0;
 text-align: center;
 top: 50%;
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 color: #fff
}
body.ie8 .accueil-selector {
 top: 18px
}
.accueil-selector h2 {
 font-family: "visby_cfdemi_bold", sans-serif;
 font-weight: 300;
 font-size: 34px;
 text-align: center;
 color: #fff;
 margin-bottom: 0 !important;
 padding: 10px 0 15px 0;
 font-weight: 100;
 text-shadow: 0px 1px 0 rgba(0,0,0,0.55)
}
.accueil-selector h2>span {
 position: relative;
 display: block;
 color: #f6ff00;
 font-size: 16px;
 font-weight: 400
}

@media only screen and (max-width: 480px) and (min-width: 0px) {
.accueil-selector h2 {
 font-size: 24px
}
}
.accueil-selector .accueil-selector-liens {
 position: relative;
 display: block;
 z-index: 2;
 text-align: center
}
.accueil-selector .accueil-selector-liens .accueil-selector-liens-lien {
 position: relative;
 display: inline-block;
 font: 14px "visby_cfdemi_bold", sans-serif;
 color: #fff;
 text-transform: uppercase
}
.accueil-selector .accueil-selector-liens .accueil-selector-liens-lien .ui-fold-visible {
 padding: 5px 10px;
 background-color: #f6ff00;
 box-shadow: 0px -20px 20px rgba(0,0,0,0.3) inset, 0px 1px 3px rgba(0,0,0,0.55)
}
.accueil-selector .accueil-selector-liens .accueil-selector-liens-lien .ui-fold-hidden {
 background-color: #f6ff00;
 background-color: rgba(246,255,0,0.6);
 text-transform: lowercase;
 padding: 3px 0;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}

@media only screen and (max-width: 480px) and (min-width: 0px) {
.accueil-selector .accueil-selector-liens .accueil-selector-liens-lien {
 font-size: 11px
}
}
*[class*="grille-annonce"] {
 position: relative;
 display: block;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-align-items: stretch;
 align-items: stretch;
 width: 100%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 0 18px 0 18px
}
*[class*="grille-annonce"][class*="--centre"] {
 -webkit-justify-content: center;
 justify-content: center
}

@media only screen and (max-width: 1280px) and (min-width: 0px) {
*[class*="grille-annonce"][class*="--l2"] .ann {
 width: 100%;
 margin-right: 0
}
}

@media only screen and (min-width: 1279px) {
*[class*="grille-annonce"][class*="--l2"] .ann {
 width: 48%;
 width: calc(50% - 16px);
 margin-right: 30px
}
*[class*="grille-annonce"][class*="--l2"] .ann:nth-child(2n+0) {
 margin-right: 0
}
}
*[class*="grille-annonce"][class*="--l3"] {
 padding-top: 18px
}

@media only screen and (max-width: 640px) and (min-width: 0px) {
*[class*="grille-annonce"][class*="--l3"] .ann {
 width: 100%;
 margin-right: 0
}
}

@media only screen and (max-width: 800px) and (min-width: 641px) {
*[class*="grille-annonce"][class*="--l3"] .ann {
 width: 48%;
 width: calc(50% - 16px);
 margin-right: 30px
}
*[class*="grille-annonce"][class*="--l3"] .ann:nth-child(2n+0) {
 margin-right: 0
}
}

@media only screen and (min-width: 801px) {
*[class*="grille-annonce"][class*="--l3"] .ann {
 width: 31.33333%;
 width: calc(33.33333% - 21px);
 margin-right: 30px
}
*[class*="grille-annonce"][class*="--l3"] .ann:nth-child(3n+0) {
 margin-right: 0
}
}
*[class*="grille-annonce"][class*="--l3"] .ann-elem.ann-cnt {
 background: #fff;
 z-index: 10
}

@media only screen and (max-width: 480px) and (min-width: 0px) {
*[class*="grille-annonce"][class*="--l4"] .ann {
 width: 100%;
 margin-right: 0
}
}

@media only screen and (max-width: 800px) and (min-width: 481px) {
*[class*="grille-annonce"][class*="--l4"] .ann {
 width: 48%;
 width: calc(50% - 16px);
 margin-right: 30px
}
*[class*="grille-annonce"][class*="--l4"] .ann:nth-child(2n+0) {
 margin-right: 0
}
}

@media only screen and (max-width: 1024px) and (min-width: 801px) {
*[class*="grille-annonce"][class*="--l4"] .ann {
 width: 31.33333%;
 width: calc(33.33333% - 21px);
 margin-right: 30px
}
*[class*="grille-annonce"][class*="--l4"] .ann:nth-child(3n+0) {
 margin-right: 0
}
}

@media only screen and (min-width: 1025px) {
*[class*="grille-annonce"][class*="--l4"] .ann {
 width: 23%;
 width: calc(25% - 23px);
 margin-right: 30px
}
*[class*="grille-annonce"][class*="--l4"] .ann:nth-child(4n+0) {
 margin-right: 0
}
}

@media only screen and (max-width: 480px) and (min-width: 0px) {
*[class*="grille-annonce"][class*="--l6"] .ann {
 width: 100%;
 margin-right: 0
}
}

@media only screen and (max-width: 640px) and (min-width: 481px) {
*[class*="grille-annonce"][class*="--l6"] .ann {
 width: 48%;
 width: calc(50% - 16px);
 margin-right: 30px
}
*[class*="grille-annonce"][class*="--l6"] .ann:nth-child(2n+0) {
 margin-right: 0
}
}

@media only screen and (max-width: 1024px) and (min-width: 641px) {
*[class*="grille-annonce"][class*="--l6"] .ann {
 width: 31.33333%;
 width: calc(33.33333% - 21px);
 margin-right: 30px
}
*[class*="grille-annonce"][class*="--l6"] .ann:nth-child(3n+0) {
 margin-right: 0
}
}

@media only screen and (max-width: 1280px) and (min-width: 1025px) {
*[class*="grille-annonce"][class*="--l6"] .ann {
 width: 23%;
 width: calc(25% - 23px);
 margin-right: 30px
}
*[class*="grille-annonce"][class*="--l6"] .ann:nth-child(4n+0) {
 margin-right: 0
}
}

@media only screen and (min-width: 1281px) {
*[class*="grille-annonce"][class*="--l6"] .ann {
 width: 14.66667%;
 width: calc(16.66667% - 26px);
 margin-right: 30px
}
*[class*="grille-annonce"][class*="--l6"] .ann:nth-child(6n+0) {
 margin-right: 0
}
}

@media only screen and (max-width: 480px) and (min-width: 0px) {
*[class*="grille-annonce"][class*="--lu"] .ann {
 width: 100%;
 margin-right: 0
}
}

@media only screen and (max-width: 800px) and (min-width: 481px) {
*[class*="grille-annonce"][class*="--lu"] .ann {
 width: 48%;
 width: calc(50% - 16px);
 margin-right: 30px
}
*[class*="grille-annonce"][class*="--lu"] .ann:nth-child(2n+0) {
 margin-right: 0
}
}

@media only screen and (max-width: 1024px) and (min-width: 801px) {
*[class*="grille-annonce"][class*="--lu"] .ann {
 width: 31.33333%;
 width: calc(33.33333% - 21px);
 margin-right: 30px
}
*[class*="grille-annonce"][class*="--lu"] .ann:nth-child(3n+0) {
 margin-right: 0
}
}

@media only screen and (min-width: 1025px) {
*[class*="grille-annonce"][class*="--lu"] .ann {
 width: 23%;
 width: calc(25% - 23px);
 margin-right: 30px
}
*[class*="grille-annonce"][class*="--lu"] .ann:nth-child(4n+0) {
 margin-right: 0
}
}
*[class*="grille-annonce"][class*="--quinconce"] {
 padding: 0 !important
}
*[class*="grille-annonce"][class*="--quinconce"] .ann {
 padding: 0 !important;
 margin-bottom: 0 !important
}
*[class*="grille-annonce"][class*="--quinconce"] .ann:hover {
 background: #1c1c1c !important;
 color: #fff !important
}
*[class*="grille-annonce"][class*="--quinconce"] .ann:hover h2, *[class*="grille-annonce"][class*="--quinconce"] .ann:hover .ann-desc.txt_contenu {
 color: #fff !important
}
*[class*="grille-annonce"][class*="--quinconce"] .ann .ann-elem:first-child {
 padding: 0 !important;
 width: 50%;
 border: none !important
}
*[class*="grille-annonce"][class*="--quinconce"] .ann .ann-elem:nth-child(2) {
 width: 50%;
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-justify-content: center;
 -moz-justify-content: center;
 justify-content: center;
 -webkit-align-items: center;
 -moz-align-items: center;
 align-items: center;
 -webkit-align-content: stretch;
 -moz-align-content: stretch;
 align-content: stretch;
 -webkit-flex-direction: column;
 -moz-flex-direction: column;
 flex-direction: column
}

@media only screen and (min-width: 799px) {
*[class*="grille-annonce"][class*="--quinconce"] .ann:nth-child(even) .ann-elem:nth-child(1) {
 order: 2
}
*[class*="grille-annonce"][class*="--quinconce"] .ann:nth-child(even) .ann-elem:nth-child(2) {
 order: 1
}
*[class*="grille-annonce"][class*="--quinconce"] .ann:nth-child(even) .ann-img-panneau, *[class*="grille-annonce"][class*="--quinconce"] .ann:nth-child(even) .fiche-img-panneau {
 left: auto;
 right: -11px
}
}
.ann {
 position: relative;
 display: block;
 z-index: 1;
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-align-items: stretch;
 align-items: stretch;
 width: 100%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 margin-bottom: 36px;
 background: #fff;
 color: #757575;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms;
 padding: 0
}
.ann:hover {
 z-index: 17;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.ann:last-of-type {
 margin-bottom: 0
}
.ann.ann-gallerie, .ann.ann-gallerie--survol, [class*="grille-annonce--l"] .ann {
 -webkit-flex-direction: column;
 -moz-flex-direction: column;
 flex-direction: column
}
.ann.ann-gallerie:last-of-type, .ann.ann-gallerie--survol:last-of-type, [class*="grille-annonce--l"] .ann:last-of-type {
 margin-bottom: 36px
}
body.ie .ann.ann-gallerie, body.ie .ann.ann-gallerie--survol, body.ie [class*="grille-annonce--l"] .ann {
 float: left;
 clear: none
}
.ann.ann-gallerie--survol {
 overflow: hidden
}
.ann-elem {
 position: relative;
 display: block;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 width: auto
}
.ann-elem:first-child {
 width: 40%
}
.ann-elem:nth-child(2) {
 width: 60%;
 padding: 18px
}
.ann-elem:only-child {
 width: 100%;
 padding: 18px
}
body.ie .ann-elem:last-child {
 clear: right
}
*[class*="grille-annonce--"]:not(.grille-annonce--quinconce) .ann-elem, .ann-gallerie .ann-elem {
 width: 100%;
 position: relative
}
*[class*="grille-annonce--"]:not(.grille-annonce--quinconce) .ann-elem:first-child, .ann-gallerie .ann-elem:first-child {
 -webkit-flex-grow: inherit;
 -moz-flex-grow: inherit;
 flex-grow: inherit
}
*[class*="grille-annonce--"]:not(.grille-annonce--quinconce) .ann-elem:nth-child(2), .ann-gallerie .ann-elem:nth-child(2) {
 -webkit-flex-grow: 1;
 -moz-flex-grow: 1;
 flex-grow: 1
}
.ann-gallerie--survol .ann-elem {
 -webkit-flex-grow: inherit !important;
 -moz-flex-grow: inherit !important;
 flex-grow: inherit !important
}
.grille-annonce--lu .ann-elem.ann-img {
 text-align: center;
 min-height: initial;
 padding-top: 18px
}
.grille-annonce--lu .ann-elem.ann-img>img {
 max-width: 90px;
 max-height: 90px;
 width: auto;
 display: inline-block
}
.grille-annonce--lu .ann-elem.ann-elem:nth-child(2), .grille-annonce--lu .ann-elem.ann-elem:only-child {
 -webkit-align-self: flex-end;
 -moz-align-self: flex-end;
 align-self: flex-end
}
body.ie .ann-elem {
 float: left
}
.ann-img {
 cursor: pointer;
 min-height: 100% !important;
 border: 18px solid #fff
}
.ann-img>img {
 position: relative;
 display: block;
 width: 100%
}
.ann-img>a {
 position: relative;
 display: block;
 height: 100%
}
*[class^="grille-annonce--"] .ann-img, .ann-gallerie .ann-img {
 min-height: inherit !important
}
.ann-cnt {
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-flex-direction: column;
 flex-direction: column;
 position: relative;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.ann-gallerie--survol .ann-cnt {
 position: absolute !important;
 z-index: 2;
 width: 100%;
 left: 0;
 padding: 18px;
 background-color: #f6ff00;
 background-color: rgba(246,255,0,0.7);
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 top: 50%;
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 overflow: hidden
}
body.ie8 .ann-gallerie--survol .ann-cnt {
 top: 18px
}
.ann-gallerie--survol.small--survol .ann-cnt {
 padding: 7px
}
.ann-gallerie--survol:hover .ann-cnt {
 background-color: #f6ff00;
 background-color: #f6ff00;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.ann-titre {
 position: relative;
 display: block
}
.ann-titre h2 {
 padding: 0 !important;
 margin: 0 0 18px 0 !important;
 text-align: center;
 font-size: 18px;
 font-family: "visby_cfbold", sans-serif !important
}
*[class*=".grille-annonce--"] .ann-titre h2, .ann-gallerie .ann-titre h2 {
 font-size: 18px
}
.ann-gallerie--survol .ann-titre h2 {
 color: #fff;
 margin: 0 !important;
 text-align: center
}
.ann-gallerie--survol .ann-titre h2 a {
 color: #fff
}
.ann-gallerie--survol.small--survol .ann-titre h2 {
 font-size: 15px
}
.grille.prem_image .bloc--blanc {
 position: absolute;
 display: block;
 z-index: 10;
 width: 50%;
 left: 36px;
 bottom: 36px;
 padding: 45px
}
.grille.prem_image .bloc--blanc h2 {
 font-family: "visby_cfheavy", sans-serif
}
.grille.prem_image .img--back {
 position: absolute;
 display: block;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0
}
.cadre:before {
 content: "";
 position: absolute;
 display: block;
 z-index: 10;
 width: calc(100% - 100px);
 height: calc(100% - 100px);
 top: 0;
 left: 0;
 border: 50px solid #fff
}
.grille.mozafiche .grille-elem.bloc--blanc {
 margin-bottom: 0 !important;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 height: auto;
 padding: 18px 36px;
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-justify-content: center;
 -moz-justify-content: center;
 justify-content: center;
 -webkit-align-items: center;
 -moz-align-items: center;
 align-items: center;
 -webkit-align-content: center;
 -moz-align-content: center;
 align-content: center
}
.grille.mozafiche .grille-elem.bloc--blanc .txt_contenu {
 text-align: center;
 padding: 0 5% 20px
}
.ann-detail, .fiche-detail {
 position: relative;
 display: block;
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-flex-direction: row-reverse;
 flex-direction: row-reverse;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-bottom: 18px
}
.ann-detail>*, .fiche-detail>* {
 -webkit-flex: 0 0 auto;
 flex: 0 0 auto
}
.ann-detail>* ~ *, .fiche-detail>* ~ * {
 margin-right: 18px
}
.ann-prix {
 position: relative;
 display: block;
 font-weight: bold
}
.ann-ref {
 position: relative;
 display: block
}
.ann-desc.txt_contenu {
 text-align: center;
 position: relative;
 display: block;
 font-size: 14px;
 line-height: 1.4;
 margin: 0 0 18px 0
}
.loaded .ann-desc.txt_contenu {
 flex: 1 0 auto
}
.ann-gallerie--survol .ann-desc.txt_contenu {
 max-height: 0;
 margin: 0;
 overflow: hidden;
 color: #fff;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.ann-gallerie--survol .ann-desc.txt_contenu a {
 color: #fff;
 text-decoration: underline
}
.ann-gallerie--survol:hover .ann-desc.txt_contenu {
 max-height: 56.8px;
 margin: 18px 0 18px 0;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.ann-gallerie--survol.small--survol:hover .ann-desc.txt_contenu {
 margin: 5px 0
}
.ann-desc.accordeonContenu .txt_contenu {
 padding: 0 5px 5px 5px
}
.ann-bts {
 margin-top: 10px
}
ann.small .ann-bts.bts--flex .bt:not(.cta) {
 display: none
}
.ann-bts+.ann-bts {
 margin-top: 6px
}
.ann-gallerie--survol .ann-bts {
 max-height: 0;
 overflow: hidden;
 -moz-transform: translateY(100px);
 -ms-transform: translateY(100px);
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.ann-gallerie--survol .ann-bts .bt {
 font-size: 12px !important
}
.ann-gallerie--survol:hover .ann-bts {
 opacity: 1;
 max-height: 200px;
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.ann-img-panneau, .fiche-img-panneau, .panneau {
 position: absolute;
 display: block;
 z-index: 900;
 top: -18px;
 left: -18px;
 overflow: hidden;
 width: 100px;
 height: 100px
}
.ann-img-panneau>span, .fiche-img-panneau>span, .panneau>span {
 position: absolute;
 display: block;
 width: 120%;
 height: 120%;
 top: -60%;
 left: -60%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding-top: 102px;
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
 font-family: "visby_cfdemi_bold", sans-serif;
 font-size: 12px;
 color: #000;
 font-weight: bold;
 text-transform: uppercase;
 letter-spacing: 1px;
 text-align: center;
 background: #f6ff00
}
.pagination {
 padding: 18px
}
.pagination .fleche--pleine {
 margin: 2px 0
}
.pagination .bt {
 font-size: 8px !important
}
.pagination .bts-bloc {
 margin-bottom: 15px
}
.tri {
 position: relative;
 display: block;
 margin: 0 0 0 0;
 background: #f6ff00;
 padding: 6px;
 color: #fbff99
}
.tri h4 {
 color: #fbff99;
 font-style: italic;
 font-size: 14px;
 margin: 0;
 padding: 0 5px
}
.tri .tri-options {
 position: relative;
 display: block;
 padding-top: 6px
}
.tri .tri-options-item {
 position: relative;
 display: inline-block;
 padding: 5px 10px;
 margin: 0 5px 5px 5px;
 border-bottom: 2px solid #fbff99;
 color: #fbff99;
 font-size: 14px
}
.tri .tri-options-item:hover {
 border-color: #fff
}
.tri .tri-options-item.active {
 color: #fff;
 border-color: #fff;
 font-weight: bold
}

@media only screen and (max-width: 640px) and (min-width: 0px) {
.tri .tri-options {
 display: none
}
.tri:hover .tri-options {
 display: block
}
}
*[class*="bts"] {
 position: relative;
 display: block
}
*[class*="bts"]>span, *[class*="bts"]>form {
 margin: 0;
 vertical-align: middle
}
*[class*="bts"]>span.nota_bene, *[class*="bts"]>span.fiche-nota_bene, *[class*="bts"]>form.nota_bene, *[class*="bts"]>form.fiche-nota_bene {
 display: inline-block
}
*[class*="bts"]>span ~ span, *[class*="bts"]>span ~ form, *[class*="bts"]>span ~ .bt, *[class*="bts"]>form ~ span, *[class*="bts"]>form ~ form, *[class*="bts"]>form ~ .bt {
 margin-left: 9px
}
*[class*="bts"] .option {
 display: inline-block;
 width: auto;
 margin-bottom: 0;
 padding-top: 4px;
 padding-bottom: 4px
}
*[class*="bts"].bts--flex {
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-align-items: stretch;
 align-items: stretch;
 width: 100%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}
*[class*="bts"].bts--flex>* {
 -webkit-flex: 0 0 auto;
 flex: 0 0 auto;
 order: 1
}
*[class*="bts"].bts--flex>*.cta {
 order: 20;
 margin: 0 0 0 auto !important
}
*[class*="bts"].bts--flex.pagination {
 -webkit-justify-content: space-between;
 justify-content: space-between
}
*[class*="bts"][class*="bts--inline"], *[class*="bts"].bts--centre {
 display: block;
 text-align: center;
 font-size: 0
}
*[class*="bts"][class*="bts--inline"]>*, *[class*="bts"].bts--centre>* {
 font-size: 12px !important
}
*[class*="bts"][class*="bts--inline"]>*.big, *[class*="bts"].bts--centre>*.big {
 font-size: 17px !important
}
*[class*="bts"][class*="bts--inline"]>*.small, *[class*="bts"].bts--centre>*.small {
 font-size: 9px !important
}
*[class*="bts"][class*="bts--inline"] .bt, *[class*="bts"][class*="bts--inline"] .option, *[class*="bts"].bts--centre .bt, *[class*="bts"].bts--centre .option {
 float: none;
 display: inline-block;
 text-align: center;
 vertical-align: middle
}
*[class*="bts"].bts--inline--droite {
 text-align: right
}
*[class*="bts"].bts--inline--gauche {
 text-align: left
}
*[class*="bts"].bts--inc {
 float: left;
 margin: 0 18px 0 0
}
*[class*="bts"].bts--inc.floatright {
 float: right;
 margin: 0 0 0 18px
}
.bts-bloc {
 position: relative;
 display: inline-block;
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 order: 1;
 text-align: center;
 max-width: 100%;
 font-size: 0 !important
}
.bts-bloc>* {
 font-size: 14px !important;
 margin-bottom: 5px !important
}
.bts-bloc.nota_bene, .bts-bloc.fiche-nota_bene {
 font-size: 14px !important
}
.bts-bloc.pagination {
 order: 10
}
.bts-bloc>form {
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-align-items: center;
 align-items: center
}
.bts-bloc>form>* {
 margin-bottom: 0
}
.bts-bloc>form label {
 margin-right: 9px
}
.bt, .bt:visited, .bt[type=submit] {
 position: relative;
 display: block;
 float: left;
 padding: 18px 27px;
 margin: 0;
 border-radius: 2px;
 font-family: "visby_cfbold", sans-serif;
 font-size: 12px;
 color: #000 !important;
 font-weight: bold !important;
 text-transform: uppercase;
 cursor: pointer;
 letter-spacing: 2px;
 background-repeat: no-repeat;
 line-height: 13px;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 outline: none;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 -moz-transition: all 80ms ease-in 0ms;
 -o-transition: all 80ms ease-in 0ms;
 -webkit-transition: all 80ms ease-in;
 -webkit-transition-delay: 0ms;
 transition: all 80ms ease-in 0ms;
 background-color: #f6ff00
}
.bt svg, .bt img, .bt:visited svg, .bt:visited img, .bt[type=submit] svg, .bt[type=submit] img {
 height: 12px
}
.bt:hover, .bt:visited:hover, .bt[type=submit]:hover {
 text-decoration: none !important;
 background: #000 !important;
 color: #fff !important;
 -moz-transition: all 80ms ease-in 0ms;
 -o-transition: all 80ms ease-in 0ms;
 -webkit-transition: all 80ms ease-in;
 -webkit-transition-delay: 0ms;
 transition: all 80ms ease-in 0ms
}
.bt:hover, .bt:visited:hover, .bt[type=submit]:hover {
 background-color: #d1d800
}
.bt:active, .bt:visited:active, .bt[type=submit]:active {
 background-color: rgba(246,255,0,0.5)
}
.bt ~ .bt:not(.notext), .bt:visited ~ .bt:not(.notext), .bt[type=submit] ~ .bt:not(.notext) {
 margin-left: 4.5px
}
.bt:first-child, .bt:visited:first-child, .bt[type=submit]:first-child {
 border-top-left-radius: 0px;
 border-bottom-left-radius: 0px
}
.bt:last-of-type, .bt:visited:last-of-type, .bt[type=submit]:last-of-type {
 border-top-right-radius: 0px;
 border-bottom-right-radius: 0px
}
.bt:first-letter, .bt:visited:first-letter, .bt[type=submit]:first-letter {
 text-transform: uppercase
}
.bt[class*="--url"]:first-letter, .bt:visited[class*="--url"]:first-letter, .bt[type=submit][class*="--url"]:first-letter {
 text-transform: none !important
}
.bt.bt--rounded, .bt:visited.bt--rounded, .bt[type=submit].bt--rounded {
 border-radius: 0px !important
}
.bt.bt--inline, .bt:visited.bt--inline, .bt[type=submit].bt--inline {
 display: inline-block;
 float: none
}
.bt.picto--pdf, .bt:visited.picto--pdf, .bt[type=submit].picto--pdf {
 float: right;
 margin: 0 0 10px 18px !important
}
.bt.alt, .bt.ton2, .bt:visited.alt, .bt:visited.ton2, .bt[type=submit].alt, .bt[type=submit].ton2 {
 background-color: #000;
 color: #fff !important
}
.bt.alt:hover, .bt.ton2:hover, .bt:visited.alt:hover, .bt:visited.ton2:hover, .bt[type=submit].alt:hover, .bt[type=submit].ton2:hover {
 background-color: #000
}
.bt.alt:active, .bt.ton2:active, .bt:visited.alt:active, .bt:visited.ton2:active, .bt[type=submit].alt:active, .bt[type=submit].ton2:active {
 background-color: rgba(0,0,0,0.5)
}
.bt.alt2, .bt.compl, .bt:visited.alt2, .bt:visited.compl, .bt[type=submit].alt2, .bt[type=submit].compl {
 background-color: #f2f1ee
}
.bt.alt2:hover, .bt.compl:hover, .bt:visited.alt2:hover, .bt:visited.compl:hover, .bt[type=submit].alt2:hover, .bt[type=submit].compl:hover {
 background-color: #cdccca
}
.bt.alt2:active, .bt.compl:active, .bt:visited.alt2:active, .bt:visited.compl:active, .bt[type=submit].alt2:active, .bt[type=submit].compl:active {
 background-color: rgba(242,241,238,0.5)
}
.bt.minimalist, .bt:visited.minimalist, .bt[type=submit].minimalist {
 background: none;
 box-shadow: none;
 border: 1px solid #000;
 border-color: #000;
 color: #000 !important;
 color: rgba(0,0,0,0.85) !important;
 text-shadow: none;
 padding-top: 17px;
 padding-bottom: 17px
}
.bt.minimalist.small, .bt:visited.minimalist.small, .bt[type=submit].minimalist.small {
 padding-top: 8px;
 padding-bottom: 8px
}
.bt.minimalist.big, .bt:visited.minimalist.big, .bt[type=submit].minimalist.big {
 padding-top: 17px;
 padding-bottom: 17px
}
.bt.minimalist:hover, .bt:visited.minimalist:hover, .bt[type=submit].minimalist:hover {
 background-color: rgba(0,0,0,0.15);
 border-color: #000;
 border-left-color: #000 !important;
 color: #fff !important
}
.bt.minimalist.active, .bt:visited.minimalist.active, .bt[type=submit].minimalist.active {
 border-color: rgba(246,255,0,0.85)
}
.bt.minimalist.active:after, .bt:visited.minimalist.active:after, .bt[type=submit].minimalist.active:after {
 position: absolute;
 display: block;
 width: 5px;
 height: 5px;
 content: ' ';
 border-right: 1px solid #f6ff00;
 border-top: 1px solid #f6ff00;
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 -moz-transform: translateX(-50%) rotate(-45deg);
 -ms-transform: translateX(-50%) rotate(-45deg);
 -webkit-transform: translateX(-50%) rotate(-45deg);
 transform: translateX(-50%) rotate(-45deg);
 left: 50%;
 bottom: -10px
}
.bt.minimalist.reverse, .bt:visited.minimalist.reverse, .bt[type=submit].minimalist.reverse {
 border: 1px solid #fff;
 border-color: #fff !important;
 color: #fff !important;
 color: rgba(255,255,255,0.5) !important
}
.bt.minimalist.reverse:hover, .bt:visited.minimalist.reverse:hover, .bt[type=submit].minimalist.reverse:hover {
 background-color: rgba(255,255,255,0.15);
 border-color: #fff;
 border-left-color: #fff !important;
 color: #fff !important
}
.bt.disabled, .bt:visited.disabled, .bt[type=submit].disabled {
 -webkit-filter: grayscale(1);
 -moz-filter: grayscale(1);
 filter: grayscale(1);
 opacity: .7;
 cursor: default
}
.bt.underline, .bt:visited.underline, .bt[type=submit].underline {
 background-color: transparent !important;
 color: #fff !important;
 border-color: transparent;
 border-bottom-color: rgba(0,0,0,0.25);
 padding-left: 0;
 padding-right: 0
}
.bt.underline:hover, .bt:visited.underline:hover, .bt[type=submit].underline:hover {
 border-bottom-color: rgba(0,0,0,0.5);
 color: #000 !important
}
.bt.valid, .bt.valide, .bt:visited.valid, .bt:visited.valide, .bt[type=submit].valid, .bt[type=submit].valide {
 background-color: #40bf40
}
.bt.valid:hover, .bt.valide:hover, .bt:visited.valid:hover, .bt:visited.valide:hover, .bt[type=submit].valid:hover, .bt[type=submit].valide:hover {
 background-color: #36a236
}
.bt.valid:active, .bt.valide:active, .bt:visited.valid:active, .bt:visited.valide:active, .bt[type=submit].valid:active, .bt[type=submit].valide:active {
 background-color: rgba(64,191,64,0.5)
}
.bt.alert, .bt.alerte, .bt:visited.alert, .bt:visited.alerte, .bt[type=submit].alert, .bt[type=submit].alerte {
 background-color: #f33
}
.bt.alert:hover, .bt.alerte:hover, .bt:visited.alert:hover, .bt:visited.alerte:hover, .bt[type=submit].alert:hover, .bt[type=submit].alerte:hover {
 background-color: #d82b2b
}
.bt.alert:active, .bt.alerte:active, .bt:visited.alert:active, .bt:visited.alerte:active, .bt[type=submit].alert:active, .bt[type=submit].alerte:active {
 background-color: rgba(255,51,51,0.5)
}
.bt.fb, .bt:visited.fb, .bt[type=submit].fb {
 background-color: #3c599b
}
.bt.fb:hover, .bt:visited.fb:hover, .bt[type=submit].fb:hover {
 background-color: #334b83
}
.bt.fb:active, .bt:visited.fb:active, .bt[type=submit].fb:active {
 background-color: rgba(60,89,155,0.5)
}
.bt.tw, .bt:visited.tw, .bt[type=submit].tw {
 background-color: #3acaff
}
.bt.tw:hover, .bt:visited.tw:hover, .bt[type=submit].tw:hover {
 background-color: #31abd8
}
.bt.tw:active, .bt:visited.tw:active, .bt[type=submit].tw:active {
 background-color: rgba(58,202,255,0.5)
}
.bt.gplus, .bt:visited.gplus, .bt[type=submit].gplus {
 background-color: #D34836
}
.bt.gplus:hover, .bt:visited.gplus:hover, .bt[type=submit].gplus:hover {
 background-color: #b33d2d
}
.bt.gplus:active, .bt:visited.gplus:active, .bt[type=submit].gplus:active {
 background-color: rgba(211,72,54,0.5)
}
.bt.small, .bt:visited.small, .bt[type=submit].small {
 padding: 9px 12px;
 font-size: 9px
}
.bt.big, .bt:visited.big, .bt[type=submit].big {
 padding: 18px 27px;
 font-size: 17px
}
.bt.notext, .bt:visited.notext, .bt[type=submit].notext {
 font-size: 0 !important
}
*[class*="bts"]:not(.bts--flex) .bt.notext, *[class*="bts"]:not(.bts--flex) .bt:visited.notext, *[class*="bts"]:not(.bts--flex) .bt[type=submit].notext {
 height: 51px
}
body.ready *[class*='picto'] {
 background-size: contain;
 background-repeat: no-repeat !important;
 background-position: center center
}
body.ready *[class*='picto'].bt:not(.notext) {
 background-size: 18px auto;
 background-position: 22.5px center;
 padding-left: 54px;
 padding-right: 31.5px
}
body.ready *[class*='picto'].bt:not(.notext).underline {
 padding-left: 31.5px;
 background-position: 0 center
}
body.ready *[class*='picto'].bt:not(.notext).big {
 background-size: 23.4px auto;
 background-position: 29.7px center;
 padding-left: 71.1px;
 padding-right: 41.4px
}
body.ready *[class*='picto'].bt:not(.notext).big.underline {
 padding-left: 41.4px;
 background-position: 0 center
}
body.ready *[class*='picto'].bt:not(.notext).small {
 background-size: 14.4px auto;
 background-position: 13.2px center;
 padding-left: 33.6px;
 padding-right: 20.4px
}
body.ready *[class*='picto'].bt:not(.notext).small.underline {
 padding-left: 20.4px;
 background-position: 0 center
}
body.ready *[class*='picto'].bt:not(.notext)[class*="--droite"] {
 background-position: right 22.5px center;
 padding-right: 54px !important;
 padding-left: 31.5px !important
}
body.ready *[class*='picto'].bt:not(.notext)[class*="--droite"].underline {
 background-position: right center;
 padding-right: 31.5px !important;
 padding-left: 0 !important
}
body.ready *[class*='picto'].bt:not(.notext)[class*="--droite"].small {
 background-position: right 13.2px center;
 padding-right: 33.6px !important;
 padding-left: 20.4px !important
}
body.ready *[class*='picto'].bt:not(.notext)[class*="--droite"].small.underline {
 background-position: right center;
 padding-right: 20.4px !important;
 padding-left: 0 !important
}
body.ready *[class*='picto'].bt:not(.notext)[class*="--droite"].big {
 background-position: right 29.7px center;
 padding-right: 71.1px !important;
 padding-left: 41.4px !important
}
body.ready *[class*='picto'].bt:not(.notext)[class*="--droite"].big.underline {
 background-position: right center;
 padding-right: 41.4px !important;
 padding-left: 0 !important
}
body.ready *[class*='picto'].bt.notext {
 background-size: 18px auto;
 background-position: center center
}
body.ready *[class*='picto'].bt.notext.big {
 background-size: 23.4px auto
}
body.ready *[class*='picto'].bt.notext.small {
 background-size: 23.4px auto
}
body.ready *[class*='picto'].bt.notext.underline {
 width: 45px
}
body.ready *[class*='picto'].bt.notext.underline.big {
 width: 59.4px
}
body.ready *[class*='picto'].bt.notext.underline.small {
 width: 26.4px
}
body.ready *[class*='picto'][class*="--envoi"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/map_location_service_outline_stroke.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=map_location_service_outline_stroke.svg&fill=000), none
}
body.ready *[class*='picto'][class*="--envoi"][class*="--reverse"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/map_location_service_outline_stroke.png);
 background-image: url("/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=map_location_service_outline_stroke.svg" "&fill=fff"), none
}
body.ready *[class*='picto'][class*="--envoi"][class*="--ton"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/map_location_service_outline_stroke.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=map_location_service_outline_stroke.svg&fill=f6ff00), none
}
body.ready *[class*='picto'][class*="--plan"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/map_brochure_outline_stroke.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=map_brochure_outline_stroke.svg&fill=000), none
}
body.ready *[class*='picto'][class*="--plan"][class*="--reverse"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/map_brochure_outline_stroke.png);
 background-image: url("/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=map_brochure_outline_stroke.svg" "&fill=fff"), none
}
body.ready *[class*='picto'][class*="--plan"][class*="--ton"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/map_brochure_outline_stroke.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=map_brochure_outline_stroke.svg&fill=f6ff00), none
}
body.ready *[class*='picto'][class*="--maps"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/map_location_pin_map-marker_outline_stroke.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=map_location_pin_map-marker_outline_stroke.svg&fill=000), none
}
body.ready *[class*='picto'][class*="--maps"][class*="--reverse"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/map_location_pin_map-marker_outline_stroke.png);
 background-image: url("/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=map_location_pin_map-marker_outline_stroke.svg" "&fill=fff"), none
}
body.ready *[class*='picto'][class*="--maps"][class*="--ton"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/map_location_pin_map-marker_outline_stroke.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=map_location_pin_map-marker_outline_stroke.svg&fill=f6ff00), none
}
body.ready *[class*='picto'][class*="--more"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/editor_more_detail_glyph.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=editor_more_detail_glyph.svg&fill=000), none
}
body.ready *[class*='picto'][class*="--more"][class*="--reverse"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/editor_more_detail_glyph.png);
 background-image: url("/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=editor_more_detail_glyph.svg" "&fill=fff"), none
}
body.ready *[class*='picto'][class*="--more"][class*="--ton"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/editor_more_detail_glyph.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=editor_more_detail_glyph.svg&fill=f6ff00), none
}
body.ready *[class*='picto'][class*="--cta"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/circle_next_arrow_disclosure_outline_stroke.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=circle_next_arrow_disclosure_outline_stroke.svg&fill=000), none
}
body.ready *[class*='picto'][class*="--cta"][class*="--reverse"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/circle_next_arrow_disclosure_outline_stroke.png);
 background-image: url("/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=circle_next_arrow_disclosure_outline_stroke.svg" "&fill=fff"), none
}
body.ready *[class*='picto'][class*="--cta"][class*="--ton"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/circle_next_arrow_disclosure_outline_stroke.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=circle_next_arrow_disclosure_outline_stroke.svg&fill=f6ff00), none
}
body.ready *[class*='picto'][class*="--retour"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/circle_back_arrow_outline_stroke.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=circle_back_arrow_outline_stroke.svg&fill=000), none
}
body.ready *[class*='picto'][class*="--retour"][class*="--reverse"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/circle_back_arrow_outline_stroke.png);
 background-image: url("/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=circle_back_arrow_outline_stroke.svg" "&fill=fff"), none
}
body.ready *[class*='picto'][class*="--retour"][class*="--ton"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/circle_back_arrow_outline_stroke.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=circle_back_arrow_outline_stroke.svg&fill=f6ff00), none
}
body.ready *[class*='picto'][class*="--print"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/common_printer_print_outline_stroke.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=common_printer_print_outline_stroke.svg&fill=000), none
}
body.ready *[class*='picto'][class*="--print"][class*="--reverse"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/common_printer_print_outline_stroke.png);
 background-image: url("/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=common_printer_print_outline_stroke.svg" "&fill=fff"), none
}
body.ready *[class*='picto'][class*="--print"][class*="--ton"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/common_printer_print_outline_stroke.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=common_printer_print_outline_stroke.svg&fill=f6ff00), none
}
body.ready *[class*='picto'][class*="--mail"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/common_email_envelope_mail_outline_stroke.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=common_email_envelope_mail_outline_stroke.svg&fill=000), none
}
body.ready *[class*='picto'][class*="--mail"][class*="--reverse"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/common_email_envelope_mail_outline_stroke.png);
 background-image: url("/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=common_email_envelope_mail_outline_stroke.svg" "&fill=fff"), none
}
body.ready *[class*='picto'][class*="--mail"][class*="--ton"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/common_email_envelope_mail_outline_stroke.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=common_email_envelope_mail_outline_stroke.svg&fill=f6ff00), none
}
body.ready *[class*='picto'][class*="--url"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/common_bookmark_book_open_glyph.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=common_bookmark_book_open_glyph.svg&fill=000), none
}
body.ready *[class*='picto'][class*="--url"][class*="--reverse"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/common_bookmark_book_open_glyph.png);
 background-image: url("/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=common_bookmark_book_open_glyph.svg" "&fill=fff"), none
}
body.ready *[class*='picto'][class*="--url"][class*="--ton"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/common_bookmark_book_open_glyph.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=common_bookmark_book_open_glyph.svg&fill=f6ff00), none
}
body.ready *[class*='picto'][class*="--fb"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/ico_fb.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=ico_fb.svg&fill=000), none
}
body.ready *[class*='picto'][class*="--fb"][class*="--reverse"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/ico_fb.png);
 background-image: url("/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=ico_fb.svg" "&fill=fff"), none
}
body.ready *[class*='picto'][class*="--fb"][class*="--ton"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/ico_fb.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=ico_fb.svg&fill=f6ff00), none
}
body.ready *[class*='picto'][class*="--tw"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/ico_tw.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=ico_tw.svg&fill=000), none
}
body.ready *[class*='picto'][class*="--tw"][class*="--reverse"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/ico_tw.png);
 background-image: url("/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=ico_tw.svg" "&fill=fff"), none
}
body.ready *[class*='picto'][class*="--tw"][class*="--ton"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/ico_tw.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=ico_tw.svg&fill=f6ff00), none
}
body.ready *[class*='picto'][class*="--gplus"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/ico_gplus.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=ico_gplus.svg&fill=000), none
}
body.ready *[class*='picto'][class*="--gplus"][class*="--reverse"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/ico_gplus.png);
 background-image: url("/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=ico_gplus.svg" "&fill=fff"), none
}
body.ready *[class*='picto'][class*="--gplus"][class*="--ton"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/ico_gplus.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=ico_gplus.svg&fill=f6ff00), none
}
body.ready *[class*='picto'][class*="--pdf"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/ico_pdf.svg)
}
body.ready *[class*='picto'][class*="--delete"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/circle_close_delete_outline_stroke.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=circle_close_delete_outline_stroke.svg&fill=000), none
}
body.ready *[class*='picto'][class*="--delete"][class*="--reverse"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/circle_close_delete_outline_stroke.png);
 background-image: url("/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=circle_close_delete_outline_stroke.svg" "&fill=fff"), none
}
body.ready *[class*='picto'][class*="--delete"][class*="--ton"] {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/circle_close_delete_outline_stroke.png);
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/picto.php?u=circle_close_delete_outline_stroke.svg&fill=f6ff00), none
}
h2[class*="picto"] {
 background-position: left 7px;
 background-size: 18px auto;
 padding-left: 27px !important
}
h3[class*="picto"] {
 background-position: left 7px;
 background-size: 16px auto;
 padding-left: 25px !important
}
h4[class*="picto"] {
 background-position: left 7px;
 background-size: 14px auto;
 padding-left: 23px !important
}
h5[class*="picto"] {
 background-position: left 7px;
 background-size: 14px auto;
 padding-left: 23px !important
}
li[class*="picto"] {
 background-position: left center;
 background-size: 14px auto;
 padding-left: 23px !important
}
.social {
 position: relative;
 display: block;
 text-align: center;
 margin: 0 0 36px 0;
 padding: 0
}
.social>a, .social>span {
 display: inline-block;
 margin: 0 9px 0 0
}
.social>a>span.el, .social>span>span.el {
 position: relative;
 display: block;
 padding: 7px 6px;
 width: 14px;
 border-radius: 48px;
 background-size: 75% auto;
 border: 2px solid #7f7f7f;
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -webkit-transform: scale(1);
 transform: scale(1);
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.social>a>span.el>img, .social>span>span.el>img {
 position: relative;
 display: block;
 width: 100%
}
.social>a:hover>span.el, .social>span:hover>span.el {
 -moz-transform: scale(1.05);
 -ms-transform: scale(1.05);
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
 border-color: #000;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.social>a:active>span.el, .social>span:active>span.el {
 background: #c4cc00;
 -moz-transform: scale(0.95);
 -ms-transform: scale(0.95);
 -webkit-transform: scale(0.95);
 transform: scale(0.95);
 -moz-transition: all 100ms ease-in-out 0ms;
 -o-transition: all 100ms ease-in-out 0ms;
 -webkit-transition: all 100ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 100ms ease-in-out 0ms
}
.fiche .bloc--ton, .fiche .bloc--ton2 {
 margin-bottom: 0 !important
}
.fiche .bloc {
 margin-bottom: 18px
}
.fiche-titre {
 text-align: left !important;
 margin: 0
}
.fiche-prix {
 position: relative;
 display: block;
 color: #fff;
 font-size: 15px;
 font-weight: bold;
 text-align: center;
 padding: 5px
}
.fiche-desc {
 margin: 0 0 10px 0
}
.fiche-img--lu {
 float: left;
 margin-right: 15px
}
.fiche-nota_bene {
 margin-top: 10px
}/*!===== ELEMENTS COMPLEMENTAIRES =====*/
.flash_info {
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 position: relative;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-flex-direction: column;
 flex-direction: column
}
.flash_info h2, .flash_info h3 {
 text-align: center;
 font-size: 1.55em
}
.flash_info h2 a, .flash_info h3 a {
 font-weight: normal !important
}
.flash_info .img {
 margin: 0 0 18px 0
}
.flash_info li {
 position: relative;
 display: block;
 padding: 6px 0;
 margin: 0
}
.flash_info li:first-child {
 border-top: none
}
.flash_info li:last-of-type {
 border-bottom: none
}
.flash_info ul, .flash_info .txt_contenu {
 flex: 1 1 auto
}
.flash_info h2, .flash_info h3 {
 color: inherit;
 margin-bottom: 0 !important
}
.flash_info h2 a, .flash_info h3 a {
 color: inherit
}
.flash_info *[class^="bts"] {
 margin-bottom: 18px
}
.flash_info .txt_contenu {
 padding: 18px
}
.flash_info *[class*="img"] {
 margin: 1px 1px 18px 1px
}
.adresse {
 display: block;
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 position: relative;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-flex-direction: column;
 flex-direction: column
}
.adresse h2, .adresse h3 {
 text-align: center;
 font-size: 1.55em
}
.adresse h2 a, .adresse h3 a {
 font-weight: normal !important
}
.adresse .img {
 margin: 0 0 18px 0
}
.adresse li {
 position: relative;
 display: block;
 padding: 6px 0;
 margin: 0
}
.adresse li:first-child {
 border-top: none
}
.adresse li:last-of-type {
 border-bottom: none
}
.adresse ul, .adresse .txt_contenu {
 flex: 1 1 auto
}
.adresse h2, .adresse h3, .adresse h4 {
 text-align: left !important;
 margin-bottom: 0 !important;
 color: inherit
}
.adresse h2 a, .adresse h3 a, .adresse h4 a {
 color: inherit
}
.adresse li.bts--flex {
 padding: 0
}
.paddbig {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 36px;
 margin-bottom: 0 !important
}
.paddbig .txt_contenu {
 color: #757575
}
.padddroit {
 margin-right: 18px !important
}
.ctn_fiche h2 {
 font-family: "visby_cfheavy", sans-serif
}
.liste_picto>div>span {
 padding: 18px 0 18px 50px;
 position: relative;
 display: block;
 background-size: 14px auto;
 border-bottom: 1px solid #f2f1ee;
 background-repeat: no-repeat;
 background-position: left center;
 background-size: 14px auto
}
.liste_picto>div>span strong {
 font-family: "visby_cfheavy", sans-serif
}
.liste_picto>div>span.adre {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/map_location_pin_map-marker_glyph.svg)
}
.liste_picto>div>span.tele {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/device_smart-phone_vertical_glyph.svg)
}
.liste_picto>div>span.emai {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/common_email_envelope_mail_glyph.svg)
}
.liste_picto>div>span.hora {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/circle_clock_time_history_recent_outline_stroke.svg)
}
.liste_picto>div>span.site {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/pictos/siteweb.svg)
}
.liste_picto>div:last-of-type>span {
 border-bottom: none !important
}
.encart_laius {
 position: relative;
 display: block;
 background: #000;
 width: 100%;
 height: calc(100vh - 150px);
 min-height: 390px
}
.encart_laius .img--back {
 position: absolute;
 display: block;
 z-index: 0;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 cursor: pointer !important
}
.encart_laius .zone_texte {
 position: absolute;
 display: block;
 z-index: 2;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-color: #000;
 background-color: rgba(0,0,0,0.4)
}
.encart_laius .zone_texte .zone_texte_placement {
 position: absolute;
 display: block;
 width: 100%;
 bottom: 0;
 right: 0;
 max-width: 600px;
 padding: 0 36px;
 border-left: 1px solid rgba(255,255,255,0.3);
 margin-bottom: 36px;
 color: #fff
}
.encart_laius .zone_texte .zone_texte_placement select {
 padding: 10px;
 margin-top: 18px;
 text-transform: uppercase
}
.encart_laius .zone_texte .zone_texte_placement h2 {
 font-family: "visby_cfheavy", sans-serif;
 font-size: 45px;
 line-height: 45px;
 margin-top: -9px;
 margin-bottom: 10px;
 margin-right: 80px
}
.encart_laius .zone_texte .zone_texte_placement svg {
 position: absolute;
 top: -11px;
 right: 30px;
 max-width: 60px;
 max-height: 50px
}
.encart_laius .zone_texte .zone_texte_placement svg .st0 {
 fill: #fff
}
.hauteurpage {
 position: relative;
 display: block;
 width: 100%
}
.hauteurpage .hauteurpage_flex {
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 width: 100%;
 min-height: 100%;
 -webkit-justify-content: center;
 -moz-justify-content: center;
 justify-content: center;
 -webkit-align-items: center;
 -moz-align-items: center;
 align-items: center;
 -webkit-align-content: center;
 -moz-align-content: center;
 align-content: center
}
.hauteurpage .hauteurpage_flex.color_compl {
 background: #f2f1ee
}
.hauteurpage .hauteurpage_flex.color_blanc {
 background: #fff
}
.hauteurpage .slogans {
 position: absolute;
 display: block;
 z-index: 10;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background: rgba(0,0,0,0.2) url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/souris.svg) bottom center no-repeat;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 text-shadow: 0 0 7px rgba(0,0,0,0.5);
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-justify-content: center;
 -moz-justify-content: center;
 justify-content: center;
 -webkit-align-items: flex-end;
 -moz-align-items: flex-end;
 align-items: flex-end;
 -webkit-align-content: center;
 -moz-align-content: center;
 align-content: center
}
.hauteurpage .slogans:after {
 content: "";
 position: absolute;
 display: block;
 width: 2px;
 height: 50px;
 left: calc(50% - 1px);
 bottom: 75px;
 background: #fff
}
.hauteurpage .slogans h2 {
 font-family: "visby_cfheavy", sans-serif;
 text-align: center;
 font-size: 80px;
 color: #fff;
 line-height: 80px
}
.hauteurpage .slogans h4 {
 font-family: "visby_cfbold", sans-serif;
 text-align: center;
 font-size: 18px;
 color: #fff;
 text-transform: uppercase;
 letter-spacing: 2px;
 padding-bottom: 100px
}

@media only screen and (min-width: 799px) {
.grille.quinc .grille-elem:nth-child(even) .grille.vertic .grille-elem:nth-child(1) {
 order: 2
}
.grille.quinc .grille-elem:nth-child(even) .grille.vertic .grille-elem:nth-child(2) {
 order: 1
}
}
.grille.vertic {
 -webkit-flex-direction: column;
 -moz-flex-direction: column;
 flex-direction: column
}
.grille.vertic .img--back {
 min-height: 250px
}
.grille.vertic .grille-elem.bloc--noir {
 margin-bottom: 0 !important;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 height: auto;
 background-color: #1c1c1c;
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-justify-content: center;
 -moz-justify-content: center;
 justify-content: center;
 -webkit-align-items: center;
 -moz-align-items: center;
 align-items: center;
 -webkit-align-content: center;
 -moz-align-content: center;
 align-content: center
}

@media only screen and (min-width: 799px) {
.grille.vertic .grille-elem.bloc--noir {
 min-height: 250px
}
}
.grille.vertic .grille-elem.bloc--noir .txt_contenu {
 text-align: center;
 padding: 0 5% 20px
}
.bann_pictos {
 padding: 0 4%
}
.bann_pictos .grille-elem:first-child .grille-elem-egalise:before {
 display: none !important
}
.bann_pictos .grille-elem-egalise {
 padding: 5vh 7% 60px
}
.bann_pictos .grille-elem-egalise:before {
 position: absolute;
 display: block;
 width: 1px;
 height: calc(100% - 30px);
 top: 30px;
 left: 0;
 background-color: #000;
 background-color: rgba(0,0,0,0.1);
 content: ""
}
.bann_pictos .grille-elem-egalise .txt_contenu {
 text-align: center;
 font-size: 12px;
 line-height: 20px
}
.bann_pictos .grille-elem-egalise img {
 width: 100px;
 text-align: center;
 margin: 10px auto 0 !important;
 position: relative;
 display: block
}
.bann_pictos .grille-elem-egalise .bt {
 padding: 15px 0 !important;
 width: 120px;
 position: absolute;
 bottom: 0;
 left: calc(50% - 60px);
 text-align: center
}
*[class^="diaporama"] {
 position: relative;
 display: block;
 z-index: 1;
 overflow: hidden;
 height: 420px;
 margin: 0
}
html.jgo-cssvhunit:not(.badios) .diaporama--accueil {
 height: 100vh !important
}
.diaporama--fiche {
 margin-bottom: 36px
}
html.jgo-cssvhunit:not(.badios) .diaporama--fiche {
 height: 68vh
}
#bloc_diaporama {
 position: relative;
 display: block;
 z-index: 1;
 overflow: hidden;
 height: 100%
}
.diaporama--fond {
 position: absolute;
 display: block;
 z-index: 1;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0
}
.diaporama-cache {
 position: absolute;
 display: block;
 z-index: 2;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0
}
.diaporama--intro {
 opacity: 0;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
body.ready .diaporama--intro {
 opacity: 1
}
html.jgo-cssvhunit:not(.badios) .diaporama--intro {
 height: 100vh
}
.slide {
 position: absolute;
 display: block;
 z-index: 1;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background: transparent;
 opacity: 0;
 -moz-transition: opacity 0ms ease-in-out 0ms;
 -o-transition: opacity 0ms ease-in-out 0ms;
 -webkit-transition: opacity 0ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: opacity 0ms ease-in-out 0ms
}
.slide.init {
 opacity: 1
}
.slide.rolling {
 z-index: 20;
 opacity: 1;
 -moz-transition: opacity 2500ms ease-in-out 0ms;
 -o-transition: opacity 2500ms ease-in-out 0ms;
 -webkit-transition: opacity 2500ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: opacity 2500ms ease-in-out 0ms
}
.slide.apres {
 opacity: 0;
 -moz-transition: opacity 2500ms ease-in-out 0ms;
 -o-transition: opacity 2500ms ease-in-out 0ms;
 -webkit-transition: opacity 2500ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: opacity 2500ms ease-in-out 0ms
}
.slideshow {
 position: relative;
 display: block;
 z-index: 1;
 overflow: hidden;
 height: 420px;
 margin: 0;
 margin: 0
}
.slideshow .slide>span.slide-img {
 position: absolute;
 display: block;
 z-index: 1;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0
}
.slideshow .slide>span.slide-txt {
 position: absolute;
 display: block;
 z-index: 2;
 text-align: left;
 max-width: 60%;
 background: #fff;
 right: 18px;
 top: 18px;
 padding: 1vw;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 font-size: 1em;
 color: #f2f1ee;
 opacity: 0;
 -moz-transform: translateX(-100px);
 -ms-transform: translateX(-100px);
 -webkit-transform: translateX(-100px);
 transform: translateX(-100px);
 -moz-transition: all 225ms cubic-bezier(0, 0, 0.025, 1.02) 0ms;
 -o-transition: all 225ms cubic-bezier(0, 0, 0.025, 1.02) 0ms;
 -webkit-transition: all 225ms cubic-bezier(0, 0, 0.025, 1.02);
 -webkit-transition-delay: 0ms;
 transition: all 225ms cubic-bezier(0, 0, 0.025, 1.02) 0ms
}
.slideshow .slide>span.slide-txt>h3 {
 color: #f6ff00;
 text-align: left;
 margin: 0 !important
}
.slideshow .slide.init>span.slide-txt {
 opacity: 1;
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -webkit-transform: translateX(0);
 transform: translateX(0);
 -moz-transition: all 0ms ease-in-out 0ms;
 -o-transition: all 0ms ease-in-out 0ms;
 -webkit-transition: all 0ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 0ms ease-in-out 0ms
}
.slideshow .slide.rolling.active>span.slide-txt {
 opacity: 1;
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -webkit-transform: translateX(0);
 transform: translateX(0);
 -moz-transition: all 850ms cubic-bezier(0, 0, 0.025, 1.02) 0ms;
 -o-transition: all 850ms cubic-bezier(0, 0, 0.025, 1.02) 0ms;
 -webkit-transition: all 850ms cubic-bezier(0, 0, 0.025, 1.02);
 -webkit-transition-delay: 0ms;
 transition: all 850ms cubic-bezier(0, 0, 0.025, 1.02) 0ms
}
.slideshow-bt-exemple {
 display: none
}
.slideshow-bts {
 position: absolute;
 display: block;
 z-index: 100;
 bottom: 18px;
 right: 18px;
 margin: 0
}
.slideshow-bts>span.slideshow-bt {
 position: relative;
 display: inline-block;
 text-align: right;
 cursor: pointer;
 width: 8px;
 height: 8px;
 line-height: 8px;
 background: rgba(0,0,0,0.1);
 border: 1px solid rgba(255,255,255,0.35);
 margin: 0 0 0 5px;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.slideshow-bts>span.slideshow-bt:first-child {
 margin-top: 0
}
.slideshow-bts>span.slideshow-bt:last-child {
 margin-bottom: 0
}
.slideshow-bts>span.slideshow-bt:hover {
 background: #fff;
 border-color: rgba(0,0,0,0.4);
 z-index: 30;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.slideshow-bts>span.slideshow-bt.active {
 background: #f6ff00;
 border-color: rgba(255,255,255,0.55);
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.slideshow-bts>span.slideshow-bt:active {
 -moz-transform: scale(0.9);
 -ms-transform: scale(0.9);
 -webkit-transform: scale(0.9);
 transform: scale(0.9);
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.sl-transition--default .slide {
 position: absolute;
 display: block;
 z-index: 1;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background: transparent;
 opacity: 0;
 -moz-transition: opacity 0ms ease-in-out 0ms;
 -o-transition: opacity 0ms ease-in-out 0ms;
 -webkit-transition: opacity 0ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: opacity 0ms ease-in-out 0ms
}
.sl-transition--default .slide.init {
 opacity: 1
}
.sl-transition--default .slide.rolling {
 z-index: 20;
 opacity: 1;
 -moz-transition: opacity 2500ms ease-in-out 0ms;
 -o-transition: opacity 2500ms ease-in-out 0ms;
 -webkit-transition: opacity 2500ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: opacity 2500ms ease-in-out 0ms
}
.sl-transition--default .slide.apres {
 opacity: 0;
 -moz-transition: opacity 2500ms ease-in-out 0ms;
 -o-transition: opacity 2500ms ease-in-out 0ms;
 -webkit-transition: opacity 2500ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: opacity 2500ms ease-in-out 0ms
}
.sl-transition--glisseH .slide {
 opacity: 1;
 -moz-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 -moz-transition: all 850ms ease-in-out 0ms;
 -o-transition: all 850ms ease-in-out 0ms;
 -webkit-transition: all 850ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 850ms ease-in-out 0ms
}
.sl-transition--glisseH .slide.init {
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -webkit-transform: translateX(0);
 transform: translateX(0);
 -moz-transition: all 0ms ease-in-out 0ms;
 -o-transition: all 0ms ease-in-out 0ms;
 -webkit-transition: all 0ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 0ms ease-in-out 0ms
}
.sl-transition--glisseH .slide.init ~ .slide {
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 -moz-transition: all 0ms ease-in-out 0ms;
 -o-transition: all 0ms ease-in-out 0ms;
 -webkit-transition: all 0ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 0ms ease-in-out 0ms
}
.sl-transition--glisseH .slide.rolling {
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -webkit-transform: translateX(0);
 transform: translateX(0);
 -moz-transition: all 850ms ease-in-out 0ms;
 -o-transition: all 850ms ease-in-out 0ms;
 -webkit-transition: all 850ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 850ms ease-in-out 0ms
}
.sl-transition--glisseH .slide.rolling ~ .slide {
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 -moz-transition: all 850ms ease-in-out 0ms;
 -o-transition: all 850ms ease-in-out 0ms;
 -webkit-transition: all 850ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 850ms ease-in-out 0ms
}
.sl-transition--glisseV .slide {
 opacity: 1;
 -moz-transform: translateY(-100%);
 -ms-transform: translateY(-100%);
 -webkit-transform: translateY(-100%);
 transform: translateY(-100%);
 -moz-transition: all 1250ms ease-in-out 0ms;
 -o-transition: all 1250ms ease-in-out 0ms;
 -webkit-transition: all 1250ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 1250ms ease-in-out 0ms
}
.sl-transition--glisseV .slide.init {
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 -webkit-transform: translateY(0);
 transform: translateY(0);
 -moz-transition: all 0ms ease-in-out 0ms;
 -o-transition: all 0ms ease-in-out 0ms;
 -webkit-transition: all 0ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 0ms ease-in-out 0ms
}
.sl-transition--glisseV .slide.init ~ .slide {
 -moz-transform: translateY(100%);
 -ms-transform: translateY(100%);
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 -moz-transition: all 0ms ease-in-out 0ms;
 -o-transition: all 0ms ease-in-out 0ms;
 -webkit-transition: all 0ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 0ms ease-in-out 0ms
}
.sl-transition--glisseV .slide.rolling {
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 -webkit-transform: translateY(0);
 transform: translateY(0);
 -moz-transition: all 1250ms ease-in-out 0ms;
 -o-transition: all 1250ms ease-in-out 0ms;
 -webkit-transition: all 1250ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 1250ms ease-in-out 0ms
}
.sl-transition--glisseV .slide.rolling ~ .slide {
 -moz-transform: translateY(100%);
 -ms-transform: translateY(100%);
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 -moz-transition: all 1250ms ease-in-out 0ms;
 -o-transition: all 1250ms ease-in-out 0ms;
 -webkit-transition: all 1250ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 1250ms ease-in-out 0ms
}
.sl-transition--zoom {
 -moz-perspective: 600px;
 -webkit-perspective: 600px;
 perspective: 600px
}
.sl-transition--zoom .slide {
 z-index: 1;
 -moz-transform: translateZ(35px);
 -ms-transform: translateZ(35px);
 -webkit-transform: translateZ(35px);
 transform: translateZ(35px);
 -moz-transition: all 1450ms ease-in-out 0ms;
 -o-transition: all 1450ms ease-in-out 0ms;
 -webkit-transition: all 1450ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 1450ms ease-in-out 0ms
}
.sl-transition--zoom .slide.init {
 z-index: 1;
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -webkit-transform: translateX(0);
 transform: translateX(0);
 -moz-transition: all 0ms ease-in-out 0ms;
 -o-transition: all 0ms ease-in-out 0ms;
 -webkit-transition: all 0ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 0ms ease-in-out 0ms
}
.sl-transition--zoom .slide.init ~ .slide {
 z-index: 1;
 -moz-transform: translateZ(15px);
 -ms-transform: translateZ(15px);
 -webkit-transform: translateZ(15px);
 transform: translateZ(15px);
 -moz-transition: all 0ms ease-in-out 0ms;
 -o-transition: all 0ms ease-in-out 0ms;
 -webkit-transition: all 0ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 0ms ease-in-out 0ms
}
.sl-transition--zoom .slide.rolling {
 z-index: 1;
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -webkit-transform: translateX(0);
 transform: translateX(0);
 -moz-transition: all 1450ms ease-in-out 0ms;
 -o-transition: all 1450ms ease-in-out 0ms;
 -webkit-transition: all 1450ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 1450ms ease-in-out 0ms
}
.sl-transition--zoom .slide.rolling ~ .slide {
 z-index: 1;
 -moz-transform: translateZ(15px);
 -ms-transform: translateZ(15px);
 -webkit-transform: translateZ(15px);
 transform: translateZ(15px);
 -moz-transition: all 1450ms ease-in-out 0ms;
 -o-transition: all 1450ms ease-in-out 0ms;
 -webkit-transition: all 1450ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 1450ms ease-in-out 0ms
}
footer {
 position: relative;
 display: block;
 z-index: 2;
 margin: 0;
 font-size: 12px;
 color: rgba(255,255,255,0.4);
 word-wrap: break-word
}
footer a, footer #footer-bt {
 color: rgba(255,255,255,0.4) !important
}
footer a:hover, footer #footer-bt:hover {
 text-decoration: underline
}
footer.ouvre {
 z-index: 4
}
footer.ouvre .footer-ref, footer.ouvre .footer-jalis {
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 -webkit-transform: translateY(0);
 transform: translateY(0);
 visibility: visible;
 opacity: 1;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms;
 min-height: auto !important
}
.footer-ref ul li, .footer-jalis ul li {
 padding: 5px 30px !important;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}
.footer-contact {
 position: relative;
 display: block;
 z-index: 1;
 background: #1c1c1c url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/maps.jpg) top center repeat-x
}
.footer-contact>.centrage {
 padding: 100px 0 35px
}
.footer-contact .bloc {
 max-width: 100%;
 margin: 0 auto
}
.footer-contact .adresse {
 text-align: center
}
.footer-contact .adresse>li {
 text-align: center;
 padding: 3px 0;
 border: none
}
.footer-contact .adresse>li>ul>li {
 text-align: center;
 padding: 0
}
.footer-contact .adresse .img {
 margin-bottom: 18px
}
.footer-contact .adresse .img img, .footer-contact .adresse .img svg {
 max-height: 40px;
 max-width: 100%;
 width: auto;
 margin: 0 auto
}
.contact .footer-contact .adresse li[itemscope] {
 display: none
}
.footer-contact .adresse li[itemscope]>* {
 position: relative;
 display: block
}
.footer-contact .adresse li[itemscope]>* span.indic {
 position: relative;
 display: block;
 opacity: .75;
 font-size: smaller;
 margin: 9px 0 0 0
}
.footer-contact .adresse li[itemscope]>* *[itemprop="streetAddress"] {
 position: relative;
 display: block
}
.footer-contact.gauche .bloc .adresse {
 text-align: left;
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-flex-direction: row;
 flex-direction: row
}
.footer-contact.gauche .bloc .adresse .img {
 padding: 3px 0
}
.footer-contact.gauche .bloc .adresse .img img, .footer-contact.gauche .bloc .adresse .img svg {
 margin: 0 18px 0 0
}
.footer-contact.gauche .bloc .adresse ul {
 -webkit-flex: 1 1 auto;
 flex: 1 1 auto;
@incldue display;
}
.footer-contact.gauche .bloc .adresse li {
 position: relative;
 display: block;
 text-align: left;
 -webkit-flex: none;
 flex: none
}
.footer-liens {
 position: absolute;
 display: block;
 z-index: 10;
 bottom: 12px;
 right: 0;
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-align-items: center;
 align-items: center
}
.footer-liens>li {
 position: relative;
 display: block;
 -webkit-flex: 0 0 auto;
 flex: 0 0 auto
}
.footer-liens>li ~ li {
 margin-left: 9px
}
.footer-liens #logo-jalis {
 position: relative;
 display: block
}
.footer-liens #logo-jalis>img {
 position: relative;
 display: block;
 width: 48px
}
.footer-liens #logo-jalis.prestige {
 -webkit-filter: grayscale(1);
 filter: grayscale(1)
}
.footer-liens #footer-bt {
 position: relative;
 display: block;
 cursor: pointer
}
.footer-ref, .footer-jalis {
 position: absolute;
 display: block;
 z-index: 2;
 bottom: 0;
 left: 0;
 width: 100%;
 min-height: 100%;
 background: #1c1c1c;
 padding: 18px 0 52px 0;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 -moz-transform: translateY(-5px);
 -ms-transform: translateY(-5px);
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
 visibility: hidden;
 opacity: 0;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.footer-ref ul li, .footer-jalis ul li {
 position: relative;
 display: block;
 width: 100%;
 padding: 3px 0
}
.footer-ref ul li h3, .footer-jalis ul li h3 {
 font-size: 14px;
 color: rgba(255,255,255,0.4);
 margin: 0 0 0 6px;
 border-bottom: 1px solid
}
.footer-ref ul li a, .footer-jalis ul li a {
 color: rgba(255,255,255,0.4)
}
.footer-ref ul li a:hover, .footer-jalis ul li a:hover {
 color: rgba(255,255,255,0.4)
}
.footer-ref .txt_contenu, .footer-jalis .txt_contenu {
 font-size: 10px
}
form {
 position: relative;
 display: block
}
form input[type=text], form input[type=submit], form textarea, form select, form input[type=password], form input[type=email] {
 position: relative;
 display: block;
 width: 100%;
 padding: 18px;
 margin: 0 0 9px 0;
 background: rgba(255,255,255,0.85);
 border: 1px solid #e6e6e6;
 color: #4d4d4d;
 outline: 0;
 border-radius: 0px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}
form input[type=text]:focus, form input[type=submit]:focus, form textarea:focus, form select:focus, form input[type=password]:focus, form input[type=email]:focus {
 z-index: 20;
 background: #fff;
 color: #202020;
 border: 1px solid #fff;
 border-color: #f6ff00
}
form input[type=text].half, form input[type=submit].half, form textarea.half, form select.half, form input[type=password].half, form input[type=email].half {
 width: 50%;
 float: left;
 border-radius: 0px 0 0 0px
}
form input[type=text].half:nth-child(even), form input[type=submit].half:nth-child(even), form textarea.half:nth-child(even), form select.half:nth-child(even), form input[type=password].half:nth-child(even), form input[type=email].half:nth-child(even) {
 border-radius: 0 0px 0px 0;
 border-left: none
}
form input[type=text].alerte, form input[type=text].alert, form input[type=submit].alerte, form input[type=submit].alert, form textarea.alerte, form textarea.alert, form select.alerte, form select.alert, form input[type=password].alerte, form input[type=password].alert, form input[type=email].alerte, form input[type=email].alert {
 border: 1px solid #f33 !important;
 color: #c66 !important;
 font-weight: bolder !important;
 background: transparent url(/web/20190131031629im_/http://www.tootacassis.fr/site/css/style.css) !important;
 background-image: none;
 background-color: #ffb3b3 !important
}
form input[type=text].alerte:focus, form input[type=text].alert:focus, form input[type=submit].alerte:focus, form input[type=submit].alert:focus, form textarea.alerte:focus, form textarea.alert:focus, form select.alerte:focus, form select.alert:focus, form input[type=password].alerte:focus, form input[type=password].alert:focus, form input[type=email].alerte:focus, form input[type=email].alert:focus {
 border-color: #f33;
 box-shadow: 0px 0px 10px #f33;
 color: #862d2d !important
}
form input[type=text].valide, form input[type=text].valid, form input[type=submit].valide, form input[type=submit].valid, form textarea.valide, form textarea.valid, form select.valide, form select.valid, form input[type=password].valide, form input[type=password].valid, form input[type=email].valide, form input[type=email].valid {
 border: 1px solid #40bf40;
 color: #5aa65a;
 font-weight: bold;
 background: none;
 background-image: none;
 background-color: #d9f2d9
}
form input[type=text].valide:focus, form input[type=text].valid:focus, form input[type=submit].valide:focus, form input[type=submit].valid:focus, form textarea.valide:focus, form textarea.valid:focus, form select.valide:focus, form select.valid:focus, form input[type=password].valide:focus, form input[type=password].valid:focus, form input[type=email].valide:focus, form input[type=email].valid:focus {
 border-color: #40bf40;
 box-shadow: 0px 0px 10px #40bf40;
 color: #404040
}
form .bt {
 border-radius: 0px
}
input[placeholder], textarea[placeholder], [placeholder], *[placeholder] {
 color: #828282
}
input[placeholder].alerte, input[placeholder].alert, textarea[placeholder].alerte, textarea[placeholder].alert, [placeholder].alerte, [placeholder].alert, *[placeholder].alerte, *[placeholder].alert {
 color: #bf4040 !important
}
::-webkit-input-placeholder {
color:#828282
}
::-webkit-input-placeholder.alerte, ::-webkit-input-placeholder.alert {
color:#bf4040 !important
}
::-moz-placeholder {
color:#828282
}
::-moz-placeholder.alerte, ::-moz-placeholder.alert {
color:#bf4040 !important
}
:-ms-input-placeholder {
color:#828282
}
:-ms-input-placeholder.alerte, :-ms-input-placeholder.alert {
color:#bf4040 !important
}
input:-moz-placeholder {
color:#828282
}
input:-moz-placeholder.alerte, input:-moz-placeholder.alert {
color:#bf4040 !important
}
.fiche_technique, .panier_table {
 position: relative;
 display: block;
 margin: 0 0 18px 0
}
.fiche_technique table, .panier_table table {
 border-spacing: 2px;
 border-collapse: collapse;
 width: 100%
}
.fiche_technique table tr td, .panier_table table tr td {
 color: rgba(0,0,0,0.7);
 padding: 9px 18px;
 border-bottom: 1px solid rgba(0,0,0,0.1);
 width: 30%
}
.fiche_technique table tr td:last-child, .panier_table table tr td:last-child {
 color: #f6ff00;
 font-weight: bold
}
.fiche_technique h3 {
 margin: 0
}
.panier_table table tr td {
 width: auto !important
}
.panier_table table tr td img {
 margin: 0 0 4.5px 0
}
.vsy {
 -webkit-animation-name: vsy-off;
 -moz-animation-name: vsy-off;
 animation-name: vsy-off;
 -webkit-animation-duration: 0ms;
 -moz-animation-duration: 0ms;
 animation-duration: 0ms;
 -webkit-animation-iteration-count: 1;
 -moz-animation-iteration-count: 1;
 animation-iteration-count: 1;
 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 -moz-animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 -webkit-animation-fill-mode: forwards;
 -moz-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
 -webkit-animation-delay: 0ms;
 -moz-animation-delay: 0ms;
 animation-delay: 0ms
}
.vsy.view-on {
 -webkit-animation-name: vsy-on;
 -moz-animation-name: vsy-on;
 animation-name: vsy-on;
 -webkit-animation-duration: 225ms;
 -moz-animation-duration: 225ms;
 animation-duration: 225ms;
 -webkit-animation-iteration-count: 1;
 -moz-animation-iteration-count: 1;
 animation-iteration-count: 1;
 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 -moz-animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 -webkit-animation-fill-mode: backwards;
 -moz-animation-fill-mode: backwards;
 animation-fill-mode: backwards;
 -webkit-animation-delay: 0ms;
 -moz-animation-delay: 0ms;
 animation-delay: 0ms
}
.vsy.view-on:nth-child(12n+1) {
 -moz-animation-delay: 35ms;
 -webkit-animation-delay: 35ms;
 animation-delay: 35ms
}
.vsy.view-on:nth-child(12n+2) {
 -moz-animation-delay: 70ms;
 -webkit-animation-delay: 70ms;
 animation-delay: 70ms
}
.vsy.view-on:nth-child(12n+3) {
 -moz-animation-delay: 105ms;
 -webkit-animation-delay: 105ms;
 animation-delay: 105ms
}
.vsy.view-on:nth-child(12n+4) {
 -moz-animation-delay: 140ms;
 -webkit-animation-delay: 140ms;
 animation-delay: 140ms
}
.vsy.view-on:nth-child(12n+5) {
 -moz-animation-delay: 175ms;
 -webkit-animation-delay: 175ms;
 animation-delay: 175ms
}
.vsy.view-on:nth-child(12n+6) {
 -moz-animation-delay: 210ms;
 -webkit-animation-delay: 210ms;
 animation-delay: 210ms
}
.vsy.view-on:nth-child(12n+7) {
 -moz-animation-delay: 245ms;
 -webkit-animation-delay: 245ms;
 animation-delay: 245ms
}
.vsy.view-on:nth-child(12n+8) {
 -moz-animation-delay: 280ms;
 -webkit-animation-delay: 280ms;
 animation-delay: 280ms
}
.vsy.view-on:nth-child(12n+9) {
 -moz-animation-delay: 315ms;
 -webkit-animation-delay: 315ms;
 animation-delay: 315ms
}
.vsy.view-on:nth-child(12n+10) {
 -moz-animation-delay: 350ms;
 -webkit-animation-delay: 350ms;
 animation-delay: 350ms
}
.vsy.view-on:nth-child(12n+11) {
 -moz-animation-delay: 385ms;
 -webkit-animation-delay: 385ms;
 animation-delay: 385ms
}
.vsy.view-on:nth-child(12n+12) {
 -moz-animation-delay: 420ms;
 -webkit-animation-delay: 420ms;
 animation-delay: 420ms
}
.vsy.view-off {
 -webkit-animation-name: vsy-off;
 -moz-animation-name: vsy-off;
 animation-name: vsy-off;
 -webkit-animation-duration: 225ms;
 -moz-animation-duration: 225ms;
 animation-duration: 225ms;
 -webkit-animation-iteration-count: 1;
 -moz-animation-iteration-count: 1;
 animation-iteration-count: 1;
 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 -moz-animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 -webkit-animation-fill-mode: backwards;
 -moz-animation-fill-mode: backwards;
 animation-fill-mode: backwards;
 -webkit-animation-delay: 0ms;
 -moz-animation-delay: 0ms;
 animation-delay: 0ms
}
body:not(.loaded) .vsy.vsy-onlyLoaded {
 -webkit-animation-name: vsy-off;
 -moz-animation-name: vsy-off;
 animation-name: vsy-off;
 -webkit-animation-duration: 0ms;
 -moz-animation-duration: 0ms;
 animation-duration: 0ms;
 -webkit-animation-iteration-count: 1;
 -moz-animation-iteration-count: 1;
 animation-iteration-count: 1;
 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 -moz-animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 -webkit-animation-fill-mode: forwards;
 -moz-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
 -webkit-animation-delay: 0ms;
 -moz-animation-delay: 0ms;
 animation-delay: 0ms
}
body:not(.ready) .vsy.vsy-onlyReady {
 -webkit-animation-name: vsy-off;
 -moz-animation-name: vsy-off;
 animation-name: vsy-off;
 -webkit-animation-duration: 0ms;
 -moz-animation-duration: 0ms;
 animation-duration: 0ms;
 -webkit-animation-iteration-count: 1;
 -moz-animation-iteration-count: 1;
 animation-iteration-count: 1;
 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 -moz-animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 -webkit-animation-fill-mode: forwards;
 -moz-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
 -webkit-animation-delay: 0ms;
 -moz-animation-delay: 0ms;
 animation-delay: 0ms
}
@-webkit-keyframes vsy-on {
0% {
opacity:0;
-moz-transform:translateY(15px);
-ms-transform:translateY(15px);
-webkit-transform:translateY(15px);
transform:translateY(15px)
}
100% {
opacity:1;
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}
@-moz-keyframes vsy-on {
0% {
opacity:0;
-moz-transform:translateY(15px);
-ms-transform:translateY(15px);
-webkit-transform:translateY(15px);
transform:translateY(15px)
}
100% {
opacity:1;
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}
@-ms-keyframes vsy-on {
0% {
opacity:0;
-moz-transform:translateY(15px);
-ms-transform:translateY(15px);
-webkit-transform:translateY(15px);
transform:translateY(15px)
}
100% {
opacity:1;
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}
@keyframes vsy-on {
0% {
opacity:0;
-moz-transform:translateY(15px);
-ms-transform:translateY(15px);
-webkit-transform:translateY(15px);
transform:translateY(15px)
}
100% {
opacity:1;
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}
@-webkit-keyframes vsy-off {
0% {
opacity:1;
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
100% {
opacity:0;
-moz-transform:translateY(15px);
-ms-transform:translateY(15px);
-webkit-transform:translateY(15px);
transform:translateY(15px)
}
}
@-moz-keyframes vsy-off {
0% {
opacity:1;
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
100% {
opacity:0;
-moz-transform:translateY(15px);
-ms-transform:translateY(15px);
-webkit-transform:translateY(15px);
transform:translateY(15px)
}
}
@-ms-keyframes vsy-off {
0% {
opacity:1;
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
100% {
opacity:0;
-moz-transform:translateY(15px);
-ms-transform:translateY(15px);
-webkit-transform:translateY(15px);
transform:translateY(15px)
}
}
@keyframes vsy-off {
0% {
opacity:1;
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
100% {
opacity:0;
-moz-transform:translateY(15px);
-ms-transform:translateY(15px);
-webkit-transform:translateY(15px);
transform:translateY(15px)
}
}
.bloc--ref, .bloc--jalis {
 margin-bottom: 54px
}
.jxpress {
 position: relative;
 margin: 36px 0;
 text-align: center
}
.jxpress+.jxpress {
 margin: 0
}
.jxpress a {
 position: relative;
 display: inline-block;
 margin: 0 9px 9px 0;
 padding: 4.5px 9px;
 font-size: 0.9em;
 background: #fff;
 border-bottom: 2px solid rgba(0,0,0,0.1);
 color: rgba(0,0,0,0.7);
 word-wrap: normal;
 word-break: keep-all;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.jxpress a:hover {
 background: rgba(0,0,0,0.2);
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.ref-listing, .jalis-listing {
 position: relative;
 display: block;
 margin: 0 auto;
 text-align: center
}
.ref-listing a, .jalis-listing a {
 color: #000
}
.ref-listing>ul, .jalis-listing>ul {
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap
}
.ref-listing>ul>li, .jalis-listing>ul>li {
 -webkit-flex: 1;
 flex: 1;
 position: relative;
 display: block;
 padding: 5px;
 margin: 0 5px 10px 5px;
 min-width: 18%;
 background: rgba(0,0,0,0.2);
 box-shadow: 0px 0px 1px 0 rgba(178,178,178,0.25) inset;
 color: #b2b2b2;
 text-align: center
}
.ref-listing>ul>li>a, .jalis-listing>ul>li>a {
 position: relative;
 display: block;
 width: 100%;
 font-size: 18px;
 font-weight: bold;
 padding: 10px 0
}
.ref-listing>ul>li>a:hover, .jalis-listing>ul>li>a:hover {
 background: rgba(255,255,255,0.5)
}
.ref-listing>ul>li>span, .jalis-listing>ul>li>span {
 position: relative;
 display: block
}
.ref-listing>ul>li>span>a, .jalis-listing>ul>li>span>a {
 position: relative;
 display: block;
 font-size: 18px;
 font-weight: bold;
 padding: 10px 0
}
.ref-listing>ul>li>span>a:hover, .jalis-listing>ul>li>span>a:hover {
 background: rgba(255,255,255,0.5)
}
.ref-listing>ul>li>ul>li, .jalis-listing>ul>li>ul>li {
 position: relative;
 display: block
}
.ref-listing>ul>li>ul>li a, .jalis-listing>ul>li>ul>li a {
 position: relative;
 display: block;
 padding: 3px;
 border-bottom: 1px solid rgba(0,0,0,0.35);
 text-align: center;
 font-weight: normal
}
.ref-listing>ul>li>ul>li a:last-of-type, .jalis-listing>ul>li>ul>li a:last-of-type {
 border-bottom: none
}
.ref-listing>ul>li>ul>li a:hover, .jalis-listing>ul>li>ul>li a:hover {
 background: rgba(255,255,255,0.25)
}
#cookieChoiceInfo {
 position: fixed !important;
 display: block;
 z-index: 20;
 background-color: #000;
 background-color: rgba(0,0,0,0.9);
 bottom: 20px;
 right: 20px;
 padding: 15px 10px 15px 20px;
 text-align: left;
 width: 250px;
 box-shadow: 0 -20px 20px rgba(0,0,0,0.3) inset, 0 1px 3px rgba(0,0,0,0.55);
 margin: 0;
 border-radius: 10px
}
#cookieChoiceInfo span {
 color: #999
}
#cookieChoiceInfo span:before {
 content: "Utilisation des cookies";
 position: relative;
 display: block;
 font-size: 18px;
 margin-bottom: 5px;
 text-align: left
}
#cookieChoiceInfo a {
 color: #999 !important;
 padding: 3px 0
}
#cookieChoiceInfo a:last-child {
 position: relative;
 display: block;
 left: 0;
 margin-left: 0;
 margin-top: 10px;
 padding: 5px 10px;
 text-align: left;
 width: 12px;
 background-color: #999;
 background-color: rgba(153,153,153,0.4);
 border-radius: 10px;
 font-size: 15px;
 font-weight: bold
}
#cookieChoiceInfo a:not(#cookieChoiceDismiss) {
 font-weight: bold;
 margin-left: 8px
}
#cookieChoiceDismiss {
 margin: 0 auto 0 0 !important
}

.ads1 {
	position:relative;
	display: block;
	margin: 0 auto 40px auto;
	width: 730px;
	height:90px;
}
.ads2 {

	display: none;

}





/*! responsive layout */

@media screen and (min-width: 1400px) {
.grille-annonce--l3--centre, .grille-annonce--l3, .pagination {
 max-width: 1400px !important;
 margin: 0 auto
}
.grille-annonce--quinconce .centrehauteur {
 width: 70%
}
.bloc--large {
 max-width: 1200px !important
}
.paddbig {
 padding: 36px 60px
}
.bann_pictos .grille-elem-egalise {
 padding: 5vh 15% 60px
}
.grille-annonce--l3--centre .ann-elem:nth-child(2), .grille-annonce--l3 .ann-elem:nth-child(2) {
 padding: 18px 18px 40px 18px
}
}

@media screen and (min-height: 800px) {
	
	.ads1 {
	display: none;
}
	.ads2 {
	position:relative;
	display: block;
	with:auto;
	margin: 0 auto 40px auto;

}
	
	
	
	
.encart_laius .zone_texte .zone_texte_placement {
 margin-bottom: 66px;
 padding: 0 56px
}
.encart_laius .zone_texte .zone_texte_placement .txt_contenu {
 line-height: 28px
}
.encart_laius .zone_texte .zone_texte_placement h2 {
 font-size: 65px !important;
 line-height: 65px !important
}
.encart_laius .zone_texte .zone_texte_placement svg {
 right: 45px;
 max-width: 70px;
 max-height: 70px
}
}

@media screen and (max-height: 600px) {
.hauteurpage {
 height: auto !important
}
.encart_laius .zone_texte .zone_texte_placement select {
 padding: 5px;
 font-size: 10px;
 margin-top: 10px
}
h2.titre_gros, h3.titre_gros {
 font-size: 30px
}
.encart_laius .zone_texte .zone_texte_placement h2 {
 font-size: 20px;
 margin-right: 30px;
 line-height: 22px
}
.encart_laius .zone_texte .zone_texte_placement .txt_contenu {
 font-size: 13px
}
.encart_laius .zone_texte .zone_texte_placement svg {
 position: absolute;
 top: -15px;
 right: 30px;
 max-width: 30px;
 max-height: 30px
}
.hauteurpage .slogans h2 {
 font-size: 55px
}
}

@media screen and (max-height: 500px) {
.hauteurpage .slogans:after {
 height: 30px;
 bottom: 73px
}
.hauteurpage .slogans h2 {
 font-size: 40px
}
}

@media only screen and (max-width: 1280px) and (min-width: 0px) {
.included {
 width: 42% !important
}
nav.nav>ul>li>a, nav.nav>ul>li>span>a, nav.nav>ul>li>span>span {
 font-size: 10px
}
h2.titre_gros, h3.titre_gros {
 font-size: 45px
}
.encart_laius .zone_texte .zone_texte_placement select {
 padding: 5px;
 font-size: 10px;
 margin-top: 10px
}
}

@media only screen and (max-width: 1024px) and (min-width: 0px) {
nav.nav>ul>li>a, nav.nav>ul>li>span>a, nav.nav>ul>li>span>span {
 padding: 30px 5px 15px 5px
}
.hauteurpage .slogans h4 {
 font-size: 10px
}
.header {
 position: absolute
}
.hauteurpage .slogans h2 {
 font-size: 40px
}
h2.titre_gros, h3.titre_gros {
 font-size: 30px
}
.contenu {
 margin-bottom: 0 !important
}
.bloc--plan {
 padding: 50px 20px 20px !important
}
.bloc--plan h2 {
 font-size: 12px !important;
 top: 20px !important
}
.bloc--plan .map_acc {
 height: 450px !important;
 box-shadow: none !important
}
.grille-elem .grille-elem-egalise:before {
 display: none !important
}
.bann_app img {
 width: 130px
}
.encart_laius {
 min-height: auto;
 height: auto
}
.encart_laius .zone_texte {
 position: relative;
 top: auto;
 left: auto
}
.encart_laius .zone_texte .zone_texte_placement {
 width: 100%;
 padding: 190px 25px 25px 25px;
 border-left: 0px solid;
 position: relative;
 bottom: auto;
 right: auto;
 margin-top: 0;
 max-height: auto;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}
.encart_laius .zone_texte .zone_texte_placement h2 {
 font-size: 20px;
 margin-right: 30px;
 line-height: 40px
}
.encart_laius .zone_texte .zone_texte_placement .txt_contenu {
 font-size: 13px
}
.encart_laius .zone_texte .zone_texte_placement svg {
 position: absolute;
 top: -15px;
 right: 30px;
 max-width: 30px;
 max-height: 30px
}
.bann_pictos .grille-elem-egalise .txt_contenu {
 display: none
}
.hauteurpage {
 height: auto !important
}
*[class^="diaporama"] {
 margin-bottom: 0 !important
}
h3.plusgros {
 font-size: 24px
}
h4.plusgros {
 font-size: 14px
}
}

@media only screen and (max-width: 800px) and (min-width: 0px) {
.col-inputt, .colonne_2, .colonne_2-3, .colonne_1-3, .colonne_3-4, .colonne_1-4, form.contact .colonne_2, form.contact .colonne_2+.colonne_2, .colonne_40, .colonne_60 {
 clear: both;
 width: auto;
 float: none !important;
 margin: 0 0 18px 0
}
.bloc--plan {
 padding: 50px 0 0 0 !important
}
.bloc--large.bloc--blanc.ctn_fiche {
 padding: 1px
}
.prem_image {
 height: auto !important
}
.grille.prem_image .bloc--blanc {
 width: 100% !important;
 left: auto;
 bottom: auto;
 padding: 20px;
 margin-top: 100px;
 background: rgba(255,255,255,0.7);
 position: relative !important
}
.ctn_fiche h2 {
 font-size: 20px
}
.encart_laius .zone_texte .zone_texte_placement {
 padding: 130px 25px 0px 25px
}
header form {
 margin-bottom: 0 !important
}
header .header-bandeau {
 height: 110px
}
#www, h1 {
 display: none
}
#slogan {
 bottom: -11px;
 right: 0;
 font-size: 10px
}
.bloc.bloc--ecartHaut {
 margin-top: 0
}
.hauteurpage .slogans h2 {
 font-size: 20px;
 line-height: 25px
}
.multi .tx {
 display: none !important
}
nav.nav {
 position: fixed;
 height: 100%;
 background: #1c1c1c;
 width: 230px !important;
 top: 0;
 left: 0;
 margin: 0;
 -moz-transform: translateX(-230px);
 -ms-transform: translateX(-230px);
 -webkit-transform: translateX(-230px);
 transform: translateX(-230px);
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 z-index: 10001;
 padding-bottom: 48px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
body.menu-active nav.nav {
 -moz-transform: translateX(0px);
 -ms-transform: translateX(0px);
 -webkit-transform: translateX(0px);
 transform: translateX(0px);
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
nav.nav>ul {
 height: 100%;
 overflow-y: auto;
 margin: 0 !important;
 padding: 5px !important;
 width: auto !important;
 display: block;
 width: auto;
 margin: 0 0 18px 0;
 clear: both;
 width: 100%
}
nav.nav>ul>li {
 display: block;
 float: none;
 width: auto;
 text-align: left;
 margin: 0 0 9px 0;
 background-color: #000;
 background-color: rgba(0,0,0,0.05)
}
nav.nav>ul>li>a, nav.nav>ul>li>span>a, nav.nav>ul>li>span>span {
 padding: 9px !important;
 font-size: 17px;
 text-align: left
}
nav.nav>ul>li>a:after, nav.nav>ul>li>a:before, nav.nav>ul>li>span>a:after, nav.nav>ul>li>span>a:before, nav.nav>ul>li>span>span:after, nav.nav>ul>li>span>span:before {
 display: none
}
nav.nav>ul>li:hover, nav.nav>ul>li.active {
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms;
 background-color: #000;
 background-color: rgba(0,0,0,0.15)
}
nav.nav>ul>li:hover>a, nav.nav>ul>li:hover>span>a, nav.nav>ul>li:hover>span>span, nav.nav>ul>li.active>a, nav.nav>ul>li.active>span>a, nav.nav>ul>li.active>span>span {
 background: none
}
nav.nav>ul>li>ul, nav.nav>ul>li>span>ul {
 top: auto;
 width: auto;
 left: auto;
 opacity: 1;
 visibility: visible;
 box-shadow: none;
 position: relative;
 z-index: 2;
 overflow: hidden;
 background: none;
 display: none !important
}
nav.nav>ul>li>ul>li, nav.nav>ul>li>span>ul>li {
 list-style: circle inside
}
nav.nav>ul>li>ul>li>a, nav.nav>ul>li>ul>li>span>a, nav.nav>ul>li>span>ul>li>a, nav.nav>ul>li>span>ul>li>span>a {
 text-align: center;
 padding: 6px 0 6px 0
}
nav.nav>ul>li>ul>li:hover>a, nav.nav>ul>li>ul>li:hover>span>a, nav.nav>ul>li>span>ul>li:hover>a, nav.nav>ul>li>span>ul>li:hover>span>a {
 background: #f0f0f0;
 color: #f6ff00
}
#btMenu {
 display: block;
 cursor: pointer
}
.included {
 width: auto !important;
 float: none !important;
 margin: 15px 0 !important
}
.img.laius {
 width: 35%
}
form {
 clear: both;
 width: auto;
 float: none !important;
 margin: 0 0 18px 0
}
}

@media only screen and (max-width: 640px) and (min-width: 0px) {
.barrerecherche .h_divisions {
 width: 117px
}
.grille-annonce--quinconce .ann .ann-elem:first-child, .grille-annonce--quinconce .ann .ann-elem:nth-child(2) {
 width: 100% !important
}
.bt.picto--pdf {
 width: 100%;
 text-align: center;
 margin-bottom: 15px !important
}
#logo {
 width: 100px;
 padding: 10px 0 0 0
}
#logo:before {
 display: none
}
.bann_app img {
 width: 100px
}
}

@media only screen and (max-width: 480px) and (min-width: 0px) {
#footer-bt {
 display: none !important
}
.img.laius {
 clear: both;
 width: auto;
 float: none !important;
 margin: 0 0 18px 0
}
.txt-col {
 -moz-columns: 18px 1;
 -webkit-columns: 18px 1;
 columns: 18px 1
}
}/*!===== CSS BOUTIQUE =====*/
.erreur_panier {
 position: absolute;
 top: 0;
 left: 0
}
.bloc--compl-panier {
 background-color: #fff;
 padding: 18px;
 color: #262626;
 margin-bottom: 9px !important
}
.bloc--compl-panier h2, .bloc--compl-panier h2>a, .bloc--compl-panier h3, .bloc--compl-panier h4, .bloc--compl-panier a {
 color: #000
}
.bloc--compl-panier>.bloc {
 margin-bottom: 0 !important;
 padding: 12px;
 background: #fff
}
body.page_panier nav {
 display: none
}
.bt.full {
 width: 100% !important;
 padding: 18px 0 !important;
 text-align: center;
 margin-left: 0 !important;
 margin-bottom: 3px !important
}
.kamino-loading-layer {
 background: rgba(255,255,255,0.8) !important
}
#panier-bas-non-annonce {
 position: relative;
 display: block;
 width: 100%;
 padding: 0 18px 18px 18px;
 border: 1px solid #f2f1ee;
 opacity: 0
}
body.loaded #panier-bas-non-annonce {
 opacity: 1
}
#panier-bas-non-annonce>span {
 position: relative;
 display: block;
 float: left;
 width: 100%;
 padding: 18px 0;
 border-bottom: 1px solid #f2f1ee
}
#panier-bas-non-annonce>span:last-of-type {
 border-bottom: none;
 padding-bottom: 0
}
#panier-bas-non-annonce>span:first-child>h3 {
 text-align: center
}
#panier-bas-non-annonce>span>span {
 position: relative;
 display: block;
 float: left;
 width: 30px;
 height: 30px;
 margin-right: 5px
}
#panier-bas-non-annonce>span>span svg {
 width: auto;
 height: 80%
}
#panier-bas-non-annonce>span>span svg .st0 {
 fill: #f2f1ee
}
#panier-bas-non-annonce>span h3 {
 text-align: left;
 text-transform: uppercase;
 font-size: 12px;
 color: col-compl
}
#panier-bas-non-annonce>span h4 {
 text-align: left;
 font-size: 10px;
 color: col-compl
}
.grille.grille_panier {
 margin: 0 0 9px 0;
 padding: 9px 0 0 0;
 border-top: 1px solid #e6e6e6
}
.grille.grille_panier form a.plusmoins {
 border: 1px solid #e6e6e6;
 display: inline-block;
 width: 15px;
 text-align: center;
 margin: 0 4px
}
.grille.grille_panier form a.plusmoins:hover {
 opacity: 0.4
}
.grille.grille_panier.titres {
 margin: 0;
 padding: 0;
 background: #e6e6e6
}
.grille.grille_panier.titres h4 {
 padding: 12px 0 !important
}

@media only screen and (max-width: 800px) and (min-width: 0px) {
.grille.grille_panier.titres {
 display: none
}
}
.grille.grille_panier .grille-elem {
 -webkit-align-items: center;
 -moz-align-items: center;
 align-items: center
}
.grille.grille_panier .grille-elem:nth-child(1) {
 -webkit-flex-grow: 1;
 -moz-flex-grow: 1;
 flex-grow: 1
}
.grille.grille_panier .grille-elem:nth-child(2) {
 -webkit-flex-grow: 4.2;
 -moz-flex-grow: 4.2;
 flex-grow: 4.2
}
.grille.grille_panier .grille-elem:nth-child(3) {
 -webkit-flex-grow: 2;
 -moz-flex-grow: 2;
 flex-grow: 2
}
.grille.grille_panier .grille-elem:nth-child(4) {
 -webkit-flex-grow: 2;
 -moz-flex-grow: 2;
 flex-grow: 2
}
.grille.grille_panier .grille-elem:nth-child(5) {
 -webkit-flex-grow: 0.5;
 -moz-flex-grow: 0.5;
 flex-grow: 0.5
}
.grille.grille_panier .grille-elem:nth-child(6) {
 -webkit-flex-grow: 0.3;
 -moz-flex-grow: 0.3;
 flex-grow: 0.3
}
#panier-total {
 background: #e6e6e6;
 padding: 9px;
 margin-bottom: 5px !important;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}
#panier-total h4 {
 text-align: right
}
.grille.grille_radiobt {
 border-bottom: 1px solid #e6e6e6;
 margin-bottom: 5px;
 min-height: 70px
}
.grille.grille_radiobt:first-child {
 border-top: 1px solid #e6e6e6
}
.grille.grille_radiobt img {
 width: 50px
}
.grille.grille_radiobt .grille-elem {
 -webkit-align-items: center;
 -moz-align-items: center;
 align-items: center
}
.grille.grille_radiobt .grille-elem:nth-child(1) {
 -webkit-flex-grow: 1;
 -moz-flex-grow: 1;
 flex-grow: 1;
 max-width: 20px
}
.grille.grille_radiobt .grille-elem:nth-child(2) {
 -webkit-flex-grow: 4;
 -moz-flex-grow: 4;
 flex-grow: 4
}
.grille.grille_radiobt .grille-elem:nth-child(3) {
 -webkit-flex-grow: 3;
 -moz-flex-grow: 3;
 flex-grow: 3
}
.grille.grille_radiobt .grille-elem:nth-child(4) {
 -webkit-flex-grow: 2;
 -moz-flex-grow: 2;
 flex-grow: 2;
 text-align: right
}
.grille.grille_recap {
 border-bottom: 1px solid #e6e6e6;
 margin-bottom: 5px;
 min-height: 50px
}
.grille.grille_recap .grille-elem {
 -webkit-align-items: center;
 -moz-align-items: center;
 align-items: center
}
.grille.grille_recap .grille-elem:last-of-type {
 text-align: right;
 font-weight: bold
}
.bt.panier {
 background-color: #006700
}
.bt.panier:hover {
 background-color: #005700
}
.bt.panier:active {
 background-color: rgba(0,103,0,0.5)
}
.fiche .bt.panier {
 width: 100%;
 text-align: center;
 padding: 20px 0;
 font-size: 13px
}
.bt.panier span {
 font-size: 1.3em;
 font-weight: bold
}
.annonce .bt.panier {
 margin-bottom: 4.5px !important
}

@media only screen and (max-width: 800px) and (min-width: 0px) {
.disnone_grand {
 display: none
}
}
.ligne_sep {
 border-left: 1px solid #f6ff00;
 padding-left: 18px;
 margin-left: 18px
}
.stock {
 padding: 1px 0;
 text-align: center;
 width: 100%;
 float: right;
 display: block;
 font-weight: bold;
 margin: 6px 0 0 0
}
.stock.ok {
 color: #006700
}
.stock.mok {
 color: #f47300
}
.stock.nok {
 color: red
}
.ligne_panier {
 margin: 0;
 padding: 9px 0;
 border-top: 1px solid rgba(246,255,0,0.6)
}
.ligne_panier>.l_panier_elem {
 background: rgba(246,255,0,0.1);
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 18px
}
.ligne_panier>.l_panier_elem img {
 float: left;
 margin: 0 5px 0 0
}
.ligne_panier>.l_panier_elem+.l_panier_elem {
 text-align: center !important;
 background: rgba(246,255,0,0);
 line-height: 30px
}
#erreur_panier {
 position: absolute;
 top: 0;
 left: 0
}
.bloc_panier {
 padding: 0;
 margin: 0 0 18px 0;
 position: relative;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.bloc_panier h4 {
 text-align: left;
 font-size: 14px;
 padding: 0;
 margin-bottom: 0 !important
}
.bloc_panier h4.titre {
 font-weight: bold;
 text-transform: uppercase;
 margin: 0 0 5px
}
.bloc_panier h4.titre.marges {
 padding: 27px 0 !important
}
.bloc_panier h4.titre .lib {
 opacity: 0.5;
 font-weight: normal;
 margin-left: 15px
}
.bloc_panier .bt.abs {
 position: absolute;
 bottom: 0;
 right: 0
}
.bloc_panier .open, .bloc_panier .done {
 opacity: 1;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.bloc_panier .panier_titre {
 opacity: 0.4;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.bloc_panier.open .panier_titre, .bloc_panier.done .panier_titre {
 opacity: 1;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms
}
.bloc_panier.done .panier_titre {
 background-color: #424242
}
.bloc_panier.done .panier_titre .numero {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/boutique/panier_val.svg);
 background-position: 15px center;
 background-size: auto 15px;
 background-repeat: no-repeat
}
.bloc_panier.done .panier_titre .numero>span {
 opacity: 0
}
.bloc_panier .bt {
 width: auto !important
}
.bloc_panier .mention {
 margin: 0 0 6px;
 text-align: left
}
.bloc_panier.unauthorized {
 background: #f33;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms;
 -webkit-animation-name: unaut;
 -moz-animation-name: unaut;
 animation-name: unaut;
 -webkit-animation-duration: 425ms;
 -moz-animation-duration: 425ms;
 animation-duration: 425ms;
 -webkit-animation-iteration-count: 1;
 -moz-animation-iteration-count: 1;
 animation-iteration-count: 1;
 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 -moz-animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 animation-timing-function: cubic-bezier(0, 0, 0.025, 1.02);
 -webkit-animation-fill-mode: forwards;
 -moz-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
 -webkit-animation-delay: 0ms;
 -moz-animation-delay: 0ms;
 animation-delay: 0ms
}
.bloc_panier.unauthorized .panier_resume span {
 display: none
}
.bloc_panier .infos {
 padding: 9px;
 font-style: italic;
 font-size: 0.9em
}
.bloc_panier .infos h4 {
 font-style: normal;
 font-weight: bold;
 font-size: 1.1em
}
.bloc_panier .infos#cgv {
 max-height: 100px;
 overflow: auto;
 margin: 10px 0 0 0;
 display: none
}
.panier_titre {
 padding: 2px;
 margin: 0;
 opacity: 1;
 position: relative;
 font-size: 16px;
 background-color: #1c1c1c;
 text-transform: uppercase;
 color: #fff;
 background-position: 70px center;
 background-repeat: no-repeat;
 background-size: auto 25px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}
.panier_titre.panier_pan {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/boutique/panier_pan.svg)
}
.panier_titre.panier_con {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/boutique/panier_con.svg)
}
.panier_titre.panier_liv {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/boutique/panier_liv.svg)
}
.panier_titre.panier_pai {
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/boutique/panier_pai.svg)
}
.panier_titre .numero {
 font-weight: bold;
 width: 33px;
 padding: 10px;
 display: inline-block;
 text-align: center;
 margin-right: 45px;
 border-right: 1px solid #fff
}
.colonne_align {
 margin: 0 9px;
 display: block;
 display: flex;
 display: -webkit-flex;
 display: -moz-flex;
 -webkit-align-items: stretch;
 align-items: stretch;
 width: 100%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-flex-direction: column;
 -moz-flex-direction: column;
 flex-direction: column;
 -webkit-flex-wrap: nowrap;
 -moz-flex-wrap: nowrap;
 flex-wrap: nowrap;
 -webkit-justify-content: flex-end;
 -moz-justify-content: flex-end;
 justify-content: flex-end
}
.colonne_align .bt, .colonne_align h3 {
 width: 100%;
 margin: 0;
 text-align: center
}
@-webkit-keyframes aunaut {
0% {
background:#f00000
}
100% {
background:#E0E0E0
}
}
@-moz-keyframes aunaut {
0% {
background:#f00000
}
100% {
background:#E0E0E0
}
}
@-ms-keyframes aunaut {
0% {
background:#f00000
}
100% {
background:#E0E0E0
}
}
@keyframes aunaut {
0% {
background:#f00000
}
100% {
background:#E0E0E0
}
}
.panier_resume {
 position: absolute;
 font-size: 12px;
 right: 18px;
 top: 15px
}
.panier_resume .modifier {
 text-transform: uppercase;
 text-decoration: underline;
 cursor: pointer;
 margin-left: 10px;
 border-left: 1px solid #f6ff00;
 padding-left: 10px
}
.panier_resume .modifier:before {
 content: "+ ";
 text-decoration: none
}
.panier_resume .panier_resume {
 color: #fff;
 background: #1c1c1c;
 padding: 2px 5px;
 border-radius: 2px;
 display: block;
 float: right;
 margin: 0 0 3px 5px;
 cursor: pointer
}
.bloc_panier.open .panier_resume, .bloc_panier.notaccessible .panier_resume, .bloc_panier#jgo_acc_bloc_panier_1 .panier_resume {
 display: none
}
.panier_remplissage {
 padding: 0px 0;
 overflow: hidden;
 position: relative;
 font-size: 1em;
 -moz-transition: all 225ms ease-in-out 0ms;
 -o-transition: all 225ms ease-in-out 0ms;
 -webkit-transition: all 225ms ease-in-out;
 -webkit-transition-delay: 0ms;
 transition: all 225ms ease-in-out 0ms;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box
}
.bloc_panier .panier_table {
 margin: 3px 0
}
.bloc_panier .bloc_panier .panier_table strong {
 color: #000
}
.bloc_panier table tr td {
 width: auto !important
}
.bloc_panier table tr td img {
 margin: 0 0 0 4.5px;
 float: right
}
#btCgv {
 cursor: pointer
}
.bloc_paiementlivraison {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 12px;
 border: 1px solid #f6ff00
}
.paiementlivraison {
 position: relative;
 width: 23%;
 width: calc(25% - 18px);
 height: 83px;
 float: left;
 margin: 18px 9px 0 !important;
 text-align: center;
 display: block
}

@media only screen and (max-width: 800px) and (min-width: 0px) {
.paiementlivraison {
 width: calc(50% - 15px)
}
}
.paiementlivraison span {
 text-transform: uppercase;
 font-size: 0.9em;
 margin: 6px 0 0 0
}
.paiementlivraison img {
 margin: 0 0 6px
}
.verrou {
 color: #000;
 padding: 6px 36px;
 text-align: right;
 background-repeat: no-repeat;
 background-position: right 4px;
 background-image: url(/web/20190131031629im_/http://www.tootacassis.fr/site/images/interface/boutique/ico_cadenas.svg);
 font-style: italic
}
#blocStep2 .grille-elem:nth-child(1) {
 order: 2;
 margin-right: 0
}
#blocStep2 .grille-elem:nth-child(2) {
 order: 1;
 margin-right: 9px;
 padding-right: 9px;
 border-right: 1px solid #f2f1ee
}
#connexion-non-connecte .grille>.grille-elem.grille-grow-6 {
 order: 1
}
#connexion-non-connecte .grille>.grille-elem.grille-grow-4 {
 order: 2
}

@media only screen and (max-width: 800px) and (min-width: 0px) {
body.page_panier .pdp, body.page_panier .footer-contact {
 display: none
}
#connexion-non-connecte .bt.abs.cta.picto--cta {
 position: relative;
 float: right !important
}
.ligne_sep {
 padding-left: 0;
 border-left: none;
 padding-top: 18px
}
.grille_panier .grille-elem:first-child {
 display: none
}
.panier_resume {
 position: absolute;
 font-size: 9px;
 right: 5px;
 top: 5px
}
.grille.grille_radiobt {
 padding: 10px;
 text-align: center
}
.grille.grille_panier {
 text-align: center
}
.bloc_panier h4 {
 text-align: center
}
.grille.grille_radiobt .grille-elem:nth-child(1) {
 max-width: 100%
}
.panier_titre {
 font-size: 13px
}
.bloc_panier h4.titre {
 padding: 0 0 20px
}
}
.liens {
 text-decoration: underline;
 text-align: left;
 margin-top: 10px;
 display: inline-block
}

/*
     FILE ARCHIVED ON 03:16:29 Jan 31, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:31:26 Jun 22, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.475
  exclusion.robots: 0.045
  exclusion.robots.policy: 0.036
  esindex: 0.008
  cdx.remote: 10.563
  LoadShardBlock: 185.541 (3)
  PetaboxLoader3.datanode: 115.419 (5)
  PetaboxLoader3.resolve: 224.656 (4)
  load_resource: 187.177 (2)
*/