@import url('../css/jquery.mCustomScrollbar.css');
label.error{
    color: #ff931e;
    width:100%;
    text-align: left;
}

body{

    background-color: #d6d6d6;
}

/*---------------------div-----------------------*/
div#espacementLogo {
    padding-bottom: 50%;
}

div.espacementBlocTxt {
    padding-top:30%;
}


div.blocTxt{
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
    max-width:250px;
    margin-top: 10px;
    padding:10px;
    color:#7f8080;
    max-height: 430px;
    min-height:400px;
    overflow: visible;
}

div.petitBlocTxt{
    max-height: 300px;
    min-height:300px;
    height : 300px;
}

div.reduitDr{

    padding-right : 70px;

}
div.margeBas{
    margin-bottom : 15%;
}
div.margeBasPlus{
    margin-bottom : 20%;
}
div.reduitGa{

    padding-left : 70px;

}
div.blocTxtScroll{
    height:285px;
    width:100%;
    overflow: hidden;
}

div.ptTrait{
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #000000;
    width:30px;
    margin-bottom: 10px;
    height:1px;
}

div.gdTrait{
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #000000;

    width:100%;
    margin-bottom: 10px;
    height:1px;
}

div.fdBleu{
    background-color: #6dc5d4;
    width:100%;
}

div.fdGris{
    background-color: #4e4d4d;
    text-align: center;
    vertical-align: middle;
    color:#FFF;
}

div#cmd{

    background-color: #fff;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.75);
}


div#cmd.affix {
    width:100%;
    max-width: 970px;
    position: fixed;
    top: 0;
    z-index:10;
    -webkit-transition: all .6s ease-in-out;
}



/*---------------------table-----------------------*/
table.pastilleBas{
    position:absolute;
    margin-left:35px;
    margin-top:40px;
    background-color: #6dc5d4;
    width:155px;
    height:155px;
    border-radius:50%;

}


table.pastilleDroite{

    margin-top:-275px;
    margin-left:140px;
    position:absolute;
    background-color: #6dc5d4;
    width:155px;
    height:155px;
    border-radius:50%;
}

table.pastilleBas td,table.pastilleDroite td{
    vertical-align: middle;
    color:white;
    text-align: center;
    padding:20px;
}

table.centre{
    width:100%;
    height:100%;
}

table.centre td{
    vertical-align: middle;
    text-align: center;
}
table.cent{ height: 100px;}

/*-------------------typo------------------------*/
div.blocTxt p {
    margin : 5px 0 5px 0;
    padding:0;

}
.txtBlanc{
    color: #fff;
}

/*--------------------divers---------------------*/


.abs {
    position:absolute;
    z-index: -999;
    margin-bottom:150px;
}

.decal {
    padding-left : 3%;

}
.decalTop {
    padding-top : 3%;

}

.espace{
    margin : 25% 0 25% 0;
}

@media (max-width: 1005px) {
    .espace {
        margin :0;
    }
}


.right{
    float :right;
}
.left{
    float :left;
}

.center{
    margin-left:auto;
    margin-right: auto;
}

.decalGauche{
    margin-left: 50px;

}













/*----------redéfinition Bootstap--------------*/





h1.ombre{

    text-shadow: 0 0 0.2em black;
}

h3.decal{
    padding-top: 10px;
    padding-bottom : 10px;
}

div.blocTxt h4{
    color: #4e4d4d;
    padding: 0 0 5px 0;
}


div.blocTxt h2{
    color: #1a1a1a;
    padding: 0;
}

table.pastilleBas td h1,table.pastilleBas td h4,table.pastilleDroite td h1,table.pastilleDroite td h4 {
    margin:0;
    padding : 0;
    color:#FFF;
}

h2.rond{
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    border-radius:50%;
    width:35px;
    height:35px;
    text-align: center;

}

button.btn-cmd{
    max-width:240px;
    border-width: 0;
    margin: 15px auto;
    display: block;
    background-color: #6dc5d4;
    width:100%;


}

a.btn{
    text-decoration: none;
    color:#000;
    width:100%;
}
a.btn:hover{
    text-decoration: none;
    color:#000;
    width:100%;

}