a {color:#fff;cursor:pointer;text-decoration:none;}
a:hover {text-decoration:underline;color:#696969;}

img {border:none;}
ul, li {list-style-type:none;padding:0;margin:0;}
form {margin:0;padding:0;}
fieldset {border:0;}
input.submit {cursor:pointer;background:#999999;color:#333333;border:1px solid #333333;font-size: 0.8em;}
p{margin:0;padding:0;}
strong{font-weight: bold; font-size: 1.1em;}

.uppercase {text-transform:uppercase;}
.no-decoration {text-decoration:none;}
.bold {font-weight:bold;}

body{background-color:#666666;color: #fff;font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;margin:10px 0;font-size: 14px;}

.page{background-color:#fff;width:800px;border:1px solid #ebc447;margin:0 auto;padding-bottom: 14px;}

h2{color:#ebc447;font-size: 1.4em;margin: 15px 0 15px 30px;font-weight: bold; border-bottom:1px solid #ebc447;}

.logo h1{width:216px;height:97px;text-indent: -3000px;margin:0;padding:0;}
  .logo h1 a{width:216px;height:97px;display: block;}

.page .bandeau{width:800px;height:144px;margin:auto;border-bottom:1px solid #fff;}
  .page .bandeau .bandeau_left{width:254px;height:144px;background:#696969;float: left;}
    .page .bandeau .bandeau_left .logo{margin-left:27px;width:225px;height:97px;background:transparent url(../img/logo.png) no-repeat 5px 0;border-left:1px solid #fff;border-right:1px solid #fff;}
    .page .bandeau .bandeau_left .space_under_logo1{width:27px;height:46px;float: left;border-right:1px solid #fff;border-top:1px solid #fff;background: #999999;}
    .page .bandeau .bandeau_left .space_under_logo2{width:225px;height:46px;float: left; background: #999999;border-top:1px solid #fff;border-right:1px solid #fff;}
  .page .bandeau .bandeau_right{width:546px;height:144px;float:left;background:transparent url(../img/banniere/accueil.jpg) no-repeat top left;}
    .page .bandeau .bandeau_right .space_bandeau_top{width:546px;height:97px;border-bottom:1px solid #fff;}
      .page .bandeau .bandeau_right .space_bandeau_top p{padding: 82px 0 0 237px;text-transform: uppercase;font-style: italic;color:#fff;font-size: 1.1em;}
  .page .bandeau .bandeau_right .space_bandeau_bottom{width:214px; height:46px; margin-left: 331px; border-left:1px solid #fff; background:transparent url(../img/banniere/fond-transparence-ban.png);}
    .page .bandeau .bandeau_right .space_bandeau_bottom p{text-transform: uppercase;color:#666666;padding: 0 0 0 5px;}

  .page .menu{background: #ebc447;height: 25px; border-bottom:1px solid #fff;}

  #menu {border-left:1px solid #fff; margin-left:27px;height:25px;}
    #menu li{float:left;border-right:1px solid #fff;height: 25px;}
      #menu li a{padding: 4px 10px 0 10px;font-size: 0.85em;height: 21px;display: block;background: #b2a680;}
        #menu li.on a{background: #f4dd96;color:#696969;}
      #menu li a:hover{background: #f4dd96;text-decoration: none;}

  .footer{position: absolute;z-index:2;margin-top:-90px;width: 800px; height:14px;background: transparent url(../img/fond-footer.png) no-repeat top left;color: #FFF; font-size: 0.7em; text-align: center; padding-top:90px;}

  .bas-menu{width: 100%; height:12px; background: transparent url(../img/fond-bas-menu.png) repeat-x;}

  .content{background: #fff;min-height:500px;}

  .content .photo-en-avant{width:461px; height: 320px; margin: 0 0 0 50px; background: transparent url(../img/fond-img-avant.png);padding: 28px 0 0 15px;}
  .content p.sous-titre-avant{display: block; margin: 20px 0 0 130px;color:#666666;font-size: 1.3em; font-weight: bold;}

  .sep-ss-menu{position: absolute; height:75px; margin: -60px 0 0 586px; border-left: 1px solid #ebc447;}

  .ss-menu{position: absolute;margin:15px 0 0 565px;}
  #ss-menu{border-top: 1px solid #ebc447;}
  #ss-menu li{width:208px;background: #696969;border-bottom: 1px solid #ebc447;border-left: 1px solid #ebc447;border-right: 1px solid #ebc447;font-size: 0.9em; height: 29px;}
    #ss-menu li a{color: #fff; height: 24px; padding: 5px 0 0 30px; display: block;}
    #ss-menu li.on a, #ss-menu li a.on, #ss-menu li a:hover{color: #999999;text-decoration: none;}

  .puce-ss-menu{width: 20px; height: 29px; display: block; float: left; border-right: 1px solid #ebc447; background: transparent url(../img/puce-ss-menu.png) no-repeat top left;}
  .puce-ss-menu-on{width: 20px; height: 29px; display: block; float: left; border-right: 1px solid #ebc447; background: transparent url(../img/puce-ss-menu-on.png) no-repeat top left;}

  .encadre{width: 180px; height: 77px;padding:5px;position: absolute;margin:220px 0 0 580px;background-color: #dfdfdf; border: 1px solid #d7d7d7;color:#696969;font-size: 0.85em;line-height: 1.6em;}
    .encadre strong{font-size: 1.1em;}
    .encadre a{color:#696969;margin-top: 3px;display: block;}

  .newsletter{position: absolute;margin: -60px 0 0 600px;}
    .newsletter h3{padding: 0; margin: 0;color: #999999;font-size: 0.9em; letter-spacing: 0.6em;}
    .newsletter #mail{width: 130px;font-size:0.7em;height: 15px;padding:0;border: 1px solid #999999;background: #ebc447;color: #fff;padding-left:2px;letter-spacing: 0.2em;}
    .newsletter input.submit{width: 50px;font-size: 0.7em;padding:0;}


  .content .mosaique{width:550px;height:380px;}
    .content .mosaique .ligne{height:102px;width:500px;margin:0 0 0 45px;}
      .content .mosaique .ligne .photo{width:100px;height:100px;float:left;margin:20px 20px 0 0;border:1px solid #ebc447;}
  .content .pagination{z-index:100;position:absolute;padding:0px 15px;width:70px;margin:0 0 0 230px;border:1px solid #6d6d6d;background-color:#999999;font-size:0.9em;text-align:center;}
    .content .pagination strong{color:#ebc447;}
    .content .pagination :hover {text-decoration:none;}

  .content .photo-en-avant-left{width:506px; height: 380px; margin: 0; background: transparent url(../img/fond-img-left.png);padding:28px 0 0 33px;}
    .content .photo-en-avant-left .box{background: #666666 url(../img/logo-auteur.jpg) no-repeat 90px 50px;width: 481px; height: 339px;color:#cccccc; font-size: 0.8em;}
    .content .photo-en-avant-left .box h3{color:#ebc447;margin: 0 15px;}
    .content .photo-en-avant-left .box p{margin: 10px 15px;text-align:justify;}

  .presentation .sep-ss-menu{height:85px;}
  .presentation .img-right{width: 208px; height: 316px;position: absolute;margin:25px 0 0 563px;border: 1px solid #ebc447;}

  .titre-photo{color:#999999;margin:0 0 0 80px;}

  .contact .sep-ss-menu{height:200px;}
  .form-contact{background: #9e9e9e; border:1px solid #858585; color: #fff;width: 401px; height: 355px;margin:30px 0 0 30px;}
    .form-contact p{text-align: center;margin:20px 0;}
    .form-contact a, .form-contact a:hover{color: #333333;font-weight: bold;}
  .form-contact .ligne_form{margin:10px;clear: both;height: 30px;}
  .form-contact .ligne_form .left_form{float: left;width: 100px;}
  .form-contact .ligne_form .right_form{float: left;}
  .form-contact .submit{margin:20px 0 10px 180px;}

  .content #contact_erreur{text-align:center;margin:auto;margin:25px 0 0 0;color:red;}
  .content #contact_ok{text-align:center;margin:auto;margin:0px 0 0 0;color:green;}

  .reportage-txt{margin:20px 0 0 0;color:#999999;width: 210px;font-size: 0.9em;text-align: justify;}

  .ss-menu-an{margin: 20px;width:70px;}
  #ss-menu-an{border-top: 1px solid #ebc447;}
  #ss-menu-an li{width:70px;background: #696969;border-bottom: 1px solid #ebc447;border-left: 1px solid #ebc447;border-right: 1px solid #ebc447;font-size: 0.9em; height: 29px;}
    #ss-menu-an li a{color: #fff; height: 24px; padding: 5px 0 0 30px; display: block;}
    #ss-menu-an li.on a, #ss-menu-an li a.on, #ss-menu-an li a:hover{color: #999999;text-decoration: none;}

  .liens .sep-ss-menu{height:200px;}
  .liste-liens{margin:10px 30px;width: 520px;}
    .liste-liens p{color:#666666;margin: 10px 0;font-size: 0.8em;}
    .lien{float: left; width: 76px;color: #666666; font-size: 0.7em;text-align: center;margin:5px 5px;}
    .lien img{display: block;border: 1px solid #ebc447; margin:auto;}

    .lien-solo .lien{margin:5px 15px; width: 213px; }

  .listes-liens-amis{position: absolute;margin:-10px 0 0 600px;width: 180px;}
    .listes-liens-amis p{color:#666666;margin: 10px 0;font-size: 0.8em;clear: both;}

  .derniere, .uneparmois{background: transparent url(../img/fond-content-accueil.jpg) no-repeat bottom right;}
  .contact{background: transparent url(../img/fond-content-contact.jpg) no-repeat bottom right;}
  .gal-mam{background: transparent url(../img/fond-content-mam.jpg) no-repeat bottom right;}
  .gal-ois{background: transparent url(../img/fond-content-ois.jpg) no-repeat bottom right;}
  .gal-mac{background: transparent url(../img/fond-content-mac.jpg) no-repeat bottom right;}
  .gal-amb{background: transparent url(../img/fond-content-amb.jpg) no-repeat bottom right;}
  .gal-pay{background: transparent url(../img/fond-content-pay.jpg) no-repeat bottom right;}
  .gal-pan{background: transparent url(../img/fond-content-pan.jpg) no-repeat bottom right;}

  .invite .invite-card{border:1px solid #EBC447;width:510px; height:120px;margin:30px 0 0 30px;}
  .invite .invite-card img{border:1px solid #EBC447;margin: 10px 0 0 10px;float: left;}
  .invite .invite-card h3{color:#EBC447;font-weight:bold;margin:10px 10px 0 120px;font-size: 1m;}
  .invite .invite-card p{color:#666666;margin:0 10px 5px 120px;font-size: 0.95em;text-align: justify;}
  .invite .invite-card a{color:#EBC447;font-weight:bold;margin:0 10px 5px 10px;}
  .invite p.question{color:#EBC447;margin:30px 30px 0 30px;font-weight: bold;}
  .invite p.reponse{color:#666666;margin:0 30px 0 30px;text-align: justify;}
  .invite .double-photo{text-align: center;margin:30px;}
    .invite .double-photo img{margin-right:30px;border:1px solid #EBC447;}

  .invite-p-archives{color:#666666;font-weight: bold;margin:30px 0 0 30px;}
  .invite-archives{margin:0 0 0 30px;border:1px solid #EBC447;color:#EBC447;padding: 20px; width: 400px;}
  .invite-archives a{color:#EBC447;font-weight: bold;}