@import url(https://fonts.googleapis.com/css?family=Coda);
body{
	background-color:#f8f9fd;
	font-family: 'Coda', Arial, sans-serif;
	font-size: 16px;
	color: rgba(0,0,0,0.8);
}
.container{
	
	z-index: 1;
}

h1 {
	font-size: 1.94rem;
	font-weight: bolder;
	text-align: center;
	line-height: 2;
	
}

h1,h2,h3 {
	color:#06c;
}

h2,h3 {
	font-size: 1.16rem;
	font-weight: bold;
}
.simulateur h2 {
	font-size: 1.16rem;
	line-height: 1.5;
}

h2 {
	line-height: 2;
}

p { 
text-align: justify; 
line-height: 2;
}

.orange {
	color:var(--orange);
}


.extended{
	letter-spacing: 1px;
}

.hey{
	font-size:2.1rem; 
	color:var(--orange);
	letter-spacing: 1px;
}

#head {
	height: auto;
}

#entete {
	background: white;
	border-bottom: 2px solid orange;
}

#logo {
	height:auto;
}

#logo>img {
	margin: auto;
}



.navbar {
background-color: none;	
}

.navbar-collapse {
	  flex-grow: unset;
  
}
  
#main{
	  max-width: 960px;
	  background-color:#fff;
}
  

  
  @media (min-width: 540px) {
	  #main {
	  padding: 24px;
	  
	}
  }


.navbar-default {
    border: 0px;
}

.navbar-nav {
	background-color: var(--orange);
}

.nav-link {
	color: var(--white);
}
/*
.nav > ul {
	list-style-type: none;
	margin-left: -20px;
}

.nav > ul > li {
	padding: 5px 0px;
}

.nav > ul > li > a {
	color:#06c;
	font-weight: bold;
}

.nav > ul > li > a:hover {
	color:orange;
	text-decoration: none;
}
*/

#note {
	text-align: center;
}




#corps {
	background: white;
/* 	border:2px solid orange; */
	height:auto;
	
}




#foot {
	
	text-align: center;
	padding: 15px;
	height: auto;
}

#pub {
	background: yellow;
	height: 250px;
	border:2px solid black;
	margin-top:50px;
}

#pub2{
	text-align: center;
}



.formulaire {
	background: #f8f9fd;
	border-right: 1px solid #f0f0f0;
	padding: 20px 24px;
	
}

.form-control {
	-webkit-box-shadow: none;
    box-shadow: none;
    
}
.labelform {
	font-size: 16px;
	text-transform: uppercase;
}

.valid {
	border-radius: 0px;
	color: white;
	background: #4a8bcc;
}

.valid:hover {
	background: #06c;
	color:white;
	transition-duration:250ms;
}



.lissage table {
border:1px solid #ff6600;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}
.lissage .table > thead {
background:#ff6600;
color:#fff;

}
.lissage th {
text-align:center;
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
	/*color: rgba(var(--bs-body-color-rgb),.65);*/
	color: rgb(189, 78, 5);
	transform: scale(.75) translateY(-.5rem) translateX(.15rem);
  }
  
.labelform {
  
	  font-weight: 500; 
 }

/* make sidebar nav vertical */ 

@media (max-width: 820px) {

	.simulateur h2 {
		font-size: 1rem;
		
	}

	.navbar-nav {
		background-color: #f8f9fd;
		
	}

	.nav-link{
		
		color:var(--orange);
	}

}
@media (min-width: 768px) {
	.labelform {
		font-size: 1rem;
		text-transform: none;
		font-weight: bold;
	}



  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}




 
.test-body{  background:  -moz-linear-gradient( white, #f6f6f6 ); } 
.test-header{  min-height: 40px; background: #f6f6f6; border-radius: 15px 15px 0 0;} 
.test-footer{  min-height: 40px;  }