@CHARSET "ISO-8859-1";

body {
	margin: 0;
	font-size: 0.75em;
	font-family: Arial, sans-serif;
	color: #000000;
	Background-color: #FFFFFF;
}

body.popup {
	margin: 0;
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #B432BC;
	color: #FFFFFF;
}

/*style général des liens*/
a:link,a:visited,a:hover {
	color: #ffff00;
	text-decoration: underline;
}

img {
	border: 0;
}

font.couleur {
	font-weight: bold;
	color: #F6DD0F;
}

/*cadre principal*/
#cadre1024 {
	background-color: #B432BC;
	width: 1000px;
	border: none;
	margin: 0 auto 20px auto;
	text-align: left;
	background-image: url('images/panneau_droit-fond.gif');
	background-repeat: repeat-y;
	background-position: right;
	color: #FFFFFF;
}

/* cadre pour les popups */
#cadre500 {
	width: 520px;
	margin: 0 auto;
	padding: 5px;
	text-align: left;
}

/*entete de page*/
#header {
	width: 1000px;
	background-image: url('images/head-fond.jpg');
	background-repeat: no-repeat;
	background-position: right;
	height: 99px;
	border: none;
}

#logo {
	border: none;
	width: 258px;
	height: 99px;
	float: left;
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
}

#lienlogo {
	display: block;
	width: 258px;
	height: 99px;
}

/*boite supplémentaire cse position relative différente ds IE et FF*/
#conteneurliens {
	float: left;
	height: 99px;
	width: 742px;
	background-image: url('images/head-home.jpg');
	background-repeat: no-repeat;
}

#lienconnection {
	border: none;
	position: relative;
	left: 110px;
	top: 70px;
	display: block;
	width: 120px;
	height: 25px;
}

#lienconnection:hover,#lieninscription:hover {
	border: dashed 1px #B432BC;
}

#lieninscription {
	border: none;
	position: relative;
	left: 253px;
	top: 45px;
	display: block;
	width: 125px;
	height: 25px;
}

/*sous-boite pour mettre le fond du panneau gauche jusqu'en bas*/
#container {
	float: left;
	background-image: url('images/panneau_gauche-fond.gif');
	background-repeat: repeat-y;
	background-position: left;
	width: 832px;
	min-height: 640px;
}

/*colonne contenant les menus*/
#colonnemenu {
	width: 169px;
	float: left;
	padding: 0 0 0 0;
	margin: 0;
	text-align: center;
	background-image: url('images/panneau_gauche-haut.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

#titrepanneaugauche {
	height: 55px;
	padding: 10px 22px 0 32px;
	text-align: left;
	color: #75017f;
}

#titrepanneaugauche a {
	text-align: center;
	display: block;
	font-style: italic;
	font-weight: bold;
	margin-top: 3px;
	color: #FFFFFF;
}

/* permet de donner une hauteur minimum au div colonnemenu par rapport au panneau droit à cause du fond*/
#spacervertical {
	float: left;
	height: 640px;
	width: 0px;
	padding: 0;
	margin: 0;
}

/*boite de menu*/
div.menu {
	margin: 0 auto;
	text-align: left;
}

/*titre du menu*/
div.menu h3 {
	border: none;
	text-align: center;
	color: #75017F;
	margin: 0;
	padding: 0;
	padding-top: 22px;
	padding-bottom: 0px;
	display: block;
	height: 26px;
	font-size: 1.0em;
	font-weight: bold;
	background-image: url('images/menu_section-titre.gif');
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Verdana, sans-serif;
}

/*liste des items du menu*/
div.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 1.1em;
}

/*lien devenir partenaire*/
div.menu small {
	text-align: center;
	display: block;
	font-size: 0.75em;
	margin-top: 5px;
}

/*texte dans le corps du menu*/
div.menu p {
	padding: 2px 0 0 20px;
	margin: 0;
}

/*affichage de l'identifiant*/
div.menu li h4 {
	margin: 0;
	padding: 0 3px 0 3px;
	font-weight: normal;
	font-size: 1.1em;
}

/*lien du menu*/
div.menu a,div.menu a:visited {
	color: #FFFFFF;
	overflow: hidden;
	text-decoration: none;
}

div.menu a:hover {
	color: #FFFF00;
	text-decoration: underline;
}

#filtre {
	padding: 0px 3px 0 3px;
	float: left;
	width: 657px;
	background-color: white;
	height: 17px;
	text-align: center;
	color: #75017f;
}

#filtre a:link,#filtre a:visited,#filtre a:hover {
	color: #f6a90c;
	text-decoration: underline;
	font-weight: bold;
}

/*boite pour le contenu de la page*/
#page {
	padding: 15px 3px 0px 3px;
	float: left;
	width: 657px;
	background-image: url('images/ampoules2.gif');
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

/* pour certaines pages il y a 2 colonnes (noter, tops...)*/
#pageleft {
	width: 550px;
	float: left;
}

#pageright {
	width: 104px;
	float: left;
	padding-left: 3px;
}

#spacervertical2 {
	height: 175px;
}

/*bannière de pub 468x60*/
#banner {
	margin: 0 auto 10px auto;
	height: 60px;
	width: 468px;
}

#megabanner {
	margin: auto;
	height: 90px;
	width: 728px;
	float: left;
	/*margin-left: 19px;*/
}

/*rectangle de pub 300x250*/
#rectangle {
	margin: 10px auto 10px auto;
	height: 250px;
	width: 300px;
}

#rectanglel {
	margin: 0 10px 10px 5px;
	float: left;
	height: 250px;
	width: 300px;
}

/*titre de la page*/
#page H2,#cadre500 H2 {
	text-align: center;
	margin: 0 0 5px 0;
	padding: 0;
	color: #FFCE26;
	font-size: 1.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, sans-serif;
}

/* cadre aux mêmes couleurs que formulaire pour page top 30*/
#page div.cadre {
	padding: 5px;
	border: solid 1px #CE653E;
	background-color: #FAC063;
	margin: 0 auto 10px auto;
	text-align: center;
}

/* cadre aux mêmes couleurs que formulaire */
#page div.grandcadre {
	padding: 5px;
	border: solid 1px #CE653E;
	background-color: #FAC063;
	margin: 0 auto 10px auto;
	font-size: 1em;
	Clear: left;
}

/* spécifique pour grandcadre dans pour page membre_notes.php*/
#page div.spenotes {
	padding: 0;
}

/* titre des sous-sections de ce cadre*/
#page div.grandcadre h3 {
	display: block;
	background-color: #CE653E;
	color: #FCD897;
	font-weight: bold;
	margin: 0;
	padding: 1px;
	text-align: center;
	font-size: 1.1em;
}

#colonnedroitefond {
	float: left;
	width: 168px;
	background-image: url('images/panneau_droit-souspub.gif');
	background-repeat: repeat-y;
	background-position: top left;
}

#colonnedroite {
	width: 168px;
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
	background-image: url('images/panneau_droit-haut.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

/* emplacement pour la pub format sky*/
#skyscraper {
	height: 600px;
	padding: 0;
	margin: 25px auto 0 17px;
	width: 120px;
}

#piedcolonnedroite {
	width: 168px;
	height: 15px;
	background-image: url('images/panneau_droit-baspub.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

/*boite pied de page: permet de tirer le cadre1024 jusqu'en bas dans Firefox*/
#pied {
	clear: both;
	width: 1000px;
	height: 75px;
	background-image: url('images/footer.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 20px;
	text-align: center;
	color: #000000;
	font-size: 0.8em;
}

#pied a:link, #pied a:visited, #pied a:hover {
	color: #f6a90c;
	font-weight:bold;
	text-decoration:underline;
}

/*********************** FORMULAIRES ***********************/
form {
	margin: 0 auto;
	padding: 0px;
	color: #75017f;
}

form.withoutnote {
	width: 370px;
}

form.withnote {
	width: 565px;
}

form fieldset {
	clear: both;
	border: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

textarea {
	overflow: auto;
}

form div {
	clear: left;
	display: block;
	width: 354px;
	margin: 5px 0px 0px 0px;
	padding: 2px 2px;
}

form fieldset div.notes {
	float: right;
	width: 158px;
	height: auto;
	padding: 0;
	margin: 5px 0px 5px 0px;
	border: 1px solid #FFFFFF;
	background-color: #FFE38F;
	font-size: 0.85em;
	background-image: url('images/point_interrogation.gif');
	background-repeat: no-repeat;
	background-position: center 25px;
}

form fieldset div.notes h4 {
	padding: 3px 0px;
	background-color: #FFFFFF;
	font-size: 1.1em;
	margin: 0 0 5px 0;
	text-align: center;
}

form fieldset div.notes p {
	margin: 0 0 5px 0;
	padding: 0 5px;
}

form fieldset div.notes a:link,form fieldset div.notes a:visited,form fieldset div.notes a:hover {
	color: #EB8600 !important;
}

form div fieldset {
	clear: none;
	border: 1px solid #B432BC;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	width: 197px;
}

form div fieldset legend {
	font-size: 1em;
	padding: 0px 3px 0px 9px;
	color: #75017f;
	background: transparent;
}

form div.required fieldset legend {
	font-weight: normal;
}

form div label {
	display: block;
	float: left;
	width: 130px;
	padding: 3px 5px;
	margin: 0px 0px 5px 0px;
	text-align: left;
}

form div.optional label,label.optional {
	font-weight: normal;
}

form div.required label,label.required {
	font-weight: bold;
}

form div label.labelCheckbox,form div label.labelRadio {
	float: none;
	display: block;
	width: 200px;
	padding: 0px;
	margin: 0px 0px 5px 142px;
	text-align: left;
	font-weight: normal;
}

form div fieldset label.labelCheckbox,form div fieldset label.labelRadio
	{
	margin: 0px 0px 5px 0px;
	width: 170px;
	vertical-align: top;
	font-weight: normal;
}

form div img {
	border: none;
}

p.error {
	background-color: rgb(255, 196, 197);
	background-image: url(images/icon_error.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	color: #ff0000;
	font-weight: bold;
	padding: 3px 3px 5px 27px;
	border: 1px solid #ff0000;
	text-align: left;
	margin: 0 5px 5px 5px;
}

p.warning {
	background-color: #ffb665;  /*#FFD06F;*/
	background-image: url(images/icon_warning.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	color: #ff5900;
	font-weight: bold;
	padding: 3px 3px 5px 27px;
	border: 1px solid #ff6900;
	text-align: left;
	margin: 0 5px 5px 5px;
}

p.information {
	background-color: #ffe38f;
	background-image: url(images/icon_info.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	color: #75017f;
	/*font-weight: bold;*/
	padding: 3px 3px 5px 27px;
	border: 1px solid #ffa800;
	text-align: left;
	margin: 0 5px 5px 5px;
}

p.information a:link, p.information a:visited, p.information a:hover {
	color: #FF8600!important;
}

#barrenotes p.error {
	margin-top: 8px;
	margin-left: -10px;
	margin-right: -5px;
}

/*entourer le div contenant l'erreur en rouge*/
form div.error {
	background-color: rgb(255, 196, 197);
	background-image: url(images/required_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border: 1px solid #ff0000;
}

form div.error fieldset {
	background: transparent;
}

form div.error p.error {
	background: transparent;
	background-image: url(images/icon_error.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border-style: none;
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0px 0px 140px;
	width: 180px;
	color: #ff0000;
}

form div input,form div select,form div textarea {
	width: 200px;
	padding: 1px 3px;
	margin: 0px 0px 0px 0px;
}

/* sélection d'une couleur*/
form input.couleur {
	width: 60px;
}

form div#couleursperso fieldset div.required,form div#selectionfiltre fieldset div.required{
	width: 328px;
}

form div#selectionfiltre label.labelRadio {
	width: 210px;
}

form div#selectionfiltre fieldset legend {
	font-weight: bold;
}

form div#selectionfiltre button {
	float: right;
	width: 95px;
}

form div#selectionfiltre button#filtre_geo {
	margin-top: 8px;
}

/*sélection d'une date jour/mois/annee*/
form div select.jour {
	width: 50px;
	display: inline;
}

form div select.mois {
	width: 80px;
	display: inline;
}

form div select.annee {
	width: 60px;
	display: inline;
}

form div select.age {
	width: 50px;
	display: inline;
}

form div input.inputFile {
	width: 211px;
}

form div select.selectOne,form div select.selectMultiple {
	width: 208px;
	padding: 1px 3px;
}

form div input.inputCheckbox,form div input.inputRadio,input.inputCheckbox,input.inputRadio
	{
	display: inline;
	height: 14px;
	width: 14px;
	/*background-color: transparent;*/
	border: none;
	padding: 0px;
	margin: 0px 3px 0px 140px;
}

form div.submit {
	text-align: center;
	width: auto;
	padding: 0;
	margin: 10px 0 0 0;
}

form div input.inputSubmit,form div input.inputButton,input.inputSubmit,input.inputButton
	{
	width: auto;
	padding: 0px 6px;
	margin: 0px;
}

form div.submit div input.inputSubmit,form div.submit div input.inputButton
	{
	float: right;
	margin: 0px 0px 0px 5px;
}

form div small {
	display: block;
	margin: 0px 0px 5px 142px;
	padding: 1px 3px;
	font-size: 0.85em;
}

form textarea.expanding {
	overflow: auto;
	overflow-x: auto;
	overflow-y: visible;
}

div.optional label:before {
	content: '';
}

div.required label:before {
	content: '';
}

form div label.labelCheckbox,form div label.labelRadio,label.labelCheckbox,label.labelRadio
	{
	display: block;
	width: 190px;
	padding: 4px 0px 0px 18px;
	text-indent: -18px;
	line-height: 120%;
}

form div label.labelCheckbox input.inputCheckbox,form div label.labelRadio input.inputRadio,label.labelCheckbox input.inputCheckbox,label.labelRadio input.inputRadio
	{
	margin: 0px 2px 0px 0px;
	vertical-align: top;
}

form div fieldset input.inputText,form div fieldset input.inputPassword,form div fieldset input.inputFile,form div fieldset textarea.inputTextarea
	{
	width: 160px;
	margin: 0;
}

form div label.compact {
	display: inline;
	width: auto;
	padding: 4px 10px 0px 0px;
	text-indent: 0px;
	margin: 0px 0px 0px 0px;
}

form div.wide label {
	float: none;
	display: block;
}

form div label.wide {
	width: 340px;
}

form div.verywide {
	width: 525px;
}

form div label.verywide {
	width: 525px;
}

form div.wide input.inputText,form div.wide input.inputPassword,form div.wide input.inputFile,form div.wide select,form div.wide textarea
	{
	width: 336px;
	margin: 0px;
	margin-left: 5px;
}

form div.notes p,form div small {
	line-height: 125%;
}

form div.wide small {
	margin: 0px 0px 5px 0px;
}

/*boutons de validation*/
form select,form input,form textarea {
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #B432BC;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}

/*form div.submit*/
button {
	background-color: transparent;
	border: none;
	color: #75017f;
	padding: 0;
	padding-bottom: 2px;
	padding-right: 2px;
	margin: 0 0 0 0px;
}

div#gauche {
	background-image: url('images/bouton_petit-g-fond_jaune.gif');
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0;
	margin: 0;
	height: 22px;
	width: auto;
}

div#droite {
	background-image: url('images/bouton_petit-d-fond_jaune.gif');
	background-repeat: no-repeat;
	background-position: top right;
	padding: 0 15px;
	margin: 0;
	height: 22px;
	width: auto;
}

div#fond {
	background-image: url('images/bouton_petit-f-fond_jaune.gif');
	background-repeat: repeat-x;
	background-position: top left;
	padding: 0;
	margin: 0;
	height: 22px;
	width: auto;
}

button b {
	display: block;
	line-height: 22px;
	white-space: nowrap;
	font-weight: bold;
	font-size: 0.9em;
	width: auto;
}

/*form div.submit*/
button:hover {
	color: #B432BC;
	padding-bottom: 2px;
	padding-right: 2px;
	border: none;
	cursor: pointer;
}

/*form div.submit*/
button:active {
	border: none;
	color: #FFFFFF;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 0px;
	padding-right: 0px;
}

form option {
	border: none;
}

/***************************** FIN FORMULAIRES *******************************/
A.groslien {
	font-weight: bold;
	font-size: 1.2em;
}

/* photo à noter*/
img.photo {
	display: block;
	margin: 0 auto 10px auto;
}

/* table standard avec entete*/
TABLE.commun {
	background-color: #FFE38F;
	margin: 0 auto;
	padding: 0px;
	border: none;
	border-collapse: collapse;
	color: #75017f;
	border: solid 2px #FFE38F;
}

TABLE.commun thead td,TABLE.commun tfoot td {
	background-color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	border-left: solid 1px #FFE38F;
}

TABLE.commun thead td.first,TABLE.commun tfoot td.first {
	border-left: solid 1px #FFFFFF;
}

table.commun tbody td {
	background-color: #ffc000;
	text-align: left;
	border: solid 1px #FFE38F;
}

table.commun td {
	padding: 3px;
}

table.commun td.numeric {
	text-align: right;
}

table.commun td.messagenonlu {
	background-color: #FFE38F;
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
}

table.commun td.centre {
	text-align: center;
}

table.commun td.vide {
	background-color: #FFE38F;
}

/*pour IE*/
table.commun input#raison {
	background-color: transparent;
	border: none;
}

table.commun tbody a:link,table.commun tbody a:visited{
	color: #FFFFFF;
}

table.commun tbody a:hover{
	color: #FFFFFF;	
}

table.commun tbody a.lu:link,table.commun tbody a.lu:visited {
	color: #75017f;
	text-decoration: none;
}

table.commun tbody a.lu:hover{
	color: #75017f;
	text-decoration: underline;
}

table.commun tbody a.nonlu:link,table.commun tbody a.nonlu:visited{
	color: #75017f;
	font-weight: bold;
	text-decoration: none;
}

table.commun tbody a.nonlu:hover{
	color: #75017f;
	font-weight: bold;
	text-decoration: underline;	
}

table.commun tbody div.debutmsg{
	white-space: nowrap;
	overflow: hidden;
	width: 173px;
}

table.commun tfoot a,table.commun tfoot a:visited,table.commun tfoot a:hover{
	color: #ff8600;
}

/* onglets photos membre */
#onglets {
	list-style: none;
	padding: 0;
	margin: 0 0 0 15px;
	z-index: 2;
}

#onglets li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
}

#onglets a {
	font-weight: bold;
}

#onglets #ongletgauche {
	background-image: url('images/onglet_violet-g.gif');
	background-repeat: no-repeat;
	background-position: top left;
	height: 25px;
	float: left;
	z-index: 2;
}

#onglets #ongletgauchegrand {
	background-image: url('images/onglet_violet-g_grand.gif');
	background-repeat: no-repeat;
	background-position: top left;
	height: 85px;
	float: left;
	z-index: 2;
}

#onglets #ongletdroite {
	background-image: url('images/onglet_violet-d.gif');
	background-repeat: no-repeat;
	background-position: top right;
	height: 25px;
	float: left;
	z-index: 2;
}

#onglets #ongletdroitegrand {
	background-image: url('images/onglet_violet-d_grand.gif');
	background-repeat: no-repeat;
	background-position: top right;
	height: 85px;
	float: left;
	z-index: 2;
}

#onglets #ongletfond {
	background-image: url('images/onglet_violet-fond.gif');
	background-repeat: repeat-x;
	background-position: top left;
	height: 25px;
	float: left;
	z-index: 2;
}

#onglets #ongletfondgrand {
	background-image: url('images/onglet_violet-fond_grand.gif');
	background-repeat: repeat-x;
	background-position: top left;
	height: 85px;
	float: left;
	z-index: 2;
}

#onglettexte {
	text-align: center;
	padding: 7px 15px 0 15px;
	z-index: 2;
}

#onglets a {
	text-decoration: none;
}

#onglets a:hover {
	text-decoration: underline;
}

#onglets .selected #ongletgauche {
	background-image: url('images/onglet_jaune-g.gif');
	background-repeat: no-repeat;
	background-position: top left;
	height: 25px;
}

#onglets .selected #ongletgauchegrand {
	background-image: url('images/onglet_jaune-g_grand.gif');
	background-repeat: no-repeat;
	background-position: top left;
	height: 85px;
}

#onglets .selected #ongletdroite {
	background-image: url('images/onglet_jaune-d.gif');
	background-repeat: no-repeat;
	background-position: top right;
	height: 25px;
}

#onglets .selected #ongletdroitegrand {
	background-image: url('images/onglet_jaune-d_grand.gif');
	background-repeat: no-repeat;
	background-position: top right;
	height: 85px;
}

#onglets .selected #ongletfond {
	background-image: url('images/onglet_jaune-fond.gif');
	background-repeat: repeat-x;
	background-position: top left;
	height: 25px;
}

#onglets .selected #ongletfondgrand {
	background-image: url('images/onglet_jaune-fond_grand.gif');
	background-repeat: repeat-x;
	background-position: top left;
	height: 85px;
}

/*#onglets a:hover*/
#onglets .selected a {
	color: #B432BC;
}

small.note {
	font-size: 0.85em;
}

/* cadre spécial sur page valider_inscription.php*/
div#cadrespecial {
	border: solid 2px #FFC000;
	padding: 5px;
}

/*photo miniature */
div#miniature {
	padding: 2px;
	padding-top: 1px; /* à cause du 1px du span  en haut */
	border: none;
	background-color: #FFE38F;
	text-align: center;
	width: 100px;
	height: 101px;
	margin: 0 auto 0 auto;
	line-height: 100px;
	border: solid 2px #ffa800;
	margin-bottom: 3px;
}

div#miniature span {
	display: inline-block;
	height: 1px;
	width: 0px;
}

div#miniature img {
	vertical-align: middle;
	border: none; /*car ds un form div il est à 1px*/
}

/*barre de notation des photos*/
#barrenotes {
	background-image: url('images/cadre_vote.gif');
	background-position: top left;
	background-repeat: no-repeat;
	width: 470px;
	margin: 0 auto 10px auto;
	padding: 2px 0 0 6px;
	color: #B432BC;
	font-weight: normal;
}

#barrenotes div.graph {
	background: transparent;
}

#barrenotes a.carrenote {
	border: none;
	text-align: center;
	width: 40px;
	height: 18px;
	padding: 3px 1px 3px 1px;
	font-weight: bold;
	float: left;
	display: block;
	margin: 0 0 2px 0;

	font-size: 1.3em;
	text-decoration: none;
}

#barrenotes a.carrenote:hover {
	border: solid 1px #ffff00;
	color: #ffff00 !important;
	text-decoration: none;
	padding: 2px 0 2px 0;
}

/* notes interdites car moyenne<10*/
#barrenotes a.carrenoteint {
	border: none;
	background-color: transparent;
	text-align: center;
	width: 40px;
	height: 18px;
	padding: 3px 1px 3px 1px;
	font-weight: bold;
	float: left;
	display: block;
	margin: 0 0 2px 0;
	font-size: 1.3em;
	text-decoration: none;
}

#barrenotes a.carrenoteint:hover {
	border: solid 1px #909090;
	background-color: #DADADA;
	text-decoration: none;
	padding: 2px 0 2px 0;
}

.noteint {
	color: #909090 !important;
}

/* notes autorisées*/
.note0 {
	color: #C00400 !important;
}

.note2 {
	color: #C00400 !important;
}

.note4 {
	color: #B71200 !important;
}

.note6 {
	color: #A92400 !important;
}

.note8 {
	color: #9E3300 !important;
}

.note10 {
	color: #944600 !important;
}

.note12 {
	color: #855A00 !important;
}

.note14 {
	color: #726E00 !important;
}

.note16 {
	color: #677F00 !important;
}

.note18 {
	color: #5A9000 !important;
}

.note20 {
	color: #539B00 !important;
}

/*barre affichage classement sur pages top*/
#barretop {
	margin: 0 auto;
}

#barretop a.carretop {
	border: solid 1px #B432BC;
	text-align: center;
	height: 16px;
	padding: 1px;
	font-weight: normal;
	float: left;
	display: block;
	margin-right: 0px;
	font-size: 1.2em;
	text-decoration: none;
}

#barretop a.carretop:hover {
	border: solid 1px #ffff00;
	color: #ffff00 !important;
	text-decoration: none;
}

#barretop a#first {
	margin-left: 10px;
}

#barretop a.carretopsel {
	border: solid 1px #ffff00;
	background-color: #ffc000;
	color: #75017f !important;
	text-align: center;
	height: 16px;
	padding: 1px;
	font-weight: bold;
	float: left;
	display: block;
	margin-right: 1px;
	margin-left: 1px;
	font-size: 1.2em;
	text-decoration: none;
}

/* progress bar de la barre de notes*/
.graph {
	position: relative;
	border: solid 1px #75017f;
	padding: 2px;
	background-color: #FCD897;
	margin-bottom: 2px;
}

.graph .bar,.graph .barsmall {
	display: block;
	position: relative;
	text-align: right;
	height: 1em;
	line-height: 1em;
	width: 0px;
}

.graph .barsmall {
	height: 0.6em;
	line-height: 0.6em;
}

.graph #commentaire,.graph #commentaire2 {
	color: #FFFFFF;
	white-space: nowrap;
}

.graph #commentaire2 {
	float: left;
	margin-top: -15px;
	height: 12px;
}

.graph .bar0 {
	background: #C00400;
	width: 1px;
}

.graph .bar2 {
	background: #C00400;
	width: 10%;
}

.graph .bar4 {
	background: #B71200;
	width: 20%;
}

.graph .bar6 {
	background: #A92400;
	width: 30%;
}

.graph .bar8 {
	background: #9E3300;
	width: 40%;
}

.graph .bar10 {
	background: #944600;
	width: 50%;
}

.graph .bar12 {
	background: #855A00;
	width: 60%;
}

.graph .bar14 {
	background: #726E00;
	width: 70%;
}

.graph .bar16 {
	background: #677F00;
	width: 80%;
}

.graph .bar18 {
	background: #5A9000;
	width: 90%;
}

.graph .bar20 {
	background: #539B00;
	width: 100%;
}

.graph .bar span {
	padding-right: 5px;
}

.graph strong {
	font-weight: normal;
}

div#autrephotos {
	width: 110px;
	float: left;
	text-align: center;
	padding-left: 7px;
}

div#autrephotos img {
	padding-bottom: 5px;
}

div#couleursperso {
	display: none;
}

/* spécialement pour Opera*/
div#couleursperso fieldset,div#selectionfiltre fieldset {
	width: 332px;
	margin-left: 5px;
}

/*******************PETITE BOITE*****************************/
#boiteh {
	background-color: #ffc000;
	background-image: url('images/cadre_petit_haut-haut.gif');
	background-repeat: repeat-x;
	background-position: top left;
	color: #75017f;
	margin-bottom: 10px;
}

#boiteb {
	background-image: url('images/cadre_petit_base_bas.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
}

#boiteb2 {
	background-image: url('images/cadre_petit_base_bas2.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
}

#boiteg {
	background-image: url('images/cadre_petit_base-gauche.gif');
	background-repeat: repeat-y;
	background-position: top left;
}

#boited {
	background-image: url('images/cadre_petit_base-droite.gif');
	background-repeat: repeat-y;
	background-position: top right;
}

#boitehg {
	background-image: url('images/cadre_petit_haut-coin_h-g.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

#boitehd {
	background-image: url('images/cadre_petit_haut-coin_h-d.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

#boitebg {
	background-image: url('images/cadre_petit_base-coin_b-g.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#boitebg2 {
	background-image: url('images/cadre_petit_base-coin_b-g2.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#boitebd {
	background-image: url('images/cadre_petit_base-coin_b-d.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#boitebd2 {
	background-image: url('images/cadre_petit_base-coin_b-d2.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#boitebd h3 {
	display: block;
	color: #75017F;
	margin: 0;
	padding: 5px 10px 0 10px;
	font-size: 1.1em;
	height: 15px;
	text-align: center;
}

#boitetexte {
	overflow: auto; /*permet d'avoir une scrollbar si ça dépasse*/
	padding: 0px 4px 0px 10px;
	margin-right: 6px;
	margin-top: 7px;
}

#boitebd a {
	color: #FFFFFF;
}

/*cuto news*/
#news {
	float: right;
	margin-left: 5px;
}

#news #boitebd {
	height: 140px;
	width: 250px;
}

#news h3 {
	text-align: center;
}

#news #boitetexte {
	height: 112px;
}

/* custo statsvotes*/
#statsvotes {
	float: left;
	margin-bottom: 55px;
}

#accesuid {
	float: left;
}

#accesuid #boitebd {
	width: 105px;
	height: 102px;
}

#accesuid label {
	width: 20px;
}

#accesuid input {
	width: 42px;
}

#accesuid select{
	width: 80px;	
}

#accesuid div.required {
	width: 80px;
}

#statsvotesvide {
	width: 92px;
	height: 110px;
	float: right;
	margin-right: -3px;
}

#statsvotes #boitebd {
	width: 105px;
	height: 110px;
}

#statsvotes small {
	text-align: center;
	display: block;
}

/*custo inscription*/
#inscription {
	float: left;
	margin-right: 5px;
}

#perminvalid {
	float: left;
	margin-left: 80px;	
}

#inscription #boitebd, #perminvalid #boitebd {
	height: 132px;
	width: 210px;
}

#inscription #boitetexte, #perminvalid #boitetexte {
	height: 75px;
}

#inscription a, #perminvalid a {
	display: block;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 2px 0;
	margin: 3px 6px 0 5px;
	color: #ff8600;
}

#inscription_vide {
	float: left;
	height: 110px;
	width: 210px;
}

/*custo minitop10*/
#minitop10 {
	float: left;
}

#minitop10 #boitebd {
	height: 105px;
	width: 657px;
}

#minitop10 #boitetexte {
	padding: 3px 0px 0px 9px;
	margin-right: 0;
}

/*custo photos membre accueil*/
#photosmembre {
	float: left;
}

#photosmembre #boitebd {
	height: 115px;
	width: 338px;
}

/*custo message conversation*/
#message #boitebd2 {
	padding-bottom: 6px;
	width: 560px;
	padding-top: 2px;
	margin-top: 0;
}

#message {
	float: left;
}

/* table message avec entete et pied*/
TABLE.message {
	padding: 0px;
	border: none;
	border-collapse: collapse;
	color: #75017f;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 6px;
}

TABLE.message thead td, TABLE.message tfoot td {
	text-align: center;
	font-weight: bold;
	border-left: solid 1px #FFE38F;
	padding: 0;
	height: 17px;
	padding-top: 3px;
	padding-bottom: 2px;
	vertical-align: bottom;
}

table.message tbody td {
	text-align: left;
	border-left: solid 1px #FFE38F;
	border-bottom: solid 1px #FFE38F;
	padding-top: 6px;
	padding-bottom: 6px;
	vertical-align: top;
}

TABLE.message td.first {
	border-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

div.coin_supprimer{
	margin-top: -3px;
	margin-right: -3px;
	height: 16px; 
	width: 16px;
	background-image: url('images/coin_supprimer2.png'); 
	background-repeat: no-repeat;
	/*float: right;*/
	position: relative;
	left: 113px;
	z-index: 10;
}

div.contact{
	float: left;	
}

#boitebd2 table.message tbody td {
	border-bottom: none;
}

table.message td {
	padding: 3px;
}

table.message td.numeric {
	text-align: right;
}

table.message td.messagenonlu {
	background-color: #FFE38F;
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
}

table.message td.centre {
	text-align: center;
}

table.message td.vide {
	background-color: #FFE38F;
}

table.message tbody a,table.message tbody a:visited,table.message tbody a:hover{
	color: #FFFFFF;
}

table.message tfoot a,table.message tfoot a:visited,table.message tfoot a:hover{
	color: #ff8600;
}

/* custo accesprofil */
#accesprofil {
	float: left;
}

#accesprofil #boitebd {
	width: 200px;
}

#accesprofil label {
	width: 60px;
}

#accesprofil input {
	width: 100px;
}

#accesprofil fieldset div.required {
	width: 181Px;
}

#accesprofil H3 {
	padding-bottom: 10px;
}

/* autre infos minitops */ /* photos du top 10 de la page d'accueil*/
div.minitop {
	padding-bottom: 1px;
	padding-top: 0px;
	padding-left: 1px;
	padding-right: 0px;
	margin-left: 3px;
	background-color: #FFE38F;
	text-align: center;
	width: 60px;
	height: 61px;
	line-height: 60px;
	float: left;
	display: table-cell;
	vertical-align: middle;
	border: none;
}

div.photoOnglet {
	margin-left: 0px;
	background-color: transparent;
}

div.minitopgd {
	padding: 2px;
	margin-left: 21px;
	background-color: #FFE38F;
	text-align: center;
	width: 100px;
	height: 101px;
	line-height: 100px;
	float: left;
	display: table-cell;
	vertical-align: middle;
	border: 2px solid #FFA800;
}

div.textephotogd {
	margin: 0;
	margin-left: 29px;
	width: 101px;
	display: block;
	float: left;
	padding: 0;
	padding-left: 3px;
	text-decoration: none;
}

div.minitop span, div.minitopgd span {
	display: inline-block;
	height: 1px;
}

/*div.minitop#first, div.minitopgd#first, div.textephotogd#first{*/
	/* est incorrect: sélecteur classe + id ne fonctionne pas dans IE6*/
div#first {
	margin-left: 0px;
}

div#clearleft {
	clear: left;
}

div#clearright {
	clear: right;
}

div.minitop img,div.minitopgd img {
	vertical-align: middle;
}

/* id photo sous la miniphoto du membre*/
a.idphoto {
	margin: 0;
	width: 63px;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	padding: 0;
	text-decoration: none;
}

div#progression {
	visibility: hidden;
	text-align: center;
	border: solid 1px #B432BC;
	width: 203px;
	margin-left: 142px;
}

/******************CADRE SIMPLE***********************************/
#cadreh {
	background-color: #ffc000;
	background-image: url('images/cadre_photo-haut.gif');
	background-repeat: repeat-x;
	background-position: top left;
	color: #75017f;
	margin: 0 auto;
	margin-bottom: 5px;
	width: 100%;
}

#cadreb {
	background-image: url('images/cadre_photo-bas.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
}

#cadreg {
	background-image: url('images/cadre_photo-gauche.gif');
	background-repeat: repeat-y;
	background-position: top left;
}

#cadred {
	background-image: url('images/cadre_photo-droit.gif');
	background-repeat: repeat-y;
	background-position: top right;
}

#cadrehg {
	background-image: url('images/cadre_photo-coin_h-g.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

#cadrehd {
	background-image: url('images/cadre_photo-coin_h-d.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

#cadrebg {
	background-image: url('images/cadre_photo-coin_b-g.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#cadrebd {
	background-image: url('images/cadre_photo-coin_b-d.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#cadretexte {
	padding: 10px;
}

#cadretexte a {
	color: #FFFFFF;
}

#top30 #cadretexte {
	text-align: center;
}

#selection #cadreh,#selection #cadrebd {
	width: 478px;
}

#selection #cadretexte {
	padding: 5px 10px 7px 10px;
}

#selectionadmin #cadreh,#selectionadmin #cadrebd {
	width: 400px;
	text-align: center;
}

#formwithoutnote #cadreh,#formwithoutnote #cadrebd {
	width: 380px;
	text-align: left;
}

#formwithoutnote #cadretexte {
	padding-bottom: 15px;
}

#formwithnote #cadreh,#formwithnote #cadrebd {
	width: 560px;
}

#formwithnote #cadretexte {
	padding-bottom: 15px;
}

/********************CADRE GRAND FORMULAIRE******************/
#formh {
	background-color: #ffc000;
	background-image: url('images/cadre_grand-haut.gif');
	background-repeat: repeat-x;
	background-position: top left;
	color: #75017f;
	margin: 0 auto;
}

#formb {
	background-image: url('images/cadre_grand-bas.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	width: 100%;
}

#formg {
	background-image: url('images/cadre_grand-gauche.gif');
	background-repeat: repeat-y;
	background-position: top left;
	width: 100%;
}

#formd {
	background-image: url('images/cadre_grand-droite.gif');
	background-repeat: repeat-y;
	background-position: top right;
}

#formhg {
	background-image: url('images/cadre_grand-coin_h-g.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 100%;
}

#formhd {
	background-image: url('images/cadre_grand-coin_h-d.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

#formbg {
	background-image: url('images/cadre_grand-coin_b-g.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#formbd {
	background-image: url('images/cadre_grand-coin_b-d.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#formbd h3 {
	display: block;
	color: #75017F;
	margin: 0;
	padding: 9px 10px 0 10px;
	font-size: 1.2em;
	height: 30px;
	text-align: left;
}

#formbd h3 a,#formbd h3 a:visited ,#formbd h3 a:hover{
	float: right;
	color: #ff8600;
}

#formbd h5 {
	background-image: url('images/cadre_grand-inter_titre.gif');
	background-repeat: repeat-x;
	background-position: top left;
	display: block;
	color: #75017F;
	margin: 0;
	padding: 11px 10px 0 10px;
	font-size: 1.2em;
	height: 30px;
	text-align: left;
	margin-right: -8px;
}

#formtexte {
	padding: 0px 3px 23px 9px;
	margin-right: 6px;
	clear: both;
}

#formtexte a {
	color: #FFFFFF;
}

#formtexte #ecrire_message a {
	color: #000000;
}

#forminscr #formbd,#forminscr #formh {
	width: 550px;
}

#forminscr #formtexte {
	padding-right: 12px;
}

#forminscr small.note {
	margin-left: 70px;
}

/*#forminscr p.error, #forminscr p.warning {
	margin-left: 8px;
}*/

#formnotes, #cadre1, #cadre2, #cadre3 {
	width: 663px;
	margin-left: -3px;
	margin-right: -3px;
	z-index: 0;
	position: relative;
	margin-top: -4px;
}

#formnotes h5 {
	margin-right: 1px;
}

#formnotes #formbd h3, #cadre1 h3,#cadre2 h3, #cadre3 h3 {
	padding: 8px 10px 0 10px;
	vertical-align: middle;
	line-height: 14px;
}

#forminscrsansnote #formbd,#forminscrsansnote #formh {
	width: 380px;
}

/*#forminscrsansnote p.error, #forminscrsansnote p.warning {
	margin-left: 8px;
	margin-right: 8px;
}*/

#formlogin #formbd,#formlogin #formh {
	width: 257px;
}

/* pour IE*/
#formlogin div.required {
	width: 235px;
}

#formlogin input {
	width: 120px;
}

#formlogin label {
	width: 90px;
}

#formlogin div.submit {
	width: 240px;
}

/********************CADRE PHOTO PRECEDENTE******************/
#photoprech {
	background-image: url('images/panneau-dern_photo-haut.gif');
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 7px;
}

#photoprecmh {
	background-image: url('images/panneau-dern_photo-jaune.gif');
	background-repeat: repeat-y;
	background-position: top left;
}

#photoprecmb {
	background-image: url('images/panneau-dern_photo-blanc.gif');
	background-repeat: repeat-y;
	background-position: top left;
}

#photoprecb {
	background-image: url('images/panneau-dern_photo-bas.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 13px;
	padding-top: 5px;
	padding-left: 30px;
	color: #75017f;
}

#photoprecb b {
	color: #F9A50E;
}

#photoprecb div.graph {
	clear: none;
	width: 110px;
	margin-top: 5px;
	background-color: #DBDBDB;
}

#colonne_gauche{
	float: left;
	width: 239px;
	margin-right: 7px;
}

#liste_rencontres { 
	float: left;
	width: 239px; 
	overflow-y: auto; 
	overflow-x: hidden;
}

#liste_rencontres #boitebd, #liste_rencontres #boiteh{
	width: 228px;
}

#liste_rencontres #boitebd{
	padding-bottom: 6px;
	padding-top: 0px;
}

#liste_rencontres tbody td {
	padding-top: 3px;
	padding-bottom: 3px;
}

table.commun tbody td.first {
	padding: 0px;
}

#liste_rencontres thead td{
	padding-bottom: 0px;
	padding-top: 0px;
	height: 23px;
	border-bottom: solid 2px transparent;
}

#infos_messages{
	float: left;
	/*width: 418px;*/
	width: 408px;
}

#infos_messages table.commun {
	margin: 0;
	width: 100%;
}

#infos_messages table.commun tbody td{
	padding-top: 1px;
	padding-bottom: 1px;
}

#vignettes #boitebd{
	padding-bottom: 6px;
}

#vignettes table{
	width: 646px;
}

#vignettes thead td{
	padding-top: 5px;
	padding-bottom: 3px;	
}

#vignettes tbody td{
	padding-top: 3px;
	padding-bottom: 3px;	
}

#vignettes td.statut{
	border-left: solid 1px #FFE38F;
	padding-left: 0px;
	padding-right: 0px;	
}

#messagerecu{
	overflow: auto;
	width: 517px;
	height: 150px;
	background-color: #FFE38F;
	padding: 5px;
}

#cadreprofil{
	width: 663px;
	margin-left: -3px;
	margin-right: -3px;
	z-index: 0;
	position: relative;
	margin-top: -4px;
}

#cadreprofil h5, #cadre2 h5, #cadre3 h5 {
	margin-right: 1px;
}

#cadreprofil #first, #cadre2 #first, #cadre3 #first {
	margin-left: 10px;
}

textarea#texte,textarea#annonce,textarea#message_box {
	padding: 2px;
	font-size: 1.1em;
	width: 515px;
	margin-left: 5px;
}

#annonceAValider {
	padding: 5px;
}
#annonceAValider table.commun{
	margin-left: 5px;
	float: right;
}

/* ######################## ADDTHIS ######################## */
.addthis_toolbox .vertical {
	width: 150px;
	padding: 0px 0 0px 10px;
	/*border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}

.addthis_toolbox .vertical a { /*width: 102px;*/
	padding: 2px 0 2px 34px;
	position: relative;
	display: block;
	text-decoration: none;
	/*color: blue;*/
}

/*.addthis_toolbox .vertical a:hover
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    text-decoration: none;
}*/
.addthis_toolbox .vertical span {
	position: absolute;
	left: 14px;
	top: 4px;
}

.addthis_toolbox .vertical .more {
	border-top: solid 1px #eee;
	padding: 10px 0 0 0;
	margin: 10px 10px 0 10px;
	text-align: center;
}

.addthis_toolbox .vertical .more a {
	padding: 4px 0;
	margin: 0;
}

.addthis_toolbox .vertical .more span {
	display: none;
}

/* bloc actualité sur page accueil membre*/
table.actualite{
	padding-right: 3px;
	padding-left: 3px;
}


div.notification{
	border-top: solid 1px #FFC000;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0 5px 0 10px;
}

div#reponses div{
	display: none;	
}

div.tchatpartout{
	border-top: solid 2px #FFC000; 
	padding-top: 10px; 
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
}
div.tchatpartout H3{
	margin: 0;
}

div.logoext{
	background-color: white;
	border: solid 1px grey;
	width: 120px;
	height: 56px;
	float: left;
	margin-left: 7px;
	margin-bottom: 7px;
}
div.logoext img{
	width: 120px;
}