/* perso */

body
{
width:100%;
height:100%;
 margin:0;
padding:0;
font-family: 'M PLUS Rounded 1c', sans-serif;
}

html{overflow-x:hidden;
 overflow-y:hidden;}
 
.none
{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

/* box */

input[type='submit'], input[type='vider'], button
{
border-radius:5px;
border:0;
padding:10px 10px;
cursor:pointer
}

.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.content
{
position:relative;
box-sizing:border-box;
}

.inline-block-t
{
display:inline-block ;
  vertical-align:top
}

.inline-block-b
{
display:inline-block ;
  vertical-align:bottom
}

.inline-block-m
{
display:inline-block ;
  vertical-align:middle
}

.a-left
{
text-align:left;
}

.a-right
{
text-align:right;
}

.a-center
{
text-align:center;
}

.a-justify
{
text-align:justify;
}

.marg-h-auto
{
margin-right:auto;  
margin-left:auto;
}

.marg-v-0
{
margin-top:0;  
margin-bottom:0;
}

.marg-auto
{
margin:auto; 
}

.pointer
{
 cursor:pointer;
}

p,ul,nav,address,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10
{
margin:0;
padding:0;
}

.list-type-0
{
 list-style-type:none 
}

.a-0
{
text-decoration:none;
color:inherit
}

.border
{
border:1px solid;  
}

.border-b
{
border-bottom:1px solid;   
}

.border-t
{
border-top:1px solid;   
}

.border-l
{
border-left:1px solid;   
}

.border-r
{
border-right:1px solid;   
}

.br-5
{
border-radius:5px
}

.br-10
{
border-radius:10px
}

.br-20
{
border-radius:20px
}

.br-30
{
border-radius:30px
}

.br-50
{
border-radius:50px
}

.shh1:hover
{
-webkit-animation:shh1 1s forwards;	
}

.shh2:hover
{
-webkit-animation:shh2 1s forwards;	
}

.shh3:hover
{
-webkit-animation:shh3 1s forwards;	
}

.shh4:hover
{
-webkit-animation:shh4 1s forwards;	
}

.shh5:hover
{
-webkit-animation:shh5 1s forwards;	
}

.sh1
{
-moz-box-shadow: 0px 10px 30px 0px #404040;
-webkit-box-shadow: 0px 10px 30px 0px #404040;
-o-box-shadow: 0px 10px 30px 0px #404040;
box-shadow: 0px 10px 30px 0px #404040;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#404040, Direction=180, Strength=30);
}

.sh2
{
-moz-box-shadow: 0px 10px 30px 0px #fefefe;
-webkit-box-shadow: 0px 10px 30px 0px #fefefe;
-o-box-shadow: 0px 10px 30px 0px #fefefe;
box-shadow: 0px 10px 30px 0px #fefefe;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#fefefe, Direction=180, Strength=30);
}

.sh3
{
-moz-box-shadow: 0px 10px 30px 0px #efefef;
-webkit-box-shadow: 0px 10px 30px 0px #efefef;
-o-box-shadow: 0px 10px 30px 0px #efefef;
box-shadow: 0px 10px 30px 0px #efefef;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#efefef, Direction=180, Strength=30);
}

.sh4
{
-moz-box-shadow: 0px 10px 30px 0px #549cd5;
-webkit-box-shadow: 0px 10px 30px 0px #549cd5;
-o-box-shadow: 0px 10px 30px 0px #549cd5;
box-shadow: 0px 10px 30px 0px #549cd5;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#549cd5, Direction=180, Strength=30);
}

.sh5
{
-moz-box-shadow: 0px 10px 30px 0px #ff9b00;
-webkit-box-shadow: 0px 10px 30px 0px #ff9b00;
-o-box-shadow: 0px 10px 30px 0px #ff9b00;
box-shadow: 0px 10px 30px 0px #ff9b00;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ff9b00, Direction=180, Strength=30);
}

.sh6
{
-moz-box-shadow: 0px 10px 30px 0px #8e8a8a;
-webkit-box-shadow: 0px 10px 30px 0px #8e8a8a;
-o-box-shadow: 0px 10px 30px 0px #8e8a8a;
box-shadow: 0px 10px 30px 0px #8e8a8a;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#8e8a8a, Direction=180, Strength=30);
}

.sh7
{
-moz-box-shadow: 0px 10px 30px 0px #ff6700;
-webkit-box-shadow: 0px 10px 30px 0px #ff6700;
-o-box-shadow: 0px 10px 30px 0px #ff6700;
box-shadow: 0px 10px 30px 0px #ff6700;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ff6700, Direction=180, Strength=30);
}