@font-face{font-family:'Open Sans';src:local('Geosanslight'),local(OpenSans-Light),url("font/opensans300.woff2") format("woff2")}
@font-face{font-family:'Open Sans';src:local('worksans'),local(worksans-black-webfont.woff2),url("font/worksans-black-webfont.woff2") format("woff2")}

*,html{margin:0;padding:0}
body,html{margin:0;padding:0;width:100%;height:100%}
body{font-size:145%;font-family:'Geosanslight','calibri','Open Sans','zapf chancery','segoe ui','segoe ui light';color:#333;font-style:normal;font-variant:normal;font-weight:200;outline:0;line-height:1.3}
a{white-space:nowrap;color:#fff;text-decoration:none;-webkit-transition:color 0.15s ease-out;-moz-transition:color 0.15s ease-out}
a:hover{color:#ccc}
.cur{cursor:pointer}
.img100{width:100%;height:100%}
.v5{width:100%;height:5px}
.v10{width:100%;height:10px}
.v20{width:100%;height:20px}
.v30{width:100%;height:30px}
.v40{width:100%;height:40px}
.v50{width:100%;height:50px}
.v80{width:100%;height:80px}
.v100{width:100%;height:100px}
.tab{border:0;cellpadding:0;border-collapse:collapse}
.cent{display:table;width:100%}
.center{text-align:center}

.left{text-align:left}
.right{text-align:right}
.bulle-red{float:left;width:20px;padding:3px 8px 3px 8px;background:#C1272D;border-radius:25px;text-align:center;color:#fff;font-weight: bold}
.prix{width:100%;text-align:center;color:#F52948;font-family:'Lucida Calligraphy';font-weight: bold;font-size:135%}
.barre{text-align:center;color:#000;font-family:'Lucida Calligraphy';font-weight: bold;text-decoration:line-through;font-size:75%}
.red{color:red}
.liseret{width:100%;height:3px;background:#C70039}

         /* Menu */
         #minilogo{display:block;position:fixed;top:0;z-index:9999}
         .visible{display:none}
         #haut{width:100%;height:40px}
         #supmenu{display:table;width:100%;background:#263243;position:fixed;top:0;z-index:9997} /* f9e79f */
         #menu{display:table;width:100%;max-width:1290px;margin-left:auto;margin-right:auto}
         .nav{float:center;overflow: hidden}
         .nav a{float:left;display:block;color:#fff;text-align: center;padding:10px;text-decoration:none}
         
         .nav a:hover{color:black;;background-color:#fff}
         .nav .icon{display: none}
         #nav-menu{float:right;width:400px}
         @media screen and (max-width: 750px){#haut{width:100%;height:45px}.nav{background:#263243}.nav a:not(:first-child){display: none;}.nav a.icon {float: right;display: block}.nav.responsive a{float: none;display: block;text-align: left}.nav{width:100%;padding:0px;position:fixed;top:0;z-index:9998}#nav-menu{width:100%}.visible{display:block}}

.container{display:table;max-width:1290px;width:100%;margin-left:auto;margin-right:auto}
.container270{display:table;max-width:270px;width:100%;margin-left:auto;margin-right:auto}
.container400{display:table;max-width:400px;width:100%;margin-left:auto;margin-right:auto}
.container450{display:table;max-width:450px;width:100%;margin-left:auto;margin-right:auto}
.container470{display:table;max-width:470px;width:100%;margin-left:auto;margin-right:auto}
.container500{display:table;max-width:500px;width:100%;margin-left:auto;margin-right:auto}
.container600{display:table;max-width:600px;width:calc(100% - 40px);margin-left:auto;margin-right:auto}
.container700{display:table;max-width:700px;width:100%;margin-left:auto;margin-right:auto}
.container800{display:table;max-width:800px;width:100%;margin-left:auto;margin-right:auto}
.container1024{display:table;max-width:1024px;width:100%;margin-left:auto;margin-right:auto}
.container1100{display:table;max-width:1100px;width:100%;margin-left:auto;margin-right:auto}
.container1150{display:table;max-width:1150px;width:100%;margin-left:auto;margin-right:auto}
.container1200{display:table;max-width:1200px;width:100%;margin-left:auto;margin-right:auto}
.container1290{display:table;max-width:1290px;width:100%;margin-left:auto;margin-right:auto}
.container1440{display:table;max-width:1440px;width:calc(100% - 20px);padding:10px;margin-left:auto;margin-right:auto}
.container1920{display:table;max-width:1920px;width:100%;margin-left:auto;margin-right:auto}

.triangle-red{display :inline-block;height:0;width:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:10px solid red}

.boutton{float:center;width:160px;font-size:100%;padding:5px;background:#0066FF;color:#fff;border-radius:20px;margin-left:auto;margin-right:auto;text-align:center;cursor:pointer}
.valider{float:center;width:160px;font-size:100%;padding:5px;background:#00CC00;color:#FFF;border-radius:20px;margin-left:auto;margin-right:auto;text-align:center;cursor:pointer}
.btmilieu{display:table;max-width:140px;width:100%;margin-left:auto;margin-right:auto}
.suivant{float:left;width:calc(50% - 20px);padding:5px;margin:3px;background:#C1272D;color:#fff;text-align:center;cursor:pointer}

.row{display:table;width:calc(100% - 20px);padding:10px}
.transparent8{opacity:0.8}

         .pilotebox{display:table;width:calc(100% - 60px);box-shadow:2px 2px 5px #555;padding:20px;margin:10px}
         .pilote{float:left;width:200px;padding:10px}
         .pilotedetail{float:left;width:calc(100% - 250px)}
         
         @media screen and (max-width:1024px){
         .pilote{width:100%;text-align:center}
         .pilotedetail{width:100%}
         }
         
         .titre{text-transform:uppercase;font-size:90%}
         .titre{color:#333;font-weight: bold;text-shadow:0px 0px 2px #ccc}

.euro{font-size:70%}
.prix{font-family:'Lucida Calligraphy';font-size:100%;font-weight:bold;color:#E94E1B}

/* Contenu */
h1{font-size:250%;color:#b4babb;text-shadow:3px 3px 3px #ccc;padding:2%}
h2{font-size:200%;color:#b4babb;text-shadow:3px 3px 3px #ccc;padding:2%}
h3{text-transform:uppercase;font-size:200%;color:#b4babb;text-shadow:2px 2px 2px #333;padding:2%}
@media screen and (max-width: 750px){h1{font-size:220%}}
.action{width:200px;background:#1B80E4;margin:10px 0 10px 0;padding:0 0 5px 0;color:#fff;margin-left:auto;margin-right:auto;border-radius:15px;cursor:pointer;text-align:center}
#panier{border-radius:3px;padding:10px;font-size:32px;text-align:center;color:#fff;background:#ccc;position:fixed;right:5px;top:330px;opacity:1;z-index:9998;transition:all ease-in 0.2s;backface-visibility:hidden;-webkit-backface-visibility:hidden;text-decoration:none} 
/* Footer */

/* Bas */
a#cRetour{border-radius:3px;padding:12px;font-size:32px;text-align:center;color:#fff;background:#859193;position:fixed;right:5px;opacity:1;z-index:9998;transition:all ease-in 0.2s;backface-visibility:hidden;-webkit-backface-visibility:hidden;text-decoration:none}
a#cRetour:before{content:"\25b2"}
a#cRetour:hover{background:rgba(0, 0, 0, 1);transition:all ease-in 0.2s}
a#cRetour.cInvisible{bottom:-65px;opacity:0;transition:all ease-in 0.5s}
a#cRetour.cVisible{top:400px}
#copyright{width:100%;padding:5px 0px 5px 0px;font-size:75%;text-align:center;text-shadow:0px;background:#000}