em{
	text-transform:lowercase;

}

.rows {
    flex-wrap: wrap;
    margin: 50px 0;
}


.col-right {

    margin:21px 0px;
    width:710px;
    height: auto;
    float: right; 
}

.keyword h3 {
    color: #05012d;
    font-family: "Roboto", Sans-serif;
    font-size: 25px;
    font-weight: 600;
    margin-bottom:20px;
    text-align: left;
    padding-left:20px;
}

.keyword h4{
    color:#00C0FF;
    font-family: "Roboto", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    padding-left:20px;
}

.widget_g {
  
    position: absolute;
    float: left;
    margin-left:1050px;
}



.img-responsive {
    max-width: 100%;
    height: auto;
}


.titre-text-center{
margin-top:-30px;
    text-align: center !important;
  
}

.keyword-text-center{
    color: #65216E;
    opacity: 0.3;
    text-align: center !important;
	font-size: 18px;
    padding:20px;
	margin-bottom:50px;
    margin-top:-20px;
}




.col-right-bloc-4, .bloc-6-left {
  	display: inline-block;
  	background-color: #65216E;
    padding: 15px;
  	width:180px;
  	color: #fff;
    transition-property: transform;
    transition-duration: 400ms;
  	/*! font-weight: 800;
  	border-radius: 50px;
  	border: #fff 2px solid; 
  	box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);*/
}



.detail-mail a:hover{
    color:#162039;
}


.contact-middle{
  	background-color: #00C0FF;
  	color: #fff;
  	text-align: center;
  	margin:0 auto;
  	padding: 20px;
  	display: inline-block; 
  	width: 100%;
}

.contact-middle a{
  	color: #fff;

}

.col-left-bloc-3{
    text-align: left;
    margin:0 auto;
    color:#05012d;
    font-size: 16px; 
}


.col-left-bloc-3 i{
    color:#00C0FF;
    line-height: 25px;
    font-size: 20px;
    width: 1.25em;
   
}

.col-left-bloc-3 span{
    background-color: #00C0FF;
    color: #fff;
    text-align: center;
    display: block;
    margin-top:25px;
    padding: 20px;
    width: 100%;
    font-size: 24px;
    font-weight:500;
    border-radius: 11px;
}

.col-left-bloc-3  span a{
    color:#fff;
}

.col-left-bloc-3  span a:hover{
    color: #23527c;
    text-decoration: none;
}

.detail-mail {
 	color:#05012d;
    width: 100%;
    font-weight: 500;
    text-align: center;
    margin-top:15px;
    font-size: 16px;
}

.img-right {
    width: 100%;
    margin:0 auto;
}

.img-right img{
    width: 100%;
    height: auto;
  
}

.bloc-2 {
    position: relative;
    width: 380px;
     height: 400px;  
  	display: flex;
	justify-content: center;
  	align-items: center;
    
}

.bloc-2 h4{
    font-size: 18px;
    color: #00C0FF;
    font-weight: 600;
    padding:20px;
}

.bloc-2 i{
    font-size: 40px;
    position: absolute;
    display:inline;
    margin:-20px 0px 0px 30px !important;
}



.bloc-2 img{
     width: 380px;
     height: 400px;  
}

.fondbloc1{
    margin: 60px 0 0 0;
    background: url(../img/bk1.jpeg) center center no-repeat;
    background-size: cover;
    background-color:#05012D;

            

}
.bloc-2{
    color: #05012d;
    background-color: #fff;
    border-radius: 50px;
    border: #fff 2px solid; 
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    width: 100%;
    height: auto;
  

}

.fondbloc1 h2 {
    color: #05012d;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    padding-top:50px;
}

.keyword{
    color: #FFFFFF;
  font-family: "Roboto", Sans-serif;
  font-size: 31px;
  font-weight: 500;
  text-align: center;
  margin-top:20px;
   
}

.bloc-2 h3, .bloc-6-left h3{
  	font-size: 26px;
  	padding: 20px 0px 30px 70px;
  	font-weight: 500;
}

.bloc-2 p{
    color: #05012D;
    font-size: 18px;
    padding: 0px 0px 0px 20px;
    line-height: 18px;
    width: 100%;
}

.bloc-2 a, .col-right-bloc-4 li, .bloc-6-left a{
  	display: block;
  	font-size: 18px;
  	color: #fff;
  	margin:30px 0px 0px 70px;
}

.bloc-2 h5, .bloc-6-left h5{
    color: #65216E;
    opacity: 0.5;
    font-size: 16px;
    text-align: center;
    margin-top: 65px;
}

.bloc-6-left h5{
    margin-top: 75px;
}

.bloc-5 h3   {
     font-size: 22px;
    font-weight: 600;
    text-align: center;
    color:#05012d;
    

}

.fondbloc2{
    height: auto;
    margin: 60px 0 0 0;
    background: url(../img/bk2.jpeg) center center no-repeat;
    background-size: auto;
    background-size: 180%;
    background-color: #05012D;
}

 .bloc-7 h3   {
    font-size: 36px;
  	font-weight: 500;
  	color: #000;
    text-align: center;
    margin-top:100px;
}

.bloc-5 p{
    font-size: 22px;
  	font-weight: 400;
  	margin-top: 18px;
    text-align: center;
    color:#000;
}




.bloc-5 img{
    width: 100%;
    height: auto;
    margin:60px auto;  
}

.bloc-6-right img {
     width: 380px;
     height: 400px;  

}


.bloc-6-right {
 	position: relative;
 	width: 380px;
 	height: 400px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
    float: right; 
}

.bloc-6-left h5{
    margin-top: 90px;
}

.col-g1 li, .col-g2 li {
 	font-size: 147px;
 	text-align: center;
 	font-weight: 400;
  	list-style-type:none;
  	line-height: 550px;
  	margin-top:80px;
}


.col-g2 li, .col-g1 li{ 
	padding-left:0px; 
	line-height: 100px;
    color:#05012d;
	} 

.color-bloc-1{
   margin-top:90px;
    line-height: 30px;
    color: #05012d !important;
 
    
}
.bloc-7 h4{
   color: #05012d;
  font-family: "Roboto", Sans-serif;
  font-size: 46px;
  font-weight: 500;
    text-align: center;
}

.bloc-7 h3{
   text-align: center;
    color: #05012d;
    font-size: 16px;
    margin-top:0px;
}


.bloc-7 p{
	text-align: left;
  	font-size: 20px;  
    color: #000;
}

.bloc-7 a, .bloc-7 strong{
     color: #00C0FF;
}


.bt-contact-1 a, .bt-contact-2 a{
  font-size: 18px;
  font-weight: 500;
  border-radius: 11px;
  color: #fff;
  text-align: center;
  display:block;
  margin:50px auto;
  padding: 20px;
     
}

.bt-contact-1 a{
  background-color: #00C0FF;
  width: 50%;

}

.bt-contact-2 a{
  background-color: #05012D;
  width: 100%;
  
}

.intro_img_accueil img {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.section-title{
    padding:30px;
    color: #05012d;
    font-weight: 500;
    text-align: justify;
}

.section-title h2{
    font-size: 46px;
    color: #05012D;
 font-weight: 500;
}

.section-title h3{
    font-size: 40px;
    margin:40px 0px 10px 0px;
    color: #05012d;
    font-weight: 500;
}

.section-title p{
    font-size: 16px;
    padding:0 0 20px 0;
    color: #05012d;
    font-weight: 00;
    
}
.detail-mail-2 {
   text-align: center;
   margin:0 auto;
   display: block;
   margin-top:-25px;
   
}

.detail-mail-2 a {
  font-weight: 500;
  font-size: 18px;
   margin-top:-25px;
   color:#05012D; 
}


.fond-bloc-8 {
    background-color: #162039;
    height: auto;
    margin: 50px 0 0 0;
    background: url(../img/font_color.png) center center no-repeat;
	background-size: cover;
}


.bloc-8 {
    text-align: center;
    margin-top: 0px;
    color:#fff;  
}

.bloc-8 h3{
    font-size: 26px;
    opacity: 0.3;
}

.bloc-8 a, .bloc-8 {
    color:#05012D;
}


form input, form textarea {

	display: block;
	margin-top: 20px;
	padding: 10px;
	width: 100%;
	font-family: 'roboto' , 'sans-serif';
	font-size: 16px;
	border-radius: 5px;
	border-width: 1px;

}

form input[type=submit] {
	width: auto;
}

/****************************************
Styles pour la conception responsive 
*****************************************/
@media screen and (max-width: 2560px){
    .fondbloc1{
        margin: 60px 0 0 0;
        background: url(../img/bk1.jpeg) center center no-repeat;
        background-size: cover;
       
        padding: 200px 0px 300px 0px;
        }

        .fondbloc2{
            margin: 60px 0 0 0;
            background: url(../img/bk2.jpeg) center center no-repeat;
            background-size: cover;
            padding:200px 0px 300px 0px;
            }

         #en-footer .bottom-footer{
                    
            background: url(../img/bk1.jpeg) top center no-repeat;            
         }

    }

@media screen and (max-width: 768px){
	
.col-right  {
    width: 690px;
    margin-top:20px;
    margin-bottom: 0px;
    }
.keyword h2, .keyword h1 { 
    padding:25px;
    width: 100%;
    line-height: 40px;
    font-size: 40px;
}   
    
 .widget_g{
        margin-top:-10px;
    }    
        
    
.col-left-bloc-4, .bloc-6-right{
	margin-left:0px; 
	width: 300px;
	}
    
.col-right-bloc-4 p, .col-right-bloc-4 h3,  .bloc-6-left h3, .bloc-6-left p{
    padding-left:30px;
    width: 100%;
    }
    
 .col-right-bloc-4  a, .bloc-6-left a, .col-right-bloc-4  li{
     margin-left:30px; 
     text-align: left;
    }    
    .bloc-6-left p{
        width: 85%;
        font-size: 20px;
    }
 .bloc-6-left h5, .col-right-bloc-4 h5 {

  margin-top: 35px; 
     text-align: center;
     font-size: 14px;
    }
    
.col-g1 li{ 
	padding-left:0px; 
	line-height: 150px;
	}    
    
.col-g2 li{ 
	padding-left:0px; 
	line-height: 250px;
	}
    
.col-right-bloc-4 h5{
    margin-top:45px;
    }   
}


@media screen and (max-width: 480px) {
	
    .logo_footer{ 
        margin-top:100px !important;
   }

 .widget_g{
     width: 100%;
     margin: -60px 0px 0px -10px;
     display: block;
    }   
    

.col-left-bloc-3  {
     width: 100%;
  
    }
.detail-mail{
        width: 100%;
    }  


.fondbloc1 h2{
padding:10px 5px 0px 5px;
}
    
    .bloc-2{
        display: block;
    }    
.color-bloc-1, .color-bloc-2 {
       padding:10px;
    text-align: justify !important;
    }    
	
.col-g1, .col-g2 {
	display: none;
	}
	
.bt-contact-1 a{
        width: 100%;
        font-size: 14px;
    }
.fondbloc2 {
    background-size: 400%;
    padding: 0px;

      }
.section-title{
        padding:0px;
        
    }
.fondbloc1 h2, .fondbloc1 h3 {
   padding:20px;
   font-size: 26px; 
   height: 90px;
}

}