@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/plan.css");
/*########################################################
						Interface
########################################################*/
html{
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	text-align: center;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}
img{border: none;}

#top{
	margin: 0 auto;
	padding: 0px;
	width: 770px;
	text-align: left;
	background-position: top left;
	background-repeat: no-repeat;
	
}
#top div.page{
	background: url(/images/bg-default.jpg) 0px 204px no-repeat;
}
	#top.Accueil div.page{background: none;}
	
#header{
	position: relative;
	width: 770px;
	padding-top: 98px; 
}
	#header #logo{
		position: absolute;
		padding: 0px;
		left:0px;
		top:32px;
		z-index: 100;
	}
	#top.Accueil #logo{
		padding: 0px;
		left:0px;
		top:32px;
	}
	#header ul{height: 32px;}
	#header ul, #header ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
		text-align: right;
		line-height: 0em;
	}
	#header ul{
		float: right;
		margin-bottom: 8px;
		margin-top: 7px;
	}
	#header ul li{
		padding: 2px 10px;
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	}
	#header ul li a{
		color: #9c9c9c;
		text-decoration: none;
	}
	#header ul li a:hover{
		color: #9b2261;
		text-decoration: none;
	}

#printp h1.head{
	height: 65px;
	color: #9b2261;
	margin: 0px 0px 0px 210px;
	padding: 0px;
	font: bold 18pt Arial, Helvetica, sans-serif;
	letter-spacing: -0.03em;
	position: relative;
	overflow: hidden;
	line-height: 0.9em;
}
	#printp h1.head span{
		display: block;
		position: absolute;
		bottom: 0px;
		padding: 0px 0px 3px 0px;
	}
	
#printp{
	height: 500px;
}	html > body #printp{height: auto; min-height: 500px;}

	#top.Accueil #printp{
		height: auto;
		min-height: inherit;
	}	
	
#printp #content{
	margin: 20px 40px 0px 210px;
	font: 110% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}
	/* --- STYLES PRINCIPAUX --- */
	#content p{
		margin: 0px;
		padding: 6px 0px;
		font-size: 100%;
		letter-spacing: 0.08em;
	}
	#content h1{
		margin: 0px;
		padding: 15px 0px 0px 0px;
		font: bold 140% Arial, Helvetica, sans-serif;
		color: #1b376e;
	}
	#content h2{
		margin: 0px;
		padding: 20px 0px 8px 0px;
		font: bold 120% Arial, Helvetica, sans-serif;
		color: #375796;
	}
	#content h3{
		margin: 0px;
		padding: 20px 0px 8px 0px;
		font: bold 120% Arial, Helvetica, sans-serif;
		color: #58add8;
	}
	#content h4{
		margin: 0px;
		padding: 20px 0px 8px 0px;
		font: bold 120% Arial, Helvetica, sans-serif;
		color: #145c41;
	}
	#content h5{
		margin: 0px;
		padding: 20px 0px 8px 0px;
		font: bold 120% Arial, Helvetica, sans-serif;
		color: #4cb03c;
	}
	#content h6{
		margin: 0px;
		padding: 20px 0px 8px 0px;
		font: 80% Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
	}
	#content pre{
		margin: 20px 80px 20px 20px;
		padding: 10px 20px 10px 20px;
		font: 85% Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #1b376e;
		display: block;
		white-space: normal;
		line-height: 1.4em;
		letter-spacing: 0.08em;
		background: #f2fbff;
	}
		#content pre a{color: #1b376e;}
		#content pre a:hover{color: #9b2261;}
	
	#content ul, #content ul li{
		padding: 0px;
		margin: 0px;
		list-style: none;
	}
		#content ul{
			padding: 10px 0px;
			margin-left: 20px;
		}
		#content ul li{
			padding-left: 20px;
			margin-bottom: 2px;
			background: url(/images/bullet-triangle-blue.gif) 8px 5px no-repeat;
		}
			#content ul ul li{
				background: url(/images/bullet-triangle-green.gif) 8px 5px no-repeat;
				font-size: 90%;
			}
			#content ul ul ul li{
				background: url(/images/bullet-triangle-small-green.gif) 8px 7px no-repeat;

			}
			
	#content ol{
		margin-top: 10px;
		margin-bottom: 15px;
	}
	#content ol li{margin-bottom: 5px;}
	
	#content dl, #content dt, #content dd{
		padding: 0px;
		margin: 0px;
	}
	#content dl{
		border: 1px solid #d0d5da;
		padding: 10px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
		#content dt{
			padding: 5px 10px;
			font-size: 16px;
			font-weight: bold;
			color: #1b376e;
			border-bottom: 1px solid #375796;
			margin-bottom: 5px;
			background: #eff6fc;
		}
		#content dd{margin-bottom: 5px;}
		#content dd a{
			display: block;
			text-decoration: none;
			width: 498px;
			background: url(/images/bullet-pic.gif) 9px 8px no-repeat;
			border-bottom: 1px solid #F0F0F0;
		}
			#content dd a span{
				display: block;
				padding: 5px 10px 5px 32px;
				font-size: 12px;
				color: #666666;
				line-height: 1.2em;
			}
			#content dd a strong{
				display: block;
				padding-bottom: 2px;
				font-size: 13px;
				color: #9b2261;
			}
		#content dd a:hover{
			background-color: #e2edf1;
			color: #FFFFFF;
			border-bottom: 1px solid #003868;
		}
		#content dd a:hover span{color: #9b2261;}
		
		/* CLASSES PRINCIPALES */
	
			#content .Bordure_Grise{
				background: #FFFFFF;
				padding: 3px;
				border: 1px solid #d9d9d9;
			}
			
			#content ul.Grande_Liste_1Niv{
				margin-left: 5px;
			}
			#content ul.Grande_Liste_1Niv li{
				padding-left: 30px;
				margin-bottom: 5px;
				background: url(/images/bullet-arrow-blue-big.gif) 0px 5px no-repeat;
				font-size: 11pt;
			}
				#content ul.Grande_Liste_1Niv li a{
					color: #375796;
					text-decoration: none;
				}
				#content ul.Grande_Liste_1Niv li a:hover{
					text-decoration: underline;
				}
			
			#content table.Panneau_Droite{
				width: 140px;
				font-size: 11px;
				background: #f2f9f0;
				margin: 30px 0px 20px 20px;
				float: right;
			}
				#content table.Panneau_Droite td{
					padding: 8px;
					text-align: center;
					line-height: 1.1em;
				}
				#content table.Panneau_Droite td img{margin-bottom: 5px;}
			
		/* FIN CLASSES PRINCIPALES */
	/* - FIN STYLES PRINCIPAUX - */

#printp div.colRight,
div.bottom div.colRight{
	float: right;
	width: 170px;
}
div.bottom{width: 770px;}
	#printp div.colRight div.search{
		margin-top: 15px;
		background: url(/images/bg-search.gif) top left repeat-y;
	}
		#printp div.colRight div.search div{background: url(/images/bg-search-top.gif) top left no-repeat;}
		#printp div.colRight div.search div div{background: url(/images/bg-search-bottom.gif) bottom left no-repeat;}
		
		#printp div.colRight div.search input{
			width: 120px;
			font-size: 10px;
			color: #666666;
		}
		#printp div.colRight div.search table td{
			padding: 2px 10px;
		}
		#printp div.colRight div.search strong{
			display: block;
			color: #77a8d7;
			text-transform: uppercase;
			padding: 6px 10px 0px 10px;
			font-size: 11px;
		}
		#printp div.colRight div.search span{
			display: block;
			padding: 0px 10px 7px 10px;
			font-size: 10px;
			letter-spacing: -0.04em;
		}
			#printp div.colRight div.search span a{
				color: #a3c0dc;
			}
		#printp div.colRight div.search a.btnSearch input{
			width: 13px;
			height: 18px;
			overflow: hidden;
			padding: 0px;
			margin: 0px;
			background: url(/images/btn-search.gif) center no-repeat;
			border: none;
			cursor: pointer;
		}
		#printp div.colRight div.search a:hover.btnSearch input{background-image: url(/images/btn-search-o.gif);}
#printp div.greyBox{
	border: 1px solid #d0d5da;
	border-top: none;
	background: url(/images/bg-shadow.gif) top left repeat-x;
}
#printp div.greyBox div.colLeft{
	float: left;
	width: 226px;
	padding-top:0px;
}
#printp div.greyBox div.colRight{
	float: right;
	width: 542px;
	background: url(/images/bg-banners-sep.gif) top left no-repeat;
	text-align: right;
}
	#printp div.greyBox div.colRight img{margin-left: 1px;}

#printp div.greyBox div.sep{
	width: 768px;
	background: url(/images/bg-banners.gif) 226px 0px repeat-y;
}
#printp div.greyBox div.coul{
	width: 768px;
	background: bottom left url(/images/coul-001.gif) no-repeat;
}

#printp div.bottomBox{
	background: url(/images/bg-bottom-box.gif) top left repeat-y;
	width: 770px;
}
	#printp div.bottomBox div{background: url(/images/bg-bottom-box-end.gif) bottom left no-repeat;}

#printp #mainText{
	width: 590px;
	clear: left;
}
#printp #mainText h1{
	margin: 0px;
	padding: 20px 40px 5px 10px;
	font: bold 16px Arial, Helvetica, sans-serif;
}
#printp #mainText p{
	padding: 5px 40px 5px 10px;
	margin: 0px;
	font-size: 14px;
	letter-spacing: 0.03em;
	line-height: 1.3em;
}
#teasers{padding-top: 15px; width: 590px; float: left; overflow-x: hidden;}

div.bottom #teasers{padding-top: 28px;}
#teasers ul, #teasers ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#teasers ul li{
	float: left;
	width: 190px;
	margin-right: 10px;
	padding-bottom: 0px;
	background: #CCFF00;
}
#teasers ul li h2{
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 8px 8px 4px 8px;
	letter-spacing: -0.02em;
}
#teasers ul li img{
	display: block;
}
#teasers ul li span{
	display: block;
	padding: 0px 8px 4px 8px;
	font-size: 11px;
}
#teasers ul li h2 a{color: #000000;}
#teasers ul li h2 a:hover{color: #836748;}
#teasers ul li a{
	font-weight: bold;
	text-decoration: none;
}
#teasers li.teaser1{background: #c8e5e1 url(/images/bg-teaser1.gif) bottom left no-repeat;}
#teasers li.teaser2{background: #c8d4ed url(/images/bg-teaser2.gif) bottom left no-repeat;}
#teasers li.teaser3{background: #cfebfa url(/images/bg-teaser3.gif) bottom left no-repeat; margin-right: 0px;}
#teasers li.teaser1 div{background: url(/images/bg-teaser1-top.gif) top left no-repeat;}
#teasers li.teaser2 div{background: url(/images/bg-teaser2-top.gif) top left no-repeat;}
#teasers li.teaser3 div{background: url(/images/bg-teaser3-top.gif) top left no-repeat;}


	#top.Accueil ul.news, #top.Accueil ul.news li{
		list-style: none;
		padding: 0px;
		margin: 0px;
		width: 226px;
	}
	#top.Accueil ul.news{
		padding-top: 0px;
		border-top:1px solid #c3c3c3;
	}
	#top.Accueil ul.news li{
		background: #d6e8e9;
		font-size: 11px;
		line-height: 1.4em;
		letter-spacing: 0em;
		word-spacing: -0.1em;	
	}
	#top.Accueil ul.news li a{
		color: #9b2261;
		font-weight: bold;
		text-decoration: none;
	}
	#top.Accueil ul.news li a:hover{color: #836748;}
	#top.Accueil ul.news li span{
		display: block;
		padding: 5px;
		padding-top: 0px;
	}
	#top.Accueil ul.news li strong{
		display: block;
		padding: 3px 5px;
		font-size: 12px;
	}
	#top.Accueil ul.news li img{
		width: 226px;
		height: 115px;
		background-position: center;
		background-repeat: no-repeat;
		background-color: #FFFFFF;
	}
#scrolling{
	padding: 5px 10px;
}
#printp div.bottomBox div #scrolling div{
	width: 750px;
	background: none;
}
#scrolling span.sleft{
	float: left;
	font-size: 11px;
	width: 630px;
	background: transparent;
	position: relative;
}
	#scrolling span.sleft strong{
		text-transform: uppercase;
		color: #b00606;
	}
	#scrolling span.sleft a{
		font-weight: bold;
		color: #333333;
		text-decoration: none;
		position: absolute;
		text-transform: none;
		top: 0px;
	}
	#scrolling span.sleft a:hover{
		color: #9b2261;
		text-decoration: underline;
	}

#scrolling span.sright{
	float: right;
	width: 120px;
	text-align: right;
	background: transparent;
}
	#scrolling span.sright a{
		color: #a3a3a3;
		text-transform: uppercase;
		font-weight: bold;
		text-decoration: none;
	}
	#scrolling span.sright a:hover{
		color: #9b2261;
		text-decoration: underline;
	}

div.download{
	padding: 10px 0px;
	text-align: center;
}
div.back{
	margin-top: 10px;
	padding: 5px;
	border-top: 1px solid #b6bfc5;
	font-weight: bold;
}
div.back a, div.back a:hover{text-decoration: none;}

#footer{
	color: #9e9e9e;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.04em;
	text-align: center;
	border-top: 1px solid #d6d6d6;
	padding: 10px 0px;
	clear: both;
}
#footer span{
	font-size: 10px;
	display: block;
	padding-top: 5px;
}
#footer ul, #footer ul li{letter-spacing: 0em;}
#footer ul, #footer ul li, #footer a{
	color: #4c4c4c;
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline;
	text-decoration: none;
}
#footer a:hover{
	color: #9b2261;
	text-decoration: underline;
}
#footer ul li{
	padding: 0px 0px;
	margin: 0px -1px;
}
#footer p{
	padding: 8px 0px 0px 0px;
	margin: 0px;
}

#legend{
	position: relative;
	z-index: 1;
}
#legend ul, #legend ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #FFFFFF;
}
#legend ul{
	width: 155px;
	border: 1px solid #9b2261;
	position: absolute;
	top: 0px;
	left: 403px;
	z-index: 1;
}
#legend ul li{
	padding: 5px 10px 5px 23px;
}
#legend ul li.titre{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background: #9b2261;
	padding: 5px 10px;
}
#legend ul li.cat2{background: url(/images/bullet-info-green.gif) 5px 4px no-repeat}
#legend ul li.cat26{background: url(/images/bullet-notes-blue.gif) 6px 5px no-repeat;}

#childs{
	position: absolute;
	z-index: 2;
	top: 98px;
	left: 0px;
	width: 190px;
}
	#childs h3{
		background: #FFFFFF;
		margin: 0px;
		margin-left: 20px;
		padding: 10px 10px;
		color: #333333;
		font: bold 12pt Arial, Helvetica, sans-serif;
		border: 1px solid #d9d9d9;
		border-right: none;
		border-bottom: none;
		text-align: center;
		line-height: 1.2em;
	}
	#childs h3 a{color: #333333 !important; text-decoration: none !important;}
	#childs h3 a:hover{color: #836748 !important; text-decoration: none !important;}
	#childs ul, #childs ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	#childs ul{
		background: #FFFFFF;
		margin-left: 20px;
		border: 1px solid #d9d9d9;
		border-right: none;
		padding: 5px 0px 3px 5px;
	}
	#childs ul li{
		margin-bottom: 2px;
		clear: left;
	}
	#childs ul li a{
		display: block;
		width: 164px;
		text-decoration: none;
		background: #e2edf1;
		color: #375796;
		clear: left;
	}
		#childs ul.etapes li a span{
			float: left;
			cursor: pointer;
		}
		#childs ul li a span{
			display: block;
			padding: 5px 10px;
			cursor: pointer;
			border-left: 5px solid #375796;
		}
		#childs ul.etapes li a span{
			border: none;
		}
		#childs ul li a span.num{
			background: #375796;
			color: #FFFFFF;
			font-weight: bold;
		}
	#childs ul li a:hover,
	#childs ul li.selected a:hover{
		background: #eeeeee;
		color: #9c2262;
	}
		#childs ul li a:hover span,
		#childs ul li.selected a:hover span{
			border-left: 5px solid #9c2262;
		}
		#childs ul.etapes li a:hover span,
		#childs ul.etapes li.selected a:hover span{
			background: url(/images/bg-step.gif) left center no-repeat;
			padding-left: 20px;
			border: none;
		}
		#childs ul.etapes li a:hover span.num,
		#childs ul.etapes li.selected a:hover span.num{
			background: #9c2262;
			padding-left: 10px;
		}
	#childs ul li.selected a{
		color: #9c2262;
		font-weight: bold;
		background: #FFFFFF;
	}
		#childs ul li.selected a span{
			border-left: 5px solid #375796;
		}
		#childs ul.etapes li.selected a span{
			padding-left: 20px;
			background: url(/images/bg-step.gif) left center no-repeat;
			border: none;
		}
		#childs ul.etapes li.selected span.num{
			background: #9c2262;
			padding-left: 10px;
		}
	#childs ul li b{display: none;}

table.tblForm{
	font-size: 100%;
	margin-top: 20px;
}
	table.tblForm tr.titre td{
		padding: 0px 0px 6px 25px;
		margin: 0px;
		border-bottom: 1px solid #b6bfc5;
		font: bold 12pt Arial, Helvetica, sans-serif;
		color: #375796;
		background: url(/images/bullet-note-big.gif) 0px 0px no-repeat;
	}
	table.tblForm th,
	table.tblForm td{
		padding: 3px 0px;
		border-bottom: 1px solid #F0F0F0;
	}
	table.tblForm th{
		font-weight: normal;
		color: #1b376e;
	}
	table.tblForm input,
	table.tblForm select,
	table.tblForm textarea{
		font-size: 90%;
		color: #666666;
		border: 1px solid #CCCCCC;
		padding: 2px;
	}
	table.tblForm input.omInvalid,
	table.tblForm select.omInvalid,
	table.tblForm textarea.omInvalid{
		border: 1px solid #f0b3b3;
	}
	table.tblForm span.omError{
		display: block;
		font-size: 75%;
		background: url(/images/bullet-error.gif) 0px 0px no-repeat;
		padding: 3px 5px 4px 20px;
		margin-top: 5px;
		color: #db4d4d;
		line-height: 1em;
	}
	table.tblForm small{
		color: #666666;
		font-size: 70%;
	}
	
	table.tblForm tr.obg th{font-weight: bold;}
	
	table.tblForm tr.info th,
	table.tblForm tr.info td{
		color: #666666;
		border: none;
		font-size: 10px;
	}
	table.tblForm tr.sep th,
	table.tblForm tr.sep td{
		padding-top: 15px;
	}
	table.tblForm tr.submit th,
	table.tblForm tr.submit td{
		text-align: right;
		padding-bottom: 10px;
		border: none;
		padding-right: 10px;
	}
	
		table.tblForm td.radios td,
		table.tblForm td.radios th{
			border: none;
			padding: 0px;
			vertical-align: middle;
			color: #666666;
		}
		table.tblForm td.radios td{padding-top: 2px;padding-right: 10px;}
		table.tblForm td.radios input{border: none;}
	
table.fileList{
	font-size: 100%;
	border: 1px solid #507bcf;
}
table.fileList a{
	font-weight: bold;
	color: #375796;
	text-decoration: none;
	letter-spacing: 0.02em;
}
table.fileList th{
	background: #375796;
	padding: 2px 5px;
	color: #FFFFFF;
}
table.fileList td{
	padding: 2px 5px;
	font-size: 90%;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}
table.fileList td.first{
	padding-left: 25px;
	background-position: -4px -5px;
	background-repeat: no-repeat;
}

table.fileList tr.rowTrue{
	background: #FAFAFA;
}
table.fileList tr.rowHover{
	background: #e5eaf5;
}
	table.fileList tr.rowHover td{
		color: #375796;
	}


/*######################################################
						Liens
######################################################*/
a{
	color: #9b2261;
	text-decoration: underline;
}
a:hover{
	color: #bf3d81;
	text-decoration: none;
}

a.btn input{
	background: #9b2261;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 10px;
	font-size: 90%;
	cursor: pointer;
	border: 1px solid #6d1141;
	letter-spacing: 0.06em;
}
a:hover.btn input{
	background: #c54286;
	border: 1px solid #6d1141;
}
.noScreen{display: none;}
/*######################################################
					Formulaires
######################################################*/
form{
	margin:0px;
	padding:0px;
}

/*##################################################
				Gestion des erreurs
####################################################*/
div#publicerror, div#publicerrorErr{
	color:#FF0000;
}