/* CSS Document */

body{
 font-family: 'Source Sans Pro' !important;
  color:#464444;
}

b{color:#000000;}
p{ line-height:22px;  }

.slider{
  background:url(../images/ethique.jpg) no-repeat;
  height:300px;
  background-size:100% 100%;
}
.slider .txt-block{
  background:#fff url("../images/icon-ethique.png") no-repeat scroll 100% 7px;
  width:290px;
  height:59px;
  margin-top:236px;
  padding:10px;
}

.txt-block h4{
  color: #4D4D4D;
  font-size: 21px;
  line-height:2px;
  text-transform: capitalize;
  font-weight:bold;
  }
.txt-block h5{
  font-size:14px;
  color:#a2a2a2;
} 
  
.txt-block h5 span{
  color:#ffbe0e;
  }

 #ethique{
  background:#f1f1f1;
  padding-bottom:28px;
  }  
  
#ethique .block-formation{
   background:#fff;
   padding:10px 30px;
   margin-top:28px;
   -webkit-box-shadow: 0px 1px 1px 0px rgba(222,222,222,0.85);
   -moz-box-shadow: 0px 1px 1px 0px rgba(222,222,222,0.85);
   box-shadow: 0px 1px 1px 0px rgba(222,222,222,0.85);
  }
  
#ethique  h3{  
   text-transform:uppercase;
   color:#ffbe0e;
   font-size:22px;
   font-weight:bold;
  }
  
#ethique  h4{  
   text-transform:none;
   color:#a2a2a2;
   font-size:18px;
   font-weight:bold;
  }

 footer {
    height:224px !important;
    margin-top: 0px !important;
	padding-top:32px !important;
	}
footer .col-xs-6.col-md-4 {
    width:100%;
}  

/************************************************************************************************/
/* Small devices (tablets, 768px and up) */
@media (min-width: 600px) {

.slider{
  background:url(../images/ethique.jpg) no-repeat;
  height:300px;
  background-size:100% 100%;
}
.slider .txt-block{
  background:#fff url("../images/icon-ethique.png") no-repeat scroll 100% 7px;
  width:350px;
  height:59px;
  margin-top:236px;
  padding:10px;
}

.txt-block h4{
  color: #4D4D4D;
  font-size: 21px;
  line-height:2px;
  text-transform: capitalize;
  font-weight:bold;
  }
.txt-block h5{
  font-size:14px;
  color:#a2a2a2;
} 
  
.txt-block h5 span{
  color:#ffbe0e;
  }

 #ethique{
  background:#f1f1f1;
  padding-bottom:28px;
  }  
  
#ethique .block-formation{
   background:#fff;
   padding:10px 30px;
   margin-top:28px;
   -webkit-box-shadow: 0px 1px 1px 0px rgba(222,222,222,0.85);
   -moz-box-shadow: 0px 1px 1px 0px rgba(222,222,222,0.85);
   box-shadow: 0px 1px 1px 0px rgba(222,222,222,0.85);
  }
  
#ethique  h3{  
   text-transform:uppercase;
   color:#ffbe0e;
   font-size:22px;
   font-weight:bold;
  }
  
#ethique  h4{  
   text-transform:none;
   color:#a2a2a2;
   font-size:18px;
   font-weight:bold;
  }

 footer {
    height: 190px !important;
    margin-top: 0px !important;
	padding-top:20px !important;
	}
	
footer .col-xs-6.col-md-4 {
    width: 100%;
}  


}


/**********************************************************************************************************************/
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

.slider{
  background:url(../images/ethique.jpg) no-repeat;
  height:300px;
  background-size:100% 100%;
}
.slider .txt-block{
  background:#fff url("../images/icon-ethique.png") no-repeat scroll 100% 7px;
  width:350px;
  height:59px;
  margin-top:236px;
  padding:10px;
}

.txt-block h4{
  color: #4D4D4D;
  font-size: 21px;
  line-height:2px;
  text-transform: capitalize;
  font-weight:bold;
  }
.txt-block h5{
  font-size:14px;
  color:#a2a2a2;
} 
  
.txt-block h5 span{
  color:#ffbe0e;
  }

 #ethique{
  background:#f1f1f1;
  padding-bottom:28px;
  }  
  
#ethique .block-formation{
   background:#fff;
   padding:10px 30px;
   margin-top:28px;
   -webkit-box-shadow: 0px 1px 1px 0px rgba(222,222,222,0.85);
   -moz-box-shadow: 0px 1px 1px 0px rgba(222,222,222,0.85);
   box-shadow: 0px 1px 1px 0px rgba(222,222,222,0.85);
  }
  
#ethique  h3{  
   text-transform:uppercase;
   color:#ffbe0e;
   font-size:22px;
   font-weight:bold;
  }
  
#ethique  h4{  
   text-transform:none;
   color:#a2a2a2;
   font-size:18px;
   font-weight:bold;
  }

 footer {
    height: 130px !important;
    margin-top: 0px !important;
	padding-top:35px !important;
	}
	
footer .col-xs-6.col-md-4 {
    width:33.3333%;
}  


}

/*************************************************************************************************************************/
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

.slider{
  background:url(../images/ethique.jpg) no-repeat;
  height:300px;
  background-size:100% 100%;
}
.slider .txt-block{
  background:#fff url("../images/icon-ethique.png") no-repeat scroll 100% 7px;
  width:350px;
  height:59px;
  margin-top:236px;
  padding:10px;
}

.txt-block h4{
  color: #4D4D4D;
  font-size: 21px;
  line-height:2px;
  text-transform: capitalize;
  font-weight:bold;
  }
.txt-block h5{
  font-size:14px;
  color:#a2a2a2;
} 
  
.txt-block h5 span{
  color:#ffbe0e;
  }

 #ethique{
  background:#f1f1f1;
  padding-bottom:28px;
  }  
  
#ethique .block-formation{
   background:#fff;
   padding:10px 30px;
   margin-top:28px;
   -webkit-box-shadow: 0px 1px 1px 0px rgba(222,222,222,0.85);
   -moz-box-shadow: 0px 1px 1px 0px rgba(222,222,222,0.85);
   box-shadow: 0px 1px 1px 0px rgba(222,222,222,0.85);
  }
  
#ethique  h3{  
   text-transform:uppercase;
   color:#ffbe0e;
   font-size:22px;
   font-weight:bold;
  }
  
#ethique  h4{  
   text-transform:none;
   color:#a2a2a2;
   font-size:18px;
   font-weight:bold;
  }

 footer {
    height: 130px !important;
    margin-top: 0px !important;
	padding-top:35px !important;
	}
	
 footer .col-xs-6.col-md-4 {
    width:33.3333%;
}  


}