/* -------------------------------------------------------------------- 
			  			DALLOZ
              Main styles definitions
            By Le Studio, Atos Worldline, 2009
-------------------------------------------------------------------- */

/* NOTES: Used in combination with "ie6hacks.css" and "ie7hacks.css"
style-sheets, called by conditional comments by each HTML file -- 
check those CSS for corrections for IE6 and IE7 browsers 

Check out the "dev.css" style-sheet also for modifications or 
add-ons done by the dev team
*/

/* MAIN COLORS REFERENCE:
  main color:					   	#B8262B;
  light grey:						#E6E4E7;
  medium grey:						#D5D3D7;
  dark grey:			 			#635372;
  mauve:							#8D7BA0;
  text: 			   				#1B1B1B;
*/

/* CSS index (!):
  DEFAULT VALUES
  PAGE BODY STRUCTURE & MAIN ELEMENTS
  NAVIGATION
  GENERAL BLOCKS
  TABLE SPECIFICS
  FORMS SPECIFICS
  SPECIFIC PAGES
  EXCEPTIONS & SPECIFICS (used sitewide)
*/

/* ----------------------------- ! DEFAULT VALUES -------------------------------- */

html {overflow: -moz-scrollbars;}

body, div, dl, dt, 
  dd, ul, ol, li, 
  h1, h2, h3, h4, h5, h6, 
  pre, code, form, fieldset, 
  legend, input, textarea, 
  p, blockquote, th, td {
    padding: 0; margin: 0;
} /* reset */

body {
	width: 100%;
	height: 100%; /* for layer on IE6 */
	font: 101% Arial, Helvetica, Sans-serif;
	color: #1B1B1B;
	background: #FFF;
	margin: 0 auto;
}

img {border: 0;}
hr {display: none;}

h1 {float: left; width: 361px; height: 66px; margin-top: 18px;}
h2 {font-size: 0.9em; padding: 5px 10px;}
h3 {}
h3 a.linkActu:link {color: #B8262B; text-decoration: none; }
h3 a.linkActu:visited {color: #B8262B; text-decoration:	none;}
h3 a.linkActu:hover {color: #B8262B; text-decoration:	underline;}

p, dt, dd {font-size: 0.75em;}

ul {padding-left: 16px;}
li {font-size: 0.75em;}
li li {font-size: 0.95em;}

a:link {color: #1B1B1B; background-color: inherit; text-decoration: underline;}
a:visited {color: #666; background-color: inherit; text-decoration: underline;}
a:hover {color: #8D7BA0; background-color: inherit; text-decoration: none;}
a:active {text-decoration: none; border: 0;}

table {
	clear: both;
	border-collapse: collapse;
	border-spacing: 0;
}

caption {}

th {
	font-size: 0.75em;
	text-align: left;
	padding: 5px 8px;
}
th a, th a:link, th a:visited {}
th a:hover {}

td {font-size: 0.75em; padding: 5px 8px; vertical-align: top;}

acronym, abbr {border-bottom: 1px dashed #000; cursor: help;}

/* FORM DEFAULT VALUES */

form {clear: both;}
fieldset {border: 0;}

label {
	float: left;
	width: 8em;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
}

select {font-size: 100%;}

input {font-size: 100%;}
input[type=submit]  {
	font-weight: bold;
	color: #FFF;
	background: #B8262B;
	border: 0;
	cursor: pointer;
}
/*input[type=reset]  {
	font-weight: bold;
	color: #FFF;
	background: #666;
	border: 0;
	cursor: pointer;
}*/
input[type=radio] {vertical-align: -2px;}



/* ----------------------------- ! PAGE BODY STRUCTURE & MAIN ELEMENTS -------------------------------- */

/* --- MAIN CONTAINER --- */
#container {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 20px;
}

/* Columns wrapper */
#wrapper {
	float: left;
	width: 100%;
	background: #FFF url(../img/bg_wrapper.gif) 780px 0 repeat-y;
	margin-bottom: 20px;
}

/* main content column */
#mainCnt {
	float: left;
	width: 780px;
	margin: 0 0 0 0;
}

	/* Page highlights / 1st content column */
	#highlights {
		float: left;
		width: 760px;
		background: url(../img/bg_firstCnt.gif) bottom left no-repeat;
		margin-bottom: 20px;
	}


	/* 2nd Main content column */
	#secondCnt {
		float: left;
		display: inline;
		width: 760px;
		background: url(../img/bg_secondCnt.gif) 0 0 repeat-y;
		padding-top: 25px;
		margin: 0 0 20px 0;
	}
	
		#blogCol {
			float: left;
			display: inline;
			width: 180px;
			margin-right: 20px;
		}
		#studCol {
			float: left;
			display: inline;
			width: 299px;
			margin-right: 21px;
		}
		#magCol {float: right; width: 240px;}

/* Transversal content column */
#transversalCnt {
	float: right;
	width: 180px;
}

/* --- HEADER & HEADER CONTENT --- */
#header {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

/* Tools Links */
#tools {
	float: right;
	width: 180px;
	background: #FFF url(../img/bg_dotted.gif) repeat-y top left;	
	padding: 5px 0 5px 20px;
	margin: 20px 0 15px;
}
#tools li {
	font-size: 0.7em;
	list-style-image: url(../img/bullet_tools.gif);
	padding-bottom: 3px;
}

	
/* --- FOOTER --- */
#footer { 
	float: left;
	width: 980px;
	margin-bottom: 40px;
	border-top: 4px solid #635372;
}


/* Site index */
div.index {
	float: left;
	width: 950px;
	background: #EEE;
	padding: 15px 15px 10px;
	margin: 2px 0 5px; 
}
	div.index .thema {
		float: left;
		width: auto;
		min-height: 170px;
	}
	div.index .thema p {
		width: 110px;
		color: #B8262B;
		background: #EEE;
		font-weight: bold;
		font-size: 0.85em;
		border-bottom: 1px solid #B8262B; 
		margin-right: 30px;
	}
	div.index ul {
		width: 110px;
		list-style-type: none;
		font-weight: bold;
		padding: 5px 30px 10px 0;
		line-height: 1.5;
	}
	div.index .first ul, div.index .first p {width: 160px;}
	div.index ul.sub {width: auto; font-weight: normal;padding: 5px 0 0 15px;}
	div.index a:link, div.index a:visited {text-decoration: none; color: #333;}
	
/* partners list */
	div.partners {
		float: right;
		width: 165px;
		min-height: 170px;
		background: #EEE url(../img/bg_partners.gif) repeat-y top left;
		padding-left: 20px;
	}
	div.partners p {color: #2D1841; font-size: 0.9em;}
	div.partners p strong {font-weight: normal;}
	div.partners ul {width: auto; padding: 5px 0 0;}

/* copyright and legals */
div.infoLinks {
	text-align: center;
	float: left;
	width: 100%;
	font-size: 0.9em;
	background: url(../img/bg_dottedH.gif) repeat-x scroll left top;
	padding-top: 5px;
}

	div.infoLinks ul {padding: 0 0 0 2px;}
	p.copyRight { width: 10%; padding-top:20px !important; margin:auto !important;}

	div.infoLinks li {
		display: inline;
		border-right: 1px solid #000;
		padding: 0 0.5em;
	}
	div.infoLinks li.last {border: none;}
	div.infoLinks li a {color: #000;}
	
	

/* ----------------------------- ! NAVIGATION -------------------------------- */

/* --- LEVEL 1 NAVIGATION TABS --- */
#navBox {
	float: left; 
	width: 100%; 
	height: 35px; 
	background: url(../img/bg_nav.gif) repeat-x top left;
	margin-top: 6px;
	padding: 5px 0;
}

/* Tabs list */
#mainNav {
	float: left;
	width: 98%;
	height: 35px;
	list-style-type: none;
	padding-left: 0;
}
	#mainNav li {
		float: left;
		position: relative;
		width: auto;
		height: 27px;
		text-transform: uppercase;
		background: url(../img/bg_tab.gif) repeat-y top right;
		padding: 4px 6px;
	}
	#mainNav li.last {background: none;}
	#mainNav a:link, #mainNav a:visited {
		display: block;
		width: auto;
		font-weight: bold;
		text-decoration: none;
		color: #1B1B1B;
		background: url(../img/bg_tabfolded.gif) 92% center no-repeat;
		padding: 6px 28px 4px 10px ;
	}
	#mainNav li:hover a, #mainNav li.over a:link, #mainNav li.over a:visited  {
		color: #FFF;
		background: #B8262B url(../img/bg_tabunfold.gif) 92% center no-repeat;
	}

/* 2nd lvl tabs list*/
#mainNav li div.tabFold {display: none;}
#mainNav li:hover div.tabFold,  #mainNav li.over div.tabFold {
	display: block;
	position: absolute;
	width: 150px;
	top: 31px;
	left: 6px;
	background: #B8262B;
	padding-bottom: 5px;
}
#mainNav li div.tabFold ul {
	list-style-type: none;
	padding: 5px;
}
#mainNav div.tabFold li {
	float: left;
	width: 138px;
	text-transform: none;
	line-height: 100%;
	background: url(../img/bg_tablvl2.gif) repeat-x bottom left;
	padding: 0;
	margin: 0;
	border: none;
}
#mainNav div.tabFold li.recherche {	
	width: 145px;	
}
#mainNav div.tabFold a:link, #mainNav div.tabFold a:visited {
	color: #FFF;
	background: #B8262B;
	padding: 5px;
}
#mainNav div.tabFold a:hover {
	color: #B8262B;
	background: #FFF;
}

/* --- Special tabs --- */
/* Active page tab */
li#active strong {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	background-color: #B8262B;
	padding: 5px 10px;
}
li#active span {padding: 6px 0 4px; }


/* ----------------------------- ! GENERAL BLOCKS -------------------------------- */


/* Links block */
ul.links {
	background: url(../img/bg_dottedH.gif) top left repeat-x; 
	list-style-type: none;
	padding: 5px 0 0;
	margin: 10px 0px 0;
}
ul.links li {
	float: left;
	width: auto;
	font-weight: bold;
	line-height: 1.5em;
	background: url(../img/bullet.gif) 0 4px no-repeat;
	padding-left: 18px;
	margin: 0 30px 0 0;
}
ul.links li.img {
	background: none; 
	padding-left: 0; 
	margin: 0;
}

/* --- MAIN DATA BLOCKS --- */

/* Level 1 block */
div.blockL1 {
	float: left;
	width: 100%;
	margin: 0 0 20px;
}
div.blockL1 h2 {
	font-size: 1em;
	font-weight: normal;
	color: #FFF;
	background: #8D7BA0 url(../img/bg_titmag.gif) no-repeat right bottom;
}
div.blockL1 h2 a em {font-weight: bold; font-style: italic;}
div.blockL1 h2 a.linkblockL1 {color:#FFF;}
 

div.blockL1 div.dataBlock {margin: 0 10px;}

div.blockL1 ul.links {
	float: left;
	width: 100%;
	padding: 10px 0 0 0;
	margin: 10px 0 0;
}
div.blockL1 ul.links li {margin: 0 8px 0 5px;}

/* Level 2 block */
div.blockL2 {
	float: left;
	width: 100%;
	margin: 0 0 20px;
}

div.blockL2 h2 {
	font-size: 1em;
	font-weight: normal;
	background: #E6E4E7;
}
div.blockL2 h2 a em {font-weight: bold; font-style: italic;}
div.blockL2 h2 a.linkblockL2 {color:#000000;}

div.blockL2 div.dataBlock {margin: 0 10px;}
div.blockL2 ul.links {float: left; width: 100%; padding: 10px 0 0 0; margin: 10px 0 0;}
div.blockL2 ul.links li {margin: 0 25px 0 5px;}


/* Level3 block */
div.blockL3 {
	width: 180px;
	background: #D5D3D7;
}
	
div.blockL3 h2 {
	font-size: 1em;
	font-weight: normal;
	color: inherit;
	background: #D5D3D7;
	padding: 10px;
	border-bottom: 2px solid #FFF;
}
div.blockL3 h2 a.linkblockL3 
	{
		color:#000000;
		display:block;
	}
div.blockL3 h2 a.linkblockL3:visited, div.blockL3 h2 a.linkblockL3:link, div.blockL3 h2 a.linkblockL3:hover {text-decoration:none;}
div.blockL3 h2 a em {
		font-weight: bold;
		font-style: italic;
	}
	div.blockL3 h2 a span {
		color: inherit;
		background: #D5D3D7 url(../img/bg_titblog.gif) no-repeat right 65%;
		padding: 0 25px 0 5px;
	}
	
div.blockL3 div.dataBlock {
	color: inherit;
	background: #FFF url(../img/bg_blog_bord.gif) bottom right no-repeat;
	padding: 8px 10px;
	border: 7px solid #D5D3D7;
}
div.blockL3 .date {
	font-weight: normal;
	font-style: italic;
	color: #1B1B1B;
	background: #FFF;
}
div.blockL3 ul.links {margin: 10px 0 0; padding: 10px 0 0;}
div.blockL3 ul.links li {float: none;}


/* Level 4 block */
div.blockL4 {
	clear: both;
	padding: 1px;
	margin-bottom: 20px;
	border: 1px solid #D0D0D0; 
}
div.blockL4 h2 {font-weight: normal; background: #ECEBED;}
div.blockL4 h2 a { text-decoration:none; color:#000000; display:block;}
div.blockL4 h2 a:link, div.blockL4 h2 a:hover, div.blockL4 h2 a:visited {text-decoration:none; color:#000000;}
div.blockL4 h2 a em {font-weight: bold; font-style: italic;}
div.blockL4 p {padding: 10px 10px 5px;}
div.blockL4 ul.links {margin-bottom: 10px;}
div.blockL4 ul.links li {float: none; margin: 0 0 0 5px;}


/* --- LOGIN FORM --- */
#frLogin {
	width: 180px; 
	padding: 1px;
	margin-bottom: 20px;
	border: 1px solid #D0D0D0;
}

#frLogin h2 {
	font-size: 0.75em;
	text-transform: uppercase;
	background: #ECEBED;
}
#frLogin h2 span {
	background: url(../img/bg_titlogin.gif) right center no-repeat;
	padding-right: 10px;
}

#frLogin p {margin: 5px 10px;}
#frLogin p.notes {font-size: 0.6em; margin: 0 10px 10px;}

#frLogin label {float: none; font-size: 0.9em; text-align: left;}
#frLogin input {padding: 2px 2px 1px;}

p#savePwd {background: #F5F5F5; margin: 1px 0 0; padding: 5px 10px;}
#savePwd .help {
	float: right;
	width: 20px;
	text-align: right;
}
#savePwd input {
	float: left;
	width: auto;
	height: auto;
	margin: 2px 5px 0 0;
}
#savePwd label {display: inline-block; width: 90px;}

/* Field widths */
#ipLogin {width: 150px;}
#ipPwd {width: 110px;}
#frLogin input[type=image] {height: 21px; width: 27px; vertical-align: -4px;}

/* User data (once identified) */
#user-section {
	clear: both;
	padding: 10px 0;
	margin-bottom: 20px;
	border: 1px solid #D0D0D0;
}
#user-section p {background: #F5F5F5; padding: 5px; margin: 0 10px;}
#user-section ul.links {margin: 10px 10px 0;}
#user-section ul.links li {float: none;}


/* shop block */
#shop {
	color: inherit;
	background: transparent url(../img/bg_shop_top.gif) top left no-repeat;
	margin-bottom: 20px;
	border-bottom: 1px solid #D4D2D7;
}
#shop div.dataBlock {}
#shop h2 {
	height: 1em; /* needed for IE7 */
	font-weight: normal;
	font-size: 1em;
	text-align: center;
	background: transparent;
	padding: 10px;
}
#shop h2 a { color: #B8262B; display:block; }
#shop h2 a:link, #shop h2 a:visited, #shop h2 a:hover { text-decoration:none; }
#shop h2 a em {font-weight: bold; font-style: italic;}
#shop ul.links {
	color: inherit;
	background-color: #F5F5F5;
	padding-top: 10px;
	margin: 0 10px 10px;
}
#shop ul.links li {float: none;}

/* Product data */
div.hproduct {padding: 0 12px 10px;} 
p.thumbnail {float: left; width: 55px; padding: 10px 10px 5px 0;}

dt.name {
	background: url(../img/bg_shop_dotted.gif) 0 0 repeat-x;
	padding-top: 10px;
}
	dt.name a {text-decoration: none; color: #000;}
	dd.description {clear: both;}
	
	
/* ----------------------------- ! SPECIFIC BLOCKS-------------------------------- */

/* --- DATABASE BLOCK --- */
/* database block */
#bdd {
	float: left;
	width: 240px;
	margin: 0;
}
/*#bdd h2 {
	color: #FFF;
	background: #B8262B url(../img/bg_titbdd.gif) no-repeat 92% center;
	padding: 10px;
}

#bdd h2 a.linkbdd {text-decoration:none; color:#FFF;}*/

#bdd h2 {
color:#FFFFFF;
background: #B8262B url(../img/bg_titbdd.gif) no-repeat 92% center;
} 

#bdd h2 a.linkbdd {
background-color:transparent;
color:#FFFFFF;
display:block;
margin:5px;
text-decoration:none;
}


#bddCnt {
	border: 2px solid #B8262B;
	border-bottom: none;
	padding: 5px;
	margin-top: 2px;
}
#bddCnt h3 {color: #B8262B; font-size: 0.95em; padding: 0 5px 5px;}
#bddCnt p.bddImage {text-align: center; margin: 5px 0 10px;}
#bdd ul.links {margin: 5px; padding: 10px 0 0;}
#bdd ul.links li {float: none;}

#student a {text-decoration:none; display:block;}
#prepa a {text-decoration:none; display:block;}
#revues a {text-decoration:none; display:block;}
#vernimmen a {text-decoration:none; display:block;}
#jurisprudences a {text-decoration:none; display:block;}

/* Specifics */
#discover div.dataBlock ul.links li {display:block;}

/* --- NEWS BLOCK --- */

#actu {
	float: left;
	width: 488px;
	padding: 5px;
	margin: 0 20px 0 0;
	border: 1px solid #D5D3D7;
	border-bottom: none;
}

/* Title block */
#actu div.titBox {
	float: left;
	width: 100%;
	color: #FFF;
	background: #635372;
	margin-bottom: 20px;
}
#actu h2 {float: left; width: 345px; font-size: 1em; text-transform: uppercase;}
#actu h2 em {font-size: 0.8em;}
#actu h2 span { 
	font-weight: normal;
	background: url(../img/bg_titdateactu.gif) 15px 50% no-repeat;
	padding-left: 35px;
}

/* News pagination */
#navActu {
	float: right;
	width: 80px;
	text-align: right;
}
#actu #navActu img {padding: 3px 10px 0 0;}

/* News data */
p.newsImage {float: left; width: 145px; padding-right: 10px;}
/* Demande d'intervention Dalloz 20091015 taille image définie par  le style et non HTML */
p.newsImage img {width: 136px;}
div.abstract {
	/* Demande d'intervention Dalloz 20091015 : retrait du float */
	float: left;
	width: 325px;
	margin-bottom: 20px;
}

div.abstract h3 {color: #B8262B; margin-bottom: 5px;}
div.abstract p {margin-bottom: 5px;}
div.abstract p.category {
	font-size: 0.6em;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-bottom: 20px;
}

#prevImg,#nextImg{
    width:22px;
    height:23px;
}

#navActu img,
#navActu a {
 width:22px;
 height:23px;
}


#actu .readNext {margin-bottom: 10px;}
#actu .readNext a {
	font-size: 0.9em;
	font-weight: bold;
	color: #B8262B;
	background: #FFF;
}
#actu .source {
	font-size: 0.7em;
	text-align: right;
	background: url(../img/bg_source.gif) right 1px no-repeat;
	padding-right: 18px;
}

#actu ul.links {
	float: left;
	width: 100%;
	padding: 10px 0 0 0;
	margin: 0;
}
#actu ul.links li.rssLink {
	display: block;
	width: 150px;
	background-image: none;
	padding: 0 0 0 10px;
	margin: 0;
}
#actu ul.links li.rssLink img {margin-top: 1px;}


/* ----------------------------- ! EXCEPTIONS & SPECIFICS -------------------------------- */

/* Skip menu */
p.skip {position: absolute; top: -2000px;}

/* Date */
.date {font-weight: bold; color: #B8262B; background: inherit;}

/* Horizontal pub banner */
p.bannerPub {
	clear: both;
	width: 100%;
	background: #FFF;
	text-align: center;
	padding-bottom: 20px;
}

/* Vertical pub banner */
p.vPub img {border: 1px solid #E6E4E7; width: 178px}
p.vPub {margin-bottom: 4px;}

/* Illustrations for data blocks */
p.illustration {text-align: center; margin: 10px 0;}