/*CURRICULUM  HOME*/
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

/***** FORMULAIRE *****/
	#fbody{background-color: #eee}.form-control:focus{color: #495057;background-color: #fff;border-color: #80bdff;outline: 0;box-shadow: 0 0 0 0rem rgba(0,123,255,.25)}.btn-secondary:focus{box-shadow: 0 0 0 0rem rgba(108,117,125,.5)}.close:focus{box-shadow: 0 0 0 0rem rgba(108,117,125,.5)}.mt-200{margin-top:200px}
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }
	#metyse_notification{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #000000cc;
		padding: 20vh 20px;
		color: #ffffff;
		z-index: 9999;
		overflow: auto;
	}
	#metyse_notification center{
		max-width: 42em;
		height: -webkit-fill-available;
		height: -moz-fill-available;
		height: -fill-available;
	}
	#metyse_notification h3{
		color: #2de32d;
	}
	#metyse_notification p{
		font-size: 1.25rem; font-weight: 300;
	}
/*****************************************************/
	.mb-4{
		margin-bottom: 4px;
	}
	.mb-2{
		margin-bottom: 2px;
	}
	.mt-2{
		margin-top: 2px;
	}
	.mt-4{
		margin-top: 4px;
	}
	.grid-2{
		display: grid;
		grid-template-columns: auto auto;
		grid-gap: 10px;
		align-items: center;
	}
	.grid-4{
		display: grid;
		grid-template-columns: auto auto auto auto;
		grid-gap: 10px;
		align-items: center;
	}
	.un_3 {
	  grid-column: 1 / 3;
	}
/****** FORMULAIRE APPELES ******/

	#englobe{
		text-align: left;
		padding: 25px;
		background: #055c07;
	}



/*****************************************************/

@media only screen and (max-width:1100px) {
	table{
		display: block;
	}	
}
@media only screen and (min-width:425px) and (max-width:750px) {
  /*some code */
  .dossier{
    /* float: right; */
	font-weight: bolder;
    margin: 1px auto;
	/* -webkit-transform: 	skewY(2deg); */
	cursor: pointer;
	opacity:1;
	width:90%;
	clear:both;
	padding: 3vw;
	background:gray;
	}
	#bloc{
		font-size:2em;
		/* width:100vw; 
		position: absolute; */
		top: 20%;
		-moz-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	.toggle-button{
		display:block; 
	}	
	.pub_middle{
		width: 80%;
		transform: translateY(10%)
	}
	.bt,.bt_pp{
		display: block;
		font-size: xx-large;
	    padding:15px;
	}
    .mt{
    	font-size: xx-large;
    }
	.right_img{
		width:80vw;
	}
	.left_text{
		width:80vw; 
	}
	.pub_in{
		display: block;
	}
	.menu{
		display:block;
	}
	.pub_element {
		/*width: inherit;
		padding: 20px;
		margin: 10px;*/
	}
	.grider{ 
		grid-template-columns: 100%;
	}
}



/*CURRICULUM  VITAE*/
.forclick {
	font-size: 1.2em;
	margin: 0 10px;
	cursor: pointer;
}	
.foradd {
	float: right; 
	font-size: 2em;
	cursor: pointer;
}		
.foradd:hover,.forclick:hover {
	color:#005a13;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .grider{ 
		grid-template-columns: 100%;
	}
	.back{
		overflow:auto;
	}
	.notif_div{
		width: 90%;
	}
}