html, body 
{	
    background-color: white; 
    font-family: "Arial Bold";
	
}
 
a:link 
{	color: #000000;
	text-decoration: none;
}

a:visited 
{	color: #000000;
	text-decoration: none;
}

a:hover
{	color: grey;
	text-decoration: none;
}

a:active 
{	color: #000000;
	text-decoration: none;
}

a.aURL:link 
{	color: black;
	text-decoration: none;
}

a.aURL:visited 
{	color: black;
	text-decoration: none;
}

a.aURL:hover
{	color: grey;
	text-decoration: none;
}

a.blue:link 
{	color: blue;
	text-decoration: none;
}

a.blue:visited 
{	color: blue;
	text-decoration: none;
}

a.blue:hover
{	color: grey;
	text-decoration: none;
}
/*========================================================================================================================*/

.site    /*conteneur principale du site*/
{	
	position: relative;
	height: 600px ;
	width : 1000px ;
	border: 0px dotted black;

	
	
	/*top: -8px;
	left: -8px;
	left: 50%;
	margin-left: -450px;
	margin-top: 5px ;   */
}


/*==========================================MENU===========================================================================*/

.menu   /*conteneur du menu*/
{	
	background-image: url('sources/colonne_logo2.jpg');
	position: absolute;
	height: 600px ;
	width : 200px ;
	margin-top:0;
	margin-left: 0;
	z-index: 50;

}


/*conteneurs boutons   ;  le premier fixe la hauteur du tout */
.menu_actu
{
	float: left;
	width: 252px;
	height: 36px;
	margin-top: 252px;
	margin-left: 0;
	z-index: 50;
}

.menu_proch
{
	float: left;
	width: 252px;
	height: 33px;
	margin-top: 0;
	margin-left: 0;
	z-index: 50;
}

.menu_even
{
	float: left;
	width: 252px;
	height: 33px;
	margin-top: 0;
	margin-left: 0;
	z-index: 50;
}

.menu_qjv
{
	float: left;
	width: 252px;
	height: 33px;
	margin-top: 0;
	margin-left: 0;
	z-index: 50;
}

.menu_hist
{
	float: left;
	width: 252px;
	height: 33px;
	margin-top: 0;
	margin-left: 0;
	z-index: 50;
}

.menu_geo
{
	float: left;
	width: 252px;
	height: 33px;
	margin-top: 0;
	margin-left: 0;
	z-index: 50;
}

.menu_enstock
{
	float: left;
	width: 252px;
	height: 33px;
	margin-top: 0;
	margin-left: 0;
	z-index: 50;
}

.menu_re
{
	float: left;
	width: 252px;
	height: 33px;
	margin-top: 0;
	margin-left: 0;
	z-index: 50;
}

.menu_av
{
	float: left;
	width: 252px;
	height: 33px;
	margin-top: 0;
	margin-left: 0;
	z-index: 50;
}

.menu_news
{
	float: left;
	width: 252px;
	height: 33px;
	margin-top: 0;
	margin-left: 0;
	z-index: 50;
}

/*animations menus (décalage du gif de n pixels sur la gauche) */
a#menu_actu
{	background: url("sources/gif/boutons/actu.gif") no-repeat;

}

a#menu_actu_sel
{	background: url("sources/gif/boutons/actu.gif") no-repeat;
 background-position: -252px 0px;

}

a#menu_actu:hover, a#menu_actu:focus {
	height: 36px;
	background-position: -252px 0px;

}

a#menu_proch
{ z-index : 50;	
background: url("sources/gif/boutons/proch.gif") no-repeat;
}

a#menu_proch_sel
{	background: url("sources/gif/boutons/proch.gif") no-repeat;
	background-position: -252px 0px;
}

a#menu_proch:hover, a#menu_proch:focus {
	height: 33px;
	background-position: -252px 0px;
}

a#menu_even
{	background: url("sources/gif/boutons/even.gif") no-repeat;
}
a#menu_even_sel
{	background: url("sources/gif/boutons/even.gif") no-repeat;
	background-position: -252px 0px;
}
a#menu_even:hover, a#menu_even:focus {
	height: 33px;
	background-position: -252px 0px;
}

a#menu_qjv
{	background: url("sources/gif/boutons/qjv.gif") no-repeat;
}
a#menu_qjv_sel
{	background: url("sources/gif/boutons/qjv.gif") no-repeat;
	background-position: -252px 0px;
}
a#menu_qjv:hover, a#menu_qjv:focus {
	height: 33px;
	background-position: -252px 0px;
}
a#menu_hist
{	background: url("sources/gif/boutons/hist.gif") no-repeat;
}
a#menu_hist_sel
{	background: url("sources/gif/boutons/hist.gif") no-repeat;
	background-position: -252px 0px;
}
a#menu_hist:hover, a#menu_hist:focus {
	height: 33px;
	background-position: -252px 0px;
}
a#menu_geo
{	background: url("sources/gif/boutons/geo.gif") no-repeat;
}
a#menu_geo_sel
{	background: url("sources/gif/boutons/geo.gif") no-repeat;
	background-position: -252px 0px;
}
a#menu_geo:hover, a#menu_geo:focus {
	height: 33px;
	background-position: -252px 0px;
}

a#menu_enstock
{	background: url("sources/gif/boutons/enstock.gif") no-repeat;
}
a#menu_enstock_sel
{	background: url("sources/gif/boutons/enstock.gif") no-repeat;
	background-position: -252px 0px;
}
a#menu_enstock:hover, a#menu_enstock:focus {
	height: 33px;
	background-position: -252px 0px;
}

a#menu_re
{	background: url("sources/gif/boutons/re.gif") no-repeat;
}
a#menu_re_sel
{	background: url("sources/gif/boutons/re.gif") no-repeat;
	background-position: -252px 0px;
}
a#menu_re:hover, a#menu_re:focus {
	height: 33px;
	background-position: -252px 0px;
}


a#menu_av
{	background: url("sources/gif/boutons/av.gif") no-repeat;
}
a#menu_av_sel
{	background: url("sources/gif/boutons/av.gif") no-repeat;
	background-position: -252px 0px;
}
a#menu_av:hover, a#menu_av:focus {
	height: 33px;
	background-position: -252px 0px;
}


a#menu_news
{	background: url("sources/gif/boutons/news.gif") no-repeat;
}
a#menu_news_sel
{	background: url("sources/gif/boutons/news.gif") no-repeat;
	background-position: -252px 0px;
}
a#menu_news:hover, a#menu_news:focus {
	height: 33px;
	background-position: -252px 0px;
}

/*=======================================================================================*/

.contenu
{	background: url("sources/gif/etsi.gif") ;
	background-repeat: no-repeat;
	background-position: top center;
	position: absolute;
	height: 600px ;
	width : 845px ;
	margin-left: 153px;
	margin-top: 0PX ;
	/*overflow: auto;*/
	z-index:1;
}

/*==============================PAGE ACTU================================================*/
.cadre_migno
{  	position: relative;	
	left: 50%;
	top: 50%;
	margin-left: -306px;
	margin-top: -260px;
	width : 612px;
	height: 540px;
	 /*border: 1px solid black;*/
	}
	
	
.recherche
{  	position: relative;	
	left: 40px;
	top: 10px;
	width: 780px;
	 border: 0px solid black;
}

.migno				
{		
	width : 240px;
	height: 280px;
	position : relative;	
	
	/* border: 1px solid black;*/
} 



.migno_titre				
{		
	width : 239px;
	height: 20px;
	position : absolute;	
	margin-left: 0px;
	margin-top: 2px;
	
 /* border: 1px solid black;*/
} 
.migno_date			
{
	width : 160px;
	position : relative;	
	margin-left: 0px;
	margin-bottom: 0px;
	text-align: center;
	/*border: 1px solid black;*/
	font-size: 9pt;
	color: #E6000B
} 
a#migno
{	text-decoration: none;
	min-height:50px;
	font-weight: bold ;
	font-variant:small-caps;
	font-size: 10pt;
	color: #E6000B
}
a#migno:hover, a#migno:focus {
	font-variant:small-caps;
	font-size: 13pt;
	color: black;
	/*text-align: center;*/
}


#migno img
{	margin-left: 0px;
	margin-top: 20px;
	width : 150px;
	height: auto;
}

#migno_date h1
{	
}
/*==============================PAGE PROCHAINEMENT================================================*/

	
.proch_migno				
{	z-index: 2;
	width : 120px;
	height: 160px;
	position : relative;	
	
	/* border: 1px solid black;*/
} 



.proch_migno_titre				
{	z-index: 3;	
	width : 119px;
	height: 20px;
	position : absolute;	
	margin-left: 0px;
	margin-top: 1px;
	
 /* border: 1px solid black;*/
} 
.proch_migno_date			
{	z-index: 3;
	width : 80px;
	position : relative;	
	margin-left: 0px;
	margin-bottom: 0px;
	text-align: center;
	/*border: 1px solid black;*/
	font-size: 7pt;
	color: #E6000B
} 
a#proch_migno
{	text-decoration: none;
	min-height:50px;
	font-weight: bold ;
	font-variant:small-caps;
	font-size: 8pt;
	color: #E6000B
}
a#proch_migno:hover, a#migno:focus {
	font-variant:small-caps;
	font-size: 10pt;
	color: black;
	/*text-align: center;*/
}


#proch_migno img
{	margin-left: 0px;
	margin-top: 14px;
	width : 75px;
	height: auto;
}


/*====================PAGES SHOWS=============================*/

.cadre_visuel
{	position: absolute;
	left: 90px;
	top: 68px;
	width: 217px;
	height: 340px;
	
}

.cadre_fiche
{	position : absolute;
	padding-top: 0px;
	left: 315px;
	top: 48px;
	width : 340px;
	height: 480px;
	text-align: top;
	overflow : auto;

}
.cadre_droite
{
position : absolute;
	padding-top: 0px;
	left: 665px;
	top: 68px;
	width : 150px;
	height: 430px;
text-align: center;
}


.cadre_boutons
{  	position: absolute;	
	left: 90px;
	top: 422px;
	width : 132px;
	height: 155px;

}
	
/*LIENS*/
.bouton_photos
{	
	position: absolute;
	width: 131px;
	height: 44px;
	top: 424px;
	left: 90px;
}
.bouton_video
{	
	position: absolute;
	width: 131px;
	height: 44px;
	top: 478px;
	left: 90px;
}
.bouton_presse
{	
	position: absolute;
	width: 131px;
	height: 44px;
	top: 530px;
	left: 90px;
	
}


.bouton_reserver
{	
	position: absolute;
    width: 236px;
	height: 64px;
	top: 507px;
	left: 361px;
}

.list_date
{ width: 155px;
  max-height : 235px;
  overflow : auto;
 }

.URL
{	
	position: absolute;
	width: 250px;
	height: 40px;
	top: 550px;
	left:405px;
	background: url("sources/gif/boutons/URL.gif") no-repeat;
	font-family: Trebuchet MS;
	font-size: 10pt;
	
	

}
a#bouton_photos
{	background: url("sources/gif/boutons/photos.gif") no-repeat;
}

a#bouton_photos:hover, a#bouton_photos:focus {
	height: 44px;
	background-position: -131px 0px;
}

a#bouton_video
{	background: url("sources/gif/boutons/video.gif") no-repeat;
}

a#bouton_video:hover, a#bouton_video:focus {
	background-position: -131px 0px;
}

a#bouton_presse
{	background: url("sources/gif/boutons/presse.gif") no-repeat;
}

a#bouton_presse:hover, a#bouton_presse:focus {
	background-position: -131px 0px;
}


a#bouton_reserver
{	background: url("sources/gif/boutons/reserver.gif") no-repeat;
}

a#bouton_reserver:hover, a#bouton_reserver:focus {
	background-position: -238px 0px;
}

a#bouton_URL
{	background: url("sources/gif/url/passion.gif") no-repeat;
}


.Dates
{	font-family: Trebuchet MS;
	font-size: 17pt;
	color:  black;
	text-align: center;
	font-weight: 900;
}
.date_c
{	
	font-family: Arial;
	font-size: 11pt;
	color:  black;
	text-align: justify;
	font-weight: 100;
	font-variant: small-caps;

	
}

.date_nc
{	
	font-family: Arial;
	font-size: 11pt;
	color:  black;
	text-align: justify;
	font-weight: 100;
	font-variant: small-caps;
	text-decoration: line-through;
}
.picto
{	font-family: Trebuchet MS;
	font-size: 11pt;
	color:  black;
	text-align: center;
	font-weight: 900;
}
.Duree
{	font-family: Trebuchet MS;
	font-size: 10pt;
	color:  black;
	text-align: center;

}
.barre
{
background-image: url('sources/gif/barre_grise.gif') ;
height: 1px;
}

.video
{	font-variant: small-caps;
	font-size: 13pt;
	color:  #fff;
	text-align: center;
	background-color: black;
	width : 585px;
	height : 480px;
	
}


/*====================PAGE EVENEMENT====================================*/

.c_even
{ 	
	width: 600px;
	/*height: 290px;*/
	border : 1px solid black;	
	margin-left :100px;
}