/*
Copyright 2009 Communaute catholique francophone de Boston
Author : Laurent Vuillemin
Name : original.css
Contents : Css stylesheet that reproduce the look and feel 
of St-Peter website.
*/

  
body 
{
  width: 800px;
  margin-left: 0px;
  margin-top: 0px;
  color: #4AA02c;
  background-color: #FFFFCC;
  background-image: url(images/bg_vert_blanc.gif);
  background-repeat: repeat-y;
  font-family: "times new roman",times,serif;
  text-align: center;
}

a:link { color: #4AA02c; text-decoration: none; }
a:visited { color: #000099; text-decoration:none; }
a:active { color: #990099; text-decoration:none; }
a:hover {color:#990000; text-decoration:none;}

#left
{
  color: #FFFFCC;
  width: 125px;
  height: 100%;
  z-index: 5;
  float: left;
}

#left a:visited { color: #FFFFCC; text-decoration: none; }
#left a:link { color: #FFFFCC; text-decoration: none; }
#left a:hover { color: #FFFFCC; text-decoration: none; }
#left a:active { color: #FFFFCC; text-decoration: none; }

#right
{
  background-color: #FFFFCC;
  float: left;
  width: 75px;
  height: 100%
}

#entete
{
  color: #990000;
  width : 600px;
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  z-index: 10;
  float: left;
}

#main
{
  width: 600px;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 10;
  float: left;
}

  
div.bouton { text-align: right; }
span.txt_bleu {color: rgb(51, 51, 255);}
img.topage {border: 0px solid ; width: 40px; height: 40px;}
hr.line {width: 100%; height: 2px;}
img.cross {width: 25px; height: 28px;}
span.addr_em {font-style: italic;}

.info 
{
	color: #990000;
	font-size: 150%;
	background-color: rgb(200, 200, 200);
	margin-right: 25%;
	margin-left: 25%;
	border-style: ridge;
}
.info2 
{
	color: #990000;
	font-size: 150%;
	background-color: rgb(200, 200, 200);
	margin-right: 5%;
	margin-left: 5%;
	border-style: ridge;
}

div.address
{
  position: relative;
  width: 360px ;
  height: 147px;
  margin-right: 120px;
  margin-left: 120px;
}

div.add_img 
{
  text-align: center;
  position: absolute;
  width:132px;
  height: 147px;
  top : 0px;
  left : 0px;
}
div.add_text 
  {
  color: #4AA02c;
  width: 45%;
  text-align: center;
  position: absolute;
  top: 20%;
  right: 0px;
  }

img.eglise {width: 132px; height: 147px;}

.introduction
{
  color: #4AA02c;
  font-size: 100%;
}

.proposition
{
  color: #4AA02c;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  clear : left;
}

.detail_proposition
{
  color: #4AA02c;
  font-size: 75%;
  font-weight: normal;
}
  
.title
{
  text-align: center; 
  font-weight: bold;
  font-size: 150%
}

h1.desc_title
{
  color: #990000;
  text-align: center;
}

h2.desc_title
{
}

.description
{
  text-align: left;
}

span.desc_em
{
  font-weight: bold;
  font-size: 110%;
}

span.desc_em2 
{
  font-weight: bold;
  font-size: 110%;
}

div.desc_aide 
{
  font-weight: bold;
  font-size: 110%;
  text-align: center;
}

#menu
{
  font-family: "times new roman,times,serif";
  padding-top: 100px;
  padding-left: 20px;
  text-align: left;
}

a.menu
{
  font-size: 110%;
}