html,
body,
div.main {width:100%; height:100%; margin:0px; padding:0;}
body.main,
div.main {position:relative;/*overflow-x:hidden;*/}
/* MODIF contenus/_email_css.php ---- COULEURS */

body.main,
div.main {display:table;}
/*body {transition:padding-top 0.5s linear;}*/
form {padding:0; margin:0;}
input, object, div {outline:none !important;}
input::-moz-focus-inner {border:0;}
img {margin:0; padding:0; border:0;}
p {padding:0; margin:0;}
a {outline:none; color:#434242;}
div, header, main, footer, ul, li, form {position:relative;}
.boxsizing {max-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.nboxsizing {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.fclear::after {content:''; display:block; clear:both; height:0; overflow:hidden;}
.sidefloat {overflow:hidden;}
.clear {clear:both; height:0; overflow:hidden;}
.ellipsis {overflow:hidden; o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
.toclamp {overflow:hidden;}
.toclamp p {margin:0; padding:0; position:relative;}
.divL {float:left;}
.divR {float:right;}
.divA {position:absolute !important; left:0px; top:0px; display:block;}
audio {display:block; max-width:100%;}
.fontload {position:absolute; left:-9999px; top:-9999px; font-family:monospace; font-weight:400; visibility:hidden; font-size:16px;}

/* MODIF _tinymce/tmce.css + zt_email.css !!!!!!    */
.bodybg {display:none; position:fixed; width:100%; height:100%; left:0; top:0; z-index:1;}
._bodybgcolor{background:#fff;}
._midbgcolor{}
._fontall{font-size:16px; color:#444; font-family:'Dax', sans-serif; font-weight:400; line-height:1.5;}
._fontfamily{font-size:16px; font-family:'Dax', sans-serif; font-weight:400; line-height:1.5;}
._fontcolor{color:#444;}
/* end !!!!!!    */

body.nojs .tmceContenu img:not(.noscript) {display:none;}
/*body.nojs .tmceContenu noscript img {display:inherit;}*/
.tmceContenu img {max-width:100%; height:auto; opacity:1; transition:opacity 0.3s ease-out; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tmceContenu img.notloaded {min-width:20px; min-height:20px; background:url(/images/global/icon_img_tmp.gif) no-repeat center;}
.tmceContenu img.on {opacity:0; transition:none;}



/*--------------------------------------------------------------------------------------------------*/

.globalcenter {position:relative; max-width:1280px; height:100%; margin:0px auto;}

.waitfont {opacity:1; transition:opacity 0.5s ease-out;}
.waitfont.notload {opacity:0;}

/*-------------------------------------- HEADER ----------------------------------------------*/

header {display:table-row; position:relative; z-index:1000;}
header img {display:block; max-width:100%; height:auto;}
header .inner {z-index:1000;}
header .barretop {position:absolute; width:50%; right:0; top:0px; height:35px; background:#bccf00; z-index:1;}
header .barrebas {position:absolute; width:50%; left:0; bottom:0px; height:45px; background:#bccf00; z-index:2;}
header .barrefeuille {position:absolute; display:none; width:50%; right:0; bottom:8px; height:4px; background:#a01f68; z-index:3;}
header .globalcenter {z-index:1000; font-weight:600;}
header .globalcenter .barres {position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden; z-index:1;}
header .globalcenter .barres .barretop {width:auto; left:142px; right:0; z-index:1;}
header .globalcenter .barres .rondtop {position:absolute; width:256px; height:256px; left:14px; top:0; border-radius:50%; z-index:2;}
header .globalcenter .barres .barrebas {width:100px; left:0; z-index:3;}
header .globalcenter .barres .rondbas {position:absolute; width:180px; height:180px; left:32px; top:51px; border-radius:50%; z-index:4;}
header .globalcenter .barrenav {position:absolute; left:229px; right:0; height:4px; bottom:8px; background:#a01f68; z-index:5;}
header .globalcenter .feuille {position:absolute; width:61px; height:50px; right:-61px; bottom:8px; background:url(/images/global/menu-feuille.png) no-repeat; z-index:1;}
header .logo {display:block; float:left; min-height:216px; z-index:1020;}
header .logo img {margin:10px 0 0;}
header .logo p {display:none; padding-top:5px; font-family:'GrandHotel', sans-serif; font-size:26px; line-height:30px; color:#a01f68;}
header .logo p > br {display:none; line-height:0;}
header .logo p span {display:none; padding-bottom:3px; font-family:'Dax', sans-serif; font-size:14px; font-weight:500; line-height:normal; color:#97a800;}

header .globalcenter > .contact {position:absolute; right:0; top:0; height:35px; padding:0 20px; background:#a01f68; font-size:16px; line-height:35px; font-weight:500; color:#fff; text-transform:uppercase; text-decoration:none; z-index:50;}
header .globalcenter > .contact.s {display:none;}
header .globalcenter > .newsletter {position:absolute; right:300px; top:0; height:35px; padding:0 20px; background:#a01f68; font-size:16px; line-height:35px; font-weight:500; color:#fff; text-transform:uppercase; text-decoration:none; z-index:50;}

header .nav {position:absolute; right:0; bottom:8px; z-index:900;}
header .nav.notload {opacity:0;}
header .nav .globalcenter {height:auto;}

header nav {display:table; margin:0; table-layout:fixed; border-spacing:60px 0; border-collapse:separate; text-align:left; z-index:1010;}
header nav > .btns {display:table-cell; position:relative; padding:75px 0px 9px; min-width:130px; margin:0; cursor:pointer; text-align:center; text-decoration:none; vertical-align:bottom; text-transform:uppercase; font-weight:500; font-size:18px; line-height:22px; color:#ab467b; transition:none; z-index:1;}
header nav > .btns img {max-width:none;}
header nav > div.btns {cursor:default;}
header nav > a.btns::after {content:''; position:absolute; width:0; height:4px; left:50%; bottom:0px; background:#bccf00; opacity:0; -webkit-transition:all ease-out 0.2s; -moz-transition:all ease-out 0.2s; -ms-transition:all ease-out 0.2s; -o-transition:all ease-out 0.2s; transition:all ease-out 0.2s;}
header nav > a.btns:hover::after {width:100%; left:0; opacity:1;}
header nav > .btns > span {display:none; position:absolute; width:100%; height:1px; left:0; bottom:1px; background-color:#bccf00; background-image:linear-gradient(to right, #fff 0%, #bccf00 40%, #bccf00 60%, #fff 100%);}
header nav > .btns .space {display:none;}
header nav > .btns.over:hover {color:#a01f68; z-index:50;}
header nav > .btns.sel {color:#a01f68; cursor:default;}
header nav > .btns.sel::before {content:''; position:absolute; width:100%; height:4px; left:0; bottom:0px; background-color:#bccf00; background-image:linear-gradient(to right, #a01f68 0%, #bccf00 40%, #bccf00 60%, #a01f68 100%);}

header nav > .btns.home {min-width:0;}
header nav > .btns.home img {display:none;}
header nav > .btns.heberg {background:url(/images/global/menu-heberg.png) no-repeat center top;}
header nav > .btns.serv {background:url(/images/global/menu-serv.png) no-repeat center top;}
header nav > .btns.anim {background:url(/images/global/menu-anim.png) no-repeat center top;}
header nav > .btns.elev {background:url(/images/global/menu-elev.png) no-repeat center top;}
header nav > .btns.contact {display:none;}
header nav > .btns.newsletter {display:none;}

header .navm {position:absolute; display:none; width:60px; height:100%; right:0px; top:0px; cursor:pointer; z-index:1030;}
header .navm div {position:absolute; width:30px; height:30px; left:15px; bottom:6px;}
header .navm p {height:6px; margin-bottom:6px; background:#a01f68;}
header .navm p:last-child {margin-bottom:0;}



/* --------------- SOUS MENU ------------------------ */

header nav .btns .lvl1 {position:absolute; min-width:100%; left:-3000px; top:-1000px; text-align:left; line-height:normal; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
header nav div.btns:hover .lvl1,
header nav div.btns.hover .lvl1 {left:50%; top:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);}
header nav > div.btns .lvl1::after {content:''; position:absolute; width:0; height:4px; left:50%; top:-4px; background:#bccf00; opacity:0; -webkit-transition:all ease-out 0.2s; -moz-transition:all ease-out 0.2s; -ms-transition:all ease-out 0.2s; -o-transition:all ease-out 0.2s; transition:all ease-out 0.2s;}
header nav > div.btns:hover .lvl1::after {width:100%; left:0; opacity:1;}
header nav .btns .lvl1 > .bg {min-width:100%; padding:0px 0 4px; background:#a01f68;/* border-bottom:4px solid #bccf00;*/ max-height:0px; overflow:hidden; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
header nav .btns .lvl1 > .bg::after {content:''; position:absolute; width:100%; height:4px; left:0; bottom:0px; background:#bccf00;}
header nav .btns:hover .lvl1 > .bg,
header nav .btns.hover .lvl1 > .bg {max-height:300px; -webkit-transition:ease-out max-height 0.8s; -moz-transition:ease-out max-height 0.8s; -ms-transition:ease-out max-height 0.8s; -o-transition:ease-out max-height 0.8s; transition:ease-out max-height 0.8s;}
header nav .btns .lvl1 > .bg .btns {display:block; position:relative; padding:10px 20px; margin-bottom:0px; font-size:16px; font-weight:500; background:none; color:#fff; text-transform:none; text-decoration:none; white-space:nowrap; cursor:pointer;}
header nav .btns .lvl1 > .bg .btns.over:hover,
header nav .btns .lvl1 > .bg .btns.sel {background:#bccf00; color:#a01f68;}
header nav .btns .lvl1 div.btns {cursor:default;}


/* --------------- FIXED ------------------------ */

header.fixed {position:fixed; width:100%; left:0; top:-43px; transition:top 0.5s ease-out;}
header.fixed.on {top:0 !important;}
header.fixed .inner {background:#fff;}
header.fixed .logo {min-height:0 !important;}
header.fixed .logo img {display:none;}
header.fixed .logo p {display:block; margin-top:0px; font-size:26px !important; line-height:26px;}
header.fixed .logo p span {display:none !important;}
header.fixed .barretop {display:none;width:100%; height:30px;}
header.fixed .barrebas {width:100%; height:50px; left:0; right:0; top:100%; bottom:auto; background-color:transparent; background-image:linear-gradient(to bottom, rgba(255,255,255,1.00) 5%, rgba(255,255,255,0.00)); pointer-events:none;}
header.fixed .barrefeuille {display:block; width:100%; height:1px; left:0; right:auto; bottom:0;}

header.fixed .globalcenter .top {display:none;height:auto !important; min-height:30px;}
header.fixed .globalcenter .barres .barretop {width:100%; height:30px; left:0px;}
header.fixed .globalcenter .barres .rondtop {display:none;}
header.fixed .globalcenter .barres .barrebas {display:none;}
header.fixed .globalcenter .barres .rondbas {display:none;}
header.fixed .globalcenter .barrenav {height:1px; left:0; bottom:0;}
header.fixed .globalcenter .feuille {display:none;}
header.fixed .globalcenter > .contact {display:none;height:30px; font-size:14px; line-height:30px;}
header.fixed .globalcenter > .newsletter {display:none;}
header.fixed .globalcenter > .contact.s,
header.fixed .globalcenter > .contact.l {display:none !important;}

header.fixed .nav {position:relative; right:auto; bottom:auto; z-index:900;}
header.fixed nav {display:table; width:100%; table-layout:auto; border-spacing:30px 0;}
header.fixed nav > .btns {background:none !important; padding:8px 0 6px; width:auto !important; min-width:0; font-size:16px; line-height:20px;}
header.fixed nav > a.btns::after,
header.fixed nav > .btns.sel::before {height:1px;}
header.fixed nav > .btns.sel > span {display:block;}
header.fixed nav > .btns.sel > span::after {content:''; position:absolute; width:70%; height:1px; left:15%; top:-1px; background-color:#bccf00; background-image:linear-gradient(to right, #fff, #bccf00 40% 60%, #fff);}
header.fixed nav > .btns br {display:none; line-height:0;}
header.fixed nav > .btns .space {display:inline;}
header.fixed nav > .btns.home {padding-left:5px; padding-right:5px;}
header.fixed nav > .btns.home p {display:none;}
header.fixed nav > .btns.home img {display:block; margin:0 auto 2px;}
header.fixed nav > .btns.contact {display:table-cell; padding-left:5px; padding-right:5px;}
header.fixed nav > .btns.contact p {display:none;}
header.fixed nav > .btns.contact img {display:block; margin:0 auto 3px;}
header.fixed nav > .btns.newsletter {display:none;}

header.fixed nav > div.btns .lvl1::after {height:1px; top:-1px;}


/* --------------- MEDIAQUERIES ------------------------ */

@media screen and (max-width: 1422px) {
header .globalcenter .feuille {display:none;}
header .barrefeuille {display:block;}
}
@media screen and (max-width: 1320px) {
header .logo img {margin-left:10px;}
header .globalcenter .barres .barretop {left:152px;}
header .globalcenter .barres .rondtop {left:24px;}
header .globalcenter .barres .barrebas {width:110px;}
header .globalcenter .barres .rondbas {left:35px;}
header.fixed .logo {padding-left:10px;}
}
@media screen and (max-width: 1280px) {
header nav {border-spacing:50px 0;}
header:not(.fixed) nav > .btns.elev:hover .lvl1, 
header:not(.fixed) nav > .btns.elev.hover .lvl1 {left:auto; right:-50px; transform:none; -webkit-transform:none; -ms-transform:none;}
}
@media screen and (max-width: 1220px) {
header nav {border-spacing:40px 0;}
header:not(.fixed) nav > .btns.elev:hover .lvl1, 
header:not(.fixed) nav > .btns.elev.hover .lvl1 {right:-40px;}
}
@media screen and (max-width: 1170px) {
header nav {border-spacing:30px 0;}
header:not(.fixed) nav > .btns.elev:hover .lvl1, 
header:not(.fixed) nav > .btns.elev.hover .lvl1 {right:-30px;}
header.fixed nav > .btns {font-size:15px;}
}
@media screen and (max-width: 1120px) {
header nav > .btns {font-size:17px; min-width:100px; padding-top:60px; background-size:100px !important;}
header.fixed nav {border-spacing:20px 0;}
}
@media screen and (max-width: 1070px) {
header nav > .btns {font-size:16px;}
}
@media screen and (max-width: 1020px) {
header nav {border-spacing:20px 0;}
header:not(.fixed) nav > .btns.elev:hover .lvl1, 
header:not(.fixed) nav > .btns.elev.hover .lvl1 {right:-20px;}
}
@media screen and (max-width: 1000px) {
header.fixed nav > .btns br {display:block;}
header.fixed nav > .btns .space {display:none;}
header.fixed nav > .btns.home,
header.fixed nav > .btns.contact {vertical-align:middle;}
}
@media screen and (max-width: 980px) {
header nav {border-spacing:25px 0;}
header nav > .btns.serv {width:110px;}
header nav > .btns.anim {width:150px;}
header:not(.fixed) nav > .btns.elev:hover .lvl1, 
header:not(.fixed) nav > .btns.elev.hover .lvl1 {right:-25px;}
}
@media screen and (max-width: 950px) {
header nav {border-spacing:20px 0;}
header:not(.fixed) nav > .btns.elev:hover .lvl1, 
header:not(.fixed) nav > .btns.elev.hover .lvl1 {right:-20px;}
}

@media screen and (max-width: 910px) {	
header .globalcenter .barres .barretop {left:100px; height:30px;}
header .globalcenter .barres .rondtop {left:-28px;}
header .globalcenter .barres .barrebas {display:none !important;}
header .globalcenter > .contact {height:30px; line-height:30px; font-size:15px;}
header .globalcenter > .newsletter {height:30px; line-height:30px; font-size:15px;}
header .globalcenter .barrenav {left:108px; height:3px; bottom:5px;}
header .logo {min-height:140px;}
header .logo img {max-width:150px; margin:5px 0 0 5px;}
header .nav {bottom:5px;}
header nav {border-spacing:25px 0;}
header nav > .btns {padding-top:5px; min-width:0; background:none !important;}
header:not(.fixed) nav > .btns.over::after,
header:not(.fixed) nav > .btns.sel::after,
header:not(.fixed) nav > .btns.sel::before {height:3px;}
header:not(.fixed) nav > .btns.elev:hover .lvl1, 
header:not(.fixed) nav > .btns.elev.hover .lvl1 {right:-25px;}
header:not(.fixed) nav > div.btns .lvl1::after {height:3px; top:-3px;}
}
@media screen and (max-width: 870px) {
header nav {border-spacing:20px 0;}
header:not(.fixed) nav > .btns.elev:hover .lvl1, 
header:not(.fixed) nav > .btns.elev.hover .lvl1 {right:-20px;}
}
@media screen and (max-width: 840px) {
header .globalcenter > .contact {font-size:14px;}
header .globalcenter > .newsletter {font-size:14px; right:270px;}
header nav {border-spacing:25px 0;}	
header nav > .btns {font-size:14px;}
header nav > .btns.serv {width:85px;}
header nav > .btns.anim {width:140px;}
header:not(.fixed) nav > .btns.elev:hover .lvl1, 
header:not(.fixed) nav > .btns.elev.hover .lvl1 {right:-25px;}
}
@media screen and (max-width: 800px) {
header nav {border-spacing:20px 0;}	
header:not(.fixed) nav > .btns.elev:hover .lvl1, 
header:not(.fixed) nav > .btns.elev.hover .lvl1 {right:-20px;}
}
@media screen and (max-width: 760px) {
header nav {border-spacing:15px 0;}
header:not(.fixed) nav > .btns.elev:hover .lvl1, 
header:not(.fixed) nav > .btns.elev.hover .lvl1 {right:-15px;}
}
@media screen and (max-width: 740px) {
header .globalcenter .top {height:100px;}
header .globalcenter .barres .barretop {left:0; height:35px;}
header .globalcenter .barres .rondtop {display:none;}
header .globalcenter .barrenav {left:0; right:0; height:4px; bottom:0px;}
header .globalcenter > .contact.s {display:block;}
header .globalcenter > .contact.l {display:none;}
header .globalcenter > .contact {height:35px; line-height:35px; font-size:14px;}
header .globalcenter > .newsletter {height:35px; line-height:35px; font-size:14px; right:160px;}
header .logo {float:none; position:absolute; min-height:0; left:10px; top:0;}
header.fixed .logo {padding-left:0px;}
header .logo img {display:none;}
header .logo p {display:block;}
header .nav {left:0; bottom:0px;}
header nav {margin:0 auto; border-spacing:25px 0;}	
header nav > .btns.serv {width:auto;}
header nav > .btns.anim {width:auto;}
header:not(.fixed) nav > .btns.over::after,
header:not(.fixed) nav > .btns.sel::after,
header:not(.fixed) nav > .btns.sel::before {height:4px;}
header:not(.fixed) nav > .btns.elev:hover .lvl1, 
header:not(.fixed) nav > .btns.elev.hover .lvl1 {right:-25px;}
header:not(.fixed) nav > div.btns .lvl1::after {height:4px; top:-4px;}
header.fixed nav {border-spacing:15px 0;}
header.fixed nav > .btns {font-size:14px;}
}
@media screen and (max-width: 700px) {
header nav {border-spacing:15px 0;}	
header:not(.fixed) nav > .btns.elev:hover .lvl1, 
header:not(.fixed) nav > .btns.elev.hover .lvl1 {right:-15px;}
header.fixed nav > .btns.elev:hover .lvl1, 
header.fixed nav > .btns.elev.hover .lvl1 {right:-30px; left:auto; transform:none; -webkit-transform:none; -ms-transform:none;}
}
@media screen and (max-width: 670px) {
header.fixed nav {border-spacing:12px 0;}
header.fixed nav > .btns {font-size:13px;}
}

@media screen and (min-width: 631px) {
header .nav.off {display:block !important;}
}
/*------------ MENU MOBILE -----------------*/
@media screen and (max-width: 630px) {
header .globalcenter {border-bottom:4px solid #bccf00;}
header .globalcenter .top {height:auto;}
header.fixed .globalcenter .top {display:block;}
header .globalcenter .barres {display:none;}
header .globalcenter .barrenav {display:none;}
header .barretop {display:none;}
header .logo {float:left; position:relative; margin-left:10px; left:0;}
header .logo p {padding-top:10px; font-size:32px !important; line-height:35px !important;}
header .logo p span {display:block;}
header .navm {display:block;}
header .globalcenter > .contact,
header .globalcenter > .newsletter {display:none !important;}
header.fixed .nav {display:none !important;}
header .nav {position:relative; float:right; width:100% !important; left:0 !important; right:0 !important;}
header .nav.off {display:none;}
header .nav.on {display:block; margin-top:4px;}
header .nav::before {content:''; position:absolute; width:100%; height:4px; left:0; top:-4px; background:#bccf00;}
header nav {display:block; table-layout:auto; border-spacing:0 !important;}
header nav > .btns {display:block; padding:0; text-align:left; font-size:14px; border-bottom:1px solid #bccf00;}
header nav > div.btns {cursor:pointer;}
header nav > .btns > p {position:relative; padding:10px 40px 10px 40px;}
header nav > .btns.over:hover > p {background:#bccf00;}
header nav > .btns br {display:none; line-height:0;}
header nav > .btns .space {display:inline;}
header nav > .btns.over::before,
header nav > .btns.over::after,
header nav > .btns.sel::after,
header nav > .btns.sel::before {display:none;}
header nav > div.btns > p::after,
header nav > div.btns > p::before {content:''; display:block; position:absolute; top:50%; background:#a01f68; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
header nav > div.btns > p::before {width:9px; height:3px; right:20px;}
header nav > div.btns > p::after {width:3px; height:9px; right:23px; -moz-transition:ease-out height 0.2s; -ms-transition:ease-out height 0.2s; -o-transition:ease-out height 0.2s; transition:ease-out height 0.2s;}
header nav > div.btns.on > p::after {height:1px;}
header nav > div.btns.sel > p::before,
header nav > div.btns.sel > p::after {background:#fff;}
header nav > .btns.on > p {background:#bccf00; color:#a01f68;}
header nav > .btns.sel {border-bottom-color:#a01f68;}
header nav > .btns.sel > p {background:#a01f68 !important; color:#fff !important;}
header nav > .btns.contact {display:block;}
header nav > .btns.contact img {display:none !important;}
header nav > .btns.newsletter {display:block;}

header nav .btns .lvl1 {position:relative; min-width:0; left:auto; top:auto;}
header nav div.btns:hover .lvl1,
header nav div.btns.hover .lvl1 {left:auto; top:auto; transform:none; -webkit-transform:none; -ms-transform:none; overflow:hidden;}
header nav .btns .lvl1 > .bg {min-width:0; padding:0px; border-left:5px solid #bccf00; background:none; overflow:hidden; max-height:0 !important; -moz-transition:ease-in max-height 0.2s !important; -ms-transition:ease-in max-height 0.2s !important; -o-transition:ease-in max-height 0.2s !important; transition:ease-in max-height 0.2s !important;}
header nav .btns.sel .lvl1 > .bg {border-left:5px solid #a01f68 !important;}
header nav .btns.on .lvl1 > .bg {max-height:300px !important; -moz-transition:ease-out max-height 0.5s !important; -ms-transition:ease-out max-height 0.5s !important; -o-transition:ease-out max-height 0.5s !important; transition:ease-out max-height 0.5s !important;}
header nav .btns.elev.on .lvl1 > .bg {max-height:130px !important;}
header nav .btns .lvl1 > .bg .btns {display:block; position:relative; padding:10px 20px 10px 60px; margin-bottom:0px; font-size:14px; font-weight:500; background:none; color:#a01f68; text-transform:none; white-space:normal; cursor:pointer;}
header nav .btns .lvl1 > .bg .btns.over:hover {background:#bccf00; color:#a01f68;}
header nav .btns .lvl1 > .bg .btns.sel {background:#a01f68; color:#fff;}
header nav .btns .lvl1 div.btns {cursor:default;}
header nav > div.btns .lvl1::after {display:none;}
header nav .btns .lvl1 > .bg::after {display:none;}

header nav > .btns.elev:hover .lvl1, 
header nav > .btns.elev.hover .lvl1 {right:auto !important;}
}
@media screen and (max-width: 500px) {
header .logo p span {font-size:13px;}
}
@media screen and (max-width: 450px) {
header .logo p {padding-top:10px !important; font-size:26px !important; line-height:35px !important;}
header .logo p span {display:none;}
}
@media screen and (max-width: 400px) {
header nav > .btns > p {padding:10px 30px 10px 15px !important;}
header nav > div.btns > p::before {right:10px;}
header nav > div.btns > p::after {right:13px;}
header nav .btns .lvl1 > .bg .btns {padding:10px 20px 10px 30px;}
}
@media screen and (max-width: 360px) {
header .logo p {padding-top:5px !important; font-size:25px !important; line-height:25px !important;}
header .logo p > br {display:block;}
}
@media screen and (max-width: 200px) {
header .navm {width:40px;}
header .navm div {width:30px; height:30px; left:5px;}
}



/*---------------------------------------- MIDDLE ------------------------------------------------*/

main {display:table-row; position:relative; height:100%; z-index:10;}
main .middle {position:relative; height:100%; padding-bottom:100px; z-index:15;}
main .cmsContenu {height:100%;}

.cmsContenu .cms_diaporama {font-size:0;}
.cmsContenu .cms_diaporama .thumb,
.cmsContenu .cms_diaporama .plus {position:relative; display:inline-block; vertical-align:top;}
.cmsContenu .cms_slider .slider {overflow:hidden;}


/* -------------------- INPUT --------------------------*/
.main input,
.main textarea,
.main select {max-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

.main input[type="text"],
.main input[type="password"],
.main input[type="tel"],
.main input[type="number"], 
.main textarea,
.main select {display:block; width:100%;}
.main textarea { overflow:auto; resize:vertical; text-align:left;}
.main input[type="checkbox"],
.main input[type="radio"] {vertical-align:middle; margin:0; padding:0;}

.main input[type="submit"],
.main input[type="button"] {display:block; cursor:pointer;}

.main .successMsg {text-align:center; margin-bottom:20px;}
.main .successMsg span {display:inline-block; padding-left:28px; font-size:14px; font-weight:bold; color:#060; line-height:19px; text-align:left; background:url(/images/global/icon_success.png) no-repeat left top;}
.main .errMsg {margin-bottom:20px; padding:5px; border:1px solid #900; color:#900; text-align:center;}
.main .errMsg span {display:inline-block; font-size:14px; color:#900; line-height:normal; text-align:left;}
.main .errMsg span a {font-size:14px; color:#900; line-height:normal; text-decoration:none;}


/*-------------------------------------- DIAPORAMA / IMG AGRAND ---------------------------------------------*/

body > .diaporama {clear:both; position:fixed; left:0px; top:0px; width: 100%; height:100%; text-align:center; visibility:hidden; background:#f8f8f8; z-index:600000; cursor:pointer;}
body > .diaporama.one {cursor:url('/images/global/loupe_zoomout.cur'), auto;}
body > .diaporama .middle {display:inline-block; height:100%; max-height:100%; padding:0; text-align:center; vertical-align:middle;}
body > .diaporama:not(.one) .middle {padding-bottom:41px;}
body > .diaporama .middle:before {content:""; display:inline-block; height:100%; vertical-align:middle;}
body > .diaporama .middle img {opacity:0; transition:opacity 0.5s ease-out; vertical-align:middle; max-width:100%; max-height:100%; width:auto; height:auto; cursor:default;}
body > .diaporama.one .middle img {cursor:url('/images/global/loupe_zoomout.cur'), auto;}
body > .diaporama .middle img.loaded {opacity:1;}
body > .diaporama .middle .error {vertical-align:middle; font-size:14px; color:#CC0003;}
body > .diaporama .description {position:absolute; width:100%; height:auto; left:0; top:0; padding:20px; text-align:center; font-size:18px; font-weight:600; cursor:default;}
body > .diaporama .description div {display:inline-block; max-width:800px; text-align:left;}
body > .diaporama .bottom {position:absolute; width:100%; height:34px; left:0; bottom:5px; text-align:center; font-size:0; cursor:default;}
body > .diaporama .bottom .counter {display:inline-block; height:34px; padding:0 15px; margin:0 1px; background-color:#5e5e5e; color:#fff; line-height:35px; font-family:Verdana; font-size:12px; text-align:center; vertical-align:top; cursor:default;}
body > .diaporama .bottom .btn {display:inline-block; position:relative; width:34px; height:34px; vertical-align:top; background-color:#5e5e5e; cursor:pointer;}
body > .diaporama .bottom .btn:hover {background-color:#444;}
body > .diaporama .bottom .btn.prev {border-radius:50% 0 0 50%;}
body > .diaporama .bottom .btn.next {border-radius:0 50% 50% 0;}
body > .diaporama .bottom .btn.close {margin-left:15px; width:24px; height:24px; border-radius:50%; vertical-align:bottom;}
body > .diaporama .bottom .btn svg {position:absolute; display:block; left:50%; top:50%; transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%);}


/*---------------------------------------- CONTENU CMS ------------------------------------------------*/

.cmsContenu .cms_all {z-index:10;}
.cms_bloc {z-index:1;}
.sct.section,
.sct.contenu {min-width:40px; min-height:1px; word-wrap:break-word;}
.sct .insection {display:block; position:relative; text-decoration:none; color:inherit; z-index:1;}
.sct .insection:before,
.sct .insection:after {content:''; display:table; height:0; margin:0;}
.sct.link > .insection {cursor:pointer;}
.sct.center {margin-left:auto !important; margin-right:auto !important; /*overflow:hidden;*/}
.sct.aright {margin-left:auto !important;}
.sct.left {margin-left:0 !important; margin-right:auto !important;}
.sct.right {margin-left:auto !important; margin-right:0 !important;}
.sct.section.fill {margin-top:0 !important; margin-bottom:0 !important;}
.sct.section.fill.global {height:100% !important;overflow:hidden;}
.sct.section.fill,
.sct.section.fill > .insection,
.sct.section.fill > .insection > .stable,
.sct.column.fill > .insection,
.sct.column.fill {height:100%;}
.sct.sinline {font-size:0; text-align:center;}
.sct.cinline {display:inline-block; vertical-align:top; text-align:left;}

.sct .stable {display:table; width:100%; table-layout:fixed; min-width:40px; height:1px;}
.sct .stable .column {display:table-cell; min-width:40px; vertical-align:top;}
.sct .stable .column.mid {vertical-align:middle;}
.sct .stable .column.bot {vertical-align:bottom;}
.sct .stable .interleft {display:table-cell; width:0;}

main .sct.trho,
main .bloc.trho > .insection {transition:background-color 0.2s ease-out, color 0.2s ease-out;}


/*-------------------------------------- CUSTOM -----------------------------------------------*/

main .fleft {float:left;}

main .degtranstovert {
background:none;
background:-webkit-linear-gradient(top,rgba(242,245,203,0), rgba(242,245,203,1));
background:-moz-linear-gradient(top,rgba(242,245,203,0), rgba(242,245,203,1));
background:-o-linear-gradient(top,rgba(242,245,203,0), rgba(242,245,203,1));
background:linear-gradient(to bottom,rgba(242,245,203,0), rgba(242,245,203,1));
}
main .degtranstovertinv {
background:none;
background:-webkit-linear-gradient(bottom,rgba(242,245,203,0), rgba(242,245,203,1));
background:-moz-linear-gradient(bottom,rgba(242,245,203,0), rgba(242,245,203,1));
background:-o-linear-gradient(bottom,rgba(242,245,203,0), rgba(242,245,203,1));
background:linear-gradient(to top,rgba(242,245,203,0), rgba(242,245,203,1));
}
main .degblctovert {
background:none;
background:-webkit-linear-gradient(top,rgba(255,255,255,1), rgba(242,245,203,1));
background:-moz-linear-gradient(top,rgba(255,255,255,1), rgba(242,245,203,1));
background:-o-linear-gradient(top,rgba(255,255,255,1), rgba(242,245,203,1));
background:linear-gradient(to bottom,rgba(255,255,255,1), rgba(242,245,203,1));
}
main .degblctovertinv {
background:none;
background:-webkit-linear-gradient(bottom,rgba(255,255,255,1), rgba(242,245,203,1));
background:-moz-linear-gradient(bottom,rgba(255,255,255,1), rgba(242,245,203,1));
background:-o-linear-gradient(bottom,rgba(255,255,255,1), rgba(242,245,203,1));
background:linear-gradient(to top,rgba(255,255,255,1), rgba(242,245,203,1));
}
main .degH_LGtoVIOtoLG {
background:none;
background:-webkit-linear-gradient(left,#f2f5cb, #a01f68, #f2f5cb);
background:-moz-linear-gradient(left,#f2f5cb, #a01f68, #f2f5cb);
background:-o-linear-gradient(left,#f2f5cb, #a01f68, #f2f5cb);
background:linear-gradient(to right,#f2f5cb, #a01f68, #f2f5cb);
}

main .pictobarque::after {position:absolute; content:''; width:90px; height:45px; left:20px; top:-33px; background:url(/images/global/picto-barque.png) no-repeat; pointer-events:none;}
main .pictofille::after {position:absolute; content:''; width:72px; height:52px; left:20px; top:-52px; background:url(/images/global/picto-fillette.png) no-repeat; pointer-events:none;}
main .pictoalentour::after {position:absolute; content:''; width:50px; height:46px; left:20px; top:-46px; background:url(/images/global/picto-alentour.png) no-repeat; pointer-events:none;}
main .pictoane::after {position:absolute; content:''; width:56px; height:51px; left:20px; top:-51px; background:url(/images/global/picto-ane.png) no-repeat; pointer-events:none;}
main .pictocontact::after {position:absolute; content:''; width:49px; height:40px; left:20px; top:-40px; background:url(/images/global/picto-contact.png) no-repeat; pointer-events:none;}

main .tracecamping > .insection {padding-right:33% !important; min-height:370px; background:url(/images/global/trace-camping.png) no-repeat right top; background-size:32.26666667%}
main .traceroulotte > .insection {padding-right:33% !important; min-height:380px; background:url(/images/global/trace-roulotte.png) no-repeat right top; background-size:31.46666667%}
main .tracecar > .insection {padding-right:34% !important; min-height:300px; background:url(/images/global/trace-campingcar.png) no-repeat right top; background-size:32.8%}
main .tracemaison > .insection {padding-right:34% !important; min-height:360px; background:url(/images/global/trace-gite.png) no-repeat right top; background-size:33.333333333%}

main .homepictocamping h2,
main .homepictoane h2,
main .homepictofille h2 {line-height:0.8 !important;}
main .homepictocamping::after {position:absolute; content:''; width:76px; height:39px; right:10px; bottom:0px; background:url(/images/global/picto-camping.png) no-repeat;}
main .homepictoane::after {position:absolute; content:''; width:56px; height:51px; right:10px; bottom:0px; background:url(/images/global/picto-ane.png) no-repeat;}
main .homepictofille::after {position:absolute; content:''; width:72px; height:52px; right:10px; bottom:0px; background:url(/images/global/picto-fillette.png) no-repeat;}

main .polaombre > .insection {
background-color:#fff;
-moz-box-shadow: -1px 2px 6px 0px #656565;
-webkit-box-shadow: -1px 2px 6px 0px #656565;
-o-box-shadow: -1px 2px 6px 0px #656565;
box-shadow: -1px 2px 6px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=243, Strength=6);
}
@media screen and (max-width: 900px) {	
main .polaombre > .insection span {font-size:22px !important;}
}

/*-------------------------------------- DIVERS + ANIM TRANSITION -----------------------------------------------*/

a.globallink {position:absolute; display:block; width:100%; height:100%; left:0; top:0; z-index:5;}



body .anim {opacity:1; -webkit-transform:none; -ms-transform:none; transform:none; transition-property:all; transition-duration:0.6s; transition-timing-function:ease;}
body .global.anim {transition-duration:0.3s;}
body .anim.t1 {opacity:0;}
body .anim.t2 {opacity:0; -webkit-transform: translate(0, 200px); -ms-transform: translate(0, 200px); transform: translate(0, 200px);}
body .anim.t2.s {-webkit-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px);}
body .anim.t3 {opacity:0; -webkit-transform: translate(-200px, 0); -ms-transform: translate(-200px, 0); transform: translate(-200px, 0);}
body .anim.t4 {opacity:0; -webkit-transform: translate(200px, 0); -ms-transform: translate(200px, 0); transform: translate(200px, 0);}
body .anim.t5 {opacity:0; -webkit-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5);}
body .anim.t6 {opacity:0; -webkit-transform: scale(0.3, 1); -ms-transform: scale(0.3, 1); transform: scale(0.3, 1);}
body .anim.t7 {opacity:0; -webkit-transform: scale(1, 0.3); -ms-transform: scale(1, 0.3); transform: scale(1, 0.3);}

.photoCursor {cursor:url('/images/global/loupe_zoomin.cur'), auto;}

body.main.nl5 .cms_slider div {display:none !important;}
body.main .cms_slider {transition:all .3s ease;}
body.main.nl5 .cms_slider {max-height:0;}

.main .cms_formulaire .sending {display:none;}


/*-------------------------------------- NOSCRIPT -----------------------------------------------*/
.nojs_slider_img {position:absolute; left:0; top:0;}

/*-------------------------------------- FOOTER -----------------------------------------------*/

footer {display:table-row; position:relative; height:1px; z-index:200;}
footer .inner {color:#000; z-index:200; font-size:16px;}
footer .inner .barrebas {position:absolute; width:100%; height:60px; left:0; bottom:0; background:#a01f68; z-index:1;}

footer .inner .globalcenter.top {padding:25px 25px 20px; background:#bccf00; z-index:20;}
footer .inner .globalcenter .feuille {position:absolute; width:60px; height:50px; left:-56px; top:-46px; background:url(/images/global/footer-feuille.png) no-repeat; z-index:2;}
footer .inner .globalcenter .barre {position:absolute; width:100%; height:4px; left:0; top:0; z-index:1;
background:#bccf00;
background:-webkit-linear-gradient(left,#bccf00, #a01f68, #bccf00);
background:-moz-linear-gradient(left,#bccf00, #a01f68, #bccf00);
background:-o-linear-gradient(left,#bccf00, #a01f68, #bccf00);
background:linear-gradient(to right, #bccf00, #a01f68, #bccf00);}

footer .inner .globalcenter.bas {padding:0px 5px; background:#a01f68; color:#fff; z-index:20; text-align:center;}
footer .inner .globalcenter.bas a.link {display:inline-block; margin:0 20px; padding:6px 10px; /*background-color:rgba(0,0,0,0.02);*/ color:inherit; font-size:14px; line-height:20px; text-decoration:none !important; vertical-align:bottom; transition:background-color 0.3s ease-out;}
footer .inner .globalcenter.bas a.link:hover {background-color:rgba(255,255,255,0.3);}
footer .inner .globalcenter.bas .txt {float:left; padding:6px 0px; font-size:14px; line-height:20px; vertical-align:bottom;}
footer .inner .globalcenter.bas .txt a {text-decoration:none; color:inherit;}
footer .inner .globalcenter.bas .right {float:right; /*width:40%;*/ text-align:right;}
footer .inner .globalcenter.bas .right .ecoweb {display:inline-block; padding:6px 0 6px 35px; font-size:10px; line-height:10px; background:url(/images/global/ecoweb.png) no-repeat left center; color:#fff; text-decoration:none; text-align:left; font-family:Arial;}
footer .inner .globalcenter.bas .right .ecoweb:hover {text-decoration:underline;}

footer .inner .globalcenter.top .social {position:absolute; right:10px; top:-31px; font-size:0; z-index:15;}
footer .inner .globalcenter.top .social .btn {float:left; display:block; position:relative; margin-right:20px; width:44px; height:44px; border-radius:50%; background-color:#a01f68; background-repeat:no-repeat;}
footer .inner .globalcenter.top .social .btn:hover::after {content:''; position:absolute; width:44px; height:44px; left:-2px; top:-2px; border:2px solid #bccf00; border-radius:50%;}
footer .inner .globalcenter.top .social .btn.fb {background-image:url(/images/global/facebook.png); background-position:14px 10px;}
footer .inner .globalcenter.top .social .btn.insta {background-image:url(/images/global/instagram.png); background-position:center;}

footer .inner .globalcenter.top .foractu {position:absolute; width:100%; right:0; top:-30px; text-align:center; font-size:0; z-index:12;}
footer .inner .globalcenter.top .foractu .actu {display:inline-block; position:relative; height:30px; padding:6px 25px 0; font-size:16px; font-weight:500; color:#fff; background-color:#a01f68; line-height:20px; text-decoration:none; white-space:nowrap;}
footer .inner .globalcenter.top .foractu .actu span {position:relative; display:inline-block; z-index:2;}
footer .inner .globalcenter.top .foractu .actu p {position:absolute; height:3px; left:10px; right:10px; bottom:0; background:#bccf00; z-index:1; transition:all 0.3s ease-out;}
footer .inner .globalcenter.top .foractu .actu:hover p {left:25px; right:25px;}

footer .inner .globalcenter.top .left {float:left; color:#6d2e52;}
footer .inner .globalcenter.top .left .nom {font-size:35px; font-family:'GrandHotel',sans-serif; line-height:30px;}
footer .inner .globalcenter.top .left .phr {font-size:20px; margin-bottom:20px; /*font-family:'GrandHotel',sans-serif;*/ line-height:30px;}
footer .inner .globalcenter.top .left .tel {display: inline-block; padding-left: 26px; background: url(/images/global/tel.png) no-repeat left 1px; font-size:18px; font-weight:600; line-height:19px; text-align: left;}
footer .inner .globalcenter.top .left .tel a {display: inline-block; text-decoration: none; color:#6d2e52;}
footer .inner .globalcenter.top .right {float:right; padding-top:25px;}
footer .inner .globalcenter.top .right .logos {font-size:0;}
footer .inner .globalcenter.top .right .logos img {display:inline-block; margin-left:25px;}
footer .inner .globalcenter.top .right .logos img:first-child {margin-left:0;}

@media screen and (max-width: 1422px) {
footer .inner .globalcenter .feuille {display:none;}
}
@media screen and (max-width: 1080px) {
footer .inner .globalcenter.top {padding:40px 25px 20px;}
footer .inner .globalcenter.top .left {float:none; text-align:center;}
footer .inner .globalcenter.top .left .nom,
footer .inner .globalcenter.top .left .phr {display:inline-block;}
footer .inner .globalcenter.top .left .nom::after {content:" "; white-space: pre;}
footer .inner .globalcenter.top .right {float:none; margin-top:20px; text-align:center;}
}
@media screen and (max-width: 800px) {
footer .inner .globalcenter.top .foractu {width:auto; right:auto; left:30px; text-align:left;}
footer .inner .globalcenter.top .right .logos img {height:56px; width:auto;}
}
@media screen and (max-width: 600px) {
footer .inner .globalcenter.top .right .logos img {height:45px; width:auto;}
}
@media screen and (max-width: 440px) {
footer .inner .globalcenter.top .foractu {left:10px;}
footer .inner .globalcenter.top .social {right:0px;}
footer .inner .globalcenter.top .social .btn {margin-right:10px;}
footer .inner .globalcenter.top .right .logos img {margin-left:15px; margin-bottom:10px;}
}
@media screen and (max-width: 380px) {
footer .inner .globalcenter.bas {text-align:left;}
footer .inner .globalcenter.bas .txt {width:100%;}
footer .inner .globalcenter.bas a.link {margin:0 20px 0 0; padding:6px 5px}
footer .inner .globalcenter.top .right .logos img {margin:0px 5px 10px;}
footer .inner .globalcenter.top .foractu {left:0px;}
footer .inner .globalcenter.top .foractu .actu {padding:6px 12px 0;}
footer .inner .globalcenter.top .foractu .actu p {left:5px; right:5px;}
}
@media screen and (max-width: 300px) {
footer .inner .globalcenter.top {padding:50px 25px 20px;}
footer .inner .globalcenter.bas {text-align:center;}
footer .inner .globalcenter.bas .right {width:100%; text-align:center;}
footer .inner .globalcenter.bas a.link {margin:0;}
footer .inner .globalcenter.top .foractu {width:50%;}
footer .inner .globalcenter.top .foractu .actu {padding:5px 20px 5px 10px; height:auto; font-size:14px; line-height:18px; white-space:normal; border-radius:0 28px 28px 0;}
footer .inner .globalcenter.top .foractu .actu p {display:none;}
}





/*-------------------------------------- LOADING ---------------------------------------------*/

.loader {position:absolute !important;left:50%; top:50%; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%);}

.loadcarre {width:30px; height:30px;}
.loadcarre div {width:8px; height:8px; background-color:#999; float:left; margin:1px 0 0 1px; opacity:0.5; transform:scale3D(0.2, 0.2, 1); animation:loadcarre 2s infinite ease-in-out;}
.loadcarre.xl {width:45px; height:45px;}
.loadcarre.xl div {width:14px; height:14px;}
.loadcarre div:nth-child(1) {animation-delay:0s;}
.loadcarre div:nth-child(2) {animation-delay:0.1s;}
.loadcarre div:nth-child(3) {animation-delay:0.2s;}
.loadcarre div:nth-child(4) {animation-delay:0.3s;}
.loadcarre div:nth-child(5) {animation-delay:0.4s;}
.loadcarre div:nth-child(6) {animation-delay:0.5s;}
.loadcarre div:nth-child(7) {animation-delay:0.6s;}
.loadcarre div:nth-child(8) {animation-delay:0.7s;}
.loadcarre div:nth-child(9) {animation-delay:0.8s;}
@keyframes loadcarre {
0%, 100% {transform:scale3D(0.2, 0.2, 1); opacity:0.5;}
35%, 70% {transform:scale3D(1, 1, 1); opacity:1;}
}

.loadspinbar {width:32px;height:32px;}
.loadspinbar div {transform-origin:16px 16px;animation:loadspinbar 1.2s linear infinite;}
.loadspinbar div:after {content:" ";display:block;position:absolute;top:0px;left:14.5px;width:3px;height:9px;border-radius:2px;background:#999;}
.loadspinbar.xl {width:64px;height:64px;}
.loadspinbar.xl div {transform-origin:32px 32px;}
.loadspinbar.xl div:after {top:0px;left:29.5px;width:5px;height:16px;border-radius:3px;}
.loadspinbar div:nth-child(1) {transform:rotate(0deg);animation-delay:-1.1s;}
.loadspinbar div:nth-child(2) {transform:rotate(30deg);animation-delay:-1s;}
.loadspinbar div:nth-child(3) {transform:rotate(60deg);animation-delay:-0.9s;}
.loadspinbar div:nth-child(4) {transform:rotate(90deg);animation-delay:-0.8s;}
.loadspinbar div:nth-child(5) {transform:rotate(120deg);animation-delay:-0.7s;}
.loadspinbar div:nth-child(6) {transform:rotate(150deg);animation-delay:-0.6s;}
.loadspinbar div:nth-child(7) {transform:rotate(180deg);animation-delay:-0.5s;}
.loadspinbar div:nth-child(8) {transform:rotate(210deg);animation-delay:-0.4s;}
.loadspinbar div:nth-child(9) {transform:rotate(240deg);animation-delay:-0.3s;}
.loadspinbar div:nth-child(10) {transform:rotate(270deg);animation-delay:-0.2s;}
.loadspinbar div:nth-child(11) {transform:rotate(300deg);animation-delay:-0.1s;}
.loadspinbar div:nth-child(12) {transform:rotate(330deg);animation-delay:0s;}
@keyframes loadspinbar {
0% {opacity:1;}
100% {opacity:0;}
}

.loadspinpt {width:32px;height:32px;}
.loadspinpt div {transform-origin:16px 16px;animation:loadspinpt 1.2s linear infinite;}
.loadspinpt div:after {content:" ";display:block;position:absolute;top:0px;left:13.5px;width:5px;height:5px;border-radius:50%;background:#999;}
.loadspinpt.xl {width:64px;height:64px;}
.loadspinpt.xl div {transform-origin:32px 32px;}
.loadspinpt.xl div:after {top:0px;left:26.5px;width:11px;height:11px;}
.loadspinpt div:nth-child(1) {transform:rotate(0deg);animation-delay:-1.1s;}
.loadspinpt div:nth-child(2) {transform:rotate(30deg);animation-delay:-1s;}
.loadspinpt div:nth-child(3) {transform:rotate(60deg);animation-delay:-0.9s;}
.loadspinpt div:nth-child(4) {transform:rotate(90deg);animation-delay:-0.8s;}
.loadspinpt div:nth-child(5) {transform:rotate(120deg);animation-delay:-0.7s;}
.loadspinpt div:nth-child(6) {transform:rotate(150deg);animation-delay:-0.6s;}
.loadspinpt div:nth-child(7) {transform:rotate(180deg);animation-delay:-0.5s;}
.loadspinpt div:nth-child(8) {transform:rotate(210deg);animation-delay:-0.4s;}
.loadspinpt div:nth-child(9) {transform:rotate(240deg);animation-delay:-0.3s;}
.loadspinpt div:nth-child(10) {transform:rotate(270deg);animation-delay:-0.2s;}
.loadspinpt div:nth-child(11) {transform:rotate(300deg);animation-delay:-0.1s;}
.loadspinpt div:nth-child(12) {transform:rotate(330deg);animation-delay:0s;}
@keyframes loadspinpt {
0% {opacity:1;}
100% {opacity:0;}
}

.loadpttoright {width:33px;height:7px;}
.loadpttoright div {position:absolute;top:0px;width:7px;height:7px;border-radius:50%;background:#999;animation-timing-function:cubic-bezier(0, 1, 1, 0);}
.loadpttoright div:nth-child(1) {left:1px;animation:loadpttoright1 0.6s infinite;}
.loadpttoright div:nth-child(2) {left:1px;animation:loadpttoright2 0.6s infinite;}
.loadpttoright div:nth-child(3) {left:13px;animation:loadpttoright2 0.6s infinite;}
.loadpttoright div:nth-child(4) {left:25px;animation:loadpttoright3 0.6s infinite;}
@keyframes loadpttoright1 {
0% {transform:scale(0);}
100% {transform:scale(1);}
}
@keyframes loadpttoright3 {
0% {transform:scale(1);}
100% {transform:scale(0);}
}
@keyframes loadpttoright2 {
0% {transform:translate(0, 0);}
100% {transform:translate(12px, 0);}
}
.loadpttoright.xl {width:64px;height:11px;}
.loadpttoright.xl div {width:11px;height:11px;}
.loadpttoright.xl div:nth-child(1) {left:6px;animation:loadpttorightxl1 0.6s infinite;}
.loadpttoright.xl div:nth-child(2) {left:6px;animation:loadpttorightxl2 0.6s infinite;}
.loadpttoright.xl div:nth-child(3) {left:26px;animation:loadpttorightxl2 0.6s infinite;}
.loadpttoright.xl div:nth-child(4) {left:46px;animation:loadpttorightxl3 0.6s infinite;}
@keyframes loadpttorightxl1 {
0% {transform:scale(0);}
100% {transform:scale(1);}
}
@keyframes loadpttorightxl3 {
0% {transform:scale(1);}
100% {transform:scale(0);}
}
@keyframes loadpttorightxl2 {
0% {transform:translate(0, 0);}
100% {transform:translate(20px, 0);}
}

.loadptzoom {width:35px;height:9px;text-align:center;font-size:0;}
.loadptzoom div {display:inline-block;width:9px;height:9px;margin:0 1px;background-color:#999;border-radius:100%;animation:loadptzoom 1.4s infinite ease-in-out both;}
.loadptzoom.xl {width:59px;height:13px;}
.loadptzoom.xl div {width:13px;height:13px;margin:0 3px;}
.loadptzoom div:nth-child(1) {animation-delay:-0.32s;}
.loadptzoom div:nth-child(2) {animation-delay:-0.16s;}
@keyframes loadptzoom {
0%, 80%, 100% {-webkit-transform:scale(0);transform:scale(0);}
40% {-webkit-transform:scale(1.0);transform:scale(1.0);}
}



/*---------------------------------------- RGPD ------------------------------------------------*/

.rgpd {position:fixed; width:100%; height:auto; left:0; bottom:-200px; z-index:10000; transition:bottom 0.6s ease-out; -webkit-transition:bottom 0.6s ease-out;}
.rgpd.on {transition:bottom 0.6s ease-out; -webkit-transition:bottom 0.6s ease-out;/* bottom:0px !important;*/}
.rgpd .bord {width:100%; height:8px;
background:rgba(0,0,0,0.30);
background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.20),rgba(0,0,0,0));
background:-moz-linear-gradient(bottom,rgba(0,0,0,0.20),rgba(0,0,0,0));
background:-o-linear-gradient(bottom,rgba(0,0,0,0.20),rgba(0,0,0,0));
background:linear-gradient(to top,rgba(0,0,0,0.20),rgba(0,0,0,0));
}
.rgpd .in {width:100%; background:#f4f4f4;}
.rgpd .in .c {max-width:800px; margin:0 auto; padding:10px; background:#f4f4f4; font-family:Verdana; color:#444; line-height:normal;}
.rgpd .in .c .t {display:table; width:100%; table-layout:fixed;}
.rgpd .in .c .l {display:table-cell;}
.rgpd .in .c .l .l1 {font-size:12px; font-weight:bold;}
.rgpd .in .c .l .l2 {font-size:11px; text-align:justify;}
.rgpd .in .c .r {display:table-cell; width:260px; padding-left:30px; text-align:right; font-size:0; vertical-align:middle;}
.rgpd .in .c .r .ask {display:inline-block; padding-left:18px; line-height:18px; font-size:11px; cursor:pointer; vertical-align:middle;}
.rgpd .in .c .r .ask::before {content:''; position:absolute; width:8px; height:8px; left:0; top:5px; border:1px solid #aaa; z-index:1;}
.rgpd .in .c .r .ask.on::after {content:''; position:absolute; width:11px; height:13px; left:0; top:2px; background:url(/images/global/icon_check.png) no-repeat; z-index:2}
.rgpd .in .c .r .ok {display:inline-block; margin-left:15px; padding:4px 15px; line-height:18px; font-size:12px; font-weight:bold; background:#2faa06; color:#fff; cursor:pointer; vertical-align:middle;}

@media screen and (max-width: 600px) {
.rgpd .in .c .t {display:block;}
.rgpd .in .c .l {display:block;}
.rgpd .in .c .r {display:block; padding:0; width:100%; margin-top:15px;}
}
/*---------------------------------------- MEDIA QUERIES ------------------------------------------------*/


/*.main .middle .paginsmall {display:none;}*/
/*.main .middle .pagination {display:none;}*/



/*-------------------------------------- DIV ----------------------------------------------*/


/*.main input::-webkit-input-placeholder,
.main textarea::-webkit-input-placeholder {color:inherit; opacity:0.5; -moz-opacity:0.5; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50);}
.main input::-moz-placeholder,
.main textarea::-moz-placeholder {color:inherit; opacity:0.5; -moz-opacity:0.5; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50);}
.main input:-ms-input-placeholder,
.main textarea:-ms-input-placeholder {color:inherit; opacity:0.5; -moz-opacity:0.5; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50);}*/