/* FONTS 
@import 'https://fonts.googleapis.com/css?family=Montserrat|Open+Sans';
@import 'https://fonts.googleapis.com/css?family=Sacramento';
*/
@font-face {
  font-family: "text";
  src: url(../fonts/Quentin.otf) format("opentype");
}

/* BODY INDEX*/
body {
  background-color:#fff;
  margin: 0;
  /*font-family: Arial,Helvetica,sans-serif;*/
  font-family: Montserrat,sans-serif;
  font-size: 14px;
  font-weight: 500;
  color : #002060;
}
.navbar  {	
  height: 80px;	
  margin-bottom : 0;  
  border-bottom: 1px solid #ddd;
  box-shadow: 0 4px 5px -3px #ececec;
}
.navbar-default {	
  background-color:#fff;		
}
.navbar .nav {    
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;   
}
nav ul li {
  margin:0 15px; 
}
.navbar-brand {	
  padding:15px 0 15px 0;
  margin:0;	
}
.navbar-default .navbar-nav>li>a {    
  color: #002060;
  -webkit-transition: all .3s ease-in-out;
  padding-top: 30px;
  padding-bottom: 30px;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  color: #6e0b14;
  font-weight: 700;
}

@media (max-width: 1199px) { 
.navbar-header {
  float: none;
}
.navbar-toggle {
  display: block;
  margin-top: 20px;
}
.navbar-collapse {
  border-top: none;  
  overflow: hidden !important;
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-collapse.collapse.in {
  display: block!important;
}
.navbar-collapse *[class*='navbar-'] {
  float: none!important;
  margin: 7.5px -15px;
}
.navbar-nav > li {
  float: none;
}
.navbar-default .navbar-nav>li>a {    
  background-color:#fff;
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  background-color:#fff;
} 
} 
/* BODY INDEX*/
#level1 {
  margin:0;
  position: relative; 
  background-attachment: fixed;  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../pictures/Afrique3.jpg);
  height:700px;  
}
#level2 { 
  margin:0;	
  height:700px;
  margin-top: -700px;
  margin-right:65%;
  opacity: 0.60;
  background-color: #002060; 
}
#level2bis { 
  margin:0;	
  height:700px;
  margin-top: -700px;
  margin-right:65%;
  color : white;
}
#level2bis h4{ 
  font-size: 22px;
  display: inline-block;
}
#level2bis a{ 
  color: white;
  text-decoration : none;  
}
#contacter{
  text-align : center;  
}
#level2bis img.imageetius{
  padding-top: 25vh;
  display:block;
  margin-right:auto; 
  margin-left:auto;  
  width:50%;
  height:auto;
}
@media (max-width: 1199px) { 
#level1 {   
  background-attachment: scroll; 
}
#level2 { 
  margin-right:0;
}
#level2bis {
  margin-right:0;
}
#level2bis img.imageetius{
  width:25%;
  height:auto;
}
}
@media (max-width: 991px) { 
#level2bis img.imageetius{
  width:35%;
  height:auto;
}
}
@media (max-width: 767px) { 
#level2bis img.imageetius{
  width:45%;
  height:auto;
}
}
#level3 { 
  padding : 50px 0 ;  
  background-color: #dedede;
  color : #002060;
}
#level3 h2{
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;  
  font-size: 35px;
  font-weight : 500;
  margin-bottom: 50px;  
}
#level3 h3{  
  text-align: left;
  text-transform: uppercase;  
  font-size: 18px;
  font-weight : 500;   
}
#level3 img{ 
  margin-top: 20px;     
}
#level3bis { 
  height : 325px;
  padding : 50px 0; 
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size:cover;  
  -moz-background-size: cover;  
  -o-background-size:cover; 
  background-size: cover;  
  background-image: url(../pictures/Afrique1ppop.jpg);  
  color : white;
  font-family: "text";
  font-style: italic;   
  font-size: 45px;
  text-align: center;
}
@media (max-width: 767px) { 
#level3bis {
  padding : 50px 0; 
  font-size: 35px; 
}
}
#level4 {
  padding : 50px 0;
  background-color: white;
  color : #002060;  
}
#level4 img{
  display:block;
  margin:auto;
  padding : 20px 0;
  max-width:100%;
  height:auto;
}
@media (max-width: 1199px) { 
#level4 img{  
  max-width:50%;  
}
}
#level4 h2{
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;  
  font-size: 35px;
  font-weight : 500;
  margin-bottom: 50px;  
}
#level4 h4{
  text-align: center;   
  font-size: 20px;
  font-weight : 500;  
}
#level4 p{
  text-align: center;  
}
#level4 a{
    color: #002060;
}
#level4 a:focus, #level4 a:hover {
    color: #6e0b14;
	font-weight: 500;
	text-decoration: none;
}
#level4bis {
  padding : 50px 0 70px 0;
  background-color: #dedede;
  color : #002060;  
}
#level4bis a{
  color: #002060; 
  text-decoration: none;
}
#level4bis a:focus, #level4bis a:hover {
	text-decoration: none;
}
#level4bis img{
  display:block;
  margin:auto;
  padding : 50px 0 0 0;  
  height:auto;
}
#level4bis h2{
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;  
  font-size: 35px;
  font-weight : 500;
  margin-bottom: 50px;  
}
#level4bis h4{
  text-align: center;   
  font-size: 14px; 
  text-transform: uppercase;
}
@media (max-width: 991px) {
#level4bis img{
  display:block;
  margin:auto;
  padding : 20px 0;
  max-width:25%;
  height:auto;
}	
}
#level5 { 
  padding : 50px 0 ;  
  background-color: #bbb;
  color : #002060;
  text-align: center;
  }
#level5 img{
  margin:auto;
  padding : 0 0 30px 0 ;  
  height:auto;
}
#level5 ul{ 
  padding: 0px;
}
#level5 li{ 
  display : inline;
  padding : 0 7px;
}
#level5 li a{ 
  color : #002060;
  text-decoration : none;
}
#level5 li a:hover,
#level5 li a:focus {
  color: #6e0b14;
  font-weight: 600;  
}
@media (max-width: 1199px) { 

#level5 li{   
  display : block;
  padding : 0;
  
}
}
/* BODY AVOCATS*/
#avocat1 {
  margin:0;
  height:700px;  
  position: relative; 
  background-attachment: fixed;  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../pictures/bureau.jpg);  
}
#avocat2 { 
  margin:0;	
  height:700px;
  margin-top: -700px;
  padding-top : 300px;
  margin-right:65%;
  opacity: 0.60;
  background-color: #002060; 
  text-align: center;
}
#avocat2bis { 
  margin:0;	
  height:700px;
  margin-top: -700px;
  padding-top : 300px;
  margin-right:65%;
  text-align: center;
  color : white;
}
@media (max-width: 1199px) { 
#avocat1 {   
  background-attachment: scroll;  
}
#avocat2 { 
  margin-right:0;
}
#avocat2bis { 
  margin-right:0;
  padding-top : 200px;
}
}
#avocat2bis h2 { 
  margin:0;	  
  letter-spacing: 2px;  
  text-transform: uppercase;  
  font-size: 35px;
  font-weight : 600;   
}
#avocats1{
  padding : 100px 0;
  background-color: #dedede;
  color : #002060;
}
#avocats2{
  padding : 100px 0;
  background-color: white;
  color : #002060;
}
#avocats1 img,  #avocats2 img{
  display:block;
  margin:auto;
  padding : 0;
  max-width:100%;
  height:auto;
}
#avocats1 p, #avocats2 p{
  text-align: left;
}
#avocats1 a, #avocats2 a{
  color: #002060;
  text-decoration: none;
}
#avocats1 a:focus, #avocats1 a:hover, #avocats2 a:hover, #avocats2 a:hover {
    color: #6e0b14;
	text-decoration: none;
}
@media (max-width: 1199px) { 
#avocats1 img,  #avocats2 img{  
  max-width:50%;  
  padding-top:35px;
}
#avocats1 p, #avocats2 p{
  text-align: center;
}
}
.descravocat{
  padding-left: 10%;
}
.descravocat h2{
  padding:0 0 15px 0;
  font-size:18px;
  font-weight : 700;
  margin-top :0;
}
.descravocat h6{
  padding: 15px 0;
  font-size:16px;
  font-weight : 600;
  margin-top :0;
}
.descravocat ul{
  padding: 0 0 0 0;
  
}
.adresse{
  padding-top:15px ;
  font-weight : 500;
}
/* BODY COMPETENCES*/

#competence1 {
  margin:0;
  height:700px;  
  position: relative; 
  background-attachment: fixed;  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../pictures/bouquins.jpg);  
}
#competence2 { 
  margin:0;	
  height:700px;
  margin-top: -700px;
  padding-top : 300px;
  margin-right:65%;
  opacity: 0.60;
  background-color: #002060; 
  text-align: center;
}
#competence2bis { 
  margin:0;	
  height:700px;
  margin-top: -700px;
  padding-top : 300px;
  margin-right:65%;
  text-align: center;
  color : white;
}
#competence2bis h2 { 
  margin:0;	  
  letter-spacing: 2px;  
  text-transform: uppercase;  
  font-size: 35px;
  font-weight : 600;   
}
@media (max-width: 1199px) { 
#competence1 {   
  background-attachment: scroll;  
}
#competence2 { 
  margin-right:0;
}
#competence2bis { 
  margin-right:0;
  padding-top : 200px;
}
}
#competence3 { 
  padding : 50px 0 0 0 ;  
  background-color: #dedede;
  color : #002060;
  text-align: center;
}
#competence3 ul{ 
  list-style-type:none;
  margin:0;
  padding:0;
}
.descrcomp{
  margin-top:50px;
  margin-bottom:100px;
}
.descomp{
  background-color: white;
  padding-bottom:35px;  
}
.descomp h6{
  font-size:18px;
  font-weight : 700;
  padding:15px;
}
.descomp img{
  margin-top:-35px;  
}
/* BODY HONORAIRES*/

#honoraire1 {
  margin:0;
  height:700px;  
  position: relative; 
  background-attachment: fixed;  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../pictures/salle.jpg);  
}
#honoraire2 { 
  margin:0;	
  height:700px;
  margin-top: -700px;
  padding-top : 300px;
  margin-right:65%;
  opacity: 0.60;
  background-color: #002060; 
  text-align: center;
}
#honoraire2bis { 
  margin:0;	
  height:700px;
  margin-top: -700px;
  padding-top : 300px;
  margin-right:65%;
  text-align: center;
  color : white;
}
#honoraire2bis h2 { 
  margin:0;	  
  letter-spacing: 2px;  
  text-transform: uppercase;  
  font-size: 35px;
  font-weight : 600;   
}
@media (max-width: 1199px) { 
#honoraire1 {   
  background-attachment: scroll;  
}
#honoraire2 { 
  margin-right:0;
}
#honoraire2bis { 
  margin-right:0;
  padding-top : 200px;
}
}
#honoraire3 { 
  padding : 50px 0 ;  
  background-color: #dedede;
  color : #002060;
  text-align: center;
}
.descrhon {
  margin-top:50px;
  margin-bottom:50px;
}
.deshon{
  background-color: white;
  padding:35px;  
}
.deshon h5{
  font-size:14px;
  font-weight : 700;
  padding:15px;
}
.deshon h6{
  font-size:18px;
  font-weight : 700;
  padding:15px;
}
.it{
  font-style: italic;
} 
/* BODY ACTUALITES*/
.btn-default {
  margin:20px 0 40px 0;	
  background-color: white !important;  
  border-color: #002060;
  color: #00214d !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.62);
}
.btn-default:hover, .btn-default:focus {
  background-color: #00214d !important;
  border-color: #002060;
  color: white !important;  
}
.table {
  margin:50px 0;  
}
 td {
    text-align:left;
}
 th {
    text-align:left;
}
#actualite1 {
  margin:0;
  height:700px;  
  position: relative; 
  background-attachment: fixed;  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../pictures/Afrique2.jpg);  
}
#actualite2 { 
  margin:0;	
  height:700px;
  margin-top: -700px;
  padding-top : 300px;
  margin-right:65%;
  opacity: 0.60;
  background-color: #002060; 
  text-align: center;
}
#actualite2bis { 
  margin:0;	
  height:700px;
  margin-top: -700px;
  padding-top : 300px;
  margin-right:65%;
  text-align: center;
  color : white;
}
#actualite2bis h2 { 
  margin:0;	  
  letter-spacing: 2px;  
  text-transform: uppercase;  
  font-size: 35px;
  font-weight : 600;   
}
@media (max-width: 1199px) {
#actualite1 {   
  background-attachment: scroll;  
}
#actualite2 { 
  margin-right:0;
}
#actualite2bis { 
  margin-right:0;
  padding-top : 200px;
}
}
#actualite3 { 
  padding : 50px 0 ;  
  background-color: #dedede;
  color : #002060;
  text-align: center;
}
#actualite3 li{
  text-align: left;
}
#actualite3 a {
    color: #6e0b14;
	text-decoration: none;
}
#actualite3 a:focus, #actualite3 a:hover {
    color: #6e0b14;
	text-decoration: none;
	font-weight : 500; 
}
#actualite3 h6 { 
  margin-top:50px;	  
}

/* BODY CONTACT*/
#contact1 {  
  margin:0;
  height:700px;  
  position: relative; 
  background-attachment: fixed;  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../pictures/177.jpg);  
}
#contact2 { 
  margin:0;
  height:700px;
  margin-top: -700px;
  padding : 0 ;
  background-color: #002060;
  opacity: 0.70;
  color : white;
}
#contact2bis { 
  margin:0;	
  height:700px;
  margin-top: -700px;
  color : white;
}
#contact2bis h2{
  margin-top: 130px;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;  
  font-size: 35px;
  font-weight : 600;
}
#contact2bis h4{
  padding-top : 30px ;
  font-weight : 600;
  text-align: center;
  font-size: 24px;  
}
#contact2bis h5{
  font-weight : 500;
  text-align: center;
  font-size: 16px;  
}
#contact2bis p{
  text-align: center;    
}
#contact2bis a{
  color: white; 
  text-decoration : none;  
}
#contact2bis a:hover,#contact2bis a:focus {
  color: #6e0b14;
  font-weight:700;    
}
#contact2bis img {
  margin:0 10px 0 0;    
}
@media (max-width: 1199px) { 
#contact1 {   
  background-attachment: scroll;  
}
}
#contact3 {
  margin:0;
  padding:50px 0;  
  background-color: #dedede;
}
#contact3 h2{
  padding-top:50px;
  letter-spacing: 2px;
  text-transform: uppercase;  
  font-size: 25px;
  font-weight : 600;
  margin-bottom: 50px;  
}
#contact3 h5{
  font-weight : 700;
  font-size: 14px;  
}
#contact3 a{
  color: #002060;
  font-weight : 700;
  font-size: 14px;
  text-decoration:none;  
}
#contact3 a:hover, #contact3 a:focus{
  color:  #6e0b14;
  font-weight : 800;
}
#map-canvas {
  margin:50px 0;
  padding:0;  
  width: 100%;
  height:500px;  
}
@media (max-width: 1199px) { 
#contact3 {
  text-align: center;
}
#contact3 h2{
  text-align: center;
}
#contact3 h5{
  text-align: center;
}
}