/** Colors **/

.pinkFort {color: #ff178f;}
.blue {color: #157cb5;}
.green {color: lawngreen;}
.red{color: red}
.greenFoncer{color: #24e12b;}
.orange{color: #ff9719
}

body
{
    color: rgb(112, 112, 112);
}

.bckgPrerempli
{
    background-color: #fff4f6;
}
.bordure
{
    border: 1px solid #157cb5;
}

.borderColorPinkFort
{
    border-color: #ff178f;
}
a:hover
{
    text-decoration: none;
}

#openBurger
{
    cursor: pointer;
}
#menuBurger div span
{
    cursor: pointer;
}
#menuBurger div:last-child
{
    color: red;
}
.btnStyle
{
    background: linear-gradient(#fff4f6, #ffffff);
    box-shadow: 0 1px 3px rgba(0,0,0,0.33);
    border: none;
    outline: none;
    width: 70%;
    padding-top: 1%;
    padding-bottom: 1%;
    border-radius: 10px;
    margin-left: 1%;
}

.btnStyle:active
{
    background: linear-gradient(#ffffff, #fff4f6);
}

.btn
{
    font-size: 24px;
}

.identifiant
{
    font-size: 18px;
    word-break: break-all
}
/** ****************** Menu Burger ***************  **/
#menuBurger
{
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    padding: 1%;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

.bckgBlancShadow
{
    background-color: white;
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

.badOrientation
{
    position: absolute;
    background-color: white;
    z-index: 100;
}
.imgBad
{
    background: url("../images/rotate2.png");
    background-position: center;
    width: 50%;
    height: 50%;
    transform: translate(50%,50%);
    background-size: contain;
    background-repeat: no-repeat;
}


/*** ********* Reponses des questions ********** ** ***/
.rowReponses div .col-md-4
{
    text-align: left;
}

/*** ********* Images Icon ********** */
.imageIcon
{
    width: 50px;
    height: 50px;
    vertical-align: bottom;
    display: inline-block;
}

.centrerText
{
    text-align: center;
}


@media screen and (max-width: 1050px) {
    .imageIcon
    {
        width: 40px;
        height: 40px;
    }
}


@media screen and (max-width: 700px) {
    .nav{
        font-size: 20px;
    }
    .btn
    {
        font-size: 20px;
    }
    
}