/* Ceci est le fichier de design du site 
   Code développé par Eric AMAT le 16/09/2009
 */
html { 
	font-size:70%;
	background: url(Images/FondDark2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
h1
{
        color:#112288;
        font-weight:bold;
        font-size:150%;
	text-align:center;
}
h3
{
        color:inherit;
        font-weight:bold;
        font-size:150%;
        text-align:center;
}

a
{
	text-decoration:none;
        /*color:#e1eeff;*/
        color:#11458f;
}
a:active, a:focus
{
	/*color: #0000ff;*/
	color: #0000ff;
}
/*
a:visited
{
	color:teal;
}*/
a:hover
{
      text-decoration:underline;
      /*color:#c6d9ff;*/
      color:#06192f;
      font-weight:bold;
      font-size:102%;
      /*text-transform:uppercase;*/
}
body
{
        background: url(Images/dragon21.jpg) no-repeat top center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      text-align: justify;
      /*font-size: 11px;*/
      color:#11121f;
      /*color:#e1eeff;*/
      border-radius: 75px 0px 75px 0px;
      padding: 10px 10px 20px 50px; 
      margin: 20px 150px 50px 150px;
      height : auto;
      width: auto;
      -moz-box-shadow: 20px 10px 30px #112288;
      -webkit-box-shadow: 20px 10px 30px #112288;
      box-shadow:10px 5px 15px #112288;
      float:center;
}
.surprise
{
      color:#cccccc;
      /*text-align:center;*/
     /*padding: -10px -10px 0px 0px;*/
     margin: 230px 0px 0px 20px;
     height : auto;
     width: auto;
     /*border: 2px solid #2255f3;*/
     float:bottom;
}
.Commands
{
      border-radius: 75px 0px 75px 0px;
      /*font-family:"Comic Sans MS","Trebuchet MS",Georgia,Arial,Verdana,serif;*/
      text-align:left;
      font-size:125%;
      font-weight:bold;
      margin: 20px 40px 2px 20px;
      padding: 10px 5px 10px 50px;
      color:#000000;
      -moz-box-shadow: 20px 10px 30px #112288;
      -webkit-box-shadow: 20px 10px 30px #112288;
      box-shadow: 4px 5px 15px #000822;
}
p
{
      border-radius: 75px 0px 75px 0px;
      font-family:"Comic Sans MS","Trebuchet MS",Georgia,Arial,Verdana,serif;
      margin: 20px 280px 2px 20px;      
      padding: 0px 30px 10px 40px;
      -moz-box-shadow: 20px 10px 30px #112288;
      -webkit-box-shadow: 20px 10px 30px #112288;
      box-shadow: 4px 5px 15px #000822;
      float:center;
}
.logo
{
     width=auto; 
     height=auto;
     float:left;
     margin: -13px 10px 0px 10px;/* 143px 144px 10px;*/
}

.photoMenu
{
     /*width:auto;
     height:auto;*/
     padding : 10px 10px 10px 10px;
     margin : 20px 10px 15px 10px ;
     text-align:left;
     float:right;
     border-radius: 0px 0px 75px 0px;
     box-shadow: 0 0 10px 5px black;
}
.photo
{
     border-radius: 0px 0px 75px 0px;
     margin:10px 10px 10px 10px;
     float:center;
     box-shadow: 0 0 10px 5px black;
}
/* padding(inside block): top right bottom left*/
.face
{
     border-radius: 75px 0px 75px 0px;
     margin: 50px -100px 0px 20px;
     border: 2px solid #995533;
     float:left;
}
.info
{ 
     width:40%;
     height:auto;
     padding : 15px 10px 15px 10px;
     margin : 20px 5px 15px 66px ;
     text-align:left;
     float:right;
     border: 1px solid #056666;
     border-radius: 0px 0px 75px 0px;
     box-shadow: 0 0 10px 5px black;
        -moz-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px #112288;
        -webkit-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px #112288;
        box-shadow: 0 0 3px 2px black, 6px -4px lime, 6px 4px 7px #112288, -6px 4px yellow, -6px -4px 7px red;
}
.menu
{
     width:auto;
     height:auto;
     border-radius: 75px 0px 75px 0px;
     /*border: 1px solid #993333;*/
     padding : 1px 10px 10px 5px;
     margin : 1px 25px 15px -150px ;
     float : left;
     font-size:100%;
     box-shadow: 0 0 10px 5px #112288;
}
.AllLeftMenu
{
	font-size:900%;
        margin : 1px 80px 60px 1px;
	padding: 0px 0px 0px 7px;
	text-align:left;
	height:auto;
        width:auto;
	border: 1px solid #056666;
	float:left;
	background:url(Images/moonFloor1.jpg) no-repeat center center fixed;
        border-radius: 75px 0px 95px 0px;
        -moz-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px #112288;
        -webkit-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px #112288;
        box-shadow: 0 0 10px 5px black, 16px -12px lime, 16px 12px 20px #112288, -16px 12px yellow, -16px -12px 20px red;
}
/* padding(inside block): top right bottom left*/

.lignefin{

      margin: 100px 10px -18px 10px;/* 143px 144px 10px;*/
      padding: 20px 50px 20px 20px;
	color:#4f1113;
	/*color:#d9ffff;
	color:#052066;*/
	font-size:60%;
	text-align:right;
	float : bottom;	
	border: 1px solid #056666;
border-radius: 75px 0px 75px 0px;
-moz-box-shadow: 0 0 10px 5px black, 40px -30px #1a2226, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px #112288;
-webkit-box-shadow: 0 0 10px 5px black, 40px -30px #1a2226, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px #112288;
box-shadow: 0 0 10px 5px black, 20px -10px lime, 10px 20px 30px red, -15px 20px yellow, -20px -10px 30px #112288;
}
/*
-moz-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
-webkit-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;*/