/* couleurs */
/*
Gris fond : #f3f3f3
Gris texte : #646464
Vert : #5AB0A5
Violet : #552C85
*/

/**
* Layout
**/
#tarteaucitronPersonalize { background:#562d86 !important; color:#222; border-radius:40px;}
#tarteaucitronCloseAlert { border-radius:40px; }
#tarteaucitronPercentage { background:#5AB0A5 !important; }
#tarteaucitronAlertBig { background:linear-gradient(to right, #562d86 0%,#a0ceca 100%) !important; }

.contextual-links a { color:#000 !important; }

body { font-family:'Canaro'; font-weight:500; font-size:18px; overflow-x:hidden; max-width:100%;}
img { max-width:100%; height:auto; }
a:hover { text-decoration:none; }

#header { visibility:hidden; position:relative; z-index:3; background: #fff; width: 100%;}
#header .messages {  background: linear-gradient(to right, #562d86 0%,#a0ceca 100%); text-align:center; padding:10px 30px; color:rgba(255,255,255,0.5); position:relative; }
#header .messages p { margin:0; font-size:14px;  }
#header .messages a { color: rgba(255,255,255,0.5); text-decoration: underline;  }
#header .messages .close { position:absolute; right:15px; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer; }
#header .messages p { display: none; }
#header .messages p:nth-child(1) { display: block; }
#header .messages p strong, #header .messages p b { border: 1px solid #FFFFFF80; padding: 4px; }


#header .top { border-bottom: 1px solid #e6e6e6; }
#header .top .row { justify-content:space-between; align-items:flex-end; }
#header .top .left { display:flex; flex-direction:row; justify-content:flex-start; }
#header .top .center { text-align:center; }
#header .top .center img { max-width: 80% }
#header .top .right { display:flex; flex-direction:row; justify-content:flex-end; }
#header .top .inner { padding: 20px 0 20px 0 }
#header .top ul { list-style:none; margin:0; padding:0; }
#header .top .btn { padding:5px 10px; background:#562d86; color:#fff; font-size:15px; font-weight:400; display:inline-block; margin-right:30px; box-shadow:none; }

#header .bottom { padding:15px 0; text-align:center; }
#header .bottom ul { list-style:none; margin:0; padding:0; font-size:17px; text-transform:uppercase; font-weight: 300; }
#header .bottom ul li { list-style:none; display:inline-block; margin:0 15px; }
#header .bottom ul li a { color:#646464; position:relative; transition:all 0.5s ease 0s; }
#header .bottom ul li a:before { content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:#562d86; transition:all 0.3s ease 0s; }
#header .bottom ul li a:hover,
#header .bottom ul li a.is-active { color:#562d86; }
#header .bottom ul li a:hover:before { width:100%; }

#block-menuburger { display: none; }


#block-selecteurdelangue .links { list-style:none; padding:0; margin: 4px 0 0 0 !important; font-size:18px; font-weight: 300; text-transform: uppercase; }
#block-selecteurdelangue .links li { display:inline-block; color:#646464;}
#block-selecteurdelangue .links li a { color:#646464; transition:all 0.5s ease 0s; display:inline-block;}
#block-selecteurdelangue .links li:after { content:'|'; display:inline-block; margin:0 10px;  }
#block-selecteurdelangue .links li:last-child:after { content:none; }
#block-selecteurdelangue .links li.is-active a,
#block-selecteurdelangue .links li a:hover { color:#562d86; text-decoration:none;  }
#block-selecteurdelangue .links li a:hover {transform:translateY(-5px); }


#block-innoralis-account-menu  { transition:all 0.5s ease 0s; z-index:5; position:relative; }
#block-innoralis-account-menu:hover {  }
#block-innoralis-account-menu > ul > li > a { color:#646464; font-size:0; display:block; }
#block-innoralis-account-menu > ul > li > a:before { font-family:'Font Awesome 5 Pro'; font-weight:300; content:'\f007'; font-size:26px; }
#block-innoralis-account-menu > ul > li > .content { max-height:0; overflow:hidden; position:absolute; left:50%; top:73px; transform:translateX(-50%); transition:all 0.5s ease;  }
#block-innoralis-account-menu > ul > li > .content.open { max-height:200px; }
#block-innoralis-account-menu > ul > li > .content > ul { background:#eff0f1; color:#646464; }
#block-innoralis-account-menu > ul > li > .content > ul a { color:#646464; white-space:nowrap; padding:15px; display:block; border-bottom:1px solid #ccc; }
body.role-administrator #block-innoralis-account-menu > ul > li:last-child,
body.role-moderateur #block-innoralis-account-menu > ul > li:last-child { display:none; }

#block-headersearch { margin-left:15px; }
#block-headersearch .icon { background:#562d86; color:#fff; border-radius:50%; display:inline-block; width:32px; height:32px; text-align:center; line-height:32px; }
#block-headersearch .form { display:none; }

.search-popup .fancybox-slide--html { padding:0; }
.search-popup .form { width:100%; height:100%; padding:0; background: linear-gradient(to right, #562d96 0%,#9fcec9 100%); margin:0; }
.search-popup .views-exposed-form { margin-top:50px; position:relative; }
.search-popup .heading { display:block; font-size:44px; font-weight:700; color:#fff; text-align:center; margin:100px 0 50px 0;  }
.search-popup .js-form-type-textfield,
.search-popup .js-form-type-search-api-autocomplete { padding:30px; background: linear-gradient(to right, #572d97 0%,#9fcdc9 100%); border-radius:100px; }
.search-popup .js-form-type-textfield input,
.search-popup .js-form-type-search-api-autocomplete input { padding:30px; }
.search-popup .form-actions .button { background:none; color:#ccc; border:none; padding:0; }
.search-popup .form-actions { position:absolute; right:50px; top:50%; transform:translateY(-50%); }
.search-popup .fancybox-close-small svg { stroke:#fff; }
.search-popup .search-group { color:#fff; font-size:40px; font-weight:700; padding:50px 0; text-transform:uppercase; }
.search-api-autocomplete-search { z-index:99993; }
.search-popup .formation .col-md-4 { max-width:50%; flex:0 0 50%; }
.search_results .product { margin: 0 0 26px 0; background: #fff; text-align: center; }
.search_results .product .pimg { padding-bottom: 20px; }
.search_results .product h3 { background: #f5f5f5; padding: 5px }
.search_results .product .pimgprice { padding: 8px 0 15px 0 !important }
.view-search p { display: none }


#messages { position: absolute;; width:100%; top:50px; z-index:9999; }
#messages .wrapper { position:relative; background:#fff; border-radius:4px; padding:15px; font-weight:400; }
#messages .wrapper ul { list-style:none; margin:0; padding:0; }
#messages .wrapper .close { position:absolute; right:15px; top:15px; cursor:pointer; }
#messages .wrapper.error { color:#721c24; background:#f8d7da; border:1px solid #f5c6cb; }
#messages .wrapper.status { color:#0c5460; background:#d1ecf1; border:1px solid #bee5eb; }
#messages .wrapper.success { color:#155724; background:#d4edda; border:1px solid #c3e6cb; }
#messages .wrapper p { margin:0; }

#block-cart { margin-left:20px; transition:all 0.5s ease 0s; z-index:5; position:relative; }
#block-cart .summary { position:relative; }
#block-cart .summary a { font-size:28px; color:#646464; margin-right:10px; }
#block-cart .count { position:absolute; right:0; top:0; background:#562d86; font-size:10px; width:22px; height:22px; border-radius:50%; color:#fff; text-align:center; line-height:22px; }
#block-cart .content { position:absolute; top:73px; left:50%; transform:translateX(-50%); background:#eff0f1; max-height:0; overflow:hidden; transition:all 0.5s ease 0s;  }
#block-cart .content.open { display:block; max-height:400px; }
#block-cart .content.empty { color:#646464; white-space:nowrap;  }
#block-cart .content.empty p { margin:0; padding:15px; }
#block-cart .content thead { display:none; }
#block-cart .content table td { color:#646464; }
#block-cart .content img { max-width:70px; }
#block-cart .content .cart-inner { padding:0; overflow-y:auto; overflow-x:hidden; max-height:300px;}
#block-cart .content .cart-inner::-webkit-scrollbar { border-radius: 10px; width: 12px;	background-color: #f3f3f3; }
#block-cart .content .cart-inner::-webkit-scrollbar-track { border-radius: 10px; background-color: #f3f3f3F5F5F5; }
#block-cart .content .cart-inner::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #76559c; }
#block-cart .content .cart-block--contents__inner { padding:0; }
#block-cart .content .cart-block--contents__items { padding:0; overflow:hidden; max-height:none; min-width:300px; }
#block-cart .content .cart-block--contents__links { padding:0 0 30px 0; text-align:center; }
#block-cart .content .cart-block--contents__links a { padding:10px 30px; background:#562d96; color:#fff; border-radius:40px; font-size:20px; text-align:center; display:inline-block; transition:all 0.5s ease 0s; overflow:hidden; cursor:pointer; border:none; display:inline-block;}
#block-cart .content .order-total { padding:0 15px; color:#646464; }
#block-cart .content .order-total .order-total-line,
#block-cart .content .order-total .legal { display:none; padding: 0; }
#block-cart .content .order-total .order-total-line__subtotal { font-size: 18px; display:block; padding:30px 0 0 0; border-top:1px solid #bebfc0; }
#block-cart .content .order-total .order-total-line__adjustment { display:block; }
#block-cart .content .order-total .order-total-line__total { display:block; padding:0 0 30px 0; bottom:1px solid #bebfc0; }
#block-cart .content .order-total .order-total-line-value { font-size:24px; font-weight:600; width:auto; }
#block-cart .content .order-total .order-total-line__adjustment .order-total-line-value,
#block-cart .content .order-total .order-total-line__subtotal .order-total-line-value { font-size:18px; }

.cart-empty-page { max-width:1170px; margin:100px auto; font-size:2rem; color:#5AB0A5; text-align:center; }

#header #block-cart .inscrits { display:none !important; }

#breadcrumb { background: linear-gradient(to right, #562d96 0%,#5AB0A5 100%); color:rgba(255,255,255,0.5); padding:15px 0; visibility:hidden; }
#breadcrumb ol { list-style:none; margin:0; padding:0; }
#breadcrumb li { display:inline-block; font-size: 14px; font-weight:300 }
#breadcrumb li:after { content:'/'; display:inline-block; margin:0 0px; }
#breadcrumb li:last-child:after { content:none; }
#breadcrumb a { color:rgba(255,255,255,0.7); transition:all 0.5s ease 0s; }
#breadcrumb a:hover { color:#5AB0A5; }

.ajax-progress { position:absolute; left:0; top:50%; transform:translateY(-50%); padding:0; }
.ajax-progress .message { display:none; }

#footer .footer-top { background: linear-gradient(to right, #562d96 35%,#8ba1bb 100%);  padding: 35px 0 20px 0; color:#fff; font-weight:400; }
#footer .footer-top h2, #footer .footer-top .h2 { font-weight:500; text-transform:lowercase; font-size:30px; letter-spacing:2px; margin-bottom:15px; }
#footer .footer-top .row .col-md-3 { padding:0 30px; }
#footer .footer-top .left ul { list-style:none; margin:0; padding:0; font-weight:300; text-transform:lowercase; font-size:17px; line-height:23px }
#footer .footer-top .left a { color:#fff; transition:all 0.5s ease 0s; }
#footer .footer-top .left a:hover { text-decoration:none; color:#5AB0A5; }
#footer .footer-top .left a.is-active { color:#5AB0A5; }
#footer .footer-top .middle strong { font-weight:400; color:#5AB0A5; margin-bottom:5px; display:inline-block; font-size:18px; }
#footer .footer-top .middle p { font-size:15px; line-height: 19px; }
#footer .footer-top .middle a { color:#fff; }
#footer .footer-top .right p { font-size:15px; }
#footer .footer-top .right .btn { padding:10px 30px; }
#footer .footer-top .right .btn:before { background:#5AB0A5; }
#footer .footer-top .contact { margin-top:20px; padding:20px 30px 0 30px; position:relative; display:flex; flex-direction:row; align-items:center; }
#footer .footer-top .contact:before { content:''; position:absolute; display:block; left:30px; top:0; width:65px; height:1px; background:rgba(255,255,255,0.5);  }
#footer .footer-top .contact a { color:#fff; }
#footer .footer-top .contact p  { display:inline-block; margin:0; }
#footer .footer-top .right ul { list-style:none; margin:0; padding:0; display:inline-block; white-space:nowrap; margin-top:30px; }
#footer .footer-top .right li{ margin-right:10px; display:inline-block; }
#footer .logo img { max-width: 76%; }

#footer .footer-bottom { background:#fff; color:#646464; font-size:14px; font-weight:400; padding:5px 0; }
#footer .footer-bottom .row { justify-content: space-between; align-items:center; }
#footer .footer-bottom .left { text-align:left; }
#footer .footer-bottom .right { text-align:right; }
#footer .footer-bottom .right img { margin-left:10px; max-width: 35px; }
#footer .footer-bottom p { margin:0; line-height:52px; }
#footer .footer-bottom a { color:#646464; }

#footer .footer-bottom .payment { margin-top:0; padding:15px 0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; display:flex; flex-direction:row; justify-content:space-evenly; align-items:center; color:#c5c6c7; }
#footer .footer-bottom .payment span { text-transform:uppercase; font-size:13px; font-weight:400; margin-right:15px; }
#footer .footer-bottom .payment img { display:inline-block; margin:0 10px;  }

.fancybox-disclamer .fancybox-bg { background: linear-gradient(to right, rgba(90,51,151,0.9) 0%,rgba(91,52,151,0.9) 1%,rgba(152,192,192,0.9) 100%);  }
#popup { max-width:1140px; padding:0; background:none; text-align:center; }
#popup .wrapper { padding:40px; background: linear-gradient(to right, rgba(90,51,151,1) 0%,rgba(152,192,192,1) 100%); border-radius:300px; }
#popup .inner { background:#fff; padding:50px 150px; border-radius:300px; }
#popup h2 { color:#5AB0A5; font-weight:400; margin-bottom:30px;}
#popup p { color:#646464; font-weight:400; }
#popup .btn { margin:20px 10px 0 10px; }

.ui-dialog { padding: 0 }
.ui-dialog .ui-dialog-titlebar { display:none; }
.ui-widget-overlay { background: linear-gradient(to right, #6947a2 0%,#98bfc0 100%); opacity:0.9; }
.ui-widget.ui-widget-content { border:none; }

#drupal-modal { padding:40px 50px; background:#fff; font-family:'Canaro'; }
#drupal-modal h2 { min-height: 50px; color:#5AB0A5; background:url(/themes/innoralis/assets/css/../img/tick-popup.png) no-repeat left center; line-height: 29px; background-size: 50px; padding:5px 15px 5px 80px; font-weight:500; }
#drupal-modal .title { color:#5AB0A5; text-align:right; font-size:20px; }
#drupal-modal .subtitle { color:#c5c6c7; font-size:14px; text-align:right; font-weight:400; }
#drupal-modal .price { font-size:20px; }
#drupal-modal table td { vertical-align:top; padding:15px 30px; }
#drupal-modal .actions { margin-top:30px; text-align:center;}
#drupal-modal .actions .btn { padding:10px 50px; font-size:16px; margin:0 15px; }
#drupal-modal .actions .continue { background:#f3f3f3; box-shadow:none; color:#646464; }

/**
* General elements
**/

h2.title { margin-bottom:50px; text-align:center; }
h2.title .primary { color:#666; font-size:50px; font-weight:500; margin-bottom:4px; line-height:1em; }
h2.title .secondary { color:#5BACA6; font-size:30px; font-weight:500; }

.banner { background:url(/themes/innoralis/assets/css/../img/banner.jpg) no-repeat center center; background-size:cover; text-align:center; color:#fff; padding: 6px 0; visibility:hidden; }
.banner h1 { font-size:38px; line-height: 40px; letter-spacing:2px; text-transform:lowercase; font-weight:500; }
.banner .js-form-item { max-width:500px; margin:15px auto 0 auto;  }
.banner .js-form-item label { color:rgba(255,255,255,0.5); left:50%; top:50%; transform:translate(-50%, -50%); }
.banner .js-form-item input.form-autocomplete { background:rgba(255,255,255,0.25); border:none; color:rgba(255,255,255,0.5); text-align:center; padding:20px; }
.banner .js-form-item.filled label,
.banner .js-form-item.active label { opacity:0; left:50%; top:50%; transform:translate(-50%, -50%); }

.shuffle { overflow:visible !important; }

.btn { padding:15px 30px; border-radius:40px; background:#fff; color:rgba(118,86,156,0.8); font-size:16px; text-align:center; display:inline-block; transition:all 0.5s ease 0s; overflow:hidden; cursor:pointer; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); border:none; display:inline-block; }
.btn i { margin-left:10px; font-weight:bold; }
.btn:hover, button:hover
.btn:focus, button:focus,
input[type="submit"]:hover, input[type="submit"]:focus { outline:0; }

.btn.primary { background:#5AB0A5; color:#fff; box-shadow:none; }
.btn.grey { background:#f3f3f3; box-shadow:none; }

.btn.hvr-sweep-to-right:before, article:hover .btn.hvr-sweep-to-right:before { background: linear-gradient(to right, #562d96 0%,#6754a2 100%);}
.btn.primary.hvr-sweep-to-right:before { background:#646464; }

article a {
  display: block;
}

article:active .hvr-sweep-to-right, article:focus .hvr-sweep-to-right, article:hover .hvr-sweep-to-right {
  color: #fff;
}
article:active .hvr-sweep-to-right:before, article:focus .hvr-sweep-to-right:before, article:hover .hvr-sweep-to-right:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.btn[disabled], input[disabled] { opacity:0.75; }

input[type=submit],
button[type=submit] { padding:15px 30px; border-radius:40px; color: #fff; font-size:16px; text-align:center; display:inline-block; transition:all 0.5s ease 0s; overflow:hidden; cursor:pointer; background:#5BACA6; border:none; color:#fff; font-weight:500; }

.field-multiple-table + .clearfix .form-submit { color:#5AB0A5; background:none; border-radius:0; padding:0; text-align:left; }
.field-multiple-table .js-form-type-textfield { margin-bottom:0; }
.field-multiple-table .draggable a.tabledrag-handle { margin-top:12px; }
.field-multiple-table td .button { padding:0; color: #5AB0A5; background:none;  }

.swiper-wrapper { box-sizing:border-box; }
.swiper-pagination { padding:50px 0 0 0; text-align:center; position:static; }
.swiper-pagination-bullet { position:relative; width:40px; height:40px; border:1px solid transparent; border-radius:50%; background:transparent; opacity:1; }
.swiper-pagination-bullet:before { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:12px; height:12px; background:#a8a9ab; border-radius:50%; }
.swiper-pagination-bullet-active { border-color:#a8a9ab; }
.swiper-pagination-bullet-active:before { background:#5AB0A5 }
.swiper-button-prev, .swiper-button-next { z-index: 2; }
.swiper-button-prev { background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'#5AB0A5'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next { background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'#5AB0A5'%2F%3E%3C%2Fsvg%3E"); }

.rellax { z-index:-1; }

.filters { padding:0 0 0 0; }
.filters .fieldset-legend { display:block; color:#562d86; border:1px solid #d9d9d9; border-radius:50px; padding:15px 30px; font-size:18px; position:relative; }
.filters .fieldset-legend:after { content:'\f078'; position:absolute; right:30px; top:50%; transform:translateY(-50%); color:#562d86; font-family:'Font Awesome 5 Pro'; }
.filters .fieldset-wrapper { padding:0 30px 0 0; margin-top:15px;  }
.filters .form-item label { color:#562d86; }
.filters .js-form-type-checkbox { line-height:22px; }
.filters .form-checkboxes { overflow-x:hidden; }
.filters .form-checkboxes .fieldgroup { max-height:150px; overflow-y:auto; }
.filters .form-checkboxes .form-item { display:flex; flex-direction:row; justify-content: flex-start; align-items:center; position:relative; margin:0 0 8px 0; }
.filters .form-checkboxes .form-checkbox { display:none; }
.filters .form-checkboxes label { display:flex; flex-direction:row; justify-content: flex-start; align-items:center; padding-left:40px; color:#646464; text-transform:lowercase; font-weight:400; font-size:16px; cursor:pointer; color:#646464; }
.filters .form-checkboxes label:before { position:absolute; left:0; top:0; content:''; display:inline-block; width:23px; height:22px; background:url(/themes/innoralis/assets/css/../img/uncheck.png) no-repeat left center; margin-right:15px; }
.filters .form-checkboxes label:after { position:absolute; left:0; top:0; content:''; display:inline-block; width:23px; height:22px; background:url(/themes/innoralis/assets/css/../img/check.png) no-repeat left center; background-size:100%; margin-right:15px; display:none; }
.filters .form-checkboxes .form-checkbox:checked + label:before { display:none; }
.filters .form-checkboxes .form-checkbox:checked + label:after { display:inline-block; }
.filters .form-checkboxes .fieldgroup::-webkit-scrollbar { border-radius: 10px; width: 12px;	background-color: #f3f3f3; }
.filters .form-checkboxes .fieldgroup::-webkit-scrollbar-track { border-radius: 10px; background-color: #f3f3f3F5F5F5; }
.filters .form-checkboxes .fieldgroup::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #76559c; }
.filters .action { display:flex; flex-direction:row; justify-content:space-between; align-items:center; }
.filters .action .btn { background:#f3f3f3; text-transform:lowercase; position:relative; box-shadow:none; white-space:nowrap; }
.filters .action .primary { background:#5AB0A5; color:#fff; box-shadow:none; }
.filters .action .hide { padding-right:100px; }
.filters .action .hide i { position:absolute; width:54px; height:54px; right:0; top:0; text-align:center; line-height:54px; border-radius:50%; background:#562d86; color:#fff; font-weight:400; }
.filters .collapse { border-top:1px solid #d9d9d9; margin-top:30px; overflow:hidden; transition:all 0.5s ease 0s; }
.filters .collapse .inner { padding:30px 0; }
.filters .collapsed { max-height:0; }
.filters .expanded { max-height:800px; border-bottom:1px solid #d9d9d9; }
.filters .bottom { margin-top:0; }
.filters .bottom .btn { background:#f3f3f3; color:#562d86; border:none; font-weight:500; box-shadow:none; }
.filters .bottom .submit { text-align:right; }


.accordions {  }
.accordions legend { display:none; }
.accordions .accordion { border:1px solid #d9d9d9; }
.accordions .accordion .header { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; color:#646464; padding:20px 120px 20px 30px; position:relative; }
.accordions .accordion .header .label { min-width:180px; }
.accordions .accordion .header .action { position:absolute; right:30px; top:50%; transform:translateY(-50%); }
.accordions .accordion .header a { color:#5AB0A5;  }
.accordions .accordion .content { padding:0 30px; overflow:hidden; transition:all 0.7s ease 0s; }
.accordions .collapsed .action { display:block; }
.accordions .expanded .action { display:none; }
.accordions .expanded .button { margin-bottom:30px; }

.accordions .collapsed .content { max-height:0; }
.accordions .expanded .content { max-height:2000px; }

.comments { padding:40px 0; background:#f3f3f3; }
.comments h2 { color: #646464; font-size: 35px; position: relative; font-weight: 500; }
.comments h2:after { content: ''; display: block; width: 90px; height: 6px; background: #5AB0A5; margin: 30px 0 60px 0; }
.comments .title { display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; }
.comments .filter-wrapper { display:none; }
.comments .form { max-height:600px; overflow:hidden; transition:all 0.5s ease 0s; margin-bottom:0; }
.comments .form #edit-comment-body-0-format-help { display: none; }
.comments .collapsed { max-height:0; }
.comments .comment { margin:30px 0; background:#fff; padding:50px; color:#646464; }
.comments .comment .author { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; padding:0; }
.comments .comment .avatar { margin-right:30px; }
.comments .comment h4 { font-size:26px; margin:20px 0 10px 0; }
.comments .comment .links { list-style:none; margin: 30px 0 0 0; font-size:13px; padding:0; }
.comments .comment .links li { display:inline-block; margin:0 15px 0 0; }
.comments .comment .date { font-size:13px; }
.comments .comment .content { margin:30px 0 0 0; font-size:15px; font-weight:400; }
.comments .form-textarea { width:100%; color:#646464; padding:10px; }
.comments .scoreboard { padding:40px; background:#fff; }
.comments .scoreboard .left { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; font-size:70px; font-weight:400; color:#f3a51e; }
.comments .scoreboard .avg { font-weight:500; }
.comments .scoreboard .total { font-size:40px; margin-left:10px; }
.comments .scoreboard .right { display:flex; flex-direction:row; justify-content:flex-end; min-height:100px; }
.comments .scoreboard .percent { margin:0 10px; min-width:40px; display:flex; flex-direction:column; justify-content:flex-end; }
.comments .scoreboard .value { font-size:13px; color:#f3a51e; text-align:center; margin:0 0 5px 0; }
.comments .scoreboard .bar { background:#f3a51e; min-height:1px; }
.comments .scoreboard .number { font-size:13px; text-align:center; color:#f3a51e; margin-top:10px; }
.comments .scoreboard .empty { color:#646464; font-size:22px; }
.comments .indented { padding-left:50px; }
.comments .indented .starrating { display:none; }
.comments .indented h4 { display:none; }
.comments .indented .date { display:none; }

.pager { text-align:center; margin:30px 0; }
.pager ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:row; align-items:center; justify-content: center; }
.pager ul li { margin:0 15px; }
.pager ul li a { color:#562d86; display:block; }
.pager li.item { margin:0; }
.pager li.item a { padding:20px 15px; }
.pager li.item.is-active a { text-decoration: underline; }
.pager .btn { font-size:18px; background:#f3f3f3; }
.pager .prev .btn i, .pager .first .btn i { margin:0 10px 0 0; }

hr { background: linear-gradient(to right, #562d96 0%,#5AB0A5 100%); padding:20px 0; border:none; }

.separator { width:100%; height:30px;  position:relative; overflow:hidden; }
.separator a { position:absolute; left:50%; transform:translateX(-50%); color:#fff; background:url(/themes/innoralis/assets/css/../img/anchors.png) no-repeat center bottom; min-width:90px; }
.separator a:before { content:''; position:absolute; left:50%; width:1px; height:10px; background:#fff; }
.separator.up { background:linear-gradient(to right, #562d96 0%,#5AB0A5 100%); }
.separator.up a { top:60px; padding-top:120px; background-position:center top; }
.separator.up a:before { bottom:35px;  }
.separator.down { background:linear-gradient(to right, #562d96 0%,#5AB0A5 100%); }
.separator.down a { bottom:60px; padding-bottom:120px; display:none; }
.separator.down a:before { top:35px;  }
.separator.cart a { background-image:url(/themes/innoralis/assets/css/../img/plus.png) }

.suggestions { padding:40px 0; }
.suggestions .container { position:relative;}
.suggestions .arrows { position:absolute; right:15px; top:10px; color:#9ca1aa; font-size:22px; display:flex; flex-direction:row; justify-content: flex-end;}
.suggestions .arrows i { padding:10px; cursor:pointer; }

.tags { margin-right:15px; list-style:none; padding:0; }
.tags li { display:inline-block; margin:5px; }
.tags span,
.tags span { display:inline-block; background:#562d86; font-weight:400; font-size:14px; border-radius:40px; padding:8px 15px; color:#fff; max-width:180px; line-height:1em; margin:3px 0; }

.rate { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; font-size:14px; margin:15px 0; }
.rate .star { margin:0 2px; }
.rate .star.filled { color:#f3a51e; }
.rate .star.empty { color:#646464; }
.rate .star.half { color:#f3a51e; }
.rate .count a { margin-left:15px; color:#646464; font-weight:400; }
.rate .count a:hover { text-decoration:underline; }


table { width:100%; }
table tr { border-top:1px solid #d9d9d9; }
table th, table td { padding:15px; color:#646464; font-weight:600; }
table th a, table td a { color:#5AB0A5; }

.inscriptions { display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-top:20px; color:#fff; }
.inscriptions .progress { position:relative; width:100%; }
.inscriptions .bar { border:2px solid #fff; border-radius:20px; min-height:24px; width:100%; position:relative; margin-right:15px; }
.inscriptions .min { font-size:12px; position:absolute; left:0; top:28px; padding-top:10px; transform:translateX(-50%);  }
.inscriptions .min:before { content:''; width:1px; height:5px; background:#fff; position:absolute; left:50%; top:0; }
.inscriptions .actual { position:absolute; background:#f1ef55; width:100%; max-width:0; height:100%; border-radius:20px; transition:all 1s ease 0s; }
.inscriptions .actual.validated { background:#55f188; }
.inscriptions .actual.full { background:#d43b4c; }
.inscriptions .available { text-align:center; font-size:12px; }

.form-item { margin:0 0 30px 0; box-sizing:border-box; position:relative; }
.form-item input { width:100%; outline:0; color:#646464; }
.form-item label { color:#646464; text-transform:lowercase; display:block; font-size:18px; position:absolute; left:30px; top:15px; transform:translateY(0); transition:all 0.3s ease 0s; }
.form-item .description { color:#d9d9d9; font-size:14px; margin-top:10px; padding:0 15px; font-weight:400; }
.form-item .description a { color:#d9d9d9; text-decoration:underline; }

.form-item.active label,
.form-item.filled label { font-size:12px; transform:translateY(0); top:8px; }

.form-item .field-suffix { position:absolute; right:30px; top:50%; transform:translateY(-50%); color:#646464; }

.js-form-type-textfield input,
.js-form-type-email input,
.js-form-type-tel input,
.js-form-type-password input,
.js-form-type-number input { border:1px solid #d9d9d9; border-radius:40px; padding:25px 30px 5px 30px; font-size:17px; font-weight:500; }
.js-form-type-search-api-autocomplete input,
.js input.form-autocomplete { border:1px solid #d9d9d9; border-radius:40px; padding:25px 30px 5px 30px; font-size:17px;  background-position:calc(100% - 25px) center !important; }
input:required { box-shadow:none; }

.field--name-field-type legend { display: none; }
.field--name-field-type .js-form-type-radio { display: inline; padding: 0; }
.field--name-field-type .js-form-type-radio label { display: inline-block; font-size: 18px !important; padding: 15px 30px 15px 30px; }
.field--name-field-type .js-form-type-radio:first-child label { border-radius: 40px 0 0 40px; }
.field--name-field-type .js-form-type-radio:last-child label { border-radius: 0 40px 40px 0; }
.masked, .masked2 { visibility: hidden; margin: 0; height: 0; }
.masked label, .masked2 label { transition:  none; }
.profession-autre.profmasquee { visibility: hidden; }
.hideparticulier option[value='Particulier'] { display: none; }
.hideparticulier option[value='Etudiant'] { display: none; }

.user-register-form .js-form-type-radio label,
.commerce-checkout-flow .js-form-type-radio label,
.user-form .js-form-type-radio label { border:1px solid #d9d9d9; padding:15px 30px 15px 30px; }
.user-register-form .form-item-customer-profiles-0-entity-address-0-address-organization,
.user-register-form .form-item-customer-profiles-0-entity-address-0-address-given-name,
.user-register-form .form-item-customer-profiles-0-entity-address-0-address-family-name,
.commerce-checkout-flow .form-item-customer-profiles-0-entity-address-0-address-organization,
.commerce-checkout-flow .form-item-customer-profiles-0-entity-address-0-address-given-name,
.commerce-checkout-flow .form-item-customer-profiles-0-entity-address-0-address-family-name,
.user-form .form-item-customer-profiles-0-entity-address-0-address-organization,
.user-form .form-item-customer-profiles-0-entity-address-0-address-given-name,
.user-form .form-item-customer-profiles-0-entity-address-0-address-family-name {
  visibility: hidden;
  height: 0;
  margin: 0 !important;
}

.user-register-form .js-form-type-radio label,
.commerce-checkout-flow .js-form-type-radio label,
.user-form .js-form-type-radio label { padding: 5px; }

.ui-widget.ui-widget-content { border:1px solid #ccc; }
.ui-widget.ui-widget-content .ui-menu-item-wrapper { display:block; width:100%; }
.ui-widget.ui-widget-content .ui-state-active { background:#562d86; border:none; }

.js-form-type-select label { font-size:12px; transform:translateY(0); top:8px; }
.js-form-type-select select { border:1px solid #d9d9d9; border-radius:40px; padding:25px 60px 5px 30px; outline:0; -webkit-appearance: none; -moz-appearance: none; background:url(/themes/innoralis/assets/css/../img/select-arrow.png) no-repeat right 30px center; font-size:17px; width:100%; color:#646464; font-weight:500; }

.js-form-type-password-confirm { display:flex; flex-direction:row; justify-content: space-between; font-size:15px; }
.js-form-type-password-confirm .js-form-type-password { flex-grow:1; margin:0; }
.js-form-type-password-confirm .form-item-pass-pass1 { padding-right:15px; margin:0; }
.js-form-type-password-confirm .form-item-pass-pass2 { padding-left:15px; margin:0; }
.js-form-type-password-confirm div.password-confirm { color:#646464; font-size:14px; font-weight:400; padding:0 15px; }

.field--type-address summary { display:none; }
.field--type-address .address-container-inline { display:flex; flex-direction:row; }
.field--type-address .address-container-inline .form-item:first-child { width:25%; margin:0 0 30px 0; margin-right:15px; }
.field--type-address .address-container-inline .form-item:last-child { width:75%; margin:0 0 30px 0; margin-left:15px; }

.js-form-type-radio { margin:5px 0; position:relative; padding-left:25px; }
.js-form-type-radio .form-radio { -moz-appearance: none; -webkit-appearance: none; display:none; }
.js-form-type-radio .option { font-size:15px; font-weight:400; cursor:pointer; position:static; }
.js-form-type-radio .form-radio:checked + .option { color:#5AB0A5; }

.js-text-format-wrapper label { position:static; }

.js-form-type-checkbox { line-height: 40px; position:relative; cursor:pointer; }
.js-form-type-checkbox input { width:40px; height:40px; float:left; margin-right:10px; visibility:hidden; }
.js-form-type-checkbox label { position:relative; margin-bottom: 0; cursor: pointer; }
.js-form-type-checkbox span:before { content:''; position:absolute; left:0; top:0; width:40px; height:40px; border:1px solid #ccc; background:#fff; }
.js-form-type-checkbox span:after { content:''; position:absolute; left:6px; top:6px; width: 28px; height:28px; background:#5AB0A5; opacity:0; transition:all 0.5s ease 0s; }
.js-form-type-checkbox input:checked+span:after { opacity: 1; }

.videos .wrapper { position:relative; }
.videos .wrapper:before { content:''; display:block; width:50%; position:absolute; left:0; top:30px; bottom:30px; background: linear-gradient(to bottom, #562d96 0%,#9fcfca 100%); }
.videos .container { padding-top:0; padding-bottom:0; }
.videos .swiper-pagination { position:static; padding:30px 0;  }
.videos .swiper-pagination .swiper-pagination-bullet::before { background:#646464;  }
.videos .swiper-pagination .swiper-pagination-bullet-active::before { background:#5AB0A5;  }
.videos iframe { width:100%; height:650px; }

.barre { content:''; position:absolute; left:0; bottom:0; width:100%; height:7px; background:#646464;  }
.barre:before { content:''; position:absolute; left:0; bottom:0; width:0; height:100%; background:#572d86; z-index: 2; transition:all 0.5s ease 0s; }

/**
* Entity
**/

/* Product */
.page-shop .product.accueil { background:#fff; transition:all 0.5s ease 0s; margin-bottom:15px;  }
.page-shop .product.accueil h3 { min-height: 82px; text-align:center; font-size:15px; line-height: 17px; font-weight:300; margin:0; padding:10px 5px; color:#646464; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #f3f3f3; display: flex; align-items: center; }
.page-shop .product.accueil h3 a { color:#646464; padding:0 15px; position:relative; display:block; width: 100%;}
.page-shop .product.accueil h3 a:before { content:''; position:absolute; display:block; background:#fff url(/themes/innoralis/assets/css/../img/arrow-down.png) no-repeat center center; top:-35px; left:50%; width:70px; height:70px; text-align:center; line-height:75px; transform:translateX(-50%); border-radius:50%; transition:all 0.3s ease 0.3s; }
.page-shop .product.accueil .rate { justify-content:center; padding-bottom:15px; margin:0; }
.page-shop .product.accueil .more { text-align:center; transform:translateY(-50%); }
.page-shop .product.accueil:hover { transform:translateY(-10px); }
.page-shop .product.accueil:hover h3 a:before { background-position-y:60%; }
.shop .product.accueil h3 { min-height: 103px; text-align:center; font-size:15px; line-height: 17px; font-weight:300; margin:0; padding:10px 5px; color:#646464; border: 1px solid #ccc;  background: #f3f3f3; }
.shop .product.accueil img { border-right: 1px solid #aaa; border-left: 1px solid #aaa; border-top: 1px solid #aaa }
#block-views-block-shop-shopgamme .product.accueil { margin: 0 0 30px 0; position: relative;}
#block-views-block-shop-shopgamme h3 { min-height: 103px; text-align:center; font-size:14px; line-height: 17px; font-weight:300; margin:0; padding:10px 5px; color:#646464; border: 1px solid #ccc;  background: #f3f3f3; }
#block-views-block-shop-shopgamme article { cursor: pointer; }

.product.teaser { position:relative; margin-bottom:30px; }
.product.teaser a { display:block; }
.product.teaser:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%;  background: linear-gradient(to right, rgba(98,71,158,0.5) 0%,rgba(120,120,174,0.5) 100%); transition:all 0.3s ease 0s; z-index:1; pointer-events: none; }
.product.teaser .caption { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); opacity:1; margin-top:0; z-index:2; transition:all 0.5s ease 0.2s; color:#fff; }
.product.teaser .caption a { color:#fff; font-size:22px; }
.product.teaser .rate { margin:0; }
.product.teaser .rate .star.empty { color:rgba(255,255,255,0.5); }

.product.related { position:relative; }
.product.related img { border: 1px solid #aaa }
.product.related .caption { color:#646464; margin: 0; padding: 10px 5px; font-size:16px; line-height: 20px; border: 1px solid #e6e6e6; background: #f3f3f3; }
.product.related .caption h3 { font-weight: 300; font-size: 14px; line-height: 17px; }
.product.related .caption a { color:#fff; font-size:14px; }
.product.related .rate { margin:0; }
.product.related .rate .star.empty { color:rgba(255,255,255,0.8); }

.product.full h1 { margin-bottom:0; }
.product.full h2 { color:#646464; font-size:30px; position:relative; font-weight:500; }
.product.full h2:first-letter { text-transform: uppercase; }
.product.full h2:after { content:''; display:block; width:90px; height:6px; background:#5AB0A5; margin:15px 0 30px 0; }
.product.full h3 { font-weight:500; }
.product.full h3 strong { font-weight:500; }
.product.full .header { padding:40px 0 0 0; }
.product.full .header .left { position: relative; }
.product.full .header .right { }
.product.full .header .sketchfab iframe { width:100%; height:550px; }
.product.full .header .swiper-container img { max-width:100%; height:auto; }
.product.full .header .swiper-container .swiper-slide img.video { padding: 25px 0; margin: 0 auto; display: block; }
.product.full .header .swiper-container .swiper-pagination { display: none; }
.product.full .header .thumbs .button { background:#a9d4cf; }
.product.full .header .thumbs .swiper-container { padding-bottom:80px; }
.product.full .header .thumbs .swiper-container .swiper-pagination-bullet::before { background:#646464; }
.product.full .header .thumbs .swiper-container .swiper-pagination-bullet-active::before { background:#5AB0A5; }
.product.full .header .thumbs .thumb { cursor:pointer; text-align: center; }

.product.full .header .meta { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; font-size:16px; color:#646464; margin-bottom:20px; }
.product.full .header .meta .stock { margin-right:50px; display:flex; flex-direction:row; }
.product.full .header .meta .label { margin-right:5px; }
.product.full .header .meta .value,
.product.full .header .meta .value a { color:#5AB0A5; text-decoration:underline; }
.product.full .floating-area { position: sticky; top: 1%; transition: padding 1s; }
.product.full .floating-area.titreproduit_padding { padding-top: 149px }
.product.full .floating-area .pimgstock { color: #fff; background: #aaa; padding: .2em .4em; z-index: 20; font-size: 14px; }
.product.full .floating-area .subtitle { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; margin:20px 0; }
.product.full .floating-area .subtitle .price { font-size:32px; color:#5BACA6; margin-right:20px; }
.product.full .floating-area .subtitle .price .original-price { display: inline-block; font-size: 24px; color: #646464; font-weight: 300; margin: 0 16px 0 0 }
.product.full .floating-area .subtitle .price .original-price s { text-decoration: line-through; text-decoration-color: #5AB0A5; text-decoration-thickness: 1px; }
.product.full .floating-area .subtitle .price .final-price { display: inline-block; }
.product.full .floating-area .subtitle .product_ref { font-size: 15px; font-weight: 400; color: #999; }
.product.full .floating-area h1 { color:#646464; font-size:25px; line-height: 30px; font-weight: 400; }
.product.full .floating-area .teaser { color:#646464; font-weight:400; font-size:15px; margin: 20px 0; padding: 0 0 2px 0; border-bottom: 1px solid #e6e6e6; }
.product.full .floating-area .teaser p { margin-bottom: 0.3rem; line-height: 21px; }
.product.full .floating-area .variations { overflow:hidden; }
.product.full .floating-area .variations #edit-quantity-wrapper { padding: 0 0 0 6px; }
.product.full .floating-area .variations .js-form-type-select { position:relative; padding:20px 0 30px 0; margin:20px 0; border-bottom:1px solid #dedede; border-top:1px solid #dedede; }
.product.full .floating-area .variations .js-form-type-select:before { content:"\f078"; font-family:'Font Awesome 5 Pro'; position: absolute; pointer-events:none; width: 54px; height: 54px; right: 0; top: 20px; text-align: center; line-height: 54px; border-radius: 50%; background: #562d86; color: #fff; font-weight: 400; z-index:2; }
.product.full .floating-area .variations .js-form-type-select label { color:#777; font-size:14px; width:auto; height:auto; clip:auto; top:25px; font-weight:300; z-index:2; left: 10px }
.product.full .floating-area .variations .js-form-type-select select { font-size:  16px; color:#562d86; background:#f3f3f3; border-color:#f3f3f3; position:relative; padding-left: 10px; border-top-left-radius: 0; border-bottom-left-radius:0; border-top-right-radius: 40px; border-bottom-right-radius: 40px; }
.product.full .floating-area .variations .js-form-type-select .ajax-progress { display:none; }
.product.full .floating-area .variations .js-form-type-number { float:left; }
.product.full .floating-area .variations .js-form-type-number label,
.projet.full .precommande .variations .js-form-type-number label { display: none; }
.product.full .floating-area .variations .js-form-type-number .input-group,
.projet.full .precommande .variations .js-form-type-number .input-group { display:flex; flex-direction:row; justify-content: space-between; align-items:center; }
.product.full .floating-area .variations .js-form-type-number .input-group input,
.projet.full .precommande .variations .js-form-type-number .input-group input { margin:0 15px; max-width:75px; padding:10px 20px; }
.product.full .floating-area .variations .js-form-type-number .input-group .btn,
.projet.full .precommande .variations .js-form-type-number .input-group .btn { width:22px; height:22px; line-height:18px; text-align:center; border-radius:50%; padding:0; border:1px solid #c5c6c7; font-size:14px; color:#c5c6c7; }
.product.full .floating-area .variations .js-form-type-number .input-group .btn { width:22px; height:22px; line-height:18px; text-align:center; border-radius:50%; padding:0; border:1px solid #c5c6c7; font-size:14px; color:#c5c6c7; }
.product.full .floating-area .variations legend { border:1px solid #dedede; padding:15px 30px; border-radius:30px; color:#646464; font-size:17px; position:relative; }
.product.full .floating-area .variations legend:after { content:'\f078'; position:absolute; right:30px; top:50%; transform:translateY(-50%); color:#5AB0A5; font-family:'Font Awesome 5 Pro'; }
.product.full .floating-area .variations .fieldset-wrapper { padding:0 25px 0 0; margin:0 30px 0 15px; max-height:100px; overflow:auto; position:relative;}
.product.full .floating-area .variations .fieldset-wrapper::-webkit-scrollbar { border-radius: 10px; width: 12px;	background-color: #f3f3f3; }
.product.full .floating-area .variations .fieldset-wrapper::-webkit-scrollbar-track { border-radius: 10px; background-color: #f3f3f3; }
.product.full .floating-area .variations .fieldset-wrapper::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #c2c2c2; }
.product.full .floating-area .variations .js-form-type-radio { margin:5px 0; position:relative; padding-left:25px; }
.product.full .floating-area .variations .js-form-type-radio .form-radio { -moz-appearance: none; -webkit-appearance: none; display:none; }
.product.full .floating-area .variations .js-form-type-radio .option { font-size:15px; font-weight:400; cursor:pointer; position:static; }
.product.full .floating-area .variations .js-form-type-radio .form-radio:checked + .option { color:#5AB0A5;  }
.product.full .floating-area .variations .form-actions { float:right; position:relative; }
.product.full .floating-area .variations .form-actions div { float: left; margin: 0 15px 0 0 }
.product.full .floating-area .variations .form-actions div input.form-submit,
.projet.full .precommande .variations .form-actions div input.form-submit { padding: 15px 20px 15px 40px; background: #5BACA6 url('/themes/innoralis/assets/css/../img/panier.png') no-repeat 10px center; background-size:20px }
.product.full .floating-area .variations .form-actions .btn-link { float: left; padding: 15px 20px 15px 40px; background: #5BACA6 url('/themes/innoralis/assets/css/../img/heart-white.png') no-repeat 10px center; background-size:20px }

.product.full .header .categories { clear:both; display:flex; flex-direction:row; justify-content:space-between; padding:20px 0; border-top:1px solid #dedede; border-bottom:1px solid #dedede;  }
.product.full .header .categories .label { color:#646464; margin-bottom:10px; font-size:16px; }
.product.full .header .categories .tags span { background:#c2c2c2; padding:3px 10px; margin:5px; font-size:15px; }

.product.full .main .swiper-container { border:1px solid #e6e6e6 }
.product.full .main { width: 76%; float: right; z-index: 2; position: relative;}
.product.full .thumbs { width: 18%; margin-right: 10px; float: left; }
.product.full .header .thumbs .thumb { flex-wrap: wrap; }
.product.full .infos_livraison { border-top: 1px solid #e6e6e6; padding: 14px 0 40px 0; margin: 12px 0 0 0; color: #333; font-size: 15px; font-weight: 300; }
.product.full .infos_livraison .livraison { background: transparent url('/themes/innoralis/assets/css/../img/icone-camion.png') no-repeat left 4px; padding: 25px 0 0 80px; height: auto; min-height: 74px; }
.product.full .infos_livraison .madeinfrance { background: transparent url('/themes/innoralis/assets/css/../img/icone-100pourcent-madeinfrance.png') no-repeat left center; padding: 25px 0 0 80px; height: 74px; }
.product.full .infos_livraison .franco { background: transparent url('/themes/innoralis/assets/css/../img/icone-transport-gratuit.png') no-repeat left center; padding: 25px 0 0 80px; height: 74px; }


/*====== Slick Style Overrides ======*/
.page-accueil .slick-list { width: 100%;}
.swiper-slide iframe, .swiper-slide img { vertical-align:bottom; }
.swiper-slide { display: none; }
.swiper-slide:first-child { display: block; }
.thumbs .swiper-slide:nth-child(-n+4) { display: block; }
.product.full .thumb .swiper-slide { width: 106px !important; height: 106px !important; margin-right: 0; margin-bottom: 15px; border: 1px solid #e6e6e6; }

.slick-dots li { margin: 0 10px; }
.slick-dots li button { position: relative; width: 30px; height: 30px; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 50%; background: transparent; opacity: 1; }
.slick-dots li button::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; background: #a8a9ab; border-radius: 50%; opacity: 1; }
.slick-dots li.slick-active button { border-color: #a8a9ab; }
.slick-dots li.slick-active button::before { background-color: #fff; }

.product.full .header .slick-prev, .product.full .header .slick-next { background: #5BACA6 url('/themes/innoralis/assets/css/../img/chevron-right.png') no-repeat center center; }
.product.full .header .slick-next { width: 48px !important; height: 48px !important; padding: 3px !important; border-radius: 24px !important; rotate: 90deg !important; left: 3px !important; top: 100% !important; }
.product.full .header .slick-list .draggable { margin-top: 6%; }
.product.full .header .slick-prev { position: relative; width: 48px; height: 48px; padding: 4px; border-radius: 24px; transform-origin: center; transform: rotate(-90deg); left: unset; }
.page-accueil .formations .slick-dots li button, .projet.full .resume .slick-dots li button { width: 40px; height: 40px; bottom: -65px !important;}
.product.full .header .slick-dots { height: 0; bottom: -15px; }
.product.full .header .slick-next::before, .product.full .header .slick-prev::before { content: none; }
.suggestions.products .container .slick-next::before, .suggestions.products .container .slick-prev::before { content: none; left: unset; }
.product.full .header .slick-dotted.slick-slider { margin-bottom: 0; }
.suggestions.products .container .swiper-container .swiper-wrapper .slick-arrow { position: absolute;  top: 42%; color: #9ca1aa; font-size: 22px; }
.suggestions.products .container .swiper-container .swiper-wrapper .slick-slide { margin: 0 15px; }
.product.full .swiper-container .swiper-slide.swiper-video iframe { min-height: 481px; height: unset; }

.product .header .slick-dots li.slick-active button::before, .page-accueil .formations .slick-dots li.slick-active button::before, .projet.full .resume .slick-dots li.slick-active button::before {
  width: 12px;
  height: 12px;
  background: #5AB0A5;
}

.product .header .slick-dots li button::before, .page-accueil .formations .slick-dots li button::before, .projet.full .resume .slick-dots li button::before {
  width: 12px;
  height: 12px;
  background: #646464;
}

.view-formations .swiper-container .swiper-wrapper .slick-prev { background: transparent url(/themes/innoralis/assets/css/../img/arrow-left.png) no-repeat center center !important; background-size: 48px; font-size: 0 !important; height: 150px; }
.view-formations .swiper-container .swiper-wrapper .slick-next { background: transparent url(/themes/innoralis/assets/css/../img/arrow-right.png) no-repeat center center !important ; background-size: 48px; font-size: 0 !important; height: 150px; }
.view-formations .swiper-container .swiper-wrapper .slick-next::before { content: "" !important; }
.view-formations .swiper-container .swiper-wrapper .slick-prev::before { content: "" !important; }
/* .view-formations .swiper-container .swiper-wrapper .slick-dots { rotate: 90deg; left: -810px; top: 16%; transform: translateY(-50%); bottom: 65px; right: -376px; } */
.formation .resume .wrapper::before { z-index: -1; }

.page-accueil .slick-next { right: -65px; }
.page-accueil .slick-prev { left: -65px; }

.publication .swiper-slide img { position: relative; z-index: 1; }
.publication .wrapper::before { z-index: -1; }



.page-accueil .formations .slick-dots { top: -178px; right: 0; left: -582px; rotate: 90deg; width: 160px; }

.suggestions.formations .swiper-container .swiper-wrapper .slick-arrow { position: absolute;  top: 42%; color: #9ca1aa; font-size: 22px; }
.suggestions.formations .swiper-container .swiper-wrapper .slick-slide { margin: 0 15px;}
/*====== End Slick Style Overrides ======*/

.share { display:flex; flex-direction:row; float:left; align-items:center; background: #fff; border:1px solid #5BACA6; border-radius:50px; overflow:hidden; margin:60px 0 0 4%; }
.share .label { background:#5BACA6; color:#fff; padding:10px 20px; }
.share ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:row; align-items:center; }
.share ul li { padding:0 15px; border-right:1px solid #d7d7d7; }
.share ul li:last-child { border-right:none; }
.share ul li a { color:#5BACA6; }
.share ul li a:hover { color:#000; }

.product.full #description_wrapper { position: relative; float: left; margin: 30px 0 0 0; width: 100%; background: #f3f3f3; padding: 0.5em 1em; }
.product.full #description_wrapper .description_menu ul { padding: 0; display: flex; justify-content: center; }
.product.full #description_wrapper .description_menu ul li { list-style: none; display: inline-block; text-transform: capitalize; max-width: 45%; }
.product.full #description_wrapper .description_menu ul li a { cursor: pointer; color: #666; padding: .5em; display: block; font-weight: normal; text-align: center; }
.product.full #description_wrapper .description_menu ul li a.active { font-weight: 600; }
.product.full #description_wrapper .description_menu ul li a.active:after { content: ''; width: 80%; height: 4px; background: #5AB0A5; display: block; margin: 2px 10% 0; font-weight: bold; }
.product.full #description_wrapper .panel { display:none; }
.product.full #description_wrapper .panel.active { display:block; }
.product.full .description { position: absolute; top: 0; left: 0; font-size:17px; line-height: 22px; color:#646464; font-weight:300; padding: 20px 0 50px 0; position:relative; }
.product.full .description h3 { margin-top: 14px; }
.product.full .technique { position: absolute; top: 0; left: 0; display: none; font-size:17px; line-height: 22px; color:#646464; font-weight:300; padding: 20px 0 50px 0; position:relative; }
.product.full .documentation .inner { padding:40px 0; border-top:1px solid #dedede; }
.product.full .documentation .right { font-size:15px; font-weight:400; color:#646464; }
.product.full .documentation .right h3 { font-size:18px; font-weight:400; color:#646464; }
.product.full .documentation .right .file { display:block; margin:20px 0; }
.product.full .documentation .right .file a { padding: 14px 30px 14px 60px; border-radius:40px; background:#f3f3f3 url(/themes/innoralis/assets/css/../img/download.png) no-repeat 24px center; background-size: 22px; color:#5AB0A5; display:inline-block; }
.product.full .documentation .right .file-size { display: none; }

.product.full .author { padding:40px 0; }
.product.full .author .wrapper { position:relative; margin-top:120px; box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.15); }
.product.full .author .wrapper:before { content:''; position:absolute; width:50%; height:100%; left:-80px; top:-50px; background: linear-gradient(to bottom, #5AB0A5 36%,#8491ae 100%); z-index:-1;}
.product.full .author .row {  background:#fff; }
.product.full .author .left { padding:60px 80px 60px 120px; }
.product.full .author h3 { color:#5BACA6; font-size:32px; }
.product.full .author .job { color:#5AB0A5; text-transform:uppercase; font-weight:400; font-size:17px; margin-bottom:30px; }
.product.full .author .cv { color:#646464; font-size:15px; font-weight:400; }
.product.full .author .cv ul { margin:0; padding:0; list-style:none; margin-left:-30px; }
.product.full .author .cv li { margin:10px 0; padding-left:30px; background:url(/themes/innoralis/assets/css/../img/puce.png) no-repeat left 3px;  }
.product.full .author .more { text-align:center; margin-top:80px; }
.product.full .author .more .btn { background:#f3f3f3 url(/themes/innoralis/assets/css/../img/download.png) no-repeat 40px center; color:#5AB0A5; padding-left:100px; box-shadow:none; }


#block-reassurance { background: #f5f5f5; padding: 30px 0; }
#block-reassurance .liste_reassurances { display: flex; flex-wrap: nowrap; justify-content: space-between; column-gap: 30px; }
#block-reassurance .liste_reassurances .reassurance { text-align: center; font-size: 16px; line-height: 20px; color: #666 }
#block-reassurance .liste_reassurances .reassurance img { margin: 0 auto; max-width: 54%; }



/* Formation */
.formation.accueil h3, .projet.accueil h3 { color:#fff; font-size:22px; line-height:1.2em; font-weight:600; letter-spacing:4px; margin:0 0 10px 0;  }
.formation.accueil .row, .projet.accueil .row { justify-content:space-between; }
.formation.accueil .description, .projet.accueil .description { color:#fff; font-weight:400; font-size:16px; font-weight:300; }
.formation.accueil .description p, .projet.accueil .description p { display: inline; }
.formation.accueil .rate, .projet.accueil .rate { margin:3px 0; }
.formation.accueil .rate .star.empty, .projet.accueil .rate .star.empty { color:rgba(255,255,255,0.8); }
.formation.accueil .meta, .projet.accueil .meta { color:#fff; display:flex; flex-direction:row; justify-content:space-between; align-items: center; flex-grow:1; margin:15px 0 15px 0; flex-wrap:nowrap; font-size:15px; font-weight:400; }
.formation.accueil .meta > div, .projet.accueil .meta > div { line-height:31px; flex-grow:1; padding:0 15px; }
.formation.accueil .meta .place, .projet.accueil .meta .place { background:url(/themes/innoralis/assets/css/../img/target.png) no-repeat left center; padding-left:45px; border-right:1px solid #fff; text-transform:uppercase; }
.formation.accueil .meta .btn, .projet.accueil .meta .btn { padding:10px 20px; white-space:nowrap;}
.formation.accueil .more, .projet.accueil .more { position:absolute; left:15px; bottom:-60px; z-index:2; }
.formation.accueil .more .btn, .projet.accueil .more .btn { display:block; font-weight:500; font-size:20px;  }
.formation.accueil .more .primary, .projet.accueil .more .primary { margin-top:20px; }
.formation.accueil .infos, .projet.accueil .infos { display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-end; flex-wrap:nowrap; color:#fff; margin:10px 0; }
.formation.accueil .author, .projet.accueil .author { padding-right:15px; }
.formation.accueil .author .label, .projet.accueil .author .label { display:block; font-size:15px; font-weight:300; }
.formation.accueil .author .name, .projet.accueil .author .name { padding-right:15px; border-right:1px solid #fff; }
.formation.accueil .author .name div, .projet.accueil .author .name div { display:inline-block; }
/*.formation.accueil .right img { height:350px; }*/

.formation.teaser, .projet.teaser { margin-bottom:60px; border: 1px solid #d9d9d9; }
.formation.teaser h2, .projet.teaser h2 { margin:0; color: #FFF; }
.formation.teaser .rate, .projet.teaser .rate { margin:10px 0; }
.formation.teaser .rate .star.empty, .projet.teaser .rate .star.empty { color:rgba(255,255,255,0.8); }
.formation.teaser .inner, .projet.teaser .inner { padding:15px 50px 85px 50px; color:#fff; background: linear-gradient(to right, rgba(104,83,162,1) 0%,rgba(126,131,178,1) 100%); position:relative; }
.formation.teaser .author, .projet.teaser .author { text-transform:uppercase; font-weight:400; margin-bottom:6px; padding-bottom:0; border-bottom:1px solid rgba(255,255,255,0.5) }
.formation.teaser .author span, .projet.teaser .author span { font-size:14px; color:#5BACA6; display:block; text-transform:lowercase; }
.formation.teaser .meta, .projet.teaser .meta { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; }
.formation.teaser .meta .address, .projet.teaser .meta .address { background:url(/themes/innoralis/assets/css/../img/target.png) no-repeat left center; padding-left:45px; text-transform:uppercase; display:flex; padding-right:20px; margin-right:20px; border-right:1px solid rgba(255,255,255,0.5); line-height:31px; }
.formation.teaser .meta .date, .projet.teaser .meta .date { background:url(/themes/innoralis/assets/css/../img/calendar.png) no-repeat left center; padding-left:45px; text-transform:uppercase; display:flex; line-height:31px; }
.formation.teaser .tags, .projet.teaser .tags { margin:31; }
.formation.teaser .tags span, .projet.teaser .tags span { background:#9692a9; max-width:none; }
.formation.teaser .tags .category-label, .projet.teaser .tags .category-label { display: inline-block; margin-right: 1em; font-size: 14px; }
.formation.teaser .description, .projet.teaser .description { font-weight:400; font-size:17px; }
.formation.teaser .more, .projet.teaser .more { position:absolute; bottom:0; transform:translateY(50%); }
.formation.teaser .more a, .projet.teaser .more a { position:relative; top:-10px; }
.projet.teaser .inscriptions .available { margin-bottom: 5px; margin-right: 5px; }
.projet.teaser .countdays { padding: 0 0 .5em; }

.formation.full h2, .projet.full h2 { color:#646464; font-size:30px; position:relative; font-weight:500; }
.formation.full h2:after, .projet.full h2:after { content:''; display:block; width:90px; height:6px; background:#5AB0A5; margin:15px 0 30px 0; }
.formation.full .header, .projet.full .header { box-shadow:inset 0px 0px 10px rgba(0,0,0,0.1), inset 0px 0px 10px rgba(0,0,0,0.1); position:relative; }
.formation.full .header:before, .projet.full .header:before { content:''; position:absolute; right:0; top:0; width:55%; height:100%; background: linear-gradient(to right, #5d3d95 0%,#9dc9c8 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%); box-shadow:inset 0px 0px 10px rgba(0,0,0,0.1), inset 0px 0px 10px rgba(0,0,0,0.1); }
.formation.full .header h1, .projet.full .header h1 { color:#646464; font-size:25px; font-weight:600; }
.formation.full .header h1 { background:url(/themes/innoralis/assets/css/../img/teeth.png) no-repeat left top; padding-top:120px; }
.formation.full .header .row, .projet.full .header .row { justify-content: space-between; }
.formation.full .header .description, .projet.full .header .description { color:#646464; font-size:17px; font-weight:300; }
.formation.full .header .description strong, .projet.full .header .description strong { color:#5AB0A5; }
.formation.full .header .left, .projet.full .header .left { padding-top:30px; padding-bottom:30px; }
.formation.full .header .right, .projet.full .header .right { text-align:right; padding:50px 50px 50px 0; }
.formation.full .header .field, .projet.full .header .field { padding:15px 0; border-bottom:1px solid rgba(255,255,255,0.5); }
.formation.full .header .title, .projet.full .header .title { font-size:12px; color:rgba(255,255,255,0.5); margin-right:15px; }
.formation.full .header .value, .projet.full .header .value { text-transform:uppercase;  color:#fff; line-height:1em; }
.formation.full .header .meta, .projet.full .header .meta { color:#fff; display:flex; flex-direction:row; justify-content:space-between; align-items: center; flex-grow:1; flex-wrap:nowrap; font-size:17px; font-weight:400; }
.formation.full .header .meta .address, .projet.full .header .meta .address { background:url(/themes/innoralis/assets/css/../img/target.png) no-repeat left center; padding-left:45px; border-right:1px solid rgba(255,255,255,0.5); text-transform:uppercase; display:flex; flex-grow:1; margin-right:30px; line-height:31px; }
.formation.full .header .meta .date, .projet.full .header .meta .date {  display:flex; flex-grow:1; justify-content: flex-end; line-height:31px; }
.formation.full .header .meta .date span, .projet.full .header .meta .date span { text-transform:uppercase;  line-height:31px; background:url(/themes/innoralis/assets/css/../img/calendar.png) no-repeat left center; padding-left:45px; text-transform:uppercase; }
.formation.full .header .author, .projet.full .header .author { color:#fff; }
.formation.full .header .duree-tp, .projet.full .header .duree-tp { display:flex; flex-direction:row; justify-content:space-between; align-items:flex-end; }
.formation.full .header .duree-tp .duree, .projet.full .header .duree-tp .duree { border-right:1px solid rgba(255,255,255,0.5); margin-right:30px; display:flex; flex-grow:1;}
.formation.full .header .duree-tp .tp, .projet.full .header .duree-tp .tp { display:flex; flex-grow:1; justify-content: flex-end; }
.formation.full .header .price , .projet.full .header .price  { display:flex; flex-direction:row; justify-content:flex-end; align-items:flex-end; }
.formation.full .header .inscriptions, .projet.full .header .inscriptions { flex-direction:column; align-items:flex-end; margin:30px 0 80px 0; }
.formation.full .header .inscriptions .available, .projet.full .header .inscriptions .available { margin-bottom:5px; }
.formation.full .header .inscriptions .min, .projet.full .header .inscriptions .min { color:rgba(255,255,255,0.5); }
.formation.full .header .inscriptions .min:before, .projet.full .header .inscriptions .min:before { background:rgba(255,255,255,0.5); }
.formation.full .header .tags, .projet.full .header .tags { text-align:left; font-size:15px; }
.formation.full .header .tags span, .projet.full .header .tags span { background:#9794aa; }
.formation.full .header .actions, .projet.full .header .actions { margin-top:30px; }
.formation.full .resume, .projet.full .resume { padding:50px 0; }
.formation.full .resume .row, .projet.full .resume .row { justify-content: space-between; }
.formation.full .resume .wrapper, .projet.full .resume .wrapper { position:relative; padding-top:50px; padding-right:50px; margin-top:50px;}
.formation.full .resume .wrapper:before, .projet.full .resume .wrapper:before { position:absolute; right:0; top:0; content:''; background: linear-gradient(45deg, #8491ae 0%,#5AB0A5 100%); width:calc(100% - 50px); padding-right:50px; height:calc(100% - 50px); }
.formation.full .resume .description, .projet.full .resume .description { color:#646464; font-size:17px; font-weight:300; }
.formation.full .resume .swiper-pagination, .projet.full .resume .swiper-pagination { text-align:center; margin-top:40px; width:100%; }
.formation.full .resume .swiper-pagination-bullet:before, .projet.full .resume .swiper-pagination-bullet:before { background:#c5c6c7; }
.formation.full .resume .swiper-pagination-bullet-active:before, .projet.full .resume .swiper-pagination-bullet-active:before { background:#5AB0A5; }
.formation.full .resume .description strong, .projet.full .resume .description strong { color:#5AB0A5; }
.formation.full .programme, .projet.full .programme { box-shadow:inset 0px 0px 10px rgba(0,0,0,0.1), inset 0px 0px 10px rgba(0,0,0,0.1); padding:50px 0; background:#f3f3f3; position:relative; overflow: hidden; }
.formation.full .programme .picto, .projet.full .programme .picto { position:absolute; right:0; top:0; width:1500px; transform:translateX(75%); }
.formation.full .programme .picto .rotate, .projet.full .programme .picto .rotate { animation:spin 90s infinite; transform-origin: center; }
@keyframes spin { from { transform: rotate(0deg); transform-origin:center; } to { transform: rotate(360deg); transform-origin:center; }}
.formation.full .programme .container, .projet.full .programme .container { padding-right:300px; }
.formation.full .programme ul, .projet.full .programme ul { list-style:none; margin:0; padding:0; color:#646464; font-size:17px; font-weight:400; }
.formation.full .programme li, .projet.full .programme li { padding:15px 15px 15px 80px; background:#fff url(/themes/innoralis/assets/css/../img/programme-arrow.png) no-repeat 50px center; border-radius:100px; margin:20px 0; transition:all 0.5s ease 0s; }
.formation.full .programme li:hover, .projet.full .programme li:hover { box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.25); transform:translateX(-30px) !important; }
.formation.full .variations, .projet.full .variations { }
.formation.full .variations h2:after, .projet.full .variations h2:after { content:none; }
.formation.full .variations .separator, .projet.full .variations .separator { background-color:#f3f3f3; display:none; }
.formation.full .variations.active .separator.down, .projet.full .variations.active .separator.down { background-color:#fff; }
.formation.full .variations.active .table, .projet.full .variations.active .table { background-color:#fff; padding:60px 0; }
.formation.full .variations .form, .projet.full .variations .form { padding:0; background:#f3f3f3; }
.formation.full .variations .form h2, .projet.full .variations .form h2 { font-size:24px; font-weight:500; color:#5AB0A5; margin-bottom:30px; padding:0; }
.formation.full .variations .form .commerce-order-item-dc-ajax-add-cart-form, .projet.full .variations .form .commerce-order-item-dc-ajax-add-cart-form { display:flex; flex-direction:row; justify-content:space-between; align-items:center; }
.formation.full .variations .form .js-form-type-textfield input, .projet.full .variations .form .js-form-type-textfield input { max-width:300px; }
.formation.full .variations .form .js-form-type-textfield,
.formation.full .variations .form .js-form-type-number,
.formation.full .variations .form .js-form-type-email,
.formation.full .variations .form .js-form-type-textfield .error,
.formation.full .variations .form .js-form-type-email .has-error, .projet.full .variations .form .js-form-type-email .has-error { border-color:#ff0000; }
.formation.full .variations .form input, .projet.full .variations .form input { padding:15px 25px; }
.formation.full .variations .form .form-actions { position:relative; }
.formation.full .variations .form .form-actions input { height:54px; padding:12px 28px; font-size:0; background-image:url(/themes/innoralis/assets/css/../img/chevron-right.png); background-repeat:no-repeat; background-position:center center; }
.formation.full .variations .form .form-actions input[disabled] { opacity:0.5; }
.formation.full .variations .form .ajax-progress, .projet.full .variations .form .ajax-progress { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.formation.full .variations .form .ajax-progress .message, .projet.full .variations .form .ajax-progress .message { display:none; }
.formation.full .variations .form .field--name-field-nom, .projet.full .variations .form .field--name-field-nom { padding-left:100px; background:url(/themes/innoralis/assets/css/../img/inscrit-add.png) no-repeat left center; }
.formation.full .variations .table, .projet.full .variations .table { background:#fff; color:#646464; }
.formation.full .variations .table h2, .projet.full .variations .table h2 { font-size:24px; font-weight:500; color:#646464; margin-bottom:30px; }
.formation.full .variations .table table, .projet.full .variations .table table { width:60%; margin:0 auto; }
.formation.full .variations .table table td, .projet.full .variations .table table td { padding:20px; }
.formation.full .variations .table table tr, .projet.full .variations .table table tr {border-bottom:1px solid #dedede; }
.formation.full .variations .table .icon div, .projet.full .variations .table .icon div { position:relative; display:inline-block; }
.formation.full .variations .table .icon .count, .projet.full .variations .table .icon .count { position:absolute; right:0; top:0; width:22px; height:22px; border-radius:50%; background:#5AB0A5; color:#fff; font-size:15px; line-height:22px; text-align:center; display:block; }
.formation.full .variations .table .nom div, .projet.full .variations .table .nom div { border-right:1px solid #dedede;}
.formation.full .variations .table .more, .projet.full .variations .table .more { text-align:center; margin-top:60px; display:none; }
.formation.full .author, .projet.full .author { padding:40px 0; color: #646464; }
.formation.full .author .wrapper, .projet.full .author .wrapper { position:relative; margin-top:120px; box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.15); }
.formation.full .author .wrapper:before, .projet.full .author .wrapper:before { content:''; position:absolute; width:50%; height:100%; left:-80px; top:-50px; background: linear-gradient(to bottom, #5AB0A5 36%,#8491ae 100%); z-index:-1;}
.formation.full .author .row, .projet.full .author .row {  background:#fff; }
.formation.full .author .left, .projet.full .author .left { padding:60px 80px 60px 120px; }
.formation.full .author h3, .projet.full .author h3 { color:#5AB0A5; font-size:32px; }
.formation.full .author .job, .projet.full .author .job { color:#5AB0A5; text-transform:uppercase; font-weight:400; font-size:17px; margin-bottom:30px; }
.formation.full .author .cv, .projet.full .author .cv { color:#646464; font-size:15px; font-weight:400; }
.formation.full .author .cv ul, .projet.full .author .cv ul { margin:0; padding:0; list-style:none; margin-left:-30px; }
.formation.full .author .cv li, .projet.full .author .cv li { margin:10px 0; padding-left:30px; background:url(/themes/innoralis/assets/css/../img/puce.png) no-repeat left 3px;  }
.formation.full .author .more, .projet.full .author .more { text-align:center; margin-top:80px; }
.formation.full .author .more .btn, .projet.full .author .more .btn { background:#f3f3f3 url(/themes/innoralis/assets/css/../img/download.png) no-repeat 40px center; color:#5AB0A5; padding-left:100px; box-shadow:none; }
.formation.full .steps, .projet.full .steps { background: linear-gradient(to right, #583297 0%,#93b4c1 100%); padding:40px 0; color:#fff; }
.formation.full .steps h2 { display:flex; flex-direction:row; justify-content: space-evenly; align-items:center; color:#fff; font-size:24px; }
.formation.full .steps h2:before { content:''; width:30%; height:1px; background:rgba(255,255,255,0.5); margin:0; margin-right:50px;}
.formation.full .steps h2:after { content:''; width:30%; height:1px; background:rgba(255,255,255,0.5); margin:0; margin-left:50px; }
.formation.full .steps ul, .projet.full .steps ul { margin:50px 0; padding:0; display:flex; flex-direction:row; align-items:flex-start; list-style:none; text-align:center; }
.formation.full .steps li, .projet.full .steps li { font-size:15px; font-weight:400; padding:120px 20px 0 20px; position:relative; width:20%; }
.formation.full .steps li:after, .projet.full .steps li:after { content:''; position:absolute; right:-10px; top:50px; transform:translateY(-50%); background:url(/themes/innoralis/assets/css/../img/f-sep.png) no-repeat center center; width:10px; height:18px; }
.formation.full .steps li:last-child:after, .projet.full .steps li:last-child:after { content:none; }
.formation.full .steps li.step1, .projet.full .steps li.step1 { background:url(/themes/innoralis/assets/css/../img/f-step1.png) no-repeat center 20px; }
.projet.full .steps li.step1c { background:url(/themes/innoralis/assets/css/../img/f-step1c.png) no-repeat center 20px; }
.formation.full .steps li.step2, .projet.full .steps li.step2 { background:url(/themes/innoralis/assets/css/../img/f-step2.png) no-repeat calc(50% + 10px) top; }
.formation.full .steps li.step3, .projet.full .steps li.step3 { background:url(/themes/innoralis/assets/css/../img/f-step3.png) no-repeat calc(50% + 10px) 10px; }
.formation.full .steps li.step4, .projet.full .steps li.step4 { background:url(/themes/innoralis/assets/css/../img/f-step4.png) no-repeat center top; }
.formation.full .steps li.step5, .projet.full .steps li.step5 { background:url(/themes/innoralis/assets/css/../img/f-step5.png) no-repeat center 20px; }
.formation.full .steps .wrapper, .projet.full .steps .wrapper { border-radius:500px; background:#fff; padding:40px; text-align:center; }
.formation.full .steps .wrapper h2, .projet.full .steps .wrapper h2 { color:#c5c6c7; }
.formation.full .steps .wrapper p, .projet.full .steps .wrapper p { color:#5AB0A5;  }
.formation.full .steps .wrapper .btn, .projet.full .steps .wrapper .btn { margin-top:50px; }

.formation.related h3, .projet.related h3 { font-size:30px; }
.formation.related .inner, .projet.related .inner { padding:50px 50px 100px 50px; color:#fff; }
.formation.related:nth-child(odd) .inner, .projet.related:nth-child(odd) .inner { background: linear-gradient(to right, #6650a2 0%,#7e85b2 100%); }
.formation.related:nth-child(even) .inner, .projet.related:nth-child(even) .inner { background: linear-gradient(to right, #818bb4 0%,#96bac3 100%); }
.formation.related .author, .projet.related .author { text-transform:uppercase; font-weight:400; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,0.5); padding:0; }
.formation.related .author span, .projet.related .author span { font-size:14px; color:#646464; display:block; text-transform:lowercase; }
.formation.related .meta, .projet.related .meta { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; }
.formation.related .meta .address, .projet.related .meta .address { background:url(/themes/innoralis/assets/css/../img/target.png) no-repeat left center; padding-left:45px; text-transform:uppercase; display:flex; padding-right:20px; margin-right:20px; border-right:1px solid rgba(255,255,255,0.5); line-height:31px; }
.formation.related .meta .date, .projet.related .meta .date { background:url(/themes/innoralis/assets/css/../img/calendar.png) no-repeat left center; padding-left:45px; text-transform:uppercase; display:flex; line-height:31px; }
.formation.related .tags span, .projet.related .tags span { background:#9692a9; margin:30px 0; }
.formation.related .description, .projet.related .description { font-weight:400; font-size:15px; padding:0; color:#fff; font-weight:400; }
.formation.related .description:before, .projet.related .description:before { content:none; }
.formation.related .more, .projet.related .more { position:absolute; bottom:0; transform:translateY(50%); }
.formation.related .more a, .projet.related .more a { position:relative; top:-10px; }

.view-formations.view-display-id-formations article,
.view-projets.view-display-id-projets article {
  cursor: pointer;
}

/* Publications */
.publication.accueil { transition:all 0.5s ease 0s; position:relative; }
.publication.accueil:before { content:''; position:absolute; width:100%; height:7px; background:#646464; left:0; bottom:0; }
.publication.accueil .meta { margin:15px 0; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; font-size:17px; }
.publication.accueil .meta .date { color:#646464; }
.publication.accueil h3 { font-size:18px; font-weight:600; line-height:1.3em; }
.publication.accueil h3 a { color:#562d86;  }
.publication.accueil .description { color:#646464; font-weight:400; font-size:14px; padding-bottom:30px; }
.publication.accueil:hover .barre:before { width:100%; }
.publication.accueil .author { color:#562d86; margin-bottom:15px;  }
.publication.accueil .author span.label { color:#c5c6c7; font-size:12px; display:block; }
.publication.accueil .author span.name { display:block; padding-right:15px; }
.publication.accueil .rate { padding-left:10px; }

.publication.teaser { position:relative; padding-bottom:30px; margin-bottom:30px; background:#fff; height:100%; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25); }
.publication.teaser:before { content:''; position:absolute; left:0; bottom:0; width:0; height:7px; background:#562d86; z-index:2; transition:all 0.5s ease 0s; }
.publication.teaser:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:7px; background:#646464; z-index:1; }
.publication.teaser:hover { box-shadow: 0px 0px 20px 0px rgba(85,44,133,0.4); }
.publication.teaser:hover:after { background:#552C85; }
.publication.teaser .meta { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; cursor: pointer; }
.publication.teaser .tags { margin:15px 15px 15px 0; }
.publication.teaser .category-label { display: inline-block; color: #646464 }
.publication.teaser img { border-bottom:1px solid #d9d9d9; }
.publication.teaser .date { color:#646464; }
.publication.teaser h2 { font-size:22px; font-weight:600; margin-top:0; }
.publication.teaser h2 a { color:#646464; }
.publication.teaser .description { color:#646464; font-weight:400; font-size:15px; cursor: pointer; }
.publication.teaser article:hover:before { width:100%; }
.publication.teaser .inner { padding: 0 30px; }
.publication.teaser .author { color:#562d86; margin-bottom:15px;  }
.publication.teaser .author span.label { color:#c5c6c7; font-size:12px; display:block; }
.publication.teaser .author span.name { display:block; padding-right:15px; border-right:1px solid #d9d9d9; }
.publication.teaser .rate { padding-left:15px; }

.publication.full .banner { background: linear-gradient(to right, #623c9d 0%,#9fc3c9 100%); padding-bottom:250px; }
.publication.full .banner .container { display:flex; flex-direction:column; }
.publication.full .banner h1 { order:2; font-size:40px; }
.publication.full .banner .row { align-items:center; justify-content:center; white-space:nowrap; }
.publication.full .banner .meta { order:1; margin-bottom:50px; }
.publication.full .banner .meta .left { display:flex; flex-direction:row; align-items:center; justify-content:flex-end; padding:0 50px; }
.publication.full .banner .meta .right { text-align:left; border-left:1px solid #fff; padding:0 50px;  }
.publication.full .banner .meta .right a { color:#fff; display:flex; flex-direction:row; align-items:center; }
.publication.full .banner .meta .right i { font-size:24px; margin-left:20px; }
.publication.full .banner .tags span { background:#9690a9; }
.publication.full .banner .meta .rate { margin:0; text-align:left; }
.publication.full .banner .meta .author { text-align:center;  }
.publication.full .banner .meta .rate i { color:#fff; font-size:14px; }
.publication.full .banner .meta2 { order:3; margin-top:50px;}
.publication.full .banner .meta2 .tags { margin-top:30px; }
.publication.full .slider { text-align:center; }
.publication.full .slider .swiper-container { margin-top:-220px; padding-bottom:80px;}
.publication.full .slider .swiper-pagination { bottom:0; }
.publication.full .slider .swiper-pagination .swiper-pagination-bullet-active:before { background:#5AB0A5; }
.publication.full .content h2 { color: #646464; font-size: 35px; position: relative; font-weight: 500; }
.publication.full .content h2:after { content: ''; display: block; width: 90px; height: 6px; background: #5AB0A5; margin: 30px 0 60px 0; }
.publication.full .description { color:#646464; margin:80px 0; font-weight:300; }
.publication.full .description h2 { color:#562d86; text-align:center; margin:50px 0; }
.publication.full .teaser { color:#646464; margin:80px 0; font-weight:400; }
.publication.full .teaser h2 { color:#562d86; text-align:center; margin:50px 0; }
.publication.full .gallery .container { padding:80px 15px; border-top:1px solid #d9d9d9; }
.publication.full .gallery h2 { color: #646464; font-size: 35px; position: relative; font-weight: 500; }
.publication.full .gallery h2:after { content: ''; display: block; width: 90px; height: 6px; background: #5AB0A5; margin: 30px 0 60px 0; }
.publication.full .gallery .col-md-3 { margin-bottom:30px; }

/* Actualites */
.actualite.accueil { height:100%; background:#fff; }
.actualite.accueil .row { height:100%; }
.actualite.accueil .inner { padding:50px; background:#fff; position:relative; display:flex; height:100%; }
.actualite.accueil .inner2 { position:relative; }
.actualite.accueil .meta { display:flex; flex-direction:row; justify-content: space-between; align-items:center; margin-bottom:0; }
.actualite.accueil .meta .tags span { display:inline-block; background:#562d86; font-weight:400; border-radius:40px; padding:5px 20px; color:#fff;  }
.actualite.accueil .meta .date { display: none; color:#646464; font-size:20px; }
.actualite.accueil h3 { font-size:34px; margin-bottom:30px; }
.actualite.accueil h3 a { color:#562d86; }
.actualite.accueil .description { color:#646464; font-size:17px; font-weight:400; }
.actualite.accueil .triangle { width: 0; height: 0; border-style: solid; border-width: 0 150px 150px 0; border-color: transparent #572d86 transparent transparent; position:absolute; right:0; top:0; display:block; z-index:2; }
.actualite.accueil img {  }
.actualite.accueil:hover .barre:before { width:100%; }

.actualite.full .banner { background: linear-gradient(to right, #623c9d 0%,#9fc3c9 100%); }
.actualite.full .banner .container { display:flex; flex-direction:column; }
.actualite.full .banner h1 { order:2; font-size:40px; }
.actualite.full .banner .row { align-items:center; justify-content:center; white-space:nowrap; }
.actualite.full .banner .meta { order:1; margin-bottom:50px; }
.actualite.full .banner .meta .left { display:flex; flex-direction:row; align-items:center; justify-content:flex-end; padding:0 50px; }
.actualite.full .banner .meta .right { text-align:left; border-left:1px solid #fff; padding:0 50px;  }
.actualite.full .banner .meta .right a { color:#fff; display:flex; flex-direction:row; align-items:center; }
.actualite.full .banner .meta .right i { font-size:24px; margin-left:20px; }
.actualite.full .banner .tags span { background:#9690a9; }
.actualite.full .banner .meta .rate { margin:0; text-align:left; }
.actualite.full .banner .meta .author { text-align:center;  }
.actualite.full .banner .meta .rate i { color:#fff; font-size:14px; }
.actualite.full .banner .meta2 { order:3; margin-top:50px;}
.actualite.full .banner .meta2 .tags { margin-top:30px; }
.actualite.full .image { text-align:center; }
.actualite.full .content h2 { color: #646464; font-size: 35px; position: relative; font-weight: 500; }
.actualite.full .content h2:after { content: ''; display: block; width: 90px; height: 6px; background: #5AB0A5; margin: 30px 0 60px 0; }
.actualite.full .description { color:#646464; margin:80px 0; font-weight:400; }
.actualite.full .description h2 { color:#562d86; text-align:center; margin:50px 0; }
.actualite.full .teaser { color:#646464; margin:80px 0; font-weight:400; }
.actualite.full .teaser h2 { color:#562d86; text-align:center; margin:50px 0; }

/**
* Page specific
**/

/* Home */
.page-accueil .slider { visibility:hidden; }
.page-accueil .slider img { max-width:100%; height:auto; }
.page-accueil .slider .caption { position:absolute; left:0; bottom:0; background:rgba(100,65,139,0.8); color:#fff; padding:40px 100px 40px 40px; font-size:26px; width:60%; display:flex; justify-content:flex-end; }
.page-accueil .slider .caption p { margin:0 20px 0 0; transition:all 0.7s ease 0.5s; }
.page-accueil .slider .swiper-slide img { min-height:250px; object-fit:cover; }
.page-accueil .slider .swiper-slide-active p { opacity:1; margin:0; }
.page-accueil .slider .swiper-pagination { bottom:50px; width:30%; left:auto; right:0; text-align:left; position:absolute; padding:0; }
.page-accueil .slider .swiper-pagination-bullet-active:before { background:#fff; }

.page-accueil .shop { padding:20px 0 0 0; position:relative; }
.page-accueil .shop .rellax { position:absolute; left:0; top:150px; }
.page-accueil .shop .grid { background: linear-gradient(to right, #746fab 0%,#93bdb9 70%); padding:40px 0; }
.page-accueil .shop .row { margin:0 -100px; justify-content:center; }
.page-accueil .shop .more { text-align:center; }
.page-accueil .shop .more .btn { transform:translateY(-50%);  }
.page-accueil .projets { margin-top: 3em; }
.page-accueil .formations .inner, .page-accueil .projets .inner { background: linear-gradient(to right, #562e96 0%,#5AB0A5 100%); padding:50px 0 0 0; max-height:450px; }
.page-accueil .formations .inner .container, .page-accueil .projets .inner .container { position:relative; }
.page-accueil .formations .swiper-container, .page-accueil .projets .swiper-container { height:445px; }
.page-accueil .formations .swiper-slide, .page-accueil .projets .swiper-slide { overflow:hidden; }
.page-accueil .formations .swiper-pagination, .page-accueil .projets .swiper-pagination { left:-60px; top:0; right:auto; bottom:auto; position:absolute; padding:0; }
.page-accueil .formations .swiper-pagination-bullet, .page-accueil .projets .swiper-pagination-bullet { display:block; }
.page-accueil .formations .more, .page-accueil .projets .more { display:flex; flex-direction:row; align-items:flex-start; margin-top:-80px; position:relative; z-index:2; }
.page-accueil .formations .more .primary, .page-accueil .projets .more .primary { margin-left:20px; }
.page-accueil .formations .swiper-nav { display: none }
.page-accueil .publications { padding:40px 0 40px 0; position:relative; }
.page-accueil .publications .rellax1 { position:absolute; right:0; top:100px; }
.page-accueil .publications .rellax2 { position:absolute; left:0; bottom:200px; }
.page-accueil .publications .row { margin:0 -50px; }
.page-accueil .publications .col-md-4 { padding:0 30px; display:flex; }
.page-accueil .publications .more { margin-top:50px; text-align:center; }
.page-accueil .actualites { background:#f3f3f3; padding:30px 0 30px 0; }
.page-accueil .actualites .wrapper { padding-top:50px; padding-left:100px; position:relative; }
.page-accueil .actualites .wrapper:before { content:''; display:block; width:50%; height:calc(100% - 50px); position:absolute; left:0; top:0; background: linear-gradient(to bottom, #562d96 0%,#9fcfca 100%); }
.page-accueil .actualites .swiper-pagination { left:25px; top:50px; right:auto; bottom:auto; position:absolute; padding:0;}
.page-accueil .actualites .swiper-pagination-bullet { display:block; }
.page-accueil .actualites .col-md-6 { display:flex; }
.page-accueil .intro { text-align:center; padding:20px 0 0 0; position:relative; }
.page-accueil .intro .rellax { position:absolute; right:0; bottom:100px; }
.page-accueil .intro h2 { color:#646464; font-size:50px; font-weight:500; margin-bottom:15px; margin-top:0; }
.page-accueil .intro h3 { color:#5AB0A5; font-size:30px; font-weight:500; margin-bottom:30px; }
.page-accueil .intro p { color:#646464; font-weight:400; }
.page-accueil .intro .inner { position:relative; padding:50px 0; margin-top:20px;  }
.page-accueil .intro .inner:before { content:''; display:block; position:absolute; left:0; top:0; width:50%; height:100%; background: linear-gradient(to bottom, #562d96 1%,#9fcec9 100%); z-index: -1; }
.page-accueil .intro iframe { width:100%;}
.page-accueil .newsletter { padding:40px 0; text-align:center; }
.page-accueil .newsletter h2 { color:#646464; font-size:50px; font-weight:500; margin-bottom:15px; }
.page-accueil .newsletter h3 { color:#5AB0A5; font-size:30px; font-weight:500; }
.page-accueil .newsletter a { padding:20px 50px; display:inline-block; margin-top:20px; border-radius:40px; background:#5AB0A5; color:#fff; font-size:20px; text-align:center; font-weight:500; overflow:hidden; position:relative; }
.page-accueil .newsletter .inner { box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1); padding:50px 0; border-radius:400px; }
.page-accueil .newsletter #block-sendinblue { max-width:600px; margin:0 auto; }
.page-accueil .newsletter .sib_list_row { display:flex; flex-direction:column; text-align:left; margin-left:0; margin-right:0; }
.page-accueil .newsletter .byline { margin-top:20px; }
.page-accueil .newsletter .close { background:none; border:none; color:#721c24; text-shadow:0 1px 0 #fff; font-size:20px; float:right; cursor:pointer; }
.page-accueil .newsletter .message_area { width:100%; text-align:left; line-height:34px; padding-left:15px; border-radius:4px; }


/* Nos valeurs */
#block-nosvaleurs { background: #f5f5f5; padding-top: 12px; }
#block-nosvaleurs h2 { margin-top: 20px; margin-bottom: 10px; }
#block-nosvaleurs .valeurs { display: flex; justify-content: space-between; align-items: flex-end }
#block-nosvaleurs .valeur { width: 31%; background: #fff; border-left: 5px solid #999; padding: 9px 13px 22px 19px; margin: 30px 0 0 0; text-align: left; box-shadow: 9px 4px 11px 2px rgb(0 0 0 / 14%); transition: all 0.5s; }
#block-nosvaleurs .valeur h3 { margin-top: 0; font-size: 26px; line-height: 33px; color: #5BACA6; }
#block-nosvaleurs .valeur img {	max-width: 40%; margin: 0 auto; display: block; }
#block-nosvaleurs .valeur p { font-weight: 300; line-height: 120%; color: #646464; }
@media (min-width: 1201px) {
  #block-nosvaleurs .valeur:first-child { min-height: 600px; }
  #block-nosvaleurs .valeur:nth-child(2) { min-height: 540px; }
  #block-nosvaleurs .valeur:hover { border-left: 3px solid #562d86; transform: translateY(10px); }
  #block-nosvaleurs .valeur:hover img { transform: scale(1.1); }
}

.nosvaleurs { background: #f5f5f5; padding-top: 12px; }
.nosvaleurs .valeurs { display: block; clear: both; }
.nosvaleurs .valeurs:after { content: ""; clear: both; display: table; }
.nosvaleurs .valeur { width: 100%; clear: both; cursor: pointer; }
.nosvaleurs .valeur:nth-child(odd) .valeur_visuel { float: left; }
.nosvaleurs .valeur:nth-child(even) .valeur_visuel { float: right; }
.nosvaleurs .valeur:nth-child(odd) .valeur_desc { float: right; }
.nosvaleurs .valeur:nth-child(even) .valeur_desc { float: left; }
.nosvaleurs .valeur .valeur_visuel { width: 33%; padding: 40px 0 0 0; }
.nosvaleurs .valeur .valeur_visuel img { max-width: 56%; margin: 0 auto; display: block; }
.nosvaleurs .valeur .valeur_desc {width: 67% ;float: left;  background: #fff; border-left: 3px solid #999; padding: 9px 13px 22px 19px; margin: 30px 0 0 0; text-align: left; box-shadow: 9px 4px 11px 2px rgb(0 0 0 / 14%);  }
.nosvaleurs .valeur h3 { margin-top: 0; font-size: 26px; line-height: 33px; color: #5BACA6; }
.nosvaleurs .valeur p { font-weight: 300; line-height: 120%; color: #646464; }



/* Shop */
.page-shop .results { padding: 0; }
.page-shop .results .col-md-6 img { object-fit:cover; max-height:380px; }
.page-shop .results .product.accueil img { border:1px solid #d9d9d9; }

/* Formations */
.page-formations .results { padding:30px 0; }
.page-formations .results .odd .inner { background: linear-gradient(to right, rgba(104,83,162,1) 0%,rgba(126,131,178,1) 100%); }
.page-formations .results .even .inner {background: linear-gradient(to right, rgba(131,142,181,1) 0%,rgba(151,187,195,1) 100%);  }

/* Projets */
.page-projets .results { padding:30px 0; }
.page-projets .results .odd .inner { background: linear-gradient(to right, rgba(104,83,162,1) 0%,rgba(126,131,178,1) 100%); }
.page-projets .results .even .inner {background: linear-gradient(to right, rgba(131,142,181,1) 0%,rgba(151,187,195,1) 100%);  }
.projet.full .header .left .projet_image { clip-path: polygon(0 0, 89% 0%, 100% 100%, 0% 100%); margin: 0 0 30px 0 }
.projet.full .variations .form .js-form-type-textfield,
.projet.full .variations .form .js-form-type-number,
.projet.full .variations .form .js-form-type-email { margin-right:15px; margin-bottom:0; padding:10px 0; }
.projet.full .steps h2 { display:flex; flex-direction:row; justify-content: space-evenly; align-items:center; color:#fff; font-size:24px; }
.projet.full .steps h2:before { content:''; width:25%; height:1px; background:rgba(255,255,255,0.5); margin:0; margin-right:50px;}
.projet.full .steps h2:after { content:''; width:25%; height:1px; background:rgba(255,255,255,0.5); margin:0; margin-left:50px; }
.projet.full .precommande { display: flex; background: #ffffff; padding: 1em; }
.projet.full .precommande .presentation, .projet.full .precommande .achat { flex: 1; display: flex; align-items: flex-start; }
.projet.full .precommande .prices { width: 240px; text-align: center; color: #646464; }
.projet.full .precommande .list_price {font-size: 13px; line-height: 17px; opacity: 80%; text-decoration: line-through #999 1px; display: inline-block; margin-right: 0.5em;}
.projet.full .precommande .commerce-order-item-dc-ajax-add-cart-form { flex-wrap: wrap; justify-content: flex-end; }
.projet.full .precommande .commerce-order-item-dc-ajax-add-cart-form .field--name-purchased-entity { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; }
.projet.full .precommande .commerce-order-item-dc-ajax-add-cart-form .field--name-purchased-entity .form-item { margin: 0 0 5px 0; }
.projet.full .variations .form .commerce-order-item-dc-ajax-add-cart-form { justify-content: flex-end !important; }
.projet .countdays { width: 100%; text-align: center; padding: 0 0 2em; }

/* Publications */
.page-publications .filters .collapse { border:none; margin-bottom:10px; }
.page-publications .results .col-md-3 { display:flex; padding-bottom:70px; }


/* A notre propos */
.page-about section { padding:40px 0; color:#646464; font-weight:400; text-align:justify; }
.page-about .intro { padding-top:0; }
.page-about strong { color:#5AB0A5; font-weight:500; font-size:22px; }
.page-about h2 { color: #646464; font-size: 35px; position: relative; font-weight: 500; }
.page-about h2:after { content: ''; display: block; width: 90px; height: 6px; background: #5AB0A5; margin: 15px 0 30px 0; }
.page-about ul { margin:0; padding:0; list-style:none; }
.page-about li { margin:10px 0; padding-left:30px; background:url(/themes/innoralis/assets/css/../img/puce.png) no-repeat left 3px;  }
.page-about .center { text-align:center; }


.page-about .authors {}
.page-about .authors .wrapper { position:relative; margin-top:120px; box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.15); }
.page-about .authors .wrapper:before { content:''; position:absolute; width:50%; height:100%; left:-80px; top:-50px; background: linear-gradient(to bottom, #5AB0A5 36%,#8491ae 100%); z-index:-1;}
.page-about .authors .row {  background:#fff;  }
.page-about .authors .left { padding:60px 80px 60px 120px; }
.page-about .authors h3 { color:#5AB0A5; font-size:32px; }
.page-about .authors .job { color:#5AB0A5; text-transform:uppercase; font-weight:400; font-size:17px; margin-bottom:30px; }
.page-about .authors .cv { color:#646464; font-size:15px; font-weight:400; }
.page-about .authors .more { text-align:center; margin-top:80px; }
.page-about .authors .more .btn { background:#f3f3f3 url(/themes/innoralis/assets/css/../img/download.png) no-repeat 40px center; color:#5AB0A5; padding-left:100px; box-shadow:none; }

.page-about .videos { padding:0; }
.page-about .videos .inner { position:relative; padding:50px 0; text-align:center; }
.page-about .videos .inner.right:before { content:''; display:block; position:absolute; right:0; top:0; width:50%; height:100%; background: linear-gradient(to bottom, #562d96 1%,#9fcec9 100%); z-index: -1; }
.page-about .videos .inner.left:before { content:''; display:block; position:absolute; left:0; top:0; width:50%; height:100%; background: linear-gradient(to bottom, #562d96 1%,#9fcec9 100%); z-index: -1; }
.page-about .intro .inner { position:relative; padding:50px 0; }
.page-about .intro .inner.right:before { content:''; display:block; position:absolute; right:0; top:0; width:50%; height:100%; background: linear-gradient(to bottom, #562d96 1%,#9fcec9 100%); z-index: -1; }
.page-about .intro .inner.left:before { content:''; display:block; position:absolute; left:0; top:0; width:50%; height:100%; background: linear-gradient(to bottom, #562d96 1%,#9fcec9 100%); z-index: -1; }

.page-about .ambitions { text-align:justify; }
.page-about .ambitions h3 { margin:30px 0 15px 0; color:#5BACA6; font-weight:500; font-size:22px; }
.page-about .ambitions ul { margin:50px 0; }

.page-about .competences ol { display:flex; flex-direction:row; list-style:none; padding:0; position:relative; }
.page-about .competences ol:before { content:''; position:absolute; left:0; top:0; width:100%; height:140px; background:url(/themes/innoralis/assets/css/../img/a-propos.svg) no-repeat center center; background-size:1020px auto; z-index:-1; }
.page-about .competences ol > li { width:20%; padding:0; background:none; margin:0; position:relative; }
.page-about .competences h3, .page-about .competences .h3 { text-align:center; padding:30px 5px; color:#fff; text-transform:uppercase; font-weight:500; position:relative; font-size:18px; margin:0; min-height:140px; display:flex; justify-content: center; align-items:center; }
.page-about .competences h3:before, .page-about .competences .h3:before { content:''; position:absolute; left:50%; top:-20px; transform:translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0 15px 20px 15px; border-color: transparent transparent #ccc transparent; }
.page-about .competences ul { text-align:center; font-size:15px; list-style:none; margin:0; padding:0; font-weight:300; }
.page-about .competences ul > li { padding:0; background:none; margin:0; line-height:1.2em; }
.page-about .competences ul > li:after { content:'-'; display:block; }
.page-about .competences ul > li:last-child:after { content:none;  }
.page-about .competences ul strong { font-weight:600; font-size:inherit; color:#646464; font-size:16px; }
.page-about .competences .number { text-align:center; width:140px; height:140px; margin:0 auto; display:flex; align-items:center; justify-content:center; background:url(/themes/innoralis/assets/css/../img/competences-numero.png) no-repeat center center; background-size:cover; border:10px solid #ccc; border-radius:50%; box-shadow: -10px 10px 50px 0px rgba(0,0,0,0.25); font-size:36px; font-weight:600; }
.page-about .competences .wrapper { margin:0 10px; margin-top:40px; box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25); }
.page-about .competences .content { background:#fff; padding:30px 15px; text-align:center; border-bottom:7px solid #ccc; overflow:hidden; }

.page-about .competences .idee { background:url(/themes/innoralis/assets/css/../img/competences-icons1.png) no-repeat center bottom 80px; background-size:80%; }
.page-about .competences .idee .number { border-color:#562d86; }
.page-about .competences .idee h3, .page-about .competences .idee .h3 { background-color:#562d86; }
.page-about .competences .idee h3:before, .page-about .competences .idee .h3:before { border-color: transparent transparent #562d86 transparent; }
.page-about .competences .idee .content { border-color: #562d86; }
.page-about .competences .recherche .number { border-color:#675395; }
.page-about .competences .recherche h3, .page-about .competences .recherche .h3 { background-color:#675395; }
.page-about .competences .recherche h3:before, .page-about .competences .recherche .h3:before { border-color: transparent transparent #675395 transparent; }
.page-about .competences .recherche .content { border-color: #675395; }
.page-about .competences .developpement .number { border-color:#828ead; }
.page-about .competences .developpement h3, .page-about .competences .developpement .h3 { background-color:#828ead; }
.page-about .competences .developpement h3:before, .page-about .competences .developpement .h3:before { border-color: transparent transparent #828ead transparent; }
.page-about .competences .developpement .content { border-color: #828ead; }
.page-about .competences .industrialisation .number { border-color:#8ea8b7; }
.page-about .competences .industrialisation h3, .page-about .competences .industrialisation .h3 { background-color:#8ea8b7; }
.page-about .competences .industrialisation h3:before, .page-about .competences .industrialisation .h3:before { border-color: transparent transparent #8ea8b7 transparent; }
.page-about .competences .industrialisation .content { border-color: #8ea8b7; }
.page-about .competences .produit { background:url(/themes/innoralis/assets/css/../img/competences-icons2.png) no-repeat center bottom 80px; background-size:80%; }
.page-about .competences .produit .number { border-color:#a0cfc7; }
.page-about .competences .produit h3, .page-about .competences .produit .h3 { background-color:#a0cfc7; }
.page-about .competences .produit h3:before, .page-about .competences .produit .h3:before { border-color: transparent transparent #a0cfc7 transparent; }
.page-about .competences .produit .content { border-color: #a0cfc7; }
.page-about .partenariats .logos { display:flex; flex-direction:row; align-items:center; justify-content:center; list-style:none; padding:50px; margin:50px 0; flex-wrap:wrap; background:#f3f3f3; }
.page-about .partenariats .logos li { width:20%; padding:0; background:none; text-align:center; padding:0 30px; margin: 30px 0;  }
.page-about .partenariats .logos img { filter: grayscale(100%); opacity:0.5; transition:all 0.5s ease 0s; }
.page-about .partenariats .logos a:hover img { filter: none; opacity:1; }

/* FAQ */
#block-views-block-faq-block-1 .category h2 { font-size:24px; padding:15px 0; margin:0 0 26px 0; font-weight:normal; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; color: #5BACA6; }
#block-views-block-faq-block-1 .category h2 .fa-chevron-right { transition:all 0.3s ease 0s; transform:rotate(90deg); float:right; color:#5AB0A5; }
#block-views-block-faq-block-1 .inner { color: #646464 }
#block-views-block-faq-block-1 .views-field-title { font-size: 20px; font-weight: 600; }
#block-views-block-faq-block-1 .views-field-body { font-size: 18px; font-weight: 300; }
#block-views-block-faq-block-1 .views-field-view-node { margin: 12px 0 30px 0  }
#block-views-block-faq-block-1 .views-field-view-node a { padding: 8px 30px; border-radius: 40px; color: #fff; font-size: 16px; text-align: center; display: inline-block; transition: all 0.5s ease 0s; overflow: hidden; cursor: pointer; background: #5BACA6; border: none; font-weight: 500; }
article.faq { margin-left: 30px; }
article.faq a { display: inline; text-decoration:underline; font-weight: 500; }
article.faq .question { padding: 0 14px 0 0; margin: 0 0 5px 0; border-bottom: 1px solid #d9d9d9 }
article.faq .question h1 { color: #646464; font-size: 35px; line-height: 38px; font-weight: 500; }
article.faq .question span.categorie { font-size: 20px; color:#ccc }
article.faq .answer { color: #646464; font-weight: 300; }
article.faq .faq_actions { padding: 60px 0 100px 0 }
article.faq .faq_actions a { padding: 15px 30px; border-radius: 40px; color: #fff; font-size: 16px; text-align: center; display: inline-block; transition: all 0.5s ease 0s;
    overflow: hidden; cursor: pointer; background: #5BACA6; border: none; font-weight: 500 }
.view-faq h2, .view-faq h3 { cursor: pointer; }
.view-faq .category .inner { margin: -15px 0 15px 0; display: none; }

.view-faq .category h2 i, .view-faq .faq h3 i   { margin-left: .5em; -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: all 0.5s ease 0s; }
.view-faq .category.collapsed h2 i, .view-faq .faq.collapsed h3 i { -ms-filter: unset; -webkit-transform: rotate(0); transform: rotate(0); transition: all 0.5s ease 0s; }

.view-faq .category0 h2 i, .view-faq .faq h3 i   { margin-left: .5em; -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: all 0.5s ease 0s; }
.view-faq .category0.collapsed h2 i, .view-faq .faq.collapsed h3 i { -ms-filter: unset; -webkit-transform: rotate(0); transform: rotate(0); transition: all 0.5s ease 0s; }
.view-faq .category0 .category { margin-left: 30px; }

/* Contact */
.page-contact h1 { font-size:40px; margin-bottom:30px; }
.page-contact h2 { color:#5AB0A5; font-weight:600; }
.page-contact .form { background: linear-gradient(to right, #623c9d 0%,#a6d0cd 100%); color:#fff; padding:0; position:relative; }
.page-contact .contact-form { position:relative; }
.page-contact .form .intro { text-align:center; margin-bottom:50px; }
.page-contact .form .intro h1 { color:#fff; border-bottom:none; margin:0; }
.page-contact .form .intro p { font-weight:300; color:#fff; }
.page-contact .form .box { padding:50px 150px; border:none; border-radius:50px; padding:30px; background: linear-gradient(to right, #562d96 0%,#a0ceca 100%); margin-bottom:30px; }
.page-contact .form .inner { background:#fff; border-radius:50px;  padding:30px 50px; }
.page-contact .form .box.message { margin-bottom:0; }
.page-contact .form .box.message label { display:none; }
.page-contact .form .box legend { border:1px solid #dedede; padding:15px 30px; border-radius:30px; color:#646464; font-size:17px; position:relative; }
.page-contact .form .box legend:after { content:'\f078'; position:absolute; right:30px; top:50%; transform:translateY(-50%); color:#5AB0A5; font-family:'Font Awesome 5 Pro'; }
.page-contact .form .form-textarea { border:1px solid #d9d9d9; width:100%; }
.page-contact .form .submit { position:absolute; left:50%; bottom:-100px; transform:translate(-50%, 50%); }
.page-contact .form h2 { margin-bottom:20px; padding-bottom:0; margin-top:0; padding-top:0; }

.role-authenticated .page-contact #edit-name { padding:20px 0; color:#646464; }
.role-authenticated .page-contact #edit-name label { font-size:14px; left:0; top:0; }
.role-authenticated .page-contact #edit-mail { padding:20px 0; color:#646464; }
.role-authenticated .page-contact #edit-mail label { font-size:14px; left:0; top:0; }

.page-contact .map { padding:80px 0 120px 0; }
.page-contact .map .inner { position:relative; }
.page-contact .map h2 { color:#646464; font-size:30px; position:relative; font-weight:500; }
.page-contact .map h2:after { content:''; display:block; width:90px; height:6px; background:#5AB0A5; margin:15px 0 30px 0; }
.page-contact .map .point-wrapper { position:absolute; left:47%; top:15%;  display:flex; flex-direction:row; justify-content:flex-start; align-items:center; }
.page-contact .map .point-wrapper .point { width:25px; height:25px; min-width:25px; min-height:25px; background:#5AB0A5; border-radius:50%; animation: pulse 2s infinite; }
.page-contact .map .point-wrapper img { margin-left:40px; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(160, 207, 202,0.4) } 70% { box-shadow: 0 0 0 40px rgba(160, 207, 202, 0); } 100% { box-shadow: 0 0 0 0 rgba(160, 207, 202, 0) } }

/**
* Users
**/

/* General */
#block-accesreserve { padding:15px; margin:0 -15px 50px -15px; border-radius:4px; font-weight:400; color:#0c5460; background:#d1ecf1; border:1px solid #bee5eb; }
#block-accesreserve p { margin:0; }

/* Login page */
#login { padding:80px 0; }
#login h2 { color:#5AB0A5; font-size:30px; font-weight:500; margin-bottom:50px; }
#login .left { padding:0 50px 0 0; border-right:1px solid #d9d9d9; }
#login .left .description { text-align:right; }
#login .right { padding:0 0 0 50px; }

/* Password forgotten page */
#user .user-pass { padding:60px 0; color:#646464; }

/* Registration page */
#register { padding:80px 0; }
#register header { text-align:center; color:#646464; font-weight:400; margin-bottom:60px; padding-bottom:40px; border-bottom:1px solid #d9d9d9; }
#register header h1 { position:relative; display:inline-block; }
#register header a { width:60px; height:60px; padding:0; line-height:60px; text-align:center; display:inline-block; position:absolute; right:-120px; top:-5px;}
#register header i { margin:0;}
#register h1 { color:#5AB0A5; font-size:30px; font-weight:500; margin-bottom:50px; }
#register h2 { color: #646464; font-size: 35px; position: relative; font-weight: 500; }
#register h2:after { content: ''; display: block; width: 90px; height: 6px; background: #5AB0A5; margin: 30px 0 60px 0; }
#register h2.legal { margin-top:50px; }
#register summary { display:none !important; }
#register .submit { text-align:center; margin-top:80px; }

.field--widget-boolean-checkbox .js-form-type-checkbox input,
.checkout-pane-agree-terms .js-form-type-checkbox input { visibility:visible; width:20px; height:20px; }
.field--widget-boolean-checkbox .js-form-type-checkbox label,
.checkout-pane-agree-terms .js-form-type-checkbox label { position:static; line-height:20px; font-size:18px; }
.field--widget-boolean-checkbox .js-form-type-checkbox .description,
.checkout-pane-agree-terms .js-form-type-checkbox .description { line-height:1.6em; color:#646464; padding-left:30px; }

/* User profile */
#user .hidden { display:none; }

#user .profile h1 { color:#5AB0A5; text-align:center; padding:60px 0; border-bottom:1px solid #d9d9d9; margin-bottom:60px; font-weight:500; }
#user .profile h2 { color:#646464; font-weight:500; }
#user .profile .sidebar { border-right:1px solid #d9d9d9; padding-right:50px; margin-bottom:80px; }
#user .profile .sidebar ul { list-style:none; margin:0; padding:0; }
#user .profile .sidebar ul li a { color:#646464; padding:15px 0; font-size:20px; font-weight:500; display:block; border-bottom:1px solid #d9d9d9; }
#user .profile .sidebar ul li i { font-size:26px; margin-right:15px; }
#user .profile .sidebar ul li.active a,
#user .profile .sidebar ul li a:hover { color:rgba(160,207,202,1); }
#user .profile .sidebar .help { color:#5AB0A5; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; font-weight:400; font-size:16px; margin-top:200px; border-bottom:1px solid #d9d9d9; padding-bottom:30px; }
#user .profile .sidebar .help b { font-weight:bold; font-size:20px; }
#user .profile .sidebar .help h3 { margin-bottom:30px; font-size:26px; }
#user .profile .sidebar .help a { color:#5AB0A5; }
#user .profile .sidebar i { font-size:50px; float:left; margin-right:20px;}
#user .profile .panel .address { }
#user .profile .panel .address p { margin:0; }
#user .profile .panel.adr #block-tabs { height: 100px }
#user .profile .panel.adr #block-tabs ul { border: none }
#user .profile .panel.adr #block-tabs ul li { padding: 5px }
#user .profile .panel.adr #block-tabs ul li a { color: #5BACA6; background: none; border: none }
#user .profile .address-book__container a.address-book__add-link { color: #5BACA6; position: relative; padding: 0 0 0 40px; }
#user .profile .address-book__container a.address-book__add-link:before { position: absolute; left: 0; content:''; background: transparent url(/themes/innoralis/assets/css/../img/plus.png) no-repeat left -5px; width: 36px; height: 36px; display: inline-block; background-size:36px }
#user .profile .address-book__operations a { color: #5BACA6; padding: 7px 0 0 36px; display:inline-block; height: 40px }
#user .profile .address-book__operations a.address-book__set-default-link {font-size: 13px;}
#user .profile .address-book__operations .address-book__edit-link { background: transparent url(/themes/innoralis/assets/css/../img/edit.png) no-repeat left center }
#user .profile .address-book__operations .address-book__delete-link { background: transparent url(/themes/innoralis/assets/css/../img/trash.png) no-repeat left center }
#user .profile .address-book__profile .address { color: #646464 }

#user .profile .main { padding-left:50px; }
#user .profile .panel { border:1px solid #d9d9d9; margin-bottom:60px; box-shadow:none;  }
#user .profile .panel .header { color:#646464; padding:20px 60px; border-bottom:1px solid #d9d9d9; position:relative; }
#user .profile .panel .header h2 { font-size:22px; margin:0; font-weight:500; }
#user .profile .panel .header h2 i { margin-right:15px; }
#user .profile .panel .header .edit { position:absolute; right:60px; top:50%; transform:translateY(-50%); height:25px; display:inline-block; }
#user .profile .panel .header .edit img { display:block; }
#user .profile .panel .content { padding:30px 60px; font-size:16px; color:#646464; font-weight:400; }

#user .profile .perso .content .info { margin:5px 0; display:flex; flex-direction:row; align-items:flex-start; justify-content: flex-start }
#user .profile .perso .content .info .label { display:inline-block; min-width:200px; font-weight:300; }
#user .profile .perso .content .info .value { font-weight:500; }

#user .profile .orders table { color:#646464; margin:0 0 50px 0; }
#user .profile .orders table caption { caption-side:top; border:1px solid #d9d9d9; padding:20px 60px; border-radius:4px 4px 0 0; color:#646464; border-bottom:none; }
#user .profile .orders table caption i { font-size:30px; margin-right:15px; float:left; margin-top:10px; margin-bottom:30px; }
#user .profile .orders table caption .date { color:#5AB0A5; }
#user .profile .orders table caption .price { color:#5AB0A5; }
#user .profile .orders table caption .state { color:#5AB0A5; }
#user .profile .orders table tbody { border:1px solid #d9d9d9; border-radius:0 0 4px 4px; }
#user .profile .orders table tbody img { min-width:120px; }
#user .profile .orders table tbody .title { color:#646464; font-weight:500;}
#user .profile .orders table tbody .teaser { font-weight:400; font-size:14px; }
#user .profile .orders table tbody .price { color:#646464; font-weight:500; }
#user .profile .orders table .views-field-view-commerce-product a { padding:5px 15px; border-radius:40px; font-weight:400; color:#fff; font-size:16px; text-align:center; display:inline-block; transition:all 0.5s ease 0s; overflow:hidden; cursor:pointer; border:none; display:inline-block; white-space:nowrap; width:100%; }
#user .profile .orders table .views-field-view-commerce-product a:first-child { background:#5AB0A5; }
#user .profile .orders table .views-field-view-commerce-product a:last-child { background:#646464; }

#user .profile .newsletters .panel .header { display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; }
#user .profile .newsletters .panel .header i { font-size:30px; margin-right:15px; }
#user .profile .newsletters .panel .header .description { font-size:16px; font-weight:300; margin-top:15px; }
#user .profile .newsletters .panel .mandatory-email { display:none !important; }
#user .profile .newsletters .panel .content { position:relative; }
#user .profile .newsletters .panel .content .row { margin-left:0; margin-right:0; display:block; }
#user .profile .newsletters .panel .content label { display:block; margin:20px 0; font-size:20px; }
#user .profile .newsletters .panel .content .message_area { margin:15px 0; }

#user .user-edit form { padding:80px 0; }

/* Newsletter */
.page-newsletter { padding:80px 0; text-align:center; color:#646464; }
.page-newsletter h1 { color:#5AB0A5; padding-bottom:80px; }
.page-newsletter .intro { padding:80px 0; border:1px solid #d9d9d9; border-width:1px 0; }
.page-newsletter #block-sendinblue .sib_list_row { display:flex; flex-direction:column; padding-left:50px; margin:40px 0; }
.page-newsletter #block-sendinblue .close { background:none; border:none; color:#721c24; text-shadow:0 1px 0 #fff; font-size:20px; float:right; cursor:pointer; }
.page-newsletter #block-sendinblue .message_area { width:100%; text-align:left; line-height:34px; padding-left:15px; border-radius:4px; width:100%; }
.page-newsletter #block-sendinblue .embed { font-weight:600; font-size:22px; }
.page-newsletter #block-sendinblue .primary-group .sib_list_row { display:flex; flex-direction:column; justify-content:space-evenly; align-items:flex-start; padding-top:60px; padding-bottom:60px; margin:0; }
.page-newsletter #block-sendinblue .primary-group .sib_list_row label {  }
.page-newsletter #block-sendinblue .mandatory-email { display:flex; flex-direction:row; justify-content:center; align-items:center; padding-top:50px; border-top:1px solid #d9d9d9; }
.page-newsletter #block-sendinblue .mandatory-email .field { position:relative; }
.page-newsletter #block-sendinblue .mandatory-email .button { margin-left:30px; }

/**
* Checkout
**/
.cart-form { padding-bottom:80px; }
.cart-form h1 { text-align:center; color:#5AB0A5; margin:50px 0;  }
.cart-form h1 a { float:left; color:#5AB0A5; background:none; padding:0; border-radius:none; }
.cart-form table tr.produit .name { display:none !important; }
.cart-form table tr.formation .variation { display:none !important; }
.cart-form table .views-field-edit-quantity .form-item { margin:0; text-align:center; max-width:100px; display:inline-block;  }
.cart-form table .views-field-edit-quantity .js-form-type-number input { padding:10px 20px 10px 20px }
.cart-form table .views-field-remove-button input { font-size:0; background:transparent url(/themes/innoralis/assets/css/../img/trash.png) no-repeat center center; background-size:contain; border:0; width:28px; height:30px; padding:0; display:inline-block; border-radius:0; }
.cart-form table .subtitle { font-size:15px; font-weight:400; }
.cart-form table td.views-field-unit-price__number,
.cart-form table td.views-field-total-price__number { color:#5AB0A5; }
.cart-form .order-total { border-top:1px solid #d9d9d9; padding:50px 0; color:#c5c6c7; }
.cart-form .order-total .order-total-line { font-weight:400; }
.cart-form .order-total .order-total-line-label { margin-right:30px; }
.cart-form .order-total .order-total-line-value { color:#5AB0A5; min-width:100px; width:auto; text-decoration:underline; }
.cart-form .order-total .order-total-line__total  { font-size:30px; margin:30px 0; font-weight:600; }
.cart-form .order-total .order-total-line__total .order-total-line-label { display:block; margin:0; }
.cart-form .order-total .order-total-line__total .order-total-line-value { min-width:0; width:auto; text-decoration:none; }
.cart-form .order-total .order-total-line__total .tax { font-size:17px; font-weight:400; }
.cart-form .order-total .legal { text-align:right; font-size:15px; font-weight:400; }
.cart-form .form-actions { display:flex; flex-direction:row; justify-content:space-between; align-items:center; }
.cart-form .form-actions #edit-submit { background:#c2c2c2; }
.cart-form .form-actions .form-item { margin-bottom:0; }
.cart-form .payment { margin-top:80px; padding:30px 0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; display:flex; flex-direction:row; justify-content:space-evenly; align-items:center; color:#c5c6c7; }
.cart-form .payment span { text-transform:uppercase; font-size:13px; font-weight:400; margin-right:15px; }
.cart-form .payment img { display:inline-block; margin:0 10px;  }
.cart-form tr.formation .js-form-type-number { display:none !important; }
.cart-form #edit-guest .btn { background-color:#5AB0A5; color:#fff; }


.page-checkout { border-top:1px solid #d9d9d9; }
.page-checkout h2 { color:#5AB0A5; }
.page-checkout h2:after { content:''; display:block; width:90px; height:6px; background:#5AB0A5; margin:30px 0 60px 0; }
.page-checkout fieldset { margin:0; }
.page-checkout .hide { display:none; }
#shipping-information-wrapper { position:relative; }
.page-checkout .accordions { padding:100px 0; }
.page-checkout .accordions #messages { display:block; position:static; }
.page-checkout .accordions #messages .container { padding:0; }
.page-checkout .accordions #messages .wrapper.error { border-radius:0; }
.page-checkout .addresses { padding:60px 0; }
.page-checkout .addresses .inner { position:relative; }
.page-checkout .shipping .content .address { display:none; }
.page-checkout .shipping .form-item-shipping-information-shipping-profile-address-0-address-sorting-code { display:none; }
.page-checkout .shipping .form-item-shipping-information-shipping-profile-address-0-address-administrative-area { display:none; }
.page-checkout .shipping .form-item-shipping-information-shipping-profile-address-0-address-locality { width:75%; margin-right:0; }
.page-checkout .shipping .form-submit { display:inline-block; float:right; padding:15px; font-size:14px; width:auto; color:#fff; font-weight:400; }
.page-checkout .billing .form-item-payment-information-billing-information-address-0-address-locality { width:75%; margin-right:0; }
.page-checkout .billing .js-form-type-checkbox { display:flex; flex-direction:row; align-items:center; justify-content: flex-start; }
.page-checkout .billing .js-form-type-checkbox label { position:static; }
.page-checkout .billing .js-form-type-checkbox input { visibility:visible; width:30px; height:30px; }

.page-checkout .shipment .js-form-type-radio { border:1px solid #d9d9d9; border-radius:40px; padding:20px 40px; margin-bottom:15px; }
.page-checkout .shipment .js-form-type-radio input { -webkit-appearance:none; appearance:none; display:none; }
.page-checkout .shipment .js-form-type-radio label { border:0 none; line-height:25px; padding:0 0 0 35px; margin-bottom:0; font-size:17px; text-transform:none; }
.page-checkout .shipment .js-form-type-radio label:before { content:''; position:absolute; left:0; top:0; display:inline-block; width:25px; height:25px; border:none; border-radius:100%; background:#5AB0A5; }
.page-checkout .shipment .js-form-type-radio label:after { content:''; position:absolute; left:7px; top:7px; display:inline-block; width:11px; height:11px; background:#ffffff; border-radius:100%; opacity:0; transition:all 0.5s ease 0s; }
.page-checkout .shipment .js-form-type-radio input:checked + label:after { opacity:1; }
.page-checkout .payment .js-form-type-radio { border:1px solid #d9d9d9; border-radius:40px; padding:20px 40px; margin-bottom:15px; }
.page-checkout .payment .js-form-type-radio input { -webkit-appearance:none; appearance:none; display:none; }
.page-checkout .payment .js-form-type-radio label { border:0 none; line-height:25px; padding: 0 0 0 35px; margin-bottom:0; font-size:17px; }
.page-checkout .payment .js-form-type-radio label:before { content:''; position:absolute; left:0; top:0; display:inline-block; width:25px; height:25px; border:none; border-radius:100%; background:#5AB0A5; }
.page-checkout .payment .js-form-type-radio label:after { content:''; position:absolute; left:7px; top:7px; display:inline-block; width:11px; height:11px; background:#ffffff; border-radius:100%; opacity:0; transition:all 0.5s ease 0s; }
.page-checkout .payment .js-form-type-radio input:checked + label:after { opacity:1; }


.page-checkout .checkout-pane-agree-terms { margin:30px 0; }

.page-checkout #edit-review-contact-information { display:none; }
.page-checkout .form-actions { display:flex; flex-direction:row; justify-content: space-between; align-items:center; margin:30px 0; }
.page-checkout .form-actions a { order:1; color:#5AB0A5; }
.page-checkout .form-actions .form-submit { order:2; }
.page-checkout .sidebar { position:relative; padding:100px 0 100px 30px; }
.page-checkout .sidebar:before { content:''; background:#f3f3f3; position:absolute; left:0; top:0; width:50vw; height:100%; z-index:-1;}
.page-checkout .sidebar table tr { border-top:none; border-bottom:1px solid #d9d9d9; }
.page-checkout .sidebar table td { color:#646464; vertical-align:middle; padding:4px; }
.page-checkout .sidebar table .views-field-field-images { width:60px; padding-left:0; }
.page-checkout .sidebar table td.views-field-title .variation,
.page-checkout .sidebar table td.views-field-quantity,
.page-checkout .sidebar table td.views-field-total-price__number { font-size:15px; font-weight:300; }
.page-checkout .sidebar .order-total { padding:15px 0; border-bottom:1px solid #d9d9d9; color:#646464; font-size:16px; font-weight:300; }
.page-checkout .sidebar .order-total-line { display:flex; flex-direction:row; justify-content:space-between; }
.page-checkout .sidebar .order-total-line-value { width:auto; }
.page-checkout .sidebar .legal { display:none; }
.page-checkout .sidebar #edit-sidebar-coupon-redemption-form { display:flex; flex-direction:row; justify-content:space-between; padding:30px 0; }
.page-checkout .sidebar #edit-sidebar-coupon-redemption-form .form-item { margin:0; }
.page-checkout .sidebar #edit-sidebar-coupon-redemption-form .form-text { background:none; }
.page-checkout .sidebar #edit-sidebar-coupon-redemption-form input[type=submit] { padding:10px 20px ; background:#5BACA6; margin-left:30px; font-size:15px; min-width:100px; }

.payment-redirect-form .layout-checkout-form { max-width:1140px; padding:0 10px; margin:50px auto; }

.checkout-progress { text-align:center; color:#5AB0A5; padding:0 0 80px 0; }
.checkout-progress #breadcrumb { min-height:50px; margin-bottom:80px; font-weight: 300; }
.checkout-progress ul { list-style:none; margin:0; padding:0; }
.checkout-progress ul li { display:inline-block;  }
.checkout-progress ul li i { margin:0 30px; }
.checkout-progress ul li:last-child i { display:none; }
.checkout-progress ul li span { padding:3px 0; }
.checkout-progress ul li.step-current span { border-bottom:2px solid #5AB0A5; }

.checkout-complete .payment-instruction { padding:30px; border:1px solid #ccc; background:#eee; margin-bottom:50px;}

/* Forms */
.form .filter-wrapper { display:none; }
.form .tabledrag-toggle-weight-wrapper { display:none; }
.form a.tabledrag-handle .handle { width:30px; height:30px; }

.form {  }
.form .container { padding:60px 0; }
.form .intro { text-align:center; padding-bottom:30px; border-bottom:1px solid #d9d9d9; margin-bottom:50px; }
.form .intro p { color:#646464; }
.form .box { padding:50px; border:1px solid #d9d9d9; }
.form h1 { color:#5AB0A5; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #d9d9d9; }
.form h2 { font-size:26px; color:#5AB0A5; font-weight:600; padding:30px 0; margin:0; }
.form h2 i { margin-right:30px; }
.form h3 { color:#646464; font-size:20px; font-weight:500; margin-bottom:30px; }
.form p, .form li { color:#646464; font-size:15px; font-weight:300; }

.form .actions { margin-top:50px; display:flex; flex-direction:row; justify-content:space-evenly; align-items:center; }
.form .actions .button { margin:0 30px; }
/*
.form .cke { border:1px solid #d1d1d1; padding:30px; }
.form .cke_top, .form .cke_bottom { display:none; }
*/
.form .js-form-type-textarea label { display:none; }

.form .field--type-image details { color:#d9d9d9; font-size:14px; font-weight:400; }
.form .field--type-image summary { display:none; }
.form .field--type-image label { display:none; }
.form .field--type-image .description { display:none; }
.form .field--type-image .image-widget { margin-top:15px; display:flex; flex-direction:row; }
.form .field--type-image .image-widget .js-form-type-textfield { margin:0 20px; }
.form .field--type-image .image-widget .js-form-type-textfield label { display:block !important; left:10px; font-size:12px; font-weight:400; }
.form .field--type-image .image-widget .js-form-type-textfield.active label,
.form .field--type-image .image-widget .js-form-type-textfield.filled label { opacity:0; }
.form .field--type-image .image-widget .js-form-type-textfield input { border-radius:0; padding:10px; }
.form .field--type-image td .button { padding:0; color:#5AB0A5; background:none; padding:0; text-align:left; }

.form-formation .conferencier .row { margin-bottom:30px; }
.form-formation .infos .borders { margin-bottom:30px; }
.form-formation .infos .borders .left { border-right:1px solid #d1d1d1; }
.form-formation .field--name-field-documents .form-item { margin-bottom:0; }
.form-formation .field--name-field-nombre-de-places .form-item { margin-bottom:0; }
.form-formation .field--name-field-profession .form-item { margin-bottom:0; }
.form-formation .form-item-field-honoraires-0-value input::-webkit-outer-spin-button,
.form-formation .form-item-field-honoraires-0-value input::-webkit-inner-spin-button { -webkit-appearance: none; }

.form-formation .field--name-field-photo { background: linear-gradient(to right, #a0b0c7 0%,#abc7cf 100%); height:100%; position:relative; }
.form-formation .field--name-field-photo .form-item { position:static; margin:0; }
.form-formation .field--name-field-photo .description { display:none; }
.form-formation .field--name-field-photo label { display:block; position:absolute; left:50% !important; top:50% !important; color:#fff; transform:translate(-50%, -50%) !important; background:url(/themes/innoralis/assets/css/../img/upload-add.png) no-repeat center top; font-size:17px; text-align:center; min-width:80px; background-size:contain; padding-top:90px; cursor:pointer; }
.form-formation .field--name-field-photo input[type="file"] { display:none; }
.form-formation .field--name-field-photo span { display:none; }
.form-formation .field--name-field-photo .button { display:none; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:50%; padding:0; background:#5AB0A5 url(/themes/innoralis/assets/css/../img/file-close.png) no-repeat center center; width:80px; height:80px; border-radius:100%; text-indent:-9999px; }
.form-formation .field--name-field-photo .ajax-progress { left:50%; top:50%; transform:translate(-50%, -50%); }
.form-formation .field--name-field-photo.with-image { background:none; border:2px dashed #ccc;  }
.form-formation .field--name-field-photo.with-image label { display:none; }
.form-formation .field--name-field-photo.with-image:hover .button { display:block; }

.form-publications .field--name-field-videos thead { display:none; }
.form-publications .field--name-field-teaser textarea { width:100%; border:1px solid #d9d9d9; }
.form-publications .cke { padding:0; }
.form-publications .cke_top, .form-publications .cke_bottom { display:block; }
.form-publications .actions { display:flex; flex-direction:column; }

/* Generic page */
.page { padding-bottom:15px; color:#646464; font-weight:300; }
.page .banner { margin-bottom:30px; }
.page strong, .page b { font-weight:600; }
.page h2 { color:#5BACA6; font-size:26px; line-height: 29px; font-weight:500; margin:50px 0 15px 0; }
.page h2:first-child { margin-top:0; padding-top:0; }
.page h3 { color:#562d86; font-weight:500; font-size:24px; margin:30px 0 20px 0;  }
.page h4 { color:#9690a9; font-weight:500; font-size:20px; margin:20px 0 10px 0; }
.page a { color:#562d86;  }
.page table { margin:30px 0; font-weight:400; }
.page table td { font-weight:400; }


/* ASTERIUM ADD */

.page-checkout .sidebar #edit-sidebar-coupon-redemption-form .form-item { width: 60%; }
.page-checkout .sidebar #edit-sidebar-coupon-redemption-form input[type="submit"] { width: 40%; margin-left: 15px; }

#block-views-block-shop-shopgamme { margin-top: 1.5em; }
#block-views-block-shop-shopgamme .views-view-grid .product.accueil img { border: 1px solid #d9d9d9; }

.form-item-shipping-information-shipping-profile-copy-to-address-book input {
	visibility: visible;
}

.page-shop .results .product.accueil h3 a:before { content: none; }
.page-checkout .shipping { border: 1px solid #d9d9d9; display: inline-block; width: 100%; }
.page-checkout .shipping .header { padding: 20px 0 0 30px; display: inline-block; width: 100%; }
.page-checkout .shipping .content { padding: 20px 20px 20px 30px; display: inline-block; width: 100%; }

.inno_tabs::before {
	font-family: Font\ Awesome\ 5\ Pro;
	font-weight: 400;
	font-size: 26px;
	margin-right: 15px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.inno_tabs.pdata::before {
	content: '\f007';
}
.inno_tabs.paddresses::before {
	content: '\f3c5';
}
.inno_tabs.porders::before {
	content: '\f466';
}
.inno_tabs.puserwishlist::before {
  content: '\f004';
}
#user .profile .sidebar ul li a.inno_tabs.is-active {
    color: rgba(160,207,202,1);
}

.panel.order .customer-information { /*display: none;*/ }
.panel.order .order-information { padding: 1em; }
.panel.order .order-information .field--label-inline div { display: inline; color: #646464; }
.panel.order .order-information .field--label-inline .field--label::after { content: ':'; }
.panel.order .order-information .field--name-placed { display: none; }
.panel.order .order-total .order-total-line-value { width: 150px; }
.panel.order .order-total .legal { display: none; }
.panel.orders .views-element-container { font-size: 15px; font-weight: normal; }
.panel.orders .views-element-container table td { font-weight: 400; }

.node-gamme .field_body, .page-projets .field_body { font-size: 18px; line-height: 23px; color: #646464; font-weight: 400; text-align: center; padding: 2em 0; }
.product.shop .form_cart .button--see  { font-size: 16px;text-align: center; display: inline-block; transition: all 0.5s ease 0s; background: #5BACA6;
	border: none; color: #fff; font-weight: 500; padding: 10px 15px; border-radius: 50px; margin-bottom: 1.5em; width: 100%; }
.product.shop .form_cart {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	background: #00000044;
	padding: 1em;
	height: 100%;
}
.product.shop .form_cart .commerce-order-item-add-to-cart-form { margin: 39px 0 0 0; }
.product.shop .form_cart .js-form-type-select { margin-bottom: 0.2em; }
.product.shop .form_cart .js-form-type-select .form-select { font-size: 12px; padding: 5px 30px 5px 10px; color: #5AB0A5; background-color: #fff; background: url(/themes/innoralis/assets/css/../img/select-arrow.png) no-repeat right 8px center; }
.product.shop .form_cart .js-form-type-select label { display: none; }
/* .product.shop:hover .form_cart { display: block; z-index: 10; } */
.product.shop .js-form-type-number { float:left; width: 120px; }
.product.shop .form-actions { float: right; }

.product.shop .form-actions .button--add-to-cart {
	float: left;
	padding: 10px 15px;
	border-radius: 50px;
	font-family: 'Font Awesome 5 Pro';
	font-size: 24px;
}

.product.accueil .pimg, .product.shop .pimg { position: relative; border: 1px solid #aaa; overflow: hidden;}
.product.shop .pimg .prod_img_2,
.product.accueil .pimg .prod_img_2 {
  background: #fff;
  position: absolute;
  display: block;
  z-index: 1;
  top: 0;
  left: 0;
}
.product.shop .pimg .prod_img_1,
.product.accueil .pimg .prod_img_1 {
  background: #fff;
  position: relative;
  z-index: 2;
  opacity: 1;
  transition: all 0.6s ease-in-out;
}
.product.shop .pimg .prod_img_1:hover,
.product.accueil .pimg .prod_img_1:hover {
  opacity: 0;
  transition: all 0.6s ease-in-out;
}
.product.shop .pimg a,
.product.accueil .pimg a {
  display: block;
}
.product.shop .pimg img, .product.accueil .pimg img { transition: all 0.6s ease-in-out; }
@media screen and (min-width: 1200px) {
   /* .product.shop .pimg a:hover img { transform: scale(1.1); }*/
}
.product.accueil .pimgprice,
.product.shop .pimgprice { position: absolute; width: 90%; z-index: 20; bottom: 0; left: 50%; translate: -50%; color: #666; font-size: 16px; padding: 6px 0; text-align: center; }
.product.shop .pimg .promotag { position: absolute;  z-index: 20; width: 100%; background: #562d86; color: #fff; text-align: center; }
.product.shop .pimgprice .price { text-align: center; }
.product.accueil .pimgprice .original-price,
.product.shop .pimgprice .original-price { font-size: 13px; line-height: 17px; opacity: 80%; text-decoration: line-through #999 1px; display: inline-block; margin-right: 0.5em; }
.product.accueil .pimgprice .original-price s,
.product.shop .pimgprice .original-price s { text-decoration: none; }
.product.accueil .pimgprice .final-price,
.product.shop .pimgprice .final-price { display: inline-block; line-height: 17px; font-weight: 500; }

.product.shop .paddtocartlink,
.product.shop .paddtocartlinknostock { position: absolute; z-index: 22; bottom: 0; right: 0; width: 32px; height: 32px; background: #666; font-family: 'Font Awesome 5 Pro'; font-size: 16px; color: #fff; }
.product.shop .paddtocartlinknostock { cursor: not-allowed; z-index: 20; }
.product.shop .paddtocartlinknostock:before {
  content: '';
  line-height: 32px;
  text-align: center;
  width: 32px;
  display: inline-block;
}
.product.shop .paddtocartlinknostock a { display: none; }
.product.shop .paddtocartlink:before { content: ''; line-height: 32px; text-align: center; width: 32px; display: inline-block; }
.product.shop .paddtocartlink a { font-size: 0; width: 32px; height: 32px; display: block; z-index: 200; top: 0; left: 0; position: absolute; }

/* product list - whislist button */
.pwishlist { position: absolute; z-index: 21; bottom: 1px; left: 1px; width: 32px; height: 32px; padding: 0; font-size: 16px; color: #fff; background: #666; }
.pwishlist form { position: relative; }
.pwishlist form #messages { top: -200px; left: -42px; position: absolute; z-index: 20; width: 350px; }
.pwishlist form #messages .wrapper { padding: 47px 15px 30px 15px; border: 2px solid #5BACA6; box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.35); }
.pwishlist form #messages .wrapper a { display: inline-block; }
.pwishlist form .field--name-purchased-entity { display: none; position: relative; }
.pwishlist form .field--name-quantity { display: none; }
.pwishlist form .js-form-type-select { display: none; }
.pwishlist form .form-actions { float: none !important; }
.pwishlist form .form-actions .button--add-to-cart { display: none; }
.pwishlist form .form-actions .btn-link { position: relative; background: none; width: 32px; height: 32px; padding: 0; text-indent: 34px; }
.pwishlist form .form-actions .btn-link { background: transparent url('/themes/innoralis/assets/css/../img/heart-white.png') no-repeat center center; background-size: 20px 20px; }


/* Whislist page */
.commerce-wishlist-form [data-drupal-selector=edit-header] {  }
.commerce-wishlist-form .wishlist-items { margin: 40px 0; }
.commerce-wishlist-form .wishlist-item { padding: 20px 0 20px 8px; grid-template-columns: 2fr 165px 170px; margin: 0; border-bottom: 1px solid #eee; }
.commerce-wishlist-form .wishlist-item:first-child { border-top: 1px solid #eee; }
.commerce-wishlist-form .wishlist-item .wishlist-item__entity .title { font-weight: 100; color: #646464; }
.commerce-wishlist-form .wishlist-item .wishlist-item__entity .title div { padding: 0 30px 0 0 }
.commerce-wishlist-form .wishlist-item .wishlist-item__entity .subtitle { display: none; }
.commerce-wishlist-form .wishlist-item .wishlist-item__entity .price { color: #5BACA6; }
.commerce-wishlist-form .wishlist-item .wishlist-item__details div { display:inline-block; }
.commerce-wishlist-form .wishlist-item .wishlist-item__details .wishlist-item__quantity { padding:0 20px 0 0; color: #646464; }
.commerce-wishlist-form .wishlist-item .wishlist-item__details a.wishlist-item__details-edit-link { text-indent: -9999px; display: inline-block; width: 30px; background: transparent url(/themes/innoralis/assets/css/../img/edit.png) no-repeat center center; }
.commerce-wishlist-form .wishlist-item .wishlist-item__actions input { padding: 10px 13px; border-radius: 40px; margin: 0 0 12px 0 }
.commerce-wishlist-form .wishlist-item .wishlist-item__actions input:first-child { font-size: 0; background: transparent url(/themes/innoralis/assets/css/../img/panier_gris.png) no-repeat center center;
    background-size: contain; border: 0; width: 31px; height: 31px; padding: 0; margin: 0 20px 0 0; display: inline-block; border-radius: 0;  }
.commerce-wishlist-form .wishlist-item .wishlist-item__actions input:nth-child(2) { font-size: 0; background: transparent url(/themes/innoralis/assets/css/../img/trash.png) no-repeat center center;
    background-size: contain; border: 0; width: 28px; height: 31px; padding: 0; display: inline-block; border-radius: 0; }
.commerce-wishlist-default-user-form [data-drupal-selector=edit-header],
.wishlist-empty-page { margin: 20px 0 0 0; font-size: 30px !important; text-align: center; width: 100%; color: #5baca6; padding: 60px 0; }
.wishlist-empty-page { margin: 20px auto; }
.commerce-wishlist-default-user-form [data-drupal-selector=edit-header] input { margin: 0 20px 0 0; }
.commerce-wishlist-default-user-form [data-drupal-selector=edit-header] a.btn { display: unset; }
.commerce-wishlist-default-user-form { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.product.shop .pimgstock { position: absolute; bottom: 0; left: 0; color: #fff; background: #aaa; padding: .2em .4em; z-index: 20; font-size: 14px; }

.form-item-email-registration-login-register-password .description { display: none; }

#block-tabs { display: block; height: 30px; }
#block-tabs ul { border-bottom: 1px solid #ddd; }
#block-tabs ul>li { float: left; margin-bottom: -1px; position: relative; display: block; list-style: none; }
#block-tabs ul>li>a { margin-right: 2px; line-height: 1.42857; border: 1px solid #eee; border-radius: 4px 4px 0 0; background: #f5f5f5; padding: .1em .4em; }
#block-tabs ul>li>a:hover { border-color: #eee #eee #ddd; }
#block-tabs ul>li.active>a,
#block-tabs ul>li.active>a:hover,
#block-tabs ul>li.active>a:focus { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; }
#cboxContent iframe { width: 800px; height: 600px; }

.product.accueil { cursor: pointer; }
.image-left { float: left; margin: 0 20px 20px 0; }
.image-right { float: right; margin: 0 0 20px 20px; }

.product_ref > div,
.formation.teaser .author div,
.projet.teaser .author div,
.author h3 > div,
.value > div { display: inline-block; }


.product.shop .paddtocartexpress,
.product.shop .paddtocartexpressnostock { position: absolute; z-index: 22; bottom: 0; right: 0; width: 32px; height: 32px; background: #666; font-family: 'Font Awesome 5 Pro'; font-size: 16px; color: #fff; text-align: center; }
.product.shop .paddtocartexpressnostock { cursor: not-allowed; z-index: 20; }
.product.shop .paddtocartexpressnostock:before {
  content: '';
  line-height: 32px;
  text-align: center;
  width: 32px;
  display: inline-block;
}
.product.shop .paddtocartexpressnostock a { display: none; }
.product.shop .paddtocartexpress:before { content: ''; line-height: 32px; text-align: center; width: 32px; display: inline-block; }
.product.shop .paddtocartexpress a { font-size: 0; width: 32px; height: 32px; display: block; z-index: 200; top: 0; left: 0; position: absolute; }
.product.shop .addcartselect .paddtocartexpress:before { content: attr(data-content); width: 42px; }
.product.shop .addcartselect .paddtocartexpress,
.product.shop .addcartselect .paddtocartexpress a { width: 42px; }
.product.shop .commerce-order-item-dc-ajax-add-cart-form .field--name-quantity { display: none; }

.product.shop .addcartselect .form_cart { background: linear-gradient(to bottom, #f3f3f3ff 78px,#f3f3f300 78px,#f3f3f300 100%) !important; max-height: 103px; bottom: 0; position: absolute; top: auto; z-index: 100; padding: 1em 0.2em 0.2em 0.2e; border: 1px solid #ccc; }
.product.shop .addcartselect .form_cart.visible { display: block; }
.product.shop .addcartselect .form_cart .form-actions .use-ajax-submit { width: 42px; height: 32px; border-radius: 0; background: #666; font-family: 'Font Awesome 5 Pro'; bottom: -1px; right: -1px; position: absolute; padding: 0; text-align: center; }

.pwishlist form .form-actions .button--add-to-cart { display: none; }
.product.shop .addcartselect .form_cart .form-actions .btn-link,
.product.shop .wishlist-static { position: relative; width: 32px; height: 32px; padding: 0; text-indent: 34px; border-radius: 0; background: #666 url('/themes/innoralis/assets/css/../img/heart-white.png') no-repeat center center; background-size: 20px 20px; font-family: 'Font Awesome 5 Pro'; bottom: -1px; left: -1px; position: absolute; padding: 0; }

#sticky-messages { position: sticky; top: 40%; left: 100%; width: 30%; z-index: 10000; }
#sticky-messages #sticky-messages { position: relative; }


.order .views-field-order-item-id,
.order .views-field-variation-id,
.order .views-field-product-id {
  display: none;
}

.order .customer-information {
  padding: 16px;
}

.order .customer-information__shipping,
.order .customer-billing {
  margin-bottom: 16px;
  color: #666;
  font-size: 15px;
  font-weight: normal;
}

.order .customer-information__shipping .field__label,
.order .customer-billing .field__label {
  color: #5baca6;
  font-size: 20px;
  font-weight: bold;
}

.order .order-information .field--type-timestamp.field--label-inline div.field--label {
  display: none;
}

.order .shipment_tracking_code {
  display: inline-block;
}

.trackingnumber {
  background: #5ab0a5;
  margin-top: 1em;
  padding: .5em 1em;
  color: #fff;
  display: inline-block;
}

.trackingnumber .shipment_tracking_code_link {
  font-size: 18px;
}

.order .view-commerce-order-item-table {
  margin: 32px 0;
  border-bottom: 1px solid #ddd;
}

.order .view-commerce-order-item-table tr th,
.order .view-commerce-order-item-table tr td {
  color: #646464;
  font-weight: normal;
  padding: 5px;
}

.order .view-commerce-order-item-table tr td.views-field-title {
  color: #5ab0a5;
}

.order-total {
  color: #5ab0a5;
  font-weight: bold;
}


/*
.infos_type #edit-field-type {
  display: flex;
}

.infos_type #edit-field-type .js-form-type-radio {
  width: 33%;
}

.infos_type #edit-field-type .js-form-type-radio .form-radio {
    -moz-appearance: block;
    -webkit-appearance: auto;
    display: block;
    width: auto;
}

.infos_type #edit-field-type .js-form-type-radio label {
  width: auto;
  margin: 0;
  vertical-align: text-bottom;
  font-size: 18px;
  display: inline-block;
}

*/