@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0102-0103, U+1EA0-1EF9, U+20AB}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0102-0103, U+1EA0-1EF9, U+20AB}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}
@media screen and (max-width: 767px){
    body .header{height: auto; width: 100%; padding:0 0 40% 0; background-attachment: scroll;}
    header .title-logo{display: none;}
    header .l-container{width: 320px; margin: 0px 10px 0px 10px;}
    header .section-title-top{display: none;}
    header .baseline{font-size: 28px; text-align: left; width: 100%; margin-left: 0px; margin-top: 80px; line-height: 26px;}
    header .littlebaseline{display: none;}
    header .header-itemfilm{display: none;}
    header .header-item{display: none;}
    
    section .l-container{width: 320px; margin: 0px 10px 0px 20px;}
    section .header-logo{text-align: left; margin-left: 0px;}
    section .menu{display: none;}
    body .order-item{margin-left: 0px; text-align: center;}
    body .text-price{display: none;}
    section .texte-contact{font-size: 14px;}
    
    body .texteheaderapp{height: auto; width: 100%; text-align: center; background-color: #3D3D2D; display: inline-block; padding: 0 0 10px 0;}
    section .header-itemfilm{width: 100%; margin: 10px 0px 10px 0px; padding: 0 0px;}
    section .headertextegaucheapp{width: 320px; margin-top: 20px; line-height: 25px; text-align: left; color: #FFFFFF;}
    
    body h1 {font-size: 28px; text-transform: uppercase;}
    body h2 {font-size: 9px;}
    
    body .sectionpersonalrunningcoach{height: auto; width: 100%; text-align: left; padding:0 0 1% 0;}
    section .coachtitre{width: 320px; margin-left: 0px; margin-top: 10px; line-height: 26px;}
    .coachtextegauche{display: none;}
    section ul.sectioncoach li.sectioncoachgauche{height: 350px; width: 320px; margin-left: -40px;}
    .sectionfeaturespicto{display: none;}
    .sectionfeatures{display: none;}
    section .order-itemhow{display: none;}
    
    body .sectiontexteapp{height: auto; width: 100%; text-align: center; background-color: #F2F2F2; display: inline-block; padding: 0 0 10px 0;}
    section .coachtextegaucheapp{width: 320px; margin-top: 10px; line-height: 25px; text-align: left;}
    section .textredapp{color: #F54643;}
    
    body .sectionresumegrise{background-color: #FFFFFF; padding: 0px 0 0px 0;}
    section ul.sectionresume li{display: inline-block; height: 120px; width: 150px; margin-left: 0px; margin-right: 45px;}
    section ul.sectionresume li:hover span.resume {transform: translateY(0px);}
    section span.resume{height: 120px; width: 100px; top: 0px; margin-left: 25px; margin-top: 10px; background: #FFFFFF;}
    .hovertext{display: none;}
    
    .ilsontdit{display: none;}
    
    body .sectionhowitworks{text-align: left; padding:0 0 0 0;}
    section ul.sectionhow li.sectionhowgauche{height: 40px; width: 320px; margin-left: -40px;}
    section .howtitre{margin-top: 0px; margin-bottom: 0px; text-align: left;}
    section .howtextegauche{display: none;}
    section .sketchfab-embed-wrapper{display: none;}
    body .sectionresumegrisehow{background-color: #FFFFFF; padding: 0px 0 0px 0;}
    section ul.sectionresumehow{margin-top: -50px;}
    section ul.sectionresumehow li{margin-left: 0px; margin-right: 45px;}
    
    section .caracsemelles{margin-top: 50px; margin-bottom: 210px;}
    section .caracsemellestexte{font-size: 9px; margin-top: 0px; line-height: 12px;}
    section h4.caracsemellestexte{font-size: 14px; margin-top: 5px; line-height: 16px;}
    section .order-itemcarac{display: none;}
    .imgapp{display: none;}
    body #slideclic .next{top: 80%; margin-right: 20px;}  
    body #slideclic .prev{top: 80%; margin-left: 20px;}
    body .sectionproduct{height: auto; width: 100%; text-align: left; padding:0 0 1% 0;}
    body .sectionproduct2{height: auto; width: 100%; text-align: left; padding:0 0 1% 0;}
    body .sectionproduct3{height: auto; width: 100%; text-align: left; padding:0 0 1% 0;}
    body .sectionproduct4{height: auto; width: 100%; text-align: left; padding:0 0 1% 0;}

    body .sectionrunwithpower{height: auto; width: 100%; text-align: right; padding: 0px 0 80% 0;}
    section .baselinepower{display: none;} 
    section .textepower{display: none;}
    section .titlepower {margin-top: 0px; margin-bottom: 80px; text-align: left;}
    section ul.sectiontextepower li.sectionpowerdroit{display: none;}
    
    body .sectionresumepartners{display: none;}
    
    section .size{display: none;}
    section .updates-item{display: none;}
    section .lowbar-item:before{padding: 0 160px; /*--espace entre les onglets du menu*/}
    section .lowbar{margin-bottom: 5px; text-align: left;}
    
    section .close{right: 25px; top: 25px;}

    section .modalDialogapropos > div{width: 300px; padding: 30px 30px 30px 30px; text-align: center;}
    
    section .modalDialog > div{width: 300px; padding: 30px 30px 30px 30px; text-align: center;}
    section .contact-menus-name{width: 250px; margin-left: 0px;}   
    section .contact-menus-email{width: 250px; margin-left: 0px; float: left;}
    section .contact-menus-area{width: 250px; margin-left: 0px; margin-top: 20px;}
    section .btn-submit{margin-left: 105px; margin-top: 20px;}
}

body{
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.75;
    font-family: 'Roboto', sans-serif;
    color: #3D3D2D;
}

a{
    color: inherit;
    text-decoration: none;
    outline:0; 
}

.l-container{
    width: 960px;
    margin: 0 auto;
    overflow: auto;
}

h1{
    font-weight: 700;
    font-size: 50px;
}

h2{
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

h3{
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFFFFF;
}

h4{
    font-weight: 700;
    font-size: 40px;
    line-height: 35px;
    margin-top: 0;
}

p{
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    font-weight: 400;
}

.cb{clear: both;}

.header{
    padding:0 0 350px 0;
    background: url(img/header.jpg) right top repeat;
    background-size: cover;
    text-align: center;
    background-attachment: fixed;
}

.allmenu{
    background: #FFFFFF;
    padding: 5px 0;
    text-align: center;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

.header-logo{
    display: block;
    float: left;
    padding-top: 18px; /*--marge au dessus du logo du menu*/
}

.menu{
    font-weight: 700;
    color: #3D3D2D;
    margin-top: 15px; /*--marge au dessus du menu*/
    margin-bottom: 10px; /*--marge en dessous du menu*/
    float: left;
}

.menu-item:before{
    color: #3D3D2D;
    content: "";
    display: inline-block;
    padding: 0 13px; /*--espace entre les onglets du menu*/
}
    
.menu-item:hover{
    color: #F54643;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
}

.text-price{
    display: inline;
    margin-left: 10px;
    font-weight: 700;
}

.order-item{
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF;
    display: inline-block;
    padding: 0 20px; /*--largeur du rectangle*/
    margin-left: 30px;
    text-align: center;
    line-height: 50px; /*--hauteur du rectangle*/
    background-color: #F54643;
    border-style: solid;
    border-width: 2px;
    border-color: #F54643;
    float: right;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
}

.order-item:hover{
    background-color: rgba(255,255,255,0);
    color: #F54643;
    border-style: solid;
    border-width: 2px;
    border-color: #F54643;
}

.close{
	position: absolute;
	right: 15px;
	top: 15px;
}

.texte-contact{
    color: #FFFFFF;
}

.alert-contact{
    color: #FFFFFF;
    font-weight: 700;
}

.title-logo{
    display: block;
    text-align: right;
    margin-top: 200px; /*--marge au dessus du logo central*/
}

.section-title-top{
    margin: 100px;
    padding: 0;
    line-height: 10px;
    text-align: right;
    width: 480px;
    overflow: hidden;
    position: relative;
    margin-left: 480px;
    color: #FFFFFF;
}

.baseline{
    font-size: 28px;
    text-align: right;
    width: 720px;
    overflow: hidden;
    position: relative;
    margin-left: 240px;
    color: #FFFFFF;
    line-height: 35px;
}

.littlebaseline{
    text-align: right;
    width: 500px;
    overflow: hidden;
    position: relative;
    margin-left: 460px;
    color: #FFFFFF;
}

.header-item{
    color: rgb(255,255,255);
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 0 22px; /*--largeur du rectangle*/
    text-align: center;
    text-transform: uppercase;
    line-height: 50px; /*--hauteur du rectangle*/
    background-color: #F54643;
    font-weight: 700;
    font-size: 14px;
    float: right;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
}

.header-item:hover{
    color: #F54643;
    background-color: rgb(255,255,255);
}

.header-itemfilm{
    color: rgb(255,255,255);
    display: inline-block;
    margin: 10px 0 100px 10px;
    padding: 0 25px; /*--largeur du rectangle*/
    text-align: center;
    text-transform: uppercase;
    line-height: 50px; /*--hauteur du rectangle*/
    background-color: #F54643;
    font-weight: 700;
    font-size: 14px;
    float: right;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
}

.header-itemfilm:hover{
    color: #F54643;
    background-color: rgb(255,255,255);
}

/*texte app*//*texte app*//*texte app*//*texte app*//*texte app*//*texte app*//*texte app*//*texte app*//*texte app*/
.texteheaderapp{display: none;}
/*texte app*//*texte app*//*texte app*//*texte app*//*texte app*//*texte app*//*texte app*//*texte app*//*texte app*/

.sectionpersonalrunningcoach{
    padding: 5% 0;
    background: url(img/produit-02.jpg) right center no-repeat;
    background-size: cover;
    text-align: center;
}

ul.sectioncoach{list-style-type: none;}
ul.sectioncoach li.sectioncoachgauche{display: inline-block; height: 550px; width: 700px; position: relative; overflow: hidden; margin-left: -300px;}

span.coachgauche span{
    display: table-cell;
    vertical-align: top;
}

span.coachgauche{
    display: table;
    height: auto;
    width: auto;
    position: absolute;
}

.coachtitre{
    width: 500px;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 45px;
    margin-bottom: 25px;
}

.coachtextegauche{
    width: 500px;
    text-align: left;
    margin-top: 20px;
    line-height: 25px;
}

ul.sectionfeatures{list-style-type: none; text-align: left; margin-top: 20px; margin-left: 40px;}
ul.sectionfeatures li.sectioncoachfeatures{display: inline-block; height: 60px; width: 660px; position: relative; overflow: hidden; margin-left: -40px;}

span.features span {
    display: table-cell;
    vertical-align: top;
}

span.features {
    display: table;
    height: auto;
    width: auto;
    position: absolute;
    width: 380px;
    text-align: left;
    margin-top: 5px;
    line-height: 18px;
}

.features {
    color: #F54643;
}

ul.sectionfeaturespicto{list-style-type: none; text-align: left; margin-top: -271px;}
ul.sectionfeaturespicto li.sectioncoachfeaturespicto{display: inline-block; height: 60px; width: 400px; position: relative; overflow: hidden; margin-left: -40px;}

span.featurespicto span {
    display: table-cell;
    vertical-align: top;
}

span.featurespicto {
    display: table;
    height: auto;
    width: auto;
    position: absolute;
    width: 500px;
    text-align: left;
    margin-top: 18px;
    line-height: 2px;
}

/*texte app*//*texte app*//*texte app*//*texte app*//*texte app*//*texte app*//*texte app*//*texte app*//*texte app*/
.sectiontexteapp{display: none;}
/*texte app*//*texte app*//*texte app*//*texte app*//*texte app*//*texte app*//*texte app*//*texte app*//*texte app*/

.sectionresumegrise{
    padding: 0px 0 80px 0;
    background-color: #F2F2F2;
    text-align: center;
    color: #3D3D2D;
    line-height: 1.3;
}

ul.sectionresume{list-style-type: none; text-align: center;}
ul.sectionresume li{display: inline-block; height: 270px; width: 180px; position: relative; content: ""; overflow: hidden;}

span.resume{
    display: table;
    height: 130px;
    width: 180px;
    left: 0;
    position: absolute;
    top: 130px;
    cursor: default;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    background: #F2F2F2;
}

span.resume span{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

ul.sectionresume li:hover span.resume {transform: translateY(-205px);}

.hovertext{
    margin-top: 100px;
    text-align: center;
    display: inline-block;
}

.ilsontdit{
    padding:10% 0 10% 0;
    background: url(img/produit-06.jpg) center center no-repeat;
    background-size: cover;
    text-align: center;
    color: #FFFFFF;
}

.ilsontditpicture{
    width: 100px;
    height: 100px;
    border-radius: 100px;
}

.hover-press{
    width: 960px;
    margin: 0 auto;
}

@keyframes AutoSlide-text{
    0% {
        left: 0%; /*1ère image*/
    }
    7% {
        left: 0%; /*idem pour attente*/
    }
    10% {
        left: -100%; /*2ème image*/
    }
    17% {
        left: -100%; /*idem pour attente*/
    }
    20% {
        left: -200%; /*3ème image*/
    }
    27% {
        left: -200%; /*idem pour attente*/
    }
    30% {
        left: -300%; /*4ème image*/
    }
    37% {
        left: -300%; /*idem pour attente*/
    }
    40% {
        left: -400%; /*5ème image*/
    }
    47% {
        left: -400%; /*idem pour attente*/
    }
    50% {
        left: -500%; /*6ème image*/
    }
    57% {
        left: -500%; /*idem pour attente*/
    }
    60% {
        left: -600%; /*7ème image*/
    }
    67% {
        left: -600%; /*idem pour attente*/
    }
    70% {
        left: -700%; /*8ème image*/
    }
    77% {
        left: -700%; /*idem pour attente*/
    }
    80% {
        left: -800%; /*9ème image*/
    }
    87% {
        left: -800%; /*idem pour attente*/
    }
    90% {
        left: -900%; /*10ème image*/
    }
    97% {
        left: -900%; /*idem pour attente*/
    }
    100% {
        left: -1000%; /*vers 1ere image*/
    }
}

#slideshow-text{
    position: relative;
    width: 100%;
    height: 330px;
    margin: 50px auto;
    text-align: center;
    padding-bottom: 0px;
    overflow: hidden;
}

#Contents-text li{
    display: table-cell;
}

#Contents-text{
    position: absolute;
    top: 0;
    left: 0;
    width: 9600%;
    margin: 0;            
    padding: 0;
    
    /*CSS3 keyframes animation*/
    animation-name: AutoSlide-text;
    animation-duration: 80s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.sectionhowitworks{
    padding: 80px 0;
    background-color: #F2F2F2;
    text-align: center;
}

ul.sectionhow{list-style-type: none;}
ul.sectionhow li.sectionhowgauche{display: inline-block; height: 230px; width: 700px; position: relative; overflow: hidden; margin-left: -300px;}

span.howgauche span{
    display: table-cell;
    vertical-align: top;
}

span.howgauche{
    display: table;
    height: auto;
    width: auto;
    position: absolute;
}

.howtitre{
    width: 420px;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 45px;
    margin-bottom: 25px;
    margin-top: 40px;
}

.howtextegauche{
    width: 420px;
    text-align: left;
    margin-top: 10px;
    line-height: 18px;
}

.sectionresumegrisehow{
    padding: 80px 0;
    background-color: #F2F2F2;
    text-align: center;
    color: #3D3D2D;
    line-height: 1.3;
}

.order-itemhow{
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF;
    display: inline-block;
    padding: 0 20px; /*--largeur du rectangle*/
    margin-top: 100px;
    text-align: center;
    line-height: 50px; /*--hauteur du rectangle*/
    background-color: #F54643;
    border-style: solid;
    border-width: 2px;
    border-color: #F54643;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
}

.order-itemhow:hover{
    background-color: rgba(255,255,255,0);
    color: #F54643;
    border-style: solid;
    border-width: 2px;
    border-color: #F54643;
}

ul.sectionresumehow{list-style-type: none; text-align: center;}
ul.sectionresumehow li{display: inline-block; height: 230px; width: 180px; position: relative; content: ""; margin-left: 60px; margin-right: 60px;}

span.resumehow{
    display: table;
    height: 230px;
    width: 180px;
    left: 0;
    position: absolute;
    top: 0px; 
}

span.resumehow span{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.sectionresumepartners{
    padding: 80px 0 0 0;
    background-color: #F2F2F2;
    text-align: center;
    color: #3D3D2D;
    line-height: 1.3;
}

ul.sectionpartners{list-style-type: none; text-align: center;}
ul.sectionpartners li{display: inline; height: 70px; width: auto; position: relative; margin: 0 200px 200px 0;}

span.partners{
    display: table;
    height: 70px;
    width: auto;
    left: 0;
    position: absolute;
    top: -130px;
}

span.partners span{
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
}

.caracsemelles{
    margin-top: 100px;
    text-align: center;
}

.caracsemellestexte{
    font-weight: 700;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 35px;    
}

.sectionproduct{
    padding: 0 0 2% 0;
    background: url(img/produit-04.jpg) center bottom no-repeat;
    background-size: cover;
    text-align: center;
}

.sectionproduct2{
    padding: 0 0 2% 0;
    background: url(img/produit-08.jpg) left bottom no-repeat;
    background-size: cover;
    text-align: center;
    background-color: #F54643; /* utile si résolution écran supérieure à 1920x1080 */
}

.sectionproduct3{
    padding: 0 0 2% 0;
    background: url(img/produit-12.jpg) center bottom no-repeat;
    background-size: cover;
    text-align: center;
    background-color: #F54643; /* utile si résolution écran supérieure à 1920x1080 */
}

.sectionproduct4{
    padding: 0 0 2% 0;
    background: url(img/produit-07.jpg) center bottom no-repeat;
    background-size: cover;
    text-align: center;
    background-color: #F54643; /* utile si résolution écran supérieure à 1920x1080 */
}

#slideclic{
    position: relative;    /* le parent positionné */
    width: 100%;          /* limite en largeur (1 élément du slideshow) */
    height: 100%;         /* limite en hauteur */
    overflow: hidden;      /* on cache ce qui déborde */
}

#Contentclic{
    position: absolute;   /* on sort l'élément du flux */
    top: 0;               /* on le positionne précisément dans... */
    left: 0;              /* l'angle haut gauche de son parent positionné */
    margin: 0;            
    padding: 0;
    width: 100%;          /* ou 200% (car deux éléments) */
    z-index: 5;
    /* CSS3 Transition */
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
}

#Contentclic2{
    position: absolute;   /* on sort l'élément du flux */
    top: 0;               /* on le positionne précisément dans... */
    left: 0;              /* l'angle haut gauche de son parent positionné */
    margin: 0;            
    padding: 0;
    width: 100%;          /* ou 200% (car deux éléments) */
    z-index: 5;
    /* CSS3 Transition */
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
}

#Contentclic3{
    position: absolute;   /* on sort l'élément du flux */
    top: 0;               /* on le positionne précisément dans... */
    left: 0;              /* l'angle haut gauche de son parent positionné */
    margin: 0;            
    padding: 0;
    width: 100%;          /* ou 200% (car deux éléments) */
    z-index: 5;
    /* CSS3 Transition */
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
}

#slideclic .next{
    position: absolute;
    top: 45%;
    margin-right: 25px;
    z-index: 7;
    display: inline-block;
    width: 40px;
    height: 25px;
    border-radius: 40px;
    border-style: solid;
    border-width: 2px;
    border-color: #F54643;
    background-color: #F54643;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 6px;
}

#slideclic .prev{
    position: absolute;
    top: 45%;
    margin-left: 25px;
    z-index: 7;
    display: inline-block;
    width: 40px;
    height: 25px;
    border-radius: 40px;
    border-style: solid;
    border-width: 2px;
    border-color: #F54643;
    background-color: #F54643;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 6px;
}

#slideclic .prev { left: 0; }
#slideclic .next { right: 0; }

/* initialisation */
#slideclic .next, #slideclic .prev { display: none; }
#slideclic .next1, #slideclic .prev1 { display: block; }

/* Vers 1ère étape */
#s1:target #Contentclic { left: 0px; }
#s1:target .next, #s1:target .prev { display: none; }
#s1:target .next1, #s1:target .prev1 { display: block; }

/* Vers 2ème étape */
#s2:target #Contentclic { left: -100%; } /*ou -100%*/
#s2:target .next, #s2:target .prev { display: none; }
#s2:target .next2, #s2:target .prev2 { display: block; }

/* Vers 3ème étape */
#s3:target #Contentclic2 { left: -100%; } /*ou -200%*/
#s3:target .next, #s3:target .prev { display: none; }
#s3:target .prev3, #s3:target .next3 { display: block; }

/* Vers 4ème étape */
#s4:target #Contentclic3 { left: -100%; } /*ou -200%*/
#s4:target .next, #s4:target .prev { display: none; }
#s4:target .prev4, #s4:target .next4 { display: block; }

.order-itemcarac{
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF;
    display: inline-block;
    padding: 0 20px; /*--largeur du rectangle*/
    margin-top: 40%;
    margin-bottom: 20px;
    text-align: center;
    line-height: 50px; /*--hauteur du rectangle*/
    background-color: #F54643;
    border-style: solid;
    border-width: 2px;
    border-color: #F54643;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
}

.order-itemcarac:hover{
    background-color: rgba(255,255,255,0);
    color: #F54643;
    border-style: solid;
    border-width: 2px;
    border-color: #F54643;
}

.sectionrunwithpower{
    padding: 0 0 14% 0;
    background: url(img/produit-03.jpg) left center no-repeat;
    background-size: cover;
    text-align: center;
}

.titlepower{
    display: block;
    text-align: right;
    margin-top: 40px;
}

.baselinepower{
    text-align: right;
    width: 480px;
    overflow: hidden;
    position: relative;
    margin-left: 480px;
    margin-top: -35px;
    color: #F54643;
}

.textepower{
    text-align: right;
    width: 400px;
    overflow: hidden;
    position: relative;
    margin-left: 560px;
}

ul.sectiontextepower{list-style-type: none; text-align: right; margin-top: 20px;}
ul.sectiontextepower li.sectionpowerdroit{display: inline-block; height: 60px; width: 500px; position: relative; overflow: hidden;}

span.powertext span {
    display: table-cell;
    vertical-align: top;
}

span.powertext {
    display: table;
    height: auto;
    width: auto;
    position: absolute;
    width: 500px;
    text-align: right;
    margin-top: 20px;
    line-height: 5px;
}

.updatesbar{
    background: #F54643;
    padding: 5px 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2;
}

.updates{
    font-weight: 700;
    color: #FFFFFF;
    margin-top: 4px; /*--marge au dessus du menu*/
    float: left;
}

.bottom-logo{
    display: block;
    float: left;
    padding-top: 6px; /*--marge au dessus du logo du menu*/
}

.lowbar{
    font-weight: 700;
    color: #FFFFFF;
    margin-top: 3px; /*--marge au dessus du menu*/
    margin-bottom: 3px; /*--marge au dessous du menu*/
    float: left;
}

.size{
    font-weight: 700;
    color: #F54643;
    display: inline-block;
    padding: 0 20px; /*--largeur du rectangle*/
    margin-top: 2px;
    margin-left: 30px;
    text-align: center;
    line-height: 30px; /*--hauteur du rectangle*/
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    border-color: #FFFFFF;
    float: right;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
}

.size:hover{
    background-color: rgba(255,255,255,0);
    color: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    border-color: #FFFFFF;
}

.closesize{
	position: absolute;
	right: 165px;
	top: 15px;
}

.modalsize{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #F2F2F2;
    background-size: cover;
	z-index: 9;
	opacity:0;
	-webkit-transition: opacity 300ms ease-in;
	-moz-transition: opacity 300ms ease-in;
	transition: opacity 300ms ease-in;
	pointer-events: none;
}

.modalsize:target{opacity:1; pointer-events: auto;}

.modalsize > div{width: 900px; height: 400px; position: relative; margin: 8% auto; padding: 40px 30px 45px 40px; color: #3D3D2D;}

ul.sectiontiempposize{list-style-type: none; text-align: center; margin-top:20px; margin-left: -110px;}
ul.sectiontiempposize li{display: inline-block; height: 35px; width: 149px; position: relative;}

ul.sectionuesize{list-style-type: none; text-align: center; margin-left: -35px;}
ul.sectiongbsize{list-style-type: none; text-align: center; margin-top:-18px; margin-left: 3px;}
ul.sectionussize{list-style-type: none; text-align: center; margin-top:-18px; margin-left: 3px;}

ul.sectionuesize li{display: inline-block; height: 35px; width: 35px; position: relative;}
ul.sectiongbsize li{display: inline-block; height: 35px; width: 35px; position: relative;}
ul.sectionussize li{display: inline-block; height: 35px; width: 35px; position: relative;}

span.tiemppoTsize{display: table; height: 35px; width: 72px; left: 0; position: absolute; top: 0; color: #FFFFFF; background-color: #F54643; margin-left: 154px; text-transform: uppercase;}

span.tiemppoSsize{display: table; height: 35px; width: 186px; left: 0; position: absolute; top: 0; color: #3D3D2D; background-color: #E3E3E3; margin-left: 77px; text-transform: uppercase;}
span.tiemppoMsize{display: table; height: 35px; width: 111px; left: 0; position: absolute; top: 0; color: #3D3D2D; background-color: #E3E3E3; margin-left: 114px; text-transform: uppercase;}
span.tiemppoLsize{display: table; height: 35px; width: 111px; left: 0; position: absolute; top: 0; color: #3D3D2D; background-color: #E3E3E3; margin-left: 76px; text-transform: uppercase;}
span.tiemppoXLsize{display: table; height: 35px; width: 111px; left: 0; position: absolute; top: 0; color: #3D3D2D; background-color: #E3E3E3; margin-left: 38px; text-transform: uppercase;}
span.tiemppoXXLsize{display: table; height: 35px; width: 75px; left: 0; position: absolute; top: 0; color: #3D3D2D; background-color: #E3E3E3; text-transform: uppercase;}

span.countrysize{
    display: table;
    height: 35px;
    width: 35px;
    left: 0;
    position: absolute;
    top: 0;
    color: #3D3D2D;
    background-color: #E3E3E3;
}

span.gendersize, span.zonesize{display: table; height: 35px; width: 35px; left: 0; position: absolute; top: 0; color: #FFFFFF; background-color: #3D3D2D; text-transform: uppercase;}
span.countrysize span, span.gendersize span, span.zonesize span, span.tiemppoTsize span, span.tiemppoSsize span, span.tiemppoMsize span, span.tiemppoLsize span, span.tiemppoXLsize span, span.tiemppoXXLsize span{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.alllowbar{
    background: #3D3D2D;
    padding: 5px 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2;
}

.lowbar{
    font-weight: 700;
    color: #FFFFFF;
    margin-top: 7px; /*--marge au dessus du menu*/
    margin-bottom: 3px; /*--marge au dessous du menu*/
    float: left;
}

.lowbar-item:before{
    color: #3D3D2D;
    content: "";
    display: inline-block;
    padding: 0 15px; /*--espace entre les onglets du menu*/
}

.lowbar-item:hover, .lowbar-item2016:hover{
    color: #F54643;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
}

.modalDialogapropos{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(img/produit-11.jpg) center top no-repeat;
    background-size: cover;
	z-index: 9;
	opacity:0;
	-webkit-transition: opacity 300ms ease-in;
	-moz-transition: opacity 300ms ease-in;
	transition: opacity 300ms ease-in;
	pointer-events: none;
}

.modalDialogapropos:target{opacity:1; pointer-events: auto;}

.modalDialogapropos > div{width: 600px; height: 100%; position: relative; margin: 8% auto; padding: 40px 30px 45px 40px; color: #FFFFFF;}

.modalDialog{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(img/produit-10.jpg) center center no-repeat;
    background-size: cover;
	z-index: 9;
	opacity:0;
	-webkit-transition: opacity 300ms ease-in;
	-moz-transition: opacity 300ms ease-in;
	transition: opacity 300ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div{width: 600px; height: 100%; position: relative; margin: 8% auto; padding: 40px 30px 45px 40px;}

.contact-menus-name{
    display: inline-block;
    width: 230px;
    height: 50px;
    color: #8B8D66;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    float: left;
    line-height: 50px;
    padding: 0 20px;
    margin-left: 20px;
    margin-top: 20px;
}

.contact-menus-email{
    display: inline-block;
    width: 230px;
    height: 50px;
    color: #8B8D66;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    float: right;
    line-height: 50px;
    padding: 0 20px;
    margin-right: 20px;
    margin-top: 20px;
}

.contact-menus-area{
    display: inline-block;
    width: 518px;
    height: 120px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #8B8D66;
    text-align: left;
    float: left;
    line-height: 50px;
    padding: 0 20px;
    margin-left: 20px;
    margin-top: 10px;
    resize: none;
}

.btn-submit{
    display: inline-block;
    padding: 0 20px;
    color: #F54643;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    float: left;
    line-height: 30px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    border-color: #FFFFFF;
    margin-top: 145px;
    margin-left: -330px;
    cursor: pointer;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
}

.btn-submit:hover{
    background-color: rgba(255,255,255,0);
    color: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    border-color: #FFFFFF;
}

.updates-item{
    font-weight: 700;
    color: #3D3D2D;
    display: inline-block;
    padding: 0 20px; /*--largeur du rectangle*/
    margin-top: 2px;
    margin-left: 30px;
    text-align: center;
    line-height: 30px; /*--hauteur du rectangle*/
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    border-color: #FFFFFF;
    float: right;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
}

.updates-item:hover{
    background-color: rgba(255,255,255,0);
    color: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    border-color: #FFFFFF;
}