body {
	margin-left: 6%; margin-right: 6%;
	font-family: "Geneva",Arial,Helvetica,sans-serif;
	font-size: 103%;
	line-height: 1.6em;
	text-align: left; 
	color:rgb(78,78,78);
	position: relative;
	background-image: url("images/celestolia.png") no-repeat;
}

h2 { font-size: 120%; font-weight: normal;}
h3 { font-size: 110%; font-weight: normal;}
h4{ font-size: 105%; color:rgb(78,78,78);}
h5{ font-size: 100%;}

header {
	margin-left: auto;
	margin-right: auto;
	max-width: 40em;
}
.celestolia
.logo { text-align: center;}
.logo img{ 
	margin-top: 0.5em;
	width: 29%;
	min-width: 9.5em;	
}
.logo a {text-decoration: none;}	
h1 { margin-top: -1em; margin-bottom: -0.6em; font-family: "Times New Roman",Times,sans-serif; font-size: 250%; font-style: italic; text-align: center; opacity: 0;}
h1 a{text-decoration: none;}

ul.langue {	
	margin-bottom: -1.1em;
	text-align: right;
	list-style-type: none; 
} 
ul.langue li {
	display: inline; 
	padding-left: 0.3em;
}  
ul.langue a{
	text-decoration: none;	
	color: black;
} 
ul.langue em{
	font-style: normal;
	color: rgb(190,190,190);
}
.separatline{ 
	border-top: thin solid; border-color: rgb(102,102,102);
}
ul.navbar {	
	margin-top: -0.5em;
	margin-left: -1.5em;
	font-size: 105%;
	font-weight: bold;
	text-align: center;
    list-style-type: none; 
    color:rgb(127,127,126);
}
ul.navbar li {
	display: inline-block; 
	margin-left : 0.1em;
	margin-right : 1em;
}   		
ul.navbar a{
	text-decoration: none;	
	color: black;
} 
ul.navbar em{
	font-size: 105%;
	font-style: normal;
	color: rgb(192,41,44);
}

section { margin-left: auto;margin-right: auto;max-width: 40em;}
.box_tete{ margin-top: -0.2em;text-align: center;}
.box_tete h2 { font-size: 115%; line-height: -1em; }
.affiche{ text-align: center;}
.affiche img { width: 100%; max-width: 16em; margin-top: -0.5em; margin-bottom: -0.5em; }
	
section { clear: both; margin-left: auto; margin-right: auto; max-width: 40em;}
.annonce{text-align: center;}
.les_dates{width: 90%; margin-left: auto; margin-right: auto; font-size: 100%; line-height: 1.5em; text-align: center;}
.organisation{font-size: 100%; line-height: 1.7em; text-align: left;}
.cgt{font-size: 100%; line-height: 1.7em; text-align: left;}


section { margin-left: auto; margin-right: auto; max-width: 40em;}

h3{ color: rgb(184,21,0); text-align: center;} 

.table_matiere
ul.table_matiere_list{line-height: 1.9em; text-align: left;}
ul.table_matiere_list li{ list-style-type: none;}
ul.table_matiere_list li a{ color:rgb(78,78,78);}

.text_01_seance
ul.tenue_seance{text-align: left;}
ul.tenue_seance li{ list-style-type: disc;}
	
.text_02_commande
ul.catalogue{text-align: left;}
ul.catalogue li{ list-style-type: disc;}
ul.catalogue li a{text-decoration: line; color: rgb(179,23,48); }

ul choix, ul adaptation{text-align: left;}
ul choix li, ul adaptation li{ list-style-type: disc;}

.text_03_mailformulaire
ul.formulaire{text-align: left;}
ul.formulaire li{ list-style-type: none;}

.text_04_facture

.text_05_paiementconfirmation

.text_06_recu

.text_07_annulation	

.text_08_expedition

.text_09_retour	


section {
	margin-left: auto;
	margin-right: auto;
	max-width: 40em;
}
.privacy_policy{
	margin-top: 2em;
	text-align: center;
}
.loi {
	font-size: 85%;
	line-height: 1.4em;
}

.mentionslegales{
	font-size: 80%;
	line-height: 1.3em;
	margin-top: 3em;
	text-align: left;
	border-top: thin solid;
	border-color: rgb(192,192,192);	
}
.mentionslegales strong{
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}
		
footer { 
	clear: both;
	margin-left: auto;
	margin-right: auto;
	max-width: 46em;
	padding-top: 0.5em;	
	text-align: center;
	font-size: 0.9em;
	border-top: thin solid;
	border-color: rgb(192,192,192);	
}

.gotoTop{
	z-index: 9999;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
}
.gotoTop a{
	display: block;
	position: sticky;
	top: 80vh;
	margin-top: 100vh;
	font-size: 2.5em;
	pointer-events: auto;
	color: rgb(186,182,142);
}