/********************************	BODY  ***************************************/
body {
background: white;
font-family:"Trebuchet MS",sans-serif;
}


form { display:block; }

img { border:none }

.pub { display:none; }


a {color:#0066cc;text-decoration:underline;cursor:pointer;}
a:hover {color:#C81100; text-decoration:none;cursor:pointer; }

.equipe {
font-size:11px;
color:#05780C;
font-style:italic;
}




/********************************  CALQUE MOBILES  *********************************/
.calq {
display: none;
}




/********************************* ENTETE  *************************************/
#entete {
display: none;
}

#cse-search-box  {
display: none;
}

#entete #skin {
position:relative;
top:10px;
margin-left:90%;
font-size:8pt;
}


#entete #skin a {color:#ffffff;}
#entete #skin a:hover {color:#ffff00;}


/************************** TITRE PLANS D'ENTRAINEMENT  *********************/
#entete #plan {
position:relative;
top:50px;
left:25%;
width:75%;
color:#666666;
font-size:8pt;
}
/****************************************************************************/




/***********************************  BANDEAU  ********************************/
#bandeau {
display: none;
}


#bandeau a {color:#666666;text-decoration:underline;cursor:pointer;}
#bandeau a:hover {color:#C81100; text-decoration:none;cursor:pointer; }


#bandeau td {color:#333333; }


#bandeau #date {
font-size:1.2em;
color:#0000ff;
font-weight:bold;
}


#pop {
background-color:#ffffff;
font-size:0.6em;
color:#333333;
}


	#pop h3 {font-size:0.8em; color:#5573A9; text-align:center;}
	#pop h4 {font-size:0.7em; color:#5573A9;}




	#pop input, select, textarea {
	color:#5573A9;
	padding-left:0.2em;
	font-weight:bold;
	background-color:#fafafa;
	border:1px solid #999999;
	}
/*****************************************************************************/




/*******************************  PAGE  **************************************/
#page{
z-index:0;
position:relative;
top:0px;
min-height:700px;
width:100%;
display:none;
}
/*****************************************************************************/




/*******************************  GRAPHIQUES  **************************************/
#graph {
font-size:9pt;
color:#000000;
text-align:center;
}
	
#graph p {
width:720px;;
padding:0.7em;
color:#333333;
text-align:left;
background-color:#fefefe;
border:solid 1px #666666;
}

.popperlink { position: absolute; left:200px; top:-2px; font-weight:bold;font-size:8pt;color:#666666;background-color:#ffffff;visibility: hidden }



/******************************** ACCUEIL  *******************************/
#accueil {
position:relative;
z-index:0;
/*top:30px;*/
left:20%;
width:80%;
}


/**************************************************************************/




/*******************************  ENCART COURSES (accueil.php)  *************/
#bloc_courses {
float:left;
width:25%;
font-size:8pt;
}


#titrecourses {
color:#F99707;
font-weight:bold;
border-bottom: 1px solid #F99707;
}


#courses {
overflow:auto;
height:580px;
margin-top:5px;
border:1px solid #FFC476;
padding-left:2px;
background-color:#ffeecc;
background-image: url(run_h_orange.jpg);
background-position: 0 0;
background-repeat: no-repeat;
background-attachment: fixed;
}


	#courses a {color:#666666;text-decoration:underline;cursor:pointer;}
	#courses a:hover {color:#C81100; text-decoration:none;cursor:pointer; }


	#courses .date_course {color:#FD605A;font-weight:bold;}
	#courses .texte_course {color:#666666;}
/*************************************************************************/




/*******************************  ENCART NEWS (accueil.php)  *************/
#bloc_news {
margin-left:30%;
width:60%;
font-size:8pt;
}


#bloc_news #newstitre {
color:#0066cc;
font-weight:bold;
border-bottom: 1px solid #0066cc;
text-align:right;
}


#bloc_news #news {
margin-top:5px;
height:270px;
overflow:auto;
}


	#bloc_news #news .content {
	padding:3px;
	background-image: url(run_h_bleu.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color:#E9F2FB;
	border: 1px solid #99ccff;
	color:#333333;
	}


	#bloc_news #news .nomnews { color:#275FB3; letter-spacing: 0.2em;font-weight:bold }
	#bloc_news #news .messagenews { color:#666666; }
	#bloc_news #news .postenews { color:#999999;margin-top:0.5em;;text-align:right;color:#ff0000; }
/*************************************************************************/


/*******************************  ENCART SONDAGE  *******************/
#bloc_sondage {
float:left;
width:25%;
margin-top:10px;
margin-left:5%;
font-size:8pt;
}


#titresondage {
color:#666666;
font-weight:bold;
text-align:left;
border-bottom: 1px solid #666666;
}


#sondage {
margin-top:5px;
height:270px;
border:1px solid #999999;
padding:2px;
border:1px solid #FFC476;
padding-left:2px;
color:#555555;
background-image: url(run_h_blanc.jpg);
background-position: 0 0;
background-repeat: no-repeat;
background-attachment: fixed;
background-color:#ffffff;
border:1px dotted #aaaaaa;
}
/*************************************************************************/




/*******************************  ENCART METEO  *******************/
#bloc_meteo {
float:right;
width:30%;
margin-top:10px;
margin-right:10%;

font-size:8pt;
}


#titremeteo {
color:#009966;
font-weight:bold;
text-align:right;
border-bottom: 1px solid #009966;
}


#meteo {
margin-top:5px;
height:270px;
border:1px solid #999999;
padding:2px;

background-color:#ECFFF1;
background-image: url(run_h_vert.jpg);
background-position: 0 0;
background-repeat: no-repeat;
background-attachment: fixed;
border:1px solid #9FCFA4;
color:#1C754B;
}


#meteo select, option {
	color:#5573A9;
	padding-left:2px;
	font-weight:normal;
	background-color:#fafafa;
	border:1px solid #999999;
	}








/***********************  PAGES TEXTE ou FORMULAIRES  ********************/


#page_html {
margin-left:0;
font-size:9pt;
min-height:500px;
width:100%;
top:-200px;
}


	#page_html input, select, textarea {
	color:#5573A9;
	padding-left:2px;
	font-weight:bold;
	font-size:9pt;
	background-color:#fff;
	border:1px solid #999999;
	}
	
	#page_html h1 {
	display:none
	}


	#page_html h2 {
	margin-top:0;
	padding:0.5em;
	font-size:10pt;
	font-weight:bold;
	color:#ff6600;
	text-align:center;
	margin-bottom:2em;
	background-color:#f0f0f0;
	border-bottom :dotted 1px #99ccff;
	}
	
	#page_html h3 {
	margin:0.5em;
	font-size:10pt;
	color:#3399ff;
	font-variant: small-caps;
	letter-spacing: 0.3em;
	border-bottom:1px dotted #3399ff;
	}
	
	#page_html h4 {
	font-size:10pt;
	padding:0.5em;
	color:#FD605A; 
	}
	
	#page_html h5 {
	font-size:10pt;
	padding:0.5em;
	color:#666666; 
	}


	
	#page_html ol,ul,li,dl,p,fieldset {
	margin:0.5em;
	}
	
	
	#page_html .info, p {
	margin:1em;
	padding:0.5em;
	color:#333333;
	background-image: url(run_h_blanc.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color:#ffffff;
	border:1px dotted #99ccff;
	}


	
	#page_html #texte {
	z-index:5;
	float:left;
	width:100%;
	color:#333333;
	min-height:500px;
	margin-bottom:5%;
	background-image: url(run_h_vert.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color:#ECFFF1;
	border:1px solid #9FCFA4;
	}
	
	
	#page_html #texte form {
	z-index:5;
	float:left;
	margin:1em;
	width:120px;
	height:200px;
	border:1px solid #666666;
	font-size:8pt;
	background-color:transparent;
	}
		
	#page_html #texte p:first-letter {
	font-size: 200%; 
	padding:0px; 
	font-weight:bold;
	}


	#page_html .agenda {
	margin:1em;
	padding:6pt;
	color:#333333;
	background-image: url(run_h_blanc.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color:#ffffff;
	border:1px dotted #99ccff;
	}
	
	
	#page_html #pied {
	padding:5pt;
	text-align:right;
	color:#999999;
	}
	


	#page_html form {
	z-index:5;
	float:left;
	width:100%;
	min-height:500px;
	margin-bottom:5%;
	color:#333333;
/*	background-image: url(run_h_bleu.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color:#E9F2FB;
	border: 1px solid #99ccff;*/
	}


	
	#page_html #aide {
	position:absolute;
	left:22%;
	top:25px;
	}
	
	#page_html form blockquote {
	margin:1em;
	padding:6pt;
	color:#333333;
	background-image: url(run_h_blanc.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color:#ffffff;
	border:1px dotted #99ccff;
	}


	#page_html form td {
	color:#333333;
	padding:5px;
	}


	#page_html form tr {
	border-bottom:1px solid #99ccff;
	}


	#page_html form .stat_block {
	border:solid 1px #666699;
	margin:0.5em;
	margin-top:1em;
	font-size:9pt;
	}
	
	#page_html form .stat_titre {
	color: white;
	text-align: center;
	background-color: #666699;
	font-weight:bold;
	border:solid 1px #666699;
	margin-bottom:1em;
	}

	#polar table { font-size:10px;width:750px;border-left:1px #999999 solid;border-top:1px #999999 solid;}
	#polar .titre { text-align:right;color:#304BAE;background-color:#C9FFDA;border-right:1px #999999 solid; border-bottom:1px #999999 solid;}
	#polar .result { text-align:left ;color:#A81F1F;background-color:#FFFBAD;border-right:1px #999999 solid; border-bottom:1px #999999 solid;}
/*************************************************************************/




/***************************  PAGES DE RESLUTATS  ***********************/
#titre_tableau {
display: none;
}


#tableau {
width:100%;
margin-left:1%;
margin-top:5px;
margin-bottom:5%;
font-family:arial,helvetica,sans-serif;
font-size:9pt;
min-height:450px;
}



	#tableau #tete {
	z-index:5;
	padding-top:5px;
	background-color:#eee;
	border-top:1px solid #ffcc99;
	border-left:1px solid #ffcc99;
	border-right:1px solid #ffcc99;
	font-weight:bold;
	color:#333333;
	text-align:center;
	}

	#tableau table {margin:1%;}

	#tableau #texte {
	z-index:5;
	color:#666666;
	background-image: url(run_h_blanc.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color:#ffffff;
	border:1px solid #ffcc99;
	}


	#tableau p {
	margin:1em;
	padding:0.5em;
	color:#333333;
	text-align:left;
	background-image: url(run_h_bleu.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color:#ffffff;
	border:1px dotted #99ccff;
	}




	#tableau #texte #tab {
	padding:0.3em;
	color:#0071AA;
	background-color:#ffffff;
	}


	#tableau #pied {
	padding:0.3em;
	background-color:#dddddd;
	border-top:1px solid #333333;
	text-align:right;
	}
/*************************************************************************/




/********************************  TITRE VERTICAL  ***********************/
#vertical {
display: none;
}
/*************************************************************************/




/****************************  REMONTER  *********************************/
#remonter {
display: none;
}


#remonter a {color:#ff0000;}


/****************************  LIGNE BAS DE PAGE  ***********************/
#pied_page {
display: none;
}




/*************************************************************************/



/********************* COMMENTAIRES **************************************/
#comment {
position:absolute;
top:50px;
left:600px;
width:100px;
text-align:center;
border:1px solid #999999;
}


/******* Chargement de la page ******/
#cache {
    position:absolute;
	top:40px;
	left:500px;
	z-index:10;
	visibility:hidden;
	font-size:8pt;
	text-align:center;
	text-decoration:blink;
	color:#ff0000;
	background-color:#ffff00;
}


#fond {
  position:absolute;
	top:20px;
	left:500px;
}


/******************************* MENU *******************************************/

#menu {
display: none;
}




#nav { 
display: none;
}


#nav #titre {
position:absolute;
top:5px;
left:5px;
width:123px;
height:30px;
text-align:center;
font-size:0.7em;
font-weight:bold;
color:#c00000;
line-height:1em;
background-color:#FFC476;
border-top:solid 1px #999999;
border-left:solid 1px #999999;
border-right:solid 1px #999999;
}




#nav .content {
position:absolute;
top:35px;
left:5px; 
background-color:#FFF2C7;
height:300px;
width:123px;
font-size:0.7em;
border:solid 1px #999999;
}


#nav .content p {
text-decoration:none; 
padding:0.5em;
}

#nav .menu1 a {text-decoration:none; color:#c00000; }
#nav .menu1 a:hover {color:#008000; }

#nav .content form {
text-decoration:none; 
color:#2BAA48;
padding-left:0.5em;
}

#nav .menu2 a {text-decoration:none; color:#008000; }
#nav .menu2 a:hover {color:#c00000; }
#nav .menu2 {color:#008000; }


#nav .tabs { 
position:absolute;
left:127px; 
top:60px; 
}




#nav #login {
position:absolute;
top:300px;
left:5px;
width:123px;
height:120px;
border-left:solid 1px #999999;
border-right:solid 1px #999999;
background-color:#FFF2C7;
font-size:0.7em;
color:#333333;
}


#nav #login form {margin:0.5em; }


#deconnexion a {
position:absolute;
z-index:2;
top :405px;
left:0px;
width:130px;
color:#ff0000;
font-size:0.7em;
text-align:center;
text-decoration:none;
}


#lien {
position:absolute;
top:420px;
left:5px;
width:125px;
}


/************************** PAGE D'ENTR\C9E **********************************/
#page_entree {
position:relative;
left: 20%;
top: 0px;
width:75%;
height:650px;
overflow:auto;
background-color:#FFF5E7;
border:solid 1px #333333;
color:#333333;
}

#page_entree h1 {
font-size:13pt;
padding-left:0.5em;
color:#306B31;
font-variant: small-caps;
}

#page_entree h2 {
font-size:11pt;
padding-left:1em;
color:#203274
}

#page_entree p {
font-size:9pt;
padding-left:1em;
}

#page_entree li {
font-size:10pt;
}

#tab {
display: none;
}