body, td, p, option, input, select, form, a, ul, li, div {  

scrollbar-face-color: ffffff;
scrollbar-highlight-color: f3f3f2;
scrollbar-3dlight-color: 8c8d7e;
scrollbar-darkshadow-color: f3f3f2;
scrollbar-shadow-color: 8c8d7e;
scrollbar-arrow-color: 8c8d7e;
scrollbar-track-color: f3f3f2;

font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00476c;

}


.hand { cursor:help; }

p,li {text-align:justify;}

li { list-style-image:url(/images/cesweb/puce_int.gif); list-style-position:outside; }
a:link { text-decoration: underline; color: #431666}

a:hover { text-decoration: underline; color: #FF6C00}

a.liensmenuhaut:link { text-decoration: none; color: #431666; letter-spacing: 1px}
a.liensmenuhaut:visited { text-decoration: none; color: #431666; letter-spacing: 1px}
a.liensmenuhaut:hover { text-decoration: none; color: #FF6C00; letter-spacing: 1px}

a.liennavint:link { text-decoration: underline; color: #431666}
a.liennavint:visited { text-decoration: underline; color: #431666}
a.liennavint:hover { text-decoration: underline; color: #FF6C00}

a.lienbandeau3:link { text-decoration: none; color: #FFFFFF}
a.lienbandeau3:visited { text-decoration: none; color: #FFFFFF}
a.lienbandeau3:hover { text-decoration: none; color: #FF6C00}

a.lientitreresultat:link { text-decoration: none; color: #000000; font-weight: bold}
a.lientitreresultat:visited { text-decoration: none; color: #000000; font-weight: bold}
a.lientitreresultat:hover { text-decoration: none; color: #FF6C00; font-weight: bold}

a.liensommaire:link { text-decoration: none; color: #00476c; font-weight: bold }
a.liensommaire:visited { text-decoration: none; color: #00476c; font-weight: bold }
a.liensommaire:hover { text-decoration: none; color: #FF6C00; font-weight: bold}

a.liensservices:link { text-decoration: none; color: #000000 }
a.liensservices:visited { text-decoration: none; color: #000000 }
a.liensservices:hover { text-decoration: none; color: #FF6C00 }

a.liensnews:link { text-decoration: none; color: #000000 }
a.liensnews:visited { text-decoration: none; color: #000000 }
a.liensnews:hover { text-decoration: none; color: #FF6C00 }

a.liensmenuderoulant:link { text-decoration: none; color: #FFFFFF; }
a.liensmenuderoulant:visited { text-decoration: none; color: #FFFFFF; }
a.liensmenuderoulant:hover { text-decoration: none; color: #FF630E; }

a.liensbandeaubas:link { text-decoration: none; color: #FFFFFF; }
a.liensbandeaubas:visited { text-decoration: none; color: #FFFFFF; }
a.liensbandeaubas:hover { text-decoration: none; color: #FF630E; }

a.liensmenugauche:link { text-decoration: none; color: #FFFFFF; }
a.liensmenugauche:visited { text-decoration: none; color: #FFFFFF; }
a.liensmenugauche:hover { text-decoration: none; color: #F88B14; }

a.liensmenugauche2:link { text-decoration: none; color: #FFFFFF; }
a.liensmenugauche2:visited { text-decoration: none; color: #FFFFFF; }
a.liensmenugauche2:hover { text-decoration: none; color: #F0F0F0; }

a.chemindefer:link { text-decoration: none; color: #431666; }
a.chemindefer:visited { text-decoration: none; color: #431666; }
a.chemindefer:hover { text-decoration: none; color: #FF6C00; }

a.menugauche-actif:link { text-decoration: none; color: #F88B14; }
a.menugauche-actif:visited { text-decoration: none; color: #F88B14; }
a.menugauche-actif:hover { text-decoration: none; color: #FFFFFF; }

a.liensmenugauche3:link { text-decoration: none; color: #00476c; }
a.liensmenugauche3:visited { text-decoration: none; color: #00476c; }
a.liensmenugauche3:hover { text-decoration: none; color: #FF6C00; }

a.liensmenugauche4:link { text-decoration: none; color: #00476c; font-weight: bold}
a.liensmenugauche4:visited { text-decoration: none; color: #00476c; font-weight: bold}
a.liensmenugauche4:hover { text-decoration: none; color: #FF6C00; font-weight: bold}

a.liensmenugauche5:link { text-decoration: none; color: #663366; font-weight: bold; text-decoration: underline;}
a.liensmenugauche5:visited { text-decoration: none; color: #663366; font-weight: bold; text-decoration: underline;}
a.liensmenugauche5:hover { text-decoration: none; color: #FF6C00; font-weight: bold; text-decoration: underline;}

a.menugauche-actif2:link { text-decoration: none; color: #F88B14; }
a.menugauche-actif2:visited { text-decoration: none; color: #F88B14; }
a.menugauche-actif2:hover { text-decoration: none; color: #663366 }

.combosviolets { font-size: 10px}

.champorange {	
	BORDER-RIGHT: #FF630E 1px solid; 
	BORDER-TOP: #FF630E 1px solid; 
	BACKGROUND: #FB9028; 
	BORDER-LEFT: #FF630E 1px solid; 
	COLOR: #FFFFFF; 
	BORDER-BOTTOM: #FF630E 1px solid; 
	TEXT-DECORATION: none; 
	font-size: 11px
}

.bouton{
	BORDER-RIGHT: #FFFFFF 1px solid;
	BORDER-TOP: #FFFFFF 1px solid;
	BACKGROUND: #00476c;
	BORDER-LEFT: #FFFFFF 1px solid;
	CURSOR: hand;
	COLOR: #FFFFFF;
	BORDER-BOTTOM: #FFFFFF 1px solid;
	TEXT-DECORATION: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold ;
}

.champbleu {	
	BORDER-RIGHT: #563885 1px solid; 
	BORDER-TOP: #563885 1px solid; 
	BACKGROUND: #7BB4D5; 
	BORDER-LEFT: #563885 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: #563885 1px solid; 
	font-size: 11px
}

.normal{
	BORDER-RIGHT: #FFFFFF 1px solid; 
	BORDER-TOP: FFFFFF 1px solid; 
	BACKGROUND: #FFFFFF; 
	BORDER-LEFT: #FFFFFF 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: #FFFFFF 1px solid; 
}

select{
	BORDER-RIGHT: #563885 1px solid; 
	BORDER-TOP: #563885 1px solid; 
	BACKGROUND: #C3DCEA; 
	BORDER-LEFT: #563885 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: #563885 1px solid; 
	font-size: 11px
}

input{
	BORDER-RIGHT: #563885 1px solid; 
	BORDER-TOP: #563885 1px solid; 
	BACKGROUND: #C3DCEA; 
	BORDER-LEFT: #563885 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: #563885 1px solid; 
	font-size: 11px
}

input.radio {
	background: #FFFFFF;
	padding-left: 2px; 
	padding-right: 2px; 
	color: #000000; 
	border-right: 0px solid; 
	border-bottom: 0px; 
	border-top: 0px; 
	border-left: 0px; 
	color: #FFFFFF;
}

.boutonbleu {
	BORDER-RIGHT: #D0C6D6 1px solid;
	BORDER-TOP: #D0C6D6 1px solid;
	BACKGROUND: #00476c;
	BORDER-LEFT: #D0C6D6 1px solid;
	CURSOR: hand;
	COLOR: #FFFFFF;
	BORDER-BOTTOM: #D0C6D6 1px solid;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.titreform { font-weight: bold; color: #000000}
.gras {  font-weight: bold}
.statutprofil {  font-weight: bold; color: #431666}
.activiteprofil {  color: #431666}
.textblanc {  color: #FFFFFF}
.textorange {  color: #FF630E}
.textred {  color: #F51D30}
.chemindefer {  font-weight: normal; color: #431666}
.titrerub {  font-weight: bold; color: #F78312}
.sommaire {  font-weight: bold; color: #999999}
.legendes {  font-style: italic}
.chapeau {  font-weight: bold}
.textitalique {  font-style: italic}
.menuprofilelienactif {  color: #FF630E}
.secteuractivite {  color: #431666}
.titre {  font-size: 11px; font-weight: bold; color: #F78312}
.sous-titre {  font-size: 11px; font-weight: bold; color: #F78312}
.sous-titre2 {text-align:center;font-size:11px;font-weight: bold;color: #F78312;padding-top:20px;padding-bottom:3px;padding-right:3px;padding-left:3px;}
.sous-titre_soulign {text-align:center;padding-bottom:20px;}
.sous-sous-titre {  font-weight: bold}

.messageregle {
    color: #F51D30;
    font-size: 11px;
}


.scroll {
font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00476c ;
BORDER-RIGHT: #FFFFFF 1px solid; 
BORDER-TOP: FFFFFF 1px solid; 
BACKGROUND: #FFFFFF; 
BORDER-LEFT: #FFFFFF 1px solid; 
BORDER-BOTTOM: #FFFFFF 1px solid; 
}

.small{ font-size: 9px; }

.aide{BORDER: #00476c 1px solid; background: #FFFFFF;}

a.tableau-titre:link { text-decoration: underline; color: #FFFFFF; }
a.tableau-titre:visited { text-decoration: underline; color: #FFFFFF; }
a.tableau-titre:hover { text-decoration: underline; color: #F0F0F0; }

.tableau-titre { background: #F88B14; font-size: 11px; font-weight: bold ; color: #FFFFFF}
.tableau-titre2 { background: #F88B14; font-size: 11px; font-weight: bold ; color: #FFFFFF}
.tableau-sstitre { background: #C3DCEA; font-size: 11px; font-weight: bold}
.tableau-cellule1 { background: #EFE7CE; font-size: 11px}
.tableau-cellule2 { background: #EFEFDE; font-size: 11px}
.tableau-txtgras { font-size: 11px; font-weight: bold}


.menuhaut-fd { background: #D0C6D6}
.menuhaut-contour { background: #FF630E}


.services-fd { background: #FC9E44}

.menugauche-fd-orange { background: #F88B14}
.menugauche-fd-bleu { background: #00476c}
.menugauche-actif { color: #FFCC00}

.menugauche { background: #00476c}

#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}


a.chemindefer:link { text-decoration: none; color: #999999}
a.chemindefer:visited { text-decoration: none; color: #999999}
a.chemindefer:hover { text-decoration: underline; color: #FF6C00}

.nonValide {
	width:62px;
	text-align:center;
	color:#8f8f8f;
	background-color: #f1f1f1;
	border-color: #f1f1f1;
	border-style: solid;
	border-width: 1px;
	font-size: 10px;
}

.invalide {
	width:62px;
	text-align:center;
	color:#000000;
	background-color: #ff0000;
	border-color: #f1f1f1;
	border-style: solid;
	border-width: 1px;
	font-size: 10px;
	
}

.moyen {
	width:62px;
	text-align:center;
	color:#000000;
	background-color: #ffff99;
	border-color: #f1f1f1;
	border-style: solid;
	border-width: 1px;
	font-size: 10px;
}

.fort {
	width:62px;
	text-align:center;
	color:#000000;
	background-color: #00CC66;
	border-color: #f1f1f1;
	border-style: solid;
	border-width: 1px;
	font-size: 10px;
}

/* -------------------------------------  Gestion des div ------------------------------------------------ */
.visible 				{display:inline;}
.cache	 				{display:none;}
/* -------------------------------------  fin Gestion des div -------------------------------------------- */

div#bandeauMsp{
	margin-top: 5px ; 
	margin-right: 5px ; 
	margin-bottom: 5px ; 
	margin-left: 5px ;}

#bandeauMsp * {font-size:11px;	}

div#loginMsp{
	margin-top: 0px ; 
	margin-right: 135px ; 
	margin-bottom: 5px ; 
	margin-left: 135px ;
	z-index: 1; 
}

#loginMsp * {font-size:11px;	}
div#connectionMsp{
	margin-top: 0px ; 
	margin-right: 150px ; 
	margin-bottom: 5px ; 
	margin-left: 150px ; 
}
#connectionMsp * {font-size:9px;}
#gestionMsp * {font-size:11px;}
.loginActif {display:visible;}
.loginInactif {visibility:hidden;}
.maintenanceInactif {visibility:hidden;}
.maintenanceActif {display:visible;}



/* -------------------------------------  DIV ------------------------------------------------ */



/* ------------------------------  Div Structure de la page ------------------------------ */

body {
	text-align: center;
}
/* Cadre principale : contenant tout */
#cadreConteneur{
	border:1px solid #000000;
	top: 0px;
	width: 1000px;
	margin: auto;
	padding: 0px;
	background: url("/images/cesweb/bckgrd-menu-gauche.gif") repeat-y scroll 0 0;
}

/* Cadre du premier bandeau */
#cadreBandeau1{
	width: 1000px;
	top: 0px;
	Left: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

/* Cadre du deuxième bandeau */
#cadreBandeau2{
	width: 1000px;
	height: 58px;
	position: relative;
	background-color: #FFFFFF;
}

/* Cadre du 3ème bandeau : menu du haut */
#cadreMenuTop{
	width: 1000px;
	position: relative;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	z-index: 1;
}


/* Cadre du sous-menu du haut */
div #cadreSousMenuTop{
	width: 1000px;
	Left: 0px;
 	Top: 1px;
	position: relative;
	z-index: 1;
	text-align: left;
}

/* Cadre contenant le menu Gauche et la page du milieu */
#cadreMenuEtContenu{
	Left: 0px;
	width: 1000px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

/* Cadre contenant la page du milieu */
#cadreContenu{
	top: 0px;
	Left: 0px;
	width: 781px;
	margin: 0px;
	padding: 0px;
	position: relative;
	float: right;
	text-align: left;
}

/* Cadre pour le contenu de la page du milieu */
#cadreContenuTexte{
	top: 0px;
	Left: 45px;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 691px;	 
}

/* Cadre du bas de page */
#cadrePiedPage{
	clear: both;
	top: 0px;
	Left: 0px;
	width: 1000px;
	margin: 0px;
	padding: 0px;
}


/* Frame du menu de gauche : contient tous les éléments du menu gauche */
#cadreFrameMenuGauche{
	width: 219px;
	top: 0px;
	Left: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
}

/* Cadre pour le Chemin de fer dans la page du milieu */
div #cadreBlocCheminDeFer{
	position: relative;
	left: 0px;
	top: 15px;
	border: 1px #00476c;
	width: 100%;
}
/* -------------------------- Fin Div Structure de la page ------------------------------ */





/* -------------------------- Div particulier pour le Menu de Gauche ------------------------------ */

/* Cadre photo du menu gauche*/
div #cadrePhotoMenuGauche{
	width: 219px;
	top: 0px;
	Left: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
	background-color: #FFFFFF;
}

/* Cadre texte du menu gauche */
div #cadreMenuGauche{
	width: 219px;
	min-height:475px;
	_height: 475px;	/* pour IE car il ne prend pas min-height */ 
	background:#FFFFFF url("/images/cesweb/bckgrd-cartouche2.gif") repeat-x scroll 0 0;
	background-position: bottom; 
	top: 0px;
	Left: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

/* Cadre pour les rubriques du menu de gauche en fonction de la page */
div #cadreBloc1MenuGauche{
	width: 200px;
	position: relative;
	left: 10px;
	top: 10px;
}

/* Cadre pour les rubriques du menu de gauche pour la page Accueil */
div #cadreBloc2MenuGauche{
	position: relative;
	left: 0px;
	top: 10px;
	width:219px;
}

div #cadreBlocMenuAccueilEmployeur{
	height: 110px;	
	width: 208px;
	position: relative;
	left: 10px;
	top: 10px;
}

div #cadreBlocMenuAccueilSalarie{
	height: 60px;	
	width: 208px;
	position: relative;
	left: 10px;
	top: 10px;
}


.sousTitreMenuGauche{
	BACKGROUND: #EEA055; 
	text-align: left;
}


.divBoutonDemo{
	position: relative;
	left: 127px;	
	top: -27px;
	height: 23px;
	width: 71px;
}

/* Cadre pour le numéro de téléphone Indigo sur Cesu */
div #divBlocNumIndigoCesu{
	position: relative;
	left: 0px;
	top: 40px;
	text-align: center;
	height: 70px;
}

/* Cadre pour recadrer le bloc MSP (Mon Service Public) dans le menu gauche */
div #cadreBlocMSP{
	position: relative;
	left: 0px;
	top: 0px;
}

/* Cadre pour bien afficher le bloc de connexion MSP (Mon Service Public) sous IE */
div #cadreBlocMSPconnexion{
	position: relative;
	left: 0px;
	top: 0px;
}
		
/* -------------- Fin DIV particulier pour le menu de Gauche -------------------------- */



/* -------------- DIV particulier pour la Page d'Accueil (page du milieu) -------------------------- */

/* cadre du bloc Déjà Adhérent de la page d'accueil */
div #cadreDejaAdherent{
	height: 350px;
	width: 422px;
	top: 10px;
	Left: 10px;
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
}

.divImageTexteAccueilDejaAdherent{
	position: absolute;
	height: 60px;	
	width: 410px;
	left: 0px;
	top: 0px;
}

.divImageEspaceEmployeur{
	position: absolute;
	height: 142px;	
	width: 208px;
	left: 175px;
	top: 70px;
}

.divImageEspaceSalarie{
	position: absolute;
	height: 142px;	
	width: 208px;
	left: 20px;
	top: 170px;
}

.divImageligneBleuVertical1{
	position: absolute;
	height: 236px;	
	width: 12px;
	left: 400px;
	top: 80px;
}

/* Cadre du bloc "J'adhère en ligne au Cesu" de la page d'accueil */
div #cadreJAdhereEnLigne{
	height: 170px;
	width: 340px;
	top: 170px;
	Left: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
	float: right;
}

.divTexteAccueilNonAdherent{
	position: absolute;
	height: 46px;	
	width: 310px;
	left: 0px;
	top: 0px;
}

.divImageAdherez{
	position: absolute;
	height: 79px;
	width: 170px;	
	left: 70px;
	top: 60px;
}

.divImageAmpouleVoirDemo{
	position: absolute;
	height: 110px;
	width: 83px;
	left: 240px;
	top: 55px;
}

/* Cadre du bloc Actualités de la page d'accueil */
div #cadreActualites{
	clear: both;
	width: 700px;
	top: 0px;
	Left: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

/* Image du libellé Actualité */
.divImageLibelleActualites{
	height: 35px;
	width: 418px;
	position: relative;
	left: 0px;
	top: 0px;
}

/* Cadre Bordure du texte du bloc Actualités de la page du milieu */
div #cadreBordureBlocTextActualites{
	border-left: 1px solid #006699;	
	border-bottom:1px solid #006699;
	/*border-right:1px solid #006699;*/		
	min-height: 263px;
	_height: 263px; /* pour Internet Explorer */
	width: 580px;
	position: relative;
	left: 117px;
	top: -2px;
	background-image: url("/images/cesweb/ligneBleuVertical2.gif");
	background-position: bottom right; 
	background-repeat:no-repeat;
	
}

/* Cadre contenant le texte du bloc Actualités de la page du milieu */
.divBlocTextActualites{
	width: 550px;
	position: relative;
	left: 10px;
	top: 0px;
	text-align: left;
}


.divImageligneBleuHorizontal1{
	position: relative;
	height: 11px;	
	width: 270px;
	left: 300px;
	top: -5px;
}

/* -------------- Fin DIV particulier pour la Page d'Accueil ----------------------- */




/* -------------- Div liste à puces pour les rubriques du menu gauche --------------- */
div #navigAccueil {
	position: relative;
	width: 209px;
	left: 0px;
	top: 0px;
	display: block;
	list-style: none;
	}
	
div #navigAccueil ul {
	list-style: none;
	margin: 0;
	padding: 	0;
	text-align: left;
	vertical-align: middle;
}
	
div #navigAccueil li {
	list-style: none;
	list-style-image: none;	
	text-align: left;
}

div #navig {
	position: relative;
	width: 209px;
	left: 0px;
	top: 0px;
	display: block;
	list-style: none;
	}
	
div #navig ul {
	list-style: none;
	margin: 0;
	padding: 	0;
	text-align: left;
	vertical-align: middle;	
}
	
div #navig li {
	list-style: none;
	list-style-image: none;	
	text-align: left;
	margin-bottom: 5px;
}

div #navig2 {
	position: relative;
	width: 189px;
	left: 20px;
	top: 0px;
	display: block;
	}
	
div #navig2 ul {
	list-style: none;
	margin: 0;
	padding: 	0;
	text-align: left;
	vertical-align: middle;
}
	
div #navig2 li {
	list-style: none;
	list-style-image: none;
	text-align: left;
	margin-bottom: 5px;
}
/* -------------- Fin Div liste à puces pour les rubriques du menu gauche ------------ */