/* CSS Document */
@import "menu-profil.css";
@import "button.css";

/* ___________________________________________________________________________*/
/* ___________  GENERALITE */

body {
	background-color:#333;
	margin: 0px;
	width:100%;
	height:100%;
	padding:0;
	text-align:center;	
	background:url("../images/fd.jpg") repeat-x fixed center top #9d0000;
}


* {
	font-size:12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	outline:0;
}

a {
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
a:active{outline:0;}
a:focus{outline:0;} 


form {padding:0;margin:0}

img { border:0}


.help {
	-moz-border-radius:20px 20px 20px 20px;
	background-color:red;
	border:1px solid;
	cursor:pointer;
	font-weight:bold;
	margin-right:4px;
	padding:0;
	text-align:center;
	width:18px;
}

.msg_erreur {
    font-weight: bold;
    color: #CC0000;
}

/* ___________________________________________________________________________*/
/* ___________  DECOUPAGE DU SITE */

#conteneur {	
	margin: 0 auto;
	width:998px;
	height:620px;
	/*background-color:transparent;*/
}

#content {
	background-color:#FFFFFF;
	color:#000000;
	float:left;
	height:auto;
	margin:0px;
	padding:8px;
	width:578px;
}

#content-titre {
	float:left;
	height:25px;
	margin-left:5px;
	width:578px;
}

/* ___________  HAUT */


#header {
	height:75px;
	margin:0 auto;
	width:100%;
	background-color:#cb0b1c;
}

#top {
	background:url("../images/hd-def.png") no-repeat scroll center bottom;
	height:75px;
	margin:0 auto;
	width:998px;	
}

#ban_468-60 {
	float:right;
	height:60px;
	margin-right:150px;
	margin-top:5px;
	width:468px;
}




.menu_top {
	color: #cb0b1c;
	margin:0 auto;
	width:980px;	
	text-align:right;
	
}
.menu_top a {
	color: #cb0b1c;
	margin:0 6px 0 0;
}

.menu_top img { margin: 0 3px; }


.menu_bottom {
	color: #cb0b1c;
	margin:0 auto;
	width:980px;	
	text-align:right;
	height:10px;
}
.menu_bottom a {
	color: #cb0b1c;
	margin:0 6px 0 0;
}


.sugg {
	color: #fff;
	width:95%;
	height:20px;
	text-align:right;
}

.sugg a{
	color: #fff;
}




/*_______________________ ICONES */
a.info-bulle-ico {
	position:relative;
	z-index:24;

}
a.info-bulle-ico span{
	display: none
}

a.info-bulle-ico:hover{
	z-index:25;
	background-color:transparent;
}

a.info-bulle-ico:hover span{
	display:block;
	position:absolute;
	top:-30px; 
	left:5px; 
	border:1px solid #000;
	background-color:#333;
	color:#fff;	
	padding:2px 5px;
}

.legende-parcours {float:left;border-bottom:1px dotted #ccc;text-align:left;width:50%;font-style:italic;}

/* ___________  CENTRE */

.bienvenue {float: left; text-align: justify; font-size: 11px; line-height: 13px;margin: 0px 0pt 0pt 8px; width: 590px;height:115px;}

#main {
	height:auto;
	margin:0 auto;
	text-align:left;
	width:980px;
}

#droiteAccueil {
	float:right;
	width:336px;
	height:auto;
	
	/* V2 */
	margin-top: 2px;
	margin-right: 30px;	
	padding:0px;
}

#gaucheAccueil {
	float:left;
	width:527px;
	height:auto;
	
	/* V2 */
	margin-top: 3px;
	margin-left: 20px;		
}


#gauche {
	float:left;
	width:176px;
	min-height:250px;
	height:auto;
	
	/* V2 */
	margin-top: 3px;
	color:#000;
	background-color:transparent
}
#gauche a {color:#000;}



#droite {
	float:right;
	width:176px;
	min-height:250px;
	height:auto;
	/*margin-right:10px;*/
	/*-moz-border-radius:8px;*/
	/*border-radius:8px;*/
	
	/* V2 */
	margin-top: 3px;
	padding:0px;
	color:#000;
	background-color:transparent;
	
}
/*#droite a {
	color:#000;
}*/


/* ne pas utilise car L'attribut 'id' a deux fois la même valeur dans le document
#bloc {
border-bottom: 1px solid #cb0b1c;
margin-bottom:15px;
}*/
.bloc {
border-bottom: 0px solid #cb0b1c;
margin-bottom:15px;
}

.bloc-gauche {
border-bottom: 0px solid #cb0b1c;
margin-bottom:15px;
}

.nb_demande{
	float:left;
	font-weight:bold;
	height:20px;
	margin-right:5px;
	color:#ffa800;
}

#user_nom,
.user_nom{
	color:#CB0B1C;
	font-variant:small-caps;	
	font-weight:bold;
}

#user_pseudo,
.user_pseudo{
	color:#000;
	font-variant:small-caps;	
	font-weight:bold;
}


#ppal {
	float:left;
	width:784px;
	height:auto;
	padding:10px;
	margin:3px 15px 10px;
	background-color:#fff;
	color:#000;
}

#echange {
	float:left;
	height:auto;
	color:#000;
}



#parcours {
	float:left;
	width:530px;
	height:auto;
	margin:3px 15px 10px;
	color:#000;
}

#ppal a {
	color:#CB0B1C;
	/*font-weight:bold;*/
}

#ppal-echange {
	float:left;
	width:775px;
	height:auto;
	padding:10px;
	/*background-color:#fff;*/
	color:#000;
	background:url("../images/fd-centre.png") repeat scroll 0 0 transparent;		

}


#profil {
	float:left;
	height:auto;
	padding-left:16px;
	padding-top:4px;
}




/*_______________________ COLONNES */

.fd_deg_gris {
	padding-left:8px;
	font-weight:bold;	
	margin-bottom:5px;	
	background:url(../images/dg-cols.jpg) repeat-x center top;	
	color:#4e3060;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-topright:4px;
}
#droite  .fd_deg_gris a {
color:#4E3060;
}

.cols_infos {
	padding-bottom:5px;
}
.cols_retrait {
	padding-left:3px;
	/*margin-bottom:15px;*/
	border:0px solid #cb0b1c;
	padding-bottom:5px;
	padding-left:5px;
	background:url("../images/fd-cols.png") repeat scroll 0 0 transparent
}

#cols, .cols {
	height:auto;
	padding-top:5px;
	width:auto;
}

#cols_int,
.cols_int  {
	background-color:#FFFFFF;
	height:auto;
	padding:4px;
	width:158px;
}

#cols_int a,
.cols_int a {
	color:#000;
}

#cols_int_amis,
.cols_int_amis  {
	background-color:#FFFFFF;
	height:auto;
	padding:4px;
	width:166px;
}


#cols_int-gauche,
.cols_int-gauche  {
	background-color:#FFFFFF;
	height:auto;
	padding:4px;
	width:110px;
}

.liste-fiche {
	margin:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #cccccc;		
	color:#cb0b1c;
	min-height:55px;
}
.liste-fiche-pseudo {
	font-weight:bold;	
	color:#cb0b1c;
	font-size:14px;
	padding-left:5px;
}

.liste-sugg-amis {
	font-weight:bold;	
	color:#cb0b1c;
}

.pseudo {
	text-transform:capitalize;
	font-weight:bold;	
	color:#CB0B1C;
	padding-left:5px;
	margin-left:50px;
}


/*.txt-form {
	font-variant:small-caps;
	background-color:#ffffff;
	padding:3px;
}*/

#txt-form,
.txt-form {
	background:url("../images/fd-cols.png") repeat scroll 0 0 transparent;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:6px;
	padding-top:2px;
	padding-bottom:3px;	
	/*text-transform:uppercase;*/
	font-size:12px;
	height:16px;
	-moz-border-radius:5px;
}

#txt-form a,
.txt-form a{
	color:#fff;
	font-weight:bold;
	font-size:12px;
}




#txt-form-ident, .txt-form-ident {
-moz-border-radius:5px 5px 0 0;
background:url("../images/fd-cols.png") repeat scroll 0 0 transparent;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
height:20px;
padding-bottom:3px;
padding-left:6px;
padding-top:2px;
}


#txt-form-gauche,
.txt-form-gauche {
	background-color:#cb0b1c;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:5px;
	padding-bottom:5px;	
	/*text-transform:uppercase;*/
	font-size:12px;
	height:30px;
	-moz-border-radius:5px;
}

#txt-form-gauche a,
.txt-form-gauche a{
	color:#fff;
	font-weight:bold;
	font-size:12px;
}



.titre-smallscaps {
	text-transform:uppercase;
	font-size:14px;
	color:#cb0b1c;
}


.liste {
border-bottom:1px dotted #CCCCCC;
color:#000000;
margin-right:5px;
padding-bottom:5px;
padding-top:5px;
width:100%;
height:auto;
}

#liste-amis,
.liste-amis {
	/*border-bottom:1px dotted #cccccc;*/
	float:right;
	font-variant:normal;
	border-left:1px dotted #ccc;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
}

#liste-amis a {
	color:#fff;
	font-weight:bold;
	font-size:11px;
}



/* ___________  BAS */


#baseline {
	width:100%;
	background-color:#cb0b1c;
	height:130px;
	margin:0 auto;	
}

#footer {
	color:#FFFFFF;
	height:auto;
	margin:0 auto;
	width:998px;
	background-color:#cb0b1c;	
}
#footer a {color:#ffffff;}

.copyright {
	border-right:1px solid #FFFFFF;
	float:left;
	height:99px;
	margin-top:8px;
	padding-left:8px;
	padding-right:30px;
	padding-top:5px;
	text-align:left;
}

/* _________________________________ TYPO */
.grostitre {
	padding-bottom:4px;
	margin-top:0px;
	margin-bottom:14px;
	font-weight:bold;
	display:block;
	clear:both;
	color:#333333;
	font-size:18px;
}

#onglet{
	background:url("../images/onglet.png") no-repeat scroll 0 0;
	height:50px;
	width:775px;
}

.titre {
	padding-bottom:4px;
	margin-top:0px;
	margin-bottom:14px;
	font-weight:bold;
	display:block;
	clear:both;
	
	border-bottom:1px dotted #333333;
	color:#333333;
	font-size:14px;
}



.ss_titre_fiche {
	width:100%;
	border-bottom:1px dotted #000000;
	font-weight:bold;
	margin:15px 0;
	color:#CB0B1C;
}

.cadre-pointille {
	border:1px dashed #5151AB;
	background-color:#ccc;
	color: none;
}


.titre-solid {
	border-bottom:1px solid #666;
	color:#666;
	padding:5px 0 0;
	
}

.texte_fiche {
	color:#a0a0a0;
}

.texte_int {
	color:#a0a0a0;
	font-size:11px;
}


.cadre-pointille {
	border:1px dashed #CB0B1C;
	background-color:#F5CED2;
	color: none;
}

.texte {
	font-size:15px;
	font-weight:bold;	
	color:#CB0B1C;
}


/*________________________ button */

.button  {
		float: right; 
		margin: 15px 25px; 
		border: 1px solid #D7D7D7; 
		padding: 1px 5px;
		/*-moz-border-radius:8px; 
		border-radius:8px;*/
		/*background-image:url("../images/fd_btn.jpg");*/
		background-repeat:repeat-x;
		background-color:#ffffff;
		color:#000000;
		}
		
.button a  {
		color:#CB0B1C;
		}	


/*________________________ form */

/*.champ {
float:left;
width:430px;
}*/

#tab_form label {
float:left;
margin-right:10px;
text-align:left;
width:110px;
color:#A0A0A0;
}	

#tab_form_contact label {
float:left;
margin-right:10px;
text-align:right;
width:110px;
color:#000;
}			


/*________________________ echange */


.editable {
	height:auto; 
	border:1px solid #ccc; 
	/*border-bottom:none;*/
	padding:3px; 
	margin:0 auto;
	min-height:21px;
	background-color:none;
	/*background:url("../images/bulle.gif") no-repeat scroll -350px bottom transparent;*/
	/*background:url("../images/fd-cols.png") repeat scroll 0 0 transparent;*/
	background-color:#ffffff;
}



.post_principal {
	border:1px dotted #CCC;
	height:auto;
	padding:1px;
	margin-bottom:3px;
	background-color:#EEEEEE;
}

.reply {
	border:1px dotted #ddd;
	/*background:url("../images/fd-cols.png") repeat scroll 0 0 transparent;*/	
	height:auto;
	margin:1px auto;
	width:89%;	
	float:right;
	background-color:#F4F0F1;
}

.date{color:#9c9e9f;font-style:italic;}


/* _________________________________  slim box */
#lbCanvas iframe {
	overflow:auto;
}
/*
#lbCanvas {
	border:2px solid #fff;
}
#lbCloseLink {
	width:100px;
}
*/

/*_______________________ CENTRE*/
#loggin{
	float:left;
	width:514px;
	height:auto;
	margin:30px 5px 30px 52px;	
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-topright:15px;
	border:5px solid #CCCCCC;
	background-color:#424242;
	color:#fff;
}

.cadre_feed {
	border-bottom:1px dotted #cccccc;
	height:60px;
	margin-bottom:10px;	
	padding:3px;
	width:auto;

}

/*______________________CADRE COURSES*/
#cadre {
	margin-top: 18px; 
	padding-left: 8px;
}
.cadre_course_a_pied {border:1px solid #CC0000;background-color:#FDECEC;}
.cadre_cyclosport {border:1px solid #666666;background-color: #EEEEEE;} 
.cadre_raid {border:1px solid #006600;background-color: #E1FFE3;}
.cadre_roller {border:1px solid #FF9900;background-color: #FFF1DD;}
.cadre_triathlon {border:1px solid #0066CC;background-color: #D9ECFF;} 
.cadre_vtt {border:1px solid #993300;background-color: #FFE9DD;}
.cadre_course_orientation {border:1px solid #006600;background-color: #E1FFE3;} 
.cadre_autres {border:1px solid #00CC99;background-color: #00CC99;}
.cadre_TOUT {border:1px solid #FFCF00;background-color: #FFF7D5;}



/*__________________ LIENS */

#lien {
color:#FFFFFF;
float:left;
height:99px;
margin-left:40px;
margin-top:8px;
padding-top:5px;
text-align:left;
}
		#lien ul {
			margin:0;
			padding:0;
			width:400px;
		}
				
				#lien li {
					display:block;
					float:left;
					height:17px;
					line-height:38px;
					list-style:none outside none;
					padding:0 5px 0px 0px;

				}					

				#lien li a {
					color:#fff;
					display:block;
					float:left;
					font-size:11px;
					font-weight:bold;
					height:30px;
					padding:0 9px 0 0;
					text-decoration:none;

}
						
				
					#lien li a:hover{
						color:#000;
					}



/*__________________ CONTACT */

.logo {
	background:url("../images/logo.png") repeat;
	height:154px;
	width:433px;
}