*{margin:0px auto; padding:0px 0px;}
html,body{height:100%;background-image:URL(" IMG/fondecran.jpg"); width:100%; 
-webkit-background-size:100% 100%; -o-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%; -khtml-background-size: 100% 100%;background-size: 100% 100%;
background-repeat:no-repeat;
background-attachment:fixed; /* ïðèêðåïëÿåò ôîí ê ðàçìåðàì áëîêà. Ôîí òåïåðü íå ïðîêðó÷èâàåòñÿ âìåñòå ñî áëîêîì, åñëè òàì åñòü ñêðîëë */
font-family:Calibri, Tahoma, Arial; 
    font-size: 100%;
}
/* Через условные комментарии или хаки пишем стили для IE */  
* html body {
    /* IE8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/google-chrome.jpg',sizingMethod='scale')";
    /* IE < 8 */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/body_bg.jpg', sizingMethod='scale');
    background-image: none; Background-size:cover /* IE ≤ 9.0 */
	font-family:Calibri, Tahoma, Arial; 
    font-size: 100%;
}
#conteiner{ margin: auto; width:1000px;height:900px; color:#000;padding:0px 0px;position:relative;}    /* conteiner de tout   wrap */

#img2{float:right:450px;position:relative;}
#img1{opacity:0.3; float:bottom:75px; float:right:150px; position:relative;}    /* mon logo en deux images*/
#id1a{width:990px;height:75px; font-size:55pt; float:left; position:relative;}  /* mon logo en deux images*/
#id1b{width:990px;height:75px; font-size:55pt; float:left; position:relative;}   /* mon logo en deux images*/


#idcont{width:990px;height:60px;float:left;padding:0px 0px; position:relative; 
-moz-border-radius-topleft:20px;-khtml-border-radius-topleft:20px;-webkit-border-top-left-radius:20px; border-top-left-radius:20px;
-moz-border-radius-topright:20px;-khtml-border-top-right-radius:20px;-webkit-border-top-right-radius:20px;border-top-right-radius:20px;}   /* conteiner avec Menu    background:#08088A; */

#menu ul li {display: inline;}
#menu ul li a {width:141px;height:60px;line-height:50px; color:#fff;font-size:1.5em;font-variant:small-caps;text-decoration:none;float:left; position: relative;} /* Touches Menu*/
#menu ul li a:link {color:#37f;}  		/* стиль оформления обычной ссылки*/
#menu ul li a:visited {color:#fff;}   	/* стиль оформления посещенной ссылки */
#menu ul li a:hover {color:#37f;}    	/* стиль оформления ссылки, на которую наведен указатель мыши */
#menu ul li a#nowopen {color:#37f;}  	 /*указываем вид пункта текущей страницы*/


#id2{width:995px;height:100%; 
border: 2px outset #357; -moz-border-bottom-right-radius:20px;-khtml-border-bottom-right-radius:20px;-webkit-border-bottom-right-radius:20px; border-bottom-right-radius:20px;
-moz-border-top-right-radius:20px;-khtml-border-top-right-radius:20px;-webkit-border-top-right-radius:20px; border-top-right-radius:20px;
-moz-border-top-left-radius:20px;-khtml-border-top-left-radius:20px;-webkit-border-top-left-radius:20px; border-top-left-radius:20px;
-moz-border-bottom-left-radius:20px;-khtml-border-bottom-left-radius:20px;-webkit-border-bottom-left-radius:20px; border-bottom-left-radius:20px;
 line-height:20px; padding:0px 0p; float:left; position: relative; }   /* conteiner du texte page  background:;  */

#opacity{opacity:0.6; width:995px;height:100%; background:#000; padding:0px 0p; float:left; position: absolute; z-index:2;
-moz-border-bottom-right-radius:20px;-khtml-border-bottom-right-radius:20px;-webkit-border-bottom-right-radius:20px; border-bottom-right-radius:20px;
-moz-border-top-right-radius:20px;-khtml-border-top-right-radius:20px;-webkit-border-top-right-radius:20px; border-top-right-radius:20px;
-moz-border-top-left-radius:20px;-khtml-border-top-left-radius:20px;-webkit-border-top-left-radius:20px; border-top-left-radius:20px;
-moz-border-bottom-left-radius:20px;-khtml-border-bottom-left-radius:20px;-webkit-border-bottom-left-radius:20px; border-bottom-left-radius:20px;}

#text{width:990px; margin:50px 10px; text-align: center; padding:0px 0px; font-size:1.2em; line-height:30px; color:#fff; position:relative;} 

#cont_player{width:990px;height:100px;padding:30px 0px; float:left; position:relative; }

#player{width:305px;height:30px;margin:0px 10px;  float:left; position:relative; z-index:3}

#h1{margin:0px 50px; font-size:0.8em; letter-spacing:1px;word-spacing:15px;color:#5882FA;}  /* titre chanson */
#audio{width:300px;height:100%;margin:0px 10px; float:left; position:relative; }


#id3{width:990px;height:100px;  font-size:1em; color:#4169E1; line-height:50px;float:left; position:relative }/* conteiner du footer z-index:2;*/


/*

.macmenu {
  width: 992px; height: 100%; float: left; margin: 20px 120px;position:relative; z-index:4; /*ширина -высота  общего блока*/
}/*
.button {
 margin: 0 auto; /*выравнивание блока по центру*/
 /*width: 990px;  /* всего блока с меню*/
 /*height: 800px;
 
}/*
.button a img,
.button a {
 display: block;
 float: left;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
 height: 150px;
 width: 150px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;

-webkit-box-shadow: -1px 3px 46px -5px rgba(227,250,249,0.67);
-moz-box-shadow: -1px 3px 46px -5px rgba(227,250,249,0.67);
box-shadow: -1px 3px 46px -5px rgba(227,250,249,0.67);/* Цвет фона Параметры тени */
/*
z-index:5;
}/*
.button a {
 margin: 80px 110px;
 text-align: center;
 color: #fff;
 font: normal normal 16px Calibri, Tahoma, Arial;
 text-decoration: none;
 word-wrap: normal; /*запрещает автоматически разрывать слова на перенос*/
}/*
.macmenu a:hover img {
 margin-left: -20%; /*смещает картинку левее, выравнивая ее по центру*/
 /*height: 200px;
 width: 200px;
}/*
.button a:hover {
 font: normal bold 20px Calibri, Tahoma, Arial;
}

/*
#thumbs a {
display:block;
float:right;
width:50px;
height:50px;
margin:15px 0 5px 5px; 

}
/*
#thumbs a img {
width:50px;
height:50px;
border:0;
margin:0 0 5px 5px;
-moz-border-bottom-right-radius:20px;-khtml-border-bottom-right-radius:20px;-webkit-border-bottom-right-radius:20px; border-bottom-right-radius:20px;
-moz-border-top-right-radius:20px;-khtml-border-top-right-radius:20px;-webkit-border-top-right-radius:20px; border-top-right-radius:20px;
-moz-border-top-left-radius:20px;-khtml-border-top-left-radius:20px;-webkit-border-top-left-radius:20px; border-top-left-radius:20px;
-moz-border-bottom-left-radius:20px;-khtml-border-bottom-left-radius:20px;-webkit-border-bottom-left-radius:20px; border-bottom-left-radius:20px;
}
/*
#thumbs a:hover {
border-color:#ddd;
}*/
/*
#thumbs a:hover img {
position:absolute;
width:auto;
height:auto;
left:300px;
top:30;
border:1px solid #333; 
-moz-border-bottom-right-radius:0px;-khtml-border-bottom-right-radius:0px;-webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px;
-moz-border-top-right-radius:0px;-khtml-border-top-right-radius:0px;-webkit-border-top-right-radius:0px; border-top-right-radius:0px;
-moz-border-top-left-radius:0px;-khtml-border-top-left-radius:0px;-webkit-border-top-left-radius:0px; border-top-left-radius:0px;
-moz-border-bottom-left-radius:0px;-khtml-border-bottom-left-radius:0px;-webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px;
}
*/