/* Start of CMSMS style sheet 'CSS-SITE-BASE' */
/*#############################################################

Name: Beautiful Night

Date: 12-01-2007

Description: A darker version of beautiful day by arcsin design

Original template Author: Viktor Persson URL: http://templates.arcsin.se
Modifications by: Rowan Cumming

ATTENTION : sans HEADER-LEFT et sans CONTENT définis en feuilles séparées

#############################################################*/



/* standard elements */

html {min-height: 100%;}



* {
	margin: 0;

	padding: 0;
}

a {color: #FF7800;
     text-decoration: none;}

a:hover {color: #333399;}



body {

	background: #FFF url(uploads/BeautifulNight/bg6.jpg) repeat-y top;
       
	margin-top: -20px;

	color: #444;

	font: normal 62.5% Tahoma,sans-serif;

}


p,code,ul {padding-bottom: 1.2em;}



li {list-style: none;}



h1 {

	font: normal 1.8em Tahoma,sans-serif;

	margin-bottom: 4px;

}



code {

	background: #FFF;

	border: 1px solid #EEE;

	border-left: 6px solid #C1CAD3;

	color: #666;

	display: block;

	font: normal 1em Tahoma,sans-serif;

	line-height: 1.6em;

	margin-bottom: 12px;

	padding: 8px 10px;

	white-space: pre;

}



blockquote {

	background: url(uploads/BeautifulNight/quote.gif) no-repeat;

	display: block;

	font-weight: bold;

	padding-left: 28px;

}



h1,h2,h3 {padding-top: 6px;}



/* misc */

.clearer {clear: both;}



.left {float: left;}



.right {float: right;}



/* structure */

.container {

	background: #F7F7F2;

	font-size: 1.2em;

	margin: 0 auto;

	padding: 0 10px 10px;

	width: 800px;

}



/* header      ATTENTION .header .left est défini en CSS séparé par catégorie pour bandeau particularisé */

.top {

	background: url(uploads/BeautifulNight/stars.png) repeat-x;

	padding: 40px 10px 0;

}


/* title                     	background: #E2EDF1;   */

.header {

        background: #F7F7F2;

	font-size: 1.2em;

	height: 150px;

	margin: 0 auto;

	padding: 10px 10px 5px;

	width: 800px;

}

.header .left, .header .right {

        background: url(uploads/BeautifulNight/bg_header_right.jpg) no-repeat;  

	color: #FFF;

	height: 150px;	

}

/*  ICI ETAIT : .header .left        Pour le right  .header .right = background:#D2DBE8;*/


.header .right {

	overflow: auto;

        background: url(uploads/BeautifulNight/bg_header_right.jpg) no-repeat;  

	width: 218px;

}

.header .right p,.header .right h2 {

       padding: 0 16px;

       font: normal 1em "Trebuchet MS",sans-serif;

       color: #000050;

}

.header .right h2 {

     padding-top: 2px; 

     font: normal 1.6em "Trebuchet MS",sans-serif; 
}



/* NAVIGATION  bg 0D9E1E5 url(uploads/BeautifulNight/navjo.gif repeat-x)*/


.navigation {	

	background: url(uploads/BeautifulNight/navjo.gif) repeat-x;

	border: 1px solid #DFEEF7;

	border-color: #DFEEF7 #CFDEE7;

	height: 41px;

}

.navigation a {

	background: url(uploads/BeautifulNight/navjo.gif) repeat-x;

	border-right: 1px solid #AFBEC7;

	color: #FFF;

	display: block;

	float: left;

	font: bold 1.2em sans-serif;

	line-height: 41px;

	padding: 0 20px;

	text-decoration: none;

}


.navigation a:hover {background-position: left bottom; color: #000040;}


/* main url(uploads/BeautifulNight/bgmain.gif) repeat-y;              #F7F7F2*/

.main {

	border-top: 6px solid #FFF;

	background: url(uploads/BeautifulNight/bgmain.gif) repeat-y; 

}



/* SUB NAVIGATION  5A5A43*/

.sidenav {
	margin-top: 0px;
	float: right;
	width: 218px;
	background:#D2DBE8;

}

.sidenav h2 {

	color: #FF7800;

        background-color: #D2DBE8;

	font-size: 1em;

	line-height: 20px;

	margin: 0;

	padding-left: 12px;

}

.sidenav ul {

	padding: 0;

	border-top: 1px solid #EAEADA;


}

.sidenav li {border-bottom: 1px solid #EAEADA;}

.sidenav li a {

	font-size: 1.1em;

	color: #000040;

	display: block;

	padding: 5px 0 5px 5%;

	text-decoration: none;

	width: 95%;

}

.sidenav li a:hover {

	background: #ebf6e6;

	color: #654;	

}

.sidenav .image {
	width:210px;
	}
.image {
	width:100%;
	}


/* FORMBROWSER */

.pagetable {
  background-color: #FFF;
  color: #;
  border-collapse:collapse;
  text-align:center;
  width:85%;
 }




/* FORMAT DE TABLEAU */ 

 th {
 background-color: #000040;
 color: #FFF;
 }

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


/* footer */

.footer {

	background: url(uploads/BeautifulNIght/bgfooter.gif) repeat-x;

        background-color: #F5E0C0;

	color: #000000;

	margin-top: 20px;

	font: 0.9em sans-serif;

	line-height: 24px;

	text-align: center;

}

.footer a,.footer a:hover {color: #0000CC;}

/* End of 'CSS-SITE-BASE' */