body { width: 800px;font-family: Arial,sans-serif;  position:relative;margin-left: auto; margin-right: auto;background: url("images/FOND2.jpg");}

h1 { text-indent: -5000px; }
h2 { color:rgb(15,106,150); text-align:center; font-size:18px; margin-top:20px;}
h2 a { text-decoration: none;color:rgb(15,106,150);}
h3 { color:rgb(15,106,150); text-align:center; font-size:16px;}
p  {font-size:16px;}
em {font-size:13px;}

#accueil {visibility: hidden;}
#situation {visibility: hidden;}
#contact {visibility: hidden;}


#global { float: left; width: 800px; background-color:rgb(202,224,235);}
#catalogue  {padding: 50px 0px 25px 35px;}
/* CSS spécifique au menu */
#menu{
        width: 100%;
        margin: 0;
        padding: 10px 0 0 0;
        list-style: none;
        background: -moz-linear-gradient(rgb(202,224,235), rgb(202,224,235));
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(202,224,235)),color-stop(1, rgb(202,224,235)));
        background: -webkit-linear-gradient(rgb(202,224,235), rgb(202,224,235));
        background: -o-linear-gradient(rgb(202,224,235), rgb(202,224,235));
        background: -ms-linear-gradient(rgb(202,224,235), rgb(202,224,235));
        background: linear-gradient(rgb(202,224,235), rgb(202,224,235));
        -moz-box-shadow: 0 2px 1px rgb(30,13,129);
        -webkit-box-shadow: 0 2px 1px rgb(30,13,129);

}

#menu li{
        width: 15.625%;
        margin-left: 2.91%;
        float: left;
        padding: 0 0 10px 0;
        position: relative;
}
#menu li#centre_li{
        width: 20%;
}
#menu img{
		display: block;
        margin: auto;
		margin-top:5px;
}
#menu a{
        float: left;
		width: 100%;
        height: 104px;
        color: rgb(30,13,129);
        text-decoration: none;
}
#centre_li a{
        height: 132px;
}

#menu li:hover > a{
        color: #fafafa;
		border-radius: 16px;
        background: rgb(30,13,129);
        background: -moz-linear-gradient(rgb(30,13,129),cyan);
        background: -webkit-gradient(linear, left top, left bottom, from(30,13,129), to(rgb(cyan)));
        background: -webkit-linear-gradient(rgb(30,13,129),cyan);
        background: -o-linear-gradient(rgb(30,13,129),cyan);
        background: -ms-linear-gradient(rgb(30,13,129),cyan);
        background: linear-gradient(rgb(30,13,129),cyan);
}


*html #menu li a:hover{ /* IE6 */
        color: #fafafa;
}

#menu li:hover > ul{
        display: block;
	
}

/* Sous-menu */

#menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 110px; /* position verticale menu déroulant */
    left: 0;
    z-index: 99999;
    background: rgb(202,224,235);
    background: -moz-linear-gradient(rgb(202,224,235), rgb(202,224,235));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(202,224,235)),color-stop(1, rgb(202,224,235)));
    background: -webkit-linear-gradient(rgb(202,224,235), rgb(202,224,235));
    background: -o-linear-gradient(rgb(202,224,235), rgb(202,224,235));
    background: -ms-linear-gradient(rgb(202,224,235), rgb(202,224,235));
    background: linear-gradient(rgb(202,224,235), rgb(202,224,235));
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#menu ul#centre_ul{
    top: 130px; /* position verticale menu déroulant */
}
#menu ul li{
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    -moz-box-shadow: 0 1px 0 rgb(202,224,235), 0 2px 0 rgb(30,13,129);
    -webkit-box-shadow: 0 1px 0 rgb(202,224,235), 0 2px 0 rgb(30,13,129);
    box-shadow: 0 1px 0 rgb(202,224,235), 0 2px 0 rgb(30,13,129);
}

#menu ul li:last-child{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu ul a{
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #menu ul a{ /* IE6 */
        height: 10px;
        width: 150px;
}

*:first-child+html #menu ul a{ /* IE7 */
        height: 10px;
        width: 150px;
}

#menu ul a:hover{
        background: rgb(30,13,129);
        background: -moz-linear-gradient(cyan,  rgb(30,13,129));
        background: -webkit-gradient(linear, left top, left bottom, from(cyan), to(rgb(30,13,129)));
        background: -webkit-linear-gradient(cyan,  rgb(30,13,129));
        background: -o-linear-gradient(cyan,  rgb(30,13,129));
        background: -ms-linear-gradient(cyan,  rgb(30,13,129));
        background: linear-gradient(cyan,  rgb(30,13,129));
		width : 90%;
}

#menu ul li:first-child a{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}




#menu ul li:last-child a{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Rétablissement du flottement */
#menu:after{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

/* définition de la petite flêche avant hoover*/
#menu ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 20px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid rgb(202,224,235);
}
/* couleur de la petite flêche lors du hoover*/
#menu ul li:first-child a:hover:after{
    border-bottom-color: cyan; 
}