/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 19 févr. 2018, 07:27:33
    Author     : Tollou
*/

/*--------------------------------------------------------------*/

.violet-bg{
    background: rgba(111,48,152,1)!important;
}
h5{
/*    color: rgba(111,48,152,1)!important;*/
    font-weight: bold
}
.violet-light-bg{
    background: rgba(44,1,64,1)!important;
}
.violet-bg-1{background: rgba(111,48,152,.3)!important}

.violet-light-bg{
    background: rgba(44,1,64,1)!important;
}
.border-checking{
    border: solid 1px #f00;
}
.banner-top{
    display: block;
}

.logo-image{
    background-image:url('../images/logo/logo-violet.jpg');
    background-repeat: no-repeat;
    background-position: left;
    height: 125px;
}
.banner-image{
    background-image:url('../images/ban.jpg');
    background-repeat: no-repeat;
    background-position: center;
    height: 125px;
}
.armoirie-image{
    background-image:url('../images/CotedIvoire.gif');
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center right;
    height: 125px;
}

.orange-bleu-bg{
    background: rgb(226,113,40);
    background: -moz-linear-gradient(45deg, rgba(226,113,40,1) 0%, rgba(44,83,158,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(226,113,40,1) 0%,rgba(44,83,158,1) 100%);
    background: linear-gradient(45deg, rgba(226,113,40,1) 0%,rgba(44,83,158,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e27128', endColorstr='#2c539e',GradientType=1 );
}

.gris-degrade-bg{
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(19,19,19,0.63) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(19,19,19,0.63)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(19,19,19,0.63) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(19,19,19,0.63) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(19,19,19,0.63) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(19,19,19,0.63) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#131313', GradientType=0 );
}

.service-content{
    padding: 10px 30px
}
.service-content .news-are{
    margin-bottom: 20px;
}

.sidebar-bg{background-color: rgba(235,235,235,.7)}

a.button {
    background-color: rgba(44,83,158,1);
}
.blog-details a.button, .img-text a.button {
    background: rgba(44,83,158,1) none repeat scroll 0 0;
    color: #ebebeb;
}
.slider-text{
    font-size:1.5em; color: #ebebeb; font-family: 'open sans'
}
.blog-details a.button.extra-small span, .img-text a.button.extra-small span {
    color: #ebebeb; 
}
.img-text h3{
    text-transform: uppercase;
}
.img-text p {
    overflow: hidden;
    text-overflow: ellipsis; 
}
.sidebar-right div{
    margin: 3px auto;
}
.sidebar-right .communique{
    /*background: rgba(255,255,255,.9);*/
    margin: auto;
    text-align: justify;
    padding: 20px auto;
    border-top: solid 2px rgb(226,113,40);
    margin-top: 20px;
}

.sidebar-right .communique .title{
    padding: 10px 5px;
}
.menu-area nav > ul > li a {
    color: #fff;
}

.menu-area nav > ul > li {
    padding: 20px 13px; 
    border-right: solid 1px #ebebeb;
}

/* Image zoom on hover + Overlay colour */
.parent {
    width: 100%;
    max-height: 360px;
    border: 10px solid rgba(111,48,152,.5);
    overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0px;
    height: 242px;
}


.menu-area nav > ul > li:last-child {
    border-right: none;
}

.about-text {
    margin-top: 0; 
}
.pdf-content{
    border-left: solid 2px #005384;
    padding: 5px 10px
}
.pdf-content:last-child{
    margin-bottom: 50px;
}
.about-text a{
    color: #005384
}
.about-text a:hover{
    text-decoration:underline;
}

.sidebar-right a{
    color: #005384
}
.sidebar-right a:hover{
    text-decoration:underline;
}
.pdf-content p span{
    padding-top: 15px;
    display: block;
    font-size: 1.3em;
    font-weight: 100;
    margin-right: 20px
}
.pdf-content img{
    height: 50px;
}

.sidebar-right-custom{
    padding-top: 20px;
    padding-bottom: 20px;
   
}

.sidebar-right-custom .cate-title{
    background: rgba(111,48,152,.3)!important;
    padding: 10px 10px;
    border-left: solid 15px  rgba(111,48,152,.7)!important;
     font-family: 'Tajawal', 'sans-serif';
}

.course-left-sidebar .resultat-form{
    clear: both;
    padding: 20px;
    border: solid 1px rgba(0,0,0,.1);
    text-align: center;
}


.course-left-sidebar .resultat-form input{
    width: 100%
}
.actu-detail h1,h2,h5,h4,h6{
/*    color: rgba(111,48,152,.9)!important;*/
    text-transform: fullsize-kana;
/*    font-size: 20px !important;*/
    /*text-transform: capitalize;*/
    font-weight: bold;
}

/*.actu-detail h1,h2,h5,h4,h6{
    color: rgba(111,48,152,.9)!important;
    text-transform: fullsize-kana;
    font-size: 20px !important;
    text-transform: capitalize;
    font-weight: bold;
}*/
.actu-detail p{
    font-size: 17px !important;
}

.course-left-sidebar .resultat-form .button{
   background: rgba(111,48,152,.3)!important;
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
}
/* table*/
#customers th{
    background: rgba(111,48,152,1)!important;
    color: white;
}

.txt-directrice .titre{
    font-weight: 700;
    font-family:sans-serif ; 
    text-transform: uppercase;
/*    text-transform: capitalize;*/
    font-size: 18px;
    color: rgba(111,48,152,.7)!important;
    border-left: solid 10px rgba(111,48,152,.7);
    padding-left: 10px
} 
.txt-directrice p a{
/*    color: rgba(44,83,158,1);118, 24, 189*/
    color: rgba(118, 24, 189,1);
    font-style: italic;
    font-size: 2vh;
    margin-top: 20px
} 

.txt-directrice p {
    padding: 20px 0px 0;
    text-align: justify;
    font-size: 17px;
    line-height: 24px;
    font-weight: 100!important;
    font-family: 'Raleway', sans-serif;
}


.txt-directrice p a{
    color: rgba(44,83,158,1);
    font-style: italic;
    font-size: 2vh;
    margin-top: 20px
} 
.txt-directrice p a:after{
    content: "..."
}
.txt-directrice p a:hover{
    color: #fff;
/*    background: #005384; du bleu roi sur au click de lir la suite de lindex*/
    background: rgba(118, 24, 189,1);
    padding: 3px 7px;
}

@media screen and (min-width: 200px) and (max-width: 640px) {
    .banner-top {
        display:none;
    }
    .container{
        width: 100% !important;
    }
}


.header-area .header-line {
    margin-top: 4px;
}

.carousel {
     /* width: 100%; pour regler le souci de couleur qui saffichait mal */
    background: #2f4357;
    margin-top: 20px;
    max-height: 650px;
    overflow-y: hidden;
    width: 100%;

}

#myCarousel .carousel-inner .item {
    width: 100% !important;
}

#myCarousel .carousel-inner .item img {
    width: 100%;
}

.carousel-caption {
    /* left: 20%; */
    /* right: 20%; */
    padding: 60px 25% 10px;
    width: 100%;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.5), #000);
    margin-bottom: -20px;
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 15;
    width: 60%;
    margin-left: 0%;
    padding-left: 15px;
    list-style: none;
    text-align: center;
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 0px;
}

.carousel-caption h4 {
    color: #FFF;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 0 !important;
    text-shadow: 3px 3px 4px #131313;
}

.home-dg-img-text {
    font-weight: 100;
    font-size: 12px;
    font-style: italic;
}

.home-dg-img-title {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 10px;
}

.home-dir-btn a {
    background: #b75f33;
    padding: 10px 15px;
    color: #FFF;
    border-radius: 5px;
    font-size: 15px;
}

.home-dir-btn a:hover {
    background: #6f3098;
}

.home-dir-btn {
    float: right;
    /* background: #efb238; */
    /* padding: 30px 10px; */
    /* color: #FFF; */
}
.orange-pur-bg a:hover {
    background: #6f3098;
}
.actu-bg-section {
    background: #F4F4F4;
    padding: 70px 0;
}

.home-actu-item {
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 0 0 5px 5px;
}

.home-actu-item .home-act-content {
    padding: 20px 15px 25px;
    background: #FFF;
    border-radius: 0 0 5px 5px;
}

.home-actu-item .home-act-content .home-act-title a {
    font-size: 16px;
    font-weight: 700;
    color: #6f3098;
    text-transform: initial;
    line-height: 1px;
}

.home-actu-item .home-act-content .home-act-text {
    padding: 10px 0;
    text-align: justify;
}

.home-actu-item .home-act-content .home-act-readmore {
    text-align: right;
    color: #000000!important;
    font-weight: 600;
}

.home-actu-block {
    margin-bottom: 50px;
}

.home-actu-block-titre {
    font-weight: 700;
    font-family: sans-serif;
    text-transform: uppercase;
    /* text-transform: capitalize; */
    font-size: 25px;
    color: rgba(111,48,152,.7)!important;
    border-left: solid 10px rgba(111,48,152,.7);
    padding-left: 10px;
    margin-bottom: 30px;
}

.bkg-parralax {
    background-image: url(../images/home-bg-parlx.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


.footer-bottom {
    background: #192735;
}

.footer-bottom p{
    color: #FFFFFF;
}

#toTop i:hover {
    background-color: #b75f34;
}
@media screen and (max-width: 1025px) {

 
   .ticker-wrapper.has-js {
 
    /* margin: 20px 0px 20px 0px; */
   
    padding: 4px 20px;

    height: 58px;
  
    display: block;
 
    background-color:#f8f0db;
 
    font-size: 0.75em;
   
    /* margin-top: 10px !important; */

   }
  
}