/* --------------------------------------------------------------

	 Boilerplate Screen Styles
	 * Version:   0.5 (2007-11-19)

-------------------------------------------------------------- */

@import "lib/reset.css";
/*@import "lib/typography.css";*/
@import "lib/forms.css";
/*@import "lib/plugins/tabs.css";*/

@media screen, projection {


/* --------------------------------------------------------------

	 Bon Suisse du Livre
	 $Id$

-------------------------------------------------------------- */


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
// STRUCTURE GLOBALE
//:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
html, body { /*Pour forcer ces deux elements a prendre toute la place par defaut*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%; /*Pour la mise a echelle des tailles en em*/
}

body {
	font-size: .75em; /*une taille des polices par defaut pas trop grande*/
	font-family:Verdana, Geneva, sans-serif;
}

body.home {
	background:url(../images/home_body_bg.jpg) repeat-x 0 -1px;
}

#header {
	width:100%;
	height:163px;
}

.page .backgroundType01 {
	background:#d7b91a url(../images/header01.jpg) no-repeat top left;
}

.page .backgroundType02 {
	background:#682930 url(../images/header02.jpg) no-repeat top left;
}

.page .backgroundType03 {
	background:#386775 url(../images/header03.jpg) no-repeat top left;
}

.page .backgroundType04 {
	background:#f7a400 url(../images/header04.jpg) no-repeat top left;
}

.page #global,
.page #headerContent {
	width:95%;
	max-width:1100px;
	min-width:980px;
}

#global {
	position:absolute;/*pour avoir une height qui prend toute la place et des dots qui vont sur tte la hauteur*/
	top:200px;
	height:68%;
}

#sidebar {
	float:left;
	width:21%;
	padding:0 2%;
	height:100%;
	margin-top:2px;
	background:url(../images/vertical_dotted.jpg) repeat-y top right;
}

#content {
	float:right;
	width:71%;
	padding:0 2%;
	height:100%;
	background:url(../images/vertical_dotted.jpg) repeat-y top right;
}

.home #sidebar {
	display:none;
}

.home #global,
.home #headerContent {
	width:95%;
	min-width:980px;
	max-width:1350px;
}

.home #global {
	background:url(../images/home_bg_global.jpg) no-repeat top left;
	top:100px;
	height:450px;
	z-index:1;
}

.home #content {
	background:url(../images/home_bg_content.png) no-repeat 0 78px;
	float:left;
	margin-left:25%;
	width:75%;
	padding:0;
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
// LOGOS
//:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#logo {
	float:left;
	margin:41px 0 0 4%;
}

#logo a {
	display:block;
	height:40px;
}

#logo a span {
	display:none;
}

.page #logo.fr a {
	background:url(../images/logo_blanc_fr.png) no-repeat top left;
	width:226px;
}

.page #logo.it a {
	background:url(../images/logo_blanc_it.png) no-repeat top left;
	width:294px;
}

.page #logo.de a {
	background:url(../images/logo_blanc_de.png) no-repeat top left;
	width:279px;
}

.page #logo.rm a {
	background:url(../images/logo_blanc_rm.png) no-repeat top left;
	width:289px;
}

.home #logo.fr a {
	background:url(../images/logo_rouge_fr.png) no-repeat top left;
	width:226px;
}

.home #logo.it a {
	background:url(../images/logo_rouge_it.png) no-repeat top left;
	width:294px;
}

.home #logo.de a {
	background:url(../images/logo_rouge_de.png) no-repeat top left;
	width:279px;
}

.home #logo.rm a {
	background:url(../images/logo_rouge_rm.png) no-repeat top left;
	width:289px;
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
// LANGUES & CONTACT
//:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#contactLangues {
	float:right;
	margin-top:64px;
	width:60%;
	text-align:right;
	color:#FFFFFF;
}

.contact {
	margin-right:5%;
}

#contactLangues a,
#contactLangues a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#contactLangues a:hover,
#contactLangues a.selected {
	color:#a42120;
	text-decoration:none;
}

.home #contactLangues {
	color:#a42120;
}

.home #contactLangues a,
.home #contactLangues a:visited {
	color:#a42120;
}

.home #contactLangues a:hover,
.home #contactLangues a.selected {
	color:#692e33;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
// RECHERCHER PLEIN TEXTE ET NAVIGATION INTRA-SITES (DAISY)
//:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#fulltextSearch, #siteNavigation { margin-top: 2em; }

#fulltextSearch input#searchInput { border: solid 1px #CCC; padding: .15em; margin: 0 0; height: 1.35em; }

#fulltextSearch input#searchButton { border: solid 1px #CCC; padding: .15em; margin: 0 0; background-color: #CCC; }

#siteNavigation, #siteNavigation a { color: #A39893; }

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
// NAVIGATION PRINCIPALE (DOMAINES)
//:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#navDomains {
	clear:both;
	padding-left:25%;
	width:75%;
	float:left;
	margin-top:40px;
}

.home #navDomains {
	position:relative;
	z-index:101;
}

#navDomains ul {
	background:#bf8d48 url(../images/nav_ul_color04.jpg) no-repeat top right;
	padding-right:1px;
}

#navDomains ul li {
	float:left;
	list-style:none;
	height:21px;
	padding:0 2.5%;
}

#navDomains ul li.color01 {
	background:#a39893 url(../images/nav_color01.jpg) no-repeat top left;
}

#navDomains ul li.color02 {
	background:#a4993f url(../images/nav_color02.jpg) no-repeat top left;
}

#navDomains ul li.color03 {
	background:#a96a1a url(../images/nav_color03.jpg) no-repeat top left;
}

#navDomains ul li.color04 {
	background:#bf8d48 url(../images/nav_color04.jpg) no-repeat top left;
}

#navDomains ul li a,
#navDomains ul li a:visited {
	color:#FFFFFF;
	text-decoration:none;
	line-height:1.7em;
}

#navDomains ul li a:hover,
#navDomains ul li.selected a {
	color:#692e33;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
// MENU DAISY
//:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#daisyMenu { clear:both; width:100%; margin: 0 0; padding: 0 0;
	height: 1.75em; background-color: #a4993f; }

#daisyMenu ul.tabNavigation { position: absolute; display: inline; width: 100%; }

#daisyMenu ul.tabNavigation,
#daisyMenu ul.tabNavigation ul,
#daisyMenu ul.tabNavigation li { margin: 0 0; padding: 0 0; list-style-type: none; z-index: 3; }

#daisyMenu ul.tabNavigation li { margin-left: 1.5em; font-size: 1em; float: left; }

#daisyMenu ul.tabNavigation li ul li.dsy-menuseparator div {
	padding-top: 2px;
}

#daisyMenu ul.tabNavigation ul { display: none; margin-top: 0.25em; }

#daisyMenu ul.tabNavigation li:hover ul,
#daisyMenu ul.tabNavigation li.over ul {
	display: block; background-color: #a4993f; border: solid #fff;
	border-width: 0 1px 1px 1px; position: absolute; width: 14em;
}

#daisyMenu ul.tabNavigation li:hover ul li,
#daisyMenu ul.tabNavigation li.over ul li {
	margin: 0 0; padding-left: 0.5em; float: none;
	/* IE border with color == background-color so that li are spaced properly */
	border-bottom: 1px solid #fff;
}

#daisyMenu .tabNavigation a {
	padding: 0.4em 0.5em 0.35em; text-decoration: none; color: #fff;
}

#daisyMenu .tabNavigation li li a {
	min-width: 14em; width: auto !important;
	width: 14em; padding: 0.25em 0.5em;
}

#daisyMenu .tabNavigation a:hover { color: #20471a; background-color: #fff; }

#daisyMenu .tabNavigation span { visibility: visible !important; }

#liveStagingIndicator { float: right; margin-right: 1em; }

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
// SIDEBAR / NAVIGATION CONTEXTUELLE
//:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

h2#accroche {
	background:url(../images/accroche.jpg) no-repeat top left;
	width:181px; height:78px; margin-top: 0.2em;
}

h2#accroche span {
	display:none;
}

#navigation {
	margin-top:25px;
	background:url(../images/horizontal_dotted.jpg) repeat-x top left;
}

#navigation li {
	list-style:none;
}

#navigation li.open ul {
	display:block;
}

#navigation li ul {
	display:none;
}

#navigation li a,
#navigation li a:visited {
	display:block;
	color:#99999a;
	line-height:2em;
	background:url(../images/horizontal_dotted.jpg) repeat-x bottom left;
	text-decoration:none;
}

#navigation li a:hover,
#navigation li.selected a,
#navigation li.selected a:visited {
	color:#a42120;
}

#navigation li.selected ul li a,
#navigation li.selected ul li a:visited {
	color:#99999a;
}

#navigation li.selected ul li a:hover {
	color:#a42120;
}

#navigation li a,
#navigation li a:visited {
	font-weight:bold;
}

#navigation li ul li a,
#navigation li ul li a:visited {
	font-weight:normal;
}

#navigation li ul li a {
	padding-left:10px;
}

#navigation li ul li {
	background:url(../images/menu_dot.jpg) no-repeat 0 1em;
}

#navigation li ul li.selected,
#navigation li ul li:hover {
	background:url(../images/menu_dot_selected.jpg) no-repeat 0 1em;
}

#navigation li ul li.selected a {
	color:#a42120;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
// HOMEPAGE
//:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
// CONTENUS
//:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

h1.daisy-document-name,
.pageContent h1.daisy-document-name {
	font-weight:normal; font-size:1.5em; color:#a42120;
	margin-bottom:1em; line-height:.9em;
}

.pageContent {
	color:#666666;
}

.pageContent p,
.pageContent table,
.pageContent li,
.pageContent h1,
.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5,
.pageContent h6 {
	line-height: 1.4em;
}

.pageContent a,
.pageContent a:visited {
	color:#a42120;
}

.pageContent a:hover {
	color:#c76564;
}

.pageContent a:active {
	color:#c98b8b;
}

.pageContent a.external { padding-right: 9px; background: url("../images/link-external.png") center right no-repeat; }

.pageContent p,
.pageContent table,
.pageContent ul {
	margin-bottom: 17px;
}

.pageContent h1 {
	margin-bottom: 2px;
	font-weight:bold;
	font-size:1.15em;
}

.pageContent h2 {
	font-weight:bold;
	font-size:.9em;
}

.pageContent h3 {
	font-weight:bold;
	font-size:.9em;
}

.pageContent sub,
.pageContent legend {
	color:#c4b7a3;
	vertical-align:baseline;
}

.pageContent .insert a {
	text-decoration:none;
}

.pageContent pre {
	margin: 0; padding-bottom: 1em; border: none;
	font-family: monospace; font-size: 115%;
}

.pageContent input[type="text"],
.pageContent textarea,
.pageContent select {
	border: solid 1px #ccc;
	padding: 0.15em;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1em;
}

.pageContent input[type="text"] {
	margin: 3px 0;
}

.pageContent input[type="submit"],
.pageContent input[type="reset"] {
	border: solid 1px #ccc;
	background-color: #ccc;
	text-transform: uppercase;
	color:#333;
	padding: 0.15em 0.5em;
}

.pageContent input[type="submit"]:hover,
.pageContent input[type="reset"]:hover {
	background-color:#a42120; color: #fff;
	cursor:pointer;
}

.pageContent input[type="image"],
.pageContent input[type="image"]:hover {
	/* FIXME: anything? */
}

.pageContent a.bouton,
.pageContent a.bouton:visited {
	text-transform: uppercase;
	color:#fff;
	background-color:#ccc;
	padding:3px 6px 4px 3px;
	text-decoration:none;
}

.pageContent a.bouton:hover, .pageContent a.bouton:active {
	color:#fff;
	background-color:#a42120;
}

.pageContent a.bouton img {
	display:none;
}


/* no other way to remove the underline */
.pageContent a img {
background-color:white;
margin-bottom:-2px;
}

/*weird bug related to reset*/
table td {
	vertical-align:top;
}

table.searchResults tfoot a:hover,
table.searchResults thead a:hover {
	color:#FFFFFF;
	background-color:#c76564;
}

/* search results */
table.searchResults tbody td {
	background:url(../images/horizontal_dotted.jpg) repeat-x bottom left;
	padding:15px 0;
}

table.searchResults tfoot td,
table.searchResults thead th {
	padding-top:15px;
}

/* overloaded Cocoon Forms styles */
.forms-field-required { color: #a42120; font-size: 110%; font-weight: normal; }

a.forms-validation-message:hover { background-color: #ffcfcf; }

.forms-validation-errors {
	border: 2px dotted #a42120; background-color: #fff;
	padding: 1.5em 2em 0; margin-bottom: 1em;
}

.form-confirmation-details {
	border: 2px dotted #ccc; background-color: #fff;
	padding: 1.5em 2em 0; margin-bottom: 1em;
}

/* werbemittel formular */
td.form-label {
	font-size:.9em;
	font-weight:bold;
}

td.form-label, td.form-field {
	vertical-align: middle;
	line-height:1.15em;
}

td.space-after, td.space { padding-bottom: .5em; }

td.space-before, td.space { padding-top: .5em; }

input.form-field[type="checkbox"] {
	border: 1px solid #ccc;
	width: 16px; height: 16px;
	padding: 1px 1px; margin: 0 0;
	vertical-align: middle;
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
// FOOTER
//:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#footer {
	margin-top:40px;
	background:url(../images/horizontal_dotted.jpg) repeat-x top left;
}

#footer,
#footer a,
#footer a:visited {
	color:#a39893;
	line-height:1.8em;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
// CORRECTED DAVID R. - MAY 2010
//:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.page #content {
	height:auto;
	padding:0 0 0 2%;
		width:73%;
	background:url(../images/vertical_dotted.jpg) repeat-y top left;
}

.page .pageContent {
	padding:0 3% 0 0;
	background:url(../images/vertical_dotted.jpg) repeat-y top right;
	min-height:400px;
}

.page #footer {
	float:right;
	margin:20px 2% 0 2%;
	width:71%;
	position:relative;
}

.page #sidebar {
	background:none;
}

.page #footerLinks {
	position:absolute;
	top:0;
	left:-185px;
}

.page #footerLinks a {
	text-decoration:none;
	font-size:.9em;
}

#navigation li.open ul li ul {
	display:none;
}

#navigation li.open ul li.open ul,
#navigation li ul li.open ul {
	display:block;
}

#navigation li ul li ul li a {
	padding-left:20px;
}

#navigation li ul li ul li {
	background:url(../images/menu_dot.jpg) no-repeat 10px 1em;
}

#navigation li ul li ul li.selected,
#navigation li ul li ul li:hover {
	background:url(../images/menu_dot_selected.jpg) no-repeat 10px 1em;
}

#navigation li ul li.open.selected,
#navigation li ul li.open.selected:hover {
	background:url(../images/menu_dot_selected.jpg) no-repeat 0 1em;
}

#navigation li ul li.open.selected ul li a {
	color:#99999A;
}

/* #navigation li.open, */
#navigation li.open:hover {
	background:none;
}

.pageContent ul li {
	list-style:none;
	list-style-position:inside;
	background:url(../images/menu_dot.jpg) no-repeat 0 7px;
	padding-left:10px;
}

.pageContent ol li {
	list-style-position:outside;
	margin-left:18px;
}

.pageContent ol  {
	margin-bottom:18px;
}

.pageContent ul li ul,
.pageContent ul li ul li ul,
.pageContent ul li ul li ul li ul,
.pageContent ol li ol,
.pageContent ol li ol li ol,
.pageContent ol li ol li ol li ol{
	margin-bottom:0;
}

.pageContent h2 {
	margin-bottom:3px;
}


}

/* eof */