#page-top{
	position: relative;
	height: 148px;
	background: url(../images/unfea_public_page_top_bg.jpg) left top no-repeat;
}

#page-top #frm-login{
	display: inline;
	float: right;
	margin: 5px 11px 0px 0px;
	width: 182px;
	height: 60px;
	padding: 27px 8px 7px 8px;
	background: url(../images/unfea_public_frm_login_bg.png) left top no-repeat;
	color: #FFF;
	font-size: 10px;
}

#frm-login-deconnexion{
	text-align: right;
}

#page-top #frm-login a{
	color: #FFF;
}

* html #page-top #frm-login{
	width: 195px;
	height: 99px;
}

#page-top #frm-login .button-block,
#page-top #frm-login .block{
	float: left;
	width: 100%;
	margin: 0px 0px 2px 0px;
}

#page-top #frm-login label{
	float: left;
}

#page-top #frm-login input.text-field{
	float: right;
	width: 107px;
	height: 14px;
	padding: 0px 0px 0px 0px !important;
	border: 1px solid #DBDAD8;
	font-size: 11px;
}

#page-top #frm-login .button-block div{
	margin: 5px 0px 0px 0px;
	float: right;
}

#page-top #frm-login .button-block p{
	float: left;
}

#page-top #frm-login .button-block p a{
	line-height: 18px;
	color: #FFF;
}

#lien-logo{
	float: left;
	display: block;
	margin: 20px 0px 0px 0px;
}

#page-top #lien-repertoire{
	position: absolute;
	left: 450px;
	top: 55px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#top-nav{
	float: left;
	clear: left;
	width: 780px;
	list-style: none;
	display: inline;
	margin: 9px 0px 0px 175px;
}

#top-nav li{
	float: left;
	width: auto;
	height: 29px;
	overflow: hidden;
}

#top-nav li div{
	float: left;
	background-image: url(../images/unfea_public_onglet.png);
	background-position: right 0px;
	background-repeat: no-repeat;
	padding: 0px 15px 0px 0px;
}

#top-nav li a{
	float: left;
	display: block;
	width: auto;
	height: 31px;
	line-height: 31px;
	padding: 0px 0px 0px 15px;

	background-image: url(../images/unfea_public_onglet.png);
	background-position: left 0px;
	background-repeat: no-repeat;

	white-space: nowrap;
	color: #476DAB;
	font-weight: bold;
	text-decoration: none;
}

#top-nav li div.current{
	background-position: right -29px;
}

#top-nav li div.current a{
	background-position: left -29px;
	color: #FFF;
}

/* ------------------------ */
#top-nav li#rubrique-65 div,
#top-nav li#rubrique-66 div{
	background-position: right -58px;
}


#top-nav li#rubrique-65 div a,
#top-nav li#rubrique-66 div a{
	background-position: left -58px;
	color: #FFF;
}

#top-nav li#rubrique-65 div.current,
#top-nav li#rubrique-66 div.current{
	background-position: right -87px;
}


#top-nav li#rubrique-65 div.current a,
#top-nav li#rubrique-66 div.current a{
	background-position: left -87px;
}

#col-droite #block-contact{
	margin: 0px 0px 15px 0px;
	height: 141px;
	background: url(../images/unfea_public_block_contact_bg.png) left top no-repeat;
}

#col-droite #block-contact h2{
	height: 28px;
	margin: 0px 0px 0px 0px;
}

#col-droite #block-contact h2 span{
	display: none;
}

#col-droite #block-contact p{
	margin: 0px 10px 2px 10px;
	padding: 0px 0px 1px 0px;
	border-bottom: 1px dotted #536F9F;
	color:  #536F9F;
}

#col-droite #block-contact p a{
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 0px 0px 0px 27px;
	color:  #536F9F;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/unfea_public_puce_block_contact_bg.png) left top no-repeat;
}

#col-droite #block-etiq-vert{
	height: 43px;
	background: url(../images/unfea_public_block_etiq_vert_bg.png) left top no-repeat;
}

#col-droite #block-etiq-vert a{
	display: block;
	height: 43px;
	text-decoration: none;
}

/* --------------------------- Bloc outil colonne de droite  ---------------------------- */

#col-droite #block-outils-col-droite{
	background: url(../images/unfea_public_block_outils_coldroite_bg.png) left top repeat-y;
}

#col-droite #block-outils-col-droite p#bloc-recherche{
	background: url(../images/unfea_public_loupe_coldroite_bg.png) left top no-repeat;
	padding-left: 18px;
	margin: 8px 0 0 20px;
	color: #858384;
	font-weight: bold;
}

#col-droite #block-outils-col-droite form div.arrondi{
	background: url(../images/unfea_public_coin_arrondi_droite_coldroite_bg.png) right top no-repeat;
	height: 18px;
	margin: 5px 5px 0 20px;
	width: 125px;
	float: left;
	display: inline;
}

#col-droite #block-outils-col-droite form div.arrondi p{
	margin: 0;
	height: 18px;
	padding-left: 12px;
	background: url(../images/unfea_public_coin_arrondi_gauche_coldroite_bg.png) left top no-repeat;
}

#col-droite #block-outils-col-droite form div.arrondi p input{
	border: 0;
	background-color: transparent;
	width: 100px;
}

#col-droite #block-outils-col-droite form p{
	margin: 0;
}

#col-droite #block-outils-col-droite #bloc-liens-col-droite{
	margin: 0;
	background: url(../images/unfea_public_block_outils_coldroite_bg_haut.png) left top no-repeat;
	padding-top: 6px;
}

#col-droite #block-outils-col-droite #bloc-liens-col-droite li{
	list-style-type: none;
	background: url(../images/unfea_public_puce_coldroite.png) 8px 3px no-repeat;
	padding: 4px 0 4px 30px;
	margin: 0 8px;
	border-bottom: 1px dotted #597db0;
}
#col-droite #block-outils-col-droite #bloc-liens-col-droite li.actif{
	font-weight: bold;
}

#col-droite #block-outils-col-droite #bloc-liens-col-droite li a{
	font-size: 11px;
	color: #5e7cb4;
	text-decoration: none;
}

#col-droite #block-outils-col-droite #bloc-abonnement{
	background: url(../images/unfea_public_block_outils_coldroite_bg_bas.png) left bottom no-repeat;
	padding-bottom: 12px;
	margin-top: 5px;
}

#col-droite #block-outils-col-droite #bloc-abonnement p{
	background-color: #dbe6f8;
	margin: 0 5px 0 8px;
	padding: 5px 0 0 8px;
	border-top: 1px dotted #597db0;
	color: #597cb3;
	font-size: 11px;
	font-weight: bold;
}

#col-droite #block-outils-col-droite #bloc-abonnement ul{
	background-color: #dbe6f8;
	margin: 0 5px 0 8px;
}

#col-droite #block-outils-col-droite #bloc-abonnement ul li{
	background: url(../images/unfea_public_puce_liste_abonnement_coldroite_bg.png) 11px 5px no-repeat;
	padding: 0 10px 0 20px;
	list-style-type: none;
	color: #587db5;
	font-size: 11px;
}

#col-droite #block-outils-col-droite #bloc-abonnement ul li a{
	text-decoration: none;
	color: #587db5;
	font-size: 11px;
}

/* --------------------------- Fin colonne de droite  ---------------------------- */

/** utilitaires */
#haut-page{

}

#barre-titre{
	float: left;
	width: 100%;
	height: 22px;
	margin: 0px 0px 27px 0px;
	border-bottom: 1px solid #6998E0;
}

#barre-titre h1{
	float: left;
	height: 22px;
	line-height: 22px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 31px;
	color: #6A99DF;
	font-size: 1.2em;
	background: url(../images/unfea_public_titre_article_bg.jpg) left top no-repeat;
}

#outils-barre-titre{
	float: right;
}

#outils-barre-titre a{
	float: left;
	margin: 1px 0px 0px 15px;
	line-height: 25px;
	text-decoration: none;
	font-weight: bold;
	display: none;
}

#outils-barre-titre a span{
	float: left;
	display: block;
	width: 20px;
	height: 18px;
	line-height: 18px;
	margin: 3px 3px 0px 0px;

	background-image: url(../images/outils_barre_titre.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* home */
#home{

}

#home #une{
	display: inline;
	float: left;
	margin: 0px 47px 0px 20px;
	padding: 0px 0px 15px 0px;
	width: 385px;
}

#home #une #barre-titre{
	float: left;
	width: 100%;
	height: 22px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
}

#home #une #barre-titre p.h1{
	float: left;
	height: 22px;
	line-height: 22px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 31px;
	font-weight: bold;
	color: #6A99DF;
	font-size: 1.8em;
	background: url(../images/unfea_public_titre_article_bg.jpg) left top no-repeat;
	border: none;
}

#home #une #visuel{
	float: left;
	clear: left;
	margin: -1px 0px 0px -1px;
	border: 1px solid #DFDDDE;
}

#home #une h1{
	float: left;
	width: 100%;
	margin: 10px 0px 10px 0px;
	font-size: 1em;
	color: #646464;
}

#home #une #intro{
	width: 362px;
	color: #646464;
}

#home #une #intro a{
	float: left;
	clear: both;
	margin: 5px 0px 0px 0px;
	font-weight: bold;
}

#home #une{

}

#home #col-centre{
	display: inline;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	width: 254px;

}

#home #col-centre h2{
	height: 17px;
	background-image: url(../images/unfea_public_onglet.png);
	background-repeat: no-repeat;
	background-position: 0px -116px;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 24px;
	font-size: 1em;
	color: #FFF;
	background-color: #85A0CB;
	line-height: 17px;
}
#home #col-centre h2 a{
	color: #FFF;
}

#home #col-centre #activites-home h2{
	background-position: 0px -134px;
	background-color: #FDA92C;
}

#home #col-centre .liste-block{
	margin: 0px 0px 15px 0px;
	border: 1px solid #FFF;
}





/* ------------------------------------------------------------------ actualités (home) */
#home #col-centre #actualites-home .liste-home{
	color: #536F9F;
	margin: 0px 0px -7px 0px;
}

#home #col-centre #actualites-home .liste-home .item{
	margin: 0px 0px 5px 0px;
}

#home #col-centre #actualites-home .liste-home .item h3{
	font-size: 1em;
}

#home #col-centre #actualites-home .liste-home .avec-visuel h3{
	margin-left: 70px;
}

#home #col-centre #actualites-home .liste-home .item .visuel{
	float: left;
	margin: 2px 8px 0px 0px;
	width: 60px;
	height: 60px;
	overflow: hidden;
}

#home #col-centre #actualites-home .liste-home .item .visuel img{
	border: 1px solid #ADADAF;
}

#home #col-centre #actualites-home .liste-home .item .intro{
	margin: 0px 5px 0px 0px;
}

#home #col-centre #actualites-home .liste-home .avec-visuel .intro{
	margin-left: 70px;
}

/* ---------------------------------------------------------------------- agenda (home) */
#home #col-centre #agenda-home{
	overflow: hidden;
}

#home #col-centre #agenda-home h2{

}

#home #col-centre #agenda-home .liste-home{
	background: url(../images/unfea_public_liste_agenda_bg2.jpg) left top no-repeat;
	padding: 12px 0px 0px 0px;
}

#home #col-centre #agenda-home .liste-home .liste-bot{
	position: relative;
	margin-top: -15px;
	height: 20px;
	background: url(../images/unfea_public_liste_agenda_bg2.jpg) left bottom no-repeat;
}

#home #col-centre #agenda-home .liste-home .item{
	margin: 0px 7px 7px 11px;
	padding: 0px 0px 7px 0px;
	border-bottom: 1px dotted #536F9F;
}

#home #col-centre #agenda-home .liste-home .item h3{
	color: #5672A2;
	margin: 0px 0px 0px 0px;
}

#home #col-centre #agenda-home .liste-home .item a{
	color: #646462;
}

/* --------------------------------------------------------------------- activites-home */
#home #col-centre #activites-home .liste-home{
	list-style: none;
	margin: 0px 0px 0px 15px;
}

#home #col-centre #activites-home .liste-home a{
	color: #767676;
}

/* ----------------------------------------------------------- date-agenda (pleine page) */
#date-agenda{
	width: 100%;
}

#date-agenda .date{
	float: left;
	clear: both;
	margin: -15px 0px 10px 0px;
	color: #646464;
	font-weight: bold;
	font-style: italic;
}

#date-agenda .lieu{
	float: left;
	clear: both;
	margin: 0px 0px 10px 0px;
	color: #646464;
	font-weight: bold;
	font-style: italic;
}

#date-agenda .lien{
	float: left;
	clear: both;
	margin: 0px 0px 10px 0px;
	color: #646464;
	font-weight: bold;
	font-style: italic;
}


#date-agenda #intro{
	float: left;
	width: 100%;
	margin: 0px 0px 10px 0px !important;
	color: #646464;
}

#date-agenda #intro #visuel{
	float: left;
	margin: 0px 15px 0px 0px;
}

#article #intro p,
#article #texte p{
	margin: 0px 0px 10px 0px;
}

/* ------------------------------------------------------------------ membres du bureau */
.membre-bureau h2{
	color: #6A98E3;
}

/* ------------------------------------------------------------------------- formulaire */
.formulaire{
	float: left;
	width: 100%;
}

.formulaire fieldset{
	border: none;
}

.formulaire h3{
	font-size: 1.1em;
	margin: 0px 0px 5px 0px;
	color: #436193;
}

.formulaire .button-block,
.formulaire .block{
	float: left;
	clear: left;
	width: 100%;
	margin: 0px 0px 5px 0px;
	border: none;
}

.formulaire .notice-required{
	font-style: italic;
}

.formulaire .block label,
.formulaire .block span.label{
	float: left;
	width: 175px;
	margin: 0px 5px 0px 0px;
	font-weight: bold;
}

.formulaire .block label .req,
.formulaire .block span.req{
	color: #F74215;
}

.formulaire .radios-set-row ul,
.formulaire .block input{
	float: left;
}

.formulaire .block .legend{
	float: left;
	padding: 2px 0px 0px 4px;
	font-style: italic;
}

.formulaire .radios-set-row ul{
	list-style: none;
}

.formulaire .radios-set-row ul li label{
	text-align: left;
}

.formulaire .radios-set-row ul,
.formulaire .text-row input{
	width: 248px;
}

.formulaire .textarea-row textarea{
	width: 428px;
}

.formulaire textarea,
.formulaire .text-row input{
	/*height: 18px;*/
	border: 1px solid #6B94D6;
	/*border-top: 1px solid #6B94D6;
	border-left: 1px inset #6B94D6;*/
}

.formulaire .radios-set-row ul li{
	float: left;
	clear: left;
	margin: 0px 0px 2px 0px;
}

.formulaire .radios-set-row ul li label{
	font-weight: normal !important;
	width: auto;
}

.formulaire .radios-set-row ul li input{
	margin: 0px 4px 0px 0px;
}


.formulaire .textarea-row label{
	text-align: left;
	margin: 0px 0px 5px 0px;
}

.formulaire .buttons{
	width: 430px;
}

.formulaire .buttons div{
	float: right;
}

.formulaire .buttons div button{
	float: left;
	text-align: center;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 27px;
	width: 122px;
	border: none;
	background: url(../images/unfea_public_btn_bg.png) no-repeat left top;
	color: #E8E8E8;
	font-weight: bold;
	cursor: pointer;
}

.formulaire .buttons div button:hover{
	background-position: 0px -27px;
	color: #FFF;
}

.formulaire .buttons div button span{
	display: block;
	height: 27px;
	padding: 4px 0px 0px 0px;
}

/* gestion des erreurs */
.formulaire .error label,
.formulaire .error span.label{
	color: #F74215;
}

.formulaire .error ul label{
	/*color: none;*/
}

.message-warning{
	clear: both;
	background-color: #F3F3F3;
	margin: 0px 0px 10px 0px;
	padding: 8px 8px 0px 8px;
	border: 1px solid #F74215;
}

.message-warning h2,
.message-warning h3{
	font-size: 1em;
	margin: 0px 0px 5px 0px;
}

.message-warning ul{
	padding: 0px 0px 5px 15px !important;
}

/* ----------------------------------------------------------------- formulaire-contact */

/* ---------------------------------------------------------------- répertoire adhérent */
#repertoire{
	position: relative;
}

#repertoire #frm-recherche-adherent{
	float: left;
	width: 525px;
	height: 225px;
	overflow: hidden;
}

#repertoire #frm-recherche-adherent .button-block{
	width: 425px;
	margin: 0px 0px 0px 0px;
}

#repertoire #frm-recherche-adherent div.block label{
	float: left;
	width: 175px;
	margin: 0px 5px 0px 0px;
	text-align: right;
}

#repertoire #frm-recherche-adherent .select-btn{
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: url(../images/unfea_public_btn_harrow_down_bg.png) left top no-repeat;
}

#repertoire #frm-recherche-adherent .select-btn span{
	display: none;
}

#repertoire #frm-recherche-adherent #societe,
#repertoire #frm-recherche-adherent .select-text{
	float: left;
	width: 215px;
	height: 18px;
}

#repertoire #frm-recherche-adherent .conteneur-liste{
	float: left;
	position: relative;
}

#repertoire #frm-recherche-adherent .contenu-liste{
	position: absolute;
	width: 280px;
	top: 20px;
	left: 0px !important;
	padding: 3px;
	background-color: #FFF;
	border: 1px solid #CCCECD;
	display: none; /* affichage géré en js */
}

#repertoire #frm-recherche-adherent .contenu-liste div{

}

.contenu-liste a{
	float: right;
	clear: both;
	display: block;
	margin: -2px -2px 0px 0px;
	width: 12px;
	height: 12px;
	background: url(../images/unfea_public_btn_x_bg.png) left top no-repeat;
}

.contenu-liste a span{
	display: none;
}

#repertoire #frm-recherche-adherent .contenu-liste ul{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px !important;
}

#repertoire #frm-recherche-adherent .contenu-liste ul li ul{
	margin: 5px 0px 8px 0px;
	padding: 0px 0px 5px 15px !important;
	border-bottom: 1px solid #CCCECD;
	float: left;
	clear: left;
	width: 97%;
}

#repertoire #frm-recherche-adherent .contenu-liste ul li{
	white-space: nowrap;
	float: left;
	clear: left;
	width: 100%;
}

#repertoire #frm-recherche-adherent .contenu-liste ul li input{
	margin: -3px 8px 0px 0px;
}

#repertoire #resultats{
	clear: both;
}


#repertoire #resultats h2{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	color: #6A99DF;
	font-size: 1.2em;
}

#repertoire #resultats #liste-resultats{
	float: left;
	width: 100%;
}

#repertoire #resultats #liste-resultats ul{
	float: left;
	width: 250px;
	margin: 0px 5px 15px 0px;
	padding: 0px 0px 0px 5px;
	list-style: none;
}

#repertoire #resultats #liste-resultats ul li{
	float: left;
	width: 100%;
	margin: 0px 0px 2px 0px;
	position: relative;
}


#repertoire #resultats #liste-resultats ul a{
	clear: left;
	display: block;
}

#repertoire #resultats #liste-resultats ul a:hover{
	background-color: #EEE;
}

#repertoire #resultats #liste-resultats ul li .mini-fiche{
	display: block;
	float: left;
	border: 1px solid #486EAC;
	padding: 5px;
	background-color: #FFF;
	width: 265px;
	position: absolute;
	left: -20px;
	display: none;
}

#repertoire #resultats #liste-resultats ul li .mini-fiche h3{
	margin: 0px 0px 5px 0px;
}

#repertoire #resultats #liste-resultats ul li .mini-fiche .logo{
	float: left;
	clear: left;
	margin: 0px 5px 0px 0px;
}

#repertoire #resultats #liste-resultats ul li .mini-fiche .presentation{
	float: left;
}

#repertoire #resultats #liste-resultats ul li .mini-fiche .presentation p{

}

#repertoire #resultats #liste-resultats ul li .mini-fiche .lien-detail{
	display: block;
	text-align: right;
}

#repertoire #resultats #liste-resultats ul li .mini-fiche a:hover{
	background-color: #FFF;
}


/* ---------------------------------------------------------------------------- article */
#fiche-entreprise{
	width: 550px;
}

#fiche-entreprise #intro{
	float: left;
	width: 100%;
	margin: 0px 0px 10px 0px;
	color: #646464;
	font-weight: bold;
}

#fiche-entreprise #intro #logo{
	float: left;
	margin: 0px 15px 0px 0px;
}

#fiche-entreprise #texte{
	float: left;
	width: 100%;
}

#fiche-entreprise #intro h3,
#fiche-entreprise #texte h3{
	color: #6A99DF;
}

#fiche-entreprise #intro ul,
#fiche-entreprise #texte ul{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 17px;
}

#fiche-entreprise #intro p,
#fiche-entreprise #texte p{
	margin: 0px 0px 10px 0px;
}

#fiche-entreprise #infos-coordonnees{
	float: left;
}

/* frm-user-login */
#frm-user-login #msg-donnees-adh{
	margin: 0px 0px 5px 0px;
	display: none;
}

/* ----------------------------------------------------------- newsletter-user-settings */
#newsletter-user-settings .formulaire .radios-set-row,
#newsletter-user-settings .formulaire .radios-set-row ul{
	width: 70px;
}

#newsletter-user-settings .formulaire #user-profile label{
	width: 288px;
}

#newsletter-user-settings .formulaire .list{
	margin: 0px 0px 5px 0px;
	border-collapse: collapse;
	width: 100%;
}

#newsletter-user-settings .formulaire .list th,
#newsletter-user-settings .formulaire .list td{
	padding: 3px 4px 3px 4px;
}

#newsletter-user-settings .formulaire .list th{
	background-color: #436193;
	color: #FFF;
}

#newsletter-user-settings .formulaire  .list tr.impaire td{
	background-color: #E7EEF8;
}

#newsletter-user-settings .formulaire  .list tr.disabled td{
	color: #999;
}

#newsletter-user-settings .formulaire  .list td.center{
	text-align: center;
}

#newsletter-user-settings .formulaire .buttons{
	width: 100%;
}