*, body, p, h1, h2, h3,h4, h5, blockquote, span, div, i, strong, em, div, a, ul, li, ol, label, input, textarea, select, tr, td, b
{
	font-family: auto-pro-new, Arial;
	font-weight: 400;
	color:#27292C;
}

h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a
{
	font-family: 'auto-pro-new';
	font-weight: bold;
}

h1
{

	font-family: "auto-pro-new";
	font-weight: 900;
	font-size: 50px;
	line-height: 55px;
	color: #4e2747;

}

	h2
{
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 40px;
	line-height: 44px;
	color: #4e2747;

}

h3
{
	font-family: "auto-pro-new", Arial;
	font-weight: 900;
	font-size: 32px;
	line-height: 36px;
	color: #4e2747;
}

h4
{
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 28px;
	line-height: 24px;
	color: #4e2747;
}

h5
{
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	color: #4e2747;
}

p, li
{
	font-family: "auto-pro-new";
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	color: #4e2747;
}

p a, li a
{
	text-decoration: underline;
	color:#964C89;
}

#breadcrumbs
{
	  text-transform: uppercase;
	  font-size: 14px;
}

#breadcrumbs a
{
	text-decoration: none;
}

.pre-titre
{
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	color: #4e2747;
	text-transform: uppercase;
}

table tr
{
	border-bottom: 1px solid #eee;
}

table td
{
	padding: 10px;
}

#cn-accept-cookie
{
	color: #fff!important;
	font-weight: bold;
	border-radius: 20px!important;
}

.fond-violet p,
.fond-violet li,
.fond-violet h1,
.fond-violet h2,
.fond-violet h3,
.fond-violet h4,
.fond-violet h5,
.fond-violet strong,
.fond-violet b,
.fond-violet p span,
.fond-violet em,
.fond-violet i
{
	color:#fff;
}

p.texte-grand
{
	font-size: 20px;
	line-height: 28px;
}

strong, b
{
	font-weight: bold;
}

sup
{
	font-size: .5em;
	font-weight: normal!important;
}

body
{
	background-color: #fff;
}

.margin-top-110
{
	margin-top: 110px;
}

.hero-home
{
	text-align: center;
}

.hero-home #searchform
{
	margin-top: 34px;
	background: #fff;
	border:none;
	height: 60px;
	padding: 0 20px;
	display: inline-block;
	position: relative;
	z-index: 99999;
	border-radius: 6px;
}

.hero-home #searchform.active
{
	border-radius: 6px 6px 0 0;
}

.hero-home #searchform #searchsubmit
{
	float: left;
	text-indent: -10000px;
	height: 60px;
	width: 60px;
	background: url('images/loupe-search.svg') no-repeat center #fff;
	border:none;
	margin-right: 15px;

	border-radius: 6px;
	cursor: pointer;
}

.hero-home #searchform input[name="s"]
{
	box-sizing: border-box;
	padding: 0;
	border-radius: 6px;
	float: left;
	border:none;
	height: 60px;
	width: 500px;
	font-size: 20px;
}

.liste-recherche
{
	display: none;
	position: absolute;
	background: #fff;
	width: 575px;
	z-index: 99999;
	left: 50%;
	transform: translateX(-50%);

	padding: 0 20px;
	top: 462px;
	padding-bottom: 20px;
	padding-top: 10px;
	border-radius:  0 0 6px 6px;


	
	border-top: 2px solid #F4F4F4;
}

.liste-recherche > span
{
	font-family: auto-pro-new, Arial;
	font-weight: 900;
	font-size: 12px;
	line-height: 40px;
	text-align: left;
	color: #000;
	display: block;
}


.liste-recherche .liste-donnees > span
{
	font-family: auto-pro-new, Arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	text-align: left;
	color: #605F5F;
	display: block;
	cursor: pointer;
}

.liste-recherche.active
{
	display: block;
}

.liste-recherche.active + .fond-recherche
{
	
	left: 0;
	top:0;
	background: #000;
	opacity: .4;
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 9999;
}


.recherche-page
{
	display: none;
}

.recherche-page.active
{
	display: block;
	position: fixed;
	left: 0;
	top:0;
	width: 100vw;
	height: 100vh;
	z-index: 99;

}

.recherche-page.active .fond-recherche-page
{

	position: fixed;
	left: 0;
	top:0;
	width: 100vw;
	height: 100vh;
	z-index: 99;
	background: rgba(0,0,0, .4);
}

.recherche-page .fond-recherche
{
	opacity: 0!important;
}

.recherche-page .hero-home #searchform
{
	margin-top: calc(25vh - 30px);
}

.recherche-page .liste-recherche
{
	top:calc(25vh + 130px);
}




.hero-home
{
	padding-top: 100px;
	height: 680px;
	box-sizing: border-box;
}

.hero-home .image-hero-home,
.hero-page .image-hero-page
{
	position: absolute;
	left: 0;
	top:0;
	height: 740px;
	width: 100%;
	z-index: 0;
	background-position: center;
	background-size: cover;
}

.hero-page .image-hero-page
{
	height: 400px;
}

.hero-home .barre-rouge
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 200px;
	background: #4E2747;
}

.hero-home .barre-rouge .titre-acces
{
	font-weight: 900;
	font-size: 32px;
	line-height: 36px;
	text-align: center;
	color: #edebed;
	padding-top: 20px;
	padding-bottom: 15px;

}

.hero-home .barre-blanche
{
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 35px;
	transform: translateX(-50%);
	background: #fff;

	display: none;
}

.hero-page .barre-blanche
{
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 140px;
	border-radius: 20px 20px 0 0;
	transform: translateX(-50%);
	background: #fff;
}

.texte-hero
{
	position: relative;
	z-index: 9;
	margin-top: 310px;
	text-align: center;
	min-height: 100px;
}

.hero-h1
{
	position: relative;
	z-index: 9;

	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 50px;
	line-height: 55px;
	text-align: center;
	color: #fff;
	text-shadow: 3px 3px 6px #000;

}

section.contenu
{
	padding-bottom: 100px;
}

section.contenu~section.contenu
{
	padding: 100px 0;
}

.alignnone
{
	margin-bottom: 0;
}


.centrer-hauteur
{
	display: flex;
	align-items: center;
}

.bouton,
.wpcf7 input[type="submit"]
{

	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	text-align: center;

	padding: 11px 40px;
	border:none;
	cursor: pointer;

	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: #fffdf8;
	text-decoration: none;

	border-radius: 6px;
	background: #964c89;
}

.bouton-gros
{
	padding: 20px;
	line-height: 10px;
	border-radius: 0;
	text-transform: uppercase;
}


.bouton:hover,
.wpcf7 input[type="submit"]:hover
{
	color:#fffdf8;
	background: #4e2747;
}

iframe
{
	border-radius: 10px;
}

.fond-violet .bouton,
.bouton-blanc
{
	background: rgba(255,255,255, 1);
	border: 1px solid #4E2747;
	color:#4E2747;
}

.fond-violet .bouton:hover,
.bouton-blanc:hover
{
	border: 1px solid #fff;
	background: rgba(255,255,255, 0);
	color:#fff;
}

.fond-beige
{
	background: #FDF4E3;
}

.fond-violet
{
	background: #4E2747;
}

.fond-gris
{
	background: #EDEDED;
}

.liste-fichiers-liens
{
	border-top: 1px solid #4E2747;
}

.bloc-fichier-lien .ligne
{
	border-bottom: 1px solid #4E2747;
	padding: 10px 0;
}

.bloc-fichier-lien .nom
{
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	text-align: left;
	color: #27292c;
}

.bloc-fichier-lien .picto-fichier,
.bloc-fichier-lien .picto-lien
{
	float: right;
}

.bloc-fichier-lien .poids
{
	font-family: "auto-pro-new";
	line-height: 24px;
	text-align: right;
	float: right;
	margin-right: 20px;
	margin-top: 5px;

	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	text-align: right;
	color: #4e2747;

}

.bloc-fichier-lien .poids img
{
	margin-left: 20px;
	display: inline-block;
}

.bloc-fichier-lien .lien
{
	display: block;
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	text-align: left;
	color: #9a9898;

}

section.section-recherche 
{
	padding-top: 75px;
	padding-bottom:30px;
}

.item-recherche {
  height: 150px;
  background: #fff;
  padding: 20px 10px;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.item-recherche .fil-ariane-recherche {
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #27292C;
  font-weight: bold;
  display: block;
  padding-bottom: 15px;
}

.item-recherche .fil-ariane-recherche a {
  color: #27292C;
  font-weight: normal;
}

.item-recherche h3 {
  height: 72px;
  overflow: hidden;
  padding-bottom: 0;
  padding-right: 90px;
  background: url('images/fleche-recherche.svg') no-repeat right top;

  	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #27292c;

	font-family: auto-pro-new, Arial;

}

header
{
	border-top: 28px solid #56CFDC;
	height: 120px;
}

header .logo
{
	padding-top: 18px;
	width: 180px;
	float: left;
}

#access
{
	float: left;
	margin-left: 20px;
	margin-top: 30px;
	position: relative;
}

#access ul,
#access ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#access > div > ul > li
{
	float: left;
	margin-right: 20px;
	position: relative;
	width: 180px;
}

#access > div > ul > li > a
{
	width: 100%;
	font-family: auto-pro-new, Arial;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: #27292c;
	text-transform: uppercase;
	position: relative;
	z-index: 9;
	text-decoration: none;
	cursor: pointer;
}

#access > div > ul > li:hover > ul
{
	display: none;
}

#access > div > ul > li.active > ul
{
	display: block;
}

#access > div > ul > li > a::after
{
	content: "";
	height: 14px;
	width: 100%;
	background: #4E2747;
	left: 0;
	bottom:-16px;
	z-index: -1;
	position: absolute;

	transition: .3s ease all;
}

#access > div > ul > li:hover > a,
#access > div > ul > li.active > a
{
	color:#27292c;
}

#access > div > ul > li.municipale:hover > a,
#access > div > ul > li.municipale.active > a
{
	color:#fff;
}

#access > div > ul > li.active > a::after,
#access > div > ul > li:hover > a::after
{
	height: 50px;
  bottom: -16px;
}

#access > div > ul > li.municipale > a::after,
#access > div > ul > li.municipale  > ul
{
	background: #964C89;
}

#access > div > ul > li.quotidienne > a::after,
#access > div > ul > li.quotidienne  > ul
{
	background: #99CD4D;
}

#access > div > ul > li.demarches > a::after,
#access > div > ul > li.demarches  > ul
{
	background: #FFC267;
}

#access > div > ul > li.actus-agenda > a::after,
#access > div > ul > li.actus-agenda  > ul
{
	background: #56CFDC;
}




#access > div > ul > li.mairie > a::after,
#access > div > ul > li.mairie  > ul
{
	background-color: #10366E;
}

#access > div > ul > li.vivre-ici > a::after,
#access > div > ul > li.vivre-ici  > ul
{
	background-color: #238B81;
}

#access > div > ul > li.decouvrir > a::after,
#access > div > ul > li.decouvrir  > ul
{
	background-color: #FAD596;

}


#access > div > ul > li > ul
{
	position: absolute;
	left: 0;
	top: 38px;
	z-index: 999999;
	padding-top: 00px;
	padding-bottom: 00px;
	box-sizing: border-box;
	width: 360px;
	overflow: visible;
	padding: 10px 0;
}

#access > div > ul > li > ul > li
{
	padding-left: 20px;
}

#access > div > ul > li > ul > li > a
{
	font-family: "auto-pro-new", Arial;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	text-align: left;
  line-height: 20px;
  padding: 10px 0;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	color:#27292c;
}


#access > div > ul > li.municipale > ul > li > a
{
	color:#fff;
}


#access > div > ul > li > ul > li.menu-item-has-children > a
{
	background: url('images/left-menu-1.svg') no-repeat right 30px center;
	padding-right: 50px;
}

#access > div > ul > li.municipale > ul > li.menu-item-has-children > a
{
	background: url('images/left-menu.svg') no-repeat right 30px center;
}

#access > div > ul > li.municipale > ul > li.active,
#access > div > ul > li.municipale > ul > li > ul
{
	background: #A05894;
}

#access > div > ul > li.municipale > ul > li > ul > li > a
{
	color:#fff;
}

#access > div > ul > li.municipale > ul > li > ul > li > a > b
{
	color:#fff;
	font-weight: 900;
}

#access > div > ul > li.quotidienne > ul > li.active,
#access > div > ul > li.quotidienne > ul > li > ul
{
	background: #A3D856;
}


#access > div > ul > li.demarches > ul > li.active,
#access > div > ul > li.demarches > ul > li > ul
{
	background: #FACF8F;
}




#access > div > ul > li > ul > li > ul
{
	display: none;
	position: absolute;
	left: 360px;
	top:0;
	width: 320px;
	box-sizing: border-box;
	padding: 20px;
	background: #333;
	min-height: 100%;
}

#access > div > ul > li > ul > li > ul.active
{
	display: block;
}

#access > div > ul > li > ul > li > ul > li > a::before
{
	content: "◌ ";
}

#access > div > ul > li > ul > li > ul > li > a
{
	
	font-weight: normal;
	text-decoration: none;
	font-size: 14px;
	line-height: 22px;
	font-family: "Auto Pro";
	font-weight: bold;
	font-size: 16px;
	text-align: left;

	text-align: left;
	display: block;
}

#access > div > ul > li > ul > li > ul > li > a:hover
{
	font-weight: bold;
}



header .centrer
{
	overflow: visible;
}

header .profils 
{
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	position: relative;
	  width: 180px;

}

header .profils span
{
	display: block;
	padding-left: 42px;
	background: url('images/picto-profil.svg') no-repeat left center;
	background: none;
	line-height: 32px;

	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	color: #4E2747;
	padding-right: 25px;
	position: relative;
	cursor: pointer;
	text-transform: uppercase;

	  border-bottom: 14px solid #EDEBED;

	  margin-top: 22px;
}

header .profils span::after
{
	background: url('images/chevron-profil.svg') no-repeat center;
	width: 14px;
	height: 8px;
	content: "";
	position: absolute;
	right: 0;
	top:50%;
	transform: translateY(-50%);
}

header .profils span.active
{
}



header .profils span.active::after
{
	transform:  translateY(-50%) rotate(180deg);
}

header .profils .liste-profils
{
	display: none;
	position: absolute;
	left: 0;
	width: 240px;
	box-sizing: border-box;
	padding: 10px 15px;
	background: #EDEBED;
	z-index: 999999;
	top:68px;
}

header .profils .liste-profils a
{
	overflow: hidden;
	clear: both;
	display: block;
	margin-bottom: 10px;
}

header .profils .liste-profils img
{
	float: left;
	margin-right: 20px;
}

header .profils .liste-profils .nom
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	line-height: 32px;
	text-align: left;
	color: #27292c;
}

header .profils .liste-profils .nom:hover
{
	font-weight: bold;
}


header .profils span.active+.liste-profils
{
	display: block;
}

header .liens-header
{
	float: right;
	margin-top: 20px;
}

header .liens-header > *
{
	float: left;
}

header .liens-header .secretariat
{
	background: url('images/secretariat.svg') no-repeat  left center;
	padding: 5px 0;
	padding-left: 46px;
	font-family: "Auto Pro";
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	color: #4e2747;
	line-height: 22px;
	margin-right: 80px;
}

header .liens-header .secretariat span
{
	color: #4e2747;
	font-weight: bold;
}


header .liens-header .panneau-pocket
{
	background: url('images/pocket-head.svg') no-repeat center;
	width: 32px;
	height: 32px;
	cursor: pointer;
	float: left;
	margin-left: 80px;
	margin-right: 20px;
}

header .liens-header .facebook
{
	background: url('images/facebook-head.svg') no-repeat center;
	width: 32px;
	height: 32px;
	cursor: pointer;
	float: left;
}

header .burger
{
	display: none;
}

header .liens-header .recherche,
header .liens-header .contact
{
	font-family: "Auto Pro";
	font-weight: bold;
	font-size: 12px;
	line-height: 32px;
	text-align: left;
	color: #4e2747;
	text-transform: uppercase;

	padding-left: 35px;
	position: relative;
	cursor: pointer;
	float: left;
}

header .liens-header .recherche
{
	background: url('images/loupe-head.svg') left center no-repeat;
}

header .liens-header .contact
{
	background: url('images/contact-head.svg') left center no-repeat;
	margin-right: 80px;
}

#accordion
{
	background: #F4F4F4;
	border-radius: 20px;
	padding: 40px;
}

.accordion > h3
{
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 22px;
	line-height: 28px;
	padding: 16px 0;
	padding-right: 60px;
	text-align: left;
	color: #27292c;
	background: url('images/plus.svg') no-repeat right center;
	cursor: pointer;
}

.accordion > div
{
	background: #fff;
	padding: 30px 20px;
	margin-bottom: 20px;
	margin-top: 10px;
	display: none;
}

.accordion > h3.active+div
{
	display: block;
}

#tabs, #accordion
{
	margin: 30px 0;
}

#tabs .ui-tabs-nav
{
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #964C89;
	overflow: hidden;
}

#tabs .ui-tabs-nav li 
{
	float: left;
	padding: 0;
}

#tabs .ui-tabs-nav li a
{
	/*width: 80px;*/
	height: 42px;
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 18px;
	line-height: 42px;
	text-align: left;
	color: #27292c;
	cursor: pointer;
	padding: 0 25px;
	display: block;
}

#tabs .ui-tabs-nav li.ui-tabs-active a
{
	color:#fff;
	background: #4E2747;
}

#tabs .ui-tabs-panel
{
	background: #F4F4F4;
	padding: 60px;
}

.liste-galerie
{
	display: grid;
  	grid-template-columns: repeat(4, 1fr);
  	grid-gap: 20px;
  	margin-top: 30px;
}

.liste-galerie.masque
{
	display: none;
}


.liste-galerie img
{
	border-radius: 6px;
}

.galerie-photo .bouton.voir-plus
{
	margin-top: 40px;
}

.galerie-photo .bouton.masque
{
	display: none;
}

.galerie-photo
{
	position: relative;
}

.fond-galerie
{
	background: #4E2747;
	height: 370px;
	width: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
}

.galerie-photo .fond-rouge
{
	padding: 30px;
	padding-top: 45px;
}

.carousel-photo
{
	margin-top: 30px;
}

.carousel-photo .slide 
{
	text-align: center;
}

.carousel-photo .slide img
{
	display: inline-block;
	border-radius: 10px;
}

.carousel-photo .slick-list
{
	padding: 0!important;
}

.carousel-photo .slick-arrow
{
	width: 30px;
	height: 30px;
	top:50%;
	transform: translateY(-50%);
	position: absolute;
	z-index: 9;
	background: none;
	border:none;
	text-indent: -10000px;	
	cursor: pointer;
}

.carousel-photo .slick-arrow.slick-prev
{
	left: -50px;
	background: url('images/arrow-left.svg') no-repeat center;
}

.carousel-photo .slick-arrow.slick-next
{
	background: url('images/arrow-right.svg') no-repeat center;
	right: -50px;
}

.image-full
{
	display: block;
}

.bloc-sous-pages
{
	padding: 40px 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 22px;
}

.bloc-sous-pages .sous-page
{
	height: 230px;
	position: relative;
	background-position: center;
	background-size: 110% auto;
	  border-radius: 10px;
  overflow: hidden;
}



.bloc-sous-pages .sous-page h3
{
	position: absolute;
	left: 0%;
	bottom:0%;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	background: rgba(213, 206, 211, 0.85);

	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	padding: 10px;
	text-align: center;
	color: #4e2747;
	z-index: 9;
}

.bloc-sous-pages .sous-page:hover
{
	background-size: 120% auto;

}

.wpcf7
{
	margin: 0 -10px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.wpcf7 p
{
	padding: 0;
}

.wpcf7 p>label
{
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #27292c;
}

.wpcf7 .input-50
{
	width: calc(50% - 20px);
	margin: 0 10px;
	float: left;
	margin-bottom: 23px;
}

.wpcf7 .input-100
{
	width: calc(100% - 20px);
	margin: 0 10px;
	float: left;
	margin-bottom: 23px;
}


.wpcf7 .input-70
{
	width: calc(70% - 20px);
	margin: 0 10px;
	float: left;
	margin-bottom: 23px;
}

.wpcf7 .input-30
{
	width: calc(30% - 20px);
	margin: 0 10px;
	float: left;
	margin-bottom: 23px;	
}

.wpcf7 select,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="file"],
.wpcf7 input[type="date"],
.wpcf7 textarea
{
	height: 49px;
	background: #ededed;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 0 20px;

	font-weight: bold;
	font-size: 14px;
}

.wpcf7 input[type="date"]
{
	float: right;
	width: calc(100% - 30px);
}

.wpcf7 .input-date label
{
	float: left;
	line-height: 49px;
}

.wpcf7 select
{
	appearance:none;
	background-image: url('images/drop-select.svg');
	background-repeat: no-repeat;
	background-position: right 10px center;
}

.wpcf7 textarea
{
	height: 150px;
	padding: 20px;
	resize: none;
}

.wpcf7 .align-center
{
	clear: both;
}

.wpcf7-spinner
{
	display: block;
	margin: 10px auto;
}

.section-footer
{
	padding: 50px 0!important;
}

.footer-img
{
	text-align: center;
}

.footer-img img
{
	display: inline-block;
	margin: 0 10px;
}

.section-logo a
{
	margin: 0 25px;
}

.section-logo .centrer-hauteur
{
	justify-content: center;
}

.section-logo
{
	padding: 10px 0!important;
}

.section-credits
{
	padding: 10px 0!important;
	text-align: center;
}

.section-credits a
{
	display: inline-block;

	line-height: 20px;
	font-family: "auto-pro-new";
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	text-align: center;
	color: #27292c;
	padding: 0 20px;
	text-transform: uppercase;
}

.section-credits a+a
{
	border-left: 1px solid #27292c;
}

.date-maj
{
	font-size: 14px;
	font-weight: bold;
}

section.section-404 
{
	padding: 100px 0;
}

.section-404 .left,
.section-404 .right
{
	width: 50%;
	position: relative;
}

.section-404 .left
{
	z-index: 9;
}

.section-404 .right::after
{
	content: "";
	left: -90px;
	top: -10px;
	width: 783px;
	height: 607px;
	position: absolute;
	background: url('images/bulle.svg') no-repeat center;
	background-size: content;
	z-index: 5;
}

.section-404 .centrer
{
	overflow: visible;
}

.contenu-404
{
	position: relative;
	z-index: 99;
	width: 450px;
	padding-top: 90px;
	padding-left: 140px;
}

#page
{
	overflow-x: hidden;
}
/*
#breadcrumbs a::after
{
	content: ' >';
}*/

.liste-agenda
{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 20px;
		padding-top: 80px;
		padding-bottom: 50px;
}

.liste-agenda-associe
{
		grid-template-columns: repeat(6, 1fr);

}

.liste-actus
{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 20px;
		padding-top: 80px;
		padding-bottom: 50px;
}

.liste-actus .item-article
{
	background: none;
}

.liste-actus .item-article.item-tous-les-jours
{
	background: none;
}

.liste-actus .item-article.item-tous-les-jours h3,
.liste-actus .item-article.item-tous-les-jours p
{
	color:#fff;
}

.liste-actus .details
{
	padding: 20px;
	padding-right: 70px;
	position: relative;
}


.liste-actus span.rond
{
	font-family: "auto-pro-new";
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #964c89;
}


.liste-actus .vignette img
{
	width: 100%;
}

.liste-actus p
{
	font-family: "auto-pro-new";
font-weight: normal;
font-size: 14px;
line-height: 20px;
text-align: left;
color: #27292c;

}

.liste-actus .date
{
	text-transform: uppercase;
	font-size: 12px;

}

.texte-hero.align-left
{
	text-align: left;
}

.item-agenda .vignette
{
	position: relative;
}

.item-agenda .details
{
	text-align: center;
}

.item-agenda .date
{

	font-size: 16px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	background: #964C89;
	border-radius: 3px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -20px;
	width: 140px;
	padding: 7px 10px;
}

.item-agenda .date span
{
	font-weight: bold;
	font-size: 30px;
	line-height: 20px;
	text-align: center;
	color: #fffdf8;
}

.item-agenda h3
{
	margin-top: 20px;
}

.item-agenda.item-tous-les-jours .date
{
	color: #4E2747;
	background: #fff;
}

.sidebar
{
	background: #EDEBED;
	border-radius: 6px;
}

.sidebar .lieu-event,
.sidebar .date-event,
.sidebar .prix-event,
.sidebar .public-event
{
	margin: 0 25px;
	padding: 45px 0;
	padding-left: 50px;
	background-position: left center;
	background-repeat: no-repeat;
}

.sidebar .lieu-event
{
	background-image: url('images/lieu-event.svg');
}

.sidebar .date-event
{
	border-top: 1px solid #BCB1B9;
	background-image: url('images/date-event.svg');
}

.sidebar .prix-event
{
	border-top: 1px solid #BCB1B9;
	background-image: url('images/prix-event.svg');
}

.sidebar .public-event
{
	border-top: 1px solid #BCB1B9;
	background-image: url('images/public-event.svg');
}
 
.plus-infos
{
	padding: 20px 40px;
	color:#fff;
	background: #4E2747;	
	border-radius: 0 0 6px 6px;
}

.plus-infos p,
.plus-infos b,
.plus-infos a
{
	color:#fff;

}

.lien-event,
.email-event,
.rs-event,
.telephone-event
{
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
}

.lien-event
{
	background-image: url('images/lien-event.svg');
}

.email-event
{
	background-image: url('images/email-event.svg');
}

.rs-event
{
	background-image: url('images/rs-event.svg');
}


.telephone-event
{
	background-image: url('images/phone-2.svg');
}

.post-password-form
{

}

.post-password-form p
{
	display: none;
}

.post-password-form p+p
{
	display: block;
}

.post-password-form label{
	  display: inline-block;
}

.post-password-form input[name="post_password"]
{
	height: 49px;
  background: #ededed;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
  font-weight: bold;
  font-size: 14px;
}

.post-password-form input[type="submit"] {
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  padding: 5px 20px;
  border-radius: 17px;
  background: rgba(139, 43, 80, 1);
  border: 1px solid #4E2747;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}

.post-password-form input[type="submit"]:hover {
  color: #4E2747;
  background: rgba(139, 43, 80, 0);
}

.titre-sidebar
{
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.08em;
	line-height: 22px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	margin-top: -45px;
	 margin-bottom: 60px;
	position: relative;
	z-index: 99;
}

.liste-articles
{
  position: relative;
}

.liste-articles .article.l-col-6 .vignette,
.liste-articles .article.l-col-3 .vignette
{
	display: block;
	width: 100%;
	height: 390px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	transition: .3s ease all;

	border-radius: 6px;
}

.liste-articles .article
{
	padding-bottom: 35px;
}
.liste-articles .article.l-col-6 .vignette:hover,
.liste-articles .article.l-col-3 .vignette:hover
{
	background-size: 105% auto;
}


.liste-articles .article.l-col-3 .vignette
{
	height: 180px;
}

.liste-articles .article.l-col-6 .texte
{
	margin-top: -20px;
}

.liste-articles .article.l-col-3 .texte
{
	margin-top: -20px;
}

.liste-articles .article .cat
{
	font-family: "auto-pro-new";
	padding: 10px 20px;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	line-height: 40px;
	background: #56cfdc;
	position: relative;

	border-radius: 6px;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	color: #4e2747;

}

.liste-articles .article.l-col-6 .titre-article
{
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 40px;
	line-height: 44px;
	text-align: left;
	color: #27292c;
	display: block;
	padding: 20px 0;
	padding-bottom: 0;
	text-align: center;
}

.liste-articles .article.l-col-3 .titre-article
{
	padding: 20px 0;

	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 22px;
	line-height: 24px;
	text-align: left;
	color: #27292c;
	display: block;
	text-align: center;
	clear: both;
}

.liste-articles .article .extrait
{
	text-align: center;

}

.liste-articles .savoir-plus
{
	display: block;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: #964c89;

	text-align: center;
}

.liste-articles .savoir-plus:hover
{
	text-decoration: underline;
}
.liste-articles .date
{
	margin-top: 5px;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	color: #964c89;

}

.liste-articles .panneau-pocket
{
	padding: 40px 0;
	margin: 40px auto;
	border-top: 1px solid #e3e2e2;
	border-bottom: 1px solid #e3e2e2;
	display: block;
	clear: both;
}

.bulletin
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
}

.bulletin h3
{
	color: #FAFAFA;
}

.section-bulletin-pocket
{
	position: relative;
	background: #EDEBED;
}
.section-bulletin-pocket .centrer
{
	position: relative;
	z-index: 9;
}

.section-bulletin-pocket::before
{
	z-index: 1;
	content: "";
	width: 50%;
	left: 0;
	top:0;
	height: 100%;
	background: #4E2747;
	position: absolute;
}

.bulletin .image
{
	  grid-column: span 1;
}


.bulletin .image img
{
	border-radius: 6px;
}

.bulletin .texte
{
	  grid-column: span 2;
	  text-align: center;
}

.bloc-breve
{
	padding-left: 60px;
	position: relative;
	overflow: hidden;
}

.bloc-breve+.bloc-breve
{
	margin-top: 50px;
}


.bloc-breve::before
{
	width: 30px;
	height: 30px;
	content: "";
	position: absolute;
	left: 0;
	top:0;
	z-index: 9;
	background: url('images/breve.svg') no-repeat center;
}

.bloc-breve::after
{
	content: "";
	position: absolute;
	left: 15px;
	top:40px;
	z-index: 5;
	bottom:0;
	border-left: 2px dashed #4e2747;
	transform: translateX(-50%);
}

.bloc-breve .contenu
{
	

}

.bloc-breve .contenu p
{
	font-family: "auto-pro-new";
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	color: #4e2747;
	padding: 0;
}

.bloc-breve .contenu p a
{
	color: #4e2747;
	text-decoration: underline;
}

.liste-acces-rapide
{
	text-align: center;
	padding: 0 20px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 20px;
}

.liste-acces-rapide a
{
	margin:7px;
	text-transform: uppercase;
	font-family: "auto-pro-new";

	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	color: #fafafa;
}

.liste-acces-rapide a:hover
{
	text-decoration: underline;
}

.liste-acces-rapide a img
{
	display: block;
	margin:0 auto;
	margin-bottom: 15px;
}

.sidebar-accueil .bloc-lien
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid #d5ced3;
}

.sidebar-accueil .bloc-lien .picto
{
	text-align: center;
	  grid-column: span 1;
}

.sidebar-accueil .bloc-lien .texte
{
	  grid-column: span 2;
}

.sidebar-accueil .titre
{
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	color: #4e2747;
	padding: 20px 0;
	text-transform: uppercase;
	padding-top: 40px;
}


.liste-gros-acces a
{
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	text-align: left;
	color: #27292c;
	text-transform: uppercase;
	padding-left: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 50px;
	box-sizing: border-box;
	display: block;
	margin-top: 50px;
	padding-right: 70px;
	position: relative;
}

.liste-gros-acces a.lien-194
{
	background: url('images/offre-emploi.svg') no-repeat left 10px center;
}

.liste-gros-acces a.lien-180
{
	background: url('images/petites-annonces.svg') no-repeat left 10px center;
}

.liste-gros-acces a.lien-184
{
	background: url('images/sante.svg') no-repeat left 10px center;
}

.liste-gros-acces a.lien-1220
{
	background: url('images/famille.svg') no-repeat left 10px center;
}

.liste-gros-acces a.lien-138
{
	background: url('images/demarches.svg') no-repeat left 20px center;
}

.liste-gros-acces a::before
{
	content: "";
	width: 80px;
	height: 100%;
	left: 0;
	opacity: 0;
	background: #fff;
	top:0;
	position: absolute;
	transition: .3s ease all;
}

.liste-gros-acces a:hover::before
{
	opacity: .7;
}

.section-bulletin
{
	color:#fff;
}

.titre-bulletin
{
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 28px;
	line-height: 34px;
	text-align: left;
	color: #fff;
	margin-top: 40px;
}

.lien-bulletin
{
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	text-align: left;
	color: #fff;
	padding-left: 40px;
	background: url('images/dl.svg') no-repeat left center;
	margin-top: 15px;
	margin-bottom: 25px;
	display: inline-block;
}

.lien-voir
{
	font-family: "auto-pro-new";
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	color: #fff;
	text-transform: uppercase;
}

.section-bulletin a:hover
{
	text-decoration: underline;
}

.slider-evenement .item-agenda
{

}

.item-agenda .vignette
{
	height: 260px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	transition: .3s ease all;
	border-radius: 6px;
}

.item-agenda:hover .vignette
{
	background-size: 105% auto;
}

.item-agenda .rond
{
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: #964c89;

}

.item-agenda h3
{
	padding-top: 20px;
	padding-bottom: 15px;
font-family: "auto-pro-new";
font-weight: bold;
font-size: 22px;
line-height: 24px;
text-align: center;
color: #27292c;

}

.bloc-onglet
{
	display: none;
}

.bloc-onglet.actif
{
	display: block;
}

.titres-onglets
{
	padding-top: 25px;
	padding-bottom: 25px;
}

.titres-onglets a
{
	
	height: 30px;
	font-family: "auto-pro-new";
	font-weight: 900;
	font-size: 20px;
	line-height: 24px;
	text-align: left;
	color: #4E2747;
	display: inline-block;
	margin-right: 50px;
}

.titres-onglets a.active
{
	text-decoration: underline;
	color: #964C89;
}

.slider-evenement
{
	padding-bottom: 100px;
}

.slider-evenement .item-article a
{
	padding: 0 10px;
	display: block;
}

.slider-evenement .slick-arrow
{
	position: absolute;
	bottom: 0px;
	right: 120px;
	width: 50px;
	height: 50px;
	border-radius: 26px;
	text-indent: -10000px;
	background: #fffdf8 no-repeat center;
	border: 2px solid #4E2747;
	cursor: pointer;
}

.slider-evenement .slick-arrow.slick-prev
{
	transform: translateX(-70px);
	background-image: url('images/fleche-event-left.svg');
}

.slider-evenement .slick-arrow.slick-next
{
	background-image: url('images/fleche-event-right.svg');
}

.fond-jaune
{
	background: #FDF4E3;
}

.bloc-onglet > p
{
	padding-bottom: 50px;
}

.tout-voir
{
	float: right;
}

.section-fin-lien
{
	padding: 110px 0;
}

.section-fin-lien .gros-lien
{
	height: 340px;
	position: relative;
	display: block;
	background: no-repeat center;
	background-size: 100% auto;
}

.section-fin-lien .gros-lien:hover
{
	background-size: 105% auto;
}

.section-fin-lien .gros-lien::before,
.section-fin-lien .petit-lien::before
{
	background: #27292C;
	opacity: .5;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	position: absolute;
}

.section-fin-lien .gros-lien span,
.section-fin-lien .petit-lien span
{
	position: absolute;
	z-index: 99;
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	display: block;
	padding: 0 20px;
	top:215px;
	left: 0;
	box-sizing: border-box;
	width: 100%;

}

.section-fin-lien .petit-lien span
{
	top:50%;
	transform: translateY(-50%);
}

.section-fin-lien .liste-petit-lien
{
	margin: 0 -10px;
}

.section-fin-lien .petit-lien
{
	float: left;
	width: 280px;
	margin:0 10px;
	height: 220px;
	margin-bottom: 20px;
	background: no-repeat center;
	background-size: 110% auto;
	position: relative;
}

.section-fin-lien .petit-lien:hover
{
	background-size: 115% auto;
}

.section-fin-lien h2
{
	  padding: 38px 0;
}


.nom-page, .etat-page
{
	display: none;
}

.grecaptcha-badge
{
	display: none!important;
}

.frontend-form
{
	margin: 0 -16px;
}

.frontend-form input[type="text"],
.frontend-form select,
.frontend-form textarea,
.frontend-form .file-custom
{
	box-sizing: border-box;
	height: 49px;
	background: #f4f4f4;
	border: 1px solid #c6c6c6;
}

.frontend-form .file-custom
{
	height: auto;
	padding: 20px;
	  width: 100%;
}

.frontend-form .file-drop
{
	height: 70px;
  display: block;

}

.frontend-form textarea
{
	height: 220px;
}

.frontend-form .acf-checkbox-list
{
	background: #f4f4f4;
	border: 1px solid #c6c6c6;
	padding: 20px;
	overflow: hidden;
}

.frontend-form .acf-checkbox-list li
{
	float: left;
  margin-right: 30px;
  width: 120px;
  margin-bottom: 10px;
}

.frontend-form .rgpd-case .acf-checkbox-list li
{
	width: auto;
}

.frontend-form .acf-actions a[data-name="edit-preview"]
{
	display: none!important;
}

.frontend-form a.acf-icon
{
	line-height: 26px;
}

.frontend-form .acf-field-submit-button
{
	text-align: center;
}

.frontend-form .acf-field-submit-button button
{
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	padding: 0 20px;
	height: 34px;
	border-radius: 17px;
	background: #4E2747;
	border: none;
}

.frontend-form .acf-field-submit-button .acf-input{
  text-align: center;
  display: block;
}

.frontend-form .acf-field-upload-files .acf-hl > li
{
	float: none;
}

.hero-single-association
{
	background-image: url('images/fond-asso.jpg');
}

.hero-single-sante
{
	background-image: url('images/fond-sante.jpg');
}

.hero-single-communs
{
	background-image: url('images/image-fond-communs.jpg');
}

.infos-utiles
{
	margin:40px 0;
	background: #F4F4F4;
	padding: 20px
}

.infos-utiles .liste-infos
{
	  column-count: 2;
}

.infos-utiles .liste-infos p
{
	padding: 0;
	padding-left: 25px;
}

.infos-utiles .liste-infos p.adresse
{
	background: url('images/adresse.svg') no-repeat left 2px top 5px;
}

.infos-utiles .liste-infos p.telephone
{
	background: url('images/phone.svg') no-repeat left 2px top 5px;
}

.infos-utiles .liste-infos p.email
{
	background: url('images/email.svg') no-repeat left 2px top 5px;
}

.infos-utiles .liste-infos p.site
{
	background: url('images/site.svg') no-repeat left 2px top 5px;
}

.infos-utiles .liste-infos p.instagram
{
	background: url('images/instagram.svg') no-repeat left 2px top 5px;
}

.infos-utiles .liste-infos p.facebook
{
	background: url('images/facebook.svg') no-repeat left 2px top 5px;
}


.infos-utiles .titre
{
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #27292c;
	line-height: 30px;
	padding: 10px 20px;
	position: relative;
	cursor: pointer;
}

.infos-utiles .titre::after
{
	content: "";
	position: absolute;
	right: 20px;
	top:50%;
	transform: translateY(-50%);
	background: url('images/info-utile.svg') no-repeat center;
	width: 22px;
	transition: .3s ease all;
	height: 14px;

}

.infos-utiles .titre.active::after
{
	transform: translateY(-50%) rotate(180deg);

}

.infos-utiles .contenu
{
	padding: 20px;
	display: none;
}


.infos-utiles .titre.active + .contenu
{
	display: block;
}

.form-modif-asso
{
	margin-top: 40px;
}

.form-modif-asso input
{
	height: 35px;
	border-radius: 6px;
	background: transparent;
	border: 1px solid #4E2747;

	font-family: "auto-pro-new", arial,  sans-serif;
	font-weight: 500;
	font-size: 12px;
	text-align: center;
	color: #27292c;
	padding: 0 20px;
	margin: 0 5px;
	transition: .3s ease all;
}

.form-modif-asso input[type="submit"]
{
	text-transform: uppercase;
}

.form-modif-asso input[type="submit"]:hover
{
	background: #4E2747;
	color:#fff;
	cursor: pointer;
}

.mot-president
{
	margin:40px 0;
	display: flex;
	align-items: center;
}

.mot-president .image
{
	text-align: center;
}

.mot-president img
{
	max-width: 280px;
  margin-right: 40px;

  max-height: 200px;
}

.galerie-asso
{
	display: grid;
	column-gap: 20px;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: 40px;
}

.onglets
{
	margin-bottom: 40px;
}

.onglets .en-tete > a
{
	padding: 10px 20px;
	padding-right: 50px;
	line-height: 20px;
	font-size: 18px;
	background: #fff;	
	display: inline-block;
	cursor: pointer;
}

.onglets .en-tete > a:hover
{
	background: #F4F4F4;
}

.onglets .en-tete > a.active
{
	background: #964C89;
	color:#fff;
}

.onglets .contenu-onglet > div
{
	display: none;
	padding: 50px 20px;
	background: #F4F4F4;
	border-radius: 6px;
}


.onglets .contenu-onglet > div.active
{
	display: block;
}

.evenement-asso
{
	background: #4E2747;
	padding: 30px;

	border-radius: 6px;
}

.evenement-asso h3
{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	color:#fff;
}

.evenement-asso p
{
	color:#fff;
}

.liens-asso
{
	padding-top: 50px;
	text-align: center;
}

.liens-asso a
{
	display: inline-block;

	padding: 0 20px;
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	color: #4E2747;
	margin: 0 10px;
	border-radius: 17px;
	background: transparent;
	border: 1px solid #4E2747;
}

.liens-asso a.fb
{
	padding-left: 50px;
	background: url('images/fb.svg') no-repeat left 15px center;
}

.liens-asso a.ig
{
	padding-left: 50px;
	background: url('images/ig.svg') no-repeat left 15px center;
}

.pre-recherche
{

}

.pre-recherche h3
{
	color:#4E2747;
}

.pre-recherche input[type="text"]
{
	font-family: "auto-pro-new";
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #27292c;
	width: calc(60% - 20px);
	margin-right: 20px;
	height: 50px;
	background: #fff;
	border: 1px solid #c6c6c6;
	box-sizing: border-box;
	float: left;
	padding: 0 25px;
}

.pre-recherche input[type="submit"]
{
	font-family: "auto-pro-new";
	font-weight: bold;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	border: none;
	width: 40%;
	height: 50px;
	border-radius: 25px;
	background: #4E2747;
	cursor: pointer;

	padding: 11px 40px;
  border:none;
  cursor: pointer;
  font-family: "auto-pro-new";
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #fffdf8;
  border-radius:6px;
  background:#964c89 url('images/recherche-asso.svg') no-repeat left 10px center;
}

.recherche-tri
{
	padding: 35px 100px;
	background: #f4f4f4;
	margin-top: 60px;
	margin-bottom: 40px;
}

.recherche-tri .titre
{
	font-family: "auto-pro-new";
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #27292c;
	padding-left: 35px;
	height: 30px;
	line-height: 30px;
	background: url('images/filtre.svg') no-repeat left center;
	display: block;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.recherche-tri .select
{
	float: left;
	width: calc(50% - 10px);

}

.recherche-tri .select+.select
{
	margin-left: 20px;
}

.recherche-tri .select label
{
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #27292c;
	display: block;
	padding-bottom: 5px;
}

.recherche-tri .select select
{
	font-family: "auto-pro-new";
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #27292c;
	width: 100%;
	margin-right: 20px;
	height: 50px;
	background: #fff;
	border: 1px solid #c6c6c6;
	box-sizing: border-box;
	padding-left: 40px;
	background: #FFF url('images/loupe-select.svg') no-repeat left 13px center;
}

.recherche-tri input[type="submit"]
{
	font-family: "auto-pro-new";
	font-weight: bold;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	border: none;
	padding: 0 30px;
	margin-top: 34px;
	height: 50px;
	border-radius: 25px;
	background: #4E2747;
	cursor: pointer;

		padding: 11px 40px;
  border:none;
  cursor: pointer;
  font-family: "auto-pro-new";
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #fffdf8;
  border-radius:6px;
  background:#964c89;
}

.liste-associations
{

}

.liste-associations .bloc-asso
{
	border-bottom: 1px solid #c6c6c6;
	padding: 40px 100px;
}

.liste-associations .bloc-asso .logo
{
	float: left;
	width: 180px;
	margin-right: 20px;
	margin-bottom: 30px;
	background: #eee;
	border-radius: 10px;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}

.liste-associations .bloc-asso h3
{
	float: left;
	width: calc(100% - 200px);
	margin-top: 40px;
	color:#4E2747;
}

.liste-associations .bloc-asso .activite,
.liste-associations .bloc-asso .public
{
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #27292c;
	display: inline-block;
	width: 200px;
	text-transform: uppercase;
}

.liste-associations .bloc-asso .texte-asso
{
	margin-top: 20px;
}

.pagination-asso
{
	text-align: center;
	margin-top: 65px;
}

.pagination-asso span,
.pagination-asso a
{
	width: 40px;
	height: 40px;
	line-height: 40px!important;
	background: #D7B6C3;
	text-align: center;
	display: inline-block;
	margin: 0 5px;

	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #27292c;
}

.pagination-asso span,
.pagination-asso a:hover
{
	background: #4E2747;
	color:#fff;
}

.pagination-asso a.next,
.pagination-asso a.prev
{
	background: #4E2747;
	text-indent: -10000px;
	position: relative;
}

.pagination-asso a.next::before,
.pagination-asso a.prev::before
{
	content: ">";
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
	color:#fff;
	text-indent: 0;
}

.pagination-asso a.prev::before
{
	content: "<";
}

.ajouter-asso
{
	text-align: center;
}

.ajouter-asso a
{
	display: inline-block;
	width: 580px;
	box-sizing: border-box;
	background: #964C89;
	border-radius: 6px;
	padding: 40px 60px;
	margin-top: 35px;
}

.ajouter-sante a
{
	width: 100%;
	  padding: 40px 30px;
}

.ajouter-asso a .image
{
	background: url('images/picto-ajout.svg') no-repeat center;
	width: 51px;
	height: 40px;
	display: block;
	margin-right: 15px;
}

.ajouter-sante a .image
{
	background: url('images/picto-ajout-sante.svg') no-repeat center;
}

.ajouter-asso a .left+.left
{
	width: calc(100% - 70px);
}

.ajouter-asso a .titre
{
	font-family: "auto-pro-new";
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 20px;
	text-align: left;
	color: #fff;
	display: block;

	font-weight: 900;
	font-size: 32px;
	line-height: 36px;
	color: #fffdf8;

}

.ajouter-asso a .texte
{
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #fff;
	display: block;
}

.ajouter-asso a .parti
{
	font-family: "auto-pro-new";
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	text-align: right;
	color: #fff;
	text-transform: uppercase;
	display: block;
}

.bloc-medecin img
{
	border-radius: 100%;
}



.bloc-medecin .sous-titre
{
	text-transform: uppercase;
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #27292c;
}

.double-bloc-medecin > div
{
	width: calc(50% - 10px);
}

.double-bloc-medecin .onglets .en-tete > a {
  background: #4E2747;
  color: #fff;
}

.double-bloc-medecin .adresse
{
	background: url('images/adresse-picto.svg') no-repeat left top 13px;
	padding-left: 25px;
}

#map
{
	height: 480px;
}

.leaflet-marker-icon {
  background: url('images/pin.png') no-repeat center;
    background-size: auto;
  background-size: 100% auto;
}

.bloc-map
{
	position: relative;
}

#osmButton, #satelliteButton {
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 999;
  background: #4E2747;
  color: #fff;
  border-radius: 0 0 10px 10px;
  padding: 10px;
  border: none;
  line-height: 10px;
  font-size: 10px;
  text-transform: uppercase;
  cursor: pointer;
}

#osmButton {
  right: 90px;
}

.leaflet-popup-content h3
{
	font-size: 20px;
}

.leaflet-popup-content p
{
	margin: 0!important;
}

.leaflet-popup-content a.bouton
{
	color:#fff!important;
}

.liste-type-praticien
{
	margin:0 auto;
	max-width: 700px;
	margin-bottom: 50px;
}

.liste-type-praticien a
{
	display: inline-block;
	padding: 10px;
}

.liste-type-praticien a.active,
.liste-type-praticien a:hover
{
	color:#4E2747;
}

.liste-sante
{
	height: 660px;
	overflow-y: auto;
	padding-top: 20px;
	background: #f4f4f4;	
	padding: 20px;
}

.liste-sante .bloc-sante
{
	padding: 20px 0;
	overflow: hidden;
	padding-right: 10px;
}

.liste-sante .bloc-sante+.bloc-sante

{
	border-top: 1px solid #c6c6c6;
}


.liste-sante .bloc-sante .logo
{
	float: left;
	width: 160px;
	overflow: hidden;
	border-radius: 6px;
	background: #fff;
}

.liste-sante h3
{
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	color: #4e2747;

}


.liste-sante .activite
{
	font-family: "auto-pro-new";
	font-weight: 300;
	font-size: 16px;
	line-height: 18px;
	text-align: left;
	color: #4e2747;

	padding-bottom: 10px;
	text-transform: uppercase;
}

.liste-sante .adresse
{
	padding-left: 20px;
	background: url('images/pin-adresse.svg') no-repeat left top 4px;
	font-weight: 500;
font-size: 16px;
line-height: 20px;
font-weight: bold;
text-align: left;
line-height: 20px;
color: #4e2747;

}

.liste-sante .liste-bouton .bouton
{
	font-size: 16px;
	  padding: 5px 10px;
}
.liste-sante .liste-bouton .bouton+.bouton
{
	margin-left: 10px;
}


.liste-sante .telephone
{

	padding-left: 20px;
	background: url('images/pin-tel.svg') no-repeat left top 4px;
	font-weight: 500;
font-size: 16px;
line-height: 20px;
text-align: left;
color: #4e2747;

font-weight: bold;
}

.liste-sante .bouton
{
	margin-top: 20px;
}




.liste-sante .bloc-sante .texte
{
	float: right;
	width: calc(100% - 160px - 20px);

}

.liste-communs
{
	margin: 50px 0;
}

.liste-communs .bloc-commun
{
	overflow: hidden;
	margin-bottom: 25px;
	background: #f4f4f4;
}

.liste-communs .bloc-commun .image
{
	width: 280px;
	float: left;
}

.liste-communs .bloc-commun .image img
{
	display: block;
}

.liste-communs .bloc-commun .texte
{
	width: calc(100% - 280px);
	float: right;
	box-sizing: border-box;
	padding: 30px 20px;
}

.liste-communs .bloc-commun h3
{
	font-family: "auto-pro-new";
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	text-align: left;
	color: #4E2747;
}

.liste-communs .bloc-commun .adresse-tel,
.detail-commun .adresse-tel
{
	font-size: 14px;
	text-transform: uppercase;
}


.liste-communs .bloc-commun p
{
	font-size: 14px;
	line-height: 20px;
}

.template-detail-commun .carte iframe{
	max-width: 100%;
	width: 100%;
	height: 280px;
}

.template-detail-commun .sidebar-commun
{
	padding: 30px 20px;
	background: #f4f4f4;
}

.template-detail-commun .sidebar-commun .titre-sidebar
{
	padding-left: 40px;	
	color: #27292c;
	  text-align: left;
  margin: 0;

	font-weight: 500;
	font-size: 14px;
	line-height: 30px;
	text-align: left;
	color: #27292c;
}

.template-detail-commun .sidebar-commun .titre-sidebar.tarif
{
	background: url('images/picto-tarifs.svg') no-repeat left center;
}

.template-detail-commun .sidebar-commun .titre-sidebar.capacite
{
	background: url('images/picto-capacite.svg') no-repeat left center;
}

.template-detail-commun .sidebar-commun .sep-sidebar
{
	border-top: 1px solid #27292c;
	margin: 25px 0;
}

.template-detail-commun .sidebar-commun p
{
	font-weight: bold;
font-size: 14px;
line-height: 20px;
text-align: left;
color: #27292c;
}

.template-detail-commun .liste-materiel
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 15px;
}

.template-detail-commun .liste-materiel img
{
	display: block;
	width: 100%;
}

.template-detail-commun .bouton-dispo
{
	float: right;
  margin-top: -25px;
}

.template-detail-commun .photo-principal
{
	display: block;
	width: 100%;
	border-radius: 6px;
}

.galerie-commun
{
	margin-top: 20px;
		display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}


.galerie-commun img
{
	display: block;
	border-radius: 6px;
	width: 100%;
}

.liste-fichiers-liens-commun
{
	padding-top: 40px;
	border: none;
}

.liste-fichiers-liens-commun .ligne
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
	align-items: center;
}

.liste-fichiers-liens-commun .ligne+.ligne
{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e3e2e2;
}

.wpcf7-form h3,
.wpcf7-form b
{
	padding-left: 10px;
	padding-right: 10px;
}

.relative
{
	position: relative;
}

.liste-village-famille
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
	padding-top: 20px;
}

.liste-village-famille > div
{
	background: #FAFAFA;
	padding: 100px 20px;
	padding-bottom: 120px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
}

.liste-village-famille p,
.liste-village-famille p strong
{
	color:#4E2747;
	font-size: 20px;
}

.liste-village-famille > div::before
{
	height: 100px;
	width: 100%;
	content: "";
	top:0;
	left: 0;
	position: absolute;
}

.liste-village-famille > div::after
{
	height: 100px;
	width: 100%;
	content: "";
	bottom:0;
	left: 0;
	position: absolute;
}

.liste-village-famille > .bloc-buisson::before
{
	background: url('images/picto-buisson.svg') no-repeat center #9BE5ED;
}

.liste-village-famille > .bloc-cadouin::before
{
	background: url('images/picto-cadouin.svg') no-repeat center #FACF8F;
}

.liste-village-famille > .bloc-paleyrac::before
{
	background: url('images/picto-paleyrac.svg') no-repeat center #A3D856;
}

.liste-village-famille > .bloc-permanence::before
{
	background: url('images/picto-permanence.svg') no-repeat center #D5CED3;
}

.liste-village-famille > .bloc-buisson::after
{
	background:  #9BE5ED;
}

.liste-village-famille > .bloc-cadouin::after
{
	background:  #FACF8F;
}

.liste-village-famille > .bloc-paleyrac::after
{
	background: #A3D856;
}

.liste-village-famille > .bloc-permanence::after
{
	background:  #D5CED3;
}

.liste-village-famille .telephone
{
	font-weight: 900;
	font-size: 32px;
	line-height: 28px;
	text-align: center;
	color: #4e2747;
	position: absolute;
	left: 0;
	width: 100%;
	bottom:55px;
	z-index: 9;
}

.liste-village-famille .nous-ecrire
{
	background: url('images/picto-mail-2.svg') no-repeat left center;
	padding-left: 40px;

	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom:20px;
	z-index: 9;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	font-size: 20px;
}

.wpcf7-list-item
{
	margin: 0;
	margin-right: 20px;
}

.liste-salle
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

.maire
{
	position: relative;
	background: #4E2747;
border-radius: 6px;
	padding: 40px;
	margin: 50px 0;
}

.maire .texte
{
	text-align: center;
	width: 60%;
}

.maire .nom
{
	font-family: "Helvetica Neue";
	font-weight: bold;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	padding-bottom: 10px;
}

.maire .titre
{
	font-family: "Helvetica Neue";
	font-weight: 500;
	font-size: 16px;
	line-height: 14px;
	text-align: center;
	color: #fff;
}

.maire .photo
{
	position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
  border-radius: 6px;
  height: 180px;
  width: 180px;
}
/*
.centrer
{
	overflow: visible;
}*/

.bloc-personne
{
	border-radius: 6px;
	background: #edebed;
	  margin-top: 60px;
	  padding: 20px;
	  padding-top: 0;
}

.bloc-personne .nom
{
	font-weight: bold;
	padding-top: 20px;
}


.bloc-personne .image
{
	width: 118px;
	height: 118px;
	border-radius: 6px;
	background: #bcb1b9;
	margin: 0 auto;
	margin-top: -60px;
}

.liste-organigramme-6 .bloc-personne .image
{
	width: 98px;
  height: 98px;
  margin-top: -50px;
}

.liste-organigramme-6 .bloc-personne
{
	margin-top: 50px;
}

.titre-organigramme
{
	font-family: "Auto Pro";
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: #4e2747;
	padding-top: 20px;
}

.liste-organigramme
{
	display: grid;
	grid-gap: 20px;
	  padding-top: 20px;
	  padding-bottom: 20px;
}

.liste-organigramme-2
{
	grid-template-columns: repeat(2, 1fr);
}

.liste-organigramme-4
{
	grid-template-columns: repeat(4, 1fr);
}

.liste-organigramme-6
{
	grid-template-columns: repeat(6, 1fr);
}

.section-footer.fond-gris-clair
{
	background: #EDEBED;
}


@media (max-width: 1300px)
{

	header .logo
	{
		width: 180px;
	}

	#access
	{
		margin-left: 30px;
		margin-top: 30px;
	}

	header .profils
	{
		margin-left: 10px;
	}

	header .profils span
	{
	    background-size: 30px;
  		padding-left: 40px;
  		font-size: 14px;
	}

	header .liens-header .recherche, header .liens-header .contact
	{
		margin-left: 10px;
	}

	#access > div > ul > li > ul
	{
	}

	.hero-home .image-hero-home, 
	.home .hero-home
	{
		height: 480px;
	}

	header .profils .liste-profils .nom
	{
		font-size: 14px;
		padding-top: 5px;
	}

	header .profils .liste-profils img
	{
		width: 30px;
	}

	.section-404 .right::after 
	{
		top: -60px;
		background-size: contain;
		width: 623px;
	}

	.contenu-404
	{
		padding-top: 60px;
		padding-left: 60px;
	}

	.hero-home
	{
		height: 480px;
	}

	.liste-articles .article.l-col-6 .vignette, .liste-articles .article.l-col-3 .vignette
	{
		height: 305px;
	}

	.liste-articles .article.l-col-3 .vignette {
	  height: 145px;
	}

	.section-fin-lien .gros-lien {
	  height: 270px;
	}

	.section-fin-lien .petit-lien
	{
		width: 220px;
		height: 170px;
	}

	.section-fin-lien h2 {
	  padding: 23px 0;
	}

	.section-fin-lien .gros-lien span
	{
		top:175px;
	}

	header .logo {
    width: 140px;
        margin-top: 20px;
  }

  #access > div > ul > li
  {
  	width: 140px;
  }

  header .profils
  {
  	width: 140px;
  	margin-left: 0;
  }

  header .profils span
  {
  	padding-left: 0;
    text-align: center;
    background: none;
  }

  .liste-gros-acces a
  {
  	width: 50%;
  	float: left;
  }

  .liste-articles
  {
  	margin-top: 40px;
  }

  .maire .photo
  {
	  height: 160px;
	  width: 160px;  
	  right: 20px;
  }

  .m-l-col-0
 {
 	padding-left: 10px;
 } 


}

@media (max-width: 1000px)
{

	  header .logo {
	    width: 140px;
	    margin-top: 0;
	  }

	header .burger
	{
		background: url('images/burger.svg') no-repeat center top 15px #4E2747;
		  
		background-size: 25px auto;
		cursor: pointer;
		width: 80px;
		height: 80px;
		position: fixed;
    bottom: -20px;
		left: 50%;
		transform: translate(-50%, -50%);
		border-radius: 50px;
		z-index: 99999999;
		display: block;
    border: none;
	}

	header .burger::after
	{
		content: "MENU";
		color: #fff;
		position: absolute;
		top: 47px;
		left: 50%;
		transform: translateX(-50%);
		font-size: 12px;
	}

	header .burger.active::after
	{
		content: "FERMER";
	}

	#access
	{
		display: none;
		top:0;
		position: fixed;
		left: 0;
		width: 100%;
		background: #fff;
		height: calc(100% - 60px);
		z-index: 999;
		margin: 0;
		overflow: auto;
	}

	#access.active
	{
		display: block;
	}


	#access > div > ul > li
	{
		/*height: calc((100vh - 50px) / 4);*/
		display: block;
		float: none;
		width: 100%;
		margin: 0;
		padding: 10px 20px;
		box-sizing: border-box;

	}

	#access > div > ul > li > a
	{
		font-size: 16px;
		width: auto;
		display: block;
		padding: 20px;
		text-align: left;
		cursor: pointer;
	}

	#access > div > ul > li > a::after, 
	#access > div > ul > li > a::after,
	#access > div > ul > li.active > a::after, 
	#access > div > ul > li:hover > a::after 
	{
	  height: 60px;
	  bottom: 0px;
	}

	#access > div > ul > li.municipale > a, #access > div > ul > li.municipale > a
	{
		  color: #fff;
	}

	.liens-header
	{
		position: fixed;
		bottom:0;
		left: 0;
		width: 100%;
		background: #4E2747;
		z-index: 9999999;
		box-shadow: 0px 0px 10px rgba(0,0,0, .3);
		padding-top: 10px;
	}

	.liens-header .facebook
	{
		display: none;
	}	



	#access > div > ul 
	{
		padding-bottom: 40px;
	}

	#access > div > ul > li > a::after
	{
	}

	#access > div > ul > li.mairie a 
	{

	background-color: #10366E;
	}

	#access > div > ul > li.vivre-ici a
	{
		background-color: #238B81;
	}

	#access > div > ul > li.decouvrir a
	{
		background-color: #FAD596;
		color:#27292c;

	}

	#access > div > ul > li:hover > ul
	{
		display: none;
	}

	#access > div > ul > li.active > ul
	{
		display: block;
		width: auto;
		position: static;
		padding-top: 0;
		padding-left: 20px;
	}

	#access > div > ul > li > ul > li
	{
		width: auto;
		float: none;
		padding-left: 20px;
	}

	#access > div > ul > li > ul > li > ul
	{
		padding-top: 10px;
		padding-bottom: 20px;
		position: static;
		padding-left: 0;
	}

	#access > div > ul > li > ul > li > ul > li > a
	{
		padding-left: 20px;
		padding-top: 5px;
		font-weight: normal;
	}

	header .liens-header .panneau-pocket
	{
		width: 21px;
		height: 31px;
		background-color: #fff;
		padding: 5px;
		border-radius: 5px;
		background-size: 80%;

	}

	header .liens-header .recherche, header .liens-header .contact,
	header .liens-header .secretariat
	{
	  margin: 0;
	  padding: 0;
		padding-top: 25px;
		color: #fff;

		font-family: "Auto Pro";
	  font-weight: bold;
	  font-size: 11px;
	  line-height: 32px;
	  text-align: center;
	  background-position: center top;
	}

	header .liens-header .recherche::before
	{	
		background-image: url('images/loupe-blanc.svg');
	}

	header .liens-header .contact::before
	{
		background-image: url('images/contact-blanc.svg');
	}

	header .liens-header .recherche:hover::before,
	header .liens-header .contact:hover::before
	{
		opacity: 1;
	}

	header .liens-header .recherche::after, 
	header .liens-header .contact::after 
	{
		display: none;
	}

	header .profils
	{
		float: right;
	}

	header .liens-header .panneau-pocket
	{
		position: fixed;
		right: 20px;
		bottom: 10px;
	}

	header .liens-header .recherche
	{
		position: fixed;
    right: 90px;
    bottom: -5px;
	}

	header .liens-header .secretariat span
	{
		display: none;
	}

	header .liens-header .secretariat
	{
	  margin: 0 20px !important;
	}




	header .profils .liste-profils
	{
		left: auto;
		right: 0;
	}

	.hero-h1
	{
		font-size: 40px;
		line-height: 45px;
	}

	.liste-recherche
	{
		top:305px;
	}

	h1, h2
	{
		font-size: 30px;
		line-height: 34px;
	}

	p.texte-grand {
	  font-size: 18px;
	  line-height: 24px;
	}

	.section-credits
	{
		padding-bottom: 100px!important;
	}

	.section-credits a
	{
		padding: 0 10px;
	}
	
	header
	{
		height: 100px;
	}

	header .profils
	{
		margin-top: 20px;
	}

	.bloc-sous-pages
	{
		grid-template-columns: repeat(2, 1fr);
	}

	section.contenu ~ section.contenu
	{
		padding: 50px 0;
	}

	.carousel-photo .slick-arrow.slick-prev
	{
		left: 10px;
	}
	.carousel-photo .slick-arrow.slick-next
	{
		right: 10px;
	}

	.liste-galerie
	{
		grid-gap: 20px;
		margin-top: 50px;
	}

	.liste-galerie~.liste-galerie
	{
		margin-top: 20px;
	}

	.section-404 .left
	{
		width: 30%
	}

	.section-404 .right
	{
		width: 70%;
	}

	.section-404 .right::after {
		top:-110px;
	}

	.titre-sidebar-breves
	{
		margin-top: 45px;
		color:#4E2747;
	}

	.section-fin-lien .gros-lien {
    height: 410px;
  }

  .section-fin-lien .petit-lien {
    width: 340px;
    height: 260px;
    margin-bottom: 0;
    margin-top: 20px;
  }

  .recherche-tri
  {
  	padding: 35px 35px;
  }

  .liste-associations .bloc-asso
  {
  	padding: 40px 0;
  }

  .sidebar-commun
  {
  	margin-top: 40px;
  }

  .template-detail-commun .liste-materiel
  {
  	  grid-template-columns: repeat(7, 1fr);
  }


  .s-l-col-0
	 {
	 	padding-left: 10px;
	 } 

	 .liste-organigramme-6 {
	  grid-template-columns: repeat(4, 1fr);
	}

	.section-footer.fond-gris-clair .col
	{
		width: auto;
	}

	.section-footer.fond-gris-clair .centrer
	{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}	
	
}

@media (max-width: 740px)
{
	.hero-h1
	{
		font-size: 30px;
		line-height: 35px;
	}

	.hero-home #searchform input[name="s"] {
	  width: calc(100% - 50px);
	  font-size: 12px;
	}

	.hero-home #searchform
	{
		width: 100%;
		box-sizing: border-box;
	}

	header .logo
	{
		width: 120px;
		padding-top: 10px;
	}

	header
	{
		height: 60px;
		border-top: 0;
	}

	.hero-home #searchform #searchsubmit
	{
		width: 30px;
		background-size: 20px;
	}

	header .profils span
	{
		font-size: 12px;
		line-height: 60px;
	}

	header .profils
	{
		margin-top: 0;
	}

	.liste-recherche
	{
	  width: calc(100% - 80px);
		top: 280px;
	}

	.home .hero-home
	{
		padding-top: 60px;
	}

	.hero-home #searchform {
	 
	  position: absolute;
	  top: 190px;
	  left: 50%;
	  transform: translateX(-50%);

	  width: calc(100% - 40px);
	}

	header .profils .liste-profils
	{
		top:60px;
		right: -20px;
	}

	.centrer-hauteur
	{
		display: block;
	}

	.section-logo .centrer-hauteur
	{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
	}

	.section-logo a
	{
		text-align: center;
	}

	.section-credits a + a
	{
		border: none;
	}

	.bloc-sous-pages {
	  grid-template-columns: repeat(1, 1fr);
	}

	.carousel-photo .slick-arrow
	{
		background-color: #fff!important;
		border-radius: 50%;
		width: 50px;
		height: 50px;
	}

	section.contenu
	{
		padding-bottom: 50px;
	}

	iframe
	{
		max-width: 100%;
		height: auto;
	}

	#tabs .ui-tabs-nav li a
	{
		font-size: 14px;
		width: auto;
		padding: 0 15px;
	}

	#tabs .ui-tabs-panel
	{
		padding: 20px;
	}

	.accordion > h3
	{
		font-size: 18px;
		padding: 5px 0;
		background-size: 20px auto;

		padding-right: 30px;
	}

	#accordion
	{
		padding: 20px;
	}

	.accordion > div
	{
		padding: 20px;
	}

	.liste-galerie
	{
		margin-top: 20px;
		grid-template-columns: repeat(2, 1fr);
	}

	.hero-page .image-hero-page
	{
		height: 200px;
	}

	.texte-hero
	{
		margin-top: 80px;
	}

	.accordion > div
	{
		height: auto!important;
	}

	.recherche-page .hero-home #searchform
	{
		top:0;
	}

	.recherche-page .liste-recherche {
	  top: calc(25vh + 30px);
	}

	.texte-hero
	{
		min-height: 110px;
	}

	.wpcf7 .input-50,
	.wpcf7 .input-30,
	.wpcf7 .input-70
	{
		width: calc(100% - 20px);
	}

	.section-404 .left
	{
		width: 150px;
		float:none;
		margin: 0 auto;
		margin-top: -60px;
	}

	.contenu-404
	{
		padding-top: 30px;
		padding-left: 0;
		width: auto;
	}

	.section-404 .right
	{
		width: 100%;
	}

	.section-404 .right::after
	{
		display: none;
	}

	.liste-gros-acces a {
	    width: 50%;
	    float: left;
	    margin-top: 20px;
	    padding-right: 0;
	    padding-left: 50px;
	    background-size: auto 30px !important;
	  }

	  .liste-articles .article.l-col-6 .vignette, 
	  .liste-articles .article.l-col-3 .vignette {
	    height: 190px;
	  }

	  .liste-articles .article.l-col-6 .titre-article
	  {
	  	font-size: 30px;
	  	line-height: 34px;
	  }

	  .section-bulletin .align-right,
	  .section-bulletin
	  {
	  	text-align: left;
	  }

	  .titres-onglets
	  {
	  	width: 50%;
	  }

	  .tout-voir {
		  margin-top: 20px;
		}

		 .section-fin-lien .gros-lien,
		 .section-fin-lien .petit-lien
		  {
		  	width: 100%;
		  	margin:0;
		  	margin-bottom: 20px;
		    height: calc((100vw - 50px) * 0.57);
		  }

	   .section-fin-lien .gros-lien span {
	    top: 50%;
	    transform: translateY(-50%);
	  }

	  .section-fin-lien .liste-petit-lien {
		  margin: 0;
		}

		.mot-president
		{
			display: block;
		}

		.mot-president img
		{
			float: none;
		}

		.liens-asso a
		{
			margin-bottom: 10px;
		}

		.galerie-asso
		{
			  grid-template-columns: repeat(1, 1fr);
			  row-gap: 20px;
		}

		.liste-associations .bloc-asso .logo
	  {
	  	width: 30%;
	  }

	  .liste-associations .bloc-asso h3
	  {
	  	  width: calc(100% - 30% - 20px);
	  	  margin-top: 10px;
	  }

	  .pre-recherche input[type="text"]
	  {
	  	width: 100%;
	  	margin-bottom: 10px;
	  }

	  .pre-recherche input[type="submit"],
	  .recherche-tri .select
	  {
	  	margin: 0;
	  	width: 100%;
	  }

	  .recherche-tri .select+.select
	  {
	  	margin: 0;
	  	margin-top: 10px;
	  }

	  .ajouter-asso a
	  {
	  	width: 100%;
	  	padding: 30px;
	  }

	  .liste-sante .bloc-sante .logo
	  {
	  	width: 80px;
	  }

	  .liste-sante .bloc-sante .texte
	 {
	 	width: calc(100% - 80px - 20px);
	 } 

	 .liste-sante
	{
		margin-bottom: 20px;
	} 

	.double-bloc-medecin > div
	{
		width: 100%;
	}

	.frontend-form .acf-fields > .acf-field
	{
		width: 100%!important;
	}

	.liste-communs .bloc-commun .image
	{
		width: auto;
		float: none;
	}

	.liste-communs .bloc-commun .texte
	{
		width: auto;
		float: none;
	}


  .template-detail-commun .liste-materiel
  {
  	  grid-template-columns: repeat(3, 1fr);
  }

  .template-detail-commun .bouton-dispo {
	  float: none;
	  margin-top: 10px;
	}

	.maire .texte
	{
		width: 100%;
	}

	.maire .photo
	{
		position: static;
		width: auto;
		height: auto;
		    transform: none;
    margin-top: 30px;
	}

	.xs-l-aucun
	{
		padding-left: 10px;
	}

	.liste-organigramme
	{
		grid-template-columns: repeat(1, 1fr);
	}

	.section-footer.fond-gris-clair .centrer
	{
		grid-template-columns: repeat(1, 1fr);
	}	

	.pleine-largeur
	{
		  grid-column: span 2;
		      margin-bottom: 20px;
	}
}