/***********
 * Balises g�n�riques pour toutes les pages
 ***********/
a {color: #000;}
a:hover {color: #F00;}
a:visited {color: #555;}
/*a[href^="http://"] {
	padding-right: 10px;
	background: url("../images/style-lien-internet.png") no-repeat scroll right center;
}
a[href^="mailto://"] {
	padding-right:12px;
	background-image: url("../images/style-lien-mail.png") no-repeat scroll right center;
}

a[hreflang]:after { // merci � tristan nitot http://www.standblog.org
	font-weight: bold;
	color: gray; content: "\0000a0[" attr(hreflang) "]";
}
*/
acronym, abbr {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	cursor:help;
}
address p {
	font-style: normal;
	padding: 0;
	margin: 0;
}
blockquote{ /* thanks to http://www.simplebits.com/ */
	color: #777;
	padding-left: 23px;
	background: url("../images/style-bloc-citation.png") no-repeat 0 3px;
}
body{
	background-color: #ccc;
	width: 900px;
	margin: 10px auto 0 auto;
	font-size: 14px;
	font-family: "Luxi Sans", "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
	line-height: 140%;
}
cite{color: #444; font-style: italic;}
code,kbd{
	font-family: monospace;
	font-size: 12px;
	background-color: #EEE;
}
blockquote > p > code {
	display: block;
	background-color: #FFD;
	border: 2px solid #FD5;
	padding: 5px;
	text-align: left;
}
code span, kbd span {
	display: block;
	font-size: 90%;
	margin: 0 20px;
	padding: 2px 3px;
	background-color: #eee;
	border-left: 3px #CCC solid;
}
dl{padding: 5px 5px 5px 20px;}
dl dt {font-weight: bold; margin-top: 10px;}
h1, h2, h3, h4, h5, h6 {font-family:  "News Gothic MT",  Trebuchet, "Trebuchet MS", Verdana, Tahoma, Geneva, sans-serif;}
img {border: none;}
kbd{border-left: 2px #CCC solid; padding-left: 2px;}
kbd:before{content: "$ ";}
li {list-style-type: square; padding-bottom: 5px;}
q{color: #444;}
q:before {content: "\00ab  ";}
q:after {content: " \00bb";}
/********************************
 *  Layout générique
 ********************************/
#top {
	margin: 0;
	padding: 0;
	text-align: center;
	border: 4px solid #444;
	width: 677px;
	height: 120px;
	background-image: url('../images/fond-erigal.png');
	position : relative;
}
#top h1 {
	margin: 0;
	padding: 0;
	line-height: 100%;
	font-size: 32px;
	color: #444;
}
#top h1 a, #top h1 a:visited { color: #444; text-decoration: none}
#nav {
	display : block;
	position : absolute;
	bottom : 0;
	right : 10px;
	margin : 0;
	padding : 0;
}
#nav li {
	list-style : none;
	float : left;
	padding : 0 0 0 7px;
	margin : 0 0 0 7px;
	background : transparent url('../images/tab-bgl.png') no-repeat top left;
}
#nav a {
	display : block;
	margin : 0 0 0 0;
	padding : 5px 7px 5px 0;
	border : none;
	font-weight : bold;
	color : #fff;
	background : transparent url('../images/tab-bgr.png') no-repeat top right;
	text-decoration: none;
}
#nav a:hover, #nav a:focus {
	color : #999;
}
div#contenu {
	border: 4px solid #444;
	border-width: 0 4px;
	margin: 0;
	padding: 20px;
	background-color: white;
	float: left;
	clear: left;
	width: 637px;
}
div#contenu h2 {
	font-size: 20px;
	font-weight: normal;
	border-bottom: 1px solid black;
	margin-bottom: 10px;
}
div#contenu h2 a {color: #0d008b; text-decoration: none;}
div#contenu h2 a:hover {color: #F00;}
div#contenu p {margin: 5px 20px 30px 20px;}
div#contenu div.billet p {text-align: justify;}
img.lien_haut {float: right;}
div#contenu ul li p {margin: 0 0 5px 0;}
div#contenu dl {margin-top: -10px;}
ul#footer {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 4px solid #444;
	border-top: 0px;
	width: 657px;
	text-align: center;
	font-size: 9px;
	list-style: none;
	float: left;
	clear: left;
	background: #fff url('../images/fond-croatie.png') no-repeat scroll bottom center;
}
ul#footer li {list-style: none; clear: left;}
ul#footer code {background-color: inherit;}
ul#footer img {vertical-align: middle;}
ul#footer a {background-image: none; padding: 0;}
ul#footer li#copyleft {margin: 0 80px 0 80px; padding: 0; line-height: 1.2em; font-size: 8px;}
ul#footer li#copyleft img {float: left;}
div#menu {
	padding: 3px 6px 3px 6px;
	margin: 0 0 0 690px;
	border: 4px solid #444;
	background-color: #FFF;
}
div#menu h2 {
	padding: 0;
	margin: 0;
	text-align: center;
	border-bottom: 1px white solid;
	font-size: 14px;
	background-color: #006E1E;
	color: white;
}
div#menu h2 a {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	background-color: #006E1E;
	color: white;
}
div#menu h2 a:hover {
	background-color: white;
	color: black;
}
div#menu ul {padding: 0;}
div#menu ul li {list-style: none; padding: 0; line-height: 1em;}
div#menu ul li a {
	font-size: 12px;
	display: list-item;
	text-decoration: none;
	list-style: square inside;
	margin: 0 5px 0 5px;
}
div#menu ul li a:hover {color: red;}
p#prelude {display: none;}
/************
 * Page principale
 ************/
ul#associations, ul#publicites{padding: 0; text-align: center;}
ul#associations li, ul#publicites li {display: inline;}
ul#associations li a, ul#publicites li a {background-image: none;}
ul#associations li a img, ul#publicites li a img {vertical-align: middle;}
/************
 * Curriculum Vitae
 ************/
div#telechargement {
	background: #FFCECB url("../images/floppy.png") no-repeat scroll center right;
	float: right;
	border: red 2px solid;
	width: 220px;
	margin-left: 15px;
	padding: 0 10px 10px 10px;
}
div#telechargement h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
	margin: 4px; padding: 0 0 2px 0;
	border-bottom: 1px black solid;
}
div#telechargement ul {
	padding: 3px 0 3px 5px;
	margin: 0;
}
div#telechargement li {
	list-style-position: inside;
	font-size: 12px;
	line-height: 100%;
}
/*ul#rubriques {
	padding: 0 1px 1px 0;
	margin: 0;
	font: bold 12px Verdana, sans-serif;
	width: 400px;
}
ul#rubriques li {
	list-style: none;
	margin: 0; padding: 0;
	text-align: left;
}
ul#rubriques li a {
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 1em solid #AAB;
	background: white;
	text-decoration: none;
}
ul#rubriques li a:link { color: #448; }
ul#rubriques li a:visited { color: #667; }
ul#rubriques li a:hover, ul#rubriques li a:active, ul#rubriques li a:focus {
	border-color: #FE3;
	color: #FFF;
	background: #332;
}*/
div#cv {
	font-size: 90%;
	font-family: Times, serif;
	line-height: 1.3em;
	padding: 0;
	margin: 0;
}
div#cv h2 {
	line-height: 1em;
	margin-top: 40px;
	font-variant: small-caps;
}
div#cv h3 {
	font-family: Times, serif;
	margin-bottom: 8px;
	margin-top: 25px;
}
div#cv p.date, div#cv p.lieu {
	float: right;
	clear: right;
}
div#cv p.infos {
	font-style: italic;
}
div#cv p {
	margin: 0; padding: 0 0 0 20px;
}
div#cvnav {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	border-top: 1px solid #999;
	z-index: 1;
	clear: both;
}
div#cvnav ul {
	list-style-type: none;
	text-align: center;
	margin-top: -8px;
	padding: 0;
	position: relative;
	z-index: 2;
}
div#cvnav li {
	display: inline;
	text-align: center;
	margin: 0 5px;
}
div#cvnav li a {
	padding: 1px 7px;
	color: #666;
	background-color: #fff;
	border: 1px solid #ccc;
	text-decoration: none;
}
div#cvnav li a:hover{
	color: #000;
	border: 1px solid #666;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
}
div#cvnav li a#cvcurrent {
	color: #000;
	border: 1px solid #666;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
}
div#cv div#etatcivil {
	text-align: right;
}
div#cv div#etatcivil h3 {
	float: left;
	padding: 0; margin: 0;
	font-size: 1em;
}
/*div#cv {
	padding: 0;
	margin: 10px 0 0 0;
}
div#cv h2 {
	padding: 5px 5px 2px 5px;
	width: 60%;
	font-weight: bold;
	color: #393;
	background-color: #DFD;
	border-width: 1px 1px 0 1px;
	border-color: #8D8;
	border-style: solid;
}
div#cv p {margin: 0;}
div#cv dl.avec_image {
	padding: 10px 0 30px 110px;
	background: #DFD none no-repeat scroll 10px 20px;
	font-size: 12px;
}
div#cv dl.avec_image dt {
	font-weight: bold;
	float: left;
	margin: 0 20px 10px 0;
}
div#cv dl.avec_image dd {
	text-align: right;
	margin: 0 10px 10px 0;
}
div#cv dl {
	background-color: #DFD;
	border: 3px solid #8D8;
	border-width: 3px 1px 1px 1px;
}*/
/************
 * Le Blog
 ************/
div#contenu p.day-date{
	text-align: right;
	font: bold normal small-caps 16px/1 sans-serif;
	color: #FFF;
	background-color: #006E1E;
	padding: 2px; margin: 0;
}
div#contenu div.post-info {
	text-align: right;
	font-size: 80%;
	margin: 0 5px 0 300px;
	padding: 5px;
	border: 2px solid #aaa;
	background-color: #eee;
	margin-bottom: 40px;
}
div#contenu div.post-info p { padding: 0; margin: 0;}
div#content img {margin-left: auto; margin-right: auto; display: block;}
div.cal table {
	margin: 0 auto 0 auto;
	font-size: 11px;
	border-collapse: collapse;
	border: 2px #FF0033 solid;
	background-color: #FFBABA;
	text-align: center;
	margin-bottom: 10px;
}
div.cal table caption {font-size: 12px; font-weight: bold;}
div.cal table thead {background-color: #FF7575;}
div.cal * { padding: 0; margin: 0;}
div.cal td.active {border: 1px #FF0033 solid;}
div.cal tbody a {font-weight: bold;}
form.search fieldset {
	margin: 5px 0;
	border: 2px solid #45B354;
	background-color: #E0FFE1;
	padding: 4px;
}
form.search input {border: 1px solid #45B354;}
form.search input[type="text"] {width: 130px; background-color: #F3FFF3;}
form.search input[type="submit"] {width: 40px;}
#comments h3 {background-color: #77C; color: white;}
#comments div p.comment-info {
	margin: 0 20px 0 20px;
	padding: 0;
	border: #aaa 2px solid;
	font-size: 0.8em;
	background-color: #eee;
}
#comments div blockquote {
	margin: 0 20px 10px 20px;
	padding: 5px;
	border-color: #aaa;
	border-width: 0 2px 2px 2px;
	border-style: solid;
	background-image: none;
}
#comments div blockquote p {margin: 5px; padding: 0;}
#comments .gravatar_img {
	float: left;
	padding: 4px 2px 2px 2px;
}
form.form{
	background-color: #EEE;
	font-size: 10px;
	border: 2px solid grey;
	margin: 0 20px;
	padding: 10px;
}
form.form fieldset{border: none;}
form.form input{
	border: 1px grey dotted;
	border-width: 0 0 1px 0;
}
form.form label{
	vertical-align: top;
}
form.form textarea{
	width: 70%;
	border: none;
}
div#content img.smiley {display: inline;}

ul#syndication li {
	display: block;
}
ul#syndication li a {
	list-style-type: none !important;
}
/************
 * Pour les photos du blog
 ************/
img.photo {
  background-color: white;
  border: 2px solid black;
  padding: 5px;
  margin: 5px;
}
/************
 * Pour le javascript
 ************/
.hidden, .alt, .invisible{display: none;}
/************
 * Promote Pixelpost
 ************/
#pixelpostpromote {
  padding: 5px;
  text-align: center;
}
#pixelpostpromote img {
  padding: 2px;
  background-color: white;
  border: 1px solid black;
}