@charset "utf-8";
/* CSS Document */

/* =Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:0 auto !important; display:inline-block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
.absolute {position:absolute; width:100%; margin-left:-35px; }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000; z-index:199;}
#status { width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(../images/ajax-loader.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
html, body, #wrap_contact {height: 100%;}
body > #wrap_contact {height: auto; min-height: 100%;}
html, body, #wrap_ftp {height: 100%;}
body > #wrap_ftp {height: auto; min-height: 100%;}
html, body, #wrap_agence{height: 100%;}
body > #wrap_agence {height: auto; min-height: 100%;}
.index #content { position:relative; top:119px;}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
body { font: 13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#555; background:#000; }
strong { font-weight:bold; }
a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
p { line-height:1.5; padding:10px 0px 0 0px; }
p.small {font-size:11px;}
p.contact { font-size:18px; padding-top:20px; padding-bottom:20px; }
p.big {font-size:22px; text-align: center; font-weight: 600; margin-top: -10px;}
p.intro { font-size:15px; text-align: center; margin-bottom: 30px; margin-top: -15px;}
p.intermediaire { font-size:26px; text-align: center; text-transform: uppercase; margin-bottom: 30px; font-weight: 600; color: #ea1d78; line-height: 1;}
p.intermediaire2 { font-size:26px; text-align: center; text-transform: uppercase; margin-bottom: 30px; font-weight: 600; color: #9b7b96; line-height: 1;}
p.intermediaire3 { font-size:26px; text-align: center; text-transform: uppercase; margin-bottom: 30px; font-weight: 600; color: #e44d6f; line-height: 1;}
p.intermediaire4 { font-size:26px; text-align: center; text-transform: uppercase; margin-bottom: 30px; font-weight: 600; color: #090909; line-height: 1;}
p.big a { font-weight:600; }
p.blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px; padding-top:18px; clear:both }
.blockquote span {font: 11px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#8d8d8d; padding-top:5px; text-transform:uppercase; display:block; letter-spacing:1px; }
a { color:#2b2b2b; text-decoration:none; font-weight:600 }
a:hover { text-decoration:none; color:#555; }
em {font-style:italic }
.uppercase {text-transform:uppercase }
.line-through {text-decoration:line-through; color:#888; padding:0 !important; }
span.arrow {font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:normal}
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { position:relative; float:left; padding-left:36px; padding-right:37px; padding-top:20px; padding-bottom:20px; z-index:1; border-right:1px solid #ccc; }
h1#logo a { display:block; background:url(../images/bg-logo.png) no-repeat; background-size:201px 79px; width:201px; height:79px; text-indent:-9999px; }
h2, h3, h4, h2 a, h3 a, h4 a { line-height:1; font-weight:700; color:#2b2b2b; display:block font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; text-transform:uppercase;}
h2 a:hover, h3 a:hover, h4 a:hover { color:#2b2b2b; }
h2 { font-size:48px; padding-bottom:15px; padding-top:20px; letter-spacing:-1px; }
h3 {font-size:30px; padding-bottom:9px; padding-top:20px; letter-spacing:-1px; }
.grey-area h4 {padding-top:10px; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
/*.container { white-space: nowrap; }*/
#content .container { width:1280px; margin:0 auto; padding:10px 0;}
header { background:#fff; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); z-index:55; width: 100%; position: fixed;}

.col1-1 { width:940px; margin:10px; float:left; position:relative }
.col3-3 { width:1240px; margin:10px; float:left; position:relative }
.col1-3 { width:300px; margin:10px; float:left; overflow:hidden }
.col2-3 { width:620px; margin:10px; float:left; overflow:hidden ;}

.col1-3.white-right, .col1-3.white, .col1-3.white-left, .white-bottom { padding:10px 35px 31px 35px; background:#fff; }
.white-bottom { position:relative }
.white-bottom.grey-area-last, .white.grey-area-last { padding:10px 35px 0px 35px;}
.tab-tile {background:#fff; }
.col1-3.white.p-small { padding:20px 35px 31px 35px; }

    #wrap_givenchyedpd .swip{display: none;}

.white-right:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,1) rgba(255,255,255,0) rgba(255,255,255,0); position:absolute; margin-top:25px; left:616px; }
.white-bottom:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0); position:absolute; top:-24px; margin-left:0px; }
a:visited .white-bottom:before { border-color: transparent transparent #fff transparent !important; }
a:visited .white-right:before { border-color:transparent #fff transparent transparent !important; }

ul#container {margin:0 auto; position:relative;}
ul#container li { width:320px; float:left; white-space: normal; list-style:none outside none; overflow:hidden; position:relative;}

ul#container li.col1-3 {width:300px; height:auto; margin:10px; }
ul#container li.col1-3.double {width:300px; height:auto; margin:10px; }
ul#container li.col2-3 {width:620px; height:auto; margin:10px; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images img {width:100%; display: block; max-width: 100% !important; height:auto; box-shadow: #000 0em 0em 0em;}
.masonry .element .images img, .index .element .images img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index:9;}
.masonry.full-opacity .element .images img, .index.full-opacity .element .images img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index:9 }

.tabs a {border-bottom:1px solid #ccc; padding:16px 20px; position:relative; display:block; font-size:15px; font-weight:400}
.tabs a:hover {background:#f8f8f8; color:#2b2b2b !important; }
.tabs span {padding:4px 0 0 13px; display:inline-block }
.tabs a.last {border:0; }
.icons { position:relative; height:30px; width:30px; z-index:10; float:left }

.images .title{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position:absolute; width:auto; font-weight:600; cursor:pointer; margin-left:0px; top:-14px;}
.title-wrap h3 p { overflow: hidden; white-space: nowrap; text-transform:uppercase; font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#2b2b2b; padding:0px; font-style:normal; }
.title-wrap h3 { padding:5px 8px 5px 8px; background:#fff; display:inline-block; position:relative; border:1px solid #ebebeb; margin-top:21px;  font-size:14px; line-height:1.5; letter-spacing:0; }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =FTP
--------------------------------------------------------------------------------------------------------*/
.teaser {height:261px; }
.teaser .grey-area.smaller {position:absolute; bottom:0; }
p.comments {text-transform:none; }
.post .grey-area { color:#555 }
#wrap_ftp {margin: 0; padding: 0; background:url(../images/bg_photo_ftp.jpg) no-repeat center fixed; -webkit-background-size:cover; background-size: cover;}
#content .container_ftp {width:320px; margin:0 auto; padding:50px 0px;}
#logo_ftp {display:block; background-size:201px 79px; width:300px; height:200px; background-color: #fff; opacity: 0.9; margin-left: 10px; text-align: center; padding-top: 30px; margin-top: 90px;}
.col1-3_ftp { width:300px; margin:0px 0px 0px 10px; float:left; overflow:hidden;}
#ftpfooter {height:80px; padding:0px 35px 0 35px; background:#fff; position: relative;	margin-top: -80px; clear:both; z-index:0; -webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);}
/* FTP
--------------------------------------------------------------------------------------------------------*/

/* =AGENCE
--------------------------------------------------------------------------------------------------------*/
#wrap_agence {margin: 0; padding: 0; background:url(../images/bg_photo_agence.jpg) no-repeat center fixed; -webkit-background-size:cover; background-size: cover;}
#agencefooter {height:80px; padding:0px 35px 0 35px; background:#fff; position: relative;	margin-top:0px; clear:both; z-index:0; -webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);}
#quote {padding:10px 35px 30px 35px; position:relative; background:url(../images/quote.svg) no-repeat; opacity: 0.9; font-size:20px; text-transform: uppercase; color: #fff; text-align: center; font-weight: 600; letter-spacing: 1px}
#left-form-agence {padding:25px 35px 50px 35px; background:#fff; position:relative; opacity: 0.9; font-size:18px; margin-top: 120px; text-align: center;}
h2.agence {text-align: center;}
ul.natural-block-list {text-align: center;}
img.logosvg {margin-right: 25px; margin-left: 25px; vertical-align: middle; margin-bottom: 40px; width: 120px;}
img.logosvgcarre {margin-right: 50px; margin-left: 50px; vertical-align: middle; margin-bottom: 40px; width: 70px;}
img.skillz {margin-right: 50px; margin-left: 50px; vertical-align: middle; width: 100px; height:100px;}
img.grayscale {filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    opacity: 0.8;}
#separation1 {width: 100%; height: 1px; background-color: #ea1d78; margin-bottom: 20px; margin-top: 32px; opacity: 0.3;}
#separation2 {width: 100%; height: 1px; background-color: #ea1d78; margin-bottom: 20px; margin-top:20px; opacity: 0.3;}
#separation3 {width: 100%; height: 1px; background-color: #9b7b96; margin-bottom: 20px; margin-top:20px; opacity: 0.3;}
#separation4 {width: 100%; height: 1px; background-color: #e44d6f; margin-bottom: 30px; margin-top:30px; opacity: 0.3;}
#separation5 {width: 100%; height: 1px; background-color: #090909; margin-bottom: 30px; margin-top:30px; opacity: 0.3;}
p.titre {bottom: 16px; font-size: 16px; line-height: 20px;}
.centered-block-list {display:inline-block; position:relative; margin-right: 35px; margin-left: 35px; margin-bottom: 40px;}


#wrap_agence h2#logo {
  display: block;
  background: url(../images/bg-logo.png) no-repeat;
  background-size: 230px 90px;
  width: 230px;
  height: 90px;
  text-indent: -9999px;
  margin: 0 auto;
  margin-bottom: 10px;
}


/* AGENCE
--------------------------------------------------------------------------------------------------------*/


/* EVENTS
--------------------------------------------------------------------------------------------------------*/
#wrap_events {margin: 0; padding: 0; background:url(../images/bg_events2.jpg) no-repeat center fixed; -webkit-background-size:cover; background-size: cover;}
#left-form-events {padding:25px 35px 50px 35px; background:#000; position:relative; opacity: 1; font-size:18px; margin-top: 120px; text-align: center;}

#left-form-events p.intro{
    font-size: 18px;
    color: #fff;
    padding: 45px 0 45px 0;

}

.img-events {
    display: inline-flex;
    width: 49%;
}

@media only screen and (max-width: 1280px) {

}

@media (min-width: 769px) and (max-width: 1280px) {


    #wrap_events .extensible-small{
        width: 100%;
    }

    #left-form-events {
        padding:25px 25px 25px 25px; 
        background:#000; position:relative; 
        opacity: 1; 
        font-size:18px; 
        margin-top: 120px; 
        text-align: center;}


    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    #left-form-events p.intro{
        font-size: 18px;
        color: #fff;
        padding: 45px 0 45px 0;
    }

    .img-events {
        display: inline-flex;
        padding: 5px 0 5px 0;
    }
}

@media only screen and (max-width: 768px) {
    
    #wrap_events .extensible-small{
        width: 100%;
    }

    #left-form-events {
        padding:25px 25px 25px 25px; 
        background:#000; position:relative; 
        opacity: 1; 
        font-size:18px; 
        margin-top: 120px; 
        text-align: center;}


    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    #left-form-events p.intro{
        font-size: 16px;
        color: #fff;
        padding: 45px 0 45px 0;
    }

    .img-events {
        display: inline-flex;
        width: 49%;
        padding: 5px 0 5px 0;
    }
}



/* =GIVENCHY
--------------------------------------------------------------------------------------------------------*/


#wrap_givenchy .centered-3block-list {display:inline-block; position:relative; margin-right: 10px; margin-left: 10px; margin-bottom: 10px;}

@media only screen and (max-width: 1280px) {
    #wrap_givenchy .extensible{width: 100%;}
    #wrap_givenchyedpd .swip{display: none;}
}

@media only screen and (max-width: 768px) {
    #wrap_givenchy .extensible-small{width: 100%;}
    #wrap_givenchyan .extensible-small{width: 100%;}
    #wrap_givenchyedpd .extensible-small{width: 100%;}
    #wrap_givenchyedpd .switch{display: none;}
    #wrap_givenchyedpd .swip{display: inline-block;}
}

/* GIVENCHY
--------------------------------------------------------------------------------------------------------*/

/* =FTV
--------------------------------------------------------------------------------------------------------*/

#wrap_ftvbosch {margin: 0; padding: 0; background:url(../images/bg_ftv_bosch.jpg) no-repeat center fixed; -webkit-background-size:cover; background-size: cover;}

@media only screen and (max-width: 1280px) {
    #wrap_ftvbosch .extensible{width: 100%;}
}

@media only screen and (max-width: 768px) {
    #wrap_ftvbosch .extensible-small{width: 100%;}
    #wrap_ftvbosch .extensible-small{width: 100%;}
    #wrap_ftvbosch .extensible-small{width: 100%;}
    #wrap_ftvbosch .swip{display: inline-block;}
}

/* FTV
--------------------------------------------------------------------------------------------------------*/

/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list {line-height:1.7; padding:50px 0px 0px 0px; text-align:left !important;}
ul.unordered-list.floated li {float:left; margin-right:50px; margin-left:50px;}

/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer { height:80px; padding:0px 35px 0 35px; background:#fff; position: relative;	 clear:both; -webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);}
.index footer { bottom: -119px;}
footer p {padding-top:32px !important }
img.social {width:25px; height: 25px; vertical-align: center; margin-right: 5px; margin-top: 28px; cursor: pointer;}
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Isotope
--------------------------------------------------------------------------------------------------------*/
.isotope-item { z-index: 2; -webkit-backface-visibility: hidden; overflow:hidden}
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; -ms-transition-property:     -ms-transform, opacity; -o-transition-property:         top, left, opacity; transition-property:         transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

#options { width:auto; /*height:100px;*/ z-index:300; text-align:left; white-space: nowrap;}
#options ul { margin: 0; list-style: none; padding:17px 20px; padding-right:0; float:left; border-left:1px solid #ccc; position:relative; font-size: 0; margin-left:-1px}
#options ul#main-menu li {padding-left:15px; display: inline-block; padding-top:30px;}
#options li a { color:#332a2a; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:14px; line-height:19px; font-weight:600; text-decoration:none; text-transform:uppercase; padding:0px; }
#main-menu li a:hover {color:#716868;} #main-menu li a.current, #main-menu li a.selected {color:#ea1d78;}

#options ul#homepage { position:absolute; right:0px; top:0px; height:100%; min-height:100%; padding:0; border:0; font-size: 0; display:block }
#options ul#homepage li {display:inline-block; height:100%; width:auto;}
#options ul#homepage li a {display:inline-block;  border-left:1px solid #ccc; padding:17px 20px; padding-right:23px; height:100%; font-size:11px; margin:0; color:#979797;}
#options ul#homepage li a.selected {background:#f8f8f8;}
#options ul#homepage li a:hover {background:#f8f8f8;}

.dead-link {cursor:default !important}
/* End Isotope
--------------------------------------------------------------------------------------------------------*/


/* =Backtotop
--------------------------------------------------------------------------------------------------------*/
#backtotop { height:auto; position:fixed; right:35px; bottom:83px; display:none; z-index:30; }
#backtotop ul li a { background:url(../images/bg-up.png) center 48% no-repeat; display:block; width:50px; height:50px; text-indent:-9000px;}
/* End Backtotop
--------------------------------------------------------------------------------------------------------*/


/* =Optin
--------------------------------------------------------------------------------------------------------*/
#optin {
    position: fixed;
    background-color: white;
    z-index: 100;
    bottom: 5%;
    right: -500px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    padding: 20px 15px;
    box-shadow: 1px 1px 12px #555;
    width: 302px;
    height: 232px;
}

#optin #close2 {
    position: absolute;
    left: -14px;
    top: -14px;
    -moz-border-radius:32px;
    -webkit-border-radius:32px;
    border-radius:32px;
    box-shadow: 1px 1px 12px #555;
    cursor: pointer;
}

#optin p {
    padding: 0;
    margin-top: 16px;
    margin-bottom: 5px;
    font-size: 100%;
    text-align: center;
}

#optin input {
    display:block;
    margin: 0 auto;
    margin: 10px auto 0;
    text-align: center;
    font-size: 100%;
}

#optin input[type=button] {
    border:0 none;
    color: white;
    background-color: #ea1d78;
    transition-property: 'background-color';
    transition-duration: 2s;
    padding: 10px 23px;
    font-size: 100%;
    cursor: pointer;
}

#optin #msg {
    text-align: center;
    color: crimson;
    margin-top: 10px;
}

#optin input[type=button]:hover{
    background-color: #ec78ac;
}

#optin input#mail,
#optin input#tel{
    padding: auto 35px;
    width: 90%;
    border: solid 1px #c9c9c9;
    font-weight:100;
    line-height: 28px;
}

#optin input#mail:focus,
#optin input#tel:focus{
      border: solid 1px #969696;
}
/* End Optin
--------------------------------------------------------------------------------------------------------*/

/* =Player bouton play
--------------------------------------------------------------------------------------------------------*/
.btplayplayer{
    display: block;
    position:absolute;
    left: 50%;
    top: 50%;
    width: 166px;
    height: 174px;
    margin-top: -87px;
    margin-left: -83px;
    cursor: pointer;
    z-index: 1;
}

.ppstateplaying .btplayplayer{
    display: none;
}

/* End Player bouton play
--------------------------------------------------------------------------------------------------------*/