/* CSS Christianisme Aujourd'hui: écran */

body { margin:0; width:100%; min-width:970px; font-family: Verdana, Geneva, Arial, sans-serif; font-size:small; font-style:normal; color:#000; }

h1 { font-size:22px; font-family: Arial, Helvetica, sans-serif; line-height:110%; margin-bottom:0.2em; text-align:left; }
h2 { font-size: 17px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height:100%; margin:1.2em 0 0.2em 0; text-align:left; }
h3 { font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height:100%; margin-top:0.2em; margin-bottom:0.2em; text-align:left; }
h4 { font-size: 13px; font-family: Verdana, Geneva, Arial, sans-serif; font-weight:bold; line-height:100%; margin-top: 0; margin-bottom:0.2em; text-align:left; }

a { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:focus { text-decoration:underline; }
a:active { text-decoration:none; }

img { border:none; }
hr { height:1px; color:#fff; border:none; }


/* ++++++++++++++++++++++++++++ Définition des BLOCS +++++++++++++++++ */

#directAccess { display:none; }

#top { height: 56px; /*margin-bottom:5px; margin-bottom:-2px */ }/*enlever height:41 et margin bottom pour bandeau de noel*/

#menuTop ul { padding: 0; margin: 0; background-color: #fff; border-bottom: 5px solid #d81d24; color: White; float: left; width: 100%;}
#menuTop ul li { display:inline; }
#menuTop a { padding: 0.2em 1em; background-color: #a4a4a4;	color: White; text-decoration: none; float: left; border-right: 1px solid #fff;	border-top:2px solid #fff }
#menuTop a:hover { background-color:#666; color:#fff; }
#menuTop a.currentMenu_ca { background-color: #d81d24; border-top:2px solid #d81d24 }
#menuTop a.currentMenu_cf { background-color: #C10450; border-top:2px solid #C10450 }
#menuTop a.currentMenu_bc { background-color: #A26CA3; border-top:2px solid #A26CA3 }
#menuTop a.currentMenu_tc { background-color: #F89D19; border-top:2px solid #F89D19 }
#menuTop a.currentMenu_tr { background-color: #053A74; border-top:2px solid #053A74 }
#menuTop a:link { color:#FFF; text-decoration: none; }
#menuTop a:visited { color:#FFF; text-decoration: none; }
#menuTop a:hover { color:#FFF; text-decoration: none; }
#menuTop a:focus { color:#FFF; text-decoration: none; }
#menuTop a:active {	color:#FFF;	text-decoration: none; }

#leftCol { /*float:left; width:68%;*/ margin-right:294px; min-width:550px; text-align: justify; }

#content { position:relative; margin-left:7px; }

#mainArticle { width:100% !important; background-color: #fff; padding:7px; margin-bottom:1px; border-bottom:2px solid #999 }

#newsBloc { width:100% !important; padding: 7px; background: #d81d24 url(../images/template/bg_rssbox_ca.gif) repeat-y top left; }
#newsBloc a { color:#fff; text-align:left }
#newsBloc a.rssBox { display:block; float:left; padding:0 0 0 40px; width:76px; color:#fff; font-size:x-small; text-align:left }
html>body div#newsBloc a.rssBox { background:url(../images/template/rss_logo.png) top left no-repeat } /*'html>body' n'est pas compris par IE6 */
#newsBloc #mynewsdis { margin: 0 0 12px 138px; padding:0 }
#newsBloc ul#mynews { margin:0; padding:0; list-style:none; }

/*nouveau bloc*/
#newsBloc2 { width:100% !important; height:77px; padding: 0px 14px 0 0; background: #d81d24 url(../images/template/bg_rssbox_ca.gif) repeat-y top right; }
#newsBloc2 a { color:#fff; text-align:left }
#newsBloc2 img.info { display:block; float:left; padding:0; margin:0; }
#newsBloc2 #mynewsdis { margin: 0 0 12px 138px; padding:7px 0 0 0 }
#newsBloc2 ul#mynews { margin:0; padding:7px; list-style:none; }
#newsBloc2 .rss { float:right; width:110px; height:77px; padding:0 0 7px 0;}
#newsBloc2 a.rssBox { display:block; padding:0 0 0 40px; width:77px; color:#fff; font-size:x-small; text-align:left }
html>body div#newsBloc2 a.rssBox { background:url(../images/template/rss_logo.png) top left no-repeat } /*'html>body' n'est pas compris par IE6 */

#wrapper { position:relative; width:100% !important; background-color: #fff; padding:7px 12px 10px 3px; margin-bottom:1px; border-bottom:2px solid #999; }

/*Pour le canevas spécifique à un journal (cf. header_spec.php )*/
#content_spec { margin:0 0 10px 7px; padding: 7px; background-color:#fff }

#page_options {	padding-bottom:0.5em; border-bottom: 1px solid #e5e5e5; text-align:right;}
#page_options img {	vertical-align:middle; }

#menu_spec2 { margin-top:0.5em;	font-size:x-small; }

#menuSpec { /*float:left;*/ position:absolute; left:3px; width:127px; background-color:#fff; margin-right:13px; margin-top:10px; overflow:hidden; /* IE:permet le rollover sur toute la largeur du menu lorsque width est défini */ text-align:left;}
#menuSpec h2 { margin:0; padding:0;	font-family: verdana, arial, helvetica, sans-serif;	font-size:x-small; font-weight:bold;	letter-spacing:0.1em; word-spacing:0.1em; }
#menuSpec ul { margin:0 0 1em 0; padding:0.2em 0 0.2em 0; background-color:#cfcfcf;	border-top:1px solid #fff; }
#menuSpec li {
	display:inline; /*IE:supprime les interlines entre li*/
	margin:0; list-style:none; }
#menuSpec a { color:#000; background-color:transparent; display:block; font-size:80%; font-weight:normal; padding:0.1em 0.2em 0.1em 0.2em; text-decoration:none; }
#menuSpec a:hover, #menuSpec a:focus { color:#fff; }

#content_2 { margin-left:140px;	padding:7px; min-height: 500px; text-align: justify; background-color:#fff }

#rightCol { /*margin-left:69%;*/ position:absolute; top:80px; right:0px; width:270px; font-size: x-small; color: #333; }
#rightCol h2 { margin:0; padding:4px; color:#fff;	font-family: verdana, arial, helvetica, sans-serif;	letter-spacing:0.08em; word-spacing:0.08em; font-weight:bold; font-size: x-small; }
#rightCol h2.title_encadre { font-family: arial, helvetica, sans-serif; font-size: large; font-weight: bold; text-transform:none; }
#rightCol h3 { margin:0.1em 0 0.2em 0;	padding:0; color:#000;	font-family: verdana, arial, helvetica, sans-serif;	font-weight:bold; font-size: small; }
#rightCol div { padding:4px; }
#rightCol div p { padding:2px 0 7px 0; margin:0; }
#rightCol div a { color: #333; }
#rightCol div ul { margin:0; padding:0; list-style : none; }
#rightCol div ul li { padding-bottom:0.5em;	line-height: 1.1em; }
#rightCol #searchEngine {  margin:30px 0 20px 0; padding:0 4px 0 4px; }
#rightCol #searchEngine form { padding:0; margin:0 0 8px 12px; }
#rightCol #searchEngine form label { display:none; }
#rightCol div.infoBox { padding-bottom:8px; margin-bottom:14px; background-color:#fff; border-bottom:2px solid #999; }
#rightCol div.pub { position:relative; padding:4px; text-align:center }
html>body #rightCol div.pub { background: url(../images/template/bg_pub.png); }
.pubTitle { position:absolute; top:0px; left:0px; z-index:1; }
.linkBanner { display:block; margin-bottom:1px; }
.newslettersBanner { margin:8px 0 4px 0; text-align:center; }

#footer { margin: 10px 280px 20px 7px; text-align: left; font-size: x-small; color:#666; text-align:left; }
#footer a { color:#666 }
#topBanner { margin:30px 0 10px 0 }
#topBanner img { vertical-align:middle }

/* +++++++++++++++++++++++++++++++++++++++++ CLASSES +++++++++++++++++++ */

.logo_ap {  vertical-align:top; margin-left:8px; border: none; }
.slogan {  vertical-align:top; margin-left:20px; margin-top:25px; }/*margin-top:17 pour le logo normal*/
/*
.menuTop_ca {
	background-image:url(../images/bg_mag_ca.gif);
	background-repeat: repeat-x;
	background-position: left;
}
.menuTop_cf {
	background-image:url(../images/bg_mag_cf.gif);
	background-repeat: repeat-x;
	background-position: left;
}
.menuTop_rdf {
	background-image:url(../images/bg_mag_rdf.gif);
	background-repeat: repeat-x;
	background-position: left;
}
.menuTop_j4u {
	background-image:url(../images/bg_mag_j4u.gif);
	background-repeat: repeat-x;
	background-position: left;
}
.menuTop_tr {
	background-image:url(../images/bg_mag_tr.gif);
	background-repeat: repeat-x;
	background-position: left;
}
.menuTop_tc {
	background-image:url(../images/bg_mag_tc.gif);
	background-repeat: repeat-x;
	background-position: left;
}
.menuTop_bc {
	background-image:url(../images/bg_mag_bc.gif);
	background-repeat: repeat-x;
	background-position: left;
}
*/

.menuTop_last {
	float: left;
	height:25px;
	width:2px;
	border-left:2px solid #FFF;
}
.imgToRight {
	float: right;
	margin: 0 0 10px 10px;
}
.imgToLeft {
	float: left;
	margin: 0 10px 10px 0;
}
.imgSmall {
	float: left;
	margin: 0 4px 4px 0;
	border: 1px solid #fff;
}
.elementToLeft {
	float:left;
}
.elementToRight {
	float:right;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.clear, .clearing { clear: both; line-height:0;	height:0; }
.invisible {
	display: none;
}
.bt_buy {
	line-height:200%;
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:20px;
	font-weight:bolder;
}
.more {
	font-size:x-small;
}
.text_small {
	font-size: smaller;
}
.text_small_2 {
	font-size: 11px;
}
.text_infos {
	font-size: x-small;
	color:#666;
	margin-bottom:0.5em;
}
.text_black {
	color:#000;
}
a.text_black {
	color:#000;
}
.evidence {
	font-weight: bold;
}
.margLeft {
	margin-left:10%;
}
.textBlue {
	color:#2B3F86;
}
.textRed {
	color:#D81D24;
}
.verticalMiddle {
	vertical-align:middle;
}
.chapeau {
	font-style: italic;
	font-size: 110%;
}
.copyright_spec {
	float: right;
	/*display:inline;*/
	padding:0.5em;
	margin-left: 0.5em;
	width: 235px;
	background-color: #e5e5e5;
	font-size: x-small;
	text-align: left;
}
p.TL {
	font-size: large;
	font-family: Georgia, Times, "Times new roman", serif;
	line-height:100%;
	margin-bottom:0.2em;
	text-align:left;
}
p.L {
	margin-bottom: 0.1em;
	text-align: left;
}
p.SL {
	margin-top: 0;
	margin-bottom: 0.2em;
	font-style: italic;
	text-align: left;
}
.blogreactions {
	border: none;
	margin: 1em 0 1em 0;
}
.blogreactions th, .blogreactions td { vertical-align: top; border-bottom: 1px solid #e7e7e7; }
.blogreactions td { padding-bottom: 1em; }
.blogreactions td .postinfo {
	font-size: x-small;
	color:#666;
	margin-bottom:0.5em;
}
.liste {
	border: none;
	margin: 1em 0 1em 0;
}
.liste th, .liste td { vertical-align: top; border-bottom: 1px solid #e7e7e7; }
.liste th { 	
	font-size: x-small;
	color:#666;
	margin-bottom:0.5em; 
}
.liste td { padding-bottom: 1em; }
div.liste {
	border-bottom: 1px solid #e7e7e7;
	margin: 1em 0 1em 0;
}
.imgrss {
	border:none;
	margin:0;
	padding:0;
	padding-left:10px;
	vertical-align:bottom;
}
.linkToAll { font-weight:bold; }
.bt_abonnement { font-size:11px; line-height:40px; font-weight:bold; background:url(../images/template/bg_bt_abonnement.gif) center bottom no-repeat; padding-bottom:8px }
.bt_abonnement_small { font-size:10px; line-height:40px; font-weight:bold; background:url(../images/template/bg_bt_abonnement.gif) center bottom no-repeat; padding-bottom:8px }
.bt_autres_articles { color:#666 }
.separateur { padding:0 10px 0 10px }
.bt_recommander { font-size:11px; line-height:40px; font-weight:normal; background:url(../images/icon_recommander.gif) left top no-repeat; padding-left:22px; padding-top:2px; padding-bottom:4px }

code { display:block; text-align:left; margin:0.5em; padding:0.5em; border:1px solid #ccc; font-size:1em; }

/* ++++++++++++++++++++++++++++++++++++++++++++++ FORMULAIRES +++++++++++++ */
form {
	margin:0.5em 0 0.5em 0;
	padding:0;
	text-align: left;
}
fieldset {
	padding: 10px;
	border: 1px solid #ccc;
}
legend {
	font-weight: bold;
	color: #999;
	padding: 5px;
}
label {
	font-size: x-small; 
}
p label {
	float:left;
	width:100px;
	margin: 0;
	padding:0 ;
	vertical-align: middle;
	font-size: x-small; 
}
form p {
	margin: 2px 0 5px 0;
	padding: 0;
}
input {
	padding:0.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size: 90%;
	border-top: #999 1px solid;
	border-left: #999 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}
input.longText {
	width:400px;
}
select { /* par défaut pour tous les select */
	border-top: #999 1px solid;
	border-left: #999 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	font-size: 90%;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea { /* par défaut pour tous les textarea */
	width: 250px;
	height: 70px;
	border-top: #999 1px solid;
	border-left: #999 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	font-size: 90%;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea.large {
	width:400px;
}
.btValid { /* div qui contient le boutton pour valider le form */
	margin: 0.2em 0;
	padding: 0;
	padding-left: 87px;
	text-align:left;
}
.formfield {
	font-size:x-small;
	vertical-align: middle;
	background-color: #fff;
}
.formbutton {
	border: #fff 1px solid;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:bold;
	vertical-align: middle;
	cursor: pointer;
}
#search_engine label, #mailing_form label {
	display: none;
}
#search_engine .formfield, #mailing_form .formfield {
	width: 12em;
}
.buy_article
{
	background-color:#fbce8c;
	padding:5px 10px 5px 10px;
	margin:5px 0 5px 0;
}
#rightCol h2 a
{
	text-decoration:underline;
	color:#fff;
}


/* 
 ------------------------------------ 
 ------------------------------------ 
 CSS Christianisme Aujourd'hui: écran 
 ------------------------------------ 
 ------------------------------------ 


body { background: #d1d1f8 url(../images/template/bg_ca.png) repeat-x; }
a { 
	color:#2B3F86; 
}

#menuTop {
	background-color:#D81D24;
}
#menu_spec2 {
	color:#2B3F86; 
}
#rightCol h2 {
	background-color: #d81d24;
}
#rightCol div.text_encadre {
	background-color: #ffffcc;
	color: #000;
}
#rightCol div a {
	color: #000;
}
#pubZone1 { 
	background-color:#D81D24; 
}
#menuSpec h2 {
	border-bottom:4px solid #D81D24;
}
#menuSpec ul {
	border-bottom:1px solid #EB938C;
}
#menuSpec a:hover, #menuSpec a:focus {
	background-color:#EB938C;
	color:#fff;
}

.bt_buy {
	background-image:url(../images/panier_ca.gif);
}
.more {
	color:#2B3F86;
}


fieldset {
	border: 1px solid #2B3F86;
}
legend {
	color: #2B3F86;
}
.formbutton {
	background-color: #D81D24;
}*/