/* $Id: magazeen-style.css,v 1.1.2.1 2010/05/19 19:28:17 sheenad Exp $ */


.node-type-realisation   .title{
    line-height:150%;
    font-size:170%;
}

.node-type-event .title{
    line-height:150%;
    font-size:170%;
}


.node-type-labo .field-field-images .field-label {
    display:none;
}

.node-type-labo .title {
    line-height: 150%;
    font-size: 170%;
}

/* Frontpage
-------------------------------------------------------------- */
.view-id-frontpage .title a{
font-size:0.7em;
}

.views-view-grid .node-type-event {
width:310px;
float:left;
height:520px;
} 

/* Frontpage  Evenements
-------------------------------------------------------------- */

 #view-id-frontpage-page .node-type-event p {
  width:280px;
  float:left; 
  
 }
 
 #view-id-frontpage-page .node-inner-padding
{
  min-height:280px;
  max-height:280px;
  
 }

/* Caroussel
-------------------------------------------------------------- */


#transparency{
position:absolute;
left:0px;
bottom:9px;
width:391px;
height:250px;
background-color:#34393E;
filter:alpha(opacity=70);
opacity:0.8;
-moz-opacity:0.8;

}
#mycontent {
position:absolute;
top:10px;
right:560px;
width:370px;
text-align:left;
color:#fff;


}

#mycontent h2 a{
color:#fff;
font-size:0.7em;
font-weight:bold;
line-height:50%;
text-align:left;

}

#mycontent h2{

line-height:90%;


}

/* Basic Typography & Colors
-------------------------------------------------------------- */
.teaser .field-field-images .field-items {
width:230px;
float:inline;
float:left;

}




.teaser .field-field-image .field-items {
width:230px;
display:inline;
float:left;


}






/* Add general site styling here for typography and background */

 #header-top .content {
float:right;
display:inline;
list-style:none;
height:78px;

}

body {
  background-color: #171615;
  color: #B2B2B2;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 75%;/*also set in fusion_starter.info: settings[base-font-size] = font-size-12 */
}

h1 {
  color: #30393D;
  font-size: 250%;
  line-height: 120%;
}

h2 {
  color: #53798B;
  font-size: 280%;
  line-height: 120%;
  margin-top: 18px;
}

h3 {
  color: #53798B;
  font-size: 180%
}

h4 {
  color: #BD4478;
  font-weight: normal;
  font-size: 150%;
}

h5 {
  font-weight: normal;
  font-size: 120%;
}

h6 {
  font-weight: bold;
  font-size: 100%
}

code {
  background-color: #eee;
  display: block;
  border: 1px solid #ccc;
  padding: 8px;
}

blockquote {
  color: #bd4478;
  border-left: 3px solid;
  border-color: #e0edf3;
  font-style: italic;
  margin-left: 10px;
  padding-left: 4px;
}

p {
  font-size: 100%;
  /*line-height: 1.6em;*/
}

p:first-child {
  margin-top: 0px;
}

/* Default link styles - separate a:visited for a different visited link style */

a,
a:link,
a:visited {
  color: #F23183;
}

/* Hover/active link styles. Don't forget :focus for accessibility */

a:hover,
a:focus,
a:active,
a.active {
  color: #BD4478;
  color: #F23183;
  text-decoration: none;
}

/* Specific Typography
-------------------------------------------------------------- */

#site-name {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 300%;
  font-weight: bold;
  float: left;
  line-height: 120%;
  margin-bottom: 10px;
text-transform:uppercase;
}

.footer-message {
  color: #404040;
  font-size: 90%;
}

#block-block-1 {
width:200px;

}

#block-block-1 tr {

border-top:0px;
}

/* HTML Elements
-------------------------------------------------------------- */

body {
  
}

/* Site Info
-------------------------------------------------------------- */

/* Wrapper around logo, site name, and slogan */

.header-site-info span {
  display: block;
}

/* Add float here to put logo and site name side by side, also add margins as
  needed */

#logo {
  float: left;
}

/* Link and hover styles for site name */

#site-name a:link,
#site-name a:visited,
#site-name a:hover,
#site-name a:active {
  color: #F23183;
}

/* Typography for site slogan */

#slogan {
  color: #fff;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 14px;
padding-left:15px;
}

/* Regions

  Classes (.region-name) should always be used instead of IDs (#region-name) so
  that Skinr styles can override them with a class later
-------------------------------------------------------------- */

/* All Regions
-------------------------------------------------------------- */

/* By default this wrapper is set to 100% width and centered -- override here to
  narrow wrapper or align left or right */

.page {
  //width: 1020px;  //Mohamed
  
}

/* The 0 values here remove padding and spacing at the bottom of the page.
  Remove to add a gap at the very bottom of the page */

.page-inner {
  border: 0;
  margin-bottom: 0;
  padding: 0;
}
/*.page-inner {
  border: 0;
  margin-bottom: 0;  
  //margin-left: auto;  //Mohamed
  //margin-right: auto;  //Mohamed
  //width: 1020px; //Mohamed
  padding: 0;  
}*/

/* Header Regions
-------------------------------------------------------------- */

/* Header Top region to the bottom of Header region */

/* For full-width header background, add background image/color here */

.header-group-wrapper {
background:#404040;
  
}

.header-group {
  padding: 6px 0px 70px;
}

/* Mohamed: Modification de width (60% -> 100%)
#header-site-info.block {
  width: 100%;
}

/* Header Top region which sits above the header */

/* Works well with inline login or inline menu block style */

.header-top-wrapper {
background:#404040;  
}

.header-top {
  
}

/* Primary Menu   TODO: add default colours
/-------------------------------------------------------------- */

/* Add general styles for primary menu here, such as typography, borders, floats,
  or spacing above/below */

.primary-menu-wrapper {
  background: #FFFFFF url(../images/navigation.gif) repeat-x scroll center bottom;
  border-bottom: 1px solid #FFFFFF;
  border-top: 2px solid #393B3B;
}

/* styles for Superfish primary menu */

.primary-menu-inner ul.sf-menu {
  font-size: 112%;
  margin-bottom: 0;
}

/* Link style for top level menu items, add padding here */

.primary-menu-inner ul.sf-menu a,
.primary-menu-inner ul.sf-menu a:visited {
  color: #34393E;
  font-weight: bold;
  padding: 0.8em 1.4em 0.8em;
  line-height: 1.4em;
}

.primary-menu-inner ul.sf-menu a:hover,
.primary-menu-inner ul.sf-menu a:active,
.primary-menu-inner ul.sf-menu a:focus {
  color: #34393E;
  text-decoration: underline;
}

.primary-menu-inner ul.sf-menu li.active-trail {
  background: #171615 url(../images/navigation-hover.gif) repeat-x scroll center bottom;
  color: #fff;
  margin-top: -2px;
  padding-bottom: 2px;
  padding-top: 2px;
}

.primary-menu-inner ul.sf-menu li.active-trail a:link,
.primary-menu-inner ul.sf-menu li.active-trail a:visited,
.primary-menu-inner ul.sf-menu li.active-trail a:hover,
.primary-menu-inner ul.sf-menu li.active-trail a:active,
.primary-menu-inner ul.sf-menu li.active-trail li.active-trail a:link,
.primary-menu-inner ul.sf-menu li.active-trail li.active-trail a:visited,
.primary-menu-inner ul.sf-menu li.active-trail li.active-trail a:hover,
.primary-menu-inner ul.sf-menu li.active-trail li.active-trail a:active {
  color: #F1F8FF;
}

/* These are the top level menu items, add border-right here for separators */

.primary-menu-inner ul.sf-menu li {
  
}

/* Add border-right: 0; here to remove separator on last menu item */

.primary-menu-inner ul.sf-menu li.last {
  
}

/* Style for container of dropdown, add background or border */

.primary-menu-inner ul.sf-menu ul {
  top: 2.9em;
}

.primary-menu-inner ul.sf-menu li.active-trail ul {
  top: 2.8em;
}

/* Style for individual dropdown menu items, add border-bottom for separators */

.primary-menu-inner ul.sf-menu li li {
  background-color: #ebf6fb;
  border-color: #ffffff #cfdbe1 #cfdbe1 #ffffff;
  border-style: solid;
  border-width: 1px;
}

.primary-menu-inner ul.sf-menu li li.first {
  border-top-color: #c2cfd5;
}

.primary-menu-inner ul.sf-menu li.active-trail li a:link,
.primary-menu-inner ul.sf-menu li.active-trail li a:visited,
.primary-menu-inner ul.sf-menu li.active-trail li a:hover,
.primary-menu-inner ul.sf-menu li.active-trail li a:active {
  color: #30393d;
}

.primary-menu-inner ul.sf-menu li li.last {
  
}

.primary-menu-inner ul.sf-menu li li li {
  
}

/* Style for hover of dropdown menu items (add background-color here) */

.primary-menu-inner ul.sf-menu li ul li:hover,
.primary-menu-inner ul.sf-menu li ul li.sfHover {
  
}

/* Secondary menu
-------------------------------------------------------------- */

/* This menu usually appears in the header as a set of simple text links */

/* Mohamed: modification de width (60% -> 100%)
.secondary-menu {
  width: 100%;
  clear: left; 
}

/* Set general style for menu here -- background, alignment, etc. */

.secondary-menu-inner ul.links {
  float:right; // Mohamed : ajout de float
  
}

/* Add a border-right here for a separator */

.secondary-menu-inner ul.links li {
  
}

/* Add border-right: 0; here to remove right separator on last menu item */

.secondary-menu-inner ul.links li.last {
  
}

/* Styles for links */

.secondary-menu-inner ul.links li a:link,
.secondary-menu-inner ul.links li a:visited {
  padding: 3px;
}

.secondary-menu-inner ul.links li a:hover,
.secondary-menu-inner ul.links li a:focus,
.secondary-menu-inner ul.links li a.active {
	color: #F23183; //Mohamed
  
}
li a.active{
 color: #F23183;
}

/* Header - Search
-------------------------------------------------------------- */

.search-box {
  float: right;
  margin-top: 20px;
  width: auto;
}

.search-box-inner {
  
}

.search-box-inner form#search-theme-form #search_header {
  background-color: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 118%;
  font-weight: bold;
  margin-left: 12px;
}

.search-box-inner input#edit-search-theme-form-header {
  background: #FDFEFE url(../images/searchform-back.gif) no-repeat scroll left top;
  border: none;
  color: #777;
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 5px 5px 22px;
  width: 172px;
}

/* Search Results
-------------------------------------------------------------- */

.search-results dt {
  font-size: 120%;
  margin-bottom: 8px;
}

.search-results .search-result {
  margin-bottom: 0px;
  padding: 16px 10px;
}

.search-results .search-result.even {
  background-color: #f5fbfe;
}

.search-results dd {
  margin: 0;
}

.search-results dd p.search-info {
  border-top: 1px solid #f5fbfe;
  margin: 0px;
}

.search-results .even dd p.search-info {
  border-color: #e0edf3;
}

/*  Preface Regions
-------------------------------------------------------------- */

/* The Preface Top region sits between the header and the Main Area
 (columns, sidebars, and main content).  The Preface Bottom region
 is inside the Main Area. */

.preface-top-wrapper {
  background-color: #F4F6F8;
  border-bottom: 1px solid #fff;
}

.preface-top {
  
}

.preface-top-inner {
  padding-top: 1.2em;
}

.preface-bottom {
  
}

.preface-bottom-inner {
  margin-top: 1.5em;
}

/*  Main Area (content + sidebars + preface bottom + postscript top)
-------------------------------------------------------------- */

.main-wrapper {
  background-color: #E0EDF3;
  border-bottom: 10px solid #D0DCE2;
  border-top: 1px solid #C6DEE7;
  color: #000000;
  padding-top: 1.5em;
}

/* Sidebar Regions
-------------------------------------------------------------- */

/* Sidebar widths can be controlled through theme settings */

.sidebar-first {
  
}

.sidebar-last {
  
}

/* Content Regions
-------------------------------------------------------------- */

.content-top {
  
}

.content {
  
}

.content-inner {
  
}

.content-bottom {
  
}

/* This region only appears on full node pages. It's useful for ads or other
  content between the body of the node and its comments */

.node-bottom {
  
}

/*  Postscript & Footer Regions
-------------------------------------------------------------- */

.postscript-top {
  
}

.postscript-top-inner {
  margin-top: 1.5em;
}

.postscript-bottom-wrapper {
  background-color: #404040;
  border-bottom: 0px solid #1E1D1D;
}


.postscript-bottom-wrapper a{
  color: #F23183;
}

.postscript-bottom-wrapper li a.active,
.footer-wrapper li a.active {
  color: #b2b2b2;
}

.postscript-bottom .block .inner {
  border-right: 2px dashed #2a2a2a;
}

.postscript-bottom .block.last .inner {
  border-right: 0;
}

.postscript-bottom-inner {
  margin-top: 1.5em;
}

.postscript-bottom-wrapper h2.block-title,
.footer-wrapper h2.block-title {
  color: #fff;
}

.footer {
  
}

.footer-inner {
  margin-top: 1.5em;
}

.footer-message-wrapper {
background-color: #404040;  
}

.footer-message {
  
}

.footer-message-inner {
  margin-top: 1.5em;
}

.footer-message-text {
  
}

/* Page titles
/-------------------------------------------------------------- */

/* Page and full node titles */

h1.title {
  color: #30393D;
  font-size: 275%;
  line-height: 100%;
}

body.full-node h1.title {
  border-bottom: 2px solid #30393D;
  float: left;
  margin-bottom: 0;
  padding-bottom: 10px;
  width: 70%;
}

/* Default node styles
/-------------------------------------------------------------- */

/* Change unpublished and preview colors for dark background themes */

.node-unpublished {
  background-color: #fff4f4;
}

.preview .node {
  background-color: #ffffea;
}

/* Typography for node titles */

h2.title {
  font-size: 280%;
  line-height: 125%;
}

/* Colors and styles for linked node titles, ie. teaser listing at /node */

h2.title a:link,
h2.title a:visited {
  color: #30393D;
}

h2.title a:hover,
h2.title a:focus,
h2.title a:active,
h2.title a.active {
  color: #53798B;
}

.node h2.title {
    border-bottom: 2px solid #30393D;
    color: #30393D;
    float: left;
    margin-bottom: 0;
    padding-bottom: 10px;
    width: 86%;
}

.view-frontpage .node h2.title{
    font-size: 174%;
    line-height: 100%;
    min-height: 70px;
}


.node-title-wrapper {
  border-bottom: 1px solid #fff;
  margin: 0px 0 18px 0;
  position: relative;
}

/* Separators and padding for node teasers */

.node .inner {
  background-color: #FDFEFE;
  border-color: #DCE7ED #CFDBE1;
  border-style: solid;
  border-width: 1px;
}

.node .content-help-inner.inner,
.node .content-messages-inner.inner {
  border: none;
}

.node .node-inner-padding,
.product-group {
  padding: 20px;
}

.node .picture {
  float: left;
  margin: 0px 20px 10px 0px;
}

/* Author/date info */

.node .meta {
  border-bottom: 2px solid #889398;
  bottom: 0;
  color: #81888D;
  padding-bottom: 12px;
  position: absolute;
  right: 0;
  text-align: right;
  width: 30%;
}

.teaser .inner {
  clear: both;
}

.submitted {
  
}

/* Links for nodes (taxonomy, commenting, read more, etc) */

.node div.links {
  background-color: #FCFDFE;
  border-top: 1px solid #E8EBEC;
  padding: 10px 20px;
}

.node div.links ul.links li {
  float: left;
  font-size: 130%;
  font-style: italic;
  font-weight: bold;
  padding: 10px 20px 10px 0;
}

.node div.links ul.links a:link,
.node div.links ul.links a:visited {
  color: #BD4478;
}

.node div.links ul.links a:hover,
.node div.links ul.links a:active,
.node div.links ul.links a:focus {
  color: #F2307F;
}

/* Only more/read more links */

div.node .read-more,
div.node .more-link,
div.node div.links ul.links li.node_read_more {
  float: right;
}

/* Views Styles */

div.views-row {
  margin: 2px 0px 4px;
}

.fusion-float-imagefield-left .views-row:after, 
.fusion-float-imagefield-right .views-row:after,
.fusion-2-col-list .inner ul li.last:after,
.profile dl:after,
.superfish-vertical .content:after {
  content: ".";
  clear: both;
  display: block;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.views-field-title,
.views-field-title a {
  font-weight: bold;
  font-size: 110%;
}

/* Drupal Messages
/-------------------------------------------------------------- */

/* General style for all errors/messages (border, padding, etc.) */

div.content-messages div.messages,
div.content-help div.help {
  border-style: dotted;
  border-width: 2px;
}

/* Status messages: green */

div.content-messages-inner div.status {
  border-style: dotted;
  border-width: 2px;
}

/* Warning messages: yellow */

div.content-messages-inner div.warning {
  border-style: dotted;
  border-width: 2px;
}

/* Error messages: red */

div.content-messages-inner div.error {
  background-color: #f5e2e9;
  border: 2px dotted #bd4478;
  color: #30393d;
}

/* Help messages: blue */

div.content-help-inner div.help {
  border-style: dotted;
  border-width: 2px;
}

/* Error that appears when a required form field is not filled out */

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #aa1144;
}

/* "New" text and required form field asterisk (default = red) */

.marker,
.form-required {
  color: #aa1144;
}

/* Default block title styles
/-------------------------------------------------------------- */

h2.block-title {
  font-size: 190%;
}

/* Breadcrumbs
-------------------------------------------------------------- */

.breadcrumbs {
  
}

.breadcrumbs a:link,
.breadcrumbs a:visited {
  
}

/* Tab Menus   TODO: tab styles?
/-------------------------------------------------------------- */

#content-tabs {
  background-color: transparent;
  float: left;
  margin: 20px 0;
  padding: 0;
}

#content-tabs ul.primary,
#content-tabs ul.secondary {
  border-bottom: 1px solid #000;
  clear: both;
  float: left;
  margin: 0;
  padding: 0 10px;
}

#content-tabs ul.secondary {
  border-bottom: 1px solid #555;
  margin-top: 10px;
  text-transform: lowercase;
}

#content-tabs ul.primary li,
#content-tabs ul.secondary li {
  border-style: none;
  display: inline;
  float: left;
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited,
#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  background-color: transparent;
  border: none;
  color: #000;
  float: left;
  font-weight: bold;
  margin: 0;
  padding: 0 0 6px 0;
  text-decoration: none;
  white-space: nowrap;
}

#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  color: #555;
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
  border-bottom: 2px solid #000;
  color: #555;
  padding-bottom: 2px;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  border-bottom: 2px solid #555;
  color: #777;
  padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.primary li a:focus,
#content-tabs ul.secondary li a:hover,
#content-tabs ul.secondary li a:focus {
  border-bottom: 2px solid #777;
  color: #777;
  padding-bottom: 2px;
}

/* Pagers
-------------------------------------------------------------- */

ul.pager {
  background-color: #DCE8EE;
  border-color: #EBF2F5 #EBF2F5 #D4E0E6;
  border-style: solid;
  border-width: 1px;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 120%;
  font-style: italic;
  margin: 0 0 10px 0;
  padding: 8px 10px;
}

div.item-list ul.pager {
  text-align: right; 
  font-size:24px;
}

ul.pager li {
  
}

ul.pager a,
ul.pager li.pager-current {
  border: 0;
  color: #81888D;
}

ul.pager li.pager-current {
  background-color: transparent;
  color: #81888D;
  font-weight: bold;
}

ul.pager a:hover,
ul.pager a:active,
ul.pager a:focus {
  background-color: transparent;
  border: 0;
  color: #54798B;
}

/* Forms
/-------------------------------------------------------------- */

/* Typography and backgrounds for all form buttons */

/* Hover style for form buttons */

.form-submit:hover,
.form-submit.hover,
.form-submit:focus {
  
}

/* Typography, background, borders, padding for form fields */

.form-item input,
.form-item select,
.form-item textarea {
  background: #FDFEFE url(../images/post-box-top.gif) repeat-x scroll center top;
  border: 1px solid #DCE7ED;
  color: #76716C;
  padding: 5px;
}

.form-submit {
  background-color: #435761;
  border: 1px solid #81A8B9;
  border-radius: 5px;
  color: #fff;
  font-size: 90%;
  margin: 2px;
  padding: 5px 9px;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -moz-outline-radius: 5px;
  -webkit-border-radius: 5px;
}

/* Remove backgrounds and border on radios and checkboxes */

.form-item .form-radio,
.form-item .form-checkbox {
  background: none;
  border: none !important;
}

/* Fieldset wrapper around groups of form elements -- add border here */

fieldset {
  
}

/* Typography and spacing for legend of fieldsets */

fieldset legend {
  
}

/* Link style for legend of fieldsets */

fieldset legend,
legend.collapse-processed,
legend.collapse-processed a:link,
legend.collapse-processed a:visited {
  
}

/* Custom icons on (open) collapsible fieldsets */

html.js fieldset.collapsible legend a:link,
html.js fieldset.collapsible legend a:visited {
  
}

/* Custom icons on (closed) collapsible fieldsets */

html.js fieldset.collapsed legend a:link,
html.js fieldset.collapsed legend a:visited {
  
}

/* Tables
-------------------------------------------------------------- */

table {
  
}

/* Body of tables */

tbody {
  border-top: 0px solid #ccc;
}

/* Header of tables */

thead th,
th {
  border-bottom: 2px solid #cfdbe1;
}

tbody th {
  border-bottom: 1px solid #ccc;
}

/* Alternating row background styles */

tr.even,
tr.even td {
  background-color: #f5fcff;
  border-bottom: 1px solid #cfdbe1;
}

tr.odd,
tr.odd td {
  background-color: #fff;
  border-bottom: 1px solid #cfdbe1;
}

td.active {
  
}

tr.drag td,
tr.drag-previous td {
  color: #000;
}

/* Maintenance Page
/-------------------------------------------------------------- */

/* Maintenance page tpl file in Fusion Core has simplified layout, but you can
  also add specific styles, such as a background, just for your offline page */

.in-maintenance {
  
}

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

/* Module styles
/-------------------------------------------------------------- */

/* Book
/-------------------------------------------------------------- */

.book-navigation .menu {
  border-top: 1px solid #ccc;
}

.book-navigation .page-links {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

/* Comments
/-------------------------------------------------------------- */

#comments h2.title{
	margin-left: 20px;
	margin-bottom: 0px;
}

h2.comments-header {
  background-color: #EA2F7E;
  color: #fff;
  display: inline;
  font-size: 150%;
  margin: -8px 8px 0px -8px;
  padding: 8px 15px;
  position: relative;
  z-index: 10;
}

#comments {
  background-color: #F3F8FA;
  position: relative;
  z-index: 1;
  overflow: visible;
  padding-top: 28px;
}

.comments {
  border-color: #DCE7ED #CFDBE1;
  border-style: solid;
  border-width: 1px 1px 2px 1px;
  margin-top: -22px;
}

#comments form {
  padding: 20px;
}

/* Style for each individual comment */

div.comment,
div.comment-folded {
  border-color: #fff #fff #CFDBE1 #fff;
  border-style: solid;
  border-width: 1px;
  margin: 0;
  padding: 40px 20px 20px 20px;
}

div.comment-folded {
  padding: 12px 8px;
}

div.indented {
  border-left: 10px solid;
  border-color: #cfdbe1;
  margin: 0 1px;
}

/* Subject (title) of each comment */

div.comment h3.title a,
div.comment h3.title a:visited,
div.comment h3.title a:hover,
div.comment h3.title a:active {
  color: #3C4D54;
  font-size: 120%;
}

div.comment .submitted {
  color: #81888D;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}

/* Links (edit, reply, delete) for each comment */

div.comment div.links a,
div.comment ul.links a {
  
}

/* Alternating styles for even/odd comments */

.comments div.odd {
  background-color: #F3F8FA;
}

.comments div.even,
.preview div.comment.odd {
  background-color: #fff;
}

/* A special highlight style for a comment by the author of the node */

.comments div.comment-by-author {
  background-color: #fff;
}

.comments div.comment-by-author h3.title,
.comments div.comment-by-author h3.title a {
  color: #e82f7d;
}

/* Comment signatures */

.signature {
  border-top: 1px solid #d6ddb9;
}

/* User avatars in comments */

.comment-wrapper .picture img {
  
}

/* Forum
/-------------------------------------------------------------- */

#forum .description {
  
}

.forum-topic-navigation {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}

/* Poll
/-------------------------------------------------------------- */

div.poll div.bar {
  background-color: #ddd;
}

div.poll div.bar div.foreground {
  background-color: #999;
}

/* Profiles
/-------------------------------------------------------------- */

.profile div.picture {
  float: left;
  margin: 0px 20px 10px 0px;
}

/* Styles for sub-headings on user profiles */

.profile dl,
.profile h3 {
  margin-left: 120px;
}

.profile h3 {
  border-bottom: 1px solid #fff;
  line-height: 1.1em;
}

.profile dt {
  background-color: #F3F8FA;
  border-color: #fff #CFDBE1 #CFDBE1 #fff;
  border-style: solid;
  border-width: 1px;
  clear: both;
  padding: 2px 8px;
  float: left;
  margin: 0px 10px 4px 0px;
}

.profile dd,
.profile dd p {
  float: left;
}

.profile dd:last-child,
.profile dd p:last-child {
  margin-bottom: 0px;
}

.profile .picture img {
  background-color: #fff;
  border: 1px solid #fff;
  box-shadow: 1px 1px 5px -3px #000000;
  padding: 3px;
  -moz-box-shadow: 1px 1px 5px -3px #000000;
  -webkit-box-shadow: 1px 1px 5px -3px #000000;
}

/* Ubercart - catalog
/-------------------------------------------------------------- */

/* Horizontal list of subcategories in catalog */

ul.uc-categories {
  
}

.uc-categories li a {
  font-weight: bold;
  padding: 0 5px 0 3px;
}

/* Product and category names */

.catalog-grid-title a:link,
.catalog-grid-title a:visited,
.category a:link,
.category a:visited {
  
}

.catalog-grid-title a:hover,
.catalog-grid-title a:focus,
.category a:hover,
.category a:focus {
  
}

/* Sell price in Ubercart catalog */

.category-grid-products .catalog-grid-sell-price {
  
}

/* Ubercart - add to cart buttons
/-------------------------------------------------------------- */

/* Add to cart buttons */

input.node-add-to-cart,
input.list-add-to-cart {
  
}

/* Hover and focus styles, with .hover class added for IE6 support */

input.node-add-to-cart:hover,
input.node-add-to-cart.hover,
input.node-add-to-cart:focus,
input.list-add-to-cart:hover,
input.list-add-to-cart.hover,
input.list-add-to-cart:focus {
  
}

/* Ubercart - product nodes
/-------------------------------------------------------------- */

#field-group {
  
}

#price-group {
  
}

/* Product images */

.product-image a img {
  
}

.product-image a:hover img,
.product-image a:focus img {
  
}

/* Display price on full product nodes */

.full-node .product-group .uc-price-display {
  
}

/* Product attributes on full nodes */

.full-node .product-group .attributes {
  
}

/* Ubercart - general / checkout
/-------------------------------------------------------------- */

/* For optional "Powered by Ubercart" footer message */

#store-footer {
  
}

#store-footer a:link,
#store-footer a:visited {
  
}

/* View cart/Checkout links in Ubercart cart block */

.cart-block-summary-links ul.links li a {
  
}

.cart-block-summary-links ul.links li.cart-block-checkout a:link,
.cart-block-summary-links ul.links li.cart-block-checkout a:visited {
  
}

/* Key checkout process buttons: Checkout, Continue, and Submit Order */

#uc-cart-view-form #edit-checkout,
#uc-cart-checkout-form #edit-continue,
#uc-cart-checkout-review-form #edit-submit {
  
}

/* Table on final order review page */

.order-review-table {
  
}

#cart-form-products table th {
  border-bottom: 2px solid #dec2c3;
}

/* Skinr
/-------------------------------------------------------------- */

.fusion-callout p:first-child:first-line {
  color: #30393d;
  display: block;
  font-size: 1.6em;
  line-height: 1.2em;
}

.superfish-vertical ul.menu {
  margin: 0px;
}

.superfish-vertical ul.menu.sf-vertical li {
  border: none;
}

.superfish-vertical ul.menu.sf-vertical li a:link,
.superfish-vertical ul.menu.sf-vertical li a:visited {
  margin: 0px;
  padding-left: 10px;
  background-color: #fdfefe;
  border-bottom: 1px solid #c6dee7;
  border-top: 1px solid #fff;
}

.superfish-vertical ul.menu.sf-vertical li a.active,
.superfish-vertical ul.menu.sf-vertical li.active-trail > a,
.superfish-vertical ul.menu.sf-vertical li a:hover,
.superfish-vertical ul.menu.sf-vertical li.sfHover > a {
  background-color: #404040;
  color: #fff;
}

.superfish-vertical ul.menu.sf-vertical li.sfHover ul.menu {
  padding: 0px;
  background: transparent;
  border-left: 1px solid #c3dee7;
}

.magazeen-rounded-block.superfish-vertical ul.menu li a:link,
.magazeen-rounded-block.superfish-vertical ul.menu li a:visited {
  background-color: #ebf6fb;
}

.magazeen-rounded-block.superfish-vertical ul.menu li.first > a:link,
.magazeen-rounded-block.superfish-vertical ul.menu li.first > a:visited {
  border-top: 0px;
}

.magazeen-rounded-block.superfish-vertical ul.menu li.last > a:link,
.magazeen-rounded-block.superfish-vertical ul.menu li.last > a:visited {
  border-bottom: 0px;
}

.magazeen-rounded-block.superfish-vertical ul.menu li.active-trail > a {
  background-color: #bdd4db;
}

.magazeen-rounded-block.superfish-vertical ul.menu li a:hover,
.magazeen-rounded-block.superfish-vertical ul.menu li a:focus,
.magazeen-rounded-block.superfish-vertical ul.menu li.sfHover > a:link {
  color: #ef4d94;
  text-decoration: none;
}

.footer-wrapper .fusion-inline-menu .inner ul.menu li,
.postscript-bottom-wrapper .fusion-inline-menu .inner ul.menu li {
  border-color: #989898;
}

.magazeen-small-dark-title h2.block-title {
  color: #31393D;
  font-size: 130%;
}

.magazeen-tiny-title h2.block-title {
  color: #9CAAB1;
  font-size: 90%;
  font-weight: normal;
}

.magazeen-rounded-block .inner {
  background-color: #F5FBFE;
  border-color: #fff #CFDBE1 #CFDBE1 #fff;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  padding: 28px 12px 40px 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.magazeen-rounded-block h2.block-title {
  color: #587682;
}

.magazeen-rounded-block .inner .content,
.magazeen-rounded-block.node div.links,
.magazeen-rounded-block.node .node-inner-padding {
  background-color: #EBF6FB;
  border-color: #fff #CFDBE1 #CFDBE1 #fff;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.magazeen-rounded-block.node .inner .content {
  background-color: transparent;
  border: none;
  padding: 0px;
}

.magazeen-rounded-block a:link,
.magazeen-rounded-block a:visited {
  color: #709CB0;
}

.magazeen-rounded-block a:hover,
.magazeen-rounded-block a:active,
.magazeen-rounded-block a.active,
.magazeen-rounded-block a:focus {
  color: #5E8293;
}

.magazeen-rounded-block .views-field-title,
.magazeen-rounded-block h3 {
  font-size: 120%;
  font-weight: bold;
}

.magazeen-rounded-block .views-field-title a:link,
.magazeen-rounded-block .views-field-title a:visited,
.magazeen-rounded-block h3 a:link,
.magazeen-rounded-block h3 a:visited {
  color: #5A656A;
}

.magazeen-rounded-block .views-field-title a:hover,
.magazeen-rounded-block .views-field-title a:active,
.magazeen-rounded-block .views-field-title a.active,
.magazeen-rounded-block .views-field-title a:focus,
.magazeen-rounded-block h3 a:hover,
.magazeen-rounded-block h3 a:active,
.magazeen-rounded-block h3 a.active,
.magazeen-rounded-block h3 a:focus {
  color: #475054;
}

.magazeen-rounded-block .view div.more-link {
  clear: both;
  position: relative;
  text-align: left;
}

.magazeen-rounded-block .view div.more-link a,
.magazeen-rounded-block .view div.more-link a:visited {
  color: #A6B5BC;
  font-size: 117%;
  font-weight: bold;
  line-height: 120%;
  position: absolute;
  top: 20px;
}

.magazeen-rounded-block .view div.more-link a:hover,
.magazeen-rounded-block .view div.more-link a:active {
  color: #889297;
}

.magazeen-hot-pink-title .inner {
  overflow: visible;
}

.magazeen-hot-pink-title .views-row-title {
  background-color: #EA2F7E;
  border-bottom: none;
  color: #fff;
  display: block;
  font-size: 130%;
  line-height: 150%;
  margin-left: 8px;
  margin-top: -16px;
  padding: 8px 8px;
  position: absolute;
  z-index: 10;
}

.magazeen-hot-pink-title h2.title.block-title {
  background-color: #EA2F7E;
  color: #fff;
  display: block;
  font-size: 130%;
  line-height: 150%;
  padding: 4px 8px;
  margin-left: -8px;
  margin-right: 8px;
  margin-bottom: -1.5em;
  position: relative;
  z-index: 10;
}

.magazeen-hot-pink-title h2.title {
  border-bottom: none;
  font-size: 130%;
  line-height: 120%;
  margin: 0px 0px 0px 8px;
  padding: 0px;
}

.magazeen-hot-pink-title h2.block-title a,
.magazeen-hot-pink-title h2.title a,
.magazeen-hot-pink-title .views-row-title a {
  color: #fff
}

.views-row-first .magazeen-hot-pink-title {
  margin-top: 8px;
}

.magazeen-hot-pink-title .meta {
  border-bottom: none;
  color: #fff;
  line-height: 110%;
  margin-right: 10px;
}

.magazeen-hot-pink-title .node-title-wrapper {
  background-color: #EA2F7E;
  border-bottom: none;
  color: #fff;
  display: block;
  margin-top: -8px;
  padding: 8px 8px;
  position: absolute;
  right: 3%;
  width: 96%;
  z-index: 10;
}

.magazeen-hot-pink-title .inner .content {
  background-color: #fff;
  border-color: #fff #CFDBE1 #CFDBE1 #fff;
  border-style: solid;
  border-width: 1px;
  margin-top: 0px;
  padding: 2.8em 8px 0 8px;
  position: relative;
  z-index: 1;
}

.magazeen-hot-pink-title .inner .node-inner-padding {
  padding: 2.8em 8px 0 8px;
}

.magazeen-hot-pink-title .node-inner-padding .content {
  border: none;
  padding: 0px;
  position: relative;
  z-index: 1;
}

.magazeen-hot-pink-title .views-field-title a {
  color: #53798b;
}

.magazeen-rounded-list .view .item-list ul li,
.magazeen-rounded-list ul.menu li.leaf {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

.magazeen-rounded-list .view .item-list ul li,
.magazeen-rounded-list ul.menu li,
.magazeen-rounded-list .views-row {
  margin: 8px 0px;
}

.magazeen-rounded-list .view .item-list ul li a,
.magazeen-rounded-list .views-row a,
.magazeen-rounded-list ul.menu li a {
  background-color: #0C0B0B;
  border: 1px solid #0C0B0B;
  border-radius: 10px;
  color: #A7A7A7;
  padding: 3px 8px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.magazeen-rounded-list .view .item-list ul li a:hover,
.magazeen-rounded-list .views-row a:hover,
.magazeen-rounded-list ul.menu li a:hover {
  background-color: #B2B2B2;
  border: 1px solid #fff;
  color: #0C0B0B;
}

.magazeen-image-border img {
  background-color: #fff;
  border: 1px solid #E8E8E8;
  box-shadow: 1px 1px 5px -3px #000000;
  padding: 3px;
  -moz-box-shadow: 1px 1px 5px -3px #000000;
  -webkit-box-shadow: 1px 1px 5px -3px #000000;
}

.magazeen-image-border img:hover {
  box-shadow: 1px 1px 6px -2px #000000;
  -moz-box-shadow: 1px 1px 6px -2px #000000;
}

/* Skinr Previews
/-------------------------------------------------------------- */

#screenshot .magazeen-rounded-node,
#screenshot .magazeen-rounded-block {
  background: transparent url(../images/rounded-block-preview.png) no-repeat 0 0;
}

#screenshot .magazeen-hot-pink-node,
#screenshot .magazeen-hot-pink-title {
  background: transparent url(../images/hot-pink-title.png) no-repeat 0 0;
}

#screenshot .magazeen-small-dark-title {
  background: transparent url(../images/small-dark-title.png) no-repeat 0 0;
}

#screenshot .magazeen-tiny-title {
  background: transparent url(../images/tiny-title.png) no-repeat 0 0;
}

#screenshot .magazeen-rounded-list {
  background: transparent url(../images/rounded-list-items.png) no-repeat 0 0;
}

#screenshot .magazeen-image-border {
  background: transparent url(../images/image-shadow-preview.png) no-repeat 0 0;
}

/* nice_menus.css overrides */

ul.nice-menu a {
  color:##F23183;
  font-size:14px;
}

ul.nice-menu a.active {
  display: block;
  color:##F23183;
}

/* nice_menus_default.css overrides */

ul.nice-menu ul {
  border-top: 0px solid #ccc;
}

ul.nice-menu li {
  border: 0px solid #ccc;
  background-color: #404040;
}

ul.nice-menu ul {
  border-top: 0px solid #ccc;
}

ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent {
  background: #404040 url(arrow-right.png) right center no-repeat;
}

ul.nice-menu-right li.menuparent:hover,
ul.nice-menu-right li li.menuparent:hover {
  background: #404040 url(arrow-right.png) right center no-repeat;
}

ul.nice-menu-left li.menuparent,
ul.nice-menu-left li li.menuparent {
  background: #404040 url(arrow-left.png) left center no-repeat;
}

ul.nice-menu-left li.menuparent:hover,
ul.nice-menu-left li li.menuparent:hover {
  background: #404040 url(arrow-left.png) left center no-repeat;
}

ul.nice-menu-down li {
  border-top: 0px solid #ccc;
}

ul.nice-menu-down li.menuparent {
  background: #404040 url(arrow-down.png) right center no-repeat; /* LTR */
}

ul.nice-menu-down li.menuparent:hover {
  background: #404040 url(arrow-down.png) right center no-repeat; /* LTR */
}

ul.nice-menu-down li li.menuparent {
  background: #404040 url(arrow-right.png) right center no-repeat; /* LTR */
}

ul.nice-menu-down li li.menuparent:hover {
  background: #404040 url(arrow-right.png) right center no-repeat; /* LTR */
}

ul.nice-menu li {
  background: #404040;
}

#header-region ul.nice-menu ul {
  border-top: 0px solid #ccc;
}

#header-region ul.nice-menu-down li.menuparent {
  background: #404040 url(arrow-down.png) right center no-repeat; /* LTR */
}

#header-region ul.nice-menu-down li.menuparent:hover {
  background: #404040 url(arrow-down.png) right center no-repeat; /* LTR */
}

#header-region ul.nice-menu-down li li.menuparent {
  background: #404040 url(arrow-right.png) right center no-repeat; /* LTR */
}

#header-region ul.nice-menu-down li li.menuparent:hover {
  background: #404040 url(arrow-right.png) right center no-repeat; /* LTR */
}

.inner .terms {
  display: none;
}


/**********************************************/
/* MODIFS RÉMI */
/**********************************************/
body {
    background-color: #fff;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    letter-spacing: 0.04rem;
}
body, div.full-width {
    min-width: inherit !important;
}
#header-top-wrapper {
    position: absolute;
}
#header-group {
    padding: 20px 0px 0px;
    width: 1200px;
}
@media only screen and (min-width : 320px) and (max-width: 1199px) {
    #header-group {
        width: 100%;
    }
}
#header-top-wrapper, #header-group-wrapper {
    background: none;
}
.grid16-16 {
    /*width: 1200px !important;*/
}
@media only screen and (min-width : 320px) and (max-width: 1199px) {
    .grid16-16 {
        width: 100% !important;
    }
}
#header-top {
    width: 1200px;
}
@media only screen and (min-width : 320px) and (max-width: 1199px) {
    #header-top {
        width: 100%;
    }
}
#header-top .content {
    height: auto;
}
#preface-top-wrapper {
    padding: 0 30px;
    box-sizing: border-box;
}
#main, #block-views-slideshow-block_1, #main-group, #content-group {
    width: 1055px;
}
#main {
    max-width: 1055px;
}
@media only screen and (min-width : 320px) and (max-width: 1199px) {
    #main, #block-views-slideshow-block_1, #main-group, #content-group {
        width: 100%;
    }
}

#footer-wrapper {
    padding: 0 30px;
    box-sizing: border-box;
}
#footer {
    width: 1055px;
    max-width: 1055px;
}
@media only screen and (min-width : 320px) and (max-width: 1199px) {
    #footer {
        width: 100%;
    }
}
#site-name a:link, #site-name a:visited, #site-name a:hover, #site-name a:active {
    color: #000000;
    text-transform: lowercase;
    font-size: 4rem;
}
#primary-menu {
    width: 1200px;
    /*padding-left: 25px;*/
}
#primary-menu ul {
    margin-left: 15px;
}
@media only screen and (min-width : 320px) and (max-width: 1199px) {
    #primary-menu {
        width: 100%;
        /*padding-left: 15px;*/
        box-sizing: border-box;
    }
}
.primary-menu-wrapper {
    background: none;
    background-color: rgba(255,255,255, 0.6);
    border: none;
    position: relative !important;
    top: -50px;
    padding-top: 30px !important;
}
.primary-menu-inner ul.sf-menu li {
    margin-right: 50px;
}
.primary-menu-inner ul.sf-menu li.active-trail {
    background: none;
    color:#000;
    margin-top: 0;
    padding: 0;
}
.primary-menu-inner ul.sf-menu a, .primary-menu-inner ul.sf-menu a:visited {
    font-weight: bold;
    padding: 5px 0px 0;
    font-size: 0.8rem;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
}
.primary-menu-inner ul.sf-menu li a:hover,
.primary-menu-inner ul.sf-menu li.active-trail a,
.primary-menu-inner ul.sf-menu li.active-trail a:link {
    background: none;
    color:#000 !important;
    color: #c6c6c6 !important;
    text-decoration: none;
    /*border-bottom: 2px solid #000;*/
}

#block-menu-menu-credits .inner {
    margin: 0;
}
#block-menu-menu-credits ul {
    margin: 20px 0 20px;
}
#block-menu-menu-credits ul li {
    list-style: none;
}
#block-menu-menu-credits ul li a {
    color: #000;
    font-size: 0.8rem;
    font-weight: 300;
    text-decoration: none;
}
#block-menu-menu-credits ul li a:hover {
    text-decoration: underline;
}

/* Burger */
@media only screen and (max-width: 579px) {
    #block-nice_menus-1 {
        display: none;
    }
    #header-site-info-inner {
        margin-left: 25px;
    }
    
    #primary-menu-wrapper {
        position: static;
        padding-top: 0;
    }
    #primary-menu-inner {
        position: relative;
        top: 0px;
    }
    #primary-menu {
        overflow: visible;
    }
    #primary-menu:before {
 		content: "\2261";
		color: #000;
		font-size: 4rem;
		cursor: pointer;
        position: absolute;
        right: 30px;
        top: -10px;
    }
    #primary-menu ul {
        overflow: hidden;
        margin-left: 30px;
        max-height: 400px;
        -webkit-transition: max-height 0.5s ease;
        -moz-transition: max-height 0.5s ease;
        -ms-transition: max-height 0.5s ease;
        -o-transition: max-height 0.5s ease;
        transition: max-height 0.5s ease;
    }
    #primary-menu.hidden ul {
        max-height: 0;
        -webkit-transition: max-height 0.5s ease;
        -moz-transition: max-height 0.5s ease;
        -ms-transition: max-height 0.5s ease;
        -o-transition: max-height 0.5s ease;
        transition: max-height 0.5s ease;
    }
    #primary-menu ul li {
        float: none;
    }
    #primary-menu ul li a {
        font-size: 150%;
    }
}



/* Typos */
div.item-list ul.pager {
    font-size: inherit;
    padding: 0;
}
ul.pager a, ul.pager li.pager-current {
    font-size: 1.0rem;
}
p {
    margin: 0 0 0.4em;
    font-size: 0.8rem;
    line-height: 1.2em;
}

h1, h1.title {
    font-size: 1.0rem;
    text-transform: uppercase;
    line-height: 1rem;
    margin-bottom: 1.6rem;
    color: #000;
}
body.full-node h1.title {
    font-size: 1rem;
    font-size: 1rem;
    border-bottom: 2px solid #30393D;
    float: none;
    margin-bottom: 20px;
    padding-bottom: 5px;
    width: 100%;
    color: #000;
}
body.full-node.node-type-webform h1.title {
    border:none;
}

h2 {
    color:#000;
    font-size: 1.2rem;
    margin-top: 1.8rem;
    line-height: 1rem;
    text-transform: uppercase
}
h2 sup, h2 sub {
    text-transform: none;
}
h3 {
    color:#666;
    font-size: 1.2rem;
    margin-top: 1.6rem;
    line-height: 1rem;
}
h4 {
    color:#000;
    font-size: 1.0rem;
    margin-top: 1.4rem;
    line-height: 1rem;
    text-transform: uppercase
}
h4 sup, h4 sub {
    text-transform: none;
}

#block-nice_menus-1 {
    width: 1200px;
}
@media only screen and (min-width : 320px) and (max-width: 1199px) {
    #block-nice_menus-1 {
        width: 100%;
    }
}
ul.nice-menu-down {
    margin-top: 30px;
    padding-top: 4px;
    border-top: 2px solid #000;
}
ul.nice-menu li {
    background: none !important;
    float: none;
    text-align: right !important;
}
ul.nice-menu li a {
    font-weight: bold;
    font-size: 0.7rem;
    padding: 0 !important;
    color: #000 !important;
    text-align: right !important;
    text-transform: uppercase;
}
ul.nice-menu li a:hover {
    color: #6c6c6c !important;
    /*background-color: #000;*/
}
ul.nice-menu ul {
    position: static;
    visibility: hidden;
}
ul.nice-menu li ul {
    position: static;
}


a, a:link, a:visited {
    color: #D70000;
}
.preface-top-wrapper {
    background-color: transparent;
    border: none;
}
#main-wrapper {
    padding: 0 30px;
    box-sizing: border-box;
}
.main-wrapper {
    background-color: transparent;
    border: none;
}
.footer-message-wrapper {
    background-color: transparent;
}

/* Nodes */
.node .inner {
    border: none;
    background: none;
}
.node .node-inner-padding {
    padding: 0;
}

/* SLIDESHOW ACCUEIL */
#preface-top {
    width: 1055px;
}
@media only screen and (min-width : 320px) and (max-width: 1199px) {
    #preface-top {
        width: 100%;
    }
    .preface-top-inner {
        max-width: 1055px;
        margin: auto;
    }
}
#block-views-slideshow-block_1 > .inner {
    margin: 0;
}
.views_slideshow_singleframe_teaser_section {
    margin: auto;
    max-width:100%;
    width: 100% !important;
}


.views_slideshow_singleframe_slide {
    border: 8px solid #c6c6c6;
}
.views-field-field-image-fid-1 img {
    display: block;
}
.views_slideshow_singleframe_slide div.views-row {
    margin: 0;
    position: relative;
}
.views_slideshow_singleframe_slide .views-field-teaser {
    overflow: hidden;
}
.views_slideshow_singleframe_slide .field-content {
    overflow: hidden;
}
.views_slideshow_singleframe_slide #mycontent {
    overflow: hidden;
    position: absolute;
    width: 520px;
    max-width: calc(100% - 16px);
    bottom: 0;
    top: inherit;
    right: inherit;
    background-color: rgba(0,0,0,0.5);
    padding: 8px;
}
.views_slideshow_singleframe_slide #mycontent p {
    text-transform: uppercase;
    font-size: 0.8rem;
    margin: 0;
}
.views_slideshow_singleframe_slide #transparency {
    display: none;
}
.views_slideshow_singleframe_slide .views-field-view-node a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    text-indent: -2000px;
}

.views-field-field-image-fid-1 img {
    max-width: 100%;
    height: auto;
}


/* Désactivation sur Mobile */
@media only screen and (max-width: 579px) {
    .views_slideshow_slide {
    	position: static !important;
		display: block !important;
		opacity: 1 !important;
		margin-bottom: 20px;
		height: auto !important;
    }
    .views_slideshow_singleframe_slide #mycontent {
    	position: static !important;
    }
}


/* ACTUS */
body.page-frontpage #main-inner {
    border-top: 2px solid #000;
    padding: 10px 0;
}
#content-inner-inner {
    margin: 0;
}

/* GRID */
#view-id-frontpage-page .views-view-grid tr {
    /*border-bottom: 2px solid #000;*/
}
#view-id-frontpage-page .views-view-grid tr.row-last {
    /*border-bottom: 2px solid transparent;*/
}
#view-id-frontpage-page .views-view-grid td {
    vertical-align: top;
    padding: 0;
    padding-bottom: 30px;
}
#view-id-frontpage-page .views-view-grid td.col-1 .node {
    margin: 0 15px 0 0;
}
#view-id-frontpage-page .views-view-grid td.col-2 .node {
    margin: 0 15px 0;
}
#view-id-frontpage-page .views-view-grid td.col-3 .node {
    margin: 0 0 0 15px;
}
#view-id-frontpage-page .views-view-grid .node-type-event {
    height: auto;
    width: 332px;
}

/* Unformatted Flex*/
#view-id-frontpage-page .view-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
#view-id-frontpage-page .views-row {
    width: 332px;
}

/* Unformatted Float */
#view-id-frontpage-page .view-content {
    display: block;
}
#view-id-frontpage-page .views-row {
    float: left;
    margin-right: 30px;
    width: calc(33.332% - 20px);
}
#view-id-frontpage-page .views-row:nth-child(3n) {
    margin-right: 0;
}
#view-id-frontpage-page .views-row:nth-child(3n+1) {
    clear: left;
}
@media only screen and (min-width : 580px) and (max-width: 768px) {
    #view-id-frontpage-page .views-row {
        width: calc(50% - 15px);
    }
    #view-id-frontpage-page .views-row:nth-child(3n) {
        margin-right: 30px;
    }
    #view-id-frontpage-page .views-row:nth-child(3n+1) {
        clear: none;
    }
    #view-id-frontpage-page .views-row:nth-child(2n) {
        margin-right: 0;
    }
    #view-id-frontpage-page .views-row:nth-child(2n+1) {
        clear: left;
    }
}
@media only screen and (max-width : 579px) {
    #view-id-frontpage-page .views-row {
        width: 100%;
        margin-right: 0;
    }
    #view-id-frontpage-page .views-row {
        float: none;
    }
}

.view ul.pager {
    background: none;
    border: none;
    border-top: 2px solid #8c8c8c;
}
#view-id-frontpage-page .node h2.title {
    min-height: 70px;
    width: 100%;
    line-height: 1.2rem;
    padding-bottom: 0;
}
h2.title a:link, h2.title a:visited {
    color: #000;
}
h2.title a:hover {
    color: #999;
}
#view-id-frontpage-page .node .inner {
    background-color: transparent;
    background-color: #c6c6c6;
    border: 1px solid #ddd;
}
#view-id-frontpage-page .node .node-inner-padding {
    min-height: inherit;
    max-height: inherit;
    padding: 20px 0;
}
#view-id-frontpage-page .node .node-inner-padding > .content {
    /*width: 270px;
    margin: auto;*/
    margin: 0 20px;
    box-sizing: content-box;
}
#view-id-frontpage-page .node .node-inner-padding fieldset.group-bloc-gauche {
    padding: 0;
    border: none;
}
#view-id-frontpage-page .node .node-title-wrapper {
    border: none;
    margin: 0px 0 10px 0;
}
#view-id-frontpage-page .node .node-inner-padding .field-field-date-event {
    min-height: 2.2rem;
    margin-bottom: 15px;
}
#view-id-frontpage-page .node .node-inner-padding .field-field-date-event .field-label {
    text-transform: uppercase;
    float: left;
}
#view-id-frontpage-page .node .node-inner-padding .field-field-date-event .field-item {   
    font-weight: bold;
}
#view-id-frontpage-page .node .node-inner-padding .field-field-image {
    margin-bottom: 15px;
}
#view-id-frontpage-page .node .node-inner-padding .field-field-image .field-items {
    width: auto;
    display:block;
    float: none;
}
#view-id-frontpage-page .node .node-inner-padding .field-field-image .field-items img {
    height: auto;
    width: 100%;
}
#view-id-frontpage-page .node-type-event p {
    width: auto;
    float: none;
}
#view-id-frontpage-page .node div.links {
    background-color: transparent;
    border: none;
    padding: 10px 10px;
}
#view-id-frontpage-page .node div.links ul.links li {
    padding: 0;
}

.view-labo-recherches .views-row div.links {
    position: absolute;
    right: 10px;
    bottom: 5px;
    border: none;
}
.node div.links ul.links a:link, .node div.links ul.links a:visited {
    color:#fff;
}

#view-id-frontpage-page .date-display-start {
    display: block;
}
#view-id-frontpage-page .date-display-end {
    display: block;
}
#view-id-frontpage-page .date-display-separator {
    display: none;
}
#view-id-frontpage-page .date-display-single .date-display-start,
#view-id-frontpage-page .date-display-single .date-display-end {
    display: inline;
}
#view-id-frontpage-page .date-display-single .date-display-end:before {
    content: ' à ';
    display: inline;
}

/* PAGE ACTU */
body.node-type-event {
    
}

/* LISTE OUVRAGES */
.page-essais .view-content,
.page-fictions .view-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% + 20px);
}
.page-essais .view-content:after,
.page-fictions .view-content:after {
    content:'';
    flex: auto;
}

.page-essais .views-row,
.page-fictions .views-row {
    margin: 0px 20px 40px 0;
    width: 158px;
    float: left;
    text-align: center;
}
.page-essais .views-row .views-field-nothing,
.page-fictions .views-row .views-field-nothing {
    position: relative;
    overflow: hidden;
    font-size: 0.7rem;
    line-height: 0.75rem;
    font-weight: bold;
}
.page-essais .views-row img,
.page-fictions .views-row img {
    width: 158px;
    height: auto;
}
.ouvrage-titre {
    margin-top: 1rem;
}
.ouvrage-titre a {
    text-transform: uppercase;
    color: #000;
    line-height: 0.9rem;
    display: block;
}
.ouvrage-resume {
    margin-top: 0.4rem;;
}
.ouvrage-date {
    margin-top: 1rem;
}
.ouvrage-edition {
    margin-top: 0.1rem;
}
.ouvrage-pages {
    margin-top: 0.1rem;
}
.ouvrage-link a {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: -2000px;
}

@media only screen and (max-width : 579px) {
	.page-essais .view-content, .page-fictions .view-content {
		display: block !important;
	}
    .page-essais .views-row, .page-fictions .views-row {
    	width: 100%;
    }
    .page-essais .views-row img, .page-fictions .views-row img {
    	width: 100%;
    	height: auto;
    }
}


/* PAGES REALISATION / EVENT (ACTUS) */
/* > OUVRAGES */
.node-type-realisation .node-title-wrapper {
    display: none;
}
.node.full-node.node-type-realisation .inner,
.node.full-node.node-type-event .inner {
    border: none;
}
.node.full-node.node-type-realisation .node-inner-padding,
.node.full-node.node-type-event .node-inner-padding {
    padding: 0;
}
.node.full-node.node-type-realisation .group-bloc-gauche,
.node.full-node.node-type-realisation .group-bloc-droite,
.node.full-node.node-type-event .group-bloc-gauche,
.node.full-node.node-type-event .group-bloc-droite {
    border: none;
    padding: 0;
}
.node.full-node.node-type-realisation .group-bloc-gauche,
.node.full-node.node-type-event .group-bloc-gauche {
    width: 165px;
    margin: 0 40px 0 0;
    float: left;
    position: absolute;
    left: 0px;
    top: 0;
}
.node.full-node.node-type-realisation .field-field-image,
.node.full-node.node-type-event .field-field-image {
    padding-bottom: 5px;
    border-bottom: 2px solid #000;
    margin-bottom: 8px;
}
.node.full-node.node-type-realisation .field-field-image img,
.node.full-node.node-type-event .field-field-image img {
    max-width: 240px;
    height: auto;
}
.node.full-node.node-type-realisation .field-field-publi-date,
.node.full-node.node-type-event .field-field-publi-date {
    float: left;
}
.node.full-node.node-type-realisation .field-field-publi-date span:after,
.node.full-node.node-type-event .field-field-publi-date span:after {
    content: " ";
    background-image: url(../images/puce-ouvrages.jpg);
    background-repeat: no-repeat;
    width: 12px;
    display: inline-block;
    background-size: contain;
    background-position: 0 3px;
    height: auto;
    margin: 0 4px;
}
.node.full-node.node-type-realisation .node-inner-padding > .content,
.node.full-node.node-type-event .node-inner-padding > .content {
    position: relative;
    width: 380px;
    float: left;
    padding-left: 300px;
    min-height: 800px;
    font-weight: 700;
    /*font-size: 0.8rem;*/
}
.node.full-node.node-type-realisation .group-bloc-droite,
.node.full-node.node-type-event .group-bloc-droite {
    width: 330px;
    margin: 0 0 0 40px;
    float: right;
    position: absolute;
    right: -370px;
    top: 0;
}
@media only screen and (min-width : 780px) and (max-width: 1199px) {
    .node.full-node.node-type-realisation .node-inner-padding > .content,
    .node.full-node.node-type-event .node-inner-padding > .content {
        width: calc(50% - 130px);
        padding-left: 260px;
        /*background-color: coral;*/
    }
    .node.full-node.node-type-realisation .group-bloc-droite,
    .node.full-node.node-type-event .group-bloc-droite {
        width: calc(100% - 280px);
        right: calc(-100% + 260px);
        margin: 0 0 0 20px;
        /*background-color: aqua;*/
    }
}
@media only screen and (min-width : 580px) and (max-width: 779px) {
    .node.full-node.node-type-realisation .node-inner-padding > .content,
    .node.full-node.node-type-event .node-inner-padding > .content {
        width: calc(100% - 260px);
        padding-left: 260px;
        /*background-color: coral;*/
    }
    .node.full-node.node-type-realisation .group-bloc-droite,
    .node.full-node.node-type-event .group-bloc-droite {
        position: static;
        float: none;
        width: auto;
        padding-left: 0;
        margin: 0;
        margin-top: 40px;
        /*background-color: aqua;*/
    }
}
@media only screen and (max-width: 579px) {
    .node.full-node.node-type-realisation .group-bloc-gauche, .node.full-node.node-type-event .group-bloc-gauche {
        width: 100%;
        margin: 0 0 40px 0;
        float: none;
        position: static;
    }
    .node.full-node.node-type-realisation .node-inner-padding > .content,
    .node.full-node.node-type-event .node-inner-padding > .content {
        position: static;
        float: none;
        width: auto;
        padding-left: 0;
        /*background-color: coral;*/
    }
    .node.full-node.node-type-realisation .group-bloc-droite,
    .node.full-node.node-type-event .group-bloc-droite {
        position: static;
        float: none;
        width: auto;
        padding-left: 0;
        margin: 0;
        margin-top: 40px;
        /*background-color: aqua;*/
    }
}

.node.full-node.node-type-realisation .group-bloc-droite:before,
.node.full-node.node-type-event .group-bloc-droite:before {
    /*content: " ";*/
    display: block;
    width: 200px;
    height: 10px;
    border-top:2px solid #000;
}
.field-field-sommaire {
    margin-bottom: 10px;
}
.field-field-sommaire .field-label,
.field-field-extrait .field-label {
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: bold;
    letter-spacing: 2px;
    cursor: pointer;
    display: inline-block;
    border-bottom: 2px solid #000;
}
.field-field-sommaire.on .field-label,
.field-field-extrait.on .field-label {
    border-bottom: 2px solid #000;
}
.field-field-sommaire .field-label:hover,
.field-field-extrait .field-label:hover {
    color: #6C6C6C;
    border-bottom: 2px solid #6C6C6C;
}
/*.field-field-sommaire .field-items,
.field-field-extrait .field-items {
    margin-top: 8px;
    border-bottom: 2px solid #000;
    margin-bottom: 30px;
}*/
.field-field-sommaire.on + .field-field-extrait {
    padding-top: 30px;
    border-top: 2px solid #000;
    margin-bottom: 30px;
}
.field-field-sommaire .field-items,
.field-field-extrait .field-items {
    margin-top: 8px;
}
.field-field-sommaire .field-items *,
.field-field-extrait .field-items * {
    line-height: 1rem;
}

.node.full-node .field-field-date-event {
    margin-bottom: 5px;
    color: #D70000;
    font-style: italic;
}




/* PAGE */
body.node-type-page h1 { 
    display: none;
}
.node.node-type-page fieldset {
    border: none;
    padding: 0;
}
.node.node-type-page fieldset legend {
    display: none;
}
.node.node-type-page fieldset.group-bloc-gauche {
    width:50%;
    box-sizing: border-box;
    float: left;
    padding-right: 40px;
}
.node.node-type-page fieldset.group-bloc-droite {
    width:50%;
    box-sizing: border-box;
    float: right;
    padding-left: 40px;
}
.node.node-type-page fieldset.group-bloc-droite:before {
    content:" ";
    height: 100px;
    width: 2px;
    display: inline-block;
    background-color: #000;
    position: relative;
    float: left;
    left: -40px;
}
.node.node-type-page fieldset .field-field-page-titre-fr,
.node.node-type-page fieldset .field-field-page-titre-en {
    font-size: 1.0rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 1.6rem;
}
@media only screen and (max-width : 579px) {
    .node.node-type-page fieldset.group-bloc-gauche {
        width:100%;
        float: none;
        padding-right: 0;
    }
    .node.node-type-page fieldset.group-bloc-droite {
        width: 100%;
        float: none;
        padding-left: 0;
    }
}



/* TRIBUNE */
h2.block-title {
    color: #000;
    text-transform: uppercase;
    font-size: 1.2rem;
}
#block-views-labo_recherches-block_1 {
    border-bottom: 2px solid #000;
    padding-bottom: 20px; 
}
body.page-chroniques-tribunes .block-views .inner,
body.page-chroniques-tribunes .view .inner,
body.page-calendrier-conferences .view .inner {
    margin-left: 0;
    margin-right: 0;
}
body.page-chroniques-tribunes .view .node-inner-padding,
body.page-calendrier-conferences .view .node-inner-padding {
    padding: 15px 15px 15px;
    background-color: #c6c6c6;
}
body.page-chroniques-tribunes fieldset.group-bloc-gauche,
body.page-calendrier-conferences fieldset.group-bloc-gauche {
    border: none;
    padding: 0;
    margin: 0;
    float: left;
}
body.page-chroniques-tribunes fieldset.group-bloc-gauche .field-field-image .field-items,
body.page-calendrier-conferences fieldset.group-bloc-gauche .field-field-image .field-items {
    width: auto;
    margin: 0 20px 0px 0;
}
body.page-chroniques-tribunes fieldset.group-bloc-gauche .field-field-image .field-items img,
body.page-calendrier-conferences fieldset.group-bloc-gauche .field-field-image .field-items img {
    display: block;
}
body.page-chroniques-tribunes fieldset.group-bloc-gauche p,
body.calendrier-conferences fieldset.group-bloc-gauche p {
    margin-top: 0;
}
body.page-chroniques-tribunes .views-row,
body.page-calendrier-conferences .views-row {
    margin-bottom: 30px;
}
body.page-chroniques-tribunes .node div.links,
body.page-ccalendrier-conferences .node div.links {
    background: none;
    padding: 0;
}
body.page-chroniques-tribunes .node div.links .node_read_more,
body.page-calendrier-conferences .node div.links .node_read_more {
    padding: 0;
}

/* PRESSE */
body.page-entretiens-presse {
}
.liste-presse .view-content {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    /*column-rule: 2px solid #000;*/
}
@media only screen and (max-width: 579px) {
    .liste-presse .view-content {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0px;
        -moz-column-gap: 0px;
        column-gap: 0px;
    }
}
.liste-presse .view-content .views-row {
    -webkit-column-break-inside: avoid; /* WebKit fix */
    -webkit-break-inside: avoid-column;
    -moz-break-inside: avoid-column;
    page-break-inside: avoid; /* Firefox fix */
    break-before: avoid;
    break-after: avoid;
    break-inside: avoid;
    margin: 0;
}
.liste-presse .view-content .views-row-last {
    margin-bottom: 70px;
}
.liste-presse .view-content h3 {
    margin-bottom: 20px;
    margin-top: 0;
}
.liste-presse:before {
    content:" ";
    visibility: visible;
    height: 100px;
    width: 2px;
    display: inline-block;
    background-color: #000;
    position: absolute;
    left: 50%;
    top: 0;
}
@media only screen and (max-width: 579px) {
    .liste-presse:before {
        left: calc(100% - 2px);
    }
    .liste-presse .inner.content {
        padding-right: 10px;
    }
}
.liste-presse h3 .date-display-single {
    display: block;
    color: #000;
    letter-spacing: 4px;
}
.liste-presse .views-row .views-field-title a {
    display: inline-block;
    font-size: inherit;
    color: #000;
    line-height: 1rem;
    /*border-bottom: 1px solid transparent;*/
}
.liste-presse .views-row .views-field-title a:hover {
    text-decoration: underline;
    text-decoration: none;
    color: #c6c6c6;
    /*border-bottom: 1px solid #000;*/
}
.liste-presse .views-row-last {
    margin-bottom: 70px;
}

/* CONTACT */
.node-type-webform .node-title-wrapper {
    display: none;
}
.node.full-node.node-type-webform,
#contact-mail-page {
    width: 50%;
    min-width: 480px;
    position: relative;
}


.field-type-emvideo iframe {
	border: none;
}

.node.full-node.node-type-webform::after,
#contact-mail-page::after {
    content: " ";
    visibility: visible;
    height: 100px;
    width: 2px;
    display: inline-block;
    background-color: #000;
    position: absolute;
    right: -40px;
    top: 0;
}

.form-item input, .form-item select, .form-item textarea {
    background: none;
    border: 1px solid #ccc;
}
.form-submit {
    border-radius: 0;
    border: none;
}