/* CSS JScrollPane */

a.jScrollArrowUp {
	background: url(../img/jscrollpane/basic_arrow_up.gif) repeat-x 0 0;
}

a.jScrollArrowDown {
	background: url(../img/jscrollpane/basic_arrow_down.gif) repeat-x 0 0;
}

a.jScrollArrowUp:hover, a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

div#content {
	margin: 10px 240px 1px 260px;
	padding: 0;
	height: 391px;
	text-align: justify;
	color: white;
}

div#bigContent {
	margin: 10px 240px 1px 260px;
	padding: 0;
	height: 491px;
	text-align: justify;
	color: white;
}

#pane {
	padding: 0 3px 0 0;
	margin: 0 0 0 2px;
	height: 450px;
	overflow: auto;
	background: transparent;
}

div#content div#pane {
	height: 356px;
}

div#bigContent div#pane {
	height: 456px;
}

#bigContent .jScrollPaneDrag, #content .jScrollPaneDrag {
	background: url(../img/jscrollpane/scrollbar_middle.gif) repeat-y 0 50%;
}
#bigContent .jScrollPaneDragTop, #content .jScrollPaneDragTop {
	background: url(../img/jscrollpane/scrollbar_end.gif) no-repeat;
	height: 1px;
}
#bigContent .jScrollPaneDragBottom, #content .jScrollPaneDragBottom {
	background: url(../img/jscrollpane/scrollbar_end.gif) no-repeat;
	height: 1px;
}
#bigContent a.jScrollArrowUp, #content a.jScrollArrowUp {
	height: 9px;
	background: url(../img/jscrollpane/scrollbar_up.gif) no-repeat 0 0;
}
#bigContent a.jScrollArrowDown, #content a.jScrollArrowDown {
	height: 9px;
	background: url(../img/jscrollpane/scrollbar_down.gif) no-repeat 0 0;
}
#bigContent a.jScrollArrowUp:hover, #content a.jScrollArrowUp:hover,
#bigContent a.jScrollArrowDown:hover, #content a.jScrollArrowDown:hover {
	background-position: 0 -9px;
}
#bigContent a.jScrollActiveArrowButton, #bigContent a.jScrollActiveArrowButton:hover, 
#content a.jScrollActiveArrowButton, #content a.jScrollActiveArrowButton:hover {
	background-position: 0 -18px;
}

/* PARTENAIRES */
div#partners {
	margin: 0;
	text-align: center;	
}

div#partners img {
	margin: 5px;
}

div#partners table {
	margin: 0 auto;
	padding: 10px 0 10px 0;
	background: white;
	border-collapse: collapse;
	border-spacing: 0;
}

/* TITRE SCOLAIRE */
img#title {
	display: block;
	border: 1px solid red;
	height: 82px;
}

/* CITATION */
div.quote_begin {
	margin: 0 auto 1em auto;
	background: url(../img/template/quote_begin.gif) no-repeat top left;
	width: 490px;
}

div.quote_end {
	margin: 0 0 1em 0;
	padding: 2px 25px 0 25px;
	font-style: italic;
	color: #dfe9f7;
	background: url(../img/template/quote_end.gif) no-repeat bottom right;
}

/* PAGE DE CONNEXION */
table#connexion {
	margin: 100px auto;
}

table#connexion td.label {
	text-align: right;
	width: 7em;
}

table#connexion td.field {
	text-align: left;
}

table#connexion div.submit {
	text-align: right;
}

/* IDENTIFICATION POSTIER */
div.postman {
	text-align: center;	
}

div.postman form {
	display: block;
	margin: 50px 0 0 0;
}

div.postman label {
	font-weight: bold;
	margin: 0 5px;
}

div.postman div.submit {
	margin: 25px 125px 0 0;
	text-align: right;	
}

div.postman div.submit input:hover {
	margin: 0 5px 0 0;	
}

/* PAGE DE REMERCIEMENT */
div.thanks {
	text-align: center;	
}

div.thanks h2 {
	margin: 50px 0 0 0;	
}

/* PAGE D'INSCRIPTION */

form div.errors {
	padding: 5px 0;
	font-weight: bold;
	text-align: center;
	border: 1px dashed white;
}

table#inscription {	
	margin: 1em 0 0 0;
	border-collapse: collapse;
	border-spacing: 0;
	width: 460px;
}

table#inscription td {
	padding: 3px;
}

table#inscription td.label {
	text-align: right;
	font-weight: bold;
	width: 10em;
}

table#inscription td.field input {
	width: 100%;
}

table#inscription td.zip_code {
	width: 5em;
}

table#inscription td.zip_code input {
	width: 4em;
}

table#inscription td.city {
	width: 2em;
}

table#inscription td.cityfield {
	width: 12em;
}

table#inscription td.newsletter {
	margin: 0;
	padding: 0.8em 0 1em 0;
	text-align: right;
}

table#inscription td.newsletter input {
	margin: 0 5px 0 0;
	padding: 0;
	width: 10px;
}

form#UserprivateRegisterForm div.submit,
form#UserpostmanRegisterForm div.submit,
form#UserschoolarRegisterForm div.submit{
	margin: 0 0 0 5px;	
	padding: 0;
	width: 460px;
	text-align: right;	
}

form#UserprivateRegisterForm div.submit input:hover,
form#UserpostmanRegisterForm div.submit input:hover,
form#UserschoolarRegisterForm div.submit input:hover {
	margin: 0 5px 0 0;	
}

form#UserprivateRegisterForm em,
form#UserpostmanRegisterForm em,
form#UserschoolarRegisterForm em{
	padding: 0;
	margin: 0;
	color: red;	
}

div#laws {
	font-size: 10px;	
}

div#laws span {
	display: block;
	font-weight: bold;	
}

div#laws div {
	margin: 10px 0 0 0;
	display: block;	
}

/* VUE D'UN ARTICLE */

div#content div.left, div#bigContent div.left {
	float: left;
	margin: 4px 8px 0px 2px;
}

div#content div.right, div#bigCntent div.right {
	float: right;	
	margin: 4px 2px 0px 8px;
}

/* TYPE DE VISITEUR */
div#type {
	margin: 125px 0 0 0;
	display: block;
	text-align: center;	
}

div#type * {
	display: inline;
	padding: 0 2px;
	background: transparent;
}

/* GALERIE DE TIMBRES */
form#StampVoteForm div#bigContent {
	height: 530px;
}

form#StampVoteForm div#pane {
	height: 452px;
}

form#StampVoteForm table {
	margin: 0 auto;	
	border-spacing: 3px 1px;
	vertical-align: top;
}

form#StampVoteForm td {
	width: 119px;
	padding: 1px;
}

div.stamp {
	margin: 0;
	padding: 0;
	height: 118px;
	width: 118px;
	text-align: center;
	background: url(../img/template/stamp.gif) no-repeat top left transparent;
}

div.stamp_selected {
	margin: 0;
	padding: 0;
	height: 118px;
	width: 118px;
	text-align: center;
	background: url(../img/template/stamp_selected.gif) no-repeat top left transparent;
}

div.stamp img, div.stamp_selected img {
	margin: 7px;
	padding: 0;
	height: 104px;
	width: 104px;
}

div.stamp_name {
	display: block;
	height: 2.3em;
	padding: 0 0 5px 0;
	margin: 0;
	text-align: left;
}

form#StampVoteForm div.submit {
	margin: 7px 5px 0 5px;
	text-align: right;
}

form#StampVoteForm div.submit input.enabled:hover {
	margin: 0 5px 0 0;
}

/* JEU */
div.game {
	text-align: center;	
}

div.game label.question {
	display: block;
	font-weight: bold;
	font-size: 110%;
	padding: 2em 0 0.5em 0;	
}

div.game input[type=radio] {
	margin: 0 3px 0 25px;
}

div.game div.submit {
	margin: 30px 35px 0 0;
	text-align: right;
}

div.game div.submit input:hover {
	margin: 0 5px 0 0;
}