#trigauche {
  width: 170px;
  height: 170px;
  background: #000;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  position: relative;
  left: -100px;
  top: 10px;
}

#tridroite {
  width: 170px;
  height: 170px;
  background: #000;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  position: relative;
  top: -160px;
  left: 0px;
}

#trigauche2 {
  width: 170px;
  height: 170px;
  background: #000;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  position: relative;
  left: 100px;
  top: -330px;
}

.lebas {
  margin-bottom:-330px;
}

#untitrerp {
  display: block;
  line-height: 98%;
  font-family: 'Oswald';
  font-size: 33px;
  letter-spacing: -1px;
  text-align: center;
  text-shadow: 0px 0px 1px black;
  color: transparent;
  font-style:italic;
  margin-bottom:5px;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

#untitrerp:hover {
  text-shadow: 2px 2px 0px white;
  color: black;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

#trigauche {
  width: 170px;
  height: 170px;
  background: #000;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  position: relative;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  left: -100px;
  top: 10px;
}

#tricentre {
  width: 170px;
  height: 170px;
  background: #000;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  position: relative;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  top: -160px;
  left: 0px;
}

#tridroite {
  width: 170px;
  height: 170px;
  background: #000;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  position: relative;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  left: 100px;
  top: -330px;
}

#triseul {
  width: 220px;
  height: 200px;
  background: #000;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  position: relative;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  left: 0px;
  top: 0px;
  bottom:10px;
}

.motsign {
  font-family:'Oswald';
  font-size:25px;
  text-shadow: 0px 0px 1px white;
  color:transparent;
  margin-top:6px;
  text-transform:uppercase;
  font-weight:300 !important;
}

#triseulc {
  width: 220px;
  height: 200px;
  background: #000;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  position: relative;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  left: 0px;
  top: 10px;
}

.motsignn {
  font-family:'Oranienbaum' !important;
  font-size:24px !important;
  text-shadow: 0px 0px 1px black;
  color:transparent;
  margin-top:15px;
  text-transform:uppercase;
  font-weight:300 !important;
}

#cross {
 width: 230px;
 height: 260px;
 background: #000;
 -webkit-clip-path: polygon(10% 50%, 35% 50%, 35% 0%, 65% 0%, 65% 50%, 90% 50%, 90% 75%, 65% 75%, 65% 100%, 35% 100%, 35% 75%, 10% 75%);
clip-path: polygon(10% 50%, 35% 50%, 35% 0%, 65% 0%, 65% 50%, 90% 50%, 90% 75%, 65% 75%, 65% 100%, 35% 100%, 35% 75%, 10% 75%);
}

.choupititre {
  font-family:Oswald;
  font-weight:bold;
  font-size:27px;
  color:#fff;
  text-shadow:2px 2px 0px black;
  text-transform:uppercase;
  margin-bottom:-130px;
  margin-top:100px;
  z-index:100;
  position:relative;
}

#choupiprond {
 width: 140px;
 height: 140px;
 -webkit-clip-path: circle(50.0% at 50% 50%);
clip-path: circle(50.0% at 50% 50%);
  transform: all;
  -moz-transform: all;
  -webkit-transform: all;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  margin-top:-175px;
  margin-bottom:35px;
}

#choupiprond:hover {
  transform: all;
  -moz-transform: all;
  -webkit-transform: all;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  opacity:0;
}

#choupigrond {
 width: 220px;
 height: 220px;
 -webkit-clip-path: circle(50.0% at 50% 50%);
clip-path: circle(50.0% at 50% 50%);
  filter: grayscale(100%);
  transform: all;
  -moz-transform: all;
  -webkit-transform: all;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}

#choupigrond:hover {
  filter: grayscale(0%);
  transform: all;
  -moz-transform: all;
  -webkit-transform: all;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}

/* SIGN INNO */

.priere {
  color:#000;
  font-family:'georgia';
  text-transform:lowercase;
  font-style:italic;
  font-size:12px;
  position:relative;
  margin-right:50px;
  text-align:justify;
  width:165px;
}

amen {
  letter-spacing:33px;
}

#croix {
 width: 230px;
 height: 260px;
 background: #000;
 -webkit-clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);
clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);
  background-size:250px;
  background-position:-15px -10px;
}

#trifeo {
  width: 240px;
  height: 200px;
  background: #000;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
clip-path: polygon(50% 100%, 0 0, 100% 0);
  position: relative;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  left: 0px;
  top: 10px;
}

.motsfeo {
  font-family:'Oranienbaum';
  font-size:26px;
  color: black;
  font-style:italic;
  margin-top:6px;
  text-transform:uppercase;
  font-weight:300 !important;
  margin-bottom:-6px;
}

#cgauche {
  height:150px;
  width:150px;
  -webkit-clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
  filter: grayscale(100%);
}

#hcentre {
  height:150px;
  width:150px;
  -webkit-clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  filter: grayscale(100%);
}

#cdroite {
  height:150px;
  width:150px;
  -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
  filter: grayscale(100%);
}

#cgauche2 {
  height:125px;
  width:125px;
  -webkit-clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
  filter: grayscale(0%);
}

#hcentre2 {
  height:125px;
  width:125px;
  -webkit-clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  filter: grayscale(0%);
}

#cdroite2 {
  height:125px;
  width:125px;
  -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
  filter: grayscale(0%);
}

.htexte {
  letter-spacing:3px;
  font-size:11px;
  font-style:italic;
  font-family:georgia;
}

lang {
  color:#96B9B8;
}

.poem {
  font-family:'Noto Sans SC';
  font-size:14px;
  width:310px;
  background-color: #000!important;   color: #fff;
  letter-spacing: 15px;
  line-height: 140%;
  padding-left:10px;
  margin-top:5px;
}

/* latin-ext */
@font-face {
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Bree Serif'), local('BreeSerif-Regular'), url(https://fonts.gstatic.com/s/breeserif/v5/0daoUMW28nkWOnFz2G4AAgsYbbCjybiHxArTLjt7FRU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Bree Serif'), local('BreeSerif-Regular'), url(https://fonts.gstatic.com/s/breeserif/v5/LQ7WLTaITDg4OSRuOZCpswzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}