/*------------------------------------------------------*
  *--------    CSS BLOCS  						 ----*
  *------------------------------------------------------*/

#intro_globe {padding-top : 150px;width : 980px; margin: 0px auto;
	padding: 0px auto;}
#intro_globe p {color : white;text-align : left; font-size : 9px; margin : 0px;margin-left : 5px;}
#intro_player {float : left; width : 250px; }
#typo_accueil {float : left; width : 980px;  margin-top : 50px;}
#intro_globe img {margin : 0px;padding : 0px;}

#intro_acces  { margin: 0px auto;padding : 0px;width : 200px; height : 50px;}
#intro_acces a { float : left; width : 100px; }
 
#row_liste {
	float: left;
	text-align: left;
	width:250px;
}
#liste{
	padding-left: 20px;
}


#liste_events2{
padding-top: 50px;
	padding-left: 20px;
}

#liste_diary{

	padding-left: 20px;
}

#row_miniature{
	float: left;
	text-align: left;
	width:150px;
}	

#row_centre{
	float: left;
	width:570px;
	text-align: center;
padding-right:30px;

background-repeat:repeat-x ;
}	

#row_artiste{
	float: left;
	width:1000px;
	text-align: center;
padding-top:0px;

background-repeat:repeat-x ;
}

#content_menu{
float: left;
width:1110px;
padding-top:0px;
}	

#content_site{
float: left;
width:1110px;
padding-top:30px;
}

div.spacer {
 	clear: both;
 }
 
.texte_bio {color: #FFFFFF; font-family: Verdana; font-size:10px;
text-align:justify}
.texte_listen {color: #FFFFFF; font-family: Verdana; font-size:10px;
text-align:justify; padding-left:15px}
 /*------------------------------------------------------*
  *--------   FIN CSS BLOCS 						 ----*
  *------------------------------------------------------*/
  
  
  /*------------------------------------------------------*
  *--------    CSS ACCUEIL ARTISTE 						 ----*
  *------------------------------------------------------*/
#guest{
width:180px;
height:205px;
padding-top:5px;
}
#imgguest{
padding-top:5px;

}

#contentguest{
background-color:#FFFFFF;
font-size:10px;
color:#333333;
width:180px;
height:205px;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color: #000000 ;
font-weight:bold;
}

#artiste_accueil {
padding-left:15px;
float:left;

}

a.bleu:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#0033FF;
font-weight:700;
	text-decoration: none;

}
a.bleu:visited {
	color: #0033FF;
	text-decoration: none;

}
a.bleu:hover {
	color: #000000;
	text-decoration: none;

}
a.bleu:active {
	color: #0033FF;
	text-decoration: none;

}


 /*------------------------------------------------------*
  *--------    contact  						 ----*
  *------------------------------------------------------*/
  #contact_content{
	width: 500px;
background-color : #FFFFFF;
	padding-top: 30px;
}

<!-- The CSS -->

ul{
    margin: 0 auto;
}
ul.contact li{
    text-align: center;
    
    list-style: none;
    padding: 3px 10px 3px 10px;
    margin: 5px;
    border: 1px solid #CCC;
}

ul.coordonnee li{
    text-align: center;
    list-style: none;
  
}

 /*------------------------------------------------------*
  *--------    menu events  						 ----*
  *------------------------------------------------------*/
  #liste_events{
	height: 90px;
	width: 160px;
	

}
  a.liste_events:link{
	padding-left: 20px;
	height: 90px;
	position: absolute;

}
  a.liste_events:visited{
	padding-left: 20px;
	height: 90px;
	position: absolute;

}
  a.liste_events:hover{
  padding-left: 60px;
position: absolute;

}
  a.liste_events:active{
	padding-left: 60px;
	height: 90px;
	position: absolute;

}

  a.liste_events_active:link{
  padding-left: 60px;
	height: 90px;
	position: absolute;

}
  a.liste_events_active:visited{
  padding-left: 60px;
	height: 90px;
	position: absolute;

}
  a.liste_events_active:hover{
  padding-left: 60px;
position: absolute;

}
  a.liste_events_active:active{
  padding-left: 60px;
	height: 90px;
	position: absolute;

}
 #bloc_events {

	font-size: 11px;
text-align: left;
	padding-left: 10px;
	float:left;
	padding-top:0px;
}

 .Style_events {

	font-size: 11px;
text-align: left;
	color: #FFFFFF;
	height: 90px;
} 
 .Style_titre_events {

	font-size: 14px;
text-align: center;
	color: #FFFFFF;
	font-weight:bold;
	padding-left: 200px;
} 

 .Style_calendrier {

	font-size: 14px;
text-align: center;
	color: #FFFFFF;
	font-weight:bold;
} 

 a.fleche:link{
	color: #FFFFFF;
	font-size: 14px;
}
  a.fleche:visited{
	color: #FFFFFF;
	font-size: 14px;
}
  a.fleche:hover{
	color: #cccccc;
	font-size: 14px;
}
  a.fleche:active{
	color: #FFFFFF;
	font-size: 14px;
}

 /*------------------------------------------------------*
  *--------    fin menu events 						 ----*
  *------------------------------------------------------*/
  
  
   /*------------------------------------------------------*
  *--------    debut diary						 ----*
  *------------------------------------------------------*/


    #diary_content{
	width: 950px;
	padding-top: 30px;
}

    #diary_vignette{
	width: 450px;
	float: left;
	padding-bottom: 20px;
padding-left: 25px;
	
}

    #diary_photo{
	width: 200px;
	float: right;
}

    #diary_texte{
	width: 250px;
	float: left;
	text-align: left;
}
  
   .verd17blanc {

	font-size: 17px;
text-align: left;
color: #FFFFFF;
	padding-left: 20px;

}
 
   .verd11blanc {

	font-size: 11px;
text-align: left;
color: #FFFFFF;

}

a.annee_diary {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
text-align: left;
color: #FFFFFF;
	text-decoration: none;}

a.annee_diary:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
text-align: left;
color: #cccccc;
	text-decoration: none;}
  
 /*------------------------------------------------------*
  *--------    fin diary						 ----*
  *------------------------------------------------------*/
 .Style_titre {

	font-size: 11px;
text-align: center;
	color: #FFFFFF;
} 

 .Style_speechexpo {

	font-size: 12px;
text-align: center;
	color: #FFFFFF;
} 

 .Style_titre_news {

	font-size: 11px;
text-align: left;
	color: #FFFFFF;
	padding-left:20px;
} 
 #Style_titre_news {

	font-size: 10px;
text-align: left;
	color: #FFFFFF;
	font-weight:bold;
	padding-left:20px;
	padding-top:60px;
} 
 .Style_date {

	font-size: 10px;
text-align: left;
	color: #FFFFFF;
padding-left:20px;
} 

 .Style_news_artiste {

	font-size: 18px;
text-align: left;
	color: #FFFFFF;
	font-weight:bold;
	padding-left:20px;
	padding-top:10px;
} 

 .Style_date_accueil {

	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
	font-weight:bold;
}
  .Style_pdf {
  font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

  .Style2 {

	font-size: 10px;
	color: #FFFFFF;
}



/* Setting the body tag with a background-image attribute
set to background-repeat: no-repeat; will only display the image one time 
(repeat is the default setting) */
-->
body {
	
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #0066CC;
	scrollbar-highlight-color: #F1F1EF;
	scrollbar-3dlight-color: #F1F1EF;
	scrollbar-darkshadow-color: black;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #F1F1EF;
	font: 80% verdana, arial, helvetica, sans-serif;
	text-align: center; /* for IE */
	padding: 0px;
	margin: 0px;
	height: 100%;
	background-color: #0000d4;
background-image:url(../logo/background1.png) ;
background-repeat:repeat-x ;
background-position:right top;
}

img {
  border : 0;
 }

.texte_services {
color:#FFFFFF;
font-family:Courier New;
font-size:11px;
text-align:center; 
}


ul{
padding:0px;
	
}
li{
background: url(../logo/puce1.gif)no-repeat left top;
padding:0px;
padding-left:25px;
list-style:none;
height:22px;
	
}
li a{
	display:block;
	text-decoration: none;
	color:black;
	font-weight: bold;
	height: 22px;
	vertical-align: middle;
}
li a:hover{
	color:#cccccc

}

li_presse {
	float:left;
	width:200px;
	
}

li_2 {

	float:center;
vertical-align: middle;
	height:10px; 

	 
}

li_2 a:hover {
background: url(../logo/puce1.gif)no-repeat right top;
	float:center;
	 
	}

#navmenuho ul
{
margin:10;
list-style-type: none;
color: #FFF;
width: 100%;

padding: .0em 0,8em;
}

#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#container {
	min-height : 400px;
	margin: 0 auto;	
}



#menu {
	margin: 0 auto;
	text-align: left;
}

#texte {
float : left ;
padding: 5px;
text-align: justify;
display:table-cell;
width:250px;
}




#news {
	float: left;
	height : 400px;
	font-size: 10px;
	
	}



#galerie {
float : right ;
width: 500px;
padding-right: 25px;
padding-top: 10px ;
display:table-cell;

}




#video {
	margin: 0 10px 0 5px;
	margin-left: 200px;
}

#menuvideo {
	float: left;
	width: 150px;
	margin: 15px;
	}

#menunews {
overflow:auto;
	float: right;
	width: 510px;
	margin: 5px;
	height : auto;
	text-align:left;
	}
	
#right {
	float: right;
	margin-right: 10px;
}
	

#logo {
	float: right;
	
}

  .sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

a.sIFR-hasFlash h2 {
	
	letter-spacing: -6px;
	font-size: 5px;
}

a.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 10px;
}


	
	hnews {
	font-size: 10px;
	}
	
	a.hnews {
	font-size: 10px;
	}
	
a.h1 {
	font-size: 10px;
	}	
	
	h1 {
	font-size: 10px;
	}

a.h3 {
	font-size: 10px;
	
}

a.h2 {
	font-size: 10px;
	
}

h2 {
	font-size: 10px;
	
}


a.communique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;}

a.communique:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;}
  

a.titremenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	
	text-decoration: none;}
a.titremenu_gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;}

a.titremenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	
	text-decoration: none;}

a.titreprojet {color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size:10PX; text-decoration: none;}
a.titreprojet:hover{color: #b8acac; font-family: Verdana; font-weight: bold; font-size:10PX; text-decoration: none;}


a.titrenews {color: #101221; font-family: Verdana;  font-size:8pt; text-decoration: none;}
a.titrenews:hover{color: #FF1111; font-family: Verdana;  font-size:8pt; text-decoration: none;}

.last {color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size:8pt; text-decoration: none;}

.rubriquetypo {color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size:8pt; text-decoration: none;}

a.download {color: #343434; font-family: Verdana; font-weight: bold; font-size:8pt; text-decoration: none;}
a.download:hover{color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size:8pt; text-decoration: none;}
a.download:visited{color: #343434; font-family: Verdana; font-weight: bold; font-size:8pt; text-decoration: none;}

.titrepopup {color: #000000; font-family: Verdana; font-weight: bold; font-size:5pt; }
.auteur {color: #000000; font-family: Verdana; font-size:7pt; text-decoration: none; font-weight: bold;}
.update {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:7pt; }
.log {color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size:8pt; }

.texte {color: #FFFFFF; font-family: Verdana; font-size:9pt; }
.texte2 {color: #000000; font-family: Verdana; font-size:15pt; }

.Style1 {color: #FFCC00}
.logo {color: #000000; font-size:12pt;}

a.texte:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
a.contact {color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size:8pt; text-decoration: none;}
a.contact:hover{color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size:8pt; text-decoration: none;}

.news {color: #343434; font-family: Verdana; center: 0;font-size:8pt; text-decoration: none;}

a.typotextlien{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	font-weight: bold;
	
	text-decoration: none;
	}
a.typotextlien:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
	
	text-decoration: none;
	}
a.bouton {
  color: white;
  background-color: #000080;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}
a.bouton:hover {
  background-color: #6495ED;
  background-image: url(aqua.jpg);
}

	input.button{ 
	border: 0px;
	bgcolor: #290000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #290000;
	text-align: center;
	white-space: normal;
	cursor: hand;
}
-->


/*------------------------------------------------------*
  *--------    CSS Entrer lien DEBUT              ----*
  *------------------------------------------------------*/
a.entrer:link, a.entrer:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding-bottom:10px;
padding-top:30px;
color:#807A7C;
font-weight:bold;
text-decoration:none;
width:100%;
display:block;
}
a.entrer:hover, a.sous-menu:active {
color:#FFFFFF;
}
</style>