html, body {
	height:100%;  /*width:100% pour afficher le fond correctement sous ff*/
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	color: #000;
	background-image: url(../images/bg_opca.gif);
	background-repeat: repeat;
	font-size: 12px;
}
P, UL, LI, TD {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
.bleu, a.bleu:link {
	color: #004b96;
}
a.bleu:link, a.bleu:visited  {
	color: #004b96;
	font-size:14px;
}
#conteneur {
	position:absolute;
	left:50%;
	margin-left: -490px;
	width: 980px;
	background-color: #fff;
	height: auto;
}
#conteneurpopupbao {
	position:absolute;
	width: 583px;
	background-color: #fff;
	height: auto;
}
#header {
	float:right;
	position:relative;
	top:39px;
	width:590px;
	height:39px;
	z-index:2;
}
/**************************************************************/
/************************** H O M E ***************************/
/**************************************************************/

#gauche_home {
	float:left;
	background-color: #FFFFFF;
	/*background-image: url(../images/silhouette_bleu.gif);
	background-repeat: no-repeat;
	background-position: right bottom;*/
	height: 442px;
	width: 545px;
}
#droit_home {
	float: right;
	height: 442px;
	width: 158px;
}
/***************************Bloc Bienvenue**************************/

#titre_bienvenue {/*position de l'image verticale */
	float:left;
	background-image: url(../images/home_bienvenue.gif);
	background-repeat: no-repeat;
	height: 442px;
	width: 50px;
}
.Titre_texte_bienvenue {
	font-size: 22px;
	color: #8A8E94;
}
.Texte_bienvenue {
	color: #8A8E94;
	font-size: 13px;
}
#content_bienvenue {
	float:right;
	width: 475px;
	margin-right:10px;
	margin-top:5px;
}
#anim_bienvenue {
	float:right;
	width: 475px;
	margin-right:10px;
	margin-top:52px;
}
/***************************Bloc Actu**************************/

#bloc_actu {
	float:left;
	width: 243px;
	height: 442px;
	background: url(../images/actu_vert-clair-2.gif) no-repeat;
}
#bloc_actu_vide {
	float:left;
	width: 243px;
	height: 442px;
	background: url(../images/actu_vert-clair-2.gif) no-repeat;
}
#content_actu {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	margin-top:15px;
	height: 370px;
	width: 200px;
}
.titre_texte_actu {
	/*color: #8A8E94;*/
	font-size: 14px; /*16px;*/
	font-weight: bold;/*background-color: #FFFFFF;*/
}
/*.texte_actu {
	color: #8A8E94
}*/
.newsslide {
	color: #666;
	margin-bottom: 15px;
	list-style-type: none;
	margin-left: -35px;
	width:195px;
}
.newsslide:hover, .newsslide a:hover {
	color: #FFF;
	cursor:pointer;
}


/*******Bloc home adhérent *******/
a#lnk-adherent {
	display:block;
	height: 442px;
	width: 158px;
	background-image: url(../images/adherents_bleu-2.gif);
	background-repeat:no-repeat;
}
a#lnk-adherent-on, a#lnk-adherent:hover {
	display:block;
	height: 442px;
	width: 158px;
	background-image: url(../images/adherents_bleuvert-2.gif);
	background-repeat:no-repeat;
}
/************************************************************/
/******************** Gestion du Bouton Logo ****************/
/************************************************************/
a span {
	display: none;/*Permet au texte de ne plus etre visible*/
}
/********************Home**********************/
#bthome {
	position:relative;
	left:0px;
	top:0px;
	width:332px;
	height:93px;
	z-index:1;
	visibility: visible;
}
a#lnk-bthome, a#lnk-bthome-on, a#lnk-bthome:hover {
	display:block;
	left:11px;
	top:7px;
	width:332px;
	height:93px;
	background-image:url(../images/home_logo_new.gif);
	background-repeat:no-repeat;
	background-position:center center;
}
/***************************************************************************/
/************************Mise en page internes******************************/
/*Mise en forme des pages internes pour le bloc centre et droit , le gauche*/
/*est géré en fonction de la rubrique choisie*/
/***************************************************************************/
/***************************************************************************/


/**************Mise en page  commune de la partie centrale******************/
#centre_home, #centre_int {
	background-repeat: no-repeat;
	background-position: right bottom;
}
/************************Mise en page Home********************************/
#centre_home {
	margin-left: 555px;
	margin-right: 178px;
}
/************************Mise en page internes********************************/
#centre_int {
	margin-left: 214px;
	margin-right: 150px;
}
#centre_int_popupbao {
	margin-left: 214px;
	margin-right: 0px;
}
/************************Mise en page internes partie droite (infos plus)********************************/
#droit_int {
	float: right;
	background-color: #93979E;
	background-image: url(../images/interieur_persogris.gif);
	background-repeat: no-repeat;
	height: 442px;
	width: 140px;
}
/***************************************************************************/
/******************Mise en page internes par rubrique***********************/
/***************************************************************************/

/**************Mise en page commune de la partie gauche******************/
/*****ATTENTION DECLARER AUSSI POUR LA MISE EN FORME individuelle DE LA PARTIE GAUCHE******/
#gauche_opca, #gauche_contrib, #gauche_plan, #gauche_dif, #gauche_prof, #gauche_acc, #gauche_forma, #gauche_documentation, #gauche_faq, #gauche_lienutil, #gauche_contacts, #gauche_plansite {
	float:left;
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 442px;
	width: 204px;
}
/************** Mise en page commune des titres  et sous-titres ******************/

.Titre_opca, .Titre_contrib, .Titre_plan, .Titre_dif, .Titre_prof, .Titre_acc, .Titre_forma, .Titre_documentation, .Titre_faq, .Titre_contacts {
	font-weight: bold;
	font-size: 20px;
	padding-top: 5px;
}
.Sous_titre_opca, .Sous_titre_contrib, .Sous_titre_plan, .Sous_titre_dif, .Sous_titre_prof, .Sous_titre_acc, .Sous_titre_forma {
	font-size: 18px;
}
.Sous_ss_titre_opca, .Sous_ss_titre_contrib, .Sous_ss_titre_plan, .Sous_ss_titre_dif, .Sous_ss_titre_prof, .Sous_ss_titre_acc, .Sous_ss_titre_forma {
	font-size: 14px;
	font-weight: bold;
}
/************************Mise en page documentation  *******************************/
#gauche_documentation {
	background-image: url(../images/frame_gauche_doc.gif);
}
.Titre_documentation, .Titre_faq, .Titre_contacts {
	color: #009794
}
/************************Mise en page FAQ et lien *******************************/
#gauche_faq {
	background-image: url(../images/frame_gauche_FAQ.gif);
}
.puce_faq {
	background-image:url(../images/puce.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:5px;
	color: #009794
}
/************************Mise en page lien *******************************/
#gauche_lienutil {
	background-image: url(../images/frame_gauche_lienutil.gif);
}
/*****ATTENTION DECLARER AUSSI POUR LA MISE EN PAGE COMMUNE DE LA PARTIE GAUCHE******/
/************************Mise en page contacts  *******************************/
#gauche_contacts {
	background-image: url(../images/frame_gauche_contacts.gif);
}
/************************Mise en page plan du site  *******************************/
#gauche_plansite {
	background-image: url(../images/frame_gauche_plansite.gif);
}
/************************Mise en page OPCA *******************************/
#gauche_opca {
	background-image: url(../images/frame_gauche_opca.gif);
}
.Titre_opca, .Sous_titre_opca, .Sous_ss_titre_opca, .puce_opca {
	color: #004B96
}
/************************Mise en page contributions *******************************/
#gauche_contrib {
	background-image: url(../images/frame_gauche_contr.gif);
}
.Titre_contrib, .Sous_titre_contrib, .Sous_ss_titre_contrib, .puce_contrib {
	color: #B7316F
}
/************************Mise en page Plan de formation********************************/
#gauche_plan {
	background-image: url(../images/p_formation.gif);
}
.Titre_plan, .Sous_titre_plan, .Sous_ss_titre_plan, .puce_plan {
	color: #FBAC29
}
/************************Mise en page DIF *******************************/
#gauche_dif {
	background-image: url(../images/frame-gauche_dif.gif);
}
.Titre_dif, .Sous_titre_dif, .Sous_ss_titre_dif, .puce_dif {
	color: #00A3CA
}
/************************Mise en page Professionnalisation********************************/
#gauche_prof {
	background-image: url(../images/frame_gauche_prof.gif);
}
.Titre_prof, .Sous_titre_prof, .Sous_ss_titre_prof, .puce_prof {
	color: #FE016F
}
/************************Mise en page Accords de branche*******************************/
#gauche_acc {
	background-image: url(../images/frame-gauche_accords.gif);
}
.Titre_acc, .Sous_titre_acc, .Sous_ss_titre_acc, .puce_acc {
	color: #9ACC34
}
/***************************Boutons retour**************************/
#gauche_forma {
	background-image: url(../images/frame-gauche_formation_b.gif);
}
.Titre_forma, .Sous_titre_forma, .Sous_ss_titre_forma, .puce_forma {
	color: #C01417
}
/***************************Boutons retour**************************/

a#lnk-bt_retour, a#lnk-bt_retour-on, a#lnk-bt_retour:hover {
	display:block;
	background-image: url(../images/interieur_retour.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 129px; /*129px 100%*/
	float: right;
	background-position: right;
}
/***************************Bloc menu accordéon**************************/
#content_menu {/*zone de texte*/
	float:right;
	width: 199px;
	margin-top:0px;
	margin-left: 5px;
}
/***************************Bloc central de contenu identique toutes sections**************************/
#texte_content {
	width: 600px; /*Largeur ajustée pour IE6*/
}

/* PDF */
#texte_content .pdf{
	background-image: url(../UserFiles/Defaut/picto_pdf.png);
	background-repeat: no-repeat;
	padding-bottom:4px;
	padding-top: 2px;
}
#texte_content a.pdf {
	padding-left: 25px;
	height: 20px;
	color: #900;
	text-decoration: none;	
}
#texte_content a:hover.pdf {
	color: #F00;
	text-decoration: underline;
}
/* XLS */
#texte_content .exl{
	background: url(../UserFiles/Defaut/picto_xls.png) no-repeat;
	padding-bottom:4px;
	padding-top: 2px;
}
#texte_content a.exl {
	padding-left: 25px;
	height: 20px;
	color: #900;
	text-decoration: none;	
}
#texte_content a:hover.exl {
	color: #F00;
	text-decoration: underline;
}
/* DOC */
#texte_content .wrd{
	background: url(../UserFiles/Defaut/picto_doc.png) no-repeat;
	padding-bottom:4px;
	padding-top: 2px;
}
#texte_content a.wrd {
	padding-left: 25px;
	height: 20px;
	color: #900;
	text-decoration: none;	
}
#texte_content a:hover.wrd {
	color: #F00;
	text-decoration: underline;
}

#texte_content_popupbao {
	width: 350px; /*Largeur ajustée pour IE6*/
}
/* POWERPOINT */
#texte_content .pwp{
	background: url(../UserFiles/Defaut/picto_ppt.png) no-repeat;
	padding-bottom:4px;
	padding-top: 2px;
}
#texte_content a.pwp {
	padding-left: 25px;
	height: 20px;
	color: #900;
	text-decoration: none;	
}
#texte_content a:hover.pwp {
	color: #F00;
	text-decoration: underline;
}
/* IMAGE SANS VIGNETTE */
#texte_content .novign{
	background: url(../UserFiles/Defaut/picto_jpg.png) no-repeat;
	padding-bottom:4px;
	padding-top: 2px;
}
#texte_content a.novign {
	padding-left: 25px;
	height: 20px;
	color: #900;
	text-decoration: none;	
}
#texte_content a:hover.novign {
	color: #F00;
	text-decoration: underline;
}

#texte_content_popupbao {
	width: 350px; /*Largeur ajustée pour IE6*/
}
/***************************Bloc outils**************************/

#content_outils {
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 4px;
	line-height: 13px;
}
#infos {
	height: 250px;
}
/***************************Infos bulles**************************/	
.tooltip, a.tooltip, a:visited.tooltip, a:active.tooltip {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
a.tooltip em {
	display:none;
}
a.tooltip:hover {
	border: 0;
	position: relative;
	z-index: 500;
	text-decoration:none;
}
a.tooltip:hover em {
	font-style: normal;
	display: block;
	position: absolute;
	top: 20px;
	left: -10px;
	padding: 5px;
	color: #000;
	border: 1px solid #bbb;
	background: #ffc;
	width:146px;
}
a.tooltip:hover em h6 {
	position: absolute;
	top: -7px;
	left: 15px;
	height: 7px;
	width: 11px;
	background-image:url(../images/fleche_infobulle.gif);
	background-repeat:no-repeat;
	margin:0;
	padding: 0;
	border: 0;
}
/***************************Infos bulles**************************/	

/*************************** LIENS **************************/

a:link {
	color: #666666;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:visited {
	color: #666666;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:hover {
	color: #666666;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:active {
	color: #666666;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*****************************LIENS DES ACTUS **************************/
#lien_actu, a#lien_actu, a:visited#lien_actu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: underline;
}
/*****************************LIENS bas de page**************************/
#lien_bas, a#lien_bas, a:hover#lien_bas, a:visited#lien_bas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	line-height: 30px;
	text-decoration: none;
}
/*****************************LIENS outils**************************/
#lien_outils, a#lien_outils, a:hover#lien_outils, a:visited#lien_outils {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
/*****************************LIENS internes**************************/
.lien_interne, a.lien_interne, a:hover.lien_interne, a:visited.lien_interne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}
/*****************************LIENS InfosPlus**************************/
.lien_infosplus, a.lien_infosplus, a:hover.lien_infosplus, a:visited.lien_infosplus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
/*********************FORMATAGE DES FORMULAIRES*********************/
.styleinput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:1px;
	border-color: #999999;
	border-style: solid;
	height: 20px;/*	*/
}
select {
	border:1px;
	border-color: #999999;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
label {
	float: left;
	width: 120px;
}
input {
	width: 180px;
	margin-bottom: 5px;
}
textarea {
	margin-bottom: 5px;
	float: right;
	width: 250px;
	height: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:1px;
	border-color: #999999;
	border-style: solid;
}
/****Formatage de l'entete du formulaire*****/

.enteteform {
	background-color:#009794;
	padding: 5px;
}
.entetetext_coord {
	float: left;
	color:#FFFFFF
}
.entetetext_mess {
	margin-left: 350px;
	color:#FFFFFF
}
/****Formatage du texte et input employeur/salarié*****/

.enteteemp {
	float: right;
	width: 350px;
}
.entetetext_emp {
	margin-bottom: 5px;
	float: left;
	color:#000000
}
.entetetext_sal {
	margin-bottom: 5px;
	margin-left: 180px;
	color:#000000
}
.submitbutton_R {
	border:0px;
	background-color:#B73671;
	color:#FFFFFF;
	width: 90px;
}
.submitbutton_V {
	clear: both;
	/*float: right;*/
	border:0px;
	background-color:#009794;
	color:#FFFFFF;
	width: 90px;
	margin-left:500px;
}
.boxes {
	width: 1.2em;
	margin-bottom:0px;
	margin-left:60px;
}
.boxesr {
	width: 1.2em;
	margin-bottom:0px;
	margin-left:10px;
}
.texte_contact {
	color: #009794;
	font-weight: bold;
}
/**************************************************************/
/**************FORMATAGE DU BAS DE PAGE************************/
/**************************************************************/
#bas {
	clear:both;
	height: 30px;
	background-color: #fff;
}
.texte_bas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	line-height: 30px;
}
/**************Positionnement du menu horizontal************************/
#menu_horizontal {
	display:block;
	position:relative;
	width:980px;
	left:0px;
	z-index:10;
	visibility: visible;
	height: 19px;
	border-top:1px #666 solid;
	border-bottom:1px #666 solid;
	margin-bottom: 10px;
}
.texte_annexe {
	color: #999999;
	font-style: italic;
}
.Texte {/*style appliqué pour la zone de texte de la page*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
.Texte_blanc {/*style appliqué pour la zone de texte de la page*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}
/****************************Puce plan du site**************************************/

.puceplan {/*style appliqué pour la zone de texte de la page*/
	list-style-type: none;
}