/* ----- GENERAL ----- */

	BODY
	{
		margin: 0;
		padding: 0;
		font-size: 14px;
		font-family: Tahoma, Arial;
		background-color: #262626;
		background: url("images/fond.png")
			repeat;		
		color: #000;
	}
	#conteneur
	{
		width: 782px;
		margin: 0 auto auto auto;
		padding: 0;
		border: 0;
		background-color: #fff;
	}		
	#header
	{
		width: 100%;
		height: 65px;
		background: url("images/interface.png")
			no-repeat left top;		
	}
	#corps, #menu
	{
		background: url("images/interface-corps.png")
			repeat-y left top;
		padding: 5px;
		padding-right: 40px;
		padding-left: 40px;
	}
	#footer, #menu_bas
	{
		width:100%;
		height: 50px;
		background: url("images/interface.png")
			no-repeat left bottom;
		padding: 0;
	}
	#footer .mentions, #footer .logos
	{
		display: block;
		position: relative;
		top: 30px;
		font-size: 0.8em;
		color: #5174ff;
		text-align : center;		
	}
	#footer .logos { margin-top:5px;}
	#menu_bas .version
	{
		position: relative;
		top: 11px;
		left: 11px;
		width: 30px;
		height: 30px;
		border: 0;
		text-align: center;
		font-size: 0.75em;
	}

/* ----- LICENCE VIRTUELLE ----- */	

	#licence
	{
		width: 400px;
		height: 200px;
		margin-left: auto;
		margin-right: auto;
		background: url("images/licence-virtuelle.png")
			no-repeat left top;
		border: 0;
		padding: 0;
		text-align: left;
		line-height : 15px;
		z-index:1;
	}
	#licence SPAN
	{
		position: relative;
		display: inline;
		float: left;
		height: 15px;
		font-variant: small-caps;
		margin: 0;
		padding: 0;
		line-height : 12px;
	}
	
/* ----- MENU ----- */	

	ul#menu_horizontal, ul.menu_horizontal {
		list-style-type : none;
		position : relative;
		width : 100%; 
		height : 20px;
		margin : 0 0 -15px 0;
		padding : 0;
	} ul.menu_horizontal {
		border-top : 1px solid #000099;
		border-bottom : 1px solid #000099;
		margin: 15px 0 15px 0;
	}
	 
	ul#menu_horizontal li,ul.menu_horizontal li {
		padding : 0 0.5em;
		line-height : 20px;
	}
	 
	ul#menu_horizontal li.bouton_gauche, ul.menu_horizontal li.bouton_gauche {
		float : left;
	}
	 
	ul#menu_horizontal li.bouton_droite, ul.menu_horizontal li.bouton_droite {
		float : right;
	}
	 
	ul#menu_horizontal a, ul.menu_horizontal a {
		color : black;
		text-decoration : none;
		padding : 0 0.5em; 
	} ul.menu_horizontal a{
		color : #000099;
	}
	 
	ul#menu_horizontal a:hover, ul.menu_horizontal a:hover { text-decoration : underline; }
	
	li#nouveau a
	{
		color: #CC0000;
	}

/* ----- LIENS ----- */	

	a
	{
		font-variant: small-caps;
		color: #00099;
		text-decoration: none ;	
	}		
	a:hover, a:focus, a:active
	{
		text-decoration: underline;	
	}

/* ----- CORPS ----- */	

	.titre
	{
		display: block;
		font-size: 1.25em;
		font-weight: bold;
		font-variant: small-caps;
		text-align: center;
		color: #000099;
		margin-bottom: 5px;
	}
	.titre .soustitre
	{
		display: block;
		font-size: 0.8em;
	}
	.paragraphe
	{
		display: block;
		margin-top: 15px;
		text-align: justify;
	}
	.paragraphe .lettrine
	{
		float: left;
		line-height: 0.6em;
		font-size: 1.5em;
		margin-top: 2px;
		font-weight: bold;		
	}
	.alinea
	{
		display: block;
		margin-left: 25px;			
	}
	.complement, .erreur
	{
		display: block;
		margin-left: 25px;
		font-size: 0.9em;
		color: #5174ff;
		font-style: italic;
		border-left: 3px solid #5174ff;
		padding-left: 2px;
	}
	.erreur {
		color: #CC0000;
		border-color: #CC0000;
	}
	.centrer
	{
		display: block;
		text-align: center;
	}

/* ----- PUBLICITE ----- */	

	.grande_pub
	{
		display: block;
		width: 400px;
		margin: 20px auto 15px auto;
		text-align: center;
	}

	.fb_box
	{
		display: block;
		width: 600px;
		margin: 20px auto 15px auto;
		text-align: center;
	}

/* ----- TABLEAUX ----- */	

	TABLE
	{
		width: 670px;
		margin: 10px auto 10px auto;
		padding: 0;
		border: 2px solid #000099;
		border-collapse: collapse;
		text-align: center;
	}
	TH
	{
		padding: 0;
		border: 1px solid #000099;
		border-top: 0;
		border-left: 0;
		background-color: #5174ff;
		font-size: 1.1em;
		font-weight: normal;
		font-variant: small-caps;	
	}
	TD
	{
		padding: 0;
		border: 1px solid #5174ff;
		border-top: 0;
		border-left: 0;
		font-size: 0.9em;
	} TD.video_desc {
		padding: 2px;
		text-align: left;
	}
	TR.homme { background-color: #CEDAFF; }
	TR.femme { background-color: #EAC6FF; }
	TR:hover { background-color: #FFE7AD; }

/* ----- FORMULAIRES ----- */	

	FORM
	{
		text-align: center;
	}
	LABEL
	{
		width: 200px;
		height: 20px;
		display: block;
		float: left;
		text-align: right;
		margin-left: 146px;
		margin-right: -146px;
	}
	INPUT, SELECT
	{
		width: 200px;
		height: 20px;
		border: 1px solid #5174ff;
		background-color: #fff;
		color: #5174ff;
		text-align: left;
		margin-bottom: 3px;
		margin-top: -1px;
	}
	INPUT:focus
	{
		border-left-width: 3px;
		width: 198px;
	}
	INPUT.bouton, INPUT.bouton:focus
	{
		width: 100px;
		text-align: center;
		background-color: #FFE7AD;
		border: 1px solid #5174ff;
		color: #000099;
	}