@charset "utf-8";
/* CSS Document */
/*@import url("pnpContentStructure.css");*/
/*@import url("pnpContentHabillage.css");*/
@import url("pnpMapLocator.css");
@import url("GoogleMapLocator.css");




/* =================================================== */
/* ================ Family package =================== */
/* =================================================== */

.underline {
	font-size:25px;
	color:#004883;
	border-bottom:1px solid #c9e0f0;
	display:block;
	margin:0;
}

.introduction {
	font-size: 15px;
	font-weight: bold;
	color: #74B047;
	padding: 0 10px 0;
}

.loop {
	width:136px;
	height:37px;
	background:url(../images/family_solutions/loop_off.gif) no-repeat;
	text-align:center;
	color:#2377bb;
	font-size:12px;
	font-weight:bold;
	float:right;
	clear:both;
	text-decoration:none;
	padding:38px 0 8px 0;
	margin:12px 0 20px 20px;

}
.loopcenter {
	width:136px;
	height:37px;
	background:url(../images/family_solutions/loop_off.gif) no-repeat;
	text-align:center;
	color:#2377bb;
	font-size:12px;
	font-weight:bold;
	
	clear:both;
	text-decoration:none;
	padding:38px 0 8px 0;
	margin:12px 0 20px 200px;

}

a.loopcenter:hover,
a.loop:hover {
	background:url(../images/family_solutions/loop_on.gif) no-repeat;
}

.linkloop {
	color:#e96b10;
}

.imgfamily {
	float:left;
	width:163px;
	margin:0 0 35px 0;
	clear:both;
}

Div#listingfamily {
	width:349px;
	float:right;
}

ul.listing {
	list-style-image:none;
	margin:10px 0 0 0;
	padding:0;
}

ul.listing li {
	list-style:disc;
	list-style-image:none;
	background:url(../images/family_solutions/list_bullet.gif) no-repeat;
	/*list-style-image:url(../images/family_solutions/list_bullet.gif);*/
	padding: 0 0 0 13px;
	margin:0;
	font-size: 13px;
	color: #767676;
	line-height:16px;
}

ul.listingvert {
	list-style-image:none;
	margin:10px 0 0 0;
	padding:0;
}

ul.listingvert li {
	list-style:none;
	/*list-style-image:none;*/
	background:url(../images/family_solutions/list_bullet.gif) no-repeat;
	
	padding: 0 0 0 13px;
	margin:0;
	font-size: 13px;
	color: #767676;
	line-height:16px;
}


.titlelist {
	color:#767676;
	font-weight:bold;
	font-size:15px;
}

.fields {
	border: 1px solid #004883;
}

.arroworange {
color:#FF5100;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.linone {
list-style-image:none;
}

.vcontent li {
list-style-image:url(../images/tiret.gif);
}
ul.Liste_a_puce_PDF li,
.vcontent ul.Liste_a_puce_PDF li,
.vcontent li.Liste_a_puce_PDF {
list-style-image:url(../images/i_pdf.gif);
}
ul.Liste_a_puce_PDF li {
list-style-image:url(../images/i_pdf.gif);
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
margin-left:13px;
}
.Liste_a_puce_PDF {
list-style-image:url(../images/i_pdf.gif);
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
}
.vcontent .vcontentcenter ul.Liste_a_puce_PDF_Fond_bleu_clair li,
.vcontent .vcontentcenter li.Liste_a_puce_PDF_Fond_bleu_clair,
ul.Liste_a_puce_PDF_Fond_bleu_clair li,
.Liste_a_puce_PDF_Fond_bleu_clair {
list-style-image:url(../images/i_pdf.gif);
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
background-color:#E4F5FC;
color:#004685;
font-weight:bold;
}
.vcontent .vcontentcenter ul.Liste_a_puce_PDF_Fond_blanc li,
.vcontent .vcontentcenter li.Liste_a_puce_PDF_Fond_blanc,
ul.Liste_a_puce_PDF_Fond_blanc li,
.Liste_a_puce_PDF_Fond_blanc {
list-style-image:url(../images/i_pdf.gif);
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
background-color:#ffffff;
color:#004685;
font-weight:bold;
}

.vcontentcenter table.contenttable ul li.Liste_a_puce_PDF a {
	font-size: 11px;
}
ul.Liste_a_puce_V li,
.vcontent li.Liste_a_puce_V,
.Liste_a_puce_V {
list-style-image:url(../images/tiret2.gif);
}

div.csc-sitemap ul li ul li {
list-style-image:none;
list-style:none;
}


.TXT_size_15 {
	font-size: 15px;
}
.TXT_size_13 {
	font-size: 13px;
}
.TXT_size_9 {
	font-size: 9px;
}

.style1 {
color: #FFFFFF
}

.Box_Fond_bleu_clair {
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	background-color:#E4F5FC;
	color:#004685;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-indent:10px;	
}
.Box_Fond_blanc {
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	background-color:#FFFFFF;
	color:#004685;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-indent:10px;	
}
p.Box_Fond_bleu_clair {
	margin-top:0px;
	margin-bottom:0px;
}
p.Box_Fond_blanc {
	margin-top:0px;
	margin-bottom:0px;
}




.arrow {
color: #004883;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
}

a.arrow:hover {
color: #F87011;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
}

.menurightblanc {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left:10px;
	font-size:11px;
	font-weight:bold;
}
.menuright {
	font-family:Arial, Helvetica, sans-serif;
	color: #004685;
	text-indent:10px;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
}

a.menuright:hover  {
	color: #FFFFFF;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.bleuclair {
	font-size: 11px;
	color: #5B93BB;
	text-decoration:none;
}

a.bleuclair:hover {
	font-size: 11px;
	color: #004685;
	text-decoration:none;
}
.borderbottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00AEEE;
}

.border {
	border: 1px solid #00AEEE;
	padding: 4px;
}



.borderdernieresnouvelles {
	background-color: #E3F1F9;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C2E4F5;
	border-bottom-color: #C2E4F5;
	font-size: 11px;
	font-weight: bold;
	color: #0B3473;
	padding:10px;
}



/********************* menuleft ***************************/

#menu {
}

#menu a,
#vmenu_colonneleft a {
	background-image: url(../images/bg_boutonleft.gif);
	background-repeat:repeat-y;
	color: #004685;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:10px;
	display: block;
	height:14px;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	border-bottom: 1px solid #87BBDE;
}

#menu a:hover,
#vmenu_colonneleft a:hover {
	background-image: url(../images/bg_boutonlefthover.gif);
	background-repeat:repeat-y;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#menu .selected,
#vmenu_colonneleft li.active a {
	background-image: url(../images/bg_boutonlefthover.gif);
	background-repeat:repeat-y;
}

#vmenu_colonneleft li ul li.active a {
	background-image: url(../images/bg_boutonlefthover_n2.gif);
	background-repeat:repeat-y;
}

#vmenu_colonneleft li ul li.linone a {
	background-image: url(../images/bg_boutonleft_blanc.gif);
	background-repeat:repeat-y;
}

#menu ul,
#vmenu_colonneleft ul {
	background-color: #FFFFFF;
	color: #67A0F8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu ul ul a,
#vmenu_colonneleft ul ul a {
background-image:url(../images/bg_boutonleft_blanc.gif);
background-repeat:repeat-y;
	color:#004780;
	display: block;
	text-decoration: none;
	text-indent:20px;
}

#menu ul ul a:hover,
#vmenu_colonneleft ul ul a:hover {
	background-image:url(../images/bg_boutonleft_blanc.gif);
	background-repeat:repeat-y;
	color: #F87011;
	text-decoration: none;
}

#menu ul ul li,
#vmenu_colonneleft ul ul li {
	margin: 0 0 1px 0;
}

#menu ul ul ul li a,
#vmenu_colonneleft ul ul ul li a {
	padding-left: 25px;
}

#menu ul ul ul ul li a,
#vmenu_colonneleft ul ul ul ul li a {
	padding-left: 40px;
}

/********************* menuderoule ***************************/

div.navsub {
	background-image:url(../images/bgmenuderoul.gif);
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	border: 1px solid #8DD7F8;
	border-top: none;
	padding: 2px;
}

div.navsub a {
	display: block;
	color: #004883;
	font-size: 11px;
	padding: 4px 10px 4px 4px;
	text-decoration:none;
	font-weight: bold;
	border-bottom: 1px solid #97CEF4;
	margin: 2px;
}

div.navsub a:hover {
	color: #F5821F;
	text-decoration: none;
}



/* =================================================== */
/* ===================== SITEMAP ===================== */
/* =================================================== */

ul.WebPages {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

ul.WebPages a {
	color: #004685;
	text-decoration: none;
}

ul.WebPages a:hover {
	color: #F5821F;
}

li.WebPage {
	list-style-type:none;
	list-style-image:none;
}

div.WebPageTitleLevel1 {
	color: #767676;
	padding: 5px 0;
	font-size: 12px;
	font-weight:bold;
	/*background: url(../images/spacerbleuclair.gif) top repeat-x;*/
}

div.WebPageTitleLevel2 {
	color: #767676;
	margin: 10px 0 10px 20px;
}

div.WebPageTitleLevel3 {
	color: #767676;
	margin: 3px 0 3px 40px;
}

div.WebPageTitleLevel4 {
	color: #767676;
	margin: 3px 0 3px 60px;
}

div.WebPageTitleLevel5 {
	color: #767676;
	margin: 3px 0 3px 80px;
}

/* =================================================== */
/* ====================== MENUS ====================== */
/* =================================================== */

div#navsub1, div#navsub2, div#navsub4 {
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	width:175px;
	visibility: hidden;
	background-image: url(../images/ombre_menu.gif);
	padding: 0 2px 2px 0;
}

div#navsub3 {
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	width:190px;
	visibility: hidden;
	background-image: url(../images/ombre_menu.gif);
	padding: 0 2px 2px 0;
}

.textfooter {
	font-size: 9px;
	color: #636363;
}

.textfooterbleu {
	font-size: 10px;
	color: #004685;
	text-decoration:none
}

a.textfooterbleu:hover {
	text-decoration: underline;
}
.bgfooter {
	background-image: url(../images/bg_bottom_mentions.gif);
	background-repeat: repeat-x;
}
