/* ===================================================================================================== */
/* RESET CSS */
/* ===================================================================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}


/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}






/* ==========================================================================
   SLICK
   ========================================================================== */
.slick-slider
{
    position: relative;

    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/*SLICK Theme */
.slick-loading .slick-list
{
    background: #fff url('images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
/*@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src:    url('fonts/slick.eot');
    src:    url('fonts/slick.eot?#iefix') format('embedded-opentype'), 
            url('fonts/slick.woff') format('woff'), 
            url('fonts/slick.ttf') format('truetype'), 
            url('fonts/slick.svg#slick') format('svg');
}*/
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}
/* ====================================================================================================*/
.slick-dots{
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    }
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 9px;
    padding: 0;
    cursor: pointer;
    }
.slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 14px;
    height: 14px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    border:2px solid white;
    border-radius:12px;
    -webkit-transition:0.4s background ease-in-out;
    -o-transition:0.4s background ease-in-out;
    transition:0.4s background ease-in-out;
    }
.slick-dots li button:hover{
    outline: 0!important;
    background: white;
    -webkit-transition:0.4s background ease-in-out;
    -o-transition:0.4s background ease-in-out;
    transition:0.4s background ease-in-out;
    }
.slick-dots li button:focus{
    outline: 0!important;
    background: transparent;
    -webkit-transition:0.4s background ease-in-out;
    -o-transition:0.4s background ease-in-out;
    transition:0.4s background ease-in-out;
    }    
.slick-dots li.slick-active button{
    background: white;
    }    
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
    opacity: 1;
    outline: 0!important;
    }
.slick-dots li button:before{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    content: ' ';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: 0!important;
    }
.slick-dots li.slick-active button:before{
    opacity: .75;
    color: black;
    outline: 0!important;
    }













/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ====================================================================================================== */ 
/* =font face */ 
/* ====================================================================================================== */

@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?3172337');
  src: url('fonts/fontello.eot?3172337#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff2?3172337') format('woff2'),
       url('fonts/fontello.woff?3172337') format('woff'),
       url('fonts/fontello.ttf?3172337') format('truetype'),
       url('fonts/fontello.svg?3172337#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?3172337#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-mail:before { content: '\e800'; } /* '' */
.icon-location:before { content: '\e801'; } /* '' */
.icon-down-open:before { content: '\e802'; } /* '' */
.icon-right-open:before { content: '\e803'; } /* '' */
.icon-mobile:before { content: '\f10b'; } /* '' */

@font-face {
  font-family: 'Lato-Light';
  src:  url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Light.woff') format('woff'), 
        url('fonts/Lato-Light.ttf')  format('truetype'), 
        url('fonts/Lato-Light.svg#Lato-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Regular';
  src:  url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),  
        url('fonts/Lato-Regular.woff') format('woff'), 
        url('fonts/Lato-Regular.ttf')  format('truetype'),
        url('fonts/Lato-Regular.svg#Lato-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Black';
  src:    url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
          url('fonts/Lato-Black.woff') format('woff'), 
          url('fonts/Lato-Black.ttf')  format('truetype'), 
          url('fonts/Lato-Black.svg#Lato-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Times';
  src:      url('fonts/TimesNewRomanPSMT.eot?#iefix') format('embedded-opentype'),  
            url('fonts/TimesNewRomanPSMT.woff') format('woff'), 
            url('fonts/TimesNewRomanPSMT.ttf')  format('truetype'), 
            url('fonts/TimesNewRomanPSMT.svg#TimesNewRomanPSMT') format('svg');
  font-weight: normal;
  font-style: normal;
}





/* ====================================================================================================== */ 
/* =general */ 
/* ====================================================================================================== */

html{
    -ms-overflow-style:-ms-autohiding-scrollbar;
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:none;
    height:100%;
    background-color:#ededed;
    webkit-appearance: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
body {
    -ms-overflow-style:-ms-autohiding-scrollbar;
    font-family: 'Lato-Regular';
    font-weight:300;
    font-style:normal!important;
    font-size:16px;
    color:#585856;
    background-color:#ededed;
    height:100%;
    -webkit-backface-visibility: hidden;
    padding:0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x:hidden;
    position:relative;
    display:none;
    visibility:hidden;
    }

img {width:100%;height:auto;vertical-align:middle;display:block;}
.clear{clear:both!important;}
:focus {outline:0!important;}
::-moz-selection {background:#e10b17;color:#fff;}
::selection {background:#e10b17;color:#fff;}
::-moz-selection {background:#e10b17;color:#fff;}


.fade_content{
    -webkit-transition:0.2s opacity ease-in-out;
    -o-transition:0.2s opacity ease-in-out;
    transition:0.2s opacity ease-in-out;
    }

header{
    background:#fff;
    width:100%;
    height:1.5em;
    position:fixed;
    z-index:9999;
    border-bottom:2px solid #ededed;
    }
#header_bottom{
    background:#ccc;
    width:100%;
    height:1.5em;
    }
    #logo_rpr{
        height:0.55em;
        width:auto;
        position:absolute;
        left:2%;
        top:50%;
        -webkit-transform:translate(0,-50%);
            -ms-transform:translate(0,-50%);
                transform:translate(0,-50%);
        }
    #site_title, #site_description{
        display:none;
        }
    #brand_infos{
        position:absolute;
        text-align:right;
        right:2%;
        top:50%;
        -webkit-transform:translate(0,-50%);
            -ms-transform:translate(0,-50%);
                transform:translate(0,-50%);
        line-height:1.6;
        }
        .brand_infos_br{
            display:none;
            }
        #brand_infos i{
            color:#e10b17;
            }
        .brand_infos_sep{
            color:#ededed;
            margin:0 0.3em 0 0.35em;
            }
        #brand_infos a{
            padding:0.2em 0;
            color:#585856;
            border-bottom:2px solid transparent;
            -webkit-transition:0.1s border-color ease-in-out;
            -o-transition:0.1s border-color ease-in-out;
            transition:0.1s border-color ease-in-out;
            }
            #brand_infos a:hover{
                border-bottom:2px solid #ededed;
                -webkit-transition:0.1s border-color ease-in-out;
                -o-transition:0.1s border-color ease-in-out;
                transition:0.1s border-color ease-in-out;
                }
            #brand_infos a#contact_phone:hover{
                border-bottom:1px solid transparent;
                }

    /*header contact mobile*/           
    #btn_contact{
        display:none;
        position:absolute;
        text-align:right;
        right:2%;
        top:50%;
        -webkit-transform:translate(0,-50%);
            -ms-transform:translate(0,-50%);
                transform:translate(0,-50%);
        line-height:1.6;
        }
        #btn_contact span{
            border:2px solid #ededed;
            padding:0.5em 1em;
            border-radius:3px;
            cursor:pointer;
            -webkit-transition:0.2s border-color ease-in-out;
            -o-transition:0.2s border-color ease-in-out;
            transition:0.2s border-color ease-in-out;
            }
            #btn_contact span i{color:#e10b17;font-size:0.75em;vertical-align:0.15em;}
            #btn_contact span .icon-down-open{display:none;}
            #btn_contact span:hover{
                border:2px solid #e10b17;
                -webkit-transition:0.2s border-color ease-in-out;
                -o-transition:0.2s border-color ease-in-out;
                transition:0.2s border-color ease-in-out;
                }
            .btn_contact_open{
                border:2px solid #e10b17!important;
                }
            
    #brand_infos_mobile{
        display:none;
        width:100%;
        background:#585856;
        position:relative;
        z-index:9999;
        }
        #brand_infos_mobile_wrapper p{
            width:94%;
            margin:auto;
            color:#fff;
            line-height:2;
            font-family: 'Lato-Light';
            }
            #brand_infos_mobile_wrapper p i{
                color:#999;
                }
            #brand_infos_mobile_wrapper p a{
                color:#fff;
                }



.content_width{
    width:85%;
    max-width:1100px;
    }
.content_width_inner{
    width:80%;
    margin:auto;
    }

#slider_wrapper{
    height:80%;
    width:100%;
    background:#ccc;
    position:relative;
    }
    #slider_accroche{
        height:100%;
        position:absolute;
        left:50%;
        z-index:9998;
        -webkit-transform:translate(-50%,0%);
            -ms-transform:translate(-50%,0%);
                transform:translate(-50%,0%);
        }
        #slider_accroche_wrapper{
            width:100%;
            position:absolute;
            left:50%;
            top:50%;
            -webkit-transform:translate(-50%,-50%);
                -ms-transform:translate(-50%,-50%);
                    transform:translate(-50%,-50%);
            }
            #slider_accroche h1{
                text-align:center;
                color:#fff;
                font-family: 'Lato-Black';
                padding-bottom:0.6em;
                }
                #slider_accroche h1 span{
                    font-family: 'Times';
                    font-size:1.2em;
                    }
            #slider_accroche_sep{
                width:3em;
                height:2px;
                background:#e10b17;
                margin:auto;
                }
    #slider{
        width:100%;
        height:100%;
        background:#ccc;
        position:absolute;
        }
        .slick-list, .slick-track{
            width:100%;
            height:100%;
            position:absolute;
            }
        .slick-arrow{
            position:absolute;
            height:1.5em;
            width:0.75em;
            z-index:9998;
            cursor:pointer;
            opacity:0.3;
            -webkit-transition:0.15s opacity ease-in-out;
            -o-transition:0.15s opacity ease-in-out;
            transition:0.15s opacity ease-in-out;
            }
            .slick-arrow:hover{
                opacity:1;
                -webkit-transition:0.15s opacity ease-in-out;
                -o-transition:0.15s opacity ease-in-out;
                transition:0.15s opacity ease-in-out;
                }
            .slider_prev{
                background:url(images/bg_slide_prev.png) center center no-repeat transparent;
                background-size:cover;
                top:50%;
                left:0;
                -webkit-transform:translate(0,-50%);
                    -ms-transform:translate(0,-50%);
                        transform:translate(0,-50%);
                }
            .slider_next{
                background:url(images/bg_slide_next.png) center center no-repeat transparent;
                background-size:cover;
                top:50%;
                right:0;
                -webkit-transform:translate(0,-50%);
                    -ms-transform:translate(0,-50%);
                        transform:translate(0,-50%);
                }
        .slider_slide{
            width:100%;
            height:100%;
            position:absolute;
            }
        #slide1{
            background:url(images/photo3.jpg) center center no-repeat #ccc;
            background-size:cover;
            }
        #slide2{
            background:url(images/photo4.jpg) center center no-repeat #ccc;
            background-size:cover;
            }
        #slide3{
            background:url(images/photo5.jpg) center center no-repeat #ccc;
            background-size:cover;
            }
        #slide4{
            background:url(images/photo6.jpg) center center no-repeat #ccc;
            background-size:cover;
            }

/*tabs*/
#tab_container{
    margin:auto;
    position:relative;
    z-index:9998;
    }

#tab_names{
    display:block;
    }
    #tab_names li{
        display:block;
        text-align:center;
        width:33.33%;
        float:left;
        }
        #tab_names li.active{
            }
            #tab_names li a{
                display:block;
                padding:1.2em 0;
                font-family: 'Lato-Light';
                text-transform:uppercase;
                letter-spacing:0.05em;
                background-color: rgba(88, 88, 86, 0.85);
                color:#fff;
                -webkit-transition:0.1s color ease-in-out,0.15s background-color ease-in-out;
                -o-transition:0.1s color ease-in-out,0.15s background-color ease-in-out;
                transition:0.1s color ease-in-out,0.15s background-color ease-in-out;
                }
                #tab_names li a:hover{
                    background-color: rgba(255, 255, 255, 1);
                    color:#e10b17;
                    -webkit-transition:0.1s color ease-in-out,0.15s background-color ease-in-out;
                    -o-transition:0.1s color ease-in-out,0.15s background-color ease-in-out;
                    transition:0.1s color ease-in-out,0.15s background-color ease-in-out;
                    }
                #tab_names li.active a{
                    background-color: rgba(255, 255, 255, 1);
                    color:#e10b17;
                    }
                    #tab_names li#tab_names_li1 a{border-radius:3px 0 0 0;}
                    #tab_names li#tab_names_li3 a{border-radius:0 3px 0 0;}
       
    .tab_content{
        padding:1em 0;
        background:#fff;
        border-radius:0 0 3px 3px;
        }
        .tab_content p{
            padding:0.4em 0;
            font-family: 'Lato-Light';
            }
            .ul_numbers{
                font-family: 'Lato-Light';
                margin-left:1.7em;
                padding:0.4em 0;
                }
                .ul_numbers li{
                    position:relative;
                    }
                    .ul_numbers li span.li_numbers{
                        position:absolute;
                        left:-2.7em;
                        top:0.2em;
                        font-size:0.6em;
                        display:inline-block;
                        width:2em;
                        height:2em;
                        background:#e10b17;
                        border-radius:3em;
                        }
                        .ul_numbers li span.li_numbers span{
                            color:#fff;
                            font-family: 'Lato-Black';
                            position:absolute;
                            top:50%;
                            left:50%;
                            -webkit-transform:translate(-50%,-50%);
                                -ms-transform:translate(-50%,-50%);
                                    transform:translate(-50%,-50%);
                            }
            .ul_letters{
                font-family: 'Lato-Light';
                margin-left:3.3em;
                padding-top:0.4em;
                }
                .ul_letters li{
                    position:relative;
                    }
                    .ul_letters li span.li_letters{
                        position:absolute;
                        left:-3em;
                        top:0.3em;
                        font-size:0.5em;
                        display:inline-block;
                        width:2em;
                        height:2em;
                        background:#fff;
                        border: 2px solid #ededed;
                        border-radius:3em;
                        }
                        .ul_letters li span.li_letters span{
                            text-transform:uppercase;
                            color:#e10b17;
                            font-family: 'Lato-Black';
                            position:absolute;
                            top:50%;
                            left:50%;
                            -webkit-transform:translate(-50%,-50%);
                                -ms-transform:translate(-50%,-50%);
                                    transform:translate(-50%,-50%);
                            }

#photo_bulle{
    margin:auto;
    padding:2em;
    background:#ededed;
    display:none;
    }
    #photo_bulle img{
        width:10em;
        margin:auto;
        }

/*temporary_website*/
#temporary_website{
    margin:auto;
    padding:2em;
    background:#ededed;
    }
    #temporary_website_wrapper{
        border-top:2px solid #fff;
        border-bottom:2px solid #fff;
        padding:1em 0;
        position:relative;
        }
        #temporary_website_wrapper p{
            font-family: 'Lato-Light';
            padding:0.4em 0;
            color:#585856;
            }
            #temporary_website_wrapper p a{
                font-family: 'Lato-Black';
                color:#585856;
                }

                #col_photo{
                    position:relative;
                    float:left;
                    width:25%;
                    }
                    #col_photo img{
                        height:120%;
                        width:auto;
                        position:absolute;
                        top:50%;
                        left:50%;
                        -webkit-transform:translate(-50%,-50%);
                            -ms-transform:translate(-50%,-50%);
                                transform:translate(-50%,-50%);
                        }
                #col_texte{
                    position:relative;
                    float:left;
                    width:75%;
                    }

        #flag_wrapper{
            position:absolute;
            bottom:0;
            left:50%;
            -webkit-transform:translate(-50%,50%);
                -ms-transform:translate(-50%,50%);
                    transform:translate(-50%,50%);
            }
        .flag{
            height:0.45em;
            width:0.45em;
            border-radius:3em;
            background:#ededed;
            border:2px solid #fff;
            float:left;
            margin:0 0.15em;
            }
            #flag_uk{
                background:url(images/english_flag.gif) center center no-repeat;
                background-size:cover;
                }
            #flag_fr{
                background:url(images/french_flag.gif) center center no-repeat;
                background-size:cover;
                }
            #flag_it{
                background:url(images/italian_flag.gif) center center no-repeat;
                background-size:cover;
                }
            #flag_es{
                background:url(images/spanish_flag.gif) center center no-repeat;
                background-size:cover;
                }



        #partner{
            margin:auto;
            padding-bottom: 2em;
            background:#ededed;
            }
            #partner_logo{
                display:flex;
                justify-content: space-between;
                flex-wrap: wrap;
                max-width:550px;
                width:100%;
                /*height:100px;*/
                margin:auto;
                }
                .partner_logo_item{
                    width:250px;
                    height:auto;
                    /*outline: 1px solid blue;*/
                    }
                    .partner_logo_item img{
                        display:block;
                        }



footer{
    padding:1.5em 0;
    background:#fff;
    position:relative;    
    }
    #footer_wrapper{
        width:94%!important;
        margin:auto!important;
        position:relative;
        /*outline:1px solid red;*/
        }
        .footer_element{
            float:left;
            height:0.65em;
            }
        #logo_prs{
            width:auto;
            }
        #footer_element_sep{
            width:2px;
            background:#ededed;
            margin:0 0.4em;
            }
        #footer_element_txt{
            /*outline:1px solid red;*/
            position:relative;
            width:15em;
            }
            #footer_element_txt p{
                font-family: 'Lato-Light';
                position:absolute;
                top:50%;
                -webkit-transform:translate(0,-50%);
                    -ms-transform:translate(0,-50%);
                        transform:translate(0,-50%);
                }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    header{height:2em;}
    #header_bottom{height:2em;}
    #logo_rpr{height:0.65em;}

    .content_width{width:85%;}
    #slider_wrapper{height:15em;}
    .slick-arrow{height:2em;width:1em;}

    .tab_content{padding:1.5em 0;}

    #temporary_website{padding:2em 0;}
    #temporary_website_wrapper{padding:1.5em 0;}
    #col_photo{width:30%;}
    #col_photo img{height:100%;}
    #col_texte{width:70%;}

    .flag{height:0.52em;width:0.52em;margin:0 0.22em;}

    footer{padding:2em 0;}
    .footer_element{height:0.75em;}
    #footer_element_sep{width:2px;margin:0 0.5em;}
    #footer_element_txt{width:16em;}
}
@media only screen and (min-width: 640px) and (max-width: 768px) {
    header{height:2.8em;}
    #header_bottom{height:2.8em;}
    #logo_rpr{height:0.8em;left:3%}
    #brand_infos{right:3%;display:none;}
    .brand_infos_br{display:block;}
    .brand_infos_sep{display:none;}
    #btn_contact{display:block;}
    #brand_infos_mobile{top:2.8em;padding:1.5em 0;}

    .content_width{width:94%;}
    #slider_wrapper{height:18em;}
    .slick-arrow{height:2.6em;width:1.3em;}

    .tab_content{padding:2em 0;}

    #temporary_website{padding:3em 0;}
    #temporary_website_wrapper{padding:1.5em 0;}
    #col_photo{width:30%;}
    #col_photo img{height:65%;}
    #col_texte{width:65%;}

    .flag{height:0.65em;width:0.65em;margin:0 0.3em;}

    footer{padding:2.5em 0;}
    .footer_element{height:0.85em;}
    #footer_element_sep{width:2px;margin:0 0.6em;}
    #footer_element_txt{width:16em;}
}
@media only screen and (min-width: 480px) and (max-width: 640px) {
    header{height:3.5em;}
    #header_bottom{height:3.5em;}
    #logo_rpr{height:1.1em;left:3%}
    #brand_infos{right:3%;display:none;}
    .brand_infos_br{display:block;}
    .brand_infos_sep{display:none;}
    #btn_contact{display:block;}
    #brand_infos_mobile{top:3.5em;padding:2em 0;}

    .content_width{width:94%;}
    #slider_wrapper{height:19em;}
    .slick-arrow{height:2.8em;width:1.4em;}

    .tab_content{padding:2.5em 0;}

    #photo_bulle{display:block;padding:4em 0;}
    #temporary_website{padding:0 0 4em 0;}
    #temporary_website_wrapper{padding:2.5em 0;}
    #col_photo{width:30%;display:none;}
    #col_texte{width:80%;margin:auto;float:none;}

    .flag{height:0.8em;width:0.8em;margin:0 0.45em;}

    #partner{padding-bottom: 2.5em;}
    #partner_logo{display:block;height:auto;}
    .partner_logo_item{margin:auto;}
    .partner_logo_item:first-child{margin-bottom:0em;}

    footer{padding:3em 0;}
    .footer_element{height:0.9em;}
    #footer_element_sep{width:2px;margin:0 0.7em;}
    #footer_element_txt{width:16em;}
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
    header{height:4.5em;}
    #header_bottom{height:4.5em;}
    #logo_rpr{height:1.3em;left:3%}
    #brand_infos{right:3%;display:none;}
    .brand_infos_br{display:block;}
    .brand_infos_sep{display:none;}
    #btn_contact{display:block;}
    #brand_infos_mobile{top:4.5em;padding:2.5em 0;}

    .content_width{width:94%;}
    #slider_wrapper{height:23em;}
    .slick-arrow{height:2.8em;width:1.4em;}

    .tab_content{padding:3em 0;}

    #photo_bulle{display:block;padding:5em 0;}
    #photo_bulle img{width:12em;}
    #temporary_website{padding:0 0 5em 0;}
    #temporary_website_wrapper{padding:3em 0;}
    #col_photo{width:30%;display:none;}
    #col_texte{width:80%;margin:auto;float:none;}

    .flag{height:1.2em;width:1.2em;margin:0 0.6em;}


    #partner{padding-bottom: 5em;}
    #partner_logo{display:block;height:auto;}
    .partner_logo_item{margin:auto;}
    .partner_logo_item:first-child{margin-bottom:0em;}


    footer{padding:3.5em 0;}
    .footer_element{height:1.3em;}
    #footer_element_sep{width:2px;margin:0 0.8em;}
    #footer_element_txt{width:15em;}
    #footer_element_txt span{font-size:0.8em;}
}



/* ====================================================================================================== */ 
/* =fonts */ 
/* ====================================================================================================== */
strong{font-family: 'Open Sans';font-weight:400;}
a{text-decoration:none;}

h1{
    font-size:0.57em;
    margin:0;
    line-height:1.5;
    font-weight:normal;
    }
h2{
    font-size:0.53em;
    margin:0;
    line-height:1.5;
    font-weight:normal;
    }
h3{
    font-size:0.49em;
    margin:0;
    line-height:1.5;
    font-weight:normal;
    }
/*h4{
    font-size:0.47em;
    margin:0;
    line-height:1.4;
    font-weight:300;
    }
h5{
    font-size:0.4em;
    margin:0;
    line-height:1.4;
    font-weight:300;
    }
h6{
    font-size:0.33em;
    margin:0;
    line-height:1.4;
    font-weight:300;
    }*/
ul{
    font-size:0.33em;
    margin:0;
    line-height:1.5;
    }
    li{
        }                       
p{
    font-size:0.33em;
    margin:0;
    line-height:1.5;
    }
p.chapeau{
    font-size:0.4em;
    margin:0;
    line-height:1.6;    
    }    
p.legende{
    font-size:0.26em;
    margin:0;
    line-height:1.5;
    }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    h1{font-size:0.66em;}
    /*h2{font-size:0.62em;}
    h3{font-size:0.58em;}*/
    /*h4{font-size:0.56em;}
    h5{font-size:0.49em;}
    h6{font-size:0.42em;}*/
    ul{font-size:0.4em;}
    p{font-size:0.4em;}
    p.chapeau{font-size:0.45em;}
    p.legende{font-size:0.32em;}    
}
@media only screen and (min-width: 640px) and (max-width: 768px) {
    h1{font-size:0.9em;}
    /*h2{font-size:0.76em;}
    h3{font-size:0.69em;}
    h4{font-size:0.62em;}
    h5{font-size:0.55em;}
    h6{font-size:0.47em;}*/    
    ul{font-size:0.52em;}
    p{font-size:0.52em;}
    p.chapeau{font-size:0.59em;}
    p.legende{font-size:0.42em;}    
}
@media only screen and (min-width: 480px) and (max-width: 640px) {
    h1{font-size:1.1em;}
    /*h2{font-size:0.9em;}
    h3{font-size:0.83em;}
    h4{font-size:0.76em;}
    h5{font-size:0.69em;}
    h6{font-size:0.62em;}*/
    ul{font-size:0.66em;}
    p{font-size:0.66em;}
    p.chapeau{font-size:0.73em;}
    p.legende{font-size:0.55em;}    
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
    h1{font-size:1.4em;}
    /*h2{font-size:1em;}
    h3{font-size:0.93em;}
    h4{font-size:0.86em;}
    h5{font-size:0.89em;}
    h6{font-size:0.82em;}*/
    ul{font-size:0.92em;}
    p{font-size:0.92em;}
    p.chapeau{font-size:1em;}
    p.legende{font-size:0.75em;}    
}





/* Responsive - test */ 
/* =================================================== */   
#responsive1{
    bottom:0;
    left:0;
    background:#FC0;
    position:fixed;
    z-index:999;
    display:block;
    }
#responsive2{
    bottom:0;
    left:0;
    background:#39F;
    position:absolute;
    display:none;
    z-index:999;
    }
#responsive3{
    bottom:0;
    left:0;
    background:#6C3;
    position:absolute;
    display:none;
    z-index:999;
    }
#responsive4{
    bottom:0;
    left:0;
    background:#C39;
    position:absolute;
    display:none;
    z-index:999;
    }
#responsive5{
    bottom:0;
    left:0;
    background:#03F;
    position:absolute;
    display:none;
    z-index:999;
    }   
@media only screen and (min-width: 768px) and (max-width: 1024px) { 
#responsive1{display:none;}
#responsive2{display:block;}
#responsive3{display:none;}
#responsive4{display:none;}
#responsive5{display:none;}
}   
@media only screen and (min-width: 640px) and (max-width: 768px) {
#responsive1{display:none;}
#responsive2{display:none;}
#responsive3{display:block;}
#responsive4{display:none;}
#responsive5{display:none;}                 
}
@media only screen and (min-width: 480px) and (max-width: 640px) {
#responsive1{display:none;}
#responsive2{display:none;}
#responsive3{display:none;}
#responsive4{display:block;}
#responsive5{display:none;} 
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
#responsive1{display:none;}
#responsive2{display:none;}
#responsive3{display:none;}
#responsive4{display:none;}
#responsive5{display:block;}        
}














/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (-o-min-device-pixel-ratio: 5/4),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        -webkit-box-shadow: none !important;
                box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}