body{
	margin: 0;
	font-size: 0.75em;
	font-family: Arial, Helvetica, 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/header.jpg');
	background-repeat: no-repeat;
	background-position: right;
	height: 99px;
	border: none;
}

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

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

/*boite supplémentaire cse position relative différente ds IE et FF*/
#conteneurliens{
	float: left;
	height: 99px;
	width: 700px;;
}

#lienconnection{
	border: none;
	position: relative;
	left: 163px;
	top: 58px;
	display: block;
	width: 158px;
	height: 25px;
}

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

#lieninscription{
	border: none;
	position: relative;
	left: 345px;
	top: 33px;
	display: block;
	width: 143px;
	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: 21px;
		display: block;
		height: 28px;
		font-size: 1.2em;
		font-weight: bold;
		background-image: url('images/menu_section-titre.gif');
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	/*liste des items du menu*/
	div.menu ul{
		list-style-type: none;
		margin: 0;
		padding: 0 0 0 20px;
		font-size: 1.2em;
	}
	
	/*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;
	}

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

	/*bannière de pub 468x60*/
	#banner{
		margin: 0 auto 10px auto;
		height: 60px;
		width: 468px;
	}
	
	/*titre de la page*/
	#page H2, #cadre500 H2{
		text-align: center;
		margin: 0 0 10px 0;
		padding: 0;
		color: #FFCE26;
		font-size: 1.5em;
		font-weight: normal;
		font-style: italic;
	}
	
	/* 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;
}

	#pied small{
		font-size: 0.8em;
	}

/*********************** 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 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: bold;
}

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;
}

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

form div img {
  border: none;
}

p.error {
  background-color: rgb(255,196,197);
  background-image: url(images/icon_error.gif);
  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 0 5px 0;
}

#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{
	width: 328px;
}

/*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 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;
	cursor: pointer;
	cursor: hand;
}

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;
}

/*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{
		background-color: #FFFFFF;
	  text-align: center;
	  font-weight: bold;
		border-left: solid 1px #FFE38F;
	}
	
	TABLE.commun thead 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;
	}
	
	/*pour IE*/
	table.commun input#raison{
		background-color: transparent;
		border: none;
	}
	
	table.commun a, table.commun a:hover{
		color: #FFFFFF;
	}


/* 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{
		cursor: pointer;
		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 #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 #ongletfond{
		background-image: url('images/onglet_violet-fond.gif');
		background-repeat: repeat-x;
		background-position: top left;
		height: 25px;
		float: left;
		z-index: 2;
	}
	
	#onglettexte{
		text-align: center;
		padding: 7px 15px 0 15px;
		z-index: 2;
	}
	
	#onglets a:hover #onglettexte{
		text-decoration: underline;
	}
	
	/*#onglets a:hover #ongletgauche*/
	#onglets .selected #ongletgauche{
		background-image: url('images/onglet_jaune-g.gif');
		background-repeat: no-repeat;
		background-position: top left;
		height: 25px;
	}
	
	/*#onglets a:hover #ongletdroite*/
	#onglets .selected #ongletdroite{
		background-image: url('images/onglet_jaune-d.gif');
		background-repeat: no-repeat;
		background-position: top right;
		height: 25px;
	}
	
	/*#onglets a:hover #ongletfond*/
	#onglets .selected #ongletfond{
		background-image: url('images/onglet_jaune-fond.gif');
		background-repeat: repeat-x;
		background-position: top left;
		height: 25px;
	}
	
	/*#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;
}

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;
	cursor: pointer; /*pour IE*/
	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;
	cursor: pointer; /*pour IE*/
	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;
	width: 19px;
	height: 20px;
	padding: 6px 0 0 0;
	font-weight: bold;
	float: left;
	display: block;
	margin: 0 0 2px 0;
	cursor: pointer; /*pour IE*/
	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: 12px;
}

#barretop a.carretopsel{
	border: solid 1px #ffff00;
	background-color: #ffc000;
	color: #75017f!important;
	text-align: center;
	width: 19px;
	height: 20px;
	padding: 6px 0 0 0;
	font-weight: bold;
	float: left;
	display: block;
	margin: 0 0 2px 0;
	cursor: pointer; /*pour IE*/
	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: 100px;
	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{
	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;
}

#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;	
}

#boitebd{
	background-image: url('images/cadre_petit_base-coin_b-d.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;
}

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

#news h3{
	text-align: left;
}

#news #boitetexte{
	height: 112px;
}

/* custo statsvotes*/
#statsvotes{
	float: right;
	margin-right: -3px;
}

#statsvotesgauche{
	width: 89px;
	height: 110px;
	float: left;
}

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

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

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

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

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

#inscription #boitetexte{
	height: 75px;
}

#inscription a{
	color: #ff8600;
}

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

/*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;
}

/* 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;
	cursor: pointer; /* à cause du lien pour IE*/
	display: table-cell;
	vertical-align: middle;
	border: none;
}

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

div.minitop#first{
	margin-left: 0px;
}

div#clearleft {
	clear: left;
}

div#clearright{
	clear: right;
}

div.minitop 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: 480px;
	text-align: center;
}

#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 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;
}

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

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

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

#forminscr p.error{
	margin-left: 8px;
}

#formnotes, #cadre1, #cadre2{
	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{
	padding: 8px 10px 0 10px;
	vertical-align: middle;
	line-height: 14px;
}

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

#forminscrsansnote p.error{
	margin-left: 8px;
	margin-right: 8px;
}


/********************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;
}