/* CSS Document */

html {
	font-size: 100%;
}

body	{
margin: 0;
padding: 10px 20px;
background-color: transparent;
font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans serif;
font-size: .8em;
line-height: 1.25;
color: black;
background: white;
}

#conteneur {
border: 0px solid;
margin-left: auto;
     margin-right: auto;
     width: 1154px;
}

#header, #conteneur {
border: 0px solid;
border-bottom: 0;
}

#footer {
display: table;
width: 100%;
}

#header { 
height: 170px;
width: 100%;
background-image: url();
background-position: bottom;
background-repeat: no-repeat;
}

#bandeau {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;
}


#gauche, #droite {
height: 100%;
}

#gauche { 
  float: left;
  width: 300px;
  background-color: transparent;
}

#droite {
	margin-top: 0px;
	float: right;
	margin-left: 10px;
	width: 160px;
	padding-left: 10px;
	background-color: transparent;
	font-size: 100%;
}

#centre1 { 
   margin-right: 160px; /* largeur de la colonne droite */
   margin-left: 300px; /* largeur de la colonne gauche */
padding-left: 20px; /* pas de float left a cause des marges imposees */
padding-right: 10px;
}

#centre2 { 
	margin-right: 160px; /* largeur de la colonne droite */
	margin-left: 300px; /* largeur de la colonne gauche */
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: -20px;
	font-size: 100%;	
}

#footer { 

background-position: top;
background-repeat: no-repeat;
background-color: transparent;
clear: both;
width: 100%;
margin-top: 25px;
font-size: 85%;
text-align: center;
}

div#column2 {
    margin: 0;
    padding: 0;
    /* background-image:  url(http://www.laprovidence61.com/Sources_images_lapro/arriereplancol1pix.gif); */
    background-position: right;
    background-repeat: repeat-y;
    width: 100%;
    background-color: transparent;
}

div#column1 {
    margin: 0px;
    padding: 0px;
    /* background-image:  url(http://www.laprovidence61.com/Sources_images_lapro/arriereplancol2pix.gif); */
    background-repeat: repeat-y;
    width: 100%;
}

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

li li { margin-left: 10px; }
li li li { margin-left: 20px; }


/* liens dossier voyager */

#lienscontainer
{
width: 180px;
margin-left: 0;
margin-top: 30px;
}

#navliens
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 200px;
}

#navliens li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}

#navliens li a
{color: #6E0FA5 ; 
text-decoration: none;
}

#navliens li a:hover
 { 
  color:#CC6632  ; 
  text-decoration : none ; 
}

/* fin liens dossier voyager */

h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0;
}

h1 { /** gros titre */
	font-weight: bold;
	font-size: 200%;
  	padding: 0.3em;             /* Espacement intérieur non nul pour que le texte ne colle pas à la bordure du cadre */
  	text-align: center;         /* Le titre doit être centré ! */
	text-transform: uppercase;
  	color:#AA1A71;
}

h2 { /** Les titres de paragraphes */
	font-weight: bold;
	font-size: 150%;
	text-align: left; 
	padding-bottom: 0.2em;
	border-bottom: 3px solid #0099ff; /* On souligne ces titres */
	font-variant: small-caps;  /* Et on les met en majuscules (les minuscules sont remplacées par des petites majuscules) */color: #D06DB3;
}

h3 { /** Les sous-titres (titres de niveau 3) */
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 0.2em;
	color: #AA1A71;
	text-indent: 0em;           /* Et indenté par rapport aux autres titres et paragraphes, pour montrer la hierarchie */
}

h4 { /** Les sous-titres (titres de niveau 4) */
	font-weight: bold;
	font-size: 100%;
	padding-bottom: 0.2em;
	color: #036;
	text-indent: 0em;           /* Et indenté par rapport aux autres titres et paragraphes, pour montrer la hierarchie */
}
	
/* Menu horizontal centré */

.navcontainer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-image : url(http://www.purebhakti-francais.com/Sources_images_pbf/menu_haut_bois.png);
color: #FFF;
width: 100%;
font: normal 100% arial, helvetica, sans-serif;
font-weight: bold;
text-align: center;
}

.navcontainer li { 
display: inline;
 }

.navcontainer li a {
text-decoration: none;
background-image : url(http://www.purebhakti-francais.com/Sources_images_pbf/menu_haut_bois.png);
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;
}

.navcontainer li a:hover {
background-color: #369;
color: #fff;
}

.Titre1 {
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 0.2em;
	border-bottom: 3px solid #C85B5B;
	font-variant: small-caps;
	text-align: left;  
	color: #D06DB3; 
}

.Titreinfos {
	font-weight: bold;
	font-size: 120%;
	padding: 0.2em;
	border-left: 3px solid #AA1A71;
	border-bottom: 2px dashed #AA1A71;
	font-variant: small-caps;
	text-align: left;  
	color: #D06DB3; 
}

.Presentation1 {
	font-weight: bold;
	font-size: 80%; 
	color: #D06DB3; 
	text-align: justify;
}

.soustitre1 {
	font-weight: bold;
	font-size: 100%; 
	color: #D06DB3;
	font-style: italic;      
	text-indent: 1em;     
}

.soustitre2 {
	font-weight: bold;
	font-size: 100%; 
	color: #D06DB3;
	font-style: italic;      
	text-indent: 2em;     
}

.corpsjust1 {
	font-weight: normal;
	font-size: 100%;
	color: #000000;
	text-align: justify;
}

.mantraskt {
	font-weight: normal;
	font-size: 100%;
	color: #000000;
	font-style: italic;
	text-align: center;
}

.signature {
	font-weight: normal;
	font-size: 100%;
	text-align:right;
	color: #000000;
}

.rouge {color: #920000}

.mauve {color: #cb1010}

.bleu {color: #6651a2}

.vert {color: #0D6E0D}

.bordure1 {
border: 2px solid;
border-color: #91B6CC;
padding: 3px;
}


table {
border: 3px solid #6495ed;
border-collapse:collapse;
width:100%;
margin:auto;
}


thead, tfoot {
background-color:#D0E3FA;
background-image:url(.jpg);
border:1px solid #6495ed;
}


tbody {
background-color:#FFFFFF;
border:1px solid #6495ed;
}


th {
font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-size: 100%;
font-weight: bold;
color: black;
border:1px dotted #6495ed;
padding:5px;
background-color:#EFF6FF;
text-align: center;
vertical-align: top;
}


td {
font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-size: 100%;
color: black;
border:1px solid #6495ed;
padding:5px;
text-align:left;
vertical-align: top;
}


caption {
font-family:sans-serif;
}

.circle
{
list-style: circle;
margin-left: 20px; /* pour ne pas pas que la puce sort du bloc, mais pour tous les navigateurs, il faut mentionner padding et margin*/
padding-left: 0;
}
.square
{
list-style: square;
margin-left: 20px; /* pour ne pas pas que la puce sort du bloc, mais pour tous les navigateurs, il faut mentionner padding et margin*/
padding-left: 0;
}
.disc
{
list-style: disc;
margin-left: 20px; /* pour ne pas pas que la puce sort du bloc, mais pour tous les navigateurs, il faut mentionner padding et margin*/
padding-left: 0;
}

a { 
text-decoration: none; 
}

.blocpost {
	background: url(http://www.laprovidence61.com/experience/imgxx.gif) repeat-x ;
}

/* galerie images sur une ligne */

.galerie_image
	{
	float: left;
	margin-right: 220px; /* largeur de la colonne droite */
  margin-left: 220px; /* largeur de la colonne gauche */
	text-align: center;
	height: 60px;
	width: 60px;
	}

img { border:0 }

#extradiv1{
background-image: url(http://www.purebhakti.com/enfrancais/Sources_images/Footer/petales-2.png);
position: absolute;
width: 213px;
height: 195px;
background: transparent;
margin-left: 10px;
margin-top: 10px;
z-index: -2;
}


#absolu1 {
position : absolute;
top : 250px;
left : 800px;
width : 300px;
height : 300px;
background-image : url(http://www.purebhakti-francais.com/Sources_images_pbf/butine300.png);
background-position : bottom;
background-repeat : no-repeat;
z-index : -1;
}

/* Menu Accordeon */

    .navigation { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
      background: transparent; 
      color: #000; 
      width: 240px; 
      font: 100% "Trebuchet MS", sans-serif; 
      } 
    .navigation a, .navigation span { 
      display: block; 
      padding: 4px 10px; 
      color: #000; 
      text-decoration: none; 
      background: transparent url(.png) left bottom no-repeat; 
      } 
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
      background-image: url(http://www.purebhakti-francais.com/menu-item-deroule.png);
      background-position: right;   
      } 
   .navigation .open a, .navigation .open span { 
      background-image: url(http://www.purebhakti-francais.com/menu-item-enroule.png);
      background-position: right; 
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
      text-decoration: underline; 
      } 
   .navigation .subMenu { 
      font-size: .8em; 
      background-image: #ccc url(http://www.purebhakti-francais.com/Sources_images_pbf/paper_texture240.png);
      background-repeat: repeat-y; 
      font-size: 80%; 
      margin: 0; 
      padding: 0; 
      border-bottom: 1px solid #666; 
      } 
   .navigation ul.subMenu a { 
      background: none; 
      padding: 3px 20px; 
      }
      
      
    li.menu {
    background-image: url(http://www.purebhakti-francais.com/Sources_images_pbf/paper_texture240.png);
    background-repeat: repeat-y;
    }  
    
    
    li.open {
    background:red;
    }
    
    
    li.toggleSubMenu {
    background-image: url(http://www.purebhakti-francais.com/Sources_images_pbf/paper_texture240.png);
    background-repeat: repeat-y;
    }
      
   .entremenu {
      
      font-size: 100%;
      font-weight: bold;
      margin-top: 1.5em;
      text-align: left;
      color : #000077;
      }   
      

   .entremenu {
      font-size: 100%;
      font-weight : bold;
      font-variant : small-caps;
      text-align: left;
      color : #000077;
      }   

	
	/* Fin du Menu Accordeon */
	
	#absolu2 {
position : absolute;
top : 250px;
left : 20px;
width : 260px;
height : 40px;
z-index : -1;
}