/******** Default rules for tag ********/
* {margin:0; padding:0; border:0; outline:0; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px}
body {text-align:center; background: #0E5C1A; }
ol, ul {list-style-type:none}
a {text-decoration:none; color:#0E5C1A}
a:hover {text-decoration:underline}
fieldset {margin: 10px 0}
	h2 {font-size:16px; color:#0e5c1a; text-transform:uppercase; padding:0 0 18px 0}
	h3 {}
	h4 {}
	h5 {}
/********** Common Classes ********/
	.alertClassBox {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#282828; background:#fff url(/templates/eleclerc_ssmc_default/images/_alert_bar.gif) 0 0 no-repeat; border:1px solid #ccc; height:auto; position:absolute; top:-200px; left:-200px; padding:2px; visibility:hidden; z-index:999}
	.alertClassBox p {margin:0; padding:3px 4px 1px 4px; clear:both}
	.alertClassBox a.closeImage {width:12px; height:12px; background:url(/templates/eleclerc_ssmc_default/images/_alert_close.gif) 0 0 no-repeat; float:right; display:block; cursor:pointer}
	.alertClassIframe {position:absolute; top:-200px; left:-200px; visibility:hidden; z-index:998}
	.clear { clear:both}
	.clr { clear:both; height:0; display:inline; }
	.error { padding-top:10px;}
	.error li { color:#ff3c05 }
	
/********** Tree of common styles for all the templates ********/
/* Styles that are used in all pages (there are the structure styles)
The css tree must be ordered exactly as the same as HTML document
No use of additional comments (if the css tree is well ordered, the code is clear) */
	#container {/*width:884px; */text-align:left; margin:0 auto; position:relative; background: #fff}
	
		/* header
		*************/
		#header {background: #fff}
			#header .externalLink {float:right}
		
			/* breadcrumb
			*******************/
			.breadcrumb {display:block; overflow:hidden; height:35px}
			.breadcrumb ul {padding:4px 0 0 0}
			.breadcrumb .first {background:none; padding:0 }
			.breadcrumb li {float:left; background:url(/templates/eleclerc_ssmc_default/images/ico_bullet_green.gif) 0 4px no-repeat; padding:0 0 0 10px}
			.breadcrumb a {color:#000; padding:0 6px 0 0}
			/* nav
			*******************/			
			#navigation {clear:both; background: #0e5c1a /*url(/templates/eleclerc_ssmc_default/images/bgd_nav.gif) 0 0 repeat-x;*/ ;margin:0; height:30px; z-index:900}
			#navigation ul { width: 854px; margin:0 auto; padding:3px 0 0 30px; overflow:hidden}
			#navigation .first {background:none}
			#navigation .active span{color:#92F7F2;}	
				#navigation li {float:left;/* background:url(/templates/eleclerc_ssmc_default/images/bgd_li.gif) 0 3px no-repeat;*/ padding:0 0 0 5px; }
				#navigation li span { color:#fff; font-weight:bold;font-size:11px; display:block; padding:6px 0 0 10px}
				#navigation li a { padding:0 10px 0 0;text-decoration:none; display:block; height: 27px}
				#navigation li a span {/*color:#ffffff;*/}
				#navigation  li#current a, #navigation li a:hover{background:#fff url(/templates/eleclerc_ssmc_default/images/bgd_menu_right.gif) no-repeat right top;}
				#navigation  li#current a span, #navigation li a:hover span {color:#0e5c1a;background :  url(/templates/eleclerc_ssmc_default/images/bgd_menu_left.gif) no-repeat left top;}
			#navigation .item1{width: 68px;}
			#navigation .item2{width: 343px;}
			#navigation .item3{width: 97px;}
			#navigation .item4{width: 131px;}
			#navigation .item5{width: 163px;}
		
	/* Content		
	*********************************************/
	#content {background:#fff ;/*url(/templates/eleclerc_ssmc_default/images/bgd_content.gif) repeat-x;*/ width:884px; overflow:hidden; padding: 0 0 0 70px; margin: 0 auto}
	#contentSub {background:#fff /*url(/templates/eleclerc_ssmc_default/images/bgd_content_01.gif) repeat-x;*/ width:854px; overflow:hidden}
	.contentpaneopen{float:left; margin: 0 12px 0 0}
	.innerType {width:568px; overflow:hidden; float:left; padding:0 15px}
	.medicament div {width:568px; overflow:hidden;}
	.medicament table {padding:10px 0 0 0}
	.medicament div img {float:left; padding:0 15px 10px 0}
	.medicament div p, .medicament p {padding:0 0 10px 0}
	.medicament div p strong { font-size:12px}
	.medicament ul {padding:0 0 10px 0}
	.medicament ul li { background:url(/templates/eleclerc_ssmc_default/images/bgd_li_puce.gif) 0 5px no-repeat; padding:0 0 0 10px}
	.medicament ol {padding:0 0 0 25px; float:left; width:350px; margin:0 0 0 0}
	.medicament ol li {list-style:decimal; padding:0 0 5px 0}
	
	.laSolution {}
		.laSolution dt {}
			.laSolution dt a {display:block; background:#baeae7 url(/templates/eleclerc_ssmc_default/images/ico_accordion_close.gif) no-repeat; margin:0 0 10px 0; padding:2px 0 1px 26px; font-size:12px; font-weight:bold; cursor:pointer; border:1px solid #0e5c1a}
			.laSolution dt a:hover, .laSolution .active {color:#0e5c1a; text-decoration:none}
		.laSolution dd {padding:0 0 10px 0}
			.laSolution dd p {padding:0 0 8px 0}
	.laSolution #flashVideo_01 {float:left; margin-right:10px; padding:0 10px 10px 0}
	.laSolution #flashVideo_02 {float:left; margin-right:10px; padding:0 10px 10px 0}
	.laSolution #flashVideo_03 {float:left; margin-right:10px; padding:0 10px 10px 0}
	#flashVideo_diaporama {margin:0 0 10px 0}
	
		/* content for index page */
		
		.avertissement {padding:10px 0; width:560px;}
		.highlight {width:194px; overflow:hidden; float:left; padding:10px 0 0 0}
			.highlight #flashVideo_01 {padding:0 0 10px 0}
			.highlight .mea {background:url(/templates/eleclerc_ssmc_default/images/bgd_mea_top.gif) no-repeat top left; width:194px; /*height:225px;*/  padding:22px 0 13px 0}
				.highlight .mea .meaWrap{background:url(/templates/eleclerc_ssmc_default/images/bgd_mea_bot.gif) no-repeat bottom left;}
				.highlight .mea a img {padding:18px 0}
				.highlight .mea span {padding:6px 0 2px 0; display:block}
		.leftContent .highlight p { padding:5px 0; }
		a.mymodal { background:transparent url(/templates/eleclerc_ssmc_default/images/ico_bullet_green.gif) no-repeat scroll 0 5px; color:#000000; padding:0 0 0 8px; text-decoration:underline; }
				.leftContent .highlight .meaWrap p a { background:none; }
				
		.homeType {width:358px; overflow:hidden; float:left; padding:10px 0 20px 18px}
			.homeType p {padding:0 0 18px 0; text-align:justify}
			
		.parapharmacies {background:#ffffff url(/templates/eleclerc_ssmc_default/images/bgd_les_pararmacies.gif) no-repeat; padding:16px 0 16px 0}
			.parapharmacies p {padding:15px 0 0 0}
			.parapharmacies h3 {padding:0 0 12px 0}
			.parapharmacies dl {display:block; clear:both; background:url(/templates/eleclerc_ssmc_default/images/ico_dl.gif) 0 2px no-repeat; padding:0 0 0 25px; width:400px; overflow:hidden}
			.parapharmacies dl * {font-weight:bold; display:inline}
				.parapharmacies dt {font-size:14px; float:left; padding:0 5px 20px 0}
				.parapharmacies dd {float:left; line-height:12px}
					.parapharmacies .set1 {width:270px}
					.parapharmacies .set2 {padding:10px 5px 12px 0}
						.parapharmacies dd.set2 {width:250px; padding:13px 2px 0 0}
					.parapharmacies .set3 {padding:15px 5px 12px 0}
						.parapharmacies dd.set3 {width:250px; padding:18px 7px 0 0}
					.parapharmacies .set4 {padding:5px 0 10px 10px}
						.parapharmacies dd.set4 {width:240px}
					
		/* content les-signataires pages */
		.tblSignataires {margin:10px 0 0 0}
		.tblSignataires .tblhead th {color:#0E5C1A; background:#FFFFFF; padding:9px 8px 9px 8px;}
		.tblSignataires  tr td {padding:9px 0 9px 8px}
		.tblSignataires .bgdchange {background:#e6eee8}
		.tblSignataires .bgdchange tr td {background:#a9ddd9}
		.tblSignataires .tblfoot th {border-bottom:1px solid #000000; border-top:1px solid #000000; text-align:center; font-weight:normal; padding:3px 0}
		.tblSignataires .tblfoot th a {padding:0 2px}
		.tblSignataires .tblfoot th .active{ color:#000;font-weight:bold;}
		
		/* content popup */
		#popup {width:580px; background:#FFF; border:3px solid #1da79c; padding:10px; text-align:left; top:-1000px; position:fixed; z-index:1}
			#popup h3 {font-size:14px; color:#1ba49a; padding:0 0 10px 0}
			#popup li {background:url(/templates/eleclerc_ssmc_default/images/btn_pagging_next.gif) 0 4px no-repeat; padding:0 0 5px 10px}
				#popup .close {float:right}
		/* contextual */
		.contextual {width:266px; float:left; /*background: url(/templates/eleclerc_ssmc_default/images/bgd_context.gif) repeat-y;*/ overflow:hidden; margin:20px 0 20px 10px}
		.contextualBlog {width:266px; float:left; background: #fff; overflow:hidden; margin:20px 0 20px 10px}
		.contextContainer{background: url(/templates/eleclerc_ssmc_default/images/bgd_context.gif) right top repeat-y; overflow:hidden}
		.context {width:266px; float:left; background: url(/templates/eleclerc_ssmc_default/images/bgd_context_top.gif) top left no-repeat; padding:15px 0 0 0; overflow:hidden}
			.context h2{font-family: Arial, Helvetica, sans-serif; text-transform: none; font-size: 30px; color: #000; padding: 0 0 0 10px; margin:0 0 15px 0}
			.context form p {padding:5px 0; clear:both}
			.context .subTitContext { font-weight:bold; font-size: 15px; color: #000; padding: 0 0 0 10px; margin:0 }
			.context p a img {margin:5px 0}
					.context form .chkoui {width:14px; border:none; margin:0 5px 0 0; float:left}
				.context form input {width:193px; height:18px; border:1px solid #000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:1px 1px 1px 5px}
				.context form textarea {width:192px; height:50px; border:1px solid #000000; padding:1px 1px 1px 5px}
				.context form p span {padding:0 30px 0 0} 
				.context form .btnvalider {width:58px; height:10px; border:none}
				
		.contextBot{background: url(/templates/eleclerc_ssmc_default/images/bgd_context_bot.gif) bottom left no-repeat ; padding:5px 0 10px 0}
			.contextBot .linkHighlight{margin: 10px}
		.context .blogContent{background: url(/templates/eleclerc_ssmc_default/images/bgd_post_context.png) 10px 0 no-repeat ;  height: 130px; margin:0 0 10px 0; overflow:hidden; position: relative}
		
		.blogContenWrap{margin: 5px 20px 0 20px;}
		.context .moduleItemComments, .k2UserBlock a, #form-login ul li a{background: url(/templates/eleclerc_ssmc_default/images/ico_bullet_green.gif) 0 5px no-repeat ;color: #000; text-decoration: underline; padding:0 0 0 8px}
		
		.k2Form { padding: 0 0 15px 10px;}
			.k2Form .register{color: red}
		#form-login p { padding-bottom:10px; }
		#form-login label{width: 105px; display: block; float:left; font-weight:bold}	
		#form-login input{ border: 1px solid #c6c6c6}
		#container #form-login .button{ cursor:pointer; margin: 5px 0; border:none; color:#fff; font-weight:bold; padding:4px 20px 5px 20px; background: url(/templates/eleclerc_ssmc_default/images/btn_login_01.gif) 0 0 no-repeat; }
		#token {border:1px solid #C6C6C6;}
		#container form .button{ overflow:visible; cursor:pointer; margin: 5px 0; border:none; color:#fff; font-weight:bold; padding:4px 20px 5px 15px; background: url(/templates/eleclerc_ssmc_default/images/btn_login_02.gif) 0 0 no-repeat; }
		#container #toolbar .button { background:none; padding:0; }
		#form-login #modlgn_remember{border:none}
		
		.componentheading { text-align:left; font-size:16px; font-weight:bold; color:#0e5c1a; padding:20px 0 0 0; clear:both; }
		.form-validate { width:573px; overflow:hidden; text-align:center; }
		.form-validate input.inputbox { border: 1px solid #c6c6c6; width:166px;}
		.form-validate textarea.inputbox { border: 1px solid #c6c6c6; width:300px;}
		.form-validate .registerBottom{ text-align:left; margin:10px 0; clear:both; width:573px; overflow:hidden; background: url(/templates/eleclerc_ssmc_default/images/bgd_formRegister_bottom.gif) 0 0 repeat-y; }
		.form-validate .registerTop{ width:573px; overflow:hidden; padding:20px 0 20px 130px; background: url(/templates/eleclerc_ssmc_default/images/bgd_formRegister_top.gif) 0 0 no-repeat; }
		.form-validate .registerBot { overflow:hidden; width:573px; clear:both; height:10px; background: url(/templates/eleclerc_ssmc_default/images/bgd_formRegister_bot.gif) 0 0 no-repeat; }
		.form-validate p { width:340px; padding-bottom:10px;}
		.form-validate label { display:block; float:left; width:155px;}
		#container .form-validate .button{ margin:0 auto 10px auto; padding-right:32px; background: url(/templates/eleclerc_ssmc_default/images/btn_login_03.gif) 0 0 no-repeat !important; }
		#container .form-validate .button01{ background: url(/templates/eleclerc_ssmc_default/images/btn_login_01.gif) 0 0 no-repeat !important; }
		#container .form-validate .button04{ background: url(/templates/eleclerc_ssmc_default/images/btn_login_04.gif) 0 0 no-repeat !important; }
			#formLog {color:#f00; font-weight:bold;}
		#comment-form label { float:none; }
		
		#k2Container { width:573px; overflow:hidden; padding:20px 0; }
		#k2Container .itemToolbar{ width:100%; overflow:hidden; padding-bottom:20px; }
		#k2Container .itemToolbar li { float:left; padding-right:10px; }
			#k2Container .itemToolbar li a { float:left; padding-right:10px; }
			#k2Container .itemFullText { padding-bottom:20px; }
		
		.k2UserBlock .ubName { display:block; padding-bottom:10px; }
		.k2UserBlock .ubCommentsCount { display:block; padding:10px 0; }
		
		.leftContent, #k2Container{float: left}
		
		.blogIntroText { padding:10px 0 0 0; font-weight:bold; width:800px; font-size:12px; }
		.homeIntroText { font-weight:bold; font-size:12px; }
		.moduleItemTags { display:block; }
		
		.itemCommentsList {  }
			.itemCommentsList li { overflow:hidden; width:573px; background: url(/templates/eleclerc_ssmc_default/images/bgd_item_left.gif) 0 0 repeat-y; margin: 10px 0 0 0; position:static; padding:0 0 5px 20px; }
			.itemCommentsList li p { width:553px;  }
			.itemCommentsList .itemBot{ position:relative; top:-1px; overflow:hidden; background: url(/templates/eleclerc_ssmc_default/images/bgd_item_bot.gif) bottom left no-repeat; clear:both; margin:0; padding:0; }
			.itemCommentsList .commentsToolBox { padding-bottom:10px; width:550px; overflow:hidden; }
			.itemCommentsList .commentsToolBox .commentDate { float:right; }
			.itemCommentsList .commentsToolBox .commentAuthorName { float:left; }
			
		.userItemView { padding:0 0 20px 0; }
	
		.context .author{font-weight: bold; float:left}
		.context .moduleItemDateCreated{font-weight: bold; float:right}
		.context .contentIntro{padding: 12px 0 5px 0}
		.context .moduleItemReadMore{background: url(/templates/eleclerc_ssmc_default/images/btn_reply.gif) 0 0 no-repeat; position: absolute; bottom:3px; right:20px; width: 63px; height: 23px;}
			.context .moduleItemReadMore a{background: url(/templates/eleclerc_ssmc_default/images/ico_bullet_mea_orange.gif) 10px 10px no-repeat; color: #fff; font-weight: bold; padding: 5px 0 0 18px; display:block}
		
			
		p.highlightLink{margin: 0 0 0 10px}
		.highlightButton{background: url(/templates/eleclerc_ssmc_default/images/bgd_highlight_button_right.gif) top right no-repeat; padding:0 8px 0 0; display: block; float:left; color:#fff; font-weight: bold;}
			.highlightButton span{background: url(/templates/eleclerc_ssmc_default/images/bgd_highlight_button_left.gif) top left no-repeat; padding:5px 0 5px 15px; display: block; color:#fff;}
			
			#k2ModuleBox21 {padding: 25px 0 0 0}
			
		
		.k2Pagination { padding:10px 0 0 0; text-align:center; }
			.k2Pagination .clr { height:auto; display:block; }
		.itemContainer { width:575px; }	
		.itemListView{ width: 575px; overflow:hidden; margin-bottom:10px; }
		
		.catItemView{background: url(/templates/eleclerc_ssmc_default/images/bgd_item_left.gif) 0 0 repeat-y; margin: 10px 0 0 0; position:static; padding:0 0 0 0;}
		
			.catItemView div{padding: 0 0 0 18px; width:557px; overflow:hidden;}
				.catItemView .itemBot{ background: url(/templates/eleclerc_ssmc_default/images/bgd_item_bot.gif) bottom left no-repeat; margin-top:10px; clear:both; }
				
			.catItemDateCreated { font-weight:bold; float:right; margin-right:2px; }
			.catItemAuthor { font-weight:bold; float:left; }
				.catItemAuthor a { color:#000; text-decoration:none; }
				.catItemAuthor a:hover { text-decoration:underline; }
			.catItemView .catItemCommentsLink { float:left; width:auto; clear:both;}
			.catItemView .catItemCommentsLink a {background:url(/templates/eleclerc_ssmc_default/images/ico_bullet_green.gif) 0 4px no-repeat; padding:0 0 0 8px; color:#000; text-decoration:underline; }
			.catItemView .catItemEditLink { padding-left:18px; display:block; }
			
			.catItemView .catItemBody .clr { display:block; }
			.catItemView .catItemIntroText { padding:5px 0 15px 0; }
			
			.catItemView .moduleItemReadMore{float:right; background: url(/templates/eleclerc_ssmc_default/images/btn_reply.gif) 0 0 no-repeat; position: relative; bottom:-8px; left:0; width: 63px; height: 23px;}
			.catItemView .moduleItemReadMore a{background: url(/templates/eleclerc_ssmc_default/images/ico_bullet_mea_orange.gif) 10px 10px no-repeat; color: #fff; font-weight: bold; padding: 5px 0 0 18px; display:block}

		.context .illustrator1 {position:absolute; left:598px; top:234px; z-index:900}
		.context .illustrator2 {position:absolute; left:700px; top:172px; z-index:900}
		
		.contextSeSoigner {background:url(/templates/eleclerc_ssmc_default/images/bgd_counter.gif) no-repeat; margin:110px 0 12px 84px; z-index:1000}
			.contextSeSoigner p{ font-weight:bold; font-size:12px; padding:10px 0 0 0}
			.contextSeSoigner ul {width:81px; padding:0 11px; overflow:hidden}
			.contextSeSoigner li {float:right; font-size:18px; font-weight:bold; padding:0 8px 0 5px}
		
		.merciPetition { padding:50px 0; font-size:13px; font-weight:bold}
		
		.itemHeader .itemAuthor { display:block; padding-bottom:10px; }
		
		
		.quotation {width:209px; overflow:hidden; margin:10px 0 20px 0}
		.quotation .previous {float:left}
		.quotation .contentScroll {float:left; padding:0 0; width:158px; height:96px; overflow:hidden}
		.quotation .contentScroll .contentScrollFree {width:10000px}
		.quotation .contentScroll .contentScrollFree table {width:158px; height:99px; overflow:hidden; float:left}
		.quotation .contentScroll .contentScrollFree table td {padding:0 10px}
		.quotation .next {float:left}
		.quotation p { padding:0 0 10px 0}
		
		.tool-tip { background:#fff; border:1px solid #bfbfbf; padding:10px;  }
		
		
				#envoyerAmi form label {width:180px; float:left; text-align:right; padding: 0 5px 0 0}
				#envoyerAmi form input {width:193px; float:left;height:16px; border:1px solid #000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:1px 1px 1px 5px}
				#envoyerAmi form .btnEnvoyer {width:65px; height:13px; border:none; padding:10px 0 0 322px}
		
		/* footer
		*******************/
		#footerContent{background: #0E5C1A}
		#footer {width:970px; padding:0 0 20px 0; overflow:hidden; margin: 0 auto}
		#footer img {float:left; padding:0 5px 0 20px}
		#footer ul {padding:10px 0 0 0}
		#footer .first {background:none}
		#footer li {display:inline; padding:0 7px 0 10px; background:url(/templates/eleclerc_ssmc_default/images/bgd_li_foot.gif) 0 3px no-repeat}
		#footer li a { color:#fff; text-decoration:none}
		#footer li a:hover {text-decoration:underline}
		
/******** Tree of specific styles for each page (group by page, starting with the homepage) ********/

/* Styles of functionnal blocks
The css tree must be ordered as the same as HTML document
Each group need to be precede by a line: */