/*                                                                                
Theme Name: Michardardillier.com                                                  
Theme URI: http://www.michardardillier.com                                        
Description: Michard Ardillier Chaussures                                         
Version: 0.1                                                                      
Author: Colas Michard (design) / Jacques Perconte (architecture)                  
Author URI: http://www.colasmichard.com                                           
                                                                                  
  medias : http://www.michardardillier.com/_MichardArdillier/medias/w/            
                                                                                */
	
/* typographies & couleurs                                                      */


body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: arial;
	}


/* mise en page g»n»rale                                                        */

	
	
	/* block g»n»ral */
	
	#Block_g {  
	position:absolute;
	left: 50%; 
	top: 50%;
	width:900px;
	height:592px;
	margin-top: -296px;  /* moiti» de la hauteur */
	margin-left: -450px; /* moiti» de la largeur */
	}

	/* block de gauche (menu) */

	#Block_left {   
	width: 230px;
	height:592px;
	position:absolute;
	top:0px;
	left:0px;
	margin-right: 5px;
	}	
	
	/* block de droite (contenu) */
	
	#Block_right {   
	width: 665px;
	height:592px;
	position:absolute;
	top:0px;
	left:235px;
	}
	
	#Block_pompes {   
	width: 586px;
	height:592px;
	position:absolute;
	top:0px;
	left:235px;
	}
	


/* mise en page menu                                                            */

	
	
	/* menu en blocs */
	
	#Menu_Head div {
	background-color:#BBBBBB;
	text-align:left;
	min-height: 30px;
	vertical-align: baseline;
	text-indent: 5px;
	}
			
	#Menu_michard {
	font-weight:normal;
	font-variant:small-caps;			
	color:#FFFFFF;			
	text-decoration: none;
	}
	
	a.michard { 
    display: block; 
    width: 230px; 
    height: 30px; 
    background-image: url(http://www.michardardillier.com/medias/w/logo01.gif);
	background-repeat: no-repeat;
    }
	 
	a.michard:hover { 
   	background-image: url(http://www.michardardillier.com/medias/w/logo02.gif); 
	} 
		
	#Menu_michard a{
	font-weight:normal;
	font-variant:small-caps;
	color:#FFFFFF;
	text-decoration: none;
	display: block;
	border: 0;
	line-height: 30px;
	}


	#Menu_michard a:hover{    
	font-weight:normal;
	font-variant:small-caps;
	color:#FFFFFF;
	text-decoration: none;
	background-color: #999999;
	}
			
	#Menu_item {
	margin-top: 5px;
	font-weight:normal;
	font-variant:small-caps;			
	color:#FFFFFF;
	line-height: 30px
	}

	#Menu_item a{
	margin-top: 5px;
	font-weight:normal;
	font-variant:small-caps;
	color:#FFFFFF;	
	text-decoration: none;
	display: block;
	border: 0;
	}

	#Menu_item a:hover{
	margin-top: 5px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration: none;
	background-color: #999999;
	font-variant:small-caps;
	}
	
	#Menu_typologie { 
    width: 230px; 
    height: 30px; 
	margin-top: 5px;
	vertical-align: baseline;
	}
	
	#Menu_typologie td{
	font-weight:normal;
	text-indent: 5px;
	background-color: #BBBBBB;
	font-variant:small-caps;			
	color:#FFFFFF;
	line-height: 30px;
	}

	#Menu_typologie a{
	display: block;
	font-weight:normal;
	font-variant:small-caps;
	color:#FFFFFF;
	padding-right: 5px;
	text-decoration: none;
	border: 0;
	}

	#Menu_typologie a:hover{
	font-weight:normal;
	color:#FFFFFF;
	text-decoration: none;
	font-variant:small-caps;
	}
	
	/* menu en blocs */
	
	
	/* menu en liste */

	#Menu_list{
	text-align:left;
	font-weight:normal;
	font-variant:normal;
	font-size: 12px;
	vertical-align:top;
	padding-top: 5px;
	}

	#list_item {
	margin-top: 5px;
	}
			
	#list_item a{
	color: #666666;
	text-decoration: none;
	font-weight:normal;
	font-variant:normal;			
	}	

	#list_item a:hover{
	color: #999999;
	}		

	#list_item a:visited{
	text-decoration: none;
	}
	
	/* menu en liste */
	
	
	
	/* menu navigation */
	
	#Block_liste_nav {
	width: 230px;
	height: 20px;
	padding-top: 5px;
	bottom: 22px;				
	position: absolute;
	}
	
	#Block_liste_nav td{
	width: 112px;
	height: 20px;
	padding-right: 6px;
	}
	
	a.listnavl { 
    display: block; 
    width: 112px; 
    height: 20px; 
    background-image: url(http://www.michardardillier.com/medias/w/listnav-l.gif);
    background-color:#BBBBBB;
	background-repeat: no-repeat;
    }
	 
	a.listnavl:hover { 
   	background-image: url(http://www.michardardillier.com/medias/w/listnav-l.gif); 
   	background-color:#999999;
	} 
	
	a.listnavr { 
    display: block; 
    width: 112px; 
    height: 20px; 
    background-image: url(http://www.michardardillier.com/medias/w/listnav-r.gif);
    background-color:#BBBBBB;
	background-repeat: no-repeat;
    }
	 
	a.listnavr:hover { 
   	background-image: url(http://www.michardardillier.com/medias/w/listnav-r.gif); 
   	background-color:#999999;
	} 
	
	/* menu navigation */
	
	
	
	/* menu recherche  */
	
	#Menu_list_recherche{
	height:17px;
	width:230px;
	font-size: 11px;	
	color: #666666;
	text-decoration: none;	
	font-weight:bold;
	font-variant:small-caps;	
	margin-top: 5px;		
	bottom: 0px;				
	position: absolute;
	}	

	#Menu_list_recherche td{
	padding-right: 5px;
	vertical-align: middle;
	}	

	a.loupe {
	display: block;
	width: 14px;
	height: 13px;
	background-image: url(http://www.michardardillier.com/medias/w/search.gif);
	background-repeat: no-repeat;
    }
	 	
	.searchbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;	
	border: 1px solid #666666;
	}
	
	/* menu recherche  */
	
	
	
/* mise en page contenu                                                         */
	
	
	/* niveau 01                                            	                */
		
		#Block_titrage_01 {
		width: 665px;
		height: 30px;
		background-color: #BBBBBB;
		}
		
		#Block_intro_01 {
		width: 665px;
		height: 535px;
		padding-top: 5px;
		}
		
		#Block_legende_01 {
		width: 665px;
		height: 15px;
		font-weight: normal;
		font-variant: normal;
		color: #666666;
		text-decoration: none;
		font-size: 11px;
		text-align: left;
		padding-top: 5px
		}
	
	
	/* niveau 02                                            	                */
		
		#Block_boutique_02 {
		width: 665px;
		height: 590px;
		padding-right: 5px;
		}
		
		#Block_concept_02 {
		width: 665px;
		height: 475px;
		padding-right: 5px;
		}
		
		#Block_left_02 {
		width: 330px;
		height: 590px;
		padding-right: 5px;
		}
		
		#Block_right_02 {
		width: 330px;
		height: 590px;
		}
	
		/* Titrage niveau 02 */
	
		#Block_titrageboutique_02 {
		width: 665px;
		height: 65px;
		background-color: #BBBBBB;
		}
		
		#Block_titrage_02 {
		width: 330px;
		height: 65px;
		background-color: #BBBBBB;
		}
		
		#Titrage_date_02 {
		font-weight: normal;
		font-variant: normal;
		color: #FFFFFF;
		text-decoration: none;
		font-size: 12px;
		height: 25px;
		position: static;
		}
	
		#Titrage_date_02 td{
		vertical-align: top;
		padding-top: 5px;
		padding-left: 5px;
		font-weight: normal;
		font-variant: normal;
		color: #FFFFFF;
		text-decoration: none;
		font-size: 12px;
		height: 25px;
		position: static;
		}
		
		#Titrage_titre_02 {
		font-weight: bold;
		font-variant: normal;
		color: #FFFFFF;
		text-decoration: none;
		font-size: 25px;
		vertical-align: bottom;
		height: 30px;
		}		
	
		#Titrage_titre_02 td{
		vertical-align: bottom;
		text-align: left;
		padding-left: 5px;
		bottom: auto;
		font-weight: bold;
		font-variant: normal;
		color: #FFFFFF;
		text-decoration: none;
		font-size: 25px;
		vertical-align: bottom;
		height: 30px;
		}		
	
		/* Titrage niveau 02 */
		
		
		/* m»dias niveau 02 */
			
		#Block_mediaboutique_02 {
		width: 665px;
		height: 505px;
		}
		
		#Block_newsletter_02 {
		width: 655px;
		height: 465px;
		padding: 5px;
		background-color: #BBBBBB;
		text-align: left;
		font-weight: normal;
		font-variant: normal;
		color: #FFFFFF;
		font-size: 12px;
		}
		
		#Block_mediaboutique_02 td{
		padding-top: 5px;
		}
		
		#Block_media_02 {
		width: 330px;
		height: 475px;
		padding-top: 5px;
		}
		
		/* m»dias niveau 02 */
		
		/* l»gende niveau 02 */

		#Block_legende_02 {
		width: 330px;
		height: 15px;
		font-weight: normal;
		font-variant: normal;
		color: #666666;
		text-decoration: none;
		font-size: 11px;
		text-align: left;
		padding-top: 5px
		}
		
		#Block_legendeboutique_02 {
		width: 665px;
		height: 15px;
		font-weight: normal;
		font-variant: normal;
		color: #666666;
		text-decoration: none;
		font-size: 11px;
		text-align: left;
		padding-top: 5px
		}
		
		/* l»gende niveau 02 */
		
		/* navigation niveau 02 */
	
		#Block_nav_02 {
		width: 330px;
		height: 25px;
		padding-top: 5px;
		}
	
		#Block_nav_02 td{
		width: 330px;
		height: 20px;
		}
		
		a.imagel { 
    	display: block; 
    	width: 330px; 
    	height: 20px; 
    	background-image: url(http://www.michardardillier.com/medias/w/nav02_l.jpg);
    	background-color:#BBBBBB;
		background-repeat: no-repeat;
    	}
	 
		a.imagel:hover { 
   		background-image: url(http://www.michardardillier.com/medias/w/nav02_l.jpg); 
   		background-color:#999999;
		} 
		
		a.imager { 
    	display: block; 
    	width: 330px; 
    	height: 20px; 
    	background-image: url(http://www.michardardillier.com/medias/w/nav02_r.jpg);
    	background-color:#BBBBBB;
		background-repeat: no-repeat;
    	}
	 
		a.imager:hover { 
   		background-image: url(http://www.michardardillier.com/medias/w/nav02_r.jpg);
   		background-color:#999999;
		} 
		
		/* navigation niveau 02 */
		
	
	/* niveau 03                                            	                */
	
		
		/* Titrage niveau 03 */
	
		#Block_titrage_03 {
		width: 665px;
		height: 100px;
		background-color: #BBBBBB;
		}
		
		#Block_titrage_pompes {
		width: 586px;
		height: 100px;
		background-color: #BBBBBB;
		}
		
		#Titrage_date_03 {;
		}
		
		
		#Titrage_date_03 td{
		vertical-align: top;
		padding-top: 5px;
		padding-left: 5px;
		font-weight: normal;
		font-variant: normal;
		color: #FFFFFF;
		text-decoration: none;
		font-size: 12px;
		height: 25px;
		position: static;
		}
		
		#Titrage_titre_03 {
		font-weight: bold;
		font-variant: normal;
		color: #FFFFFF;
		text-decoration: none;
		font-size: 25px;
		vertical-align: bottom;
		height: 30px;
		}		
		
		#Titrage_titre_03 td{
		font-weight: bold;
		font-variant: normal;
		color: #FFFFFF;
		text-decoration: none;
		font-size: 25px;
		vertical-align: bottom;
		text-align: left;
		padding-left: 5px;
		bottom: auto;
		}		
		
		#Titrage_soustitre_03 {
		font-weight: normal;
		font-variant: small-caps;
		color: #FFFFFF;
		text-decoration: none;
		font-size: 15px;
		line-height: 15px;
		height: 40px;
		position: static;
		}
		
	
		#Titrage_soustitre_03 td{
		font-weight: normal;
		font-variant: small-caps;
		color: #FFFFFF;
		text-decoration: none;
		font-size: 15px;
		line-height: 15px;
		vertical-align: bottom;
		text-align: left;
		padding-bottom: 5px;
		padding-left: 5px;
		}
		
		
		/* Titrage niveau 03 */
		
		
	
		/* m»dias niveau 03 */
			
			#Block_media_03 {
			width: 665px;
			height: 440px;
			padding-top: 5px;	
			}
			
			#Block_intro_03 {
			width: 665px;
			height: 465px;
			padding-top: 5px;	
			}
			
			#Block_collections_03 {
			width: 665px;
			height: 440px;
			padding-top: 5px;	
			}
			
			#Block_collections_pompes {
			width: 586px;
			height: 440px;
			padding-top: 5px;	
			}
			
			/* image_big/texte_small niveau 03 */
	
			#Block_image_big {
			width: 460px;
			height: 440px;
			padding-right: 5px;
			}

			#Block_texte_small {
			width: 190px;
			height: 430px;
			padding: 5px;
			background-color: #BBBBBB;
			text-align: left;
			font-weight: normal;
			font-variant: normal;
			color: #FFFFFF;
			font-size: 12px;
			}

			#Block_texte_small a{  
			background-color: #BBBBBB;
			text-align: left;
			font-weight: normal;
			font-variant: normal;
			color: #FFFFFF;
			font-size: 12px;
			text-decoration: none;
			}

			#Block_texte_small a:hover{  
			background-color: #FFFFFF;
			color: #BBBBBB;
			text-decoration: none;
			}
			
			/* image_big/texte_small niveau 03 */
	
			
			/* contact niveau 02 */
	
			#Block_texte_contact {  
			width: 180px;
			height: 495px;
			padding: 5px;
			background-color: #BBBBBB;
			text-align: left;
			font-weight: normal;
			font-variant: normal;
			color: #FFFFFF;
			font-size: 12px;
			}
			
			#Block_image_contact {
			width: 470px;
			height: 505px;
			padding-right: 5px;
			}

			#Block_texte_contact a{  
			background-color: #BBBBBB;
			text-align: left;
			font-weight: normal;
			font-variant: normal;
			color: #FFFFFF;
			font-size: 12px;
			text-decoration: none;
			}

			#Block_texte_contact a:hover{  
			background-color: #FFFFFF;
			color: #BBBBBB;
			text-decoration: none;
			}
			
			/* contact niveau 02 */
			
			/* boutique niveau 02 */
	
			#Block_texte_boutique_big {  
			width: 460px;
			height: 495px;
			padding: 5px;
			background-color: #BBBBBB;
			text-align: left;
			font-weight: normal;
			font-variant: normal;
			color: #FFFFFF;
			font-size: 12px;
			}
			
			#Block_image_boutique_small {
			width: 190px;
			height: 505px;
			padding-left: 5px;
			}

			#Block_texte_boutique_big a{  
			background-color: #BBBBBB;
			text-align: left;
			font-weight: normal;
			font-variant: normal;
			color: #FFFFFF;
			font-size: 12px;
			text-decoration: none;
			}

			#Block_texte_boutique_big a:hover{  
			background-color: #FFFFFF;
			color: #BBBBBB;
			text-decoration: none;
			}
			
			/* boutique niveau 02 */
	
	
			/* concept store niveau 02 */
	
			#Block_texte_concept_small {  
			width: 190px;
			height: 465px;
			padding: 5px;
			background-color: #BBBBBB;
			text-align: left;
			font-weight: normal;
			font-variant: normal;
			color: #FFFFFF;
			font-size: 12px;
			}
			
			#Block_image_concept_big {
			width: 460px;
			height: 475px;
			padding-left: 5px;
			}

			#Block_texte_concept_big a{  
			background-color: #BBBBBB;
			text-align: left;
			font-weight: normal;
			font-variant: normal;
			color: #FFFFFF;
			font-size: 12px;
			text-decoration: none;
			}

			#Block_texte_concept_big a:hover{  
			background-color: #FFFFFF;
			color: #BBBBBB;
			text-decoration: none;
			}
			
			/* concept store niveau 02 */
	
			/* texte_big/image_small niveau 03 */	
	
			#Block_texte_big {  
			width: 460px;
			height: 430px;
			padding: 5px;
			background-color: #BBBBBB;
			text-align: left;
			font-weight: normal;
			font-variant: normal;
			color: #FFFFFF;
			font-size: 12px;
			}
			
			#Block_image_small {
			width: 190px;
			height: 440px;
			padding-left: 5px;
			}

			#Block_texte_big a{  
			background-color: #BBBBBB;
			text-align: left;
			font-weight: normal;
			font-variant: normal;
			color: #FFFFFF;
			font-size: 12px;
			text-decoration: none;
			}

			#Block_texte_big a:hover{  
			background-color: #FFFFFF;
			color: #BBBBBB;
			text-decoration: none;
			}
			
			/* texte_big/image_small niveau 03 */
			
			
			
			/* son/image/texte niveau 03 */	
	
			#Block_son_image {  
			width: 460px;
			height: 440px;
			padding-right: 5px;
			}
			
			#Block_image_top {
			width: 460px;
			height: 220px;
			padding-bottom: 5px;
			}

			#Block_son {  
			width: 460px;
			height: 215px;
			background-color:none;
			text-align: left;
			font-weight: normal;
			font-variant: normal;
			color: #FFFFFF;
			font-size: 12px;
			}
			
			#Block_texte_small {  
			width: 190px;
			height: 430px;
			padding: 5px;
			background-color: #BBBBBB;
			text-align: left;
			font-weight: normal;
			font-variant: normal;
			color: #FFFFFF;
			font-size: 12px;
			}
			
			/* son/image/texte niveau 03 */	

		/* m»dias niveau 03 */
	
		
		
		/* l»gende niveau 03 */

		#Block_legende_03 {
		width: 665px;
		height: 15px;
		font-weight: normal;
		font-variant: normal;
		color: #666666;
		text-decoration: none;
		font-size: 11px;
		text-align: left;
		padding-top: 5px
		}
		
		/* l»gende niveau 03 */
		
		
	
		/* navigation niveau 03 */
	
		#Block_nav_03 {
		width: 665px;
		height: 20px;
		padding-top: 5px;
		}
		
		#Block_nav_pompes {
		width: 586px;
		height: 20px;
		padding-top: 5px;
		}
	
		#Block_nav_03 td{
		width: 15px;
		height: 20px;
		padding-right: 2px;
		}
		
		#Block_nav_pompes td{
		width: 15px;
		height: 20px;
		padding-right: 2px;
		}
		
		a.image { 
    	display: block; 
    	width: 15px; 
    	height: 20px; 
    	background-image: url(http://www.michardardillier.com/medias/w/nav.gif);
    	background-color: #BBBBBB;
		background-repeat: no-repeat;
    	}
	 
		a.image:hover { 
   		background-image: url(http://www.michardardillier.com/medias/w/nav.gif); 
   		background-color: #999999;
		} 
		
		a.click  { 
    	display: block; 
    	width: 15px; 
    	height: 20px; 
    	background-image: url(http://www.michardardillier.com/medias/w/nav.gif);
    	background-color: #999999;
		background-repeat: no-repeat;
    	}
		
		/* navigation niveau 03 */