/* ***********************************************************************/
/*                                                                       */
/* nom : style.css                                                       */
/* auteur : Docteur BINDER  Jean-Philippe                                */
/* date dernière révision : 2006-11-11  12:32:17                         */
/*                                                                       */ 
/* ***********************************************************************/

* { margin: 0; padding: 0; border: 0; }

body
{
	margin: 0;
	padding: 0;
	background: #FFF;
	text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
	voice-family: inherit;
	font-size:small;
}

img { border: none; }
form { display: block; }
li {margin: auto;}
/*p { font-family: "trebuchet ms"}*/
code,pre,blockquote { font-family: "Courier New",monospace; }
q { font-style: italic; }

a:link, a:visited { color: #FF6633; text-decoration: none; }
a:hover { color: #FF6633; text-decoration: underline; }

/* Interventions
-------------------------------------------------------- */


/* Prelude --- Accessibilité
-------------------------------------------------------- */
#prelude
{
	position: absolute;
	top: -150px;
	width: 77em;
	margin: 0 auto;
	text-align: right;
	font-size: 80%;
}

/* Navigation
-------------------------------------------------------- */
#nav {
	position: relative;
	z-index: 100;
	width: 80em;
	height: 3em;
	margin: 0 auto 5px ;
	font-size: 95%;
	font-weight : bold ;
	text-align: left;
	/*background: #FFF url(img/bandeau01.jpg) top left no-repeat;*/
}
#menuDeroulant
{
	list-style-type: none;
	width: 80em;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	margin: 0 0 0 -0px;
}
#menuDeroulant li { float: left; width: 10em;}
#menuDeroulant a:link, #menuDeroulant a:visited
{
	display: block;
	height: 1%;
	color: #333;
	background: #dadada;
	padding: 2px 6px;
	border-right: 1px solid #FFF;
	text-decoration: none;
}
#menuDeroulant a:hover { color: #FFF; background-color: #7e6853; }
#menuDeroulant .sousMenu { display: none; list-style-type: none;font-size: 90%; }
#menuDeroulant .sousMenu li
{
	float: none;
	width: 16em;
	margin: 0 0 0 0px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: transparent;
}
#menuDeroulant .sousMenu a:link, #menuDeroulant .sousMenu a:visited
{
	display: block;
	color: #FFF;
	background: #7e6853 ;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: transparent;
	text-decoration: none;
}
#menuDeroulant .sousMenu a:hover
{
	background-image: none;
	color: #333;
	background-color:#FFF ;
	/*font-weight: bold;*/
}
#menuDeroulant li:hover > .sousMenu { display: block; }

/* Titre --- Logo
-------------------------------------------------------- */
#top
{
	width: 40em;
	height: 2.6 em;
	margin: 0 auto;
	padding: 10px 0px 0px 0px;
	text-align: left;
	color: #333;
	font: 1.5em Georgia,Verdana, serif;
	}
/*background-image: url(img/title.jpg);*/
/*background-repeat: no-repeat;*/
		
/*#top a
{
	display: block;
	width: 78em;
	height: 50px;
	color: #fff;
	background: transparent;
	text-align: right;
	
}*/

/* Page --- Contient : Blog (Content) + Colonne
-------------------------------------------------------- */
#page
{
	position: relative;
	width: 76em;
   margin: auto; 
	text-align: left;
}


/* Main --- *Main* > Content
-------------------------------------------------------- */
#main {}
/* Titres ---------------------------------------------- */
#main h2
{
	border-top: 1px solid #7e6853;
	border-bottom: 1px solid #7e6853;
	padding: 1px 10px 1px 20px;
	margin: 5px 0 3px 0;
	background: #dadada url(img/h2.gif)no-repeat left;
	color: #4D4D4D;
	font: 1.3em Verdana, serif;
	<!-- font-weight: bold; -->
}
#main h3
{
	margin: 15px 10px 3px 0;
	padding: 1px 10px 1px 20px;
	background: url(img/h3.gif)no-repeat left;
	color: #333;
	font-size: 1em;
	border-bottom: 1px dashed #7e6853;
}
#main h4
{
	margin: 5px 10px 3px 0;
	color: #333;
	font-size: 0.8em;
}

#main p
{
	margin: 5px 10px 0 0px;
	font-size: 1em;
	text-indent : 1em ;
	text-align:justify;
	}
#main p.tiret:before {content: "- "}

#main p.decore
{
	margin: 5px 0 0 0px;
	padding: 0;
	font-size: 1em;
	text-indent : 1.5em ;
	text-align:justify;
	background: url(img/doublearrow.png) no-repeat 0  4px
	}
#main pre
{
	margin: 15px 200px 15px 200px;
	padding: 5px;
	border: 2px solid #E5E5E5;
	font-size: 100%;
	font-weight: bold;
	text-align:center;
}
#main code { font-size: 120%; }
#main blockquote
{
	padding: 0 0 0 0px;
	margin: 10px 10px 10px 10px;
	border-left: 6px solid #E5E5E5;
	border-bottom: 3px solid #E5E5E5;
}
#main blockquote p
{
	margin: 5px 7px 0 7px;
	padding: 0 0 0 0px;
	}
/* Listes --------------------------------------*/
#main ul
{
	margin: 0;
	line-height: 18px;
	font-size: 1em;
}
#main ul li { list-style-type: none;margin-left: 0px; padding: 2px 0 2px 15px;background: url(img/doublearrow.png) no-repeat 0  6px}
#main ul li.liens { list-style-type: none; margin-left: 0px; padding: 2px 0 2px 20px; background: url(img/html.png) no-repeat 0  5px}

#main ul.liste {margin-left: 25px;line-height: 12px;font-size: 0.9em;}
#main ul li.liste {list-style-type: circle; padding: 2px 0 2px 1px; background: none}


#main ol
{
	margin: 0px 10px 0 20px;
	line-height: 18px;
	font-size: 85%;
}
#main ol li { margin:0; padding: 0; }
#main ol.paragraphe
{
	margin: 2px 10px 0 10px;
	line-height: 18px;
	font-size: 100%;
}

/* Listes de définitions, utilisées dans la rubrique Divers --------------------------------------*/
#main dl { font-size: 85%; margin: 4px 0; }
#main dl dt { padding: 8px 0 2px; font-weight: bold; }
#main dl dd { padding: 2px 0; }
#main dl dd a:link, dl dd a:visited {
	display: block;
	width: 100%;
	color: #FF6633;
	text-decoration: none;
	padding: 2px;
}
#main dl dd a:hover {
	color: #333;
	background: #FFFFCC;
	text-decoration: none;
}
.chapo { }

/* En bas de chaque post ----------- */
.post-info
{
	color: #4D4D4D;
	padding-top: 3px;
	padding-bottom: 15px;
	font-family: Georgia;
	text-align: right;
	border-top: 1px solid #CCCCCC;
	clear: both;
}
#main .post-info a:link, #main .post-info a:visited { color: #4D4D4D; text-decoration: none; }
#main .post-info a:hover { color: #4D4D4D; text-decoration: underline; }

hr.invisible
{
	border: none;
	color: #FFF;
	background: transparent;
}
/* Liens des posts ----------- */
#main a:link, #main a:visited { color: #FF6633; text-decoration: none; }
#main a:hover { color: #660099; text-decoration: underline; }
#main a[hreflang]:after { content: "\0000a0[" attr(hreflang) "]"; }

#main hr.invisible { clear: both; }

/* Renvoi ascenseur ----------- */
#main p.ascenseur
{
text-align: right;
text-decoration: underline;
font-size: 0.8em;
}

#main a.haut:link, #main a.haut:visited
{
	background: url(top.gif) no-repeat right center;
	color: #7e6853;
	text-decoration: none;
}
#main a.haut:hover
{ color: #D0D43E; text-decoration: underline; }

/* Content --- Main > *Content*
-------------------------------------------------------- */
#content {
	float: left;
	color: #000;
	padding: 5px 5px 5px 0;
	margin: 5px 0 10px 5px;
	width: 53em;
}

/* Liste commentaires + formulaire
-------------------------------------------------------- */
#co h3, #trackbacks h3
{
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 1px 10px 1px 20px;
	margin: 30px 0 3px 0;
	background: url(titre2.gif) no-repeat left center;
	color: #4D4D4D;
	font: 130% Georgia, serif;
}
#co blockquote p, #trackbacks blockquote p { color: #000; font-size: 85%; }
#co p, #trackbacks p { color: #4D4D4D; font-size: 80%; }
.comment-info { }
.erreur { border: 1px solid; padding: 5px; }

/* Menu - SideBar
-------------------------------------------------------- */
#page #menu {
	float:  right;
	padding: 0 5px 0 10px;
	margin: 5px;
	border-left: 1px dotted #7e6853;
	width: 19em;
}
#page #menu h2 {
	margin:  20px 25px 4px 0;
	padding-top: 1px;
	padding-left: 20px;
	font: 1.2em Georgia, serif;
	font-weight : bold ;
	color: #7e6853;
	background: url(img/folder16.png) no-repeat 0  3px;
	border: 0;
}
#page #menu h3 {
	margin: 0 0 0px 10px;
	padding-left: 20px;
	padding-top: 2px;
	font: 1em Georgia, serif;
	color: #7e6853;
	height: 15px;
	background: url(img/ico-arrow.png) no-repeat 0  3px
}
#page #menu p { color: #333; font-size: 80%; margin-bottom: 5px;margin-right: 2px; line-height: 13px;text-align:justify;}
#page #menu form { margin-bottom: 16px; }
#page #menu form fieldset p { margin: 0; }
#page #menu ul {
	list-style: none;
	margin: 0 0 5px 0;
	font-size: 80%;
	line-height: 13px;
}
#page #menu li {
	list-style: none;
	padding: 2px 0 2px 15px;
	background: url(img/li.png) no-repeat 0 3px;
}
#page #menu ul.feed li {
	padding: 2px 0 2px 17px;
	background: url(img/feed.png) no-repeat 0 3px;
}

#page #menu a:link, #page #menu a:visited { color: #7e6853; text-decoration: none; }
#page #menu a:hover { 
color: #333; background: #dadada;
/*color: #660099; text-decoration: underline;*/
}

#page #menu img {
margin: 10px 10px 4px 10px;
}
#page #menu img.dotted {
border: 2px dotted #CCCCCC;
margin: 10px 0px 4px 0px;
}

/* Footer
-------------------------------------------------------- */
#footer
{
	clear: both;
	border-top: 4px solid #7e6853;
	width: 95em;
	margin: 0 auto;
	padding: 3px 10px 8px 0;
	/* IE5 Mac Hack \*/
	padding: 8px 0;
	/* */
	font-size: 80%;
}
#footer p { text-align: right; }
#footer p img { vertical-align: middle; margin-left: 10px; }
/* Back Haut de page ---------------------------*/
#footer a.top:link, #footer a.top:visited
{
	padding: 4px 20px 4px 0;
	background: url(top.gif) no-repeat right center;
	color: #333;
	text-decoration: none;
}
#footer a.top:hover
{ color: #D0D43E; text-decoration: underline; }

#footer ul{
margin:0;
padding-left:0;
}

#footer li{
border-right:1px solid #036;
display:inline;
margin:0 5px 0 0;
padding:0 0.5em 0 0;
}

#footer li.dernier{
border:none;
}


/* Conteneur de colonne
-------------------------------------------------------- */
.col-content { }

/* Calendrier
-------------------------------------------------------- */
.cal { }
.cal table
{
	border-collapse: collapse;
	color: #4D4D4D;
	font-size: 80%;
}
.cal caption { padding: 0; font-size: 110%; }
.cal abbr { border: none; }
.cal th, .cal td { border: none; padding: 2px; }
.cal td { text-align: center; }
.cal td.active a { font-weight: bold; }
.cal a { }

/* Formulaires
-------------------------------------------------------- */
fieldset { display: block; border: 1px solid #FFF; font-size: 120%; }
input, textarea
{
	font-family: 'Lucida Grande', Verdana, Lucida, Geneva, sans-serif;
	border: 1px solid #DDDDDD;
	background: transparent;
	color: #333;
}
input[type] { margin-right: 3px; }
textarea[name] { }
input[type=submit], input[type=reset] { border: 1px solid #DDDDDD; color: #000; }
input[type=submit]:hover { background: #88D648; color: #FFF; }
textarea { width: 85%; }

p.field { margin-top: 8px; }
p.field input#q { width: 140px; padding: 1px; }
p.field label
{
	display: block;
	font-weight: bold;
	font-size: 85%;
}

/* Classes diverses
-------------------------------------------------------- */
.alerte {
/*border-left: 2px solid #FF6633;*/
margin: 3px 0 0 0;
padding: 7px 0 0 0;
background: url(img/warning.png) no-repeat 0px  8px ;
}
.petit { font-size: 80%; }
.droite { text-align: right; }
.flottegauche { float: left; padding: 0 6px 2px 0; }
.flottedroite { float: right; padding: 0 0 2px 6px; }
.clear { clear: both; }
.retrait{text-indent : 1em ;text-align:justify;}
a#tooCool {
	position: fixed;
	right: 0;
	bottom: 0;
	display: block;
	height: 80px;
	width: 80px;
	background: url(too_cool_french.png) bottom right no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

/* Plan du site
-------------------------------------------------------- */
#page #plan {
	float:  left;
	padding: 5px 5px 5px 0;
	margin-left:  5px;
	margin-bottom:  10px;
	width: 72em;
	\width: 72em;
	w\idth: 720px;
	
}
#page #plan p {
	height: 1.4em;
	margin:  5px 25px 4px 0;
	padding-top: 10px;
	padding-left: 24px;
	border: none;
	font: 1.3em Georgia, serif;
	font-weight : bold ;
	color: #7e6853;
	background: url(img/folder32.png) no-repeat 0  3px
}
#page #plan h2 {
	margin:  5px 25px 0px 30px;
	padding-top: 1px;
	padding-left: 20px;
	border: none;
	font: 1.2em Georgia, serif;
	font-weight : bold ;
	color: #7e6853;
	background: url(img/folder16.png) no-repeat 0  3px
}
#page #plan h3 {
	margin: 0 0 0px 60px;
	padding-left: 20px;
	padding-top: 1px;
	border: none;
	font: 1em Georgia, serif;
	color: #7e6853;
	height: 20px;
	background: url(img/ico-arrow.png) no-repeat 0  3px
}
#page #plan a:link, #page #menu a:visited { color: #7e6853; text-decoration: none; }
#page #plan a:hover { color: #660099; text-decoration: underline; }