@import url('https://fonts.googleapis.com/css?family=Lato:300');

/*.bold{
  font-weight: 700;
}

header.ui.grid.container{
  margin:2rem 0;
}

.banner{
  position: relative;
  height: 455px;
  background-color: #182c80;
}

.banner-content{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-size: 3rem;
  line-height: 3.4rem;
  color: white;
}

.banner-content .button-wrapper{
  margin-top: 2rem;
}


.banner:after{
  content:'';
  background-image: url(images/carmat_ordi.png);
  background-repeat:no-repeat;
  width:500px;
  height:500px;
  position: absolute;
  right:20%;
  top:23%;
}

.ui.fluid.container.formation{  
  padding: 15% 0;
  position: relative;
}

.ui.fluid.container.formation:after{
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  content:'carmat';
  text-transform: uppercase;
  font-size: 20rem;
  font-weight: 700;
  color: #dbdbe0;
  z-index: -1;
}

.formation .sub-title{
  font-size: 1.5rem;
}

.ui.grid .column.pictogram .icon-wrapper{
  padding-top: 70px;
  position: relative;
}

.process-grid{
  margin-top: 5%;
}

.process-grid .column.pictogram:before{
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  width: 52px;
  height: 60px;
  top: 5px;
  transform: translateX(-50%);
}

.process-grid .column.pictogram.computer:before{
  background-image: url('images/hand.png');
}

.process-grid .column.pictogram.questions:before{
  background-image: url('images/questions.png');
}

.process-grid .column.pictogram.hand:before{
  background-image: url('images/hand.png');
}

.process-grid .column.pictogram.clock:before{
  background-image: url('images/clock.png');
}

section.ui.container.visual{
  background-color: #f0f1f8;
  color:black;
  padding: 5%;
  text-align: center;
}

.visual .section-title, .visual .section-title h2{
  font-weight: 300;
  text-align: center;
  margin-bottom: 2.8rem;
}

.visual .section-title h2{
  font-size: 4rem ;
  position: relative;
}

.visual .section-title .title-description{
  font-size: 1.4rem;
}

.visual .section-title h2:after{
  content: "";
  border-bottom: solid 1px black;
  width: 60px;
  position: absolute;
  left: 50%;
  bottom: -10%;
  transform: translateX(-50%);
  display: block;
}

.visual .item-wrapper .item-title{
  font-size: 3rem;
  font-weight: 700;
  line-height: 2.5rem;
  margin-bottom: 1rem;
}

.product-description .row .item-wrapper{
  padding: 1rem 0;
  position: relative;
}

.product-description .row:nth-child(odd) .item-wrapper{
  padding-left:41%;
}

.product-description .row:nth-child(even) .item-wrapper{
  padding-right:41%;
}

.product-description .row:first-child .item-wrapper:before{
  content:'';
  background-image: url(images/carmat_4.png);
  background-repeat: no-repeat;
  width: 70px;
  height: 80px;
  position: absolute;
  left:20%;
  top: 20%;
}

.product-description .row:nth-child(2) .item-wrapper:after{
  content:'';
  background-image: url(images/carmat_9.png);
  background-repeat: no-repeat;
  width: 100px;
  height: 80px;
  position: absolute;
  right:15%;
  top: 20%;
}

.product-description .row:nth-child(3) .item-wrapper:before{
  content:'';
  background-image: url(images/carmat_8.png);
  background-repeat: no-repeat;
  width: 75px;
  height: 80px;
  position: absolute;
  left:20%;
  top: 20%;
}

.product-description .row:nth-child(4) .item-wrapper:after{
  content:'';
  background-image: url(images/carmat_7.png);
  background-repeat: no-repeat;
  width: 100px;
  height: 80px;
  position: absolute;
  right:15%;
  top: 20%;
}

*/
/*------- Maintenance ---------*/

#maintenance-serveur{
  background-color: #4f7ff5;
}

#maj-contenu{
  background-color: #1a3984
}

#maj-fonctionalites{
  background-color: #f5cc4f
}