/**
 * header
 */
#header{position:absolute;z-index:2;width:100%;background:#fff;margin-left:-115px;}
    .base_home #header{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWP4////TAAJlQOXZRHzcQAAAABJRU5ErkJggg==) repeat;}
#header:after{content:"";background-image:url("./images/corner-rounded-o100.png");display:block;position:absolute;top:0;left:100%;bottom:0;width:63px;
              background-size:auto 100%;background-repeat:no-repeat;}
	.base_home #header:after{background-image:url("./images/corner-rounded-o60.png");}

.header-inner{position:relative;padding:0 30px 0 150px;}
.header-inner>*{display:inline-block;}

@media only screen and (max-width:1200px){
    #header{margin-left:0;}
    #header:after{display:none;}
    .header-inner{padding-left:30px;}
}
@media only screen and (max-width:900px){
    ._ #header{position:relative;background:#fff;margin-left:0;}
    ._ #header:after{display:none;}
    ._ .header-inner{padding:10px; text-align:center;}
}

.lte-ie8 #header{margin-left:0;left:0;}
.lte-ie8 #header:after{display:none;}
.lte-ie8 .header-inner{margin-right:150px;padding:0 30px;}

/**
 * recall
 */
.recall{position:absolute;top:0;left:100%;z-index:1;width:105px;height:105px;margin-left:15px;background-color:#fff;color:#5DBFE3;font-size:1em;border:0;font-weight:bold;
border-width:5px 5px 0 0;border-style:0;border-color:#fff;
-webkit-border-radius:50% 0 50% 50%;
-khtml-border-radius:50% 0 50% 50%;
-moz-border-radius:50% 0 50% 50%;
-ms-border-radius:50% 0 50% 50%;
-o-border-radius:50% 0 50% 50%;
border-radius:50% 0 50% 50%;}
.recall>span{display:block;font-size: 1.2em;font-style: italic;line-height: 2;padding: 5px;text-align: center;text-transform: uppercase;}
.recall-phone{display:block;width:37px;height:37px;margin:auto;background:url("./images/recall.png");}
.recall-form{padding:20px;text-align:center;}
.recall-form p{margin-bottom:10px;font-size:1.4em;}
.recall-form input[type="text"]{width:45%;margin:0 2.5% 10px 2.5%;}
.recall-form input[name="phone"]{width:95%;}
.recall-form .recall-title{color:#5DBFE3;font-size:2em;}

@media only screen and (max-width:1200px){
    .recall{top:100%;left:initial;right:0;}
}
@media only screen and (max-width:900px){
  .recall{position:relative;display:block;width:100%;height:auto;bottom:initial;top:100%;left:0;padding: 10px 0;margin:0;
    -webkit-border-radius:0;
    -khtml-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
  }
  .recall > span{display:inline-block;position:relative;font-size:1.5em;
    *display:inline;
    zoom:1;
  }
  .recall-phone{position:absolute;top:50%;margin-top:-18.5px;right:100%;}
}

.lte-ie8 .recall{margin-left:-125px;max-height:100%;overflow:visible;}
.lte-ie8 .recall-phone{position:absolute;top:50%;margin-top:-18.5px;left:-37px;}

/**
 * logo
 */
.logo{margin-left:120px;}
    .base_home .logo{margin-left:0;}
@media only screen and (max-width:900px){
  ._ .logo{margin:10px;}
}

/**
 * menus
 */
.menu li{display:inline-block;vertical-align:middle;
    *display:inline;
    zoom:1;
}
.menu li > a {cursor:hand;cursor:pointer;}
.menu-tab{display:none;}
.menu-tab>span{margin:10px;}

.secondary-menu{position:relative;z-index:1;}
.secondary-menu-inner>li{}
.secondary-menu-inner>li>a{display:block;padding:40px 25px;color:#000;font-size:1.4em;}
.secondary-menu-inner>li>a:hover{color:#5DBFE3;}
.secondary-menu-inner>li>a:before{content:"•";margin-right:5px;color:#5DBFE3;font-size:1.5em;vertical-align:middle;}

.primary-menu  {position:fixed;left:0;width:100px;height:100%;z-index:2;background:#000;}
    .base_home .primary-menu{position:absolute;width:100%;height:auto;bottom:0;padding:0 0 40px 0;text-align:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGCYCQAAngCaYaR2fwAAAABJRU5ErkJggg==) repeat;}
.primary-menu:before{content:"";display:inline-block;vertical-align:center;height:100%;line-height:100%;vertical-align:middle;
    *display:inline;
    zoom:1;
}
    .base_home .primary-menu:before{display:none;}
.primary-menu-inner.c{display:inline-block;max-width:95%;padding:0;vertical-align:middle;
    *display:inline;
    zoom:1;
}
     .base_home .primary-menu-inner{max-width:none;padding:0 40px 0 40px;}

.primary-menu-inner>li {position: relative; top: 0; left:0; margin:20px 0; background-color:#000; vertical-align: top;color:#999;
                        -webkit-transition:left ease-in-out 0.2s;
                        -moz-transition:left ease-in-out 0.2s;
                        -ms-transition:left ease-in-out 0.2s;
                        -o-transition:left ease-in-out 0.2s;
                        transition:left ease-in-out 0.2s;
}
    .base_home .primary-menu-inner>li{width:auto;width:200px;margin:-15px 0 25px;background:none;color:#fff;}

.primary-menu-inner > /*li*/.active{left:25px;color:#fff;}

.primary-menu-inner>li:hover {left:25px;color:#fff;
                            -webkit-transition:left ease-in-out 0.2s;
                            -moz-transition:left ease-in-out 0.2s;
                            -ms-transition:left ease-in-out 0.2s;
                            -o-transition:left ease-in-out 0.2s;
                            transition:left ease-in-out 0.2s;}
    .base_home .primary-menu-inner>li:hover{left:0;}

.primary-menu-inner>li>a{display:block;font-size:0;font-family:"robotocondensed",helvetica,arial,sans-serif; color:inherit;}
    .base_home .primary-menu-inner>li>a{font-size:inherit;text-transform:uppercase;text-align:center;font-family:"robotolight";}

.primary-menu-inner .ico{position:relative;z-index:0;left:165%;margin-left:-100%;padding:32.5px;background-color:#000;border:10px solid #000;
                        -webkit-border-radius:0 50% 50% 0;
                        -khtml-border-radius:0 50% 50% 0;
                        -moz-border-radius:0 50% 50% 0;
                        -ms-border-radius:0 50% 50% 0;
                        -o-border-radius:0 50% 50% 0;
                        border-radius:0 50% 50% 0;}
    .base_home .primary-menu-inner .ico{left:auto;margin-left:auto;
                                        -webkit-border-radius:50%;
                                        -khtml-border-radius:50%;
                                        -moz-border-radius:50%;
                                        -ms-border-radius:50%;
                                        -o-border-radius:50%;
                                        border-radius:50%;
                                 
    }

.primary-menu-inner .label{position:relative;z-index:1;display:inline-block;max-width:75%;margin:0 10px;font-size:1.2rem;font-size:12px;text-align:right;
    *display:inline;
    zoom:1;
}
    .base_home .primary-menu-inner .label{display:block;max-width:none;font-size:2em;margin-top:0;text-align:center;}

@media only screen and (max-width:1200px){
    .secondary-menu-inner > li > a{padding:40px 15px;}
}
@media only screen and (max-width:900px){
    .secondary-menu-tab{display:block;position:absolute;top:0;left:100%;background-color:#fff;cursor: hand;cursor:pointer;
     -webkit-box-shadow: 7px 7px 5px -8px rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 7px 7px 5px -8px rgba(0, 0, 0, 0.25);
     box-shadow: 7px 7px 5px -8px rgba(0, 0, 0, 0.25);
    }

    .secondary-menu {position: fixed;top: 0; z-index: 3; width: 250px; height: 100%;left: -250px; margin-left: 0;margin-top: 0;background:#fff;
    -webkit-transition:left ease-in-out 0.2s;
    -moz-transition:left ease-in-out 0.2s;
    -ms-transition:left ease-in-out 0.2s;
    -o-transition:left ease-in-out 0.2s;
    transition:left ease-in-out 0.2s;
    }
    .secondary-menu-active .secondary-menu{left:0;
    -webkit-transition:left ease-in-out 0.2s;
    -moz-transition:left ease-in-out 0.2s;
    -ms-transition:left ease-in-out 0.2s;
    -o-transition:left ease-in-out 0.2s ;
    transition:left ease-in-out 0.2s ;
    }
    .secondary-menu{padding-top:30px;}
    .secondary-menu-inner > li{display:block;}
    .secondary-menu-inner > li > a{padding:20px;text-align:left;}

    .primary-menu-tab{display:block;width:100%;padding:10px;color:#fff;background:#000;font-size:1.4em;}
        .base_home .primary-menu-tab{display:none;}

    .primary-menu{position:static;width:100%;height:auto;}
        .base_home .primary-menu{position:relative;background:#000;z-index:1;}
        

    .primary-menu::before{display:none;}

    .primary-menu-inner.c{display:none;position:relative;max-width:none;}
        .primary-menu-active .primary-menu-inner.c{display:block;}
        .base_home .primary-menu-inner.c{display:inline-block;max-width:95%;
            *display:inline;
            zoom:1;
        }


    .primary-menu-inner > li{display:block;margin:0;border-top:1px solid #111;}
        .base_home  .primary-menu-inner > li {display:inline-block;border:0;*display:inline;zoom:1;}

    .primary-menu-inner > /*li*/.active{left:0;}
    
    .primary-menu-inner > li > a {font-size:inherit;}
    
    /* supprime le strut */
    .base_home  .primary-menu-inner > li > a:before{display:none;}  
    
    .primary-menu-inner .label{font-size:1.5em;max-width:50%;text-align:left;}
        .base_home .primary-menu-inner .label{font-size:1.5em;}
    
    .primary-menu-inner .ico{left:initial;margin-left:0;}
        .base_home  .primary-menu-inner .ico{display:block; margin:auto;}

}
@media only screen and (max-height:750px){
    .primary-menu-inner > li{margin:5px 0;}
}

.lte-ie8 .c.primary-menu-inner{text-align:center;}
.lte-ie8 .primary-menu-inner > li{margin:5px 0;}
.lte-ie8 .primary-menu-inner > li > a{text-align:center;color:#fff;}
.lte-ie8 .primary-menu-inner .ico {left:0;margin-left:0;}
.lte-ie8 .primary-menu-inner .label{display:block;text-align:center;}

.lte-ie7 .primary-menu-inner > li {top:0;}

/**
 * slider
 */
.slider{position:relative;z-index:0;top:0;height:100%;overflow:hidden;}
.slider-nav {display:block;position:absolute;top:50%;margin-top:-16.5px;width:33px;height:55px;background-image:url("./images/arrows-sprite.png");cursor: hand;cursor:pointer;
            -webkit-transition: all ease-in-out 0.2s;
            -moz-transition: all ease-in-out 0.2s;
            -ms-transition: all ease-in-out 0.2s;
            -o-transition: all ease-in-out 0.2s;
            transition: all ease-in-out 0.2s;}
.no-js .slider-nav{display:none;}
.slider-prev{background-position:0 0;left:-50px;}
.slider-next{background-position:-33px 0;right:-50px;}
.slider:hover .slider-nav{
                            -webkit-transition: all ease-in-out 0.2s;
                            -moz-transition: all ease-in-out 0.2s;
                            -ms-transition: all ease-in-out 0.2s;
                            -o-transition: all ease-in-out 0.2s;
                            transition: all ease-in-out 0.2s;}
.slider:hover .slider-prev{left:20px;}
.slider:hover .slider-next{right:20px;}

@media only screen and (max-width:900px){
    .slider{height:auto;max-height:500px;min-height:200px;padding-top:50%;}
}


/**
 * icones
 */

.ico{display:inline-block;position:relative;
    *display:inline;
    zoom:1;
}

.ico-primary-menu{width:65px;height:65px;background-image:url('./images/primary-menu-sprite.png');background-repeat:no-repeat;}
.lte-ie7 .ico-primary-menu{width:auto;height:auto;}

.ico--meeting,.ico--6{background-position:0 0;}
.ico--office,.ico--5{background-position:-65px 0;}
.ico--company,.ico--1{background-position:-130px 0;}
.ico--law,.ico--2{background-position:-195px 0;}
.ico--solution,.ico--3{background-position:-260px 0;}
.ico--tech,.ico--4{background-position: -325px 0}


/*  ------------------------------------------------
    IDCOOKIE
    ------------------------------------------------ */

#idcookie {
    color:#444444;
    background:white;
    padding:5px 10px;
    text-align: center;
    width:100%;
    position: fixed;
    z-index:9999;
    font-size:1.2em;
}

#idcookie .buttoncookie {
    display:inline-block;
    *display:inline;
    zoom:1;
    color:white;
    background:#444444;
    margin-left:10px;
    padding:2px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#idcookie .buttoncookie:hover {
    cursor: hand;cursor: pointer;
    background:#CCCCCC;
    color:#444444;
    text-decoration: none;
}



/**
 * animation
 */
@-webkit-keyframes tada{
    0%{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    2%,4%
    {
        -webkit-transform:rotate3d(0,0,1,-3deg);
        transform:rotate3d(0,0,1,-3deg)
    }
    6%,10%,14%,18%
    {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    8%,12%,16%
    {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
    20%
    {
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}

@keyframes tada
{
    0%
    {
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    2%,4%
    {
        -webkit-transform: rotate3d(0,0,1,-3deg);
        transform: rotate3d(0,0,1,-3deg)
    }
    6%,10%,14%,18%
    {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
    8%,12%,16%
    {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    20%{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}


.tada{
    -webkit-animation-name:tada;
    animation-name:tada;
    }
.animated{
    -webkit-animation-duration:s;
    animation-duration:5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
}
.animated:hover {
  -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  animation-play-state:paused;
}