@font-face {
    font-family: 'allerbold';
    src: url('assets/fonts/aller_bd-webfont.woff2') format('woff2'),
         url('assets/fonts/aller_bd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'aller_lightregular';
    src: url('assets/fonts/aller_lt-webfont.woff2') format('woff2'),
         url('assets/fonts/aller_lt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'allerregular';
    src: url('assets/fonts/aller_rg-webfont.woff2') format('woff2'),
         url('assets/fonts/aller_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'aller_displayregular';
    src: url('assets/fonts/allerdisplay-webfont.woff2') format('woff2'),
         url('assets/fonts/allerdisplay-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'multimedia_iconsregular';
    src: url('assets/fonts/multimedia_icons-webfont.woff2') format('woff2'),
         url('assets/fonts/multimedia_icons-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'latoregular';
    src: url('assets/fonts/lato-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
body {
	font-family: 'allerregular', sans-serif;
	position: relative;
	max-width: 100%;
	overflow-x: hidden;
}
h1, h2, h3 {
	font-family: 'allerbold', sans-serif;
}
.slider_description,
.slider_main .slider_name,
.path-frontpage .page-header,
.path-frontpage .views-element-container.contextual-region.form-group  {
	display: none;
}
div[data-ts="flat"] {
	display: none;
}
#block-ils-titresite {
	text-align: center;
}
header {
	display: flex;
	flex-direction: column;
}
.header.middle h1 {
	font-size: 3em;
}
.slider-home, .slider {
	padding: 0 0;
}
.carousel-control.left, .carousel-control.right {
	background: transparent;
	display: none;
}
.slider-home .carousel-inner .img-responsive {
	width: 100%;
}
.slider-home .item.row {
	max-height: 65vh;
	overflow: hidden;
}
.slider-home .carousel-indicators .active {
	background-color: #cca657;
}
.slider-home .carousel-indicators li {
	width: 35px;
	height: 35px;
	margin: 10px;
	border: none;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: rgba(204, 166, 87, 0.6);
}
@media screen and (max-width:999px ){
	.slider-home .carousel-indicators li {
		width: 2rem;
		height: 2rem;
	}
}
#block-ils-pictosliens .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
}
#block-ils-pictosliens .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item > div {
	width: 25%;
}
#block-ils-pictosliens .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item > div img {
	max-width: 300px;
	height: auto;
}
#block-ils-pictosliens .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item > div img {
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 1200px) {
	#block-ils-pictosliens .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item > div img {
		max-width: 300px;
	}
}
#navbar::before, #navbar::after {
	display: none;
}
.navbar {
	border: none;
}
.menu.menu--main.nav.navbar-nav {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: space-between;
}
.navbar {
	margin-bottom: 0;
}
#header-picto .region {
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
	position: relative;
}
@media screen and (max-width:999px ){
	#header-picto .region.region-header-right {
		flex-wrap: wrap;
	}
}
@media screen and (max-width:768px ){
	.header-ils {  
		display: grid;
		grid-template-columns: 0.5fr 1fr;
		grid-template-rows: 0.2fr 1fr;
		gap: 24px 24px;
		grid-auto-flow: row;
		grid-template-areas:
		  "header-pictos header-pictos"
		  "logo title";
	}
	  
	#header-picto {
		grid-area: header-pictos;
		width: 100%;
	}
	  
	.header.left { grid-area: logo; }
	  
	.header.middle { grid-area: title; }
	  
}
@media screen and (max-width:520px ){
	.header-ils {
		grid-template-columns: 0.1fr 1.9fr;
		grid-template-rows: 1fr 1fr;
		grid-template-areas: "logo header-pictos" "title title ";
	}
	body:not(.path-frontpage) .header-ils {
		grid-template-rows: 1fr 0.2fr;
	}
	.logo.navbar-btn.pull-left, .logo.navbar-btn.pull-left img {
		height: 150px;
	}
}
#block-pictoheader .layout .field {
	display: flex;
}
.slider_main #jssor_9 div.i:first-child {
	width: inherit !important;
}
.jssorb132 {
	display: flex;
	justify-content: space-around;
	align-content: center;
	text-align: center;
}
#block-ils-pictosliens {
	background-image: url('/sites/default/files/2023-06/background-pictos.jpg');
	background-size: cover;
	background-position: center;
}
.path-frontpage .main-container.container.js-quickedit-main-content {
	width: 100%;
	padding: 0;
}
#block-ils-pictosliens .layout--onecol {
	width: 90%;
	max-width: 1700px;
	margin: auto;
	padding: 5em 1em;
}
#block-ils-pictosliens .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item a {
	color: white;
	font-size: 25px;
}
/* main menu */
.menu.menu--main.nav.navbar-nav {
	background: #79B0BC;
	color: white !important;
	text-transform: uppercase;
}
@media screen and (max-width: 1048px) {
	.menu.menu--main.nav.navbar-nav {
		flex-wrap: wrap;
	}
}
@media screen and (min-width: 960px) {
	.path-frontpage.has-glyphicons.mm-wrapper.mm-wrapper--position-left.theme__color {
		margin-top: 0;
	}
}
@media screen and (max-width: 960px) {
	#block-ils-main-menu {
		display: none;
	}
	#block-responsivemenumobileicon {
		width: 100%;
		background-color: #79B0BC;
	}
	.navbar {
		margin-bottom: 0;
	}
	#block-responsivemenumobileicon {
		width: 100%;
		background: #79b0bc;
		min-height: 50px;
		display: flex;
		align-items: center;
	}
}
.menu.menu--main.nav.navbar-nav a{
	color: white !important;
}
.menu.menu--main.nav.navbar-nav li a {
	font-family: "allerbold", sans-serif;
	font-size: 2.5rem;
}
.nav > li > a:hover, .nav > li > a:focus {
	background-color: #005DA9;
}
.menu.menu--main.nav.navbar-nav .open > a,
.menu.menu--main.nav.navbar-nav .open > a:hover,
.menu.menu--main.nav.navbar-nav .open > a:focus {
	background-color: #005DA9;
	border-color: #005DA9;
}
.menu.menu--main.nav.navbar-nav .dropdown-menu li a {
	color: #79b0bc !important;
}
/* section home */
#block-views-block-applications-block-2 .block-title {
	text-align: center;
	background: #79b0bc;
	color: white;
	margin: 0;
	padding: 2rem;
}
.path-frontpage .contextual-region.produit.teaser.clearfix,
.path-frontpage .contextual-region.produit.teaser.clearfix .content,
.path-frontpage .contextual-region.produit.teaser.clearfix .layout--twocol {
	display: flex;
	flex-flow: column;
}
.path-frontpage .field.field--name-field-photo.field--type-image.field--label-hidden.field--items .field--item:not(:first-child) {
	display: none;
}
.path-frontpage .field--type-entity-reference.field--label-inline {
	display: flex;
	flex-flow: column;
}
.path-frontpage #block-views-block-applications-block-2 .view-content {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	gap: 0px 24px;
	grid-auto-flow: row;
	grid-template-areas:
	  ". . . .";
	width: 90%;
	max-width: 1700px;
	margin: auto;
	padding: 5em 1em;
}
.view.view-frontpage.view-id-frontpage.view-display-id-page_1 {
    display: none;
}
/* header */
.header-ils.col-sm-12 {
	position: relative;
	z-index: 2;
}
.logo.navbar-btn.pull-left, .logo.navbar-btn.pull-left img {
	height: 220px;
}
.logo.navbar-btn.pull-left img {
	position: relative;
	z-index: 1;
}
body.path-frontpage .region.region-slider {
	margin-top: -5%;
}
body:not(.path-frontpage) .region.region-slider {
	margin-top: -13%;
}
#block-headernothome img {
	max-width: 100%;
	object-fit: cover;
}
.region.region-slider {
	position: relative;
}
.region.region-header-right {
	padding-top: 20px;
}
#block-pictoheader .layout p:nth-child(2) {
	background: #3FB498;
}
#block-pictoheader .layout p:nth-child(3) {
	background: #579cab;
}
.accessibilite {
	border: none;
	background: transparent;
	width: 100%;
	height: 100%;
}
#header-picto .layout p {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #8CCAB4;
	width: 45px;
	height: 45px;
	position: relative;
	z-index: 2;
}
#block-ils-searchform-2 #search-block-form .form-item.js-form-item.form-type-search.js-form-type-search.form-item-keys.js-form-item-keys.form-no-label.form-group {
	margin-bottom: 0;
}
#block-ils-searchform-2 #search-block-form #edit-keys {
	height: 45px;
	border-radius: 0;
}
#block-ils-searchform-2 #search-block-form .button.js-form-submit.form-submit.btn-primary.btn.icon-only {
	background-color: #005da9;
	border-color: #005da9;
	height: 45px;
	border-radius: 0;
}
#block-ils-searchform-2 #search-block-form .glyphicon-search::before {
	content: url('/themes/custom/ils/css/assets/img/picto-search.png');
}
#block-ils-searchform-2 #search-block-form .icon.glyphicon.glyphicon-search {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.1rem;
}
#block-accessibilitytoolbar {
	display: none;
}
#block-accessibilitytoolbar.active {
	display: block;
}
#block-accessibilitytoolbar {
	position: absolute;
	z-index: 2;
	top: 100%;
	left: 0;
	background: white;
}
/* footer */
.footer {
	padding-top: 0;
	padding-bottom: 1rem;
}
.footer.container {
	border-top: none;
	background: #26919f;
	width: 100%;
}
.region.region-footer {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	color: white;
	width: 90%;
	max-width: 1700px;
	margin: auto;
}
#block-menufooter ul {
	display: flex;
}
.menu.menu--menu-menu-footer.nav a {
	color: white;
	text-transform: uppercase;
	font-family: 'latoregular', sans-serif;
}
body:not(.path-frontpage) .main-container.container .row {
	margin-top: 5rem;
}

@media screen and (max-width: 960px) {
	.main-container.container.js-quickedit-main-content .row {
		margin-top: 0;
	}
}
#block-ilservice h2, #block-ilservice p {
	font-size: 2rem;
}

#block-ilservice h2, 
#block-ilservice .phone {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#block-ilservice h2::before, 
#block-ilservice .phone::before {
	font-family: "multimedia_iconsregular";
	margin-right: 1rem;
	font-size: 2.5rem;
}

#block-ilservice p {
	font-family: "aller_lightregular";
}
#block-ilservice h2, 
#block-ilservice p span.phone {
	font-family: "allerbold";
}
#block-ilservice .phone::before {
	content: "i";
}
#block-ilservice h2::before {
	content: "a";
}
/* formulaires */
.select-wrapper::after {
	color: #579cab;
}
.form-control {
	border: 1px solid #579cab;
	border-radius: 0;
}
.btn-info {
	color: #fff;
	background-color: #579cab;
	border-color: #579cab;
}
.btn {
	border-radius: 0;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
	background-color: #3fb498;
	border-color: #3fb498;
}
form * {
	border-radius: 0;
}
/* article */
.page-node-type-article .field.field--name-field-photo.field--type-image.field--label-hidden.field--items {
	max-width: 400px;
}
.page-node-type-article .layout__region.layout__region--second {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
/* vue produits */
body:not(.path-frontpage) .layout__region.layout__region--content .right {
	background-color: #f6fbfe !important;
	padding: 15px 15px 15px 20px;
	border-radius: 20px;
	background: url(/sites/ilservice.fr/themes/ils/images/accolade01.png) no-repeat bottom left, url(/sites/ilservice.fr/themes/ils/images/accolade02.png) no-repeat top left;
	flex-direction: column;
}
@media screen and (max-width: 760px) {
	body:not(.path-frontpage) .layout__region.layout__region--content .right {
		width: 100%;
	}
}
.node-teaser .field-item {
	text-align: center;
}
.node-teaser .field--item h2 a {
	color: #0066B1;
}
.field .field--label {
	color: #0066B1;
	font-size: 15px;
	text-transform: uppercase;
	margin-right: 1rem;
}
.field .field--label, .field .field--items {
	float: left;
}
.field .field--items a, .field .field--item a {
	color: #333;
}
body:not(.path-frontpage) .field--type-entity-reference { 
	display: grid;
	grid-template-columns: 0.5fr 1fr;
	grid-template-rows: 1fr;
	gap: 0px 24px;
	grid-auto-flow: row;
	grid-template-areas:
	  ". .";
	margin-bottom: 1rem;
}
.field--type-file {
	display: flex;
	flex-direction: column;
}
.node-teaser .field-type-taxonomy-term-reference {
	text-align: left;
}
.ds-2col-fluid > .group-left {
	text-align: center;
}
.node-teaser .field-item {
	text-align: center;
}
.node-teaser img {
	padding: 6px;
	height: auto;
	max-width: 97.4%;
	margin: 0.5em 1em 0.5em 0;
}
body:not(.path-frontpage) .views-element-container .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
	display: none;
}
.page-node-type-produit .page-header,
.page-node-type-page .page-header {
	color: #0066B1;
}
.page-node-type-page .region.region-content h2 {
	color: #3fb498;
}
#content .node-teaser {
	padding-bottom: 30px;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 15px;
}
.views-element-container.contextual-region.form-group .views-row:not(:first-child) {
	border-top: 1px solid #0066B1;
	margin-top: 4rem;
	padding-top: 1rem;
}
.panel {
	border: none;
	box-shadow: none;
}
.layout__region.layout__region--content .left {
	width: 50%;
	float: left;
	text-align: center;
}
@media screen and (max-width: 760px) {
	.layout__region.layout__region--content .left,
	.layout__region.layout__region--content .right {
		width: 100%;
		margin: auto;
	}
}
.layout__region.layout__region--content .right {
	float: right;
	width: 50%;
}
.slick-prev.slick-arrow {
	color: #774C2A;
	border: none;
	background: transparent;
}
.slick-next.slick-arrow {
	color: #774C2A;
	border: none;
	background: transparent;
}
.slick__arrow {
	display: flex;
	justify-content: space-between;
}
#slick-node-produit-photo-full-121-1 {
	margin-bottom: 2rem;
}
/* section home */
.path-frontpage .layout__region.layout__region--second,
.path-frontpage .layout__region.layout__region--second > div {
	display: flex;
	flex-direction: column;
}
.path-frontpage .tags{
	border: 1px solid;
	border-radius: 15px;
	padding: 1rem;
	box-shadow: -20px 20px;
}
.path-frontpage .view-applications .views-field.views-field-title.Titre a {
	color: black;
	font-size: 1.8rem;
	text-transform: uppercase;
}
.path-frontpage .views-row:first-child .lire-plus a {
	background: #7D4E24;
}

.path-frontpage .views-row:nth-child(2) .lire-plus a {
	background: #AA191E;
}

.path-frontpage .views-row:nth-child(3) .lire-plus a {
	background: #EE7521;
}

.path-frontpage .views-row:nth-child(4) .lire-plus a {
	background: #CCA657;
}
.path-frontpage .views-row:first-child .tags {
	color: #7D4E24;
	box-shadow: #7D4E24;
}
.path-frontpage .views-row:nth-child(2) .tags {
	color: #AA191E;
	box-shadow: #AA191E;
}
.path-frontpage .views-row:nth-child(3) .tags {
	color: #EE7521;
	box-shadow: #EE7521;
}
.path-frontpage .views-row:nth-child(4) .tags {
	color: #CCA657;
	box-shadow: #CCA657;
}
.path-frontpage .views-field.views-field-field-marque.marque a, 
.path-frontpage .views-field.views-field-field-album-photo-lie a,
.views-field.views-field-field-lien-vers-un-produit a {
	margin-left: 20px;
}
.views-field.views-field-view-node.lire-plus a {
	display: block;
	text-align: center;
	margin: 1rem auto;
	width: auto;
	padding: 1rem 4rem;
	color: white;
}
.views-field.views-field-field-photo.illustration img {
	max-width: 100%;
}
.path-frontpage .view-applications .views-row .field .field--label,
.path-frontpage .view-applications .views-row .tags a,
.path-frontpage .view-applications .views-row .field .text-primary .file > span,
.path-frontpage .view-applications .views-row .field .text-primary {
	color: #333;
}
.path-frontpage .layout.layout--twocol .layout__region.layout__region--second .field--item {
	padding-left: 6rem;
}
.path-frontpage .file > span {
	background: #fff;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.path-frontpage .view-applications .views-row .illustration img {
	margin: auto;
	display: block;
}
.path-frontpage .view-applications .views-row h2 a, .path-frontpage .file span {
	color: #333;
}
.path-frontpage .view-applications .views-row .illustration ul li:not(:first-child) {
	display: none;
}
.path-frontpage .view-applications .views-row .illustration ul,
.path-frontpage .view-applications .views-row .marque ul,
.path-frontpage .view-applications .views-row .marche ul,
.path-frontpage .view-applications .views-row .fonction ul,
.path-frontpage .view-applications .views-row .application ul,
.path-frontpage .view-applications .views-row .loc-vente ul,
.path-frontpage .view-applications .views-row .notice ul {
	list-style: none;
}
.path-frontpage .view-applications .views-row {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 300px 100px 280px 80px auto;
	gap: 0px 10px;
	grid-auto-flow: row;
	grid-template-areas: "illustration" "Titre" "content" "lire-plus" "tags";
}
@media screen and (max-width: 1350px) {
	.path-frontpage #block-views-block-applications-block-2 .view-content {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: ". . " ". .";
		gap: 24px 24px;
	}
}
@media screen and (max-width: 1200px) {
	.path-frontpage .view-applications .views-row img {
		max-width: 250px;
	}
	.path-frontpage .view-applications .views-row {
		grid-template-rows: 250px 100px 280px 80px auto;
	}
}
@media screen and (max-width: 680px) {
	.path-frontpage #block-views-block-applications-block-2 .view-content {
		grid-template-columns: 1fr;
		grid-template-areas: "." ". " "." ".";
		gap: 24px 0px;
	}
	.path-frontpage .view-applications .views-row {
		grid-template-rows: auto auto auto auto auto;
	}
	#block-ils-pictosliens .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item > div {
		width: 50%;
	}#block-ils-pictosliens .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 400px) {
	#block-ils-pictosliens .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item > div {
		width: 75%;
		margin: auto;
	}
}
.illustration {
	grid-area: illustration;
	height: 300px;
	overflow: hidden;
}
  
.content { grid-area: content; }
  
.Titre { grid-area: Titre; }
  
.lire-plus {
	grid-area: lire-plus;
	display: flex;
	justify-content: center;
	align-items: center;
}
  
.tags { grid-area: tags; }  

/* Album */
.path-albums .grid .col{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 0.7fr 1fr;
	gap: 0px 24px;
	grid-auto-flow: row;
	grid-template-areas:
	  "."
	  ".";
	text-align: left;
}
.path-albums .views-field.views-field-field-photos .field-content a img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.path-albums .views-field.views-field-field-photos .field-content a {
	width: 100%;
	height: 250px;
	align-items: center;
	display: flex;
	justify-content: center;
	overflow: hidden;
}
.path-albums .views-field.views-field-title {
	background: #8ccab4;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 2rem;
}
.path-albums .views-field.views-field-title a {
	color: white;
}

/* Responsive */