*{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-size: 100%;*/
font-family:Calibri, Tahoma, Arial; 
    
}
/* Через условные комментарии или хаки пишем стили для 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; /* 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*/

#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;}

#id1a{width:990px;height:75px; font-size:10px; font-size: 1rem;  float:left; position:relative;}
#id1b{width:990px;height:75px; font-size:10px; font-size: 1rem; float:left; position:relative;}

/*#form{width:800px; height:100%; margin:10px -50px; float:left; position: relative;z-index:3;}*/


#id2 p{width:800px;padding:10px 20px; }
a{text-decoration:none;}

#text{width:985px; padding:30px 00px; text-align: center;font-size:10px; font-size: 1rem; line-height:20px;  float:left; position: relative;}

#id2{width:100%;height:1500px;
border: 2px outset #357; background:#CED8F6; 
-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;
padding:0px 0p; float:left; position: relative; }   /* conteiner du texte page  background:; width:985px */

#opacity{opacity:0.3; width:100%;height:1500px; background:#08088A; 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;}

.macmenu {
  width: 100%; height: 300px; float: left ;position:relative; z-index:2; /*ширина -высота  общего блока*/
  margin: 20px 100px;
}
.button {
 width: 100%; ;  /* всего блока с меню*/
 height: 300px; 
 
}
.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:4;
}
.button a {
 margin: 20px 110px;
 text-align: center;
 color: #fff;
 font: normal 1.2em Calibri, Tahoma, Arial;
 text-decoration: none;
 word-wrap: normal; /*запрещает автоматически разрывать слова на перенос*/
}
.macmenu a:hover img {
  height: 200px;
 width: 200px;
}
.button a:hover {
 font: normal bold 1.3em Calibri, Tahoma, Arial;
}



#form /* Стили к самой форме */ {
    font-family:Arial, Helvetica, sans-serif; /* Говорится, какой шрифт будет использоваться, данном случае Arial */
    font-size:1.5 rem; /* Размер шрифта  */
    padding:5px; /* Отступы внутри формы шириной */
    width:500px; /* Ширина */
    /*background:#eee;  Фоновый цвет формы #eee */
	z-index:3; 
	position:relative; bottom:80px; /*pour que la forme ne bouge pas du bas du container */
   	left:50%; margin-left:-250px;  /*кроссбраузерное выравнивание блока по центру*/
	float: left;

}
#name{width: 500px; margin: 10px 0px;border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;  
-webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;}
 
#name2{width: 500px;margin: 10px 0px; border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px; 
-webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;}
 
#message{width: 500px;margin: 10px 0px; border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;}
 
.formbutton{
cursor:pointer;
font:1rem Calibri, Tahoma, Arial;;color: #64A46D;color:#fff;
background-color:#0404B4; 
-webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
 height: 25px;
 width: 100px;
 margin: 0 auto; /*centre element*/
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
background: 
   -moz-linear-gradient(0% 100% 90deg, #2E8CE3, #0404B4D);
background: 
   -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2E8CE3), to(#0404B4));

}




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


/* Стили к классу n {
    font-size:12px; /* Размер шрифта 12 пикселей 
    font-family:Arial, Helvetica, sans-serif; Говорится, какой шрифт будет использоваться, данном случае Arial 
    color:#333; /* Цвет текста #333 
    text-align:center; /* Выравнивание текста 
    background:#fff; /* Фоновый цвет #fff 
    width:360px; /* Ширина 360 пикселей 
    padding:5px; /* Отступы от всех краев размером 5 пикселей 
    border:1px solid #ddd; /* Сплошная рамка вокруг шириной 1 пиксель и цветом #ddd 
}*/ 


/*#crea_titre{width:900px;height:60px;padding:20px 20px 20px 50px ; font-size:12pt; font-family:Calibri, Tahoma, Arial; float:left; position:relative; z-index:3}*/