body {background-color:#0e3140;color: #ffffff;cursor: default;font-family: Arial,Helvetica,sans-serif;font-size: 10px;}
html, body, #bg, #bg table, #bg td, #cont {height: 100%;/*overflow: hidden;*/width: 100%;}
html {background: none repeat scroll 0 0 #FFFFFF;color: #ffffff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
* {outline: none;} /* border: 0 solid #EEEEEE;list-style: none outside none; */
img{border:0;margin:0;padding:0;}

video{
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  top: 0;
  left: 0;
}

.hr {clear:both;visibility:hidden;}
.h1ws {margin:0px;padding:0px;color:#ffffff;font-size:10px;font-weight:normal}
.conteneur {padding:0px;margin:0px;overflow:hidden;position:relative;z-index:1;}

.mirror {padding:0px;margin:0px;overflow:hidden;position:absolute;
	z-index:2;background:url("../images/website/background/point.png") repeat top left;

width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    min-width: 960px;
    min-height: 700px;

}




.header {position:absolute;top:0px;left:0px;width:100%;height:120px;z-index:10;background:url("../images/website/header/back_2.png") repeat-x top left;}
.header_in {width:960px;height:120px;margin:auto;position:relative;z-index:1;}
.fb-like {position:absolute;top:3px;left:255px;z-index:2;}
.fb-like-box {background-color:#ffffff;display:none;}
.gplusone {position:absolute;top:3px;left:360px;z-index:2;}
.logo_h {width:228px;height:120px;position:absolute;top:0px;left:-3px;z-index:1;}
.dailymotion {width:24px;height:24px;position:absolute;top:97px;right:128px;z-index:2;cursor:pointer;}
.youtube {width:24px;height:24px;position:absolute;top:97px;right:96px;z-index:2;cursor:pointer;}
.googleplus {width:24px;height:24px;position:absolute;top:3px;right:128px;z-index:2;cursor:pointer;}
.facebook {width:24px;height:24px;position:absolute;top:3px;right:96px;z-index:2;cursor:pointer;}
.twitter {width:24px;height:24px;position:absolute;top:3px;right:64px;z-index:2;cursor:pointer;}
.rss {width:24px;height:24px;position:absolute;top:3px;right:32px;z-index:2;cursor:pointer;}
.favorite {width:24px;height:24px;position:absolute;top:3px;right:0px;z-index:1;}
.google {width:24px;height:24px;position:absolute;top:97px;right:64px;z-index:1;}
.gmail {width:24px;height:24px;position:absolute;top:97px;right:32px;z-index:1;}
.contact {width:24px;height:24px;position:absolute;top:97px;right:0px;z-index:1;}
.lmwebsite {color: #FFFFFF;color:#0F335E;color: #FFFFFF;font-size: 10px;position: absolute;right: 165px;top: 8px;z-index: 1;}
.vwebsite {color: #FFFFFF;color:#0F335E;color: #FFFFFF;font-size: 10px;position: absolute;right: 165px;top:102px;z-index: 1;}
#menuwwmp {left: 254px;position: absolute;top: 29px;z-index:1;}
#blob {position: absolute;z-index: 1;top: 0px;left:0px;background:url("../images/website/menu/back.png") repeat-x top left;}
#nav {float: left;height: 62px;position: relative;}
#nav li {float: left;height: 62px;list-style: none outside none;}
#nav li a {color: #E3E3E3;cursor: pointer;float: left;font-family: helvetica,arial,sans-serif;font-size: 11px;height:62px;padding: 22px 7px 0px 7px;position: relative;text-decoration: none;width: 100%;z-index: 2;}
.centre {position:absolute;top:155px;left:50%;margin-left:-480px;width:960px;z-index:10;}
.index_div_l {float:left;width:226px;height:406px;position:relative;z-index:1;}
.index_div_l_b {position:absolute;top:0px;left:0px;z-index:2;width:220px;height:400px;background-color:#0f335e;border:3px solid #01050c;opacity:0.7;filter:alpha(opacity=70); /* For IE8 and earlier */;}
.photo_wwmp {width:100px;height:100px;position:absolute;top:13px;left:13px;z-index:3;}
.introduction1 {position: absolute;right: 10px;text-align: justify;top: 10px;width: 90px;z-index: 3;line-height:13px;}
.introduction2 {position: absolute;right: 10px;top: 130px;width: 203px;z-index: 3;line-height:12px;}
.index_div_r {float:right;width:706px;height:400px;position:relative;z-index:1;}
.index_div_r_b {position:absolute;top:0px;left:0px;z-index:2;width:700px;height:400px;background-color:#0f335e;border:3px solid #01050c;opacity:0.7;filter:alpha(opacity=70); /* For IE8 and earlier */;}

.footer {position:absolute;bottom:0px;left:0px;width:100%;height:126px;z-index:10;background:url("../images/website/footer/back_2.png") repeat-x top left;}
.footer_in {width:960px;height:126px;margin:auto;position:relative;z-index:1;}
.logo_f {bottom: 48px;height: 55px;position: absolute;right: 0;width:55px;z-index: 1;}
.logo_wg {width:148px;height:44px;position:absolute;right:88px;bottom:49px;z-index:1;}
.charkha_f_1 {position:absolute;z-index:2;color:#ffffff;font-size:10px;top:15px;left:0px;}
.charkha_f_2 {position:absolute;z-index:1;color:#ffffff;font-size:10px;top:50px;left:0px;}
a.linkf {color:#ffffff;text-decoration:underline;}
a:hover.linkf {color:#ffffff;text-decoration:none;}
.navigateur {position: absolute;right: 0px;top: 85px;z-index: 1;}
.nav_l {color:#ffffff;font-size:10px;float:left;height:24px;margin-right:5px;}
.nav_r {float:left;height:24px;margin-left:5px;}
.l_div {position:absolute;top:85px;left:0px;z-index:1;}
.l_legende {color:#ffffff;font-size:10px;float:left;height:24px;margin-right:5px;}
.l_html {float:left;width:24px;height:24px;margin-right:5px;}
.l_css {float:left;width:24px;height:24px;margin-right:5px;} 
.l_javascript {float:left;width:24px;height:24px;margin-right:5px;}
.l_php {float:left;width:24px;height:24px;margin-right:5px;}
.l_mysql {float:left;width:24px;height:24px;margin-right:5px;}
.h_div {position:absolute;top:85px;left:327px;z-index:1;}
.h_legende {color:#ffffff;font-size:10px;float:left;height:24px;margin-right:5px;}
.h_netbeans {float:left;width:24px;height:24px;margin-right:5px;}
.h_xampp {float:left;width:24px;height:24px;margin-right:5px;} 
.h_photoshop {float:left;width:24px;height:24px;margin-right:5px;}
.h_filezilla {float:left;width:24px;height:24px;margin-right:5px;}
.footer2 {position:absolute;bottom:0px;left:0px;width:100%;height:25px;z-index:10;}
.footer2_in {height: 15px;margin: 5px auto auto;position: relative;width: 960px;z-index: 1;}
.logo_fa {float:left;margin-right:7px;}
.logo_fc {float:left;margin-right:8px;}
.logo_fb {float:right;margin-left:0px;}
.telethon {position:absolute;top:30px;right:40px;width:54px;height:54px;z-index:1;}
.sidaction {position:absolute;top:29px;right:0px;width:41px;height:54px;z-index:1;}
.temperature {position:absolute;top:44px;right:98px;z-index:1;}
.temps {position:absolute;top:57px;right:101px;z-index:1;}

.erreur1 {color:#ffffff}
.erreur2 {}
.erreur3 {}