/*******************************************************
  Ce fichier CSS est la propriété de Mission Chretienne
   FICHIER CSS > DESIGN MISSION CHRETIENNE BLOGS #M101
********************************************************/


/*** INFORMATIONS PRINCIPALES ***/
body { 
	font-size: 80%; 
	font-family: arial,sans-serif; 

background-position: top center ;
background-image: url('top.jpg') ;
background-repeat: no-repeat ;
background-color:#326a8d;

	color: #ffffff;
	text-align: center;  
	margin:0px; 
	padding:0px; 
	line-height: 1.5em; 
}


.memberlist{ 
float:left; 
width:70px; 
height:85px; 
margin-right:6px; 
margin-top:5px; 
font-family: Arial, sans-serif; 
font-size:10px; 

}


form { margin: 0px; padding: 0px; }
input          { border:solid 1px #326a8d; color:#585858; font-size:100%; background:#FFFFFF; font-size:10px; }
input.checkrad { border:0px; font-size:100%; background:#D5E6ED;  }
input.checkcoch { border:0px; font-size:100%; background:#FFFFFF;  }
textarea       { border:solid 1px #326a8d; color:#585858; font-size:100%; background:#FFFFFF; width:100%; font-family: Arial, sans-serif;}

p{}
.petitext{
font-size:11px;
font-style:normal;
}


#contenu1 {background-color:#144f75;}

/*** 3 COLONNES (GAUCHE+CENTRE+DROITE) ***/
#contenu1 #leftcontenu   { float:left; width:195px;}
#contenu1 #rightcontenu  { float:right; width:195px;}
#contenu1 #centercontenu { position:relative; margin:0px 0 0 215px; width:520px; padding:14px 0 0 0;}
/*** 2 COLONNES (GAUCHE+CENTRE) ***/
#contenu2 #leftcontenu   { float:left; width:240px; background: url(menu2_2.jpg) repeat-y; }
#contenu2 #centercontenu { margin:0 0 0 260px; width:690px; }
/*** 2 COLONNES (CENTRE+DROITE) ***/
#contenu3 #rightcontenu  { float:right; width:240px; background: url(menu2_2.jpg) repeat-y; }
#contenu3 #centercontenu { margin:0 0 0 0; width:690px}


/* ELEMENTS DE DISPOSITION ***/
#global        	{ margin-top:25px; width:950px; margin-left:auto; margin-right:auto; text-align: left; }
#pub            { background: url(pub.jpg) no-repeat; margin-left:10px; margin-right:10px; padding:10px; margin-top:5px; text-align: center; margin-bottom:15px; }
#site           { width:100%; }
#head           { clear:both;  height:92px; padding-left:15px;}
#head #headtitle{ padding:93px 0 0 0; font-size:40px; color:#FFFFFF;  font-family: "Trebuchet MS", Arial; font-weight:bold; text-align:center;}
#head #headurl  { padding:8px 0 0 0; font-size:14px; color:#9bc7da; font-family: "Trebuchet MS", Arial;  font-weight:bold; text-align:center;}
#heure          { clear:both; height:15px; padding:1px; text-align:right; padding-right:10px; }
#menu           { clear: both; height: 15px; padding-left:10px; font-weight:bold; margin-bottom:15px; border-bottom: 1px solid #727272; border-top: 1px solid #727272; height:20px; background-color:#3b3b3b;}
#bottom         { height:17px; background: url(bottom.jpg) no-repeat; }
#foot           { color:#8eeaee; font-size:11px; text-align:center; }


/*** STYLE GENERAL DES BOX ***/
#leftcontenu   .box { padding-left: 10px;}
#contenu1 #leftcontenu   .box   { padding-left: 15px; width:165px;}
#contenu1 #leftcontenu   .headc { background: url(menu1_1.jpg) no-repeat; height:15px;}
#contenu1 #leftcontenu   .footc { background: url(menu1_3.jpg) no-repeat; height:10px;}
#contenu2 #leftcontenu   .box   { padding-left: 15px; width:210px;}
#contenu2 #leftcontenu   .headc { background: url(menu2_1.jpg) no-repeat; height:15px;}
#contenu2 #leftcontenu   .footc { background: url(menu2_3.jpg) no-repeat; height:10px;}

#rightcontenu  .box {  }
#contenu1 #rightcontenu  .box   { padding-left: 15px; width:165px;}
#contenu1 #rightcontenu  .headc { background: url(menu1_1.jpg) no-repeat; height:15px;}
#contenu1 #rightcontenu  .footc { background: url(menu1_3.jpg) no-repeat; height:10px;}
#contenu3 #rightcontenu  .box   { padding-left: 15px; width:210px;}
#contenu3 #rightcontenu  .headc { background: url(menu2_1.jpg) no-repeat; height:15px;}
#contenu3 #rightcontenu  .footc { background: url(menu2_3.jpg) no-repeat; height:10px;}

#centercontenu .box { }


.box .box-head                 { font-size:20px; color:#0bdde7; font-family: "Trebuchet MS", Arial; height:28px; background: url(title.gif) no-repeat; padding:4px 0 0 30px;}
.box .box-head2	               { font-size:20px; color:#0bdde7; font-family: "Trebuchet MS", Arial; height:32px; }
#centercontenu .box .box-head  { font-size:20px; color:#0bdde7; font-family: "Trebuchet MS", Arial; height:20px;}
#centercontenu .box .box-head2 { font-size:20px; color:#0bdde7; font-family: arial,sans-serif; padding:25px 0 0 10px; height:23px;border-bottom: 0px;}
.box .box-precontent           { font-size:8pt; color:#888888; height:18px; vertical-align:top; line-height:12px; padding-left:10px; background: url(top2_2.gif) no-repeat;}


#contenu1 #centercontenu .box .box-head  { font-size:20px; color:#0bdde7; font-family: "Trebuchet MS", Arial; height:28px; background: url(title.gif) no-repeat; padding:4px 0 0 30px;}
#contenu1 #centercontenu .box .box-head2 { font-size:20px; color:#0bdde7; font-family: arial,sans-serif; padding:25px 0 0 10px; height:23px;border-bottom: 0px;}

#contenu1 .box .box-precontent { font-size:8pt; color:#8eeaee; height:18px; vertical-align:top; line-height:12px; padding-left:10px; background: url(top2.gif) no-repeat;}
.box .box-precontent2          { _height:1px; font-size:8pt; color:#A8A8A8; }
.box .box-content              { padding: 3px 0px 0px 0px; text-align:justify; }

.box .box-content2             { padding: 10px 10px 0px 10px; text-align:justify; background: url(article_cont_2.jpg) repeat-y; margin-bottom:0px;}
#contenu1 .box .box-content2   { padding: 10px 10px 0px 10px; text-align:justify; background: url(article_cont.jpg) repeat-y; margin-bottom:0px;}

.box .box-content img.no       { padding:0px; margin:0px; border:0px;}
.box .box-content img.imglistm  { margin:4px 4px 0px 4px; border:#326a8d solid 1px; background-color: #FFFFFF;}
.box .box-content img.imglist  { margin:4px 4px 4px 4px; border:#326a8d solid 1px; background-color: #FFFFFF;}
.box .box-content img.photosel { margin:4px 4px 4px 4px; border:#326a8d solid 1px; background-color: #FFFFFF;}
.box .box-content img.photobig { margin:0px 0px 0px 0px; border:#326a8d solid 1px; background-color: #FFFFFF; }
.box .box-content img.photopro { margin:4px 4px 0px 0px; border:#326a8d solid 1px; }
.box .box-numpages             { font-size:10px; margin: 0px 5px 10px 5px;}
.box .box-foot	               { padding:0px; text-align:center; margin-bottom:15px;}

.box .box-foot2	               { padding:0px; text-align:center; margin-bottom:15px; background: url(article_bas_2.gif) no-repeat; height:10px; margin-top:0px;}

#contenu1 .box .box-foot2	   { padding:0px; text-align:center; margin-bottom:15px; background: url(article_bas.gif) no-repeat; height:10px; margin-top:0px;}


/*** TEXTES ET LIENS ***/
a 	               { color:#18b8cb; font-size:100%; text-decoration:none; } 
a:hover            { color:#ffffff; }
a.no 	           { color:#18b8cb; font-size:12px; text-decoration:none; } 
a.no:hover         { color:#ffffff; }
.titre             { line-height:109px; font-size:36px; }
.headlink          { text-decoration:none; color:#FFFFFF; }
.headlink:hover    { text-decoration:none; color:#FFFFFF }
.headlink2         { text-decoration:none; color:#18b8cb; }
.headlink2:hover   { text-decoration:none; color:#ffffff; }
.calendrier        { font-size:10px; vertical-align:middle; text-align:center;}
.calendrierok      { color:#FFFFFF; font-size:10px; background-color: #21849d; }
a.calendrier 	   { color:#ffffff; font-size:11px; font-weight: bold; text-decoration:none; } 
a.calendrier:hover { color:#18b8cb; }
a.precontent 	   { color:#18b8cb; text-decoration:none; } 
a.precontent:hover { color:#ffffff; }
.navig             { font-size:11px; }
.smalltext         { color:#18b8cb; font-size:11px; line-height:100%}
.middletext        { color:#ffffff; font-size:11pt; font-weight: bold; line-height:100%}
a.middletext       { color:#ffffff; font-size:11pt; font-weight: bold; line-height:100%}
a.middletext:hover { color:#8eeaee; }
.message           { font-weight:bold; }
.footlink          { color:#18b8cb; text-decoration:none;  } 
.footlink:hover    { color:#ffffff; text-decoration:underline; }
a.video 	       {  background: url(video.jpg) repeat-x; margin: 3px 10px 3px 0px; padding:5px; border:#368BCC solid 1px; color:#FFFFFF; font-size:14px; font-weight: bold; text-decoration:none; } 
a.video:hover      { color:#FFFFFF; }


/*** CELLULES ET TABLEAUX ***/
td.barresondage    { background-color:#0a8cb2; height:15px; color:#4d4d4d; font-size:9px; line-height:100%; text-decoration:bold; }
td.barresondagetxt { font-size:9px; line-height:100%; }
td.tdforum1        { font-size:11px; color:#FFFFFF; height:15px; background-color:#0a8cb2; padding:1px 1px 1px 3px; font-weight:bold; line-height:90%; }
td.tdforum2        { font-size:11px; background-color:#1cb7cb; padding:5px 0px 5px 3px; line-height:90%; }
td.tdforum3        { font-size:11px; height:25px; background-color:#027099; padding:3px 0px 3px 3px; line-height:100%; }
td.tdforum4        { font-size:11px; height:25px; padding:3px 0px 3px 3px; line-height:100%; }
td.tdforum5        { }
table              { width:100%; } 


/*** SPACERS ***/
.spacer            { clear:both; width:900px; height:1px; line-height:0%;}
.separation        { clear:both; width:175px; height:1px; line-height:0%;}
.spacerblog {clear: both; font-size:1px;}