/* ============================== CUSTOM CSS 20240911 11/09/2024 17:03 ============================== */

/*Empêcher bootstrap.css line-height 18px*/
li {
	line-height: 24px;
}

/*Pour footer copyright font-size valeurs absolues (pour paysage mobile)*/
.h4footer {
	font-family: "Oswald";
	font-weight: 400;
	font-size: 15.5px;
}
.h5footer {
	font-weight: bold;
	font-size: 20px;
}

.pfooter {
	font-size: 14px;
}

.smallfooter {
	font-size: 11px;
}

/*ajouter police alternative (pour iOS)*/
body {
	font-family: "Segoe UI", "Open Sans", Arial, Helvetica, sans-serif;
}
.customparallaxck .customparallaxck_title {
	font-family: "Segoe UI", "Open Sans", Arial, Helvetica, sans-serif;
}

.customparallaxck .customparallaxck_content {
	font-family: "Segoe UI", "Open Sans", Arial, Helvetica, sans-serif;
}

/*décourager le copier-coller*/
p, ul, ol, div {
-webkit-user-select: none; /*Webkit (Chrome, Safari, Android...)*/
-khtml-user-select: none; /*KHTML (Konqueror*/
-moz-user-select: none; /*Mozilla*/
-o-user-select: none; /*Opera*/
-ms-user-select: none; /*Microsoft (IE)*/
user-select: none; /*Default*/
}

/*outrepasser default.css de TCK*/
h2, .contentheading {
    font-size: 1.8em !important;
}

/*outrepasser theme préselectionné dans maximenu ck params : empêcher fond gris clair survolé */
#nav ul.menu li li:hover > a, #nav ul.menu li li:hover span.separator,
#nav ul.menu li li:focus > a, #nav ul.menu li li:focus span.separator,
#nav ul.maximenuck li li:hover > a, #nav ul.maximenuck li li:hover span.separator,
#nav ul.maximenuck li li:focus > a, #nav ul.maximenuck li li:focus span.separator {
	background: #17191C !important;
}
/*centrer image dans bouton navigation flexicontent*/
.fcpagenav.btn-group > .btn {
    text-align: center !important;
}
.fcpagenav a img, .fcpagenav span.fc-pagenav-noimg {
    text-align: center !important;
}

/*coller à gauche le floating module CK des qualifs RGE*/
#floatingmoduleck409 {
    left: 0 !important;
}

/*corriger apparence boutons et titre PDF à télécharger Flexicontent*/
.fcfile_name {
	font-size: 100% !important;
}

/*redonner couleur aux boutons téléchargement de PDF FC (contrecarrés par TCK) + renforcer avec des  !important le 31/08/2024*/
.btn-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #5bb75b !important;
    background-image: -moz-linear-gradient(top,#62c462,#51a351) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351)) !important;
    background-image: -webkit-linear-gradient(top,#62c462,#51a351) !important;
    background-image: -o-linear-gradient(top,#62c462,#51a351) !important;
    background-image: linear-gradient(to bottom,#62c462,#51a351) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    border-color: #51a351 #51a351 #387038 !important;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    *background-color: #51a351 !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    color: #fff;
    background-color: #51a351 !important;
    *background-color: #499249 !important;
}

.btn-info {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #49afcd !important;
	background-image: -moz-linear-gradient(top,#5bc0de,#2f96b4) !important;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4)) !important;
	background-image: -webkit-linear-gradient(top,#5bc0de,#2f96b4) !important;
	background-image: -o-linear-gradient(top,#5bc0de,#2f96b4) !important;
	background-image: linear-gradient(to bottom,#5bc0de,#2f96b4) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
	border-color: #2f96b4 #2f96b4 #1f6377 !important;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	*background-color: #2f96b4 !important;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
	color: #fff;
	background-color: #2f96b4 !important;
	*background-color: #2a85a0 !important;
}
.btn-warning {
	color: #fff;
	/*text-shadow: 0 -1px 0 rgba(0,0,0,0.25);*/
	background-color: #ffc107 !important;
	background-image: -moz-linear-gradient(top,#ffc107,#f89406) !important;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffc107),to(#f89406)) !important;
	background-image: -webkit-linear-gradient(top,#ffc107,#f89406) !important;
	background-image: -o-linear-gradient(top,#ffc107,#f89406) !important;
	background-image: linear-gradient(to bottom,#ffc107,#f89406) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffab44f', endColorstr='#fff89406', GradientType=0);
	border-color: #f89406 #f89406 #ad6704 !important;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	*background-color: #f89406 !important;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
	color: #fff;
	background-color: #f89406 !important;
	*background-color: #df8505 !important;
}
.btn-warning:active,
.btn-warning.active {
	background-color: #c67605 \9;
}
/*et classe bootstrap taille boutons ci-dessus*/
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
}
/*//////////////////////////////////////////////////////////////////////////////
//////  boutons
//////////////////////////////////////////////////////////////////////////////*/

/*bouton orange*/
.boutonorange {
    background-color: #f44b23; /* Orange du bouton devis */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
    padding: 24px 16px;
	border-radius: 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.boutonorange:hover {
    background-color: white; 
    color: #f44b23; 
	text-decoration: none;
    border: 1px solid #f44b23;
	box-shadow: 0 3px 16px 0 rgba(0,0,0,0.24),0 10px 50px 0 rgba(0,0,0,0.19);
}

.link-button{cursor:pointer;font-size:1.1em;padding:5px 12px;border:1px solid;display:inline-block;border-color:#595959;text-decoration:none;}
.link-button:hover{border-color:#000;}
a.link-button:hover,
.link-button a:hover{text-decoration:none;}
a.link-button,
.link-button a{font-weight:bold;color:#fff !important;}
.link-button.button-light,
.link-button.button-light a{color:#333 !important;background-color:#EEE;border-color:#777;}
.link-button.button-light:hover,
.link-button.button-light a:hover{background-color:#DDD;}
.link-button.button-blue,
.link-button.button-blue a{background-color:#5d9cbd;}
.link-button.button-blue:hover,
.link-button.button-blue a:hover{background-color:#3e7998;}
.link-button.button-red,
.link-button.button-red a{background-color:#f44b23;}
.link-button.button-red:hover,
.link-button.button-red a:hover{background-color:#c33f20;}
.link-button.button-dark,
.link-button.button-dark a{background-color:#444;border:1px solid #000;}
.link-button.button-dark:hover,
.link-button.button-dark a:hover{background-color:#111;}
.link-button.button-green,
.link-button.button-green a{background-color:#919939;}
.link-button.button-green:hover,
.link-button.button-green a:hover{background-color:#787f2d;}
.link-button .link-icon{margin:3px 0;line-height:18px;}
.link-icon{display:inline-block;padding-left:22px;}

.link-action{font-weight:bold;padding:1px 2px;text-decoration:none;}
.link-action:hover{color:#ffffff !important;text-decoration:none;}
.link-action{transition:color 0.3s linear, background 0.3s ease-out;-moz-transition:color 0.3s linear, background 0.3s ease-out;-webkit-transition:color 0.3s linear, background 0.3s ease-out;}
.link-action:hover{text-shadow:0 1px 0 rgba(0,0,0,0.2);}
.link-action {
	border-bottom: 1px solid #75b6e4;
}
.link-action:hover {
	background-color: #4286f5;
	border: none;
}
/*////////////////diverses classes reprises du template jsn////////////////*/
/* ----- CLEARBREAK ----- */
.clearbreak {
	clear: both;
}
/* ----- BLOCKQUOTE ----- */
blockquote {
	color: #404040;
	border: none;
	min-height: 45px;
	font-style: italic;
	padding: 2px 0 5px 60px;
	background: #EEE url(../../../images/icon-text-blockquote.png) left top no-repeat;
}
blockquote p {
	font-size: 1em;
	line-height: inherit;
}
blockquote {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 0 1px 0 #FFF;
}

blockquote:first-child {
	margin-top: 5px;
}
blockquote:last-child {
	margin-bottom: 5px;
}

/* ----- STICKLEFT / STICKRIGHT ----- */
div[id*=jsn-pos-stick-] {
	position: fixed;
	z-index: 888888;
}
div[id*=jsn-pos-stick-left] {
	left: 0;
}
div[id*=jsn-pos-stick-right] {
	right: 0;
}
#jsn-pos-stick-leftmiddle,
#jsn-pos-stick-rightmiddle {
	visibility: hidden;
}
#jsn-pos-stick-leftbottom,
#jsn-pos-stick-rightbottom {
	bottom: 0;
}

/* ----- TOOLTIPS LINK ----- */
a.link-tooltip {
	position: relative;
}
a.link-tooltip:hover {
	z-index: 25;
}
a.link-tooltip span {
	display: none;
	position: absolute;
	top: 10px;
	left: 10px;
}
a.link-tooltip:hover span {
	display: block;
}

/* ----- ARROW LIST ----- */
ul.list-arrow {
	list-style: none;
}
ul.list-arrow li {
	margin-left: 0;
	padding-left: 16px;
	position: relative;
	display: block;
}
ul.list-arrow li:after {
	content: '';
	height: 0;
	position: absolute;
	width: 0;
	border: 0.34em solid transparent;
	left: 5px;
	top: 4px;
}
ul.list-arrow.arrow-red li:after {
	border-left-color: #AE0000;
}
ul.list-arrow.arrow-blue li:after {
	border-left-color:#0060BF;
}
ul.list-arrow.arrow-green li:after {
	border-left-color: #3AA655;
}

/* PAGE PAGINATION */
ul.pagenav,
div.pagination ul {
	list-style-type: none;
}
ul.pagenav {
	text-align: center;
}
ul.pagenav li,
div.pagination ul li {
	color: #999;
	margin: 0;
	display: inline-block;
	font-weight: bold;
}
div.pagination ul li {
	font-size: 0.9em;
}
/*ul.pagenav li a,
div.pagination ul li a {
	margin: 0 15px;
}*/
ul.jsn-pagination {
	list-style-type: none;
	text-transform: uppercase;
}
ul.jsn-pagination li {
	display: inline-block !important; /*override compression*/
	margin: 10px 2px;
}
ul.jsn-pagination li a,
ul.jsn-pagination li span {
	font-weight: bold;
	padding: 3px 8px;
	border: 1px solid #CCC;
	background-color: #EAEAEA;
	color: #999;
}
ul.jsn-pagination li span {
	background-color: transparent;
}
ul.jsn-pagination li a:hover {
	color: #000;
	text-decoration: none;
}
ul.jsn-pagination li.navigation-page span {
	border: none;
	padding: 4px 9px;
	color: #fff;
}
ul.jsn-pagination,
p.jsn-pageinfo {
	font-size: 0.9em;
	text-align: center;
	margin: 20px 0 10px 0;
}
/* BLOG PAGES NAV LINK */
a.pagenav {
	text-transform: uppercase;
}
.pagination ul>li>a, .pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0;
}
/*////////////////corrections adaptations pour extensions CK////////////////*/
/*forcer les icones font awesome en blanc dans le maximenu CK*/
a.maximenuck.fas {
    color: white;
}

/*empêcher les span de l'adresse du module copyright de revenir à la ligne comme le prévoit default.css*/
address span
{
	display:inline !important;
}

/*empêcher slideshow nivo d'avoir une hauteur supérieure à celle de l'écran (en limitant la largeur)*/
#vtnivo441, 
#vtnivo343, 
#vtnivo510, 
#vtnivo512, 
#vtnivo513, 
#vtnivo344, 
#vtnivo346, 
#vtnivo345, 
#vtnivo402, 
#vtnivo406, 
#vtnivo417, 
#vtnivo410, 
#vtnivo349, 
#vtnivo415, 
#vtnivo425,
#vtnivo634,
#vtnivo635 {
max-width: 900px;
margin-left: 0; 
}
/*(sauf eglise crampagna images L800*/
#vtnivo628 {
max-width: 800px;
margin-left: 0;
}

/*forcer les tableaux à rester aussi petits que possible*/
.table-fit {
    white-space: nowrap;
    width: 1%;
}

/*forcer les liens en blanc dans le bloc Avis #block1*/
#block1 a {
	color: #ffffff !important;
}

/*////////////////ancien custom.css////////////////*/

/* --- GROS bouton Call to action --- */

.cta-big-button {
	padding: 18px 24px !important;
}

/* --- Renvoi à la ligne des fcpagenav boutons de navigation --- */
.flexi.pagination {
clear: both !important;
}

/* --- LOMART : égaliser longueur des 4 boutons couleur de la homepage --- */
 #modulestopmod1 a.link-button {
    width: 90%;
}

/* --- LEFABDU51 : creer un long espace sans utiliser espaces insecables (pour bottom et footer) --- */
  .mg {margin-left:13em; }
  .mg-left-med {margin-left:6em; }
  .mg-right-med {margin-right:6em; }
  .mg-left-small {margin-left:4em; }
  .mg-right-small {margin-right:4em; }
  .mg-left-xsmall {margin-left:2em; }
  .mg-right-xsmall {margin-right:2em; }
  
/* ----- Toolbar sans bordure ni padding ----- */  
  .flexi.infoblock {
	border: none !important;
	margin: 0 0 10px;
	padding: 0px !important;
}


/* --- forcer téléphone en blanc dans le footer (sur smartphone, devient un lien clicable, donc bleu, donc invisible sur fond bleu --- */
#modulesbottom2mod1 .tel .white {
    color: #FFF !important;
}

/* --- obliger le texte normal à s'afficher en gris très foncé (et non en bleu) sur le fond bleu de la classe text-info (solution donnée par lomart) --- */
 .text-info {
    color: #404040 !important;
}

/* réduire la taille des caractères du breadcrumb fil d'ariane */
.breadcrumb{
font-size:0.8em !important;
font-style:italic !important;
}

/* class table-responsive normalement inclus dans bootstrap, mais non appelée sur le site... */

.table-responsive{
	min-height:.01%;
	overflow-x:auto
}

@media screen and (max-width:767px){
	.table-responsive{
		width:100%;
		margin-bottom:15px;
		overflow-y:hidden;
		-ms-overflow-style:-ms-autohiding-scrollbar;
		border:1px solid #ddd
	}

	.table-responsive>.table{
		margin-bottom:0
	}

	.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{
		white-space:nowrap
	}

	.table-responsive>.table-bordered{
		border:0
	}

	.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{
		border-left:0
	}

	.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{
		border-right:0
	}

	.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{
		border-bottom:0
	}

}

/* ----- Creation de 51 nouvelles classes pour insertion 51 nouveaux icones sur texte fond couleur, genre text-info, text-tip, etc ----- */
/* -- Solution LOMART -- */

.box-jaune,
.box-bleu,
.box-rose,
.box-gris,
.box-orange,
.box-vert {
	/* afficher la boite comme une table */
	display: table;
	width: 98%; /* à 100% fait déborder la box hors de la largeur normale de l'article, mais si désactivée, la longeur de la box est limitée à la longueur du texte donc parfois moitié de la page A 98% trop large pour smartphone, j'ajoute un media query ci-dessous */
	padding: 0.8em 0.8em 0.8em 0.8em; /* pas dans le code de LOMART + 0.8em au lieu de 5 pour le padding-left */
	min-height: 20px;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

.box-rose {
	border-top: 2px solid #FEABAB;
	border-bottom: 2px solid #FEABAB;
	background-color: #FFDFDF;
}
.box-bleu {
	border-top: 2px solid #B7D2F2;
	border-bottom: 2px solid #B7D2F2;
	background-color: #DBE7F8;
}
.box-vert {
	border-top: 2px solid #DDEDBC;
	border-bottom: 2px solid #DDEDBC;
	background-color: #F2F9E5;
}
.box-orange {
	border-top: 2px solid #FEEBAB;
	border-bottom: 2px solid #FEEBAB;
	background-color: #FEF8E1;
}
.box-jaune {
	border-top: 2px solid #FEEBAB;
	border-bottom: 2px solid #FEEBAB;
	background-color: #FFFFD5;
}
.box-gris {
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	background-color: #f2f2f2;
}

@media screen and (max-width:767px){
	[class^="box-"] {
		width:95% !important;
	}
}

.box-jaune > div,
.box-bleu > div,
.box-rose > div,
.box-gris > div,
.box-orange > div,
.box-vert > div {
	/* afficher les div enfants comme cellules centrées verticalement */
	display: table-cell;
	vertical-align: middle;
}

[class^="sprite-"] {
    /* fond pour toutes les classe commençant par sprite-. Evite l'énumération ... */
    background-image: url(../../../images/small-n-flat-master/sprite-small-n-flat.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 24px;
	/* margin-left: -5em !important;  non inclus dans le code de LOMART */
}

.sprite-bell {
    background-position: 0 center; /* center au lieu de 0 permet le centrage vertical */
}

.sprite-bubble {
    background-position: -60px center;
}

.sprite-bubbles {
    background-position: -120px center;
}

.sprite-bubbles-alt {
    background-position: -180px center;
}

.sprite-bullhorn {
    background-position: -240px center;
}

.sprite-calculator {
    background-position: -300px center;
}

.sprite-calendar {
    background-position: -360px center;
}

.sprite-cone {
    background-position: -420px center;
}

.sprite-device-computer {
    background-position: -480px center;
}

.sprite-device-laptop {
    background-position: -540px center;
}

.sprite-device-mobile-phone {
    background-position: -600px center;
}

.sprite-device-tablet {
    background-position: -660px center;
}

.sprite-envelope {
    background-position: -720px center;
}

.sprite-envelope-letter {
    background-position: -780px center;
}

.sprite-file-pdf {
    background-position: -840px center;
}

.sprite-file-picture {
    background-position: -900px center;
}

.sprite-file-video {
    background-position: -960px center;
}

.sprite-globe {
    background-position: -1020px center;
}

.sprite-house {
    background-position: -1080px center;
}

.sprite-life-buoy {
    background-position: -1140px center;
}

.sprite-lightbulb {
    background-position: -1200px center;
}

.sprite-map {
    background-position: -1260px center;
}

.sprite-map-map-marker {
    background-position: -1320px center;
}

.sprite-money {
    background-position: -1380px center;
}

.sprite-paperclip {
    background-position: -1440px center;
}

.sprite-pencil {
    background-position: -1500px center;
}

.sprite-phone {
    background-position: -1560px center;
}

.sprite-pin {
    background-position: -1620px center;
}

.sprite-post-it {
    background-position: -1680px center;
}

.sprite-shield-error {
    background-position: -1740px center;
}

.sprite-shield-ok {
    background-position: -1800px center;
}

.sprite-shield-warning {
    background-position: -1860px center;
}

.sprite-sign-add {
    background-position: -1920px center;
}

.sprite-sign-alert {
    background-position: -1980px center;
}

.sprite-sign-ban {
    background-position: -2040px center;
}

.sprite-sign-delete {
    background-position: -2100px center;
}

.sprite-sign-down {
    background-position: -2160px center;
}

.sprite-sign-error {
    background-position: -2220px center;
}

.sprite-sign-info {
    background-position: -2280px center;
}

.sprite-sign-left {
    background-position: -2340px center;
}

.sprite-sign-ok {
    background-position: -2400px center;
}

.sprite-sign-question {
    background-position: -2460px center;
}

.sprite-sign-right {
    background-position: -2520px center;
}

.sprite-sign-up {
    background-position: -2580px center;
}

.sprite-social-facebook {
    background-position: -2640px center;
}

.sprite-social-google-plus {
    background-position: -2700px center;
}

.sprite-social-twitter {
    background-position: -2760px center;
}

.sprite-social-youtube {
    background-position: -2820px center;
}

.sprite-star {
    background-position: -2880px center;
}

.sprite-star-alt {
    background-position: -2940px center;
}

.sprite-thumb-up {
    background-position: -3000px center;
}

.sprite-yellow-bubbles {
    background-position: -3060px center;
}

/* ----- SPRITE icônes réseaux sociaux du FOOTER ----- */
/*-- Modèle OpenClassRoom --*/

.social2 li {
	width: 36px;
	height: 36px;
	display: inline-block;
	background-image: url(../../../images/logos/reseaux-sociaux/social-flat-circle-sprite.png);
	background-repeat: no-repeat;
}

.social2 .facebook { background-position: -5px -51px; }
.social2 .twitter { background-position: -5px -235px; }
.social2 .googleplus { background-position: -5px -143px; }

.social2 .facebook:hover { background-position: -5px -5px; }
.social2 .twitter:hover { background-position: -5px -189px; }
.social2 .googleplus:hover { background-position: -5px -97px; }

ul.social2 {
	margin: 0 !important;
}

/* ----- SPRITE signes de qualité du BOTTOM ----- */
/*-- Modèle OpenClassRoom --*/

.signes li {
	width: 72px;
	display: inline-block;
	background-image: url(../../../images/logos/bottom/sprite-signes-de-qualite.png);
	background-repeat: no-repeat;
}

.signes .oneandone {
    height: 60px;
    background-position: -2px -2px;
}

.signes .oneandone:hover {
    height: 60px;
    background-position: -2px -66px;
}

.signes .pvcycle {
    height: 51px;
    background-position: -2px -130px;
}

.signes .pvcycle:hover {
    height: 51px;
    background-position: -2px -185px;
}

.signes .rge {
    height: 42px;
    background-position: -2px -240px;
}

.signes .rge:hover {
    height: 42px;
    background-position: -2px -286px;
}

.signes .artisan {
    height: 54px;
    background-position: -2px -332px;
}

.signes .artisan:hover {
    height: 54px;
    background-position: -2px -390px;
}

.signes .ecocheque {
    height: 70px;
    background-position: -2px -448px;
}

.signes .ecocheque:hover {
    height: 70px;
    background-position: -2px -522px;
}

.signes .ffb {
    height: 37px;
    background-position: -2px -596px;
}

.signes .ffb:hover {
    height: 37px;
    background-position: -2px -637px;
}

.signes .hargassner {
    height: 48px;
    background-position: -2px -678px;
}

.signes .hargassner:hover {
    height: 48px;
    background-position: -2px -730px;
}

.signes .hitachi {
    height: 63px;
    background-position: -2px -782px;
}

.signes .hitachi:hover  {
    height: 63px;
    background-position: -2px -849px;
}

.signes .properf {
    height: 48px;
    background-position: -2px -916px;
}

.signes .properf:hover {
    height: 48px;
    background-position: -2px -968px;
}

.signes .qualibat {
    height: 70px;
    background-position: -2px -1020px;
}

.signes .qualibat:hover {
    height: 70px;
    background-position: -2px -1094px;
}

.signes .qualibois {
    height: 48px;
    background-position: -2px -1168px;
}

.signes .qualibois:hover {
    height: 48px;
    background-position: -2px -1220px;
}

.signes .qualipac {
    height: 48px;
    background-position: -2px -1272px;
}

.signes .qualipac:hover {
    height: 48px;
    background-position: -2px -1324px;
}

.signes .qualipv {
    height: 48px;
    background-position: -2px -1376px;
}

.signes .qualipv:hover {
    height: 48px;
    background-position: -2px -1428px;
}

.signes .qualisol {
    height: 48px;
    background-position: -2px -1480px;
}

.signes .qualisol:hover {
    height: 48px;
    background-position: -2px -1532px;
}

.signes .transition {
    height: 70px;
    background-position: -2px -1584px;
}

.signes .transition:hover {
    height: 70px;
    background-position: -2px -1658px;
}

.signes .veritas {
    height: 39px;
    background-position: -2px -1732px;
}

.signes .veritas:hover {
    height: 39px;
    background-position: -2px -1775px;
}

.signes .insoco {
    height: 72px;
    background-position: -2px -1818px;
}

.signes .insoco:hover {
    height: 72px;
    background-position: -2px -1894px;
}

/* ----- SOMMAIRE PAGEBREAK TOC INDEX ----- */
a.toclink {
	font-size: 0.9em !important;
	line-height: 1 !important;
}
a.toclink:active {
	font-weight: bold !important;
}
#article-index h3 {
	color: #767676 !important;
}

/* ---- CAROUSEL DE FLEXICONTENT module actualités ---- */
.carousel.mod_flexicontent_wrapper span.mod_fc_nav.fc_horizontal {
	-moz-border-radius: 0px 0 0 0px !important;
	-webkit-border-radius: 0px 0 0 0px !important;
	border-radius: 0px 0 0 0px !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.carousel.mod_flexicontent_wrapper span.mod_fc_nav.fc_horizontal.fc_next {
	border-radius: 0 0px 0px 0 !important;
}
.carousel.mod_flexicontent_wrapper .fcitem_title {
	text-shadow: none !important;
	font-size: 100% !important;
	font-weight: bold !important;
}
.mod_flexicontent_wrapper .catdata .catdescr {
    font-size: 100% !important;
}
.carousel.mod_flexicontent_wrapper .fcitem_title:hover a,
.carousel.mod_flexicontent_wrapper .fcitem_title a:hover {
	cursor: pointer;
	text-shadow: none !important;
}
.carousel.mod_flexicontent_wrapper .fc_overlayed .fcitem_title a {
	/*text-shadow: 1px 1px 2px #000000, -1px -1px #000, 1px 1px #000000;*/
	text-shadow: none !important;
}

/* ----- pas de fond gris derriere label / badge bootstrap ----- */
.label,
.badge {
  background-color: transparent !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  text-shadow: none !important;
}

/* ----- empecher chrome de redimensionner images dans tableaux ----- */
td img {
max-width: none;
padding-right: 8px;
}

/* ----- empecher le css de la toolbar flexicontent de redevenir grise à chaque màj de flexicontent ----- */
.flexitoolbar {
	background-color: transparent !important; background-image: none !important;
	border-bottom: none !important;
	border-top: none !important;
	margin: 0 0 !important;
}

.toolbar-spacer::after {
	border-left: none !important;
}

/* ----- nouvelles classes pour limiter les attributs style ----- */

.valign-middle {
	vertical-align: middle;
}
.valign-top {
	vertical-align: top;
}
.nodisplay {
	display: none !important;
}
.white {
	color: #ffffff !important;
}
.textalign-center {
	text-align: center;
}
.width100 {
	width: 100%;
}
.width50 {
	width: 50%;
}
.width33 {
	width: 33%;
}
.width25 {
	width: 25%;
}

/*//////////////////////////////////////////////////////////////////////////////
//////  repris de JSN Boot
//////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////text-size//////////////////////////////////////*/

.text-size-small{font-size:0.9em;}
.text-size-medium{font-size:1em;}
.text-size-large{font-size:1.1em;}
.text-size-xlarge{font-size:1.2em;}
.text-size-xxlarge{font-size:1.3em;}

/*///////////////////////////////listes//////////////////////////////////////*/

ul.list-number-bullet{list-style:none;}
ul.list-number-bullet li{margin-left:0;position:relative;padding:6px 0 6px 36px;}
ul.list-number-bullet li .jsn-listbullet{color:#fff;height:24px;font-size:14px;line-height:24px;text-align:center;background:#333;margin:4px;left:0;top:-2px;width:24px;display:block;font-weight:bold;position:absolute;}
ul.list-number-bullet.bullet-blue li .jsn-listbullet{background-color:#5D9CBD;}
ul.list-number-bullet.bullet-green li .jsn-listbullet{background-color:#B2BB54;}
ul.list-number-bullet.bullet-grey li .jsn-listbullet{background-color:#777;}
ul.list-number-bullet.bullet-orange li .jsn-listbullet{background-color:#E38957;}
ul.list-number-bullet.bullet-red li .jsn-listbullet{background-color:#F44B23;}
ul.list-number-bullet.bullet-violet li .jsn-listbullet{background-color:#a965a8;}
ul.list-number-digit{list-style:none;}
ul.list-number-digit li{margin-left:0;position:relative;padding:8px 0 8px 42px;}
ul.list-number-digit li .jsn-listbullet{top:0;left:0;width:32px;display:block;font-size:32px;line-height:100%;text-align:right;position:absolute;}
ul.list-number-digit.digit-blue li .jsn-listbullet{color:#009aca;}
ul.list-number-digit.digit-green li .jsn-listbullet{color:#429e00;}
ul.list-number-digit.digit-grey li .jsn-listbullet{color:#999999;}
ul.list-number-digit.digit-orange li .jsn-listbullet{color:#e66000;}
ul.list-number-digit.digit-red li .jsn-listbullet{color:#bf0000;}
ul.list-number-digit.digit-violet li .jsn-listbullet{color:#9e0084;}

/*///////////////////////////////tables//////////////////////////////////////*/

table.table-style{background:#ffffff;border-collapse:collapse;border-spacing:0;color:#404040;}
table.table-style caption{padding:6px 0;text-transform:uppercase;text-align:center;font-size:1.2em;font-weight:bold;}
table.table-style td,
table.table-style th{padding:10px;border-bottom:1px solid #DEDEDE;}
table.table-style th{text-align:left;}
table.table-style .highlight{font-size:14px;font-weight:bold;color:#fff;}
table.table-style thead th{font-size:1.1em;border-top:6px solid #fff;color:#ffffff;}
table.table-style thead th.highlight{border-top:none;}
table.table-style tbody th,
table.table-style tbody td{vertical-align:top;text-align:left;border-right:1px solid #DEDEDE;border-left:1px solid #DEDEDE;}
table.table-style tbody .highlight{background-color:#999;}
table.table-style tbody tr.odd{background:#f2f2f2;}
table.table-style tbody tr.odd .highlight{background-color:#7E7E7E;}
table.table-style tbody tr:hover th,
table.table-style tbody tr:hover td{background:#E4E4E4;}
table.table-style tbody tr:hover .highlight{background:#737373;}
table.table-style tfoot{border:1px solid #DEDEDE;}
table.table-style tfoot th,
table.table-style tfoot td{border:none;padding:4px 10px;background-color:#d9d9d9;}
table.table-style tfoot td{text-align:right;}
table.style-colorheader thead th.highlight{background-color:#484848;}
table.style-colorstripes{color:#fff;}
table.style-colorstripes thead,
table.style-colorstripes tfoot{border:none;}
table.style-colorstripes tbody .highlight{color:#333;border-bottom:none;border-top:1px solid #fff;}
table.style-greystripes thead th{background:#404040;border-right:1px groove #999999;}
 
/*---forcer une marge entre les images affichées par un tag MEDIABOX CK et le texte qui les enveloppent dans un alignement "float"---*/
[data-mediaboxck-alignment*="float"][data-mediaboxck-alignment*="left"] { 
margin-right: 10px !important; 
margin-bottom: 10px !important;
}


 /* ============================== BEGIN MEDIA QUERY ============================== */
 
 /* --- empêcher les colonnes dans blog catégories sur mobile --- */
 @media only screen and (max-width: 767px) {
	#flexicontent ul.leadingblock.two   > li,
	#flexicontent ul.leadingblock.three > li,
	#flexicontent ul.leadingblock.four  > li,
	#flexicontent ul.introblock.two   > li,
	#flexicontent ul.introblock.three > li,
	#flexicontent ul.introblock.four  > li {
		width: 100% !important;
		margin-left: 0%;
	}
}
 
 /*---recentrer bouton cookies revoke pour ne pas qu'il chevauche bannière RGE---*/
 @media only screen and (min-width: 711px) {
	 .cc-revoke.cc-bottom {
    left: 30em !important;
}
 }

/* --- classe qui ne s'affiche pas sur smartphone --- */
 @media only screen and (max-width: 710px) {
 .nodisplay-smartphone {
 display: none;
 }

 }
 
 /* --- TOC index Sommaire article pagebreak sur smartphone --- */
 @media only screen and (max-width: 767px) {

 #article-index {
	width: 95%; /* au lieu de 25% */
}

 }
 
 /*--- classe pour réduire les box- à 75% de large sur grand écran quand ils sont à côté d'un TOC index ---*/
 /* (sur smartphone une media query oblige la toc à occuper 100% de la largeur et non 25%) */
 @media only screen and (min-width: 711px) {
 .box-toc-75 {
 width: 67% !important; /* au lieu de 98% */
 }

 }
 /*- ... mais PAS en affichage BLOG de CATEGORIE, puisque la TOC disparaît dans ce cas ... -*/
#fc_bloglist_item_0 .box-toc-75,
#fc_bloglist_item_1 .box-toc-75,
#fc_bloglist_item_2 .box-toc-75,
#fc_bloglist_item_3 .box-toc-75,
#fc_bloglist_item_4 .box-toc-75,
#fc_bloglist_item_5 .box-toc-75,
#fc_bloglist_item_6 .box-toc-75,
#fc_bloglist_item_7 .box-toc-75,
#fc_bloglist_item_8 .box-toc-75 {
	 width: 95% !important;
 }
 
 /* ----- IFrame responsive (pour youtube, google maps...) UNIQUEMENT sur petits écrans ----- */
 
 @media only screen and (max-width: 767px) {
.embed-container-16-9 {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio */
  padding-top: 30px; /* IE 6 workaround*/
  height: 0;
  overflow: hidden;
}

.embed-container-16-9 iframe,
.embed-container-16-9 object,
.embed-container-16-9 embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.embed-container-3-4 {
  position: relative;
  padding-bottom: 75%; /* 16:9 ratio */
  padding-top: 30px; /* IE 6 workaround*/
  height: 0;
  overflow: hidden;
}

.embed-container-3-4 iframe,
.embed-container-3-4 object,
.embed-container-3-4 embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
 }
 
 /*--- Empêcher le texte des boutons AMPZ de passer sous l'icône ---*/
 .ampz_network_label {
    margin-left: 0px !important;
}

/*--- Empêcher le soulignement pointillé des tooltips d'être supprimé lorsque la tooltip contient une image (et j'en profite pour changer la couleur de soulignement, trop claire dans le css d'origine ---*/
[data-tooltips] {
  cursor: pointer;
  border-bottom: 1px dashed #6d6868 !important;
  
[data-tooltips][data-tooltips-is-image], [data-tooltips][data-tooltips-is-image-link] {
  border-bottom: 1px dashed #6d6868 !important;
}

 
/*========================================MEDIA QUERIES=======================================================*/ 
/* ----- images aux dimensions réduites pour header et footer (gain vitesse) ----- */
@media screen and (min-width: 1025px) and (max-width: 1280px){
#modulesbottom2>.inner {
    background: url(/templates/templatecreator_blank-copy/images/custom/dandelion-flower-wallpaper-hd-3-1280x960-min.jpg) 0px 0px no-repeat scroll;
}
#bannerrow>.inner {
    background: url(/templates/templatecreator_blank-copy/images/custom/pissenlits-au-vent-ciel-d-ete-1280x243-min.jpg) center center no-repeat scroll;
}	
}
@media screen and (min-width: 951px) and (max-width: 1024px){
#modulesbottom2>.inner {
    background: url(/templates/templatecreator_blank-copy/images/custom/dandelion-flower-wallpaper-hd-3-1024x768-min.jpg) 0px 0px no-repeat scroll;
}
#bannerrow>.inner {
    background: url(/templates/templatecreator_blank-copy/images/custom/pissenlits-au-vent-ciel-d-ete-1024x195-min.jpg) center center no-repeat scroll;
}	
}
@media screen and (min-width: 759px) and (max-width: 950px){
#modulesbottom2>.inner {
    background: url(/templates/templatecreator_blank-copy/images/custom/dandelion-flower-wallpaper-hd-3-950x713-min.jpg) 0px 0px no-repeat scroll;
}
#bannerrow>.inner {
    background: url(/templates/templatecreator_blank-copy/images/custom/pissenlits-au-vent-ciel-d-ete-950x181-min.jpg) center center no-repeat scroll;
}	
}
@media screen and (min-width: 525px) and (max-width: 758px){
#modulesbottom2>.inner {
    background: url(/templates/templatecreator_blank-copy/images/custom/dandelion-flower-wallpaper-hd-3-758x721-min.jpg) 0px 0px no-repeat scroll;
}
#bannerrow>.inner {
    background: url(/templates/templatecreator_blank-copy/images/custom/pissenlits-au-vent-ciel-d-ete-758x144-min.jpg) center center no-repeat scroll;
}	
}
@media screen and (min-width: 376px) and (max-width: 524px){
#modulesbottom2>.inner {
    background: url(/templates/templatecreator_blank-copy/images/custom/dandelion-flower-wallpaper-hd-3-524x1139-min.jpg) 0px 0px no-repeat scroll;
}
#bannerrow>.inner {
    background: url(/templates/templatecreator_blank-copy/images/custom/pissenlits-au-vent-ciel-d-ete-524x100-min.jpg) center center no-repeat scroll;
}	
}
@media screen and (max-width: 375px){
#modulesbottom2>.inner {
    background: url(/templates/templatecreator_blank-copy/images/custom/dandelion-flower-wallpaper-hd-3-375x1142-min.jpg) 0px 0px no-repeat scroll;
}
#bannerrow>.inner {
    background: url(/templates/templatecreator_blank-copy/images/custom/pissenlits-au-vent-ciel-d-ete-375x100-min.jpg) center center no-repeat scroll;
}	
}

/* ----- empecher top menu de passer sur 2 lignes sur petits écrans ----- */
@media screen and (min-width: 905px) and (max-width: 1033px) {
#bannercolumn1 {
    width: calc(70/100 * (100% - (1 * 0px)));
}
#bannercolumn2 {
    width: calc(30/100 * (100% - (1 * 0px)));
}}
@media screen and (min-width: 816px) and (max-width: 904px) {
#bannercolumn1 {
    width: calc(65/100 * (100% - (1 * 0px)));
}
#bannercolumn2 {
    width: calc(35/100 * (100% - (1 * 0px)));
}}
@media screen and (min-width: 768px) and (max-width: 815px) {
#bannercolumn1 {
    width: calc(60/100 * (100% - (1 * 0px)));
}
#bannercolumn2 {
    width: calc(40/100 * (100% - (1 * 0px)));
}}
 
 /* ============================== END MEDIA QUERY ============================== */