/*======================================*/
/* DEFINITION OF THE SCREEN AREAS (DIV) */
/*======================================*/
/*------------------------------------------*/
/* ID -> Must Be Unique among the HTML Page */
/*------------------------------------------*/
#nuage {
  position:absolute;
  top:100px; left:600px;
  z-index:2;
  padding:0; /* top right bottom left */
}
#header {
  position:absolute;
  top:0px; left:0px; width:765px; height:120px;
  padding:10 10 10 10; /* top right bottom left */
}
#divCont {
  position:absolute;
  top:75px; left:510px; width:170px; height:35px;
  padding:5; /* top right bottom left */
}
#Btext {
  position:absolute;
  top:53px; left:668px; width:80px; height:55px;
  padding:5; /* top right bottom left */
}
#titre {
  position:absolute;
  top:160px; left:10px; width:763px;
  padding:0; /* top right bottom left */
}
#actu {
  position:absolute;
  top:154px; left:147px; width:117px; height:57px;
  padding:0; /* top right bottom left */
}

#actualites {
  position:absolute;
  top:274px; left:10px; width:763px; height:600px;
  padding:0; /* top right bottom left */
}

#actualites2 {
  position:absolute;
  top:290px; left:10px; width:763px; height:600px;
  padding:0; /* top right bottom left */
}

#actualitespopup {
  position:absolute;
  top:10px; left:10px;
  padding:0; /* top right bottom left */
}
#ligne {
  position:absolute;
  top:280px; left:13px; width:760px;
  padding:0; /* top right bottom left */
}
#lettre {
  position:absolute;
  top:400px; left:450px; width:320px; height:25px;
  padding:0; /* top right bottom left */
}
#vertic {
  position:absolute;
  top:120px; left:11px; width:5px; height:340px;
  padding:0; /* top right bottom left */
}
#footer {
  position:absolute;
  top:450px; left:13px; width:760px;
  background-color:#eeeeee;
  padding:0; /* top right bottom left */
  z-index:300; /* Upon div "vertic" ! */
}
#barre {
  position:absolute;
  top:300px; left:10px; width:753px;
  background-color:#eeeeee;
}
#contenu {
  position:absolute;
  top:170px; left:10px; width:763px;
}
#intro {
  position:absolute;
  top:260px; left:11px; width:742px;
}
#une {
  position:absolute;
  top:15px; left:0px; width:310px;
}
#infos_droite {
  position:absolute;
  top:120px; left:544px; width:225px;
}
#infos_gauche {
  position:absolute;
  top:130px; left:0px; width:225px;
}
.separateurs {
	font-style: normal;
	line-height: 1px;
	font-weight: normal;
	text-decoration: none;
	background-color: #E2E2E2;
}	

/*---------------------------------------------------------------------*/
/* CLASS -> Possibly Used by several Objects with same Characteristics */
/*---------------------------------------------------------------------*/
.content {
  position:absolute;
  top:400px; left:10px; width:763px;
  padding:5; /* top right bottom left */
}

/*==================*/
/* TYPES DEFINITION */
/*==================*/
.accueil {
  color: #333333;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  text-decoration: none;
}

.accueil:hover {
  font-family:Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 11px;
  color: #000000;
  text-decoration: none;
}

.accueil:visited {
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 11px;
  color: #333333;
  text-decoration: none;
}

.titre {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
.titre:hover {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #003399;
  text-decoration: yes;
}
.titre2 {
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
.titre2:hover {
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  color: #003399;
  text-decoration: yes;
}

.infoac {
  font-family: arial;
  font-size: 10px;
  color: #000000;
  text-decoration: none;
}
.infoac:hover {
  font-family: arial;
  font-size: 10px;
  color: #666666;
  text-decoration: no;
}

.infoacB {
  font-family: arial;
  font-size: 10px;
  color: #003399;
  text-decoration: none;
}
.infoacB:hover {
  font-family: arial;
  font-size: 10px;
  color: #003399;
  text-decoration: underline;
}

/*=================*/
/* TAGs DEFINITION */
/*=================*/
a {
  color: #003399;
  text-decoration: none;
}

a:hover {
  color: #0099ff;
  text-decoration: none;
}
.lien_mdf {
  color: #666666;
  text-decoration: none;
  /*font-weight: bold;*/
}

.lien_mdf:hover {
  color: #FF0000;
  text-decoration: none;
}

/*-----------------------------------PAGE ACTU BLOCS------------------------------------*/
#global {
	position:absolute;
	left: 9px;
	top: 300px;
	width: 763px;
	z-index: 5;
}
#gauche {
	width: 148px;

}
#centre {
	width: 600px;
	position: absolute;
	left: 161px;
	top:0;
	background-image: url(images-actu/communs/top_nav.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#une {
	position: absolute;
	width: 420px;

}

#droite {
	position: relative;
	width: 165px;
	left: 435px;
	top: 17px;

}


/*-------------------------PAGE ACTU  STYLES TEXTE------------------------------------*/

	
.titreune {
	font-family: arial;
	font-size: 18pt;
	color: #333333;
	font-weight: bold;
}
.chapeauune {
	font-family: arial;
	font-size: 13pt;
	color: #333333;
}
.chapeauune a{
	font-family: arial;
	font-size: 13pt;
	color: #FF0066;
	text-decoration: none;
}
.chapeauune a:hover{
	font-family: arial;
	font-size: 13pt;
	color: #FF0066;
	text-decoration: none;
	background-color: FFC9DF;	
}
.courant {
	font-family: arial;
	font-size: 11px;
	color: #333333;
}
.courant p{
	font-family: arial;
	font-size: 11px;
	color: #333333;
	text-indent:10px;
	white-space: pre;
	text-align: left;
}
.courant a{
	font-family: arial;
	font-size: 11px;
	color: #FF0066;
	text-decoration: none;

}

.courant a:hover{
	font-family: arial;
	font-size: 11px;
	color: #FF0066;
	text-decoration: none;
	background-color: FFC9DF;
}
.titrageagenda {
	font-family: arial;
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #333333;
	background-position: left top;
	text-align: left;
	vertical-align: middle;
	text-indent:10px;
}
.ctrs {
	border-top: 1px #666666;
	border-right: 1px #666666;
	border-bottom: 1px #666666;
	border-left: 1px #666666;
}
.exceptionnel {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #FF0066;
}
/*** Gryphe ***/
td.sommaireGryphe {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
td.sommaireGryphe h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0;
	color:#05328D;
}
td.sommaireGryphe p{
	margin:0;
	padding:0px 0px 20px 0px;
}
div.commandeGryphe h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	padding:0;
	color:#EE6217;
	text-transform:uppercase;
}