body {
width:100%;
margin: 0;
padding:0;
background-image:url(../IMG/site/degrade_haut.gif);
background-repeat:repeat-x;
text-align:justify;
font-style: verdana, helvetica, arial, sans serif;
font-size:0.85em;
color:#000000;
background-color:#cccccc;
}

#top { height:20px; background-color:#1A1A1A; border-bottom:1px solid #5A5A5A;}
#title{ font-size:22px; color:#CCCCCC;}

a {
color:#4F4F4F;
font-weight:bold;
text-decoration:none;}

ul.spip  {
margin: 0;
padding:0;
list-style-position:inside;
}

li.spip  {
margin: 0;
padding:0;
list-style-position:inside;
}

ul.spip li.spip {
margin: 0;
padding:0;
}

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

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

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

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


a:hover {
color:red;
font-weight:bold;
text-decoration:underline;}

.nettoyeur {
clear:both;}

br.nettoyeur {
clear:both;}

#sous_entete {
position:relative;
width:967px;
margin:auto;
margin-top:0;
padding:1px 0 0 0;
font-size:1.10em;
/*border:1px dashed blue;*/}

#entete {
width:968px;
margin:auto;
margin-top:0;
height:0;
/*border:1px solid blue;*/
}


#fond_de_page {
width:100%;
margin:140px 0 0 0;
padding-left: -1px ;
height:500px;
background-image:url(../IMG/site/fond_raye.gif);
background-repeat:repeat-x;
background-color:#cccccc;
}

#logo {
float:left;
margin:20px 0 0 40px;
width:32%;
height:94px;

}

h1.titre {
font-size:1.4em;
width:95%;
text-decoration:none;
margin-bottom:0;
padding-bottom:0;
color:#DC0000;
}



h1 {
font-size:1.3em;
margin-top:0;
padding-top:0;
color:#EF0000;
}

h2 {
margin-top:0;
padding-top:0;
color:#EF0000;
font-size:1.2em;
}

h3 {
margin-top:0;
padding-top:0;
color:#2F2F2F;
font-size:1.1em;
}


h2.okki {
margin:0;
font-size:1.1em;
color:#ea9999;
}

a.titre {
text-decoration:none;
color:#333333;
}

a.titre:hover {
text-decoration:underline;
color:#DC0000;
}

hr.entete {
color:#ea9999;}

#groupe_okki {
float:right;
color:#ea9999;
width:32%;
margin:20px 40px 0 20px;
font-size:0.8em;
}

#menu {
width:968px;
margin:auto;
padding:0 1px 0 0 ;
margin-top:-1px;
height:60px;
background-image:url(../IMG/site/fond_menu.gif);
background-repeat:no-repeat;
font-size:0.85em;
}

#page {

width:968px;
margin:auto;
margin-top:-42px;
padding:0 1px 0 0;
min-height:500px;
background-image:url(../IMG/site/fond_page_haut.gif);
background-repeat:no-repeat;
}

#conteneur{
width:899px;
margin:22px 0 0 33px;
min-height:500px;
padding:0 1px 0 0;
background-color:#ffffff;

}

#contenu_sommaire {
background-color:#ffffff;
width:100%;
}

.chapo {
font-size:1.1em;
color:#4f4a4a;
font-weight:bold;
text-align:justify;
padding:0 15px 10px 0;
}

/********* moteur de recherche  ***************/

#rss {
margin: 8px 5px 5px 50px ;
float:left;
width:3%;
}

#moteur {

float:left;
width:25%
margin-left:50px;
}

div.formulaire_spip formulaire_recherche form1 {
margin:0;
padding:0;
}

#q{	
  background: #ffffff  no-repeat 0px top;
	padding-left: 10px;
	height:20px;
	width: 135px;
  }
#q:focus {
background: #ffffff  no-repeat 0px center;
}

.bouton {
margin-left:5px;
margin-top:3px;
border:0;
background-image:url(../IMG/site/recherche.gif);
background-repeat:no-repeat;
height:27px;
width:27px;

}

.bouton:hover {
background-image:url(../IMG/site/recherche_ok.gif);
background-repeat:no-repeat;

}

/**** contenu bulle ******/

#contenu_bulle {
float:left;
width:73%;
margin-left:20px;

}

#bulle {
float:left;
width:33%;
height:150px;
padding:15px 0 15px 0;
text-align:center;

}

#bulle a{
text-decoration:none;
color:#000000;
}

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

#contenu_flash {
float:left;
width:21%;
height:350px;
margin-right:25px;
}

/**** pied de page ******/

#actu_ref {
width:93%;
margin:auto;
margin-top:10px;
border-top:2px solid grey;
}

#actu {
margin:10px 0 10px 0;
padding-right:10px;
float:left;
width:39%;
border-right:2px solid grey;
}

p.suite {
text-align:right;
margin:0;
padding:10px 35px 0 0;
}

#reference {
margin-top:10px;
float:left;
width:58%;
padding-left:10px;

}

#cube {
width:400px;
height:340px;
margin-left:50px;
margin-bottom:20px;

}

h2.titre_rouge {
font-size:1em;
padding: 0 0  5px 0;
margin:0;
color:red;
}

h2.titre_actu {
font-size:0.8em;
padding: 5px 0 5px 0;
margin:0;
color:grey;
}

h2.titre_actu1 {
font-size:1.1em;
padding: 5px 0 5px 0;
margin:0;
color:grey;
}



/**** contenu ******/

#contenu {
float:right;
width:70%;
margin:auto;
margin-top:0;
padding:0 15px 15px 0;
}

#up {
width:100%;
height:80px;
text-align:center;

}

/**** pied de page ******/



#bas_page {
width:901px;
margin:auto;
margin-top:0;
height:25px;
margin-top:0;
padding:0 3px 0 0;
background-color:#cccccc;
}

#bas_page_gauche {
float:left;
width:193px;
}

#bas_page_droit {
float:right;
width:193px;
}

#bas_page1 {
width:901px;
margin:auto;
margin-top:0;
height:25px;
margin-top:0;
padding:0 15px 0 -2px;
}

#bas_page_long {
width:100%;
height:60px;
background-image:url(../IMG/site/pied.gif);
background-repeat:repeat-x;

}



#pied {
width:901px;
margin:auto;
margin-top:10px;
padding:0 0 0 0;
height:15px;
text-align:center;
color:#ffffff;
}

#pied a{
color:#ffffff;
padding: 0 10px 0 10px;
text-decoration:none;
}

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

#phrase {
width:901px;
margin:auto;
margin-top:10px;
padding:0 0 0 0;
height:15px;
text-align:center;
color:#ea9999;
}

/****** colonegauche ******/

#colone_gauche {
float:left;
width:25%;
margin:5px 5px 5px 20px;
font-size:1.1em;
}

#menuhaut_gauche {
width:100%;
margin:0;
text-align:left;
border: 1px solid red;
}

#menuhaut_gauche1 {
width:100%;
margin:0;
}

.titre_menu {
width:100%;
height:30px;
text-align:center;
padding:5px 0 0 0;
font-weight:bold;
color:#ffffff;
background-image:url(../IMG/site/menu_gauche.gif);
background-repeat:repeat-x;

}

a.titre_menu1 {
color:#6d6d6d;
text-decoration:none;

}

a.titre_menu1:hover {
color:red;
text-decoration:none;
}

ul.menuhaut1 {
list-style-position:outside;
margin:0;
padding:0;
padding-left:15px;
padding-bottom:10px;
color:#000000;

}

li.menuhaut1 {
list-style-position:outside;
margin-left:5px;
padding-top:4px;
}

li.menuhaut1 a {
color:grey;
text-decoration:none;

font-size:0.9em;}

li.menuhaut1 a:hover {
color:red;
text-decoration:underline;
font-size:0.9em;}

ul.logo {
margin: 20px 0 10px 0;
padding:0;
list-style:none;
text-align:center;}

li.logo {
margin: 5px 0 5px 0;
padding:0;
list-style:none;
}


.descriptif_article {
float:left;
width:71%;

padding: 0 20px 0 0;
}

.logo_article {
float:left;
width:25%;
}

#titre_actu_gauche {
float:left;
}



#titre_actu {
float:left;
width:90%;
background-color:#c0c0c0;
padding:6px 10px 4px 0;
margin-top:2px;}

#titre_actu_droit {
float:left;}

#texte_actu {
width:95%;
background-color:#dcdcdc;
font-size:0.8em;
padding:6px;
padding-right:5px;
margin-left:2px;
margin-top:-3px;}

li.plan {
  list-style:none;}
  
/******  menu art *****/

#menuart {
width:95%;
height:95%;
border:1px solid #555555;
background-color:#c0c0c0;
color:#ff0000;
font-weight:bold;
padding:1px;
margin:1px; 
text-align:center;
}

div.menu_rub {
width:95%;
height:90%;
line-height:1.5em;
margin :4px;
padding :0px;
border:1px solid white;
background-color:#dcdcdc;
color:red;
font-weight:bold;
text-align:left;
}

li.menu_rub {
width:95%;
height:100%;
border:0px solid red;
margin-left:-20px;
font-size:0.8em;
padding:4px;
line-height:1.5em;
background-color:#dcdcdc;
color:red;
font-weight:bold;
text-align:left;
}

li.menu_rub a{
line-height:1.5em;
width:100%;
height:100%;
border:0px solid red;
margin:1px;
padding:1px;
background-color:#dcdcdc;
color:#808080;
font-weight:bold;
text-align:left;
}

li.menu_rub a:hover{

color:red;
}
  
/******  plan bas *****/

div#plan_bas {

width:1000px;
margin:auto;
}

ul.plan_bas1 {
width:20%;
float:right;

list-style:none;
}

li.plan_bas1 {
width:100%;
float:right;

list-style:none;
}



h3.plan_bas {
border-bottom:1px solid grey;
font-size:0.8em;}

h4.plan_bas {
font-size:0.7em;
padding:0;
margin:0;}

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; border-right:1px solid; }