/*---------- RESET  ----------*/
	/* --  mise a zero des feuilles de style par defaut des navigateurs */
	* {margin: 0; padding: 0;
	}

	/* -- suprime les bords pour les images liens (evite le bord bleu de Internet Explorer)  */
	a img { 
	border: 0;
	}

/*---------- STYLES DE BASE  ----------*/



    @font-face { 
    font-family: 'lane';
    src: url('lane.ttf');
    }
 
 	/* -- suprime le soulignement de tous les liens  */
	a {
	text-decoration: none;
	}


    .contener {
    font-family: 'lane', Arial, serif;
    }
/*---------- styles du CONTENER  ----------*/
	.contener {
		width: 1050px;
		margin-right: auto;
		margin-left: auto;



	}

/*---------- ENTETE  ----------*/

.merigaud {color: red; font-style: normal;
}
	HEADER {
		font-size: 55px; color: orange;
		margin-top: 74px; 
		padding-left: 28px; 
	}

/*---------- NAV  ----------*/
	


	nav {
		font-size: 22px;
		padding: 0em 0em 0em 28px;
		margin-top: 7px;
	}

    nav a{
		 color: orange;
	}

	nav li {
		display: inline;
		margin-right: 0.5em; padding-right: 0.81em;
		
	}

    nav li.fin {
		border-right: 0;
	}

/*---------- CONTENU  ----------*/


SECTION {
    margin-top: 13px;
}

.femme a {
display:block;
width:500px;
height: 596px;
background:url(../images/home/dame.jpg) no-repeat;
color:white;
text-decoration:none;
}
.femme a:hover {
background:url(../images/home/dame+assiette.jpg) no-repeat;
}
.femme a:active {
background:url(../images/home/dame+assiette.jpg) no-repeat;
}


.homme a {
display:block;
float: right;
width:500px;
height: 596px;
background:url(../images/home/homme3.jpg) no-repeat;
color:white;
text-decoration:none;
}
.homme a:hover {
background:url(../images/home/homme+assiette2.jpg) no-repeat;
}
.homme a:active {
background:url(../images/home/homme+assiette2.jpg) no-repeat;
}