/* use a semi-transparent image for the overlay */
	#overlay {
		background-image:url(images/transparent.png);
		color:#efefef;
		height:450px;
	}
	
	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}


body {
	background-color:#FFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.body {
	background-color:#FFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.Bordure_Test
{
   border: 1px dashed #03C;
}

#Conteneur_Gris {
	background-image: url(images/fond_gris_1050.jpg);
/*	position: relative;	  */
	height: 1250px;
	width: 1048px;
	background-repeat: repeat-y;
	margin-left: auto;  /* pour centrage de la div */
	margin-right: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;

}
.Pointeur
{
	cursor:pointer;
}
.DIV_Test
{
	border: 1px dashed #F00;	
}
/* -------------------------------------------
   TEXTE
---------------------------------------------- */
.Gris_12
{
	font-size: 12px;
	color: #666;
}
.Rouge_14
{
	font-size: 14px;
	color: #F00;
}
.Orange_14
{
	font-size: 14px;
	color: #C60;
}
.Texte_Titre {
	text-align: right;
	width: 150px;
	font-size: 16px;
	color: #903;
}
.Tableau_Texte {
	color: #333;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:16px;
	font-weight: normal;
}
.Rouge_22
{
	font-size: 22px;
	color: #F00;
	font-weight: bold;
}
.Rouge_18
{
	font-size: 18px;
	color: #F00;
	font-weight: normal;	/*vertical-align: text-top;	font-weight: bold; */
}
/* -------------------------------------------
   Bas tags
---------------------------------------------- */
#ID_Tags .Tags
{
	font-size: 12px;
	color: #919191;

}
#ID_Tags .Kobcom
{
	font-size: 14px;
	color: #6A6A6A;
}


/* -------------------------------------------------
    HAUT
   ------------------------------------------------- */

#Conteneur_Gris #Haut{
	margin: 0px;
	padding: 0px;
	position: absolute;
	float:left;
	z-index:1;
	width:1064px;
/*	border: 1px dashed #F00;	
*/
}
#Conteneur_Gris #Haut .Menus{
	margin: 0px;
	padding: 0px;
	float:left;
	position: relative ;
/*	margin-left:80px; */
	left:60px;
	top: -75px; /* 130 */
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #FFF;
	z-index:10;

}
#Conteneur_Gris #Haut .Date{
	margin: 0px;
	padding: 0px;
	float:left;
	position: relative; 

/*	left:160px;	top: -75px;  */
	left:120px;	top: -75px; 
	font-family: Tahoma, Geneva, sans-serif;
	width:182px;
	height:22px;
	text-align:center;
	font-size: 16px;
	color: #3C0;
	z-index:99;
/*	border: 1px dashed #C00; */

}

#Conteneur_Gris #Haut .Menus a{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #FFF;
	text-decoration:none;
}


#Conteneur_Gris #Haut .Menus a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #FC0;
/*	text-decoration: underline; */
}

/* -------------------------------------------------
    LOGIN
   ------------------------------------------------- */

#Conteneur_Gris #Haut #Login_Cadre{
/*	margin: 0px;
	padding: 0px;
*/	float:left;
	position: absolute;
	width:221px;
	height:75px;
	background-image:url(images/login_cadre.png);
	/*	margin-left:80px;  */
/*	left:240px;
	top: -195px;
*/  left:780px;
top:6px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	z-index:15;
	padding-top:20px;
	padding-left:25px;
/*	border: 1px dashed #F00;
*/
}
#Conteneur_Gris #Haut #Login_Cadre .Saisie{
	color: #666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;	
	background-color: #FFEFCE;
	border: 1px solid #666;
}
#Conteneur_Gris #Haut #Login_Cadre a {
	color: #06C;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-decoration:none;
}
#Conteneur_Gris #Haut #Login_Cadre a:hover {
	color: #F00;
}
#Conteneur_Gris #Haut #Login_Cadre .Bouton{
	color: #06C;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color:transparent;
	cursor:pointer;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
#Conteneur_Gris #Haut #Login_Cadre .Bouton:hover{
	color: #F00;
}
/* -------------------------------------------------
    MESSAGE DEROULANT
   ------------------------------------------------- */

#Conteneur_Gris #Message_Deroulant
{ /* background-color:#900;  */
	position: relative;
	width:930px;
	height:25px;
	top:169px;
		display:block;
	left:53px;
	z-index:15;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #FC0;
	
}
/* -------------------------------------------------
    PUB
   ------------------------------------------------- */
#Conteneur_Gris #Cadre_Pub{
	margin: 0px;
	padding: 0px;
	width:820px;
	height:142px;
	position: relative;
	float: none;
	z-index:3;
	background-image: url(images/cadre_pub.gif);
	background-repeat: no-repeat;
   top:180px;
	overflow:hidden;
/*	vertical-align:bottom;
*/

}

#Conteneur_Gris #Cadre_Pub_1{
	margin: 0px;
	padding: 0px;
	width:740px;
	height:100px;
	position: relative;
	float: none;
	z-index:3;
   margin-left:30px;
	overflow:hidden;/*	top: 200px; */
    top:180px;
	overflow:hidden;
	z-index:1;
/*	vertical-align:bottom;
*/

}
#Conteneur_Gris #Cadre_Pub_2{
	margin: 0px;
	padding: 0px;
	width:300px;
	height:250px;
	position: relative;
	float: right;
	z-index:3;
	overflow:hidden;/*	top: 200px; */
/*    top:-70px; */
    top:330px;
	overflow:hidden;
	text-align:center;

/*	vertical-align:bottom;
*/

}

#Conteneur_Gris #Div_Droite
{ display:block;
 float:left;
/* width:auto; height:auto; */
 width:320px; 
 height:auto;
 position:relative;
 text-align:center;
 top:0px; left:-25px;
 float:right;

}
#Conteneur_Gris #PUB_Deroulantes
{
	margin: 0px;
	width: 205px;
	height:300px;
/*	text-align: left; */
	height: auto;
	position: relative;
	display: block;
	z-index:0;
	vertical-align: top;
	top:0px;
    float: right;
	padding: 0px;
	
}
#Conteneur_Gris #PUB_Deroulantes #Logo_Infos_Deroulantes
{
	margin: 0px;
	top:5px;
	left:-10px;
	position: absolute;
	z-index:25;
}
/* -------------------------------------------
   CADRE CENTRALE
---------------------------------------------- */

#Conteneur_Gris #DIV_Cadre_Centre
{
	margin: 0px;
	position: absolute;

/*	width: 1044px; 1045*/
	width: 1044px;
	height:570px;
	text-align: left;
	display: block; 
	z-index:10;
	vertical-align: top;
	top:215px; 
	padding: 0px;
	background-image:url(images/cadre_centre.png);
/*	border: 1px dashed #03C;
*/
}
#Conteneur_Gris #DIV_Cadre_Centre_Pronos
{
	margin: 0px;
	position: absolute;

/*	width: 1044px; 1045*/
	width: 1044px;
	height:570px;
	text-align: left;
	display: block; 
	z-index:10;
	vertical-align: top;
	margin-left:20px;
	top:215px; 
	padding: 0px;
	background-image:url(images/fond_pronos.png);
	background-repeat:no-repeat;
/*	border: 1px dashed #03C;
*/
}

#Conteneur_Gris #DIV_Cadre_Centre .Titre /* Titre du cadre */
{
	margin: 0px;
	position: relative;
	margin-left:60px;
	margin-top:10px;
	display: block;
	z-index:10;
	vertical-align: top;
	padding: 0px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
#Conteneur_Gris #DIV_Cadre_Centre h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #903;
}
#Conteneur_Gris #DIV_Cadre_Centre h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #903;
}
/* -------------------------------------------
   ESPACE RESULTATS
---------------------------------------------- */

#Conteneur_Gris #DIV_Cadre_Resultat
{
	margin: 0px;
	position: relative;
	width: 695px;
	height:613px;
	text-align: left;
	display: block;
	vertical-align: top;
/*	top:205px; */
	top:180px;
	padding: 0px;
	background-image: url(images/resultats_cadre.png);
	float:left;
	z-index:5;
/*	border: 1px dashed #03C;
*/

}
#Conteneur_Gris #DIV_Cadre_Resultat #Resultat_Contenu
{
	margin: 0px;
	width: 630px;
	height:530px;
	text-align: left;
	position: absolute;
	display: block;
	z-index:20;
	vertical-align: top;
	padding: 0px;
	left: 50px;
	top: 51px;
	overflow:auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #666;/*	border: 1px dashed #F00;
*/
}

/* .modal_Resultats { */
#Box_Resultats {	 
	background-color:#fff;
	/*	position: absolute; */
	display:none;
/*	overflow-x: hidden;	overflow-y: auto; 	  */
	width:596px;
	padding:15px;
	text-align:left;
	border:2px solid #333;
	opacity:0.8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #666;
	z-index:5;

} 
/* .modal_Resultats .Fermer */
#Box_Resultats #Box_Resultats_Contenu 
{
	overflow-x: hidden;	overflow-y: auto; 	 

}
 #Box_Resultats .Fermer
{
	position: absolute;
/* 	display: block; */
	background-image:url(images/fermer_rouge.png);	
/*	top:-10px;	left:600px;  */
	top:-17px;	left:-17px; 
	width:32px;
	height:32px;
	cursor:pointer;
	z-index:99;
}

/* -------------------------------------------
   ESPACE PRONOSTICS
---------------------------------------------- */

#Conteneur_Gris #DIV_Cadre_Pronostics
{
	margin: 0px;
	position: absolute;
/*	margin-right:25px; */
	width: 309px; 	height:313px;

	text-align: left;
	display: block;
 	float:right; 
	z-index:10;
	vertical-align: top;
/*	top:-10px;  */
	padding: 0px;
	background-image: url(images/pronostics_cadre.gif);
	top:10px;




/*	border: 1px dashed #03C;
*/
}
#Conteneur_Gris #DIV_Cadre_Pronostics #Cadre_Pronostics_Contenu
{
	margin: 0px;
	position: absolute;
/*	margin-left:110px; */
	margin-left:20px;
	
	width: 285px;
	height:240px;
	text-align: left;
	display: block;
	float:left;
	z-index:11;
	vertical-align: top;
/*	top:-145px;  */
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #666; 
			overflow-x: hidden;	overflow-y: auto; 	
/*	border: 1px dashed #C00;
	*/
} 
/*
#Conteneur_Gris #DIV_Cadre_Pronostics #Cadre_Pronostics_Contenu a
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #069;
	text-decoration:none;
	
}
#Conteneur_Gris #DIV_Cadre_Pronostics #Cadre_Pronostics_Contenu a:hover
{
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	background-color: #FF0;	
	
}
*/
/* -------------------------------------------
   ESPACE NEWSLETTERS
---------------------------------------------- */
/*
#Conteneur_Gris #DIV_Cadre_Newsletters
{
	margin-right:25px;
	position: relative;
	width: 309px; 
	height:112px;
	display: block;
	float:right;
	z-index:10;
	padding: 0px;
	top:70px;
	left:340px;
	background-image: url(images/newsletters_cadre.gif);
}
#Conteneur_Gris #DIV_Cadre_Newsletters #Cadre_Newsletters_Contenu
{
	margin: 0px;
	position: relative;
	margin-left:80px;
	width: 200px; 
	height:100px;
	text-align: center;
	display: block;
	float:left;
	z-index:11;
	vertical-align: top;
	top:40px; 
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #666; 
}
#Conteneur_Gris #DIV_Cadre_Newsletters #Cadre_Newsletters_Contenu a:hover
{
	color: #000;
	background-color: #FF0;	
	
}

#Conteneur_Gris  #DIV_Cadre_Newsletters .panel 
{
	position: absolute;
	background-image:url(images/fonde_degrade.gif);
	color: #000 ;	
	display: none;
    border:1px solid #111111;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
    -moz-box-shadow: 0 0 50px  #999; 
    -webkit-box-shadow: 0 0 50px #999; 	
	width: 330px;
	height: auto;
	top:0px;
	left:-30px; 
	padding:10px;
	z-index:26;
}
#Conteneur_Gris  #DIV_Cadre_Newsletters #Bouton_Fermer
{
	position: absolute;
	background-image:url(images/fermer_rouge.png);
	top:10px;
	left:310px;
	width:32px;
	height:32px;
	cursor:pointer;
}
#Conteneur_Gris  #DIV_Cadre_Newsletters #Bouton_Fermer:hover
{   background-image:url(images/fermer_vert.png);
}
*/

/*
#Conteneur_Gris #DIV_Cadre_Newsletters
{
	margin-right:25px;
	position: relative;
	width: 309px; 
	height:112px;
	display: block;
	float:right;
	z-index:10;
	padding: 0px;
	top:70px;
	left:340px;
	background-image: url(images/newsletters_cadre.gif);
}
#Conteneur_Gris #DIV_Cadre_Newsletters #Cadre_Newsletters_Contenu
{
	margin: 0px;
	position: relative;
	margin-left:80px;
	width: 200px; 
	height:100px;
	text-align: center;
	display: block;
	float:left;
	z-index:11;
	vertical-align: top;
	top:40px; 
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #666; 
}
#Conteneur_Gris #DIV_Cadre_Newsletters #Cadre_Newsletters_Contenu a:hover
{
	color: #000;
	background-color: #FF0;	
	
}
*/

#Conteneur_Gris  #DIV_Newsletters_Panel
{
	position: absolute; /* relative; */
	background-image:url(images/fonde_degrade.gif);
	color: #000 ;	
	display: none;
    border:1px solid #111111;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
    -moz-box-shadow: 0 0 50px  #999; 
    -webkit-box-shadow: 0 0 50px #999; 	
	width: 330px;
	height: auto;
	top:0px;
	left:-30px; 
	padding:10px;
	z-index:26;
}
#Conteneur_Gris  #DIV_Newsletters_Panel #Bouton_Fermer
{
	position: absolute;
	background-image:url(images/fermer_rouge.png);
	top:10px;
	left:310px;
	width:32px;
	height:32px;
	cursor:pointer;
}
#Conteneur_Gris  #DIV_Newsletters_Panel #Bouton_Fermer:hover
{   background-image:url(images/fermer_vert.png);
}



/* -------------------------------------------
   FENETRE MODALE
---------------------------------------------- */

.modal {
	background-color:#fff;
	display:none;
	width:350px;
	padding:15px;
	text-align:left;
	border:2px solid #333;
	opacity:0.8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #666;
	z-index:99;
} 

.modal_Confirmation {
	margin:0px;
	font-size:20px;
	text-align:center;
/*	height: 50px; */
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 55px;
	background-color: #E9E9E9;
	background-image: url(images/confirmer.png);
	background-repeat: no-repeat; 
	background-position: 20px center; 
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
/*	vertical-align: middle; */
}
 
 .modal .Erreur {
	margin:0px;
	font-size:20px;
	text-align:center;
/*	height: 50px; */
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 55px;
	background-color: #E9E9E9;
	background-image: url(images/erreur.png);
	background-repeat: no-repeat; 
	background-position: 20px center; 
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
/*	vertical-align: middle; */
}
 .modal .Info {
	margin:0px;
	font-size:20px;
	text-align:center;
/*	height: 50px; */
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 55px;
	background-color: #E9E9E9;
	background-image: url(images/infos.png);
	background-repeat: no-repeat; 
	background-position: 20px center; 
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
/*	vertical-align: middle; */
}

/* -------------------------------------------
   ESPACE ABONNEMENT/PAIEMENT
---------------------------------------------- */
#ID_Paiement_Aide
{
	margin: 0px;
	width: 200px;
	height:200px;
	text-align: left;
	left:680px;
	top:300px;
/*	background-color:#FFF;
	border:1px solid #666;
*/	
	position: absolute;
	display: block;
	z-index:99;
/*	border: 1px dashed #03C;
*/
	/*	left:650px; 
	*/
	
}
#DIV_Coordonnees
{
	position: absolute;
	width:780px;
	margin-left:80px; 
/*	margin-left:30px; */
	margin-top:-20px;
	
	height:450px;
	display: block;
	z-index:99;
}
#DIV_Paiement_Impression
{
/*	margin: 0px; */
	position: relative;
/*	margin:20px;  */
	margin-left:20px;	
	padding:20px;
	background-color: #FFF;
	width: 1000px;
	height:670px;
	text-align: left;
	display: block;
	z-index:10;
	vertical-align: top;
	top:215px;
	padding: 0px;
	border: 1px dashed #03C;
	display:none;
}

/* -------------------------------------------
   ESPACE INSCRIPTION_SMS
---------------------------------------------- */

#DIV_Inscription_SMS
{
	margin: 0px;
	width: 200px;
	text-align: left;
	height: 200px;
	position: relative; 
	display: block;
	z-index:30;
	vertical-align: top;
/*	top:12px; */
	top:20px; 
	left:-29px;
	/*	left:650px; 
	*/float:right;
/*	padding: 0px;
	*/
}




 #DIV_Inscription_SMS #ID_Img_SMS
{ cursor:pointer;
  z-index:99;

}

#DIV_Inscription_SMS .panel 
{
	position: absolute;
	color: #666;
	display: none;
	width: 380px;
	height: 205px;
	top:-10px;
	left:-193px;
	margin-top:0px;
	background-image: url(images/inscription_sms_2.png);
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	z-index:1;
}
#DIV_Inscription_SMS #Bouton_Fermer_SMS
{
	position: absolute;
	background-image:url(images/fermer_rouge.png);
	top:-10px;
	left:360px;
	width:32px;
	height:32px;
	cursor:pointer;
	z-index:auto
}
#DIV_Inscription_SMS #Bouton_Fermer_SMS:hover
{
   background-image:url(images/fermer_vert.png);

}



/* -------------------------------------------
   FORMULAIRE
---------------------------------------------- */
/*
#commentForm { width: 250px; }
#commentForm label { width: 250px; }
#commentForm label.error, #commentForm input.submit { margin-left: 10px; }
*/
.Encadre
{
	padding: 5px;
	height: 250px;
	width: 300px;
	border: thin dashed #069;	 
}

.Label_Align {
	text-align: right;
	width: 150px;  	 
}
form.cmxform h2
{
	font-size: 16px;
	color:#900;
	text-transform: uppercase;
	font-weight: normal;
	z-index:49;
}
form.cmxform h3 { font-size: 14px; 	font-weight: normal;	}
form.cmxform h4 { font-size: 12px; color:#666; 	font-weight: normal;	}

form.cmxform fieldset {
	margin-bottom: 10px;
	border:none;
 
}
form.cmxform legend { padding-left: 0; }

form.cmxform label {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	vertical-align: top;
	display: inline-block;
	width: 100px; /*100px */
}
form.cmxform label.error {
	margin-left: 103px;
	width: 200px;
}
form.cmxform .Obligatoire{
	color: #900;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	display: inline-block; 
	float:right;

}

/* --- TOUS LES FORMULAIRES ------*/

input {	border: 1px solid #333; }

input:focus { 	border: 2px solid #FC0; }


input.error { 
    border: 1px dotted red;
 	background-image:url(images/puce_rouge.gif)  !important;
	border: 1px solid #FF0000;
 	background-repeat: no-repeat;
	background-position: right;
  }
  

/*-------------------------------------------------------------------
----------------------------------------------------------------------*/
#route a
{
	font-family: Verdana, Geneva, sans-serif;
	color: #999;
	font-size: 12px;
	text-decoration:none;
}
#route a:hover
{
	color: #000;
	background-color: #FFF;
}