/* ------------------------------------------------------------
		AGENDA (CALENDRIER)
------------------------------------------------------------ */

.table-agenda {width:90%; margin:0 auto;  text-align:center; border-collapse: collapse; overflow:hidden;}		

.table-agenda td{border:1px solid #eeeeee; vertical-align: middle;}

.table-agenda td a{text-decoration:none;}

.table-agenda .week_day {background:#eeeeee; font-weight:700;}

.table-agenda .month_current {vertical-align:top; padding:10px 0; font-size:18px;}

.table-agenda .month_current td{border:0; padding:15px;}

.table-agenda .month_current .navCurrentDate {font-weight:bold; margin: 10px; display: inline-block; min-width: 140px; }

.table-agenda .month_current .navMonthPrev{}
.table-agenda .month_current .navMonthNext{}	

.table-agenda .month_current .navYearPrev{}
.table-agenda .month_current .navYearNext{}		

.table-agenda .month_current .navMonthPrev a, .table-agenda .month_current .navMonthNext a, .table-agenda .month_current .navYearPrev a, .table-agenda .month_current .navYearNext a {color:#fff;}

.day {background:#FFF; padding: 12px 0;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;}

.out{background:#f8f8f8;}

.cal_today {background:#c4681d; color: #ffffff !important;}

.cal_event {background:#ffd5b3; border:1px solid red; font-weight:700;}

p.noEvents, p.no_events{background:#F5F5F5;padding:10px;text-align:center;}

span.e_showAll a{margin:10px 0; text-decoration: none; padding:10px; width:240px; text-align:center; margin:0 auto; display:block; background:#c4681d; color:#fff; font-weight:700; font-size:16px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
span.e_showAll a:hover{background:#222222;}

/* ------------------------------------------------------------
		AGENDA (EVENEMENTS)
------------------------------------------------------------ */

.event {margin:0 0 20px 0; border-bottom:1px solid #eee;}
.event .e_date {font-style:italic; font-size:11px;}

.event .e_title {}
.event .e_title a {display:block; font-size:18px; text-decoration:none; font-weight:700; margin:10px 0;}
.event .e_title a:hover {font-weight:bold; color:#d45f27;}
	
.event .e_excerpt {}

.event .e_read_more {float:right;}
.event .e_read_more a {text-decoration:none; font-weight:700; margin:0 20px 0 0;}
.event .e_read_more a:hover {color:#c4681d;}
.event .e_read_more a.showAll {display:none;}
.event .e_read_more span.separator {display:none;}

.event_infos {margin:20px 0 20px 0; padding:10px 10px 10px 0; border-bottom:1px solid #eee; width:100%; text-align:left;}	
.event_infos tr {}
.event_infos .label {font-weight:bold; padding:2px 5px 2px 0; width:150px; color:#d45f27;}
.event_infos .value {padding:0 0 0 15px;}

/* ------------------------------------------------------------
		MODULE COMMENTS
------------------------------------------------------------ */

.form_ajout_comment form{width:400px; margin:auto;}
.wrapper_comments h3{margin-bottom: 15px;}
.wrapper_comments img{width:auto !important;}
.summary-comment{ float: left; width: 180px; margin-bottom: 24px; border-right: 1px solid #d4d4d4; margin-right: 20px; }
.proportion-comment{ width: 70px; }
.number-stars{ padding-right: 12px; }
.number-comment-note{ padding-left: 8px; }
.bar-grade-nb{ width: 100%; background: #eeeeee; }
.bar-grade-nb-active{ background: #cccccc; height: 8px; }
.button-go-to-form { display: block; text-align: center; margin-top: 12px; }
.button-go-to-form a { display: inline-block; padding: 6px 12px; color: black; text-decoration: none; }


.container_comments{margin:20px 0 20px 0; clear: both; }
.cc_comment{ margin:20px 0 20px 0; padding: 12px; background: #f4f4f4; border: 1px solid #eeeeee; overflow: hidden;}
.grade{display: inline;}
.title-comment{float: left; margin-right: 12px; font-size: 18px; color: #008c43; }
.added_by{ line-height: 26px; color:#aaa; font-style:italic; margin: 0 0 10px 0; }
.check-comment-img{margin: 0 2px -5px 12px;}
.checked-comment-label{color: black;}

.usefulness-number {color:#aaa; margin: 10px 0 0 0; display: block; }
.usefulness { color:#aaa; margin: 10px 0 0 0; float: left; }
.report { float: right; margin-top: 10px; }
.comment { padding-left: 15px; border-left: 1px solid #d4d4d4; font-size: 15px; }

.usefulness-yes a,
.usefulness-no a,
.report a { color: #333333; display: inline-block; padding: 1px 6px; text-decoration: none !important; }
.usefulness-yes a,
.button-go-to-form a {
	margin-left: 12px;
	text-decoration:none !important;
  color: #fff !important;
 background:#008c43;
}
.usefulness-no a,
.report a {
	color: #777777;
  border: 1px solid #b0b0b0;
  text-decoration:none;
  background: rgb(246,248,249);
  background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%);
  background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
  background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
}

.ajout_comment{margin:20px auto; padding: 10px; border:1px solid #ccc; background:#FFF; text-align:right;}
.ajout_comment td{width:60%;}
.ajout_comment .label{padding:10px; width:40%; text-align:left; font-size:12px; font-weight:normal; display:table-cell;}
.ajout_comment input[type=submit]{width:100%; height:30px; text-align:center; margin:10px 0 0 0; padding:0 0 2px 0; color:#fff; background-color:#008c43; cursor:pointer;}
.ajout_comment input{width:100%;}
.top_list_com{margin:20px 0 10px 0;}

.form_ajout_comment textarea#comment{width:100%;}

/* ------------------------------------------------------------
		FAQ
------------------------------------------------------------ */

.toggler{background:#e6e6e6; padding:10px; -webkit-border-radius: 10px; border-radius: 10px; cursor:pointer; margin-bottom:2px;}
.element p {}

/* ------------------------------------------------------------
		GALLERY
------------------------------------------------------------ */

.galleryTitle{display:none;}
.galleryBottom{margin:10px 0 10px 0;}

/* ---------- GALLERY TYPE 1 ---------- */
.galleryType1{margin:auto;}
.galleryType1Photo{float:left;}
.galleryType1Photo img{border:2px solid #ccc; float:left; margin:11px; transform: scale(0.95); -moz-transform: scale(0.95); -webkit-transform: scale(0.95); -o-transform: scale(0.95); transition: border .2s ease-in, transform .2s ease-in; -moz-transition: border .2s ease-in, -moz-transform .2s ease-in; -o-transition: border .2s ease-in, -o-transform .2s ease-in; -webkit-transition: border .2s ease-in, -webkit-transform .2s ease-in;}
.galleryType1Photo img:hover{transform: scale(1.0); -moz-transform: scale(1.0); -webkit-transform: scale(1.0); -o-transform: scale(1.0);}
.galleryType1Clear{clear:both;}

/* ---------- GALLERY TYPE 2 ---------- */
.galleryType2{text-align:center;}
.galleryType2Fleches{margin:20px auto 20px auto;}
.galleryType2FlecheGauche{float:left;width:30px;text-align:center; border:0px;}
.galleryType2FlecheGauche img{border:0;}
.galleryType2FlecheDroite{float:left;width:30px;text-align:center; border:0px;}
.galleryType2FlecheDroite img{border:0;}
.galleryType2Position{float:left;font-weight:bold;line-height:24px;}
.galleryType2Photo img{margin:auto; border:0px;}
.colorimg{background:#d45f27;}
.galleryType2Titre{font-weight:bold; color: #70424E;margin:20px 0 10px 0;}
.galleryType2Description{margin:0 0 10px 0;}

/* ---------- GALLERY TYPE 3 ---------- */
.galleryType3{text-align:center;}
.galleryType3Photo{margin:auto; border:0px}
.galleryType3Choice{margin:20px auto 0 auto;}
.galleryType3Slider{float:left;}
.galleryType3SliderFlecheGauche{float:left;width:30px;text-align:center;margin:10px 0 0 0;}
.galleryType3SliderFlecheDroite{float:left;width:30px;text-align:center;margin:10px 0 0 0;}
.galleryType3Titre{font-weight:bold; color:#70424E;margin:20px 0 10px 0;}
.galleryType3Description{margin:0 0 10px 0;}

/* ------------------------------------------------------------
		GLOSSAIRE
------------------------------------------------------------ */

a.c_glossaire {text-decoration:none;}
.tips_glossaire .tip-text p{color:#aaa;}
a.c_glossaire, #content-left a.c_glossaire {color:#555555; text-decoration: none; border-bottom:1px dashed #aaa;}
a.c_glossaire:hover, #content-left a.c_glossaire:hover {cursor:help; color:#555555; text-decoration: none; border-bottom:1px dashed #aaa;}
.tips_glossaire {color:#fff; font-size:10px; padding:10px; background:url(../img/construct/bg-tips.png) repeat 0 0;}	
.tips_glossaire .tip-title {font-weight:bold;}
.g_description{background:none repeat scroll 0 0 #FFFFFF; border:1px solid #CCCCCC; margin:0 auto 30px auto;padding:15px;}	
#content-left .g_description p{margin:0px; padding:0px;}
.nav_glossaire {text-align: center; margin: 10px 0 15px 0;}
.nav_glossaire .nav_glossaire_letter {float: left; padding-left: 12px;}
.nav_glossaire .nav_glossaire_letter  a{font-size:18px;}

/* ------------------------------------------------------------
		GOOGLE MAP
------------------------------------------------------------ */

.gmnoprint input {border:1px solid #cccccc;}
.gmnoprint #saddr {height:14px; margin:5px 0 0 0; padding:3px 3px 3px 3px;}
	
/* ------------------------------------------------------------
		MEMBER LIST
------------------------------------------------------------ */

#content-home #sidebar .member h3 {padding:0 0 0 20px;}
#content-home #sidebar .member ul {margin-bottom:0; margin-left:20px; padding-left:20px;}

.content_articles {
	overflow: hidden; }

/* ------------------------------------------------------------
		MIC
------------------------------------------------------------ */


/* ---------- PAGE CATEGORIE ---------- */

#display_1 {}
#categorie #display_1 .cc_content {border-bottom: 1px solid #CCC; margin: 0 0 20px 0; padding: 0 0 10px 0; clear:both; overflow:hidden;}
#categorie #display_1 .cc_vignette  {float: left; margin:0 10px 0 0;}
#categorie #display_1 .cc_vignette img {}
#categorie #display_1 .cc_title {margin:0;}
#categorie #display_1 .cc_title h3 {color:#000; margin:0 0 10px;}
#categorie #display_1 .cc_title h3 a {text-decoration:none}
#categorie #display_1 .cc_title h3 a:hover{color:#000; text-decoration:underline;}
#categorie #display_1 .cc_excerpt {}
#categorie #display_1 .cc_excerpt p {}
#categorie #display_1 .cc_read_more a {padding:10px; text-decoration:none; color:#fff; background:#008c43;}
#categorie #display_1 .cc_read_more a:hover {background:#008c43;}

#display_2 {}
#categorie #display_2 .cc_content {float:left; margin:10px}
#categorie #display_2 .cc_content img {border: 2px solid #CCC; margin:0;}

#display_3 {}
#categorie #display_3 .cc_content {border-bottom: 1px solid #CCC; margin: 0 0 20px 0; padding: 0 0 10px 0; clear:both; overflow:hidden;}
#categorie #display_3 .cc_title {margin:0;}
#categorie #display_3 .cc_title h3 {color:#000; margin:0 0 10px 0;}
#categorie #display_3 .cc_title h3 a {text-decoration:none}
#categorie #display_3 .cc_title h3 a:hover{color:#000; text-decoration:underline;}
#categorie #display_3 .cc_excerpt {}
#categorie #display_3 .cc_excerpt p {}
#categorie #display_3 .cc_read_more {float:right;}
#categorie #display_3 .cc_read_more a {}

#display_4 {}
#categorie #display_4 .cc_title {margin:0;}
#categorie #display_4 .cc_title h3 {color:#000; margin:0 0 10px;}
#categorie #display_4 .cc_title h3 a {text-decoration:none}
#categorie #display_4 .cc_title h3 a:hover{color:#000; text-decoration:underline;}
#categorie #display_4 .cc_content {border-bottom: 1px solid #CCC; margin: 0 0 20px 0; padding: 0 0 10px 0; clear:both; overflow:hidden;}
#categorie #display_4 .cc_vignette  {float: left; margin:0 10px 0 0;}
#categorie #display_4 .cc_vignette img {border: 2px solid #CCC;}
#categorie #display_4 .cc_excerpt {}
#categorie #display_4 .cc_excerpt p {}
#categorie #display_4 .cc_read_more a {padding:10px; text-decoration:none; color:#fff; background:#008c43;}
#categorie #display_4 .cc_read_more a:hover {background:#f17f60;}

#display_5 {}
#categorie #display_5 .cc_content {float:left; width:33.3333%; padding:0 20px; margin:20px 0; position:relative;}
#categorie #display_5 .cc_content .cc_vignette img {width:100%; border:1px solid #ccc; height:auto; -webkit-transition: all .2s ease-out;-moz-transition: 	all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;opacity: 1; position:relative;}
#categorie #display_5 .cc_content .cc_vignette img:hover {opacity:.5;}
#categorie #display_5 .cc_content .cc_title {text-align:center; min-height:50px; line-height:50px; background:#000; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; position:relative; width:90%; left:-20px; top:-25px;}
#categorie #display_5 .cc_content .cc_title h3 { font-family:'Lato' !important; text-transform:uppercase; letter-spacing:1px; font-weight:700 !important; font-size:13px !important; text-align:center; vertical-align: middle;display: inline-block;line-height: normal; margin:0; color:#828282 !important; padding:0 10px;}
#categorie #display_5 .cc_content .cc_title h3 a {text-decoration:none; color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#categorie #display_5 .cc_content .cc_title h3 a:hover {text-decoration:none; color:#f17f60; font-weight:700;}
#categorie #display_5 .cc_content:hover .cc_title{left:0; top:-5px; width:100%; background:#008c43;}

#display_6 {}
#categorie #display_6 .cc_title {margin:5px 0;}
#categorie #display_6 .cc_title h3 {color:#000; margin:0;}
#categorie #display_6 .cc_title h3 a {text-decoration:none}
#categorie #display_6 .cc_title h3 a:hover{color:#000; text-decoration:underline;}

#categorie #display_8 .cc_content {float:left; width:50%; padding:0 40px; margin:20px 0; position:relative;min-height: 460px;}
#categorie #display_8 .cc_content .cc_vignette {position:relative; z-index:100;}
#categorie #display_8 .cc_content .cc_vignette img {width:100%; border:1px solid #ccc; height:auto; -webkit-transition: all .2s ease-out;-moz-transition: 	all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;opacity: 1; position:relative;}
#categorie #display_8 .cc_content .cc_title {text-align:center; min-height:50px; line-height:50px; border:1px solid #008C42; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; position:relative; width:calc(100% + 40px); left:-20px; top:-45px; padding:40px 0 0 0;}
#categorie #display_8 .cc_content .cc_title h3 { font-family:'Lato' !important; text-transform: uppercase; letter-spacing:1px; font-weight:700 !important; font-size:16px !important; text-align:center; vertical-align: middle;display: inline-block;line-height: normal; margin:0; color:#828282 !important; padding:0 10px;}
#categorie #display_8 .cc_content .cc_title h3 a {text-decoration:none; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#categorie #display_8 .cc_content .cc_excerpt {position:relative; top:-45px; text-align:center;}
#categorie #display_8 .cc_content .cc_read_more{display:none;}

#categorie #display_8 .cc_content:hover .cc_title {background:#000; border:1px solid #000;}
#categorie #display_8 .cc_content:hover .cc_title a {color:#fff;}

#nos-interventions .nos-interventions-en-tricopigmentation, #nos-interventions .onze-tricopigmentatie-behandelingen, .mic-nos-services-en-ligne{margin: 0 -150px;}
#nos-interventions #categorie #display_8 .cc_content{width: 33.3%; padding: 0 2%; min-height: 370px;}


#display_9 {}
#categorie #display_9 .cc_content {float:left; margin:10px; width:428px;}
#categorie #display_9 .cc_vignette {float:left; width:154px;}
#categorie #display_9 .cc_vignette img {border: 2px solid #CCC; margin:0;}
#categorie #display_9 .cc_title {float:left; min-height:100px; line-height:100px; margin:0 0 0 20px; width:254px;}
#categorie #display_9 .cc_title h3 {display:inline-block; vertical-align:middle;}

#display_10 {}
#categorie #display_10 .cc_content {float:left; margin:35px; position:relative;}
#categorie #display_10 .cc_vignette {}
#categorie #display_10 .cc_vignette img {border: 2px solid #CCC; margin:0;}
#categorie #display_10 .cc_title {position:absolute; top:0; width:154px; top:44px;}
#categorie #display_10 .cc_title h3 {text-align:center;}
#categorie #display_10 .cc_title h3 a {display:block; text-decoration:none;}


/* ---------- INCLUSION ARTICLE ---------- */

.type_1 {margin: 0 0 20px 0; padding: 0 0 10px 0; clear:both; overflow:hidden;}
.type_1 .cc_vignette img {border: 1px solid #CCC; float: left; margin: 0 15px 0 0;}
.type_1 .cc_title {clear:both; position:relative; top:10px;}
.type_1 .cc_title h3 {color:#000;}
.type_1 .cc_title h3 a {text-decoration:none}
.type_1 .cc_title h3 a:hover{color:#000; text-decoration:underline;}
.type_1 .cc_excerpt {}
.type_1 .cc_excerpt p {}
.type_1 .cc_read_more {float:right;}
.type_1 .cc_read_more a {}

.type_2 {}
.type_2 .cc_vignette {float:left; margin:10px}
.type_2 .cc_vignette img {border: 2px solid #CCC;}

.type_3 {margin: 0 0 20px 0; padding: 0 0 10px 0; clear:both; overflow:hidden;}
.type_3 .cc_vignette img {border: 2px solid #CCC; float: left; margin: 0 15px 0 0;}
.type_3 .cc_title {margin:0;}
.type_3 .cc_title h3 {color:#000; margin:0 0 10px;}
.type_3 .cc_title h3 a {text-decoration:none}
.type_3 .cc_title h3 a:hover{color:#000; text-decoration:underline;}
.type_3 .cc_excerpt {}
.type_3 .cc_excerpt p {}
.type_3 .cc_read_more {float:right;}
.type_3 .cc_read_more a {}


#container-type4 article:nth-child(2n) {background:#f6f6f6; border:1px solid #eeeeee;}
.type_4 {margin: 0 0 20px 0; padding:20px;  clear:both; overflow:hidden;}
.type_4 .cc_excerpt img {border: 1px solid #CCC; float: left; margin: 0 15px 0 0;}
.type_4 .cc_title {margin:0;}
.type_4 .cc_title h3 {color:#000; margin:0 0 10px;}
.type_4 .cc_title h3 a {text-decoration:none}
.type_4 .cc_title h3 a:hover{color:#000; text-decoration:underline;}
.type_4 .cc_excerpt {}
.type_4 .cc_excerpt p {}
.type_4 .cc_read_more {float:right;}
.type_4 .cc_read_more a {}

.type_5 {float:left; width:33.3333%; padding:0 20px; margin:20px 0; position:relative;}
.type_5 .cc_vignette img {width:100%; height:auto; -webkit-transition: all .2s ease-out;-moz-transition: 	all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;opacity: 1; position:relative;}
.type_5 .cc_vignette img:hover {opacity:1;}
.type_5 .cc_title {text-align:center; min-height:50px; line-height:50px; background:#008c43; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; position:relative; width:90%; left:-20px; top:-25px;}
.type_5 .cc_title h3 { font-family:'Lato' !important; text-transform: uppercase; letter-spacing:1px; font-weight:700 !important; font-size:16px !important; text-align:center; vertical-align: middle;display: inline-block;line-height: normal; margin:0; color:#828282 !important; padding:0 10px 5px;}
.type_5 .cc_title h3 a {text-decoration:none; color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.type_5 .cc_title h3 a:hover {text-decoration:none; font-weight:700;}
.type_5:hover .cc_title{left:0; top:-6px; width:100%; background:#000;}
 article:nth-child(3n+1) .type_5{clear: both;}

.type_6 {}
.type_6 .cc_title {margin:5px 0;}
.type_6 .cc_title h3 {color:#000; margin:0;}
.type_6 .cc_title h3 a {text-decoration:none}
.type_6 .cc_title h3 a:hover{color:#000; text-decoration:underline;}

.type_8 {float:left; width:50%; padding:0 40px; margin:20px 0; position:relative;min-height: 485px;}
.type_8 .cc_vignette {position:relative; z-index:100;}
.type_8 .cc_vignette img {width:100%; border:1px solid #ccc; height:auto; -webkit-transition: all .2s ease-out;-moz-transition: 	all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;opacity: 1; position:relative;}
.type_8 .cc_title {text-align:center; min-height:50px; line-height:50px; border:1px solid #008C42; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; position:relative; width:calc(100% + 40px); left:-20px; top:-45px; padding:40px 0 0 0;}
.type_8 .cc_title h3 { font-family:'Lato' !important; text-transform: uppercase; letter-spacing:1px; font-weight:700 !important; font-size:16px !important; text-align:center; vertical-align: middle;display: inline-block;line-height: normal; margin:0; color:#828282 !important; padding:0 10px;}
.type_8 .cc_title h3 a {text-decoration:none; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.type_8 .cc_excerpt {position:relative; top:-45px; text-align:center;}
.type_8 .cc_read_more{display:none;}

.type_8:hover .cc_title {background:#000; border:1px solid #000;}
.type_8:hover .cc_title a {color:#fff;}

.type_9 {float:left; margin:10px; width:428px;}
.type_9 .cc_vignette {float:left; width:154px;}
.type_9 .cc_vignette img {border: 2px solid #CCC; margin:0;}
.type_9 .cc_title {float:left; min-height:100px; line-height:100px; margin:0 0 0 20px; width:254px;}
.type_9 .cc_title h3 {display:inline-block; vertical-align:middle;}

.type_10 {float:left; margin:35px; position:relative;}
.type_10 .cc_vignette {}
.type_10 .cc_vignette img {border: 2px solid #CCC; margin:0;}
.type_10 .cc_title {position:absolute; top:0; width:154px; top:44px;}
.type_10 .cc_title h3 {text-align:center;}
.type_10 .cc_title h3 a {display:block; text-decoration:none;}
	
/* ------------------------------------------------------------
		NEWSLETTER
------------------------------------------------------------ */

.registerBox{margin: 0;}
.tableauregister{width:308px; float:right;margin: 0 0 20px 20px;font-weight:400;color:#746458;font-size:0.8em; text-align:left;}
.tableauregister td{padding:5px; padding-left:0px;}
.tableauregister .label label{padding-left:0px;}
.tableauregister .input input{border:1px solid #ccc}
.tableauregister .submit{}
.tableauregister .submit input{text-align:left;}

.unregisterBox{}
.tableauunregister{width:308px;margin: 10px auto 10px auto;}
.tableauunregister td{padding:5px; padding-left:0px;}
.tableauunregister .label label{padding-left:0px; }
.tableauunregister .input input{border:1px solid #ccc}
.tableauunregister .submit{}
.tableauunregister .submit input{text-align:left;}

#esp_modules .mod_left .mod_encadre .tableauregister {float:none;margin: 10px auto 10px auto;}
#esp_modules .mod_right .mod_encadre .tableauregister {float:none;margin: 10px auto 10px auto;}
#esp_modules .mod_left .mod_encadre .registerBox{/*width:288px*/width:100%;border:0; padding:0px;}
#esp_modules .mod_right .mod_encadre .registerBox{/*width:288px*/width:100%;border:0; padding:0px; margin: 15px 0 0 0}

/* ------------------------------------------------------------
		ONGLETS
------------------------------------------------------------ */

.content_onglets {margin:0 0 15px; padding:0; height:1%; overflow:hidden; }
.content_onglets ul.liste_onglets {margin:0; padding:0; position:absolute;}
.content_onglets ul.liste_onglets li {background:#ccc; float:left; list-style-type:none; margin:0 3px 0 0; padding:0; width:145px;}
.content_onglets ul.liste_onglets li a{background:#eee; color:#000; display:block; -moz-border-radius: 5px; -webkit-border-radius: 10px 0 0 0 / 10px 0 0 0; border-radius: 10px 10px 0 0 / 10px 10px 0 0; padding: 5px 0; text-align:center; text-decoration:none;}

.content_onglets ul.liste_onglets li.selected {float:left; list-style-type:none; padding:0; }
.content_onglets ul.liste_onglets li.selected a{background:#d7d7d7; display:block; font-weight:bold; padding: 5px 0; text-align:center; text-decoration;:none;}
.content_onglets ul.liste_onglets li a:hover{background:#9E181D; color:#FFF; display:block; padding: 5px 0; text-align:center; text-decoration;:none;}

.content_onglets .wrapper_onglets {background:#d7d7d7; -moz-border-radius: 5px; -webkit-border-radius: 10px 0 0 0 / 10px 0 0 0; border-radius: 0 10px 10px 10px / 0 10px 10px 10px; margin:30px 0 0; padding: 10px 10px 5px}
.content_onglets div.onglet {display:none}
.content_onglets div.selected {display:block}
.content_onglets table {border: 0;	border-collapse: collapse; background-color: #D7D7D7; width:100%;}
.content_onglets table td {border: 0; padding: 5px; background-color: #D7D7D7; }

/* ---------- PAGINATION ONGLET ---------- */

.content_onglets .wrapper_onglets .tab-footer-nav {border-top:1px solid #FFF; clear:both; margin: 10px 0; overflow:hidden; position:relative;}
.content_onglets .wrapper_onglets .pagination {float:right; margin:0; overflow:hidden; position:relative;}
.content_onglets .wrapper_onglets .pagination li {background:none; float:left; list-style-type:none; margin:10px 0 0; padding: 0; width:150px; }
.content_onglets .wrapper_onglets .pagination li a{background:#a9a9a9; color:#FFF; display:block; margin:0 2px; padding:5px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration:none;}
.content_onglets .wrapper_onglets .pagination li a:hover {background:#666; color:#FFF}
.content_onglets .wrapper_onglets .pagination li.important a {background:#a9a9a9; color:#FFF;}

/* ---------- AFFICHAGE TABLE ---------- */

table.table-content {border: 0;	border-collapse: collapse; background-color: #FFF; width:100%}
table.table-content td {border: 1px solid #CCC; padding: 5px; background-color: #FFF; }

/* ------------------------------------------------------------
		HORAIRE
------------------------------------------------------------ */


.block-horaire-hours, .block-horaire-holidays, .block-horaire-special-days {padding: 0;}
.block-horaire-hours {width: 100%;}
.block-horaire-holidays, .block-horaire-special-days {width: 100%;}
.horaire-name {display:none;}
.horaire-holidays-name, .horaire-special-days-name{font-weight:700;margin:0;color:#008c43;}
.horaire-description{display:none;}
.horaire-status {font-weight: bold;color: #39829e;font-size: 1.1em;float: left;}
.horaire-alert-delay {color: #3e475a;font-size: 1.1em;text-align:center;font-weight:bold;text-transform:uppercase;font-size:16px;margin:10px 0;clear:both;-webkit-animation-duration: 3s;-webkit-animation-iteration-count: infinite;-webkit-animation-name: flash;animation-duration: 3s;animation-iteration-count: infinite;animation-name: flash;}
.horaire-block-day {clear: both;width: 100%}
.horaire-block-day.odd {background-color: #EEE;}
.horaire-block-day.even {background-color: #F5F5F5;}
.horaire-name-day {float: left;clear: both;margin: 5px 0;padding:0 10px;width:30%;font-weight: bold;text-transform:uppercase;font-size:13px;}
.horaire-block-hours {float: left;width:70%;margin:5px 0;padding:0 5px;font-size:13px;text-align:right;}
.close-day .horaire-block-hours {font-weight: bold;}
.horaire-block-hours li {list-style-type: none !important;background:none !important;display:inline;margin:0 !important;padding:0 10px !important;}

.clear {clear: both;}
.horaire-block-day.current-day {background-color: #e8e8e8;border: 1px solid #008c43;}
.block-horaire-holidays {margin-top: 2em;}
.holidays-block-days .date-holiday {font-weight:bold;margin:0 20px 0 0;}
.holidays-block-days li {list-style-type: none !important;margin:5px !important;background:none !important;padding:0 !important;}
.block-horaire-special-days {margin-top: 2em;}
.block-horaire-special-days .date-special-days {font-weight:bold;margin:0 20px 0 0;}
.special-days-block-days li {list-style-type: none !important;margin: 10px 5px !important;}
.block-horaire-special-days .description-special-days p {background:#F5F5F5;padding:10px;margin:0;}

/*-------------------------------------------------------------------------------
		MODULE AVIS DES CLIENTS / Bas de page - mod.avis_comment.php
-------------------------------------------------------------------------------*/
/*A modifier ou à vérifier
Module.css
- Bouton : Recommandez-nous ;
- Bouton : Ajouter le commentaire ;
- Taille image à côté du formulaire : #page_avis .colonne-right img ;
- Vérifier l'alignement des étoiles et du titre du commentaire : .mod_list_comment .mod_lc_cc_comment .mod_lc_grade ;

Responsive.css
@media (max-width: 956px) and (min-width: 768px)
- Le petit texte dans la 1ere boxe satisfaction globale : .mod_satisfaction_global-left p ;
- Position margin-top  des barres de satisfaction : .mod_sg_proportion_comment ;
- Vérifier la largeur la boxe Textaera du formulaire : .mod_ajout_comment tbody tr td textarea ;
@media (max-width: 767px)
- Vérifier l'alignement du picto V - Avis vérifier : .mod_lc_check_comment_img ;
*/

#mod_avis_comment {width: 98%; float: left; clear: both; padding: 20px 1% 10px;}
.mod_avis_comment_top{width: 100%;  float: left; clear: both; position: relative;}
.mod_ac_title{width: 40%; float: left; margin-top: 0; font-size:25px;}
.mod_ac_avis_global{width: 338px; float: left; margin-top: 4px /*margin H3*/ }
.mod_ac_scoretop, .mod_ac_score_startop, .mod_ac_nb_avis{ width: auto; float: left; }
.mod_ac_score{float: left; margin-left: 10px; }
.mod_ac_scoretop{ font-size: 22px; font-weight: bold; }
.mod_ac_scoretop span{ font-size: 32px; font-weight: bold; }
.mod_ac_score_startop img{width: 35px !important; height: 35px !important;}
.mod_ac_score_startop{ margin: -3px 10px 0 10px; }
.mod_ac_nb_avis{font-size: 12px; margin:6px 0;}
.mod_ac_certification{width: 200px; float: right; position: relative;}
.mod_avis_comment_top .mod_ac_certification p{ float: left; width: 130px; font-size: 10px; line-height: 18px; margin-top: 2px;}
.mod_avis_comment_top .mod_ac_certification img{float: right;}
.mod_ac_list_avis{
	clear: both;
	float: left;
	margin-top: 0px;
	margin-bottom: 5px;
	width: 100%;
}
.mod_ac_block_avis{ 
	float: left;
	width: 24%;
	padding: 2% 1%;
	background: #fff;
	border: 1px solid #ccc;
	position: relative;
	min-height: 220px;
	text-align: center;
 }
.mod_ac_block_avis:nth-child(2){margin: 0 1% ;}
.mod_ac_block_avis:nth-child(3){margin: 0 1% 0 0;}
.avis_symbole{
	width: 100%;
	color: #000;
	font-size: 65px;
	margin-top: 18px;
	margin-bottom: 0;
}
.avis_txt{
	margin-top: 0px;
	margin-bottom: 10px;
	font-size:14px;
}
.avis_pseudo{font-weight: bold; font-size: 17px; margin: 15px 0 25px 0;}
.boxnote_avis{ width: 92%;bottom: 20px; position: absolute;}
.boxnote_avis div img{ width: 20px!important; height: 20px !important; }
.boxnote_avis .mod_ac_score{display: none;}
.mod_ac_lien{clear: both; width: 100%; position: relative; text-align:center;}
/*.mod_ac_lien-left{float: left; margin: 15px 0 0 0px !important;}
.mod_ac_lien-left a{float: left; clear: both; color: #547483 !important;}
.mod_ac_lien-center{float: left; clear: both; color: #547483 !important;}
.mod_ac_lien-right{float: right; position: absolute; right: 0;}*/
.mod_ac_lien li{display:inline-block; width:31%; margin:40px 1%;}
.mod_ac_lien li a{display:block; background:#efefef; text-decoration:none; padding:10px 20px 10px 10px; text-align:left; font-size:12px; position:relative;}
.mod_ac_lien li a:after{position:absolute;content: '\f054';font-family: 'FontAwesome'; right:10px;}
.mod_ac_lien li a:hover{background:#e8e8e8;}


/*MODULE AVIS TITRE ET SPAN*/
#contentTitleh1 span{float: left; clear: both; font-size: 22px; font-weight: normal; width: 100%;}
/*-----------------------------------------------------------------------------
		MODULE STATIFACTION GLOBAL - mod.satisfaction_global.php
--------------------------------------------------------------------------------*/
.mod_satisfaction_global{width: 100%; background: #fff; margin: 0 auto; margin: 20px 0 30px;float: left;  }
.mod_satisfaction_global .mod_satisfaction_global-left{width: 26%; float: left; padding: 15px 1% 15px 1%; background: #F6F6F6; text-align: center;}
.mod_sg_avg_stars{width: 38%; float: left; text-align: center; padding: 0px 1% 15px 1%; border-right: 1px solid #ebe8e8; margin-top: 0px;}
.mod_sg_summary_comment_by_note{width: 33%; float: right; padding: 10px 0 15px 0;}
.mod_sg_summary_comment_by_note table{margin-top: 0;}

.mod_satisfaction_global .mod_satisfaction_global-left img {height: auto; width: 60px; float: none;}
.mod_satisfaction_global-left p{margin-bottom: 0; font-size: 12px; line-height: 16px; text-align: center;  width: 135px; margin: 0 auto;}
.mod_sg_number_stars, .mod_sg_number_comment_note{font-size: 15px;}
.mod_sg_number_stars{padding-right:2%; width: 35px; float: left;}
.mod_sg_proportion_comment{width: 52%; float: left; margin-top: 10px; }
.mod_sg_number_comment_note{padding-left: 2%; width: 34%; float: left; font-weight: normal;}
.mod_sg_bar_grade_nb{background: #9c9b9b;}
.mod_sg_nb_avis p{margin: 0;}


.mod_sg_message p {font-size: 22px; margin-top: 10px; /*font-weight: bold;*/}

.mod_sg_message-resultat{font-size: 32px; margin-left: 10px;}
.mod_sg_message-total{font-weight: normal;}
.mod_sg_star{margin-top: 15px;}
.mod_sg_stars{margin-top:10px;}
.mod_sg_stars img{width: 35px; height: 35px;}


.mod_sg_summary_comment_by_note table {width: 100%;}
.mod_sg_summary_comment_by_note table tbody tr{margin-bottom: 5px; float: left; width: 100%;}

.mod_sg_bar_grade_nb_active{background: #f2c62d; height: 6px;}
.btn-center{text-align: center; margin-bottom: 10px; float: left; width: 100%;}

/*---------------------------------------Le bouton Recommandez-nous----------------------------------------------*/
p.btn-center{margin:40px 0;}
.btn-recommander{
	font-family: 'Poppins', sans-serif;
color: #ffffff !important;
background: #008c43;
border: 1px solid #008c43;
text-transform: none;
position:relative;
font-weight: normal;
font-size: 14px;text-decoration: none !important; 
text-align: left; 
padding: 10px 40px 10px 10px;
 margin: 20px;}
 .btn-recommander:after{
	position:absolute;
	content: '\f078';
	font-family: 'FontAwesome';
	right:20px;
	}
.btn-recommander:hover{background: none; color:#f0bd12 !important;}

/*---------------------------------------------------------------------------
		La liste des avis clients - list_comment
-----------------------------------------------------------------------------*/

/*Espace général*/
.mod_lc_cc_comment{float: left; clear: both; width: 99.8%; margin-bottom: 20px;position: relative; background: #F6F6F6; border: 1px solid #e9e9e9;}
.mod_list_comment{padding: 15px 0; float: left; width: 100%; }
.mod_lc_cc_comment-left{ float: left; width: 26%; padding-top: 20px; margin-right: 1%; }
.mod_lc_cc_comment-center{ float: left; width: 73%; background: #fff; padding:22px 2%; position: relative;}
.mod_lc_cc_comment-right{ display: block !important; position: absolute; bottom: 0; width: 27%; text-align: center;}

/*Left*/

.mod_lc_cc_commenttxtcenter{ width: 98%; text-align: center; margin: 0 0 0px 0 !important; padding-left: 2%;}
.mod_lc_cc_commenttxtcenterdate{margin: 0 !important;}
.mod_lc_cc_comment .added_by span{ font-size: 16px; font-weight: bold; color: #515151; font-style: normal !important; }
.mod_lc_cc_commentimgenquete, .mod_lc_check_comment_img{vertical-align: middle; padding: 0 3px 0 0;} /*+ img avis vérifié*/
.mod_lc_cc_commentimgenquete{float: none !important;
    clear: none !important;
    display: inline-block !important;
    width: auto !important;
padding:0 !important;}
.mod_lc_cc_txt{font-size: 12px;}


.mod_lc_cc_comment-avis-utile{float: left; position: absolute; width: 26%; bottom: 0; text-align: center;}
.mod_lc_usefulness{float: left; width: 100%; text-align: center; margin-bottom: 5px; margin : 0; font-size: 12px;  line-height: 12px; color: #515151;}
.mod_lc_usefulness_number, .mod_lc_question_usefulness{font-size: 12px; line-height: 12px; }
.mod_lc_usefulness_number{ color: #515151;  margin: 0;}
.mod_lc_question_usefulness{ color: #515151; margin: 10px 0 10px 0; }
.mod_lc_usefulness img{width: 20px; height:20px; vertical-align: sub; display: none;}

.mod_lc_usefulness-ul{float: left; width: 100%; margin-bottom: 5px; margin-top: 0px; padding-left: 0;}
.mod_lc_usefulness-ul li{float: left; list-style: none !important; border:none !important; margin: 0 !important; width: 50%; text-align: center; background: none !important; background-image: none !important; padding: 0 !important;}
.mod_lc_usefulness-ul li a{ color: #515151 !important; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border:1px solid #515151;  text-decoration: none; font-size: 12px; font-weight: normal; padding: 4px; display: inline-block; width: 45%;}
.mod_lc_usefulness-ul li a:hover {background: #515151; color: #fff !important;}

.mod_lc_report{text-align: center; color: #515151; margin-top: 0px; margin-bottom: 5px;}
.mod_lc_report p{margin: 0; line-height: 15px font-size: 12px;}
.mod_lc_text_abus_signale{font-size: 11px !important;}
.mod_lc_report .mod_lc_report_comment {float: none; font-size: 11px; color: #515151; margin-top: 10px;}
.mod_lc_report .mod_lc_report_comment:hover{text-decoration: none; }
/*Centre*/
.mod_lc_checked_comment_label-box{clear: both; float: left; font-size: 13px; position: relative;}
.mod_lc_checked_comment_label-box span{color: green;}
.mod_lc_cc_comment-center-fleche{position: absolute; left: -14px; top:22px;}
.mod_list_comment .mod_lc_cc_comment .mod_lc_grade{float: left; padding-right: 7px;}
.mod_lc_comment{ /*font-size: 14px*/; float: left; width: 100%; /*line-height: 20px*/; margin: 0px 0;}
.mod_lc_cc_comment-center-etoile-titre{ float: left; width: 100%; margin-bottom: 0px; }
.mod_lc_title_comment {float: left; width: 71%;}
.mod_lc_cc_comment-center-etoile-titre span {padding-right: 7px; font-weight: normal; float: left;}
.mod_list_comment .mod_lc_cc_comment .mod_lc_grade img{ width: 20px; height: 20px; }
.mod_lc_cc_ref{float: left; clear: both;}
.mod_lc_cc_ref p{margin: 0px 0 0 0; font-weight: bold; font-size: 13px;}
.mod_lc_cc_ref p a { font-weight: normal; color: #3c71aa; }
.mod_lc_cc_comment-via{float: left; font-size: 13px; margin:0;}
.mod_lc_related_article{color: #6c6b6b; font-weight: bold;}
.mod_lc_related_article a{font-weight: normal;}

/*Pagination*/
.mod_article-pagination{width: 100%;text-align: center;margin: 25px 0 10px 0;float: left; }
.article-pagination span a{
	width: 25px;
	height: 25px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	border: 1px solid #d8d8d8;
	color: #5d5d5d;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 12px;
}
.article-pagination span a:hover{background: #b9b9b9; }
.article-pagination span.active a{background: #b9b9b9; font-weight: bold;}
/*---------------------------------------------------------------------------
		AVIS EN COURS DE VERIFICATION - pending_comment
-----------------------------------------------------------------------------*/

.mod_list_comment_invalide{/*background: #f2f2f2; border: 1px solid #c9c9c9;*/ float: left; /*padding: 30px 1% 20px¨*/ width: 97%;}
.mod_list_comment_invalide h3, .mod_list_comment h3{margin-bottom: 15px !important; margin: 0;font: 400 24px/1 'Karla', sans-serif;;} /*H3 liste des avis*/
.mod_lc_cc_comment-center_invalide{width: 73%;}
.mod_lc_cc_comment-center_invalide .mod_lc_cc_comment-center-etoile-titre, .mod_lc_cc_comment-center_invalide .mod_lc_cc_comment-center-etoile-titre h3{margin-bottom: 0 !important;}
/*Box avis à vérifier*/
/*.mod_lc_cc_comment{float: left; clear: both; width: 99.8%; margin-bottom: 20px;position: relative; background: #d7d7d7; border: 1px solid #e9e9e9;}*/
/*---------------------------------------------------------------------------
		Recommandez-nous + Formulaire - comment
-----------------------------------------------------------------------------*/

#page_avis #form_txt{clear: left;}
#page_avis #form_txt h2{float: left; width: 100%; }
/*#form_txt p{ font-size: 14px; }*/

.cc_content .colonne-left{float: left;; width: 100%;}
.mod_form_ajout_comment{float: left; width: 100%;}
.mod_form_ajout_comment form{width: 100%; }
.mod_ajout_comment{width: 100%;}
.mod_ajout_comment tbody tr {float: left; clear: both; width: 100%;}
.mod_ajout_comment tbody tr .label{ color: #606060;}
.choix-etoile{vertical-align: bottom; width: 100%;}
.choix-etoile .block-select-grade_add-comment .a-form-stars_add-comment img{width: 30px; height: 30px; float: left;}
.mod_ajout_comment tbody tr .label span, .champ-obligatoire span{color: #e42809;}
.labelchoix-etoile{/*width: 100px !important;*/}
.box-input{clear: both;float: left; width: 100%;}
.mod_ajout_comment tbody tr .label-full{float: left;clear: both; width:100%;}
.box-input input{ padding: 10px 2%; font-size: 14px;}

.mod_ajout_comment input[type=submit]{
	-webkit-appearance: none;
	cursor: pointer;
	margin-top: 10px; 
	width: 100%; 
	box-shadow: none; 
	font-family: 'Poppins', sans-serif;
	border: 2px solid #f0bd12;
	color: #ffffff;
	background: #008c43;
	text-transform: none;
	font-weight: normal;
	font-size: 18px;
	text-decoration: none !important; 
	text-align: center; 
	padding: 10px 25px;
	 margin: 10px auto 20px;
	border: 0;

}
.mod_ajout_comment input[type=submit]:hover{background: none; color: #008c43;border: 2px solid #008c43;}
.mod_ajout_comment tr .btn-submit-avis{ width: 100%; float: left; text-align: center; }
.mod_form_ajout_comment .mod_success_comment{ color: #fff; padding: 8px; background:#32b640; margin: 5px 0 10px; font-size: 14px; font-weight: bold;}
.mod_form_ajout_comment .mod_error_comment{ color: #fff; padding: 8px 8px 8px 40px; background: #d62822 url(../img/construct/error.png) no-repeat; background-position: 4px 5px; margin: 5px 0 10px; font-size: 14px; font-weight: bold;}
.champ-obligatoire{text-align: center;}
.mod_ajout_comment tbody tr td textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 20px; margin: 0;}

#page_avis .colonne-right{float: right; width: 38%; text-align: center;}
#page_avis .colonne-right img{  max-width: 300px; height: auto;}
#page_avis .colonne-right p{color: #e30303 ; font-size: 18px; line-height: 22px;}
#page_avis .colonne-right p strong{ color: #e30303; font-weight: 700;}
#page_avis .colonne-right .mod_com_p, #page_avis .colonne-right p:last-child{color:#515151;}
/*Dernier Avis Client*/

#actu .last-avis-client div #list_comments .mod_lc_cc_comment .mod_lc_cc_comment-center .mod_lc_cc_comment-via, #actu .last-avis-client div #list_comments .mod_lc_cc_comment .mod_lc_cc_comment-right, #actu .last-avis-client div #list_comments .mod_article-pagination{ display: none !important; }
#actu .last-avis-client div #list_comments .mod_lc_cc_comment .mod_lc_cc_comment-center .mod_lc_comment p{margin:0;}
#actu .last-avis-client div #list_comments .mod_lc_cc_comment{ background: #d4d6d7; }
/*---------------------------------------------------------------
		MODULE AVIS CLIENT
----------------------------------------------------------------*/
 
 /*Tablette portrait*/
@media (max-width: 956px) and (min-width: 768px){
.mod_ac_title{width: 100%;}


/*Avis bas de page*/
.mod_avis_comment_top .mod_ac_certification{position: absolute; bottom: 0; right: 0;}
.mod_avis_comment_top .mod_ac_certification p{margin-bottom: 0;}
.mod_avis_comment_top{margin-bottom: 15px;}
.mod_ac_block_avis{width: 24%;  min-height: 217px;}
.avis_symbole{font-size: 55px;}
.avis_pseudo, .avis_txt {font-size: 14px;}
.boxnote_avis{width: 93%; bottom: 7px;}
/*Page avis de nos clients*/
		/*Boxe satisfaction globale*/
.mod_satisfaction_global .mod_satisfaction_global-left{width: 26%;}
.mod_sg_avg_stars{width: 35%; margin-top: 10px;}
.mod_sg_summary_comment_by_note{width: 35%;padding-top: 5px;}
.mod_satisfaction_global .mod_satisfaction_global-left img{width: 59px !important; height: 59px !important;}
.mod_satisfaction_global-left p{font-size: 11px; line-height: 15px; width: 130px; margin: 0 auto;}
.mod_sg_message {
    font-size: 16px;
    margin-top: 0px;
    font-weight: bold;
    line-height: 30px;
}
.mod_sg_stars{margin-top: 0;}
.mod_sg_message-resultat{margin-left: 0; font-size: 25px;}
.mod_sg_message p{ margin-bottom: 0; margin-top: 10px;}
.mod_sg_stars img{width: 35px !important; height: 35px !important;}
.mod_sg_nb_avis p{font-size: 11px;}
.mod_sg_proportion_comment{margin-top: 10px; width: 38%;}
.mod_sg_number_comment_note{padding-left: 4%;}
.mod_sg_number_comment_note{padding-left: 2%; width:47%; float: left; font-weight: normal;}
		/*La liste des avis*/
.mod_lc_cc_comment-left{width: 24%;padding-top: 15px;}
.mod_lc_cc_comment-left .added_by{line-height: 18px;}
.mod_lc_cc_comment-center{width: 75%; padding: 20px 2%;}
.mod_lc_cc_comment-right{width: 25%;}
.mod_list_comment .mod_lc_cc_comment .mod_lc_grade img{width: 22px !important; height: 22px !important;}
.mod_lc_cc_comment .added_by span{font-size: 15px;}
.mod_lc_usefulness_number, .mod_lc_question_usefulness{font-size:12px; margin: 5px 2px 7px 2px;}
.mod_lc_cc_comment-center-fleche {left: -7px; top: 18px;}
.mod_lc_title_comment{width: 62%;}
.mod_lc_checked_comment_label-box{font-size: 11px; position: relative;}
.mod_lc_checked_comment_label-box span{margin-left: 20px;}
.mod_lc_check_comment_img{width: 15px !important; padding: 0; height: 15px !important; position: absolute; top: 1px;}
.mod_lc_cc_ref p{font-size: 12px; font-weight: normal;}
.mod_lc_comment{}
.mod_lc_usefulness{width: 98%; padding-right: 1%; padding-left: 1%; margin-bottom: 2px;}
.mod_lc_usefulness-ul{margin-bottom:2px;}
.mod_lc_cc_comment-via{font-size: 11px; margin-top: -8px;}
.mod_lc_report .mod_lc_report_comment{font-size: 11px;}
.mod_lc_report p{font-size: 11px; line-height: 14px;}
.mod_lc_cc_comment-avis-utile{width: 24%; }
.mod_lc_usefulness img { width: 16px; height: 16px;}

		/*Avis en cours de vérification*/
.mod_lc_cc_comment-center_invalide{width: 75%;}

		/*Formulaire avis*/
.choix-etoile .block-select-grade_add-comment .a-form-stars_add-comment img {
    width: 30px !important;
    height: 30px !important;
}
.mod_ajout_comment tbody tr td textarea{padding: 2%; width: 100%;}
#page_avis .colonne-left{width: 60%;}
.mod_form_ajout_comment form{margin-top:0; }
#page_avis .colonne-right{margin-top: 60px;}
#page_avis .colonne-right p{font-size: 17px;}
#page_avis .colonne-right img{width: 200px !important; height: auto;}

.mod_ac_lien li{width:100%; margin:10px 0;}

}


@media (max-width: 767px){
section#content .wrapper {width:90%;background:none;border:none;}
form select {-webkit-appearance: none;}
.submit input {-webkit-appearance: none;}
/*Avis bas de page*/
.mod_ac_title{width: 100%;}
#contentTitleh1 span{font-size: 20px; line-height: 22px;}
.mod_ac_avis_global{clear: both;}
.mod_ac_nb_avis { font-size: 11px; margin-top: 2px;}
.mod_ac_score{margin-left: 0px;}
.mod_ac_scoretop{font-size: 15px; font-weight: normal;}
.mod_ac_scoretop span{font-size: 20px;}
.mod_ac_score_startop img{width: 25px !important; height: 25px !important;}
.mod_ac_score_startop {margin: -5px 5px 0 5px;}
.mod_ac_certification {width: 100%;float: left; clear: both;}
.mod_ac_block_avis{width: 48%; margin: 1% !important; min-height: 175px;}
.mod_ac_block_avis:nth-child(2) {margin: 0 0 0 1%;}
.boxnote_avis{width: 96%; bottom: 5px;}
.boxnote_avis div img {width: 17px !important; height: 17px !important;}
.avis_pseudo, .avis_txt {font-size: 13px;}
.avis_symbole{font-size: 40px; margin-top: 14px;}
.mod_avis_comment_top .mod_ac_certification p{width: 220px; margin-left: 40px;}
.mod_avis_comment_top .mod_ac_certification img{position: absolute; left: 0; top: 7px; width: 30px !important; height: 30px !important; }
.mod_ac_lien-left{float: right;}
.mod_ac_lien li{width:100%; margin:10px 0;}
.mod_ac_lien-right{position: relative; clear: both;}
.mod_ac_lien-center{ float: right; }
/*Page Avis et témoignages*/
		/*Boxe satisfaction globale*/
.mod_sg_summary_comment_by_note table{width: auto; margin: 0 auto;}
.mod_satisfaction_global{margin: 0 0 20px; background: none;}
.mod_sg_stars img{width: 30px !important; height: 30px !important;clear:none; display:inline !important; width:auto !important; margin:10px auto !important;}
.mod_satisfaction_global .mod_satisfaction_global-left{width: 100%; background: none; position: relative; padding: 10px 0 20px;}
.mod_satisfaction_global .mod_satisfaction_global-left img{position: absolute; left: 0; width: 45px !important; height: 45px !important;}
.mod_satisfaction_global-left p{margin:10px 0 10px 55px; text-align: left; width: auto;}
.mod_sg_avg_stars{width: 100%; border-right: none; margin-top: 0; padding: 0 0 15px 0;background: #fff;}
.mod_sg_summary_comment_by_note{width: 100%; padding: 10px 0 10px 0; background: #fff; text-align: center;}
.mod_sg_summary_comment_by_note table{width: 310px;}
.mod_sg_number_stars{padding-right: 2%;width: 28px; }
.mod_sg_proportion_comment{width: 67%;}
.mod_sg_number_comment_note{text-align: left; width: 71px;}

.mod_sg_message p{line-height: 30px; margin: 10px 5px;}
.mod_sg_number_stars, .mod_sg_number_comment_note{font-size: 12px;}

		/*La liste des avis*/
.mod_lc_cc_comment .added_by span{font-size: 14px;}
.mod_lc_cc_comment-avis-utile{z-index: 1; width: 100%; margin-bottom: 5px;}
.mod_lc_cc_comment-left{margin: 0; width: 100%; padding-top: 5px;}
.mod_lc_cc_comment-left .mod_lc_usefulness{display: block;}
.mod_lc_cc_comment-center{width: 100%; padding: 0px 3% 7px; margin-top: 10px;}
.mod_lc_cc_comment-center-fleche{
	 -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    top:-18px;
    margin-left: 52.5%;
}
.mod_list_comment .mod_lc_cc_comment .mod_lc_grade {float: none; padding-right: 0; text-align: center;}
.mod_list_comment .mod_lc_cc_comment .mod_lc_grade img{width: 20px !important; height: 20px !important;clear:none; display:inline !important; width:auto !important;}
.mod_lc_cc_comment-center-etoile-titre span{display: none;}
.mod_lc_title_comment{width: 100%;  margin-top: 10px !important;}
.mod_lc_check_comment_img{width: 15px !important; padding: 0; height: 15px !important; position: absolute; top: 2px; margin:0 !important;}
.mod_lc_checked_comment_label-box span{margin:8px 0 8px 20px; font-size: 11px; display:inline-block;}
.mod_lc_cc_comment{margin-bottom: 30px; background: none; border: none;}
.mod_lc_comment{ margin: 5px 0 0 0;}
.mod_lc_cc_comment-right{position: relative; width: 100%; margin-left: 0; float: left; margin-top: 0px !important; text-align: center; display: block; background: #e9e9e9;  border-top: 1px solid #e7e7e7; padding-top: 20px; padding-bottom: 20px;}
.mod_lc_question_usefulness{text-align: center; margin: 0 0 10px 0;}
.mod_lc_report p{font-size: 11px;}
.mod_lc_usefulness-ul{margin-bottom: 15px;  width: 100%; padding-left: 0;}
.mod_lc_usefulness-ul li{width: 50%;}
.mod_lc_report{position: absolute; bottom: 0; margin-top: 12px; left: 0; right: 0;}
.mod_lc_report .mod_lc_report_comment{float: none;}
.mod_lc_cc_commenttxtcenterdate{margin: 0 !important;}
.mod_lc_cc_comment-via{font-size: 11px; margin-top: -6px;}
.mod_lc_cc_ref p{font-size: 12px;}
.mod_lc_usefulness_number{padding: 0; text-align: center; margin-bottom: 5px;}
		/*Pagination*/
.article-pagination span a{padding: 5px 6px;}
		/*Avis en cours de vérification*/
.mod_list_comment_invalide{width: 100%; padding: 7px 0;}
.mod_list_comment_invalide .mod_lc_cc_comment{margin-bottom: 10px;}
		/*Formulaire*/
#page_avis .colonne-left, #page_avis .colonne-right{width: 100%;}
.choix-etoile{clear: both; float: left;}
.choix-etoile .block-select-grade_add-comment .a-form-stars_add-comment img { width: 35px !important; height: 35px !important; clear:none; display:inline !important; width:auto !important;}
.mod_ajout_comment tbody tr .label{width: 100%;}
.mod_ajout_comment tbody tr td textarea{ padding: 8px 2%; height: 250px;}
#page_avis .colonne-right img {max-width: 200px !important; height: auto; width: 100%;}
#page_avis .colonne-right p{ font-size: 17px; }
#page_avis .colonne-right .mod_com_p, #page_avis .colonne-right p:last-child{ font-size: 14px;}
.mod_lc_cc_comment-center img{display:none;}
}
@media (max-width: 530px){
.mod_sg_summary_comment_by_note table{width: 210px;}
.mod_sg_proportion_comment {width: 51%;}
.mod_sg_number_stars{padding-left: 2%;}
.mod_sg_number_comment_note{width: 71px;}
.mod_ac_block_avis{min-height: 200px; }
}
@media (max-width: 384px){
.mod_sg_summary_comment_by_note table{width: 180px;}
.mod_sg_proportion_comment{width: 43%;}
.mod_ac_block_avis{min-height: 180px; }
.mod_ac_block_avis .avis_pseudo, .mod_ac_block_avis .avis_txt{line-height: 16px;}
.mod_ac_block_avis .avis_txt{padding: 0 1px;}
}