/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  Palette de couleurs  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

body              { background-image: url(images/gif/blkbck12.gif);color:black; } /*couleur du fond de page*/ 
#bandeau          { background-image: url(images/gif/fond_bandeau.gif); }         /*couleur du bandeau de haut de page*/
#menu li a        { background-color: #FDC800; color: black /*#00b200*/; }    /* couleur orange */
#pieddepage       { background: #FFA600; }                              /*couleur du pied de page*/
#contenu          { background: #FFF4CC; }                              /* rose pâle du fond */  
.rond             { background: #FDC800; }                              /* bande verticale gauche */
.rond-ie          { background: #FDC800; }                              /* bande verticale gauche */

.blocdroite       { background: #FFF4CC; }                              /* bande verticale droite */
.interview        { background: #FFF4CC; }
.centre           { background: #BBCB06; }                              /*cadre d'introduction des 5 pages principales*/
.cadrecentral     { background-image:url(images/gif/div_centre.gif); }
.cadrecentral-ie  { background-image:url(images/gif/div_centre.gif); }
.cadrenews        { background-image:url(images/gif/div_centre.gif); }  /*cadre fixant les informations aléatoires*/
.cadrenews-ie     { background-image:url(images/gif/div_centre.gif); }  /*cadre fixant les informations aléatoires*/

.cadrepub         { background: #FDE179; }

hr                { background-color: #FFA600; }
p                 { color: black; }
h2                { color : black /*#af408d*/; }
h2.titrecentral   { color : #AF408D; }
a                 { color: #790253; }
a:link            { color: #790253; }


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  Détails des blocs  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

a {
  text-decoration:none;
  color:#7f0000;
  }

.center {
      text-align:center;
      }
.article {   /* format h2 des titres blocs "articles" dans missionnaires.php, etc...*/
           font-size:1.6em;
           margin-top:0.1%;
           margin-bottom:0.1%;
           padding:0.5% 0% 1% 0%;
          }

.blocdroite { float:right; width:12%; margin:3% 1% 3% 1%;}

body {                
        margin: 0.5% auto;  /* 1er chiffre : hauteur de la marge, 2è : met au centre */
        width: 100%;
        min-width: 740px;
        max-width: 1000px;
     }


#bandeau {
          height:120px;
          font-family: Segoe Print Bold;
          margin-top:0%;
          border:1px;
          border-style:groove;
          border-color: red /*#89a*/;
          text-decoration: none;
          padding:0%;
          }

#bandeautexte {
              font-size:2em;
              font-family:Arial;
              text-align:center;
              color:#790253;
              }

.08ctr {
        font-size:0.8em;
        text-align:center;
        }

.cadrecentral {
              
            font-weight:bold;
            color:#790253;
            padding:1%;
            text-align:center;
            width:100%;
            font-size:0.8em;
            font-family:Arial;
            border:2px;
            border-style:groove;
            border-color: #89a;
            text-decoration: none;
            /* -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            border-radius: 10px 10px 10px 10px;
            -webkit-border-top-left-radius: 10px; /* pour Chrome 
            -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
            }

.cadrecentral-ie {
            font-weight:bold;
            color:#790253;
            text-align:center;
            font-size:0.8em;
            font-family:Arial;
            border:1px;
            border-style:groove;
            border-color: #89a;
            text-decoration: none;
            }

.cadrecouleur {                       
              padding:1%;
              font-family:Arial;
              background-image:url(images/gif/div_centre.gif);
              color: black;
              border:2px;
              border-style:groove;
              border-color: #89a;
              text-decoration: none;
              /*-moz-border-radius: 10px 10px 10px 10px;
              -webkit-border-radius: 10px 10px 10px 10px;
              border-radius: 10px 10px 10px 10px;
              -webkit-border-top-left-radius: 10px; /* pour Chrome 
              -webkit-border-top-right-radius: 10px; /* pour Chrome */
             }

.cadrenews {
            text-align:center;
            margin:2% 2% 0% 2%;
            width:50%;

            font-family:Arial;
            border:2px;
            border-style:groove;
            border-color: #89a;
            text-decoration: none;
            -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            border-radius: 10px 10px 10px 10px;
            -webkit-border-top-left-radius: 10px; /* pour Chrome */
            -webkit-border-top-right-radius: 10px; /* pour Chrome */   
           }

.cadrenews-ie {
            text-align:center;
            margin:2% 2% 0% 2%;
            width:330px;

            font-family:Arial;
            border:2px;
            border-style:groove;
            border-color: #89a;
            text-decoration: none;
           }

.cadrep {
            float:left;
            margin-left:5%;
            margin-top:5%;
            padding:1%;
            text-align:center;
            font-size:0.8em;
            font-family:Arial;
            color: black;
            border:4px;
            border-style:groove;
            border-color: #89a;
            text-decoration: none;
            -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            border-radius: 10px 10px 10px 10px;
            -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            }
.citation1418 {
            margin-left:5%;
            margin-right:5%;
            font-style:italic;
            }


.video {
            text-align:center;
            margin:2% 0% 0% 0%;
            font-size:0.8em;
            font-family:Arial;
            /*padding:5%;*/
            /*background:yellow;
            border:3px;
            border-style:groove;
            border-color: blue;
            text-decoration: none;*/
          }

/* bloc texte intro milieu haut des pages principales */
.centre {
          
          padding:1%;
          font-size:1em;
          font-family:Arial;
          border:2px;
          border-style:groove;
          border-color: #89a;
          text-decoration: none;
          -moz-border-radius: 10px 10px 10px 10px;
          -webkit-border-radius: 10px 10px 10px 10px;
          border-radius: 10px 10px 10px 10px;
          -webkit-border-top-left-radius: 10px; /* pour Chrome */
          -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
          }

.citation {                       /* cadre intro page Gueguen "11.php"*/                      
          font-size:1.4em;
          text-align:center;
          padding:1%;
          font-family:Arial;
          width:30% !important;
          background: #FFBF02;
          color: black;
          border:2px;
          border-style:groove;
          border-color: #89a;
          text-decoration: none;
          -moz-border-radius: 10px 10px 10px 10px;
          -webkit-border-radius: 10px 10px 10px 10px;
          border-radius: 10px 10px 10px 10px;
          -webkit-border-top-left-radius: 10px; /* pour Chrome */
          -webkit-border-top-right-radius: 10px; /* pour Chrome */
          }
          
.citation55 {                       /* titres dans le sermon de Luc Côme en "55.php"*/                      
          background: #FFBF02;
          color: black;
          border:2px;
          border-style:groove;
          border-color: #89a;
          text-decoration: none;
          -moz-border-radius: 10px 10px 10px 10px;
          -webkit-border-radius: 10px 10px 10px 10px;
          border-radius: 10px 10px 10px 10px;
          -webkit-border-top-left-radius: 10px; /* pour Chrome */
          -webkit-border-top-right-radius: 10px; /* pour Chrome */
          }

. clear { float:both;}

#contenu {
          font-family:Arial,Verdana,Helvetica,Sans-Serif;
          font-size:1em;
          color:black;
          text-align:justify;
          line-height:1.2em;
          }

#corps {
        font-size:0.9em;
        text-align:left;
        margin-left:20%;
        margin-right:7%;
        }

#corps2011-04-27 {
        font-size:0.9em;
        text-align:left;
        margin-left:5%;
        margin-right:7%;
        }


#corps-ie {
        font-size:0.9em;
        text-align:left;
        margin-left:200px;
        margin-right:80px;
        }

.diaporama_index { /*pour le diaporama "actualités" de l'index*/
            float:left;
            margin-left:0%;
            text-align:center;
            font-size:0.8em;
            font-family:Arial;
            color: black;
            border:1px;
            border-style:groove;
            border-color: #89a;
            text-decoration: none;
            -moz-border-radius: 10px 10px 0px 0px;
            -webkit-border-radius: 10px 10px 0px 0px;
            border-radius: 10px 10px 0px 0px;
            -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            }
.diaporama_omi {
            float:left;
            margin-left:5%;
            padding:1%;
            text-align:center;
            font-size:0.8em;
            font-family:Arial;
            color: black;
            border:4px;
            border-style:double;
            border-color: #89a;
            text-decoration: none;
            -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            border-radius: 10px 10px 10px 10px;
            -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            }

#fixe {                    /* cf. renaudcelebration.php*/
      position:fixed;
      top:5%;
      right:16%;
      margin-top:2px;
      height:150px;
      width:200px;
      }

/*hr.index {
   height:0.3em;
   background-color:red #FDC800;
   border:0.1em solid grey;
   margin: -0.5em 0; pour le problème de marge supérieur de <hr> chez ie
   }*/
   
hr {
   line-height:0.1em;
   margin:-0.3em 0;
   }

h1 { font-size:1.7em;
     line-height:1em;
     text-align:center;
     padding:1%;
     font-family:Arial;
     margin:1% 2% 1% 12%;
     background-image:url(images/gif/div_centre.gif);
     color: black;
     border:2px;
     border-style:groove;
     border-color: #89a;
     text-decoration: none;
     -moz-border-radius: 10px 10px 10px 10px;
     -webkit-border-radius: 10px 10px 10px 10px;
     border-radius: 10px 10px 10px 10px;
     -webkit-border-top-left-radius: 10px; /* pour Chrome */
     -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
          }

.normal { font-size:1.7em;
          line-height:1em;
          text-align:center;
          padding:1%;
          font-family:Arial;
          margin:1% 2% 1% 12%;
          color: black;
          }


h2 { font-size:1.4em;}

h3 {font-size:1.4em;}


.imagebandeau {
           float:left;
           height:120px;
           }

/*---------------------------------------------------------------------------------------------------- */
/*--------------------------------------   images   -------------------------------------------------- */
/*---------------------------------------------------------------------------------------------------- */

.imgd { float:right; margin:2% 0% 2% 2%;border:4px double red;}


.imgg { float:left; margin:2% 2% 2% 0%;border:4px double red; }


.imgd0 { float:right; margin:0% 0% 0% 2%;border:4px double red;} /* sans marges */
.imgg0 { float:left; margin:0% 2% 0% 0%;border:4px double red; } /* sans marges */

.imgd00 { float:right; margin:0% 0% 0% 2%;} /* sans marges et sans cadre rouge*/
.imgg00 { float:left; margin:0% 2% 0% 0%;} /* sans marges et sans cadre rouge */


.cimgd { float:right; margin:2% 0% 2% 2%;font-style:italic;font-size:0.85em;} /*cadre droit pour photos*/
.cimgg { float:left; margin:2% 2% 2% 0%;font-style:italic;font-size:0.85em;} /* cadre gauche pour photos*/
.imgc { border:4px double red;} /*pour l'image dans le cadre*/

/*---------------------------------------------------------------------------------------------------- */
/*----------------------------------------   suite   ------------------------------------------------- */
/*---------------------------------------------------------------------------------------------------- */

.interview {
            padding:0px;
            text-align:center;
            font-size:0.8em;
            font-family:Arial;
            width:100px ;
            margin:auto;
            margin-bottom:1%;
            color: black;
            border:2px;
            border-style:groove;
            border-color: #89a;
            text-decoration: none;
            -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            border-radius: 10px 10px 10px 10px;
            -webkit-border-top-left-radius: 10px; /* pour Chrome */
            -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
            }

.intro5 { /*style pour les textes seuls... Arsène Perbost, duriez_fevrier2009, avec de grandes marges droite et gauche*/
       text-align:justify;
       font-size:0.8em;
       margin-top:0px;
       margin-left:80px;
       margin-right:80px;
       margin-bottom:30px;
       line-height:1.5em;
       }

.jmj {
      text-align:center;
      font-weight:bold;
      line-height:1em;
      }
      
.marron {
          color:#7f0000;
          }

.titreh2jmj {
            font-size:1.1em;
            font-weight:bold;
            color:blue;
            }

.titreh3jmj {
          font-size:0.9em;
          color:#7f0000;
          text-indent:3%;
          }

.pjmj {
          font-size:0.9em;
          color:#7f0000;
          margin-left:6%;
          margin-top:-1%;
          }

.titreh2togo {
            font-size:1.1em;
            font-weight:bold;
            color:blue;
            }

.titreh3togo {
          font-size:0.9em;
          color:#7f0000;
          text-indent:1%;
          }

.ptogo {
          font-size:0.9em;
          color:#7f0000;
          margin-left:6%;
          margin-top:-5%;
          }

.just { /* par exemple dans article n°13 */
     text-align:justify;
     }

/* pour adapter la largeur du site aux différentes largeurs d'écrans
on met une largeur en dynamique (100%) avec un minimum et un maximum
source : http://www.eklesia.net/spip.php?article115 */
#page  {                
        margin: 0.5% auto;  /* 1er chiffre : hauteur de la marge, 2è : met au centre */
        width: 1000px !important;
        width: 100%;
        min-width: 740px;
        max-width: 1000px;
     }

#pieddepage {
            margin-top:2%;text-align:center;
            font-size:0.8em;
            border:2px;
            border-style:groove;
            border-color: #89a;
            text-decoration: none;
            /*-moz-border-radius: 0px 0px 20px 20px;
            -webkit-border-radius: 0px 20px 20px 20px;
            border-radius: 0px 0px 20px 20px;
            -webkit-border-top-left-radius: 0px;  pour Chrome 
            -webkit-border-top-right-radius: 0px;  pour Chrome */ 
          }

.question {
          font-weight:bold;
         }
.rond {                       
          font-size:0.8em;
          font-family:Arial;
          width:180px;
          margin:0% 0% 3% 1%;
          border:3px;
          border-style:groove;
          border-color: #AF408D;
          text-decoration: none;
          -moz-border-radius: 10px 10px 10px 10px;
          -webkit-border-radius: 10px 10px 10px 10px;
          border-radius: 10px 10px 10px 10px;
          -webkit-border-top-left-radius: 10px; /* pour Chrome */
          -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
          }
.rond-ie {                       
          font-size:0.8em;
          font-family:Arial;
          width:190px;
          margin-bottom:6px;
          border:1px;
          border-style:groove;
          border-color: #AF408D;
          text-decoration: none;
         }

.spacer { clear:both; }


/*#################################################################################################### */
/*###################################   Programme pour le menu   ##################################### */
/*#################################################################################################### */
/*  http://www.siteduzero.com/tutoriel-3-37795-creer-un-menu-horizontal-deroulant-en-css.html  */

#menu, #menu ul
{
        padding : 0%; /* pas de marge intérieure */
        margin : 0%; /* ni extérieure */
        margin-left:15%;
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
        padding-bottom:3%;
}

#menu /* Ensemble du menu */
{
        /*font-weight : bold;  on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0%; /* aucune marge intérieure */
        background : #000; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 110px; /* largeur */
        margin-right:5%; /* met un espace entre les blocs de menu sur FF sans toucher à IE !!!??? tant mieux ! */
}

#menu li
{ 
        float : left;
        /* pour IE qui ne reconnaît pas "transparent" */
        /*border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
        
}

html>body #menu li
{
        /*border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        margin:0%;
        width: 110px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
        
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
        background: #fff; /* ... et au contraire, le fond en blanc */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0%; /* Corrige un bug sous IE */
}



/*---------------------------------------------------------------------------------------------------- */
/*------------------------------------- Indications débuts lignes- ----------------------------------- */
/*---------------------------------------------------------------------------------------------------- */






/*---------------------------------------------------------------------------------------------------- */
/*------------------------------------- Indications particulières------------------------------------- */
/*---------------------------------------------------------------------------------------------------- */


/*----------------------------------------- */
/*---  Page François Bousso : "23.php"  --- */
/*----------------------------------------- */

.resistance {
            width:50%;
            margin:3% 2% 3% 45%;
            padding:1%;
            font-style:italic;
            text-align:center;
            font-size:0.9em;
            font-family:Arial;
            color: black;
            background-image:url(images/gif/div_centre.gif);
            border:2px;
            border-style:groove;
            border-color: #89a;
            text-decoration: none;
            -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            border-radius: 10px 10px 10px 10px;
            -webkit-border-top-left-radius: 10px; /* pour Chrome */
            -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
            }



/*------------------------------------ */
/*---  Page Paul Cuisy : "24.php"  --- */
/*------------------------------------ */

a.info_bulle span {								   
    position        :  absolute;
    padding         :  1%;
    top             :  -2000em;
    left            :  -1000em;
    width           :  100px;
    height          :  20px;
    overflow        :  hidden; 
    background-image:  url(images/gif/div_centre.gif);
    border          :  2px;
    border-style    :  groove;
    border-color    :  #89a;
    text-decoration :  none;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-top-left-radius: 10px; /* pour Chrome */
    -webkit-border-top-right-radius: 10px; /* pour Chrome */
    }     

a.info_bulle {				
  color           : #000000; /* Couleur de notre lien */
  font-size       : 1em;   /* Taille de la police */
  text-decoration : none;    /* Aucun soulignement du texte */
  padding         : 2px 12px 2px 2px; /*Définition des marges intérieures de notre lien */
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
  }

a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
    {
    top        :  450px;
    left       :  250px;
    width      :  500px;
    height     :  auto;
    overflow   :  visible;
    }

a.info_bulle:hover 
 {
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
 }      
 
.imgw { float:left; margin:2% 2% 2% 0%; width:400px; }
.imdw { float:right; margin:2% 0% 2% 2%; width:400px; }
.img { float:left; margin:2% 2% 2% 0%; }
.imd { float:right; margin:2% 0% 2% 2%; }

/*.img {
      float:left;
      border:0px;
      margin-top:-10px;
      }*/

.img2 {
      float:left;
      border:0px;
      padding-left:15%;
      }      

.imgcentrée {
            border:0;
            padding:5px;
            padding-left:24%;
            float:left;
            }
#pouf {
       padding-top:0%;
       font-size:1.5em;
       font-family:Arial;
       text-align:center;
       }

.cadrevideo {
            font-size:0.8em;
            font-family:Arial;
            width:16.5%;
            margin-top:1%;
            color: black;
            background-image:url(images/gif/div_centre.gif);
            border:2px;
            border-style:groove;
            border-color: #89a;
            text-decoration: none;
            -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            border-radius: 10px 10px 10px 10px;
            -webkit-border-top-left-radius: 10px; /* pour Chrome */
            -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
            }

.cadrepub {
              
            padding:0.5%;
            font-size:0.8em;
            font-family:Arial;
            width:150px;
            margin-top:1%;
            border:2px;
            border-style:groove;
            border-color: #89a;
            text-decoration: none;
            -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            border-radius: 10px 10px 10px 10px;
            -webkit-border-top-left-radius: 10px; /* pour Chrome */
            -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
            }

           
.audacieux {
            margin:auto;
            width:80%;
            font-size:0.8em;
            font-family:Arial;
            background:#99cdff;
            color: black;
            border:2px;
            border-style:groove;
            border-color: #89a;
            text-decoration: none;
            -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            border-radius: 10px 10px 10px 10px;
            -webkit-border-top-left-radius: 10px; /* pour Chrome */
            -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
            }
            
            

.titre { /*utilisé pour le titre et le nom dans les pages "articles" */
          
          /*padding:1%;*/
          margin: auto;
          margin-top:4%;
          width:40%;
          font-size:1em;
          font-family:Arial;
          /*background-image:url(images/gif/div_centre.gif);*/
          color: black;
          /*border:2px;
          border-style:groove;
          border-color: #89a;*/
          text-decoration: none;
          /*-moz-border-radius: 10px 10px 10px 10px;
          -webkit-border-radius: 10px 10px 10px 10px;
          border-radius: 10px 10px 10px 10px;
          -webkit-border-top-left-radius: 10px; pour Chrome 
          -webkit-border-top-right-radius: 10px; pour Chrome */ 
          }

#titre_bandeau {
              font-family:Arial;
              /*position:relative;*/
              float: left;
              color:black;
              font-weight:bold;
              z-index:2;
              font-size:3.5em;
              margin-top:-7%;
              }

#bandeau_entête {
                 z-index:1;
                 /*position:relative;*/
                 filter:Alpha(opacity=50);
                 -moz-opacity:0.5;
                 opacity: 0.5.
                 }


div {text-align:center;}

#titre {
        width:100%;
        height:120px;
        font-family:Comic sans MS;
        }

#photoentete {float:left;}

#logoentete {float:right; margin-top:12px; margin-right:12px;}


#bandeaugauche {
          width:200px;
          float:left;
          background-color:#FFEBAF;
          border:1px solid #FFBF02;
          font-family:Arial,Helvetica,Verdana,Sans-serif;
          margin:5px;
          margin-bottom:5px;          
          }

#bandeaugauchepm {
          width:150px;
          float:left;
          background-color:#FFEBAF;
          border:1px solid #FFBF02;
          font-family:Arial,Helvetica,Verdana,Sans-serif;
          }

#officiel {
			float:right;
			width:150px;
			height:80px;
			/*background-color:#FFEBAF;*/
			border:2px solid #FFBF02;
			text-align:center;
			padding:5px;
			margin-left:10px;
			}

#bandeaudroit {
              width:160px;
              float:right;
              background-color:#FFEBAF;
              border:1px solid #FFBF02;
              margin:5px;
              margin-top:-7%;
              }

.sousbandeau {
              border:3px double #FFBF02;
              padding:5px;
              padding-right:1px;
              padding-left:1px;
              padding-bottom:1px;
              font-size:0.8em;
              }


.intro {
       text-align:justify;
       font-size:0.9em;
       margin-top:10px;
       margin-left:230px;
       line-height:1.5em;
       }

.intro2 {
       text-align:justify;
       font-size:0.8em;
       margin-top:30px;
       margin-left:220px;
       margin-right:10px;
       line-height:1.5em;
       }              

.intro3 {
       text-align:justify;
       font-size:0.8em;
       margin-top:20px;
       margin-left:20px;
       margin-right:20px;
       margin-bottom:30px;
       line-height:1.5em;
       }

.intro4 {
       font-size:0.8em;
       margin-top:20px;
       margin-left:30px;
       margin-right:30px;
       margin-bottom:30px;
       line-height:1.5em;
       }             


.intro6 { /* format célébration Renaud. Grande marge à droite pour inclure un diaporama permanent*/
        text-align:justify;
        font-size:0.8em;
        margin-top:30px;
        margin-bottom:30px;
        margin-left:80px;
        margin-right:230px;
        /*text-indent:3em;*/
        }

.intro7 { /* format célébration Nheun. Grande marge à droite pour inclure un diaporama grand format type ordi diaconale nheun0*/
        text-align:justify;
        font-size:0.8em;
        margin-top:30px;
        margin-bottom:30px;
        margin-left:80px;
        margin-right:390px;
        /*text-indent:3em;*/
        }

.introcontenu {
             font-size:0.8em;
             }

.textnews {
          text-align:center;
          font-family:Arial;
          font-size:0.8em;
          }


#blocnews {                           /*utilisé avec  */
          float:left;                 /* index.php */
          width:480px;                /* espace_oblat.php */
          margin-left:2%;            /* jpic.php */
          background-color:#FFF1C9;
          border:2px double #FFBF02;
          }

 #blocnews2 {
         float:left;
         width:500px;
         margin-left:3px;
         background-color:#FFF1C9;
         border:2px double #FFBF02;
         }

.titrenews {
            position:relative;
            margin-left:-5%;
            background-color:#FFBF02;
            }
            
.titrenews2 {
            position:relative;
            font-size:1.2em;
            margin-left:-70%;
            background-color:#FFBF02;
            }            


.fondclair {background-color:#FFF1C9;}

.textetitre {   /*centre verticalement les titres quand ils sont sur une ligne*/
        position:relative;
        top:25%;
        font-size:1.9em;
        text-align:center
        }

.textetitre2 {   /*centre verticalement les titres quand ils sont sur une ligne*/
        position:relative;
        top:25%;
        font-size:1.5em;
        text-align:center
        }

.textetitre3 {   /*centre verticalement les titres quand ils sont sur deux lignes*/
        position:relative;
        top:18%;
        font-size:1.7em;
        text-align:center
        }

.gmgi {
        font-weight:bold;
        font-size:1.2em;
        font-style:italic;
        text-decoration:underline;
        }

.pmgs {
      font-weight:bold;
      text-decoration:underline;
      text-align:left;
      }

.gmgm {
      font-weight:bold;
      font-size:1.2em;
      font-variant:uppercase;
      text-align:left;
      text-decoration:underline;
      }

.gmis {
      font-size:1.2em;
      font-weight:bold;
      text-decoration:underline;
      }

.milieu {
         text-align:center;
         }


.right {
       text-align:right;
       }


#fixe2 {position:fixed; top:5%; right:22%; margin-top:10px; height:240px; width:362px;}

.gmgi {
        font-weight:bold;
        font-size:1.2em;
        font-style:italic;
        text-decoration:underline;
        }

.pmgs {
      font-weight:bold;
      text-decoration:underline;
      text-align:left;
      }

.gmgm {
      font-weight:bold;
      font-size:1.2em;
      font-variant:uppercase;
      text-align:left;
      text-decoration:underline;
      }

.gmis {
      font-size:1.2em;
      font-weight:bold;
      text-decoration:underline;
      }