/*-----------------------------------------------
/*-[ avis client ]
------------------------------------------------*/
.widget #avis{
	padding:15px 10px;
	font-family: 'Open sans', sans-serif;
	font-weight:300
}
.widget #avis span.aviscount{
	  display: block;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 8px;
}
.widget #avis a.voiravis{
	  text-align: center;
  display: block;
  text-transform: uppercase;
  color: #000;
  background-color: #ccc;
  margin: 14px auto 0;
  font-size: 20px;
  line-height: 30px;
  font-family:'Oswald', sans-serif
}
.widget #avis a.voiravis:hover, .ajouteravis a:hover{
	opacity:0.7
}
.ajouteravis{
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
  border-radius: 6px 6px 0 0;
  padding: 6px 22px;
  background: #4a4a4a;
  text-align: center!important;
}
.ajouteravis a{
  color: #fff;
  cursor: default;
  font-size: 21px;
  text-transform: uppercase;
  font-weight: 300;
   font-family:'Oswald', sans-serif;
  padding-right: 42px;
    cursor: pointer;
	  padding: 0px 12%;
}
.ajouteravis a#showForm{
	background: url(images/arrow-down.png) right center no-repeat;
}
.ajouteravis a#hideForm{
	background: url(images/arrow-up.png) right center no-repeat;
}
#avis_list span.rating img, #avis_form img{
	border:0
}
#avis_list h2{
	border-bottom: dotted 1px #ccc;
	  margin-bottom: 20px;
}
#avis_list span.dateavis{
	  font-family: 'Open sans', sans-serif;
	    font-size: 16px;
}
#avis_list span.dateavis span.date{
  background-color: #4a4a4a;
  color: #fff;
  padding: 2px 10px;
}
#avis_list span.dateavis p{
    background: #f5f2f2;
    border: 1px solid #d7d1d1;
    padding: 10px 8px;
    border-radius: 10px;
}
#avis_list span.dateavis SPAN.rating{
	 float:right 
}
#avis_list span.note{
	  margin-top: 20px;
}
#avis_list span.rating img{
	margin: 0 0px;}
#avis_form label{
	  float: left;
}
#avis_form div.text-input, #avis_form #rate{
  margin-left: 135px;
  margin-bottom: 10px;
} 
#avis_form input, #avis_form  textarea{
	font-family:'Arial'
}
#avis_form input, #avis_form textarea{
	width:50%
}
#avis_form input#sendButton{
  background-color: #4a4a4a;
  cursor: pointer;
  color: white;
  border: 0;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  transition: all 0.25s linear;
  float: left;
  width: 30%;
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 80px;
  margin-left: 12px;
 }
#avis_form div.control-group{
	overflow:hidden;
	margin-top:10px;
}
#content_box div.pagination{
height: 23px;
position: relative;
width: 100%;
text-align: center;
}
#content_box div.pagination ul{
margin: 0;
padding: 0;
list-style: none;
float:none;
}
#content_box div.pagination ul li{
background: none;
list-style: none;
padding: 0 2px;
float: none;
display: inline-block;
}
#content_box div.pagination ul li a{
color:#8f8f8f;
}
#content_box div.pagination ul li.disabled a{
color:#8f8f8f;
}
#content_box div.pagination ul li.active a{
color:#030303;
}
#content_box div.pagination ul li a:hover{
color:#030303;
}
/*-----------------------------------------------
/*-----------------------------------------------
/*[Responsive]
/*---------------------------------------------*/
@media screen and (max-width: 600px),
screen and (max-device-width: 480px) {
	#avis_form label{
		float:none
	}
	#avis_form div.text-input, #avis_form #rate{
		margin-left:0
	}
	#avis_list span.dateavis span.date{
		  clear: both;
  display: block;
  float: none;
  margin-bottom: 10px;
	}
	#avis_list span.rating img{
		width:auto!important;
		height:auto!important
	}
	#avis_form input, #avis_form textarea{
		width:85%
	}
	.ajouteravis a{
		font-size: 18px;
	}
	#avis_list span.rating img, #avis_form img{
		width:auto!important;
		height:auto!important
	}
}