/* CSS Document */

<style type="text/css">

body {
background-color:#999999;
background-image:url(images/bg.gif);
}


#titre {
 font-size : 24px; 
 font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
 color : white; 
 text-align: center;
 margin-bottom:0px;
 margin-top:12px;
 font-weight:bold;
 background: #333333;
background-image: url(images/gradient_1.jpg);

 }


 a:link {color: white; text-decoration:underline;}
 a:visited {color: white; text-decoration:underline;}
 a:hover {color:white; text-decoration:none;}


#page { background-color: #666666; width: 750px;  text-align:left; border-color:gray; border-style:dashed; border-width:1px;}

#main { background-color: #434343; width:750px;  text-align:center; padding-top:10px; padding-bottom:10px;}





.menu a:link{
text-decoration: none;
padding: 10px ;
margin-right: 10px;
border-right: 1px solid #778;
color:white;
background: #000000;
font-weight:bold;

display:inlne;

}

.menu a:visited{
text-decoration: none;
padding: 10px ;
margin-right: 10px;
border-right: 1px solid #778;
color:white;
background: #000000;
font-weight:bold;

display:inlne;
}

.menu a:hover{
text-decoration: none;
padding: 10px ;
font-weight:bold;
margin-right: 10px;
border-right: 1px solid #778;
color:black;
background: #ffffff;
display:inlne;
}

#tablist li a:active{
color: black;
background: #CCCCCC;
border-color: black;
background-image: url(images/gradient.jpg);
}




.content
{
	background: #black;
	border-color:gray;
	border-style:solid;
	border-width:2px;
	background-color: black;
	text-align:left;
	padding: 20px;
	margin:20px;
	width: auto;
}



.photo
{
	margin: auto;
	float:none;
	border: thin dashed silver;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}
.textnews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	margin: 5px;
}
.bio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align:justify; 
	line-height:15px; 
}
.titre1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight:bold;
	text-transform:uppercase;
	background-image: url(images/bg_td.gif);
	padding: 3px 10px;
	margin:5px 0px;
	}
.titrenews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
	text-transform:uppercase;
		padding: 0px;
	margin:5px;


}
.titre2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:25px;
}
.style {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #CCCCCC;
}


#bouton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
	background-color: #FFFFFF;
	padding: 3px;
	height: 20px;
	width: 70px;
	border: thin solid #000000;
	float: right;
	margin: 5px;
}

.cover {
background-image:url(images/bg_cover.gif);
padding:10px;
}
.groupe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.aze {
	text-align: center;
}