body { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
#page { 
	margin: 0 auto 0 auto;  
	width: 90% ;
	height: 100%;
/**	color: blue;  **/
	color: white;
	background-image   : url(librairie/images/i2.jpg);
	background-position : center;
}
.alpinfo {
	text-align: center;
	font-size:12px;
	color: #FF0000;
	text-decoration: underline;
}

.container{
	position:relative;
}
.ca-menu{
    padding: 0 0 0 48px;  
    margin: 20px auto; 
    width: 700px; 
}
h1{
	margin:0px;
	padding:20px;
	font-size:32px;
	color:#000;
    text-shadow:3px 3px 3px rgba(255,255,255,1.5); 
	text-align:center;
	font-weight:400;
}
h3{
	font-size:0px;
	text-align: center;
}
.ca-menu li{
    width: 230px;
    height: 230px;
    border: 10px solid #f6f6f6;
    overflow: hidden;
    position: relative; 
    float:left;
    background: #fff; 
    margin-left:-48px;
	text-align: center;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-main{
    font-size: 24px;
    position: absolute;
    top: 130px;
    height: 80px;
    width: 170px;
    left: 50%;
    margin-left: -85px;
    opacity: 0.8;
    text-align: center;
    color: blue;
	text-shadow:2px 2px 2px white;
}
.ca-sub{
	font-size: 11px;
	margin-top: -220px;
	text-align: center;
	display: none;   
/**    color: #FFFFFF;  **/
}

.ca-menu li:hover .ca-sub{
    color: #FF0000;
    font-size: 16px;
	text-align: center;
	display: list-item;   
    -webkit-animation: moveFromBottom 300ms ease;
    -moz-animation: moveFromBottom 300ms ease;
    -ms-animation: moveFromBottom 300ms ease;
}  
.ca-menu li:hover .ca-main{
    color: #FF0055;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -moz-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -ms-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}