* {
margin: 0;
padding: 0;
}

body {
	height: 100%;
	background-color: #D1E7D0;
	background-image: url('images/background_page.gif');
	background-repeat: repeat-y;
	width:900px;
	position: absolute;
	background-position: center top;
	left: 50%; 
	margin-left: -450px;
	top: 0; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px
}



/* contenu */

#bloc1 {
	position:absolute;
	width: 670px;
	top: 240px;
	left: 30px;
color: #666F74;
}

#bloc1 ul, #bloc1 li {
	list-style-type:disc;
	margin:10px;
	padding:0px;
}



.ligne1 {
	position: absolute;
	left: 30px;
	top: 230px;
	width: 670px;
	height: 4px;
	background-image: url('images/ligne_noir.gif');
	background-repeat: repeat-x;
	background-position: left top;
}

.ligne2 {
	font-size: 4px;
	position: relative;
	width: 150px;
	height: 25px;
	background-image: url('images/ligne_noir.gif');
	background-repeat: repeat-x;
	background-position: left center;
}

.ligne3 {
	height: 100%;
	background-image: url('images/ligne_noir.gif');
	background-repeat: repeat-y;
	background-position: center top;
}


#bandeauhaut {
	position: absolute; 
	margin-top:0px; 
	margin-left:0px;
	width:900px; 
	height:125px; 
}



#logo {
	position: absolute;
	width : 235px;
	height: 100px;
	margin-left: 0px;
	margin-top: 125px;
}



#footer {
	position:relative;
	width: 670px;
	background-image: url('images/ligne_noir.gif');
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #888888;
	line-height: 13px;
	text-align:center;
}


#footer p {
	font-weight: normal;
	padding-bottom: 0;
}

#footer a {
	text-decoration:none;
	font-size: 9px;
	color: #888888;
	line-height: 13px;
}

#footer a:hover {	
	text-decoration: underline;
	font-size: 9px;
	color: #000000;
	line-height: 13px;
}



/* éléments standard */

ul, li {
list-style-type: none;
margin:0;
padding:0;
}

a {
	font-weight: bold;
	color: #666F74;
	text-decoration: underline;
}

a:hover {	
	font-weight: bold;
	color: #000000;

}
  

  
h1 {
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 39px;
	line-height: 20px;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom:10px;
	text-decoration: none;
}

h3 {
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 26px;
	color: #666F74;
	line-height: 16px;
}

h4 {
	font-size: 9px;
	font-weight: bold;
	padding-bottom: 13px;
	color: #000000;
}

p {
	font-weight: normal;
	margin-bottom:10px;
	
}

q {
	font-style:italic;
	quotes:none;
	
}

body#page1 h1, body#page1 h2 {
color: #35962B;
}

body#page2 h1, body#page2 h2 {
color: #F3AD1A;
}

body#page3 h1, body#page3 h2 {
color: #E1134F;
}

body#page4 h1, body#page4 h2 {
color: #598ACC;
}

body#page5 h1, body#page5 h2 {
color: #CD71B4;
}

body#page6 h1, body#page6 h2 {
color: #8C6464;
}



/* texte */

.bold {
font-weight:bold;
}

.petit {
font-size:9px;
}


.rouge {
color: #E1134F;
text-decoration:underline;
}


.rose {
color: #CD71B4;
font-weight:bold;
}

.bleu {
color: #598ACC;
font-weight:bold;
}




/* colonne droite */

#colonne {
	position: absolute;
	left: 740px;
	top: 187px;
	width: 150px;
	color: #888888;
}

#colonne p {
	padding: 0;
	margin: 0;
}

#colonne .img {
	position: relative;
	margin: 0;
}

#langues {
text-align:right;
}


/* Votre espace membre */



#login .champs {
position:absolute;
left:77px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color: #OOOOOO;
background-color: #F1F1F1;
padding: 1px;
border: double 1px #888888;
}

#login .bouton {
	position:absolute;
	left:77px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color: #F1F1F1;
	color: #OOOOOO;
	border-width: 1px 2px 2px 1px;
	border-color: #888888 #888888 #888888 #888888;
	border-style: solid;
	margin-top:2px;
}

#login .bouton:active {
border-width: 2px 1px 1px 2px;
border-color: #888888 #888888 #888888 #888888;
border-style: solid;
}

#login p {
	font-weight: normal;
	font-size :9px;
	line-height: 13px;
	padding-bottom:5px;
}


/* Infos écuries */

#infos {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}



.suite {
	text-align:right;
	font-size:9px;
	font-weight:bold;
	text-decoration: underline;
}











/* navigation */

ul#nav {
position: absolute;
left: 30px;
top: 190px;
z-index: 1;
margin:0;
padding:0;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

ul#nav li {float: left;}

#nav li {
display:inline;
margin: 0 5px 0 0;
}
#nav a {
text-decoration:underline;
font-weight: bold;
} 
body#page3 ul#nav {
color: #666F74;
}
body#page3 ul#nav a {
color: #666F74;
}
body#page3 ul#nav a:hover {
color: #E1134F;
}




/* menu */

#menu {
position:absolute; margin-top:125px;
width:900px; border-top:3px solid #969F9C;
}

.menu2 {
margin-top:0px;
font-family: verdana, arial, sans-serif; font-size:11px; 

}

.menu2 ul {
padding:0;margin:0;list-style-type:none;
}
.menu2 ul li {
float:left; position:relative; 
}


.menu2 ul li a, .menu2 ul li a:visited {
float:left; display:block; text-decoration:none; color:#FFFFFF; padding:0px 10px; line-height:20px; height:20px;
}

.menu2 ul li:hover {width:auto;}


.menu2one {
padding:0px 10px; line-height:20px; height:40px; width:190px;
background-image:url(images/logo.gif);
background-repeat:no-repeat;
}

.menu2 ul li a.menu2one, .menu2 ul li a.menu2one:visited {
float:left; display:block; text-decoration:none; padding:0px 2px; height:45px;width:190px;background-image:url(images/logo.gif);
background-repeat:no-repeat;
}
.menu2 ul li a.menu2one:hover {background-image:url(images/logo.gif);
background-repeat:no-repeat;}
.menu2 ul li:hover a.menu2one {background-image:url(images/logo.gif);
background-repeat:no-repeat;}


.menu2 ul li a.menu2two, .menu2 ul li a.menu2two:visited {
float:left; display:block; text-decoration:none; text-align:center; background-color:#35962B; color:#FFFFFF; padding:0px 2px; line-height:20px; height:20px;width:200px;border-bottom:4px solid #35962B;}
.menu2 ul li a.menu2two:hover {background:#35962B; color:#FFFFFF;}
.menu2 ul li:hover a.menu2two {background:#35962B; color:#FFFFFF;}

.menu2 ul li a.menu2three, .menu2 ul li a.menu2three:visited {
float:left; display:block; text-decoration:none; text-align:center; background-color:#F3AD1A; color:#FFFFFF; padding:0px 2px; line-height:20px; height:20px;width:110px;border-bottom:4px solid #F3AD1A;}
.menu2 ul li a.menu2three:hover {background:#F3AD1A; color:#FFFFFF;}
.menu2 ul li:hover a.menu2three {background:#F3AD1A; color:#FFFFFF;}

.menu2 ul li a.menu2four, .menu2 ul li a.menu2four:visited {
float:left; display:block; text-decoration:none; text-align:center; background-color:#E1134F; color:#FFFFFF; padding:0px 2px; line-height:20px; height:20px;width:214px;border-bottom:4px solid #E1134F;}
.menu2 ul li a.menu2four:hover {background:#E1134F; color:#FFFFFF;}
.menu2 ul li:hover a.menu2four {background:#E1134F; color:#FFFFFF;}

.menu2 ul li a.menu2five, .menu2 ul li a.menu2five:visited {
float:left; display:block; text-decoration:none; text-align:center; background-color:#598ACC; color:#FFFFFF; padding:0px 2px; line-height:20px; height:20px;width:102px;border-bottom:4px solid #598ACC;}
.menu2 ul li a.menu2five:hover {background:#598ACC; color:#FFFFFF;}
.menu2 ul li:hover a.menu2five {background:#598ACC; color:#FFFFFF;}

.menu2 ul li a.menu2six, .menu2 ul li a.menu2six:visited {
float:left; display:block; text-decoration:none; text-align:center; background-color:#CD71B4; color:#FFFFFF; padding:0px 2px; line-height:20px; height:20px;width:60px;border-bottom:4px solid #CD71B4;}
.menu2 ul li a.menu2six:hover {background:#CD71B4; color:#FFFFFF;}
.menu2 ul li:hover a.menu2six {background:#CD71B4; color:#FFFFFF;}

.menu2 ul li ul {
display: none;
}
.menu2 table {
margin:0; font-size:10px; position:absolute; top:0; left:0;
}









/* specific to non IE browsers */




.menu2 ul li:hover ul.menu2two  {
display:block; position:absolute;top:19px; margin-top:5px; left:0; 
}
.menu2 ul li:hover ul.menu2two li a {
display:block; color:#fff;height:auto;line-height:15px;padding:4px 2px; width:62px; background:#35962B; 
}
.menu2 ul li:hover ul.menu2two li a:hover {
color:#fff; background: #35962B;
}


.menu2 ul li:hover ul.menu2three  {
display:block; position:absolute;top:19px; margin-top:5px; left:0; 
}
.menu2 ul li:hover ul.menu2three li a {
display:block; color:#fff;height:auto;line-height:15px;padding:4px 2px; width:110px; background:#F3AD1A; 
}
.menu2 ul li:hover ul.menu2three li a:hover {
color:#fff; background: #F8D93D;
}


.menu2 ul li:hover ul.menu2four  {
display:block; position:absolute;top:19px; margin-top:5px; left:0; 
}
.menu2 ul li:hover ul.menu2four li a {
display:block; color:#fff;height:auto;line-height:15px;padding:4px 2px; width:214px; background:#E1134F; 
}
.menu2 ul li:hover ul.menu2four li a:hover {
color:#E1134F; background: #FBDDDB;
}


.menu2 ul li:hover ul.menu2five  {
display:block; position:absolute;top:19px; margin-top:5px; left:0; 
}
.menu2 ul li:hover ul.menu2five li a {
display:block; color:#fff;height:auto;line-height:15px;padding:4px 2px; width:102px; background:#598ACC; 
}
.menu2 ul li:hover ul.menu2five li a:hover {
color:#fff; background: #B9DEE6;
}


.menu2 ul li:hover ul.menu2six  {
display:block; position:absolute;top:19px; margin-top:5px; left:0; 
}
.menu2 ul li:hover ul.menu2six li a {
display:block; color:#fff;height:auto;line-height:15px;padding:4px 2px; width:78px; background:#CD71B4; 
}
.menu2 ul li:hover ul.menu2six li a:hover {
color:#fff; background: #E3B594;
}






/* specific to IE5.5 and IE6 browsers */

.menu2 ul li a.menu2one:hover ul {
display:block;position:absolute;top:20px; t\op:19px; background:#aaa;left:0; marg\in-top:1px;
}
.menu2 ul li a.menu2two:hover ul {
display:block;position:absolute;top:25px; t\op:23px; background:#A7AC6A;left:0; marg\in-top:1px;
}
.menu2 ul li a.menu2three:hover ul {
display:block;position:absolute;top:25px; t\op:23px; background:#F3AD1A;left:0; marg\in-top:1px;
}
.menu2 ul li a.menu2four:hover ul {
display:block;position:absolute;top:25px; t\op:23px; background:#E1134F;left:0; marg\in-top:1px;
}
.menu2 ul li a.menu2five:hover ul {
display:block;position:absolute;top:25px; t\op:23px; background:#8ED1DA;left:0; marg\in-top:1px;
}
.menu2 ul li a.menu2six:hover ul {
display:block;position:absolute;top:25px; t\op:23px; background:#D58E62;left:0; marg\in-top:1px;
}


.menu2 ul li a:hover ul.endstop {
left: -45px;
}


.menu2 ul li a:hover ul li a.drop {
background:#888; padding-bottom:5px;
}
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0; 
}

.menu2 ul li a.menu2one:hover ul li a:hover {
color:#fff; background: #888;
}

.menu2 ul li a.menu2two:hover ul li a {display:block; text-align:left; color:#fff; height:1px; line-height:15px; padding:4px 8px; width:62px;
}
.menu2 ul li a.menu2two:hover ul li a:hover {
color:#fff; background: #35962B;
}

.menu2 ul li a.menu2three:hover ul li a {display:block; text-align:left; color:#fff; height:1px; line-height:15px; padding:4px 2px; width:110px;
}
.menu2 ul li a.menu2three:hover ul li a:hover {
color:#fff; background: #F8D93D;
}

.menu2 ul li a.menu2four:hover ul li a {display:block; text-align:left; color:#fff; height:1px; line-height:15px; padding:4px 2px; width:214px;
}
.menu2 ul li a.menu2four:hover ul li a:hover {
color:#E1134F; background: #FBDDDB;
}

.menu2 ul li a.menu2five:hover ul li a {display:block; text-align:left; color:#fff; height:1px; line-height:15px; padding:4px 2px; width:102px;
}
.menu2 ul li a.menu2five:hover ul li a:hover {
color:#fff; background: #B9DEE6;
}

.menu2 ul li a.menu2six:hover ul li a {display:block; text-align:left; color:#fff; height:1px; line-height:15px; padding:4px 2px; width:70px;
}
.menu2 ul li a.menu2six:hover ul li a:hover {
color:#fff; background: #E3B594;
}



.menu2 ul li a:hover ul li a:hover.drop {
background: #888; color:#ff0;
}
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:152px; height:138px; width:170px; overflow:auto; background:#888;
}
.menu2 ul li a:hover ul li a:hover ul.left {
left:-170px;
}
.menu2 ul li a:hover ul li a:hover ul li a:hover {background:#666; color:#0ff;}


.left {clear:both;}