/* CSS Document */

/* Eléments Html */
body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:#00174F;
	color:#FF3300;
}

h1, h2, h3, h4, h5, h6{
	font-family: Verdana, "Trebuchet MS", sans-serif;
}

h1{
	font-size: 2em;
	color:#FF0000;
}
h2{
	font-size: 0.4em;
	color: #FF0000;
}
h3{
	font-size: 1.3em;
	color:#FFFFFF;
}
h4{
	font-size: 1em;
	background-color: #66FF00;
	color: #FF0033;
}
h5{
	font-size: 1.8em;
	color:#00174F;
}
h6{font-size: 0.5em;}

a{
	color:#0066FF;
}

a:visited{
	color:#FF0000;
}

a:hover{
	color: #636;
}

/* tableau */
table td{
	font-family: Verdana, "Trebuchet MS", sans-serif;
	font: bold 15px verdana, arial, sans-serif;
	color:#FFFFFF;
}

a:hover{
	color:#66CC00
}

/* top */
#top{
	position: absolute;
	width: 1024px;
	height: 120px;
	background: #00174F url(/accueil/img/bandeau.png) no-repeat left top;
	left: 0px;
	top: 0px;
	z-index: 1;
}
	
/* navigation ______________________________________________________________*/
#barre {
	position: absolute;
	width: auto;
	height: 40px;
	top: 120px;
	background-color: #00174F;
	font: bold 11px verdana, arial, sans-serif;
	padding-bottom: 0px;
	color:#FFFFFF;
}
#barre a {
	color:#FFFF00;
}
#barre a:visited {
	color:#FF0000;
}
#barre a:hover{
	color:#00FF00;
}
#barre li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* barre1 - menu */
#menugeneral {
	top: 0px;
	left: 10px;
	clear:both;
	font-size:10px;
	height:20px;
	background-color:none;
	vertical-align:middle;
	z-index: 2;
}
#menugeneral ul {
	margin:0;
	padding:0;
}
#menugeneral ul li {
	display:inline;
	margin:0;
	padding:0;
	color:#fff;
}

#menugeneral a {
	display:block;
	float:left;
	border-right:2px solid #6696C7;
	border-bottom: 0px;
	text-decoration:none;
	font-weight:bold;
	height:16px;
	color:#fff;
	padding:7px 5px 0 5px;
	background: #00174F;
}

#menugeneral a:hover {
	color:#112233;
	background:#fff;
	border-bottom: 0px;
}
#menugeneral li.current a {
	color:#112233;
	background:#fff;	
}
/* barre2 - date */
#barre2{
	position: absolute;
	widht: 200px;
	height: auto;
	font: bold 11px verdana, arial, sans-serif;
	color:#FFFFFF;
	left: 710px;
}
/* gauche __________________________________________________________________*/

#gauche{
	position: absolute;
	widht: 250px;
	height: 699px;
	font: bold 11px verdana, arial, sans-serif;
	top: 160px;
	left: 2px;
	background-color: #427aa0;
}

/* bloc1 - se connecter */

#bloc1 {
	position: absolute;
	widht: auto;
	height: auto;
	font: bold 11px verdana, arial, sans-serif;
	top: 160px;
	background-color:#00174F;
	color:#FFFFFF;
	}

#bloc1 a{
	color:#FFCC00;
}
#bloc2 {
	position: absolute;
	widht: 200px;
	height: 242px;
	font: bold 11px verdana, arial, sans-serif;
	top: 281px;
	background-color: #6696c7;
	left: -1px;
	width: 228px;
}




/* droite __________________________________________________________________*/
#droite{
	position: absolute;
	height: auto;
	font: bold 11px verdana, arial, sans-serif;
	background-color:#00174F;
	color:#FFFFFF;
	width: auto;
	left: 230px;
	top: 160px;
}
#droite a{
	color:#FFCC00;
}
/* photo - image */
#photo{
	position: absolute;
	height: 150px;
	font: bold 11px verdana, arial, sans-serif;
	width: 200px;
	left: 2px;
	top: 2px;
	background-color: #00174F;
}
/* bloc11 - texte présentation */
#bloc11{
	position: absolute;
	height: auto;
	font: bold 9px verdana, arial, sans-serif;
	width: 500px;
	left: 225px;
	top: 13px;
	background-color:#00174F;;
}
/* bloc12 - Dernières courses */
#bloc12{
	position: absolute;
	height: 180px;
	font: bold 11px verdana, arial, sans-serif;
	width: 502px;
	left: 24px;
	top: 170px;
	background-color: #6696c7;
}
/* bloc13 - Dernières infos */
#bloc13{
	position: absolute;
	height: 260px;
	font: bold 11px verdana, arial, sans-serif;
	width: 501px;
	left: 24px;
	top: 345px;
	background-color: #6696c7;
}
#bloc13 a {
	color:#FFCC99;
}

#bloc13 a:visited {
	color:#FFCC99;
}

#bloc13 a:hover {
	color: #636;
}

/* bloc14 - Flux Rss / mont carnet / forum */
#bloc14{
	position: absolute;
	height: 782px;
	font: bold 11px verdana, arial, sans-serif;
	color: #000066;
	width: 300px;
	left: 314px;
	top: 60px;
	background-color: #FFCC99;
	
}
#bloc14 a {
	color:#6696c7;
}

#bloc14 a:visited {
	color:#6696c7;
}

#bloc14 a:hover {
	color: #636;
}
	
#bloc15 {
	position : fixed;
	top:160px;
	width: 100px;
	height: auto;
	border-right: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	font: bold 11px verdana, arial, sans-serif;
	color:#FFFFFF;
	background-color: #00174F;
}
#bloc15 a {
color:#FFCC66;
}
#bloc15 a:hover{
	color:#00174F;
	background-color:#FFFFFF;
}

#bloc16 {
	position: absolute;
	height: 609px;
	color:#6696c7;
	font: bold 11px verdana, arial, sans-serif;
	margin : 10px;
	padding : 10px;
	width: 338px;
	left: 452px;
	top: 142px;
	background-color: #FFCC99;
}
#bloc17 {
	position : absolute;
	top:160px;
	width: auto;
	height: auto;
	padding: 5px;
	font: bold 11px verdana, arial, sans-serif;
	color:#FFFFFF;
	background-color: #00174F;
}
#bloc17 a {
color:#FFCC99;
}
#bloc18 {
	position : absolute;
	top:160px;
	left:303px;
	width: auto;
	height: auto;
	padding: 5px;
	font: bold 11px verdana, arial, sans-serif;
	color:#FFFFFF;
	background-color: #00174F;
}
#bloc18 a {
color:#FFCC99;
}
#bloc19 {
	position : absolute;
	top:160px;
	left:0px;
	width: 1024px;
	height: auto;
	padding: 5px;
	font: bold 12px verdana, arial, sans-serif;
	color:#FFFFFF;
	background-color: #00174F;
}
#bloc19 a {
color:#FFCC99;
}
#bloc20 {
	top: 160px;
	position : absolute;
	overflow: auto;
	left: 130px;
	width: auto;
	height: 300px;
	padding: 5px;
	font: bold 12px verdana, arial, sans-serif;
	color:#FFFFFF;
	background-color: #00174F;
}
#bloc20 a {
color:#FFCC99;
}