@font-face {
    font-family: 'codebold';
    src: url('font/codebold.eot');
    src: url('font/codebold.eot?#iefix') format('embedded-opentype'),
         url('font/codebold.woff') format('woff'),
         url('font/codebold.ttf') format('truetype'),
         url('font/codebold.svg#codebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'exoregular';
    src: url('font/exoregular.eot');
    src: url('font/exoregular.eot?#iefix') format('embedded-opentype'),
         url('font/exoregular.woff') format('woff'),
         url('font/exoregular.ttf') format('truetype'),
         url('font/exoregular.svg#exoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futurl';
    src: url('font/futurl.eot');
    src: url('font/futurl.eot?#iefix') format('embedded-opentype'),
         url('font/futurl.woff') format('woff'),
         url('font/futurl.ttf') format('truetype'),
         url('font/futurl.svg#futurl') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futult';
    src: url('font/futult.eot');
    src: url('font/futult.eot?#iefix') format('embedded-opentype'),
         url('font/futult.woff') format('woff'),
         url('font/futult.ttf') format('truetype'),
         url('font/futult.svg#futult') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futuram';
    src: url('font/futuram.eot');
    src: url('font/futuram.eot?#iefix') format('embedded-opentype'),
         url('font/futuram.woff') format('woff'),
         url('font/futuram.ttf') format('truetype'),
         url('font/futuram.svg#futuram') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: futuram,Helvetica,Times,serif;
}
body{
    overflow-x:hidden;
}
#head{
    height:auto;
    background-color:red;
}
#slider{
}
.pad{
padding:10px;
        
}
.carousel {
      margin-top:0px;
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
    }

    .carousel .item {
      height: auto;
      margin-bottom:20px;
    }
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 500px;
    }
    

    .carousel-caption {
      background-color: transparent;
      position: static;
      width: auto;
      padding:  0;
      margin-top: 60px;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
/*
.carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
.carousel .active.left {left:0;opacity:0;z-index:2;}
.carousel .next {left:0;opacity:1;z-index:1;}
*/
    .carousel-caption .btn {
      margin-top: 10px;
    }


.dashb {
height: 300px;
margin-top: 20px;
margin-bottom: 20px;
text-align:justify;
box-shadow: 1px 1px 12px #555;
border-radius:6px;


}
.titre1 {
height: auto;
background-color: #eb6437;
width: 100%;

margin-left:-15px;
border-radius: 4px;
box-shadow: 1px 1px 12px #555;
}
.titre1 h1{
    color:white;
    margin-left:20px;
    
}
/*

*/
#myCarousel{
    margin-top:95px;
    position:relative;
}
.jumbotron {
height:200px;
  position: relative;
  padding: 0px 0;
  color: #fff;
  text-align: left;
  border-radius:6px;
  text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
  background: #f9b65f; /* Old browsers */
  background: -moz-linear-gradient(45deg,  #f9b65f 0%, #f9b65f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f9b65f), color-stop(100%,#f9b65f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg,  #f9b65f 0%,#f9b65f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg,  #f9b65f 0%,#f9b65f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg,  #f9b65f 0%,#f9b65f 100%); /* IE10+ */
  background: linear-gradient(45deg,  #f9b65f 0%,#f9b65f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b65f', endColorstr='#f9b65f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
     -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
.jumbotron h1 {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1;
    
}
.jumbotron p {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 30px;
}

/* Link styles (used on .masthead-links as well) */
.jumbotron a {
  color: #fff;
  color: rgba(255,255,255,.5);
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.jumbotron a:hover {
  color: #fff;
  text-shadow: 0 0 10px rgba(255,255,255,.25);
}

 #footerstick {
background-color: #ffffff;
height: auto;
text-align: center;
box-shadow: 1px 2px 8px #555;
margin-bottom:0px;
}

.border{
border-bottom:solid 8px #eb6437;
}
.border:hover{
border-bottom:solid 4px #f9b65f;
padding-bottom:2px;

}
.border:active{
border-bottom:solid 4px #f9b65f;
padding-bottom:2px;
}
#welcome{
border-bottom:solid 1px grey;
border-top:solid 1px grey;
text-align:justify;
		
}
#welcome h1{

text-align:center;
		
}
#slidemain{
background-color:#eb6437;
background-repeat:repeat-x;
height:393px;
}
#about{
   
}

.inter{
  background-image: url("../img/lineY.png");
    background-repeat: repeat-x;
    height: 30px;
    padding-bottom: 10px;  
}
.interO{
  background-image: url("../img/lineO.png");
    background-repeat: repeat-x;
    height: 30px;
    padding-bottom: 10px;  

    
}
/*
#portfolio{
 padding-top:130px;
 padding-bottom:130px;
 background-color:#f9b65f;
 height:800px;
}
*/
/*
#litterature{
 padding-top:130px;
 background-color:#eb6437;

}
*/
/*
#investing{
 padding-top:130px;
background-color:#f9b65f;
}
*/
/*
#contact{
 padding-top:130px;
}
*/
#contactus{
    margin-top:50px;
    
}
#port{
background-color:white;
    border-radius:6px;
    height:auto;
    padding:20px;
}
#portfo{
margin-left:auto;
    margin-right:auto;
}
.cont{
height:auto;
background-color:white;
border-radius:6px;
margin-bottom:160px;    
padding:20px;
box-shadow: 1px 1px 12px #555;
}
.contcol{
height:auto;
background-color:#f9b65f;
border-radius:6px;
margin-bottom:40px;
padding:20px;
}

#ctct{
background-color:white;
text-align:center;
    line-height:7px;
    border-radius:6px;
    padding:15px;
}
.corners { 
    background: #ffffff;
    height: auto;
    max-width: 100%;
    position: relative;
    overflow:hidden;
    width: 100%;
    -webkit-box-shadow: 0 1px 7px hsla(0,0%,0%,0);
       -moz-box-shadow: 0 1px 7px hsla(0,0%,0%,0);
            box-shadow: 0 1px 7px hsla(0,0%,0%,0);
}
/* Corner Effect */
.corners:after,
.corners:before {
    background: #eb6437;
    content: '';
    height: 50px;
    position: absolute;
    top: -25px;
    width: 100px;
    -webkit-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
       -moz-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
            box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
}
.corners:after {
    left: -50px;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.corners:before {
    right: -50px;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
/*

*/
/* Corner Effect */
.corners2:after,
.corners2:before {
    background: #eb6437;
    content: '';
    height: 50px;
    position: absolute;
    bottom: -20px;
    width: 100px;
    -webkit-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
       -moz-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
            box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
}
.corners2:after {
    left: -50px;
    -webkit-transform: rotate(-135deg);
       -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
         -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
}
.corners2:before {
    right: -50px;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
}
/*mkl*/
.cornersY { 
    background: #ffffff;
    height: auto;
    max-width: 100%;
    position: relative;
    overflow:hidden;
    width: 100%;
    -webkit-box-shadow: 0 1px 7px hsla(0,0%,0%,0);
       -moz-box-shadow: 0 1px 7px hsla(0,0%,0%,.0);
            box-shadow: 0 1px 7px hsla(0,0%,0%,0);
}
/* Corner Effect */
.cornersY:after,
.cornersY:before {
    background: #f9b65f;
    content: '';
    height: 50px;
    position: absolute;
    top: -25px;
    width: 100px;
    -webkit-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
       -moz-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
            box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
}
.cornersY:after {
    left: -50px;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.cornersY:before {
    right: -50px;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}

#slide1{
background-image:url('../img_src/Water.jpg');
background-repeat:no-repeat;
background-size:cover;
}
#slide2{
background-image:url('../img_src/Forestry.jpg');
background-repeat:no-repeat;
background-size:cover;
}
#slide3{
background-image:url('../img_src/Commodities.jpg');
background-repeat:no-repeat;
background-size:cover;
}
#slide4{
background-image:url('../img_src/land.jpg');
background-repeat:no-repeat;
background-size:cover;
}
#slide5{
background-image:url('../img_src/leisure.jpg');
background-repeat:no-repeat;
background-size:cover;
}
#slide6{
background-image:url('../img_src/carehomes.jpg');
background-repeat:no-repeat;
background-size:cover;
}
#slide7{
background-image:url('../img_src/StudentAccommodation.jpg');
background-repeat:no-repeat;
background-size:cover;
}
#slide8{
background-image:url('../img_src/Receivables.jpg');
background-repeat:no-repeat;
background-size:cover;
}
#slide9{
background-image:url('../img_src/Commodities.jpg');
background-repeat:no-repeat;
background-size:cover;
}
#slide10{
background-image:url('../img_src/RareEarthMetals.jpg');
background-repeat:no-repeat;
background-size:cover;
}
#slide11{
background-image:url('../img_src/RenewableEnergy.jpg');
background-repeat:no-repeat;
background-size:cover;
}
#slide12{
background-image:url('../img_src/Agriculture.jpg');
background-repeat:no-repeat;
background-size:cover;
}
.imgp{
width:100%;
    height:40px;
    background-color:rgba(255, 255, 255,0.8);
    font-size:30px;
    margin-top:60%;
    -moz-box-shadow: 0px 0px 8px 0px #656565;
-webkit-box-shadow: 0px 0px 8px 0px #656565;
-o-box-shadow: 0px 0px 8px 0px #656565;
box-shadow: 0px 0px 8px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=8);    
    
}
.imgp p{
padding-top:10px;
color: grey;
    
}

a{
    color:grey;
}
a:hover{
    color:#eb6437;
    text-decoration:none;
}


/*

*/
/* Corner Effect */
.cornersY2:after,
.cornersY2:before {
    background: #f9b65f;
    content: '';
    height: 50px;
    position: absolute;
    bottom: -20px;
    width: 100px;
    -webkit-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
       -moz-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
            box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5);
}
.cornersY2:after {
    left: -50px;
    -webkit-transform: rotate(-135deg);
       -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
         -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
}
.cornersY2:before {
    right: -50px;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
}
/*disclaimer*/
/* A placer dans votre fichier de styles : style.css */

#disclaimer{ text-align:left; }
#disclaimer_fond{ position:absolute; z-index:10; width:100%; min-height:1200px; background-color:#fff; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; text-align:center; clear:both; }
#disclaimer_conteneur{ position:absolute; z-index:11; width:100%; text-align:center; clear:both; }
#disclaimer_cadre{ width:450px; margin-left:auto; margin-right:auto; text-align:left; margin-top:200px; padding:15px; font: Arial, Helvetica, sans-serif; font-size:14px; color:#000; border:#000 10px solid; background:#FFF; }
#disclaimer_cadre b{ font-size:14px; color:#000; }
#disclaimer_cadre a{ text-decoration:none; font-size:22px; font-weight:bold; color:#000; }
#disclaimer_cadre a:hover{ color:#00F; }


@media only screen and (max-width: 800px) {
	
	#flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	#flip-scroll * html .cf { zoom: 1; }
	#flip-scroll *:first-child+html .cf { zoom: 1; }
	
	#flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
	#flip-scroll th,
	#flip-scroll td { margin: 0; vertical-align: top; }
	#flip-scroll th { text-align: left; }
	
	#flip-scroll table { display: block; position: relative; width: 100%; }
	#flip-scroll thead { display: block; float: left; }
	#flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	#flip-scroll thead tr { display: block; }
	#flip-scroll th { display: block; text-align: right; }
	#flip-scroll tbody tr { display: inline-block; vertical-align: top; }
	#flip-scroll td { display: block; min-height: 1.25em; text-align: left; }
 
 
	/* sort out borders */
 
	#flip-scroll th { border-bottom: 0; border-left: 0; }
	#flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
	#flip-scroll tbody tr { border-left: 1px solid #babcbf; }
	#flip-scroll th:last-child,
	#flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
    
    #logo21{
        width:;
        margin-left:30px;
    }
    #menuresp{
        margin-right:30px;}
    #footerstick{
    visibility:
            hidden
            ;
    }
}