a.check{padding:15px 10px;background-color:#FFF;color:#253d45;border-radius:25px;white-space:nowrap;display:inline-block;font-size:0.6875rem}
a.check em{display:inline-block;p
vertical-align:top;padding-top:2px;font-weight:700}
a.check span{display:inline-block;margin-left:5px;width:20px;height:12px;background-color:#253d45;position:relative;border-radius:10px;overflow:hidden;vertical-align:top}
a.check span::after{content:'';display:block;position:absolute;top:0;left:0;width:12px;height:12px;border-radius:5px;background-color:#a5afb5;-webkit-transition:left 300ms;-o-transition:left 300ms;transition:left 300ms}
a.check:hover span::after{left:8px;background-color:#ed802a}
#scrolltop{text-align:center;padding:20px}
#scrolltop a{display:inline-block;width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #ed802a transparent;border-radius:5px}
@media screen and (max-width:799px),screen and (min-width:800px) and (max-width:1299px) and (orientation:portrait){a.check span::after{content:'';display:block;position:absolute;top:0;left:0;width:12px;height:12px;border-radius:5px;background-color:#a5afb5;-webkit-transition:left 300ms;-o-transition:left 300ms;transition:left 300ms}
a.check:hover span::after{left:0;background-color:#a5afb5}}.maintext ul{display:inline-block;vertical-align:top;text-align:left;margin:0 auto 20px}
.maintext ul.ml{margin-left:20px}
.maintext ul.small_text li{padding-bottom:10px}
.maintext li{position:relative;padding-left:15px}
.maintext ul li::before{content:'\f111';display:inline-block;margin-right:10px;font-family:'Font Awesome 5 Pro';font-weight:900;font-size:0.4rem;vertical-align:top;color:#3b4e55;position:absolute;top:0;left:0}
.maintext hr{border:none}
#links,#gallery,#downloads{width:1000px;margin:40px auto 30px;text-align:center}
#gallery a{display:inline-block;vertical-align:top;position:relative;margin:20px;width:450px;height:250px}
#gallery a .fullBack{display:inline-block;width:100%;height:100%}
#gallery a .icone{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;text-align:center;background-color:transparent;color:#e54e10;-webkit-transition:background-color 300ms;-o-transition:background-color 300ms;transition:background-color 300ms}
#gallery a:hover .icone{background-color:rgba(237,128,42,0.3)}
#gallery a .icone::after{display:inline-block;font-size:3rem;width:100px;height:100px;border-radius:50px;padding-top:40px;border:1px solid #e54e10;font-family:'Font Awesome 5 Pro';font-weight:900}
#gallery a .icone.image::after{content:'\f03e'}
#gallery a .icone.video::after{content:'\f04b';padding-left:10px}
.checklink a{padding:15px 20px;margin:0 20px;background-color:#ed802a;color:#FFF;border-radius:35px;white-space:nowrap;display:inline-block;font-size:0.75rem}
.checklink a em{display:inline-block;font-style:normal;vertical-align:middle;padding-top:2px;line-height:1rem}
.checklink a em span{display:block;font-size:1rem}
.checklink a span.checker{display:inline-block;margin-left:10px;width:20px;height:12px;background-color:#253d45;position:relative;border-radius:10px;overflow:hidden;vertical-align:middle}
.checklink a span.checker::after{content:'';display:block;position:absolute;top:0;left:0;width:12px;height:12px;border-radius:5px;background-color:#a5afb5;-webkit-transition:left 300ms;-o-transition:left 300ms;transition:left 300ms}
.checklink a:hover span.checker::after{left:8px;background-color:#FFF}
#footer_links.checklink a{background-color:#253d45;color:#FFF}
#footer_links{display:inline-block;text-align:left;padding-left:15px;margin:0 auto;position:relative}
#footer_links a{margin:0}
#footer_links.checklink a span.checker{background-color:#FFF}
#footer_links.checklink:hover a span.checker::after{left:8px;background-color:#ed802a}
#footer_links input{position:absolute;top:0;left:15px;z-index:5;width:100%;height:100%;border-radius:25px;border:none;cursor:pointer;background-color:transparent}
@media screen and (max-width:799px),screen and (min-width:800px) and (max-width:1299px) and (orientation:portrait){.maintext ul{margin:0}
.maintext ul.ml{margin-left:0}
#links,#gallery,#downloads{width:100%;margin:40px 0 30px;text-align:center}
#gallery a{margin:20px 0;width:100%;max-width:450px;height:200px}
#gallery a .fullBack{display:inline-block;width:100%;height:100%}
#gallery a:hover .icone{background-color:transparent}
.checklink a{margin:10px 0}}.order{width:100%;border-bottom:1px solid #ed802a;margin-bottom:20px;background-color:rgba(91,102,112,0.05)}
.top{display:block;font-size:0.7rem;text-transform:uppercase;border-bottom:1px dotted #253d45;margin-bottom:5px}
.item{width:120px;font-size:0.9rem;padding:5px}
.item.order_ref{width:150px}
.item.order_date{width:250px}
.item.order_prix{width:200px}
.item.order_statut{width:100px}
.order_details .item{width:35%}
.item.order_payment_type{width:20%}
.item.order_payment_type{font-size:0.6875rem}
.order_details .item.order_payment_type ul{margin:0 0 0 5px}
.order_details .item.order_payment_type li{padding:0 0 0 10px}
.item.order_payment_type li.red{color:red}
.item.order_payment_type li.orange{color:orange}
.maintext .order_details .item.order_payment_type li::before{top:-1px;font-size:0.3rem}
.order_details{width:100%;margin-top:10px;background-color:#FFF;font-size:1rem;height:0;overflow:hidden}
.order_details.expanded{height:auto}
.order_details ul{width:100%;margin:15px 0 15px 10px}
.order_details li{padding:5px 0 5px 15px;list-style:none}
.maintext .order_details li::before{content:'\f111';font-family:'Font Awesome 5 Pro';position:absolute;z-index:1;left:-3px;top:4px;font-size:0.5rem;color:#ed802a}
.order_details .button{border:none;font-size:0.7rem;text-transform:uppercase;padding:5px 10px;border:1px solid #ed802a;background-color:rgba(91,102,112,0.1);-webkit-transition:background-color 300ms;-o-transition:background-color 300ms;transition:background-color 300ms}
.order_details a.button:hover{background-color:rgba(237,128,42,0.5)}
.order_payment_details u{width:45%;text-decoration:none}
.order_payment_details em{width:45%;text-align:right;font-style:normal}::-webkit-input-placeholder{text-transform:uppercase;color:#a5afb5;font-size:0.875rem}::-moz-placeholder{text-transform:uppercase;color:#a5afb5;font-size:0.875rem}:-ms-input-placeholder{text-transform:uppercase;color:#a5afb5;font-size:0.875rem}::placeholder{text-transform:uppercase;color:#a5afb5;font-size:0.875rem}
.forms input,.forms textarea{border:1px solid #a5afb5;border-radius:5px;padding:5px 10px;margin-bottom:20px;width:100%}
.forms input[type="text"]:disabled{color:#aaa}
.forms #cgv input,.forms #rgpd input{width:auto;margin:0}
.forms label{font-size:0.875rem;text-transform:uppercase;text-align:right;padding-right:20px}
.forms sup{color:#ed802a}
.forms .note,.padded,#new_account .steptitle{width:387px;font-size:0.875rem;margin-left:-webkit-calc(100% - 387px);margin-left:calc(100% - 387px);margin-bottom:20px}
.forms #step2 .note{width:100%;margin-left:0;margin-bottom:5px;text-align:center}
.padded .flex{width:100%}
.forms input.pw{margin-bottom:5px}
.steptitle{font-size:1.125rem;text-transform:uppercase;color:#ed802a;margin-bottom:20px}
#step2 .steptitle,#step3 .steptitle{width:100%;margin-bottom:10px}
.forms #step2 .note.marged{margin-bottom:20px}
#account_wrapper{border-color:antiquewhite}
#formulaire_pass{padding-top:100px;min-height:350px;text-align:center}
#my_account_login{padding-top:50px;width:350px;text-align:center}
#my_account_login.mdp{padding-top:0;width:auto}
#links{display:inline-block;text-align:left;padding-left:15px;width:390px;margin:0;position:relative}
#links a{margin:0}
#links.checklink:hover a span.checker::after{left:8px;background-color:#FFF}
#my_account_login form #links input{position:absolute;top:-5px;left:15px;z-index:5;width:125px;height:50px;border-radius:25px;border:none;cursor:pointer;background-color:transparent}
#my_account_profile{border-color:pink;width:1000px;padding-top:50px}
#my_account{width:35%}
#new_account{width:65%}
.forms #new_account label{width:-webkit-calc(100% - 387px);width:calc(100% - 387px)}
.forms #new_account input,.forms #new_account textarea{width:387px}
.forms #new_account .padded input,#cgv input,#step3 input{width:auto;padding:0;margin:0 10px 0 0}
.padded .flex{padding:5px 0}
#cgv{width:100%;padding-bottom:30px}
#step2,#step3{text-align:center}
#step2 textarea{width:400px}
.rgpdtext{width:100%;padding-bottom:8px}
#step3 .flex{width:100%;padding:10px 0}
#linkvalidate{position:relative;width:auto;margin:40px auto 0}
#linkvalidate input{position:absolute;top:-5px;left:15px;z-index:5;width:100%;height:50px;border-radius:25px;border:none;cursor:pointer;background-color:transparent}
@media screen and (max-width:799px),screen and (min-width:800px) and (max-width:1299px) and (orientation:portrait){.forms label{text-align:center}
.forms .note,.padded,#new_account .steptitle{width:100%;margin-left:0}
#my_account{width:100%;margin-bottom:40px}
#new_account{width:100%}
.forms #new_account label{width:100%}
.forms #new_account input,.forms #new_account textarea{width:100%}
#step2 textarea{width:100%}}