BODY {
      width:900px;
      background:url("images/bois.jpg");
      margin:auto; /* met le cadre au centre de l'écran*/
      }

div {text-align:center;}

#titre {
        width:900px;
        height:120px;
        background-color:#FFEBAF;
        font-family:Comic sans MS;
        }

#photoentete {float:left;}

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

#nav {
     width:900px;
     background:#FFF1C9;
     padding-top:0.2em;
     padding-bottom:0.2em;
     margin-top:0.5em;
     margin-bottom:0.5em;
     font-family:Arial, Verdana, Helbetica, sans-serif;
     font-size:0.9em;
     }

#enveloppe {width:100%;}

#contenu {
         float:left;
          width:900px;
          background-color:#FFF1C9;
          font-family:Arial,Verdana,Helvetica,Sans-Serif;
          font-size:1em;
          text-align:justify;
          line-height:1.2em;:5px;
          }

#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;
              }

.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;
            }

.imgg {
      float:left;
      padding-right:10px;
      }

.imgd {
      float:right;
      padding-left:10px;
      }

.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;
       }             

.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:30px;
       margin-left:80px;
       margin-right:80px;
       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;
            }            

h1 {font-size:2em;
    font-weight:normal;
    text-align:center;
    }

h2 {
    font-family:Arial;
    font-size:1.5em;
    font-weight:normal;
    margin-top:-5px;}

h3 {font-size:1.1em;}

.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;
         }

.just {
     text-align:justify;
     }

.right {
       text-align:right;
       }

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

#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;
      }

.question {
          font-weight:bold;
         }