/************************************************** GENERAL */
html, body {
			height: 100%;
			margin: 0;
			padding: 0;
}
body {
			background-image: url(../_media/fd_site.gif);
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.9em;
			color: #444444;
			background-repeat: repeat-y;
			background-position: center;
}
body a {
			color: #3057bc;
			text-decoration: none;
}

body a:hover {
			background-color: #FFFFCC;
			color: #993399;
			text-decoration: none;
}
hr {
			margin-top: 30px;
			border: 0;
			height: 1px;
}
p, h4 {text-align: justify;}
#content li {
			/*line-height: 1.6em;*/
			list-style-type: none;
			overflow: auto;
			padding: 0 0 10px 12px;
			color: #555555;
}
.top {
			float: right;
			font-size: 90%;
}
.center {text-align: center;}
/************************************************** BLOCK */
#conteneur, #barre, #footer {width:800px;}
#conteneur {
			margin-right: auto;
			margin-left: auto;
			position: relative;
			height: 100%; /* Footer - Pour IE6*/
}
/* Footer - A partir de IE7*/
html>body div#conteneur {
			min-height: 100%;
			height: auto;
}
#content {
			padding-right: 20px;
			padding-bottom: 40px;
			float: right;
			width: 570px;
}

/************************************************** HEADER */
#signature {
			font-family: Georgia, "Times New Roman", Times, serif;
			background: url(../_media/fd_signature.gif) repeat 0 0;
			margin: 0 1px;
			font-size: 11px;
			padding-top: 7px;
			color: #999966;
			font-style: italic;
			text-indent: 4px;
}
#image {
			display: block;
			font-family: 'Calligraph421BTRoman', Georgia, Times, serif;
			width: 570px;
			height: 155px;
			background-repeat: no-repeat;
			font-size: 21px;
			float: left;

}
#image div {padding: 135px 0 0 10px;}
#barre {
			height:30px;
			clear: both;
}
#textsize {
			float: right;
			margin: 15px 15px 0 0;
}
#textsize img, #drapeau img {border: 0;	}
#drapeau {
			float: right;
			margin-top: 15px;
}
/************************************************** FOOTER */
#footer {
			position: absolute;
			bottom: 0;
}
#footer a {text-decoration: none;}
.spacer {
			color: #E8D8B4;
			clear: both;
}
#navig_bas, #barre {font-size: 12px;}
#navig_bas ul, #barre ul {
			margin: 0;
			padding: 0;
}
#navig_bas ul li, #barre ul li {
			display: inline ;
			padding-right: 10px;
}
#navig_bas ul li a:hover, #barre ul li a:hover, #drapeau a:hover {background-color: inherit;}
#navig_bas {
			clear: right;
			text-align: right;
			padding: 5px;
}
#barre ul {
			float: left;
			padding-left: 10px;
			line-height: 30px;
}

/************************************************** TEXTE */
h1, h2, h3,h4 {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
}
h1 {
			font-size: 140%;
			letter-spacing: 1px;
			color: #CC0000;
}
h2 {
			margin-top:35px;
			font-size: 122%;
			letter-spacing: 1px;
}
h3 {
			font-size: 110%;
			letter-spacing: 1px;
}
h4
{
			font-size: 100%;
			margin-bottom: 0;
}
.prayer {
			color: #999999;
			font-family: "Times New Roman", Times, serif;
			font-style: italic;
			font-size: 120%;
			line-height: 1.4em;
			margin-left: 30px;
}
.quote {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 110%;
			font-style: italic;
			color: #666633;
			margin-left: 30px;
}
.note  {
			font-style: italic;
			font-size: 90%;
			color: #888888;
}
h2 .top, h2 .note {
			font-size: 70%;
			font-family: Arial, Helvetica, sans-serif;
			letter-spacing: 0px;
}
h2 .more {
			font-size: 80%;
			letter-spacing: 0px;
}
.ref {
			font-style: italic;
			color: #000000;
			font-size: 105%;
}
.noTopSpace {margin-top: 4px;}

/************************************************** IMAGE */
.pictureG {
			clear: left;
			float: left;
			margin: 0 20px 10px 0;
}
.pictureD {
			float: right;
			margin: 0 0 10px 20px;
}
.pictureC {
			/* attention de préciser le width de l'image 'directement dans le tag <div>*/
			margin: 0 auto;
}
.pictureG, .pictureD, .pictureC, .pictureTAB {
			border: 3px double #dddddd;
}

.pictureG img, .pictureD img, .pictureC img, .pictureTAB img { display:block;}
.pictureG p, .pictureD p, .pictureC p, .pictureTAB p {
			background-color: #dddddd;
			font-size: 11px;
			text-align: center;
			padding: 2px 0;
			margin: 0;
			line-height: 1.1em;
}
/************************************************** PROGRAMME */
.programme {border: 0;}
.programme td {
			padding-right: 10px;
			vertical-align: top;
			text-align: justify;
}
/************************************************** FORM */
form {margin-top: 40px;}
form p {margin: 7px 20px}
form input[type="text"]{padding: 3px;}
.form_row {
			margin: 0 0 10px 20px;
			border-bottom: 1px dotted #EEEEEE
}
.form_label {
			float: left;
			color: #999999;
			font-size: 90%;
}
.form_content {margin-left: 120px;}

/************************************************** CALLIGRAPH */
/* Attention ! ces CSS sont aussi présentes dans /intro/_css/style_gen.css */
.calligraph {font-family: 'Calligraph421BTRoman', Georgia, Times, serif;}

/************************************************** LIGHTBOX */
#lightboxOverlay {background-color: #FFFFFF;}
#lightboxOverlay {  opacity: 0.70;}
.loupe {margin-top: -30px;}

.lb-dataContainer {
			margin-top: 5px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			-ms-border-radius: 4px;
			-o-border-radius: 4px;
			border-radius: 4px;
}
.lb-data {
			color: #444444;
}