/* ------DESIGN GENERAL------ */ 
  body
  {
  padding:0px;
  margin:0px;
  background:#656463;
  background-image:url('design/background2009.png');
  background-repeat:repeat-y;
  }

   #top
   {
   	background-image:url('design/top2009.png');
   	width:1000px;
   	height:108px;
   }

   #left
   {
   	background-image:url('design/left2009.png');
   	background-color:#d9d9d9;
   	background-repeat:no-repeat;
   	width:157px;
   	height:143px;
   	text-align:center;
   	padding-top:150px;
   	float:left;
   }

   #center
   {
   	background-image:url('design/center2009.png');
   	background-color:white;
   	background-repeat:no-repeat;
   	width:637px;
   	height:162px;
   	float:left;
   	padding-left:10px;
   	padding-right:10px;
   }
   #centre
   {
   	width:1000px;
   }
   #right
   {
   	background-image:url('design/right2009.png');
   	background-color:#211d1d;
   	background-repeat:no-repeat;
   	width:186px;
   	height:763px;
   	float:left;
   }
   

/* ------ELEMENTS------ */ 
.line
{
background: url('design/barre.gif') no-repeat;
width: 350px;
height: 29px;
margin-left: auto;
margin-right: auto;
}
.pariok
{
background: url('design/pariok.gif') no-repeat;
width: 196px;
height: 151px;
float:right;
padding-top:75px;
padding-left: 5px;
padding-right: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
}
.infobulle{
	color: #000000;
	position: absolute;	
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #e5e5e5;
}
.annonce{
	border: 1px solid #99141b;
	background: url('design/fond-menu.gif') ;
}

#cadre { /* taille du cadre, Ó titre d'exemple */
width: 340px;
background-color: #e5e5e5;
}
/* propriÚtÚs communes Ó l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 13px; width: 14px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriÚtÚs spÚcifiques Ó chaque coin */
#hautgauche {
background: url(design/menu_hg.gif);
}
#hautdroit {
float: right;
background: url(design/menu_hd.gif);
}
#basgauche {
background: url(design/menu_bg.gif);
}
#basdroit {
float: right;
background: url(design/menu_bd.gif);
}

/***************************/
/*   BARRE DE NAVIGATION   */
/***************************/

#nav, #nav ul {
  z-index:1000;
	float: left;
	list-style: none;
	line-height: 1.5em;
	font-weight: bold;
	padding: 0;
	border: solid #b1b1b1;
	border-width: 0px 0;
	margin: 0 0 0 0;
	margin-left:230px;
	margin-top:5px;
	_margin-left:100px;	
}

#nav a 
{
	display: block;
	/*
	width: 107px;
	w\idth: 107px;
	*/
	text-decoration: none;
	padding: 0em 0em;
	text-align: center;	
}
#nav .onglet{
  color: white;
}

#nav li {
	float: left;
	padding: 0;
	width: 80px;
	text-align:center;
}

/*
.onglet{
  background-image: url('design/onglet.gif');
  width: 150px;
  height : 31px;
}
*/
#nav li ul { /*tout navigateur*/
	position: absolute;
	left: -999em;
	height: auto;
	width: 172px;
	font-weight: normal;
	border-width: 0px;
	margin: 0;
	margin-left:-3em;
	padding-top : 5px;
	background-image: url(design/encart.gif);
	background-color: white;
	background-repeat: no-repeat;
}

html>body #nav li ul { /* hack navigateur moderne (firefox + IE7)*/
	margin-left:0em;
}

*:first-child+html #nav li ul{ /*hack que pour IE7*/
	margin-left:-3em;
}

html>body #nav li ul li ul{
	margin-left:13em;
}


*:first-child+html #nav li ul li ul{
	margin-left:13em;
}

#nav li li {
	padding-right: 1em;
	padding-left: 1em;
	width: 12em;
	text-align:left;
}
#nav li ul a { /*IE6*/
	width: 12em;
}
html>body #nav li ul a{ /*IE7+mozilla*/
	width: 12em;
}


#nav li ul ul {
	margin: -1.55em 0 0 13em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;		
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;

}


#nav li:hover{
font-weight: bold;
}

/*
#menu{
	min-width: 800px;	
	height: 2em;
	margin-left: 10px;
	margin-right: 10px;
}


#Namelogin{
	float: right;
	margin-right: 20px;
}
*/

#nav li:hover, #nav li.sfhover {
	background: transparent;
}



/* ------ PAGE ACCUEIL------ */ 
#tout
{
/*width:700px;*/
}
#nouveautes
{
float:left;width:400px;
}
#news
{
float:left;width:350px;
/* background: url("design/barre_verticale.gif"); */
background-repeat: repeat-y;
margin:0px;
}


#tableau 
{
width:100%;
float:left;
}

.spacer
{
clear:both;
}
fieldset
{
border:0px;
}

.img_png, .image_typo, .spip_logo, .format_png 
{
	behavior: url("win_png.htc");
	padding: 2px;
}

/* ------FORMATAGE DU TEXTE------ */ 

h2 {
text-indent:-5000px;
height:44px;
background-repeat:no-repeat;
margin:0px;
}

h3 {
text-indent:-5000px;
height:40px;
background-repeat:no-repeat;
margin:0px;
}

a:link, a:visited , a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a:link , a:visited{
    color: #c9000b;
}
a:hover {
    color: #7f0f15;
}
a img
{
border:0px;
}

h1
{
padding:0px;
margin:0px;
font-size: 0px;
visibility: hidden;
}

.spip_form_champ
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
text-align:left;
margin-left:120px;
}
input {
border:1px solid black;
background-color:#e5e5e5;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
color:#000000;
margin-top:5px;
}
select, option {
background-color:#e5e5e5;
color:#000000;
}
textarea {
margin-top:5px;
border:1px solid black;
background-color:#e5e5e5;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
color:#000000;
width:400px;
height:70px;
} 
p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
/* margin-left:10px;
margin-right:10px; */
margin-top:2px;
margin-bottom:2px;
}
table
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
text-align:left;
margin-top:2px;
margin-bottom:2px;
}
.centrer
{
text-align:center;
margin:0;
}
.hierarchie, .spip_form_label_obligatoire, .spip_form_label_details
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
margin-left:10px;
text-align:justify;
}
.erreur
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
margin-left:10px;
text-align:justify;
color:red;
}
.imageDoc
{
margin: 5px;
padding:5px;
}
.spip_logos
{
margin:5px;
}

li
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
display:list-item;
}


/* ------MENU DU HAUT------ */ 
/*
ul#menu {
  padding-left:120px;
	height: 20px;
	text-decoration: none;	
}
ul#menu li{
float:left;
 padding-left:0; 
list-style:none;
margin-left:0px;
}

ul#menu li a{	
	display: block;
	height: 59px;
	font-size:0px;
	color:#ffffff;
}
*/
#panel1b {background-image: url("design/menu-accueil.gif");width:60px; height:71px; text-indent:-5000px;} 
#panel2b {background-image: url("design/menu-agencement.gif");width:79px; height:71px;text-indent:-5000px;} 
#panel3b {background-image: url("design/menu-cac.gif");width:60px; height:71px;text-indent:-5000px;} 
#panel4b {background-image: url("design/menu-services.gif");width:60px; height:71px;text-indent:-5000px;}
#panel5b {background-image: url("design/menu-formation.gif");width:69px; height:71px;text-indent:-5000px;}