/********/
/* corps de page */
/********/
.body, body {
	background:url(/images/bg.jpg) repeat-x;
	background-color: #c1b1a1;
	margin:0px;
	padding:0px;
   	margin-left: auto;
   	margin-right: auto;
	
}

/********/
/* tete de page */
/********/

#header {
	margin:0 auto 0 auto;
	width:980px;
	height:200px;
	font-family:Arial, Helvetica;
	font-weight:bold;
	background:url(/images/fond_header.jpg) no-repeat;
}

#logo {
	float:left;
	display:block;
	width:200px;
	margin:70px 0 0 0;
	padding:0 0 0 40px;
	text-align:center;
	font-size:27px;
	color:#FEFAE3;
	text-decoration:none;
}
#logo:hover {
	color:#0086CB;
}
#menu_top {
	float:left;
	list-style-type:none;
	margin:119px 0 0 35px;
	padding:0;
	width:650px;
	height:58px;
	font-size:18px;
}
#menu_top li {float:left;}

#menu_top li a {
	display:block;
	width:120px;
	height:50px;
	margin-right:25px;
	padding-top:13px;
	text-align:center;
	color:#DC5B14;
	text-decoration:none;
}
#menu_top li a:hover {
	color: #FFF;
	background-image:url(/images/onglet2.png);
}
#menu_top li .active {background-image:url(/images/onglet.png);}

#select {
	background:url(/images/onglet.png) no-repeat;
	background-position:center top;
}
/************/

#overall_container
{
	margin:0 auto 0 auto;
	width:952px;
	background-color:#e1d6ba;
	border-left: 4px solid #f49914;
	border-right: 4px solid #f49914;
	min-height:450px;
	padding-top:0;
	overflow: auto;
}

.menu_gauche
{
	float:left;
	text-align:left;
	width:195px;
	margin:0 5px 0 0;
	padding:20px 10px 10px 20px;
}

.menu_gauche ul {margin:0;padding:0;}

.menu_gauche li
{
	display: block;
	list-style-type: none;
	background: url(/images/bouton.png) no-repeat;
	margin:0;
	padding:10px 0 0 43px;
	height:30px;
	overflow:hidden;
}

.menu_gauche li a {
	font-family: Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #EEE6D6;
	text-decoration: none;
}

.menu_gauche li a:visited {color:#EEE6D6;}
.menu_gauche li a:hover {color:#829DAC;}

h1, h2 {
	padding:0;
	margin:0;
	font-family: Arial, Helvetica;
	font-weight: bold;
}

h1 {
	font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	font-size: 17px;
	margin: 0 15px;
	padding-bottom:10px;
}

.marron {color: #B68F62;}
.marron:before {	content: url("/images/picto-marron.gif");}
.vert {color: #87b90f;}
.vert:before {content: url("/images/picto-vert.gif");}
.bleu {color: #829DAC;}
.bleu:before {content: url("/images/picto-bleu.gif");}

#content {
	margin:0;
	padding:0 15px;
	width:675px;
	float:left;
}

.vert_header, .bleu_header {
	background-repeat: no-repeat;
	width:670px;
	height:15px;
	padding:0;
	margin:0;
	font-size: 1px; /* pour IE6 */
}

.vert_header {background-image: url(/images/recycl_haut.gif);}
.bleu_header {background-image: url(/images/bleu_haut.gif);}

.vert_body, .bleu_body {
	padding:0;
	width:670px;
	overflow:hidden;
}

.vert_body {	background-color: #87b90f;}
.bleu_body {	background-color: #7d9ea6;}

img.gauche, img.droite {
	border:1px solid black;
	margin:0 10px 10px 10px;
}
.gauche {float:left;}
.droite {float:right;}

.vert_footer, .bleu_footer {
	background-repeat: no-repeat;
	width:670px;
	height:15px;
	padding:0;
	margin:0 0 10px 0;
}

.bleu_footer {background-image: url(/images/bleu_bas.gif);}
.vert_footer {background-image: url(/images/recycl_bas.gif);}

/********/
/* Logo Titres et textes */
/********/

#content p, #content ul , fieldset, form {
	font-family: Arial, Helvetica;
	font-size: 15px; 
	text-decoration: none;
	padding-bottom:10px;
	text-align: justify;
	margin: 0 10px;
}
form {margin:0;}

ul.blanc, ul.noir {padding:0 0 0 15px;color:#42331B;}

p.noir, span.noir, .noir ul, .noir p, ul.noir, h2.noir {color:#42331B;}

p.blanc, span.blanc, .blanc ul, .blanc p, ul.blanc, caption.blanc, h2.blanc {color:#ffffff;}

#content p a:link,
ul.noir a:link,
ul.blanc a:link,
td a:link,
a.link {
	color: #ffffff ; 
	text-decoration: none; 
	border-bottom: 1px dashed #ffffff;
}

#content p a:visited,
ul.noir a:visited,
ul.blanc a:visited,
td a:visited,
a.link:visited {
	color: #ffffff; 
	text-decoration: none; 
	border-bottom: 1px dashed #ffffff;
}
#content .noir a:hover, a.link:hover {
	color: #FEFAE3;
	border-bottom: 0 dashed #FEFAE3;
}

#content .blanc a:hover, td.num a:hover {
	color: #42331B;
	border-bottom: 0 dotted #42331B;
}

a.www:before {content: url("/images/picto_site.gif");}

a img {border:none;}  /* pas de bordure sur les liens-images*/

/* formulaires d'inscription */

.formu {				/* pour aligner les champs	*/
	display:inline;
	float:left;
	min-width:68px;
	width:68px	/* pour IE6 */
}

.etoile {color:#ff0000;}

.badform {background-color:#ea8e84;}

.bouton_valider {
	font-family:Arial,Verdana,Helvetica;
	font-size:12px;
	color:#330033;
	font-weight:bold;
	background-color:#FFCC00;
	width:100px;
	float:right;
	margin:5px;
}

/* tableau des stats d'inscriptions  24hvtt*/
.stats  {
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #808080;
}

.stats td, .stats th, .stats caption {
	text-align:center;
	font-family:Arial, Helvetica;
	font-size:13px; 
}

.stats td, .stats th, .tablo td, .tablo th {
	border:1px solid #808080;
}

.stats caption, .stats tfoot, th {
	font-weight:bold;
}

.equipier {		/* inscription au raid */
	border:none;
	width:50%;
	float:left;
	padding:0px;
	margin:0px;
}

/********/
/* footer*/
/********/
.footersmall
{
	text-align:center;
	width:952px;
	height:43px;
	background-color:#e1d6ba;
	border-left:4px solid #f49914;
	border-right:4px solid #f49914;
	border-bottom:4px solid #f49914;
	clear:both;
	margin:0 auto 25px auto;
}

.footersmall p {
	padding-top:10px;
	margin-top:0;
	font-family: Arial, Helvetica;
	font-size:10px;
	color:#B68F62;
}

.footersmall a, .footersmall img {
	color:#1C4761;
	text-decoration:none;
	border:none;
}

.footersmall a:hover {
	color:#B68F62;
	border-bottom:1px dashed #B68F62;
}

.maps {width:500px;height:500px;border:none;}


/* IMPRESSION */
@media print {
	.menu_gauche, #menu_top, .footersmall, .paprint {display:none; height:0cm;}
	#content, .bleu_body, .vert_body {width:96%}
	h1 {padding-left:5mm;}
	.bleu_body, .vert_body {border:1pt solid #42331B; -moz-border-radius:5mm; padding:5mm}
	#logo {width:100%; margin:0; padding:0; text-align:center; font-size:27px; color:#FEFAE3;}
	#header {height:2cm;}
	#overall_container {border:none;}
	.bleu:before, .vert:before {content:"";}
	a.www:after {content: " [\00A0" attr(href) "\00A0]";}
	#overall_container, .vert_body, .bleu_body {overflow:visible;}
	#content p a:link {display:inline;}
}