/*======================================*/
/* 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:280px; left:10px; width:763px; height:600px;
  padding:0; /* top right bottom left */
}

#infoevent {
  position:absolute;
  top:320px; left:90px; 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:280px; left:175px; width:592px;
}
#une {
  position:absolute;
  top:130px; left:225px; width:592px;
}
#infos_droite {
  position:absolute;
  top:130px; 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;
}


/*--------AGENDA----------*/
.txtgris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
 .select
   { width:263px; }
   
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:bold;}