/************************************************************ DÉFINITIONS GÉNÉRALES ************************************************************/
/* GLOBALITÉ DE LA PAGE */
* {
	padding: 0;
	margin: 0;
}

/* BODY */
body {
	background: url(images/fond.gif);
}

div#global {
	width: 763px;
	margin: auto;
	overflow: hidden;
}
/* LIENS */
a { text-decoration: none; }
a img { border: none; }

td {text-align:center;}

/************************************************************ BANNIÈRE ************************************************************/

div#banniere {
	height: 171px;
	background: url(images/header.png);
	font-size: 0;
}

/************************************************************ MENU ***************************************************************/
div#menu {
	height: 55px;
	background: url(images/menu.png);
	text-align:center;
	font-family : "Century Gothic", "Arial", sans-serif;	
}

#menu ul { list-style: none;
padding-top : 14px;
 }
 
#menu li {
	display: inline;
	margin: 0 7px 0 7px;
}

#menu li a {
	font-size: 16px;
	font-style:italic;
	font-weight:bold;
	color: #330099;
}
#menu li a:hover { 
	color: #ffffff;
	cursor: pointer; 
	}

/************************************************************ CONTENU ************************************************************/

div#contenu {
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(images/content.png) repeat-y;
	heigt: auto;
	padding-left:9px;
}


div.content-top {
	margin-top:10px;
	background: url(images/windows-top.jpg);
	width:746px; 
	height:39px;
	font-size:1.2em;
}

div.content-top p 
{
margin-left: 40px;
margin-right: 40px;
padding-top: 15px;
color:#000099;
font-family : "Century Gothic", "Arial", sans-serif;	
}

div.content-middle {
	background: url(images/windows-content.jpg) repeat-y;
	width:746px; 
	height: auto;
	padding-bottom:10px;
	padding-top:20px;
}

div.content-middle p 
{
font-size:0.8em;
color:#ffffff;	
font-family : "Century Gothic", "Arial", sans-serif;
margin-left: 40px;
margin-right: 40px;
padding-top: 20px;		
}

div.content-middle p a
{
	color:blue;
}
div.content-middle p a:hover
{
	color:#0066FF;
	}

div.content-bottom {
	background: url(images/windows-bottom.jpg);
	font-size: 1.2em;
	width:746px; 
	height:37px;
}
.photo {
border : 1px solid white;
padding : 1px;	
}
.photohover {
border : 1px solid #0066FF;
padding : 1px;	
}
.casephoto
{
	text-align:center;
	vertical-align:middle;
	width:33%;
	padding:10px;
}
.case
{
	text-align:center;
	vertical-align:middle;
	padding:5px;
}
.casephoto a 
{
font-size:0.8em;
color:#ffffff;
font-family : "Century Gothic", "Arial", sans-serif;		
}
.casephoto a:hover
{
color:#0066FF;	
}
#smileys img {
    cursor: pointer;
}
.admin
{
text-align:center;
background: url(images/content.png) repeat-y;
font-family : "Century Gothic", "Arial", sans-serif;
}
.admin a
{
	color: black;
}
.admin a:hover
{
	color: #696969;
}
/************************************************************ PIED DE PAGE ************************************************************/

div#footer {
	background: url(images/footer.png);
	font-size: 1.2em;
	width:764px; 
	height:17px;
	margin-bottom:10px;
}