@charset "utf-8";
/* =========================================================================
PROD !!
========================================================================== */
/* ==========================================
   Main navigation
   ========================================== */
#nav-wrapper {
    background: #000;
    height: 30px;
    /* width: 100%; */
	max-width : 930px ;
	margin : 0 auto ;
    z-index: 1000;
}


.nav-section > a:hover,
.nav-section > a.hover,
.nav-section > ul > li:hover > a,
.nav-section > ul > li.with-submenu:hover a.current {
    background: #e7342a;
    border-bottom-color: #e7342a;
    color: #f8c2c0;
}

.sub-menu {
    background: #E7342A;
}

.sub-menu dt {
    background: #f0675f;
    color: #f0aca8;
    font-weight: 700;
    line-height: 21px;
    padding: 0 0 0 6px;
    text-transform: uppercase;
}

/* ==========================================
   Navigation by sectors
   ========================================== */
.sector-nav {
    font: 600 12px 'Open Sans';
    margin: 14px 0 14px 1px;
}

.sector-nav a {
    background: #d5d9db;
    color: #000;
    float: left;
    line-height: 37px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 89px;
}

.sector-nav a + a {
    margin-left: 2px;
}

.sector-nav a span:first-child {
    display: block;
    height: 56px;
    opacity: .7;
    width: 89px;
}

.sector-nav a:hover span:first-child,
.sector-nav .current span:first-child {
    opacity: 1;
}

.sector-nav a span {
    display: inline-block;
    line-height: 1.2;
    vertical-align: middle;
}

.sector-nav .current,
.sector-nav a.current:hover {
    background-color: red;
    color: #fff;
}

/* ==========================================
   Login form
   ========================================== */
.login-form {
    font: 11px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    background: #c5d5dc;
    margin: 3px 0 20px;
    padding: 6px 10px 3px;
}

.login-form .h2-like {
    color: #093448;
    font-size: 1.333em;
    text-transform: uppercase;
}

.login-form .h2-like span {
    font-size: 1.333em;
}

.login-form span {
    color: #eef2f5;
    font-size: 1.333em;
    margin-right: 4px;
}

.login-form input[type="text"],
.login-form input[type="password"] {
    border: 0;
    color: #849aa5;
    font: 11px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    height: 18px;
    padding: 3px 9px;
    vertical-align: top;
    width: 100px;
}

.login-form input[type="submit"] {
    background: #2f526c;
    border: 0;
    color: #fff;
    font: 700 13px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    height: 24px;
    padding: 0 6px;
}

.login-form a {
    color: #09374c;
}

.login-form .account-creation-link {
    background: red;
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    line-height: 23px;
    padding: 0 6px;
    text-transform: uppercase;
}

/* ==========================================
   Aside block
   ========================================== */
.aside-block {
    margin-top: 10px;
}

.aside-block .h2-like {
    font-size: 16px;
    text-transform: uppercase;
}

/* ==========================================
   Aside block poll
   ========================================== */
.poll {
    background: #e0e0e0;
    color: #000;
    padding: 0 10px 10px;
}

.poll .h2-like {
    background: #e7342a;
    color: #fff;
    line-height: 28px;
    margin: 0 -10px 10px;
    padding: 0 10px;
    position: relative;
}

.poll input,
.poll label {
    vertical-align: middle;
}

.poll input {
    margin-right: 4px;
}

.poll p {
    line-height: 1.2;
    margin: 0 0 3px;
}

.poll p b {
    font-size: 1.083em;
}

.bar{
	background:#828282;
}

.poll .more a {
    color: #3a5770;
}

.poll .alreadyVoted{
	margin-top:5px;
	color:#666;
	font-size:0.8em;
}

/* ==========================================
   Aside block quizz
   ========================================== */
.quizz {
    background: #000;
    color: #fff;
    overflow: hidden;
    padding: 10px;
}

.quizz .h2-like + p {
    color: #999;
    font: 16px museoSlab500;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase;
}

.quizz .h3-like {
    background: #572f9b;
    font-size: 1em;
    line-height: 22px;
    text-transform: uppercase;
    padding: 0 10px;
    margin: 10px -10px;
}

.quizz .float-left + p {
    font-weight: 700;
    margin: 0 0 0 92px;
}

/* ==========================================
   Aside top articles block
   ========================================== */
.top-articles {
    background: #577384;
    padding: 10px;
}

.top-articles .tabs-articles .ui-state-default a,
.top-articles .tabs-articles .ui-state-default a:link,
.top-articles .tabs-articles .ui-state-default a:visited {
    border-top: 3px solid #577384;
    background: #abb9c2;
    color: #516476;
    font: 700 11px/21px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    padding: 0 9px;
}

.top-articles .tabs-articles .ui-state-active a,
.top-articles .tabs-articles .ui-state-active a:link,
.top-articles .tabs-articles .ui-state-active a:visited {
    background: #fff;
    border-top-color: #fff;
    color: #000;
}

.top-articles .tabs-articles article {
    float: none;
    font-size: 0.917em;
    margin: 0 0 10px 20px;
    width: 260px;
}

.top-articles .tabs-articles.ui-tabs .ui-tabs-panel {
    background: #fff;
    border: 0;
}

.top-articles .tabs-articles article p {
    margin: 0 0 0 60px;
}

.top-articles .tabs-articles article a {
    color: #000;
}

.top-articles .tabs-articles article a:hover {
    color: #da0019;
}

.top-articles .tabs-articles article .meta {
    color: #3a6670;
    font-weight: 400;
}

.top-articles .more {
    margin: 0;
    width: 290px;
}

.top-articles .more a {
    color: #999;
    font-size: 0.917em;
    font-weight: 400;
    text-decoration: underline;
}


/* =============================================================================
   Modules
   ========================================================================== */

.module .module-pagination .pause {
    background: #fff;
    color: #E93326;
}

.module .module-navigation > span a {
    color: #555;
    margin-left: 5px;
    text-decoration: underline;
}

.module-arrow:after {
    border-color: #E93326 transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    bottom: -10px;
    content: '';
    height: 0;
    left: 15px;
    position: absolute;
    width: 0;
}

.chiffre-semaine {
    background: #E93326;
    color: #fff;
}

/* les brèves */
.breves {
	margin-top: 10px;
    background: #e0e0e0;
}

.breves p {
    margin: 0;
}

.breves .h2-like {
    background: #E93326;
    color: #fff;
    text-transform: uppercase;
}

.breves .lede {
    font-size: 12px;
    margin-bottom: 3px;
}

.breve-content {    
    padding: 0 0 10px 25px;
    position: relative;
	height:40px;
}

.news_style{display:none;margin-left:3px;vertical-align:top;}
.news_move {position: relative;}
.news_title{width:300px;text-align:left;font-size:80%;font-weight:700;padding:0 5px;color:black}
#newscount{font-size:80%;}
.mybreve{width:255px;min-height:170px;margin-left:10px;vertical-align:top;}
.breves img{max-width:100px;max-height:100px;}

.book:before {
    font-family: 'icomoon';
    color: #9c9c9c;
    content: '\e607';
    speak: none;
    font-size: 20px;
    font-weight: normal;
    font-variant: normal;
    position: absolute;
    left: 0;
    top: 0;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.breve-content ~ .breve-content:before {
    color: #bfbfbf;
}

.breves .slide a {
    color: #000;
}

.breves .h3-like {
    background: #828282;
    color: #fff;
    line-height: 21px;
    margin: 0 -10px 12px;
    padding: 0 0 0 36px;
    position: relative;
    text-transform: uppercase;
}

.breves .h3-like:after {
    border-color: #828282 #e0e0e0 #e0e0e0 #e0e0e0;
}

.breves .article-pagination a span {
    font-size: 11px;	
}
.breves .article-pagination #news_prev{
	background: #c4cfd3;
}

.breves .article-pagination #news_prev:hover  {
    background: #A6B1B5 !important;
}

.breves .article-pagination #news_next {
    background: #E93326;
	cursor: pointer;
}

.breves .article-pagination #news_next:hover  {
    background: #CF3226;
}

.breves .article-pagination #news_pause {
    background: #fff;
    color: #E93326;
	cursor: pointer;
	padding-top:2px;
}

.breves .article-pagination #news_pause:hover {
    background: #fff;    
}

/* culture & vous */
.culture {
    background: #efefef;
}

.culture .h2-like {
    background: #E93326;
    color: #fff;
    margin-bottom: 1px;
    text-transform: uppercase;
}

.culture .accordion-header {
    background: #ababab url('/reussir/www/img/plus-moins.gif') no-repeat 280px 50%;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    margin: 0 -10px 1px;
    padding-right: 20px;
}

.culture .accordion-header span {
    background: #969696;
    display: block;
    padding: 5px 42px 5px 10px;
}

.culture .accordion-header.selected {
    background-color: #7c7c7c;
    background-position: 259px 50%;
}

.culture .accordion-header.selected span {
    background: #5b5b5b;
}

.culture .accordion-panel {
    padding-bottom: 5px;
}

.culture .h3-like {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 3px;
}

.culture-content, .culture-content a {
    color: #474747;
}

.culture-content .wrapper{
	padding:0 0 0 5px;
}

.culture-content img, .culture-content a img {
    float: right;
    margin-left: 10px;
}

.culture .more {
    color: #73b6d2;
}

.derniere-recherche {
    background: #c1cad2;
    color: #4d677e;
}

.derniere-recherche .h2-like {
    margin-bottom: 5px;
    padding-top: 5px;
    text-transform: uppercase;
}

.derniere-recherche a {
    color: #4d677e;
    display: inline-block;
    font: 11px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    line-height: 16px;
    margin-bottom: 4px;
    padding: 0 4px;
}

.bg1, .bg2, .bg3, .bg4 {    
	opacity:1 !important;
}

.bg1 {
    background: #fff;
}
.bg1:hover {
	background: #EFEFEF;
}

.bg2 {
    background: #EFEFEF;
}
.bg2:hover {
	background: #DFDFDF;
}

.bg3 {
    background: #DFDFDF;
}
.bg3:hover {
	background: #CFCFCF;
}

.bg4 {
    background: #cdd5db;
}
.bg4:hover{
	 background: #C2C9CF;
}

.tagInCloud{
	color: #4d677e;	
}

/* =============================================================================
   Widget Flux RSS externe
   ========================================================================== */


.rss {
    background: #e8e8e8;
}

.rss .h2-like {
    margin-bottom: 5px;
    padding-top: 5px;
    text-transform: uppercase;
}

.rss .h3-like {
    background: #E93326;
    color: #fff;
    font-weight: 700;
    line-height: 21px;
    margin: 0 -10px 12px;
    padding: 0 0 0 10px;
    position: relative;
    text-transform: uppercase;
}

.rss .h3-like:after {
    border-color: #E93326 #e8e8e8 #e8e8e8 #e8e8e8;
}

.rss-content {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rss-content li {
    margin: 0 0 10px;
    padding: 0 0 0 25px;
    position: relative;
	min-height:30px;
}

.rss-content li:before {
    color: #a2a2a2;
    font-size: 22px;
    position: absolute;
    left: 0;
    top: 0;
}

.rss-content a {
    color: #000;
}

.rss-content a span {
    color: #999;
}

.rss-content a .date {
    color: #E93326;
}

.rss .module-navigation a {
    font: 700 13px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    background: #b1b1b1;
}

.rss .module-navigation a.current {
    color: #b1b1b1;
    background: #fff;
}

/* =============================================================================
   Module journal
   ========================================================================== */

.journal .h2-like {
    background: #E93326;
    color: #fff;
    margin: -10px -10px 20px;
    padding: 0 10px 0 34px;
    text-transform: uppercase;
}

/* =============================================================================
   Phrase de la semaine
   ========================================================================== */
.phrase {
    background: #e0e0e0;
    font-size: 12px;
}

.phrase .h2-like {
    background: #e7342a;
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
}

.phrase blockquote {
    background: #577384;
    color: #d8ecf4;
    margin: 0 -10px;
    position: relative;
}

.phrase blockquote:before {
    font-family: 'icomoon';
    content: "\e604";
    speak: none;
    font-size: 20px;
    font-weight: normal;
    font-variant: normal;
    position: absolute;
    left: 11px;
    top: 5px;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.phrase p {
    margin: 0;
    padding: 0 20px 0 35px;
    position: relative;
}

.phrase .module-arrow {
    padding-top: 5px;
    padding-bottom: 10px
}

.phrase .module-arrow:after {
    border-color: #577384 #E0E0E0 #E0E0E0;
    left: 33px;
}

.phrase .author {
    background: #e0e0e0;
    color: #2d2d2d;
    padding-top: 10px;
}

/* =============================================================================
   Chiffre de la semaine
   ========================================================================== */
.chiffre {
    background: #E0E0E0;
    color: #2d2d2d;
    font-size: 12px;
    overflow: hidden;
}

.chiffre .h2-like {
    background: #E7342A;
    color: #fff;
    text-transform: uppercase;
}

.chiffre .nombre {	
	margin: 0 20px 5px 0;
	min-width: 100%;
    font-size: 50px;
	line-height: 1; 
	vertical-align: text-top;    
	color:#577384;
}



/* =============================================================================
   Liste des ancien numéros
   ========================================================================== */
.widget-page.edition .headband, .widget-page.editions .headband {    
    background-color: #449FCC;
}

.widget-page.edition .offer {
	padding:5px;
}

.widget-page.edition .offer .couv {
    width:20%;	
}

.widget-page.edition  article .couv {
    width:300px;
	border:1px solid #ccc;
}

.widget-page.edition aside {
	width:265px;
	padding:0 8px;	
}

.widget-page.edition aside header {	
	padding:0 0 8px 0;	
}

.widget-page.editions .imageLink {	
	margin-right: 15px;
}

.widget-page.editions aside.edition-attachment {	
	padding: 0;
}

.widget-page.editions aside.edition-attachment .icon-attachment{	
	float:right;
}

.widget-page.editions aside.edition-attachment section{	
	width:240px;
	padding:0;
}

.widget-page.editions aside.edition-attachment .couvLink{	
	text-align:right;
	text-decoration:none;
}

.widget-page.editions .metas {
    width:100%;
	margin:-10px 0 0;
    padding:0;
}
.widget-page .metas span {
	padding:0;
}
.widget-page .metas .text {
	display:block;
	min-height:10px;	
}

.widget-page .metas .clear {
	position : relative;
	margin-top:8px;
	height: 0; overflow: hidden;
}

.widget-page .metas .seeEdito{		
	clear:right;
	text-decoration:underline;	
	cursor:pointer;		
}

.widget-page .metas .seeEdito:hover{	
	color:#449FCC;	
}

.widget-page.editions .metas .hide{
	display:none;
}

.widget-page.editions .metas .edito{
	width:100%;	
}

.editions .top70 {	
	min-height:90px;
}

.editions .metas h2, .editions .metas p {	
	padding-left:120px;
}

.widget-page .edition .metas strong, .editions .total-offers, .widget-page .editions .tag { 
	padding:0 5px;
	color: #449FCC;
}

/* =============================================================================
   Culture et vous
   ========================================================================== */
  
.widget-page.culture .headband {
    background-color: #E93326;
}

.widget-page.network h2 {
    color: red;	
}

.widget-page.network p {
	margin:0;
}

.widget-page.network p a {
	color:#465F73;
}

.widget-page.culture .metas .keyword, .widget-page.culture .metas .keyword a {
    background: #E93326;
    color: #fff;
	padding:0 6px;
}

.back:hover{
	background: #C5D5DC;
	color: #465f73;
}


/* =============================================================================
   Offre d’essai
   ========================================================================== */
.widget-page.suscribe {
    color: #000;
}

.widget-page.suscribe .headband {    
    background-color: #da0000;
}

.suscribe-lead {
    overflow: hidden;
    margin-bottom: 30px;
}

.suscribe-lead img {
   border:1px solid #CFCFCF;
   padding:2px;
}

.suscribe-lead-illustration {
    float: left;
    margin-right: 15px;
    width: 252px;
}

.suscribe-lead-body {
    overflow: hidden;
}

.suscribe-lead-heading {
    color: red;
    font-size: 16px;
    font-weight: 700;
}

.form-subscription {
    color: #2f526c;
}

.form-subscription-segment {
    background-color: #e0ebf2;
    margin-bottom: 10px;
    padding: 10px;
}

.form-subscription-segment-heading {
    font: 18px 'museoSlab500';
    margin-bottom: 10px;
}

.form-subscription-cols {
    float: left;
    margin-bottom: 1%;
    width: 49%;
}

.form-subscription-cols + .form-subscription-cols {
    margin-left: 2%;
}

.form-subscription-choice {
    background-color: #cedbe4;
    margin-top: 8px;
    padding: 10px;
}

.form-subscription-choice input[type="radio"] {
    margin-right: 3px;
    vertical-align: middle;
}

.form-subscription-choice label {
    display: inline-block;
    vertical-align: middle;
}

.form-subscription-choice-highlight {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 15px;
    line-height: 1.2;
    margin: -10px -10px 10px -10px;
    min-height: 34px;
    padding: 10px;
    position: relative;
}

.form-subscription-choice-highlight .table-cell {
    display: table-cell;
    height: 36px;
    vertical-align: middle;
}

.form-subscription-choice-highlight:after {
    border-color: #090 transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 10px;
    position: absolute;
    width: 0;
}

.form-subscription-choice-highlight.choice-1 {
    background-color: #090;
}

.form-subscription-choice-highlight.choice-2 {
    background-color: #2f526c;
}

.form-subscription-choice-highlight.choice-2:after {
    border-color: #2f526c transparent transparent transparent;
}

.form-subscription-list {
    list-style: none;
    margin-left: -3%;
    overflow: hidden;
    padding: 0;
}

.form-subscription-list li {
    background-color: #fff;
    color: #2f526c;
    cursor: pointer;
    float: left;
    margin-bottom: 10px;
    margin-left: 3%;
    max-width: 130px;
    padding-bottom: 2px;
    text-align: center;
    width: 22%;
}

.form-subscription-list li:hover, .form-subscription-list li.vignetteRevueSelected {
    background-color: red;
    color: #fff;
}

.form-subscription-list img {
	max-height:170px;
    display: block;
    border-bottom: 2px solid #e0ebf2;
}

.form-subscription-list input,
.form-subscription-list label {
    vertical-align: middle;
}

.form-subscription-resume {
    font-size: 14px;
}

.form-subscription-resume .label {
    display: inline-block;
    width: 108px;
}

.form-subscription-total {
    background-color: #fff;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 2;
    padding-left: 17px;
    padding-right: 17px;
}

.form-subscription-total span {
    font-size: 24px;
}

.form-subscription .btn-next {
background: #006600 url("/reussir/www/img/next-prev.png") no-repeat scroll 93% 14px;
border: 0 none;
color: #FFFFFF;
display: inline-block;
padding: 10px 25px 10px 14px;
}

.form-subscription .btn-next:hover {
	opacity:.85;
}

.cnt{border:0;width:20px}

/* =============================================================================
   Numeros gratuits
   ========================================================================== */
.widget-page.free-sample {
    color: #000;
}

.widget-page.free-sample .headband {
    /*background: #f00 url(/reussir/www/img/bg-network.png) no-repeat 0 0;*/
    background-color: #f00
}

.widget-page.free-sample .headband span {
    font-family: 'museoSlab100';
}

.form-free-sample legend {
    color: #557283;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.form-free-sample fieldset + fieldset legend {
    margin-top: 15px;
}

.form-free-sample p {	
    margin-bottom: 11px;
}

.form-free-sample .dependant {
    background-color: #eff3f6;
    color: #666;
    display: inline-block;
    padding: 8px 9px;
}

.form-free-sample input[type="text"], .form-free-sample input[type="tel"], .form-free-sample input[type="email"], .form-free-sample select {
    border: 2px solid #dcdcdc;
    border-radius: 4px;
    padding: 5px;
}

.form-free-sample .fieldset-1 {
	margin-top:-20px;
}

.form-free-sample .fieldset-1 input[type="text"] {
    width: 73%;
}

.form-free-sample .fieldset-1 input.shorter {
    width: 30%;
}

.form-free-sample .fieldset-2 input[type="text"] {
    width: 30%;
}

.form-free-sample .mailing {
    background: #eff3f6;
    color: #577283;
    font-size: 12px;
    margin-bottom: 11px;
    padding: 1px 8px;
}

.form-free-sample .mailing label {
    color: #000;
    font-weight: normal;
}

.form-free-sample label,
.form-free-sample .label {
    color: #577283;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    width: 135px;
}

.form-free-sample sup {
    color: #900;
}

.form-free-sample input[type="checkbox"] + label {
    color: #000;
    font-weight: normal;
    width: auto;
}

.form-free-sample small {
    color: #666;
    line-height: 1;
}

.form-free-sample .btn-back,
.form-free-sample .btn-next {
    background: transparent url(/reussir/www/img/next-prev.png) no-repeat 0 0;
    color: #fff;
    display: inline-block;
    padding: 10px 14px;
}

.form-free-sample .btn-back {
    background-color: #f90;
    background-position: 8px -16px;
    padding-left: 25px;
}

.form-free-sample .btn-next {
    background-color: #060;
    background-position: 93% 14px;
    border: 0;
    padding-right: 25px;
}

.form-free-sample .btn-back:hover,
.form-free-sample .btn-next:hover {
    opacity:.9;
}

.form-free-sample p.float-right {
    margin: 0;
}

.sponsor {
	background: #ddd;
    color: #69c;
	font-size:13px;
	padding:0;	
}


/* =============================================================================
   Page annonces-legales
   ========================================================================== */

.widget-page.annonces-legales .headband {	
	background-color: #f00;
}

.annonces-legales .headband > img {	
	width:36px;
	height:34px;	
}

.annonces-legales .two-col .cell {
	float: left;
	width: 48%;	
}

.annonces-legales .two-col .cell:nth-of-type(2) {
	float: right;
}

.annonces-legales .two-col .cell > img {
	width:100%;
	height: auto;
}

.annonces-legales .cell > h2 {
	background-color: #f00;
	font-size: 1em;
	color: #fff;
	padding: 3px 0px;
	text-transform: uppercase;
}

.annonces-legales .cell > h2.module-arrow:before {
border-color: #f00 transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    bottom: -29px;
	left:10px;
    content: '';
    height: 0;
    position: relative;
    width: 0;
}

.annonces-legales .cell .buttonlink{
	background-color: #f00;
	color: #fff;
	padding: 3px 5px;
	display: block;
	width: 70%;
	margin: 10px auto 0 auto;

}

.annonces-legales .cell .buttonlink:after{
    content: "\e600";
    color: #fff;
    position: relative;
    right: -2px;
    bottom: -2px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	float:right;
}

.annonces-legales .cell .link{
	color: #f00;
}

.annonces-legales .help{
	text-align: center; 
	display: inline-block; 
	width: 100%; 
	background-color: #f00; 
	color: white;
	margin-top:10px;
	text-align:center;
}

.annonces-legales .help .title{
	font-size: 15px; 
	font-weight: bold;
}

.pub120-120:hover{background-color:#ddd !important;opacity:0.8}

/* ==========================================
   widget block
   ========================================== */
#widget .legales {
	background-position: 0 -468px;
}

#widget .legales img {
	max-height:60px;
}

#widget .legales,
#widget .legales .widget-container {
	background-color: #ff0000;
}


#alwidget {
	height: 100%;
	/*height: 2000px;*/
	width: 100%;
	min-width: 910px;
	position: relative;
	margin-top: 13px;
}
#alwidget iframe{
	min-height:3400px;
	width:900px;
}


/* Display under 320px */
@media screen and (max-width: 320px) and (orientation : portrait) {	
	#header, #header .container, #header a {			
		max-width: 100%;			
		overflow:hidden;
		margin:0;
		padding:0;		
	}
	
	#header a img{			
		max-width: 106%;		
	}
}