/*
Theme Name: France 3 Régions
Theme URI: http://underscores.me/
Author: Julien LEGER
Author URI: http://www.ptiswitz.fr
Description: Thème pour les blogs de France 3 Régions
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: regions
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 France 3 Régions is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}

/* =Clearfix
-------------------------------------------------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	} /* slightly enhanced, universal clearfix hack */
.clearfix {display: inline-block;}
/* start commented backslash hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;} /* close commented backslash hack */
.clear {clear:both;}

/* =Fonts
-------------------------------------------------------------- */
@font-face {
    font-family: 'HelveticaRegular';
    src: url('/fonts/helr45w-webfont.eot');
    src: url('/fonts/helr45w-webfont.eot?#iefix') format("embedded-opentype"),
         url('/fonts/helr45w-webfont.woff') format("woff"),
         url('/fonts/helr45w-webfont.ttf') format("truetype"),
         url('/fonts/helr45w-webfont.svg#HelveticaRegular') format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('/fonts/hll-webfont.eot');
    src: url('/fonts/hll-webfont.eot?#iefix') format("embedded-opentype"),
         url('/fonts/hll-webfont.woff') format("woff"),
         url('/fonts/hll-webfont.ttf') format("truetype"),
         url('/fonts/hll-webfont.svg#HelveticaNeueLight') format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueMedium';
    src: url('/fonts/hlm-webfont.eot');
    src: url('/fonts/hlm-webfont.eot?#iefix') format("embedded-opentype"),
         url('/fonts/hlm-webfont.woff') format("woff"),
         url('/fonts/hlm-webfont.ttf') format("truetype"),
         url('/fonts/hlm-webfont.svg#HelveticaNeueMedium') format("svg");
    font-weight:normal;
    font-style:normal;
}

@font-face {
	font-family: 'HelveticaNeueRoman';
	src: url('/fonts/hlr-webfont.eot');
	src: url('/fonts/hlr-webfont.eot?#iefix') format("embedded-opentype"),
		 url('/fonts/hlr-webfont.woff') format("woff"),
		 url('/fonts/hlr-webfont.ttf') format("truetype"),
		 url('/fonts/hlr-webfont.svg#HelveticaNeueRoman') format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueThin';
	src: url('/fonts/hlt-webfont.eot');
	src: url('/fonts/hlt-webfont.eot?#iefix') format("embedded-opentype"),
		 url('/fonts/hlt-webfont.woff') format("woff"),
		 url('/fonts/hlt-webfont.ttf') format("truetype"),
		 url('/fonts/hlt-webfont.svg#HelveticaNeueThin') format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'noticia_textbold';
    src: url('/fonts/noticiatext-bold-webfont.eot');
    src: url('/fonts/noticiatext-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/noticiatext-bold-webfont.woff') format('woff'),
         url('/fonts/noticiatext-bold-webfont.ttf') format('truetype'),
         url('/fonts/noticiatext-bold-webfont.svg#noticia_textbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noticia_textbold_italic';
    src: url('/fonts/noticiatext-bolditalic-webfont.eot');
    src: url('/fonts/noticiatext-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/noticiatext-bolditalic-webfont.woff') format('woff'),
         url('/fonts/noticiatext-bolditalic-webfont.ttf') format('truetype'),
         url('/fonts/noticiatext-bolditalic-webfont.svg#noticia_textbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noticia_textitalic';
    src: url('/fonts/noticiatext-italic-webfont.eot');
    src: url('/fonts/noticiatext-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/noticiatext-italic-webfont.woff') format('woff'),
         url('/fonts/noticiatext-italic-webfont.ttf') format('truetype'),
         url('/fonts/noticiatext-italic-webfont.svg#noticia_textitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noticia_textregular';
    src: url('/fonts/noticiatext-regular-webfont.eot');
    src: url('/fonts/noticiatext-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/noticiatext-regular-webfont.woff') format('woff'),
         url('/fonts/noticiatext-regular-webfont.ttf') format('truetype'),
         url('/fonts/noticiatext-regular-webfont.svg#noticia_textregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'arial_narrowregular';
    src: url('/fonts/arial_narrow-webfont.eot');
    src: url('/fonts/arial_narrow-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/arial_narrow-webfont.woff') format('woff'),
         url('/fonts/arial_narrow-webfont.ttf') format('truetype'),
         url('/fonts/arial_narrow-webfont.svg#arial_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'arial_narrowbold';
    src: url('/fonts/arial_narrow_bold-webfont.eot');
    src: url('/fonts/arial_narrow_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/arial_narrow_bold-webfont.woff') format('woff'),
         url('/fonts/arial_narrow_bold-webfont.ttf') format('truetype'),
         url('/fonts/arial_narrow_bold-webfont.svg#arial_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'arial_narrowitalic';
    src: url('/fonts/arial_narrow_italic-webfont.eot');
    src: url('/fonts/arial_narrow_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/arial_narrow_italic-webfont.woff') format('woff'),
         url('/fonts/arial_narrow_italic-webfont.ttf') format('truetype'),
         url('/fonts/arial_narrow_italic-webfont.svg#arial_narrowitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* =General
-------------------------------------------------------------- */
body {
	background-color: #ededed;
	color: #000;
	font: 14px/1.4em Arial, Helvetica, sans-serif;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	color: #0076b9;
	text-decoration: none;
}

a:hover {
	color: #53ade0;
}

.rss-feed {
	margin: 20px 0;
}

.rss-feed a {
	color: #a5a5a5;
	font-weight: bold;
}

.rss-feed a:hover {
	color: #404040;
}

.hide,
.screen-reader-text {
	position: absolute;
	font-size: 0;
	left: -1000px;
}

iframe {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.alignright {
	float: right;
	margin-left: 20px !important;
	margin-bottom: 20px !important;
}

.alignleft {
	float: left;
	margin-right: 20px !important;
	margin-bottom: 20px !important;
}

.aligncenter {
	display: block;
	margin: 20px auto;
}

/* =Icons
-------------------------------------------------------------- */
[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("images/icons/ico_all.png");
	background-position: left top;
	background-repeat: no-repeat;
}

.icon-rss {
	background-position: left top;
}

.icon-more {
	background-position: -14px 0;
	line-height: 15px;
	margin-top: -1px;
	width: 15px;
	height: 15px;
}


/* =Layout
-------------------------------------------------------------- */
#page {
	margin: 0 auto;
	width: 1000px;
}

#masthead {
	margin-top: 20px;
}

#content {
	background-color: #fff;
	padding: 40px;
}

#primary {
	float: left;
	margin-right: 40px;
	width: 580px;
}

#secondary {
	float: left;
	margin-top: -5px;
	width: 300px;
}

/* =Header
-------------------------------------------------------------- */
.site-branding {
	position: relative;
	margin-top: 20px\9;
	padding-bottom: 25px;
}

.site-title {
	color: #404040;
	font: 40px/1.1em 'noticia_textbold', serif;
}

.site-title a {
	color: #404040;
}

.site-description {
	color: #3d3d3d;
	font: 18px/1.4em 'noticia_textregular', serif;
	-moz-opacity: .43;
	-webkit-opacity: .43;
	opacity: .43;
}

.site-icon {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #0076be;
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	margin: 0;
	padding: 0 5px;
	text-transform: uppercase;
}

.site-branding.img {
	overflow: hidden;
	padding-bottom: 0;
}

.site-image {
	float: left;
	margin-right: 20px;
}

.site-image img {
	display: block;
}

.site-branding.img .site-title {
	margin-top: 20px;
}

/* =Post
-------------------------------------------------------------- */
.post,
article.page {
	position: relative;
	border-bottom: 1px solid #ededed;
	margin-bottom: 35px;
	margin-left: 15px;
	padding-bottom: 10px;
}

.post.last {
	border-bottom: none;
	margin-bottom: 0;
}

.post .wp-caption {
    max-width: 100%;
}

.post img {
	max-width: 100%;
	height: auto;
}

.post .entry-title,
article.page .entry-title {
	color: #404040;
	font-size: 24px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 10px;
}

.post .entry-title a,
article.page .entry-title a {
	color: #404040;
}

.entry-content {
	color: #404040;
	line-height: 21px;
}

.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content blockquote,
.entry-content .video-sharing,
.entry-content .wp-caption {
	margin: 20px 0;
}

.entry-content > :first-child {
	margin-top: 0;
}

.post .date-flag,
article.page .date-flag {
	position: absolute;
	top: 5px;
	left: -55px;
	background-color: #404040;
	color: #fff;
	font: 11px/1.4em 'arial_narrowregular', Arial, Helvetica, sans-serif;
	overflow: hidden;
	padding: 10px 5px;
	text-align: center;
	text-overflow: ellipsis;
	text-transform: uppercase;
	width: 30px;
}

.post .date-flag > span,
article.page .date-flag > span {
	display: block;
	font-size: 23px;
	line-height: 1em;
}

.post footer {
	color: #a5a5a5;
	font-size: 12px;
	line-height: 1.4em;
}

.post footer a {
	color: #a5a5a5;
	text-decoration: underline;
}

.post footer a:hover {
	color: #404040;
}

.single-post .entry-meta,
.page .entry-meta {
	margin-bottom: 20px;
}

.single-post .entry-meta,
.single-post .entry-meta a,
.page .entry-meta,
.page .entry-meta a {
	color: #a5a5a5;
	font-size: 12px;
}

.single-post .entry-header .entry-meta a,
.page .entry-header .entry-meta a {
	text-decoration: underline;
}

.single-post .entry-header .entry-meta a:hover,
.page .entry-header .entry-meta a:hover {
	color: #404040;
}

.single-post footer.entry-meta a,
.page footer.entry-meta a {
	text-decoration: none;
}

.single-post .entry-content,
.page .entry-content {
	color: #404040;
}

.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6,
article.page h1,
article.page h2,
article.page h3,
article.page h4,
article.page h5,
article.page h6 {
	font-weight: bold;
	line-height: 1.4em;
}

.post h1,
article.page h1 {
	font-size: 28px;
	margin-bottom: 20px;
}

.post h2,
article.page h2 {
	font-size: 24px;
}

.post h3,
article.page h3 {
	font-size: 20px;
}

.post h4,
article.page h4 {
	font-size: 18px;
}

.post h5,
article.page h5 {
	font-size: 16px;
}

.post h6,
article.page h6 {
	font-size: 14px;
}

.post ul,
.post ol,
article.page ul,
article.page ol {
	margin-left: 30px;
}

.post ul,
article.page ul {
	list-style: disc;
}

.post ol,
article.page ol {
	list-style: decimal;
}

.post blockquote,
article.page blockquote {
	background: url('images/icons/ico_quote.png') no-repeat 0 10px;
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	font: 20px/1.4em Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	padding: 15px 10px 15px 35px;
}

.post blockquote p:first-child,
article.page blockquote p:first-child {
	margin-top: 0;
}

.post blockquote p:last-child,
article.page blockquote p:last-child {
	margin-bottom: 0;
}

.single-post footer.entry-meta,
article.page footer.entry-meta {
	font-size: 11px;
}

.single-post footer.entry-meta a,
article.page footer.entry-meta a {
	color: #0076b9;
	font-size: 11px;
	text-transform: uppercase;
}

.single-post footer.entry-meta a:hover,
article.page footer.entry-meta a:hover {
	color: #53ade0;
}

.post-navigation {
	border-top: 2px solid #ededed;
	border-bottom: 2px solid #ededed;
	display: table;
	margin-bottom: 30px;
	width: 100%;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
	display: table-cell;
	*display: inline;
	*zoom: 1;
	text-align: center;
}

.post-navigation .nav-previous {
	width: 290px;
}

.post-navigation .nav-next {
	border-left: 1px solid #ededed;
	width: 280px;
}

.post-navigation a {
	display: block;
	padding: 25px;
}

.post-navigation strong,
.post-navigation span {
	display: block;
}

.post-navigation a span {
	color: #6c6c6c;
	font-size: 10px;
	text-transform: uppercase;
}

.post-navigation a span.label {
	margin-bottom: 10px;
}

.post-navigation a strong {
	color: #404040;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.4em;
}

.post-navigation a:hover strong {
	color: #0076b9;
}

.entry-summary > p {
	margin-bottom: 20px;
}

.wp-caption .wp-caption-text {
	color: #a5a5a5;
	font-size: 11px;
	margin: 0;
}


/* =Widget
-------------------------------------------------------------- */
.widget {
	border-bottom: 2px solid #e5e5e5;
	color: #404040;
	line-height: 21px;
	margin-bottom: 21px;
	padding-bottom: 21px;
}

.widget:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.widget-title,
.widgettitle {
	color: #404040;
	font-family: 'HelveticaNeueThin', Arial, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 1.1em;
	margin-bottom: 10px;
	text-transform: lowercase;
}

.widget li {
	margin-bottom: 5px;
}

.widget li:last-child {
	margin-bottom: 0;
}

.widget li a {
	color: #a5a5a5;
	font-weight: bold;
	text-transform: uppercase;
}

.widget li a:hover {
	color: #404040;
}

.widget_recent_comments li a,
.widget_recent_entries li a {
	color: #404040;
	text-transform: none;
}

.widget_recent_entries li {
	border-bottom: 1px solid #ededed;
	padding-bottom: 5px;
}

.widget_recent_entries li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.widget_regions-links figure,
.widget_regions-links li > p {
	background-color: #ededed;
	color: #a5a5a5;
	font-size: 10px;
	margin: 0;
	text-transform: uppercase;
}

.widget_regions-links figure > a {
	float: left;
	margin-right: 10px;
}

.widget_regions-links figure > a > img {
	display: block;
}

.widget_regions-links figcaption,
.widget_regions-links li > p {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
	padding: 7px 0;
	padding-right: 10px;
}

.widget_regions-links li > p {
	padding: 10px;
}

.widget_regions-links figcaption a,
.widget_regions-links li > p > a {
	color: #404040;
	text-transform: none;
}

.widget_regions-links figcaption a > span,
.widget_regions-links li > p > a > span {
	color: #a5a5a5;
	display: block;
	font-size: 10px;
	text-transform: uppercase;
}

.widget_regions-links ul {
	margin-bottom: 10px;
}

.widget_regions-links nav > p {
	color: #a5a5a5;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}

.widget_regions-links nav > p > a {
	color: #a5a5a5;
}

.widget_regions-links nav > p > a:hover {
	color: #0076b9;
}

.widget_regions-links .icon-more {
	margin-right: 5px;
}

.widget_recent_entries li a,
.widget_recent_comments li a {
	font-weight: normal;
}

.widget_recent_entries li a:hover,
.widget_recent_comments li a:hover {
	color: #53ade0;
}

.widget_recent_comments li a {
	font-weight: normal;
}

.widget_recent_comments .author {
	font-style: italic;
}

.disqus_rcw_avatar,
.disqus_rcw_author_name {
	display: none !important;
}

.disqus_rcw_thread_title,
.disqus_rcw_comment_actual_wrapper a {
	color: #404040;
}

.disqus_rcw_single_comment_wrapper {
	border-bottom: 1px solid #ededed;
	padding-bottom: 5px;
}

/* =Search
-------------------------------------------------------------- */
.search-form {
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d0d0d0;
	padding-right: 50px;
}

.search-form > input[type=search],
.search-form > input.search-field {
	-webkit-appearance: none;
	border: none;
	*border: 1px solid #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	line-height: 25px\9;
	*line-height: 20px;
	padding: 0 5px;
	width: 100%;
	height: 25px;
	*height: 20px;
}

.search-form > input[type=submit] {
	position: absolute;
	top: 0;
	right: 0;
	background: #d0d0d0 url('images/icons/ico_search.png') no-repeat center center;
	border: none;
	cursor: pointer;
	*display: block;
	*font-size: 0;
	*line-height: 0;
	overflow: hidden;
	text-indent: -9999em;
	width: 40px;
	height: 25px;
}

/* =Menu
-------------------------------------------------------------- */
.menu-item {
	position: relative;
}

.sub-menu {
	position: absolute;
	top: 0;
	z-index: 1;
	display: none;
	background-color: #fff;
	border: 2px solid #e5e5e5;
	margin-left: 10px;
	padding: 10px;
}

.widget .sub-menu {
	max-width: 140px;
}

.menu-item.hover .sub-menu {
	display: block;
}

/* =Share
-------------------------------------------------------------- */
#page .sharedaddy .sd-block {
	border-top: none;
	margin-bottom: 20px;
	padding: 0;
}

#page .sharedaddy .sd-title {
	display: none;
}

#page .sharedaddy .sd-content {
	float: none;
	width: auto;
	margin: 0;
}

/* =Pagination
-------------------------------------------------------------- */
.paging-navigation {
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	padding: 20px 0;
	text-align: center;
}

.paging-navigation li {
	display: inline;
	font-weight: bold;
}

.paging-navigation li a {
	color: #404040;
}

.paging-navigation li .current,
.paging-navigation li a:hover {
	color: #0076b9;
}

.paging-navigation li a.next,
.paging-navigation li a.previous,
.paging-navigation li a.prev {
	color: #999;
	display: inline-block;
	font-weight: normal;
}

.paging-navigation li a.next {
	margin-left: 20px;
}

.paging-navigation li a.previous,
.paging-navigation li a.prev {
	margin-right: 20px;
}

.paging-navigation li a.next:hover,
.paging-navigation li a.previous:hover,
.paging-navigation li a.prev:hover {
	color: #404040;
}

/* =Footer
-------------------------------------------------------------- */
.site-footer {
	margin-bottom: 40px;
}

/* =Archives
-------------------------------------------------------------- */
.page-header h1 {
	color: #a5a5a5;
	font-size: 18px;
	font-weight: bold;
	margin-left: 15px;
	margin-bottom: 40px;
	text-transform: uppercase;
}

/* =404, No results
-------------------------------------------------------------- */
.error-404 .page-header h1,
.no-results .page-header h1 {
	margin-left: 0;
}

.error-404 .search-form {
	margin-bottom: 20px;
}

/* =FTVi style
-------------------------------------------------------------- */
.subheader {
    color: #888888;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 10px;
    padding-top: 15px;
}

.bullet {
    background: url("images/icons/icn_article_bullet.png") no-repeat scroll 2px 19px transparent;
    color: #022F6F;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 10px;
    padding-left: 23px;
    padding-top: 15px;
}

.number {
    color: #022F6F;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 5px;
    padding-top: 15px;
}

.number span {
    background: url("images/icons/icn_article_number.png") no-repeat scroll 0 0 transparent;
    color: white;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    height: 31px;
    line-height: 31px;
    margin-right: 12px;
    text-align: center;
    text-shadow: 1px 1px 1px #4481E9;
    width: 31px;
}