/* -------------------------------------------------------------- 
	
	screen.css
	
	Note: Pour faire une déclinaison de cette feuille de style
	tout en respectant la charte graphique de l'ueb, rechercher
	et remplacer la couleur personnalisée de cette charte par
	votre couleur (cf. page 30 de la charte graphique de l'UEB).
	
	Couleur personnalisée de la charte: #6b8a98
	
	Couleur lien hypertexte : #08c
	
	Drapeaux : http://www.famfamfam.com/lab/icons/flags/
	
	Pour tout renseignement: stephane.rio@univ-rennes1.fr
	
	VALIDATION : CSS 3.0
	
-------------------------------------------------------------- */

@import "addons.css";

html,
body
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 100.01%;
}

body
{
	text-align: center;
	background: #e4e8e4 url( ../commons/assets/background-body.jpg ) repeat-y center top;
	font-size: 0.688em; /* ~11px */
	line-height: 1.4em;
	color: #636466;
}

body,
input,
textarea,
select
{
	font-family: Arial, Verdana, sans-serif;
}

input,
textarea,
select
{
	font-size: 1em; /* ~11px */
}

a:focus, 
a:hover
{
	color: #000;
	text-decoration: underline;
}

a
{
	color: #08c; /*link */
	text-decoration: none;
}

hr
{
	clear: both;
	margin: 15px 0 50px 0;
	border: 0 #000000 solid;
	border-top-width: 1px;
	height: 0;
}
	
img
{
	display: inline-block;
}

strong
{
	font-weight: bold;
}

p
{
	margin: 0 0 10px 0;
}

li ul,
li ol
{
	margin: 0 10px;
}

ul,
ol
{
	margin: 0 10px 10px 20px;
}

ul
{
	list-style-type: disc;
}

ul ul
{
	list-style-type: circle;
}

ol
{
	list-style-type: decimal;
}

abbr,
acronym
{
	text-transform: uppercase;
	font-variant: small-caps;
	cursor: help;
	border-bottom: 1px dotted #636466;
}

/* NOSCRIPT MESSAGE
-------------------------------------------------------------- */

noscript p
{
	margin: 0;
	padding: 5px 10px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #c0c0c0;
	background-color: #fff8dd;
}

/* GLOBAL-CONTAINER
-------------------------------------------------------------- */

div#global-container
{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	overflow: hidden;
}

/* GLOBAL-CONTAINER > HEADER
-------------------------------------------------------------- */

div#global-container div#header
{
	height: 115px;
	margin: 10px 0 7px 10px;
	background: #fff url( assets/background-header.jpg ) no-repeat right top;
	overflow: hidden;	
}

/* GLOBAL-CONTAINER > HEADER > SITE-TITLE
-------------------------------------------------------------- */

div#global-container div#header h1#site-title
{
	margin: 0;
	padding: 0;
}

div#global-container div#header h1#site-title a
{
	float: left;
	display: block;
	width: 250px;
	height: 115px;
}

div#global-container div#header h1#site-title a span
{
	position: absolute;
	top: -2000px;
	left: -2000px;
}

/* GLOBAL-CONTAINER > HEADER > LANGUAGE-MENU
-------------------------------------------------------------- */

div#global-container div#header div#language-menu
{
	float: right;
	padding-left: 7px;
	padding-right: 10px;
	background: #000 url( ../commons/assets/border-left-language.jpg ) no-repeat left top;
}

div#global-container div#header div#language-menu ul
{
	float: left;
	height: 18px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#global-container div#header div#language-menu ul li
{
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}

div#global-container div#header div#language-menu ul li a
{
	display: block;
	width: 16px;
	height: 12px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: left top;
}

div#global-container div#header div#language-menu ul li#fr a
{
	background-image: url( ../commons/assets/languages/fr.png );
}

div#global-container div#header div#language-menu ul li#gb a
{
	background-image: url( ../commons/assets/languages/gb.png );
}

div#global-container div#header div#language-menu ul li#de a
{
	background-image: url( ../commons/assets/languages/de.png );
}

div#global-container div#header div#language-menu ul li#es a
{
	background-image: url( ../commons/assets/languages/es.png );
}

div#global-container div#header div#language-menu ul li a:focus,
div#global-container div#header div#language-menu ul li a:hover
{
	background-position: left bottom;
}

div#global-container div#header div#language-menu ul li a.current,
div#global-container div#header div#language-menu ul li a.current:focus,
div#global-container div#header div#language-menu ul li a.current:hover
{
	cursor: default;
	background-position: left top;
}

div#global-container div#header div#language-menu ul li a span
{
	position: absolute;
	top: -2000px;
	left: -2000px;
}

/* GLOBAL-CONTAINER > HEADER > EXPRESS-MENU
-------------------------------------------------------------- */

div#global-container div#header div#express-menu
{
	float: right;
	padding-right: 10px;
}


div#global-container div#header div#express-menu ul
{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#global-container div#header div#express-menu ul li
{
	float: left;
	margin-left: 10px;
}

div#global-container div#header div#express-menu ul li a
{
	display: block;
	padding-left: 20px;
	height: 18px;
	background: transparent url( ../commons/assets/button-express-left.png ) no-repeat left top;
	overflow: hidden;
	color: #fff;
	line-height: 18px;
	text-align: left;
	text-decoration: none;
}

div#global-container div#header div#express-menu ul li a span
{
	display: block;
	padding-right: 15px;
	background: transparent url( ../commons/assets/button-express-right.png ) no-repeat right top;
}

div#global-container div#header div#express-menu ul li a:focus,
div#global-container div#header div#express-menu ul li a:hover
{
	color: #000;
	font-style: normal;
	background-position: left bottom;
}

div#global-container div#header div#express-menu ul li a:focus span,
div#global-container div#header div#express-menu ul li a:hover span
{
	background-position: right bottom;
}

/* GLOBAL-CONTAINER > TOOLS
-------------------------------------------------------------- */

div#global-container div#tools
{
	clear: both;
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	background: #fff;
	overflow: hidden;
}

div#global-container div#tools legend
{
	display: none;
}

div#global-container div#tools label
{
	display: none;
}

div#global-container div#tools div#access-bar,
div#global-container div#tools div#search-bar,
div#global-container div#tools div#login-bar
{
	float: left;
	margin-right: 10px;
}

div#global-container div#tools div#access-bar select.field
{
	float: left;
	border: 1px solid #c8e646;
	min-width: 200px;
	max-width: 457px;
}

div#global-container div#tools div#access-bar select.field:focus
{
	background-color: #f1f9d1;
}

div#global-container div#tools input.field
{
	float: left;
	padding: 1px 2px;
	border: 1px solid #c8e646;
	width: 85px;
}

div#global-container div#tools div#search-bar input.field
{
	min-width: 85px;
	width: auto;
}

div#global-container div#tools input.field:focus
{
	background-color: #f1f9d1;
}

div#global-container div#tools input#login.field
{
	border-right: none;
}

div#global-container div#tools a.button:focus,
div#global-container div#tools a.button:hover
{
	cursor: pointer !important;
	background: #000;
	color: #fff;
}

div#global-container div#tools a.button
{
	float: left;
	display: block;
	padding: 1px 3px 0 2px;
	border: 1px solid #c8e646;
	border-left: none;
	background: #c8e646;
	font-size: 0.909em; /* ~10px */
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
}

/* GLOBAL-CONTAINER > TOOLS > COMMUNITY
-------------------------------------------------------------- */

div#global-container div#tools div#community
{
	float: left;
	margin-right: 10px;
	border: 1px solid #c8e646;
}

div#global-container div#tools div#community a
{
	display: block;
	width: 145px;
	height: 15px;
	background: transparent url( ../commons/assets/community.gif ) no-repeat right;
	background-color: #c8e646;
	text-decoration: none;
	color: #000000;
}

div#global-container div#tools div#community a:focus,
div#global-container div#tools div#community a:hover
{
	background-color: #000000;
	color: #ffffff;
}

div#global-container div#tools div#community a span
{
	padding-left: 5px;
}

/* GLOBAL-CONTAINER > BREADCRUMB
-------------------------------------------------------------- */

div#global-container div#breadcrumb
{
	clear: both;
	float: right;
	width: 740px;
	margin-right: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	border-bottom: 1px solid #000;
	background: #fff;
	overflow: hidden;
	color: #636466;
	font-size: 1.091em; /* ~12px */
	line-height: 1;
}

div#global-container div#breadcrumb p
{
	margin: 0;
	padding: 0;
}

div#global-container div#breadcrumb p span.breadcrumb-prefix
{
	color: #000;
}

div#global-container div#breadcrumb p a:focus,
div#global-container div#breadcrumb p a:hover
{
	color: #08c; /*link */
	text-decoration: none;
}

div#global-container div#breadcrumb p a
{
	color: #636466;
}

div#global-container div#breadcrumb p a.current,
div#global-container div#breadcrumb p a.current:focus,
div#global-container div#breadcrumb p a.current:hover
{
	color: #000;
	cursor: default;
}

/* GLOBAL-CONTAINER > PAGE-TOOLS
-------------------------------------------------------------- */

div#global-container div#page-tools
{
	clear: both;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

div#breadcrumb + div#page-tools
{
	float: right;
}

div#global-container div#content div#page-tools
{
	margin-right: 0 !important;
}

div#global-container div#page-tools ul
{
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#global-container div#page-tools ul li
{
	float: left;
	margin-left: 10px;
}

div#global-container div#page-tools ul li a:focus,
div#global-container div#page-tools ul li a:hover
{
	background-position: right top;
}

div#global-container div#page-tools ul li a
{
	display: block;
	width: 20px;
	height: 20px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: left top;
}

div#global-container div#page-tools ul li#twitter a
{
	background-image: url( ../commons/assets/button-twitter.jpg );
}

div#global-container div#page-tools ul li#facebook a
{
	background-image: url( ../commons/assets/button-facebook.jpg );
}

div#global-container div#page-tools ul li#email a
{
	background-image: url( ../commons/assets/button-email.jpg );
}

div#global-container div#page-tools ul li#print a
{
	background-image: url( ../commons/assets/button-print.jpg );
}

div#global-container div#page-tools ul li#friend a
{
	background-image: url( ../commons/assets/button-friend.jpg );
}

div#global-container div#page-tools ul li a span
{
	position: absolute;
	top: -2000px;
	left: -2000px;
}

/* GLOBAL-CONTAINER > WRAPPER
-------------------------------------------------------------- */

div#global-container div#wrapper
{
	clear: both;
	overflow: hidden;
}

/* GLOBAL-CONTAINER > WRAPPER > LEFT-SIDEBAR
-------------------------------------------------------------- */

div#global-container div#wrapper div#left-sidebar
{
	clear: both;
	float: left;
	width: 225px;
	margin-left: 10px;
	overflow: hidden;
}

/* GLOBAL-CONTAINER > WRAPPER > LEFT-SIDEBAR > MENU-TYPE-1
-------------------------------------------------------------- */

div#global-container div#wrapper div#left-sidebar div#menu-type-1
{
	padding-top: 31px;
	padding-bottom: 40px;
	background: #c8e646 url( ../commons/assets/corner-right-top.png ) no-repeat right top;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-1 p.menu-title
{
	margin: 0;
	padding: 10px 10px 10px 10px;
	background: #c8e646 url( ../commons/assets/corner-right-top.png ) no-repeat right top;
	border-bottom: solid 1px #fff;
	color: #000;
	font-weight: bold;
	line-height: 1em;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-1 p.menu-title a:focus,
div#global-container div#wrapper div#left-sidebar div#menu-type-1 p.menu-title a:hover
{
	color: #fff;
	text-decoration: none;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-1 p.menu-title a
{
	color: #000;
	text-decoration: none;
}

/* niveau 1 */

div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul li
{
	
}

div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul li a
{
	display: block;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul li a:focus,
div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul li a:hover
{
	font-style: normal;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul li a span
{
	display: block;
	padding: 4px 6px 4px 20px;
	background: #c8e646;
	color: #000;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul li a:focus span,
div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul li a:hover span
{
	background: #000;
	color: #fff;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul li a.current,
div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul li a.current:focus,
div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul li a.current:hover
{
	cursor: default;
	color: #000;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul li a.current span,
div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul li a.current:focus span,
div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul li a.current:hover span
{
	color: #000;
	background: #fff;
}

/* niveau 2 */

div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul ul
{
	padding-top: 0;
	background-image: none;
}
	
div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul ul li a
{
	border-bottom: 1px dotted #fff;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul ul li a:focus span,
div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul ul li a:hover span
{
	background-image: url( ../commons/assets/arrows/arrow-right-white.gif );
	background-repeat: no-repeat;
	background-position: 5px 7px;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul ul li a span
{
	margin-left: 20px;
	/**/
	background-image: url( ../commons/assets/arrows/arrow-right-black.gif );
	background-repeat: no-repeat;
	background-position: 5px 7px;
}

/* niveau 3 */

div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul ul ul li a
{
	border-bottom: none;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-1 ul ul ul li a span
{
	margin-left: 40px;
}

/* GLOBAL-CONTAINER > WRAPPER > LEFT-SIDEBAR > MENU-TYPE-2
-------------------------------------------------------------- */

div#global-container div#wrapper div#left-sidebar div#menu-type-2
{
	margin-bottom: 10px;
	padding-bottom: 18px;
	background: #6b8a98; /* declinaison */ 
	background-image: url( https://ressources-infoglue.univ-rennes1.fr/ueb/css/commons/assets/menu-type-2-bottom.jpg );
	background-repeat: no-repeat;
	background-position :right bottom;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-2 p.menu-title
{
	margin: 0;
	padding: 5px 5px 23px 10px;
	background: #6b8a98; /* declinaison */
	background-image: url( ../commons/assets/menu-type-2-top.png );
	background-repeat: no-repeat;
	background-position: right top;
	color: #000;
	font-weight: bold;
	line-height: 1em;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-2 p.menu-title a:focus,
div#global-container div#wrapper div#left-sidebar div#menu-type-2 p.menu-title a:hover
{
	color: #6b8a98; /* declinaison */
	text-decoration: none;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-2 p.menu-title a
{
	color: #000;
	text-decoration: none;
}

/* niveau 1 */

div#global-container div#wrapper div#left-sidebar div#menu-type-2 ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-2 ul li
{
	margin-left: 25px;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-2 ul li a:focus,
div#global-container div#wrapper div#left-sidebar div#menu-type-2 ul li a:hover
{
	background: #fff;
	color: #000;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-2 ul li a
{
	display: block;
	padding: 4px 6px;
	border-bottom: 1px solid #fff;
	background: #6b8a98; /* declinaison */
	color: #000;
	text-decoration: none;
}

/* GLOBAL-CONTAINER > WRAPPER > LEFT-SIDEBAR > MENU-TYPE-3
-------------------------------------------------------------- */

div#global-container div#wrapper div#left-sidebar div#menu-type-3
{
	margin-bottom: 10px;
	padding-bottom: 18px;
	background: #ddd url( ../commons/assets/menu-type-3-bottom.jpg ) no-repeat left bottom;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-3 p.menu-title
{
	margin: 0;
	padding: 5px 5px 23px 10px;
	background: #6b8a98; /* declinaison */
	background-image: url( ../commons/assets/menu-type-3-top.png );
	background-repeat: no-repeat;
	background-position: right top;
	color: #000;
	font-weight: bold;
	line-height: 1em;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-3 p.menu-title a:focus,
div#global-container div#wrapper div#left-sidebar div#menu-type-3 p.menu-title a:hover
{
	color: #fff;
	text-decoration: none;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-3 p.menu-title a
{
	color: #000;
	text-decoration: none;
}

/* niveau 1 */

div#global-container div#wrapper div#left-sidebar div#menu-type-3 ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-3 ul li
{
	margin-left: 25px;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-3 ul li a:focus,
div#global-container div#wrapper div#left-sidebar div#menu-type-3 ul li a:hover
{
	background: #6b8a98; /* declinaison */
	color: #fff;
}

div#global-container div#wrapper div#left-sidebar div#menu-type-3 ul li a
{
	display: block;
	padding: 4px 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6b8a98; /* declinaison */
	background: #ddd;
	color: #000;
	text-decoration: none;
}

/* GLOBAL-CONTAINER > WRAPPER > LEFT-SIDEBAR > MENU-ADDONS
-------------------------------------------------------------- */

div#global-container div#wrapper div#left-sidebar div#menu-addons
{
	
}

div#global-container div#wrapper div#left-sidebar div#menu-addons p
{
	
}

div#global-container div#wrapper div#left-sidebar div#menu-addons a:focus,
div#global-container div#wrapper div#left-sidebar div#menu-addons a:hover
{
	
}

div#global-container div#wrapper div#left-sidebar div#menu-addons a
{
	
}

div#global-container div#wrapper div#left-sidebar div#menu-addons a img
{
	
}

/* GLOBAL-CONTAINER > WRAPPER > RIGHT-SIDEBAR
-------------------------------------------------------------- */

div#global-container div#wrapper div#right-sidebar
{
	float: right;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 10px;
	width: 260px;
	overflow: hidden;
}

/* GLOBAL-CONTAINER > WRAPPER > CONTENT
-------------------------------------------------------------- */

div#global-container div#wrapper div#content
{
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 265px;
	overflow: hidden;
}

/* GLOBAL-CONTAINER > WRAPPER > CONTENT > HORIZONTAL-MENU
-------------------------------------------------------------- */

div#global-container div#wrapper div#content div#horizontal-menu
{
	margin-bottom: 15px;
	border-bottom: 1px solid #000;
	overflow:hidden;
}

div#global-container div#wrapper div#content div#horizontal-menu ul
{
	margin: 0;
	padding: 0;
	padding-left: 5px;
	list-style-type : none;
	overflow: hidden;
}

div#global-container div#wrapper div#content div#horizontal-menu ul li
{
	float: left;
	margin: 0;
	margin-bottom: 5px;
}

div#global-container div#wrapper div#content div#horizontal-menu ul li + li
{
	margin-left: 10px;
}

div#global-container div#wrapper div#content div#horizontal-menu ul li a:focus,
div#global-container div#wrapper div#content div#horizontal-menu ul li a:hover
{
	background: #c8e646;
	text-decoration: none;
	color: #000;
}

div#global-container div#wrapper div#content div#horizontal-menu ul li a
{
	display: block;
	padding: 1px 0;
	width: 135px;
	background: #000;
	text-align: center;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
}

div#global-container div#wrapper div#content div#horizontal-menu ul li a span
{
	
}

/* GLOBAL-CONTAINER > WRAPPER > CONTENT > HEADING & IMAGE
-------------------------------------------------------------- */

div#global-container div#wrapper div#content h1,
div#global-container div#wrapper div#content h2,
div#global-container div#wrapper div#content h3,
div#global-container div#wrapper div#content h4,
div#global-container div#wrapper div#content h5,
div#global-container div#wrapper div#content h6
{
	clear: both;
	margin-bottom: 10px;
	font-weight: bold;
	color: #636466;
}

div#global-container div#wrapper div#content h1
{
	margin-bottom: 20px;
	font-size: 1.364em; /* ~15px */
	font-weight: bold;
	border-bottom: 1px solid #636466;
}

div#global-container div#wrapper div#content h2
{
	font-size: 1.273em; /* ~14px */
	font-weight: normal;
	border-bottom: 1px solid #636466;
}

div#global-container div#wrapper div#content h3
{
	font-size: 1.182em; /* ~13px */
}

div#global-container div#wrapper div#content h4
{
	font-size: 1.091em; /* ~12px */
}

div#global-container div#wrapper div#content h5,
div#global-container div#wrapper div#content h6
{
	font-size: 1em; /* ~11px */
}

div#global-container div#wrapper div#content img
{
	margin-bottom: 20px;
}

/* GLOBAL-CONTAINER > WRAPPER > CONTENT > SLIDING-TABS
-------------------------------------------------------------- */

div#global-container div#wrapper div#content div#sliding-tab
{
	/*width: 435px;*/
	margin-bottom: 15px;
	color: #222;
}

div#global-container div#wrapper div#content div#sliding-tab ul#sliding-tab-header
{
	margin: 0;
	padding: 0;
	list-style-type : none;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #6b8a98; /* declinaison */
	overflow: hidden;
}

div#global-container div#wrapper div#content div#sliding-tab ul#sliding-tab-header li
{
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 1px;
}

div#global-container div#wrapper div#content div#sliding-tab h4
{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

div#global-container div#wrapper div#content div#sliding-tab ul#sliding-tab-header li h4
{
	margin: 0;
	padding: 0;
	padding: 4px 12px 2px 6px;
	font-size: 1em;
	font-weight: normal;
	background-color: #c8e646;
	background-image: url( ../commons/assets/corner-right-top.png );
	background-repeat: no-repeat;
	background-position: right top;
}

div#global-container div#wrapper div#content div#sliding-tab ul#sliding-tab-header li h4
{
	color: #000;
	background-color: #c8e646;
}

div#global-container div#wrapper div#content div#sliding-tab ul#sliding-tab-header li.over h4
{
	color: #fff;
	background-color: #6b8a98; /* declinaison */
	cursor: pointer;
}

div#global-container div#wrapper div#content div#sliding-tab ul#sliding-tab-header li.current h4
{
	color: #fff;
	background-color: #6b8a98; /* declinaison */
	cursor: default;
}

div#global-container div#wrapper div#content div#sliding-tab div#sliding-tab-content
{
	background: #c8e646;
	overflow: hidden;
}

div#global-container div#wrapper div#content div#sliding-tab div#sliding-tab-content div
{
	float: left;
}

div#global-container div#wrapper div#content div#sliding-tab div#sliding-tab-content div div.content
{
	float: left;
	padding: 10px;
	padding-bottom: 0;
	/*width: 415px;*/
}

div#global-container div#wrapper div#content div#sliding-tab div#sliding-tab-content div div.content img
{
	float: left;
	/*width: 90px;*/
	margin-right: 10px;
	margin-bottom: 10px;
}

div#global-container div#wrapper div#content div#sliding-tab div#sliding-tab-content div div.content img ~ p
{
	/*margin-left: 100px;*/
}

div#global-container div#wrapper div#content div#sliding-tab div#sliding-tab-content div div.content .read-next a
{
	font-style: italic;
}

div#global-container div#wrapper div#content div#sliding-tab ul#sliding-tab-footer
{
	margin: 0;
	margin-top: 1px;
	padding: 5px 10px;
	list-style-type: none;
	background: #c8e646;
	overflow: hidden;
}

div#global-container div#wrapper div#content div#sliding-tab ul#sliding-tab-footer li#sliding-tab-button-previous
{
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	background: transparent url( ../commons/assets/tab-button-previous.png ) no-repeat left top;
	cursor: pointer;
}

div#global-container div#wrapper div#content div#sliding-tab ul#sliding-tab-footer li#sliding-tab-button-previous.over
{
	background-position: right top;
}

div#global-container div#wrapper div#content div#sliding-tab ul#sliding-tab-footer li#sliding-tab-button-next
{
	float: right;
	display: block;
	width: 16px;
	height: 16px;
	background: transparent url( ../commons/assets/tab-button-next.png ) no-repeat left top;
	cursor: pointer;
}

div#global-container div#wrapper div#content div#sliding-tab ul#sliding-tab-footer li#sliding-tab-button-next.over
{
	background-position: right top;
}

div#global-container div#wrapper div#content div#sliding-tab ul#sliding-tab-footer li span
{
	position: absolute;
	top: -2000px;
	left: -2000px;
}

/* GLOBAL-CONTAINER > FOOTER
-------------------------------------------------------------- */

div#global-container div#footer
{
	clear: both;
	float: left;
	margin-top: 40px;
	margin-left: 265px;
	width: 725px;
	font-size: 0.909em; /* ~10px */
	color: #000;
}

div#global-container div#footer ul
{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#global-container div#footer ul li
{
	display: inline;
}

div#global-container div#footer ul li + li:before
{
	content: " - ";
}

div#global-container div#footer ul li a:focus,
div#global-container div#footer ul li a:hover
{
	color: #08c; /*link */
	text-decoration: underline;
}

div#global-container div#footer ul li a
{
	color: #000;
}

div#global-container div#footer ul li a span
{
	
}

div#global-container div#footer p#copyright
{
	float: right;
}

/* BLOCS
-------------------------------------------------------------- */

blockquote
{
	margin-left: 20px;
}

/* type-1 */

div.type-1
{
	margin: 0;
	margin-bottom: 10px;
	padding: 5px;
	padding-bottom: 0;
	background: #6b8a98; /* declinaison */
	color: #fff;
	overflow: hidden;
}

blockquote.type-1 
{
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	background: #6b8a98; /* declinaison */
	color: #fff;
	overflow: hidden;
}

blockquote.type-1 h1,
blockquote.type-1 h2,
blockquote.type-1 h3,
blockquote.type-1 h4,
blockquote.type-1 h5,
blockquote.type-1 h6
{
	padding: 5px;
	padding-bottom: 0 !important;
	color: #fff !important;
	border-color: #fff !important;
}

blockquote.type-1 div.content
{
	padding: 5px;
	padding-bottom: 0;
	overflow: hidden;
}

blockquote.type-1 div.content p
{
	margin: 0 0 5px 0 !important;
}

blockquote.type-1 div.content a
{
	color: #fff;
}

/* type-2 */

div.type-2
{
	margin: 0;
	margin-bottom: 10px;
	padding: 10px 20px;
	padding-bottom: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #6b8a98; /* declinaison */
	background: #fff;
	overflow: hidden;
}

blockquote.type-2 
{
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #6b8a98; /* declinaison */
	background: #fff;
	overflow: hidden;
}

blockquote.type-2 h1,
blockquote.type-2 h2,
blockquote.type-2 h3,
blockquote.type-2 h4,
blockquote.type-2 h5,
blockquote.type-2 h6
{
	margin: 0 !important;
	padding: 7px 20px !important;
	border: none !important;
	background: #6b8a98; /* declinaison */
	color: #fff !important;
}

blockquote.type-2 div.content
{
	padding: 10px 20px;
	padding-bottom: 0;
	overflow: hidden;
}

blockquote.type-2 div.content p
{
	margin-bottom: 10px;
}

/* type-3 */

blockquote.type-3 
{
	margin: 0;
	margin-bottom: 10px;
	border: 1px solid #000;
}

blockquote.type-3 h1,
blockquote.type-3 h2,
blockquote.type-3 h3,
blockquote.type-3 h4,
blockquote.type-3 h5,
blockquote.type-3 h6
{
	margin: 0 !important;
	padding: 4px 10px;
	border: none !important;
	background: #000;
	font-size: 1.273em; /* ~14px*/
	font-weight: normal;
	color: #fff !important;
}

blockquote.type-3 div.content
{
	overflow: hidden;
}

blockquote.type-3 div.content img
{
	margin: 0;
	padding: 0;
	width: 258px;
	height: auto !important;
}

blockquote.type-3 div.content p img
{
	width: auto !important;
}

blockquote.type-3 div.content h1,
blockquote.type-3 div.content h2,
blockquote.type-3 div.content h3,
blockquote.type-3 div.content h4,
blockquote.type-3 div.content h5,
blockquote.type-3 div.content h6
{
	margin: 10px !important;
	padding: 0;
	background: none;
	font-size: 1.182em; /* ~13px */
	font-weight: normal !important;
	color: #000 !important;
}

blockquote.type-3 div.content p
{
	margin: 10px;
}

blockquote.type-3 div.content ol,
blockquote.type-3 div.content ul
{
	margin-left: 2em;
}

blockquote.type-3 div.content .read-next
{
	
}

blockquote.type-3 div.content .read-next a:focus,
blockquote.type-3 div.content .read-next a:hover
{
	
}

blockquote.type-3 div.content .read-next a
{
	font-style: italic;
}

blockquote.type-3 div.content .all-news
{
	
}

blockquote.type-3 div.content .all-news a:focus,
blockquote.type-3 div.content .all-news a:hover
{
	
}

blockquote.type-3 div.content .all-news a
{
	display: inline-block;
	font-style: italic;
}

blockquote.type-3 div.content object
{
	vertical-align: bottom;
}

/* contact */

blockquote.type-3 div.content.contact img
{
	margin: 10px 10px 0 10px;
	width: 90px !important;
	height: 100px !important;
	margin-bottom: 10px;
	background: #fff url( ../commons/assets/image-90x100.gif ) no-repeat left top;
}

blockquote.type-3 div.content.contact h3
{
	margin: 10px 10px 0 10px !important;
	color: #000 !important;
	font-weight: bold !important;
	font-size: 1.182em !important; /* ~13px */
}

blockquote.type-3 div.content.contact h3 span.name
{
	text-transform: capitalize;
}

blockquote.type-3 div.content.contact h3 span.lastname
{
	text-transform: uppercase;
}

blockquote.type-3 div.content.contact h4
{
	margin: 0 10px 10px 10px !important;
	color: #636466 !important;
	font-size: 1.091em !important; /* ~12px */
	font-weight: normal !important;
	font-style: italic;
	background: none;
}

blockquote.type-3 div.content.contact h5
{
	margin: 0 10px 0 10px !important;
	background: none;
	font-size: 1em !important; /* ~11px */
	font-weight: bold !important;
	color: #636466 !important;
}

blockquote.type-3 div.content.contact p
{
	margin: 0 0 10px 10px !important;
}

blockquote.type-3 div.content.contact ul
{
	margin: 0 0 10px 10px !important;
	list-style-type: none;
}

blockquote.type-3 div.content.contact hr
{
	margin: 10px 0;
}

/* MAP
-------------------------------------------------------------- */

div#map
{
	
}

div#map ul
{
	margin: 0;
	padding: 0;
	margin-left: 10px;
	margin-bottom: 10px;
	list-style-type: none;
}

div#map ul ul
{
	padding-left: 35px;
	list-style-type: disc;
}

div#map ul ul ul
{
	list-style-type: none;
	list-style-image: url( ../commons/assets/list-arrow.jpg );
}

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

div#global-container div#wrapper div#content div#news
{
	clear: right;
	margin-bottom: 15px;
	background: #fff url( ../commons/assets/background-news.jpg ) repeat-y left top;
}

div#global-container div#wrapper div#content div#news div#news-header
{
	text-align: right;
	background: #6b8a98; /* declinaison */
	overflow: hidden;
}

div#global-container div#wrapper div#content div#news div#news-header h1,
div#global-container div#wrapper div#content div#news div#news-header h2,
div#global-container div#wrapper div#content div#news div#news-header h3,
div#global-container div#wrapper div#content div#news div#news-header h4,
div#global-container div#wrapper div#content div#news div#news-header h5,
div#global-container div#wrapper div#content div#news div#news-header h6
{
	float: left;
	margin: 0;
	padding: 7px 10px !important;
	border: none !important;
	font-weight: normal !important;
	color: #fff;
}

div#global-container div#wrapper div#content div#news div#news-header .all-news
{
	margin: 0;
	padding: 0;
	margin-top: 7px;
	margin-right: 10px;
}

div#global-container div#wrapper div#content div#news div#news-header .all-news a:focus,
div#global-container div#wrapper div#content div#news div#news-header .all-news a:hover
{

}

div#global-container div#wrapper div#content div#news div#news-header .all-news a
{
	font-style: italic;
	color: #fff;
}

div#global-container div#wrapper div#content div#news div.ticket
{
	clear: both;
	padding: 15px 10px;
	padding-right: 10px;
}

div#global-container div#wrapper div#content div#news div.ticket.over
{
	background: transparent url( ../commons/assets/background-ticket-hover.jpg ) repeat-y 55px 0;
	cursor: pointer;
}

div#global-container div#wrapper div#content div#news div.ticket + div.ticket
{
	border-top: 1px dotted #636466;
}

div#global-container div#wrapper div#content div#news div.ticket div.content
{
	min-height: 90px;
	overflow: hidden;
}

div#global-container div#wrapper div#content div#news div.ticket div.content.fix
{
	margin-left: 55px;
}

div#global-container div#wrapper div#content div#news div.ticket div.content img
{
	float: left;
	width: 90px;
	height: 65px;
	margin-right: 10px;
	margin-bottom: 0;
	background: #fff url( ../commons/assets/image-90x65.gif ) no-repeat left top;
}

div#global-container div#wrapper div#content div#news div.ticket div.content h1,
div#global-container div#wrapper div#content div#news div.ticket div.content h2,
div#global-container div#wrapper div#content div#news div.ticket div.content h3,
div#global-container div#wrapper div#content div#news div.ticket div.content h4,
div#global-container div#wrapper div#content div#news div.ticket div.content h5,
div#global-container div#wrapper div#content div#news div.ticket div.content h6
{
	clear: none !important;
	margin: 0;
	margin-bottom: 10px;
	padding: 0 !important;
	border: none !important;
	background: none;
	font-weight: bold !important;
	font-size: 1em; /* ~11px */
}

div#global-container div#wrapper div#content div#news div.ticket div.content h1 a:focus,
div#global-container div#wrapper div#content div#news div.ticket div.content h1 a:hover,
div#global-container div#wrapper div#content div#news div.ticket div.content h2 a:focus,
div#global-container div#wrapper div#content div#news div.ticket div.content h2 a:hover,
div#global-container div#wrapper div#content div#news div.ticket div.content h3 a:focus,
div#global-container div#wrapper div#content div#news div.ticket div.content h3 a:hover,
div#global-container div#wrapper div#content div#news div.ticket div.content h4 a:focus,
div#global-container div#wrapper div#content div#news div.ticket div.content h4 a:hover,
div#global-container div#wrapper div#content div#news div.ticket div.content h5 a:focus,
div#global-container div#wrapper div#content div#news div.ticket div.content h5 a:hover,
div#global-container div#wrapper div#content div#news div.ticket div.content h6 a:focus,
div#global-container div#wrapper div#content div#news div.ticket div.content h6 a:hover
{
	
}

div#global-container div#wrapper div#content div#news div.ticket div.content h1 a,
div#global-container div#wrapper div#content div#news div.ticket div.content h2 a,
div#global-container div#wrapper div#content div#news div.ticket div.content h3 a,
div#global-container div#wrapper div#content div#news div.ticket div.content h4 a,
div#global-container div#wrapper div#content div#news div.ticket div.content h5 a,
div#global-container div#wrapper div#content div#news div.ticket div.content h6 a
{
	color: #000;
}

div#global-container div#wrapper div#content div#news div.ticket div.content p.ticket-info
{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	font-size: 0.818em; /* ~9px */
	color: #444;
}

div#global-container div#wrapper div#content div#news div.ticket div.content p
{
	margin: 0;
	padding: 0;
}

div#global-container div#wrapper div#content div#news div.ticket div.content .read-next
{
	margin-top: 10px;
}

div#global-container div#wrapper div#content div#news div.ticket div.content .read-next a:focus,
div#global-container div#wrapper div#content div#news div.ticket div.content .read-next a:hover
{
	
}

div#global-container div#wrapper div#content div#news div.ticket div.content .read-next a
{
	font-style: italic;
}

div#global-container div#wrapper div#content div#news div.ticket div.content img ~ h1,
div#global-container div#wrapper div#content div#news div.ticket div.content img ~ h2,
div#global-container div#wrapper div#content div#news div.ticket div.content img ~ h3,
div#global-container div#wrapper div#content div#news div.ticket div.content img ~ h4,
div#global-container div#wrapper div#content div#news div.ticket div.content img ~ h5,
div#global-container div#wrapper div#content div#news div.ticket div.content img ~ h6,
div#global-container div#wrapper div#content div#news div.ticket div.content img ~ p
{
	margin-left: 100px;
}

/* TROMBINOSCOPE
-------------------------------------------------------------- */

div#global-container div#wrapper div#content div#trombinoscope
{
	overflow: hidden;
}

div#global-container div#wrapper div#content div#trombinoscope div.row
{
	margin-bottom: 15px;
	border-bottom: 1px solid #000;
	overflow: hidden;
}

div#global-container div#wrapper div#content div#trombinoscope div.row div.content
{
	float: left;
	width: 170px;
	padding-bottom: 30px;
	overflow: hidden;
}

div#global-container div#wrapper div#content div#trombinoscope div.row div.content + div.content
{
	margin-left: 15px;
}

div#global-container div#wrapper div#content div#trombinoscope div.row div.content img
{
	float: left;
	width: 90px;
	height: 100px;
	margin-bottom: 10px;
	background: #fff url( ../commons/assets/image-90x100.gif ) no-repeat left top;
}

div#global-container div#wrapper div#content div#trombinoscope div.row div.content h3
{
	clear: both;
	margin: 0;
	padding: 0;
	color: #000;
	border-bottom: none;
}

div#global-container div#wrapper div#content div#trombinoscope div.row div.content h4
{
	margin-bottom: 10px;
	font-weight: normal;
	font-style: italic;
}

/* TABLE
-------------------------------------------------------------- */

table
{
	width: auto;
	margin: 0 1px;
	margin-bottom: 15px;
	border-collapse: collapse;
}

table caption
{
	padding: 0 10px 2px 0;
	color: #666;
	font-style: italic;
	text-align: right;
}

table,
table tr th,
table tr td
{
	text-align: center;
	vertical-align: middle;
}

table tr th
{
	font-weight: normal;
	background: #fff;
}

table tr td
{
	padding: 1px 5px 1px 5px;
	border: 1px solid #000;
	background: #fff;
}
	
table thead tr th,
table thead tr td
{
	border: none;
}

table tfoot
{
	font-style: italic;
}

/* .no-border
-------------------------------------------------------------- */

table.no-border
{
	border: none;	
}

table.no-border tr th,
table.no-border tr td
{
	border: none;
}

/* .ACCORDION
-------------------------------------------------------------- */

div#global-container div#wrapper div.accordion
{
	border: 1px solid #000;
	border-top: none;
	margin-bottom: 15px;
}

div#global-container div#wrapper div.accordion h1.accordion-title,
div#global-container div#wrapper div.accordion h2.accordion-title,
div#global-container div#wrapper div.accordion h3.accordion-title,
div#global-container div#wrapper div.accordion h4.accordion-title,
div#global-container div#wrapper div.accordion h5.accordion-title,
div#global-container div#wrapper div.accordion h6.accordion-title
{
	margin: 0 !important;
	padding: 4px 10px 4px 20px;
	border: none !important;
	border-top: 1px solid #000 !important;
	background: #6b8a98; /* declinaison */
	background-image: url( ../commons/assets/arrows/arrow-right-black.gif );
	background-repeat: no-repeat;
	background-position: 5px 8px;
	font-size: 1em !important; /* ~11px */
	font-weight: normal !important;
	color: #fff !important;
}

div#global-container div#wrapper div.accordion h1.accordion-title.over,
div#global-container div#wrapper div.accordion h2.accordion-title.over,
div#global-container div#wrapper div.accordion h3.accordion-title.over,
div#global-container div#wrapper div.accordion h4.accordion-title.over,
div#global-container div#wrapper div.accordion h5.accordion-title.over,
div#global-container div#wrapper div.accordion h6.accordion-title.over
{
	color: #000 !important;
}

div#global-container div#wrapper div.accordion h1.accordion-title.current,
div#global-container div#wrapper div.accordion h2.accordion-title.current,
div#global-container div#wrapper div.accordion h3.accordion-title.current,
div#global-container div#wrapper div.accordion h4.accordion-title.current,
div#global-container div#wrapper div.accordion h5.accordion-title.current,
div#global-container div#wrapper div.accordion h6.accordion-title.current
{
	color: #000 !important;
	background: #c8e646;
	background-image: url( ../commons/assets/arrows/arrow-bottom-black.gif );
	background-repeat: no-repeat;
	background-position: 5px 8px;
	/*cursor: default !important;*/
}

div#global-container div#wrapper div.accordion h1.accordion-title.current.over,
div#global-container div#wrapper div.accordion h2.accordion-title.current.over,
div#global-container div#wrapper div.accordion h3.accordion-title.current.over,
div#global-container div#wrapper div.accordion h4.accordion-title.current.over,
div#global-container div#wrapper div.accordion h5.accordion-title.current.over,
div#global-container div#wrapper div.accordion h6.accordion-title.current.over
{
	color: #000 !important;
	background: #6b8a98; /* declinaison */
	background-image: url( ../commons/assets/arrows/arrow-bottom-black.gif );
	background-repeat: no-repeat;
	background-position: 5px 8px;
}

div#global-container div#wrapper div.accordion div.accordion-content
{
	margin: 0;
	padding: 0;
	background: #fff;
}

div#global-container div#wrapper div.accordion div.accordion-content div.content
{
	margin: 0;
	padding: 10px;
	padding-bottom: 1%;
}

/* .ACCORDION FOR MEMBERS
-------------------------------------------------------------- */

div#global-container div#wrapper div#members.accordion
{
	border: none;
	margin-bottom: 0;
}

div#global-container div#wrapper div#members.accordion div.accordion-content
{
	/*padding-left: 75px;*/
}

div#global-container div#wrapper div#members.accordion div.accordion-content div.content
{
	padding: 0;
}

div#global-container div#wrapper div#members.accordion div.accordion-content div.content img
{
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	width: 70px !important;
	height: auto !important;
}

div#global-container div#wrapper div#members.accordion div.accordion-content div.content ul
{
	margin: 0;
	padding: 0;
	padding-left: 90px;
	border-left: 1px solid #ccc;
	list-style-type: none;
}

div#global-container div#wrapper div#members.accordion div.accordion-content div.content ul li
{
	float: left;
	display: block;
	width: 147px;
	padding: 5px 10px;
	background: #fff;
}

div#global-container div#wrapper div#members.accordion div.accordion-content div.content ul li img
{
	margin-top: 0;
}

div#global-container div#wrapper div#members.accordion div.accordion-content div.content ul li + li
{
	border-top: 1px solid #ccc;
}

div#global-container div#wrapper div#members.accordion div.accordion-content div.content ul li a:focus,
div#global-container div#wrapper div#members.accordion div.accordion-content div.content ul li a:hover
{
	text-decoration: none;
}

div#global-container div#wrapper div#members.accordion div.accordion-content div.content ul li a
{
	display: block;
}

div#global-container div#wrapper div#members.accordion div#members-category-1
{
	background: #fff url( ../commons/assets/members-category-1.jpg ) no-repeat left bottom;
}

div#global-container div#wrapper div#members.accordion div#members-category-2
{
	background: #fff url( ../commons/assets/members-category-2.jpg ) no-repeat left bottom;
}

div#global-container div#wrapper div#members.accordion div#members-category-3
{
	background: #fff url( ../commons/assets/members-category-3.jpg ) no-repeat left bottom;
}

div#global-container div#wrapper div#members.accordion div#members-category-4
{
	background: #fff url( ../commons/assets/members-category-4.jpg ) no-repeat left bottom;
}

div#global-container div#wrapper div#members.accordion div#members-category-1.neutral,
div#global-container div#wrapper div#members.accordion div#members-category-2.neutral,
div#global-container div#wrapper div#members.accordion div#members-category-3.neutral,
div#global-container div#wrapper div#members.accordion div#members-category-4.neutral
{
	background-color:#ccc;
	background-image:none;
}

/* .ACCORDION FOR CALENDAR
-------------------------------------------------------------- */

div#global-container div#wrapper div#calendar.accordion
{
	border: none;
	margin-bottom: 0;
}

div#global-container div#wrapper div#calendar.accordion div.accordion-content
{
	
}

div#global-container div#wrapper div#calendar.accordion div.accordion-content div.content
{
	padding: 0;
}

div#global-container div#wrapper div#calendar.accordion div.accordion-content div.content ul
{
	margin: 0;
	padding: 0;
	border-left: 1px solid #ccc;
	list-style-type: none;
}

div#global-container div#wrapper div#calendar.accordion div.accordion-content div.content ul li
{
	display: block;
	padding: 5px 10px;
	background: #fff;
}

div#global-container div#wrapper div#calendar.accordion div.accordion-content div.content ul li + li
{
	border-top: 1px solid #ccc;
}

div#global-container div#wrapper div#calendar.accordion div.accordion-content div.content ul li a:focus,
div#global-container div#wrapper div#calendar.accordion div.accordion-content div.content ul li a:hover
{
	text-decoration: none;
}

div#global-container div#wrapper div#calendar.accordion div.accordion-content div.content ul li a
{
	display: block;
}

/* UL.SUB-MENU
-------------------------------------------------------------- */

div#global-container ul li ul.sub-menu
{
	position: absolute;
	display: none;
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none;
	z-index: 100;
}

div#global-container ul li ul.sub-menu li
{
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border-top: solid 1px transparent;
}

div#global-container ul li:hover > ul.sub-menu
{
	display: block;
}

/* IMAGE WITH LEGEND
-------------------------------------------------------------- */

div.image-with-legend
{
	/*float: left;*/
	margin: 0 10px 10px 0;
	text-align: center;
	border: 1px solid #ccc;
	background: #f2f2f2;
}

div.image-with-legend img.legend
{
	float: none !important;
	margin-bottom: 5px !important; 
	padding: 5px;
}

div.image-with-legend p.legend
{
	margin: 0 5px 5px 5px;
	padding: 0;
	font-style: italic;
	color: #333;
}

/* CLASSES
-------------------------------------------------------------- */

p.left
{
	text-align: left;
}

p.center
{
	text-align: center;
}

p.right
{
	text-align: right;
}

p.justify
{
	text-align: justify;
}

span.bold
{
	font-weight: bold;
}

span.italic
{
	font-style: italic;
}

span.line-through
{
	text-decoration: line-through;
}

img.left
{
	float: left;
	margin: 0 10px 10px 0;
}

img.right
{
	float: right;
	margin: 0 0 10px 10px;
}

div.clear-inner-float
{
	overflow: hidden;
}

/* CUSTOM LINKS
-------------------------------------------------------------- */

a.pdf,
a[href$='.pdf']
{
	margin-right: 2px;
	padding-right: 12px;
	background: transparent url( ../commons/assets/icons/document-pdf.png ) no-repeat center right;
}

a.doc,
a[href$='.doc']
{
	margin-right: 2px;
	padding-right: 12px;
	background: transparent url( ../commons/assets/icons/document-word.png ) no-repeat center right;
}

a.odt,
a[href$='.odt']
{
	margin-right: 2px;
	padding-right: 12px;
	background: transparent url( ../commons/assets/icons/document-office.png ) no-repeat center right;
}

a.xls,
a[href$='.xls']
{
	margin-right: 2px;
	padding-right: 12px;
	background: transparent url( ../commons/assets/icons/document-excel.png ) no-repeat center right;
}

a.ppt,
a[href$='.ppt']
{
	margin-right: 2px;
	padding-right: 12px;
	background: transparent url( ../commons/assets/icons/document-powerpoint.png ) no-repeat center right;
}

a.noicon
{
	margin-right: 0 !important;
	padding-right: 0 !important;
	background: none !important;
}