body
{	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center ;
	background-color: #2B2A29;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 15pt;
	color: #F3EDED;
}


h2
{   text-align: left ;
	font-size: 15px ;
	font-weight: bold;
	margin-top: 15px;
	color: #F3EDED;
	padding: 0px 10px;
}

h3
{   text-align: left ;
	font-size: 14px ;
	font-weight: bold;
	color: #F3EDED;
	padding: 0px 0px;
}

td
{	width: 120px ;
	height: 85px ;
	text-align: center;
	vertical-align: middle;
}

table
{	width: 788px ;
	text-align: center;
	vertical-align: middle;
	margin-left: 10px;
}

img
{	border: 0px;
	margin: auto;
}

#page
{	width: 800px ;
	border: 1px solid #606060;
	margin: auto;
	padding: 0px 0px 30px ;
	background-color: #606060;
	text-align: left ;
	margin-top: 25px;
	margin-bottom: 5px;
}

#contenu
{	width: 470px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#contenu-lien
{	width: 470px;
	margin: 50px 0px 0px 10px;
	padding: 0px;
}

#image
{	float:center;
	margin: auto;
	padding-top:10px;
	text-align: center ;
}

#image-auteur
{	width: 302px;
	float:right;
	margin: 0px 0px 0px 0px;
	text-align: right ;
}

#header
{	width: 800px ;
	height: 177px ;
	margin: 0px 0px 0px 0px;
	margin-top: 10px ;
}

#footer
{	width: 800px ;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 11pt;
	font-style: italic;
	text-align: center ;
}

#affich-photo
{	width: 798px;
	margin: 20px 0px 0px 0px;
	text-align: center ;
}


#navigation {
	list-style: none ;
	margin: 0 ;
	padding: 0px ;
	margin-left: 10px ;
	text-align: left ;
	}

#navigation li {
	float: left;
	width: 25px ;
	margin-right: 1px ;
	margin-top: 3px;
	}	

#navigation li a {
	padding: 0px 3px ;
	text-decoration: none ;
	text-align: center ;
	}

#navigation1 {
	list-style: none ;
	margin: 0 ;
	padding: 0px ;
	text-align: left ;
	}

#navigation1 li {
	float: right;
	width: 100px ;
	position: relative;
	margin-right: 1px ;
	margin-top: 5px;
	}	

#navigation1 li a {
	padding: 0px 3px ;
	text-decoration: none ;
	text-align: center ;
	}	
	

#titre
{	width: 700px;
	margin: 0px 0px 0px 90px;
	text-align: left ;
	font-weight: bold;
	color: #F3EDED ;
	font-size: 14px ;
	font-weight: bold;
	padding: 0px 0px;
}

#menu {
	list-style: none ;
	margin: 0 ;
	padding: 4px ;
	margin-bottom: 30px;
	text-align: center ;
	background: #333333 ;
	}

#menu li {
	display: inline;
	margin-right: 1px ;
	color: #666666 ;
	background: #333333 ;
	}	

#menu li a {
	background: #333333 ;
	color: #a7a7a7 ;
	padding: 2px 6px ;
	line-height: 1em ;
	text-decoration: none ;
	text-align: center ;
	font-weight: bold ;
	font-size: 10,5pt;
	font-family: "Courier New",Verdana, Arial, Helvetica, sans-serif;
	}
#menu li a:hover {
	color: #ffffff;
	background-color: #333333 ;
	}

#liste
{	padding-left: 30px;
}

#livre-voir
{	width: 550px ;
	text-align: center ;
	border: 1px solid #FFFFFF ;
	margin: auto;
	padding: 10px;
}

#livre-text
{	width: 500px ;
	background-color: #354785;
	text-align: left ;
	margin: auto;
	margin-bottom: 1px;
	margin-top: 1px;
	padding: 5px;
	line-height: 12pt;
	color: #FFFFFF ;
}

#suite
{	width: 195px;
	float:right;
	margin: 0px 0px 0px 0px;
	position: relative;
	margin-top: 20px;
	text-align: right ;
	color: #FFFFCC ;
}

#prec
{	width: 350px;
	margin: 0px 0px 0px 0px;
	margin-top: 20px;
	text-align: left;
	color: #FFFFCC ;
}

.lien-signer
{	text-align: center ;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #FFFFCC ;
}

.livre-or
{	width: 550px ;
	background-color: #354785;
	border: 1px solid #FFFFCC ;
	margin: auto;
}

.livre-or1
{	width: 275px ;
	text-align: left ;
	height: 10px ;
	color: #FFFFCC ;
	font-weight: bold;
	padding: 5px;
	margin: auto;
}

.livre-or2
{	width: 550px ;
	text-align: center ;
	height: 10px ;
	padding: 15px;
	margin: auto;
}

.livre-or3
{	width: 50px ;
	text-align: left ;
	height: 10px ;
	padding: 0px;
	margin: 0px;
	padding-right: 15px;
}

.livre-or4
{	width: 500px ;
	text-align: left ;
	height: 10px ;
	color: #FFFFCC ;
	font-weight: bold;
	padding: 5px;
	margin: auto;
}

.code-form
{	width: 50px ;
	margin: 0px;
	padding: 0px;
	text-align: left ;
}

.banniere
{	width: 798px ;
	text-align: center ;
}

.ligne
{	margin-top: 50px ;
	margin-bottom: 5px;
	margin-left: 50px ;
	width: 700px ;
	border-top: 1px solid #F3EDED ;
	text-align: center ;
}

.ligne-blanche
{	margin-bottom: 25px;
	margin-top: 5px;
	margin-left: 10px;
	width: 700px ;
	border-top: 1px solid #FFFFFF ;
	text-align: left ;
}

.tuto
{   text-align: left ;
	color: #F3EDED;
	padding: 0px 10px;
}

.news1
{   text-align: left ;
	color: #F3EDED;
	padding: 0px 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.copyright
{	padding-left: 72px;
	padding-right: 72px;
}

.copyright-photo
{	text-align: right;
	padding: 0px;
	margin-top: 0px;
	font-size: 8pt;
}

.der-maj
{	text-align: center;
	padding: 0px;
	margin-top: 0px;
	font-size: 8pt;
	color: #606060;
}

.conception
{	margin-top: 10px ;
	font-style: normal;
	padding-left: 22px;
	padding-right: 22px;
	
}

.contact
{	font-style: normal;
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFCC ;
	margin-bottom: 50px;
	padding-left: 22px;
	padding-right: 22px;
	margin-top: 5px ;
}

.news
{   text-align: left ;
	margin-top: 15px;
	margin-left: 10px;
	font-weight: bold;
	line-height: 12pt;
}

.gras
{	text-align: left ;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF ;
}

.gras-date
{	text-align: left ;
	font-style: normal;
	font-weight: bold;
	color: #FFFFCC ;
	margin-left: 15px;
	margin-right: 20px;
}

.description
{	width: 277px ;
	height: 85px ;
	text-align: left;
	vertical-align: middle;
}

.commentaire
{	width: 600px ;
	height: 30px ;
	text-align: left;
	vertical-align: top;
}

.commentaire1
{	width: 600px ;
	text-align: left;
	vertical-align: center;
}


.lien
{	width: 170px ;
	height: 30px ;
	text-align: left;
	vertical-align: top;
	font-style: normal;
	color: #FFFFCC ;
	text-decoration: underline;
}

.nouv
{   text-align: center ;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 9pt;
	line-height: 8pt;
}

.lienbis
{   text-align: center ;
	margin: 0px 0px 0px 0px;
	line-height: 1pt;
	font-size: 9pt;
}

A.erreur  
{ 	font-family: Helvetica, Verdana; 
	font-size: 13px; 
	color: #FFFFFF; 
	font-weight: bold; 
	background: #ED1015;
}

A:link    
{	color: #FFFFCC; 
	font-weight: normal; 
	text-decoration: none;
	border: none;
}

A:visited 
{	color: #FFFFCC; 
	font-weight: normal; 
	text-decoration: none
}

A:hover
{	color: #FFFFFF; 
	font-weight: normal; 
	text-decoration: underline 
}

.moment{ /*IE method of centering a relative div*/
text-align: center;
}

.moment>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}