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;
background:#c4f0ff;
background:-webkit-linear-gradient(top,#c4f0ff,#f8f4e4);
background:-moz-linear-gradient(top,#c4f0ff,#f8f4e4);
background:-o-linear-gradient(top,#c4f0ff,#f8f4e4);
background:linear-gradient(to bottom,#c4f0ff,#f8f4e4);
}
._bodybgcolor{background:#f6f5ed;}
._midbgcolor{}
._fontall{font-size:14px; color:#444; font-family:'Montserrat', sans-serif; font-weight:400; line-height:1.5;}
._fontfamily{font-size:14px; font-family:'Montserrat', 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;}



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

header {display:table-row; position:relative; z-index:1000;}
header img {display:block; max-width:100%; height:auto;}
header .inner {z-index:1000; background:#f4f4f4;}
header .barre {position:absolute; width:100%; height:5px; bottom:0px; background:#e5ebef; z-index:1;}
header .globalcenter {z-index:1000; font-weight:600;}
header .logoeco {display:block; float:left; margin-left:20px; z-index:1020;}
header .logoeco img {margin:20px 0 0;}
header .logonom {display:block; float:left; /*max-width:25%;*/ margin-left:30px;}
header .logonom img {margin:35px 0 0px;}

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

header nav {display:table; margin:0 0 0 auto; table-layout:fixed; border-spacing:5px 0; border-collapse:separate; text-align:left; z-index:1010;}
header nav > .btns {display:table-cell; position:relative; padding:6px 10px 9px; margin:0; cursor:pointer; text-align:center; text-decoration:none; vertical-align:bottom; text-transform:uppercase; 
font-family:Arial; font-weight:normal; font-size:12px; line-height:16px; color:#708795;}
header nav > .btns svg {display:block;}
header nav > .btns.home {padding:4px 10px 11px;}
header nav > .btns.home p {display:none;}
header nav > .btns img {max-width:none;}
header nav > .btns.over::before {content:''; position:absolute; width:0; height:1px; left:50%; top:0px; background:#b7c4cc; 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 > .btns.over:hover::before {width:100%; left:0; opacity:1;}
header nav > .btns.over::after {content:''; position:absolute; width:0; height:5px; left:50%; bottom:0px; background:#b7c4cc; 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 > .btns.over:hover::after {width:100%; left:0; opacity:1;}
header nav > .btns.br {}
header nav > .btns.sel {cursor:default;}
header nav > .btns.sel::after {content:''; position:absolute; width:100%; height:5px; left:0; bottom:0px; background:#b7c4cc;}

header .navm {position:absolute; display:none; width:30px; height:auto; right:20px; bottom:0px; padding:0;/* background:#e5ebef;*/ cursor:pointer;}
header .navm p {height:5px; margin-bottom:5px; background:#708795;}
header .navm p:last-child {margin-bottom:0;}

.navfixed {display:none; position:fixed; width:100%; height:40px; top:0px; left:0; z-index:8;}
header.fixed {position:fixed; width:100%; height:43px; left:0; top:-43px; transition:top 0.5s ease-out;}
header.fixed.on {top:0;}
header.fixed .logoeco {margin-left:10px;}
header.fixed .logoeco img {max-height:40px; margin:3px 0 0;}
header.fixed .logonom {margin-left:10px;}
header.fixed .logonom img {max-height:30px; margin:8px 0 0px;}

@media screen and (max-width: 1280px) {
header .nav {right:10px;}
}
@media screen and (max-width: 1200px) {
header:not(.fixed) nav > .btns {padding-left:5px; padding-right:5px;}
}
@media screen and (max-width: 1100px) {
header:not(.fixed) .logoeco img {margin:30px 0 0;}
header .logonom {max-width:none;}
header:not(.fixed) .logonom img {margin:16px 0 0;}
header:not(.fixed) .nav {left:171px;}
header:not(.fixed) nav {margin:0; border-spacing:10px 0;}
header:not(.fixed) nav > .btns {padding-left:5px; padding-right:5px;}
}
@media screen and (max-width: 920px) {
header nav {border-spacing:5px 0 !important;}
header nav > .btns {padding-left:5px; padding-right:5px;}
header.fixed .nav {right:5px;}
header.fixed nav {margin:0; border-spacing:5px 0;}
header.fixed nav > .btns {padding-left:3px; padding-right:3px;}
}
@media screen and (min-width: 821px) {
header .nav.off {display:block !important;}
}
@media screen and (max-width: 820px) {
header .navm {display:block;}	

header .nav {position:relative; float:left; width:100% !important; left:0 !important; right:0 !important;}
header .nav.off {display:none;}
header .nav.on {display:block;}
header .nav::before {content:''; position:absolute; width:100%; height:5px; left:0; top:-5px; background:#e5ebef;}
header nav {display:block; table-layout:auto; border-spacing:0 !important;}
header nav > .btns {display:block; padding:10px 40px !important; text-align:left; font-size:14px; border-bottom:1px solid #e5ebef;}
header nav > .btns.home p {display:block;}	
header nav > .btns.home svg {display:none;}
header nav > .btns.over::before,
header nav > .btns.over::after,
header nav > .btns.sel::after {display:none;}
header nav > .btns.sel {padding:10px 40px 10px 35px !important; border-left:5px solid #b7c4cc;}

header:not(.fixed) .logoeco {width:20%; margin-left:4%;}	
header:not(.fixed) .logoeco img {margin:20px 0 0;}
header:not(.fixed) .logonom {width:72%; margin-left:4%; padding-right:80px;}
header:not(.fixed) .logonom img {margin:35px 0 0;}
header.fixed .logonom {float:none; overflow:hidden; height:43px; margin-left:0; padding-left:10px; padding-right:80px;}
header.fixed .navm {bottom:10px;}
}
@media screen and (max-width: 560px) {
header:not(.fixed) .logoeco img {margin:10px 0 0;}
header:not(.fixed) .logonom img {margin:16px 0 0;}
header .navm {right:10px;}
}

@media screen and (max-width: 300px) {
header nav > .btns {padding:10px 20px !important;}
header nav > .btns.sel {padding:10px 20px 10px 15px !important;}
}


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

main {display:table-row; position:relative; height:100%; z-index:10;}
main .middle {position:relative; height:100%; 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 0 41px; text-align:center; vertical-align:middle;}
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; 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;}

main .botcurve {overflow:hidden; border-bottom-left-radius:50% 50px; border-bottom-right-radius:50% 50px;}
main .homeserver::after {position:absolute; content:''; display:block; width:100px; height:73px; left:-50px; top:-28px; background:url(/images/global/home-bas-serveur.png) no-repeat;}
main .homeseo::after {position:absolute; content:''; display:block; width:86px; height:81px; left:-50px; top:-28px; background:url(/images/global/home-bas-seo.png) no-repeat;}
main .homereseau::after {position:absolute; content:''; display:block; width:100px; height:102px; left:-50px; top:-28px; background:url(/images/global/home-bas-reseau.png) no-repeat;}
main .homeproximite::after {position:absolute; content:''; display:block; width:98px; height:100px; left:-50px; top:-22px; background:url(/images/global/home-bas-proximite.png) no-repeat;}

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: all .6s ease;}
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; background-color:#6f8694; }

footer .inner .globalcenter {padding:40px 20px 60px; z-index:20;}
footer .inner .top {margin-bottom:0px;}
footer .inner .top .left {float:left; width:55%; text-align:left;}
footer .inner .top .right {float:right; /*width:40%;*/ text-align:left; color:#fff;}

footer .inner .top .left .titre {font-size:32px; color:#c8eaff; /*font-weight:600;*/ text-align:center;}
footer span {display:inline-block;}



footer form {position:relative; /*max-width:300px;*/ margin:10px auto 0;}
footer form .inner {opacity:0.5; -moz-opacity:0.5; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50);}
footer form input,
footer form textarea {background:rgba(255,255,255,0.70);}

footer form .line {margin-bottom:10px;}
footer form .line .l {float:left; width:43%;}
footer form .line .r {float:right; width:53%;}

footer form input[type="text"],
footer form input[type="email"],
footer form input[type="tel"],
footer form input[type="password"] {display:block; width:100%; height:38px; margin-bottom:8px; padding:8px 5px; background:rgba(255,255,255,0.65); border:1px solid rgba(255,255,255,0.70); font-size:15px; line-height:19px; font-family:'Montserrat'; transition:background 0.5s ease-out, border-color 0.5s ease-out;}
footer form textarea {display:block; width:100%; height:234px; margin-bottom:8px; padding:8px 5px; background:rgba(255,255,255,0.65); border:1px solid rgba(255,255,255,0.70); font-size:15px; line-height:19px; font-family:'Montserrat'; resize:vertical; transition:background 0.5s ease-out, border-color 0.5s ease-out;}
footer form input[type="checkbox"],
footer form input[type="radio"] {margin:0; padding:0; vertical-align:middle;}
footer form label.chk {padding-left:10px;}
footer form select {display:block; width:100%; padding:4px 5px; margin:0 0 5px; background:#fff; border:1px solid #ccc; font-size:14px;}
footer form input[type="submit"],
footer form input[type="button"] {display:block; width:50%; height:38px !important; margin:0 auto; padding:8px 5px; border:1px solid rgba(255,255,255,0.70); background:rgba(255,255,255,0.65); font-family:'Montserrat'; font-size:16px; font-weight:600; text-align:center; cursor:pointer; transition:background-color 0.5s ease-out, border-color 0.5s ease-out; color:#666;}
footer form input[type="submit"]:hover,
footer form input[type="button"]:hover {background:#fff; border-color:#fff; color:#000;}


footer form input[type="text"]::-webkit-input-placeholder,
footer form textarea::-webkit-input-placeholder {color:#777;}
footer form input[type="text"]:-moz-placeholder,
footer form textarea:-moz-placeholder {color:#777; opacity:1;}
footer form input[type="text"]::-moz-placeholder,
footer form textarea::-moz-placeholder {color:#777; opacity:1;}
footer form input[type="text"]:-ms-input-placeholder,
footer form textarea:-ms-input-placeholder {color:#777;}


footer form input[type="text"]:focus,
footer form input[type="email"]:focus,
footer form input[type="tel"]:focus,
footer form input[type="password"]:focus,
footer form input[type="button"]:focus,
footer form input[type="submit"]:focus,
footer form textarea:focus {background:rgba(255,255,255,0.90); border-color:rgba(255,255,255,1.00); outline:none;}

footer form textarea.ville {height:50px;}
footer form textarea.mess {height:234px;}



footer form .ob {margin-top:5px; height:20px; padding-left:5px; text-align:left; font-size:11px; color:#fff; line-height:16px;}
footer form .ob sub {font-size:15px;}
	
footer form .loading {position:absolute; left:0; top:0; width:100%; height:100%; z-index:3000;}
footer form .loading .barre {position:absolute; left:0; right:0; bottom:0; width:50%; height:38px; margin:0 auto; background:rgba(255,255,255,0.60) url(/images/global/loading_barre.gif) no-repeat center; border:1px solid rgba(255,255,255,0.70);}
footer form .loading .send {position:absolute; left:0; right:0; bottom:0; width:50%; height:38px; margin:0 auto; padding:8px 0; font-size:16px; line-height:22px; color:#417A00; text-align:center; background:rgba(255,255,255,0.60); border:1px solid rgba(255,255,255,0.70); cursor:default;}
footer form .loading .send img {display:inline-block; margin-right:5px;}

footer form .error {padding:5px 0 11px; text-align:center; color:#FFCFD0; font-size:14px;}
footer form .error a {text-decoration:underline; color:inherit;}

.custom_select_mask {position:fixed; width:100%; height:100%; left:0; top:0; z-index:90000;}
.custom_select {position:relative; margin-bottom:8px; padding-right:2px; background-color:rgba(255,255,255,0.65); border:1px solid rgba(255,255,255,0.70); transition:background-color 0.5s ease-out, border-color 0.5s ease-out;}
.custom_select.on {background-color:rgba(255,255,255,0.90); border-color:rgba(255,255,255,1.00);}
.custom_select .label {display:block; height:36px; padding:8px 22px 8px 5px; font-size:15px; line-height:19px; background:url(/images/global/icon_select.png) no-repeat right center; cursor:pointer;}
.custom_select .label.placeholder {color:#888;}
.custom_option {position:absolute; left:0px; top:0px; padding-top:0px; z-index:90010;}
.custom_option ul {list-style:none; max-height:500px; overflow:auto; margin:0; padding:0; background:#fff; border:1px solid #fff;}
.custom_option ul li {padding:5px 5px; cursor:pointer; font-family:Tahoma, Arial; font-size:14px; color:#444; word-break:break-all;}
.custom_option ul li:hover {background-color:#3399ff !important; color:#fff !important;}
.custom_option ul:not(:hover) li.sel {background-color:#3399ff; color:#fff !important;}
.custom_option ul li.sel:hover {background-color:#3399ff !important; color:#fff !important;}
.custom_option ul li.disabled {background-color:#fff !important; color:#999 !important; cursor:default;}


footer .texte {border-top:1px solid #ccc; color:#444; font-size:14px;}
footer .texte a {display:inline-block; height:38px; padding:10px 15px; color:#444; text-decoration:none;}
footer .texte a:hover {background:#cfeab5;}

footer img.carte {float:left; margin-right:30px;}
footer .depts {padding-top:10px; overflow:hidden; text-align:left;}
footer .depts .dept {margin-top:5px; white-space:nowrap;}
footer .depts .dept .ville a {font-size:12px; color:inherit; white-space:normal; text-decoration:none;}
footer .vc {color:#b3fa74;}
footer .mt5 {margin-top:5px;}
footer .mt10 {margin-top:10px;}
footer .mt12 {margin-top:12px;}
footer .mt15 {margin-top:15px;}
footer .mt20 {margin-top:20px;}

footer .bas {color:#444; z-index:201; font-size:12px; background-color:#f2fbff; }
footer .bas .globalcenter {padding:0px 20px 0px; z-index:20; text-align:center;}
footer .bas .txt {display:inline-block; margin-left:30px; padding:6px 0px; font-size:12px; vertical-align:bottom;}
footer .bas .txt a {text-decoration:none; color:inherit;}
footer .bas a.link {display:inline-block; padding:6px 10px; background-color:rgba(0,0,0,0.02); color:inherit; font-size:12px; text-decoration:none !important; vertical-align:bottom; transition:background-color 0.5s ease-out;}
footer .bas a.link:hover {background-color:rgba(255,255,255,1.0);}


@media screen and (max-width: 980px) {
footer .inner .top .left .titre {font-size:22px;}
footer .inner .top .left {width:45%;}
footer form .line {margin-bottom:10px;}
footer form .line .l {float:none; width:auto;}
footer form .line .r {float:none; width:auto;}
footer form input[type="text"],
footer form input[type="email"],
footer form input[type="tel"],
footer form input[type="password"] {height:34px; margin-bottom:6px; padding:8px 3px;}
footer form textarea {margin-bottom:5px; padding:8px 3px;}
footer form textarea.mess {height:100px;}
.custom_select {margin-bottom:5px;}
.custom_select .label {height:32px; padding:6px 22px 6px 5px;}
}

@media screen and (max-width: 800px) {
footer .inner .top .left {width:55%;}
footer .inner .top .right {width:38%;}
footer form textarea.mess {height:176px;}
footer img.carte {float:none; display:block; margin:0 0;}
footer .inner .top .right span {display:block;}
footer .depts {padding:0;}
footer .depts .dept:first-child {margin-top:0;}
footer form input[type="submit"],
footer form input[type="button"] {width:60%;}
footer form .loading .barre,
footer form .loading .send {width:60%;}
}
@media screen and (max-width: 600px) {
footer .inner .top .left {float:none; width:auto; max-width:500px; margin:0 auto; padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.50);}
footer .inner .top .right {float:none; width:auto; max-width:500px; margin:30px auto 0;}
footer .inner .top .right .l1 {float:left;}
footer .inner .top .right .l2 {float:right;}
footer .inner .top .right .l1 .logo {margin-top:0px;}
footer .inner .top .right .l2 .tel {margin-top:5px;}
footer .inner .top .right .l2 .city {margin-top:0px;}
footer .inner .top .right .crea {text-align:center;}
footer .inner .top .right .map {margin:15px auto 0; text-align:center;}
footer form textarea.mess {height:100px;}
footer img.carte {display:inline-block; margin-right:20px; vertical-align:top;}
footer .inner .top .right span {display:inline-block;}
footer .depts {display:inline-block; padding-top:10px; vertical-align:top;}
footer .depts .dept:first-child {margin-top:5px;}

footer .bas {color:#444; z-index:201; font-size:12px; background-color:#f2fbff; }
footer .bas .globalcenter {padding:0px 20px 0px; z-index:20; text-align:center;}
footer .bas .txt {display:block; margin-left:0px;}
footer .bas a.link {padding:6px 10px;}
}

@media screen and (max-width: 480px) {
footer .inner .top .right .l1 {float:none; text-align:center;}
footer .inner .top .right .l2 {float:none; text-align:center;}
footer .inner .top .right .l2 .tel {margin-top:15px;}
footer .inner .top .right .l2 .city {margin-top:5px;}
footer form input[type="submit"],
footer form input[type="button"] {width:100%;}
footer form .loading .barre,
footer form .loading .send {left:0; width:100%;}
}



/*-------------------------------------- LOADER ----------------------------------------------*/

#loader {position:fixed; display:flex; width:100%; height:100%; left:0; transition:opacity 0.2s ease-out; z-index:1;}
#loader.off {opacity:0;}
#loader.none {display:none !important;}
#loader .in {width:64px; height:64px; margin:auto; text-align:center;}
#loader .points {
display:block;
position:absolute;
width:64px;
height:64px;
}
#loader .points div {
position: absolute;
top: 27px;
width: 11px;
height: 11px;
border-radius: 50%;
background: #93b930;
}
#loader .points div:nth-child(1) {left: 6px; animation: points1 0.6s infinite;}
#loader .points div:nth-child(2) {left: 6px; animation: points2 0.6s infinite;}
#loader .points div:nth-child(3) {left: 26px; animation: points2 0.6s infinite;}
#loader .points div:nth-child(4) {left: 45px; animation: points3 0.6s infinite;}
#loader.none .points div {animation:none !important;}

@keyframes points1 {
0% {transform: scale(0);}
100% {transform: scale(1);}
}
@keyframes points3 {
0% {transform: scale(1);}
100% {transform: scale(0);}
}
@keyframes points2 {
0% {transform: translate(0, 0);}
100% {transform: translate(19px, 0);}
}
#loader .rond {
display:block;
position:absolute;
width:64px;
height:64px;
}
#loader .rond div {
position: absolute;
background:#93b930;
opacity: 0;
border-radius: 50%;
animation: rond 1.2s ease-out infinite;
animation-delay: 0.3s;
box-shadow: 0 0 10px 0px #93b930;
}
#loader.none .rond div {animation:none !important;}
#loader .rond div:nth-child(2) {animation-delay: 0.9s;}
@keyframes rond {
0% {
top: 32px;
left: 31px;
width: 0;
height: 0;
opacity: 1;
}
50% {
top: 11px;
left: 11px;
width: 42px;
height: 42px;
opacity: 0;
}
}






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