@charset "UTF-8";

body {
	font-family:UniversLTPro-45Light, Helvetica, Arial, sans-serif ;
	color:#333;
	-webkit-font-smoothing: antialiased;
	background-color:#fff;
}

a {
	transition: color 0.1s linear;
	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	text-decoration:none!important;
}

a.intext {
	text-decoration:underline!important;
}

a:link, a:visited, .btn-link {
  color:#333!important;
}

a:hover, a:active, .btn-link:hover {
  color:#000!important;
}

/*#home h1, #home a:link, #home a:visited, #home a:hover, #home a:active {
  color:#FFF!important;
}*/

h1, h2, h3, p, li {
	color:#333;
	font-weight:200;
	font-size: 1.2rem;
	line-height:1.4rem;
	margin-bottom:1rem;
}

h4 {
	font-size: 0.9rem;
	line-height: 1.2rem;
}

ul.dash {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}
ul.dash > li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}

h1#titre-section {
	margin-bottom:0;
}

p small {
	font-weight:200;
	display:inline-block;
	font-size:0.8rem;
	line-height:1.1rem;
}

p.smaller {
	font-size:0.8rem;
}

sup {
	font-size:70%;
}

.btn-primary {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.btn-secondary {
    color: #fff;
    background-color: #FBDFC0;
    border-color: #FBDFC0;
}

.btn-tertiary {
    color: #fff;
    background-color: #D2DBB2;
    border-color: #D2DBB2;
}

.lead {
	font-size:2.4rem;
	line-height:2.4rem;
}

.lead sup {
	font-size: 40%;
	font-weight: bold;
	top:-1em;
}

.card {
	border-radius:0;
	background-color:transparent;
}

@media (min-width: 768px) { 

	h1, h2, h3, p, li {
		font-size: 1.6rem;
		line-height:2rem;
	}
	
	p small {
		font-size:1.2rem;
		line-height:1.6rem;
	}

	.lead {
		font-size:3rem;
		line-height:3.2rem;
	}

}


#home #menuhaut {
	  position:absolute;
      width:100%;
      z-index:1000;
      max-width:100%;
}

#menuhaut ul, #menuhaut li {
	padding-left: 0;
	list-style-type:none;
	margin:0;
}

#para-unite {
	background-color:#E6E6E6;
}

#para-unite #entete .photo {
	
}

#para-unite #entete .atmos {
	bottom:0;
	max-width:130%;
}

#para-unite #entete .acronyme {
	right: 0;
}

.pu #entete {
	background-color:#FBDFC0;
}
.ru #entete {
	background-color:#D2DBB2;
}
.su #entete {
	background-color:#D9E8FF;
}

.carousel-item div {
	background-size: cover;
	background-position:center;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-indicators {
	bottom:-1rem;
}

.carousel-indicators li {
	background-color:#000;
	width:60px;
	height:5px;
	opacity:.25;
	margin-bottom:0;
	border:0;
}
.carousel-indicators li.active {
	background-color:#fff;
}

img.thumbnail {
	display:block;
	margin-bottom:1rem;
}

img.icone-unite {
	max-width:50%;
	padding-bottom:1rem;
}

#projets .card {
	border:0;
}

#projets .card-body {
	padding:0 1.5rem 0 0;
}

#footer .card, #faqs .card, .card .tableau, #form-demande-info .card {
	border:1px solid #000;
}

#pare-unite .card {
	margin-bottom:1.5rem;
}

.card .tableau p, .card .tableau li, .tableau li {
    font-size: 0.9rem;
    line-height: 1.2rem;
    margin-bottom: 0.2rem;
}

#form-infolettre, #form-demande-info {
	padding-bottom: 0.9rem;
}

#form-infolettre button {
	border:0;
	background-color:transparent;
	padding: 3.3rem 1rem 0.6rem 1rem;
	color:#333;
}


#form-infolettre input[type=text], #form-infolettre input[type=email], #form-demande-info input[type=text], #form-demande-info input[type=email], #form-demande-info select, #form-demande-info textarea {
	font-size: 1rem;
	padding: 0.5rem;
	border: 1px solid #000;
	border-radius:0;
	float:left;
	width:85%;
	background-color:transparent;
	color:#333;
}

#form-demande-info input[type=text], #form-demande-info input[type=email], #form-demande-info select, #form-demande-info textarea {
	float:none;
	margin-bottom:1.25rem;
	width:100%;
	min-height:2.9rem;
}

#footer #form-infolettre input#fielddldhjuk { /*Prénom*/
	width:43%;
	border-right:0;
	border-bottom:0;
}

#footer #form-infolettre input#fielddldhjuu { /*Nom de famille*/
	width:42%;
	border-bottom:0;
}

#form-demande-info textarea {
	height:10rem;
}

#footer #notes-bas-de-page li, .notes-bas-de-page {
    font-size: 0.9rem;
    line-height: 1.2rem;
	margin-bottom: 0.7rem;
}

/*#footer .card p {
	margin-bottom:0.2rem;
}*/

#faqs .card {
	border-width:1px 0 0 0;
}

#faqs i.fa {
	float:right;
	padding: 0.2rem 1rem 0 0;
}

#faqs li {
	margin-bottom:0.2rem; /* BOGUE À RÉGLER */
}

#faqs h2 {
	margin-bottom:1rem;
}

.accordion .card-header {
	padding:0;
	background-color:transparent;
	border-width:0;
}

.accordion .btn {
	padding:0.75rem 0;
	border-width:0;
	background-color:transparent;
}

.accordion .card-body {
	max-inline-size:50rem;
	padding:0 1.5rem 1rem 1.5rem;
}

.thumb-img {
	background-position:center;
	background-size:cover;
}

.modal-body {
	padding:0!important;
}

/* COOKIES */

#cookie-notice {
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	margin: auto;
	padding: 0.5rem;
	text-align: center;
	border-radius:0;
}

@media only screen and (min-width: 768px) {
	#cookie-notice {
		bottom: 1rem;
		border-radius: 0.25rem;
		max-width: 450px;
	}
	.cookie-notice-close {
		float: right;
	}
}

/// SOCIAL MEDIAS

.social-wrapper {
  display: inline-flex;
  justify-content: center;
}
.social-wrapper i {
  padding: 0.2rem 0.3rem 0 0;
  font-size:0.7rem;
}

.social-wrapper i.fa-instagram {
  font-size:0.8rem;
  padding-left:0.1rem;
}

@media (min-width: 768px) { 

	.social-wrapper i {
	  padding: 0.5rem 0.3rem 0 0;
	  font-size:0.9rem;
	}
	
	.social-wrapper i.fa-instagram {
	  font-size:1rem;
	  padding-left:0.2rem;
	}

}