body {
	background-position: center top;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}

#content{
	position:relative;
	width:1000px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

p, ul, li{
	margin:0;
	padding:0;
}

.bouton{
	display:inline-block;
	height: 19px; /* 24px */
	padding:0 28px;
	padding-top:3px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-shadow:#333 0.1em 0.1em 0.2em;
   	background: #0071b9;
	background: -webkit-linear-gradient(#0a8ee2, #0071b9);
	background:    -moz-linear-gradient(#0a8ee2, #0071b9);
	background:     -ms-linear-gradient(#0a8ee2, #0071b9);
	background:      -o-linear-gradient(#0a8ee2, #0071b9);
	background:         linear-gradient(#0a8ee2, #0071b9);
	border:1px solid #0071b9;
	border-radius: 5px;
	box-shadow: 1px 1px 6px #959595;
	cursor:pointer;
}

.bouton:hover{
   	background: #0071b9;
}

.bouton:active{
   	background: #0a8ee2;
}

.boutonRetour{
	display:inline-block;
	height: 19px; /* 24px */
	padding:0 18px;
	padding-top:3px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-shadow:#333 0.1em 0.1em 0.2em;
   	background: #45628c;
	background: -webkit-linear-gradient(top, #4c76a8 45%, #45628c 50%);
	background:    -moz-linear-gradient(top, #4c76a8 45%, #45628c 50%);
	background:     -ms-linear-gradient(top, #4c76a8 45%, #45628c 50%);
	background:      -o-linear-gradient(top, #4c76a8 45%, #45628c 50%);
	background:         linear-gradient(top, #4c76a8 45%, #45628c 50%);
	border:1px solid #144683;
	border-radius: 5px;
	box-shadow: 1px 1px 6px #959595;
	cursor:pointer;
}

.boutonRetour:hover{
   	background: #45628c;
}

.boutonRetour:active{
   	background: #4c76a8;
}


/* HEADER */

#header{
	float:left;
	width:1000px;
	height:244px;
/* 	box-shadow: 1px 1px 6px #959595; */	
}

#header img{
	float:left;
}

#menu{
	float:left;
	width:998px;	/* 1000px */
	height:48px;	/* 50px */
	background-color:#f9f9f9;
	border:1px solid #e8e8e8;
}

#menu li{
	float:left;
	list-style:none;	
}

#menu li a{
	float:left;
	padding:0px 30px;
	line-height:48px;
	text-align:center;
	color:#000;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	border-right:1px solid #e8e8e8;
	
}

#menu li a:hover{
	color:#31abdd;
}


/* CONTENU */ 

#contenu{
	float:left;
	width:1000px;	/* 580px */
	height:auto;	/* 355px */
	padding-top:50px;
	font-size:12px;
}

/* LIGHTBOX */

.lightbox {
	z-index:1;
	display: none;  /* On cache la lightbox*/
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	position:fixed;
	background-image:url(../img/fond_popup.png);
}

#lightbox_contenu {
	position:absolute;
	width:550px;
	height:210px;
	left:50%; 
	top:50%;
 /* margin-top: moitié de la hauteur de l'image (cf lightbox.php) */
 /* margin-left: moitié de la largeur de l'image (cf lightbox.php) */
	background-color:#FFF;
	border:3px solid #144683;
	border-radius: 8px;
}

.lightbox_suppr {
	position:relative;
	width:16px;
	height:17px;
	top:10px;
	left:525px;
	background-image:url(../img/suppr.png);
	cursor:pointer;
}

.lightbox_desc {
	padding:20px;
	text-align:justify;
	font-size:12px;
}


/* DIAPORAMA */

#loading{
    display:none;
    width:50px;
    height:50px;
	margin-left:172px;
	margin-top:125px;
    position:absolute;
    background:transparent url(../diaporama/icons/loading.gif) no-repeat top left;
}

#imageWrapper{
	float:left;
	width:395px;
	height:300px;
	background-color:#F00;
}

#imageWrapper img{
    margin:0 auto;
	width:395px;
}

#thumbsWrapper{
	float:left;
	width:395px;
    height:79px;
    overflow-y:hidden;
    background-color:#0F0;
}

#thumbsWrapper img{
    float:left;
    margin:2px;
    display:block;
    cursor:pointer;
}

.cursorRight{
   cursor:url("../diaporama/icons/next.cur"),url("diaporama/icons/next.cur"), default;
}

.cursorLeft{
    cursor:url("../diaporama/icons/prev.cur"),url("diaporama/icons/prev.cur"), default;
}

.cursorZoom{
    cursor:url("../diaporama/icons/plus.cur"),url("diaporama/icons/plus.cur"), default;
}


/* FOOTER */

#footer{
	float:left;
	width:635px;
	height:180px;
}

#footer img{
	margin-left:5px;
}