body {
  background-color:#F7F5F3;
  margin:0;
  padding:0;
}

marquee{
  background-color:#F7F5F3;

}

@font-face {
        font-family: diego;
   src: url("/MON SITE/DIEGO ITALIC ");
}
@font-face {
        font-family: itcrégu;
   src: url("/MON SITE/ITC Avant Garde Gothic LT Demi Regular ");
}
@font-face {
        font-family: itcobli;
   src: url("/MON SITE/ITC Avant Garde Gothic LT Demi Oblique ");
}
.titre1{
  padding:2%;
  font-family:diego;
  font-size: 60px;
}
.conteneur{
  display: block;
  background-color:#F7F5F3;
  padding:2%;
  width:96%;
  margin-top:30%;
}

.carre1:{
  display: inline-block;
  width: 200px;
  height: 200px;
  background-color: black;
  overflow: hidden;
  position:relative;
  opacity: 1;
  -webkit-transition: .8s ease-in-out;
  transition: .2s ease-in-out;
  line-height: 0;
}
.carre1:hover{
  opacity: 1;
}

.carre1 img {
  width: 100%;
  height: 100%;
}

  .carre1 {
  	margin-left: 0px;
  	-webkit-transition: .3s ease-in-out;
  	transition: .3s ease-in-out;
  }
  .carre1 {
  	margin-left: -30px;
  }

  .carre1{
    width: 200px;
    height: 150px;
    -webkit-filter: grayscale(0) blur(0px);
    filter: grayscale(0) blur(0px);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .carre1 {
    width: 150px; /* on affiche l'image au carré */
    height: 150px;
    border-radius: 50%;  /* on arrondit l'image */
    -webkit-transform: rotate(360deg); /* rotation de l'image */
    transform: rotate(360deg);
}
.carre2{
  display: inline-block;
  width: 200px;
  height: 200px;
  background-color: black;
  overflow: hidden;
  position:relative;
  opacity: 1;

  line-height: 0;
}

.carre2:hover{
  width: 600px;
  height: 300px;
}

.fonddesconatate{
  display:block;
  background-color:#CFCDCC;
  width:96%;
  height:100px;
  padding:2%;
  margin-top: 25px;
}

img {
  opacity: 0;
  -webkit-transition: .8s ease-in-out;
  transition: .2s ease-in-out;
  line-height: 0;
  zoom: 1;
}

img:hover {
  opacity: 0.8;
  zoom: 1;
}

.carrealien{
  display: inline-block;
  width: 200px;
  height: 200px;
  background-color: black;
  overflow: hidden;
  position:relative;
  opacity: 1;
  -webkit-transition: .8s ease-in-out;
  transition: .2s ease-in-out;
  line-height: 0;
}

h1{
  font-family:Franklin Gothic Medium;
  font-size: 15px;
}
.p2{
  font-family: sans-serif;
font-size: 10px;
}