@import url(/css/cramif.css);
#navhaut {background:url(/imgs/fond_navigation1.jpg) no-repeat}
#liverser li A{font-weight:bold}

/* -----   tableaux pics affluence invalidite ----------*/
.rouge {background:#FF5353;text-align:center}
.bleu {background:#59ACFF;text-align:center}

/*-----image acces page accueil invalidite---------*/
.invalidite, .inscript, .code_perso, .demo_compte_inval, .demo_aide_inscription{
	position:absolute;
	top:0px;
	bottom:10px;
	text-align:center;
	width:100%;
	height:9px;
}
.invalidite{background:url(/img/th1/compte_inval2.gif) no-repeat;height:90px;border-right:1px solid #db9ac4;position:relative;width:40%;float:right}
.code_perso{background:url(/img/th1/compte_inval3.gif) no-repeat;height:90px;border-right:1px solid #c2d63a;position:relative;width:40%;float:right}
.demo_compte_inval{background:url(/img/th1/demo_compte_inval.gif) no-repeat;height:80px;border-right:1px solid #c2d63a;position:relative;width:40%;float:right}
.demo_aide_inscription{background:url(/img/th1/demo_aide_inscription.gif) no-repeat;height:80px;border-right:1px solid #c2d63a;position:relative;width:40%;float:right}
.boite-aide-inval{display:none;background-color:#FFFFFF;border:1px solid #c2d63a;z-index:1;font-size:9px;width:auto;float:left;}

/*----Pension invalidité - style du bouton dans l'appli-------------*/
.bouton-acces-direct{width:205px;height:107px;text-align:center;}
.bouton-acces-direct A,#pole A{color:#000000}
.bouton-acces-direct A:hover,.pole A:hover{color:#c44100}
.bouton-inva{background:url(/imgs/bouton_invalidite.png) no-repeat;}.bouton-inva P{margin:18px 6px 30px 50px;}

/*----Pension invalidité - style des div explication FAQ-------------*/
.definition{
	margin-bottom:25px;
	text-decoration:none;
	cursor:pointer}

.textdefinition{
	display:block;
	text-decoration:none;
	position:relative;
	background-color:#e0f1ff;
	border:solid 1px #c2d63a;
	padding:5px;
	margin-left:12px;
	margin-bottom:0.5em;
	}
	
.fermertexdefinition{display:block;text-align:right;font-size:0.8em;padding:0.3em;text-decoration:none}	

/*----Pension invalidité et service social- style des div contacts -------------*/

.conseillere{font-weight:bold;color:#0053b1;font-size:11px;text-align:left;
padding:0 0.5em 0 8em;background:url(/imgs/conseillere.jpg) left no-repeat;margin-top:2em;height:226px;background-color:#ffffff}

.paragraphe{font-style:normal;font-weight:normal;color:#333333;font-size:11px;margin:0 1em 0.5em 1em;}
.ulparagraphe{border-bottom:1px dotted #0053AC}
.ulparagraphe li{padding-top:0em}
.ulsans{border-bottom:none}
.attention{background:url(/img/ico_attention.gif) left no-repeat;margin-top:1em;margin-left:0.5em;padding:0 0 0 3.5em;font-weight:bold;color:#D72D2F;}
.entreecontact, .questioncontact, .fsicontact{background:url(/imgs/puce_vide.gif) left no-repeat;padding-left:1.2em;font-weight:bold;color:#0053b1;font-size:11px;text-decoration:none}
.entreecontact:hover, .questioncontact:hover, .fsicontact:hover{background:url(/imgs/puce_verte.gif) left no-repeat;padding-left:1.2em;font-weight:bold;color:#0053b1;font-size:11px;text-decoration:underline}
.questioncontact, .fsicontact, .questioncontact:hover, .fsicontact:hover{font-weight:normal;color:#000000}
.fsicontact, .fsicontact:hover{padding-top:1.2em}

/*appli alloc amiante- rat*/
#alloc-amiante, #alloc-rat{width:100%}
#alloc-amiante .boite-aide{display:none;background-color:#FFFFFF;border:1px solid #c2d63a;z-index:1;font-size:9px;width:auto;float:left}