@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
Gestion du menu
-------------------------------------------------------------*/

#access{
	float: left;
    height: 92px;
    width: 100%;
}
/* set height so content isn't pushed down add z-index to keep drops above content */
.sf-menu{
	height: 47px;
        z-index: 100;
    }
    /* restyle so main links are horizontally aligned */
    .sf-menu li {
        clear: none;
        width: 25%; /* this will need to be adjusted for your needs */
    }
    /* new style for drop list items */
    .sf-menu li li{
        clear: left;
        width: 100%;
    }
    /* reset text indent on all drop a tags and set the width to 100% */
    .sf-menu li li a, .sf-menu li li li a, .sf-menu li li li li a{
        text-indent: 12px;
        width: 100%;
    }
    /* reposision and style the first drop */
    .sf-menu li:hover ul{
		left: auto;
        position: absolute;
        top: -1;
        width: 100%;
        z-index: 100;
    }
	
    /* reposision and style the second drop */
    ul.sf-menu li li:hover ul{
        position: absolute;
        top: -1px;
        left:100%;
    }
    /* reposision and style the third drop */
    ul.sf-menu li li li:hover ul{
        position: absolute;
        top: -1px;
        left:100%;
    }
	
		.sf-menu li a{
		padding:0;
		width:190px;
		margin:0;
		height:47px;
		text-align:center;
		display:table-cell;
		vertical-align:middle;
		margin:auto;
		font-weight:500;
		padding-left:25px;
		padding-right:30px;
	
		
		
		
	}
	ul.sf-menu li:hover {background:url(../images/fond-menu.png) repeat-x;}
	ul.sf-menu li:hover li:hover {background:url(../images/menu-item2.png) repeat;}

 #access {
		height:47px;
		
	}
	
	/* bigger screen bigger nav */
    div.menu{
        height: 47px;
		width:990px;
		margin:auto;
		
    }
    /* bigger screen bigger nav */
    .sf-menu{
        height: 47px;
		width:768px;
		
    }
	

	.sf-menu li{
		list-style:none inside none;
	 	height:47px;
		padding:0;
		margin:0;
		
		
	}
    /* bigger screen bigger font size and padding */
    .sf-menu a {
        font-size: 1em;
        padding: px 0;
    }
	.sf-menu li a{
		padding:0;
		width:190px;
		margin:0;
		height:47px;
		text-align:center;
		display:table-cell;
		vertical-align:middle;
		margin:auto;
		font-weight:500;
		padding-left:25px;
		padding-right:30px;
	} 
/* fin menu */

body, #content, div#pied{width:990px;}

p.slogan{font-size:3em; margin-left:550px;}