body.com-content .sppb-row-container { width:100%;}

body.accueil #sp-main-body.main-body {margin-top:-52px!important;}

#sp-header {
	background-color: #97bb3a !important;}

div#sp-menu {
  background-color: #97bb3a;
  box-sizing: border-box;
    flex: 0 0 90%;
  max-width: 90%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: static;
  width: 100%;
}

a.nspPrev  {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent !important;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border: medium none currentcolor;
  border-image: none 100% 1 0 stretch;
  border-radius: 50%;
  box-sizing: border-box;
  color: #8a8a8a;
  cursor: pointer;
  float: left;
  font-size: 20px;
  height: 30px;
  left: 10px;
  margin: 0 0 0 4px;
  overflow: hidden;
  position: relative;
  text-decoration: none currentcolor solid;
  text-decoration-thickness: auto;
  text-indent: 0;
  transition-delay: 0s,0s;
  transition-duration: 400ms,400ms;
  transition-property: color,background-color;
  transition-timing-function: ease,ease;
  width: 20px;
}

a.nspPrev:hover {
  text-decoration: underline currentcolor solid;
}
a.nspNext  {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent !important;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border: medium none currentcolor;
  border-image: none 100% 1 0 stretch;
  border-radius: 50%;
  box-sizing: border-box;
  color: #8a8a8a;
  cursor: pointer;
  float: left;
  font-size: 20px;
  height: 30px;
  left: 10px;
  margin: 0 0 0 4px;
  overflow: hidden;
  position: relative;
  text-decoration: none currentcolor solid;
  text-decoration-thickness: auto;
  text-indent: 0;
  transition-delay: 0s,0s;
  transition-duration: 400ms,400ms;
  transition-property: color,background-color;
  transition-timing-function: ease,ease;
  width: 20px;
}

a.nspNext:hover {
  text-decoration: underline currentcolor solid;
}

.viewport-100{
  width:100%;
  margin:0;
  padding:0;
  background-size:cover;
  background-position:top;
 /* pour height:calc(100vh - 50px);*/
height:80vh;
}

.h1-accueil {font-size: 1.6rem; line-height: 34px; text-transform: uppercase;}

.ts-nav-box .container-inner .ts-search .nav-search-form .search {
  position: absolute;
  right: 0px;
  top: 60px;
  z-index: 99;
  width: 100%;
  width: 300px;
}

div.welcome-popup {
	background: transparent url(../images/welcome-popup.png) no-repeat center top -20px;
	text-align: center;
	font-size: 12pt;
	padding: 110px 10px 10px 10px;
}
div.covid-popup {
	background: transparent url(../images/covid-popup.png) no-repeat center top -20px;
	text-align: center;
	font-size: 12pt;
	padding: 110px 10px 10px 10px;
}


div.welcome-popup p, div.covid-popup p {
	text-align: center;
	font-size: 12pt;
}

h3, .su-spoiler-title h3 {
	font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.align-droite {text-align: right;}

a.button {
    background:#ffffff;
    display: block;
    float: left;
    text-decoration: none;
	border-radius: 3px;
	border: 1px solid #2d2d2d;
	margin: 25px 0px;
	padding: 5px 10px 5px 10px;
	font-size: 25px;
}

.bouton-big-red {
	display: inline-block;
	font-size: 18px;
	background-color:#ffffff;
	padding: 10px 2.5rem;
	border-radius: 100px;
	border: 1px solid #2d2d2d !important;
	color:#ffffff !important;
	transition: color 400ms, background-color 400ms;
	cursor: pointer;
}
.blanc, .sppb-addon-title .blanc, h1.sppb-addon-title {color:#ffffff!important;}


h1.sppb-addon-title .rouge {color:#97bb3a !important;
}

h1.sppb-addon-rouge {
	color:#97bb3a !important;
}

.ombre {
-webkit-box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
-moz-box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#d2d2d2', Positive='true');
zoom:1;
box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
}
/* pour IE9 et + ce hack ci-dessous peut être fait avec les commentaires conditionnels d'IE :
[if gte IE 9]*/
@media only screen{.ombre{filter: none;}} /*Ie9+*/

.icone-blanc, i .icone-blanc {color: #ffffff !important;}

img.rond-gauche {
	float: left;
	margin: 0px 20px 15px 0px;
	-webkit-box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
-moz-box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#d2d2d2', Positive='true');
zoom:1;
box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
}
/* pour IE9 et + ce hack ci-dessous peut être fait avec les commentaires conditionnels d'IE :
[if gte IE 9]*/
@media only screen{.ombre{filter: none;}} /*Ie9+*/

.uk-button-default:focus, .uk-button-default {
    background-color: #2d2d2d;
    color: #FFFFFF;
    border-color: transparent;
}

.uk-button-default:hover {
    background-color: transparent;
    color: #FFFFFF;
    border-color: #2d2d2d;
}

.uk-button-primary:focus, .uk-button-primary {
    background-color: #2d2d2d;
    color: #ffffff;
    border-color: transparent;
}

.uk-button-primary:hover {
    background-color: transparent;
    color: #97bb3a;
    border-color: #2d2d2d;
}
.uk-button-secondary:focus, .uk-button-secondary {
    background-color: #97bb3a;
    color: #ffffff;
    border-color: transparent;
}

.uk-button-secondary:hover {
    background-color: transparent;
    color: #2d2d2d;
    border-color: #2d2d2d;
}

.mod-articles-category-introtext {
	font-size: 100%;
	font-weight: 700;
}	

.chapo, p.chapo, .blog-details-content p.chapo {
	font-size: 110%;
	font-weight: 700;
}
.blog-details-content p.contact {
	display: inline-block;
	border-top: dotted 1px #2d2d2d;
	padding-top:10px;
	font-family: "Open Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: 700;
	font-size: 0.95rem;
	color: #2d2d2d;
}
.blog-details-content p.contact:before {
	content:'';
}
.blog-details-content p.credit {
	display: inline-block;
	border-top: dotted 1px #2d2d2d;
	padding-top:10px;
	font-family: "Open Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: 700;
	font-size: 0.95rem;
	color: #999;
}
#sp-logo-area {
	position: relative;
	background-color: #ffffff;
	min-height: 140px;
	background-image: url(../images/cercles-gris.svg);
	background-position: left 30%;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0;
	z-index: 1;
}

#sp-top-bar ul.icons-sociaux-top {font-size: 120%; display: inline-block; padding-top: 7px;margin: 0 0 0 15px;}

sp-logo-area .logo img {
	max-width:170px;
	height: auto;
}

.sppb-articles-ticker-text {

    padding: 5px 0px 5px 0px;
    display: flex;
}

#sp-ajax-search-results {display:block; background-color: #d2d2d2; margin-bottom: 50px !important;}
#sp-trending {
	margin-top: 30px;
	color:#2d2d2d;
}

#sp-titre-header {
	text-align: center;
}
#sp-titre-header h1 {
	font-size: 4rem;
	letter-spacing: 5px;
}

#sp-header .ts-nav-box .classic {background-color: #2d2d2d;}
#sp-menu {background-color: #2d2d2d; max-width:75%; flex: 0 0 75%;}

#sp-top-bar ul.menu li {

    font-family: 'Open Sans condensed', sans-serif;
	height: 40px;
	line-height: 40px;
	padding: 0px;
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
	margin: -10px 15px 0px 0px;
}

#sp-top-bar ul.menu li i {
	font-size: 160%;
position: relative;
	top: 2px;
	padding-right: 5px;
}

#sp-top-bar ul.menu {
	text-transform: uppercase;
}

#sp-search .col-3 .col-lg-3 {
	max-width: 25%;
	flex: 0 0 25%;
}

#missions h2 {text-align: center;}
.tryptik-accueil {
	min-height: 300px;
	font-weight: 400;
}
.tryptik-accueil a {
	font-weight: 700;
}
.tryptik-accueil ul.liens-blanc a {color: #ffffff;}
.tryptik-accueil ul a:hover, .tryptik-accueil ul.liens-blanc a:hover {color: #ffffff;border-bottom: 1px dotted #ffffff;}

/*===============================
top-menu-user
================================================================================*/
.ts-user-login .user-login-btn {
  float: right;
  line-height: 41px;
  width: 60px;
  height: 60px;
  font-size: 19px;
  display: block;
  text-align: center;
  border-left: 1px solid #e9e9e9;
  color: #d72924;
  cursor: pointer;
}
.ts-user-login .login-greeting, .ts-user-login .logout-button {
  display: inline-block;
  margin-top: 04px;
  font-size: 12px;
  color: #2d2d2d;
}

/*===============================
Mega Menu et dropdown
================================================================================*/

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background-attachment: scroll;
  background-blend-mode: multiply;
  background-clip: border-box;
  background-color: #f0f0f0;
  background-image: url("../images/cercles-gris-2.svg");
  background-origin: padding-box;
  background-position: left 30%;
  background-repeat: no-repeat;
  background-size: 200%;
  box-shadow: rgba(0,0,0,.2) 0 3px 5px 0;
  box-sizing: border-box;
  margin: 0;
  padding: 15px;
}


.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block;
    padding: 0 8px;
    line-height: 60px;
    font-size: 13px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}

/*Dropdowns en couleur selon class*/

/*PARTICULIERS
.row .sp-megamenu-parent > li a.particuliers {
	background-color: #2d2d2d;
	transition: background-color 400ms linear;
}

.sp-megamenu-parent li.particuliers .sp-dropdown .sp-dropdown-inner {
	background-color: #97bb3a;
	background-image: url(../images/cercles-gris.svg);
	background-position: left 30%;
	background-repeat: no-repeat;
	background-size: 200%;
	background-blend-mode: lighten;
}

.sp-megamenu-parent li.particuliers .sp-dropdown .sp-dropdown-inner ul > li > a {
	border-top: none;
    color:#ffffff;
	text-decoration: none !important;
}
.sp-megamenu-parent li.particuliers .sp-dropdown .sp-dropdown-inner ul > li > a:hover {
	border-top: none;
    color:##97bb3a;
	background-color: none;
	border-bottom: none;
}

/*COLLECTIVITES
.row .sp-megamenu-parent > li a.collectivites {
	background-color: #2d2d2d;
	transition: background-color 400ms linear;
}

.sp-megamenu-parent li.collectivites .sp-dropdown .sp-dropdown-inner {
	background-color: #97bb3a;
	background-image: url(../images/cercles-gris.svg);
	background-position: left 30%;
	background-repeat: no-repeat;
	background-size: 200%;
	background-blend-mode: lighten;
}

.sp-megamenu-parent li.collectivites .sp-dropdown .sp-dropdown-inner ul > li > a {
	border-top: none;
    color:#ffffff;
}
.sp-megamenu-parent li.collectivites .sp-dropdown .sp-dropdown-inner ul > li > a:hover {
	border-top: none;
    color:#97bb3a;
	background-color: none;
	border-bottom: #97bb3a 1px dotted;
	border-bottom: none;
}


/*ENTREPRISES
.row .sp-megamenu-parent > li a.orange {
	background-color: #2d2d2d;
	transition: background-color 400ms linear;
}

.sp-megamenu-parent li.entreprises .sp-dropdown .sp-dropdown-inner {
	background-color: #d2711b;
	background-image: url(../images/cercles-gris.svg);
	background-position: left 30%;
	background-repeat: no-repeat;
	background-size: 200%;
	background-blend-mode: lighten;
}

.sp-megamenu-parent li.entreprises .sp-dropdown .sp-dropdown-inner ul > li > a {
	border-top: none;
    color:#ffffff;
}
.sp-megamenu-parent li.entreprises .sp-dropdown .sp-dropdown-inner ul > li > a:hover {
	border-top: none;
    color:##97bb3a;
	background-color: none;
	border-bottom: none;
}

/*FIN Dropdowns en couleur selon class*/

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul > li > a {
    font-weight: 400;
    font-size: 14px;
    border-bottom: none;
    padding: 5px 0px 5px 12px;
	text-decoration: none !important;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul > li > a::before {
	  content: '\f061';
  font-family: 'FontAwesome';
	font-size: 10px;
	position: relative;
	top:-2px;
	padding-right: 5px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul > li > a.tittre-MAJ::before, .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul > li > a.titre-MAJ::before {
	  content: '\f18e';
  font-family: 'FontAwesome';
	font-size: 16px;
	position: relative;
	top:1px;
	padding-right: 5px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul > li > a.tittre-MAJ, .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul > li > a.titre-MAJ {
	font-weight: 700;
	font-size: 12px;
	padding: 20px 0px 0px 3px;
	text-decoration: none !important;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul > li > a.tittre-MAJ:hover, .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul > li > a.titre-MAJ:hover {
	background: transparent;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .gigaMenu {
	background-color: rgba(206,206,206,0.30);
	padding: 10px 5px 10px 10px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .gigaMenu ul {
    font-weight: 400;
    font-size: 12px;
    border-top:none;
	border-bottom:none;
	list-style: none;
    padding: 0px 0px 0px 5px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .gigaMenu ul > li > a {
	color:rgba(67,67,67,1.00);
    font-weight: 400;
    font-size: 12px;
	border-top: none;
    border-bottom:none;
    padding-left: 10px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .gigaMenu ul > li.TitreGigaMenu > a {
	text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
	line-height: 9px;
	border-top: none;
    border-bottom: none;
    padding-left: 0px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .gigaMenu ul > li > a:hover, .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .gigaMenu ul > li.TitreGigaMenu > a:hover {
	color: #2d2d2d;
}
/*Fin Megamenu*/



/*===============================
Fil d'arianne
================================================================================*/


.sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li::before, .sp-page-title .breadcrumb > li > a {
font-family: 'Open Sans Condensed', Helvetica, Arial, "sans-serif";
font-style: normal;
font-size: 0.9rem;
color: rgba(0, 0, 0, 0.70);
display: inline-block;
padding: 8px 15px 0px 0px;
position: relative;
}

.sp-page-title .breadcrumb > .active {
    color: rgba(0, 0, 0, 0.40);
}

.sp-page-title .breadcrumb li:after {
  content: '\f105';
  font-family: 'Fontawesome';
}

.breadcrumb, ol.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
	margin-left: -15px;
    margin-bottom: 1rem;
    list-style: none;
    background-color:transparent;
    border-radius: 0rem;
	font-size: .80rem;
}

.fa {
	margin-right: 10px;
}
/*====== FIN Fil d'arianne ===============================*/


#offlajn-ajax-tile-results {margin: 0px -15px 0px -15px;}

#offlajn-ajax-search175 {display: inline-block; margin: 10px 0px 0px 0px;}

#search-results175 {

    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: 2px;
    visibility: hidden;
    text-decoration: none;
    z-index: 1000;
    font-size: 12px;
    width: 450px;

}#offlajn-ajax-search-results-inner {
	background: #d2d2d2;
	padding: 0px 10px 10px 10px;;
}

/*===============================
HEADINGS
================================================================================*/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {

    font-family: 'Open Sans', Helvetica, Arial, "sans-serif";
    font-style: normal;
}
h1, .h1 {font-size: 2rem;}

h2, .h2, h2.sppb-addon-title {font-size: 1.7rem; color:#2d2d2d;text-align: left;}

/*h3, .h3, .blog-details-content h3, div.titre-accordeon-h4 h4.sppb-addon-title {font-size: 1.2rem;margin-bottom: 26px; line-height: 28px;}*/
body.particuliers h3, body.particuliers .h3, body.particuliers .h4.titre-accordeon-h4, body.particuliers .blog-details-content h3 {color:#000000;font-size: 20px;}

h4, .h4, h4.sppb-addon-title {font-size: 0.9rem; font-weight: 700; color:#2d2d2d;}

/* FIN HEADINGS*/

p {text-align: justify;}

/* FIN TYPOS*/

/* Main Menu*/
.sp-megamenu-parent >li:hover,
.sp-megamenu-parent >li.active {
  background: #2d2d2d;
  opacity: 1;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  background: transparent;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active> a {
  color: #2d2d2d;
}

/* FIN main Menu*/


/*body.fluid #sp-main-body.main-body {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
*/

/*===============================
Couleurs des éléments de pages selon la CLASS de couleur
================================================================================*/

/*body.cidb .main-body i.fa, body.actus .main-body i.fa, body.gris .main-body i.fa, body.collectivites .main-body i.fa, body.particuliers .main-body i.fa, body.turquoise .main-body i.fa, body.orange .main-body i.fa, body.entreprises .main-body i.fa {color:#2d2d2d !important;}

body.cidb .main-body i.fas.fa, body.actus .main-body i.fas.fa, body.gris .main-body i.fas.fa, body.collectivites .main-body i.fas.fa, body.particuliers .main-body i.fas.fa, body.turquoise .main-body i.fas.fa, body.orange .main-body i.fas.fa, body.entreprises .main-body i.fas.fa {color:#2d2d2d !important;}

body.gris .main-body i.fa-eye {color:#2d2d2d !important;}

body.gris .main-body i.fa-eye:hover {color:#2d2d2d !important;}

/*CidB
body.cidb  .sp-megamenu-parent > li a.cidb:hover,
body.cidb  .ts-nav-box.classic .sp-megamenu-parent > li.active > a {
    background: #2d2d2d;
}

body.cidb h2 a:hover {color:#2d2d2d;}

body.cidb h1 {
	color: #2d2d2d;
}
body.cidb i.fa:hover {color:#2d2d2d!important;}


body.cidb i.fas.fa:hover {color:#2d2d2d!important;}

/*actualités
body.actus .sp-megamenu-parent > li a.actus:hover,
body.actus  .ts-nav-box.classic .sp-megamenu-parent > li.active > a {
background: #2d2d2d;
}

body.actus h2 a:hover {color:#2d2d2d;}

body.actus h1 {
	color: #2d2d2d;
}

body.actus i.fa:hover {color:#2d2d2d!important;}

/*Ressources - gris
body.gris .sp-megamenu-parent > li a:hover,
body.gris .sp-megamenu-parent > li a.gris:hover,
body.gris  .ts-nav-box.classic .sp-megamenu-parent > li.active > a {
background: transparent;
}


body.gris h2 a:hover {color:#d2d2d2;}

body.gris h1 {
	color: #d2d2d2;
}
body.gris i.fa:hover {color:#d2d2d2 !important;}

/*Collectivités - à appliquer aussi à club-decibel
sp-megamenu-parent > li a.collectivites:hover,
body.collectivites sp-megamenu-parent > li a.collectivites:hover,
body.collectivites  .ts-nav-box.classic .sp-megamenu-parent > li.active > a {
background: #97bb3a;}

body.collectivites h2 a:hover {color:#97bb3a;}

body.collectivites h1, body.collectivites .article-list .article-header h2 a:link, body.collectivites .article-list .article-header h2 a:visited {
	color: #97bb3a;
}
body.collectivites .article-list .article-header h2 a:hover {
	color: #2d2d2d;
}
body.collectivites i.fa:hover {color:#97bb3a !important;}

/*particuliers - Velvet
body.particuliers .sp-megamenu-parent > li a.particuliers:hover,
body.particuliers  .ts-nav-box.classic .sp-megamenu-parent > li.active > a {
background: #97bb3a;}

body.particuliers h1 {
	color: #97bb3a;
}

body.particuliers .image-fa-svg {color:#97bb3a!important; }

body.particuliers h2 a:hover {color:#97bb3a;}

body.particuliers i.fa:hover {color:#97bb3a!important;}

/*turquoise
body.turquoise .sp-megamenu-parent > li a.turquoise:hover,
body.turquoise  .ts-nav-box.classic .sp-megamenu-parent > li.active > a {
background: #2d2d2d;
}

body.turquoise h2 a:hover {color:#2d2d2d;}

body.turquoise h1 {
	color: #2d2d2d;
}

body.turquoise i.fa:hover {}

/*entreprises - orange
body.orange .sp-megamenu-parent > li a.orange:hover,
body.entreprises .sp-megamenu-parent > li a.entreprises:hover,
.sp-megamenu-parent > li a.orange:hover,
.sp-megamenu-parent > li a.entreprises:hover,
body.orange  .ts-nav-box.classic .sp-megamenu-parent > li.active > a,
body.entreprises  .ts-nav-box.classic .sp-megamenu-parent > li.active > a {
background: #2d2d2d;}

body.orange h2 a:hover, body.entreprises h2 a:hover {color:#2d2d2d;}

body.orange h1, body.entreprises h1 {
	color: #2d2d2d;
}
body.orange i.fa:hover, body.entreprises i.fa:hover {color:#2d2d2d !important;}

/**/
.article-body {background-color: #ffffff; padding: 10px 15px 10px 15px;}
.article-intro-image {margin-bottom: 20px;}
.article-header {padding-top: 30px;}
.article-list .article .article-header h1, .article-list .article .article-header h2 {
    font-size: 1.2rem;
    margin: 1.25rem 0 1.25rem 0;
    font-weight: bold;
}

.category-name a, .itemCategory a, .catItemCategory a {
    position: relative;
    z-index: 1;
    display: inline-block;
    color: #fff !important;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0px 10px;
    line-height: 21px;
    height: 20px;
    letter-spacing: 0.55px;
    background: #2d2d2d;
}

.blog-details-content p {

    font-size: 14px;
    line-height: 28px;
    margin-bottom: 25px;

}
.blog-details-content ul li {
    font-size: 14px;
    line-height: 28px;
	padding-left: 20px;
    list-style: inside;
	list-style-type: disc;
}
ul.category-module.liste-archives.mod-list li {
    font-size: 14px;
    line-height: 28px;
	padding-left: 20px;
    list-style: inside;
	list-style-type: none;
}
ul.category-module.liste-archives.mod-list ul li > a::before {
	  content: '\f18e';
  font-family: 'FontAwesome';
	font-size: 16px;
	position: relative;
	top:1px;
	padding-right: 10px;
}
.blog-details-content ul.liste-archives li::before {
	  content: '';
}
div.mod-articles-category-group {
	display: inline-block;
	padding: 40px 0px 10px 0px;
	font-size: 30px;
	color: #2d2d2d;
}
/*.mod-articles-category-group::before {
	  content: ''!important;
}*/
.sppb-panel-modern > .sppb-panel-heading {

    padding: 17px 30px 17px 15px;
    background: #d2d2d2;
    color: #000000;

}
.sppb-articles-ticker-text {}
.sppb-articles-ticker-text a{}


/*===============================
Réglages cosmétiques - Debug SEP19
================================================================================*/
.ts-overlay-article .owl-nav .owl-prev, .ts-overlay-article .owl-nav .owl-next {
    font-size: 14px;
    background: #2D2D2D !important;
    color: #fff;
    width: 28px;
    height: 28px;
    display: inline-block;
    position: relative;
    margin: 0;
    outline: none;
}
.su-icon-list .icon_list_item .icon_description h3 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 10px;
	padding: 5px 0px 0px 0px;
    clear: none !important;
    line-height: inherit;
}

/*===============================
navscroll
================================================================================*/

.doc-nav.affix {
  top: 100px;
}
.doc-nav.affix-bottom {
    position: relative;
}
.doc-nav > li {
    background: none repeat scroll 0 0 #d2d2d2;
    margin-bottom: 1px;
    width: 200px;
}

.doc-nav > li.active > a {
    font-weight: bold;
}

.doc-nav .docs-progress-bar {
    background: none repeat scroll 0 0 #d2d2d2;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
}

/*--------------------------*/

/*===============================
Habillage entêtes modules pagebuilder
================================================================================*/

/*----------- Particuliers -----------*/
.particuliers-accueil .sppb-addon-title::before {
    content: "";
    display: block;
    background: url("../images/icones/particulier.svg");
    width: 28px;
    height: 28px;
    float: left;
    margin: 0 15px 0 0;

}
.particuliers-accueil .sppb-addon-title {
	font-weight: 700;
	/*background-image: linear-gradient(to right, #97bb3a, #ffffff);*/
	background: #2d2d2d;
    color: #fff;
    text-align: left;
    font-size: 20px;
    margin: -20px -15px 25px -15px;
    padding: 12px;
}

/*----------- Actus -----------*/
.actus-accueil .sppb-addon-title::before {
    content: "";
    display: block;
    background: url("../images/icones/actus.svg");
    width: 28px;
    height: 21px;
    float: left;
    margin: 4px 10px 0 0;

}
.actus-accueil .sppb-addon-title {
	font-weight: 700;
	/*background-image: linear-gradient(to right, #97bb3a, #ffffff);*/
	background: #2d2d2d;
    color: #fff;
    text-align: left;
    font-size: 20px;
    margin: -20px -15px 25px -15px;
    padding: 12px 15px;
}

/*----------- Agenda -----------*/
body.accueil .agenda-header .sppb-addon-title::before {
    content: "";
    display: block;
    background: url("../images/icones/calendar.svg");
    width: 28px;
    height: 28px;
    float: left;
    margin: 0px 10px 0 0;

}
body.accueil .agenda-header .sppb-addon-title {
	font-weight: 700;
	background: #2d2d2d;
    color: #fff;
    text-align: left;
    font-size: 20px;
    margin: 0px -15px 25px -15px;
    padding: 12px 15px;
}

body.accueil .bx-viewport {
	max-height: 310px;
	overflow: hidden;
}
/*----------- Module Twitter Accueil -----------*/
body.accueil .tweet .sppb-addon-title::before {
    content: "";
    display: block;
    background: url("../images/icones/twitter_white.svg");
    width: 28px;
    height: 28px;
    float: left;
    margin: 0px 10px 0 0;

}
body.accueil .tweet .sppb-addon-title {
	font-weight: 700;
	/*background-image: linear-gradient(to right,#97bb3a, #ffffff);*/
	background: #97bb3a;
    color: #fff;
    text-align: left;
    font-size: 20px;
    margin: 0px -15px 20px -15px;
    padding: 12px;
}

/*----------- Collectivites -----------*/
body.accueil .collectivites .sppb-addon-title::before, .collectivites .sppb-title-heading::before {
    content: "";
    display: block;
    background: url("../images/icones/collectivites.svg");
    width: 30px;
    height: 22px;
    float: left;
    margin: 2px 10px 0 0;
}
body.accueil .collectivites .sppb-addon-title, .collectivites .sppb-title-heading {
	font-weight: 700;
	background: #2d2d2d;
    color: #fff;
    text-align: left;
    font-size: 20px!important;
	line-height: 26px!important;
    margin: 0px -20px 25px -20px;
    padding: 12px;
}
/*----------- Entrepreneurs -----------*/
body.accueil .pros .sppb-addon-title::before {
    content: "";
    display: block;
    background: url("../images/icones/entrepreneur.svg");
    width: 28px;
    height: 28px;
    float: left;
    margin: 0 10px 0 0;

}
body.accueil .pros .sppb-addon-title {
	font-weight: 700;
	background: #2d2d2d;
    color: #fff;
    text-align: left;
    font-size: 20px;
    margin: -30px -30px 25px -30px;
    padding: 12px;
}


.ts-overlay-article .item .post-overlay-content .post-title.lg {

    font-size: 20px;
	line-height: 26px;
    margin-bottom: 20px;

}

/*===============================
Accordeon 2e niveau
================================================================================*/

.su-spoiler-style-simple, .su-spoiler-style-default {
border-top: none;
border-bottom: 1px solid #d2d2d2;
padding: 0;
margin: 0;
}
.su-spoiler-title {
	background-color: #ffffff;
    position: relative;
    cursor: pointer;
    line-height: 15px;
    padding: 0px 10px 0px 35px;
}

.sppb-panel-modern > .sppb-panel-heading, .sppb-panel-default > .sppb-panel-heading {
    padding: 10px 30px 10px 15px;
    background: #ffffff;
    color: #2d2d2d;
}
.blog-details-content .su-spoiler-title h3 {
font-size: 16px;
margin-bottom: 15px;
line-height: 20px;
}

.su-spoiler-icon {
    position: absolute;
    top: 0%;
    margin-top: 0px;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 21px;
    text-align: center;
    font-size: 14px;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}

.su-spoiler.su-spoiler-style-default .su-spoiler-icon {
    right: 0;
}

.sppb-panel-title h2 {
	font-size: 24px;
}


body.mediatheque .article-list .article .article-header h2 {
	font-size: 95%!important;
}


/*===============================
Champs personnalises
================================================================================*/
.div-champs-perso-1 {
	margin: 20px 0px 40px 0px;
	padding:5px 10px 5px 10px;
	border-left:1px dotted #2d2d2d;
}

dl.fields-container {
	margin: 0px;
}

dl.fields-container > dd {
	line-height: 15px;
}


.field-value {
	font-size:85%;
	font-weight: bold;
}

.field-label {
	font-weight:400;
	font-size:85%;
}

/*===============================
feature box scaling
================================================================================*/


.col-filet-gauche {

    border-left: 1px solid #d2d2d2;
    position: relative;
    padding: 0px 0px 50px 30px;

}

.sppb-addon-feature .sppb-icon i, .sppb-icon .sppb-icon-container {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  font-size: 55px;
  display: inline-block;
}
.sppb-addon-feature:after, .sppb-icon .sppb-icon-container::after {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.sppb-addon-feature:hover .sppb-icon i, .sppb-icon .sppb-icon-container:hover i {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

/*===============================
Moteur Références Bibliographiques
================================================================================*/

form.refbibi input[type="checkbox"], form.refbibi input[type="radio"] {
    opacity: 0;
    height: 0;
	width: 0;
}

.buttonContainer {

}

#resultsContainer {
	margin-top: 40px;
	display: none;
	padding: 10px 10px 5px 10px;
	width: 100%;
	background: #f0f0f0;
}

#resultsContainer a
{

	color: #97bb3a;

}
#resultsContainer h4 {
	display: block;
	margin-bottom: -10px;
}
#resultsContainer .jtrigger {
	position: relative;
	display: inline-block;
	background: transparent url(../images/eye.png) no-repeat left center;
	margin: 8px 0px 20px 0px;
	padding-left: 20px;
	font-size: 95%;
	cursor:pointer;
}
#resultsContainer .toggle_container {
	display: block;
	padding: 10px 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	width: 95%;
	overflow: hidden;
	border: 1px dashed #ccc;
	background-color: #d2d2d2;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-rightright-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-rightright-radius: 3px;
}


/*form.refbibi
{
	position: relative;
	height: 50px;
}

#searchbox
{
	position: relative;
	border: 1px solid #000000;
	height: 30px;
	width: 400px;
	font-size: 22px;
	padding: 2px;
}
#auteur{text-transform: uppercase;}

.buttonContainer
{
	position: absolute;
	top: 3px;
	right: 20px;
}

#resultsContainer
{
	display: none;
	padding: 0px 10px 5px 10px;
	width: 100%;
}

#resultsContainer a
{

	color: #97bb3a;

}
#resultsContainer h4 {
	display: block;
	color: #F60;
	margin-bottom: -10px;
}
#resultsContainer .jtrigger {
	display: block;
	background: transparent url(../images/eye.png) no-repeat 2px 3px;
	margin: 5px 0px 20px 0px;
	padding-left: 20px;
	color: #333;
	font-size: 95%;
	cursor:pointer;
}
#resultsContainer .toggle_container {
	display: block;
	padding: 10px 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	width: 95%;
	overflow: hidden;
	border: 1px dashed #ccc;
	background-color: ##d2d2d2;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-rightright-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-rightright-radius: 3px;
}
#resultsContainer .toggle_container span.refCidb {
	color:#0CF;
}
.url-holder
{
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}

.url-title
{
	font-size: 22px;
}

.url-desc
{
	font-size: 16px;
	padding-right: 10px;
}

a.button {
    background: transparent url('../images/buttons/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/buttons/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none;
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}

fieldset.refbibi { display: block; border: 1px solid #d5dfe5; border-bottom: 2px solid #d5dfe5; margin-bottom: 39px; padding: 15px; }
fieldset.refbibi legend { font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; color: #e5007f; margin: 0; padding: 0 10px 0 10px; font-weight: bold; text-transform: uppercase; }
fieldset.refbibi label { display: block; margin-top: 15px; }

input.refbibi, textarea.refbibi { padding: 6px; margin: 10px 1px 15px 1px; font-size: 1em; border: 1px solid #eaeaea; color: #646464; width: 450px; }
textarea.refbibi { height: 100px; }

input.refbibi:hover, textarea.refbibi:hover {
	border: 1px solid #4f473f;
}
input.refbibi:focus, textarea.refbibi:focus {
	border: 2px solid #97bb3a;
	margin: 9px 0 14px 0;
}

input.contact-submit { background: #b9005f; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 4px; margin-right: 10px; border: 1px solid #b9005f; color: #fff; text-transform: uppercase; font-weight: bold; }
input.contact-submit:hover { background: #000; }*/

.ja-megafilter-wrap .sidebar-main {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
	width: 75%;
}
.ja-megafilter-wrap .main-content {
    float: right;
    padding-left: 15px;
    padding-right: 15px;
	width: 25%;
}
.ja-filter-wrapper .filter-content {
    background-color: #d2d2d2;
    padding: 20px;
}

.ja-filter-wrapper .filter-content .filter-range .filter-options-content .ui-slider-horizontal {
    background-color: #2d2d2d;
    border-radius: 0;
    border: 0;
    height: 6px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

#sorter {visibility: hidden;}

.products-toolbar .orderby-displaynumber .toolbar-amount {
    margin-top: 0;
    position: absolute;
    left: 12%;
}
.products-toolbar .toolbar-sorter .action {
	font-weight:600;
    background-color: transparent;
    border: 1px solid #2d2d2d;
	border-radius: 5px;
    color: #2d2d2d;
    float: none;
    height: 34px;
    line-height: 30px;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    width: auto;
	margin-top: 10px;
}
.products-toolbar .toolbar-sorter .action  i.fa {color: #2d2d2d !important;}
div[itemprop="articleBody"] span.field-value {
	font-weight: 400;
 font-size: 14px;
    line-height: 28px;
    margin-bottom: 25px;
}


.main-slider-item-petit .item {
    min-height: 290px;
}

.main-slider-item-petit .item .post-overlay-content {
	padding: 3px 20px;
	background: rgba(0,0,0,0.40);
}

.main-slider-item .item .post-overlay-content .post-title a  {
    color: #fff;
	text-shadow: 1px 1px 2px #000000;
}
.main-slider-item-petit .item .post-overlay-content .post-title a {
    color: #fff;
	font-size: 1.1rem;
	line-height: 25px;
	text-shadow: 1px 1px 2px #000000;
}


.sppb-addon-articles-carousel .bx-pager.bx-default-pager {
	visibility: hidden;
}
.bx-controls-direction {
	position: relative;
	top:25px;
	left:190px;
}
.sppb-articles-carousel-link {
	font-size: 1.2rem;
	font-weight: 400;
	margin-bottom: 20px;
}

.date-caroussel {
	font-size: 1rem;
	font-weight: 700;
	color: #2d2d2d;
}

.uk-table-divider td, .uk-table-striped td {
	border: 1px solid #2d2d2d;
}

/* CSS tableaux responsives plugin - Mobile */
table, .rt {
  border: 1px solid #d2d2d2;
  background-color: #FFFFFF;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table td, table th, .rt td, .rt th {
  border: 1px solid #2d2d2d;
  padding: 0px 0px;
}
table tbody td, .rt tbody td, table tbody td p, .rt tbody td p {
  font-size: 13px;
text-align: center;
}
table thead, .rt thead {
  background: #d2d2d2;
  border-bottom: 2px solid #d2d2d2;
}
table thead th, .rt thead th {
  font-size: 15px;
  font-weight: bold;
  color: #2d2d2d;
  text-align: center;
  border-left: 2px solid #d2d2d2;
}
.rt thead th:first-child {
  border-left: none;
}

.rt tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background: #97bb3a;
  background: -moz-linear-gradient(top, #97bb3a 0%, #97bb3a 66%, #97bb3a 100%);
  background: -webkit-linear-gradient(top, #97bb3a 0%, #97bb3a 66%, #97bb3a 100%);
  background: linear-gradient(to bottom, #97bb3a 0%, #97bb3a 66%, #97bb3a 100%);
  border-top: 2px solid #2d2d2d;
}
.rt tfoot td {
  font-size: 14px;
}
.rt tfoot .links {
  text-align: right;
}
.rt tfoot .links a{
  display: inline-block;
  background: #97bb3a;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

@media only screen and (max-width: 40em) 

	{ 

		.responsive { display: block; position: relative; width: 100%; }
		.responsive thead { display: block; float: left; }
		.responsive tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
		.responsive thead tr { display: block; }
		.responsive th { display: block; }
		.responsive tbody tr { display: inline-block; vertical-align: top; }
		.responsive td { display: block; min-height: 1.25em; }

/* sort out borders */

		.rt th { border-bottom: 0; }
		.rt td { border-left: 0; border-right: 0; border-bottom: 0; }
		.rt tbody tr { border-right: 1px solid #d2d2d2; }
		.rt th:last-child,
		.rt td:last-child { border-bottom: 1px solid #d2d2d2; }
		
	}

/*===============================
Textes
================================================================================*/


.chapo, p.chapo, .blog-details-content p.chapo, span.chapo {
	font-size: 110%;
	font-weight: 700;
}

.contact, p.contact, span.contact {
	display: inline-block;
	border-top: dotted 1px #2d2d2d;
	margin: 20px 0px;
	padding-top:7px;
	font-family: "Open Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: 700;
	font-size: 0.95rem;
	color: #2d2d2d;
}

.credit {
	display: inline-block;
	border-top: dotted 1px #2d2d2d;
	padding-top:10px;
	font-family: "Open Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: 700;
	font-size: 0.95rem;
	color: #999;
}
.clear {clear: both;}
.clear-right {clear: right;}

.eb-heading h3 {
	font-size: 10px;
	font-weight: 100;
}

.eb-heading {
  font-size: 10px;
  font-weight: 100;
}
/*===============================
Images
================================================================================*/

img.rond-gauche {
	float: left;
	margin: 0px 20px 15px 0px;
	-webkit-box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
-moz-box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#d2d2d2', Positive='true');
zoom:1;
box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
}
/* pour IE9 et + ce hack ci-dessous peut être fait avec les commentaires conditionnels d'IE :
[if gte IE 9]*/
@media only screen{.ombre{filter: none;}} /*Ie9+*/

.ombre {
-webkit-box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
-moz-box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#d2d2d2', Positive='true');
zoom:1;
box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
}
/* pour IE9 et + ce hack ci-dessous peut être fait avec les commentaires conditionnels d'IE :
[if gte IE 9]*/
@media only screen{.ombre{filter: none;}} /*Ie9+*/

img.habillage-gauche {
	float: left;
	margin: 0px 20px 15px 0px;
	-webkit-box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
-moz-box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#d2d2d2', Positive='true');
zoom:1;
box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
overflow: hidden;
}
/* pour IE9 et + ce hack ci-dessous peut être fait avec les commentaires conditionnels d'IE :
[if gte IE 9]*/
@media only screen{.ombre{filter: none;}} /*Ie9+*/


.ombre {
-webkit-box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
-moz-box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#d2d2d2', Positive='true');
zoom:1;
box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
}
/* pour IE9 et + ce hack ci-dessous peut être fait avec les commentaires conditionnels d'IE :
[if gte IE 9]*/
@media only screen{.ombre{filter: none;}} /*Ie9+*/

img.habillage-droite {
	float: right;
	margin: 0px 0px 15px 20px;
	-webkit-box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
-moz-box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#d2d2d2', Positive='true');
zoom:1;
box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
}
/* pour IE9 et + ce hack ci-dessous peut être fait avec les commentaires conditionnels d'IE :
[if gte IE 9]*/
@media only screen{.ombre{filter: none;}} /*Ie9+*/

.ombre {
-webkit-box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
-moz-box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#d2d2d2', Positive='true');
zoom:1;
box-shadow: 5px 5px 8px 3px rgba(101,101,101,0.50);
}
/* pour IE9 et + ce hack ci-dessous peut être fait avec les commentaires conditionnels d'IE :
[if gte IE 9]*/
@media only screen{.ombre{filter: none;}} /*Ie9+*/

/*===============================
Boutons
================================================================================*/

a.button {
    background:#ffffff;
    display: block;
    float: left;
    text-decoration: none;
	border-radius: 3px;
	border: 1px solid #2d2d2d;
	margin: 20px 0px;
	padding: 5px 10px 5px 10px;
	font-size: 20px;
}

.button-rouge {
	color:#2d2d2d;
    display: block;
    float: left;
    text-decoration: none;
	border-radius: 3px;
	border: 1px solid #2d2d2d;
	margin: 20px 0px;
	padding: 5px 10px 5px 10px;
	font-size: 20px;
}

.align-droite {text-align: right;}


/*===============================
Espace emploi
================================================================================*/

table.liste-offres-emploi, table.detail-offre-emploi {
	border:none;
	border-top-left-radius: 10px ;
	border-top-right-radius: 10px ;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
  overflow: hidden;
  box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
}
table.liste-offres-emploi tr {
	border-bottom: 1px dotted #333;
	padding-bottom: 5px;
}

table.liste-offres-emploi th, table.liste-offres-emploi td {
	border:none;
	background-color: #ffffff;
	text-align: left;
	padding: 10px 10px 10px 20px;
}

table.liste-offres-emploi th {
	background-color: #d2d2d2;
}

table.detail-offre-emploi {
	border:none;
}
table.detail-offre-emploi tr {
	border-bottom: 1px dotted #333;
	padding-bottom: 5px;
}

table.detail-offre-emploi th, table.detail-offre-emploi td {
	border:none;
	background-color: #ffffff;
	text-align: left;
	padding: 10px 10px 10px 20px;
}

table.detail-offre-emploi th {
	background-color: #d2d2d2;
	min-width: 20%;
}

/* Event Header */

#icagenda.ic-event-view {
    margin-bottom: 20px;
	background-color: #ffffff;
}

.ic-event-header {
  display: block;
  width: auto;
  height: auto;
  margin: 10px 0px 0px 40px;
  padding: 0px;
  border-radius: 0px;
}

.ic-event-header h1, .ic-event-header h2 {
	color: #2d2d2d;
	margin-right: 60px;
  padding: 0px;
}

/* Style Event General */
.ic-info {
  margin: 0px 0;
  padding: 40px;
/*  color:#2d2d2d; Removed to be more friendly with dark site templates */
  background: rgba(255,255,255,1);
  border: 0px;
  border-radius: 0px;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
}

.ic-info-box-header {
  display: block;
  background: rgba(045,045,045,0.2);
  vertical-align: middle;
  border: 0;
  padding: 10px;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 1px 1px 0 0;
  -moz-border-radius: 1px 1px 0 0;
  -o-border-radius: 1px 1px 0 0;
  border-radius: 1px 1px 0 0;
}

  .ic-info-box {
  display: block;
  width: 100%;
  text-align:center;
  background: rgba(255,255,255);
  color: rgba(255,255,255,0.2);
  padding-top: 0px;
  margin: 0;
  border: 0;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  }

/* Style Description */
.ic-detail-desc {
  padding: 10px;
  margin: 10px;
  background: #fff;
  background: rgba(255,255,255,0.9);
  color: #333;
  text-align: left;
  text-shadow: none;
  border: 0;
  border-radius: 1px;
  }

.ic-image img {
	max-width: 98%;
	max-height: 400px;
	border: 0px solid #ccc;
	margin-bottom: 10px;
	border-radius: 1px;
	display: block;
    float: left;
    padding-right: 15px;
  }
/*
 * Style Background alternative
 */
.ic-event {
  margin: 2% 0;
  padding: 0.5%;
  border-radius: 1px;
  background: none; /* Old IE version */
  background: rgba(221,221,221,0.1);
}
/*
 * Style Box Date
 */
.ic-box-date {
  width: 18%;
  height: 80px;
  padding: 3%;
  padding-top: 25px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  float: left;
  margin: 0.5%;
  border-radius: 1px;
  text-shadow: #000 2px 2px 10px;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd; /*overrided inline by category color in ic_rounded_events.php file */
  /* css3 box-sizing added to prevent conflict with a site template provider who adds a 'problematic' style for div tags */
  box-sizing: content-box;
}
.ic-box-date:hover {
  transition: border-radius 0.5s, color 0.5s;
  -moz-transition: border-radius 0.5s, color 0.5s;
  -webkit-transition: border-radius 0.5s, color 0.5s;
  -o-transition: border-radius 0.5s, color 0.5s;
  border-radius: 1px;
}


/*===============================
PEDAGOTHEQUE - AVRIL 2021
================================================================================*/

/*= Affichage liste =*/

.ja-products-wrapper .product-item div.product-item-info.pedago {
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(100,194,200,0.05);
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
border: 1px solid #2d2d2d;
border-image: none 100% 1 0 stretch;
box-sizing: border-box;
color: #2d2d2d;
font-family: "Open Sans",sans-serif;
font-size: 12px;
line-height: 24px;
font-weight: 700;
padding: 20px;
text-align: left;
}

.ja-products-wrapper .product-item div.product-item-info.pedago div.col-md-12 {
display: inline-block;
color: #2d2d2d;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
line-height: 16px;
padding: 0 10px;
text-align: left;
margin-bottom: 20px;
}

.ja-products-wrapper .product-item div.product-item-info.pedago div.col-md-12 a.product-item-link {
box-sizing: border-box;
color: #232323;
cursor: pointer;
display: block;
font-family: "Open Sans",sans-serif;
font-size: 1.2em;
font-weight: 700;
line-height: 1.2em;
text-transform: none;
margin-bottom: 20px;
margin: 0 0 20px 0;
text-align: left;
width: auto;
}

.ja-products-wrapper .product-item div.product-item-info.pedago div.col-md-12 a.product-item-link:after {
  border-bottom: 5px solid #2d2d2d;
  content: "";
  display: block;
  padding-top: 10px;
  transition: all .5s;
  width: 15%;
}

/*= Affichage Article =*/


div.articleBody {
	float: left;
	width: 33%;
	overflow: hidden;
}
@media screen and (min-width: 320px) {
  div.articleBody {
width: 100% !important;
  }
}
@media screen and (min-width: 1000px) {
  div.articleBody {
width: 30% !important;
  }
}

div.articleBody img {
	float:left;
	border: 2px solid #ffffff;
	margin: 0px 0px 30px 0px;
}

div.articleBody img[src*="png"] {
  border: none;
  background: transparent;
  box-shadow: none;
}

body.gris div.full-pedago {
overflow: hidden;
background-image: url("../../../images/pedagotheque/icones-JAMEGAFILTER/pedago-blue-bg.jpg");
width: 100%;
height:inherit!important;
background-size: cover;
background-color: #54a1a7;
padding: 30px;
}

body.gris h1.h1-pedago {
 box-sizing: border-box;
color: #ffffff;
cursor: pointer;
display: block;
font-family: "Open Sans",sans-serif;
font-size: 2em;
font-weight: 700;
line-height: 1.2em;
margin-bottom: 20px;
width: auto;
}
body.gris  h1.h1-pedago:after {
  border-bottom: 5px solid #ea4938;
  content: "";
  display: block;
  padding-top: 20px;
  transition: all .5s;
  width: 5%;
}
body.gris h2.h2-pedago {
 box-sizing: border-box;
color: #ffffff;
cursor: pointer;
display: block;
font-family: "Open Sans",sans-serif;
font-size: 1.3em;
font-weight: 700;
line-height: 1em;
margin-bottom: 20px;
width: auto;
}
body.gris  h2.h2-pedago:after {
  border-bottom: 5px solid #ea4938;
  content: "";
  display: block;
  padding-top: 5px;
  transition: all .5s;
  width: 5%;
}

div.champ-pedago-public {
	font-size: 1.2rem;
	color:#ffffff;
	display: block;
	line-height: 20px;
	text-align: left;
	margin-bottom: 50px;
}
@media screen and (min-width: 320px) {
  div.champ-pedago-public {
    max-width: 100%;
	width: 100% !important;
	float: left;
  }
}
div.bloc-champs-droite-transp {
	max-width: 65%;
	float: right;
	padding: 0px;
	text-align: left;
	background-color: rgba(221,221,221,0.00);
	margin-bottom: 20px;
}

div.bloc-champs-droite {
	height: 100%;
	width: 65%;
	max-width: 65%;
	float: right;
	padding: 10px;
	text-align: left;
	background-color: rgba(255,255,255,0.30);
	margin-bottom: 20px;
}

@media screen and (min-width: 320px) {
  div.bloc-champs-droite, div.bloc-champs-droite-transp {
    max-width: 100%;
	  width: 100% !important;
	float: none;
	padding: 10px;
  }
}
@media screen and (min-width: 1000px) {
  div.bloc-champs-droite, div.bloc-champs-droite-transp  {
	max-width: 65%;
	float: right;
	padding: 10px;
  }
}

div.champ-pedago {
	display: block;
	line-height: 25px;
	margin-bottom: 10px;
	text-align: left;
}
div.champ-pedago:after {
  border-bottom: 1px solid #ffffff;
  content: "";
  display: block;
  padding-top: 10px;
  transition: all .5s;
  width: 5%;
}

div.bloc-champs-droite-transp div.champ-pedago {
	display: block;
	line-height: 25px;
	margin-bottom: 10px;
}

div.bloc-champs-droite-transp div.champ-pedago:after {
  border-bottom: none;
  content: "";
  display: block;
  padding-top: 10px;
  transition: all .5s;
  width: 5%;
}

div.champ-pedago span.field-label, div.champ-pedago span.field-value {
	font-size: 0.85rem;
	color:#ffffff;
	font-weight: 500;
}
div.champ-pedago span.field-label {
	font-size: 0.85rem;
	color:#ffffff;
	font-weight: 700;
}
div.champ-pedago img {
	display: inline-block;
	margin-right: 5px;
	max-height:20px;
	width: auto;
	max-width:25px;
	filter: invert(36%) sepia(60%) saturate(3451%) hue-rotate(343deg) brightness(97%) contrast(88%);
}

/* Bouton rouge slider accueil - 19 OCT 2022 */

.sppb-sp-slider-button .sp-slider-btn-text {
  display: block;
  background: #ea4938;
  padding: 10px 20px;
  transition-duration: .4s;
  transition-property: color,background;
}
/* Liste evenements Agenda Home - 02 JANV 2023 */
.default_eventlist .iceventlist-title {
  padding-top: 3px;
  line-height: 15px !important;
  font-size: 13px;
  font-weight: bold;
}

#sp-main-body .default_eventlist .iceventlist-title a {
  color:#ea4938;
}

.default_eventlist .iceventlist-venue {
line-height: 15px !important;
font-size: 11px;
font-weight: bold;
}
.default_eventlist .iceventlist-city, .default_eventlist .ic-datetime-div {
  line-height: 14px !important;
  font-size: 11px;
font-weight: bold;
	color: #898b8c;
}
.default_eventlist .iceventlist-desc {
	font-size: 12px;
	display: inline-block;
	line-height: 14px!important;
}