a{
	color: #000000;
	font-weight: bold;
}

a:hover{
	color: #666666;
}


*{
	transition: 0.3s;
	
}

*:hover{
	transition: 0.3s;
}


p,h1,h2{
	margin-left: 5%;
	margin-right: 5%;
}

h3+p{
	margin-left: 10% !important;
}

#content>div>*{
	margin-left: 5%;
	margin-right: 5%;
}

#content>div>a+br{
	display:block;
}	

@font-face {
	font-family: "roboto";
	src: url("assets/font/Roboto-Regular.ttf");
}

@font-face {
	font-family: "infini";
	src: url("assets/font/infini/Gras/infini-gras.otf");
}

@font-face {
	font-family: "Luciole";
	src: 
		rc: url("assets/font/Luciole/Luciole-Regular.ttf");
}



html {
   margin: 0px;
   padding: 0px;
}


body{
	background-color : white;
	margin : 0px;
}




*{
	font-family: 'Luciole' , sans-serif ;
}

h1,h2,h3,#logo{
	
	font-family: 'Luciole' , sans-serif ;
}






#banderole{
	padding: 20px;
	height: 120px;  
	background : linear-gradient(#29A9E0, #1D779D);
	//background-color : #1D779D;
}

#banderole div{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
	margin-top: auto;
	margin-bottom: auto;
	height: fit-content;
}



#logo{
	color: white;
	text-decoration: none;
	//font-weight: bold;
	font-size: 60px;
}

#logo:hover{
	color: #cccccc;
}

#logo>img{
	height: 100px;
	margin-bottom: -30px;
	margin-right: 70px;
	margin-left: 70px;
	
}

#nav{
	//height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbbbbb;
	
	margin-bottom: 20px;
	
	padding-top: 15px;
	padding-bottom: 15px;
	
	/*position: -webkit-sticky;
	position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
	position: sticky;
	top: 20px;*/
	
	
	
	
	font-family: 'roboto' , Arial, sans-serif ;
	font-weight:normal;
	font-style:normal;
}



header{
	background-color: #f0f0f0;
}


#nav div{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
	
}

#nav a{
	margin-left: 10px;
	margin-right: 10px;
	
	padding-left: 40px;
	padding-right: 40px;
	
	padding-top: 15px;
	padding-bottom: 15px;
	
	color: black;
	text-decoration: none;
	font-weight: bold;
}

#nav a:hover{
	color: #777777;
}

#past_events:hover{
	color: #777777;
}






/*
.dec-screen{
	padding-left: 50px;
}

.dec{
	padding-left: 50px;
}

*/








#content{
	margin-top : 50px;
	margin-left: 15%;
	margin-right: 15%;
}


#content>h1{
	text-align: center;
}



#content>div{
	margin-top : 40px;

	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bbbbbb;
}


#img-head{
	
	display: block;
	margin-left: auto;
	margin-right: auto;
	height : 200px;
	
	
	margin-top: 60px;
	
}




#planning-flex{
	display: flex;
}

/*
.planning-div:first-child{
	margin-right :20%;
}
*/

.planning-div{
	width:40%;
	display: inline-block;
	margin-right :5%;
	margin-left :5%;
	
	
}


.planning-list{
	padding-left: 30px;
	
}

.planning-list>a{
	padding-left: 30px;
	text-decoration: none;
	font-weight: normal;
}


.planning-event{
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	border-top-color: #bbbbbb;
	padding-top: 10px;
	padding-bottom: 10px;
	
	
}

.planning-event:hover{
	//border-color: #bbbbbb;
	background-color: #f0f0f0;
	color: #000000;
}

.planning-div>h3{
	text-decoration: underline;
}

.planning-event>div{
	padding-left:10%;
}


/*
.planning-div b{
	font-family: 'infini';
}
*/



#first-info{
	padding-top: 30px;
	text-align: center;
	font-weight: bold;
}

#description{
	padding-left: 15%; 
	padding-right: 15%; 
	
}







.image-link{
	border-left-width: 20px;
	border-right-width: 20px;
	border-top-width: 20px;
	border-bottom-width: 20px;
	
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	border-bottom-style: solid;
	
	border-color: white;
}

.image-link:hover{
	border-color: #f0f0f0;
}



#content>div>h1,#content>div>h2{
	text-align: center;
	display: inline-block;
	width:90%
}

.center{
	text-align: center;
	display: inline-block;
	width:100%
}


footer{
	
	margin-top : 50px;
	
	padding-bottom: 30px;
	
	background-color: #f0f0f0;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bbbbbb;
}


#contact{
	margin-top : 30px;
	margin-bottom : 30px;
	text-align: center;
	
}


#admin>a{
	margin-left : 50px;
	color: #aaaaaa;
}

#admin>a:hover{
	color: #888888;
}







.CodeMirror{
	height: max-content !important;
	
	border-width: 1px;
	border-style: solid;
	border-color: #bbbbbb;
}

#modifier{
	border-style: none !important;
	
	display: inline-block;
	position:fixed;
	right: 0%;
	top: 175px;
	width: 15%;
	height: 500px;
}


#modifier>.do{
	width: 70%;
	margin-left: 2px !important;
	margin-right: 2px !important;
}

#modifier>.undo{
	width: 20%;
	margin-left: 2px !important;
	margin-right: 2px !important;
}








li {
  list-style-type: '●';
  padding-inline-start: 1ch;
}


/*
li ul li {
  list-style-type: '■';
  padding-inline-start: 1ch;
}

li ul li ul li {
  list-style-type: '►';
  padding-inline-start: 1ch;
}
*/





td {
    border-top: 1px solid #333;
	border-right: 1px solid #333;
}

table {
    border: 1px solid #333;
}

td,th{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 10px;
}


thead,
tfoot {
    background-color: #777;
    color: #fff;
}






.text-link{
	margin-left: 0% !important;
	margin-right: 0% !important;
}







.previous-next{
	 text-decoration: none ;
	 padding-right: 20px ;
	 padding-left: 20px ;
	
}