/******************************************
*   Section blocs dépliables
*******************************************/

.sections-wrapper .section-videos .videos-wrapper{
    overflow: hidden;
}
.sections-wrapper .section-videos table{
    border-spacing: 0!important;
    border-collapse: collapse!important;
    width: 100%;
}
.sections-wrapper .section-videos td{
    vertical-align: middle;
    display: block;
    width: 100%;
    padding: 3em 5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   
}

.sections-wrapper .section-videos .bloc-text{
    float: none;
     width: 100%;
}

.sections-wrapper .section-videos td:last-child{
    padding-top: 0;
}

.sections-wrapper .section-videos td:first-child{
    padding-bottom: 0;
}

.sections-wrapper .section-videos table td:first-child,
.sections-wrapper .section-videos table td:last-child{
    border: none!important;
}


.sections-wrapper .section-videos .block{
    border: 1px solid #ddd;
    padding: 1em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    margin-bottom: 1em;
    background: white;
    width: 31.333%;
    margin-right: 3%;
}

.sections-wrapper .section-videos .block:last-child{
    margin-right: 0;
}
.sections-wrapper .section-videos .block a{
    text-decoration: none;
    outline: none;
    color: inherit;
}
.sections-wrapper .section-videos .block .photo-wrapper{
    display: table;
    width: 100%;
        background-size: contain !important;
    background-position: center bottom!important;
    height: 0;
    margin-top: 4em;
    margin-bottom: 4em;
    padding-bottom: 28%;
    float: left;
}
.sections-wrapper .section-videos .block .photo{
    padding: 26% 0;
    background-size: cover!important;
    display: table-cell;
    text-align: center;
}
.sections-wrapper .section-videos .block .photo img{
    border: none;
    max-width: 100px;
    height: auto;
}
.sections-wrapper .section-videos .block .title-wrapper{
    margin-bottom: 0;
    min-height: 50px;
    display: block;
}
.sections-wrapper .section-videos .block .title-wrapper h2{
    font-size: 1.3em;
}

.sections-wrapper .section-videos table a.popup{
    position: relative;
}

.sections-wrapper .section-videos .button-wrapper{
    text-align: center;
    margin-top: 2em;
}

/* mobiles */
@media screen and (max-width: 1366px) {
	.sections-wrapper .section-videos td{padding-left: 2.5em;padding-right: 2.5em;}
}
/* mobiles */
@media screen and (max-width: 1024px) {
	.sections-wrapper .section-videos td{padding-left: 5%;padding-right: 5%;}
    
}