/* ********************************************************************* */
/* Feuille de style du site non-officiel "Dan Ar Braz"                   */
/* Propriete de l'association "De Bretagne et d'Ailleurs                 */
/* ********************************************************************* */


/* ********************************************************************* */
/* Fond bleu, texte blanc en arial */
/* Marge gauche de 150 px pour ne pas empieter sur le degrade du fond */
/* ********************************************************************* */

  BODY {background-color: #000033;
        text-align : left;
        color : #FFFFFF; 
        font-family : Arial, Helvetica, sans-serif;
        margin-top: 50px;
        margin-left: 150px;
        margin-right : 50px;
        margin-bottom: 50px }



/* ********************************************************************* */
/* Mise en page, presentation                                            */
/* ********************************************************************* */

/* ********************************************************************* */
/* Paragraphe standard : aligne a gauche, taille de police d'environ 2 */

   P {  text-align    : left; 
        font-size     : 10pt; 
        font-weight   : normal;
        margin-bottom : 20px;
        margin-left   : 20px;
        margin-right  : 20px  }

   P.solo { 
        margin-left   : 80px;
        margin-right  : 100px  }

/* Note : utilisé dans index.htm (partout) */


/* ********************************************************************* */
/* Paragraphe de presentation : font en gras */

   P.present {
        font-size   : 11pt; 
        font-weight : bolder;
        margin-left   : 10px;
        margin-right  : 10px
  }

   P.present_date {
        font-size   : 11pt; 
        font-weight : bolder;
        margin-left   : 150px
 
  }  /* Note : utilisé dans index.htm (date de mise ŕ jour)*/


/* ********************************************************************* */
/* Paragraphe de citation: font en gras, plus petite. Italique */

   P.citation {
        font-size   : 8pt; 
        font-weight : bolder;
        font-style  : italic;
        margin-left   : 10px;
        margin-right  : 10px }

/* Note : utilisé dans index.htm */



  P.titre {
        text-align: left; 
        font-weight: bolder; 
        font-size : 13pt  }

/* ********************************************************************* */
/* Paragraphe note : font petite */

   P.note_right {
        text-align: right; 
        font-size : 7pt  }

   P.note_left {
        text-align: left; 
        font-size : 7pt  }



/* ********************************************************************* */
/* Les notes de bas de page : centree */

   P.bas_de_page {
        font-size : 10pt; 
        text-align: center }

/* Note : utilisé partout */


/* ---------- */
/* Séparateur */

   HR {  width : 50%;
         text-align : center;
         margin-top: 20px;
         margin-bottom: 25px }



/* ********************************************************************* */
/* Tables */

  table {
        border=0}
  td {
/*      padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px 
*/  }

  td.image {
        vertical-align : top; 
        padding-left: 20px;
        padding-right: 20px }



  td.menu {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 15px }


  TD.titre_left {
        text-align: left; 
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 40px; 
        font-weight: bolder; 
        font-size : 13pt  }

/* Note : utilisé dans contact.htm (cadre) */


   TD.titre_right {
        text-align: right; 
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 40px; 
        font-weight: bolder; 
        font-size : 13pt  }


/* ********************************************************************* */
/* Mise en forme du texte                                                */
/* ********************************************************************* */


/* ********************************************************************* */
/* surlignage */

font.surlignage
{
        color: #3333CC ; 
        font-weight: bolder;
        font-style: italic
}


/* Format de titres */

   H1 { text-align: center; 
        font-size : 18pt; 
        font-weight: bolder }

   H2 { text-align: center; 
        font-size : 15pt; 
        font-weight: bolder }



/* ********************************************************************* */
/* Format de Liste */

   li { text-align: left; 
        font-size : 10pt;
        margin-bottom : 20px;;
        margin-left   : 190px; /* En retrait de 100 Par rapport au paragraphe normal */
        margin-right  : 200px
   }

  li.bio { text-align: left; 
        display: inline;
        font-size : 10pt;
        margin-bottom : 20px;;
        margin-left   : 90px;
        margin-right  : 100px
   }

   li.mediat { text-align: left; 
        font-size : 10pt;
        margin-bottom : 20px;;
        margin-left   : 20px; /* En retrait de 20 Par rapport au paragraphe normal */
        margin-right  : 20px
   }

 
/* Liens : couleur blanche, texte en petit, sans bordure apres visite */

/*   a:link, a:visited {
        color: #0099FF; 
        font-size: 13pt; 
        font-weight: bolder; 
        border : 0;
        text-decoration: none }
*/
/* Les liens sous forme texte "s'eclairent" (en inverse video ) quand la souris passe dessus */
/*   a:hover {
        background-color: #0099FF;
        color: #000033}
*/


/* ----------------------------------------------------- */
/* Format de lien formant des menus : taille plus grosse */

   a.menu:link, a.menu:visited {
        text-decoration: none;		/* Liens non soulignés */
        color: #FFFFFF;
        font-size: 13pt;
        font-weight: bolder }

   /* Les liens sous forme texte "s'eclairent" (en inverse video ) */
   /* quand la souris passe dessus */

   a.menu:hover {
        background-color: #FFFFFF;
        color: #000033}

/* Note : utilisé dans contact.htm  */



   /* Dans le menu, on indique differemment le titre de la page sur laquelle  on se trouve */
   a.nav:link, a.nav:visited{
        font-size: 12pt; 
        font-weight: bolder; 
        border : 0;
        text-decoration: none;
        background-color: #000033;
        color: #FFFFFF
    }


   a.nav:hover{
       background-color: #FFFFFF;
        color: #000033
   } 

   a.nav_pt:link, a.nav_pt:visited {
        background-color: #0099FF;
        color: #000033;
        font-size: 8 pt; 
        font-weight: normal; 
        border : 0;
        text-decoration: none }

   a.nav_pt:hover{
        background-color: #000033;
        color: #0099FF}

/* -------------- */
/* Liens "petits" */

   a.txt:link, a.txt:visited {
        text-decoration : none;		/* Liens non soulignés */
        color           : #FFFFFF  ; 
        background-color: #000033;
        font-size       : 7pt }

   a.txt:hover {
        font-size       : 7pt;
        color           : #000033; 
        background-color: #FFFFFF}

/* Note : utilisé partout pour le lien DBDA */


}