body {
    background-image: url(../../../images/b-body.gif);
    background-attachment: fixed;
    /*-moz-box-shadow: inset 0px 15px 20px 30px rgba(215, 215, 215, 0.5);
	-webkit-box-shadow: inset 0px 15px 20px 30px rgba(215, 215, 215, 0.5);
	box-shadow: inset 0px 15px 20px 30px rgba(215, 215, 215, 0.5);*/
}

.css-selector {
    font-family: 'Alegreya Sans', sans-serif;
}


/*Page elements*/

#sp-top-bar {
    padding: 8px 0 0 0;
    background-color: #fafafa
}

#sp-top-bar #sp-top1 {
    text-align: right
}

#sp-top-bar #sp-top1 .sp-contact-info {
    float: none;
    margin: 0 60px 0 -10px;
    font-size: 95%
}

#sp-top-bar #sp-top1 ul.social-icons {
    float: right;
    margin: -30px 0 0 -5px
}

#sp-header {
    height: 75px;
}

#sp-main-body {
    padding: 0
}

#sp-main-body .container {
    padding-top: 10px
}

#sp-footer {
    background: 303390
}

#sp-right p {
    text-align: left
}


/*** H1 LOGO ***/

#sp-header a.logo {
    margin-top: 15px;
    padding-left: 50px;
    height: 50px;
    line-height: 50px;
    background: #fff url(../../../images/logo-ecole-des-arche.gif) 0 0 no-repeat
}

#sp-header a.logo h1 {
    margin: 0;
    padding: 0;
    font-size: 27px;
    font-weight: 300;
    color: #303390;
    font-family: 'Alegreya Sans', sans-serif;
}


/*** FONTS ***/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Alegreya Sans', sans-serif;
    color: #800000;
}

h2,
h3,
h4,
h5 {
    font-weight: bold
}

h2,
.entry-header h2,
h2.sppb-title-heading {
    font-size: 34px;
    font-family: 'Alegreya Sans', sans-serif
}

#sp-page-builder .sppb-section-title {
    margin-bottom: 25px
}

h3,
#sp-page-builder .sppb-section-title h3.sppb-title-heading,
h3.sppb-addon-title {
    font-size: 28px;
    margin: 25px 0 15px 0
}

h4 {
    font-size: 22px;
    margin: 20px 0 12px 0
}

h5 {
    font-size: 18px;
    margin: 15px 0 10px 0;
    text-decoration: underline
}

p {
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 16px;
    text-align: justify;
    margin: 0 0 15px 0
}

ul {
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 16px;
    margin: 0 0 15px 0
}

p img {
    display: inline
}


/*** LIENS ***/

a:link,
a:visited {
    border-bottom: #303390 1px dotted
}

a:hover,
a:focus {
    border-bottom: #303390 1px solid
}

header a:link,
header a:visited,
header a:hover,
header a:focus,
#sp-top-bar a:link,
#sp-top-bar a:hover,
#sp-top-bar a:visited,
#sp-top-bar a:focus,
.menu a:link,
.menu a:hover,
.menu a:visited,
.menu a:focus {
    border: none
}


/*breadcrump*/

#sp-breadcrump .breadcrumb {
    margin: 0
}

#sp-breadcrump .container {
    padding: 0;
    margin: 0;
    width: 100%
}

#sp-page-builder .page-content .sppb-section.bread {
    padding: 0;
    margin: 0 20px 0 -40px;
    width: 100%
}

#sp-page-builder .page-content .sppb-section.bread .sppb-row,
#sp-page-builder .page-content .sppb-section.bread .sppb-row .sppb-col-sm-12 {
    width: 104.65%
}


/*** NAV ***/

.sp-megamenu-parent>li>a {
    padding: 0 12px;
    letter-spacing: normal;
    font-size: 13px;
    text-shadow: rgba(34, 34, 34, 0.2) 0 0 2px;
    line-height: 75px
}

.sp-megamenu-parent ul.nav.menu a:before {
    display: none
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 10px 15px
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    padding: 5px
}

.sp-megamenu-parent li.active>a,
.sp-megamenu-parent>li:hover>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    text-shadow: rgba(48, 51, 144, 0.5) 0 0 2px
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a:hover {
    color: #303390;
    text-shadow: none
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    background: #fff;
    color: #303390
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    border-bottom: 1px solid #e8e8e8;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child {
    border-bottom: none
}


/*off canevas -480px*/

.offcanvas-menu .offcanvas-inner .sp-module ul li a,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.deeper.parent ul>li a {
    background: none
}


/*Mega Menu*/

.sp-module {
    margin-top: 20px;
}

.sp-module ul>li>a {
    padding: 5px 0;
    line-height: inherit;
}

.sp-module ul>li.active>a {
    color: #303390
}

.sp-module ul>li>a:hover {
    text-shadow: rgba(48, 51, 144, 0.5) 0 0 2px
}

.sp-module ul>li.active>a:hover {
    text-shadow: none
}

.sp-module h3.sp-module-title {
    font-weight: bold!important;
    margin: 0 0 10px 0
}

.sp-module:hover h3 {
    color: #303390
}


/*Menu latéral*/
.sp-module ul>li {width:100%;}
#sp-right .sp-module {}


/*** FORMS ***/


/* Google Map */

#gmap {
    width: 100%;
    height: 320px;
    max-height: 320px;
    margin: 0 auto;
    overflow: hidden
}

#sp-header-img>#gmap>iframe>html>body div.i4ewOd-pzNkMb-haAclf {
    background-color: rgba(48, 51, 144, 0.8)!important
}


/*Concours*/

.form-concours input {
    padding: 4px 8px!important;
    height: auto!important
}

.form-concours #form12 .wdform_page,
#form12 .button-submit {
    font-family: alegreya sans, Helvetica, Arial, "sans-serif"!important;
    font-size: 16px!important
}

.form-concours #form12 .wdform-field {
    padding: 0!important;
}

.form-concours p {
    margin: 0!important
}


/*** TABLES ***/

table {
    clear: both;
    margin: 0 auto 30px auto;
    width: 80%;
    background-color: rgba(255, 255, 255, 0.8)
}

table caption {
    text-align: center;
    font-size: 120%;
    line-height: 200%;
    color: #555;
    border-bottom: #aaa 1px solid
}

table td,
table th {
    border-collapse: collapse;
    padding: 4px 10px
}

table tr:nth-child(odd) {
    background-color: rgba(225, 225, 255, 0.3)
}

table tr:nth-child(even) {
    background-color: rgba(200, 200, 255, 0.3)
}

table.tbl-horaire tr:first-child {
    background-color: rgba(255, 255, 255, 0.8)
}

table.tbl-horaire tr td,
table.tbl-horaire tr th {
    text-align: center
}

table.tbl-horaire tr td:first-child {
    text-align: left
}

table.tbl-horaire th,
table.tbl-horaire td {
    border-right: #aaa 1px dotted
}

table.tbl-horaire td:nth-child(odd),
table.tbl-horaire th {
    border-right: #999 1px solid
}

table.tbl-cal td,
table.tbl-cal th {
    padding: 10px 20px
}

table.tbl-7col td {
    width: 18%
}


/*** SP PAGE BUILDER ***/

#sp-page-builder {
    margin: 0 40px
}


/**/


/*carousel*/

.sppb-carousel-pro-text h2 {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 30px
}

#sp-page-builder .page-content .sppb-section.slide {
    padding: 0;
    margin: 0;
    width: 100%;
    margin: 0 0 0 -40px
}

#sp-page-builder .page-content .sppb-section.slide .sppb-row,
#sp-page-builder .page-content .sppb-section.slide .sppb-row .sppb-col-sm-12 {
    width: 104.65%
}


/*section adults*/

#adults {
    padding: 25px 0
}

#adults .sppb-addon-container {
    padding: 0 15px
}

#adults .btn-ensavoirplus {
    margin: 20px auto 30px auto
}


/*section contact*/

#contact {
    text-align: center;
    padding: 50px
}

#contact .btn-contact {
    margin: 0 auto
}


/*testimonial*/

.sppb-testimonial-pro .sppb-testimonial-message {
    font-size: 14px;
    line-height: 22px
}


/*** CLASSES ***/

.clear {
    clear: both
}

hr.clear {
    margin: 0;
    padding: 0;
    height: 1px;
    border: 0;
    visibility: hidden
}

.fleft {
    float: left
}

.fright {
    float: right
}

.center {
    text-align: center
}

.center img {
    margin: 0 auto
}

.img-fleft {
    float: left;
    margin: 0px 20px 10px 0;
}

.img-fright {
    float: right;
    margin: 0px 0 10px 20px;
}

.img-center {
    clear: both;
    margin: 20px auto
}

.forte,
table tr.forte td {
    background-color: rgba(150, 150, 150, 0.3);
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px
}

.no-bg,
table.tbl-horaire tr.no-bg {
    background: none;
    background-color: transparent
}

.promo {
    background-color: rgba(200, 200, 255, 0.3);
    border: #BABBC8 1px solid;
    border-radius: 10px;
    display: block;
    padding: 20px;
    color: #000;
    font-style: italic;
    font-size: 110%;
    line-height: 200%;
    margin: 20px auto;
    width: 70%
}


/*** BLOG ***/

.blog {
    padding: 25px 0
}

.blog .entry-image {
    float: right;
    margin-left: 25px
}

@media (max-width:1200px) {
    #sp-header a.logo {
        margin-top: 20px;
        padding-left: 40px;
        height: 40px;
        line-height: 40px;
        background: #fff url(../../../images/logo-ecole-des-arches-small.gif) 0 0 no-repeat
    }
    #sp-header a.logo h1 {
        margin: 0;
        padding: 0;
        font-size: 22px;
        font-weight: 300;
        color: #303390;
        text-shadow: 1px 1px 2px #000;
    }
    .sp-megamenu-parent>li>a {
        letter-spacing: normal;
    }
    table {
        margin: 0 0 30px 0;
        width: 100%
    }
}

@media (max-width: 1023px) {
    .container {
        width: 100%
    }
}

@media (max-width: 767px) {
    .sp-left {
        display: none
    }
    /*col gauche - menu*/
    .hidden-xs {
        display: none !important
    }
    .promo {
        padding: 15px 20px;
        margin: 20px 0;
        width: 100%
    }
    #offcanvas-toggler {
        display: block
    }
}

@media (max-width: 480px) {
    .col-xs-6 {
        float: none;
        width: 100%
    }
}

li.deeper.parent ul li,
li.deeper.parent li {
    padding-left: 15px;
}