.trick{display:none !important;}
body {font-family:'Lato', arial, sans-serif;font-size:0.850rem;color:#000;width: 100%;margin:0;padding:0}
img {border:0;max-width:100%;height:auto;vertical-align: bottom;}
a {text-decoration:none;}
.clearboth {clear:both;float:none;margin:0;padding:0;width:0;height:0;}
/* Fixed menu onscroll */
.sticky {position: fixed;top: 0;width: 100%;z-index:2;}
.sticky + .topPaddingScroll {height:91px;background:#fff;}

/* Affiche les images ou les DIVs en FadeIn */
.fadeElement {
    /*opacity: 0;*/

    filter: alpha(opacity=0);transition:opacity .45s .60s ease-out;-webkit-transition:opacity .45s .60s ease-out;-moz-transition:opacity .45s .60s ease-out;-o-transition:opacity .45s .60s ease-out;}
.fadeElement.show {opacity: 1;filter: alpha(opacity=100);}
.hr {border-bottom:1px solid #E8E8E8;width:100%;background:#fff}


h1{font-size: 40px;font-weight: bold;}
h2{font-size: 30px;font-weight: bold;text-transform:uppercase;}
h3{font-size: 20px;}
h4{font-size:16px; margin:10px 0 5px 0;}
p{margin-top:10px;}
.important{color:#8a569a; font-size:15px;width:100%;padding:15px;border-radius:5px;background:#eee;}
p.normal{padding: 20px;font-size: 16px;color: #444;line-height: 25px;padding-left:0}
p.medium{padding: 20px;font-size: 15px;color: #444;line-height: 22px;padding-left:0}
p.small{padding: 20px;font-size: 14px;color: #444;line-height: 20px;padding-left:0}

strong{font-weight:bold;}
section.full_width{
 padding:30px 0 50px 0;
 width:100%;
 display:inline-block;
 border-top:1px solid #eee;
 border-bottom:1px solid #eee;
 box-shadow: 0px 5px 10px #444;
}
section.grey{
 border-top:1px solid #ccc;
 background-color: #f1f1f1;
}
section.shadow{
 box-shadow: 0px 5px 10px #444;
}
#breadcrumb{
 margin-top: 10px;
 padding: 5px 20px 5px 100px;
 background: #8a569a;
 color: #fff;
 font-size: 12px;
 display: inline-block;
 position:absolute;
}
#breadcrumb a{
 color: #fff;
 display: inline-block;
 margin: 0 5px;
}
#breadcrumb:after{
 content: '';
 position: absolute;
 margin-top: -5px;
 margin-left: 20px;
 border-left: solid 13px #8a569a;
 border-top: solid 14px transparent;
 border-bottom: solid 11px transparent;
}
.gif-like ul{
 position: relative;
 display: inline-block;
 height: 100%;
 width: 100%;
}
.gif-like ul li{
 position:absolute;
 height: 100%;
 width: 100%;
 opacity:0;
}
.gif-like ul li.active{
 opacity:1;
}
.display-table{
 border:0;
 border-top:1px solid #aaa;
 border-bottom:1px solid #aaa;
 width:100%;
}
.display-table td{
 vertical-align:middle;
 padding:5px;
}
.display-table td:first-child{
 font-weight:bold;
}
.display-table thead td{
 font-weight:bold;
 border-bottom:1px solid #aaa;
 height:30px;
}
.display-table tbody tr:nth-child(even) {background: #eee}
.display-table tbody tr{
 height:35px;
}
ul.list{
 margin-top:20px;
 margin-bottom:20px;
}
ul.list li{
 margin-left:20px;
 margin-bottom:10px;
}
.home_translators figure img{max-width:70px;}
/***** DOWNLOADS *******/
.form-field{
 display: inline-block;
 width: 100%;
}
.form-field label{
 position:relative;float:left;font-size: 14px;display:inline-block;
}
.list-all{display:inline-block;float:right;color:#8a569a;text-decoration:underline;}
table.version-table, table.version-table-betas{
 display:inline-block;
 width:100%;
 clear:both;
 border-top:1px solid #000;
 display:none;
}
#select-version, #select-version-betas{
 border-bottom:1px solid #000;
}
thead.version-open{
 width: 100%;
 display: inline-block;
 padding: 10px;
}
thead.version-open tr{
 width: 100%;
 display: inline-table;
}
.version-table tbody,.version-table-betas tbody{
 border-top: 1px #000 dashed;
}
.version-table tbody td, .version-table-betas tbody td{
 padding:10px;
}
td.icon{
 width:5%;
}
td.icon > a{
 display: inline-block;
 padding: 2px 4px;
 border: 1px solid #8a569a;
 font-size: 16px;
}
td.icon > a > i.fa-times{
 padding: 0 2px;
}
td.title-version{
 width:40%;
}
td.mcam-version{
 width:15%;
}
td.date-version{
 width:15%;
}
td.ext-version{
 width:10%;
}
tr.head{
 font-size: 12px;
 font-weight: bold;
 color: #222;
}
.version-table tbody, .version-table-betas tbody{
 display:none;padding: 0 5%;
}
.version-table tbody tr td:first-child,.version-table-betas tbody tr td:first-child{
 width:50%;
}
.version-table tbody tr td h2,.version-table-betas tbody tr td h2{
 font-size:15px;padding:5px 0;
}
.version-table tbody tr td h3, .version-table-betas tbody tr td h3{
 font-size:13px;padding:0 0 10px 0;
}
.version-table tbody tr td a.download, .version-table-betas tbody tr td a.download{
 font-size:12px;
}
.version-table tbody tr td span.file_size, .version-table-betas tbody tr td span.file_size{
 font-size:11px;font-weight:bold;
}
.version-table tbody tr td:nth-child(2n), .version-table-betas tbody tr td:nth-child(2n){
 font-size:13px;
}
.version-table tbody tr td:nth-child(2n) p,.version-table-betas tbody tr td:nth-child(2n) p{
 padding:5px 0;
}
.version-table tbody tr td:nth-child(2n) h4, .version-table-betas tbody tr td:nth-child(2n) h4{
 padding:0 0 5px 0;
 font-size:14px;
 font-weight:bold;
}
.version-table tbody p.version_note, .version-table-betas tbody p.version_note{
 padding:5px 0;font-style:italic;font-weight:bold;color:#333;
}
/*
select {
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 appearance: none;
 outline: 0;
 box-shadow: none;
 border: 0 !important;
 background: #f1f1f1;
 background-image: none;
 border : 1px solid #eee;
}
 */
/* Remove IE arrow */
/*
select::-ms-expand {
 display: none;
}
*/

/* Custom Select */
.select {
 position: relative;
 float:left;
 display: flex;
 width: 20em;
 height: 2em;
 line-height: 3;
 background: #f1f1f1;
 overflow: hidden;
 border-radius: .25em;
 top:-3px;
 left:10px;
}
/*
select {
 flex: 1;
 padding: 0 .5em;
 color: #000;
 cursor: pointer;
}
*/

/* Arrow */
.select::after {
 content: '\25BC';
 position: absolute;
 top: -5px;
 right: 0;
 padding: 0 1em;
 background: #eee;
 cursor: pointer;
 pointer-events: none;
 -webkit-transition: .25s all ease;
 -o-transition: .25s all ease;
 transition: .25s all ease;
}
/* Transition */
.select:hover::after {
 color: #8a569a;
}

/******* TOP MENU **********/
#top_header {background:#000;padding:8px 50px;color:#AEAEAE;text-transform:uppercase}
#top_header ul {font-size:0.7250rem;box-sizing: border-box;margin:0;list-style-type: none;}
#top_header ul li {float:left;padding:0 10px}
#top_header ul li.center {text-align:center}
#top_header ul li.left {text-align:left;float:left;}
#top_header ul li.right {text-align:right;float:right;}
#top_header ul li a {color:#AEAEAE;text-decoration:none;transition:.2s;}
#top_header ul li a:hover {color:#fff}
#top_header ul li .underline {border-bottom:1px solid #AEAEAE;text-decoration:none;margin-left:5px;position:relative;margin-right:20px;}
#top_header ul li .underline .notransform {text-transform:none;}
#top_header ul li .underline .title {display:block;font-size:0.70rem;color:#777;padding:10px 20px;text-transform:none;background:#e8e8e8}
#top_header ul li .underline em {display:none;position:absolute;background:#fff;z-index:10;width:250px;border:1px solid #e1e1e1;border-radius:2px;}
#top_header ul li .underline em a {display:block;color:#000;padding:10px 20px;}
#top_header ul li .underline em a:hover {text-decoration:none;color:#000;background:#f4f4f4;}
#top_header ul li .underline:hover em {display:block;}
#top_header ul li .underline:hover {border-bottom:1px solid #fff;margin-bottom:20px;color:#fff}

#MenuTabMob {display:none;position:relative;}
#MenuTabMob .MenuTabMob_bars {float:left;margin:20px 0 20px 20px;}
#MenuTabMob .MenuTabMob_logo {position:absolute;margin:0 auto;text-align:center;width:148px;left:0;right:0;padding-top:15px;}
#MenuTabMob .MenuTabMob_icon {float:right;text-align:right;padding:20px 20px 0 0}
#MenuTabMob .MenuTabMob_icon .margin {margin-right:10px;}
#MenuTabMob .MenuTabMob_icon p {display:inline-block;}
#MenuTabMob .MenuTabMob_icon p a {text-decoration:none;color:#000}
#MenuTabMob .MenuTabMob_search {padding:5px 10px 10px 10px;}
#MenuTabMob .MenuTabMob_search .input {border-radius:5px;background:#efefef;border:none;}

#mainMenu {background-color: #fff;border-bottom: 1px solid #eee;}
#mainMenu nav {position:fixed;}
#mainMenu ul {list-style:none;padding:0;margin:0;box-sizing:border-box;}
#mainMenu>ul{width:100%}
#mainMenu>ul>li>p{padding:20px 30px;text-transform:uppercase}
#mainMenu .menu_content {display: none;position: absolute;width: 100%;left:0;box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);z-index: 10;padding:20px 50px;box-sizing:border-box;background:#fff;font-size:0.750rem}
#mainMenu .menu_content_small {left:auto;width: 350px;padding-left:30px}
#mainMenu .menu_content ul {position:relative;text-align:left;}
#mainMenu .menu_content ul.float_20 {float:left;width:20%;}
#mainMenu .menu_content ul.float_25 {float:left;width:25%;}
#mainMenu .menu_content ul.float_30 {float:left;width:30%;}
#mainMenu .menu_content ul li {list-style:none;position:relative;padding:5px 0;}
#mainMenu .menu_content ul li a {text-decoration:none;color:#000;transition: 0.2s;}
#mainMenu .menu_content ul li a:hover {color:#777}
#mainMenu .menu_content .highlights {margin-bottom:10px;font-weight:bold}
@keyframes fade_dropmenu { 0% {opacity: 0.1;filter: alpha(opacity=10);}100% {opacity: 1;filter: alpha(opacity=100);} }
#mainMenu .dropdown {display:inline-block;margin-top:10px;margin-bottom:10px;}
#mainMenu .dropdown.logo {padding-right:50px;padding-left:50px;}
#mainMenu .dropdown .categorie {border-bottom:1px solid #fff;color: #000;padding: 14px 10px;background-color: inherit;margin: 0;cursor:pointer;position:relative;font-size:0.850rem;font-weight:bold;}
#mainMenu .dropdown .categorie.actu {color: red;}
#mainMenu .dropdown:hover .menu_content {display: block;animation-name: fade_dropmenu;animation-iteration-count: 1;animation-timing-function: ease-in-out;animation-duration: 0.20s;}
#mainMenu .dropdown:hover .categorie {color: #000;border-bottom:1px solid #000;}
#mainMenu .dropdown .gift {margin-bottom:5px;}
#mainMenu .dropdown .gift a {padding:5px 10px;font-size: 0.650rem;background:#000000;border-radius: 2px;color: #FFFFFF;text-decoration:none;}
#mainMenu .dropdown .see_all {margin-bottom:10px}
#mainMenu .dropdown .see_all a {text-decoration:none;color:#777;}
#menuMobile {display:none;position:fixed;top:105px;width:100%;z-index:9999;height:100%;overflow:auto;background:#fff;
 /*smothh scoll iphone*/-webkit-overflow-scrolling: touch;-webkit-transition: touch;-moz-transition: touch;-o-transition: touch;
 animation-name: fade_dropmenu;animation-iteration-count: 1;animation-timing-function: ease-in-out;animation-duration: 0.20s;}
#menuMobile nav {margin:0;max-width:100%;padding-bottom:150px;}
#menuMobile	.accordionMobile {cursor: pointer;padding:20px;width: 100%;border-top:1px solid #E8E8E8;text-align: left;transition: 0.4s;box-sizing: border-box;margin-bottom:0;font-weight:bold}
#menuMobile	.accordionMobile.activeMobile {border-bottom:none;}
#menuMobile	.accordionMobile:after {content: '\02795';font-size: 0.750rem;float: right;margin-left: 5px;}
#menuMobile	.accordionMobile.activeMobile:after {content: "\2796";}
#menuMobile	ul.panelMobile {padding: 0 20px;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
#menuMobile	ul.panelMobile li {font-size:0.90rem;padding:10px 0;}
#menuMobile	ul.panelMobile li:last-child {padding-bottom:40px;}
#menuMobile	ul.panelMobile li a {display:block;color:#777;text-decoration:none;transition: 0.25s }
#menuMobile	ul.panelComplete {color:#777;font-size:0.80rem;text-transform:uppercase;}
#menuMobile	ul.panelComplete li {padding:15px 20px;border-top:1px solid #efefef;}
#menuMobile	ul.panelComplete li a {display:block;color:#777;text-decoration:none;}
#menuMobile	ul.panelComplete .underline {border-bottom:1px solid #777;text-decoration:none;margin-left:5px;}
#menuMobile	ul.panelComplete .arrow::after {content:"â–¼";margin-left:5px;}
#menuMobile	ul.panelComplete .svg {margin-right:5px;}
/******************** FOOTER ******************************/
#footer {background:#222;}
#footer nav {margin:0 auto;max-width:1280px;padding:60px 50px 60px 50px}
#footer	.bloc_footer {float:left;width:25%;}
#footer	ul.panel li {color:#AEAEAE;font-size:0.7850rem;padding:5px 0}
#footer	ul.panel li a {color:#AEAEAE;text-decoration:none;transition: 0.25s }
#footer	ul.panel li a:hover, #footer ul.panel li a:focus,#footer ul.panel li a:active {color:#fff;}
#footer	.accordion {color: #fff;font-size:0.850rem;margin-bottom:20px;}
#footer .end_footer	{text-align: center;padding: 10px 0;margin-top: 20px;color: #AEAEAE;width: 100%;position: absolute;left: 0;background: #191919;}
#footer .end_footer	a {font-size:0.750rem;color:#AEAEAE;text-decoration:none;margin:0 10px 0 10px;transition: .2s}
#footer .end_footer	a:hover {color:#fff}
#footer	ul.panel li.newsletter {position:relative}
#footer	ul.panel li.newsletter #result {margin-top:10px;position:absolute;filter: alpha(opacity=0);opacity:0;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;width:100%;z-index:10;}
#footer	ul.panel li.newsletter #result .result {display:block;font-size:0.750rem;}
#footer	ul.panel li.newsletter .input_nl {outline:none;border:none;padding:12px 5px;font-size:0.750rem;}
#footer	ul.panel li.newsletter .btn_nl {font-weight:bold;outline:none;cursor:pointer;border:none;color:#000;background:transparent;padding:13px 0 10px 0;position:absolute;right:0;width:50px;text-align:center;z-index:1;font-size:0.70rem;letter-spacing:0.06rem;}
#footer	ul.panel li.newsletter .input_nl, #footer	ul.panel li.newsletter .btn_nl {font-family:'Gotham Book', arial, sans-serif;-webkit-appearance: none;border-radius: 0;-webkit-border-radius:0;-moz-border-radius:0;white-space:nowrap;vertical-align:middle;box-sizing:border-box;}

/******************** H O M E  P A G E ********************/
#home {width: 100%;margin:0;padding:0;}
#home .main-carousel .carousel-cell {width: 100%;height:70vh;position:absolute;margin:0;padding:0}
#home .main-carousel .carousel-cell .call_2_action {position:absolute;text-align:center;width:100%;top:35%;}
#home .main-carousel .carousel-cell .call_2_action p {text-align:center;padding: 0 20px;margin-bottom:30px;text-shadow: 1px 1px 1px #000;color:#fff;word-wrap: break-word;text-align:center;font-size:3rem;padding:0 25px;}
#home .main-carousel .flickity-prev-next-button {width: 30px;height: 30px;border-radius: 0px;background: #fff;}
#home .main-carousel .flickity-button-icon {fill: #000;}
#home .main-carousel .flickity-prev-next-button.previous {left: 0;}
#home .main-carousel .flickity-prev-next-button.next {right: 0;}
#home .main-carousel .flickity-page-dots {bottom: 10px;}
 .manifest {margin:100px auto 100px auto;max-width:800px;padding:0 50px;}
 .manifest h1,  .manifest h2 {text-align:center;font-size:2rem;line-height:2.50rem;position: relative;}
 .manifest p {font-family:'Calendas Plus' , Times , serif;font-size:1rem;line-height:2rem;margin:30px 0;text-align:center;}
 .slider_push {background:#f1f1f1;padding:50px 50px 70px 50px;}
 .slider_push .prod-carousel {margin:0 auto;max-width:1280px;}
 .slider_push .manifest {margin:0 auto;padding:0 0 20px 0;max-width:auto;box-sizing:border-box;width:100%;}
 .slider_push .carousel {background: #f1f1f1;margin:0 50px;}
 .slider_push .carousel-cell {background: #fff;width: 250px;height:370px;margin:0 10px;position:relative;}
 .slider_push .carousel-cell img {width: 200px;height:200px;padding:20px;}
 .slider_push .flickity-button {background: transparent;}
 .slider_push .flickity-prev-next-button {width: 30px;height: 30px;border-radius: 0px;background: transparent;}
 .slider_push .flickity-button-icon {fill: #000;}
 .slider_push .flickity-prev-next-button.previous {left: -50px;}
 .slider_push .flickity-prev-next-button.next {right: -50px;}
 .slider_push .nom_cat {text-transform:uppercase;font-weight:bold;text-align:center;}
 .slider_push .tiret {text-align:center;font-size:1.50rem;}
 .slider_push .tiret::before {content:"—";}
 .slider_push h3 {font-family:'Calendas Plus' , Times , serif;font-size:0.870rem;margin-bottom:12px;margin-top:8px;line-height:1.150rem;padding:0 20px;text-align:center}
 .slider_push a {color:#000;text-decoration:none;}
#testimonies .main-carousel .carousel-cell{width:100%}
.testimony{margin-left:20%;margin-right:20%}
#testimony .main-carousel .flickity-prev-next-button{display:none;}
#testimonies .main-carousel .carousel{max-width: 900px;margin: auto;height: auto;}

#industries{display:inline-block;width:100%;}
#industries>div{width:33.3%;display:inline-block;float:left;background-size:cover;min-height:350px;position:relative;}
#industries>div>div{width:100%;height:100%;position:absolute;background-color:#000;position: absolute;top: 0;opacity:0.5;z-index:0}
#industries>div>div:hover{opacity:0}
#industries h3{width:100%;text-align:center;color:#fff;text-transform:uppercase;text-shadow: 1px 1px 1px #111;margin-top: 40%;font-size: 25px;font-weight: bold;position: absolute;z-index:1}
#industries>div:hover h3{text-shadow: 2px 2px 2px #000;}

.mlp-list li:hover{
 cursor:pointer;

}
.mlp-list span{
 display:none;
 height:auto;
 padding: 0px 10px;
 color: #444;
}
.mlp-list li.active span{
 display:inline-block;
}
.accordions {
 width: 45%;
 float: right;
}
.accordions dt, .accordions dd {
 padding:5px 0 10px 0;
 /*border: 1px solid #ccc;*/
 border-bottom: 0;
}
.accordions dd {
 padding-left:10px;
 padding-top:0;
}
.accordions dt:last-of-type, .accordions dd:last-of-type {
 /*border-bottom: 1px solid #ccc;*/
}
.accordions dt a, .accordions dd a {
 display: block;
 color: black;
 font-weight: bold;
}
.accordions dd {
 border-top: 0;
 font-size: 12px;
}
.accordions dd:last-of-type {
 /*border-top: 1px solid white;*/
 position: relative;
 top: -1px;
}

/**************************************************************/
/******************** T A B  -  MO B I L E ********************/
/**************************************************************/
@media screen and (max-width: 1280px) {
 #home .slider_push {padding:50px 20px 70px 20px;}
 #home .slider_push .flickity-prev-next-button.previous {left: -40px;}
 #home .slider_push .flickity-prev-next-button.next {right: -40px;}
 #home .slider_push .carousel {margin:0 40px}
 .menu_bloc_info {padding:13px 20px;}
 .header_menu .icon {right:20px;}
 .header_menu .categorie_content {padding:50px 20px;}
 .header_menu .dropdown .categorie {font-size:0.7850rem;}
 .header_menu .dropdown.logo {padding-right:20px;padding-left:20px;}
 #selection_pays .div {padding:60px 20px 80px 20px}
 #catalogue .filtre {padding:0 20px 10px 20px}
 .content_h1 {padding:50px 20px}
 .content_filariane {padding:0 20px 10px 20px;}
 .content_main {padding:50px 20px;}
 .boutique_fiche .infos {padding:50px 20px;}
}
@media screen and (max-width: 1024px) {
 .sticky {position: relative}
 .sticky + .topPaddingScroll {height:0}
 #home .manifest {padding:0 20px;}
 .menu_bloc_info ul li {float:none;width:100%;text-align:center;}
 .menu_bloc_info ul li.center {text-align:center}
 .menu_bloc_info ul li.left, .menu_bloc_info ul li.right {display:none}
 #mainMenu .dropdown .categorie {padding:-10px 16px 0 16px;}
 #home .main-carousel .carousel-cell {height:60vh;}
 #mainMenu {display: none;}
 #MenuTabMob {display:block;}
 #home .main-carousel .carousel-cell .call_2_action p {font-size:2.5rem;}
 #selection_pays	.bloc_pays {margin-bottom:0px;padding-top:0px;border-top:none;}
 #selection_pays .div {margin:0;max-width:100%;}
 #selection_pays	.paysType.activePays {border-bottom:none;}
 #selection_pays	.paysType {font-size:1rem;cursor: pointer;padding:20px 0;width: 100%;border-bottom:1px solid #e1e1e1;text-align: left;transition: 0.4s;box-sizing: border-box;margin-bottom:0;font-weight:bold}
 #selection_pays	.paysType.activePays {border-bottom:none;}
 #selection_pays	.paysType:after {content: '\02795';font-size: 0.750rem;color: #777;float: right;margin-left: 5px;}
 #selection_pays	.paysType.activePays:after {content: "\2796";}
 #selection_pays	.paysPanel {padding: 0 20px;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
 #selection_pays	.paysPanel ul li {font-size:0.950rem;padding:10px 0;margin-left:0;}
 #selection_pays	.paysPanel ul li a {display:block}
 #selection_pays .paysPanel .desc {color:#000;line-height:1.250rem;margin-bottom:20px;padding:0;}
 #footer	ul.panel li.newsletter .input_nl {padding:9px 5px;font-size:1rem;}
 .panelGeneral input[type=text], .panelGeneral input[type=password], .panelGeneral input[type=tel], .panelGeneral input[type=email]  {font-size:1rem}
}
@media only screen and (max-width: 900px) {
 .boutique table {float:none;width:100%;position:absolute;background:rgba(0,0,0, 0.3);z-index:1;color:#fff}
 .boutique span, .boutique span a {color:#fff;}
 .boutique .img {width:100%;}
 .boutique .btn {border: 1px solid #fff;color:#000;background: linear-gradient(to right, #000 50%, #fff 50%);background-size: 250% 100%;background-position: right bottom;}
 .boutique .btn:hover, .btn:focus, .btn:active {background-position: left bottom;color:#fff;border: 1px solid #000;}
}
@media screen and (max-width: 769px) {
 #home .le_createur {margin:0 0 100px 0;}
 #home .le_createur ul li {float:none;width:100%;}
 #home .le_createur .manifest {max-width:100%;position:absolute;background:rgba(0,0,0, 0.3);z-index:1;color:#fff}
 #home .le_createur .btn {background:#fff;border: 1px solid #000;color:#000;background: linear-gradient(to right, #000 50%, #fff 50%);background-size: 250% 100%;background-position: right bottom;}
 #home .le_createur .btn:hover, #home .le_createur .btn:hover:focus, #home .le_createur .btn:hover:active {background-position: left bottom;color:#fff;border: 1px solid #000;}
 #footer {background:#000}
 #footer	.bloc_footer {float:none;width:auto;}
 #footer nav {margin:0;max-width:100%;padding:0 0 100px 0}
 #footer	.accordion {color: #777;cursor: pointer;padding:20px;width: 100%;border-bottom:1px solid #333;text-align: left;transition: 0.4s;box-sizing: border-box;margin-bottom:0;font-weight:bold}
 #footer	.accordion.active, button.accordion:hover {border-bottom:none;}
 #footer	.accordion:after {content: '\02795';font-size: 0.750rem;color: #777;float: right;margin-left: 5px;}
 #footer	.accordion.active:after {content: "\2796";}
 #footer	ul.panel {padding: 0 20px;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
 #footer	ul.panel li {font-size:0.850rem;padding:10px 0}
 #catalogue .item ul {font-size:0.80rem;}
 #catalogue .item ul li {width:50%;}
 #catalogue .item ul li .bloc_item .tarif {font-size:0.90rem;}
 #selection_pays	.paysPanel ul.colonne {column-count:2}
 .panelGeneral input, .panelGeneral .btn {width:100%;min-width:100%;max-width:100%;}
}
@media screen and (max-width: 600px) {
 #home .slider_push .flickity-prev-next-button.previous {left: 0;}
 #home .slider_push .flickity-prev-next-button.next {right: 0;}
 #home .slider_push .carousel {margin:0}
 #home .slider_push .carousel-cell {margin:0}
 #home .slider_push .flickity-prev-next-button {background: #000;}
 #home .slider_push .flickity-button-icon {fill: #fff;}
 #catalogue #filtremultiple {width:100%;border-left:none;}
 #catalogue #filtremultiple .showResult {width:100%;}
 .boutique_fiche .img, .boutique_fiche .infos {width:100%;float:none;}
 .boutique_fiche .infos {height:auto;}
}
@media screen and (max-width: 500px) {
 #home .manifest {margin:50px auto 100px auto;}
 #home .main-carousel .carousel-cell .call_2_action p {font-size:2rem;}
 #home .manifest h1, #home .manifest h2 {font-size:1.50rem;line-height:2rem;}
 #home .manifest p {text-align:justify;}
 #selection_pays	.paysPanel ul.colonne {column-count:auto}
}
@media screen and (max-width: 350px) {
 #catalogue .item ul li {width:100%;}
}


.flip-box {
 height: 315px;
 /*background-color: transparent;
 width: 300px;
 height: 200px;
 border: 1px solid #f1f1f1;
 perspective: 1000px;*/ /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
 position: relative;

 height: 100%;
 text-align: center;
 transition: transform 0.8s;
 transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
 transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
 position: absolute;
 width: 100%;
 height: 100%;
 -webkit-backface-visibility: hidden; /* Safari */
 backface-visibility: hidden;
}

/* Style the front side */
.flip-box-front {
 background-color: #bbb;
 color: black;
}

/* Style the back side */
.flip-box-back {
 background-color: dodgerblue;
 color: white;
 transform: rotateY(180deg);
}

#contact_table{
 width:100%;
}
#contact_table tr td{
 padding:10px;
}
#contact_table tr td.label{
 padding-bottom:0;
 font-weight:bold;
}
#contact_table input{
 width:100%;
 padding:5px;
}
#contact_table textarea{
 width:100%;
 height:50px;
}