/******** regles par defaut des balises ********/
*{margin:0; padding:0; outline:none;}
html {position:relative; height:100%; background:#FFF}
body {height:100%;font-size:62.5%; font-family:"Tahoma"; color:#747474;  background:#1b2239; }
img, fieldset{border:0}
h1, h2{font-size:2.4em; color:#606060; font-weight:normal}
h3{font-size:1.6em; color:#606060; font-weight:bold}
h4{font-size:1.38em;}
h5{font-size:1em;}
ol, ul, li{list-style-type:none;}
dt{font-weight:bold;}
a{text-decoration:none; color:#808080;}
a:hover{text-decoration:underline;}
p{ text-align:justify; font-size:1.09em}
label{display:block; margin:0 0 3px 0;}
input, select, textarea{font-size:1.0em; border:1px solid #a5a5a5; font-family:Arial, Helvetica, sans-serif; color:#444444}
input { padding:1px 0}
select { padding:0; margin:0; line-height:normal;}
table{border-collapse:separate; border-spacing:0;}
th, td{ text-align:left}
/********** ID communes a tous les templates ********/

/* Contenu central */		
	/*///Header////*/
	#header{ width:100%; font-size:1.1em; background:url(../images/bgd_header.gif) 0 0 repeat-x; overflow:hidden;}
	#header h1 { height:60px; width:800px;  margin:0 0 16px 0; overflow:hidden; float:left; font-size:24px; background:url(../images/bgd_h1LogoBelin.png) 0 0 no-repeat }
	#header h1 a {color:#FFF} #header h1 a:hover { text-decoration:none}
	#header h1 span  { display:block; font-size:14px; padding:10px 0 2px 0;}
	#header h1 img  { margin:0 20px 0 0; float:left;}
	
		#innerHeader {width:974px; height:141px; overflow:hidden; padding:0 12px; margin:0 auto;}
		.wrapBloc {width:974px; height:36px; overflow:hidden; }
			.linkBloc { width:auto; display:inline; padding:0 0 0 10px; float:right; overflow:hidden; background: url(../images/bgd_linkBlockLeft.png) 0 100% no-repeat}
			.innerLinkBloc { width:auto;  padding:0 10px 0 0; overflow:hidden; background: url(../images/bgd_linkBlockRight.png) 100% 100% no-repeat}
				.linkBloc ul { width:auto; padding:5px 5px 14px 0; background: url(../images/bgd_linkCenter.png) 0 100% repeat-x; overflow:hidden;}
				.linkBloc li { float:left; background:url(../images/bgd_li_linkBlock.gif) 100% 2px no-repeat; padding:0 10px}
				.linkBloc li a { color:#000;}	
				.linkBloc li.identifiez { color:#000; font-weight:bold}			
				.linkBloc li.identifiez a { font-weight:bold}
				.linkBloc li.fluxRss { background:url(../images/icon_rss.gif) 100% 0 no-repeat; padding:0 25px 4px 10px;}
		
		#lev {width:974px; height:31px; overflow:hidden; clear:both; margin-left:-12px; padding:0}
			#lev li { float:left }
			#lev li a{color:#FFFFFF; font-weight: 600; font-size:12px; display:block; float:left; padding:0 0 0 10px; background:none; text-decoration:none;}
			#lev li a:hover{background:url(../images/bgd_levMenuLeft.png) 0 0 no-repeat; color:#0d1126;}
				#lev span{display:block; padding:8px 13px 12px 0; line-height:15px; text-align:center; text-transform:uppercase}
				#lev a:hover span {background:url(../images/bgd_levMenuRight.png) 100% 0 no-repeat; }
			#lev .active a{background:url(../images/bgd_levMenuLeft.png) 0 0 no-repeat; color:#0d1126;}
			#lev .active a span{background:url(../images/bgd_levMenuRight.png) 100% 0 no-repeat;}
			/*SubMenu*/
			.subMenu {width:auto; text-align:left; font-weight:bold;  overflow:hidden; position:absolute; top:140px; left:-5000px; z-Index:99; padding:0; }
			.subMenuCover {width:355px; background:url(../images/bgd_menu_sub_bot.png) 0 100% no-repeat; overflow:hidden; padding:0 12px 10px 12px}
			.subMenu ul {width:349px;  overflow:hidden;}
			.subMenu li {width:349px;  padding:0 0 10px 0; display:block;  overflow:hidden}
			.subMenu label {width:178px;  float:left; font-size:12px;}
			.subMenu p {width:349px; display:block; float:left}
			.subMenu select {width:120px}
			.subMenu option {padding:0 0 0 3px}
			.subMenu input { font-weight: normal; font-size:11px; padding:2px 2px 2px 6px; background:none; border-bottom:none; border-top:1px solid #c2c2c2; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2 }
			.subMenu input.iptOk {padding:1px 3px; width:25px; height:19px; margin-left:5px; float:left; }
			.subMenu .closeSubMenu  {float:right; font-size:11px; text-decoration:underline; color:#0d1126; font-weight:normal; padding:0 7px 0 0}
				.subMenu  p.selectType  { width: 130px; display:inline; float:left}
				.subMenu  .selectType  a { float:none}
				.subMenu ul.lstStream a { float:none; font-size:12px; color:#747474; font-weight:bold;}
				.subMenu ul.lstStream { width:auto; min-width:150px!important; min-height:20px!important; overflow:hidden} 
				.subMenu ul.lstStream li { width:auto; float:none; } 				
				.subMenu a:hover, .subMenu ul.lstStream a:hover {text-decoration: underline;}
			.subMenu li.hide, .subMenu p.hide { display:none}	
	/*///main////*/
	#main {width:100%; overflow:hidden; background: #d6d2d3 url(../images/bgd_main.jpg) 50% 0 no-repeat;}
		#hightlightMain {width:974px; padding:0 12px; margin:0 auto; overflow:hidden;}
				   .highlightContent {float:left; overflow:hidden!important; padding:0;}
				   .homeMain{background:url(../images/bgd_hightlightHome.jpg) 386px 0 no-repeat; }
				   .ouvrageMain{ background:url(../images/bgd_hightlightHome.jpg) 416px 0 no-repeat}
		.homeMain    .highlightContent {width:750px;}
		.ouvrageMain .highlightContent {width:780px; min-height:300px; padding:0 0 10px 0;}
			/*highlightPhoto*/
			.highlightPhoto{ width:750px; padding:15px 0; height:318px;}
			#slideImgContainer { position:relative;}				
				.highlightPhoto #btnNext { width:30px; float:left; margin-top:150px; display:inline}
				.highlightPhoto #btnPrev { width:30px; float:left; margin:150px 35px; display:inline}
				.highlightPhoto ul { width:5800px; float:left; text-align:center; }
					.highlightPhoto li { display:inline; margin:0; height:318px; position:relative}
					.highlightPhoto li a {}
					.highlightPhoto li img { vertical-align:middle; width:122px; height:172px; margin-top:80px;}
					.highlightPhoto li span { color:#404040; font-size:12px; font-weight:bold; text-align: center; padding:48px 0 10px 0; cursor:pointer; display:none; width:103px; bottom:-70px; right:95px; position:absolute; background:url(../images/bgd_viewPhoto.png) 0 100% no-repeat}	
					.photoOne { width:228px; margin:0 auto; position:relative }
					.photoOne span { color:#404040; font-size:12px; font-weight:bold; text-align:center; cursor:pointer; padding:48px 0 10px 0; display: block; width:103px; bottom:50px; right:65px; position:absolute; background:url(../images/bgd_viewPhoto.png) 0 100% no-repeat}	
					.photoOne a:hover, .highlightPhoto li a:hover { text-decoration:none}	
			/*photo gallery by M L*/
			#galleryContainer {width:750px; overflow:hidden}
			#slideImgContainer {width:577px; overflow:hidden; float:left}
			#slideImgContainer ul {width:5800px; height:320px; overflow:hidden}
			#slideImgContainer ul  li {height:239px;  float:left; padding:0px 35px 0 0 }
			#slideImgContainer ul  li.largeThumb {padding:0 35px 0 0; height:319px; overflow:hidden}
			#slideImgContainer ul  img {display:inline}
			
					/*homeDetails*/
					.homeDetails{padding:20px 20px 0 0;}
					.homeDetails img{ float:left; margin:0 30px 0 0}
					.homeDetails h2{ font-size:2.909em;}
					.homeDetails h3{ font-size:1.636em; color:#747474}
					.homeDetails h4{ font-size:1.22em;}
					.homeDetails p{ padding:12px 0}
						.homeDetails .txtDescription { width:530px; float:right; overflow:hidden}
						.homeDetails .txtDescription .fckDefault { min-height:195px;}
						.homeDetails .txtDestionShort { width:393px; float:right; overflow:hidden}
						.homeDetails .txtDestionShort .fckDefault { min-height:195px;}
						/*fileRessource*/
						.fileRessource { float:left; margin:0 20px 0 0; width:326px; text-align:center; overflow:hidden}
						.fileRessource .button { width:100px; margin:0 auto}
						.fileRessource .button a { float:none; width:75px;}
						.homeDetails .fileRessource img  { float:none; margin:0}
					#flashLayer { width:299px; height:254px; padding:15px 14px 15px 13px; overflow:hidden; background:url(../images/bgd_flash.gif) 0 0 no-repeat }	
					/*itemHistory*/
					.itemHistory{ width:240px; float:left; margin:10px 25px 0 0}
					.itemHiLast{ margin:10px 0 0 0}
					.itemHistory img{ margin:0 8px 30px 0}
					.itemHistory h4{ color:#1d253c;}
					.itemHistory p{ padding:5px 0 0 0; text-align:justify; min-height:25px}
					.itemHistory a{ float:right; text-decoration:underline}
					.itemHistory a:hover{ text-decoration:none}
					.widItem { width:178px;}
	/*////container/////*/		
	#container { width:100%; overflow:hidden; padding:1px 0 0 0;}
		.bgdLineHome { background: url(../images/bgd_lineContainerHome.gif) 50% 0 no-repeat}
		.bgdLine{ background:#FFF url(../images/bgd_lineContainer.gif) 50% 0 no-repeat}
		.bgdType{ background:#FFF url(../images/bgd_topContainer.gif) 0 0 repeat-x}
			.bgdType #context { background:url(../images/bgd_line_context_01.gif) 0 0 no-repeat; min-height:762px; height:762px; height:auto!important}
		
		#innerContainer {width:974px; padding:0 12px 5px 12px; margin:0 auto; overflow:hidden;}
		/*////Content///////////*/
		#content{ width:760px; float:left; overflow:hidden; padding:10px 18px 10px 0;}
				.lesResources{ width:760px; overflow:hidden}	
				.lesResources h3{ width:760px;  font-size:2.2em; color:#747474; font-weight:normal; overflow:hidden; clear:both; float:left}
			.itemLesResources{ width:226px; float:left; padding:0 17px 0 0; margin:20px 17px 20px 0; overflow: hidden;  background:url(../images/bgd_line_horial.gif) 100% 0 no-repeat; }
			.itemLesResources h4 { line-height:14px; font-size:1.2em }
			.itemLesResources p{ padding:10px 0;}
			.itemLesResources p.selectType { margin:0 10px 0 0; padding:0; float:left}
			.itemLesResources a.lkConsulter{ background:url(../images/ico_next.gif) 0 0 no-repeat; padding:0 0 8px 25px; font-size:1.1em; float:left}
			.itemLesResources a{ margin:0 5px 0 0}
					#context .itemLesResources a.lkConsulter { float:right}
			.itemLast{ margin:20px 0 20px 0; padding:0; background:none;}
					#context .itemLesResources { width:175px; padding:0 0 20px 0; margin:20px 0 5px 15px; background:url(../images/bgd_line_vertical_sort.gif) bottom center no-repeat}
					#context .itemLesResources h4 {color:#1d253c; height:auto; padding-bottom:5px}
					#context .itemLesResources form { text-align:right}
					#context .itemLesResources .selectType { float:right; text-align:right; margin:0 0 10px 0}
					#context .itemLast { background:none!important; }
			/*Result*/
			.resultat{ width:750px; overflow:hidden; padding:0 10px 0 0; clear:left}
			.resultat h4{ font-size:1.273em; color:#747474; background:url(../images/bgd_line_vertical.gif) bottom center no-repeat; padding:0 0 15px 0}
				.titleResultat {width:750px; overflow:hidden; clear:left;}
				.trierPar{ float:right; margin:-30px 0 0 0;}
				.trierPar label { float:left; margin: 0 10px 0 0;}
				.resultat a.lkConsulter{ background:url(../images/ico_next.gif) 0 0 no-repeat; padding:0 0 8px 25px; float:right; margin:10px 0 20px 0}
				/*itemResult*/
				.itemResult { width:750px; overflow:hidden; margin:0 0 20px 0;}
				.itemResult dl { width:110px; float:left; margin:0 18px 0 0}
				.itemResult dd { font-size:1.1em; width:105px; overflow:hidden}
				.itemResult dd img { display:inline; float:right; margin:0 0 0 5px}
				.itemResult span{ color:#999999; display:block}
					.itemResult dl.resultLast{ margin:0}
		
		
		/*///context////*/
		#context{ width:195px; float:left; padding:0 0 150px 0; background:url(../images/bgd_line_context.gif) 0 0 no-repeat;}
			/*Highlight HOME PAGE*/
						/*history Block*/
			.homeMain      .highlight { width:212px; height:323px; overflow:hidden; float:left; padding:20px 0 10px 12px; position:relative}
			.ouvrageMain   .highlight{ width:185px; padding:0 0 0 7px; float:left; overflow:hidden;}
						/*blocText*/
			.homeMain      .blocText { height:150px}
			.ouvrageMain   .highlight .blocText {padding:20px 0 20px 0;}
						.highlight .blocText p {padding:0 0 5px 0; clear:both}
						.highlight .blocText h4, .ouvrageMain .highlight .blocText h4{font-size:1.273em; font-weight:bold; padding:0 0 5px 0; margin:0}
						/*historyDesInfo*/
						.highlight .historyDesInfo {width:212px; overflow:hidden; display:inline; padding:30px 0 0 0; position:absolute; left:10px; bottom:0;}
						.highlight .historyDesInfo h5 a {font-size:1.1em; font-weight:bold; padding:0 0 10px 0; display:block;}
						.highlight .historyDesInfo img {float:left; padding:0 8px 8px 0; margin-left:-2px;}
						.highlight .historyDesInfo a { text-decoration:none}
						.highlight .historyDesInfo .fckDefault { font-size:11px; min-height:15px;}
						.highlight .historyDesInfo .fckDefault p { padding:0; }
						.highlight .lstLink {text-align:right; overflow:hidden; padding-top:10px}
						.highlight .lstLink li {  font-weight:bold; font-size:1.1em; color:#5E5E5E; clear:both  }
						.highlight .lstLink li img { float:right; }
						.highlight .lstLink li span { float:right; margin:0 5px 8px 0}
						.highlight .lstLink a { text-decoration:none}
		
			#context .highlight {width:185px; padding:0 0 0 10px; float:left; overflow:hidden;}
			.ouvrageMain   .highlight .highlightBloc {width:185px; padding:15px 0; background:none}
			.ouvrageMain   .highlight h4, #context .highlight h4 {width:185px; float:none; margin-bottom:-5px}
			.ouvrageMain   .highlight h4 a, #context .highlight h4 a {padding:5px 0 15px 40px;}
			.ouvrageMain   .highlight p { width:140px;} .ouvrageMain   .highlight p.readMore { width:100%;}
			#context .highlight .highlightBloc{ width:185px; padding:10px 0 20px 0; background:url(../images/bgd_line_vertical_sort.gif) bottom center no-repeat}
						/*highlight Gegeral*/
						.highlight {width:974px; color:#7f7f7f; overflow:hidden; padding:14px 0;}
						.highlight h4 {width:185px; font-size:1.273em; overflow:hidden; float:left }
						.highlight h4 a {color:#1d253c; text-decoration:none; padding:7px 0 14px 40px; float:left }
						.highlight p {padding:0 0 0 40px;} .highlight p.txtInfo {min-height:60px; height:60px; height:auto!important; overflow:hidden; clear: both}
						.highlight p.readMore {text-align:right; padding:12px 0 0 0;}
						.highlight a {color:#5e5e5e; text-decoration:underline }
						.highlight a:hover {text-decoration:none}
						.highlight .highlightBloc {width:185px; background:url(../images/bgd_line_horial.gif) center right no-repeat; float:left; padding:0 12px 0 0;}
						.highlight .first {padding-left:0}
						.highlight .last, #context .highlight .last {padding-right:0; background:none}
							/*slide*/
							.slide{ width:180px; overflow:hidden; padding:10px 0 0 30px; clear:both}
							.slide li{ display:block; float:left; margin:0 8px 0 0}
							.slide li img{ margin:0;}
							.slide li a{ float:left; margin:50px 0 0  0}						
							.slide li.slideCover {width:79px; height:110px; display:block; float:left; margin:0 10px 0 0; overflow:hidden; position:relative; top:0px; left:0px;}
							.slide li.slideCover ul {width:779px; display:block; float:left; margin:0 10px 0 0; overflow:hidden; position:absolute; top:0px; left:0px; z-Index:9}
							.slide li.slideCover ul  li {width:79px; padding:0 30px 0 0; margin:0}
							.slide li.slideCover ul  img{width:79px; height:110px;}
							.slide li.slideCover a { float:none; margin:0}
							/*icon Class */
							.book {background: url(../images/icon_book.png) 3px 0 no-repeat; }
							.list {background: url(../images/icon_list.png) 5px 1px no-repeat; }
							.blog {background: url(../images/icon_blog.png) 5px 2px no-repeat; }
							.podcasts {background: url(../images/icon_podcasts.png) 8px 0 no-repeat; }
							.user {background: url(../images/icon_user.png) 8px 5px no-repeat; }
							.calendar {background: url(../images/icon_calendar.png) 0 0 no-repeat; }
							.nosPartenaires {background: url(../images/nosPartenaires.png) 8px 5px no-repeat; }
							/*icon h4*/
							.chapitres {background: url(../images/icon_chapitres.png) 0px 0 no-repeat; padding:5px 0 0 35px; height:25px;}
							.types {background: url(../images/icon_types.png) 0px 0 no-repeat; padding:5px 0 0 35px; height:25px;}
							.tags {background: url(../images/icon_tags.png) 0px 0 no-repeat; padding:5px 0 0 35px; height:25px;}
								#context .itemLesResources .tags { padding-bottom:10px}	
	/*highlight PosCast*/
	.highlightIntro { width:760px; overflow:hidden; padding:20px 0}
		.highlightIntro h2 {padding:0 0 10px 0;} 
		.highlightIntro h4  {padding:0 0 8px 0;}
		.highlightIntro h2.titMax { color:#9b9b9b; padding:15px 0 10px 0; font-size:24px; font-weight:bold; text-align: center}
		.highlightIntro img { float:left; margin:0 30px 0 0}
		.highlightIntro p { padding:0 0 10px 0}
		.highlightIntro p a { text-decoration:underline} .highlightIntro p a:hover { text-decoration:none}
		.line { background: url(../images/bgd_line_vertical.gif) no-repeat scroll center bottom}
		.highlightIntro .lstLogo { width:760px; overflow:hidden; margin:40px 0 50px 0; text-align:center}
		.highlightIntro .lstLogo li { display:inline; margin:0 50px; }
		.highlightIntro .lstLogo li img { float:none; margin:0; vertical-align:middle}
		.blockPic  {margin:5px 0 15px; 0}
		.blockPic li { display:inline; margin:0 15px;}
		.highlightIntro .blockPic li img { float:none; margin:0 5px 0 0; vertical-align:middle}
	/*list PodCast*/
	.listPodCast { padding:20px 0; overflow:hidden}
		.lstClear { overflow:hidden; clear:both}
		.listPodCast h3 {padding:0 0 25px 0}
		.listPodCast dl {width:360px; float:left; overflow:hidden;}
		.listPodCast dt {width:50px; float:left}
		.listPodCast dd {width:310px;float:left; text-align:justify; font-size:1.1em; padding:0 0 10px 0;}
		/*selectType*/
		.listPodCast dd.selectType { width:195px; margin:5px 0}
		.listPodCast dd.selectType input {width:165px;}
		.listPodCast dd.button { width:auto; float:right; text-align:right}
		.listPodCast .last { float:right}
	/*list Information*/
	.lstInformation { padding:10px 0; overflow: hidden}
	.lstInformation dt {font-size:11px; font-weight: normal; padding:0 0 10px 0;}
	.lstInformation dd  { float:left; font-size:11px; font-weight: normal; margin-right:35px}
	/*table Information*/
	.tblInformation { font-size:1.1em; margin:10px 0; }
	.tblInformation table {border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
	.tblInformation  th { font-size:14px; text-align:center; border-right:1px solid #ebebeb;  border-top:1px solid #ebebeb; padding:5px 10px}
	.tblInformation  td {border-right:1px solid #ebebeb;  border-top:1px solid #ebebeb; padding:5px 10px}
	/*button Input*/
	.buttonInput   { width:100%; padding:30px 0 0 0; margin:0; overflow:hidden; text-align:center}
	.buttonIpt { display:inline}
	.buttonIpt span { float:left; background:url(../images/bgd_btn_mon_left.gif) 0 0  no-repeat; padding:0 0 0 25px;}
	.buttonIpt input { width:auto; font-size:1.0em; color:#696969; color:#696969; border:0; cursor:pointer;  padding:7px 15px 7px 0; background: url(../images/bgd_btn_mon_right.gif) top right no-repeat; }	
		.posIpt {width:220px; margin-left:250px;}
		.posIpt input{ width:220px;}
		
		
					.button a{ display:block; float:left; background:url(../images/bgd_btn_png_left.png) 0 0 no-repeat; padding:0 0 0 25px;  text-decoration:none;}
					.button a:hover{color:#2a354f; background:url(../images/bgd_btn_png_left.png) 0 0 no-repeat;}
					.button  span{display:block; background: url(../images/bgd_btn_png_right.png) top right no-repeat; padding:7px 15px 7px 0; color:#696969; line-height:15px; text-align:center;}
					.button  a:hover span{color:#2a354f; background: url(../images/bgd_btn_png_right.png) top right no-repeat; }
	
	/*/////paging//////////////
	////////////////////////*/
	.paging {width:100%; text-align:center; overflow:hidden; padding:5px 0}
	.paging li {display:inline;}
	.paging li a { font-size:1.1em; padding:2px 5px; border:1px solid #c7c7c7; background:#f7f7f7; margin:0 1px}
	.paging li a:hover { color:#6a6a6a; border:1px solid #666; background:#ccc; text-decoration:none}
	.paging li.active a { color:#FFF; border:1px solid #666; background:#666;}
	
	/*///footer////*/
	#footer { width:100%; font-size:1.1em; background:#1b2239 url(../images/bgd_footer.gif) 0 0 repeat-x; overflow:hidden; min-height:138px}
		#innerFooter {width:974px; overflow:hidden; padding:0 12px; margin:0 auto;}
	#footer ul { width: auto; padding:8px 10px 10px 10px; overflow:hidden; float:left; text-align:right}		
		#footer li { color:#FFF; padding:0 0 5px 0; }
		#footer .title  { padding:0 0 15px 0; font-size:12px; text-transform:uppercase; font-weight: 600;}
		#footer a {color:#FFF;}
		#footer .first { padding:36px 0 0 0;}
		#footer .lstCopyRight { width:200px; padding:36px 0 0 0; float:right}
		#footer .logoBottom {background:url(../images/bgd_h1LogoBelin.png) 100% 0 no-repeat }
#overLayContent {width:100%; height:100%; padding:20px; position:absolute; z-index:99; top:0; left:0; display:none; float:left}
#overLay {height:100%; width:100%;  background:#FFF; -moz-opacity:.30; -ms-filter:"alpha(opacity=30)"; filter:alpha(opacity=30); opacity:.30; position: fixed; z-index:10; top: 0px; left: 0px; display:none}
.divHide {position:absolute; top:-1500px!important; left:-20000px!important;}
/* Alert class */
.alertLayer {border:1px solid #dddddd; position: absolute; overflow:hidden; top:-1500px; left:-200px;} /*background: #808080 url(../images/bgd_welcome.gif) 0 100% repeat-x ;*/
	.alertLayer a {display:none;}
.alertLayer p {color:#FFF; margin:0; padding:10px; font-size:11px; text-align:left}
		
		/*Login Popup*/
#loginForm {width:245px; color:#2c2b2b; font-size:1.1em; padding:10px 0 0 0; background:url(../images/bgd_form_login_top.png) 0 0 no-repeat; position:absolute; top:70px; right:220px; z-Index:99; overflow:hidden ; display: block}
#loginForm form {width:209px; padding:0 18px 10px 18px; background:url(../images/bgd_form_login_cont.png) 0 100% no-repeat; overflow:hidden }
	.hidden {top:-1500px!important; left:-1500px!important;}
#loginForm h4 {font-size:14px; color:#676666; padding:0 0 3px 0}
#loginForm p.textSmall {font-size:10px; color:#676666;  padding:0 0 5px 0}
#loginForm p.textSmall a {color:#676666}
#loginForm p {width:206px; font-size:1.01em; padding:0 0 8px 0; text-align:left; overflow:hidden}
#loginForm p a {color:#2c2b2b}
#loginForm input { color:#2c2b2b; float:left; padding:3px 2px 3px 6px; background:none; margin:0 18px 0 0; border-bottom:none; border-top:1px solid #c2c2c2; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2 }
#loginForm input.btnGo {padding:3px 6px; margin:0; }
.close { float:right; margin:5px 0 0 0;}
.popupLayer {position:absolute; z-Index:99; overflow:hidden ; display: block; top: -1500px;}
	.popupLayer h3 { padding:0 0 10px 0;}
	.popupLayer p { padding:0 0 15px 0; text-align:left}
	.popupLayer .padType1 { padding:0 0 40px 0;}
	.popupLayer .waiting { padding:15px 0 30px 0; text-align:center}
		.popupLayer label { padding:0 0 3px 0}
		.popupLayer input { width:360px; border:1px #cfcec3 solid}
		.popupLayer textarea { width:450px; height:95px; overflow:hidden; overflow-x:hidden; overflow-y:auto; padding:5px; border:1px #cfcec3 solid }
		.popupLayer .posIpt01 { float:right; margin-right:190px}
			.popupLayer .posIpt01 input{ width:60px; height:30px; border:0;}
			
		.frameType1 { width:300px; padding:10px; overflow:hidden}
		
			.popupLayer .titService { background:url(../images/icon_sevice.gif) 0 0 no-repeat; padding:25px 0 25px 70px}	
		/* --- TABLE LAYER--- */
		table.tblAddframe       { border:0;margin:0;padding:0;border-collapse:collapse;empty-cells:show; width:auto; }
		tr.tblAddframeBorder    { border:0;margin:0;padding:0;border-collapse:collapse;width:100%;height:10px; }
		tr.tblAddframeContent   { border:0;margin:0;padding:0;border-collapse:collapse;width:auto; }
		td.tblAddframeCorner    { border:0;margin:0;padding:0;border-collapse:collapse;width:10px;height:10px; }
			td.tblAddframeCorner img { width:10px; height:10px; float:left}
			.tblAddframeLimitX { height:10px; background:url(../images/box_bgd_x.png) 0 0 repeat-x}
			.tblAddframeLimitY { width:10px; background:url(../images/box_bgd_y.png) 0 0 repeat-y}
		td.tblAddframeCenter    { border:0;margin:0;padding:0;border-collapse:collapse;background-color:#ffffff; }
			.innerframe { width:465px; min-height:300px; height:300px; height:auto!important; padding:8px 10px; overflow:hidden}
			.innerView { overflow:hidden; border:1px solid #000; padding-bottom:10px;}
			.innerView .button  { width:75px; margin:10px auto 0 auto; padding:0}
			/*.innerView .button a { float:none}*/
			.alignC { text-align:center; margin:0 auto}
			
			.contFlash { margin-bottom:10px; overflow:hidden; min-height:200px; height:auto!important; height:200px; }
			.contFlash object  { max-width:800px; max-height:550px}
			*+ html .contFlash object {width:expression(document.body.clientWidth < 100? "100px" : document.body.clientWidth > 800? "800px" : "auto");}
			*+ html .contFlash object {height:expression(document.body.clientHeight < 100? "100px" : document.body.clientHeight > 550? "550px" : "auto");}
			.contFlashWidget { overflow:hidden; padding:10px}
			.alignCWidget { width:75px; margin:0 auto; padding:0; overflow:hidden}
			.hckMinW { display:block; clear:both}
		/* --- TABLE LAYER--- */
		table.tblSubTab       { border:0;margin:0;padding:0;border-collapse:collapse;empty-cells:show; width:auto; }
		tr.tblSubTabBorder    { border:0;margin:0;padding:0;border-collapse:collapse;width:100%;height:20px; }
		tr.tblSubTabContent   { border:0;margin:0;padding:0;border-collapse:collapse;width:auto; }
		td.tblSubTabCorner    { border:0;margin:0;padding:0;border-collapse:collapse;width:15px;height:20px; }
			td.tblSubTabCorner img { width:15px; height:20px; float:left}
			.tblSubTabLimitXT { height:20px; background:#FFF}
			.tblSubTabLimitXT img { width:150px; height:20px}
			.tblSubTabLimitXB { height:20px; background:url(../images/subtab_bottom.png) 0 0 repeat-x}
			.tblSubTabLimitYL { width:15px; background:url(../images/subtab_left.png) 0 0 repeat-y}
			.tblSubTabLimitYR { width:15px; background:url(../images/subtab_right.png) 0 0 repeat-y}
		td.tblSubTabCenter    { border:0;margin:0;padding:0;border-collapse:collapse;background-color:#ffffff; }

	.subMenu .slcType { width:auto; float:left; display:block; padding:0 0 0 2px; margin:0; background:url(../images/bgd_selectLeft.gif) 0 0 no-repeat; border-bottom:1px solid #b3b3b3; overflow:hidden }
	.slcType span { background:url(../images/bgd_selectRight.gif) 100% 0 no-repeat; padding:2px 2px 1px 0; display:block; overflow:hidden }
	.slcType select { width:125px; border:0; background:none; font-size:11px}
	.slcType option  { background:#FFF}
	/*selectType*/
	.selectType span { float:left; background:url(../images/bgd_select.gif) 0 0 no-repeat;  padding:1px 5px; display:inline; height:18px; overflow:hidden}
	.selectType input { font-size:11px;  border:0; padding:1px 0; height:14px; background:none; width:100px;}
	.selectType img { float:left}
	.selectbox {display:none}

	/* scroller */
	.smScrollContent{float:left; overflow:hidden}
	.smScroller {width:13px; text-align:center; float:left; z-index:10000}
		.smScroller p {margin:0; padding:0}
		.smScroller a {text-decoration:none; display:block}
		.smScroller span {display:none}
	.smScrollUp, .smScrollUp p, .smScrollUp a {width:13px; height:13px; background:url(../images/btn_up.gif) 0 0 no-repeat; padding:0; margin:0 0 -1px 0}
		.smScrollUp a:hover {}
	.smScrollDn, .smScrollDn p,.smScrollDn a {width:13px; height:13px; background:url(../images/btn_down.gif) 0 0 no-repeat}
		.smScrollDn a:hover {}
	.smScrollDx {width:13px; background:#cdcdcd}
		.smScrollDx a {width:13px; height:30px; background:url(../images/btn_slider.gif) 0 0 no-repeat}
		.smScrollDx a:hover {}
		.smScrollContent p{padding:0 0 10px 0}
		#content #overview .smScroller p{padding:0}	
		
	/* custom select box*/	
	.selScrollContent{background:#fff; float:left; overflow:hidden; z-index:10000}	
		.selScrollContent .selected{ width:125px; background:none; z-index:10000}
		.selScrollContent .long { width:190px!important;}
			.selScrollContent .selected li{ width:105px; overflow:hidden; display:inline; background:none; padding:0; margin:0; text-align:left; cursor: pointer;}
			.selScrollContent .selected li a{display:block; padding:3px 5px; color:#2d2d2d; background:none; font-weight:normal; line-height:14px; overflow:hidden;}
			.selScrollContent .selected li a:hover{text-decoration:none; color:#2d2d2d; background:#f3f3f3}
		
		/*fck Default*/	
		.fckDefault {overflow:hidden;}
			.fckDefault a { color:#747474; text-decoration:underline }
			.fckDefault a:hover { text-decoration:none}
			.fckDefault ul , .editorInfo ol{ margin:0 0 5px 0;}
			.fckDefault ul li { padding:0 0 5px 0; list-style-type: disc!important; list-style:inside;}
			.fckDefault ol li { padding:0 0 5px 0; list-style-type:decimal!important; list-style:inside; }
	/*Skin Template 
	////////////////////////*/
	#SVT {background:#ffdf17}	
	#SVT #header{ background:url(../images/SVT/bgd_header.gif) 0 0 repeat-x;}
		#SVT .bgdWrap , #SVT #wrapContainer { background:#FFF;}
	#SVT #footer { background:#ffdf17 url(../images/SVT/bgd_footer.gif) 0 0 repeat-x;}
	/*Math Pro*/
	#MathPro {background:#84c3de}
	#MathPro #header{ background:url(../images/MathPro/bgd_header.gif) 0 0 repeat-x;}
		#MathPro #wrapContainer { background:#FFF url(../images/MathPro/bgd_containerHome.gif) 0 100% repeat-x;}
	#MathPro #footer { background:#84c3de url(../images/MathPro/bgd_footer.gif) 0 0 repeat-x;}
		#MathPro #footer .title,  #MathPro #footer .title a , #MathPro #lev a  { color:#020202}	
	/*Math College*/
	#MathCollege {background:#e31c18}
	#MathCollege #header{ background:url(../images/MathCollege/bgd_header.gif) 0 0 repeat-x;}
		#MathCollege #wrapContainer { background:#FFF url(../images/MathCollege/bgd_containerHome.gif) 0 100% repeat-x;}
	#MathCollege #footer { background:#e31c18 url(../images/MathCollege/bgd_footer.gif) 0 0 repeat-x;}	
		#MathCollege #footer .title, #MathCollege #footer .title a , #MathCollege #lev a  { color:#020202}
	/*Italien	*/
	#Italien {background:#01468b}
	#Italien #header{ background:url(../images/Italien/bgd_header.gif) 0 0 repeat-x;}
		#Italien #wrapContainer { background:#FFF url(../images/HistoireGeo/bgd_containerHome.gif) 0 100% repeat-x;}
	#Italien #footer { background:#e31c18 url(../images/Italien/bgd_footer.gif) 0 0 repeat-x;}	
	/*Histoire Geo 6e*/
	#HistoireGeo6e {background:#fea457}
	#HistoireGeo6e #header{ background:url(../images/HistoireGeo6e/bgd_header.gif) 0 0 repeat-x;}
		#HistoireGeo6e #wrapContainer { background:#FFF url(../images/HistoireGeo6e/bgd_containerHome.gif) 0 100% repeat-x;}
	#HistoireGeo6e #footer { background:#fea457 url(../images/HistoireGeo6e/bgd_footer.gif) 0 0 repeat-x;}	
		#HistoireGeo6e #footer .title , #HistoireGeo6e #footer .title a , #HistoireGeo6e #lev a { color:#020202}
	/*Histoire Geo*/
	#HistoireGeo {background:#ef8a46}
	#HistoireGeo #header{ background:url(../images/HistoireGeo/bgd_header.gif) 0 0 repeat-x;}
		#HistoireGeo #wrapContainer { background:#FFF url(../images/HistoireGeo/bgd_containerHome.gif) 0 100% repeat-x;}
	#HistoireGeo #footer { background:#ef8a46 url(../images/HistoireGeo/bgd_footer.gif) 0 0 repeat-x;}	
		#HistoireGeo #footer .title, #HistoireGeo #footer .title a , #HistoireGeo #lev a  { color:#020202}
	/*Francais 6e*/
	#Francais6e {background:#ffd500}
	#Francais6e #header{ background:url(../images/Francais6e/bgd_header.gif) 0 0 repeat-x;}
		#Francais6e .bgdWrap , #Francais6e #wrapContainer { background:#FFF;}
	#Francais6e #footer { background:#ffd500 url(../images/Francais6e/bgd_footer.gif) 0 0 repeat-x;}	
	/*Francais*/
	#Francais {background:#ffdc00}
	#Francais #header{ background:url(../images/Francais/bgd_header.gif) 0 0 repeat-x;}
		#Francais #wrapContainer { background:#FFF url(../images/Francais/bgd_containerHome.gif) 0 100% repeat-x;}
	#Francais #footer { background:#ffdc00 url(../images/Francais/bgd_footer.gif) 0 0 repeat-x;}
		#Francais #footer .title, #Francais #footer .title a, #Francais #lev a { color:#020202}
	/*Espagnol*/
	#Espagnol {background:#ef8a46}
	#Espagnol #header{ background:url(../images/Espagnol/bgd_header.gif) 0 0 repeat-x;}
		#Espagnol #wrapContainer { background:#FFF url(../images/Espagnol/bgd_containerHome.gif) 0 100% repeat-x;}
	#Espagnol #footer { background:#ef8a46 url(../images/Espagnol/bgd_footer.gif) 0 0 repeat-x;}
		#Espagnol #footer .title , #Espagnol #footer .title a, #Espagnol #lev a { color:#020202}
	/*Education Civique*/
	#EducationCivique {background:#e31c18}
	#EducationCivique #header{ background:url(../images/EducationCivique/bgd_header.gif) 0 0 repeat-x;}
		#EducationCivique .bgdWrap , #EducationCivique #wrapContainer { background:#FFF;}
	#EducationCivique #footer { background:#e31c18 url(../images/EducationCivique/bgd_footer.gif) 0 0 repeat-x;}	
	/*Anglais Ontarget*/
	#AnglaisOntarget {background:#FFF}
	#AnglaisOntarget #header{ background:url(../images/AnglaisOntarget/bgd_header.gif) 0 0 repeat-x;}
	#AnglaisOntarget #header h1  {background:url(../images/AnglaisOntarget/bgd_h1LogoBelin.png) 0 0 no-repeat}
	#AnglaisOntarget #header h1 a {color:#020202}
	#AnglaisOntarget #innerHeader {background: url(../images/AnglaisOntarget/bgd_imgHeader.jpg) 100% 0 no-repeat;}	
		#AnglaisOntarget #wrapContainer { background:#FFF url(../images/AnglaisOntarget/bgd_containerHome.gif) 0 100% repeat-x;}
	#AnglaisOntarget #footer { background:#FFF url(../images/AnglaisOntarget/bgd_footer.gif) 0 0 repeat-x;}	
		#AnglaisOntarget #footer li , #AnglaisOntarget #footer a , #AnglaisOntarget #footer .title , #AnglaisOntarget #footer .title a , #AnglaisOntarget #lev a { color:#020202}
		#AnglaisOntarget #footer .logoBottom {background:url(../images/AnglaisOntarget/bgd_h1LogoBelin.png) 100% 0 no-repeat }
	/*Anglais College*/
	#AnglaisCollege {background:#e1007a}
	#AnglaisCollege #header { background:url(../images/AnglaisCollege/bgd_header.gif) 0 0 repeat-x;}
	#AnglaisCollege #innerHeader {background: url(../images/AnglaisCollege/bgd_imgHeader.jpg) 100% 0 no-repeat;}	
		#AnglaisCollege .bgdWrap , #AnglaisCollege #wrapContainer { background:#FFF;}
	#AnglaisCollege #footer { background:#e1007a url(../images/AnglaisCollege/bgd_footer.gif) 0 0 repeat-x;}
	/*////////////////////*/
	#wrapContainer { width:100%; overflow:hidden; padding:0 0 3px 0;}
	.bgdWrap { background:#FFF url(../images/bgd_containerHome.gif) 0 100% repeat-x; overflow:hidden}
	/* inscription 
	////////////////////////*/
	#container .hidden { display:none}
	.inscriptionForm { width:760px; float:left; overflow:hidden; font-size:1.1em}	
	.inscriptionForm h3{ font-size:1.8em; color:#747474; font-weight:normal}
	.inscriptionForm legend { display:none}
	.inscriptionForm td.e_texte label { width:120px}
	.inscriptionForm select { width:200px}
	.inscriptionForm option {padding:0 5px;}
	.inscriptionForm ul li div.texte { color:#FF0000}
	.texte { margin:0 0 5px 0;  overflow:hidden;}
		.textinfo {width:269px; float:left; padding:4px 0 0 0; }
		.textinfo label {width:auto; float:left;}
		.textinfo img { float:left; margin:5px 0 0 5px }
	.lien-etablissement  { width:100%}
	.lien-etablissement a { float:left;}	
	.lien-etablissement img { display:inline;}
	.formulaire-compte  input {width:356px; border:1px solid #cfcec3; padding:2px 4px; float:left}
		.formulaire-fd  ul  {width:409px;  float:left; overflow:hidden; padding:0; margin:0}	
		.formulaire-fd  ul label {width:auto; float:left; padding:0 4px 0 0; }	
		.formulaire-fd  ul li {width:auto; float:left; }
		.formulaire-fd  ul input {width:13px; height:16px; border:1px solid #cfcec3; padding:0; margin:0 8px 0 0 ;  float:left; border:none}
	#dd10, #d10 { padding:5px; height:250px;}
	#dd10 option , #d10 option  { padding: 2px 0}
	#lettre_info ,#lettre_info2, #condition { width:13px; height:13px; float:left; margin-left:10px; border:0}
	.formulaire-compte { width:760px; overflow:hidden; background:url(../images/bgd_frmTop.gif) 0 0 no-repeat; padding:17px 0 0 0;}
	.formulaire-compte  fieldset { width:680px; background:url(../images/bgd_frmCont.gif) 0 100% no-repeat; padding:20px 30px 40px 30px;  overflow:hidden; float:none}
	.phrase-indic {width:730px;}
	
		.formulaire-compte-bt {width:220px; margin-left:250px;}
		.formulaire-compte-bt div { float:left; background:url(../images/bgd_btn_mon_left.gif) 0 0  no-repeat; padding:0 0 0 25px;}
		.formulaire-compte-bt input {  width:220px; height:29px; font-size:1.0em; color:#696969; color:#696969; border:0; cursor:pointer;  padding:0 15px 0 0; background: url(../images/bgd_btn_mon_right.gif) top right no-repeat; }	


/********** classes communes a tous les templates ********/
.linkDonwload {background:url(../images/ico_down.png) 100% 3px no-repeat; padding:5px 20px 5px 0; font-size:1.1em}
.linkView {background:url(../images/ico_search.png) 100% 3px no-repeat; padding:5px 20px 5px 0; font-size:1.1em}
#main .linkLock { width:175px}
.linkLock {background:url(../images/icon_lockDownload.png) 100% 3px no-repeat; padding:5px 35px 5px 0; font-size:1.1em}
.txtResult { font-size:11px;}	
#main .txtLink { text-decoration:none}
.txtLink span  {float:left}
.txtLink img { float:left; margin-left:5px}	
#content .marginType1 { margin:20px 0; text-align:left}	
.txtRed { color:#FF0000; font-size:11px}    
.noFlash img { margin-top:100px}
/*Classes*/			
.lineSpec{ background:url(../images/bgd_line_vertical_sort.gif) top center no-repeat}
/*TEXT COLOR*/
.pink{ color:#c984ab}
.blue{ color:#5fa7c2}
.green{ color:#00a000}
.yellow{ color:#ccbd44;}
.orange{ color:#ff6000}
.sizeSmall{ font-size:0.909em; font-weight:bold;}
.size9{ font-size:9px; font-weight:bold;}
.size10{ font-size:10px; font-weight:bold;}
.size11{ font-size:11px; font-weight:bold;}
.sizeMedium{ font-size:12px; font-weight:bold;}
.size13{ font-size:13px; font-weight:bold;}
.size14{ font-size:14px; font-weight:bold;}
.size15{ font-size:15px; font-weight:bold;}
.sizeBig{ font-size:16px; font-weight:bold;}
#audioplayer { width:200px; margin:0 auto}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#lev li a{font-weight: normal;}
#footer .title  { font-weight: normal;}
}