/* Add here all your css styles (customizations) */

div.owl-twitter-v1.owl-carousel.owl-theme > div.owl-wrapper-outer > div > div > div > div > h2 > a{
    color:white;
}

#grid-container > div.cbp-wrapper.cbp-wrapper-front > div.cbp-item{
    padding:5px;
}

#body > div.wrapper > div.container.margin-top-30 > div.col-md-9.margin-bottom-30.articleshow > div > div > div.headline > h2 > a{
    text-decoration: none;
}


/******* SLIDER *******/
#intro{
    display: block;
    position: relative;
    top:-140px;
}

.fullscreenbanner{
}


.tp-caption a{
    font-size:1em;
    color:#ffffff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.tp-caption p{
    font-size:0.9em;
    color:#ffffff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

/*
#carousel a,
#carousel p{
    color:#ffffff;
}

#carousel h1{
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}


*/
.fa-navicon:before, .fa-reorder:before, .fa-bars:before{
    display: block;
    width: 22px;
    height: 1px;
    color: #fff;

}

span.carrevert{
    /*position: relative;*/
    /*top:-4px;*/
    /*font-size:0.5em;*/
    /*padding-left:10px;*/
    /*margin-right:10px;*/
    /*margin-top:-10px;*/
    /*background:#94c11f;*/
    /*color:#94c11f;*/
    /*text-shadow: 0 1px 2px #94c11f;*/
    /*display: inline;*/
    position: relative;
    top: -10px;
    font-size: 0.3em;
    padding-bottom: 5px;
    padding-left: 9px;
    margin-right: 10px;
    margin-left: 5px;
    margin-top: -10px;
    background: #94c11f;
    color: #94c11f;
    text-shadow: 0 1px 2px #94c11f;
    display: inline;

}

/*********** MODULE CAROUSEL *************/


.carousel-inner,
.carousel-inner div.item{
    min-height: 300px;
    max-height:683px;
}
.carousel-inner img {
    display: block;
    height: auto;
    min-width: 100%;
    line-height: 1;
    margin: auto;
}
.carousel-caption{
    top:20%;
}
@-webkit-keyframes h1{
    from{
        top: 	-40px;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /* IE 5-7 */
        filter: alpha(opacity=0);
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
    }
    to{
        top: 		0px;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /* IE 5-7 */
        filter: alpha(opacity=100);
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
    }
}
#carousel h1{
    -moz-animation:		h1 1s ease;
    -o-animation:		h1 1s ease;
    -webkit-animation:	h1 1s ease;
    -ms-animation:		h1 1s ease;
    animation:			h1 1s ease;
}


.glyphicon-chevron-left:before {
    content: "\e257";
}
.glyphicon-chevron-right:before {
    content: "\e258";
}



/*********** FIN MODULE CAROUSEL *************/


.headline a{
    text-decoration: none;
}

/********** DERNIERS ARTICLES pages article ******/
.thumbnail-kenburn img{
    width:200%
}

/*********** ACCUEIL - Besoin - Proposition - Coopération ******************/
#besoins{
position: relative;
top: -50px;
}
#proposition, #cooperation{
    padding: 50px 0 50px 0;
}

#technologies .container h2,
#citation .container h2,
#contact .container h2{
     color: #ffffff;
}
div.footer-v1{
    color: #ffffff!important;
}
div.footer-v1 .footer h2{
    color: #ffffff;
}
section .container h2:after,
#cooperation > div.title-v1 > h2:after{
    background: #72c02c;
}
section .container h2:after,
#cooperation > div.title-v1 > h2:after{
    bottom: 0;
    left: 50%;
    height: 1px;
    width: 70px;
    content: " ";
    margin-left: -35px;
    position: absolute;
}

h3 a{
    color: #555;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 24px;
    margin-top: 18px;
    text-shadow: none;
    min-height: 3.7em;
}
.content-boxes-v3 i.icon-custom {
    margin-right: 8px;
    background-color: #72c02c;
}
.content-boxes-v3 i.icon-custom {
    top: 8px;
    float: left;
    position: relative;
}

div.tp-caption.medium_light_white.revolution-ch2.sft.start{
    min-width:80%!important;
}

.margin-top--15 {
    margin-top: -15px;
}

.tp-banner-container{
    height:278px;
}

#technologies li{
    background: none;
}

.contacts-section{
    position: relative;
    background: #ffffff url(../img/bg/3.jpg) center fixed;
    background-size: cover;
    color: white;
}
.contacts-section:after {
    background: rgba(52, 152, 219,0.8);
}
.contacts-section:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
}
.contacts-in {
    z-index: 1;
    position: relative;
}
.contacts-section:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: url(../img/patterns/gridtile.png) repeat;
}


#contact ul.list-unstyled{
    font-size:1.6rem;
}
#contact ul.list-unstyled li span{
    width: 35px;
    padding: 8px;
    font-size: 18px;
    margin-right: 5px;
    text-align: center;
    display: inline-block;
    background: rgba(255,255,255,0.1);
}
#contact ul.list-unstyled li span:before{
    margin:0 auto;
}
#contact ul.list-unstyled li{
    line-height: 5rem;
    color:#ffffff;
}
#contact ul.list-unstyled li a{
    color:#72c02c;
}
#contact ul.list-unstyled li a:hover{
    color:#ffffff;
}
/*.header .container a > h1{*/
    /*font-size:3em;*/
    /*padding-top:20px;*/
    /*padding-bottom:20px;*/
    /*text-decoration: none;*/
/*}*/
.header .container > a:hover{
    text-decoration: none!important;
}
.philiaweb{
    color:#72c02c;
    font-family: "Megrim", sans-serif!important;
    font-weight: 600!important;
}

/******** SMARTPHONE ********/
@media(max-width: 360px) and (max-width: 991px){
    ul.loginbar{
        margin-right:40px!important;
    }

    .rs-caption-1 a{
        font-size:2em;
        color:#fff;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
    }

    .tp-caption p{
        font-size:1.6em;
        color:#ffffff;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
    }

    .rs-caption-3 a{
        font-size:1.6em;
        color:#fff;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        top:20px;
    }
}
@media(max-width: 991px) {
    /*ul.loginbar {*/
        /*margin-right: 20px !important;*/
    /*}*/

    /*.header .navbar-toggle {*/
        /*margin-right: -110px;*/
    /*}*/

    .rs-caption-1,
    .rs-caption-2,
    .rs-caption-3{
        width:100%;
        padding:2px 0;
    }

    .rs-caption-1 a{
        font-size:1.4em;
        color:#fff;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
    }
    .tp-caption p{
        font-size:1.2em;
        line-height: 1.2em;
        color:#ffffff;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
    }

    .rs-caption-3 a{
        font-size:2em;
        color:#fff;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
    }
}
/***** Iphone 4 *****/
@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2){

    div.header > div.container > a > img {
        height: 60%!important;
        width: 160px!important;
    }
    div.header span.fa{
        position:relative;
        top:-15px;
    }
    #intro > div.fullscreenbanner-container{
        max-height: none;
        overflow: visible;
        height: 400px!important;
    }
    .rs-caption-1,
    .rs-caption-2,
    .rs-caption-3{
        width:100%;
        padding:2px 0;
    }
    .rs-caption-1 a{
        font-size:2em;
        color:#fff;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
    }
    .tp-caption p{
        font-size:2em;
        line-height: 1.2em;
        color:#ffffff;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
    }

    .rs-caption-3 a{
        font-size:3em;
        color:#fff;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
    }
}
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){
    #index{
        width:375px;
    }
}
/***** pour le Galaxy S5 de Samsung *****/
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){
    #index{
        width:360px;
    }
}

.mentions .purchase{
    padding-top:0!important;
}
.mentions .purchase .content-sm{
    padding-top:0!important;
    padding-bottom:0!important;
}

div.service:hover a.btn-u-light {
    color: #fff!important;
    border-color: #fff;
}