/* @charset "utf-8"; */
  @import url("font-awesome.html"); 

  

/*************************************  
/* 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:13px;
font-weight:normal;
}

 h1, h2, h3, h4, h5, h6{
font-weight: 200;
margin:5px 0;
}

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 {
line-height: 1.8em; 
font-size:14px;
font-weight:normal;
margin:20px 0;
padding:0 20px 0 0;
}

small {
font-size: 0.9em;
}
 
/****************************  
/* STYLE DES LISTES GENERAL
****************************/ 
 ol  {
list-style-type:none ;
}

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

ol, ul, dl {
margin: 0.9em 0 ; 
padding: 0; 
} 

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

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

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; 
}

h1{ 
font-size: 300%;
letter-spacing:3px;
}

h2{ 
font-size: 250%;
letter-spacing:3px;
}

h3{ 
font-size: 200%; 
letter-spacing:2px;
}

h4{ 
font-size: 120%; 
 letter-spacing:1px;
}

h5{ 
font-size: 110%;
 letter-spacing:1px;
}

h6{ 
font-size: 100%; 
letter-spacing:1px;
} 

p {
line-height: 1.5em; 
font-size:13px;
font-weight:400;
margin:15px 0px;
letter-spacing:0px;
}



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

fieldset {
 border:none; 
margin: 10px 0;
padding: 0px 0px 15px 30px;
border-radius: 0px;
background:#fff;
} 

legend {
font-weight: bold;
background: #fff;
padding: 5px 10px
}

label {
color:#000;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
line-height:25px;
margin: 0;
padding:0px; 
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;
color:#000 !important;
width:100%:
}

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

.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;
}

/*********************
 * BLOCK HEADER
 *********************/
#sticker {
float:left;
background:#fff; 
width:100%;
font-weight: bold;
text-align: center; 
padding-top: 45px ; 
height:80px;
margin: 0 0;
z-index:1;
z-index:9999; 
margin-bottom:5px;
border-bottom:1px solid #eee;
}
	
#nav-top {
width: 65%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index:99;
z-index:9999;
float:right;
}

#sitename  {
float:left;
padding:0;
width:30%;

}

#sitename a {
font-weight:700;
-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:0;
margin:0; 
font-size:30px;
letter-spacing:7px;
padding:0;
}

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

#sitename a:after {
	color: #9c9c9c;
	text-shadow: 0 0 transparent;
	font-size: 0.3em;
	letter-spacing:3px;
	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;
margin-left:7px;
	
}

 div#sitename > a.logo > img {
margin-top:5px;
}

.wrapper {
width:auto;
background:#fff;
padding:0 0px;
margin:auto;
}
 
/*******************
 * STYLE MENU TOP
 ******************/
 
#nav-top .cl-effect-13 a {
	padding: 8px 0;
}

#nav-top .cl-effect-13 a::after {
	position: absolute;
	top: 90%;
	left: 20px;
	width: 15px;
	height: 1px;
	background: rgba(0,0,0,1);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

#nav-top .cl-effect-13 a:hover::after,
#nav-top .cl-effect-13 a:focus::after {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	position: absolute;
	top: 90%;
	left: 20px;
	width: 15px;
	height: 1px;
	background: rgba(0,0,0,1);
	content: '';
	opacity: 1;
}

#nav-top .cl-effect-13 > li.current.active a:after {
position: absolute;
	top: 70%;
	left: 20px;
	width: 15px;
	height: 1px;
	background: rgba(0,0,0,1);
	content: '';
	opacity: 1;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	
} 

/*************************************  
/* STYLE DES BOUTONS
***************************************/ 

.black a,
.grey a,
.dark-blue a,
.blue a,
.green a,
.emerald a,
.red a,
.dark-orange a,
.orange a,
.deep-purple a,
.purple a,
.magenta a,
.brick a,
.orange-light a,
.black ,
.grey ,
.dark-blue ,
.blue ,
.green ,
.emerald ,
.red ,
.dark-orange ,
.orange ,
.deep-purple ,
.purple ,
.magenta,
.brick,
.orange-light,
.black-round a,
.grey-round a,
.dark-blue-round a,
.blue-round a,
.green-round a,
.emerald-round a,
.red-round a,
.dark-orange-round a,
.orange-round a,
.deep-purple-round a,
.purple-round a,
.magenta-round a,
.orange-light-round a,
.black-round ,
.grey-round ,
.dark-blue-round ,
.blue-round ,
.green-round ,
.emerald-round ,
.red-round ,
.dark-orange-round ,
.orange-round ,
.deep-purple-round ,
.purple-round ,
.magenta-round,
.brick-round,
.orange-light-round{
color: #fff !important;
}

.black-round ,
.grey-round ,
.dark-blue-round ,
.blue-round ,
.green-round ,
.emerald-round ,
.red-round ,
.dark-orange-round ,
.orange-round ,
.deep-purple-round ,
.purple-round ,
.magenta-round,
.brick-round,
.orange-light-round {
border-radius:6px;
}

/* black */
.black,.black-round{
background: #3f3f3f !important;
background: -moz-linear-gradient(top, #3f3f3f 0%, #1c1c1c 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(100%,#1c1c1c))!important;
background: -webkit-linear-gradient(top, #3f3f3f 0%,#1c1c1c 100%)!important;
background: -o-linear-gradient(top, #3f3f3f 0%,#1c1c1c 100%)!important;
background: -ms-linear-gradient(top, #3f3f3f 0%,#1c1c1c 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#1c1c1c',GradientType=0 )!important;
border-color: #000 !important;
padding:10px;
}

.black a,.black-round a{
text-shadow: 0 1px 1px #000 !important;
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; 
}

.black a:hover,
.black-round a:hover {
background-color:transparent !important;
padding:0 10px;
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;
text-shadow: none !important;
}

/* dark-gray */
.grey,.grey-round{
background: #596a72!important;
background: -moz-linear-gradient(top, #596a72 0%, #3e4a50 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#596a72), color-stop(100%,#3e4a50))!important;
background: -webkit-linear-gradient(top, #596a72 0%,#3e4a50 100%)!important;
background: -o-linear-gradient(top, #596a72 0%,#3e4a50 100%)!important;
background: -ms-linear-gradient(top, #596a72 0%,#3e4a50 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#3e4a50',GradientType=0 )!important;
border-color: #3e4a50 !important;
padding:10px;	
}

.grey a,.grey-round a{
text-shadow: 0 1px 1px #2e2e2e !important;
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; 
} 

.grey a:hover,
.grey-round a:hover {
background-color:transparent !important;
padding:0 10px;
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;
text-shadow: none !important;
}

/* dark-blue */
.dark-blue,.dark-blue-round {
background: #1e5799!important;
background: -moz-linear-gradient(top, #1e5799 0%, #153d6b 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#153d6b))!important;
background: -webkit-linear-gradient(top, #1e5799 0%,#153d6b 100%)!important;
background: -o-linear-gradient(top, #1e5799 0%,#153d6b 100%)!important;
background: -ms-linear-gradient(top, #1e5799 0%,#153d6b 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#153d6b',GradientType=0 )!important;
border-color: #153d6b !important;
padding:10px;
	 
}

.dark-blue a,.dark-blue-round a{
text-shadow: 0 1px 1px #000 !important;
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; 
}

.dark-blue a:hover,
.dark-blue-round a:hover{
background-color: #113155 !important;
}

/* blue */
.blue,.blue-round{
background: #107fc9!important;
background: -moz-linear-gradient(top, #107fc9 0%, #0d66a1 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#107fc9), color-stop(100%,#0d66a1))!important;
background: -webkit-linear-gradient(top, #107fc9 0%,#0d66a1 100%)!important;
background: -o-linear-gradient(top, #107fc9 0%,#0d66a1 100%)!important;
background: -ms-linear-gradient(top, #107fc9 0%,#0d66a1 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#107fc9', endColorstr='#0d66a1',GradientType=0 )!important;
border-color: #0d66a1 !important;
padding:10px;	
}

.blue a,.blue-round a{
text-shadow: 0 1px 1px #2e2e2e !important;
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; 
}

.blue a:hover,
.blue-round a:hover{
background-color:transparent !important;
padding:0 10px;
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;
text-shadow: none !important;
}

/* green */
.green,.green-round{
background: #006e2e!important;
background: -moz-linear-gradient(top, #006e2e 0%, #004e21 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006e2e), color-stop(100%,#004e21))!important;
background: -webkit-linear-gradient(top, #006e2e 0%,#004e21 100%)!important;
background: -o-linear-gradient(top, #006e2e 0%,#004e21 100%)!important;
background: -ms-linear-gradient(top, #006e2e 0%,#004e21 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#004e21',GradientType=0 )!important;
border-color: #004e21 !important;
padding:10px;
}

.green a,.green-round a{
text-shadow: 0 1px 1px #000 !important;
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; 
}

.green a:hover,
.green-round a:hover{
background-color:transparent !important;
padding:0 10px;
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;
text-shadow: none !important;
}

/* emerald */
.emerald,.emerald-round {
background: #12b86c!important;
background: -moz-linear-gradient(top, #12b86c 0%, #0e9458 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12b86c), color-stop(100%,#0e9458))!important;
background: -webkit-linear-gradient(top, #12b86c 0%,#0e9458 100%)!important;
background: -o-linear-gradient(top, #12b86c 0%,#0e9458 100%)!important;
background: -ms-linear-gradient(top, #12b86c 0%,#0e9458 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12b86c', endColorstr='#0e9458',GradientType=0 )!important;
border-color: #0e9458 !important;
padding:10px;	
}

.emerald a,.emerald-round a{
text-shadow: 0 1px 1px #2e2e2e !important;
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; 
}

.emerald a:hover,
.emerald-round a:hover{
background-color:transparent !important;
padding:0 10px;
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;
text-shadow: none !important;
}

/* red */
.red,.red-round{
background: #b11623!important;
background: -moz-linear-gradient(top, #b11623 0%, #8e121c 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b11623), color-stop(100%,#8e121c))!important;
background: -webkit-linear-gradient(top, #b11623 0%,#8e121c 100%)!important;
background: -o-linear-gradient(top, #b11623 0%,#8e121c 100%)!important;
background: -ms-linear-gradient(top, #b11623 0%,#8e121c 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b11623', endColorstr='#8e121c',GradientType=0 )!important;
border-color: #8e121c !important;
padding:10px;
}

.red a,.red-round a{
text-shadow: 0 1px 1px #2e2e2e !important;
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; 
}

.red a:hover,
.red-round a:hover{
background-color:transparent !important;
padding:0 10px;
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;
text-shadow: none !important;
}

/* dark-orange */
.dark-orange,.dark-orange-round{
background: #c64900!important;
background: -moz-linear-gradient(top, #c64900 0%, #9e3a00 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c64900), color-stop(100%,#9e3a00))!important;
background: -webkit-linear-gradient(top, #c64900 0%,#9e3a00 100%)!important;
background: -o-linear-gradient(top, #c64900 0%,#9e3a00 100%)!important;
background: -ms-linear-gradient(top, #c64900 0%,#9e3a00 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c64900', endColorstr='#9e3a00',GradientType=0 )!important;
border-color: #9e3a00 !important;
padding:10px;
}

.dark-orange a,.dark-orange-round a{
text-shadow: 0 1px 1px #000 !important;
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; 
}

.dark-orange a:hover,
.dark-orange-round a:hover{
background-color:transparent !important;
padding:0 10px;
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;
text-shadow: none !important;
}

/* orange */
.orange,.orange-round {
background: #fd8603!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd8603), color-stop(100%,#ca6902))!important;
background: -webkit-linear-gradient(top, #fd8603 0%,#ca6902 100%)!important;
background: -o-linear-gradient(top, #fd8603 0%,#ca6902 100%)!important;
background: -ms-linear-gradient(top, #fd8603 0%,#ca6902 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8603', endColorstr='#ca6902',GradientType=0 )!important;
border-color: #ca6902 !important;
padding:10px;
}

.orange a,.orange-round a{
text-shadow: 0 1px 1px #2e2e2e !important;
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; 
}

.orange a:hover,
.orange-round a:hover{
background-color:transparent !important;
padding:0 10px;
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;
text-shadow: none !important;
}

/* deep-purple */
.deep-purple,.deep-purple-round{
background: #663366!important;
background: -moz-linear-gradient(top, #663366 0%, #532953 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#663366), color-stop(100%,#532953))!important;
background: -webkit-linear-gradient(top, #663366 0%,#532953 100%)!important;
background: -o-linear-gradient(top, #663366 0%,#532953 100%)!important;
background: -ms-linear-gradient(top, #663366 0%,#532953 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#663366', endColorstr='#532953',GradientType=0 )!important;
border-color: #532953 !important;
padding:10px;
}

.deep-purple a,.deep-purple-round a{
text-shadow: 0 1px 1px #000 !important;
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; 
}

.deep-purple a:hover,
.deep-purple-round a:hover{
background-color:transparent !important;
padding:0 10px;
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;
text-shadow: none !important;
}

/* purple */
.purple,.purple-round{
background: #a849a3!important;
background: -moz-linear-gradient(top, #a849a3 0%, #873b84 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a849a3), color-stop(100%,#873b84))!important;
background: -webkit-linear-gradient(top, #a849a3 0%,#873b84 100%)!important;
background: -o-linear-gradient(top, #a849a3 0%,#873b84 100%)!important;
background: -ms-linear-gradient(top, #a849a3 0%,#873b84 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a849a3', endColorstr='#873b84',GradientType=0 )!important;
border-color: #873b84 !important;
padding:10px;
}

.purple a,.purple-round a{
text-shadow: 0 1px 1px #2e2e2e !important;
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; 
}

.purple a:hover,
.purple-round a:hover{
background-color:transparent !important;
padding:0 10px;
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;
text-shadow: none !important;
}

/* magenta */
.magenta,.magenta-round{
background: #d51e7a!important;
background: -moz-linear-gradient(top, #d51e7a 0%, #ac1862 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d51e7a), color-stop(100%,#ac1862))!important;
background: -webkit-linear-gradient(top, #d51e7a 0%,#ac1862 100%)!important;
background: -o-linear-gradient(top, #d51e7a 0%,#ac1862 100%)!important;
background: -ms-linear-gradient(top, #d51e7a 0%,#ac1862 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d51e7a', endColorstr='#ac1862',GradientType=0 )!important;
border-color: #ac1862 !important;
padding:10px;
}

.magenta a,.magenta-round a{
text-shadow: 0 1px 1px #2e2e2e !important;
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; 
}

.magenta a:hover,
.magenta-round a.hover{
background-color:transparent !important;
padding:0 10px;
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;
text-shadow: none !important;
}

/* brick */
.brick,.brick-round{
background: #b85b2e !important;
background: -moz-linear-gradient(top, #b85b2e 0%, #b85b2e 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b85b2e), color-stop(100%,#b85b2e))!important;
background: -webkit-linear-gradient(top, #b85b2e 0%,#b85b2e 100%)!important;
background: -o-linear-gradient(top, #b85b2e 0%,#b85b2e 100%)!important;
background: -ms-linear-gradient(top, #b85b2e 0%,#b85b2e 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b85b2e', endColorstr='#b85b2e',GradientType=0 )!important;
border-color: #b85b2e !important;
padding:10px !important; 
}

.brick a,.brick-round a{
text-shadow: 0 1px 1px #2e2e2e !important;
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;      
}

.brick a:hover,
.brick-round a.hover{
background: #b85b2e !important;
padding:0 10px;
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;
text-shadow: none !important;  
}

/* orange light */
.orange-light,.orange-light-round{
background: #f13f0f !important;
background: -moz-linear-gradient(top, #f13f0f 0%, #ef4e20 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f13f0f), color-stop(100%,#ef4e20))!important;
background: -webkit-linear-gradient(top, #f13f0f 0%,#ef4e20 100%)!important;
background: -o-linear-gradient(top, #f13f0f 0%,#ef4e20 100%)!important;
background: -ms-linear-gradient(top, #f13f0f 0%,#ef4e20 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f13f0f', endColorstr='#ef4e20',GradientType=0 )!important;
border-color: #f13f0f !important;
padding:10px !important; 
text-align:center;
}

.orange-light a,.orange-light-round a{
text-shadow: 0 1px 1px #2e2e2e !important;
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;      
}

.orange-light a:hover,
.orange-light-round a.hover{
background: #ef4e20 !important;
padding:0 10px;
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;
text-shadow: none !important;   
}

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

.ct-preloader .ct-preloader-content {
position: absolute;
z-index: 99999;
top: 50%;
margin-top: -64px;
left: 50%;
margin-left: -64px; height: 128px;
width: 60px; 
background: url(../images/loading.gif);
}


/**********************************
 * BLOCK FRAMEWORK STYLE INHERITED
 **********************************/
#coverbox,
#portfolio,
#block-top,
#block-feature,
#block-beforecontent,
#block-aftercontent,
#block-bottomcontent,
#block-footertop,
 #block-footerbottom {
float:left;
width:100%;
padding:20px 0;
 background:#fff;  
/* border-bottom:1px solid #ebebeb; */
margin-top:0px;
}

#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:12px;
}

#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: "\f054"; 
font-family:fontawesome;
font-weight:bold;
color:#000;
margin-right:7px;
font-size:0.7em;
}

#coverbox h3,
#portfolio h3,
#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:20px;
text-transform:uppercase;
text-align:left;
font-weight:bold;
margin:0;
padding:0 0 25px 0;
background: url(../images/background-h3.jpg) 0% 100% no-repeat;
}

#block-top p,
#block-feature p,
#block-beforecontent p,
#block-aftercontent p,
#block-bottomcontent p,
#block-footertop p,
 #block-footerbottom p{
text-align:left;
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:40px 0px 40px 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:20px 0px 20px 0;
}
 
#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:20px;
text-transform:uppercase;
text-align:left ;
font-weight:bold;
letter-spacing:3px;	
padding-bottom:15px;
}

#block-top .moduletable-icon-left h3:before,
#block-feature .moduletable-icon-left h3:before,
#block-beforecontent .moduletable-icon-left h3:before,
#block-aftercontent .moduletable-icon-left h3:before,
#block-bottomcontent .moduletable-icon-left h3:before,
#block-footertop .moduletable-icon-left h3:before,
#block-footerbottom .moduletable-icon-left h3:before{
font-size:20px;
text-transform:uppercase;
text-align:left ;
font-weight:bold;
letter-spacing:5px;	
padding-bottom:15px;
font-family:fontawesome;
font-weight:bold;
color:#000;
font-size:0.7em;
background: none !important;
}

/************************************
 * 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:20px 20px;
text-align:center ;
}

#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:20px;
text-transform:uppercase;
text-align:center ;
font-weight:bold;
letter-spacing:2px;	
padding-bottom:0px;
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:justify ;
}

#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:45px;

}

#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:#262626;
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:10px; 
 text-align:center;
}

#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:#000;
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
 ************************************/
#portfolio .moduletable-icon-noicon ,
#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:20px 20px;
text-align:center ;
}

#portfolio .moduletable-icon-noicon h3,
#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{
background: url(../images/background-h3.jpg) 50% 100% no-repeat;
font-size:20px;
text-transform:uppercase;
text-align:center ;
font-weight:bold;
}

/**********************************************
/*PAGE BLOG D'UNE SEULE CATEGORIE,BLOG FEATURE
***********************************************/
.cols-1 {
display: block;
float: none ;
/* margin: 0 2.5% 0 1% ; */
background:#fff;
padding:0 ;
margin: 0 2% 0 2%;
}

.cols-2 .column-1 {
width: 47%;
float: left;
background:#fff;
padding:0;
margin: 0 0 0 2%;
}

.cols-2 .column-2 {
width: 47%;
float: right;
margin: 0 2% 0 0;
padding:0;
}

.cols-3 .column-1 {
float: left;
width: 31%;
margin-right: 2.5%;
margin-left: 1%;
margin-bottom:0%;
/* background:red;  */
padding:0;
}

.cols-3 .column-2 {
float: left;
width: 31%;
margin-left: 0;
padding:0;
/* background:red;  */
margin-bottom:0%;
}

.cols-3 .column-3 {
float: right;
width: 31%;
/* background:red; */
 padding:0;
 margin-right: 1%;
 margin-bottom:2%;
}

 div.leading-0,
 div.leading-1,
 div.leading-2,
 div.leading-3,
 div.leading-4 {
 background:#fff;
padding-bottom:50px;
margin: 0 2% 0 2%;
 
 }
 


 
 .cols-1.items-row {
 padding-bottom: 90px !important;
 
 }

.items-row {
 overflow: hidden; 
padding-bottom:20px ; 

}

.column-1,
.column-2,
.column-3 {
/* padding: 20px 5px */
}

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

.column-3 {
width: 30%
} 

.blog-featured.item-page  {
padding:0px 20px ;
}

.blog-featured.item-page p {
 padding:5px 0px ; 
}

aside {
width:100%;
}

.item-page time,
.itemAsideInfo time,aside {
display: block;
text-align:center;
} 

 time {
 padding:10px 10px 10px 10px;
display: block;
} 

.day{
color:#000;
font-size:14px;
font-weight:bold;
letter-spacing:2px;
}

.month {
color:#000;
font-size:14px;
font-weight:bold;
letter-spacing:2px;
} 

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: url(../images/background-h3.jpg) 50% 100% no-repeat;
font-size:20px;
text-transform:uppercase;
text-align:center ;
font-weight:bold;
padding-bottom:15px;
margin-bottom:35px;

} 

div.page-header > h1:before,div.page-header > h2:before,
div.content-category > h1:before,
div.categories-list > h1:before,
div.search > h1.page-title:before,
div.finder > h1:before,
div.contact > h1:before{
} 

div.blog-featured.item-page,.blog {
padding:40px 0 0 0;

}

.blog {
padding:30px 0;

}

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

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

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

div.leading-0.clearfix > div.gk-article-blog > div.pull-item-image > a,
div.gk-article-blog > div.pull-item-image > a img{
background-size:cover !important;
width:100%;
height: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 .overlays {
-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; 
height:98.999%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

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 > div.pull-left.item-image > a img:hover,
div.gk-article-blog > div.pull-right.item-image > a img:hover,
div.gk-article-blog > div.pull-none.item-image > a img:hover{
opacity:0.7;
background:#fff !important;
}

div.leading-0 div.gk-article-blog h2.article-header-blog,
div.leading-1 div.gk-article-blog h2.article-header-blog,
div.leading-2 div.gk-article-blog h2.article-header-blog,
div.leading-3 div.gk-article-blog h2.article-header-blog,
div.leading-4 div.gk-article-blog h2.article-header-blog,
div.item.column-1 div.gk-article-blog h2.article-header-blog,
div.item.column-2 div.gk-article-blog h2.article-header-blog,
div.item.column-3 div.gk-article-blog h2.article-header-blog,
div.item.column-4 div.gk-article-blog h2.article-header-blog,
div.item.column-5 div.gk-article-blog h2.article-header-blog{
position:relative;
font-size:18px;
text-transform:uppercase;
text-align:center;
font-weight:bold;
background:;
padding:15px 0 5px 0;
margin:0 0 5px 0;
}

div.leading-0 div.gk-article-blog h2.article-header-blog:after,
div.leading-1 div.gk-article-blog h2.article-header-blog:after,
div.leading-2 div.gk-article-blog h2.article-header-blog:after,
div.leading-3 div.gk-article-blog h2.article-header-blog:after,
div.leading-4 div.gk-article-blog h2.article-header-blog:after,
div.item.column-1 div.gk-article-blog h2.article-header-blog:after,
div.item.column-2 div.gk-article-blog h2.article-header-blog:after,
div.item.column-3 div.gk-article-blog h2.article-header-blog:after,
div.item.column-4 div.gk-article-blog h2.article-header-blog:after,
div.item.column-5 div.gk-article-blog h2.article-header-blog:after{
 content: "\f068";
font-family:fontawesome;
font-weight:bold;
color:#000;
font-size:0.7em;
 position:absolute; 
top:100%;
left:50%;
}

.gk-article-blog {
 /*  padding:50px; */
  box-sizing: border-box;
border: 0px solid #fff;
}

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{
text-align: left; 
font-size: 11px;
font-weight:normal;
width:100% !important;
display:block;
padding:10px 0 0px 0 ;
color:#252525;
margin-bottom:0;
} 

.article-info dd {
display:inline; 
padding-left:4px;
padding-right:8px; 
font-weight:normal;
text-transform:uppercase;
letter-spacing:0px;
color:#252525 !important;
font-size: 11px !important;
} 

.article-info dt{
font-size: 11px !important;
color:#252525 !important;
} 

span.article-info > dt.createdby:before {
content:  "\f040";
font-family:fontawesome;
font-weight:normal;
color:#252525;
font-size:1em;
margin-right:5px;
}

span.article-info > dt.hits:before {
font-family:fontawesome;
font-weight:normal;
color:#252525;
font-size:1em;
margin-right:5px;
content:"\f08a";
} 

span.article-info > dt.category-name:before{
font-family:fontawesome;
font-weight:normal;
color:#252525;
font-size:1em;
margin-right:5px;
content: "\f114";
}

span.article-info > dt.create:before {
font-family:fontawesome;
font-weight:normal;
color:#252525;
font-size:1em;
margin-right:5px;
content: "\f133";
}

span.article-info > dt.parent-category-name:before {
font-family:fontawesome;
font-weight:normal;
color:#252525;
font-size:1em;
margin-right:5px;
content:  "\f115";
}

span.article-info > dt.modified:before {
font-family:fontawesome;
font-weight:normal;
color:#252525;
font-size:1.1em;
margin-right:5px;
content: "\f017";
}

.article-info dt {
display:inline;
padding-left:6px;
 text-align:center; 
 font-weight:normal;
text-transform:uppercase;
letter-spacing:1px;
} 

.article-info a {
color:#252525;
}

.article-info a:hover {
color:#9c9c9c;
} 

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

span.article-info > ul.actions {
display:inline;
}

span.article-info > ul.actions > li.print-icon,
span.article-info > ul.actions > li.email-icon{
display:inline;
}

span.article-info > ul.actions > li.print-icon a,
span.article-info > ul.actions > li.email-icon a{
padding-left:6px;
text-align:center; 
font-weight:normal;
text-transform:uppercase;
letter-spacing:1px;
}

span.article-info > ul.actions > li.print-icon a:before{
font-family:fontawesome;
font-weight:normal;
color:#9c9c9c;
color:#252525;
font-size:1.1em;
margin-right:5px;
content:"\f02f" ;
}

span.article-info > ul.actions > li.email-icon a:before{
 font-family:fontawesome;
font-weight:normal;
color:#9c9c9c;
color:#252525;
font-size:1.1em;
margin-right:5px;
content: "\f0e0" ; 
}

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

div.item-page img   {
width:100%;
height:100%;
background-size:cover;
}

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

div.item-page.gk-item-page  {
 background:#fff; 
} 

div.item-page.gk-item-page > div.gk-article > h1.article-header {
position:relative;
font-size:18px;
text-transform:uppercase;
text-align:center;
font-weight:bold;
margin:0;
padding:0 0 35px 0;
margin-bottom:25px;
margin-top:20px;
background: url(../images/background-h3.jpg) 50% 100% no-repeat;
} 

div.gk-article  ul li,.blog li{
margin-left:20px;
}

div.items-more > ol.nav.nav-tabs.nav-stacked > li {
list-style:none;
padding:6px;
}

div.items-more > ol.nav.nav-tabs.nav-stacked > li > a{
list-style:none;
font-weight:bold;
letter-spacing:3px;
}
 
div.items-more > ol.nav.nav-tabs.nav-stacked > li :before{
font-family:fontawesome;
font-weight:bold;
color:#000;
margin-right:7px;
font-size:1em;
content: "\f00c";
}

/*Read More button*/
p.readmore  {
text-align:center !important;
margin-top:35px;
display:block;
letter-spacing:2px;
}

 .readmore a{
color:#262626;
letter-spacing:2px;
}

.readmore a:hover{
opacity:0.7;	 
}

.readmore a:before{
font-family:fontawesome;
font-weight:400;
color:#262626;
font-size:1em;
margin-right:5px;
content: "\f178";
text-align:center;
padding:0;
}

/**********************
/*PAGINATION GENERAL
**********************/
.pagenav {
text-align: center; 
padding: 0 10px 0 10px;
line-height: 2.1em; 
text-decoration: none;
border: 1px solid #ddd !important;
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;  
}

.pagenav li {
display: inline;
padding: 0 10px;
}

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

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

.pagination ul {
padding: 0;
text-align:center;
width:100%;
margin-bottom:40px;
}

.pagination li {
display: inline;
float:left; 
padding: 0px 10px;
}

.pagination li a {
padding: 0px 10px;
text-decoration: none;
border: 1px solid #ddd !important;
display: inline-block;
}

.pagination .active a {
cursor: default;
} 

.pagination span,.pagination span  a:hover {
cursor: default;
padding: 0 14px;
margin-left:5px;
background:#eee;
color:#181818;
}

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

ul.pager.pagenav  {
border:none !important;
}

 ul.pager.pagenav > li.next > a ,ul.pager.pagenav > li.previous > a {
border:none;
background:#252525;
color:#fff;
margin:10px 12px 10px 0 ;
padding:5px;
}
 
ul.pager.pagenav > li.next > a:hover ,ul.pager.pagenav > li.previous > a:hover {
border:none;
background:#757572;
color:#fff;
}

div.gk-article > ul.pager.pagenav ul li a:before {
content:"";
}

div.gk-article > ul.pager.pagenav {
text-align:center !important;
}

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

#left .moduletable  ,
#right .moduletable{
background:#fff;
padding:0px 0px; 
margin:0px 0 10px 0;
box-sizing: border-box !important;
 border: 20px solid #fff; 
}

#left .moduletable img ,
#right .moduletable img{
width:100%;
height:100%;
background-size:cover;
}

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

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

#left ul li:before,
#right ul li:before {
content: "\f178";
font-family:fontawesome;
font-weight:normal;
color:#262626; 
margin-right:7px;
font-size:0.7em;
}

#left h2,
#right h2, 
#left h3,
#right h3 {
background: url(../images/background-h3.jpg) 50% 100% no-repeat;
font-size:20px;
text-transform:uppercase;
text-align:center ;
font-weight:bold;
letter-spacing:3px;	
margin-top:15px;
margin-bottom:25px;
padding:0px 0 15px 0;
display:block;
}

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

#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;
} 

#block-footer{
float:left;
width:100%;
background:transparent;
height:100px;
}

/*****************
 * MODULE SEARCH
 ****************/
div.search > form.form-inline > label.element-invisible {
display:none;
}

div.search > form.form-inline > input {
width:90%;
background:#252525;
padding:20px 10px;
color:#fff !important;
}

/****************
/*BLOCK SOCIAL
*****************/
#ft {
float:left;
width:100%;
color:#fff;
background:#181818; 
}  

.name-footer {
text-align:center;
font-size:30px;
letter-spacing:5px;
color:#fff;
text-transform:uppercase;
font-weight:bold;
  padding:60px 0 20px 0;;
 text-shadow: 1px 1px #fff; 
 position:relative !important;
}

/****************
/*BLOCK SOCIAL
*****************/
.soc_icons_box {
text-align:center;
 padding: 60px 0 ; 
z-index:99 !important;
 position:relative !important;
}

.soc_icons_box ul {
display:-moz-inline-stack;
display:inline-block;
padding:0;
 position:relative !important;
}

.soc_icons_box li {
float:left;
list-style:none;
padding:0;
 position:relative !important;
}

.soc_icons li a {
font-size: 20px;
margin: 0px 8px;
padding:10px;
color:#fff;
line-height:11px;
 position:relative !important;
}

.soc_icons li a:hover {
background:#eee;
color:#000;
webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-radius:15%;
}

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

.copyright {
text-align:center;
margin-top:30px;
font-weight:bold;
letter-spacing:3px;
text-transform:capitalize;
padding-bottom:0px;
color:#fff;
 position:relative !important;
}

.copyright a {
color:#fff;
}


/*************************************
/*PAGE DE PLUSIUEURS CATEGORIES 
***************************************/
div.blog > h2 > span.subheading-category {
text-transform:uppercase;
letter-spacing:5px;
font-size:16px;
}


 .categories-list  {
margin-top:40px !important;
margin-bottom: 50px !important;
 background:#fff;
padding:0 20px 0 20px; 
}

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

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

span.item-title > 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 > tr > th,
table tbody > tr > th,
table tfoot > tr > th,
table thead > tr > td,
table tbody > tr > td,
table tfoot > tr > td {
	padding: 17px 8px 7px 8px;
	line-height: 1.42857143;
	vertical-align: top;
	font-weight: normal;
}
table thead > tr > th {
	vertical-align: bottom;
}
table thead:first-child > tr:first-child > th,
table thead:first-child > tr:first-child > td {
	border-top: 0;
}
table tr td:last-child {
	border-right:0;
}
/* table border radius */
table {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
table thead:first-child tr:first-child > th:first-child,
table tbody:first-child tr:first-child > td:first-child,
table tbody:first-child tr:first-child > 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 > th:last-child,
table tbody:first-child tr:first-child > td:last-child,
table tbody:first-child tr:first-child > 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 > th:first-child,
table tbody:last-child tr:last-child > td:first-child,
table tbody:last-child tr:last-child > th:first-child,
table tfoot:last-child tr:last-child > td:first-child,
table tfoot:last-child tr:last-child > 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 > th:last-child,
table tbody:last-child tr:last-child > td:last-child,
table tbody:last-child tr:last-child > th:last-child,
table tfoot:last-child tr:last-child > td:last-child,
table tfoot:last-child tr:last-child > 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;
}
 
 /*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 EN LISTE D4UNE SEULE CATEGORIE
***************************************/
.category-list {
margin-top:30px;
margin-bottom:50px;
padding:30px;
}

.category-list h2 {
font-size:30px;
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:100%;
margin:25px 0;
}

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

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

span.item-title > span.badge.badge-info.tip {
background:#fff;
border-radius:50%; 
padding:5px 10px;
color:#151515;
margin-left:8px;
height:15px;
width:15px;
border:2px solid #151515;
font-weight:bold;
}

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

div.login > div.page-header > h1 {
padding-top:10px;
}

.login  {
margin-top:40px !important;
background:#fff;
height:100%;
width:100%;
}

.login fieldset   {
border:1px solid #EEE;
background:#fff;
}

.login label  {
color:#000;
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%;
}


.login button{
background:#252525;
color:#fff;
border:none;
padding:10px; 
margin:10px 20px;
border-radius:1px;
float:right;
}

ul.nav.nav-tabs.nav-stacked  {
float:left;
padding-bottom:50px;
}

 ul.nav.nav-tabs.nav-stacked > li  {
display:inline;
background:#f7f7f7 !important; 

}

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

#remember.inputbox {
width:5%;
}

form#user-registration.form-validate.form-horizontal.well > fieldset {
margin:30px 0 20px 0;
}

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

 label#jform_email-lbl{
font-weight:bold;
}
 

input#jform_email {
margin:15px 0;
}

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

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

fieldset > legend {
font-size:14px;
}

div.reset,
div.remind {
background:#fff;
margin:50px 0;

}

div.reset > div.page-header > h1,
div.remind > div.page-header > h1 {
padding-top:35px;
}

div.reset fieldset,
div.remind fieldset {
background:#fff;
}

div.reset button,
div.remind button{
background:#252525;
color:#fff;
border:none;
padding:10px; 
margin:10px 30px;
border-radius:1px;
}

/************* 
/*COM SEARCH
*************/

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;
background:#252525;
border-radius:3px;
border:none;
color:#fff !important:
} 
div.archive > form#adminForm.form-inline > fieldset.filters > div.filter-search > 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 > ol {
  list-style-type: none;
  margin: 0;
}
.newsfeed > ol > li {
  border-top: 1px solid #e5e5e5;
  font-size: 18.2px;
  padding: 20px 0;
}
.newsfeed > ol > li:first-child {
  border-top: none;
}
.newsfeed > ol > li > a {
  display: block;
  padding: 0 0 15px 0;
}
.newsfeed > ol > li .feed-item-description {
  font-size: 11.96px;
}

/*************************************  
/*COM CONTACT
***************************************/
 .contact fieldset legend {
  font-size: 11.05px;
}
.contact .jicons-icons {
  display: none;
}
.contact .contact-position dd,
.contact .contact-address dd {
  margin: 8px 0;
}

/*************************************  
/*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: #252525;
text-shadow: none !important;
}

div.tags a.label:hover,
.tag-category h3 a:hover {
background: #444;
-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 > 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;
}

/**********************************************
/*breadcrumbs
***********************************************/
#title-breadcrumb {
float:left;
width:100%;
padding:30px 0;
background:#181818;
margin-bottom:20px;
/* border-top:1px solid #eee;
border-bottom:1px solid #eee; */
}

#title-breadcrumb h1 {
text-transform:uppercase;
letter-spacing:2px;
font-weight:bold;
font-size:20px;
float:left;
color:#fff;
margin-left:80px;
}

.breadcrumb {
float:right; 
background: transparent;
color:#fff; 
margin-right:20px;
}

.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a.visited { 
text-decoration: none; 
} 

.breadcrumb a:hover, .breadcrumb a.hover { 
text-decoration: none; 
} 

.breadcrumb ul { 
list-style-type:none; 
text-align:left; 
} 

.breadcrumb li  { 
list-style-type:none; 
display:inline; 
text-align:left; 
padding-right: 3px !important; 
color:#fff;
font-weight:200px;
} 

.breadcrumb li a  { 
padding-right: 3px !important; 
color:#fff;
font-weight:200px;
} 

.breadcrumb li a:hover  { 
color:#ccc;
} 


/***************** 
/*SPECIFIC MODULE
******************/
div.random-image > img,
div.random-image > a img {
width:100%;
height:100%;
 background-size:cover; 
}

div.random-image {
float:left;
 background-size:cover; 
}

#slideshow,#portfolio,#calloutboxes {
float:left;
width:100%;

}