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

.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-bleu{
  color:#45a3ef;
}

.text-blanc{
  color:#fff;
}

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

.fond-rouge-fonce{
  background:#b10000;
  padding:10px;
  border-radius:3px;
}

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

hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

.fb_com_title{
  color:#9d94b4;
  font-family:arial;
  text-align:left;
  font-size:110%;
}

.fb_com_texte{
  color:#1d212f;
  font-family:arial;
  font-size:110%;
  text-align:left;
}

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

.fb_com_text_bleu{
  color:#3658b2;
}

.text-rouge{
  color:red;
}

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

.fond_jaune_vif{
  background-color:#FFFF99;
}

.btn_cta_std{
  background-color: #FF9900;
  background-image: linear-gradient(to bottom, #ffe0b7, #FF9900);
  border-radius: 3px;
  color: #273341;
  font-size: 100%;
  font-weight:800;
  padding: 10px 20px 10px 20px;
  border: solid #FF9900 2px;
  text-decoration: none;
  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_med{
  background-color: #FF9900;
  background-image: linear-gradient(to bottom, #ffe0b7, #FF9900);
  border-radius: 3px;
  color: #273341;
  font-size: 150%;
  padding: 15px 30px 15px 30px;
  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_med: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); 
}

.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;
}

@media (max-width: 499px) {

  .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%}
}