/*
Theme Name: MultiGrid
Theme URI: http://www.themeton.com
Description: A Premium Responsive Theme for Corporate and Creative
Author: ThemeTon
Author URI: http://www.themeton.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.1

*/
@import url("MyFontsWebfonts.css");
/* 	
------------------------------------------------------------------------
- General Styles
------------------------------------------------------------------------
*/

body {
    background: #c0c0c0;
    font-size: .8em !important;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 18px;
}
h1, h2, #page h3, h4, h5, h6 { /*ajouté*/
	margin: 0;
	font-weight: normal;
	text-rendering: optimizelegibility;
}
h1 { /*ajouté*/
	margin: 0;
	font-family: "Schmutz W01 Clogged", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-rendering: optimizelegibility;
}
h2, #page h3, h4, h5, h6 { /*ajouté*/
	margin: 0;
	font-family: "Schmutz W01 Cleaned", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #333;
	text-rendering: optimizelegibility;
}
h2 {
font-size: 2.5em;
line-height: 1em;
}
#page h3 { /*ajouté*/
	font-size: 1.8em;
	line-height: 1.4;
	color:#000000;
}
#timeline .navigation h3 {
	font-family:"Schmutz W01 Cleaned";
	font-size: 0.8em;
	line-height:1em;
	font-weight:bold;
	color:#333;
	text-transform: uppercase;
}
h4 {
font-size: 1.5em;
line-height: 1em;
}
a {
color:#666699;
    cursor: pointer;
    -webkit-transition: background 0s ease 0s, color 0.2s linear 0s;
    -moz-transition: background 0s ease 0s, color 0.2s linear 0s;
    -o-transition: background 0s ease 0s, color 0.2s linear 0s;
    transition: background 0s ease 0s, color 0.2s linear 0s;
}
a:active, a:hover, a:focus {
    text-decoration: none;
}
.entypo {
font-size:inherit;
font-family:"EntypoRegular";}

/*	Clearfix
*/
.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "";
}

* html .clearfix {
    height: 1%;
}

:first-child + html .clearfix {
    min-height: 1%;
}

/* 	
------------------------------------------------------------------------
- Header
------------------------------------------------------------------------
*/

#header .navbar-inner {
    display: table;
    width: 100%;
    /*background: rgba(255, 255, 255, .9); changé #000*/
background: rgba(90,90,90,.8); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVhNWE1YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzQyNDI0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODE4MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(90,90,90,.8) 0%, rgba(66,66,66,.8) 36%, rgba(24,24,24,.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(90,90,90,.8)), color-stop(36%,rgba(66,66,66,.8)), color-stop(100%,rgba(24,24,24,.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(90,90,90,.8) 0%,rgba(66,66,66,.8) 36%,rgba(24,24,24,.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(90,90,90,.8) 0%,rgba(66,66,66,.8) 36%,rgba(24,24,24,.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(90,90,90,.8) 0%,rgba(66,66,66,.8) 36%,rgba(24,24,24,.8) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(90,90,90,.8) 0%,rgba(66,66,66,.8) 36%,rgba(24,24,24,.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#181818',GradientType=0 ); /* IE6-8 */

color: white;

    -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, .45);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.45);
    box-shadow: 0 1px 20px rgba(0, 0, 0, .45);
    color: #000;
}
#header .navbar-inner a { color: #F4F4F4; }
#header .navbar-inner a:hover { /*ajouté*/ color:#666699; }
#header .navbar .brand {
	margin: 0 auto;
	padding: 0px 22px 0px 12px; /*rajouté 0px*/
	min-width: 200px;
	line-height: 20px;
}
.wrapper {
    position: relative;
    padding-top: 0px;
    padding-left: 0;
}
.wrapper.full {
    padding-left: 0;
}
.nav-toolbar-container{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.btn-logo-container{
    display: table-cell;
}
/*	Site Name
*/

#logo img.logo-img{
    max-width: none;
}
.navbar .brand {
    min-width: 150px;
    font-weight: bold;
}
.navbar .brand h1 { font-size: 20px;}
.site-description {
    margin-top: 2px;
    margin-bottom: 0px;
    padding-left: 10px;
    color: #999;
    font-weight: normal;
    font-size: 11px;
    line-height: 14px;
}

/*	Mega Menu
*/

.nav {
    display: inline-block;
}
#menu-bar {
    position:relative;
    z-index:99;
    height:120px;
    border-top:3px solid #444;
    border-bottom:1px solid #eee; 
    background:#000 no-repeat top center;
}
#menu {
    display:block;
    margin:0;
}
#menu li {

    display:inline-block;
    margin-top:0;
    text-align:left;
    zoom:1;
    *display:inline;
}
#menu>li>a {
    display:block;
    margin:28px 0px;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px dotted #999;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 9px;
    -webkit-transition: background-color .5s ease 0s, color 0.2s linear 0s;
    -moz-transition: background-color .5s ease 0s, color 0.2s linear 0s;
    -o-transition: background-color .5s ease 0s, color 0.2s linear 0s;

    transition: background-color .5s ease 0s, color 0.2s linear 0s;
}
#menu>li:last-child>a {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}
#menu>li>a:hover {
    border-bottom: none;
    color: #4C1A1A;
    text-decoration: none;
}
#menu>li>a span{
    display:block;
    margin-top: 5px;
    color: #999;
    text-transform: lowercase;
    font-weight: normal;
    font-size: 11px;
}
#menu ul.children li {
    display:block;
    float:none;
    line-height: 18px;
}
#menu div.children, #menu>li>ul.children, #menu > li > ul.children ul{
    position:absolute;
    left:auto;
    z-index:9999;
    margin: 1px 0 0;

    margin-top: -5px;
    margin-left:0;
    margin-left: -15px;
    padding:15px 10px 10px;
    padding: 4px 0;
    min-width: 160px;
    border: 1px solid #CCC !important;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: white;
    background-clip: padding-box;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    list-style: none;

    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
}
#menu div.children, #menu>li>ul.children, #menu>li ul.children {
    display:none;
    border:0;
}
#menu>li>ul.children {
    padding: 4px 12px; 
    min-width:160px;
}
#menu div.children p { 
    padding:10px 0;
}
#menu div.children h6{
    display:block; 
    padding-bottom:5px;
    text-align:left;
}
#menu div.children h6 span {
    position:relative;
    top:-3px;
    display:block;
    text-transform: none;
    font-weight: normal;
    font-size: 11px;
}
#menu div.children>div{ 
    float:left;
    margin:10px;
    padding-bottom:0;
    width:160px;
}
#menu div.children>div a {
    border:none;
    background:none;
    text-transform:none;
}
#menu>li>ul.children ul{
    position:absolute;
    top: 0;
    left:140px;
    z-index:999;
    display:none;
    padding:4px 12px;
    min-width:180px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
#menu li.rel{
    position:relative;
}

/*	Menu
*/

#menu-bar .container {
    background:#000 160px 10px no-repeat;
}
#menu>li.current_page_item>a { }
#menu>li.current-menu-ancestor>a{ }
#menu ul.children li {
    border-bottom: 1px solid #F9F9F9;
}
#menu ul.children li a {
    display: block;
    clear: both;
    padding: 5px 0;
    color: #000;
    white-space: nowrap;
    font-weight: bold;
    line-height: 18px;
}

#menu div.children h6{
    display: block;
    margin-bottom: 8px;
    padding: 3px 0px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e5e5e5;
    color: #999;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    font-weight: bold;
    font-size: 11px;
    line-height: 18px;
}
#menu div.children>div li {
    padding-right:0;
    padding-left:0;
    border-bottom: 1px solid #f9f9f9;
}
#menu div.children > div li:nth-last-child(2), #menu ul.children li:nth-last-child(2) {
    border-bottom:none;
}
#menu div.children > div li:nth-last-child(2) a{
    padding-bottom: 0;
}
div.mega-item ul {
    margin-right:0;
    margin-left:0;
}

.megamenu-textbox {
    margin-top:10px;
    white-space:pre-line;
}
.children li.mega-item a span{
    display:block;
    overflow-x: hidden;
    margin-top: -3px;
    color:#999;
    text-transform: lowercase;
    text-overflow: ellipsis;
    font-size:11px;
    line-height:18px;
}
.clearleft {
    clear:left;
}
.mega-four div.children { 
    width:760px;
}
.mega-three div.children{
    width:540px;
}
.mega-two div.children{
    width:360px;
}
#menu>li>a, #menu div.children{
    color:#999;
}
#menu>li:hover>a, #menu div.children>div a:hover, #menu ul.children li a:hover {
    color:#999;
    text-decoration: none;
}
span.menu-span-arrow {
    float:right;
}
#navigation #menu .current-menu-item a {
color:#999999;
}
#menu div.children {
    margin: 1px 0 0;
    margin-top: -5px;
    margin-left: -15px;
    padding: 0px 2px;
    min-width: 160px;
    border: 1px solid #CCC !important;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: white;
    background-clip: padding-box;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    list-style: none;

    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
}
#menu div.children::before, #menu>li>ul.children::before{
    position: absolute;
    top: -7px;
    left: 34px;
    z-index: 999;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    content: '';
}
#menu div.children::after, #menu>li>ul.children::after {
    position: absolute;
    top: -6px;
    left: 35px;
    z-index: 1000;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    border-left: 6px solid transparent;
    content: '';
}
#menu > li > ul.children ul::before {
    position: absolute;
    top: 9px;
    left: -7px;
    z-index: 999;
    display: inline-block;
    border-top: 7px solid transparent;
    border-right: 7px solid #CCC;
    border-bottom: 7px solid transparent;
    content: '';
    border-bottom-right: rgba(0, 0, 0, 0.2);
}
#menu > li > ul.children ul::after{
    position: absolute;
    top: 10px;
    left: -6px;
    z-index: 1000;
    display: inline-block;
    border-top: 6px solid transparent;
    border-right: 6px solid white;
    border-bottom: 6px solid transparent;
    content: '';
}
.navbar .nav .active > a, .navbar .nav .active > a:hover {
    background: transparent;
}
.has-children::after {
    position:absolute;
    top:4px;
    right:10px;
    color:#999;
    content:"→";
}
/*	Mobile-Menu
*/
select.main-menu-mobile, select#portfolio-filter {
    display: none;
    padding: 10px;
    min-width: 232px;
    height: auto;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-image: url(images/mobile-menu-arrow.png);
    background-position: center right;
    background-repeat: no-repeat;
    color: black;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px;
    line-height: 9px;
    -webkit-appearance: none;
}
/*	Category-Menu
*/
.navbar .btn-navbar {
    float: left;
}
/*	Toolbar-Menu
*/
.single .toolbar{
    display: none;
}
.toolbar{
    float: right;
    margin-top: 14px;
    margin-right: 15px;
    border: 1px solid #4B4B4B;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #333;
}
.toolbar a{
    display: block;
    float: left;
    padding: 4px 0;
    width: 25px;
    color: white;
    text-align: center;
    -webkit-transition: background-color 0s ease 0s, color 0.2s linear 0s;
    -moz-transition: background-color 0s ease 0s, color 0.2s linear 0s;
    -o-transition: background-color 0s ease 0s, color 0.2s linear 0s;
    transition: background-color 0s ease 0s, color 0.2s linear 0s;
}
.toolbar a:hover,.toolbar a:active{
    background: #3F3F3F;
    color: white;
    text-decoration: none;
    cursor: pointer;
}
.toolbar a span{
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 92%;
    line-height: normal;
}
#toolbar-basegrid-s{
    border-left: 0;
    border-radius: 2px 0 0 2px;
}
#toolbar-basegrid-xl{
    border-radius: 0 2px 2px 0;
}

.page-template-page-template-portfolio-php .toolbar, .page-template-page-blog-php .toolbar, .page-template-page-archive-php .toolbar, .category .toolbar, .archive .toolbar, .search .toolbar,        .page-template-page-template-portfolio-php #options, .page-template-page-blog-php #options, .page-template-page-archive-php #options, .category #options, .archive #options, .search #options { display: block; }
/*	JPLAYER SKIN
*/

div.jp-jplayer.jp-jplayer-video,
div.jp-jplayer.jp-player-video {
    background-color: #292a2b;
}

.jp-audio-container, .jp-video-container { 
    padding: 15px;
    padding-bottom: 0px; }

div.jp-interface {
    position: relative;
    z-index: 100;
    width: 100%;

    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: url(images/jplayer-bg.png) repeat-x;

    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

.jp-interface { height: 30px; }

.jp-controls {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.jp-controls li { display: inline; }

.jp-controls a {
    position: absolute;
    overflow: hidden;
    border-bottom: none;
    text-indent: -9999px;
}

a.jp-play,
a.jp-pause {
    top: 0;
    left: 0;
    z-index: 1;
    width: 33px;
    height: 30px;
    outline: none;
}

a.jp-play { background: url(images/jplayer-skin.png) 0 0 no-repeat; }

a.jp-play:hover { background-position: -33px 0; }

a.jp-pause {
    display: none;
    background: url(images/jplayer-skin.png) 0 -30px no-repeat;
}

a.jp-pause:hover { background-position: -33px -30px; }

.jp-progress-container {
    position: absolute;
    top: 0;
    left: 34px;
    padding: 12px 10px;
    width: 434px;
    height: 6px;
}

.jp-progress {
    position: absolute;
    padding: 1px;
    width: 85%;
    height: 7px;
    background: url(images/jplayer-skin.png) 0 -192px repeat-x;
}

.jp-seek-bar {
    width: 0px;
    height: 5px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: url(images/jplayer-skin.png) 0 -163px repeat-x;
    cursor: pointer;
}

.jp-play-bar {
    width: 0px;
    height: 5px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: url(images/jplayer-skin.png) 0 -133px repeat-x;
}

.jp-volume-bar-container {
    position: absolute;
    top: 0;
    right: 20px;
    padding: 12px 10px;
    width: 40px;
    height: 6px;
}

.jp-volume-bar {
    position: relative;
    top: 0;
    left: 18px;
    overflow: hidden;
    width: 40px;
    height: 9px;
    background: url(images/jplayer-skin.png) 0 -192px repeat-x;
    cursor: pointer;
}

.jp-volume-bar-value {
    margin: 1px;
    width: 0px;
    height: 5px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: url(images/jplayer-skin.png) 0 -133px repeat-x;
}

a.jp-mute,
a.jp-unmute {
    top: 9px;
    right: 60px;
    z-index: 1;
    width: 17px;
    height: 13px;
    outline: none;
}

a.jp-mute { background: url(images/jplayer-skin.png) -10px -68px no-repeat; }

a.jp-mute:hover { background-position: -43px -68px; }

a.jp-unmute { background: url(images/jplayer-skin.png) -10px -98px no-repeat; }

a.jp-unmute:hover { background-position: -43px -98px; }

.seperator-first,
.seperator-second {
    position: absolute;
    left: 32px;
    width: 2px;
    height: 30px;
    background:url(images/jplayer-seperator.png) no-repeat left;
}

.seperator-second { right: 90px; left: auto; }

/*	2. video player
----------------------------------------------------------*/
.item-article object, .item-article iframe{width: 100%; height: auto;}
.anythingControls{
    display:none;
}
object,iframe{
    max-width: 100%;
}
.jp-jplayer-video img{
    width: 100%;
}
.jp-jplayer-video{
    position:relative;
    overflow: hidden;
}
.jp-jplayer-video object, .jp-jplayer-video video{
    position: absolute;
    top: 0px;
    left: 0px;
}
/* 	
------------------------------------------------------------------------
- Page
------------------------------------------------------------------------
*/

#page {
    margin: 0 5px 30px 5px;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}	
.content {
    width: 100%;
}
/* 	
------------------------------------------------------------------------
- Sidebar
------------------------------------------------------------------------
*/

#sidebar {
    position: fixed;
    z-index: 99;
    float: left;
    margin-left: -160px;
    width: 160px;
    text-align: right;
}

/*	Header Sidebar
*/
.header-sidebar {
    float: right;
}

/*	Fixed Sidebar
*/

#fixed-sidebar h3 {
    display: inline-block;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
}
/* 	
------------------------------------------------------------------------
- Entry
------------------------------------------------------------------------
*/
#page.loading, .item-single.loading{
    min-height: 200px;
    background-image: url(images/transparent-loader.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.entry {

}

/*	Grid View
*/
article .item {
    overflow: hidden;
}
.header-page, article .item {

    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    box-sizing: border-box;
    /* width: 260px; */
    background: #FFF;

    /* -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1); */

    /* -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1); */

    /* box-shadow: 0 0 2px rgba(0, 0, 0, .1); */
    -webkit-transition: box-shadow .2s ease 0s;
    -moz-transition: box-shadow .2s ease 0s;
    -o-transition: box-shadow .2s ease 0s;
    transition: box-shadow .2s ease 0s;
	
	-webkit-box-shadow: 5px 5px 8px #818181;
	-moz-box-shadow: 5px 5px 8px #818181;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	border: thin solid #000000;

}
/*article .item:before{
	-webkit-transform: skew(0deg, 4deg);
	box-shadow:5px 5px 5px #000;
        position:absolute;
	background-color:black;
	bottom:-5px;
	right:0;
	content:'';
	z-index:-6;
	width:128px;
	height:128px;		
	right:5px;
}

article .item:after, article .item:before {
    content: '\00a0';
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: -1;
    left: 50%;
    margin-left: -50px;
    bottom: -41px;
    -webkit-border-radius: 50px;
    -webkit-box-shadow: 0 0 46px rgba(0,0,0,0.5);
    -webkit-transform: scaleX(2) scaleY(0.2);
}
 
article .item:before {bottom: inherit; top: -41px;}*/

article.item-margin {
    float: left;
    margin: 5px;
}
article .item:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
article .item.item-featured {
    /* width: 530px; */
}
#masonry .event{
	text-align: left;
	height:75px;
	margin: 0px;
	padding: 0px;
	top: 10px;
	left: -2px;
	float: left;
	position: absolute;	
}
#masonry .eventinfos {
	float:left;
	display:block;
	width: 38px;
	background-color: rgba(0, 0, 0, .85);
	padding: 4px 2px 5px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	-moz-border-radius-topright: 15px;
	/*-moz-border-radius-topleft: 25px;*/
	-moz-border-radius-bottomright: 15px;
	-webkit-border-top-right-radius: 15px;
	/*-webkit-border-top-left-radius: 25px;*/
	-webkit-border-bottom-right-radius: 15px;
}
#masonry span.eventday {
	color:#D1D1E0;
	font-family: "CoreHumanistSans", "Arial";
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	width:100%;
	text-align: center;
	margin: 0px 0px -3px;
	float:left;
	clear:left;
	padding: 0px;
}
#masonry span.eventdate {
	color:#fff;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	margin: 0px 0px -2px;
	padding: 0px;
	width:100%;
	float:left;
	clear:left;
}
#masonry span.eventmonth {
	color:#F2F2F2;
	font-family: "CoreHumanistSans", "Arial";
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	margin: -3px 0px 0px;
	padding: 0px;
	width:100%;	
	float:left;
	clear:left;
}
#masonry span.eventyear {
	color:#9292B6;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin: -3px 0px -7px;
	padding: 0px;
	width:100%;
	float:left;
}
#masonry span.eventlieu {
	font: normal 12px/0.9em "CoreHumanistSans", "Arial", sans-serif !important;
	color:#E2E2E2;
	padding: 4px;
	height: 0.9em;
	line-height:0.9em;
	background-color:rgba(0, 0, 0, .85);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform:rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform:rotate(90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-o-transform-origin: top left;
	-moz-transform-origin: top left;
	-webkit-transform-origin: top left;
	/*writing-mode: vertical-rl; tb-rl*/
	margin-left:1.7em;
	float:left;
	clear:left;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	-moz-border-radius-topright: 15px;	
	-moz-border-radius-bottomright: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
}
#masonry a img {
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
}

/* DESC EXCERPT SLIDER */
div.desc{ /* CSS for desc div of each image. */
	position: absolute;
	background: black;
	background: rgba(0,0,0,0.8);
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #F8F8F8;
	padding: 15px 23px 10px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-top-left-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	border: thin solid #000000;
	opacity: 0;
	-webkit-transition: all 0.6s ease;
	-moz-transition:    all 0.6s ease;
	-o-transition:      all 0.6s ease;
	font-size: .75em;
	left: 23px;
}
div.aside-post div.desc {
left: 33px;
}
div.desc a{
color: white;
}
article:hover:before {
  opacity: 0;
}
article:hover div.item div.desc{ /* CSS for desc div when mouse hovers over main container */
-moz-transform: translate(0, -100%);
-webkit-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
opacity:1; /* Reveal desc DIV fully */
}
.cap-left:before {  bottom: 10px; left: 10px; }
.cap-left div.desc { bottom: 0; left: -30%; }
.cap-left:hover div.desc { left: 0; }

.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot div.desc { left: 0; bottom: -30%;}
.cap-bot:hover div.desc { bottom: 0; }

/*.event{
	text-align: center;
	width: 200px;
	height:75px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 25px;
	top: 10px;
	left:5px;
	float: left;
	position: absolute;
	background-image: url(http://conexion.cluster003.ovh.net/blog/wp-content/uploads/medias/2012/10/post-it-noir_rsz_web.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
.eventinfos {
	position:absolute;
	-o-transform: rotate(357deg);
	-moz-transform: rotate(357deg);
	-webkit-transform: rotate(357deg);
	left: 5%;
	right: 5%;
}
span.eventday {
	color:#666699;
	font-family: "CoreHumanistSans", "Arial";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	text-align: right;
	vertical-align: baseline;
	margin-right: 2px;
	-o-transform: rotate(355deg);
	-moz-transform: rotate(355deg);
	-webkit-transform: rotate(355deg);
}
span.eventdate {
	color:#333;
	font-size: 18px;
	font-weight: normal;
	text-align: right;
	vertical-align: baseline;
	-o-transform: rotate(355deg);
	-moz-transform: rotate(355deg);
	-webkit-transform: rotate(355deg);
	margin-right: 1px;
}
span.eventmonth {
	color:#333;
	font-family: "CoreHumanistSans", "Arial";
	font-size: 16px;
	font-weight: normal;
	text-align: right;
	vertical-align: baseline;
	-o-transform: rotate(355deg);
	-moz-transform: rotate(355deg);
	-webkit-transform: rotate(355deg);
}
span.eventyear {
	width:89%;
	color:#666699;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	vertical-align: middle;
	display: block;
	-o-transform: rotate(355deg);
	-moz-transform: rotate(355deg);
	-webkit-transform: rotate(355deg);
	margin-top: 8px;
	margin-bottom: 5px;
}
span.eventlieu {
	font: normal 10px/.9em "CoreHumanistSans", "Arial", sans-serif !important;
	color:#4F4F4F;
	width:85px;
	text-align: center;
	margin-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	-o-transform: rotate(358deg);
	-moz-transform: rotate(358deg);
	-webkit-transform: rotate(358deg);
	display: block;
	position:absolute;
	bottom: 0px;
	padding-bottom: 20px;
}*/
div.aside-post {
	-webkit-box-shadow: 5px 5px 8px #818181;
	-moz-box-shadow: 5px 5px 8px #818181;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	border: thin solid #000000;
}
.format-aside .event{
	display:none;
}
.format-aside span.eventdate {
	color:#ffffff;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	vertical-align: baseline;
	float:left;
	bottom: 0px;
}
.format-aside span.eventmonth {
	font-family: "CoreHumanistSans", "Arial";
	color:#f5f5f5;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	vertical-align: baseline;
	float:left;
	bottom: 0px;
}

.format-aside span.eventday, .format-aside span.eventyear, .format-aside span.eventlieu{
	display:none;
}
.rotate-90 {
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-o-transform-origin: top left;
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;
}
.item-image, .item-video {margin: 0;}
.item-hidden{display: none;}
.item-not-rewidthed{max-width: 150px;min-width: 150px;}
/*	Image Preloader	*/

.preload{
    opacity:0;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter:alpha(opacity=0);
}

/*	Item Video	*/

.item-video iframe {
    width: 100%;
    height: auto;
}

/*	Item Quote	*/

.item-quote {
    display: inline-block;
    padding: 15px;
    background: rgba(0, 0, 0, .1);
}
.item-quote blockquote, .item-media blockquote {
    margin: 0;
    padding: 0;
    border-left: none;
    font-family: Georgia, Times, serif;
}
.item-quote blockquote cite, .item-media blockquote cite {
    display: block;
    margin-top: 10px;
    font-weight: bold;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.item-quote blockquote cite:before, .item-media blockquote cite:before {
    margin-right: 5px;
    content: "-";
}

/*  Item Link  */
.format-link .item-media {
    padding: 15px;
    background-color: rgba(0, 0, 0, .1);
}
.format-link h2.link-text {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 22.5px;
}

/*  Entry Status  */
.entry-status {
	background-image: url(http://conexion.cluster003.ovh.net/blog/wp-content/uploads/medias/2012/09/Infos-vert-fn.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding: 10px 10px 10px 35px;
	font-weight:bold;
	display: table;
	height: 80px;
	overflow: hidden;
}
.entry-status p { 
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
}
.entry-status .instagram-photo {
	background-image: url(Aucune);
    padding: 0px;
    padding-bottom: 0;
}
.item-single .entry-status .instagram-photo {
    padding: 0;
}
.entry-status .instagram-photo img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}

/* No Content */
article.no-content .item-image, .item-video {
    margin: 0px;
	z-index:5;
}
article.no-content h2.item-title {
	margin-bottom: 0;
	padding: 1px;
	border-bottom: none;
	margin-top: -25%;
	margin-left:30px;
	float: left;
	z-index: auto;
	position:relative;
	transform: rotate(350deg) scale(1) skew(1deg) translate(0px);
	-webkit-transform: rotate(350deg) scale(1) skew(1deg) translate(0px);
	-moz-transform: rotate(350deg) scale(1) skew(1deg) translate(0px);
	-o-transform: rotate(350deg) scale(1) skew(1deg) translate(0px);
	-ms-transform: rotate(350deg) scale(1) skew(1deg) translate(0px);
	writing-mode: lr-tb;
	-o-transform-origin: top left;
	-moz-transform-origin: top left;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition: all 1.6s ease;
	-moz-transition:    all 1.6s ease;
	-o-transition:      all 1.6s ease;
	transition:      all 1.6s ease;
}
.jp-audio-container, article.no-content .jp-video-container {
    padding: 15px;
    padding-bottom: 0px;
}
.no-content .jp-audio-container, article.no-content .jp-video-container {
    padding-bottom: 15px;
}
.item-content {
    margin: 15px;
}
.item-content p {
    line-height: 20px;
    margin: 0 0 15px;
}
.item-content h4, .item-content h3, .item-content h2, .item-content h1{
    margin: 0 0 15px;
}
h2.item-title {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
	font-family:"Schmutz W01 Cleaned";
    border-bottom-color: rgba(0, 0, 0, .1);
    font-size: 1.2em;
    line-height: 1.3em;
}
.header-page h2.item-title {
    margin-bottom: 0;
}
h2.item-title a {
	overflow: hidden;
	color: #F5F5F5;
	text-decoration: none;
	text-overflow: ellipsis;
	background-color:rgba(0, 0, 0, .85);
	-webkit-transition: color 0.2s ease 0s, color 0.2s linear 0s;
	-moz-transition: color 0.2s ease 0s, color 0.2s linear 0s;
	-o-transition: color 0.2s ease 0s, color 0.2s linear 0s;
	transition: color 0.2s ease 0s, color 0.2s linear 0s;
	line-height: normal;
	text-align: right;
	padding: 3px;
}
article.no-content:hover h2.item-title{
transform: rotate(180deg) scale(0) skew(1deg) translate(0px,-500px);
-webkit-transform: rotate(180deg) scale(0) skew(1deg) translate(0px,-500px);
-moz-transform: rotate(180deg) scale(0) skew(1deg) translate(800px,200px);
-o-transform: rotate(180deg) scale(0) skew(1deg) translate(800px,200px);
-ms-transform: rotate(180deg) scale(0) skew(1deg) translate(800px,200px);
writing-mode: lr-tb;
	-o-transform-origin: top left;
	-moz-transform-origin: top left;
	-webkit-transform-origin: top left;
	transform-origin: top left;
}
span.item-category, .item-single-meta {
	 /* font-family: "HelveticaNeueW01-67MdCn 692710"; ajouté */
	color:#383854;
    display: block;
    margin: 13px 2px 15px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 10px; /* changé 9px */
    line-height: 11px; /* changé 9px */
	text-rendering: optimizelegibility;
}
span.item-category a {
text-rendering: optimizelegibility;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: color 0.2s ease 0s, color 0.2s linear 0s;
    -moz-transition: color 0.2s ease 0s, color 0.2s linear 0s;
    -o-transition: color 0.2s ease 0s, color 0.2s linear 0s;

    transition: color 0.2s ease 0s, color 0.2s linear 0s;

    zoom: 1;
    *display: inline;
}
span.item-category a:hover {
    background: #08C;
    color: #fff;
    -webkit-transition: background 0s ease 0s, color 0.2s linear 0s;
    -moz-transition: background 0s ease 0s, color 0.2s linear 0s;
    -o-transition: background 0s ease 0s, color 0.2s linear 0s;

    transition: background 0s ease 0s, color 0.2s linear 0s;
}
span.item-category span {
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #999;
}
span.item-category span:last-child {
    margin-right: 0px;
    padding-right: 0px;
    border-right: none;
}
article footer {
    padding: 5px 15px;
    border-top: 1px solid #f0f0f0;
    border-top-color: rgba(0, 0, 0, .1);
    color: #999;
    font-size: 92%;
}
article footer a, span.item-category a {
    color: #999;
}
article footer a:hover, span.format-text a:hover {
    text-decoration: none;
}
.fb_comments_count, .footer-meta {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #fff;
    border-right: 1px solid rgba(255, 255, 255, .5);
}
footer .read-more {
    float: right;
    float: right;
    margin-top: 3px;
    padding: 2px 3px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: rgba(255, 255, 255, .4);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    line-height: 9px;
}
span.entry-comment{margin-right:10px;}
.min .meta-like    { padding-left:18px;background:url(images/entry-meta.png) no-repeat 0 -26px;}
.min .meta-like:hover, .min .meta-like.liked{background-position:0 -39px;}
.fb_comments_count, .min .meta-comment {  padding-left:18px;background:url(images/entry-meta.png) no-repeat 0 0px;}
.fb_comments_count:hover, .min .meta-comment:hover{background-position:0 -13px;color:#000;}
.liked{color:red;}
.sub-footer .container .row{margin-left: 0;}
/*	Grid View Format
*/

a.format-text {
    position: relative;
    top: -2px;

    margin-right: 8px;
    padding: 2px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;

    border-radius: 2px;
    background: #08C;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px;
    cursor: pointer;
}
a.format-text:hover {
    background: #005580;
}

/*	Post Type Label Colors
*/

.facebook-post a.format-text {
    background: #3B5998;
}
.soundcloud-post a.format-text {
    background: #F60;
}
.twitter-post a.format-text {
    background: #00b9fb;
}
.quote-post a.format-text {
    background: #666;
}
.audio-post a.format-text{
    background: #99bd0a;
}
.youtube-post a.format-text {
    background: #96261c;	
}
.item-featured a.format-text {
    background: #9107ca;
}
.vimeo-post a.format-text {
    background: #4BF;
}

/*	Twitter Post
*/
.twitter-tweet-rendered {
    padding: 15px;
}
a.screen-name span.avatar {
    float: left;
    margin-right: 10px;
    width: 35px;
    height: 35px;
}
span.fn, span.nickname, blockquote.twt-reply p.entry-title, ul.twt-actions li a{
    font-weight: bold;
    font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif;
}
blockquote.twt-always-show-actions span.nickname {
    display: block;
    font-weight: normal;
}
blockquote.twt-always-show-actions span.nickname b {
    font-weight: normal;
}
blockquote.twt-reply span.nickname {
    display: none;
}
.vcard.author {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    min-height: 35px;
    border-bottom: 1px solid #F9F9F9;
    border-bottom-color: rgba(255, 255, 255, .3);
}
.vcard.author a.permalink {
    display: block;
    margin-left: 50px;
}
.vcard.author a.permalink span.updated {
    font-style: italic;
    font-size: 11px;
}
.vcard.author iframe {
    position: absolute;
    top: 0;
    right: 0;
}
blockquote.twt-tweet, blockquote.twt-tweet .footer {
    position: relative;
}
blockquote.twt-tweet .footer a.view-details {
    position: absolute;
    right: 0;
}
blockquote.twt-standard .entry-content {
    display: block;
}
blockquote.twt-always-show-actions .entry-content p {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f9f9f9;
    font-size: 14px;
    line-height: 22px;
}
blockquote.twt-reply {
    padding: 10px;
    background-color: rgba(0, 0, 0, .1);
}
blockquote.twt-reply  p.entry-title{
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
}
blockquote.twt-reply .entry-content p {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
blockquote.twt-reply {
    margin-bottom: 20px;
}
ul.twt-actions {
    overflow: hidden;
    margin: 0;
    list-style: none;
}
ul.twt-actions li {
    display: inline-block;
    line-height: 9px;

    *zoom:1;
    *display: block;
}
ul.twt-actions li a {
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px dotted #e9e9e9;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 9px;
}
ul.twt-actions li:last-child a {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
} 
/*	Light Post
*/
.post-light {
    color: #000;
}
.post-light h2.item-title a {
    color: #000;
}
#masonry .post-light h2.item-title a {
    color: whitesmoke;
}
.post-light a {
    color: #333;
}
.post-light a:hover {
    color: #000;
}
.post-light span.item-category a {
    color: #000;
}
.post-light span.item-category a:hover  {
    background-color: #000;
    color: #fff;
}
.post-light footer {
    background-color: rgba(0, 0, 0, .1);
}

/*	Dark Post
*/
.post-dark h2.item-title a {
    color: #fff;
}
.post-dark h2.item-title a:hover {
    color: #f0f0f0;
}
.post-dark, .post-dark p, .post-dark h1, .post-dark h2, .post-dark h3, .post-dark h4, .post-dark h5, .post-dark h6 {
    color: #FFF;
}
.post-dark footer {
    background-color: rgba(255, 255, 255, .1);
}
.post-dark a, .post-dark span.item-category span a {
    color: #fff;
}
.post-dark a:hover {
    color: #ccc;
}
.post-dark a.format-text, .post-dark span.item-category a:hover {
    background-color: #fff);
    color: #000;
}
.post-dark a.format-text:hover {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 1);
}
.post-dark footer .read-more {
    background-color: rgba(0, 0, 0, .4);
}

/* 	
------------------------------------------------------------------------
- Post Single Modal
------------------------------------------------------------------------
*/

.tt-modal-box{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    overflow-x: hidden;
    background-color: rgba(255, 255, 255, 0.85);
}
.tt-modal-box .modalback{
    position: fixed;
    width: 100%;
    height: 100%;
}
.noscroll{
    display: block;
    overflow: hidden;
}
.hide{
    display: none;
}
.tt-modal-box .modal-close{
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1500;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: url(images/circle-close.png) no-repeat center;
    color: #fff;
    text-indent: -999em;
}
.lightBoxNav {
    position: fixed;
    top: 48%;
    width: 50px;
    height: 50px;
    background: url(images/modal-arrow.png) no-repeat top left transparent;
    text-indent: -5000px;
}
.navLeft {
    left: 10px;
    background-position: 0 0;
}
.navRight {
    right: 10px;
    background-position:-50px 0 !important;
}
.navLeft,.navRight, .modal-close{
    opacity: 0.5;
}


/*     Single Fullwidth Page 
*/
body.page-fullwidth .item-single{
    width: auto;
}
body.page-fullwidth .single-no-ajax .single-container .item-single{
    border-right: 0;
}

/*	Item Single & Page Single
*/
.item-single{
    position: static;
    margin: 40px auto;
    padding: 20px 30px;
    width: 640px;
    background-color: rgba(255,255,255,.75); /*changé #FFF*/
    -webkit-box-shadow: 0 3px 8px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 3px 8px rgba(34, 25, 25, 0.4);

    box-shadow: 0 3px 8px rgba(34, 25, 25, 0.4);
    font-size: 13px;
    opacity: 1;
}
.item-single h2.item-title, .page-single h2.item-title {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.item-single div.event {
	font-size: 1.7em;
	font-weight: bold;
	color: #333333;
	font-family: 'Arial';
	z-index: auto;
	padding-bottom: 1px;
	margin-bottom:11px;
	vertical-align: text-bottom;
}
.item-single span.eventday {
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
	font-family: "CoreHumanistSans", "Arial";
}
.item-single span.eventdate {
	font-size: 2em;
	line-height:1em;
	font-weight: bold;
	color: #666699;
	font-family: "CoreHumanistSans", "Arial";
	background-color:rgba(0, 0, 0, .85);;
}
.item-single span.eventmonth {
	font-size: 1.7em;
	line-height:1.1em;
	font-weight: bold;
	color: #FFFFFF;
	font-family: "CoreHumanistSans", "Arial";
	background-color:rgba(0, 0, 0, .85);
}
.item-single span.eventyear {
	font-size: 1em;
	font-weight: bold;
	color: #333333;
	font-family: "CoreHumanistSans", "Arial";
}
.item-single span.eventtype {
	font-size: 1.8em;
	line-height:1.3em;
	color: whitesmoke;
	font-family: LeagueGothic !important;
	background-color:rgba(0, 0, 0, .85);
	text-transform: uppercase;
	margin-top: 23px;
	padding-right: 2px;
	padding-left: 2px;
}
.item-single div.eventliens {
	font-size: 1em;
	color: #3333333;
	font-family: LeagueGothic !important;
	text-transform: uppercase;
	overflow:hidden;
	top:0;
	right:0;
	float:right;
}
.item-single .eventnavleft{
	height:50px;
	width:50px;
	background-position: 0 0;
	background: url(images/modal-arrow.png) no-repeat top left transparent;
	text-indent: -5000px;
}
.item-single .eventnavright{
	height:50px;
	width:50px;
	background-position: -50px 0 !important;
	background: url(images/modal-arrow.png) no-repeat top left transparent;
text-indent: -5000px;}
.page-single {
    position: static;
    padding: 20px 30px;
    opacity: 1;	
}
.page-teaser p {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 22px;
}
.single-no-ajax .single-container {
    margin: 5px;
    background: rgba(255,255,255,.75); /*changé #FFF*/
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1);

    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
}
.single-no-ajax .single-container .item-single{
    float: left;
    margin: 0px;
    border-right: 1px solid #e9e9e9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;

    box-shadow: none;
}

#page-single-title-1, #item-single-title-1, .item-single .item-media, .item-single .item-image, .item-single .item-content, .item-author,
#page-single-title, .page-single .item-media, .item-single .item-image, .page-single .item-content, .item-author, #comments{
    position: relative;
    overflow: visible;
    margin: -20px -30px 20px;
    padding: 20px 30px;
    border-bottom: 1px solid #D1CDCD;
}
.single-no-ajax .page-single #page-single-title-1, .single-no-ajax .item-single #item-single-title-1, .single-no-ajax .item-single .item-media, .single-no-ajax .item-single .item-content, .single-no-ajax .item-single .item-author,
.single-no-ajax .page-single #page-single-title, .single-no-ajax .page-single .item-media, .single-no-ajax .page-single .item-content, .single-no-ajax .page-single .item-author {
    border-bottom-color: #e9e9e9;
}
.header-page .item-author
{
    margin: 0;
    padding: 0;
    border: 0;
}
.header-page {
	position: relative;
	margin: 0px 5px 5px;
	background-color:  rgba(255, 255, 255, .75); /*changé #FFF */
	color: #000;
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
	height:0px;
	/*-webkit-transform-origin-y: 0px;
-moz-transform-origin-y: 0px;
-o-transform-origin-y: 0px;
transform-origin-y: 0px;
transform: rotate(0deg) scale(1,0.1) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1,0.1) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1,0.1) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1,0.1) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(1,0.1) skew(1deg) translate(0px);*/
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
}
.header-page:hover {
height:auto;
padding: 5px 15px;
/*transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);*/
}
/*.header-page:hover a.teaser-button:before {
content:"Y ";
}*/
.header-page:hover a.teaser-button {
background: url(http://conexion.cluster003.ovh.net/blog/wp-content/uploads/medias/2012/11/Flag-.gif) no-repeat center top;
}
.header-page h2.item-title {
    margin:0 10px;
    margin-bottom: 0;
    padding: 0;
    border-bottom: none;
    color: inherit;
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 3.6em; /*changé 24px */
    line-height: 1;
    text-rendering: optimizelegibility;
}
.archive .header-page h2.item-title, .category .header-page h2.item-title {
    font-size: 24px;
    line-height: 1.1;
}
.header-page:hover .page-teaser p {
/*font-family:'LeagueGothic';*/
text-indent:0px;
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 1.2em; /*changé 24px */
    line-height: 1.1em; /*changé 30px */
}
.header-page .page-teaser p {
/*font-family:'LeagueGothic';*/
text-indent:-99999px;
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 1.2em; /*changé 24px */
    line-height: 1.1em; /*changé 30px */
}
.header-page a.teaser-button {
	font-family: 'EntypoRegular';
	text-indent:-99999px;
	overflow:hidden;
	bottom:-23px;
	color:#FFFFFF;
	display:block;
	font-size:58px;
	height:28px;
	padding:0px 5px 5px;
	position:absolute;
	right:0;
	text-align:center;
	text-decoration:none;
	width:28px;
	z-index:999;
	line-height: 24px;
	border-radius: 3px;
	font-weight: bold;
	/*text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);*/
	box-shadow: inset rgba(255,255,255,0.3) 0 2px 0;
	-webkit-transition: 0.1s linear;
	-moz-transition: 0.1s linear;
	-ms-transition: 0.1s linear;
	-o-transition: 0.1s linear;
	transition: 0.1s linear;
	/*background: rgb(255,183,0);
	background: -moz-linear-gradient(top,  rgba(102,102,153,1) 0%, rgba(49,49,73,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,153,1)), color-stop(100%,rgba(49,49,73,1)));
	background: -webkit-linear-gradient(top,  rgba(102,102,153,1) 0%,rgba(49,49,73,1) 100%);
	background: -o-linear-gradient(top,  rgba(102,102,153,1) 0%,rgba(49,49,73,1) 100%);
	background: -ms-linear-gradient(top,  rgba(102,102,153,1) 0%,rgba(49,49,73,1) 100%);*/
	background: url(http://conexion.cluster003.ovh.net/blog/wp-content/uploads/medias/2012/11/Flag+.gif) no-repeat center top;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666699', endColorstr='#313149',GradientType=0 );
	vertical-align: top;
	margin: 0px;
}

}
.header-page.archive .item-author{
    float: left;
    width: 33%;
}
.item-author h3 a {
    text-transform: capitalize;
}
#item-single-title-1 h2, #page-single-title h2, .header-page h2 {
    font-size: 3.8em; /*changé 24px */
    line-height: 1.1;
}

.item-single-meta {
    margin: 10px 0 0;
}

.item-single .item-media, .page-single .item-media, .item-single .item-image, .page-single .item-image {
    padding: 30px;
}
.item-single .item-media img, .page-single .item-media img, .item-single .item-image img, .page-single .item-image img {
    float: left;
    height: auto;		
}
.item-single .item-media iframe, .item-single .item-media blockquote,
.page-single .item-media iframe, .page-single .item-media blockquote {
    float: left;
    width: 100%;
}

.item-single .item-content, .page-single .item-content {
    font-size: 12px;
}
.item-single .item-quote {
    padding: 0px;
    background: transparent;
}
.item-single .item-media .link-text {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 22px;
}
.item-single .item-media blockquote {
    background: transparent;
    font-size: 18px;
    line-height: 22px;
}
.item-single .item-media blockquote cite a, .item-single .item-quote blockquote cite a  {
    font-size: 12px;
}
.item-author h3 {
    margin-bottom: 10px;
    margin-left: 100px;
    font-size: 14px;
    line-height: 14px;
}
.item-author h3 span {
    font-weight: normal;
}
.item-author img {
    float: left;
}
.item-author p {
    margin-left: 100px;
    font-size: 12px;
}
.item-author p:last-child {
    margin-bottom: 0px;
}
article.item-margin>div{
    width: 100%;
}
/*	Widgets
*/

.single-no-ajax .single-container .widgets-container {
    position: relative;
    display: block;
    float: left;
    padding: 10px;
}

.single-no-ajax .single-container .masonry-widgets aside.widget {
    margin: 10px;
}
.widget .widget-title {

    display: inline-block;
    margin-bottom: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E0E0E0;
    border-bottom-color: rgba(0, 0, 0, .5);
    color: #000;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1.2em;

    zoom: 1;
    *display: block;
}
h3.widget-title {
font: normal 12px/14px ;
font-family:'LeagueGothic' !important;
padding-bottom:5px !important;
}
.widget{
    padding: 10px;
    padding-top: 5px;
}
.widget form{
    margin:0;
}
.widget .screen-reader-text{
    display: none;
}
.widget_search  .widget-title{
    border-bottom: none;
}
.widget ul{
    margin:5px 0 0 0px;
}
.widget ul li{
    padding: 2px 0;
    border-bottom: 1px dotted #e9e9e9;
    list-style: none;
}
.widget ul li a{
    padding: 0px 2px;
    background: #f9f9f9;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px;
    line-height: 9px;
    display: inline;
}
.widget ul li p.tab-meta, .widget ul li span.tab-meta { /* rajouté span*/
font-size: 9px;
color:#666666;
}
/* rajouté*/
.widget ul li span.dateevent, .widget ul li span.lieuevent {
	font-size: 0.58em;
	color:#454567;
	font-weight: normal;
	background-color: #F9F9F9;
	margin: 0px 3px 0px 0px;
	padding: 5px 5px 3px 3px;
}
.widget ul li .event{
	text-align: left;
	height:52px;
	margin: 0px 0px 0px -20px;
	padding: 0px;
	float: left;
}
.widget ul li .event .eventinfos {
	float:left;
	display:block;
	width: 30px;
	height:52px;
	background-color: rgba(0, 0, 0, .85);
	padding: 0px 0px 0px 3px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	-moz-border-radius-topleft: 8px;
	/*-moz-border-radius-topleft: 25px;*/
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-top-left-radius: 8px;
	/*-webkit-border-top-left-radius: 25px;*/
	-webkit-border-bottom-left-radius: 8px;
}
.widget ul li .event .eventinfos .eventday {
	color:#D1D1E0;
	font-family: "CoreHumanistSans", "Arial";
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	width:100%;
	text-align: center;
	margin: -3px 0px -3px;
	float:left;
	clear:left;
	padding: 0px;
}
.widget ul li .event .eventinfos .eventdate {
	color:#fff;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	margin: -2px 0px -3px;
	padding: 0px;
	width:100%;
	float:left;
	clear:left;
}
.widget ul li .event .eventinfos .eventmonth {
	color:#F2F2F2;
	font-family: "CoreHumanistSans", "Arial";
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	margin: -2px 0px -4px;
	padding: 0px;
	width:100%;	
	float:left;
	clear:left;
}
.widget ul li .event .eventinfos .eventyear {
	color:#9292B6;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	margin: -2px 0px 0px;
	padding: 0px;
	width:100%;
	float:left;
}
.widget .widget-content .textwidget {
font-size: 11px;
}
.widget ul li a:hover {
    color: #FFF;
    background: #000;
}
.widget ul li:before {
    margin-right: 5px;
    content: "|";
}
.header-sidebar .widget ul li:before {
    margin-right: 0;
    content: none;
}

/*	Pages & Custom Menu Widget
*/
.widget_nav_menu ul ul {
    padding-left: 14px;
    border-left: 1px dotted #e9e9e9;
}
.widget_nav_menu ul ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.widget_nav_menu ul.submenu {
    margin-top: 0 !important;
}
.widget_nav_menu ul.submenu li:first-child {
    padding-top: 0px !important;
}
.widget_nav_menu ul.submenu li:last-child {
    border-bottom: none;
}
/*	Tag Coud
*/
.widget_tag_cloud .tagcloud a {
    margin-right: 1px;
    padding: 0 2px;
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px !important;
    line-height: 9px;
}
.widget_tag_cloud .tagcloud a:hover {
    background: none;
    color: #000;
}
.widget_recent_entries ul li a{
    display: inline;

}
/*	Recent News Widget 
*/

ul li.recent-news-item {
    padding: 2px 0;
}
ul li.recent-news-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
ul li.recent-news-item img{
    float: left;
    margin-right: 10px;
    list-style: none;
    border: thin solid #333333;
    opacity: 1;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
}
ul li.recent-news-item img:hover{
    border: 3px solid #555;
    opacity: .6;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
}
ul li.recent-news-item h6 {
    text-transform: none;
    font-weight: bold;
    font-size: 1.2em; /* changé 12px */
    line-height: 1em;
}
ul li.recent-news-item h6 a {
	font-size: 0.8em; /* changé 12px */
	font-family : "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; /* 	jouté */
	line-height: 0.5em;
	color:#454567;
}
ul li.recent-news-item:before {
    content: none !important;
}

/*	Flick Widget
*/
.flickr-channel a{
    display:-moz-inline-stack;
    display:inline-block;
    float: none;
    overflow: hidden;
    margin: 0px 10px 5px 0px;
    background: none;
    vertical-align: top;
    text-align: center;
    zoom:1;
    *display:inline;}
.flickr-channel a img{
    position: relative;
    margin: 0;
    padding: 0;
    max-width:none;
    width: 50px;
    height: 50px;
    border: 3px solid #D7D7D7;
    opacity: 1;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
}
.flickr-channel a img:hover{
    border: 3px solid #555;
    opacity: .6;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;

}

.wpb_flexslider .flex-control-nav{
    right:auto !important;
}
/*
 * FlexSlider v1.8
*/

/* Browser Resets */
.flex-container a,
.flexslider a,
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block;max-width: 100%;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after { display: block; visibility: hidden; clear: both; height: 0;content: "."; line-height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative;background: #fff;  zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container { position: relative;zoom: 1;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
               filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption { position: absolute; bottom: 0; left: 0;	margin: 0;width: 100%; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3);}
.flex-caption p {padding: 10px; font-weight: bold; font-size: 11px; line-height: 15px;
}
.flex-caption p:last-child {margin-bottom: 0px;
}

/* Direction Nav */
.flex-direction-nav { position: absolute; top: 10px; right: 10px; height: 0;}
.flex-direction-nav li { display: inline-block; *display: block; *zoom:1;}
.flex-direction-nav a { display: block; margin-left: 2px; padding: 0 5px;height: 20px; background-color:rgba(0, 0, 0, .7); color: #FFF; cursor: pointer;
}

.flex-direction-nav .flex-disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
.flex-direction-nav a:hover { background-color: rgba(255, 255, 255, .7);
                              -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, .7);
                              -moz-box-shadow: 0 0 10px rgba(255, 255, 255, .7);
                              box-shadow: 0 0 10px rgba(255, 255, 255, .7); color: #000;text-decoration: none;
}

/* Control Nav */
.flex-control-nav {position: absolute; top: 15px; left: 15px;}
.flex-control-nav li { display: inline-block;margin: 0 0 0 5px; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav a { display: block;width: 10px; height: 10px; -webkit-border-radius: 5px; border-radius: 5px; background-color: rgba(255, 255, 255, .7);
                      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .7);
                      -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .7);

                      box-shadow: 0 0 5px rgba(0, 0, 0, .7); text-indent: -999em; cursor: pointer;
                      -webkit-transition: background 0.3s ease 0.3s;
                      -moz-transition: background 0.3s ease 0.3s;
                      -o-transition: background 0.3s ease 0.3s;

                      transition: background 0.3s ease 0.3s; -mob-border-radius: 5px;
}
.flex-control-nav a:hover {background-color: rgba(255, 255, 255, 1);}
.flex-control-nav a.flex-active {background-color: rgba(0, 0, 0, .7);
                                 -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, .7);
                                 -moz-box-shadow: 0 0 5px rgba(255, 255, 255, .7);
                                 box-shadow: 0 0 5px rgba(255, 255, 255, .7); cursor: default;
}
.flex-control-nav .active{
    background-color: black;
}
.flex-control-nav .active:hover{
    background-color: gray;
}
/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    z-index: 1;
    pointer-events: none;
}
.post-category-item.selected {
    color: red;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:         top, left, opacity;
    transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
#masonry nav a.next-items{
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px;
    padding: 15px;
    background: white;
    text-align: center;
    font-weight: bold;
    font-size: 9px;
    -webkit-transition: box-shadow .2s ease 0s;
    -moz-transition: box-shadow .2s ease 0s;
    -o-transition: box-shadow .2s ease 0s;

    transition: box-shadow .2s ease 0s;

}
#masonry nav a.next-items:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
/*	Portfolio
*/

.page-template-page-template-portfolio-php .item-image, .page-template-page-template-portfolio-php .item-video {
    margin: 0px;
}
.page-template-page-template-portfolio-php .item-single .item-image, .page-template-page-template-portfolio-php .item-single .item-media{
    margin: -20px -30px;
    margin-bottom: 25px;
    padding: 0px;
}
.page-template-page-template-portfolio-php .item-single .item-quote {
    padding: 30px;
    padding-bottom: 25px;
}
.page-template-page-template-portfolio-php h2.item-title {
    font-size: 12px;
}
#footer {
    margin: 30px 5px;
}
/**** Infinite Scroll CSS ****/
#infscr-loading {
    position: fixed;
    bottom: 40px;
    left: 45%;
    z-index: 100;
    padding: 10px;
    width: 100px;
    background: black;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px;
    line-height: 12px;
    opacity: 0.8;
}
#infscr-loading img {
    margin-bottom: 8px;
}

/*	Comment CSS
*/

#comments {
    border-bottom: none;
}
label.overlabel {
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 1;
    color: #999;
}
.comment-reply-link {
    float: right;

}
.comment {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #e9e9e9;
}
.comment .comment {
    margin-left: 40px;
}
.comment-author {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #F9F9F9;
}
.comment-avatar {
    float: left;
    margin-right: 20px;
}
.comment-author img {
    float: left;
}
.comment-meta {
    position: relative;
}
.comment-meta span.comment-date {
    position: absolute;
    top: 14px;
    left: 38px;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    font-size: 10px;
    opacity: .2;
}
.author-link-span {
    position: relative;
    top: 0px;
    margin-left: 10px;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
}
.form-horizontal .btn:hover{
    color: #CCCCCC;
    text-decoration: none;
}
.comment-block .comment-block {
    padding-left: 30px;
    border-left: 1px dotted #e9e9e9;
}
.comment-button .btn {
    float: right;
    margin-right: -22px;
    margin-bottom: 10px;
    -webkit-transition: background 0s ease 0s, color 0.2s linear 0s;
    -moz-transition: background 0s ease 0s, color 0.2s linear 0s;
    -o-transition: background 0s ease 0s, color 0.2s linear 0s;

    transition: background 0s ease 0s, color 0.2s linear 0s;
}
.overlabel-wrapper {
    position: relative;
    margin-right: 3px;
    width: 100%;
}
.control-group.overlabel-wrapper textarea#comment {
    width: 100%;
}
.form-horizontal .control-group {
    margin-bottom: 18px;
}
.form-horizontal .btn {
    float: right;
}
h4#reply-title {
    position: relative;
    left: -20px;
}
#contactform label.error, #commentform label.error {
    position: absolute;
    top: 7px;
    right: 5px;
    display: block;
    color: red;
    font-size: 10px;
    line-height: 14px;
}
#contactform input.error, #contactform textarea.error, #commentform input.error, #commentform textarea.error {
    border: 1px solid #0076A3;
}
.com-border {
    float: left;
    margin-right: 10px;
    margin-left: 30px;
    width: 40px;
    height: 40px;
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
}
/**** Search Bar CSS ****/
.form-search {
    margin: 0;
}
/*.form-search .input-append input {
    margin-top: 10px;
    padding-left: 27px;
    -moz-border-radius: 0 1px 1px 0;
    border-radius: 0 1px 1px 0;
    background: white url(images/search-icon.png) 7px center no-repeat;
}
#searchsubmit {
    position: relative;
    z-index: 13;
    display: none;
    float: left;
    margin-bottom: -44px;
    margin-left: 2px;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
}*/
div.input-append{
padding: 0px 5px;
height: 30px;
margin: 5px 0 0 0px;
}
.form-search button[type=submit]{
display:none;
}
.form-search input[type=text] {
background:#ededed url(images/search-icon.png) 7px center no-repeat;
	width:15px;
	padding-left:10px;
	color:transparent;
	cursor:pointer;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none;
}
.form-search input[type=text]:hover {
background-color:#FFFFFF;
}
.form-search input[type=text]:focus {
width:130px;
padding-left:32px;
color:#000;
background-color:#FFFFFF;
cursor:auto;
-webkit-box-shadow: 0 0 5px rgba(102, 102, 153,.5);
-moz-box-shadow: 0 0 5px rgba(102, 102, 153,.5);
box-shadow: 0 0 5px rgba(102, 102, 153,.5);
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignright{float:right;margin:5px 0 20px 20px;}
.alignleft{float:left;margin:5px 20px 20px 0;}
a img.alignright{float:right;margin:5px 0px 5px 10px;}
.dark a img.alignright{background:#D7D7D7;}
a img.alignleft{float:left;margin:5px 10px 0px 0px;}
a img.aligncenter{display:block;margin-right:auto;margin-bottom:5px;margin-left:auto;}
img.image-border{padding:5px;background:#D7D7D7;}
.wp-caption{padding:10px 5px 5px;background:#fff;text-align:center;}
.dark .wp-caption,.dark a img.alignright,.dark a img.alignleft,.dark a img.alignnone,.dark a img.aligncenter{background-color:#292929;}
.wp-caption.alignright{margin:5px 0 20px 20px;}
.wp-caption.aligncenter{margin-bottom:20px;}
.wp-caption img{margin:0;padding:0;max-width:100%;height:auto;border:0 none;}
.wp-caption p.wp-caption-text{margin:0;padding:5px 0;font-style:italic;font-size:11px;line-height:17px;}
.alignnone,.wp-caption.alignnone,.wp-caption.alignleft{margin:5px 20px 20px 0;}
.aligncenter,div.aligncenter,.aligncenter{display:block;margin:5px auto;}
.row-fluid .home-right{float:right;}
.glow {background:url();}
.commentlist .bypostauthor { }
.sticky { }
/**** Infinite Scroll CSS ****/

/* 	
------------------------------------------------------------------------
- Responsive
------------------------------------------------------------------------
*/

.flexslider .slides > li {
    /* display: block; */
}
.flexslider .slides a {
    display: inline-block;
}
/**** Share Scroll CSS ****/
.tt-share-widget {
    position: relative;
    margin: -20px -30px 20px;
    padding: 20px 30px;
    border-bottom: 1px solid #E9E9E9;
}
.tt-share-widget span{
    margin:0 0 1px 0;
}
.tt-share-widget .platform {
    display:inline;
    float:left;
    height:20px;
}

/**** Social Share Bar ****/
.tt-modal-box .item-single .fixed-right{
    position: fixed;
    top: 62px;
    left: 50%;
    margin-left: 360px;
    padding: 0;
    width: 100px;
    border-bottom: none;
}
.tt-modal-box .item-single .fixed-right span{
    margin:2px 0;
}
.tt-modal-box .item-single .fixed-left{
    position: fixed;
    top: 62px;
    right: 50%;
    margin-right: 360px;
    padding: 0;
    width: 90px;
    border-bottom: none;
}
.tt-modal-box .item-single .fixed-left span{
    float: none;
    margin:2px 0;
}

/*	Footer
*/
.sub-footer {
    padding: 0px 5px;
}
.copyright, .to-top {
    float: left;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px;
    line-height: 15px;
}
.to-top {
    float: right;
    padding: 5px 10px;
}
.copyright a, .to-top a {

    background-color: #000;
    color: #fff;
}
.copyright a,.to-top a{
    padding: 0 2px;
}
.copyright a:hover, .to-top a:hover {
    background: #DDD;
    color: #000;
}
#pinterest-newshare-1 span a{
    height: 20px;
    background: url(images/pinit.png) no-repeat; 
    background-position: 0 -7px;
    text-indent: -9999em;
    font-size: .01em;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
    border: 1px solid #EEE;
}
.hover-content {
    position: relative;
    float: left;
    width: 100%;
}
.hover-content a.item-preview{
    float: left;
    width: 100%;
    height: auto;
}
.image-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}
.iconImage, .iconInstagram,.iconVideo {
    width: auto;
    height: 100%;
}
.iconImage:hover, .iconInstagram:hover,.iconVideo:hover {
    opacity: .5;
    -ms-filter:"alpha(opacity=50)"; /* IE8 */
    filter:alpha(opacity=50); /* IE6/IE7 */
    background: url(images/overlay-bg.png) no-repeat center center transparent;
    background-color: white;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
}
.iconVideo {
    width: auto;
    height: 100%;
    background: url(images/overlay-video.png) no-repeat center center rgba(255, 255, 255, 0.5) !important;
    background-color: #FFF;	
}
.instagram-link {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

/*	Services
*/

.service {
    margin-bottom: 9px;
}
.service h1 {
    margin: 36px 0 27px;
    text-align: center;
    font-weight: 300;
    font-size: 40px;
}
.service h2,
.service h3 {
    font-weight: 300;
}
.service h2 {
    font-size: 22px;
}
.service p {
    margin-right: 10px;
}
.service .service-icon {
    float: left;
    margin: 7px 10px 0 0;
    opacity: .8;
}
.service .small-service-icon {
    float: left;
    margin: 4px 5px 0 0;
}

/*	Services 2
*/

.service {
    margin-bottom: 9px;
}
.service h1 {
    margin: 36px 0 27px;
    text-align: center;
    font-weight: 300;
    font-size: 40px;
}
.service h2,
.service h3 {
    font-weight: 300;
}
.service h2 {
    font-size: 22px;
}
.service p {
    margin-right: 10px;
}
.service .service-icon {
    float: left;
    margin: 7px 10px 0 0;
    opacity: .8;
}
.service .small-service-icon {
    float: left;
    margin: 4px 5px 0 0;
}

.service-byline {
    margin: -18px 0 27px;
    color: #999;
    text-align: center;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
}
.soften {
    margin: 25px 0;
    height: 1px;
    border: 0;
    border: none !important;
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, .1), transparent);
    background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, .1), transparent);
    background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, .1), transparent);
    background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, .1), transparent);
}
.soften div {
    display: none !important;
}

/* Service 2
*/

.service2 {
    color: #5a5a5a;
    text-align: center;
}
.service2 h1 {
    margin: 60px 0 10px;
    letter-spacing: -1px;
    font-weight: 200;
    font-size: 60px;
    line-height: 1;
}
.service2 h2 {
    margin-bottom: 5px;
    font-weight: 200;
}
.service2 p {
    font-size: 16px;
    line-height: 1.5;
}
.service2 .service2-byline {
    margin-bottom: 40px;
    color: #999;
    font-weight: 300;
    font-size: 20px;
    line-height: 25px;
}
.service2 img {
    display: block;
    margin: 0 auto 30px;
}
/* Contact Form 7
*******************************************************************************/
span.wpcf7-not-valid-tip {
    position: absolute;
    top: 100%  !important;
    right: 0  !important;
    z-index: 100;
    padding: 2px;
    width:auto !important;
    border:none !important;
    background: whiteSmoke !important;
    font-size: 10pt;
}

/* Edit Button
*******************************************************************************/
.wpcf7-submit,a.post-edit-link{
    padding: 4px 10px 4px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-image: -ms-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    box-shadow: 0px 2px 1px #B3B3B3;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 17px;
    cursor: pointer;
}
.wpcf7-submit:hover ,a.post-edit-link:hover{
    border-color: #E6E6E6 #E6E6E6 #BFBFBF;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-color: whitesmoke;
    background-image: -moz-linear-gradient(top, white, whiteSmoke);
    background-image: -ms-linear-gradient(top, white, whiteSmoke);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(whiteSmoke));
    background-image: -webkit-linear-gradient(top, white, whiteSmoke);
    background-image: -o-linear-gradient(top, white, whiteSmoke);
    background-image: linear-gradient(top, white, whiteSmoke);
    background-repeat: repeat-x;
    color: #333;
    vertical-align: middle;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;}
/* Facebook Comment
*******************************************************************************/
.fb-comments SPAN, .fb-comments.fb_iframe_widget SPAN IFRAME
{
    width: 100% !important;
}
.fb_iframe_widget{
    display: block !important;
}

/*	Filter
*/
.category-list {
    margin-top: 66px;
    padding: 25px 10px;
    background: #000;
}
.category-list h3 {
	float: left;
	margin-right: 10px;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 9px;
	color:#666699;
}
ul#filters {
    margin: 0;
    list-style: none;
}
ul#filters li {
    float: left;
}
ul#filters li.hide {
    display: none;
}
ul#filters li a {
    display: block;
    margin: 0px;
    margin: 0px;
    padding: 0 10px;
    border-right: 1px dotted rgba(255, 255, 255, .5);
    color: #F7F7F7;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px;
    line-height: 9px;
    -webkit-transition: background-color .5s ease 0s, color 0.2s linear 0s;
    -moz-transition: background-color .5s ease 0s, color 0.2s linear 0s;
    -o-transition: background-color .5s ease 0s, color 0.2s linear 0s;
    transition: background-color .5s ease 0s, color 0.2s linear 0s;
}
ul#filters li a.selected {
    background-color: #F7F7F7;
    color: #000;
}
ul#filters li a:hover {
    background-color: #F7F7F7;
    color: #000;
}
a.format-text {
    display: none;
}
/*	Social Icons
*/
.widget ul.social-icons li a{
    width: 30px;
    height: 30px;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.widget ul.social-icons li a:hover{
    color: black;
}
.widget ul.social-icons li a span:hover{
    color: F7F7F7;
}
.widget ul.social-icons li span.social-text:hover{
    background: #000;
}
.widget ul.social-icons li{
    padding: 0;
    height: 30px;
}
.header-sidebar .widget ul.social-icons li{
    display: inline-block;
    border-bottom: none;
}
span.social-text{
    margin-left: 40px;
    line-height: 30px;
}
.widget ul.social-icons li a.dribbble{
    background: url(images/social-icons/dribbble.png) no-repeat;
}
.widget ul.social-icons li a.dribbble:hover{
    background-position-x: 0;
    background-position-y: -40px;
}
.widget ul.social-icons li a.facebook{
    background: url(images/social-icons/facebook.png) no-repeat;
}
.widget ul.social-icons li a.facebook:hover{
    background-position-x: 0;
    background-position-y: -40px;
}
.widget ul.social-icons li a.myspace{ /*ajouté*/
    background: url(images/social-icons/myspace.png) no-repeat;
}
.widget ul.social-icons li a.myspace:hover{/*ajouté*/
    background-position-x: 0;
    background-position-y: -40px;
}
.widget ul.social-icons li a.flickr{
    background: url(images/social-icons/flickr.png) no-repeat;
}
.widget ul.social-icons li a.flickr:hover{
    background-position-x: 0;
    background-position-y: -40px;
}
.widget ul.social-icons li a.rss{
    background: url(images/social-icons/rss.png) no-repeat;
}
.widget ul.social-icons li a.rss:hover{
    background-position-x: 0;
    background-position-y: -40px;
}
.widget ul.social-icons li a.twitter{
    background: url(images/social-icons/twitter.png) no-repeat;
}
.widget ul.social-icons li a.twitter:hover{
    background-position-x: 0;
    background-position-y: -40px;
}
.widget ul.social-icons li a.vimeo{
    background: url(images/social-icons/vimeo.png) no-repeat;
}
.widget ul.social-icons li a.vimeo:hover{
    background-position-x: 0;
    background-position-y: -40px;
}
.widget ul.social-icons li a.youtube{
    background: url(images/social-icons/youtube.png) no-repeat;
}
.widget ul.social-icons li a.youtube:hover{
    background-position-x: 0;
    background-position-y: -40px;
}
.header-sidebar ul.social-icons li a span{
    display: none;
}
.header-sidebar .widget{
    padding-top: 15px;
}