/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none}

/* =============================================================================
   My CSS
   ========================================================================== */

/* ---- base ---- */

html,body{ 
	width:100%;
	height:100%;
}

body{
  font-family: 'Amatic SC', cursive;
  font-size: 50px;
  text-align: center;
}

canvas{
  display:block;
  vertical-align:bottom;
}
.indlogo-aslt{
	padding-top: 5%;
}
h2 {
	font-size: 30px;
}
.indsite{
	background-color: rgba(0, 140, 183, 0.1);
	padding: 10px 10px 30px 10px;
	box-shadow: 8px 8px 12px rgb(0, 140, 183, 0.3);
	margin-top: 50px;
	border-radius: 20px;
}
.indexpli{
	font-size: 23px;
	color: #6e6e6e;
}
.indbiling {
	font-size: 18px;
	color: #8e8e8e;
}
.indtrad{
	font-size: 25px;
	color: #008cb7;
}
.indslideText{
	color: #008cb7;
}
a{
	color: #008cb7;
	text-decoration: none;
}
#indcontenair{
	display: flex;
	justify-content: space-around;
}
/*Liens de la classe ".event" avec effets de tirets*/
.indevent { 
  padding: 0 0 5px 0;
  color: #008cb7;
  text-decoration: none;
  letter-spacing: 0.15em;
  display: inline-block;
  position: relative;
}
.indevent:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #008cb7;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.indevent:hover:after { 
  width: 100%; 
  left: 0; 
}
/* ---- particles.js container ---- */

#particles-js{
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #008cb7;
  opacity: 0.5;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
/*FOOTER*/
#indfooter {
   position: absolute;
   padding-bottom: 5px;
   left: 0;
   bottom: 0;
   width: 100%;
   height: auto;
}
#indfooter p {
   text-align: center;
   color: black;
   font-size: 30px;
}
#indfooter a {
	text-decoration: none;
	color: black;
	font-size: 18px;
}
/*Media Query*/
@media all and (max-width: 1024px)
{
	.indtitre {
		font-size: 20px;
		margin-top: -80px;
	}
	.indexpli {
	    font-size: 12px;
	    line-height: 10px;
    }
	.indsite {
		font-size: 20px;
	}
	.indtrad {
		font-size: 18px;
		line-height: 10px;
	}
	#indfooter p {
        font-size: 20px;
    }
    #indfooter a {
    	font-size: 12px;
    }
}