* { margin:0; padding:0; border:0; }
a { outline:none; text-decoration:none; }
img { display:block; }
:focus { outline:0; }
.clearfix { clear:both; }

body { font-family:Arial, Helvetica, sans-serif; overflow:hidden; height:100%; width:100%; }

#imgFond { position:absolute; z-index: -1; }

#trame { position:absolute; z-index:5; overflow:auto; height:100%; width:100%; background: url(../img/grid.png); }

.conteneur { width:460px; margin:0 auto; }
#contenu { width:955px; height:460px; margin:20px auto 0 auto; background:url(../img/fond-contenu.png) no-repeat; font-size:14px; }
#contenu h1 { display:block; margin:55px auto 38px auto; text-indent:-99999px; background: url(../img/il-etait-temps.png) no-repeat; width:452px; height:33px; }

#formConteneur { margin:15px 0 0 0; }
#email { width:325px; height:37px; background:url(../img/fond-input-mail.png) no-repeat; line-height:37px; font-size:13px; padding:0 0 0 18px; vertical-align:middle; }
#btnNotifier { width:113px; height:45px; background:url(../img/btn-notifier.png) no-repeat; cursor:pointer; vertical-align:middle; }
#btnNotifier:hover { background-position:0 -44px; }
#error { color:#adaba7; font-size:12px; }
#message h2 { color:#b1d712; font-size:15px; padding:10px 0 0 0; }

#logo { width:141px; margin:0 auto; padding:30px 0 0 0; }

#contact { width:100%; height:52px; background-color:#000; }
#contact strong { width:174px; height:14px; display:block; float:left; margin:18px 38px 0 0; text-indent:-99999px; background:url(../img/restons-en-contact.png) no-repeat; }
#contact a { float:left; margin:9px 0 0 17px; }
