/*Feuille de style pour le site Internet du RNTA Lourdes 2005*/

body {
font-family:arial,verdana, sans-serif;
background-color:white;
margin:0px 0px 0px 0px;
color:black;
background-image:url(Img/BackGround.gif);
overflow: scroll;
font-size:90%;
background-attachment:fixed;
}
.background{
	background-image: url(images/haut.gif);
	background-repeat: no-repeat;
	height: 128px;
	background-color: #F2963A;
}

#zone1 {    /* zone cliquable */
float: left;
width : 150px;
height: 100px;
margin-left: 20px;
margin-top: 20px;
}

h1 {
font-size:150%;
color:black;
background-color:transparent;
text-align:center;
font-family: comic sans ms;
color:green;
text-decoration:none;
}
h2 {
font-family:arial,verdana, sans-serif;
font-size:100%;
background-color:transparent;
text-align:center;
}
h2:first-letter
{
font-family:arial, verdana, sans-serif ;
font-size: 20pt ;
color:#E53A0C ;
text-align: justify ;
margin-right: 3px ;
line-height: 60% ;

}

h3 {
font-family:arial,verdana, sans-serif;
color:red;
background-color:transparent;
text-align:center;
}

h4 {
font-family:arial,verdana, sans-serif;
background-color:transparent;
text-align:left;
text-decoration: underline;
}
h5 {
font-family:arial,verdana, sans-serif;
background-color:transparent;
text-align: justify ;
color:#333399;
} 

p {
font-family:arial,verdana, sans-serif;
color:black;
background-color:transparent;
text-align:justify;
margin-left:0px;
margin-right:0px;
}

.parag{
position:relative;
margin-left:0px;
display: block;
}

.image{
position:relative;
float:left;
margin-left:0px;
margin-right:5px;
 }

.imageD{
position:relative;
float:right;
padding-left:15px;
text-align:left;
margin-left:5px;

 }

.imgLourdes
{
left:5%;
text-align:center;

}
.imageAcces1{
float:right;

}

li {

padding-left:15px;
text-align:left;
list-style-image: url(Img/point.gif);
  }

ul {
  
    list-style-type: disc;
    list-style-position: inside;
   }
.indentcent
{ text-indent: 15% ; }

a:link {
font-family:verdana, sans-serif;
color:#006400;
background-color:transparent;
text-decoration:underline;

}
a:visited {
font-family:verdana, sans-serif;
color:#006400;
background-color:transparent;
text-decoration:underline;
}
a:hover {
color: #F2963A;
background-color:transparent;
text-decoration:underline;
font-weight:bold;
}
.hierarchie {
	position: relative;
	border-style: solid;
	border-width: 2px;
	border-color: #F2963A;
	background-color: #FFEECC;
	padding: 5px;
	height: 15px;
	left: 2%;
	width: 96%;
	border-right-width: 0px;
	border-LEFT-width: 0px;
}

.pied{
position: relative;
border-style:solid;
border-width:2px;
border-color:#F2963A;
background-color: #FFEECC;
width:96%;
padding:5px;
height:15px;
left:2%;
text-align:center;
color:#F2963A;
border-right-width:0px;
border-LEFT-width:0px;
bottom:0;
}

#contenu{
 border-style:solid;
border-width:2px;
border-color:#7EAE42;
position: relative;
padding: 10px;
width: 70%;
float: left;
margin-left: 10px;
margin-bottom: 10px;
}

#contenuCorresp{
border-style:solid;
border-width:2px;
border-color:#7EAE42;
position: relative;
padding: 10px;
width: 70%;
float: left;
margin-left: 10px;
margin-bottom: 10px;
text-align:center;
}
#contenuSac{

position: relative;
padding: 10px;
width: 70%;
float: left;
margin-left: 10px;
margin-bottom: 10px;
}
#bloc{
 border-style:solid;
border-width:2px;
border-color:#7EAE42;
position: relative;
padding-left: 10px;
padding-right: 10px;
text-align: justify;
margin-left: 10px;
margin-bottom: 10px;
}
#bloc1{
 border-style:solid;
border-width:2px;
border-color:#7EAE42;
position: relative;
float:left;
padding-left: 10px;
padding-right: 10px;
text-align: justify;
width:30%;
margin-left: 10px;
margin-bottom: 10px;
}
#imgSac
{
position: relative;
text-align: justify;
margin-left: 20px;
margin-bottom: 10px;
padding-left:10px
}

#contenuAccueil{
	background-color: #FFEECC;
	border-style: solid;
	border-width: 2px;
	border-color: #F2963A;
	position: relative;
	padding: 10px;
	width: 70%;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}
#container{
position:relative;
left:2%;

}
#contenuAcces{

background-image:url(Img/carteFrance.gif);
background-repeat:no-repeat;
background-position:10% 50%;

 border-style:solid;
border-width:2px;
border-color:#7EAE42;
position: relative;
padding: 10px;
width: 70%;
float: left;
margin-left: 10px;
margin-bottom: 10px;
}
#menuGauche{
position: relative;
width:21%;
float:left;
padding-left:20px;



}
div.spacer {
clear: both;
 }
#nouveauteSite{
 background-color: #ECF8DD;
position: relative;
width: 20%;
margin-left: 10px;
float: left;
 border-style:solid;
border-width:1px;
border-color:#7EAE42;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
top:0;
left: 0;

}
dl#menu {
position: relative;

}
dl#menu dt {
	cursor: pointer;
	margin: 2px 0;
	;
padding: 3px;
	text-align: center;
	font-weight: bold;
	border: 2px solid gray;
	background: #FFEECC;
	border-color: #F2963A;
	text-align: center;
	font-size: 90%;
	font-family: verdana, sans-serif;
}
dl#menu dd {
border: 2px solid gray;
border-color:#006600;
text-align: left;
font-family:verdana, sans-serif;
}
dl#menu li {
background: #F7EBDA;
font-family:Arial,verdana, sans-serif;
font-size:80%;

}

dl#menu li a, dl#menu dt a {
color: #000;
text-decoration: none;
border: 0 none;


}

dl#menu li a:hover, dl#menu dt a:hover {
text-decoration: underline;
color: #FF9900;
}

.spacer {
  clear: both;
}
