/* police par defaut de tout le site */
html, body {background-color:#747886; margin:0; padding:0;font-size:70%; }
BODY, TD, DIV, SPAN {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-weight:normal;}
TD, DIV, SPAN {font-size: 1em;}
/* lien par défaut */
A {color:#2E5B89; text-decoration:none}
A:hover {color:#FF6600; text-decoration:none}

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

/* titre par défaut */
h1 {
	color:#2E5B89;
	font-weight:bold;
	font-size:1.8em;
	margin-bottom:0em;
	margin-top:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2 {
	color:#2E5B89;
	font-weight:bold;
	font-size:1.4em;
	margin-top:1.5em;
	margin-bottom:0px;
	padding:0;	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h3 {
	color:#2E5B89;
	font-weight:bold;
	font-size:1.2em;
	margin-top:10px;
	margin-bottom:0px;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

STRONG {
	font-weight: bold;
	color: #2E5B89;
}

P {margin-bottom:0.2em;margin-top:0.2em; font-size:1em;}

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


/* temp.html */
/* AB */

#conteneur {
	/*	position:fixed !important;  /* pour mac - mais bug avec firefox*/
	position:absolute;
	left:50%;
	margin-left:-422px;
	margin-top:10px;
	width: 845px;
	z-index: 2;
	font-size:1em;
}
#Logo {
	position:absolute;
	left:0px;
	top:0px;
	width:305px;
	height:223px;
	z-index:8;
	visibility: visible;
	background-image:url(img/logo.png);
}
#menuprinc {
	position:absolute;
	left:198px;
	top:66px;
	width:635px;
	height:74px;
	padding:19px 15px 0 0;
	z-index:7;
	background:url(img/menu.gif) no-repeat;
	display:inline;
}
#contenu {
	position:absolute;
	left:9px;
	top:156px;
	width:825px;
	height:350px;
	z-index:6;
	font-size:1em;
}
#image_fond {
	position:relative;
	width:825px;
	height:140px;
	z-index:5;
	margin:0 5px 0 0;
	padding:0 0px 0 0;
	background:url(img/image_fond.jpg) no-repeat;
	background-color:#FFFFFF;
	background-position:right;
}
#barre {
	position:relative;
	width:825px;
	height:8px;
	z-index:5;
	margin:0;
	padding:0;
	background:url(img/barre.gif) no-repeat;
	background-color:#FFFFFF;
	background-position:right;
}

#loginplus { font-size:1em; color:#CCCCCC;display:block; text-align:left; }
#menu { display:none; font-size:1.1em; background-color:#EEEEEE; padding:5px; margin:0; border:1px solid #BBBBBB;} /* zone de login caché par défaut */
.menu { color:#2E5B89; padding:0; margin:0} /* zone de login caché par défaut */
#menu a {color: #2E5B89;padding: 2px 2px 3px 3px ;text-decoration: none; font-weight:bold;}
#menu a:hover {color:#FF6600;padding: 1px 1px 2px 2px;border:#ccc dashed 1px;}

#texte {
	position:relative;
	width:805px;
	padding-left:10px;
	padding-right:10px;
	clear:both;
	float:left;
	z-index: 6;
	background-color:#FFFFFF;
	min-height:250px;
	font-size:10px;
}

* html #texte {
  height: 250px; /* hack uniquement interprété par IE Win+Mac*/
} 

#texte img {padding-right:7px; padding-bottom:7px; }


.copyrightlist {font-size:1.1em;}
ul.copyrightlist {padding: 8px 0 1em 0;margin: 0;list-style-type: none;float: left;width: 100%;color:#CCCCCC; text-align:left;}
ul.copyrightlist li { display: inline; }
ul.copyrightlist li a {float: left;padding: 2px 2px 3px 3px ;color: #CCCCCC;text-decoration: none; font-weight:bold;}
ul.copyrightlist li a:hover {color:#FF9900; padding: 1px 1px 2px 2px;border:#ccc dashed 1px;}
.copyright {padding: 8px 0 1em 0;margin: 0; color:#CCCCCC; font-size:0.85em; line-height:2em;}
.copyright a {color: #CCCCCC;padding: 2px 2px 3px 3px ;text-decoration: none; font-weight:bold;}
.copyright a:hover {color:#FF6600;padding: 1px 1px 2px 2px;border:#ccc dashed 1px;}

.right{
  padding: 3px 0px 15px 0px;
  float: left;
  background-color: transparent;
  text-align: left;
  vertical-align:top;
  font-size:1.3em;
  width:270px;
}
.right div {padding:0 10px 0 7px;}

.left {
  padding: 3px 7px 15px 9px;
  float: left;
  background-color: transparent;
  text-align: left;
  vertical-align:top;
  font-size:1.3em;
  width:290px;
}
.left div {padding:0 10px 0 07px;}

.middle {
  padding: 3px 7px 15px 9px;
  text-align: left;
  background-color:#CCCCCC;
  margin-left:10px;
  margin-right:10px;
  vertical-align:top;
  font-size:1.3em;
  width:250px;
  }

.more {
  text-align: right;
  padding: 0 10px 0 0;
  margin:0;
  font-weight:bold;
}

.more a {
  color:#336699;
  font-size: 1em;
  text-decoration: none;
  margin: 0;
  padding: 0 10px 0 0;
  margin:0;}

.more a:hover {}

.noBorderOnLeft {border-left:0;}

 DIV.dossier {}
  DIV.texte {width:auto;font-size:1.2em;}
  
.bordure {padding:7px; border:#336699 1px solid;}
.bordure2 {padding:7px 0 0 7px; margin:7px; border:#336699 1px solid;}

 DIV.chapo {
	width:auto;
	margin-top:1em;
	margin-bottom:2em;
	font-style:italic;
	font-size:12px;
	padding:1em;
	border: 1px dashed #336699;
	
}

  DIV.news_texte {padding:0.5em; margin:0.5em; border:1px dotted #666; font-size:12px;}
	DIV.news_titre h1 {color:#336699;font-weight:bold;font-size:1.8em;margin:0;padding:0}
	DIV.news_titre h2 {font-size:1.5em;margin:0;padding:0}
	DIV.news_titre span {display:block;text-align:right;color:#336699; margin-right:0.5em;font-size:0.9em;}
#menunews li {
	color:#2E5B89;
	padding: 2px 2px 3px 3px;
	font-weight:bold;
	list-style-type: circle;
}
#menunews span {font-size:0.7em; font-style:italic; color:#FF6600;}
#menunews ul {margin-top:10px;}
#menunews div {margin-left:25px;}

/* ------------ */
#header{
	margin-top:1em;
	margin-bottom:0;
	left:0;
	width:100%;
	height:69px;
	BORDER-BOTTOM:#000 6px solid
}

	#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 #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:68px;
	background:#CCC;
	border-bottom:4px solid #FF6600
}
	#hh03{float:left; font-size:1em; color:#000; margin:0.6em}
	#hh04{float:right; margin-right:0.3em; margin-top:0.3em}

#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:0.9em; color:#FFCC33; font-weight:bold; background:#000; 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}


#menugauche {
	border-bottom:#000 1px solid;
	border-right:#000 1px solid;
	width:135px;
	float:left;
	background:#EEE
	font-size:1em;
}    
 
#contenupage {
	padding-left:135px;
	padding-right:5px
	font-size:1em;
} 
	#coulcentre {padding:20px; background:#FFF}



#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
	font-size:1em;
}
	#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%;
	padding:0.5em
}

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



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

/* fin page accueil */



/* autres éléments par défaut */
INPUT {
   background-color:#fff; border-color:#555;  
   border-top-width:1px; 
   border-right-width:1px; 
   border-bottom-width:1px; 
   border-left-width:1px;
   text-indent:1px;  
   font-size:9px;
   margin:0;
   padding:0;
}

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:#555;
   background-color:#FFF;
}

SELECT {  
   font-size:9px;
   color:#000;
   background-color:#FFF;
}

