*{font-family: Arial, Helvetica, sans-serif;}
#TitrePage{Z-INDEX: 140; TOP: 180px; LEFT:230px; POSITION: absolute;}
#Referencement{visibility:hidden;}

/*FICHE ESPRIT DE FAMILLE*/
/*-----------------------*/
blockquote, ul, li{ padding: -20px 0px 0px 0px;}

.EP_colgauche{background-color:#FFFFFF;}
.EP_coldroite, .EP_colgauche{}
.EP_titre{margin-right: 50px;}

.EP_titre, .EP_titre2{
 color:#f29311;
 font-size: 18px;
 text-align: center;
 padding-top: 12px;
 padding-bottom: 20px;
}
.EP_titre2{
 color:#ffffff;
 font-size: 14px; 
}
.EP_texte, .EP_texteretrait{
 color:#000000;
 font-size: 11px;
 font-weight: normal;
 margin-left: 10px;
}
.EP_texteretrait{margin-left: 10px;}

.EP_textegras{
 font-size: 11px;
 font-weight: bold;
 
}
.EP_textegris{
 color:#646567;
 font-size: 13px;
 font-weight: bold;
 padding-left: 10px;
}
.EP_texteorange{
 color: #f05a00;
 font-size: 11px;
 font-weight: bold;
 padding-left: 10px;
}
.EP_texteorange a {text-decoration: underline;}
.EP_HR{
 color:#f05a00;
}
/*-----------------------*/
#menugauche{ position:absolute; left: 2px; width: 118px; top: 160px; height: 134px; z-index: 20;}
#menudroite{ position:absolute; left:803px; top:160px; width:118px; height:134px; z-index:20;}

#papillon{z-index: 8; left: 545px; width: 98px; position: absolute; top: 407px; height: 108px}
#p1{z-index: 10; left: 167px; width: 98px; position: absolute; top: 335px; height: 108px}
#p2{z-index: 2; left: 322px; width: 93px; position: absolute; top: 260px; height: 139px}
#p3{z-index: 3; left: 462px; width: 103px; position: absolute; top: 204px; height: 140px}
#p4{z-index: 4; left: 615px; width: 118px; position: absolute; top: 368px; height: 134px}
#panneau{z-index: 5; left: 366px; width: 133px; position: absolute; top: 402px; height: 170px}

#rouge{z-index: 1; left: 164px; visibility: hidden; width: 190px; position: absolute; top: 184px; height: 160px}
#jaune{z-index: 1; left: 164px; visibility: hidden; width: 190px; position: absolute; top: 184px; height: 90px}
#bleu{z-index: 1; left: 599px; visibility: hidden; width: 200px; position: absolute; top: 184px; height: 160px}
#vert{z-index: 1; left: 599px; visibility: hidden; width: 200px; position: absolute; top: 184px; height: 160px}

#ExploDiv1{Z-INDEX: 2; LEFT:501px; WIDTH: 70px; POSITION: absolute; TOP: 215px; HEIGHT: 34px}
#ExploDiv2{Z-INDEX: 2; LEFT:537px; WIDTH: 47px; POSITION: absolute; TOP: 248px; HEIGHT: 34px}
#ExploDiv3{Z-INDEX: 2; LEFT:562px; WIDTH: 79px; POSITION: absolute; TOP: 288px; HEIGHT: 36px}
#ExploDiv4{Z-INDEX: 2; LEFT:578px; WIDTH: 46px; POSITION: absolute; TOP: 338px; HEIGHT: 28px}
#ExploDiv5{Z-INDEX: 2; LEFT:588px; WIDTH: 17px; POSITION: absolute; TOP: 396px; HEIGHT: 42px}
#ExploDiv6{Z-INDEX: 2; LEFT:580px; WIDTH: 76px; POSITION: absolute; TOP: 460px; HEIGHT: 67px}
#ExploDiv7{Z-INDEX: 2; LEFT:570px; WIDTH: 76px; POSITION: absolute; TOP: 530px; HEIGHT: 67px}
#ExploText1, #ExploText2, #ExploText3, #ExploText4, #ExploText5, #ExploText6, #ExploText7{Z-INDEX: 1; TOP: 550px; LEFT:200px; WIDTH: 300px; POSITION: absolute; visibility: hidden;}

#toutdoux,#delart,#nostress,#enfamille,#xtrem,#toietmoi{z-index: 1; top: 418px; left: 628px; visibility: hidden; width: 255px; position: absolute; height: 114px}

A:link {
	color: #FFFFFF;
	text-decoration: none;
}
A:visited {
	color: #FFFFFF;
	text-decoration: none;
}
A:hover {
	color: #FFFFFF;
	text-decoration: none;
}


.champ3{
	border: 0px none;
	height: 11px;
	
	font-size: 10px;
	background-image: url(/portal_templates/v3/images/bgchamp.gif);
	text-align: center;
	width: 110px;
	color: #228B22;
	background-repeat: no-repeat;
	vertical-align: top;
}
.champ2{
	border: 0px none;
	height: 15px;
	font-size: 11px;
	text-align: left;
	width: 85px;
	color: #000000;
	//padding-top : 3px;
}

.gris {
	font-size: 9px;
	font-weight: normal;
	
	color: #666666;
	word-spacing: -1px;
}
.Style2 {color: #339900}
.Style3 A:link, .Style3 A:visited, .Style3 A:hover,.Style3 A:active, .Style3 {
	color: #009900;
	
	font-size: 12px;
	font-weight: bold;
}
.gris2 {
	font-size: 11px;
	font-weight: bold;
	
	color: #666666;
	text-decoration: underline;
}
.gris3, .gris3 A, .gris3 A:link, .gris3 A:visited, .gris3 A:hover{
	font-size: 11px;
	font-weight: normal;
	
	color: #666666;
	text-align: justify;
}

.gris4, .gris4 A,.gris4 A:link, .gris4 A:visited, .gris4 A:hover{
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	
}
.gris4 A:hover{
	font-size: 9px;
	font-weight: normal;
	color: #48a115;
	
}


.grisjeu, #cp_fields {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
	color: #58585A;
	letter-spacing: -1px;
}
.grisarticle {
	font-size: 14px;
	font-weight: bold;
	color: #717578
	padding-top: 6px;
}
.textearticle, .textenoir {
	font-size: 12px;
	color: #58585A;
	margin-left: 15px;
	padding-left: 25px;
	padding-top: 10px;
}
.textenoir{color: #000000;}
.textearticle2, .texte2 {
	font-size: 12px;
	color: #58585A;
	text-align: justify;
}
.orange{
	color: #F05A00;
	font-size: 12px;
	
}
.orange A:active,.orange A:link,.orange A:visited,.orange A:hover{
	color: #F05A00;
	font-size: 12px;
	text-decoration: underline;
}

.orangetitre{
	font-size: 15px;
	color: #F29311;
	font-weight: bold;
}
.blanctitre{
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
}


.rougearticle {
	font-size: 13px;
	font-weight: bold;
	color: #B70E1F;

}
.blancarticle {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 15px;
		padding-left: 25px;
}

.menubas A:link, .menubas A:visited, .menubas A:hover, .menubas {
	color: #0164A4;
	font-size: 13px;
	font-weight: bold;
}
.menubas2 A:link, .menubas2 A:visited, .menubas2 A:hover, .menubas2 A:active, .menubas2 {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.menuline{
	text-align: justify;
}

.rose, .rose A:link, .rose A:visited , .rose A:active , .rose A:hover {
	color: #FC408E;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

.txtxpblanc {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: -1px;
}
.noirxp, .noirxp A {font-size: 11px; line-height: 12px;color: Black;text-align: left;font-weight: normal;}
.bleuxp , .bleuxp A {color: #327DAA;font-size: 11px;font-weight: normal;}
.rougexp, .rougexp A {color: #E10000;font-size: 11px;font-weight: normal;}
.vertxp, .vertxp A {color: #009B01;font-size: 11px;font-weight: normal;}
.jaunexp, .jaunexp A {color: #FF8C00;font-size: 11px;font-weight: normal;}

.lienvert, .lienvert A:link, .lienvert A:hover, .lienvert A:visited, .lienvert A:active, .lienvert A{
	color: #009900;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

.menuhautbanc, .menuhautbancactive, .menuhautrouge {
	color: #FFFFFF;
	
	font-size: 11px;
	font-weight: bold;
	height: 12px;
	padding-left: 3px;
	padding-right: 2px;
	text-align: center;
}
.menuhautbanc A{

	padding-left: 3px;
	padding-right: 2px;
}

.menuhautbanc A:hover {
	background: #3481b0;
	padding-left: 3px;
	padding-right: 2px;
}
.menuhautbancactive {
	background: #3481b0;
	padding-left: 3px;
	padding-right: 2px;
}

.menuhautbanc2, .menuhautbanc2 A:link, .menuhautbanc2 A:active, .menuhautbanc2 A:visited, .menuhautbanc2 A{
	color: #FFFFFF;
	
	font-size: 12px;
	font-weight: normal;
	height: 12px;
	background:#4A9ABB;
}
.menuhautbanc2 A:hover {background:#015C96;}

.champ {
	font-size : 11px;
	font-family : arial;
	border-width : 0;
	border-style : none;
	letter-spacing : 0px;
	background : url(/Portal_templates/V3/images/bgsearch.gif);
	color : #1F187C;
	padding-left :3px;
}

.champs{
	font-size : 11px;
	font-family : arial;
	border-width : 0;
	border-style : none;
	letter-spacing : 0px;
	background : url(/Portal_Upload/Images/pro/lettre/bgchamp.gif);
	color : #000000;
	padding-left :3px;
}