/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: white url(../images/fond_global.gif) left top repeat scroll;
	color: white;
	font: normal 80% "Bitstream Vera Sans", Verdana, Arial, Helvetica, serif;
	text-align: left;
}
#header, #global {
	position: relative;
	margin: 0 auto;
	width: 958px;
}
#global {
  background: url(../images/milieu.gif) repeat-y 0 1px;
  top: 40px;
	/*border: 1px solid black;*/
}
p a, li a {
  color: #66CCFF;
	text-decoration: none;
}
p a:hover, li a:hover {
	text-decoration: underline;
	color: yellow;
}
img {
  border: none;
	margin:0;
	padding:0;
}
h1 {
  font: bold 140% "Bitstream Vera Sans", Verdana, Arial, Helvetica, serif;
	padding: 0em 6em 2em 2em;
	text-align: left;
}
#scrollfirefox {
	position: absolute;
	bottom: -0.1px;
	visibility: hidden;
}
.separation {
  clear: both;
	visibility: hidden;
	padding: 0;
}

/*************** Elements de Cadres ***************/
.sus, .sous {
	width: 958px;
	background: no-repeat 0 0;
}
.sus {
  height: 6px;
  background-image: url(../images/haut.gif);
	/*border: 1px solid red;*/
}
.sous{
  height:11px;
	background-image: url(../images/bas.gif);
	margin: 15px 0 -5px 0; /*- 5px pour IE */
	/*border: 1px solid red;*/
}

/********* header *********/

#header {
  top: 6px;
	left: -2px;
}
#header #bull_img {
  border: 1px solid #27539D;
}
#header a:hover #bull_img {
  border: 1px solid white;
}
#header #logo {
  float: left;
}
#bulletin {
  position: absolute;
	top: 20px;
	right: 20px;
	text-align: right;
}
#bulletin p {
  position: relative;
  float: left;
	top: 65px;
  text-align: right;
	margin: 0 4px 0 0;
	font-size: 80%;
	text-decoration: none;
	/*border: 1px solid red;*/
}
#bulletin a {
  color: #ADC2D8;
}
#bulletin a:hover {
  color: white;
}
/*********** CONTENU *****************/

#contenu {
  position: relative;
	text-align: left;
	padding: 1em 1em 0 1em;
	/*border: 1px solid yellow;*/
}
#contenu p {
  margin:0;
	/*text-align: left;*/
	/*border: 1px solid red;*/
}
p.puce {
  background: url(../images/puce_verte.gif) 11em top no-repeat;
}
#contenu ul {
  margin: 0;
  padding: 0 5em 0 17em;
	/*text-align: left;*/
	list-style-image: url(../images/puce_verte.gif);
	/*list-style-position: inside;*/
}
#contenu ul ul {
  padding: 0 5em 0 2em;
	/*text-align: left;*/
	list-style-image: url(../images/puce_verte2.gif);
}
#contenu img.aligne {
	position: relative;
	left: 17em;
}
/*********** MENU *****************/

ul#menu {
  position: absolute;
	top: -21px;
	left: 25px;
  margin: 0;
	padding: 0;
	list-style-type: none;
	/*border: 2px solid red;*/
}
#menu li {
  float: left;
	margin: 0;
	padding: 0;
	background: url(../images/onglet1_dte_out.gif) no-repeat right top;
	/*border-bottom: 1px solid yellow;*/
}
#menu a {
  display: block;
	color: #3399FF;
	text-decoration: none;
	text-align: left;
	background: url(../images/onglet1_gch_out.gif) no-repeat left top;
	padding: 3px 30px 3px 15px;
	/*border: 2px solid red;*/
}
#menu a:hover {
  color: #F9F200;
}
#menu li.actif {
  border-bottom: 1px solid #0057A3;
	background: url(../images/onglet1_dte_over.gif) no-repeat right top;
}
#menu li.actif a {
  color: white;
	background: url(../images/onglet1_gch_over.gif) no-repeat left top;
}
#menu li.actif a:hover {
  color: white;
}

/*********** SOUS MENU *****************/

ul#s_menu {
  position: relative;
	float: left;
	top: 0px;
	left: -16px;
  margin: 1em 0 0 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	/*border: 1px solid green;*/
}
#s_menu a {
  display: block;
	width: 130px;
	height: auto;
	margin: 5px 10px 0 10px;
	padding: 0 0.7em 0 0.5em;
	color: #3399FF;
	text-decoration: none;
	text-align: right;
	background: #013E73;
	border: 1px solid #013E73;
	font-size: 0.9em;
	letter-spacing: 1px;
}
#s_menu a:hover {
  color: #F9F200;
	/*background: #1DA43A;*/
}
#s_menu li.actif a {
  color: #F9F200;
	background: #1DA43A;
}

/************ Footer *****************/
#footer {
  position: relative;
	top: 3.8em;
	height: 15px;
	clear: both;
  color: black;
	text-align: center;
	font-size: 90%;
	letter-spacing: -0,1em;
	/*border: 2px solid yellow;*/
}
#footer a:link {
  text-decoration: none;
	color: #27539D;
}
#footer a:hover {
  text-decoration: none;
	color: #48AC43;
}