body{ 
color: #fff;
font: normal 12px Arial;
background:#282d3a;
}

img{
margin:0;
border:none;
}

textarea {
font: normal 12px Arial;
border: 1px solid #222;
background-color: #3b3b3b;
color: #aaa;
margin: 3px 0 3px 0;
overflow: auto;
}

.inputtext{
font: normal 12px Arial;
height:20px;
border:1px solid #222;
background:#3b3b3b;
color:#aaa;
margin:4px 0 4px 0;
}

a {
color: #fff;
font:bold 11px Verdana;
text-decoration: none;
}

a:hover {
color: #85DC38;
font:bold 11px Verdana;
text-decoration: underline
}

a.lien_boules {
display:block;
color: #fff;
padding-right:16px;
margin-right:4px;
text-decoration: none;
background:url(images/btrout.gif) right no-repeat
}

a.lien_boules:hover { 
display:block;
color: #ccff00;
padding-right:16px;
margin-right:4px;
text-decoration: none;
background:url(images/btrover.gif) right no-repeat
}

a.lien_boules_defaut, a.lien_boules_defaut:hover { 
display:block;
color: #ffb200;
padding-right:16px;
margin-right:4px;
text-decoration: none;
background:url(images/btrover.gif) right no-repeat
}

b {
color: #ffffff;
font:bold 11px Verdana;
}

strong {
color: #ccff00;
font:bold 11px Verdana;
}

.large { 
color: #fff; 
font: normal 12px Arial;
text-align: justify;
padding-right:8px
}

.etroit{
color: #ccc; 
font:normal 11px Verdana;
text-align: left;
padding-left:8px;
border-left:1px dashed #8c9cc1}

.etroit a, .large a{
color: white; 
font:bold 10px Verdana;
text-decoration: none
}

.etroit a:hover, .large a:hover{
color:#6bcd00;
font:bold 10px Verdana;
text-decoration:underline;
}

/* classes et formats pour le blog */

.lienblog{
color:#cc6633
} 

.lienblog:hover{
color:#ffb200
}

.dateblog{
float:right;
color:white;
}

.titreblog{
background-color:#5d7791;
color:white;
font:bold 11px Verdana;
padding:5px;
}

.commentaireblog{
background-color:#aaa;
padding:4px;
color:#333;
}

.sujet{
border-bottom:2px dashed #5d7791;
margin-bottom:7px;
padding-bottom:7px;
}

.imagesblog{
margin:0 10px 10px 0;
border:2px dashed #5d7791;
background:#323b4a;
}


.calend{
background-color:#797d8f;
margin-top:4px;
margin-bottom:4px;
}

.moispasses{
display:block;
text-align:center;
width:43px;
background-color:#373a48;
color: #fff; 
font:bold 11px Verdana;
text-decoration: none; 
cursor:pointer;
padding:2px 0 2px 0;

}

.moisfuturs{
display:block;
text-align:center;
width:43px;
background-color:#555864;
color: #888; 
font:bold 11px Verdana;
text-decoration: none; 
padding:2px 0 2px 0;
}

.moispasses:hover{
display:block;
text-align:center;
width:43px;
background-color:#786b75;
color: #ffb200;
font:bold 11px Verdana;
text-decoration: none; 
cursor:pointer;
padding:2px 0 2px 0;
}

.archives{
 border:2px solid #5d7791;
 padding:3px;
}

.titreannee{
border-bottom:2px dashed #5d7791;
padding-bottom:3px;
margin:10px 0 3px 0;
color: #ccff00; 
font:bold 11px Verdana;
}

#comment, #aut, #chif{
background-color:#373a48;
color:#ccc;
}

#comment{
width:490px;
height:200px;
}

#aut{
width:250px;
height:16px;
margin: 3px 0 3px 0;
border: 1px solid #222;
}

#chif{
width:100px;
height:25px;
font-size:20px;
border: 1px solid #222;
}
/* formats pour les images inserees */
.right{
float:right;
margin-left:10px;
border:none;
}

.left{
float:left;
margin-right:10px;
border:none;
}

.center{
display:block;
margin:5px 0 5px 0;
}

.thumbblog
{
float:left;
margin:5px 10px 0 0;
border:2px dashed #5d7791;
background:#323b4a
}

/* tableau lignes bleues */

#tabH{
background:url(images/tabH.gif) bottom no-repeat;
width:794px;
height:30px;
}

#tabM{
background:url(images/tabM.gif) repeat-y;
width:794px;
}

#tabB{
width:794px;
background:url(images/tabB.gif) bottom no-repeat;
}
#tabB #contenupages {
display: block;
}
#tabB .contM{
padding:0 30px 0 30px;
text-align:left;
}

/* styles de texte */
.normal{}

.gras{
color: #fff; 
font:bold 11px Verdana;
}

.titre_gris{
color: #aaa; 
font:bold 11px Verdana;
}

.titre_vert{
color: #ccff00; 
font:bold 11px Verdana;
}

.titre_jaune{
color: #ffb200; 
font:bold 16px Verdana;
}

.temoignage{
font:normal 14px Courier;
color:black;
text-align:justify;
background:url(images/fond_lettres.gif) #e3e0dc;
padding:30px;
display:block;
border:dashed 1px #bbb;
margin:5px 0 5px;
}
/* boites */

#palette, #styles1, #tailleimage, #palette_edition {
display:none;
}
/* galerie */
#menugal{
background:url(images/menu.gif) no-repeat;
width:674px;
height:135px;
}

.vignette{
width:82px;
height:82px;
background:url(images/fondmini.gif) top no-repeat;
}

.vignette:hover{
width:82px;
height:82px;
background:url(images/fondmini2.gif) top no-repeat;
}

#slider{
height:16px;
background:url(images/fond_slider.gif) top repeat-x;
}

.boutonpot{
border:none;
background:url(images/ticker.gif) no-repeat;
width:40px;
height:13px;
position:relative;
top:-5px;
}