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

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


html { 
	height: 100%; 
}


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

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

	background: url('images/bg_container.jpg') top center no-repeat;
}

	#left {
		display: none;
		width: 102px;
		height: 468px;

		padding-left: 50px;
		padding-top: 50px;

		position: absolute;
		margin-left: -155px;
	}
		#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;
		}

	#right {
		display: block;
		width: 136px;
		height: 468px;

		float: left;
		padding-left: 16px;
		padding-top: 50px;

		position: absolute;
		margin-left: 900px;
	}

		#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;
		}

	#center {
		width: 900px;
		margin-left: auto;
		margin-right: auto;
	}

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

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

		#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:18px;
				padding-right:18px;
				float:left;
				color:black;
				height:20px;
				padding-top:4px;
				text-decoration:none;
				font-size: 12px;
			}

			
			#menu A.last {
				padding-left:19px;
				padding-right:19px;
			}

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

			.en #menu A {padding-left:20px;padding-right:20px;}
			.en #menu A.last {padding-left:22px;padding-right:23px;}

			.de #menu A {padding-left:23px;padding-right:23px;}
			.de #menu A.last {padding-left:26px;padding-right:25px;}

			.es #menu A {padding-left:18px;padding-right:17px;}
			.es #menu A.last {padding-left:20px;padding-right:21px;}

			.it #menu A {padding-left:23px;padding-right:23px;}
			.it #menu A.last {padding-left:23px;padding-right:23px;}

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

#footer{
	clear: both;
	width: 900px;
	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; }

ul.topnav {
	position: absolute;

	margin-left: 605px;
	margin-top: 25px;

	list-style: none;
	padding: 0;

	width: 265px;
	font-size: 12px;

	background-color: #edf7ff;
}

	ul.topnav li a img {border: 0px; padding: 0px;position: relative;float: left;top: -2px; margin-right: 5px;margin-bottom: -10px; }
	ul.topnav li img {border: 0px; padding: 0px;position: relative;float: left;top: -2px; margin-right: 5px;margin-bottom: -10px; }

ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0px;
	position: relative; /*--Declare X and Y axis base--*/
}

ul.topnav li a {
	padding: 5px 5px;
	color: #3f9fe9;
	display: block;
	text-decoration: none;
	float: left;
}

ul.topnav li a:hover{
	background: url('images/bg_topnav_li_hover.jpg') repeat-x;
	color: white;
}

ul.topnav li span { /*--Drop down trigger styles--*/
	width: 18px;
	height: 24px;
	float: left;
	
	background: url('images/bg_topnav_li_span.jpg') 0px 0px no-repeat;
}

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; 
	top: 24px;
	background: #e1f1ff;
	margin: 0; 
	padding: 0;
	display: none;
	float: left;
	width: 160px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #b8ddf9;

	overflow: hidden;
}

ul.topnav li ul.subnav li {
	margin: 0; 
	padding: 0;
	border-bottom: 1px solid #b8ddf9; /*--Create bevel effect--*/
	clear: both;
	width: 160px;
	overflow: hidden;
}

	ul.topnav li ul.subnav li.nolink {
		padding: 5px 5px 5px 10px;
		color: #3f9fe9;
		display: block;
		text-decoration: none;
		float: left;
	}

html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #e1f1ff;
	padding-left: 10px;
}

	html ul.topnav li ul.subnav li a.flag {
		width: 20px;
		height: 20px;

		float: right;
		background: none;
		width: auto;
		padding: 0px;
		margin: 0px 0px -10px 0px;

		overflow: hidden;
	}

	html ul.topnav li ul.subnav li a.flag:hover {
		background-color: transparent;
	}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #b8ddf9;
}

 /* ***************** 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;

	height: 113px;
}

.formulaire .formulaire_top {
	height: 100px;
}

	.formulaire2 {
		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;
}