@charset "utf-8";
/* CSS Document */
body 
{
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	color:#333;
	background-color: #333333;
}

input,textarea
{
	font-family:Arial, Helvetica, sans-serif;
}


ul
{
font-size:0.8em;
}

h1
{
font-family: sans-serif;
text-transform:uppercase;
display: inline;
color:#333;
letter-spacing:0.2em;
font-weight: normal;
font-size:1.2em;
}

h2
{
font-family: sans-serif;
display: inline;
letter-spacing:0.1em;
font-weight: normal;
font-size:1em;
color:#bd985a;
}

h3
{
font-family: sans-serif;
display: inline;
color:red;
font-size:1em;
}

p
{
font-size:0.8em;
}

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

a:visited
{
color:#333;	text-decoration:none;
}

a:hover
{
	color: #bd985a;
	text-decoration:none;
}

img
{
border:0px solid;
}

a.menulien,a.menulien2
{
text-decoration:none;
color:#FFF;
font-size:0.8em;
text-transform:uppercase;
padding-right:5px;
}

a.menulien,a.menulien2
{
text-decoration:none;
color:#FFF;
font-size:0.8em;
text-transform:uppercase;
}

a.menulien:hover
{
text-decoration:none;
color:red;
font-size:0.8em;
text-transform:uppercase;
}

a.menulien2:hover
{
text-decoration:none;
color:#333;
font-size:0.8em;
text-transform:uppercase;
}

td
{
	vertical-align:top;
}

span
{
display: inline;
}

#bloc_pied
{
	margin: auto;
	text-align:center;
	background-color: #333333;
	width:90%;
	color:white;
}

#bloc_contenu
{
	width: 1024px;
	margin: auto;
	background-image:url(../logos/fond.jpg);
	background-repeat:no-repeat;
	background-color:white;
}

#bloc_menu
{
  	margin: auto;
	text-align:center;
	background-color: #FFF;
	width: 1024px;
}

#bloc_entete
{
	background-color: #FFF;
	margin: auto;
	text-align:center;
	width: 1024px;
}

#barmenua
{
	vertical-align:middle;
	width:140px;
	height:26px;
	background:  url(../logos/actif.jpg) repeat top left;
	margin: 0px auto 0px auto;
	padding:0px auto 0px auto;
	text-align:center;
}

#barmenud
{
	vertical-align:middle;
	width:140px;
	height:26px;
	background:  url(../logos/desa.jpg) repeat top left;
	margin: 0px auto 0px auto;
	padding:0px auto 0px auto;
	text-align:center;
}

#barmenud2
{
	vertical-align:middle;
	width:140px;
	height:26px;
	background:  url(../logos/desa.jpg) repeat top left;
	margin: 0px auto 0px auto;
	padding:0px auto 0px auto;
	text-align:center;
}

#barmenud2
{
	vertical-align:middle;
	width:140px;
	height:26px;
	background:  url(../logos/desa.jpg) repeat top left;
	margin: 0px auto 0px auto;
	padding:0px auto 0px auto;
	text-align:center;
}

#barmenud3
{
	vertical-align:middle;
	width:140px;
	height:26px;
	background:  url(../logos/desa.jpg) repeat top left;
	margin: 0px auto 0px auto;
	padding:0px auto 0px auto;
	text-align:center;
}

#barmenud4
{
	vertical-align:middle;
	width:140px;
	height:26px;
	background:  url(../logos/desa.jpg) repeat top left;
	margin: 0px auto 0px auto;
	padding:0px auto 0px auto;
	text-align:center;
}

#barmenud5
{
	vertical-align:middle;
	width:140px;
	height:26px;
	background:  url(../logos/desa.jpg) repeat top left;
	margin: 0px auto 0px auto;
	padding:0px auto 0px auto;
	text-align:center;
}


td.tabnormal
{
	vertical-align:middle;
	width: 100%;
	height:35px;
	background:  url(../logos/fond-menu.png) repeat top left;
	margin: 0px auto 0px auto;
	padding:0px auto 0px auto;
	text-align:center;
}

td.tabnormal2
{
	vertical-align:middle;
	width: 100%;
	height:35px;
	background:  url(../logos/fond-menu3.png) repeat top left;
	margin: 0px auto 0px auto;
	padding:0px auto 0px auto;
	text-align:center;
}

td.tabnormal3
{
	vertical-align:middle;
	width: 1024px;
	height:35px;
	background:  url(../logos/fond-menu4.png) repeat top left;
	margin: 0px;
	padding:0px;
	text-align:center;
}

td.tabover
{
	vertical-align:middle;
	width: 100%;
	height:35px;
	background:  url(../logos/fond-menu2.png) repeat top left;
	margin: 0px auto 0px auto;
	padding:0px auto 0px auto;
	text-align:center;
}


td.tabsep
{
	width: 1px;
	background:  url(../logos/sepmenu.png) no-repeat center left;
}

#tableaudeco
{

height:227px;
}

h2.mini,h1.mini
{
color:#333;font-size:1px;
display: inline;
}

.petit
{
	color:#FFF;
	letter-spacing: 0.2em;
}

a.petit             
{
	padding: 0.3em;
	text-align: center;
	letter-spacing: 0.25em;
	color: #FFF;
	text-decoration: none;
}

a.petit:visited
{

	text-decoration: none;
}

a.petit:hover
{
	margin-bottom: 0;
	padding: 0.3em;
	text-align: center;
	letter-spacing: 0.25em;
	text-decoration: none;
	color: red;
}

#tabresu
{
	text-align: center;
	margin: auto;
	border: 1px solid #327AA5;
	empty-cells: show;
	table-layout: auto;
	border-collapse:collapse;
	vertical-align:top;
	font-size:0.8em;
}

.celresu2
{
	padding-left:3px;
	
}

.celldesactive
{
	text-align: center;
	margin: auto;
	border-collapse:collapse;
	border: 1px solid #327AA5;
	empty-cells: show;
	table-layout: auto;
	background-color: #FFFFFF;
}

.cellactive
{
	text-align: center;
	margin: auto;
	border-collapse:collapse;
	border: 1px solid #327AA5;
	empty-cells: show;
	table-layout: auto;
	background-color: #DCEBFE;
}

div.etiquette
{
background:url(../logos/fond-menu5.png) repeat top left;
border:1px solid #CCC;
padding: 7px;
line-height:25px;
display:inline-block;
color:#FFF;
}

#progress 
{
	padding:1px;
	padding-left:5px;
	padding-right:5px;
	margin:0px;
	border: 1px solid #333333;
	color:#FFFFFF;
	background:url(../logos/fond-menu.png) repeat top left;
	text-align:center;
}

#uploadFrame 
{ 
		display: none;
}


/*^'^ Navigation Structure ^'^*/

.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}

.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}

.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}

li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
left:100%;
}

/*^'^ Primary Items ^'^*/
#nav-container a{
text-decoration:none;
font-size:1.3em;
}

/*^'^ Secondary Items ^'^*/
#nav-container div a, #nav-container ul a{
padding:5px 10px 5px 6px;
background: url(../logos/desa.jpg);
background-repeat: repeat;
font-size:12px;
color:#FFF;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
}

/*^'^ Secondary Items Hover State ^'^*/
#nav-container div a:hover, #nav-container ul a:hover{
padding:5px 10px 5px 6px;
background: url(../logos/actif.jpg);
background-repeat: repeat;
font-size:12px;
color:#FFF;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;;
}