body {
	text-align:center;
	background-color:#063f36;
	margin:10px 0;
	font-size:9pt;
}

#site {
	width:803px;
	border:1px solid #000;
	margin:10px auto;
	text-align:left;
	background:#FFF url('../../images/fond_site.gif') top left repeat-y;
	font-family:verdana;
	font-size:9pt;
}

table {
	font-size:9pt;
}
img {
	border:0;
}

#header {
	background:transparent url('../../images/fond_header.jpg') top left no-repeat;
	height:129px;
}

#bas_site, #bas_site a, #base_site a:visited {
	font-family:verdana;
	color:#FFF;
	font-size:8pt;
}

/************ Menu Principal ***********/
#menuPrincipal {
	position:absolute;
	margin:88px 0 0 95px;
	padding:0;
	font-size:8pt;
}
#menuPrincipal ul {
	height:30px;
	list-style-type:none;
	margin:0;
	padding:0;
}
#menuPrincipal li {
	float:left;
	height:19px;
	background:transparent url('../../images/fond_boutonMenu.jpg') top left no-repeat;
	margin:0 1px;
}
#menuPrincipal a, #menuPrincipal a:visited {
	color:#FFF;
	height:19px;
	text-decoration:none;
	background:transparent url('../../images/fond_boutonMenuDroite.jpg') top right no-repeat;
	padding:0 10px;
}
#menuPrincipal a:hover {
	text-decoration:underline;
}



/********** Sous-menu Principal **********/
#sousMenuPrincipal {
	position:absolute;
	margin:109px 0 0 95px;
	padding:0;
	font-size:7pt;
}
#sousMenuPrincipal ul {
	height:30px;
	list-style-type:none;
	margin:0;
	padding:0;
}
#sousMenuPrincipal li {
	float:left;
	height:19px;
	background:transparent url('../../images/fond_boutonSousMenu.jpg') top left no-repeat;
	margin:0 1px;
}
#sousMenuPrincipal a, #sousMenuPrincipal a:visited {
	color:#000;
	height:19px;
	text-decoration:none;
	background:transparent url('../../images/fond_boutonSousMenuDroite.jpg') top right no-repeat;
	padding:0 10px;
}
#sousMenuPrincipal a:hover {
	text-decoration:underline;
}

/*********** Zone de l'heure *************/
#zoneHeure {
	position:absolute; 
	margin:109px 0 0 755px;
	text-align:center;
	color:#c2b581;
	width:45px;
	height:19px;
	background:transparent url('../../images/fond_heure.jpg') top left no-repeat;
	font-size:9pt;
}

#lien_accueil_hidden { 
	width:90px;
	height:125px;
	position:absolute;
}


/************ Zone Connexion **********/
#zoneConnexion {
	width:254px;
	height:19px;
	font-size:8pt;
	position:absolute;
	background:transparent url('../../images/fond_connexion.jpg') top left no-repeat;
	color:#FFF;
}
#zoneConnexion div {
	margin-left:5px;
}
#zoneConnexion form {
	margin:0; 
	padding:0;
}
#zoneConnexion input.text {
	width:65px;
	height:17px;
	font-size:9pt;
	background:none;
	border:0;
	/*color:#a0aaac;*/
	color:#FFF;
	vertical-align:middle;
}
#zoneConnexion a, #zoneConnexion a:visited {
	color:#FFF;
	text-decoration:none;
}
#zoneConnexion a:hover {
	text-decoration:underline;
}
#zoneConnexion input.bouton_connexion {
	width:20px;
	height:19px; 
	margin:0;
	padding:0;
	vertical-align:top;
}


/********** Menu Latéral Gauche *****************/
#menuLateralGauche {
	padding-top:40px;
	font-size:8pt;
	width:133px;
}
#menuLateralGauche ul {
	list-style-type:none;
	margin:0 5px 0 5px;
	padding-left:10px;
	border-left:4px solid #faac01;
}
#menuLateralGauche ul li {
	margin:10px 0;
}
#menuLateralGauche a, #menuLateralGauche a:visited {
	text-decoration:none;
	color:#000;
}
#menuLateralGauche a:hover {
	text-decoration:underline;
}


/************ Main ***************/
#main {
	padding:20px 10px; 
	font-size:9pt;
	text-align:left;
}
#main h1#titrePage {
	text-align:right;
	border-bottom:1px solid #b9cac4;
	font-size:14pt;
	padding-right:20px;
	color:#356164;
}
#main h2.sousTitre {
	font-size:11pt;
	border-bottom:1px solid #000;
	text-align:left;
	padding-bottom:5px;
	font-weight:bold;
}
#main h3.sousTitre {
	font-size:10pt;
	border-bottom:1px solid #000;
	text-align:left;
	padding-bottom:5px;
	font-weight:bold;
}
#main a, #main a:visited {
	font-size:10pt;
}


/********** Menu Latéral Droit *****************/
#menuLateralDroit {
	font-size:8pt;
	width:133px;
	/*text-align:right;*/
	padding-top:2px;
}
#menuLateralDroit h1 {
	font-size:10pt;
	margin:0; 
}
/*#menuLateralDroit p {
 text-align:center;
}*/


/*********** champs formulaires *************/
.text {
	font-size:9pt;
}
.select {
	font-size:8pt;
}


.formulaireLogin {
	border-top:1px solid #000;
	font-size:10pt;
}

.tableau_formulaire {
	font-size:8pt;
}


/* Tableau 1 (classique) */
.tableau_formulaire .libelle {
  text-align:right;
  background-color:#EC7C34;
  color:#FFF;
  width:150px;
}
.tableau_formulaire .libelle_gauche {
  text-align:left;
  width:300px;
}
.tableau_formulaire .libelle_centre {
  text-align:center;
  background-color:#85BCE5;
  color:#FFF;
  width:150px;
}
.tableau_formulaire .valeur {}
.tableau_formulaire .valeur_centre {
	text-align:center;
}

.tableau_formulaire input
{
	font-family: inherit;
}

.tableau_formulaire td table td, .tableau_formulaire td table th
{
	border:0;	
	margin:2px;
	border:1px solid #FFF;
}
.tableau_formulaire td table th
{
	background-color:#85BCE5;
  	color:#FFF;	
}

.titre_formulaire {
	border-bottom:1px solid #000;
	text-align:left;
	font-size:10pt;
	padding-bottom:5px;
}
.libelle_formulaire {
	font-weight:bold;
	text-align:right;
	padding-right:5px;
	width:200px;
	background-color:#ffbc16;
}
.champ_formulaire {
	padding-left:5px; 
}

#tableau_accueil {
	font-size:9pt;
	text-align:left;
}
#tableau_accueil h3 {
	font-size:12pt;
	text-align:left;
}
#tableau_accueil .infos_accueil {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #c4c3c1;
}
#tableau_accueil .infos_accueil .date_accueil {
	background:transparent url('../../images/fond_date_accueil.gif') left center no-repeat;
	color:#FFF;
	padding-left:5px;
	height:18px;
	margin-bottom:3px;
}
#tableau_accueil .infos_accueil a, #tableau_accueil .infos_accueil a:visited {
	color:#000; 
	text-decoration:none;
}
#tableau_accueil .infos_accueil a:hover {
	text-decoration:underline;
}
#tableau_accueil .infos_accueil .date_accueil span {
	display:block;
	margin-top:1px;
}
#tableau_accueil .infos_accueil .titre_info_accueil {
	padding-left:20px;
}
#tableau_accueil .infos_accueil .savoir_plus, #tableau_accueil .infos_accueil .savoir_plus:visited {
	text-align:right;
	display:block;
	font-size:7pt;
	color:#63a0a1;
	margin-top:5px;
}


.tableau_annuaire_noncotisant {
	font-size:9pt;
}
.tableau_annuaire_noncotisant th {
	font-size:10pt;
	text-align:left;
}
.tableau_annuaire_noncotisant td {
	padding:1px 3px;
}

.tableau_annuaire_cotisant {
	font-size:9pt;
}
.tableau_annuaire_cotisant th {
	font-size:10pt;
	text-align:left;
}
.tableau_annuaire_cotisant td {
	padding:1px 3px;
}


/*************** Tableau divers *********/
.tableau_divers2 {
	width:100%;
	
}
.tableau_divers2 tr {
	background-color:#FAFAFA;
}

.tableau_divers2 tr:hover {
	background-color:#85BCE5;
	color:#FFFFFF;
}

.tableau_divers {
	width:100%;
	border-collapse:collapse;
}
.tableau_divers th  {
	background-color:#ffbc16;
	color:#FFF;
	text-align:center;
	line-height:2em;
	border:1px solid #000;
}
.tableau_divers tr {
	background-color:#FFF;

}
.tableau_divers tr:hover {
	background-color:#FFDE93;
	color:#FFF;
}
.tableau_divers td {
	text-align:center;
	border:1px solid #000;
	padding:2px 5px;
}
.tableau_divers td.date_divers {
	width:70px;
}
.tableau_divers td.lien_divers {
	width:20px;
	text-align:center;
}
.tableau_divers td.libelle_divers {
	text-align:left;	
}
.tableau_divers td.chiffre_divers {
	text-align:right;	
}

.tableau_divers th a, .tableau_annuaire th a:visited {
  color:#333;
}
.tableau_divers th.col1 {
  background-color:transparent;
  width:25px;
}
.tableau_divers td.col1 {
  text-align:right;
  background-color:#E2E2E2;
  color:#333;
  width:25px;
}

.tableau_divers th a, .tableau_annuaire th a:visited {
	color:#FFF;
}
.tableau_divers th.col1 {
	background-color:transparent;
	width:25px;
}
.tableau_divers td.col1 {
	text-align:right;
	background-color:#E2E2E2;
	color:#333;
	width:25px;
}

.tableau_divers td table td, .tableau_divers td table th
{
	border:0;	
	background:none;
}

.tableau_nohover tr:hover
{
	background:none;
	color:none;	
}

.tableau_noborder td, .tableau_noborder th
{
	border:0;	
}

table.barres
{
	border-collapse:collapse;	
}
table.barres td
{
	border:0;
	padding:0;	
}

.tableau_paiement {
	font-size:9pt;
}
.tableau_paiement a, .tableau_paiement a:visited {
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
.tableau_paiement a:hover {
	text-decoration:underline;
}

.result_recherche {
	font-size:9pt;
}

.infos_page {
	text-align:left;
}



.tableau_mdp th {
	background-color:#ffbc16;
	padding:5px 0;
}
.tableau_mdp td {
	background-color:#fff;
	padding:5px 0;
	text-align:center;
}


/******** Accueil Espace perso **********/
.bloc_accueil_ep h3 {
	font-size:10pt;
	font-weight:bold;
	border-bottom:1px solid #999;
	margin:0 5px;
}
.bloc_accueil_ep .titre_rubrique {
	font-size:9pt;
	text-align:center;
	font-weight:bold;
}
.bloc_accueil_ep .image_rubrique {
	text-align:right;
	border:0;
}

.bouton_netassoc td { 
	padding:0;
	margin:0;
	border-collapse:collapse;
}
.bouton_netassoc img {
	display:block;
	margin:0;
	padding:0;
}
.bouton_netassoc a, .bouton_netassoc a:visited {
	text-decoration:none;
	color:#000;
}

.message_accueil_ep {
	font-size:9pt;
	text-align:center;
	margin-bottom:15px;
}

.message_info {
	font-size:9pt;
	text-align:justify;
}


.tableau_cotisation {
	font-size:9pt;
	margin-bottom:20px;
}
.libelle_cotisation {
	font-weight:bold;
	text-align:right;
	width:300px;
}
.choix_cotisation {
	width:15px;
}
.tarif_cotisation {
	width:50px;
}


.tableau_conseil {
	font-size:9pt;
}
.tableau_conseil th {
	text-align:center;
}
.tableau_conseil .bouton_membre {
	text-align:center;
}


.tableau_news {
	margin-bottom:20px;
}
.tableau_news .titre_news {
	border-bottom:1px solid #000;
	font-weight:bold;
}
.tableau_news .date_news {
	border-bottom:1px solid #000;
	text-align:right;
	font-style:italic;
}
.tableau_news .contenu_news {
	text-align:justify;
}


/************** Calendrier *************/
.tableau_calendrier {
	font-size:9pt;
}
.calendrier th {
	background-color:#ffbc16;
	font-size:8pt;
	text-align:center;
	padding:3px 5px;
	font-weight:normal;
}
.calendrier td {
	font-size:8pt;
	text-align:center;
	padding:6px 0;
}


.liste_cotisations {
	font-size:8pt;
}

.tabbox {
 	margin:5px auto;
}
.tabbox td {
	text-align:center;
	margin:0;
}
.tabbox a, .tabbox a:visisted {
	margin:0;
	text-decoration:none;
	color:#000;
	font-size:9pt;
}
.tabbox a:hover {
	text-decoration:underline;
}

/********** Offres d'emploi **********/
.blocOffre {
	margin:10px 0;
	border:1px solid #CCC;
}
.blocOffre .titreOffre {
	background:#ffbc16;
	padding:3px 5px;
}


/********* page des liens ************/
.titre_categorie_liens {
	color:#F00;
	font-weight:bold;
}
.tableau_liens img {
	border:0;
	height:30px;
}
.tableau_lien .logo_lien {
	padding:0; 
	text-align:center;
}


/********* Résultat recherche diplome admin ************/
.tableau_resultat_admin {
	font-size:8pt;
}
.tableau_resultat_admin th {
	background-color:#ffbc16;
}
.tableau_resultat_admin .numero_ligne {
	background-color:#ffbc16;
	text-align:right;
	padding:2px 5px;
	font-weight:bold;
}



.liste_groupes { 
	width:100%; 
}
.liste_groupes .noms_groupes { 
	padding-left:50px; 
}
.liste_groupes .actions_groupes { 
	width:100px; 
}

.liste_membres_groupe { 
	width:100%; 
	font-size:7pt;
}
.liste_membres_groupe .entete td { 
	border-bottom:1px solid #dbe2ec; 
	font-weight:bold; 
}
.liste_membres_groupe .statut { 
	width:50px; 
	text-align:center; 
}
.liste_membres_groupe .nom_membre { 
	text-align:left; 
	padding-left:10px; 
}
.liste_membres_groupe .nom_membre a, .liste_membres_groupe .nom_membre a:visited { 
	text-decoration:none;
	color:#000;
	font-size:7pt;
}
.liste_membres_groupe .nom_membre a:hover {
	text-decoration:underline;
}
.liste_membres_groupe .commentaire { 
	font-style:italic;  
	padding-left:20px; 
}
.liste_membres_groupe .bouton_comm { 
	width:10px; 
}
.liste_membres_groupe .statut { 
	width:40px; 
}


.cadre_formulaire { 
	width:600px; 
	margin-bottom:0; 
	padding:0; 
	background:url('../../images/form_milieu.gif') left top repeat-y; 
	text-align:left; 
}
.cadre_formulaire h4 { 
	display:inline; 
	position:absolute; 
	margin-top:-35px; 
	margin-left:30px; 
	font-weight:bold; 
	font-size:12pt; 
	background-color:#2897CE; 
	color:#FFF; 
	border:1px solid #6FF; 
	padding:3px 5px; 
}
.cadre_formulaire a, .cadre_formulaire a:visited {
	color:#000;
	text-decoration:none;
}
.cadre_formulaire a:hover {
	text-decoration:underline;
}

.ongleton {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	background-image: url(../../images/onglet_on.gif);
	text-align: center;
	word-spacing: normal;
	font-style: normal;
	line-height: normal;
	vertical-align: middle;
	background-position: center;
	font-weight: bold;
}

.ongletoff {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	font-style: normal;
	line-height: normal;
	background-image: url(../../images/onglet_off.gif);
	background-position: center;
}

.onglet2on {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	background-image: url(../../images/onglet2_on.gif);
	text-align: center;
	word-spacing: normal;
	font-style: normal;
	line-height: normal;
	vertical-align: middle;
	background-position: center;
	font-weight: bold;
}

.vert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00CC00;
}
.rouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}
/********** Loader Admin **************/
/* --- loader ---*/

#loader {
  width: 320px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}

#loader td {
  padding: 0px;
  background: #ffffff;
}

#loader p {
  border: 3px solid #6E89DD;
  padding: 20px;
  margin: 0;
  background: #EEF0FC;
}

#loader img {
  float: left;
  margin-right: 12px;
}

#loader strong {
  display: block;
  margin-bottom: 3px;
}

#loaderContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index:100;
  top:0; 
  left:0;
  /*height: expression(document.documentElement.clientHeight+'px');*/
}

#loaderContainer td {
	padding-top: 150px;
	vertical-align: top;
	text-align: center;
	background-image: url('../../images/semi-transparent.gif');
}

#loaderContainer td td {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0px;
	text-align: left;
	font-size: 14px;
}

/************* Administration ********/
.sousMenuAdmin {
	margin-top:1px;
}
.sousMenuAdmin td {
	text-align:center;
}
.sousMenuAdmin a, .sousMenuAdmin a:visited{
	color:#FFF;
	text-decoration:none;
}



.skin0{
	position:absolute;
	width:200px;
	border:2px solid black; 
	background-color:menu; 
	font-family:Verdana; 
	line-height:20px; 
	cursor:default; 
	visibility:hidden;
	z-index:100;
}

.skin1{
	cursor: default; 
	font: menutext; 
	position: absolute; 
	width: 145px; 
	background-color: menu; 
	border: 1 solid buttonface;
	display:none;
	border: 2 outset buttonhighlight; 
	font-family: Verdana,Geneva, Arial; 
	font-size: 10px; 
	color: black;
}

.menuitems{
	padding-left:15px; 
	padding-right:10px; 
}

.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #333333;
	line-height: normal;
	text-transform: none;
    border-bottom:1px solid #000;
}



/*
 *Onglet réseau de l'espace emploi-carrière
 */
.reseau_offre span
{
	font-weight: bold;
	font-size:12px;
	text-decoration:underline;
}
.confirmation {
        color:#333371;
        background:#E6F8DD url('../../global/images/ico_confirmation.gif') 20px center no-repeat;
        padding:10px 10px 10px 60px;
        font-weight:bold;
        margin:10px 0;
        /*border:dashed;*/
        border-style:dashed;
        border-width:thin;
        border-color:#999;
}

.erreur {
        color:#111;
        background:#FBACAE url('../../global/images/ico_erreur.png') 20px center no-repeat;
        padding:10px 10px 10px 60px;
        font-weight:bold;
        margin:10px 0;
        /*border:dashed;*/
        border-style:dashed;
        border-width:thin;
        border-color:#999;
}

.information {
        color:#111;
        background:#C4D2F7 url('../../global/images/ico_info.png') 20px center no-repeat;
        padding:10px 10px 10px 60px !important;
        font-weight:bold;
        margin:10px 0;
        /*border:dashed;*/
        border-style:dashed;
        border-width:thin;
        border-color:#999;
}

.attention {
        color:#111;
        background:#F7C566 url('../../global/images/ico_warning.png') 20px center no-repeat;
        padding:10px 10px 10px 60px;
        font-weight:bold;
        margin:10px 0;
        /*border:dashed;*/
        border-style:dashed;
        border-width:thin;
        border-color:#999;
}