body {
	background: #FFF;
	/* text-align: center; */
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	color: #797979;
}

* { margin: 0pt; padding: 0pt; }

/* For IE display bug */

#sousmenu-compte, #menu-utilisateur { overflow: hidden; display: inline; }

/* ------------------ */

img{ border:none; }

table { border-collapse: collapse; }

hr { display: none; }

select { border: 1px solid #CCC; }

fieldset { border: 1px solid #CCC; padding: 5px; }
fieldset legend { font-size: 1.1em; font-weight: bold; color: #000; }

label {
	height: 20px; width: 130px; 
	line-height: 20px;
	margin-bottom: 5px;
	display: block; float: left; clear:both;
	font-size: 13px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #3A6972;
}

label.lbl-checkbox {
	margin-right: 5px;
	display: inline; float: none; clear: none;
}

fieldset input{
  text-align: left;
	width: 230px; height : 15px;
	margin: 4px;
	border: 1px solid #88A4C2;
	background-color: #D7E6E9; 
  color : #609CA9;
	font-size: 11px; 
	text-indent: 4px;
}

fieldset textarea{
  text-align: left; 
	width: 230px; height : 15px;
	margin: 8px 0px 0px 0px;
	border: 1px solid #88A4C2;
	background-color: #D7E6E9; 
  color : #609CA9;
	font-size: 11px; 
	text-indent: 0px;
}

fieldset select{
  text-align: left; 
	width: 234px; height : 20px;
	margin: 4px;
	border: 1px solid #88A4C2;
	background-color: #D7E6E9; 
  color : #609CA9;
	font-size: 11px; 
}


fieldset input.checkbox {
	width: auto; height: 10px;
	border: none;
	background-color: transparent;
}
label.textarea {width: 100%; float:none;}
fieldset textarea { height: 100px; width:360px;}

p { margin-top: 10px; margin-bottom: 10px; text-align: justify; }
p.submit { position: absolute; right: 35px; margin-top: -50px; }
p.submit2 { position: absolute; right: 35px; margin-top: 10px; }

.accessibilite { display: none; }
.err-input { color: #F00; border-bottom: 1px dotted #F00; }

.infos { font-style: italic; color: #B00; }

/* Header */

#header {
	overflow: hidden;
	position: relative;
	width: 996px; 
  height: 169px;
	
	margin-right: auto;
	margin-left: auto;
  
}

#header h1 {
	margin: 5px 0px 10px 33px;
	width: 388px; height: 60px;
	#background-image: url(img/Abeliance-logo.jpg);
}

#compte-field {	margin-left: 50px; 
                list-style : none;
                margin-top: -8px;
                line-height: 25px;
}

#compte-field a {
	font-family: Verdana, sans-serif;
	color: #797979;
}

#myspace a {
	background: transparent url(img/compte/Abeliance-connexion-compte.png) no-repeat;
	padding-left: 21px; 
  margin-left: 15px;
}

#logout a {
	background: transparent url(img/compte/Abeliance-connexion-logout.png) no-repeat;
	padding-left: 21px; 
  margin-left: 15px;
}

#form-compte fieldset {
	margin-left: 130px;
	margin-top: -10px;
	padding: 0px;
	height: 36px;
	border: none;
	background: transparent url(img/Abeliance-connexion.png) no-repeat;
}

#form-compte legend, #form-compte label {
	display: none;
}

#form-compte a.subscribe { 
	margin-top: 12px; position: absolute; left: 34px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #797979;
}

#form-compte input.input {
	margin: 6px 17px 2px 9px;
	width: 100px; height: 22px;
	line-height: 22px;
	background-color: transparent; border: none;
	font-family: Verdana, sans-serif;
	color: #797979;
}

#form-compte input.submit {
	width: 24px; height: 22px;
	padding-left : 3px;
	padding-bottom : 0px;
	background-color: transparent; border: none;
	cursor: pointer;
}

#button-submit {
	width: 100%; height: 50px;
}

/* Menu */

#menu {
	margin-left: 5px;
	list-style: none;
	position: absolute; top: 143px;
}

#menu li, #menu-utilisateur li {
	display: inline;
	float: left;
}

#menu li a {
	width: 102px; height: 26px;
	line-height: 26px;
	/*margin-top: 5px;*/
	margin-top: -25px;
	display: block;
	text-align: center; text-decoration: none;
	font-size: 12px;
	color: #FFF;
	background-repeat: no-repeat;
}

#menu li a:hover {
	text-align: center; text-decoration: underline;
}

#menu-accueil a { background-image: url(img/menu/Abeliance-menu-1.png); padding-left: 8px;}
#menu-emploi a { background-image: url(img/menu/Abeliance-menu-2.png); padding-left: 8px;}
#menu-affaire a { background-image: url(img/menu/Abeliance-menu-3.png); padding-left: 8px;}
#menu-annuaire a { background-image: url(img/menu/Abeliance-menu-4.png); padding-left: 8px;}
#menu-livre a { background-image: url(img/menu/Abeliance-menu-5.png); padding-left: 8px;}
#menu-info a { background-image: url(img/menu/Abeliance-menu-6.png); padding-left: 8px;}
#menu-actualite a { background-image: url(img/menu/Abeliance-menu-7.png); padding-left: 8px;}
#menu-new a { background-image: url(img/menu/Abeliance-menu-8.png); padding-left: 8px;}
#menu-communique a { background-image: url(img/menu/Abeliance-menu-9.png); padding-left: 8px; }
#menu-evenement a { background-image: url(img/menu/Abeliance-menu-1.png); padding-left: 8px; }


#menu a.current { color: #797979; }

#menu-accueil a.current { background-image: url(img/menu/Abeliance-menu-1c.png); padding-left: 9px;}
#menu-info a.current{ background-image: url(img/menu/Abeliance-menu-6c.png); padding-left: 9px;}
#menu-emploi a.current { background-image: url(img/menu/Abeliance-menu-2c.png); padding-left: 9px;}
#menu-affaire a.current { background-image: url(img/menu/Abeliance-menu-3c.png); padding-left: 9px;}
#menu-annuaire a.current { background-image: url(img/menu/Abeliance-menu-4c.png); padding-left: 9px;}
#menu-communique a.current { background-image: url(img/menu/Abeliance-menu-9c.png); padding-left: 9px; }
#menu-livre a.current { background-image: url(img/menu/Abeliance-menu-5c.png); padding-left: 9px; }
#menu-actualite a.current { background-image: url(img/menu/Abeliance-menu-7c.png); padding-left: 9px; }
#menu-new a.current { background-image: url(img/menu/Abeliance-menu-8c.png); padding-left: 9px; }
#menu-evenement a.current { background-image: url(img/menu/Abeliance-menu-1c.png); padding-left: 9px; }

/* Content */

#content { position: relative; 
          width: 996px; 
          min-height: 420px; 
          _height: 540px;
          margin-left: auto;
          margin-right: auto;
          }

#module {
	position: absolute; 
  top: -24px; 
  right: 6px;
	width: 280px; 
  height: 450px;
	background: url(img/compte/Abeliance-compte-menu-plan.png) repeat-x;
}

/* Module */

#module-content {
	width: 245px; height: 440px;
	margin: 18px 0px 0px 17px;
}

#module-content h4 {
	font-size: 0.88em;
	margin-bottom: 10px;
}

#recherche fieldset legend { display: none; }

#recherche label.rech { width: auto; }

#recherche {
	font-size: 0.875em;
}

#recherche fieldset { 
                      padding: 0px 10px 0px 10px;
                      border: none;
                      margin-top : -10px;
                    }

#recherche fieldset p { text-align : center; }

#recherche fieldset input {
	width: 110px; height: 15px;
	background-color: transparent;
}

#recherche fieldset label {
	height: 20px; width: 94px;
	line-height: 24px;
	margin: 0px; padding: 0px;
	display: block; float: left; clear:both;
	font-size: inherit; color : #58595B;
}

#recherche fieldset select {
	width: 113px; height: 20px;
	/*background: #FFF url(img/recherche/Abeliance-recherche-input.png) no-repeat;*/

	border: none;
}

#recherche input.ok {
	width: 25px; height: 26px;
	background: transparent url(img/recherche/Abeliance-recherche-ok.png) no-repeat;
	margin: -5px; 
  padding: 5px;
	font-size: 0.875em; color: inherit;
	border: none;
	cursor: pointer;
}

#recherche input.ok_affiner {
	margin-top: 0px;
	width: 56px;
	background: transparent url(img/recherche/Abeliance-recherche-valider.png) no-repeat;
}


#recherche p a {
	font-family: Verdana, sans-serif;
	font-size: 1em;
	color: #797979;
}



/* Footer */

#footer {
	position: relative;
	width: 974px; 
  height: 22px;
	background-image: url(img/Abeliance-footer.jpg);
	margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 0px;
}

#footer a.intuiteo {
	position: absolute;
	left: 32px; top: 2px;
	width: 93px; height: 17px;
}

#footer ul {
	position: absolute;
	left: 463px; top: 2px;
	color: #d1d1d1;
}

#footer ul a {
	font-size: 0.75em;
	color: #FFF;
	text-decoration: none;
}

#footer ul a:hover {
	 text-decoration: underline;
}

#footer li {
	display: inline;
}
