@charset "utf-8";

/**
 *
 * This document has been writing in decembre 2008
 * and is the property of Michael Ortali.
 * http://silent-strength.com/
 * 
 **/

/**
 * Reseting all the displayed styles.
 **/
body, div, p, h1, h2, h3, h4, h5, ul, li {
	margin:0;
	padding:0;
}

ul {
	list-style-type:none;
}

div#header h1 a {
	text-indent:-99em;
}

img, fieldset {
	border:none;
}

/**
 * @struct
 **/
body {
	min-width:1100px;
	text-align:center;
}

div#main, div#footer div.line {
	width:800px;
	margin:auto;
	text-align:left;
}

div#location h2, div#commentaires div a span {
	display:none;
}

div#location a {
	padding:10px 30px 10px 5px;
	display:block;
	float:left;
}

div#content h2 {
	color:#222;
	font-size:36px;
}

div#content div.post h2 {
	font-size:25px;
}

div#content h3 {
	border-bottom:1px dotted;
	color:#222;
	font-size:25px;
	margin-bottom:16px;
}

div#content h4 {
	font-size:18px;
	margin-bottom:10px;
	text-transform:uppercase;
}

div#content h5 {
	font-size:15px;
	margin-bottom:10px;
	font-style:italic;
}

div#header, div#content div.post {
	position:relative;
}

div#header h1 a, ul#navigation li a, ul#navigation li a span,
div#content p.infos strong, form p label, form p input, 
form p textarea, div#content p.info *, p.cv span, div.flickr a, 
a.picture {
	display:block;
}

div#header a, div.calendrier li, div#content p.info, div.comment div, 
div#sidebar div.elsewhere li p, div.flickr, div#footer, div.line {
	overflow:hidden;
}

div#content, div#main div.lastTickets h2, div#main div.lastTickets ul,
div#main div.lastPhotos h2, div#main div.lastPhotos ul, div#main div.lastPhotos li,
form p label, div#content p.info span, p.cv span, p.gravatar, div.flickr a,
form p input, div#footer div.sidebar, div#footer div.center {
	float:left;
}

div#sidebar {
	float:right;
	width:35%;
}

div#content p.info a, div#footer div.sidebar li img {
	float:right;
}

div#content h2 {
	width:370px;
	margin-bottom:20px;
}

div#header {
	height:136px;
}

div#header h1 a {
	height:78px;
	left:130px;
	top:30px;
	width:300px;
}

div#header h1 a, div#header ul, div#content p.infos  {
	position:absolute;
}

div#main {
	padding-bottom:20px;
	overflow:auto;
}

form p {
	position:relative;
	overflow:hidden;
}

form p label {
	width:35%;
} 

form p input {
	width:60%;
}

form textarea {
	width:434px;
	height:130px;
}


div#main div.related {
	margin-bottom:50px;
}

div#main div.related h2 {
	margin-bottom:8px;
}

div#main div.related ul {
	margin:0px 40px;
}

div#content p.infos, div#content div.pagination a, 
div#main div.lastTickets li span, 
div#main div.related li span {
	border-bottom:4px solid;
}

div#content div.pagination a:hover {
	border-bottom:0;
}

div#content div.pagination a {
	padding:2px;
}


div#content p.infos {
	bottom:-4px;
	margin:0;
	padding-bottom:10px;
	right:0;
	
}

div#header ul {
	right:5%;
}

div#location li {
	display:inline;
}

div#content p.info {
	padding-left:5px;
}

div#location {
	overflow:hidden;
	border-bottom:1px dotted #ddd;
	padding-left:10px;
	margin:0px auto 10px auto;
}

ul#navigation li {
	float:left;
}

div#content div.post {
	min-height:55px;
	border-bottom:1px solid;
}

ul#navigation li a {
	padding:50px 20px 0px;
	height:86px;
}

ul#navigation li span {
	margin-top:5px;
}

div#main h1 {
	margin-bottom:20px;
}

div#main p.summary {
	margin-bottom:40px;
}

div#main p.summary {
	border-bottom:1px dotted;
	padding-bottom:30px;
}

div#main div.pagination {
	margin-bottom: 27px;
	border-bottom: 1px solid; 
	padding: 2px;
}

div#content div.related li {
	padding:0px;
	margin:0px;
}

div#content {
	width:60%;
}

div#content p, div#content ul {
	margin-bottom:20px;
}

div#content p a, div#content ul a, 
div#content p.info span {
	padding:3px;
}

div#content li {
	margin-left:40px;
	margin-bottom:10px;
}

div#content div.post {
	margin-bottom:30px;
}

div#sidebar div {
	margin-bottom:22px;
	padding:10px;
	position:relative;
}

div#sidebar div.calendrier li {
	padding-top:10px;
}

div#sidebar div.calendrier a {
	padding:3px;
}

div#sidebar h3.title {
	bottom:0;
	overflow:hidden;
	position:absolute;
	left:-14px;
	width:14px;
}

div#sidebar div.profil h3.title {
	height:132px;
}

div#sidebar div.elsewhere ul strong
{
	border-right:3px solid;
	float:left;
	padding-right:10px;
	margin-right:10px;
}

div#sidebar div.calendrier h3.title {
	height:82px;
}

div#sidebar div p {
	margin:5px 10px;
}

div#sidebar div.flickr p {
	margin:5px 2px;
}

div#sidebar div.calendrier li h3 {
	float:left;
	border-right:3px solid;
	margin-right:10px;
	padding-right:10px;
}

div#main div.lastTickets, div#main div.lastPhotos, 
div#footer, div#sidebar div.calendrier li {
	clear:both;
}

div#footer {
	padding-top:20px;
}

div#sidebar div.calendrier li li {
	clear:none;
}

div#footer div.flickr a {
	padding:2px;
	margin:0px 5px 0px 0px;
	border:2px solid #444;
	line-height:0px;
}

div#footer div.center {
	margin-left:3%;
	margin-right:3%;
	width:48%;
}

div#footer div.sidebar {
	width:23%;
}

div#footer div.line {
	margin-bottom:20px;
}

div#footer div.flickr {
	margin-top:10px;
	padding-left:5px;
}

div#content blockquote {
	padding:20px;
	padding-bottom:1px;
}

div#main div.lastTickets, div#main div.lastPhotos {
	border-top:1px dotted;
	padding-top:10px;
}

div#main div.lastTickets h2, 
div#main div.lastPhotos h2 {
	margin-right:20px;
	width:301px;
}

div#main div.lastPhotos h2 {
	height:160px;
}

div#main div.lastTickets li {
	padding:3px;
	margin-bottom:10px;
	width:460px;
	border-bottom:1px solid;
}

div#main div.lastTickets li span {
	padding:4px;
}

div#main div.lastTickets li h3 a:hover:after,
div#main div.related li h3 a:hover:after, 
div#main div.elsewhere li a:hover:after {
	content:" »";
}

div#sidebar div.flickr img {
	margin:1px;
	padding:2px;
	border:1px solid;
}

p.cv span {
	width:80px;
}

div#content div.comment div * {
	margin:0;
	padding:0;
}

div.comment div {
	border-top:1px dotted;
	border-bottom:1px dotted;
	padding:5px 10px;
}

div#content div.comment p.gravatar {
	padding:3px;
	margin-right:10px;
	border:1px solid #CCC;
	line-height:0;
	font-size:0;
}

div#content div.comment p.gravatar img {
	margin:0;
	padding:0;
}

div#content div.comment h4 {
	margin-top:6px;
}

textarea, input {
	padding:4px 3px;
}

div#footer div.sidebar li {
	padding:6px;
	border-bottom:1px dotted #777;
}

div#footer p.copy {
	padding:8px 10px;
}
/**
 * @colors
 **/
body {
	background:#f2f2f2;
}

div#location a.item {
	background:url('img/nav.png') no-repeat right;	
}

div#header {
	background:#57a1e1 url(img/header.png) no-repeat;
}

div#location {
	background:#e0e0e0;
}
div#location a:hover {
	color:#447dae;
}

ul#navigation li {
	opacity:.5;
}

div#content div.pagination a:hover {
	background:#63B7FF;
	border-bottom-color:transparent;
}

ul#navigation li:hover {
	opacity:1;
}

div#main p.summary strong, div#main p.summary a, ul#navigation li:hover {
	color:#000;
}

ul#navigation li a, div#content div.pagination a:hover,
div#content p a:hover, div#content li a:hover, div#sidebar div.calendrier a:hover, 
div#footer, div#content p.info a {
	color:#fff;
}

div#location a  {
	color:#555;
}

div#sidebar a, div#content div.pagination a  {
	color:#B0B0B0;
}

div#footer a {
	color:#aaa;
}


div#content div.related li a {
	background:none;
	color:#999;
}

div#main div.lastTwitter a {
	color:#000;
}

div#content h2, div#content h2 a, 
div#main h1, div#main h1 a, div#main div.lastTickets li h3 a,
div#commentaires h4 a {
	color:#333;
}

div#content p, div#content ul, div#content blockquote, 
div#main div.lastTwitter a:hover, div#footer p.copy a {
	color:#333;
}

div#content p a, div#content li a {
	color:#fff;
	background:#63b7ff;
}

div#content p a:hover, div#content li a:hover {
	background:darkred;
}

div#content ul {
	list-style-image:url(img/puce.png);
}

div#sidebar div, div#content blockquote {
	background:#e4e4e4 url(img/sidebarborder.jpg) no-repeat;
}

div#sidebar div.profil, div#footer p.copy {
	color:#414141;
}

div#sidebar div.calendrier h3.title {
	background:url(img/archives.jpg) no-repeat;
}

div#sidebar div.profil h3.title {
	background:url(img/michael.ortali.jpg) no-repeat;
}

div#sidebar div h4, div#main p.summary, div#main .lastTwitter p, div#main div.lastTickets li span {
	color:#999;
}

div#sidebar div.calendrier ul h3 {
	color:#B0B0B0;
}

div#sidebar div.calendrier a:hover {
	background:#606060;
}

div#footer {
	background:#222;
}

div#content p.info, div#footer p.copy {
	background:#E4E4E4;
}

div#content p.info a {
	background:#444;
}

div#content div.pagination a, div#content p.infos {
	border-color:#333333;
}

div#content div.pagination, div#content div.post, div#main div.lastTickets li {
	border-bottom-color:#999;
}

div#main div.lastTickets {
	border-top-color:#999;
}

div.carnet div#content .preview img {
	border:5px solid #fff;
}

div#content p.gravatar {
	background:#fff;
}

div.comment div, div#main div.lastPhotos img {
	border-color:#bbb;
}

div#content div.comment div a {
	background:none;
	color:#555;
}

div#content div.comment blockquote {
	background-image:none;
}

div#content div.comment blockquote p {
	color:#777;
}

div#sidebar div.elsewhere a:hover {
	color:#000;
}

div#content a.picture:hover, div#content a.picture {
	background:none !important;
}

div#content a.picture img {
	border:5px solid #fff;
}

div#commentaires input {
	border:1px solid #AAA;
}

div#footer div.flickr a:hover {
	border-color:#777;
}
/**
 * @font
 **/
a {
	text-decoration:none;
}

body, input, textarea {
	font-family:Helvetica, "Myriad Pro", sans-serif;
}

div#content div.head h2 {
	font-family:HelveticaNeue-Light, Helvetica, sans-serif ;
}

div#main h1, div#content h2, div#content h3, 
div#content h4, div#content h5 {
	font-family:"Myriad Pro", Helvetica, sans-serif;
}

div#content .infos,  div#main p.summary, div#main div.lastTwitter p,  div#main div.lastTickets h2, 
div#main div.lastPhotos h2 {
	font-family: Georgia,Times,Serif;
}

div#content h2, div#content h2 a  {
	letter-spacing:-1px;
}

div#content p.preview, div#main h1, div#content div.pagination, 
div#main div.lastTickets h2, div#main div.lastPhotos h2, a.picture {
	text-align:center;
}

div#main div.lastTickets h2, div#main div.lastPhotos h2 {
	font-size:35px;
}

div#main h1 {
	font-size:40px;
}

div#main p.summary, div#main div.lastTwitter p, div#main div.lastTickets h2, 
div#main div.lastPhotos h2 {
	font-style:italic;
}

div#content div.related h3 {
	font-size:17px;
}

div#footer div.center p {
	font-size:11px;
	line-height:19px;
	margin-bottom:10px;
}

div#content p.infos, div#footer p {
	line-height:18px;
}

div#content blockquote p {
	font-size:13px;
}

div#main p.summary, div#main div.lastTwitter p {
	font-size:18px;
	line-height:25px;
}

div#sidebar h3.title {
	text-indent:-33em;
}

div#location, ul#navigation li span  {
	font-size:13px;
}

div#footer {
	font-size:11px;
}

div#footer h3 {
	letter-spacing:-2px;
	font-size:40px;
	height:30px;
	margin-bottom:10px;
	overflow:hidden;
	text-align:center;
	color:#aaa;
	border-bottom:1px solid #333;
}

ul#navigation a {
	font-size:20px;
	font-weight:bold;
}

div#content p {
	text-align:justify;
}

ul#navigation li span, div#content div.head h2, 
div#main div.lastTickets li span {
	font-weight:normal;
}

div#content div.head h2 {
	font-weight:light;
	font-size:30px;
}

div#content p.info span {
	font-weight:bold;
}

div#content .infos {
	font-style:italic;
	font-size:13px;
	text-align:right;
}

div#content div.pagination {
	font-family: verdana,sans-serif; 
	text-transform: uppercase; 
	font-weight: bold; 
	font-size: 11px;	
}

div#content p, div#content ul {
	font-size:13px;
	line-height:23px;
}

div#sidebar div.calendrier li h3, div#sidebar div.calendrier li ul, div#sidebar div.calendrier ul li ul li {
	display:inline;
}

div#sidebar div.calendrier li h3 {
	font-size:40px;
	font-weight:normal;
}

div#sidebar div.profil p {
	line-height:18px;
}

div#sidebar div h4 {
	font-size:11px;
	text-align:right;
	text-transform:uppercase;
}

div#sidebar div p, div#sidebar div.calendrier a, 
div#content p.info {
	font-size:12px;
}

form input, form textarea {
	font-size:12px;
}

/**
 * @CSS3
 **/
div#content p a, div#content ul a {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

div#content p.info a {
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

.preview img, div#content div.comment p.gravatar, 
.picture img {
	-moz-box-shadow: 0px 0px 5px #888;
	-webkit-box-shadow: 0px 0px 5px #888;
}

div#header li {
	display:inline;
}

div#header li a {
	*float:left;
	*display:block;
	*height:100px;
	*padding-bottom:0;
}

div#content div.post p.infos {
	*float:right; 
	*position:relative;
	*margin-top:-70px;
}

div#sidebar h3.title {
	*display:none;
}

div#sidebar h4 {
	*margin-top:30px;
}

div#sidebar div {
	*margin-bottom:10px;
	*background:none;
	*padding-bottom:10px;
}

div#sidebar {
	*background:#E4E4E4;
}

/** Glincer **/
div#glincer div {
	position:absolute;
	top:0;
	left:0;
}