.text-big{
  font-size:120%;
  font-weight:bold;
}

.text-bigger{
  font-size:150%;
  font-weight:bold;
  color:#000;
}

.text-much-bigger{
  font-size:200%;
  font-weight:bold;
  color:#000;
}

.text-marron{
  color:#dca44b;
}

.text-noir{
  color:#000;
}

.text-bleu{
  color:#236db1;
}

.text-rouge-fonce{
  color:#b10000;
}

.text-rouge{
  color:red;
}

.text-vert{
  color:#6DA25F;
}

.fb_com{
  border:1px solid #dfe0e4;
  border-radius:3px;
  padding:15px;
}

.fb_com_title{
  color:#9d94b4;
  font-family:arial;
}

.fb_com_texte{
  color:#1d212f;
  font-family:arial;
}

.fb_com_sub_texte{
  color:#9d94b4;
  font-family:arial;
  font-size:80%;
}

.fb_com_text_bleu{
  color:#3658b2;
}

.btn_cta_sml{
  z-index:9999;
  background-color: #FF9900;
  background-image: linear-gradient(to bottom, #ffe0b7, #febc59);
  border-radius: 3px;
  color: #273341;
  font-size: 100%;
  padding: 10px 20px 10px 20px;
  border: solid #febc59 2px;
  text-decoration: none;
  -moz-box-shadow: 0px 0px 3px 0px #000;
  -webkit-box-shadow: 0px 0px 3px 0px #000;
  -o-box-shadow: 0px 0px 3px 0px #000;
  box-shadow: 0px 0px 3px 0px #000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=3);
}

.btn_cta_sml:hover{
  background: #FF9900;
  color: #273341;
  -moz-box-shadow: inset 0px 0px 5px 0px #000;
  -webkit-box-shadow: inset 0px 0px 5px 0px #000;
  -o-box-shadow: inset 0px 0px 5px 0px #000;
  box-shadow: inset 0px 0px 5px 0px #000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5); 
}

.btn_cta_std{
  z-index:9999;
  background-color: #FF9900;
  background-image: linear-gradient(to bottom, #ffe0b7, #FF9900);
  border-radius: 3px;
  color: #273341;
  font-size: 160%;
  padding: 10px 20px 10px 20px;
  border: solid #FF9900 2px;
  text-decoration: none;
  -moz-box-shadow: 0px 0px 3px 0px #000;
  -webkit-box-shadow: 0px 0px 3px 0px #000;
  -o-box-shadow: 0px 0px 3px 0px #000;
  box-shadow: 0px 0px 3px 0px #000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=3);
}

.btn_cta_std:hover{
  background: #FF9900;
  color: #273341;
  -moz-box-shadow: inset 0px 0px 5px 0px #000;
  -webkit-box-shadow: inset 0px 0px 5px 0px #000;
  -o-box-shadow: inset 0px 0px 5px 0px #000;
  box-shadow: inset 0px 0px 5px 0px #000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5); 
}

.btn_cta_big{
  background-color: #FF9900;
  background-image: linear-gradient(to bottom, #ffe0b7, #FF9900);
  border-radius: 3px;
  color: #273341;
  font-size: 200%;
  padding: 20px 40px 20px 40px;
  border: solid #FF9900 3px;
  text-decoration: none;
  -moz-box-shadow: 0px 0px 3px 0px #000;
  -webkit-box-shadow: 0px 0px 3px 0px #000;
  -o-box-shadow: 0px 0px 3px 0px #000;
  box-shadow: 0px 0px 3px 0px #000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=3);
}

.btn_cta_big:hover{
  background: #FF9900;
  color: #273341;
  -moz-box-shadow: inset 0px 0px 5px 0px #000;
  -webkit-box-shadow: inset 0px 0px 5px 0px #000;
  -o-box-shadow: inset 0px 0px 5px 0px #000;
  box-shadow: inset 0px 0px 5px 0px #000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5); 
}

.bon_cmd{
  border: 3px dashed #000;
  background-color:#FCF8E3;
}

.fond_jaune_vif{
  background-color:#FFFF99;
}

.link_cta{
  font-size:200%;
  font-weight:bold;
}

.mb-10{
  margin-bottom:10px;
}

.mb-20{
  margin-bottom:20px;
}

.mt-20{
  margin-top:20px;
}

.mt-40{
  margin-top:40px;
}

.mt-80{
  margin-top:80px;
}

.field{
  margin:6px 10px 0 10px;
}

#koofrmtel { width: 200px; }

.check_big{
    border-radius: 4px;
    height: 25px;
    width: 25px;
}

@media (max-width: 499px) {

  .btn_cta_std{
    font-size: 140%;
  }
  
  .btn_cta_sml{
    font-size: 90%;
  }

  .text-bigger{
    font-size:130%;
  }
  
  .btn_cta_big{
    font-size:130%;
    padding:8px 16px;
  }
  
  .link_cta{
    font-size:130%;
  }
}

//===========================
// VIDEO
//===========================

#videoContainer {
  max-width: 864px; 
  max-height: 540px;
}



@media screen and (max-width: 900px)
{
	#videoContainer {
		position: relative;
		padding-bottom: 63.25%; /* 16:9 */
		padding-top: 0px;
		height: 0;
	}
  
	#videoContainer iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	img {max-width:100%}
}