@font-face {
    font-family: 'Geometos';
    src: url('../fonts/Geometos Rounded.ttf');
}


.Geometos{
    font-family: Geometos;
}

.bleu-fance {
    color: #06002c;
}

.text-dalmaz-group{
    margin-top: 40px;
}

.color-mcleer{
    background-color: #febe53 !important;
    color: white !important;
}
.color-dalmaz-display{
    background-color: #aa3d9e !important;
    color: white !important;
}
.color-mercuri{
    background-color: #929292 !important;
    color: white !important;
}

.color-salesup{
    background-color: #1583c3 !important;
    color: white !important;
}

.majuscule {
    text-transform: uppercase;
}

.process-steps li::before, .process-steps li::after {
    border-top: 1px dashed #7d7d7d;
}

.paragraphe-realisation{
    padding: 0 15%; 
    text-align: justify
}

.valeurs {
    width: 100%;
    height: 700px;
    margin: 0;
    background: #06002c url(../images/img/valeurs.jpg) center center no-repeat;
    background-size: cover;
}

.tp-caption.sbut2 a{
	background-color: #55CAF3;
}

.scrollup{
	background: #55CAF3 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.ce-feature-box-1 .main-box{
	background-color: white;
	padding: 35px;
}

.ce-feature-box-1 .main-box .item{
	background-color: #1D1A47
}

.montserrat{
	color: white;
}
.montserrat:hovers{
	color: white;
}

.text-up-slider{
	font-size: 18px;
	color: white !important;
}

#agence{
	
}

.header-section ul li ul {
    width: 320px;
}

.tri-bar{
	background-color: #55CAF3;
    width: 2px;
    height: 50px;
    margin: 0 auto;
}


.font-titre {
	font-family: Geometos !important;
}

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

.sec-padding-v2 {
    padding: 100px 0 20px 0;
}



.cbp-caption-activeWrap1:hover{
	background-color: #6E308E;
}

.cbp-caption-activeWrap2:hover{
	background-color: #57C9F2;
}
.cbp-caption-activeWrap3:hover{
	background-color:  #EB2131;
}
.cbp-caption-activeWrap4:hover{
	background-color: #FAAF4C;
}





.section-primary2{
	background-color: #1D1A47;
	    padding: 50px 0 50px 0;
}

.bg-opacity-11{
	background-color: rgba(29, 26, 71, 0.7);
}

.sec-padding-3{
	padding: 0px 0 70px 0;

}

.sec-title-container {
    padding-bottom: 40px;
}

#expertise1, #expertise2, #expertise3, #expertise4 {
	/*display: none;*/
	padding-top: 140px;
}

.parallax-inner{
    /*background-size: inherit !important;*/
}

.notremission{
	background-image: url(../images/img/MissionBG.jpg) !important;
	width: 100%;
	min-height: 500px;
	background-size: cover;
	background-position: center center;
}

.header-section ul li ul {

    background: rgba(6,0,44,.15);
    color: #55caf3


}

.header-section ul li ul li a{
    color: #55caf3
}

.mission {

    background-image: url(../images/img/Mission.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    min-height: 300px;
    height: auto;

}

.form-body{
    margin-bottom: 10px;
}

.form-body.bg-light {
    background-color: white; 
}

.tabstyle-10 .responsive-tabs li a {
    padding: 40px 20px 35px 0px;
}

.plusminus {
    float: left;
    margin-right: 10px;
    color: #55caf3;
    font-weight: bold;
}

.fw-500{
    font-weight: 500;
}

.input-1:focus {
    border: 1px solid #55caf3;
    outline: medium none !important;
    transition: all 0.3s ease-out 0s;
}

.textaria-1:focus {
    border: 1px solid #55caf3;
    outline: medium none !important;
    transition: all 0.3s ease-out 0s;
}

textarea { resize: vertical; }


.btn.btn-bleu {
    color: #fff;
    background-color: #06002c;
}

.btn.btn-bleu:hover{
    background-color: #55caf3;
}

.tabstyle-10 .responsive-tabs li {
    width: 33.33%;
}

.tabstyle-10 .responsive-tabs li .primary-circle {
    left: 110px;
}

.tabstyle-10 .responsive-tabs li a:hover .primary-circle, .tabstyle-10 .responsive-tabs li.active .primary-circle {
    border: 5px solid #55caf3;
}

.tabstyle-10 .responsive-tabs {
    margin: 0 auto;
}

.section-bgimg-6 {
    background-image: url(../images/img/MissionBG2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 700px;
    background-color: #06002c;
}

.text-valeurs{
    color: white;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
}



.cbp-nav-next, .cbp-nav-prev {

    background: #06002c;

}


.btn.btn-cyan {
    background-color: #06002c;
    color: #55caf3;
    border-radius: 5px;
    width: 240px;
}

.btn.btn-cyan:hover{
    background-color: #55caf3;
}

.btn.btn-anim-3 i {

    line-height: 45px;

}

#togglePlay.pause:hover {
    
     background-color: rgba(6, 0, 44, 0.6);
    color: #fff;
}

.modal .modal-dialog.modal-fs {
  width: 100%;
  margin: 0;
  box-shadow: none;
  height: 100%;
}
.modal .modal-dialog.modal-fs .modal-content {
  border: none;
  border-radius: 0;
  box-shadow: none;
  box-shadow: none;
  height: 100%;
}



.modal-header {
    padding: 0; 
     border-bottom: none;
}



.bg-opacity-7{
    background-color: none;
}

#customElement{
    background: none;
    margin-bottom: 20px;
}


#togglePlay.pause {
   background-color: rgba(85, 202, 243, 0.8);
    color: #fff;
}

#togglePlay.play {
    background-color: rgb(85, 202, 243);
    color: #fff;
}

.fa-play{
    color: white;
}
#togglePlay.pause {
    background-color: rgba(85, 202, 243, 0.8);
    color: #fff;
    text-align: center;
    line-height: 20px;
    padding-left: 15px;
}

.oper{
    width: 75%;
}

.cbp-nav-next:hover, .cbp-nav-prev:hover{

    background: #55caf3;

}

.sec-padding {
    padding: 150px 0 150px 0;
}

.sec-padding-default{
    padding: 150px 0 !important;
}

.sec-padding-default2{
    padding: 100px 0 0 0;
}
#realisations{
    margin-bottom: 30px;
}

.ce-feature-box-61{
    background-color: transparent;
}
.less-mar-1{
    color: #06002c;
    font-family: Geometos;
    font-size: 30px;
}
.sec-padding-13{
    padding: 340px 0 150px 0;
}

.sec-padding-17{
    padding: 200px 0 100px 0;
}

.sec-padding-31{
    padding: 120px 0 70px 0;
}

.cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight{
    background-color: #55CAF3;
}

.cbp-nav-controls {
    top: 65px;
}


.nos-projets{
    margin-left: 15px
}

.cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight:hover{
    color: white;
}

/* Portfolio*/
.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
    color: #55CAF3;
    border-color: #55CAF3;
    cursor: default;
}
.cbp-l-filters-buttonCenter .cbp-filter-counter {
    background-color: #55CAF3;
}

.cbp-l-filters-buttonCenter .cbp-filter-counter:after {
    border-top: 4px solid #55CAF3;
}

.ce-feature-box-61 .img-box .overlay {
    background-color: rgba(85, 202, 243, 0.9);
}

.slider-btn-1 .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    color: #fff;
    background-color: #55CAF3;
}

.slider-btn-1 .owl-theme .owl-controls .owl-buttons div {
    background: #ffffff;
}

.section-medium-dark {
    background-color: #1D1A47;
    color: white;
}

.section-dark {
    background-color: #1d1a47;
}

.text-box.padding-13 {
    padding: 10px;
}

.ce-feature-box-61 .img-box .overlay {
    padding: 70px 10px;
}

.sec-title-container2{
	padding-bottom: 40px;
}

.black{
	color: black !important
}

.sec-title-container4{
	padding-bottom: 0px;
}
.section2 {
    
    padding-bottom: 20px;
}

.smart-forms .btn-primary {
    background-color: #55CAF3;
}

.smart-forms .btn-primary:hover {
    background-color: #1D1A47;
    border:  1px solid #1D1A47;
    color: white;

}

.title-border-hr {
    background-color: #55caf3;
    height: 1px;
    width: 184px;
    margin-bottom: 30px;
}

.title-border-hr-2 {
    background-color: #55caf3;
    height: 1px;
    width: 230px;
    margin-bottom: 30px;
}
.title-border-hr-3 {
    background-color: #55caf3;
    height: 1px;
    width: 180px;
}

.title-border-hr-4 {
    background-color: #55caf3;
    height: 1px;
    width: 150px;
}

.title-border-hr-5 {
    background-color: #55caf3;
    height: 1px;
    width: 130px;
}
.logo-Header{
	width: 120px;
	position: relative;
    bottom: 5px;

}
.sec-paddingV2 {
    padding: 120px 0 20px 0;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    background-color: #55CAF3;
}

.sec-paddingV55 {
    padding: 100px 0 100px 0;
    border-bottom: 1px solid #55caf3;
}


.modal-header .close {
    /* margin-top: -2px; */
    top: 15px;
    position: absolute;
    right: 10px;
    color: white;
}

.modal-header .close {
    opacity: 1;
    color: white;
}

.smart-forms .gui-input:focus, .smart-forms .gui-textarea:focus, 
.smart-forms .select > select:focus, .smart-forms .select-multiple select:focus,
.smart-forms .select > select:hover, .smart-forms .select-multiple select:hover {
    color: #3c3c3c;
    background: #fff;
    border: 1px solid #55CAF3;
    -webkit-box-shadow: 0px 0px 3px #55CAF3 inset;
    -moz-box-shadow: 0px 0px 3px #55CAF3 inset;
    -o-box-shadow: 0px 0px 3px #55CAF3 inset;
    box-shadow: 0px 0px 3px #55CAF3 inset;
    outline: none;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #55caf3;
}

.sec-padding-12{
	padding: 150px 0 0px 0;
}

.sec-padding-V5{
    padding: 140px 0 200px 0
}

.footer-logo img{
	width: 70%;
}

.footer-social-icons li a:hover, .footer-social-icons li a.active {
    color: #55caf3;
}

.map {
    width: 100%;
    height: 400px;
    border: 1px solid #e4e4e4;
}
.footer-quick-links-4 li a:hover{
	color:#55caf3 !important;
}

.smart-forms .gui-input:focus ~ .field-icon i, .smart-forms .gui-textarea:focus ~ .field-icon i {
    color: #55caf3;
}

.tp-caption.sbut1 a, .tp-caption.sbut2 a{
    background-color:#55CAF3;
    color: white
}

.smart-forms .gui-input:hover, .smart-forms .gui-textarea:hover, .smart-forms .select > select:hover, .smart-forms .select-multiple select:hover, .smart-forms .gui-input:hover ~ .input-hint, .smart-forms .file .gui-file:hover + .gui-input, .smart-forms .gui-textarea:hover ~ .input-hint {
    border-color: #55caf3;
}

.text-expertises-fonts {
    color:#55CAF3;
    font-size: 60px; 
    margin-bottom: 10px;
}

.text-nos-valeurs-fonts {
    color:white;
    font-size: 60px; 
    margin-bottom: 10px;
}

.text-realisations-fonts {
    color:#55CAF3;
    font-size: 60px; 
    margin-bottom: 60px;
}

.text-notre-equipe-fonts {
    font-size: 60px; 
    margin-bottom: 10px;
    color: #55caf3;
}

.text-contactez-nous-fonts {
    color:#55CAF3;
    font-size: 60px; 
    margin-bottom: 10px;
}

.text-nos-references-fonts {
    color:#55CAF3;
    font-size: 60px; 
    margin-bottom: 10px;
}

.valeurs-display-2{
    display: none
}

.mission-notre-text {
    color:#55CAF3;
    font-size: 60px; 
    margin-bottom: 15px;
}

.notre-text-mission {
    color:#55CAF3;
    font-size: 60px; 
    margin-bottom: 10px;
}

.mission-paragraphe {
    text-align: justify;
    margin-right: 80px;
    font-size: 20px;
    line-height: 28px;
}

.edito-text {
    color:white;
    font-size: 60px;
}

h2.less-mar-1 {
    margin-bottom: 15px;
}

.l-agence{
    color:#55CAF3;
    font-size: 60px; 
    margin-bottom: 10px;
}

.l-agence-paragraphe{
    text-align: justify;
    margin-right: 80px;
}


.les-1{
    font-size: 40px;
    font-weight: 400;
}

.les-mobile{
    color: white
}

.slide4-text {
    color: #55CAF3;
    font-size: 80px;
}

.margin-t-equipe{
    margin-bottom: 35px !important;
}

.text-expertise2 {
    color:#57C9F2;
    font-size: 32px;
    line-height: 33px;
}
.text-expertise4 {
    color:#FAAF4C;
    font-size: 32px;
    line-height: 33px;
}

.text-expertise3 {
    color:#EB2131;
    font-size: 32px;
    line-height: 33px;
}

.text-expertise1{
    color:#6E308E;
    font-size: 32px;
    line-height: 33px;
}






/* Debut responsive Design */
@media only screen and (max-width : 1200px){

}

@media only screen and (max-width : 1024px){

}

@media only screen and (max-width : 979px){

}

@media (min-width: 768px){
    .modal-dialog {
        width: 80% !important;
        margin: 30px auto;
    }
}

@media only screen and (max-width : 768px){
	
    .text-equipe{
        text-align: justify
    }

    .valeurs {
        width: 100%;
        height: auto;
        margin: 0;
        background: #06002c url(../images/img/valeurs.jpg) center center no-repeat;
        background-size: cover;
    }

    .edito-text {
        color:white;
        font-size: 30px;
    }
	.para-agence{
		width: 100% !important;
	}

	.cbp-item{
		display: block;
	}

    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
             width: 100%;
    }


    .notremission{
        min-height: 100px;
    }

    .paragraphe-realisation{
        padding: 0; 
        text-align: justify
    }

    .cbp-item{
        margin-bottom: -10px
    }

    .text-expertises-fonts {
        font-size: 30px; 
    }

    .text-nos-valeurs-fonts{
        font-size: 30px; 
    }

    .text-realisations-fonts {
        font-size: 30px; 
        margin-bottom: 60px;
    }

    .text-notre-equipe-fonts {
        font-size: 30px; 
    }

    .text-contactez-nous-fonts {
        font-size: 30px; 
    }

    .btn-bleu{
        width: 100%
    }

    .text-nos-references-fonts {
        font-size: 30px; 
    }

    .valeurs-display{
        display: none
    }

    .valeurs-1 h3{
        color: #55caf3
    }
    .valeurs-2 h3{
        color: #55caf3
    }
    .valeurs-3 h3{
        color: #55caf3
    }

    .valeurs-1 p{
        color: white;
        text-align: justify;
    }
    .valeurs-2 p{
        color: white;
        text-align: justify;
    }
    .valeurs-3 p{
        color: white;
        text-align: justify;
    }

    .valeurs-display-2{
        display: block;
    }

    .section-bgimg-6 {
        height: auto !important;
    }

    .cbp-nav-controls {
        top: -40px;
    }

    .videos{
        display: none
    }

    .mission-notre-text {
        font-size: 50px; 
    }

    .notre-text-mission {
        font-size: 50px; 
    }


    .l-agence{
        text-align: center;
        font-size: 30px;
    }

    .l-agence-paragraphe{
        text-align: justify;
        margin-right: 0;
    }

    .groups-btn-agence{
        text-align: center
    }

    .href-zone{
        margin-bottom: 15px;
    }

    .img-agence{
        position: relative;
        top: 40px; 
    }

    .cbp-nav-controls {
        top: -30px;
    }

    .rev_slider_wrapper a.fusion-button span {
        font-size: 15px !important;
        padding: 0;
        margin: 0;
    }

    .les-1{
        font-size: 20px;
    }

    .slide4-text {
        color: #55CAF3;
        font-size: 40px;
    }

    .modal{
        top: 20%
    }

    .sec-padding-default{
        padding: 50px 0 !important;
    }

    .mission-paragraphe {
        margin-right: 0;
    }

    .form-body {
        width: 100%;
        padding: 40px 0;
        float: left;
    }

    .header-section .logo {
        width: 100%;
    }


    .text-expertise2, .text-expertise4, .text-expertise3, .text-expertise1 {
        font-size: 25px;
    }
    





}

@media only screen and (max-width : 480px){
	.mission {
	    min-height: 120px;
	}
	.sec-title-container {
	    padding-bottom: 35px;
	}
    .l-agence{
        font-size: 30px;
    }

    .header-section img {
        max-width: 50%;
    }

    .header-section .logo {
        width: 100%;
    }

    .expertise-hidden-mobile{
        display: none
    }

    
    
}

@media only screen and (max-width : 375px){
  

    .mission-paragraphe {
        margin-right: 0;
    }

    .header-section .logo {
        width: 100%;
    }

    
    
}


@media only screen and (max-width : 320px){
  

    .l-agence {
        color: #55CAF3;
        font-size: 30px;
        margin-bottom: 10px;
    }

   
}




/* fin responsive Design */