/* ------------------------------------------------------------
		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:900; margin: 10px; display: inline-block; min-width: 120px; font-size:16px;}

.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:#ececec;}
.cal_today a {color:#000 !important;}

.cal_event {background:#76cff4; font-weight:700;}

.cal_important {border:1px solid #b11c1c !important;}

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

span.e_showAll a{text-decoration: none; padding:10px; width:100%; text-align:center; display:block; background:#004b88; color:#fff; font-weight:900; 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:#00acf3;}

/* ------------------------------------------------------------
		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; padding:15px 0 0 0;}
.event .e_title a:hover {font-weight:700; color:#00acf3;}
	
.event .e_excerpt {}
.event .e_excerpt p {margin:10px 0 0 0; font-size:12px;}

.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:#00acf3;}
.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:900; padding:2px 5px 2px 0; width:150px; color:#00acf3;}
.event_infos .value {padding:0 0 0 15px;}

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

.wrapper_comments{max-width:1170px; margin:0 auto;}

.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 !important; max-width:300px; clear:both; text-align: center; margin: 15px auto !important; padding:0 !important; }
.button-go-to-form a { display: block; padding: 12px 20px; color: black; text-decoration: none !important; }


.container_comments{margin:20px 0 20px 0; clear: both; }
.cc_comment{ margin:20px 0 20px 0; padding: 40px; background: #f2f2f2; overflow: hidden;}
.grade{display: inline;}
.title-comment{float: left; margin-right: 12px; font-size: 18px; color: #004b88; }
.added_by{ line-height: 26px; color:#aaa; font-style:italic; margin: 0 0 10px 0; }
.check-comment-img{margin: 0 2px 0 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: #314047; display: inline-block; padding: 1px 6px; text-decoration: none !important;     border: 2px solid #314047; border-radius:40px; font-weight:700;}

.usefulness-yes a:hover,
.usefulness-no a:hover,
.report a:hover { background:#eeeeee;}

.form_ajout_comment .type_stars{overflow:hidden; padding:10px 0;}
.form_ajout_comment .type_stars label{float:left;}
.form_ajout_comment .type_stars .block-select-grade{float:right;}

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

.toggler { border: 1px solid #eee; color: #314047; font-weight: 700; box-shadow:1px 3px 5px rgba(0,0,0,0.09); border-left-width: 3px; outline: none; padding:12px 45px 12px 16px; cursor:pointer; margin-bottom:8px; position: relative; }
.toggler:after { content: '\f078'; font-family: 'FontAwesome'; position: absolute; right: 16px; top: 50%; color:#ccc; line-height: 24px; margin-top: -12px; font-size: 18px; }
.toggler.ui-state-active { border-left-color: #004b88; }
.toggler.ui-state-active:after { content: '\f077'; }
.element {padding:10px;transition:none;}

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

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

/* ---------- GALLERY TYPE 1 ---------- */
.galleryType1 { margin:auto; padding-top: 30px; padding-bottom: 60px; }
.galleryPhotos {padding: 0;height: 0;position: relative;}
.galleryType1Photo { padding: 4px; text-align: center; width: 25%; }
.galleryType1Photo a { display: block; overflow: hidden; margin: 0 auto; position: absolute;top: 4px;left: 4px;right: 4px;bottom: 4px; }
/*.galleryType1Photo a { display: block; overflow: hidden; margin: 0 auto;}*/
.galleryType1Photo.g-landscape {padding: 0 0 13.518635%;}
.galleryType1Photo.g-portrait {padding: 0 0 29.62729%;}
.galleryType1Photo.g-square {padding: 0 0 20.02526%;}
.galleryType1Photo img { max-width: 100%; height: auto; display: block; margin: 0 auto;
-webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; }
.galleryType1Photo img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.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 !important; border-bottom:1px dashed #aaa;}
a.c_glossaire:hover{cursor:help;}
.tips_glossaire {color:#fff; font-size:10px; padding:10px; background:#004b88; z-index:1000;}	
.tips_glossaire .tip-title {font-weight:bold; font-size:14px;}

.g_description{background:#FFFFFF; border:1px solid #CCCCCC; margin:20px auto 20px auto; padding:15px;}	
.g_description p{margin:0px; padding:0px;}
.nav_glossaire {text-align: center; margin: 10px 0 15px 0; background:#F1F1F1; border:1px solid #ccc; overflow:hidden; padding:10px;}
.nav_glossaire .nav_glossaire_letter {float: left; padding-left: 12px;}
.nav_glossaire .nav_glossaire_letter  a{font-size:14px;}

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

@-webkit-keyframes highlighted {
0% {-webkit-box-shadow: 0 26px 56px 0 rgba(60,60,58,0);}
50% {-webkit-box-shadow: 0 26px 56px 0 rgba(60,60,58,0.3);}
100% {-webkit-box-shadow: 0 26px 56px 0 rgba(60,60,58,0);}
	}

@keyframes highlighted {
0% {box-shadow: 0 26px 56px 0 rgba(60,60,58,0);}
50% {box-shadow: 0 26px 56px 0 rgba(60,60,58,0.3);}
100% {box-shadow: 0 26px 56px 0 rgba(60,60,58,0);}
	}

.cc_description{clear:both;}

.content_articles{max-width:1170px; margin:0 auto; padding:0;}

.block_article{list-style:none;margin:0;padding:0;}
.block_article a{text-decoration:none !important;}

.block_article.highlighted-article{border:1px solid #004b88;-webkit-animation-duration: 1s;-webkit-animation-iteration-count: infinite;-webkit-animation-name: highlighted;animation-duration: 1s;animation-iteration-count: infinite;animation-name: highlighted;}

.cc_video {background:#000;position: relative;padding-bottom: 100%;height: 0;}
.cc_video iframe {position: absolute;top: 0;left: 0;width: 100%!important;height: 100%!important;}

/* ---------- TYPE 1 ---------- */

.type_1 .block_article{background:#fff; overflow:hidden;box-shadow: 0 2px 15px 0 rgba(0,0,0,.07); padding:0 40px 0 0; margin:40px 0;}
.type_1 .block_article:hover{box-shadow: 0 6px 36px 0 rgba(60,60,58,0.2);}
.type_1 .block_article .cc_vignette{float:left;max-width:300px; margin:0 40px 0 0; position:relative;}
.type_1 .block_article .cc_vignette:after{content:''; display:block; position:absolute; top:20px; right:0;display : inline-block;height : 0;width : 0;border-top : 10px solid transparent;border-right : 20px solid #fff;border-bottom : 10px solid transparent;}
.type_1 .block_article .cc_vignette img{width:100%;max-width:400px;height:auto;}
.type_1 .block_article:hover .cc_vignette img{opacity:0.5;}
.type_1 .block_article .cc_video{width:100%;max-width:300px; float:left; margin:0 40px 0 0; padding-bottom:300px;}
.type_1 .block_article .cc_content .cc_title h3{font:700 18px/30px 'Roboto', sans-serif; color:#979797; margin:0; padding:20px 0 10px 0;}
.type_1 .block_article .cc_content .cc_title h3 a{color:#314047;position:relative;}
.type_1 .block_article .cc_content .cc_title h3 a:before{content: '\f10d';font-family: 'FontAwesome';font-weight:900; font-size:40px; position:absolute; top:0;left:-20px; opacity:0.1;transform: rotate(-10deg);}
.type_1 .block_article:hover .cc_content .cc_title h3 a{color:#004b88;}
.type_1 .block_article .cc_content .cc_read_more{padding:10px 0; float:right;}
.type_1 .block_article .cc_content .cc_read_more a{font:700 11px/20px 'Roboto', sans-serif;text-transform:uppercase;color:inherit;border-radius:50px;border:2px solid #314047;padding: 10px 20px; margin:10px 5px;}
.type_1 .block_article .cc_content .cc_read_more a:after{font-family: 'FontAwesome';content: '\f061';font-weight:900;position:relative;left:10px;}
.type_1 .block_article .cc_content .cc_read_more a:hover{color:#fff;background:#004b88;border:2px solid #004b88;}

.type_1 .block_article.altered{padding:0 0 0 40px;}
.type_1 .block_article.altered .cc_vignette{float:right; margin:0 0 0 40px;}
.type_1 .block_article.altered .cc_vignette:after{content:''; display:block; position:absolute; top:20px; left:0; display : inline-block;height : 0;width : 0;border-top : 10px solid transparent;border-bottom : 10px solid transparent;border-left : 20px solid #fff; border-right:0;}
.type_1 .block_article.altered .cc_video{float:right; margin:0 0 0 40px;}

/* ---------- TYPE 2 ---------- */

.type_2 {max-width:none;}
.type_2 .block_article{width:25%;float:left;}
.type_2 .block_article .cc_vignette img{width:100%; height:auto;-webkit-filter: grayscale(100%);filter: grayscale(100%);}

/* ---------- TYPE 5 ---------- */

.type_5 .block_article{width:31.3333%;float:left;margin:40px 1%;background:#fff;text-align:center;    box-shadow: 0 2px 15px 0 rgba(0,0,0,.07);}
.type_5 .block_article:hover{box-shadow: 0 6px 36px 0 rgba(60,60,58,0.2);}
.type_5 .block_article .cc_content .cc_title, .type_5 .block_article .cc_content .cc_excerpt, .type_5 .block_article .cc_content .cc_read_more{padding:0 30px;}
.type_5 .block_article .cc_vignette{position:relative;}
.type_5 .block_article:hover .cc_vignette a:after{font-size:40px;color:#314047;content: '\f067';font-family: 'FontAwesome'; font-weight:300; position:absolute; left:50%;top:50%;transform:translate(-50%, 50%);}
.type_5 .block_article .cc_vignette img{width:100%;max-width:400px;height:auto;}
.type_5 .block_article:hover .cc_vignette img{opacity:0.5;}
.type_5 .block_article .cc_content .cc_title{position:relative; min-height: 100px;line-height:100px;}
.type_5 .block_article .cc_content .cc_title h3{font:700 18px/30px 'Roboto', sans-serif;color:#979797;display: inline-block;line-height: normal;vertical-align: middle;}
.type_5 .block_article .cc_content .cc_title h3 a{color:#314047;}
.type_5 .block_article:hover .cc_content .cc_title h3 a{color:#004b88;}
.type_5 .block_article .cc_content .cc_title h3 a:after{content:'';position:absolute; top:0; bottom:0; left:0; right:0;}


/* ---------- TYPE 8 ---------- */

.type_8 .block_article{width:31.3333%;float:left;margin:40px 1%;padding:0 0 40px 0;background:#fff;text-align:center;    box-shadow: 0 2px 15px 0 rgba(0,0,0,.07);}
.type_8 .block_article:hover{box-shadow: 0 6px 36px 0 rgba(60,60,58,0.2);}
.type_8 .block_article .cc_content .cc_title, .type_8 .block_article .cc_content .cc_excerpt, .type_8 .block_article .cc_content .cc_read_more{padding:0 30px;}
.type_8 .block_article .cc_vignette{position:relative;}
.type_8 .block_article:hover .cc_vignette a:after{font-size:40px;color:#314047;content: '\f067';font-family: 'FontAwesome'; font-weight:300; position:absolute; left:50%; top:50%;transform:translate(-50%, -50%);}
.type_8 .block_article .cc_vignette img{width:100%;max-width:400px;height:auto;}
.type_8 .block_article:hover .cc_vignette img{opacity:0.5;}
.type_8 .block_article .cc_content .cc_title{position:relative;min-height: 100px;line-height:100px;}
.type_8 .block_article .cc_content .cc_title h3{font:700 18px/30px 'Roboto', sans-serif;color:#979797;display: inline-block;line-height: normal;vertical-align: middle;}
.type_8 .block_article .cc_content .cc_title h3 a{color:#314047;}
.type_8 .block_article:hover .cc_content .cc_title h3 a{color:#004b88;}
.type_8 .block_article .cc_content .cc_excerpt p{margin:10px 0 !important;}
.type_8 .block_article .cc_content .cc_read_more{padding:10px 0;}
.type_8 .block_article .cc_content .cc_read_more a{font:700 11px/20px 'Roboto', sans-serif;text-transform:uppercase;color:inherit;border-radius:50px;border:2px solid #314047;padding: 10px 20px;}
.type_8 .block_article .cc_content .cc_read_more a:after{font-family: 'FontAwesome';content: '\f061';font-weight:900;position:relative;left:10px;}
.type_8 .block_article .cc_content .cc_read_more a:hover{color:#fff;background:#004b88;border:2px solid #004b88;}
.type_8 .block_article .cc_content .cc_title h3 a:after{content:'';position:absolute; top:0; bottom:0; left:0; right:0;}

/* ---------- TYPE 12 ---------- */

.type_9 .block_article{width:31%;position:relative;float:left;margin:14px 1%;padding:0;background:#fff;text-align:left;box-shadow: 0 2px 15px 0 rgba(0,0,0,.07);border-radius: 20px;overflow: hidden;}
.type_9 .block_article:hover{box-shadow: 0 6px 36px 0 rgba(60,60,58,0.2);}
.type_9 .block_article .cc_content .cc_title, .type_9 .block_article .cc_content .cc_excerpt, .type_9 .block_article .cc_content .cc_read_more{padding:0 30px;}
.type_9 .block_article .cc_vignette{position:relative; width: 30%; float: left;}
.type_9 .block_article:hover .cc_vignette a:after{font-size:40px;color:#314047;content: '\f067';font-family: 'FontAwesome'; font-weight:300; position:absolute; left:50%; top:50%;transform:translate(-50%, -50%);}
.type_9 .block_article .cc_vignette img{width:100%;max-width:400px;height:auto;}
.type_9 .block_article:hover .cc_vignette img{opacity:0.5;}
.type_9 .block_article .cc_content .cc_title{position:relative;min-height: 104px;line-height:94px;float: right;width: 70%;text-align: center;}
.type_9 .block_article .cc_content .cc_title h3{font:700 22px/30px 'Roboto', sans-serif;color:#fff;display: inline-block;line-height: normal;vertical-align: middle;}
.type_9 .block_article .cc_content .cc_title h3 a{color:#fff;}
.type_9 .block_article:hover .cc_content .cc_title h3 a{color:#004b88;}
.type_9 .block_article .cc_content .cc_excerpt p{margin:10px 0 !important;}
.type_9 .block_article .cc_content .cc_read_more{padding:10px 0;}
.type_9 .block_article .cc_content .cc_read_more a{font:700 11px/20px 'Roboto', sans-serif;text-transform:uppercase;color:inherit;border-radius:50px;border:2px solid #314047;padding: 10px 20px;}
.type_9 .block_article .cc_content .cc_read_more a:after{font-family: 'FontAwesome';content: '\f061';font-weight:900;position:relative;left:10px;}
.type_9 .block_article .cc_content .cc_read_more a:hover{color:#fff;background:#004b88;border:2px solid #004b88;}
.type_9 .block_article .cc_content .cc_title h3 a:after{content:'';position:absolute; top:0; bottom:0; left:0; right:0;}

/* ---------- TYPE 11 ---------- */

.type_11 .block_article{width:18%;position:relative;float:left;margin:40px 1%;background:#fff;text-align:center;    box-shadow: 0 2px 15px 0 rgba(0,0,0,.07);}
.type_11 .block_article:hover{box-shadow: 0 6px 36px 0 rgba(60,60,58,0.2);}
.type_11 .block_article .cc_content .cc_title, .type_11 .block_article .cc_content .cc_excerpt, .type_11 .block_article .cc_content .cc_read_more{padding:0 30px;}
.type_11 .block_article .cc_vignette{position:relative;}
.type_11 .block_article:hover .cc_vignette a:after{font-size:40px;color:#314047;content: '\f067';font-family: 'FontAwesome'; font-weight:300; position:absolute; left:50%; top:50%;transform:translate(-50%, -50%);}
.type_11 .block_article .cc_vignette img{width:100%;max-width:400px;height:auto;}
.type_11 .block_article:hover .cc_vignette img{opacity:0.5;}
.type_11 .block_article .cc_content .cc_title{position:relative;min-height: 100px;line-height:100px;}
.type_11 .block_article .cc_content .cc_title h3{font:700 18px/30px 'Roboto', sans-serif;color:#fff;display: inline-block;line-height: normal;vertical-align: middle;}
.type_11 .block_article .cc_content .cc_title h3 a{color:#fff;}
.type_11 .block_article:hover .cc_content .cc_title h3 a{color:#004b88;}
.type_11 .block_article .cc_content .cc_read_more{display:none;}
.type_11 .block_article .cc_content .cc_title h3 a:after{content:'';position:absolute; top:0; bottom:0; left:0; right:0;}

.type_11 .block_article .cc_content .cc_caracteristique.attr_etat, .type_11 .block_article .cc_content .cc_caracteristique.attr_state, .type_11 .block_article .cc_content .cc_caracteristique.attr_staat{position:absolute;top:15px;left:10px;transform: rotate(-20deg);padding:5px; text-transform:uppercase;background: #004b88;color:#fff;font-weight:700;border-radius: 40px;}

/* ---------- TYPE 12 ---------- */

.type_12 .block_article{width:31.3333%;position:relative;float:left;margin:40px 1%;padding:0 0 40px 0;background:#fff;text-align:center;    box-shadow: 0 2px 15px 0 rgba(0,0,0,.07);}
.type_12 .block_article:hover{box-shadow: 0 6px 36px 0 rgba(60,60,58,0.2);}
.type_12 .block_article .cc_content .cc_title, .type_12 .block_article .cc_content .cc_excerpt, .type_12 .block_article .cc_content .cc_read_more{padding:0 30px;}
.type_12 .block_article .cc_vignette{position:relative;}
.type_12 .block_article:hover .cc_vignette a:after{font-size:40px;color:#314047;content: '\f067';font-family: 'FontAwesome'; font-weight:300; position:absolute; left:50%; top:50%;transform:translate(-50%, -50%);}
.type_12 .block_article .cc_vignette img{width:100%;max-width:400px;height:auto;}
.type_12 .block_article:hover .cc_vignette img{opacity:0.5;}
.type_12 .block_article .cc_content .cc_title{position:relative;min-height: 100px;line-height:100px;}
.type_12 .block_article .cc_content .cc_title h3{font:700 18px/30px 'Roboto', sans-serif;color:#979797;display: inline-block;line-height: normal;vertical-align: middle;}
.type_12 .block_article .cc_content .cc_title h3 a{color:#314047;}
.type_12 .block_article:hover .cc_content .cc_title h3 a{color:#004b88;}
.type_12 .block_article .cc_content .cc_excerpt p{margin:10px 0 !important;}
.type_12 .block_article .cc_content .cc_read_more{padding:10px 0;margin-top: 40px;}
.type_12 .block_article .cc_content .cc_read_more a{font:700 11px/20px 'Roboto', sans-serif;text-transform:uppercase;color:inherit;border-radius:50px;border:2px solid #314047;padding: 10px 20px;}
.type_12 .block_article .cc_content .cc_read_more a:after{font-family: 'FontAwesome';content: '\f061';font-weight:900;position:relative;left:10px;}
.type_12 .block_article .cc_content .cc_read_more a:hover{color:#fff;background:#004b88;border:2px solid #004b88;}
.type_12 .block_article .cc_content .cc_title h3 a:after{content:'';position:absolute; top:0; bottom:0; left:0; right:0;}

.type_12 .block_article .cc_content .cc_caracteristique.attr_etat, .type_12 .block_article .cc_content .cc_caracteristique.attr_state, .type_12 .block_article .cc_content .cc_caracteristique.attr_staat{position:absolute;top:15px;left:10px;transform: rotate(-20deg);padding:5px; text-transform:uppercase;background: #004b88;color:#fff;font-weight:700;border-radius: 40px;}

/* ---------- TYPE 13 ---------- */

.type_13 .block_article{width:31.3333%;float:left;margin:40px 1%;background:#fff;text-align:center;    box-shadow: 0 2px 15px 0 rgba(0,0,0,.07);}
.type_13 .block_article:hover{box-shadow: 0 6px 36px 0 rgba(60,60,58,0.2);}
.type_13 .block_article.not_clickable:hover{box-shadow: 0 2px 15px 0 rgba(0,0,0,.07);}
.type_13 .block_article .cc_content .cc_title, .type_5 .block_article .cc_content .cc_excerpt, .type_5 .block_article .cc_content .cc_read_more{padding:0 30px;}
.type_13 .block_article .cc_vignette{position:relative;}
.type_13 .block_article:hover .cc_vignette a:after{font-size:40px;color:#fff;content: '\f067';font-family: 'FontAwesome'; font-weight:300; position:absolute; left:50%;top:50%;transform:translate(-50%, 50%);}
.type_13 .block_article .cc_vignette img{width:100%;max-width:400px;height:auto;}
.type_13 .block_article:hover .cc_vignette img{opacity:0.5;}
.type_13 .block_article.not_clickable:hover .cc_vignette img{opacity:1;}
.type_13 .block_article .cc_content .cc_title{position:relative; min-height: 100px;line-height:100px;}
.type_13 .block_article .cc_content .cc_title h3{font:700 18px/30px 'Montserrat', sans-serif;color:#979797;display: inline-block;line-height: normal;vertical-align: middle;}
.type_13 .block_article .cc_content .cc_title h3 a{color:#314047;}
.type_13 .block_article:hover .cc_content .cc_title h3 a{color:#a3d55f;}
.type_13 .block_article .cc_content .cc_title h3 a:after{content:'';position:absolute; top:0; bottom:0; left:0; right:0;}
/* ------------------------------------------------------------
		NEWSLETTER
------------------------------------------------------------ */

.module_newsletter form{margin:0 auto;}
.module_newsletter form .field_email{}
.module_newsletter form .field_email label{}
.module_newsletter form .field_submit input{padding: 8px 16px;vertical-align: top;border: 2px solid transparent;border-radius: 40px;font:700 16px/24px 'Roboto', sans-serif;text-decoration: none !important;background: #004b88 url(../img/construct/cheat.png) repeat;border-color: #004b88;margin:20px 0;}
.module_newsletter form .field_submit input:hover {color: #004b88;background: transparent;}
.module_newsletter form .registerBox .type_data_information p a{}

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

.content_onglets {margin:40px 0; padding:0; height:1%; overflow:hidden; }
.content_onglets ul.liste_onglets {margin:0; padding:0;position: relative;top: 1px;}
.content_onglets ul.liste_onglets li { float:left; list-style-type:none; padding: 0;}
.content_onglets ul.liste_onglets li:before {content: none;}

.content_onglets ul.liste_onglets li a { color: #757575; font-weight: 700; border: 1px solid #E0E0E0; display:block; padding: 6px 15px; text-align:center; text-decoration:none !important; -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; }

.content_onglets ul.liste_onglets li a:hover,
.content_onglets ul.liste_onglets li.selected a,
.content_onglets ul.liste_onglets li.selected a:hover { border: 1px solid #004b88; background: #004b88; color: #ffffff; }

.content_onglets .wrapper_onglets { background:#fff; clear: both; overflow: hidden; margin: 0; padding: 20px; border:1px solid #E0E0E0; }
.content_onglets div.onglet { display:none; }
.content_onglets div.onglet .no_articles{ margin-left: 15px; margin-right: 15px; }
.content_onglets div.onglet > *:first-child {margin-top: 12px;}
.content_onglets div.selected {display:block}
.content_onglets div.selected p:last-child {margin-bottom: 0; }
.content_onglets table {border: 1px solid #dddddd; border-collapse: collapse; width:100%;}
.content_onglets table td {border: 0; padding: 0 12px; }
.content_onglets table .td-title {padding: 12px 12px 0; text-align: right; font-weight: 700; }
.content_onglets table tr:last-child td:last-child {padding-bottom: 12px; }

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

.content_onglets .wrapper_onglets .tab-footer-nav { display: none; 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;}

/* ------------------------------------------------------------
		SLIDER
------------------------------------------------------------ */

.module_slider *{transition: none;-ms-transition: none;-moz-transition: none;-webkit-transition: none;-o-transition: none;}

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

.block-horaire-hours, .block-horaire-holidays, .block-horaire-special-days {padding: 0;}
.block-horaire-hours {width: 100%;margin-bottom:75px;}
.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:#000000;}
.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;font-weight:700;text-transform:uppercase;font-size:16px;margin:10px 0;clear:both; text-align:center;}
.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 !important;padding:0 10px;width:30%;font-weight: bold;text-transform:uppercase;font-size:12px;}
.horaire-block-hours {float: left;width:70%;margin:5px 0;padding:0 5px;font-size:12px;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;}
.horaire-block-day.current-day {background-color: #e8e8e8; color:#000; overflow:hidden;}
.horaire-block-day.close-day{color:#E55757;}
.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;}
.open{color:#18C449;}
.intermediaire{color:#d47d30;}
.close{color:#E55757;}

/*-----------------------------------------------------------------------------
		MODULE STATIFACTION GLOBAL
--------------------------------------------------------------------------------*/

.star-link,
.star { font-size: 18px; line-height: 24px; display: inline-block; vertical-align: top; }
.star:before { content: '\f005'; font-family: 'FontAwesome'; font-style:normal; color: #efefef; display: block; }
.star-full:before { content: '\f005'; color: #ffd300; font-weight:900;}
.star-link { text-decoration: none !important; }
.star-link .star { display: block; }

.mod_satisfaction_global { background: #f6f6f6; margin: 0 0 24px; overflow: hidden; padding: 12px; }
.mod_satisfaction_global > div { float: left; width: 33.33333%; padding: 12px 12px; }

.mod_sg_certification img { max-width: 100%; width: auto; height: auto; margin: 0 auto 12px; display: block; }
.mod_sg_certification p { margin-bottom: 0; font-size: 13px; line-height: 16px; text-align: center; }

.mod_sg_avg_stars { text-align: center; }
.mod_sg_avg_stars .mod_sg_message p { font-size: 18px; margin: 10px 0 !important; text-transform: uppercase; font-weight: bold; line-height: 28px; }
.mod_sg_avg_stars .mod_sg_message .mod_sg_message-resultat { font-size: 32px; }
.mod_sg_avg_stars .mod_sg_message .mod_sg_message-total { font-weight: normal; }
.mod_sg_avg_stars .mod_sg_stars { margin: 6px 0; }
.mod_sg_avg_stars .mod_sg_stars .star { font-size: 32px; }
.mod_sg_avg_stars .mod_sg_nb_avis p { margin: 0; font-size: 13px; }

.mod_sg_summary_comment_by_note { font-size: 14px; line-height: 24px; }
.mod_sg_summary_comment_by_note table { width: 100%; }
.mod_sg_summary_comment_by_note table td { padding: 2px 0; vertical-align: middle; }
.mod_sg_summary_comment_by_note .mod_sg_number_stars { width: 40px; }
.mod_sg_summary_comment_by_note .mod_sg_proportion_comment { width: 100px; padding:0 0 0 10px; }
.mod_sg_summary_comment_by_note .mod_sg_number_comment_note { width: 100px; text-align: left; padding:0 0 0 20px;}
.mod_sg_summary_comment_by_note .mod_sg_bar_grade_nb{ background: #eeeeee; }
.mod_sg_bar_grade_nb_active { background: #004b88; height: 6px; }


/*---------------------------------------------------------------------------
		Liste des avis clients - list_comment
-----------------------------------------------------------------------------*/

/*Général*/
.mod_list_comment {  }
.mod_lc_no_comment { padding: 1px; background: #f2f2f2; }
.mod_lc_cc_comment { margin-bottom: 24px; background: #f2f2f2; position: relative; overflow: hidden; }
.mod_lc_cc_comment p { margin: 0 !important; }

.mod_lc_cc_comment-left { float: left; width: 25%; text-align: center;  }
.mod_lc_cc_comment-right,
.mod_lc_cc_comment-center { float: right; width: 75%; background: #ffffff; position: relative; }
.mod_lc_cc_comment-center { min-height: 110px; position: relative; }
.mod_lc_cc_comment-center:before { content: ''; position: absolute; top: 12px; left: -12px; width: 0; height: 0; border-top: 12px solid transparent; border-right: 12px solid white; border-bottom: 12px solid transparent; }
.mod_lc_cc_comment-left { padding: 24px 16px; font-size: 13px; }
.mod_lc_cc_comment-right { padding: 12px 0 12px 24px; font-size: 12px; }
.mod_lc_cc_origin { color: #ffffff; margin-left: 4px; text-decoration: none !important; display: inline-block; }
.mod_lc_cc_icon {font-style:normal;}
.mod_lc_cc_icon:before { content: '\f222'; font-family: 'FontAwesome'; font-weight: normal; font-size: 12px; color: white; display: block; background: #666666; width: 20px; line-height: 20px; text-align: center; }
.mod_lc_cc_icon.facebook:before { content: '\f09a'; background: #4267b2; }
.mod_lc_cc_icon.twitter:before { content: '\f099'; background: #1da1f2; }
.mod_lc_cc_icon.pinterest:before { content: '\f231'; background: #bd081c; }
.mod_lc_cc_icon.googlePlus:before { content: '\f1a0'; background: #db4437; }
.mod_lc_cc_icon.linkedin:before { content: '\f0e1'; background: #0073b1; }

/*Left*/
.mod_lc_author { text-transform: uppercase; font: 900 15px/1.16 'Lato', sans-serif; }
.mod_lc_checked_comment_label-box { font-size: 13px; color: #70c738; line-height: 20px; margin-top: 16px; }
.mod_lc_checked_comment_label-box:before { font-size: 1.25em; line-height: inherit; display: inline-block; vertical-align: top; content: '\f058'; font-family: 'FontAwesome'; font-weight:900; }
.mod_lc_report { margin-top: 16px; }
.mod_lc_report a { color: inherit; }

/*Center*/
.mod_lc_cc_comment-title-container { overflow: hidden; padding: 12px 0 12px 0; margin:0 20px; border-bottom: 1px solid #f2f2f2; }
.mod_lc_cc_comment-title { float: left; margin: 0; line-height: 24px; font-size: 21px; }
.mod_lc_stars { float: right; line-height: 24px; }
.mod_lc_comment { padding: 12px 0 12px 24px; font-size: 15px; }

/*Right*/
.mod_lc_cc_comment-right .mod_lc_usefulness_number,
.mod_lc_usefulness { margin-right: 16px; padding:5px 1%; }
.mod_lc_usefulness-ul { padding: 0; margin: 0; font-size: 0; }
.mod_lc_usefulness-ul li { list-style: none; display: inline-block; vertical-align: top; font-size: 13px; margin: 0 4px; }
.mod_lc_usefulness-ul li a { display: block; font-weight: 700; color: #666666; border: 1px solid #dddddd; line-height: 18px; padding: 4px 8px; text-decoration: none !important; }

.mod_lc_usefulness_number,
.mod_lc_usefulness,
.mod_lc_usefulness-ul,
.mod_lc_question_usefulness { display: inline-block; vertical-align: top; line-height: 28px; }

/*-------------------------------------------------------------------------------
		MODULE AVIS DES CLIENTS / Bas de page - mod.avis_comment.php
-------------------------------------------------------------------------------*/

#mod_avis_comment { overflow: hidden; }
.mod_avis_comment_top{ clear: both; position: relative; padding: 8px 0; text-align:center; overflow: hidden; }
.mod_ac_title { float: left; margin: 0; font-size: 24px; text-align:left; color: #314047; padding: 24px 0; line-height: 24px; }
.mod_ac_avis_global{ padding:12px 0;display: inline-block; }
.mod_ac_scoretop,
.mod_ac_score_startop,
.mod_ac_nb_avis{ display: inline-block; line-height: 48px; vertical-align: top; }
.mod_ac_scoretop { font-size: 22px; font-weight: bold; color: #314047; }
.mod_ac_scoretop span { font-size: 32px; font-weight: bold; line-height: inherit; vertical-align: top; display: inline-block; }
.mod_ac_score_startop { margin: 0 8px; padding: 12px 0; line-height: 24px; }
.mod_ac_score_startop .star { font-size: 28px; }
.mod_ac_nb_avis{font-size: 12px;}

.mod_ac_certification { float: right; }
.mod_ac_certification p { float: left; width: 130px; font-size: 12px; line-height: 18px; margin: 0; text-align:left; }
.mod_ac_certification img { float: right; margin: -8px 0 -8px 4px; }

.mod_ac_list_avis { font-size: 0; margin-top: 0px; margin-left: -8px; margin-right: -8px; padding:40px 0; }
.mod_ac_block_avis{ display: inline-block; vertical-align: top; width: 23%; margin: 0 1%; padding: 16px; background: #fff; border: 1px solid #eee; position: relative; min-height: 145px; text-align: center; }

.mod_ac_list_avis .mod_ac_block_avis:first-child{margin:0 1% 0 0;}
.mod_ac_list_avis .mod_ac_block_avis:last-child{margin:0 0 0 1%;}

.avis_symbole{ width: 100%; color: #000; font-size: 64px; line-height: 24px; margin: 36px 0 0; }
.avis_txt{ margin-top: 0px; margin-bottom: 10px; line-height: 24px; font-size: 13px; }
.askSee { display: block; font-size: 14px; }
.avis_pseudo{ font-weight: bold; font-size: 15px; font-weight: 700; margin: 0; }
.boxnote_avis{ margin-top: 8px; height: 20px; }
.boxnote_avis div img{ width: 20px!important; height: 20px !important; }
.boxnote_avis .mod_ac_score{display: none;}

.mod_ac_lien { padding:0;font-size: 0; text-align: center; }
.mod_ac_lien li { display:inline-block; font-size:16px; padding: 0 8px 16px; }
.mod_ac_lien li.mod_ac_lien-left a,
.mod_ac_lien li.mod_ac_lien-center a,
.mod_ac_lien li.mod_ac_lien-right a {display: inline-block;padding: 8px 16px;position: relative;vertical-align: top;border: 2px solid transparent;border-radius: 40px;font:700 14px/20px 'Roboto', sans-serif;text-decoration: none !important;color: #ffffff;background: #004b88;border-color: #004b88;}
.mod_ac_lien li.mod_ac_lien-left a:hover,
.mod_ac_lien li.mod_ac_lien-center a:hover,
.mod_ac_lien li.mod_ac_lien-right a:hover { color: #004b88;background: transparent; }
.mod_ac_lien li.mod_ac_lien-left a:after,
.mod_ac_lien li.mod_ac_lien-center a:after,
.mod_ac_lien li.mod_ac_lien-right a:after { content: '\f061'; font-family: 'FontAwesome'; margin-left: 0.4em; }

p.btn-center {text-align:center;}
p.btn-center a {display: inline-block;padding: 8px 16px;position: relative;vertical-align: top;border: 2px solid transparent;border-radius: 40px;font:700 14px/20px 'Roboto', sans-serif;text-decoration: none !important;color: #ffffff;background: #004b88;border-color: #004b88;}
p.btn-center a:hover { color: #004b88;background: transparent; }
p.btn-center a:after { content: '\f078'; font-family: 'FontAwesome'; margin-left: 0.4em; }

 /*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: 23%;  min-height: 280px;}
.mod_ac_avis_global{float:left;}
.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_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 !important;}
.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;}
.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_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{}
.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{width:100%;clear: both; text-align:left;}
.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: none; position:relative; clear: both; margin:15px auto;}
.mod_ac_block_avis{width: 48%; background:#fff; margin: 1% 0.5% !important; min-height: 175px;}
.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:100%;float:right; margin:8px 0;padding:0 0 0 60px;}
.mod_avis_comment_top .mod_ac_certification img{position: absolute;left: 0;top: 7px;width: 50px !important;height: 50px !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-left p{margin:10px 0 10px 55px; text-align: left; width: auto;}
.mod_sg_avg_stars{width: 100% !important; border-right: none; margin-top: 0; padding: 0 0 15px 0;background: #fff;}
.mod_sg_summary_comment_by_note{width: 100% !important; 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;}

.mod_lc_stars{float:none; margin:10px 0;}

		/*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{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{}
.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;}
}
@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;}
}

/* ------------------------------------------------------------
		LOGO SLIDER
------------------------------------------------------------ */

.lSPrev:before {
	width:30px;
	height:30px;
	line-height:30px;
	display:block;
	content: '\f0d9';
	font-family: 'FontAwesome';
	font-size:15px;
	font-weight:900;
	color:#004b88;
	border-radius: 100%;
	border:1px solid #004b88;
	text-align:center;
}

.lSNext:before {
	width:30px;
	height:30px;
	line-height:30px;
	display:block;
	content:'\f0da';
	font-family: 'FontAwesome';
	font-size:15px;
	font-weight:900;
	color:#004b88;
	border-radius: 100%;
	border:1px solid #004b88;
	text-align:center;
}

.lightSlider:hover .lSPrev:before, .lightSlider:hover .lSNext:before {
	background:#004b88;
	color:#fff;
}

/* ------------------------------------------------------------
		SHARETHIS
------------------------------------------------------------ */	
		
.share_modal {
	position: fixed;
	top: 50%;
	left: 50%;
	max-width: 100%;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	background: #ffffff;
	box-shadow: 0 2px 17px rgba(0,0,0,.17);

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
}

.share_modal * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box; }

.share_show {
	visibility: visible;
}

.share_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.share_show ~ .share_overlay {
	opacity: 1;
	visibility: visible;
}

.share_popup_content {
	color: #fff;
	position: relative;
	border-radius: 3px;
	margin: 0 auto; }
	#shareModal .share_popup_content #share_modal_title {
		margin: 0;
		color: #ffffff;
		background: #314047;
		text-align: left;
		font-size: 16px;
		line-height: 24px;
		font-weight: 700;
		position: relative;
		top: 0;
		padding: 12px 48px 12px 15px; }

.share_popup_content .share_para {
	color: #73556b;
	margin-bottom: 30px;
	text-align: justify;
}

.share_popup_content > div {
	padding: 0px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em; }

.share_popup_content > div p {
	margin: 0;
	color: #666666;
	padding: 0 0 8px;
}

.share_popup_content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.share_popup_content > div ul li {
	padding: 5px 0;
}

.share_popup_content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
	outline: none;
}

#shareModal .share_popup_content .share_close {
	height: 48px;
	width: auto;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9999;
	cursor: pointer;
	font-size: 15px;
	padding: 0 15px 0 0;
	color: white;
	background: none;
	border: none;
	opacity: 1;
	text-align: center; }
	#shareModal .share_popup_content .share_close i {
		line-height: 48px; }
	#shareModal .share_popup_content .share_close:hover { }

#shareModal #share_modal_content {
	padding: 8px 0 15px; }
	#shareModal #share_modal_content form {
		margin: 0;
		padding: 0 15px; }
	#shareModal #share_modal_content form label {
		display: block;
		color: #607D8B;
		width: 100%;
		font-size: 15px;
		line-height: 32px;
		padding: 0;
		text-align: left;
		cursor: pointer; }
	#shareModal #share_modal_content form input,
	#shareModal #share_modal_content form textarea {
		display: block;
		width: 100%;
		padding: 8px 12px;
		border: 1px solid #CFD8DC;
		height: 36px;
		margin: 0 0 8px;
		box-shadow: none;

		line-height: 24px;
		font-size: 15px;
		font-family: inherit;
		text-align: left;

		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none; }
	#shareModal #share_modal_content form textarea {
		height: 140px; }
		#shareModal #share_modal_content form input:focus,
		#shareModal #share_modal_content form textarea:focus {
			border-color: #90A4AE; }
		#shareModal #share_modal_content form input:focus,
		#shareModal #share_modal_content form textarea:focus {
			border-color: #90A4AE; }

#shareModal #share_modal_content form #buttonSendMailShare {
	width: 100%;
	border: none;
	padding: 8px 12px;
	margin-top: 15px;
	border: 2px solid #004b88;
	line-height: 24px;
	border-radius: 40px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background: #004b88;
	outline: none;
	cursor: pointer; }
	#shareModal #share_modal_content form #buttonSendMailShare:hover {
		background: transparent;
		color:#004b88; }

#sharethis { overflow: visible !important; }
#sharethis #shareModal #share_modal_content a.stbarModal {
    display: block;
    padding: 8px 15px;
    color: #546E7A;
    text-align: left;
    text-decoration: none;
    background: none; }
	#sharethis #shareModal #share_modal_content a.stbarModal:before {
	margin: 0 10px 0 0;
    width: 20px;
    display: block;
    float: left;
    text-align: center;}
    #sharethis #shareModal #share_modal_content a.stbarModal:hover {
        background: #eeeeee;
        color: #004b88; }
#sharethis #shareModal #share_modal_content a.stbarModal img {
    margin-right: 15px;
    display:none; }

#sharethis a.stbar {
	overflow: hidden; }

/* Effet blur */
.share_show.share_blur_effect ~ .share_overlay {
	background: rgba(0,0,0,0.4);
}

.share_show.share_blur_effect ~ .container, .share_show.share_blur_effect ~ .bgall{
	/*-webkit-filter: blur(30px);
	-moz-filter: blur(30px);
	filter: blur(30px);*/
}

.share_blur_effect .share_popup_content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.share_show.share_blur_effect ~ .container,
.share_blur_effect .share_popup_content, .share_show.share_blur_effect ~ .bgall {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.share_show.share_blur_effect .share_popup_content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}