.button {
    /* background-color: #4c9baf; */
    font-family: "DM Sans", Sans-serif;
    font-weight: 900;
    line-height: 25px;
    letter-spacing: 0.5px;
    word-spacing: 1px;
    /* word-spacing: 0px; */
    /* fill: #FFFFFF; */
    /* color: #FFFFFF; */
    background-color: #FFFFFF; 
    /* background-color: #1A2455; */
    border-radius: 30px 30px 30px 30px;
    
    /* padding: 12px 20px 12px 20px; */

    border: solid; 
    border-width: 1px;
    /* color: white; */
    color: #1A2455;
    fill: #1A2455;
    padding: 12px ;
    /* padding: 8px, 20px, 8px, 20px; */
    /* padding: 15px 32px; */
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    /* margin: 40px 0px 40px 0px;  */
    
    /* border-radius: 5px; */
    text-transform: uppercase;
    cursor: pointer;
}

.button:hover {
    /* background-color: #00cccc; */
    background-color: #1A2455;
    color: #ffffff;
    text-decoration: none;
    
}

.button:disabled,
.button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}


.vignette {
    /*height: 150px;*/
    /* background: #dff5f7; */
    /*background: #f8f8f8;*/
    /* border: 2px solid #b9cbcc; */
    /* border-radius: 5px; */
    /* padding: 25px 50px 70px 25px; */
    margin: 10px 20px 100px 0px;
    position: relative;
    /* margin: 5px; */
    /* border: 1px solid #ccc; */
    float: left;
    /* width: 180px; */
    width: 250px;
    /*max-height: 800px;*/
    /*height: 150px;*/
   /* background: #f8f8f8;#dff5f7*/
    /* border: 2px solid #b9cbcc; */
    /* border-radius: 5px; */
    /* padding: 25px 50px 10px 25px; */
    /*position: relative;*/
}
.center_template_thumball{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.picture_template{

    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height:250px;
}

.modal-body {
   
}

.picture_template_modal{
    /* width:50%; */

    margin-left: auto;
    margin-right: auto;
    /* height: 50vh; overflow-y: auto; */
    height: 60vh; 
    overflow-y: auto;

}
.background_picture{
    background: #f8f8f8;
    padding-top: 20px;
    padding-bottom: 20px;


}
.vignette_extended {
    /* background: #dff5f7; */
    border: 2px solid #b9cbcc;
    border-radius: 5px;
    padding: 25px 50px 10px 25px;
    margin: 30px 50px 20px 0px;
    position: relative;
    float: left;
}

.vbouton {
    margin: auto;
    width: 70%;
    height: 50px;
    position: absolute;
    bottom: 5;
    margin: 0px 0px 15px 0px;
}




.vbt {
    margin: 5px 5px 5px 5px;
}

.vtitre {
    font-size: 20px;
    font-weight: bold;
    margin: 0px 0px 15px 0px;
    /* color: #4c9baf; */
    color: #1A2455;
    text-align: center;

}


.traitement {
    max-width: 550px;
    /*height: 150px;*/
    /* background: #dff5f7; */
    background: #f8f8f8;
    border: 0px solid #eaeaea; /*#1A2455;#b9cbcc;*/
    border-radius: 5px;
    padding: 25px 50px 10px 25px;
    margin: 30px 30px 10px 0px;
}



.margeGauche {
    margin-left: 5px; /*80px;*/
}
.img_place{
    margin-top: 7px;
}


.blocContenu {
    margin-top: 25px;
    /*margin-left: 5%; // 80px;*/
    /* max-width: 2000px;*/
}
@media (max-width: 1500px), (max-height: 950px)
{   .margeGauche {
        margin-left: 5px;
    }
    .blocContenu {
        margin-top: 25px;
        margin-left: 1%; // 80px;
        /* max-width: 2000px;*/
    }

}



/* .damier{
			display: inline;
		}
		div.inline {
			float:left;
		} */
.place_next_button{
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    width: 100%;
}
.place_next_button_left{
    justify-content: flex-end
}
.fondGris {
    /*background-color: #585858;*/

    /*display:flex;
    justify-content: space-between;

    width: 100%;
    height: 85px;*/
    padding: 5px;
    box-shadow: 0px 5px 5px -5px grey; /*[horizontal offset] [vertical offset] [blur radius] [optional spread radius] [color];*/
}
.abs-center-x{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.navbar-custom{
    background-color: white;

}
.navbar-custom .navbar-brand{
    color: green;
}
.navbar-custom .navbar-text {
    color: green;

}
.center_app{
/*background-color:grey;*/
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.nav_position{

    width:00px;

}
.filet {
    background-color: #DF0101;
    height: 3px;
}

h3 {
    color: #1A2455 /* #424242; */
}

h1 {
    color: #1A2455;
    font-size: 1.17em
}