/* Style du site Country Rebell's 32
Développeur : Arthur ROBERT
Association: Country Rebell's 32*/

body { margin: 0 auto; 
		background-image: url('../images/wood.jpg');
		background-size: cover;
	}

div {margin-top: 1%;}

#header {overflow:hidden; 
		position: relative}

#image-header { max-width: 100%; 
				height: auto; }

#logo-header {position: absolute; 
				top: 10px; 
				left: 10px}

#title-header { position: absolute; 
				top: calc(100% - 76px); 
				left: calc(50% - 253px); 
				font-size: 32px;
				color: white;
				font-family: algerianregular, sans-serif; }

/* Menu */

#menu-header { position: absolute; 
				top: 10px; 
				right: 25px;
				font-family: centaurregular, sans-serif; }

#menu-header a {color: white; 
				text-decoration: none;}

#menu { display: none;
		overflow: auto;
		background-image: url('../images/wood-menu.jpg');
		right: 0;
		top: 0;
		margin-top: -5px;
		padding-top: 50px;
		width: 35%;
		height: 100%;
		position: fixed;
		z-index: 1;}

#menu ul, #menu li{ list-style-type: none;
		margin-top: 15%; }

#ListeMenu { font-family: algerianregular, sans-serif; }

#ListeMenu a {color: black;}


#main, #footer {font-family: centaurregular, sans-serif;}

@media screen and (max-width: 425px)
{
	#title-header{ font-size: 20px;
					top: calc(100% - 48px); 	
					left: calc(50% - 160px) }
	
	#logo-header {width: 60px;
				height: auto;}

	#menu { width: auto; }
}

@media screen and (max-width: 320px)
{
	#title-header { top: calc(100% - 70px); }
}

/* Body */
#title-main { font-family: algerianregular, sans-serif;	
				margin-top: 1%;}

.title-main { font-family: algerianregular, sans-serif;	
				margin-top: 1%;}

/* Bouton et lien 
- lien 
- bouton submit */

#link-wood, button[type="submit"] 
			{ background: url('../images/wood-link.jpg');
				background-size: cover;
				background-position: center;
				border: none;
				color: black;
				font-size: 20px; }