/* ============================================================================================== 
This copyright notice must be kept untouched in the stylesheet at all times.
The original version of this stylesheet and the associated (x)html 
is available at http://www.script-tutorials.com/bootstrap-one-page-template-with-parallax-effect/
Copyright (c) Script Tutorials. All rights reserved.
This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
================================================================================================= */

/* general styles */
html, body {
  height: 100%;
  width: 100%;
  font-family: Comic Sans MS;

}

/* padded section */
.pad-section {
  padding: 50px 0 5px 0 ;
}
.pad-section img {
  width: 100%;
}


/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-family: Comic Sans MS;
 
}
.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0;
  font-family: Comic Sans MS;
  color: rgb(255, 140, 0);
}
.text-vcenter h3 {
    font-family: Comic Sans MS;
}

/* additional sections */
#home {
  background: url(../images/home.jpg) no-repeat center center fixed; 
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

#about h3 {
    font-family: Comic Sans MS;
}

#services h2{
  
  font-family: Comic Sans MS;
}

#services .glyphicon {
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  display: inline-block;
  font-size: 60px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  vertical-align: middle;
  width: 140px;
}
#services2 h2{
  
  font-family: Comic Sans MS;
}
#services2 {
  background-color: #306d9f;
  color: #ffffff;
}
#services2 .glyphicon {
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  display: inline-block;
  font-size: 60px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  vertical-align: middle;
  width: 140px;
}
contacts .glyphicon {
  color: #ffffff;
  font-size: 60px;
}
contacts .glyphicon:hover {
  color: grey;
}

#propos {
  background: url(../images/http.jpeg) no-repeat center center fixed; 
  display: table;
  height: 800px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#propos h2 {
    font-family: Comic Sans MS;
	color: rgb(255, 140, 0);
	font-size: 24px;
}
#propos .panel-heading{
	background-color: #525353;
}
#propos .panel{
	background-color: #D6D9D9;
	opacity: 0.85;
}
#propos2 {
  background: url(../images/http.jpeg) no-repeat center center fixed; 
  display: table;
  height: 800px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#propos2 h2 {
    font-family: Comic Sans MS;
  color: rgb();
  font-size: 24px;
}
#propos2 .panel-heading{
  background-color: #525353;
}
#propos2 .panel{
  background-color: #D6D9D9;
  opacity: 0.95;
}
#propos3 {
  background: url(../images/http.jpeg) no-repeat center center fixed; 
  display: table;
  height: auto;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#propos3 h2 {
    font-family: Comic Sans MS;
  color: rgb(255, 140, 0);
  font-size: 24px;
}
#propos3 .panel-heading{
  background-color: #525353;
}
#propos3 .panel{
  background-color: #D6D9D9;
  opacity: 0.85;
}
#crea {
  background: url(../images/http.jpeg) no-repeat center center fixed; 
  display: table;
  height: 800px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#crea h2 {
    font-family: Comic Sans MS;
	color: rgb(255, 140, 0);
	font-size: 24px;
}
#crea .panel-heading{
	background-color: #808484;
}
#crea .panel{
	background-color: #D6D9D9;
	opacity: 0.85;
}
#real {
  background: url(../images/http.jpeg) no-repeat center center fixed; 
  display: table;
  height: 800px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   
}
#real h2 {
    font-family: Comic Sans MS;
	color: rgb(255, 140, 0);
	font-size: 24px;
}
#real img {
     padding: 20px;
}
#real .panel-heading{
	background-color: #808484;
}
#real .panel{
	background-color: #D6D9D9;
	opacity: 0.85;
}


#tarifs {
  background: url(../images/http.jpeg) no-repeat center center fixed; 
  display: table;
  height: 800px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#tarifs h2 {
    font-family: Comic Sans MS;
	color: rgb(255, 140, 0);
	font-size: 24px;
}
#tarifs .panel-heading{
	background-color: #808484;
}
#tarifs .panel{
	background-color: #D6D9D9;
	opacity: 0.85;
}
#fisc {
  background: url(../images/http.jpeg) no-repeat center center fixed; 
  display: table;
  height: 800px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#fisc h2 {
    font-family: Comic Sans MS;
	color: rgb(255, 140, 0);
	font-size: 24px;
}
#fisc .panel-heading{
	background-color: #808484;
}
#fisc .panel{
	background-color: #D6D9D9;
	opacity: 0.85;
}
#contact {
  background: url(../images/http.jpeg) no-repeat center center fixed; 
  display: table;
  height: 800px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#contact h2 {
    font-family: Comic Sans MS;
	color: rgb(255, 140, 0);
	font-size: 24px;
}
#contact .panel-heading{
	background-color: #808484;
}
#contact .panel{
	background-color: #D6D9D9;
	opacity: 0.85;
}
#satisf {
  background: url(../images/satisfaction-client.jpg) no-repeat center center fixed; 
  display: table;
  height: 800px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#satisf h2 {
    font-family: Comic Sans MS;
	color: rgb(255, 140, 0);
	font-size: 24px;
}
#satisf .panel-heading{
	background-color: #808484;
}
#satisf .panel{
	background-color: #D6D9D9;
	opacity: 0.95;
}
#mentions {
  background: url(../images/mentions-legales.jpg) no-repeat center center fixed; 
  display: table;
  height: 800px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#mentions h2 {
    font-family: Comic Sans MS;
	color: rgb(255, 140, 0);
	font-size: 24px;
}
#mentions h3 {
    font-family: Comic Sans MS;
	color: rgb(255, 140, 0);
	font-size: 24px;
}
#mentions .panel-heading{
	background-color: #808484;
}
#mentions .panel{
	background-color: #D6D9D9;
	opacity: 0.95;
}


footer {
  padding: 20px 0;
}
footer .glyphicon {
  color: #333333;
  font-size: 60px;
}
footer .glyphicon:hover {
  color: #306d9f;
}
#plan .well {
	background-color: #D6D9D9;
}
.btn-ca {
  color: #fff;
  background-color: #63787e;
  border-color: #a0a6a8;
}
/* NEWS LINE */
@keyframes pulse_animation {0% { transform: scale(1); } 30% { transform: scale(1); } 40% { transform: scale(1.08); } 50% { transform: scale(1); } 60% { transform: scale(1); } 70% { transform: scale(1.05); } 80% { transform: scale(1); } 100% { transform: scale(1); }}
.lien_deja_inscrit{cursor:pointer; color:#a97e00 !important; animation-name: pulse_animation; animation-duration: 2000ms; transform-origin:70% 70%; animation-iteration-count: infinite; animation-timing-function: linear;}
.lien_deja_inscrit {color:#805f01 !important; font-size:16px;}
.lien_deja_inscrit:hover{color:#634a03 !important; font-size:16px;}

#myBtn{position: fixed; z-index:1; right: 20px; bottom: 50px; border-radius:5px; border:0; padding: 9px 18px; background-color:#aaaaaa; cursor:pointer; color:#FFF !important; font-weight:bold;animation-name: pulse_animation; animation-duration: 2000ms; transform-origin:70% 70%; animation-iteration-count: infinite; animation-timing-function: linear;}
#myBtn:hover{background-color:#ff8c00;}
#myBtn .fa-angle-double-up{color:#FFF !important; font-size:20px;}
#myBtn.hide{display:none !important;}

.btn-success2 {
  color: #fff;
  background-color: #9bf0a2;
  border-color: #4cae4c;
}

.reponse-invalide{text-align:center; padding:10px 20px; background: #da9b9b; color: #750101; border: 1px solid #c12626; border-radius:5px; margin:0 auto 20px auto;}

#cookies-banner{ position:fixed; top:50; left:0; z-index:9999; width:100%; border-radius:0; padding:5px 10px; vertical-align:middle; margin:0; }

.custom-icon {
    color: #0d6efd; /* bleu Bootstrap */
}

.nav-link:hover .custom-icon {
    color: #fff !important; /* blanc au survol */
}