html, body { text-align:center; margin:0; font-family:Optima, verdana;  }
body { background:url(../images/_background.bmp) 0 0 repeat-x #FAFAFA; }

  div.large { width:933px; margin:0 auto; }
  #zone1 { margin:0 auto; width:933px; background:url(../images/_top.png) 0 0 no-repeat #F1F1F1; overflow:hidden; }
  * html #zone1 { background:url(../images/_top.jpg) 0 0 no-repeat #F1F1F1; }  /*  UNE AUTRE IMAGE POUR IE6 */
  #entete { margin-top:94px; background:url(../images/_middle.jpg) 0 0px no-repeat #fafafa; height:256px; }

    #menu_liens { margin:0; padding:0 0 0 52px; position:relative; top:191px; height:48px; background:url(../images/_bottom.jpg) 0px 0 no-repeat; clear:both; list-style-type:none; }
      #menu_liens li { float:left; padding:0; margin:0; }
      #menu_liens li a { display:block; height:30px; text-align:center; font-size:10pt; text-decoration:none; color:#777; padding:0; }
      #menu_liens li a:hover { border-bottom:3px solid #F80; }
      #menu_liens li a.lien_accueil_on,
      #menu_liens li a.lien_chambres_on,
      #menu_liens li a.lien_infrastructure_on,
      #menu_liens li a.lien_activites_on,
      #menu_liens li a.lien_modalites_on,
      #menu_liens li a.lien_association_on,
      #menu_liens li a.lien_contact_on { border-bottom:3px solid #8C3; color:#F80; font-weight:bold; }

      a.lien_accueil, a.lien_accueil_on { width:95px; background:url(../images/accueil.jpg) 0 0 no-repeat; }
      a.lien_chambres, a.lien_chambres_on { width:135px; background:url(../images/chambres.jpg) 0 0 no-repeat; }
      a.lien_infrastructure, a.lien_infrastructure_on { width:135px; background:url(../images/infrastructure.jpg) 0 0 no-repeat; }
      a.lien_activites, a.lien_activites_on { width:130px; background:url(../images/activites.jpg) 0 0 no-repeat; }
      a.lien_modalites, a.lien_modalites_on { width:105px; background:url(../images/modalites.jpg) 0 0 no-repeat; }
      a.lien_association, a.lien_association_on { width:120px; background:url(../images/association.jpg) 0 0 no-repeat; }
      a.lien_contact, a.lien_contact_on { width:100px; background:url(../images/contact.jpg) 0 0 no-repeat; }

      #menu_liens li a span.NomMenu { position:relative; top:10px; }

    #menu_langues { position:absolute; top:55px; width:500px; }
      html>/**/body #menu_langues { width:930px; }
      #menu_langues ul { margin:0; padding:0; list-style-type:none; margin-left:315px; }
      html>/**/body #menu_langues ul { margin-left:780px; }
        #menu_langues li { float:left; list-style-type:none; }
	#menu_langues a { display:block; margin:0 5px; padding:0; width:36px; height:36px; overflow:hidden; }
	#menu_langues a.lien_fr { background:url(../images/drapeau_fr.png) 0 0 no-repeat; }
        #menu_langues a.lien_en { background:url(../images/drapeau_en.png) 0 0 no-repeat; }
        #menu_langues a.lien_de { background:url(../images/drapeau_de.png) 0 0 no-repeat; }
        #menu_langues a.lien_es { background:url(../images/drapeau_es.png) 0 0 no-repeat; }

      #menu_langues span { display:none; }





/* ****************************************************************************************** */

/* PARTIE RELATIVE AU CORPS DE LA PAGE

/* ****************************************************************************************** */

   #corps { padding:5px 0 30px 25px; background:#FAFAFA }




/*   firefox et ie7 largeur 485px  */
/*   ie6 largeur 475px  */

    #frame_texte { float:left; margin:0 25px 0 5px; width:475px; text-align:left; }
    * html #frame_texte { overflow:hidden; }
	html>body #frame_texte { width:485px; }
       #frame_texte h1 { margin:0; height:60px; font-size:20pt; }
       html>body #frame_texte h1 { margin:0 0 0 -15px; }
       #frame_texte h1 span { display:none; color:#78A; position:relative; top:5px; left:10px; }

/* LES DIFFERENTES IMAGES SERVANT DE TITRES --  MOFIIER LE NOM DU FICHIER CIBLE EN FONCTION DE LA LANGUE */

       #frame_texte h1.titre_accueil { background:url(../images/titre_accueil_fr.gif) 0 0 no-repeat; }
       #frame_texte h1.titre_chambres { background:url(../images/titre_chambres_fr.gif) 0 0 no-repeat; }
       #frame_texte h1.titre_infrastructure { background:url(../images/titre_infrastructure_fr.gif) 0 0 no-repeat; }
       #frame_texte h1.titre_activites { background:url(../images/titre_activites_fr.gif) 0 0 no-repeat; }
       #frame_texte h1.titre_modalites { background:url(../images/titre_modalites_fr.gif) 0 0 no-repeat; }
       #frame_texte h1.titre_association { background:url(../images/titre_association_fr.gif) 0 0 no-repeat; }
       #frame_texte h1.titre_contact { background:url(../images/titre_contact_fr.gif) 0 0 no-repeat; }

/* FIN DE LA PARTIE VARIABLE EN FONCTION DE LA LANGUE */

       #frame_texte p.paragraphe { font-size:10pt; color:#777; margin:10px 0 30px; }
       #frame_texte span.preliste { display:block; font-size:10pt; color:#777; margin:10px 0 2px; }
       #frame_texte ul.liste { margin:2px 0 30px 60px; padding:0; list-style-type:square; font-size:10pt; color:#777; }

       #frame_texte div.rubrique { margin:10px 0 30px; }
       #frame_texte h2.rubrique, #frame_form h2.rubrique { margin:0; padding:0; font-size:15pt; color:#F80; text-transform:uppercase; font-style:italic; }
       #frame_texte h3.titre_paragraphe { margin:10px 0 0 0; padding:0; font-size:12pt; color:#8C4; text-transform:uppercase; }
       #frame_texte div.rubrique p.paragraphe { font-size:10pt; color:#777; margin:0 0 15px; }

       div.zone_contact { margin:10px 0 20px; padding:10px 0 0 180px; height:150px; background:url(../images/icone_enveloppe.gif) 0 0 no-repeat; }
       div.zone_contact h2.rubrique { font-size:22pt !important; }
       div.zone_contact h3.titre_paragraphe { margin:0 0 20px !important; text-transform:inherit !important; font-size:11pt !important; }
       div.zone_contact span.adresse { font-size:10pt; }

       div.zone_plan { margin:40px 0 30px; text-align:center; }
       div.zone_plan img.carte { display:block; margin:0 0 50px 60px; }
       div.zone_plan img { border:0; }
       div.zone_plan a.sauvegarde { margin-right:40px; margin-left:-30px; color:#8C4; text-decoration:none; }
       div.zone_plan a.sauvegarde:hover, div.zone_plan a.impression:hover { color:#F80; }
       div.zone_plan span.sauvegarde, div.zone_plan span.impression { position:relative; top:-10px; left:10px; }
       div.zone_plan a.impression { margin-left:40px; color:#8C4; text-decoration:none; }

       #frame_texte span.sign { display:block; margin-bottom:0px; font-size:12pt; font-weight:bold; text-align:right; }



    #frame_image { float:left; margin-top:67px; margin-top:-10px; width:390px; text-align:center; overflow:hidden; }
      #frame_image a.vignette { display:block; margin:0 auto; padding:8px; text-align:center; background:#F2F2F4; border:1px solid #F5F5F5; width:360px; }
      #frame_image a.vignette_haut { display:block; margin:0 auto; margin-top:65px; padding:8px; text-align:center; background:#EEE; border:1px solid #F5F5F5; width:360px; }
      #frame_image img.vignette { border:0; }
      #frame_image span { display:block; margin:0 auto; font-size:10pt; color:#F80; width:380px; text-align:center; }
      #frame_image span.interligne_accueil { padding:15px 0; }
      #frame_image span.interligne_ { padding:15px 0; }
      #frame_image span.interligne_activites { padding:40px 0; }
      #frame_image span.interligne_ { padding:15px 0; }
      #frame_image span.interligne_ { padding:15px 0; }
      #frame_image span.interligne_modalites { padding:50px 0; }
      #frame_image span.interligne_association { padding:55px 0; }
	  
	  
	#frame_plan { clear:both; float:left; width:900px; padding-left:5px; text-align:left; }
       #frame_plan img.plan { margin:15px 0 30px 0; }
       #frame_plan h2.rubrique { margin:0; padding:0; font-size:15pt; color:#F80; text-transform:uppercase; font-style:italic; }


    #frame_form { float:left; margin-top:67px; width:390px; text-align:left; overflow:hidden; }
		 h3.titre_form { font-size:14pt; color:#F80; text-align:left; }
		 span.libelle { display:block; font-size:10pt; color:#777; text-align:left; padding:15px 0 2px 20px; }
		 span.champs { display:block; font-size:10pt; color:#777; text-align:left; padding-left:15px; }
		 input { padding:3px 0 3px 5px; width:355px; border:1px solid #8C4; font-size:10pt; color:#444; font-family:Optima, Verdana; }
		 textarea { padding:3px 0 3px 5px; width:355px; height:130px; border:1px solid #8DC444; font-size:10pt; }
		 textarea.adresse { padding:3px 0 3px 5px; width:355px; height:50px; border:1px solid #8DC444; font-size:10pt; }
		 a.bouton { display:block; margin-top:35px; width:100px; height:60px; background:url(../images/bouton_off.png) 0 0 no-repeat; float:right; }
		 * html a.bouton { display:block; margin-top:35px; width:100px; height:60px; background:url(../images/bouton_off.jpg) 0 0 no-repeat; float:right; }
		 a.bouton:hover { background:url(../images/bouton_on.png) 0 0 no-repeat;  }
		  * html a.bouton:hover { background:url(../images/bouton_on.jpg) 0 0 no-repeat;  }
		 img.bt_envoi { cursor:pointer; }


    #spacer { display:block; clear:both; }




  #zone2 { background:url(../images/_pied.bmp) 0 30px repeat-x; }
    #pied { margin:0 auto; width:933px; height:100px; padding-top:70px; background:url(../images/_bulle.png) 90px 0px no-repeat; }
    * html #pied { background:url(../images/_bulle.jpg) 90px 0px no-repeat; }
	  span.liste_liens { display:block; margin-left:200px; text-align:center; }
	  #pied a { color:#595959; text-decoration:none; font-size:8pt; font-weight:bold; }
      #pied a:hover { color:#333; text-decoration:underline; }
	  
       a.telecharger { display:block; position:relative; top:-60px; left:-140px; width:230px; color:#78A !important; font-size:12pt !important; font-weight:bold; text-decoration:none; font-style:italic; text-align:left; }
       html>/**/body a.telecharger { left:210px; top:-60px; }
       a.telecharger:hover { color:#D01 !important; }