.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-rouge{
  color:red;
}

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

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