/* Classes du Header de la page */
div.header {
	width:			100%;
	background-color : 	#513766;
	vertical-align:		middle;
	text-align:		center;
	margin-bottom:		12px;
}

div.header #annivernet {
	margin-left:		auto;
	margin-right:		auto;
	text-align:		center;
	background-color:	#513766;
}

div.header #annivernet img {
	margin-left:		-79px;
}

div.header div.title a {
	background-color:	transparent;
}

div.header div.title img {
	background-image:	none;
}



div.header div.title {
	height:			133px;
}

/* Cadeau en entête */
div.header #cadeau {
	float:			left;
	margin-top: 		20px;
	margin-left: 		10px;
	width:			79px;
	height:			99px;
	vertical-align:		middle;
}

div.header a img {
	background-color : 	#513766;
}

div.header div.middle {
	display:		block;
	height:			10px;
	background-image:	url(../images/bords/cotebgtitre.png);
	background-repeat:	no-repeat;
	background-color : 	#513766;
	font-size:		0px; /* Hack IE */
	margin-bottom:		2px;
}

div.header div.middle-right {
	display:		block;
	height:			10px;
	width: 			10px;
	background-image:	url(../images/bords/cotebdtitre.png);
	background-repeat:	no-repeat;
	float: 			right;
	background-color : 	#513766;
	font-size:		0px; /* Hack IE */
}



/* Containers de l'ensemble d'Annivernet */
div.menus {
	float: 			left;
	width:			200px;
}

div.bodies {
	margin-left:		206px;
	margin-right:		200px;
}

div.infos {
	float: 			right;
	width:			200px;
}


/* Propriétés Générales du Document */
body { 
	font-family: 		sans-serif, serif;
	font-size: 		small;
	font-style: 		normal;
	font-weight: 		normal;
	font-variant: 		normal;
	text-align: 		justify;
	color: 			#372566;
	background-color: 	#ffdf4a;
	background-image:	url(../images/fond.png);
	background-repeat:	repeat;
	margin:			4px 4px 4px 4px;
}

td {
	font-family: 		sans-serif, serif;
	font-size:		small;
	color: 			#372566;
}

p {
	text-indent:		30px;
}

ul {
	list-style-image:	url(../images/mini/puce.png);
	list-style-position:	outside;
}

h1 {
	font-size: 		large;
	font-variant:		small-caps;
	font-weight: 		normal;
	color: 			#372566;
}

h2 {
	font-size: 		medium;
	font-weight: 		bold;
	margin-left:		10px;
	color: 			#372566;
}

h3 {
	font-size: 		small;
	font-weight: 		bold;
	color: 			#372566;
}

input,textarea,select {
	font-family: 		sans-serif, serif;
	font-size: 		small;
	color: 			#372566;
	background-color : 	#E5CBFF;
	margin-bottom:		1px;
	margin-top:		1px;
	border:			1px dashed #513766;
}

/*Hack IE*/
#buttonconnexion {
	border:			0px none #513766;
}

input[type='image'] {
	border-style:		none;
	background-color: 	#cab3e0;
}

input[type='radio'] {
	background-color: 	#cab3e0;
	border-style:		solid;
}

input[type='checkbox'] {
	background-color: 	#cab3e0;
	border-style:		solid;
}

input[type='submit'] {
	border-style:		double;
	border-width:		2px;
}

form label {
	float: 			left;
	margin-left:		5px;
	text-align:		left;
	width:			200px;
}


/* Objet input[type=text] lorsqu'il est sélectionné */
.selected {
	background-color:	#ffdf4a;
	border-style:		solid;
}

/* Objet input[type=text] lorsqu'il est desélectionné */
.unselected {
	background-color:	#e5cbff;
	border-style:		dashed;
}


.title {
	font-size: 		large;
	font-weight: 		normal;
	color: 			#372566;
}

.subtitle {
	font-size: 		medium;
	font-weight: 		bold;
	margin-left:		10px;
	color: 			#372566;
}

.important {
	font-weight: 		bold;
	color: 			#372566;
}

.classic {
	font-weight: 		normal;
	color: 			#372566;
}

.info {
	text-align:		center;
	font-weight: 		normal;
	color: 			#372566;
}

.static {
	font-style: 		italic;
}

.info img {
	vertical-align:		middle;
	width:			16px;
	height:			16px;
	margin-left:		2px;
	margin-right:		2px;
}

.center {
	text-align:		center;
	margin-left: 		auto;
	margin-right: 		auto;
	width:			60%;
}


.erreur {
	text-align:		center;
	font-size: 		small;
	color: 			#CC0000;
	margin-bottom:		11pt;
}

.erreur img {
	vertical-align:		middle;
	width:			16px;
	height:			16px;
	margin-left:		2px;
	margin-right:		2px;
}

.minilink img, .falselink img, .highlink img {
	vertical-align:		middle;
	width:			16px;
	height:			16px;
	background-color:	#CAB3E0;
}

.falselink {
	font-style:		italic;
}

.highlink {
	font-weight:		bold;
}

img.default {
	vertical-align:		middle;
	width:			16px;
	height:			16px;
}

a {
	font-family: 		sans-serif, serif;
	font-style: 		normal;
	font-variant: 		normal;
	color: 			#372566;
	border: 		none;
	border-style : 		none;
	text-decoration : 	none;
	white-space:		nowrap;
}

a:hover {
	color: 			#ff581d;
	background-color: 	#ffdf4a;
}

a:active {
	color: 			#372566;
	background-color: 	#ffdf4a;
}


/* Liens sur des images */
a:link img, a:visited img {
	border-style : 		none;
	vertical-align:		middle;
	background-color:	#CAB3E0;
}

a:hover img, a:active img {
	border-style : 		none;
	vertical-align:		middle;
	background-color: 	#ffdf4a;
}



/* Page de discussion */
div#discussion .classic {
	color:			#666666;
}

div#discussion div .erreur {
	text-align:		left;
	font-weight:		bold;
}

div#discussion h2 a {
	font-size: 		small;
	font-weight:		normal;
}


/* Menu Commun */
div#commun div {
	margin-top:		2px;
	margin-left:		2px;
}

div#commun div a img {
	width:			35px;
	height:			35px;
}

/* Page des Liens */
div#liens .center {
	margin-left:		10%;
}

/* Page de publicité */
div#publicite .center {
	margin-left:		5%;
}


/* Page de modification des Amis */
div#ami_modification label {
	font-weight: 		bold;
	margin-left:		20px;
}

div#ami_modification .classic {
	margin-left:		100px;
}

div#ami_modification textarea {
	margin-left:		3px;
}

/* Page d'ajout d'amis inconnus */
div#ami_ajout_inconnu .classic {
	margin-left:		80px;
}

/* Page générale d'ajout d'amis */
div#ami_ajout h2 {
	font-size: 		small;
}

/* Page d'envoi de Messages */
div#message_envoi textarea {
	margin-left:		8px;
	margin-bottom:		20px;
}

div#message_envoi div.important {
	margin-left:		8px;
	margin-top:		4px;
}

div#message_envoi input[type="radio"] {
	margin-top:		4px;
	margin-left:		16px;
}

/* Page d'Envoi d'emails */
div#email_global textarea, div#email_global input {
	margin-left:		8px;
}


/* Menu Administration */
div#administration .center {
	width:			100%;
	margin-left:		auto;
	margin-right:		auto;
}

div#administration .info {
	font-weight: 		bold;
}

/* Menu Authentification */
div#connexion label {
	margin-top:		3px;
	width: 			93px;
}

div#connexion input {
	margin-right:		4px;
}

div#connexion {
	text-align:		center;
}

/* Menu Parrain */
div#parrain ul {
	list-style-image:	url(../images/mini/classement1.png);
	list-style-position:	inside;
	padding-left:		0px;
	margin-left:		12px;
}


div#parrain li#classement1 {
	list-style-image:	url(../images/mini/classement1.png);
}

div#parrain li#classement2 {
	list-style-image:	url(../images/mini/classement2.png);
}

div#parrain li#classement3 {
	list-style-image:	url(../images/mini/classement3.png);
}

div#parrain li#classement4 {
	list-style-image:	url(../images/mini/classement4.png);
}

div#parrain li#classement5 {
	list-style-image:	url(../images/mini/classement5.png);
}


/* Menu Détails */
div#details div.content {
	margin-right:		20px;	
}

div#details h2 {
	text-align:		center;
	margin-top:		0px;
}


div#details h2 img {
	vertical-align:		middle;
	width:			22px;
	height:			22px;
}

div#details ul {
	list-style-image:	url(../images/mini/puce.png);
	list-style-position:	outside;
	margin-top:		-12px;
	margin-bottom:		10px;
	padding-left:		0px;
	margin-left:		20px;
}

/* Menu Personnel */
div#personnel {
	margin-top:		0px;
	text-align:		center;
}

div#personnel .important {
	font-weight: 		bold;
}

div#personnel .info {
	text-align:		left;
	white-space:		nowrap;
	margin-bottom:		10px;
}


/* Menu des Amis connectés */

/* Cas où aucun ami connecté */
div#ami_connected .info {
	margin-top:		10px;
}

div#ami_connected .center {
	width:			100%;
	margin-bottom:		4px;
}

div#ami_connected div img {
	vertical-align:		middle;
	margin-right:		1px;
}

/* Page d'accueil */
div#accueil div.subtitle {
	text-align:		center;
}

div#accueil div#signature {
	text-align: 		right;
}

/* Page de modification */
div#modification form label {
	width: 			230px;
	margin-left:		20px;
}

div#modification textarea {
	margin-left:		20px;
}

div#modification .classic {
	font-style:		italic;
	margin-left:		20px;
}

/* Barre de modification */
div.content#modification_barre {
	padding: 		12px 0px 0px 0px;
}

/* Page de modification des alertes */
div#modification_alerte input[type="checkbox"] {
	margin-left:		20px;
}

/* Page de modification de la photo */
div#modification_photo label {
	width:			250px;
}

div#modification_photo h2 {
	text-align:		center;
}


/* Barre de modification */
div#modification_barre .center {
	width:			100%;
}


/* Page de suppression d'ami */
div#ami_suppression .info {
	font-style:		italic;
}

div#ami_suppression .center {
	width:			80%;
}


/* Page d'Inscription */
div#inscription form label {
	width: 			230px;
	margin-left:		20px;
}

div#inscription textarea {
	margin-left:		20px;
}

div#inscription .classic {
	font-style:		italic;
	margin-left:		20px;
}


/* Page de liste des Amis */
div#ami_liste ul {
	padding-left:		30px;
	margin-top:		5px;
}
 
div#ami_liste li {
	padding-left:		5px;
	margin-top:		15px;
}

div#ami_liste form div select {
	margin-bottom:		-3px;
}

div#ami_liste #show_astuces, div#ami_liste #hide_astuces {
	margin-left:		35px;
}

div#ami_liste ul li a {
	text-align:		center;
	margin-left:		103px;
}

div#ami_liste ul#astuces {
	list-style-image:	url(../images/mini/puce2.png);
}


/* Page des chansons */
div#chansons p.classic {
 	padding-left:		10px;
	margin-left:		14px;
 	text-indent:		0px;
	margin-bottom:		35px;
	margin-top:		3px;
	border-left:		medium solid #7986ff;
 }
 

/* Page d'ajout d'ami par liste */
div#ami_ajout_liste .center {
	width:			80%;
}

div#ami_ajout_liste .important {
	white-space:		nowrap;
}

/* Page de liste des membres */
div#membre_liste .center {
	width:			80%;
}

div#membre_liste .important {
	white-space:		nowrap;
}

/* Page des idées de cadeaux */
div#cadeau_liste div.classic, div#cadeau_liste div.important {
	text-align:		center;
	margin-left:		auto;
	margin-right:		auto;
}

div#cadeau_liste h2 span.important {
	font-size:		medium;
}

div#cadeau_liste div.important img {
	vertical-align:		middle;
	width:			16px;
	height:			16px;
	
}

/* Page des messages */
div#message_liste .classic img {
	float:			left;
	width:			48px;
	height:			48px;
	margin-right:		4px;
}

/* Page de recherche d'amis */
div#ami_recherche div.subtitle .important {
	font-size: 		medium;
	font-weight: 		bold;
	text-decoration:	underline;
}

div#ami_recherche label {
	margin-left:		20px;
}

/* Page des cartes virtuelles */
div#cartes .center {
	width:			70%;
}

div#cartes .subtitle {
	text-align:		center;
}

/* Classe de l'affichage d'un membre */
div.membre {
	padding: 		0px;
	margin:			0px;
	width:			99%;
}

div.membre div.title {
	padding-bottom:		6px;
}

div.membre div.content {
	background-color: 	#ccb3e0;
}

div.membre img.title {
	margin-left:		2px;
	float:			right;
}

div.membre div.title a {
	color: 			#cab3e0;
}


div.membre .important {
	font-weight: 		bold;
}

div.membre div.center {
	width:			80%;
}


div.membre .petitmot {
	border-left:		2px solid #513766;
	padding-left:		3px;
	width:			70%;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:		5px;
	margin-bottom:		5px;
	font-style:		oblique;
}

div.membre .alert {
	margin-bottom:		5px;
	text-align:		center;
	margin-left: 		auto;
	margin-right: 		auto;
}

/* Classes des Messages */
div.message, div.newmessage {
	width:			99%;
}

div.message .info, div.newmessage .info {
	font-size:		small;
	color:			#cab3e0;
}

div.message div.title, div.newmessage div.title {
	font-size:		medium;
	font-weight:		bold;
	padding-bottom:		8px;
}

div.message .classic, div.newmessage .classic {
	margin-left:		2px;
	font-size:		small;
	
}

div.message div.content div.important, div.newmessage div.content div.important {
	margin-left:		15px;
	margin-bottom:		8px;
	border-left:		2px solid #513766;
	padding-left:		3px;
}

/* Classes des Nouveaux Messages */
div.newmessage .info {
	color: 			#ffdf4a;
}
div.newmessage div.title {
	color: 			#ffdf4a;
}

/* Classes des Menu de la page */
div.menu {
	width:			100%;
}

div.menu div.title {
	padding-bottom:		8px;
}

div.menu div.title a:hover {
	background-color:	transparent;
}

div.menu div.title img {
	width:			35px;
	height:			35px;
}

div.menu div.content {
	padding: 		4px 2px 4px 2px;
}

/* Classes des Body de la page */
div.body {
	padding: 		0px;
	margin:			0px;
	width:			99%;
}

div.body div.title {
	padding-bottom:		8px;
}

/* Classes du Footer de la page */
div.footer {
	clear:			both;
	position:		relative;
	top:			5pt;
	background-color : 	#513766;
	width:			100%;
}

div.footer div.title {
	text-align:		center;
	font-size: 		x-small;
	background-image:	none;
}

div.footer div.title img {
	vertical-align: 	middle;
}

div.footer .center {
	margin-top:		3px;
	margin-left:		15%;
}

div.footer .center img {
	margin-left:		4px;
	margin-right:		4px;
	background-image:	none;
}

div.footer .important {
	font-size: 		x-small;
	color: 			#cab3e0;
}

div.footer #societe {
	float:			left;
	margin-left:		7px;
	background-image:	none;
}

div.footer a img {
	background-color : 	#513766;
}

div.footer div.middle {
	display:		block;
	height:			10px;
	background-image:	url(../images/bords/cotebgtitre.png);
	background-repeat:	no-repeat;
	background-color : 	#513766;
	font-size:		0px; /* Hack IE */
}

div.footer div.middle-right {
	display:		block;
	height:			10px;
	width: 			10px;
	background-image:	url(../images/bords/cotebdtitre.png);
	background-repeat:	no-repeat;
	float: 			right;
	background-color : 	#513766;
	font-size:		0px; /* Hack IE */
}

/* Classes dessinant le contour des fenêtres du site */
div.top {
	height: 		10px;
	background-image:	url(../images/bords/cotehgtitre.png);
	background-repeat:	no-repeat;
	background-color : 	#513766;
	font-size:		0px; /* Hack IE */
}

div.top-right {
	height:			10px;
	width: 			10px;
	background-image:	url(../images/bords/cotehdtitre.png);
	background-repeat:	no-repeat;
	background-color : 	#513766;
	float: 			right;
	font-size:		0px; /* Hack IE */
}

div.bottom {
	height:			10px;
	background-image:	url(../images/bords/decorbg.png);
	background-repeat:	no-repeat;
	font-size:		0px; /* Hack IE */
	margin-bottom:		6px;
}

div.bottom-right {
	height:			10px;
	width: 			10px;
	background-image:	url(../images/bords/decorbd.png);
	background-repeat:	no-repeat;
	float: 			right;
	font-size:		0px; /* Hack IE */
}

div.content {
	background-color : 	#cab3e0;
	padding: 		5px 5px 2px 5px;
	text-align: 		justify;
	border-right:		thin solid #ca9de0;
	border-left:		thin solid #ca9de0;
}

div.title img {
	vertical-align:		middle;
	margin:			0px 2px 0px 3px;
	background-image:	url(../images/bords/ligne.png);
	background-repeat:	repeat;
}

div.title {
	text-align:		left;
	background-color : 	#513766;
	color: 			#cab3e0;
	background-image:	url(../images/bords/ligne.png);
	background-repeat:	repeat;
	border-bottom:		thin solid #513766;
	white-space:		nowrap;
}

div.title a {
	color: 			#cab3e0;
}

div.title a:hover {
	color: 			#ff581d;
	background-color: 	#ffdf4a;
}

div.title a:active {
	color: 			#372566;
	background-color: 	#ffdf4a;
}