/* police par defaut de tout le site */
BODY, TD, DIV, SPAN {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666; font-weight:normal}
html, body {background-color:#FFF; margin:0; padding:0}

body {
	background: url(img/fond_ban.jpg);
	}
	
#container {
  position:relative;
  width:900px;
  margin:0 auto;
  background:#fff;
  }
/* lien par défaut */
A {color:#666; text-decoration:none}
A:hover {color:#FF6600; background:#FFCC33; text-decoration:none}

/* liste par défaut */
ul {list-style-type:square; margin:0; padding-left:15px}

/* titre par défaut */
h1 {color:#0099FF; font-weight:bold;font-size:16px}

/* image par défaut */
IMG{border:0}


/* temp.html */

#header{
	margin-top:0;
	margin-bottom:0;
	left:0;
	width:100%;
	height:140px;
}

	#hh01{height:41px; float:left}
		#hh01 a:hover {background:#FFF}
	#hh02{float:right; font-weight:bold; padding-top:4em; padding-bottom:0}
		#hh02 ul {margin-bottom:0; margin-right:1em; display:inline; border-right:2px solid #0099FF}
		#hh02 ul li {border-left:2px solid #F0099F; display:inline; padding:0 0.6em 0 1em}
		#hh02 a {color:#666}
		#hh02 a:hover {color:#FF6600}

#header2{
	clear:left;
	width:100%;
	height:68px;
	background:#CCC;
	border-bottom:4px solid #FF6600
}
	#hh03{float:left; font-size:10px; color:#000; margin:0.6em}
	#hh04{float:right; margin-right:0.3em; margin-top:0.3em}

#mentete {
  width:765px;
	height:21px;
	background:#0099FF;
	padding-left:135px;
}
	#entete {
	float:left;
	padding-top:0.2em;
	padding-left:1em;
	color:#FFF; 
  font-weight:normal;
	}
		#entete A {color:#FFF}
		#entete A:hover {color:#FF8000}

  	#entetepage {	
	float:right;
	padding-top:0.2em;
	padding-right:1em;
	color:#FFF; 
	font-weight:bold; 
	text-align:right;
  	}
	#entetepage A {
	color:#FFF; 
	font-weight:normal;
	}
	
	#entetepage A:hover {
	color:#FF8000; 
	font-weight:normal;
	}

	DIV.mg1 {
	clear:left; 
	font-size:9pt; 
	color:#ffffff; 
	font-weight:bold; 
	background: #0099FF;
	height:21px; 
	line-height:21px;
	margin-bottom:0.5em; 
	padding-left :0.4em; 
	text-align:center;
	border:1px solid white;
	}
	
	DIV.mg3 {
	color:#000; 
	padding-left:0.4em; 
	line-height:15px
	}
	
	DIV.mg3 a {
	color:#000;
	}
	
	.form_ok {
	background:#0099ff;
	color:#ffffff;
	border:0;
	font-weight:bold;
	}
	.form_texte {
	color:#000000;
	border:1px #ffffff solid;
	font-weight:bold;
	}


#menugauche {
	width:135px;
	float:left;
	background:#e0e0e0;
}    
 
#contenupage {
	padding-left:135px;
	padding-right:5px
} 

#coulcentre {padding:10px; background:#fff}


#edito {
	border:1px #0099ff dotted;
	padding:10px;
	background-color: #ffffff;
	}
	
#footer{
	clear:both;
	width:auto;
	text-align:center;
	height:21px;
	background:#666;
	padding-left:0.4em;
	padding-top:0.2em;
	font-weight:bold;
	color:#FFF
}
	#footer ul { margin-right:1em; display:inline; border-right:2px solid #FFF}
	#footer ul li {border-left:2px solid #FFF; display:inline; padding-right:0.6em; padding-left:1em}
	#footer A {color:#FFF}
	#footer A:hover {color:#FF6600}


/* page accueil */

 #rubriques h1, #aa02 h1, #aa01 h1 {font-size:1.5em}

#accueil{
	width:99%;
}

#aa01{
	float:left;
	width:62%;
}

#aa02{
	float:right;
	width:31%;
	border-top:#0099ff 10px solid;
	padding:0.5em;
	background:#00ffff;

}
#aa02 h1 {display:inline; border-bottom: #0099ff 1px solid}



#rubriques{
	float:left;
	width:96%;
	margin-top:1em;
	padding:1em;	
	border:#0099ff 1px solid;
	background:#00ffff;
}

	#rubriques ul {list-style-type:none; margin:0; padding-left:15px}
	#rubriques A {color:#FF6600}
	#rubriques A:hover {color:#FF6600}
	#rubriques img {float:left}

/* fin page accueil */



/* autres éléments par défaut */
input {
   background-color:#EEE; border-color:#000;  
   border-top-width:1px; 
   border-right-width:1px; 
   border-bottom-width:1px; 
   border-left-width:1px;
   text-indent:1px;  
   font-size:9px
}

textarea {   
   font-size:10pt;
   color:#000;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color:black;
   background-color:#EEE
}

SELECT {  
   font-size:9px;
   color:#000;
   background-color:#FFF
}
#scrollingContainer {
	margin-top:10px;
	height:120px;
	}
	
.darkenBackground {
background-color: rgb(0, 0, 0);
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70: /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 20;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
}

a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
}

a.screen:hover {
text-decoration:none;  
z-index:1000;
background:url(img/shadow.gif) no-repeat;
}

a.screen:hover b {
visibility:visible; /* make the image visible */
z-index:500;
border:solid 1px #ccc;
}
a.screen:hover b img {
margin:0px;
}