/* $Id$ */
body {margin:0;padding:0;text-align:center;}

#main {position:relative;margin:0 auto;width:684px;text-align:left;}

#header {background:no-repeat 198px 0 url(../images/bandeau.png);padding-bottom:2px;}
#logo {width:198px;height:76px;background:no-repeat url(../images/logo.png);}

#rubriques {height:28px;background:no-repeat url(../images/rubriques.png);list-style:none;margin:0;padding:0 0 0 198px;}
#rubriques li {float:left;display:block;}
#rubriques li a {display:block;height:25px;background-repeat:no-repeat;text-decoration:none;}
#rubriques li span {display:block;height:25px;background-repeat:no-repeat;background-position:0 -25px;}
#rubriques li a:hover {background-position:0 -25px;}
#rubriques li a span {display:none;}
#rubriques #rub-offre {width:122px;background-image:url(../images/rub-offre.png);}
#rubriques #rub-atouts {width:161px;background-image:url(../images/rub-atouts.png);}
#rubriques #rub-contact {width:122px;background-image:url(../images/rub-contact.png);}

#colonne {position:absolute;top:105px;left:0;width:198px;}
#colonne #connectForm {width:198px;text-align:center;margin:0 0 20px 0;padding:0 0 10px 0;background:no-repeat bottom left url(../images/connect.png) #9F9CBC;}
#colonne #connectForm .brand {display:block;text-align:left;padding:5px;font-weight:bold;}
#colonne #connectForm fieldset {border:none;margin:0 5px;padding:0;font-weight:bold;}
#colonne #connectForm fieldset label {display:block;margin:0;padding:5px;text-align:left;border:none;color:white;font-weight:normal;}
#colonne #connectForm fieldset input {margin:0;padding:0;border:none;background:#FFFFFF;font-weight:normal;}
#colonne #connectForm fieldset label.user input {width:90px;}
#colonne #connectForm fieldset label.password input {width:90px;}
#colonne #connectForm input.submit {margin:5px 0 0 0;padding:2px;border:none;background:#EE7708;color:white;text-align:center;cursor:pointer;}
#colonne #connectForm .invite {margin:5px;text-align:center;color:black;font-weight:bold;}

#colonne #pave {height:354px;background:no-repeat url(../images/pave.png);font-weight:bold;}
#colonne #pave p {margin:5px 10px 10px 10px;padding:0;color:#EE7708;}
#colonne #pave a {display:block;width:140px;margin:0 auto;padding:195px 0 0 0;background:no-repeat url(../images/plaquette.png);text-align:center;}

#contenu {margin:0 0 0 198px;padding:0 0 20px 20px;}

#pied {border:solid #EE7708;border-width:1px 0 0 0;margin:0 0 0 198px;padding:2px 0 20px 20px;clear:both;width:466px;background:no-repeat bottom left url(../images/pied.png);font-size:11px;text-align:left;color:#7F7F7F;}

.print {display:none}