/*GENERAL*/
@font-face {
	font-family: "Caviar Dreams";
	font-weight: normal;
  font-style: normal;
	src: url('caviar_dreams/CaviarDreams.ttf');
}
body {
  margin:0;
  padding:0;
  background-color: #E1E6FA;
}
h1{
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-family: "Caviar Dreams",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  font-size: 40px;
}
h2 {
  text-align: center;
}
p{
  text-align: center;
  }
/*boutons de la page*/
.btn{
  background-color: #95a2c9;
  border: none;
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.btn:hover{
  background-color: #E1E6FA;
  color:#95a2c9;
}
/*centrer les éléments*/
.Milieu{
  display: flex;
  align-items: center;
  justify-content: center;
}
/*espace autour blocs*/
.marges{
  margin: 50px 0px;
}
/*cartes*/
.card{
  border-radius: 20px;
}
.card-text{
  padding-left: 10px;
  padding-right: 10px;
}
/*padding sur haut de la ligne*/
.paddingtop{
  padding-top:80px;
  margin: 0;
}
/*padding sur bas de la ligne*/
.paddingbottom{
  padding-bottom: 40px;
}

/* PARTIE 1: HAUT DE PAGE*/
#containerdebut{
  padding-left: 0px;
  padding-right: 0px;
}

/*image fond haut de page*/
#imgdebut{
  background:transparent url("images/entreprise.png") no-repeat center center;
  background-image: cover;
}
/*row avec logo*/
#espacelogo{
  height: 500px;
  width:100%;
  margin: 0;
}
/*rond transparent*/
#transparent{
  height: 250px;
  width: 250px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
}
/*logo*/
#LD {
  height:100%;
  width: 100%;
}
#LD img {
  height: 120px;
  width: 180px;
}
/*row avec l'introduction & fleche*/
#introduction{
  background-color: white;
  margin: 0;
	height:300px;
}

/*phrase d'introduciton*/
#phraseintro{
	padding-top:40px;
}
/*col avec la flèche*/
#colfleche{
	padding-bottom: 20px;
}
/* image fleche pour descendre*/
#fleche img{
  height: 100px;
  width: 100px;
  border-radius: 50%;
}

/*PARTIE 2: SERVICES*/



/*PARTIE 3: COMPETENCES*/

/*listes de Compétences*/
ul{
  padding:0;
  list-style-type:none;
}

/*cards compétences*/
.cartebleue{
  background-color: #d4dcf4;
  color: #000;
  margin:60px 30px;
  padding: 20px 0px;
  border-radius: 10%;
  border-color: #d4dcf4;
  box-shadow: 0px 0px 50px 0px #95a2c9;
}
/*Icones ds les cards*/
.icones{
  height: 60px;
}
/*PARTIE 4: CONTACT*/
/*row contact*/
#contact{
  height:800px;
}
#contact p {
  padding-right:50px;
  padding-left: 50px;
}
/*boutons réseaux sociaux*/
.colreseau{
  text-align: center;
}
.reseaux{
  display: inline-block;
  margin: 20px 5px 60px 5px;
  padding: 40px;
  color: #E1E6FA;
  border-radius: 100%;
}
.facebook{
  background: transparent url("images/facebook.png") no-repeat center center;
  background-image: cover;
  background-size: 80px;
}
.twitter{
  background: transparent url("images/twitter.png") no-repeat center center;
  background-image: cover;
  background-size: 80px;
}
.instagram{
  background: transparent url("images/instagram.png") no-repeat center center;
  background-image: cover;
  background-size: 80px;
}
.pinterest{
  background: transparent url("images/pinterest.png") no-repeat center center;
  background-image: cover;
  background-size: 80px;
}
/*formulaire*/
.formulaire{
  background: transparent url("images/portrait-entreprise.jpg") no-repeat center center;
  background-image: cover;
}
/*espace entre les cases du formulaire*/
.espaceinput{
  padding-bottom: 10px;
}