*{margin:0px auto; padding:0px 0px;}
html,body{height:100%;background:#000;width:100%; /*URL(" IMG/fondecran.jpg")*/
-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:100%; color:#000;padding:0px 0px;position:relative;}    /* conteiner de tout   wrap */
#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;}  	 /*указываем вид пункта текущей страницы*/

#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*/

#contgallery {width:985px;height:1000px; 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;
background:#000; padding:0px 0p; float:left; position: relative;} /* conteiner avec de toute la gallerie*/


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

#crea_titre{width:983px;height:10px;padding:0px 0p; float:left; position:relative;}

#h1{padding:30px 30px; font-size:1em; letter-spacing:3px;word-spacing:20px;color:#5882FA; }
/*#cont_image{width:983px;height:450px;padding:50px 10px; float:left; position:relative;}*/


#gallery {
position:relative;
width:983px;
}

#thumbs {
width:180px;
float:left;
}

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

}

#thumbs a img {
width:50px;
height:50px;
border:0;
-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:250px;
top:0;
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;
}