/******** Default rules for tag ********/
*{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
body{background:#e4d1e5 url(../images/bgd_main.gif) 0 0 repeat-x; font-size:12px; font-family:Arial, Verdana, Geneva,  Helvetica, sans-serif; color:#010101; text-align:center;}
:focus{outline:0;}
img, fieldset{border:0}
blockquote:before, blockquote:after, q:before, q:after{content: "";}
blockquote, q {quotes: "" "";}
h1{ font-size:24px; margin:10px 0 0 10px; width:140px; float:left; color:#8b458b}
h2{margin:0 0 10px 0; font-size:20px; color:#8b458b; float:left; margin:30px 0 30px 60px;}
	h2 span{padding:0 0 0 50px; color:#eb690a}	
h3{font-weight:bold; margin:10px 0 10px 0; color:#6e146e; border-bottom:3px solid #6e146e; padding:0 0 3px 0; font-size:18px;}
h4{font-weight:bold; font-size:12px;}
strong{font-weight:bold;}
p{padding:0 0 10px 0;}
ol, ul{list-style-type:none;}
ul, ol, dl{margin:0 0 10px 0;}
	ul li{padding:0 5px 0 10px; background:url(../images/li_common.gif) no-repeat 0 5px;}
	dt{font-weight:bold;}
.clear{height:0; clear:both;}
a{text-decoration:none; color:#010101;}
a:hover{text-decoration:underline;}
div{text-align:left;}
/********** Tree of common styles for all the templates ********/
#main{ background:#fff; width:950px; overflow:hidden; margin:auto}
	#header{ background:url(../images/bgd_header.gif) 0 0 no-repeat; width:950px; overflow:hidden; clear:both}
	#cont{ width:900px; padding:10px 25px 0 25px; margin-bottom:10px; overflow:hidden; position:relative;}
	#flashHome{position:absolute; left:-5px; top:0; z-index:999;}
		.bgdShadow { background:url(../images/bgd_cont.gif) 0 0 repeat-x;}
		.retour { width:100%; padding:8px 0 5px 0}
		.retour a { background:url(../images/ico_03.gif) 0 4px no-repeat; padding:0 0 0 10px; color:#6e146e; font-weight:bold; font-size:12px;}
		/* homeType1 */
		#contentHome { width:900px; overflow:hidden;}
			#lev1{ width:900px; overflow:hidden; margin:0 0 10px 0; height:20px;}
				#lev1 li { float:left; background:url(../images/ico_01.gif) 0 0 no-repeat; padding:0 0 0 20px; height:20px}
				#lev1 .last { float:right}
			
			#aidBlock { width:900px; height:430px; background:url(../images/bgd_aid_homepage.gif) no-repeat; position:relative;}
				#aidBlock dl { background:url(../images/bgd_aid_block.gif) 0 0 no-repeat; width:136px; height:148px; padding:6px 6px 6px 6px; position:absolute}
				#aidBlock dd { background:url(../images/ico_02.gif) 0 0 no-repeat; padding:0 0 0 17px; line-height:13px} 
				#aidBlock h4 { padding:10px 0 0 10px}
				#aidBlock h4 span { display:block; margin:10px 0 0 0}
				#aidBlock .aidBlock01 {top:202px;	left:0px}
				#aidBlock .aidBlock02 {top:274px;	left:150px}
				#aidBlock .aidBlock03 {top:111px;	left:150px}
				#aidBlock .aidBlock04 {top:44px; left:302px}
				#aidBlock .aidBlock05 {top:44px; left:453px}
				#aidBlock .aidBlock06 {	top:207px; left:302px;}
				#aidBlock .aidBlock07 {top:160px; left:604px; background:url(../images/bgd_aid_block1.gif) 0 0 no-repeat}
				#aidBlock .aidBlock08 {top:57px; left:753px; background:url(../images/bgd_aid_block1.gif) 0 0 no-repeat}
				#aidBlock .infoh4 { position:absolute; right:10px; bottom:10px}
				#aidBlock .infoh4 h4 { padding:0 0 0 0}
				#aidBlock .infoh4 h4 span { display:block; margin:5px 0 0 0; text-align:right}
	/* footer */		
	#footer { width:940px; padding:5px 0 20px 0; text-align:center; margin:auto}
		#footer a { color:#7f1c86; text-decoration:underline;}
		#footer a:hover { text-decoration:none}

/******** Tree of specific styles for each page (group by templates, starting with the homepage) ********/
	/* contentType1 */
	.personnes { background:url(../images/bgd_contentMain.gif) 0 bottom no-repeat; width:898px; padding:0 1px 10px 1px; border-top:1px solid #6e146e; overflow:hidden; clear:both}
	.entreprises { background:url(../images/bgd_contentMain.gif) 0 bottom no-repeat; width:898px; padding:0 1px 10px 1px; border-top:1px solid #6e146e; overflow:hidden; clear:both}
	.personnes #content .blockFirst { background:url(../images/bgd_line.gif) 100% 0 repeat-y;}
	.entreprises #content .blockFirst { background:url(../images/bgd_line_violet.gif) 100% 0 repeat-y;}
	.personnes #content h3 { background:#a4b901 url(../images/bgd_tit_protege.gif) 0 bottom no-repeat;}
	.entreprises #content h3 { background:#b5007c url(../images/bgd_tit_entreprese.gif) 0 bottom no-repeat;}
	/* content  */
	#content{ width:690px; overflow:hidden; float:left}	
		#content h3 {width:605px; font-size:20px; font-weight:normal; color:#FFFFFF; border:0; background:url(../images/bgd_tit_protege.gif) 0 0 no-repeat; padding:10px 0 35px 85px; margin:0; float:left}
		#content img { margin:0 15px 5px 10px; float:left}
		#content h4 { font-size:12px; color:#6e146e; text-transform:uppercase; padding:0 0 10px 0;}
		#content li { background:url(../images/ico_04.gif) 0 5px no-repeat; padding:0 0 3px 10px;}
		#content .blockLast { width:300px; float:left}
		#content .blockFirst { width:300px; float:left; margin:0 15px 10px 10px; padding:0 15px 0 0;}		
		.contentSub { width:640px; padding:0 20px}
		
		#content .calendar { width:410px; display:block; overflow:hidden; clear:both}
			#content .calendar h4 { text-transform:none}
			#content .calendar dt { width:56px; color:#6e146e; padding:0; float:left;}
			#content .calendar dt img { padding:0 ; margin:0}
			#content .calendar dd { width:340px; float:right;}
			#content .calendar p {background:url(../images/ico_04.gif) 0 5px no-repeat; padding:0 0 3px 10px;}		
	
	    #content .block{ background: #ebf1bf url(../images/bgd_block.gif) 100% 100% no-repeat; overflow:hidden; float:left; padding:10px 0 10px 10px; margin:0 15px 10px 0;}
			#content .block h4 { text-transform:none}				
			#content .modalites { width:400px;}
			#content .modalites1 { width:568px;}
			#content .link{ float:left;}
		
		.hightlightLink {background:url(../images/bgd_highlightlink.gif) 0 100% no-repeat; width:199px; padding:8px 8px 15px 8px; float:right; border-top:#6e146e solid 1px}
			.hightlightLink dt { background:url(../images/ico_add.gif) 0 5px no-repeat; padding:5px 0 5px 20px; margin:0 0 5px 0}
			.hightlightLink dd { background:url(../images/ico_05.gif) 0 3px no-repeat; padding:0 0 0 8px;}

		#cont .blockInfo { width:670px; padding:10px; overflow:hidden}
			#cont .blockInfo h3 { border:0; background:none; width:auto ; padding:0 0 10px 0; margin:0; color:#6e146e;}
			#cont .blockInfo h4 { text-transform:none; clear:left}
			#cont .blockInfo p { clear:left}
			#cont .blockInfo img { float:right; margin:0 0 8px 8px;}
	
	/* context */
	#context { width:208px; float:right; clear:right}
		#context div {background:url(../images/bgd_context_div.gif) left bottom no-repeat; width:188px; padding:5px 10px 23px 10px;}
		#context div.last { background:0 none}
		#context h3 { background:url(../images/bgd_h3_context.gif) 0 0 no-repeat; width:131px; height:37px; padding:10px 0 0 60px; border:0 none}
		#context div.last h3 { background:url(../images/bgd_context_aide_services.gif) 0 0 no-repeat; width:151px; height:37px; padding:10px 0 0 40px; border:0 none}
		#context li { background:url(../images/ico_05.gif) 0 4px no-repeat; padding:0 0 0 10px; margin:6px 0}
		#context .active { font-weight:bold}