/*
---------------------
design_paris.css
---------------------
 */
 
body 
{
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family:   "Trebuchet MS", arial, serif;
}

/*Conteneur
--------------------------------------------------------------------------------------------------------------------------------------------------*/
#conteneur 
{
	position: absolute;
	width: 100%;
	min-width: 800px;
	max-width:1300px;
}

/*Entéte et banière 
--------------------------------------------------------------------------------------------------------------------------------------------------*/
#en_tete
{
	height:130px;
	background: url(../image/fond/fond_header_paris.gif) center repeat-x;
	border:1px solid transparent;
	border-bottom:1px solid #4096EE;
	border-top: 15px solid black;
}

#en_tete p
{
	margin: 0 ;
	padding: 0 ;
	padding-left:10px;
	padding-top:20px;
}
#en_tete img
{
	border: none ;
}
#banniere
{
	position:relative;
	top:-55%;
	margin-left:50%;
}
#banniere p
{
	margin: 0 ;
	padding: 0 ;
}
#banniere img
{
	border: none ;
}
/*Menu horizontale 
--------------------------------------------------------------------------------------------------------------------------------------------------*/
#menu_horizontal /*div*/
{
	padding-bottom:45px;
	background: url(../image/fond/fond_menuh.gif) bottom repeat-x;
}
#element_menu_horizontal /*ul*/
{
	margin: 0 ;
	padding: 0 ;
	list-style-type : none;
    padding-bottom : 32px;
    border-bottom: 1px solid black;
	background-color:#4096EE;
}
#element_menu_horizontal li /*les onglets*/
{
	float : left;
	margin: 0 ;
	padding: 0 ;
    height : 30px; 
    margin : 2px 0px 0 4px;
	background: url(../image/onglet/onglet_non_actif.png) top;
}
#element_menu_horizontal li.active /*onglet paris*/
{
	background: url(../image/onglet/onglet_actif.png) top;
}
#element_menu_horizontal li.active a /*onglet paris*/
{
	background: url(../image/logo/foot.png) no-repeat 10px 3px;
	padding:5px 10px 0 34px;
	color:white;
}
#element_menu_horizontal li.active a:hover /*onglet accueil*/
{
	text-decoration : none;
}
#element_menu_horizontal li.accueil a /*onglet accuiel*/
{
	background: url(../image/logo/piece.png) no-repeat 17px 3px;
	padding:5px 22px 0 22px;
	text-align:center;
}
#element_menu_horizontal li.casinos a /*onglet casinos*/
{
	background: url(../image/logo/jeton.png) no-repeat 21px 3px;
	padding:5px 22px 0 22px;
	text-align:center;
}
#element_menu_horizontal li.poker a /*onglet poker*/
{
	background: url(../image/logo/carte.png) no-repeat 30px 3px;
	padding:5px 22px 0 22px;
	text-align:center;
}
#element_menu_horizontal li.loterie a /*onglet loterie*/
{
	background: url(../image/logo/loto.png) no-repeat 17px 3px;
	padding:5px 22px 0 22px;
	text-align:center;
}
#element_menu_horizontal a /*aspect des liens*/
{
	display : block;
	margin: 0 ;
	padding: 0 ;
    text-decoration : none;
	width:100px;
	text-align:left;
	color:gray;
	font-weight:bold;
}
#element_menu_horizontal a:hover /*survole des liens*/
{
	color:white;
}
.centrage /*div de centrage du menu*/
{
	width:745px;
	margin:auto;
}


/*Menu verticale 
-----------------------------------------------------------------------------------*/
#menu_vertical /*div de la colonne de gauche*/
{
	clear:both;
	float: left;
	width: 180px;
	padding:0px 10px 10px 10px;
	margin-top: 10px;
	text-align:center;
}
.tete_menu /*titres des menu sans liste*/
{
	margin: 0 ;
	padding: 0 ;
	height:16px;
	padding:5px 0px;
	
	border: 1px solid #afbdc6;
	background: url(../image/onglet/menu_v_paris.gif) center repeat-x;
}
.tete_menu a /*aspect des liens des titre sans liste*/
{
	text-decoration : none;
	color:white;
}
.tete_menu a:hover /*survole des liens des titre sans liste*/
{
	text-decoration : underline;
}
.element_menu_vertical/*div des menus*/
{
	margin: 0 ;
	padding: 0 ;
	
	list-style: none ;
	border-left: 1px solid #afbdc6;
	border-right: 1px solid #afbdc6;
	border-top: 1px solid #afbdc6;
	background-color:white;
}
.element_menu_vertical h5/*titres des menu avec liste*/
{
	margin: 0 ;
	padding: 0 ;
	height:16px;
	padding:5px 0px;
	border-bottom:1px solid #afbdc6;
	background: url(../image/onglet/menu_v_paris.gif) center repeat-x;
}
.element_menu_vertical ul /*ul*/
{
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	padding: 0px 10px ;
	text-align:left;
	font-size: 0.6em;
	font-family:   verdana, arial, serif;
}
.element_menu_vertical ul li /*aspect du ul*/
{
	margin: 0 ;
	padding: 0 ;
}
.element_menu_vertical h5 a /*aspect des liens dans titre*/
{
	text-decoration : none;
	color:white;
}
.element_menu_vertical li a /*aspect des liens*/
{
	display:block;
	height:30px;
	line-height: 30px;
	text-decoration : none;
	color:black;
	background: url(../image/logo/foot.png) no-repeat left ;
	padding-left: 25px;
}
.element_menu_vertical h5 a:hover /*survole des liens*/
{
	text-decoration : underline;
}
.element_menu_vertical li a:hover /*survole des liens*/
{
	text-decoration : underline;
	color:blue;
}
/*Colonne droite
------------------------------------------------------------------------------------*/
#colonne_droite
{
	float: right;
	width: 180px;
	padding:0px 10px 10px 10px;
	margin-top: 10px;
}
#colonne_droite p
{
	margin: 0 ;
	padding: 0 ;
	padding: 10px;
	/*border: 1px solid #afbdc6;*/
	text-align:center;
}
#colonne_droite img
{
	border:none;
	margin: 0 ;
	padding: 0 ;
}
.pub-colonnedroite
{
	border: 1px solid #afbdc6;
	margin:10px 0 10px 0;
}
.pub-colonnedroite ul
{
	list-style-image: url("../image/autre/puce_black.png");
	font-size: 0.6em;
	font-family:   verdana, arial, serif;

}
.pub-colonnedroite li a
{
	text-decoration:none;
	color:#4096EE;
	font-weight:bold;
	display:block;
	height:30px;
	padding-top:5px;
}
.pub-colonnedroite li a:hover
{
	
	color:#3c3b3e;
	
}
.pub-colonnedroite h5
{
	margin: 0 ;
	padding: 0 ;
	text-align:center;
	height:16px;
	padding:5px 0px;
	border-bottom:1px solid #afbdc6;
	background: url(../image/onglet/menu_v_paris.gif) center repeat-x;
	color:white;
}

/*Corps de la page
--------------------------------------------------------------------------------------*/
#corps /*div du corps de page*/
{
	margin-left: 200px;
	margin-right: 200px;
	border:1px solid #afbdc6;
	padding: 20px;
	margin-top: 10px;
	font-size: 0.8em;
	font-family:   verdana, arial, serif;
}
#corps p
{
	margin:0;
	margin:0 30px 30px 30px;
}
#corps h2
{
	margin:0;
	padding:0;
	padding:5px;
	margin-bottom:40px;
	margin-top:20px;
	color:#4096EE;
	text-align:center;
	border-bottom:2px solid #4096EE;
	border-top:2px solid #4096EE;
}
#corps h3
{
	border-bottom:1px solid #4096EE;
	padding-bottom:3px;
	margin:0 10px 30px 10px;
	color:#4096EE;
}
#corps h4
{
	margin-left:30px;
}
#corps ol, #corps ul /*ol*/
{
	padding-left:30px;
	margin:30px;
}
#corps ul /*ol*/
{
	list-style:circle;
}
#corps ul a
{
	color:#4096EE;
	text-decoration:none;
	font-weight:bold;
}
#corps ul a:hover
{
	text-decoration:underline;
}
#corps p strong a
{
	color:#4096EE;
	text-decoration:none;
}
#corps p strong a:hover
{
	text-decoration:underline;
}
#corps strong/* ltexte mis en evidence*/
{
	color:gray;
}
#corps span a,  #corps strong span a/* lien dans le corps de texte strong*/
{
	color:blue;
	text-decoration:none;
}
#corps span a:hover, #corps strong span a:hover /* lien dans le corps de texte*/
{
	color:#4096EE;
	text-decoration:none;
}
.pub /*design des pub affiché en page*/
{
	text-align:center;
}
.pub img /*design des pub affiché en page*/
{
	border:none;
}
.exemple
{
	background:url(../image/paris/fond.gif);
	padding:10px;
}
.match,.classement  /*design des tableau de match et classement*/
{
	border-collapse: collapse;
	text-align:center;
	margin: 0 30px 30px 30px;
}
.match td, .match th /*design des cellules match*/
{
	padding:5px;
	border:2px solid #4096EE;
	width:120px;
}
.classement td, .classement th /*design des cellules classement*/
{
	padding:5px;
	border:2px solid #4096EE;
}
.lex
{
	color:#4096EE;
	font-weight:bold;
}
	/*guide des books
	----------------------------------------------------------------------*/
	.ligne /*ligne separant les loteries*/
	{
		border-bottom: 1px solid #4096EE;
	}
	.global /*design du tableau global*/
	{
		margin:auto;
		width:90%;
	}
	
	.annuaire /*design des tableaux*/
	{
		border-collapse: collapse;
		text-align:center;
		margin-bottom:4px;
	}
	.annuaire img/*design des image*/
	{
		border: none;
	}
	.annuaire td /*design des cellules*/
	{
		padding:0;
	}
	.annuaire td a/*design du lien*/
	{
		color: #4096EE;
		font-weight:bold;
		text-decoration : none;
		font-size: 1.2em;
	}
	.annuaire td a:hover/*design du lien au passage de la sourie*/
	{
		text-decoration : underline;
	}
	/*calculette surbet
	----------------------------------------------------------------------*/
	.retour
	{
		color:red;
		font-weight:bold;
		text-align:center;
	}
	input[type=text]
	{
		border:2px solid #4096EE;
		color:#4096EE;
	}
	.surbet
	{
		border-collapse: collapse;
		text-align:center;
		margin: 0 30px 20px 30px;
	}
	.surbet td
	{
		border:2px solid #4096EE;
		padding:5px;
		height:30px;
	}
	.d_titre
	{
		color:#4096EE;
	}
	form span
	{
		color:red;
		font-weight:bold;
	}
	.affiche
	{
		color:blue;
		font-weight:bold;
	}
	.mise
	{
		color:#4096EE;
		font-weight:bold;
	}
/*Le pied de page
-----------------------------------------------------------------------------------------*/
#pied_de_page 
{
	clear:both;
	height:110px;
	border-top:1px solid #afbdc6;
	border-bottom:1px solid #afbdc6;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#4096EE;
}
#pied_de_page p
{
	margin:10px 0 35px 0;
	font-size:0.8em;
}
#pied_de_page .contact
{
	margin:0;
}
.contact a
{
	color:blue;
	font-size:0.9em;
	text-decoration:none;
}
.contact a:hover
{
	text-decoration:underline;
}