@charset "UTF-8";
/* CSS Document */
/* Couleur bleu du logo #4F9FCD, couleur orange du logo #FBA918 */

body {
   background: transparent !important;
   /*background-color: #ecd4bc  !important;*/
   background-color: #000000 !important
}

a {
  color: #857567 !important;
}

a:focus {
   color: #FBA918 !important;
   text-decoration: none !important;
}

a:active {
   color: #FBA918 !important;
   text-decoration: none !important;
}

a:link {
   text-decoration: none !important;
}

a:hover {
  border-bottom: 2px solid #FBA918 !important;
}
.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}
/* ------------------------------------ */
/* ------------- STYLES PERSO ----------*/
/* ------------------------------------ */
.list-unstyled {
  color: #FBA918 !important;
  text-decoration: none !important;
}

.bleusorrene {
  color:  rgb(123, 64, 17) !important;
}

hr.sorrene {
  margin-top: 0.4px;
  border-top: 0.5px solid;
  color:  #000000 !important;
  background-color: #000000;
  display: block;

}

.bg-extra-light {
  background-color: #D1D3D4;
}

.bg-dark-light {
	width: 100%;
	text-align: left;
	color: white;
	padding: 0px 40px 40px 75px;
	background-color: #0007;
}

.bg-black {
	background-color: #000000;
}

.text-s { 	/* Text small */
	font-size: 0.9rem;
}

.text-exs {
  font-size: 0.738rem;
}

.text-exxs {
  font-size: 0.538rem;
}
.text-bold {
	font-weight: bold;
}
.text-TTWFO {
	color: #c1adab !important;
}
.text-white-muted {
	color: #ffffff !important;
	opacity: .50 !important;
}

.card a:hover {
  border-bottom: 0px solid transparent !important;
}

.card {
	min-height: 500px !important;
}

.leftmenutrigger {
   display: none
}

.grecaptcha-badge {
	visibility: hidden;
}

.grecaptcha-badgeold {
	bottom: 50px !important;
	margin-right: -11px !important;
	transform:scale(0.77);
	-webkit-transform:scale(0.77);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

/* ------------------------------------ */
/* --------- NAV ET NAVBAR  ----------- */
/* ------------------------------------ */
.navbar a {
   color: black  !important;
   /*border-bottom: 2px solid transparent;*/
}

.navbar a:visited {
   color:  black  !important;
}

.navbar a:link {
   color:  black;
   opacity: 100;
   text-decoration: none !important;
}

.navbar a:hover {
   color: black !important;
   border-bottom: 2px solid black !important;
   text-decoration: none !important;
}

.nav-link:hover, .nav-link:focus {
   color: rgba(0, 0, 0, 0.858) !important;
}

.navbar-light {
	/* background-color: transparent !important; */
	z-index: 100;
	opacity: 0.99;
	background-color: rgb(184, 184, 184) !important;*/

}
.navbar-TTWFO-Home {
	/* background-color: transparent !important;
	z-index: 100;
	opacity: 0.99;
	 background-color: #000000 !important;*/
}
.navbar-TTWFO {
	/* background-color: transparent !important; */
	z-index: 100;
	opacity: 0.99;
	background: linear-gradient(to bottom, #000000 0%, #6a1a14 100%);
	/*background-color: #521210 !important;*/
}

.navbar-expand-lg .navbar-nav .side-nav {
   flex-direction: column;
}

.navbar .navbar-nav, .dropdown-menu {
	padding: 10px 0px 10px 30px;
	border-style: solid !important;
	border-width: 2px 5px 5px 5px !important;
	border-color: white;
	background-color: white !important;
	/*
	border-color: rgb(128, 66, 16);
	background-color: rgba(133, 71, 20, 0.858) !important;*/
}
.navbar-collapse, .navbar-nav, .nav-item, .dropdown-menu, .dropdown-item {
	color: rgba(0, 0, 0, 0.858) !important;
	text-decoration: none !important;
	background-color: white !important;
}

.navbar .navbar-nav, .navbar-collapse  {
	border-radius: 15px !important;
}

.navbar-light .navbar-toggler-icon {
	 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ------------------------------------ */
/*   NAVBAR OVER write CSS Bootstrap	*/
/* ------------------------------------ */
#wrapper {
   padding:90px  0px;
}


@media(min-width:992px) {
  	.leftmenutrigger {
 		display: block;
 		display: block;
 		margin: 7px 20px 4px 0;
 		cursor: pointer;
  	}
  	#wrapper {
 		padding: 90px 15px 15px 15px;
  	}
  	.navbar-nav.side-nav.open {
 		left:0px;
  	}
  	.navbar-nav.side-nav {
 		background: #D1D3D4;
 		box-shadow: 2px 1px 2px rgba(0,0,0,.1);
 		position:fixed;
 		top:56px;
 		flex-direction: column!important;
 		left:-220px;
 		width:200px;
 		overflow-y:auto;
 		bottom:0;
 		overflow-x:hidden;
 		padding-bottom:40px;
  	}
}
.animate {
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}


/* ------------------------------------ */
/* --- BUTTON PRIMARY COLOR CHANGE ---  */
/* ------------------------------------ */

.btn {
  color: #ffffff !important;
  background-color:  #d4bf98 !important;
  border-color: #d4bf98 !important;
}

.btn-primary, .btn-lg {
  color: #ffffff !important;
  background-color:#d4bf98 !important;
  border-color: #d4bf98 !important;
}

.btn-primary:hover, .btn-secondary:hover {
   border-bottom: 1px solid transparent !important;
}

.btn-info:link, .btn-info:visited {
  color: #ffffff !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited, .btn-primary:active,
.open > .dropdown-toggle.btn-primary {
	color: #ffffff !important;
	background-color: #d4bf98 !important;
	border: #d4bf98 solid !important;

}

.bg-extra-light {
  background-color: #E7E7E7;
  /* background-color: transparent !important; */
  z-index: 100;
  opacity: 0.9;
}

.bg-bio {
	background: linear-gradient(to top, #000000 0%, #6a1a14 100%) !important;
  /*background-color: #dfb68e;*/
}

.btn-sm-gray {
  background-color: #E7E7E7 !important;
  color: #757474 !important;
  border-color: #E7E7E7 !important;
}

.btn-sm-gray a:hover {
  color: #FBA918 !important;
  text-decoration: none !important;
}
.btn-sm-gray a {
  background-color: #E7E7E7 !important;
  text-decoration: none !important;
  color: #757474 !important;
}

/* ------------------------------------ */
/* --- ALERT COLOR CHANGE ---           */
/* ------------------------------------ */
.alert-bio {
	background: linear-gradient(to top, #000000 0%, #6a1a14 100%) !important;
	border: 0px !important;
}

.full-width {
	left: 70%;
	margin-top: -25vw;
	margin-bottom: -8vw;
	max-width: 50vw;
	position: relative;
	right: 30%;
	width: 15%;
}

.backg_image_head {
	background-image: url("/images/Sorrene-background1.png");
	background-repeat: no-repeat;
	background-position: center;
	min-height: 512px;
	margin-top: 0px;
	margin-bottom: 40px;
}

.backg_image_index {
	background-image: url("/images/Sorrene-CMONBD-1-Small.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	/*background-position: 0% 0% 100% 100%;*/
	background-position: top center;
	height: 100%;
	width: 100%;
	min-height: 1700px;
	margin-bottom: 40px;
	z-index: -1 !important;
}
.bg-img-topc {
  background-size: contain;
  background-repeat: no-repeat;
  background-position:top center;
}
.bg-img-topT {
  background-size: contain;
  background-repeat: no-repeat;
  background-position:center center;
}
.card-img-top-w {
	width: 100%;
	/*width: content-box;*/
	object-fit: contain;
}

.fixed-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
	background-position: top center;
}


.imgWhite {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(99deg) brightness(101%) contrast(103%);
}

.imgBW {
	filter: invert(98%) sepia(26%) saturate(288%) hue-rotate(223deg) brightness(115%) contrast(100%);
}

.imgBlack {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
}

.embed-responsive .card-img-top {
	object-fit: cover;
}

.card-img-top {
	width: 100%;
	height: 40vh;
	object-fit: cover;
}


/* ------------------------------------ */
/*   Footer								*/
/* ------------------------------------ */
.bg-footer a {
  color: #ffffff !important;
}

.bg-footer {
	background: linear-gradient(to top, #000000 0%, #6a1a14 30%) !important;
	color: #ffffff !important;
	/*background-color: #ecd4bc !important;*/
}

.align-items-bottom {
  -ms-flex-align: bottom !important;
  align-items:flex-end !important;
}
.d-flex {
  display: -ms-flexbox!important;
  display: flex!important;
}

ul li a, ul.nav li a:visited {
	color: rgb(123, 64, 17) !important;
}