@charset "utf-8";
/* #############################
Commun  pages intérieures
###############################*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	background-image:url(../img/bg_points.jpg); /* pointillé de fond de page */
}
#conteneur {
	width: 784px;
	margin: auto;
	background-image:url(../img/colombe_bg.png);
	background-color:#fff;
}
.nobord {
	border:none;
}
select {
	height:20px;
	vertical-align:middle;
	border: 2px solid #999999;
	font-size:10px;
}
input {
	height:16px;
	vertical-align:middle;
	border: 2px solid #999999;
	font-size:11px;
}
textarea {
	/*border: 2px solid #999999;*/
	font-size:11px;
}
.back { /* bas de block texte */
	display:block;
	clear:both;
}
li {
	list-style-image: url(../img/minifl.gif);
}
.evidence {
	font-size:14px; 
	font-weight: bold; 
	color:#ff5f00;
}
.error {
	color: red;
	background-color:#FFCC99;
	border: 1px solid #FF0000;
	padding: 2px;
	margin: 15px auto;
}
.retourOK {
	color: #003300;
	background-color:#FFFFCC;
	border: 1px solid #003300;
	padding: 2px;
	margin: 15px auto;
}
fieldset {
	margin : 15px auto;
	background-color:#D6E5C7;
}
fieldset a {
	color:#000;
}
.centre {
	text-align:center;
}
.adroite {
	text-align:right;
}

/* #############################
Top
###############################*/
#bandoH {
	background:#FFF url(../img/bando_bg.png) top center no-repeat;
	height: 97px;
	width: 780px;
	border: 2px solid #283134;
}
#formRech {
	height:20px;
	margin-top:55px;
	margin-left:270px;
}
html[xmlns*=""] body:last-child #formRech { /*Hack Safari */
	margin-left:255px;
}
.OKRech {
	vertical-align:middle;
}
#menuH {
	position: relative;
	height: 34px;
	width: 784px;
	background-color: #FFFFFF;
	border-bottom: 2px solid #283134;
}
html:not([lang*=""]) .menuHBtn { /*Hack Firefox */
  font-size:8px;
}
html[xmlns*=""] body:last-child .menuHBtn { /*Hack Safari */
  font-size:10px;
}
.menuHBtn { /* Tous les autres... */
	position:absolute;
	top:0px;
	border-right:2px solid #283134;
	height: 22px;
	padding-top:12px;
	font-size:10px;
	color:#3e647e;
}
#kdo {
	left:0; 
	width: 123px;
	z-index:5; 
	cursor: pointer;
	border-left:2px solid #283134;
}
#panier {
	left:127px; 
	width: 103px;
	background:url(../img/panier.gif) center right no-repeat;
	padding-left: 5px; 
	z-index:5; 
	cursor: pointer;
}
#panier #panierPlein {
	position:absolute;
	top: 13px;
	right: 12px;
	color:black;
	font-size:14px;
	font-weight:900;
	vertical-align:middle;
	margin-left:15px;
}
#panier #panierVide {
	position:absolute;
	top: 12px;
	right: 1px;
}
#rechSiloe {
	left:237px; 
	width: 263px;
	background:url(../img/france.gif) center left no-repeat;
}
#rechSiloe #librairies {
	margin-left:45px;
}
#formRech2 {
	position:absolute;
	top:4px;
	left:130px;
}
#inQuarto {
	left:502px;
	width: 135px;
	height: 29px;
	padding-top:5px;
	padding-right:2px;
	background-image: url(../img/inQuarto.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#catalog {
	left:641px;
	width: 134px;
	height: 29px;
	padding-left: 7px;
	padding-top:5px;
}
#catalog img {
	vertical-align:middle;
	margin-left:10px;
}
#inQuarto img {
	vertical-align:middle;
	margin-left:80px;
}



/* #############################
Menu Gauche
###############################*/
#bandoG {
	min-height: 550px; /* extensible sauf lte IE6 */
	width: 127px;
}
#menuG {
	height: 168px;
	width: 127px;
}
#menuG div {
	height: 18px;
	width: 127px;
	border-bottom: 1px #FFF solid;
	text-align:center;
	font-family:'Arial Black',Arial,sans-serif;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
	color:#FFF;
	padding-top:5px;
}
#menuG div a {
	text-decoration:none;
	color:#FFF;
}
#menuG1 {
	background-color:#3E647E;
}
#menuG2 {
	background-color:#587992;
}
#menuG3 {
	background-color:#7C98AE;
}
#menuG4 {
	background-color:#A5B8C9;
}
#menuG5 {
	background-color:#5B97B1;
}
#menuG6 {
	background-color:#85B0C6;
}
#menuG7 {
	background-color:#A1C3C9;
}
#editorial, #animation {
	height: 314px;
	width: 125px;
	border-top: 6px solid #283134;
	border-right: 1px solid #283134;
	border-left: 1px solid #283134;
	text-align:center;
}
#coupDeCoeur {
	background-color: #587992;
	position: absolute;
	margin-top: 5px;
	margin-left: 4px;
	height: 180px;
	width: 120px;
}
#coupDeCoeur img, #editeur img {
	display:block;
	width:50px;
	height:75px;
	margin:5px auto;
	border:none;
}

#coupDeCoeur span {
	display:block;
	color:#FFF;
	width:115px;
	height: 70px;
	margin: auto;
	overflow:hidden;
	font-size:10px;
}
#coupDeCoeur span a {
	color:#FFF;
}
#editeur {
	background-color: #FFFFFF;
	border: 3px double #d6e5c7;
	position: absolute;
	margin-top: 190px;
	margin-left: 4px;
	height: 174px;
	width: 114px;
}
#editeur #titrEdit {
	color:#ff5f00;
	font-size:12px;
	margin:5px auto;
	font-weight:bold;
	text-align:center;
}
#editeur span {
	display:block;
	width:110px;
	height: 70px;
	margin: auto;
	overflow:hidden;
	font-size:11px;
}
#editeur a {
	color:#000;
}
#wt {
	clear:both;
	float:right; 
	padding :10px;  /* sans la pastille : 350 */
	position: absolute;
	margin-top: 890px;
	margin-left: 710px;
}


/* #############################
Centre
###############################*/
#main {
	/*position:absolute;
	margin-top:172px;
	padding-left:33px;*/
	float:right;
	font-size: 12px;
	width: 656px;
	text-align:justify;
	background-color:#FFF;
	min-height: 536px; /* extensible sauf lte IE6 */
}
#main h2 {
	font-size: 14px;
	font-weight:normal;
	text-transform:uppercase;
	color:#3e647e;
}
#main_txt {
	/*padding-top: 15px; 
	padding-left: 33px;
	padding-bottom: 15px;*/
	padding : 15px 3px 15px 33px;
}
#historic {
	text-align:right;
	font-variant:small-caps;
	margin-right: 10px;
}
#decouvrezVign {
	width:143px;
	height:211px;
	float:left;
	overflow:hidden;
}
.chapoVert {
	width:143px;
	height:20px;
	background-color:#d6e5c7;
	padding-top:4px;
	font-size:11px;
	text-align:center;
}
#decouvrezVign img {
	border:none;
	width:143px;
}
#decouvrezTxt {
	width: 455px; 
	margin-left: 165px;
	font-variant:small-caps;
	line-height: 150%;
}
#decouvrezTitre {
	color:#3E647E;
	font-weight:bold;
	margin-top:15px;
}
#decouvrezTxt a, #historic a {
	text-decoration:none;
	color:#000;
	font-style:italic;
}
#decouvrezTxt a:hover, #historic a:hover {
	text-decoration:underline;
}
#listeCat {
	border-top:2px solid #283134;
	margin-top:22px;
	margin-bottom: 30px;
	clear:both;
}
#listeCat a {
	color:#000;
}
#listeCat a:hover {
	background-color:#d6e5c7;
}
#listeCat li {
	list-style-image: url(../img/puce.gif);	
}
#listeCat span {
	font-weight:bold;
	font-variant:small-caps;
}
#ficheProduit a {
	color:#000000;
}
#panierTab {
	 margin-top: 15px;
	 width:100%;
}
#panierTab a {
	 color:#000000;
}
#panierTab td, #panierTab tr {
	padding:5px;
	text-align:center;
}
.hpanier {
	background-color:#283134;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
}
#partenaires a {
	 color:#000000;
}
#contactTab {
	margin: 20px auto;
}
#moteurResult a {
	color: #000000;
}
#moteurResult a:hover {
	background-color:#D6E5C7;
}
#cmd2Adrg {
	float:left;
	width: 295px;
	text-align:center;
	margin-top: 20px;
}
#cmd2Adrd {
	float:right;
	width: 300px;
	text-align:center;
	margin-top: 20px;
}
#afficheCB input {
	border : none;
	width:55px;
	height:35px;
}
.libraire {
	margin-top:15px;
}




/* #############################
Bas
###############################*/
.pub {
	background-color: #FFFFFF;
	height: 91px;
	width: 91px;
	border: 2px solid #283134;
}
.pub img {
	height: 85px;
	width: 85px;
	border:none;
	display:block;
	margin:2px auto;
}
#pub0 {
	float:left;
}
#pub1 {
	margin-left:100px;
}
#footer {
	position:relative;
	background:#283134 url(../img/footer_bg.png) bottom no-repeat;
	height: 63px;
	width: 784px;
	color:#FFF;
}
.footerBtn {
	position:absolute;
	width: 130px;
	height: 18px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align:center;
	padding-top:5px;
}
#siloe {
	top:0px;
	left:0px;
}
#cgv {
	top:0px;
	left:131px;
}
#contact {
	top:0px;
	left:262px;
}
#partenaire{
	top:0px;
	left:393px;
}
#ami {
	top:0px;
	left:524px;
}
#favori {
	top:0px;
	left:655px;
	border-right:none;
}
.footerBtn a {
	text-decoration:none;
	font-weight:bold;
	font-variant:small-caps;
	color:#FFF;
}
.footerBtn a:hover {
	color:#ff5f00;
}
#selectLibr a {
	color:#000;
}
#selectLibr a:hover {
	background-color:#d6e5c7;
}	

/* ************************** Page de ss-cat christianisme */
/* cellule du catholicisme */
#catho {
	padding-left:3px; 
	width:50%;
	vertical-align:top;
	text-align:left;
}
/* cellule des autres religions chrétiennes */
#christautres, #catho {
	vertical-align:top;
	text-align:left;
}
/* puce fleche animée */
.fl_anim {
	margin-right:10px;
}
/* puce bleue */
.minipuce {
	margin:10px 5px 3px 10px;
}
/* puce mini fleche */
.minifl {
	margin:5px 5px 4px 30px;
}
/*liens en blanc*/
#christautres a {
	color:#000;
}
/* ============================ Angles ronds chretiens non-cathos sans sscat2*/
 /* Largeur totale de la boite */
.AngleRond {
width:290px;
background-color:transparent;
}
/* définition des pixels d'angles */
.AngleRond .pix1, .AngleRond .pix2, .AngleRond .pix3, .AngleRond .pix4, .AngleRond .pix5 {
display:block;
overflow:hidden;
height:1px;
border-left:1px solid #000;
border-right:1px solid #000;
/*background:#686F8B;*/
}
.AngleRond .pix1 {margin:0 5px; background:#000;}
.AngleRond .pix2 {margin:0 4px;}
.AngleRond .pix3 {margin:0 3px;}
.AngleRond .pix4 {margin:0 2px;}
.AngleRond .pix5 {margin:0 1px;}
/* soit au total : 14px de décalage latéral (2*5px + les bordures) */
/* calque de contenu de la boite */
.AngleRond .contenu {
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 5px;
/* largeur: calque AngleRond - 14px (décalage latéral) */
width:276px;
/* centrage du calque de contenu */
margin: 0 auto 0 auto;
}

/* ============================ Angles ronds cathos avec sscat2*/
 /* Largeur totale de la boite */
.AngleRond2 {
width:290px;
background-color:transparent;
}
/* définition des pixels d'angles */
.AngleRond2 .pix1, .AngleRond2 .pix2, .AngleRond2 .pix3, .AngleRond2 .pix4, .AngleRond2 .pix5 {
display:block;
overflow:hidden;
height:1px;
border-left:1px solid #000;
border-right:1px solid #000;
}
.AngleRond2 .pix1 {margin:0 5px; background:#000;}
.AngleRond2 .pix2 {margin:0 4px;}
.AngleRond2 .pix3 {margin:0 3px;}
.AngleRond2 .pix4 {margin:0 2px;}
.AngleRond2 .pix5 {margin:0 1px;}
/* soit au total : 14px de décalage latéral (2*5px + les bordures) */
/* calque de contenu de la boite */
.AngleRond2 .contenu2 {
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 5px;
/* largeur: calque AngleRond2 - 14px (décalage latéral) */
width:276px;
/* centrage du calque de contenu2 */
margin: 0 auto 0 auto;
}

/* ============================ Angles ronds cathos*/
 /* Largeur totale de la boite */
.AngleRond3 {
width:295px;
background-color:transparent;
}
/* définition des pixels d'angles */
.AngleRond3 .pix1, .AngleRond3 .pix2, .AngleRond3 .pix3, .AngleRond3 .pix4, .AngleRond3 .pix5 {
display:block;
overflow:hidden;
height:1px;
border-left:1px solid #000;
border-right:1px solid #000;
}
.AngleRond3 .pix1 {margin:0 5px; background:#000;}
.AngleRond3 .pix2 {margin:0 4px;}
.AngleRond3 .pix3 {margin:0 3px;}
.AngleRond3 .pix4 {margin:0 2px;}
.AngleRond3 .pix5 {margin:0 1px;}
/* soit au total : 14px de décalage latéral (2*5px + les bordures) */

/* calque de contenu de la boite */
.AngleRond3 .contenu3 {
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 5px;
/* largeur: calque AngleRond2 - 14px (décalage latéral) */
width:281px;
/* centrage du calque de contenu2 */
margin: 0 auto 0 auto;
}