html
{	background-image:url(fond-r.png);
	background-repeat:repeat;
}
body		
	{	width : 100%;
		margin : auto ;
		background-image:url(../images/fond.jpg);
		background-repeat:repeat-y;
		background-position:top right;
		color : #FFFFFF;
		font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
		font-size:14px;
		min-height:750px;
		font-weight:normal;}

p
	{	text-align:justify;	}
	
img
{	border:none;
}

.centre-b /* ajustement du centrage de body */
{	width:900px;
	margin:auto;
	position:relative;
	right:30px;
}
		
/*--------------------------------------------------------------------------------------
-------------------Mise en page---------------------------------------------------------
--------------------------------------------------------------------------------------*/

.logo		/*uniquement pour le logo du haut*/
	{	
		height:147px;
		width:900px;
		background-image:url(logo.png);
		background-repeat:no-repeat;
		margin:0;
		margin-top:10px;
		padding:0;}

.contenu	/*contenu (bordures left/right, marge intérieure)*/
	{	background-color:#525963;
		margin:0;
		margin-top:0;
		padding:0;
		width:850px;
		border:solid 2px #3D444E;
		border-top:none;
		border-bottom:none;
		padding-bottom:0px;
		padding-left:23px;
		padding-right:23px;}

.bas		/*fin du cadre*/
	{	background-image:url(bas.png);
		height:54px;
		width:900px;
		margin-bottom:10px;}
/*------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------
-------------------Menu en onglets------------------------------------------------------
--------------------------------------------------------------------------------------*/	
.menu	{	margin-bottom:20px;
		font-weight:bold;	}

.onglets			/*modification sur le "bloc" ul*/
	{	margin:0;
		list-style-type:none;
		padding:0;
		padding-bottom:21px;	}
		
.onglets li			/*allure générale des onglets*/
	{	float:left;
		margin:0;
		height:17px;
		padding-top:0;
		padding-bottom:0px;
		padding-left:5px;
		padding-right:5px;
		margin-left:5px;
		padding-top:4px;
		border-right:solid 1px #3D444E;
		border-left:solid 1px #3D444E;
		border-bottom:solid 1px #3D444E;
		background-color:#636A73;
		}
.onglets a			/* style du texte du menu */
	{	display:block;
		text-decoration:none;
		font-style:normal;
		font-size:13px;
		color:#333333;	}
.onglets a:hover		/*lien survol*/
	{	color:#FFFFFF;	}
.onglets li:hover		/*onglet survol*/
	{	background-color:#737A83;
		border-top:solid 2px #737A83;	}
	
.onglets li.active	/* onglet actif*/
	{	background-color:#FE001A;
		border-top:solid 3px #FE001A;	}
.onglets li.active a	/*texte actif*/
	{	color:#FFFFFF;	}
/*--------------------------------------------------------------------------------*/


h1			/* titre de séparation */
	{	color:#999999;
		text-align:center;
		font-style:italic;
		background-color:#3D444E;
		font-variant:small-caps;
		padding-left:5px;
		padding-right:5px;
		font-size:32px;	}

h2			/* titre bouton */
	{	text-align:center;
		font-size:18px;
		color:#999999;
		text-decoration:underline;
		font-style:italic;
		font-size:16px;	}
		
h3
{
}

h4
{	font-size:20px;
	font-weight:bold;
	font-style:italic;
	padding-left:20px;
}
		
a
{	color:#CCCCCC;
	font-style:italic;
}
	a:hover
	{	color:#999999;
	}
	
a img
{	border:none;
}

.centre
{	text-align:center;
}

.clear
{	clear:both;
}

.news-acc
{	float:left;
	width:450px;
}
	.news-acc a
	{	text-decoration:none;
	}
	
	.news-acc strong
	{	padding-right:10px;
		font-style:normal;
	}

.img-acc
{	float:left;
	width:400px;
	text-align:center;
}
	.img-acc
	{	display:block;
		margin:auto;
	}
	
.legende
{	font-style:italic;
	font-size:12px;
	text-align:center;
	margin:0;
}

.page /* lien vers les différentes page (news */
{	text-align:center;
}
	.page a /*lien vers les pages */
	{	padding-right : 10px;
		padding-left:10px;
	}
	
.prec
{	float:left;
	width:100px;
	margin:0;
	padding:0;
}
.suiv
{	float:right;
	width:100px;
	padding:0;
	margin:0;
}

table
{	border-collapse:collapse;
}


.portrait /* tableau portrait (mosaique) */
{	width:800px;
	margin:auto;
}

	.portrait td 
	{	width:200px;
		text-align:center;
		border:solid 2px #3D444E;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.portrait img /* image du tableau portrait */
	{	display:block;
		margin:auto;
	}

.img_por /* image "photo d'identité" sur la droite */
{	background-repeat:no-repeat;
	background-position:top right;
}

.moins /* moins épais "Team Haute..." dans les portraits */
{	font-weight:normal;
	font-size:20px;
}

.portrait2 table /* toutes les donénes du portrait */
{	width:850px;
	text-align:justify;
}
	.portrait2 .oui
	{	width:250px;
		text-align:left;
		padding-right:20px;
		font-style:italic;
		text-decoration:underline;
		color:#cccccc;
	}
	.portrait2 td
	{	padding-bottom:10px;
		padding-top:10px;
	}
.por-img img /* images de Amaury *3 */
{	display:block;
	margin:auto;
	margin-bottom:10px;
	margin-top:10px;
}

.calendrier /* tableau pour un calendrier */
{	width:850px;
	text-align:center;
}
	.calendrier tr
	{	line-height:25px;
		border-top:dashed 1px #3D444E;
		border-bottom:dashed 1px #3D444E;
	}
	.calendrier td
	{	padding-left:10px;
		padding-right:10px;
	}

.menu_res
{	float:left;
	width:200px;
	border-right:2px #3D444E solid;
}
	.menu_res ul
	{	margin:0;
		padding-left:0px;
		list-style-position:inside;
	}
	.menu_res ul li ul
	{	padding-left:20px;
	}
	.menu_res li
	{	margin-left:0;
	}
	
.result
{	float:left;
	width:600px;
}
.result p
{	margin-left:20px;
}

.photo-p
{	text-align:center; 
	padding-top:5px; 
	padding-bottom:15px;
}
	.photo-p img
	{	padding-left:5px;
	}
	
.minia
{	width:850px;
	text-align:center;
	vertical-align:middle;
	margin-top:50px;
}
	.minia td
	{	width:106px;
	}
	
.lien
{	float:left;
	width:270px;
	margin-right:13px;
}
	.lien ul
	{	padding-left:15px;
	}
	
label
{	float:left;
	width:200px;
}

.part table
{	width:850px;
	text-align:center;
}
	.part td
	{	padding-left:20px;
		padding-right:20px;
		width:240px;
		padding-bottom:30px;
		margin-top:30px;
	}
	
	.part em
	{	font-size:12px;
	}

.brev_new
{
	color:#FFFFFF ;
	background-color: #FE001A ;
}
	.brev_new:hover
	{
		background-color: #FE4444 ;
	}