@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:135%;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}
.v60{width:100%;height:60px}
.v70{width:100%;height:70px}
.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}
/*.titre{color:#1B80E4;font-weight: bold;font-size:50%;text-shadow:3px 3px 3px #ccc} */
.prix{width:100%;text-align:center;color:#F52948;font-family:'Lucida Calligraphy';font-weight: bold;font-size:100%}
.barre{text-align:center;color:#000;font-family:'Lucida Calligraphy';font-weight: bold;text-decoration:line-through;font-size:75%}
#fond{background:#fff url(../../images/logo/fond.jpg) no-repeat top center;background-size:100%100%;background-attachment:fixed}
@media screen and (max-width: 640px){#fond{background:#fff}}
.red{color:red}
.liseret{width:100%;height:5px;background:#859193}

         /* 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:#003366;position:fixed;top:0;z-index:9997}
         #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{background-color:#ccc;color:black}
         .nav .icon{display: none}
         #nav-menu{float:right;width:640px}
         @media screen and (max-width: 950px){#haut{width:100%;height:45px}.nav{background:#003366}.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}}


.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}
.container500{display:table;max-width:500px;width:100%;margin-left:auto;margin-right:auto}
.container600{display:table;max-width:600px;width:100%;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:100%;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:#104D8A;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}

.transparent8{opacity:0.8}

/* Footer */
         #footer{display:table;max-width:500px;width:100%;margin-left:auto;margin-right:auto;padding:10px 0 10px 0;color:#fff;text-align:center} 
         .footer{display:flex;flex-wrap:wrap}
         .footer>*{flex:1 1 400px;padding:20px;margin:20px}
/* 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}