@charset "UTF-8";
/* CSS Document */
/* UDUDDUDUDUDUDUDUDUDUDUDUD */
/* UDUD URBANDATA UDUDUDUDDU */
/* UDUD www.urbandata.fr UDU */

/*
border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -khtml-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; box-shadow: #363636 0px 2px 3px 0px; -moz-box-shadow: #363636 0px 2px 3px 0px; -khtml-box-shadow: #363636 0px 2px 3px 0px; -webkit-box-shadow: #363636 0px 2px 3px 0px;
*/
/*
border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	box-shadow: #363636 0px 2px 3px 0px;
	-moz-box-shadow: #363636 0px 2px 3px 0px;
	-khtml-box-shadow: #363636 0px 2px 3px 0px;
	-webkit-box-shadow: #363636 0px 2px 3px 0px;
*/
/* Modern Browsers
	opacity: 0.7;
/* IE 8
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
/* IE 5-7
filter: alpha(opacity=70);
/* Netscape
-moz-opacity: 0.7;
/* Safari 1
-khtml-opacity: 0.7;

 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
 /*Internet Explorer 10 in Windows 8 and Windows Phone 8*/
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
/**/

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

/*
Extra small			<576px		.col-xs-
Small ≥576px		540px		.col-sm-
Medium ≥768px		720px		.col-md-
Large ≥992px		960px		.col-lg-
Extra large ≥1200px	1140px		.col-xl-
*/



/* Reserve
font-family: 'Raleway', sans-serif;

color:#e5502f; /*rouge
color:#f2efeb; /*beige
color:#64503a; /*maron

font-family: "Montserrat", sans-serif;
font-family: "Raleway", sans-serif;
font-family: "Raleway Dots", sans-serif;
*/
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
paramètres générals 
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
html 				{ width: 100%;margin: 0; padding: 0;}
body 				{ width: 100%;margin: 0; padding: 0; background-color:transparent !important;}
body				{ font-size:13px; font-family: "Raleway", sans-serif;}


@media (min-width: 575.98px) { 

}


.clear 				{ clear: both; width: 100%; height: 1px; overflow: hidden; /* Précaution pour IE 7 */}
.separator 			{ clear: both; width: 100%; margin : 10px auto; border-bottom: 1px solid #383434; height: 1px; overflow: hidden; /* Précaution pour IE 7 */}

.onMobile  { display:none;}
@media (max-width: 575.98px) { 
.onMobile  { display:block;}
}
.noMobile  { display:block;}
@media (max-width: 575.98px) { 
.noMobile  { display:none;}
}

/******* TRANSITION****/
.transitioncss {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.scrollToTop{
	width:74px; 
	height:36px;
	padding:0px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:20px;
	right:40px;
	display:none;
	z-index:1000;
	background: url('btn_gotop_off.png') no-repeat 0px 0px;
}
.scrollToTop:hover{
	text-decoration:none;
	background: url('btn_gotop_ovr.png') no-repeat 0px 0px;
}
/*TEMPLATE*/







/**************TYPO BODY**********/
/*color:#e5502f; /*rouge
color:#f2efeb; /*beige
color:#64503a; /*maron*/
h1 									{ font-family: "Raleway", sans-serif;font-size: 2.6em; font-weight: 300;}
h2 									{ font-family: "Raleway", sans-serif;font-size: 2.0em;font-weight: 500;}
h3 									{ font-family: "Raleway", sans-serif;font-size: 1.6em;font-weight: 500;}
p 									{ font-family: "Raleway", sans-serif;font-size: 1.3em;font-weight: 400;line-height: 1.5em;}

a 									{ font-family: "Raleway", sans-serif;font-size: 1.3em;font-weight: 400;line-height: 1.5em; }
a:hover 							{ }
a:active		 					{ }
a:focus								{ }
a.lienBgNoir						{ color:#f2efeb; /*beig*/}
a.lienBgNoir:hover					{ color:#fff;}

.txtsup								{ position: relative;bottom: 1px;font-size: .8em;line-height: .8em;vertical-align:super;text-decoration:none;}

.fa.fa-1x							{ font-size:10px;}
.fa.fa-2x							{ font-size:20px;}
.fa.fa-3x							{ font-size:30px;}
.fa.fa-4x							{ font-size:40px;}


.font-effect-outline {
    text-shadow: 0 1px 1px #000, 0 -1px 1px #000, 1px 0 1px #000, -1px 0 1px #000;
    color: #fff;
	font-size:80px;
}
@media (max-width: 575.98px) { 
h1 									{ font-size: 2.0em;}
h2 									{ font-size: 1.8em;}
}

/**************BLOC BODY***********/
.span				{ float:left;}
.w10				{ width:10%;}
.w20				{ width:20%;}
.w30				{ width:30%;}
.w40				{ width:40%;}
.w50				{ width:50%;}
.w60				{ width:60%;}
.w70				{ width:70%;}
.w80				{ max-width: 80%;max-height: 100%;}
.w90				{ width:90%;}
.w100				{ max-width: 100%;height: auto;}

@media (max-width: 575.98px) { 
}


.mr5			{ margin-right:5px;}
.mr10			{ margin-right:10px;}
.mr20			{ margin-right:20px;}
.mr30			{ margin-right:30px;}
.ml10			{ margin-left:10px;}
.ml20			{ margin-left:20px;}
.ml30			{ margin-left:30px;}
.mb0			{ margin-bottom:0px;}
.mb10			{ margin-bottom:10px;}
.mb20			{ margin-bottom:20px;}
.mb30			{ margin-bottom:30px;}
.mb60			{ margin-bottom:60px;}
.mb120			{ margin-bottom:120px;}
.mt10			{ margin-top:10px;}
.mt20			{ margin-top:20px;}
.mt30			{ margin-top:30px;}
.mt60			{ margin-top:60px;}

.p10			{ padding:10px;}
.p20			{ padding:20px;}
.p30			{ padding:30px;}

.pb5			{ padding-bottom:5px;}
.pb10			{ padding-bottom:10px;}
.pb20			{ padding-bottom:20px;}
.pb30			{ padding-bottom:30px;}
.pl15			{ padding-left:15px;}
.pl20			{ padding-left:20px;}
.pl30			{ padding-left:30px;}
.pr10			{ padding-right:10px;}
.pr20			{ padding-right:20px;}
.pr30			{ padding-right:30px;}
.pt15			{ padding-top:15px;}
.pt30			{ padding-top:30px;}
.pt60			{ padding-top:60px;}

.espmt_tpl			{ padding-bottom:160px;padding-top:160px;padding-left:20px;padding-right:20px;}
@media (max-width: 575.98px) { 
	.espmt_tpl			{ padding-bottom:60px;padding-top:80px;padding-left:15px;padding-right:15px;}
}

.txt-left								{ text-align:left;}
.pull-left 								{ float:left;}
.pull-right 							{ float:right;}
.pull-center							{ margin-left:auto; margin-right:auto;}
.pull-right-noMobile					{ float: right !important;}


/**************IMAGES***********/
.img-fluid 								{ max-width: 100%; height: auto;}
.responsive								{ width:100%; height:auto; margin-left:auto; margin-right:auto;}
.imgCentre								{ margin-left:auto; margin-right:auto;}


/**************BTN BODY***********/
.btn								{ font-size:13px;font-weight:400;display: inline-block; padding: 5px 16px;transition: 0.4s; z-index:1000;
border-radius: 0;
	/*border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;*/
	z-index:100;
	text-transform:uppercase;
}
.btn.focus, .btn:focus { outline: 0; box-shadow: none;
}

.btn-blanc							{ background: #fff;color:#343a40;/*grisSombre*/}
.btn-blanc:hover					{ background-color:#343a40;/*grisSombre*/color:#fff;}
.btn-trans							{ background-color: transparent !important;color:#fff;border: 1px solid #fff;}
.btn-trans:hover					{ background-color:#343a40;/*grisSombre*/color:#343a40;/*grisSombre*/border: 1px solid #343a40;/*grisSombre*/}
.btn-vert							{ background-color:#c8cb06;/*vert*/color:#fff;}
.btn-vert:hover						{ background-color:#343a40;/*grisSombre*/color:#fff;}
.btn-noir							{ background-color: transparent;color:#343a40;/*grisSombre*/border:#343a40 2px solid;}
.btn-noir:hover						{ background-color:#343a40;/*grisSombre*/color:#fff;border:#343a40 1px solid;}
.btn-trans							{opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
}

/**************PERSONALISATION TEMPLATE***********/
/*color:#e5502f; /*rouge
color:#f2efeb; /*beige
color:#64503a; /*maron
*/
.b-example-divider {
        width: 100%;
        height: 3rem;
        background-color: #0000001a;
        border: solid rgba(0, 0, 0, 0.15);
        border-width: 1px 0;
        box-shadow:
          inset 0 0.5em 1.5em #0000001a,
          inset 0 0.125em 0.5em #00000026;
      }
/*plein ecran - pleine hauteur*/
.masthead {
  height: 100vh;
  min-height: 500px;
  
  background-size: cover;
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.inner-masthead						{ padding-top:100px; padding-bottom:100px;}


.bg_tpl0	{ background-color:transparent !important;}
.bg_tpl1r { background: radial-gradient(#31363a, #1d1d1b);/*noir*/}
.bg_tpl1r h1, .bg_tpl1r h2, .bg_tpl1r h3, .bg_tpl1r h4, .bg_tpl1r p 
{ color: #f2efeb !important;} /*beige*/

.bg_tpl2r { background: radial-gradient(#775636, #64503a);/*maron*/ }

.bg_tpl2l { background: linear-gradient(to bottom, #64503a, #ffffff, #64503a);}
.bg_tpl2l h1, .bg_tpl2l h2, .bg_tpl2l h3, .bg_tpl2l h4, .bg_tpl2l p 
{ color: #1d1d1b !important;} /*noir*/

.bg_tpl3	{ background-color:#f2efeb !important;} /*beige*/


/*color:#e5502f; /*rouge
color:#f2efeb; /*beige
color:#64503a; /*maron*/

#pack1 { background-color:#f2efeb; /*beige*/;}
#pack2 { background-color:#fff; /**/;}
#pack3 { background-color:#f2efeb; /*beige*/;}
#pack4 { background-color:#fff; ;}


/* Accueil plein écran ; le contenu reste accessible sur les petits écrans. */
#strat0 { min-height:100vh; min-height:100svh; display:flex; flex-direction:column; }
#strat0 > header { flex-shrink:0; margin-bottom:0 !important; }
#strat0 .cover-content { flex:1; display:flex; flex-direction:column; justify-content:center; padding:30px 0; }
#strat0 .cover-logo { max-height:28vh; max-height:28svh; object-fit:contain; }
#strat0 .cover-content > .mt60 { margin-top:24px; }
#strat0 > .clear { flex-shrink:0; }


/*plein ecran - dans bandeau - simple*/
.full-width-image {
   width: 100vw;
   position: relative;
}

.full-width-image img {
  width: 100%;
}
@media only screen and (max-width: 575.98px) { 
.full_image5.masthead			{ height:auto;}
}

/**************PERSONALISATION MENU***********/
/*color:#e5502f; /*rouge
color:#f2efeb; /*beige
color:#64503a; /*maron
font-family: "Montserrat", sans-serif;
font-family: "Raleway", sans-serif;
*/


.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .show > .nav-link {
	color: #f2efeb; /*beige*/ }

.navbar-brand {
font-family: "Raleway", sans-serif;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-right: 60px;
  font-size: 1.4rem;
	font-weight: 700;
  color: #64503a; /*beige*/;
  text-decoration: none;
  white-space: nowrap;
}
.nav-link, .nav-link.active {
font-family: "Raleway", sans-serif;
  padding-top: 15px;
  
  font-size: 1.2rem;
	font-weight: 400;
  color: #64503a; /*beige*/
  text-decoration: none;
  white-space: nowrap;
}


.nav-link:hover		{color:#e5502f; /*rouge*/}

.nav-link.active {
	font-weight: 400;
	color:#64503a; /*maron*/} 

.nav-link.disabled {
	font-weight: 400;
	color:#64503a; /*maron*/} 

.navbar-toggler {
padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: #f2efeb; /*beige*/
 	border-color:  #f2efeb; /*beige*/;
  background-color: transparent;
  border: var(--bs-border-width) solid  #f2efeb; /*beige*/;
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28226, 208, 192, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.container			{ width-max:100%;}
@media (max-width: 820.98px) { 
.container			{ width-max:100%;}
}


.presentation .badge {font-size: 0.75em;}