.topbanner {
	background-image: url(../images/vignettes/logo-rose.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 133px;
	margin: 0 0 0 0;
}
	
h1 {
	font-family: 'BetinaScript';
	font-size: 26px;
	color: #81177c;
}

h2 {
	font-family: 'BetinaScript';
	font-size: 20px;
	color: #81177c;
}



.information {
	font-family: Futura, Arial, geneva;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	color: #81177c;
}
	
.inputbox {
	margin-left: 60px;
	margin-top: 10px;
	color: #81177c;
}
.rose {
	font-family: 'Futura';
	font-size: 20px;
	color: #81177c;
}
/*  Barres de navigation  -- BEGIN */

ul.nav {
	list-style: none; /* entraîne la suppression du marqueur de liste */
	margin-bottom: 15px; /* crée l'espace entre la navigation et le contenu en dessous */
}

ul.nav li {
	border-bottom: 0px solid #666; /* crée la séparation des boutons */
}

ul.nav a, ul.nav a:visited { /* le regroupement de ces sélecteurs garantit que vos liens conservent leur apparence de bouton, même après avoir été activés */
	font-family: BetinaScript, Futura, Arial;
	font-size: 1.5em;
	padding: 5px 5px 5px 5px;
	display: block; /* attribue au bloc de liens des propriétés qui lui font remplir toute la balise LI qui le contient. Force la zone entière à réagir à un clic de souris. */
	width: 12%;  /* cette largeur permet de cliquer sur le bouton entier dans IE6. Si la compatibilité avec IE6 n'est pas nécessaire, vous pouvez la supprimer. Pour calculer la largeur approprié, soustrayez la marge intérieure de ce lien de la largeur du conteneur de barre latérale. */
	text-decoration: none;
	background-color: transparent;
	color: #000;
	float: left;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* modifie la couleur de l'arrière-plan et du texte pour les navigateurs à la souris et au clavier. */
	font-family: BetinaScript, Futura, Arial;
	font-size: 1.6em;
	background-image: url(../images/Tache-Bouton-2.png);
	background-repeat: no-repeat;
	background-position: center;
	color: #81177c;
}

ul.nav {
	list-style: none; /* entraîne la suppression du marqueur de liste */
	margin-bottom: 5px; /* crée l'espace entre la navigation et le contenu en dessous */
}

ul.nav2 li {
	border: 0px solid #666; /* crée la séparation des boutons */
}

ul.nav2 a, ul.nav2 a:visited { /* le regroupement de ces sélecteurs garantit que vos liens conservent leur apparence de bouton, même après avoir été activés */
	font-family: BetinaScript;
	font-size: 1.4em;
	padding: 5px 5px 5px 5px;
	display: block; /* attribue au bloc de liens des propriétés qui lui font remplir toute la balise LI qui le contient. Force la zone entière à réagir à un clic de souris. */
 	width: 20%;  /* cette largeur permet de cliquer sur le bouton entier dans IE6. Si la compatibilité avec IE6 n'est pas nécessaire, vous pouvez la supprimer. Pour calculer la largeur approprié, soustrayez la marge intérieure de ce lien de la largeur du conteneur de barre latérale. */
	text-decoration: none;
	background-color: transparent;
	color: #000;
	float: left;
	border-top: 0px solid #666;
}

ul.nav2 a:hover, ul.nav2 a:active, ul.nav2 a:focus { /* modifie la couleur de l'arrière-plan et du texte pour les navigateurs à la souris et au clavier. */
	font-family: BetinaScript;
	font-size: 1.5em;
	color: #81177c;
}

ul.nav2 {
	list-style: none; /* entraîne la suppression du marqueur de liste */
	margin-bottom: 1px; /* crée l'espace entre la navigation et le contenu en dessous */
}

ul.nav-cei li {
	border: 0px solid #666; /* crée la séparation des boutons */
}

ul.nav-cei a, ul.nav-cei a:visited { /* le regroupement de ces sélecteurs garantit que vos liens conservent leur apparence de bouton, même après avoir été activés */
	font-family: BetinaScript;
	font-size: 1.2em;
	padding: 5px 5px 5px 5px;
	display: block; /* attribue au bloc de liens des propriétés qui lui font remplir toute la balise LI qui le contient. Force la zone entière à réagir à un clic de souris. */
 	width: 30%;  /* cette largeur permet de cliquer sur le bouton entier dans IE6. Si la compatibilité avec IE6 n'est pas nécessaire, vous pouvez la supprimer. Pour calculer la largeur approprié, soustrayez la marge intérieure de ce lien de la largeur du conteneur de barre latérale. */
	text-decoration: none;
	background-color: transparent;
	color: #000;
	float: left;
	border-top: 0px solid #666;
}

ul.nav-cei a:hover, ul.nav-cei a:active, ul.nav-cei a:focus { /* modifie la couleur de l'arrière-plan et du texte pour les navigateurs à la souris et au clavier. */
	font-family: BetinaScript;
	font-size: 1.3em;
	color: #81177c;
}

ul.nav-cei {
	list-style: none; /* entraîne la suppression du marqueur de liste */
	margin-bottom: 1px; /* crée l'espace entre la navigation et le contenu en dessous */
}


/*  Barres de navigation  -- */

#menuhelp {
	position: absolute;
	margin-left: 30px;
	color: #81177c;
	font-size: 12px;
	font-style: italic;
}

#bloc1 {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	display:none;
	position:absolute;
	top:200px;
	left:600px;
	width:187px;
	height:168px;
	background-image:url('../Post-It/rose.png');
	background-repeat: no-repeat;
}

#TextArea1 {
	overflow:hidden;
	background-color:Transparent;
	border:none;
	font-family:Segoe Script;
	height:127px;
	width:162px;
}

/* Menus Accordeon */

.menu_list {
}

.menu_head {
	cursor: pointer;
	color: #81177c;
	font-size: 26px;
	font-family: BetinaScript;
	font-weight: bold;
	background-color:transparent;
}

.menu_body {
	width: 100%;
	display:none;
}

.menu_body a {
	display:block;
	background-color:transparent;
}

.menu_body a:hover {
}

/* End Menu Accordeon */

.spacer {
	padding: 100px;
	clear: both;
	font-family: Futura, Arial, Geneva;
	font-size: 12px;
	color: #81177c;
}
.spacer a{
	font-family: Futura, Arial, Geneva;
	font-size: 12px;
	color: #81177c;
}