/* elements basiques */
html {
	margin: 0;
	padding: 0;
	}
body {
	margin-top: 30px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. */
   	margin-bottom: 10px;    /* Idem pour le bas du navigateur */
   	padding: 0px;
	font-family: arial, verdana, sans-serif;
	color: #54595e;
	background-image: url(../images/theme/bg_body.gif);
   	background-repeat: repeat-x;
	background-color: #656b6e;
	}
p {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
a {
	text-decoration: none;

}

img {
	border: 0 none;
	}

/* div spécifiques */

/*//////////////////////////////////////////////////////////////////////////
				                  HEADER
//////////////////////////////////////////////////////////////////////////*/	
#container_header {
	position: relative;
	margin: 0px auto;
    margin-bottom: 0px;
	width: 800px;
	height: 110px;
   	background-image: url(../images/theme/bg_header.gif);
	background-repeat: no-repeat;
	background-color: #e9eaed;
	}
#logo img{
	margin: 10px 0px 0px 10px;
	}
#container_header h1 {
	position: absolute;
	left: 90px;
	top: 6px;
	margin: 0px;
	padding: 0px;
	width: 495px;
	font-size: 13px;
	color: #1f1616;
	text-align: right;
	line-height: 15pt;
	}
/* ---------------------------------------------------*/
#menu_lang {/* Menu langues */
	position: absolute;
	left: 672px;
	top: 5px;
	margin: 0;
   	padding: 0;
	list-style: none;
	}
#menu_lang li
{
   	float: left;
   	margin-right: 10px;
   	padding: 0px;

}
#menu_lang li a
{
   	display: block ;
   	padding: 7px 8px 7px 9px;
   	margin: 0px;
}
#menu_lang li a img
{
   	position: absolute;
   	width: 23px;
   	height: 17px;
}
/*//////////////////////////////////////////////////////////////////////////
				               Barre de menu
//////////////////////////////////////////////////////////////////////////*/
#container_menu {
	margin: 0px auto;
	padding: 1px 0;
	width: 800px;
	background-image: url(../images/theme/bg_mnu.gif);
	background-repeat: repeat-x;
	background-color: #7f7f7f;
	height: auto;
	overflow: hidden;
	}
#container_menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 8%;
	color: #ffffff;
	font-size: 12px;
	letter-spacing:0.03em;
	}
#container_menu ul li {
	display: inline;
	}
#container_menu ul li a {
	padding: 0.3em 13px;
	background-image: url(../images/theme/bg_mnu.gif);
	background-repeat: repeat-x;
	background-color: #7f7f7f;
	color: #ffffff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #9c9c9c;
	}
#container_menu ul li a:hover {
	background-image: url(../images/theme/bg_mnuhv.gif);
	background-repeat: repeat-x;
	background-color: #8e8e8e;
	color: #dcdcdc;
	}
#container_menu ul li a.on {
	font-weight: bold;
	text-decoration: underline;
	}
.admin {
	float: right;
	}

		
/*//////////////////////////////////////////////////////////////////////////
				           Page principale ACCUEIL
//////////////////////////////////////////////////////////////////////////*/
#container_main {
	margin: 0px auto;
	padding: 1px 0;
	width: 800px;
	height: auto;
	background-image: url(../images/theme/bg_main.gif);
	background-repeat: no-repeat;
	background-color: #e5e8eb;
	overflow: hidden;
	}
#content {
	padding: 35px;
	font-size: 0.8em;
	min-height: 400px; 
	}
#content p {
	margin: 10px 0px;
	padding: 0px;
	text-align: justify;
	}
#content h4 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: center;
	color: #123660;
	}
#content a:link, #content a:visited {
	text-decoration: none;
	color: #83523b;
}
#content a:link.active, #content a:visited.active, #content a:hover {
	color: #123660;
	}	
/*-- Liste ordonnée - Partie A -- */
ol.sectionA {
	margin: 1em 0;
	padding: 0;
	}
.sectionA li {
	margin: 2em;
	padding: 0;
	}	
/*-- Liste de définitions -- */
dl.description {
	margin: 1em 0;
	padding: 0;
	}

.description dt {
	position: relative;
	left: 0;
	top: 1.25em;
	width: 5em;
	}

.description dd {
	margin: 0 0 0 6em;
	padding: 0 0 .5em .5em;
	}
.uppercase {
	text-transform: uppercase;
	}
#content p.centrage {
	text-align: center;
	}
/*-- Tableau - Partie B -- */
table.sectionB {
	border-collapse:collapse;
	width:100%;
	margin: 20px 0px 40px 0px;
	padding: 0;
	}
table.sectionB tr {
	vertical-align: top; 
	}
table.sectionB th {
	border:1px solid #123660;
	text-align: center;
	padding: 4px;	
	}
table.sectionB td {
	border:1px solid #123660;
	text-align: left;
	padding: 4px;
}
.premierecolone {
	font-weight: bold;
	}
.colones {
	text-align: center;
	/*width:12%;*/
	}
.celluleBOLD {
	font-weight: bold;
	color: #333333;
	vertical-align: top;
}
/* SORTTABLE */
table.sortable{border:0; padding:0; margin:0;}
table.sortable td{padding:5px; /*width:120px;*/ border:solid 1px #cccccc;}
table.sortable th{padding:5px; border:solid 1px #cccccc;}
table.sortable thead{background:#e1e1e1; color:#333333; text-align:left;}
table.sortable tfoot{font-weight:bold; }
table.sortable tfoot td{border:none;}
table.sortable dfn{font-style:normal;}

/* --- Barre de recherche --- */
#Submenu { /* Menu recherche de la page spectacle */
	margin: 15px 0px 5px 0px;
	padding: 0px 10px 5px 10px;
	border: 1px solid #9a9a9a;
	font-size: 11px;
	/*padding-left: 10px;*/
	}
#Submenu img { /* Menu recherche de la page spectacle */
	margin: 0px 0px 0px 10px;
	padding: 0;
}
.NbrRecord { /* barre de navigation dans spectacle suivant */
	float: right;
	margin-top: 17px;
	padding: 0px;
	font-size: 10px;
}

#NavigationTop { /* Bandeau de navigation page suivante/précédente dans spectacle - haut */
	font-weight: bold;
	color: #83523b;
	height: 24px;
}

#NavigationBtm { /* style texte/flèches suivante/précédente dans spectacle - bas */
	font-weight: bold;
	color: #83523b;
	margin-top: 10px;
	height: 24px;
}

.NavPrec { /* barre de navigation dans spectacle précédent */
	float: left;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 11px;
}

.NavSuiv { /* barre de navigation dans spectacle suivant */
	float: right;
	padding-top: 5px;
	padding-right: 10px;
	font-size: 11px;
}

.little_input { /* textbox pour le login et mdp aussi pour la barre de recherche */
	width: 75px;
}

/*///////// Form ///////////*/
#monForm
{
	margin: auto; /* Pour centrer notre page */
   	margin-top: 50px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   	padding: 0px;
   	text-align: center ;
	width: 60%;
}
#monForm p
{
	margin: 4px 0;
}
/* Label */
#monForm label
{
	display: block;
	width: 38%;
	float: left;
	padding-right: 1%;
	text-align: right;
	/*letter-spacing: 1px;*/
}
#monForm .form_label_nostyle
{
	background: none;
}
/* Input */
#monForm input, #monForm select
{
	margin-left: 1%;
	width: 46%;
	border: #677D92 1px solid;
}

#monForm input:hover, #monForm select:hover, #monForm input:focus, #monForm select:focus
{
	background-color: #ddeeff;
}

/* button submit */
#monForm input[type="submit"]
{
	border: #677D92 1px solid;
	width: 27%;
	margin-top: 10px;
	margin-left: 40%;
	font-size : 11px;
	background-color: #677D92;
	color: #ffffff;
}

#monForm input[type="submit"]:hover
{
	background-color: #8b96a2;
	font-size : 11px;
	color: #000000;
	cursor: pointer;
}
p.msg_err
{
	color: red;
}
/*//////////////////////////////////////////////////////////////////////////
				                    FOOTER
//////////////////////////////////////////////////////////////////////////*/
#container_footer {
	margin: 5px auto;
	height: 15px;
	width: 800px;
	}
#container_footer p{
	text-align: center;
	font-size: 10px;
	color: #d3d2d3;
		}
#container_footer a:link 
{
	text-decoration: none;
	color: #d3d2d3;
}
#container_footer a:visited
{
	text-decoration: none;
	color: #d3d2d3;
}
#container_footer a:hover
{
	text-decoration: none;
	color: #ffffff;
}