/* CSS Document */
#global {background-image: url(../imgs/ap_prestation.png); background-repeat:no-repeat; background-position: bottom 100px right; }
#slider, .wide-container {height:380px;}
.wide-container li img {-webkit-animation: kenburns-right 5s ease-out both; animation: kenburns-right 5s ease-out both;}
@-webkit-keyframes kenburns-right {0% {-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);-webkit-transform-origin: 84% 50%; transform-origin: 84% 50%;} 100% {-webkit-transform: scale(1.25) translateX(20px); transform: scale(1.25) translateX(20px);-webkit-transform-origin: right; transform-origin: right;}} @keyframes kenburns-right {0% {-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);-webkit-transform-origin: 84% 50%; transform-origin: 84% 50%;} 100% {-webkit-transform: scale(1.25) translateX(20px); transform: scale(1.25) translateX(20px);-webkit-transform-origin: right; transform-origin: right;}}
#page {padding: 0 30px;}
.page {max-width:944px; margin:0 auto; padding:30px 0 80px 0;}
.page h2 {font-family: 'open_sansextrabold', Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; font-size: 36px; line-height: 36px; color: #818181;}

.container {position:absolute; background-color: rgba(0, 0, 0, 0); left:50%; top:210px; margin-left:-270px; width:540px; text-align:center; -webkit-border-radius: 10px ; -moz-border-radius: 10px ; border-radius: 10px; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:30px; z-index:10;}
.container h1 {color:#ffed00; font-size:36px; line-height:36px; font-family:'open_sansextrabold', Arial, Helvetica, sans-serif;}
.container p {color:#FFF; padding-top:20px;}

#footer .retour {position:absolute; width:260px; left:50%; top:-44px; margin-left:-130px; height:44px; z-index:100;}
#footer .retour .perso {position:absolute; bottom:-12px; left:10px;height:68px; width:98px; transition: all 0.25s ease-in-out 0s;}
#footer .retour:hover .perso {left:-40px;}
#footer .retour a {background:#000; color:#FFF; display:block; height:34px; padding-top:10px; text-align:center; transition: all 0.25s ease-in-out 0s;}
#footer .retour a:hover {color:#ffed00;}

.fade-in-top{-webkit-animation:fade-in-top .7s cubic-bezier(.39,.575,.565,1.000) .7s both;animation:fade-in-top .7s cubic-bezier(.39,.575,.565,1.000) .7s both}
.fade-in-top-2 {-webkit-animation:fade-in-top .7s cubic-bezier(.39,.575,.565,1.000) .1s both; animation:fade-in-top .7s cubic-bezier(.39,.575,.565,1.000) .1s both}
@-webkit-keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

.fade-in-left{-webkit-animation:fade-in-left .75s cubic-bezier(.39,.575,.565,1.000) 0.25s both;animation:fade-in-left .75s cubic-bezier(.39,.575,.565,1.000) 0.25s both}
.fade-in-left-2{-webkit-animation:fade-in-left .75s cubic-bezier(.39,.575,.565,1.000) 0.35s both;animation:fade-in-left .75s cubic-bezier(.39,.575,.565,1.000) 0.35s both}
.fade-in-left-3{-webkit-animation:fade-in-left .75s cubic-bezier(.39,.575,.565,1.000) both; animation:fade-in-left .75s cubic-bezier(.39,.575,.565,1.000) both}
@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}

.fade-in-right {-webkit-animation:fade-in-right .75s cubic-bezier(.39,.575,.565,1.000) 1s both;animation:fade-in-right .75s cubic-bezier(.39,.575,.565,1.000) 1s both}
.fade-in-right-2 {-webkit-animation:fade-in-right .75s cubic-bezier(.39,.575,.565,1.000) 0.5s both;animation:fade-in-right .75s cubic-bezier(.39,.575,.565,1.000) 0.5s both}
@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}