/*
 * @file
 * global.styles
 *
 * Styles you add here will load for all device sizes, they are "global", as
 * opposed to "responsive" styles, which only load for a given breakpoint (media
 * query) that you set in theme settings. See the README for more details.
 *
 *
 * How to use this file:
 * --------------------
 *
 * There are many empty selectors and some basic styles to act as a guide.
 * Nothing is set in stone and you can change anything - even delete all of it
 * and start with your own clean slate.
 *
 * See global.base also which includes normalize.css and some additional
 * helper classes and base styles.
 */
 
 /*
 sommaire
 
 1-base
 2-HTML Elements
 3-Wrappers
 4- Branding
 5-  Page content header
 6- Misc Global Styles
 7- Regions
 8-Caroussel
 9- News
 10- Links
 11 - Primary, Secondary and Menu Bar region menus
 12- Tools
 13-Superfish
 14- Menu Toggles
 15 - Menus, usually blocks
 16 - Book navigation menu
 17 - Footer
 18- Breadcrumbs
 19- Pagers
 20 -Skip Navigation
 21- Tabs (local tasks)
 22-Action links
 23- Field Styling
 24- Block Styling
 25- Node Styling
 26- Comment Styling - Comments, comment wrapper, comment form
 27- Forms
 28- Tables
 29- Messages
 30- Maintenance pages
 31- Misc overrides for contrib modules
 32- CKEditor styles
 33 views
 */
 
 
 
 
/* =============================================================================
 *   1- Base
 * ========================================================================== */
/*
 * To preserve theme settings never apply font properties to the HTML element.
 * This is critically important if you are using the Responsive JavaScript
 * feature as this relies on being able to set a pseudo font family on the HTML
 * element. If you need to set default font properties of any kind use the BODY
 * element as these can be overridden using font theme settings.
 */

html {
  background: #fff;
    line-height: 1.7em;
}

body {
  font-family: verdana,"Roboto";
  font-size: 88%;
  background-color: #fafafa;
    font-size: 14px;
    /*line-height: 1.4285714285714286em;*/
    margin: 0; padding: 0
}
/* =============================================================================
 *   2-HTML Elements
 * ========================================================================== */

h1 {font-family: oswald;font-weight:300;text-align:left;color:rgb(35,185,235);margin:0; padding:0;}

h2 {color:rgb(134,131,131);font-weight:300;margin:0; padding:0;}

h3 {color:rgb(134,131,131);font-weight:300;margin:0; padding:0;}

h4 {color:rgb(255,153,0);font-weight:300;margin:0; padding:0;}

h5 {color:rgb(134,131,131);font-weight:300;margin:0; padding:0;}

h6 {color:rgb(134,131,131);font-weight:700;margin:0; padding:0;}


h1 {
    margin: 0;
    font-size: 1.5714285714285714em;
    line-height: 0.9090909090909091em;
    margin-bottom: 0.9090909090909091em;
}
h2 {
    margin: 0;
    font-size: 1.4285714285714286em;
    line-height: 1em;
    margin-bottom: 1em;
}
h3 {
    margin: 0;
    font-size: 1.2857142857142858em;
    line-height: 1.1111111111111112em;
    margin-bottom: 1.1111111111111112em;
}
h4 {
    margin: 0;
    font-size: 1.1428571428571428em;
    line-height: 1.25em;
    margin-bottom: 1.25em;
}
p, span, ul, blockquote, pre, td, th, label {
    margin: 0;
    font-size: 1em;
    /* line-height: 1.4285714285714286em;*/
    line-height: 1.78em;
/*     margin-bottom: 1.4285714285714286em; */
}
p.small {
    margin: 0;
    font-size: 0.8571428571428571em;
    line-height: 1.6666666666666667em;
    margin-bottom: 1.6666666666666667em;
}
p {}

span{
    font-size: 1em;
    line-height: 1.78em;
}

.sidebar span{
    font-size: 1em;
    line-height: 1.78em;
}

b,
strong {}

i,
em {}

dfn {}

sup {}

sub {}

del {}

ins {}

blockquote {}

cite {}

q {}

address {}

ul {}

ol {}

li {}

dl {}

dd {}

dt {}

abbr {}

.language-switcher-locale-url .language-link.active {
  border-bottom: dotted 1px;
}

.language-switcher-locale-url a:hover {
  text-decoration: none;
  color:#23b9eb;
}

.language-switcher-locale-url abbr[title] {
  border-bottom-width: 0;
  text-decoration: none;
}




acronym {}

pre,
code,
tt,
samp,
kbd,
var {
  font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;
}

.content a > img {
    opacity: 1;
    transition: opacity 0.2s ease-out 0s;
}

.content a > img:hover {
    opacity: 0.5;
}
/* =============================================================================
 *   3-Wrappers
 * ========================================================================== */
/*
 * Outer wrappers:
 * - #page-wrapper: body > #page-wrapper
 * - #page: body > #page-wrapper > #page
 * - .container: body > #page-wrapper > #page.container
 *
 * The .container class holds the page width value from theme settings.
 */

#page-wrapper {
  min-height: 100%;
}

#page {
  border-bottom: 1px solid #bab7b7;
  border-left: 1px solid #bab7b7;
  border-right: 1px solid #bab7b7;
  margin-top: 0;
  background-color: #ffffff;
  margin-bottom: 30px;
}

#page .container {}
/*
 * Wraps all header elements - branding and .region-header
 */

#header {
  background-color: #ededed;
}
/*
 * Wraps the sidebars the content column
 */

#columns {}
/*
 * Main content column wrapper
 */

#content-column {}
/*
 * Wraps the main-content-header, the content region and feed-icons. Use this
 * wrapper to style the entire main content column
 */

#main-content {}
/*
 * Wraps the content region, avoid applying styles to this wrapper, its used
 * mainly for position and invisible gutters and can be problematic to style
 */

#content {}
/*
 * Footer wrapper
 */

#footer {
    min-height: 200px;
}
/*
 * Panels may need additional margin wrangling when in the $content region
 */

#content .panel-display {}
/*
 * Full Width Wrappers
 * These are used in the optional page--full-width-wrappers.tpl.php template.
 * All have internal .container classes. In the full width wrapper template the
 * .container classes set the width or max-width - you can style this but never
 * add any width/margin/padding/borders etc to .container
 */
/*
 * Wraps the leaderboard
 */

#leaderboard-wrapper {}

#leaderboard-wrapper .container {
  float: right
}

.region-leaderboard .block {
  margin-bottom: 0;
  padding-top: 0.4em;
/*   padding-bottom: 0.6em; */
  float:right;
}
/*
 * Wraps the header
 */

#header-wrapper {
  /* Debug styles, is this working */
  
  background: rgba(255, 192, 203, 0.5);
}

#header-wrapper .container {}
/*
 * Wraps the nav elements
 */

#nav-wrapper {}

#nav-wrapper .container {}
/*
 * Wraps breadcrumb
 */

#breadcrumb-wrapper {}

#breadcrumb-wrapper .container {}
/*
 * Wraps messages and help
 */

#messages-help-wrapper {}

#messages-help-wrapper .container {}
/*
 * Wraps the secondary content/preface region
 */

#secondary-content-wrapper {}

#secondary-content-wrapper .container {}
/*
 * Wraps the main content column
 */

#content-wrapper {}

#content-wrapper .container {}
/*
 * Wraps the tertiary content/postfix region
 */

#tertiary-content-wrapper {}

#tertiary-content-wrapper .container {}
/*
 * Footer wrapper
 */

#footer-wrapper {
  /* Debug styles, is this working? */
  
  background: rgba(255, 192, 203, 0.5);
}

#footer-wrapper .container {}
/* =============================================================================
 *   4- Branding
 * ========================================================================== */
/*
 * Wraps all the branding elements, logo, name and slogan
 */

#branding {}
/*
 * Logo
 */

#logo {
  padding: 10px 0;
  float: left;
}

#logo img {
  vertical-align: bottom;
}
/*
 * Wrapper for the site name and slogan
 */

#name-and-slogan {
  float: right;
  padding: 10px 0;
}
/*
 * Site name (h1)
 */

#site-name {
  margin: 0;
  color: #666666;
  font-family: oswald;
  font-variant: small-caps;
  font-weight: normal;
  letter-spacing: 0.1em;
  font-size: 1.5em;
    line-height: 1.5em;
}

#site-name a {
  color: #565353;
}

#site-name a:link,
#site-name a:visited {
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: none;
}
/*
 * Site slogan (h2)
 */

#site-slogan {
  margin: 0;
  color: #666666;
  font-size: 1.1em;
  font-style: oblique;
  word-spacing: 0.1em;
}
/* =============================================================================
 *  5-  Page content header
 * ========================================================================== */
/*
 * Main content header wraps the page title, tabs and actions links
 */

#main-content-header {}
/*
 * The main page title (h1)
 */

#page-title {}
/* =============================================================================
 *  6- Misc Global Styles
 * ========================================================================== */

.hideme {
    border: 0 none !important;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}


/*
 * Feed icons
 */

.feed-icon {}
/*
 * Aggregator feed source
 */

#aggregator .feed-source .feed-icon {
  display: inline;
  float: none;
  margin-right: 10px;
}

.feed-details dt,
.feed-details dd {
  display: inline;
  margin: 0;
}
/*
 * Generic styles for the more link
 */

.more-link {}
/*
 * Generic styles for links. See the ul.links declaration in node and comment
 * stylesheets
 */

ul.links {
  margin: 0;
  padding: 0;
}

ul.links.inline {
  display: block;
}

ul.links li {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0;
}
/*
 * Search results are an ordered list so reset the margin
 */

.search-results {
  margin: 0;
  padding: 0;
}
/*
 * Attribution message and link
 */

.attribution {
  display: block;
  opacity: 0.65;
  padding: 1em 0;
  text-align: center;
}

.attribution a {
  text-decoration: none;
  color: inherit;
}

.attribution a:hover,
.attribution a:focus {
  text-decoration: underline;
}
/* =============================================================================
 *   7- Regions
 * ========================================================================== */
/*
 * Standard region wrapper, don't add width to any regions, you will bork the
 * layout - no margin, padding or borders etc
 */

.region {}
/*
 * Regions have an inner div - perfect for adding margin, padding or borders
 */

.region-inner {}
/*
 * Regions can be nested, such as when using Panels
 */

.region-inner .region-inner {}
/*
 * Header region, embedded in the #header
 */

.region-header {}
/*
 * Generally used to output Drupals help block, if the help module is enabled
 */

.region-help {}
/*
 * Secondary content
 */

.region-secondary-content {}
/*
 * Sits above the main content header, like a content-top region
 */

.region-highlighted {}
/*
 * Sits below the main content, like a content-bottom region
 */

.region-content-aside {}
/*
 * Sidebars - targets both
 */

.sidebar {}
/*
 * First sidebar
 */

.region-sidebar-first .block{width:100%;}
/*
 * Second sidebar
 */

.region-sidebar-second{
 margin-top:30px;
}

.front .region-sidebar-second{
 margin-top:3px;
}

.region-sidebar-second .block {
width:100%;
}
/*
 * Tertiary content
 */

.region-tertiary-content {}
/*
 * Footer region
 */

.region-footer {}
/* =============================================================================
 *   8-Caroussel
 * ========================================================================== */

/* TODO this cause slideshow bug */
.views-slideshow-cycle-main-frame-row {
/*   position: relative !important; */
  
}


#block-views-carrousels-block-2{
	position:relative;
}

.view-carrousels-with-tic-tac-pager .views-slideshow-controls-bottom {}

.view-carrousels-with-tic-tac-pager .views-content-counter {
  display: none;
}

.view-id-carrousels {
  padding: 3px;
  position: relative;
}

.view-carrousels-with-tic-tac-pager .views-slideshow-pager-field-item {
  float: left;
  position:relative;
  left:85%;
  padding: 5px;
  margin: 0 3px;
  background-color: #EDECEC;
  border-radius: 8px;
  border-width: 1px;
  border-color: #b0adad;
  border-style: solid;
  text-align: center;
  height: 6px;
  width: 25px;
  cursor: pointer;
}

.view-carrousels-with-tic-tac-pager .views-slideshow-pager-field-item:hover {
  background-color: #22bbea;
}

.view-carrousels-with-tic-tac-pager .views-slideshow-pager-field-item a {
  display: block;
  width: 100%;
  height: 100%;
}

.view-carrousels-with-tic-tac-pager .views-slideshow-pager-field-item.active a {
  color: #FFF;
}

.view-carrousels-with-tic-tac-pager .views-slideshow-pager-field-item.active a:hover {
  color: #FFF;
}

.view-carrousels-with-tic-tac-pager .views-slideshow-pager-field-item.active {
  background-color: #0071b9;
  border-color: #0071b9;
}

.view-carrousels-with-tic-tac-pager .views-field-title {
  color: #0071B9;
  font-family: Oswald;
  font-size: 1.1em;
  font-weight: normal;
}

#block-views-carrousels-block-2 {
  border: none;
}

#views_slideshow_controls_text_next_carrousels-block_2 {
  bottom: 120px;
}

#views_slideshow_controls_text_next_carrousels-block_2 {
  bottom: 170px;
}

#views_slideshow_controls_text_carrousels-block_2 .views_slideshow_controls_text_next {
  margin-right: 22px;
}

#views_slideshow_controls_text_carrousels-block_2 {
  bottom: 45%;
  width: 97%;
  left: 3%;
  position: absolute;
  z-index: 100;
}

#views_slideshow_controls_text_previous_carrousels-block_2 {
  z-index: 80;
  display: block;
  float: left;
  margin-left: 4px;
  width: 40px;
  height: 40px;
  background: url(../css/images/previous-arrow.svg) no-repeat scroll center 50% rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

#views_slideshow_controls_text_next_carrousels-block_2 {
  z-index: 85;
  display: block;
  float: right;
  width: 40px;
  height: 40px;
  background: url(../css/images/next-arrow.svg) no-repeat scroll center 50% rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

#views_slideshow_controls_text_pause_carrousels-block_2 {
  display: none;
}

.view-carrousels-with-tic-tac-pager .views-slideshow-pager-field-item.active {
  background-color: #999;
  border-color: #999;
}

#views_slideshow_controls_text_next_carrousels-block_2:hover,
#views_slideshow_controls_text_previous_carrousels-block_2:hover {
  background-color: #22bbea;
}

#views_slideshow_controls_text_next_carrousels-block_2 a {
  display: none;
}

#views_slideshow_controls_text_previous_carrousels-block_2 a {
  display: none;
}

#block-views-carrousels-block-2 .views-slideshow-controls-bottom {
  margin-right: 10px;
}

.views_slideshow_controls_text a {
  color: #FFFFFF;
  font-weight: 300;
}

.views_slideshow_controls_text {
  background: none;
}

.view-carrousels-with-tic-tac-pager .views-slideshow-pager-field-item {
  padding: 8px;
  margin: 10px 10px 0 0;
  width: 6px;
  width: 6px;
  border-radius: 10px;
}

.views-slideshow-cycle-main-frame-row-item {
  width: 100%;
  max-width: 1100px;
}

.views-slideshow-cycle-main-frame-row-item .cadre-image {
  border:none;
  padding:0;
}

#block-views-carrousels-block-1 .columns .block-inner,
#block-views-carrousels-block-1 .columns #main-content section.block,
#block-views-carrousels-block-1 .region-secondary-content .block{
  border:none;
  padding:0;
  margin: 0;
}

.carousel-caption {
  font-family: oswald;
  font-size: 2em;
  font-weight: 300;
  color: #ffffff;
  position: absolute;
  bottom: 8px;
  left: 0.35em;
  padding: 10px 10px;
  background-color: #000000;
  opacity: 0.6;
  position: absolute;
  bottom: 0.35em;
  ;
  width: 97.3%;
  height: auto;
}

.carousel-caption a {
  color: #fff;
}

.node-carrousel .field-name-field-image-carrousel {
  float: left;
  margin: 10px;
  border: 1px solid #dddddd;
  background-color: white;
  display: block;
  line-height: 1em !important;
  padding: 8px 8px 0px 8px;
}


/* =============================================================================
 *   9- News
 * ========================================================================== */

.pic {
    border: 1px solid #eee;
    height: 150px;
    overflow: hidden;
    padding: 4px;
    width: 150px;
}
.slice img {
    border: medium none;
    padding: 0;
}
.grow img {
    transform: scale(1, 1);
    transition-duration: 500ms;
    transition-timing-function: ease-out;
}
.grow:hover img {
    transform: scale(1.1, 1.1);
    transition-duration: 500ms;
    transition-timing-function: ease-out;
}

.left
{
 float:left; 
}

#block-views-articles-block li {
    padding: 0.3em;
}


.h2-like {
    color: #0071b9;
    font-family: Oswald;
    font-size: 1.4em;
    font-weight: normal;
    letter-spacing: 0;
    display: block;

}

.ml17 {
  margin-left: 170px;
}

.ml17 .meta{
    display:block;
}

.group:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

ol.slats,
ol.tags {
  list-style: none outside none;
}

ol.slats {
  padding-left: 0;
}

#content ol.slats > li {
  display: block;
  position: relative;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #eee;
}

#content ol.slats>li:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}

#content ol.slats li h3,
#content ol.slats li h2 {
  font-size: 1.4em;
  line-height: 1em;
}

ol.slats li h3 a img,
ol.slats li h2 a img,
ol.slats li h2 img {
  float: left;
  margin: 0 10px 0 0;
  padding: 4px;
  border: 1px solid #eee;
}

#content ol.slats li p {
  font-size: 0.99em;
}

ol.slats li h3 a:hover img,
ol.slats li h2 a:hover img {
  background: #DDDDDD;
}

ol.slats li h2 img {
  background: none;
}

ol.slats li p {
  margin: 0 0 15px 0;
  font-size: 1em;
  line-height: 1.4;
}

ol.slats li span.meta {
  display: block;
  font-size: 0.9em;
  color: #999;
}

ol.tags {
  padding-left: 0;
}

#content ol.tags li {
  float: left;
  padding: 0.3em 0 0 0;
  margin: 0 5px 5px 0;
  font-size: 14px;
  border: none;
}

ol.tags li a {
  font-size: 0.8em;
  float: left;
  line-height: 1.7em;
  padding: 0 3px;
  font-weight: normal;
  color: #fff;
  background: #bbb no-repeat 0 50%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background-color .2s ease-in-out;
  -moz-transition: background-color .2s ease-in-out;
  transition: background-color .2s ease-in-out;
}


ol.tags li.t1 a {
    background: none no-repeat scroll 0 50% #8b88a7;
}
ol.tags li.t4 a {
    background: none no-repeat scroll 0 50% #fbba00;
}
ol.tags li.t3 a {
    background: none no-repeat scroll 0 50% #0071b9;
}
ol.tags li.t2 a {
    background: none no-repeat scroll 0 50% #22bbea;
}
ol.tags li.t5 a {
    background: none no-repeat scroll 0 50% #7cb61f;
}
ol.tags li.t6 a {
    background: none no-repeat scroll 0 50% #d51816;
}
ol.tags li a:hover, ol.tags li a:focus {
    background-color: #fff;
    color: #666666;
}
ol.tags li a:active {
    background-color: #ccc;
}


/* views articles block     */

view-articles div{
  display:inline-block;
  float:left;
}


ol.band .ml17 {
  display: block;
  float: left;
  position: relative;
  width: 66%;
  margin: 0 20px;
}

/* .slice a { */
/*   float: left; */
/*   padding: 0; */
/* } */

/* .slice p { */
/*   clear: left; */
/* } */

/* div[itemprop="description"] a { */
/*   color: #0071b9; */
/* } */

/* div[itemprop="description"] a:hover { */
/*   color: #22bbea; */
/* } */

/* ol.band .ml17 ol.tags { */
/*   margin-left: 140px; */
/*   width: 100%; */
/* } */

/* ARTICLE FULL CONTENT */


.article_left {
  float: left;
}

.article_right {
  width: 370px;
  padding-left: 10px;
  float: left;
}

.article_block {
  height: 100px;
  padding-bottom: 10px;
}

.article_block_left {
  float: left;
}

.article_block_right {
  width: 230px;
  padding-left: 10px;
  float: left;
}

.article_block_right_recherche {
  width: 500px;
  padding-left: 10px;
  float: left;
}

.article_page_image {
  float: left;
  margin-right: 10px;
}

.article_page_image img {
  line-height: 1em;
  margin: 0px;
}

.article_info {
  font-size: 0.8em;
}

.article_page_titre_info {
  color: #22bbea;
}

.article_page_info {
  color: #0071b9;
  font-weight: bold;
}

.article_page_separator_info {
  color: #fbba00;
}

.date_article_block {
  color: #22BBEA;
}

.lien_article_block > a {
  color: #FF8800;
}

/* ol.band .ml17 { */
/*   display: block; */
/* } */

ol.band {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.slice .meta {
  font-size: 0.857em;
  color: #999;
}

.slice a {
  color: #666;
  font-size: 0.99em;
/*   display: block; */
  overflow: hidden;
  padding: 10px;
}

.slice a:hover {
  color: #666;
}

.slice:hover {
  background-color: #EEE;
  border: 1px solid #DDD;
  border-radius: 3px;
  margin: -1px;
  /*pour compenser la bordure sur l'article suivant*/
}


.slice img {
  padding: 4px;
  border: 1px solid #eee;
}

.slice:hover img {
  background-color: #FFF;
  border: 1px solid #DDD;
}

.slice:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.slice ol.tags {
  padding-left: 10px;
}
/* =============================================================================
 *   10- Links
 * ========================================================================== */


#block-menu-menu-menu-flash .content a {
    color: #ff6100;
}

/* =============================================================================
 *   11 - Primary, Secondary and Menu Bar region menus
 * ========================================================================== */

.nav {
  clear: both;
  margin: 0;
}

.nav ul,
.nav ul.menu {
  margin: 0;
  padding: 0;
    width:100%;
}

.nav li,
.nav ul.menu li {
  display: inline;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav li a,
.nav ul.menu li a {
  display: block;
  white-space: nowrap;
  padding: 0 10px;
}

.nav li a:visited,
.nav ul.menu li a:visited {}

.nav li a:hover,
.nav li a:focus,
.nav ul.menu li a:hover,
.nav ul.menu li a:focus {}

.nav .block {
  margin-bottom: 0;
}

#block-system-main-menu a, #block-menu-menu-main-menu-en a {
  font-family: Oswald;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  color: #565353;
}

#menu-bar {
  background-color: #ffffff;
  padding-bottom: 3px;
  border-bottom: solid 2px #ededed;
  padding-top: 5px;
}

#menu-bar .sf-depth-2 a{
    text-align: left;
}

#menu-bar nav {
  background-color: #ededed;
  /*margin-top: 5px;*/
  margin-left: 0px;
  margin-right: 0px;
  border-top: solid 2px #ff8800;
top:4px;
}

#menu-bar .menu li {
  display: inline-block;
  min-width: 120px;
}

#menu-bar ul li {
  /*background-color: ;*/
  padding-bottom: 0.3em;
  padding-top: 0.3em;
  /*border-right: solid 2px #ffffff;*/
}

#menu-bar ul li {
/*   background: url(images/menu-li-bg.png) no-repeat; */
  background-position: right bottom;
  position: relative;
}

#menu-bar #block-system-main-menu {
  font-size: 1em;
}

#menu-bar li.first {
  text-align: right;
}

#menu-bar .menu li {
  /*margin-top: -2px;*/
  border-top: 4px solid;
    top:-2px;
    height:40px;
}

#menu-bar .menu li.sf-depth-1:hover,  #menu-bar .menu li.active-trail{
  background-color: #ffffff;
  border-top: solid 8px;
    top:-6px;
   padding:-6px;
}

#menu-bar .menu li.sf-depth-1:first-child:hover{
 background-color: #ffffff;
  border-top: solid 8px #ff8800;
    top:-6px;
   padding:-6px;
}

#menu-bar .menu li.sf-depth-1:first-child {
  border-top-color: #ff8800;
}

#menu-bar .menu li.sf-depth-1:first-child + li {
  border-top-color: #fbba00;
}

#menu-bar .menu li.sf-depth-1:first-child + li +li {
  border-top-color: #7cb61f;
}

#menu-bar .menu li.sf-depth-1:first-child + li +li +li {
  border-top-color: #22bbea;
}

#menu-bar .menu li.sf-depth-1:first-child + li +li +li +li {
  border-top-color: #0071b9;
}

#menu-bar .menu li.sf-depth-1:first-child + li +li +li +li +li {
  border-top-color: #5943ff;
}

#menu-bar .menu li.sf-depth-1:first-child + li +li +li +li +li +li {
    border-top-color: #b243ff;
}

#menu-bar .menu li.sf-depth-1:first-child + li +li +li +li +li +li +li {
    border-top-color: rgb(200,67,179);
}

#menu-bar .menu li.sf-depth-1:first-child + li +li +li +li +li +li +li +li{
    border-top-color: rgb(200,67,130);
}

#menu-bar .menu li li {
    border: none;
}

#menu-bar .menu .mobile-only {
  display: none;
}

#menu-bar .menu li.sf-depth-1 li.sf-depth-1:first-child{
  border: none;
}
/* =============================================================================
 *   12- Tools
 * ========================================================================== */

#block-menu-menu-tools-menu .block-inner {
  margin: 0;
}

#block-menu-menu-tools-menu a.fa::before {
  font-family: FontAwesome;
  margin-right: 0.5em;
}

#block-menu-menu-tools-menu a.fa {
  font-family: Oswald;
  font-weight: 300;
}

#block-menu-menu-tools-menu ul li {
  list-style-image: none;
  list-style-type: none;
  display: inline-block;
}

#block-menu-menu-tools-menu ul.menu {
  margin-top: 0;
  font-weight: 300;
  font-family: Oswald;
  font-size: 1.2em;
  margin-bottom: 0;
}

#block-menu-menu-tools-menu li a,
#block-menu-menu-tools-menu li a:visited,
#block-menu-menu-tools-menu ul.menu li a {
  color: #0071b9;
  text-decoration: none;
}

#block-menu-menu-tools-menu li a:hover,
#block-menu-menu-tools-menu li a:focus,
#block-menu-menu-tools-menu ul.menu li a:hover,
#block-menu-menu-tools-menu ul.menu li a:focus {
  color: #21c2f8;
}

#block-menu-menu-tools-menu ul {
  text-align: right;
}

/* BARRE D'OUTILS */

/* .region-leaderboard { */
/*   width: 980px; */
/*   height: 48px; */
/*   margin: 0 auto; */
/* } */

/* .region-leaderboard .section { */
/*   margin: 15px 0 5px 0; */
/*   float: right; */
/* } */

/* .region-leaderboard .region-tools > div { */
/*   float: left; */
/* } */

/* .region-leaderboard #block-search-form { */
/*   padding-left: 5px; */
/*   width: 158px; */
/* } */

/* #block-search-form { */
/*   padding-bottom: 9px; */
/*  margin-bottom:-6px; */
/* } */

.region-leaderboard li{
	padding:0;
}

.region-leaderboard ul li.dhtml-menu.leaf .outils_element {
  border-right: 1px solid #999;
}

.region-leaderboard ul li.dhtml-menu.leaf .outils_element img {
  vertical-align: middle;
  margin: 0px 10px 0px 0px;
  padding: 0px;
}

.region-leaderboard ul li.dhtml-menu.leaf a{
	padding: 8px 42px 8px 6px;
}




.region-leaderboard ul li.dhtml-menu.leaf a.outils_element_connexion  {
  background: url(../images/connexion_27.png) no-repeat transparent 72px 8px;
 
}

.region-leaderboard ul li.dhtml-menu.leaf a.outils_element_email  {
  background: url(../images/email_27.png) no-repeat transparent 64px 8px;
  color: #0071b9;
  text-decoration: none;
}

.region-leaderboard ul li.dhtml-menu.leaf#dhtml_menu-640 a.outils_element_connexion  {
  background: url(../images/connexion_27.png) no-repeat transparent 87px 8px;
 
}
.region-leaderboard ul li.dhtml-menu.leaf a.outils_element_deconnexion  {
  background: url(../images/tools/deconnexion_27.png) no-repeat transparent 61px 8px;
 
}

/* =============================================================================
 *   13-Superfish
 * ========================================================================== */

ul.sf-menu {
  margin-bottom: 0;
}

ul.sf-menu a {
  border-left: 0;
  border-top: 0;
  padding: 0 10px;
  text-decoration: none;
  height: 2.5em;
  line-height: 2.5em;
}

ul.sf-menu a:link,
ul.sf-menu a:visited {}

ul.sf-menu li {}

ul.sf-menu li:hover,
ul.sf-menu li.sfHover {
  outline: 0;
}

ul.sf-menu a {}

ul.sf-menu a:focus,
ul.sf-menu a:hover,
ul.sf-menu a:active {
  outline: 0;
}

/* adjustement superfish behaviour*/
.superfish-nowrap{
    display:inline;
}

.block-superfish{
    height:40px !important;
}

.block-superfish.menu-bar-wrapper .sf-menu.menu li.sf-depth-1 {
    text-transform: uppercase;
    font-family:oswald;
    /*font-weight: 600;*/
    font-style: normal;
}

.block-superfish.menu-bar-wrapper .sf-menu.menu li.sf-depth-1:hover {
    font-size: 1em;
}

.block-superfish.menu-bar-wrapper .sf-menu.menu li.sf-depth-1 a{
  font-weight:400;
}


/*superfish submenu*/

.sf-menu.sf-style-white ul.sf-megamenu ol li{
	 width:300px;
    padding:0;
    margin:0;
    text-align:left;
}

.sf-menu li:hover > ul, .sf-menu li.sfHover > ul{
	 min-width: 320px !important;
}

#menu-bar .menu .sf-megamenu li ol li div{
/* 	    width:auto; */
	top:0;
	background:white;
	border:none;
	position:relative;
}

/* .block-superfish .sf-menu.sf-style-white .sf-megamenu a { */
/* 	background:rgb(255,255,255); */
/* 	font-weight:400px; */
/* } */

.block-superfish .sf-menu.sf-style-white .sf-megamenu li {
	border:none;
}

#menu-bar .menu li.sf-depth-2, #menu-bar .menu li.sf-depth-2:hover, #menu-bar .menu li.sf-depth-2:hover a  {
    border: medium none;
    height: auto;
    text-align: left;
    min-width: 350px;
}

#menu-bar li.sf-depth-2:hover a{
  top: -1px;
}

/*
 * Superfish blocks
 */

.block-superfish {}

.block-superfish .block-inner .content {}

.block-superfish ul {
  margin: 0 !important;
  padding: 0 !important;
}

.block-superfish ul ul {}

.block-superfish ul ul ul {}

.block-superfish ul ul ul ul {}

.block-superfish li {
  margin: 0 !important;
  padding: 0 !important;
}
/*
 * Vertical style
 */

.sf-vertical {
  width: 100%;
}

.sf-vertical li {
  width: 100%;
}

.sf-vertical li.last {}

.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 100%;
  top: 0;
  margin: 0;
  padding: 0;
}

.sf-vertical li a {
  padding: 0 10px;
}


.sf-menu.sf-style-white .sf-depth-1:hover {
    font-size: 1em;
}

.sf-menu.sf-style-white li li, .sf-menu.sf-style-white li li li {
    font-size: unset;
}

/*
 * Navbar style
 */

.sf-navbar {
  padding-bottom: 0 !important;
}
/*
 * Sensible padding for the default style
 */

.sf-menu.sf-style-default a {
  padding: 0 10px;
}
/* =============================================================================
 *   14- Menu Toggles
 * ========================================================================== */

.at-mt .at-menu-toggle,
.at-mt .at-menu-toggle ul,
.at-mt .at-menu-toggle ul.menu {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.at-mt .at-menu-toggle-button {
  margin: 0;
}

.at-mt .at-menu-toggle ul a {
  padding: 0 10px;
  white-space: nowrap;
}

 /*menu block , menu secondaire
menu block*/

ul.menu {
    list-style: inside none outside;
    text-align: left;
}

#block-menu-block-1 .block-inner{
    border:none;
    padding:0;
    margin:-17px 0 50px 0;
}

#block-menu-block-1 .block-title{
    display: none;
}

#block-menu-block-1 .block-content, #block-menu-block-1 .block-content ul{
    padding:0;
}

#block-menu-block-1 li{
  background-color: rgb(237, 237, 237);
    border: medium none; 
    float: none;
    min-height: 37.5px;
    line-height: 37.5px;
    min-width: unset;
    position: relative;
    width: 100%;
}

#block-menu-block-1 li:hover{
    background-color: rgb(184, 184, 184);
    font-style: normal;
}

#block-menu-block-1 li a {
    display: inline;
    letter-spacing: 0;
    font-style: normal;
    font-weight: 400;
    font-family: oswald;
    line-height: 18px;
    white-space: normal;
    color:rgb(102,102,102);
    text-decoration: none;
    text-transform: uppercase;
}

#block-menu-block-1 li li a {
    margin:0 0 0 20px;
}


.dhtml-menu-icon{
	left:-5px !important;
	margin:0 !important;
}

ul.menu{
	margin:2px 0;
}
ul.menu li{
	margin:5px 0;
}

ul li.dhtml-folder.collapsed {
/*     list-style-image: url("../../../../../misc/menu-collapsed.png") !important; */
    list-style-image:none !important;
    background: url("../../../../../misc/menu-collapsed.png") no-repeat 8px 21px;    
    list-style-type: none;
    padding:5px;
}
ul li.dhtml-folder.expanded {
/*     list-style-image: url("../../../../../misc/menu-expanded.png") !important; */
/*     list-style-type: disc; */    
     list-style-image:none !important;
    background: url("../../../../../misc/menu-expanded.png") no-repeat 5px 18px;    
    list-style-type: none;
}
ul li.dhtml-menu.leaf {
    list-style-image: unset;
    list-style-type: none;
}

ul li.dhtml-folder a{
  top:12px;
}

ul li.dhtml-menu.leaf a{
/*    padding:0 40px; */
}

.dhtml-menu-cloned-leaf{
	display:none;
}


/*   beatrice contextuel menublock   */


/* base commune */

#block-menu-block-1 ul li{
    background-color:rgb(236,236,236);
        list-style-position:inside;
}

#block-menu-block-1 ul li a{
    color:rgb(102,102,102);
    padding-left: 14px; 
}

#block-menu-block-1 ul li.collapsed a{
    padding-left: 0px; 
} 

#block-menu-block-1 ul ul{
    background-color:rgb(255,255,255);
}

#block-menu-block-1 ul ul li{
    background-color:rgb(255,255,255);
}

#block-menu-block-1 li li a {
    color:rgb(153,153,153);
}



/* section 2 */

.main-menu-section-2 #block-menu-block-1 ul li:hover {
    background-color:rgb(251,186,0);
}

.main-menu-section-2 #block-menu-block-1 ul > li:hover > a {
    color:rgb(255,255,255);
}

.main-menu-section-2 #block-menu-block-1 ul ul li:hover {
    background-color:rgba(255,186,0, 0.4);
}

.main-menu-section-2 #block-menu-block-1 ul ul li:hover a {
    color:rgb(102,102,102);
}

    /* section 2_page active */
.main-menu-section-2 #block-menu-block-1 ul li.active {
    background-color:rgb(255,255,255);
}

.main-menu-section-2 #block-menu-block-1 ul > li.active > a {
    color:rgb(251,186,0);
    font-size:1.2em;
    font-weight:500;
}



/* section 3 */

.main-menu-section-3 #block-menu-block-1 ul li:hover {
    background-color:rgb(124,182,31);
}

.main-menu-section-3 #block-menu-block-1 ul > li:hover > a {
    color:rgb(255,255,255);
}

.main-menu-section-3 #block-menu-block-1 ul ul li:hover {
    background-color:rgba(124,182,31,0.4);
}

.main-menu-section-3 #block-menu-block-1 ul ul li:hover a {
    color:rgb(102,102,102);
}

    /* section 3_page active */
.main-menu-section-3 #block-menu-block-1 ul li.active {
    background-color:rgb(255,255,255);
}

.main-menu-section-3 #block-menu-block-1 ul > li.active > a {
    color:rgb(124,182,31);
    font-size:1.2em;
    font-weight:500;
}



/* section 4 */

.main-menu-section-4 #block-menu-block-1 ul li:hover {
    background-color:rgb(34,187,234);
}

.main-menu-section-4 #block-menu-block-1 ul > li:hover > a {
    color:rgb(255,255,255);
}

.main-menu-section-4 #block-menu-block-1 ul ul li:hover {
    background-color:rgba(34,187,234,0.4);
}

.main-menu-section-4 #block-menu-block-1 ul ul li:hover a {
    color:rgb(102,102,102);
}

    /* section 4_page active*/
.main-menu-section-4 #block-menu-block-1 ul li.active {
    background-color:rgb(255,255,255);
}

.main-menu-section-4 #block-menu-block-1 ul > li.active > a {
    color:rgb(34,187,234);
    font-size:1.2em;
    font-weight:500;
}




/* section 5 */

.main-menu-section-5 #block-menu-block-1 li:hover {
    background-color:rgb(0,113,185);
}

.main-menu-section-5 #block-menu-block-1 ul > li:hover > a {
    color:rgb(255,255,255);
}

.main-menu-section-5 #block-menu-block-1 li li:hover {
    background-color:rgba(0,113,185,0.4);
}

.main-menu-section-5 #block-menu-block-1 li li:hover a {
    color:rgb(102,102,102);
}

    /* section 5_page active */
.main-menu-section-5 #block-menu-block-1 ul li.active {
    background-color:rgb(255,255,255);
}

.main-menu-section-5 #block-menu-block-1 ul > li.active > a {
    color:rgb(0,113,185);
    font-size:1.2em;
    font-weight:500;
}



/* section 6 */

.main-menu-section-6 #block-menu-block-1 ul li:hover {
    background-color:rgb(89,67,255);
}

.main-menu-section-6 #block-menu-block-1 ul > li:hover > a {
    color:rgb(255,255,255);
}

.main-menu-section-6 #block-menu-block-1 ul ul li:hover {
    background-color:rgba(89,67,255,0.4);
}

.main-menu-section-6 #block-menu-block-1 ul ul li:hover a {
    color:rgb(102,102,102);
}

    /* section 6_page active */
.main-menu-section-6 #block-menu-block-1 ul li.active {
    background-color:rgb(255,255,255);
}

.main-menu-section-6 #block-menu-block-1 ul > li.active > a {
    color:rgb(89,67,255);
    font-size:1.2em;
    font-weight:500;
}



/* section 7 */

.main-menu-section-7 #block-menu-block-1 ul li:hover {
    background-color:rgb(178,67,255);
}

.main-menu-section-7 #block-menu-block-1 ul > li:hover > a {
    color:rgb(255,255,255);
}

.main-menu-section-7 #block-menu-block-1 ul ul li:hover {
    background-color:rgba(178,67,255,0.4);
}

.main-menu-section-7 #block-menu-block-1 ul ul li:hover a {
    color:rgb(102,102,102);
}
    /* section 7_page active */
.main-menu-section-7 #block-menu-block-1 ul li.active {
    background-color:rgb(255,255,255);
}

.main-menu-section-7 #block-menu-block-1 ul > li.active > a {
    color:rgb(178,67,255);
    font-size:1.2em;
    font-weight:500;
}


/* =============================================================================
 *  15 - Menus, usually blocks
 * ========================================================================== */

ul.menu {
  padding-left: 15px;
}

ul.menu ul {
  padding-left: 15px;
}

ul.menu ul ul {}

ul.menu ul ul ul {}

ul.menu li {
/*   margin: 0; */
}

ul.menu li.collapsed,
ul.menu li.expanded,
ul.menu li.leaf {}

ul.menu li a {}

ul.menu li a:link,
ul.menu li a:visited {}

ul.menu li a:active,
ul.menu li a.active {}

ul.menu li a:hover,
ul.menu li a:focus {}

ul.menu li.active a,
ul.menu li.active-trail a {}

ul.menu li.first,
ul.menu li.last {}
/* If li.content exists it's a problem, so reset the padding */

.block .menu li.content {
  padding: 0;
}
/* =============================================================================
 *   16 - Book navigation menu
 * ========================================================================== */

.book-navigation {}

.book-navigation .page-links {}

.book-navigation .page-previous {}

.book-navigation .page-next {}

.book-navigation .page-up {
  /* Prevent text wrapping to a new line, assumes the string is two chars */
  
  min-width: 2em;
  white-space: nowrap;
}

.book-navigation .menu {
  margin-left: 0;
}
/* =============================================================================
 *  17 - Footer
 * ========================================================================== */

#block-menu-menu-menu-footer,
#block-menu-menu-menu-footer-en,#block-menu-menu-menu-footer-es {
  background-color: #f1f1f1;
}

#block-menu-menu-menu-footer ul li.expanded,
#block-menu-menu-menu-footer-en ul li.expanded, #block-menu-menu-menu-footer-es ul li.expanded {
  float: left;
  font-family: oswald;
  font-size: 16px;
  padding-left: 15px;
}

#block-menu-menu-menu-footer ul li,
#block-menu-menu-menu-footer-en ul li , #block-menu-menu-menu-footer-es ul li{
  list-style-image: none;
  list-style-type: none;
  padding-left: 0;
}

#block-menu-menu-menu-footer ul li.leaf a,
#block-menu-menu-menu-footer-en ul li.leaf a , #block-menu-menu-menu-footer-es ul li.leaf a {
  color: #666666;
  display: block;
  font-size: 0.65em;
  margin: 4px 0;
  max-width: 160px;
}

#block-menu-menu-menu-footer li.expanded a, #block-menu-menu-menu-footer-en li.expanded a,#block-menu-menu-menu-footer-es li.expanded a {
  color: #0071b9;
  padding-left: 12px;
  text-decoration: none;
}


#footer #block-menu-menu-menu-footer,#footer #block-menu-menu-menu-footer-en, #footer #block-menu-menu-menu-footer-es {
    margin-bottom:20px;
}
/* =============================================================================
 *   18- Breadcrumbs
 * ========================================================================== */


#breadcrumb, #breadcrumb a {
    color: #ff9900;
    text-decoration:none;
   
}

#breadcrumb {
  margin: 10px 0;
}
/* If the label is set to show in theme settings the label class is added */

#breadcrumb .breadcrumb-label {
  font-size: 1em;
  display: inline;
  padding-right: 10px;
}

#breadcrumb .breadcrumb-label:after {
  content: ":";
}

#breadcrumb ol {
  margin: 0;
  padding: 0;
}

#breadcrumb .with-breadcrumb-label ol {
  display: inline;
}

#breadcrumb li {
  list-style: none;
  display: inline;
}

#breadcrumb li.crumb-first {}

#breadcrumb li.crumb-last {}

#breadcrumb a {}

#breadcrumb a:link,
#breadcrumb a:visited {}

#breadcrumb a:active,
#breadcrumb a.active {}

#breadcrumb a:hover,
#breadcrumb a:focus {}

#breadcrumb .crumb-separator {}
/* =============================================================================
 *   19- Pagers
 * ========================================================================== */

ul.pager {
  clear: both;
  margin: 0;
  text-align: center;
}

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

ul.pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: .5em;
}

ul.pager li.pager-current {
  font-weight: 700;
}

.block ul.pager li {
  margin: 0;
}
/*
 * Theme the various states of pager links
 */

ul.pager li {}

ul.pager li a {}

ul.pager li a:link,
ul.pager li a:visited {}

ul.pager li a:active,
ul.pager li a.active {}

ul.pager li a:hover,
ul.pager li a:focus {}

ul.pager li.pager-item {}

ul.pager li.first {}

ul.pager li.last {}

ul.pager li.pager-current {}

ul.pager li.pager-first {}

ul.pager li.pager-previous {}

ul.pager li.pager-next {}

ul.pager li.pager-last {}
/* =============================================================================
 *   20 -Skip Navigation
 * ========================================================================== */

#skip-link {
  left: 50%;
  margin-left: -6.5em;
  margin-top: 0;
  padding: 0 0.5em;
  position: absolute;
/*   width: 12em; */
  z-index: 50;
}

#skip-link a {
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}

#skip-link a:link,
#skip-link a:visited {
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}

#skip-link a:hover,
#skip-link a:focus,
#skip-link a:active {
  outline: 0;
}
/* =============================================================================
 *   21- Tabs (local tasks)
 * ========================================================================== */

#tasks {
  margin-bottom: 15px;
}

ul.primary {
  border-bottom-color: #ccc;
  margin: 20px 0;
  padding: 0 0 0 5px;
}

ul.primary li {
  display: block;
  float: left;
  margin: 0 1px -1px;
}

ul.primary li a {
  background-color: #f5f5f5;
  border-color: #ccc;
  margin-right: 1px;
  padding: 0 10px;
  display: block;
  float: left;
  height: 1.5em;
  line-height: 1.5em;
}

ul.primary li a:hover,
ul.primary li a:focus {
  background-color: #eee;
  border-color: #ccc;
}

ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
  background-color: #fff;
  border-bottom-color: #fff;
}

ul.secondary {
  border-bottom: 1px solid #ccc;
  margin: 1em 0 0;
  padding: 0 .3em 1em;
}

ul.secondary li {
  border-right: 0;
  list-style: none;
  padding: 0 10px 0 0;
}

ul.secondary li a {}

ul.secondary li a:hover,
ul.secondary li a.active {
  border-bottom: none;
  text-decoration: underline;
}
/* =============================================================================
 *   22-Action links
 * ========================================================================== */

ul.action-links {
  margin: 20px 0 0;
  list-style: none;
}

ul.action-links li {}
/* =============================================================================
 *  23- Field Styling
 * ========================================================================== */
/*
 * Wrapper for any field
 */

.field {}
/*
 * Above and inline classes are on the field wrapper
 */

.field-label-above {}
/*
 * When labels are set to inline in field display settings the clearfix class is
 * automatically added
 */

.field-label-inline {}

.field-label-inline .field-label {
  margin: 0;
}
/*
 * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted
 * ineritance issues
 */

.field-label {
  font-size: 1em;
  font-weight: 700;
  font-family: inherit;
  line-height: inherit;
  margin-bottom: 0;
}
/*
 * Field types (Core)
 */
/*
 * Image fields use the <figure> and <figcaption> elements from HTML5
 */

.field-type-image {}

.field-type-image .caption {}

.field-type-image .full-caption {}

.field-type-image .teaser-caption {}

.cadre-image {
  background-color: white;
  border: 1px solid #dddddd;
  display: block;
  line-height: 1em !important;
/*   margin-left: auto; */
/*   margin-right: auto; */
  padding: 8px;
}
/*
 * Taxonomy
 */

.field-type-taxonomy-term-reference {
  /* The same bottom margin as p, blockquote, ul, ol and dl */
  
  margin-bottom: 1.5em;
}

.field-type-taxonomy-term-reference.field-label-inline .field-items {
  margin: 0;
  padding: 0;
}

.field-type-taxonomy-term-reference.field-label-inline .field-item {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0;
}
/*
 * Text
 */

.field-type-text {}
/*
 * Long text
 */

.field-type-text-long {}
/*
 * Text with summary
 */

.field-type-text-with-summary {}
/*
 * File
 */

.field-type-file {}
/*
 * Number/Integer
 */

.field-type-number-integer {}
/*
 * Decimal
 */

.field-type-number-decimal {}
/*
 * Number float
 */

.field-type-number-float {}
/*
 * List
 */

.field-type-list-text {}
/*
 * List boolean
 */

.field-type-list-boolean {}
/*
 * List integer
 */

.field-type-list-integer {}
/*
 * List float
 */

.field-type-list-float {}
/*
 * Field types (Contrib)
 */

.field-type-datetime {}

.field-type-node-reference {}

.field-type-user-reference {}
/*
 * Named fields
 */

.field-name-body {}

.field-name-field-image {}

.field-name-field-tags {}
/*
 * Underscores in field name are replaced with dashes
 */

.field-name-field-FIELDNAME {}
/*
 * Image Alignment Theme Settings - included here so you can easily override
 */
/*
 * Float none setting
 */

.ia-n .field-type-image,
.iat-n .field-type-image {}
/*
 * Float left setting
 */

.ia-l .field-type-image figure,
.iat-l .field-type-image figure {
  margin: 5px 20px 15px 0;
}
/*
 * Centered setting
 */

.ia-c .field-type-image figure,
.iat-c .field-type-image figure {
  margin: 5px auto 15px;
}
/*
 * Float right setting
 */

.ia-r .field-type-image figure,
.iat-r .field-type-image figure {
  margin: 5px 0 15px 20px;
}
/* =============================================================================
 *   24- Block Styling
 * ========================================================================== */
/*
 * Main wrapper for most blocks, block_system_main does not have it
 */

.block {
/*   margin-bottom: 10px; */
}
/*
 * Inner wrapper for most blocks, good for margin, padding and borders,
 * block_system_main does not have it
 */
main {
    padding: 10px 0;
}
.columns .block-inner,
.columns #main-content section.block,
.region-secondary-content .block{
  background-color: #ffffff;
  border: 1px solid #ececec;
  margin: 10px 0;
  padding: 0;
  width: 100%;
  color: #666666;
  line-height: 1.6em;
}

.columns .block-content,
.columns #main-content section.block >p {
/*   padding: 3px 15px 15px; */
}

.columns #main-content section.block {
  width: 100%;
  clear: both;
}
/*
 * The first block in the region
 */

.block.first {}
/*
 * The last block in the region
 */

.block.last {}
/*
 * Zebra striping for each block in the region
 */

.block.odd {}
/*
 * Zebra striping for each block in the region
 */

.block.even {}
/*
 * Block title
 */

.columns .block-title {
  background-color: #edecec;
  border: none;
  color: #666666;
  font-family: oswald;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.3em;
  margin: 2px;
  padding: 10px 0 10px 10px;
  text-transform: uppercase;
  vertical-align: 10%;
  word-spacing: 0;
}

.columns .block-title .fa-adapt {
  font-size: 1.3em;
  margin-right: 0.2em;
}

/*
 * Couleurs font awesome
 */
 
.orange {

    color:#ff8800;
}

.jaune
{
    color:#fbba00;
}

.cyan
{
    color:#22bbea;
}

.vert
{
    color:#7cb61f;
}

.bleu
{
    color:#0071b9;
}

.rouge
{
    color:#d51816;
}

.violet
{
    color:#b243ff;
}

/*
 * Block content wrapper
 */

.block-content {}
/*
 * Match item list and block menu margin and padding
 */

.block-content {
	  margin: 0 3px;
}

.block-content ul,
.block-content ol {
  padding: 0 0 0 15px;
}

.block-content li {
  margin: 0;
  padding: 0;
}

/*
 * Block video
 */
 
.views-field-field-video-source-code .field-content iframe{
  width:100%;
 padding: 3px 15px 15px;  
}

.views-field-field-video-source-code{
  height:350px;
}

/*
 * Block for the latest news items in the first category
 */

#block-aggregator-category-1 {}
/*
 * Block for the latest news items in the first feed
 */

#block-aggregator-feed-1 {}
/*
 * First block created with "Add block" link
 */

#block-block-1 img{
vertical-align: middle;
    margin-right:20px;
}

#block-block-1 .content{
opacity:0.8;
}
/*
 * "Recent blog posts" block
 */

#block-blog-recent {}
/*
 * "Book navigation" block for the current book's table of contents
 */

#block-book-navigation {}
/*
 * "Recent comments" block
 */

#block-comment-recent {}
/*
 * "Active forum topics" block
 */

#block-forum-active {}
/*
 * "New forum topics" block
 */

#block-forum-new {}
/*
 * Language switcher block
 */

#block-locale-language {
margin-top:-30px;
}



/*
 * Custom menu block
 */

#block-menu-menu-NAME {}
/*
 * "Recent content" block
 */

#block-node-recent {}
/*
 * "Syndicate" block for primary RSS feed; see also page.css's .feed-icon
 */

#block-node-syndicate {}
/*
 * "Most recent poll" block
 */

#block-poll-recent {}
/*
 * "Author information" block for the profile of the page's author
 */

#block-profile-author-information {}
/*
 * "Search form" block
 */

#block-search-form {}
/*
 * "Shortcuts" block
 */

#block-shortcut-shortcuts {}
/*
 * "Popular content" block
 */

#block-statistics-popular {}
/*
 * "Main menu" block
 */

#block-system-main-menu {}
/*
 * "Management" block for Drupal management menu
 */

#block-system-management {}
/*
 * "Navigation" block for Drupal navigation menu
 */

#block-system-navigation {}
/*
 * "User menu" block for Drupal user menu
 */

#block-system-user-menu {}
/*
 * "System help" block
 */

#block-system-help {}
/*
 * "Main page content" block
 */

#block-system-main {}
/*
 * "Powered by Drupal" block
 */

#block-system-powered-by {}
/*
 * "User login form" block
 */

#block-user-login {}
/*
 * "Who's new" block for a list of the newest users
 */

#block-user-new {}
/*
 * "Who's online" block for a list of the online users
 */

#block-user-online {}
/* =============================================================================
 *   25- Node Styling
 * ========================================================================== */

.node {
  margin-bottom: 20px;
}

.node.node-promoted {}

.node.node-sticky {}

.node.node-by-viewer {}

.node.node-teaser {}

.node.node-full {}

.node.odd {}

.node.even {}

.node .node-title {
  margin: 0;
}

.node .user-picture {}

.node .submitted {}

.node .submitted .username {}

.node .submitted time {}

.node .node-content {}

.node ul.links {}

.node ul.links li {}

.node ul.links li a {}

.node ul.links li.node-read-more a {}

.node ul.links li.comment-add a {}

.node ul.links li.comment-comments a {}

.node ul.links li.comment-new-comments a {}

.node ul.links li.blog-sernames-blog a {}

.node ul.links li.print-html a {}

.node ul.links li.print-email a {}

.node ul.links li.print-pdf a {}

.preview .node {}
/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */

.node-page {}

.node-article {}

.node-book {}

.node-forum {}

.node-poll {}
/* =============================================================================
 *   26- Comment Styling - Comments, comment wrapper, comment form
 * ========================================================================== */
/*
 * Wrapper for the list of comments and its titles
 */

#comments {
  margin: 1.5em 0;
}

#comments h2 {}

#comments h2.comment-title {
  margin: 0;
}

#comments h2.comment-form {
  margin: 0;
}
/*
 * Wrapper for a single comment
 */

.comment {
  margin-bottom: 20px;
}

.comment.first {}

.comment.last {}

.comment.odd {}

.comment.even {}

.comment .user-picture {}

.comment .submitted {}

.comment .submitted p {}

.comment .submitted .username {}

.comment .submitted time {}

.comment .user-signature {}

.comment ul.links {}
/*
 * Comment title
 */

.comment-title {
  margin: 0;
}
/*
 * Comment states
 */

.comment-new {}

.comment-by-anonymous {}

.comment-by-node-author {}

.comment-by-viewer {}

.comment-title-hidden {}

.comment-with-picture {}

.comment-with-signature {}
/*
 * Preview of the comment before submitting new or updated comment
 */

.comment-preview {}
/*
 * "New" marker for comments that are new for the current user
 */

.new {
  color: #c00;
}
/*
 * Nested comments are indented
 */

.indented {
  margin-left: 40px;
}
/* =============================================================================
 *   27- Forms
 * ========================================================================== */
/*
 * Wrapper for a form element (or group of form elements) and its label
 */


/* -------------- Form Elements   ------------- */
fieldset {
    background: #ffffff;
    border: 1px solid #cccccc;
    margin-top: 10px;
    margin-bottom: 32px;
    padding: 0 0 10px;
    position: relative;
    top: 12px; /* Offsets the negative margin of legends */
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.fieldset-wrapper {
    margin-top: 25px;
}

.node-form .vertical-tabs .fieldset-wrapper {
    margin-top: 0;
}

.filter-wrapper {
    top: 0;
    padding: 1em 0 0.2em;
    -khtml-border-radius-topright: 0;
    -khtml-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.filter-help a {
    font-size: 0.857em;
    padding: 2px 20px 0;
}

.filter-wrapper .form-item label {
    margin-right: 10px;
}

.filter-wrapper .form-item {
    padding: 0 0 0.5em 0.5em;
}

.filter-guidelines {
    padding: 0 1.5em 0 0.5em;
}

fieldset.collapsed {
    background: transparent;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

fieldset legend {
    background: #dbdbdb;
    border: 1px solid #ccc;
    border-bottom: none;
    color: #3b3b3b;
    display: block;
    height: 2em;
    left: -1px; /* LTR */
    font-family: "Verdana", "Lucida Sans Unicode", Verdana, sans-serif;
    line-height: 2;
    padding: 0;
    position: absolute;
    text-indent: 10px;
    text-shadow: 0 1px 0 #fff;
    top: -12px;
    width: 100%;
    -khtml-border-radius-topleft: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -khtml-border-radius-topright: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

fieldset.collapsed legend {
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

fieldset legend a {
    color: #3b3b3b;
}

fieldset legend a:hover, fieldset legend a:focus, fieldset legend a:active {
    color: #000;
}

fieldset .fieldset-wrapper {
    padding: 0 10px;
}

fieldset .fieldset-description {
    margin-top: 5px;
    margin-bottom: 1em;
    line-height: 1.4;
    color: #3c3c3c;
    font-style: italic;
}

form input {
    margin: 2px 0;
    padding: 8px;
}

input, textarea {
    font-size: 0.929em;
}

textarea {
    line-height: 1.5;
}

textarea.form-textarea, select.form-select {
    padding: 4px;
}

input.form-text, textarea.form-textarea, select.form-select {
    border: 1px solid #ccc;
}

input.form-submit:hover, input.form-submit:focus {
    background: #dedede;
}

.password-suggestions ul li {
    margin-left: 1.2em; /* LTR */
}

.form-item {
    margin-bottom: 1em;
    margin-top: 2px;
}

.form-item label {
    font-size: 0.929em;
}

.form-type-radio label, .form-type-checkbox label {
    margin-left: 4px;
}

.form-type-radio .description, .form-type-checkbox .description {
    margin-left: 2px;
}

.form-actions {
    padding-top: 10px;
}

form label{
    margin:0;
}

/* Contact Form */
.contact-form #edit-name {
    width: 75%;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.contact-form #edit-mail {
    width: 75%;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.contact-form #edit-subject {
    width: 75%;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.contact-form #edit-message {
    width: 76.3%;
    -khtml-border-top-left-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.contact-form .resizable-textarea .grippie {
    width: 76%;
    -khtml-border-bottom-left-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Disabled form elements */
input.form-button-disabled, input.form-button-disabled:hover, input.form-button-disabled:focus, input.form-button-disabled:active, .form-disabled input, .form-disabled select, .form-disabled textarea {
    background: #ededed;
    border-color: #bbb;
    color: #717171;
}

.form-disabled .grippie {
    background-color: #ededed;
    border-color: #bbb;
}

.form-disabled label {
    color: #717171;
}






.form-item {}

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

.form-item label {
  font-weight: 700;
}

.form-item label.option {}
/*
 * Highlight marks and form required mark
 */

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

.form-item .description {
  font-size: 0.85em;
}

.form-checkboxes .form-item,
.form-radios .form-item {}
/*
 * The submit button
 */

.form-submit {}

.container-inline div,
.container-inline label {
  display: inline;
}
/*
 * Define consistent borders
 */

fieldset {
  border: 1px solid #ccc;
}
/*
 * Tips for Drupal's input formats
 */

.tips {}
/*
 * Buttons used by contrib modules like Media
 */

/* ---------------- Buttons    ---------------- */
input.form-submit, a.button {

    background: #fff url(../images/buttons.png) 0 0 repeat-x;
    border: 1px solid #e4e4e4;
    border-bottom: 1px solid #b4b4b4;
    border-left-color: #d2d2d2;
    border-right-color: #d2d2d2;
    color: #3a3a3a;
    cursor: pointer;
    font-size: 0.929em;
    font-weight: normal;
    text-align: center;
    margin-bottom: 1em;
    margin-right: 0.6em; /* LTR */
    padding: 4px 17px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    box-shadow: none;
}

a.button:link, a.button:visited, a.button:hover, a.button:focus, a.button:active {
    text-decoration: none;
    color: #5a5a5a;
}


a.button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
/*
 * Password confirmation
 */

.password-parent,
.confirm-parent {
  margin: 0;
}


.webform-client-form .form-item label {
    font-size: 1.1em;
    margin-bottom: 5px;
}

form input:focus,
form textarea:focus {
    border: solid 1px #7cb61f;
    background-color: #f1f2ef;
}

.form-type-radio label,
.form-type-checkbox label {
    /*margin-left: 4px;*/
}

form input[type="checkbox"]:checked + label,
form input[type="radio"]:checked + label {
    color: #7cb61f;
    font-weight: bold;
}

form option:hover,
form option:focus,
form option:active,
form option:checked {
    background: linear-gradient(#7cb61f, #7cb61f);
}

.webform-client-form select:active {
    /*background-color: #357EBD;
    color: #ffffff;*/
}

form input.form-submit {
    background: #ff8800;
    color: #ffffff;
    border-radius: 3px;
    font-size: 1.2em;
    line-height: 1.5;
    padding: 2px 10px 5px;
    background-color: #7cb61f;
    border-color: #7cb61f;
    color: #FFFFFF;
}

form input.form-submit:hover {
    background-color: #ffffff;
    color: #7cb61f;
}

.region-leaderboard #search-block-form >div{
    margin-bottom:0px;
    padding-bottom:0px;
    margin-top:6px;
}

#search-block-form input.form-submit {
  margin-left: 0;
  margin-right: 0;
  height: 25px;
  width: 34px;
  padding: 0;
  cursor: pointer;
  text-indent: -9999px;
  border-color: #e4e4e4 #d2d2d2 #b4b4b4;
  background: url(../images/search-button.png) no-repeat center top;
  overflow: hidden;
    border-radius: 15px;
      
}


#block-search-form .form-item-search-block-form input {
    float: left;
    font-size: 1em;
    height: 0.7em;
    margin-right: 5px;
    width: 8em;
    /*margin-top:7px;*/
}
/* =============================================================================
 *   28- Tables
 * ========================================================================== */
table {
    border: 0;
    border-spacing: 0;
    font-size: 0.857em;
    margin: 10px 0;
    width: 100%;
}

table table {
    font-size: 1em;
}

#footer-wrapper table {
    font-size: 1em;
}
#footer{
    /*min-height:300px;*/
}

table tr th {
    background: #757575;
    background: rgba(0, 0, 0, 0.51);
    border-bottom-style: none;
}

table tr th, table tr th a, table tr th a:hover {
    color: #FFF;
    font-weight: bold;
}

table tbody tr th {
    vertical-align: top;
}

#content  tr td {
    background-color: #fff;
}


tr td, tr th {
    padding: 4px 9px;
    border: 1px solid #fff;
    text-align: left; /* LTR */
}

#footer-wrapper tr td, #footer-wrapper tr th {
    border-color: #555;
    border-color: rgba(255, 255, 255, 0.18);
}

tr.odd {
    background: #e4e4e4;
    background: rgba(0, 0, 0, 0.105);
}

tr, tr.even {
    background: #efefef;
    background: rgba(0, 0, 0, 0.063);
}

table ul.links {
    margin: 0;
    padding: 0;
    font-size: 1em;
}

table ul.links li {
    padding: 0 1em 0 0;
}
/*table {*/
  /*margin: 10px 0;*/
  /*padding: 0;*/
  /*width: 100%;*/
/*}*/

/*table.sticky-header {*/
  /*z-index: 10;*/
/*}*/

/*table,*/
/*thead,*/
/*tbody,*/
/*tr,*/
/*th,*/
/*td {*/
  /*border-color: #ccc;*/
/*}*/

/*table,*/
/*td,*/
/*th {*/
  /*vertical-align: middle;*/
/*}*/

/*caption,*/
/*th,*/
/*td {*/
  /*text-align: left;*/
/*}*/

/*thead tr {*/
  /*font-weight: 700;*/
  /*background-color: #e5e5e5;*/
/*}*/

/*td,*/
/*th {*/
  /*border-bottom: 0;*/
  /*margin: 0;*/
  /*padding: 5px 7px;*/
/*}*/

/*tbody {}*/

/*tbody tr {*/
  /*border-top: 1px solid #ccc;*/
/*}*/

/*tr.odd {*/
  /*background: #fff;*/
/*}*/

/*tr.info,*/
/*tr.even,*/
/*tr:nth-child(2n+2) {*/
  /*border-bottom: 0;*/
  /*background-color: #f5f5f5;*/
/*}*/

/*tr.drag {}*/

/*tr.drag-previous {}*/

/*tr.odd td.active {*/
  /*background-color: #eee;*/
/*}*/

/*tr.even td.active {*/
  /*background-color: #ebebeb;*/
/*}*/

.lt-ie8 tr {}

.lt-ie8 tr.even,
.lt-ie8 tr.odd {}

.lt-ie8 tr.even th,
.lt-ie8 tr.even td,
.lt-ie8 tr.odd th,
.lt-ie8 tr.odd td {}
/*
 * Forum tables
 * Core sets white-space to nowrap, which makes no sense
 */

#forum td {}

#forum td.created,
#forum td.posts,
#forum td.topics,
#forum td.last-reply,
#forum td.replies,
#forum td.pager {
  white-space: normal;
}
/* =============================================================================
 *   29- Messages
 * ========================================================================== */
/* Left and right margin are set by the global gutter width */

div.messages {
  margin-bottom: 10px;
  margin-top: 10px;
}

div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status {}

div.warning {}

tr.warning {}

div.error,
tr.error {}

.error {}

.warning {}
/*
 * Unpublished nodes
 */

.node-unpublished,
.comment-unpublished {}

.node-unpublished,
.comment-unpublished {}

.node-unpublished p.unpublished,
.comment-unpublished p.unpublished {
  color: pink;
  color: rgba(239, 170, 170, 0.4);
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-size: 75px;
  font-weight: bold;
  height: 0;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
}
/*
 * Otherwise these elements will appear below the "Unpublished" text
 */

.lt-ie8 {}

.lt-ie8 .node-unpublished > *,
.lt-ie8 .comment-unpublished > * {
  position: relative;
}
/* =============================================================================
 *   30- Maintenance pages
 * ========================================================================== */

.maintenance-page {}

.maintenance-page .container {
  padding: 40px 0;
}

.maintenance-page #site-name,
.maintenance-page #page-title {
  margin: 0;
}

.db-offline {}

.db-offline .container {
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
  max-width: 960px;
}

.db-offline div.messages {
  margin: 20px 0 0;
}

.db-offline #content {
  padding: 20px 0;
}
/* =============================================================================
 *   31- Misc overrides for contrib modules
 * ========================================================================== */
/*
 * Admin menu overrides
 */

#admin-menu {
  margin: 0;
  padding: 0;
  height:24px;
}
/*
 * Devel Module
 */

.dev-query {
  background: #eee;
  padding: 30px;
}
/*
 * Styleguide module tweaks
 */

#styleguide-header {
  padding: 0 10px;
}

#styleguide-header .item-list {
  font-family: inherit;
  margin: 0 20px 20px 0;
  min-height: 260px;
  width: auto;
}

/* =============================================================================
32 Ck editor styles
=============================================================================*/

/*------------Listes------------*/
ul.liste-acdc {
    list-style-image: url('images/liste-acdc.png');
}
ul.liste-cercle {
    list-style-image: url('images/liste-cercle.png');
}
ul.liste-coche {
    list-style-image: url('images/liste-coche.png');
}
ul.liste-cube {
    list-style-image: url('images/liste-cube.png');
}
ul.liste-egal {
    list-style-image: url('images/liste-egal.png');
}
ul.liste-fleche {
    list-style-image: url('images/liste-fleche.png');
}
ul.liste-losange {
    list-style-image: url('images/liste-losange.png');
}
ul.liste-ronde {
    list-style-image: url('images/liste-ronde.png');
}
ul.liste-superieure {
    list-style-image: url('images/liste-superieure.png');
}
ul.liste-file {
    list-style-image: url('images/liste-file.png');
}
/*----------------citation--------------*/

.cke_editable_themed blockquote, #content blockquote {
    font-family: lustria;
    font-style: italic;
    padding-right: 2%;
    padding-left: 2%;
}

.cke_editable_themed blockquote div, #content blockquote div {
    font-family: lustria;
    font-style: normal;
    color: #333333;
}

.cke_editable_themed blockquote:before, #content blockquote:before {
    color: #bbb;
    content: "\201C";
    font-size: 8em;
    line-height: 0.1em;
    margin-right: 0.2em;
    vertical-align: -.7em;
}

.cke_editable_themed blockquote:after, #content blockquote:after {
    color: #bbb;
    content: "\201D";
    font-size: 8em;
    line-height: 0.1em;
    vertical-align: -.75em;
    padding-left: 90%;
}

.cke_editable_themed blockquote p:first-letter, #content blockquote p:first-letter {
    float: left;
    margin: .2em .3em .1em 0;
    font-size: 3.2em;
    font-weight: bold;
}

/*------------Table------------*/
table.tab-style-orange  tr th {
    background-color: #ff8800;
}
#content .tab-style-orange  tr th {
    background-color: #ff8800 !important;
}

table.tab-style-bleu  tr th {
    background-color: #0071b9;
}
#content  .tab-style-bleu  tr th {
    background-color: #0071b9 !important;
}

table.tab-style-turquoise  tr th {
    background-color: #22bbea;
}
#content  .tab-style-turquoise  tr th {
    background-color: #22bbea !important;
}


/*------------Ckeditor custom styles------------*/
.marker-bleu, .marker-turquoise, .marker-orange, .marker-gris {
    font-family: oswald;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 3px;
}
.marker-bleu {
    background-color: #0071b9;
}
.marker-turquoise {
    background-color: #22bbea;
}
.marker-orange {
    background-color: #ff8800;
}
.marker-gris {
    background-color: #9b9a9a;
}

.frame-normal {
    line-height: 1.8em;
    font-weight: 400;
    color: #545353;
    background-color: #eaeaea;
    margin: 10px 0px 10px 0px;
    padding: 10px 20px
}

.frame-large {
    font-family: Oswald;
    font-size: 1.5em;
    line-height: 2em;
    font-weight: 500;
    color: #545353;
    background-color: #eaeaea;
    margin: 10px 0px 10px 0px;
    padding: 10px;
}
.center-table {
    margin:auto;
}

/*---------------------------
          views         
  --------------------------*/
  
  
.line::after {
    clear: both;
    content: "";
    display: table;
}

/* #block-views-galeries-block .mod a{ */
/* 	margin:0 0 0 5px; */
/* } */

.mrs {
    margin-right: 1em;
}

#block-views-galeries-block .mod h2 {
   font-size:1em;
}