/* -------------------------------------------------------------------- 
	              PORTAIL E-BOURGOGNE
                Main style definitions
            By Le Studio, Atos Worldline, 2010
-------------------------------------------------------------------- */

/* NOTES : */
/* All application specifics styles or modifications to the 
original style definitions must be done in the 
stylesheet "dev.css" */

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

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

html {overflow:-moz-scrollbars-vertical;}

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 {
	font: 101% Arial, "Helvetica Neue", Helvetica, Sans-serif;
	color: #000;
	background: #F2F4F9 url(../images/bg_body.png) repeat-x;
	margin: 0;
}

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

h1 {float: left; width: 83px; margin: 10px 20px 5px;}
h2 {font-size: 1.5em; color: #000; background: transparent; margin-bottom: 20px;}

p, li, dt, dd {font-size: 0.75em;}
li li {font-size: 90%;}
ul {padding-left: 16px;}
ol {list-style-position:inside; padding-left: 1em;}

a:hover {text-decoration: none;}
a:active {text-decoration: none;}

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

caption {
	min-height: 24px;
	font-size: 0.75em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 28px;
	color: #FFF;
	background: #1B1B1B url(https://sso.e-bourgogne.fr/sso-da/images/bg_caption.png) repeat-x;
	margin: 0 0 1px 0;
	border-bottom: 1px solid #FFF;
}

th {
	font-size: 0.75em;
	text-align: left;
	color: #FFF;
	background: #666;
	padding: 3px 5px 3px 8px;
	border-left: 1px solid #FFF;
}
	th:first-child {border-left: 0;}
th a, th a:link, th a:visited {
	color: #FFF;
	background: #666;
	text-decoration: underline;
}
th a:hover {text-decoration: none;}
th a:active {text-decoration: none;}
	th a img {vertical-align: 3px;}

td {
	font-size: 0.75em;
	text-align: left;
	padding: 3px 5px 3px 8px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
	td:first-child {border-left: 0;}

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

/* FORM DEFAULT VALUES */

fieldset {
	position: relative;
	clear: both;
	color: #333;
	background: #FFF url(https://sso.e-bourgogne.fr/sso-da/images/bg_fieldset.png) bottom left repeat-x;
	padding: 20px 0 15px;
	margin-bottom: 20px;
	border: 1px solid #CCC;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
fieldset ul {margin: 0 0 20px 20px;}
fieldset p {float: left; width: 100%;}
legend {
	font-size: 0.95em;
	font-weight: bold;
	color: #039;
	background: #FFF url(https://sso.e-bourgogne.fr/sso-da/images/bg_legend.png) 7px 5px no-repeat;
	padding: 0 8px 0 15px;
	margin-left: 20px;
}
	legend img {padding-left: 10px; vertical-align: bottom;}
		
label {
  float: left;
  width: 8em;
  font-weight: bold;
  text-align: right;
  padding-right: 5px;
}

input {font-size: 110%; padding-bottom: 1px; margin: 0 0 5px 0;}

input[type=text], input[type=password] {
	padding: 0 0 2px 2px;
	border: 1px solid #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
input:focus {border: 1px solid #E54302;}
input[type=submit] {
	font-size: 110%;
	font-weight: bold;
	color: #FFF;
	background: #E54302;
	padding: 2px 5px 3px 5px;
	margin: 0 5px;
	border: 1px solid #FFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px #CCC;
	-webkit-box-shadow: 1px 1px 1px #CCC;
	box-shadow: 1px 1px 1px #CCC;
	cursor: pointer;
}
input[type=submit]:hover, input[type=submit]:focus {
	color: #FFF;
	background: #264A6F;
	border-color: #000;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

input[type=reset] {
	font-size: 110%;
	font-weight: bold;
	color: #000;
	background: #D0D0D0;
	padding: 2px 5px 3px 5px;
	margin: 0 5px;
	border: 1px solid #FFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px #CCC;
	-webkit-box-shadow: 1px 1px 1px #CCC;
	box-shadow: 1px 1px 1px #CCC;
	cursor: pointer;
}
input[type=reset]:hover {
	color: #FFF;
	background: #666;
	border-color: #000;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
select {font-size: 110%; margin: 0 0 5px 0;}
option {}
textarea {
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 0.9em;
  padding: 2px;
  margin: 0 0 5px 8px;
}

/* -------------------------- !PAGE BODY STRUCTURE --------------------------- */

/* Main container */
#container {width: 970px; text-align: center; margin: 0 auto;}
#page {
	float: left;
	width: 960px;
	background: #FFF;
	padding: 0 10px 10px;
	margin-bottom: 40px;
}

/* Page wrapper and cols */
#wrapper {
	float: left;
	width: 100%;
	text-align: left;
	color: #000;
	background: #FFF url(https://sso.e-bourgogne.fr/sso-da/images/bg_wrapper.gif) 752px 0 repeat-y;
	margin-bottom: 20px;
}

#main-content {float: left; width: 733px;}
#aside {float: right; width: 187px;}


/* --------------------------------- !HEADER ELEMENTS ------------------------------ */

#header {
	float: left;
	width: 100%;
	text-align: left;
	color: #000;
	background: #FFF url(../images/bg_header.png) top right no-repeat;
	margin-bottom: 10px;
}

/* Search form */
#search {
	float: left;
	width: 300px;
	padding: 30px 0 0 150px;
}

	#search fieldset {background: none; padding: 0; border: 0;}
	#search p {text-align: right;}
	#search label {position: absolute; top: -3000px;}
	#search-field {
		width: 15em;
		max-width: 340px;
		color: #000;
		background: #FFF url(https://sso.e-bourgogne.fr/sso-da/images/bg_search.png) repeat-x;
		padding: 2px 3px 4px 30px;
	}

/* Phone contact */
#contact-note {
	float: left;
	width: 170px;
	margin: 30px 0 0 40px;
}
#contact-note p {font-size: 0.7em;}

/* Tools links */
#tools {
	float: right;
	width: 7em;
	padding: 10px 20px 10px 0;
}
	#tools li {font-size: 0.7em; list-style-type: none;}
	#tools a, #tools a:link {
		color: #000;
		background: transparent url(https://sso.e-bourgogne.fr/sso-da/images/bullet.gif) 0 5px no-repeat;
		text-decoration: none;
		padding-left: 10px;
	}
	#tools a:visited {
		color: #3F3F3F;
		background: transparent url(https://sso.e-bourgogne.fr/sso-da/images/bullet.gif) 0 5px no-repeat;
	}
	#tools a:hover {text-decoration: underline;}
	
/* Text zoom */
li#zoomOut {
	float: left;
	width: auto;
	font-size: 0.9em;
	font-weight: bold;
	padding-top: 8px;
}
	li#zoomOut a, li#zoomOut a:link, li#zoomOut a:visited {background-image: none;}
	
li#zoomIn {
	float: left;
	width: auto;
	font-weight: bold;
	padding: 10px 0 0 10px;
}

	li#zoomIn a, li#zoomIn a:link, li#zoomIn a:visited {background-image: none;}

/* -------------------------------- !FOOTER ELEMENTS ---------------------------------- */

#footer {margin: 0 0 10px 0;}
	#footer div.nav {
		float: left;
		width: 100%;
		text-align: left;
		color: #000;
		background: #F1E8E7 url(https://sso.e-bourgogne.fr/sso-da/images/bg_footer.png) top right no-repeat;
		padding: 20px 0;
		margin: 0 0 10px 0;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	#footer h2 {color: #25486E; background: transparent; margin: 0 20px 20px;}
		#footer h2 em {font-weight: normal;}
		
	#footer div.nav a, #footer div.nav a:link {
		color: #000;
		background: transparent;
		text-decoration: none;
	}
	#footer div.nav a:visited {color: #3F3F3F; background: transparent;	}
	#footer div.nav a:hover {text-decoration: underline;}
	
	#footer div.nav li li a, #footer div.nav li li a:link {
		color: #000;
		background: transparent url(https://sso.e-bourgogne.fr/sso-da/images/bullet.gif) 0 5px no-repeat;
		text-decoration: none;
		padding-left: 10px;
	}
	#footer div.nav li li a:visited {
		color: #3F3F3F;
		background: transparent url(https://sso.e-bourgogne.fr/sso-da/images/bullet.gif) 0 5px no-repeat;
	}
		
	#footer p.copyright {
		float: left;
		width: 100%;
		font-size: 0.7em;
		text-align: left;
		color: #4A4A4A;
		background: #FFF;
	}
	#footer ul {
		float: left;
		width: 20%;
		list-style-type: none;
		padding: 0 0 20px 20px;
	}
		
		#footer li {
			padding: 3px 6px 3px 0;
			vertical-align: top;
		}
		#footer ul ul {
			float: none;
			width: 100%;
			padding: 0;
		}
		#footer ul ul li {margin: 0 0 0 14px}
		
/* Partners logos */
#partners {float: left; width: 45%; padding-left: 20px;}
	#partners img {padding-right: 20px;}
		
/* Social link */
ul#social {
	float: right;
	width: 187px;
	color: #000;
	background: #E3DCE1;
	padding: 4px 10px 2px;
	margin: 0 20px 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
ul#social li {float: left; width: auto; padding: 0 0 0 12px; vertical-align: bottom;}
ul#social li:first-child {padding: 5px 0 0 0;}



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

/* MAIN NAVIGATION */
#main-nav {
	float: left;
	width: 100%;
	color: #000;
	background: #274A6E url(../images/bg_main-nav.png) right repeat-y;
}
#main-nav ul {padding: 0;}
#main-nav li {
  float: left;
  width: auto;
  list-style-type: none;
  font-size: 0.95em;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  background: transparent url(../images/bg_item.png) right repeat-y;
  padding: 0 2px 0 0;
}
	#main-nav li:first-child img {vertical-align: middle;}

#main-nav a, #main-nav a:link, #main-nav a:visited {
	display: block;
	text-decoration: none;
	color: #FFF;
	background: transparent;
    padding: 4px 20px 5px;
}
#main-nav a:hover {
	text-decoration: none;
  	color: #000;
  	background: #FDCC03;
}

/* Active section without link */
#main-nav li.active strong {
	display: block;
	text-decoration: none;
  	color: #000;
  	background: #FDCC03;
    padding: 4px 20px 5px;
}

/* Active section with link */
#main-nav li.active a, #main-nav li.active a:link, #main-nav li.active a:visited {
	display: block;
	text-decoration: none;
  	color: #000;
  	background: #FDCC03;
    padding: 5px 20px;
}


/* BREADCRUMBS */
#breadcrumbs {
	float: left;
	width: 100%;
	text-align: left;
  	color: #373737;
  	background: #FFF;
	padding: 3px 0 20px 0;
}

	#breadcrumbs p {
		float: left;
		width: 70%;
		font-size: 0.7em;
		padding: 0 10px;
	}
	#breadcrumbs p.date {float: right; text-align: right;width:20%;}
	
	#breadcrumbs a:link, #breadcrumbs a:visited {
		color: #373737;
		background: #FFF;
	}
	

/* SECOND LEVEL NAVIGATION TABS */

/* Normal tabbed content */
div.tabbed-data {
	float: left;
	width: 100%;
}
ul.tabs {
	position: relative;
	float: left;
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 1px 0 3em 1px;
	border-bottom: 3px solid #FDCC03;
}
	ul.tabs li {
		float: left;
		width: auto;
		font-size: 0.8em;
		margin-right: 5px;
	}
	ul.tabs a:link, ul.tabs a:visited {
		display: block;
		font-weight: bold;
		text-decoration: none;
		color: #333;
		background: #E7E7E7;
		padding: 5px 15px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
	}
	ul.tabs a:hover {
		color: #000;
  		background: #FDCC03;
	}
	/* Current tab non linkable */
	ul.tabs li.active strong {
		display: block;
		font-weight: bold;
		text-decoration: none;
  		color: #000;
  		background: #FDCC03;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
	}
	/* Current tab linkable */
	ul.tabs li.active a:link, ul.tabs li.active a:visited {
  		color: #000;
  		background: #FDCC03;
	}
	
	/* Level 2 */
	ul.tabs ul {
		position: absolute;
		left: 0;
		width: 733px;
		color: #000;
		background: #FDCC03;
		padding: 0;
	}
	ul.tabs ul li {font-size: 100%; list-style-type: none;}
	ul.tabs li.active ul a:link {
		font-weight: normal;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	ul.tabs li.active ul a:visited {color: #444; font-weight: normal;}
	ul.tabs li.active ul a:hover {background: transparent url(https://sso.e-bourgogne.fr/sso-da/images/tab-bullet.gif) right no-repeat;}

	/* Current sub-tab */
	ul.tabs ul li.active strong {background: transparent url(https://sso.e-bourgogne.fr/sso-da/images/tab-bullet.gif) right no-repeat;}

/* The tabbed content box - width depends on the parent */	
div.tab-content {}


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

/* --- TITLE BLOCK --- */
div.hgroup {
		color: #000;
		background: #DEE4F0;
		margin-bottom: 1px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
}

/* --- ITEM ILLUSTRATION --- */
p.illustration {float: left; width: auto; padding: 0 20px 20px 0;}

/* --- LIST OF ARTICLE ENTRIES --- */
div.hentry {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
	div.hentry div.hgroup {float: left; width: 100%; background: #EEE;}
	div.hentry h3 {
		float: left;
		width: 80%;
		font-size: 0.85em;
		padding: 10px 0 8px 20px;
	}
	div.hentry p.date {
		float: right;
		width: 10%;
		text-align: right;
		padding: 10px 20px 8px 0;
		margin: 0;
	}
	div.hentry div.content {
		color: #000;
		background: #FFF;
		padding: 15px 20px;
		margin: 36px 0 0;
		border: 1px solid #CCC;
		-moz-border-radius-bottomleft: 8px;
		-moz-border-radius-bottomright: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}
	
	div.hentry div.content p {margin: 5px 0;}
	div.hentry ul.links-list {width: 100%; margin: 20px 0 0;}
	div.hentry ul.links-list li {text-align: right;}



/* --- LIST OF LINKS --- */
ul.links-list {
	width: 90%;
	color: #000;
	background: transparent url(../images/dots_v_blue.gif) top left repeat-x;
	list-style-type: none;
	padding: 5px 0 0 0;
	margin: 10px auto 15px;
}
	ul.links-list li {padding: 3px 0;}
	ul.links-list a, ul.links-list a:link {
		font-weight: bold;
		color: #000;
		background: transparent url(../images/bullet.png) 0 4px no-repeat;
		padding-left: 10px;
	}
	ul.links-list a:visited {
		color: #3F3F3F;
		background: transparent url(../images/bullet.png) 0 4px no-repeat;
	}

/* Specifics */
fieldset ul.links-list {margin: 0 20px;}
	
/* --- SECTIONS --- */

div.section {
	float: left;
	width: 100%;
	margin-left: 20px;
}
	div.section:first-child {margin-left: 0;}

	div.section div.hgroup {
		color: #000;
		background: #DEE4F0;
		margin-bottom: 1px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
	}
	div.section div.hgroup h2, div.section div.hgroup h3 {
		font-size: 0.95em;
		padding: 5px 10px;
		margin: 0;
	}
	
	div.section div.content {
		margin-bottom: 20px;
		border: 1px solid #AEBECD;
		-moz-border-radius-bottomleft: 8px;
		-moz-border-radius-bottomright: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
	}
	div.section p {font-size: 0.7em; color: #3F3F3F; margin: 2px 10px;}
	div.section p.illustration {padding: 0; margin: 0 0 10px 0;}

/* --- GENERAL INFO BLOCK --- */

div.infos {float: left; width: 100%; margin-bottom: 0;}

	div.infos div.hgroup h2, div.infos div.hgroup h3 {
		font-size: 0.9em;
		padding: 5px 10px 13px;
		margin: 0;
	}
	
	div.infos div.content {
		color: #000;
		background: #FFF;
		padding: 8px 0;
		margin: -10px 0 20px;
		border: 1px solid #AEBECD;
		-moz-border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		border-radius: 8px;
	}
	div.infos p {font-size: 0.7em; color: #3F3F3F; margin: 0 10px 3px;}
	div.infos ul.links-list {background-image: none; margin: 5px auto;}
	div.infos ul.links-list li {font-size: 0.7em;}
	
	div.infos p.block-deco img {
		position: absolute;
		top: -5px;
		left: 5px;
		width: auto;
	}
	
	div.infos dl {
		width: 90%;
		margin: 0 auto 10px;
	}
	div.infos dt {font-size: 0.7em; padding-top: 10px;}
	div.infos dd {
		font-size: 0.7em;
		color: #000;
		background: #FFF url(../images/dots_v_blue.gif) bottom left repeat-x;
		padding-bottom: 10px;
	}
		div.infos dl a:link {color: #000; background: #FFF; text-decoration: none;}
		div.infos dl a:visited {color: #373737; background: #FFF;}
		div.infos dl a:hover {text-decoration: underline;}


/* --- LIST OF NAVIGATIONAL LINKS --- */
ul.navigational {
	float: right;
	width: 100%;
	text-align: right;
	list-style-type: none;
	color: #3F3F3F;
	background: transparent url(../images/dots_v_blue.gif) top left repeat-x;
	padding: 5px 0 0 0;
	margin: 20px 0 0 0;
}
	div.article ul.navigational {margin: 20px 0 0 0;}
	ul.navigational li {
		display: inline;
		font-size: 0.7em;
	}
	ul.navigational a, ul.navigational a:link {
		text-transform: uppercase;
		text-decoration: none;
		padding-left: 8px;
	}
	ul.navigational a:hover {text-decoration: underline;}
	
	/* Back link */
	ul.navigational a.back, ul.navigational a.back:link {
		float: left;
		width: auto;
		color: #333;
		background: transparent url(https://sso.e-bourgogne.fr/sso-da/images/pic_back.png) 0 3px no-repeat;
	}
	
	/* Top of the page link */
	ul.navigational a.top, ul.navigational a.top:link {
		float: right;
		width: auto;
		color: #333;
		background: transparent url(https://sso.e-bourgogne.fr/sso-da/images/pic_top.png) 0 6px no-repeat;
		padding-left: 12px;
	}
	

/* --- LIST PAGINATION --- */
div.pagination {
	float: left;
	width: 100%;
	color: #000;
	background: #FFF url(../images/dots_v_blue.gif) bottom left repeat-x;
	padding-top: 6px;
	margin-bottom: 20px;
	border-top: 2px solid #CCC;
}
div.bottom {background-image: none;}

	div.pagination select {}
	div.pagination label {width: auto; font-size: 100%; margin-right: 0;}
	
p.total {float: left; width: 20%; text-align: center;}
p.resNum {float: left; width: 40%;}
p.pagNums {
	float: right;
	width: 40%;
	text-align: right;
	letter-spacing: 0.3em;
}

/* --- CAROUSEL --- */

div.carouselBox {width: 210px; margin: 0 auto 8px;}

div.jCarouselLite {margin-top: 8px;}
	div.jCarouselLite ul {padding: 0;}
	div.jCarouselLite li {
		width: 180px;
		height: 3em;
		text-align: center;
	}
	div.jCarouselLite strong {
		display: block;
		font-size: 120%;
		text-transform: uppercase;
	}

/* Controls */
p.prev, p.next {
	float: left;
	width: 13px;
	height: 19px;
	margin-top: 15px;
}
p.next {float: right; margin-top: -30px;}

/* --- ARTICLE --- */

div.article {float: left; width: 530px; padding-left: 10px;}
div.introduction {
	float: left;
	width: 100%;
	color: #000;
	background: #FFF url(../images/dots_v_blue.gif) bottom left repeat-x;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
div.aside {float: right; width: 165px;}

	div.article h3 {font-size: 1em; margin: 40px 0 20px;}
	div.article h4 {font-size: 0.9em; margin: 20px 0 10px;}
		
	div.article p {
		font: 0.7em/1.4 Verdana, Arial, "Helvetica Neue", Helvetica, Sans-serif;
		color: #373737;
		background: #FFF;
		margin: 10px 0;
	}
	div.article p.date {margin: 0;}
	div.article ul {margin: 20px;}
	div.article li {
		font: 0.7em/1.4 Verdana, Arial, "Helvetica Neue", Helvetica, Sans-serif;
		color: #373737;
		background: #FFF;
		margin: 10px 0;
	}

/* Tools */
ul.article-tools {padding: 0 0 20px 0;}
ul.article-tools li {
	display: inline;
	font-size: 0.65em;
	list-style-type: none;
	text-transform: uppercase;
}

ul.article-tools a:link, ul.article-tools a:visited {
	color: #000;
	background: #FFF;
	text-decoration: none;
	padding: 0 0 0 17px;
}
ul.article-tools a:hover {text-decoration: underline;}

#print {background: #FFF url(https://sso.e-bourgogne.fr/sso-da/images/tiny_icons.gif) no-repeat; padding-right: 20px;}
#send {background: #FFF url(https://sso.e-bourgogne.fr/sso-da/images/tiny_icons.gif) 0 -17px no-repeat;}


/* NEWS */
div.news {float: left; padding-left: 10px;}
div.introduction {
	float: left;
	width: 100%;
	color: #000;
	background: #FFF url(../images/dots_v_blue.gif) bottom left repeat-x;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
div.aside {float: right; width: 165px;}

	div.news h3 {font-size: 1em; margin: 40px 0 20px;}
	div.news h4 {font-size: 0.9em; margin: 20px 0 10px;}
		
	div.news p {
		font: 0.7em/1.4 Verdana, Arial, "Helvetica Neue", Helvetica, Sans-serif;
		color: #373737;
		background: #FFF;
		margin: 10px 0;
	}
	div.news p.date {margin: 0;}
	div.news ul {margin: 20px;}
	div.news li {
		font: 0.7em/1.4 Verdana, Arial, "Helvetica Neue", Helvetica, Sans-serif;
		color: #373737;
		background: #FFF;
		margin: 10px 0;
	}

/* Tools */
ul.news-tools {padding: 0 0 20px 0;}
ul.news-tools li {
	display: inline;
	font-size: 0.65em;
	list-style-type: none;
	text-transform: uppercase;
}

ul.news-tools a:link, ul.news-tools a:visited {
	color: #000;
	background: #FFF;
	text-decoration: none;
	padding: 0 0 0 17px;
}
ul.news-tools a:hover {text-decoration: underline;}

#print {background: #FFF url(https://sso.e-bourgogne.fr/sso-da/images/tiny_icons.gif) no-repeat; padding-right: 20px;}
#send {background: #FFF url(https://sso.e-bourgogne.fr/sso-da/images/tiny_icons.gif) 0 -17px no-repeat;}


	  
/* ---------------------------- !SPECIFIC BLOCKS ----------------------------- */

/* --- MON E-BOURGOGNE BLOCK --- */

#mon-ebourgogne {
	clear: both;
	color: #FFF;
	background:  transparent url(https://sso.e-bourgogne.fr/sso-da/images/bg_login.png) top right no-repeat;
	padding-bottom: 10px;
	margin-bottom: 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#identify {
	padding: 8px;
	margin-bottom: 30px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

	#mon-ebourgogne dl {
		position: relative;
		width: 100%;
		font-weight: bold;
		color: #FFF;
		background:  #E54302;
		margin: 0 auto;
		-moz-border-radius-bottomleft: 8px;
		-moz-border-radius-bottomright: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
	}
	#mon-ebourgogne dt {font-size: 0.85em; padding: 0 8px 5px 10px;}
	#mon-ebourgogne dd {font-size: 0.7em; padding: 0 60px 10px 10px;}
	#mon-ebourgogne dt a:link, #mon-ebourgogne dt a:visited {
		text-decoration: none;
		color: #FFF;
		background: transparent;
	}
	dd#register {position: absolute; top: 25px; right: 5px; width: 37px; padding: 0;}

/* --- CALL CONTACT /GIP --- */

#appel {position: relative;}
	
	#appel div.content {
		margin-top: 5px;
		border-color: #9DC445;
	}
	#appel p {font-weight: bold; line-height: 1.1; padding-left: 40px;}
	#appel .phone {
		display: block;
		font-size: 180%;
		padding-top: 8px;
		color: #185B1A;
		background: #FFF;
	}

	#appel p.note {font-weight: normal;}
	
	
/* --- NEWSLETTER --- */

#newsletter {position: relative;}
	
	#newsletter div.content {
		color: #000;
		background: #E7E7E7;
		margin-top: 5px;
		border: 0;
	}
	#newsletter h2 {font-size: 0.85em; margin: 0 0 20px 65px;}
	
	/* Subscription form */
	#subscription {margin-top: 8px;}
	#subscription p {text-align: center;}
	#news-email {width: 90%;}


/* --- A LA UNE --- */

/* Home page highlights */
#highlihgts {clear: both;}

#aLaUne {
	float: left;
	width: 453px;
	margin-bottom: 20px;
}
	#aLaUne div.hgroup {
		float: left;
		width: 100%;
		color: #FFF;
		background: #284C70 url(https://sso.e-bourgogne.fr/sso-da/images/bg_title.png) repeat-x;
		margin-bottom: 1px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
	}
	#aLaUne h2 {
		float: left;
		width: auto;
		font-size: 1em;
		line-height: 29px;
		color: #FFF;
		background: transparent;
		padding: 0 0 0 10px;
		margin: 0;
	}
	
      #aLaUne div.content {
            float: left;
            width: auto;
            padding: 15px 0;
            border: 1px solid #7994B1;
            -moz-border-radius-bottomleft: 8px;
            -moz-border-radius-bottomright: 8px;
            -webkit-border-bottom-left-radius: 8px;
            -webkit-border-bottom-right-radius: 8px;
            border-bottom-right-radius: 8px;
            border-bottom-left-radius: 8px;
      }
      #aLaUne div.abstract {}
      #aLaUne li {padding: 0 15px;}
      #aLaUne li h3 {
            font-size: 1.8em;
            line-height: 1;
            color: #000;
            background: #FFF;
            margin-bottom: 20px;
      }
      #aLaUne li p {font-size: 100%; margin-bottom: 15px;}
      #aLaUne li p.date {font-weight: bold; margin-bottom: 5px;}
      #aLaUne li p.illustration {margin-bottom: 0;}
      #aLaUne ul.links-list {width: 100%;}
            #aLaUne ul.links-list li {
                  float: left;
                  width: auto;
                  font-size: 100%;
                  padding-right: 30px;
            }

#aLaUne div.action {
	float: right;
	width: auto;
	height: 9px;
	margin-right: 0;
}
	#aLaUne div.action p, #aLaUne div.action ul {
		float: left;
		width: auto;
	}
	#aLaUne div.action li {
		float: left;
		width: auto;
		height: 30px;
		list-style-type: none;
		padding: 4px 8px 0;
		border-left: 1px solid #FFF;
	}
	#aLaUne div.action .progress {
		display: inline-block;
		width: 18px;
		height: 30px;
		background: transparent url(https://sso.e-bourgogne.fr/sso-da/images/pic_actu.png) 0 8px no-repeat;
		padding: 0 3px 0 0;
	}
	#aLaUne div.action .on {
		background: transparent url(https://sso.e-bourgogne.fr/sso-da/images/pic_actuOn.png) 0 8px no-repeat;
	}


/* Institutional info/home page */
#institutional {
	float: right;
	width: 260px;
	color: #000;
	background: #EEE;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 20px;
}
	#institutional h2 {
		font-size: 1.1em;
		color: #25486E;
		background: transparent;
		padding: 10px 15px;
		margin-bottom: 10px;
		border-bottom: 1px solid #FFF;
	}
	#institutional p {
		padding: 0 15px;
	}
	
/* Carousel of members / Exceptions */
#members {
	width: 90%;
	color: #000;
	background: #DEDEDE;
	margin: 0 auto 10px;
	border: 2px solid #FFF;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
	#members h3 {
		display: inline-block;
		font-size: 0.8em;
		color: #000;
		background: transparent url(https://sso.e-bourgogne.fr/sso-da/images/bullet_down.gif) right 5px no-repeat;
		padding-right: 15px;
		margin: 5px 10px;
	}
	#members p {padding: 0;}
	
/* Services sections exceptions / home page */

#services {clear: both;}
#services div.section {width: 231px;}
#services div.content {min-height: 430px;}

#collectivites div.hgroup {background: #F7C6B3;}
#particuliers div.hgroup {background: #C1CDE0;}
#entreprises div.hgroup {background: #F6E7AC;}

#services ul.links-list {margin-bottom: 0;}

#services ul.nav {
	width: 90%;
	list-style-type: none;
	color: #000;
	background: #E9EBF1;
	padding: 0;
	margin: 10px auto;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
	#services ul.nav li {border-bottom: 1px solid #FFF;}
	#services ul.nav a, #services ul.nav a:link {
		display: block;
		text-decoration: none;
		color: #000;
		background: transparent url(https://sso.e-bourgogne.fr/sso-da/images/bg_sectionnav.gif) right no-repeat;
		padding: 8px 35px 8px 10px;
	}
	#services ul.nav a:visited {
		color: #3F3F3F;
		background: transparent url(https://sso.e-bourgogne.fr/sso-da/images/bg_sectionnav.gif) right no-repeat;
	}
	#services ul.nav a:hover {text-decoration: underline;}
	
	#services p.intro {
		width: auto;
		color: #3F3F3F;
		background: transparent url(../images/dots_v_blue.gif) bottom left repeat-x;
		padding-bottom: 10px;
		text-align: justify;
	}

	  
/* ---------------------------- !TABLE SPECIFICS ----------------------------- */

/* Alternate table rows difference */
tr.alternate th, tr.alternate td {
	color: inherit;
	background: #F5F4F0;
}


/* --------------------------- !FORMS SPECIFICS ------------------------------ */

/* --- FORMS --- */

form.window {
	float: left;
	width: 94%;
	color: #000;
	background: #FFF;
	margin: 20px;
	border: 1px solid #A0A0A0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 3px 2px 6px #BBB;
	-webkit-box-shadow: 3px 2px 6px #BBB;
	box-shadow: 3px 2px 6px #BBB;
}

	form.window div.hgroup {
		color: #000;
		background: #E4EAED;
		margin: 2px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
		form.window div.hgroup h2 {font-size: 0.8em; padding: 5px 10px; margin-bottom: 10px;}
		
		form.window div.content {width: 90%; margin: 10px auto;}

/* --- FIELDSETS' HELP BLOCK --- */
div.fieldset-help {
	position: absolute;
	right: 15px;
	top: -10px;
	width: 20%;
	z-index: 200;
}
div.fieldset-help.active {background: transparent url(https://sso.e-bourgogne.fr/sso-da/images/bg_help.png) right 7px no-repeat;}
	
div.fieldset-help p.trigger {float: right; width: 17px; text-align: right;}
div.fieldset-help div.content {
	float: left;
	width: 100%;
	color: #000;
	background: #EEE;
	padding: 8px 0;
	margin: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
div.fieldset-help div.content p {float: none; width: auto; margin: 3px 10px;}


/* --- FORM ACTIONS BAR --- */
div.form-buttons {
	text-align: center;
	margin: 20px 0;
}

/* --- LABELS --- */

/* if label is on checkbox or radio */
p.radios span {
  float: left;
  width: 8em;
  font-weight: bold;
  text-align: right;
  padding-right: 5px;
}
p.radios label {float: none; display: inline; margin: 0; vertical-align: 4px;}

/* Hides label */
label.lbHide {display: none;}

/* For paragraphs with no main label */
p.noLabel {padding: 0 0 10px;}
p.noLabel strong {
  float: left;
  width: 8em;
  text-align: right;
  padding-right: 5px;
}


/* --- FORM INFOS --- */

/* Lost password */
a.lostPassword {display: block; font-size: 90%;}

/* Confirmation message/positive feedback to user */
p.confirmation {
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	margin: 30px 0;
}

/* Contextual field comments */
.comments {font-size: 0.65em; vertical-align: top;}

/* mandatory fields */
p.mandatory {
	font-size: 0.7em;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
	margin-bottom: 10px;
} 
	p.mandatory em {font-size: 120%; color: #E54302;}
	em.required {font-size: 120%; color: #E54302;}

/* to position calendar on form */
.calendar {vertical-align: -2px;}

/* to position help icon */
.picHelp {vertical-align: 0;}

/* --- ERROR HANDLING --- */

/* Field error */
input.field-error {
	color: #FFF;
	background: #C00;
}
/* Contextual field error message */
.contextual-error {
	color: #C00;
	background: transparent;
	font-size: 100%;
	font-weight: bold;
	vertical-align: 4px;
	padding-left: 5px;
}

/* Error message block */
#error {
	clear: both;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #C00;
	padding: 10px 0;
	margin-bottom: 25px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}	  
#error p {
  width: 60%;
  text-align: center;
	color: #FFF;
	background: #C00;
  margin: 3px auto;
}	



/* -------------------------------- !SPECIFIC PAGES ----------------------------- */

/* --- DASHBOARD --- */

#dashboard {
	float: left;
	width: 99.9%;
	color: #373737;
	background: #F4F4F4;
	border: 1px solid #FED942;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
	#dashboard div.head {
		float: left;
		width: 100%;
		color: #000;
		background: #FED942;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}
		#dashboard div.head p {float: left; width: auto; padding: 10px 10px 5px 10px;}
		#dashboard div.head p.help {float: right; width: auto; padding: 7px 10px;}
		
		#dashboard div.head ul.nav {float: left; width: auto; padding-top: 5px;}
		#dashboard ul.nav li {
			float: left;
			width: auto;
			list-style-type: none;
			font-size: 0.85em;
			font-weight: bold;
			padding: 0 10px;
		}
		#dashboard ul.nav a, #dashboard ul.nav a:link {
			display: block;
			color: #000;
			background: #FED942;
			text-decoration: none;
			padding: 5px 8px;
		}
		#dashboard ul.nav a:hover {
			color: #000;
			background: #FFF;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			border-radius: 7px;
		}
		
		/* Current topic */
		#dashboard ul.nav li.active strong {
			display: block;
			color: #000;
			background: #FFF;
			text-decoration: none;
			padding: 5px 8px;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			border-radius: 7px;
		}
		#dashboard ul.nav li.active {
			color: #000;
			background: transparent url(https://sso.e-bourgogne.fr/sso-da/images/bg_topic.gif) bottom center no-repeat;
			padding-bottom: 5px;
		}
		
/* Dashboard windows */

div.window {
	float: left;
	width: 323px;
	color: #000;
	background: #FFF;
	margin: 20px;
	border: 1px solid #A0A0A0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 3px 2px 6px #BBB;
	-webkit-box-shadow: 3px 2px 6px #BBB;
	box-shadow: 3px 2px 6px #BBB;
}

	div.window div.hgroup {
		color: #000;
		background: #E4EAED;
		margin: 2px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
		div.window div.hgroup h2 {font-size: 0.8em; padding: 5px 10px; margin-bottom: 10px;}
		
		div.window div.content {width: 90%; margin: 10px auto;}
		div.window h3 {font-size: 0.8em; color: #373737; background: #FFF; margin-bottom: 10px;}
		div.window p {font-size: 0.7em; color: #373737; background: transparent;}
		div.window li {font-size: 0.7em; color: #373737; background: transparent;}
		div.window dl {margin-bottom: 10px;}
		div.window dt {font-size: 0.7em; color: #373737; background: transparent; margin-top: 10px;}
		div.window dd {
			font-size: 0.7em;
			color: #373737;
			background: transparent url(../images/dots_v_blue.gif) bottom left repeat-x;
			padding-bottom: 10px;
		}
		
/* --- MON COMPTE / form --- */

#coords label {width: 13em;}
#coords p.noLabel strong {width: 13em;}
#ipFName {width: 15em;}
#ipName, #ipFunction, #ipTown {width: 20em;}
#ipAddress, #ipEmail {width: 24em;}
#ipZipCode {width: 4em;}

/* --- LOGIN PAGE --- */
#login {float: none; clear: both; width: 70%; margin: 150px auto 80px;}
#login label {float: none; display: block; width: auto; text-align: center;}
#login p {margin: 20px 0 0;}
#login div.form-buttons {margin-bottom: 50px;}
#login ul.links-list {width: 100%; text-align: left;}


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

/* Skip menu */
.skip {position: absolute; left: -3000px;}

/* Introductory text */
p.intro {
	font-family: Arial, "Helvetica Neue", Helvetica, Sans-serif;
	margin-bottom: 20px;
}