body { width:887px; background:url(images/fond.png); background-repeat: repeat-x; margin:auto; margin-top: 40px }
/*#logo { width:391px; height:179px; margin-left:auto; margin-right:auto; background-image:url("images/logo2.png"); background-repeat: no-repeat }*/
#logo { width:391px; height:183px; margin-left:auto; margin-right:auto; background-image:url("images/logo.png"); background-repeat: no-repeat }

#slogan { width:391px; height:42px; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:10px; background-image:url("images/slogan.png"); background-repeat: no-repeat}

#f { width:885px; height:230px;}
#f1 { width:281px; height:230px; float:left; text-align: center}
#f2 { width:281px; height:230px; margin-left:21px; float:left; text-align: center}
#f3 { width:281px; height:230px; margin-left:21px; float:left; text-align: center; font-size:17px; font-family:Calibri}
#notifications { margin-top:40px;  text-align: center; font-size:22px; font-family:Calibri}
#notifications2 { margin-top:40px;  text-align: center; font-size:22px; color:red; font-family:Calibri}

#f20 { width:583px; height:250px; margin-left:auto; margin-right:auto}
#f21 { width:281px; height:250px; float:left; font-size:16px; font-family:Calibri; padding-left:0px}
#f22 { width:281px; height:250px; float:left; margin-left:21px; text-align: center; font-size:17px; font-family:Calibri}

.top { width:281px; height:10px; background-image:url("images/top.png") }
.content { width:281px; height:210px; background:#c0c9cf }
.bottom { width:281px; height:10px; background-image:url("images/bottom.png") }

#f1 input { background-color:#8bed95; color:#1289ce; font-size:20px; font-weight:bold; text-align: center}
#f2 textarea { background-color:#8bed95; color:#1289ce; font-size:20px; font-weight:bold}
#f3 input { margin-top:5px; font-size:20px; font-weight:bold; text-align: center}
#f22 input { margin-top:5px; font-size:20px; font-weight:bold; text-align: center}