/**
* Caricstyle2 : CSS2 stylesheet
*
* print version 2 : hidden menus, limited image display 
* Designed with Gecko engine, works also with IE6 and IE7.
* Created 18-08-2007 - development mny.
* Adaptation 16-01-2008 : new division voeux_2008_accueil, new class voeux
* adaptation 27-08-2009 : validation CSS niveau 2.1
* adaptation 30-12-2009 : masquer la carte de voeux 2010 et l'affiche diner caricature
*
* @package    CaricartistsWeb
* @author     Marc Nyssen
* @copyright (c)2009 Caricartists
*/

    /* ===============================================================
        Réalisation et graphisme : Valérie Munch
        Design et développement Web - PHP - CSS : Marc Nyssen
        
        Copyright (c) 2007-2009 Caric'Artists - tous droits réservés.
        
        Les dessins et photographies présentés sur ce site 
        sont la propriété de Caric'Artists et de leurs auteurs. 
        Toute reproduction, même partielle, est interdite.
       =============================================================== */

    
    /* ====================================================
            0. LISTE DES COULEURS
       ==================================================== */
    
    #list_of_colors
          {
            background: #edeaed; /* fond gris bandeaux lateraux */
            border: 2px solid #edeaed; /* bord gris */
            background : #ffffff; /* fond blanc conteneur */
            color: #fdff8f; /* texte jaune creme footer */
            color: #d94f1e; /* rouge titre */
            color: #00804a; /* vert C */
    	    color:#6A2C1A; /*brun foncé texte*/
          }  
    
    /* ====================================================
            1. STRUCTURE DE LA PAGE - DEFINITION DES BLOCS
    /* ==================================================== */
    
    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: none;
          }   
    input, select, th, td
          {
            font-size: 0.95em;
          }  
    #page_left
          { 
            display: none;
          }
    #page_right
          { 
            display: none;
          }
    #conteneur 
          { 
            position: relative;
            width: 795px;
            margin: 0px auto 0px auto; 
    	    padding : 0px;
    	    border: 0px;
    	    min-height: 99%;
    	    height: 99%;
            background : none;
          }
    body>#conteneur 
          {
    	height: auto;
          }
    #page_main
          {
            /*min-height: 250px;*/
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
    	    padding-top : 0;
    	    padding-left : 0;
    	    padding-right : 0;
    	    padding-bottom : 65px;
          }
    #content 
          {
    	    padding : 0px 50px 10px 50px;
    	    margin : 0 ; 
          }
          
    
    /* ==========================================================
            2. STRUCTURE DE LA PAGE - AFFICHAGE HEADER-FOOTER
    /* ========================================================== */
    
    #page_top 
          { height: 80px;
            width: 500px;
            display: none;      
          }      
    #page_top_print 
          { height: 80px;
            width: 500px;
    	    /*
    	    background-image : url("../images/nouveau_bandeau_haut_print.png");
    	    background-repeat: no-repeat; */
          }      
    #space_next_prev 
          {
            height: 15px;
            width: 795px;
            display: none;
          }
    #page_footer 
          {
            position: absolute;
            bottom: 0px;
    	      left: 0px;	
            height: 54px;
            color: #fdff8f; /* texte jaune creme footer */
    	      font: bold 10px Verdana, sans-serif; 
            background: #edeaed; /* fond gris bandeaux lateraux */
    	      background-image: url("../images/nouveau_bandeau_bas.png");
            background-repeat: no-repeat;  
            display: none;      
          }
    #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
          {
          }  
    #page_main
          {
          }
    #content 
          {
          }

           
    /* ==============================================================
            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 
          { 
            list-style-image: url("../images/puce_verte.gif");
            margin: 2px 0 3px 15px;
            padding: 0px 0px 2px 0.3em;
            margin-left: 15px;
          }
          
    .puce_verte_plan
          { 
            list-style-image: url("../images/puce_verte.gif");
            margin: 2px 0 3px 15px;
            padding: 0px 0px 2px 2.5em;
            margin-left: 15px;
          }
          
    .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; /* vert C */
          }
    
    /*  ---------------------
        Page accueil
        --------------------- */
      
    #accueil .voeux
           {    
            font-size : 1.1em; 
            font-weight: bold;
            color: #d94f1e; /* rouge titre */
            margin: 30px 0 0px 0px;
           }
    #accueil h1
           {    
            font-size : 1.1em; 
            font-weight: bold;
            color: #00804a; /* vert C */ 
            margin: 40px 0 20px 0px;
           }
    #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 
           { 
            list-style-image: url("../images/puce_verte.gif");
            margin: 2px 0px 2px 20px;
            margin-left: 20px;
          }
    a:link.liste_puce_verte,
    a:visited.liste_puce_verte
           { 
    	      color:#00972C;
    	      font-weight: normal;
    	      text-decoration: underline;
           }
    
    /*  ---------------------
        Rappel titre pages
        --------------------- */
      
    #titrepage h1 p
           {
            font-size : 15px; 
            font-weight: bold;
            color: #00804a; /* vert C */
            background-color: #e8e8e8; 
            padding: 3px 10px 3px 20px;
            margin: 48px 0px 10px 0px;
           } 

    #soustitrepage h2 p
           {
            font-size : 14px; 
            font-weight: bold;
            color: #d94f1e; /* rouge titre */
            border-bottom: 1px solid #d94f1e; /* rouge titre */
            padding: 20px 0px 0px 0px;
            margin: 0px 0px 20px 0px;
           } 
           
    
    /*  ---------------------
        Pages services
        --------------------- */
    
    #services h1
           {
            font-size : 15px; 
            font-weight: bold;
            color: #00804a; /* vert C */
            background-color: #e8e8e8; 
            padding: 3px 10px 3px 20px;
            margin: 48px 0px 10px 0px;
           } 

    #services h2
           {
            font-size : 14px; 
            font-weight: bold;
            color: #d94f1e; /* rouge titre */
            border-bottom: 1px solid #d94f1e; /* rouge titre */
            padding: 20px 0px 0px 0px;
            margin: 0px 0px 20px 0px;
           } 
      
    #services
           {
            /*font-family: Verdana, Arial, Helvetica, sans-serif;
    	      font-size:12px;*/
           }
           
    .parag_puce_crayon 
           { 
            color: #d94f1e; /* rouge titre */
            font-weight: bold;
            list-style-image: url("../images/puce_crayon_xxl.gif");
            margin-top: 40px;
            margin-left: 2px;
           }
           
        
      
    /*  ---------------------
        Pages actus - 1 - 2
        --------------------- */
      
           
    #actus h1
           {
            font-size : 15px; 
            font-weight: bold;
            color: #00804a; /* vert C */
            background-color: #e8e8e8; 
            padding: 3px 10px 3px 20px;
            margin: 48px 0px 10px 0px;
           } 
           
    #actus_texte p
           {
    	      margin-top: 18px;
    	      margin-right: 275px;
           }
    #actualitereference
           {
            font-family: Verdana, Arial, Helvetica, sans-serif;
    	      font-size : 0.92em;
    	      color:#6A2C1A;
           }
           
    #actualitereference h1
           {
            font-size : 15px; 
            font-weight: bold;
            color: #00804a; /* vert C */
            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: 55px;
           }
 
    #references p,
    #temoignages p
           {
    	      margin-top: 18px;
    	      margin-right: 55px;
           }
    #temoignages_sponsor p
          { 
    	      margin-top: 0px;
    	      margin-right: 15px;
    	      text-align: right;
          }
   
      
    
    /* ==============================================================
            7. MENUS
    /*  ============================================================= */
    
    
    /*  ------------------------
        Menu lateral 'services'
        ------------------------ */
    
    #blocmenulateral 
           {
            display: none;
           }
    #menuservices 
           {
            display: none;
           }
           
    /*  ---------------------
        Menu principal niv 1
        --------------------- */
    
    
    #menuniv1 
           {
            display: none;
           }
    
    /*  ---------------------
        Menu services niv 2
        --------------------- */
    
    #menuniv2 
           {
             display: none;          
           }
    
    /*  --------------------------------
        Bouttons prev next 
        doublure du menu services niv 2
        -------------------------------- */
    
    
    #command_prev 
          {
            position: absolute;
            bottom: 55px;
    	    left: 0px;	
            height: 15px;
            padding : 5px 25px 5px 25px;   
            display: none;       
          }
    #command_prev a
          {
    	    font: bold 9px Verdana, sans-serif; 
    	    color: green;
    	    text-decoration: none;     
            display: none;       
          }
    #command_prev_top
          {  
            display: none;       
          }
    #command_next 
          {
            position: absolute;
            bottom: 55px;
            right: 0px;
            height: 15px;
            padding : 5px 25px 5px 25px;          
            display: none;       
          }
    #command_next a
          {
    	    font: bold 9px Verdana, sans-serif; 
    	    color: green;
    	    text-decoration: none;     
            display: none;       
          }
    #command_next_top
          {
            display: none;       
          }
    
    
    /* ==============================================================
            8. BALLOONS and FRAMES
       ============================================================== */
    
    .balloonstyle
          {
           position:absolute;
           top: -500px;
           left: 0;
           padding: 5px;
           visibility: hidden;
           /*border:1px solid black;*/
           border: 2px solid #E79E4A; /*bord brun clair*/
           /*font:normal 12px Verdana;*/
           font: normal 1em Verdana, sans-serif; 
           line-height: 18px;
           z-index: 100;
           background-color: white;
           /*background-color: lightyellow;*/ /* fond page balloons*/
           /*background: #FFFFC0;*/ /* ligthyellow fond page balloons*/
           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:0; 
          } 
    #voeux_2010_accueil a:hover img 
          {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width:650px; 
            border:0; 
          } 
    #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;
          } 
    #voeux_2009_accueil a:hover img 
          {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width:501px; 
            height:700px;
            border:0;
          } 
    #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:709px; 
            height:501px; 
            border:0;
          } 
    #accueil_diner_caricature         
          {
            display: none;       
          }
    .diapo_droite_accueil
          {
            float: right;
            width: 240px;
            margin: 20px 5px 0px 5px;	
          }
    .diapo_accueil_expo
          {
            float: right;
            width: 240px;
            margin: 20px 5px 0px 5px;	
          }
    .diapo_droite_actus_1
          {
            display: none;       
          }
    .diapo_droite_actus_2
          {
            display: none;       
          }
          
    .diapo_droite_service_diner
          {
            display: none;       
          }
          
    .menu_diner_caricature_2009
          {
            display: none;       
          }
     
    .diapo_droite_service1
          {
            float: right;
            width: 240px;
            height: 240px;	
            margin: 10px 5px 10px 15px;	
          }
     
    .diapo_gauche_service2
          {
            float: left;
            width: 240px;
            height: 240px;	
            margin: 10px 5px 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_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;	
          }
    
    .image_qqmots_2
          {
            float: right;
            width: 300px;
            height: 188px;	
            border: 1px solid #ff0000; /* bord rouge */
            margin: 35px 10px 5px 10px;	        
          }
          
    .image_caricaturevalerie
          {
            float: right;
            width: 74px;
            height: 93px;	
            margin: 10px 200px 5px 10px;	
            margin-right: 200px;                    
          }