/* ==========================================================================
   RESET (pxtoem.com)
   ========================================================================== */

*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-rendering:optimizeLegibility;outline:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:1em;-webkit-text-size-adjust:1em;-ms-text-size-adjust:1em;margin:0;padding:0;height:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0;padding:0;height:100%}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:75%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

/* ==========================================================================
   Simple Grid Framework
   ========================================================================== */

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-offset-1, .col-offset-2, .col-offset-3, .col-offset-4, .col-offset-5, .col-offset-6, .col-offset-7, .col-offset-8, .col-offset-9, .col-offset-10, .col-offset-11, .col-offset-12 { float: left; min-height: 1px; }
.col-1, .col-offset-1 { width: 8.33333333333%; }
.col-2, .col-offset-2 { width: 16.6666666666%; }
.col-3, .col-offset-3 { width: 24.9999999999%; }
.col-4, .col-offset-4 { width: 33.3333333333%; }
.col-5, .col-offset-5 { width: 41.6666666666%; }
.col-6, .col-offset-6 { width: 49.9999999999%; }
.col-7, .col-offset-7 { width: 58.3333333333%; }
.col-8, .col-offset-8 { width: 66.6666666666%; }
.col-9, .col-offset-9 { width: 74.9999999999%; }
.col-10, .col-offset-10 { width: 83.3333333333%; }
.col-11, .col-offset-11 { width: 91.6666666666%; }
.col-12, .col-offset-12 { width: 100%; }

@media screen and (min-width : 768px) and (max-width : 1024px) {
	.col-offset-1, .col-offset-2, .col-offset-3, .col-offset-4, .col-offset-5, .col-offset-6, .col-offset-7, .col-offset-8, .col-offset-9, .col-offset-10, .col-offset-11, .col-offset-12 { width: 0% !important; display: none; }
}

@media screen and (max-width: 767px) {
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: none; width: 100%; }
 	.col-offset-1, .col-offset-2, .col-offset-3, .col-offset-4, .col-offset-5, .col-offset-6, .col-offset-7, .col-offset-8, .col-offset-9, .col-offset-10, .col-offset-11, .col-offset-12 { width: 0% !important; display: none; }
}

/* ==========================================================================
   GENERAL
   ========================================================================== */

* {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
html{font-size:16px}
body{background:#fff;color:#333333;font-family:'Open Sans',arial,helvetica,sans-serif;overflow-x:hidden!important;}
.wrapper{max-width:1200px;margin:0 auto;position:relative;clear:both;}
.clear:after {clear:both;display:block;content:'';}
img {max-width:100%;height:auto;}

input, textarea, select {border:1px solid #dadada;padding:2px!important;}
input:focus, textarea:focus, select:focus {outline:none;border-color:#cc0000;box-shadow:0 0 3px #cc0000;} 

.fixed {position:fixed!important;top:0;z-index:999;right:0;left:0;background-color:#fff;}

/* ==========================================================================
   Titres & Texte
   ========================================================================== */

p{font-size:1rem}
a,a:link,a:visited,a:active,a:focus,a:hover{text-decoration:none;outline:none;}
a, a:link, a:visited { color:#cc0000; }                   /* Default link color */
a:hover, a:active, a:focus { color:#000; }             /* Survol link color */
b,strong{font-weight:700}

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

h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-weight:600;}
h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:1rem;}
h1{font-size:1.5rem;margin-bottom:1.5rem;font-weight:700;}
h2{font-size:1.3rem;margin-bottom:0.9rem;font-weight:700;}
h3{font-size:1.4rem;margin-bottom:1.3rem;}
h4{font-size:1.3rem;margin-bottom:1.2rem;}
h5{font-size:1.2rem;margin-bottom:1.1rem;}
h6{font-size:1.1rem;margin-bottom:1.0rem;}

/* ==========================================================================
   MENU
   ========================================================================== */

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  /*width: auto;*/
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  line-height: 1;
  background: transparent;
}
#menu-line {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #ff0000;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu ul ul.sub-menu {
	z-index: 9999;
	padding-top: 11px;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {            /* Lien */
  padding: 17px 8px;
  margin: 8px 4px 0;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  color: #4b4b4b;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,       /* Lien Hover - Actif */
#cssmenu > ul > li.current-menu-item > a,
#cssmenu > ul > li.current-menu-ancestor > a {
  color: #ff0000;
  background-color: transparent;
}
#cssmenu > ul > li.has-sub.current-menu-item > a::after,         /* Fleche sous-menu - actif */
#cssmenu > ul > li.has-sub.current-menu-ancestor > a::after {
  border-color: #ff0000;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 22px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #cc0000;
}
#cssmenu ul ul {          /* Container Sous-menu */
  position: absolute;
  left: -9999px;
  padding:10px 0;
  background: #fff;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 32px;
}
#cssmenu ul ul li a {        /* Lien Sous-menu */
  padding: 10px 20px;
  white-space:nowrap; 
  /*width: 160px;*/
  font-size: 14px;
  text-decoration: none;
  color: #4b4b4b;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,     /* Lien Sous-menu Hover */
#cssmenu ul ul li a:hover {
  color: #ff0000;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
/* @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { */
@media screen and (max-width:767px) {
  #cssmenu {
    width: 100%;
	background-color: #cc0000;
  }
  #cssmenu .nav-top {
	background-color: #737373;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
 #cssmenu ul ul {          /* Container Sous-menu */
	  padding:0;
	  background: #8d8d8d;
	}
  #cssmenu > ul > li > a {       /* Lien */
	 font-size: 14px;
	 color: #dfdfdf;
	 font-weight: 500;
	 margin-top:0;
	 padding: 20px 8px;
  }
  #cssmenu > ul > li:hover > a,       /* Lien Hover - Actif */
  #cssmenu > ul > li.current-menu-item > a,
  #cssmenu > ul > li.current-menu-ancestor > a {
    color: #ffffff;
	background-color: transparent;
  }
  #cssmenu ul ul li a {
	 font-size: 12px;
  }
  #cssmenu ul ul.sub-menu {
	 padding-top: 0; 
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(200, 200, 200, 0.4);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {             /* Sous-menu */
    padding: 20px 20px 20px 30px;
    font-size: 14px;
    color: #dfdfdf;
    background: none;
	font-weight:400;
  }
  #cssmenu ul ul li:hover > a,     /* Sous-menu Hover */
  #cssmenu ul ul li a:hover {
    color: #fff;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px 20px 20px 60px;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 22px;
    left: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #ffffff;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 27px;
    left: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(200, 200, 200, 0.4);
    height: 54px;
    width: 54px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #ffffff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #ffffff;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
  /*#banner #menu-container #cssmenu .menu-item-159 a {background-color:transparent!important;}*/
}

/* ==========================================================================
   ARCHIVES (smart archives reloaded)
   ========================================================================== */

#smart-archives-fancy{overflow:hidden;margin-top:20px!important}
#smart-archives-fancy h2{text-align:left}
#smart-archives-fancy a{color:#b2b2b2!important}
#smart-archives-fancy ul.tabs.month-list a{color:#bdc0c3!important}
#smart-archives-fancy ul.tabs.month-list .empty-month{color:#9fa6a9!important}
#smart-archives-fancy a.current,#smart-archives-fancy ul.tabs.month-list a.current{color:#fff!important}
#smart-archives-fancy .month-archive-link{display:none}
#smart-archives-fancy ul.tabs.year-list{background-color:#E4AE49;border-bottom:#d7d7d7;padding:4px 0 0!important;margin-top:0!important}
#smart-archives-fancy ul.tabs.month-list{background-color:#8d9396;border-bottom:#d7d7d7;padding:5px 0 5px 5px !important}
#smart-archives-fancy h2.month-heading{text-transform:uppercase;font-size:1.714em;margin:0}
#smart-archives-fancy .pane ul.archive-list{padding-left:20px;margin:0}
#smart-archives-fancy .pane ul.archive-list li{list-style-type:disc!important;color:#a5a6a8}
#smart-archives-fancy .pane ul.archive-list a{color:#585858!important}
#smart-archives-fancy .pane ul.archive-list a:hover{color:#9fa6a9!important}

/* ==========================================================================
   QUOTE
   ========================================================================== */

blockquote p{margin-bottom:0!important}
blockquote{width:80%;color:#EEA41B;font-size:1.3em!important;line-height:1.2;text-align:center;padding:24px 60px;margin:40px auto!important;margin-bottom:18px;border:solid 1px #dcdcdc;position:relative;background-color:#fff}
blockquote:before,blockquote:after{position:absolute;width:48px;height:48px;content:".";font-size:0}
blockquote:before{background-image:url(http://i.imgur.com/uoHCjSK.png);top:0;left:0}
blockquote:after{background-image:url(http://i.imgur.com/m3HnqqU.png);bottom:0;right:0}

/* ==========================================================================
   TABS
   ========================================================================== */

#tabs-container {padding: 0;margin: -20px auto 0;}
#tabs-container section {display: none;padding: 20px 0 0;border-top: none;}
#tabs-container input {display: none;}
#tabs-container label {display: inline-block;margin: 0 0 -1px;padding: 10px 15px;text-align: center;font-family:'Delius Swash Caps', cursive;color: #333333;background-color: #d6c5cf;}
#tabs-container label:before {font-family: fontawesome;font-weight: normal;margin-right: 10px;}
#tabs-container label:hover {color: #888;cursor: pointer;}
#tabs-container input:checked + label {color: #fff;background-color: #8c779d;}
#tabs-container #tab1:checked ~ #content1, #tabs-container #tab2:checked ~ #content2, #tabs-container #tab3:checked ~ #content3, #tabs-container #tab4:checked ~ #content4 {display: block;}
@media screen and (max-width: 767px) {
  #tabs-container {margin-top: -10px;}
  #tabs-container label {font-size: 1rem;padding: 10px 10px;display: block;margin-bottom:1px;}
}

/*
#tabs-container label {
	border: 1px solid #eaeaea;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
	color: #737373;
        border-radius: 5px;
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#tabs-container label:hover {color:#342e2b;border: 1px solid #cccccc;}
#tabs-container input:checked + label {color: #fff;background: #e6007e;}
*/

/* ==========================================================================
   TABLE
   ========================================================================== */

.pure-table {border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb;width:100%;}
.pure-table caption {color:#000;font:italic 85%/1 arial, sans-serif;padding:1em 0;text-align:center;}
.pure-table td,
.pure-table th {border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:0.5em 1em;}
.pure-table tr td:nth-child(even) {text-align:right;}
.pure-table td:first-child,
.pure-table th:first-child {border-left-width:0;}
.pure-table thead {background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom;}
/*
striping:
   even - #fff (white)
   odd  - #f2f2f2 (light gray)
*/
.pure-table td { background-color: transparent; }
.pure-table-odd td { background-color: #f2f2f2; }
.pure-table-striped tr:nth-child(2n-1) td { background-color: #f2f2f2; }
/* BORDERED TABLES */
.pure-table-bordered td { border-bottom: 1px solid #cbcbcb; }
.pure-table-bordered tbody > tr:last-child > td { border-bottom-width: 0; }
/* HORIZONTAL BORDERED TABLES */
.pure-table-horizontal td, .pure-table-horizontal th { border-width: 0 0 1px 0; border-bottom: 1px solid #cbcbcb; }
.pure-table-horizontal tbody > tr:last-child > td { border-bottom-width: 0; }

/* --------------------- RE-ECRIRE LE DESIGN DES TABLES (facultatif) ---------------------------- */
.pure-table {border: none;}
.pure-table tr {border-bottom:1px solid #cbcbcb;}
.pure-table tr:last-child {border-bottom:none;}
.pure-table-odd td {background-color: transparent;}
.pure-table tr > td {font-weight:600;}
.pure-table tr > td:last-child {color:#e6007e;}

/* ==========================================================================
   PAGINATION
   ========================================================================== */

.pagination{padding:0;position:relative;font-size:1rem;line-height:13px;text-align:center;}
.pagination span,.pagination a{display:inline-block;margin:0 4px;padding:10px 15px;text-decoration:none;width:auto;color:#fff;background:#555}
.pagination a:hover{color:#fff;background:#e6007e}
.pagination .current{background:#e6007e;color:#fff}

/* ==========================================================================
   HELPER WP CLASS
   ========================================================================== */

/* Livre d'or */

#gwolle_gb {margin: 0 auto;}
#gwolle_gb h3 {font-size: 1.2rem;text-transform:none;}
#gwolle_gb form#gwolle_gb_new_entry, #gwolle_gb #gwolle_gb_write_button {margin-top:0!important}
#gwolle_gb #gwolle_gb_messages {background:#fff!important;border-top:1px solid #7AD03A!important;border-right:1px solid #7AD03A!important;border-bottom:1px solid #7AD03A !important;}
#gwolle_gb #gwolle_gb_messages.error, #gwolle_gb #gwolle_gb_messages.double_post {background:#fff !important;border-top:1px solid #DD3D36!important;border-right:1px solid #DD3D36!important;border-bottom:1px solid #DD3D36!important;}
#gwolle_gb #gwolle_gb_messages p {display: none;}
#gwolle_gb #gwolle_gb_messages p.entry_saved, #gwolle_gb #gwolle_gb_messages p.double_post {display: block;}
#gwolle_gb #gwolle_gb_entries .gb-entry {background: #fff !important;margin: 30px auto !important;padding: 15px !important;border: 1px solid #8c779d !important;}
#gwolle_gb #gwolle_gb_entries .gb-author-info {margin-bottom: 10px;}
#gwolle_gb #gwolle_gb_entries .gb-author-info .gb-time, #gwolle_gb #gwolle_gb_entries .gb-author-info .gb-author-avatar, #gwolle_gb a.gwolle_gb_edit_link, #gwolle_gb .gb-date {display: none;}
#gwolle_gb #gwolle_gb_entries {width: 100%;margin-right: auto;margin-left: auto;}
#gwolle_gb .gwolle_gb_antispam input {margin-top:20px}
#gwolle_gb .gwolle_gb_submit input {padding:1px 25px}

/* Slider Soliloquy */

/* BX Slider Jquery */

.bx-wrapper {margin-bottom:0;}
.bx-wrapper .bx-viewport {border:none;box-shadow:none;left:0;}
.bx-wrapper .bx-viewport > ul {margin:0;padding:0;}
.bx-wrapper .bx-viewport > ul li img {width:auto;height:auto;min-height:100%;min-width:100%;}

/* Gallery Visual Composer */

section#content .wpb_image_grid_ul li.isotope-item {width:25%;position:none;margin:0;}
section#content .wpb_image_grid_ul li.isotope-item:nth-child(4n+1) {padding-right:10px;}
section#content .wpb_image_grid_ul li.isotope-item:nth-child(4n+4) {padding-left:10px;}
section#content .wpb_image_grid_ul li.isotope-item:nth-child(4n+2) {padding:0 5px;}
section#content .wpb_image_grid_ul li.isotope-item:nth-child(4n+3) {padding:0 5px;}
section#content .wpb_image_grid_ul li.isotope-item img {max-width:100%;height:auto;}
@media screen and (max-width:767px) {
	section#content .wpb_image_grid_ul li.isotope-item {width:50%;position:none;margin:0;padding:0!important;}
	section#content .wpb_image_grid_ul li.isotope-item:nth-child(2n+1) {padding:0 5px 10px 0!important;}
	section#content .wpb_image_grid_ul li.isotope-item:nth-child(2n+2) {padding:0 0 10px 5px!important;}
}

/* Responsive Google Maps */

.google-maps {position:relative;padding-bottom:/*21%*/400px;overflow:hidden;margin-top:0;width:100%;margin-top:40px;}
.google-maps iframe {position:absolute;top:0;left:0;width:100%!important;height:400px!important;}
.google-maps h3.map-title {/*margin-left:5px;*/margin-top:20px!important;}

/* Contact Form 7 */

div.wpcf7 {padding-top:0}
div.wpcf7 p{margin:6px 0!important}
div.wpcf7 .g-recaptcha {width:50%;float:left;position:relative;margin:20px 0;}
div.wpcf7 p.size-50{width:50%;float:left;position:relative}
div.wpcf7 p.size-33{width:33.3%;float:left;position:relative}
div.wpcf7 p.size-25{width:25%;float:left;position:relative}
div.wpcf7 span{position:relative;}
div.wpcf7 p.size-25 input, div.wpcf7 p.size-25 textarea{width:100%}
div.wpcf7 p.size-33 input,div.wpcf7 p.size-33 textarea{width:100%}
div.wpcf7 p.size-50 input, div.wpcf7 p.size-50 textarea{width:100%}
div.wpcf7 p.size-100 input, div.wpcf7 p.size-100 textarea{width:100%}
div.wpcf7 p.size-100{clear:both}
div.wpcf7 .wpcf7-response-output{margin:20px 0;width:100%;padding:10px}
div.wpcf7 .wpcf7-radio span.wpcf7-list-item{display:inline-block;width:auto;margin-right:20px;}
div.wpcf7 .wpcf7-radio span.wpcf7-list-item.left{margin-right:0}
div.wpcf7 p.marqued{clear:both}
div.wpcf7 input[type="radio"],#form-container input[type="checkbox"]{height:auto!important;width:auto!important}
div.wpcf7 .wpcf7-checkbox .wpcf7-list-item{display:block;width:100%;margin:5px 0}
div.wpcf7 .wpcf7-radio .wpcf7-list-item{margin-left:0;margin-right:0}
div.wpcf7 .left{padding-right:15px}
div.wpcf7 .center{padding:0 15px}
div.wpcf7 .right{padding-left:15px}
div.wpcf7 input[type="submit"]{margin-top:34px;padding:7px 15px!important;background-color:#cc0000;color:#fff;display:inline-block;width: auto!important;}
div.wpcf7 textarea{height:90px}
div.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;margin:0;padding:0;border:0 none}
div.wpcf7 .wpcf7-mail-sent-ok{border:1px solid #a1c15e;background-color:#dee3ab;color:#5d692b} /* ------ GREEN ------ */
div.wpcf7 .wpcf7-mail-sent-ng{border:1px solid #ff989a;background-color:#fecccb;color:#b42004} /* ------ RED ------ */
div.wpcf7 .wpcf7-spam-blocked{border:1px solid #ff989a;background-color:#fecccb;color:#b42004} /* ------ RED ------ */
div.wpcf7 .wpcf7-validation-errors{border:1px solid #e5c554;background-color:#fdebad;color:#9e670c} /* ------ ORANGE ------ */
div.wpcf7 span[role="alert"]{display:block;color:#b42004}
@media screen and (max-width:767px) {
	div.wpcf7 .wpcf7-radio .wpcf7-list-item{margin-right:10px}
	div.wpcf7 .wpcf7-radio span.wpcf7-list-item{display:block;width:100%}
}

 /* ALERT BOXES */

.valide_box{border:1px solid #a1c15e;background-color:#dee3ab;color:#5d692b} /* ------ GREEN ------ */
.warning_box{border:1px solid #ff989a;background-color:#fecccb;color:#b42004} /* ------ RED ------ */
.note_box{border:1px solid #e5c554;background-color:#fdebad;color:#9e670c} /* ------ YELLOW ------ */
.info_box{border:1px solid #65a4d0;background-color:#bfe3f9;color:#3d559d} /* ------ BLUE ------ */

/* Responsive Lightbox */

#swipebox-overlay {background: rgba(0,0,0,0.85)!important;}
#swipebox-bottom-bar, #swipebox-top-bar {background: none!important;}
#swipebox-close {right:20px!important;}
#swipebox-slider .slide {padding:50px 0 60px;}
#swipebox-arrows {padding-right:20px!important;}

/* WORDPRESS CORE */

.alignnone{margin:5px 20px 23px 0!important;}
.aligncenter,div.aligncenter{display:block;margin:0 auto;}
.alignright{float:right;margin:5px 0 23px 40px!important;}
.alignleft{float:left;margin:5px 40px 23px 0!important;}
a img.alignright{float:right;margin:5px 0 23px 40px!important;}
a img.alignnone{margin:5px 20px 23px 0!important;}
a img.alignleft{float:left;margin:5px 40px 23px 0!important;}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#FFF;border:1px solid #F0F0F0;max-width:96%;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 .wp-caption-text,.gallery-caption{font-size:.786em;line-height:17px;margin:0;padding:0 4px 5px}

@media screen and (max-width:767px) {
	#content img.alignnone, #content img.alignleft, #content img.alignright, #content img.aligncenter {float:none;margin:0 auto!important;}
	#content .image-container {width:100%;text-align:center;min-height:1px;margin:1rem auto 1.5rem;}
	#content .image-container:after {
		content: " ";
		display: block;
		clear: both;
	}
}

/* Soliloquy */

#slider img.soliloquy-image {min-width:100%;}

/* ==========================================================================
   HEADER
   ========================================================================== */

#banner {position:relative;height:6rem;}
#banner #menu-container, #banner #cssmenu {float:right;}

/* ==========================================================================
   FOOTER
   ========================================================================== */

#footer {position:relative;overflow:hidden;background-color:#333333;padding:2.2rem 0 2.5rem;}
#footer, #footer a {color:#8e8e8e;}
#footer a:hover {color:#fff;}
#footer h4 {color:#fff;}
#footer ul {margin:0;padding:0;list-style-type:none}
#footer ul li:before {display:inline-block;content:'-';margin-right:5px;color:#8e8e8e;position:relative;top:-3px}
#footer ul ul {padding-left:15px;}
#footer .footer-logo {text-align:center;}
#footer .footer-logo img {margin:30px 0;}
#footer .footer-infos {text-align:right;}
#footer .footer-infos .fa {margin-left:6px;cursor:pointer;}
#footer .footer-infos .fa-facebook:hover {color:#3B5998;}
#footer .footer-infos .fa-twitter:hover {color:#4099FF;}

/* ==========================================================================
   CONTENT
   ========================================================================== */

h1 {background-color:#fff;display:inline-block;padding-right:20px;}
h1:after {display:block;content:'';position:absolute;top:1rem;z-index:-1;width:95%;height:2px;background-color:#cc0000;}

.home #main #content h1:after {width:100%;}
.home #main #content {padding:0;}

#page-404 h1,
#page-404 p {text-align:center;}

#banner #logo img {margin-top:0.8rem;}

#baseline {background-color:#333333;line-height:2.8rem;color:#fff;}
#baseline p {margin:0;font-style:italic;text-align:right;}

#featured {background-color:#dddddd;padding:2.2rem 0 2.5rem;}
#featured .vignette h3 {font-size:1.3rem;margin-bottom:1rem;color:#cc0000;}
#featured .vignette .border {width:90%;margin:0 auto;position:relative;}
#featured .vignette:nth-child(3n+1) .border {float:left;}
#featured .vignette:nth-child(3n+3) .border {float:right;}
#featured .vignette .page-thumbnail {height:12.5rem;overflow:hidden;}
#featured .vignette .page-thumbnail img {width:100%;height:auto;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#featured .vignette .border:hover .page-thumbnail img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none ;
    zoom:1;
    -webkit-filter: grayscale(0%);
    }
#featured .vignette .page-content p {font-size:14px;text-align:justify;margin-top:1rem;margin-bottom:0;color:#333333;}

#main {position:relative;padding:2.5rem 0;}
#main .wrapper {display:flex;}
#main #content,
#main #sidebar {position:relative;}
#main #sidebar {background-color:#dddddd;padding:20px;text-align:center;}
#main #content {padding-right:40px;}
#main #sidebar p.tel {margin-bottom:0;}
#main #sidebar .image-container {margin:10px 0;}
#main #sidebar a.btn {display:inline-block;padding:10px 25px;background-color:#cc0000;color:#fff;text-transform:uppercase;font-size:1.1rem;text-align:center;line-height:1.6rem;margin:0 auto;}
#main #sidebar a.btn span {display:block;font-size:1.8rem;font-weight:600;}

#main #content .wpb_image_grid .wpb_image_grid_ul .isotope-item {width:22.5%;margin:0;position:relative;overflow:hidden;margin-right:3.3%;margin-bottom:3.3%;}
#main #content .wpb_image_grid .wpb_image_grid_ul .isotope-item:nth-child(4n+4) {margin-right:0;}
#main #content .wpb_image_grid .wpb_image_grid_ul .isotope-item a {display:inline;}
#main #content .wpb_image_grid .wpb_image_grid_ul .isotope-item img {min-width:100%;min-height:100%;width:auto;height:auto!important;max-width:none;max-height:115%;}

#banner {border-bottom:5px solid #333333;opacity:0;}
#slider .soliloquy-wrapper {max-height:450px;overflow:hidden;} /* Taille slider (mettre une hauteur identique à celle indiqué dans le plugin soliloquy) */

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media screen and (max-width:1280px) and (min-width:981px) { /* TABLETTE PAYSAGE + LAPTOPS */
	html {
		font-size: 14px;
	}
	body {max-width:100%;}
	#banner #logo img {margin-top:0.7rem;margin-left:10px;}
	#baseline, #featured, #main, #footer {
		padding-right: 20px;
		padding-left: 20px;
	}
	#cssmenu > ul > li > a {
		font-size: 13px;
		padding: 11px 6px;
		margin: 14px 4px 0;
		white-space: nowrap;
	}
	#cssmenu > ul > li.has-sub > a {
		padding-right: 15px;
	}
	#cssmenu > ul > li.has-sub > a::after {
		top: 14px;
		right: 6px;
	}
	h1 {white-space:nowrap;}
	.vc_custom_1458225540423 {padding-left:10px!important;}
	/*#slider .soliloquy-container,
	#slider .soliloquy-wrapper,
	#slider .soliloquy-viewport,
	#slider .soliloquy-wrap,
	#slider .soliloquy-wrap li {height:25rem;}
	#slider img.soliloquy-image {min-height:100%;max-height:135%;width:auto;min-width:100%;}*/
}
@media screen and (max-width:980px) and (min-width:768px) { /* TABLETTE PORTRAIT + SMARTPHONE PAYSAGE */
	html {
		font-size: 13px;
	}
	body {max-width:100%;}
	#banner {height: 5rem;}
	#banner #logo img {margin-top:0.7rem;margin-left:10px;}
	#baseline, #featured, #main, #footer {
		padding-right: 20px;
		padding-left: 20px;
	}
	#cssmenu > ul > li > a {
		font-size: 11px;
		padding: 10px 2px;
		margin: 7px 2px 0;
		white-space: nowrap;
	}
	#cssmenu > ul > li.has-sub > a {
		padding-right: 12px;
	}
	#cssmenu > ul > li.has-sub > a::after {
		top: 12px;
		right: 6px;
	}
	#main #sidebar {padding:20px 10px;}
	#main #sidebar p.tel {font-size:16px!important;}
	#main #sidebar a.btn {padding:10px;}
	h1 {white-space:nowrap;}
	#featured .vignette h3 {font-size:1.08rem;}
	.vc_custom_1458225540423 {padding-left:10px!important;}
	/*#slider .soliloquy-container,
	#slider .soliloquy-wrapper,
	#slider .soliloquy-viewport,
	#slider .soliloquy-wrap,
	#slider .soliloquy-wrap li {height:20rem;}
	#slider img.soliloquy-image {min-height:100%;max-height:135%;width:auto;min-width:100%;}*/
}
@media screen and (max-width:767px) and (min-width:481px) { /* SMARTPHONE PORTRAIT */
	html {font-size: 14px;}	
	body {max-width:100%;}	
	#banner {height:auto;}
	#banner #logo {text-align:center;padding:0 0 1px;}
	#banner #logo img {margin:14px 0;}
	#baseline, #featured, #main, #footer {
		padding-right: 20px;
		padding-left: 20px;
	}
	#baseline {line-height:1;padding:10px;}
	#baseline p {text-align:center;}
	h1 {font-size:1.4rem;}
	#main {padding-bottom:0;}
	#main .wrapper {display:block;}
	#main #content {padding-right:0;}
	#main #sidebar {margin-bottom:20px;}
	#footer {padding:2.2rem 0 1.5rem;}
	#footer .footer-infos {text-align:center;}
	#footer .footer-menu, #footer .footer-logo {display:none;}
	/*#slider img.soliloquy-image {min-height:100%;max-height:140%;width:auto;min-width:100%;}*/
	#featured .vignette {clear:both;margin-bottom:30px;}
	#featured .vignette .border {float:none!important;width:60%;}
	#main #content .wpb_image_grid .wpb_image_grid_ul .isotope-item {width:48%;}
	#main #content .wpb_image_grid .wpb_image_grid_ul .isotope-item:nth-child(even) {margin-right:0;}
}
@media screen and (max-width:480px) { /* SMARTPHONE OLD GEN */
	html {font-size:13px;}
	body {max-width:100%;}
	#banner {height:auto;}
	#banner #logo {text-align:center;padding:0 0 1px;}
	#banner #logo img {margin:14px 0;}
	#baseline, #featured, #main, #footer {
		padding-right: 20px;
		padding-left: 20px;
	}
	#baseline {line-height:1;padding:10px;}
	#baseline p {text-align:center;}
	h1 {font-size:1.4rem;}
	#main {padding-bottom:0;}
	#main .wrapper {display:block;}
	#main #content {padding-right:0;}
	#main #sidebar {margin-bottom:20px;}
	#footer {padding:2.2rem 0 1.5rem;}
	#footer .footer-infos {text-align:center;}
	#footer .footer-menu, #footer .footer-logo {display:none;}
	/*#slider img.soliloquy-image {min-height:100%;max-height:140%;width:auto;min-width:100%;}*/
	#featured .vignette {clear:both;margin-bottom:30px;}
	#featured .vignette .border {float:none!important;}
	#main #content .wpb_image_grid .wpb_image_grid_ul .isotope-item {width:48%;}
	#main #content .wpb_image_grid .wpb_image_grid_ul .isotope-item:nth-child(even) {margin-right:0;}
}