/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Samuel Latchman and contributors. All rights
 * reserved.
 *
 * DotClear is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * DotClear is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with DotClear; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * ***** END LICENSE BLOCK *****
 *
 * Author: Zoe (http://www.callmepep.org/zoe)
 * Thème 3 colonnes dont celle du milieu fluide (version 1.2)
 *  
 */

 
/* -----------------------------------------------------	*/
/* General 							*/
/* -----------------------------------------------------	*/
body {
	margin : 0;
	padding : 0;
	background : white;
	color : #333;
	font : 12px Arial,Helvetica,sans-serif;
	color: #0F6284;
}

#bodycontent{
	position: relative;
	margin : 0 auto;
	width: 950px;
	font-family : Arial,Helvetica,sans-serif;
}
#bodycontent ul { 
	margin: 0;
	padding: 0;
	list-style: none; 
}
table { font-size : 1em; }
p { margin : 1em 0; }
q { font-style : italic; 
	color : #E33131;
}

pre { 
	width : 100%;
	padding-bottom : 1.5em;

	white-space:normal;
	/* caché pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/

	overflow : auto;
	white-space : pre;
	/* Fin hack Ne pas supprimer cette ligne */

}
code { width : 100%;}
img  { border : none; }
form { display : block; margin : 0; padding : 0; }

h1 {
	font-size : 20px; 
}
h2 { font-size : 1.4em;   margin : 0.83em 0 0 0;  font-family : Arial,Helvetica,sans-serif; font-weight : normal; }
h3 { font-size : 1.3em;   margin : 1em 0; 	  font-family : Arial,Helvetica,sans-serif;}
h4 { font-size : 1em; 	  margin : 1.33em 0; }
h5 { font-size : 0.83em;  margin : 1.67em 0; }
h6 { font-size : 0.67em;  margin : 2.33em 0; }

a { text-decoration : none; }
a:active  { text-decoration : none; }

a:focus   { text-decoration : none;}

a[hreflang]:after {

	content: "\0000a0(" attr(hreflang) ")";

	color : #666;

}

.clear {
	clear : both;
	display : block;
	height: 1px;
	margin : 0;
	padding : 0;
}

/* -----------------------------------------------------	*/
/* Layout								*/
/* -----------------------------------------------------	*/
#page {
	width : 100%;
	margin : 0;
	padding : 0;
}
#main {
	width : 100%;
	float : left;
	margin-left : -210px;
	padding : 0;

}
#wrapper {
	margin-left : 220px;
	padding : 0;
}


/* GAUCHE	*/
#topextrabox{
	width : 172px;
	height: 5px;
	background: url(bg-wrapper.gif) no-repeat top left;
	overflow: hidden;
}
#extrabox{
	float : left;
	width : 162px!important;
	width : 161px;
	padding : 0 5px 0 5px;
	margin : 0;
	background: url(bg-gauche.gif) repeat-y;
}
#extrabox h2 {

	padding: 5px 0;
	font-size: 15px;
	font-weight: bold;
	color: #E33131;
	border-top: dotted 1px #E33131;
}
#extrabox a.mail {
	line-height: 24px;
	padding-left: 12px;
	color: #E33131;
	background: url(puce-bleu.gif) no-repeat 0 3px;
}
#extrabox a:hover.mail {
	color: #0F6284;
}
#extrabox h2.oim {
	margin: 0;
	padding-left: 23px;
	font-size: 15px;
	font-weight: bold;
	color: #0F6284;
	border: none;
	background: url(bg-fan.gif) no-repeat;
}
#extrabox p#oim {
	margin: 0;
	padding: 5px 0;
}

#extrabox h2.recommand{
	margin: 10px 0;
	padding: 0;
	height: 28px;
	font-size: 11px !important;
	font-size: 10px;
	border-top: none;
	background: url(bgrecommand.gif) no-repeat;
}
#extrabox h2.recommand a{
	display: block;
	padding-left: 23px;
	line-height: 28px;
	color: #0F6284;
	background: url(bgarecommand.gif) no-repeat 5px center;
	text-align: LEFT;
}
#extrabox h2.recommand a:hover{
	color: #FD532F;
}


#extrabox ul{
	padding: 0 0 5px 0;
}
#extrabox ul li{
	list-style: none;
	margin-bottom: 3px;
	padding-left: 12px;
	color: #A6DAE8;
	background: url(puce-bleu.gif) no-repeat 0 3px;
}
#extrabox ul li a{
	color: #0F6284;
}
#extrabox ul li a:hover{
	color: #E33131;
}
#extrabox #archives ul li a{
	color: #0F6284;
}
#extrabox #archives ul li a:hover{
	color: #E33131;
}
#extrabox #advertising{
	padding: 5px 0;
	text-align: center;
}
#extrabox #fanclub h2{
	padding-left: 23px;
	color: #0F6284;
	border-top: none;
	background: url(bg-fan.gif) no-repeat;
}
#extrabox #fanclub acronym{
	text-align: center;
	padding: 7px 0 5px 0!important;
	padding: 7px 0 0 0;
	display: block;
	font-size: 11px;
	border-top: dotted 1px #E33131;
	border-bottom: none;
}
#extrabox #fanclub p{
	text-align: center;
	margin: 0;
	padding: 7px 0;
	display: block;
	font-size: 11px;
}

#extrabox span{
	display: block;
	margin-left: -5px;
	width : 172px;
	height: 5px;
	background: url(bg-gauchespan.gif) no-repeat bottom left;

}


#content {
	margin-left : 200px;
	padding : 10px;
}
#content a {
	color : #E33131;
	
}
#sidebar {
	float : right;
	width : 171px;
	padding : 0 10px;
	margin : 0;
}


#sidebar #disclaimer{
	position: relative;
	width : 171px;
	height : 194px;
	background: url(warning.gif) no-repeat top left;
}
#sidebar #disclaimer h3{
	display: none;
}
#sidebar #disclaimer p{
	display: none;
}
#sidebar #disclaimer a{
	position: absolute;
	top: 170px;
	left: 12px;
	line-height: 12px;
	padding-left: 5px;
	font-size: 11px;
	color: #FD532F;
	background: url(puce-awarn.jpg) no-repeat 0 center;
}
#sidebar #disclaimer a:hover{
	color: #0F6284;
}

/* -----------------------------------------------------	*/
/* Block "Top"							*/
/* -----------------------------------------------------	*/
#top {
	position: relative;
	margin : 0;
	width: 950px;
	height: 199px;
	padding: 0;
	background: url(bg-top.jpg) no-repeat;
}
#top h1{
	text-indent: -9999px;
	position: absolute;
	top: 39px;
	margin : 0;
	width: 298px;
	height: 48px;
	padding : 0;
	background: url(h1.gif) no-repeat;
}
#top h1 a{
	display: block;
	width: 298px;
	height: 48px;
}

#top h2{
	text-indent: -9999px;
	position: absolute;
	top: 95px;
	left: 183px;
	margin : 0;
	width: 203px;
	height: 25px;
	padding : 0;
	background: url(h2.gif) no-repeat;
}

#navbar-top {
	float : right;
	margin : 0;
	padding : 0;
}
.navbar {
	text-align : right;
}

/* -----------------------------------------------------	*/
/* Block "Footer"						*/
/* -----------------------------------------------------	*/
#footer {
	clear : both;
	text-align: center;
	margin : 0 0 10px 0;
	padding : 10px;
}
#dotclear {
	margin : 0;
	padding : 0;
}
#dotclear a {
	font-size: 11px;
	color: #0F6284;
}
#navbar-bottom {
	float : right;
	text-align : right;
	margin : 0;
	padding : 0;
}

/* -----------------------------------------------------	*/
/* Block "Sidebar"						*/
/* -----------------------------------------------------	*/
#sidebar h2 {
	margin: 0;
	padding: 5px 0;
	font-size: 15px;
	font-weight: bold;
	color: #E33131;
}
}
#sidebar ul {
	list-style-type : none;
	margin-top : 0.15em;
}
#sidebar li {

	list-style : none;

	margin-top : 0.15em;

	color : #999;

}



#sidebar li:hover {

	color : #333;

}

/* Calendar box ------------------------------------	*/
#calendar {
	margin : 0;
	padding : 0;
	background-color : #f7f7f7;
}
#calendar h2 {
	display : none;
}
#calendar table { 
	border-collapse : collapse;
	font-size : 0.85em;
	margin : 0 auto;
}
#calendar caption { 
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
	margin : 0 auto;
}
#calendar abbr { 
	border : none;
	font-style : normal;
}
#calendar th, #calendar td {
	font-weight : normal;
	border : none;
	padding : 1px;
}
#calendar td { 
	text-align : center;
}
#calendar td.active { 
	border : 1px solid #000;
}
#calendar td.active a {
	font-weight : normal;
	color : #000;
}
#calendar a {
	color : #CC0000;
}

/* Search form box --------------------------------	*/
#search {
	margin: 0;
	padding: 0 0 5px 0;
}
#search h2 {
}
#search input#q {
	padding-left: 2px;
	width: 125px;
	height: 16px;
	color: #034661;
	border-top: solid 1px #0A5478;
	border-right: solid 1px #5A9EB6;
	border-bottom: solid 1px #5A9EB6;
	border-left: solid 1px #0A5478;
}
#search input.submit {
	margin-left: 3px;
	width: 24px;
	height: 24px;
	border: 0;
	color: #034661;
	background: url(submit.gif) no-repeat 0 1px;
	cursor:pointer;
}
/* Categories box ----------------------------------	*/
#categories {
	margin : 0;
	padding : 0;
}
#categories h2 {
}

/* Archives box ------------------------------------	*/
#archives {
	margin : 0;
	padding : 0;
}
#archives h2 {
}

/* Links box -----------------------------------------	*/
#links {
	margin : 0;
	padding : 0;
}
#links h2 {
}

/* Syndication box --------------------------------	*/
#syndicate {
	margin : 0;
	padding : 0;
}
#syndicate h2 {
}
#syndicate ul {
	padding: 5px 0 5px 10px;
}
#syndicate ul li{
	padding-left: 15px;
	background: url(rss.gif) no-repeat 0 3px;
}
#syndicate ul li a{
	color: #0F6284;
}

#syndicate ul li a:hover{
	color: #FD532F;
}
#sidebar h2.recommand{
	margin: 10px 0;
	padding: 0;
	height: 28px;
	font-size: 11px !important;
	font-size: 10px;	
	background: url(bgrecommand.gif) no-repeat;
}
#sidebar h2.recommand a{
	display: block;
	padding-left: 23px;
	line-height: 28px;
	color: #0F6284;
	background: url(bgarecommand.gif) no-repeat 5px center;
}
#sidebar h2.recommand a:hover{
	color: #FD532F;
}
#sidebar #job{
	position: relative;

	background: url(job.gif) no-repeat;
}
#sidebar #job h3{
	display: none;
}
#sidebar #job p{
	display: none;
}
#sidebar #job a{
	position: relative;
display: block;
	text-align: center;
	width: 171px;
	height: 24px;
	padding-top: 74px;
	font-size: 11px;
	color: #fff;
}
#sidebar #job a:hover{
	color: #E9DC11;
}

#sidebar #opportunities{
	padding: 8px 0;
}
#sidebar #opportunities ul li{
	margin-bottom: 3px;
	padding-left: 12px;
	color: #A6DAE8;
	background: url(puce-bleu.gif) no-repeat 0 3px;
}
#sidebar #opportunities ul li a{
	color: #0F6284;
}
#sidebar #opportunities ul li a:hover{
	color: #E33131;
}
#sidebar #opportunities ul li a{
	color: #0F6284;
}
#sidebar #opportunities ul li a:hover{
	color: #E33131;
}


#sidebar #links ul li{
	margin-bottom: 3px;
	padding-left: 12px;
	color: #A6DAE8;
	background: url(puce-bleu.gif) no-repeat 0 3px;
}
#sidebar #links ul li a{
	color: #0F6284;
}
#sidebar #links ul li a:hover{
	color: #E33131;
}
#sidebar #links ul li a{
	color: #0F6284;
}
#sidebar #links ul li a:hover{
	color: #E33131;
}

/* Themes box --------------------------------------	*/
#themes {
	margin : 0;
	padding : 0;
}
#themes h2 {
}

/* -----------------------------------------------------	*/
/* Post								*/
/* -----------------------------------------------------	*/
.day-date {
	font-size : 12px;
	font-weight : normal;
	margin : 0;
	text-align : right;
	color : #E33131;
}
.post {
	padding : 0;
	margin-bottom : 20px;
	border-bottom: dotted 1px #E33131;
}
.post h2{
	padding-left: 15px;
	font-size: 18px;
	color : #0F6284;
	background: url(etoile.gif) no-repeat 0 5px;
}
.post h2 a{
	font-size: 18px;
	color : #0F6284;
}
.post h2 a:hover{
	color : #E33131;
}
.post-title {

}
.post-info {
	font-size: 11px;
	color : #0F6284;
	margin : 0;
	padding : 0;
}
.post-info a {
	color : #E33131;
 }
.post-info a:hover {
	color : #0F6284;
}
.post-chapo {
	margin : 0;
	padding : 0;
}
.post-content {
	margin : 0;
	padding : 0;
	text-align : justify;
}
.post-info-co {
	padding : 0;
	text-align : right;

}
.post-info-co a { 
	color : #E33131;
 }
.post-info-co a:hover { 
	color : #0F6284;
 }

/* -----------------------------------------------------	*/
/* Comments & Trackbacks				*/
/* -----------------------------------------------------	*/
#trackbacks, #comments{

}
h3#tb{
	color : #E33131;
	padding-left: 15px;
	background: url(etoile.gif) no-repeat 0 3px;
}
h3#co{
	color : #E33131;
	padding-left: 15px;
	background: url(etoile.gif) no-repeat 0 3px;
}
a.sendToFriendLink{
	color : #E33131;
	border-bottom: dotted 1px #E33131;
}
#content input#nom,
#content input#adresse,
#content input#nomAmi,
#content input#adresseAmi{
	border-top: solid 1px #0A5478;
	border-right: solid 1px #5A9EB6;
	border-bottom: solid 1px #5A9EB6;
	border-left: solid 1px #0A5478;
}

#comments-list, #trackback-list {
	margin : 0;
	padding : 0;
}
#comments a, #trackback a{
	color : #E33131;

}
#comment-preview {
}
#comments h3 {
	color : #E33131;
	padding-left: 15px;
	background: url(etoile.gif) no-repeat 0 3px;
}
#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
	display : block;
	margin : 0;
	padding : 0;
}
.comment-info {
	margin : 0;
	padding : 0;
}
#trackbacks .comment-info {
}
#comments .comment-info {
}
.comment-number {
	font-weight : bold;
}
.comment-number a {
	text-decoration : none;
}
.linktop {
	margin : 0;
	padding : 0;
}

/* -----------------------------------------------------	*/
/* Form								*/
/* -----------------------------------------------------	*/
#add-comment, #change-comment {
	margin : 0;
	padding : 0;
}
#comment-form {
	margin : 0;
	padding : 0;
}
#dcwikibar {
	margin : 0;
	padding : 0;
	padding : 2px;
}
fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}
input, textarea {

}
input#c_nom, input#c_mail,input#c_site {
	padding: 1px 0 0 2px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #034661;
	border-top: solid 1px #0A5478;
	border-right: solid 1px #5A9EB6;
	border-bottom: solid 1px #5A9EB6;
	border-left: solid 1px #0A5478;
}
input[type=submit], input[type=reset] {
}
input[type=submit]:hover {
}
textarea {
	margin : 0;
	padding : 1px 0 0 2px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #034661;
	border-top: solid 1px #0A5478;
	border-right: solid 1px #5A9EB6;
	border-bottom: solid 1px #5A9EB6;
	border-left: solid 1px #0A5478;
}
p.field {
	margin : 0;
}
p.field label {
	display : block;
}
.form-help {
}
input.preview {
}
input.submit {
}
#c_nom {
}
#c_mail {
}
#c_site {
}
#c_content {
}
#c_remember {
}

/* -----------------------------------------------------	*/
/* Error messages						*/
/* -----------------------------------------------------	*/
.error {

	border : 1px solid #c00;

	background : #fee;

	padding : 0.5em;

}

.error ul {

	padding-left : 20px;

}

.error li {

	list-style : square;

}

/* -----------------------------------------------------	*/
/* Extra blocks						*/
/* -----------------------------------------------------	*/
#block1 {
}
#block2 {
}
#block3 {
}
#block4 {
}
#block5 {
}
#block6 {
}