/*
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 : 30 janv. 2018, 17:25:49
    Author     : TOSHIBA
*/

.responsiveimg {
    width: 100%;
    height: auto;
}

.ui-buttonservice {
    border-radius: 500px !important;
}

.ui-noclick{
    pointer-events: none;
}

body
{
    padding-top: 20px;
    background-color: #F7F7F7;
}
.panel > .list-group
{
    margin-bottom: 0;
}

.GreyBack {
    background-color: gainsboro;
}

.GreyBoldBack {
    background-color: #4F4F4F;
    font-weight: bold
}

.panel > .list-group .list-group-item
{
    border-width: 1px 0;
}
.panel > .list-group .list-group-item:first-child
{
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.panel > .list-group .list-group-item:last-child
{
    border-bottom: 0;
}
.panel-heading + .list-group .list-group-item:first-child
{
    border-top-width: 0;
}
.panel-default .list-group-item.active
{
    color: #000;
    background-color: #DDD;
    border-color: #DDD;
}
.panel-primary .list-group-item.active
{
    color: #FFF;
    background-color: #428BCA;
    border-color: #428BCA;
}
.panel-success .list-group-item.active
{
    color: #3C763D;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}
.panel-info .list-group-item.active
{
    color: #31708F;
    background-color: #D9EDF7;
    border-color: #BCE8F1;
}
.panel-warning .list-group-item.active
{
    color: #8A6D3B;
    background-color: #FCF8E3;
    border-color: #FAEBCC;
}
.panel-danger .list-group-item.active
{
    color: #A94442;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
}
.panel a.list-group-item.active:hover, a.list-group-item.active:focus
{
    color: #000;
    background-color: #DDD;
    border-color: #DDD;
}

.RedBackYou{
    background-color: #ED483E;
}

.HomeBreadcrumbColor{
    color: #DFDFDF;
    /*    font-weight: bold;*/
}

.BreadcrumbColor{
    color: #999999;
    /*    font-weight: bold;*/
}

.Hei1{ height:1%;}

.FontAvenir{
    font-family: 'Avenir';
    color: #616161;
}
.FontHelvetica{
    font-family: 'HelveticaNeue';   
}

.FontAvenirBlack{
    font-family: 'Avenir';
    color: #000000;
}

.CouleurTitre{
    /*    font-family: 'Helvetica';*/
    color: #009461;

}

.CouleurLibCls{

    color: #000;

}

/*.CouleurLogo{    
    color: #009461;
}*/

.CouleurLogo{    
    color: #519E4A;
}

.Majuscule{    
    text-transform: uppercase;
}

.Fcont{ float:right;}

.SoftGrayBackPusp {
    background-color: #EEEEEE;
}

.CircleColor{
    color: #009461;
}

.BordRadYou{ border:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.RedBackYouPlay {
    background-color: #E02F2F;
}

.TexAlJustify{ text-align:justify !important;}

.Container105{ width:105%; float:left;}

#recherche2{    
    height: 53px;
    background-color: white;
    padding: 5px 20px 0px 20px;
    border-top-left-radius:77px 100px ;
    border-top-right-radius: 77px 100px;
}



.EmptyBox200{ display: block; width: 100%; height:200px; overflow:hidden;}

.EmptyBox2{ display:block; width:100%; height:2px; overflow:hidden;}

.Wid102{ width:104%;}

#showcase2{
    background-image:url('../images/showcases/showcase3.jpeg');
    background-repeat: no-repeat;
    background-position: center right;
    min-height: 350px !important;
}

.Container88{ width:88%; float:left;}

/*Pour les dataTable scrollabe*/
.ui-datatable-scrollable-header-box table thead tr th, .ui-datatable-scrollable-footer-box table tfoot tr td {
    border-width: 1px;
    border: #009E60 1px solid; 
    font-size: 14px;
    background-color: #ffffff;
    color: #616161;
}

.cssList{
    border-radius: 10px;
    border: #009E60 1px solid;
    color: #616161;
}

.imgSouley {
    /*outline: none;
display: block;*/
    margin-top: 8%;
    max-width: 100%;
    height: auto;
}

@media (min-width: 320px) and (max-width: 368px) {
    .imgSouley {
        margin-top: 29.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 368px) and (max-width: 400px) {
    .imgSouley {
        margin-top: 26% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 400px) and (max-width: 470px) {
    .imgSouley {
        margin-top: 23.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 470px) and (max-width: 512px) {
    .imgSouley {
        margin-top: 19.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 512px) and (max-width: 550px) {
    .imgSouley {
        margin-top: 17.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 551px) and (max-width: 650px) {
    .imgSouley {
        margin-top: 21.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 650px) and (max-width: 767px) {
    .imgSouley {
        margin-top: 18.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation : landscape) {
    .imgSouley {
        margin-top: 11.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 969px) {
    .imgSouley {
        margin-top: 14.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 1025px) and (max-width: 1110px) {
    .imgSouley {
        margin-top: 13.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 2560px){
    .imgSouley {
        margin-top: 3% !important;
        max-width: 100%;
        height: auto;
    }
}

/*@media only screen and (max-width: 1281px) {
    .imgSouley {
        margin-top: 13.5% !important;
        max-width: 100%;
        height: auto;
    }
}*/

@media (min-width: 320px){
    .imgSouley2 {
        margin-top: 29.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 375px){
    .imgSouley2 {
        margin-top: 25.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 425px) and (max-width: 490px) {
    .imgSouley2 {
        margin-top: 22.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 491px) and (max-width: 550px) {
    .imgSouley2 {
        margin-top: 16.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 551px) and (max-width: 768px) {
    .imgSouley2 {
        margin-top: 18.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 769px) and (max-width: 960px) {
    .imgSouley2 {
        margin-top: 12.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 961px) and (max-width: 1310px) {
    .imgSouley2 {
        margin-top: 11.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 1310px) and (max-width: 1410px) {
    .imgSouley2 {
        margin-top: 10.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 1411px) and (max-width: 1585px) {
    .imgSouley2 {
        margin-top: 9.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 1586px){
    .imgSouley2 {
        margin-top: 6.5% !important;
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 2240px){
    .imgSouley2 {
        margin-top: 4.5% !important;
        max-width: 100%;
        height: auto;
    }
}