/*/////////////////////////////////////////* 
/*                                        */ 
/*        les styles du monastère         */ 
/*             de chalais                 */ 
/*                                        */ 
/*/////////////////////////////////////////* 


/* mise en page*/
.logo {	
	background-image: url(../IMG/chalais/logo-chalais.jpg); 
	background-repeat: no-repeat;
	background-position: 0px 20px;
	height: 88px;
	width: 139px;
}
/* les photos qui défilent en haut des pages */
.photo {	
height: 90px;
width: 630px;
position: absolute;
top: 0px;
left: 160px;
}

/* les styles de la page d'accueil */ 
.accueil-colonnes{
position: absolute;
top: 127px;
left: 158px;
width: 619px;
}

.accueil-colonne-une{
position: relative;
top: 15px;
width: 180px;
left: 30px;
}
.accueil-colonne-deux{
position: absolute;
top: 15px;
width: 180px;
left: 242px;
}
.accueil-colonne-trois{
position: absolute;
top: 15px;
width: 180px;
left: 450px;
}


#couleur-2{ color: #FF6633; }
#couleur-3{ color: #CC0000; }
#couleur-4{ color: #009966; }
#couleur-5{ color: #336699; }
#couleur-6{ color: #993366; }
#couleur-noir{ color: #000000; }

.couleur-2{ color: #FF6633; }
.couleur-3{ color: #CC0000; }
.couleur-4{ color: #009966; }
.couleur-5{ color: #336699; }
.couleur-6{ color: #993366; }
.couleur-noir{ color: #000000; }


.blog{/*border: 1px #d3d3d3 solid;*/ padding: 0em 0em 0em 0em;}
.feuille_blog{border: 0px #000000 solid; padding: 0.5em 1.65em 0em 0.85em;}
.contenu_blog{border: 1px #000000 solid; border-color: #9A9A9A; border-bottom-width: 0px; padding: 0.5em 0.5em 0.5em 0.5em; /*background-image: url(../IMG/chalais/papier.gif)*/; background-image: url(../IMG/chalais/marble1.gif);}
.livre-or{/*border: 1px #FF9900 solid;*/ padding: 1em; background-image: url(../IMG/chalais/pebble_peach.jpeg);}
.bloc-note{border: 1px #d3d3d3 solid; padding: 0em 1em 1em 1em; background-image: url(../IMG/chalais/blocnote.jpg);}
.meditation{border: 1px #CCCCCC solid; padding: 0em 1em 1em 1em; /*background-image: url(../IMG/chalais/pebble_peach.jpeg);*/}
.livre-or h3 {padding-top: 0px; position: relative; top: -10px;}
.accueil-colonne-une h3 {	padding-top: 0px;}
/*.accueil-colonne-une h3 {	padding-top: 0px; position: relative; top: -10px;}*/

/*le séparateur de la rubrique blog*/
.separateur-2{
border: 0px solid;
border-bottom: 1px #FF6633 solid;
left: 86px;
width: 259px;
position: relative;
}

/* les styles pour les rubriques */ 
.colonnes{
position: relative;
top: 0px;
left: 0px;
}

.colonne-une{
position: relative;
top: 0px;
left: 0px;
width: 45%;
}
.colonne-deux{
position: absolute;
top: 0px;
left: 55%;
width: 45%;
}


/* la page en trois parties*/ 
#bandeau{
position: absolute;
top: 0px;
left: 0px;
height: 140px;
}

#menu{
position: absolute;
top: 170px;
left: 0px;
}

.contenu{	
position: absolute;
top: 127px;
left: 158px;
width: 633px;
}
.contenu-marge{
position: relative;
top: 0px;
left: 0px;
width: 631px;
border-right: 1px dotted #CCCCCC;
height: 421px; /*enlever pour avoir le trait de séparation menu/contenu qui descend plus bas*/
}

.contenu-texte{
position: relative;
top: 0px;
left: 164px;
width: 431px;}

.contenu-photo{
position: relative;
top: 0px;
left: 60px;
width: 580px;
}

/* dans le menu : rubriques et sous-rubriques*/
#menu-rubrique{
position: relative;
top: 0px;
left: 0px;
width: 164px;
text-align: right;
font-family:  Arial, Verdana, sans-serif;
font-size: 80%;
}
#menu-rubrique-bas{
position: relative;
font-family: Verdana, Arial , sans-serif;
top: 50px;
left: 0px;
width: 140px;
text-align: right;
padding-right: 10px;
font-size: 80%;
	}

.rub, .rubon{
position: relative;
top: 0px;
left: -11px;
}

.menu-ss-rub{
position: relative;
/*top: -16px;MODIFIE*/
top: 5px;
/*left: 152px; MODIFIE */
left: 0px;
width: 140px;
text-align: left;
}

/* ce couple de style (menu-articleon et menu-article) permet de 
n'afficher que les articles de la rubrique en cours 
(ceux des autres rubriques sont cachés
*/
.menu-article{display: none;}
.menu-articleon{
position: relative;
top: 5px; /* mettre 0 pour avoir juste en dessous au lieu de à gauche au même niveau*/
left: 5px;/* mettre 0 pour avoir juste en dessous au lieu de à gauche au même niveau*/
width: 140px; /* à régler pour que left + width = 140px */
text-align: left;
}

.menu-niv2{display: none;}
.menu-niv2on{
position: relative;
top: 0px; /* mettre 0 pour avoir juste en dessous au lieu de à gauche au même niveau*/
/*left: 10px; mettre 0 pour avoir juste en dessous au lieu de à gauche au même niveau*/
left: 0px;/* mettre 0 pour avoir juste en dessous au lieu de à gauche au même niveau*/
width: 140px; /* à régler pour que left + width = 140px */
text-align: left;
}

/* pour les boutons suivants/précédants dans le blog*/
.precedant{
border: 0px #000000 solid;
}
.suivant{
border: 0px #000000 solid;
}


/* typographies*/
h1, h2, h3   {
	margin-bottom: 0px;
	font-family:  Arial, Verdana, sans-serif;
	font-weight: bold;
	/*padding-top: 15px;*/

}
h1,h2   {
	margin-top: 0px;

}
/*h3 {
	margin-top: 15px;
}*/

.surtitre  {
	font-family:  Arial, Verdana, sans-serif;
	text-align: left;
	font-size: 85%;
}

.soustitre  {
	font-family: Arial, Verdana, sans-serif;
	text-align: left;
	font-size: 85%;
	}	
	
.texte  {
	font-family: Verdana, Arial , sans-serif;
	text-align: left;
	font-size: 90%;
	margin-top: 1em;
	color: #666666;
	}

.texte_bloc-note  {
	font-family: Verdana, Arial , sans-serif;
	text-align: left;
	font-size: 90%;
	margin-top: 1em;
	color: #000000;
	}

.texte_blog  {
	font-family: Verdana, Arial , sans-serif;
	text-align: left;
	font-size: 100%;
	margin-top: 1em;
	color: #000000;
	}

.chapo  {
	font-family: Verdana, Arial , sans-serif;
	text-align: left;
	font-size: 90%;
	margin-top: 1em;
	font-weight: bold;
	color: #666666;
}
/* la date uniquement sur les art avec mot clef "affiche-date" */
.date {
font-size: 1px;
width: 1px;
color: white;
overflow: hidden;}
	
/* le bandeau haut */

#chemin{
position: absolute;
top: 93px;
left: 161px;
width: 500px;
}
#plan{
text-align: right;
position: absolute;
top: 93px;
left: 639px;
width: 150px;
}
	
#bas-de-page{
text-align: right;
background-color: #CCCCCC;
padding: 4px;
position: relative;
margin-top: 50px;
bottom: 20px;
width: 90%;
}	
.v-imp{
font-family: Arial, Verdana, sans-serif;
font-size: 80%;
position: absolute;
top: 10px;
left: 395px;
height: 16px;
float: right;
/*text-align: right;*/
}
	
/*  LES LIENS   	

	/* les liens dans le corps des articles */
.texte a:link {text-decoration: underline; color: blue; }
.texte a:visited  {text-decoration: underline; color: #990099; }
.texte a:hover  {text-decoration: underline; color: red; }
.texte a:active {}


.contenu a:link {text-decoration: none; color: blue; }
.contenu a:visited  {text-decoration: none; color: #990099; }
.contenu a:hover  {text-decoration: underline; color: red; }
.contenu a:active {}

	
	/* les liens dans le bandeau haut*/
#chemin a:link {text-decoration: none; color: #666666; font-weight: bold;}
#chemin a:visited{text-decoration: none; color: #333333; font-weight: normal;}
#chemin a:hover{text-decoration: underline; color: red; }
#chemin a:active{}

#plan a:link {text-decoration: none; color: #666666; font-weight: bold;}
#plan a:visited{text-decoration: none; color: #333333;  font-weight: normal;}
#plan a:hover{text-decoration: underline; color: red; }
#plan a:active{}


	/* les liens dans le menu gauche*/
#menu a:link {text-decoration: none; color: #666666; font-weight: bold;}
#menu a:visited{text-decoration: none; color: #333333;  font-weight: normal;}
#menu a:hover{text-decoration: underline; color: red; }
#menu a:active{}


.espace-20{
margin-bottom: 20px;
}