@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Goosch
Theme URI: http://goosch.lu
Author: goosch
Author URI: http://goosch.lu
Description: Theme 
/*-------Reset default browser CSS. Based on work by me
-------------------------------------------------------------- */
body,header,footer,nav,p,ul,ol,form,input,h1,h2,h3,h4,h5,h6,textarea,fieldset,blockquote,dl,dt,dd,table,td,th,tr{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:22px;}
table{border-collapse:collapse;border-spacing:0}
ul,ol{list-style:none;}
img,fieldset{border:0;}
hr{display:none;}
sup{vertical-align:super;font-size:.7em;line-height:.8em;}
sub{vertical-align:sub;font-size:.7em;line-height:.8em;}
address{font-style:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;}
/*-------css goosch-------------------------------------------------------------- */
/*fonts Helvetica neue*/
@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('../fonts/helveticaneuebold.eot');
    src: url('../fonts/helveticaneuebold.eot') format('embedded-opentype'),
         url('../fonts/helveticaneuebold.woff') format('woff'),
         url('../fonts/helveticaneuebold.ttf') format('truetype'),
         url('../fonts/helveticaneuebold.svg#HelveticaNeueBold') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueUltraLight';
    src: url('../fonts/helveticaneueultralight.eot');
    src: url('../fonts/helveticaneueultralight.eot') format('embedded-opentype'),
         url('../fonts/helveticaneueultralight.woff') format('woff'),
         url('../fonts/helveticaneueultralight.ttf') format('truetype'),
         url('../fonts/helveticaneueultralight.svg#HelveticaNeueUltraLight') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('../fonts/helveticaneuelight.eot');
    src: url('../fonts/helveticaneuelight.eot') format('embedded-opentype'),
         url('../fonts/helveticaneuelight.woff') format('woff'),
         url('../fonts/helveticaneuelight.ttf') format('truetype'),
         url('../fonts/helveticaneuelight.svg#HelveticaNeueLight') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueMedium';
    src: url('../fonts/helveticaneuemedium.eot');
    src: url('../fonts/helveticaneuemedium.eot') format('embedded-opentype'),
         url('../fonts/helveticaneuemedium.woff') format('woff'),
         url('../fonts/helveticaneuemedium.ttf') format('truetype'),
         url('../fonts/helveticaneuemedium.svg#HelveticaNeueMedium') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueUltraLightItalic';
    src: url('../fonts/helveticaneueultralightitalic.eot');
    src: url('../fonts/helveticaneueultralightitalic.eot') format('embedded-opentype'),
         url('../fonts/helveticaneueultralightitalic.woff') format('woff'),
         url('../fonts/helveticaneueultralightitalic.ttf') format('truetype'),
         url('../fonts/helveticaneueultralightitalic.svg#HelveticaNeueUltraLightItalic') format('svg');
}

/*general*/
.grid3col {overflow:hidden;}
.white {color:#fff;}
a {color:#000;text-decoration:none;}
a:hover {text-decoration:none;}
.clear {clear:both;}
.more {display:inline-block;background:url(../images/moreIcon.png) 0 0 no-repeat;width:14px;height:14px;cursor:pointer;margin-left:1px;position: relative;top:1px;}
.less {display:inline-block;background:url(../images/lessIcon.png) 0 0 no-repeat;width:14px;height:14px;cursor:pointer;}
.imgBox iframe {position: relative;z-index: 1000;width:100%;height:100%;}
.error404 a:hover{color:black!important;}
.center {text-align: center;}

html
{
   overflow:hidden;
   height:100%;
}
body
{
   position:relative;
   overflow:hidden;
   height:100%;
   -webkit-overflow-scrolling:touch; /* So iOS Safari gets the inertia & rubber-band effect */
}

#content{overflow-x: auto;height: 100%;}
#main , #primary , #push_supply{min-height:100%;}
#pusher{height:334px;clear: both;}
/*-----header------------------------------------------*/
header {font-family: 'HelveticaNeueBold';position:relative;max-width:1140px;margin:0 auto 25px;padding-top: 35px;}
header #lang_sel_list {margin-bottom:40px;}
header #lang_sel_list ul {zoom:1;overflow:hidden;height:35px;}
header #lang_sel_list ul li {float:left;margin-right:7px;width:35px;height:38px;}
header #lang_sel_list ul li a {color:#fff;font-size:20px;display:block;text-align:center;padding:2px 3px;line-height: 30px;}
header a:hover {text-decoration:none;} 
.lang_sel_sel {background-color:#df2b2a;}
.lang_sel_other {background-color:#000;}
#logoSocialBox {zoom:1;margin-bottom:65px;}
#logo {float:left;}
#logo img {width:470px;height:112px;display:block;}
header .socialNetwork {float:right;padding-top:10px;}
header .socialNetwork li {float:left;width:78px;height:78px;margin:25px 0 0 10px;}
header .socialNetwork li a {position:relative;font-size:70px;line-height:78px;color:#fff;text-align:center;display:block;padding:0;background-color:#df2b2a;}
header .socialNetwork li a:hover {color:#fff;background-color:#000;}
header .socialNetwork li a span {font-size:12px;line-height:14px;font-family: 'HelveticaNeueLight';display:none;position:absolute;color:#df2b2a;border:1px solid #fd2b2a;background:#fff;z-index:1;text-align:center;bottom:-16px;right:-60px;padding:2px;}
header .socialNetwork li a:hover span {display:inline-block;width:70px;}
#closeNav, #openNav {display:none;}
header nav ul {overflow:hidden;zoom:1}
header nav ul li {float:left;margin-right:15px;}
header nav ul li.search {position:relative;min-height:35px;min-width:225px;}
header nav ul li a {text-transform:uppercase;font-size:22px;color:#000;background:#fff;padding:0px 5px;line-height:28px;height:28px;display: inline-block;}
header nav ul li a:hover, nav ul li.current-menu-item a, nav ul li.selected a {background:#df2b2a;color:#fff;}
header nav ul li.last {float:right;margin-right:0;}
header nav ul li.last a {color:#df2b2a;background:#fff;}
nav ul li.last a:hover, nav ul li.last.current-menu-item a {color:#fff;background:#df2b2a;}
header nav ul li.nav_author{display: none;}
#sidebar {display: none;}

#rssLink{position: absolute;top:0;right:0;display: block;width:39;height:39;overflow: hidden;}
#rssLink a{display:block;background:url(../images/rss1.png) center top no-repeat;width:39px;height:39px;background-size: 100%;}
#rssLink a:hover{background:url(../images/rss1.png) center bottom no-repeat;background-size: 100%;}
/*search in nav*/
#searchform {position:absolute;top:0px;left:0;overflow:hidden;zoom:1;z-index:1;display:none;height:30px;min-width:225px;}
#searchform #s {padding:2px 0 2px 12px;margin:0 7px 0 0;display:block;float:left;border:0;background:#d3d3d2;line-height:26px;font-family: 'HelveticaNeueLight';font-size:16px;width:183px;height:30px;}
#searchform #searchsubmit {width:30px;height:30px;display:block;float:left;background:url('../images/submitSearch.gif') 0 0 no-repeat;border:0;text-indent:-99999px;cursor:pointer;}
#searchform label{display: none!important;}
/*search on search page*/
#display_search #searchform{position:relative;display:block;margin-top: 25px;}
/*-----footer-------------------------------------------*/
footer {height:334px;position:relative;font-family: 'HelveticaNeueLight';margin: 0 auto;max-width: 1140px;}
footer #topFooter {height:299px;background:#df2b2a;padding-top:30px;}
footer #topFooter .grid3col {margin:0 auto;max-width:1140px;}
footer #topFooter .grid3col>div {float:left;padding-left:20px;}
footer #topFooter .grid3col>div h2 {font-family: 'HelveticaNeueMedium';color:#fff;text-transform:uppercase;font-size:23px;margin-bottom: 5px;letter-spacing: 1px;}
/*bloque article recent*/
#lastestNews {width:557px;font-size:16px;}
#lastestNews li {margin-bottom:5px;margin-left: 3px;}
#lastestNews li a:hover {color:#fff;}

/*bloque liens*/
#links {width:190px;}
#archive {margin-bottom:5px;position: relative;}
#archive span {height: 27px;font-size: 15px;line-height: 27px;background: url('../images/archive-btn.gif') 0 0 no-repeat;cursor: pointer;width: 120px;display: inline-block;color: #fff;text-transform: uppercase;padding-left: 7px;}
#archive ul {width: 97px;border-left: 1px solid #000;border-right: 1px solid #000;background: #fff;position: absolute;top:27px;left: 0;}
#archive ul.open {display: block;}
#archive ul.close {display: none;}
#archive ul li {line-height: 27px;height: 27px;border-bottom: 1px solid #000;}
#archive ul li a {display: inline-block;color: #000;background: #fff;padding-left: 7px;width: 90px;line-height: 27px;height: 27px;}
#archive ul li a:hover {background: #df2a2b;color: #fff;}
#links nav ul li {line-height:23px;}
#links nav ul li a {font-size:15px;text-transform:uppercase;}
#links nav ul li a:hover {color: #fff;}

/*Newsletter*/
#newsletterSocialBox h2 {margin-bottom: 7px;}
#newsletterSocialBox .socialNetwork {overflow:hidden;font-family: 'HelveticaNeueBold';}
#newsletterSocialBox .socialNetwork li {float:left;width:41px;height:41px;margin:25px 10px 0 0;}
#newsletterSocialBox .socialNetwork li a {font-size:41px;line-height:41px;font-weight:bold;color:#df2b2a;text-align:center;display:block;padding:0;background-color:#fff;}
#newsletterSocialBox .socialNetwork li a:hover {color:#fff;background-color:#000;}

#newsletterSubscription {width: 253px;position: relative;}
#newsletterSubscription input {color:#000;width: 243px;font-size: 18px;font-family: 'HelveticaNeueLight';border: 0;background: #fff;padding:7px 10px 7px 10px;margin: 0 0 7px 0; border-radius:0;}
#newsletterSubscription input.wysija-submit {background: #000!important;color: #fff;font-family: 'HelveticaNeueMedium';text-align: left;cursor: pointer;border-radius:0!important;}
#newsletterSubscription input.wysija-submit:hover {background: #fff!important;color: #000;border-radius:0!important;}
#newsletterSubscription .wysija-msg .update, #newsletterSubscription .wysija-msg .error, #newsletterSubscription .wysija-msg .updated {font-family: 'HelveticaNeueLight';background:url('../images/bg-newsletter.png') 0 0 no-repeat;height: 74px;width: 234px;position: absolute;padding: 0;margin: 0;border: 0;top: -28px;left: 0;padding: 9px 0 0 9px;font-size: 18px;color: #000;}
#newsletterSubscription .wysija-msg .update ul, #newsletterSubscription .wysija-msg .error ul, #newsletterSubscription .wysija-msg .updated ul {height: 42px;width: 234px;}
#newsletterSubscription .wysija-msg .update ul, #newsletterSubscription .wysija-msg .error ul, #newsletterSubscription .wysija-msg .updated ul li {line-height: 24px;}

/*barre du bas*/
#bottomFooter {border-top:1px solid #834c3e;background:#000;height:34px;position:absolute;bottom:0;width:100%;}
#underBar {font-family: 'HelveticaNeueLight';max-width:1140px;margin:auto;height:34px;}
#underBar ul {float:right;overflow:hidden;zoom:1;height:34px;}
#underBar ul li {float:left;margin-right:40px;height:34px;line-height: 34px;}
#underBar ul li a {color:#fff;text-transform:uppercase;font-size:13px;font-weight:normal;}


/*-----Masonry container------------------------------------*/
#container {margin:0 auto 25px;max-width:1140px;position:relative;padding-bottom: 33px;}
#masonryZone {
	position:relative;
	width:1140px;
	padding-bottom: 33px;
    }

.item {
	margin-bottom:24px;
	padding-bottom:15px;
	border-bottom:1px dotted #df2b2a;
	background-color:#fff;
	position:relative;
	display:inline-block;
	
	}
.small {width:556px;height:auto;position:relative;}
.large {width:1140px;height:auto;position:relative;}
.teaser, .complete {font-family: 'HelveticaNeueLight';}

.small .teaser, .large .complete {display:block;}
.small .complete, .large .teaser {display:none;}
/*item image*/
.imgBox {margin:0 0 25px 0;overflow:hidden;text-align:center;position:relative;}
.imgBox img {position:absolute;display:block;cursor: pointer;}

/*common css to item at small and large render*/
.item .catDateAuthor p.cat span {line-height:26px;margin:0 12px 0 0;height: 26px;display: inline-block;}
.item .catDateAuthor p.cat span a {color:#fff;text-transform:uppercase;font-family: 'HelveticaNeueMedium';font-size:20px;padding:0px 10px;background:#df2b2a;}
.item .catDateAuthor p.cat span a:hover {background:#000;}
/*.item .catDateAuthor p.cat span{color:#fff;text-transform:uppercase;font-family: 'HelveticaNeueMedium';font-size:20px;background:#df2b2a;}
/*item's category+date+author of article in teaser*/
.teaser .catDateAuthor {position:static;}
.teaser .catDateAuthor p.cat span {float:left;}
.teaser .dateAuthor {margin-bottom:20px;line-height:25px;}

.teaser .catDateAuthor .date, .item .catDateAuthor .author {text-transform:uppercase;font-size:11px;}
.teaser .dateAuthor .author .nameAuthor {font-family: 'HelveticaNeueMedium';}

/*Style texte content in teaser*/
.teaser .txt {font-size:18px;line-height:24px;clear:both;}
.teaser h2 {font-family: 'HelveticaNeueMedium';font-size:35px;line-height:44px;margin:0 0 35px 0;cursor:pointer;color:#000;}
.teaser h2:hover {color:#df2b2a;-webkit-text-stroke-color: #df2b2a;}
.teaser h2:active{color:#df2b2a;}
.teaser .txt p, .teaser .txt ul {margin:5px 0;}
.teaser .txt a {color:#df2b2a;text-decoration:none;border-bottom:1px dotted #df2b2a;}
.teaser .txt a:hover {border-bottom:1px dotted #000;}

/*item's category+date+author of article in Complete*/
.complete .catDateAuthor {right:0;position:absolute;width:280px;}
.complete .authorPics {float:left;margin-right:10px;}
.complete .authorPics img{width:70px;height:70px;}
.complete .dateAuthor {line-height:19px;}

.complete .catDateAuthor .date, .item .catDateAuthor .author {text-transform:uppercase;font-size:11px;}
.complete .dateAuthor .author .nameAuthor {font-family: 'HelveticaNeueMedium';}
.complete .dateAuthor .author .nameAuthor a:hover{color: #df2b2a;}
.complete .catDateAuthor .socialShare {font-family: 'HelveticaNeueBold';}
.complete .catDateAuthor .socialShare a {margin-right:3px;color:#fff;padding:3px 7px;font-size:12px;background:#df2b2a;font-weight:bold;position:relative;}
.complete .catDateAuthor .socialShare a:hover {background:#000;}
.complete .catDateAuthor .socialShare a span{font-size:12px;font-family: 'HelveticaNeueLight';display:none;position:absolute;color:#df2b2a;border:1px solid #fd2b2a;background:#fff;z-index:1;text-align:center;top:14px;left:16px;}
.complete .catDateAuthor .socialShare a:hover span{display:inline-block;min-width:150px;}

/*Style texte content in teaser*/
.complete .txt {font-size:18px;line-height:24px;clear:both;}
.complete h2 {font-family:'HelveticaNeueMedium';float:left;width:850px;font-size:35px;line-height:50px;margin:0 0 35px 0;cursor:pointer;color:#000;}
.complete h2:hover {color:#df2b2a;}
.complete .txt p, .complete .txt ul {margin:5px 0;}
.complete .txt a {color:#df2b2a;text-decoration:none;border-bottom:1px dotted #df2b2a;}
.complete .txt a:hover {border-bottom:1px dotted #000;}
.complete .txt iframe{max-width: 100%;}

/*pagination*/
ul.page-numbers {position: absolute;bottom: 0;left: 0;margin-bottom: 10px;}
ul.page-numbers li {position: static;float: left;width: 33px;margin-right: 5px;}
ul.page-numbers li a, ul.page-numbers li .current {width: 33px;line-height: 33px;font-size:30px;color: #fff;font-family: 'HelveticaNeueBold';background: #df2b2a;display: block;text-align: center;}
ul.page-numbers li a:hover {background: #000;}
ul.page-numbers li .current {background: #000;}
ul.page-numbers li a.prev {text-indent: -9999px;background: url(../images/prev.gif) 0 0 no-repeat;}
	ul.page-numbers li a.prev:hover {background-position: 0 -33px;}
ul.page-numbers li a.next {text-indent: -9999px;background: url(../images/next.gif) 0 0 no-repeat;}
	ul.page-numbers li a.next:hover {background-position: 0 -33px;}

/*result page*/
#searchResult {}
.result.noImg {position:relative;overflow:hidden;padding:0 0 20px 0;border-bottom:1px dotted #df2b2a;background-color:#fff;margin-bottom:25px;}
.result {position:relative;overflow:hidden;padding:0 0 20px 282px;border-bottom:1px dotted #df2b2a;background-color:#fff;margin-bottom:25px;}
#reminderSearch {padding:30px 0 60px 0;font-size:42px;font-family: 'HelveticaNeueUltraLight';}
#reminderSearch span{color:#df2b2a;}
#post-0 .entry-content {padding:30px 0 60px 0;font-size:42px;font-family: 'HelveticaNeueUltraLight';}
#post-0 .entry-content span{color:#df2b2a;}
.result .imgBox {float:left;margin-left:-282px;}
.result .imgBox img { height: auto; position: relative; width: 275px;}

.result .contentResult {}
.result .catDateAuthor {font-family: 'HelveticaNeueLight';text-transform:uppercase;font-size:12px;padding-top:6px;overflow:hidden;}
.result .catDateAuthor p.cat span {float:left;margin:0 12px 0 0;}
.result .catDateAuthor p.cat span a {line-height:22px;padding:1px 3px;color:#fff;text-transform:uppercase;font-family: 'HelveticaNeueMedium';font-size:20px;background:#df2b2a;}
.result .catDateAuthor p.cat span a:hover {background:#000;}
.result .dateAuthor {line-height:25px;}
.result .authorPics, .result .catDateAuthor .socialShare {display:none;}
.result h2 {font-family: 'HelveticaNeueMedium';font-size:36px;line-height:46px;margin:0 0 15px 0;clear:none;}
.result h2:hover {color:#df2b2a;}
.result .txt .teaser {font-family: 'HelveticaNeueLight';padding-right:15px;line-height: 24px;}
.result .txt .complete {display:none;font-family: 'HelveticaNeueLight';padding-right:15px;}
#post-0 {font-family: 'HelveticaNeueLight';}
#post-0 h1{font-family: 'HelveticaNeueMedium';}
/*authors*/
#authorsList h2.title {color:#df2a2b;padding:30px 0 60px 0;font-size:42px;font-family: 'HelveticaNeueBold';text-transform:uppercase;}
.authorItem {
	width:376px;height:170px;
	margin-bottom:10px;
	padding-bottom:15px;
	background-color:#fff;
	position:relative;
	padding-left:180px;
        float:left;
}
#authorsList .authorPics {float:left;margin-left:-180px;}
#authorsList .authorPics img {width:170px;height:170px;}
#authorsList h2.name {margin-bottom:25px;max-width:350px;height:32px;line-height:32px;font-family: 'HelveticaNeueBold';text-transform:uppercase;}
#authorsList h2.name span {background:#df2a2b;display:inline-block;max-width:350px;max-height:32px;padding:4px 5px;}
#authorsList h2.name span:hover {background:#000;}
#authorsList h2.name span a {color:#fff;}

.authorItem .txt {font-size:18px;line-height:22px;font-family: 'HelveticaNeueLight';}
.authorItem .txt p, .authorItem .txt ul {margin:5px 0;}
.authorItem .txt a {color:#df2b2a;text-decoration:none;border-bottom:1px dotted #df2b2a;}
.authorItem .txt a:hover {border-bottom:1px dotted #000}
                              
/*author page */ 
/*ziauthor*/
#author {padding: 0 0 0 580px;min-height: 550px;position: relative;}
#author .imgBox {float: left;margin-left: -580px;width: 550px;height: 550px;}
#author .imgBox img{width:100%;height: 100%;}
#author .txt {font-size:16px;line-height:22px;font-family: 'HelveticaNeueLight';}
#author .authorName {margin-bottom: 35px;}
#author .authorName span a {line-height:30px;padding:3px 5px;color:#fff;text-transform:uppercase;font-family: 'HelveticaNeueMedium';font-size:30px;background:#df2b2a;display: inline-block;}
#author .authorName .socialShare {display: inline-block;position:relative;top: 7px;}
#author .authorName .socialShare a {position: relative;font-family: 'HelveticaNeueMedium';margin-right:3px;color:#fff;padding:4px 7px;font-size:16px;line-height: 16px;background:#df2b2a;font-weight:bold;display: inline-block;float: left;}
#author .authorName .socialShare a span{font-size:12px;font-family: 'HelveticaNeueLight';display:none;position:absolute;color:#df2b2a;border:1px solid #fd2b2a;background:#fff;z-index:1;text-align:center;top:14px;left:20px;font-weight: normal;padding:0 2px;text-transform: none;}
#author .authorName .socialShare a:hover span{display:inline-block;}

#author .txt h3 {font-size: 24px;}


#authorArticles h2.title {padding:30px 0 60px 0;font-size:42px;font-family: 'HelveticaNeueUltraLight';font-weight: normal;}
#authorArticles h2.title span{color:#df2a2b;}
/*layout screen less than 480 px*/
@media only screen and (max-width: 711px) {
	/*general*/
    body {height: 100%;}
	body, #container , #masonryZone, .imgBox {max-width: 100%;}
	#masonryZone {
		position:relative;
		max-width: 100%;
		margin: 0 auto;
    }
    .small {width:100%;height:auto;position:relative;}
	/*les disparus*/
	footer, header .socialNetwork, #pusher{display:none;}
        

	/*header*/
	#logo, header #lang_sel_list {margin-left:2%;}
	#logo img {width:200px;height:48px;}
	/*nav*/
	#closeNav {display:none;height:44px;width:44px;background:url(../images/closeNav.gif) 0 0 no-repeat;cursor:pointer;float:right;margin-top:5px;}
	#openNav {display:block;width:81px;height:29px;background:url(../images/openMobileNav.gif) 0 0 no-repeat;cursor:pointer;position:absolute;top:5px;right:5px;}
	header nav {position:absolute;top:0;right:0;z-index:55;min-width:81px;min-height:29px;background:url(../images/whiteBGnav.png) 0 0 repeat;padding:5px;}
	header nav ul {display:none;text-align:right;}
	header nav ul li {float:none;margin-right:0;min-height:35px;}
	header nav ul li.search {position:relative;min-height:35px;min-width:225px;}
	header nav ul li a {text-transform:uppercase;font-size:18px;color:#fff;background:#df2a2b;padding:2px 5px;}
	header nav ul li a:hover, nav ul li.selected a {background:#000;color:#fff;}
	header nav ul li.last {float:none;margin-right:0;}
	header nav ul li.last a {color:#fff;background:#df2b2a;}
	nav ul li.last a:hover {color:#fff;background:#000;}
	header nav ul li.nav_author{display: block;}
       
       #rssLink{display: none;} 
    .item{max-width: 100%;overflow: hidden;}
	.imgBox {max-width: 100%;overflow: hidden;margin:0 0 12px 0;}
	.imgBox img {}
	.item .catDateAuthor {padding:0 8px;margin-bottom:10px;position:static;}
	.item .catDateAuthor p.cat span {line-height:22px;margin:0 12px 0 0;}
	.item .teaser .catDateAuthor p.cat span {float:left;}
	.item .complete .catDateAuthor p.cat span {float:none;}
	.item .catDateAuthor p.cat span a {font-size:14px;}
	.item .complete .authorPics {float:left;margin-right:15px;}
	.item .dateAuthor {margin-bottom:0;}
	.item .teaser .dateAuthor {line-height:23px;}
	.item .complete .dateAuthor {line-height:19px;}
	.item .catDateAuthor .date, .item .catDateAuthor .author {text-transform:uppercase;font-size:11px;}
	.item .catDateAuthor .author strong {font-weight:bold;}
	.item .complete .catDateAuthor .socialShare {font-family: 'HelveticaNeueBold';}
	.item .complete .catDateAuthor .socialShare a {margin-right:3px;color:#fff;padding:3px 7px;font-size:12px;background:#df2b2a;font-weight:bold;position:relative;}
	.item .complete .catDateAuthor .socialShare a:hover {background:#000;}
	.item .complete .catDateAuthor .socialShare a span{font-size:12px;font-family: 'HelveticaNeueLight';display:none;position:absolute;color:#df2b2a;border:1px solid #fd2b2a;background:#fff;z-index:1;text-align:center;top:14px;left:16px;}
	.item .complete .catDateAuthor .socialShare a:hover span{display:inline-block;min-width:150px;}
	
	/*Style texte content in item*/
	.item .txt {font-size:14px;line-height:16px;padding:0 8px;}
	.item h2 {width:100%;font-size:26px;line-height:28px;margin:0 0 25px 0;padding:0 8px;clear:both;}
	.item .txt p, .item .txt ul {margin:5px 0;}
	.item .txt a {color:#df2b2a;text-decoration:none;border-bottom:1px dotted #df2b2a;}
	.item .txt a:hover {border-bottom:1px dotted #000;}

    #author {padding: 0 0 0 0px;min-height: 320px;position: relative;}
    #author .imgBox {float: none;margin-left: 0;width: 320px;height: 320px;}
    #author .imgBox img {width: 320px;height: 320px;}
    #reminderSearch {
    font-size: 28px;
    padding: 0 0 25px;
}
    .result {position:relative;overflow:hidden;padding:0 0 12px 0px;margin-bottom:12px;}
    .result h2{padding:0 7px;}
    .result .imgBox {float:none;margin-left:0px;}
    .result .imgBox img { height: auto; position: relative; width: 320px;margin-bottom: 10px;}
    .result .txt .teaser{padding:0 7px;}
    .result .catDateAuthor {font-size:12px;padding-top:6px;overflow:hidden;}
}

/*screen between 480 and 768 px*/
@media only screen and (min-width: 480px) and (max-width: 711px) {
    body {max-width: 100%;height: 100%;}
	#container , #masonryZone, .imgBox {max-width: 100%;}
	#masonryZone {
		position:relative;
		max-width: 100%;
		margin: 0 auto;
    }
    .small {width:100%;height:auto;position:relative;}
	/*les disparus*/
	footer, header .socialNetwork {display:none;}
	/*header*/
	#logo, header #lang_sel_list {margin-left:2%;}
	#logo img {width:300px;height:73px;}
	/*nav*/
	#closeNav {display:none;height:44px;width:44px;background:url(../images/closeNav.gif) 0 0 no-repeat;cursor:pointer;float:right;margin-top:5px;}
	#openNav {display:block;width:81px;height:29px;background:url(../images/openMobileNav.gif) 0 0 no-repeat;cursor:pointer;position:absolute;top:0;right:0;}
	header nav {position:absolute;top:5px;right:5px;z-index:55;min-width:81px;min-height:29px;background:url(../images/whiteBGnav.png) 0 0 repeat;}
	header nav ul {display:none;text-align:right;}
	header nav ul li {float:none;margin-right:0;min-height:35px;}
	header nav ul li.search {position:relative;min-height:35px;min-width:225px;}
	header nav ul li a {text-transform:uppercase;font-size:18px;color:#fff;background:#df2a2b;padding:2px 5px;}
	header nav ul li a:hover, nav ul li.selected a {background:#000;color:#fff;}
	header nav ul li.last {float:none;margin-right:0;}
	header nav ul li.last a {color:#fff;background:#df2b2a;}
	nav ul li.last a:hover {color:#fff;background:#000;}
    header nav ul li.nav_author{display: block;}
    #rssLink{display: none;}
	

	.item {max-width: 100%;overflow: hidden;}
	.imgBox {margin:0 0 12px 0;overflow: hidden;max-width: 100%;}
	.item .imgBox img {position:absolute;display:block;}
	.item .catDateAuthor {padding:0 8px;margin-bottom:10px;position:static;}
	.item .catDateAuthor p.cat span {line-height:22px;margin:0 12px 0 0;}
	.item .teaser .catDateAuthor p.cat span {float:left;}
	.item .complete .catDateAuthor p.cat span {float:none;}
	.item .catDateAuthor p.cat span a {font-size:14px;}
	.item .complete .authorPics {float:left;margin-right:15px;}
	.item .dateAuthor {margin-bottom:0;line-height:23px;}
	.item .teaser .dateAuthor {line-height:23px;}
	.item .complete .dateAuthor {line-height:19px;}
	.item .catDateAuthor .date, .item .catDateAuthor .author {text-transform:uppercase;font-size:11px;}
	.item .catDateAuthor .author strong {font-weight:bold;}
	.item .complete .catDateAuthor .socialShare {font-family: 'HelveticaNeueBold';}
	.item .complete .catDateAuthor .socialShare a {margin-right:3px;color:#fff;padding:3px 7px;font-size:12px;background:#df2b2a;font-weight:bold;position:relative;}
	.item .complete .catDateAuthor .socialShare a:hover {background:#000;}
	.item .complete .catDateAuthor .socialShare a span{font-size:12px;font-family: 'HelveticaNeueLight';display:none;position:absolute;color:#df2b2a;border:1px solid #fd2b2a;background:#fff;z-index:1;text-align:center;top:14px;left:16px;}
	.item .complete .catDateAuthor .socialShare a:hover span{display:inline-block;min-width:150px;}
	
	/*Style texte content in item*/
	.item .txt {font-size:14px;line-height:16px;padding:0 8px;}
	.item h2 {width:100%;font-size:26px;line-height:28px;margin:0 0 25px 0;padding:0 8px;clear:both;}
	.item .txt p, .item .txt ul {margin:5px 0;}
	.item .txt a {color:#df2b2a;text-decoration:none;border-bottom:1px dotted #df2b2a;}
	.item .txt a:hover {border-bottom:1px dotted #000;}

	#author {padding: 0 0 0 0px;min-height: 480px;position: relative;}
    #author .imgBox {float: none;margin-left: 0;width: 480px;height: 480px;}
    #author .imgBox img {width: 480px;height: 480px;}
    .result {position:relative;overflow:hidden;padding:0 0 12px 0px;margin-bottom:12px;}
    .result .imgBox {float:none;margin-left:0px;}
    .result .imgBox img { height: auto; position: relative; width: 480px;margin-bottom: 10px;}

    .result .catDateAuthor {font-size:12px;padding-top:6px;overflow:hidden;}
    
}

/*screen between 768 and 1024 px*/
@media only screen and (min-width: 712px) and (max-width: 991px) {
    #container {margin: 0 auto;}
	#container , #masonryZone, .large, .large .imgBox, header,#underBar {width:712px;}
	.imgBox img {}
	.small, .small .imgBox {width:344px;}
	.item .complete h2 {width:400px;}
    #logo img {width:360px;height:86px;}
	/*nav*/
    header nav ul li {margin-right:8px;}
	header nav ul li a {font-size:15px;}

    header .socialNetwork li {width:70px;height:70px;margin:20px 0 0 10px;}
    header .socialNetwork li a {font-size:60px;line-height:70px;}
    header .socialNetwork li a:hover span {width:64px;}
	
	/*-----footer-------------------------------------------*/
	footer #topFooter .grid3col {max-width:712px;}
	footer #topFooter .grid3col div h2 {font-size:23px;margin-bottom:12px}
	/*bloque article recent*/
	#lastestNews {width:298px;font-size:14px;}
	#lastestNews li {margin-bottom:5px;}
	
	/*bloque liens*/
	#links {width:140px;}
	p#archive {height:24px;margin-bottom:5px;}
	#links nav ul li {line-height:18px;}
	#links nav ul li a {font-size:14px;text-transform:uppercase;}
	
	/*Newsletter*/
	#newsletterSocialBox {width:210px;}
	#newsletterSocialBox .socialNetwork li {width:35px;height:35px;}
	#newsletterSocialBox .socialNetwork li a {font-size:35px;line-height:35px;}

    #author {padding: 0 0 0 340px;min-height: 320px;position: relative;}
    #author .imgBox {float: left;margin-left: -340px;width: 320px;height: 320px;}
	#author .imgBox img {width: 320px;height: 320px;}
    .teaser h2{letter-spacing: -0.5px;}
    
header .socialNetwork {
    padding-top: 3px;
}
header .socialNetwork li {
    height: 61px;
    margin: 20px 0 0 10px;
    width: 64px;
}
header .socialNetwork li a {
    font-size: 55px;
    line-height: 64px;
}
#newsletterSubscription input {
    width: 214px;
}

}

/*screen between 1024 and 1140 px*/
@media only screen and (min-width: 992px) and (max-width: 1140px) {
    #container {margin : 0 auto;}
	#container , #masonryZone, .large, .large .imgBox, header,#underBar {width:992px;}
	.small, .small .imgBox {width:484px;}
	.item .complete h2 {width:650px;}
	
    #author {padding: 0 0 0 450px;min-height: 430px;position: relative;}
    #author .imgBox {float: left;margin-left: -450px;width: 430px;height: 430px;}
    #author .imgBox img {width: 430px;height: 430px;}

	/*-----footer-------------------------------------------*/
	footer #topFooter .grid3col {max-width:992px;}
	footer #topFooter .grid3col div h2 {font-size:23px;}
	/*bloque article recent*/
	#lastestNews {width:452px;font-size:18px;}
	#lastestNews li {margin-bottom:5px;}
	
	/*bloque liens*/
	#links {width:160px;}
	p#archive {height:30px;margin-bottom:5px;}
	#links nav ul li {line-height:20px;}
	#links nav ul li a {font-size:16px;text-transform:uppercase;}
	
	/*Newsletter*/
	#newsletterSocialBox {width:222px;}
	#newsletterSocialBox .socialNetwork li {width:38px;height:38px;}
	#newsletterSocialBox .socialNetwork li a {font-size:38px;line-height:38px;}
}