/*## TOUTES LES PAGES ##*/  
body{
	color:#fff;
overflow-y:auto;
overflow-x:hidden;
background-color:black;
text-align:justify;
font-family:'corbel';
  }
 
  
.ssmenu{/*class du sous menu en bas des pages*/
padding-top: 2%;
padding-bottom: 2%;
margin-right: auto;
margin-left: auto;
text-align:center;
font-weight: bold;
font-size: 16px;
background:url('fond8.jpg') no-repeat ;
	}
	
.ssmenu >p> a{/*couleur des liens cliquable du sous-menu*/
	color:#fff;
  }
	
.black{/*class pour le fond de contenu 'NOIR'*/
background-color:#000000;
}

@font-face {/*chargement de la police corbel*/
font-family:'corbel';
src: url('../fonts/corbel.ttf') format('truetype');
 }
 
 /*class de gestion des couleurs des effets du menu (survol de la souris)*/
.navbar-nav .nav-item > a:hover,
.navbar-nav .nav-item> a:focus {
  color: black;
  background-color: grey;
}

.titre{/* class permetant de mettre des textes en 'gras' et de couleur 'orange'*/
color:orange;
font-weight:bold; 
  }
  
 .corps{/*permet la gestion du contenu des textes dans les sections (use: page contact)*/
color:#fff;
padding-right: 2%;
padding-left: 2%;
padding-top: 10%;
padding-bottom: 10%;
margin-right: auto;
margin-left: auto;
text-align:justify;
  }
  
footer{/*pied de page*/
margin:0px;
background-color:#000000;
color:#fff;
  }

.tof{/*class qui permet de centrer des elements dans des 'div'*/
display:block;
margin-right:auto;
margin-left:auto;
text-align:center;
}

/*design des boutons*/
.btn{
font-weight: bold;
  }
.btn-primary1{
color:#fff;
background-color:orange;
 }
.btn-primary2{
color:#fff;
background-color:#000000;
  }
  /*CSS du menu deroulant de 'NOS SERVICES'*/
#service:focus,#service:hover
 {color:#000000;background-color:grey}
 
#service{/*couleur des elements avec l'id="service"*/
color:#fff;
 }
 
.dropdown-menu{/*background-color des menus deroulants */
background-color:#000000;
}

.dropdown-menu>li>a{/* color des liens cliquabless des menus deroulants*/
color:#fff;
font-weight:bold;
   }

span{/*Mettre en gras les elements de la balise 'SPAN'*/
font-weight:bold;
  }
  
#bs-example-navbar-collapse-1{/*gestion du background-color du menu en mode collapse(le bouton deroulant sur petit écran)*/
background-color:#000;
}

.ban{/*class de manipulation des backrounds de l'index selon les differents types d'ecrans*/
	height:100%; width:100%
	}
	
br{/*augmanter le saut de ligne de la balise 'BR' */
margin-bottom:2%;
}
/*#######################*/


/*## PAGE INDEX ##*/
/*## class de gestion des background des différentes sections de l'index ##*/
  .cov{
	  /*fond de la premiere page de l'index */
height:100%;
background:url('fond.jpg') no-repeat center fixed;
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
  }
  
   .cov1{ 
   /*fond de la deuxieme page de l'index */
height:100%;
background:url('fond1.jpg') no-repeat center fixed;
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
  }
  
   .cov2{ 
    /*fond de la troisième page de l'index */
height:100%;
background:url('fond2.jpg') no-repeat center fixed;
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
  }
     
 /*##################################*/ 
 
  /*## PAGE A PROPOS - INDEX - REFERENCE ##*/ 
   .couver5{
/*Background de la partie  'qui sommes-nous?' de l'index,de la page 'a propos' et de la page 'reference'*/
background:url('fond5.jpg') no-repeat center fixed;
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
  }
  
  /*##################################*/

  
    /*## PAGE CONTACT ##*/ 
	
.couver1{/*gestion du backround de la 1ere partie  de la page contact*/
background:url('fond11.jpg') no-repeat center fixed;
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
  }
    
  /*##################################*/
  
    /*## PAGE CONTACT & PAGE PROJECT FINANCE ##*/
	
  .couver7{ /*gestion du backround de la 2e partie de la page contact et de la page project finance*/
margin: 0;
padding: 0;
background:url('fond7.jpg') no-repeat center fixed;
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
  }
  
    /*##################################*/
	
  /*## PAGE FINANCEMENT SUR MESURE ##*/
 
.couver6{/* CSS du background de la page financement sur mesure */
background:url('fond6.jpg') no-repeat center fixed;
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
  }
  
  /*##################################*/
  
     /*## PAGE TRADE FINANCE ##*/
 .couver3{/*Css background de la pge Trade finance*/
background:url('fond3.jpg') no-repeat center fixed;
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
  }
    /*##################################*/
	
	 /*## PAGE TRADE FINANCE ##*/

.couver2{/*css background de la page 'CONSEIL FINANCIER'*/
background:url('fond22.jpg') no-repeat center fixed;
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
  }
	/*##################################*/

/*---------------CSS pas utilisés---------------------*/	
.couver4{
background:url('fond4.jpg') no-repeat center fixed;
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
  }
  
.corps1{
color:#fff;
padding-right: 30%;
padding-left: 30%;
padding-top: 10%;
padding-bottom: 10%;
margin-right: auto;
margin-left: auto;
text-align:center;
  }
/*------------------------------------------------*/



/*## GESTION DES DIFFERENDS TYPES D'ECRANS SELON LA TAILLE ##*/

@media screen and (max-device-width:768px)
{
	.cov{
	/*height:60%;*/
	background:url('fond.jpg') no-repeat ;
    -webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
    background-size: 100% 100%; /* version standardisée */
		}
  
    .cov1{
	background:url('fond1.jpg') no-repeat ;		
    -webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
     background-size: 100% 100%; /* version standardisée */
		}
		
   .cov2{
	background:url('fond2.jpg') no-repeat ;	
	-webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
	background-size: 100% 100%; /* version standardisée */
		}
}

@media all and (max-device-width:480px)
{
	  .cov{
	  background:url('fond.jpg') no-repeat ;
	  -webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
      background-size: 100% 100%; /* version standardisée */
		}
  
    .cov1{
	 background:url('fond1.jpg') no-repeat ;		
     -webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
	 background-size: 100% 100%; /* version standardisée */
		}
		
   .cov2{
	background:url('fond2.jpg') no-repeat ;	
	-webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
	background-size: 100% 100%; /* version standardisée */
		}
}

@media all and (max-device-width:320px)
{
	  .cov{
	  background:url(fond.jpg) no-repeat ;
	 -webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
	 background-size: 100% 100%; /* version standardisée */
		}
  
    .cov1{
	 background:url('fond1.jpg') no-repeat ;		
	-webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
	background-size: 100% 100%; /* version standardisée */
		}
		
   .cov2{
	background:url('fond2.jpg') no-repeat ;	
	-webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
	background-size: 100% 100%; /* version standardisée */
		}
}

@media all and (max-device-width:992px)
{
	.cov{
	 background:url('fond.jpg') no-repeat ;
	-webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
	background-size: 100% 100%; /* version standardisée */
		}
  
    .cov1{
	background:url('fond1.jpg') no-repeat ;		
	-webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
	background-size: 100% 100%; /* version standardisée */
		}
		
   .cov2{
	background:url('fond2.jpg') no-repeat ;	
	-webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
	background-size: 100% 100%; /* version standardisée */
		}
}

@media all and (max-device-width:1200px)
{
	  .cov{
	  background:url('fond.jpg') no-repeat ;
	  -webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
      background-size: 100% 100%; /* version standardisée */
		}
  
    .cov1{
	 background:url('fond1.jpg') no-repeat ;		
	-webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
	 background-size: 100% 100%; /* version standardisée */
		}
		
   .cov2{
	background:url('fond2.jpg') no-repeat ;	
	-webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
	background-size: 100% 100%; /* version standardisée */
		}
}

		/* gestion de l'orientaion paysage*/
@media (max-width:768px) and (max-device-width : 1024px) and (orientation : landscape)
{
	.ban{width:50%;height:50%}
	
	.cov{
	 background:url('fond.jpg') no-repeat ;
	-webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
	background-size: 100% 100%; /* version standardisée */
		}
  
    .cov1{
	 background:url('fond1.jpg') no-repeat ;		
    -webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
     background-size: 100% 100%; /* version standardisée */
       }
	   
   .cov2{
	background:url('fond2.jpg') no-repeat ;	
   -webkit-background-size: 100% 100%; /* pour anciens Chrome et Safari */
    background-size: 100% 100%; /* version standardisée */
		}
}
/*-###################################################################-*/

/*- css permettant d'avoir le bouton callapse jusquà un ecran de max-width=990px -*/

@media (max-width:990px){
	
.navbar-header{float:none;}
.navbar-toggle{display:block;}
.navbar-collapse{border-top: 1px solid transparent;
box-shadow:inset 0 1px 0 rgb(255,255,255,0.1);}
.navbar-collapse.collapse{display:none!important;}
.navbar-nav{float:none!important;
margin:7.5px -15px;}
.navbar-nav>li{float:none;}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;}
.collapse.in{display:block!important;}
			}