
/* police par defaut de tout le site */
BODY, TD, DIV, SPAN {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

html, body {background-color:#FFF; margin:0; padding:0;text-align:center;}
#global {
	width:995px;
	margin:0 auto;
	text-align:left;
	border:2px solid #000;
	}

/* lien par défaut */
a:link {
        color: #330000;
        font: italic;
        }

a:visited {
        color: Blue;
        }

a:hover {
	color: Red;
	text-decoration: none;
}

a:active {
        text-decoration: underline;
        }

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

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

/* image par défaut */

IMG{border:0}


/* temp.html */

/* debut header */
#header{
	margin-top:0;
	margin-bottom:0;
	left:0;
	width:100%;
	height:144px;
	border-bottom: 4px solid Red;
}

	#hh01 {
	height:70px;
	float:left;
	position:relative;
	}

#hh01 a {background:transparent;}
#hh02 {
	float:right;
	margin-top:0.3em;
	margin-right:0.3em;
	position:relative;
	}



#hh03{
	clear: left;
	width: 100%;
	height: 68px;
	background: #CCC;
	border-top: #000 6px solid;
}

	#hh04{float:right; font-weight:bold; padding-top:4em; padding-bottom:0}
/* MODIF : hauteur de bordure droite de l'UL du menu horizontal (FF et IE), bordure droite parasite UL 2e niveau (IE) - 16/O5/2006 */
      #hh04 ul {padding:0; margin:0; margin-right:1em; display:inline; border-right:2px solid #Red;}
      #hh04 ul ul {border-right:0;}

		#hh04 ul li {
	border-left: 2px solid Red;
	display: inline;
	padding: 0 0.6em 0 1em;
}
		#hh04 a {color:#666}
		#hh04 a:hover {color:#Red}
/* fin header */

#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 {
		border-top: outset;
		border-left: inset;
		border-right: thin solid;
		border-bottom: thin solid;
		margin-bottom: 1em;
		}

	DIV.mg2 {
	clear: left;
	font-size: 10px;
	color: #fff ;
	font-weight: bold;
	background: Black;
	height: 21px;
	margin-top: 0;
	padding-left: 0.4em;
	padding-top: 0.2em;
	line-height: 19px;
	}
	
	DIV.mg2 img {
		vertical-align: middle;
		}

	DIV.mg3 {color:#000;
		padding-left:0.4em;
		line-height:15px;
		background:#EEE;
		padding-bottom: 0.5em;
		}

	DIV.mg3 a {color:#000}
	DIV.mg3 a:hover {color:#ff0000}

        DIV.mg4 {
                border-top: outset;
		border-left: thin solid;
		border-right: outset;
		border-bottom: thin solid;
		margin-bottom: 1em;
		padding-left: 0.5em;
		background:#EEE;
		padding-bottom: 0.5em;
		}


#menugauche {
	margin:1em 0 1em 0.3em;
	width:135px;
	float:left;
}    
 
#contenupage {
	padding-left:135px;
	padding-right:0;
} 
	#coulcentre {
/*	padding:1em 0 1em 20px; */
	padding:0.5em 0 1em 20px;
	background:#FFF;
	}



#footer{
	clear: both;
	width: auto;
	text-align: center;
	height: 21px;
	background: #ccc;
	padding-left: 0.4em;
	padding-top: 0.2em;
	font-weight: bold;
	color: Red;
	line-height: 19px;
	}

	#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:#Red}


/* page accueil */

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

#accueil{
	width:99%
}

#aa01 {
	float:left;
	width:62%;
	padding:0.5em;
	}

#aa02 {
	float:right ;
	width:34%;
	padding:0.5em;
/*	border-top: outset;
	border-bottom: thin solid;
	border-right: outset;
	border-left: thin solid;
	background: #F1F1F1; */
}

	#aa02 h1 {display:inline}

DIV.blocedito {
	border-top: outset;
	border-bottom: thin solid;
	border-right: outset;
	border-left: thin solid;
	background: #F1F1F1;
	margin-bottom: 1em;
	}

DIV.blocedito h1{
	background: #CCC6C8;
	padding-left: 0.5em;
	}

DIV.bloc h1{
	background: #CCC6C8;
	}

DIV.bloc {
	border-top: outset;
	border-bottom: thin solid;
	border-right: outset;
	border-left: thin solid;
	background: #FFF;
	margin-bottom: 1em;
	}

DIV.google {
	text-align: 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:#Red}
	#rubriques A:hover {color:#Red}
	#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
}
