div#commentaire {
	position:relative;
	width:94%;
	margin:20px auto;padding:0;
}
div#commentaire h1 {
	position:relative;
	width:100%;
	margin:0 0 20px 0;padding:0;
	color:#0079C7;
	font-size:1.2em;
}


div#commentaire_result {
	width:96%;
	max-width:800px;
	padding:2%;
	margin:0 auto 15px auto;
	overflow:hidden;
}
div#commentaire_note_generale {
	float:left;
	width:46%;
	padding:25px 3% 0 1%;
	min-height:100px;
	overflow:hidden;
}

div#note_generale_value {	
	float:left;
	width:48%;
	font-size:2.5em;
	color:#000;
}
div#note_generale_etoile {
	float:right;
	width:48%;
}
div#note_generale_etoile .ratingWrapper {margin:0 auto;}

p.note_generale_nbavis {margin:2px 0 0 0;padding:0;width:100%;text-align:center;color:#3f3f3f;font-size:0.9em;}


div#commentaire_repartition {
	float:right;
	width:48%;
	padding:0 1%;
	min-height:100px;
	overflow:hidden;
}
div#repartition_graphique {
	width:200px;
	margin:0 auto;
}

.avis_colonne {
	float:left;
	margin:0 5px 5px 5px;
	padding:0;
	height:100px;
	width:30px;
}
.avis_colonne_barre {
	height:70px;
	width:100%;
	background:#007ac7;
}
.avis_colonne_barre_inner {
	background:#f3f3f3;
	width:100%;
}
.avis_colonne_barre_mention {text-align:center;color:#007ac7;}



div#commentaire_action {width:96%;margin:0 auto 20px auto;overflow:hidden;}

div#commentaire_msg {float:left;overflow:hidden;}

.commentaire_msg_logo {margin:0 10px 0 0;}
.commentaire_msg_mention {margin:0 10px 0 0;font-size:0.9em;color:#3f3f3f;}


div#commentaire_tri {float:right;margin:15px 0 0 0;text-transform:uppercase;}





/*
.comment_cadre {
	width:96%;
	background:#f4f4f4;
	overflow:hidden;
	padding:2%;
	margin:0 auto 15px auto;
}

.comment_author {
	float:left;
	width:26%;
	margin: 0;
}
p.author_letter {
	margin:0 10px 0 0; padding:8px;
	float:left;
	background:#353535;
	border-radius:200em;
	font-size:1.3em;
	text-transform:uppercase;
	color:#FFF;
	width:25px;
	text-align:center;
}
p.author {
	margin:12px 0 0 0; padding:0;
	float:left;
	font-size:1.1em;
}


.comment_content {
	float:right;
	width:calc(72% - 1px);
	padding:0 0 0 2%;
	border-left:1px solid #ababab;
}

div#note_generale_etoile .ratingWrapper, .comment_rate .ratingWrapper {
    width: 142px;
	height:28px;
    background: url("../img/avisverifies/starRatingLargeGray_fd.png") no-repeat scroll left top transparent;
}
div#note_generale_etoile .ratingWrapper .ratingInner, .comment_rate .ratingWrapper .ratingInner {
    background: url("../img/avisverifies/starRatingLargeBlue.png") no-repeat scroll left top transparent;
	height:28px;
}
.comment_avis {
	width:100%;
	overflow:hidden;
}
.comment_rate {
	float:left;
	width:150px;
	padding:0 2% 0 0;
}
.comment_date {margin:5px 0 0 0;font-size:0.8em;color:#939393;}
.comment_avis_contenu {
	float:left;
	width:calc(88% - 150px);
	padding:0 2% 0 8%;
	color:#3f3f3f;
	font-size:0.9em;
	min-height:50px;
	background:url(../img/public/faq_quote_left_small.png) top left no-repeat,url(../img/public/faq_quote_right.png) right bottom no-repeat;
}
.no_comment {color:#b0b0b0; font-style:italic;}

.comment_reponse {
	width:98%;
	padding:1%;
	overflow:hidden;
	background:#FFF;
	margin:15px 0 0 0;
}
.comment_reponse_author {
	float:left;
	width:180px;
	padding:0 2% 0 0;
	overflow:hidden;
}

.comment_reponse_author p.author_mention {font-size:0.8em;font-style:italic;margin:0 0 5px 0;padding:0;}

.comment_reponse_author p.authorm {margin:0;padding:10px 0 0 50px;background:url(../img/public/top_logo_small.png) left top no-repeat;background-size:40px; color:#007ac7;font-size:1.1em;min-height:30px;}

.comment_reponse_content {
	float:left;
	width:calc(93% - 181px);
	padding:10px 2% 10px 3%;
	color:#3f3f3f;
	font-size:0.9em;
	border-left:1px solid #007ac7;
}
.rmikatec {color:#007ac7;}
*/
.comment_cadre {
	width:96%;
	background:#f4f4f4;
	overflow:hidden;
	padding:2%;
	margin:0 auto 15px auto;
}
.comment_top {
	float:left;
	width:50%;
	margin: 0;
	padding:0 0 10px 0;
	overflow:hidden;
}
.comment_bottom {
	float:right;
	width:48%;
	margin: 0;
	padding:0 0 10px 2%;
}
.comment_author {
	float:left;
	width:calc(85% - 151px);
	margin: 0;
	padding:0 2% 0 0;
}
p.author_letter {
	margin:3px 10px 0 0; padding:8px;
	float:left;
	background:#353535;
	border-radius:200em;
	font-size:1.3em;
	text-transform:uppercase;
	color:#FFF;
	width:25px;
	text-align:center;
}
p.author {
	margin:12px 0 0 0; padding:0;
	float:left;
	font-size:1.1em;
}

.comment_rate {
	float:left;
	width:150px;
	padding:0 2% 0 4%;
	border-left:1px solid #ababab;
}.comment_author {
	float:left;
	width:calc(85% - 151px);
	margin: 0;
	padding:0 2% 0 0;
}
p.author_letter {
	margin:3px 10px 0 0; padding:8px;
	float:left;
	background:#353535;
	border-radius:200em;
	font-size:1.3em;
	text-transform:uppercase;
	color:#FFF;
	width:25px;
	text-align:center;
}
p.author {
	margin:12px 0 0 0; padding:0;
	float:left;
	font-size:1.1em;
}

.comment_rate {
	float:left;
	width:150px;
	padding:0 2% 0 4%;
	border-left:1px solid #ababab;
}



div#note_generale_etoile .ratingWrapper, .comment_rate .ratingWrapper {
    width: 142px;
	height:29px;
    background: url("../img/avisverifies/starRatingLargeGray_v2.png") no-repeat scroll left top transparent;
}
div#note_generale_etoile .ratingWrapper .ratingInner, .comment_rate .ratingWrapper .ratingInner {
    background: url("../img/avisverifies/starRatingLargeYellow_v2.png") no-repeat scroll left top transparent;
	height:29px;
}

.comment_rate .ratingWrapper {transform:scale(0.85);-webkit-transform:scale(0.85);transform-origin:0 0;-webkit-transform-origin:0 0;}
.comment_date {margin:5px 0 0 0;font-size:0.7em;color:#939393;}

.comment_date_show {display:none;}

.comment_avis {
	width:100%;
	overflow:hidden;
}

.comment_avis_contenu {
	float:left;
	width:96%;
	padding:0 2% 0 2%;
	color:#3f3f3f;
	font-size:0.9em;
	/*min-height:50px;
	padding:0 2% 0 8%;
	background:url(../img/public/faq_quote_left_small.png) top left no-repeat,url(../img/public/faq_quote_right.png) right bottom no-repeat;*/
}
.no_comment {color:#b0b0b0; font-style:italic;}

.comment_reponse {
	width:98%;
	padding:1%;
	overflow:hidden;
	background:#FFF;
	margin:15px 0 0 0;
}
.comment_reponse_author {
	float:left;
	width:180px;
	padding:0 2% 0 0;
	overflow:hidden;
}

.comment_reponse_author p.author_mention {font-size:0.8em;font-style:italic;margin:0 0 5px 0;padding:0;}

.comment_reponse_author p.authorm {margin:0;padding:10px 0 0 50px;background:url(../img/public/top_logo_small.png) left top no-repeat;background-size:40px; color:#007ac7;font-size:1.1em;min-height:30px;}

.comment_reponse_content {
	float:left;
	width:calc(93% - 181px);
	padding:10px 2% 10px 3%;
	color:#3f3f3f;
	font-size:0.9em;
	border-left:1px solid #007ac7;
}
.rmikatec {color:#007ac7;}


div#avisverifies {
	width:96%;
	padding:0 2%;
	font-size:0.8em;
	margin:0 0 30px 0;	
}


/*********************************** PAGINATION *****************************************/
div#pag-1, div#pag-2 {
	margin:15px auto;
	text-align:center;
	border:1px solid #e9e9e9;
	background:#f6f6f6;
	font-size:0.8em;
	width:678px;
	height:30px;
	line-height:30px;
}
/*
div#pag-1 a, div#pag-2 a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #d5d5d5;
	text-decoration: none; 
	color: #0079c7;
}
div#pag-1 a:hover, div#pag-2 a:hover {
	border: 1px solid #0079c7;
	color: #0079c7;
}
div#pag-1 span.current, div#pag-2 span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #0079c7;
	font-weight: bold;
	background-color: #0079c7;
	color: #FFF;
}
div#pag-1 span.disabled, div#pag-2 span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}
*/
/*********************************** FIN DE PAGINATION *****************************************/


@media screen and (max-width : 959px) {
	.comment_top, .comment_bottom {float:none;width:100%;margin:0 0 10px 0;}
	.comment_bottom {margin:15px 0 10px 0;width:99%;padding:0 1% 0 0;}
	.comment_rate {border-left:0px;padding: 0 0 0 4%;}
	.comment_author {width: calc(94% - 151px);}
}

@media screen and (max-width : 700px) {
	/*div#commentaire_note_generale, div#commentaire_repartition {float:none;width:96%;margin:0 auto 15px auto;}*/
	div#commentaire_note_generale {width:43%;padding:0 1% 0 1%;}
	div#commentaire_repartition {width:53%;padding:0 1% 0 1%;}
	div#note_generale_value {	
		float:none;
		width:100%;
		text-align:center;
		font-size:2em;
		margin:0 0 5px 0;
	}
	div#note_generale_etoile {
		float:none;
		width:100%;
		text-align:center;
	}
	
}

@media screen and (max-width : 600px) {
	div#repartition_graphique {width:150px;}
	.avis_colonne {width:20px;}
	.avis_colonne_barre_mention {font-size:0.8em;}
	
	
	.comment_reponse_author {float:none;width:100%;margin:0 0 20px 0;}
	.comment_avis_contenu {float:none;width:90%;}
	.comment_reponse_content {float:none;width:95%;padding:0 2% 0 3%;border-left:0px;}
	
	.nocomment {display:none;}
	.comment_rate {float:right;}
	
}

@media screen and (max-width : 450px) {	
	.comment_author {width: calc(94% - 93px);}
	.comment_rate {width:92px;}
	.comment_rate .ratingWrapper {margin: 5px 0 0 0;transform:scale(0.66);-webkit-transform:scale(0.66);transform-origin:0 0;-webkit-transform-origin:0 0;}
	.comment_date {margin: -5px 0 0 0;font-size:0.7em;}
	.comment_date_show {display:inline;}
	.comment_date_hide {display:none;}
}

@media screen and (max-width : 350px) {
	div#commentaire_note_generale {width:98%;padding:0 1% 0 1%;float:none;}
	div#commentaire_repartition {width:98%;padding:0 1% 0 1%;float:none;}
	.author_letter {display:none;}
	p.author {font-size:1em;font-weight:bold;}
	.comment_rate .ratingWrapper {margin: 0;}
}