/*   
Theme Name: Neoia
Theme URI: http:/www.neoia.fr
Description: a fuckin' fresh theme!
Author: Jey
Author URI: http:/www.neoia.fr
Version: v1.0
*/
body {
	background-color: #FFFFFF;
	background-image: url(images/degrade_fond.png);
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #979696;
}

hr {
	height: 0px;
	border: none 0; 
	border-top: 1px dotted #737272;
}

@font-face {
	font-family: GeosansLight;
	src: url('GeosansLight.ttf');
}

/* Header */

#header {
	width: 900px;
	padding: 0;
	margin: auto;
	margin-top: 100px;
	margin-bottom: 40px;
	font-family: GeosansLight, sans-serif;
}
html:not([lang*=""]) #header {
	width: 900px;
	padding: 0;
	margin: auto;
	margin-top: 100px;
	margin-bottom: 31px;
	font-family: GeosansLight, sans-serif;
}

a.title-grey {
	font-size: 100px;
	color: #c9c9c9;
	text-decoration: none;
	line-height: 0px;
	letter-spacing: -6px;
	padding-right: 4px;
}

a.title-purple {
	font-size: 100px;
	color: #b60078;
	text-decoration: none;
	line-height: 0px;
	letter-spacing: -6px;
}

a.title-turquoise {
	font-size: 100px;
	color: #20e1da;
	text-decoration: none;
	line-height: 0px;
	letter-spacing: -6px;
}

/* Mosaique */

#mosaique {
	width: 100%;
	height: 515px;
	padding: 0;
	margin: 0;
	margin-top: 40px;
	margin-bottom: -50px;
}

/* Bandeau */

#bandeau {
	width: 900px;
	height: 300px;
	padding: 0;
	margin: 0;
	margin-left: 23px;
}

/* Content */

#bg-content {
	width: 946px;
	padding: 0;
	margin: auto;
	background-image: url(images/ombre_contenu.png);
	background-repeat: repeat-y;
}

#content {
	width: 900px;
	padding: 0;
	margin: auto;
}

/* Categories */

#categories a {
	font-family: GeosansLight, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 65px;
	color: #c9c9c9;
	text-decoration: none;
	line-height: 52px;
	letter-spacing: -4px;
}

#categories a.category-purple {
	color: #b60078;
}

#categories a.category-orange {
	color: #e59c00;
}

#categories a.category-green {
	color: #dced1e;
}

#categories a.category-turquoise {
	color: #20e1da;
}

#categories a.category-blue {
	color: #378def;
}

#categories a.category-red {
	color: #b01f1d;
}

#collapse {
	width: 14px;
	height: 20px;
	padding: 0;
	margin: auto;
}

/* Pages */

.title-purple {
	font-size: 24px;
	color: #b60078;
}

.title-orange {
	font-size: 24px;
	color: #e59c00;
}

.title-green {
	font-size: 24px;
	color: #dced1e;
}

.title-turquoise {
	font-size: 24px;
	color: #20e1da;
}

.title-blue {
	font-size: 24px;
	color: #378def;
}

.title-red {
	font-size: 24px;
	color: #b01f1d;
}


#pages a {
	font-family: GeosansLight, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 60px;
	text-decoration: none;
	line-height: 52px;
	letter-spacing: -3px;
}

a.page-purple, .page a.page-purple {
	color: #b60078;
}

a.page-orange, .page a.page-orange {
	color: #e59c00;
}

a.page-green, .page a.page-green {
	color: #dced1e;
}

a.page-turquoise, .page a.page-turquoise {
	color: #20e1da;
}

a.page-blue, .page a.page-blue {
	color: #378def;
}

a.page-red, .page a.page-red {
	color: #b01f1d;
}

/* News */

.news-title {
	margin-top: 20px;
	margin-bottom: 0px;
	font-size: 24px;
}

.news-date {
	font-size: 9px;
}

/* News publi�e dans Web */

.news-web {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 12px;
}

.news-web a {
	color: #b60078;
	text-decoration: none;
}

.news-web a:hover {
	color: #b60078;
	text-decoration: underline;
}

.news-web-footer {
	color: #b60078;
	margin: 0px;
}

.news-web-footer a {
	color: #b60078;
	text-decoration: none;
}

.news-web-footer a:hover {
	color: #b60078;
	text-decoration: underline;
}

/* News publi�e dans Labs */

.news-labs {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 12px;
}

.news-labs a {
	color: #dced1e;
	text-decoration: none;
}

.news-labs a:hover {
	color: #dced1e;
	text-decoration: underline;
}

.news-labs-footer {
	color: #dced1e;
	margin: 0px;
}

.news-labs-footer a {
	color: #dced1e;
	text-decoration: none;
}

.news-labs-footer a:hover {
	color: #dced1e;
	text-decoration: underline;
}

/* News publi�e dans Flex */

.news-flex {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 12px;
}

.news-flex a {
	color: #e59c00;
	text-decoration: none;
}

.news-flex a:hover {
	color: #e59c00;
	text-decoration: underline;
}

.news-flex-footer {
	color: #e59c00;
	margin: 0px;
}

.news-flex-footer a {
	color: #e59c00;
	text-decoration: none;
}

.news-flex-footer a:hover {
	color: #e59c00;
	text-decoration: underline;
}

/* News publi�e dans Tech */

.news-tech {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 12px;
}

.news-tech a {
	color: #378def;
	text-decoration: none;
}

.news-tech a:hover {
	color: #378def;
	text-decoration: underline;
}

.news-tech-footer {
	color: #378def;
	margin: 0px;
}

.news-tech-footer a {
	color: #378def;
	text-decoration: none;
}

.news-tech-footer a:hover {
	color: #378def;
	text-decoration: underline;
}

/* News publi�e dans L'Agence */

.news-l-agence {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 12px;
}

.news-l-agence a {
	color: #20e1da;
	text-decoration: none;
}

.news-l-agence a:hover {
	color: #20e1da;
	text-decoration: underline;
}

.news-l-agence-footer {
	color: #20e1da;
	margin: 0px;
}

.news-l-agence-footer a {
	color: #20e1da;
	text-decoration: none;
}

.news-l-agence-footer a:hover {
	color: #20e1da;
	text-decoration: underline;
}

/* News publi�e dans Others */

.news-others {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 12px;
}

.news-others a {
	color: #b01f1d;
	text-decoration: none;
}

.news-others a:hover {
	color: #b01f1d;
	text-decoration: underline;
}

.news-others-footer {
	color: #b01f1d;
	margin: 0px;
}

.news-others-footer a {
	color: #b01f1d;
	text-decoration: none;
}

.news-others-footer a:hover {
	color: #b01f1d;
	text-decoration: underline;
}

.postmetadata {
	font-size: 9px;	
}

/* Page */

.page {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 12px;
}

.page a {
	color: #20e1da;
	text-decoration: none;
}

.page a:hover {
	color: #20e1da;
	text-decoration: underline;
}

.page-footer {
	color: #20e1da;
	margin: 0px;
}

.page-footer a {
	color: #20e1da;
	text-decoration: none;
}

.page-footer a:hover {
	color: #20e1da;
	text-decoration: underline;
}


/* Footer */

#footer {
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 20px;
}

#footer .title {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #b60078;
	margin-top: 0px;
	margin-bottom: 5px;
}

#footer .item {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #737272;
	margin-bottom: 0px;
	margin-top: 0px;
}

#footer a.item {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #737272;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 0px;
}

#footer a.item:hover {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #b60078;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 0px;
}

#footer .details {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #c1c0c0;
	margin-bottom: 0px;
	margin-top: 0px;
}

#footer a.details {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #c1c0c0;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 0px;
}

#footer a.details:hover {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #b60078;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 0px;
}

#footer a.comments-link {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #c1c0c0;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 0px;
}

#footer a.comments-link:hover {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #b60078;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 0px;
}

#footer a.url {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #c1c0c0;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 0px;
}

#footer a.url:hover {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #b60078;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 0px;
}

.imageborder {
	border: 4px solid #c1c0c0;
}

.imagethinborder {
	border: 2px solid #c1c0c0;
}

/* Credits */

#credits {
	bottom: 0;
	width: 100%;
	height: 20px;
	padding: 0;
	margin: 0;
	margin-top: -20px;
	background-color: #e59c00;
	opacity: 0.6;
}

#credits-content {
	width: 860px;
	padding: 0;
	padding-top: 3px;
	margin: auto;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #fadfa7;
}

#credits-content a {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #fadfa7;
	text-decoration: none;
}

#credits-content a:hover {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

/* For supporting browsers, the overlay is rendered semi-transparent with
 * fancy rounded corners */
.yui-overlay {
    background: rgba(128,128,128,0.3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 7px;
    cursor: move;
}

.yui-overlay-content {
    background: rgba(205,205,205,0.3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 1px;
} 

.yui-overlay form {
    background: #f2fbff url(gradient-promo.png) repeat-x scroll 0 0;
    border: 2px solid #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 0;
    padding: 0;
    font-size: 13px;
}

.yui-overlay fieldset {
    border: 1px solid #bcd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 0;
    padding: 5px;
}

.yui-overlay h3 {
    border-bottom: 2px solid #fff;
    color: #4EE4DF;
    background: transparent;
    margin: 0;
    font-size: 175%;
}

.yui-overlay label {
    display: block;
    margin: 1.3em 0 0.5ex;
    font-weight: bold;
    color: #003;
}

.yui-overlay p {
    margin: 2em 0 0;
}

/* override the move cursor for the Slider */
.yui-overlay .yui-slider:hover {
    cursor: default;
}