@charset "UTF-8";
body {
  padding-top: 70px;
}
.h1, h1 {
    font-size: 2rem;
}

/* Carrousel - Début */
/* Make the image fully responsive */
.carousel-page img {
  width: 100%;
  height: auto /*400px*/;
}


.carousel-caption {
      /*width: 100%px;*/
      /*padding: 0 20px;*/
     /*margin:0 auto;*/
      /*margin-top: 150px;*/
      text-align:center;
	  max-width:100%;
      color:#000
} 
 
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230d6def' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230d6def' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

/* Carrousel - Fin */


/* Ruban - Début */
#fond {
position: relative;
margin: 0px auto;
width: 300px;
background: #fff;
border-radius: 5px;
/*box-shadow: 0px 0px 8px rgba(0,0,0,0.3);*/
z-index: 10;
height:110px;
}
 
.ruban {
background: /*#b1c70d;*/#519CFF;
height: 50px;
width: 330px;
position: relative;
left:-15px;
top: 30px;
float: left;
box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
text-align: center;
vertical-align: middle;
z-index: 100;
}
 
.ruban h2 {
font-size: 25px;
color: #fff;
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
text-align: center;
margin:10px;
}

.hreduit {
font-size: 20px;
color: #fff;
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
vertical-align: middle;
padding-top:8px;
/*text-align: center;*/
/*margin:10px;*/
}
 
.ruban_gauche {
border-color: transparent rgba(54, 104, 169, 1)/*#7e9202*/ transparent transparent;
border-style:solid;
border-width:15px;
height:0px;
width:0px;
position: relative;
left: -30px;
top: 65px;
z-index: -1;  /*s'affichera sous le rectangle  */
}
 
.ruban_droit {
border-color: transparent transparent transparent rgba(54, 104, 169, 1)/*#7e9202*/;
border-style:solid;
border-width:15px;
height:0px;
width:0px;
position: relative;
left: 300px;
top: 35px;
z-index: -1;
}
/* Ruban - Fin legalis-secretariat.com */






.form-group.position-relative input {
  padding-right: 32px;
}

.form-clear {
  align-items: center;
  /*background: #cecece;*/
  margin-right:0.25rem;
  border-radius: 50%;
  bottom: 8px;
  color: rgba(0, 0, 0, .54);
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  position: absolute;
  right: 0;
  width: 24px;
  z-index: 10;
}

.form-text+.form-clear {
  bottom: calc(1rem + 18px);
}

.form-clear .material-icons {
  font-size: 16px;
  font-weight: 500;
}
