/* CSS Document */

html {margin: 0; padding: 0;}
body {	font: 80% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: black; 
		background-color:#E9F9CF; background-image:url(../images/bande.gif); background-repeat:repeat-x;}
h3 {font-size: 1.33em; margin: 0; padding: 0; border-bottom: 4px solid #6887e2; color: #6887e2;}
.grasital {font-size:16px;  color: #668989; font-style:italic; font-weight:bold;}
.rougeital {font-weight:bold; font-style:italic; color:#993333;} 
h1, h3, h4 {line-height: 1.3em;}
p { margin: 0.5em 0 1em; color:#000000;}

#nav 	{margin-left: 0; margin: 0; padding: 0px;}
#nav li {list-style: none; float: left; margin-left: 12px; padding-left: 16px; font-size: 14px; font-weight: bolder;
		line-height: 25px; white-space: nowrap; background: #BBB url(../images/tabs2-big.gif) 0 100% no-repeat;}
#nav a 	{display: block; float: left; padding: 0 16px 0 0; text-decoration: none; 
	 	 background: #DDD url(../images/tabs2-big.gif) 100% 100% no-repeat; color: #003399; width: .1em;}
		 
html>body #nav a {width: auto;}    /* fixes IE6 hack */ 
/* Commented Backslash Hack hides rule from IE5-Mac \*/

#nav a 	{float: none;}            /* End IE5-Mac hack */
#nav a:hover {color: #FF6600;}
#nav #current, #nav #current a {color: #FFBA03; background-image: url(../images/tabs2-big-ct.gif);}

.bandeau {left: 0; height: 161px; width: 100%; background-image: url(../images/bandeau.jpg); background-repeat: no-repeat;}
.image { 	margin-left: 470px; background-repeat: no-repeat;}
			
.conteneur {position: absolute; left: 0; width: 100%; top: 161px;}
.gras {	font-weight:bold; color: #005B5A;}
.ital { font-style:italic; color: #005B5A;}
.decalage { margin: 2em 10% 1em 3%; padding: 0; }
.orange {color:#FF6600; font-size:18px; }
.orange2 {color:#E05B02; font-size:14px; font-weight:bold; }
.rouge {color:#FF0000; font-weight:bold; }
.accentue {	font-weight:bold; font-size:18px; color:#FF0000;}


div#dates {position: absolute; width: 240px; left:20px; top:220px; text-align:center; }
.menudroit { list-style: none; margin: 0; padding: 0; }
.menudroit li {padding: o; line-height: 18px; border-bottom: 10px solid rgb(80%,95%,75%); background-color:#BDE308;}
.menudroit li a {padding: 4px 5px 4px 10px; display: block; }
.menudroit a:hover { background: #000066; text-decoration: none; color:#FF9900; }
h4 {font-size: 12px; margin: 0;}
h4 a { display:block; color: #000066; text-decoration:none;}
h4 a:link { color: color: #000066;}
h4 a:active { color: rgb(0%,0%,100%);}
h4 a:hover { color: rgb(100%,50%,0%); text-decoration: none;}

titre {font-size: 16px; font-weight:bold; margin: 0; padding: 0.5em 0.6em 0.5em; color: #E9F9CF;}
p {line-height: 1.5; margin: 0.5em 0 1em;}

h2 {font-size: 14px; font-weight:bold; text-align:center; margin: 0; padding: 0.3em 0.6em 0.5em; line-height:15px; }
h2 a { display:block; text-decoration:none; color:#000066;}
h2 a:hover { color:#006666; text-decoration: none;}
#sidebar h2 {background: #97D002;}

.#entry a { color:#0066CC; }
.#entry a:hover { color:#FF6600; text-decoration:none; }


div#entry {position: absolute; width: 340px; left:300px; top:220px; padding: 0;  font-size:12px; color: #006633; line-height: 20px;}

div#entry2 {position: absolute; width: 568px; left:50px; top:220px; padding: 0;  font-size:12px; color: #006633; line-height: 20px;}

a.lien { position: absolute; margin-left: 0px; margin-top: 0px; width: 212px; height: 354px; 
background-image: url(../images/coureur1.jpg); background-repeat: no-repeat; }
a.lien:hover {background-image: url(../images/coureur2.jpg);}

a.haut {margin-left:0px; margin-top:5px; margin-bottom: 5px; display: block; width:46px; height:21px;
	background-image:url(../images/haut.gif); background-repeat: no-repeat; }
a.haut:hover {	background-image: url(../images/haut2.gif);}

a.retour {margin-left:0px; margin-top:5px; margin-bottom: 5px; display: block; width:163px; height:21px;
	background-image:url(../images/retour.gif); background-repeat: no-repeat; }
a.reour:hover {	background-image: url(../images/retour-2.gif);}
  
.inscrivez { font-size: 12px; float: left; width: 240px; margin: 10px 0 0 0px; text-align: left; color:#003399; line-height: 17px; }
.inscrivez a span  { color:#0066CC; padding: 0px ; border: none; }
.inscrivez a:hover span  { color:#FF6600; text-decoration:none; }
.attention {font-weight:bold; color:#FF6600; font-size:16px; }

.fonce { color: #244A4A;}
.date {font-size: 16px; margin: 0; color: rgb(80%,0%,0%); font-weight:bolder;}

div#gauche {position: absolute; top: 210px; left: 690px; width: 200px; margin: 0 0 0 1%; text-align:center; }
.menugauche { list-style: none; margin: 0; padding: 0; }
.menugauche li {padding: 0px; line-height: 18px; border-bottom: 3px solid rgb(75%,80%,60%); background-color:#D6E7B5;}
.menugauche li a {padding: 4px 5px 4px 10px; display: block; }
.menugauche a:hover { background: #000066; text-decoration: none; color:#FF9900; }
		
div#entry3 {position: absolute; width: 750px; height:550px; left:20px; top:220px; padding: 0;  font-size:12px; background-image:url(../images/Les-cartes29.gif); }

div#entry4 {position: absolute; width: 100%; left:20px; top:220px; padding: 0; }