.skin-blue .main-header .navbar {
    background-color: #e75c21;
}

.txt_rouge {
    color: #e3001b;
    Font-Weight: Bold;
}

.logo-lg img,
.logo-mini img {
	/*width: 100%;*/
    top      : 5px;
	left     : 5px;
	height   : 50px;
	max-width: 150px;
}

.note,
.question {
		color: #616e14;
		border: solid 1px #bfd62f;
		background-color: #dae691;
		border-radius: 6px;
		padding: 14px 20px;
}
	
.attention {
		color: white;
		border: solid 1px #bfd62f;
		background-color: #dae691;
		border-radius: 6px;
		padding: 14px 20px;
}
	
.question::before {
		content: "Question: ";
		font-weight: bold;
}

.note::before {
		content: "Note : ";
		font-weight: bold;
}

.attention::before {
		content: "Attention: ";
		font-weight: bold;
}
	
.attention {
		background-color: #ce1d1ded;
}
	
.question {
		background-color: yellow;
        color: grey;
}

.info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.info hr {
  border-top-color: #abdde5;
}


.info:before {
		content: "Remarque : ";
		font-weight: bold;
}

.zoom {
	    max-width:50%;
	    max-height:50%;
	    resize: both;
	    transition: transform .2s; /* Animation */
}
	
.zoom:hover {
	    transform: scale(2.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	    
}
img,
.zoom {
	    max-width:50%;
	    max-height:50%;
	    resize: both;
	    transition: transform .2s; /* Animation */
}
	
.zoom:hover {
	    transform: scale(2.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	    
}

.center{
    text-align:center;
}

img,
.zoom-center{
        max-width:50%;
	    max-height:50%;
        text-align:center;
	    resize: both;
	    transition: transform .2s; /* Animation */
        margin-left:auto;
        margin-right:auto;
}

.zoom-center:hover {
	    transform: scale(2.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	    
}

.flotte-gauche{
    float: left;
}