#AN-sObj-414 a, #AN-sObj-416 a, #AN-sObj-415 a, #AN-sObj-417 a{
width:100%;
height:100%;
display: block;

font-family: Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color: #333333;
text-shadow:none;
text-align:center;
line-height:100px;
letter-spacing:6;
}
.btn01{


height:450px;
width:600px;
}


/* CSS Document */

/*------------------------------------------------------------------------ANIM-LOGO*/
@-webkit-keyframes reset {
0% {
    opacity: 0; -webkit-transform: scale(0.75);
}
100% {
    opacity: 0; -webkit-transform: scale(0.75);
}
}
 
@-webkit-keyframes fade-in {
0% {
    opacity: 0; -webkit-transform: scale(0.75);
}

100% {
    opacity: 1;-webkit-transform: scale(1);
}
}


#one {
    -webkit-animation-name: reset, fade-in;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
}
/*------------------------------------------------------------------------*/

/*------------------------------------------------------------------------ANIM-SORTIE*/



@-webkit-keyframes reset2 {
0% {
    opacity: 1; -webkit-transform: scale(1);
}
100% {
    opacity: 1; -webkit-transform: scale(1);
}
}
 
@-webkit-keyframes zoom {
0% {
    opacity: 1; -webkit-transform: scale(1);
}

100% {
    opacity: 0;-webkit-transform: scale(2);
}
}


@-webkit-keyframes off {
0% {
    opacity: 0.5;
}
100% {
    opacity: 0;
}
}


.zoom {
    -webkit-animation-name: reset2, zoom;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
}








/*#one {
-webkit-animation: cssAnimation 2s 1 ease;
-moz-animation: cssAnimation 2s 1 ease;
animation-delay:0.2s;
-moz-animation-delay:0.2s;
-webkit-animation-delay:0.2s;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform:translate(0px, 0px);opacity:0; }
to { -webkit-transform:translate(0px, -30px);opacity:1; }
}
@-moz-keyframes cssAnimation {
from { -moz-transform:translate(0px, 0px);opacity:0; }
to { -moz-transform:translate(0px, -30px);opacity:1; }
}*/

/*-------------------------------------------------------------------------*/

*{
	padding: 0px;
	margin: 0px;
	border: none;
}

html, body{width:100%;
height:100%;
}
div#page01{

width:100%;
height:100%;

background-color:#000000;!important}

/*.fond{

background:url(images/fond2.jpg) repeat scroll;
height:100%;
width:100%;
display:block;}*/



#page01 {
    /*-webkit-animation: cssAnimation 1s 16 ease-in-out;
    -moz-animation: cssAnimation 1s 16 ease-in-out;
    }
    @-webkit-keyframes cssAnimation {
    from { -webkit-transform: rotate(0deg) scale(1.003) skew(0deg) translate(0px); }
    to { -webkit-transform: rotate(0deg) scale(1.053) skew(0deg) translate(0px); }
    }
    @-moz-keyframes cssAnimation {
    from { -moz-transform: rotate(0deg) scale(1.003) skew(0deg) translate(0px); }
    to { -moz-transform: rotate(0deg) scale(1.053) skew(0deg) translate(0px); }
  */  }



div#page02{
width:100%;
background-color:#000000;!important}

#one{
text-align:center;
width:100%;height: 305px;
}


#one img{
vertical-align:middle;
width:270px;
max-width:500px;
height:auto;
}



.ui-body-c {
    background:#000000;
    color: #ffffff
}

#table01{display:table;
height:480px;
margin-top:-54px;
width: 100%;}


#cell01{display: table-cell;
vertical-align: bottom;}



#bouton{
    background-color: #232323;
    color: #E2E2E2;
    font-family: "Trebuchet MS";
    letter-spacing: 11px;
    padding: 10px;
    right: 18px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 120px;}

#top{
text-align: center;
letter-spacing:11px;
opacity:1;
left:18px;
font-family:"Trebuchet MS";
font-size:16px;
padding:10px;
position: relative;
top:0px;
background-color: #232323;
color:#E2E2E2;
width:55px;
height:30px;
line-height:50px;
text-decoration:none;
text-transform:uppercase;}

#bouton a{
color: #3a3a3a;
text-decoration:none;
text-shadow:none;}

#top a{
color: #3a3a3a;
text-decoration:none;
text-shadow:none;}

#deco1{
height:426px;
background-color:#232323;
}
#menu{
background-color:#000000;
height:480px;
}
#menu > ul{
padding-left:18px;
padding-right:18px;
padding-top:20px;}
#menu > ul > li{
border-bottom:1px dotted #333333;
list-style:none;}
#menu > ul > li > a{
color:#CCCCCC;
font-family: Arial, Helvetica, sans-serif;
letter-spacing:3px;
font-size:20px;
line-height:42px;
text-decoration:none;
font-weight:lighter;
text-align:left;}

.sub{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
display:block;
background-color: #333333;
    padding: 18px;}
	
	
@media only screen and (max-device-width: 480px) and (orientation:portrait)
{ 

#bouton{

background-color:#FFFFFF;
width:150px;
height:30px;
position: relative;
top:0;
left:0;

}


}



@media only screen and (max-device-width: 480px) and (orientation:landscape)
{ 




#one img{
margin:0 auto;
text-align:center;
width:45%;
max-width:500px;
height:auto;
}



#bouton{
text-align:center;
letter-spacing:8px;
opacity:0;
left:50%;
margin-left:0px;
font-family:"Trebuchet MS";
font-size:12px;
padding:10px;
position:absolute;
bottom:-10px;
background-color: #252525;
color:#E2E2E2;
width:85px;
height:10px;
line-height:10px;
text-decoration:none;
text-transform:uppercase;}



 }
 
 
 @media only screen and (max-device-width: 768px) and (orientation:portrait)
{ 
#table01{width:100%;
height:100%;margin-top:0;

}


#deco1{
height:100%;
background-color:#232323;
}

#menu{
background-color:#000000;
height:100%;
}

#bouton{
text-align:center;
letter-spacing:8px;
opacity:0;
left:50%;
margin-left:0px;
font-family:"Trebuchet MS";
font-size:12px;
padding:10px;
position:absolute;
bottom:-10px;
background-color: #990000;
color:#E2E2E2;
width:85px;
height:10px;
line-height:10px;
text-decoration:none;
text-transform:uppercase;}


}

 
 @media only screen and (max-device-width: 1024px) and (orientation:landscape)
{ 


#bouton{
text-align:center;
letter-spacing:8px;
opacity:0;
left:50%;
margin-left:0px;
font-family:"Trebuchet MS";
font-size:12px;
padding:10px;
position:absolute;
bottom:-10px;
background-color: #00CC33;
color:#E2E2E2;
width:85px;
height:10px;
line-height:10px;
text-decoration:none;
text-transform:uppercase;}


}