/*
	Ordre des Chartreux
	Copyright © 2011

	screen_page.css
*/
	
@charset "UTF-8";


/* -------------------------------------------------------------------------- font-face */

@font-face {
	font-family: "GentiumRegular";
	src:	url('/$/font/GenBasR.eot');		/* IE uniquement */
	src:	url('/$/font/GenBasR.eot?#iefix') format('embedded-opentype'),
				url('/$/font/GenBasR.woff') format('woff'),
				url('/$/font/GenBasR.ttf') format('truetype'),
				url('/$/font/GenBasR.svg#GentiumBasicRegular') format('svg'),
				local('GentiumRegular');
	}

/* -------------------------------------------------------------------------- Conteneurs */

html {
	height						: 100%;
	margin						: 0;
	padding						: 0;
	font-size					: 100%; /* Évite un bug d'IE 6-7. */
	}
body {
	height						: 100%;
	margin						: 0;
	padding						: 0;
	width							: 100%;
	text-align				: center;
	font							: 0.8em/150% verdana, geneva, lucida, arial, helvetica, "Lucida Grande", "Bitstream Vera Sans", sans-serif;
	color							: #000;
	background-color	: #636958;
/* background	: #555 url("/$/img/fond4.jpg") fixed repeat;*/
	}

#global  {
	position					: relative;
	max-width					: 1024px;
	min-width					: 800px;
	margin						: auto;
	background				: #fff url("/$/img/fond.jpg") fixed repeat;

	/*height						: 100%;
	min-height				: 640px;*/
	min-height				: 1000px;	
/*	border-top:1px solid transparent;*/
	border-right			: 1px solid #aaa;
	border-bottom			: 1px solid transparent;
	border-left				: 1px solid #aaa;
	
	height						: 100%;

	/*height						: 100%;			Sinon les ombres latérales ne vont pas jusqu'en bas 

  -webkit-box-shadow		: 0 0 25px 15px #888888;
  -moz-box-shadow				: 0 0 25px 15px #888888;
  -o-box-shadow					: 0 0 25px 15px #888888;
  -khtml-box-shadow			: 0 0 25px 15px #888888;
  -ms-box-shadow				: 0 0 25px 15px #888888;
	box-shadow						: 0 0 25px 15px #888888;*/
	/* Ombrage et coins arrondis sous IE8 
	behavior: url("/$/css/PIE.htc");*/
	/* / Ombrage et coins arrondis sous IE8 */
	}
#centre {
	background				: #fff url("/$/img/fond.jpg") fixed repeat;
	}
#contenu {
	margin						: 20px 5px 0 190px;
	padding						: 25px 40px 60px 40px;
	/*min-height				: 640px;*/
	}

/* -------------------------------------------------------------------------- titres */

h1 {
	font							: 2.1em GentiumRegular;
	color							: #993300;
	text-align  		  : center;
	text-shadow				: 2px 2px 3px #888;
	margin-top				: -1em;
	}
h1.maison {
	font							: 2.1em GentiumRegular;
	color							: #993300;
	text-align  		  : center;
	text-shadow				: 2px 2px 3px #888;
	margin-top				: -0.7em;
	line-height:0.8em;
	}
h1.maison > span {
	font-size					: 0.6em;
	letter-spacing:0.02em;
	}
h2 {
	font-size					: 1.3em;
	font-weight				: normal;
	color							: #008000;
	text-align  		  : center;
	}
h2.monastere {
	font-size					: 1.1em;
	font-weight				: bold;
	color							: #666;
	margin-top				: -0.5em;
	}
h2.librairie {
	font-size					: 1.1em;
	font-weight				: normal;
	color							: #006600;
	text-align  		  : left;
	margin:2em 0 0 0;
	font-weight				: bold;
	}
h3.librairie{
	margin-top				: 1em;
	margin-left				: 2em;
  font							: 1.3em "Times New Roman", Times, "Liberation Serif", FreeSerif, serif;
	color							: #993300;
	text-align  		  : left;
	letter-spacing		: 0.05em;
	font-weight				: bold;
	}
h3 {
	margin-top				: 2em;
  font							: 1.45em "Times New Roman", Times, "Liberation Serif", FreeSerif, serif;
	color							: #993300;
	text-align  		  : left;
	letter-spacing		: 0.05em;
	}
h1 + h2 {
	margin-bottom			: 3em;
	}
h1 + h3 {
	margin-top				: 3em;
	}
h4 {
  font							: 1.3em "Times New Roman", Times, "Liberation Serif", FreeSerif, serif;
	text-align  		  : left;
	letter-spacing		: 0.02em;
	font-weight				: bold;
	margin						: 1em 0 0 0;
	}
h5 {
  font							: 1.1em "Times New Roman", Times, "Liberation Serif", FreeSerif, serif;
	text-align  		  : left;
	letter-spacing		: 0.02em;
	font-weight				: bold;
	margin						: 1em 0 0 1em;
	}

	
/* -------------------------------------------------------------------------- paragraphes */
.justify {
  text-align				: justify;
	}
.left {
  text-align				: left;
	}
.right {
  text-align				: right;
	}
.center {
  text-align				: center;
	}
.italique {
	font-style				: italic;
	}
.gras {
	font-weight				: bold;
	}

p {
  margin						: .75em 0; /* Marges plus faibles que par défaut. (7) */
  text-align				: justify;
  margin-left				: 2em;
	}
p.t0 {
  margin-left				: 0;
	}
.t4 {
  margin-left				: 4em;
	}

.emphase_1 {              /* /xx/index.php diaporama.php */
	font							: 1.5em Georgia, "DejaVu Serif", Norasi, serif;
	font-weight				: bold;
	font-style				: italic;
	}

sup {
	padding						: 0 2px;
	vertical-align		: super;
	font-size					: 40%;
	line-height				: 80%;
	}

.latin {
	font-style				: italic;
  color							: #800;
 	}

.reference {
	font-size					: 0.85em;
	line-height				: 1em;
	}
	
hr {
	height: 1px;
	border: 0;
	padding: 0;
	color: #888;
	background-color: #888;
	}
	
div.notes {
	font				: 0.85em/140% verdana, geneva, lucida, arial, helvetica, "Lucida Grande", "Bitstream Vera Sans", sans-serif;
	color       : #000;
	text-align	: left;
	margin      : 3em 0 1em 0;
	}
hr.notes {
	width:20%;
	margin: -0.5em 0;
	}
	
	
#logo a  img{	/* pour IE6 */
	border: none;
	}
/* -------------------------------------------------------------------------- modifications */

.eclaici_1 {
  background				: rgba(255,255,255,0.5);
	padding						: 5px 10px;
	border-radius			: 5px;
	}	

.marges_1 {
	margin-top				: 2em;
	margin-bottom			: 2em;
	}	

.ecarteur3 {
	margin-top				: 3em !important;
	}
.ecarteur6 {
	margin-top				: 6em !important;
	}

.cacher {
	visibility:hidden;
	}

/* -------------------------------------------------------------------------- avertissement */

.avertissement{
	float:right;
	border:1px solid #bbb;
	background-color:#fffff0;
	font-weight:bold;
	/*margin:30px auto;*/
	padding:5px 20px;
	font:0.95em georgia;
	line-height:1.5em;
	width:200px;
  -moz-border-radius		: 10px;
  -webkit-border-radius	: 10x;
  border-radius					: 10px;


background: #fffff0;
background: -moz-linear-gradient(top, #fffff0 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffff0), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #fffff2 0%,#ffffff 100%);
background: -o-linear-gradient(top, #fffff2 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #fffff0 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffff0', endColorstr='#ffffff',GradientType=0 );
background: linear-gradient(top, #fffff0 0%,#ffffff 100%);
}

/* /es/textos/abba_bruno.php */
.encart {
	width:50%;
	text-align:justify;
	margin-top:3em;
	margin-left:50%;
	}
/* -------------------------------------------------------------------------- listes */
.nopuce {
	list-style: none;
	}
#contenu ol.f0,
#contenu ul.f0 {
	text-align				: left;
	margin-bottom			: 1.5em;
	margin-left				: 0;
	}	
#contenu ol.f0 li,
#contenu ul.f0 li {
	margin-left				: 0;
	}	

#contenu ol.f1,
#contenu ul.f1 {
	text-align				: left;
	margin-bottom			: 1.5em;
	}	
#contenu ol.f1 > li,
#contenu ul.f1 > li {
	margin-bottom			: 0.4em;
	}	

#contenu ol.f1b,
#contenu ul.f1b {
	text-align				: left;
	margin-left				: 1em;
	margin-bottom			: 1.5em;
	}	
#contenu ol.f1b > li,
#contenu ul.f1b > li {
	margin-bottom			: 0.4em;
	}	

#contenu ol.f2,
#contenu ul.f2 {
	text-align				: left;
	margin-left				: 2em;
	margin-bottom			: 1.5em;
	}	
#contenu ol.f2 > li,
#contenu ul.f2 > li {
	margin-bottom			: 0.4em;
	}	

#contenu ol.f2j,
#contenu ul.f2j {
	text-align				: justify;
	margin-left				: 2em;
	margin-bottom			: 1.5em;
	}	
#contenu ol.f2j > li,
#contenu ul.f2j > li {
	margin-bottom			: 0.4em;
	}	

#contenu ol.f1j > li,
#contenu ul.f1j > li {
	text-align				: justify;
	margin-left				: 0;
	margin-bottom			: 1em;
	}	

/* /fr/textes/bibliographie.php */
#contenu ul.f1n > li {
	text-align		: left;
	margin				: 0;
	list-style		: none;

	}	
#contenu ul.f1n > li span {
	color					: #666;
	font-weight		: bold;
	}	

#contenu ul.gauche {
	text-align		: left;
	margin-left		: 2em;
	}	

	
#contenu dl.librairie {
	text-align		: left;
	margin				: 0 0 0 4em;
	}	
#contenu dl.librairie > dt {
	text-indent		: -2em;
	margin-left		: 2em;
	}	
#contenu dl.librairie > dt span {
	color					: #666;
	font-weight		: bold;
	}	
#contenu dl.librairie > dd {
	margin:0 0 0.7em 2em;
	}	

	
br.br1em {
	margin-bottom			: 1em;
	}	

/* -------------------------------------------------------------------------- liens */

a {
	color							: #0000ff;
	}

/* Pas de bordure autour des images dans les liens
a:link img,
a:visited img,
a:hover img,
a:active img,
a:focus img {
	outline					: none;
  border					: none;
	}
 */
/*
a[href^="http://"]:after  {
	content : " " url("/$/img/external.png");
	}*/
a.external[href^="http://"],
a.external[href^="https://"]  {
	-moz-background-clip	: border;
	/*-moz-background-inline-policy: continuous;*/
	-moz-background-origin: padding;
	-webkit-background-clip	: border;
	-webkit-background-origin: padding;
	background-clip	: border;
	background-origin: padding;
	background						: transparent url("/$/img/external.png") no-repeat scroll right center;
	padding								: 0 13px 0 0;
	}
a.pdf[href$=".pdf"]  {
	-moz-background-clip	: border;
	/*-moz-background-inline-policy: continuous;*/
	-moz-background-origin: padding;
	-webkit-background-clip	: border;
	-webkit-background-origin: padding;
	background-clip	: border;
	background-origin: padding;
	background						: transparent url("/$/img/pdf.gif") no-repeat scroll left center;
	padding								: 0 0 0 21px;
	}
a.zip[href$=".zip"]  {
	-moz-background-clip	: border;
	/*-moz-background-inline-policy: continuous;*/
	-moz-background-origin: padding;
	-webkit-background-clip	: border;
	-webkit-background-origin: padding;
	background-clip	: border;
	background-origin: padding;
	background						: transparent url("/$/img/zip.gif") no-repeat scroll left center;
	padding								: 0 0 0 21px;
	}
a.pps[href$=".pps"]  {
	-moz-background-clip	: border;
	/*-moz-background-inline-policy: continuous;*/
	-moz-background-origin: padding;
	-webkit-background-clip	: border;
	-webkit-background-origin: padding;
	background-clip	: border;
	background-origin: padding;
	background						: transparent url("/$/img/pps.gif") no-repeat scroll left center;
	padding								: 0 0 0 21px;
	}
	
/* -------------------------------------------------------------------------- banniere */

#banniere {
	margin-left				: 0;
	font 							: 3.2em Georgia, "DejaVu Serif", Norasi, serif;
  background				: transparent url("/$/img/banniere.jpg") repeat-x;
	border-bottom 		: 1px solid #8B5E3B;
	border-top 				: 1px solid #8B5E3B;
	}
#banniere p {
	margin						: 0 0 0 190px;
	height						: 118px;
	line-height				: 118px;
	padding-left			: 50px;
	text-align				: left;
	color							: #fff;
	font-weight				: bold;
	font-style				: italic;
  text-shadow				: 4px 4px 5px #aaaaaa, 2px 2px 1px #000;
	filter						: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=6);
  zoom							: 1;

	}

/* -------------------------------------------------------------------------- images */
	
img.ombrage {
	border							: 8px solid #fff;
	margin							: 20px auto;
  -moz-box-shadow			: 1px 1px 12px #555;
  -webkit-box-shadow	: 1px 1px 12px #555;
	box-shadow					: 1px 1px 12px #555;
	/* Ombrage et coins arrondis sous IE8 */
	behavior: url("/$/css/PIE.htc");
	position: relative;								/* nécessaire sinon l'ombre est cachée... */
	/* / Ombrage et coins arrondis sous IE8 */
/*
  filter							: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
  zoom								: 1;*/
	}
img.double { 
  border							: 1px solid #aaa; 
  background					: #fff; 
  padding							: 8px; 
	} 
#logo2gif {
	float:right;
	margin-right:60px;
	}
	 
div.legende {
	text-align					: center;
	font								: 1.3em georgia ;
	font-style					: italic;
	margin-top					: -10px;
	margin-bottom				: 20px;
	}
div.mg_2em {
	margin-left					: 2em;
	}

img.email {
	/*vertical-align:middle;  */
	vertical-align:-3px;
	}
img.bordure {
border:1px solid #000;
}
img.marge_b {
margin-bottom:25px;
}
/* -------------------------------------------------------------------------- Questions fréquentes */

div#faq > ul {
	margin							: 3em 10%;
	text-align					: justify;
	}
div#faq a {
	text-decoration			: none;
	color								: #0000ff;
	}
div#faq a:hover {
	text-decoration			: underline;
	color								: #000;
	}
div#faq  dt {
  margin							: 2em 0 0.5em 0;
  text-align					: left;
	font-weight					: bold;
	color								: #555;
	}
div#faq  dd {
  margin-left					: 2em;
	}
div#faq p,
div#faq ul  {
	text-align					: justify;
	}
div#faq p  {
	margin-left					: 0;
	}

/* ---------------------------------------------------------------------------*\
  adresses
\*----------------------------------------------------------------------------*/  

.adresses {
	text-align:center;
	padding:1.5em 0;
	}
div.bloc {
	margin:0 5px 5px 5px; /* espacement des blocs */
	border:1px solid #C0A080;
	display:inline-block;
	vertical-align:middle;
	text-align:left; /* on rétablit l'alignement du texte */
	/*height:145px;*/
	background-color:#ffffff;	/*#FFFBE7;*/
	padding:0 15px;
	}
div.bloc2 {
	margin:0 10px; /* espacement horizontal des blocs */
	border:1px solid #C0A080;
	display:inline-block;
	vertical-align:middle;
	text-align:left; /* on rétablit l'alignement du texte */
	background-color:#ffffff;
	padding:0 15px;
	}
span.c1 {
  display         : inline-block;
  width           : 100px;
  text-align      : right;
  padding-right   : 5px;
  }
span.c2, span.c3 {
  display         : inline-block;
  width           : 160px;
  white-space     : nowrap;
  }
/*
span.c2, span.c3 {
  border:1px solid blue;
   }
*/
/* -------------------------------------------------------------------------- navigation */

#navigation {
	position					: absolute;
	left							: 0;
	top								: 0;
	width							: 180px;
	padding						: 5px;
	}
#navigation #menus {
  margin-top				: 60px;
	}
#navigation #menu2 {
  font-size					: 0.85em;
	}
	#navigation ul.menu {
  width							: 178px;
	border						: 1px solid #C0A080;
	text-align				: left;
	}
#navigation ul.menu,
#navigation ul.menu ul {
  list-style-type		: none;
  margin						: 0;
  padding						: 0;
  width							: 178px;
	}
#navigation ul.menu a {
  display						: block;
  text-decoration		: none;	
	}
#navigation ul.menu li {
  margin-top				: 0;
	}
#navigation ul.menu li a {
  background				: #EDEDE9 url("/$/img/fd_item_menu.png");
  color							: #000;	
  padding						: 0.5em;
	}
#navigation ul.menu li a:hover {
	font-weight				: bold;
	}
#navigation ul.menu li ul li a {
  background				: #FFFDF2;/*#FFFBE7;*/
  color							: #000;
  padding-left			: 20px;
	}
#navigation ul.menu li ul li a {
	border-bottom			: 1px dotted #888;
	}
#navigation ul.menu li ul li a:hover {
  border-left				: 3px #800000 solid;
  padding-left			: 17px;
	font-weight				: normal;
	}
#navigation ul.menu li ul li.currentSub a {
	color							: #800000;
	font-weight				: bold;
	}
																			/* ------------------------- #autres_langues */

#autres_langues {
	font-size     : 0.85em;
	margin-top		: 30px;
	}
#autres_langues p {
	text-align:left;
	font-weight:bold;
	margin-left		: 15px;
	}

#menu_langues {
	padding				: 0;
	margin				: 0 auto 0 35px;
	list-style:none;
	text-align:left;
	}
#menu_langues a,
#menu_langues a:link,           /* lien non-visité */
#menu_langues a:visited,        /* lien visité */
#menu_langues a:active {        /* lien activé */
	text-decoration : none;
	color : #000;
	}
#menu_langues a:hover,          /* lien survolé */
#menu_langues a:focus {         /* lien possédant le focus */
	color : #0000ff;
	font-weight:bold;
	}

/* --------------------------------------------------------------------- mini_menu */

#mini_menu {
  text-align				: right;
	font-size					: 0.85em;
	width							: 10em;
	border						: 1px dotted #fe996b;
	background-color	: #fffdf9;
	padding-right:10px;

	position:absolute;
	/*top:168px;   */
	top:175px;
	right:5px;
	}
#mini_menu a {
	text-decoration		: none;
	}
#mini_menu a:hover {
	text-decoration		: underline;
	}

#menu_sommaire {
  text-align				: right;
	font-size					: 0.85em;
	margin-top				: 0;
	}

/* -------------------------------------------------------------------------- logo */

#logo {
  border						: 1px solid #999 ;
	
	width							: 120px;
	background				: #fff url("/$/img/fond.jpg") fixed repeat;
	-webkit-border-radius	: 0 0 10px 10px;
  -moz-border-radius		: 0 0 10px 10px;
  -o-border-radius			: 0 0 10px 10px;
  -khtml-border-radius	: 0 0 10px 10px;
	border-radius			: 0 0 10px 10px;
	margin						: 0 auto;
	padding:5px 0;
  -webkit-box-shadow		: 0 0 12px 12px #fff;
  -moz-box-shadow				: 0 0 12px 12px #fff;
  -o-box-shadow					: 0 0 12px 12px #fff;
  -khtml-box-shadow			: 0 0 12px 12px #fff;
  -ms-box-shadow				: 0 0 12px 12px #fff;
	box-shadow						: 0 0 12px 12px #fff;
	/* Ombrage et coins arrondis sous IE8 */
	behavior: url("/$/css/PIE.htc");
	position: relative;								/* nécessaire sinon l'ombre est cachée... */
	/* / Ombrage et coins arrondis sous IE8 */
	}
#logo img {
	opacity	: .8;
	}

/* ----------------------------------------------------------------- accessibilite */

/* Pour cacher ce menu aux personnes voyantes */
#accessibilite {
	position	: absolute;
	left			: -10000px;
	top				: auto;
	width			: 1px;
	height		: 1px;
	overflow	: hidden;
	}
/*
#accessibilite {
	font							: 0.7em verdana, sans-serif;
	text-align				: right;
	margin						: 0;
	position					: absolute;
	right							: 0;
	top								: 0;
	padding						: 2px 5px 3px 8px;
	border-radius			: 0 0 0 7px;
	background-color	: rgb(255, 255, 255);
	background-color	: rgba(255, 255, 255, 0.7);
	filter						: alpha(opacity=60); // Opacité sur IE6 - IE7 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; // Opacité sur IE8
	}
#accessibilite li {
	display						: inline;
	list-style				: none;
	}
#accessibilite a:link,
#accessibilite a:visited {
	font-size					: 85%;
	font-weight				: bold;
	margin						: 4px 7px 0 0;
	text-decoration		: none;
	color							: #008000;
	}
#accessibilite a:hover {
	color							: #000;
	}
#accessibilite a.active:link,
#accessibilite a.active:visited  {
	color							: #888;
	}
*/

/* -------------------------------------------------------------------------- pied */
#pied {
	color							: #fff;
	background-color	: #8B5E3B;
	border-top				: 1px solid #ccc;
	font-size   			: 0.8em;
	position					: fixed;
	bottom    				: 0;

	width							: 100%;
	max-width					: 1024px;
	min-width					: 800px;
	margin						: auto;
	padding						: 1px 0;
	}
#pied a {
  /*color							: #333;       */
  color							: #FFFFC0;
  text-decoration 	: none;
	}
#pied a:hover {
  text-decoration		: underline;
	}

/* -------------------------------------------------------------------------- gototop */

#gototop {
	position:absolute;
	font-size:0.8em;
	bottom		: 22px;
	right			: 2px;
	background-color: #e6fff0;			/* #F8F8F8; */
	border : 1px solid #008800;
	padding: 0 3px;
	-webkit-border-radius	: 5px;
	-moz-border-radius		: 5px;
	-o-border-radius			: 5px;
	-khtml-border-radius	: 5px;
	-ms-border-radius			: 5px;
	border-radius					: 5px;
	}
#gototop a {
	text-decoration:none;
	}
#gototop:hover {
	border : 1px solid #0000bb;
	background-color: #CCF0FF;
	box-shadow					: 0px 0px 8px 2px #ddd;
	}

/* ------------------------------------------------------------------------ erreur */

#erreur {
	border:1px solid #f00;
	background-color:#FFFFE0;
	margin:100px auto;
	width:500px;
	line-height:2em;
	}

/* ------------------------------------------------------------------------------- */