/* TRBL couleurs utilisées :
rouge : #be0926   #990000 (visited)
gris :  #C8C1C8    ( #ddc7d0) #9e939e
bleu-gris 
   */

html, body {
height:100%; /* page occupe toute la hauteur de la fenêtre*/
padding:0; /* pour Opéra qui défini des marges par défaut au body */
margin:0;
background:#fff;} 
	
div#global { 
position:relative;
min-height:100%;  /* page occupe toute la hauteur de la fenêtre*/
width:850px;
margin: 0 auto ; /*centre la page*/
padding: 0 10px;
text-align:center; /* pour IE, pour centrer la page*/
	} 

#global img {border: 0 none;} /* elimine le cadre bleu entourant les images cliquables*/

#global li{list-style-type:none; }

#global a {text-decoration: none;}

#global img {margin : 10px 10px;}

/* 2 colonnes  ----------------------------------------------------------------*/
#corps {
overflow:auto; /* oblige à englober les div flottant dans calcul de sa hauteur = contexte de formatage*/
padding-bottom:10px;
width:850px;
min-height:300px;}

#menu{
float:left;
width:200px;
margin: 20px 0 0 0;
text-align:left;
min-height:560px;}

#contenu {
float:left;
width:620px;
margin: 20px 0 0 0;
height:auto;
 }

/* menu general ----------------------------------------------------------------*/
ul#menugeneral {
margin:0; 
padding: 0;
font: bold 100% Verdana, Arial, Helvetica, sans-serif; }
/* TRBL couleurs utilisées :
rouge : #be0926   #990000 (visited)
gris :  #C8C1C8    ( #ddc7d0) #9e939e
bleu-gris 
   */
#menugeneral li {margin:0 2px; color: #b4b7cc; list-style-type:none; }

#menugeneral a {color: #b4b7cc; text-decoration: none; 
display: block;
width:155px;
border:1px solid #000;
padding:5px 5px;
background:#000;
text-align:left;
margin:5px 10px;}

#menugeneral a:hover {color: #be0926; 
display: block;

width:150px;
padding:5px 5px;
border:1px solid #be0926;
background:#000;
text-align:left;
margin:5px 10px;}


/* pied de page ----------------------------------------------------------------*/
div#footer{
margin: 0 auto;
text-align: center;
}

/* menu vertical, texte gris */
ul#menuvertical {
margin:10px auto; padding: 0 0 20px 0;
background-position: bottom;
font: 55% Verdana, Arial, Helvetica, sans-serif;
text-align: center; }

#menuvertical li {display: inline; margin:0 2px; color: #C8C1C8; }

#menuvertical a {color: #be0926; text-decoration: none; }

#menuvertical a:hover {color: #C8C1C8; }

/* titres---------------------------------------------------*/
h1 {  /*texte centré gras rouge 100% */
margin: 0 auto 5px auto;
font: bold 100% Verdana, Arial, Helvetica, sans-serif;
letter-spacing : 0.2em;
color: #be0926;
text-align: center;}

h2 {   /*texte centré gras rouge 140% */
margin: 0 auto 20px auto;
font: bold 140% Verdana, Arial, Helvetica, sans-serif;
letter-spacing : 0.2em;
color: #be0926;
text-align: center; }

h3 {   /*texte gauche gras rouge 150% */
margin: 0 0 -20px 0;
font: bold 150% Verdana, Arial, Helvetica, sans-serif;
letter-spacing : 0.2em;
color: #be0926;
text-align: left; }

h4 {   /*texte gauche gras rouge 110% */
margin: 0 0 -15px 0;
font: bold 110% Verdana, Arial, Helvetica, sans-serif;
letter-spacing : 0.2em;
color: #be0926;
text-align: left; }

h5 {   /*texte centré gras bleu 150% */
margin: 0 auto 20px auto;
font: bold 150% Verdana, Arial, Helvetica, sans-serif;
letter-spacing : 0.2em;
color: #3070c8;
text-align: center; }
.h5 a { color: #9e939e;  }
.h5 a:hover { color: #be0926; }



/*paragraphes--------------------------------------------------*/
.pc1 { /*texte noir 120% centré */
font:  120%  "Courier New", Courier, monospace;
color: #000;
text-align: center; }
.pc1 a { color: #000; }
.pc1 a:hover { color: #be0926; }

.pc2 { /*texte noir 80% centré */
font:  80% "Courier New", Courier, monospace;
color: #000;
text-align: center; }
.pc2 a { color: #000; }
.pc2 a:hover { color: #be0926; }

.pc3 { /*texte rouge gras 100% centre*/
font: bold 100%  "Courier New", Courier, monospace;
color: #be0926;
text-align: center; }
.pc3 a { color: #be0926; }
.pc3 a:hover { color: #000; }

.pc4 { /*texte noir 100% centré */
font:  100%  "Courier New", Courier, monospace;
color: #000;
text-align: center; }
.pc4 a { color: #000; }
.pc4 a:hover { color: #be0926; }

.pc5 { /*texte noir 100% centré 350px */
width:400px;
font:  100%  "Courier New", Courier, monospace;
color: #000;
margin: 0 auto ; /*centre la page*/
text-align: justify; }
.pc5 a { color: #000; }
.pc5 a:hover { color: #be0926; }

.pc6 { /*texte noir 80% gras centré */
font: bold 80% "Courier New", Courier, monospace;
color: #000;
text-align: center; }
.pc6 a { color: #000; }
.pc6 a:hover { color: #be0926; }

.pc7 { /*texte noir 120% gras droite*/
font: bold 120% "Courier New", Courier, monospace;
color: #000;
text-align: left; }
.pc6 a { color: #000; }
.pc6 a:hover { color: #be0926; }

.pc8 {   /*texte centré gras noir 120% */
margin: -5px auto 0 auto;
font: 120% Verdana, Arial, Helvetica, sans-serif;
letter-spacing : 0.2em;
color: #000;
text-align: center; }
.pc8 a { color: #000;  }
.pc8 a:hover { color: #be0926; }

.pc9 { /*texte gris 65% gras centré */
margin: -20px auto 0 auto;
font: bold 65% "Courier New", Courier, monospace;
color: #9e939e;
text-align: center; }


.pg1 { /*texte rouge gras 100% gauche*/
font: bold 100%  "Courier New", Courier, monospace;
color: #be0926;
text-align: left; }
.pg1 a { color: #be0926; }
.pg1 a:hover { color: #000; }

.pg2 { /*texte noir 80% gauche*/
font:  80% "Courier New", Courier, monospace;
color: #000;
text-align: left; }
.pg2 a { color: #000; }
.pg2 a:hover { color: #be0926; }

.pg3 {   /*texte gauche gras bleu foncé 80% */
margin: 20px 0 -10px 0;
font: bold 80% Verdana, Arial, Helvetica, sans-serif;
letter-spacing : 0.2em;
color: #3b4bb2;
text-align: left; }

.pj1 { /*texte noir 100% justifié*/
font:  100% "Courier New", Courier, monospace;
color: #000;
text-align: justify; }
.pj1 a { color: #000; }
.pj1 a:hover { color: #be0926; }

.pj2 { /*texte noir 80% justifié*/
font:  80% "Courier New", Courier, monospace;
color: #000;
text-align: justify; }
.pj2 a { color: #000; }
.pj2 a:hover { color: #be0926; }

/*vignettes tableau--------------------------------------------------*/
table {
width:100%;
margin:auto;
text-align: center;
}

td {
font: bold 90% Verdana, Arial, Helvetica, sans-serif;
color: #000
text-align: center;}
td a { color: #000; }
td a:hover { color: #be0926; }


/*divers--------------------------------------------------*/
.lettrine {font-size:200% ;}

.rouge {color : #be0926 ;}

.gris {color : #4d5bb5;}

.gris2{color :#9e939e;}

.blanc {color : #fff;}

.noir {color : #000;}

.bleu {color:#3070c8;}

.t60 {font-size : 60%;}

.t70 {font-size : 70%;}

.t85 {font-size : 85%;}

.gras{font-weight : bold;}

.gg110 {color:#3070c8; font-weight : bold; font-size : 110%;}

.h4noir {color : #000; font-size : 80%;}

.ita {font-style:italic;}

.telerama {font: bold 110% Verdana, Arial, Helvetica, sans-serif; background-color:#be0926; color:#FFFFFF  }