@charset "UTF-8";
/* CSS Document */

.liensmenu:link {
		text-decoration:none;
		color:#00769a; /* #00769a A62F00 - 117ca0 */
	}
.liensmenu:visited {
		text-decoration:none;
		color:#00769a; /* #00769a A62F00 - 117ca0 */
	}
.liensmenu:active {
		text-decoration:none;
		color:#00769a; /* #00769a A62F00 - 117ca0 */
	}
.liensmenu:hover {
	text-decoration:underline;
	color:#CC3300;
	}
H1{
		font-family:Verdana, Geneva, sans-serif;
		font-size:18px;
		color:#3399CC;
	}
H2{
			font-family:Verdana, Geneva, sans-serif;
		font-size:13px;
		color:#3399CC;
}
h3{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#027496; /* #015167 */
	}
h4{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#E8E32F; /* #015167 */
	}

	
	#page_overlay {
		width:100%;
		z-index:2;
	}
	
	#page_content {
		width: 981px;        /* selon la largeur voulue */
     margin-left: -490px; /* moitie de width */
     left: 50%;           /* constant, toujours 50% */
     height: 700px;       /* selon la quantite de texte */
     margin-top: 50px;   /* moitie de height */
   /*  top: 50%;             constant, toujours 50% */
		/* Display on top of slideshow */
		z-index:2;	
		position:absolute; /* This is very important! à l'origine : relative */	
	}
	#menu-entete{
	position: absolute;
	width: 920px;
	height: 15px;
	margin: -480px 0 0 30px;
	font-size: 1em;
	color: #333;
	text-align: left;
	top: 501px;
	}
	#page-principale {
  	width: 961px;
	height:700px;
	background-image:url(../Images/fond-page-principale.png);
	background-repeat:no-repeat;
	padding-left:30px;
} 
	div.programme {
	position:absolute; 
	display:block;
	overflow:hidden;
	float:right;
	width:345px;
	height:345px;
	margin:-350px 0 0 580px;
	}
		#ImgProgramme {
	float:right;
	margin:0 70px 0 0;
	}
#img-sous-programme {
	float:right;
	margin:8px 35px 0 0;
	}
	div.scrollingtext{
		position:absolute;
		white-space:normal;
		font-family:'Trebuchet MS',Arial;
		font-size: 0.8em;
		text-align: left;
		padding-left:3px;
		color:#666;
	}
	
	div.horizontal_scroller {
	position:relative;
	display:block;
	overflow:hidden;
	float:left;
	width:920px;
	height:90px;
	margin:5px 0 0 30px;
	}

	div.scrollinglogo{
		position:absolute;
		white-space:nowrap;
	}
	#texte-photo {
	float:left;
	margin-top:8px;
	width:558px;
	height:auto;  /* 400px*/
	border:1px dotted #999999;
	font-size: 0.8em;
	color: #333;
	text-align: justify;
	padding:2px 5px 2px 5px;	
	}
	#inscription {
	position:relative;
	float: right;
	margin: -50px 0 0 0;
	width:330px;
	height:74px;
	}
	
/* PAGE PROGRAMME */
	#inscription-page-programme {
	position:relative;
	float: right;
	margin: -285px 0 0 0;
	width:330px;
	height:74px;
	}

	#page-programme-gauche {
	float:left;
	margin-left:20px;
  	width: 430px;
	height:430px;
	padding:0 0 30px 0;
	font-size:0.8em;
	color:#333;
	}
	#page-programme-droite {
	float:left;
	margin-left:50px;
  	width: 400px;
	height:380px;
	padding:0 0 30px 20px;
	font-size:0.8em;
	color:#333;
	}
	div.photo-programme {
	float:left;
	width:900px;
	height:215px;
	margin:50px 0 0 20px;
	}
	
/* PAGE PRESENTATION */
	#page-presentation {
	float:left;
	margin-left:20px;
  	width: 900px;
	height:380px;
	padding:0 0 30px 0;
	font-size:0.8em;
	color:#333;
	}
	#inscription-page-presentation {
	position:relative;
	float: right;
	margin: 20px 10px 0 0;
	width:330px;
	height:74px;
	}

	div.photo-presentation {
	float:left;
	width:900px;
	height:220px;
	margin:0px 0 0 20px;
	}

	#photo-bas-page {
	float:left;
	width:580px;
	height:60px;
	margin:20px 0 0 20px;
	}
	
/* PAGE VENIR */
	#page-venir-Ht-gauche {
	float:left;
	margin-left:10px;
  	width: 430px;
	height:300px;
	padding:0 0 30px 0;
	font-size:0.8em;
	color:#333;
	}
	#page-venir-Ht-droite {
	float:left;
	margin-left:70px;
  	width: 380px;
	height:450px;
	font-size:0.8em;
	color:#333;
	}
	#page-venir-Bas-gauche {
	float:left;
	margin-left:10px;
	margin-top:-90px;
  	width: 430px;
	height:300px;
	padding:0 0 30px 0;
	font-size:0.8em;
	color:#333;
	}
	#page-venir-Bas-droite {
	float:left;
	margin-top:10px;
	margin-left:70px;
  	width: 380px;
	height:150px;
	padding:0 0 30px 0px;
	font-size:0.8em;
	color:#333;
	}
	#inscription-page-venir {
	position:relative;
	float: right;
	margin: -46px 0 0 0;
	width:330px;
	height:74px;
	}
/* PAGE INTERVENANTS */
	#page-intervenants {
	float:left;
	margin-left:10px;
	width: 900px;
	height:640px;
	font-size: 13px;
	color: #067B9E;
	}
	#inscription-page-intervenants {
	position:relative;
	float: right;
	margin: 10px 10px 0 0;
	width:330px;
	height:74px;
	}
	#photo-bas-page-intervenants {
	float:left;
	width:580px;
	height:60px;
	margin:10px 0 0 30px;
	}
.intervenants {
		font-family:Verdana, Geneva, sans-serif;
		font-size:13px;
}
.intervenants a:link, a:visited, a:active {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#A62F00; /*  - 117ca0 */
	}
.intervenants a:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#CC3300;
	text-decoration: underline;
	}
.photo-intervenant {
	float:left;
	padding: 0 5px 5px 0;
}
#texte-intervenant {
	float:left;
}

/* PAGE EXPOSANTS */
	#page-exposants {
	float:left;
	margin-top:0px;
	margin-left:-15px;
	width: 951px;
	height:640px;
	font-size: 13px;
	color: #067B9E;
	background-image:url(../Images/fond-exposants.png);
/*	background-repeat:no-repeat; */
}


/* PIED DE PAGE */
	#pied-page {
	width:981px;
	height:175px;
	background-image:url(../Images/pied-de-page.png);
	background-repeat:no-repeat;
	}
	
#menu-pied-page {
	float:left;
	width:920px;
	height:15px;
	margin:25px 0 0	30px;
	font-size: 0.8em;
	color: #999;
	text-align: left;
	}
	
		#footer{
		z-index:2;	
		position:absolute;
		margin-top:10px;
		/* margin-left: -400px;  moitie de width */
    	/* left: 50%;            constant, toujours 50% */
		width:800px;
		height:20px;
		background-color:#FFF;
		text-align:center;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
	}
/* BACKGROUND */	
	img#bg {
		/* Stretch background */
		position:fixed;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:0;
	}
	
	#bg_grid {
		position:fixed; /* This is very important! */
		top:0;
		left:0;
		height:100%;
		width:100%;
	    background: url(grid.png) repeat;
			
		/* Display on top of background */
		z-index:1;
	}

	#image_description {
		position:fixed; /* This is very important! */
		right:-150px;
		bottom:60px;
		width:140px;
		height:38px;
		background-color:#dddddd;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		z-index:2;
		padding:5px;
		font-size:10px;
		line-height:12px;
		color:#333333;
	}
/* FORMULAIRE INSCRIPTION */	
	#form1{
		text-align:center;
	}