html, body {
	margin:0;
	background-image:url('images/include/fond.jpg');
	color:#5b5436;
	font-family:  Verdana, Arial;
	font-size:13px;	
}

/*-------------------liens et polices------------------*/

#center p, #center h1, #center h2 {
	margin: 4px;
	}

a, .lien{	
	font-weight:bold;
	color:#98b007;
	margin:0;
}

a img{border: none;} 
a:hover, .lien:hover{color:#4f7d65;}

#navig, #navig2 {
	font-family: Arial, Verdana;
}

h1 {
	color:#197b84;
	font-size:25px;	
	font-family: Times New Roman, Arial, Verdana;	
	line-height: 0.95;
}

h2 {
	color:#4f7d65;
	font-size:15px;	
}

h3 {
	font-size:14px;	
	font-weight:normal;
	
}


.titre {
font-size:20px;
line-height: 0.7;
}

.lettrine {
font-size:30px;
font-weight:bold;
color:#197b84;
font-family: Times New Roman, Arial, Verdana;	
}

#footer  a {	color:#197b84;}
#footer a:hover {color:#98b007;} 
#footer  p{	font-size:11px; margin-top:0px;}
#puce-bouton {
background:url('images/include/bout-plus.png') left no-repeat;
padding-left:30px;
}

#puce-bouton:hover{
background:url('images/include/bout-on.png') left no-repeat;
}

.puce-titre {
background:url('images/puces.gif') left no-repeat;
padding-left:30px;
}

.separation {margin:15px 0 20px 0;}

/*-------------------elements communs pages------------------*/

#fond {
	background: url('images/include/bandeau-D-s.jpg') no-repeat right top;
	width:1056px;
	margin: auto;
	padding-left:38px;
}

#ombre {
	background: url('images/include/ombre-D.png') repeat-y right;
}

#global {
	height: 100%;
	width: 1003px;
	position: relative; /*L'utilisation de position: relative définit l'élément #global comme point de repère pour le positionnement de ses enfants. */
	}
	
#ombre-H {
	height:29px;
	margin-left:14px;
}	
	
#ombre-G{
	background: url('images/include/ombre-G.jpg') repeat-y;
	height:190px;
	width:14px;
	float:left;	
}

#ombre-D{
	background: url('images/include/ombre-D.png') repeat-y;
	height:190px;
	width:5px;
	float:right;
}

#header {
	background:url('images/include/bandeau.jpg') no-repeat;
	height:190px;
	width:984px;
	margin:0 0 0 14px;
	background-color:#FFF;
}

#bandeau-B {
	margin-top:41px;
	float:left;
}

#center, #center-pages {
	height:100%;
	width: 938px;
	overflow: auto; /*obliger la division #centre à englober les flottants dans le calcul de sa hauteur.*/
	background: url('images/include/ombre-G.jpg') repeat-y #FFF;
	padding:20px 20px 0 40px;	
	margin-top:0px;
	}
	
#footer {
	margin-left:9px;
	width: 994px;
	height:30px;
	background:url('images/include/ombre-B.jpg') repeat-x bottom;
	background-color:#FFF;
	color:#197b84;
	font-size:13px;
	text-align:center;
	}
	

#separation-footer {
margin:25px 0 10px 0;
}
	
#arbre{
	margin:-10px 10px 0 10px;
}

#mentions  img{
	margin:-4px 5px 0 0 ;
}

#haut-page {
width:200px;
text-align:right;
margin:-20px 30px 0 0}	

.right {float:right}
.left {float:left}
.spacer {clear:both;}
.trait {border-bottom:solid 1px #FFF;}
.trait-gris{border-bottom:solid 1px #bfb8b8;margin:10px 0 25px 0;}

/*-------------------navigations------------------*/	
#logo-ecole {
	float:left;
	margin:30px 0 0 35px;
}

#navig {		
	list-style:none;
	display:inline;
	height:50px;
	color:#000;
	width:725px;
	margin-top:45px;
}

ul#navig {
	padding:0;
}

#navig li {
	float:left;
	text-align:center;
	padding:0 10px 0 10px;
}

.liste {	background:url('images/include/navig-separation.jpg') no-repeat right;}

#psychologie a {margin-top:9px;}
	
#navig a {
	text-decoration:none;
	font-size:14px;
	text-transform: uppercase;	
	padding-top:19px;
	height:50px;
	display:block;	
}

#formation {
	background:url('images/include/bouton-formation.jpg') no-repeat center;
	color:#FFF;
	width:121px;	
}
	
#formation:hover {
	background:url('images/include/bouton-formation-on.jpg') no-repeat center;
}


#navig2 {
	width:580px;
	float:right;
	padding:15px 10px 15px 6px;
	color:#FFF;
	background-color:#3b8a91;
	margin:-5px 0 0 0 ;
	list-style:none;
	display:inline;
}

#navig2 li {
	float:left;
	text-align:center;
	padding:0 3px 0 2px;
}

#navig2 a {
	text-decoration:none;
	font-size:12px;
	text-transform: uppercase;	
	color:#FFF;
}

#navig2 a:hover {
	color:#c9de58;
}

#navigation-rapide{
	padding-top:20px;
	width:998px;
	text-align:center;	
}

#navigation-rapide a {
	padding:10px 5px 0 5px;
	color:#FFF;
	text-transform: uppercase;
	text-decoration:none;
	font-size:11px;	
	font-family: Arial, Verdana;
	
	}

#navigation-rapide a:hover {
	color:#5b5436;
}

#sous-menu{margin:20px 20px 0 0; height:18px; }


/*-------------------accueil------------------*/	

#pensee {
	width:159px;
	background:url('images/accueil/pensees.gif') no-repeat top #d8d3be;
	padding:50px 10px 5px 10px;
	color:#5b5436;
	font-weight: normal;
	text-decoration:none;
	font-style:italic;
}

#pensee p {
	text-align:justify;
	margin:10px 0 10px 0;
	font-size:12px;
	}


#colonne1 img {
	margin:0 10px 40px 0;
}
	
#colonne1 p, #colonne2 p {text-align:left;}

#colonne1 {
	width:420px;
	float:left;
	margin-right:28px;
}


#colonne2 {
	width:225px;
	float:left;
	margin-left:35px;
}

#publications {
	width:730px;
	background:url('images/accueil/publications-tarot.jpg') repeat-x;
	margin-top:20px;
	
}

#publications h1 {
padding-top:15px;
}

#annuaire, #page {
	width:730px;
	margin-top:15px;
}	

#annuaire img{
	margin-right:10px;
}

#flash {margin-right:20px;}


/*-----------Pages--------*/
.beige {
background-color:#d8d3be;
padding:0px 10px 5px 10px;
margin-bottom:20px;
}


#retour-acueil{
margin:25px 0 0 20px;
font-size:11px;
text-decoration:none;}

#page h1,#page h2, #page p{margin: 0px;}
	
#page h2{
	margin:20px 0 5px 0;
	}
#page p{
	margin-top:10px;
	}
	
#formation-distance {
margin:0 20px 0 -26px;
}

#page h1, #page h2, #page p {
text-align:justify;
	}

#colonne-images {
width:155px;
padding-top:25px;
}


#colonne-texte {
width:550px;
}

#page h2.centrage {
text-align:center;
width:400px;
margin:10px;
}

#tirage-oracle {
text-align:center;
}

.encadre {background-color:#d8d3be;}


#choix-formation {
	width:159px;
	background:url('images/accueil/publications-tarot.jpg') repeat-x;
	padding:10px;
	height :100%;
	color:#4f7d65;
	margin-bottom:15px;
}


#choix-formation h3 {margin:4px;}
#choix-formation h1 {line-height: 0.3;
margin-bottom:15px;}


#normal, #lent, #accelere {
margin-top:15px;
}

#normal {
background:url('images/formations/normal.gif') no-repeat;
padding-left:30px;
}

#lent {
background:url('images/formations/lent.gif') no-repeat;
padding-left:30px;
}

#accelere {
background:url('images/formations/accelere.gif') no-repeat;
padding-left:30px;
}

#encart  {
	width:179px;
	height:16px;
	background:url('images/include/encart-B.gif') repeat-x top;
	display:block;
} 

#stage {
margin-bottom:20px;
}

#question  {
	width:159px;
	background:url('images/include/encart-H.gif') repeat-x top #3b8a91;
	padding:20px 10px 0 10px;	
} 

#question a{
	background:url('images/include/bout-contact.png') no-repeat bottom left ;
	color:#FFF;
}

#question a:hover {
	background:url('images/include/bout-contact-on.png') no-repeat bottom left ;
	color:#d2e36c;
}



#choix-page {
	width:179px;
	background:url('images/include/encart-B.gif') repeat-x bottom #3b8a91;
	padding-bottom:20px;
	margin:20px 0 20px 0;
}

#choix-page ul{
	margin:0px;
	padding:0 7px 0 7px;
	background:url('images/include/encart-H.gif') repeat-x top ;
}

#choix-page li{
	list-style:none;
	padding:10px 0 0 0;
}

#choix-page h1{
	color:#FFF;
}

.bout-plus a, .bout-off a, #question a {padding-left:30px; text-decoration:none;}


.bout-off a{
	background:url('images/include/bout-off.png') no-repeat center left ;
	color:#305457;	
}

.bout-plus a{
	background:url('images/include/bout-plus.png') no-repeat center left ;
	color:#FFF;
}
.bout-plus a:hover {
	background:url('images/include/bout-on.png') no-repeat center left ;
	color:#d2e36c;
}

/*--------------livre---------------*/
#colonne-livres {
width:155px;
}
#colonne-livres img {
margin:50px 0 0 -15px;
}

h2#prix-livre {margin-top:-5px;}

#paiement, #frais, #livraison {
margin-top:15px;
}

#paiement {
background:url('images/livres/secu.gif') no-repeat;
padding-left:30px;
}

#frais {
background:url('images/livres/frais-port.gif') no-repeat;
padding-left:30px;
}

#livraison {
background:url('images/livres/livraison.gif') no-repeat;
padding-left:30px;
}

/*-----------annuaire pro--------*/
#carte-visite {
width:339px;
background:url('images/annuaire/ombre.gif') repeat-y ;
margin: 20px 20px 0 0;
}

#carte-visite p, #carte-visite h1, #carte-visite h2 {text-align:left;}

.arrondi-H, .arrondi-B {height: 20px; background-repeat: no-repeat;}  
.arrondi-H{ width: 339px; float: left; background-image: url("images/annuaire/ombre-H.gif")}
.arrondi-B{ width: 339px; float: left; background-image: url("images/annuaire/ombre-B.gif");}
#contenu {background:url('images/annuaire/annuaire.gif') no-repeat bottom right ; padding:15px; margin-right:4px;}

/*----------liens utiles--------*/
#site-internet {width:243px; text-align:center; margin-top:20px;}
#site-internet p {text-align:center}

/*-----------twitter-----------------*/
#encart-twitter {
	width:159px;
	background:url('images/pensees/twitter.gif') no-repeat;
	padding:10px;
	height :100%;
	color:#4f7d65;
	margin-bottom:15px;
}

#twitter  ul, #twitter2 ul{list-style:none; margin:0px; padding:0px;}
#twitter  li, #twitter2  li{border-bottom:solid 1px #bfb8b8; padding-bottom:20px; margin-bottom:10px;}
.pensees, .pensees2 {padding:10px 45px 0 45px; padding-bottom:20px; margin-bottom:10px;}
.pensees {background:url('images/pensees/pensee.gif') no-repeat top;}
.pensees2 {background:url('images/pensees/pensee2.gif') no-repeat top;}

/*-----------formulaires--------*/

#formulaire {
	width:680px;
	background-color:#d8d3be;
	padding:10px 10px 10px 30px;
	margin-bottom:10px;
}

#choix p {
margin:1px 10px 5px 0;
}

#choix  {
margin:0px;
display:block;
}

#coordonnee {margin-top:15px;}

#coordonnee p {
margin:15px 20px 15px 0;
}

#coordonnee input {
	margin:0 10px 0 0px;
	float:left;
	width:180px;
}

#coordonnee .champs  {
	width:205px;
	text-align:left;
	margin-top:0px;
	float:left;
}

#message {
margin-top:5px;
}

#message  textarea {
	width:625px;
	margin:0px;
}		

#message p {
margin-top:10px;
}
#message label{
float:left;
margin-top:10px ;
}

.bouton {
text-align:center;
padding:10px;
}


.bouton input {
background:url("images/include/bouton-mail.jpg");
border:0px;
margin:0px;
width:115px;
height:42px;
}

.bouton input:hover {
cursor:pointer;
background:url("images/include/bouton-mail-on.jpg");
}

#legende {
width:475px;
font-size:8.5px;
float:left;}

p.mentions {
margin-top:10px;
font-size:8.5px;
width:655px;
}
/* - - - - - - - - - - - - pop up - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:700px;
	margin:-220px 0 0 -350px;
	background-color: #FFF;
	padding:10px;
	text-align:right;
}

#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

/* - - - - - - - - - - - - defilement livres acceuil - - - - - - - - - - - - - - */
.slideshow {
   width: 100px;
   height: 150px;
   overflow: hidden;
   border: 3px solid #F2F2F2;
}

.slideshow ul {
    /* 13 images donc 4 x 100% */
   width: 1300%;
   height:150px;
   padding:0; margin:0;
   list-style: none;
}
.slideshow li {
   float: left;
}