/*-----------------{Reset}------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
img, div, input { behavior: url("/templates/test_new/iepngfix.htc") }

/*--------------------{Base}----------------------*/

body { background: url(/templates/test_new/images/arriere2.jpg) #f6f6f6 center; color: #8D8D8D; font-family: Century Gothic, Helvetica, Arial; font-size: 12px; margin: 0; padding: 0; line-height: 16px; }
input, textarea {color: #8D8D8D; font-family: Century Gothic, Helvetica, Arial; font-size: 12px; border:1px solid #6e9c00;}
a { text-decoration: none; font-weight: normal; color: #00759c; }
#enveloppe1 { background: url(/templates/test_new/images/arriere2.png) no-repeat top center;  width: 100%; margin: 0; }
#enveloppe2 { background: url(/templates/test_new/images/arriere3.png) repeat-x top;  width: 100%; margin: 0; }
#contenu { min-height: 400px; width: 937px; margin: auto; padding-top: 30px; }
.clear { clear: both; margin: 0; padding: 0; }
#titre { float: left; border: none;}
.principal p { padding-top: 15px;}

/*-----------------[Navigation]-------------------*/
	
.nav { text-transform: lowercase; position: relative; z-index: 10; float: left; margin: 0 0 0 -10px; padding: 5px 0 23px 0; font-family: Century Gothic, Helvetica, Arial; color: #bfbfbf; font-size: 18px; }
.nav li { float: left; margin: 0; padding: 0; list-style: none; }
.nav  li a { font-weight: normal; font-family: Century Gothic, Helvetica, Arial;  padding: 0 10px; color: #bfbfbf; font-size: 18px; text-shadow: 1px 1px 0px #fff; }
.nav li a:hover, .nav .page_courante a { color: #858484; }		



/*-----------------[Contenu principal]-------------------*/

.principal { position: relative; padding: 0 45px; width: 800px; background: url(/templates/test_new/images/milieu_photo.gif) repeat-y; line-height: 18px; font-size: 13px; }
.principal .photo{ width:auto; margin:auto; }
	.principal h1 { font-family: Century Gothic, Helvetica, Arial; color: #6e9c00; font-size: 36px; font-weight: normal; margin: -20px 0 -10px 0; padding: 0;}
	.principal h2 { font-family: Century Gothic, Helvetica, Arial; color: #6e9c00; font-size: 36px; font-weight: normal; margin: -20px 0 10px 0; padding: 0;}
	.principal h4 { font-family: Century Gothic, Helvetica, Arial; color: #6e9c00; font-size: 22px; font-weight: normal; margin: -20px 0 10px 0; padding: 0;}
	.principal_top { display: block; background-image: url(/templates/test_new/images/haut_photo.gif); width: 880px; height: 25px; margin-left: -45px; margin-bottom: 30px; }
	.principal_top2 { display: block; background-image: url(/templates/test_new/images/haut_photo2.gif); width: 880px; height: 25px; margin-left: -45px; margin-bottom: 30px; }
	.principal_bottom { display: block; background-image: url(/templates/test_new/images/bas_photo.gif); width: 880px; height: 26px; margin-left: -45px; margin-top: 20px; }
	.principalinfo { font-size: 14px; font-family: Century Gothic, Helvetica, Arial;  }
	.principalinfo img{ float:right; margin-left:20px; }
.ligne { margin: 15px 0 25px -34px;
 }	
.petites_images { text-align:center;}
.petites_images img{ height:75px; padding:3px; border:1px solid #8a8a8a; margin:3px; width:auto;}
.archives_images { text-align:center;}
.archives_images img{ height:100px; padding:3px; border:1px solid #8a8a8a; margin:3px; width:auto;}

.archives_chiffres { text-align:center; letter-spacing:1px;}
.archives_chiffres a { text-decoration:underline;}
.archives_chiffres a:hover { text-decoration:none;}

.top100_images { text-align:center;}
.top100_images img{ height:90px; padding:3px; border:1px solid #8a8a8a; margin:3px;}
.top100_images b{ color:#00759c; }
.top100_images table td{ padding-bottom:15px;}

.apropos {}
.apropos img { float:left; padding:3px; border:1px solid #8a8a8a; margin:3px 25px 25px 0;}
.apropos ul { margin-top:25px;}
.apropos li { list-style-type:disc; margin-left:30px; padding-left:5px;}

a.mosaic { border:none; display:block; margin:1px; float:left; width:60px; height:60px; background-position:center; text-decoration:none; } 
#mosaic { width:820px; margin:0 0 0 -4px; }

	
/*-------------------[Commentaires]-------------------*/

#commentaire {margin-top:-20px;}
#commentaire hr {
  border : 0;
  height : 1px;
  background : url(/templates/test_new/images/ligne.gif) 50% 0 no-repeat;
  margin :  0;
  width:856px;
}

h3#commentaires {  font-family: Century Gothic, Helvetica, Arial; color: #6e9c00; font-size: 36px; font-weight: normal; margin: -15px 0 10px 0; padding: 0; }
.commentaire-enveloppe { margin-top: 20px; }
.commentaire-contenu { padding: 5px 0 15px 0; }
.commentaire_ligne { margin-left: -35px; }
.commentaire-auteur { color: #c7c0aa; font-size: 18px; }
.commentaire-auteur .commentaire-meta, .commentaire-auteur .commentaire-meta a { color: #6e9c00; font-size: 14px; font-family: Century Gothic, Arial, sans-serif; }
.commentaire-auteur .commentaire-meta b { color: #6e9c00; font-size: 14px; font-family: Century Gothic, Arial, sans-serif; font-weight:normal;}
.commentaire-contenu p{ margin-top:-15px;}
span.nom_auteur, span.nom_auteur a { color: #00759c; font-size: 24px;}

#reponse { padding-top: 25px; }
#commentform input.bouton { background-color:#6e9c00; border-color:#6e9c00; color:#ffffff; font-size:14px; width:100px;}
li.comment #reponse textarea { width: 88% !important; }
li.comment #reponse input[type=text] { width: 50% !important; }
#reponse h3#comments { background: none; margin: 0px; padding: 0px; } 
#reponsecommentaires {  font-family: Century Gothic, Helvetica, Arial; color: #00759c; font-size: 36px; font-weight: normal; margin: -20px 0 20px 0; padding: 0; }
#commentform textarea#message { width: 88%; }
#commentform input[type=text] { width: 40%; }


/*-----------------[Barre autres]-------------------*/

#rss { float: right; border: none; margin: 20px 3px 0 0; cursor: pointer; }
#carte { float: right; border: none; margin: 20px 20px 0 0; cursor: pointer; }
#barre_autre { position: relative; float: right; margin-right: 57px; width: 145px; }

/*-------------------[Bas de page]---------------------*/
	
#bas_page { float: right; color: #bfbfbf; padding-bottom: 40px; text-shadow: 1px 1px 0px #fff; font-size: 14px; font-family: Century Gothic, Helvetica, Arial; margin: 15px 60px 0px 0; width: 700px; text-align: right; }
	#bas_page a { color: #858484; font-weight: normal; }
	#bas_page a:hover { color: #595959; }

#overDiv {
	background-color:#eeeeee;
	border:1px solid #999999;
	padding:5px;
}