/* CSS HACKS */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

:-moz-any-link:focus {
  outline: none;
}


html { 
	background-image: url(/images_back/back_home_repeat.gif); 
	background-position: top;
	background-repeat: repeat-x;
	background-color: #cccccc; 
	}
	
body { 

	background-image: url(/images_back/back_home.gif); 
	background-position: top center !important;
	background-repeat: no-repeat; 
	}
	
	
	
.master_frame_top { 
	background-image: url(/images_top/top_bleu.jpg);
	}

#shadow_color { 
	background-color: #6b8499;
	opacity:0.4; 
	filter:alpha(opacity=40); 
	-moz-opacity:0.40; 
	-khtml-opacity:0.4;
	}

/* Titres */

.titres { 
	color: #0064ad; 
	font-size: 13px; 
	font-family: "Arial Black", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	font-style:normal !important;
	line-height: 14px;
	text-transform: uppercase;
	}
	
.titres_sous_section { 
	color: #0064ad;
	font-size: 12px !important;
	line-height: 60px;
	font-weight: bold;
	padding-left: 15px;
	vertical-align: 18px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.sous_titres { 
	color: #0064ad; 
	font-size: 12px !important; 
	font-weight: bold;
	}
	
.texte_hilight { 
	color: #625540; 
	font-size: 11px !important; 
	font-weight: bold;
	}




/* Menu section */


.sous_menu_section a:link, .sous_menu_section a:visited { 
	color: #777777;
	text-decoration: none;
	}
	
.sous_menu_section a:hover { 
	color: #0064ad;
	cursor: pointer;
	text-decoration: none;
	}
	
.sous_menu_section a:active { 
	color: #777777;
	text-decoration: none;
	}
	
.sous_menu_section li { 
	list-style-image: url(/images_generiques/bullet2.gif);
	list-style-position: outside;
	}

	
/* Menu Top */

.exposants_off { 
	display: block;
	}
.exposants_on { 
	display: none;
	}
.visiteurs_off { 
	display: block;
	}
.visiteurs_on { 
	display: none;
	}
.planificateurs_off { 
	display: block;
	}
.planificateurs_on { 
	display: none;
	}

/* Nouvelle */

#nouvelles_marges { padding-right: 10px; padding-bottom: 5px; padding-left: 10px; font-family: Verdana, Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; }

#nouvelles_box { border: solid 1px #e5e5e5; }

#nouvelles_spacer { height: 2px; background-image: url(/images_generiques/news_spacer.gif); background-repeat: repeat-x; }

.nouvelles_titre { 
	color: #737373; 
	font-size: 12px;
	font-weight: bold; 
	text-transform: uppercase;
	padding-left: 10px;
	font-family: Arial narrow, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	}
	
.nouvelles_titre li { 
	list-style-image: url(/images_generiques/bullet_bleu.gif);
	}
	
.nouvelles_sous_titre { 
	color: #0064ad; 
	font-size: 11px;
	font-weight: bold; 
	}
	
.nouvelles_date { 
	color: #898989; 
	font-size: 11px;
	}
	
.nouvelles_texte { 
	color: #666666; 
	font-size: 11px;
	}
.nouvelles_texte li { 
	list-style-image: url(/images_generiques/bullet_bleu.gif);
	}
.nouvelles_bouton { 
	color: #666666; 
	font-size: 9px;
	}
	
.nouvelles_bouton a:link, .nouvelles_bouton a:visited { color: #666666; text-decoration: none; }
.nouvelles_bouton a:hover { color: #666666; text-decoration: underline; }
.nouvelles_bouton a:active { color: #666666; text-decoration: none; }
	
#nouvelles_images { 
	float: left;
	clear: left;
	padding-right: 5px;
	padding-bottom: 3px;
	}
/* Events */

#events_marges { padding-right: 5px; padding-bottom: 5px; padding-left: 5px; font-family: Verdana, Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; }

#events_back_gris { background-color: #f6f6f6; padding: 10px; }
#events_back_blanc { background-color: #ffffff; padding: 10px; }

#events_box { border: solid 1px #e5e5e5; }
#events_spacer { height: 2px; background-image: url(/images_generiques/events_spacer.gif); background-repeat: repeat-x; }
.events_titre { 
	color: #737373; 
	font-size: 12px;
	font-weight: bold; 
	text-transform: uppercase;
	
	font-family: Arial narrow, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	}
	
.events_titre li { 
	list-style-image: url(/images_generiques/bullet_bleu.gif);
	}

.events_sous_titre { 
	color: #0064ad; 
	font-size: 11px;
	font-weight: bold; 
	}
	
.events_date { 
	color: #898989; 
	font-size: 11px;
	}

.events_texte { 
	color: #666666; 
	font-size: 11px;
	}

.events_bouton { 
	color: #666666; 
	font-size: 9px;
	}
	
.events_bouton a:link, .events_bouton a:visited { color: #666666; text-decoration: none; }
.events_bouton a:hover { color: #666666; text-decoration: underline; }
.events_bouton a:active { color: #666666; text-decoration: none; }
	
.events_image { border: solid 3px #e5e5e5; text-align: right;}


/* Publications - Salle Presses */

#publications_marges { padding-right: 5px; padding-bottom: 5px; padding-left: 5px; font-family: Verdana, Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; }

#publications_back_gris { background-color: #f6f6f6; padding: 5px; }
#publications_back_blanc { background-color: #ffffff; padding: 5px; }

#publications_box { border: solid 1px #e5e5e5; }
#publications_spacer { height: 2px; background-image: url(/images_generiques/events_spacer.gif); background-repeat: repeat-x; }
.publications_titre { 
	color: #737373; 
	font-size: 11px;
	font-weight: bold; 
	text-transform: uppercase;
	font-family: Verdana, Helvetica, Arial, Geneva, SunSans-Regular, sans-serif;
	}
	
.publications_titre li { 
	list-style-image: url(/images_generiques/bullet_bleu.gif);
	}

.publications_sous_titre { 
	color: #0064ad; 
	font-size: 11px;
	font-weight: bold; 
	}
	
.publications_date { 
	color: #898989; 
	font-size: 11px;
	}

.publications_texte { 
	color: #666666; 
	font-size: 11px;
	}
	
	
	
	
/*//////////// Carousel ///////////////*/	
#galerie {
	position:relative;
	height:525px;
	background-color:#f0f0f0;
	z-index:2;
	overflow:hidden;
}


	
	#galerie .video {
		display:block;
		width:117px;
		height:36px;
		background-image:url(/fr/images_accueil/caroussel/btn_voir_video.png);
		background-repeat:no-repeat;
		background-position:top left;
		z-index:500;
		position:absolute;
		top:261px;
		right:13px;
		text-indent:-9999px;
		cursor:pointer;
	}
	
		.anglais #galerie .video {
			width:134px;
			background-image:url(/en/images_accueil/caroussel/btn_voir_video.png);
		}	
	
		#galerie .video:hover {
			background-position:bottom left;
		}	

#galerie p {
	margin:0;
	padding:0;
}

#galerie .slide{
	display:none;}
/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	top:367px;
	left:0;
	height:133px;
	padding:17px 15px 0;
	background-color:#FFF;
	width:512px;
	font-size:12px;
	line-height:16px;
	color:#636363;
	border:4px solid #61ab20;
	text-shadow:none;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	display:block;
}

	#ima0 .caption {
		border:4px solid #0064ad;
	}
		#ima0 .caption h2{
			color: #0064ad;
		}	
		
	#ima1 .caption {
		border:4px solid #f57921;
	}
	
		#ima1 .caption h2{
			color: #f57921;
		}		
	
	#ima2 .caption {
		border:4px solid #61ab20;
	}
	
		#ima2 .caption h2{
			color: #61ab20;
		}		
	
	#ima3 .caption {
		border:4px solid #db1666;
	}	
	
		#ima3 .caption h2{
			color: #db1666;
		}				

	.caption p {
		margin:1px 0 0;
	}


	.caption h2 {
		color:#61ab20;
		font-weight:bold;
		font-size:14px;
		line-height:18px;
		text-transform:uppercase;
		margin:0;
		margin-bottom:8px;
	}
	

	.caption h2 span {
		font-size:12px;
		text-transform: none;
	}	
	
	.caption a {
		display:inline;
		width:auto;
		height:auto;
	}	


/*
	Next/prev buttons
*/

#galerie .next,#galerie .prev{
	display:none;
/*	position:absolute;
	top:127px;
	left:0;
	width:21px;
	height:0;
	padding-top:21px;
	overflow:hidden;
	display:block;
	z-index:101;*/
}

#galerie .prev {
	/*background:url(../img/arrow-prev.png);*/
	display:none;
}

#galerie .next {
	left:398px;
	/*background:url(../img/arrow-next.png);*/
	display:none;
}

/*
	Pagination
*/

#slides{
	position:relative;
	width:550px;
	height:525px;
	}
	
.pagination {
	width:550px;
	position:absolute;
	left:0;
	top:310px;
	height:57px;
	padding:0px;
	float:left;
	margin:0px;
	z-index:1000;
	background-color:#939ca3;
}

.pagination li {
	float:left;
	margin:0px;
	list-style:none;
}

.pagination li a {
	display:block;
	height:57px;
	margin:0px;
	float:left;
	background-position:left top;
	background-repeat:no-repeat;
	width:137px;
}

	.pagination li a#bt_ima0{
		background-image:url(/fr/images_accueil/caroussel/btn_ima1.gif);}
		
			
	.pagination li a#bt_ima1{
		background-image:url(/fr/images_accueil/caroussel/btn_ima2.gif);
		width:138px;}
		
			
	.pagination li a#bt_ima2{
		background-image:url(/fr/images_accueil/caroussel/btn_ima3.gif);
		width:138px;}
		
			
	.pagination li a#bt_ima3{
		background-image:url(/fr/images_accueil/caroussel/btn_ima4.gif);}
		
		
	.anglais .pagination li a#bt_ima0{
		background-image:url(/en/images_accueil/caroussel/btn_ima1.gif);}
		
			
	.anglais .pagination li a#bt_ima1{
		background-image:url(/en/images_accueil/caroussel/btn_ima2.gif);
		width:138px;}
		
			
	.anglais .pagination li a#bt_ima2{
		background-image:url(/en/images_accueil/caroussel/btn_ima3.gif);
		width:138px;}
		
			
	.anglais .pagination li a#bt_ima3{
		background-image:url(/en/images_accueil/caroussel/btn_ima4.gif);}

		
		.pagination li a:hover{
			background-position:bottom;}												

.pagination li.activeSlide a {
	margin:0;
	background-position:bottom;
}






/*////////////zone_calendrier ///////////////*/



#zone_calendrier{
	margin-bottom:20px;}
	
	#zone_calendrier h3 {font-size:14px;
	font-family: Arial Black,Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
	font-style:normal;
	color: #0064AD;
	height:49px;
	padding:20px 0px 0 18px;
	margin:0;
	background:url(../fr/images_accueil/titre_calendrier.gif) 0 0 no-repeat;
	text-transform:uppercase;
	font-style:normal !important;}
	
	
	#zone_calendrier #details{
		float:right;
		width:245px;
		border-left:1px solid #e1e1e1;
		margin:2px 11px 0 0px;
		padding:3px 0px 0 20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#636363;
		}
		
	#zone_calendrier #details h4{
		font-weight:bold;
		margin:0;
		padding:0;
		font-size:12px;
		color:#0064ad;
		text-transform:uppercase;
		padding-bottom:6px;

		}		
		
	#zone_calendrier #details p{
		padding-bottom:8px;
		}	
		
	#zone_calendrier #details a{
		text-decoration:none;
		}	
		
		#zone_calendrier #details a:hover{
			text-decoration:underline;
			}	
			
	#zone_calendrier #details a#calendrier_complet{
		background-image:url(../fr/images_accueil/btn_voir_calendrier_accueil.png);
		background-position:left top;
		background-repeat:no-repeat;
		display:block;
		width:214px;
		height:35px;
		margin-top:30px;
		margin-left:-6px;
		text-indent:-99999px;
		}	
		
		.anglais #zone_calendrier #details a#calendrier_complet{
			background-image:url(../en/images_accueil/btn_voir_calendrier_accueil.png);
			width:163px;
			}				
		
		#zone_calendrier #details a:hover#calendrier_complet{
			background-position:left bottom;
			}		
			
			
/*/////////////Zone nouvelles ////////////*/
#zone_nouvelles{
	border-top:solid 4px #0869b0;
	border-bottom:1px solid #e1e1e1;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;}
	
	#zone_nouvelles #titre_nouvelles{
		background-image:url(../fr/images_accueil/titre_nouvelles.gif);
		width:108px;
		height:52px;
		font-size:14px;
		font-style:normal !important;
		color:#0064ad;
		font-family: Arial Black,Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
		padding-left:19px;
		line-height:47px;
		float:left;}
	
	
.ui-tabs { position: relative; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; height:44px; width:423px;margin-bottom:8px; 
float:left; }
.ui-tabs .ui-tabs-nav li { 
list-style: none; 
float: left; 
position: relative; 
top: 0px; 
margin: 0; 
padding: 0;
white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
	 float: left; 
	 padding: 0; 
	 text-decoration: none;
	 background-position:left bottom;
	 background-repeat:no-repeat;
	 height:44px;
	 display:block;
	 font-family:Arial, Helvetica, sans-serif;
	 color:#636363;
	 font-weight:bold;
	 font-size:12px;
	 padding-left:20px;
	 line-height:49px;}
	 
	.ui-tabs .ui-tabs-nav li#twitter a {
		background-image:url(../fr/images_accueil/onglet_twitter.gif);
		width:152px;}	 
		
	.ui-tabs .ui-tabs-nav li#communiques a {
		background-image:url(../fr/images_accueil/onglet_communiques.gif);
		width:226px;
		padding-left:24px;}	
		
		.ui-tabs .ui-tabs-nav li a:hover,
		.ui-tabs .ui-tabs-nav li.ui-state-active a {
			background-position:left top;
			color:#0064ad;}				
	 
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding: 0px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding:13px 17px 20px; background: none; line-height:16px; clear:both; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-tabs .ui-tabs-panel p{
	margin:0;}
	
	#zone_nouvelles #twit{}
	
		#zone_nouvelles #twit img{
			float:left;
			margin:0 20px 0px 0;}	
		
		#zone_nouvelles #twit div{
			float:left;
			width:442px;}	
			
			#zone_nouvelles #twit div strong{
				color:#0064ad;
				font-weight:normal;}
			
			
	#zone_nouvelles .communiques a{
		text-decoration:none;
		display:block;}
	
		#zone_nouvelles .communiques img{
			float:left;
			margin:0 20px 0px 0;}	
			
		#zone_nouvelles .communiques div{
			float:left;
			width:442px;}				
				
		#zone_nouvelles .communiques h3{
			color:#0064AD;
			margin:0;
			font-size:12px;}	
			
		#zone_nouvelles .communiques .read-more {
			color: #124F9D;
			font-size: 11px;
			text-transform: lowercase;
		}		
		
		#zone_nouvelles .communiques .publications_date	{
			font-size:12px;}

				
	#zone_nouvelles a#venez_rencontrer{
		display:block;
		height:53px;
		background-color:#f0f0f0;
		padding:6px 0 0 19px;
		text-decoration:none;
		line-height:18px;}
		
		#zone_nouvelles a:hover#venez_rencontrer{
			background-color:#d9d8d8;}		
		
		
		#zone_nouvelles a#venez_rencontrer img{
			float:left;
			margin-right:21px;}		
			
		#zone_nouvelles a#venez_rencontrer p{
			float:left;
			width:450px;
			font-size:14px;
			margin-top:6px;
			margin-bottom:0;
			}				
				
			#zone_nouvelles a#venez_rencontrer p span{
				color:#61ab22;
				font-family: Arial Black,Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
				text-transform:uppercase;	
				font-style:normal !important;		
				}						
						
						

/***************Calendrier************/
.calendrier{
	float:left;
	width:217px;
	margin-left:33px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:-2px;
	color:#636363;
	font-size:12px;}

	.calendrier .mois{
		height:20px;
		vertical-align:baseline;
		font-family: "Arial Black", Arial, Helvetica,Geneva,SunSans-Regular,sans-serif;
		font-style:normal !important;
		font-size:14px;
		text-transform:uppercase;
		
		}
	
		.calendrier .mois div{

			}
							
		.calendrier .mois span{
			display:inline-block;
			height:20px;
			line-height:20px;
			}
		
		.calendrier .mois a{
			background-image:url(../fr/images_accueil/calendrier/fleche_ga.png);
			width:15px;
			height:20px;
			display:inline-block;
			background-position:left top;
			background-repeat:no-repeat;
			margin-bottom:-5px;
			margin-right:11px;}	
			
			.calendrier .mois a:hover{
				background-position:left bottom;}	
				
			.calendrier .mois a#next{
			margin-left:11px;
			margin-right:0px;
			background-image:url(../fr/images_accueil/calendrier/fleche_dr.png);}				


	.calendrier .semaine{
		color:#006eb5;
		font-size:14px;
		text-transform:uppercase;
		letter-spacing:22px;
		padding-left:5px;
		margin-top:10px;
		}
		
	.calendrier .jours{
		margin-left:-3px;
		margin-top:6px;

		}		
		
		.calendrier .jours span,
		.calendrier .jours a{
			display:block;
			float:left;
			width:25px;
			height:24px;
			background-image:url(../fr/images_accueil/calendrier/jour.png);
			background-position:left top;
			background-repeat:no-repeat;
			margin:0 6px 6px 0;
			color:#636363;
			text-decoration:none;
			text-align:center;
			line-height:24px;
			}		


			.calendrier .jours a{
				color:#FFF;
				}	
				
			.calendrier .jours a:hover{
				color:#000;
				}	
								
				
			.calendrier .jours a.vert{
				background-image:url(../fr/images_accueil/calendrier/jour-vert.png);
				}	
				
			.calendrier .jours a.bleu{
				background-image:url(../fr/images_accueil/calendrier/jour-bleu.png);
				}	
				
			.calendrier .jours a.orange{
				background-image:url(../fr/images_accueil/calendrier/jour-orange.png);
				}	
				
			.calendrier .jours a.rose{
				background-image:url(../fr/images_accueil/calendrier/jour-rose.png);
				}													
				
			.calendrier .jours a.bleu_fonce{
				background-image:url(../fr/images_accueil/calendrier/jour-bleu_fonce.png);
				}
				
			.calendrier .jours a.gris{
				background-image:url(../fr/images_accueil/calendrier/jour-gris.png);
				}
				
			.calendrier .jours a.rouge{
				background-image:url(../fr/images_accueil/calendrier/jour-rouge.png);
				}		
		
		
				
  #box_twitter a#logo_twitter {
	  display:block;
	  width:48px;
	  height:48px;
	  float:left;
	   background-image: url("/fr/images_accueil/btn_twitter.png");
    background-position: 0 0;
    background-repeat: no-repeat;
	margin-right:20px;
	
        }
																
