/* -----------------------------------------------------------------------------
Elements de Page */

* { margin: 0; padding: 0; }

html { height: 100%; }

body {

	height: 100%;
	font-family: verdana, arial, sans-serif;
	font-size: 80%;
	color: #ffffff;
	background: #1d1017 url(./body_b.jpg) no-repeat 50% 0;
}


ul, li {

	list-style-type: none;
}

img {

	border: 0;
	vertical-align: top;
}

a { color: #008cdc; text-decoration: none; }
a:hover { color: #91d1f5; }

label, .submit { cursor: pointer; }

/* -----------------------------------------------------------------------------
Structure de la Page  */
#all2 {

	position: relative;
	width: 904px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	padding: 0 48px 30px 48px;
	background: url(./all2_b.jpg) repeat-y 50% 0;
}

#all {

	position: relative;
	width: 904px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	padding: 0 48px 30px 48px;
	background: url(./all_b.jpg) repeat-y 50% 0;
}


/* -----------------------------------------------------------------------------
Speedbar */
#speedbar { width: 867px; height: 40px; padding: 0 0 0 38px; background: url(./speedbar_b.jpg) no-repeat 0 0; }
	#speedbar li { float: left; width: 133px; height: 28px; margin: 0 2px 0 0; text-align: center; line-height: 30px; }
	#speedbar li a span { color: #787475; }
	#speedbar li a  {
	color: #0099FF;
}
	
/* -----------------------------------------------------------------------------
Gauche */
#left { float: left; width: 226px; }

	#login fieldset { width: 225px; height: 153px; margin: 0 0 6px 0; border: 0; background: url(./login_b.jpg) no-repeat 0 0; }
	#login2 fieldset { width: 225px; height: 153px; margin: 0 0 6px 0; border: 0; background: url(./login2_b.jpg) no-repeat 0 0; }
	#login #pseudo { position: absolute; margin: 35px 0 0 0; }
		#login #pseudo img{ margin: 5px 0 0 23px; }
		#login #pseudo input { width: 108px; margin: 0 0 0 16px; border: 0; background: none; color: #ffffff; }
	#login #passwd { position: absolute; margin: 70px 0 0 0; }
		#login #passwd img{ margin: 5px 0 0 37px; }
		#login #passwd input { width: 108px; margin: 0 0 0 16px; border: 0; background: none; color: #ffffff; }
	#login .submit { position: absolute; margin: 104px 0 0 172px; }
	#login #register { position: absolute; margin: 102px 0 0 10px; }
	
	#left .bloc { width: 100%; margin: 0 0 6px 0; background: url(./nav_top_b.jpg) no-repeat 50% 30px; }
	#left .bloc h2 { height: 26px; background: url(./left_title_b.jpg) no-repeat 0 0; text-align: center; text-transform: uppercase; color: #ffffff; font-size: 0.9em; line-height: 25px; }
	#left ul {
	
		width: 197px;
		margin: 12px 0 0 14px;
		padding: 0 0 10px 0;
		background: #1e1319 url(./nav_bottom_b.jpg) no-repeat 50% 100%;
		border-left: 1px solid #24171e;
		border-right: 1px solid #24171e;
	}
	#left ul li { width :191px; height: 28px; margin: 0 auto; background: url(./left_link_b.jpg) no-repeat 0 0; text-indent: 10px; line-height: 30px; }
	#left li a span { color: #787475; }
	#left li a  {
	color: #0099FF;
}
	
	#left .bloc p {
	
		width: 187px;
		margin: 12px 0 0 14px;
		padding: 0 5px 10px 5px;
		background: #1e1319 url(./nav_bottom_b.jpg) no-repeat 50% 100%;
		border-left: 1px solid #24171e;
		border-right: 1px solid #24171e;
	}
	
	
/* -----------------------------------------------------------------------------
Droite */
#right { float: right; width: 226px; margin: 0 0 0 0; }	

	#right .bloc { width: 100%; margin: 0 0 6px 0; background: url(./nav_top_b.jpg) no-repeat 50% 30px; }
	#right .bloc h2 { height: 26px; background: url(./right_title_b.jpg) no-repeat 0 0; text-align: center;  text-transform: uppercase; font-size: 0.9em; line-height: 25px; }
	#right .bloc p {
	
		width: 187px;
		margin: 12px 0 0 14px;
		padding: 0 5px 10px 5px;
		background: #1e1319 url(./nav_bottom_b.jpg) no-repeat 50% 100%;
		border-left: 1px solid #24171e;
		border-right: 1px solid #24171e;
	}
	
/* -----------------------------------------------------------------------------
Contenu */
#content { width: 425px; margin: 30px 0 0 235px; }

	#content .bloc_news { width: 100%; background: url(./content_repeat_b.jpg) repeat-y 100% 0; }
	#content .bloc { width: 100%; padding: 0 0 15px 0; background: url(./content_bottom_b.jpg) no-repeat 100% 100%; border-bottom: 6px solid #1b1016; }
	#content .bloc .back { min-height: 223px; height: auto !important; height: 223px; background: url(./content_first_b.jpg) no-repeat 0 38px; }
	#content .bloc h2 { height: 38px; background: url(./content_top_b.jpg) no-repeat 0 0; text-indent: 45px; font-size: 1.1em; line-height: 48px; }
	#content .bloc p { padding: 10px 15px 0 15px; text-align: justify; }
	
#stats { width: 100%; height: 106px; background: url(./stats_b.jpg) no-repeat 0 0; }
	#stats .left { float: left; width: 160px; padding: 14px 0 0 45px; }
	#stats .left li { height: 20px; margin: 0 0 8px 0; }
	
	#stats .right { float: right; width: 160px; padding: 14px 36px 0 0; }
	#stats .right li { height: 20px; margin: 0 5px 8px 0; text-align: right; }

#content2 { width: 651px; margin: 30px 0 0 235px; }

	#content2 .bloc_news { width: 100%; background: url(./content_repeat2_b.jpg) repeat-y 100% 0; }
	#content2 .bloc { width: 100%; padding: 0 0 15px 0; background: url(./content_bottom_2_b.jpg) no-repeat 100% 100%; border-bottom: 6px solid #1b1016; }
	#content2 .bloc .back { min-height: 223px; height: auto !important; height: 223px; background: url(./content_first2_b.jpg) no-repeat 0 38px; }
	#content2 .bloc h2 { height: 38px; background: url(./content_top2_b.jpg) no-repeat 0 0; text-indent: 45px; font-size: 1.1em; line-height: 48px; }
	#content2 .bloc p { padding: 10px 15px 0 15px; text-align: justify; }
	
#stats2 { width: 100%; height: 106px; background: url(./stats2_b.jpg) no-repeat 0 0; }
	#stats2 .left { float: left; width: 160px; padding: 14px 0 0 160px; }
	#stats2 .left li { height: 20px; margin: 0 0 8px 0; }
	
	#stats2 .right { float: right; width: 160px; padding: 14px 150px 0 0; }
	#stats2 .right li { height: 20px; margin: 0 5px 8px 0; text-align: right; }
	

/* -----------------------------------------------------------------------------
Gallerie */
#gallery {

	position: absolute;
	top: 246px;
	width: 647px;
	height: 74px;
	margin: 0 0 0 236px;
	padding: 9px 0 0 19px;
	background: url(./gallery_b.jpg) no-repeat 0 0;
	overflow: hidden;
}

	 #gallery li { display: inline; margin: 0 12px 0 0; }
/* -----------------------------------------------------------------------------
Footer */
#both { clear: both; visibility: hidden; }

#footer {

	position: absolute;
	width: 905px;
	bottom: 0;
	padding: 5px 0;
	background: url(./footer_b.jpg) repeat-y 0 0;
	text-align: center;
	font-size: 0.8em;
}
	#footer  a { color: #ffffff; }
	
/*---------------------------------------------------------------------------
Formulaires*/

.label {
	color: #FFFFFF;
	font-weight:bold;
	background: none;
}

.input {
	width: 180px;
	height:12px;
	padding-top:4px;
	border: 1px dotted #008cdc;
	color: #000000;
	text-align:center;
	padding:3px;
	background-color:none;
	font-size: 12px;
	background: #008cdc;
}
.formu {
	height:12px;
	padding-top:4px;
	border: 1px dotted #008cdc;
	color: #000000;
	text-align:center;
	padding:3px;
	background-color:none;
	font-size: 12px;
	background: #008cdc;
}
	

#submit {
	width: 100px;
	border: 1px dotted #008cdc;
	color: #000000;
	text-align:center;
	font-size: 10px;
	background: #ffffff;
	padding: 2px;
}
#select {
	border: 1px dotted #ff1f73;
	color: #000000;
	text-align:center;
	font-size: 12px;
	background: #008cdc;
	padding: 2px;
}


textarea {
	width: 320px;
	padding:3px;
	color: #000000;
	border: 1px dotted #008cdc;
	font-size: 12px;
	background: #008cdc;
}

fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

span.fr{

background:url(./images/flags/fr.gif) no-repeat;
}