/* CSS Document */
* {
	margin:0;
	padding:0;
	list-style-type:none;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000099;
}


#container {
	
	margin:auto;
	width:840px;
	height:1190px;
}

 body {
 	background:no-repeat;
 }

#container2 {
	width:840px;background:transparent url(../graph_design/px_bg.gif) repeat-y;
	height:1255px;
	
}

a img {
	border:none;
}

.bord {
	border:solid 1px #000066;
}

#header {
	background:transparent url(../graph_design/header_bg.gif) no-repeat;
	width:840px;
	height:132px;

}

#flash_header {
	padding-left:20px;
	padding-top:11px;
}

#prechargement {
	display:none;
}

#barometre {
	height:35px;
	padding-left:5px;
	padding-right:15px;
	padding-top:7px;
	margin-bottom:-3px;
	color:#345497;
	font-weight:bold;
	font-size:12px;
	background-color:#edf2fc;
	margin-left:23px;
	cursor:default;
	width:774px;
}
#partie_sup {
	background:transparent url(../graph_design/partie_sup_bg.gif) no-repeat top;
	width:840px;
	height:116px;
	margin-bottom:11px;
}

#ressource {
	color:#da5767;
	width:300px;
	padding-left:30px;
	padding-top:-2px;
	float:left;
	font-weight:bold;
	height:41px;
	margin-bottom:5px;
	font-size:10px;
	line-height:30px;
	margin-top:-2px;
}

#calendrier {
	float:right;
	width:400px;
	padding-right:25px;
	margin-top:6px;
}

#message {
	margin-top:-3px;
	margin-right:40px;
	float:left;
	color:#da5767;
	float:right;
	width:170px;
}

#message a {
	color:#da5767;
	text-decoration:underline;
}

#message a:hover {
	text-decoration:none;
}

#message td a{
	text-decoration:underline;
}

#menu_gauche {
	margin-top:-74px;
	width:139px;
	float:left;
	padding-top:10px;
	padding-left:30px;
}

#menu_gauche ul{
	width:139px;
	height:260px;
	background:transparent url(../graph_design/menu_gauche2.gif) no-repeat;
}

#menu_gauche li {
	float:left;
}

#menu_gauche li a.accueil{
	margin-top:14px;
	display:block;
	width:139px;
	height:25px;
	
}

#menu_gauche li a.accueil:hover{
	background:transparent url(../graph_design/menu_gauche2_hover.gif) no-repeat 0px -14px;
	display:block;
	width:139px;
	height:25px;
}


#menu_gauche li a.inscription{
	display:block;
	width:139px;
	height:25px;
}

#menu_gauche li a.inscription:hover{
	background:transparent url(../graph_design/menu_gauche2_hover.gif) no-repeat 0px -39px;
	display:block;
	width:139px;
	height:25px;
}

#menu_gauche li a.regles{
	display:block;
	width:139px;
	height:25px;
}

#menu_gauche li a.regles:hover{
	background:transparent url(../graph_design/menu_gauche2_hover.gif) no-repeat 0px -64px;
	display:block;
	width:139px;
	height:25px;
}

#menu_gauche li a.classements{
	display:block;
	width:139px;
	height:25px;
}

#menu_gauche li a.classements:hover{
	background:transparent url(../graph_design/menu_gauche2_hover.gif) no-repeat 0px -89px;
	display:block;
	width:139px;
	height:25px;
}

#menu_gauche li a.forums{
	display:block;
	width:139px;
	height:25px;
}

#menu_gauche li a.forums:hover{
	background:transparent url(../graph_design/menu_gauche2_hover.gif) no-repeat 0px -114px;
	display:block;
	width:139px;
	height:25px;
}

#menu_gauche li a.arbre{
	display:block;
	width:139px;
	height:25px;
}

#menu_gauche li a.arbre:hover{
	background:transparent url(../graph_design/menu_gauche2_hover.gif) no-repeat 0px -139px;
	display:block;
	width:139px;
	height:25px;
}

#menu_gauche li a.historique{
	display:block;
	width:139px;
	height:25px;
}

#menu_gauche li a.historique:hover{
	background:transparent url(../graph_design/menu_gauche2_hover.gif) no-repeat 0px -164px;
	display:block;
	width:139px;
	height:25px;
}

#menu_gauche li a.historique2{
	display:block;
	width:139px;
	height:25px;
}

#menu_gauche li a.historique2:hover{
	background:transparent url(../graph_design/menu_gauche2_hover.gif) no-repeat 0px -189px;
	display:block;
	width:139px;
	height:25px;
}

#menu_gauche li a.historique3{
	display:block;
	width:139px;
	height:25px;
}

#menu_gauche li a.historique3:hover{
	background:transparent url(../graph_design/menu_gauche2_hover.gif) no-repeat 0px -214px;
	display:block;
	width:139px;
	height:25px;
}

#content {
	margin-top:19px;
	padding-top:5px;
	width:591px;
	float:right;
	color:#131b69;
}

#menu_droit {
	margin-top:10px;
	width:169px;
	height:155px;
	background:transparent url(../graph_design/menu_droit.gif) no-repeat;
	float:right;	
}

#menu_droit ul{
	width:139px;
	height:155px;
	margin-right:30px;
}

#menu_droit li {
	float:left;
}

#menu_droit li a.pecher{
	margin-top:15px;
	display:block;
	width:139px;
	height:25px;
}

#menu_droit li a.pecher:hover{
	background:transparent url(../graph_design/menu_droit_hover.gif) no-repeat 0px -15px;
	display:block;
	width:139px;
	height:25px;
}

#menu_droit li a.manger{
	display:block;
	width:139px;
	height:25px;
}

#menu_droit li a.manger:hover{
	background:transparent url(../graph_design/menu_droit_hover.gif) no-repeat 0px -40px;
	display:block;
	width:139px;
	height:25px;
}

#menu_droit li a.sentrainer{
	display:block;
	width:139px;
	height:25px;
}

#menu_droit li a.sentrainer:hover{
	background:transparent url(../graph_design/menu_droit_hover.gif) no-repeat 0px -65px;
	display:block;
	width:139px;
	height:25px;
}

#menu_droit li a.nager{
	display:block;
	width:139px;
	height:42px;
}

#menu_droit li a.nager:hover{
	background:transparent url(../graph_design/menu_droit_hover.gif) no-repeat 0px -90px;
	display:block;
	width:137px;
	height:42px;
}

#footer {
	background:url(../graph_design/footer2_bg.gif) no-repeat;
	width:840px;
	height:35px;
	color:#da5767;
	font-size:14px;
	font-weight:bolder;
	padding-top:8px;
	text-align:center;
	clear:both;
	margin:auto;
}

.donnees_standards{
	font-size:16px;
	font-weight:bold;
	color:#131b69;
	text-align:left;

}

.tab {
	padding-left:37px;
}

.tab1 {
	padding-left:40px;
}

.tab2 {
	padding-left:120px;
	padding-top:20px;
}

.tab3 {
	font-weight:bolder;
	font-size:14px;
}

.vert_fort {
	font-size:14px;
	color:#006600;
	font-weight:bolder;
}

.vert_clair {
	font-size:14px;
	color:#00CC00;
	font-weight:bolder;
}

.orange {
	font-size:14px;
	color:#FF6600;
	font-weight:bolder;
}

.rouge {
	font-size:14px;
	color:#FF0000;
	font-weight:bolder;
}

.rouge3 {
	font-size:12px;
	color:#FF0000;
	font-weight:bolder;
}

.rouge4 {
	font-size:16px;
	color:#FF0000;
	font-weight:bolder;
}

.bleu {
	color:#000099;
}

.normal {
	color:#000099;
	font-size:12px;
}

.rouge2 {
	font-size:14px;
	color:#FF0000;
	font-weight:bolder;
}

div.cadran
{
	width: 300px;
	height: 18px;
	font-weight:bolder;
	color:#355493;
	float:right;
	margin-top:2px;
}

div.cadran2
{
	width: 400px;
	height: 80px;
	font-weight:bolder;
	color:#355493;

}


hr

{
	border-color: #EAEAEA;
	border-width: 1px;
	border-style: solid;
}

div.cadran fieldset {
	border-width: 0px;
}

.wide {
	width:202px;
	color:#000099;
	border:1px #355493 solid;
	border-left:4px #355493 solid;
}

.wide option {
	width:202px;
	color:#000099;
	padding-left:3px;
}

.wide2 {
	width:202px;
	color:#000099;
	border:1px #355493 solid;
	border-left:4px #355493 solid;
}

.wide2 option {
	width:202px;
	color:#000099;
	padding-left:3px;
}

.wide3 {
	width:202px;
	color:#000099;
	border:1px #355493 solid;
	border-left:4px #355493 solid;

}

.wide3 option {
	width:202px;
	color:#000099;
	padding-left:3px;
}

.wide4 {
	width:202px;
	color:#000099;
}

.form4 { 
	color:#000099;
	border:1px #355493 solid;
	border-left:4px #355493 solid;
	padding-left:3px;
}

.form2 {
	color:#355493;
	font-weight:bolder;
	width:140px;
}

.titre {
	margin-top:-40px;
	margin-left:-15px;
	height:20px;
	line-height:20px;
	background-color:#d2d8fc;
	width:180px;
	text-align:center;
	margin-bottom:20px;
	border:2px solid #355493;
}

.titre2 {
	margin-left:120px;
	height:25px;
	line-height:25px;
	background-color:#FFFFFF;
	width:250px;
	text-align:center;
	padding-top:6px;
	margin-top:-204px;
}

.titre2 p {
	font-size:16px;
	font-weight:bolder;
	margin-left:-13px;
	padding-top:6px;
}

.titre2 img {
	padding-right:2px;
	padding-left:15px;
	margin-top:-6px;
}

.titre3 {
	margin-top:-220px;
	margin-left:75px;
	height:25px;
	line-height:25px;
	background-color:#FFF;
	width:350px;
	text-align:center;
	padding-top:6px;
}

.titre3 p {
	font-size:16px;
	font-weight:bolder;
	margin-left:-13px;
}

.titre3 img {
	padding-right:2px;
	padding-left:15px;
	margin-top:-6px;
}

#space {
	height:160px;
}

#space2 {
	height:400px;
}

.titre4 {
	margin-top:-152px;
	margin-left:147px;
	height:25px;
	line-height:25px;
	background-color:#FFF;
	width:220px;
	text-align:center;
	padding-top:6px;
}

.titre4 p {
	font-size:16px;
	font-weight:bolder;
	margin-left:-13px;
}

.titre4 img {
	padding-right:2px;
	padding-left:15px;
	margin-top:-6px;
}

.titre5 {
	margin-top:-435px;
	margin-left:100px;
	height:25px;
	line-height:25px;
	background-color:#FFF;
	width:160px;
	text-align:center;
	padding-top:6px;
}

.titre5 p {
	font-size:18px;
	font-weight:bolder;
	margin-left:-13px;
}

.titre5 img {
	padding-right:2px;
	padding-left:15px;
	margin-top:-3px;
}

.tableau1 {
	margin-top:35px;
	padding-left:40px;
	border:2px solid #8aabed;
	width:450px;
	padding-bottom:20px;
	padding-top:20px;
}

.tableau11 {
	margin-top:40px;
	margin-top:215px;
	padding-left:40px;
	border:2px solid #8aabed;
	width:450px;
	padding-bottom:20px;
	padding-top:20px;
}

.tableau2 {
	margin-top:230px;
	padding-top:20px;
	padding-left:40px;
	border:2px solid #8aabed;
	width:450px;
	padding-bottom:20px;
}

#tableau3 {
	margin-top:75px;
	padding-left:40px;
	font-size:14px;
	width:490px;
	padding-bottom:20px;
	background:transparent url(../images/ci.jpg) no-repeat;
	height:370px;
	color:#FFFF33;
	font-weight:bolder;
	padding-top:1px;
}


#tableau3 p.normal {
	color:#131b69;
}


#tableau3 a {
	color:#FFCC00;
	font-size:14px;
	text-decoration:underline;
}

#tableau3 a:hover {
	color:#FFCC00;
	font-size:14px;
	text-decoration:none;
}

#ps {
	text-align:center;
	color:#131b69;
	margin-left:-30px;
	margin-top:235px;
}

#tableau3 table.tab2 {
	margin-left:-30px;
}

#tableau3 td.td1 {
	text-align:right;
}

#tableau3 table.tab3 {
	margin-top:10px;
}

.rouge {
	color:#FF0000;
	font-size:10px;
}

.norm {
	color:#131b69;
}

#error {
	width:300px;
	border:1px solid red;
	margin-left:110px; 
	margin-top:5px;
	text-align:center;
	height:20px;
	line-height:20px;
	color:red;
}

#error2 {
	width:400px;
	border:1px solid red;
	margin-left:50px;
	margin-top:5px;
	text-align:center;
	height:20px;
	line-height:20px;
	color:red;
}



#error3 {
	width:400px;
	border:1px solid red;
	margin-left:50px;
	margin-top:5px;
	text-align:center;
	height:20px;
	line-height:20px;
	color:red;
}

#error4 {
	width:400px;
	border:1px solid red;
	margin-left:50px;
	margin-top:5px;
	text-align:center;
	height:40px;
	line-height:20px;
	color:red;
}

#confirm {
	text-align:left;

}

.petit {
	font-size:9px;
	font-style:italic;
	color:#FFFFFF;
}

.leger {
	color:#87a9e9;
}

#pingu img{
	padding-left:20px;
	margin-top:20px;
}

#photo {
	margin-top:-64px;
	margin-left:334px;
}

#photo img {
	border:none;
	padding:none;
	margin:none;
}

#validation {
	margin-left:340px;
	margin-top:40px;
}

#confirm {
	margin-left:160px;
	margin-top:-21px;
}

tr.taille {
	height:20px;
}

#nomcompte {
	margin-left:105px;
	margin-top:40px;
}

#parrain {
	margin-left:105px;
	margin-top:24px;
}

#prenom {
	margin-left:105px;
	margin-top:26px;
}

#email {
	margin-left:93px;
	margin-top:50px;

}

#pays {
	margin-left:93px;
	margin-top:30px;

}

#ville {
	margin-left:93px;
	margin-top:31px;

}

#age {
	margin-left:295px;
	margin-top:-264px;

}

#sexe {
	margin-left:295px;
	margin-top:25px;
}

#oiseaux {
	width:158px;
	height:76px;
	margin-left:200px;
	margin-top:-106px;
	padding-top:20px;
}

#oiseaux img {
	border:0;
	margin:0;
	padding:0;
}

#phoque {
	margin-left:360px;
	margin-top:-20px;
	width:100px;
	height:49px;
}

#popup2 {
	width:380px;
	height:190px;
	background-image:url(../graph_design/popup.jpg);
	margin-left:-3px;
	margin-bottom:-18px;
	text-align:justify;
}

.form1 { 
	color:#da5767;
}

.form2 {
	color:#355493;
	font-weight:bolder;
	width:140px;
}

#swf {
	margin-top:-915px;
	margin-left:230px;
	
}

#form9 {
	margin-bottom:-14px;
	width:300px;
	height:115px;
}

a img {
	border:none;
}

.bord10 {
	border:solid 1px #000066;
}