/* CSS Document */
/* plugin cadres informatifs */

.cadreaide, .important, .avertissement, .indication {
    border-radius: 20px;
    border: 1px solid #000;
    padding: 20px 10px 20px 20px!important;
    margin-bottom:20px!important;
}

.cadreaide {
    background-color: #83C1FF; 
}
.cadreaide:before {
    font-family: 'FontAwesome';   
    color: #007CF4;
    content: "\f0eb";
    top:-2px!important;
    right:5px!important;
}

.boitierfragile {
	background-color: #FFF;
	color:red!important;
	font-weight: bold!important;
}
.boitierfragile:before {
    font-family: 'FontAwesome';
    color: #F40000;
    content: "\f071";
	top:-2px!important;
    right:5px!important;	
}

.important {
	background-color: #F97C7C;
}
.important:before {
    font-family: 'FontAwesome';
    color: #F40000;
    content: "\f071";
    top:-2px!important;
    right:5px!important;
}

.avertissement {
	background-color: #FDDD7E;
}
.avertissement:before {
    font-family: 'FontAwesome';
    color: #FEBE00;
    content:"\f06a";
    top:-2px!important;
    right:5px!important;
}

.indication {
	background-color: #83FC83;
}
.indication:before {
    font-family: 'FontAwesome';
    color: #04AF04;
    content: "\f05a";
    top:-2px!important;
    right:5px!important;
}

.container-colonnes {
    border: 2px solid rgb(75, 70, 74);
    border-radius: 0.5em;
    padding: 20px;
    column-width: 10em;
    column-rule: 1px solid rgb(75, 70, 74);
}
.container-2colonnes  {
  column-count: 2;
}

.justif {
    text-align: justify;
}
.gauche {
    text-align: left;
}