body
{
}

header
{
	background: url("data/Rainbow.png") center;
	background-repeat: no-repeat;
	height: 257px;
	//border: 1px solid darkblue;
}

nav
{
	//border: 1px solid darkblue;
	width: auto;	
	text-align: center;
}
section
{
	//border: 1px solid black;	
}
.art_impaire
{	
	display: inline-block;
	//border: 1px solid grey;
	text-align: left;
	text-indent: 30px;
	width: 50%;
	margin-left: 15%;
	margin-top: 20px;
	padding: 3px;
	//background-color: #d7d7c3;
	box-shadow: 0px 0px 20px #FFFFCC;
	border-radius: 10px;
	
}
.art_paire
{	
	display: inline-block;
	//border: 1px solid grey;
	text-align: left;
	text-indent: 30px;
	width: 50%;
	margin-left: 15%;
	margin-top: 20px;
	padding: 3px;
	//background-color: #d7d7c3;
	box-shadow: 0px 0px 20px #CCFFFF;
	border-radius: 10px;
	
}
aside
{
}

ul
{	
	display: inline-block;
	//border: 1px solid purple;
	text-align: center;
}
li
{
	display: inline-block;
    width: 150px;
    padding: 5px 10px;
    text-decoration: none;
    //border: 2px solid grey;
    //border-radius: 20px;
    text-align: center;
}	

a
{
	text-decoration: none;
}

p
{
	margin: 0px;
}

.accueil
{
 font-family: "Blck";
 font-size: 25px;
 color: white;
 text-shadow: 0px 0px 3px black;
}

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

.barteam
{
 font-family: "Birdland Aeroplane";
 color: black;
 font-size: 30px;
}

.barteam:hover
{
 font-family: "Birdland Aeroplane";
 color: white;
 text-shadow: 0px 0px 3px black;
 font-size: 30px;
}

@font-face {
    font-family: 'Birdland Aeroplane';
    src: url('data/Birdland Aeroplane.ttf');
}

.lafonk
{
 font-family: "Husky Stash";
 color: black;
 text-shadow: 2px 2px 0px white;
 font-size: 25px;
}

.lafonk:hover
{
 font-family: "Husky Stash";
 color: purple;
 text-shadow: 2px 2px 0px orange;
 font-size: 25px;
}

@font-face {
    font-family: 'Husky Stash';
    src: url('data/Husky Stash.ttf');
}

.videos
{
 font-family: "Billo";
 font-size: 35px;
 color: black;
}

.videos:hover
{
 font-family: "Billo";
 font-size: 35px;
 color: #ebebda;
 text-shadow: 0px 0px 4px white;
}

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

.photos
{
 font-family: "Chocolate Dealer";
 text-shadow: 2px 2px 0px white;
 font-size: 40px;
}

@font-face {
    font-family: 'Chocolate Dealer';
    src: url('data/Chocolate Dealer.otf');
}

.this
{
 font-family: "Groovalicious Tweak";
 text-shadow: -2px 2px 0px pink;
 font-size: 30px;
}

@font-face {
    font-family: 'Groovalicious Tweak';
    src: url('data/Groovalicious Tweak.ttf');
}