BODY {
font-family: Verdana;
font-style: normal;
font-size: 13px;
font-weight: normal;
text-decoration: none;
color: #036; 
background-color: #87AEC5;	
background-image: url(http://www.santolas.net/images/fond.gif);
background-repeat: repeat-x;
} 

#global {
	position: absolute;
	left: 10px;
	margin: 0px;
	padding: 0px 5px 20px 0px;
	top : 15px;  
	width : 97%;
}
#conteneur { 
   	width : 100%;
}
#tete {  
	background-color: #edeef1;
	text-align: left;
	padding: 0;
	font-size: 24px;
	width: 100%;
	height: 80px;
}

#pub1 { 
  	position: absolute;
  	top: 19px;
	left: 290px;
	width: 455px;
}
#santolas {
  	top : 0px;
	left : 5px;
	background : url(images/santolas.gif) no-repeat;  
	width: 285px;
	height: 70px;
	position: absolute;
}
#horloge {
  	position: relative;
  	top : 0px;
  	right: 0px;
  	font-size: 14px; 	
  	margin:0;
	padding: 0px 8px 0 15px;
	background-color: #888 ;  
  	display: block;
  	float: right;
  	height: 18px;  
  	color: #ffffff;
  	background-position: top left;
  	width: 300px;
}
#stp {	
  	position: absolute;
  	top : 20px;
  	right: 3%;
	background : url(images/falcon.gif) no-repeat;  
	width: 70px;
	height: 70px;

}

#pub2 {	
  	position: absolute;
  	top : 20px;
  	right: 100px;
	background : url(images/luta_sida.gif) no-repeat;  
	width: 70px;
	height: 70px;

}
.espace {   /* même taille que le menu */
  	position:  relative;
	height: 27px;
	width: 100%;
	background : url(images/navbg.gif) repeat-x;
}

#corps {
	background-color: #edeef1;   
	width: 100%;		
}
	
.gauche {
  	float: left;
	width: 150px;
	padding: 3px 0px 0px 5px; 
	margin: 0px;
}

.droite {
  	float: rigth;
	width:88%;
	padding: 3px 0px 0px 5px; 
	
}

#message {
   	background-color: #ddd;
   	width: 100%;
   	height: 20px;
}  

#pied  {
  	padding: 5px 0px 0px 0px;    
  	text-align: center;
	font-size: 12px; 
   	background-color: #ddd;
   	width: 100%;
   	height: 25px;
}  

/*************** cadre rond1 **************************/
.rbroundbox, .boxgauche { 
  background: url(images/nt.gif) repeat; 
  width: 100%; 
  margin: 0.2em auto;
}
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot  { background: url(images/br.gif) no-repeat bottom right; }

.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent {margin: 0 5px;}

.boxgauche{
   word-wrap: break-word; /* NE MARCHE QUE SUR IE5.5+ */
   overflow: hidden;  /* POUR LE S BROWSER QUI NE COMPRENNENT PAS WORD-WARP	*/ 
}


.rbcontent p { margin: 0.2em auto; }

/******************************************************/

.texte_petit { font-size: 12px; }
p.erreur { color: red; }

/******* articles ************/
.cadre  {
  	width: 97%;
	border-style:double;
}
.photo1, .photo3 {width: 100px; height: 100px;}
.photo2 {width: 200px; height: 200px;}
.photo2, .photo1 {
float: right;
text-align: center;
margin: 0px;
}
.article {width: 100%; margin: 0px; }
.spacer {clear: both;}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {   
  	position:  absolute;
	top : 80px;
	text-align: center;
	background : url(images/navbg.gif) repeat-x;
	width: 97%;
	padding: 0px;
	height: 27px;
	z-index:1;
}

#search { 
  	position: absolute;
  	top : 80px;
  	right: 15px;
  	float: right;
  	display: block;
  	padding: 1px 2px 0px 10px; 
	margin: 0px;
	z-index: 3;
}

#menu dl {
float: left;
margin: 0px;
width: 10em;
}

#menu dl.petit {
float: left;
margin: 0px;
width: 7em;
}

#menu dl.grand {
float: left;
margin: 0px;
width: 13em;
}


#menu dt {
cursor: pointer;
font-weight: bold;
height: 25px; 
background: url(images/n1.gif) no-repeat;
padding: 2px 0px 0px 24px;
color: #acd;
background-position: top left;
}
#menu dt.normal { 
background: url(images/n1.gif) no-repeat;
}

#menu dt.hover { 
background: url(images/n1hover.gif) no-repeat;
color: #000;
}

#menu dd {
z-index:2;
border: 1px solid gray;
display: none;
}
#menu li {
text-align: left;
background: #fff;
color: #000;
}

.liste {
text-align: left;
background: #fff;
color: #000;
width: 140px;
}

.liste2 {
text-align: left;
background: #fff;
color: #000;
width: 300px;;
}

#menu li a, .liste a, .liste2 a{
text-decoration: none;
height: 100%;
border: 0 none;
display: block;
}
 
#menu li a:hover{
  background: url(images/menu4.gif) 0 -32px;
  padding: 8px 0 0 30px;
}

#menu li a{
  background: url(images/menu4.gif);
  padding: 8px 0 0 30px;
}

.liste a {
  background: url(images/menu_liste.png);
  padding: 8px 0 0 2px;
  
} 
.liste a:hover {
background: url(images/menu_liste.png) 0 -32px;
padding: 8px 0 0 2px;
}

.liste2 a {
  background: url(images/liste2.png);
  padding: 8px 0 0 30px;
  
} 
.liste2 a:hover {
background: url(images/liste2.png) 0 -32px;
padding: 8px 0 0 30px;
}

a { color: #00f; text-decoration: underline; }
a:active, a:hover { color: #5A0E00;	}
a:visited {} /* rien */

/************ Table ********************/
table {}
td {}
tr.normal, td.normal { background-color: #FFF8DD; }
tr.titre { background-color: #FFF0BD }
tr.focus, td.focus { background-color : #edeef1; }


#bg6 {
  background-color : #deaef1;
  
}
#bg7 {
  background-color : #ffdabf;
  
}
#bg8 {
  background-color :  #FCCF77;   
  
}

#rever {
  	width: 99%;
  	height: 350px;
  	overflow: auto;
	overflow-x: hidden ;
  	border-style: double;  	
  	background-color:  #FCCF77;
}

label, legend,  {color: #036; }
textarea, input {
	background-color: #DEE7EF;
	border-style: solid;
	color: #000;
 	border-color: #000;
}
.monradio { border-style: none; }

input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover  {
    background : #598F9A;
    color : #fff;
}

h1 {
font-size : 20px;
display : inline;
margin : 0px;
}
h2 {
font-size : 18px;
display : inline;
margin : 0px;
}
h3 {
font-size : 16px;
display : inline;
margin : 0px;
}
h4 {
font-size : 14px;
display : inline;
margin : 0px;
}