@charset "utf-8";
/* Lille Grand Palais CSS Document */

* {
	margin: 0;
	padding: 0;
	outline: none;
	font-family: Arial, Helvetica, Verdana, sans-serif bold;
	font-size: 11px;
}

a img {
	border: 0;
}

.clear_float {
	clear: both;
}

img{
	border: 0;
}


.bypass_png {
	position: relative;
	z-index: 2;
}


body {
	background: url("../images/bg.gif") #000;	
}


#alignement {
	background-color: transparent;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 1px;
	overflow: visible;
}

#conteneur {
	width: 955px;
	/*width: 1075px;*/
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -477px;
	margin-top: -312px;	
}

#conseillerSWF {
	position: absolute;
	top: 320px;
	left: -91px;
}


#skycraper {
	position: absolute;
	/*top: 14px;*/
	left: 960px;
	height: 600px;
	width: 120px;
	/*background: url("../visus/skycraper_creer.gif") no-repeat;*/
	cursor: pointer;
}

#header	{
	width: 955px;
	height: 70px;
	background: url("../images/header.gif") #FFF;
	cursor: pointer;
}
/*
#header	a#home {
	
}

#header	a img {
	float:right;
	margin:10px 10px 0 0;
}
*/
/* Entetes */

#visu {
	width: 955px;
	height: 210px;
	z-index: -1000;
	background-color: #FFF;
}


#visu_presse {
	width: 955px;
	height: 210px;
	background: url("../images/visu_presse.jpg") #FFF;
}

#visu_recherche {
	width: 955px;
	height: 210px;
	background: url("../images/recherche.jpg") #FFF;
}


/* Presse / exposant */

#presse_exposant {
	width: 80px;
	height: 20px;
	background-color: #FFFFFF;
	position: relative;
	top: -210px;
	left: 854px;
	text-align: center;
	padding-top: 7px;
	color: #999;	
	position: relative;
	z-index: -10;
}

	#presse_exposant a {
		text-decoration: none;
		color: #999;
		font-size: 11px;
		position: relative;
		z-index: 2;		
	}

.bleu {
	color: #01DBDC;
}

.orange {
	color: #FF6600;
}

.brique {
	color: #CC0000;
}

.violet {
	color: #663388;
}

.vert {
	color: #BCEA04;
}

.sable {
	color: #FFCC33;
}

.fushia2 {
	/*color: #FF00CC;*/
	color: #FF3399;
}

.rose2 {
	color: #FF3399;
}

.bleu2 {
	color: #0066FF;
}

.mauve {
	color: #D882F2;
}

#separation	{
	width: 955px;
	height: 30px;
	background-color: #01DBDC;
}

* html #separation	{
	position: relative;
	top: -30px;
	margin-bottom: -30px;
} 

#separation_fushia {
	width: 955px;
	height: 30px;
	background-color: #FF3399;
}

* html #separation_fushia	{
	position: relative;
	top: -30px;
	margin-bottom: -30px;
} 

#separation_orange {
	width: 955px;
	height: 30px;
	background-color: #FF6600;
}

* html #separation_orange	{
	position: relative;
	top: -30px;
	margin-bottom: -30px;
} 



#visite, x:-moz-any-link { /* FireFox 2 */
	
} 

#visite {
/*
	display: block;
	background:url("../images/360.gif") no-repeat;
	margin-left: 18px;
	width: 58px;
  height: 20px;
	margin-bottom: -20px;
	*/
}

#visite:hover{
	background:url("../images/360_over.gif") no-repeat;
}

#separation_brique {
	width: 955px;
	height: 30px;
	background-color: #CC0000;
}

* html #separation_brique	{
	position: relative;
	top: -30px;
	margin-bottom: -30px;
} 

#separation_violet {
	width: 955px;
	height: 30px;
	background-color: #663388;
}

* html #separation_violet	{
	position: relative;
	top: -30px;
	margin-bottom: -30px;
} 

#separation_vert {
	width: 955px;
	height: 30px;
	background-color: #BCEA04;
}
* html #separation_vert	{
	position: relative;
	top: -30px;
	margin-bottom: -30px;
} 

#separation_sable {
	width: 955px;
	height: 30px;
	background-color: #FFCC33;
}
* html #separation_sable	{
	position: relative;
	top: -30px;
	margin-bottom: -30px;
} 

#separation_fushia2 {
	width: 955px;
	height: 30px;
	background-color: #FF00CC;
}
* html #separation_fushia2	{
	position: relative;
	top: -30px;
	margin-bottom: -30px;
} 

#separation_bleu2 {
	width: 955px;
	height: 30px;
	background-color: #0066FF;
}
* html #separation_bleu2	{
	position: relative;
	top: -30px;
	margin-bottom: -30px;
} 

#separation_footer {
	width: 955px;
	height: 30px;
	background-color: #D882FD;
}
* html #separation_footer	{
	position: relative;
	top: -30px;
	margin-bottom: -30px;
} 

#separation_violet2 {
	width: 955px;
	height: 30px;
	background-color: #C43EFD;
}
* html #separation_violet2	{
	position: relative;
	top: -30px;
	margin-bottom: -30px;
} 
	.page {
		color: #FFFFFF;
		font-size: 12px;
	}

	#navigation {
		width: 935px;
		height: 30px;
		text-align: right;
		padding-right: 20px; 
		line-height: 30px;
		color: #333;
		font-size: 12px;
	}

		#navigation a img, #navigation2 a img {float:left;margin:5px 2px 0 5px}

		#navigation a {
			color: #333;
			text-decoration: none;
			font-size: 12px;
		}
		
	#navigation2 {
		width: 935px;
		height: 30px;
		text-align: right;
		padding-right: 20px; 
		line-height: 30px;
		color: #CCC;
		font-size: 12px;
	}		
		
		#navigation2 a {
			color: #CCC;
			text-decoration: none;
			font-size: 12px;
		}
						
		
		#sous_navigation {
			position: absolute;
			/*top: 326px;
			left: 0;*/
			width: 935px;
			height: 20px;
			text-align: right;
			padding-right: 20px;
			line-height: 18px;
			background-color: #E7E7E7;
			color: #999999;
		}
		
		* html #sous_navigation {
			margin-top: -4px;
		}
		
		#sous_navigation a {
			color: #666;
			text-decoration: none;
		}		
		
		
		/* Scrollers */

		#scroll_gauche {
			width: 27px;
			height: 161px;
			position: absolute;	
			z-index: 2;				
		}

		#scroll_droite {
			width: 27px;
			height: 161px;
			position: absolute;
			right: 0;							
		}

		#scroll2_gauche {
			width: 29px;
			height: 66px;
			position: absolute;	
			z-index: 2;				
		}

		#scroll2_droite {
			width: 29px;
			height: 66px;
			position: absolute;
			right: 0;							
		}
		
		/* Fin scrollers */


#ombre {
	width: 955px;
	height: 3px;
	background: url("../images/ombre.gif") #FFF repeat-x;
}


#contenu {
	width: 955px;
	min-height: 260px;
	background-color: #FFF;
	color: #999;
	overflow: hidden;
}


	/* Contenu gauche */
	
	#gauche {
		float: left;
		width: 193px;		
		padding: 27px 0 0 27px;
		/*line-height: 20px;*/
	}
		
		#bordure {
			width: 122px;
			border: #EAEAEA solid 1px;
			display: inline
		}

		
		#recherche {
			height: 19px;
			width: 119px;
			border: #D4D4D4 solid 1px;
			font: Arial, Helvetica, sans-serif 12px;
			color: #999;
			padding: 3px 0 0 3px;
		}
		
		#ok {
			position: relative;
			top: 2px;
			left: -4px;
			width: 25px;
			height: 26px;
			background: url("../images/ok.gif") #FFF no-repeat;
			border: 0;		
		}
		
		/* Hack Safari */
		html[xmlns*=""] body:last-child #ok { 
			top: -6px; 
		}
		
		/* Marges */
		
		#marge {
			clear: both;
			float: left;
			height: 174px;
			width: 5px;
			background-color: #01DBDC;
			margin: 15px 0 0 1px;			
		}
		
		#marge_fushia {
			clear: both;
			float: left;
			height: 174px;
			width: 5px;
			background-color: #FF3399;
			margin: 15px 0 0 1px;			
		}	
		
		#marge_orange {
			clear: both;
			float: left;
			height: 174px;
			width: 5px;
			background-color: #FF6600;
			margin: 15px 0 0 1px;			
		}
		
		#marge_brique {
			clear: both;
			float: left;
			height: 174px;
			width: 5px;
			background-color: #CC0000;
			margin: 15px 0 0 1px;			
		}	
		
		#marge_violet {
			clear: both;
			float: left;
			height: 174px;
			width: 5px;
			background-color: #663388;
			margin: 15px 0 0 1px;			
		}
		
		#marge_vert {
			clear: both;
			float: left;
			height: 174px;
			width: 5px;
			background-color: #BCEA04;
			margin: 15px 0 0 1px;			
		}	
		
		#marge_sable {
			clear: both;
			float: left;
			height: 174px;
			width: 5px;
			background-color: #FFCC33;
			margin: 15px 0 0 1px;			
		}
		
		#marge_fushia2 {
			clear: both;
			float: left;
			height: 174px;
			width: 5px;
			background-color: #FF00CC;
			margin: 15px 0 0 1px;			
		}

		
		#marge_bleu2 {
			clear: both;
			float: left;
			height: 174px;
			width: 5px;
			background-color: #0066FF;
			margin: 15px 0 0 1px;			
		}
								
								
		#marge_footer {
			clear: both;
			float: left;
			height: 174px;
			width: 5px;
			background-color: #D882FD;
			margin: 15px 0 0 1px;			
		}

		/* Menu gauche */
			
		#menu_gauche {
			float: left;
			padding-left: 10px;
			width: 168px;
			height: 174px;
			margin-top: 12px;
			line-height: 20px;			
			font-size: 12px;
		}
		
		#menu_gauche a {
			font-size: 12px;
		}
				
			#lien_menu_bleu	{
				background: #FFFFFF url("../images/tiret_bleu.gif") no-repeat center left;
				padding-left: 15px;
				text-decoration: none;
				font-size: 12px;
			}			
			a#lien_menu_bleu:hover {
				color: #01DBDC;
				text-decoration: none;
			}				
				
			#lien_menu_orange	{
				width: 75px;
				height: 20px;
				display: block;
				margin-bottom: -20px;
				background: #FFFFFF url("../images/360.gif") no-repeat top left;
			}			
			a#lien_menu_orange:hover {
				background: #FFFFFF url("../images/360_over.gif") no-repeat top left;
			}			
			
			#lien_menu_bleu2	{
				background: #FFFFFF url("../images/tiret_bleu2.gif") no-repeat center left;
				padding-left: 15px;
				text-decoration: none;
				font-size: 12px;
			}			
			a#lien_menu_bleu2:hover {
				color: #0066FF;
				text-decoration: none;
			}												
		
			#lien_menu_brique	{
				background: #FFFFFF url("../images/tiret_brique.gif") no-repeat center left;
				padding-left: 15px;
				text-decoration: none;
				font-size: 12px;
			}			
			a#lien_menu_brique:hover {
				color: #CC0000;
				text-decoration: none;
			}				
								
			#lien_menu_vert	{
				background: #FFFFFF url("../images/tiret_vert.gif") no-repeat center left;
				padding-left: 15px;
				text-decoration: none;
				font-size: 12px;
			}			
			a#lien_menu_vert:hover {
				color: #BCEA04;
				text-decoration: none;
			}				
		
			#lien_menu_sable	{
				background: #FFFFFF url("../images/tiret_sable.gif") no-repeat center left;
				padding-left: 15px;
				text-decoration: none;
				font-size: 12px;
			}			
			a#lien_menu_sable:hover {
				color: #FFCC33;
				text-decoration: none;
			}																	
		
			#lien_menu_fushia	{
				background: #FFFFFF url("../images/tiret_fushia.gif") no-repeat center left;
				padding-left: 15px;
				text-decoration: none;
				font-size: 12px;
			}			
			a#lien_menu_fushia:hover {
				color: #FF00CC;
				text-decoration: none;
			}															
						
			a {
				color: #999;
				text-decoration: none;
			}	
			
			a.lien_bleu:hover {
				color: #01DBDC;
				text-decoration: none;
			}	
			
			a.lien_orange:hover {
				color: #FF6600;
				text-decoration: none;
			}						
			
			a.lien_brique:hover {
				color: #CC0000;
				text-decoration: none;
			}	
			
			a.lien_violet:hover {
				color: #663398;
				text-decoration: none;
			}	
				
			a.lien_vert:hover {
				color: #BCEA04;
				text-decoration: none;
			}						
			
			a.lien_sable:hover {
				color: #FFCC33;
				text-decoration: none;
			}	

			
			a.lien_bleu2:hover {
				color: #0066FF;
				text-decoration: none;
			}	
			
			a.lien_fushia:hover {
				color: #FF3399;
				text-decoration: none;
			}				
			
			a.lien_mauve:hover {
				color: #D882F2;
				text-decoration: none;			
			}
			
			a. lien_vert:hover {
				
			}
			
	/* Contenu droite */		
			
	#droite {
		float: right;
		width: 735px;
		padding-top: 16px;
		height: 244px;
		overflow: hidden;
	}
	
	* html #droite {
		position: relative;
		top: -1px;
	}
	
	.disabled {
		color: #CCCCCC;	
	}
	
		#droite a {
			font-size: 11px;
			text-decoration: underline;
		}
	
	#droite #plan a {
		text-decoration: none;
	}
	
		strong {
			font-size: 11px;
		}
		
		h1 {
			text-transform: uppercase;
			color: #01DBDC;
			font-size: 14px;
			height: 20px;
			font-weight: bold;	
		}
	
		h2 {
			text-transform: uppercase;
		}	
	
		.titre_fushia {
			text-transform: uppercase;
			color: #FF3399;
			font-size: 16px;
			height: 20px;	
			font-weight: bold;	
		}
	
		.titre_vert {
			text-transform: uppercase;
			color: #BCE304;
			font-size: 14px;
			height: 20px;	
			font-weight: bold;	
		}				
	
		.titre_jaune {
			text-transform: uppercase;
			color: #FFCC33;
			font-size: 14px;
			height: 20px;	
			font-weight: bold;	
		}		
	
		.titre_rouge {
			text-transform: uppercase;
			color: #CC0000;
			font-size: 14px;
			height: 20px;	
			font-weight: bold;	
		}					
	
		.titre_violet {
			text-transform: uppercase;
			color: #663388;
			font-size: 14px;
			height: 20px;	
			font-weight: bold;	
		}	
		
		.titre_footer {
			text-transform: uppercase;
			color: #D882FD;
			font-size: 14px;
			height: 20px;	
			font-weight: bold;	
		}			
	
		.titre_bleu {
			text-transform: uppercase;
			color: #0066FF;
			font-size: 14px;
			height: 20px;	
			font-weight: bold;	
		}						
	
		.titre_cyan {
			text-transform: uppercase;
			color: #01DBDC;
			font-size: 14px;
			height: 20px;	
			font-weight: bold;	
		}					
				
		.colonne_texte {
			float: left;
			width: 224px;
			margin-right: 20px;
			/*margin-bottom: 10px;*/
			text-align: justify;
			font-size: 11px;
		  /*height: 163px;*/
			overflow: hidden;
		}


		.colonne_texte li {
			color: #999;
			list-style-type: square;
			list-style-position: inside;
			font-size: 11px;
			margin-left: 8px;
		}

		.suite_brique {
			background: url("../images/suite_brique.gif") #FFF no-repeat;
			width: 12px;
			height: 8px;
			float: right;
			margin-top: -8px;
			cursor: pointer;			
		}
		/*
		.suite_vert {
			background: url("../images/suite_vert.gif") #FFF no-repeat;
			width: 12px;
			height: 8px;
			float: right;
			margin-top: -8px;
			cursor: pointer;			
		}
		*/		
		.suite_sable {
			background: url("../images/suite_sable.gif") #FFF no-repeat;
			width: 12px;
			height: 8px;
			float: right;
			margin-top: -8px;
			cursor: pointer;			
		}
				
		.suite_bleu {
			background: url("../images/suite_bleu.gif") #FFF no-repeat;
			width: 12px;
			height: 8px;
			float: right;
			margin-top: -8px;
			cursor: pointer;			
		}
				
		.suite_violet {
			background: url("../images/suite_violet.gif") #FFF no-repeat;
			width: 12px;
			height: 8px;
			float: right;
			margin-top: -8px;
			cursor: pointer;			
		}							
			
		.colonne_texte2 {
			float: left;
			width: 330px;
			margin-right: 20px;
			text-align: justify;
			font-size: 11px;
			/*height: 240px;*/
		}
			
				
		.colonne_texte3 {
			float: left;
			width: 224px;
			margin-right: 20px;
			text-align: justify;
			font-size: 11px;
			/*height: 160px;*/
			overflow: hidden;
		}

		
		.colonne_texte4 {
			float: left;
			width: 171px;
			margin-right: 12px;
			text-align: left;
			font-size: 11px;
			/*height: 160px;*/
			overflow: hidden;
		}		

		
		.colonne_texte5 {
			float: left;
			width: 142px;
			margin-right: 4px;
			text-align: left;
			font-size: 11px;
			/*height: 160px;*/
			overflow: hidden;
		}		


		#affiche {
			float: left;
			width: 410px;
		}
		
			.evenement {
				float: left;
				width: 120px;
				height: 175px;
				text-align:left;
				font-size: 11px;
				padding-right: 16px;
			}


			.container .evenement {
				padding-right: 0px;
			}
				
				.titre {
					text-transform: uppercase;
					font-weight: bold;
				}
				
				* html .visu {
					margin-top: -20px;
				}
				
				.savoir_plus {
					float: right;
					width: 120px;
					text-align: right;
					/*padding-right: 16px;*/
				}				
				
				.savoir_plus a {
					color: #666666;
					text-decoration: underline;
				}
		
		#edito {
			float: right;
			width: 305px;
			text-align: justify;
			font-size: 11px;
			padding: 0 20px 0 0;
		}
		
			#edito a {
				text-decoration: underline;
				color: #01DBDC;			
			}


		#videos {
			width:700px;
			height:144px;
			background-color:#D9D9D9;
			padding:6px;
		}

		#player {
			float: left;
			width: 216px;
			height: 144px;			
		}

		#liste_videos {
			float: right;
			width: 480px;
			height: 144px;
			overflow: auto;
			scrollbar-face-color: #EEE;
			scrollbar-shadow-color: #EEE;
			scrollbar-highlight-color: #EEE;
			scrollbar-3dlight-color: #EEE;
			scrollbar-darkshadow-color: #EEE;
			scrollbar-track-color: #EEE;
			scrollbar-arrow-color: #999;			
		}


			.fondVideo {
				padding:4px;
				float:right;
				width: 452px;
				height: 52px;
				background: url("../images/fondVideo.gif") repeat-x;
			}
			
			.visuVideo {
				float: left;
				width: 65px;
				height: 44px;
				margin-right:4px;
			}										
					
			.infos {
				float: left;
				color: #666;
				/*height:26px;*/
			}
			
			.infos a {
				font-weight:bold;
				text-decoration:underline;
				color: #666;
			}
			
			.vue {	
				float: right;
				color: #666;				
			}

			.vote {
				float:left;	
			}
			
			
			
			.fonctions {				
				float: right;
				margin-top:-16px;			
			}
			
			.fonctions img {
				cursor:pointer;
			}

			.submit {
				font-size: 11px;
				font-weight: bold;
				background-image: url("../images/bouton.gif");
				width: 86px;
				height: 25px;				
				color: #FFFFFF;
				border: 0;
				line-height: 15px;
			}

			.submitRecrutement {
				font-size: 11px;
				font-weight: bold;
				background-image: url("../images/bouton_recrutement.gif");
				width: 86px;
				height: 25px;				
				color: #FFFFFF;
				border: 0;
				line-height: 15px;
			}			
			
		/* Lignes des tableaux evenements */
		
		table {
			font-size: 10px;
			/*background-color: #E1E1E1;*/
		}
		
		table a {
			color: #666;
			text-decoration: underline;
		}
		
		td {
			height: 24px;
		}
		

		
		.mois {
			background-color: #FFF;
			color: #FF3399;
			height: 28px;
			text-transform: uppercase;
			font-weight: bold;
			border: #FF3399 solid 1px;
			margin-bottom: 6px;
			height: 24px;
			width: 212px;
			line-height: 24px;
			float: left;
			clear: both;
		}
		
		
		.rose {
			background-color: #FE89C5;
			color: #333;
		}
		
		.rose a {
			color: #333;
		}
		
		.gris {
			background-color: #EEE;
			color: #333;
		}
		
		.gris2 {
			background-color: #E1E1E1;
			color: #333;
		}
		
		
		#form_gauche {
			float: left;
			width: 367px;
		}

		#form_droite {
			float: right;
			width: 367px;
		}

		label {
			width: 102px;
			float: left;
			text-align: left;
		}

		.contact2 {
			width: 130px;
			float: left;
		}

		#messageErreur {
			position: relative;
			top: -1px;
		}

		#messageErreurPostuler {			
			height:24px;
			margin:-24px 48px 0 0;
			float:right;
			font-weight:bold;
			color:#D882FD;
		}

		#messageErreurLoginMarche {
			width:100%;	
			height:24px;
			float:left;
			font-weight:bold;
			color:#D882FD;
		}


		textarea {
			border: 1px solid #FF3399;
			font-family: Arial, Helvetica, Verdana, sans-serif;
			color: #333333;
			font-size: 11px;
			display: block;
			width: 580px;
			height: 100px;
		}		
		
		.objet_contact {
			border: 1px solid #FF3399;
			font-family: Arial, Helvetica, Verdana, sans-serif;
			color: #333333;
			font-size: 11px;
			display: block;
			width: 580px;	
		}
		
		.select {
			border: 1px solid #FF3399;
			font-family: Arial, Helvetica, Verdana, sans-serif;
			color: #333333;
			font-size: 11px;
			height: 16px;
			width: 217px;
			margin-bottom: 8px;			
		}		

		.selectRecrutement {
			border: 1px solid #D882FD;
			font-family: Arial, Helvetica, Verdana, sans-serif;
			color: #333333;
			font-size: 11px;
			height: 17px;
			width: 217px;
			margin-bottom: 8px;			
		}		

		
		html[xmlns*=""] body:last-child .select {
			width: 232px;
		} 
		
		.checkbox {			
			margin-right: 10px;
		}
		
		.text {
			border: 1px solid #FF3399;
			font-family: Arial, Helvetica, Verdana, sans-serif;
			color: #333333;
			font-size: 11px;
			height: 14px;
			margin-bottom: 8px;			
		}		

		.textRecrutement {
			border: 1px solid #D882FD;
			font-family: Arial, Helvetica, Verdana, sans-serif;
			color: #333333;
			font-size: 11px;
			height: 14px;
			margin-bottom: 8px;			
		}		
		
		.centrer {
			text-align: center;
		}
		
		
#bas {
	width: 955px;
	height: 27px;
	background: url("../images/bas.gif") #FFF;
}

#footer {
	width: 935px;
	text-align: right;
	color: #666666;
	padding-right: 20px;
	font-size: 12px;
}

#langue {position:relative;left:912px;top:16px;}
#langue img {margin-right:6px;}

	#footer a {
		text-decoration: none;
		color: #999;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
	}
	
	
	
/* Carousel */	


/* Horizontal Carousel */

#horizontal_carousel {
  float: left;
  width: 734px;
  height: 220px;
  margin-bottom: 0px;
  position: relative;
}

#horizontal_carousel .container {
  float: left;
  width: 664px;
  height: 220px;
  position: relative;    
  overflow: hidden;
}

#horizontal_carousel ul {
  margin: 0;
  padding: 0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 220px;
}                      

#horizontal_carousel ul li {
  width: 216px;
  height: 220px;
  padding: 0 3px 0 3px;
  text-align: center; 
  list-style:none;   
  float:left;
}

#horizontal_carousel .previous_button {
  float:left;  
  width: 27px;
  height: 220px;
  background: url("../images/prev.gif");
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over {
  background: url("../images/prev_over.gif");
}

#horizontal_carousel .previous_button_disabled {
  background: url("../images/prev_disabled.gif");
  cursor: default;
}

#horizontal_carousel .next_button {
  float:left;  
  width: 27px;
  height: 220px;
  background: url("../images/next.gif");
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .next_button_over {
  background: url("../images/next_over.gif");
}

#horizontal_carousel .next_button_disabled {
  background: url("../images/next_disabled.gif");
  cursor: default;
}

/*------------------------------------------------------------------*/

/* horizontal carousel 2 */

#horizontal_carousel2 {
  float: left;
  width: 715px;
  height: 66px;
  margin-bottom: 0px;
  position: relative;
}

#horizontal_carousel2 .container {
  float: left;
  width: 657px;
  height: 66px;
  position: relative;    
  overflow: hidden;
}

#horizontal_carousel2 ul {
  margin: 0;
  padding: 0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 66px;
}                      

#horizontal_carousel2 ul li {
  /*width: 99px;*/
  height: 66px;
  padding: 0 1px 0 1px;
  text-align: center; 
  list-style:none;   
  float:left;
}

#horizontal_carousel2 .previous_button {
  float:left;  
  width: 29px;
  height: 66px;
  background: url("../images/small_prev.gif");
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel2 .previous_button_over {
  background: url("../images/small_prev_over.gif");
}

#horizontal_carousel2 .previous_button_disabled {
  background: url("../images/small_prev_disabled.gif");
  cursor: default;
}

#horizontal_carousel2 .next_button {
  float:left;  
  width: 29px;
  height: 66px;
  background: url("../images/small_next.gif");
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel2 .next_button_over {
  background: url("../images/small_next_over.gif");
}

#horizontal_carousel2 .next_button_disabled {
  background: url("../images/small_next_disabled.gif");
  cursor: default;
}
/*------------------------------------------------------------------*/


/*------------------------------------------------------------------*/

/* horizontal carousel Home */

#horizontal_carousel_home {
  float: left;
  width: 380px;
  height: 320px;
  margin-bottom: 0px;
  position: relative;
}

#horizontal_carousel_home h1 {width:100px;float:left;height:24px;}

#horizontal_carousel_home .container {
  float: left;
  width: 390px;
  height: 320px;
  position: relative;    
  overflow: hidden;
}

#horizontal_carousel_home ul {
  margin: 0;
  padding: 0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 320px;
}                      

#horizontal_carousel_home ul li {
  width: 130px;
  height: 320px;
  padding: 0;
  text-align: center; 
  list-style:none;   
  float:left;
  /*padding-right:10px;*/
}

#horizontal_carousel_home .previous_button {
  float:right;  
  width: 20px;
  height: 20px;
  background: url("../images/prev_home.gif");
  z-index: 100;
  cursor: pointer;
  margin-right:4px;
}

#horizontal_carousel_home .previous_button_over {
  background: url("../images/prev_home_hover.gif");
}

#horizontal_carousel_home .previous_button_disabled {
  background: url("../images/prev_home_disabled.gif");
  cursor: default;
}

#horizontal_carousel_home .next_button {
  float:right;  
  width: 20px;
  height: 20px;
  background: url("../images/next_home.gif");
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel_home .next_button_over {
  background: url("../images/next_home_hover.gif");
}

#horizontal_carousel_home .next_button_disabled {
  background: url("../images/next_home_disabled.gif");
  cursor: default;
}
/*------------------------------------------------------------------*/

#type_evenement {
	position: absolute;
	margin: -16px 0 0 26px;
	font-size: 12px;	
}

* html #type_evenement {
	position: absolute;
	/*margin: -16px 0 0 1px;*/
	left:-2px;
	font-size: 12px;	
}

#type_evenement a {
	font-size: 12px;
	color: #666666;
}

#type_evenement .rose2 {
	font-size: 12px;	
}

#type_evenement a:hover {
	color: #FF3399;
}

.marge_haut {
  float:left;
  height: 13px;
  width: 204px;
}

#blanc {
	width: 202px;
	height: 22px;
	background-color: #FFF;
	color: #999;
	text-align: left;
	line-height: 22px;
	padding: 0 4px 0 4px;
	cursor: pointer;
	overflow: hidden;
}

#gris_3 {
	width: 202px;
	height: 22px;
	background-color: #EEE;
	color: #999;	
	text-align: left;
	line-height: 22px;	
	padding: 0 4px 0 4px;
	cursor: pointer;
	overflow: hidden;
}

.fond {
	width: 690px;
	height: 220px;
	padding-top: 20px;
	background: url("../images/agenda.gif") repeat-x;
}


.mois3 {
	background-color: transparent;
	color: #FF3399;
	height: 20px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	width: 190px;
	line-height: 20px;	
	font-size: 13px;
}		

.conteneur_agenda {
	float: left;			
	height: 164px;
	width: 204px;
	padding: 10px 0 0 10px;
	overflow: hidden;
}

* html .conteneur_agenda {
	height: 166px;
}

.fond_cadre {
	z-index: -1000;
	width: 653px;
	height: 184px;
	background: url("../images/cadre.gif") no-repeat;
	float: left;
}



/* vertical Carousel */

.container ul {
	list-style-type: none;
}

.ui_vertical_carousel {
}

#vertical_carousel {
  float:left;
  width: 204px;
  height: 146px;
  position: relative;
}

#vertical_carousel .container {
  float:left;  
  width: 204px;
  height: 110px;
  overflow: hidden;
}

#vertical_carousel ul {
  margin: 0;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;	
}

#vertical_carousel ul li {
  width: 204px;
  height: 110px;
  text-align: center;      
  list-style:none;   
  float:left;
	overflow: hidden;	
}                         

.container li {
  height: 110px;
	overflow: hidden;	
}

#vertical_carousel .previous_button {
  float:left;
  height: 13px;
  width: 204px;
  background: url("../images/up.gif");
  cursor: pointer;    
  display:inline;
}

#vertical_carousel .previous_button_over {
  background: url("../images/up_over.gif");
}

#vertical_carousel .previous_button_disabled {
  background: url("../images/up_disabled.gif");
  cursor: default;
}

#vertical_carousel .next_button {
  float:left;
  height: 13px;
  width: 204px;
  background: url("../images/down.gif");
  display:inline;
  cursor: pointer;
}

#vertical_carousel .next_button_over {
  background: url("../images/down_over.gif");
}

#vertical_carousel .next_button_disabled {
  background: url("../images/down_disabled.gif");
  cursor: default;
}

#reserve_prog {
	float: right;
	padding-right: 22px;
	color: #666666;
	font-style: italic;
	size: 10px;
}


#programme_pdf {
	padding-left: 20px;
	float: left;
	color: #666666;
}

#programme_pdf a {
	color: #666666;
}

#programme_pdf a:hover {
	color: #FF3399;
}

#evenements {
	margin-left: 178px;

}

.plan {
	text-indent: 20px;
	list-style-type: none;
}

.mentions_legales {
	width: 716px;
	height: 250px;
	text-align: justify;
	overflow: hidden;
}

.navigation_ml {
	float: right;
}



.nav_suite {
  float:right;
	margin: 0 0 3px 0;
  height: 10px;
  width: 51px;
  background: url("../images/nav_suite.gif") #FFF no-repeat;
	cursor: pointer;
}
.nav_retour {
  float:left;
	margin: 0 0 3px 0;
  height: 10px;
  width: 51px;
  background: url("../images/nav_retour.gif") #FFF no-repeat;
	cursor: pointer;
}


/* Conseiller virtuel */

#bouton_conseiller {
	width:280px;
	height:20px;
	background-color:transparent;
	/*border:#FFFFFF 1px solid;*/	
	display:inline;
	padding: 2px 2px 2px 2px;	
	/*margin-left:252px;
	/*padding-right:56px;*/
	position:relative;
	left:-318px;
}
html[xmlns*=""] body:last-child #bouton_conseiller {
	position:relative;
	top:1px;
	left:-314px;
}

#bouton_conseiller a {
	color:#FFFFFF;
	font-weight:bold;
}




/* Recrutement */

#offres th {
	background-color: #8064a2;
	color:#FFFFFF;
	height: 32px;
	/*font-weight:bold;*/
}

#offres td {
	color:#666666;
	height: 28px;
	/*font-weight:bold;*/
}

#tableauOffres {
	height:116px;
	width:717px;
	overflow:auto;
}

#tableauAppelsOffres {
	height:130px;
	width:717px;
	overflow:auto;
}


/* Mediabox */

#ajax_video1 {
	height:144px;
	clear: both;
}

/* -------- */ 

#espaces {
	border:1px solid #666666;
	background-color:#f2f2f2;
	color:#666666;
	width:164px;
	height:16px;
	font-size:11px;
	margin-top:2px;
}


/* Low Carbon */

#carbonGauche {
width:365px;float:left;text-align:center;padding-top:14px;
}

#carbonDroite {
width:365px;float:left;text-align:center;font-size:18px;padding-top:24px;
}


#carbonBas {
clear:both;padding-top:14px;text-align:center;
}


#navigation marquee {
	color:#fff;
	font-size:inherit;
	position:relative;
	top:-2px;
	left:-20px;
	width:500px;
	height:20px;
	}

#navigation marquee span{width:20px;display:inline-block}

/* Footer partenaires */
#footer-partenaires {
	width:835px;
	height:42px;
	/*background: #fff;*/
	background: transparent url('../images/partenaires/bg.png') no-repeat top left;
	/*border:#01dbdc 4px solid;
	border-width:3px 0 0 0;*/
	
	padding: 5px 0 2px 120px;
}

#footer-partenaires ul {list-style-type:none;display:inline;}
#footer-partenaires ul li {float:left;margin-right:20px;}
#footer-partenaires ul li a {/*cursor:default;*/}
#footer-partenaires ul li a img {border:none}



#tab-commentaires td{
	height:16px;
}