/* POPOVER FIX */
.popover-obtenir-produit *,
#zone-centrale #popover-recherche-mob
{
	box-sizing: content-box;
}

/* TYPOGRAPHIE */
.dgia-section{
	font-size: 1rem;
}

#zone-centrale .dgia-section h2{
	margin: 2em 0 1em;
	font-size: 1.375rem;
	font-weight: 400;
}
#zone-centrale .dgia-section h3{
	margin: 1.5em 0 1em;
	font-size: 1.125rem;
	color: #3e3e3e;
}

/* CLASSES UTILITAIRE */
.text-center {
	text-align: center;
}

#zone-centrale a.grey:link,
#zone-centrale a.grey:visited{
	text-decoration: none;
	color: #3e3e3e;
}

#zone-centrale a.grey:hover,
#zone-centrale a.grey:focus{
	text-decoration: underline;
}

a.btn-chevron {
	background: url(/ressources/images/ic-link-simple-green.svg) no-repeat center right;
	padding: 10px 15px 10px 0;
	display: block;
	text-align: left;
}



/* LINK MORE */
#zone-centrale .link-more,
#zone-centrale .link-more:link,
#zone-centrale .link-more:visited{
  background: url(/ressources/images/ic-link-circle-green.svg) no-repeat left center / 25px 25px;
  color: #007944;
  text-decoration: none;
  padding: 10px 0 10px 30px;
  display: block;
  font-size: 1.1rem;
}
#zone-centrale .link-more:hover{
  text-decoration: underline;
}

/* PEA LIST */
#zone-centrale .pea-list{
	padding-left: 0;
	margin: 1.25rem 0;
}

#zone-centrale .pea-list li{
	padding-left: 1rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E %3Cellipse fill='%23007944' cx='4' cy='4' rx='3.759' ry='3.782'/%3E %3C/svg%3E");
	background-repeat: no-repeat;
	background-size: .5rem;
	background-position: 0 .3215rem;
}

/* LIST TIROIR */
#zone-centrale .list-tiroir{
  padding-left: 0;
	margin: 1.5rem 0;
}

#zone-centrale .list-tiroir > li{
  border-top: 1px solid #acacac;
  border-bottom: 1px solid #acacac;
  padding: 0;
  margin: -1px 0;
  width: 100%;
}

/* INTRO AVEC IMAGE HEROS */
.start{
  position: relative;
  margin: 0 0 30px;
  width: 100%;
  overflow: hidden;
	font-size: 1rem;
}
.start img{
  float: right;
  display: block;
  height: auto;
  min-width: 50rem;
  max-width: 59rem;
}
#zone-centrale .start h2{
  margin: 0 0 .625rem;
}
.start-content{
  position: absolute;
  padding: 15px;
  top: 30px;
  left: 30px;
  width: 25rem;
  min-width: 300px;
  background: rgba(255,255,255,.85);
}
.start-content ul li{
  margin: 5px 0 5px 5px;
}


	#page.mobile .start img{
    min-width: 100%;
    width: 100%;
    height: auto;
    float: none;
  }
  #page.mobile .start-content{ 
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    min-width: 100%;
    background: #FFF;
  }



/* PROFILES */
.profiles{
	margin: 1.5rem 0;
}

.profile-wrapper:not(:first-child){
	border-top: 1px solid #acacac;
	margin-top: 1.5rem;
	padding-top: 1.5rem;
}

@media (min-width:576px){
	.profile-wrapper{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
	}
	
	.profile{
	 -webkit-box-flex: 1;
	     -ms-flex: 1 1 auto;
	         flex: 1 1 auto;
	}
	
	.profile-image{
	  -webkit-box-flex: 0;
	      -ms-flex: none;
	          flex: none;
	  margin-left: 1rem;
	}
}

@media (max-width: 575px) {
	.profile-image{
	 text-align: center
	}
	.profile-image img{
	 width: 140px !important;
	 max-width: 100%;
	} 
}

@media (min-width:576px){
	.profile p:last-child{
	  margin-bottom: 0;
	}
}

#zone-centrale .dgia-section .profile-name{
	margin-top: 0;
	margin-bottom: .25rem; 
	font-size: 1.25rem;
	color: #000;
}

#zone-centrale .dgia-section .profile-role{
	margin-top: 0;
	/* font-style: italic; */
	font-size: 1rem;
}


/* LIST UNSTYLED */
#zone-centrale .list-unstyled{
  list-style-type: none;
}
#zone-centrale .list-unstyled > li{
  background: none;
  padding: 0;
}
#zone-centrale .list-unstyled > li:before{
  display: none;
}


/* TILES */
.tiles {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;

	margin: 1.5rem 0;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.tiles .tile {
	background: #FFF;
	border: 1px solid #acacac;
	padding: 0;
	margin: 10px 3% 10px 0;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 30.33333%;
	flex: 1 1 30.33333%;
}

.tiles .tile:nth-child(3n+3),
.tiles .tile:last-child {
	margin-right: 0;
}

.tile > *:not(.tile-link){
	padding-left: .9375rem;
	padding-right: .9375rem;
}

.tile > :first-child:not(.tile-link){
	padding-top: .625rem;
}

.tile > :last-child:not(.tile-link){
	padding-bottom: .625rem;
}

#zone-centrale .tile img{
	width: auto !important;
	max-width: 100%;
}

#zone-centrale .tile-link {
	background: url(/ressources/images/ic-link-circle-green.svg) no-repeat center 96% / 25px 25px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
	-ms-flex-flow: column nowrap;
	    flex-flow: column nowrap;
	height: 100%;
	min-height: 100%;
	padding: 10px 15px 30px;
	text-decoration: none; 
}

#zone-centrale .tile-link:link,
#zone-centrale .tile-link:visited {
	color: #3e3e3e;
}

#zone-centrale .tile-link:hover {
	text-decoration: none;
}

#zone-centrale .tile-link:hover p {
	text-decoration: underline;
}

#zone-centrale  .dgia-section .tile-title{
	font-size: 1.125rem;
	margin: .5rem 0;
	color: #000;
}
#zone-centrale .tile p{
	font-size: 1rem;
}

@media (max-width: 539px) {

	#zone-centrale .tiles {
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	     -ms-flex-direction: column;
	         flex-direction: column;
	}

	#zone-centrale .tiles .tile {
	 margin: 1.5rem 0;
	}

}

/* BLOCK DEF */
.block-def{
	margin: 1rem 10px 2.8125rem;
}

.contenu-tiroir .texte .block-def:last-child{
	margin-bottom: 1rem;
}

.block-def dd,
.block-def dt{
  margin: 0;
  padding: 10px;
  font-size: 1rem;
  line-height: 1.25rem;
}
dl.block-def > div:not(:first-child){
  border-top: 1px solid #acacac;
}
dl.block-def:not(.sans-filets-ext):not(.sans-filet-haut) > div:first-child{
  border-top: 1px solid #acacac;
}
dl.block-def:not(.sans-filets-ext):not(.sans-filet-bas) > div:last-child{
  border-bottom: 1px solid #acacac;
}
.block-def dt{
  font-weight: 700;
}
.block-def p{
  margin: 0 0 .3125rem;
}

@media (max-width: 575px){
	#zone-centrale .block-def dt p{
    margin-bottom: 0;
  }
  #zone-centrale .block-def dd p:first-child{
    margin-top: 0;
  }
}

#zone-centrale .block-def + h3,
#zone-centrale .block-def + h4{
	margin-top: 2.75rem
}


/* CAPSULE + FLEX */
#zone-centrale .capsule.flex{
	margin: 2rem 0;
}

#zone-centrale  .dgia-section .capsule-title{
	margin-top : 0;
	font-size: 1rem;
	font-weight: 400;
	color: #000;
}

@media (min-width: 576px){
	.capsule.flex{
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: justify;
	     -ms-flex-pack: justify;
	         justify-content: space-between;
	 -webkit-box-align: start;
	     -ms-flex-align: start;
	         align-items: flex-start;
	}

	.capsule.flex > *:not(:first-child){
	 margin-left: 1rem;
	}
	
	#zone-centrale .capsule.flex .bouton-action{
	 margin-top: 0;
	}
}