/* couleur pour le jaune rgb(255,212,0);
couleur pour le bleu clair rgb(0,169,197);
couleur pour le bleu gris rgb(30,35,49)
couleur pour le bleu foncé rgb(0,36,88)
couleur pour le gris1 rgb(231,230,237)
couleur pour le gris2 rgb(237,239,241);
couleur pour le mauve rgb(108,93,122);
couleur pour le grenat rgb(176,31,22);
couleur pour le violet rgb(79,48,94);
*/

/************* ajouté par Amir *******/

@media (max-width: 900px)
{
  .row-eq-height
  {
     display: block;

  }
 .row-eq-height [class*="col-"]
  {
     margin: 20px;
}

}


#contact-form [class*="col-"] div
{
  margin: 0 0px;

}

#contact-form [class*="col-"]
{
   margin-bottom : 20px;
}

.product-holder img:first-child
{
  width : 100%;
}

@media (min-width: 995px) and (max-width: 1200px)
{
   .product-holder
   {
        height: 229px !important;
   }
    iframe:first-child
{

height: 229px !important;
}
}

.margin-top
{
  margin-top: 30px;
}

 .product-holder {
    position: relative;
    display: block;
  background-color: rgb(79,48,94) ;z-index:100;
}

.plus-image {
    left: 50%;
    top: 50%;
    position: absolute;
    margin-top: -25px;
    margin-left: -25px;
}

.opacity90
{
  opacity : 0.9;
}

.box-simple
{

  padding  :20px;
  background-color : #fafafa;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  margin: 15px;
}
.box-simple:hover
{
     box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.circle-border
{
  border: 2px #5C5EAE solid;
  padding: 5px;
}
.circle-border:hover
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        transition: .5s;
}

.div-card-bottom {
    position: absolute;
    left:0;
    right:0;
   bottom: 0;
   width : 93%;
   margin : 0 auto;
}

.relative-pos
{
  position: relative;
}

.card-footer {
  padding: 0.75rem 4.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  width: 100%;
}


.card-title
{
  margin-bottom: 0.75rem;
}

.row-full
{
  margin: 0 auto;
  width: 100%;
}

@media  (min-width: 800px) {
.box-presentation .thumbnail a
{

  position:absolute;
  bottom : 30px;
  left : 0;

  width : 200px;

}
}

@media  (min-width: 800px) {
.box-presentation-lg .thumbnail a
{

  position:absolute;
  bottom : 0px;
  left : 0;



}
}

@media   (max-width: 1000px) {
.div-card-bottom {
    position:  !important;
    left:0;
    right:0;
    bottom:  0px !important;

   margin : 0 auto;
}
}

@media (min-width: 1200px) and (max-width: 1700px) {
  .box-presentation-lg .thumbnail
{

   min-height : 620px !important;
   }
}

@media (min-width: 800px) and (max-width: 1200px) {
  .box-presentation-lg .thumbnail
{

   min-height : 700px !important;
   }
}

@media   (max-width: 480px) {
  .box-presentation-lg .thumbnail
{
   min-height : 720px !important;
   }
}


.box-presentation .thumbnail
{
    min-height : 470px !important;

}

.box-presentation-lg .thumbnail
{
    min-height : 600px ;

}




div#sliderGED a, .carousel-caption a
{
 background  : none !important;
 color : #fff;
 border : solid 2px;
 font-size: 2rem;
 padding-left: 50px!important;
 padding-right: 50px!important
}

div#sliderGED a:hover, .carousel-caption a:hover
{
  background  : rgb(79,48,94) !important;
  color : #fff;
 border : solid 2px rgb(79,48,94);
}


.text-violet
{
  color:#593C67 !important;
}

.violet
{
  background-color: #593C67 !important;
}

.text-blanc
{
  color:  #fff !important;
}
.text-bleu
{
  color: rgb(0,36,88) !important;
}

h2
{
  margin-top: 20px;
  margin-bottom: 10px;
}

.text-heading
{
  font-weight: 700px;
  text-transform: uppercase;
  letter-spacing : 1.5px;
  padding-top: 10px;
  padding-bottom: 20px;
  color: rgb(79,48,94);
}
.text-heading h1{
  font-size: 30px!important;
}
 .text-heading span
 {
    text-transform: uppercase;
    letter-spacing: 1px;
    color:  #696969;
    font-size: 16px;
 }



.text-heading ~ div  p
{
  font-size: 16px;
  line-height: 1.6;
}

.text-heading ~ div  h4
{
  font-size: 18px;
  line-height: 1.6;
  font-weight: 600;
  text-transform: uppercase;

}

.feature-box
{
   text-align: center;
   padding: 20px;

}
.feature-box h4
{
  font-size: 20px ;
  font-weight: 300;
  margin-top: 20px;
  color: #fff;

}


.box-flex {
  display: flex;

}
.col-flex {
  flex: 1;

}

.dark
{
  color: #fff;
}

.padding-sm
{
  padding: 20px;
}

.padding-lg
{
  padding: 50px;
}

.marginall-sm
{
  margin: 20px;
}

.bottommargin-sm
{
  margin-bottom: 30px !important;
}

.card-subtitle
{
  color: rgb(0,36,88);
  font-weight: bold;
  font-size: 14px;
}

.margin-top-sm
{
  margin-top: 10px;
}

.marginall-lg
{
  margin: 50px;
}


.topmargin-sm
{
  margin: 20px;
}


.topmargin-lg
{
  margin: 50px;
}

.bottommargin-sm
{
  margin-bottom: 20px;
}


.bottommargin-lg
{
  margin: 50px;
}

.notopmmargin
{
  margin-top: 0 !important;
}


.nobottommargin
{
  margin-bottom: 0 !important;
}


.devider
{
  height: 6px;
  background: url('images/devider.png') repeat-x 0 0;
  border: 0;
  width: 60%;
  margin: 20px auto;
}

.devider-left
{

 margin-left: 0 !important;

}

footer i.fa
{
	padding-right: 10px;
}

footer p
{
	font-size: 16px;
}


.bggray
{
  background-color:  rgb(237,239,241);
}

/* -------- ccircles counter -----------*/
.ccircle {
  margin: 36px;
  display: inline-block;
  padding: 16px;
  text-align: center;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 2px solid #1d2087;
}

.ccircle::before,
.ccircle::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.ccircle,
.ccircle::before,
.ccircle::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.ccircle {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 2px solid #5c5eae;
  color: #5c5eae;
  line-height: 50px;
  overflow: hidden;
}

.ccircle:hover {
  color: #fff;
}
.ccircle::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}
.ccircle:hover::after {
  background: #5c5eae;
  border-radius: 50%;
  -webkit-transform: scale(.9);
  transform: scale(.9);
}

.ccircle1 {
  opacity: 0.4;
}

.ccircle2 {
  opacity: 0.6;
}

.ccircle3 {
  opacity: 0.8;
}

.ccircle a {
  text-decoration: none;
  color: #1d2087;
}

.ccircle h2 {
  font-size: 60px;
}

.ccircle h2 small {
  color: #1d2087;
}

.ccircle p {
  font-size: 24px;
  line-height: 26px;
}
/* -------- fin ccircles counter -----------*/

/* -------- Footer  -----------*/

#copyright
{
    background: linear-gradient(45deg,rgb(79,48,94),#59355D) !important;
    padding-top: 5px;
}

/* -------- fin Footer -----------*/

/*
#sliderGED p {
  font-size: 3.5rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0;
        text-align : left;
        width : 50%;
        line-height : 45px;


}


@media  (min-width: 800px) and (max-width: 1300px) {
  #sliderGED p {
    font-size : 2em;
  }
}
*/


/*********** fin modifié par Amir *******************/

.row{
  padding: 3rem;
}
#presentationIlias h1{
  color: rgb(79,48,94);
  font-weight: bold;
  letter-spacing: 1.5 px;
}

#notreOffre h2{
  color: rgb(67,122,183);
}

#notreOffre .btn{
  color: rgb(67,122,183);
  border: 2px solid rgb(67,122,183);
}

#mySlider{
  overflow: hidden;
}
/*.btn{
  font-size: 18px;
  color: white;
  padding: 12px 22px;
  background-color: transparent;
  border: 2px solid white;
}*/

.btn-primary{
  border: none;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-default:active:focus {
    color: #f6f6f6;
    background-color: transparent;
    border-color: #f6f6f6;
}
#icon{
  max-width: 150px;
  margin: 1% auto;
}

.partenaires div.row{
  padding-bottom: 0px !important;
}

#iconL{
  max-width: 250px;
  margin: 1% auto;
}

#iconS{
  max-width: 35px;
  margin: 1% auto;
}

#iconact{
  max-width: 100%;
  margin: 1% auto;
}
div#notreOffre.text-center{
  background-color: rgb(231,230,237);
  overflow: hidden;
}

#hidden p,#hidden2 p, #hidden3 p{
  color: rgba(59, 54, 62, 0.63)
}

.navbar{
  border-radius: 0;
  margin-bottom: 0;
  background-color: #fff;
  padding: 0;
  font-size: 1.2em;
  border:0;
  border-bottom: 2px solid rgb(79,48,85);
}
.navbar-brand{
  float: left;
  min-height: 55px;
  padding: 0 15px 15px;
}
.navbar-inverse .navbar-nav .active a,
.navbar-inverse .navbar-nav .active a:focus,
.navbar-inverse .navbar-nav .active a:hover{
  color: rgb(79,48,94);
  background-color: #fff;
}
.navbar-inverse .navbar-nav .active a:hover{
  color : rgb(79,48,94);
}
.navbar-inverse .navbar-nav li a {
    color: rgb(79,48,94);
    padding: 2rem;
}
.navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:focus{
    color : rgb(79,48,94);
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus{
  color: #fff;
  background-color: rgb(79,48,94);
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus{
  color: #fff;
  background-color: rgb(79,48,94);
}

.navbar-nav > li > .dropdown-menu{
  border-color: rgb(79,48,94);
}

.navbar-toggle{
  background-color:rgb(79,48,94);
}
.navbar-inverse .navbar-toggle{
  border-color: transparent;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form{
  border-color: rgb(79,48,94);
}
.carousel-caption{
  top: 50%;
  transform: translateY(-50%);
  text-shadow: 2px 2px 3px black;
  font-family: 'Quicksand', sans-serif;
}

.carousel-indicators .active {
    background-color: #a29bfe;
}
.carousel-indicators li{
  border: 2px solid #a29bfe;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .glyphicon-chevron-left{
  color :#a29bfe;
}
.carousel-control.right {
    transform: translateX(35%);
}
.carousel-control.left{
  transform: translateX(-35%);
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .thumbnail a>img, .thumbnail>img{
  width: 100%
}
footer{
    width:100%;
    background: #242424;
    color: #fff  ;
    padding: 0;
    border-top: 2px solid #8080804f;
    font-family: 'Raleway', sans-serif;
}
footer div.container-fluid{
  padding-top: 10px;
  padding-bottom: 10px;
}
div#copyright.container-fluid.text-center p{
  margin: 0;
}
footer h6 {
 color: #f6f6f6;
 letter-spacing: .5px;
 font-weight: bold;
 text-transform: uppercase;
 font-size: 18px;

}

footer a {
color: #fff;
text-decoration: none;
}

footer a:hover {
color: #e9e9e9;
text-decoration: none;

}

div#topbar.container-fluid{
    background-color: rgb(79,48,94);
    color: white;
    margin right: 0;
    margin left: 0;
    padding-bottom: 1rem;

}
.small-menu{
  background-color: rgb(108,93,122);
  color: white;
  margin right: 0;
  margin left: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.small-menu a{
    font-size: 1.5rem!important;
    color: #fff;
    font-family: 'Quicksand', sans-serif;
}
#topbar h1
{
	text-align: center !important;
}

.bg-purple-light
{
	background-color:   #eee8f0 !important;
}
/*page PDG ***************************************************************/
#icon-ref{
  max-width: 150px;
  margin: 1% auto;
  padding-bottom: 20px;
}

/************************************************************************/

/*page GED ***************************************************************/
div#sliderGED.container-fluid.text-center div.row h1{
font-size: 2.5rem;
}
.first-title{
  font-size: 3rem!important;
}
.cadran{
  margin: 2px;
  background-color: #FFF;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.no-margin{
  padding-top: 0!important;
}
/*.images-cadran{
  margin-top: 10px;
}*/
.light-background{
  background-color: rgb(234,223,237);
}
.light-background a{
  color: rgb(79,48,94);
}
.cadran h3{
  color: rgb(79,48,94);
}
.img-usecases{
  width: 100%;
  border-bottom: 2px solid rgb(79,48,94);
}
.title-usecases{
  font-size: 30px;
}
.title-usecase{
  font-size: 2rem;
  font-family: 'Quicksand', sans-serif;
}
.border-usecase{
  border: 10px solid rgb(79,48,94);
  padding: 0;
  padding-bottom: 2rem;
}
#iconGED{
  max-width: 150px;
  margin: 1% auto;
}

img#iconGEDtop{
  max-width: 100%;
  margin: 1% auto;
  margin-top: 0;
}

#iconRoadmap{
  max-width: 100px;
  margin: 1% auto;
}

div#sliderGED.container-fluid.text-center{
  color:white;
  height: 400px;
  text-shadow: 1px 1px 1px black;
  position: relative;
  font-family: 'Quicksand', sans-serif;
}

#sliderGED div.row{
  position: relative;
   top: 15%;
}

#PourquoiLaGed p{
  color: #fff;
  font-size: 2rem;
}
#PourquoiLaGed h1{
  color: #fff;
  font-size: 30px
}
#PourquoiLaGed h4{
  color: #FFFF;
}
#partners h4{
  color: rgb(0,169,197);
}
#partners div.row{
  background-color: rgb(231,230,237)!important;
  margin-bottom: 5rem;
  padding-bottom: 0;
}
.border-usecase a{
  color: rgb(79,48,94);
}
.no-padding-top{
  padding-top: 0!important;
}
/********PAGE FONCTIONNALITES LASERFICHE*******************/

.img-default{
  max-width: 100%;
  margin: 1% auto;
}
.img-gestion-doc{
  max-width: 100%;
}
.img-capture{
  width: 100px;
  margin: 1% auto;
  background: #fff;
  border-radius: 50px;
  padding: 1rem;
}
.fa-check:before{
  color: rgb(79,48,94);
  font-size: 14px!important;
}
.fas{
  font-size: 5rem;
  color: rgb(79,48,94);
}
.fond-capture{
  background-color: rgb(108,93,122);
}
.fond-forms{
  background-color: rgb(231,230,237);
}
.fond-conformite{
  background-color: rgb(231,230,237);
}
.fond-capture h3.text-heading{
  color: #fff!important;
}
.fond-capture p{
  color: #fff!important;
}
.img-forms{
  height: 100%;
}
/**********PAGE AUTOMATISATION TRAITEMENT FACTURES **************************/

.img-format{
  max-width: 100%;
  margin: 1% auto;
  margin-top: 0;
}
.corner-radius{
  border-radius: 25px;
}
.title{
  font-size: 3rem!important;
  font-family: 'Quicksand', sans-serif;
}
.slogan{
  font-size:2rem;
}
.list-magin li{
  margin: 2rem;
  font-size: 2rem;

}
/*****************PAGE AUTOMATISATION RECRUTEMENT****************/
.corner-border{
    border: 3px solid rgb(231,230,237);
}

/**********PAGE SECU COURANT FAIBLE*****************************************************************/

#IconSecu{
  max-width: 100%;
  margin: 1% auto;
}

#IconSecuL{
  max-width:100%;
  margin: 1% auto;
}

#enAlgerie h2{
  color:rgb(0,169,197);
}

div#offresecu.container-fluid.text-center{
  background-color: rgb(237,239,241);
}
div#CleEnMain.container-fluid.text-center{
  background-color: rgb(237,239,241);
  padding-bottom: 2rem;
}

#partnersSecu h4 {
  color: rgb(79,48,94);
  font-weight: bold;
}
#partnersSecu h2{
  color: rgb(255,212,0)
}

div#partnerSecu.row{
  border-color: rgb(79,48,94);
}
p#genetecSolution{
  color: grey;
}
#iconVideoSurveillance{
  max-width: 150px;
  margin: 1% auto;
  border: 1px solid;
  border-radius: 15px;
  border-color: green;
}
#iconControleAcces{
  max-width: 150px;
  margin: 1% auto;
  border: 1px solid;
  border-radius: 15px;
  border-color: red;
}
#iconReconnaissancePlaques{
  max-width: 150px;
  margin: 1% auto;
  border: 1px solid;
  border-radius: 15px;
  border-color: orange;
}
#lontrend{
  max-width: 75%;
}
/****************CONTACT***************************/
#contact-page h4{
  color: rgb(0,36,88);
}

/*************SOLUTIONS IT********************************************/
#iconIT{
  max-width: 200px;
  margin: 1% auto;
}

#iconIT_usecase{
  max-width: 100%;
  margin: 1% auto;
}

#iconIT_S{
  max-width: 50px;
  margin: 1% auto;
}
#gestionFlotte{
  color: #fff;
}
#gestionFlotte h3{
  color: rgb(255,212,0);
}
#gestionFlotte img#iconIT_usecase.img-circle{
  border: 3px solid;
  border-color: #fff;
}
#flotteItem h4{
  color: #fff!important;
}
#gestionFlotte h4{
  color: rgb(0,169,197);
}
#projets-web h3{
  color: rgb(0,36,88);
}
.fa-check{
  color: rgb(0,169,197);
}
#img-infogerance{
  max-width: 100%;
}
div#infogerance.container div.row h3.text-center{
  color: rgb(0,169,197);
}
/***************PAGE REF ***************************************************************/
div#references.container.text-center h3{
  color: rgb(0,169,197);
}
#icon-ref{
  max-width: 100px;
  margin: 1% auto;
}

/***************FOOTER ***************************************************************/



div#copyright.container-fluid{
  background-color: rgb(79,48,94);
  color: #fff;
}
/******************************************************************************************/
@media (max-width: 600px) {
  .carousel-caption{
    display: none;
  }
  h2{
    font-size: 1.9em;
  }
  #sliderGED div.row {
    top: 0;
  }
  #PourquoiLaGed h1{
    font-size: 2.5rem;
  }
  .slogan{
    font-size: 1.5rem;
  }
  div#sliderGED.container-fluid.text-center div.row h1{
    font-size: 2rem;
  }
}
@media (max-width: 992px) {
  .carousel-caption p{
    display: none;
  }
  .carousel-caption a{
    display: none;
  }
  .carousel-caption h1{
    font-size: 2rem;
  }
}

@media (max-width: 600px){
  divfooterTop.row{
    display: none;
  }
}

@media (max-width: 1200px) {
  .carousel-caption p{
    display: none;
  }
  .carousel-caption h1{
    font-size: 2rem;
  }
}