/*-----------------------------------------------------
	 css commun
	éléments de style communs au différents supports (écran, imprimante pour commencer)
	
	version: 1.0
	date:    2007 08
	author:  marjorie lazaro
------------------------------------------------------*/


/* Main structure ------------------------------------*/
html, body {
  margin : 0;
  padding : 0;
  font-family: 'Comic Sans MS','Verdana', Arial, Helvetica, sans-serif;
  font-size: 90%;
  text-align : center;
  color : #4d4d4d;
  height: 100%;
}

html {
	background: #f7ebf7 url(../images/background.jpg) repeat-x;
}

a:link {color : #4d4d4d; text-decoration:underline;background-color : inherit;}
a:visited {color : #4d4d4d; text-decoration:none;background-color : inherit;}
a:hover {color : black; text-decoration:none;background-color : inherit;}
a:active {color : #862dff; text-decoration:none;background-color : inherit;}
a:active.menu {color : #4d4d4d; text-decoration:none;background-color : inherit;}
a img { border: 0 }

/* Bloc conteneur : contient les autres blocs pour permettre une position plus aisee */
#page{
	margin : 0 auto;
	padding : 0;
	width : 800px;
}

#conteneur{
  position: relative;
  width : 800px;
  background: url("../images/fond_centre.gif") repeat-y;
  border: 0px solid blue;
  margin: 0 auto; 
  padding: 0;
  text-align: left;
}

/* pour centrer les éléments un peu spéciaux comme les images statiques externes avec lien */
.spip_figure {
	text-align: center;
}

.encart {
	text-align: left;
}

table.spip {
	margin: auto;
}

.texte table {
	margin: auto;
}

/* Entete -------------------------------------- */
#banniere {
  margin : 0 auto;
  width : 800px;
  height : 155px;
  padding: 15px 0 0 0;
  background: transparent url("../images/agi38_fr.png") no-repeat bottom !important; /* pour firefox */
  background: transparent url("../images/agi38_fr.gif") no-repeat bottom; /* pour IE */
}


#banniere img {
  float: right;
  margin-right: 5px;
  border: 0px solid red;
}

#menuheader {
  width: 606px;
  margin: 0 10px;
  padding: 0 5px;
  float: right;
  text-align: center;
  z-index: 250;
}

#menuheader a, #menuheader a:link, #menuheader a:visited, #menuheader a:active,  { 
  color: #000000;	
  text-decoration: none; 
}

#menuheader a:hover {
  color: black; /*#573502; */
  text-decoration: none;
  padding: 0;
  background: #ffe681;
}

.menu {
  margin: 0;
  padding:0;
}

.menu li {
  display:inline;
  list-style-type: none;
  color: #772596;
  padding: 0;
  margin: 0 0 5px 15px;
}

.menu li a:link {
  color: #4f0d68;
  font-weight: normal;
  text-decoration: none;
}

.menu li .menu_on {
  color: #000000;
  text-decoration: none;
  background: #ffe681;
  padding: 3px;
}

/* Pied de page -------------------------------------- */

#pied {
  margin: 0 auto;
  padding: 0;
  font-size: x-small;
  color:  black;
  text-align: left;	
  clear: both;
  width: 800px;
  height : 49px;
  background: transparent url("../images/fond_bas.png") no-repeat bottom !important; /* pour firefox */
  background: transparent url("../images/fond_bas.gif") no-repeat bottom; /* pour IE */
}

#infos {
  color: #332745;
  padding-top: 25px;
  padding-left: 15px;
}
* html #infos { margin-top: 0; margin-left: 0; }



/* Div corps structure -------------------------------------*/
#marge {
  width: 170px;
  position: relative;
  border: 0px solid purple;
  padding: 0;
  margin: 0;
}

#corpsmiddle {
  position: relative;
  margin-left: 180px;
  padding: 20px 5px 20px 15px;
  width: 570px;
  border: 0px solid red;
  text-align: justify;
}

.spip {
  font-size: 14px;
  font-weight: normal;
}

h1, h1 a {
  color:  #8b2aaf;
  font-size: 1.4em;
  margin:  0 0 8px 0;
  padding: 0;
  text-decoration: none;	
}



/* main: menu left -------------------------------------- */
#menuleft {
  position: absolute;
  left: 0;
  width: 160px;
  padding: 20px 10px 20px 10px;
  border: 0px solid orange;
  z-index: 50; 
}

.menugauche {
  margin: 0;
  padding:0;
}

.menugauche li {
  list-style-type: disc;
  color: #772596;
  padding: 0;
  margin: 0 0 5px 15px;
}

.menugauche li a:link, .menugauche a:visited, .menugauche a:hover, .menugauche a:active {
  color: #4f0d68;
  font-weight: normal;
  text-decoration: none;
}

.submenu_on {
  color: #4f0d68;
  font-weight: bold;
  text-decoration: none;
}

table.tarifs th { color: #C6F; padding: 5px }
table.tarifs tr td.pad { padding: 5px }