/*======================================*/
/* DEFINITION OF THE SCREEN AREAS (DIV) */
/*======================================*/
/*------------------------------------------*/
/* ID -> Must Be Unique among the HTML Page */
/*------------------------------------------*/
#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:55px; left:670px; width:55px; height:55px;
  padding:5; /* top right bottom left */
}
#titre {
  position:absolute;
  top:130px; left:20px; width:370px; height:170px;
  padding:0; /* top right bottom left */
}
#actu {
  position:absolute;
  top:140px; left:470px; width:320px; height:120px;
  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" ! */
}

/*---------------------------------------------------------------------*/
/* CLASS -> Possibly Used by several Objects with same Characteristics */
/*---------------------------------------------------------------------*/
.content {
  position:absolute;
  top:150px; left:10px; width:753px;
  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;
}
/* pages mentions légales - crédits */

body.credits {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
body.credits h1 {
color:#27328C;
font-size:22px;
}
body.credits h2 {
color:#000;
font-size:16px;
margin-bottom:2px;
}