@charset "UTF-8";
/*@import url(font-awesome.min.css);*/
/*@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400|Passion+One:400");*/
@font-face {font-display: swap;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, section {
display: block;}
.aboflex{justify-content: space-between; max-width: 500px; display: flex;flex-wrap: wrap;margin: 10px auto 0 auto;}
.customer-note{display: none;}
.acym_form{max-width: 500px;margin: auto;}
.hide{display:none;}
.accueil .page-header{text-align: center;}
.navfooter{text-transform: uppercase;border: 0;color: #ffffff;cursor: pointer;display: inline-block;font-weight: 400;padding: 8px 20px;text-align: center;text-decoration: none;white-space: nowrap;line-height: 1.5;}
.small{font-size: 11px}
#osm-subscription-cancel p{text-align: center;}
.acym__field__error__block{color:#E95A2C;font-style: italic;}
.acym_module_error{background-color:#E95A2C;}
.responseContainer{max-width: 300px;margin: 5px auto;font-style: italic;font-size: 14px;padding: 5px; border-radius: 4px; color: #fff;}
.acym_module_success{background-color: #7F92CF ;}
.fieldacy1,.fieldacy2{margin: 10px}
#subscribe_to_newsletter{opacity: 0}
.imgsearch{max-width: 200px;height: auto; float: left;margin: 0 10px 10px 0;box-shadow: #999 2px 3px 3px 1px;}
.search-results{clear: both;width: 100%; margin: 10px 0}
#remember{opacity: 0}
.highlight{color:#e95a2c;font-weight: bold;}
.form-check-label{margin: 5px 0 0 12px}
.form-control-feedback{font-weight: normal; font-style: italic; font-size: 11px;padding: 3px 8px;margin: 3px 5px;background-color: #1864ab;color: #fff;border-radius: 5px;}
.liste{list-style:inside;text-align: left;margin: 0 auto; width: 260px}
ol, ul {list-style: none;}
.j2store .checkout-heading h2{margin-top: 15px}
.s2s_icon{border: 0;}
.osm-privacy-policy input {position: relative;top: 10px;z-index: 9999 !important;opacity: 0;}
.mybutton{float: right;margin: 0 10px}
a.myshortlist.heart-icon-button, a.myshortlist.heart-delete-button {display: inline-block;text-decoration: none;border: none;}
.myshortlist form {position: relative;}
.msl_badgepage {display: inline-block;min-width: 10px;padding: 5px 6px;font-size: 12px;font-weight: 700;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: middle;background-color: #777;border-radius: 35px;position: relative;background-color: #3ba9f4;top: -7px;left: 97px;z-index: 999}
.msl_badge {display: inline-block;min-width: 10px;padding: 5px 6px;font-size: 12px;font-weight: 700;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: middle;background-color: #777;border-radius: 35px;position: relative;background-color: #3ba9f4;top: -15px;left: -15px;opacity: 0.9;}
.myshortlist_clr {clear: both;display: none;}
.heart-icon, .heart-full-icon {color: #e95a2c;font-size: 32px;display: inline-block;text-align: center;cursor: pointer;}
.myshortlist_button_wrapper, .pagebutton {margin: 5px;display: inline-block;}
.field-spacer{float: right;}
#jform_privacyconsent_privacy .required{display: flex;justify-content: center}
.control-group{padding: 10px}
.lienconnexion:hover{background-color: transparent;}
.com-users-login__description{text-align: center;display: block;}
.required {font-size: 16px;font-weight: bold;}
#password-0{margin-top: -15px;padding: 0;font-size: 14px;font-style: italic;}
meter{width: 270px}
.acym__regacy__label{font-weight: bold;font-size: 16px}
.product-qty,.error,.visually-hidden,.label-warning,.disabled{display: none;}
mark{background-color: #e95a2c}
.acym_form .checkbox{margin-right: 5px}
.fieldacyterms{max-width: 550px;margin: 10px; text-align: center;}
.j2store-cart-buttons input{margin: 10px}
.j2store-cart-buttons{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#button-login{padding: 10px 20px;margin: 0}
.box_abbo{position: relative;text-align: center;margin:auto;}
.box_abbo {max-width: 650px;transition: all 2s ease 0s;}
.fulltext img{border: 1px solid #cccccc7a;box-shadow: #ccc 3px 4px 5px;}
.newsflash-image{display: flex;justify-content: center;}
.com-users-login__submit{display: block; text-align: center;margin: 10px 0}
.icon200{margin: 10px auto; width: 80px;height: 80px;font-size: 88px;color:#1864AB }
.acym__regacy__lists__label{;margin: 0 0 0 15px;font-weight: bold;font-size: 16px}
blockquote {font-style: italic;margin: 2em 0 2em 30px;border-left: 2px solid #2264ab;padding: 0.5em 0 0.5em 1em;font-weight: bold;position: relative; }
.blockquote:after {content: "\f10e";font: normal normal normal 14px/1 FontAwesome;font-size: 25px;color: #1864AB; margin-left: 15px;position: absolute;right: 15px;bottom: 0}
.mandat{line-height:1.3;font-size: 14px;font-weight: 400;margin: 0 10px}
.panier:hover{color: #1864ab;background-color: transparent;font-weight: bold;}
.panier{color: #000;font-size: 16px;border-bottom: 1px solid #000;background-color: transparent;border-radius: 0;box-shadow: none;white-space: normal;margin: 0;padding: 0;text-transform: none;}
blockquote:before {position: absolute;top: 0;left: 15px;font: normal normal normal 14px/1 FontAwesome;font-size: 25px;margin-right:10px;color: #1864AB;content: "\f10d";}
.sepa{line-height:1.3;font-size: 16px;font-weight: 400;text-decoration: underline;}
.payment_information .form-control-label label{ font-weight: bold; margin-bottom: 15px;}
.payment_information .col-md-9 img{text-align: center;margin: auto;display: block;}
#dynamic_recaptcha_1 > div {text-align: center;display: block;margin: auto;}
blockquote h2,blockquote h1,blockquote p{margin: 10px;padding: 10px}
table {border-collapse: collapse;border-spacing: 0;}
.myshortlist_selected_list_name{font-size: 30px}
.selected_list_title{font-weight: bold;color: #1864AB;}
#component{position: relative;min-height: 780px}
.playlist{position: absolute; top: 400px;z-index: 9999;right: 5%; }
.h2vod{text-transform: none;color: #1864AB;font-weight: 600;margin: 0.5em 0 0.5em 0;font-size: 24px}
.lienblanc{background-color: #1b1b1f;display: inline-block;margin: 5px 10px;border: 1px solid #fff;color: #fff;padding: 5px 15px;font-size: 12px;text-transform: uppercase;}
.lienblanc:hover{border:1px solid #ccc;color:#ccc; background-color: transparent;}
.sale-price,.optional,.tag-835{display:none;}
#jform_spacer-lbl{float: right;}
.payment-plugin-image-label {display: inline-block;}
.payment_plugin{opacity:1!important }
.payment-plugin-image {margin-left:50px;width: 135px;height: auto;}
#onCheckoutPayment_wrapper{overflow: hidden;text-align: center;}
.marge0{line-height: 1}
.inlinehisto{display: inline-block; margin: 10px;}
.inlinehisto img{max-width: 260px;height: auto;}
.inlinehisto figcaption{text-align: center;margin-top: 15px;font-style: italic;}
.rouge{background-color: #ca382b}
.blanc{background-color: #fff}
.blanc button{color: #000}
.noir{background-color: #000}
.section:hover{background-color: transparent;}
*, *:before, *:after {box-sizing: border-box;}
@-ms-viewport {width: device-width;}
body{background: rgb(255,255,255);}
body.is-loading *, body.is-loading *:before, body.is-loading *:after {
animation: none !important;
transition: none !important;}
a {color:inherit;text-decoration: none;border-bottom: 1px solid #000;outline: 0;transition: all 1s 0s;}
a:hover {transition: all 1s 0s;border: none;opacity: 0.8;}
.osm-payment-redirect-heading{text-align: center;font-weight: bold;}
strong, b {font-weight: 600;vertical-align: baseline;}
em, i {font-style: italic;}
.item-page p{text-align: justify;}
p {margin: 0 0 1em 0;transition: none;padding: 0 10px}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;text-decoration: none;border: none;}
h2 {font-size: 1.6em;}
.h2-titre{text-transform: uppercase;}
.fulltext h2{border-left: 1px solid;padding-left: 20px;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.7em;}
sub {font-size: 0.8em;position: relative;top: 0.5em;}
sup {font-size: 0.8em;position: relative;top: -0.5em;}
code {background: rgba(144, 144, 144, 0.075);border-radius: 4px;border: solid 1px rgba(144, 144, 144, 0.25);font-size: 0.9em;margin: 0 0.25em;padding: 0.25em 0.65em;}
pre {font-size: 0.9em;margin: 0 0 2em 0;}
pre code {display: block;line-height: 1.75;padding: 1em 1.5em;overflow-x: auto;}
hr {border: 0;border-bottom: solid 1px #1864AB;margin: 1em 0;}
.labelprix{margin-top: 9px;}
h1.osm-page-title {text-align: center;}
.col-md-5,.osm-description-details{max-width: 500px;margin: auto;}
.input-group-append{text-align: left;}
#regular_amount{text-align: right;}
.input-group-append,#regular_amount,#regular_discount_amount,#regular_gross_amount{width: 44px !important; font-weight: bold; display: inline-block;vertical-align: baseline; font-size: 17px;}
#regular_amount,#regular_discount_amount,#regular_gross_amount{background-color: transparent; border: none;box-shadow: none;margin: 0;padding: 0 0 0 5px;}
.osm-subscribe-to-newsletter-container{margin: 20px 0}
.label-radio{margin:10px 0 10px 15px}
.bout-radio{margin: 10px 0px 0 0 !important;opacity: 1  !important;width: 2em !important;height: 2em !important;box-shadow: none !important;}
#osm-forgot-username-password{border-top:1px solid #2264ab;margin-top: 31px; }
.form-actions{margin: 20px auto; text-align: center;}
.options hr{margin: 10px}
.infotag{width: 75%;}
.list-striped{padding: 0;margin: 0}
.inline2{margin:15px 0}
.contentarticle {padding: 0 10px  0 0}
.raxo-category{font-size: 16px}
.newsletter-titre::first-letter{font-size: 150%;color:#7f92cf }
small{font-size: 12px;}
.acym_introtext{margin-bottom: 15px}
.newsletter-titre{margin: 0; font-size: 1.6em; text-transform: uppercase;border-top: 1px solid #1864AB;}
.copyrights{line-height: 1}
.bleu{color: #1864AB}
.item-page_livres .page-header{margin-bottom: 20px}
.big{font-size: 24px !important;vertical-align: bottom;border: none;}
.article_image_intro{width: 200px;height: auto;}
.menu_bas{margin: 10px 0}
.item-image img{width: auto;height: auto;padding: 1px; box-shadow: #ccc 3px 2px 6px 1px;;margin: 0 0 10px 15px;max-width: 100%;}	
#adminForm .btn-group{display: inline-block;}
.fa{transition: none; vertical-align: initial;}
.star,.red{font-weight: bold;color: #ca382b}
#jform_spacer-lbl{font-size: 14px;font-style:italic;margin:0;display: inline-block;left: 187px;}
.fa-shopping-cart{color: #ffffff;position: relative; bottom: 0;left: -23px;font-size: 35px;}
.minicart{width: 50px !important;}
.fa-power-off{/*width: 25px !important;*/}
.lienconnexion .fa{vertical-align: baseline; overflow: hidden; transition: none;border: none;}
.liens{list-style: none;text-align: right;}
.createdby,.create{display: inline-block;margin:0 10px 0 10px;vertical-align: middle; font-weight: bold;}
.j2store_cart_module_115{display: inline-block;}
.lienconnexion{font-size: 30px; vertical-align: middle; transition: none;display: inline-block;color: #fff; border:none;overflow: hidden;text-align: center;}   
.span12{width: 100%}
.flex button{margin: 10px}
.flex{display: flex;justify-content: space-around; flex-direction: row;flex-wrap: wrap;}
.menuopen{display: block;position: absolute;right: 30px;transition: all 1s 0s; }
.ulmenu{padding: 0;margin:0}
#jform_consentbox0{opacity:0;padding:0;margin-left:-40px;width: 2em;height: 2em;}
.checkbox{padding:0 0 0 35px;margin: 0;font-weight: bold;}
.mod-search-searchword{min-width: 350px;background-color: #fff !important;min-height: 52px;display: inline-block !important; padding: 5px !important;}
#rech_mob{transition: all 1s 0s;text-align: center;position: absolute;right:10px;z-index: 999999;}
#rech_id{cursor: pointer;}
.rech_mob{transition: all 1s 0s;top: -25%;}
.item-page_livres{padding: 0 15px;}
.recherchesite-bas{transition: all 1s 0s;top:80px;}
.recherchesite-scroll{transition: all 1s 0s;top:4px;}
.iconrecherche:before {content: "\f002";font-size: 29px;}
::placeholder{color: #1864AB}
.rechercheclose:before {content: "\f00d";}  
::-ms-input-placeholder,::-webkit-input-placeholder,::placeholder {color: #1864AB;opacity: 1;}
.marg{margin-left: 10px}
.margtop{margin-top: 8px}
.j2store-remove{border: none;margin: 0 0 0 10px;font-size: 24px;position: absolute;}
#img-player{width: 100%;max-width: 100%;height: auto;}
.tagsbaglis h1{text-align: center;}
.infosearch{margin-left: 10px;font-size: 16px}
.catimg{width:50px;height:auto;display: block;margin: 10px auto 0 auto;}
body, input, select, textarea {background-color: #f6f6f6;color: #2f2f2f;font-family: "Source Sans Pro", sans-serif;line-height: 1.65;}
h1, h2, h3, h4, h5, h6 {font-family: "Passion One"; padding: 0 5px;clear: both;transition: none;color:#1864AB;font-weight:400;margin: 0.5em 0 0.5em 0;}
.close{font-size: 12px;border: none;cursor: pointer;position: absolute;top: 10px;right: 10px;line-height: 1;padding:3px 7px;margin: 0;background-color: #fff;color: #3ba9f4; border-radius: 5px;}
.alert{min-width: 200px; padding: 15px 25px; box-shadow: 4px 4px 6px 1px rgba(0, 0, 0, 0.5);font-size: 14px; position: relative;font-weight: 500;border-radius: 10px; margin:10px auto;text-align: center;max-width: 500px; padding:10px 5px; background-color:#1864AB;color: #fff}
#jform_privacyconsent_privacy{border:none; text-align: center;}
@media screen and (max-width: 1280px) {
.thumbnails .box {width: 45%;}
#banner video {	display: none;}
    }
@media screen and (min-width:769px) and (max-width:1024px){
#pricePlans #plans .plan{width:49%;margin:0 2% 20px 0;}
    }
@media screen and (min-width: 1025px) {
.item-image img{float: right;}
.abo_os{width: 48%; display: inline-block;}
.navhaut_scroll .fond{background-color: rgba(0, 0, 0, 0.7) !important;padding: 10px 1% !important ;}
#banner h1 {font-size: 3em;}
.contentarticle {width: 65%;display: inline-block;}
.interpage{display: inline-block;}
.block-player { margin: 0 0 15px 0;}
#pricePlans{margin:2em auto;}
#pricePlans #plans .plan{width:24% !important;margin:0 1.33% 20px 0 !important;transition:all .25s;}
#pricePlans #plans > li:last-child{margin-right:0;}
#pricePlans #plans .plan:hover{transform:scale(1.09);}
.planContainer .buttonprix a{transition:all .25s;}    
.box, #img-player {width: 522px;height: 288px;transition: all 2s ease 0s;}
.play-middle {font-size: 95px;top: 32%;left: 42%;transition: all 2s ease 0s;}
.pagination {padding: 0;}
#logo{position:absolute;top:2px;left:5px;}
#navhaut{font-size: 20px;top: 0;text-align: right;}
#navhaut .fond{padding: 20px 1%;}
.fil {margin-top: 0;text-align: left;}
#banner p { font-size: 20px;padding: 0 7%;}
.j2store .row-fluid .span6,.loginj2store{padding: 0 20%;}
#breadcrumb {  font-size: 16px;}
.article{max-width: 74%;display: inline-block;}
.asidevod{max-width: 25%;padding-left:25px;transition: none;display: inline-block;} 
#banner {padding: 6em 0 0 0;}
.intervignettes {margin: 0 30px 10px 0;display: inline-block;float: left;}
.pageinter ul{padding-left: 20px}
.padtopinter{margin: 10px 0; display: block;}
.sprocket-strips-s-block,.sprocket-strips-s-inter{margin: 2px 12px 30px 0;}
.filtag {top: 75px;}
#navhaut{position: fixed;}
h1{font-size: 3em}
input[type="submit"],input[type="reset"],input[type="button"],button,.button,.nav-tabs > li > a,.boutonlogin {font-size: 14px;}
.abonnement {padding-bottom: 15px;margin:20px 0 0 20px;}
.fa-bars{display:none;} 
#menu{display:inline-block ;}
.rech-haut{top: 22px;transition: all 1s 0s;}
.rech-bas{top: 13px;transition: all 1s 0s;}
.dropdown span{margin-top: 1.66em;}
.category-name, .hitsm, .weight {display: block;}
.extravote{margin:10px 0;transition:none;display: block;}
.sprocket-strips-s-block,.sprocket-strips-s-inter{max-width: 295px;min-height: 336px}
.sprocket-strips-s-title{max-height: 66px;overflow: hidden;}
.j2store-minicart-button{position: relative;width: 50px}
.lienconnexion{height: 35px}
.loginlien{width: 30px;padding-left:0;margin: 0 7px; }
.ame_dropdown:hover span{transform: scaleX(3.14);transition: all 1s 0s;}
.corps_dropdown:hover span{transform: scaleX(2.64);transition: all 1s 0s;}
.esprit_dropdown:hover span{transform: scaleX(1.59);transition: all 1s 0s;}
.category-name,.sprocket-strips-s-block .category{max-width: 80px; overflow: hidden;display: inline-block;height: 30px}
.quit{margin-right: 20px;}
 .fa-user{margin-right:15px;}
    }
@media screen and (max-width: 1024px) {
.quit{width: 43px;overflow: hidden;height: 45px;font-size: 28px;}
.j2store_cart_module_115 {display: block;position: absolute;right: 100px;top: 11px}
.fa-power-off:before {font-family: FontAwesome; margin-right: 7px;}
.loginlien{width: 290px;padding: 0 !important;margin: 0;font-size: 17px;text-align: left;font-family: inherit;}
.loginlien:before{font-size: 25px;vertical-align: sub;}
.lienconnexion{height: 45px}    
.j2store-minicart-button{position: relative;width: 94px}
.sprocket-strips-s-block, .sprocket-strips-s-inter{max-width: 350px;margin-bottom: 20px}
.extravote{margin:0 0 0 5px; transition:none;text-align: center;display: inline-block;}
.category-name, .hitsm, .weight {display: inline-block;}
.extravote:after{content: ' - ';margin: 0 0px 0px 5px;}
.rech-haut{top: 14px;}  
#logo{position:absolute;top:-2px;left:0;transition: all 1s 0s;width: 100%;max-width: 200px;}    
.fa-bars{display:inline-block;}
#banner p { font-size: 17px;padding: 0 3%;}
#footer .inner {width: 75%;}    
#breadcrumb {  font-size: 14px;}
.j2store .row-fluid .span6,.loginj2store{padding: 0 2%;}
.logo img {width: 60%;max-width: 265px; }
.fil {margin: 0;text-align: left;}
.navhaut{top: 0;left: 0;}
.navhaut .fond{padding: 15px 0;}
.navhaut_scroll {text-align: center;}
.recherchesite-bas {top: 65px;}
.recherchesite-haut {top: 155px;}
.intervignettes {margin: 20px auto;display:block;}
.fulltext p img{float: none !important; text-align: center !important;margin:15px auto !important; display: block !important;}
.infovod .litags:after{content: ''}
.litags .tags{margin: 0;vertical-align: baseline;}
.block-article,.asidevod{max-width: 100%;display: block;}
.thumbnails .box {width: 100%;}
.poptrox-popup {padding: 0;}
.poptrox-popup .closer {display: none !important;}
#footer {padding: 3em 0 1em 0;}
#banner {min-height: 0;padding: 6em 1em 0 1em;}
#main {	padding: 3em 0 1em 0;}
.padtopinter{margin: 10px;display: inline-block;}
.abonnement {padding-bottom: 15px;margin:25px 20px 0 0;display: inline-block;}
.sprocket-strips-s-block{margin: 2px 0 30px 0;}
.filtag {top: 60px;}
#navhaut{position: absolute;}
h1{font-size: 2em;margin-top: 30px}
input[type="submit"],input[type="reset"],input[type="button"],button,.button,.nav-tabs > li > a,.boutonlogin {font-size: 14px;}
.mod-search-searchword {min-width: 250px;}
.pull-right, .item-image{float: none !important;text-align: center;}
.item-image img{margin: 10px auto !important;}
#main .inner {width: 95%;}
#footer .inner {width: 90%;}
html, body {min-width: 320px;}
.box .inner {padding: 1em;}
ul.actions {margin: 0 0 2em 0;}
ul.actions li {padding: 1em 0 0 0;display: block;text-align: center;width: 100%;}
ul.actions li:first-child {padding-top: 0;}
ul.actions li > * {width: 100%;margin: 0 !important;}
ul.actions li > *.icon:before {margin-left: -2em;}
ul.actions.small li {padding: 0.5em 0 0 0;}
ul.actions.small li:first-child {padding-top: 0;}
input[type="submit"],input[type="reset"],input[type="button"],button,.button {padding: 0;}
	}

@media screen and (min-width:481px) and (max-width:768px){
#pricePlans #plans .plan{width:49%;margin:0 2% 20px 0;}
#pricePlans #plans > li:nth-child(2n){margin-right:0;}
    }

@media screen and (max-width:480px){
    .padtopinter2{text-align: center;}
    }
.cattag {display: block;text-align: center;}
.inter{text-transform: uppercase;margin: 25px 0;text-align: center;display: block;}
.textinter h4{margin:0 0 10px 0;color:initial; font-size: 20px;text-align: left;line-height: 1.1;}
.cat{vertical-align: bottom;}
.copyrights small{color: rgba(255, 255, 255, 0.35);margin-top: 5px;display: block;}
.infovod{padding-left: 0.5em;margin: 0}
.newsletter{padding: 0 10px}
.scale{transform: scale(1.05);}
.scale:hover{transform: scale(1.09);}
.filtag{position:absolute;z-index: 2}     
.cart-action-complete,.j2store-notifications{font-size: 14px;font-weight: 700;    max-width: 160px;margin-top: 10px;text-align: center;}
.cart-action-complete p {text-align: center;font-size: 13px}
#navhaut{transition: all 1s 0s;font-weight: bold;z-index: 9999;width: 100%;margin: auto;text-align: right;}
.fond{transition: all 1s 0s;background-color: rgba(0, 0, 0, 0.4);min-height: 60px}
.tip{font-family:"Source Sans Pro" }
.blockinterblog{text-align: center;}
.blockinterblog h2{margin: 0;line-height: 0.6;}
.search .form-limit{display: none;}
.lieninter{font-size: 16px;border: none;line-height:1}
.close-right {position: absolute;top: 8px;right: 10px;font-size: 12px;cursor: pointer;}
.myshortlist_cart_button_wrapper{float: right;}
.youtube-container:before {
    left: 50%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #ffffff;
    border-width: 20px;
    margin-top: -9px;
    margin-left: -8px;
    z-index: 2;
    border-right-width: 20px;
    border-left-width: 18px;
    border-bottom-width: 10px;
    border-top-width: 10px;
}
.youtube-container:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: ' ';
    height: 48px;
    width: 68px;
    margin-left: -34px;
    margin-top: -24px;
    display: block;
    z-index: 1;
    border-radius: 13px;
    transition: all .2s ease-in;
}
.youtube-container:hover:after {
    background: #1864AB;
}
.abotexte {
	color: #ffffff;
    position: absolute;
    display: inline-block;
    z-index: 99;
    bottom: 5px;
    left: 4%;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 15px;
    margin: 0;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.69);
    border-radius: 3px;
    font-size: 18px;
    width: 90%;
    line-height: 1.5;
    opacity: 0;
}
.abotexte_close{opacity: 0; display: none;transition: all 1s 0s}
.abotexte_afficher{opacity: 1;}
.inter-page{padding: 0 0 0 10px;font-size: 18px}
.play-middle {
    color: rgba(27, 27, 31, 0.52);
    position: absolute;
    z-index: 2;
}
.intertitrevideo {line-height: 1}
.sprocket-strips-s-item p{text-align: justify;}
.inter-home,.category2{font-size: 15px;}
.interdate{font-size: 14px;font-weight: bold;}
.info{font-size: 12px;vertical-align: baseline;}
.duree2 {
    background-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    padding: 1px 5px;
    position: absolute;
    right: 8px;
    bottom: 6px;
    font-size: 12px;
    display: inline-block;
    z-index: 2;
    border-radius: 4px;
}
.pagination {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    font-weight: 700}
.pagination li {padding: 0;text-align: center;margin: 2px;}
.pagenav {margin: 20px 0;text-align: center;font-size: 16px;padding: 0;}
.s2s_contenedor a .fa{vertical-align: super;}
.pagenav .fa-angle-double-left{margin-right: 10px;vertical-align: initial;}
.pagenav .fa-angle-double-right{margin-left: 10px;vertical-align: initial;}
.pagination a, .lienpagination,li .pagenav {
    line-height: 1.2;
    font-weight: 400;
    padding:7px 20px;
    border: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: inherit;
    background-color: #7f92cf;
    color: #ffffff;
    margin: 0 0.4em 10px 0;
    border-radius: 0.4em;
    transition: background-color .25s ease-in-out;
    box-shadow: 4px 4px 6px 1px rgba(0, 0, 0, 0.5);}
.form-horizontal{max-width: 750px;margin: auto;padding: 28px;}
.padtopinter2 {margin: 10px;display: inline-block;}
#exp_month,#exp_year{max-width: 100px}
.counter{font-style: italic;font-size: 14px;text-align: center;}
#breadcrumb a{color:#fff; border: none;}
.divider{margin-left: 10px}
.fa-home{margin-top: 4px}
#breadcrumb {color: #ffffff;line-height: 1.5;font-weight: 400;padding: 4px 5px 2px 8px;margin: 0;font-size: 1.3rem;display:inline-block;transition: all 1s 0s;}
.breadcrumb_scroll{transition: all 1s 0s;opacity: 0;}
#breadcrumb li {display: inline-block;padding-right: 0.5em;vertical-align: baseline;min-width:48px;margin: 3px 3px 3px 0;}
#breadcrumb li:first-child {margin-left: -10px}
.noir {color: #565656;}
#myProfileTab{align-items: center; display: flex;justify-content: center;flex-direction: row;flex-wrap: wrap;}
.payment input[type="submit"]{font-size: 16px;margin: 15px}
#system-message-container,#j2store-address-alert{position: relative;z-index: 9999;top: 40%;width: 100%}
.payment,.center,.com-users-registration__submit{text-align: center;margin: auto;}
.alert-message{text-align: center;font-size: 14px;}
.margeg{padding-left: 15px}
.category-name2{font-size: 15px;overflow: hidden;display: inline-block;height: 25px}
.voirvideo{text-align: right;padding: 0 10px;position: relative; right: 10px;bottom: 10px;}
.stylebouton{font-size: 15px;padding: 5px 10px;height: auto;line-height: 1.5;background-color: #7f92cf;border-radius: 4px;border: 0;color: #ffffff !important;cursor: pointer;display: inline-block;font-weight: 400;text-align: center;text-decoration: none;white-space: nowrap;transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;}
.intervignettesmall img {position: relative;width: 110px;height: auto;left: -16px; top:0;transition:none}
.intervignettesmall{text-align: center;border-radius: 50px;width: 60px;height: 60px;overflow: hidden;position: relative;margin: 0 10px 10px 10px;display: inline-block;box-shadow: #999 2px 3px 3px 1px;}
.contentinter li,.category-desc li,.block-article li{list-style: square;padding-left: 0;text-align: left;}
.category-desc{margin-bottom: 20px;padding: 25px 15px 0 15px}
.intervignettes img {     
    position: relative;
     width: 270px; 
     height: auto; 
    left: -40px; }
.intervignettes {
    text-align: center;
    border-radius: 10px;
    width: 228px;
    height: 150px;
    overflow: hidden;
    position: relative;
    box-shadow: #999 2px 3px 3px 1px;
}
.intervignettesmallvod img {     
    position: relative;
     width: 200px; 
     height: auto; 
    left: -26px; }
.intervignettesmallvod {
    text-align: center;
    border-radius: 10px;
    width: 173px;
    height: 112px;
    overflow: hidden;
    position: relative;
    margin: 0 5px 10px 0px;
    display: inline-block;
    box-shadow: #999 2px 3px 3px 1px;
}
.interblog{position: relative;overflow: hidden;border-bottom: 1px solid rgba(204, 204, 204, 0.35);}
.interblog img{width: 100%; max-width: 350px;height: auto;transition: all 1s 0s;}
.interblog img:hover{transform: scale(1.08);}
.textinter p{font-weight:normal; line-height: 1.3;font-size: 16px;text-align: left;}
.intervenants a{border: none;}
.intervignettesmallvod .luc-bige,.intervignettesmall .luc-bige {left: -9px;}
.intervignettesmallvod .denis-laboure ,.intervignettesmall .denis-laboure{left: -16px}
.intervignettesmallvod .guy-thieux  ,.intervignettesmall .guy-thieux{left: -16px}
.intervignettesmallvod .jean-pierre-laurant  ,.intervignettesmall .jean-pierre-laurant{left: -40px}
.intervignettesmallvod .francois-de-borman  ,.intervignettesmall .francois-de-borman{left: -30px}
.intervignettesmallvod .jean-luc-le-bras  ,.intervignettesmall .jean-luc-le-bras{left: -49px}
.nicola-zito{left: -40px !important}
.blogtextinter p{max-height: 110px;overflow: hidden;}
.titreinterblog{font-size: 20px;line-height: 1.1em;margin-bottom: 15px;text-align: left;margin-left: 10px;text-transform: uppercase;transition: all .3s ease-out;}
.blogtextinter{padding: 0 10px;font-size: 14px}
.marge{margin: 0 10px 0 20px;}
.margebas{margin-bottom: 10px}
.article-info-vod .tags{margin: 0 0 0 15px}
.box-shadow{box-shadow: #999 1px 2px 4px 2px}
.interpage{text-align: center;margin:auto;}
.interpage img{width: 350px;max-width: 100%; height: auto;}
.intervignette img, .sprocket-strips-s-inter img { position: relative;max-width: 350px;height: auto;width: 100%;min-width: 270px;}
.intervignette2{float:right;margin-left: 15px;margin-top: 45px;}
.intervignette , .sprocket-strips-s-inter .intervignettesearch {
    text-align: center;
    overflow: hidden;
    position: relative;
    margin: 0;
    display: inline-block;
}
.intervignette a{border: none;}
.blockinterblog .page-header{position: relative;bottom: 62px;max-width: 180px;left: 15px}
.inline{display: inline-block;}
::-webkit-scrollbar {
  width:20px;
}
[class*="span"], .blog_livres {
    display: inline-block;
    margin-left: 0px;
}
.span2 {
    max-width: 250px;
    margin-bottom: 25px;
    margin-right: 10px;
}
.size18{font-size: 18px}
.acysubscribe{margin-top: 20px}
.corps{background-image:url("../images/corps_color.svg");}
.ame{background-image:url("../images/ame_color.svg");}
.esprit{background-image:url("../images/esprit_color.svg");}
.corps_dropdown span{background-color: #000;z-index: 100}
.ame_dropdown span{background-color: #CA382B;z-index: 90}
.esprit_dropdown span{background-color: #fff;z-index: 80}
.dropdown span{position: relative; transition: all 1s 0s;height: .15em;display: block; margin-right: 13px;transform-origin: left;}
.corps_active{background-image:url("../images/corps_color.svg");}
.ame_active{background-image:url("../images/ame_color.svg");}
.esprit_active{background-image:url("../images/esprit_color.svg");}
.dropdown{display: inline-block;}
.dropdown:hover .dropdown-content {transition: all 1s 0s;height: 160px;opacity: 1;}
.dropdown:hover .dropdown-contentesprist {transition: all 1s 0s;height: 190px;opacity: 1;}
.dropdown-content button{display: block;text-transform: capitalize;}
.dropdown-content {opacity: 0;display: block;overflow: hidden;height: 0;
    position: absolute;transition: all 1s 0s;background-color: rgba(0, 0, 0, 0.6);
    min-width: 135px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;
    border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.interblog:hover:before{opacity: 1; transition: all 1s 0s;}
.interblog:before{
    opacity: 0; transition: all 1s 0s;
    background-image: url(../images/arrow-right.svg);
    background-position: center center;
    content:" ";
    background-repeat: no-repeat;
    top: 35%;
    left: 42%;
    position: absolute;
    z-index: 9999;
    width: 50px;
    height: 50px
}
.interblog a{width: 100%;height: 100%}

.itemlist:hover .arrow {
    top: 50%;
    left: 50%;
    opacity: 1 !important;
    content: 'en savoir plus';
}

.itemlist:hover .arrow {
    top: 50%;
    left: 50%;
    opacity: 1 !important;
    content: 'En savoir plus';}
.lienhaut{ background-repeat: no-repeat;padding: 0 5px 0 30px; background-position: 0 8px;}
.navbut{box-shadow: none;border: none;transition: opacity 1s 0s;background-color: transparent;height: 36px}
.navbut:focus{border: none;outline: none;}
.navbut2:focus{border: none;outline: none;}
.navbut:hover {
    border: none;
    background-color: transparent;
    opacity: 0.6;
    transition: opacity 1s 0s;
}
.formnav{
	transition: none;
	display: inline-block;
	margin:0;
}
.menufooter{
	display: inline-block;
    margin-left: 0px;
}
/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #7f92cf; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #1864ab; 
}

.galerie-home-titre {
    border-bottom: 2px solid #1864AB;
    padding: 0 0 10px 0;
    text-transform: uppercase;
    color: #1864AB;
}
.galerie-home {
    max-width: 1300px;
}
.sprocket-strips-s {
    position: relative;
    text-align: center;
    width: 101%;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
}
.sprocket-strips-s-container {
    list-style: none !important;
    padding: 0;
    margin: 0;
    text-align: center;
}
.alert-heading{margin: 0;color: #fff;margin: 0 0 20px 0;font-family: arial}
.sprocket-strips-s-block >a{ border:none; } 
.sprocket-strips-s-block{
    border: 1px solid #ccc;
    display: inline-block;
    box-sizing: content-box;
    padding: 0 0 10px 0;
    text-align: left;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
    overflow: hidden;
}

.block-vod .sprocket-strips-s-block,.video .sprocket-strips-s-block,.block-videos-assos .sprocket-strips-s-block{min-height: 380px}
.sprocket-strips-s-title-inter .infosearch{margin-left: 0}
.sprocket-strips-s-inter{
    border: 1px solid #1864AB;
    display: inline-block;
    box-sizing: content-box;
    padding: 0 0 10px 0;
    text-align: left;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    overflow: hidden;
}
.inter-home .vues,.sprocket-strips-s-inter .date{display: none;}
.sprocket-strips-s-inter .categorie{text-transform: uppercase;font-weight: 400;}
.sprocket-strips-s-livres {
    border: 1px solid #2c2c32;
    display: inline-block;
    margin: 2px 10px 2px 0;
    box-sizing: border-box;
    padding: 0 0 25px 0;
    text-align: left;
    max-width: 270px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
    overflow: hidden;
    min-height: 520px;
}
.sprocket-strips-s-livres img{max-width: 270px;height: auto;}
.sprocket-strips-s-livres .article-info{font-size: 16px;padding: 0 10px;display: block;}
.sprocket-strips-s-livres .sprocket-strips-s-title{max-height: 70px;overflow: hidden;}
.sprocket-strips-s-item {
    background-size: cover;
    border-radius: 2px;
}
.password-group .input-group{display: flex;}
#menu>li {display: inline-block;margin: 5px;}
#menu li ul li {display: block;margin: 10px 0;}
.bloc-livre{display: flex;flex-direction: column;}
.titrelivre{min-height: 290px}
.block-videos-assos,#nextPage,.sprocket-strips-s-container{display: flex;justify-content: space-evenly;flex-direction: row;align-items: flex-start;flex-wrap: wrap;}
.block-gal img,.hidden img,.sprocket-strips-s-block > a > img{max-width: 350px; width: 100%;height: auto;}
.sprocket-strips-s-title{padding: 0 10px;font-size: 20px;min-height: 66px}
.titre-bouton{
    font-family: "Passion One";
    padding: 0 10px 20px 5px;
    clear: both;
    transition: none;
    color: #1864AB;
    font-weight: 400;
    width: 100%;
    height: 52px;
    margin: 10px 0 0 0;
    background-color: transparent;
    box-shadow: none;
    white-space: normal;
    font-size: 16px;
    text-align: left;
    overflow: hidden;
    cursor: pointer;
}
.image-bouton{
    padding: 0 ;
    color: #1864AB;
    font-weight: 400;
    width: 100%;
    margin: 0;
    background-color: transparent;
    box-shadow: none;
    white-space: normal;
    font-size: 16px;
    text-align: left;
    overflow: hidden;
    cursor: pointer;
}
.sprocket-strips-s-block p{margin: 5px}
.titre-bouton:hover,.cat-bouton:hover,.tag-baglis:hover{background-color: transparent;color:#e95a2c;}
.cat-bouton{
    background-color: transparent;
    box-shadow: none;
    white-space: normal;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    cursor: pointer;
    margin: 0;
    padding: 5px 0 0 0;
    color: initial;
    border-radius: 0;
    font-style: italic;
}
.tag-baglis{
    background-color: transparent;
    box-shadow: none;
    white-space: normal;;
    margin: 0;
    padding: 0px 0 0px 7px;
    text-transform: none;
    font-size: 19px;
}
.article-info-vod .tag-baglis{color: #2f2f2f;}

.sprocket-strips-s-title-inter{padding: 0 10px;font-size: 22px;overflow: hidden;height: 63px}
#banner h1,#banner h2,#banner h3,.blanc  {color: #ffffff;}
.navhaut a{border:none;}
.logo{transition: all 1s 0s;width: 100%; max-width: 250px;height: auto;border:none;}
.logo_scroll{transition: all 1s 0s;width: 100%; max-width: 200px;height: auto;border:none;}
html {scroll-behavior: smooth;}
.search{padding-top: 20px}
.j2store-order-action-icons span a {border: none;font-size: 22px}
.titreinter{margin: 5px 0 0 10px}
.titreabo2{font-size: 14px;margin-top: 10px; font-weight: bold;}
.abonnement {
    text-align: center;
}
.videoassos{display: inline-block; max-width: 225px; margin: 10px;}
.block-player {
    text-align: center;
    width: 100%;
    clear: both;	
}
.boxplayer {
    cursor: pointer;
    margin: 5px;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: auto;
    background-color: #000;
}
.box {
    border: 5px solid #fff;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow:5px 4px 4px 2px #ccc;
    text-align: center;
    margin: auto;
    background-color: #000;

    border-radius: 20px;
}
.espace {
    z-index: 10;
    padding: 3px 5px;
    background-color: #1864AB;
    color: #fff;
    font-size: 10px;
    border-radius: 4px;
    position: absolute;
    top: 5px;
    left: 5px;
    transition: all 1s 0s;
}
.espaceabo{
 
    padding: 3px 5px;
    background-color: #e95a2c;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;

}
.espacehide{opacity: 0;transition: all 2s 8s}
.nav-tabs > li > a,.boutonlogin{box-shadow: 4px 4px 6px 1px rgba(0, 0, 0, 0.5);text-transform: uppercase;color:#ffffff;background-color:#7f92cf;border:none;padding:7px 18px;border-radius:5px;margin: 10px;display: inline-block;}
.nav-tabs > li > a:hover,.boutonlogin:hover{color:#fff;background-color:#777777;}
.nav-tabs > .active > a,.nav-tabs > .active > a:hover{color:#ffffff;background-color:#999;}
.nav-tabs > li, .nav-pills > li{display:inline-block;margin:10px;}
fieldset, .bloccomm{transition: none;padding: 5px; margin: 5px;border:1px solid #2264ab;border-radius: 5px;}
legend{display:block;padding:5px;color:#1864AB;font-weight:bold;text-transform:uppercase;}
legend small{font-size:13.5px;color:#1864AB;}
#topbut {opacity: 0;cursor: pointer;font-size: 0.9em;position: fixed;text-align: center;z-index: 9999;transition: opacity 1.2s ease-in-out;background: #7f92cf;color: transparent;border-radius: 0px;right: 2%;bottom: 25px;border-radius: 25px;width: 50px;height: 50px;background-image: url(../images/haut-page.png);background-repeat: no-repeat;background-position: 50% 50%;}
.back-top-1 {opacity: 1 !important;}
.back-top-0 {opacity: 0 !important;}
.article-info-vod {transition: none;line-height: 2;display: inline-block;vertical-align: middle;}
.intervenants,.s2s_supra_contenedor{margin: 0;padding: 0;transition: none;display: inline-block;}
.intertitre{font-size: 1.4em;text-transform: uppercase;margin: 0}
.category-name, .hitsm, .weight { margin-left: 5px;color: #1864AB;line-height: 1.2}
[class^="tag-list"], [class*=" tag-list"] {display: inline-block;margin: 0 10px 0px 0;font-size: 1.2rem;font-weight: 400;}
.fa-tags a {font-family: "Source Sans Pro", sans-serif;border:none;}
.tag-cat{color: #ffffff;display: inline-block;padding: 5px 20px;border-top-left-radius: 10px;
    margin: 13px 0;border-top-right-radius: 10px;transition: none}
.tags{display: block;width: 100%; margin: 0;padding: 0 15px;}
.s2s_contenedor>.btn a{border:none;}
/*j2store*/
.cart-footer{font-weight: bold;}
.table-bordered {
    text-align: left;
    border: none;
    border-collapse: separate;
    border-collapse: collapse;
    border-left: 0;
    border-radius: 3px;}
table {margin-bottom: 1em;width: 100%;border-spacing: 0px;}
video::-webkit-media-controls {overflow: hidden !important;}
.butsearchhome{padding: 10px 20px;}
.icon-search{vertical-align: unset;font-size: 28px}
.butsearch{margin: 0 ;padding: 12px 20px}
.searchintro{clear: both;margin: 10px 0;text-align: center;}
.form-limit{text-align: right;}
.animated-0{display: none;}
.j2store-cart-item-box{background:#fff none repeat scroll 0 0;box-shadow:0 10px 25px -5px;display:none;min-width:350px;padding:0;position:absolute;right:0;text-align:right;top:-13px;z-index:100;}
.j2store-cart-item-box .j2store-cart-header-block{background:#0088cc none repeat scroll 0 0;border-bottom:1px solid #dddee1;color:#ffffff;overflow:hidden;}
.cart-item-count{position: absolute;right:15px;background: #3ba9f4;border-radius: 20px;color: #fff;display: inline-block;font-size: 13px;height: 20px !important;line-height: 19px;padding-right: 7px;width: 20px !important;font-weight: bold;}
.j2store-product-name{font-size:10px;margin:0 0 5px 0; line-height: 1.2;}
.cart-thumb-image{display:inline-block;}
.cart-thumb-image img{margin-right:15px;}
.cart-product-name{display: inline-block;font-weight: bold;margin-top: 5px;font-size: 18px}
.cart-item-qty{font-size:10px;font-weight:bold;}
ul.j2store-cart-list li{margin:0 0 15px 0;padding:0;list-style:none;}
.cartitems .product-image{float:left;margin-right:15px;padding:0;width:60px;}
.j2store-cart-item-box .j2store-cart-nav{margin:0;overflow:hidden;padding:0 15px 15px;}
.options{padding: 0 10px !important}
#plans,#plans ul,#plans ul li{margin:0;padding:0;list-style:none;font-size: 14px;}
#pricePlans:after{content:'';display:table;clear:both;}
#pricePlans{}
#pricePlans{max-width:69em;margin:0 auto;text-align: center;}
#pricePlans #plans .plan{padding: 0; background:#fff;display:inline-block;min-width:230px;max-width:270px;width:100%;text-align:center;border-radius:5px;margin:0 0 20px 0;box-shadow:3px 2px 5px 2px rgb(0 0 0 / 23%);}
.planContainer .title h2{font-size:30px;font-weight:300;color:#565656;margin:0;padding:.6em 0;text-align:center}
.planContainer .title h2.bestPlanTitle{background:rgba(44, 44, 50, 0.85);color:#fff;border-radius:5px 5px 0 0; text-align:center}
.planContainer .price p{text-align: center; background:#565656;color:#fff;font-size:28px;height:2.6em;line-height:2.6em;margin:0 0 1em;}
.planContainer .price p.bestPlanPrice{background:#1864ab;}
.planContainer .options li{font-weight:700;color:#565656;line-height:2.5;}
.planContainer .options li span{font-weight:400;}
.boutonabo{text-transform:uppercase;text-decoration:none;color:#ffffff !important;letter-spacing:1px;line-height:2.8em;display:inline-block;width:80%;border-radius:4px;margin:1.5em 0 1.8em;font-size:13px}
.planContainer .buttonprix a ,.bestPlanButton{text-transform:uppercase;text-decoration:none;color:#565656;line-height:2.8em;border:2px solid #1864AB;display:inline-block;width:80%;border-radius:4px;margin:1.5em 0 1.8em;padding:0 !important;font-size:16px;}
.planContainer .buttonprix a.bestPlanButton,.bestPlanButton{color:#fff;background:#1864AB;border:2px solid #1864AB;}
.planContainer .buttonprix a.bestPlanButton:hover,.bestPlanButton:hover{background:#FB581E;border:2px solid #565656;}
#credits{text-align:center;font-size:.8em;font-style:italic;color:#777;}
#credits a{color:#333;}
#credits a:hover{text-decoration:none;}

/*j2store*/

hr.major {margin: 3em 0;}
.align-left{text-align: left;}
.align-center,.com-users-reset-confirm h1{text-align: center;}
.align-right {text-align: right;}
section.special, article.special {text-align: center;}
header p {color: rgba(255, 255, 255, 0.5);position: relative;margin: 0 0 0.5em 0;}
header h2 + p {font-size: 1.25em;margin-top: -1em;}
header h3 + p {font-size: 1.1em;margin-top: -0.8em;}
header h4 + p,header h5 + p,header h6 + p {font-size: 0.9em;margin-top: -0.6em;}
.thumbnails {display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;}
.thumbnails .box {margin: 0 1em 2em 1em;width: 30%;}
form {margin: 0;}
label {display: block;font-size: 0.9em;font-weight: bold;margin:1em 0 0 0;}
input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="tel"],
select,
input,
textarea {
color: #2f2f2f;
border-radius: 4px;
border: none;
border: solid 1px rgba(144, 144, 144, 0.25);
display: block;
outline: 0;
padding: 0 1em;
text-decoration: none;
box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.5);
font-size: 16px;
}

input[type="text"]:invalid,
input[type="search"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
input[type="tel"]:invalid,
select:invalid,
textarea:invalid {
box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.5);
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
border-color: #1864AB;
box-shadow: 4px 4px 6px 1px rgba(0, 0, 0, 0.2);
}
input[type="text"],
input[type="password"],
input[type="email"],
select {
height: 2.5em;
width: 270px;
}
textarea {
padding: 0.75em 1em;
}
#j2store-checkout input[type="text"],
#j2store-checkout input[type="password"],
#j2store-checkout input[type="email"]{width: 100%}
#search_id{width: 75%}
.suivant{display: block;margin: 20px 0}
.customer-note textarea{width: 80%}
input[type="radio"] {
cursor: pointer;
display: inline-block;
margin-right: -3em;
opacity: 0;
width: 35px;
height: 35px;
z-index: -1;
}
input[type="checkbox"]:checked{accent-color:#1864AB;}
input[type="checkbox"]{
cursor: pointer;
display: block;
float: left;
margin-right: -2em;
width: 26px;
height: 26px;
z-index: -1;
}

#jform_username{opacity: 0.6}
.optional{margin: 0;
font-size: 12px;
position: absolute;
left: 220px;
font-style: italic;}
input[type="checkbox"] + label,input[type="radio"] + label,label + input[type="checkbox"]{
text-decoration: none;
cursor: pointer;
display: inline-block;
padding-left: 2.4em;
padding-right: 0.75em;
position: relative;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
background: rgba(144, 144, 144, 0.075);
border-radius: 4px;
border: solid 1px rgba(144, 144, 144, 0.25);
content: '';
display: inline-block;
height: 1.65em;
left: 0;
line-height: 1.58125em;
position: absolute;
text-align: center;
top: 0;
width: 1.65em;
box-shadow: 4px 4px 6px 1px rgba(0, 0, 0, 0.5);
}

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
background: #7f92cf;
border-color: #7f92cf;
color: #ffffff;
content: '\f00c';
}

input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
border-color: #7f92cf;
box-shadow: 0 0 0 1px #7f92cf;
}

input[type="checkbox"] + label:before {
border-radius: 4px;
}

input[type="radio"] + label:before {
border-radius: 100%;
}



.formerize-placeholder {
color: #2f2f2f !important;
opacity: 1.0;
}

.box {
background: #2c2c32;
}
.option img{text-align: center; margin: auto;display: block;}
.box > :last-child,
.box > :last-child > :last-child,
.box > :last-child > :last-child > :last-child {
margin-bottom: 0;
}

.box .image.fit {
margin: 0;
}

.box .image img {
border-radius: 4px 4px 0 0;
}

.box .inner {
padding: 1.5em;
width: 100% !important;
}


.box.alt {
border: 0;
border-radius: 0;
padding: 0;
}

.icon {
text-decoration: none;
border-bottom: none;
position: relative;
}

.icon:before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important;
}

.icon > .label {
display: none;
}

.image {
border-radius: 4px;
border: 0;
display: inline-block;
position: relative;
}

.image img {
border-radius: 4px;
display: block;
}

.image.left, .image.right {
max-width: 40%;
}

.image.left img, .image.right img {
width: 100%;
}

.image.left {
float: left;
padding: 0 1.5em 1em 0;
top: 0.25em;
}

.image.right {
float: right;
padding: 0 0 1em 1.5em;
top: 0.25em;
}

.image.fit {
display: block;
margin: 0 0 2em 0;
width: 100%;
}

.image.fit img {
width: 100%;
}

.image.main {
display: block;
margin: 0 0 3em 0;
width: 100%;
}

.image.main img {
width: 100%;
}

/* List */

ol {
list-style: decimal;
margin: 0 0 2em 0;
padding-left: 1.25em;
}

ol li {
padding-left: 0.25em;
}

ul {
margin: 0 0 2em 0;
padding-left: 2em;
}
ul.alt {
list-style: none;
padding-left: 0;
}

ul.alt li {
border-top: solid 1px rgba(144, 144, 144, 0.25);
padding: 0.5em 0;
}

ul.alt li:first-child {
border-top: 0;
padding-top: 0;
}

ul.icons {
cursor: default;
list-style: none;
padding: 0;
margin: 0
}

ul.icons li {
display: inline-block;
text-align: center;
padding-left: 0;
padding-right: 1em;
}

ul.icons li a {
display: block;
border-radius: 100%;
margin: 0;
padding: 0.5em;
border: solid 1px rgba(144, 144, 144, 0.25);

}

ul.icons li a:before {
font-size: 1.5em;
display: block;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
}

ul.icons li a:hover {
background-color: #202024;
color: #FFF;
}

ul.icons li:last-child {
padding-right: 0;
}

ul.actions {
cursor: default;
list-style: none;
padding-left: 0;
}

ul.actions li {
display: inline-block;
padding: 0 1em 0 0;
vertical-align: middle;
}

ul.actions li:last-child {
padding-right: 0;
}

ul.actions.small li {
padding: 0 0.5em 0 0;
}

ul.actions.vertical li {
display: block;
padding: 1em 0 0 0;
}

ul.actions.vertical li:first-child {
padding-top: 0;
}

ul.actions.vertical li > * {
margin-bottom: 0;
}

ul.actions.vertical.small li {
padding: 0.5em 0 0 0;
}

ul.actions.vertical.small li:first-child {
padding-top: 0;
}

ul.actions.fit {
display: table;
margin-left: -1em;
padding: 0;
table-layout: fixed;
width: calc(100% + 1em);
}

ul.actions.fit li {
display: table-cell;
padding: 0 0 0 1em;
}

ul.actions.fit li > * {
margin-bottom: 0;
}

ul.actions.fit.small {
margin-left: -0.5em;
width: calc(100% + 0.5em);
}

ul.actions.fit.small li {
padding: 0 0 0 0.5em;
}



dl {
margin: 0 0 10px 0;
}

dl dt {
display: block;
font-weight: 400;
margin: 0 0 1em 0;
}

dl dd {
margin-left: 2em;
}

/* Table */

.table-wrapper {
overflow-x: auto;
}

table {
margin: 0 0 2em 0;
width: 100%;
}

table tbody tr {
border: solid 1px rgba(24, 100, 171);
border-left: 0;
border-right: 0;
}

table tbody tr:nth-child(2n + 1) {
background-color: rgba(127, 146, 207, 0.14);
}
.acym__regacy__lists td{ padding:10px 2px 10px 9px }
table td {
padding: 0.75em 0.75em;
}

table th {
font-weight: bold;
padding:  0.75em 0.75em;
}

table thead {
border-bottom: solid 2px rgb(127, 146, 207);
}

table tfoot {
border-top:solid 1px rgb(127, 146, 207);
}

table.alt {
border-collapse: separate;
}

table.alt tbody tr td {
border: solid 1px rgba(127, 146, 207);
border-left-width: 0;
border-top-width: 0;
}

table.alt tbody tr td:first-child {
border-left-width: 1px;
}

table.alt tbody tr:first-child td {
border-top-width: 1px;
}

table.alt thead {
border-bottom: 0;
}

table.alt tfoot {
border-top: 0;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
text-transform: uppercase;
font-family: "Source Sans Pro", sans-serif;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
background-color: #1864AB;
border-radius: 4px;
border: 0;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-weight: 400;
padding: 8px 20px;
text-align: center;
text-decoration: none;
white-space: nowrap;
line-height: 1.5;
box-shadow: 4px 4px 6px 1px rgba(0, 0, 0, 0.5);
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
color: #fff;
background-color: #777777;
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:active,
.button:active {
background-color:transparent;
}

input[type="submit"].icon,
input[type="reset"].icon,
input[type="button"].icon {
padding-left: 1.35em;
}

input[type="submit"].icon:before,
input[type="reset"].icon:before,
input[type="button"].icon:before,
button.icon:before,
.button.icon:before {
margin-right: 0.5em;
}

input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
button.fit,
.button.fit {
display: block;
margin: 0 0 1em 0;
width: 100%;
}

input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
button.small,
.button.small {
font-size: 0.8em;
}

input[type="submit"].big,
input[type="reset"].big,
input[type="button"].big,
button.big,
.button.big {
font-size: 1.35em;
}
input[type="submit"].disabled, input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
button.disabled,
button:disabled,
.button.disabled,
.button:disabled {
background-color: rgba(255, 255, 255, 0.75) !important;
box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
color: #202024 !important;
cursor: default;
opacity: 0.25;
}
input[type="submit"].style2,
input[type="reset"].style2,
input[type="button"].style2,
button.style2,
.button.style2 {
background-color: #7f92cf;
}
input[type="submit"].style2:hover,
input[type="reset"].style2:hover,
input[type="button"].style2:hover,
button.style2:hover,
.button.style2:hover {
background-color: #92a2d6;
}

input[type="submit"].style2:active,
input[type="reset"].style2:active,
input[type="button"].style2:active,
button.style2:active,
.button.style2:active {
background-color: #6c82c8;
}

input[type="submit"].style3,
input[type="reset"].style3,
input[type="button"].style3,
button.style3,
.button.style3 {
background-color: #9d7ed0;
}

input[type="submit"].style3:hover,
input[type="reset"].style3:hover,
input[type="button"].style3:hover,
button.style3:hover,
.button.style3:hover {
background-color: #ab91d7;
}

input[type="submit"].style3:active,
input[type="reset"].style3:active,
input[type="button"].style3:active,
button.style3:active,
.button.style3:active {
background-color: #8f6bc9;
}
.poptrox-popup {
box-sizing: content-box;
background: #000;
box-shadow: 0 0.5em 3em 0 rgba(0, 0, 0, 0.25);
border-radius: 4px;
padding: 2em;
overflow: hidden;
}
.poptrox-popup .closer {
transition: opacity 0.2s ease-in-out;
text-decoration: none;
position: absolute;
top: .5em;
right: .5em;
z-index: 11000;
white-space: nowrap;
text-indent: 2em;
overflow: hidden;
width: 2em;
height: 2em;
display: block;
}

.poptrox-popup .closer:before {
content: "\f00d";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important;
display: block;
position: relative;
text-indent: 0;
border-radius: 100%;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
color: #ffffff !important;
width: 2em;
height: 2em;
line-height: 2em;
}
.poptrox-popup:hover .closer {opacity: 0.5;}
.poptrox-popup:hover .closer:hover {opacity: 1.0;}
#banner{background-position-y: top;align-items: center;display: flex;justify-content: center;background-position-x: center;background-size: cover;background-repeat: no-repeat;border-top: 0;position: relative;text-align: center;overflow: hidden;}
.innerbanner {text-align: center;position: relative;z-index: 2;}
#banner h1 {text-shadow: 3px 4px 3px #403f3f;color: #fff;font-weight: 400;padding: 5px 15px;}
#banner p {text-shadow: 2px 2px 1px #403f3f;text-align: center;color: rgba(255, 255, 255, 1);font-weight: 300;font-size: 1.4rem;}
#banner a, #banner .fa-tags:before  {
color: rgba(255, 255, 255, 1);
text-decoration: none;
}
#banner a:hover {color: #FFF;border: none;}
#banner .more {
background-image: url("../images/arrow.svg");
background-position: center 1.35em;
background-repeat: no-repeat;
background-size: auto;
border: 1px solid #fff;
border-radius: 100%;
color: rgba(255, 255, 255, 0.75);
display: block;
height: 4em;
text-indent: 4em;
overflow: hidden;
white-space: nowrap;
width: 4em;
z-index: 2;
margin: 0 auto 2em auto;
}
.plus {
/*background-image: url("../images/cercle.png");*/
background-position: center 1.35em;
background-repeat: no-repeat;
background-size: auto;
/*border: 1px solid #fff;*/
border-radius: 100%;
color: rgba(255, 255, 255, 0.75);
display: block;
height: 5em;
text-indent: 4em;
overflow: hidden;
white-space: nowrap;
width: 5em;
z-index: 2;
margin: 0 auto 2em auto;

} 
.plus .corpslogo{margin-top: 19px}
.plus .amelogo{padding-top: 20px}
.plus .espritlogo{padding-top: 28px}
#banner .more:hover {
background-color: rgba(255, 255, 255, 0.05);
border: 1px solid #fff;
color: #FFF;
}
#banner video {
transform: translateX(50%) translateY(50%);
position: absolute;
bottom: 50%;
right: 50%;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
overflow: hidden;
}
#banner:before {
transition: opacity 3s ease;
transition-delay: 1s;
content: '';
/*background-color: rgba(0, 0, 0, 1);*/
display: block;
height: 100%;
left: 0;
opacity: 0.45;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
body.is-loading #banner:before {
opacity: 1;
}
#main {
padding: 0 0 2em 0;
}

table.cart-footer.table.table-bordered tbody tr:first-child,table.j2store-cart-table.table.table-bordered tfoot tr:first-child{display: none;}
.cart-footer tr td:first-child{display: none;}
.cart-product-unit-price{font-style: italic; font-size: 12px;font-weight: bold;}
.unsubsurvey div{display: block;margin: 15px auto}
.innerbanner{max-width: 1200px;}
.osm-container,#acym_wrapper,#unsubpage,.inner,.com-finder,.item-page,.blog,#akeeba-renderjoomla,.login,.inter-livre,#myshortlist_div_0,#myshortlist_div_mi849 {
max-width: 1300px;
margin: 0 auto 0 auto;
display: block;
position: relative;
padding: 20px 1%;
background-color: #fff
}
#top{
width: 100%;
margin: 0 auto;
}        
#footer {
color: #ffffff;
padding: 2em 0 2em 0;
background-color: #1b1b1f;
text-align: center;
margin-top: 35px;
}

#footer .inner {
width: 50%;
margin: 0 auto;
}
#footer .copyright {
color: rgba(255, 255, 255, 0.5);
font-size: 0.9em;
margin: 0 0 2em 0;
padding: 0;
text-align: center;
}		
*{
/*transition: all 1s 0s;*/
vertical-align: top;
margin: 0;
padding: 0;
border: 0;
}
/*Css Menu*/
#header{width:100%;position:relative;padding: 0}
#header:after{content:"";clear:both;display:block}
nav .search{float:right;padding:0 15px}
input{border:none;padding:10px;border-radius:20px}
.logo a{border: none;}
.z-index{z-index: 0 !important}
#rech_id {position: absolute;right: 10px;z-index: 10000;}
nav{float:right;}
nav>ul{float:left;position:relative;padding:0;margin: 0;right: 50px;}
nav li{list-style:none;float:left}
nav .dropdown{position:relative;}
nav li ul{opacity: 0;height: 0;overflow: hidden;}
nav li:hover ul{transform: scale(1);opacity: 1;transition: all 2s 0s;height:auto; }
nav li li{float:none}
nav .dropdown ul{position:absolute;left:0;top:100%;padding:20px 0;}
nav .dropdown li{white-space:nowrap}
nav .dropdown li a{padding:10px 35px;font-size:13px;min-width:200px}
nav .mega-dropdown{width:100%;position:absolute;top:100%;left:0;background:#fff;overflow:hidden;padding:20px 35px;border-bottom:3px solid #34495e}
nav li li a{float:none;color:#333;display:block;padding:8px 10px;border-radius:3px;font-size:13px}
nav li li a:hover{background:#bdc3c7;background:#FAFBFB}
.mega-col{width:25%;float:left}
#menu-icon{z-index: 9999; position:absolute;right:30px;top:50%;margin-top:-12px;margin-right:30px;display:none}
#menu-icon span{border:2px solid #fff;width:30px;margin-bottom:5px;display:block;-webkit-transition:all .2s;transition:all .1s}
@media only screen and (max-width: 1170px) {
  /*nav >ul>li >a{padding:35px 15px}*/
}
  .menulogin{width: 35px;height: 35px;overflow: hidden;padding: 0}

@media only screen and (min-width: 1025px) {
  nav{display:block !important;margin: 0 35px 0 0;}
  .connexion{padding: 0 30%}
.cart-thumb-image img{width: 180px;height: auto;}
}
@media only screen and (max-width: 1024px) {
    .cart-thumb-image img{width: 130px;height: auto;}
.j2store .checkout-heading h2{font-size: 24px}
  nav{max-width: 330px;clear:both;position: fixed;right: -333px;transition: all 1s 0s;}
  #menu-icon{display:inline;top:30px;cursor:pointer}
  #menu-icon.active .first{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:10px}
  #menu-icon.active .second{transform:rotate(135deg);-webkit-transform:rotate(135deg);position:relative;top:-9px;}
  #menu-icon.active .third{display:none}
  .search{float:none}
  .search input{width:100%}
  nav{padding-top:60px;background-color: rgba(0, 0, 0, 0.8)}
  nav ul{float:none}
  nav li{float:none;min-width: 285px}
  nav ul li a{float:none;padding:8px;display:block}
  #header nav ul ul{display:block;position:static;background:none;border:none;padding:0;opacity: 1;height: auto;margin: 0 0 10px 0}
  #header nav a{color:#fff;padding:8px 8px 8px 0}
/*  #header nav a:hover{background:#fff;color:#333;border-radius:3px}*/
  #header nav ul li li a:before{content:"- "}
  .mega-col{width:100%}
  nav ul li button{float:none;padding:8px;display:block}
  #header nav button{color:#fff;padding:8px;min-width: 140px}
  #header nav button:hover{}
  
  /*.navhaut .fond{background-color: rgba(0, 0, 0, 0.8)}*/
}
#header nav ul li li button:before{content:"› "}

/*button*/
button{text-decoration:none;color:#fff}
nav button:focus{outline: none;}
.logo button{font-size:28px;display:block;padding:0 0 0 20px}
nav li button,nav li a{
border-bottom: 1px solid transparent;
float:left;
padding:0 20px 0 30px;
margin-right: 25px;
background-repeat:no-repeat;
background-position: 0 50%;
background-color: transparent;
line-height: 1.5;
font-family: 'Source Sans Pro';
letter-spacing: 4px;
text-transform: uppercase;
font-size: 18px;
color: #fff;
font-weight: normal;
border-radius: 0;
box-shadow: none;
}
.dropdown>button{max-width: 110px;padding: 5px 0 0 35px;}
/*nav li button:hover,nav li a:hover{background-color:transparent;}*/
nav .dropdown li button{text-align: left;padding:5px 20px;width: 100%}
nav li li button{text-transform: none; float:none;color:#fff;display:block;padding:8px 10px;font-size:16px}
nav li li button:hover{opacity: 0.8}

.menulogin:hover{border: none;}
.fontlogin{font-size: 30px}

/*Css Menu*/