/** ===============================================================
            1. STRUCTURE DE LA PAGE - DEFINITION DES BLOCS DYNAMIQUES
       =============================================================== **/
    
    html, body  
          { 
           font-family: Verdana, Arial, Helvetica, sans-serif;
           font-size: 0.95em;
           color:#6A2C1A; /*brun foncé texte*/
           margin: 0px;
           padding: 0px;
           height: 100%;
           background: #982327; 
          }   
    input, select, th, td
          {
           font-size: 0.95em;
          }  
    #page_left
          { 
           float: left;
           background: #982327; 
          }
    #page_right
          { 
           float: right;
          }
    #conteneur 
          { 
           position: relative;
           /* width: 795px; */ 
           width: 960px;  /* nouvelle largeur totale */
           margin: 0px auto 0px auto; 
    	     padding : 0px;
    	     border: 0px;
    	     min-height: 99%;
    	     height: 99%;
    	     background-image : url("../images/nouveau_centre_avec_bord_rouge.png");
    	     background-repeat: repeat;
          }
    body>#conteneur 
          {
    	     height: auto;
          }
          
    
    /* ========================================================
            2. STRUCTURE DE LA PAGE - AFFICHAGE HEADER-FOOTER 
       ========================================================== */
    
    #page_top 
          {
           height: 160px;
           /* width: 795px; */
           width: 960px; /* nouvelle largeur */
           border: none;
    	     text-align: center;
    	     background-image : url("../images/nouveau_bandeau_haut_avec_bord_rouge.png"); 
    	     background-repeat: no-repeat;
          }   
          
    #page_top_image img
          {
           float: right;
           width: 465px;
           margin: 5px 25px 0px 0px;	
          } 
             
    #page_top_print
          {
           display: none;
          }   
    #space_next_prev 
          {
           height: 15px;
           width: 795px;
          }
    #page_footer 
          {
           position: absolute;
           bottom: 0px;
    	     left: 0px;	
           height: 54px;
           width: 960px;
           color: #FDFF8F; /* texte jaune creme footer */
    	     font: bold 10px Verdana, sans-serif; 
           background: #982327; /* fond gris bandeaux lateraux */
    	     background-image: url("../images/nouveau_bandeau_bas_avec_bord_rouge.png");
           background-repeat: no-repeat;        
          }
    #page_footer a:link, 
    #page_footer a:visited
          {
           color: #FDFF8F; /* texte jaune creme footer */
    	     font-weight: bold;      
          }
           
          
    
    /* ================================================================================
            3. STRUCTURE DE LA PAGE - AFFICHAGE  PAGE_LEFT_MENU - PAGE_MAIN - CONTENT
       ================================================================================ */
    
    #page_left_menu
          {
           position: absolute;
           left: 0px;
           width: 200px;
           min-height: 250px;
          }  
    #page_main
          {
           /* min-height: 250px; */
           margin-top: 0px;
           margin-right: 0px;
           margin-bottom: 0px;
           margin-left: 200px;
    	     padding-top : 0;
    	     padding-left : 0px;
    	     padding-right : 0;
    	     padding-bottom : 65px;
          }
    #content 
          {
    	     padding : 0px 50px 10px 50px;
    	     border-top: none;
    	     margin : 0 ;     	      
          }
    #content_bord_rouge
          {
    	     padding : 0px 50px 10px 50px;
    	     border-top: 1px solid #BC0C18; 
           margin: 0px 15px 0px 0px;     
          }

           
    /* ==============================================================
            4. BALISES HTML
        ============================================================= */
    
    h1 {   font-size : 1.1em; color: #d94f1e; /* rouge titre */ margin-left: 10px; }
    h2 {   font-size : 0.95em;color: #d94f1e; /* rouge titre */ margin : 2.0em 0 0 0; }
    h3 {   font-size : 0.95em; margin : 1.5em 0 0 0; }
    h4 {   font-size : 0.9em; margin : 1.5em 0 0 0; }
    h5 {   font-size : 0.8em; margin : 1.5em 0 0 0; }
    h6 {   font-size : 0.8em; margin : 1.5em 0 0 0; }
    
    p {    font-size : 0.85em; margin: 0.5em 0 0 0; }
    
    ul {   
           font-size : 0.85em;
           margin: 5px 0px 5px 0px;
           padding: 0px 0px 2px 0.3em;
           text-indent: -0.5em;
       }
    .puce_crayon 
      { 
           /*list-style-image: url("../images/puce_crayon.gif");*/
           list-style-image: url("../images/puce_crayon_xxl.gif");
           margin-left: 20px;
          }
          
    .puce_verte 
          { 
           margin: 2px 0 3px 15px;
           padding: 0px 0px 2px 0.3em;
    
           list-style-image: url("../images/puce_verte.gif");
           margin-left: 15px;
          }
          
    .puce_verte_plan2
          { 
           margin: 2px 0 3px 30px;
           padding: 0px 0px 2px 2.5em;
    	     font-weight: bold;
    
           list-style-image: url("../images/puce_verte.gif");
           margin-left: 20px;
          }
          
    .puce_verte_plan3
          { 
            font-size : 0.89em; 
    	      font-weight: normal;
            color:#6A2C1A; /*brun foncé texte*/
          }
          
    .puce_verte_marge0
          { 
           list-style-image: url("../images/puce_verte.gif");
           margin: 4px 0 4px 0px;
           padding: 0px 0px 2px 0.3em;
          }
          
          
    li    {
           list-style-type: square;
           margin: 0px 0 0px 15px;
           padding: 0px 0px 2px 0.3em;
          }
       
    br    
          {
           clear:left;
          }
          
    /* ==============================================================
            5. LINKS
       ============================================================= */
    
    a:link 
          { 
    	     color:#00972C;
    	     font-weight: bold;
    	     text-decoration: underline;
          }
    a:visited 
          {
    	     color:#00972C;
    	     font-weight: normal;
    	     text-decoration: underline;
          }
    
       
    /* ==============================================================
            6. STYLES PARAGRAPHES 
    /*  ============================================================= */
    
    
    /*  ---------------------
        General
        --------------------- */
        
    .italics 
          { 
           font-style : italic;
          }
    .bold 
          { 
           font-weight : bold;
          }
    .bold_italics
          { 
           font-weight : bold;
           font-style : italic;
          }
    .souligne 
          { 
           text-decoration : underline;
          }
    .vertgras 
          { 
           font-weight : bold;
           color: #00804a; 
          }
    
    /*  ---------------------
        Page accueil
        --------------------- */
      
    #accueil .voeux
          {    
           font-size : 1.0Em; 
           font-weight: bold;
           color: #d94f1e; /* rouge titre */
    	     text-align: center;
           margin: 30px 0 0px 0px;
          }
           
    #accueil h1
          {    
           font-size : 1.15em; 
           font-weight: bold;
           color: #00804a; 
           margin: 32px 0 20px 0px;
           /* margin: 10px 0 20px 0px; adaptation voeux */
          }
    #accueil h2
          {
           font-size : 0.95em; 
           font-weight: bold;
           color: #d94f1e; 
           border-bottom: 1px solid #d94f1e; 
           padding: 20px 25px 0px 0px;
           margin: 0px 275px 20px 0px;
          }            
    #accueil h4
          {    
           font-size : 0.92em; 
           font-weight: normal;
           color:#6A2C1A;
           margin: 40px 0 0px 0px;
          }
    p     
          {     
           font-size : 0.85em; 
           margin: 0.5em 0 0 0; 
          }
    #nos_metiers    
          {     
           font-size: 0.75em;  
           font-weight: normal; 
           /* font-weight: bold;
    	     font: 12px Verdana, sans-serif; 
           font-variant: small-caps; */
           /* color: #00804a;  */
           color: #6A2C1A; 
           /* border: 1px solid #d94f1e;  */
           border-top: 1px solid #EDEAED; 
           border-right: 2px solid #EDEAED; 
           border-bottom: 2px solid #EDEAED; 
           border-left: 1px solid #EDEAED; 
           margin: 15px 10px 05px 0px; 
           padding: 10px 5px 10px 5px;
          }
    #encadre    
          {     
           font-size : 0.85em; 
           font-weight: bold;
           /* color: #00804a; */
           color: #6A2C1A;
           border: 1px solid #d94f1e;
    /* adaptation temporaire du bord droit pour l'affiche Orléans 2009 */ 
        /* margin: 25px 275px 25px 0px; */
    /* adaptation temporaire du bord droit pour l'annonce BNF */ 
           margin: 25px 275px 25px 0px; 
    /* largeur normale sans image latérale */
        /* margin: 25px 10px 25px 0px; */
           padding: 10px 5px 10px 5px;
          }

    #accueil_expo a:link, 
    #accueil_expo a:visited
          {   
           border: 0px; 
    	     color: #FFFFFF;
           text-decoration: none;
          }
    #accueil_expo a:link img, 
    #accueil_expo a:visited img
           {   
            border: 0px; 
    	      color:#FFFFFF;
            text-decoration: none;
           }
    #accueil_diner_caricature a:link, 
    #accueil_diner_caricature a:visited
          {   
           border: 0px; 
    	     color: #FFFFFF;
           text-decoration: none;
          }
    #accueil_diner_caricature a:link img, 
    #accueil_diner_caricature a:visited img
           {   
            border: 0px; 
    	      color:#FFFFFF;
            text-decoration: none;
           }
    #liste_puce_verte
           {
            margin: 5px 0px 5px 0px;
            padding: 0px 0px 4px 0.3em;
           }
    #liste_puce_verte ul 
           { 
            text-indent: -0.5em;
           }
    #liste_puce_verte li 
           { 
            margin: 2px 0px 2px 20px;
    
            list-style-image: url("../images/puce_verte.gif");    
            margin-left: 20px;
          }
    a:link.liste_puce_verte
           { 
    	      color:#00972C;
    	      font-weight: normal;
    	      text-decoration: underline;
           }
    a:visited.liste_puce_verte
           { 
    	      color:#00972C;
    	      font-weight: normal;
    	      text-decoration: underline;
           }
    /*#liste_puce_verte a:link
           { 
    	      color:#00972C;
    	      font-weight: normal;
    	      text-decoration: underline;
           }
    a#liste_puce_verte
           { 
    	      color:#00972C;
    	      font-weight: normal;
    	      text-decoration: underline;
           }
    #liste_puce_verte a:visited 
           { 
    	      color:#00972C;
    	      font-weight: normal;
    	      text-decoration: underline;
           }*/
    
    
    /*  ---------------------
        Rappel titre pages
        --------------------- */
      
    #titrepage h1 p
           {
            font-size : 15px; 
            font-weight: bold;
            color: #00804a; 
            background-color: #e8e8e8; 
            padding: 3px 10px 3px 20px;
            margin: 48px 0px 10px 0px;
           } 

    #soustitrepage h2 p
           {
            font-size : 14px; 
            font-weight: bold;
            color: #d94f1e; 
            border-bottom: 1px solid #d94f1e; 
            padding: 20px 0px 0px 0px;
            margin: 0px 0px 20px 0px;
           } 
           
    
    /*  ---------------------
        Pages services
        --------------------- */
    
    #services
           {
            min-height: 570px;
            /*font-family: Verdana, Arial, Helvetica, sans-serif;
    	      font-size:12px;*/
           }
           
    #services h1
           {
            font-size : 15px; 
            font-weight: bold;
            color: #00804a; 
            background-color: #e8e8e8; 
            padding: 3px 10px 3px 20px;
            margin: 48px 0px 10px 0px;
           } 

    #services h2
           {
            font-size : 14px; 
            font-weight: bold;
            color: #d94f1e; 
            border-bottom: 1px solid #d94f1e; 
            padding: 20px 0px 0px 0px;
            margin: 0px 0px 20px 0px;
           } 
      
    .parag_puce_crayon 
           { 
            color: #d94f1e; /* rouge titre */
            font-weight: bold;
            /*list-style-image: url("../images/puce_crayon.gif");*/
            list-style-image: url("../images/puce_crayon_xxl.gif");
            margin-top: 40px;
            margin-left: 2px;
           }
           
    .parag_mauve 
           { 
            color: #881188; 
            font-weight: bold;
            /*list-style-image: url("../images/puce_crayon.gif");*/
            list-style-image: url("../images/puce_crayon_xxl.gif");
            margin-top: 40px;
            margin-left: 2px;
           }
           
        
      
    /*  ---------------------
        Pages actus - 1 - 2
        --------------------- */
      
    #actualitereference
           {
            font-family: Verdana, Arial, Helvetica, sans-serif;
    	      font-size : 0.92em;
    	      color: #6A2C1A;
           }
           
    #actualitereference h1
           {
            font-size : 15px; 
            font-weight: bold;
            color: #00804a; 
            background-color: #e8e8e8; 
            padding: 3px 10px 3px 20px;
            margin: 48px 0px 10px 0px;
           } 
           
    #actualitereference h2
           {
            font-size : 14px; 
            font-weight: bold;
            color: #d94f1e; /* rouge titre */
            border-bottom: 1px solid #d94f1e; /* rouge titre */
            padding: 20px 0px 0px 0px;
            margin: 24px 0px 20px 0px;
           } 
           
    #actualitereference p
           {
    	      margin-top: 18px;
    	      margin-right: 275px;
           }
           
           
    #actualitereference ul
           {    
    	      margin-top: 4px;
    	      margin-right: 275px;
           }
    #actualitereference li
           {    
    	      margin-top: 2px;
              margin-left: 12px;
           }


    #concept p,
    #references p,
    #temoignages p
           {
    	      margin-top: 18px;
    	      margin-right: 55px;
    	      font-size : 0.94em;
           }
    #temoignages_sponsor p
          { 
    	      margin-top: 0px;
    	      margin-right: 15px;
    	      text-align: right;
            /*font-weight: bold;*/
    	      font-size : 0.91em;
          }
          
     #concept ul
           {    
    	      margin-top: 4px;
    	      margin-right: 55px;
    	      font-size : 0.94em;
           }
    #concept li
           {    
    	      margin-top: 2px;
            margin-left: 24px;
           list-style-image: url("../images/puce_verte.gif");
    	      font-size : 0.94em;
           }
        
      
    
    /* ==============================================================
            7. MENUS
    /*  ============================================================= */
    
    
    /*  ------------------------
        Menu lateral 'services'
        ------------------------ */
    
    #blocmenulateral 
           {
            position: absolute;
            top: 180px;
    	      left: 20px; 
            width: 180px; 
            background: #faffa4;  
            border: 0px;
            padding: 0px;        
            margin: 0px 0px 0px 0px;
           }
           
    #menuservices 
           {
            top: 0px;
    	      left: 0px; 
            width: 180px; 
            background: #faffa4;  
            border: 0px;
            padding: 0px;        
            margin: 0px 0px 0px 0px;
           }
           
    #menuservices ul 
           {
      	    color: #00804a; 
            background: #faffa4; 
    	      font: bold 16px Verdana, sans-serif; 
            font-weight: bold;
            font-variant: small-caps;
    	      padding: 10px 0px 10px 0px; 
            margin: 0px 0px 2px 0px;  
            border-bottom: 1px solid #D8E58F;             }
           
    #menuservices li
           {
      	    color: #00804a; 
            background: #faffa4; 
            font-weight: bold;
    	      font: 12px Verdana, sans-serif; 
            font-variant: small-caps;
            list-style-image: url("../images/puce_crayon_xxl.gif");
    	      padding: 10px 5px 10px 5px; 
            margin: 0px 0px 0px 10px;
            border-top: 1px solid #D8E58F;     
           }
           
    #menuservices li a:link 
           { 
    	      color: #555555;
    	      font-weight: bold;      
           } 
    #menuservices li a:link:hover 
           {
    	      color: #AC0C18; 
           }
    #menuservices li a:visited 
           { 
    	      color: #555555;
    	      font-weight: bold;      
           } 
    #menuservices li a:visited:hover 
           {
    	      color: #AC0C18; 
    	      font-weight: bold;      
    	      background: #FFFBCF; 
           }
    #menuservices li a#current 
           {
    	      background: #FFFFFF;
    	      color: #AC0C18;
           }
           
    .menuservicesdetail 
          { 
      	    color: #00804a;  
    	      font: 10px Verdana, sans-serif; 
            font-variant: normal;
           }
           
    
    /*  ---------------------
        Menu principal niv 1
        --------------------- */
    
    #menuniv1 
           {
            /* width: 780px; */
            width: 700px; /* nouvelle largeur version 3 */
            height: 12px;
            background: #faffa4;  
           }
    
    #menuniv1 h5
           {
    	      display: none;
           }  	
    
    #menuniv1 ul 
           {
    	      padding: 4px 0px 3px 45px; 
    	      margin: 0;
    	      border-bottom: 1px solid #BC0C18; 
            background: #faffa4; 
    	      font: bold 10px Verdana, sans-serif; 
           }
           
    #menuniv1 ul li 
           {
    	      list-style: none; 
    	      margin: 0; 
    	      display: inline; 
            background: #faffa4; 
            padding: 0px 0px 0px 0px;
           }
    
    #menuniv1 ul li a 
           {
    	      padding: 3px 0.5em; 
    	      margin-left: 3px; 
    	      border-top: 1px solid #D8E58F; 
    	      border-left: 1px solid #D8E58F; 
    	      border-right: 1px solid #D8E58F; 
    	      background: #faffa4; 
    	      color: #AC0C18;
    	      font-weight: bold;
    	      text-decoration: none; 
           }
    
    #menuniv1 ul li a:link 
           { 
    	    color: #555555;
    	    font-weight: bold;      
           } 
    #menuniv1 ul li a:link:hover 
           {
    	    color: #AC0C18; 
    	    background: #FFFBCF; 
    	    border-top: 1px solid #333366; 
    	    border-left: 1px solid #333366; 
    	    border-right: 1px solid #333366; 
           }
    
    
    #menuniv1 ul li a:visited 
           { 
    	    color: #555555;
    	    font-weight: bold;      
           } 
    #menuniv1 ul li a:visited:hover 
           {
    	    color: #AC0C18; 
    	    font-weight: bold;      
    	    background: #FFFBCF; 
    	    border-top: 1px solid #333366; 
    	    border-left: 1px solid #333366; 
    	    border-right: 1px solid #333366; 
    	    /*border-bottom: 1px solid #333366;*/
           }
    
    #menuniv1 ul li a#current 
           {
    	    background: #FFFFFF;
    	    color: #AC0C18;
    	    border-top: 1px solid #BC0C18; 
    	    border-left: 1px solid #BC0C18; 
    	    border-right: 1px solid #BC0C18; 
       	    border-bottom: 1px solid #FFFFFF; 
           }

    #menuniv1 br
          {
            clear:left;
          }


         
    /*  ----------------
        Menu niveau 2
        ---------------- */
    
    #menuniv2 
           {
             padding : 0px 0px 0px 25px;          
           }
    #menuniv2 ul 
           {
    	    padding: 0; 
    	    margin: 0;
    	    font: bold 10px Verdana, sans-serif; 
            list-style-type: none;
           }
    #menuniv2 li
           {
    	    padding: 0; 
    	    margin: 0;
            display: inline;
            float: left;
           }
    #menuniv2 a
           {
            color: green ;
    	      font-weight: bold;
            text-decoration: none;
            /*line-height: 25px;*/
           }
    #menuniv2 a:hover
           {
            color: #AC0C18;
           }
    #menuniv2 ul li a#current 
           {
    	    color: #AC0C18;
    	    text-decoration: underline;
           }

    #menuniv2 br
          {
            clear:left;
          }
          
    /*  -------------------------------
        Boutons plan du site et contact
        ------------------------------- */
     #boutoncontact    
          {
            position: absolute;
            top: 152px;
    	      /* left: 708px; */
    	      left: 873px; /* nouvelle position v3*/
            height: 24px;
            border: 0px;
            padding : 0px;        
          }
    #boutonplansite   
          {
            position: absolute;
            top: 154px;
    	      /* left: 740px; */
    	      left: 884px; /* nouvelle position v3 */
            height: 24px;
            margin: 0px;
            padding : 0px;       
          }
    #boutoncontact img, a:link, a:visited,
    #boutonplansite img, a:link, a:visited 
           { 
            border: none;
    	      text-decoration: none;
           }
          
    
    /*  --------------------------------
        Bouttons prev next 
        doublure du menu services niv 2
        -------------------------------- */
    
    
    #command_prev 
          {
            position: absolute;
            bottom: 55px;
    	      left: 200px;	
            height: 15px;
            padding : 5px 25px 5px 25px;          
          }
    #command_prev a
          {
    	    font: bold 9px Verdana, sans-serif; 
    	    color: green;
    	    text-decoration: none;     
          }
    #command_prev_top
          {
            position: absolute;
            top: 187px;
    	      left: 200px;	
            height: 15px;
            padding : 5px 25px 5px 25px;          
          }
    #command_prev_top a
          {
    	    font: bold 9px Verdana, sans-serif; 
    	    color: green;
    	    text-decoration: none;     
          }
    #command_next 
          {
            position: absolute;
            bottom: 55px;
            right: 0px;
            height: 15px;
            padding : 5px 25px 5px 25px;          
          }
    #command_next a
          {
    	    font: bold 9px Verdana, sans-serif; 
    	    color: green;
    	    text-decoration: none;     
          }
    #command_next_top
          {
            position: absolute;
            top: 187px;
            right: 0px;
            height: 15px;
            padding : 5px 25px 5px 25px;          
          }
    #command_next_top a
          {
    	    font: bold 9px Verdana, sans-serif; 
    	    color: green;
    	    text-decoration: none;     
          }
    
    
    /* ==============================================================
            8. BALLOONS and FRAMES
       ============================================================== */
    
    .balloonstyle
          {
           position:absolute;
           top: -500px;
           left: 0;
           padding: 5px;
           visibility: hidden;
           border: 2px solid #E79E4A; /*bord brun clair*/
           font: normal 1em Verdana, sans-serif; 
           line-height: 18px;
           z-index: 100;
           background-color: WHITE;
           width: 350px;
           /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
           /*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);*/
          }
    
    #arrowhead
          {
           z-index: 99;
           position:absolute;
           top: -500px;
           left: 0;
           visibility: hidden;
          }
    
    #iframepdf
          {
            width: 778px;
            height: 1112px;
            color: #FDFF8F; /*vert texte footer*/
            background: WHITE; 
            border-top: 2px solid #EDEAED; /* bord gris */
            border-bottom: 2px solid #EDEAED; /* bord gris */
            border-left: 2px solid #EDEAED; /* bord gris */
            border-right: 2px solid #EDEAED; /* bord gris */
    
            display: inline;
          }
    
       
    /* ==============================================================
            9. POSITION IMAGES
    /*  ============================================================= */
    
      
    #content_image1 
          {
            padding : 0px 50px 0px 50px;
            text-align: center;
            margin : 0 ; 
          }
    #voeux_2010_accueil
          {
            float: inherit;
            margin: 36px 0px 0px 0px;	
            border:0; 
          }
    #voeux_2010_accueil a img 
          {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 500px; 
            border-top: 1px solid #EDEAED; /* bord gris */
            border-right: 3px solid #EDEAED; /* bord gris */
            border-bottom: 3px solid #EDEAED; /* bord gris */
            border-left: 1px solid #EDEAED; /* bord gris */
          } 
    #voeux_2010_accueil a:hover img 
          {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 650px; 
            border-top: 1px solid #EDEAED; /* bord gris */
            border-right: 3px solid #EDEAED; /* bord gris */
            border-bottom: 3px solid #EDEAED; /* bord gris */
            border-left: 1px solid #EDEAED; /* bord gris */
          } 
    #voeux_2009_accueil
          {
            float: inherit;
            margin: 36px 0px 0px 0px;	
            border: 0;
          }
    #voeux_2009_accueil a img 
          {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width:200px; 
            height:280px;
            border:0;
    	      /* background-image: url("../images/accueil/carte_voeux_2009_1.jpg");
            background-repeat: no-repeat; */        
          } 
    #voeux_2009_accueil a:hover img 
          {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width:501px; 
            height:700px;
            border:0;
    	      /* background-image: url("../images/accueil/carte_voeux_2009_2.jpg");
            background-repeat: no-repeat; */
          } 
    #voeux_2008_accueil
          {
            float: inherit;
            margin: 20px 0px 0px 0px;	
            border: 0;
          }
    #voeux_2008_accueil a img 
          {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width:532px; 
            border:0;
          } 
    #voeux_2008_accueil a:hover img 
          {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width:670px; 
            border:0;
          } 
    .diapo_festival2009
          {
            float: right;
         /* taille initiale
            width: 230px;
            height: 455px;
         */
            width: 148px;
            height: 275px;	
         /* taille réduite */
            margin: 70px 5px 0px 25px;	
            /* border:0; */
    	      /* text-decoration: none; */     
          }
    .diapo_festival2009 a img
          {
            border: 0px;
    	      text-decoration: none;     
          }
    .diapo_droite_accueil
          {
            float: right;
            width: 240px;
            margin: 0px 5px 0px 5px;	
            /* border:0; */
    	      /* text-decoration: none; */     
          }
    .diapo_droite_accueil a img
          {
            float: right;
            width: 240px;
            margin: 20px 5px 0px 5px;	
            border: 0px;
    	      text-decoration: none;     
          }
    .diapo_accueil_expo
          {
            float: right;
            width: 240px;
            margin: 20px 5px 0px 5px;	
            border:0 ;	
          }
    .accueil_diner_caricature
          {
            float: right;
            width: 240px;
         /* margin: 57px 5px 0px 20px;*/
            margin: 45px 5px 0px 20px;	
            border:0 ;	
          }
    .images_daumier
          {
            float: right;
            width: 240px;
            margin: 10px 25px 0px 40px;	
            border:0 ;	
          }
    .diapo_droite_actus_1
          {
            position: absolute;
            top: 300px;
            left: 665px;
            width: 240px;
            height: 240px;	
          }
    .diapo_droite_actus_2
          {
            position: absolute;
            top: 580px;
            left: 665px;
            width: 240px;
            height: 240px;	
          }
     
    .diapo_droite_service1
          {
            float: right;
            width: 240px;
            height: 240px;	
            margin: 10px 5px 0px 15px;	
          }
     
    .diapo_droite_service_diner
          {
            float: right;
            width: 240px;
        /*  hauteur variable selon image */
            margin: 10px 5px 20px 25px;	
          }
    .diapo_droite_service_diner a:link, 
    .diapo_droite_service_diner a:visited
           {   
            border: 0px; 
    	      color:#FFFFFF;
            text-decoration: none;
           }
    .diapo_droite_service_diner a:link img, 
    .diapo_droite_service_diner a:visited img
           {   
            /* border-top: 1px solid #EDEAED; */ /* bord gris */
            /* border-right: 3px solid #EDEAED; */ /* bord gris */
            /* border-bottom: 3px solid #EDEAED; */ /* bord gris */
            /* border-left: 1px solid #EDEAED; */ /* bord gris */
            border-top: 1px solid #BC0C18; /* bord rouge */
            border-right: 2px solid #982327; /* bord bordeau */
            border-bottom: 2px solid #982327; /* bord bordeau */
            border-left: 1px solid #BC0C18; /* bord rouge */ 
    	      color:#FFFFFF;
            text-decoration: none;
           }
     
    .diapo_gauche_service1,
    .diapo_gauche_service2
          {
            float: left;
            width: 240px;
            height: 240px;	
            margin:  0px 15px 10px 15px;	
          }
    .diapo_droite_service2
          {
            float: right;
            width: 240px;
            height: 240px;	
            margin: 10px 5px 10px 15px;	
          }
     
    .diapo_droite_service4
          {
            float: right;
            width: 240px;
            height: 240px;	
            margin: 10px 5px 10px 15px;	
          }
          
    .image_gauche_lesaviezvous
          {
            float: left;
            width: 125px;
            height: 120px;	
            margin:  0px 10px 10px 0px;	
          }

    .image_affiche_orleans_2009
          {
            float: right;
         /* taille initiale
            width: 297px;
            height: 550px;	
         */
            width: 148px;
            height: 275px;	
         /* taille réduite */
            border-top: 1px solid #EDEAED; /* bord gris */
            border-right: 3px solid #EDEAED; /* bord gris */
            border-bottom: 3px solid #EDEAED; /* bord gris */
            border-left: 1px solid #EDEAED; /* bord gris */
            margin: 0px 2px 10px 25px;	
          }
    .image_affiche_orleans_2009 a img
          {
            border: 0px;
    	      text-decoration: none;     
          }
          
    .image_chateaudun_2
          {
            float: right;
            width: 360px;
            height: 500px;	
            border-top: 1px solid #EDEAED; /* bord gris */
            border-right: 3px solid #EDEAED; 
            border-bottom: 3px solid #EDEAED; 
            border-left: 1px solid #EDEAED; 
            margin: 0px 2px 10px 25px;	
          }
     
    .menu_diner_caricature_2009
          {
            float: right;
            width: 354px;
            height: 500px;	
            border-top: 1px solid #BC0C18; /* bord rouge */
            border-right: 2px solid #982327; /* bord bordeau */
            border-bottom: 2px solid #982327; 
            border-left: 1px solid #BC0C18; 
            margin: 0px 2px 10px 25px;	
          }
     
    .image_mission_3
          {
            float: right;
            width: 207px;
            height: 122px;	
            margin: 20px 20px 20px 20px;	
          }
    .image_mission_5
          {
            float: right;
            width: 310px;
            height: 209px;	
            margin: 10px 5px 10px 15px;	
          }
          
    .diapo_dessinateurs_qui
          {
            float: right;
            width: 240px;
            height: 240px;	
            margin: 35px 20px 10px 20px;	
          }
        
       
    .image_qqmots_1
          {
            float: right;
            width: 143px;
            height: 225px;	
            border: 1px solid #FF0000; /* bord rouge */
            margin: 12px 10px 0px 10px;	
            /* padding: 10px 15px 10px 15px; */
          }
    
    .image_qqmots_2
          {
            float: right;
            width: 300px;
            height: 188px;	
            border: 1px solid #FF0000; /* bord rouge */
            margin: 35px 10px 5px 10px;	        
            /* padding: 10px 15px 10px 15px;	 */
          }
          
    .image_caricaturevalerie
          {
            float: right;
            width: 74px;
            height: 93px;	
            margin: 10px 200px 5px 10px;	
            margin-right: 225px;
                    
            /* padding: 10px 15px 10px 15px;	 */
          }