p{
padding:5px;
}
.barreau{

background-color: #ffffff;
-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
margin-bottom: 40px;

}

.barreau-title {
background-color: #515151;
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-size: 20px;
color: #ffffff;
text-transform: uppercase;
padding: 10px;
display: inline;
position: relative;
top: -50px;
}

.barreau-title:hover .promo-title {
background-color: #ffc512;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}

#myCarousel{
background: url(../fonts/acceuil.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin:0;
padding:0;
background-size:cover;
}

#myCarouselslide{
background: url(../fonts/acceuil.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin:0;
padding:0;
background-size:cover;
}

#myCarouselservices{
background: url(../fonts/construction.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin:0;
padding:0;
background-size:cover;
}

#myCarouselshop{
background: url(../fonts/buzishop.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin:0;
padding:0;
background-size:cover;
}

#myCarouselrubrique{
background: url(../fonts/immobilier.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin:0;
padding:0;
background-size:cover;


}#myCarouselrubriquefashion{
background: url(../fonts/fashion.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin:0;
padding:0;
background-size:cover;
}

#myCarouselrubriqueanimaux{
background: url(../fonts/animaux.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin:0;
padding:0;
background-size:cover;
}

#myCarouselrubriqueautomoto{
background: url(../fonts/voiture.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin:0;
padding:0;
background-size:cover;
}

#myCarouselrubriquehitech{
background: url(../fonts/hitech.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin:0;
padding:0;
background-size:cover;
}

#myCarouselrubriqueobjperso{
background: url(../fonts/objperso.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin:0;
padding:0;
background-size:cover;
}

#myCarouselacceuil{
background: url(../fonts/city.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin:0;
padding:0;
background-size:cover;
}

/***********animation delays*****************/
.delay-1{
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    animation-delay: 300ms;
}
.delay-2{
    -webkit-animation-delay: 600ms;
    -moz-animation-delay: 600ms;
    animation-delay: 600ms;
}
.delay-3{
    -webkit-animation-delay: 1200ms;
    -moz-animation-delay: 1200ms;
    animation-delay: 1200ms;
}
.delay-4{
    -webkit-animation-delay: 1500ms;
    -moz-animation-delay: 1500ms;
    animation-delay: 1500ms;
}

.slide-text {
margin-top: 120px;
}

.slide-text p {
color: #fff;
font-weight: 300;
font-size: 30px;
font-family: 'Shadows Into Light', cursive;
line-height: 30px;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.72);
}

.slide-text h1 {
color: #fff;
font-weight: 700;
font-size: 75px;
letter-spacing: 0.10em;
line-height: 80px;
margin-bottom: 0px;
text-transform: uppercase;
text-shadow: 0 1px 2px rgba(0,0,0,.25);
}

.slide-text h2 {
color: #fff;
font-weight: 700;
font-size: 47px;
letter-spacing: 0.10em;
line-height: 46px;
margin-bottom: 0px;
text-transform: uppercase;
text-shadow: 0 1px 2px rgba(0,0,0,.25);
}

.btn-carrer{
border-radius:0px;
background-color:#F5960F;
color:#fff;
}

.title-home {
text-align: center;
margin-bottom: 40px;
}

.title-home h2 {
font-weight: 800;
text-transform: uppercase;
margin-bottom: 5px;
font-size: 23px;
letter-spacing: 0.08em;

}

.services-wrap {
padding-top: 30px;
padding-bottom: 100px;
background-color: rgba(236, 236, 236, 1);
}

.carousel-control .right{
margin-right: -70px;
}

.design-chevron{
color:#0397F2;
}

.stick {
	top:0%;
    bottom:10%;
	right:0%;
	z-index:2;
    position:fixed;
	width:100%;
}

.navbar-default .navbar-nav>li>a {
color: #060606;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
}

.navbar-custom{
font-size:14px;
}

.separate-body{
border-bottom:1px solid rgb(255, 97, 0);
background-color:#fafafa;
padding-bottom:10px;
}

.separate-body-top{
border-bottom:2px solid #ABABAB;
background-color:#fafafa;
padding-bottom:10px;
}

.separate-body-black{
border-bottom:1px solid #fafafa;
background-color:#fafafa;
padding-bottom:10px;
}

.newsletter{
font-size:12px;
}

.separate-bodylast{
background-color:#fafafa;
padding-bottom:10px;
}

.border-bodypane{
border: 1px solid #cccccc;
}

.text-home{
padding:3px;
border: 1px solid #696969;
background-color:#fefefe;
box-shadow: 2px 2px 5px #cacaca;
height:50%;
margin-left:-10px;
color:#696969;	
font-weight: 300;
font-size:18px;
font-family: 'Shadows Into Light', cursive;
}

.work-desc {
width: 100%;
padding: 10px 20px;
background: #FFF;
border: 1px solid #e3e3e3;
border-top: none;
position: relative;
}

.work-desc:before{
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    margin-left: 20px;
    width: 8px;
    height: 8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    z-index: 100;
}

.work-desc-astuce {
width: 100%;
padding: 20px 20px;
background: #FFA631;
color:#fff;
border: 1px solid #e3e3e3;
border-top: none;
font-size:14px;
position: relative;
border-radius:10px;
}

.work-desc-astuce:before{
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    margin-left: 20px;
    width: 8px;
    height: 8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #FFA631;
    z-index: 100;
}

.fleche_droite:before {
    width: 0; 
    height: 0; 
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent; 
    margin-left:-28px;
	top:45%;
    border-right:10px solid  #fff; 
}


.whoare{
background-color:#fafafa;
}

.whatwedo{
background-color:#fff;
}

.img-zoom{
-webkittransition: -webkit-transform 350ms ease-in-out;
-moz-transition: -moz-transform 350ms  ease-in-out;
transition: transform 350ms  ease-in-out;
}

.img-zoom:hover{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

.img-content-zoom{
overflow:hidden;
}


#whoweare{
color:#5F5F5F;
-webkit-transition-property: color;
-webkit-transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
}

#whoweare .title-home:hover{
color:rgb(255, 97, 0);
}

#whatwedo{
color:#5F5F5F;
-webkit-transition-property: color;
-webkit-transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
}

#whatwedo .title-home:hover{
color:rgb(255, 97, 0);
}

#ourmember{
color:#fff;
padding-top:5%;
background-color:#333;
-webkit-transition-property: color;
-webkit-transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
}

#ourmember .title-home:hover{
color:rgb(255, 97, 0);
}

#contact{
color:#5F5F5F;
-webkit-transition-property: color;
-webkit-transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
}

#contact .title-home:hover{
color:rgb(255, 97, 0);
}

#gallery{
color:#fff;
-webkit-transition-property: color;
-webkit-transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
}

#gallery .title-home:hover{
color:rgb(255, 97, 0);
}

#gallery .gallery:hover{
-webkit-transition:  0.3s ease;
-moz-transition:  0.3s ease;
-o-transition: 0.3s ease;

-webkit-transition: -webkit-transform 3s ease-in-out;
-moz-transition: -moz-transform 3s ease-in-out;
transition: transform 3s ease-in-out;
}

#gallery .gallery:hover{

-webkit-transform: scale(1.1) rotate(-1800deg);
-moz-transform: scale(1.1) rotate(-1800deg);
-o-transform: scale(1.1) rotate(-1800deg);
transform: scale(1.1) rotate(-1800deg);

}

#whatwedo .film:hover{
-webkit-transition:  0.3s ease;
-moz-transition:  0.3s ease;
-o-transition: 0.3s ease;

-webkit-transition: -webkit-transform 3s ease-in-out;
-moz-transition: -moz-transform 3s ease-in-out;
transition: transform 3s ease-in-out;
}

#whatwedo .film:hover{

-webkit-transform: scale(1.1) rotate(-1800deg);
-moz-transform: scale(1.1) rotate(-1800deg);
-o-transform: scale(1.1) rotate(-1800deg);
transform: scale(1.1) rotate(-1800deg);

}

.tune-img{
max-width:92px;
border-radius:50%;
margin:auto;
}

#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
ol  .custom-indicator{
bottom: -20px;
}

.contact-custom{
margin-bottom:20px;
}
.contact-custom2{
margin-bottom:20px;
color:#FD700A;
}

.head-custom{
font-weight:bold;
font-size:14px;
font-family: 'Shadows Into Light', cursive;
color:#1C8FE2;
}

.text-head{
color:#837C7C;
font-weight:300px;
}

.foot-custom{
font-size:20px;
color:#1C8FE2;
margin-bottom:7px;
}

.foot-custom span.text-foot{
color:#737373;
}

span.img-survol{

 opacity:0; 
 color:#fff;
 padding-left:10%;
 padding-top:10%;
 -webkit-transition-property: opacity;
-webkit-transition-duration: 0.25s;
-webkit-transition-timing-function: ease;
}

span.img-survol:hover{
 opacity:1;
}