body{
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
color:#666;
background:#B31F39;
margin:0;
padding:0
}

td{
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}

#album{

position:relative;
float:right;

}

/* menu principal */
#menu {
position:relative;
margin-top : 10px;
margin-right : 30px;
align: center;
list-style : none;
}

#menu li {}

#menu li a{
display : block ;
color : #000000;
text-decoration : none;
margin : 1px 0 0 0 ;
text-align:left; 
line-height : 15px ;
border-bottom : 1px solid #DEDEDE;
width : 150px; 
}
#menu li a:hover{
background:url("http://www.le-saint-christophe.fr/images/fle.gif") no-repeat;
position:relative;
 background-position: middle left;


text-decoration : none;
text-indent :20px;
}

/* menu principal */
#administration {
position:relative;
margin-top : 10px;
margin-right : 30px;
align: center;
list-style : none;

}

#administration li {}

#administration li a{
display : block ;
color : #000000;
text-decoration : none;
margin : 1px 0 0 0 ;
text-align:left; 
line-height : 15px ;
border-bottom : 1px solid #DEDEDE;
width : 300px;
}
#administration li a:hover{
background:url("http://www.le-saint-christophe.fr/images/fle.gif") no-repeat;
position:relative;
 background-position: middle left;


text-decoration : none;
text-indent :20px;
}



h1,h2,h3{
margin:0;
padding:0
}


a{
color:#191970
}
a:hover{
color:#B22222
}
a:visited{
color:#696969
}
a acronym{
border:none
}
acronym{
cursor:help
}   *
/* main */
#container{
background:url("http://www.le-saint-christophe.fr/images/cadre_bas.gif") no-repeat left bottom;
left:50%;
position:absolute;
width:770px;
margin:10px 0 20px -385px;
padding-bottom:120px
}
/* intro */
#intro{
padding:0 30px;
background:url("http://www.le-saint-christophe.fr/images/cadre.gif") repeat-y;
padding-bottom:1px
}
#pageHeader{
margin:0 -30px;
background:url("http://www.le-saint-christophe.fr/images/cadre_haut_r3.png") no-repeat
}
#pageHeader h1{
background:url("http://www.le-saint-christophe.fr/images/logo.jpg") no-repeat;
height:71px;
width:268px;
position:relative;
top:25px;
left:71px
}
#pageHeader h1 span{
display:none
}
#pageHeader h2{
background:url("http://www.le-saint-christophe.fr/images/thebeauty.jpg") no-repeat;
height:20px;
width:299px;
position:relative;
top:55px;
left:57px
}
#pageHeader h2 span{
display:none
}
#droite{
font-family:Arial,Verdana,Helvetica,sans-serif;
position:absolute;
width:340px;
top:25px;
height:410px;
left:400px;
}

#droite .p2{
font-family:Arial,Verdana,Helvetica,sans-serif;
margin:0;
background:url("http://www.le-saint-christophe.fr/images/bookmark.jpg") no-repeat;
position:absolute;
top:-8px;
left:260px;
width:81px;
height:150px
}
#droite .p2 span{
display:block;
padding:20px 10px;
color:#fff;
}
#droite .p2 a{
color:#fff
}
#droite .p2 a:hover{
text-decoration:none;
color:#ccc
}
#gauche{
font-family:Arial,Verdana,Helvetica,sans-serif;
position:relative;
top:30px;
width:340px;
height:335px;
}

#supportingText{
/*background:url("http://www.le-saint-christophe.fr/images/cadre.png") repeat-y;*/
padding:0 30px
}
#explanation{
height:1%;
background:url("http://www.le-saint-christophe.fr/images/img_2.jpg") 370px 50% no-repeat
}
#explanation h3{
background:url("http://www.le-saint-christophe.fr/images/sowhat.png") no-repeat;
position:relative;
left:380px;
height:45px;
width:176px
}
#explanation h3 span{
display:none
}
#explanation p{
text-align:right;
margin-top:-45px;
font-style:italic;
padding:0 380px 35px 10px
}

#footer{
padding-left:380px;
text-align:center
}
#footer a{
color:#666;
text-decoration:none;
border:1px solid #fffcf1;
padding:5px
}
#footer a:hover{
border:1px solid #ccc
}
/* notes */
#linkList{
font-size:120%;
position:absolute;
width:300px;
bottom:70px;
left:80px
}
#linkList h3.select{
width:142px;
height:29px;
background:url("http://www.le-saint-christophe.fr/images/select.png") no-repeat;
position:relative;
left:8px;
top:8px
}
#linkList h3.select span{
display:none
}
#linkList h3.archives{
width:74px;
height:25px;
background:url("http://www.le-saint-christophe.fr/images/archives.png") no-repeat;
position:relative;
left:8px
}
#linkList h3.archives span{
display:none
}
#linkList ul{
margin:10px 5px 10px 40px;
padding:0 5px
}
#linkList ul li{
list-style-type:none;
list-style-image:none
}
#lselect ul li{
list-style:outside url("http://www.le-saint-christophe.fr/images/bull.png")
}
#linkList ul li a{
text-decoration:none
}
#lresources{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-style:italic;
display:block;
background:url("notes.jpg") no-repeat;
padding:20px 15px;
width:252px
}
#lresources ul{
margin:30px 20px 50px 25px
}
#lresources h3.resources{
width:85px;
height:22px;
background:url("http://www.le-saint-christophe.fr/images/resources.png") no-repeat
}
#lresources h3.resources span{
display:none
}