/**Block d'en-tete'**/
#block-boostrap-3-livretdaccueilentete {
	padding: 5px 15px;
	font-weight: normal;
	font-size: 16px;
	float: left;
}
#block-boostrap-3-livretdaccueilentete img {
    margin: 0 15px;
}

/**Region***/
.region-content {
    clear: both;
}

/**links**/

/**Menu Gestionnaire**/
#block-boostrap-3-livret-2,
.page-node-type-livret-code nav,
.page-node-type-livret nav {
	display: flex;
	padding-left: 15px;
}

@media (min-width: 768px) {
.menu--livret > li {
	float: left;
	} 
#block-boostrap-3-livret-2 .nav>li>a {
    padding: 14px 15px;
	}	
}
.navbar-default .menu--livret > .last > a {
    background-color: transparent;
	background: none;
	border: none;
	text-shadow: none;
	font-size: inherit;
	font-weight: inherit;
    vertical-align: inherit;
    margin: 0;
    text-align: inherit;
}
.navbar-default .menu--livret > .last > a:hover {
	font-weight: inherit;
}

/**Language**/
.lang-dropdown-form img {
	width: 30px;
}
.lang-dropdown-form img.language-icon {
    /* padding: 0; */
    vertical-align: unset;
    position: relative;
    top: -27px;
    left: 2px;
}    
    
/**Grid layout + Autour Menu**/
.grid-container {
	justify-content:center;
	text-align:center;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	align-items:center;
	flex-wrap:wrap;	
    padding-bottom: 10px;
}
.grid-container#border-none {
	border:none!important;
}
.livret-dashboard,
.region-content .menu--livret li {
	display: block;
	float: left;
	padding: 10px 10px;
	margin: 7px;
	color: #FFF;
	font-size: 20px;
	text-align: center;
	border: 3px solid #6d94bf;
	border-radius:10px;
	width: 150px;
	height: 150px;
	background-color: #75c0ea;
}
.region-content .menu--livret li {
	height: 90px;
	padding: 0;
}
.livret-dashboard a,
.region-content .menu--livret li a {
	color: #000;
}
.livret-dashboard a:hover,
.region-content .menu--livret li a:hover {
	color: #FFF;
	background-color: transparent;
}
.livret-dashboard img,
.region-content .menu--livret li img {
    display: block;
    margin: auto;
    margin-bottom: 10px;
}
.livret-dashboard>svg,
.region-content .menu--livret li>svg {
	height:72px!important;
	margin:15px 12px;
}

.livret-dashboard-phone {
	width: auto;
	height: 70px;
	margin: 10px 25px;
    padding: 5px 20px;
}
.autour-nous {
	height: 220px;
}
.utiles {
	font-size: 16px;
	height: 170px;
}
.fiches-partenaires {
    min-height: 330px;
}
.info {
	min-height: 175px;
}
.view-livret-partenaires img {
	margin: auto;
}
.view-livret-partenaires .livret-dashboard {
	padding: 0;
}	
svg{
	overflow:hidden;
}
img,svg{
	vertical-align:middle;
}
.center-block img {
    display: block;
    margin: auto;
    margin-bottom: 15px;
}
.region-content .nav .menu--livret li {
	padding: 20px;
}
/**Modal**/
.modal-page-dialog {
	color: #eee;
    font-size: large
} 
.modal-page-dialog h2,
.modal-page-dialog h2 small {
	color: #eee;
}
.modal-page-dialog h2 {
    font-size: 1.5em;
	}
.modal-content {
    background-image: url(/system/files/styles/gallery_w_400px_/private/Images_d7/slideshow/tas_de_pois.jpg.webp?itok=vR6BBspd);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
.modal-body {
    margin: 20px;
    padding: 0;
    background-color: rgb(44 96 116 / 72%);
    border-radius: 10px;
}
.modal-footer {
	border-top: none;
}

/**Pages, Vues des livrets**/
.page-node-type-livret-code .view-taxo-partenaires {
	display: none;
}


.path-livret-daccueil,
.page-node-type-livret {
    background-image: url(/system/files/styles/gallery_w_400px_/private/Images_d7/slideshow/4-entree.jpg.webp?itok=11YkYbu7);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
.path-livret-daccueil .container,
.page-node-type-livret .container {
 /*   background-color: rgb(251 251 251 / 85%);
    border-radius: 10px;
	margin-top: 15px;
	padding: 10px 0;*/
}
.path-livret-daccueil .content,
.page-node-type-livret .content {
    color: #000;
}
.path-livret-daccueil .field--name-body,
.page-node-type-livret .field--name-body {
/*	padding: 10px;*/
}
.p-margintop {
	margin-top: 10px;
	margin-left: 10px;
}

/**Formulaire**/
.form-actions .btn {
	margin-bottom: 5px;
}
.rateit {
	top: 5px;
}

@media screen and (min-width: 480px) {
#block-livredaccueilentete {
	font-size: 18px
}
.livret-dashboard-phone {
	width: auto;
	height: 70px;
	margin: 10px 25px;
    padding: 5px 20px;
}
.autour-nous {
	height: 220px;
}
.utiles {
	font-size: 16px;
	height: 170px;
}
/*
.fiches-partenaires {
	margin: 6px;
}*/
.info {
	min-height: 175px;
}

}

@media screen and (min-width: 768px) {
#block-livredaccueilentete {
	font-size: 24px
}
.page-node-type-livret .container  {
    margin-top: 0;
    padding: 0;
} 
.path-livret-daccueil .main-container,
.path-livret-daccueil .region-footer .container{
    margin-top: 15px;
    padding: 20px;
} 
.page-node-type-livret .navbar .container {
    padding-right: 20px;
} 
 
}