/* module productcomments */


.avis-text{
	color:#C3C4C6;
	font-size : 19px;
	font-weight : 300;
}


/* rating */
.rating {
	cursor: pointer;
	margin: 1em 0 0.6em 0;
	clear: both;
	display: block
}
.rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden
}
.cancel, .star {
	float: left;
	width: 19px;
	height: 19px;
	cursor: pointer;
	margin:0 2px;
}

.cancel a, .star a {
	overflow: hidden;
	text-indent: -999em;
}


#sendComment .star  {
	width: 29px;
	height: 29px;
	font-size : 26px;
}

.cancel, .cancel a, #notation_title {
	/*background: url(../img/delete.gif) no-repeat 0 -16px*/
	/*display:inline-block;
	vertical-align:middle;
	height:4px;
	background-color:#c74a52;*/
	background:none;
	text-align:center;
	display:none;
}
div.cancel a {
	/*background: url(../img/delete.gif) no-repeat 0 -16px*/
	display:block;
	margin:6px auto 0 auto;
	vertical-align:middle;
	height:5px;
	width:14px;
	background-color:#867477; /* rose c74a52 taupe 867477 taupe hover a49e9f */
}
div.cancel a:hover { background-color:#75313C; }
div.cancel a:focus { background-color:#30869f; }

div.cancel { margin-right:0.8em; }

/*.star, .star a { background: url(../img/star.gif) no-repeat 0 0 }*/
/*.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 }*/

.cancel a, .star a {
	display: block;
	width: 100%;
	height: 100%;
	position : absolute;
	top : 0;
	left : 0;
}

.pack_content { margin: 10px 0 10px 0 }
.pack_price {
	float: right; 
	margin-right: 3px; 
	font-size: 12px
}
.confirmation { 
	color: #0158a7; 
	font-weight: 300;
	font-size : 15px;
	background : none;
	margin-top : 10px;
}
#page .rte { background: transparent none repeat scroll 0 0 }
.ratebarcontainer{
	width:90px;
	height:13px;
	border:1px solid #dddddd;
	overflow: hidden;
	margin-left:1px;

	background-color: white;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.ratebar{
	background-color: yellowGreen;
    display: block;
    height: 13px;
    -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}


/* #fancybox-close */
#fancybox-close
{
	background:url(../../../../img/sprite.png) no-repeat -850px -106px;
	height:28px;
	width:28px;
	right:-14px;
	top:-14px;
}
#fancybox-close:hover
{
	background-position: -850px -50px;
}

/* tab idTab5 */
#idTab5{
	margin:-1em -1em 1em -1em;
}
#comment_container{
	padding:0;
	margin:0;
	color:#272727;
}
#comment_container a{
	color:#272727;
	font-weight: normal;
}
#comment_container #title_comment_product{
	margin:0;padding:1em;
	background: none repeat scroll 0 0 #fafafa;
	border-bottom: 1px solid #999999;
}
#comment_container #comment_subcontainer{

}
#comment_container table {
	width: 100%;
	text-align:left;
	background: none repeat scroll 0 0 #ffffff;
	border-collapse:collapse;
}
#comment_container table thead{
	border:none;
}
#comment_container table thead tr{
	
}
#comment_container table thead tr th{
	padding:1em;
	background: none repeat scroll 0 0 #DDDDDD;
}
#comment_container table tbody{
	
}
#comment_container table tbody tr{
	
}
#comment_container table tbody tr td{
	padding:1em;
}
#comment_container table tbody tr td.row{
	background: none repeat scroll 0 0 #F1F1F1;
	border-bottom:1px solid #cdcdcd;
}
th[class|="type"]{
	cursor:pointer;
}


/* PARTIE AJOUTER UN COMMENTAIRE */

#comment_block{
overflow:visible;
}

form#sendComment {
	text-align: left;
}

form#sendComment input:hover, form#sendComment textarea:hover,
form#sendComment input:focus, form#sendComment textarea:focus {
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}
form#sendComment  label {
	color: #999999;
	/*display:inline-block; */
}
form#sendComment  label.error {
	color: #DA0F00;
	margin: 0.3em auto 1.5em;
	padding: 0.3em 0.8em 1em;
	width: 90%;
}
form#sendComment .submit {
	float:right;
	margin-right:30px;
}
form#sendComment .submit input {
	width: auto;
	padding: 9px 15px 10px 15px;
	background: #30869F; /* 617798 */
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 40px;
}
form#sendComment .submit input:hover { background: #c74a52; }
form#sendComment .submit input:focus { background: #87827f; }

form#sendComment .title {
	background: none repeat scroll 0 0 transparent;
	color: #2C2D34; /* 1d1d1d  taupe #867477 taupe hover a49e9f rouge taupe 75313c */
	font-size: 35px;
	line-height : 85px;
	font-weight: 300;
	text-align: center;
	text-transform: none;
	margin:0;
	padding : 0;
}

form#sendComment .bande-comment{
	background: #03AAB2;
	min-height : 90px;
	position:relative;
	box-shadow:inset 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow:inset 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
	padding-bottom:20px;
}

form#sendComment .inside-comment{
	margin-left : 230px;
	background : #f3f4f4;
	border-left : 1px solid #dedede;
	padding : 30px 0 0 40px;
	position:relative;
	overflow:hidden;
} 

form#sendComment #notation{
	height : 30px;
	margin: 15px 40px 5px 0;
	position:relative;
}

form#sendComment .bande-comment .title2 {
	font-size : 30px;
    font-weight:bold;
	color : white;
	line-height : 60px;
	padding-top : 10px;
	margin-left : 260px;
}

form#sendComment .bande-comment .title3 {
	font-size : 20px;
    font-weight:bold;
	color : #02666a;
	line-height : 30px;
	margin-left : 260px;
}

form#sendComment .commentForm_img{
	position:absolute;
	top : 0;
	left : 72px;
	float : left;
}


form#sendComment .commentForm_img img {
    max-height: 250px;
    max-width: 158px;
}

form#sendComment p{
	padding:0;margin:10px 0;
}
form#sendComment table#notation-table{
	float:left;
	margin-top:0.3em;
	margin-bottom:0.5em;
	margin-right:44px;
	width:245px;
	height:35px;
	border:1px solid #f3f4f4;
	border:1px solid rgba(243,244,244,0);
	
	padding:3px 5px 3px 1px;
	
	-o-transition: margin .5s ease-in;
	-webkit-transition: margin .5s ease-in;
	-moz-transition: margin .5s ease-in;
	transition: margin .5s ease-in;
}
form#sendComment table#notation-table.error { border:1px solid #FF5D58; /*padding:2px 4px 2px 1px;*/ margin-top:0.2em; margin-bottom:0.4em; }

form#sendComment textarea {
    height: 124px;
}

#sendComment .star {
	font-size : 26px;
}
/* Formulaire avis par noms   */

form#usersendComment {
background : #ffffff;
}

.comments_contain {
overflow:visible;
}

#user_comment_block{
overflow:visible;
}

form#usersendComment article {
border-bottom : 1px solid #d4d4d4;
height : 263px;
padding : 42px 0 25px 40px;
position:relative;
}

form#usersendComment .one {
background : #f4f4f4;
}

form#usersendComment header{
	height : 115px;
}

form#usersendComment header.block_prod_1 {
	height : 120px;
}

form#usersendComment header .title {
height : 85px;
text-align : center;
line-height : 85px;
font-weight:300;
font-size : 35px;
margin:0;
color: #2d2d35;
}

form#usersendComment header .title strong{
color : #0059A8;
font-weight:700;
}

form#usersendComment header .bande-comment{
height : 30px;
background-color: #03AAB2;
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05) inset;
}

form#usersendComment .ajax_block_product{
width : 320px;
height:256px;
float:left;
}

form#usersendComment .ajax_block_product li {
list-style-type : none;
}

form#usersendComment .one .ajax_block_product .prix_club .price{
background : #F9F9F9;
}

form#usersendComment .ajax_block_product .block_bt .button{
padding : 0;
}

form#usersendComment .user_comment_right{
position:static;
height : 256px;
overflow:hidden;
}


form#usersendComment .user_comment_right .comment_contain {
width:475px;
margin : 0 auto;
min-height : 140px;
position:relative;
border : 1px solid #d4d4d4;
padding : 20px;
}

form#usersendComment .user_comment_right .comment_contain span.triangle {
width: 0px;
height: 0px;
border-style: solid;
border-width: 9px 12px 9px 0;
border-color: transparent #d4d4d4 transparent ;
position:absolute;
z-index:5; 
top : 50%;
left : -12px;
margin-top : -9px;
}

form#usersendComment .user_comment_right .comment_contain span.triangle span {
width: 0px;
height: 0px;
border-style: solid;
border-width: 9px 12px 9px 0;
border-color: transparent #f4f4f4 transparent;
position:absolute;
z-index:6; 
top : 50%;
left : 2px;
margin-top : -9px;
}
form#usersendComment .two .user_comment_right .comment_contain span.triangle span {
    border-color: transparent #fff transparent;
}

form#usersendComment .user_comment_right .comment_contain textarea {
width: 100%;
height: 140px;
background:transparent;
border:0;
margin:0;
padding:0px;
}


#notation_title{
	background: none repeat scroll 0 0 #f9f9f9;
	border: 1px dotted #D9DBDC;
	color: #6B6C71; /* rose c74a52 taupe 867477 taupe hover a49e9f */
	font-size: 16px;
	padding: 5px 10px 5px 10px;
	width: 100px;
	float:left;
}

.inner-save{
	margin-right : 40px;
}

.inner-save .savebutton{
	margin: 15px auto 40px auto;
}

.inner-save .savebutton button, .inner-save .savebutton a{
	background : #0058A8;
	font-size : 16px;
	display : block;
	width : 210px;
	font-weight : 700;
	line-height : 30px;
	color : white;
	border : none;
	cursor : pointer;
	padding : 10px 5px;
}
.inner-save .savebutton button:hover, .inner-save .savebutton a:hover,
.inner-save .savebutton button:focus, .inner-save .savebutton a:focus {
	opacity:0.8;
}
.padbot{ padding-bottom:3px; }

.title_criteria {
	float:left;
	font-weight:bold;
}

#rate_extraright_content{
	background: url("../img/product-buy-bg.gif") repeat-x scroll left top #F1F2F4;
	border: 1px solid #D0D3D8;
	color: #374853;
	font-size: 1.1em;
	margin-bottom: 1.5em;
	padding: 0.7em;
}

#rate_extraright_content span{
	float: left;
}

.extraright-stare{
	float:left;
}

#selectavis{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DDDDDD;
	display: block;
	float: left;
	height: 16px;
	width: 20px;
}

#selectavis .active{
	border-bottom: none;
}

#selectavis img{
	vertical-align: middle;
	cursor:pointer;
}

#viewavis {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DDDDDD;
	display: none;
	padding: 5px;
}
#viewavis h3{
	border-bottom:1px solid #eeeeee;
	white-space: nowrap;
	padding-bottom:5px;
}
#viewavis label {
	float:right;
}
.rate_productlist_content {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 2px dashed #DDDDDD;
    float: left;
    margin-top: 10px;
    min-width: 200px;
    padding: 5px;
}
.rate_productlist_grid_content {
	background: none repeat scroll 0 0 #FFFFFF;
	border: none;
	margin: 10px auto;
	width: 110px;
	padding: 5px;
}
.limit{
	color:#cd0000;
	font-size:0.8em;
}
a.viewplus{
	width:250px;
	background:#ffffff;
	color:#1D8C7F !important;
	font-weight:bold !important;
	cursor:pointer;
	display:block;
	padding:5px 0;
}
/* Pagination */
div#pagination {
	padding: 1em 0;
}
div#pagination ul.pagination {
	float: left;
	list-style: none outside none;
}
div#pagination ul.pagination li{
	margin-bottom: 0.4em;
	border:1px solid #393939;
	background:#ffffff;
}
div#pagination ul.pagination li.current span{
	background:#272727;
	color:#ffffff;
}
div#pagination ul.pagination li a{
	background:#ffffff;
	color:#272727;
}
div#pagination ul.pagination li#pagination_previous{

}
div#pagination ul.pagination li#pagination_previous a{
	background:#ffffff;
	color:#272727;
	font-weight:bold;
}
div#pagination ul.pagination li#pagination_previous .disabled{

}
div#pagination ul.pagination li#pagination_previous .disabled span{
	color:#979797;
	font-weight:normal;
}
div#pagination ul.pagination li#pagination_previous span{
	background:#ffffff;
	color:#272727;
	font-weight:normal;
}
div#pagination ul.pagination li#pagination_next{

}
div#pagination ul.pagination li#pagination_next a{
	background:#ffffff;
	color:#272727;
	font-weight:bold;
}
div#pagination ul.pagination li#pagination_next .disabled{

}
div#pagination ul.pagination li#pagination_next .disabled span{
	color:#979797;
	font-weight:normal;
	font-weight:normal;
}
div#pagination ul.pagination li#pagination_next span{
	background:#ffffff;
	color:#272727;
}
div#pagination form input.button_mini {
	background:#ffffff;
	color:#272727;
	width: 30px;
	border:1px solid #000000;
}


/* rating vote */
#wrapper {
	width: 300px;
	margin: 0 auto;
	text-align: left;
}
#comments,.comment {
	width: 100%;
	float: left;
}
.name {
	font-size: 11px;
	color: #999;
	font-style: italic;
	display: block;
	padding-bottom: 7px;
}
.comment {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: dashed 1px #aaa;
}
.comment p {
	padding: 0;
}
.flr {
	float: right;
}
.rateWrapper {
	float: left;
	padding-left: 10px;
	height: 24px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.rate,.rateDone {	
	display: block;
	float: left;	
	background: #fff;
	text-decoration: none;
	background-image: url(../../../../img/sprite.png);
	background-repeat: no-repeat;
	font-weight: bold;
}
.rate {
	cursor: pointer;
}
.rateDone {
	cursor: default;
}
.rateUp {
	background-position: 0 0;
	border-top: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
	border-left: solid 1px #aaa;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	padding: 3px 10px 0 35px;
	height: 21px;
}
.rateDown {
	background-position: 0 -48px;
	border: solid 1px #aaa;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	padding: 3px 10px 0 35px;
	height: 21px;
}
.rateUp:hover,.rateUp.active {
	background-position: 0 -24px;
}
.rateDown:hover,.rateDown.active {
	background-position: 0 -72px;
}
/*a.avisbox{ text-decoration:none; }
a.avisbox:hover{ text-decoration:underline; }*/
.google-review{ display:none;}


/* ------------------------------------ */
/* ----- Media queries ----- */
/* ------------------------------------ */

@media screen and (max-device-width: 599px) {

	form#sendComment .bande-comment h2 {
		margin-left : 20px;
		font-size : 20px;
		line-height : 40px;
	}
	
	form#sendComment .bande-comment h3 {
		margin-left : 20px;
		font-size : 18px;
		line-height : 25px;
	}
	
	form#sendComment .commentForm_img {
		/*display : block;*/
        position:relative;
        left:auto;
        margin-right:20px;
	}
    
    form#sendComment .commentForm_img img {
        max-height: 100%;
        max-width: 65px;
        display:block;
    }
    form#sendComment .bande-comment .title2,
    form#sendComment .bande-comment .title3 {
        margin-left:auto;
        position:static;
        overflow:hidden;
        line-height:1;
    }
    form#sendComment .bande-comment .title2 { font-size: 20px; }
    form#sendComment .bande-comment .title3 { font-size: 14px; margin-top:0.3em; }
	
	form#sendComment .inside-comment {
		margin-left : 0;
		padding: 30px 0 0 20px;
	}
	form#sendComment .bande-comment {
		min-height : 40px;
		padding-bottom : 0;
	}
    
    form#usersendComment article {
        height: auto;
        padding: 6px 0 10px 10px;
    }

    form#usersendComment .user_comment_right .comment_contain {
        width:auto;
        margin-right:10px;
        margin-top:12px;
    }
    .category_block_content form textarea, .focusform textarea {
        line-height:1.3;
    }
    
    form#usersendComment .user_comment_right .comment_contain span.triangle {
        top: 0;
        margin-top: -16px;
        left: 55px;
        -webkit-transform: rotate(90deg) translateZ(0);
        -moz-transform: rotate(90deg) translateZ(0);
        -ms-transform: rotate(90deg) translateZ(0);
        -o-transform: rotate(90deg) translateZ(0);
        transform: rotate(90deg) translateZ(0);

    }
    
form#usersendComment .user_comment_right {
    height:auto;
}

@media screen and (min-device-width: 600px) and (max-width:1019px) {
	
	form#sendComment table#notation-table{
	margin-right : 98px;
	}

	form#usersendComment .user_comment_right .comment_contain {
	width : 250px;
	}
}


@media screen and (min-width: 1356px) {
	
	form#sendComment table#notation-table{
	margin-right : 156px;
	}

	form#usersendComment .user_comment_right .comment_contain {
	width : 650px;
	}
}