* {
margin: 0;
padding: 0;
} 

body {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%; 
color: #6F6F6F;
background: #000;
margin: 0;
padding: 0;
} 

p {
margin-bottom: 15px;
}

body a {
color: #000;
}

body a:hover, body a:focus, body a:active {
color: #DDD;
background-color: #888;
text-decoration: none;
}

#conteneur {
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
background: #FFF url("images/hs.jpg") top left no-repeat;
}

#recherche_style {
width: 100%;
height: 35px;
background-color: #FFF;
}

#rechercher p, #style_switcher p {
display: inline;
}

#rechercher form, #style_switcher form {
display: block;
padding-right: 10px;
padding-top: 5px;
}

#style_switcher  {
float: left;
text-align: left;
margin-left: 10px;
}

#rechercher  {
float: right;
text-align: left;
}

#rechercher #search, #style_switcher #style {
background-color: #DDD;
border: 1px solid #888;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
}

#rechercher .submit, #style_switcher .submit, #forum .submit {
background-color: #888;
border:1px outset #000;
font-weight: bold;
color: #FFF;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
margin-left: 5px;
height: 20px;
}

#recherche_style .submit:hover, #forum .submit:hover {
background-color: #000;
}

#header {
width: 100%;
height: 75px;
background-color: #FFF;
}

#header img {
position: absolute;
}

/* menu horizontal
-------------------------------------------------------- */	  

#navcontainer {
background: #CCC url("IMG/fond_menu.jpg") top left repeat-x;
text-align: center;
}

#navlist {
position: relative;
list-style-type: none;
height: 30px; 
line-height: 30px;
text-align: center;
margin: auto;
padding: 0;
width: 620px;
}

#navlist li {
display: inline; 
padding: 0;
}

#navlist li a, #navlist li a:visited {
display: block;
float: left;
color: #c92727;
width: auto;
padding: 5px 20px 0 20px;
height: 25px;
text-decoration: none;
font: bold 1.5em Arial, Helvetica, sans-serif;
}

#navlist li a:hover, #navlist li a:focus, #navlist li a:active{
display: block;
color: #FFF;
padding-top: 5px;
height: 25px;
text-decoration: none;
font: bold 1.5em Arial, Helvetica, sans-serif;
background: #CCC url("IMG/fond_menu_survol.jpg") top left repeat-x;
text-shadow: none;
}

#nav {
margin-left: 30px;
margin-top: 5px;
}

#nav a {
font-size: 1.1em;
}


h1 {
margin: 0;
padding: 0;
}

#cadre h2, #cadre2 h2, #cadreblog h2 {
text-align: center;
font-size: 1.2em;
text-transform:uppercase;
color: #000;	
margin: 40px 25px 30px 0; 
}

#gauche h2 {
font-size: 1em;
text-transform: uppercase;
text-align: center;
color: #DDD;
padding: 10px 0 10px 0;
}

h3 {
text-align: center;
font-size: 1.1em;
text-transform:none;
color: #000;	
margin: 40px 20px 25px 0; 

}

div#gauche {
float: left;
margin-top: 100px;
width: 150px;
height: 250px;
font-weight:bold;
background: url("images/menugauchehs.gif") top left no-repeat;

}

#menugauche {
list-style-type: none;
width: 140px;
margin: 0 10px 0 0;
padding: 0;
line-height: 19px;
font-size: 1.0em;
border-top: 1px solid #dde4e4;
} 


#menugauche li {
background-color: #888;
border-bottom: 1px solid #dde4e4;
border-right: 1px solid #dde4e4;
margin-bottom: 1px;
text-transform:uppercase;
} 

#menugauche a.menu {
display:block;
width: inherit;
padding-left: 15px;
font-weight:bold;
color: #FFF;
text-decoration: none;
}

#menugauche a.menuoff {
display:block;
width: inherit;
padding-left: 15px;
font-weight:bold;
color: #000;
text-decoration: none;
background-color: #FFF;
}
	 
#menugauche a:hover, #menugauche a:focus {
color: #000;
background-color: #DDD;
font-weight: bold;
}  	 

div#cadre {
float:left;
margin-top: 10px;
width: 360px;
}

#cadre2 {
position: relative;
left: 50%;
margin-left: -180px;
width: 360px;
}

#cadreimg {
float:left;
margin-top: 25px;
}

div#bloccadre {
position:relative;
font-size: 1.1em; 
padding: 0 32px 50px 20px;
line-height: 15px;
height: 250px;
}

html>body div#bloccadre {
min-height: 250px;
height:auto;
}

#bloctexte p {
font-size: 1.1em;
}

p.bloccadre {
text-align: center;
margin-bottom: 20px;
}

p#bloccadre {
position:absolute;
top: 0;
left: 0;
margin-top: -40px;
font-size: 1em;
width: 320px;
text-align:right;
}

li#photopre {
width: 150px;
}

li#photosui {
position:absolute;
top: 0;
left: 400px;
width: 150px;
text-align:right;
}

li#retour {
position:absolute;
top: 0;
left: 150px;
width: 250px;
text-align: center;
}

ul#photonav {
font-size: 1em;
width:550px;
position:relative;
margin: 0;
padding:0;
top: 0;
list-style-type:none;
height: 30px;
}

p.bloccadre a, p#bloccadre a, #photopre a, #photosui a, #retour a {
color: #000;
font-weight: bold;
font-size: 1em;
text-decoration:underline;
}

p.bloccadre a:hover, p#bloccadre a:hover, #photopre a:hover, #photosui a:hover, #retour a:hover,
p.bloccadre a:focus, p#bloccadre a:focus, #photopre a:focus, #photosui a:focus, #retour a:focus {
color: #FFF;
font-weight: bold;
text-decoration:none;
} 

#bloctexte, #forum {
padding-bottom: 15px;
}

#forum #auteur, #forum #email_auteur{
width: 200px;
}

#forum textarea {
width: 275px;
height: 100px;
}

#forum .submit{
width: 250px;
}

fieldset {
border: none;
}

#comments {
position: relative;
margin-bottom: 20px;
}

#comments blockquote {
color: #000;
padding: 5px 0 15px 0;
}

#comments h4, #forum h4 {
color: #000;
font-weight: bold;
font-size: 1.4em;
margin-bottom: 10px;
}

p#infos-co{
text-align: right;
}

p#erreur{
color: red;
font-size: 120%;
font-weight: bold;
}

#previsu {
color: #F00;
}

#titrecom {
margin-top: 25px
font-size: 1.2em;
} 

#prop {
color: #000;
margin-top: 15px;
}

p.comment-info {
font-size: 1em;
margin: 0 0 5px 0;
padding: 0;
}

.comment-number {
padding-right: 5px;
}

#blocson a:hover {
font-weight: bold;
color: #FFF;
text-decoration: none;
}

span.date {
color: #000;
font-weight: bold;
}

#cadredroit {
float: left;
width: 200px;
margin: 75px 0 0 25px;
padding-top: 20px;
background: url("images/cadredroiths.gif") top center no-repeat;
}

#bloccadredroit {
padding-left: 10px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 1em;
font-weight:bold;
color: #DDD;
text-transform:uppercase;
background: url("images/cadredroiths.gif") bottom center no-repeat;
height: 350px;
padding-bottom: 25px;
line-height: 15px;
}

html>body div#bloccadredroit {
min-height: 350px;
height:auto;
}


#bloccadredroit img {
padding-left: -8px;
}

#bloccadredroit a {
color: #FFF;
text-decoration: underline;
}

#bloccadredroit a:hover {
color: #FFF;
background-color: #888;
text-decoration: none;
}

#bloccadresingle {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; 
font-size: 9px; 
color: #FFF;
text-transform:uppercase;
background: url(images/cadre.gif) bottom left no-repeat;
padding-bottom: 130px;
}

#bloccadresingle p {
margin : 0 10px 0 20px;
}

#bloccadresingle h2 {
font-size: 11px;
text-align: center;
color: #014952;	
margin: 0 15px 20px 15px;
}

#main, .disco, .cd, #multimedia {
list-style-type: none;
margin: 0 0 30px 0; 
padding: 0;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
font-size: 1em; 
color: #888;
text-transform:uppercase;
line-height: 20px;
} 	

#main li {
margin-left: 20px;
padding-bottom: 15px;
}

li.autres {
margin-bottom: -10px;
}

li.autres .type {
color: #000;
text-transform: lowercase;
}

li.autres img {
padding-right: 10px;
}

.cd li, .disco li, #multimedia li {
margin-left: 20px;
padding-bottom: 5px;
}

#main a, .cd a, .disco a, #multimedia a {
color: #888;
}

#main a:hover, .cd a:hover, .disco a:hover, #multimedia a:hover,
#main a:focus, .cd a:focus, .disco a:focus, #multimedia a:focus {
color: #DDD;
text-decoration: none;
}

#paroles {
list-style-type: none;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; 
font-size: 9px; 
color: #888;
text-transform:uppercase;
line-height: 20px;
} 	

#paroles .parclass1, #paroles .parclass2 {
padding-left: 15px;
}

#paroles .parclass1 a {
color: #000;
text-decoration: none;
}

#paroles .parclass2 a {
color: #888;
text-decoration: none;
}

#paroles .parclass1 a:hover, #paroles .parclass2 a:hover  {
color: #DDD;
background-color: #888;
}

#news {
list-style-type: none;
margin: 0 0 30px 0; 
padding: 0;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal; 
font-size: 11px; 
line-height: 15px;
} 	

#news li {
margin: 0 0 25px 5px;
}

#news a {
text-decoration: underline;
font-weight: bold;
color: #000;
}

#news a:hover {
color: #FFF;
text-decoration: underline;
}

#footer {
text-align: center;
padding-top: 5px;
color: #6F6F6F;
background: url("IMG/fond_footer.jpg") left bottom repeat-x;
height:75px;
clear:left;
font-size: 1.1em;
font-weight: bold;
}

#footer2, #footer3, #footer4 {
position: relative;
width: 100%;
text-align: center;
padding-top: 5px;
color: #6F6F6F;
height:95px;
font-size: 1.1em;
font-weight: bold;
clear:both;
background: #FFF url("IMG/fond_footer.jpg") bottom repeat-x;
}

#footer p, #footer2 p {
margin: 0 0 2px 0;
}

#footer2 ul{
margin: 0;
}

blockquote {
margin: 0 10px 0 10px;
}

#warning {
color:#F00;
}

p#bottom {
padding-bottom: 150px;
}

ul {
margin-left: 25px;
padding: 0;
}

/* sommaire
-------------------------------------------------------- */
#corpus1{
margin: 25px 0 15px 0;
padding: 0 25px 0 25px;
font-size: 1.1em;
}

#corpus1 #newsacc, #corpus1 #discographie {
margin-bottom: 10px;
}

#corpus1 div.discog {
position: relative;
float: left;
width: 25%;
padding-bottom: 10px;
}

#corpus1 img{
position: relative;
border: 0;
margin-right: 10px;
}

#corpus1 #media {
width: 250px;
clear: left;
}

#corpus1 #media div{
margin-bottom: 15px;
}

#corpus1 #media p#son{
width: 200px;
margin-bottom: 25px;
}

#corpus1 #biographie{
width: 250px;
}

#corpus1 h2, #corpus2 h2{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
}

#corpus1  h5, #corpus2  h5{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: 1.2em;
margin-bottom: 2px;
}

#corpus1 #corpus2{
float: right;
width: 300px;
}

#corpus2 #blogacc {
background: transparent;
color: #6F6F6F;
margin: 0;
padding: 0;
}

#corpus2 #blogacc #top {
background: transparent url("IMG/accdroite.jpg") right top no-repeat;
padding: 0 10px 10px 40px;
}

#corpus2 #blogacc #medium{
background: transparent url("IMG/accdroite_med.jpg") right top repeat-y;
padding: 0 10px 0 40px;
}

#corpus2 #blogacc #inscription{
background: transparent url("IMG/accdroite.jpg") right bottom no-repeat;
padding: 0 10px 70px 40px;
}

#corpus2 h2 {
text-align: center;
padding: 10px 0 0 0;
margin: 0;
}

#corpus2 h3, #corpus2 h4{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-align: left;
color: #FFF;
line-height: 120%;
padding: 0;
}

#corpus2 h3{
font-size: 1.4em;
margin: 0 0 5px 0;
}

#corpus1 p{
margin:0;
}

span.corpus {
display: block;
text-align: right;
margin: 0 10px 0 0;
clear: left;
}

#corpus2 #biographie{
margin-top: 55px;
width: 250px;
}

#corpus2 #biographie h5{
margin-bottom: 10px;
}

#corpus2 #inscription p{
margin-bottom: 10px;
}

.spip_surligne { 
background: #F00; 
}

/* blog
-------------------------------------------------------- */
#cadreblog {
float:left;
margin-top: 10px;
width: 500px;
}

#cadreblog h2 {
text-align: center;
font-size: 1.2em;
text-transform:uppercase;
color: #000;	
margin: 40px 25px 30px 0; 
}

#cadreblog .blog {
margin-bottom: 25px;
}

#cadreblog .blog blockquote {
font-style: italic;
font-size: 1.2em;
margin: 0 25px;
}

#cadreblog .blog h3, #cadreblog h3{
font-size: 1.5em;
line-height: 120%;
text-align: left;
margin: 10px 0;
font-family: Helvetica, Arial, sans-serif;
letter-spacing: -0.5px;
}

#cadreblog .blog h4, #cadreblog  h4{
font-size: 1.1em;
margin-bottom: 15px;
}

p#mois_archives{
font-size: 1.4em;
}

img {
border: 0;
}

#cadredroitblog {
float: left;
width: 200px;
margin: 75px 0 0 25px;
padding-top: 20px;
background: url("images/cadredroiths.gif") top center no-repeat;
}

#cadredroitblog #bloccadredroit a.img:hover {
background-color: #000;
}

#cadredroitblog #bloccadredroit h2.blog {
font-size: 1.1em;
padding: 10px 0 5px 0;
}

/* photos
-------------------------------------------------------- */	  

#gallerie{
}

#gallerie a {
float: left;
margin: 5px;
display: block;
width: 50px;
height: 50px;
overflow: hidden;
border: 5px solid #888;
}

#gallerie a:hover {
float: left;
margin: 5px;
display: block;
width: 50px;
height: 50px;
overflow: hidden;
border: 5px solid #0AD;
}