/* Les éléments de base
-------------------------------------------------------- */

html, body{ height: 100%; margin: 0; padding: 0; font-family:Verdana,"Comic Sans MS", Arial, Helvetica, sans-serif; font-size:small; color:#003333; text-align:center; }
  
#base0 { width: 946px; height:114px; margin: 0 auto 0 auto; }
  
#base1 { background-image:url(../../images/divers/symbole.jpg);  background-repeat:no-repeat; text-align:left; width: 838px; margin: 0 auto 0 auto; border-right: 1px solid #CBFACF; }

a { text-decoration:none; color: #663; }
a:visited{ color:#096; }
a:hover{ color:#033; }

h1  { margin-top:0; color:#FF9900; font-size:large; font-weight:bold; padding-bottom:12px; font-variant:small-caps; }
h2 { font-size:medium; font-weight:normal; font-variant:small-caps; margin-left:-3px; margin-top:9px; }
h3  { margin-top:10px; color:#006633; font-size:small; font-weight:bold; margin-bottom:0; }
p { margin-top:7px; margin-bottom:4px; }
ul  { margin-top:0; margin-bottom:0; margin-left:20px; padding:0; }


/* La partie gauche
-------------------------------------------------------- */

#gauche { width:300px; float:left; }

#search{ padding-top:40px; background: transparent; color: 003333; line-height: 1em; }
#search fieldset, #search p{ margin: 0; padding: 0; }
#q{ padding-left: 18px; background: #E0FFE2 url(img/q.png) no-repeat 4px center; }
fieldset{ border: none; }
label{ cursor: pointer; }
.field label{ display: block; }
input,textarea{ border: 1px solid #00540C; }
textarea{ width: 100%; font-size: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.submit { background-color:#00CA63; color:#003333; }

#cachemenu { height:0; visibility:hidden;}

#menu { list-style-type:none; margin:17px 0 12px 0; padding:0; line-height:1em; }
#menu li { margin-top:12px; height:30px; }
#menu li a { display:block; height:30px; }

a#voeux { background-image:url(../../images/liens/voeux.a.png); width:62px; }
a:hover#voeux { background-image:url(../../images/liens/voeux.r.png); width:62px; }
a#auteur { background-image:url(../../images/liens/auteur.a.png); width:71px; }
a:hover#auteur { background-image:url(../../images/liens/auteur.r.png); width:71px; }
a#infolettre { background-image:url(../../images/liens/infolettre.a.png); width:87px; }
a:hover#infolettre { background-image:url(../../images/liens/infolettre.r.png); width:87px; }
a#precision { background-image:url(../../images/liens/precision.a.png); width:94px; }
a:hover#precision { background-image:url(../../images/liens/precision.r.png); width:94px; }
a#navigation { background-image:url(../../images/liens/navigation.a.png); width:104px; }
a:hover#navigation { background-image:url(../../images/liens/navigation.r.png); width:104px; }
a#contributions { background-image:url(../../images/liens/contributions.a.png); width:130px; }
a:hover#contributions { background-image:url(../../images/liens/contributions.r.png); width:130px; }
a#tirage { background-image:url(../../images/liens/tirage.a.png); width:184px; }
a:hover#tirage { background-image:url(../../images/liens/tirage.r.png); width:184px; }
a#tresor { background-image:url(../../images/liens/tresor.a.png); width:205px; }
a:hover#tresor { background-image:url(../../images/liens/tresor.r.png); width:205px; }
a#textes { background-image:url(../../images/liens/textes.a.png); width:223px; }
a:hover#textes { background-image:url(../../images/liens/textes.r.png); width:223px; }
a#liens { background-image:url(../../images/liens/liens.a.png); width:55px; }
a:hover#liens { background-image:url(../../images/liens/liens.r.png); width:55px; }
a#contact { background-image:url(../../images/liens/contact.a.png); width:81px; }
a:hover#contact { background-image:url(../../images/liens/contact.r.png); width:81px; }

#archives{ margin:0 0 1em 0; text-align:justify; }
#calendar{ text-align:left; padding-right:40px; margin-bottom:1em; }
#calendar table{ font-size: 0.8em; text-align: center; margin: 0 auto; border-collapse: collapse; }
#calendar table caption{ margin: 0 auto; }
#calendar table th{ color: #493; background: transparent; }
#calendar table td{ width: 15%; line-height: 2em; border: 1px solid #CBFACF; }
#calendar table td a{ display: block; background: #EFA; color: #063; font-weight: bold; text-decoration: none; }
#calendar table td a:hover{ background:#9F6; color:#063; }
#categories { margin-bottom:2em; text-align:justify; }
#categories ul{ margin: 0; padding: 0; list-style: none; line-height:1.6em; padding-left:8px; }

.liste { background-image:url(../../images/divers/pointer.png); background-repeat:no-repeat; padding-left:18px}


.left{
	float: left;
}

.right{
	float: right;
}

.droit {
	text-align:right;
	color:#666666;
}

.droit a {
	color:#999999;
}

.droit a:hover {
	color:#009966;
}

.lien a {
	color:#666666;
}

.lien a:hover {
	color:#009966;
}




.presentation{
	margin-bottom:2em;
	margin-top:0;
	padding:0;

}

.retrait{
	margin-left:8px;
	margin-top:0;
	padding:0;
}

.center{
	text-align:center;
	margin-top:7px;
	margin-bottom:7px;
	padding:0;
}

.titres{
	color:#006633;
	margin-top:0;
	font-variant:small-caps;
	font-weight:bold;
	margin-bottom:0;
}

.sstitres{
	margin-top:5px;
	font-variant:small-caps;
	font-weight:bold;
}

.textes  {
	margin-top:5px;
	margin-bottom:0;
}

.sousligne  {
	color:#FF9900;
}

.billet{
	margin-left: -8px;
	background: transparent url(img/billet.png) no-repeat left center;
}

.post{ margin-bottom: 2em; }
.post-title{ color:#0C3; background: transparent; margin-bottom: 0; font-weight:bold; }
.post-title a{ color:#0C3; background: transparent; text-decoration: none; font-weight:bold; }
.categorie{ font-size:small; font-style:italic; color:#C96; background: transparent; }
.categorie a{ font-size:small; font-style:italic; color:#C96; background: transparent; text-decoration: none; }
.post-info{ margin-top: 0; color:#FA0; background: transparent; }
.post-info a{ color:#FA0; background: transparent; text-decoration: none; }
.auteur{ color:#CC9900; font-style:italic; }

.auteurs{
	color:#CC9900;
	font-style:italic;
	margin-left:17px;
}

.lire{
	font-style:italic;
	margin-left:17px;
}

.post-content{
	text-align: justify;
}

.post-content blockquote{
	font-family: Georgia, serif;
	font-style: italic;
}

.post-info-co{
	text-align: right;
}

.signature{ margin-top:20px; color:#CC9900; font-style:italic; }

.center{
	margin-top:7px;
	margin-bottom:4px;
	text-align:center;
}

/* La partie droite
-------------------------------------------------------- */

#droite{ margin-left:300px; width: 483px; padding:30px 10px 0 45px; text-align:justify; }

#droite div{ margin-bottom:2em; }
#droite div ul{ margin: 0; padding: 0; list-style: none; line-height:1.6em; padding-left:8px; }
#droite h2{ color: #9ED200; margin :0; padding-bottom:4px; }

.photo { float:left; margin: 0 15px 5px 25px; }
.rouge{ color:#FF0000; }
.champMail { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; border:1px solid #0F3722; width:400px; padding-left:3px; color:#0F3722; text-align:center; }
.champTexte { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; border:1px solid #0F3722; width:400px; text-align:justify; color:#0F3722; padding:3px; }


/* Le pied de page
-------------------------------------------------------- */

#footer{ background-color:#DFFBE2; margin: 0; padding:7px 1px 5px 1px; clear: both; color:#003333; text-align:center; line-height:1.4em; font-size:0.85em; }
#footer a { text-decoration:none; color:#009900; }
#footer a:hover { color:#FF9933; }