@font-face{font-family:'seguiemj'; src:url('img/seguiemj.ttf');}

*{margin:0px; padding:0px; font-family:seguiemj;}

a{text-decoration:none;}

body{background:url('img/bg.jpg') fixed; background-size:cover;}
.corpus{max-width:1000px; margin:auto;}

header, section, footer{background:seashell; padding:30px;}

header *{color:goldenrod;}
	header div{display:inline-block;}
	header h2 a{text-decoration:underline;}
	
	nav{float:right;}
	.navi{width:95px; height:95px; background:navy; border-radius:50%; margin:0px 3px; text-align:center; transition:0.15s;}
	.navi p{display:block; margin-top:33px; color:white; font-weight:bold; text-transform:uppercase;}
	.navi:hover{background:thistle; transition:0.15s;}
	#star{display:inline-block; vertical-align:top; width:75px; margin:0px;}
	
.intermede{height:450px; background:url('img/bgvoyance.jpg'); background-size:cover;}
.intermedes{height:250px; background:url('img/bgcouple.jpg') center; background-size:cover;}
	.intermede p{text-align:center; padding-top:120px; font-size:1.6em; font-weight:bold; color:white; text-shadow:1px 1px 1px black;}

#deroul{max-height:500px; overflow:auto; padding:10px 0px; box-shadow:inset -9px -5px 8px grey;}
	#deroul h2{text-align:center;}
	#deroul h2 a{border-top:1px solid magenta}
	
section{font-size:1.1em; padding:20px 40px; min-height:300px;}	
	section h1{text-align:center; padding-bottom:20px;}
	section h2{}
	section h3{background:rgb(230,130,170); padding:0.25em;}
	section h4{background:rgb(170,170,230); padding:0.25em;}
	section p{text-align:justify; margin:15px 0px;}
	section img{max-width:100%;}
	section ul, section ol{margin-left:1.5em;}
	
	
	footer{background:rgba(250,250,250,0.3); margin-top:50px; display:flex; justify-content:space-between;}

#planning{background:url('img/bgstar.jpg') center; background-size:cover; height:1100px; border-bottom:15px solid yellow;}
		@media screen and (max-width:640px){#planning{min-height:2000px;}}


.un, .dos{text-align:center; margin:40px 0px; overflow:hidden;}
.un a, .dos a{color:deepskyblue;}
	.un a:hover, .dos a:hover{color:magenta;}
.un strong, .dos strong{border-bottom:1px solid magenta;}
.un img, .dos img{display:inline-block; max-width:25%; border-radius:15px; box-shadow:1px 3px 5px black;}
.un p, .dos p{display:inline-block; max-width:60%; padding:0px 50px; vertical-align:top; margin-top:2%; font-size:1.4em; color:deepskyblue; text-shadow:0px 0px 0px black;}
	.un{text-align:left;}
	.dos{text-align:right;}
	.dos img{float:right;}
	
#hallofame div{display:inline-block; width:250px; height:auto; border:10px solid rgb(180,180,180); box-shadow:1px 1px 0px rgb(50,50,50),2px 2px 0px rgb(50,50,50), 3px 3px 4px black; margin:10px;}
	#hallofame div img{max-width:100%;}
	#hallofame div p{text-align:center; background:antiquewhite; margin:0px; padding:10px 0px;}
	
	.imgc{display:block; max-width:100%; margin:20px auto 25px auto; border-radius:15px; box-shadow:1px 3px 5px black;}
	.imgd{float:right; margin:15px 0px 15px 15px; border-radius:3px;}
	.imgg{float:left; margin:15px 15px 15px 0px; border-radius:3px;}
	.illu{float:right; margin:15px 0px 15px 15px; text-align:center; color:rgb(80,80,80);}

#num{float:right; width:220px; margin-bottom:-7px;}
	
	@media screen and (max-width:640px)
	{
	
	nav{float:none; text-align:center; margin-top:30px;}
		.navi{margin:0px 20px;}

	.imgd{float:none; display:block; max-width:90%; margin:25px auto; border-radius:3px;}
	.imgg{float:none; display:block; max-width:90%; margin:25px auto; border-radius:3px;}
	.illu{float:none; margin:15px 0px 35px 15px; text-align:center; color:rgb(80,80,80);}

	
	.un img, .dos img{display:block; max-width:100%; margin:auto;}
	.un p,  .dos p{display:block; max-width:80%; text-align:center;}
	.dos img{float:none;}
	
	#hallofame div{max-width:40%; height:auto;}

	}