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:#333945;}
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:18px; color:#3A311E; font-family:'Open Sans', sans-serif; font-weight:400; line-height:1.5;}
._fontfamily{font-size:18px; font-family:'Open Sans', sans-serif; font-weight:400; line-height:1.5;}
._fontcolor{color:#3A311E;}
/* end !!!!!!    */
strong,
b {font-weight:700;}
em,
i {font-style:italic;}

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:not(.nobg) {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:1220px; height:100%; margin:0px auto;}



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

header {display:block; position:fixed; width:100%; left:0; top:0; background:#fff; z-index:1000;}
header.abs {display:table-row; position:relative; left:auto; top:auto;}
header .inner {z-index:1000;}
header .inner .xlcenter {max-width:1366px; min-height:106px; margin:0 auto; padding:0; font-weight:400;}

header .barre {width:100%; height:45px; background:#DBDD00; z-index:10;}

header .logo {display:block; position:relative; float:left; width:150px; height:100px; margin-top:1px; margin-left:39px; z-index:100;}
header .logo img {display:block; width:150px; max-width:100%; height:auto; margin:0;}

header .left {overflow:hidden; height:106px; z-index:50;}
header .left .top {position:absolute; right:0; top:0; padding-top:10px; height:49px;}
header .left .top .email {float:right; display:block; margin-right:26px;}
header .left .top .email img {display:block;}
header .left .top .tel {display:block; float:right; margin-right:10px; margin-top:13px; font-size:15px; font-weight:700; text-decoration:none; color:#3A311E;}
header .left .top .espaceadh {float:right; margin-right:132px; margin-top:4px;}
header .left .top .espaceadh a {display:inline-block; padding:8px 30px 9px; text-align:center; color:#333945; font-family:'Open Sans', sans-serif; font-size:12px; line-height:16px; font-weight:700; text-decoration:none; background:url(/images/global/connexion.svg) no-repeat left top; background-size:100% 100%;}


header .nav {position:relative; height:auto; margin-top:49px; overflow:hidden; z-index:10;}

header nav {display:table; height:auto; margin:13px auto 0 130px; table-layout:fixed; border-spacing:20px 0; border-collapse:separate; text-align:left; z-index:1010;}
header nav > .btns {display:table-cell; position:relative; padding:0 10px 10px; margin:0; cursor:pointer; text-align:center; text-decoration:none; vertical-align:middle; text-transform:uppercase; font-size:15px; font-weight:400; line-height:17px; color:#3A311E; z-index:1; -webkit-transition:color ease-out 0.2s; -moz-transition:color ease-out 0.2s; -ms-transition:color ease-out 0.2s; -o-transition:color ease-out 0.2s; transition:color ease-out 0.2s;}
header nav > .regular {font-weight:400 !important;}
header nav > .btns.espace {display:none;}
header nav > div.btns {cursor:default;}
header nav > .btns > span {display:none;}
header nav > .btns .space {display:none;}
header nav > .btns.over:hover {z-index:50;}
header nav > .btns.sel {cursor:default;}

header nav > a.btns::after {content:''; position:absolute; width:0; height:8px; left:50%; bottom:0px; background:#DBDD00; 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.sel::after,
header nav > a.btns:hover::after {width:100%; left:0; opacity:1;}

header .navm {position:absolute; display:none; width:50px; height:50px; right:10px; top:50px; cursor:pointer; z-index:1030;}
header .navm div {position:absolute; width:30px; height:30px; left:10px; top:10px;}
header .navm p {height:6px; margin-bottom:6px; background:#3A311E;}
header .navm p:last-child {margin-bottom:0;}



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

@media screen and (max-width: 1180px) {
header nav {margin-left:50px;}
}
@media screen and (max-width: 1080px) {
header .logo {margin-left:20px;}
header nav {margin-left:30px;}
header .left .top .espaceadh {margin-right:50px;}
}
@media screen and (max-width: 980px) {
header .logo {margin-left:0px;}
header .left .top {padding-top:5px;}
header .left .top .email {margin-right:10px;}
header .left .top .espaceadh {margin-right:30px;}
header .left .top .tel {font-size:14px;}
header nav {margin:13px auto 0; border-spacing:15px 0;}
}
@media screen and (max-width: 910px) {
header nav {border-spacing:10px 0;}
header nav > .btns {padding:0 5px 10px; font-size:14px;}
}

@media screen and (min-width: 801px) {
header .nav.off {display:block !important;}
}
/*------------ MENU MOBILE -----------------*/
@media screen and (max-width: 800px) {
header .left {overflow:visible;}
header .left .top .espaceadh a {padding:8px 20px 9px;}
header .navm {display:block;}
header .nav {position:relative; float:right; width:100% !important; height:auto;}
header .nav.off {display:none;}
header .nav.on {display:block;}
header nav {display:block; height:auto; margin:0px 0 0; table-layout:auto; border-spacing:0 !important; border-top:1px solid #DBDD00;}
header nav > .btns.espace {display:block;}
header nav > .btns {display:block; padding:0; text-align:left; font-size:18px; border-bottom:1px solid #DBDD00;}
header nav > .btns:last-child {border-bottom:0;}
header nav > a.btns::after {display:none !important;}
header nav > div.btns {cursor:pointer;}
header nav > .btns > p {position:relative; padding:10px 20px; text-align:center;}
header nav > .btns br {display:none;}
header nav > .btns .space {display:inline;}
header nav > .btns.sel {border-right:5px solid #DBDD00; border-left:5px solid #DBDD00;}
header nav > .separ {display:none;}
}
@media screen and (max-width: 550px) {
header .left .top .espaceadh {display:none;}
}
@media screen and (max-width: 350px) {
header .left .top .tel {display:none;}
}
@media screen and (max-width: 240px) {
header .navm {right:0;}
}
@media screen and (max-width: 220px) {
header .logo {max-width:50%; margin-top:20px; height:auto;}
header .left .top .email {display:none;}
}

@media screen and (max-height: 560px) {
header .inner .xlcenter {min-height:66px;}
header .left {height:66px;}
header .logo {height:auto; margin-top:0 !important;}
header .logo img {max-height:60px; width:auto;}
header .left .top {display:none;}
header .navm {top:10px;}
header nav {margin-top:22px;}
header .barre {height:5px;}
}



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

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

@media screen and (max-height: 560px) {
main .middle  {padding-top:71px;}
}

.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 .fullwidth {width:100%; max-width:100% !important;}
main .mtfixed {margin-top:63px;}
main .z1000 {z-index:1000;}
main .isfixed {position:fixed; width:100%; max-width:100%; padding:0 0; z-index:1000;}
_:-ms-fullscreen, :root main .iepadd {padding-top:30px;}


main .clc.svgadapt,
main .clc.svgadapt > .insection {background-size:100% 76px !important;}

.ssmenufixe {padding-top:30px;}
.ssmenufixe .tab {display:table; width:100%;}
.ssmenufixe .tab .cell {display:table-cell; vertical-align:top; text-align:center; padding:0 10px 20px; border-bottom:1px solid #707070; cursor:pointer;}
.ssmenufixe .tab .cell.sel {border-bottom:2px solid #C00020; color:#C00020;}
.ssmenufixe .tab .cell:hover {color:#C00020;}

.espaceadherent form {display:block; font-size:0; text-align:center;}
.espaceadherent form input {border:0; border-radius:0; font-family:'Open Sans', sans-serif; font-size:12px; line-height:16px;}
.espaceadherent form .login {display:inline-block; width:165px; height:30px; margin-right:12px; margin-top:3px; padding:0px 15px 5px 15px; background:url(/images/global/login.svg) no-repeat left top; background-size:100% 100%;}
.espaceadherent form .mdp {display:inline-block; width:163px; height:33px; margin-right:17px; padding:0 15px 2px 15px; background:url(/images/global/mdp.svg) no-repeat left top; background-size:100% 100%;}
.espaceadherent form .connexion {display:inline-block; width:127px; height:33px; margin-top:1px; padding:0 0 3px 0; text-align:center; font-weight:700; background:url(/images/global/connexion.svg) no-repeat left top; background-size:100% 100%;}


@media screen and (max-width: 1100px) {
.ssmenufixe .tab .cell {font-size:13px;}
}
@media screen and (max-width: 1000px) {
.ssmenufixe .tab .cell {font-size:12px;}
}
@media screen and (max-width: 900px) {
.ssmenufixe .tab .cell {padding:0 6px 20px;}
}
@media screen and (max-width: 860px) {
main .nomt {margin-top:30px !important;}
main .ssmenu {display:none;}
}
@media screen and (max-width: 600px) {
.espaceadherent form input {display:block !important; margin:0 auto 15px !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 {z-index:200; padding:10px 0; background:#DBDD00; font-size:16px; color:#3A311E;}
footer .inner .xlcenter {max-width:1122px; min-height:100px; margin:0 auto; padding:0 20px;}

footer .inner .right {float:right; margin-top:30px; margin-right:14px; z-index:2;}
footer .inner .right a { color:#3A311E; text-decoration:none;}
footer .inner .right p.esp {font-size:18px; margin-bottom:15px;}
footer .inner .right p.ml {font-size:12px; text-align:right;}
footer .inner .right a:hover {text-decoration:underline;}

footer .inner .logo {float:left; display:block; margin-top:19px;}
footer .inner .logo img {display:block;}

footer .inner .infos {float:left; margin-left:50px; margin-top:30px;}

@media screen and (max-width: 700px) {
footer .inner .right {width:100%; margin:25px 0 0;}
footer .inner .right p.esp {float:left; margin:0;}
footer .inner .right p.ml {float:right; margin-top:8px;}
}
@media screen and (max-width: 520px) {
footer .inner .infos {margin-left:30px; margin-top:10px;}
footer .inner .infos .rue,
footer .inner .infos .ville {display:block;}
footer .inner .infos .tiret {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;}
}

/*---------------------------------------- SHARE EMAIL ------------------------------------------------*/
.shareemailmask {position:fixed; width:100%; height:100%; left:0; top:0; opacity:0; background:rgba(0,0,0,0.80); z-index:900000; transition:opacity 0.3s ease-out;}
.shareemailmask.on {opacity:1;}
.shareemail {position:absolute; width:600px; left:0; right:0; top:300px; margin:0 auto; opacity:0; background:#fff; border:1px solid #000; color:#000; z-index:900010; transition:opacity 0.5s ease-out;}
.shareemail.on {opacity:1;}
.shareemail .top {border-bottom:1px solid #999;}
.shareemail .top .close {position:absolute; width:30px; height:100%; right:0; top:0; border-left:1px solid #999; background:url(/images/global/close_small.png) no-repeat center; cursor:pointer;}
.shareemail .top .close:hover {background-color:#eee;}
.shareemail .top .title {padding:8px 60px 8px 10px; font-size:14px; font-weight:700; line-height:1;}
.shareemail .preview {margin:20px; padding:10px; border:1px solid #aaa; font-family:Verdana; font-size:12px; color:#000; z-index:5;}
.shareemail .preview.load {padding:30px 10px; background:url(/images/global/loading_barre.gif) no-repeat center;}


.shareemail .form {padding:0 20px 20px; font-family:Verdana; font-size:12px; z-index:10;}
.shareemail .form input[type="text"],
.shareemail .form textarea {display:block; width:100%; padding:8px 10px; margin:0 0 12px; font-family:Verdana; font-size:12px; color:#000; background:#eee; border:0;}
.shareemail .form textarea {height:100px;}
.shareemail .form .send {width:120px; margin:0 auto; padding:8px 15px; text-align:center; background:#DBDD00; color:#3A311E; font-weight:bold; cursor:pointer;}
.shareemail .form .send:hover {background:#ced000;}

.shareemail .sending {position:absolute; width:100%; height:100%; left:0; top:0; background-color:#fff; font-family:Verdana; z-index:20;}
.shareemail .sending.load {background:rgba(255,255,255,0.90) url(/images/global/loading_barre.gif) no-repeat center}
.shareemail .sending .msg {margin:30px 20px 30px; text-align:center; font-size:14px; color:#00AD0E; font-weight:bold;}
.shareemail .sending .msg.success {color:#00AD0E;}
.shareemail .sending .msg.error {color:#c00020;}
.shareemail .sending .btns {width:350px; margin:0 auto 30px; padding:8px 15px; text-align:center; background:#DBDD00; color:#3A311E; font-weight:bold; cursor:pointer;}
.shareemail .sending .btns:hover {background:#ced000;}



/*---------------------------------------- MEDIA QUERIES ------------------------------------------------*/


.main .middle .pagination {display:block;}
.main .middle .paginsmall {display:none;}

@media screen and (max-width: 600px) {
.main .middle .pagination {display:none;}
.main .middle .paginsmall {display:block;}
}



/*-------------------------------------- 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);}*/