html {
  font-family:"Myriad","Myriad Pro",Georgia,Helvetica,Sans-serif;
/*  background:url(../images/fond/logo.jpg);*/
  height:100%;
  padding:0;
  margin:0;
}
body {

  min-height: 100%;
  padding:0;
  margin:0;
}


/*body
{
  background-image: url(../images/fond/page1_460_373_v1.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
}

.body
{
  background-color: rgba(0, 0, 0, 0.7);
  height:100%;
}*/


h1 {
  color:#eee;
  padding-top:3em;
  padding-bottom:2em;
  margin:0;
}

hublot {
  width:100%;
  height:600;
  z-index:3;
}

hublot2 {
  width:100%;
  height:600;
  z-index:1;
}

blink {
  color:red;
  font-weight: bold;
  font-size:18px;
}

h2 {
  font-weight: bold;
  font-size:18px;
}

h3 {
  font-size:18px;
}

#conteneur{
width: 200px;
height: 50%;
overflow: auto;
}

#content {
  margin-left:15%;
  width:500px;
  text-align:center;
}
#hint {
  color:#666;
  margin-left:15%;
  width:300px;
  text-align:left;
  margin-top:3em;
}

.rotation30 {
	-moz-transform: rotate(-7.5deg);  /* FF3.5+ */
	-o-transform: rotate(-7.5deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-7.5deg);  /* Saf3.1+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
	-ms-transform: rotate(-7.5deg); /* IE 9 */
}


.navigation { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
      background: #000; 
      color: #fff; 
      width: 200px; 
      font: 1em "Trebuchet MS", sans-serif; 
      } 
   .navigation a, .navigation span { 
      display: block; 
      padding: 4px 10px; 
      color: #fff; 
      text-decoration: none; 
      background: #000 url(../images/boutons/menu-item.png) left bottom no-repeat; 
      } 
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
      background-image: url(../images/boutons/menu-item-deroule.png); 
      } 
   .navigation .open a, .navigation .open span { 
      background-image: url(../images/boutons/menu-item-enroule.png); 
      } 
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
      text-decoration: underline; 
      } 
   .navigation .subMenu { 
      font-size: .8em; 
      background: #ccc url(../images/boutons/subMenu.png) 0 0 repeat-x; 
      font-size: .9em; 
      margin: 0; 
      padding: 0; 
      border-bottom: 1px solid #666; 
      } 
   .navigation ul.subMenu a { 
      background: none; 
      padding: 3px 20px; 
      }