/* STYLES SPECIFIQUES A LA RUBRIQUE CHRONIQUES */

.alpha       { color: rgb(0, 3, 48); font-size: 22pt; line-height: 
               100%; vertical-align: middle; font-weight: bold; text-align: 
               center; margin-left: 0px; margin-right: 0px; margin-top: 25px; 
               margin-bottom: 15px; }

h5           { font-size: 16pt; color: #20205e; font-style: italic; text-align: center; 
               margin-top: 20px; 
               margin-bottom: 15px; }

.chronique   { font-size: 10pt; color: #14395e; text-align: justify; 
               text-indent: 25px; line-height: 12pt; margin-top: 0px; margin-bottom: 10px; }

.chroquest   { font-size: 10pt; color: #14395e; text-align: justify; 
               text-indent: 25px; line-height: 12pt; margin-top: 0px; margin-bottom: 0px; font-weight: bold;}

.infosalbum  { font-size: 11pt; color: #14395e; font-weight: bold; 
               text-align: center; line-height: 120%; }

.chrosignature   { font-size: 10pt; margin: 20px 60px 15px 20px; text-align: right; font-weight: bold; }

.chroparution   { font-size: 10pt; margin: 25px 0px 2px; text-align: left; font-weight: bold; color: rgb(0, 3, 48);}

.tracklist   { margin: 0px 8px 5px; color: rgb(0, 3, 48);}

.tracklistsmall   { font-size: 8pt; line-height: 12px; margin: 0px 8px 5px; color: rgb(0, 3, 48);}

.tracklistsmallbold   { font-size: 9pt; line-height: 12px; margin: 0px 8px 0px; font-weight: bold; color: rgb(0, 3, 48);}

.tracklistbig   { font-size: 9pt; color: #14395e; font-weight: bold; text-align: center; 
               line-height: 13px; margin: 0px 8px 0px; color: rgb(0, 3, 48);}

.titrentretien   {font-size: 11pt; color: rgb(0, 3, 48); font-weight: bold;
                  text-decoration: underline; text-align: left; 
                  margin-top: 15px; margin-bottom: 15px;}

/* ATTENTION : la page 1chronique.php utilise un style spécifique implanté en local pour p, li, td, (ht de ligne 14pt au lieu de 12) */



.mainconteneurcenter {
margin: 0px;
width: 775px;
background-color: rgb(255, 255, 255);
text-align: center;}

.mainconteneurchro {
position: relative;
left: 0px;
margin: 0px;
padding-left: 25px;
padding-right: 14px;
width: 736px;
background-color: rgb(255, 255, 255);
}

.contchro {
clear: both; 
width: 725px;
padding-right: 11px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: rgb(255, 255, 255);
background-image:url(banniere/fond1chro.jpg);
background-position: left;
background-repeat: repeat-y;
overflow: hidden;
}

.imgfdchro {
display: block;
}


/* CHRONIQUES corps de page */

.imgfdchro {
display: block;
}

.imgcd {
width: 182px;
height: 182px;
margin-left: 11px;
}

.imgdvd {
width: 182px;
height: 242px;
margin-left: 11px;
}

.tracklistcol {
float:left;
width: 213px;
text-align: center;
}

.tracklistcol h3 {
font-size: 9pt;
color: rgb(0, 3, 48);
font-weight: bold;
text-align: center; 
line-height: 12pt;
text-decoration: underline;
margin: 8px 7px 5px;}

.chrocentre {
float:left;
width: 540px;
text-align: center;
padding-right: 11px;
background-image: url(banniere/fondchroniques.jpg);
background-position: left;
background-repeat: repeat-y;
overflow: hidden;
}

.antibugital {
clear: both;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
width: 500px;
text-align: center;
}

.antibugital h1 {
color: rgb(0, 3, 48);
font-size: 19pt;
line-height: 100%;
vertical-align: top;
text-align: center;
font-weight: bold;  
margin-bottom: 15px;
margin-top: 2px; }

.antibugital h2 {
font-size: 14pt;
color: rgb(0, 3, 48);
font-style: italic;
text-align: center;
font-weight: bold;
margin-top: 10px; 
margin-bottom: 3px }


a.menuchro:link {  font-weight:bold; color: rgb(18, 80, 143); font-size:9pt; text-decoration:none; border: 2px;}                             /* LIENS GLOBAUX */
a.menuchro:visited { font-weight:bold; color: #6987a6; font-size:9pt; text-decoration:none; border: 2px;}
a.menuchro:hover { font-weight:bold; color: #6987a6; font-size:9pt; text-decoration:underline; border: 2px;}
a.menuchro:focus { font-weight:bold; color: #6987a6; font-size:9pt; text-decoration:underline; border: 2px;}  
a.menuchro:active { font-weight:bold; color: #6987a6; font-size:9pt; text-decoration:underline; border: 2px;}

/* INDEX DES CHRONIQUES */

a.db:link { font-weight: bold; color: #99aed0; font-size: 10pt; text-decoration: none }
a.db:visited { font-weight: bold; color: #99aed0; font-size: 10pt; text-decoration: none }
a.db:hover { font-weight: bold; color: #99aed0; font-size: 10pt; text-decoration: underline }
a.db:active { font-weight: bold; color: #99aed0; font-size: 10pt; text-decoration: underline }

.it {font-style: italic; font-weight: bold;}

#overDiv td { padding: 4px;}

#alphachro {
clear: right;
margin-top: 65px;
margin-left: auto;
margin-right: auto;
table-layout: fixed;
padding: 0px;
border-collapse: separate;
}

#alphachro td {
width: 30px;
height: 28px;
border-width: 2px;
border-style: solid;
border-color: rgb(79, 148, 219);
text-align: center;
vertical-align: middle;  
}

a.indexc:link {  display: block; padding-top: 6px; width: 30px; height: 22px; background-color: #ffffff; font-weight:bold; color: rgb(0, 3, 48); font-size:13pt; text-decoration:none; background-image:url(boutons/alphabt.jpg); background-repeat:no-repeat; background-position: top; overflow: hidden; }                  /* utilisé dans index des articles */
a.indexc:visited {  display: block; padding-top: 6px; width: 30px; height: 22px; background-color: #ffffff; font-weight:bold; color: rgb(0, 3, 48); font-size:13pt; text-decoration:none; background-image:url(boutons/alphabt.jpg); background-repeat:no-repeat; background-position: top; overflow: hidden; }
a.indexc:hover {  display: block; padding-top: 6px; width: 30px; height: 22px; background-color: #6ba0d7; font-weight:bold; color:#ffffff; font-size:13pt; text-decoration:none; background-image:url(boutons/alphabt.jpg); background-repeat:no-repeat; background-position: bottom; overflow: hidden; }
a.indexc:active {  display: block; padding-top: 6px; width: 30px; height: 22px; background-color: #6ba0d7; font-weight:bold; color:#ffffff; font-size:13pt; text-decoration:none; background-image:url(boutons/alphabt.jpg); background-repeat:no-repeat; background-position: bottom; overflow: hidden; }

.pagegauchebaschro { clear: left;
padding-left: 30px;
width: 358px;
float: left;
text-align: left;}

.pagedroitbaschro { clear: right;
padding-right: 30px;
width: 357px;
float: right;
text-align: right;}