@font-face{font-family:'Open Sans';src:local('Open Sans Light'),local(OpenSans-Light),url(opensans300.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:#555}
.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}
.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}
@media screen and (max-width: 640px){#fond{background:#828282}}
.liseret{width:100%;height:5px;background:#ccc}

.container270{display:table;max-width:270px;width:100%;margin-left:auto;margin-right:auto}
.container600{display:table;max-width:600px;width:100%;margin-left:auto;margin-right:auto}
.container1024{display:table;max-width:1024px;width:100%;margin-left:auto;margin-right:auto}
.container1200{display:table;max-width:1200px;width:100%;margin-left:auto;margin-right:auto}

.moitier{float:left;width:50%}
@media screen and (max-width:600px){.moitier{float:left;width:100%}}
.prix{width:100%;text-align:center;color:#F52948;font-family:'Lucida Calligraphy';font-size:100%}

.vig4{float:left;width:calc(100% /4 - 22px);padding:5px;margin:5px;border:1px solid #000;background:#FFFFCC}
@media screen and (max-width:1200px){.vig4{width:calc(100% /3 - 22px)}}
@media screen and (max-width:900px){.vig4{width:calc(100% /2 - 22px)}}
@media screen and (max-width:700px){.vig4{width:calc(100% - 22px)}}

.row{display:table;width:calc(100% - 20px);padding:10px;background:#fff}
.f_black{background:#000}
.c_white{color:#fff}
.back_none{background:none}

/* 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:#F7F9F9;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:#1F9AD6;text-align: center;padding:10px;text-decoration: none}
.nav a:hover{background-color:#ccc;color:#000}
.nav .icon{display: none}
#nav-menu{float:right;width:400px}
@media screen and (max-width: 900px){#tel{display:none}}
@media screen and (max-width: 700px){#haut{width:100%;height:45px}.nav{background:#F7F9F9}.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}}

/* defilant */
#cadre_images{max-width:1920px;height:187px;overflow:hidden;margin-left:auto;margin-right:auto;background:#fff}
@media screen and (max-width:1024px){#cadre_images{height:187px}}
@media screen and (max-width:600px){#cadre_images{height:187px}}
#conteneur_defil,#conteneur_defil2{position:relative;visibility:hidden;overflow:hidden;height:100%}

/* Contenu */
h1{font-size:300%;color:#333;text-shadow:2px 2px 2px #ccc;padding:2%}
h2{font-size:150%;color:#333;text-shadow:2px 2px 2px #ccc;padding:2%}
@media screen and (max-width:1024px){h1{font-size:125%}h2{font-size:100%}}
.mcmc{color:#B40404}

/* contact */
.ctctext{padding:5px}
input{padding:5px;width:270px;font-size:75%}
select{font-size:100%;width:280px}
.bor1red{border:1px solid red}
.textmsg{padding:5px;width:calc(100% - 22px);height:150px;font-size:100%}
.dat{padding:5px;width:100px;font-size:75%}
.nbr{padding:5px;width:50px;font-size:75%}

/* Bas */
.action{width:260px;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}
.foot2{float:left;width:calc(50% - 30px);margin:2px;padding:10px}
.flex2{display:flex}
.footvig{float:left;width:calc(50% - 12px);margin:5px}
.btlien{width:calc(100% - 20px);padding:5px 0px 10px 20px}
.inpnews{width:240px;padding:5px;font-size:90%}
.tag{font-size:25%}
@media screen and (max-width:1024px){.foot2{width:calc(50% - 30px)}.flex2{display:table}.footvig{float:left;width:100%}.tag{display:none}}
@media screen and (max-width:640px){.foot2{width:calc(100% - 50px);margin:2px;padding:5px;font-size:85%}.flex2{display:table}.footvig{float:left;width:calc(100% - 12px)}}
#menu-bas{display:table;width:100%;height:40px;background:#000;position:fixed;bottom:0;z-index:9998}
.lang{float:right;text-align:center;position:fixed;bottom:10px;right:10px;z-index:9998}
.fr{float:right;width:32px;height:32px}
a#cRetour{border-radius:3px;padding:12px;font-size:32px;text-align:center;color:#fff;background:#555;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}