/*********************************************/
/********** DÉCOUPE JEUXTRADE.COM **********/
/********** BY WEBAZ.ORG *********************/
/*********************************************/

body {
text-align: center;
margin : auto;
padding : 0;
font-size: 12px;
color : #323030;
font-family: Arial, Helvetica, sans-serif;
background : #e9e9e9 url('/images/fond_haut.png') repeat-x top;
}

td {
font-size: 12px;
}

img {
border: 0;
}

form {
margin: 0;
padding: 0;
}



.clear {
clear: both;
}

.gauche {
float: left;
margin: 0 12px 8px 0;
}

.droite {
float: right;
margin: 0 0 8px 12px;
}

.no_border {
border: none;
background: none;
padding: 0;
}

input, textarea , select {
font-family : Verdana, Arial, Helvetica, sans-serif;
padding : 3px;
color: #038ba8;
font-size : 11px;
border : 1px solid #a5e4f2;
font-weight: normal;
background : #a5e4f2;
}


/******************** LIENS ********************/ 

a {
color: #10a7c6;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #10a7c6;
font-weight: bold;
text-decoration: underline;
}

#menu_haut ul { 
list-style-type : none;
margin: 0;
padding: 0 0 0 14px;
}

#menu_haut li { 
float : left;
}

#menu_haut li a {
padding: 8px 18px 8px 18px;
display : block;
color : #FFFFFF;
text-decoration: none;
font-weight:bold;
background : url('/images/menu_haut_lien.png') repeat-x;
margin-right: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#menu_haut li a:hover { 
color : #FFFFFF;
text-decoration: underline;
}

.footer_top a {
display: block;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
padding: 2px 20px 2px 20px;
}

.footer_top a:hover { 
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

.footer_copyright .texte a {
display: block;
color: #FFFFFF;
font-weight: normal;
font-size: 16px;
text-decoration: none;
padding: 3px 0 3px 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.footer_copyright .texte a:hover { 
color: #FFFFFF;
font-weight: normal;
text-decoration: underline;
}

/******************** LIENS ********************/ 





/******************** DESIGN ********************/ 

.global {
text-align: left;
margin: auto;
width: 1131px;
}

		#header {
		height: 219px;
		position: relative;
		}
		
			#pas_encore_inscrit {
			width: 257px;
			height: 38px;
			position: absolute;
			right: 0px;
			bottom: 13px;
			}
		
			#connexion {
			width: 209px;
			height: 138px;
			background : url('/images/connexion.png') no-repeat;
			position: absolute;
			right: 24px;
			top: 21px;
			}
		
				#connexion form {
				color: #FFFFFF;
				font-weight: bold;
				padding: 4px 24px 0 24px;
				line-height: 21px;
				}
			
					#connexion form .input {
					width: 154px;
					}
			
					#connexion form .bouton {
					border: none;
					background: none;
					padding: 0;
					margin-top: 10px;
					}
			
			#mon_credit {
			width: 247px;
			height: 125px;
			background : url('/images/mon_credit.png') no-repeat;
			position: absolute;
			right: 23px;
			top: 45px;
			}
		
				#mon_credit p {
				margin: 0;
				color: #1c1c19;
				font-weight: bold;
				font-size: 20px;
				padding: 65px 128px 0 20px;
				text-align: right;
				}
		
		#container {
		font-size: 11px;
		font-family: Verdana, Geneva, sans-serif;
		min-height: 200px;
		padding: 10px 0 30px 0;
		}
		
			#container_contenu {
			width: 1088px;
			}
		
				#container_contenu .bloc {
				clear:both;
				padding: 12px 20px 14px 20px;
				background: #FFFFFF;
				}
				
				#container_contenu .bloc2 {
				clear:both;
	
				}
		
					#container_contenu .bloc_gauche {
					float: left;
					width: 772px;
					background: #FFFFFF;
					position: relative;
					left: 22px;
					}
		
						#container_contenu .bloc_gauche .accueil_icone {
						float: left;
						position: relative;
						left: -23px;
						margin-right: -8px;
						}
		
						#container_contenu .bloc_gauche #accueil_inscription {
						float: right;
						width: 241px;
						height: 422px;
						background: #FFFFFF;
						margin-left: 20px;
						}
		
					#container_contenu .bloc_droite {
					float: right;
					width: 300px;
					background: #FFFFFF;
					position: relative;
					left: 26px;
					}
		
						#container_contenu .bloc_droite .titre {
						padding: 4px 4px 10px 4px;
						}
		
						#container_contenu .bloc_droite .statistiques {
						color: #656464;
						background : url('/images/puce.png') no-repeat left center;
						margin: 4px 20px 8px 20px;
						padding: 2px 0 2px 14px;
						}
		
							#container_contenu .bloc_droite .statistiques span {
							font-size: 16px;
							font-weight: bold;
							font-family: Arial, Helvetica, sans-serif;
							}
			
						#container_contenu .bloc_droite .connectes {
						text-align: center;
						margin: 0;
						padding: 0 5px 6px 5px;
						}
		
							#container_contenu .bloc_droite .connectes img {
							padding: 2px;
							}
		
		#footer {
		background: #0099ba;
		padding: 8px 0 8px 0;
		}

			.footer_espace {
			float: left;
			width: 203px;
			height: 180px;
			}

			.footer_top {
			float: left;
			background: #00a5ce;
			height: 180px;
			width: 270px;
			margin-right: 3px;
			}

				.footer_top .titre {
				padding: 4px 4px 10px 4px;
				}
	
				.footer_top .texte {
				margin: 0;
				padding: 0 20px 0 20px;
				font-weight: bold;
				color: #FFFFFF;
				line-height: 19px;
				}

			.footer_copyright {
			float: left;
			background: #008bab;
			height: 180px;
			width: 270px;
			position: relative;
			}
	
				.footer_copyright .texte {
				color: #FFFFFF;
				padding: 16px 30px 0 30px;
				margin: 0;
				}
		
				.footer_copyright .copyright {
				color: #FFFFFF;
				margin: 0;
				position: absolute;
				bottom: 6px;
				right: 14px;
				font-weight: bold;
				font-size: 11px;
				}


/******************** DESIGN ********************/ 
h1 { 
font-size:10pt;
font-weight:bold;
color:#00A5CE;
border-bottom:1px solid #00A5CE;
} 

h2 { 
font-size:10pt;
font-weight:bold;
color:#00A5CE;
border-bottom:1px dotted #00A5CE;
}

h3 { 
font-size:9pt;
font-weight:bold;
background:#f4f4f4;
padding:4px;
font-size:8pt;
color:#555;
border-bottom:1px dotted #00A5CE;
}

flieldset {
border:1px dotted #00A5CE;
}

.alerte { 
border:1px solid #cc0000;
font-weight:bold;
color:#cc0000;
padding:6px;
margin-bottom:12px;
}

.alerte_ok { 
border:1px solid #00a650;
font-weight:bold;
color:#00a650;
padding:6px;
margin-bottom:12px;
}

.info { 
border:1px solid #00A5CE;
padding:6px; 
margin-bottom:12px;
}

.cell1 { background:#f8f8f8; }
.cell2 { background:#f4f4f4; }
.cell3 { background : #a5e4f2; }

.minilabel {
width:120px;
border-bottom:1px solid #a5e4f2;
}

input, textarea, select {
padding:2px;
margin:1px 0;
}

textarea {
width:98.5%;
} 

select {
padding:1px;
}

fieldset {
margin-bottom:25px;
}

fieldset p {
margin-bottom:12px;
}

label {
width:320px;
margin-top:6px;
display:inline;
float:left;
}

table {
width:100%;
margin-bottom:5px;
}

.celltab {display:block; overflow:hidden;}
.cell_g {float:left;}
.cell_d {float:right;}


.bold {font-weight:bold;}
.italic {font-style:italic;}
.left {text-align:left;}
.center {text-align:center;}
.justify {text-align:justify;}
.right {text-align:right;}
.souligne {text-decoration:underline;}
.barre {text-decoration:line-through;}
.trans {background:transparent;} 
.zero {border:0; margin:0; padding:0; background:transparent;} 
.group {width:100%;}
.drag {cursor:pointer; position:relative;}

th {
padding:4px;
font-weight:bold;
text-align:center;
background:#ccc;
}

td {
padding:4px;
}

.radio_box {
display:block;
width:98.5%;
clear:both;
margin:0;
}

.rouge {
border : 1px solid red;
}

.vert {
border : 1px solid green;
}