*{
    margin: 0px;
    padding: 0px;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    background-color: none;
    color: #000;
}
html { 
  margin:0;
  padding:0;
}
img{
   border:0;
   padding:0;
   margin:0;
}
ul, li{
    list-style: none;
}

.container{
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    background-color: white;
}

.content h1{
    text-align:center;
    font-size:23px;
    color: #57585A;
    font-family: 'Quicksand', sans-serif;
    margin-top:25px;
    margin-bottom:20px;
    font-weight: normal;
}
.content h1.h1-emploi{
    font-size:40px;
}
@media (max-width:500px) {
    .content h1.h1-emploi{
        font-size:25px;
    }
}
.content h3{
    text-align:center;
    font-size:20px;
    color: #57585A;
    font-family: 'Quicksand', sans-serif;
    padding-top:15px;
    margin-bottom:10px;
    font-weight: bold;
    border-bottom:1px solid #C68E5C;
}
.content p{
    text-align:justify;
    font-size:17px;
    line-height:22px;
    font-family: 'Quicksand', sans-serif;
    color:#57585A;
    padding-top:10px;
    font-weight: normal;
    width:100%;
    margin-top:15px;
}
.content p a{
    font-size:inherit;
    line-height:inherit;
    font-family: inherit;
    color:inherit;
    font-weight: inherit;
}
.content p img{
    display: block;
    margin:0px;
    padding:0px;
    width:100%;
}
.content img.img-nat{
    display: inline-block;
    width:auto;
}
@media (max-width:500px) {
    .content img.img-nat{
        display:block;
        width:100%!important;
    }
}
.content p span.strong, .content h1 span.strong, .content h2 span.strong, .content h3 span.strong, .content p span.str{
    font-size: inherit;
    font-style: inherit;
    font-family: inherit;
    color:inherit;
    font-weight: bold;
}
.content p.txt-emploi{
    text-align:left;
    font-size:17px;
    line-height:22px;
    font-family: 'Quicksand', sans-serif;
    color:#57585A;
    padding-top:0px;
    padding-left:100px;
    padding-right:100px;
    font-weight: normal;
    width:auto;
    margin-top:-50px;   
    position:relative;
}
@media (max-width:750px) {
    .content p.txt-emploi{
        padding-left:50px;
        padding-right:50px;
    }
}
@media (max-width:600px) {
    .content p.txt-emploi{
        margin-top:-20px; 
    }
}
@media (max-width:500px) {
    .content p.txt-emploi{
        padding-left:20px;
        padding-right:20px;
        font-size:15px;
    }
}
.content p.a-emploi{
    text-align:right;
    font-size:25px;
    line-height:22px;
    font-family: 'Quicksand', sans-serif;
    color:#57585A;
    padding-top:0px;
    padding-left:100px;
    padding-right:100px;
    font-weight: bold;
    text-transform: uppercase;
    width:auto;
    margin-bottom:-75px;   
    position:relative;
}
.content p.a-emploi a{
    text-align:inherit;
    font-size:inherit;
    line-height:inherit;
    font-family: inherit;
    color:inherit;
    font-weight: inherit;
    text-transform: inherit;
    text-decoration: none;
}
.content p.a-emploi img{
    display: inline;
    width:25px;
}
@media (max-width:750px) {
    .content p.a-emploi{
        padding-left:50px;
        padding-right:50px;
        margin-bottom:0px;
        font-size:20px;
    }
}
@media (max-width:500px) {
    .content p.a-emploi{
        padding-left:20px;
        padding-right:20px;
        font-size:15px;
        text-align: center;
    }
}




.content .table-vignettes{
    width:100%;
    overflow: hidden;
    margin-top:15px;
    border-collapse: collapse;
}
.content .table-vignettes tbody tr td{
    width:25%;
    height:270px;
    text-align:center;
    vertical-align: middle;
    background-size: cover;
    font-family: 'Quicksand', sans-serif;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    border-right:6px solid white;
    border-top:6px solid white;
    padding:0px 15px;
}
.content .table-vignettes tbody tr td:last-child{
    border-right:0px;
}
.content .table-vignettes tbody tr td a{
    width:100%;
    height: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color:inherit;
    text-transform: inherit;
    text-decoration: none;
    vertical-align: middle;
    border:0px;
    margin:0px;
    padding:0px;
    margin-left:auto;
    margin-right:auto;
    display: flex!important; /* contexte sur le parent */
    flex-direction: column; /* direction d'affichage verticale */
    justify-content: center; /* alignement vertical */
}
.content .table-vignettes tbody tr td a img{
    width:40px!important;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
}
.content .table-vignettes tbody tr td span, .content .table-vignettes tbody tr td a span{
    font-family: inherit;
    color:inherit;
}
@media (max-width:800px) {
    .content .table-vignettes tbody tr td{
        font-size: 15px;
    }
}
@media (max-width:600px) {
    .content .table-vignettes tbody tr td{
        font-size: 13px;
    }
}
@media (max-width:500px) {
    .content .table-vignettes tbody tr td{
        font-size: 17px;
        display: flex; /* contexte sur le parent */
        flex-direction: column; /* direction d'affichage verticale */
        justify-content: center; /* alignement vertical */
        width:100%;
        margin-top:10px;
        border-right:0px!important;
        border-top:0px!important;
        padding:0px 0px;
    }
}







.content .block2s{
    width:100%;
    overflow: hidden;
    margin-top:15px;
}
.content .block2s table{
    display:block;
    padding:0px;
    border:0px;
    border-collapse: collapse;
    width:550px;
    float:left;
}
.content .block2s table tr td{
    width:550px;
    height:500px;
    text-align:left;
    vertical-align: middle;
    padding : 0px 15px;
}
.content .block2s-plu table:nth-child(7) tr td{
    background-color: rgb(237,3,124); /* rose */
}
.content .block2s-plu table:nth-child(3) tr td{
    background-color: rgb(244,121,32); /* orange */
}
.content .block2s-plu table:nth-child(6) tr td{
    background-color: rgb(0,163,230); /* bleu */
}
.content .block2s-plu table:nth-child(2) tr td{
    background-color: rgb(0,157,87); /* vert */
}
.content .block2s-plu table:nth-child(1) tr td{
    background: url("../../../public/img/content/plu_rc_1.png")  no-repeat center center;
    background-size: cover;
}
.content .block2s-plu table:nth-child(4) tr td{
    background: url("../../../public/img/content/plu_rc_4.png")  no-repeat center center;
    background-size: cover;
}
.content .block2s-plu table:nth-child(5) tr td{
    background: url("../../../public/img/content/plu_rc_5.png") no-repeat center center;
    background-size: cover;
}
.content .block2s-plu table:nth-child(8) tr td{
    background: url("../../../public/img/content/plu_rc_8.png") no-repeat center center;
    background-size: contain;
}
.content .blocks table tr td span.block-font-1{
    font-size:22px;
    font-family: 'Quicksand', sans-serif;
    color:white;
    font-weight: bold;
    text-transform: uppercase;
}
.content .block2s table tr td span.block-font-1{
    font-size:19px;
    font-family: 'Quicksand', sans-serif;
    color:white;
    font-weight: bold;
}

@media (max-width:600px) {
    .content .block2s table{
        display: block;
        float:none;
        margin-left:auto;
        margin-right:auto;
        padding-left:0px;
    }
    .content .block2s table, .content .block2s table tbody, .content .block2s table tbody tr{
        display: block;
        width:100%!important;
    }
    .content .block2s table tr td{
        display: block;
        width:90%;
        height:auto;
        padding : 50px 15px;
        background-size: cover!important;
    }
    .content .block2s-plu table:nth-child(1) tr td{
        height:200px;
    }
    .content .block2s-plu table:nth-child(4) tr td{
        height:200px;
    }
    .content .block2s-plu table:nth-child(5) tr td{
        height:200px;
    }
    .content .block2s-plu table:nth-child(8) tr td{
        height:200px;
    }
}





.content table.tb-2{
    width:100%;
    margin-top:25px;
    border-collapse: collapse;
}
.content table.tb-2 tbody tr td{
    width:45%;
    height: 450px;
    border:1px solid #57585A;
    text-align: center;
    vertical-align: middle;
    color:white;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0px 15px;
}
.content table.tb-2 tbody tr td a{
    display: block;
    text-decoration: none;
    color:inherit;
    font-size: inherit;
    text-transform: inherit;
    position: relative;
    width:100%;
    height:100%;
    font-family: 'Quicksand', sans-serif;
}
.content table.tb-2 tbody tr td:nth-child(1){
    float:left;
}
.content table.tb-2 tbody tr td:nth-child(2){
    float:right;
}
.content table.tb-2 tbody tr td a img:nth-child(1){
    width:50%;
}
.content table.tb-2 tbody tr td a img.picto-plus{
    display: block;
    position:absolute;
    left: 45%;
    bottom:10px;
}
.content table.tb-2:nth-child(1) tbody tr td:nth-child(1){
    background-color: rgb(237,3,124); /* rose */
}
.content table.tb-2:nth-child(1) tbody tr td:nth-child(2){
    background-color: rgb(0,163,230); /* bleu */
}
.content table.tb-2:nth-child(2) tbody tr td:nth-child(1){
    background-color: rgb(0,157,87); /* vert */
}
.content table.tb-2:nth-child(2) tbody tr td:nth-child(2){
    background-color: rgb(244,121,32); /* orange */
}
@media (max-width:750px) {
    .content table.tb-2 tbody tr td{
        float:none;
        width:100%;
        padding: 0px 0px;
        margin-top:15px;
    }
    .content table.tb-2 tbody tr td a{
        width:95%;
        margin-left:auto;
        margin-right:auto;
    }
}





.content .tb-loi{
    width:1000px;
    margin-left:auto;
    margin-right: auto;
    border-collapse: collapse;
    margin-top:25px;
}
.content .tb-loi tbody tr td{
    width:200px;
    height:200px;
    border:1px solid rgb(237,3,124); /* rose */
    background-size:contain!important;
}
.content .tb-loi tbody tr:nth-child(2) td:nth-child(1){
    border-left:0px;
}
.content .tb-loi tbody tr:nth-child(4) td:nth-child(2){
    border-right:0px;
}
.content .tb-loi tbody tr:nth-child(1) td:nth-child(1){
    background: url("../../../public/img/content/loi_sq_1.png") no-repeat center center;
}
.content .tb-loi tbody tr:nth-child(1) td:nth-child(2){
    background: url("../../../public/img/content/loi_sq_2.png") no-repeat center center;
}
.content .tb-loi tbody tr:nth-child(1) td:nth-child(3){
    background: url("../../../public/img/content/loi_sq_3.png") no-repeat center center;
}
.content .tb-loi tbody tr:nth-child(1) td:nth-child(4){
    background: url("../../../public/img/content/loi_sq_4.png") no-repeat center center;
}
.content .tb-loi tbody tr:nth-child(1) td:nth-child(5){
    background: url("../../../public/img/content/loi_sq_5.png") no-repeat center center;
}
.content .tb-loi tbody tr:nth-child(2) td:nth-child(2){
    background: url("../../../public/img/content/loi_sq_6.png") no-repeat center center;
}
.content .tb-loi tbody tr:nth-child(3) td:nth-child(5){
    background: url("../../../public/img/content/loi_sq_7.png") no-repeat center center;
}
.content .tb-loi tbody tr:nth-child(3) td:nth-child(4){
    background: url("../../../public/img/content/loi_sq_8.png") no-repeat center center;
}
.content .tb-loi tbody tr:nth-child(3) td:nth-child(3){
    background: url("../../../public/img/content/loi_sq_9.png") no-repeat center center;
}
.content .tb-loi tbody tr:nth-child(3) td:nth-child(2){
    background: url("../../../public/img/content/loi_sq_10.png") no-repeat center center;
}
.content .tb-loi tbody tr:nth-child(3) td:nth-child(1){
    background: url("../../../public/img/content/loi_sq_11.png") no-repeat center center;
}
.content .tb-loi tbody tr:nth-child(4) td:nth-child(1){
    background: url("../../../public/img/content/loi_sq_12.png") no-repeat center center;
}
.content .tb-loi tbody tr:nth-child(5) td:nth-child(1){
    background: url("../../../public/img/content/loi_sq_13.png") no-repeat center center;
}
.content .tb-loi tbody tr:nth-child(5) td:nth-child(2){
    background: url("../../../public/img/content/loi_sq_14.png") no-repeat center center;
}
.content .tb-loi tbody tr:nth-child(5) td:nth-child(3){
    background: url("../../../public/img/content/loi_sq_15.png") no-repeat center center;
}
.content .tb-loi tbody tr:nth-child(5) td:nth-child(4){
    background: url("../../../public/img/content/loi_sq_16.png") no-repeat center center;
}
.content .tb-loi tbody tr:nth-child(5) td:nth-child(5){
    background: url("../../../public/img/content/loi_sq_17.png") no-repeat center center;
}
.content .tb-loi tbody tr td.tb-loi-tdpopup{
    position:relative;
    cursor:pointer;
}
.content .tb-loi tbody tr td div.tb-loi-popup{
    position:absolute;
    z-index:1000;
    display: none;
    width:180px;
    background-color: rgb(237,3,124); /* rose */
    padding:10px;
    top:200px;
}
.content .tb-loi tbody tr td div.tb-loi-popup p{
    width:100%;
    padding:0px!important;
    margin:0px!important;
    font-family: 'Quicksand', sans-serif;
    color:white;
    font-size:15px;
    font-weight: normal;
    text-align: left;
    line-height: 19px;
}
@media (max-width:1050px) {
    .content .tb-loi{
        width:750px;
    }
    .content .tb-loi tbody tr td{
        width:150px;
        height:150px;
    }
    .content .tb-loi tbody tr td div.tb-loi-popup{
        width:130px;
        top:150px;
    }
    .content .tb-loi tbody tr td div.tb-loi-popup p{
        font-size:14px;
        line-height: 16px;
    }
}
@media (max-width:800px) {
    .content .tb-loi{
        width:550px;
    }
    .content .tb-loi tbody tr td{
        width:110px;
        height:110px;
    }
    .content .tb-loi tbody tr td div.tb-loi-popup{
        width:90px;
        top:110px;
    }
    .content .tb-loi tbody tr td div.tb-loi-popup p{
        font-size:12px;
        line-height: 14px;
    }
}
@media (max-width:600px) {
    .content .tb-loi{
        width:450px;
    }
    .content .tb-loi tbody tr td{
        width:90px;
        height:90px;
    }
    .content .tb-loi tbody tr td div.tb-loi-popup{
        width:70px;
        top:90px;
    }
    .content .tb-loi tbody tr td div.tb-loi-popup p{
        font-size:11px;
        line-height: 14px;
    }
}
@media (max-width:500px) {
    .content .tb-loi{
        display: none;
    }
}




.content table.tb-videos{
    width:100%;
    border-collapse: collapse;
    margin-top:30px;
}
.content table.tb-videos tbody tr td{
    text-align: center;
    vertical-align: top;
    font-family: 'Quicksand', sans-serif;
    font-size:16px;
    font-weight: bold;
}
.content table.tb-videos tbody tr td iframe{
    width:95%;
    height:250px;
}
.content table.tb-videos-3 tbody tr td{
    width:33.3%;
}
.content table.tb-videos-3 tbody tr td:nth-child(1){
    color: rgb(237,3,124); /* rose */
}
.content table.tb-videos-3 tbody tr td:nth-child(2){
    color: rgb(0,163,230); /* bleu */
}
.content table.tb-videos-3 tbody tr td:nth-child(3){
    color: rgb(244,121,32); /* orange */
}
@media (max-width:1000px) {
    .content table.tb-videos{
        width:600px;
        margin-left:auto;
        margin-right:auto;
    }
    .content table.tb-videos tbody tr td{
        padding-top:35px;
        width:100%;
        float:left;
    }
    .content table.tb-videos tbody tr td iframe{
        width:100%;
        height:300px;
    }
}
@media (max-width:650px) {
    .content table.tb-videos{
        width:100%;
    }
    .content table.tb-videos tbody tr td iframe{
        height:auto;
    }
}






.content table.tb-moments{
    width:100%;
    margin-top:25px;
    border-collapse: separate;
    border-spacing: 15px 0px;
}
.content table.tb-moments tbody tr td{
    width:45%;
    height: 450px;
    border:1px solid #57585A;
    text-align: center;
    vertical-align: middle!important;
    color:white;
    font-size: 35px;
    text-transform: uppercase;
    padding: 0px 15px;
    font-weight: bold;
}
.content table.tb-moments tbody tr td a{
    display: inline;
    text-decoration: none;
    color:inherit;
    font-size: inherit;
    text-transform: inherit;
    width:100%;
    height:100%;
    font-family: 'Quicksand', sans-serif;
}
.content table.tb-moments tbody tr td:nth-child(1){
    
}
.content table.tb-moments tbody tr td:nth-child(2){
    
}
.content table.tb-moments tbody tr td a img.picto-plus{
    display: inline;
    width:55px;
}
.content table.tb-moments:nth-child(2) tbody tr td:nth-child(1){
    background-color: rgb(237,3,124); /* rose */
}
.content table.tb-moments:nth-child(1) tbody tr td:nth-child(1){
    background-color: rgb(0,163,230); /* bleu */
}
.content table.tb-moments:nth-child(2) tbody tr td:nth-child(2){
    background-color: rgb(0,157,87); /* vert */
}
.content table.tb-moments:nth-child(1) tbody tr td:nth-child(2){
    background-color: rgb(244,121,32); /* orange */
}
@media (max-width:750px) {
    .content table.tb-moments{
        border-collapse: collapse;
    }
    .content table.tb-moments tbody tr td{
        display: block;
        width:100%;
        padding: 40px 0px;
        height:auto;
        margin-top:15px;
        font-size: 25px;
    }
    .content table.tb-moments tbody tr td a{
        width:95%;
        margin-left:auto;
        margin-right:auto;
    }
}




.content table.tb-pedagogie{
    width:100%;
    border-collapse: collapse;
    margin-top:35px;
}
.content table.tb-pedagogie tbody tr td{
    vertical-align: middle;
}
.content table.tb-pedagogie tbody tr td:nth-child(1){
    text-align:center;
    width:15%;
    padding:15px 0px;
}
.content table.tb-pedagogie tbody tr td:nth-child(1) img{
    width:90%;
}
.content table.tb-pedagogie tbody tr td:nth-child(2){
    text-align:justify;
    padding:15px 25px;
    font-size:18px;
    line-height:26px;
    font-family: 'Quicksand', sans-serif;
    color:black;
}
.content table.tb-pedagogie tbody tr td:nth-child(2) span{
    font-size:inherit;
    font-weight: bold;
    text-transform: uppercase;
}
.content table.tb-pedagogie-ribambelle tbody tr td:nth-child(1){
    background-color: rgb(237,3,124); /* rose */
}
.content table.tb-pedagogie-ribambelle tbody tr td:nth-child(2){
    background-color:rgb(250,219,230); /* rose clair */
}
.content table.tb-pedagogie-ribambelle tbody tr td:nth-child(2) span{
    color:rgb(237,3,124); /* rose */
}
.content table.tb-pedagogie-childrensworld tbody tr td:nth-child(1){
    background-color: rgb(0,163,230); /* bleu */
}
.content table.tb-pedagogie-childrensworld tbody tr td:nth-child(2){
    background-color:rgb(212,234,250); /* bleu clair */
}
.content table.tb-pedagogie-childrensworld tbody tr td:nth-child(2) span{
    color:rgb(0,163,230); /* bleu */
}
.content table.tb-pedagogie-villawichtel tbody tr td:nth-child(1){
    background-color: rgb(0,157,87); /* vert */
}
.content table.tb-pedagogie-villawichtel tbody tr td:nth-child(2){
    background-color:rgb(212,232,218); /* vert clair */
}
.content table.tb-pedagogie-villawichtel tbody tr td:nth-child(2) span{
    color:rgb(0,157,87); /* vert */
}
.content table.tb-pedagogie-kidscare tbody tr td:nth-child(1){
    background-color: rgb(244,121,32); /* orange */
}
.content table.tb-pedagogie-kidscare tbody tr td:nth-child(2){
    background-color:rgb(254,229,209); /* orange clair */
}
.content table.tb-pedagogie-kidscare tbody tr td:nth-child(2) span{
    color:rgb(244,121,32); /* orange */
}
@media (max-width:750px) {
    .content table.tb-pedagogie tbody tr td:nth-child(1){
        display: none;
    }
    .content table.tb-pedagogie tbody tr td:nth-child(2){
        font-size:15px;
    }
}
@media (max-width:500px) {
    .content table.tb-pedagogie tbody tr td:nth-child(2){
        font-size:13px;
    }
}





.content table.tb-offres-publiques{
    width:100%;
    border-collapse: collapse;
    margin-top:35px;
}
.content table.tb-offres-publiques tbody tr td{
    vertical-align: top;
}
.content table.tb-offres-publiques tbody tr td:nth-child(1){
    text-align:center;
    width:20%;
    padding:15px 0px;
}
.content table.tb-offres-publiques tbody tr td:nth-child(1) img{
    width:95%;
}
.content table.tb-offres-publiques tbody tr td:nth-child(2){
    padding:15px 25px;
}
.content table.tb-offres-publiques tbody tr td:nth-child(2) div.listing-offres-publiques{
    padding:30px;
    background-color: rgb(242,242,242);
}
.content table.tb-offres-publiques tbody tr td:nth-child(2) div.listing-offres-publiques div{
    margin-top:25px;
}
.content table.tb-offres-publiques tbody tr td:nth-child(2) div.listing-offres-publiques div h2{
    font-size:16px;
    font-family: 'Quicksand', sans-serif;
    color:black;
    text-transform: uppercase;
    font-weight: bold;
    margin-top:0px;
}
.content table.tb-offres-publiques tbody tr td:nth-child(2) div.listing-offres-publiques div h2 a, .content table.tb-offres-publiques tbody tr td:nth-child(2) div.listing-offres-publiques div p a{
    font-size:inherit;
    font-family:inherit;
    color:inherit;
    text-transform: inherit;
    text-decoration: none;
}
.content table.tb-offres-publiques tbody tr td:nth-child(2) div.listing-offres-publiques div h2 a:hover{
    text-decoration: underline;
}
.content table.tb-offres-publiques tbody tr td:nth-child(2) div.listing-offres-publiques div p{
    font-size:16px;
    font-family: 'Quicksand', sans-serif;
    color:black;
    text-transform: uppercase;
    margin-top:0px;
    text-align: left;
    line-height: initial;
}
.content table.tb-offres-publiques tbody tr td:nth-child(2) p.candi-spont{
    width:300px;
    margin-left:auto;
    margin-right:auto;
    margin-top:100px;
    font-size:30px;
    font-family: 'Quicksand', sans-serif;
    text-transform: uppercase;
    padding: 40px 0px;
    background-color: rgb(244,121,32); /* orange */
    color:white;
    font-weight: bold;
    text-align: center;
}
.content table.tb-offres-publiques tbody tr td:nth-child(2) p.candi-spont a{
    font-size:inherit;
    font-family: inherit;
    color:inherit;
    text-transform: inherit;
    font-weight: inherit;
    text-decoration: none;
}
.content table.tb-offres-publiques tbody tr td:nth-child(2) p.candi-spont a img{
    width:40px;
    display: inline;
}
.content table.tb-offres-publiques tbody tr td:nth-child(2) p.candi-mentions{
    margin-top:100px;
}
@media (max-width:750px) {
    .content table.tb-offres-publiques tbody tr td:nth-child(1){
        display: none;
    }
    .content table.tb-offres-publiques tbody tr td:nth-child(2) div.listing-offres-publiques div h2, .content table.tb-offres-publiques tbody tr td:nth-child(2) div.listing-offres-publiques div p{
        font-size:14px;
    }

}
@media (max-width:500px) {
    .content table.tb-offres-publiques tbody tr td:nth-child(2) div.listing-offres-publiques div h2, .content table.tb-offres-publiques tbody tr td:nth-child(2) div.listing-offres-publiques div p{
        font-size:13px;
    }
    .content table.tb-offres-publiques tbody tr td:nth-child(2) p.candi-spont{
        width:95%;
        font-size:25px;
    }
    
}




.content .logos-list{
    overflow: hidden;
    margin-top:10px;
}
.content .logos-list div{
    width:25%;
    min-width: 180px;
    float:left;
    height:125px;
    margin-top:10px;
}
.content .logos-list a:nth-child(1) div{
    background: url("../../../public/img/layout/logo/logo-ribambelle.jpg") no-repeat center center;
}
.content .logos-list a:nth-child(2) div{
    background: url("../../../public/img/layout/logo/logo-childrensworld.jpg") no-repeat center center;
}
.content .logos-list a:nth-child(3) div{
    background: url("../../../public/img/layout/logo/logo-villawichtel.jpg") no-repeat center center;
}
.content .logos-list a:nth-child(4) div{
    background: url("../../../public/img/layout/logo/logo-kidscare.jpg") no-repeat center center;
}
@media (max-width:600px) {
    .content .logos-list div, .content .logos-list a{
        display: block;
        float:none;
        margin-left:auto;
        margin-right:auto;
    }
}




table.tb-list{
    margin:35px 0px 35px 0px;
    width:100%;
    border-collapse: collapse;
}
table.tb-list tbody tr td{
    width:auto;
    text-align: center;
    vertical-align: middle;
}
table.tb-list tbody tr td a{
    font-size:16px;
    font-family: 'Quicksand', sans-serif;
    color:#57585A;
    font-weight: bold;
    text-decoration: none;
}
table.tb-list tbody tr td:nth-child(1) img, table.tb-list tbody tr td:nth-child(2) img{
    width:100px;
}
@media (max-width:1100px) {
    table.tb-list tbody tr td{
        display: block;
        float:none;
        margin-left:auto;
        margin-right:auto;
        width:100%;
        margin-top:15px;
    }
    table.tb-list tbody tr td:nth-child(3) img{
        width:100%;
    }
}





table.blocks3{
    margin:35px 0px 0px 0px;
    width:100%;
    border-collapse: collapse;    
}
table.blocks3 tbody tr td{
    vertical-align: middle;
    text-align: center;
    width:33%;
    border:4px solid white;
    padding:90px 0px;
}
table.blocks3-rec tbody tr:nth-child(1) td:nth-child(1){
    background: url("../../../public/img/content/rec_1_1.PNG") no-repeat center center;
    background-size: cover;
}
table.blocks3-rec tbody tr:nth-child(1) td:nth-child(2){
    background-color: rgb(0,163,230); /* bleu */
}
table.blocks3-rec tbody tr:nth-child(1) td:nth-child(3){
    background-color: rgb(244,121,32); /* orange */
}
table.blocks3-rec tbody tr:nth-child(2) td:nth-child(2){
    background: url("../../../public/img/content/rec_1_5.PNG") no-repeat center center;
    background-size: cover;
}
table.blocks3-rec tbody tr:nth-child(2) td:nth-child(1){
    background-color: rgb(0,157,87); /* vert */
}
table.blocks3-rec tbody tr:nth-child(2) td:nth-child(3){
    background-color: rgb(237,3,124); /* rose */
}
table.blocks3-met tbody tr:nth-child(1) td:nth-child(2){
    background: url("../../../public/img/content/rec_2_2.PNG") no-repeat center center;
    background-size: cover;
}
table.blocks3-met tbody tr:nth-child(1) td:nth-child(3){
    background-color: rgb(0,163,230); /* bleu */
}
table.blocks3-met tbody tr:nth-child(2) td:nth-child(2){
    background-color: rgb(244,121,32); /* orange */
}
table.blocks3-met tbody tr:nth-child(2) td:nth-child(1){
    background: url("../../../public/img/content/rec_2_4.PNG") no-repeat center center;
    background-size: cover;
}
table.blocks3-met tbody tr:nth-child(1) td:nth-child(1){
    background-color: rgb(0,157,87); /* vert */
}
table.blocks3-met tbody tr:nth-child(2) td:nth-child(3){
    background-color: rgb(237,3,124); /* rose */
}
table.blocks3 tbody tr td a{
    color:white;
    text-transform: uppercase;
    font-size:30px;
    font-family: 'Quicksand', sans-serif;
    text-decoration: none;
    font-weight: bold;
}
table.blocks3 tbody tr td a span{
    color:inherit;
    text-transform: inherit;
    font-size:20px;
    font-family: inherit;
    font-weight: inherit;
}
@media (max-width:800px) {
    table.blocks3 tbody tr td{
        padding:50px 0px;
    }
    table.blocks3 tbody tr td a{
        font-size:25px;
    }
    table.blocks3 tbody tr td a span{
        font-size:15px;
    }
}
@media (max-width:650px) {
    table.blocks3 tbody tr td{
        padding:40px 0px;
    }
    table.blocks3 tbody tr td a{
        font-size:20px;
    }
    table.blocks3 tbody tr td a span{
        font-size:13px;
    }
}
@media (max-width:500px) {
    table.blocks3 tbody tr td{
        padding:30px 0px;
    }
    table.blocks3 tbody tr td{
        width:100%;
        float:left;
        border:0px solid;
        border-top:5px solid white;
    }
    table.blocks3-rec tbody tr:nth-child(1) td:nth-child(1){
        height:250px;
    }
    table.blocks3-rec tbody tr:nth-child(2) td:nth-child(2){
        height:250px;
    }
    table.blocks3-met tbody tr:nth-child(1) td:nth-child(2){
        height:250px;
    }
    table.blocks3-met tbody tr:nth-child(2) td:nth-child(1){
        height:250px;
    }
}



table.tb-groupes{
    margin:35px 0px 0px 0px;
    width:100%;
    border-collapse: collapse;    
}
table.tb-groupes tbody tr td{
    vertical-align: middle;
}
.content table.tb-groupes tbody tr td:nth-child(1){
    text-align:center;
    width:25%;
    padding:25px 0px 15px 0px;
}
.content table.tb-groupes tbody tr td:nth-child(1) img{
    width:90%;
}
.content table.tb-groupes tbody tr td:nth-child(2){
    text-align:justify;
    padding:25px;
    font-size:18px;
    line-height:26px;
    font-family: 'Quicksand', sans-serif;
    color:#57585A;
}
table.tb-groupes tbody tr td p{
    text-align: right!important;
    margin-top:0px;
    width:100%;
}
table.tb-groupes tbody tr td p a{
    text-decoration: none;
    display: inline;
}
table.tb-groupes tbody tr td p a img{
    display: inline;
    width:35px;
}
@media (max-width:750px) {
    .content table.tb-groupes tbody tr td:nth-child(1){
        /*display: none;*/
        width:100%;
        float:left;
    }
    .content table.tb-groupes tbody tr td:nth-child(1) img{
        width:200px;
    }
    .content table.tb-groupes tbody tr td:nth-child(2){
        font-size:15px;
        width:100%;
        float:left;
        padding:25px 0px!important;
    }
    table.tb-groupes tbody tr td p{
        text-align: center!important;
    }
}
@media (max-width:500px) {
    .content table.tb-groupes tbody tr td:nth-child(2){
        font-size:13px;
    }
}





.tb-prh{
    width:100%;
    border-collapse: collapse;
    margin-top:20px;
}
.tb-prh tbody tr td{
    
}
.tb-prh tbody tr td:nth-child(1){
    width:60%;
    font-size:18px;
    line-height:26px;
    font-family: 'Quicksand', sans-serif;
    color:#57585A;
    text-align:left;
}
.tb-prh tbody tr td:nth-child(1) p.tb-prh-p{
    width:80%;
    margin-left: auto;
    margin-right:auto;
    font-size:inherit;
    line-height:inherit;
    font-family: inherit;
    color:inherit;
    text-align:inherit;
}
.tb-prh tbody tr td:nth-child(2){
    width:40%;
    text-align: center;
}
.tb-prh tbody tr td:nth-child(2) p{
    font-size:40px;
    font-family: 'Quicksand', sans-serif;
    color:white;
    text-align:center;
    font-weight: bold;
    line-height: 45px;
    padding:120px 0px;
}
.tb-prh tbody tr td:nth-child(2) p:nth-child(1){
    background-color: rgb(0,163,230); /* bleu */
}
.tb-prh tbody tr td:nth-child(2) p:nth-child(2){
    background-color: rgb(244,121,32); /* orange */
}
.tb-prh tbody tr td:nth-child(2) p:nth-child(3){
    background-color: rgb(237,3,124); /* rose */
}
.tb-prh tbody tr td:nth-child(2) a{
    color: rgb(237,3,124); /* rose */
    text-transform: uppercase;
    font-size:25px;
    text-decoration: none;
}
.tb-prh tbody tr td:nth-child(2) a img{
    width:25px;
}
@media (max-width:750px) {
    .tb-prh tbody tr td{
        width:100%!important;
        display: block;
        float:left;
    }
    .tb-prh tbody tr td:nth-child(2) a{
        display: block;
        margin-top:15px;
    }
}
@media (max-width:600px) {
    .tb-prh tbody tr td{
        font-size:15px!important;
    }
    .tb-prh tbody tr td:nth-child(2) p{
        font-size:30px;
        padding:90px 0px;
    }
}







.sub-nav{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    overflow: hidden;
    position:absolute;
    z-index:1000;
    bottom:0px;
}
.sub-nav ul{
    display:block;
    width:100%;   
}
.sub-nav ul li{
    display:inline-block;
    float:left;
    width:24.5%;
    text-align:center;
    font-family: 'Quicksand', sans-serif;
    font-size:13px;
    color:white;
    font-weight: bold;
    text-transform: uppercase;
    background-color: rgba(237,3,124,0.7);
    margin-top:5px;
    margin-left:0.65%;
}
.sub-nav2 ul li{
    width:32.8%;
    background-color: rgba(244,121,32,0.7);
    margin-left:0.8%;
}
.sub-nav3 ul li{
    width:32.8%;
    background-color: rgba(0,163,230,0.7);
    margin-left:0.8%;
}
.sub-nav ul li:nth-child(4), .sub-nav ul li:nth-child(8){
    margin-left:0.70%;
}
.sub-nav ul li:hover{
    background-color: rgba(237,3,124,0.5);
}
.sub-nav2 ul li:hover{
    background-color: rgba(244,121,32,0.5);
}
.sub-nav3 ul li:hover{
    background-color: rgba(0,163,230,0.5);
}
.sub-nav ul li:nth-child(1), .sub-nav ul li:nth-child(5){
    margin-left:0%;
}
.sub-nav ul li a{
    display: block;
    font-weight: inherit;
    font-size:inherit;
    color:inherit;
    font-family:inherit;
    text-decoration:none;
    padding:20px 0px;
}
@media (max-width:750px) {
    .sub-nav{
        position:relative;
    }
    .sub-nav ul li{
        font-size:11px;
    }
}
@media (max-width:650px) {
    .sub-nav ul li{
        font-size:10px;
    }
}
@media (max-width:600px) {
    .sub-nav ul li{
        display: block;
        float:none;
        width:100%;
        margin-left:0px!important;
    }
}




.frm-nl{
    display: inline-block;
    width:300px;
    border:1px solid #57585A;
    font-size:15px;
    padding:8px 0px;
    text-indent: 5px;
}
.frm-nl-bt{
    display: inline-block;
    width:50px;
    background-color: #57585A;
    color:white;
    font-size:15px;
    padding:8px 0px;
    border:0px;
    cursor: pointer;
}
@media (max-width:450px) {
    .frm-nl{
        width:75%;
    }
    .frm-nl-bt{
        width:24%;
    }
}






.frm{
    width:900px;
    margin-left:auto;
    margin-right:auto;
}
.frm .frm-cp{
    margin-top:15px;
    width:100%;
}
.frm .frm-cp-short{
    width:50%;
}
.frm .frm-cp-float-left{
    width:20%;
    float:left;
    margin-right:5%
}
.frm .frm-cp label{
    display: block;
    width:100%;
    font-family: 'Quicksand', sans-serif;
    font-size:19px;
    font-weight: normal;
    color:#57585A;
}
.frm .frm-cp label a{
    font-family: inherit;
    font-size:inherit;
    font-weight: bold;
    color:inherit;
    text-decoration: none;
}
.frm .frm-cp label a:hover{
    text-decoration: underline;;
}
.frm .frm-cp label.ttl{
    font-weight: bold;
    margin-top:15px;
}
.frm .frm-cp input, .frm .frm-cp select{
    display: block;
    width:100%;
    margin-top:3px;
    font-family: 'Quicksand', sans-serif;
    text-indent: 10px;
    font-size:17px;
    font-weight: normal;
    color:black;
    border:1px solid #57585A;
    padding: 4px 0px;
    background-color: #fafafa;
}
.frm .frm-cp textarea{
    display: block;
    width:100%;
    margin-top:3px;
    font-family: 'Quicksand', sans-serif;
    text-indent: 10px;
    font-size:17px;
    font-weight: normal;
    color:black;
    border:1px solid #57585A;
    padding: 4px 0px;
    background-color: #fafafa;
}
.frm .frm-table{
    width:100%;
    border-collapse: collapse;
}
.frm .frm-table tr td{
    text-align: left;
    vertical-align: middle;
}
.frm .frm-table-3 tr td{
    width:31.3%;
    padding:0% 4% 0% 0%;
}
.frm .frm-table-3 tr td{
    width:31.3%;
    padding:0% 4% 0% 0%;
}
.frm .frm-table-3 tr td:nth-child(3){
    padding:0% 0% 0% 0%;
}
.frm .frm-table-2 tr td{
    width:45%;
    padding:0% 0% 0% 0%;
}
.frm .frm-table-2 tr td:nth-child(1){
    padding:0% 4% 0% 0%;
}
.frm .frm-table-2 tr td:nth-child(2){
    padding:0% 0% 0% 4%;
}
.frm .frm-cp-date select{
    width:29%;
    display: inline-block;
    text-align: left;
    text-indent: 0px;
}
.frm .frm-cp-checkbox input{
    display: inline-block;
    width:4%;
    cursor:pointer;
}
.frm .frm-cp-checkbox label{
    display: inline-block;
    width:92%;
    margin-left:10px;
}
.frm .cp-submit{
    width:100%;
    margin-top:25px;
}
.frm .cp-submit input{
    width:150px;
    padding:15px 0px;
    text-align: center;
    color:white;
    background-color: rgb(108,198,212);
    border:0px solid;
    font-family: 'Quicksand', sans-serif;
    font-size:17px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
.frm .cp-submit input:hover{
    background-color: rgba(108,198,212,0.7);
}
.cc-frm .frm-cp{
    margin-top: 20px;
}
.cc-frm .frm-cp input{
    text-indent: 10px;
    border:1px solid rgb(251,224,24);
    background-color: rgb(251,224,24);
}
.cc-frm .cp-submit input{
    width:300px;
    color:black;
    background-color: rgb(251,224,24);
}
.cc-frm .cp-submit input:hover{
    background-color: rgba(251,224,24,0.5);
}
#cc-abs img{
    display: block;
    position:absolute;
    top:-300px;
    right:0px;
}
@media (max-width:950px) {
    .frm{
        width:95%;
        margin-left:auto;
        margin-right:auto;
    }
}
@media (max-width:720px) {
    .frm .frm-table-3 tr td{
        display: block!important;
        width:100%!important;
        padding:0% 0% 0% 0%!important;
    }
    .frm .frm-table-3 tr td img{
        display: block!important;
        width:90%!important;
        max-height: none!important;
        margin-left:auto;
        margin-right:auto;
    }
    .frm .frm-table-2 tr td{
        display: block;
        width:100%;
        padding:0% 0% 0% 0%!important;
    }
    .frm .frm-cp-short{
        width:100%;
    }
    .frm .frm-cp-float-left{
        width:40%;
        margin-right:5%
    }
    .frm .frm-cp label, .frm .frm-cp input, .frm .frm-cp select, .frm .frm-cp textarea{
        font-size:15px;
    }
    #cc-abs{
        text-align: center;
        margin-top:25px;
        
    }
    #cc-abs img{
        display: inline;
        position:relative;
        top:0px;
    }
}
@media (max-width:650px) {
    .frm .frm-cp-float-left{
        width:95%;
        margin-right:0%
    }
    .frm .frm-cp label, .frm .frm-cp input, .frm .frm-cp select, .frm .frm-cp textarea{
        font-size:14px;
    }
    .frm .frm-cp input, .frm .frm-cp select{
        text-indent: 3px;
    }
}
@media (max-width:550px) {
    .frm .cp-submit input{
        width:100%;
    }
}




.bta{
    display: inline-block;
    background-color: rgb(237,3,124);
    padding:15px 30px;
    color:white;
    font-size:15px;
    text-align: center;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    cursor:pointer;
    margin-top:15px;
}
.bta:hover{
    background-color: rgba(237,3,124, 0.7);
}
@media (max-width:600px) {
    .bta{
        display: block;
        width:95%;
        margin-left:auto;
        margin-right:auto;
        padding:15px 0px;
    }
}
@media (max-width:500px) {
    .bta{
        font-size:13px;
    }
}





.content p.error-login{
    color:red;
    font-weight: bold;
}

.content p span.fc-label{
    font-size:inherit;
    line-height:inherit;
    font-family: inherit;
    color:inherit;
    font-weight: inherit;
}

@media (max-width:1100px) {
    .container{
        width:95%;
    }
}


@media (max-width:960px) {
    .content p{
        width:100%;
    }
    .content p img{
        width: 100%;
        max-width: max-content;
    }
}


@media (max-width:500px) {
    .content h1, .content h2{
        font-size:22px;
    }
    .content h3{
        font-size:18px;
    }
    .content p{
        font-size:13px;
    }
}



@media (max-width:1100px) {
    video{
        width:100%!important;
        height:auto!important;
    }
}

.central-frm{
    width:600px;
    margin-left:auto;
    margin-right:auto;
}
.central-frm p{
    width:100%;
    text-align: center;
    margin-top:10px;
}
.central-frm div{
    width:75%;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
}
.central-frm div label{
    width:100%;
    padding:2px 0px;
    font-size:16px;
    color:#57585A;
}
.central-frm div input, .central-frm div select{
    width:100%;
    padding:5px 0px;
    text-indent: 4px;
    background-color: white;
    border: 1px solid rgb(230,230,230);
    color:#57585A;
    font-size:16px;
    font-family: 'Quicksand', sans-serif;
}
.central-frm div textarea{
    width:100%;
    padding:5px 0px;
    text-indent: 4px;
    min-height: 250px;
    background-color: white;
    border: 1px solid rgb(230,230,230);
    color:#57585A;
    font-size:16px;
    font-family: 'Quicksand', sans-serif;
}
.central-frm div input[type="submit"], .bt{
    width:100%;
    display: block;
    margin-top:10px;
    background-color:#C68E5C;
    border: 1px solid #C68E5C;
    color:white!important;
    font-size:16px;
    font-family: 'Quicksand', sans-serif;
    padding:5px 0px;
    text-align: center;
    cursor:pointer;
    text-decoration: none;
}
.bt{
    width:250px;
    margin-left:auto;
    margin-right:auto;
}
.central-frm div input[type="submit"]:hover, .bt:hover{
    background-color:white;
    border: 1px solid rgb(230,230,230)!important;
    color:#C68E5C!important;
}
#newpsw{
    margin:0px auto auto;
    padding:0px;
}
#newpsw input{
    margin:0px;
    padding:0px;
    background-color:#C68E5C;
    border: 1px solid #C68E5C;
    color:white;
    font-size:16px;
    font-family: 'Quicksand', sans-serif;
    text-align: center;
    cursor:pointer;
    text-decoration: none;
}
#newpsw input:hover{
    background-color:white;
    border: 1px solid rgb(230,230,230);
    color:#C68E5C;
}
@media (max-width:600px) {
    .central-frm{
        width:100%;
    }
    .central-frm p{
        width:95%;
    }
}
@media (max-width:500px) {
    .central-frm div{
        width:95%;
    }
    .central-frm div label{
        font-size:14px;
    }
    .central-frm div input, .central-frm div textarea{
        font-size:14px;
    }
}



.listing{
    border-collapse: collapse;
    margin-top:20px;
    width:1100px;
    margin-left:auto;
    margin-right:auto;
}
.listing th{
    padding:7px 0px 7px 0px;
    color:#C68E5C;
    font-weight: bold;
    font-size:16px;
    font-family: 'Quicksand', sans-serif;
    text-align: left;
}
.listing td{
    padding:7px 0px 7px 0px;
    border-top:1px solid #C68E5C;
    color:#57585A;
    font-size:16px;
    font-family: 'Quicksand', sans-serif;
    text-align: left;
}
.listing td a{
    color:inherit;
    font-size:inherit;
    font-family:inherit;
    text-decoration: none;
}
.listing td a:hover{
    text-decoration: underline;
}
.listing th:last-child, .listing td:last-child{
    text-align: right;
}

@media (max-width:1150px) {
    .listing{
        width:95%;
    }
}
@media (max-width:1000px) {
    .listing th, .listing td{
        font-size:14px;
    }
}
@media (max-width:850px) {
    .listing th, .listing td{
        font-size:12px;
    }
}
@media (max-width:800px) {
    .listing th:last-child, .listing td:last-child{
        display:none;
    }
    .listing th:nth-last-of-type(2), .listing td:nth-last-of-type(2){
        text-align: right;
    }
    .listing th:nth-child(1){
        text-align: left!important;
    }
}
@media (max-width:650px) {
    .listing th:nth-last-of-type(2), .listing td:nth-last-of-type(2){
        display:none;
    }
    .listing th:nth-last-of-type(3), .listing td:nth-last-of-type(3){
        text-align: right;
    }
    .listing th:nth-child(1){
        text-align: left!important;
    }
}
@media (max-width:500px) {
    .listing th, .listing td{
        display:none;
    }
    .listing th:nth-child(1), .listing td:nth-child(1){
        display: table-cell;
        text-align: center!important;
    }
}
@media (max-width:400px) {
    .listing th:nth-child(1), .listing td:nth-child(1){
        text-align: center!important;
    }
}

#link-creches{
    text-align:center;
    width:100%;
    margin-top:35px;
}
#link-creches img{
    margin:0px;
    padding:0px;
    border:0px;
}
#link-creches #lc2{
    display:none;
}
@media (max-width:500px) {
    #link-creches #lc1{
        display:none;
    }
    #link-creches #lc2{
        display:inline;
        
    }
}





#front3 div{
    overflow: hidden;
}

#front3 div ul{
    float:left;
    width:300px;
    margin-top:50px;
}

#front3 div ul a{
    text-decoration: none;
}

#front3 div ul a li{
    display: block;
    color:white;
    font-size:14px;
    text-align:left;
    padding:15px 0px 15px 5px;
    margin-top:5px;
}

#front3 div ul a:nth-child(1) li{
    background:url("../../../public/img/layout/bg/br-front1.png") no-repeat right center;
}
#front3 div ul a:nth-child(2) li{
    background:url("../../../public/img/layout/bg/br-front2.png") no-repeat right center;
}
#front3 div ul a:nth-child(3) li{
    background:url("../../../public/img/layout/bg/br-front3.png") no-repeat right center;
}
#front3 div ul a:nth-child(4) li{
    background:url("../../../public/img/layout/bg/br-front4.png") no-repeat right center;
}
#front3 div ul a:nth-child(5) li{
    background:url("../../../public/img/layout/bg/br-front5.png") no-repeat right center;
}

#front3 div img{
    display: block;
    float:right;
}


@media (max-width:380px) {
    #front3 div img{
        float:none;
        width:92%;
        margin-left:auto;
        margin-right:auto;
        margin-top:15px;
    }
}








.art{
    margin-top:25px;
}
.art h2{
    text-align: left;
    margin: 15px 0px 0px 0px;
    color:#c68e5c;
}
.art p{
    text-align: left;
    border-bottom:1px solid #c68e5c;
    padding:5px 0px!important;
    width:100%;
}
.art p span{
    font-size: 12px!important;
    line-height: 15px!important;
}
.art a:hover{
    text-decoration:underline;
}






.nav-page{
    width:250px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
}
.nav-page ul{
    
}
.nav-page ul li{
    display: inline-block;
    padding:0px 3px;
}
.nav-page ul li a{
    display: block;
    width:15px;
    background-color: #C68E5C;
    padding:5px 5px;
    color:white;
    font-size:15px;
    text-align: center;
    text-decoration: none;
    border: 1px solid rgb(230,230,230);
}
.nav-page ul li.page-selected a{
    background-color:white;
    border: 1px solid rgb(230,230,230);
    color:#C68E5C;
}
.nav-page ul li a:hover{
    background-color:white;
    border: 1px solid rgb(230,230,230);
    color:#C68E5C;
}


#galery{
    overflow: hidden;
}
#galery ul li{
    float:left;
    display: block;
    width:auto;
    height: auto;
    border:1px solid #D6D6D6;
    margin-right:8px;
    margin-top:8px;
    cursor: pointer;
}
#galery ul li div{
    width:180px;
    height: 120px;
    border:5px solid white;
    background-size: cover;
}
#galery ul li:hover div{
    border:5px solid rgba(0,0,0,0.15);
}

















#lavorel-map{
    display: none;
}



.br-multicolor div{
    width:25%;
    height:6px;
    float:left;
}
.br-multicolor div:nth-child(1){
    background-color:rgb(237,3,124);
}
.br-multicolor div:nth-child(4){
    background-color:rgb(0,163,230);
}
.br-multicolor div:nth-child(2){
    background-color:rgb(0,157,87);
}
.br-multicolor div:nth-child(3){
    background-color:rgb(244,121,32);
}



#cc-popup-cible{
    position:relative;
    text-align: right;
    display: none;
}
#cc-popup-cible span{
    font-size:40px;
    color:black;
    font-weight: bold;
    cursor:pointer;
}























#reseau{
    margin-top:25px;
    overflow: hidden;
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    height:auto;
}
#reseau #reseau-map{
    display: block;
    margin:0px;
    border:0px;
    padding:0px;
    width:100%;
}
#reseau h2{
    position:absolute;
    top:15px;
    left:15px;
    color:black;
    font-size: 18px;
    font-family: 'Oxygen', sans-serif;
}
#reseau #reseau-lux{
    display: block;
    position:absolute;
    top:15px;
    right:15px;
    width:45%;
    overflow: hidden;
}
#reseau #reseau-lux img{
    display: block;
    margin:0px;
    border:0px;
    padding:0px;
    width:100%;
    float:left;
}
#legende{
    width:350px;
    padding:10px;
    background-color: white;
    position:absolute;
    bottom:15px;
    right:15px;
}
#legende p{
    color:black;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Oxygen', sans-serif;
    padding-bottom:5px;
}
#legende ul{
    display:block;
    width:49%;
    float:left;
}
#legende ul li{
    display: block;
    font-size:12px;
    font-weight: bold;
    margin-top:5px;
    width:100%;
    overflow: hidden;
}
#legende ul li img{
    display: inline-block;
    float:left;
}
#legende ul li span{
    font-size:inherit;
    font-weight: inherit;
    display: inline-block;
    margin-left:10px;
    float:left;
    margin-top:3px;
}

#reseau .cc, #reseau #reseau-lux .ccc{
    display: block;
    position:absolute;
    overflow: visible;
    cursor:pointer;
    width:auto;
}
#reseau .cc img, #reseau #reseau-lux .ccc img{
    display: block;
    float:left;
    width:20px;
}
#reseau .cc label, #reseau #reseau-lux .ccc label{
    display: block;
    position:absolute;
    font-size:12px;
    top:2px;
    left:23px;
    width:100px;
}
#reseau #reseau-lux .cccc label, #reseau .cccc label{
    width:190px;
}
#reseau .lux img{
    width:10px;
}
#reseau .lux label{
    display: none;
}
#reseau .ribambelle label{
    color:rgb(237,3,124);
}
#reseau .childrensworld label{
    color:rgb(0,163,230);
}
#reseau .villawichtel label{
    color:rgb(0,157,87);
}
#reseau .kidscare label{
    color:rgb(244,121,32);
}

#popup{
    display:block!important;
    border:2px solid rgb(237,3,124)!important;
    background-color: white!important;
    padding:7px 10px!important;
    overflow: hidden!important;
    width:340px!important;
    position: absolute!important;
    height:auto!important;
}
#popup .close{
    float:right!important;
    color:rgb(30,30,30)!important;
    font-size:14px!important;
    cursor:pointer!important;
}
#popup h3{
    font-size:12px!important;
    font-family: 'Oxygen', sans-serif!important;
    text-transform: uppercase!important;
}
#popup h3 span{
    color:rgb(237,3,124)!important;
    font-size: inherit!important;
    font-weight: inherit!important;
    font-family: inherit!important;
}
#popup div.info{
    overflow: hidden!important;
    margin-top:10px!important;
}
#popup div.info div{
    float:left!important;
    display: block!important;
    width:150px!important;
    height:150px!important;
    border:1px solid rgb(30,30,30)!important;
    background-size: cover!important;
}
#popup div.info ul{
    display: block!important;
    float:left!important;
    margin-left:10px!important;
    margin-bottom:10px!important;
}
#popup div.info ul li{
    font-size:11px!important;
    font-family: 'Oxygen', sans-serif!important;
    font-weight: bold!important;
    padding-bottom:1px!important;
}
#popup div.info ul li span{
    font-size:inherit!important;
    font-family: inherit!important;
    font-weight: bold!important;
    color:inherit!important;
    cursor:pointer!important;
    text-decoration: underline!important;
}
#popup .rens{
    display: none;
}




@media (max-width:1130px) {
    #reseau{
        width:95%;
    }
    #reseau .cc label, #reseau #reseau-lux .ccc label{
        font-size:10px;
        top:4px;
    }
}
@media (max-width:900px) {
    #legende{
        width:300px;
        bottom:5px;
        right:5px;
    }
    #legende p{
        font-size: 12px;
    }
    #legende ul li{
        font-size:10px;
    }
    #reseau .cc label, #reseau #reseau-lux .ccc label{
        font-size:9px;
        top:4px;
    }
}
@media (max-width:750px) {
    #reseau h2{
        font-size: 15px;
    }
    #reseau #legende{
        width:200px;
    }
    #reseau #legende ul:nth-of-type(1){
        display: none;
    }
    #reseau #legende ul:nth-of-type(2){
        width:95%;
    }
    
}
@media (max-width:550px) {
    #reseau{
        display: none;
    }
    #bt-structures{
        display:none;
    }
}

#popup div.info ul li.heuremoins{
    display: none!important;
}
#popup div.info ul li.heureplus{
    
}
#popup div.heureplus ul{
    margin-bottom:5px!important;
}




#header-lang{
    display: none!important;
}




#galerie{
    width:100%;
    position:fixed;
    z-index:1000;
    background-color: rgba(0,0,0,0.8);
    top:0px;
    display: none;
}
#galerie table{
    margin-left:auto;
    margin-right:auto;
    width:80%;
    border-collapse: collapse;
}
#galerie table tbody tr td{
    text-align: center;
    vertical-align: middle;
    color:white;
    font-weight: bold;
    font-size:55px;
}
@media (max-width:550px) {
    #galerie table tbody tr td{
        font-size:35px;
    }
}
#galerie table tbody tr td span#close{
    color:inherit;
    font-weight: inherit;
    font-size:inherit;
    cursor:pointer;
}
#galerie table tbody tr td:nth-child(1), #galerie table tbody tr td:nth-child(3){
    cursor:pointer;
    width:10%;
}
#galerie table tbody tr td:nth-child(2){
    width:80%;
}
#galerie table tbody tr td:nth-child(2) img{
    border:1px solid white;
}







.lk-colors div{
    width:100%;
    margin:0px;
    padding:0px;
}
.lk-colors div{
    width:25%;
    height:6px;
    float:left;
}
.lk-colors div:nth-child(1){
    background-color:rgb(237,3,124);
}
.lk-colors div:nth-child(2){
    background-color:rgb(0,163,230);
}
.lk-colors div:nth-child(3){
    background-color:rgb(0,157,87);
}
.lk-colors div:nth-child(4){
    background-color:rgb(244,121,32);
}






.marquee{
    margin:0px!important;
    display: block;
    padding: 15px 0px;
    text-align: left;
    font-family: 'Oxygen', sans-serif;
    font-size:14px;
    color:white!important;
    background-color: rgb(237,3,124);
    overflow: hidden;
}
.marquee *{
    font-family:inherit;
    font-size:inherit;
    color:inherit;
}


/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 {
    position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url('../../../public/img/layout/picto/b05.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* jssor slider arrow navigator skin 12 css */
/*
.jssora12l                  (normal)
.jssora12r                  (normal)
.jssora12l:hover            (normal mouseover)
.jssora12r:hover            (normal mouseover)
.jssora12l.jssora12ldn      (mousedown)
.jssora12r.jssora12rdn      (mousedown)
*/
.jssora12l, .jssora12r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 30px;
    height: 46px;
    cursor: pointer;
    background: url('../../../public/img/layout/picto/a12.png') no-repeat;
    overflow: hidden;
}
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12l.jssora12ldn { background-position: -256px -37px; }
.jssora12r.jssora12rdn { background-position: -315px -37px; }