.barre_outils_commentaires{
	height: 40px;
	background: lavender;
	overflow: hidden;
	border: 4px solid white;
}
#charlie {
    border: 4px solid silver;
}
.barre_outils_commentaires>div:hover>img{
	visibility: hidden;
}
.barre_outils_commentaires>div{
	display:inline-block ;
	width: 32px;
	height: 32px;
	margin: 4px;
}
.barre_outils_commentaires>div:hover{
	cursor: pointer;
}
.div_outil_zoom{
	background: no-repeat url(icones/Zoom-survol.png);
}
.div_outil_ajouter{
	background: no-repeat url(icones/Add-survol.png);
}
.div_outil_supprimer{
	background: no-repeat url(icones/Delete-survol.png);
}
.div_outil_aide{

	width: 32px;
	height: 32px;
	background: no-repeat url(icones/Help-survol.png);
}
.supprimer_commentaire {
    display: none;
    vertical-align: middle;
    background: no-repeat url(icones/Close-survol-petit.png);
}
.supprimer_commentaire>img{
	width: 20px;
}
.supprimer_commentaire:hover{
	cursor: pointer;
	
}
.supprimer_commentaire:hover>img{
	visibility: hidden;
}

#corps_commentaires{
	height: 689px;
	overflow: auto;
}

.commentaire_jmm{
		margin-bottom: 15px;
		padding-left: 5px;
		
}
img.repondre_jmm{
	cursor: pointer;
	float: right;
	margin: 10px;
	width: 16px;
}
img.repondre_jmm:hover{
	animation-name: bouger;
	animation-duration: 100ms;
	animation-iteration-count:infinite;
}

@keyframes bouger {
	from {padding: 0;} to {padding: 1px;}
}
.reponse_commentaire{
	border-left: 3px solid #131c4b;
}
b.expediteur{
	font-size: 150%;
	text-decoration: underline;
}
#formulaire_commentaire{
	margin: 10px;
}
.commentaire_champs_texte {
    max-width: 250px;
    width: 97%;
    font-size: 100%;
}
.commentaire_aire_texte{
	max-width: 800px;
	width: 97%;
	font-size: 100%;
	height: 300px;
}
.bouton_commentaire{
	background-color: #ddd;
	border: 2px solid rgba(64, 118, 226, 0.63);
	border-radius: 12px;
	color: #313131;
	font-size: 100%;
	padding: 3px 8px;
	}
.bouton_commentaire:hover {
    font-size: 100%;
    text-decoration: none;
    border: 2px solid rgba(64, 118, 226, 0.63);
    padding: 3px 8px;
    color: #464646;
    border-radius: 12px;
    background-color: #a2a2a2;
} 
.bouton_commentaire:active {
    font-size: 100%;
    text-decoration: none;
    border: 2px solid rgba(64, 118, 226, 0.63);
    padding: 3px 8px;
    color: #464646;
    border-radius: 12px;
    background-color: white;
} 
.error_nom{
display: none;
color: red;	
}
.error_mail{
display: none;
color: red;	
}
.error_message{
display: none;
color: red;	
}
.para_com {
    margin: 0;
    text-indent: 5px;
    color: #313131;
}
p.titre_commentaire{
    color: #1c1c1c;
}
div.aide {
    background-color: #fdffc0;
    border: 2px solid;
    border-radius: 50px;
    color: #0c670f;
    height: 210px;
    margin-right: 16px;
    margin-top: 16px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    right: 400px;
    text-indent: 12px;
    top: 160px;
    width: 314px;
    box-shadow: 12px 12px 12px #444;
}
.fermer_la_fenetre {
    color: red;
    float: right;
    font-size: 12px;
    line-height: 12px;
    margin: -8px 21px 5px;
    right: 0;
    text-decoration: none !important;
}
#infos_suppression img{
	vertical-align: middle;
}
#annuler_suppression {
	display: none;
    border-radius: 11px;
    float: right;
    margin: 3px;
    background: linear-gradient(to right, red, firebrick );
}
div.aide_jmm{
	position: fixed;
	display: none;
	max-width: 150px;
	font-size: 12px;
	background: none repeat scroll 0 0 yellow;
	/*background: url('/actualite/commentaires/icones/TextBubble.png') no-repeat;*/
	border: 6px groove ;
	    border-radius: 20px;
	    box-shadow: 24px 24px 32px;
}