<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* @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: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.5em; 
font-size:14px;
font-weight:normal;
margin:20px 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 {
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; 
}

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

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

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:#282828; 
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 {
background:#fff; 
width:100%;
font-weight: bold;
text-align: center;
padding: 35px 0 25px 0;
margin: 0 auto;
z-index:1;
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;
border-bottom:1px solid #eee;
z-index:9999;    
}
	
#nav-top {
width: 100%;
background:#fff; 
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index:99;
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-align:center;
z-index:9999;
}

#navigation {
}

#sitename  {
padding:35px 0 ;
background: url(../images/background-h3.jpg) 50% 100% no-repeat;
}

#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:45px;
letter-spacing:3px;
}

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

 div#sitename &gt; a.logo &gt; img {
margin-top:5px;
}
 
/*******************
 * STYLE MENU TOP
 ******************/
#nav-top .cl-effect-1 ul li a::before,
#nav-top .cl-effect-1 ul li a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}

#nav-top .cl-effect-1 ul li a::before {
margin-right: 5px; 
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}

#nav-top .cl-effect-1 a::after {
margin-left: 5px; 
content: ']';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}

#nav-top .cl-effect-1 a:hover::before,
#nav-top .cl-effect-1 a:hover::after,
#nav-top .cl-effect-1 a:focus::before,
#nav-top .cl-effect-1 a:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}

/* Effect 4: bottom border enlarge */
#navigation .cl-effect-4 li a {
padding: 0 0 10px;
}

#navigation .cl-effect-4 li a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background:#000;
content: '';
opacity: 0;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
z-index:9999;
}

div#navigation .cl-effect-4 a:hover::after,
div#navigation .cl-effect-4 a:focus::after {
height: 1px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}


div#navigation .cl-effect-4 &gt; li ul &gt; li &gt; a {
height: 100%;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
z-index:9999;
}

div#navigation .cl-effect-4 &gt; li ul  &gt; li &gt; a::after {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 0px;
background:#000;
content: '';
opacity: 1;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
z-index:9999;
}

div#navigation .cl-effect-4 &gt; li ul &gt; li &gt; a:hover::after,
div#navigation .cl-effect-4 &gt; li ul &gt; li &gt; a:focus::after {
height: 0px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
z-index:9999;
} 

.cl-effect-11 a{
padding: 10px 0;
border-top: 2px solid #0972b4;
color: #0972b4;
text-shadow: none;
} 

.cl-effect-11 a::before {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
padding: 10px 0;
max-width: 0;
border-bottom: 2px solid #000;
color: #fff;
content: attr(data-hover);
-webkit-transition: max-width 0.5s;
-moz-transition: max-width 0.5s;
transition: max-width 0.5s;
white-space: nowrap;
}

.cl-effect-11 a:hover::before,
.cl-effect-11 a:focus::before {
max-width: 100%;
}

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

.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: #f3f5f8;
overflow: hidden;
}

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

/*********************
 * BLOCK MODULES
 *********************/
#slideshow,#portfolio ,#parallax-skill,#head-page,#blogissimo {
float:left;
width:100%;
} 

div#portfolio .moduletable h3 {
background: none;
font-size:35px;
text-transform:uppercase;
text-align:center;
font-weight:bold;
letter-spacing:1px;	
margin:60px 0 0 0;
padding-bottom:35px;
background: url(../images/background-h3.jpg) 50% 100% no-repeat;
}

#head-page {
margin-top:-3px;
float:left;
width:100%;
height:100%;
background-size:cover;
}

 #head-page img {
float:left;
width:100%;
height:100%;
background-size:cover;
} 

/**********************************
 * BLOCK FRAMEWORK STYLE INHERITED
 **********************************/
#block-top,#block-footertop{
background:#f3f5f8; 
}

#block-top,
#block-feature,
#block-beforecontent,
#block-aftercontent,
#block-bottomcontent,
#block-footertop,
#block-footerbottom {
float:left !important;
width:100%;
padding:40px 0;
}

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


#block-footerbottom ul li:before {
content: "\f054";
font-family:fontawesome;
font-weight:bold;
color:#fff;
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:28px;
text-transform:uppercase;
text-align:center;
font-weight:bold;
background:;
padding:12px 0 20px 0;
margin:0;
}

#block-top h3:after,
#block-feature h3:after,
#block-beforecontent h3:after,
#block-aftercontent h3:after,
#block-bottomcontent h3:after,
#block-footertop h3:after,
#block-footerbottom h3:after{
content: "";
width: 15px;
height:3px;
background:#333;
transition-property: width, content,background; 
transition-duration: 1s, 2s, 5s;
transition-timing-function:  ease, ease-out, linear;
font-family:font-awesome;
 display:block; 
text-align:center ;
position:absolute;
top:100%;
left:0%;	
}

#block-top h3:hover:after,
#block-feature h3:hover:after,
#block-beforecontent h3:hover:after,
#block-aftercontent h3:hover:after,
#block-bottomcontent h3:hover:after,
#block-footertop h3:hover:after,
#block-footerbottom h3:hover:after{
content: "";
width: 96%;
background:#000;
content:"";
font-family:font-awesome;
 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;
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-footerbottom {
background:#282828;
color:#fff;
}

#block-footerbottom h1,
#block-footerbottom h2,
#block-footerbottom h3,
#block-footerbottom h4,
#block-footerbottom h5,
#block-footerbottom h3,
 #block-footerbottom p{
 color:#fff;
}

#block-footerbottom ul li a{
color:#fff;
text-transform:capitalize;
font-size:15px;
}

#block-footerbottom ul li a:hover{
color:#ccc !important;
}

#block-footerbottom h3:after{
content: "";
width: 15px;
height:3px;
background:#fff !important;
transition-property: width, content,background; 
transition-duration: 1s, 2s, 5s;
transition-timing-function:  ease, ease-out, linear;
font-family:font-awesome;
 display:block; 
text-align:center ;
position:absolute;
top:100%;
left:0%;	
}

#block-footerbottom h3:hover:after{
content: "";
width: 96%;
background:#fff !important;
content:"";
font-family:font-awesome;
 display:block;
} 

/**********************************
 * 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:40px 0px 40px 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;
font-size:28px;
text-transform:uppercase;
text-align:left ;
font-weight:bold;
letter-spacing:1px;	
padding-bottom:0px;
}

#block-top .moduletable-icon-left h3:after,
#block-feature .moduletable-icon-left h3:after,
#block-beforecontent.moduletable-icon-left h3:after,
#block-aftercontent .moduletable-icon-left h3:after,
#block-bottomcontent .moduletable-icon-left h3:after,
#block-footertop .moduletable-icon-left h3:after,
#block-footerbottom .moduletable-icon-left h3:after{
display:none;
}

#block-top.moduletable-icon-left h3:hover:after,
#block-feature .moduletable-icon-left h3:hover:after,
#block-beforecontent .moduletable-icon-left h3:hover:after,
#block-aftercontent .moduletable-icon-left h3:hover:after,
#block-bottomcontent .moduletable-icon-left h3:hover:after,
#block-footertop .moduletable-icon-left h3:hover:after,
#block-footerbottom .moduletable-icon-left h3:hover:after{
 display:none;
} 

#block-footerbottom .moduletable-icon-left {
padding:40px !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:30px 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:28px;
text-transform:uppercase;
text-align:center ;
font-weight:bold;
letter-spacing:1px;	
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 !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:50px;
}

#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:#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;
 padding:20px; 
 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:#454545;
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-top .moduletable-icon-center h3:after,
#block-feature .moduletable-icon-center h3:after,
#block-beforecontent.moduletable-icon-center h3:after,
#block-aftercontent .moduletable-icon-center h3:after,
#block-bottomcontent .moduletable-icon-center h3:after,
#block-footertop .moduletable-icon-center h3:after,
#block-footerbottom.moduletable-icon-center h3 :after{
display:none;
}

#block-top.moduletable-icon-center h3:hover:after,
#block-feature .moduletable-icon-center h3:hover:after,
#block-beforecontent .moduletable-icon-center h3:hover:after,
#block-aftercontent .moduletable-icon-center h3:hover:after,
#block-bottomcontent .moduletable-icon-center h3:hover:after,
#block-footertop .moduletable-icon-center h3:hover:after,
#block-footerbottom .moduletable-icon-center h3:hover:after{
 display:none;
} 

/************************************
 * 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:40px 20px;
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 {
font-size:30px;
text-transform:uppercase;
text-align:center ;
font-weight:bold;
letter-spacing:1px;	
padding-bottom:5px;
}

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

.cols-2 .column-1 {
width: 46%;
float: left;
background:#f3f5f8;
padding:0;
}

.cols-2 .column-2 {
width: 46%;
float: right;
margin: 0;
background:#f3f5f8;
padding:0;
}

.cols-3 .column-1 {
float: left;
width: 29.9%;
margin-right: 5%;
margin-bottom:2%;
background:#f3f5f8; 
padding:0;
}

.cols-3 .column-2 {
float: left;
width: 29.9%;
margin-left: 0;
padding:0;
background:#f3f5f8; 
margin-bottom:2%;
}

.cols-3 .column-3 {
float: right;
width: 29.9%;
background:#f3f5f8;
 padding:0;
 margin-bottom:2%;
}

 div.leading-0,
 div.leading-1,
 div.leading-2,
 div.leading-3,
 div.leading-4 {
 background:#f3f5f8;
 margin-bottom:30px;
 }

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

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

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

.column-3 {
width: 30%
} 

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

aside {
width:100%;
height:34px;
margin-bottom:20px;
}

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

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

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

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

div.page-header &gt; h1,div.page-header &gt; h2,
div.content-category &gt; h1,
div.categories-list &gt; h1,
div.search &gt; h1.page-title,
div.finder &gt; h1,
div.contact &gt; h1,
.com-tags h1,
.com-tags-tag h1{
background: url(../images/background-h3.jpg) 50% 100% no-repeat;
font-size:40px;
text-transform:uppercase;
text-align:center ;
font-weight:bold;
letter-spacing:1px;	
height:45px;
padding:20px 0 25px 0;
margin-bottom:40px;
display:block;
} 

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

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%;
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 &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:#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:28px;
text-transform:uppercase;
text-align:center;
font-weight:bold;
background:;
padding:12px 0 20px 0;
margin: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: "";
width: 15px;
height:3px;
background:#333;
transition-property: width, content,background; 
transition-duration: 1s, 2s, 5s;
transition-timing-function:  ease, ease-out, linear;
font-family:font-awesome;
 display:block; 
text-align:center ;
position:absolute;
top:100%;
left:0%;	
}

div.leading-0 div.gk-article-blog h2.article-header-blog:hover:after,
div.leading-1 div.gk-article-blog h2.article-header-blog:hover:after,
div.leading-2 div.gk-article-blog h2.article-header-blog:hover:after,
div.leading-3 div.gk-article-blog h2.article-header-blog:hover:after,
div.leading-4 div.gk-article-blog h2.article-header-blog:hover:after,
div.item.column-1 div.gk-article-blog h2.article-header-blog:hover:after,
div.item.column-2 div.gk-article-blog h2.article-header-blog:hover:after,
div.item.column-3 div.gk-article-blog h2.article-header-blog:hover:after,
div.item.column-4 div.gk-article-blog h2.article-header-blog:hover:after,
div.item.column-5 div.gk-article-blog h2.article-header-blog:hover:after{
content: "";
width: 100%;
background:#000;
content:"";
font-family:font-awesome;
 display:block;
} 

 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:inline;
float:left;
padding:30px 0 0 0;
} 

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

.article-info dt {
display:inline;
padding-left:8px;
text-align:left; 
} 

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

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

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

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

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

 h1.article-header {
font-size:40px;
text-transform:uppercase;
text-align:center ;
font-weight:bold;
letter-spacing:1px;	
height:45px;
padding:20px 0 45px 0;
margin-bottom:40px; 
background:url(../images/bg-title.jpg) 50% 100% no-repeat;
}

 div.gk-article &gt; span.article-info  {
color:#000;
padding-bottom:20px;
 padding-top:0px ; 
width:100%;
display:block;
text-align:center;
} 

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

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

div.items-more &gt; ol.nav.nav-tabs.nav-stacked &gt; li &gt; a{
list-style:none;
font-weight:bold;
}
 
div.items-more &gt; ol.nav.nav-tabs.nav-stacked &gt; li :before{
font-family:fontawesome;
font-weight:bold;
color:#000;
margin-right:7px;
font-size:0.8em;
content: "\f068";
}

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

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

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

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: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
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: 1px;
	-moz-border-radius-topleft: 1px;
	border-top-left-radius: 1px;
}
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: 1px;
	-moz-border-radius-topright: 1px;
	border-top-right-radius: 1px;
}
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: 1px;
	-moz-border-radius-bottomleft: 1px;
	border-bottom-left-radius: 1px;
}
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: 1px;
	-moz-border-radius-bottomright: 1px;
	border-bottom-right-radius: 1px;
}
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;
}

.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 &gt; span.badge.badge-info.tip {
background:#fff;
border-radius:50%; 
padding:5px 10px;
color:#151515;
margin-left:8px;
height:15px;
width:15px;
border:3px solid #151515;
font-weight:bold;
}

/**********************
/*PAGINATION GENERAL
**********************/
.pagination {
float:none;
text-align:center;
width:100%;
margin-top:30px;
margin-bottom:60px;	
display:block;
clear:both;
}

.page-link {
background:#000;
margin:0 5px;
padding:10px;
color:#fff;
}

a.page-link {
background:#f3f5f8;
color:#000;
}

a.page-link:hover {
background:#000;
color:#d8e3e7;
}

.pagenavigation {
text-align:center;
width:100%;
padding-bottom:30px;
}

.previous {
float:left;
}

.previous a {
text-transform:capitalize;
}

.next {
float:right;
}

.next a {
text-transform:capitalize;
}

/*Button for print, editor and email icons */
.actions {
margin:0;
padding:0 5px 0 0; 
list-style:none;
text-align:center;
list-style:none !important;
margin-bottom:15px;
margin-top:5px;
float:right;
}

span.email-icon  {
background: url(../images/system/emailButton.png) 0 0 no-repeat;
text-indent:-5000px;
width:15px;
text-align:center;
list-style:none;
display:block;
float:left;
}

span.print-icon &gt; a {
background: url(../images/system/printButton.png) 0 0 no-repeat;
text-indent:-5000px !important;
padding-left:5px;
width:15px;
text-align:center;
list-style:none;
display:block;
float:left;
}

/*Read More button*/
p.readmore  {
 padding:0 !important;
}

.blog-featured .readmore a:link,
.blog-featured .readmore a:visited,
.blog-featured a.readmore:link,
.blog-featured a.readmore:visited ,
.blog .readmore a:link,
.blog.readmore a:visited,
.blog a.readmore:link,
.blog a.readmore:visited{
float:right;
background: url(../images/readmore.jpg) 0 0 no-repeat;
text-indent:-5000px;
width:34px;
height:31px; padding:0 !important;
}

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

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

.login  {
margin:0px 0 90px 0 !important;
}

.login a  {
margin:0px 15px 0px 0 !important;
}

.login fieldset, form#user-registration.form-validate.form-horizontal.well &gt; fieldset  {
border:1px solid #EEE;
background:#f3f5f8; 
}

.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 #eee;
width:95%;
border-radius:0;
}


.login button,button {
background:#252525;
color:#fff;
border:none;
padding:10px; 
margin:10px 0;
border-radius:0;
}

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

 ul.nav.nav-tabs.nav-stacked &gt; li  {
display:inline;
background:transparent !important; 

}

 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 {
margin:30px 0 20px 0;

}

form#user-registration.form-validate.form-horizontal.well &gt; fieldset &gt; 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;
border-radius:0;
 }
 
 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;
}

div.controls &gt; button.btn.btn-primary.validate {
border-radius:5px;
margin-left:30px;
}

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

.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: 15px;
margin: 0px 8px;
background:#fff;
border-radius:50%;
width:10px;
height:10px;
padding:12px;
color:#000;
line-height:11px;
}

.soc_icons li a:hover {
background:#333;
color:#fff;
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;
}

/************ 
/*COPYRIGHT
************/
#block-footer{
float:left;
width:100%;
background:#252525;
height:70px;
}

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

.copyright a {
color:#fff;
}

.copyright a:hover {
color:#757572;
}

/************* 
/*COM SEARCH
*************/
#search input {
border:none;
}

#search label.visually-hidden.finder {
font-weight:bold;
font-size:25px;
border-bottom:1px solid #eee;
width:100%;
display:block;
padding:40px 0;
background:#f3f5f8;
}

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:0px 0px 90px 0px !important;
}

 h2.archive-title a, h2.archive-title{
font-size:20px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;	
padding:0 !important;
margin:20px 0 10px 0 !important;
text-align:left !important;
background:none !important;
}

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


form#adminForm.com-content-archive__form{
text-align:center !important;
width:100%;

}

 .archive fieldset.filters {
margin-bottom:0px;
margin-top:0;
padding:0 10px;
border:none;
width:100%;
background:none !important;
text-align:center !important;
} 

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

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

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

.archive fieldset.filters button {
padding:1px 5px;
margin-left:12px;
background:#000;
border-radius:0px;
border:none;
color:#fff !important;
margin-top:0 !important;
text-align:center !important;
} 
div.archive &gt; form#adminForm.form-inline &gt; fieldset.filters &gt; div.filter-search &gt; button.btn.btn-primary {
color:#fff;
}
 
ul li.category-name,
ul li.published time,
ul li.modified time,
ul li.create time{
margin:0 !important;
padding:0 !important;

}

div#archive-items div.row0 {
border-bottom:1px dotted #ddd;
background:#f3f5f8;
padding:0 15px;
}

div#archive-items div.row1 {
border-bottom:1px dotted #ddd;
background:transparent;
padding:0 15px;
}

/*************************************  
/*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 fieldset legend {
  font-size: 11.05px;
}
.contact .jicons-icons {
  display: none;
}
.contact .contact-position dd,
.contact .contact-address dd {
  margin: 8px 0;
}
.contact h3 {
font-weight:bold;
text-transform:capitalize;
}




.com-contact__container {
margin:40px 0;
}

.com-contact__container h3 {
text-transform:uppercase !important;
padding-bottom:20px;
text-decoration:underline;
}

.com-contact__container img {
width:200px;
height:200px;
}

.com-contact__container dt{
text-transform:uppercase !important;
text-decoration:underline;
color:#000 !important;
padding-top:15px !important;
}

.com-contact__container dd{
text-transform:capitalize !important;
font-weight:normal;
}

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

div.com-contact.contact h3 {
font-weight:bold;
text-transform:capitalize;
display:none;
}

.com-contact-category {
padding:90px 0;
}

.contact-category h2 {
font-weight:bold;
font-size:20px;
text-transform:capitalize;
}

.contact-category caption.visually-hidden {
display:none;
}





/*************************************  
/*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
***************************************/
.com-tags,
.com-tags-tag__category  {
padding:0px 0 100px 0;
}

.com-tags input {
width:80%;
margin-right:10px;
height:24px;
}

.com-tags-tags__filter {
margin-bottom:30px;
}

.com-tags__category {
margin-top:30px;
}

.filter-search-lbl  {
display:none;
}

.com-tags__category li,
.com-tags-tag__category li{
display: block !important;
float: left;
margin-right:15px;
text-transform:capitalize;
}

.com-tags__category li a,
 .com-tags-tag__category li a{
text-transform:capitalize;
font-weight:bold;
font-size: 18px;
background:#f3f5f8;
padding:10px;
}

.com-tags__category li a:hover,
 .com-tags-tag__category li a:hover{
background: #000;
color:#fff;

}

/*****************
/* TAGS ARTICLE
******************/
.tag-article {
width:100%;
margin-top:40px;
padding:15px 0px;
text-align:left;
}

.tag-article ul  {
display:inline;
 padding:0px 0px; 
text-align:center;
}

.tag-article ul li {
display:inline;
text-align:center;
padding:10px 0px;
text-transform:capitalize !important;
}

.tag-article ul li a {
display:inline-block;
padding:3px 3px;
text-align:center;
 margin:4px;
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;
text-transform:capitalize !important;
font-weight:bold;
background:#f3f5f8;
}

.tag-article ul li a:hover {
background:#111;
color:#fff !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;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.tag-article span {
text-align:left;
font-weight:normal;
text-transform:uppercase;
font-size:1em;
color:#fff !important;
display:none;
}

div.tag-article &gt; ul.tags.inline &gt; li {
padding:0;
margin:0;
}

/**********************************************
/*breadcrumbs
***********************************************/
#title-breadcrumb {
float:left;
width:100%;
padding:50px 0;
background:#f3f5f8;
margin-bottom:40px;
}

#title-breadcrumb h1 {
text-transform:uppercase;
letter-spacing:5px;
font-weight:bold;
font-size:20px;
float:left;
}

.breadcrumb {
float:right; 
color:#000; 
}


.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: 5px !important; 
} 

.breadcrumb li a  { 
 padding-right: 5px !important; 
} 



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

#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 ul li:before,
#right ul li:before {
content: "\f068";
font-family:fontawesome;
font-weight:bold;
color:#000;
margin-right:7px;
font-size:0.7em;
 margin-left:0px; 
}

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

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

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

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

.com-finder {
padding: 0 0 100px 0
}

.com-finder button.btn.btn-primary{
margin-left:50px;
}




</pre></body></html>