/*Toute la page*/
*
{
margin:0;
padding:0;
}

 body
{
background-color:#d4d1d2;
}

img 
{
border:none;
}

#conteneur
{
width:840px;
height:850px;
margin:auto;
background-image:url('../images/conteneur.gif');
background-repeat:no-repeat;
}

/*Haut de page*/

	/*Header (logo)*/
#header
{
width:840px;
height:200px;
} 

#header img
{
position:relative;

}
	
#barre_bas
{
width:650px;
height:0px;
margin-left:75px;
border-top:1px solid #c0c0c0 ;
}

#fil_ariane
{
margin-top:2%;
margin-left:1%;
font-size:12px;
font-family:"Trebuchet MS", Arial,Verdana,serif;
color:#C0C0C0;
}

	/*Menu*/
#menu
{
width:750px;
height:25px;
margin-left:30px;
border-top:1px solid #c0c0c0;
}

#menu ul li
{
float:left;
padding-left:15px;
list-style:none;
}

#menu ul li a 
{
font-size:16px;
font-family:"Trebuchet MS", Arial,Verdana,serif;
color:#C0C0C0;
font-variant:small-caps;
text-decoration:none;
padding-right:15px;
}


#menu a:hover 
{
color:#FFFFE0;
color:red;
text-decoration:underline;
}

#menu a:active
{
color:red;
}

/*Corps de texte*/
#main
{
width:840px;
height:600px;
}

#p1
{
margin-top:3%;
margin-left:15%;
margin-bottom:2%;
width:590px;
height:155px;
}

#p1 p
{
font-size:16px;
font-family:"Trebuchet MS", Arial,Verdana,serif;
color:#C0C0C0;
padding-left:1%;
text-indent:20px;
text-align:justify;
}

#videos
{
margin-left:30%;

}

#p2
{
width:590px;
height:70px;
margin-left:15%;
margin-top:3%;
}

#p2 p
{
font-size:16px;
font-family:"Trebuchet MS", Arial,Verdana,serif;
color:#C0C0C0;
padding-left:1%;
text-indent:20px;
text-align:justify;
}

#citation
{
width:840px;
height:20px;
margin-left:15%;
margin-top:1.5%;
}

#citation p
{
font-size:16px;
font-family:"Trebuchet MS", Arial,Verdana,serif;
color:red;
}


/*Bas de page*/

#footer
{
text-align:center;
}

#footer p
{
font-family:"Comic sans MS", Arial,Verdana,serif;
font-size:14px;
}