body{
     background-color:#D2DDF8;
     margin:0;
     padding:0;
     font-family:arial;
     overflow:hidden;
    }




a:link{
           color:#294CFD;
           text-decoration:none;
          }



a:hover{
              color:#F52E19;
              text-decoration:none;
            }



a:visited{
          color:#0625C0;
           text-decoration:none;
         }
         


a:active{ 
         color:#F9AB23;
         text-decoration:underline; 
        }




.static {
         position:fixed;
         background-color:#D2DDF8;
         margin-left:0.5%;
         padding-bottom:7pt;
         height:31%;
         width:98%;
        }



.nom_site{
          float:left;
          height:20%;
          width:58%;
          margin:1% 7% 4% 8%;
          text-align:center;
          font-family:algerian;
          font-size:220%;
          color:#2B4168;
          text-transform:uppercase;
          font-weight:600;
         /* border-style:ridge;
          border-color:#FFD700;
          border-width:4px;*/
         }


.logo{
      float:left;
      margin:0.78% auto 0 0.8%;
      width:25%;
      height:97%;
      text-align:justify;
     }



.barrenav1{
           float:left;
           background-color:#E6ECFC;
           margin:0 3.2% 0 5.6%;
           padding:2px 0 1px 0;
           width:14.6%;
           height:11%;
           text-align:center;
           font-size:95%;
           font-weight:600;
           text-transform:uppercase;
           border-style:ridge;
           border-color:#FFD700;
           border-width:4px;
           white-space:nowrap;
          }



.barrenav2{
           float:left;
           background-color:#E6ECFC;
           margin:2% 3.2% 0 5.6%;
           padding:2px 0 1px 0;
           width:14.6%;
           height:11%;
           text-align:center;
           font-size:95%;
           font-weight:600;
           text-transform:uppercase;
           border-style:ridge;
           border-color:#FFD700;
           border-width:4px;
           white-space:nowrap;
          }



.pagedyn{
         position:absolute;
         top:34%;
         background-color:#D2DDF8;
         margin:0 0 0 1.5%;
         height:60%;
         width:96%;
         padding:6pt;
         text-align:justify;
         font-size:105%;
         font-weight:500;
         overflow:auto;
         border:0;
        }




.verif{
       padding-top:7%;
       text-align:center;
       font-size:100%;
       font-weight:600;
      }




h1{
   text-align:center;
   font-size:140%;
   font-weight:600;
   text-transform:uppercase;
  }



h2{
   margin-top:4%;
   text-align:left;
   font-size:120%;
   font-weight:550;
   text-decoration:underline;
  }



.menu_accueil{
              float:left;
              margin:1% 2% 0 2%;
              width:20%;
              height:55%;
              text-align:center;
              font-size:150%;
              font-weight:600;
             }




.liste_accueil{
               margin-left:1%;
               text-align:left;
               font-size:75%;
               font-weight:600;
               line-height:30pt;
               list-style-type:disc;
              }



.vignette1{
           float:left;
           margin:1% 2% 0 2%;
           width:32%;
           height:60%;
           text-align:justify;
           font-size:90%;
          }           
          

                     

.cite_accueil{
              float:left;
              margin:6% auto 0 2%;
              padding:0 5px 3% 5px;
              width:34%;
              height:50%;
              font-size:102%;
              font-weight:500;
             }



.texte_accueil{
                          float:left;
                          padding:0 5px;
                          margin-bottom:4%;
                          width:98%;
                          font-size:102%;
                          font-weight:500;
                         }



.plaquette{
           float:left;
           margin-top:0;
           width:60%;
           height:56%;
          }



.liste_plaquette{
                 margin:6% 0 0 20%;
                 text-align:left;
                 font-size:105%;
                 font-weight:600;
                 line-height:35pt;
                 list-style-type:disc;
                }



.gras_bloc{
           float:left;
           width:98%;
           margin:0 0 4%;
           font-weight:600;
          }




.vignette2{
           float:left;
           width:17%;
           height:56%;
           margin: 0 11% 0.5%;
           text-align:justify;
           font-size:90%;
          }           

 



.copyright{
           float:left;
           background-color:#E6ECFC;
           margin:4% auto 2% 1.5%;
           width:96%;         
           padding:2px;
           border-style:ridge;
           border-color:#FFD700;
           border-width:4px;
           font-size:85%;
           font-weight:550;
           text-align:center;
          }



.italic_gras{
             font-style:italic;
             font-weight:600;
             font-size:95%;
            }




.gras{
      font-weight:600;
     }




.gras1{
       text-align:justify;
       font-weight:600;
       font-size:100%;
       padding:0 20px;
      }




.gras2{
       font-weight:600;
       font-size:110%;
      }




.gras3{
       text-align:center;
       font-weight:600;
       font-size:105%;
       padding:0 20px;
      }



.gras4{
       text-align:center;
       font-weight:600;
       font-size:100%;
      }



.gras5{
       text-align:justify;
       font-weight:600;
       font-size:95%;
       padding:0 10px;
      }



.gras6{
       text-align:center;
       font-weight:600;
       font-size:95%;
       padding:0 5px;
      }




.centre{
        text-align:center;
       }





.centre_gras{
             text-align:center;
             font-weight:600;
            }




.menu_livre_or {
                float:left;
                margin:2% 4% 0 0;
                width:26%;
                height:100%;
                text-align:center;
                font-size:150%;
                font-weight:600;
               }



.liste_livre_or {
                 margin-left:2%;
                 text-align:left;
                 font-size:74%;
                 font-weight:600;
                 line-height:35px;
                 list-style-type:disc;
                }



.vignette3{
           float:left;
           margin:0 3% 0 1%;
           width:94%;
           height:48%;
           text-align:justify;
           font-size:62%;
           font-weight:550;
          }          




.form_livre_or{
               float:left;
               width:69%;
               margin:0 1% 0 0;
              }
       



.bloc_message{
              float:left;
              background-color:#E6ECFC;
              width:91%;
              margin:2% 3%;
              padding:5px 5px 0;
              text-align:center;
              font-size:95%;
              font-weight:500;
              border-style:ridge;
              border-color:#FFD700;
              border-width:3px;
             }




.message_style1{
                font-size:105%;
                font-weight:600;
               }




.message_style2{
                text-decoration:underline;
                font-size:105%;
                font-weight:600;
               }




.message_style3{
                text-align:justify;
                padding:0 2px;
               }




.rouge1{
        text-align:center;
        font-weight:600;
        font-size:95%;
        color:red;
        padding:0 2px;
       }




.table1{
         float:left;
         width:100%;
         text-align:center;
         margin:0 0 1%;
       }




.cell1{
       text-align:justify;
       font-size:110%;
       font-weight:600;
       padding:3px; 
      }



.cell2{
       text-align:justify;
       font-size:100%;
       font-weight:500;
       padding:3px; 
      }




textarea{
         width:420px;
         text-align:justify;
        } 




.text1{
       width:365px;
      }




.titre1{
        text-align:center;
        font-size:220%;
        font-weight:600;
        text-transform:uppercase;
        font-family:algerian;
       }



.titre2{
        text-align:center;
        font-size:140%;
        font-weight:600;
        text-transform:uppercase;
       }




.titre3{
        text-align:center;
        font-size:120%;
        font-weight:600;
        text-transform:uppercase;
       }



.titre4{
        text-align:center;
        font-size:100%;
        font-weight:600;
       }




.titre5{
        text-align:center;
        font-size:100%;
        font-weight:600;
       }



.titre6{
        text-align:center;
        font-size:75%;
        font-weight:600;
       }




.titre7{
        text-align:center;
        font-size:120%;
        font-weight:600;
       }



.maj1{
      text-transform:uppercase;
     }




.titre_galerie{
               position:fixed;
               background-color:#D2DDF8;
               top:0;
               margin-left:1%;
               width:98%;
               height:19%;
               text-align:center;
               font-size:200%;
               font-weight:600;
               text-transform:uppercase;
               font-family:algerian;
              }





.titre_galerie h1{
                  font-family:algerian;
                 }





.pagedyn_galerie{
                 position:absolute;
                 top:21%;
                 margin:0;
                 width:100%;
                 height:79%;
                 font-size:105%;
                 font-weight:500;
                 overflow:auto;
                }




.menu_galerie{
              float:left;
              margin:2% 1% 0 0;
              width:24.5%;
              text-align:center;
              font-size:160%;
              font-weight:600;
             }




.liste_galerie{
               margin-left:0;
               text-align:left;
               font-size:68.7%;
               font-weight:600;
               line-height:32px;
               list-style-type:disc;
              }






.bloc1_galerie{
               float:left;
               margin:2% 0 0 1%;
               padding:0.5% 0 5% 0;
               width:73%;
               text-align:center;
              }




.bloc1_galerie h2{
                  margin:4% 0 2% 0;
                  text-align:center;
                  font-size:140%;
                  font-weight:600;
                  text-decoration:none;
                  text-transform:uppercase;
                 }




.bloc2_galerie{
               float:left;
               margin:1.5% 1% 0 1%;
               width:47%;
               height:56%;
               text-align:justify;
               font-size:85%;
              }



.bloc3_galerie{
               float:left;
               margin:0 1% 0 2%;
               padding:1%;
               width:46%;
               height:55%;
               text-align:justify;
               font-size:93%;
               font-weight:600;
              }



.bloc4_galerie{
               float:left;
               margin:3% 1% 0 1%;
               padding:1%;
               width:96%;
               height:33%;
               text-align:justify;
               font-size:93%;
               font-weight:600;
              }



.vignette_galerie{
                  float:left;
                  background-color:#E6ECFC;
                  width:140px;
                  height:170px;
                  margin: 3% 0.8% 1% 1.7%;
                  padding:0 1% 1.2%;
                  border-style:ridge;
                  border-color:#FFD700;
                  border-width:4px;
                  text-align:center;
                  font-size:75%;
                  font-weight:600;                  
                 } 




.titre_vignette{
                float:left;
                width:100%;
                height:27pt;
                line-height:18px;
                text-transform:uppercase;
               }



                
.vignette_photos{
                 margin-top:5%;
                 width:135px;
                 height:102px;
                 text-align:justify;
                 font-size:100%;
                 font-weight:500;                
                }          





.bloc_titre1{
             float:left;
             text-align:center;
             font-size:95%;
             font-weight:600;
             text-transform:uppercase;
             width:98%;
             height:5%;
             margin-left:1%
            }



.style1{
        font-size:90%;
        font-weight:600;
       }         





.bloc_desc{
           float:left;
           width:94%;
           margin:0 3% 0;
           padding-bottom:9px;
           text-align:justify;
           font-size:95%;
           font-weight:500;
          }



.bloc_copyright_galerie{
                        float:left;
                        width:97%;
                        margin-left:1%;
                        text-align:center;
                       }





.menu_quisuisje{
                float:left;
                margin-top:2%;
                margin-left:0;
                margin-right:2%;
                width:23%;
               
                text-align:center;
                font-size:150%;
                font-weight:600;
               }




.liste_quisuisje{
                 margin-left:1%;
                 text-align:left;
                 font-size:74%;
                 font-weight:600;
                 line-height:35pt;
                 list-style-type:disc;
                }




.vignette5{
                  float:left;
                  margin:1% 2% 7% 18%;
                  padding-left:2%;
                 width:70%;
                 text-align:center;
                 font-size:90%;
          }           



.bloc_quisuisje1{
                 float:left;
                 margin:0;
                 padding:1% 1% 0;
                 width:72%;
                 text-align:justify;
                 font-size:100%;
                 font-weight:500;
                }




.bloc_quisuisje2{
                 float:left;
                 margin:0;
                 padding:0 1% 1%;
                 width:97%;
                 text-align:justify;
                 font-size:100%;
                 font-weight:500;
                }




.italic{
        width:97%;
        font-style:italic;
        font-size:90%;
        padding:0 1%;
        font-weight:500;
       }




.liste_cv{
          text-align:center;
          font-size:105%;
          font-weight:600;
          line-height:35pt;
          list-style-type:disc;
         }




.menu_liens{
            float:left;
            margin:0 3% 0 0;
            width:23%;
            text-align:center;
            font-size:150%;
            font-weight:600;
           }



.liste_liens{
             margin-left:1%;
             text-align:left;
             font-size:74%;
             font-weight:600;
             line-height:35pt;
             list-style-type:disc;
            }         




.vignette4{
           float:left;
           margin:4% 2% 0 1%;
           width:32%;
           height:62%;
           text-align:center;
          }           




.intro_liens{
             float:left;
             margin:0.5% auto 0 3%;
             padding:1px 5px 3px;
             width:34%;
             font-size:95%;
             font-weight:500;
            }




.bloc_rub{
          float:left;
          margin:2% 1%;
          padding:5px;
          width:95%;
          text-align:center;
          font-size:100%;
          font-weight:550;
          border-style:ridge;
          border-color:#FFD700;
          border-width:4px;
         }





.bloc_rub h2{
             text-align:center;
             margin-top:1%;
            }




.bloc_lien{
           background-color:#E6ECFC;
           float:left;
           margin:2% 1%;
           width:98%;
           text-align:center;
          }



.nom_lien{
          float:left;
          padding:7px 4px;
          width:42.5%;
          text-align:left;
          font-weight:600;
          line-height:25px;
         }




.desc_lien{
           float:left;
           margin-left:1%;
           padding:3px;
           width:54%; 
           text-align:justify;
          }




.url_lien{
          float:left;
          padding:3px;
          width:98%;
          text-align:left;
         }




.bloc_actu{
           float:left;
           background-color:#E6ECFC;
           margin:2% 1%;
           padding:7px;
           width:94%;
           text-align:justify;
           font-size:100%;
           font-weight:550;
           border-style:ridge;
           border-color:#FFD700;
           border-width:4px;
          }           




h3{
   margin:0 0 5px 0;
   text-align:center;
   font-size:105%;
   font-weight:550;
  }





.bloc_droit_actu{
                 float:left;
                 width:69%;
                 margin:2% 1% 0 0;
                }