<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* --------- "Animation"  ---------*/
.container_12 {
    transition: all 0.18s cubic-bezier(0,0,.74,1.3);
}
.container_bandeau {
    transition: all 0.18s cubic-bezier(0,0,.74,1.3);
}
/* --------- "Menu fixe"  ---------*/
.float-panel {
    width:100%;background:white;z-index:300;padding:30px 0;transform: translateZ(0);
    transition:all 0.5s; /* Effect for switching from .fixed to static */
}
.float-panel .content-area {margin:10px auto;}
.float-panel a {font-size:16px;text-decoration:none;color:#444;display:inline-block;padding:10px 20px;}
.float-panel .fa-gg {color:#F0595C;font-size:30px;vertical-align:middle;transition:all 1s;}
/* when class="float-panel fixed" */
@media only screen and (min-width: 739px) {
.fixed {
  box-shadow:0 2px 6px rgba(0,0,0,0.2);
  padding:0 0 0 0;
  animation:slide-down 0.7s;
  opacity:0.96;
  border-bottom: 1px ridge #969696 !important;
  z-index: 50;
  width: 100%;
  left: 0px;
  background:url(../images/logo-fixe.gif) 10px 5px no-repeat,url(../images/puce-menu.png) 0 0 repeat-x !important;
  }
  .fixed .fa-gg {transform: rotate(360deg); }
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
  }
}
@media only screen and (max-width: 738px) {
.fixed {padding:4px 0;
  animation:slide-down 0.7s;
  opacity:0.96;
  z-index: 50;
  left: 0px;
  margin: 6px 0px 0px 10px !important;
  }
  .fixed .fa-gg {transform: rotate(360deg); }
@keyframes slide-down {
    0% {
        opacity: 1;
        transform: translateY(-10px);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
  }
}

/* ---------------- For Animation on Scroll ---------------- */

.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {visibility: visible; animation:slide 1s;}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(200px);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/*------------------- Accueil 3D ------------------*/

.project {
    width: 100%;
    float: left;
}
.project__image {
    display: block;
    position: relative;
}
.project__image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}
.project__image:after {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /*background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4));*/
    transition: opacity .5s ease;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    opacity: 0;
}
.project__card {
    position: relative;
    transition: box-shadow .3s ease;
    box-shadow: 0 10px 30px transparent;
}
.project__card.hover-in {
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.project__card.hover-out {
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in;
}
.project:hover .project__card {
    /*box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);*/
}
.project:hover .project__image:after {
    opacity: 1;
}
.project:hover {
    border-width: 10px;
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    opacity: 1;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1;
}

/*-------- Generic styles for the page ------------------*/

html {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
*, *::before, *::after {
  /*-webkit-box-sizing: inherit;
          box-sizing: inherit;*/
}
a::after {
    padding: 5px 15px 15px 15px;
}
a:after {
    padding: 5px 15px 15px 15px;
}

/* ------ picto menu ------- */

.picto-menu {
  background:url(../images/picto-menu.png) 50% 2px no-repeat !important;
}
.picto-menu:hover {
  background:url(../images/picto-menu-2.png) 50% 3px no-repeat !important;
  transition: all 200ms cubic-bezier(.31,1.68,.27,2.6);
}
.picto-menu-2 {
  background:url(../images/picto-menu.png) 50% -67px no-repeat !important;
}
.picto-menu-2:hover {
  background:url(../images/picto-menu-2.png) 50% -66px no-repeat !important;
  transition: all 200ms cubic-bezier(.31,1.68,.27,2.6);
}
.picto-menu-3 {
  background:url(../images/picto-menu.png) 50% -135px no-repeat !important;
}
.picto-menu-3:hover {
  background:url(../images/picto-menu-2.png) 50% -134px no-repeat !important;
  transition: all 200ms cubic-bezier(.31,1.68,.27,2.6);
}
.picto-menu-4 {
  background:url(../images/picto-menu.png) 50% -204px no-repeat !important;
}
.picto-menu-4:hover {
  background:url(../images/picto-menu-2.png) 50% -203px no-repeat !important;
  transition: all 200ms cubic-bezier(.31,1.68,.27,2.6);
}
.picto-menu-5 {
  background:url(../images/picto-menu.png) 50% -273px no-repeat !important;
}
.picto-menu-5:hover {
  background:url(../images/picto-menu-2.png) 50% -272px no-repeat !important;
  transition: all 200ms cubic-bezier(.31,1.68,.27,2.6);
}
.picto-menu-6 {
  background:url(../images/picto-menu.png) 50% -341px no-repeat !important;
}
.picto-menu-6:hover {
  background:url(../images/picto-menu-2.png) 50% -340px no-repeat !important;
  transition: all 200ms cubic-bezier(.31,1.68,.27,2.6);
}

/* ------ popup ------- */
#cboxClose {
	border:0;
	font:0/0 a;
	text-shadow:none;
	color:transparent;
	position:absolute;
	width:28px;
	height:28px;
	line-height:14px;
	background:transparent url("../images/close.png") no-repeat 0 0;
	margin-right:.3em;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	top:6px;
	right:15px;
	opacity:.3;
	filter:alpha(opacity=30)
}
#cboxClose:hover {
	opacity:.8;
	filter:alpha(opacity=80)
}
/*.wf-mediabox-loader {
  background: transparent url(../images/loading4.gif) center center no-repeat !important;
}*/
#cboxLoadingGraphic {
  background: transparent url(../images/loading4.gif) no-repeat 50% 50% !important;
}
.wf-mediabox-nav {
    padding: 0 !important;
}
/* ------ Contact -------- */
.gbs3 {
	margin-top: 15px;
}
.img-contact-valider {
	padding-right: 20px;
	max-width: 600px;
	height: auto;
	margin: 0 auto 20px auto;
}
.validation {
	padding: 10px 10px 10px 10px !important;
	margin: 15px 0px 0px 0px !important;
    border-radius: 5px;
}
.rassemble-h2-100p {
	margin-top:15px;
}

.boite-rassemble-message-envoyer {
	width: 100%;
	height: auto;
	float:left;
	padding-right:20px;
	margin-bottom: 25px;
}

/* ------ boite accueil ------ */
.gras-strong {
	font-weight: inherit !important;
}
.boite-accueil-rassemble {
	width: 30%;
	height: auto;
	float:left;
	position:relative;
	margin: 10px;
	margin-bottom:30px;
    box-shadow: 1px 1px 1px #00000057;
    border-radius: 5px;
}
.boite-message-rassemble {
	height: auto;
	float:left;
	position:relative;
	margin: -11px 30px 30px 10px;
    width: 100%;
    padding-right: 40px;
}
.boite-message-rassemble-ombre {
	box-shadow: 1px 1px 1px #00000057;
    float: left;
    width: 100%;
    border-radius: 5px;
}
.boite-404-rassemble {
	width: 100%;
	height: auto;
	float:left;
	position:relative;
    box-shadow: 1px 1px 1px #00000057;
    border-radius: 5px;
}
.boite-404-rassemble-ombre {
    width: 100%;
    float: left;
    margin: 0 0 10px 10px;
    padding: 0 25px 0 0;
    box-sizing: border-box;
}
.boite-message-ligne1 {
	width: 10px;
	height: 100%;
	float:left;
	background-color:#393939;
	position:absolute;
    border-radius: 5px;
}
.boite-accueil-ligne1 {
	width: 10px;
	height: 100%;
	float:left;
	background: linear-gradient(to top, #1a3304, 20%, #5bb30d);
	position:absolute;
    border-radius: 5px;
}
.boite-accueil-ligne2 {
	width: 10px;
	height: 100%;
	float:left;
	background: linear-gradient(to top, #602309, 20%, #ff5e17);
	position:absolute;
    border-radius: 5px;
}
.boite-accueil-ligne3 {
	width: 10px;
	height: 100%;
	float:left;
	background: linear-gradient(to top, #003542, 20%, #00b9e7);
	position:absolute;
    border-radius: 5px;
}
.boite-accueil-ligne4 {
	width: 10px;
	height: 100%;
	float:left;
	background-color:#393939;
	position:absolute;
    border-radius: 5px;
}
.boite-accueil-ligne5 {
	width: 100px;
	height: 100%;
	float:left;
	/*background-color:#003a93;*/
	position:absolute;
    border-radius: 5px 0 0 5px;
    border-right: 5px solid #003859;
    box-shadow: 1px 0px 6px #00000073;
    background: linear-gradient(to top, #003859, 30%, #006eb0);
}
.boite-accueil-ligne6 {
	width: 50px;
	height: 100%;
	float:left;
	/*background-color:#8d22b6;*/
	position:absolute;
    border-radius: 5px 0 0 5px;
    border-right: 5px solid #45075e;
    box-shadow: 1px 0px 6px #00000073;
    background: linear-gradient(to top, #45075e, 30%, #a312db);
}
.boite-accueil-ligne7 {
	width: 10px;
	height: 100%;
	float:left;
	background-color:#393939;
	position:absolute;
    border-radius: 5px;
}
.boite-accueil-ligne8 {
	width: 50px;
	height: 100%;
	float:left;
	/*background-color:#115e5d;*/
	position:absolute;
    border-radius: 5px 0 0 5px;
    border-right: 5px solid #004645;
    box-shadow: 1px 0px 6px #00000073;
    background: linear-gradient(to top, #004645, 30%, #00b3af);
}
.boite-accueil-titre {
	width: 100%;
	height: auto;
	float:left;
	background: linear-gradient(to top, #b2bcbf, 20%, #f8fafb);
    border-right: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    border-radius: 5px 5px 0px 5px;
}
.boite-message-titre {
	width: 100%;
	height: auto;
	float:left;
	background: linear-gradient(to top, #b2bcbf, 20%, #f8fafb);
	padding: 6px 0px 12px 0px;
    border-radius: 5px 5px 0 0;
}
.boite-404-titre {
	width: 100%;
	height: auto;
	float:left;
	background: linear-gradient(to top, #b2bcbf, 20%, #f8fafb);
	padding: 20px 0px 15px 0px;
    border-right: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    border-radius: 0 5px 0 0;
}
.zone-icons-accueil {
	width: 65px;
	height: 60px;
	float:left;
}
.zone-titre-accueil {
	/*width: 100px;*/
	height: 25px;
	float:left;
	padding: 25px 0px 10px 5px;
}
.zone-titre-message {
	float:left;
	margin: 5px 5px -25px 25px;
}
.img-icon-ordi {
    height: 90%;
	width:auto !important;
    margin-left: 15px;
    margin-top: 2px;
	position: relative;
	left: 15%;
	display: block;
}
.img-icon-loupe {
    height: 90%;
	width:auto !important;
    margin-left: 15px;
    margin-top: 2px;
}
.img-icon-plume {
    height: 90%;
	width:auto !important;
    margin-left: 15px;
    margin-top: 2px;
	position: relative;
	left: 7%;
	display: block;
}
.boite-accueil {
	width: 100%;
	height: auto;
	float:left;
	background-color:#f2f3f5;
    border-bottom: 1px solid #b7b7b7;
    border-right: 1px solid #cac9c9;
    border-top: 1px solid #d0d0d0;
    border-radius: 5px 5px 5px 5px;
}
.boite-accueil-3 {
	width: 100%;
	height: auto;
	float:left;
	background-color:#f2f3f5;
    border-bottom: 1px solid #b7b7b7;
    border-right: 1px solid #cac9c9;
    border-top: 1px solid #b7b7b7;
    border-radius: 5px 0 5px 5px;
}
.boite-reponse-contact {
	width: 100%;
	height: auto;
	float:left;
	background-color:#f2f3f5;
    border-bottom: 1px solid #b7b7b7;
    border-right: 1px solid #cac9c9;
    border-top: 1px solid #d0d0d0;
    box-shadow: 1px 1px 1px #00000057;
    border-radius: 5px;
}
.texte-accueil-h3 {
	font-size: 25px;
	font-weight:bold;
	margin:25px 0px 10px 30px;
}
.texte-accueil-simple{
	padding: 20px 20px 20px 30px;
	width:auto;
	float:left;
	text-align:justify;
	white-space: normal;
}
.texte-experience-debut {
	padding: 20px 20px 20px 30px;
	font-size:16px;
	width:auto;
	float:left;
	text-align:justify;
	font-weight: initial;
}
.texte-experience-simple{
	padding: 20px 20px 20px 125px;
	width:auto;
	float:left;
	text-align:justify;
}
.texte-experience-simple2{
	padding: 20px 20px 20px 75px;
	width:auto;
	float:left;
	text-align:justify;
}

.boite-100 {
	width: 100%;
	height: auto;
	float:left;
	margin-bottom: 20px;
}
.boite-responsive {
	width: 100%;
	height: auto;
	float:left;
}
.boite-conception {
	width: 96%;
	height: auto;
	float:left;
	position:relative;
	margin: 5px 10px 10px 10px;
    box-shadow: 1px 1px 1px #00000057;
    border-radius: 5px 5px 5px 5px;
}
.boite-competences-professionnelles {
    box-shadow: none;
}
.boite-conception-bas {
	margin-bottom:20px !important;
}
.boite-conception2 {
	width: 96%;
	height: auto;
	float:left;
	position:relative;
	margin: 10px;
	margin-bottom:10px;
	margin-top:30px;
}
.boite-experience {
	width: 100%;
	height: auto;
	float:left;
	background-color:#f2f3f5;
    border-bottom: 1px solid #b7b7b7;
    border-right: 1px solid #cac9c9;
    border-top: 1px solid #e6e6e6;
    border-radius: 5px 5px 5px 5px;
}
.textes-competences {
    color: #fff;
    float: left;
    padding: 5px 10px 5px 10px;
    margin: 0px 4px 7px 3px;
    text-align: justify;
    white-space: pre-line;
    transition: all 0.2s cubic-bezier(.01,.01,.83,2.01);
    cursor: default;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #000000c7;
}
.textes-competences:hover {
    transform: scale3d(1.1, 1.1, 1.1);
}
.boite-texte-responsive {
	width: 96%;
	height: auto;
	float:left;
	position:relative;
	margin: 10px;
	margin-bottom:10px;
    box-shadow: 1px 1px 1px #00000057;
    border-radius: 5px 5px 5px 5px;
}
.boite-message-contact {
	width: 100%;
	height: auto;
	float:left;
	position:relative;
	padding: 0px 30px 0px 10px;
	margin: -11px 0 50px 0;
}

/* ------ div images ------ */

.rassemble-carre {
	width: 100%;
	height: auto;
	float:left;
	margin-top:1px;
    white-space:nowrap;
}
.rassemble-realisation {
    width: 100%;
    height: auto;
    float: left;
	white-space: normal;
    /*font-size: 16px;*/
}
.rassemble-realisation2 {
    width: 100%;
    height: auto;
    float: left;
	white-space: normal;
    /*font-size: 16px;*/
}
.rassemble-texte {
	width: 100%;
	height: auto;
	float:left;
    white-space:nowrap;
    box-sizing: border-box;
}
.rassemble-texte-accueil {
	width: 100%;
	height: auto;
	float:left;
	margin-top:1px;
}
.rassemble-diplomes {
	width: 100%;
	height: auto;
	float:left;
    white-space:nowrap;
}
.rassemble-logiciels {
	width: 100%;
	height: auto;
	float:left;
    /*white-space:nowrap;*/
}
.rassemble-logiciels-bas {
	width: 100%;
	height: auto;
	float:left;
    white-space:nowrap;
}
.imgmargin {
	margin:0px;
}
.img-404 {
	margin: 20px 20px 20px 20px;
	/*width:85% !important;*/
	height:auto;
	max-width: 600px;
    box-shadow: 0px 0px 1px #000000d9;
    border: 1px solid #fff;
    border-radius: 4px;
    filter: blur(5px);
	transition: all 0.2s cubic-bezier(.9,.35,.69,2.62);
}
.img-404:hover {
    filter: blur(0px);
}
.img-responsive {
	/*margin: 20px 20px 20px 20px;*/
	width:100% !important;
	height:auto;
	max-width: 1200px;
	margin-bottom: 20px;
    -webkit-transition: all 200ms cubic-bezier(.51,.95,.66,1.57);
    -moz-transition: all 200ms cubic-bezier(.51,.95,.66,1.57);
    -o-transition: all 200ms cubic-bezier(.51,.95,.66,1.57);
    -ms-transition: all 200ms cubic-bezier(.51,.95,.66,1.57);
    transition: all 200ms cubic-bezier(.51,.95,.66,1.57);
}
.img-responsive:hover {
    transform: scale3d(1.08, 1.08, 1.08);
}

/* ------ div experience pro ------ */
.zone-rassemble-date-expe {
	margin-bottom:20px;
	width:100%;
    float:left;
    /*white-space:pre-line;*/
}
.zone-rassemble-date-bep {
	margin-bottom:40px;
	width:100%;
    float:left;
}
.zone-rassemble-date-bafa {
	width:100%;
    float:left;
}
.zone-date {
	width:10%;
	height:auto;
    float:left;
	max-width:35px;
}
.zone-experience {
	width:86%;
	height:auto;
    float: left;
    white-space:pre-line;
	margin-left:8px;
}

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

/* @charset "utf-8"; */
  @import url("../css/font-awesome.css"); 
  
/*************************************  
/* normalize.css v3.0.2 
***************************************/
 html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}

audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}

audio:not([controls]) {
display: none;
height: 0;
}

[hidden],
template {
display: none;
}

a {
background-color: transparent;
}

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

abbr[title] { 
border-bottom: 1px dotted;
}

b,
strong {
font-weight: bold;
}

dfn {
font-style: italic;
}

h1 {
margin: .67em 0;
font-size: 2em;
}

mark {
color: #000;
background: #ff0;
}

small {
font-size: 80%;
}

sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}

sup {
top: -.5em;
}

sub {
  bottom: -.25em;
}
img {
border: 0;
}

svg:not(:root) {
overflow: hidden;
}

figure {
margin: 1em 40px;
}

hr {
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

pre {
overflow: auto;
}

code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit;
}

button {
overflow: visible;
}

button,
select {
text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}

input {
line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}

input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

fieldset {
padding: .35em .625em .75em;
margin: 0 2px; 
}

legend {
padding: 0;
border: 0;
}

textarea {
overflow: auto;
}

optgroup {
font-weight: bold;
}

table {
border-spacing: 0;
border-collapse: collapse;
}

td,
th {
padding: 0;
} 

/*************************************  
/* ELEMENT GENERAL
***************************************/ 
* {
margin: 0;
padding: 0;
}

html {
height:100%;
}

body{
margin:0;
padding:0;
font-size:14px;
font-weight:normal;
/*background : #01060a url(../media/puce.jpg) repeat-x fixed center top !important;*/
background: #01060a url(../images/puce.jpg) repeat-x fixed !important;
overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6{
font-weight: 200;
/*margin:25px 0px 10px 35px;*/
}

h1{ 
font-size: 300%;
}

h2{ 
font-size: 250%;
}

h3{ 
font-size: 200%; 
}

h4{ 
font-size: 120%;  
}

h5{ 
font-size: 110%;
}

h6{ 
font-size: 100%; 
} 

p {
margin:0px 0px 10px 0px;
}

small {
font-size: 0.9em;
}

/****************************  
/* STYLE DES LISTES GENERAL
****************************/ 
 ol  {
list-style-type:none ;
}

ul {
list-style-type:none ;
padding: 0  ; 
}

ol, ul, dl {
padding: 10px 10px 10px 10px;
margin-bottom: -10px;
} 

ol li {
line-height: 1.3em ;
list-style: decimal ;
margin-left:20px ;
}

ul li {
list-style:none;
margin-left:0px ;
}

ul li ul { 
margin-top: 0;
}  

a {
webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

a:hover {
webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

/*************************************  
/* ELEMENT FORM
***************************************/ 
form {
margin: 0 0 10px; 
}

fieldset {
margin: 20px auto;
padding: 20px 20px 20px 20px;
border-radius: 0px;
border:1px solid #efefef;
width:90%;
} 

legend {
font-weight: bold;
padding: 10px 10px
}

label {
font-size:14px;
font-weight:bold;
text-transform:uppercase;
line-height:25px;
margin: 0;
padding:20px 0; 
width:100%;
}

input,textarea,select,#advanced-search-toggle, input.search-query {
border: 1px solid #eee;
border-radius: 0px;
display: inline-block;
margin-bottom: 9px;
padding: 4px;
width:100%;
}

button {
background:#999999; 
color:#fff;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
line-height:25px;
/*margin:20px 0;*/
padding:5px;
border:none;
border-radius:1px;
}

.filter-search-lbl {display:inline}
.filter-search, .display-limit {float:left; margin-right:10px}
.button,.profile-edit a {
padding: 3px;
line-height: 1.2em;
text-decoration: none;
} 

label input,label textarea,label select {
display: block;
}

input[type="image"],input[type="checkbox"],input[type="radio"] {
border-radius: 0;
cursor: pointer;
height: auto;
line-height: normal;
margin: 3px 0;
padding: 0;
width: auto;
}

input[type="button"],input[type="reset"],input[type="submit"] {
height: auto;
width: auto;
}

select {
height: 28px;
line-height: 28px;
max-width:99%
}

select {
width: 220px;
}

select[multiple],select[size] {
height: auto;
}

textarea {
height: auto;
}

.radio,.checkbox {
padding-left: 18px;
}

input[type="radio"],input[type="checkbox"] {
display: inline;
margin-right : 10px;
border:none
}

input,textarea {
}

input:focus,textarea:focus {
outline: 0 none;
}

input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus{
box-shadow: none;
outline-offset: -2px;
} 

.clr {
clear:both;
}

#navigation {
margin:0;
padding:0;
height:50px;
text-align:center;
background-color: black !important;
/*margin-bottom:25px;
margin-top:20px;*/
box-shadow: 0px 8px 10px #0009;
border-bottom: 1px ridge #969696;
}
.wrapperbox {
background:rgba(255, 255, 255, 1) !important;
margin-left:auto !important;
margin-right:auto!important ;
margin-top:0px;
/*margin-bottom:40px;*/
position:relative;
/*border:1px solid #dcdcdc;*/
box-sizing: border-box;
width:100%;
border-radius: 0px 0px 5px 5px;
float: left;
}
 
#header {
width:100%;
/*height:93px;*/
display:block;
clear:both;
margin-top: 33px;
}
 
 /**************************************************************************
* Menu
****************************************************************************/
.menuButon{
text-align: center;
/*transition: all ease 700ms;
-moz-transition: all ease 700ms;
-webkit-transition: all ease 700ms;
-ms-transition: all ease 700ms;
-o-transition: all ease 700ms;*/
}

.menuButon a{
display: inline-block; 
width: 50px !important;
height: 50px !important;
background:url(../images/menu.png) no-repeat center top; 
-webkit-transition:-webkit-transform .9s; 
-moz-transition:-moz-transform .9s;       
-o-transition:-o-transform .9s;          
-ms-transition:-ms-transform .9s;        
transition:transform .9s;	
}

.menuButon a:hover{
background:url(../images/menu-h.png) no-repeat center top; 
-webkit-transform: rotate(360deg); 
-moz-transform: rotate(360deg); 
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg); 
}

#menuModal{
background: rgba(1,6,10,0.9) !important;
border: 0px solid #fff;
opacity: 0;
position: fixed;
left: 0;
top: 0;
}

#menuModal .modal-content{
background: none;
border-radius: 0;
border: none;
box-shadow: none;
}

.modCloseButton{
width: 50px;
height: 50px;
background: #727884;
text-align: center;
position: relative;
cursor: pointer;
border-radius: 0px 0px 10% 0px;
}

.modCloseButton span{
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
width: 31px;
height: 31px;
display: inline-block;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}

.modCloseButton span:after{
width: 100%;
height: 5px;
background: #FFF;
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto 0;
transition: all ease 700ms;
-moz-transition: all ease 700ms;
-webkit-transition: all ease 700ms;
-ms-transition: all ease 700ms;
-o-transition: all ease 700ms;
}

.modCloseButton span:before{
width: 5px;
height: 100%;
background: #FFF;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
margin: 0 auto;
transition: all ease 700ms;
-moz-transition: all ease 700ms;
-webkit-transition: all ease 700ms;
-ms-transition: all ease 700ms;
-o-transition: all ease 700ms;
}

.modCloseButton:hover span:after, .modCloseButton:hover span:before{
background: #272727;
}

#sitename  {
float:left;
padding:0;
/*margin-top:3px;*/
margin-left:5px;
}

#sitename a {
font-weight:700;
transition: all ease 700ms;
-moz-transition: all ease 700ms;
-webkit-transition: all ease 700ms;
-ms-transition: all ease 700ms;
-o-transition: all ease 700ms;
padding:0;
margin:0; 
padding:0;
text-align:left;
}

#sitename a:hover {
text-decoration:none;
} 

div#sitename a img{
padding:0px 0 !important;
/*margin:5px 0px 0px 0px !important;*/
height:63px !important;
overflow:hidden !important;
}

#slogan {
float:left;
width:100%;
font-family:damion, cursive; 
text-align:center;
}

#slogan p,#slogan h1,#slogan h2, #slogan h3,#slogan h4,#slogan h5, #slogan h6   {
text-align:center;
font-size:40px !important;
padding:0px 0 30px 0;
text-transform:capitalize;
line-height:45px;
}

#slideshow {
float:left;
width:100%;
padding:0px 30px ; 
box-sizing: padding-box;
box-sizing: border-box
}

/*********************
 * LOADING PAGE
 *********************/
.ct-preloader {
position: fixed;
z-index: 99998;
width: 100vw;
height: 100vh;
background-color: #01060a !important;
overflow: hidden;
}

.ct-preloader .ct-preloader-content {
position: absolute;
z-index: 99999;
top: 50%;
left: 50%;
margin-top: -20px;
height: 128px;
width: 128px; 
background: url(../images/loading.gif);
border-radius: 50%;
display: block;
transform: translate(-50%,-50%);
backface-visibility: hidden;
box-shadow: 0 0px 50px rgba(0,0,0,.4);
}

/**************
 * BACK TO TOP
 **************/
.back-to-top {
position: fixed;
bottom: 10px;
right: 10px;
display: none;
/*background-image:  url(../images/back-to-top.png);
background-repeat: no-repeat;*/
background-color:#727884;
/*background-position: 50% 50%;
z-index: 999999;*/
width: 45px;
height: 45px;
/*text-indent: -9999px;*/
border-radius: 10%;
-webkit-transition: all 0.1s ease !important;
-moz-transition: all 0.1s ease !important;
-ms-transition: all 0.1s ease !important;
-o-transition: all 0.1s ease !important;
transition: all 0.1s ease !important;
opacity: 0.5;
font-size: 25px;
color: white;
text-align: center;
cursor: pointer;
font-family: none;
border: 1px solid #727884;
box-sizing: border-box;
animation: slide 0.5s;
}

.back-to-top:hover { 
background-color: #333;
box-shadow: 0px 0px 3px black;
border: 1px solid #b3b3b3;
box-sizing: border-box;
opacity: 1;
}

.search input {
width:80%;
padding:12px 4px;
}

div.search &gt; form.form-inline &gt; label {
display:none;
}

/**********************************
 * BLOCK FRAMEWORK STYLE INHERITED
 **********************************/
#block-top,
#block-feature,
#block-beforecontent,
#block-aftercontent,
#block-bottomcontent,
#block-footertop,
#block-footerbottom {
 width:100%;
/*padding:40px 50px;*/
 margin-top:0px;
 box-sizing: border-box;
 box-sizing: padding-box; 
 background:url(../images/sep.png) 50% 100% no-repeat;
 margin-top: -1px;
}  

#block-footerbottom {
 background:none !important;  
}  

#block-top ul li a,
#block-feature ul li a,
#block-beforecontent ul li a,
#block-aftercontent ul li a ,
#block-bottomcontent ul li a,
#block-footertop ul li a ,
#block-footerbottom ul li a {
font-weight:bold;
line-height: 1.8em ;
font-size:13px;
}

#block-top ul li:before,
#block-feature ul li:before,
#block-beforecontent ul li:before,
#block-aftercontent ul li:before ,
#block-bottomcontent ul li:before,
#block-footertop ul li:before ,
#block-footerbottom ul li:before {
 content: "\f1db";  
font-family:fontawesome;
font-weight:bold;
color:#727884;
margin-right:7px;
font-size:0.7em;
}

#block-top  h3,
#block-feature h3,
#block-beforecontent h3,
#block-aftercontent h3,
#block-bottomcontent h3,
#block-footertop h3,
#block-footerbottom h3 {
position:relative;
font-size:25px;
text-transform:uppercase;
text-align:left !important;
font-weight:bold;
margin:0px 0 10px 0;
padding:0 0px 10px 0px;
 background:transparent; 
display:block;
}

#block-top p,
#block-feature p,
#block-beforecontent p,
#block-aftercontent p,
#block-bottomcontent p,
#block-footertop p,
#block-footerbottom p {
text-align:left !important;
font-weight:400;
}

#block-top .moduletable,
#block-feature .moduletable ,
#block-beforecontent .moduletable,
#block-aftercontent .moduletable,
#block-bottomcontent .moduletable,
#block-footertop .moduletable,
#block-footerbottom .moduletable {
 padding:0; 
width:100%;
margin-left: -10px;
}

#block-top .container_12 div.grid_6 ,
#block-feature .container_12 div.grid_6  ,
#block-beforecontent .container_12 div.grid_6 ,
#block-aftercontent .container_12 div.grid_6 ,
#block-bottomcontent .container_12 div.grid_6 ,
#block-footertop .container_12 div.grid_6  ,
#block-footerbottom .container_12 div.grid_6 ,
#block-top .container_12 div.grid_4 ,
#block-feature .container_12 div.grid_4  ,
#block-beforecontent .container_12 div.grid_4 ,
#block-aftercontent .container_12 div.grid_4 ,
#block-bottomcontent .container_12 div.grid_4 ,
#block-footertop .container_12 div.grid_4  ,
#block-footerbottom .container_12 div.grid_4 ,
#block-top .container_12 div.grid_3 ,
#block-feature .container_12 div.grid_3  ,
#block-beforecontent .container_12 div.grid_3 ,
#block-aftercontent .container_12 div.grid_3 ,
#block-bottomcontent .container_12 div.grid_3 ,
#block-footertop .container_12 div.grid_3  ,
#footerbottom .container_12 div.grid_3 {
margin:0;

}

/**********************************
 * BLOCK FRAMEWORK STYLE ICON LEFT
 **********************************/
#block-top .moduletable-icon-left,
#block-feature .moduletable-icon-left,
#block-beforecontent .moduletable-icon-left,
#block-aftercontent .moduletable-icon-left,
#block-bottomcontent .moduletable-icon-left,
#block-footertop .moduletable-icon-left,
#block-footerbottom .moduletable-icon-left {
padding:0; 
width:90%;
margin:0;
}
 
#block-top .moduletable-icon-left,
#block-feature .moduletable-icon-left,
#block-beforecontent .moduletable-icon-left,
#block-aftercontent .moduletable-icon-left,
#block-bottomcontent .moduletable-icon-left,
#block-footertop .moduletable-icon-left,
#block-footerbottom .moduletable-icon-left {
padding:0;
margin:40px 10px !important;
}

#block-top .moduletable-icon-left h3,
#block-feature .moduletable-icon-left h3,
#block-beforecontent .moduletable-icon-left h3,
#block-aftercontent .moduletable-icon-left h3,
#block-bottomcontent .moduletable-icon-left h3,
#block-footertop .moduletable-icon-left h3,
#block-footerbottom .moduletable-icon-left h3{
background: none !important;
font-size:25px;
text-transform:uppercase;
text-align:left !important;
font-weight:bold;	
padding-bottom:5px;
}

#block-top .moduletable-icon-left i,
#block-feature .moduletable-icon-left i,
#block-beforecontent .moduletable-icon-left i,
#block-aftercontent .moduletable-icon-left i,
#block-bottomcontent .moduletable-icon-left i,
#block-footertop .moduletable-icon-left i,
#block-footerbottom .moduletable-icon-left i {
font-size:1.2em; 
width:43px; 
} 

/************************************
 * BLOCK FRAMEWORK STYLE ICON CENTER
 ************************************/
#block-top .moduletable-icon-center,
#block-feature .moduletable-icon-center,
#block-beforecontent .moduletable-icon-center,
#block-aftercontent .moduletable-icon-center,
#block-bottomcontent .moduletable-icon-center,
#block-footertop .moduletable-icon-center,
#block-footerbottom .moduletable-icon-center{
padding:0; 
width:90%;
margin:0;
}
 
#block-top .moduletable-icon-center,
#block-feature .moduletable-icon-center,
#block-beforecontent .moduletable-icon-center,
#block-aftercontent .moduletable-icon-center,
#block-bottomcontent .moduletable-icon-center,
#block-footertop .moduletable-icon-center,
#block-footerbottom .moduletable-icon-center {
text-align:center !important;
box-sizing: border-box;
box-sizing: padding-box;
padding:20px 10px; 
}

#block-top .moduletable-icon-center h3,
#block-feature .moduletable-icon-center h3,
#block-beforecontent .moduletable-icon-center h3,
#block-aftercontent .moduletable-icon-center h3,
#block-bottomcontent .moduletable-icon-center h3,
#block-footertop .moduletable-icon-center h3,
#block-footerbottom .moduletable-icon-center h3 {
background: none;
font-size:25px;
text-transform:uppercase;
text-align:center !important;
font-weight:bold;
letter-spacing:5px;	
padding-bottom:5px;
padding-top:0;
}

#block-top .moduletable-icon-center p,
#block-feature .moduletable-icon-center p,
#block-beforecontent .moduletable-icon-center p,
#block-aftercontent .moduletable-icon-center p,
#block-bottomcontent .moduletable-icon-center p,
#block-footertop .moduletable-icon-center p,
#block-footerbottom .moduletable-icon-center p {
text-align:center !important ;
}

#block-top .moduletable-icon-center i,
#block-feature .moduletable-icon-center i,
#block-beforecontent .moduletable-icon-center i,
#block-aftercontent .moduletable-icon-center i,
#block-bottomcontent .moduletable-icon-center i,
#block-footertop .moduletable-icon-center i,
#block-footerbottom .moduletable-icon-center i {
font-size:60px;
}

#portfolio .moduletable-icon-center a i,
#block-top .moduletable-icon-center a i,
#block-feature .moduletable-icon-center a i,
#block-beforecontent .moduletable-icon-center a i,
#block-aftercontent .moduletable-icon-center a i,
#block-bottomcontent .moduletable-icon-center a i,
#block-footertop .moduletable-icon-center a i,
#block-footerbottom .moduletable-icon-center a i {
color:#727884;
webkit-transition: all 0.4s ease-in-out;	
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
 padding:20px; 
 text-align:center;
}

#portfolio .moduletable-icon-center a:hover i,
#block-top .moduletable-icon-center a:hover i,
#block-feature .moduletable-icon-center a:hover i,
#block-beforecontent .moduletable-icon-center a:hover i,
#block-aftercontent .moduletable-icon-center a:hover i,
#block-bottomcontent .moduletable-icon-center a:hover i,
#block-footertop .moduletable-icon-center a:hover i,
#block-footerbottom .moduletable-icon-center a:hover i {
color:#999999;
webkit-transition: all 0.4s ease-in-out;	
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
} 

/************************************
 * BLOCK FRAMEWORK STYLE NO ICON
 ************************************/
#block-top .moduletable-icon-noicon,
#block-feature .moduletable-icon-noicon,
#block-beforecontent .moduletable-icon-noicon,
#block-aftercontent .moduletable-icon-noicon,
#block-bottomcontent .moduletable-icon-noicon,
#block-footertop .moduletable-icon-noicon,
#block-footerbottom .moduletable-icon-noicon{
padding:0; 
width:90%;
margin:0;
}

#block-top .moduletable-icon-noicon,
#block-feature .moduletable-icon-noicon,
#block-beforecontent .moduletable-icon-noicon,
#block-aftercontent .moduletable-icon-noicon,
#block-bottomcontent .moduletable-icon-noicon,
#block-footertop .moduletable-icon-noicon,
#block-footerbottom .moduletable-icon-noicon {
text-align:center ;
padding:20px 0px ;
} 

#block-top .moduletable-icon-noicon p,
#block-feature .moduletable-icon-noicon p,
#block-beforecontent .moduletable-icon-noicon p,
#block-aftercontent .moduletable-icon-noicon p,
#block-bottomcontent .moduletable-icon-noicon p,
#block-footertop .moduletable-icon-noicon p,
#block-footerbottom .moduletable-icon-noicon p {
text-align:center ;
} 

#block-top .moduletable-icon-noicon h3,
#block-feature .moduletable-icon-noicon h3,
#block-beforecontent .moduletable-icon-noicon h3,
#block-aftercontent .moduletable-icon-noicon h3,
#block-bottomcontent .moduletable-icon-noicon h3,
#block-footertop .moduletable-icon-noicon h3,
#block-footerbottom .moduletable-icon-noicon h3{
margin:0 0 0px 0;
padding:0 0 35px 0;
background: url(../images/background-h3.png) 50% 100% no-repeat;
font-size:25px;
text-transform:uppercase;
text-align:center !important;
font-weight:bold;	
padding-top:0px !important;
} 

 /**********************************************
/*PAGE BLOG D'UNE SEULE CATEGORIE,BLOG FEATURE
***********************************************/
.main {
width:100%;
/*padding:40px 0px 10px 0px ; */
box-sizing: padding-box;
box-sizing: border-box;
background:url(../images/sep.png) 50% 100% no-repeat;
}

.cols-1,.items-leading {
display: block;
float: none !important;
box-sizing: padding-box;
box-sizing: border-box;
width:95%;
margin:0 0 0 2.3%;
}

.cols-2 .column-1 {
width: 45%;
float: left;
margin: 0 0% 0 3%;
}

.cols-2 .column-2 {
width: 45%;
float: right;
margin: 0 4% 0 0;
}

.cols-3 .column-1 {
float: left;
width: 29%;
padding: 0 5px; 
margin:0% 3% 0% 2%;
}

.cols-3 .column-2 {
float: left;
width: 29%;
margin-left: 0;
margin-right: 2%;
}

.cols-3 .column-3 {
float: right;
width: 29%;
margin-right: 2%;
}

.items-row {
 overflow: hidden; 
margin-bottom: 20px !important;
}

.column-1,
.column-2,
.column-3 {
padding: 0px 5px
}

.column-2 {
width: 55%;
margin-left: 40%;
}

.column-3 {
width: 30%
}

 .cols-2 .column-1 h2 {
font-size:22px !important;
}

.cols-2 .column-2 h2{
font-size:22px !important;
}

.cols-2 .column-1 p {
font-size:13px !important;
}

.cols-2 .column-2 p{
font-size:13px !important;
}


.cols-3 .column-1 h2 {
font-size:17px !important;
}

.cols-3 .column-2 h2 {
font-size:17px !important;
}

.cols-3 .column-3 h2 {
font-size:17px !important;
}

.cols-3 .column-1 p {
font-size:13px !important;
}

.cols-3 .column-2 p {
font-size:13px !important;
}

.cols-3 .column-3 p {
font-size:13px !important;
}

div.page-header h1,
div.page-header h2,
div.content-category h1,
div.categories-list h1,
div.search h1.page-title,
div.finder h1,
div.contact h1{
background: none;
font-size:28px;
text-transform:uppercase;
text-align:center ;
font-weight:bold;
letter-spacing:1px;	
padding-bottom:20px;
margin-bottom:40px;
margin-top:0;
background: url(../images/background-h3.png) 50% 100% no-repeat;
} 

aside {
margin-top:13px;
}

.item-page time,
.itemAsideInfo time,aside {
display: block;
width: 65px;
height:40px;
float: left;
border-right:1px solid #d0d0d0;
} 

.day{
display:block;
width:60px;
height:18px;
background:transparent; 
color:#000;
font-size:18px;
text-align:left;
line-height:25px;
font-family:Oswald, sans-serif !important;
}

.month {
display:block;
width:60px;
height:18px;
background:transparent; 
color:#757572;
font-size:12px;
text-align:left;
margin-top:10px;
font-family:Oswald, sans-serif !important;
} 

time span {
font-family:Oswald, sans-serif !important;
}

div.gk-article-blog a img {
background-size:cover !important;
float:none !important;
}

div.leading-0.clearfix &gt; div.gk-article-blog &gt; div.pull-item-image &gt; a,
div.gk-article-blog &gt; div.pull-item-image a { 
float:none !important;
}

div.gk-article-blog &gt; div.pull-left.item-image &gt; a.portfolio &gt; span.overlay {
float:none !important;
}

div.leading-0.clearfix &gt; div.gk-article-blog &gt; div.pull-item-image &gt; a,
div.gk-article-blog &gt; div.pull-item-image &gt; a img{
background-size:cover !important;
width:100%;
float:none !important;
}

a.portfolio-blog-featured  {
display: block;
float:none; 
position: relative;
width: 100%;
height:100%;
overflow: hidden;
text-decoration: none;
background-size:cover !important;
}
 
a.portfolio-blog-featured:hover  {
}

a.portfolio-blog-featured:hover .overlays .content {
display: block;
position:relative;
width: 100%;
height: 70px;
top: 50%;
left: 0;
margin-top: -7%;
text-transform:uppercase; 
color:#fff;
text-align:center;
}

a.portfolio-blog-featured:hover .overlays {
background:rgba(0, 0, 0, 0.6) ;
height:98.999%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; 
}

a.portfolio-blog-featured .overlays .content .fa {
visibility:hidden;
text-align:center;
margin-top: 5%; 	
}

a.portfolio-blog-featured:hover .overlays .fa {
font-size: 28px;
color: #fff;
visibility:visible;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; 
}

a.portfolio-blog-featured .overlays .content .image-caption {
visibility:hidden;
}

a.portfolio-blog-featured:hover .overlays .content .image-caption {
visibility:visible;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color:#fff;
margin-top:8px;
font-weight:bold;
}

.overlays {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} 

div.gk-article-blog &gt; div.pull-left.item-image &gt; a img:hover,
div.gk-article-blog &gt; div.pull-right.item-image &gt; a img:hover,
div.gk-article-blog &gt; div.pull-none.item-image &gt; a img:hover{
opacity:0.7;
background:#000 !important;
}

div.leading-0 div.gk-article-blog span.article-info,
div.leading-1 div.gk-article-blog span.article-info,
div.leading-2 div.gk-article-blog span.article-info,
div.leading-3 div.gk-article-blog span.article-info,
div.leading-4 div.gk-article-blog span.article-info,
div.item.column-1 div.gk-article-blog span.article-info,
div.item.column-2 div.gk-article-blog span.article-info,
div.item.column-3 div.gk-article-blog span.article-info,
div.item.column-4 div.gk-article-blog span.article-info,
div.item.column-5 div.gk-article-blog span.article-info{
float:left;
text-align: left; 
font-size: 11.05px;
margin:-11px 0px 20px 52px;
padding:0;
font-weight:normal;
width:60% !important;
display:inline;
}

.article-info dd {
float:left;
display:inline;
padding-left:4px;
padding-right:8px;
text-align:left;
} 

.article-info dt {
float:left;
display:inline;
padding-left:8px;
text-align:left;
color:#727884;
font-weight:bold !important;
} 

.article-info a {
}

.article-info a:hover {
}

dt.article-info-term {
display:none;
}

div.item-page   {
position: relative;
margin-bottom:30px !important;
 margin-top:0px !important;
}

div.item-page ul li   {
list-style:disc;
}

div.item-page.gk-item-page &gt; div.gk-article &gt; h1.article-header &gt; a,
div.item-page.gk-item-page &gt; div.gk-article &gt; h1.article-header {
background: none;
font-size:20px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;	
padding-bottom:0px !important;
padding-top:20px;
}

div.gk-article &gt; span.article-info {
color:#000;
margin-left:0;
padding-left:0;
padding-top:-15px;
}

/*Read More button*/
 .readmore a:link,
 .readmore a:visited,
 a.readmore:link,
 a.readmore:visited {
float:right;
background: url(../images/readmore.png) 0 0 no-repeat;
text-indent:-5000px;
width:34px;
height:31px;
 margin-right:20px;
 display:block;
}

 .readmore a:hover,
.readmore a:active,
 .readmore a:focus,
a.readmore a:hover,
 a.readmore a:active,
 a.readmore a:focus{
float:right;
background: url(../images/readmoreh.png) 0 0 no-repeat;
text-indent:-5000px;
 width:34px;
height:31px; 
}

/*Pagination General */
.pagenav {
text-align: center; 
 padding: 20px;
line-height: 2.1em; 
text-decoration: none;
display: inline-block;
margin-left:5px; 
}

.pagenav ul {
display: inline-block;
display: inline;
list-style-type: none;
margin-left: 0;
margin-bottom: 0;
text-align: center;  
}

a.pagenav,
.paginations-list li.active a,
.paginations-list li a   {
display: inline;
 padding:  7px 10px !important;
}

.pagenav a,span.pagenav {
padding: 7px 10px;
} 

.pagination {
text-align:center !important;
width:100%;
margin-top:30px;
margin-bottom:40px;	
}

.pagination ul {
float:none;
text-align:center !important;
width:100%;
margin-bottom:40px;
}

.pagination a {
padding: 0 10px; 
text-decoration: none;
display: inline-block;
font-weight:bold;
letter-spacing:2px;
margin:16px 5px 20px 5px ;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
border:1px solid #dcdcdc !important; 
}

.pagination a:before  {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #727884; -webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

.pagination a:hover {
color:#fff;
}

.pagination a:hover:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.pagination span,
.pagination span  a:hover {
margin-right:8px;
color:#727884 !important;
font-weight:bold;
background: #fff;
border:1px solid #dcdcdc !important; 
} 

.pagination p.pull-right {
float: none;
text-align: center;
margin-bottom:15px;
} 

ul.pager.pagenav  {
border:none !important;
text-align:center !important;
width:100%;
margin-bottom:25px;
}

 ul.pager.pagenav li.next a ,
 ul.pager.pagenav li.previous a {
background:#999999;
color:#fff !important;
margin:10px 12px 0px 0 ;
padding:7px;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
float:right;
}

ul.pager.pagenav li.next a:before ,
ul.pager.pagenav li.previous a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #727884; -webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

ul.pager.pagenav &gt; li.next &gt; a:hover ,ul.pager.pagenav &gt; li.previous &gt; a:hover {
color:#fff;
}

ul.pager.pagenav li.next a:hover:before, 
ul.pager.pagenav li.previous a:hover:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

 /*Button for print, editor and email icons */
ul.actions li {
float:left;
margin:0;
padding:0 0px 0 0; 
list-style:none;
text-align:left;
list-style:none !important;
float:left;
}

 li.print-icon  {
float:left;
width:15px;
}

li.email-icon  {
float:left;
width:15px;
} 

li.print-icon a {
background: url(../images/system/printButton.png) 0 0 no-repeat;
text-indent:-5000px;
width:15px;
float:left;
list-style:none !important;
}

li.email-icon a {
background: url(../images/system/emailButton.png) 0 0 no-repeat;
text-indent:-5000px;
width:15px;
float:left;
list-style:none !important;
margin-left:10px; 
} 

.item-page { 
position:relative; 
}

.item-page aside {
float:left;
position:absolute;
width:85px;
}

.item-image {
margin:0px 0px 10px 0;
width:100%;
padding:0 !important;
}

.gk-article-blog {
font-size:14px;
line-height:22px !important;
/*margin:0px 0 40px 86px !important;*/
padding:15px 15px 45px 15px;
background:transparent;
min-height:300px;
display: block;
float: none !important;
}

.single-article {
/*margin-left:5%;*/
}

.gk-article-single {
font-size:14px;
line-height:22px !important;
/*margin:0px 0 40px 96px !important;*/
padding:15px 18px 20px 0px;
background:transparent;
min-height:300px;
display: block;
float: left;
 box-sizing: padding-box;
box-sizing: border-box;
width:100% !important;
border-radius: 0px 0px 5px 5px;
}

.gk-article-single h2 {
     font-size:22px;
	 font-weight: normal;
}
 

.gk-article-single img {
width:100%;
}

.item-page .item-page {
min-height:400px; 
}
 
.item-page time,time {
display:block;
width:85px;
height:60px;
line-height:20px;
margin:0 0 15px 0px;
padding:6px 6px 6px 0px;
text-align:center;
font-size:26px;
background:#999999;
color:#fff; 
text-transform:uppercase;  
}

.item-page time span,time span {
display:block;
font-size:32px;
line-height:45px; 
}

.article-info {
margin-bottom:0;
text-align:left;
font-size:10.5px;
margin-left:0px;
margin-top:0;
padding:0;  
}

.article-info dd { 
margin:0px 0 10px 0; 
font-weight:normal;
text-align:left;
padding:0 0 0 10px;
float:left;
}

 dl.article-info &gt; dt{  
font-weight:normal;
text-align:left;
margin:0px;
padding:0 0 0 10px;
float:left;
}

.gk-item-page .gk-article { min-height:400px; }
.gk-article .article-header, .gk-article-blog h2.article-header-blog {
 margin:15px 0 5px 0;
display:block !important;
padding:0px 10px 0px 0px; 
font-size:26px;
text-transform:uppercase;
line-height:26px;
font-weight:bold;
}

div.items-more  {
margin-left:10%;
}

div.items-more &gt; ol.nav.nav-tabs.nav-stacked &gt; li {
list-style:none;
text-align:left;
}

div.items-more &gt; ol.nav.nav-tabs.nav-stacked &gt; li &gt; a{
list-style:none;
font-weight:normal;
font-size:14px;
line-height:1.5em;
}
 
div.items-more &gt; ol.nav.nav-tabs.nav-stacked &gt; li :before{
font-weight:200;
color:#727884;
margin-right:7px;
font-size:0.5em;
content:"\f111";
font-family:fontawesome;
}

/*************************************
/*PAGE ARCHIVE
***************************************/
div.archive{
margin:90px 0 !important;
}

.archive .page-header h2 {
background: none;
font-size:20px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;	
padding-bottom:0px !important;
padding-top:20px;
}

.archive h1{
margin-bottom:30px;
text-transform:uppercase;
font-size:26px;
}

.archive h2{
background: none;
font-size:20px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;	
padding-bottom:0px !important;
padding-top:20px;
}

.archive fieldset.filters {
margin-bottom:0px;
margin-top:0;
padding:0 10px;
border:none;
width:100%;
} 

.archive fieldset.filters.inputbox {
margin: 0 10px;
background:red;
} 

.archive fieldset.filters div.filter-search {
}

div.archive select{
margin:0 12px 0 0;
} 

.archive fieldset.filters button {
padding:3px 5px;
margin-left:12px;
background:#414141;
border-radius:3px;
border:none;
color:#fff !important;
} 

div.archive &gt; form#adminForm.form-inline &gt; fieldset.filters &gt; div.filter-search &gt; button.btn.btn-primary {
color:#fff;
}

/*************************************
/*PAGE EN LISTE D4UNE SEULE CATEGORIE
***************************************/
.category-list {
margin-top:0px; 
margin-bottom:50px;
}

.category-list h2 {
font-size:30px;
margin-top:0px;
text-transform:capitalize;
margin-bottom:10px;
}

.category-list fieldset.filters.btn-toolbar.clearfix {
float:left;
width:100%;
background:none;
border:none;
} 

.category-list form#adminForm {
float:left;
width:93%;
margin:0px 30px;
padding:0;
}

.btn-group.pull-right {
float:left;
}
 
div.cat-children h3 {
font-size:18px;
margin-bottom:10px;
font-weight:bold;
}

.page-header.item-title {
font-size:13px;
}

.badge {
background:#999999;
border-radius:50%; 
 padding:8px 13px ; 
color:#fff;
margin-left:8px;
width:12px;
height:12px;
}

/*************************************
/*PAGE DE PLUSIUEURS CATEGORIES 
***************************************/
.categories-list  {
margin-top:0px !important;
margin-bottom: 50px !important;
margin-left:15%;
}

div.content-category {
float:left;
padding-top:0px !important;
padding-bottom: 80px !important;
width: 100%;
}

.categories-list &gt; ul.first li {
padding: 10px 0 !important;
}

span.item-title &gt; a {
font-size:18px;
}

/*table*/

table {
	width: 100%;
	max-width: 100%;
	margin-top:10px;
	border-collapse: separate;
	background-color: transparent;
}
table tr td {
	height: 30px;
	padding: 0 10px;
	line-height:30px;
	vertical-align: top;
	
}
table {
	border-style:solid;
	border-width:1px;
	border-bottom-width:0px;
}
table td {
	border-style:solid;
	border-width:0px;
	border-bottom-width:1px;
	border-right-width:1px;
}
table th {
	border-style:solid;
	border-width:0px;
	border-bottom-width:1px;
	text-align: left;
}
table thead &gt; tr &gt; th,
table tbody &gt; tr &gt; th,
table tfoot &gt; tr &gt; th,
table thead &gt; tr &gt; td,
table tbody &gt; tr &gt; td,
table tfoot &gt; tr &gt; td {
	padding: 17px 8px 7px 8px;
	line-height: 1.42857143;
	vertical-align: top;
	font-weight: normal;
}
table thead &gt; tr &gt; th {
	vertical-align: bottom;
}
table thead:first-child &gt; tr:first-child &gt; th,
table thead:first-child &gt; tr:first-child &gt; td {
	border-top: 0;
}
table tr td:last-child {
	border-right:0;
}
/* table border radius */
table {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
table thead:first-child tr:first-child &gt; th:first-child,
table tbody:first-child tr:first-child &gt; td:first-child,
table tbody:first-child tr:first-child &gt; th:first-child {
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}
table thead:first-child tr:first-child &gt; th:last-child,
table tbody:first-child tr:first-child &gt; td:last-child,
table tbody:first-child tr:first-child &gt; th:last-child {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
}
table thead:last-child tr:last-child &gt; th:first-child,
table tbody:last-child tr:last-child &gt; td:first-child,
table tbody:last-child tr:last-child &gt; th:first-child,
table tfoot:last-child tr:last-child &gt; td:first-child,
table tfoot:last-child tr:last-child &gt; th:first-child {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
table thead:last-child tr:last-child &gt; th:last-child,
table tbody:last-child tr:last-child &gt; td:last-child,
table tbody:last-child tr:last-child &gt; th:last-child,
table tfoot:last-child tr:last-child &gt; td:last-child,
table tfoot:last-child tr:last-child &gt; th:last-child {
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}
table tfoot + tbody:last-child tr:last-child td:first-child {
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
}
table tfoot + tbody:last-child tr:last-child td:last-child {
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
}

/*   login   */
div.login-description {
font-size:14px;
font-weight:bold;
margin-left:15px;
margin-bottom:15px;
}

.login  {
margin-top:0px !important;
}

div.login fieldset {

}

.login label  {
color:#999999;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
line-height:25px;
margin:0;
padding:0 10px;
width:100%;
}

input  {
background:#fff;
font-size:14px;
/*font-weight:bold;
text-transform:uppercase;*/
line-height:20px;
border:none;
padding:10px 10px;
margin:5px 0;
border:1px solid #d9d9d9;
width:95%;
color:#727884 !important;
}

.login button {
background:#999999;
color:#fff;
border:none;
padding:15px; 
margin:10px 0;
}

ul.nav.nav-tabs.nav-stacked  {
padding-bottom:80px;
margin-left:5%; 
}

ul.nav.nav-tabs.nav-stacked &gt; li  {
display:inline;
}

ul.nav.nav-tabs.nav-stacked &gt; li &gt; a  {
padding:15px 15px;
} 

#remember.inputbox {
width:5%;
}

 form#user-registration.form-validate.form-horizontal.well &gt; fieldset {
}

form#user-registration.form-validate.form-horizontal.well &gt; fieldset &gt; p {
margin:10px 0;
padding:10px 5px;
}

 label#jform_email-lbl{
font-weight:bold;
}
 
input#jform_email {
margin:15px 0;
}

button.btn.btn-primary.validate {
margin-bottom:50px;
margin-top:0;
margin-left:5%;
}
 
label#jform_spacer-lbl {
display:none !important;
}
 
.control-label {
margin:20px 0 0px 0;
}

.controls &gt; a.btn {
background:#ef4c1d;
margin-left:16px;
padding:14px;
color:#fff;
text-transform:uppercase;
}

fieldset &gt; legend {
font-size:14px;
}

/*Print and E-mail popup window*/
body.contentpane {
background: none;
background-color: #fff;
padding: 22px;
}

body.contentpane div.pull-right a {
display: block;
padding: 0 0 10px 30px;	
}
	
div.mailto-close {
float: right;
}

/*************************************
/*PAGE CONTACT
***************************************/
.contact {
margin:40px 0 !important;
}

div.contact &gt; div.page-header &gt; h2  {
text-transform:uppercase;
border-bottom:1px solid #eee;
}

/************* 
/*COM SEARCH
*************/
form#searchForm  {
margin-top:40px;
margin-bottom:40px;
}
 
dl.search-results dt.result-title {
margin: 15px 0 5px 0;
padding: 5px 0;
border-top: 1px #ddd solid;
}
 
dl.search-results dd.result-created {
font-size: 11px;
}

/*************************************
/*PAGE ARCHIVE
***************************************/
div.archive{
margin:90px 0 !important;
}

.archive .page-header h2 {
background: none;
font-size:20px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;	
padding-bottom:0px !important;
padding-top:20px;
}

.archive h1{
margin-bottom:30px;
text-transform:uppercase;
font-size:26px;
}

.archive h2{
background: none;
font-size:20px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;	
padding-bottom:0px !important;
padding-top:20px;
}

.archive fieldset.filters {
margin-bottom:0px;
margin-top:0;
padding:0 10px;
border:none;
width:100%;
} 

.archive fieldset.filters.inputbox {
margin: 0 10px;
} 

.archive fieldset.filters div.filter-search {
}

div.archive select{
 margin:0 12px 0 0;
} 

.archive fieldset.filters button {
padding:3px 5px;
margin-left:12px;
border-radius:3px;
border:none;
color:#fff !important;
} 
div.archive &gt; form#adminForm.form-inline &gt; fieldset.filters &gt; div.filter-search &gt; button.btn.btn-primary {
color:#fff;
}

/*************************************  
/*COM NEWSFEED
***************************************/
.newsfeed .feed-description {
  border-bottom: 1px solid #e5e5e5;
  color: #999;
  font-size: 14.25px;
  margin: 10px 0 20px 0;
  padding: 0 0 10px 0;
}
.newsfeed &gt; ol {
  list-style-type: none;
  margin: 0;
}
.newsfeed &gt; ol &gt; li {
  border-top: 1px solid #e5e5e5;
  font-size: 18.2px;
  padding: 20px 0;
}
.newsfeed &gt; ol &gt; li:first-child {
  border-top: none;
}
.newsfeed &gt; ol &gt; li &gt; a {
  display: block;
  padding: 0 0 15px 0;
}
.newsfeed &gt; ol &gt; li .feed-item-description {
  font-size: 11.96px;
}

/*************************************  
/*COM CONTACT
***************************************/
.contact {
width:85%;
margin:0 7.5% !important;
}

.contact fieldset legend {
font-size: 14px;
}
 .contact .jicons-icons, 
div.contact div.accordion-heading  {
display: none;
}
.contact .contact-position dd,
.contact .contact-address dd {
margin: 8px 0;
font-weight:bold;
text-transform:capitalize;
width:100%;
font-size:15px;
}

.contact img{
margin-bottom:20px;
}


.contact dl{
width:100%;
}

.contact h3 {
font-weight:bold;
text-transform:capitalize;
}

/*************************************  
/*COM WEBLINKS
***************************************/
.weblink-category .cat-children ul li {
font-size: 18.2px;
line-height: 1.4;
padding-bottom:20px;
}

.weblink-category ul li p {
padding-bottom:20px;
}

.weblink-category .cat-children ul li li {
font-size: 11.96px;
}

.weblink-category .cat-children ul ul{
clear: both;
margin-left: 20px;
}

.weblink-category .cat-children dl{
color: #777;
font-size: 11.05px;
} 
 
.weblink-category .cat-children dt,
.weblink-category .cat-children dd{
float: left;
}

/*************************************  
/*COM TAGS
***************************************/

div.tags a.label,
.tag-category h3 a {
font-size: 12px;
display: block !important;
color: #fff;
float: left;
padding: 3px 6px;
margin: 0 5px 5px 0;
border-radius: 3px;
background: #757572;
text-shadow: none !important;
}

div.tags a.label:hover,
.tag-category h3 a:hover {
-webkit-transition: all .3ms linear;
-moz-transition: all .3ms linear;
-o-transition: all .3ms linear;
transition: all .3ms linear;
}

.tag-category h3 a {
margin-bottom: 0;
}

.tag-category .thumbnails &gt; li {
margin-left: 0 !important;
}
.tag-category .caption,
.tag-category .tag-body {
clear: both;
width: 100%;
display: block;
padding-top: 8px;
}

.tag-category ul li {
list-style:none;
}

/************ 
/*COPYRIGHT
************/
#block-footer{
float:left;
width:100%;
margin-bottom:20px;
background:transparent;
}

.copyright {
text-align:center;
font-weight:bold;
margin-top:20px;
text-transform:capitalize;
font-size: 14px;
color: #686b78;
}

.copyright a {
}

.copyright a:hover {
}

/****************
/*BLOCK SOCIAL
*****************/
.soc_icons_box {
margin-top:0px;
text-align:center;
background:transparent;
}

.soc_icons_box ul {
display:-moz-inline-stack;
display:inline-block;
padding:0;
}

.soc_icons_box li {
float:left;
list-style:none;
padding:0;
}

.soc_icons li a {
font-size: 20px;
margin: 0px 7px;
border-radius:50%;
width:20px !important;
height:20px !important;
padding:12px;
line-height:10px;
}

.soc_icons li a:hover {
webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.soc_icons a {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

/**********************************
 * BLOCK LEFT STYLE INHERITED
 **********************************/
#left,#right{
float:left !important;
padding:10px 0;
 margin-top:0px;
}

div#left &gt; div.grid_3{
padding-left:30px;
box-sizing: border-box;
box-sizing: padding-box !important;
}

#left ul li a,
#right ul li a {
font-weight:bold;
line-height: 1.8em ;
font-size:14px;
text-transform:capitalize;
padding-left:0;
}

#left .moduletable div.custom &gt; ul &gt; li  ,
#right .moduletable div.custom &gt; ul &gt; li  {
font-weight:bold;
line-height: 1.6em ;
font-size:14px;
text-transform:capitalize;
padding-left:0;
}

#left .moduletable  ,
#right .moduletable {
width:90%;
}

#left ul li:before,
#right ul li:before {
 content: "\f1db"; 
font-family:fontawesome;
font-weight:bold;
margin-right:7px;
font-size:0.7em;
 margin-left:0px; 
}

#left h2,
#right h2, 
#left h3,
#right h3 {
font-size:20px;
text-transform:uppercase;
text-align:left ;
font-weight:bold;
letter-spacing:1px;	
margin-top:0;
margin-bottom:10px;
padding:0px 0 0px 0;
display:block;
}

#left p,
#right p {
text-align:left;
font-weight:bold;
}

#left .moduletable,
#right .moduletable  {
padding:0px 0px 60px 0;
}

#left a.readmore , 
#right a.readmore{
background: #fafafa !important;
border:2px solid #414141;
padding:3px;
font-weight:bold;	
text-align:center !important;
font-size:11px;
}

#left a.readmore:hover, 
#right a.readmore:hover{
background: #000 !important;
text-shadow: none !important;
-webkit-transition: all 0.4s ease-in-out !important;	
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; 
color:#fff !important;
}

#left .moduletable-icon-left,
#right .moduletable-icon-left {
padding-bottom:50px;
padding-top:10px;
}

#left .moduletable-icon-left{
padding-right:20px;
}

#right .moduletable-icon-left {
padding-left:20px;
}</pre></body></html>