@charset "UTF-8";
/* CSS Document */



body
{
	margin: 10px 0;
	padding: 0;
	text-align: center;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif;
	/*background-color: black;*/
	background-image: url("images/fondweb.jpg");
	color: #FFF;	
}

#main_wrapper
{
	width: 1000px;
	margin: auto;
	border: 6px solid white;
	background-color: black;
}

#header
{
	/*width: auto;*/
	/*margin: 0 ;*/
	/*display: block;*/
	/*border: 1px solid white;*/
}

nav
{
    width: 800px;
	margin: auto; /*permet de centrer le nav par rapport au main_wrapper*/
    text-align: center;
}

nav ul
{
    list-style-type: none; /*permet de retirer l'image ronde des puces*/
}

nav li
{
    display: inline-block; /*permet de mettre la liste en ligne horizontale*/
}

nav a
{
    font-size: 1.3em;
    color: #fff ;
	font-weight: bold ;
	letter-spacing: 2px ;
	padding: 10px ;
    text-decoration: none;
}

nav a:hover
{
    background-color: #333;
}

nav a:focus
{
	outline: 0 ; 
}

section
{
	width: auto;
	display: block;
}

#texte_intro
{
	margin: 20px 100px;	
}

#mes_photos, #mes_amis
{
    display: inline-block;
    vertical-align: top;
}

#mes_amis ul
{
    /*display: inline-block;*/
	list-style-type: none;
	border: 1px solid white;
	width: 180px;
	/*margin: auto;*/
	height: 533px;
    /*text-align: justify;*/
	overflow: auto;
	padding : 4px;
	/*text-align: center;*/
    /*vertical-align: top;*/
    margin-top: 0;
    /*width: 48%;
    list-style-image: url('images/ico_liensexterne.png');
    padding-left: 2px;*/
}

#mes_amis li
{
    padding : 0 0 4px 0;
}

#mes_amis a
{
    text-decoration: none;
	color: #fff ;
}

#mes_amis a:hover
{
	text-decoration: none;
	color: #C00;
}

.lien_1 {
  font-size: 11px;
  font-weight:normal;
}
a.lien_1:link {
	color:#FFF;
	text-decoration:none
}
a.lien_1:visited {
	color:#FFF;
	text-decoration:none
}
a.lien_1:hover {
	color:#C00;
	text-decoration:none
}
a.lien_1:active {
	color:#FFF;
	text-decoration:none
}




footer
{
	width: auto;
	margin-top: 20px ;
}

footer a
{
	text-decoration: none;
	color: #FFF;
}

footer a:hover
{
    color: #333;
}

footer a:focus
{
	outline: 0 ; 
}