/* CSS Document */

#slider, .wide-container {height:638px}
.container {position:absolute; background-color: rgba(0, 0, 0, 0.6); left:50%; top:290px; 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:60px; line-height:60px; font-family:'open_sansextrabold', Arial, Helvetica, sans-serif;}
.container p {color:#FFF; padding-top:20px;}
#slider .adresse {background-color: rgba(0, 0, 0, 0.65); height:53px; padding:8px 50px 0 50px; position:absolute; bottom:0; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:20;}
#slider .adresse p {color:#FFF; padding-left:30px; padding-top:15px; height:20px; background: url(../imgs/picto_map_jaune.png) no-repeat left top;}
#slider .adresse .reseaux {position:absolute; right:50px; top:15px;}

.chiffres {text-transform: uppercase; font-size:12px; min-height:60px; padding-top:40px; padding-bottom:15px; line-height:14px; overflow:hidden;}
.chiffres strong {font-family:'open_sansextrabold', Arial, Helvetica, sans-serif; font-size:30px; line-height:30px; font-weight:normal; display:block;}
.chiffres .ico {background-image:url(../imgs/picto_chiffres.png); background-repeat:no-repeat; height:60px; position:absolute; top:0; left:0;}
.chiffre_1, .chiffre_2, .chiffre_3, .chiffre_4, .chiffre_5 {position:relative; max-width:80px; margin-bottom:15px;}
.chiffre_1 {padding-left:60px;}
.chiffre_2 {padding-left:73px; max-width:120px;}
.chiffre_3 {padding-left:52px; max-width:100px;}
.chiffre_4 {padding-left:50px;}
.chiffre_5 {padding-left:50px; padding-top:15px;}
.chiffre_1 .ico {background-position:0 0; width:50px;}
.chiffre_2 .ico {background-position:-50px 0; width:63px;}
.chiffre_3 .ico {background-position:-113px 0; width:42px;}
.chiffre_4 .ico {background-position:-155px 0; width:39px; color:#fff; text-shadow: -1px 0 #8c8c8c, 0 1px #8c8c8c, 1px 0 #8c8c8c, 0 -1px #8c8c8c; font-family:'open_sansbold', Arial, Helvetica, sans-serif; font-size:16px; text-align:center; padding-top:14px; height:46px;}
.chiffre_5 .ico {background-position:-195px 0; width:39px;}
.chiffre_4 span {font-family:'open_sansregular', Arial, Helvetica, sans-serif; font-size:12px; line-height:0; margin-left:-5px;}

.prestation {background:#ebebeb; border-top:1px solid #d6d6d6; padding-top:20px; padding-bottom:40px;}
.prestation h1 {font-family:'open_sansextrabold', Arial, Helvetica, sans-serif; text-transform: uppercase; text-align:center; font-size:48px; line-height:48px; color:#4c4c4c;padding-bottom:5px;}
.prestation p {text-align:center; padding-bottom:10px;}
.presta {background:#FFF; width:300px; position:relative; margin-top:15px; transition: all 0.5s ease-in-out 0s;}
.presta a {color:#343434;}
.presta h2 {font-family:'open_sansregular', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size:14px; color:#FFF; background: url(../imgs/texture_titre_presta.png) no-repeat right top #000; height:25px; padding: 7px 15px 0 15px}
.presta p {font-size:14px; padding:15px; text-align:left;}
.img_presta {height:162px; width:300px; overflow:hidden}
.presta img {transition: all 0.5s ease-in-out 0s; width:100%; height:100%; }
.presta:hover {box-shadow: 0px 6px 8px -2px rgba(0,0,0,0.7);-webkit-box-shadow: 0px 6px 8px -2px rgba(0,0,0,0.7);-moz-box-shadow: 0px 6px 8px -2px rgba(0,0,0,0.7);}
.presta:hover img {width:130%; height:130%;}
.presta .bt_infos {position:absolute; bottom:5px; right:5px;}

.presentation {background-image: url(../imgs/aubat-environnement_fourgon.jpg); background-repeat: no-repeat; background-position:center center; background-color:#000; background-attachment:fixed; background-size:cover; color:#FFF;}
.presentation .degrade_noir {background:url(../imgs/ap_degrade_noir.png) repeat-x bottom;}
.presentation .page {padding-top:90px; padding-bottom:75px;}
.presentation h2 {font-family:'open_sansextrabold', Arial, Helvetica, sans-serif; text-transform: uppercase; color:#FFF; font-size:60px; line-height:60px; text-align:center; padding-bottom:30px;}
.presentation .texte {padding-right:10px; padding-bottom:33px; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; }
.presentation .texte p:nth-child(2) {margin-top:15px;}
.presentation .img_presentation {height:205px; background:url(../imgs/aubat-environnement_batiment.jpg) no-repeat center center;}
.presentation .texte, .presentation .img_presentation {width:50%;}
.presentation .texte a.bt_infos {position:absolute; right:15px; bottom:0;}

.info_reseaux {background:#ebebeb; padding-top:12px; padding-bottom:30px;}
.info_reseaux h3 {font-family:'open_sansextrabold', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size:48px; line-height:48px;}
.info_reseaux .video, .info_reseaux .news, .info_reseaux .frame {width:450px; position:relative;}
.info_reseaux .frame {height:257px; background: #CCC}
.info_reseaux .perso {position:absolute; right:0; top:-94px; display:none;}
.info_reseaux .perso_anim {display:block; -webkit-animation:roll-in-blurred-left 1s cubic-bezier(.23,1.000,.32,1.000) 0.5s both;animation:roll-in-blurred-left 1s cubic-bezier(.23,1.000,.32,1.000) 0.5s both}
/*.info_reseaux .perso:hover {-webkit-animation:roll-out-blurred-right .25s cubic-bezier(.755,.05,.855,.06) both;animation:roll-out-blurred-right .25s cubic-bezier(.755,.05,.855,.06) both}*/
.info_reseaux .ico_box {height:34px; background-image:url(../imgs/picto_rs_2.png); background-repeat:no-repeat; position:absolute; top:10px;}
.info_reseaux .video .ico_box {background-position:right top; width:82px; left:190px;}
.info_reseaux .news .ico_box {background-position:left top; width:34px; left: 160px;}
.info_reseaux .titre {position:relative;}
.info_reseaux .titre span {font-size:12px;}
.info_reseaux .bt_infos  {position:absolute; right:0; top:4px; background:#000; color:#ffed00;}
.info_reseaux .bt_infos:hover  {background:#ffed00; color:#000;}

.chiffres, .prestation, .degrade_noir, .info_reseaux {padding-left:20px; padding-right:20px;} 

.slide_ticket  {background:#FFF}
.slide_ticket li {height:227px; width:420px; padding:15px}
.slide_ticket strong {text-transform:uppercase; font-family: 'open_sansextrabold', Arial, Helvetica, sans-serif; font-size:24px; display:block;}
.slide_ticket p {clear:both;}
.news img {float:left; margin: 5px 5px 5px 0;}
.slide_ticket {overflow:hidden;}




@media screen and (max-width: 479px)  {
#slider, .wide-container {height: 280px;}
.container {top:80px; margin-left:-140px; width:280px; padding:15px;}
.container h1 {font-size:30px; line-height:30px;}
.container p {font-size:14px; padding-top:10px;}
#slider .adresse {display:none;}
.prestation p {text-align:left;}
.prestation h1 {font-size:30px; line-height:30px;}
.presentation h2 {font-size:30px; line-height:30px;}
.presentation .page {padding-top: 30px; padding-bottom: 25px;}
.info_reseaux {padding-left:0;padding-right:0; display:none;}
/*.info_reseaux .video, .info_reseaux .frame {width:300px;}
.info_reseaux .video, .info_reseaux .news, .info_reseaux .frame, .info_reseaux iframe {width:300px;}
.info_reseaux .frame, .info_reseaux iframe {height:169px;}
.info_reseaux .news {display:none;}
.info_reseaux h3 {font-size:36px; line-height: 36px;}
.perso {width: 86px; height:60px;}
.info_reseaux .perso {top:-49px;}
.info_reseaux .video .ico_box {width:58px; height:24px; left: 140px; top: 10px; background-size:cover;}*/
}
@media screen  and (max-width:551px)  {
.chiffres .column {justify-content:center;}	
}
@media screen and (min-width: 480px) and (max-width: 639px)  {
#slider, .wide-container {height: 320px;}
.container {top:80px; margin-left:-150px; width:300px; padding:20px;}
.prestation h1 {font-size:40px; line-height:40px;}
.presentation h2 {font-size:30px; line-height:30px;}
}
@media screen and (max-width: 639px)  {
#slider .adresse .reseaux {display:none;}
.chiffres {padding-top:25px;}
.presentation {position:relative;}
.presentation .texte{width:100%;}
.presentation .img_presentation {display:none;}
}
@media screen and (min-width: 480px) and (max-width: 767px)  {
.container h1 {font-size:30px; line-height:30px;}
.container p {font-size:14px; padding-top:10px;}
#slider .adresse {font-size:14px; padding-left:14px; height:35px}
#slider .adresse span {display:none;}
#slider .adresse p {padding:0 0 0 20px; background-size:contain;}
.presentation .page {padding-top: 50px; padding-bottom: 45px;}
}
@media screen and (min-width: 640px) and (max-width: 767px)  {
#slider, .wide-container {height: 360px;}
.container {top:100px; margin-left:-150px; width:300px; padding:20px;}
#slider .adresse .reseaux {right:8px; top:5px}
.prestation {padding-left:10px; padding-right:10px;} 
.presentation h2 {font-size:40px; line-height:40px;}
}
@media screen and (max-width: 767px)  {
.presentation {background-image:none;}
.presentation .degrade_noir {background:none;}
}
@media screen and (min-width: 768px) and (max-width: 979px)  {
#slider, .wide-container {height: 538px;}
.container {top:240px; margin-left:-270px; width:500px; padding:20px;}
#slider .adresse {padding: 8px 30px 0 30px;}
#slider .adresse .reseaux {right:30px;}
.presentation h2 {font-size:50px; line-height:50px;}
}
@media screen and (max-width: 524px)  {
.chiffre_1{-webkit-animation:bounce-in-left 1.5s .5s both;animation:bounce-in-left 1.5s 1.5s both}
.chiffre_2{-webkit-animation:bounce-in-right 1.5s .5s both;animation:bounce-in-right 1.5s 1.5s both}
.chiffre_3{-webkit-animation:bounce-in-left 1.5s .75s both;animation:bounce-in-left 1.5s 1.75s both}
.chiffre_4{-webkit-animation:bounce-in-right 1.5s .75s both;animation:bounce-in-right 1.5s 1.75s both}
.chiffre_5{-webkit-animation:bounce-in-right 1.5s 1s both;animation:bounce-in-right 1.5s 2s both}
}
@media screen and (min-width: 525px) and (max-width: 654px)  {
.chiffre_1{-webkit-animation:bounce-in-left 1.5s .5s both;animation:bounce-in-left 1.5s 1.5s both}
.chiffre_2{-webkit-animation:bounce-in-top 1.5s .5s both; animation:bounce-in-top 1.5s 1.5s both}
.chiffre_3{-webkit-animation:bounce-in-right 1.5s .5s both;animation:bounce-in-right 1.5s 1.5s both}
.chiffre_4{-webkit-animation:bounce-in-left 1.5s .75s both;animation:bounce-in-left 1.5s 1.75s both}
.chiffre_5{-webkit-animation:bounce-in-right 1.5s .75s both;animation:bounce-in-right 1.5s 1.75s both}	
}
@media screen and (min-width: 655px) and (max-width: 799px)  {
.chiffre_1{-webkit-animation:bounce-in-top 1.5s .25s both; animation:bounce-in-top 1.5s 1.25s both}
.chiffre_2{-webkit-animation:bounce-in-top 1.5s .5s both; animation:bounce-in-top 1.5s 1.5s both}
.chiffre_3{-webkit-animation:bounce-in-top 1.5s .75s both; animation:bounce-in-top 1.5s 1.75s both}
.chiffre_4{-webkit-animation:bounce-in-top 1.5s 1.25s both; animation:bounce-in-top 1.5s 2.25s both}
.chiffre_5{-webkit-animation:bounce-in-right 1.5s 2s both;animation:bounce-in-right 1.5s 3s both}
}
@media screen and (min-width: 800px)  {
.chiffre_1{-webkit-animation:bounce-in-left 1.5s .75s both;animation:bounce-in-left 1.5s 1.75s both}
.chiffre_2{-webkit-animation:bounce-in-left 1.5s .5s both;animation:bounce-in-left 1.5s 1.5s both}
.chiffre_3{-webkit-animation:bounce-in-top 1.5s .5s both; animation:bounce-in-top 1.5s 1.5s both}
.chiffre_4{-webkit-animation:bounce-in-right 1.5s .5s both;animation:bounce-in-right 1.5s 1.5s both}
.chiffre_5{-webkit-animation:bounce-in-right 1.5s .75s both;animation:bounce-in-right 1.5s 1.75s both}
}