/*
Theme Name: Vaunoise
Description: Le thème de la Vaunoise.
Version: 1.5
Author: Daniel Ménard
Author URI: http://www.vaunoise.net
*/

/* Corps principal de la page */

body
{
   margin: 0 0 0 0;
   padding: 0;
   background-color: #aaaaaa;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 76%;
}

div#page
{
   	/*height: 100%;*/
	/*margin : 0em auto 1em auto; pas supporté par IE 5.0 */
   margin: 0 5% 1em 5%;
   	width: 90%;
   	border: 0.2em solid #2557AD;
   	background-color: #FFFFFF;
}

div#accessibility
{
/*	margin : 0 auto 0 auto; Idem : IE5, pas de auto*/
	margin : 0 5% 0 5%;
   	width: 90%;
	color: #000000;
	text-align: right;
}

div#accessibility a
{
	text-decoration: none;
/*	color: #000000;*/
	font-size: 0.8em;
}


/* Entete */

div#header
{
   	padding: 0em 0em 0 0em;
   	border-bottom: solid 0.4em #FFD275;
   	background-color: #2557AD;
   	font-family: Georgia, "Times New Roman", Times, serif;
   	text-align: center;
	height: 9em;
}

/* entete - titre du site */
div#header h1 
{
   font-size: 2em;
   margin: 0;
   padding: 0;
   font-weight: bold;
   letter-spacing: 0.2em;
   color: #FFD275;
}

div#header h1 a:link, div#header h1 a:visited
{
   color: #ffffff;
   text-decoration: none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-variant: small-caps;
}

div#header h1 a:hover
{
   text-decoration: underline;
}

div#header h1 a
{
background: url("vaunoise.gif") no-repeat;
width: 260px;
height: 43px;
display: block;
margin: auto;
}
div#header h1 a span
{
display: none;
}


/* sous-titre */
div#header p#description
{
   	color: #ffffff;
   	font-size: 1.1em;
   	font-weight: normal;
   	padding: 0 0 0 0;
   	font-style: italic;
	margin: 0;
}

/* ligne de séparation entre titre et sous-titre */
#header p.separation
{
	font-size: 3em;
	color: #FFD275;
	margin: 0;
}

#bot
{
   clear: both;
   background-color: #2557AD;
   border-top: 5px solid #FFD275;
   padding: 5px;
   font-size: 10px;
   text-align: center;
}
#bot a
{
   color: #FFFFFF;
}

/* Zone principale contenant les articles */
div#main
{
   	margin-left: 18em;
   	padding: 1em;
   	border-left: 0.1em solid #FFD275;
}

/* DEBUT hack min-height compaticle IE */
div#main
{
	height: 60em;
}
html>body div#main
{
	min-height: 60em;
	height: auto;
} 
/* FIN hack min-height compaticle IE */

/*
div#main textarea
{
   width: 90%;
}
*/
div.post
{
   	clear: both;
	margin-bottom: 6em;
line-height: 1.5em;
}

/* ligne de separation entre deux articles */
div.postend
{
   margin: 0.5em 0 1em 0;
   padding: 0;
   text-align: center;
   color: #FFD275;
   font-size: 1.5em;
   line-height: 0;
}

/* entete de l'article, poste par, modifier... */
div.meta
{
   font-size: 1em;
   color: #2557AD;
   margin-bottom: 1em;
   clear: both;
}

div.meta a:link, div.meta a:visited
{
/*   color: #FFD275;*/
}
div.meta a:hover
{
   /*color: #FFD2FF;*/
}

/* citations */
blockquote
{
   border: 1px solid #AA8;
   background-color: #E0E1CE;
   margin: 0 1em 0 1em;
   padding: 0 1em 0.9em 1em;
}

blockquote p
{
   margin: 0.9em 0 0.1em 0; 
   padding: 0;
}

pre
{
    border: 1px solid #abb;
    font-size: 1.3em;
    background-color: #dee;
    margin: 0 1em 0 1em;
    padding: 0.9em 1em 0.9em 1em;
} 

code
{
    font-size: 1.3em;
   	background-color: #E0E1CE;
    padding: 0.1em 0.3em;
    border: 1px solid #abb;
} 


/* Colonne latérale */
div#sidebar
{
	position: absolute;
	top: 10em;
	left: 5.3%; /* uniquement pour IE 5 qui sinon colle la colonne en plein milieu */
	width: 16em;
   	padding: 2em 1em 2em 1em;
}

/* menus de la colonne latérale */
div#sidebar ul
{
   margin: 0;
   padding: 0;
}

div#sidebar li
{
   margin: 0;
   padding: 0;
   list-style-type: none;
}

/* titre de chacun des menus */
div#sidebar h2
{
   margin: 1em 0 0 0;
   padding: 0;
   font-weight: bold;
   font-size: 1em;
   background-color: #FFFFFF;
   color: #000000;
   border-bottom: 1px solid #FFD275;
}

div#sidebar ul li a
{
   display: block;
   text-decoration: none;
   border-bottom: 1px solid #FFD275;
   padding: 3px 0;
   background-color: #E1ECFC;
}

div#sidebar ul li a.current
{
   background-color : #FFD275;t
   font-weight: bold;
}


/* Chaque niveau de lien est indent? de 0.5em */
#sidebar ul ul a
{
   padding-left: 0em;
}

#sidebar ul ul ul a
{
   padding-left: 1em;
}

#sidebar ul ul ul ul a
{
   padding-left: 2em; 
}

#sidebar ul ul ul ul ul a
{
   padding-left: 3em; 
}

/* effet rollover sur les liens */
#sidebar ul ul li a:hover
{
   background-color: #2557AD;
   color: #FFFFFF;
}


/* Fix IE spaces. Hide from IE Mac \*/
* ul li a
{
   height: 1%;
}
/* End */



/*
#calendar
{
   margin: 0px 0px 10px 0px;
   border: 1px solid #FFD275;
   background-color: #E1ECFC;
}
#calendar caption
{
   border-bottom: 1px solid #003399;
   padding: 2px;
}
*/
#wp-calendar
{
   width: 100%;
}
#wp-calendar thead
{
   font-size: 10px;
}
#wp-calendar td
{
   text-align: center;
    color: #0033FF;
}
#wp-calendar td a:link, #wp-calendar td a:visited
{
   font-weight: bold;
   text-decoration: none;
    color: #003399;
}
#wp-calendar td a:hover
{
   color: #003399;
}

#about
{
   margin: 0px 0px 20px 0px;
   padding: 0px;
}


h2
{
   font-size: 1.5em;
   margin: 0px 0px 20px 0px;
   padding: 3px;
   background-color: #003399;
   color: #ffffff;
	clear: both;
}
h2 a:link, h2 a:visited
{
   color: #FFF;
   text-decoration: none;
}
h2 a:hover
{
   color: #FFD275;
   text-decoration: underline;
}

h3
{
   font-size: 1.3em;
   border-bottom: 1px dashed #2557AD;
   margin: 0px 0px 5px 0px;
   padding: 0px 0px 2px 0px;
   color: #2557AD;
}
h3 a:link, h3 a:visited
{
   color: #2557AD;
   text-decoration: none;
}
h3 a:hover
{
   color: red;
}

div.storycontent h1
{
   	font-size: 1.3em;
   	border-bottom: 1px dashed #2557AD;
   	margin: 2em 0 0.5em 0;
   	padding: 0 0 2px 0;
   	color: #2557AD;
	background-color: transparent;
}
div.storycontent h2
{
   	font-size: 1.3em;
   	border-bottom: none;
   	margin: 1em 0 0.5em 0;
   	padding: 0 0 0 0;
   	color: #2557AD;
	background-color: transparent;
}
div.storycontent h3
{
   	font-size: 1.2em;
   	border-bottom: none;
   	margin: 0px 0px 5px 0px;
   	padding: 0px 0px 2px 0px;
   	color: #2557AD;
	background-color: transparent;
}
div.storycontent h4
{
   	font-size: 1.1em;
   	border-bottom: none;
   	margin: 0px 0px 5px 0px;
   	padding: 0px 0px 2px 0px;
   	color: #2557AD;
	background-color: transparent;
}
div.storycontent h5
{
}
div.storycontent h6
{
}

h3#postcomment
{
clear: both;
}

a:link, a:visited
{
   color: #2557AD;
}
a:hover
{
   color: #2557AD;
}

.trackback
{
   font-size: 10px;
}

#commentlist
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}
#commentlist li
{
   list-style-type: none;
   margin-bottom: 10px;
   padding: 10px;
   background-color: #E1ECFC;
   border-top: 1px solid #FFD275;
   border-bottom: 1px solid #FFD275;
}
#commentlist cite
{
   margin: 7px 0px 0px 0px;
   padding: 0px;
   font-size: 10px;
   font-style: normal;
}
#commentlist p
{
   margin-top: 0px;
   padding-top: 0px;
}

.storycontent
{

}

/* DM */

span.image
{
   	float: left;
   	margin: 0.5em 1em 0.5em 0em;
   	background-color: white;
   	font-size: 0.8em;
	font-style: italic;
   	width: 140px;
   	background-color: #eee;
   	text-align: center;

}
span.encart
{
    float: right;
    margin: 0.5em 0em 0.5em 1em;
    font-size: 0.8em;
    width: 140px;
    background-color: #eee;
    text-align: center;
}

span.image a,
span.encart a
{
    border: 1px solid #aaa;
    padding: 4px;
    background-color: white;
    display: block;
	margin: 0;
	line-height:0.8em;
}


span.image a:hover,
span.encart a:hover
{
    border: 1px solid #444;
    background-color: #eee;
}

span.encart a img,
span.image a img
{
   border: none;
}

div.feedback
{
	float: right;
   	clear: both;
    padding: 0.5em 0 2em 0;
} 

div.feedback a
{
    padding: 5px 0 5px 25px;
    background: url("icons/discussion.png") center left no-repeat;

    height: 1em;			/* pour IE5, sinon pas de padding */
	margin-bottom: -3px;	/* IE5 sinon décalage */
}

/* icones de liens */
a.external {
    background: url("bullets/external.png") center right no-repeat;
    padding-right: 13px;

    height: 1em;			/* pour IE5, sinon pas de padding */
	margin-bottom: -3px;	/* IE5 sinon décalage */
}

a.mail {
    background: url("bullets/mail_icon.gif") center right no-repeat;
    padding-right: 18px;

    height: 1em;			/* pour IE5, sinon pas de padding */
	margin-bottom: -3px;	/* IE5 sinon décalage */
}
 
a.file
{
    background: url("bullets/file_icon.gif") center right no-repeat;
    padding-right: 20px;

    height: 1em;			/* pour IE5, sinon pas de padding */
	margin-bottom: -3px;	/* IE5 sinon décalage */
}

a.pdf
{
    background: url("bullets/pdf_15.gif") center right no-repeat;
    padding-right: 20px;

    height: 1em;			/* pour IE5, sinon pas de padding */
	margin-bottom: -3px;	/* IE5 sinon décalage */
}

a.doc
{
    background: url("bullets/word_small.gif") center right no-repeat;
    padding-right: 20px;

    height: 1em;			/* pour IE5, sinon pas de padding */
	margin-bottom: -3px;	/* IE5 sinon décalage */
}

a.xls
{
    background: url("bullets/excel_x.gif") center right no-repeat;
    padding-right: 20px;

    height: 1em;			/* pour IE5, sinon pas de padding */
	margin-bottom: -3px;	/* IE5 sinon décalage */
}

a.ppt
{
    background: url("bullets/powerpoint.gif") center right no-repeat;
    padding-right: 18px;

    height: 1em;			/* pour IE5, sinon pas de padding */
	margin-bottom: -3px;	/* IE5 sinon décalage */
}

div.navigation
{
	text-align: right;
}

span.editpost
{
	float: right;
    background: url("icons/edit.gif") center left no-repeat;
	padding: 0 0 0 20px;
	margin: 0 0 0 2em;

    height: 1em;			/* pour IE5, sinon pas de padding */
	margin-bottom: -3px;	/* IE5 sinon décalage */
}
div.tableofcontents 

{
   	border: solid 0.1em #FFD275;
   	background-color: #E1ECFC;
	padding: 1em;
	display: table;
    margin: 0 0 1em 0;
}

div.tableofcontents ul
{
   	margin: 0;
	padding: 0;
}

div.tableofcontents ul ul
{
	padding-left: 1em;
}

div.tableofcontents li
{
   	list-style-type: none;
	margin: 0;
	padding: 0;
}

/**** FORMULAIRES ***/

form fieldset
{
   border: 1px solid #003399;
   -moz-border-radius: 7px;
   margin-bottom: 1em;
   background-color: #eee;
}

form fieldset legend
{
   background-color: #003399;
   color: #FFD275;
   font-weight: bold;
   -moz-border-radius: 5px;
   padding: 0.3em 1em;
}

form div
{
   margin-right: 1em;
   margin-bottom: 0.5em;
}

form label
{
   font-size: 0.8em;
   color: #003399;
}

form input, form textarea
{
   -moz-border-radius: 7px;
   border: 1px solid #FFD275;
   padding: 0 0.3em;
   font-family: courier new, monospace;
   font-size: 1.2em;
}

input:focus, textarea:focus
{
   background-color: #FFD275;
}

form pre
{
   border: 1px solid #FFD275;
   background-color: #ddd;
   color: #000;
   padding: 0 0.3em;
   font-family: courier new, monospace;
   font-size: 1.2em;
}

form textarea#charte
{
   width: 100%;
}

form fieldset p
{
   color: re; /*#003399;*/
   font-size: 0.8em;
   text-decoration: italic;
}

form p.error
{
	color: red;
	font-weight: bold;
	clear: both;
	margin: 1em 0 1em 0;
	font-size: 1.1em;
}

/* DEBUT patch pour IE */
/* lorsqu'on applique une couleur de fond à un fieldset, IE fait déborder la couleur au dessus du bord haut.
pour corriger ça, on décale la légende vers le bas */ 
form fieldset {
    position: relative;
    margin-bottom: 2em;
	padding: 0em 1em;
}
html>body fieldset {    /* pour les autres que IE, annule la règle précédente */
    margin-bottom: 1em;
	padding: 1em;
}
form legend {
    position: relative;
    top: -1em;
}    
/* FIN patch pour IE */

div#xiti
{
   margin-top: 3em;
   font-size: 0.8em;
   text-align: center;
} 

div#xiti a
{
   text-decoration: none;
}

div#xiti a img
{
   border: none;
   font-size: 0.8em;
   display: block;
   margin: 0.5em auto 0 auto ;
   opacity: .3;
   filter: alpha(opacity=30);
}

div#xiti a:hover img
{
   opacity: 1;
   filter: alpha(opacity=100);
}

div.postlinks
{
   text-align: right;
   margin-bottom: 1em;
   clear: both;
}

div.postlinks a
{
   -moz-border-radius: 7px;
   border: 1px solid #FFD275;
   padding: 0.1em 0.3em;
   font-family: courier new, monospace;
   font-size: 1.2em;
   background-color: #FFD275;
   text-decoration: none;
}