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

/* 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:#666666; font-weight:bold;font-size:16px}

/* image par défaut */
IMG{border:0}
IMG.banniere {border:1px solid;}

/* temp.html */

#annaba{
margin:0px auto;
width:1000px;
text-align: left
}

#header{
	position:relative;
	margin-top:0;
	margin-bottom:0;
	left:0;
	width:100%;
	height:40px;
	border-bottom:#000 6px solid
}

/*	#hh01{height:41px; float:left} */
	#hh01{height:40px; float:left; margin:0.1em}
		#hh01 a:hover { background:#033465}
	#hh02{float:right; font-weight:bold; margin:0; margin-top:-2em; padding-top:39px; padding-bottom:0}
/*	#hh02{float:right; font-weight:bold; padding-top:2em; padding-bottom:0} */



		#hh02 ul {margin-bottom:0; margin-right:1em; display:inline; border-right:2px solid #FF6600}
		#hh02 ul li {border-left:2px solid #FF6600; display:inline; padding:0 0.6em 0 1em}
		#hh02 a {color:#666}
		#hh02 a:hover {color:#FF6600}

#header2{
	clear:left;
	width:100%;
	height:80px;
	background:#CCC;
	border-bottom:4px solid #000000; // #FF6600
}
	#hh03{float:left; font-size:10px; color:#000000; margin:0.6em}
	#hh04{float:right; margin-right:0.3em; margin-top:0.8em}
	
#menuhaut{
 width:auto;
 height:20px;
 background:#007229; // #006233; #000;
}
	#menuhautdate{
	float:left;
	padding-top:0.3em;
	padding-left:1em;
	color:#FFF; font-size:10px; font-weight:normal
	}

	#menuhautdroite{
	float:right;
	padding-top:0.3em;
	padding-right:0.2em;
	font-weight:bold;
	color:#FFF
	}
	
	#menuhautdroite ul {margin-right:1em; display:inline; border-right:2px solid #FFF}
	#menuhautdroite ul li {border-left:2px solid #FFF; display:inline; padding-right:0.6em; padding-left:1em}
	#menuhautdroite A {color:#FFF}
	#menuhautdroite A:hover {color:#FF6600}

#mentete {
	width:100%;
	height:21px;
	background:#666
}
	#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:#FFCC33; font-weight:bold; background:#007229; height:21px; margin-top:0.5em; margin-bottom:0.5em; padding-left :0.4em; padding-top:0.2em}
	DIV.mg3 {color:#000; padding-left:0.4em; line-height:15px}
	DIV.mg3 a {color:#000}

#zonemembre {
	padding-top:0.2em;
	padding-left:1em;
	padding-right:1em;
	color:#000; text-align:right
}

/* ##### Header ##### */

.superHeader {
  color: rgb(130,128,154);
  background-color: rgb(33,50,66);
  text-align: right;
  margin: 0;
  padding: 3px 10px;
  height: 1.5em;
  vertical-align:top;
}

.superHeader span {
  color: rgb(195,196,210);
  background-color: transparent;
  font-weight: bold;
  text-transform: uppercase;
}

.superHeader a {
  color: rgb(195,196,210);
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

.superHeader a:hover {
  color: rgb(193,102,90);
  background-color: transparent;
  text-decoration: none;
}

/* ##### Header ##### */

#menugauche {
	border-bottom:#000 1px solid;
	border-left:#000 1px solid;
	border-right:#000 1px solid;
	width:135px;
	float:left;
	background:#EEE
}  

#contenupage {
	padding-left:135px;
	padding-right:125px
} 
	#coulcentre {padding:10px; background:#FFF}

#pubdroite {
border-bottom:#000000 1px solid;
border-left:#000000 1px solid;
border-right:#000000 1px solid;
	width:125px;
	float:right;
	background:#EEE
}


#footer{
	clear:both;
	width:auto;
	text-align:center;
	height:16px;
	background:#666666;
	padding-left:0.4em;
	padding-top:0.2em;
	font-weight:bold;
	color:#FFF
}
	#footer ul { margin-right:1em; display:inline; border-right:2px solid #FFFFFF}
	#footer ul li {border-left:2px solid #FFFFFF; display:inline; padding-right:0.6em; padding-left:1em}
	#footer A {color:#FFFFFF}
	#footer A:hover {color:#FF6600}


/* page accueil */

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

  
#accueil{
	width:100%
}

.news-list {
			margin-bottom: 2px;
			padding-bottom: 2px;
			border-bottom: #CCC dotted 1px;
}

#aa01{
	float:left;
	width:65%; // 61%
	padding:0.5em
}

#aa02{
	float:right;
	width:32%;
	BORDER:#003366 1px dotted;
	padding:0.5em;
	background:#EEE
}
	#aa02 h1 {display:inline}

#rubrique{
	float:left;
	width:98%;
	margin-top:1em;
	padding-top:1em;
	padding-bottom:1em;
	border-top:#666 1px solid;
	color:#666
}
	#rubrique ul {list-style-type:none; margin:0; padding-left:15px}
	#rubrique A {color:#FF6600}
	#rubrique A:hover {color:#FF6600}
	#rubrique img {float:center}

#rubriques{
	float:left;
	width:98%;
	margin-top:1em;
	padding-top:1em;
	padding-bottom:1em;
	border-top:#666 1px solid

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

/* menuforum */

UL.fleche {margin-top:20px; margin-bottom:20px;}
UL.fleche LI {list-style-image:url(img/puce.gif);}

/* fin page accueil */



/* autres éléments par défaut */

form  {
   margin:0px;
}

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
}