/* ***************** MISE EN PAGE ************************* */

/*             ******************************               */
/*             *   *                    *   *               */
/*             *   *                    *   *               */
/*             *   **********************   *               */
/*             ******************************               */
/*                 *      *             *                   */
/*                 *      *             *                   */
/*                 *      *             *                   */
/*                 *      *             *                   */
/*                 **********************                   */
/*                 *                    *                   */     
/*                 **********************                   */      


html { 
	height: 100%; 
}


body {	
	margin: 0;
	padding: 0;
	height:  100%;
	margin-bottom: 0px;
	background: url('images/bg_body.jpg') 0px 72px repeat-x;
	font-family: verdana;
	font-size: 11px;
}

 /* ***************** MISE EN PAGE ************************* */	
#container{
	width: 1000px;
	border: 0px red solid;
	margin-left: auto;
	margin-right: auto;
}

	#left{
		width: 102px;
		height: 468px;
		background: url('images/bg_left.jpg') 0px -14px no-repeat;
		float: left;
		padding-left: 50px;
		padding-top: 50px;
	}
		#left A{
		 color:#B0BDC6;
		 text-decoration:none;
		 float:left;
		 display:block;
		 width:15px;
		 height:9px;
		 margin-right:5px;
		}

		#left A:hover{
		 color:#4693BD;
		 text-decoration:none;
		}


	#center{
		width: 696px;
		float: left;
	}

		#top{
			height: 70px;
			padding-left: 16px;
		}

			#title{
				float:right;
				font-size:20px;
				color:#BBDEFA;
				display:none;
				margin-top:30px;
				margin-right:30px;
			}

		#top_2{
			height: 17px;
			background-color:#E1F1FF;
		}
		
		#imageNormal{
			height: 162px;
			display:block;
			background:url("images/image_01.jpg");
		}
		#imageSpecial {
			height: 162px;
			display:block;
			background:url("images/image_wCup.jpg");
			position: relative;
		}
			#imageSpecial .flag {
				position: absolute;
				right: -5px;
				top: -3px;
				height: 58px;
				width: 122px;
				display:block;
				background:url("images/flagSpain.png");
			}

		#menu{
			height: 24px;
			background-color:#E8E8E7;
		}
			#menu A{
				display:block;
				padding-left:10px;
				padding-right:10px;
				float:left;
				color:black;
				height:20px;
				padding-top:4px;
				text-decoration:none;
			}

			#menu A:hover{
				background-color:white;
			}


		#page{
			padding:15px;
			padding-top:25px;
			background-color:white;
		}

	#right{
		width: 136px;
		height: 468px;
		background: url('images/bg_right.jpg') 0px -14px no-repeat;
		float: left;
		padding-left: 16px;
		padding-top: 50px;
	}

		#right .btn_home{
			background: url('images/btn_home.gif') 0px 0px no-repeat;
			display: block;
			width: 9px;
			height: 11px;
			margin-right: 8px;
			float: left;		
		}

		#right .btn_home:hover{
			background-position: 0px -13px;
		}

		#right .btn_mail{
			background: url('images/btn_mail.gif') 0px 0px no-repeat;
			display: block;
			width: 9px;
			height: 11px;
			float: left;
		}

		#right .btn_mail:hover{
			background-position: 0px -11px;
		}

#footer{
	clear: both;
	width: 696px;
	border: 0px red solid;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:10px;
	text-align: center;
	font-size: 10px;
	margin-top: 10px;
} 
 

.clear{ clear: both; }

 /* ***************** MISE EN FORME ************************* */
h1{ 
 font-size:18px;
 color:#3B9BE8;
 margin-bottom: 0px;
 display:inline; 
 font-weight:normal;
} 

h2{ 
 font-size:15px;
 color:#898989;
 margin-bottom: 0px;
 padding-top: 10px;
 display:inline; 
 font-weight:normal;
} 

h3{ 
 font-size:11px;
 color:#3B9BE8;
 margin-bottom: 0px;
 display:inline; 
 font-weight:normal;
} 

A{
 color:#58AADC;
}

A:hover{
 color:#00CCFF;
}

hr{
	height:1px;
	background-color:#2EA4FF;
	color:#2EA4FF;
}



/* ------------- formulaires ----------------------- */
.noclass {
	background-color: #ffffff;
	border-color: #ffffff;
	border-width: 0;
}

.noborder input{clear:both;border-width:0;background-color: transparent;position:relative;left:-5px;}
.noborder label{clear:both;}
div.noborder input {border-width:0;background-color: transparent;}
span.noborder input {border-width:0;background-color: transparent;}

input, select, textarea {
	background-color: #ffffff;
	border-color: #CBCBCB;
	border-width: 1px;
	border-style: solid;
	font-size:10px;
}

.checkbox{
	margin-top:5px;
	display:block;
	height:20px;
	position:relative;
	left:-5px;
}

	.checkbox input{
		float:left;
	}

	.checkbox label{
		float:left;
		width:140px;
		display:block;
		margin-top:2px;
		margin-left:2px;
	}



.btn{
	background-color:#2EA4FF;
	border:0px solid #2EA4FF;
	color:white;
	padding:2px;
}

.btnOver{
	background-color:#9a9a9a;
	border:0px solid #2EA4FF;
	color:white;
	padding:2px;
}


.formulaire{
	border:1px #cccccc solid;
	padding:10px;
}


/* ------------- title replace ----------------------- */
div#qTip {
  padding: 3px;
  border: 1px solid #8A796A;
  border-right-width: 1px;
  border-bottom-width: 1px;
  display: none;
  color: #FFF;
  font: normal 9px arial;
  text-align: left;
  position: absolute;
  z-index: 1000;
  background:url('images/mini_logo.gif') 3px 3px no-repeat #B0A194;
  padding-left:30px;
  padding-bottom:10px;
  width:110px;
}


/*-------------------------------------------------------------*/
/*-           DHTMLTOOLTIP                                    -*/
/*-------------------------------------------------------------*/
	
#dhtmltooltip{
	position: absolute;
	background-color:white;
	visibility: hidden;
	z-index: 100;
}

.dhtmltooltip_inner{
	border: 3px solid #bbdfff;	
	background-color:white;		
	padding:4px;
	position:relative;
}