/*---------- 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;
		border-right: 1px dotted red;
		margin-right: 0.4em; padding-right: 0.60em;
		color: #FFF;
	}

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

	nav a {
		text-decoration : none; cursor : pointer;
	}
	nav a:link, a:active, a:visited {
		text-decoration : none;
	}
	nav a:hover {
		text-decoration : none; color : red;
	}


	.rouge {
		color: red;
	}
/*---------- CONTENU  ----------*/

SECTION {
    margin-top: 1em;
}

ARTICLE {
	overflow: auto;
	display:block;
	float: right;
	width: 838px;
	height: 596px;
	border: solid grey 1px;
	text-align: center;
}

ASIDE {
	float: left;
}


.jeu a {
display:block;
width: 190px;
height: 50px;
background:url(../images/boutonsworks2/work5nom.jpg) no-repeat;
color:white;
text-decoration:none;
}
.jeu a:hover {
background:url(../images/boutonsworks2/work5.jpg) no-repeat;
}
.jeu a:active {
background:url(../images/boutonsworks2/work5.jpg) no-repeat;
}

.carnet a {
display:block;
margin-top: 10px;
width: 190px;
height: 50px;
background:url(../images/carnet/boutoncarnetnom.jpg) no-repeat;
color:white;
text-decoration:none;
}
.carnet a:hover {
background:url(../images/carnet/boutoncarnet.jpg) no-repeat;
}
.carnet a:active {
background:url(../images/carnet/boutoncarnet.jpg) no-repeat;
}

.erotica a {
display:block;
margin-top: 10px;
width: 190px;
height: 50px;
background:url(../images/boutonsworks2/work4nom.jpg) no-repeat;
color:white;
text-decoration:none;
}
.erotica a:hover {
background:url(../images/boutonsworks2/work4.jpg) no-repeat;
}
.erotica a:active {
background:url(../images/boutonsworks2/work4.jpg) no-repeat;
}

.craquage a {
display:block;
margin-top: 10px;
width: 190px;
height: 50px;
background:url(../images/craquage/boutoncraquagenom.jpg) no-repeat;
color:white;
text-decoration:none;
}
.craquage a:hover {
background:url(../images/craquage/boutoncraquage.jpg) no-repeat;
}
.craquage a:active {
background:url(../images/craquage/boutoncraquage.jpg) no-repeat;
}

.souris a {
display:block;
margin-top: 10px;
width: 190px;
height: 50px;
background:url(../images/souris/boutonsourisnom.jpg) no-repeat;
color:white;
text-decoration:none;
}
.souris a:hover {
background:url(../images/souris/boutonsouris.jpg) no-repeat;
}
.souris a:active {
background:url(../images/souris/boutonsouris.jpg) no-repeat;
}

.nom {
	float: left;
	font-size: 17px;
	margin-left: 210px;
	font-style: bold;
		letter-spacing: 1px;
	
}

.annee {
	font-size: 16px;
		letter-spacing: 1px;
}

.italic {
	font-style: italic;
}

.technique {
	font-size: 13px;
	letter-spacing: 1px;
}