body
{
width:800px;
margin: 0, auto; 
color: #222;
font-family: 'trebuchet ms', helvetica, arial, sans-serif;
font-size: 12px;
text-align: justify;
background-color: #EEE;
}

b
{
}

.left
{
text-align: left;
}

.right
{
text-align: right;
}

.center
{
text-align: center;
}

.justify
{
text-align: justify;
}

A
{
text-decoration: none;
color: red;
}

A:link
{
text-decoration: none;
color: red;
}

A:visited
{
color: red;
text-decoration: none;
}

A:hover
{
text-decoration: none;
color: #0000FF;
}

A:active
{
text-decoration: none;
color: #b4000;
}

ul
{
list-style-type: circle;
list-style-position: outside;
//margin-left: -20px;
}

img
{
margin: 5px;
padding: 2px;
border-width: 0px;
}

hr
{
width: 100%;
border-color: #c60;
border-width: 1px 0 0 0;
border-style: dashed;
}

textarea
{
font-family: 'trebuchet ms', helvetica, arial, sans-serif;
font-size: 11px;
width:100%;
text-align: justify;
}

input
{
font-family: 'trebuchet ms', helvetica, arial, sans-serif;
font-size: 11px;
}

fieldset {
border-width: 0px;
}

table {
font-family: 'trebuchet ms', helvetica, arial, sans-serif;
font-size: 11px;
}

td {
align: top;
}

.searchform {
display: inline;
border: 0px;
}

.clearer {
clear: both;
}

.highlight {
color:#f00;
background-color:#fc6;
}

// back links
.blinks
{
line-height: 10px;
text-align: right;
}
A.blinks
{
color: #777;
}

A.blinks:hover
{
text-decoration: none;
color: #333;
}

A.blinks: visited
{
text-decoration: none;
color: #777;
}

A.blinks: active
{
text-decoration: none;
color: #777;
}


.box {
background-color: #FFF;
border-color: #c60;
border-width: 1px;
padding:10px;
}

#page_top{
background-color: inherit;
}

#page_topleft{
position:absolute;
left:10px;
top:100px;
width:465px;
background-color: #FFF;
}

#page_topright{
position:absolute;
left:390px;
top:105px;
width:330px;
background-color: #FFF;
}


/*.index_template*/
#page_frame{
position:absolute;
left:10px;
top:300px;
width:750px;
//background-color: #FFF;
background-color: transparent;
}

#top_menu1{
position:absolute;
left:79px;
top:100px;
width:183px;
height:150px;
background-color: #777;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}

#top_menu2{
position:absolute;
left:282px;
top:100px;
width:183px;
height:150px;
background-color: #999;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}

#top_menu3{
position:absolute;
left:485px;
top:100px;
width:183px;
height:150px;
background-color: #BBB;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}

#top_menu4{
position:absolute;
left:688px;
top:100px;
width:183px;
height:150px;
background-color: #DDD;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}

/*.index-sm_template*/

#page_frame2{
position:absolute;
left:10px;
top:180px;
width:750px;
//background-color: #FFF;
background-color: transparent;
}

#top_menu1sm{
position:absolute;
left:79px;
top:80px;
width:183px;
height:20px;
background-color: #777;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}

#top_menu2sm{
position:absolute;
left:282px;
top:80px;
width:183px;
height: 75px;
background-color: #999;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}

#top_menu3sm{
position:absolute;
left:485px;
top:80px;
width:183px;
height:75px;
background-color: #BBB;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}

#top_menu4sm{
position:absolute;
left:688px;
top:80px;
width:183px;
height:75px;
background-color: #DDD;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}

/*.test_template_new*/
#menunew{
position:absolute;
left:15%;
right :15%;
padding : 10px 30px 10px 30px;
top: 10px;
text-decoration : none;
background-image: url(http://laboratoiredeshypotheses.info/files/background/pattern50.png);
//background-color:#000;
font-size:15px;
word-spacing: 50px;
font-color:grey;
text-transform: uppercase;
letter-spacing: 3px;
}

#definition{
position : fixed;
top : 12%;
right : 20px;
width:250px;
padding :40px 40px 40px 40px;
background-image: url(http://laboratoiredeshypotheses.info/files/background/pattern50B.png);
}
#page_frame3{
position:absolute;
left:10px;
top:20%;
max-width:850px;
background-image: url(http://laboratoiredeshypotheses.info/files/background/pattern50.png);
color: #FFF;
}

#edition{
position: fixed;
bottom: 10px;
right: 10px;
padding : 5px 10px 5px 10px;
//background-color : #fff;

}
#page_left{
float:left;
width:150px;
}

#page_right{
padding:10px;
float:right;
width:140px;
background-color: #FFF;
}

#page_bottom{
clear:both;
//background-color: #FFF;
background-color: transparent;
}

#header
{
font-size: 30px;
padding:10px;
color: inherit;
background-color: inherit;
}

#video
font-size: 11px;
padding:10px;
color: inherit;
background-color: inherit;
}

#menu
{
padding: 10px;
color: inherit;
background-color: #FFF;
}

#content
{
padding:10px;
margin:15px;
text-align: justify;
color: inherit;
//background-color: #FFF;
//background-color: transparent;
//background-color: inherit;
}

#title
{
margin-left:140px;
padding:10px;
font-size: 32px;
font-family: Georgia, Garamond, "Times New Roman", Times, serif;
font-weight: lighter !important;
line-height: 30px;
text-decoration: none;
color: inherit;
background-color: #FFF;
text-align: left;
}

#footer
{
clear:both;
color: inherit;
//background-color: #FFF;
background-color: transparent;
}

#video-fond {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

}
#video-fond > video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* 1. Pas de support d'object-fit */
@media (min-aspect-ratio: 16/9) {
  #video-fond > video {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  #video-fond > video {
    width: 300%;
    left: -100%;
  }
}
/* 2. En cas de support d'object-fit, écrase les règles en (1) */
@supports (object-fit: cover) {
  #video-fond > video {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
  }
}