/* Drupal 7 Framework - Created by André Griffin
------------------------------------------------
[Table of contents]

 0.Reset
 1.Global
 2.Layout
 3.Main
 4.Sidebars
 5.Header
 6.Navigation
 7.Nodes
 8.Comments
 9.Blocks
10.Footer
11.CSS Support
12. Custom InfoClio

Font sizes: 16px base font with 24px line-height
------------------------------------------------
       font-size / line-height / margin-top
------------------------------------------------
40px = 2.5em     / 1.2         / 0.6em
32px = 2em       / 1.5         / 0.75em
24px = 1.5em     / 1           / 1em
20px = 1.25em    / 1.2         / 1.2em
16px = 1em       / 1..5        / 1.5em
14px = 0.875em   / 1.7143      / 1.7143em
13px = 0.8125em  / 1.8462      / 1.8462em
12px = 0.75em    / 2           / 2em
10px = 0.625em   / 2.4         / 2.4em

Equation for font sizing:
  Desired px ÷ Default (or parent) px = em size
------------------------------------------------*/

/**
 * 0.RESET
 */

@import "reset.css";

/**
 * 1.GLOBAL
 */

body {
	background: #fff;
	color: #3F4B4B;
	font-family: arial;
	font-size: 100%;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-style: normal;
	font-weight: bold;
	color: #222;
}

h1, .h1 {
	font-size: 1.25em;
	line-height: 1.2;
	margin: 0 0 0.75em 0;
}

h2, .h2 {
	font-size: 1.125em;
	line-height: 1;
	margin-top: 1em;
}

h3, .h3 {
	font-size: 1em;
	line-height: 1.2;
	margin-top: 1.2em;
}

h4, h5, h6, .h4, .h5, .h6 {
	font-size: 0.85em;
	font-weight: bold;
	line-height: 1.5;
	margin-top: 1.5em;
}

p {
	


}

a {
	color: #CE142B;
	text-decoration: none;
}

a:visited {
	color: #CE142B;
}

span a:visited {
	font-style: italic;
}

a:hover, a:active, li a.active {
	color: #FC0029;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

a.lexicon-term:visited{color:#080;}

/* apply common styling after reset.css */

li ul, li ol {
	margin: 0;
}

ul, ol {
	margin: 0.5em 1.5em 1.5em 0;
	padding-left: 1.5em;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

dl {
	margin: 0 0 1.5em 0;
}

dl dt {
	font-weight: bold;
}

dd {
	margin-left: 1.5em;
}

hr {
	background: #666;
	border: none;
	clear: both;
	float: none;
	height: 1px;
	margin: 0 0 1.4375em;
	width: 100%;
}

fieldset {
	border: 1px solid #ccc;
	margin: 0 0 1.4375em;
	padding: 1.5em;
}

table {
	margin-bottom: 1.5em;
	width: 100%;
}

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

th {
	padding-right: 1em;
}

.sticky-header th, .sticky-table th {
	border-bottom: 3px solid #ccc;
	padding-right: 1em;
	text-align: left;
}

/**
 * 2.LAYOUT
 */

#container {
	margin: 0 auto;
	padding: 0;
	width: 900px;
}

/**
 * 3.MAIN
 */

/* 1 column: global values*/

#main {
	display: block;
	margin: 0 auto;
	width: 900px;
}

/* 3 columns */

body.two-sidebars #main {
	float: left;
	margin: 0 0 0 240px;
	padding: 0;
	width: 460px;
}

/* 2 columns: sidebar-first */

body.sidebar-first #main {
	float: right;
	margin: 0;
	padding: 0;
	width: 700px;
}

/* 2 columns: sidebar-second */

body.sidebar-second #main {
	float: left;
	margin: 0;
	padding: 0;
	width: 700px;
}

/**
 * 4.SIDEBARS
 */

/* 3 columns: sidebar-first */

body.two-sidebars #sidebar-first {
	float: left;
	margin: 0 0 0 -700px;
	padding: 0;
	width: 220px;
}

/* 3 columns: sidebar-second */

body.two-sidebars #sidebar-second {
	float: right;
	margin: 0;
	padding: 0;
	width: 220px;
}

/* 2 columns: sidebar-first */

body.sidebar-first #sidebar-first {
	float: left;
	margin: 0;
	padding: 0;
	width: 220px;
}

/* 2 columns: sidebar-second */

body.sidebar-second #sidebar-second {
	float: right;
	margin: 0;
	padding: 0;
	width: 220px;
}

/**
 * 5.HEADER
 */

#header {
	margin: 0;
	padding: 2.5em 0 0;
	position: relative;
}

#header #logo {
	float: left;
	margin: 0 1em 1em 0;
}

#header #site-name-slogan {
	float: left;
	margin: 0 0 1.5em;
}

#header #site-name {
	font-size: 2.5em;
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
}

#header #site-name a:hover {
	text-decoration: none;
}

#header #site-slogan {
	margin: 0;
}

/**
 * 6.NAVIGATION
 */

#navigation {
	clear: both;
	margin: 0;
	padding: 0;
}

#navigation ul#main-menu {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul#main-menu li {
	float: left;
	margin: 0;
	padding: 0;
}

#navigation ul#main-menu li a {
	display: block;
	padding: 0 2em 0 0;
}

#navigation ul#secondary-menu {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul#secondary-menu li {
	float: left;
	margin: 0;
	padding: 0;
}

#navigation ul#secondary-menu li a {
	display: block;
	padding: 0 2em 0 0;
}

.breadcrumb {
	clear: both;
        font-size: 11px;
	/*padding: 1.5em 0 0;*/
}

#skip-link {
	position: absolute;
}

/* menus and item lists */

.item-list ul {
	margin: 0;
	padding: 0 0 0 1.5em;
}

.item-list ul li {
	margin: 0;
	padding: 0;
}

ul.menu li {
	margin: 0;
	padding: 0;
}

ul.inline {
	clear: both;
}

ul.inline li {
	margin: 0;
	padding: 0 1em 0 0;
}

/* admin tabs */

.tabs-wrapper {
	border-bottom: 1px solid #333;
	margin: 0 0 1.4375em;
}

ul.primary {
	border: none;
	margin: 0;
	padding: 0;
}

ul.primary li a {
	background: none;
	border: none;
	display: block;
	float: left;
	line-height: 1.5em;
	margin: 0;
	padding: 0 1em;
}

ul.primary li a:hover, ul.primary li a.active {
	background: #666;
	border: none;
	color: #fff;
}

ul.primary li a:hover {
	background: #888;
	text-decoration: none;
}

ul.secondary {
	background: #666;
	border-bottom: none;
	clear: both;
	margin: 0;
	padding: 0;
}

ul.secondary li {
	border-right: none;
}

ul.secondary li a, ul.secondary li a:link {
	border: none;
	color: #ccc;
	display: block;
	float: left;
	line-height: 1.5em;
	padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.active {
	background: #888;
	color: #fff;
	text-decoration: none;
}

ul.secondary a.active {
	border-bottom: none;
}

/**
 * 7.NODES
 */

.node {
	margin-bottom: 1.5em;
}

/* tags */

.field-name-field-tags {
	margin: 0 0 1.5em;
}

.field-name-field-tags .field-item {
	margin: 0 1em 0 0;
}

.field-name-field-tags div {
	display: inline;
}

/* profile */

.profile {
	margin: 1.5em 0;
}

.profile h3 {
	border: none;
}

.profile dt {
	margin-bottom: 0;
}

.profile dd {
	margin-bottom: 1.5em;
}

.password-parent {
	width: 36em;
}

/* videos */
.pane-content iframe {
  margin: 0 5px;
}

/**
 * 8.COMMENTS
 */

#comments {
	clear: both;
	margin-top: 1.5em;
}

.comment {
	margin-bottom: 1.5em;
}

.comment .new {
	color: red;
	text-transform: capitalize;
	margin-left: 1em;
}

/**
 * 9.BLOCKS
 */

.block {
	margin-bottom: 1.5em;
}

/**
 * 10.FOOTER
 */

#footer {
	clear: both;
	padding: 1.5em 0;
	position: relative;
}

#footer a.feed-icon {
	position: absolute;
	right: 0;
	top: 1.6667em;
}

#footer .block .content p {
    display: block;
    text-align: center;
    margin: 0 auto;
}


/**
 * 11.CSS SUPPORT
 *
 * Built-in classes:
 * .clearfix                            | contain floats
 * .element-invisible                   | hide element visually
 * .element-invisible.element-focusable | allow element to be focusable when navigated to via keyboard
 * .element-hidden                      | hide visually and from screenreaders
 */

/* clear floats */

.clear {
	clear: both;
}

/* display block */

.display-block {
	display: block;
}

/**
 * 12.Custom infoclio
 */

#infoclio-menu {
	float: left;
	width: 100%;
	background-color: #f3f3f3;
	border-bottom: 4px solid #CE142B;
}

#infoclio-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#infoclio-menu ul li {
	float: left;
	padding: 0;
	cursor: pointer;
	color: #3F4B4B;
	font-weight: bold;
	list-style-type: none;
	position: relative;
	font-size: 13px;
}

#infoclio-menu ul li span {
	padding: 10px 15px;
	display: block;
}

#infoclio-menu ul li:hover {
	background-color: #fff;
}

.niveau1.rdy {
	display: none;
	position: inherit;
	visibility: visible;
}

.niveau1 {
	visibility: hidden;
	position: absolute;
}

.infoclio-sub-menu {
	position: relative;
}

.infoclio-sub-menu ul.niveau1a {
	padding: 10px;
	font-size: 13px;
	list-style-type: none;
	border-bottom: 3px solid #CE142B;
}

.infoclio-sub-menu ul.niveau1a a {
	color: #000;
	padding: 5px;
	display: block;
	min-width: 30%;
}

.infoclio-sub-menu ul.niveau1a a:hover {
	color: #CE142B;
	background: #F3F3F3;
}

.infoclio-sub-menu ul.niveau1a ul {
	left: 40%;
	position: absolute;
	top: 10px;
	display: none;
	background: #fff;
}

.infoclio-sub-menu ul.niveau1a > li {
	width: 40%;
}

/* panel */

.panel-2col-bricks .panel-separator {
	margin: 0;
}

.panel-2col-bricks .panel-col-first {
	width: 75%;
}

.panel-2col-bricks .panel-col-first .inside {
	margin: 0 30px 0 0;
}

.panel-2col-bricks .panel-col-last {
	width: 25%;
}

.panel-2col-bricks .panel-col-last .inside {
	margin: 0;
}

.panel-col-last panel-pane {
	background: #999;
}

.panel-col-last .panel-pane {
	background: #F3F3F3;
        margin: 0 0 15px;
        padding: 10px 10px;
}
.panel-col-last .panel-pane ul.inline {
        padding: 0;
        margin:0;
}
.panel-col-last .panel-pane ul.inline li {
        padding: 0;
        margin: 0;
        display: block;
}


.panel-col-last h2 {
	margin: 0 0 10px;
	color: #3F4B4B;
	font-size: 16px;
	font-weight: bold;
}

.panel-col-last .panel-pane.gray {
	padding: 10px 15px;
	background: #eee;
	margin-bottom: 20px;
}

.panel-col-last .panel-pane.gray a {
	font-size: 12px;
}

.field-type-link-field .field-item {
  padding: 4px 0;
}

.panel-col-last .pane-node-flag-bookmarks-link a,
.panel-col-last .pane-node-links ul li a,
.pane-infoclio-pdfcache-infoclio-block-pdf-files a,
.pane-infoclio-custombookmarks-0 a,
.field-type-link-field a {
	font-size: 16px;
	color: #3F4B4B;
}


.panel-col-last .pane-node-flag-bookmarks-link a:hover,
.panel-col-last .pane-node-links ul li a:hover,
.pane-infoclio-pdfcache-infoclio-block-pdf-files a:hover,
.pane-infoclio-custombookmarks-0 a:hover,
.field-type-link-field a:hover {
	color: #CE142B;
}

.panel-col-last .pane-flag-bookmarks {
	display: none;
}

.panel-col-last .pane-node-field-book-votes {
	margin: 0 0 10px 15px;
}

.panel-col-last .pane-addtoany-addtoany-button {
	margin: 15px 0;
        padding: 5px 0 0 15px;
}

.panel-col-last .addtoany_list a {
	padding: 0;
}

.panel-col-last .flag-message {
	background: white;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
	font-size: 0.8em;
	left: 15px;
	line-height: normal;
	position: absolute;
	text-align: left;
	top: 3px;
	width: 210px;
}

/* book navigation */

.book-navigation a {
	font-size: 12px;
	font-weight: bold;
	color: #3F4B4B;
}

.book-navigation a:hover {
	font-size: 12px;
	font-weight: bold;
	color: #CE142B;
}

.book-navigation .page-links {
	border: none;
	background: #f3f3f3;
}

section#block-locale-language, section#block-locale-language-content {
	float: right;
}

#block-locale-language li, #block-locale-language-content li {
	list-style-type: none;
}

a.locale-untranslated {
	display: none;
}

ul.niveau1a ul li {
	list-style-type: none;
}

p {
	padding: 5px 0 5px 0;
	text-align: justify;
}

.book-navigation {
	margin-top: 15px;
}

.book-navigation .menu {
	margin: 10px 0;
}
/** INFOCLIO - blocs de contenu wysiwyg **/

#main .introtext,
#tinymce .introtext {
	font-style: italic;
	padding: 5px 20px;
	text-align: center;
        font-weight: bold;
}

#main .warning,
#tinymce .warning {
	margin: 10px 80px 10px 80px;
        font-size: 15px;
	font-style: italic;
	background: #f4ebeb;
	border: 3px solid #CE142B;
	padding: 10px 20px 10px 20px;
}

#main ol.tip,
#main ul.tip,
#tinymce ol.tip,
#tinymce ul.tip {
	padding-left: 2.5em;
}

#main .remarque,
#main .tip,
#tinymce .remarque,
#tinymce .tip {
	margin: 10px 80px 10px 80px;
        font-size: 15px;
	font-style: italic;
	background: #F9F9F9;
	border: 3px solid #797979;
	padding: 10px 20px 10px 20px;
}

#main ol.remarque,
#main ul.remarque,
#tinymce ol.remarque,
#tinymce ul.remarque {
	padding-left: 2.5em;
}

#main .plusinfo,
#tinymce .plusinfo {
	margin: 10px 80px 10px 80px;
        font-size: 15px;
	font-style: italic;
	background: #eeffee;
	border: 3px solid #009900;
	padding: 10px 20px 10px 20px;
}

#main ol.plusinfo,
#main ul.plusinfo,
#tinymce ol.plusinfo,
#tinymce ul.plusinfo {
	padding-left: 2.5em;
}


/*** CSS copied for panel node */


div.is-useful-maybe{
display:none;
}

div.is-usefull .form-item {
    margin: 0;
}
div.pane-node-field-books-utile{margin: 15px 0 10px 15px;}

a.page-up{
display:none !important;
}

.panel-col-top .book-navigation ul.menu{
display:none;
}



/*** language***/
a.language-link.active {
    color: #aaa;
} 

/*** rate widget custom **/

.rate-widget-yesno ul {
  list-style: none;
  overflow: hidden;
  width: 100%;
  margin: auto;
}
.rate-widget-yesno .item-list ul li {
  background-image: none;
  padding: 0;
  padding: 6px 6px 0px 0px;
  border: 1px solid #ccc;
  margin: 0 0 0 10px;
}
.rate-widget-yesno .item-list ul li.first {
    margin-left: 0;
}

.rate-widget-yesno ul li {
  margin: 0px;
  list-style: none;
  font-size: 15px;
}
.rate-widget-yesno ul li a {
  margin: -6px 6px 0 0px;
  padding: 5px 8px 3px 8px;
  float: left;
  font-size: 16px;
}
.rate-yesno-btn {
  color: #666 !important;
  border: 0;
  border-right: 1px solid #ccc;
}
.rate-yesno-btn:hover {
  background: #ddd;
  text-decoration: none;
}
.rate-yesno-votes {
  display: inline-block;
  margin-right: 0px;
  padding: 1px 2px;
  border: 1px;
  font-size: 0.8em;
}

.rate-widget-yesno .rate-info,
.rate-widget-yesno .rate-description {
    text-align: center;
    margin: 5px 0;
    padding: 0;
}


/* bookmarks */
.bookmark_tip {
  font-size: 11px;
  font-style: italic;
}