/******************************************************************
Site Name: Actuaris
Author: 

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
  margin: 40px 0 50px 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}
/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic;
}
/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
  margin: 1em 0;
}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none;
}
/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0;
}
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}
/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Removes inner padding and border in FF3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
ul,
ol {
  padding: 0;
  list-style-type: none;
}
dd {
  margin: 0;
}
.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none;
}
/* proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens) */
p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -epub-hyphens: auto;
  hyphens: auto;
}
b,
strong,
.strong {
  font-weight: bold;
}
dfn,
em,
.em {
  font-style: italic;
}
small,
.small {
  font-size: 75%;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
/******************************************************************
Site Name: 
Author: 

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of LESS' great features: 
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques like box shadow and
border-radius.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more. 

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix {
  /* for IE */
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*********************
TOOLS
*********************/
/* http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*********************
TYPOGRAPHY
*********************/
/* 	To embed your own fonts, use this syntax
	and place your fonts inside the 
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('../fonts/font-name.eot');
    	src: url('../fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('../fonts/font-name.woff') format('woff'),
             url('../fonts/font-name.ttf') format('truetype'),
             url('../fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/
/* 
use the best ampersand 
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
  font-style: italic;
}
/* text alignment */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/* alerts & notices */
.alert {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}
.info {
  border-color: #bfe4f4;
  background: #d5edf8;
}
.error {
  border-color: #f8cdce;
  background: #fbe3e4;
}
.success {
  border-color: #deeaae;
  background: #e6efc2;
}
/*********************
BORDER RADIUS
*********************/
/* 
NOTE: For older browser support (and some mobile), 
don't use the shorthand to define *different* corners. 

USAGE: .rounded(4px); 

*/
/* 
Instead of having a seperate mixin for the different
borders, we're using the mixin from 320 & Up to make
things easier to use.

USAGE: .border-radius(4px,4px,0,0);

*/
/*********************
TRANISTION
*********************/
/* .transition(all,2s); */
/*********************
CSS3 GRADIENTS
Be careful with these since they can 
really slow down your CSS. Don't overdue it.
*********************/
/* .css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* .boxSizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So 
probably best not to use it. I mean, were you going to anyway? */
/*********************
BOX SHADOW
*********************/
/* .boxShadow(0 0 4px #444); */
/*********************
BUTTONS
*********************/
.blue-button,
.blue-button:visited {
  border-color: #1472ad;
  text-shadow: 0 1px 1px #1472ad;
  background-color: #1681c4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1990db), to(#1681c4));
  background-image: -webkit-linear-gradient(top, #1990db, #1681c4);
  background-image: -moz-linear-gradient(top, #1990db, #1681c4);
  background-image: -o-linear-gradient(top, #1990db, #1681c4);
  background-image: linear-gradient(to bottom, #1990db, #1681c4);
  -webkit-box-shadow: inset 0 0 3px #59b3ec;
  -moz-box-shadow: inset 0 0 3px #59b3ec;
  box-shadow: inset 0 0 3px #59b3ec;
}
.blue-button:hover,
.blue-button:visited:hover,
.blue-button:focus,
.blue-button:visited:focus {
  border-color: #116396;
  background-color: #1472ad;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1784c9), to(#1472ad));
  background-image: -webkit-linear-gradient(top, #1784c9, #1472ad);
  background-image: -moz-linear-gradient(top, #1784c9, #1472ad);
  background-image: -o-linear-gradient(top, #1784c9, #1472ad);
  background-image: linear-gradient(to bottom, #1784c9, #1472ad);
}
.blue-button:active,
.blue-button:visited:active {
  background-color: #1990db;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1681c4), to(#1990db));
  background-image: -webkit-linear-gradient(top, #1681c4, #1990db);
  background-image: -moz-linear-gradient(top, #1681c4, #1990db);
  background-image: -o-linear-gradient(top, #1681c4, #1990db);
  background-image: linear-gradient(to bottom, #1681c4, #1990db);
}
/*
BASE (MOBILE) SIZE 
This is the average viewing window. So Desktops, Laptops, and 
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
@font-face {
  font-family: 'allerbold';
  src: url('../fonts/aller_bd-webfont.eot');
  src: url('../fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/aller_bd-webfont.woff') format('woff'), url('../fonts/aller_bd-webfont.ttf') format('truetype'), url('../fonts/aller_bd-webfont.svg#allerbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'allerlight';
  src: url('../fonts/aller_lt-webfont.eot');
  src: url('../fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/aller_lt-webfont.woff') format('woff'), url('../fonts/aller_lt-webfont.ttf') format('truetype'), url('../fonts/aller_lt-webfont.svg#aller_lightregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'dejavu';
  src: url('../fonts/dejavuserif-webfont.eot');
  src: url('../fonts/dejavuserif-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/dejavuserif-webfont.woff') format('woff'), url('../fonts/dejavuserif-webfont.ttf') format('truetype'), url('../fonts/dejavuserif-webfont.svg#dejavu_serifbook') format('svg');
  font-weight: normal;
  font-style: normal;
}
*,
a {
  outline: none;
  -moz-box-sizing: none;
}
*,
*:hover,
*:focus {
  outline: none;
  -moz-box-sizing: none;
}
/*********************
GENERAL STYLES
*********************/
body {
  font-family: Georgia, serif;
  font-size: 14px;
  line-height: 1.5;
  color: #565656;
}
/*********************
UI DIALOG
*********************/
#dialog {
  display: none;
  position: absolute;
  width: 90%;
  margin-left: -45%;
  left: 50%;
  top: 100px;
  background-color: #fff;
  height: auto;
  padding: 20px 75px 20px 20px;
  z-index: 999;
}
#dialog > h2:first-child {
  margin-top: -8px;
}
#dialog ul li {
  background: url('../images/puce.png') no-repeat 0 3px;
  padding: 0 0 0 17px;
}
#dialog #hidethis {
  cursor: pointer;
  display: block;
  width: 100%;
  font: 15px aller, arial, helvetica, sans-serif;
  position: relative;
  padding: 4px 0 0 30px;
  margin-top: 30px;
}
#dialog #hidethis #checkbox {
  content: "";
  width: 27px;
  height: 23px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('../images/check.gif') no-repeat -4px -5px;
}
#dialog #hidethis #checkbox.checked {
  background-position: -32px -5px;
}
#dialog #hidethis:hover {
  color: #fcc827;
}
#dialog #popin-close {
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(../images/popin-close.gif);
  height: 32px;
  width: 32px;
  cursor: pointer;
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}
#dialog #popin-close:hover {
  opacity: 0.5;
}
/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 100%;
  margin: 0 auto;
}
/*
No Grid? Say Whaaaat?
There's really no need for all that
extraneous grid css since floating
columns wouldn't really fit on such a
small screen, so let's only bring it in
when we're ready for it.
*/
/*********************
LINK STYLES
*********************/
a,
a:visited {
  /* on hover */
  /* on click */
  /* mobile tap color */
}
a:link,
a:visited:link {
  /*
		this highlights links on iPhones/iPads.
		so it basically works like the :hover selector
		for mobile devices.
		*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*** STYLES GENERAUX ***/
body {
  font: 14px allerlight, arial, helvetica, sans-serif;
  color: #777;
}
.chapeau {
  font: 14px/19px dejavu, arial, helvetica, sans-serif;
  color: #171615;
  text-transform: uppercase;
}
h1 {
  font: 30px allerbold, arial, helvetica, sans-serif;
  color: #aeadad;
  width: 100%;
  display: inline-block;
  line-height: 1;
}
h2 {
  font: 25px allerbold, arial, helvetica, sans-serif;
  color: #171615;
  margin: 0;
}
h2.search-title a {
  font: 25px allerbold, arial, helvetica, sans-serif;
  color: #171615;
  text-decoration: none;
}
h3 {
  font: 20px allerbold, arial, helvetica, sans-serif;
  color: #171615;
}
ul {
  list-style-position: inside;
}
.post-content ul li {
  background: url('../images/puce.png') no-repeat 0 3px;
  padding: 0 0 0 17px;
}
li.gfield {
  padding: 0 !important;
  background: none !important;
}
.chzn-container li,
.chosen-container li {
  background: none !important;
}
a {
  color: #f3b800;
  font: 14px dejavu, arial, helvetica, serif;
}
a:hover {
  color: #e09a01;
}
.btn1,
.btn2,
.button,
.button:visited {
  padding: 5px 25px 10px 50px;
  position: relative;
  overflow: hidden;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  font: 14px allerbold, arial, helvetica, sans-serif;
  text-transform: uppercase;
  /* Anciens navigateurs */
  background: #e09a01 url("gradient-bg.png") repeat-x top;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  text-shadow: 2px 2px 0 #c48b01;
  /* Navigateurs récents */
  background: -webkit-gradient(linear, left top, left bottom, from(#f2b600), to(#e09a01));
  background: -webkit-linear-gradient(top, #f2b600, #e09a01);
  background: -moz-linear-gradient(top, #f2b600, #e09a01);
  background: -o-linear-gradient(top, #f2b600, #e09a01);
  background: linear-gradient(top, #f2b600, #e09a01);
  border-radius: 5px;
  border-top: 2px solid #f6cb45;
}
.btn1 span,
.btn2 span,
.button span,
.button:visited span {
  background: url('../images/sprite.png') no-repeat -15px -5px;
  text-indent: -1000px;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 16px;
  width: 25px;
  height: 30px;
}
.btn1:hover,
.btn2:hover,
.button:hover,
.button:visited:hover {
  color: #fff;
  text-shadow: 2px 2px 0 #cda344;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3c233), to(#e6ad34));
  background: -webkit-linear-gradient(top, #f3c233, #e6ad34);
  background: -moz-linear-gradient(top, #f3c233, #e6ad34);
  background: -o-linear-gradient(top, #f3c233, #e6ad34);
  background: linear-gradient(top, #f3c233, #e6ad34);
}
.btn1:active,
.btn2:active,
.button:active,
.button:visited:active,
.btn1:focus,
.btn2:focus,
.button:focus,
.button:visited:focus,
.btn1:target,
.btn2:target,
.button:target,
.button:visited:target {
  border-top: 2px solid #b88a2a;
  background: -webkit-gradient(linear, left top, left bottom, from(#e6ad34), to(#f3c233));
  background: -webkit-linear-gradient(top, #e6ad34, #f3c233);
  background: -moz-linear-gradient(top, #e6ad34, #f3c233);
  background: -o-linear-gradient(top, #e6ad34, #f3c233);
  background: linear-gradient(top, #e6ad34, #f3c233);
}
.btn2 {
  font-size: 14px;
  padding: 9px 20px 16px 55px;
}
.btn2 span {
  background-position: -15px -75px;
  width: 40px;
  height: 50px;
  top: 6px;
}
.lien {
  background: url('../images/sprite.png') no-repeat -15px -155px;
  display: inline-block;
  color: #f3b800;
  font: 14px dejavu, arial, helvetica, serif;
  padding-left: 28px;
}
.lien:hover {
  color: #e09a01;
}
hr {
  border: none;
  border-bottom: solid 1px #e7e7e7;
}
.help {
  background: url('../images/sprite.png') no-repeat -15px -223px;
  padding: 7px 0 5px 38px;
  cursor: pointer;
  position: relative;
}
.help .tooltip {
  display: none;
  opacity: 0;
  transition: opacity 0.25s;
  -o-transition: opacity  0.25s;
  -webkit-transition: opacity  0.25s;
  -moz-transition: opacity  0.25ss;
  background-color: #fff;
  border: solid 1px #dedede;
  box-shadow: 0 0 8px #eee;
  padding: 10px;
  border-radius: 7px;
  position: absolute;
  width: 190px;
  left: 0;
  bottom: 34px;
}
.help .tooltip:after {
  content: url('../images/tooltip.png');
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: -5px;
  left: 50%;
  marin-left: -5px;
}
.help:hover .tooltip {
  display: block;
  opacity: 1;
}
/*** Fil d'Arianne ***/
.baseline {
  float: left;
  width: 100%;
  margin-top: 25px;
}
.baseline a,
.baseline span {
  color: #777;
  float: left;
}
.baseline a {
  text-decoration: underline;
}
.baseline a:hover {
  color: #000;
}
.baseline span {
  padding-top: 5px;
}
.baseline span.separ {
  width: 20px;
  height: 20px;
  background: url('../images/sprite.png') no-repeat -15px -2182px;
  padding-top: 0;
}
/*** Colonnage ***/
.one-half,
.one-third,
.two-third {
  width: 100%;
}
.one-half img,
.one-third img,
.two-third img {
  max-width: 100%;
  height: auto;
}
.one-half p:first-child,
.one-third p:first-child,
.two-third p:first-child {
  margin-top: 5px;
}
/*** Gravity Forms ***/
.gform_wrapper h3.gform_title {
  font-size: 25px;
}
.gform_wrapper .top_label .gfield_label {
  display: none;
}
.gform_wrapper .top_label .gfield.title .gfield_label {
  display: block;
}
.gform_wrapper .top_label select.medium,
.gform_wrapper .top_label input.medium {
  width: 100%;
}
.gform_wrapper .top_label .gfield_required {
  color: #f3b800;
}
.gform_wrapper .top_label textarea.medium {
  width: 100%;
}
.gform_wrapper div.ginput_container {
  margin-top: 15px;
}
.gform_wrapper input[type="text"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper textarea {
  color: #171615;
  font: 14px dejavu, arial, helvetica, serif;
  border: solid 1px #777;
  border-radius: 4px;
  padding: 4px 7px;
}
.gform_wrapper input[type="file"] {
  margin: 0;
}
.gform_wrapper .chzn-container-single.chzn-container,
.gform_wrapper .chosen-container-single.chosen-container {
  width: 100% !important;
}
.gform_wrapper .chzn-container-single.chzn-container .chzn-single,
.gform_wrapper .chosen-container-single.chosen-container .chzn-single,
.gform_wrapper .chzn-container-single.chzn-container .chosen-single,
.gform_wrapper .chosen-container-single.chosen-container .chosen-single {
  background: none;
  border: solid 1px #777;
  padding: 4px 7px 1px;
  height: 32px;
  background-color: #fff;
}
.gform_wrapper .chzn-container-single.chzn-container .chzn-single span,
.gform_wrapper .chosen-container-single.chosen-container .chzn-single span,
.gform_wrapper .chzn-container-single.chzn-container .chosen-single span,
.gform_wrapper .chosen-container-single.chosen-container .chosen-single span {
  color: #171615;
  font: 14px dejavu, arial, helvetica, serif;
}
.gform_wrapper .chzn-container-single.chzn-container .chzn-single div,
.gform_wrapper .chosen-container-single.chosen-container .chzn-single div,
.gform_wrapper .chzn-container-single.chzn-container .chosen-single div,
.gform_wrapper .chosen-container-single.chosen-container .chosen-single div {
  background: none;
  border: none;
  width: 35px;
}
.gform_wrapper .chzn-container-single.chzn-container .chzn-single div b,
.gform_wrapper .chosen-container-single.chosen-container .chzn-single div b,
.gform_wrapper .chzn-container-single.chzn-container .chosen-single div b,
.gform_wrapper .chosen-container-single.chosen-container .chosen-single div b {
  background: url('../images/sprite.png') no-repeat -10px -463px;
}
.gform_wrapper .chzn-container-single.chzn-container .chzn-drop,
.gform_wrapper .chosen-container-single.chosen-container .chzn-drop,
.gform_wrapper .chzn-container-single.chzn-container .chosen-drop,
.gform_wrapper .chosen-container-single.chosen-container .chosen-drop {
  border-color: #777;
  height: 80px;
  overflow-y: scroll;
}
.gform_wrapper .chzn-container-single.chzn-container .chzn-drop .chzn-search,
.gform_wrapper .chosen-container-single.chosen-container .chzn-drop .chzn-search,
.gform_wrapper .chzn-container-single.chzn-container .chosen-drop .chzn-search,
.gform_wrapper .chosen-container-single.chosen-container .chosen-drop .chzn-search,
.gform_wrapper .chzn-container-single.chzn-container .chzn-drop .chosen-search,
.gform_wrapper .chosen-container-single.chosen-container .chzn-drop .chosen-search,
.gform_wrapper .chzn-container-single.chzn-container .chosen-drop .chosen-search,
.gform_wrapper .chosen-container-single.chosen-container .chosen-drop .chosen-search {
  display: none;
}
.gform_wrapper .chzn-container-single.chzn-container .chzn-drop .chzn-results,
.gform_wrapper .chosen-container-single.chosen-container .chzn-drop .chzn-results,
.gform_wrapper .chzn-container-single.chzn-container .chosen-drop .chzn-results,
.gform_wrapper .chosen-container-single.chosen-container .chosen-drop .chzn-results,
.gform_wrapper .chzn-container-single.chzn-container .chzn-drop .chosen-results,
.gform_wrapper .chosen-container-single.chosen-container .chzn-drop .chosen-results,
.gform_wrapper .chzn-container-single.chzn-container .chosen-drop .chosen-results,
.gform_wrapper .chosen-container-single.chosen-container .chosen-drop .chosen-results {
  padding: 0;
}
.gform_wrapper .chzn-container-single.chzn-container .chzn-drop .chzn-results li,
.gform_wrapper .chosen-container-single.chosen-container .chzn-drop .chzn-results li,
.gform_wrapper .chzn-container-single.chzn-container .chosen-drop .chzn-results li,
.gform_wrapper .chosen-container-single.chosen-container .chosen-drop .chzn-results li,
.gform_wrapper .chzn-container-single.chzn-container .chzn-drop .chosen-results li,
.gform_wrapper .chosen-container-single.chosen-container .chzn-drop .chosen-results li,
.gform_wrapper .chzn-container-single.chzn-container .chosen-drop .chosen-results li,
.gform_wrapper .chosen-container-single.chosen-container .chosen-drop .chosen-results li {
  color: #171615;
  font: 14px dejavu, arial, helvetica, serif;
  border-top: solid 1px #dedede;
}
.gform_wrapper .chzn-container-single.chzn-container .chzn-drop .chzn-results li:hover,
.gform_wrapper .chosen-container-single.chosen-container .chzn-drop .chzn-results li:hover,
.gform_wrapper .chzn-container-single.chzn-container .chosen-drop .chzn-results li:hover,
.gform_wrapper .chosen-container-single.chosen-container .chosen-drop .chzn-results li:hover,
.gform_wrapper .chzn-container-single.chzn-container .chzn-drop .chosen-results li:hover,
.gform_wrapper .chosen-container-single.chosen-container .chzn-drop .chosen-results li:hover,
.gform_wrapper .chzn-container-single.chzn-container .chosen-drop .chosen-results li:hover,
.gform_wrapper .chosen-container-single.chosen-container .chosen-drop .chosen-results li:hover {
  background-color: #f0f0f0;
}
.gform_wrapper ul.gfield_checkbox li,
.gform_wrapper ul.gfield_radio li {
  margin: 0 0 20px 0;
  background: none;
}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"],
.gform_wrapper ul.gfield_radio li input[type="checkbox"],
.gform_wrapper ul.gfield_checkbox li input[type="radio"],
.gform_wrapper ul.gfield_radio li input[type="radio"] {
  opacity: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"] + label,
.gform_wrapper ul.gfield_radio li input[type="checkbox"] + label,
.gform_wrapper ul.gfield_checkbox li input[type="radio"] + label,
.gform_wrapper ul.gfield_radio li input[type="radio"] + label {
  background: url('../images/sprite.png') no-repeat -16px -726px;
  clear: none;
  margin: 0;
  padding: 0 0 0 30px;
  display: inline-block;
  height: 20px;
  cursor: pointer;
}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:hover + label,
.gform_wrapper ul.gfield_radio li input[type="checkbox"]:hover + label,
.gform_wrapper ul.gfield_checkbox li input[type="radio"]:hover + label,
.gform_wrapper ul.gfield_radio li input[type="radio"]:hover + label {
  background: url('../images/sprite.png') no-repeat -16px -786px;
}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label,
.gform_wrapper ul.gfield_radio li input[type="checkbox"]:checked + label,
.gform_wrapper ul.gfield_checkbox li input[type="radio"]:checked + label,
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
  background: url('../images/sprite.png') no-repeat -16px -845px;
  font-weight: normal;
}
.gform_wrapper ul.gfield_checkbox li input[type="radio"] + label,
.gform_wrapper ul.gfield_radio li input[type="radio"] + label {
  background: url('../images/sprite.png') no-repeat -15px -548px;
}
.gform_wrapper ul.gfield_checkbox li input[type="radio"]:hover + label,
.gform_wrapper ul.gfield_radio li input[type="radio"]:hover + label {
  background: url('../images/sprite.png') no-repeat -15px -607px;
}
.gform_wrapper ul.gfield_checkbox li input[type="radio"]:checked + label,
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
  background: url('../images/sprite.png') no-repeat -15px -667px;
}
.gform_wrapper ul.gfield_checkbox li #input_3_15,
.gform_wrapper ul.gfield_radio li #input_3_15 {
  margin: 0;
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type="submit"] {
  font-size: 14px;
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding-left: 27px;
  cursor: pointer;
}
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type="submit"]:hover {
  color: #fff;
  text-shadow: 2px 2px 0 #cda344;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4c333), to(#e7af34));
  background: -webkit-linear-gradient(top, #f4c333, #e7af34);
  background: -moz-linear-gradient(top, #f4c333, #e7af34);
  background: -o-linear-gradient(top, #f4c333, #e7af34);
  background: linear-gradient(top, #f4c333, #e7af34);
  border-top: 2px solid #f6cb45;
}
.gform_wrapper .top_label .titre .gfield_label {
  display: block;
  color: #000;
}
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  border: none;
  padding: 0 !important;
  margin: 0 !important;
  background-color: transparent;
}
.gform_wrapper li.gfield.gfield_error .gfield_description,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning .gfield_description,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required .gfield_description {
  display: none;
}
.gform_wrapper li.gfield.gfield_error .gfield_label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning .gfield_label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required .gfield_label {
  padding: 0;
  margin: 0;
}
.gform_wrapper li.gfield.gfield_error .ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning .ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required .ginput_container {
  padding: 0;
  margin: 0;
}
.gform_wrapper li.gfield_error input[type=text],
.gform_wrapper li.gfield_error input[type=url],
.gform_wrapper li.gfield_error input[type=email],
.gform_wrapper li.gfield_error input[type=tel],
.gform_wrapper li.gfield_error input[type=number],
.gform_wrapper li.gfield_error input[type=password],
.gform_wrapper li.gfield_error textarea {
  border-color: #f00;
}
.gform_wrapper div.validation_error {
  color: #f00;
  border: none;
}
/*********************
HEADER SYTLES
*********************/
.header {
  height: 89px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 999;
}
/*********************
NAVIGATION STYLES
*********************/
nav#menu_head {
  display: none;
}
/*********************
TOP MENU
*********************/
#top-header {
  height: 28px;
  width: 100%;
  border-top: solid 1px #474644;
  color: #fff;
  /* Anciens navigateurs */
  background: #1c1b1a url("../images/gradient-bg.png") repeat-x top;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  /* Navigateurs récents */
  background: -webkit-gradient(linear, left top, left bottom, from(#343331), to(#1c1b1a));
  background: -webkit-linear-gradient(top, #343331, #1c1b1a);
  background: -moz-linear-gradient(top, #343331, #1c1b1a);
  background: -o-linear-gradient(top, #343331, #1c1b1a);
  background: linear-gradient(top, #343331, #1c1b1a);
}
#top-header ul {
  width: 300px;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 28px;
  border-top: 1px solid #fff;
  z-index: 99999;
  display: none;
  margin: 0;
}
#top-header ul li {
  list-style-image: none;
  border-bottom: 1px solid #fff;
  display: inline-block;
  width: 100%;
  float: left;
  height: 36px;
}
#top-header ul li:last-child {
  border-bottom: none;
}
#top-header ul li a {
  width: 100%;
  text-align: center;
  height: 35px;
  background-color: #1b1a19;
  padding: 13px;
  font: 13px/8px dejavu, serif;
  display: inline-block;
  color: #fff;
  transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
}
#top-header ul li a:after {
  width: 13px;
  height: 6px;
  margin-left: 3px;
}
#top-header ul li a:hover {
  background-color: #666;
  display: block;
}
#top-header span#currentsite {
  background: url("../images/dashed.jpg") no-repeat left top;
  width: 50%;
  display: inline-block;
  margin: 0;
  text-align: center;
  height: 28px;
  font: 11px arial, helvetica, sans-serif;
  padding-top: 2px;
  cursor: pointer;
  float: right;
}
#top-header span#currentsite:after {
  content: url(../images/listpays.png);
  width: 13px;
  height: 6px;
  margin-left: 10px;
}
#top-header #pays:hover ul {
  display: block;
}
#top-header a {
  color: #fff;
  text-decoration: none;
  font: 11px arial, helvetica, sans-serif;
  display: inline-block;
  padding-top: 6px;
}
#top-header #client {
  text-decoration: underline;
  border-left: none;
  height: 27px;
  background: url("../images/sprite.png") no-repeat 90px -953px;
  padding-left: 32px;
  width: 50%;
  float: right;
}
textarea:focus,
input:focus {
  outline: 0;
}
#inner-header {
  width: 100%;
  height: 60px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.3);
  display: inline-block;
}
#inner-header h1 {
  margin: 0;
  float: left;
  display: inline-block;
  height: 60px;
  width: 152px;
}
#inner-header #logo {
  height: 60px;
  width: 152px;
  float: left;
  margin: 0;
  display: inline-block;
}
#inner-header #logo a {
  height: 60px;
  width: 152px;
  display: inline-block;
  float: left;
}
#inner-header #logo a img {
  max-width: 100%;
  height: auto;
  margin-top: 10px;
  margin-left: -6px;
}
#inner-header #logo a img.actuaris {
  margin-top: 0;
  margin-left: -13px;
}
#inner-header a#logo {
  display: inline-block;
}
#inner-header a#logo img {
  max-width: 100%;
  margin-top: 10px;
  margin-left: 3px;
}
#inner-header #trigger {
  display: inline-block;
  font-size: 0.9em;
  text-indent: -2000px;
  overflow: hidden;
  cursor: pointer;
  margin: 16px 50px 0 0;
  width: 41px;
  height: 30px;
  background: url(../images/menu_mobile.gif) 0 -4px no-repeat;
  border-right: solid 1px #dedede;
  padding-right: 60px;
  float: right;
}
#inner-header #searchform {
  width: 50px;
  height: 50px;
  overflow: hidden;
  position: absolute;
  right: 0;
  padding-top: 16px;
  cursor: pointer;
  background: url(../images/sprite.png) right -995px no-repeat #fff;
}
#inner-header #searchform span {
  display: none;
  height: 59px;
  width: 50px;
  background: url(../images/sprite.png) 0 -1954px no-repeat #fff;
  margin-top: -16px;
  float: left;
  opacity: 0.7;
}
#inner-header #searchform span:hover {
  opacity: 1;
}
#inner-header #searchform input[type="text"] {
  position: absolute;
  right: 50px;
  top: 14px;
  border: solid 1px #dedede;
  padding: 6px;
  background: none #f7f7f7;
}
#inner-header #searchform input[type="submit"] {
  text-indent: -2000px;
  border: none;
  width: 40px;
  height: 30px;
  background: none;
  display: none;
  position: absolute;
  right: 0;
  top: 16px;
}
/*********************
PAGE CONTACT
*********************/
#gform_wrapper_3,
#gform_wrapper_1 {
  max-width: 100%;
}
#gform_wrapper_3 .gfield_html.gfield_no_follows_desc,
#gform_wrapper_1 .gfield_html.gfield_no_follows_desc {
  height: auto;
  display: inline-block;
  width: 100%;
}
#gform_wrapper_3 #gform_3,
#gform_wrapper_1 #gform_3,
#gform_wrapper_3 #gform_1,
#gform_wrapper_1 #gform_1 {
  max-width: 100%;
  width: 100%;
  display: inline-block;
  float: left;
  padding-bottom: 25px;
}
#gform_wrapper_3 #gform_3 .gform_heading,
#gform_wrapper_1 #gform_3 .gform_heading,
#gform_wrapper_3 #gform_1 .gform_heading,
#gform_wrapper_1 #gform_1 .gform_heading {
  width: 100%;
  margin-bottom: 3em;
}
#gform_wrapper_3 #gform_3 .gform_heading .gform_description,
#gform_wrapper_1 #gform_3 .gform_heading .gform_description,
#gform_wrapper_3 #gform_1 .gform_heading .gform_description,
#gform_wrapper_1 #gform_1 .gform_heading .gform_description {
  color: #171615;
  text-transform: uppercase;
  font: 14px/21px dejavu, arial, helvetica;
}
#gform_wrapper_3 #gform_3 .gfield_label,
#gform_wrapper_1 #gform_3 .gfield_label,
#gform_wrapper_3 #gform_1 .gfield_label,
#gform_wrapper_1 #gform_1 .gfield_label {
  display: block;
  color: #171615;
  font: 14px dejavu,arial,helvetica;
  width: 100%;
  float: left;
}
#gform_wrapper_3 #gform_3 div.ginput_container,
#gform_wrapper_1 #gform_3 div.ginput_container,
#gform_wrapper_3 #gform_1 div.ginput_container,
#gform_wrapper_1 #gform_1 div.ginput_container {
  width: 100%;
  float: right;
  margin: 6px 0 4px 0;
  height: 32px;
}
#gform_wrapper_3 #gform_3 .chzn-container-single.chzn-container,
#gform_wrapper_1 #gform_3 .chzn-container-single.chzn-container,
#gform_wrapper_3 #gform_1 .chzn-container-single.chzn-container,
#gform_wrapper_1 #gform_1 .chzn-container-single.chzn-container,
#gform_wrapper_3 #gform_3 .chzn-drop,
#gform_wrapper_1 #gform_3 .chzn-drop,
#gform_wrapper_3 #gform_1 .chzn-drop,
#gform_wrapper_1 #gform_1 .chzn-drop,
#gform_wrapper_3 #gform_3 input.medium,
#gform_wrapper_1 #gform_3 input.medium,
#gform_wrapper_3 #gform_1 input.medium,
#gform_wrapper_1 #gform_1 input.medium,
#gform_wrapper_3 #gform_3 select.medium,
#gform_wrapper_1 #gform_3 select.medium,
#gform_wrapper_3 #gform_1 select.medium,
#gform_wrapper_1 #gform_1 select.medium,
#gform_wrapper_3 #gform_3 textarea.medium,
#gform_wrapper_1 #gform_3 textarea.medium,
#gform_wrapper_3 #gform_1 textarea.medium,
#gform_wrapper_1 #gform_1 textarea.medium,
#gform_wrapper_3 #gform_3 .chosen-container-single.chosen-container,
#gform_wrapper_1 #gform_3 .chosen-container-single.chosen-container,
#gform_wrapper_3 #gform_1 .chosen-container-single.chosen-container,
#gform_wrapper_1 #gform_1 .chosen-container-single.chosen-container,
#gform_wrapper_3 #gform_3 .chosen-drop,
#gform_wrapper_1 #gform_3 .chosen-drop,
#gform_wrapper_3 #gform_1 .chosen-drop,
#gform_wrapper_1 #gform_1 .chosen-drop {
  width: 100% !important;
}
#gform_wrapper_3 #gform_3 textarea.medium,
#gform_wrapper_1 #gform_3 textarea.medium,
#gform_wrapper_3 #gform_1 textarea.medium,
#gform_wrapper_1 #gform_1 textarea.medium {
  height: 180px;
}
#gform_wrapper_3 #gform_3 .chzn-container-single.chzn-container,
#gform_wrapper_1 #gform_3 .chzn-container-single.chzn-container,
#gform_wrapper_3 #gform_1 .chzn-container-single.chzn-container,
#gform_wrapper_1 #gform_1 .chzn-container-single.chzn-container,
#gform_wrapper_3 #gform_3 .chosen-container-single.chosen-container,
#gform_wrapper_1 #gform_3 .chosen-container-single.chosen-container,
#gform_wrapper_3 #gform_1 .chosen-container-single.chosen-container,
#gform_wrapper_1 #gform_1 .chosen-container-single.chosen-container {
  margin: 0;
}
#gform_wrapper_3 #gform_3 .chzn-container-single.chzn-container .chzn-results li,
#gform_wrapper_1 #gform_3 .chzn-container-single.chzn-container .chzn-results li,
#gform_wrapper_3 #gform_1 .chzn-container-single.chzn-container .chzn-results li,
#gform_wrapper_1 #gform_1 .chzn-container-single.chzn-container .chzn-results li,
#gform_wrapper_3 #gform_3 .chosen-container-single.chosen-container .chzn-results li,
#gform_wrapper_1 #gform_3 .chosen-container-single.chosen-container .chzn-results li,
#gform_wrapper_3 #gform_1 .chosen-container-single.chosen-container .chzn-results li,
#gform_wrapper_1 #gform_1 .chosen-container-single.chosen-container .chzn-results li,
#gform_wrapper_3 #gform_3 .chzn-container-single.chzn-container .chosen-results li,
#gform_wrapper_1 #gform_3 .chzn-container-single.chzn-container .chosen-results li,
#gform_wrapper_3 #gform_1 .chzn-container-single.chzn-container .chosen-results li,
#gform_wrapper_1 #gform_1 .chzn-container-single.chzn-container .chosen-results li,
#gform_wrapper_3 #gform_3 .chosen-container-single.chosen-container .chosen-results li,
#gform_wrapper_1 #gform_3 .chosen-container-single.chosen-container .chosen-results li,
#gform_wrapper_3 #gform_1 .chosen-container-single.chosen-container .chosen-results li,
#gform_wrapper_1 #gform_1 .chosen-container-single.chosen-container .chosen-results li {
  padding-left: 10px;
  margin-bottom: 0;
}
#gform_wrapper_3 #gform_3 ul#col1,
#gform_wrapper_1 #gform_3 ul#col1,
#gform_wrapper_3 #gform_1 ul#col1,
#gform_wrapper_1 #gform_1 ul#col1,
#gform_wrapper_3 #gform_3 ul#col2,
#gform_wrapper_1 #gform_3 ul#col2,
#gform_wrapper_3 #gform_1 ul#col2,
#gform_wrapper_1 #gform_1 ul#col2 {
  width: 100%;
  float: left;
  margin-left: 0 !important;
}
#gform_wrapper_3 #gform_3 ul#col1 li,
#gform_wrapper_1 #gform_3 ul#col1 li,
#gform_wrapper_3 #gform_1 ul#col1 li,
#gform_wrapper_1 #gform_1 ul#col1 li,
#gform_wrapper_3 #gform_3 ul#col2 li,
#gform_wrapper_1 #gform_3 ul#col2 li,
#gform_wrapper_3 #gform_1 ul#col2 li,
#gform_wrapper_1 #gform_1 ul#col2 li {
  list-style-type: none !important;
  width: 100%;
}
#gform_wrapper_3 #gform_3 ul#col2,
#gform_wrapper_1 #gform_3 ul#col2,
#gform_wrapper_3 #gform_1 ul#col2,
#gform_wrapper_1 #gform_1 ul#col2 {
  width: 100%;
}
#gform_wrapper_3 #gform_3 ul#col2 > li:first-child,
#gform_wrapper_1 #gform_3 ul#col2 > li:first-child,
#gform_wrapper_3 #gform_1 ul#col2 > li:first-child,
#gform_wrapper_1 #gform_1 ul#col2 > li:first-child {
  display: none;
}
#gform_wrapper_3 #gform_3 ul#col2 li,
#gform_wrapper_1 #gform_3 ul#col2 li,
#gform_wrapper_3 #gform_1 ul#col2 li,
#gform_wrapper_1 #gform_1 ul#col2 li {
  margin: 0;
}
#gform_wrapper_3 #gform_3 ul#col2 .gfield_label,
#gform_wrapper_1 #gform_3 ul#col2 .gfield_label,
#gform_wrapper_3 #gform_1 ul#col2 .gfield_label,
#gform_wrapper_1 #gform_1 ul#col2 .gfield_label {
  display: none;
}
#gform_wrapper_3 #gform_3 ul#col2 div.ginput_container,
#gform_wrapper_1 #gform_3 ul#col2 div.ginput_container,
#gform_wrapper_3 #gform_1 ul#col2 div.ginput_container,
#gform_wrapper_1 #gform_1 ul#col2 div.ginput_container {
  width: 100%;
  height: auto;
  margin: 0;
}
#gform_wrapper_3 #gform_3 .gform_footer,
#gform_wrapper_1 #gform_3 .gform_footer,
#gform_wrapper_3 #gform_1 .gform_footer,
#gform_wrapper_1 #gform_1 .gform_footer {
  width: 100%;
  float: right;
  margin: 0;
  height: 77px;
  position: relative;
  padding-top: 0;
}
#gform_wrapper_3 #gform_3 .gform_footer input[type="submit"],
#gform_wrapper_1 #gform_3 .gform_footer input[type="submit"],
#gform_wrapper_3 #gform_1 .gform_footer input[type="submit"],
#gform_wrapper_1 #gform_1 .gform_footer input[type="submit"] {
  height: 53px;
  width: 100%;
  font-size: 15px;
}
#adresses {
  float: right;
  width: 100%;
  padding-bottom: 25px;
}
#adresses .ville {
  text-transform: uppercase;
  font: 14px allerbold,arial,helvetica;
  color: #171615;
  padding: 5px 20px 7px;
  background: url(../images/sprite.png) right -2315px no-repeat #fff;
  cursor: pointer;
}
#adresses .ville.opened {
  background-position: right -2245px;
}
#adresses .coordonnees {
  background-color: #f3f3f3;
  padding: 20px;
  display: none;
}
#adresses #adresse1 .ville,
#adresses #adresse2 .ville,
#adresses #adresse3 .ville {
  border-bottom: 1px solid #f3f3f3;
}
#adresses #adresse1 .coordonnees {
  display: block;
}
/*********************
MOBILE MENU
*********************/
*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body,
.container,
.scroller,
#container {
  height: 100%;
}
#container.pushed-menu-open {
  overflow: hidden;
  position: relative;
}
#container {
  margin: 0 auto;
  width: 100%;
  opacity: 0;
  height: auto;
}
.error404 #container {
  opacity: 1;
}
.scroller {
  width: 100%;
}
.scroller,
.scroller-inner {
  position: relative;
}
.scroller {
  overlfow: hidden;
}
.container {
  position: relative;
  overflow: hidden;
  background: #34495e;
}
.mp-pusher {
  position: absolute;
  left: 0;
  /*height: 100%;*/
  width: 100%;
  z-index: 111;
}
.mp-menu {
  position: absolute;
  /* we can't use fixed here :( */
  top: 16px;
  left: 0;
  z-index: 1;
  width: 100% !important;
  height: 80% !important;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.home .mp-menu {
  top: 90px;
}
.mp-level {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  z-index: 10;
}
/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  content: '';
  opacity: 0;
}
.mp-pusher::after,
.mp-level::after {
  -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
  -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
  transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}
.mp-pusher::after {
  background: rgba(0, 0, 0, 0.65);
}
.mp-level::after {
  z-index: -1;
}
.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.mp-level.mp-level-overlay {
  cursor: pointer;
}
.mp-level.mp-level-overlay.mp-level::before {
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: 1;
}
.mp-pusher,
.mp-level {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
/* overlap */
.mp-overlap .mp-level.mp-level-open {
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(-40px, 0, 0);
  -moz-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}
/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
  box-shadow: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* cover */
.mp-cover .mp-level.mp-level-open {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
/* content style */
.mp-menu .nav {
  background: #ffffff;
  border: none;
  overflow: auto;
}
.mp-menu .nav li {
  width: 100%;
  /* Social network style */
}
.mp-menu .nav li a {
  background-color: #fff;
  box-shadow: none;
  border-top: 1px solid #dedede;
  color: #171615;
  font-family: allerlight;
  font-size: 14px;
  position: relative;
  padding-left: 4%;
  text-decoration: none;
}
.mp-menu .nav li a:before {
  content: "";
  display: block;
  width: 14px;
  height: 25px;
  position: absolute;
  top: 12px;
  left: 15px;
}
.mp-menu .nav li:last-child a {
  border-bottom: 1px solid #dedede;
}
.mp-menu .nav li.home a {
  font-family: allerlight;
  font-size: 16px;
  text-transform: uppercase;
}
.mp-menu .nav li.home a:before {
  display: none;
}
.mp-menu .nav li.nav-fb,
.mp-menu .nav li.nav-twt,
.mp-menu .nav li.nav-ytb,
.mp-menu .nav li.nav-in {
  display: inline-block;
  width: 30px;
  margin-right: 5px;
  height: 40px;
}
.mp-menu .nav li.nav-fb a,
.mp-menu .nav li.nav-twt a,
.mp-menu .nav li.nav-ytb a,
.mp-menu .nav li.nav-in a {
  text-indent: -2000px;
  display: inline-block;
  border-top: none;
  width: 40px;
  height: 40px;
  padding: 10px;
  position: relative;
}
.mp-menu .nav li.nav-fb a:before,
.mp-menu .nav li.nav-twt a:before,
.mp-menu .nav li.nav-ytb a:before,
.mp-menu .nav li.nav-in a:before {
  content: '';
  display: inline-block;
  background-image: url(../images/sprite-share-small.png);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.mp-menu .nav li.nav-fb a:before {
  background-position: 0 0;
}
.mp-menu .nav li.nav-fb a:hover:before {
  background-position: 0 20px;
}
.mp-menu .nav li.nav-twt a:before {
  background-position: 60px 0;
}
.mp-menu .nav li.nav-twt a:hover:before {
  background-position: 60px 20px;
}
.mp-menu .nav li.nav-ytb a:before {
  background-position: 40px 0;
}
.mp-menu .nav li.nav-ytb a:hover:before {
  background-position: 40px 20px;
}
.mp-menu .nav li.nav-in a:before {
  background-position: 20px 0;
}
.mp-menu .nav li.nav-in a:hover:before {
  background-position: 20px 20px;
}
.mp-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100%;
}
.mp-menu ul li {
  list-style-image: none !important;
}
.mp-menu h2 {
  margin: 0;
  padding: 5px 5px 10px 4%;
  color: #171615;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  font-weight: 300;
  background-color: #fff;
  border-bottom: 1px solid #dedede;
  font-size: 2em;
}
.mp-menu.mp-overlap h2::before {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 8px;
  font-size: 75%;
  line-height: 1.8;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
  transition: opacity 0.3s, transform 0.1s 0.3s;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
}
.mp-menu.mp-cover h2 {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 1em;
}
.mp-overlap .mp-level.mp-level-overlay > h2::before {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
}
.mp-menu ul li > a {
  display: block;
  padding: 0.7em 1em 0.7em 1.8em;
  outline: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  font-size: 1.4em;
  -webkit-transition: background 0.3s, box-shadow 0.3s;
  -moz-transition: background 0.3s, box-shadow 0.3s;
  transition: background 0.3s, box-shadow 0.3s;
}
.mp-menu ul li::before {
  position: absolute;
  left: 10px;
  z-index: -1;
  color: rgba(0, 0, 0, 0.2);
  line-height: 3.5;
}
.mp-level > ul > li:first-child > a {
  /* 	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2); */
}
.mp-level > p {
  margin: 0;
  padding: 10px 0;
  color: #fff;
  background-color: #000;
  font-family: allerlight;
  font-size: 16px;
  text-transform: uppercase;
  padding-left: 16px;
}
.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
  background: #dedede;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
}
.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
}
.mp-back {
  outline: none;
  color: #000 !important;
  letter-spacing: 1px;
  display: block;
  font-size: 0.8em;
  padding: 1em;
  position: relative;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  border: none !important;
  padding-left: 16px !important;
}
.mp-back::before {
  display: none !important;
}
.mp-back::after {
  content: "";
  display: block;
  width: 8px;
  height: 14px;
  position: absolute;
  top: 14px;
  right: 15px;
}
.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
  background: transparent;
  box-shadow: none;
  color: transparent;
}
section#section {
  /*overflow: hidden;*/
  margin-top: 90px;
  position: relative;
}
/*********************
SLIDER PRINCIPAL
*********************/
.slider-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#slider {
  width: 100%;
  overflow: hidden;
  padding-bottom: 1px;
  min-height: 185px !important;
  position: relative;
}
#slider .bx-wrapper,
#slider .bx-viewport {
  width: 100%;
  overflow: hidden;
}
#slider .bx-window {
  z-index: 1;
}
#slider ul {
  margin: 0;
  padding: 0;
}
#slider ul .slide {
  overflow: hidden;
  width: 100% !important;
  min-height: 350px !important;
  background-size: cover;
  background-repeat: no-repeat;
  list-style-image: none;
  background-position: center top;
}
#slider ul .slide.no-click {
  pointer-events: none;
}
#slider ul .slide img {
  opacity: 0.4;
  width: auto;
}
#slider ul .slide #mappress img {
  display: block;
}
.cont {
  width: 100%;
  height: 186px;
  padding: 15px 4% 0 4%;
  top: 50%;
  margin-top: -94px;
  /* Si Slider à 100% du body, le .cont sera à la même largeur que le .site du thème:
	max-width: 68.5714rem;*/
  left: 0;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.6);
}
.cont .titre {
  font: 17px allerbold, helvetica, arial, sans-serif;
  /* Taille de police responsive pour les browsers qui le supportent : */
  text-decoration: none;
  margin-top: 0;
  color: #171615;
  letter-spacing: -0.4px;
  line-height: 14px;
  height: 35px;
  display: inline-block;
}
.cont .extrait {
  color: #171615;
  font: 12px dejavu, helvetica, arial, sans-serif;
  width: 100%;
  letter-spacing: -0.4px;
  line-height: 12px;
  height: 40px;
  display: inline-block;
}
.cont .extrait p {
  margin-top: 8px;
}
.cont .btn1 {
  position: absolute;
  top: 130px;
  left: 4%;
  font-family: allerlight;
}
.cont .btn1 strong {
  font-family: allerbold;
}
.bx-pager {
  bottom: 10px;
  right: 10px;
  position: absolute;
  z-index: 98;
}
.bx-pager div {
  width: auto;
  margin: 0 auto;
  display: inline-block;
}
.bx-pager a {
  width: 15px;
  height: 15px;
  display: inline-block;
  background: url(../../library/images/sprite.png) no-repeat center -2058px;
  cursor: pointer;
  overflow: hidden;
}
.bx-pager a img {
  display: none;
}
.bx-pager a:hover {
  background-position: center -2126px;
}
.bx-pager a.active {
  background-position: center -2126px;
}
/*********************
CARTE
*********************/
.mappress-container {
  height: 100%;
  width: 100%;
}
#mappress {
  position: relative;
  overflow: hidden;
  padding-bottom: 1px;
  min-height: 185px !important;
  height: 350px;
  width: 100% !important;
}
#mappress .mapp-layout {
  border: none !important;
  margin: 0 !important;
  width: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#mappress .mapp-layout #mapp0 {
  margin: 0 !important;
  width: 100% !important;
}
#mappress .mapp-dialog {
  position: relative;
  display: none;
}
#mappress .mapp-ib-tip {
  width: 20px;
}
#mappress #legende-container {
  position: absolute;
  top: 15px;
  right: 60px;
  z-index: 3;
  background: rgba(255, 255, 255, 0.7);
  padding: 5px;
}
#mappress #legende-container > div:first-child {
  margin-right: 5px;
}
#mappress #legende-container img {
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: middle;
}
#mappress .gmnoprint.gm-bundled-control {
  top: 5px !important;
  right: 40px !important;
}
.mapp-ib-tip {
  z-index: 99999;
  width: 13px;
  height: 13px;
  background: url("../images/fleche-carte.png") no-repeat 0 0 transparent;
}
.mapp-iw {
  padding-top: 20px;
  padding-right: 26px;
  z-index: 99999;
}
.mapp-iw .mapp-title {
  font: 14px allerbold, helvetica, arial, sans-serif;
  color: #171615;
  text-transform: uppercase;
}
.mapp-iw .mapp-links {
  display: none !important;
}
.mapp-iw .mapp-ib-close {
  width: 15px;
  height: 15px !important;
  position: absolute;
  right: 7px;
  top: 7px;
  margin: 0;
  padding: 0;
  background: url("../images/sprite.png") no-repeat center -2416px transparent !important;
  border: none;
  cursor: pointer;
  opacity: 0.7;
  z-index: 99999;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  text-indent: -999px;
  overflow: hidden;
}
.mapp-iw .mapp-ib-close:hover {
  opacity: 1;
}
.mapp-iw .mapp-body {
  padding-top: 15px;
}
.mapp-iw .mapp-body p {
  font: 14px allerlight, arial, helvetica, sans-serif !important;
  color: #000000;
  margin: 2px 0 !important;
}
.mapp-iw .mapp-body a {
  padding: 3px 25px 8px 30px !important;
  overflow: hidden;
  color: #fff !important;
  display: inline-block;
  text-decoration: none !important;
  font: 14px allerbold, arial, helvetica, sans-serif;
  text-transform: uppercase;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  text-shadow: 2px 2px 0 #c48b01;
  margin-top: 5px !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2b600), to(#e09a01));
  background: -webkit-linear-gradient(top, #f2b600, #e09a01);
  background: -moz-linear-gradient(top, #f2b600, #e09a01);
  background: -o-linear-gradient(top, #f2b600, #e09a01);
  background: linear-gradient(top, #f2b600, #e09a01);
  border-radius: 5px;
  border-top: 2px solid #f6cb45;
  position: relative;
}
.mapp-iw .mapp-body a:after {
  content: url("../images/btn_gform.png");
  width: 26px;
  height: 26px;
  float: left;
  margin-right: 5px;
  position: absolute;
  top: 5px;
  left: 5px;
}
.mapp-iw .mapp-body a:hover {
  color: #fff;
  text-shadow: 2px 2px 0 #cda344;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4c333), to(#e7af34));
  background: -webkit-linear-gradient(top, #f4c333, #e7af34);
  background: -moz-linear-gradient(top, #f4c333, #e7af34);
  background: -o-linear-gradient(top, #f4c333, #e7af34);
  background: linear-gradient(top, #f4c333, #e7af34);
}
/*********************
BLOCS PAGE ACCUEIL
*********************/
#bas_page {
  display: inline-block;
  float: left;
  z-index: 98;
}
#events {
  display: block;
  width: 100%;
  height: 250px;
  overflow: hidden;
  float: left;
  border-right: solid 1px #fff;
  position: relative;
}
#events div.event {
  position: relative;
  height: 250px;
  overflow: hidden;
  background-color: #fff;
}
#events div.event img {
  width: 100%;
  height: auto;
}
#events .eventfooter {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(../images/fond-blanc.png) repeat;
}
#events .eventfooter .extrait {
  text-decoration: underline;
  padding: 11px 10px 6px ;
  float: left;
  width: 85%;
  color: #777;
  font: 13px/16px dejavu, serif;
}
#events .eventfooter .date {
  font: 12px allerlight,arial,helvetica;
  text-transform: uppercase;
  color: #171615;
  padding: 17px 6px 26px;
  border-right: dotted 1px #c1c2c2;
  float: left;
  width: 15%;
}
#events .eventfooter .date span {
  font: 14px allerbold,arial,helvetica;
}
#events .bx-controls {
  position: absolute;
  width: 100%;
  top: 40%;
  height: 40px;
  margin-top: -40px;
}
#events .bx-controls .bx-prev,
#events .bx-controls .bx-next {
  height: 40px;
  width: 30px;
  text-indent: -2000px;
  display: inline-block;
  opacity: 0.6;
  background: url(../images/sprite.png) no-repeat -11px -2859px #fff;
  left: 0;
  top: 0;
  position: absolute;
}
#events .bx-controls .bx-prev:hover,
#events .bx-controls .bx-next:hover {
  opacity: 0.7;
}
#events .bx-controls .bx-next {
  background-position: -13px -2929px;
  left: auto;
  right: 0;
}
#logiciels {
  width: 67%;
  height: auto;
  display: inline-block;
  float: left;
  position: relative;
  overflow: hidden;
  border-right: solid 1px #fff;
}
#logiciels .bx-wrapper,
#logiciels .bx-viewport {
  width: 100%;
  overflow: hidden;
}
#logiciels .bx-window {
  z-index: 1;
}
#logiciels ul {
  height: 100%;
  margin: 0;
}
#logiciels ul .slide {
  overflow: hidden;
  display: inline-block;
}
#logiciels ul .slide a {
  display: inline-block;
  float: left;
  width: 100%;
  height: auto;
}
#logiciels ul .slide img {
  height: auto;
  margin-top: -3px;
  float: left;
  width: 100%;
}
#logiciels ul .slide .lien_logiciel {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font: 20px allerlight, arial,helvetica;
  text-transform: uppercase;
  text-decoration: none;
}
#logiciels ul .slide .lien_logiciel span {
  font-family: allerbold;
  padding-left: 30px;
  background: url(../images/sprite.png) no-repeat -14px -2790px;
}
#logiciels .bx-controls {
  position: absolute;
  width: 100%;
  top: 50%;
  height: 40px;
  margin-top: -20px;
}
#logiciels .bx-controls .bx-prev,
#logiciels .bx-controls .bx-next {
  height: 40px;
  width: 30px;
  text-indent: -2000px;
  display: inline-block;
  background: url(../images/sprite.png) no-repeat -12px -1299px;
  left: 3px;
  top: 0;
  position: absolute;
}
#logiciels .bx-controls .bx-prev:hover,
#logiciels .bx-controls .bx-next:hover {
  opacity: 0.6;
}
#logiciels .bx-controls .bx-next {
  background-position: -12px -1459px;
  left: auto;
  right: 0;
}
#bibliotheque,
#contact {
  width: 33%;
  height: auto;
  display: inline-block;
  float: left;
  position: relative;
  text-decoration: none;
}
#bibliotheque:hover,
#contact:hover {
  opacity: 0.6;
}
#bibliotheque img,
#contact img {
  width: 100%;
  height: auto;
  float: left;
}
#bibliotheque span,
#contact span {
  font: 17px allerlight, arial,helvetica;
  text-transform: uppercase;
  color: #fffefe;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: center;
}
#bibliotheque span#prem,
#contact span#prem {
  font-size: 11px;
  font-family: allerbold;
  bottom: 29px;
  color: #fff;
}
#bibliotheque span#deux,
#contact span#deux {
  font-size: 11px;
  color: #fff;
  bottom: 11px;
}
#bibliotheque {
  border-bottom: solid 1px #fff;
}
/*********************
Background personnalisé
*********************/
#fondpage {
  display: none;
}
/*********************
POSTS & CONTENT STYLES
*********************/
#main {
  background: url(../images/fondpage.jpg) no-repeat top center #e0eaf0;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 60px;
}
#main article {
  padding: 0 2%;
  display: inline-block;
}
.home #main {
  padding-bottom: 0;
}
.search-results #main h1.archive-title {
  padding: 0 2%;
}
.search-results #main article {
  padding: 20px 0 20px 0;
  margin: 0 2%;
  height: auto !important;
  border-bottom: 1px solid #f3b800;
  width: 96%;
}
.search-results #main article:last-child {
  border: none;
}
/*********************
LOGICIELS
*********************/
body.page-template-logiciels-php #inner-content,
body.page-template-documents-php #inner-content,
body.post-type-archive-document #inner-content,
body.page-template-conseils-php #inner-content,
body.page-template-actualites-php #inner-content {
  height: 100%;
  display: inline-block;
}
body.page-template-logiciels-php #inner-content #main,
body.page-template-documents-php #inner-content #main,
body.post-type-archive-document #inner-content #main,
body.page-template-conseils-php #inner-content #main,
body.page-template-actualites-php #inner-content #main {
  height: 100%;
  display: inline-block;
}
body.page-template-logiciels-php #inner-content #main article,
body.page-template-documents-php #inner-content #main article,
body.post-type-archive-document #inner-content #main article,
body.page-template-conseils-php #inner-content #main article,
body.page-template-actualites-php #inner-content #main article {
  padding: 0 2%;
  display: inline-block;
  float: left;
  clear: both;
  height: 100% !important;
}
body.page-template-logiciels-php #inner-content #main article .post-content,
body.page-template-documents-php #inner-content #main article .post-content,
body.post-type-archive-document #inner-content #main article .post-content,
body.page-template-conseils-php #inner-content #main article .post-content,
body.page-template-actualites-php #inner-content #main article .post-content {
  display: inline-block;
  float: left;
}
body.page-template-logiciels-php #inner-content #main article .post-content p,
body.page-template-documents-php #inner-content #main article .post-content p,
body.post-type-archive-document #inner-content #main article .post-content p,
body.page-template-conseils-php #inner-content #main article .post-content p,
body.page-template-actualites-php #inner-content #main article .post-content p {
  display: inline-block;
  float: left;
}
body.page-template-logiciels-php #inner-content #main #filtrage,
body.page-template-documents-php #inner-content #main #filtrage,
body.post-type-archive-document #inner-content #main #filtrage,
body.page-template-conseils-php #inner-content #main #filtrage,
body.page-template-actualites-php #inner-content #main #filtrage {
  padding: 0 2%;
  display: inline-block;
  width: 100%;
  float: left;
}
body.page-template-logiciels-php #inner-content #main #filtrage ul#post_tags,
body.page-template-documents-php #inner-content #main #filtrage ul#post_tags,
body.post-type-archive-document #inner-content #main #filtrage ul#post_tags,
body.page-template-conseils-php #inner-content #main #filtrage ul#post_tags,
body.page-template-actualites-php #inner-content #main #filtrage ul#post_tags {
  width: 100%;
  float: left;
  clear: both;
  padding: 10px 17px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f1ec));
  background: -webkit-linear-gradient(top, #fff, #f5f1ec);
  background: -moz-linear-gradient(top, #fff, #f5f1ec);
  background: -o-linear-gradient(top, #fff, #f5f1ec);
  background: linear-gradient(top, #fff, #f5f1ec);
}
body.page-template-logiciels-php #inner-content #main #filtrage ul#post_tags li,
body.page-template-documents-php #inner-content #main #filtrage ul#post_tags li,
body.post-type-archive-document #inner-content #main #filtrage ul#post_tags li,
body.page-template-conseils-php #inner-content #main #filtrage ul#post_tags li,
body.page-template-actualites-php #inner-content #main #filtrage ul#post_tags li {
  cursor: pointer;
  font: 14px allerbold,arial,helvetica;
  color: #171615;
  display: inline-block;
  width: 100%;
  padding: 5px 0;
}
body.page-template-logiciels-php #inner-content #main #filtrage ul#post_tags li span,
body.page-template-documents-php #inner-content #main #filtrage ul#post_tags li span,
body.post-type-archive-document #inner-content #main #filtrage ul#post_tags li span,
body.page-template-conseils-php #inner-content #main #filtrage ul#post_tags li span,
body.page-template-actualites-php #inner-content #main #filtrage ul#post_tags li span {
  border-bottom: 1px solid #9c9996;
}
body.page-template-logiciels-php #inner-content #main #filtrage ul#post_tags li#active,
body.page-template-documents-php #inner-content #main #filtrage ul#post_tags li#active,
body.post-type-archive-document #inner-content #main #filtrage ul#post_tags li#active,
body.page-template-conseils-php #inner-content #main #filtrage ul#post_tags li#active,
body.page-template-actualites-php #inner-content #main #filtrage ul#post_tags li#active {
  padding: 5px 0;
}
body.page-template-logiciels-php #inner-content #main #filtrage ul#post_tags li#active span,
body.page-template-documents-php #inner-content #main #filtrage ul#post_tags li#active span,
body.post-type-archive-document #inner-content #main #filtrage ul#post_tags li#active span,
body.page-template-conseils-php #inner-content #main #filtrage ul#post_tags li#active span,
body.page-template-actualites-php #inner-content #main #filtrage ul#post_tags li#active span {
  color: #f3b800;
}
body.page-template-logiciels-php #inner-content #main #filtrage #posts,
body.page-template-documents-php #inner-content #main #filtrage #posts,
body.post-type-archive-document #inner-content #main #filtrage #posts,
body.page-template-conseils-php #inner-content #main #filtrage #posts,
body.page-template-actualites-php #inner-content #main #filtrage #posts {
  display: inline-block;
  padding-bottom: 30px;
  min-height: 600px;
  width: 100%;
}
body.page-template-logiciels-php #inner-content #main #filtrage #posts article,
body.page-template-documents-php #inner-content #main #filtrage #posts article,
body.post-type-archive-document #inner-content #main #filtrage #posts article,
body.page-template-conseils-php #inner-content #main #filtrage #posts article,
body.page-template-actualites-php #inner-content #main #filtrage #posts article {
  width: 100%;
  float: left;
  margin-bottom: 8px;
  padding: 20px;
  background-color: #fff;
  margin-top: 0;
}
body.page-template-logiciels-php #inner-content #main #filtrage #posts article header,
body.page-template-documents-php #inner-content #main #filtrage #posts article header,
body.post-type-archive-document #inner-content #main #filtrage #posts article header,
body.page-template-conseils-php #inner-content #main #filtrage #posts article header,
body.page-template-actualites-php #inner-content #main #filtrage #posts article header {
  float: left;
  display: inline-block;
  width: 100%;
  text-align: left;
  margin-bottom: 13px;
}
body.page-template-logiciels-php #inner-content #main #filtrage #posts article section,
body.page-template-documents-php #inner-content #main #filtrage #posts article section,
body.post-type-archive-document #inner-content #main #filtrage #posts article section,
body.page-template-conseils-php #inner-content #main #filtrage #posts article section,
body.page-template-actualites-php #inner-content #main #filtrage #posts article section {
  float: none;
  width: 100%;
  display: inline-block;
}
body.page-template-logiciels-php #inner-content #main #filtrage #posts article section span,
body.page-template-documents-php #inner-content #main #filtrage #posts article section span,
body.post-type-archive-document #inner-content #main #filtrage #posts article section span,
body.page-template-conseils-php #inner-content #main #filtrage #posts article section span,
body.page-template-actualites-php #inner-content #main #filtrage #posts article section span {
  width: 100%;
  display: inline-block;
}
body.page-template-logiciels-php #inner-content #main #filtrage #posts article section h2,
body.page-template-documents-php #inner-content #main #filtrage #posts article section h2,
body.post-type-archive-document #inner-content #main #filtrage #posts article section h2,
body.page-template-conseils-php #inner-content #main #filtrage #posts article section h2,
body.page-template-actualites-php #inner-content #main #filtrage #posts article section h2 {
  margin: -5px 0 15px 0;
}
body.page-template-logiciels-php #inner-content #main #filtrage #posts article section h2 a,
body.page-template-documents-php #inner-content #main #filtrage #posts article section h2 a,
body.post-type-archive-document #inner-content #main #filtrage #posts article section h2 a,
body.page-template-conseils-php #inner-content #main #filtrage #posts article section h2 a,
body.page-template-actualites-php #inner-content #main #filtrage #posts article section h2 a {
  color: #171615;
  font: 26px allerbold,arial,helvetica;
  display: block;
  line-height: 28px;
  text-decoration: none;
}
body.page-template-logiciels-php #inner-content #main #filtrage #posts article section a.lien,
body.page-template-documents-php #inner-content #main #filtrage #posts article section a.lien,
body.post-type-archive-document #inner-content #main #filtrage #posts article section a.lien,
body.page-template-conseils-php #inner-content #main #filtrage #posts article section a.lien,
body.page-template-actualites-php #inner-content #main #filtrage #posts article section a.lien {
  margin-left: -5px;
  margin-top: 5px;
}
/*********************
SINGLE LOGICIEL
*********************/
.single-logiciel #main article {
  width: 100%;
  height: auto !important;
}
.single-logiciel #main #sidebar {
  /*height:328px;*/
  width: 96%;
  position: relative;
  margin-top: 210px;
  margin: 40px auto 0 auto;
  text-align: center;
}
.single-logiciel #main #sidebar #mon_visuel {
  float: none;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.single-logiciel #main #sidebar #mon_visuel span#lightbox {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/sprite.png) center -2553px;
}
.single-logiciel #main #sidebar #mon_visuel img {
  cursor: pointer;
  width: 100%;
  height: auto;
}
.single-logiciel #main #sidebar #galerie {
  width: 100%;
  height: auto;
  margin: 4px 0 8px 0;
}
.single-logiciel #main #sidebar #galerie .gallery {
  width: auto;
  height: auto;
}
.single-logiciel #main #sidebar #galerie .gallery br {
  display: none;
}
.single-logiciel #main #sidebar #galerie .gallery .gallery-item {
  margin: 0 8px 0 0;
  float: left;
}
.single-logiciel #main #sidebar #galerie .gallery .gallery-item .gallery-icon a {
  display: inline-block;
  background-color: #000;
  height: 65px;
  overflow: hidden;
  margin-bottom: 10px;
}
.single-logiciel #main #sidebar #galerie .gallery .gallery-item .gallery-icon a img {
  width: 106px;
  height: auto;
  opacity: 0.6;
  float: left;
}
.single-logiciel #main #sidebar #galerie .gallery .gallery-item.active .gallery-icon a img {
  opacity: 1;
}
.single-logiciel #main #sidebar #galerie .mCustomScrollbar .mCustomScrollBox .mCSB_container {
  margin-bottom: 0;
}
.single-logiciel #main #sidebar #galerie .mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer {
  margin-top: 2px;
}
.single-logiciel #main #sidebar #galerie .mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger {
  top: 3px;
}
.single-logiciel #main #sidebar #galerie .mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
  height: 3px;
  background-color: #fff;
  border-radius: 0;
  border-left: 2px solid #c8c8c8;
  border-right: 2px solid #c8c8c8;
}
.single-logiciel #main #sidebar #galerie .mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail {
  height: 7px;
  background-color: #c8c8c8;
  border-radius: 0;
}
.single-logiciel #main #sidebar #fiche,
.single-logiciel #main #sidebar #video {
  width: 48%;
  height: auto;
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.single-logiciel #main #sidebar #fiche img,
.single-logiciel #main #sidebar #video img {
  width: 100%;
  opacity: 1;
  float: left;
  transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
}
.single-logiciel #main #sidebar #fiche img:hover,
.single-logiciel #main #sidebar #video img:hover {
  opacity: 0.7;
}
.single-logiciel #main #sidebar #fiche span,
.single-logiciel #main #sidebar #video span {
  position: absolute;
  bottom: 12px;
  left: 0;
  width: 100%;
  text-align: center;
  display: inline-block;
  color: #fffefe;
  font: 15px allerlight, arial,helvetica;
  text-transform: uppercase;
}
.single-logiciel #main #sidebar #fiche span strong,
.single-logiciel #main #sidebar #video span strong {
  font-family: allerbold;
}
.single-logiciel #main #sidebar #video {
  margin-left: 4px;
}
.single-logiciel #main #sidebar #video span {
  bottom: 22px;
  color: #9f9e9e;
}
.single-logiciel .galleria-close,
.single-logiciel .galleria-link,
.single-logiciel .galleria-link-flickr,
.single-logiciel .galleria-link-refresh,
.single-logiciel .galleria-link-map,
.single-logiciel .galleria-link-bookmark,
.single-logiciel .galleria-thumb-nav-left,
.single-logiciel .galleria-thumb-nav-right,
.single-logiciel .galleria-info-link,
.single-logiciel .galleria-info-close,
.single-logiciel .galleria-image-nav-left,
.single-logiciel .galleria-image-nav-right {
  background-image: url(../images/fs-map.png);
  height: 50px;
}
.single-logiciel .galleria-container {
  background: url(../images/fond_layer.png) repeat 0 0 transparent;
}
/*********************
Partage de documents
*********************/
.doc-share {
  display: inline-block;
  margin: 0 0 0 20px;
  position: relative;
  top: 10px;
}
.doc-share a {
  text-decoration: none;
}
.doc-share a:hover {
  opacity: 0.8;
}
/*********************
ÉVÉNEMENTS
*********************/
.page-template-events-php #main article {
  width: 100%;
}
.page-template-events-php #main article section #liste {
  position: relative;
}
.page-template-events-php #main article section #liste #em-wrapper {
  position: relative;
}
.page-template-events-php #main article section #liste #searchevent {
  font-weight: bold;
  color: #171615;
  font: 16px allerbold, helvetica, arial, sans-serif;
  float: left;
  padding: 0 0 0 30px;
  background: url(../images/sprite.png) no-repeat -17px -1011px transparent;
  margin-right: 20px;
  margin-bottom: 15px;
}
.page-template-events-php #main article section #liste .css-events-list {
  padding-top: 35px;
  margin-top: 20px;
  border-top: 1px solid #bcb7b2;
  display: inline-block;
  width: 100%;
  float: left;
}
.page-template-events-php #main article section #liste .css-events-list .em-pagination {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 30px;
}
.page-template-events-php #main article section #liste .css-events-list .em-pagination a {
  color: #000;
  text-decoration: none;
  margin: 0 5px;
}
.page-template-events-php #main article section #liste .css-events-list .em-pagination a.next,
.page-template-events-php #main article section #liste .css-events-list .em-pagination a.prev {
  text-decoration: underline;
}
.page-template-events-php #main article section #liste .css-events-list .em-pagination span {
  margin: 0 5px;
}
.page-template-events-php #main article section #liste .css-events-list .em-pagination span.current {
  color: #e09a01;
  font: 14px dejavu,arial,helvetica,serif;
}
.page-template-events-php #main article section #liste #voircalendrier,
.page-template-events-php #main article section #liste #voirliste,
.page-template-events-php #main article section #liste #pastevents {
  background: url('../images/sprite.png') no-repeat -15px -155px;
  display: inline-block;
  color: #f3b800;
  font: 14px dejavu, arial, helvetica, serif;
  text-decoration: underline;
  cursor: pointer;
  padding-left: 28px;
  margin-left: -5px;
  margin-top: 15px;
  float: left;
}
.page-template-events-php #main article section #liste #voircalendrier:hover,
.page-template-events-php #main article section #liste #voirliste:hover,
.page-template-events-php #main article section #liste #pastevents:hover {
  color: #e09a01;
}
.page-template-events-php #main article section #liste #voircalendrier {
  padding-left: 28px;
  margin-left: -5px;
  margin-top: 15px;
  margin-bottom: 40px;
}
.page-template-events-php #main article section #liste #voirliste {
  display: none;
}
.page-template-events-php #main article section #liste #pastevents {
  position: absolute;
  left: 0;
  top: 120px;
  margin-top: 0;
}
.page-template-events-php #main article section #liste #toutes {
  border-radius: 5px;
  color: #171615;
  font: 14px dejavu,serif;
  border: 1px solid #777;
  padding: 1px 75px 1px 5px;
  width: 100%;
  background: url(../images/sprite.png) no-repeat right -465px #fff;
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin-top: 2px;
}
.page-template-events-php #main article section #liste #toutes ul {
  background-color: #fff;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #171615;
  font: 14px dejavu,serif;
  border: 1px solid #777;
  border-top: none;
  width: 100.6%;
  position: absolute;
  top: 7px;
  z-index: 999;
  left: -1px;
  display: none;
}
.page-template-events-php #main article section #liste #toutes ul li {
  list-style-image: none;
  background: none;
  padding: 0;
}
.page-template-events-php #main article section #liste #toutes ul li a {
  text-decoration: none;
  color: #171615;
  width: 100%;
  display: inline-block;
  padding: 5px;
}
.page-template-events-php #main article section #liste #toutes ul li a:hover {
  color: #f3b800;
}
.page-template-events-php #main article section #liste #toutes:hover ul {
  display: block;
}
.page-template-events-php #main article section #liste article {
  width: 100%;
  float: left;
  margin-bottom: 8px;
  padding: 20px 20px 50px;
  background-color: #fff;
  display: inline-block;
  height: 100% !important;
}
.page-template-events-php #main article section #liste article header {
  width: 100%;
  float: left;
  display: inline-block;
  text-align: center;
}
.page-template-events-php #main article section #liste article header img {
  margin: 0;
}
.page-template-events-php #main article section #liste article section {
  float: none;
  display: inline-block;
  width: 100%;
}
.page-template-events-php #main article section #liste article section h2 {
  padding: 0;
  margin: 0;
}
.page-template-events-php #main article section #liste article section h2 a {
  color: #171615;
  font: 16px/10px allerbold, arial, helvetica;
  text-decoration: none;
  line-height: 25px;
}
.page-template-events-php #main article section #liste article section .btn1 {
  float: left;
  margin-top: 8px;
}
.page-template-events-php #main article section #liste article section .lien {
  margin: 18px 0 0 10px;
}
.page-template-events-php #main article section #liste article section span.date {
  margin-top: 0;
  display: block;
}
.page-template-events-php #main article section #liste article section p {
  margin: 4px 0;
  width: 100%;
  display: inline-block;
}
.page-template-events-php #main article section .em-calendar {
  background-color: #fff;
  width: 100%;
  padding: 10px;
  display: inline-block;
}
.page-template-events-php #main article section .em-calendar thead,
.page-template-events-php #main article section .em-calendar tbody,
.page-template-events-php #main article section .em-calendar tr {
  width: 100%;
}
.page-template-events-php #main article section .em-calendar thead td,
.page-template-events-php #main article section .em-calendar tbody td,
.page-template-events-php #main article section .em-calendar tr td {
  width: 10%;
}
.page-template-events-php #main article section #calendrier {
  width: 100%;
  opacity: 0;
  position: absolute;
  top: -5000px;
  margin-top: 90px;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper {
  background-color: #fff;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header {
  padding: 8px;
  display: inline-block;
  height: 45px;
  float: left;
  border-bottom: 1px solid #ddd !important;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody {
  width: 100%;
  display: inline-block;
  float: left;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr {
  width: 100%;
  float: left;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-left {
  width: 25%;
  float: left;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-left .fc-button-today {
  display: none;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-left .ui-state-default {
  background-color: #f2b600;
  height: 28px;
  border: none;
  border-top: 2px solid #f5c634;
  border-right: 1px solid #d59c00;
  margin-right: 1px;
  /* Navigateurs récents */
  background: -webkit-gradient(linear, left top, left bottom, from(#f2b600), to(#e09a01));
  background: -webkit-linear-gradient(top, #f2b600, #e09a01);
  background: -moz-linear-gradient(top, #f2b600, #e09a01);
  background: -o-linear-gradient(top, #f2b600, #e09a01);
  background: linear-gradient(top, #f2b600, #e09a01);
  transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-left .ui-state-default:hover {
  border-right: 1px solid #d59c00;
  opacity: 0.9;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-left .ui-state-default + .ui-state-default {
  border-right: none;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-left .ui-state-default + .ui-state-default:hover {
  border-right: none;
  opacity: 0.9;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-left .ui-state-default .ui-icon {
  background: url(../images/sprite.png) no-repeat center -2616px transparent;
  width: 20px;
  height: 20px;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-left .ui-state-default .ui-icon.ui-icon-circle-triangle-e {
  background-position: center -2662px;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-left .ui-state-default .fc-button-inner .fc-button-content {
  padding: 0 15px;
  color: #171615;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-center {
  width: 44%;
  float: left;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-center .fc-header-title h2 {
  color: #171615;
  font: 20px allerbold, helvetica, arial, sans-serif !important;
  text-transform: uppercase  !important;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-center .fc-header-title h2 span {
  font: 20px allerlight, helvetica, arial, sans-serif !important;
  text-transform: uppercase  !important;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-right {
  width: 31%;
  float: right;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-right .ui-state-default {
  background-color: #f2b600;
  height: 28px;
  border: none;
  border-top: 2px solid #f5c634;
  border-right: 1px solid #d59c00;
  margin-right: 1px;
  /* Navigateurs récents */
  background: -webkit-gradient(linear, left top, left bottom, from(#f2b600), to(#e09a01));
  background: -webkit-linear-gradient(top, #f2b600, #e09a01);
  background: -moz-linear-gradient(top, #f2b600, #e09a01);
  background: -o-linear-gradient(top, #f2b600, #e09a01);
  background: linear-gradient(top, #f2b600, #e09a01);
  transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-right .ui-state-default:hover {
  border-right: 1px solid #d59c00 !important;
  opacity: 0.9;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-right .ui-state-default .fc-button-inner .fc-button-content {
  padding: 1px 15px;
  font: 14px allerbold,helvetica,arial;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 1px 1px #c48a01;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-content .fc-view table {
  border: none;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-content .fc-view table thead {
  border: none;
  border-bottom: 1px solid #ddd !important;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-content .fc-view table thead tr {
  border: none;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-content .fc-view table thead tr th {
  background: none;
  border: 0;
  font: 20px allerbold, helvetica, arial, sans-serif !important;
  color: #171615;
  text-transform: uppercase  !important;
  padding: 15px 0;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-content .fc-view table tbody .ui-widget-content {
  border: 1px solid #ddd;
  color: #444;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-content .fc-view table tbody .ui-widget-content div {
  min-height: 60px !important;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-content .fc-view table tbody .ui-widget-content div div {
  padding: 10px;
  font: 16px allerlight,helvetica,arial !important;
  color: #777;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-content .fc-view table tbody .ui-widget-content div div.fc-day-content {
  padding: 0;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-content .fc-view table tbody .ui-widget-content div div.fc-day-content div {
  padding: 0;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-content .fc-view table tbody tr td.fc-first {
  border-left: none !important;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-content .fc-view table + div a {
  border: none;
  background-color: #f1f1f1 !important;
  padding: 15px 0;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-content .fc-view table + div a div {
  border: none;
  background-color: transparent !important;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-content .fc-view table + div a div .fc-event-time {
  color: #777;
  font: 14px allerlight, helvetica, arial sans-serif;
}
.page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-content .fc-view table + div a div .fc-event-title {
  color: #777;
  font: 12px allerbold, helvetica, arial sans-serif;
  text-transform: uppercase;
  margin-left: 5px;
  text-decoration: underline;
}
/*** SINGLE EVENT ***/
.single-event #main article {
  width: 100%;
}
.single-event #main article header h1 {
  margin-bottom: 25px;
}
.single-event #main article section.post-content {
  width: 100%;
}
.single-event #main article footer.article-footer {
  width: 100%;
  margin-top: 20px;
  display: inline-block;
  float: left;
}
.single-event #main article #date {
  font: 18px allerlight, helvetica, arial, sans-serif;
  color: #777;
  margin-bottom: 20px;
}
.single-event #main article #infos {
  width: 100%;
  float: left;
}
.single-event #main article #infos > p:first-child,
.single-event #main article #infos > h3:first-child {
  margin: 0;
}
.single-event #main article #infos #reserver {
  cursor: pointer;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 60px;
  display: inline-block;
}
.single-event #layer {
  width: 100%;
  background: url("../images/fond_layer.png") repeat;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  height: 100%;
  z-index: 999999999;
}
.single-event #layer #em-booking {
  width: 100%;
  height: 100%;
}
.single-event #layer #em-booking p span#closed {
  color: #fff;
  margin-left: 20px;
}
.single-event #layer #em-booking .em-booking-form {
  width: 100%;
  height: 100%;
}
.single-event #layer #em-booking .em-booking-form-details {
  padding: 0 30px 30px;
  background-color: #fff;
  width: 95%;
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -47.5%;
}
.single-event #layer #em-booking .em-booking-form-details.message {
  padding-top: 20px;
  color: #000;
}
.single-event #layer #em-booking .em-booking-form-details h2 {
  font-size: 25px;
  line-height: 1;
  margin-top: 12px;
}
.single-event #layer #em-booking .em-booking-form-details #date {
  font: 15px allerlight, helvetica, arial, sans-serif;
  color: #777;
  margin: 10px 0 30px;
}
.single-event #layer #em-booking .em-booking-form-details #fermer {
  font: 15px "Times New Roman", serif;
  color: #fff;
  position: absolute;
  top: -28px;
  right: 0;
  padding: 5px 25px 5px 0;
  background: url(../images/sprite.png) no-repeat right -2511px;
  cursor: pointer;
}
.single-event #layer #em-booking .em-booking-form-details p {
  margin: 5px 0;
  display: inline-block;
  float: left;
  width: 100%;
  position: relative;
}
.single-event #layer #em-booking .em-booking-form-details input,
.single-event #layer #em-booking .em-booking-form-details select,
.single-event #layer #em-booking .em-booking-form-details textarea {
  width: 100%;
  float: right;
  color: #171615;
  font: 14px dejavu, arial, helvetica, serif;
  border: solid 1px #777;
  border-radius: 4px;
  padding: 4px 7px;
}
.single-event #layer #em-booking .em-booking-form-details textarea {
  height: 180px;
}
.single-event #layer #em-booking .em-booking-form-details label {
  width: 100%;
  float: left;
  color: #171615;
  font: 14px dejavu, arial, helvetica, serif;
}
.single-event #layer #em-booking .em-booking-form-details label span.em-form-required {
  color: #f3b800;
}
.single-event #layer #em-booking .em-booking-form-details input[type="checkbox"],
.single-event #layer #em-booking .em-booking-form-details input[type="radio"] {
  opacity: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
  width: 100%;
}
.single-event #layer #em-booking .em-booking-form-details input[type="checkbox"] + label,
.single-event #layer #em-booking .em-booking-form-details input[type="radio"] + label {
  background: url('../images/sprite.png') no-repeat -16px -726px;
  clear: none;
  margin: 0;
  padding: 0 0 0 30px;
  display: inline-block;
  height: 20px;
  cursor: pointer;
  width: 100%;
}
.single-event #layer #em-booking .em-booking-form-details input[type="checkbox"]:hover + label,
.single-event #layer #em-booking .em-booking-form-details input[type="radio"]:hover + label {
  background: url('../images/sprite.png') no-repeat -16px -786px;
}
.single-event #layer #em-booking .em-booking-form-details input[type="checkbox"]:checked + label,
.single-event #layer #em-booking .em-booking-form-details input[type="radio"]:checked + label {
  background: url('../images/sprite.png') no-repeat -16px -845px;
  font-weight: normal;
}
.single-event #layer #em-booking .em-booking-form-details #em-form-partie {
  margin: 5px 0;
  float: right;
  width: 100%;
}
.single-event #layer #em-booking .em-booking-form-details #chooseevents {
  float: left;
  width: 25%;
}
.single-event #layer #em-booking .em-booking-form-details .button {
  color: #fff;
  font: 15px allerbold, sans-serif;
  border: none;
  border-top: 2px solid #f6cb45;
  padding: 2px 0 7px;
  margin: 15px 0 0;
}
.single-event #layer #em-booking .em-booking-form-details #submit-and-stay {
  width: 100%;
  float: right;
  border-top: 1px solid #dedede;
  margin-top: 20px;
  padding-top: 10px;
  text-align: center;
  display: inline-block;
}
.single-event #layer #em-booking .em-booking-form-details #submit-and-stay a {
  text-decoration: underline;
  cursor: pointer;
  display: inline;
  width: auto;
}
.single-event .mapp-layout {
  display: none;
}
.single .mapp-layout {
  border: 3px solid #fff !important;
  width: 100% !important;
  opacity: 0;
  display: inline-block;
  float: left;
}
.single .mapp-layout .mapp-map-links {
  border: none !important;
}
.single .mapp-layout .mapp-canvas > div > div + div + div + div + div + div + div + div > div + div {
  background: url(../images/fond-blanc-opac.png) repeat 0 0 !important;
  width: 39px;
  height: 67px;
}
.single .mapp-layout .mapp-canvas > div > div + div + div + div + div + div + div + div > div + div div {
  background: none !important;
}
.single .mapp-layout .mapp-canvas > div > div + div + div + div + div + div + div + div > div + div.gm-style-mtc,
.single .mapp-layout .mapp-canvas > div > div + div + div + div + div + div + div + div > div + div.gm-style-mtc div {
  background: none #fff !important;
  width: auto;
  height: auto;
}
.single .mapp-layout .mapp-canvas > div > div + div + div + div + div + div + div + div > div + div div + div[title="Zoom avant"],
.single .mapp-layout .mapp-canvas > div > div + div + div + div + div + div + div + div > div + div div + div[title="Zoom arrière"] {
  top: 0 !important;
  width: 25px !important;
  height: 25px !important;
  border: none !important;
  background: url(../images/sprite.png) no-repeat -12px -2703px #f3b800 !important;
  cursor: pointer;
  margin: 7px;
  transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
}
.single .mapp-layout .mapp-canvas > div > div + div + div + div + div + div + div + div > div + div div + div[title="Zoom arrière"] {
  top: 28px !important;
  background-position: -12px -2731px !important;
}
.single .mapp-layout .mapp-canvas > div > div + div + div + div + div + div + div + div > div + div div + div[title="Zoom avant"] div,
.single .mapp-layout .mapp-canvas > div > div + div + div + div + div + div + div + div > div + div div + div[title="Zoom arrière"] div {
  background: none  !important;
}
.single .mapp-layout .mapp-canvas > div > div + div + div + div + div + div + div + div > div + div div + div[title="Zoom avant"]:hover,
.single .mapp-layout .mapp-canvas > div > div + div + div + div + div + div + div + div > div + div div + div[title="Zoom arrière"]:hover {
  background-color: #fdd149 !important;
}
.single .mapp-ib {
  padding-top: 20px;
  padding-right: 26px;
  z-index: 99999;
}
.single .mapp-ib .mapp-title {
  font: 14px allerbold, helvetica, arial, sans-serif;
  color: #171615;
  text-transform: uppercase;
}
.single .mapp-ib .mapp-links {
  display: none !important;
}
.single .mapp-ib .mapp-ib-close {
  width: 15px;
  height: 15px !important;
  position: absolute;
  right: 7px;
  top: 7px;
  margin: 0;
  padding: 0;
  background: url("../images/sprite.png") no-repeat center -2416px transparent !important;
  border: none;
  cursor: pointer;
  opacity: 0.7;
  z-index: 99999;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  text-indent: -999px;
  overflow: hidden;
}
.single .mapp-ib .mapp-ib-close:hover {
  opacity: 1;
}
.single .mapp-ib .mapp-body {
  padding-top: 15px;
}
.single .mapp-ib .mapp-body p {
  margin: 2px 0;
}
.single .mapp-ib .mapp-body a {
  padding: 5px 25px 6px 15px;
  position: relative;
  overflow: hidden;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  font: 14px allerbold, arial, helvetica, sans-serif;
  text-transform: uppercase;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  text-shadow: 2px 2px 0 #c48b01;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2b600), to(#e09a01));
  background: -webkit-linear-gradient(top, #f2b600, #e09a01);
  background: -moz-linear-gradient(top, #f2b600, #e09a01);
  background: -o-linear-gradient(top, #f2b600, #e09a01);
  background: linear-gradient(top, #f2b600, #e09a01);
  border-radius: 5px;
  border-top: 2px solid #f6cb45;
}
.single .mapp-ib .mapp-body a:after {
  content: url("../images/btn_gform.png");
  width: 26px;
  height: 26px;
  float: left;
  margin-right: 5px;
}
.single .mapp-ib .mapp-body a:hover {
  color: #fff;
  text-shadow: 2px 2px 0 #cda344;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4c333), to(#e7af34));
  background: -webkit-linear-gradient(top, #f4c333, #e7af34);
  background: -moz-linear-gradient(top, #f4c333, #e7af34);
  background: -o-linear-gradient(top, #f4c333, #e7af34);
  background: linear-gradient(top, #f4c333, #e7af34);
}
.single .mapp-ib-tip {
  z-index: 99999;
  width: 13px;
  height: 13px;
  background: url("../images/fleche-carte.png") no-repeat 0 0 transparent;
}
.mapp-layout {
  max-width: 100%;
}
#content {
  margin-top: 72px;
}
.home #content {
  margin-top: 0;
}
.page-template-portail-php .mapp-canvas > div > div + div + div + div + div + div + div + div > div + div div[title="Zoom avant"],
.page-template-portail-php .mapp-canvas > div > div + div + div + div + div + div + div + div > div + div div + div[title="Zoom arrière"],
.page-template-portail-php .mapp-canvas > div > div + div + div + div + div + div + div + div > div + div div + div[title="Cliquer pour effectuer un zoom"],
.page-template-portail-php .mapp-canvas > div > div + div + div + div + div + div + div + div > div + div div + div[title="Faire glisser le curseur pour zoomer"] {
  display: none;
}
/* end .hentry */
/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.meta {
  color: #999;
}
/* post content */
.post-content {
  /*
			image alignment on a screen this size may be
			a bit difficult. It's set to start aligning
			and floating images at the next breakpoint,
			but it's up to you. Feel free to change it up.
			*/
}
.post-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.post-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}
.post-content video,
.post-content object {
  max-width: 100%;
  height: auto;
}
.post-content pre,
.post-content code {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}
/* end .post-content */
.wp-caption {
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */
}
.wp-caption img {
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}
/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.page-navigation {
  width: 100%;
  text-align: center;
}
.page-navigation ol.bones_page_navi {
  width: auto;
  margin: 0 auto;
  display: inline-block;
}
.page-navigation ol.bones_page_navi li.bpn-next-link {
  margin-top: 3px;
}
.page-navigation ol.bones_page_navi li.bpn-current {
  border-bottom: none;
  padding: 6px 0;
}
.page-navigation,
.wp-prev-next {
  margin: 1.1em 0 2.2em;
}
.bones_page_navi {
  /* current page link */
  /* end .bones_page_navi .bpn-current */
  /* common styles for page-navi links */
  /* remove the bg on end links */
  /* previous link */
  /* next page link */
  /* first page link */
  /* last page link */
}
.bones_page_navi li {
  float: left;
  margin-left: 10px;
}
.bones_page_navi li a {
  padding: 3px 6px;
  display: block;
  text-decoration: none;
  position: relative;
}
.bones_page_navi li a:hover,
.bones_page_navi li a:focus {
  color: #f01d4f;
  text-decoration: underline;
}
.bones_page_navi li.bpn-current {
  padding: 3px 6px;
  border-bottom: 2px solid #f01d4f;
  position: relative;
}
.bones_page_navi li.bpn-current a {
  /* hovering on current page link */
}
.bones_page_navi li.bpn-prev-link,
.bones_page_navi li.bpn-next-link {
  font-weight: 700;
}
.bones_page_navi li.bpn-prev-link a,
.bones_page_navi li.bpn-next-link a {
  padding: 0;
}
.bones_page_navi li.bpn-prev-link a:hover,
.bones_page_navi li.bpn-next-link a:hover,
.bones_page_navi li.bpn-first-page-link a:hover,
.bones_page_navi li.bpn-last-page-link a:hover {
  background: none;
}
/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}
/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
#comments {
  /* number of comments span */
}
.commentlist {
  /* general comment classes */
  /* vcard */
  /* end .commentlist .vcard */
  /* comment meta */
  /* comment content */
  /* end .commentlist .comment_content */
  /* comment reply link */
  /* end .commentlist .comment-reply-link */
}
.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px;
  /* end .commentlist li ul.children */
}
.commentlist li:last-child {
  margin-bottom: 0;
}
.commentlist li ul.children {
  margin: 0;
  /* variations */
  /* change number for different depth */
}
.commentlist li[class*=depth-] {
  margin-top: 1.1em;
}
.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.commentlist li:not(.depth-1) {
  margin-right: -10px;
  margin-left: -10px;
  margin-top: 0;
  padding-bottom: 0;
}
.commentlist .odd {
  background: #eee;
}
.commentlist .even {
  background: #fefefe;
}
.commentlist .vcard {
  margin-left: 50px;
}
.commentlist .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
.commentlist .vcard time {
  float: right;
}
.commentlist .vcard time a {
  color: #999;
  text-decoration: none;
}
.commentlist .vcard time a:hover {
  text-decoration: underline;
}
.commentlist .vcard img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fff;
}
.commentlist .comment_content {
  margin-left: 50px;
}
.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}
.commentlist .comment-reply-link {
  text-decoration: none;
  float: right;
  background: #4598bb;
  padding: 3px 5px;
  color: #fff;
  opacity: 0.65;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 0.9em;
}
.commentlist .comment-reply-link:hover,
.commentlist .comment-reply-link:focus {
  opacity: 1;
}
/* end .commentlist */
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em;
}
.respond-form form {
  margin: 0.75em 0;
}
.respond-form form li {
  list-style-type: none;
  clear: both;
  margin-bottom: 0.7335em;
}
.respond-form form li label,
.respond-form form li small {
  display: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
  padding: 3px 6px;
  background: #efefef;
  border: 2px solid #cecece;
  line-height: 1.5em;
  /* form validation */
}
.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
  background: #fff;
}
.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
  outline: none;
  border-color: #fbc2c4;
  background-color: #f6e7eb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
  max-width: 400px;
  min-width: 250px;
}
.respond-form form textarea {
  resize: none;
  width: 97.3%;
  height: 150px;
}
/* comment submit button */
/* comment form title */
#comment-form-title {
  margin: 0 0 1.1em;
}
/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}
/* no comments */
.nocomments {
  margin: 0 20px 1.1em;
}
/*********************
SIDEBARS & ASIDES
*********************/
.widget ul li {
  /* deep nesting */
}
/*********************
FOOTER STYLES
*********************/
.footer {
  display: block;
  clear: both;
  width: 100%;
  z-index: 999;
  height: 55px;
  overflow: hidden;
}
.footer #inner-footer {
  width: 100%;
  height: 28px;
  border-top: 1px solid #10100f;
  /* Anciens navigateurs */
  background: #1c1b1a url("../images/gradient-bg.png") repeat-x top;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  overflow: hidden;
  /* Navigateurs récents */
  background: -webkit-gradient(linear, left top, left bottom, from(#343331), to(#1c1b1a));
  background: -webkit-linear-gradient(top, #343331, #1c1b1a);
  background: -moz-linear-gradient(top, #343331, #1c1b1a);
  background: -o-linear-gradient(top, #343331, #1c1b1a);
  background: linear-gradient(top, #343331, #1c1b1a);
}
.footer .menu,
.footer .nav {
  margin: 0;
}
.footer .menu li,
.footer .nav li {
  list-style-image: none;
  float: left;
  display: inline-block;
  /* Anciens navigateurs */
  background: #393939 url("../images/gradient-bgfoot.png") repeat-x top;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  /* Navigateurs récents */
  background: -webkit-gradient(linear, left top, left bottom, from(#4d4c4c), to(#393939));
  background: -webkit-linear-gradient(top, #4d4c4c, #393939);
  background: -moz-linear-gradient(top, #4d4c4c, #393939);
  background: -o-linear-gradient(top, #4d4c4c, #393939);
  background: linear-gradient(top, #4d4c4c, #393939);
}
.footer .menu li a,
.footer .nav li a {
  text-decoration: none;
  font: 11px arial,helvetica;
  color: #d2d1d1;
  padding: 6px 0;
  float: left;
  display: inline-block;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
}
.footer .menu li a[href]:hover,
.footer .nav li a[href]:hover {
  color: #fff;
}
.footer .menu li.fb a,
.footer .nav li.fb a,
.footer .menu li.twt a,
.footer .nav li.twt a,
.footer .menu li.ytb a,
.footer .nav li.ytb a,
.footer .menu li.in a,
.footer .nav li.in a {
  text-indent: -2000px;
  overflow: hidden;
  width: 36px;
  height: 25px;
  border-right: 1px solid #100f0f;
  background: url("../images/sprite.png") no-repeat transparent;
}
.footer .menu li.fb:hover,
.footer .nav li.fb:hover,
.footer .menu li.twt:hover,
.footer .nav li.twt:hover,
.footer .menu li.ytb:hover,
.footer .nav li.ytb:hover,
.footer .menu li.in:hover,
.footer .nav li.in:hover {
  /* Anciens navigateurs */
  background: #535252 url("gradient-bg.png") repeat-x top;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  /* Navigateurs récents */
  background: -webkit-gradient(linear, left top, left bottom, from(#737272), to(#535252));
  background: -webkit-linear-gradient(top, #737272, #535252);
  background: -moz-linear-gradient(top, #737272, #535252);
  background: -o-linear-gradient(top, #737272, #535252);
  background: linear-gradient(top, #737272, #535252);
}
.footer .menu li.twt a,
.footer .nav li.twt a {
  background-position: -7px -1592px;
}
.footer .menu li.fb a,
.footer .nav li.fb a {
  background-position: -7px -1663px;
}
.footer .menu li.ytb a,
.footer .nav li.ytb a {
  background-position: -7px -1717px;
}
.footer .menu li.in a,
.footer .nav li.in a {
  background-position: -7px -3018px;
}
.footer .menu li.followus,
.footer .nav li.followus {
  cursor: default;
}
.footer .menu li.followus a,
.footer .nav li.followus a {
  background: url("../images/followus.png") no-repeat top right;
  padding: 6px 10px 6px 6px;
}
.footer ul {
  float: left;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.footer ul li {
  list-style-image: none;
  float: left;
  /* Anciens navigateurs */
  background: #535252 url("gradient-bg.png") repeat-x top;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  /* Navigateurs récents */
  background: -webkit-gradient(linear, left top, left bottom, from(#737272), to(#535252));
  background: -webkit-linear-gradient(top, #737272, #535252);
  background: -moz-linear-gradient(top, #737272, #535252);
  background: -o-linear-gradient(top, #737272, #535252);
  background: linear-gradient(top, #737272, #535252);
}
.footer .addthis_button_compact {
  font: 11px arial,helvetica;
  background: url("../images/sprite.png") no-repeat -11px -1776px;
  text-decoration: none;
  color: #d2d1d1;
  padding: 6px 10px 6px 26px;
  display: inline-block;
}
.footer .addthis_button_compact .at16nc {
  background: none;
  height: 0;
}
.footer .nav {
  float: right;
  width: 100%;
  background-color: #1f1d1c;
}
.footer .nav li {
  background: none;
}
.footer .nav li a {
  color: #777;
  text-decoration: underline;
  border-left: dashed 1px #3b3a38;
  padding: 6px 10px;
}
#at15s.atm {
  margin-top: 12px;
  margin-left: -31px;
}
#at15s.atm .atm-i {
  background-color: #6f6e6e;
  border: none;
}
#at15s.atm .atm-i a,
#at15s.atm .atm-i span {
  color: #d2d1d1 !important;
  font: 11px arial,helvetica;
}
#at15s.atm .atm-i a:hover,
#at15s.atm .atm-i span:hover {
  background-color: #4c4b4b;
}
#at15s.atm .atm-i .atm-f {
  background-color: #9b9999 !important;
}
#at15s.atm .atm-i .atm-f a,
#at15s.atm .atm-i .atm-f span {
  color: #fff !important;
}
#at15s.atm .atm-i .atm-f:hover {
  background-color: #4c4b4b !important;
}
#at15s.atm #at_auth:hover {
  background-color: #4c4b4b;
}
/*
	if you checked out the link above:
	http://www.alistapart.com/articles/organizing-mobile/
	you'll want to style the footer nav
	a bit more in-depth. Remember to keep
	it simple because you'll have to
	override these styles for the desktop
	view.
	*/
/* end .footer-links */
body.page-template-documents-php #inner-content #main #filtrage #posts article section .share-btns span,
body.post-type-archive-document #inner-content #main #filtrage #posts article section .share-btns span {
  width: auto;
}
.share-btns {
  display: block;
  height: 20px;
  margin: 10px 0;
  overflow: hidden;
  position: relative;
}
.share-btns .linkedin-btn,
.share-btns .facebook-btn,
.share-btns .twitter-btn {
  float: left;
  max-width: 30%;
  margin-right: 3%;
}
.share-btns .facebook-btn iframe {
  max-width: 100%;
}
.linkedin-label {
  display: none;
}
.linkedin-label + br {
  display: none;
}
.linkedin-label + br + script + br {
  display: none;
}
@media only screen and (min-width: 768px) {
  .btn2 {
    font-size: 19px;
    padding: 9px 20px 16px 55px;
  }
  .btn2 span {
    background-position: -15px -75px;
    width: 40px;
    height: 50px;
    top: 6px;
  }
  h1 {
    line-height: 1;
    font: 45px allerbold, arial, helvetica, sans-serif;
    margin: 40px 0 50px 0;
  }
  h2 {
    margin: 0.83em 0;
    font: 45px allerbold, arial, helvetica, sans-serif;
  }
  h2.search-title a {
    font: 30px allerbold, arial, helvetica, sans-serif;
    color: #171615;
    text-decoration: none;
  }
  h3 {
    font: 25px allerbold, arial, helvetica, sans-serif;
    color: #171615;
  }
  /*********************
UI DIALOG
*********************/
  #dialog {
    display: none;
    position: absolute;
    width: 80%;
    margin-left: -40%;
    left: 50%;
    top: 200px;
  }
  #dialog > h2:first-child {
    margin-top: -19px;
  }
  /*********************
HEADER SYTLES
*********************/
  .header {
    height: 119px;
  }
  #top-header span#currentsite,
  #top-header #client {
    width: auto;
    float: right;
    padding: 6px 20px 0;
  }
  #top-header ul {
    z-index: 9999999;
  }
  #inner-header {
    height: 90px;
  }
  #inner-header #logo {
    height: 90px;
    width: 215px;
    background-size: 243px 90px;
  }
  #inner-header #logo a {
    height: 90px;
    width: 215px;
    display: inline-block;
    float: left;
  }
  #inner-header #logo img {
    height: auto !important;
    margin-top: 15px !important;
    margin-left: 18px !important;
  }
  #inner-header #logo img.actuaris {
    margin-top: 5px !important;
    margin-left: -16px !important;
  }
  #inner-header #trigger {
    text-indent: 0;
    color: #666;
    overflow: hidden;
    background-position: 48px -3px;
    padding-right: 101px;
    padding-top: -2px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    font-family: allerbold;
    margin-top: 26px;
  }
  #inner-header #searchform {
    padding: 0;
    top: 42px;
    padding-top: 0;
    cursor: pointer;
    z-index: 999999;
  }
  #inner-header #searchform span {
    background: url(../images/sprite.png) 0 -1936px no-repeat #fff;
    cursor: pointer;
  }
  #inner-header #searchform input[type="text"] {
    width: 393px;
  }
  #inner-header #searchform input[type="submit"] {
    top: 16px;
  }
  #mp-menu {
    position: fixed;
    top: 119px;
    left: -50%;
    z-index: 99;
    width: 50% !important;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /* overlap */
  }
  #mp-menu .mp-level.mp-level-open {
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .mobile_menu {
    display: none;
  }
  .home #inner-header h1 {
    height: 90px;
    width: 210px;
  }
  section#section {
    margin-top: 119px;
  }
  /*** Colonnage ***/
  .one-half {
    width: 47%;
  }
  .one-third {
    width: 30%;
  }
  .two-third {
    width: 64%;
  }
  .first {
    clear: left;
    margin-right: 6%;
  }
  .last {
    margin-left: 1%;
  }
  /*********************
NAVIGATION STYLES
*********************/
  nav#menu_head {
    position: relative;
    height: 90px;
    z-index: 9999;
    display: block;
    width: auto;
    float: right;
    /* end .nav */
  }
  nav#menu_head .nav {
    border: 0;
    float: right;
    margin: 25px 50px 25px 0;
    /* end .menu ul li */
  }
  nav#menu_head .nav li {
    float: left;
    position: relative;
    list-style-image: none;
    /*
			plan your menus and drop-downs wisely.
			*/
    /* showing sub-menus */
  }
  nav#menu_head .nav li a {
    color: #171615;
    font: 14px allerlight, arial, helvetica, sans-serif;
    display: block;
    text-decoration: none;
    padding: 10px 6px;
    cursor: default;
  }
  nav#menu_head .nav li a[href] {
    cursor: pointer;
  }
  nav#menu_head .nav li a:hover,
  nav#menu_head .nav li a:focus {
    color: #f3b800;
  }
  nav#menu_head .nav li.home a {
    text-indent: -2000px;
    background: url(../images/sprite.png) -3px -1096px no-repeat;
    width: 40px;
    height: 40px;
  }
  nav#menu_head .nav li.home a:hover {
    background-position: -5px -1190px;
  }
  nav#menu_head .nav li ul.sub-menu,
  nav#menu_head .nav li ul.children {
    width: 200px;
    border-top: 0;
    position: absolute;
    display: none;
    margin: 0;
    z-index: 9999;
    padding-top: 35px;
  }
  nav#menu_head .nav li ul.sub-menu:before,
  nav#menu_head .nav li ul.children:before {
    content: url(../images/submenu.png);
    position: absolute;
    top: 22px;
    left: 25px;
    width: 15px;
    height: 8px;
    display: inline-block;
  }
  nav#menu_head .nav li ul.sub-menu li,
  nav#menu_head .nav li ul.children li {
    width: 100%;
    /*
					if you need to go deeper, go nuts
					just remember deeper menus suck
					for usability. k, bai.
					*/
  }
  nav#menu_head .nav li ul.sub-menu li a,
  nav#menu_head .nav li ul.children li a {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    width: 100%;
    display: inline-block;
    font: 14px allerlight,arial,helvetica;
    color: #777;
    padding: 10px 15px 10px 25px;
  }
  nav#menu_head .nav li ul.sub-menu li a:hover,
  nav#menu_head .nav li ul.children li a:hover,
  nav#menu_head .nav li ul.sub-menu li a:focus,
  nav#menu_head .nav li ul.children li a:focus {
    background: url(../images/sprite.png) -11px -2178px no-repeat #fff;
  }
  nav#menu_head .nav li ul.sub-menu li:last-child a,
  nav#menu_head .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  nav#menu_head .nav li ul.sub-menu li ul.sub-menu,
  nav#menu_head .nav li ul.children li ul.sub-menu {
    position: absolute;
    right: -202px;
    top: 0;
    padding-top: 0;
    display: none;
  }
  nav#menu_head .nav li ul.sub-menu li ul.sub-menu:before,
  nav#menu_head .nav li ul.children li ul.sub-menu:before {
    content: none;
  }
  nav#menu_head .nav li ul.sub-menu li:hover ul.sub-menu,
  nav#menu_head .nav li ul.children li:hover ul.sub-menu {
    display: block;
  }
  nav#menu_head .nav li.current-menu-ancestor > a,
  nav#menu_head .nav li.current-menu-parent > a,
  nav#menu_head .nav li.current-menu-item > a,
  nav#menu_head .nav li.current_page_item > a,
  nav#menu_head .nav li.active > a {
    color: #f3b800 !important;
  }
  nav#menu_head .nav li.current-menu-ancestor.home > a,
  nav#menu_head .nav li.current-menu-parent.home > a,
  nav#menu_head .nav li.current-menu-item.home > a,
  nav#menu_head .nav li.current_page_item.home > a,
  nav#menu_head .nav li.active.home > a {
    background-position: -5px -1190px;
  }
  nav#menu_head .nav li:hover ul {
    top: auto;
    display: block;
  }
  nav#menu_head #current {
    width: 17px;
    height: 10px;
    background: url(../images/current.png) 0 0 no-repeat;
    position: absolute;
    bottom: -10px;
    display: none;
  }
  /*********************
POSTS & CONTENT STYLES
*********************/
  #main article {
    margin-top: 119px;
  }
  #content {
    margin-top: 0;
  }
  /*********************
LOGICIELS
*********************/
  body.page-template-logiciels-php #inner-content,
  body.page-template-documents-php #inner-content,
  body.post-type-archive-document #inner-content,
  body.page-template-conseils-php #inner-content,
  body.page-template-actualites-php #inner-content {
    width: 100%;
  }
  body.page-template-logiciels-php #inner-content #main,
  body.page-template-documents-php #inner-content #main,
  body.post-type-archive-document #inner-content #main,
  body.page-template-conseils-php #inner-content #main,
  body.page-template-actualites-php #inner-content #main {
    width: 100%;
  }
  body.page-template-logiciels-php #inner-content #main #filtrage ul#post_tags,
  body.page-template-documents-php #inner-content #main #filtrage ul#post_tags,
  body.post-type-archive-document #inner-content #main #filtrage ul#post_tags,
  body.page-template-conseils-php #inner-content #main #filtrage ul#post_tags,
  body.page-template-actualites-php #inner-content #main #filtrage ul#post_tags {
    padding: 0;
    background: none;
    border-bottom: 1px solid #c0bebe;
    margin-bottom: 25px;
  }
  body.page-template-logiciels-php #inner-content #main #filtrage ul#post_tags li,
  body.page-template-documents-php #inner-content #main #filtrage ul#post_tags li,
  body.post-type-archive-document #inner-content #main #filtrage ul#post_tags li,
  body.page-template-conseils-php #inner-content #main #filtrage ul#post_tags li,
  body.page-template-actualites-php #inner-content #main #filtrage ul#post_tags li {
    font: 14px allerbold,arial,helvetica;
    padding: 10px 10px 16px;
    width: auto;
    list-style-image: none;
    position: relative;
  }
  body.page-template-logiciels-php #inner-content #main #filtrage ul#post_tags li#active,
  body.page-template-documents-php #inner-content #main #filtrage ul#post_tags li#active,
  body.post-type-archive-document #inner-content #main #filtrage ul#post_tags li#active,
  body.page-template-conseils-php #inner-content #main #filtrage ul#post_tags li#active,
  body.page-template-actualites-php #inner-content #main #filtrage ul#post_tags li#active {
    padding: 0;
  }
  body.page-template-logiciels-php #inner-content #main #filtrage ul#post_tags li#active span,
  body.page-template-documents-php #inner-content #main #filtrage ul#post_tags li#active span,
  body.post-type-archive-document #inner-content #main #filtrage ul#post_tags li#active span,
  body.page-template-conseils-php #inner-content #main #filtrage ul#post_tags li#active span,
  body.page-template-actualites-php #inner-content #main #filtrage ul#post_tags li#active span {
    color: #f3b800;
    border: 1px solid #c0bebe;
    border-bottom: none;
    padding: 10px 10px 17px;
    background: -moz-linear-gradient(top, #ffffff 0%, #e6eaf3 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6eaf3));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e6eaf3 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e6eaf3 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e6eaf3 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e6eaf3 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */
  }
  body.page-template-logiciels-php #inner-content #main #filtrage #posts article,
  body.page-template-documents-php #inner-content #main #filtrage #posts article,
  body.post-type-archive-document #inner-content #main #filtrage #posts article,
  body.page-template-conseils-php #inner-content #main #filtrage #posts article,
  body.page-template-actualites-php #inner-content #main #filtrage #posts article {
    padding: 0 0 10px 0;
    background-color: transparent;
    margin-bottom: 0;
  }
  body.page-template-logiciels-php #inner-content #main #filtrage #posts article header,
  body.page-template-documents-php #inner-content #main #filtrage #posts article header,
  body.post-type-archive-document #inner-content #main #filtrage #posts article header,
  body.page-template-conseils-php #inner-content #main #filtrage #posts article header,
  body.page-template-actualites-php #inner-content #main #filtrage #posts article header {
    float: left;
    display: inline-block;
    width: 180px;
  }
  body.page-template-logiciels-php #inner-content #main #filtrage #posts article header img,
  body.page-template-documents-php #inner-content #main #filtrage #posts article header img,
  body.post-type-archive-document #inner-content #main #filtrage #posts article header img,
  body.page-template-conseils-php #inner-content #main #filtrage #posts article header img,
  body.page-template-actualites-php #inner-content #main #filtrage #posts article header img {
    float: left;
  }
  body.page-template-logiciels-php #inner-content #main #filtrage #posts article section,
  body.page-template-documents-php #inner-content #main #filtrage #posts article section,
  body.post-type-archive-document #inner-content #main #filtrage #posts article section,
  body.page-template-conseils-php #inner-content #main #filtrage #posts article section,
  body.page-template-actualites-php #inner-content #main #filtrage #posts article section {
    float: none;
    width: auto;
    display: inline;
  }
  body.page-template-logiciels-php #inner-content #main #filtrage #posts article section span,
  body.page-template-documents-php #inner-content #main #filtrage #posts article section span,
  body.post-type-archive-document #inner-content #main #filtrage #posts article section span,
  body.page-template-conseils-php #inner-content #main #filtrage #posts article section span,
  body.page-template-actualites-php #inner-content #main #filtrage #posts article section span {
    width: 100%;
    display: inline;
  }
  /*********************
SINGLE LOGICIEL
*********************/
  .single-logiciel header.article-header {
    margin-top: 119px;
    padding: 0 2%;
  }
  .single-logiciel #main article {
    float: left;
    width: 31%;
    margin-top: 0;
  }
  .single-logiciel #main section.post-content {
    width: 100%;
  }
  .single-logiciel #main #sidebar {
    /*height:328px;*/
    width: 501px;
    position: relative;
    float: right;
    margin: 0 2% 0 0;
  }
  .single-logiciel #main #sidebar #mon_visuel {
    width: 333px;
    height: 245px;
  }
  .single-logiciel #main #sidebar #galerie {
    width: 333px;
    height: 80px;
    margin: 4px 0 0 0;
  }
  .single-logiciel #main #sidebar #galerie .gallery {
    height: 80px;
  }
  .single-logiciel #main #sidebar #galerie .gallery .gallery-item.active .gallery-icon a {
    margin-bottom: 0;
  }
  .single-logiciel #main #sidebar #galerie .gallery .gallery-item.active .gallery-icon a img {
    width: 106px;
    height: auto;
  }
  .single-logiciel #main #sidebar #galerie .mCustomScrollbar .mCustomScrollBox .mCSB_container {
    margin-bottom: 0;
  }
  .single-logiciel #main #sidebar #fiche,
  .single-logiciel #main #sidebar #video {
    width: 160px;
    height: 160px;
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0;
  }
  .single-logiciel #main #sidebar #fiche img,
  .single-logiciel #main #sidebar #video img {
    width: auto;
  }
  .single-logiciel #main #sidebar #video {
    bottom: 0;
    top: auto;
  }
  /*********************
ÉVÉNEMENTS
*********************/
  .page-template-events-php #main article section #liste {
    position: relative;
  }
  .page-template-events-php #main article section #liste #searchevent {
    margin-bottom: 0;
  }
  .page-template-events-php #main article section #liste article {
    width: 100%;
    margin: 0 5% 40px 0;
    float: left;
    background-color: transparent;
    padding: 0;
  }
  .page-template-events-php #main article section #liste article header {
    text-align: left;
    width: 180px;
    height: 160px;
  }
  .page-template-events-php #main article section #liste article section {
    float: none;
    width: auto;
    display: inline;
  }
  .page-template-events-php #main article section #liste article section h2 {
    margin-top: -30px;
  }
  .page-template-events-php #main article section #liste article section h2 a {
    font: 18px/10px allerbold, arial, helvetica;
  }
  .page-template-events-php #main article section #liste article section span.date {
    margin-top: -6px;
    margin-bottom: 4px;
  }
  .page-template-events-php #main article section #liste article section p {
    width: auto;
    display: inline;
  }
  .page-template-events-php #main article section #liste #voircalendrier {
    padding-left: 28px;
    margin-left: 15px;
  }
  .page-template-events-php #main article section #liste #voircalendrier,
  .page-template-events-php #main article section #liste #voirliste {
    float: right;
    margin-top: 3px;
  }
  .page-template-events-php #main article section #liste #pastevents {
    left: auto;
    right: 0;
    top: 36px;
  }
  .page-template-events-php #main article section #liste #toutes {
    width: 240px;
    float: left;
  }
  .page-template-events-php #main article section #liste #toutes ul {
    width: 240px;
  }
  /***  Page de recherche ***/
  .search-results #main {
    margin-top: 119px;
  }
  .search-results #main h1.archive-title {
    padding: 0 2%;
  }
  .search-results #main article {
    padding: 0 0 60px 0;
    margin: 0 2%;
    height: auto !important;
    border-bottom: 1px solid #f3b800;
  }
  .search-results #main article:last-child {
    border: none;
  }
  /*** SINGLE EVENT ***/
  .single-event #main article header h1 {
    line-height: 1;
  }
  .single-event #main article section.post-content {
    width: 50%;
    float: left;
  }
  .single-event #main article section.post-content h3 {
    line-height: 1;
  }
  .single-event #main article footer.article-footer {
    width: 50%;
    float: right;
  }
  .single-event #layer #em-booking .em-booking-form-details {
    width: 50%;
    margin-left: -25%;
  }
  .single-event #layer #em-booking .em-booking-form-details input,
  .single-event #layer #em-booking .em-booking-form-details select {
    width: 73%;
  }
  .single-event #layer #em-booking .em-booking-form-details label {
    width: 25%;
  }
  .single-event #layer #em-booking .em-booking-form-details #em-form-partie {
    width: 73%;
  }
  .single-event #layer #em-booking .em-booking-form-details .button {
    font: 20px allerbold, sans-serif;
  }
  .single-event #layer #em-booking .em-booking-form-details #submit-and-stay {
    width: 73%;
  }
  .single-event .mapp-layout {
    display: block;
    height: 325px !important;
    overflow: hidden;
    margin-top: 45px;
  }
  /*********************
SLIDER PRINCIPAL
*********************/
  #slider {
    position: relative;
  }
  #slider .bx-wrapper,
  #slider .bx-viewport {
    height: inherit !important;
    overflow: visible !important;
  }
  #slider ul .slide {
    overflow: visible !important;
  }
  #slider ul .slide img {
    opacity: 1;
    width: 100%;
  }
  .cont {
    height: auto;
    top: 39%;
    background-color: transparent;
  }
  .cont .titre {
    font: 34px/32px allerbold, helvetica, arial, sans-serif;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    position: relative;
    top: auto;
    left: auto;
    height: auto;
  }
  .cont .extrait {
    color: #fff;
    font: 16px dejavu, helvetica, arial, sans-serif;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    position: relative;
    top: auto;
    left: auto;
    height: auto;
  }
  .cont .btn1 {
    position: relative;
    top: auto;
    left: auto;
  }
  .cont .btn1 span {
    position: absolute;
  }
  .bx-pager {
    bottom: 27px;
    right: auto;
    left: 4%;
    position: absolute;
    width: 100%;
  }
  .bx-pager div {
    width: 100%;
  }
  .bx-pager a {
    width: 12%;
    height: auto;
    background: none;
    background-color: #000;
    margin-left: 5px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  }
  .bx-pager a img {
    display: block;
    opacity: 0.5;
    width: 100%;
    height: auto;
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
  }
  .bx-pager a.active,
  .bx-pager a:hover {
    background-color: transparent;
  }
  .bx-pager a.active img,
  .bx-pager a:hover img {
    opacity: 1;
  }
  /*********************
PAGE CONTACT
*********************/
  #gform_wrapper_3,
  #gform_wrapper_1 {
    max-width: 100%;
  }
  #gform_wrapper_3 .gfield_html.gfield_no_follows_desc,
  #gform_wrapper_1 .gfield_html.gfield_no_follows_desc {
    width: 100%;
  }
  #gform_wrapper_3 #gform_3,
  #gform_wrapper_1 #gform_3,
  #gform_wrapper_3 #gform_1,
  #gform_wrapper_1 #gform_1 {
    max-width: 100%;
    width: 100%;
  }
  #gform_wrapper_3 #gform_3 .gform_heading,
  #gform_wrapper_1 #gform_3 .gform_heading,
  #gform_wrapper_3 #gform_1 .gform_heading,
  #gform_wrapper_1 #gform_1 .gform_heading {
    width: 100%;
  }
  #gform_wrapper_3 #gform_3 .gfield_label,
  #gform_wrapper_1 #gform_3 .gfield_label,
  #gform_wrapper_3 #gform_1 .gfield_label,
  #gform_wrapper_1 #gform_1 .gfield_label {
    width: 0;
  }
  #gform_wrapper_3 #gform_3 div.ginput_container,
  #gform_wrapper_1 #gform_3 div.ginput_container,
  #gform_wrapper_3 #gform_1 div.ginput_container,
  #gform_wrapper_1 #gform_1 div.ginput_container {
    width: 75%;
  }
  #gform_wrapper_3 #gform_3 .gform_footer input[type="submit"],
  #gform_wrapper_1 #gform_3 .gform_footer input[type="submit"],
  #gform_wrapper_3 #gform_1 .gform_footer input[type="submit"],
  #gform_wrapper_1 #gform_1 .gform_footer input[type="submit"] {
    font-size: 20px;
  }
  #adresses {
    float: right;
    width: 30%;
    margin-top: 145px;
  }
  /*********************
BLOCS PAGE ACCUEIL
*********************/
  #bas_page {
    /* 	overflow:hidden; */
    float: left;
    margin-top: 0;
  }
  #events {
    display: block;
    width: 40%;
    height: auto;
    float: left;
    border-right: solid 1px #fff;
    position: relative;
  }
  #events div.event {
    position: relative;
    height: auto;
  }
  #events .eventfooter {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(../images/fond-blanc.png) repeat;
  }
  #events .eventfooter .extrait {
    text-decoration: underline;
    padding: 11px 10px 6px ;
    float: left;
    width: 85%;
    color: #777;
    font: 13px/16px dejavu, serif;
  }
  #events .eventfooter .date {
    font: 12px allerlight,arial,helvetica;
    text-transform: uppercase;
    color: #171615;
    padding: 17px 6px 26px;
    border-right: dotted 1px #c1c2c2;
    float: left;
    width: 15%;
  }
  #events .eventfooter .date span {
    font: 14px allerbold,arial,helvetica;
  }
  #events .bx-controls {
    position: absolute;
    width: 100%;
    top: 50%;
    height: 40px;
    margin-top: -20px;
  }
  #events .bx-controls .bx-prev,
  #events .bx-controls .bx-next {
    height: 40px;
    width: 30px;
    text-indent: -2000px;
    display: inline-block;
    opacity: 0.6;
    background: url(../images/sprite.png) no-repeat -11px -2859px #fff;
    left: 0;
    top: 0;
    position: absolute;
  }
  #events .bx-controls .bx-prev:hover,
  #events .bx-controls .bx-next:hover {
    opacity: 0.7;
  }
  #events .bx-controls .bx-next {
    background-position: -13px -2929px;
    left: auto;
    right: 0;
  }
  #logiciels {
    width: 40%;
  }
  #bibliotheque,
  #contact {
    width: 20%;
  }
  #bibliotheque span#prem,
  #contact span#prem {
    font-size: 14px;
  }
  #bibliotheque span#deux,
  #contact span#deux {
    font-size: 14px;
  }
  /*********************
Menu mobile
*********************/
  .mp-menu {
    height: 100% !important;
  }
  #mp-menu {
    left: -61%;
    width: 61% !important;
  }
  /*********************
FOOTER STYLES
*********************/
  .footer {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    height: auto;
  }
  .footer #inner-footer {
    width: 100%;
    height: 28px;
    border-top: 1px solid #10100f;
    /* Anciens navigateurs */
    background: #1c1b1a url("../images/gradient-bg.png") repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Navigateurs récents */
    background: -webkit-gradient(linear, left top, left bottom, from(#343331), to(#1c1b1a));
    background: -webkit-linear-gradient(top, #343331, #1c1b1a);
    background: -moz-linear-gradient(top, #343331, #1c1b1a);
    background: -o-linear-gradient(top, #343331, #1c1b1a);
    background: linear-gradient(top, #343331, #1c1b1a);
  }
  .footer .menu,
  .footer .nav {
    margin: 0;
  }
  .footer .menu li,
  .footer .nav li {
    list-style-image: none;
    float: left;
    /* Anciens navigateurs */
    background: #393939 url("../images/gradient-bgfoot.png") repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Navigateurs récents */
    background: -webkit-gradient(linear, left top, left bottom, from(#4d4c4c), to(#393939));
    background: -webkit-linear-gradient(top, #4d4c4c, #393939);
    background: -moz-linear-gradient(top, #4d4c4c, #393939);
    background: -o-linear-gradient(top, #4d4c4c, #393939);
    background: linear-gradient(top, #4d4c4c, #393939);
  }
  .footer .menu li a,
  .footer .nav li a {
    text-decoration: none;
    font: 11px arial,helvetica;
    color: #d2d1d1;
    padding: 6px 10px;
    float: left;
    display: inline-block;
  }
  .footer .menu li.fb a,
  .footer .nav li.fb a,
  .footer .menu li.twt a,
  .footer .nav li.twt a,
  .footer .menu li.ytb a,
  .footer .nav li.ytb a {
    text-indent: -2000px;
    overflow: hidden;
    width: 36px;
    height: 25px;
    border-right: 1px solid #100f0f;
    background: url("../images/sprite.png") no-repeat transparent;
  }
  .footer .menu li.fb:hover,
  .footer .nav li.fb:hover,
  .footer .menu li.twt:hover,
  .footer .nav li.twt:hover,
  .footer .menu li.ytb:hover,
  .footer .nav li.ytb:hover {
    /* Anciens navigateurs */
    background: #535252 url("gradient-bg.png") repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Navigateurs récents */
    background: -webkit-gradient(linear, left top, left bottom, from(#737272), to(#535252));
    background: -webkit-linear-gradient(top, #737272, #535252);
    background: -moz-linear-gradient(top, #737272, #535252);
    background: -o-linear-gradient(top, #737272, #535252);
    background: linear-gradient(top, #737272, #535252);
  }
  .footer .menu li.twt a,
  .footer .nav li.twt a {
    background-position: -7px -1592px;
  }
  .footer .menu li.fb a,
  .footer .nav li.fb a {
    background-position: -7px -1663px;
  }
  .footer .menu li.ytb a,
  .footer .nav li.ytb a {
    background-position: -7px -1717px;
  }
  .footer .menu li.followus,
  .footer .nav li.followus {
    cursor: default;
  }
  .footer .menu li.followus a,
  .footer .nav li.followus a {
    padding: 6px 20px 6px 10px;
  }
  .footer ul {
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  .footer ul li {
    list-style-image: none;
    float: left;
    /* Anciens navigateurs */
    background: #535252 url("gradient-bg.png") repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Navigateurs récents */
    background: -webkit-gradient(linear, left top, left bottom, from(#737272), to(#535252));
    background: -webkit-linear-gradient(top, #737272, #535252);
    background: -moz-linear-gradient(top, #737272, #535252);
    background: -o-linear-gradient(top, #737272, #535252);
    background: linear-gradient(top, #737272, #535252);
  }
  .footer .addthis_button_compact {
    font: 11px arial,helvetica;
    background: url("../images/sprite.png") no-repeat -9px -1776px;
    text-decoration: none;
    color: #d2d1d1;
    padding: 6px 10px 6px 30px;
    display: inline-block;
  }
  .footer .addthis_button_compact .at16nc {
    background: none;
    height: 0;
  }
  .footer .nav {
    float: right;
    width: auto;
    background-color: transparent;
  }
  .footer .nav li {
    background: none;
  }
  .footer .nav li a {
    color: #777;
    text-decoration: underline;
    border-left: dashed 1px #3b3a38;
  }
  #at15s.atm {
    margin-top: 12px;
    margin-left: -31px;
  }
  #at15s.atm .atm-i {
    background-color: #6f6e6e;
    border: none;
  }
  #at15s.atm .atm-i a,
  #at15s.atm .atm-i span {
    color: #d2d1d1;
    font: 11px arial,helvetica;
  }
  #at15s.atm .atm-i a:hover,
  #at15s.atm .atm-i span:hover {
    background-color: #4c4b4b;
  }
  #at15s.atm .atm-i .atm-f {
    background-color: #9b9999 !important;
  }
  #at15s.atm .atm-i .atm-f a,
  #at15s.atm .atm-i .atm-f span {
    color: #fff !important;
  }
  #at15s.atm .atm-i .atm-f:hover {
    background-color: #4c4b4b !important;
  }
  #at15s.atm #at_auth:hover {
    background-color: #4c4b4b;
  }
  /*
you'll probably need to do quite a bit
of overriding here if you styled them for
mobile. Make sure to double check these!
*/
  .footer-links ul li {
    /* 
			be careful with the depth of your menus.
			it's very rare to have multi-depth menus in
			the footer.
			*/
  }
  /* end .footer-links */
  .share-btns {
    display: inline-block;
    margin: -5px 20px;
  }
}
@media only screen and (min-width: 1020px) {
  h1 {
    font: 50px/55px allerbold, arial, helvetica, sans-serif;
  }
  .chapeau {
    font: 20px/25px dejavu, arial, helvetica, sans-serif;
    color: #171615;
    text-transform: uppercase;
  }
  .btn2 {
    font-size: 20px;
    padding: 9px 20px 16px 55px;
  }
  .btn2 span {
    background-position: -15px -75px;
    width: 40px;
    height: 50px;
    top: 6px;
  }
  /*********************
UI DIALOG
*********************/
  #dialog {
    display: none;
    position: absolute;
    width: 50%;
    margin-left: -25%;
    left: 50%;
  }
  /*** Gravity Forms ***/
  .gform_wrapper .top_label .gfield_label {
    display: none;
  }
  .gform_wrapper .top_label select.medium,
  .gform_wrapper .top_label input.medium {
    width: 47%;
  }
  .gform_wrapper .top_label textarea.medium {
    width: 47%;
  }
  .gform_wrapper .chzn-container-single.chzn-container,
  .gform_wrapper .chosen-container-single.chosen-container {
    width: 46.8% !important;
  }
  .gform_wrapper .chzn-container-single.chzn-container .chzn-single div,
  .gform_wrapper .chosen-container-single.chosen-container .chzn-single div,
  .gform_wrapper .chzn-container-single.chzn-container .chosen-single div,
  .gform_wrapper .chosen-container-single.chosen-container .chosen-single div {
    width: 35px;
  }
  /*********************
HEADER SYTLES
*********************/
  .header {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.3);
  }
  #inner-header {
    height: 90px;
  }
  #inner-header #logo,
  #inner-header h1 {
    height: 90px;
    width: 210px;
    background-size: 243px 90px;
    z-index: 91;
    position: relative;
  }
  #inner-header #logo img {
    margin-top: 15px !important;
    margin-left: 5px !important;
  }
  #inner-header #logo img.actuaris {
    margin-top: 5px !important;
    margin-left: -1% !important;
  }
  #inner-header #searchform {
    padding: 0;
    top: 42px;
    padding-top: 0;
    cursor: pointer;
    z-index: 999;
    width: 200px;
  }
  #inner-header #searchform span {
    background: url(../images/sprite.png) 0 -1936px no-repeat #fff;
    cursor: pointer;
  }
  #inner-header #searchform input[type="text"] {
    width: 190px;
    right: 10px;
    padding: 8px 6px;
  }
  #inner-header #searchform input[type="submit"] {
    top: 19px;
    background: url(../images/sprite.png) -18px -1013px no-repeat transparent;
    display: block;
  }
  #inner-header #searchform input[type="submit"]:hover {
    opacity: 0.7;
  }
  #inner-header #trigger {
    margin: 28px 218px 0 0;
  }
  /*********************
TOP MENU
*********************/
  #top-header {
    text-align: right;
  }
  #top-header a,
  #top-header span {
    width: auto !important;
  }
  #top-header #client {
    background-position: 74px -952px;
    display: inline-block;
    float: none;
    padding-right: 32px;
    text-align: right;
    width: 116px !important;
  }
  #top-header ul li a {
    width: 100% !important;
  }
  #top-header #currentsite {
    padding-left: 20px;
    padding-right: 20px;
  }
  /*********************
NAVIGATION STYLES
*********************/
  nav#menu_head {
    position: relative;
    height: 90px;
    margin-right: 220px;
    /* end .nav */
  }
  nav#menu_head .nav {
    border: 0;
    float: right;
    margin: 25px 0 25px 0;
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  nav#menu_head .nav li {
    float: left;
    position: relative;
    list-style-image: none;
    /* Social network style */
    /*
			plan your menus and drop-downs wisely.
			*/
    /* showing sub-menus */
  }
  nav#menu_head .nav li a {
    color: #171615;
    font: 16px allerlight, arial, helvetica, sans-serif;
    display: block;
    text-decoration: none;
    padding: 10px 8px;
  }
  nav#menu_head .nav li a:hover,
  nav#menu_head .nav li a:focus {
    color: #f3b800;
  }
  nav#menu_head .nav li.home a {
    text-indent: -2000px;
    background: url(../images/sprite.png) -3px -1096px no-repeat;
    width: 40px;
    height: 40px;
  }
  nav#menu_head .nav li.home a:hover {
    background-position: -4px -1190px;
  }
  nav#menu_head .nav li.nav-fb,
  nav#menu_head .nav li.nav-twt,
  nav#menu_head .nav li.nav-ytb,
  nav#menu_head .nav li.nav-in {
    display: inline-block;
    width: 30px;
    margin-right: 10px;
    height: 40px;
  }
  nav#menu_head .nav li.nav-fb a,
  nav#menu_head .nav li.nav-twt a,
  nav#menu_head .nav li.nav-ytb a,
  nav#menu_head .nav li.nav-in a {
    text-indent: -2000px;
    display: inline-block;
    border-top: none;
    width: 40px;
    height: 40px;
    padding: 8px 10px 10px 10px;
    position: relative;
  }
  nav#menu_head .nav li.nav-fb a:before,
  nav#menu_head .nav li.nav-twt a:before,
  nav#menu_head .nav li.nav-ytb a:before,
  nav#menu_head .nav li.nav-in a:before {
    content: '';
    display: inline-block;
    background-image: url(../images/sprite-share-small.png);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 8px;
    left: 10px;
  }
  nav#menu_head .nav li.nav-fb a:before {
    background-position: 0 0;
  }
  nav#menu_head .nav li.nav-fb a:hover:before {
    background-position: 0 20px;
  }
  nav#menu_head .nav li.nav-twt a:before {
    background-position: 60px 0;
  }
  nav#menu_head .nav li.nav-twt a:hover:before {
    background-position: 60px 20px;
  }
  nav#menu_head .nav li.nav-ytb a:before {
    background-position: 40px 0;
  }
  nav#menu_head .nav li.nav-ytb a:hover:before {
    background-position: 40px 20px;
  }
  nav#menu_head .nav li.nav-in a:before {
    background-position: 20px 0;
  }
  nav#menu_head .nav li.nav-in a:hover:before {
    background-position: 20px 20px;
  }
  nav#menu_head .nav li ul.sub-menu,
  nav#menu_head .nav li ul.children {
    /* highlight sub-menu current page */
  }
  nav#menu_head .nav li ul.sub-menu li,
  nav#menu_head .nav li ul.children li {
    /*
					if you need to go deeper, go nuts
					just remember deeper menus suck
					for usability. k, bai.
					*/
  }
  nav#menu_head .nav li ul.sub-menu li:last-child a,
  nav#menu_head .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  nav#menu_head .nav li:hover ul {
    top: auto;
    display: block;
  }
  nav#menu_head .nav li.current-menu-item.home > a,
  nav#menu_head .nav li.current_page_item.home > a,
  nav#menu_head .nav li.current-page-ancestor.home > a {
    background-position: -5px -1190px;
  }
  nav#menu_head #current {
    width: 17px;
    height: 10px;
    background: url(../images/current.png) 0 0 no-repeat;
    position: absolute;
    bottom: -10px;
  }
  /*********************
POSTS & CONTENT STYLES
*********************/
  #main {
    padding-bottom: 119px;
  }
  #main article header.article-header {
    width: 100%;
  }
  #main article section.post-content {
    width: 55%;
  }
  #main article footer.article-footer {
    width: 55%;
  }
  /*********************
LOGICIELS
*********************/
  body.page-template-logiciels-php #inner-content #main #filtrage ul#post_tags li,
  body.post-type-archive-document #inner-content #main #filtrage ul#post_tags li,
  body.page-template-documents-php #inner-content #main #filtrage ul#post_tags li,
  body.page-template-conseils-php #inner-content #main #filtrage ul#post_tags li,
  body.page-template-actualites-php #inner-content #main #filtrage ul#post_tags li {
    font: 16px allerbold,arial,helvetica;
    padding: 10px 20px 16px;
  }
  body.page-template-logiciels-php #inner-content #main #filtrage ul#post_tags li#active,
  body.post-type-archive-document #inner-content #main #filtrage ul#post_tags li#active,
  body.page-template-documents-php #inner-content #main #filtrage ul#post_tags li#active,
  body.page-template-conseils-php #inner-content #main #filtrage ul#post_tags li#active,
  body.page-template-actualites-php #inner-content #main #filtrage ul#post_tags li#active {
    padding: 0;
  }
  body.page-template-logiciels-php #inner-content #main #filtrage ul#post_tags li#active span,
  body.post-type-archive-document #inner-content #main #filtrage ul#post_tags li#active span,
  body.page-template-documents-php #inner-content #main #filtrage ul#post_tags li#active span,
  body.page-template-conseils-php #inner-content #main #filtrage ul#post_tags li#active span,
  body.page-template-actualites-php #inner-content #main #filtrage ul#post_tags li#active span {
    padding: 10px 20px 17px;
  }
  body.page-template-logiciels-php #inner-content #main #filtrage #posts article,
  body.post-type-archive-document #inner-content #main #filtrage #posts article,
  body.page-template-documents-php #inner-content #main #filtrage #posts article,
  body.page-template-conseils-php #inner-content #main #filtrage #posts article,
  body.page-template-actualites-php #inner-content #main #filtrage #posts article {
    width: 45%;
    margin-right: 5%;
    clear: none;
    height: 185px !important;
  }
  body.page-template-logiciels-php #inner-content #main #filtrage #posts article header,
  body.post-type-archive-document #inner-content #main #filtrage #posts article header,
  body.page-template-documents-php #inner-content #main #filtrage #posts article header,
  body.page-template-conseils-php #inner-content #main #filtrage #posts article header,
  body.page-template-actualites-php #inner-content #main #filtrage #posts article header {
    height: 180px;
  }
  body.page-template-conseils-php #inner-content {
    width: 100%;
  }
  body.page-template-conseils-php #inner-content #main {
    width: 100%;
  }
  /*********************
SINGLE LOGICIEL
*********************/
  .single-logiciel .nivo-lightbox-close {
    top: 0;
    right: 0;
    opacity: 1;
    filter: opacity(100);
    width: 32px;
    height: 32px;
    background: url(../images/nivo-close.gif?2);
    padding: 0;
  }
  .single-logiciel .nivo-lightbox-close:before {
    content: "";
    background: #000;
    width: 400em;
    height: 32px;
    position: absolute;
    top: 0;
    left: -200em;
    z-index: -1;
  }
  .single-logiciel header.article-header {
    margin-top: 119px;
    padding: 0 2%;
  }
  .single-logiciel #main article {
    float: left;
    width: 48%;
    margin-top: 0;
  }
  .single-logiciel #main section.post-content {
    width: 100%;
  }
  .single-logiciel #main #sidebar {
    /*height:328px;*/
    width: 501px;
    position: relative;
    float: right;
    margin: 0 2% 0 0;
  }
  .single-logiciel #main #sidebar #mon_visuel {
    float: none;
    position: relative;
    width: 333px;
    height: 245px;
    overflow: hidden;
  }
  .single-logiciel #main #sidebar #mon_visuel span#lightbox {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/sprite.png) center -2553px;
  }
  .single-logiciel #main #sidebar #mon_visuel img {
    cursor: pointer;
  }
  .single-logiciel #main #sidebar #galerie {
    width: 333px;
    height: 80px;
    margin: 4px 0 0 0;
  }
  .single-logiciel #main #sidebar #galerie .gallery {
    width: auto;
    height: 80px;
  }
  .single-logiciel #main #sidebar #galerie .gallery br {
    display: none;
  }
  .single-logiciel #main #sidebar #galerie .gallery .gallery-item {
    margin: 0 8px 0 0;
    float: left;
  }
  .single-logiciel #main #sidebar #galerie .gallery .gallery-item .gallery-icon a {
    display: inline-block;
    background-color: #000;
    height: 65px;
    overflow: hidden;
  }
  .single-logiciel #main #sidebar #galerie .gallery .gallery-item .gallery-icon a img {
    width: 106px;
    height: auto;
    opacity: 0.6;
    float: left;
  }
  .single-logiciel #main #sidebar #galerie .gallery .gallery-item.active .gallery-icon a img {
    opacity: 1;
  }
  .single-logiciel #main #sidebar #galerie .mCustomScrollbar .mCustomScrollBox .mCSB_container {
    margin-bottom: 0;
  }
  .single-logiciel #main #sidebar #galerie .mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer {
    margin-top: 2px;
  }
  .single-logiciel #main #sidebar #galerie .mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger {
    top: 3px;
  }
  .single-logiciel #main #sidebar #galerie .mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
    height: 3px;
    background-color: #fff;
    border-radius: 0;
    border-left: 2px solid #c8c8c8;
    border-right: 2px solid #c8c8c8;
  }
  .single-logiciel #main #sidebar #galerie .mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail {
    height: 7px;
    background-color: #c8c8c8;
    border-radius: 0;
  }
  .single-logiciel #main #sidebar #fiche,
  .single-logiciel #main #sidebar #video {
    width: 160px;
    height: 160px;
    position: absolute;
    display: inline-block;
    overflow: hidden;
    opacity: 1;
    right: 0;
    top: 0;
    transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
  }
  .single-logiciel #main #sidebar #fiche:hover,
  .single-logiciel #main #sidebar #video:hover {
    opacity: 0.7;
  }
  .single-logiciel #main #sidebar #video {
    background: url("../images/video.jpg") 0 0;
    bottom: 0;
    top: auto;
  }
  /*********************
ÉVÉNEMENTS
*********************/
  .page-template-events-php #main article section {
    width: 100%;
  }
  .page-template-events-php #main article section #liste article {
    padding: 0;
    width: 45%;
    margin: 0 5% 40px 0;
    float: left;
    height: 160px !important;
    overflow: hidden;
    position: relative;
  }
  .page-template-events-php #main article section #liste article header {
    width: 180px;
    height: 160px;
    float: left;
    display: inline-block;
  }
  .page-template-events-php #main article section #liste article header img {
    margin: 0;
  }
  .page-template-events-php #main article section #liste article section {
    float: none;
    width: auto;
    display: inline;
  }
  .page-template-events-php #main article section #liste article section h2 {
    padding: 0;
    margin: 0 0 7px;
    line-height: 0px;
  }
  .page-template-events-php #main article section #liste article section h2 a {
    font: 22px/10px allerbold, arial, helvetica;
    line-height: 25px;
  }
  .page-template-events-php #main article section #liste article section .btn1 {
    margin-top: 8px;
    position: absolute;
    bottom: 0;
    left: 180px;
  }
  .page-template-events-php #main article section #liste article section .lien {
    margin: 18px 0 0 10px;
    position: absolute;
    bottom: 10px;
    left: 365px;
  }
  .page-template-events-php #main article section #liste article section span.date {
    margin: 4px 0;
    font-size: 13px;
  }
  .page-template-events-php #main article section #liste article section p {
    margin: 4px 0;
  }
  /*** SINGLE EVENT ***/
  .single-event #main article {
    width: 100%;
  }
  .single-event #main article header h1 {
    margin-bottom: 25px;
  }
  .single-event #main article section.post-content {
    float: left;
    width: 55%;
  }
  .single-event #main article footer.article-footer {
    float: right;
    width: 35%;
    margin-top: 0;
  }
  .single-event #main article #infos #reserver {
    width: auto;
  }
  .single-event #layer #em-booking .em-booking-form-details {
    padding: 0 30px 30px;
    background-color: #fff;
    width: 35%;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -17.5%;
  }
  .single-event #layer #em-booking .em-booking-form-details h2 {
    margin-bottom: 0;
  }
  .single-event #layer #em-booking .em-booking-form-details #date {
    font: 18px allerlight, helvetica, arial, sans-serif;
    color: #777;
    margin: 10px 0 30px;
  }
  .single-event #layer #em-booking .em-booking-form-details #fermer {
    font: 15px "Times New Roman", serif;
    color: #fff;
    position: absolute;
    top: -28px;
    right: 0;
    padding: 5px 25px 5px 0;
    background: url(../images/sprite.png) no-repeat right -2511px;
    cursor: pointer;
  }
  .single-event #layer #em-booking .em-booking-form-details p {
    margin: 5px 0;
    display: inline-block;
    float: left;
    width: 100%;
    position: relative;
  }
  .single-event #layer #em-booking .em-booking-form-details input,
  .single-event #layer #em-booking .em-booking-form-details select {
    width: 73%;
    float: right;
    color: #171615;
    font: 14px dejavu, arial, helvetica, serif;
    border: solid 1px #777;
    border-radius: 4px;
    padding: 4px 7px;
  }
  .single-event #layer #em-booking .em-booking-form-details label {
    width: 25%;
    float: left;
    color: #171615;
    font: 14px dejavu, arial, helvetica, serif;
  }
  .single-event #layer #em-booking .em-booking-form-details label span.em-form-required {
    color: #f3b800;
  }
  .single-event #layer #em-booking .em-booking-form-details input[type="checkbox"],
  .single-event #layer #em-booking .em-booking-form-details input[type="radio"] {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    cursor: pointer;
    width: 100%;
  }
  .single-event #layer #em-booking .em-booking-form-details input[type="checkbox"] + label,
  .single-event #layer #em-booking .em-booking-form-details input[type="radio"] + label {
    background: url('../images/sprite.png') no-repeat -16px -726px;
    clear: none;
    margin: 0;
    padding: 0 0 0 30px;
    display: inline-block;
    height: 20px;
    cursor: pointer;
    width: 100%;
  }
  .single-event #layer #em-booking .em-booking-form-details input[type="checkbox"]:hover + label,
  .single-event #layer #em-booking .em-booking-form-details input[type="radio"]:hover + label {
    background: url('../images/sprite.png') no-repeat -16px -786px;
  }
  .single-event #layer #em-booking .em-booking-form-details input[type="checkbox"]:checked + label,
  .single-event #layer #em-booking .em-booking-form-details input[type="radio"]:checked + label {
    background: url('../images/sprite.png') no-repeat -16px -845px;
    font-weight: normal;
  }
  .single-event .tablette #layer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    float: left;
    overflow-y: auto;
  }
  .single-event .tablette #layer #em-booking .em-booking-form-details {
    padding: 0 30px 30px;
    background-color: #fff;
    width: 50%;
    margin-left: -25%;
    top: 155px;
  }
  /*********************
CONTACT
*********************/
  .page-template-contact-php #main article {
    width: 100%;
  }
  .page-template-contact-php #main article section.post-content {
    width: 100%;
  }
  /*********************
SLIDER PRINCIPAL
*********************/
  #slider {
    position: inherit;
    overflow: visible !important;
  }
  #slider ul .slide {
    text-align: center;
  }
  #slider ul .slide img {
    opacity: 1;
    width: auto;
    height: auto;
  }
  #slider ul .slide .cont {
    text-align: left;
  }
  .cont {
    top: 39%;
    left: 0;
    padding: 0 2%;
    width: 50%;
  }
  .cont .titre {
    font: 34px/32px allerbold, helvetica, arial, sans-serif;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    position: relative;
    top: auto;
    left: auto;
    height: auto;
  }
  .cont .extrait {
    color: #fff;
    font: 16px dejavu, helvetica, arial, sans-serif;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    position: relative;
    top: auto;
    left: auto;
    height: auto;
  }
  .cont .btn1 {
    position: relative;
    top: auto;
    left: auto;
  }
  .cont .btn1 span {
    position: absolute;
  }
  .bx-pager {
    left: 2%;
    bottom: 110px;
    width: auto;
  }
  .bx-pager div {
    width: auto;
  }
  .bx-pager a {
    width: 90px;
    margin: 0;
    margin-right: 10px;
  }
  /*********************
BLOCS PAGE ACCUEIL
*********************/
  .home #main {
    padding-bottom: 0;
  }
  .home footer.footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 99;
  }
  #bas_page {
    position: absolute;
    bottom: 110px;
    float: right;
    width: 400px;
    right: 2%;
  }
  #events {
    display: block;
    width: 400px;
    height: auto;
    float: none;
    border-right: none;
    position: relative;
  }
  #events div.event {
    position: relative;
    height: 185px;
  }
  #events img {
    width: 100%;
    height: auto;
    float: left;
    margin-top: -113px;
  }
  #events .eventfooter {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(../images/fond-blanc.png) repeat;
  }
  #events .eventfooter .extrait {
    text-decoration: underline;
    padding: 6px 10px;
    float: left;
    width: 323px;
    color: #777;
    font: 14px/17px dejavu, serif;
  }
  #events .eventfooter .date {
    font: 15px allerlight,arial,helvetica;
    text-transform: uppercase;
    color: #171615;
    padding: 10px;
    border-right: dotted 1px #c1c2c2;
    float: left;
    width: 77px;
  }
  #events .eventfooter .date span {
    font: 19px allerbold,arial,helvetica;
  }
  #events .bx-controls {
    position: absolute;
    width: 41px;
    top: 0;
    right: 0;
    height: 0px;
  }
  #events .bx-controls .bx-prev,
  #events .bx-controls .bx-next {
    height: 20px;
    width: 20px;
    text-indent: -2000px;
    display: inline-block;
    background: url(../../library/images/sprite.png) no-repeat -19px -299px #fff;
    left: auto;
    right: 20px;
    top: 20px;
    position: absolute;
  }
  #events .bx-controls .bx-prev:hover,
  #events .bx-controls .bx-next:hover {
    opacity: 0.9;
  }
  #events .bx-controls .bx-next {
    background-position: -18px -370px;
    left: auto;
    right: 0;
    border-left: 1px solid #000;
  }
  #logiciels {
    width: 66.3%;
    float: left;
    border: none;
    margin-top: 2.5%;
  }
  #bibliotheque,
  #contact {
    width: 31.6%;
    float: right;
    border: none;
    margin-top: 2.5%;
    display: inline-block;
    background-color: #fff;
  }
  #bibliotheque img,
  #contact img {
    transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
  }
  #bibliotheque:hover,
  #contact:hover {
    opacity: 1;
  }
  #bibliotheque:hover img,
  #contact:hover img {
    opacity: 0.8;
  }
  /*********************
PAGE CONTACT
*********************/
  #gform_wrapper_3,
  #gform_wrapper_1 {
    width: 65%;
    float: left;
  }
  #gform_wrapper_3 #gform_3 .gform_heading,
  #gform_wrapper_1 #gform_3 .gform_heading,
  #gform_wrapper_3 #gform_1 .gform_heading,
  #gform_wrapper_1 #gform_1 .gform_heading {
    margin-bottom: 3em;
  }
  #gform_wrapper_3 #gform_3 .gform_heading .gform_description,
  #gform_wrapper_1 #gform_3 .gform_heading .gform_description,
  #gform_wrapper_3 #gform_1 .gform_heading .gform_description,
  #gform_wrapper_1 #gform_1 .gform_heading .gform_description {
    color: #171615;
    text-transform: uppercase;
    font: 20px/21px dejavu, arial, helvetica;
  }
  #gform_wrapper_3 #gform_3 .gfield_label,
  #gform_wrapper_1 #gform_3 .gfield_label,
  #gform_wrapper_3 #gform_1 .gfield_label,
  #gform_wrapper_1 #gform_1 .gfield_label {
    display: block;
    color: #171615;
    font: 14px dejavu,arial,helvetica;
    width: 0;
    float: left;
  }
  #gform_wrapper_3 #gform_3 div.ginput_container,
  #gform_wrapper_1 #gform_3 div.ginput_container,
  #gform_wrapper_3 #gform_1 div.ginput_container,
  #gform_wrapper_1 #gform_1 div.ginput_container {
    width: 75%;
    float: right;
    margin: 6px 0 4px 0;
    height: 32px;
  }
  #gform_wrapper_3 #gform_3 .chzn-container-single.chzn-container,
  #gform_wrapper_1 #gform_3 .chzn-container-single.chzn-container,
  #gform_wrapper_3 #gform_1 .chzn-container-single.chzn-container,
  #gform_wrapper_1 #gform_1 .chzn-container-single.chzn-container,
  #gform_wrapper_3 #gform_3 .chzn-drop,
  #gform_wrapper_1 #gform_3 .chzn-drop,
  #gform_wrapper_3 #gform_1 .chzn-drop,
  #gform_wrapper_1 #gform_1 .chzn-drop,
  #gform_wrapper_3 #gform_3 input.medium,
  #gform_wrapper_1 #gform_3 input.medium,
  #gform_wrapper_3 #gform_1 input.medium,
  #gform_wrapper_1 #gform_1 input.medium,
  #gform_wrapper_3 #gform_3 select.medium,
  #gform_wrapper_1 #gform_3 select.medium,
  #gform_wrapper_3 #gform_1 select.medium,
  #gform_wrapper_1 #gform_1 select.medium,
  #gform_wrapper_3 #gform_3 textarea.medium,
  #gform_wrapper_1 #gform_3 textarea.medium,
  #gform_wrapper_3 #gform_1 textarea.medium,
  #gform_wrapper_1 #gform_1 textarea.medium,
  #gform_wrapper_3 #gform_3 .chosen-container-single.chosen-container,
  #gform_wrapper_1 #gform_3 .chosen-container-single.chosen-container,
  #gform_wrapper_3 #gform_1 .chosen-container-single.chosen-container,
  #gform_wrapper_1 #gform_1 .chosen-container-single.chosen-container,
  #gform_wrapper_3 #gform_3 .chosen-drop,
  #gform_wrapper_1 #gform_3 .chosen-drop,
  #gform_wrapper_3 #gform_1 .chosen-drop,
  #gform_wrapper_1 #gform_1 .chosen-drop {
    width: 100% !important;
  }
  #gform_wrapper_3 #gform_3 textarea.medium,
  #gform_wrapper_1 #gform_3 textarea.medium,
  #gform_wrapper_3 #gform_1 textarea.medium,
  #gform_wrapper_1 #gform_1 textarea.medium {
    height: 180px;
  }
  #gform_wrapper_3 #gform_3 .chzn-container-single.chzn-container,
  #gform_wrapper_1 #gform_3 .chzn-container-single.chzn-container,
  #gform_wrapper_3 #gform_1 .chzn-container-single.chzn-container,
  #gform_wrapper_1 #gform_1 .chzn-container-single.chzn-container,
  #gform_wrapper_3 #gform_3 .chosen-container-single.chosen-container,
  #gform_wrapper_1 #gform_3 .chosen-container-single.chosen-container,
  #gform_wrapper_3 #gform_1 .chosen-container-single.chosen-container,
  #gform_wrapper_1 #gform_1 .chosen-container-single.chosen-container {
    margin: 0;
  }
  #gform_wrapper_3 #gform_3 .chzn-container-single.chzn-container .chzn-results li,
  #gform_wrapper_1 #gform_3 .chzn-container-single.chzn-container .chzn-results li,
  #gform_wrapper_3 #gform_1 .chzn-container-single.chzn-container .chzn-results li,
  #gform_wrapper_1 #gform_1 .chzn-container-single.chzn-container .chzn-results li,
  #gform_wrapper_3 #gform_3 .chosen-container-single.chosen-container .chzn-results li,
  #gform_wrapper_1 #gform_3 .chosen-container-single.chosen-container .chzn-results li,
  #gform_wrapper_3 #gform_1 .chosen-container-single.chosen-container .chzn-results li,
  #gform_wrapper_1 #gform_1 .chosen-container-single.chosen-container .chzn-results li,
  #gform_wrapper_3 #gform_3 .chzn-container-single.chzn-container .chosen-results li,
  #gform_wrapper_1 #gform_3 .chzn-container-single.chzn-container .chosen-results li,
  #gform_wrapper_3 #gform_1 .chzn-container-single.chzn-container .chosen-results li,
  #gform_wrapper_1 #gform_1 .chzn-container-single.chzn-container .chosen-results li,
  #gform_wrapper_3 #gform_3 .chosen-container-single.chosen-container .chosen-results li,
  #gform_wrapper_1 #gform_3 .chosen-container-single.chosen-container .chosen-results li,
  #gform_wrapper_3 #gform_1 .chosen-container-single.chosen-container .chosen-results li,
  #gform_wrapper_1 #gform_1 .chosen-container-single.chosen-container .chosen-results li {
    padding-left: 10px;
    margin-bottom: 0;
  }
  #gform_wrapper_3 #gform_3 ul#col1,
  #gform_wrapper_1 #gform_3 ul#col1,
  #gform_wrapper_3 #gform_1 ul#col1,
  #gform_wrapper_1 #gform_1 ul#col1,
  #gform_wrapper_3 #gform_3 ul#col2,
  #gform_wrapper_1 #gform_3 ul#col2,
  #gform_wrapper_3 #gform_1 ul#col2,
  #gform_wrapper_1 #gform_1 ul#col2 {
    width: 50%;
    float: left;
  }
  #gform_wrapper_3 #gform_3 ul#col1 li,
  #gform_wrapper_1 #gform_3 ul#col1 li,
  #gform_wrapper_3 #gform_1 ul#col1 li,
  #gform_wrapper_1 #gform_1 ul#col1 li,
  #gform_wrapper_3 #gform_3 ul#col2 li,
  #gform_wrapper_1 #gform_3 ul#col2 li,
  #gform_wrapper_3 #gform_1 ul#col2 li,
  #gform_wrapper_1 #gform_1 ul#col2 li {
    list-style-type: none !important;
  }
  #gform_wrapper_3 #gform_3 ul#col2,
  #gform_wrapper_1 #gform_3 ul#col2,
  #gform_wrapper_3 #gform_1 ul#col2,
  #gform_wrapper_1 #gform_1 ul#col2 {
    width: 49%;
    margin-left: 1% !important;
  }
  #gform_wrapper_3 #gform_3 ul#col2 .gfield_label,
  #gform_wrapper_1 #gform_3 ul#col2 .gfield_label,
  #gform_wrapper_3 #gform_1 ul#col2 .gfield_label,
  #gform_wrapper_1 #gform_1 ul#col2 .gfield_label {
    display: none;
  }
  #gform_wrapper_3 #gform_3 ul#col2 div.ginput_container,
  #gform_wrapper_1 #gform_3 ul#col2 div.ginput_container,
  #gform_wrapper_3 #gform_1 ul#col2 div.ginput_container,
  #gform_wrapper_1 #gform_1 ul#col2 div.ginput_container {
    width: 100%;
    margin-top: 13px;
  }
  #gform_wrapper_3 #gform_3 .gform_footer,
  #gform_wrapper_1 #gform_3 .gform_footer,
  #gform_wrapper_3 #gform_1 .gform_footer,
  #gform_wrapper_1 #gform_1 .gform_footer {
    width: 49%;
    float: right;
    margin: 0;
    margin-top: -93px;
    height: 78px;
    position: relative;
  }
  #gform_wrapper_3 #gform_3 .gform_footer input[type="submit"],
  #gform_wrapper_1 #gform_3 .gform_footer input[type="submit"],
  #gform_wrapper_3 #gform_1 .gform_footer input[type="submit"],
  #gform_wrapper_1 #gform_1 .gform_footer input[type="submit"] {
    height: 52px;
    width: 100%;
    font-size: 20px;
  }
  #adresses {
    float: right;
    width: 30%;
    max-width: 335px;
    padding-bottom: 25px;
  }
  #adresses .ville {
    text-transform: uppercase;
    font: 14px allerbold,arial,helvetica;
    color: #171615;
    padding: 5px 20px 7px;
    background: url(../images/sprite.png) right -2315px no-repeat #fff;
    cursor: pointer;
  }
  #adresses .ville.opened {
    background-position: right -2245px;
  }
  #adresses .coordonnees {
    background-color: #f3f3f3;
    padding: 20px;
    display: none;
  }
  #adresses #adresse1 .ville {
    border-bottom: 1px solid #f3f3f3;
  }
  #adresses #adresse1 .coordonnees {
    display: block;
  }
  /*********************
FOOTER STYLES
*********************/
  .footer {
    display: block;
  }
  .footer #inner-footer {
    width: 100%;
    height: 28px;
    border-top: 1px solid #10100f;
    /* Anciens navigateurs */
    background: #1c1b1a url("../images/gradient-bg.png") repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Navigateurs récents */
    background: -webkit-gradient(linear, left top, left bottom, from(#343331), to(#1c1b1a));
    background: -webkit-linear-gradient(top, #343331, #1c1b1a);
    background: -moz-linear-gradient(top, #343331, #1c1b1a);
    background: -o-linear-gradient(top, #343331, #1c1b1a);
    background: linear-gradient(top, #343331, #1c1b1a);
  }
  .footer .menu,
  .footer .nav {
    margin: 0;
  }
  .footer .menu li,
  .footer .nav li {
    list-style-image: none;
    float: left;
    /* Anciens navigateurs */
    background: #393939 url("../images/gradient-bgfoot.png") repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Navigateurs récents */
    background: -webkit-gradient(linear, left top, left bottom, from(#4d4c4c), to(#393939));
    background: -webkit-linear-gradient(top, #4d4c4c, #393939);
    background: -moz-linear-gradient(top, #4d4c4c, #393939);
    background: -o-linear-gradient(top, #4d4c4c, #393939);
    background: linear-gradient(top, #4d4c4c, #393939);
  }
  .footer .menu li a,
  .footer .nav li a {
    text-decoration: none;
    font: 11px arial,helvetica;
    color: #d2d1d1;
    padding: 6px 10px;
    float: left;
    display: inline-block;
  }
  .footer .menu li.fb a,
  .footer .nav li.fb a,
  .footer .menu li.twt a,
  .footer .nav li.twt a,
  .footer .menu li.ytb a,
  .footer .nav li.ytb a {
    text-indent: -2000px;
    overflow: hidden;
    width: 36px;
    height: 25px;
    border-right: 1px solid #100f0f;
    background: url("../images/sprite.png") no-repeat transparent;
  }
  .footer .menu li.fb:hover,
  .footer .nav li.fb:hover,
  .footer .menu li.twt:hover,
  .footer .nav li.twt:hover,
  .footer .menu li.ytb:hover,
  .footer .nav li.ytb:hover {
    /* Anciens navigateurs */
    background: #535252 url("gradient-bg.png") repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Navigateurs récents */
    background: -webkit-gradient(linear, left top, left bottom, from(#737272), to(#535252));
    background: -webkit-linear-gradient(top, #737272, #535252);
    background: -moz-linear-gradient(top, #737272, #535252);
    background: -o-linear-gradient(top, #737272, #535252);
    background: linear-gradient(top, #737272, #535252);
  }
  .footer .menu li.twt a,
  .footer .nav li.twt a {
    background-position: -7px -1592px;
  }
  .footer .menu li.fb a,
  .footer .nav li.fb a {
    background-position: -7px -1663px;
  }
  .footer .menu li.ytb a,
  .footer .nav li.ytb a {
    background-position: -7px -1717px;
  }
  .footer .menu li.followus,
  .footer .nav li.followus {
    cursor: default;
  }
  .footer .menu li.followus a,
  .footer .nav li.followus a {
    padding-right: 20px;
  }
  .footer ul {
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  .footer ul li {
    list-style-image: none;
    float: left;
    /* Anciens navigateurs */
    background: #535252 url("gradient-bg.png") repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Navigateurs récents */
    background: -webkit-gradient(linear, left top, left bottom, from(#737272), to(#535252));
    background: -webkit-linear-gradient(top, #737272, #535252);
    background: -moz-linear-gradient(top, #737272, #535252);
    background: -o-linear-gradient(top, #737272, #535252);
    background: linear-gradient(top, #737272, #535252);
  }
  .footer .addthis_button_compact {
    font: 11px arial,helvetica;
    background: url("../images/sprite.png") no-repeat -9px -1776px;
    text-decoration: none;
    color: #d2d1d1;
    padding: 6px 10px 6px 30px;
    display: inline-block;
  }
  .footer .addthis_button_compact .at16nc {
    background: none;
    height: 0;
  }
  .footer .nav {
    float: right;
  }
  .footer .nav li {
    background: none;
  }
  .footer .nav li a {
    color: #777;
    text-decoration: underline;
    border-left: dashed 1px #3b3a38;
  }
  #at15s.atm {
    margin-top: 12px;
    margin-left: -31px;
  }
  #at15s.atm .atm-i {
    background-color: #6f6e6e;
    border: none;
  }
  #at15s.atm .atm-i a,
  #at15s.atm .atm-i span {
    color: #d2d1d1;
    font: 11px arial,helvetica;
  }
  #at15s.atm .atm-i a:hover,
  #at15s.atm .atm-i span:hover {
    background-color: #4c4b4b;
  }
  #at15s.atm .atm-i .atm-f {
    background-color: #9b9999 !important;
  }
  #at15s.atm .atm-i .atm-f a,
  #at15s.atm .atm-i .atm-f span {
    color: #fff !important;
  }
  #at15s.atm .atm-i .atm-f:hover {
    background-color: #4c4b4b !important;
  }
  #at15s.atm #at_auth:hover {
    background-color: #4c4b4b;
  }
  /*
you'll probably need to do quite a bit
of overriding here if you styled them for
mobile. Make sure to double check these!
*/
  .footer-links ul li {
    /* 
			be careful with the depth of your menus.
			it's very rare to have multi-depth menus in
			the footer.
			*/
  }
  /* end .footer-links */
  body.page-template-documents-php #inner-content #main #filtrage #posts article header,
  body.post-type-archive-document #inner-content #main #filtrage #posts article header {
    height: 300px;
  }
  body.page-template-documents-php #inner-content #main #filtrage #posts article,
  body.post-type-archive-document #inner-content #main #filtrage #posts article {
    height: 300px !important;
  }
  .share-btns {
    display: block;
    margin: 10px 0;
  }
}
@media only screen and (min-width: 1020px) and only screen and (min-width: 1280px) {
  body.page-template-documents-php #inner-content #main #filtrage #posts article header {
    height: 225px;
  }
  body.page-template-documents-php #inner-content #main #filtrage #posts article {
    height: 225px !important;
  }
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
  /*********************
SINGLE LOGICIEL
*********************/
  .single-logiciel .tablette header.article-header {
    margin-top: 119px;
    padding: 0 2%;
  }
  .single-logiciel .tablette #main article {
    float: left;
    width: 100%;
    margin-top: 0;
  }
  .single-logiciel .tablette #main #sidebar {
    float: left;
    margin: 20px 0 0 2%;
  }
  /*********************
SINGLE EVENT
*********************/
  .single-event .tablette #main article section.post-content {
    width: 100%;
    float: left;
  }
  .single-event .tablette #main article footer.article-footer {
    width: 100%;
    float: right;
  }
  .single-event .tablette #layer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    float: left;
    overflow-y: auto;
  }
  .single-event .tablette #layer #em-booking .em-booking-form-details {
    padding: 0 30px 30px;
    background-color: #fff;
    width: 80%;
    margin-left: -40%;
    top: 155px;
  }
  /*********************
PAGE CONTACT
*********************/
  .tablette #gform_wrapper_3,
  .tablette #gform_wrapper_1 {
    width: 65%;
    float: left;
  }
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  #bas_page {
    top: 170px;
    bottom: auto;
  }
}
/******************************************************************
Site Name: 
Author: 

Stylesheet: IE Stylesheet

So instead of using the respond.js file to add media query support
to IE, we're going to use LESS to create an easily readable css file.
Here, we import all the styles the standard stylesheet gets, only
without the media queries. No need to worry about editing anything!

******************************************************************/
/*
Remember, all the BASE styles are called already since IE can
read those. Below, we need to import only the stuff IE can't 
understand (what's inside the media queries). We also need to
import the mixins file so LESS can understand the variables.
*/
/* import mixins */
/* 
you can call the larger styles if you want, but there's really no need 
*/
/******************************************************************
ADDITIONAL IE FIXES
These fixes are now ONLY seen by IE, so you don't have to worry
about using prefixes, although it's best practice. For more info
on using Modernizr classes, check out this link:
http://www.modernizr.com/docs/
******************************************************************/
/*
For example, you can use something like:

.no-textshadow .class { ... }

You can also target specific versions by using the classes applied to
the html element. These can sometimes change, so take a look inside the
header.php file to see what they are:


.lt-ie8 .class { ... }

*/
html[data-useragent*='MSIE 10.0'] .mapp-ib .mapp-body a,
html[data-useragent*='rv:11.0'] .mapp-ib .mapp-body a,
html[data-useragent*='MSIE 9.0'] .mapp-ib .mapp-body a {
  background-color: #f3b800;
}
html[data-useragent*='MSIE 10.0'] .gform_footer input[type='submit'],
html[data-useragent*='rv:11.0'] .gform_footer input[type='submit'],
html[data-useragent*='MSIE 9.0'] .gform_footer input[type='submit'],
html[data-useragent*='MSIE 10.0'] .gform_footer .button,
html[data-useragent*='rv:11.0'] .gform_footer .button,
html[data-useragent*='MSIE 9.0'] .gform_footer .button,
html[data-useragent*='MSIE 10.0'] .gform_footer .button:visited,
html[data-useragent*='rv:11.0'] .gform_footer .button:visited,
html[data-useragent*='MSIE 9.0'] .gform_footer .button:visited {
  background-color: #f3b800 !important;
  border-top: 2px solid #f6cb45 !important;
}
html[data-useragent*='MSIE 10.0'] .gform_footer input[type='submit']:hover,
html[data-useragent*='rv:11.0'] .gform_footer input[type='submit']:hover,
html[data-useragent*='MSIE 9.0'] .gform_footer input[type='submit']:hover,
html[data-useragent*='MSIE 10.0'] .gform_footer .button:hover,
html[data-useragent*='rv:11.0'] .gform_footer .button:hover,
html[data-useragent*='MSIE 9.0'] .gform_footer .button:hover,
html[data-useragent*='MSIE 10.0'] .gform_footer .button:visited:hover,
html[data-useragent*='rv:11.0'] .gform_footer .button:visited:hover,
html[data-useragent*='MSIE 9.0'] .gform_footer .button:visited:hover {
  background-color: #f3b800 !important;
  border-top: 2px solid #f6cb45 !important;
}
html[data-useragent*='MSIE 10.0'] .page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-left .ui-state-default,
html[data-useragent*='rv:11.0'] .page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-left .ui-state-default,
html[data-useragent*='MSIE 9.0'] .page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-left .ui-state-default,
html[data-useragent*='MSIE 10.0'] .page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-right .ui-state-default,
html[data-useragent*='rv:11.0'] .page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-right .ui-state-default,
html[data-useragent*='MSIE 9.0'] .page-template-events-php #main article section #calendrier #wpfc-calendar-wrapper .fc-header tbody tr .fc-header-right .ui-state-default {
  background: none #f2b600 !important;
}
html[data-useragent*='MSIE 10.0'] .page-template-events-php #main article section #liste article section h2,
html[data-useragent*='rv:11.0'] .page-template-events-php #main article section #liste article section h2,
html[data-useragent*='MSIE 9.0'] .page-template-events-php #main article section #liste article section h2 {
  margin-top: -25px;
}
html[data-useragent*='MSIE 8.0'] #main {
  background: none #e0eaf0 !important;
}
html[data-useragent*='MSIE 8.0'] #gform_wrapper_3 #gform_3 input.medium,
html[data-useragent*='MSIE 8.0'] #gform_wrapper_3 #gform_3 textarea.medium {
  width: 97.5% !important;
}
html[data-useragent*='MSIE 8.0'] #gform_wrapper_3 #gform_3 .gform_footer input[type='submit'],
html[data-useragent*='MSIE 8.0'] #gform_wrapper_3 #gform_3 .button {
  background-color: #f3b800 !important;
  border-top: 2px solid #f6cb45 !important;
  margin: 9px 0 0 0;
}
html[data-useragent*='MSIE 8.0'] #mappress {
  height: 800px !important;
}
html[data-useragent*='MSIE 8.0'] #mappress .mapp-layout {
  height: 800px !important;
}
html[data-useragent*='MSIE 8.0'] #mappress .mapp-layout #mapp0 {
  height: 800px !important;
}
/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with 
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
Site Name: 
Author: 

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
  /* 

EXAMPLE 
Let's say you have an image and you need to make sure it looks ok
on retina screens. Let's say we have an icon which dimension are
24px x 24px. In your regular stylesheets, it would look something
like this:

.icon {
	width: 24px;
	height: 24px;
	background: url(img/test.png) no-repeat;
}

For retina screens, we have to make some adjustments, so that image
doesn't look blurry. So, taking into account the image above and the
dimensions, this is what we would put in our retina stylesheet:

.icon {
	background: url(img/test@2x.png) no-repeat;
	background-size: 24px 24px;
}

So, you would create the same icon, but at double the resolution, meaning 
it would be 48px x 48px. You'd name it the same, but with a @2x at the end
(this is pretty standard practice). Set the background image so it matches
the original dimensions and you are good to go. 

*/
}
/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}