feuille de style css

/*BARRE DE NAVIGATION*/
ul.navlinks {
  margin-top: -5px;
}
 
.navbar {
width: 900px;
height: 20px;
text-align: center;
background-color: #2f4a66;
margin-left: 50px;
margin-top: -1px;
padding-bottom: 3px;
}
a.mainmenu
{
  font-family: Trebuchet MS;
color: white!important;
margin-left: 4px;
margin-right: 4px;
text-transform: uppercase;
font-size: 11px;
font-style: normal;
letter-spacing: 1px;
text-shadow: 0px 0px 2px black;
}

a.mainmenu:hover
{
  background-color: #D6D6D6;
  height: 20px;
  widht: 50px;
  margin: auto;
 }

.bodyline{background-color: #transp;
border: 1px dotted;}

.bodylinewidth
{
  width: 800px;
}

.bodyline
{
  width: 900px;
  padding: 0;
  background: #438494;
}
body
{
  background: #bababa;
}
.bodylinewidth
{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -9px;
}
.bodyline
{
  width: 800px;
  padding: 0;
  background: #c0c0c0;
  border-left: 5px solid #438494;
  border-right: 5px solid #438494;
  box-shadow: 0px 0px 10px #000000;
  -moz-box-shadow: 0px 0px 10px #000000;
  -o-box-shadow: 0px 0px 10px #000000;
  -htm-box-shadow: 0px 0px 10px #000000;
  -webkit-box-shadow: 0px 0px 10px #000000;
}
.bodyline
{
  background:#e4e4e4;
}
/**BARRE DE NAVIGATION AVEC OMBRE**/
a.cattitle {
text-shadow: 2px 2px 15px #000;
}
a.forumlink {
   color: #7498A8;
   font: 100%, serif;
   text-transform : uppercase;
   text-align: center;
   border-bottom: 1px dotted;
   letter-spacing: 3px;
   display: block;
   }
/*PA*/

a.imginfo {
position: relative;
color: #9e7d64;
font-family: arial, verdana, sans-serif;
text-align: center;
font-size: 11px;
}

a.imginfo span {
display: none;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

a.imginfo hover {
background: none;
z-index: 999;
}

a.imginfo:hover span {
display: block;
position: absolute;
z-index: 999;
overflow: hidden !important;
white-space: normal;
top: -5px;
left: 2px;
text-align: center;
text-decoration: none !important;
width: 105px;
background: #EDF5F8;
padding: 4px;
border: 6px double #8cb891;
}

/*FIN PA*/
#nav_barr {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
width:790px; /*--- pour régler la largeur de la barre ---*/
background-color: #fff; /*--- On donne une couleur au fond ---*/
border:1px #fff solid;  /*--- On ajoute une bordure ---*/
margin-left:-395px; /* pour centrer:  largeur divisée par -2 */
left:50%;
  opacity: 0.9;
  height: 25px;
}
.quote .code {
  width: 500px;
  overflow-x: auto;
}
/*** SCROLLBAR ***/

::-webkit-scrollbar
{background-image:url('http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png');
  height:10px;
  width:10px}

::-webkit-scrollbar-thumb
{background:#a5a5a5;
  background-image:url('http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png');
  border-radius:30px}
/* chatbox */

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Oserez-vous parler ?" ; }
#chatbox_header .catBottom .cattitle {
    color: ;
} 
.selectCode {
  float:right;
  text-transform: uppercase;
  cursor:pointer;
color: blue;}
.signature_div img {
  max-height:300px;
  max-width:500px;
}


div.infobulle
{
 position: relative;
 float: left;
color: black;
}

div.infobulle span
{
 display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  color: black;
}

/* style de l infobulle */

div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
width:150px;
height:auto;
top: 115px;
left:25px; /* on positionne notre infobulle */
background-color: beige;
padding: 3px;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
text-align: center;
font-size: 14px;
}

a.lienpa{
font-size:30px;
font-family:Impact;
color:black;
letter-spacing:2px;
}
a.lienpa:hover{
font-size:30px;
font-family:impact;
color:gray;
letter-spacing:2px;
}
.contourlien{
width:650px;
border:2px black solid;
padding:10px;
text-align:center;
background-color:beige;
float:left;
margin-bottom:-30px;
margin-left:60px;
}
.contourlien:hover{
width:650px;
border:2px black solid;
padding:10px;
text-align:center;
background-color:white;
float:left;
margin-bottom:-30px;
margin-left:60px;
}

.contourpa{
border:2px black solid;
padding-top:30px;
padding-right:10px;
padding-left:10px;
padding-bottom:10px;
background-color:beige;
}

.presforum{
text-align:justify;
border:2px black solid;
padding:10px;
color:black;
font-size:12px;
font-family:comic sans ms;
background-color:beige;
}
.presforum:hover{
text-align:justify;
border:2px black solid;
padding:10px;
color:black;
font-size:12px;
font-family:comic sans ms;
background-color:white;
}

.titre{
font-size:30px;
font-family:impact;
letter-spacing:1px;
text-align:center;
color:gray;
margin-bottom:-7px;
}

.actus{
height:90px;
overflow:auto;
text-align:justify;
border:2px black solid;
padding:10px;
color:black;
font-size:12px;
font-family:comic sans ms;
background-color:beige;
}
.actus:hover{
height:90px;
overflow:auto;
text-align:justify;
border:2px black solid;
padding:10px;
color:black;
font-size:12px;
font-family:comic sans ms;
background-color:white;
}


.partenaire{
height:90px;
overflow:auto;
text-align:center;
border:2px black solid;
padding:10px;
color:black;
font-size:12px;
font-family:comic sans ms;
background-color:beige;
}

.partenaire:hover{
height:90px;
overflow:auto;
text-align:center;
border:2px black solid;
padding:10px;
color:black;
font-size:12px;
font-family:comic sans ms;
background-color:white;
}

.credits{
text-align:justify;
border:2px black solid;
padding:10px;
color:black;
font-size:10px;
font-family:comic sans ms;
}
/* CONTENEUR PRINCIPAL */
#tfa_cycle {   
width: 600px;   
height: 200px;   
position: relative;   
overflow: hidden;   
margin: 10px auto;
padding: 0;
}

/* BLOCS DE CONTENUS */
.tfa_cycle_content, .tfa_cycle_content1{
width: 580px;   
height: 200px;
margin: auto;
padding: 0;
-webkit-border-radius: 15px;   
-moz-border-radius:15px ;   
border-radius: 15px ;
}

/* FOND 1 - IMAGE DE FOND ET BORDURES */
.tfa_cycle_content {   
background: url('http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg') #143851;   
border-left: 6px solid #bc0a27;   
border-right: 6px solid #78b8ca;
}

/* FOND 2 - IMAGE DE FOND ET BORDURES */
.tfa_cycle_content1 {   
background: url('http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg') #143851;   
border-left: 6px solid #78b8ca;   
border-right: 6px solid #bc0a27;
}

/* -------- PARTIES TEXTES ET IMAGES -------- */

/* TITRES POUR LE FOND 1 ET 2 */
.tfa_cycle_content h1, .tfa_cycle_content1 h1{
width: 580px;   
margin: 5px auto;
padding: 0;
color: #7fb7e5;
text-transform: uppercase;
text-align: center;   
font: 17px Orbitron;   
text-shadow: 0px 1px 0px #000;
}
/* PREMIERE LETTRE DU TIRE SUR LE FOND 1 */
.tfa_cycle_content h1:first-letter {   
font: 22px Verdana;
font-weight: bold;   
color: #42b1ff;   
text-shadow: 0px 1px 0px #000;
}

/* PREMIERE LETTRE DU TIRE SUR LE FOND 2 */
.tfa_cycle_content1 h1:first-letter {   
font: 22px Verdana;
font-weight: bold;   
color: #CC0000;   
text-shadow: 0px 1px 0px #000;
}

/* EMPLACEMENT ET BORDURE DES IMAGES */
.imgix{
display: block;
width: 96%;
margin: auto;
text-align: center;
}
.imgix img{
border: 2px solid #2c587b;
}
/* PARAGRAPHE */
.my_news p{
width: 96%;
margin: 5px auto 0;
padding: 0;
font: 12px Arial;
color: #cbdeee;
}

.block, .titre, .lien {
 
background-repeat: no-repeat;
  padding:5px;
background-position:center;
  background-color : #8cabca;
box-shadow: 0px 0px 2px #000000;
}

.block, .lien {
  text-align: center;
  padding: 10px;
}

td {
  vertical-align: top;
}


/* Images */
.block-partenaires img, .thumbnail > div {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    transition: opacity 1s;
}

.block-partenaires img {
  width: 99px;
  height: 41px;
  padding: 1px;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
       
.block-partenaires img:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

.thumbnail {
  position: absolute;
  z-index: 0;
  margin:1px;
}

.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}

.thumbnail > div {
  position: absolute;
  left: -2000px;
  padding: 5px;
  margin: auto;
  background-color: #000000;
  color: #ffffff;
  text-shadow: 0px 0px 8px #000000;
  border: #ffffff 1px solid;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

.thumbnail:hover > div {
  top: 0px;
  left: 0px;
  width: 99px;
  height: 41px;
 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
 
}


/* Liens */

.titrepa{
  text-align : center ;
font-size: 20px;
 color:#8cabca;
text-shadow: 1px 1px 0px #ffffff;
font-variant: small-caps;
padding-top: 3px;
padding-bottom: 3px;
font-weight: bold;
}

a.tstaff {
  display: block;
  text-align: center;
  margin-top: 95px;
}

.block a {
  text-decoration: none;
}

/* Blocs */
.block-welcome {
  height: 120px;
  overflow: auto;
  text-align: justify;
margin-left:10px;
  margin-right:10px;
  padding:5px;
}
 .block-staff {
  height: 120px;
  text-align: justify;
margin-left:10px;
  margin-right:10px;
  padding:5px;
}

.opacite {
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
.opacite:hover {
    opacity: 1;
-moz-opacity: 1;
  filter: alpha(opacity=100);
}

.block-welcome {
  width: 400px;
}

.block-staff {
  width: 320px;
}

.block-staff table {
  margin: auto;
}

.block-staff td {
  width: 92px;
}

.block-partenaires, .block-nouveautes, .block-credits { 
  width: 220px;
  height: 110px;
  padding:5px;
margin-left:10px;
  margin-right:10px;
}

.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
  width: 220px; 
  height: 98px;
}


/* Titres */
.titre {
  font-family: impact;
  font-size: 14px;
  padding: 4px;
  margin: auto;
  margin-bottom: 5px;
}

.titre-welcome {
  height: 130px; 
  width: 20px; 
  padding: 7px;
  margin-right: -4px;
  margin-top: 15px;
  text-align: center;
 
  border-right: 0px #ffffff solid;
}

.titre-staff {
  width: 130px;
  text-align: center;
}

.titre:hover {
  background: #FFFFFF;
  color: #000000;
  text-shadow: 0px 0px 8px #000000;
}

.titre-welcome:hover {
  background: #000000;   
  color: #ffffff;
  text-shadow: 0px 0px 8px #ffffff;
}


span.infoadmins {
  position: relative;
  text-decoration: none;
}
span.infoadmins span.bulle {
  display: none;
  font-size: 12px;
}
span.infoadmins:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
span.infoadmins:hover span.bulle {
  display: inline;
  position: absolute;
left: -10px;
width; 150px;
top:10px;
  color: #2f4a66;
background-color : #EBEBEB;
  border : 2px solid #8cabca;
  padding: 3px;
  -moz-border-radius: 5px;
}

span.infoadmins span.bulles {
  display: none;
  font-size: 10px;
}

span.infoadmins:hover span.bulles {
  display: inline;
  position: absolute;
left: 50px;
width; 150px;
top:0px;
  color: #8cabca;
background-color : #EBEBEB;
  border : 2px solid #2f4a66;
  padding: 3px;
  -moz-border-radius: 5px;
}

.menunav {
width: 210px;
  padding:2px;
  background-color:#cbdeee;
    border-left : 2px solid #2f4a66;
      border-right : 2px solid #2f4a66;
}
.menunav:hover {
  width: 210px;
  background-color:#EBEBEB;
    color: #E2E8EB;
  letter-spacing:1px;
      border-left : 2px solid #47709a;
      border-right : 2px solid #47709a;
}


/*BARRE DE NAVIGATION*/
ul.navlinks {
  margin-top: -5px;
}
 
.navbar {
width: 900px;
height: 20px;
text-align: center;
background-color: #2f4a66;
margin-left: 50px;
margin-top: -1px;
padding-bottom: 3px;
}
a.mainmenu
{
  font-family: Trebuchet MS;
color: white!important;
margin-left: 4px;
margin-right: 4px;
text-transform: uppercase;
font-size: 11px;
font-style: normal;
letter-spacing: 1px;
text-shadow: 0px 0px 2px black;
}

a.mainmenu:hover
{
  background-color: #D6D6D6;
  height: 20px;
  widht: 50px;
  margin: auto;
 }