.arrierPrincipal{
     /*background:#fdfdfd;*/
    background: url("../../bundles/cathoadmin/images/classroom.jpeg");

    width: 100%;
     /*overflow-x: hidden;
     overflow-y: scroll;*/
     margin: 0;

 }


.enteteForm{
    background: #fdfdfd;
    margin-top: 7px;
    margin-bottom: 6px;
}


.back{

    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;

    background-color:rgba(255,255,255,0.9);
    /*float: none;*/
    /*margin: 0 auto;*/
    height: 39em;

    border-radius: 1%;

}

.save{
    background: #37777c;
    color:white;
    margin-top: 5%;
    margin-bottom: 5%;

}
.style_radio{

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

}
.style_radio>div{
   /* padding: 5%;*/
    margin: -1px;
    background: none;
    height: 30px;
    width: 25%;
    box-sizing: border-box;
}

.taille_motiv{
    height:8em ;
    overflow-y: scroll;


}

.style_role{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	font-size: 1.1rem;
}
.style_role>div{
   /* padding: 5%;*/
    height: 30px;
    width: 25%;
    box-sizing: border-box;
    text-align: left;
}


/*******************************************************/
/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {



}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    .back{


        width: 1000px;
        margin-top: 10%;
        /*height:760px;*/

    }

    .enteteForm{
        background: #fdfdfd;
        margin-top: 7px;
        margin-bottom: 100px;
    }



}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

    .back{


        width: 768px;
        margin-top: 10%;
        /*height:760px;*/
    }

}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .back{


        width: 760px;
        margin-top: 10%;
        /*height:760px;*/
    }
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/



@media (min-width: 481px) and (max-width: 767px) {
    .back{


        width: 90%;

        height: 170%;
        margin-top: 10%;
    }
    .save{
        background:#00794f ;
    }

}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    .back{
        background: rgba(255,255,255,0.9);
        width: 95%;


        height: 39em;
        border-radius: 1%;



    }
    .save{
        background:#00794f ;
    }
    .dateNaiss{
        /*width: 25%;*/
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;



    }

    .dateNaiss>select{



        width: 25%;

        box-sizing: border-box;
    }
}