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

.table-agenda {width:308px; height:179px; text-align:center; border-collapse: collapse; overflow:hidden; float:right; margin: 0 0 20px 20px;}

#esp_modules .mod_left .mod_encadre .table-agenda {width:100%; height:150px;float:none;margin:0;}	
#esp_modules .mod_right .mod_encadre .table-agenda {width:100%;height:150px;float:none;margin:0;}		

.table-agenda td{border:1px solid #ccc;}

.table-agenda .week_day {background:#ccc; font-weight:bold;}

.table-agenda .month_current {vertical-align:top;}

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

.table-agenda .month_current .navCurrentDate {font-weight:bold; margin: 0 10px 0 10px;}

.table-agenda .month_current .navMonthPrev{background:#d45f27 url(../img/agenda/navMonthPrev.png) center; /*height:13px; width:13px;*/}
.table-agenda .month_current .navMonthNext{background:#d45f27 url(../img/agenda/navMonthNext.png) center; /*height:13px; width:13px;*/}	
.table-agenda .month_current .navMonthPrev img{visibility:hidden;}
.table-agenda .month_current .navMonthNext img{visibility:hidden;}

.table-agenda .month_current .navYearPrev{background: #746458 url(../img/agenda/navYearPrev.png) center; /*height:13px; width:13px;*/}
.table-agenda .month_current .navYearNext{background: #746458 url(../img/agenda/navYearNext.png) center; /*height:13px; width:13px;*/}	
.table-agenda .month_current .navYearPrev img{visibility:hidden;}
.table-agenda .month_current .navYearNext img{visibility:hidden;}

#esp_modules .mod_right .mod_encadre .table-agenda .month_current .navMonthPrev, #esp_modules .mod_right .mod_encadre .table-agenda .month_current .navMonthPrev{background:#d45f27 url(../img/agenda/navMonthPrev2.png) center;}
#esp_modules .mod_right .mod_encadre .table-agenda .month_current .navMonthNext, #esp_modules .mod_right .mod_encadre .table-agenda .month_current .navMonthNext{background:#d45f27 url(../img/agenda/navMonthNext2.png) center;}	
#esp_modules .mod_right .mod_encadre .table-agenda .month_current .navYearPrev, #esp_modules .mod_left .mod_encadre .table-agenda .month_current .navYearPrev{background:#746458 url(../img/agenda/navYearPrev2.png) center;}
#esp_modules .mod_right .mod_encadre .table-agenda .month_current .navYearNext, #esp_modules .mod_left .mod_encadre .table-agenda .month_current .navYearNext{background:#746458 url(../img/agenda/navYearNext2.png) center;}	

.table-agenda .month_current .navMonthPrev a, .table-agenda .month_current .navMonthNext a {color:#f00;}

.day {background:#FFF;}
.day a {text-decoration:none;color:#000;}
.day a:hover {font-weight:bold;}

.out a{text-decoration:none;color:#aaa;}
.out a:hover{font-weight:bold;}

.cal_today {background:#d45f27}
.cal_today a {display:block;width:100%;text-decoration:none;color:#fff;}
.cal_today a:hover {font-weight:bold;}

.cal_event a {font-weight:bold;text-decoration:none;color:#d45f27;}
.cal_event a:hover {color:#A1401A;}

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

.event {background:white; padding:10px 10px 0 10px; border:1px solid #ccc;}
.event .e_date {font-weight:bold; font-style:italic;}

.event .e_title {}
.event .e_title a { display:block; font-weight:bold; text-decoration:none; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc;}
.event .e_title a:hover {font-weight:bold; color:#d45f27;}
	
.event .e_excerpt {}

.event_infos {margin:20px 0 20px 0; padding:10px 10px 10px 0; border-bottom:1px solid #746458; 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;}

/* ------------------------------------------------------------
		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; width: 25%; padding: 5px; text-align: center; }
.galleryType1Photo:nth-child(4n+1) { clear: both; }
.galleryType1Photo a { display: block; overflow: hidden; margin: 0 auto; border: 1px solid #dfdfdf; }
.galleryType1Photo img { max-width: 100%; height: auto; display: block;
-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;}
.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;}

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


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

.content_articles {
	text-align: center;
	font-size: 0;
	margin-left: -4px;
	margin-right: -4px;
}
.cc_description {
	clear: both; }

#display_1 .content_articles { margin: 24px 0 0; }
#display_1 .content_articles article { width: auto; display: block; text-align: left; padding: 0; margin: 0 0 24px; background: white; }
#display_1 .cc_content { clear:both; overflow:hidden; position: relative; padding: 18px 24px 64px 248px; min-height: 242px;
 -webkit-transition: -webkit-box-shadow 0.25s ease-out; -moz-transition: -moz-box-shadow 0.25s ease-out; -ms-transition: -ms-box-shadow 0.25s ease-out; -o-transition: -o-box-shadow 0.25s ease-out; transition: box-shadow 0.25s ease-out; }
#display_1 .cc_content:hover { box-shadow: 3px 5px 17px rgba(28, 59, 78, 0.17); }
#display_1 .cc_vignette { max-width: 200px; position: absolute; top: 21px; left: 24px; }
#display_1 .cc_vignette a { display: block; }
#display_1 .cc_vignette img { display: block; width: 100%; height: auto; }
#display_1 .cc_title { margin: 0 0 15px; }
#display_1 .cc_title h3 { border: none; margin: 0; font-size: 20px; color: #084782; line-height: 1.2; font-weight: 500; }
#display_1 .cc_title h3 a { text-decoration:none; color: #0560a7; }
#display_1 .cc_title h3 a:hover{ color: #1c3b4e; }
#display_1 .cc_excerpt {}
#display_1 .cc_excerpt p { font-size: 15px; margin: 0; }
#display_1 .cc_read_more { position: absolute; right: 24px; bottom: 24px; }
#display_1 .cc_read_more a { display: inline-block; font-family: 'Heebo', sans-serif; font-weight: 700; text-transform: uppercase; padding: 2px 10px; font-size: 14px; line-height: 20px; color: #0560a7; background: none; }
#display_1 .cc_read_more a:hover { color: #055594; text-decoration: none; }

#display_2 .content_articles { margin-left: -15px; margin-right: -15px; }
#display_2 .cc_content { float: left; width: 25%; padding: 0 15px; margin-bottom: 15px; }
#display_2 .cc_content a {display: block; }
#display_2 .cc_content img { margin:0; max-width: 100%; height: auto; display: block; position: relative; overflow: hidden; border-radius: 30px 30px 0 30px; }

#display_3 .content_articles { margin: 24px 0 0; }
#display_3 .content_articles article { width: auto; display: block; text-align: left; padding: 0; margin: 0 0 24px; background: white; }
#display_3 .cc_content { padding: 24px; }
#display_3 .cc_content .slider-container { margin-bottom: 24px; padding-bottom: 56.25%; }
#display_3 .cc_title h3 { border: none; padding: 0 0 24px; color:#000; margin: 0; text-align: center; display: block; }
#display_3 .cc_title h3 a {text-decoration:none; display: block; }
#display_3 .cc_title h3 a:hover{ color: #1c3b4e; text-decoration:none;}
#display_3 .cc_excerpt { font-size: 1rem; }
#display_3 .cc_excerpt .block-geoip-article-distance { text-align: center; font-weight: 700; color: #ec2123; padding: 8px 0; }
#display_3 .cc_excerpt .block-geoip-article-distance:before { content: '\f1ab'; margin-right: 5px; display: inline-block; font-family: 'Material-Design-Iconic-Font'; }
#display_3 .cc_excerpt p:first-child { margin-top: 0; }
#display_3 .cc_read_more { margin-top: 12px; text-align: right; font-size: 13px; }
#display_3 .cc_read_more a { display: inline-block; padding: 2px 10px; line-height: 20px; color: #ffffff; background: #0560a7; }
#display_3 .cc_read_more a:hover { color: #222222; background: #055594; text-decoration: none; }

#display_4 .content_articles { text-align: center; font-size: 0; margin-top: 16px; margin-left: -6px; margin-right: -6px; }
#display_4 .content_articles article { display: inline-block; vertical-align: top; margin: 0 0 32px; padding: 0 6px; width: 50%; position: relative; }
#display_4 .cc_content { margin: 0; padding: 0 0 24px; width: auto; position: relative; background: #ffffff; }
#display_4 .cc_vignette { background: #1c3b4e; overflow: hidden; margin: 0 0 16px; }
#display_4 .cc_vignette a { display: block; position: relative; }
#display_4 .cc_vignette a:after { content: "\e905"; width: 48px; font-family: 'icomoon'; color: #fff; font-size: 36px; text-align: center; height: 48px; line-height: 46px; border: 2px solid #fff; border-radius: 5px 5px 0 5px; position: absolute; z-index: 2; top: 50%; left: 50%; margin-left: -24px; margin-top: -24px; opacity: 0;
	-webkit-transition: opacity 0.25s 0.15s ease-out; -moz-transition: opacity 0.25s 0.15s ease-out; -ms-transition: opacity 0.25s 0.15s ease-out; -o-transition: opacity 0.25s 0.15s ease-out; transition: opacity 0.25s 0.15s ease-out; }
#display_4 .cc_vignette img { display: block; width: 100%; height: auto; opacity: 1;
	-webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); -o-transform: scale3d(1,1,1); transform: scale3d(1,1,1);
	-webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; }
#display_4 .cc_title { margin: 0; }
#display_4 .cc_title h3 { padding: 0; min-height: 64px; font-size: 19px; text-align: center; font-weight: 700; margin: 0; color: #1c3b4e; text-transform: uppercase; line-height: 20px; font-family: 'Exo 2', sans-serif; }
#display_4 .cc_title h3 a { display: block; color: inherit; padding: 12px 12px; color: #0560a7; }
#display_4 .cc_excerpt { min-height: 90px; font-size: 14px; padding: 0 24px; color: #1c3b4e; font-weight: 300; text-align: center; line-height: 18px; }
#display_4 .cc_excerpt p { margin: 0; }
#display_4 .cc_read_more { font-size: 14px; text-align: right; padding: 12px 24px 0; }
#display_4 .cc_read_more a {}
#display_4 .clear { display: none; }
#display_4 .cc_content:hover .cc_vignette a:after { opacity: 1; }
#display_4 .cc_content:hover .cc_vignette a img { opacity: 0.4; }
#display_4 .cc_content:hover .cc_title h3 a { color: #1c3b4e; text-decoration: none; }
@media(min-width:1600px){
	#display_4 .content_articles { margin-left: -194px; margin-right: -194px; }
	#display_4 .content_articles article { width: 33.333333%; }
}

#display_5 .content_articles { text-align: center; font-size: 0; margin-top: 16px; margin-left: -6px; margin-right: -6px; }
#display_5 .content_articles article { display: inline-block; vertical-align: top; margin: 0 0 32px; padding: 0 6px; width: 33.33333%; position: relative; }
#display_5 .cc_content { margin: 0; padding: 0; width: auto; position: relative; background: #ffffff; }
#display_5 .cc_vignette { background: #1c3b4e; overflow: hidden; }
#display_5 .cc_vignette a { display: block; position: relative; }
#display_5 .cc_vignette a:before { content: ''; position: absolute; width: 100%; left: 0; bottom: 0; height: 84px; z-index: 30;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
#display_5 .cc_vignette a:after { content: "\e905"; width: 48px; font-family: 'icomoon'; color: #fff; font-size: 36px; text-align: center; height: 48px; line-height: 46px; border: 2px solid #fff; border-radius: 5px 5px 0 5px; position: absolute; z-index: 2; top: 50%; left: 50%; margin-left: -24px; margin-top: -24px; opacity: 0;
	-webkit-transition: opacity 0.25s 0.15s ease-out; -moz-transition: opacity 0.25s 0.15s ease-out; -ms-transition: opacity 0.25s 0.15s ease-out; -o-transition: opacity 0.25s 0.15s ease-out; transition: opacity 0.25s 0.15s ease-out; }
	#display_5 .cc_content:hover .cc_vignette a:after {
		opacity: 1; }
#display_5 .cc_vignette img { display: block; width: 100%; height: auto; opacity: 1;
	-webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); -o-transform: scale3d(1,1,1); transform: scale3d(1,1,1);
	-webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; }
#display_5 .cc_content:hover .cc_vignette a img { opacity: 0.4; }
#display_5 .cc_title {
	margin: 0; }
#display_5 .cc_title h3 { padding: 0 0 8px; min-height: 60px; letter-spacing: -0.025rem; font-size: 16px; text-align: center; font-weight: 700; margin: 0; color: #1c3b4e; line-height: 20px; font-family: 'Exo 2', sans-serif; }
#display_5 .cc_title h3 a { display: block; color: inherit; padding: 6px 12px; }
#display_5 .cc_content:hover .cc_title h3 a { color: #0560a7; text-decoration: none; }
#display_5 .cc_read_more { font-size: 14px; text-align: right; padding: 12px 24px 0; }
#display_5 .cc_read_more a {}
#display_5 .clear { display: none; }

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

#display_8 .content_articles { text-align: center; font-size: 0; margin-top: 16px; margin-left: -6px; margin-right: -6px; }
#display_8 .content_articles article { display: inline-block; vertical-align: top; margin: 0 0 32px; padding: 0 6px; width: 50%; position: relative; }
#display_8 .cc_content { margin: 0; padding: 0 0 24px; width: auto; position: relative; background: #ffffff; }
#display_8 .cc_vignette { background: #1c3b4e; overflow: hidden; }
#display_8 .cc_vignette a { display: block; position: relative; }
#display_8 .cc_vignette a:before { content: ''; position: absolute; width: 100%; left: 0; bottom: 0; height: 84px; z-index: 30;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
#display_8 .cc_vignette a:after { content: "\e905"; width: 48px; font-family: 'icomoon'; color: #fff; font-size: 36px; text-align: center; height: 48px; line-height: 46px; border: 2px solid #fff; border-radius: 5px 5px 0 5px; position: absolute; z-index: 2; top: 50%; left: 50%; margin-left: -24px; margin-top: -24px; opacity: 0;
	-webkit-transition: opacity 0.25s 0.15s ease-out; -moz-transition: opacity 0.25s 0.15s ease-out; -ms-transition: opacity 0.25s 0.15s ease-out; -o-transition: opacity 0.25s 0.15s ease-out; transition: opacity 0.25s 0.15s ease-out; }
	#display_8 .cc_content:hover .cc_vignette a:after {
		opacity: 1; }
#display_8 .cc_vignette img { display: block; width: 100%; height: auto; opacity: 1;
	-webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); -o-transform: scale3d(1,1,1); transform: scale3d(1,1,1);
	-webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; }
#display_8 .cc_content:hover .cc_vignette a img { opacity: 0.4; }
#display_8 .cc_title {
	margin: 0; }
#display_8 .cc_title h3 { padding: 0 12px 8px; min-height: 60px; font-size: 17px; text-align: center; font-weight: 700; margin: 0; color: #1c3b4e; text-transform: uppercase; line-height: 20px; font-family: 'Exo 2', sans-serif; letter-spacing: 1px; }
#display_8 .cc_title h3 a { display: block; color: inherit; padding: 6px 12px; }
#display_8 .cc_excerpt { min-height: 90px; font-size: 14px; padding: 0 24px; color: #1c3b4e; font-weight: 300; text-align: center; line-height: 18px; }
#display_8 .cc_excerpt p { margin: 0; }
#display_8 .cc_content:hover .cc_title h3 a { color: #0560a7; text-decoration: none; }
#display_8 .cc_read_more { font-size: 14px; text-align: right; padding: 12px 24px 0; }
#display_8 .cc_read_more a {}
#display_8 .clear { display: none; }

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

#display_10 .cc_content { margin: 15px 0 0; padding: 0 15px; width: 33.333333%; float: left; position: relative; }
#display_10 .cc_vignette { border: 1px solid #e8e8e8; overflow: hidden; }
#display_10 .cc_vignette a { display: block; position: relative; }
#display_10 .cc_vignette img { display: block; width: 100%; height: auto; }
#display_10 .cc_content:hover .cc_vignette img { }
#display_10 .cc_title {
	margin: 0;
	position: absolute;
	bottom: 10%;
	left: 30px;
	right: 30px;
	-webkit-transition: bottom .3s ease-out;
	-moz-transition: 	bottom .3s ease-out;
	-ms-transition: 	bottom .3s ease-out;
	-o-transition: 		bottom .3s ease-out;
	transition: 		bottom .3s ease-out; }
#display_10 .cc_title h3 { border: none; font-size: 17px; width: 100%; height: 100%; text-align: center; font-weight: 400; margin: 0; color: #333333; line-height: 24px; font-family: 'Heebo', sans-serif; text-transform: uppercase; }
#display_10 .cc_title h3 a {
	display: inline-block;
	color: inherit;
	padding: 6px 12px;
	border: 1px solid #e6e6e6;
	background: url('../img/_construct/bg-mic.jpg') repeat; }
#display_10 .cc_content:hover .cc_title { bottom: 12%; }
#display_10 .cc_content:hover .cc_title h3 a { color: inherit; text-decoration: none; }
#display_10 .cc_read_more {display:none;}
#display_10 .cc_read_more a {}
#display_10 .clear { display: none; }


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

.type_1 { width: auto; position: relative; display: block; text-align: left;  margin: 0 0 24px; background: white; clear:both; overflow:hidden; position: relative; padding: 18px 24px 24px 248px; min-height: 186px;
 -webkit-transition: -webkit-box-shadow 0.25s ease-out; -moz-transition: -moz-box-shadow 0.25s ease-out; -ms-transition: -ms-box-shadow 0.25s ease-out; -o-transition: -o-box-shadow 0.25s ease-out; transition: box-shadow 0.25s ease-out; }
.type_1:hover { box-shadow: 3px 5px 17px rgba(28, 59, 78, 0.17); }
.type_1 .cc_vignette { max-width: 200px; position: absolute; top: 21px; left: 24px; }
.type_1 .cc_vignette a { display: block; }
.type_1 .cc_vignette img { display: block; width: 100%; height: auto; }
.type_1 .cc_title { margin: 0 0 15px; }
.type_1 .cc_title h3 { border: none; margin: 0; font-size: 20px; color: #084782; line-height: 1.2; font-weight: 500; }
.type_1 .cc_title h3 a { text-decoration:none; color: #0560a7; }
.type_1 .cc_title h3 a:hover{ color: #1c3b4e; }
.type_1 .cc_excerpt {}
.type_1 .cc_excerpt p { font-size: 15px; margin: 8px 0 0; }
.type_1 .cc_read_more { text-align: right; }
.type_1 .cc_read_more a { display: inline-block; padding: 2px 10px; font-size: 13px; margin-top: 12px; line-height: 20px; color: #ffffff; background: #0560a7; }
.type_1 .cc_read_more a:hover { border-color: #909090; color: #222222; text-decoration: none; }
.type_1 .clear { display: none; }

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

.type_3 {margin: 0; padding: 0; clear:both; overflow:hidden;}
.type_3 .cc_vignette 		{display: block;}
.type_3 .cc_vignette a 		{display: block;margin: 0 20px 0 0;}
.type_3 .cc_vignette a img  {border: 2px solid #CCC; float: left; display: block;}
.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 {}

.type_4 {margin: 0 0 20px 0; padding: 0 0 10px 0;  clear:both; overflow:hidden;}
.type_4 .cc_excerpt img {border: 2px 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 { margin: 0; padding: 0 0 20px; width: auto; position: relative; background: #ffffff;
 -webkit-transition: -webkit-box-shadow 0.25s ease-out; -moz-transition: -moz-box-shadow 0.25s ease-out; -ms-transition: -ms-box-shadow 0.25s ease-out; -o-transition: -o-box-shadow 0.25s ease-out; transition: box-shadow 0.25s ease-out; }
.type_5:hover { box-shadow: 3px 5px 17px rgba(28, 59, 78, 0.10); }
.type_5 .cc_vignette {overflow: hidden; }
.type_5 .cc_vignette a { display: block; position: relative; }
.type_5 .cc_vignette a:before { content: ''; position: absolute; width: 100%; left: 0; bottom: 200px; height: 84px; z-index: 30;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.type_5 .cc_vignette a:after { content: "\e905"; width: 48px; font-family: 'icomoon'; color: #fff; font-size: 36px; text-align: center; height: 48px; line-height: 46px; border: 2px solid #fff; border-radius: 5px 5px 0 5px; position: absolute; z-index: 2; top: 50%; left: 50%; margin-left: -24px; margin-top: -24px; opacity: 0;
	-webkit-transition: opacity 0.25s 0.15s ease-out; -moz-transition: opacity 0.25s 0.15s ease-out; -ms-transition: opacity 0.25s 0.15s ease-out; -o-transition: opacity 0.25s 0.15s ease-out; transition: opacity 0.25s 0.15s ease-out; }
	.type_5:hover .cc_vignette a:after {
		opacity: 1; }
.type_5 .cc_vignette img { display: block; width: 100%; height: auto; opacity: 1;
	-webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); -o-transform: scale3d(1,1,1); transform: scale3d(1,1,1);
	-webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; }
.type_5:hover .cc_vignette a img { opacity: 0.4; }
.type_5 .cc_title { margin: 0; }
.type_5 .cc_title h3 { padding: 12px 0 0; font-size: 21px; text-align: center; font-weight: 700; margin: 0; color: #0560a7; text-transform: uppercase; line-height: 24px; font-family: 'Exo 2', sans-serif; letter-spacing: 1px; }
.type_5 .cc_title h3 a { display: block; color: inherit; padding: 6px 12px; }
.type_5:hover .cc_title h3 a { color: #1c3b4e; text-decoration: none; }
.type_5 .clear { display: none; }

.type_6 {}
.type_6 .cc_title {margin: 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;}

.content_articles { text-align: center; font-size: 0; margin-left: -6px; margin-right: -6px; }
.content_articles article { display: inline-block; vertical-align: top; margin: 0 0 8px; padding: 0 6px; width: 50%; position: relative; }
.type_8 { margin: 0 0 24px; padding: 0 0 24px; width: auto; position: relative; background: #ffffff; }
.type_8:hover { margin: 0; padding: 0 0 24px; width: auto; position: relative; background: #ffffff; }
.type_8 .cc_vignette { background: #1c3b4e; overflow: hidden; }
.type_8 .cc_vignette a { display: block; position: relative; }
.type_8 .cc_vignette a:before { content: ''; position: absolute; width: 100%; left: 0; bottom: 0; height: 84px; z-index: 30;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.type_8 .cc_vignette a:after { content: "\e905"; width: 48px; font-family: 'icomoon'; color: #fff; font-size: 36px; text-align: center; height: 48px; line-height: 46px; border: 2px solid #fff; border-radius: 5px 5px 0 5px; position: absolute; z-index: 2; top: 50%; left: 50%; margin-left: -24px; margin-top: -24px; opacity: 0;
	-webkit-transition: opacity 0.25s 0.15s ease-out; -moz-transition: opacity 0.25s 0.15s ease-out; -ms-transition: opacity 0.25s 0.15s ease-out; -o-transition: opacity 0.25s 0.15s ease-out; transition: opacity 0.25s 0.15s ease-out; }
	.type_8:hover .cc_vignette a:after {
		opacity: 1; }
.type_8 .cc_vignette img { display: block; width: 100%; height: auto; opacity: 1;
	-webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; }
.type_8:hover .cc_vignette a img { opacity: 0.4; }
.type_8 .cc_title {
	margin: 0; }
.type_8 .cc_title h3 { min-height: 60px; padding: 0 12px 8px; font-size: 17px; text-align: center; font-weight: 700; margin: 0; color: #1c3b4e; text-transform: uppercase; line-height: 20px; font-family: 'Exo 2', sans-serif; letter-spacing: 1px; }
.type_8 .cc_title h3 a { display: block; color: #0560a7; padding: 6px 12px; }
.type_8 .cc_title h3 a:hover { text-decoration: none; }
.type_8 .cc_excerpt { min-height: 114px; font-size: 14px; padding: 0 24px; color: #1c3b4e; font-weight: 300; text-align: center; line-height: 18px; }
.type_8 .cc_excerpt p { margin: 0; }
.type_8 .cc_read_more { font-size: 0.85rem; text-align: right; padding: 0 24px;}
.type_8 .cc_read_more a {}
.type_8 .clear { display: none; }

.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 { margin: 15px 0 0; padding: 0 15px; width: 33.333333%; float: left; position: relative; }
.type_10 .cc_vignette { border: 1px solid #e8e8e8; overflow: hidden; }
.type_10 .cc_vignette a { display: block; position: relative; }
.type_10 .cc_vignette img { display: block; width: 100%; height: auto; }
.type_10:hover .cc_vignette img { }
.type_10 .cc_title {
	margin: 0;
	position: absolute;
	bottom: 10%;
	left: 15px;
	right: 15px;

	-webkit-transition: bottom .3s ease-out;
	-moz-transition: 	bottom .3s ease-out;
	-ms-transition: 	bottom .3s ease-out;
	-o-transition: 		bottom .3s ease-out;
	transition: 		bottom .3s ease-out; }
.type_10 .cc_title h3 { font-size: 17px; border: none; width: 100%; height: 100%; text-align: center; font-weight: 400; margin: 0; color: #333333; line-height: 24px; font-family: 'Heebo', sans-serif; text-transform: uppercase; }
.type_10 .cc_title h3 a {
	display: inline-block;
	color: inherit;
	padding: 6px 12px;
	border: 1px solid #e6e6e6;
	background: url('../img/_construct/bg-mic.jpg') repeat; }
.type_10:hover .cc_title { bottom: 12%; }
.type_10:hover .cc_title h3 a { color: inherit; text-decoration: none; }
.type_10 .cc_read_more {display:none;}
.type_10 .cc_read_more a {}
.type_10 .clear { display: none; }


.type_13 {
    margin: 0; 
    width: auto; 
    position: relative; 
    background: #ffffff;

    -webkit-transition: -webkit-box-shadow 0.25s ease-out; 
    -moz-transition: -moz-box-shadow 0.25s ease-out; 
    -ms-transition: -ms-box-shadow 0.25s ease-out; 
    -o-transition: -o-box-shadow 0.25s ease-out; 
    transition: box-shadow 0.25s ease-out; 
}
/*
.type_13:hover { 
    box-shadow: 3px 5px 17px rgba(28, 59, 78, 0.10); 
}
*/
.type_13 .cc_vignette {
    overflow: hidden; }
.type_13 .cc_vignette a { 
    display: block; 
    position: relative;  }
	/*.type_13 .cc_vignette a:before { 
	    content: ''; 
	    position: absolute; 
	    width: 100%; 
	    left: 0; 
	    top: 0; 
	    height: 84px; 
	    z-index: 30;
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }*/
	.type_13 .cc_vignette a:after { 
	    width: 100px;  
	    height: 100px; 
	    font-family: 'icomoon'; 
	    color: #fff; 
	    font-size: 88px; 
	    text-align: center; 
	    line-height: 100px; 
	    background-color:#1c3b4e; 
	    border-radius: 10px; 
	    position: absolute; 
	    z-index: 2; 
	    top: 50%; 
	    left: 50%; 
	    margin-left: -50px; 
	    margin-top: -50px; }
		.type_13.construction .cc_vignette a:after { content: "\e907";}
		.type_13.renovation .cc_vignette a:after { content: "\e903";}
		.type_13.interieur .cc_vignette a:after { content: "\e901";}
		.type_13.exterieur .cc_vignette a:after { content: "\e906";}

.type_13 .cc_vignette img { 
    display: block; 
    width: 100%; 
    height: auto; 
    opacity: 1;
	-webkit-transform: scale3d(1,1,1);
    -moz-transform: scale3d(1,1,1);
    -ms-transform: scale3d(1,1,1);
    -o-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);

	-webkit-transition: opacity 0.25s ease-out; 
    -moz-transition: opacity 0.25s ease-out; 
    -ms-transition: opacity 0.25s ease-out; 
    -o-transition: opacity 0.25s ease-out; 
    transition: opacity 0.25s ease-out; }
	.type_13 .cc_vignette a img { 
	    opacity: 0.66; }
		.type_13:hover .cc_vignette a img { 
		    opacity: 1; }
.type_13 .cc_title { 
    margin: 0;
    min-height:86px; }
.type_13 .cc_title h3 { 
    padding: 12px 0 0; 
    font-size: 21px; 
    text-align: center; 
    font-weight: 700; 
    margin: 0; 
    color: #0560a7; 
    text-transform: uppercase; 
    line-height: 24px; 
    font-family: 'Exo 2', sans-serif; 
    letter-spacing: 1px; 
}
.type_13 .cc_title h3 a { 
    display: block; 
    color: inherit;
    text-decoration: none;
    padding: 6px 31px 20px; 
}
.type_13:hover .cc_title h3 a {
	color: #1c3b4e; text-decoration: none;
}
.type_13 .clear { 
    display: none; 
}
.type_13 .cc_excerpt .type_6 { 
    display: none;
}

/* ------------------------------------------------------------
		NEWSLETTER
------------------------------------------------------------ */

.registerBox{ background-color: white;}
.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: 30px -24px; box-shadow: 1px 2px 17px rgba(0,0,0, 0.17); overflow: hidden; }
.content_onglets ul.liste_onglets {margin:0; font-size: 0; padding:0; background: white; border-bottom: 1px solid #dddddd; text-align: center; }
.content_onglets ul.liste_onglets li { display: inline-block; font-size: 1rem; vertical-align: top; list-style-type:none; margin:0 !important; padding:0;}
.content_onglets ul.liste_onglets li:before { content: none; }
.content_onglets ul.liste_onglets li a { font-weight: 700; color:#1c3b4e; display:block; border-bottom: 3px solid transparent; padding: 12px 12px 9px; text-transform: uppercase; text-align:center; text-decoration:none;
 -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.content_onglets ul.liste_onglets li.selected a { color: #0560a7; border-color: #0560a7;}

.content_onglets .wrapper_onglets { padding: 30px; margin: 0; background: white; }
.content_onglets div.onglet {display:none}
.content_onglets div.onglet > *:first-child {margin-top: 0;}
.content_onglets div.selected {display:block}
.content_onglets div.selected p:last-child {margin-bottom: 0; }

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

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

/* ------ SPAN CONTENT LEFT/RIGHT ------ */

.img-content-right img,
.img-content-left img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto; }


.block-your-position {
	margin-bottom: 15px; }
.block-your-position a {
	display: inline-block;
	line-height: 30px;
	vertical-align: top;
	color: #666666; }
.block-your-position a:hover {
	text-decoration: none; }

.block-your-position span.icon-position { 
	margin: 0 5px 0 0; }
.block-your-position span.icon-loc-info {
	margin: 0 0 0 5px;
	position: relative;
	top: 2px; }

#form-change-localisation-light {
	max-width: initial;
	overflow: hidden;
	margin-bottom: 15px; }
#s2id_zip-light {
	float: left;
	width: 100% !important;
	max-width: 360px; }
.select2-container .select2-choice {
	height: 32px !important; }
#form-change-localisation-light .submit-button {
	float: left;
	margin-left: 30px;
	width: auto;
	color: white;
	min-height: 32px;
	border: none;
	border-radius: 0;
	background: #ec2123;
	padding: 0 30px; }

.vignette-window-map {
	display: none; }

.title-window-map {
	font-size: 2.5em;
	margin-top: 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%; background: #eaeaea; float: left; clear: both; padding: 20px 1% 10px;
margin-top: 72px;}
.mod_avis_comment_top{width: 100%;  float: left; clear: both; position: relative; margin-bottom: 10px;}
.mod_ac_title{width: 30%; float: left; margin: 0; }
.mod_ac_avis_global{width: 360px; float: left; margin-top: 15px /*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: 0px 10px 0 10px; line-height: 50px;}
.mod_ac_nb_avis{font-size: 12px; line-height: 60px}

.mod_avis_comment_top .mod_ac_certification p { float: right; width: 130px; font-size: 12px; line-height: 18px; margin-top: 2px;}
.mod_avis_comment_top .mod_ac_certification img { float: right; margin-right: 20px;}

.mod_ac_list_avis{
	clear: both;
	float: left;
	margin-top: 0px;
	margin-bottom: 5px;
	width: 100%;
}
.mod_ac_block_avis{ 
	float: left;
	width: 24.2%;
	padding: 2% 1% 5% 2%;
	background: #fff;
	border: 1px solid #ccc;
	position: relative;
	min-height: 145px;
	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: 30px;
	font-size:15px;
}
.avis_pseudo{font-weight: bold; font-size: 15px; }
.boxnote_avis{ width: 86%;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; display: flex; justify-content: space-between;padding-top: 20px;
font-size: 16px;text-transform: uppercase;letter-spacing: 1px;line-height: 24px;padding-bottom: 20px;}
.mod_ac_lien-left a{clear: both;position: relative;padding: 16px 32px;overflow: hidden;color: #ffeed7;background: #df2727;-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, background-position .2s ease-in-out;-moz-transition: color .2s ease-in-out, background-color .2s ease-in-out, background-position .2s ease-in-out;-ms-transition: color .2s ease-in-out, background-color .2s ease-in-out, background-position .2s ease-in-out;-o-transition: color .2s ease-in-out, background-color .2s ease-in-out, background-position .2s ease-in-out;transition: color .2s ease-in-out, background-color .2s ease-in-out, background-position .2s ease-in-out;}
.mod_ac_lien-right a{position: absolute; right: 0;padding: 16px 32px;position: relative;overflow: hidden;color: #ffeed7;background: #df2727;-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, background-position .2s ease-in-out;-moz-transition: color .2s ease-in-out, background-color .2s ease-in-out, background-position .2s ease-in-out;-ms-transition: color .2s ease-in-out, background-color .2s ease-in-out, background-position .2s ease-in-out;-o-transition: color .2s ease-in-out, background-color .2s ease-in-out, background-position .2s ease-in-out;transition: color .2s ease-in-out, background-color .2s ease-in-out, background-position .2s ease-in-out;}


/*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 { background: #fff; margin: 0 auto; margin: 20px 0 30px; 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-top: 12px; 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_star { margin-top: 15px; }
.mod_sg_avg_stars .mod_sg_stars { margin: 6px 0; }
.mod_sg_avg_stars .mod_sg_stars img { max-width: 26px; height: auto; }
.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-bottom: 6px; }
.mod_sg_summary_comment_by_note .mod_sg_number_stars { width: 32px; }
.mod_sg_summary_comment_by_note .mod_sg_proportion_comment { vertical-align: middle; }
.mod_sg_summary_comment_by_note .mod_sg_number_comment_note { width: 48px; text-align: right; }
.mod_sg_summary_comment_by_note .mod_sg_bar_grade_nb{ background: #eeeeee; }
.mod_sg_bar_grade_nb_active { background: #ffd139; height: 6px; }

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

/*Espace général*/
.mod_list_comment {  }
.mod_lc_cc_comment { margin-bottom: 20px; position: relative; overflow: hidden; }

.mod_lc_cc_comment-left { float: left; width: 30%; padding-top: 12px; text-align: center; }
.mod_lc_cc_comment-center { float: right; width: 70%; min-height: 168px; background: #fff; padding: 24px 24px; position: relative; }
.mod_lc_cc_comment-right { clear: left; width: 30%; text-align: center; }
.mod_lc_cc_comment-left, .mod_lc_cc_comment-right { padding: 12px 12px 12px 0; }

/*Left*/

.mod_lc_cc_comment-left .mod_lc_cc_commenttxtcenter { margin: 0; }
.mod_lc_cc_comment-left .mod_lc_cc_commenttxtcenterdate {  }
.mod_lc_cc_comment-left .mod_lc_cc_comment .added_by span { font-size: 16px; font-weight: bold; color: #515151; }
.mod_lc_cc_comment-left .mod_lc_cc_commentimgenquete, .mod_lc_check_comment_img { vertical-align: top; padding: 0 3px 0 0; } /*+ img avis vérifié*/
.mod_lc_cc_comment-left .mod_lc_cc_commentimgenquete { padding-top: 0px; }
.mod_lc_cc_comment-left .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 { text-align: center; 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; padding-top: 6px; }
.mod_lc_question_usefulness { color: #515151; margin: 0 0 6px; }
.mod_lc_usefulness img { width: 20px; height:20px; vertical-align: sub; display: none;}

.mod_lc_cc_comment-right .mod_lc_usefulness-ul { text-align: center; padding: 0 0 12px; margin: 0; }
.mod_lc_cc_comment-right .mod_lc_usefulness-ul li { display: inline-block; list-style: none; margin: 0 4px !important; padding: 0 !important; }
.mod_lc_cc_comment-right .mod_lc_usefulness-ul li:before { content: none !important; }
.mod_lc_cc_comment-right .mod_lc_usefulness-ul li a { min-width: 48px; color: #515151; -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: block;}
.mod_lc_cc_comment-right .mod_lc_usefulness-ul li a:hover { background: #515151; color: #fff;}

.mod_lc_report { color: #515151; clear: left; }
.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 { font-size: 11px; color: #515151; }
.mod_lc_report .mod_lc_report_comment:hover{text-decoration: none; }
/*Centre*/
.mod_lc_checked_comment_label-box { font-size: 13px; }
.mod_lc_checked_comment_label-box span { color: #9b0; }
.mod_lc_cc_comment-center-fleche { position: absolute; left: -14px; top:22px; }
.mod_list_comment .mod_lc_cc_comment .mod_lc_grade { float: left; margin-top: 6px; padding-right: 6px; line-height: inherit; height: 16px; }
.mod_lc_cc_comment .mod_lc_comment { font-size: 16px; line-height: 1.5; }
.mod_lc_cc_comment .mod_lc_comment p { margin: 0; }
.mod_lc_cc_comment-center-etoile-titre {  }
.mod_lc_title_comment {  }
.mod_lc_cc_comment-center-etoile-titre span { padding-right: 6px; font-weight: normal; float: left; }
.mod_list_comment .mod_lc_cc_comment .mod_lc_grade img{ width: 16px; height: 16px; vertical-align: top; }
.mod_lc_cc_ref{float: left; clear: both;}
.mod_lc_cc_ref p {margin: 0; font-weight: bold; font-size: 13px;}
.mod_lc_cc_ref p a { font-weight: normal; color: #3c71aa; }
.mod_lc_cc_comment-via {  }
.mod_lc_related_article { display: none; color: #6c6b6b; font-weight: bold; font-size: 14px; margin-top: 6px; }
#page_avis .mod_lc_related_article { display: block; }
.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: 0 0 6px; } /*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%; }

.mod_form_ajout_comment form { margin-top: 0; padding-right: 12px; }

.mod_ajout_comment tbody tr .box-input { padding-bottom: 10px; }
.choix-etoile{}
.choix-etoile .block-select-grade_add-comment { padding-top: 10px; }
.choix-etoile .block-select-grade_add-comment .a-form-stars_add-comment { float: left; padding-right: 2px; }
.choix-etoile .block-select-grade_add-comment .a-form-stars_add-comment img { display: block; max-width: 18px; }
.mod_ajout_comment tbody tr .label span, .champ-obligatoire span { margin: 10px 0 0 0; font-size: 12px; color: #e8311e; }
.labelchoix-etoile { float: left; }
.labelchoix-etoile label { float: left; }
.box-input { clear: both; float: left; width: 100%; }

.box-input input { padding: 10px 2%; font-size: 14px; }


.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;}

#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*/

/*---------------------------------------------------------------
		MODULE AVIS CLIENT
----------------------------------------------------------------*/
 
@media(max-width:2000px){
     .type_13 .cc_title h3{
        font-size:21px;
    }
    .type_13 .cc_title{
        max-height:50px;
    }
}
@media(max-width:1199px){
	.mod_sg_avg_stars .mod_sg_message p {
		font-size: 16px; }
   
}

@media(max-width:991px){
	.mod_list_comment .mod_lc_cc_comment .mod_lc_grade {
		float: none; margin-top: 0; margin-bottom: 6px; }

	.mod_satisfaction_global > div {
		width: auto;
		float: none;
		max-width: 400px;
		margin: 0 auto; }

	.mod_form_ajout_comment form {
		padding: 0;
		margin-top: 24px; }
}

@media (max-width: 767px){
	.mod_lc_cc_comment {
		overflow: visible;
	}

	.mod_lc_cc_comment-left,
	.mod_lc_cc_comment-right {
		float: none;
		width: auto;
		padding: 12px 0; }
	.mod_lc_cc_comment-right {
		background: #ffffff;
		border-top: 3px #f6f6f6 solid; }

	.mod_lc_cc_comment-center,
	.mod_lc_cc_comment-right {
		box-shadow: 0 -2px 11px rgba(0,0,0,0.1); }

	.mod_lc_cc_comment-center {
		float: none;
		width: auto; }
	.mod_lc_cc_comment-center-fleche {
		left: 50%;
		top: -20px;
		margin-left: -7px;

		-webkit-transform: 	rotate(90deg);
		-moz-transform: 	rotate(90deg);
		-ms-transform: 		rotate(90deg);
		-o-transform: 		rotate(90deg);
		transform: 			rotate(90deg); }
	.mod_lc_comment {
		font-size: 14px;
		font-weight: 300; }
}

@media (max-width: 530px){
	.mod_sg_number_comment_note{width: 50px;}
	.mod_ac_block_avis{min-height: 164px; }
}

@media (max-width: 384px){
	.mod_ac_block_avis .avis_pseudo,
	.mod_ac_block_avis .avis_txt {line-height: 16px;}
	.mod_ac_block_avis .avis_txt {padding: 0 1px;}
}

#home_links div.cc_read_more{
    display: none;
}