/*RESPONSIVE HIDE*/
@media (min-width:1024px){.Nordi{display:none!important}}
@media (max-width:1024px) and (min-width:820px){.Ntab2{display:none!important}}
@media (max-width:820px) and (min-width:480px){.Ntab{display:none!important}}
@media (max-width:480px) {.Nmob{display:none!important}}
@media (max-width:320px) {.Nmini{display:none!important}}

/*RESPONSIVE COLONNES*/
.cont-col {width:100%; text-align: center;margin: auto}
.col3{display: inline-block ;padding-inline:0.60%;padding-top: 10px}
@media (min-width:1024px) {.col3{width: 33%!important}}
@media (max-width:1024px) and (min-width:820px){.col3{width:32.9%!important}}
@media (max-width:820px) and (min-width:480px){.col3{width:32.9%!important;min-width:213px}}
@media (max-width:480px) {.col3{width:98%!important}}
.col2{display: inline-block;padding-inline:0.75%;padding-top: 10px}
@media (min-width:1024px) {.col2{width:49.65%!important}}
@media (max-width:1024px) and (min-width:820px){.col2{width:49.65%}}
@media (max-width:820px) and (min-width:480px){.col2{width:49.5%!important}}
@media (max-width:480px) {.col2{width:98%!important}}

/*BODY*/
body, html {height: 100%; width: 100%; min-width:320px; padding-left:0%; padding-right:0%;
font-family: "Kanit",sans-serif; color:#3b4244!important; line-height:1;font-weight:300;
overflow:auto; margin:0;-webkit-text-size-adjust:90%; text-size-adjust:90%}
.w3-body {width:94%; max-width:1024px;padding:auto;margin:auto}
.w3-header {width:98%; max-width:1024px;padding:auto;margin:auto;display:run-in}
.bodynav {height:60px;width:100%; max-width:1070px;padding:auto;margin:auto}

/* HEAD */  
header{padding-top:10px!important; color:white;background-color:#286579!important;text-shadow: 0px 0px 4px #000000!important; width: 100%;box-shadow: 0px 3px 9px #00000095!important}
.logo {margin-left:1%;width: 90px; height:90px;margin-bottom:0px;-webkit-filter:drop-shadow(0px 2px 4px #00000060);filter: 
drop-shadow(0px 2px 4px #00000060)}
.dlog {padding-top:65px; margin-bottom: -10px!important}
.logoagr {width:90px; height:90px;margin-top:10px}
.imgauto {width:100%; height:auto}
.w3-jumbo{font-size:60px!important;font-weight: 600;vertical-align: middle}

.bgimg, .instt {background-position:center; vertical-align:bottom; background-size: cover}
@media (min-width:820px){.bgimg{height:560px}}
@media (max-width:820px) and (min-width:480px) {.bgimg{height:540px}}
@media (max-width:480px) and (min-width:360px) {.bgimg{height:530px}}
@media (max-width:360px) {.bgimg{height:530px}}

.sheadi,.shead {font-weight:400}
.h2 {display:grid;align-items:center}
.h1 {display:grid;align-items:center}

@media (min-width:820px) {.shead{height:280px} .i{height:235px!important} .h1{height:30px!important} .h1i{height: 10px!important} .h2{height:5px!important} .h2i{height: 25px!important}}
@media (max-width:820px) and (min-width:480px){.shead{height:325px} .i{height:290px!important} .h1i{height:35px!important} .h2i{height:30px!important} .h1{height: 55px!important}.h2 {height:20px!important}}
@media (max-width:480px) and (min-width:360px) {.shead{height:305px} .i{height:275px!important} .h1i {height:35px!important;font-size:34px!important} .h1{height:60px!important;font-size:34px!important} .h2 {height:25px!important;font-size:27px!important} .h2i{height:45px!important;font-size:27px!important}}
@media (max-width:360px) {.shead{height:290px} .i{height:255px!important} .h1i{height:50px!important;font-size:33px!important} .h1{height:75px!important;font-size:33px!important} .h2{height:30px!important;font-size:27px!important} .h2i{height:50px!important;font-size:27px!important}}

.bgimgI {background-image: url("https://createcosystem.com/images/installateur-bornes-recharge-paca-occitanie-irve.jpg")}
.bgimgP {background-image: url("https://createcosystem.com/images/installateur-bornes-recharge-paca-irve-particuliers.jpg")}
.bgimgC {background-image: url("https://createcosystem.com/images/installateur-bornes-recharge-paca-irve-collectivite.jpg")}
.bgimgS {background-image: url("https://createcosystem.com/images/installateur-bornes-recharge-paca-irve-parkings.jpg")}
.instt {background-image: url("https://createcosystem.com/images/installation-bornes-paca-occitanie.jpg")}

/*TEXTE*/
h1{font-size:37px;font-variant:small-caps;font-weight:600;line-height:0.65;margin-left:1%!important;margin-right:1%!important}
h2{font-size:28px;font-variant:small-caps;font-weight:600;line-height:0.75!important;margin-left:1%!important;margin-right:1%!important}
.th2 {margin:5px!important}
h3{font-size:18px;font-weight: 500!important;padding: 0%;margin:5px 0px 5px 0px} 
.h3{display:grid;align-items:center;width:100%;margin:5px 0px 5px 0px;line-height:0.95!important}
.h3o{font-weight: 700!important;font-size:20px;}
h4{font-size:20px} h5{font-size:18px} h6{font-size:16px}
p{font-size:15px;font-weight: 300}
@media (max-width:820px) {p{font-size:14px!important}}
b{font-weight: 400!important}
.none {font-size:1px!important;color:#ffffff!important;padding:0px!important;margin: 0%!important}
hr{border:0;border-top:1px solid #d0d0d0;margin:28px 0px 14px 0px;box-sizing:content-box;height:0;overflow:visible}
a{color:inherit; text-decoration: none}
a:active,a:hover{color:inherit; filter:brightness(110%);text-decoration: underline 1px}
.active {background-color: #FFFFFF30!important; color: #386f81!important}
.material-symbols-rounded {vertical-align: middle!important}
.i40 {font-size:32px!important};
.iicon {height: 32px!important}
small{font-size:80%}
label{float:inline-start;font-size:70%; margin-bottom: 0%;filter:opacity( 80%)}
.w3-small{font-size:12px!important}
.w3-medium{font-size:15px!important}
.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}
.w3-xxlarge{font-size:36px!important}
.left {text-align:left!important}
.middle {vertical-align:middle!important}
.break {word-wrap: break-word!important; white-space: -moz-pre-wrap!important;; white-space: pre-wrap!important}

/*BUTTON*/
.Lbutton {background-color:inherit;width:100%!important;padding:4px!important;text-align:center!important;vertical-align: middle;font-size: 15px;font-weight: 400;border-radius: 22px!important}
.Lbutton:hover,.Lbutton:active {opacity: 90%!important;text-decoration: none!important;text-shadow: none}
.obutton {width: 100%;border:0;background-color: #00000000;color:hsl(0, 0%, 100%);text-shadow: 0px 0px 2px #00000090!important}
.obutton:hover {background-color:#FFFFFF20!important;width: 100%!important}
.Ibutton {text-align:left!important;text-shadow:none!important;font-size:18px!important;padding:11px 2% 11px}
.infos {width: 100%!important;font-size: 11px;text-align: center;vertical-align: middle;padding: 1%;font-weight: 300}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 10px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}  
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);background-color: #FFFFFF30!important}

/* DIV CAT */
.pres, .agr {text-align:left}
@media (min-width:1024px) {.pres{height:160px!important}.agr{height:225px}}
@media (max-width:1024px) and (min-width:820px){.pres{height:220px!important}.agr{height:260px}}
@media (max-width:820px) and (min-width:480px){.pres{height:228px!important}.agr{height:255px}}
@media (max-width:480px) and (min-width:360px){.pres{height:140px!important} .agr{height:235px}}
@media (max-width:360px) {.pres{height:150px!important} .agr{height:240px}}

.list {height:122px; text-align:left;line-height: 1.1} 
ol {font-size:14px;padding: 1%!important} ol.c{list-style-type:none!important}
.presta{text-align:left;font-weight:300;font-size:13px!important; line-height:1!important} .av{height:200px} .ca{height:100px} .pr {height:80px} 
.shadow {box-shadow: 0 1px 4px 0 #00000020!important}
.tshadow {text-shadow: 0px 0px 0px 2px #00000090!important} 
.tit{font-weight:600;padding-bottom: 0px;margin-bottom: 2px}
.cat {font-weight:600;font-size:19px;padding:1%!important;box-shadow: 0px 1px 3px #00000090}
.timg {height:15px;margin-bottom:-25px;float:left;z-index:4;padding:10px!important;text-shadow:0px 0px 3px #ffffff90;text-align: left}

/*footer*/
footer{width:100%;margin-bottom: 0px!important;
;position: fixed;bottom:0;box-shadow: 5px 1px 4px 5px #00000020!important;z-index:4!important}
.link{ position:relative;display:flex}

/* CARD filter */
.w3-card {box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.70}
.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}

/*SCROLL*/
.scroll {overflow-y:scroll;overflow-x:hidden;z-index:1; cursor: n-resize;margin:3px ;padding:4px 6px 0px 6px!important;border-bottom: solid 3px #ffffff00}
.scroll::-webkit-scrollbar {width: 3px}
.scroll::-webkit-scrollbar-track {background: #00000005!important}
.scroll::-webkit-scrollbar-thumb {background: #00000025!important}
.scroll::-webkit-scrollbar-thumb:hover {background: #00000050!important}
.show {display:block ; width:auto} 
.sticky {position: fixed; top: 0} 
.sticky+body {padding-top: 30px}
.w3-top{z-index: 3}

/*INPUT */
.w3-border-0{border:0!important}
.w3-border{border:1px solid #ccc!important}
.w3-input{font-size: 14px!important;padding:3px!important;;display:block;border:none;border-bottom:1px solid #ccc;width:96%;margin-bottom: 1px}
.w3-select{font-size: 14px!important;padding:4px!important;display:block;border:none;border-bottom:1px solid #ccc;width:96%;margin-bottom: 1px}

/*PADDINGS  */
.w3-container,.w3-panel{padding:0.01em 16px}
.w3-padding-small{padding:1.2%!important}
.w3-padding-med{padding:2.5%!important}
.w3-padding{padding:0 4% 0 4%!important}
.w3-padding-large{padding:12px 24px!important}
.w3-padding-12{padding-top:11px!important;padding-bottom:11px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}

/* MENU NABV BAR DROPDOWN **/
.DropL{padding:6px 8px 6px 8px!important;text-align:right!important;float:right;margin-left: 0%!important;margin-top:5px!important}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block!important}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{color:#3b4244;}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#00000000}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-dropdown-content a {float: none;text-decoration:none; display: block!important;}
.w3-dropdown-content{cursor:auto;background-color:#fff;display:none;position:absolute;min-width:170px;margin:0;padding:0!important;z-index:4;color: #3b4244!important}

/* NAV LO */
.centerv {height:60px!important;display: grid;align-items: center;}
.w3-sbutton {font-size:17px;padding:19px 8px 18px 6px!important}
.lnav {height: 48px;width: 48px;}
.tnav {font-size: 27px;font-weight:600!important;padding-right:1.5%!important;padding-left:1.5%!important;color:#3b4244!important}
.l2nav {font-size:35px; vertical-align: middle!important;padding-left:0%!important;margin-left:-7px}
.w3-button:hover, .w3-sbutton:hover, .w3-sbutton:active,.w3-dropdown-hover:hover, w3-dropdown-hover:active{color: #287791;text-decoration: none!important}
.active{color:#ededed}
.w3-bar .w3-bar-item{float:left;width:auto;border:none;outline:0;white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block .w3-center .w3-bar-item{text-align:center}
.w3-bar-item:hover {color: #2f6172!important;background-color: #FFFFFF!important;text-decoration: none}
.w3-sidebar{height:100%;width:180px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:right}
.w3-bar{width:100%;overflow:hidden}
.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-center .w3-bar-item{text-align:center}

/* COLORS  */
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#368daa!important;text-shadow: 0px 0px 2px #00000080!important}
.w3-pale-green {color:#fff!important;background-color:#559166!important;text-shadow: 0px 0px 2px #00000080!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#50707d!important;text-shadow: 0px 0px 2px #00000080!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{padding:1%;color: #3b4244!important;background-color:#f1f1f1!important}
.w3-white,.w3-hover-white:hover{background-color:#fff!important;color:#3b4244!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
/* textes color */
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}

/* GALERIIE */
.mySlides,.mySlides2 {display: none}
.slideshow-container {max-width: 1000px; position: relative; margin:auto}
.dot {cursor: pointer;height: 9px;width: 9px;padding-right: 0px; margin-right: 6px; margin-left: 6px; border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;background-color: #f1f1f1;box-shadow: 0px 1px 3px #000000}
.dot:hover {background-color: #00000030}
.dot:active {background-color: #368daa}
.fade {animation-name: fade; animation-duration: 2s}
@keyframes fade {from {opacity: .4}  to {opacity: 1}}
@media only screen and (max-width: 500px) {.prev, .next,.text {font-size: 5px}}

/*TABLEAU */
.fixTableHead {overflow-y:auto; overflow-x:auto ; border:1px solid #ffffff!important; border-bottom: 1px solid,#f1f1f1 !important ;z-index:3}
.col{position: sticky; border: 0px solid #FFFFFF !important; border-bottom: 1px solid #f1f1f1 !important ;left: 0; font-weight:500 ;z-index:1; padding: 5px!important;font-size: 14px !important} 
.head{border: 1px solid white !important ;position: sticky;line-height: 1!important;top: 0;z-index: 2;font-weight: 500 ;vertical-align: middle;text-align: center;padding-top: 5px!important;padding-bottom: 5px!important;font-size: 14px !important}
table {border-collapse: collapse;padding: 0%;position: relative;width : 100%;height : 100%}
/*menu*/
th {border-collapse: collapse;padding: 0.5%;text-align:left;background-color: #f1f1f1;border-bottom: 1px solid #f1f1f1!important}
/*ligne*/
td {border-collapse: collapse;padding: 0.5%;text-align: center!important;background-color: white;font-weight:300!important ;font-size: 12px !important;line-height: 1!important;border-bottom: 1px solid #f1f1f1}.first {border-collapse: collapse;padding: 5px;vertical-align: middle!important;background-color: white}

/*AUTRES*/
img{vertical-align:middle}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}

/*ALIGN */
.w3-center .w3-bar{display:inline-block;width:auto}
.w3-center{text-align:center!important}
.w3-left{float:left!important}
.w3-right{float:right!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
.w3-topbar{border-top:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}
.w3-top{top:0}
.w3-bottom{bottom:0}

/* WEXTRACTTTTTT */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css */
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}
summary{display:list-item}
audio,canvas,progress,video{display:inline-block}
progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
abbr[title]{border-bottom:none;text-decoration:underline}
dfn{font-style:italic}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,select,textarea,optgroup{font:inherit;margin:0}
optgroup{font-weight:bold}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}


/*W3 RESPONSIVE */
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}
.w3-content{max-width:980px}
.w3-show-block,.w3-show{display:block!important}
.w3-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.w3-auto{max-width:95%}}
@media (max-width:800px){.w3-modal-content{margin:0 10px;width:auto!important}
.w3-modal{padding-top:30px}
.w3-hide-small{display:none!important}
.w3-mobile{display:block;width:100%!important}
.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-modal{padding-top:50px}}
@media (min-width:992px){.w3-modal-content{width:900px}
.w3-hide-large{display:none!important}  
.w3-sidebar.w3-collapse{display:block!important}}

/* ANIMATION  */
.w3-animate-left{position:relative;animation:animateleft 0.4s}

/* not use