/*Reponses.fr 2010 - design: +nicolasbarre*/
/*css version 3.0 noir*/


* {
margin:0;
}
body {
	background: #000 url(pics/degrade1.jpg) repeat-x;
	font: bold 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	
	scrollbar-arrow-color: #da3;
	scrollbar-face-color: #333;
	scrollbar-track-color: #555;
	scrollbar-highlight-color: #555;
	scrollbar-3dlight-color: #444;
	scrollbar-shadow-color: #111;
	scrollbar-darkshadow-color: #333;
}

#fond {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: url(pics/fond.jpg) center top no-repeat;
	height: 732px;
	-margin-left: 1px;
	
}

#page{
	margin: 0px auto;
	width: 995px;
	height: 750px;
	background: #222 url(pics/degradeX.jpg) repeat-y;
	border: 7px solid #333;
	z-index: 2;
}

#overDiv {
position:absolute;
visibility:hidden;
z-index:30000;
}
.orange, .boxorange, .sporange {
color:orange;
}
.vert, .boxvert, .spvert {
color:green;
}
.boxrouge, .boxorange, .boxvert {
border:2px solid;
display:block;
margin:20px 100px;
padding:5px;
text-align:center;
}


/*ZONES*/

#global {
padding:0px;
}
#main {
margin:0px;
padding:0px;
}
/*header*/
#deco_header {
display: none;
}
#header {
height:139px;
float: left;
position: relative;
left: 0px;
top: 0px;
width: 1001px;
z-index:3;
background: url(pics/banniere.jpg) no-repeat;
margin: 24px 0px 0px 0px;
-width: 100%;
}
#index {
display: block;
padding:0px;
height: 0px;
-margin: 0px 0px 0px 0px;
}
#colonne {

}

#log{
display: block;
position:absolute;
right: 5px;
top: 148px;
height: 57px;
width: 195px;
padding: 0px 7px 0px 0px;
margin: 5px 0px 0px 0px;
text-align: left;
font-size: 9pt;
text-align: right;
-right:5px;
-padding: 0px 0px 0px 0px;
color: #fff;
}
#log ul{
font-size: 10pt;
position: relative;
right: 0px;
top: -175px;
float: right;
color: #fff;
text-shadow: 1px 1px 5px #000;
}
#log ul li a{
cursor: pointer;
}
#log input {
}
#login_form{

}
#login_email{
width: 130px;
font-size: 8pt;
position:relative;
right: 0px;
top: 0px;
padding: 0px 8px 0px 0px;
margin: 0px -11px 0px 0px;
}
#login_mdp{
width: 88px;
font-size: 8pt;
position:relative;
right: 0px;
top: 0px;
padding: 0px 8px 0px 0px;
margin: 0px 0px 0px 0px;
}
#oublie{
font-size: 7pt;
position:relative;
right: 57px;
top: 1px;
padding: 0px 8px 0px 0px;
margin: 0px 0px 0px 0px;
color: #666;
}
#oublie:hover{
color: #fff;
}
#btn_ok_log {
background:transparent none;
border:none;
color:#da3;
font-weight:bold;
padding:0;
position:relative;
-right: 10px;

}
#btn_ok_log:hover {
color:#fff;
cursor: pointer;
}

/*Inscription*/
#inscr {
/*background: url(pics/transparent.png) repeat;*/
border:5px solid #444;
font-size:12px; 
margin-top:-200px;
margin-left:-165px;
width: 300px;
padding:10px;
position:absolute;
top:50%;
left:50%; 
z-index:500;
color: #fff;
background: #333;
filter: progid:DXImageTransform.Microsoft.shadow ( color=#000000, direction=135 ); 

/*/background: #fa0;*/

}
#mdp2{
position:relative;
left: -25px;
}

/*Menu Horisontal*/
#mainmenu{
display: block;
float: left;
position:relative;
left: 157px;
top: 139px;
width: 602px;
height: 20px;
border-top: 7px solid #333;
}

#mainmenu ul li{
float:left;
padding: 0px 0px 0px 0px;
background: url(pics/menu.png) no-repeat;
margin: 0px 0px 0px 0px;
width: 98px;
height: 20px;
border-right: 1px solid #333;
border-left: 1px solid #333;
text-align: center;
font-size: 12px;
}
#mainmenu ul li:hover{
margin: 0px 0px 0px 0px;
background: url(pics/menu2.png) no-repeat;
}
#mainmenu ul li a{
color: #da3;
}
#mainmenu ul li a:hover{
color: #fff;
}

/*Contenu*/

#inscription{
position: relative;
top: 0px;
left: 40px;
width: 600px;

}

/*Gauche*/

#gauche {
float: left;
height:587px;
position: relative;
left:0;
top: -17px;
width:150px;
border-right: 7px solid #333;
padding: 0px;
text-align: left;
z-index: 500;
-top: -2px;
/top: -2px;
}
#gauche h2{
display: block;
height:25px;
width:150px;
background: #333;
margin: 0px 0px 0px 0px;
color: #da3;
}
/*Menu*/
#menujs {
height:562px;
left:0;
overflow-x:hidden;
overflow-y: auto;
width:150px;
z-index: 2;
}
.menu {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
vertical-align:top;
}

.menu2 {
margin:2px 0 0;
}
.menu2 a {
color:#da3;
font-weight:bold;
font-size: 11pt;
line-height:3ex;
margin-left:0;
padding:0 0 0 5px;
}
.menu2 a:hover {
color:#fff;
margin-left: 5px;
}
.menu ul  {
display:inline;
}
.menu a {
color: #fff;
font-style: normal;
font-weight: normal;
font-size: 10pt;
PADDING:2px 2px 2px 7px;
}
.menu ul a {
FONT-WEIGHT:400;
MARGIN:2px 2px 2px 0px;
}
.menu ul a:hover {
color: #da3;
}
#moins{
cursor: pointer;
position: relative;
left:5px;
top: 5px;
}
#plus{
cursor: pointer;
position: relative;
left:7px;
top: 5px;
}

/* Competitions gauche */
#competitions{
	float: left;
	position: relative;
	left: 0px;
	top: -36px;
	margin: 0px 0px 0px 0px;
	width: 188px;
	height: 587px;
	border-right: 7px solid #333;
	/top: -2px;
	z-index: 2;
}
#titre-competitions{
	width: 188px;
	height: 25px;
	background-color: #333;
}
#menu-competitions{
	margin: 0px 0px 0px 0px;
}
#menu-competitions ul{
	list-style: none;
}
#menu-competitions a{
	display: block;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 40px;
	text-indent: 65px;
	border-bottom: 2px solid #333;
	font-size: 14pt;
	color: #da3;
}
#menu-competitions a:hover{
	text-indent: 68px;
	color: #fff;
}

#mfoot a{
	background: url(pics/foot.jpg) no-repeat;
}
#mfoot a:hover{
	background: url(pics/foot2.jpg) no-repeat;
}

#mrugby a{
	background: url(pics/rugby.jpg) no-repeat;
}
#mrugby a:hover{
	background: url(pics/rugby2.jpg) no-repeat;
}

#mpolitique a{
	background: url(pics/politique.jpg) no-repeat;
}
#mpolitique a:hover{
	background: url(pics/politique2.jpg) no-repeat;
}

#meconomie a{
	background: url(pics/eco.jpg) no-repeat;
}
#meconomie a:hover{
	background: url(pics/eco2.jpg) no-repeat;
}

#mjustice a{
	background: url(pics/justice.jpg) no-repeat;
}
#mjustice a:hover{
	background: url(pics/justice2.jpg) no-repeat;
}

#mmeteo a{
	background: url(pics/soleil.jpg) no-repeat;
}
#mmeteo a:hover{
	background: url(pics/soleil2.jpg) no-repeat;
}

#melection a{
	background: url(pics/vote.jpg) no-repeat;
}
#melection a:hover{
	background: url(pics/vote2.jpg) no-repeat;
}

/*Milieu*/

#millieu {
float: left;
width: 602px;
height: 562px;
margin: -20px 0px 0px 0px;
position: relative;
left: 0px;
/margin: -2px 0px 0px 0px;
}
#millieu h2 {
color: #fff;
font-size: 10pt;
}
#millieu table {
border-collapse:collapse;
}
#millieu td {
text-align:center;
}
/*Milieu Gauche -> voir l.434*/

/*Milieu Haut*/
#milieuHaut {
float: left;
width: 602px;
position: relative;
top: -36px;
/*top: -551px;*/
background: #333;
padding: 2px 0px 2px 0px;
/top: -2px;
}

#tickerHaut {
width: 995px;
height: 17px;
position: relative;
margin: 180px 0px 0px 0px;
top: -180px;
padding: 1px 0px 0px 0px;
background: #000;
border-bottom: 7px solid #333;
color: #888;
font-size: 10pt;
font-family: Courier, "Courier New", monospace;
/top: -341px;
/margin: 176px 0px -184px 0px;
-top: -340px;
-margin: 176px 0px -199px 0px;
}

marquee span span{
color: #da3 !important;
}

#milieuHaut span {
/*float: left;*/
color:#fff;
font-size:9pt;
font-weight:bold;
padding:0;
margin: 4px 15px -4px -1px;
}
#milieuHaut h2 {
color:#da3;
font-size:12pt;
font-weight:bold;
padding:0;
margin: 19px 10px 0px 0px;
}

/* Bienvenue */
#bienvenue{
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 602px;
	height: 302px;
}

#titre-bienvenue{
	width: 602px;
	height: 25px;
	background-color: #f60;
}

#accueil2{
display: none;
	background-color: #f60;
	width: 602px;
	height: 100px;
	-margin: 0px 0px -3px 0px;
}
#accueil2 object{
	z-index: 1;
}

#accueil{
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 0px 15px;
	width: 350px;
	height: 262px;
	border-right: 2px solid #333;
	border-top: 1px solid #333;
	font-size: 13px;
	color: #fff;
	text-align: justify;
}
#accueil p{
	margin: -2px 0px -3px 0px;
	line-height: 16px;
}

#didacticiel{
	display: block;
	margin: -4px 0px 0px 0px;
	padding: 2px 20px 0px 20px;
	width: 340px;
	height: 24px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	background: url(pics/boutonjaune.jpg) no-repeat;
	text-align: center;

}
#didacticiel:hover{
	background: url(pics/boutonjaune2.jpg) no-repeat;
}

#didacticiel h2{
	color: #da3;
}
#didacticiel h2:hover{
	color: #fff;
}

#specificite{
	float: right;
	position: relative;
	left: 0px;
	top: 0px;
	margin: -303px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	width: 203px;
	height: 144px;
	border-top: 2px solid #333;
}
#specificite p{
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	text-align: left;
	line-height: 15px;
	color: #fff;
}
#specificite h2{
	color: #da3;
	font-size: 12pt;
}

/* Derniers paris */
#dernier{
	float:left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 602px;
	height: 200px;
}

#titre-dernier{
	width: 602px;
	height: 25px;
	background-color: #333;
}

#pari1{
	float:left;
	width: 149px;
	height: 175px;
	border-right: 2px solid #333;
	background: url(pics/pari.gif) bottom no-repeat;
}
#pari1:hover{
	background: url(pics/pari2.gif) bottom no-repeat;
}

#pari2{
	float:left;
	width: 149px;
	height: 175px;
	border-right: 2px solid #333;
	background: url(pics/pari.gif) bottom no-repeat;
}
#pari2:hover{
	background: url(pics/pari2.gif) bottom no-repeat;
}

#pari3{
	float:left;
	width: 149px;
	height: 175px;
	background: url(pics/pari.gif) bottom no-repeat;
	border-right: 2px solid #333;
}
#pari3:hover{
	background: url(pics/pari2.gif) bottom no-repeat;
}

#pari4{
	float:left;
	width: 149px;
	height: 175px;
	background: url(pics/pari.gif) bottom no-repeat;
}
#pari4:hover{
	background: url(pics/pari2.gif) bottom no-repeat;
}

#textepari{
	margin: -2px 0px 0px 0px;
	padding: 5px 7px 0px 7px;
	font-size: 9pt;
	line-height: 14px;
}

/* Pub */
#pub{
	float:left;
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px 0px 0px 0px;
	width: 602px;
	height: 53px;
	border-top: 7px solid #333;

}

#pub1{
	float:left;
	margin: 0px 0px 0px 0px;
	width: 300px;
	height: 53px;
	border-right: 2px solid #333;
}

#pub2{
	float:right;
	margin: 0px 0px 0px 0px;
	width: 300px;
	height: 53px;
	
}

#pub3{
	float:right;
	margin: -55px 0px 0px 0px;
	width: 299px;
	height: 110px;
}

#regles{
position: relative;
top: 0px;
left: 0px;
float: left;
width: 562px;
height: 521px;
overflow-y: auto;
overflow-x: hidden;
padding: 20px;
text-align: justify;
}
#regles p{
padding: 3px;
color: #fff;
}
#reglesMembre{
position: relative;
top: 0px;
left: 0px;
float: left;
width: 562px;
height: 496px;
overflow-y: auto;
overflow-x: hidden;
padding: 20px;
}
#reglesMembre p{
padding: 3px;
}
#rules{
cursor: pointer;
color: #da3 !important;
}
#redTrans{
cursor: pointer;
color: #da3 !important;
}
#redOptions{
cursor: pointer;
color: #da3 !important;
}

#rules:hover{
color: #fff !important;
}
#redTrans:hover{
color: #fff !important;
}
#redOptions:hover{
color: #fff !important;
}

.menuAide{
width: 600px;
float: left;
margin: -10px 0px 20px 0px;
}
.menuAide li{
float: left;
margin: 0px 10px 0px 0px;
}
.menuAide li:hover{
margin: 2px 10px -2px 0px;
}
.menuAide h2{
font-size: 10pt;
}
#texte-accueil10{
width: 572px;
height: 50px;
padding: 15px;
position: relative;
top: 0px;
color: #fff;
}
#mec{
background: url(pics/ballon2.jpg) no-repeat;
width: 392px;
height: 207px;
position: relative;
top: 328px;
}
/*Droite*/

#titre-droite{
width: 238px;
height: 25px;
background-color: #333;
position: relative;
left: 757px;
top: -17px;
-top: -2px;
-left: 599px;
/top: -2px;
/left: 602px;
}
#titre-droite h1{
position: relative;
right: 150px;
top: 0px;
-right: -7px;
/right: -7px;
}
#droite {
overflow-x:hidden;
overflow-y: auto;
float: right;
position: relative;
margin: 0px 0px 0px -700px;
padding: 3px 17px 3px 10px;
left: 0px;
top: -17px;
width: 203px;
height: 556px;
border-left: 6px solid #333;
text-align: left;
z-index: 3;
-left: 464px;
-top:-2px;
/left: 464px;
/top:-2px;
}
#droite h2{
font-size: 14px;
}
#menud {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
vertical-align:top;
}
#menud a {
font-size: 9pt;
color: #fff;
}
#menud a:hover {
color: #fff;
text-indent: 5px;
}
#menud h2{
color: #da3;
}
#menud h2:hover {
color: #fff;
}
#menud h2, #a_classement {
color: #da3;
}


#a_placement{
display: none;
}
#cat{
width:197px;
letter-spacing: 0px;
}
.eax{
width:197px;
letter-spacing: 0px;
margin: 0px 0px 20px 0px;
color: #fff;
}
#titre{
width:195px;
font: bold 8pt "Trebuchet MS", Arial, Helvetica, sans-serif;
overflow: auto;
}
#porte {
background:#444;
margin: 2px 0px 8px 0px;
padding:0px 3px 3px 0px;
width:201px;
}
#porte  select{
cursor: pointer;
}
#a_classement img{
cursor: pointer;
}
#info_com{
margin: 0px 0px 20px 0px;
padding: 0px 3px 0px 3px;
color: #fff;
font-size: 9pt;
text-align: justify;
}
#info_com strong{
color: #fff;
}
#info_com img{
display: block;
cursor: pointer;
}
#tableau-portefeuille{
padding: 0px;
font-size: 8pt;
}
#msg_demande {
color: #fff !important;
cursor: pointer;
}
#msg_offre {
color: #fff !important;
cursor: pointer;
}
#offre-vert{
background: #491;
padding: 5px;
width: 188px;
}
#demande-rouge{
background: #d23;
padding: 5px;
width: 188px;
}
/*#demande {
width: 90px;
background: url(pics/rouge.gif) no-repeat right;
margin: 8px 0px 0px 0px;
}
#offre {
width: 90px;
background: url(pics/vert.gif) no-repeat right;
}*/
#off {
cursor: pointer;
}
#dem {
cursor: pointer;
}
#msg_val5{
color: #fff !important;
font-style: italic;
line-height: 10pt;
}
#msg_val6{
color: #fff !important;
font-style: italic;
line-height: 10pt;
}

#resCalc{
color: #fff;
}

#cote{
width:200px;
margin-top: 10px;
}
#cote span{
font-size: 12px;;
}
#cote select{
width:197px;
}

#mise{
width:200px;
}
#mise select{
width:197px;
}
#test3 {
background:#444;
margin: 2px 0px 8px 0px;
padding:  5px 3px 10px 0px;
width:201px;
}
#test{
padding:0px 3px 0px 3px;
width:163px;
color: #666;
}
#test table{
color: #fff;
}

.comm{
color: #fff;
}
#sel_sscat select{
color: #000;
}
#test a{
font-size: 9pt;
color: #fff;
}
#test a:hover{
color: #da3;
}
#type_annonce{
font-style: normal;
width:200px;
margin: 0px 0px 0px 0px;
}
#porte2 {
padding: 1px 0px 8px 0px;
}
#porte3 {
padding: 1px 0px 8px 0px;
}
#porte4 {
padding: 1px 0px 8px 0px;
}
#titre_details {
margin: 0px 0px 5px 0px;
color: #fff;
}
#p_val1, #p_val2, #p_val3, #p_val4{
margin: 10px 0px 0px 0px;
}
#p_val1 img, #p_val2 img, #p_val3 img, #p_val4 img{
position: relative;
top: 3px;
margin: 0px 2px 0px 0px;
cursor: pointer;
}
#question {
margin: 0px 0px 7px 0px;
width: 198px;
font-size: 11pt;
}
#inputs {
margin: 0px 0px 17px 0px;
width: 198px;
font-size: 9pt;
font-style: italic;
}
#inputs label{
display: block;
margin: -17px 0px -10px 15px;
line-height: 14px;
cursor: pointer;
text-align: justify;
}
#no{
cursor: pointer;
}
#yes{
cursor: pointer;
}
#opinion {
margin: 10px 0px 7px 0px;
width: 198px;
color: #fff;
font-size: 9pt;
line-height: 14px;
text-align: justify;
}
/*communaute droite*/
#communaute{
	float: right;
	position: relative;
	margin: 0px 0px 0px 0px;
	left: 0px;
	top: -36px;
	width: 191px;
	height: 587px;
	border-left: 7px solid #333;
	text-align: center;
	/top: -2px;
}

#titre-communaute{
	width: 191px;
	height: 25px;
	background-color: #333;
	text-align: left;
	margin: 0px 0px 70px 0px;
}

#bouton{
	height: 30px;
	padding: 8px 0px 0px 0px;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	background: url(pics/bouton.jpg) repeat;
	color: #da3;
	margin: -2px 0px 0px 0px;
}
#bouton:hover{
	background: url(pics/bouton2.jpg) repeat;
	color: #fff;
}

#radio{
	height: 67px;
	padding: 0px 0px 0px 0px;
	font-size: 9pt;
	background: url(pics/radio.jpg);
	border-bottom: 2px solid #333;
}
#radio:hover{
	background: url(pics/radio2.jpg) repeat;
	color: #fff;
}

#pro{
	height: 44px;
	padding: 23px 0px 0px 0px;
	font-size: 9pt;
	background: url(pics/pro.jpg);
	border-bottom: 2px solid #333;
}
#pro:hover{
	background: url(pics/pro2.jpg) repeat;
	color: #fff;
}
/*Commentaires*/
/*#commentaires {
display: none;
position: relative;
top: 300px;
left: 610px;
margin:0px;
width: 191px;
}
#comments {
MARGIN-TOP:5px;
height: 180px;
OVERFLOW:auto;
padding: 0px 0px 0px 0px;

}
#commentaires em {
color:#f60;
font-size:11px;
font-weight:bold;
}
#commentaires div {
font-size:11px;
font-weight:bold;
}
#commentaires h2 {
font-size:10pt;
font-weight:bold;
}*/

/*Footer*/
#footer-reponses {
margin: 0px auto;
height: 0px;
width: 1006px;
position: relative;
top: 765px;
font-size: 8pt;
text-align: right;
color: #444;
}
#footer-reponses a {
color: #444;
}
#footer-reponses a:hover {
color: #fff;
}

/*BOUTONS*/

.suivPrec{
display: block;
float: left;
background: url(pics/valider.png) no-repeat;
border: none;
color:#fff;
font-size:11px;
font-weight: bold;
width:70px;
height: 18px;
text-align: center;
cursor: pointer;
margin: 15px 0px 0px 10px;
}
.suivPrec:hover{
background: url(pics/valider2.png) no-repeat;
color:#fff;
cursor: pointer;
}

.proposition {
background: url(pics/proposition.png) no-repeat;
border: none;
color:#fff;
font-size:11px;
font-weight: normal;
width:160px;
height: 18px;
text-align: center;
cursor: pointer;
margin: 0px 0px 6px 0px;
}
.proposition:hover {
background: url(pics/proposition2.png) no-repeat;
color:#f40;
cursor: pointer;
}

#portef2 button {
background: url(pics/valider.png) no-repeat;
border: none;
color:#333;
font-size:11px;
font-weight: bold;
width:70px;
height: 18px;
padding-bottom: 4px;
text-align: center;
cursor: pointer;
margin: 0px 0px 0px 3px;
}
#portef2 button:hover {
background: url(pics/valider2.png) no-repeat;
color:#fff;
cursor: pointer;
}

#btn_inscr_ok {
background: url(pics/valider.png) no-repeat;
border: none;
color:#333;
font-size:11px;
font-weight: bold;
width:70px;
height: 18px;
text-align: center;
cursor: pointer;
margin: 20px 0px 0px 0px;
}
#btn_inscr_ok:hover {
background: url(pics/valider2.png) no-repeat;
color:#fff;
cursor: pointer;
}

#btn_form {
}
#btn_form input {
background: url(pics/valider.png) no-repeat;
border: none;
color:#333;
font-size:11px;
font-weight: bold;
width:70px;
height: 18px;
padding-bottom: 5px;
text-align: center;
cursor: pointer;
margin: 10px 0px 10px 0px;
}
#btn_form input:hover {
background: url(pics/valider2.png) no-repeat;
color:#fff;
cursor: pointer;
}

#btn_depot_annl{
background: url(pics/valider.png) no-repeat;
border: none;
color:#333 ;
font-size:11px;
font-weight: bold;
width:70px;
height: 18px;
text-align: center;
cursor: pointer;
margin: 15px 0px 0px 0px !important;
}
#btn_depot_annl:hover{
background: url(pics/valider2.png) no-repeat;
color:#fff;
cursor: pointer;
}


#test2 {
border:1px solid #ff0000;
margin-top:5px;
padding:1px 5px 14px 5px;
width:190px;
}

.gauche {
text-align:left;
}
.centre {
text-align:center;
}
.droite {
text-align:right;
}

.m_foot {
border-top:2px solid #FFFFFF;
height:6px;
}


#last50 td.gauche,#liste td.gauche, #tableauDesLast td.gauche , #resumes td.gauche, #resumesAjG td.gauche{
text-align:left;
}
#last50 th.gauche, #liste th.gauche {
font-weight:bold;
}

#spef1{
padding: 0px 0px 0px 0px;
/*background:#491;*/
background:#491;
font-size:125%;
color: #fff !important;
}
#spef1T{
background:#491;
font-size:90%;
color: #fff !important;
}
#spef1sH {
background:#6b3;
font-size:90%;
color: #fff !important;
}
#spef2 {
padding: 0px 0px 0px 0px;
/*background:#d23;*/
background:#d23;
font-size:125%;
color: #fff !important;
}
#spef2T {
background:#d23;
font-size:90%;
color: #fff !important;
}
#spef2sH {
background:#f45;
font-size:90%;

color: #fff !important;
}
.car_titre {
border:1px solid #999999;
font-weight:bold;
text-align:left;
}
.car_item {
text-align:center;
width: 18 px;
}
#spef3 {
background:#333;
font-size:125%;
}
#spef4 {
font-size:80%;
font-style:italic;
}
#spef5 {
font-size:125%;
}
#spef6 {
background: none;
font-size:80%;
}
#spef7 {
background:#333;
font-size:125%;
font-weight:bold;
color: #fff !important;
}
#spef1:hover {
background:#6b3;
}
#spef2:hover {
background:#f45;
}
#tabCot table {
border:2px solid #999999;
border-collapse:collapse;
margin:4px;
}
#tabCot td {
border:1px solid #E6E6E6;
padding:3px 4px;
text-align:center;
}
#tabCot tr:hover {
background:#F1F1F1 none repeat scroll 0 0;
}
#image {
margin:0 5px;
float:right;
padding: 20px 25px 10px 25px;
}
#carnet table {
margin-top:5px;
width:145px;
margin-bottom:15px;
}
#phot {
position:absolute;
max-width:130px;
max-height:130px;
margin-top:220px;
margin-left:400px;
}
/*
#phot {
float:right;
margin:0 5px;
width:130px;
height:130px;
margin-top:0px;
padding: 15px 5px 0px 0px;
}
*/

#autres_cats {
position: relative;
top: 24px;
right: 00px;
float: right;
margin: 12px 20px 0px 0px;
width:180px;
}

/* TABLEAUX*/

#millieu tr:hover {
background:#da3;
color: #333;
}
#millieu td{
border-collapse: collapse;
cursor:pointer;
}
#millieu .t_titre {
background: #333;
font-size: 14px;
cursor: default;
color: #da3;
font-weight: bold;
}
#millieu  th{
background: #333;
font-size: 14px;
cursor: default;
color: #666;
border: 2px solid #333;
}

/*Derniers prix echanges U*/
#toutesres table{
margin:auto; 
}
#tableauDesLast {
float:left;
margin: 20px 0px 0px 20px;
max-height: 520px;
border: 5px solid #333;
background: #444;
}
#tableauDesLast td {
border: 2px solid #333;
padding: 5px;
}
#tableauDesLast th {
font-weight: normal;
}

/*Prochaines competitions U*/
#divecheances {
float:right;
margin:5px 5px 5px 5px;.
}
#echeances td {
border: 2px solid #333;
padding: 2px 10px 2px 10px;
}
#echeances table{
position: relative;
top: 20px;
left: 20px;
float: left;
border: 5px solid #333;
background: #444;
border-collapse: collapse;
}
#echeances th {
font-weight: normal;
}
/*Prochaines competitions Index U*/
#index_echeances{
position: relative;
top: 20px;
left: 20px;
float: left;
max-height: 480px;
border: 3px solid #333;
overflow-y: auto;
overflow-x: hidden;
}
#index_echeances table{
background: #444;
border-collapse: collapse;
}
#index_echeances td{
border-bottom: 1px solid #333;
border-right: 2px solid #333;
border-left: 2px solid #333;
padding: 2px 20px 2px 4px;
}

/*Dernieres compensations U*/
#echeances2 table{
max-height:200px;
position: relative;
top: 15px;
left: 15px;
float: left;
border: 5px solid #333;
background: #444;
border-collapse: collapse;
}
#echeances2 td{
border: 2px solid #333;
padding: 2px 10px 2px 10px;
}
#echeances2 th{
font-weight: normal;
}

/* Journee U*/
#journee{
max-width: 555px;
max-height:495px;
overflow-y: auto;
overflow-x: hidden;
position: relative;
top: 20px;
left: 20px;
float: left;
border: 5px solid #333;
background: #444;
border-collapse: collapse;
}
#journee td{
border-top: 1px solid #333;
border-right: 2px solid #333;
border-left: 2px solid #333;
padding: 2px 10px 2px 0px;
}

/*Classement*/
/*#divclassement {
float:right;
margin:5px 5px 5px 5px;
width: 261px;
}
#classement {
float:right;
height: 240px;
margin-top:5px;
overflow-y: auto;
overflow-x: hidden;
border: 5px solid #333;
width: 250px;
background: #fa0;
}
#classement th {
padding: 2px 15px 2px 15px;
}
#classement td {
border: 2px solid #333;
padding: 2px 15px 2px 15px;
}
#classement table{
margin:auto;
width: 250px;
}*/

/* Detail des Gains Realises U*/
#liste {
position: relative;
top: 0px;
left: 20px;
float: left;
width: 582px;
height: 502px;
overflow-y: auto;
padding: 15px 0px 20px 0px;
}
#liste  table{
border: 5px solid #333;
background: #444;
margin: 0px 20px 0px 0px;
}
#liste td {
padding:0px 5px;
border:2px solid #333;
cursor: default;
}
#liste td.gauche{
text-align:left;
padding:0px 1px;
}
#liste tr.resultat {
text-align:center;
}
#liste td.resultat {
border:2px solid #333;
text-align:center;
}
/*menu ordre en double*/
#liste p {
display: none;
}

/*Tous les prix Transaction U */
#resumesAjG {
position: absolute;
top: 10px;
right: 33px;
z-index: 2;
}
#resumesAjG table {
border: 3px solid #333;
background: #444;
display: block;
overflow-y: auto;
overflow-x: hidden;
max-height: 500px;
z-index: 500;
}
#resumesAjG td {
border: 2px solid #333;
}

/*Les derniers echanges*/
/*#last50 {
float:left;
height:380px;
margin:30px 10px 0px 10px;

}
#tableauLast {
float:left;
height:320px;
overflow:auto;
margin-top:5px;
border: 5px solid #333;
background: #fa0;
}
#tableauLast  td{
border: 2px solid #333;
}*/

/*Carnet des ordres U*/
#carnet {
position: relative;
top: 00px;
right: 00px;
float: right;
margin: 12px 20px 0px 0px;
}
#carnet h2{
color: #fff;
font-size: 9pt;
text-align:center;
}
#carnet table{
position: relative;
top: 0px;
left: 0px;
border: 5px solid #333;
background: #444;
}
#carnet td{
border: 2px solid #333;
cursor: default;
}

/*Tout les prix U*/
#resumes {
position: relative;
top: 0px;
left: 0px;
float: right;
margin: 12px 40px 0px 0px;
}
#resumes h2{
color: #fff;
font-size: 9pt;
text-align:center;
}
#resumes table{
display: block;
overflow-y: auto;
overflow-x: hidden;
position: relative;
top: 0px;
left: 0px;
max-height: 460px;
padding: 0px 0px 0px 0px;
margin-top:5px;
border: 3px solid #333;
background: #444;
}
#resumes td{
border-bottom: 1px solid #333;
border-left: 2px solid #333;
border-right: 2px solid #333;
margin: 0px;
}
#resumes .gauche{
width: 105px;
}
#resumes #spef1{
width: 100px;
}
#resumes #spef2{
width: 100px;
}
#resumes th{
color:#fff ;
font-size:11px;
}
#resumes #toto1{
padding: 0px 0px 0px 12px ;
color:#fff ;
font-size:11px;
}
#resumes #toto2{
padding: 0px 12px 0px 0px ;
color:#fff ;
font-size:11px;
}


/*Commentaires*/
#commentaires{
width: 250px;
position: relative;
left: 20px;
}
#comments{
padding: 10px;
height: 460px;
overflow-y: auto;
overflow-x: hidden;
border: 5px solid #333;
background: #444;
color: #fff;
font-size: 8pt;
line-height: 10pt;
margin: 5px 0px 0px 0px;
}
#comments em{
color: #f40;
font-size: 8pt;
}
#comments div{
margin: 0px 0px 7px 0px;

}

/*FIN TABLEAUX*/

/*Milieu Gauche
#accueilg {
float:left;
margin: 0px 0px 0px 20px;
width:260px;
padding: 0px 0px 0px 0px;
-margin: 0px 0px 0px 6px;
}
#accueilg p{
padding: 5px 3px 5px 3px;
font-size: 10pt;
}
#accueilg h2{
border-bottom: #f60 2px solid;
color: #ff4800;
}
#accueild {
float:right;
margin:0 10px;
width:150px;
}
#accueilg2 {
height:0;
position:relative;
width:0;
}
#accueilg3 img {
float:left;
margin-top: 7px;
margin-left: 0px;
}
#accueilg4 {
float:right;
margin:0 5px;
width:150px;
}
*/

#p_val1 {
float:left;
 width:50%;
}
#p_val2 {
float:right;
width:50%;
}
#p_val3 { 
float:left;
 width:50%;
}
#p_val4 {
float:right;
width:50%;
}


#graphique {
height:0;
position:relative;
width:0;
margin-top:350px;
}

#val3:focus {
background-color:#d23;
}
#val1:focus {
background-color:#491;
}
.liste img {
border:medium none;
margin:0;
padding:0;
}

/* FONTS*/
a {
color:#fff;
text-decoration:none;
outline: none;
cursor: pointer;
}
a:hover {
color:#fff;
outline: none;
cursor: pointer;
}
a:active, a:focus{
outline:none;
}

.icons a img {
border:medium none;
padding:2px;
vertical-align:middle;
}
h1 {
color:#da3;
font-size:12pt;
}
h1.portefeuille {
color:#5279A0;
font-size:18px;
font-weight:700;
letter-spacing:2px;
padding:0 0 0.5em;
text-align:center;
}
h2 {
font-size: 16px;
font-weight: bold;
margin:0;
}
.presentation h2 {
color:#449DF1;
}
h3 {
border-bottom:1px solid #EEEEEE;
font-size:14px;
margin:1em 0;
}
p{
padding: 0;
}
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
}
h4 {
background:#D8D8D8 none repeat scroll 0 0;
color:#fff000;
display:block;
font-weight:700;
margin-left:0;
margin-top:4px;
padding:2px 2px 2px 17px;
width:141px;
}
table{
font-size: 9pt;
}



#noscript {
background:#fff;
color: #f60;
border:5px solid #333;
font-size:15px;
left:204px;
padding:2px 20px;
position:fixed;
top:97px;
z-index:500;
}
#header .share {
color:#999999;
font-size:18px;
padding:0 5px;
text-align:right;
word-spacing:1em;
}



.nb {
color:#999999;
display:none;
font-size:10px;
}
#liens {
font-size:12px;
font-weight:700;
padding-bottom:15px;
text-align:center;
}
#pub_accueil {
bottom:0;
clear:both;
height:90px;
margin:0 auto;
position:relative;
width:728px;
}
label.eax {
font-weight:700;
line-height:3.5ex;
margin-right:10px;
text-align:right;
width:250px;
}
form code {
font-weight:700;
line-height:3.5ex;
}
form input {
border:1px solid #333;
font-size:11px;
padding:2px;
}
form select {
border:1px solid #333;
font-size:11px;
width:190px;
}
form textarea {
border:1px solid #333;
clear:both;
font-size:10px;
height:30px;
margin:5px auto;
width:180px;
}

#alerte_valid {
background:#FF9900 none repeat scroll 0 0;
border:5px solid #990000;
color:#FFFFFF;
margin-bottom:20px;
padding:5px;
}
#alerte_valid strong {
color:#990000;
font-size:15px;
}
#alerte_valid p {
font-size:13px;
padding:1pt 0;
text-align:justify;
}
#pagination {
clear:left;
text-align:center;
}
#pagination em {
color:#999999;
}
#legend {
clear:both;
text-align:center;
}
#form_contact input, #form_contact textarea {
border:1px solid #AAAAAA;
}
#form_contact textarea {
height:100px;
width:99%;
}
#form_contact #btn_ok {
font-weight:700;
height:2em;
width:50px;
}
#envoiencours, #messagerie .waitreply {
color:#777777;
font-style:italic;
height:150px;
padding-top:100px;
text-align:center;
}
#lien_masquer, #lien_afficher {
padding:0 0 5px;
}
#beta {
background:white none repeat scroll 0 0;
border:2px solid #FF9900;
left:10px;
padding:3px;
position:absolute;
top:10px;
z-index:1000;
}
#eax {
position:absolute;
right: 0px;
top:0px;
text-align:right;
z-index:10000;
}
#eax #debug {
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
border:2px solid #D65C33;
height:400px;
overflow:auto;
padding:5px;
text-align:left;
width:900px;
}
.presentation img {
float:left;
padding:0 10px 10px 0;
}
.presentation p {
line-height:20px;
}
#warning, .expanded b, .collapsed em, .menu .footer span, #header h1, #colonne h2, legend {
display:none;
}
.rouge, .boxrouge, .sprouge, #alerte_valid a:hover {
color:red;
}
.rouge, .vert, .orange, .boxrouge, .boxvert, .boxorange, #colonne a, #zone_rech .eaxx {
font-weight:700;
}
p {
position:relative;
}
#po, #depot table {
width:244px;
}
.menu ul ul li a, .resume span.retour {
padding-left:20px;
}
.menu a:hover, .icons a:hover, label.eax:hover, label.noline:hover, .resume span.retour a:hover, .resume span.retourssmarge a:hover, #zone_rech .eaxx:hover, #etapes li a:hover {
text-decoration:none;
}
.menu li.active a, .rowodd {
background:#FFFFFF none repeat scroll 0 0;
}
#header .share strong, #etapes li strong {
font-weight:400;
}
#mainmenu ul, #log p, #btn_form p, #zone_r p {
padding:0;
}
#carte_france h2, #categories h2 {
margin:0 1em 0.5em 0;
}
#categories li.categorie strong a, #etapes li.current strong {
color:#FFFFFF;
}
#alerte_valid a, .lien_ask a {
color:#990000;
font-weight:700;
text-decoration:underline;
}
* html ul.galerie li, * html ul.galerie .aphoto {
width:201px;
}
.strike { text-decoration: line-through; }