/************************************************************************************/
 /************************************* Mise en page ********************************/

  .hidden { display:none; }
  .center { text-align:center; }
  .left { text-align:left; }
  .right { text-align:right; }
  .justify { text-align:justify; }
  .gras { font-weight:bold; }
  .italic { font-style:italic; }
  
  .MsgVert  { color: #6CB023; text-decoration: none;}
  .MsgRouge { color: #BC0017; text-decoration: none;}
  .MsgBleu { color: #1E90FF; text-decoration: none;}
  .MsgRose { color: #FF00AA; text-decoration: none;}
  .MsgViolet { color: #9A72AE; text-decoration: none;}
  .MsgGris { color: #636363; text-decoration: none;}  
  
  .SmallMsg {font-size:0.8em;}
  .SmallLink > a {font-size:0.9em; text-decoration:underline; color:#1E90FF;}
  
  .montitre {margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.1;color:inherit;font-size:1.6rem}
  .montitre>img {height:1.6rem;}
  .montitre>span {}

  .soustitre {margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.1;color:inherit;font-size:1.3rem}
  .soustitre>img {height:1.3rem;}


  
.info_info, .info_success, .info_warning, .info_error {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    -moz-border-radius:.5em;
    -webkit-border-radius:.5em;
    border-radius:.5em;
 
}
.info_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/ico/info.png');
}
.info_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img/ico/success.png');
}
.info_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/ico/warning.png');
}
.info_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/ico/error.png');
}


.info_info_small, .info_success_small, .info_warning_small, .info_error_small {
    /*border: 1px solid;   */
    margin: 0px 0px;
    padding:3px;
    background-repeat: no-repeat;
    background-position: 5px center;
    -moz-border-radius:.5em;
    -webkit-border-radius:.5em;
    border-radius:.5em;
 
}

.info_info_small {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/ico/info.png');
    background-size:18px;
    padding-left:30px;
}
.info_success_small {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img/ico/success.png');
    background-size:18px;
    padding-left:30px;
}
.info_warning_small {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/ico/warning.png');
    background-size:18px;
    padding-left:30px;
}
.info_error_small {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/ico/error.png');
    background-size:18px;
    padding-left:30px;
}


hr { 
  height: 1px;
  border-style: solid; 
  border-color: #8c8c8c; 
  border-width: 0px 0 0 0;  
  box-shadow: 1px 1px 13px 0 rgba(0,0,0,.6);

}

.ck-editor__editable {
    min-height: 150px;
    max-height: 600px;
   }
 /************************************************************************************/
 /************************************* Mise en page ********************************/


@media (max-width: 382px) {
      
      #phrasejour .lejour{
         font-size:1rem;
      }
      
      #phrasejour .expression{
          font-size:1rem;
      }     
}





input[type=text],
input[type=email],
input[type=tel]
 {
   color: #f76400;

 }





/* Par défaut, une étoile est en gris,
   avec un padding et un curseur en forme de main. */
#rating .fa-star {
	color: gray;
	cursor: pointer;
  
}
/* Si elle porte en plus la classe '.gold', elle sera en jaune. */
#rating .fa-star.gold {
	color: #ffdc0f;
}

/* Le parent global '.rating' positionne le groupe des étoiles et le lien en colonne */
#rating {
	display: flex;
	flex-direction: column;
	align-items: center;
}

	/* Le groupe '.stars' positionne les étoiles
		 les unes à côté des autres sans espacements. */
#rating .stars {
		display: inline-flex;
		justify-content: center;
		font-size: 1.75rem;
    
    
	}

	/**
	 * Et là opère la magie du ':hover' !
	 */

	/* A l'état :hover sur le parent '.rating',
		 on force TOUTES les étoiles à passer en jaune. */
#rating .stars:hover .fa-star {
		color: #ffdc0f;
	}
	/* Et si la souris survole une étoile en particulier,
		 on sélectionne toutes les étoiles qui sont APRÈS celle-ci
		 grâce à l'opérateur '~' et on les force en GRIS */
#rating .stars .fa-star:hover ~ .fa-star {
		color: gray;
	}
  
  
  
  .pt-3-half {
padding-top: 1.4rem;
}