/*
marron : #bf4611
bordeau : #662b27
rose : #be9579
*/
@font-face {font-family: "ZapfHumanist601BT-Roman";src: url(../fonts/TT0015M.eot);src: url("../fonts/TT0015M.eot?#iefix") format("embedded-opentype"), url(../fonts/TT0015M.otf) format("opentype"), url(../fonts/TT0015M.svg) format("svg"), url(../fonts/TT0015M.ttf) format("truetype"), url(../fonts/TT0015M.woff) format("woff"), url(../fonts/TT0015M.woff2) format("woff2");font-weight: 400;font-style: normal}
@font-face {font-family: "ZapfHumanist601BT-Bold";src: url(../fonts/TT0017M.eot);src: url("../fonts/TT0017M.eot?#iefix") format("embedded-opentype"), url(../fonts/TT0017M.otf) format("opentype"), url(../fonts/TT0017M.svg) format("svg"), url(../fonts/TT0017M.ttf) format("truetype"), url(../fonts/TT0017M.woff) format("woff"), url(../fonts/TT0017M.woff2) format("woff2");font-weight: 400;font-style: normal}
@font-face {font-family: "ZapfHumanist601BT-Italic";src: url(../fonts/TT0016M.eot);src: url("../fonts/TT0016M.eot?#iefix") format("embedded-opentype"), url(../fonts/TT0016M.otf) format("opentype"), url(../fonts/TT0016M.svg) format("svg"), url(../fonts/TT0016M.ttf) format("truetype"), url(../fonts/TT0016M.woff) format("woff"), url(../fonts/TT0016M.woff2) format("woff2");font-weight: 400;font-style: normal}
@font-face {font-family: "ZapfHumanist601BT-BoldItalic";src: url(../fonts/TT0018M.eot);src: url("../fonts/TT0018M.eot?#iefix") format("embedded-opentype"), url(../fonts/TT0018M.otf) format("opentype"), url(../fonts/TT0018M.svg) format("svg"), url(../fonts/TT0018M.ttf) format("truetype"), url(../fonts/TT0018M.woff) format("woff"), url(../fonts/TT0018M.woff2) format("woff2");font-weight: 400;font-style: normal}
body {font-family: Roboto, Arial, Verdana, Helvetica, Sans-Serif;}
h1, h2,h3 ,h4,h5 {font-family: ZapfHumanist601BT-Roman, Arial, Verdana, Helvetica, Sans-Serif;font-weight:initial;}
h2 {font-weight: 400;font-size:36px;color:#662b27;}
th {text-align: center;}
table, td {border:1px solid black;}
a {text-decoration: none;}
p {margin:0;}

.btn-primary {background-color:#662b27}
.btn-primary:hover {background-color:#bf4611}
.puce {list-style-image: url(../images/puce.png);}

.com-content-article a:hover, .com-content-article a:focus {color:#bf4611;}
.container-header {
	background-color: transparent;
	background-image: none;
}
#barresParc {position:absolute;right:134px;display:grid;grid-template-columns: repeat(9, 18px);grid-gap: 35px;}
#barresParc * {height:55px;background-color: #bf4611;}
.container-nav {
	padding-right: 63px !important;
	justify-content: end !important;
}
.container-nav nav{
	margin-top:0;
}
.menuPrincipal.mod-menu  li > a, .container-header .menuPrincipal.mod-menu  li > button  {
	color: #662b27;
	font-family: ZapfHumanist601BT-Roman, Arial, Verdana, Helvetica, Sans-Serif;
	text-transform: uppercase;
	font-size: 22px;
	display: flex;
}
.metismenu.mod-menu .mm-toggler {
		align-items: initial;
}
.metismenu.mod-menu .mm-toggler::after {
	content: "";
	border-top: 0;
	border-left: 0;
	border-right: 0;
	width: 100%;
	height: 0;
	margin-inline-start: .5em;
	transition: all .3s ease-out;
}
.metismenu.mod-menu .metismenu-item {
	margin-top: -1px;	
}
.mm-collapse.mm-show {
	opacity: 0.9;
}
.item-152 button::after {
	width: 100%;
	padding-left: 27px !important;
}
.container-header .metismenu.mod-menu > li > a::after, .container-header .metismenu.mod-menu > li > button::after {
	content: '';
	display: block;
	padding-left: 9px;
	padding-right: 9px;
	border-right: 3px solid #b38b0d;
	margin-bottom: 5px;
	margin-top: 13px;
	position: initial;
	opacity: 1;
	height: initial;
}
.container-header .metismenu > li > a:hover::after, .container-header .metismenu > li > button:hover::before, .container-header .metismenu > li.active > a::after, .container-header .metismenu > li.active > button::before {
	background: none;
}
.metismenu.mod-menu .item-152 button {
	background: url(../images/fleche-bas.png) no-repeat;
	background-position: 98px 14px;
	width: 115%;
}

.menuPrincipal.mod-menu > li:last-child > a::after, .container-header .menuPrincipal.mod-menu > li:last-child > span::after {
	border:0;
}
.menuPrincipal.mod-menu > li a:hover, .container-header .menuPrincipal.mod-menu > li span:hover {color:#bf4611;}
.container-header .mod-menu .parent > ul.show-menu {
	display: initial;
	position: absolute;
	background: rgba(255, 255, 255, 0.9);
	width: 100%;
	margin-top: 7.990px;
	left: 0;
	padding: 4px;
}
.container-header .mod-menu > li + li {
	position: initial;
}
.menuPrincipal.mod-menu .mod-menu__sub li > a {padding-left:10px;font-size:20px;}
.container-topbar {
	z-index: 1;
	position: relative;
	line-height: initial;
	display: grid;
	grid-template-columns: 1fr auto;
	justify-content: end;
}
.topBarParc {
	background:#c04712;
	text-align: right;
	padding:5px 0;
}
.topBarParc:last-child > div {
	
	margin-right: 80px;
	padding-top: 4px;
}
.topBarParc p {
	display: inline-block;
	margin-right:20px;
}
.topBarParc a {
	text-decoration: none;
}
.topBarParc .facebook {
	height: 29px;
  display: block;
	text-decoration: none;
	padding-right: 10px;
	border-right: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	padding-left: 10px;
	border-left: 1px;
	border-left-style: solid;
	border-left-color: #fff;
}
.topBarTel {
	margin-left:10px;
	vertical-align: middle;
}
/*.container-topbar .cktext.inner {
	margin: 0 0 10px 0 !important;
}
.container-topbar p {
	margin: 0;
}

.container-topbar span {
	vertical-align: middle;
}*/
.grid-child {max-width: 1920px;}
.container-banner {
	margin: 0;
	margin-top: -50px;
}
#diagonal {
	background: rgba(0, 0, 0, .5);
	position: absolute;
	height: 100%;
	transform: skew(15deg);
}

/* Menu principal */
.container-header .grid-child {height:50px;background: rgba(255, 255, 255, 0.9)}
/* !Menu principal */

#accueilLogo {
	width: 216px;
	height: 250px;
}

.breadcrumb {background: none;}

main h1 {font-size: 24px;}

/* Footer */
.container-footer {
  color: #fff;
  background-color: transparent;
  background: url(../images/footer-background.png) repeat-x;
  margin-top: 1em;
}
.container-footer > .grid-child  {
  width: 1150px;
  background: url(../images/footer-background-02.png) repeat;
  margin-top: 50px;
}
.footer .grid-child {
	flex-wrap: wrap;
  padding: 2.5rem 0em 0 0em;
}
#mod-custom121 {
  display: grid;
  grid-template-columns: 780px 450px;
}
#footerFranceRenovParcLogo {
  margin-left: 0;
  width: 314px;
  position: absolute;
}
#footerCarte {
  margin-left: 200px;
}
#footerMaisonRenovContactsLogoNewsletter {
  display: grid;
/*  grid-template-rows: repeat(2,1fr);*/
}
#footerMaisonRenovContactsLogo {
  display: grid;
  grid-template-columns: 38% 50%;
}
#footerContacts {margin-top: 45px;width: 300px;}
#footerContactsAdresse {
	line-height: 1.2;
	color: #bf4611;
	font-size: 14px;
	/*width: 310px;*/
}
#footerContactsAdresse p {
	margin-bottom:3px;
}
#footerContactsAdresse a {
	font-family: ZapfHumanist601BT-Bold, Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 23px;
	color:#fff;
	text-decoration: none;
}
#footerContactsMail a {
	margin-top: 10px;
	text-decoration: none !important;
}
.acym_module {
	position: absolute;
  margin-left: 800px;
  margin-top: 173px;
}
.acym_introtext {
	font-family: ZapfHumanist601BT-Bold, Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 19px;
	line-height: 1.2;
	margin-bottom: 15px;
}
.onefield.acyfield_2.acyfield_text {
	background: #fff;
}
.acym_module input:first-child {
	width:400px;
	height: 30px;
	border:0;
}
.acysubbuttons {background: #fff;}
.acysubbuttons .btn-primary {
	background: none;
	border: 0;
	border-left: 3px solid #bf4611;
	border-radius: 0;
	float: right;
	margin-right: 35px;
	font-family: ZapfHumanist601BT-Bold, Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 18px;
	border-width: 2px;
	line-height: 0;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 3px;
	width: 50px;
	padding-bottom: 7px;
	padding-top: 0px;
	height: 25px;
	color:#000;
}
/* !Footer */ 

.pieddepage a {color:#662b27;}
.pieddepage a:hover {color:#bf4611;}
.pieddepage .grid-child {flex-wrap: wrap;}
body.wrapper-fluid footer.pieddepage > .grid-child {padding: 0}
#mod-custom128 {flex:1 0 100%; padding-top: 40px; padding-bottom: 20px; text-align: center;background: url(../images/footer-background-02.png) repeat-x -50px;}
.pieddepage .mod-menu {flex:1 0 100%}
/* menu fixe */
.menuFixe {position:fixed;top:340px;right:0;z-index:400;text-align: center;}
.menuFixe .mod-list li {padding: 0}
.menuFixe li {background:#b19580;margin-bottom:4px;line-height: 18px;}
.menuFixe .nav > li > a {display: table-cell;width:50px;height:50px;
  vertical-align: middle;}
  .item-162::before, .item-163::before, .item-164::before, .item-165::before {
  display: block;
  position: absolute;
  right: 0px;
  background-color: #b19580;
  color: #fff;
  padding: 15px 10px 10px 20px;
  height: 50px;
  text-transform: uppercase;
  font-family: ZapfHumanist601BT-Roman, Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 16px;
  max-width: 0px;
  overflow: hidden;
  transition: max-width 1s;
  white-space: nowrap;
  z-index: -1;
  text-align: left;
}
.item-165 a, .item-165::before {background-color: #bf4611}
.item-162:hover::before, .item-163:hover::before, .item-164:hover::before, .item-165:hover::before {max-width: 300px;transition: max-width 0,5s;}
.item-162::before {content: "Agenda";width: 155px;}
.item-163::before {content: "Les ressources";width: 205px;}
.item-164::before {content: "Annuaire des pros";width: 235px;}
.item-165::before {content: "Recherche";width: 170px;}

.tooltip-inner {
    background-color: #c04712 !important;
}

@media (min-width:768px) and (max-width:992px) {
	.container-header .grid-child {
		height: initial;
	}
	.container-banner {
		margin: 0;
	}
	.container-nav {
		 padding-right: initial !important; 
		 justify-content: initial !important; 
	}
	.menuPrincipal.mod-menu > li > a::after, .container-header .menuPrincipal.mod-menu > li > span::after {
		border-right: 0;
	}
	.container-header .mod-menu {
		padding-bottom:10px;
	}
	.container-header .mod-menu .parent > ul.show-menu {display: block;}

	.container-footer {
		background-repeat: repeat;
	}
	#mod-custom121 {
		grid-template-columns: initial;
		gap: 80px;
	}
	#footerCarte {
		margin-bottom: 20px;
	}
	#footerMaisonRenovContactsLogoNewsletter {
		justify-content: center;
	}
	.acym_module {
		position: initial; 
		margin-left: initial; 
		margin-top: 30px;
		margin-bottom: 30px;
	}
}
@media (min-width:768px) and (max-width:1920px) {
	/* Menu principal */
	.container-header .grid-child {padding:0;}
	/* !Menu principal */
}
@media (min-width:768px) and (max-width:1460px) {
	.container-header .grid-child {height:42px}
	.container-header .mod-menu > li {padding-top: 0}
	.topBarParc {
		padding: 0;
		height:42px
	}
#barresParc {
		right:99px;
		grid-template-columns: repeat(9, 15px);
		grid-gap: 25px;
	}
	#barresParc * {height:42px;}
	.container-footer > .grid-child {
		 width: initial; 
	}
	.container-footer {
		background-repeat: repeat;
	}
	.footer .grid-child {
		justify-content: center;
	}
	#mod-custom121 {
		grid-template-columns: repeat(2, 1fr);
		/* grid-template-rows: repeat(2, 1fr); */
		gap: 80px;
		/* grid-column: 1 / 2; */
		text-align: center;
	}
	#mod-custom121 > div:nth-child(3) {
		grid-column: 1;
	}
	#footerFranceRenovParcLogo {
		margin-left: 0;
		margin-top: 50px;
		width: initial;
		position: initial;
		/* grid-column: 1 / 2; */
	}
	#footerCarte {
		margin-bottom: 20px;
		margin-left: initial;
	}
	#mod-custom121 > div:nth-child(3) {
		grid-column: span 3;
	}
	#footerMaisonRenovContactsLogoNewsletter {
		justify-content: center;
	}
	.acym_module {
		position: initial; 
		margin-left: initial; 
		margin-top: 30px;
		margin-bottom: 30px;
	}
}
@media (width <= 767.8px) {
	main h1 {
		font-size: 20px;
	}
	.container-topbar {
		display: grid;
		grid-template-columns: initial;
		grid-template-rows: auto 1fr;
		justify-content: initial;
	}
	.topBarParc {
		text-align: center;
	}
	.topBarParc p {
		 padding: 0;
		 margin:0;
	}
	.topBarParc #mod-custom133 p:first-child {
		 margin-right:19px;
	}
	.topBarParc:last-child > div {
		margin-right: 0;
	}
	.topBarParc .facebook {
		border-left: 0;
	}
	.container-header .grid-child {
		height: initial;
	}
	body.wrapper-fluid header > .grid-child.container-nav {padding-left:0.5em;}
	.container-header .container-nav {
		 padding:0.5em;
		 justify-content: initial !important; 
	}
	.navbar-toggler:focus {
	 box-shadow: initial; 
}
	.container-header .container-nav .container-search, .container-header .container-nav nav {
		 margin-top: 0; 
	}
	.container-header .navbar-toggler {color:#bf4611;border: 1px solid #bf4611;}
	.navbar-collapse {background-color: #fff; padding: 10px;}
	.menuPrincipal.mod-menu > li > a::after, .container-header .menuPrincipal.mod-menu > li > span::after {
		border: initial;
	}

	.container-banner {
		margin: 0;
	}
	#barresParc {
		right: 15px;
		margin-top: 1px;
		grid-template-columns: repeat(9, 10px);
		grid-gap: 18px;
	}
	#barresParc * {
		height: 30px;
	}

	body.wrapper-fluid header > .grid-child, body.wrapper-fluid footer > .grid-child {
		padding-left: 1em;
		padding-right: 1em;
	}
	.footer .grid-child {
		flex-wrap: initial; 
		padding: 2.5rem 0em 0 0em;
		align-items: initial;
	}
	.container-footer > .grid-child {
		 width: initial;
		 background: url(../images/footer-background-02.png) -50px -50px;
	}
	#mod-custom121 {
		display: initial;
	}
	#footerFranceRenovParcLogo {
		margin-left: 0;
		width: 100%;
		position: initial;
		margin-top: 28px;
		text-align: center;
	}
	#footerCarte {
		margin-left: 0;
		width: 90%;
		text-align: center;
		margin: 40px auto;
	}
	#footerMaisonRenovContactsLogoNewsletter {
		display: initial;
		margin-top: 45px;
		text-align: center;
	}
	#footerMaisonRenovContactsLogo {
		display: initial;
	}
	#footerContacts {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.acym_module {
		position: initial;
		width: 90%;
		right: initial; 
		margin-top: 37px;
		margin-left: auto;
		margin-right: auto;
	}
	.acym_module input:first-child {
		width: 90%;
	}
	table.acym_form {width: 100%;}
	#mod-custom128 {
		background: url(../images/footer-background-02.png) repeat;
	}
	.carousel-cell img {object-fit: cover;width: 100%; height: 300px;}
}

@media (width <= 1630px) {
	#accueilLogo {
		width: 150px;
	}
}

@media (width <= 1360px) {
	#diagonal {
		left: -55px;
		width: 328px;
	}
	#accueilLogo {
		width: 110px;
		position: absolute;
		margin: 87px 0 0 72px;
	}
}

@media (width <= 1200px) {
	#diagonal {
		left: -115px;
		width: 328px;
	}
	#accueilLogo {
		width: 80px;
		position: absolute;
  	margin: 57px 0 0 72px;
	}
}

@media (width <= 376px) {
	#mod-custom133 p:nth-child(3) {margin-top:10px;}
}

/*@media (min-width:0px) and (max-width:519px) {
	.container-topbar img {width: 65%;}
	.container-topbar div:last-child .custom p:last-child img {width: 10%;}
	.container-topbar .topBarTel {font-size: 16px !important;}


	.menuPrincipal.mod-menu > li > a::after, .container-header .menuPrincipal.mod-menu > li > span::after {
		border: initial;
	}
}*/