@import url("//hello.myfonts.net/count/38dbaf"); /*IMPORTANT ! = page view counter */
/* ## TYPOGRAPHY ############################################################# */

@font-face {
    font-family: 'CalvertMTStd-Light';
    src: url('../font/38DBAF_0_0.eot');
    src: url('../font/38DBAF_0_0.eot?#iefix') format('embedded-opentype'),
    url('../font/38DBAF_0_0.woff2') format('woff2'),
    url('../font/38DBAF_0_0.woff') format('woff'),
    url('../font/38DBAF_0_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CalvertMTStd';
    src: url('../font/38DBAF_1_0.eot');
    src: url('../font/38DBAF_1_0.eot?#iefix') format('embedded-opentype'),
        url('../font/38DBAF_1_0.woff2') format('woff2'),
        url('../font/38DBAF_1_0.woff') format('woff'),
        url('../font/38DBAF_1_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CalvertMTStd-Bold';
    src: url('../font/38DBAF_2_0.eot');
    src: url('../font/38DBAF_2_0.eot?#iefix') format('embedded-opentype'),
        url('../font/38DBAF_2_0.woff2') format('woff2'),
        url('../font/38DBAF_2_0.woff') format('woff'),
        url('../font/38DBAF_2_0.ttf') format('truetype');
}


/* ## structure ########################################################## */
.ftlHTML{
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size:20px;
    color:#000;
    padding:30px 0 20px 0;
}
.zoneLink:hover{
    opacity:0.8;
}
.hasTouch.isSmallScreen .zoneLink:hover{
    opacity:1;
}
/* ## HEADER ############################################################# */
.sectionHeader{
   /* background: url(../images/deco/visuel-deco-header-618x405.jpg) no-repeat right top;*/
    background-size:auto 100%;
    /*min-height:405px;*/
}

.img-header-mobile{
	display:none;
}
	
.sectionHeader-title{
    max-width:380px;
    font-family:'CalvertMTStd', Georgia, Times, serif;    
    font-size:2.3em;
    color:#005ead;
    margin:0;
}

.sectionTitle a{
	text-decoration:none;
	color:#000000;
}

.sectionHeader-main{
    padding-top:5px;
}
.odj-title{
    font-family:'CalvertMTStd', Georgia, Times, serif;  
    font-size:1.1em;
    line-height:1;
    padding:10px 0;
}
.odj-title-label:before{
    display:inline-block;
    content:"";
    width:35px;
    height:40px;
    background:url(../images/deco/picto-odj-35x40.png) no-repeat 0 0;
    background-size:100%;
    vertical-align: middle;
    margin-right:13px;
}

/* ## COMMONS ############################################################# */
.rouge{
    color:#ed1c27 !important;
}
/* # Block Produit ### */
.blkProduct{
    max-width:100%;
    display:flex;
    justify-content: space-between;
    align-items:center;/**/
    background-color:#005ead;
    border:8px solid #005ead;
}


.robot-product{
		margin-bottom:15px;
	}
	


/*.blkProduct-visuel{
}*/
.blkProduct-visuel img{
    display:block;
    margin:0 auto;
}
.blkProduct-label{
    background-color: #FFF;
}

.blkProduct-label-desc{
    font-family:'CalvertMTStd', Georgia, Times, serif;
    margin:0;
}
.blkProduct-label-desc-title{
    font-size:0.9em;
    line-height:1.1;
}
.blkProduct-label-desc-title a,
.blkProduct-label-desc-title a:hover{
    text-decoration: none;
    color:#000;
}
.blkProduct-label-desc-title-cat{
    display:block;
}
.blkProduct-label-desc-title-name{
    font-family:'CalvertMTStd-Bold', Georgia, Times, serif;
    display:block;  
}
.blkProduct-label-desc-pricer{
    font-size:1.1em;
    white-space: nowrap;
}
.blkProduct-label-desc-pricer strong{
    display:inline-block;
    font-size:1.2em;
    font-weight:700;
    line-height:1;
}
.blkProduct-label-desc-pricer .cent{
    font-size:0.65em;
}
.blkProduct-label-desc-pricer del{
    font-family:'CalvertMTStd-Light', Georgia, Times, serif;
    display:inline-block;
    text-decoration-line: none;
    text-decoration: none;
    position:relative;
    font-size:0.8em;
    line-height:0.8;
    margin-left:10px;
}
.blkProduct-label-desc-pricer del:after{
    display:inline-block;
    position:absolute;
    background-color:#000;
    right:0;
    bottom:0;
    left:0;
    content:"";
    height:1px;
    font-size:1px;
    transform: translate(0,-5px);
}
.blkProduct-label-links{
    text-align:right;
    margin-top:1.2em;
}
.blkProduct .btn {
    display:inline-block;
    background-color:#ed1c27;
    border-bottom: 3px solid;
    border-color: #ca1821;  
    color:#FFF;    
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 37px;
    white-space: nowrap;
    border-radius: 3px;
    padding: 0;
    width: 140px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}
    /* Contextualisation */
	
	
	
	
.sectionHeader-main .blkProduct{
    width:43.2%;
}
.sectionHeader-main .blkProduct-visuel{
    flex-basis:45.1923%; /*188/416*/
}
.sectionHeader-main .blkProduct-label{
    flex-basis:52.8846%;/*220/416*/
    padding:37px 16px 16px 20px;
    min-height: 220px;
}
.sectionHeader-main .blkProduct-label-desc-pricer{
    margin-top:1.4em;
}
.sectionUnivers-main .blkProduct{
    width:100%;
}
.sectionUnivers-main .blkProduct-label{
    padding:1em;
}
.sectionUnivers-main .blkProduct-visuel,
.sectionUnivers-main .blkProduct-label{
    flex-basis: auto;
    width:50%;
}
.sectionUnivers-main .blkProduct-label-desc-title{
    height:2.2em;
}
.sectionUnivers-main .blkProduct-label-desc-pricer{
    margin-top:1em;
}

/* ## MAIN ############################################################### */
.sectionTitle{
    font-family:'CalvertMTStd', Georgia, Times, serif;    
    font-size:1.6em;
    line-height:1.1;
    padding:0;
    margin-bottom:0.5em;
}

.sectionUnivers{
    margin-top:2em;
}
.sectionHeader + .sectionUnivers{
    margin-bottom:1.5em;
}
.sectionBanner{
    margin-top:1em;
    border-bottom:5px solid #F2F2F2;
}

.sectionUnivers{
    display: flex;
    justify-content: space-between;
}
.sectionUnivers--reverse{
    flex-direction: row-reverse;
}
    .sectionUnivers-visuel{
        width: 36.5%;
        display:flex;
        align-items:flex-end;
        position:relative;
        overflow:hidden;
        background-repeat:no-repeat;
        background-position:center center;
        background-size:cover;
    }
    .sectionUnivers--1 .sectionUnivers-visuel{
        background-image:url(../images/deco/visuel-deco-univers-1-365x587.jpg)
    }
    .sectionUnivers--2 .sectionUnivers-visuel{
        background-image:url(../images/deco/visuel-deco-univers-2-365x587.jpg)
    }
    .sectionUnivers--3 .sectionUnivers-visuel{
        background-image:url(../images/deco/visuel-deco-univers-3-365x587.jpg)
    }	
	.sectionUnivers--4 .sectionUnivers-visuel{
        background-image:url(../images/deco/visuel-deco-univers-4-365x587.jpg)
    }
      
        .univers-legende{
			display:none;
            position:absolute;
            bottom:0;
            left:0;
            right:0;
            background-color:rgba(0, 0, 0, 0.8);
            color:#FFF;
            padding:1.2em;
            font-size:0.75em;
            line-height:1.4;
        }
            .legende-txt{
                margin:0 0 1em 0;
            }
            .legende-links-lk{
                color:#FFF;
                text-decoration:underline;
            }
            .legende-links-lk:hover{
                text-decoration:none;
            }
    .sectionUnivers-main{
        width:62%;
    }
        .wrapper-slider{
            width:100%;
            padding-bottom:2em;
        }
        .wrapper-categoryAndAdvice{

            display:flex;
            justify-content: space-between;
        }
            .blkCategory{
                flex-basis: 62%;
            }
            .blkAdvice{
                background-color:#f2f2f2;
                flex-basis: 37%;
                padding:3em 15px ;
                position:relative;
            }    
            .blkAdvice:before,
            .blkAdvice:after{
                position:absolute;
                display:inline-block;
                font-family: 'CalvertMTStd', Georgia, Times, serif;
                font-size:4em;
                color:#005ead;
            }
            .blkAdvice:before{
                top:0;
                left:10px;
                content:"“";
            }
            .blkAdvice:after{
                bottom:-0.4em;
                right:10px;
                content:"”";
            }                        

.category-title{
    font-family:'CalvertMTStd', Georgia, Times, serif;
    font-size:1.1em;
    margin:0 0 0.75em 0;
}
.category-list{
    list-style-type: none;
    padding:0;
    margin:0;
}
/*.category-list-item{
}*/
.category-list-item:not(:first-child){
    margin-top:5px;
}
.category-list-item-link{
    display:flex;
    align-items: center;
    color:#000;
    font-size:0.8em;
    font-weight:600;
    line-height:1.1;
    padding:0;
    text-decoration: none;
    position:relative;
}
.category-list-item-link:after{
    content: "";
    display: block;
    width:8px;
    height:8px;
    border-top: 1px solid #005ead;
    border-right: 1px solid #005ead;
    transform: rotate(45deg);
    transform-origin: top left;
    position:absolute;
    top:calc(50% - 6px);
    right:10px;
}
.category-list-item-link:hover{
    color:#005ead;
}
.category-list-item-link-label{
    display:inline-block;
    padding: 0 1em;
}
.advice-title{
    font-family:'CalvertMTStd', Georgia, Times, serif;
    font-size:0.8em;
    margin:0;
}
.advice-txt{
    font-size:0.7em;
    line-height:1.4;
    margin:8px 0;
}



.mentions-legales {
    padding:20px 40px;
    font-size: 0.6em;
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
    color: #414141;
    background-color: #ededed;
    margin:2em 0;
}
.js-publiAccordionLight-toggle {
    cursor: pointer;
}
.js-publiAccordionLight-content {
    display: none;
    padding-top:1em;
}

/* ============================================================================================*/
/* ==== RESPONSIVE behaviour ==================================================================*/
/* ============================================================================================*/

@media (max-width: 767px){
    .ftlHTML{
        width: auto;
        max-width: 93.75vw;
        font-size:18px;
        padding: 3.125vw;
    }

    .ftlHTML img{
        max-width:100%;
    }
    /* ## HEADER */

    .sectionHeader{
        background-image:url(../images/deco/visuel-deco-header-640x384.jpg);
        background-position: right 5.5em;
        background-size:100% auto;
        min-height:unset;
        padding-top:1em;
    }
	
	.img-header-desktop{
		display:none;
	}
	
	.img-header-mobile{
		display:block;
		padding-left:3.125vw;
	}
	
    .sectionHeader-title{
        font-size:1.6em;
        max-width:unset;
    }
    .sectionHeader-main{
        padding-top:37%;
    }
    .odj-title{
        background-color: #FFF;
        text-align:center;
        margin-bottom:5px
    }
    .odj-title-label:before{
        width:25px;
        height:29px;
        background:url(../images/deco/picto-odj-35x40.png) no-repeat 0 0;
        background-size:100%;
        vertical-align: middle;
        margin-right:13px;
    }
    /* ## COMMONS  */
    .sectionHeader-title,
    .sectionHeader-main,
    .sectionUnivers-visuel,
    .sectionUnivers-main,
    .sectionBanner,
    .mentions-legales{
        width: 93.75vw;
        margin-left:auto;
        margin-right:auto;
    }
    .blkProduct-label-desc-pricer{
        font-size:1em;
		padding-top: 1em;
    }
    .sectionHeader-main .blkProduct {
        width: auto;
    }
    .sectionHeader-main .blkProduct-visuel{
        flex-basis:46%
    }
    .sectionHeader-main .blkProduct-visuel img {
        max-height: 200px;
    }
    .sectionHeader-main .blkProduct-label{
        flex-basis:54%;
        padding:1.6em 1em 1em 1em;
        min-height: unset;
    }
    .sectionHeader-main .blkProduct-label{
        min-height: unset;
    }   
	
	.robot-product{
		padding:0;
	}
	
	.sectionUnivers-main .blkProduct-label {
        padding:2em 1em 2em 1em;
    }   
	
    .blkProduct-label-links .btn{
        display:none;
    }
    .blkProduct-label-links:after{
        display:inline-block;
        width: 18px;
        height:18px;
        content:"";
        border-color:#ed1c27;
        border-style:solid;
        border-width:4px 4px 0 0;
        transform: rotate(45deg);
    }     
	
	
	.blk-robot-product{
	padding-top:0;
	}
	
	
	
    /* ## MAIN */
    .sectionUnivers{
        flex-direction:column-reverse;
		margin-top:1em;
    }
    .sectionUnivers .sectionUnivers-visuel{
        background-image:none;
    }
    .univers-legende{
		display:none;
        background-color:rgba(0, 0, 0, 0.6);
        position:static;
        width:auto;
        margin:2em 0 0 0;
    }
    .lightSlider{
        display:flex;
    }
    .lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
        float: none;
    }
    .sectionUnivers-main .blkProduct {
        flex-direction:column;
    }
    .sectionUnivers-main .blkProduct-visuel,
    .sectionUnivers-main .blkProduct-label {
        width: 100%;
    }    
    .wrapper-categoryAndAdvice{
        display:block;
    }
    .blkAdvice{
        display:none;
    }
    .mentions-legales {
        padding: 1em 2em;
        font-size: 0.8em;
    }
}


@media (max-width: 640px){
    .sectionUnivers{
        background-repeat:no-repeat;
        background-position:center 2.2em;
        background-size:100%;
        overflow:hidden;
    }
    .sectionUnivers--1, .sectionUnivers--2, .sectionUnivers--3, .sectionUnivers--4{
        background-image:none;
    }
   /* .sectionUnivers--animer{
        background-image:url(../images/deco/visuel-deco-univers-animer-640x385.jpg)
    }
	*/


	.sectionTitle{
         background-color: #FFF;
         width: 100vw;
         margin-left: -3.125vw;
         padding: 0 3.125vw 2.125vw 3.125vw;
         margin-bottom: 0;
	}
	
    .wrapper-slider{
        padding-top:33vw;
        width:97vw;
    }
}
@media (max-width: 480px){
    .ftlHTML{
        max-width: 100vw;
        padding:0;
        font-size:16px;
    }
    .blkProduct-label-desc-pricer del:after {
        height: 1px;
        transform: translate(0,-4px);
    }
    .sectionUnivers-main .blkProduct-visuel img{
        max-height:100vw;
    }
    .sectionUnivers-main .blkProduct-label{
        display:flex;
        align-items: flex-end;
        justify-content: space-between;
    }
    .sectionUnivers-main .blkProduct-label-desc{
        min-width:90%
    }
    .sectionUnivers-main .blkProduct-label-links{
        width:10%;
        margin-left:-3em;
    }/**/

}
@media (max-width: 360px){
    .ftlHTML{
        font-size:14px;
    } 
    .sectionHeader-main .blkProduct-label{
        padding:1em;
        min-width:180px;
    }
}