a
{ 
	text-decoration: none;
}

body
{
	margin: 20px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
	background: #660066;
}

#women
{
	margin: 20px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
	background: #fff;
}

#kk
{
	margin: 20px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
	background: #26354A;
}

/* On a ajouté de quoi mettre une police de caractère et une couleur de fond */
/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments 
de type block avec ce navigateur */

#container
{
	width: 750px ;
	margin: 0 auto;
	margin-bottom: 20px ;
	padding: 0;
	text-align: justify ;
	color: #F5F5F5;
	background: #660066; 
	position: relative;
}

#container-w
{
	width: 750px ;
	margin: 0 auto;
	margin-bottom: 20px ;
	padding: 0;
	text-align: justify ;
	color: #660066;
	background: #fff; 
	position: relative;
}

#container-kk
{
	width: 750px ;
	margin: 0 auto;
	margin-bottom: 20px ;
	padding: 0;
	text-align: justify ;
	color: #fff;
	background: #26354A; 
	position: relative;
}

/* On définit la largeur de la division qui contient l'ensemble de la page à 750 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type block (comme les divisions), 
nous centrons donc cette division */
/* Il faut rétablir l'alignement justifié que nous avons changé plus haut */

#tete
{
	margin: 0px;
}

/* Partie pageheader, contenant le titre du site, la bannière, etc. */

#pageheader
{
	padding-bottom: 10px;
	background: url(images/banner.gif) no-repeat center 0px;
}
#pageheader-kk
{
	padding-bottom: 10px;
	background: url(images/banner_kk2.gif) no-repeat center 0px;
}

#pageheader-w
{
	padding-bottom: 10px;
	background: url(images/banner_snr.gif) no-repeat center 0px;
}

#pageheader a
{
	color: #f5f5f5;
	font-size: 30px;
}
#pageheader-kk a
{
	color: #ffd700;
	font-size: 30px;
}
#pageheader-w a
{
	color: #fff;
	font-size: 30px;
}

#pageheader h1, #pageheader-w h1, #pageheader-kk h1
{
	text-align: center;
	display: block ;
	position: relative ;
	font-size: 20px;
	text-indent: 0px ;
	color: #f5f5f5;
}

/* Partie corpus, le corps de la page, avec les principales informations */

#corpus
{
	margin-left: 60px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	text-align: justify ;
	position: relative;
}

#corpus a
{
	color: #ffd700;
}

#corpus h3
{
	margin: 0 0;
	border-bottom: 1px solid #f5f5f5 ;
}

#corpus h4
{
	font: bold 18px arial;
}

#corpus h5
{
	font-style: italic ;
	color: #DDA0DD ;
}

#corpus ul
{
	margin-left: 0 ;
	padding-left: 20px ;
	padding-right: 0px ;
}


#corpus-w
{
	margin-left: 200px;
	margin-top: -41px;
	padding-left: 0 ;
	padding-right: 0 ;
	padding-top: 0;
	text-align: justify ;
	position: relative;
}

#corpus-w a
{
	color: #DDA0DD;
}

#corpus-w h3
{
	border-bottom: 1px solid #660066 ;
}

#corpus-w h4
{
	font: bold 18px arial;
}

#corpus-w h5
{
	font-style: italic ;
	color: #DDA0DD ;
}

#corpus-w ul
{
	margin-left: 0 ;
	padding-left: 20px ;
	padding-right: 0px ;
}

/* Le paragraphe de bienvenue sur le site. Est-il bien nécessaire? d'en faire un id spécifique? */

.matiere, .matiere-scs, .matiere_centre
{
	margin-bottom: 10px ;
}
.matiere-scs
{
	margin-bottom: 10px ;
}
.matiere-scs p
{
	margin-left: 180px;
}

.matiere-scs h4
{
	margin-left: 180px;
}

.matiere_centre
{
	text-align: center ;
}

#matiere19
{	
	padding-top: 10px;
	margin-left: 0 ;
	width: 250px;
	height: 200px;
	text-align: left ;
	position: absolute;
	background: url(images/19_background.gif) no-repeat center 0px ;
}

#matiere28
{	
	padding-top: 10px;
	margin-left: 320px;
	width: 250px;
	height: 200px;
	text-align: right ;
	position: absolute;
	background: url(images/28_background.gif) no-repeat center 0px ;
}
#matiere37
{	
	padding-top: 10px;
	margin-top: 300px;
	margin-left: 0 ;
	width: 250px;
	height: 200px;
	text-align: left ;
	position: absolute;
	background: url(images/37_background.gif) no-repeat center 0px ;
}

#matiere46
{	
	padding-top: 10px;
	margin-top: 300px;
	margin-left: 320px;
	width: 250px;
	height: 200px;
	text-align: right ;
	position: absolute;
	background: url(images/46_background.gif) no-repeat center 0px ;
}

#matiere510
{	
	padding-top: 20px;
	margin-top: 150px;
	margin-left: 140px;
	width: 250px;
	height: 200px;
	text-align: center ;
	position: absolute;
	background: url(images/510_background.gif) no-repeat center 0px ;
}

#welcome
{
	margin-top: 150px ;
	margin-bottom: 30px ;
}

#welcome h3
{
	padding-top: 0px ;
	padding-left: 0px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background:  ;
	color: #D8BFD8 ;
	border-bottom: 1px solid #DDA0DD ;
}

/* Les menus et sous-menus */

ul 
{
	list-style-type: none;
}

.puces 
{
	list-style-image: url(images/puce.gif);
}

.menu, .menu-w, .menu-kk
{
	margin: 10px 0;
	padding-left: 0;
	
}

.menu li, .menu-w li, .menu-kk li
{
	float: left;
	margin: 0 0 ;
	margin-left: 0;
}

.menu a, .menu-w a , .menu-kk a
{
	margin: 0 2px 0 0;
	padding: 0 0 ;
	width: 119px;
	height: 20px;
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
}

.menu a
{
	border: 1px solid #800080;
	color:#660066;
	background: #ffd700;
}

.menu-kk a
{
	border: 1px solid #26354A;
	color:#fff;
	background: #0186C9;
}

.menu-w a 
{
	border: 1px solid #800080;
	color:#fff;
	background: #660066;
}

#smenu1, #smenu1-kk 
{
	margin: 0;
	padding-left: 0;
	width: 187px;
	position: absolute;
}

#smenu1
{
	padding-bottom: 170px;
	background: url(images/lotus.jpg) no-repeat center 192px ;
}

#smenu1-kk 
{
	padding-bottom: 300px;
	background: url(images/kk_new_rgb.jpg) no-repeat center 120px ;
}

#smenu2, #smenu2-kk 
{
	margin: 60px 0 0 0;
	padding-left: 0;
	padding-bottom: 0px;
	width: 187px;
	position: relative;
}

#smenu1 a, #smenu1-kk a
{
	margin: 0 0 0 0;
	padding-left: 5px ;
	padding-bottom: 0;
	width: 180px;
	height: 23px;
	display: block;
	text-align: left;
	text-decoration: none;
}

#smenu1 a
{	
	border: 2px solid #800080;
	color:#660066;
	background: #DDA0DD;
}

#smenu1-kk a
{
	border: 2px solid #26354A;
	color:#26354A;
	background: #CCCCCC;
}

#smenu2 a, #smenu2-kk a 
{
	margin: 0 0;
	padding-left: 5px ;
	width: 180px;
	height: 23px;
	display: block;
	text-align: left;
	text-decoration: none;
}	
#smenu2 a
{
	border: 2px solid #800080;
	color:#660066;
	background: #ffd700;
}	

#smenu2-kk a 
{
	border: 2px solid #26354A;
	color:#fff;
	background: #0186C9;
}	

#smenu-w1
{
	margin: 0px 0 ;
	padding-left: 0;
	padding-bottom: 170px;
	width: 187px;
	position: absolute;
	background: url(images/logo_snr.gif) no-repeat center 90px ;
}

#smenu-w1 a 
{
	margin: 0 0;
	padding-left: 5px ;
	width: 180px;
	height: 20px;
	display: block;
	text-align: left;
	border: 2px solid #fff;
	text-decoration: none;
	color:#660066;
	background: #DDA0DD;
}

#smenu-w2
{
	margin: 60px 0 0 0;
	padding-left: 0;
	padding-bottom: 0px;
	width: 187px;
	position: relative;
}

#smenu-w2 a 
{
	margin: 0 0;
	padding-left: 5px ;
	width: 180px;
	height: 20px;
	display: block;
	text-align: left;
	border: 2px solid #fff;
	text-decoration: none;
	color:#fff;
	background: #660066;
}
/* Mise en forme des tableaux */

.tableau th
{
	padding: 0 5px ;
	background: #DDA0DD ;
	color: #660066 ;
}

.tableau td
{
	padding: 0 5px ;
	background: #ffd700 ;
	color: #660066 ;
}

.tableau
{
	margin-left: 0;
}

/* Les adresses: comment les mettre côte à côte? */

.adress
{
	margin-right: 75px ;
	margin-left: 0;
	
}

/* Les images */

#image
{
	margin-left: 0 ;
	text-align: center ;
	width: 380px ;
	height: 600px ;
	background: url(images/yogiji.jpg) no-repeat center top;
}

#image p
{
	margin-top: 20px ;
	color: #000;
}

#leftpic
{
	margin: 40px 0 ;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 300px;
	width: 187px;
	position: absolute;
	background: url(images/lotus.jpg) no-repeat center 0px ;
}

#leftpic-yb1
{
	margin: 328px 0 ;
	padding: 0;
	width: 187px;
	height: 500px ;
	position: absolute;
	background: url(images/Yogi_Bhajan3.jpg) no-repeat center 16px ;
}	

#leftpic-yb2
{
	margin: 661px 0 ;
	padding: 0;
	width: 187px;
	height: 500px ;
	position: absolute;
	background: url(images/3ho_logo.jpg) no-repeat center 0px ;
}

#leftpic-yb3
{
	margin: 930px 0 ;
	padding: 0;
	width: 187px;
	height: 500px ;
	position: absolute;
	background: url(images/Yogi_Bhajan.jpg) no-repeat center 0px ;
}
	
#leftpic-formation1
{
	margin: 328px 0 ;
	padding: 0;
	width: 187px;
	height: 500px ;
	position: absolute;
	background: url(images/Yogi_Bhajan2.jpg) no-repeat center 16px ;
}

#leftpic-formation2
{
	margin: 568px 0 ;
	padding: 0;
	width: 187px;
	height: 500px ;
	position: absolute;
	background: url(images/Yogi_rasta.jpg) no-repeat center 16px ;
}

#leftpic-particuliers
{
	margin: 328px 0 ;
	padding: 0;
	width: 187px;
	height: 500px ;
	position: absolute;
	background: url(images/postures.jpg) no-repeat center 16px ;
}

#leftpic-rs
{
	margin: 328px 0 ;
	padding: 0;
	width: 187px;
	height: 500px ;
	position: absolute;
	background: url(images/Ram_Singh_Music.jpg) no-repeat center 16px ;
}	

#leftpic-sa
{
	margin: 328px 0;
	padding: 0;
	width: 187px;
	height: 300px ;
	position: absolute;
	background: url(images/light.jpg) no-repeat center 0px ;
}

#leftpic-class10
{
	margin: 328px 0 ;
	padding: 0;
	width: 187px;
	height: 500px ;
	position: absolute;
	background: url(images/Chakras.jpg) no-repeat center 16px ;
}

#leftpic-eleven
{
	margin: 300px 0 ;
	padding: 0;
	width: 187px;
	height: 190px ;
	position: absolute;
	background: url(images/ram_singh_eleven.jpg) no-repeat center 16px ;
}

#leftpic_japji
{
	margin: 328px 0 ;
	padding: 0;
	width: 187px;
	height: 190px ;
	position: absolute;
	background: url(images/nanak.jpg) no-repeat center 16px ;
}

#leftpic-class17
{
	margin: 328px 0 ;
	padding: 0;
	width: 187px;
	height: 500px ;
	position: absolute;
	background: url(images/Yogini.jpg) no-repeat center 16px ;
}

#leftpic-w1
{
	margin: 300px 0;
	padding: 0;
	width: 187px;
	height: 400px ;
	position: absolute;
	background: url(images/3HOwomenLogo.jpg) no-repeat center 0px ;
}

#leftpic-w2
{
	margin: 280px 0 ;
	padding: 0;
	width: 187px;
	height: 520px ;
	position: absolute;
	background: url(images/prenatal_yoga.gif) no-repeat center 200px ;
}

#leftpic-w3
{
	margin: 620px 0 ;
	padding: 0;
	width: 187px;
	height: 700px ;
	position: absolute;
	background: url(images/PregnancyLogo.jpg) no-repeat center 200px ;
}

#leftpic-kk
{
	margin: 300px 0 ;
	padding: 0;
	width: 187px;
	height: 500px ;
	position: absolute;
	background: url(images/kk_new_rgb.jpg) no-repeat center 16px ;
}

#scs
{
	margin: 0 0 ;
	padding-left: -180px;
	width: 170px;
	height: 500px ;
	position: absolute;
	background: url(images/shiv_charan_singh.jpg) no-repeat center 220px ;
}
	
#gds
{
	margin: 0 0 ;
	padding-left: -180px;
	width: 170px;
	height: 300px ;
	position: absolute;
	background: url(images/gds.jpg) no-repeat center 15px ;
}

#snr
{
	margin: 0 0 ;
	padding-left: -180px;
	width: 550px;
	height: 360px ;
	position: absolute;
	background: url(images/satnamrasayan.jpg) no-repeat center 10px ;
}
/* Mise en forme du pied de page */

#footer, #footer-kk
{
	margin-top: 30px;
	padding-right: 10px ;
	line-height: 20px ;
	text-align: center ;
	color: #666 ;
}
#footer-kk
{
	margin-top: 510px;
	}