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

body {
   overflow:hidden;
    color:#eee;
    margin-left:22%;
}

body
{
  font-family:"Myriad","Myriad Pro",Georgia,Helvetica,Sans-serif;
  background-image: url(../images/fond/Presentation_fond.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;

  /* these two don't work */
  -webkit-background-size: cover;
  -o-background-size: cover;
}
.body
{
 font-size: 2.5vw;
 font-size: 2.5vmin;

 padding: 2em;
 /* background-color: rgba(0, 0, 0, 0.7);
  height:100%;*/
  border: /*2px dashed rgba(255, 255, 255, 0.8)*/;
  -moz-border-radius: 1em;
  border-radius: 1em;
  -webkit-border-radius: 1em;
	/*ROTATION du cadre et du texte*/
	-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 */
}

.texte {
	font-family: Arial;
	color: #fcff17;
	font-size: 12px;
/*	font-weight: bold;*/
}

/*.a_scaler  {
	height:100%;
	-webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
}*/


/*#fond {
    position:absolute;
    top:0;
    left:0;
}
#fond,#fond img {
    width:100%;
    height:100%;
}

img, object, embed, canvas, video, audio, picture {
       max-width: 100%;
       height: auto;
} */
/*h1 {
  color:#eee;
}

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; 
      }
*/


/*img.superbg {
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
}
function redimensionnement(){ 
 
    var $image = $('img.superbg');
    var image_width = $image.width(); 
    var image_height = $image.height();     
     
    var over = image_width / image_height; 
    var under = image_height / image_width; 
     
    var body_width = $(window).width(); 
    var body_height = $(window).height(); 
     
    if (body_width / body_height >= over) { 
      $image.css({ 
        'width': body_width + 'px', 
        'height': Math.ceil(under * body_width) + 'px', 
        'left': '0px', 
        'top': Math.abs((under * body_width) - body_height) / -2 + 'px' 
      }); 
    }  
     
    else { 
      $image.css({ 
        'width': Math.ceil(over * body_height) + 'px', 
        'height': body_height + 'px', 
        'top': '0px', 
        'left': Math.abs((over * body_height) - body_width) / -2 + 'px' 
      }); 
    } 
} 
      
$(document).ready(function(){

    // Au chargement initial   
    redimensionnement();
     
    // En cas de redimensionnement de la fenêtre
    $(window).resize(function(){ 
        redimensionnement(); 
    }); 
 
}); */