div#titre {
    width: 100%;
    background-image: linear-gradient(#000,#252525);
    padding: 20px 1%;
    margin: 0 auto 40px auto;
}
div#titre h1 {
	max-width:1600px;
    margin: 0 auto;
    padding: 0 10px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 2.2em;
    font-weight: lighter;
}


div#content_left {
	position:relative;
	width:30%;
	max-width:380px;
	float:left;
}

/*************************************************/
div#content_right {
	position:relative;
	width:68%;
	margin:0;
	float:right;
}




/* LISTE DES AVIS */
div#entete_liste {width:100%;padding:5px;background:#1168a8;margin:0 0 35px 0;overflow:hidden;color:#FFF;}

.entete_liste_item {float:left;padding:0 10px;border-right:2px solid #FFF;height:30px;}

div#entete_resultat {font-size:1.4em;display:table;}
div#entete_pagination {float:right;border-right:0;}

div#pagination_bottom {
	position:relative;
	overflow:hidden;
	width:97.8%;
	background:#e5e5e5;
	border:1px solid #e4e4e4;
	padding:0 1%;
	margin:0 0 15px 0;
}



div#liste_article {
	position:relative;
	width:100%;	
}
.grid {margin:0 0 20px 0;}
div#liste_article .grid-sizer, div#liste_article .grid-item {
    width: 33.333333%;
}


div#bottom_avis {
    position: relative;
    width: 98%;
	margin:1% 1% 10px 1%;
}
.bottom_avis_cadre {background:#f3f3f3;}
.bottom_avis_cadre:hover {background:#fafafa;}
.bottom_avis_comment {height:auto;}


/** GAUCHE **/

div#gauche_content {
	position:relative;
	margin:0;
	width:95%;
	padding:10px 0 30px 0;
}


div#bottom_avis_entete {margin:0;}
div#bottom_avis_logo {width:225px;}
div#bottom_avis_logo img {width:100%;}
div#bottom_avis_note_generale {margin: -180px 0 0 185px;}


.trie_par_etoile {position:relative;width:auto;display:table;margin:10px auto 0 auto;color:#333;}

.trie_par_etoile.all_avis {width:auto;overflow:auto;}
.trie_par_etoile a {text-decoration:none;color:inherit;}
.trie_par_etoile.all_avis a {display:table;width:auto;padding:10px 20px;border-radius:0.3em;background:#f3f3f3;margin:10px auto;transition:background 0.5s;}
.trie_par_etoile.all_avis a:hover {background:#333;color:#FFF;transition:background 0.5s;}

.trie_par_etoile .ratingWrapper {
    position:relative;
	width: 117px;
    height: 29px;
    background: url("../img/public/starRatingSmallGray_v6.png") no-repeat scroll left top transparent;
    margin: 0;
	float:left;
}
.nb_avis {position:relative;float:left;width:75px;margin:0 10px 0 0;text-align:right;padding:2px 0 0 0;}



@media screen and (max-width : 1450px) {	
	div#liste_article .grid-sizer, div#liste_article .grid-item {width: 50%;}
}
@media screen and (max-width : 1250px) {
	div#bottom_avis_logo {width:200px;}
	div#bottom_avis_note_generale {margin: -180px 0 0 160px;}
}
@media screen and (max-width : 1150px) {
	div#bottom_avis_logo {width:180px;}
	div#bottom_avis_note_generale {margin:-160px 0 0 155px; width: 120px; padding: 30px 0; border-radius: 100px;}
	div#bottom_avis_note_generale .ratingWrapper {margin: 5px auto 0 auto;transform:scale(0.66);-webkit-transform:scale(0.76);transform-origin:0 0;-webkit-transform-origin:0 0;}
	div#bottom_avis_note_generale .bottom_avis_etoile {width:90px;margin:0 auto;}
}
@media screen and (max-width : 959px) {	
	
	div#content_left {width:100%;max-width:none;margin:0 0 15px 0;float:none;}
	div#content_right {width:100%;float:none;padding:0 0 30px 0;border-bottom:15px solid #1160a2;}	
	
	div#bottom_avis_entete {float:left; width:52%; margin:0 1%;}
	div#avis_tri_etoile {float:right; width:44%; margin:0 1%;}
}
@media screen and (max-width : 750px) {
	div#titre h1, div#titre p.titre_page {font-size: 1.6em; text-align:center;}
	
	div#liste_article .grid-sizer, div#liste_article .grid-item {
		width: 50%;
	}
	
}
@media screen and (max-width : 600px) {
	div#avis_tri_etoile {float:none; width:98%; margin:0 1%;}	
	div#bottom_avis_entete {float:none;width:300px;margin:0 auto;}
}
@media screen and (max-width : 480px) {
	div#liste_article .grid-sizer, div#liste_article .grid-item {
		width: 100%;
	}
}