h1 {
font-size:40px;
color: #000000;
font-style: normal;
font-weight: bold;
font-family: "Writer", Helvetica, sans-serif ;
}


h3 {
font-size:40px;
color: #000000;
font-style: normal;
font-weight: bold;
font-family: "Writer", Helvetica, sans-serif ;
background-color: white;
overflow: hidden;
height:100px;
width: 400px;
display: inline-block;
vertical-align:top;
border-style: dashed;
flex: auto;

}

h3:hover {
font-size:40px;
color: #000000;
font-style: normal;
font-weight: bold;
text-decoration: line-through;
font-family: "Writer", Helvetica, sans-serif ;
background-color: white;
overflow: hidden;
height:100px;
width: 400px;
display: inline-block;
border-style: dashed;
display:flex;

}

h2 {
font-size:30px;
color: #000000;
font-style: bold;
font-weight: normal;
font-family: "Montserrat", Times, serif;
}

p {
color: #000000;
line-height: 90% ;
font-style: normal;
font-weight: normal;
font-family: "Montserrat", Helvetica, sans-serif ;
}

.gallerie{

width:100%;
display:flex;
justify-content:space-between;

}

}
.alinea {
text-indent: 20px ;
}

.contenu-un{
  background-color: red;
  width: 100px;
  height: 100px;
  margin: 0;
  display: inline-block;
  font-size:18px;
  transition-duration: 1s;
}

.contenu-un : hover{
  background-color: blue;
  width: 200px;
  height: 200px;
  margin: 0;
  display: inline-block;
  font-size:18px;
  transition-duration: 1s;
}

a:link {
font-size:25px;
font-family: "Writer", Times, serif;
font-weight: normal;
color: #000000 ;
text-decoration : none ;
background-color: none ;
}
a:hover {
font-size:26px;
font-family: "Writer", Times, serif;
font-weight: bold;
color: #000000 ;
text-decoration : line-through ;
}

.droite {
text-align: right;
line-height: 200% ;
}

.interlignage {line-height: 150% ;
}

.alinea {
text-indent: 20px ;
}


#conteneur{

border: 0px solid #000;
width:80vw;
margin-left: auto;
margin-right: auto;


}

.infoindex{
  background-color: #e5114e;
  overflow: hidden;
  height:300px;
  width: 80vw;
  display: inline-block;
  text-align:right;
  border-style: none;
}
body {
background-color: #e5094e;
cursor:crosshair;
}

div{
  border-style: none;
}

}
#header1{
  background-color: white;
  overflow: hidden;
  height:100px;
  width: 400px;
  display: inline-block;
  vertical-align:top;
  border-style: dashed;
  flex: auto;
}

#header5{
  background-color: none;
  overflow: hidden;
  max-height:100px;
  max-width: 100px;
  display: inline-block;
  vertical-align:top;
  border-style: dashed;
  flex: auto;
}

#header4{
  background-color: none;
  overflow: hidden;
  height:200px;
  width: 800px;
  display: inline-block;
  vertical-align:top;
  border-style: none;
}

#header6{
  background-color: none;
  overflow: hidden;
  height:200px;
  width: 400px;
  display: inline-block;
  text-align:right;
  border-style: none;
}

#header2{
  background-color: #;
  height:100px;
  width:100px;
  display: inline-block;
  vertical-align:top;

}
#header3{
  background-color: none;
  height:100px;
  width:100px;
  display: inline-block;
  vertical-align:top;
}

#content{
  overflow: hidden;
  width:1200px;
  display: inline-block;
}

ijmg{
  width:100%;
}
#content2{
  overflow: hidden;
  width:1200px;
  display: inline-block;
}

ijmg{
  width:100%;
}
img{
  width: 400px;
  height: 400px;
}
.div-image {
  width: 400px;
  height: 400px;
  overflow: hidden;
  display:
}

}
.image-zoom {
  transition: 0.5s;
  opacity: 1;

}

.image-zoom:hover {
  transition: 0.5s;
  transform: scale(1.05);
  opacity: 0.7;
}



table {
 border-width:10px;
 border-style:none;
 border-color:black;
 width:50%;
 }
td {
 border-width:10px;
 width:100%;
 }

#image1{
  width: 200px;
  height: 200px;
  overflow: hidden;
  display: inline-block;
}
 .example{
 position:relative;
 padding:0;
 width:400px;
 height:400px
 display: inline-block;
 cursor:pointer;
 overflow:hidden;
 opacity: 1;
 }
 .survol {
 opacity:0;
 font-size: 40px;
 position:absolute;
 top:0;
 left:0;
 color:black;
 background-color:none;
 width:400px;
 height:400px;
 -webkit-transition: all 400ms ease-out;
 -moz-transition: all 400ms ease-out;
 -o-transition: all 400ms ease-out;
 -ms-transition: all 400ms ease-out;
 transition: all 400ms ease-out;
 text-align:center;
 }
 .example .survol:hover { opacity:1; }
 .example .survol .text {
 height:0;
 opacity:1;
 transition-delay: 0s;
 transition-duration: 0.4s;
 }
 .example .survol:hover .text {
 opacity:1;
 transform: translateY(50px);
 -webkit-transform: translateY(50px);
 }




 textflicker{ background: none;
 	       padding: 0em;
 	       font-family: "Writer";
 	       color: none;
 	       font-size: 40px;
 	       line-height: 1;
 	       text-shadow: 0.06rem 0 0.06rem #ea36af, -0.125rem 0 0.06rem #75fa69;
 	       letter-spacing: 0.125em;
 	       animation-duration: 0.01s;
 	       animation-name: textflicker;
 	       animation-iteration-count: infinite;
 	       animation-direction: alternate;
 	}


 	@keyframes textflicker {
 	  from {
 	    text-shadow: 1px 0 0 #ea36af, -2px 0 0 #75fa69;
 	  }
 	  to {
 	    text-shadow: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
 	  }
 	}


 	#effet{ background: none;
 		       padding: 0em;
 		       font-family: "Writer";
           text-decoration: line-trough;
 		       color: black;
 		       font-size: 40px;
 		       line-height: 1;
 		       text-shadow: 0.06rem 0 0.06rem #e5114e, -0.125rem 0 0.06rem #019f8d;
 		       letter-spacing: 1px;
 		       animation-duration: 0,1s;
 		       animation-name: effet;
 		       animation-iteration-count: infinite;
 		       animation-direction: alternate;
 		}
 	}


 	@keyframes textflicker1 {
 		from {
 			text-shadow: 2px 0 0 #e5114e, -2px 0 0 #019f8d
 		}
 		to {
 			text-shadow: 4px 0.5px 2px #e5114e, -2px -0.5px 2px #019f8d;
 		}
 	}