body { 
text-align:center;
margin: 0; padding: 0; 
background:url(images/bckgcolor.jpg) top left repeat #f9fbfc;
}

#wrapper {
width:850px;
text-align:left;
position: relative; 
margin:10px auto 0 auto;
padding: 0;
background:url(images/bleudeg.jpg) top left repeat-x #fff;
} 

.banner { position:relative; 
margin: 0; 
padding: 0;
height:100px;
text-align:center;
background: top left repeat-x transparent;
}

#titresite h1 {
margin:0 0 0 140px;
padding-top:30px;
font:bold 11pt Verdana;
color:#ccc;
text-align:left;
}
img { border:none;
margin:0;
padding:0;
}
#img1  {
position:absolute; top:10px; left:20px;
width:88px;
height:72px;
margin:0;
padding: 0;
background:url(images/dove16.gif) bottom left no-repeat;
}

body#evangile li.evangile a:link, body#evangile li.evangile a:visited, body#pourquoi li.pourquoi a:link, 
body#pourquoi li.pourquoi a:visited, body#temoignages li.temoignages a:link, body#temoignages li.temoignages a:visited,
 body#images li.images a:link, body#images li.images a:visited,
body#contacts li.contacts a:link, body#contacts li.contacts a:visited, body#prieres li.prieres a:link, body#prieres li.prieres a:visited
{ 
text-decoration: none;
padding:15px 10px 10px 10px; 
background: url(images/fondonglet.jpg) left top repeat-x #acdddd;
color:#fff;
border-bottom:#ddd;
}


.menu {
position:relative;
text-align:left;
margin:10px 0 0 2px;
padding:5px 0 10px 0;
list-style:none;
list-style-type:none;
border-bottom:1px solid #dddddd;
}

.menu li {
display:inline;
margin:0; 
padding:0;
font: bold 9pt Arial, sans serif;
z-index:6;
}
.menu a:link, .menu a:visited {
border-top:1px solid #dddddd;
border-right:1px solid #dddddd;
border-left:1px solid #dddddd;
margin:0;
padding:15px 10px 10px 10px;
font: bold 10pt Arial, sans serif;
text-decoration:none;
color:#144e8f;
background: url(images/fondonglet1.jpg) left top repeat-x #e8f6f6;
}

.menu a:hover, .menu a:active {
border:1px solid #f3f3f3;
padding:15px 10px 10px 10px;
background: url(images/fondonglet.jpg) left top repeat-x #acdddd;
}

.content { position: relative;
margin: 0;
padding: 0;
text-align:center;
z-index:1;
border-top:2px solid #ededed;
}
#arc
{
padding-top:50px;
background:url(images/arc.jpg) top left repeat-x #fff;
}

#titre1 {
position:relative;
text-align:left; 
margin:5px 0 5px 0; 
padding:5px 0 0 0;
}
.encadre {
position:relative;
text-align:left;
margin:0;
padding:0;
width:256px;
}
.encadre p {
margin-left:0px;
padding-left:0px;
}
.encadre h1 {
margin-left:0px;
padding-left:0px;
}
.encadre img {
margin-bottom:0;
}
#circled {
padding:0 5px 0 5px;
border:1px solid #6396e6; 
}
#encadre1 {
margin:10px 0 1px 10px;
padding:0;
}

#encadre2 {
border:1px solid #fff;
text-align:center;
margin:0 0 10px 0;
padding: 0 15px 0 15px;
background:url(images/arc2.jpg) bottom left repeat-x #fff;
}
.cadreliste2 {
text-align:left;
border:none;
margin:0 0 35px 0;
padding: 2px 5px 0 25px;
background-color:transparent;
}

.cadreliste2 ul {
text-align:left;
list-style-type:none;
list-style:none;
margin: 0;
padding: 0 0 0 5px;
background:none;
}
.cadreliste2 ul li {
text-align:left;
margin:0;
padding:10px 0 10px 10px;
background:#fff;
}
.cadreliste2 ul ul li {
text-align:left;
color:#44459a;
font: bold 11pt Arial, sans serif, sans serif;
margin:0;
padding:10px 0 10px 20px;
background:#fff;
}
.cadreliste2 ul li a:link, .cadreliste2 ul li a:visited {
text-decoration:none;
margin:0;
padding:5px 0 10px 15px;
color:#44459a;
font: bold 12pt Arial, sans serif, sans serif;
background:url(images/carre_gd.jpg) center left no-repeat #ffffff;
}

.cadreliste2 ul li a:hover {
background:url(images/carre_gd2.jpg) center left no-repeat #ffffff;
color:#42428a;
}

.cadreliste2 ul ul li a:link, .cadreliste2 ul ul li a:visited {
text-decoration:none;
margin:0;
padding:5px 0 10px 15px;
color:#44459a;
font: bold 12pt Arial, sans serif, sans serif;
background:url(images/carre.jpg) center left no-repeat #ffffff;
}

.cadreliste2 ul ul li a:hover {
background:url(images/carre2.jpg) center left no-repeat #ffffff;
color:#42428a;
}
.encadre3 {
width:450px;
z-index:5;
margin:0 0 0 10px; 
padding:0;
background:transparent;
}
#brebis {
background:url(images/brebis.jpg) top left no-repeat transparent;
}
#esaie {
background:url(images/agneau.jpg) top left no-repeat #fff;
}

.liste {
list-style-type:none;
list-style:none;
margin: 0;
padding: 5px 0 5px 0px;
}
.liste li {
text-align:left;
margin:0;
padding:5px 5px 10px 15px;
}
.liste li a:link, .liste li a:visited {
text-decoration:none;
margin:0;
padding:1px 0px 2px 20px;
color:#1a1b72;
font: 11pt Arial, sans serif, sans serif;
}
 
.liste li a:hover {
background-color:#ffffff;
background:url(images/arrow1.jpg) center left no-repeat transparent;
}

#nouveau {
background:url(images/nouveau_gd.gif) 45% 35% no-repeat #fff;
}

.indleft {
margin:0;
padding:0 5px 0 5px;
}

.left {
margin:0;
padding:0 5px 0 5px;
}

#piedsdepage {
text-align:left;
border-top:1px solid #dedede;
margin-top:0;
}

ul#piedsdepage {
list-style-type:none;
margin: 2px 0 10px 0;
padding:5px 0 0 0;
}

ul#piedsdepage li {
font: 8pt Arial, sans serif;
color: #6396e6; 
display:inline;
margin: 5px 50px 20px 10px;
padding:0;
text-align:center;
}

#piedsdepage a {
font: 9pt Arial, sans serif;
color: #6396e6;
}

ul#simpl {
font: 11pt Arial, sans serif;
color: #545454;
list-style:none;
list-style-type:none;
margin:0;
padding:25px 0 5px 15px;}

ul#simpl li { margin: 0 0 30px 0;
padding:0;
}
	
p { font: 10pt Arial, sans serif; color: #545454;  text-align: justify;
background-color:transparent;
margin:0;
padding:5px 10px 5px 10px;
}
#cadr {
border:1px solid #3b4bb0;
margin: 15px 10px 10px 10px;
padding: 10px;
}
#b { 
color:#1e1e1e;
font:bold 11pt Arial, sans serif;
padding:15px 10px 10px 10px;
}
#b1 { 
color:#1e1e1e;
font:bold 12pt Arial, sans serif;
padding:0px 10px 10px 10px;
}

#old
{
color:#1e1e1e;
font:bold 11pt Arial, sans serif;
} 

#left {
color: #828282; 
font-weight:bold;
width:150px;
margin: 0 5px 5px 5px;
padding: 0 0 0 15px;
}
#bord {
margin:0 0 5px 10px;
padding: 10px;
border:1px solid #db567c;
}

ul li { font: 11pt Arial, sans serif; text-align: left; color: #545454; margin: 5px 0 5px 0; padding: 0; }

ol { list-style-position: inside; margin: 10px 5px 10px 10px; padding: 0;  }
ol li { font: 10pt Arial, sans serif; text-align: justify; color: #545454; margin: 0 10px 25px 0; padding: 0 0 0 15px; }
ol ul li { list-style-type: disc; font: 11pt Arial, sans serif; text-align: justify; color: #000000; margin: 5px 0 5px 5px; padding: 0; }

h1 { text-align:center; font: bold 11pt Arial, sans serif; color: #aaaaaa; margin: 10px 0 5px 5px; padding: 0;
}
h2 { text-align:left; font: 11pt Arial, sans serif; color: #6396e6; margin: 10px 0 10px 10px; padding: 0;
}
h3 { text-align:left; font: 10pt Arial, sans serif; color: #6396e6; margin: 10px 0 10px 10px; padding: 0;
}
.souligne {
color:#545454;
font: 12pt Arial, sans serif;
text-align:left;
border-bottom:1px solid #93a8c8;
margin: 45px 60px 0 65px;
padding:0 0 0 5px;
}
.colore { 
border-left:1px solid #f7f3c0;
margin: 20px 10px 0 0; 
padding: 0;
}
.colore h1 {
background-color:#f7f3c0;
padding:5px;
border:none; 
}
.colore p { 
background-color:#ffffff;
}
.marge {
margin:0 10px 0 5px;
}
#rose { font-weight:bold; color:#db567c;
}


table { border-collapse: collapse; margin: 0; padding: 0; }
td { padding:0; margin:0; }
caption { font: bold 12pt Arial, sans serif; color: #565151; margin: 0; padding: 20px 0 0 0; }
blockquote { 
font: 10pt Arial, sans serif; color: #545454; 
margin:5px 5px 5px 10px;
padding:10px 5px 10px 10px;
background: url(images/bgblockquote.jpg) top left repeat-x #fff;
text-align:justify;
}

a:link, a:visited {
font:10pt Arial, sans serif;
margin:0 0 5px 0;
padding:0;
color:#6396e6;
text-decoration:none;
}
a:hover, a:active {
text-decoration:underline;
}


#right {
text-align:right;
padding-right:25px;
margin:5px 0 15px 0;
}

#right1 {
position:absolute; top:10%; right:0%;
padding:0;
margin:0;
}

#co { background-color: #dadae8; }


p#margebas {
margin:0 0 5px 10px;
color: #828282;
}

#bordure {
border:1px solid #7ab1c3;
margin:0 5px 0 5px;
padding:20px;
}

#rouge1 {
margin:10px 15px 0px 0;
padding: 0 0 5px 0;
}
#rouge1 h1 
{
color:#db567c;
font: bold 11pt Arial, sans serif;
margin:0 5px 0px 5px;
padding:5px 0 5px 0;
text-align:left;
}
#rouge2 {
margin:15px 15px 1px 15px;
padding: 5px;
}
#rouge2 h1 
{
background: url(images/bgrouge.jpg) top left repeat-x #db567c;
color:#ffffff;
font: bold 11pt Arial, sans serif;
margin:0 0 5px 0;
padding:0;
text-align:center;
}


#bleu {
color: #93a8c8;
}
#rouge {
padding:0 0 3px 0px;
color:#d55066;
}
#blue 
{
font: bold 11pt Arial, sans serif;
padding-left:5px;
color:#7b90b0;
}
#blue1 
{
color: #93a8c8;
font: 11pt Arial, sans serif;
}

#green
{
font: bold 11pt Arial, sans serif;
padding-left:10px;
color:#65ab64;
}
#green1 h1
{
color:#73b668;
}
#green1 a
{
padding:0 5px 0 5px;
color:#699c60;
border:1px solid #699c60;
}
#green2 {
margin:15px 15px 1px 0;
padding: 0 0 15px 0;
}
#green2 h1 
{
color:#73b668;
font: bold 11pt Arial, sans serif;
margin:0 5px 10px 5px;
padding:5px 0 5px 0;
text-align:left;
}
#red1 {
padding:5px 0 5px 15px;
color:#db567c;
}
#grey {
color: #73b668;
font: 10pt Verdana Arial, sans serif sans-serif;
}
#grey a{
color: #7ab1c3;
font:bold 9pt Arial, sans serif;
}


.jc {
text-align:left;
margin:0 5px 0 10px;
padding:0 0px 5px 10px;
width:290px;
}
.jc h1
{
text-align:left;
margin:0;
padding:0 0 5px 0;
color: #42428a;

}
.jc a {
margin:0;
padding:0 5px 0px 5px;
color: #6473ab;
font:bold 9pt Arial, sans serif;
border:1px solid #6473ab 
}
.jc p {
margin:0 0 5px 0px;
padding-left:0px;
}
.jc1 {
text-align:left;
margin:0 5px 0 10px;
padding:0 0px 5px 10px;
width:290px;
}
#grand {
height:23px;
font-size:12pt;
margin:25px 0 15px 0;
padding:0;
background:url(images/lumsev.jpg) no-repeat top left #fff;
}
#bleu1 {
text-align:left;
border:none;
margin:0 10px 10px 10px;
padding:0 5px 15px 5px;
font: 9pt Arial, sans serif; color: #545454;
}
#bleu1 img {
margin:5px 0 5px 0;
}

.bleu2 {
margin:10px 15px 0 10px;
padding: 5px 0 5px 0;
}
.bleu2 h1 
{
color:#93a8c8;
font: bold 11pt Arial, sans serif;
margin:0;
padding:10px 0 5px 10px;
text-align:left;
}
.bleu2 #white  
{
color:#fff;
font-size:12pt;
padding-bottom:20px;
}
.bleu2 h2 { 
text-align:left; 
font: bold 10pt Arial, sans serif; 
color: #93a8c8; 
margin: 0; 
padding: 10px 0 5px 10px;
}
#bleu2 {
margin:10px 15px 0 10px;
padding: 5px 0 5px 0;
}
#bleu2 h1 
{
color:#93a8c8;
font: bold 10pt Arial, sans serif;
margin:0;
padding:10px 0 5px 10px;
text-align:left;
}
#bleu2 h2 { 
text-align:left; 
font: bold 10pt Arial, sans serif; 
color: #93a8c8; 
margin: 0; 
padding: 10px 0 5px 10px;
}
#vert {
margin:15px 15px 0px 0;
padding: 0 0 5px 0;
}
#vert h1
{
color:#75c373;
font: bold 10pt Arial, sans serif;
margin:0;
padding:10px 0 5px 10px;
text-align:left;
}
#vert a {
color: #75c373;
font: 10pt Arial, sans serif;
}
#vert1 {
background: url(images/bgvert1.jpg) top left no-repeat transparent;
margin:15px 0 0 0;
padding:20px 20px 5px 10px;
width:255px;
height:255px;
}
#vert1 h1
{
text-align:left;
margin:0;
padding:0 0 0 10px;
}
#vert1 a {
color: #75c373;
font:bold 9pt Arial, sans serif;
}
.gris {
margin:15px 15px 0px 0;
padding: 180px 0 5px 0;
}
.gris h1
{
color:#7ab1c3;
font: bold 11pt Arial, sans serif;
margin:0;
padding:10px 0 5px 10px;
text-align:left;
}
.gris h2 { text-align:left; font: bold 10pt Arial, sans serif; color: #7ab1c3; 
margin: 0; padding: 10px 0 5px 10px;
}
.gris h3 { text-align:center; font: bold 10pt Arial, sans serif; color: #7ab1c3; margin: 10px 0 10px 0; padding: 0;
} 
.gris a {
color: #7ab1c3;
font:bold 10pt Arial, sans serif;
}

.right {
margin:0;
padding:5px 15px 5px 5px;
text-align:right;
}
.flle { float: left; padding: 0; }
.flri { float: right; margin: 2px 45px 0 0; padding: 0; }
.clbo { clear: both; }


#einordnen {
background-color:transparent;
margin: 35px 5px 15px 20px;
}

#centrer {
text-align:center;
margin:0;
padding:2px 20px 2px 0;
color:#000000;
font: bold 12pt Arial, sans serif, sans serif;
z-index:8;
}
#centrer p { 
text-align:center;
}
.leftimg {
float: left;
margin: 5px 5px 5px 0;
padding:0;
}

.rightimg {
float: right;
margin-top:25px;
margin-left:2px;
margin-right:10px;
margin-bottom:3px;
}

.bottom { 
position:absolute; bottom:5px; left:15px;
margin:0;
padding:0;
text-align:center;
font-size:10px; }

.droite a:link { text-decoration: none;
color:#000;
font:10pt Arial, sans serif;
}



.topcorner {
height:8px;
background:url(images/roundcornerup1.jpg) top left no-repeat;
margin: 10px 15px 0 20px;
padding: 0;
}
.topcorner1 {
height:8px;
background:url(images/roundcornerup2.jpg) top left no-repeat;
margin: 10px 15px 0 20px;
padding: 0;
}
#traitbleu {
border-right:1px solid #7ab1c3;
border-left:1px solid #7ab1c3;
border-bottom:1px solid #7ab1c3;
}


#rosethe a
{
font: bold 9pt Arial, sans serif;
color: #db567c; 
}
#rosethe h1
{
text-align:left;
margin:0;
padding:0 5px 2px 5px;
color: #d55066;
}
.cadre1 {
text-align:justify;
width:210px;
margin: 10px 0 5px 0;
padding:0px 0 0 0;
}
.cadre1 a {
font: bold 9pt Arial, sans serif;
color: #6473ab;
}
.cadre1 a:hover{
text-decoration:underline;
}
.cadre1 p {
color:#636363;
text-align:justify;
margin: 0;
padding:5px 5px 5px 0;
}
.cadre1 blockquote {
background: url(images/bgblockquote2.jpg) top left repeat-x;
margin:0; padding:5px 10px 5px 10px;
}
.cadre1 h1 {
text-align:left;
margin:0;
padding:0 5px 2px 5px;
color: #42428a;
}
#marg {
margin:0 5px 0 5px;
}
.bottomcorner {
height:8px;
background:url(images/roundcornerbottom1.jpg) top left no-repeat;
margin: 0 15px 10px 20px;
padding: 0;
}


#retour {
margin:10px;
padding:0 0 10px 0;
text-align:left;
font-weight:bold;
}
#retour a:link, #retour a:visited {
margin:0;
padding:0 5px 10px 5px;
font: 9pt Arial, sans serif;
text-decoration:none;
color:#808080;
}

#retour a:hover, #retour a:active {
text-decoration:underline;
color:#828282;
}

#petit {
margin:20px 0 15px 10px;
font: 9pt Arial, sans serif;
color:#808080;
}
#liens {
margin:5px 15px 0 15px;
padding:0 0 10px 0;
text-align:left;
}

#liens a:hover, #liens a:active {
text-decoration:underline;
}