*,::after,::before{box-sizing:border-box}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block
}
ol,ul {
    list-style:none
}
blockquote,q {
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
    content:'';
    content:none
}
table {
    border-collapse:collapse;
    border-spacing:0
}
#container,#fakeloader,#header,#main,#tablet,.custom-logo,.itemLeft,.itemRight,.moduletable-footer,.moduletable-intro,.moduletable-logo,.moduletable-mainMenu,custom-intro {
    margin:0;
    padding:0
}
#container,#fakeloader,#tablet,.custom-logo,body,html {
    width:100%;
    height:100%
}
body {
    font-family:'Open Sans',Arial,sans-serif;
    font-size:100%;
    font-weight:400;
    line-height:1;
    color:#fff;
    background-color:#f0575b
}
#fakeloader {
}
.spinner6 {
    width:50px;
    height:30px;
    text-align:center
}
.spinner6>div {
    background-color:#fff;
    height:100%;
    width:6px;
    margin-left:2px;
    display:inline-block;
    -webkit-animation:stretchdelay 1.2s infinite ease-in-out;
    animation:stretchdelay 1.2s infinite ease-in-out
}
.spinner6 .rect2 {
    -webkit-animation-delay:-1.1s;
    animation-delay:-1.1s
}
.spinner6 .rect3 {
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
.spinner6 .rect4 {
    background-color:#f8abad;
    -webkit-animation-delay:-.9s;
    animation-delay:-.9s
}
.spinner6 .rect5 {
    -webkit-animation-delay:-.8s;
    animation-delay:-.8s
}
@-webkit-keyframes stretchdelay {
    0%,100%,40% {
        -webkit-transform:scaleY(.4)
    }
    20% {
        -webkit-transform:scaleY(1)
    }
}
@keyframes stretchdelay {
    0%,100%,40% {
        transform:scaleY(.4);
        -webkit-transform:scaleY(.4)
    }
    20% {
        transform:scaleY(1);
        -webkit-transform:scaleY(1)
    }
}
.spinner7 {
    width:90px;
    height:30px;
    text-align:center
}
.spinner7>div {
    background-color:#fff;
    height:15px;
    width:15px;
    margin-left:3px;
    border-radius:50%;
    display:inline-block;
    -webkit-animation:stretchdelay .7s infinite ease-in-out;
    animation:stretchdelay .7s infinite ease-in-out
}
.spinner7 .circ2 {
    -webkit-animation-delay:-.6s;
    animation-delay:-.6s
}
.spinner7 .circ3 {
    -webkit-animation-delay:-.5s;
    animation-delay:-.5s
}
.spinner7 .circ4 {
    -webkit-animation-delay:-.4s;
    animation-delay:-.4s
}
.spinner7 .circ5 {
    -webkit-animation-delay:-.3s;
    animation-delay:-.3s
}
@-webkit-keyframes stretchdelay {
    0%,100%,40% {
        -webkit-transform:translateY(-10px)
    }
    20% {
        -webkit-transform:translateY(-20px)
    }
}
@keyframes stretchdelay {
    0%,100%,40% {
        transform:translateY(-10px);
        -webkit-transform:translateY(-10px)
    }
    20% {
        transform:translateY(-20px);
        -webkit-transform:translateY(-20px)
    }
}
#header {
    width:100%;
    height:5em;
    text-align:center;
    position:fixed;
    z-index:3;
    top:0;
    left:0;
    background-color:#000;
    background-color:rgba(0,0,0,.4);
    overflow:hidden;
	padding: 2rem;
	display: flex;
	justify-content:space-between;
}

#header .logo-header a{font-size: 2rem}

#container {
    opacity:1
}
#main {
    width:100%;
    background:#383838
}
.moduletable-intro {
    width:100%;
    height:100%;
	display: flex;flex-direction:column;justify-content:flex-end;align-items:center;
    background:#383838 url(../images/background-waikato.jpg) no-repeat center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
html.lt-ie9 .moduletable-intro {
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/background-waikato.jpg', sizingMethod='scale')"
}
.moduletable-footer {
	padding: 2rem;
    width:100%;
    background:#f0575b
}
#tablet {
    display:none;
    opacity:0
}
#outdated {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    margin:0;
    background:#f0575b;
    color:#fff;
    padding:15px 0;
    text-align:center;
    font-size:12px
}
#outdated a {
    text-decoration:underline
}
#outdated a:hover {
    color:#fff
}
h1,h2 {
    color:#fff;
    text-align:left
}
h1 {
    font-size:5em;
    line-height:.625em;
    font-weight:400
}
h2 {
    font-size:1.625em;
    line-height:normal;
    font-weight:300;
    margin-bottom:.625em
}
h3 {
    font-size:1.625em;
    line-height:normal;
    font-weight:300;
    color:#f0575b;
    text-align:left;
    margin-bottom:1em
}
p {
    font-size:.875em;
    text-align:left;
    line-height:1.375em
}
a {
    color:#fff;
    text-decoration:none
}
a[href^=tel]:hover,a[href^=tel]:link,a[href^=tel]:visited {
    text-decoration:none;
    color:#fff;
    cursor:default
}
.tagLine a[href^="tel:"]:before {
    content:"\260E";
    margin-right:.5em
}
#main img,img.imgPhone {
    width:100%;
    max-width:100%;
    height:auto
}
div.icons {
    display:none
}
span.small {
    font-size:73%;
    font-weight:300
}
.showPhone {
    display:none
}
.rwd-line {
    display:inline
}

body.accueil .moduletable-logo {
    display:none
}
#header .mod-menu {
    height:auto;
    display:flex;
	gap:2rem;
}
.moduletable-mainMenu ul.nav {
    height:100%;
    vertical-align:middle;
    display:table-cell;
    overflow:hidden
}
.moduletable-mainMenu ul.nav li {
}
.moduletable-mainMenu ul.nav li a {
    font-size:.875em;
    height:2.5em;
    line-height:2.5em;
    color:#fff;
    text-transform:uppercase;
    display:block;
    background-color:transparent;
    padding:0 .875em;
    margin-right:.313em
}
.moduletable-mainMenu ul.nav li a:active,.moduletable-mainMenu ul.nav li a:focus,.moduletable-mainMenu ul.nav li a:visited {
    background-color:transparent
}
.moduletable-mainMenu ul.nav li a:hover,.moduletable-mainMenu ul.nav li.current a {
    background-color:#f0575b
}
.moduletable-mainMenu ul.nav li a:hover {
    transition-property:background-color;
    transition-duration:.3s;
    transition-timing-function:ease;
    transition-delay:0s;
    -webkit-transition-property:background-color;
    -webkit-transition-duration:.3s;
    -webkit-transition-timing-function:ease;
    -webkit-transition-delay:0s;
    -o-transition-property:background-color;
    -o-transition-duration:.3s;
    -o-transition-timing-function:ease;
    -o-transition-delay:0s
}
.custom-logo h1 {
    font-size:2em;
    font-weight:400;
    text-align:left;
    color:#fff;
    line-height:none
}
.custom-logo a {
    color:#fff;
    text-decoration:none
}
.custom-logo a:active,.custom-logo a:focus,.custom-logo a:visited {
    color:#fff
}
.custom-logo a:hover {
    color:#f0575b;
    transition-property:color;
    transition-duration:.3s;
    transition-timing-function:ease;
    transition-delay:0s;
    -webkit-transition-property:color;
    -webkit-transition-duration:.3s;
    -webkit-transition-timing-function:ease;
    -webkit-transition-delay:0s;
    -o-transition-property:color;
    -o-transition-duration:.3s;
    -o-transition-timing-function:ease;
    -o-transition-delay:0s
}
.custom-intro {
    position:absolute;
    z-index:2;
    bottom:0;
    left:0;
    width:100%;
    height:auto
}
.custom-intro h1,.custom-intro h2 {
    text-shadow:2px 4px 3px rgba(0,0,0,.5)
}
.tagHome {
    padding-left:7.813em;
    padding-bottom:5em
}
.tagHome p {
    width:50%
}
.tagLine {
    width:100%;
    height:2.5em;
    background:#f0575b;
    overflow:hidden;
    margin:0;
    padding:0
}
.tagLine p {
    margin-left:2.5em;
    float:left;
    margin-top:.813em
}
.tagLine .social {
    margin-right:2em;
    margin-top:.5em;
    height:1.5em;
    float:right;
    display:table-cell
}
.tagLine .social a {
    display:inline-block;
    margin-right:.5em;
    opacity:.8
}
.tagLine .social a img {
    width:1.5em;
    height:1.5em
}
.tagLine .social a:hover {
    opacity:1
}
.item-page {
    width:80%;
    max-width:960px;
    margin:0 auto;
    padding:8em 0;
    overflow:hidden
}
.itemLeft {
    float:left;
    width:44%;
    padding-right:6%;
    padding-bottom:3.125em
}
.itemRight {
    float:right;
    width:44%;
    padding-left:6%
}
.item-page p {
    margin-bottom:1em
}
.item-page p.subTitle {
    color:#ef9a9a;
    text-transform:uppercase
}
.titleBorder {
    border-left:.125em solid #ef9a9a;
    padding-left:.875em
}
.firstTitle {
    margin-top:4.438em
}
.item-page .clear {
    height:2em
}
.item-page p.lastTitle {
    margin-top:1em
}
.item-page h3.lastH3 {
    padding-top:1em
}
.item-page p.lastP {
    padding-bottom:1em
}
.item-page a {
    color:#fff
}
.item-page a.readMore {
    font-size:.75em;
    color:#f0575b;
    border:.063em solid #f0575b;
    background:transparent;
    padding:.3em;
    text-transform:uppercase;
    letter-spacing:.2em;
    text-decoration:none
}
.item-page a.readMore:hover {
    color:#fff;
    border:.063em solid #f0575b;
    background:#f0575b
}
#main ul {
    margin:1em 0 1.375em;
    list-style-position:inside
}
#main ul li {
    font-size:.875em;
    text-align:left;
    line-height:1.375em;
    border-left:.125em solid #ef9a9a;
    padding-left:.875em;
    margin-bottom:.3em
}
.credit {
    padding-top:.5em
}
.credit p {
    font-size:.75em;
    text-align:justify;
    line-height:1.178em;
    color:#7a7a7a
}
.credit a {
    color:#7a7a7a
}
.credit a:hover {
    color:#fff
}
.custom-footer {
    max-width:960px;
    margin:0 auto;
    padding:5em 0;
    text-align:center
}
.custom-footer p {
    color:#ffcdd2;
    text-align:center
}
.socialIcons {
    padding:0;
    margin:0 auto;
    margin-top:1em;
    height:2em;
    width:auto;
    text-align:center
}
.socialIcons a {
    padding:0;
    margin:0 .5em;
    opacity:.7;
    display:inline-block
}
.socialIcons img {
    width: 30px; height: auto;
    margin:0;
    padding:0
}
.custom-footer .socialIcons a:hover {
    opacity:1
}
.custom-footer a {
    color:#ffcdd2;
    :color;
    text-decoration:none
}
.custom-footer a:active,.custom-footer a:focus,.custom-footer a:visited,.custom-footer a[href^=tel],.custom-footer a[href^=tel]:active,.custom-footer a[href^=tel]:focus {
    color:#ffcdd2
}
.custom-footer a:hover,.custom-footer a[href^=tel]:hover {
    color:#fff;
    transition-property:color;
    transition-duration:.3s;
    transition-timing-function:ease;
    transition-delay:0s;
    -webkit-transition-property:color;
    -webkit-transition-duration:.3s;
    -webkit-transition-timing-function:ease;
    -webkit-transition-delay:0s;
    -o-transition-property:color;
    -o-transition-duration:.3s;
    -o-transition-timing-function:ease;
    -o-transition-delay:0s
}
a.meanmenu-reveal {
    display:none
}
.mean-container .mean-bar {
    float:left;
    width:100%;
    position:relative;
    background:#f0575b;
    padding:4px 0;
    min-height:42px;
    z-index:999999
}
.mean-container a.meanmenu-logo {
    width:auto;
    height:22px;
    padding:0;
    position:absolute;
    top:10px;
    left:13px;
    cursor:pointer;
    -height:22px;
    display:block;
    color:#fff;
    text-decoration:none;
    font-size:22px
}
.mean-container a.meanmenu-reveal {
    width:22px;
    height:22px;
    padding:13px 13px 11px;
    position:absolute;
    top:0;
    right:0;
    cursor:pointer;
    color:#fff;
    text-decoration:none;
    text-indent:-9999em;
    line-height:22px;
    font-size:1px;
    display:block;
    font-family:'Open Sans',Arial,sans-serif;
    font-weight:300
}
.mean-container a.meanmenu-reveal span {
    display:block;
    background:#fff;
    height:3px;
    margin-top:3px
}
.mean-container .mean-nav {
    float:left;
    width:100%;
    background:#f0575b;
    margin-top:44px
}
.mean-container .mean-nav ul {
    width:100%;
    list-style-type:none
}
.mean-container .mean-nav ul li {
    position:relative;
    float:left;
    width:100%
}
.mean-container .mean-nav ul li a {
    display:block;
    float:left;
    width:90%;
    padding:1em 5%;
    margin:0;
    text-align:left;
    color:#fff;
    border-top:1px solid #f58b8e;
    border-top:1px solid rgba(255,255,255,.3);
    text-decoration:none;
    text-transform:uppercase
}
.mean-container .mean-nav ul li li a {
    width:80%;
    padding:1em 10%;
    border-top:1px solid #f58b8e;
    border-top:1px solid rgba(255,255,255,.3);
    opacity:.75;
    filter:alpha(opacity=75);
    text-shadow:none!important;
    visibility:visible
}
.mean-container .mean-nav ul li.mean-last a {
    border-bottom:0;
    margin-bottom:0
}
.mean-container .mean-nav ul li li li a {
    width:70%;
    padding:1em 15%
}
.mean-container .mean-nav ul li li li li a {
    width:60%;
    padding:1em 20%
}
.mean-container .mean-nav ul li li li li li a {
    width:50%;
    padding:1em 25%
}
.mean-container .mean-nav ul li a:hover,.mean-container .mean-nav ul li.active a {
    background:#252525;
    background:rgba(255,255,255,.1)
}
.mean-container .mean-nav ul li a.mean-expand {
    margin-top:1px;
    width:26px;
    height:32px;
    padding:12px!important;
    text-align:center;
    position:absolute;
    right:0;
    top:0;
    z-index:2;
    font-weight:700;
    background:rgba(255,255,255,.1);
    border:0!important;
    border-left:1px solid rgba(255,255,255,.4)!important;
    border-bottom:1px solid rgba(255,255,255,.2)!important
}
.mean-container .mean-nav ul li a.mean-expand:hover {
    background:rgba(0,0,0,.9)
}
.mean-container .mean-push {
    float:left;
    width:100%;
    padding:0;
    margin:0;
    clear:both
}
.mean-nav .wrapper {
    width:100%;
    padding:0;
    margin:0
}
.mean-container .mean-bar,.mean-container .mean-bar * {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.mean-remove {
    display:none!important
}
.meanmenu-reveal.meanclose {
    background:#252525;
    background:rgba(255,255,255,.1)
}
@media screen and (max-width:50em) {
    body {
        background-color:#383838
    }
    #header {
        position:static!important;
        display:none
    }
    .credit,.hidePhone {
        display:none
    }
    .moduletable-intro {
        width:100%;
        height:auto;
        background:#383838;
        -webkit-background-size:none;
        -moz-background-size:none;
        -o-background-size:none;
        background-size:none
    }
    .custom-intro {
        position:static;
        bottom:0;
        left:0;
        width:100%;
        height:auto
    }
    .custom-footer {
        width:90%;
        padding:5%
    }
    .tagHome {
        width:100%;
        padding-left:0;
        padding-bottom:0
    }
    .slogan {
        width:90%;
        padding:5% 5% 0
    }
    .showPhone {
        display:inline-block
    }
    img.showPhone {
        max-width:100%;
        height:auto
    }
    img.imgPhone {
        max-width:100%;
        display:block;
        margin-bottom:1em
    }
    h1 {
        font-size:3em;
        line-height:.625em;
        margin-bottom:.125em
    }
    h2 {
        font-size:1em;
        line-height:1.125em;
        font-weight:400;
        margin-bottom:0
    }
    h3 {
        font-size:1.188em;
        font-weight:700;
        margin-bottom:.625em
    }
    .alone {
        margin-top:3em
    }
    .item-page {
        width:100%;
        max-width:100%;
        margin:0 auto;
        padding:5% 0;
        overflow:visible
    }
    .itemRight {
        float:none;
        width:100%;
        padding-left:0;
        padding-bottom:3.125em
    }
    .itemLeft {
        float:none;
        width:100%;
        padding-right:0
    }
    body.accueil .itemLeft,body.accueil .itemRight,body.mission-et-prestations .itemLeft,body.mission-et-prestations .itemRight {
        width:90%;
        margin:0 auto
    }
    body.mission-et-prestations .itemLeft {
        padding-bottom:0
    }
    body.contact .item-page,body.les-rendez-vous-d-affaires .item-page,body.qui-sommes-nous .item-page {
        width:100%;
        padding:0
    }
    body.contact .itemLeft,body.les-rendez-vous-d-affaires .itemLeft,body.qui-sommes-nous .itemLeft {
        padding-bottom:1em
    }
    body.contact .itemRight,body.les-rendez-vous-d-affaires .itemRight,body.qui-sommes-nous .itemRight {
        width:90%;
        padding:0 5%;
        padding-bottom:3.125em
    }
    .firstTitle {
        margin-top:0
    }
    .item-page a.readMore {
        display:block;
        font-size:.75em;
        color:#fff;
        border:.063em solid #f0575b;
        background:#f0575b;
        padding:.7em 0;
        box-sizing:border-box;
        text-align:center
    }
    .item-page a.readMore:hover {
        color:#fff;
        border:.063em solid #f0575b;
        background:#f0575b
    }
    .item-page .clear {
        display:none;
        height:0
    }
    .custom-footer .socialIcons,.rwd-line {
        display:block
    }
    .rwd-touch {
        padding:.6em 0;
    }
}
@media (min-width:51em) and (max-width:63.938em) {
    .moduletable-logo {
        margin-left:1em;
        margin-top:1.625em
    }
    .custom-logo h1 {
        font-size:1.5em
    }
    #header .moduletable-mainMenu {
        margin-right:1em
    }
    .moduletable-mainMenu ul.nav li a {
        padding:0;
        margin:0 .5em
    }
    .moduletable-mainMenu ul.nav li a:active,.moduletable-mainMenu ul.nav li a:focus,.moduletable-mainMenu ul.nav li a:hover,.moduletable-mainMenu ul.nav li.current a {
        background-color:transparent;
        border-bottom:.188em solid #f0575b
    }
    .tagHome {
        padding-left:4.464em;
        padding-bottom:2.857em
    }
    .tagHome p {
        width:87%
    }
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
    .moduletable-logo {
        margin-left:1em;
        margin-top:1.625em
    }
    .custom-logo h1 {
        font-size:1.5em
    }
    #header .moduletable-mainMenu {
        margin-right:1em
    }
    .tagHome {
        padding-left:5em;
        padding-bottom:4em
    }
    .tagHome p {
        width:69%
    }
    .item-page {
        width:90%;
        max-width:90%;
        margin:0 auto;
        padding:8em 0;
        overflow:hidden
    }
    .custom-footer .socialIcons {
        display:block
    }
}