div,p,h1,h2,h3,li,ul{
margin:0;
padding:0;
}

h1{
text-align:center;
font-family:KozGoPro-Light;
font-size:0.9em;
color:#d5d2d2;
font-weight:normal;
}

h2{
font-weight:normal;
letter-spacing:0.2em;
color:#d5d2d2;
}

a:link,a:visited{
text-decoration:none;
}

a{
color:#e6e5e5;
letter-spacing:0.1em;
font-size:0.8em;
}

a:hover{
color:#CC0000;}
}

ul{
list-style-type:none;
}

li{
display:inline;
margin:0 0.6em 0 0.6em;
}

img{
border:none;
}

.active{ /* pour chgt couleur des liens  */
color:#DB2226;
}

.block{
display:block;
text-align:center;
}

.vert{
font-size:1.5em;
color:#009900;
letter-spacing:2px;
}

#clignotant1,#clignotant2{ /* règle smlt couleur, clignotement en JS */ /* variable clignotant pour compatibilité W3C éviter répétition d'1 même id */
color:#FF6600;
}

#cadre{
width:100%;
background-image:url(images/motif3.gif);
}

#main{
color:#d5d2d2;
font-size:12px;
background-color:#3d3223;
width:100%;
margin:auto;
font-family:verdana;}

	menu{
    display:none;
    }

    header{
    }

        #logo{
        float:left;
        width:261px;
        height:234px;
        background-image:url(images/apb_logo2.jpg);
        background-repeat:no-repeat;
        margin-left:0;
        }
        
        	#logo img{
            display:block;
            }
        
        #header_droite{
        float:left;
        width:50%;
        }
        
            #vcard {
                display:none;
                }
        
            #titre_page{
            padding-top:10%;
            text-align:center;
            font-family:KozGoPro-Light;
            font-size:3em;
            }
            
            	#titre_page h2{
                display:none;
                }
            
            #texte_rub{
            z-index:1;
            letter-spacing:0.3em;
            word-spacing:0.5em;
            color:#d5d2d2;
			margin-top:5.5em;
            margin-left:15em;
            width:50%;
            }
            
            #texte_rub span {
            display:block;
            position:relative;
            margin:-4em 3em 0 0;
            }
            

            
                           
            #dock{
            clear:both;
            padding-top:1.5em;
            height:115px;
            display:block;
            text-align:center;
            width:95%;
            }
            
            	#dock div{
                display:inline-block;/*pour centrer les images dans la div*/
                text-align:center;
                }
            
                .jqDock ul{
                height:80px;
                display:block;
                text-align:center;
                }
            
                #dock li{
                margin:auto;
                }
            
                #dock img{
                padding:0 0 0 10px;
                -moz-box-shadow: 5px 5px 5px #070707;
         -webkit-box-shadow: 5px 5px 5px #070707;                }
                
            #info_dock,#info_clique_glisse{
            text-align:center;
            margin-top:-1em;
            color:#9a9a98;
            }            
   
	#corps{
	clear:both;
    font-family:verdana;
    font-size:1em;
    min-height:250px;
    } 
    
        /* PAGE ACCUEIL */
    
    	#accroche1{ 
        float:left; 
        margin-top:3em; 
        margin-right:1em;  
        margin-left:1.5em;
        font-size:0.9em;
        font-family:KozGoPro-Light;
        font-size:1.5em;
        } 
        
        #un{
        float:left;
        position:relative;
        z-index:90;
        background-color:#5c482e;
        font-size:1.3em;
        -moz-box-shadow: 5px 5px 5px #070707;
         -webkit-box-shadow: 5px 5px 5px #070707;        }
        
        	#un span{
            display:block;
            padding-top:0.5em;
            padding-bottom:0.5em;
            text-align:center;
            font-family:verdana;            letter-spacing:0.3em;
            }
            
            #un img{
            margin-bottom:-3px;
            }
               
              
        #deux{
        float:left;
        margin-top:5.5em;
        position:relative;
        z-index:20;
        margin-bottom:3em;
        }
        
        	#deux img{
            margin-bottom:-3px;
            }
        
        	#deux p{
            text-align:center;
            margin-top:1em;
            margin-left:-0.5em;
            font-family:KozGoPro-Light;
            font-size:1.5em;
            }
            
            #deux_ensemble{
            float:left;
	        background-color:#5c482e;
            font-size:1.3em;
            margin-top:7em;
            margin-left:-3em;
            -moz-box-shadow: 5px 5px 5px #070707;
         -webkit-box-shadow: 5px 5px 5px #070707;            }
            
                #deux_1{
                float:left;
                padding-left:0.5em;
                padding-right:0.2em;
                padding-top:5em;
                line-height:0.8em;
				font-family:verdana;                }
                
                #deux_2{
                float:left;
                text-align:center;
                padding-right:0.5em;
                padding-left:0.2em;
                padding-top:2.5em;
                line-height:0.8em;
				font-family:verdana;                }
                
                #deux_3{
                float:left;
                }
        
        #trois{
        float:left;
        margin-top:3em;
        margin-left:-0.5em;
        }
        
        	#trois img{
            margin-bottom:-3px;
            }
        
        	#trois_ensemble{
            float:left;
	        background-color:#5c482e;
            font-size:1.3em;
            -moz-box-shadow: 5px 5px 5px #070707;
         -webkit-box-shadow: 5px 5px 5px #070707;            }
            
            	#trois_1{
                float:left;
                }
                
                #trois_2{
                float:left;
                padding-left:0.5em;
                padding-right:0.2em;
                padding-top:1em;
                line-height:0.8em;
				font-family:verdana;                }
                
                #trois_3{
                float:left;
                padding-right:0.5em;
                padding-left:0.2em;
                padding-top:3em;
                line-height:0.8em;
				font-family:verdana;                }
        
        	#trois p{
            clear:left;
            margin-left:1.5em;
            letter-spacing:0.1em;
            padding-top:3em;
            font-family:KozGoPro-Light;
            font-size:1.5em;
            }
    
        /* FIN PAGE ACCUEIL */
        
        /* AGENCEMENT PRO OU ARCHITECTURE INTERIEUR */
		
        #corps_gauche{
        width:12em;
        float:left;
        margin:12em 5.5em 6em 0;
        }
        
        	#avant,#etude{
            font-size:1em;
            font-family:verdana;            letter-spacing:0.2em;
            color:#d5d2d2;
            text-align:center;
            padding:0.5em 0;
            }
            
            	#avant img,#etude img{
                width:15em;
                height:13em;
                -moz-box-shadow: 5px 5px 5px #070707;
         -webkit-box-shadow: 5px 5px 5px #070707;                }
        
        #corps_droite{
        width:685px;
        float:left;
        } 
        
        	#corps_droite .block{
            padding: 1.5em 0 1em 0;
            font-size:1.7em;
            letter-spacing:0.2em;
            }
        
            #contenant{
            clear:both;
            width:685px;
            height:465px;
            overflow:hidden; /* pour defilement sans ascenseur */
            position:relative; /* sinon decallage bizarre image rub */
            -moz-box-shadow: 5px 5px 5px #070707;
         -webkit-box-shadow: 5px 5px 5px #070707;            }
        
        	#contenu_page{
            width:20000px;
            position:relative;
            /* for IE */
            cursor:pointer;
            cursor:hand;
            font-size:1.5em;
            }
            
            
            #image_rub1{
            float:left;
            border-left:solid #191919 2px;
            border-right:solid #191919 2px;
            }
			#texte_rub1{
            float:left;
            width:230px;
            height:465px;
            padding:45px 10px 25px 10px;
            background-image:url(images/motif.gif);/*fond entre les images du centre*/
            color:<?php echo $couleur_texte ; ?>;
            font-size:0.7em;
            <?php echo $family ; ?>
            letter-spacing:0.2em;
            }
            
            /* Affichage info-bulle images */
            #image_rub1 a span,#image_rub10 a span a span{
            display:none;
            }
            
            /* Affichage info-bulle images */
            #image_rub1 a:hover span{
            display:block;
            position:absolute;
            text-align:left;
            width:100%;
            height:30px;
            top:430px;
            padding:5px;
            z-index:100;
            color:#d5d2d2;
            font-weight:800;
            font:12px verdana;
            letter-spacing:2px;
			background-color:#1a0f00;
            filter:alpha(opacity=60);
            opacity:0.6;
            -moz-opacity:0.6;
            }
			
            #image_rub2{
            float:left;
            border-left:solid #191919 2px;
            border-right:solid #191919 2px;
            }
			#texte_rub2{
            float:left;
            width:230px;
            height:465px;
            padding:45px 10px 25px 10px;
            background-image:url(images/motif.gif);/*fond entre les images du centre*/
            color:<?php echo $couleur_texte ; ?>;
            font-size:0.7em;
            <?php echo $family ; ?>
            letter-spacing:0.2em;
            }
            
            /* Affichage info-bulle images */
            #image_rub2 a span,#image_rub10 a span a span{
            display:none;
            }
            
            /* Affichage info-bulle images */
            #image_rub2 a:hover span{
            display:block;
            position:absolute;
            text-align:left;
            width:100%;
            height:30px;
            top:430px;
            padding:5px;
            z-index:100;
            color:#d5d2d2;
            font-weight:800;
            font:12px verdana;
            letter-spacing:2px;
			background-color:#1a0f00;
            filter:alpha(opacity=60);
            opacity:0.6;
            -moz-opacity:0.6;
            }
			
            #image_rub3{
            float:left;
            border-left:solid #191919 2px;
            border-right:solid #191919 2px;
            }
			#texte_rub3{
            float:left;
            width:230px;
            height:465px;
            padding:45px 10px 25px 10px;
            background-image:url(images/motif.gif);/*fond entre les images du centre*/
            color:<?php echo $couleur_texte ; ?>;
            font-size:0.7em;
            <?php echo $family ; ?>
            letter-spacing:0.2em;
            }
            
            /* Affichage info-bulle images */
            #image_rub3 a span,#image_rub10 a span a span{
            display:none;
            }
            
            /* Affichage info-bulle images */
            #image_rub3 a:hover span{
            display:block;
            position:absolute;
            text-align:left;
            width:100%;
            height:30px;
            top:430px;
            padding:5px;
            z-index:100;
            color:#d5d2d2;
            font-weight:800;
            font:12px verdana;
            letter-spacing:2px;
			background-color:#1a0f00;
            filter:alpha(opacity=60);
            opacity:0.6;
            -moz-opacity:0.6;
            }
			
            #image_rub4{
            float:left;
            border-left:solid #191919 2px;
            border-right:solid #191919 2px;
            }
			#texte_rub4{
            float:left;
            width:230px;
            height:465px;
            padding:45px 10px 25px 10px;
            background-image:url(images/motif.gif);/*fond entre les images du centre*/
            color:<?php echo $couleur_texte ; ?>;
            font-size:0.7em;
            <?php echo $family ; ?>
            letter-spacing:0.2em;
            }
            
            /* Affichage info-bulle images */
            #image_rub4 a span,#image_rub10 a span a span{
            display:none;
            }
            
            /* Affichage info-bulle images */
            #image_rub4 a:hover span{
            display:block;
            position:absolute;
            text-align:left;
            width:100%;
            height:30px;
            top:430px;
            padding:5px;
            z-index:100;
            color:#d5d2d2;
            font-weight:800;
            font:12px verdana;
            letter-spacing:2px;
			background-color:#1a0f00;
            filter:alpha(opacity=60);
            opacity:0.6;
            -moz-opacity:0.6;
            }
			
            #image_rub5{
            float:left;
            border-left:solid #191919 2px;
            border-right:solid #191919 2px;
            }
			#texte_rub5{
            float:left;
            width:230px;
            height:465px;
            padding:45px 10px 25px 10px;
            background-image:url(images/motif.gif);/*fond entre les images du centre*/
            color:<?php echo $couleur_texte ; ?>;
            font-size:0.7em;
            <?php echo $family ; ?>
            letter-spacing:0.2em;
            }
            
            /* Affichage info-bulle images */
            #image_rub5 a span,#image_rub10 a span a span{
            display:none;
            }
            
            /* Affichage info-bulle images */
            #image_rub5 a:hover span{
            display:block;
            position:absolute;
            text-align:left;
            width:100%;
            height:30px;
            top:430px;
            padding:5px;
            z-index:100;
            color:#d5d2d2;
            font-weight:800;
            font:12px verdana;
            letter-spacing:2px;
			background-color:#1a0f00;
            filter:alpha(opacity=60);
            opacity:0.6;
            -moz-opacity:0.6;
            }
			
            #image_rub6{
            float:left;
            border-left:solid #191919 2px;
            border-right:solid #191919 2px;
            }
			#texte_rub6{
            float:left;
            width:230px;
            height:465px;
            padding:45px 10px 25px 10px;
            background-image:url(images/motif.gif);/*fond entre les images du centre*/
            color:<?php echo $couleur_texte ; ?>;
            font-size:0.7em;
            <?php echo $family ; ?>
            letter-spacing:0.2em;
            }
            
            /* Affichage info-bulle images */
            #image_rub6 a span,#image_rub10 a span a span{
            display:none;
            }
            
            /* Affichage info-bulle images */
            #image_rub6 a:hover span{
            display:block;
            position:absolute;
            text-align:left;
            width:100%;
            height:30px;
            top:430px;
            padding:5px;
            z-index:100;
            color:#d5d2d2;
            font-weight:800;
            font:12px verdana;
            letter-spacing:2px;
			background-color:#1a0f00;
            filter:alpha(opacity=60);
            opacity:0.6;
            -moz-opacity:0.6;
            }
			
            #image_rub7{
            float:left;
            border-left:solid #191919 2px;
            border-right:solid #191919 2px;
            }
			#texte_rub7{
            float:left;
            width:230px;
            height:465px;
            padding:45px 10px 25px 10px;
            background-image:url(images/motif.gif);/*fond entre les images du centre*/
            color:<?php echo $couleur_texte ; ?>;
            font-size:0.7em;
            <?php echo $family ; ?>
            letter-spacing:0.2em;
            }
            
            /* Affichage info-bulle images */
            #image_rub7 a span,#image_rub10 a span a span{
            display:none;
            }
            
            /* Affichage info-bulle images */
            #image_rub7 a:hover span{
            display:block;
            position:absolute;
            text-align:left;
            width:100%;
            height:30px;
            top:430px;
            padding:5px;
            z-index:100;
            color:#d5d2d2;
            font-weight:800;
            font:12px verdana;
            letter-spacing:2px;
			background-color:#1a0f00;
            filter:alpha(opacity=60);
            opacity:0.6;
            -moz-opacity:0.6;
            }
			
            #image_rub8{
            float:left;
            border-left:solid #191919 2px;
            border-right:solid #191919 2px;
            }
			#texte_rub8{
            float:left;
            width:230px;
            height:465px;
            padding:45px 10px 25px 10px;
            background-image:url(images/motif.gif);/*fond entre les images du centre*/
            color:<?php echo $couleur_texte ; ?>;
            font-size:0.7em;
            <?php echo $family ; ?>
            letter-spacing:0.2em;
            }
            
            /* Affichage info-bulle images */
            #image_rub8 a span,#image_rub10 a span a span{
            display:none;
            }
            
            /* Affichage info-bulle images */
            #image_rub8 a:hover span{
            display:block;
            position:absolute;
            text-align:left;
            width:100%;
            height:30px;
            top:430px;
            padding:5px;
            z-index:100;
            color:#d5d2d2;
            font-weight:800;
            font:12px verdana;
            letter-spacing:2px;
			background-color:#1a0f00;
            filter:alpha(opacity=60);
            opacity:0.6;
            -moz-opacity:0.6;
            }
			
            #image_rub9{
            float:left;
            border-left:solid #191919 2px;
            border-right:solid #191919 2px;
            }
			#texte_rub9{
            float:left;
            width:230px;
            height:465px;
            padding:45px 10px 25px 10px;
            background-image:url(images/motif.gif);/*fond entre les images du centre*/
            color:<?php echo $couleur_texte ; ?>;
            font-size:0.7em;
            <?php echo $family ; ?>
            letter-spacing:0.2em;
            }
            
            /* Affichage info-bulle images */
            #image_rub9 a span,#image_rub10 a span a span{
            display:none;
            }
            
            /* Affichage info-bulle images */
            #image_rub9 a:hover span{
            display:block;
            position:absolute;
            text-align:left;
            width:100%;
            height:30px;
            top:430px;
            padding:5px;
            z-index:100;
            color:#d5d2d2;
            font-weight:800;
            font:12px verdana;
            letter-spacing:2px;
			background-color:#1a0f00;
            filter:alpha(opacity=60);
            opacity:0.6;
            -moz-opacity:0.6;
            }
			
            #image_rub10{
            float:left;
            border-left:solid #191919 2px;
            border-right:solid #191919 2px;
            }
			#texte_rub10{
            float:left;
            width:230px;
            height:465px;
            padding:45px 10px 25px 10px;
            background-image:url(images/motif.gif);/*fond entre les images du centre*/
            color:<?php echo $couleur_texte ; ?>;
            font-size:0.7em;
            <?php echo $family ; ?>
            letter-spacing:0.2em;
            }
            
            /* Affichage info-bulle images */
            #image_rub10 a span,#image_rub10 a span a span{
            display:none;
            }
            
            /* Affichage info-bulle images */
            #image_rub10 a:hover span{
            display:block;
            position:absolute;
            text-align:left;
            width:100%;
            height:30px;
            top:430px;
            padding:5px;
            z-index:100;
            color:#d5d2d2;
            font-weight:800;
            font:12px verdana;
            letter-spacing:2px;
			background-color:#1a0f00;
            filter:alpha(opacity=60);
            opacity:0.6;
            -moz-opacity:0.6;
            }
			            
            
            #texte_rub_projet{
			font-family:verdana;            font-size:12px;
            margin:1.5em 0 2.5em 0;
            letter-spacing:0.1em;
            }           
            
        /* FIN AGENCEMENT PRO OU ARCHITECTURE INTERIEUR */
        
        /* MOBILIER CONTEMPORAIN */
        
        #mobilier{
        width:80%;
        margin: auto;
        padding : 2em 0 2em 0;
        text-align:center;
        }
        
        	#mobilier img{
            height:12em;
            margin-left:0.1em;
			-moz-box-shadow: 5px 5px 5px #070707;
         -webkit-box-shadow: 5px 5px 5px #070707;            }
            
		#acces{ 
		margin-bottom:2.5em;    
        align:center;
        text-align:center;
        }
        
        	#acces iframe{
            width:502px;
            height:530px;
            overflow:hidden;
            border:5px solid #fff;
            }
        
        /* ACTU */
        #actu{
        width:60%;
        margin:0 10em 2em 25em;
        }        
        
    footer{
    clear:both;
    position:relative;
    width:100%;
    text-align:center;
    padding-bottom:25px;
    }   	 
    
        footer p, footer h2, .vcard, .vcard h2{
        clear:both;
        width:100%;
        text-align:center;
        padding:0;
        margin:0;
        letter-spacing:0.4em;
        font-size:1em;
        color:#d5d2d2;
        }
        
        	.vcard h2{
            margin-bottom:0.3em;
            }
        
        	.region{display:none;}
            .tel{letter-spacing:0.1em;}
        
        
        
        footer img{
        margin-top:4em;
        margin-bottom:2em;
        clear:both;
        display:block;
        width:100%;
        text-align:center;
        align:center;
        }
        
        footer a{
        width:97%;
        display:inline-block;
        text-align:right;
        margin-right:9em;
        margin-top:2em;
        letter-spacing:0.2em;
        color:#9a9a98;
        }
            
    #eco_print{
    display:none;
    }