html {
font-size : 100%;
}
body {
margin : 10px 0;
padding : 0;
text-align : center;
font : 0.88em Verdana, Arial, sans-serif;
background-color : #f6afad;
background-image : url("../images/fond_3.png");
background-repeat : repeat-y;
background-position : 15px 0;
}

div#conteneur {
width : 770px;
margin : 0 auto;
text-align : left;
border: 2px solid #ff0000;
background-color : black;
}

h1#en_tete {
height : 260px;
margin : 0;
}
h1#en_tete a {
width : 770px;
height : 260px;
display : block;
background : url(../images/banniere_shiro.jpg) no-repeat;
position : relative;
left : 0px;
top : 0px;
}
h1#en_tete a span {
display : none;
}

h2#titre_1 {
height : 50px;
margin : 0;
}
h2#titre_1 a {
width : 770px;
height : 50px;
display : block;
background : url(../images/titre_shiro_1.jpg) no-repeat;
position : relative;
left : 0px;
top : 0px;
}
h2#titre_1 a span {
display : none;
}


div#contenu .retour {
background-color : white;
padding : 1px 20px 1px 20px;
text-align : right;
border-bottom : 1px solid #ff0000;
}
div#contenu .retour a img{
border : none;
}

div#menu {
padding-top : 10px;
background-color : white;
height : 185px;
}
div#menu img {
float : right;
padding-right : 20px;
}
div#menu ul {
list-style-type : none;
padding-top : 5px;
}
div#menu ul li {
text-align : left;
padding : 0 10px 0 0;
}
div#menu ul li.bio a {
display : block;
height : 30px;
background : url(../images/bouton_1_shiro.jpg) no-repeat 0 0;
border : none;
}
div#menu ul li.bio a:hover {
background : url(../images/bouton_1_shiro.jpg) no-repeat 0 -30px;
}
div#menu ul li.video a {
display : block;
height : 30px;
background : url(../images/bouton_2_shiro.jpg) no-repeat 0 0;
border : none;
}
div#menu ul li.video a:hover {
background : url(../images/bouton_2_shiro.jpg) no-repeat 0 -30px;
}
div#menu ul li.actu a {
display : block;
height : 30px;
background : url(../images/bouton_3_shiro.jpg) no-repeat 0 0;
border : none;
}
div#menu ul li.actu a:hover {
background : url(../images/bouton_3_shiro.jpg) no-repeat 0 -30px;
}
div#menu ul li.disc a {
display : block;
height : 30px;
background : url(../images/bouton_4_shiro.jpg) no-repeat 0 0;
border : none;
}
div#menu ul li.disc a:hover {
background : url(../images/bouton_4_shiro.jpg) no-repeat 0 -30px;
}
div#menu ul li.lien a {
display : block;
height : 30px;
background : url(../images/bouton_5_shiro.jpg) no-repeat 0 0;
border : none;
}
div#menu ul li.lien a:hover {
background : url(../images/bouton_5_shiro.jpg) no-repeat 0 -30px;
}
div#menu ul li span{
display : none;
}

div#voeux {
font : 1.1em "Comic Sans MS", Verdana, Arial, sans-serif;
background-color : black;
padding : 1px 20px 1px 20px;
text-align : justify;
}
div#voeux p span {
color : #ff0000;
}
div#voeux img.center {
display : block;
margin : auto;
}

div#biographie {
font : 1.1em "Comic Sans MS", Verdana, Arial, sans-serif;
background-color : white;
padding : 1px 20px 1px 20px;
text-align : justify;
}
div#biographie p span {
color : #ff0000;
}
div#biographie img.center {
display : block;
margin : auto;
}

div#video {
font : 1.1em "Comic Sans MS", Verdana, Arial, sans-serif;
background-color : white;
padding : 1px 20px 1px 20px;
}
div#video p span {
color : #ff0000;
}

div#actualite {
font : 1.1em "Comic Sans MS", Verdana, Arial, sans-serif;
background-color : white;
padding : 1px 20px 1px 20px;
text-align : justify;
}
div#actualite p span {
color : #ff0000;
}
div#actualite p.center {
text-align : center;
}
div#actualite a {
color : black;
text-decoration : underline;
}
div#actualite a:hover {
color : #ff0000;
}
div#actualite img.right {
float : right;
padding : 5px 0 0 20px;
}
div#actualite img.right1 {
float : right;
padding : 10px 0 0 20px;
}
div#actualite img.left {
float : left;
padding : 5px 20px 0 0;
}
div#actualite img.left1 {
float : left;
padding : 10px 20px 0 0;
}
div#actualite img.center {
display : block;
margin : auto;
}

div#contact {
font : 1.1em "Comic Sans MS", Verdana, Arial, sans-serif;
background-color : white;
padding : 1px 20px 1px 20px;
text-align : justify;
}
div#contact img.left {
float : left;
padding : 0px 20px 0 0;
}
div#contact p span {
color : #ff0000;
}
div#contact a {
color : black;
text-decoration : underline;
}
div#contact a:hover {
color : #ff0000;
}

p#pied_page {
font : 1.1em "Comic Sans MS", Verdana, Arial, sans-serif;
margin : 0;
padding-right : 30px;
padding-top : 10px;
padding-bottom : 10px;
line-height : 15px;
font-size : 0.75em;
text-align : right;
color : white;
}
p#pied_page a {
color : #ff0000;
text-decoration : none;
}
p#pied_page a:hover {
font-weight : bold;
}