@charset "utf-8";
body {
background:black;
margin:0;
}
#main {
width:960px;
min-height:527px !important; height:527px;
margin:0 auto;
background:url(images/bg_main.jpg) top left no-repeat;
padding-top:10px;
}
.header {
float:right;
width:607px;
margin:0;
}
.header h1 {
font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:white;
margin:0 0 4px 0;
letter-spacing:1px;
}
.header h2 {
font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#ccc;
letter-spacing:2px;
padding-bottom:8px;
border-bottom:1px solid #4E4534;
margin:0;
}
.date {
float:right;
margin-top:8px;
font:10px Arial, Helvetica, sans-serif;
color:#ccc;
letter-spacing:1px;
}

.menu {
float:right;
width:586px;
height:40px;
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:1px;
border-right:1px solid #4E4534;
margin-right:20px !important; margin-right:10px;
}
.menu a {
float:left;
background:#4E4534;
color:white;
padding:0 6px 0 6px;
text-decoration:none;
margin:0 6px 0 0;
border-bottom:1px dashed #ccc;
}
.menu a:hover {
background:#4E4534;
color:white;
padding:4px 6px 0 6px;
border-bottom:1px solid #ccc;
}
.big {
font-weight:bold;
letter-spacing:2px;
}
.galerie {
float:right;
width:576px;
padding:0 10px 20px 0;
border-right:1px solid #4E4534;
margin-right:20px !important; margin-right:10px;
}
.galerie img {
float:left;
margin:1px 0 0 0;
border:1px solid white;
}
.galerie h2 {
float:left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:white;
margin:0 0 3px 0;
letter-spacing:1px;
}
.galerie h2 a {
color:white;
border-bottom:1px dashed #ccc;
padding:0 0 2px 6px;
text-decoration:none;
}
.galerie h2 a:hover {
border-bottom:1px solid #ccc;
}
.galerie h5, #content_int h5 {
font:10px Verdana, Arial, Helvetica, sans-serif;
color:white;
margin:0 0 6px 0;
}
.texte {
float:left;
width:444px;
margin:10px 0 0 6px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#ccc;
letter-spacing:normal;
}
.med {
float:left;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:white;
margin:6px 0 0 0;
background:#4E4534;
padding:1px 4px 2px 4px;
letter-spacing:1px;
}
.med a {
font-weight:bold;
}
.med a:hover {
font-weight:normal;
}
#content {
float:right;
width:607px;
}
.right {
float:right;
width:250px;
text-align:right;
}
.texte_hasard {
font:9px Verdana, Arial, Helvetica, sans-serif;
color:white;
background:#4E4534;
padding:1px 4px 2px 4px;
letter-spacing:1px;
margin-right:20px !important; margin-right:14px;
}
.texte_hasard2 {
font:bold 9px Verdana, Arial, Helvetica, sans-serif;
color:white;
background:#4E4534;
padding:1px 4px 2px 4px !important; padding:1px 4px 3px 4px;
letter-spacing:1px;
margin-right:20px !important; margin-right:14px;
}
.random {
float:right;
border:1px solid #4E4534;
padding:2px;
}
.random img {
border:none;
margin:0;
}
.legende {
float:right;
width:280px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:white;
background:#4E4534;
padding:6px;
margin-right:20px;
}
.left {
float:left;
width:300px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:white;
line-height:14px;
border-bottom:1px solid #ccc;
padding-bottom:6px;
}
.left a {
color:white;
text-decoration:underline;
}
.left a:hover {
text-decoration:none;
}
.left p {
margin-bottom:2px;
}
p.spip {
margin-bottom:2px;
}
.titre_blog {
font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:black;
margin:0 0 4px 0;
padding:1px 4px 0 4px;
letter-spacing:1px;
background:#ccc;
}
.left h2 {
border-bottom:1px solid #ccc;
margin:0 0 4px 0;
}
.left h4 {
font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:white;
margin:0 0 2px 0;
}
.puce {
color:#ccc;
}
.base_blog a {
float:right;
background:#ccc;
padding:0 4px 1px 4px;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:black;
text-decoration:none;
}
.base_blog a:hover {
color:black;
background:white;
}
.petit {
float:left;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#ccc;
margin-top:8px;
}
.footer {
float:right;
width:960px;
margin:20px 0 6px 0;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#ccc;
letter-spacing:1px;
text-align:right;
line-height:18px;
}
.footer a {
color:#ccc;
text-decoration:none;
padding-bottom:2px;
border-bottom:1px dashed white;
}
.footer a:hover {
color:white;
padding-bottom:3px;
}
.footer p {
margin-bottom:2px;
}


#content_int {
float:right;
width:606px;
height:300px;
border-top:1px solid #4E4534;
border-right:1px solid #4E4534;
border-bottom:1px solid #4E4534;
padding:6px 0;
}
#content_int h2, #content_int2 h2, #content_int3 h2 {
font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:white;
margin:4px 0;
letter-spacing:1px;
}
#content_int h2 a, #content_int2 h2 a, #content_int3 h2 a {
color:#ccc;
text-decoration:none;
}
#content_int h2 a:hover, #content_int2 h2 a:hover, #content_int3 h2 a:hover {
color:white;
}
.sstitre {
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#ccc;
font-weight:normal;
letter-spacing:normal;
}
#content_int2 {
float:right;
width:606px;
border-top:1px solid #4E4534;
border-right:1px solid #4E4534;
border-bottom:1px solid #4E4534;
padding:6px 0;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#bbb;
}
#content_int3 p {
margin:0 0 4px 0;
}
#content_int3 {
float:right;
width:596px;
border-right:1px solid #4E4534;
border-bottom:1px solid #4E4534;
padding:6px 10px 6px 0;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#bbb;
}
#content_int3 img {
border:1px solid white;
}
#content_int3 a {
color:white;
text-decoration:underline;
}
#content_int3 a:hover {
text-decoration:none;
}
.accueil a {
float:right;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:white;
text-decoration:none;
margin:4px 4px 0 0;
letter-spacing:normal;
}
.accueil a:hover {
color:#bbb;
}

.docs_int {
float:left;
width:140px;
height:115px;
text-align:center;
padding:10px 4px;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#ccc;
}
.docs_int a img {
border:1px solid #ccc;
-moz-opacity:1.0;
filter:alpha(opacity=100);
opacity:1.0;
}
.docs_int a:hover img {
-moz-opacity:0.6;
filter:alpha(opacity=60);
opacity:0.6;
}
.docs_int a {
text-decoration:none;
color:#ccc;
}
.docs_int a:hover {
color:white;
}

.comment {
float:left;
width:320px;
margin:440px 0 0 6px;
}
.minus2 {
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#ccc;
}
.minus2 p {
margin:2px 0 0 0;
}
.comment h4 {
font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:white;
margin:2px 0;
}
.med a {
color:white;
text-decoration:none;
}
.med a:hover {
text-decoration:underline;
}

fieldset {
float:left;
width:90%;
border:none;
margin:10px 0 0 0;
}
form {
margin:0;
padding:0;
border:none;
}
.form1 {
border:1px solid white;
background:#4E4534;
padding:2px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:white;
}
input {
border:1px solid white;
background:#4E4534;
padding:2px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:white;
}