
/*Screen layout: */

body {
	margin:0 0 0 0 auto;
	padding:0;
	background:top center;
}


a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: -5px; 
    left: 250px; 
    padding: 5px; 
    /*color: #000; 
    border: 1px solid #bbb; 
    background: #ffc;*/ 
    width:170px;
}
a.tooltip:hover em span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: 11px; 
    /*background: transparent url(image-infobulle.gif);*/ 
    margin:0; 
    padding: 0; 
    border: 0;
}

a.tooltip2 em {
    display:none;
}

a.tooltip2:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}

a.tooltip2:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: -5px; 
    left: -310px; 
    padding: 5px; 
    /*color: #000; 
    border: 1px solid #bbb; 
    background: #ffc;*/ 
    width:170px;
}
a.tooltip2:hover em span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: 11px; 
    /*background: transparent url(image-infobulle.gif);*/ 
    margin:0; 
    padding: 0; 
    border: 0;
}

a.tooltip3 em {
    display:none;
}
a.tooltip3:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip3:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: -5px; 
    left: 300px; 
    padding: 5px; 
    /*color: #000; 
    border: 1px solid #bbb; 
    background: #ffc;*/ 
    width:170px;
}
a.tooltip3:hover em span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: 11px; 
    /*background: transparent url(image-infobulle.gif);*/ 
    margin:0; 
    padding: 0; 
    border: 0;
}


li {
font-size:1.3em;
font-family:Georgia, "Times New Roman", Times, serif;
color:#00ff00;
padding-top:5px;
padding-bottom:5px; 
display: inline; /*For IE*/
}

ul {
 text-align: left;
 padding: 0px;
 margin: 0px;
 list-style-type: none;
 display: inline; /*For IE*/
}

li.plan {
	color:#000000;
	font-size:0.8em;
	padding:0px;
 	margin: 0px 0px 0px 50px;
	font-family:Arial, Helvetica, sans-serif;
	display:list-item;
}

ul.plan {
 text-align: left;
 list-style-type: none;
}

li.contenu {
	color:#000000;
	font-size:0.8em;
	padding:0px;
 	margin: 0px 0px 0px 50px;
	font-family:Arial, Helvetica, sans-serif;
	display:list-item;
}

ul.contenu {
 text-align: left;
 list-style-type: square;
}

div#conteneur_accueil {
	margin:0 auto;
	width:950px;
	height:530px;
}


div#conteneur {
	margin:0;
	width:950px;
	height:750px;
	text-align:left;
}

div#titre {
	color:#00ff00;
	display:block;
	font-size:1.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:700;
	padding:155px 0px 0px 265px;
}


div#contenu_accueil {
	width:950px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
	background-image:url(../image/logo-Biennale-noir_titre2.gif);
	background-position:top;
	background-repeat:no-repeat;
}

div#contenu {
	background:#ffffff;
	margin:0 auto;
	width:950px;
	height:400px;	
	margin:0 0px 0px 0px;
	padding:0 0 0px 0px;
}

div#menu {
	margin:20px 0px 0px 0px;
	width:950px;
	height:35px;
	color:#00ff00;
	background-color: #000000;
	float:left;
	vertical-align: middle;
}

div#pied {
	margin:10px 0px 0px 0px;
	width:950px;
	height:20px;
	text-align:center;
	font-family:Arial,Tahoma,Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	background-color:#00ff00;
	font-weight:600;
}

div#pied_partenaire {
	margin:5px 0px 0px 0px;
	width:950px;
	height:85px;
	text-align:center;
}

a {
	text-decoration:none;
	color:#00ff00;
}

a:hover{
	text-decoration:underline;
	color:#00ff00;

}

a.petit {
	text-decoration:none;
	color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.7em;
}

a.petit:hover{
	text-decoration:underline;
	color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;	
	font-size:0.7em;
}


div#contenu_pop {
	background:#ffffff;
	margin:0 auto;
	width:383px;
	float:left;
	margin:0 10px 0px 0;
	padding:0 0 0px 10px;
}

h3 {
	font-size:1.2em;
	line-height:1.2em;
	padding:0px 0px 0px 5px;
	font-family:Arial,Tahoma,Helvetica, sans-serif;
	/*background-image:url(../img_charte/fd_h2.gif);*/
	background-repeat:no-repeat;
	background-position:bottom;
	color:#00ff00;
	font-weight: 900;
	letter-spacing:0.7em;
	text-align:left;
}

h4 {
	font-size:1em;
	line-height:1em;
	padding:0px 0px 0px 30px;
	color:#00ff00;
	font-family:Arial,Tahoma,Helvetica, sans-serif;
	/*background-image:url(../img_charte/fd_h2.gif);*/
	background-repeat:no-repeat;
	background-position:bottom;
	font-weight:700;
	letter-spacing:0.3em;
	text-align:left;
}

h4.oeuvre {
	font-size:1em;
	line-height:1em;
	padding:0px 0px 0px 30px;
	color:#00ff00;
	font-family:Arial,Tahoma,Helvetica, sans-serif;
	/*background-image:url(../img_charte/fd_h2.gif);*/
	background-repeat:no-repeat;
	background-position:bottom;
	font-weight:700;
	letter-spacing:0.3em;
	text-align:left;
}

h5.oeuvre {
	font-size:0.8em;
	line-height:1em;
	padding:0px 0px 0px 30px;
	color:#000000;
	font-family:Arial,Tahoma,Helvetica, sans-serif;
	/*background-image:url(../img_charte/fd_h2.gif);*/
	background-repeat:no-repeat;
	background-position:bottom;
	font-weight:700;
	letter-spacing:0.3em;
	text-align:left;
}

h5.oeuvre2 {
	font-size:0.9em;
	line-height:1em;
	font-style:italic;
	padding:0px 0px 0px 50px;
	color:#00ff00;
	font-family:Arial,Tahoma,Helvetica, sans-serif;
	/*background-image:url(../img_charte/fd_h2.gif);*/
	background-repeat:no-repeat;
	background-position:bottom;
	font-weight:700;
	letter-spacing:0.3em;
	text-align:left;
}

p.oeuvre {
	color:#000000;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	padding:0px 0px 0px 20px;
	font-style:italic;	
}

h4 + p {
	margin-top:-0.8em;
	_margin-top:-2.5;	
	
}

h3 + p {
	margin-top:-0.8em;
	_margin-top:-2.5em;	
	
}

p {
	color:#000000;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 50px;	
}

p.chapo {
	color:#000000;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	padding:0px 0px 0px 5px;
	font-style:italic;	
}

div#col_vide_2 {
	background-image: url(../v2_commun/hachure.gif);
	background-repeat:repeat-y;
	margin:0 0 0 0;
	float:left;
	width:120px;
	margin:0 0 0px 0;
	padding:0 0 0 0px;
}

div#colonne_pop {
	background:#ffffff;
	float:left;
	margin:0 auto;
	width:100px;
	height:100%;
}



div#colonne {
	background:#ffffff;
	float:left;
	margin:0 0 0 10px;
	width:120px;
	height:100%;
}

div#col_vide_3 {
	background-image: url(../v2_commun/hachure.gif);
	background-repeat:repeat-y;
	margin:0 0 0 0;
	float:left;
	width:120px;
	margin:0 0px 0px 10px;
	padding:0 0 0 0px;
}

div#col_vide {
	background-image: url(../v2_commun/hachure.gif);
	background-repeat:repeat-y;
	margin:0 0 0 0;
	float:left;
	width:120px;
	height:430px;
	margin:0 0 0px 0;
	padding:0 0 0 0px;
}

div#col_vide_ensavoirplus {
	background-image: url(../v2_commun/hachure.gif);
	background-repeat:repeat-y;
	margin:0 0 0 0;
	float:left;
	width:120px;
	height:500px;
	margin:0 0 0px 0;
	padding:0 0 0 0px;
}



#pied_dedie {
	clear:both;
	margin:0 auto;
	padding:10px 0px 0px 0px;
	border-top:1px solid #CCCC33;
	width:745px;
	text-align:center;
	color:#000000;
	font-size:0.9em;
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; FONT-STYLE: normal; FONT-STRETCH: normal;
	FONT-SIZE: 11px; COLOR: #333333; TEXT-DECORATION: none
}

div#general {
	background:#ffffff;
	float:left;
	margin:0 auto;
	width:624px;
}

div#col_1_agenda {
	background:#FFFFFF;
	float:left;
	width:120px;
	text-align:left;
}

div#col_2_agenda {
	background:#FFFFFF;
	float:left;
	width:400px;
	text-align:left;
}

div#col_3_agenda {
	background:#cccccc;
	font-size:1em;
	float:left;
	width:100px;
	text-align:left;
}

div#contenu_sport {
	background:#ffffff;
	float:left;
	width:354px;
	color:#000000;
	font-size:1em;

}

div#contact {
	background:#FFFFFF;
	float:left;
	width:100%;
	height:120px;
	text-align:left;

}

div#col_titre {
	background:#ffffff;
	float:left;
	font-size:1.1em;
	font-weight:500;
	color:#000000;
	margin:0 auto;
	width:140px;
	height:520px;

}

div#col_agenda {
	background:#ffffff;
	float:left;
	color:#000000;
	margin:0 auto;
	width:140px;
	height:500px;
	overflow:auto;
	scrollbar-face-color: #BCCEE0;
    scrollbar-shadow-color: #BCCEE0;
    scrollbar-highlight-color: #BCCEE0;
    scrollbar-3dlight-color: #336699;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #336699;
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; FONT-STYLE: normal; FONT-STRETCH: normal;
	FONT-SIZE: 11px; COLOR: #333333; TEXT-DECORATION: none
}

div#col_pub {
	background:#ffffff;
	float:left;
	width:130px;
	height:100%;
	text-align:right;

}

#entete {
	clear:both;
	margin:0 0 0 0;
	padding:0;
	/*height:45px;*/
	text-align:left;
	background-color:#002888;
	background-image:url(../img_nav/titre_site_anglet.gif);
	background-repeat:no-repeat;
	background-position:75%;
	color:#FFFFFF;
	height:105px;
}

#entete h1 {
	width:250px;
	margin:0 0 10px 0;
	float:left;
}

#entete p {
	width:500px;
	float:right;
	text-align:center;
	color:#a0a0a0;
	margin:0 0 10px 0;
	font-size:0.8em;
	line-height:1.2em;
	background-color:inherit;
}

#menu2 {
	clear:both;
	margin:0 0 0 0;
	padding:0;
	/*height:45px;*/
}

#menu1 {
	clear:left;
	float:left;
	width:120px;
	margin:0 0 10px 0;
	padding:0;
	font-size:0.9em;
}

/*#menu1 ul{	
list-style:none;
width:120px;
margin:0 0 20px 0;
padding:0;
font-size:1.1em;
}	

#menu1 li{
margin-bottom:4px;
}

#menu1 li a{
font-weight:bold;
height:20px;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 10px;
background:#f4f4f4;
border-left:4px solid #cccccc;
}	
	
#menu1 li a:hover{
background:#eaeaea;
color:#286ea0;
border-left:4px solid #286ea0;
}*/

ss_menu1 {
	margin:10px 10px 10px 10px;
	padding:10px;
	width:100px;
	color:#505050;
	background-color:#f4f4f4;
	line-height:1.3em;
}

#colonne_2 {
	float:right;
	width:300px;
	margin:20px 0 10px 0;
	padding:0;
	font-size:0.9em;
	line-height:1.5em;
}

#entete_col2 {
	width:280px;
	height:250px;
	margin:0 0 0 10px;
	color:#000000;
	background-color:#f4f2f2;
}

#entete_col2 p {
	padding:0 0 0 10px;
}

#colonne_2 p {
	margin:0 0 1.5em 0;
}

#corps {
	margin:20px 300px 20px 135px;
	border-left:0px solid #f0f0f0;
	border-right:0px solid #f0f0f0;
	padding:0 0 0 0;
	width:450px;
	line-height:1.6em;
	text-align:left;
}
#corps_col_1 {
	float:left;
	border-left:0px solid #f0f0f0;
	border-right:0px solid #f0f0f0;
	padding:0px;
	width:220px;
	line-height:1.6em;
	text-align:left;
	background-color:#f4f2f2;
}

#corps_col_2 {
	margin-left:225px;
	border-left:0px solid #f0f0f0;
	border-right:0px solid #f0f0f0;
	padding:0px;
	width:220px;
	line-height:1.6em;
	text-align:left;
	background-color:#f4f2f2;
}

h2 {
	font-size:1.4em;
	line-height:2em;
	vertical-align:bottom;
	margin:0px 0px 0px 0px;
	font-family:Arial, Tahoma,Helvetica, sans-serif;
	/*background-image:url(../img_charte/fd_h2.gif);*/
	background-repeat:no-repeat;
	background-position:bottom;
	letter-spacing:0.5em;
	text-align:right;
}



h2.600px {

	background-image:url(../img_charte/fd_h2_600px.gif);
	line-height:1.6em;
	text-align:right;
	background-repeat:no-repeat;
	background-position:bottom;
	background-position:left;
}

h2.500px {

	background-image:url(../img_charte/fd_h2_500px.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

/*#corps h2 {
	font-size:1.4em;
	line-height: 2em;
	margin:0 0 10px 0;
	font-family:Arial, Tahoma,Helvetica, sans-serif;
	background-image:url(../img_charte/fd_h2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	letter-spacing:0.5em;
}*/

/*#corps img{
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}*/

#corps h3 {
	font-size:1.2em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	padding-left: 0.7em;
	margin-left:125px;
	background-image:url(../img_charte/puce_rub.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-position:left;
}

#corps h3.une {
	font-size:1.4em;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	margin:0 0 0 0;
	background-image:url(../img_charte/);
	padding-left: 0em;
	color:#000000;
}

#corps h4 {
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	color:#006699;
	margin:0 0 0 0;
	line-height:1.2em;
}

label	{
	font-size:1em;
	font-weight:550;
	color:#000000;
	line-height:1.2em;
	border-color:#286ea0;
	border-width:medium;
}

input	{
	font-size:0.9em;
	color:#286ea0;
	line-height:1em;
	background-color:#ffffff;
}

select	{
	font-size:0.9em;
	color:#286ea0;
	line-height:1em;
	background-color:#ffffff;
}

input.saisie_cm{
	font-size: 10px;
	font-family: Optima, Trebuchet MS, Lucida, Arial, Geneva, Verdana, Lucida Grande, Tahoma, Helvetica, sans-serif;
	border:1px solid #CC9966;
	background: #FFFFFF;
}

input.bouton	{
	font-size: 0.9em;
	font-family: Optima, Trebuchet MS, Lucida, Arial, Geneva, Verdana, Lucida Grande, Tahoma, Helvetica, sans-serif;
	border:1px solid #99cc33;
	background-color:#CCCC33;
	color:#000000;
}

fieldset {
    top:1em;
    padding:5px 5px 5px 5px;
	font-size:1em;
	color:#000000;
	line-height:1.2px;
	background-color:#ffffff;
}

hr {
	display:block;
	height:1px;
	margin:0;
	padding:0;
	_margin: -7px 0;
	background-color:#CCCC33;
	border:0;
	color:#CCCC33;
}

div.ligne_h2 {
	background-image:url(../img_charte/fd_h2_624px.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:4px;
}

table {
	
}

th {
	
}

td {
	color:#000000;
	font-size:0.8em;
	padding:0px;
 	margin: 0px 0px 0px 50px;
	font-family:Arial, Helvetica, sans-serif;
}



h4 + p {
	margin-top:-0.3em;
	_margin-top:-1.7em;	
	
}

h2 + img {
	margin-top:+1em;
}



a img{
	border:0;
}






#pied a {
	color:#808080;
	text-decoration:none;
}

#pied a:hover {
	text-decoration:underline;
}

.img_droite {
	float: right;
	padding: 10px;
	margin-left:10px;
	margin-top:10px;
} 

.img_gauche {
	float: left;
	padding:0px;
	margin-right:10px;
	margin-top:0px;
} 

.img_gauche_2 {
	float: left;
	padding:0px;
	margin-right:10px;
	margin-top:0px;
} 

.gauche {
	margin:2px 5px 0 0;
	float:left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
}

.droite {
	margin:10px 0 5px 10px;
	float:right;
}

.droite_fd {
	margin:10px 0 10px 0;
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	float:right;
	color:#FFFFFF;
	background-color:#FF8800;
	padding: 2px 5px 2px 5px;
}

.textright {
	text-align:right;
}

.center {
	text-align:center;
}

.small{
	font-size:0.8em;
}

.bold{
	font-weight:bold;
}

.hide{
	display:none;
}

div.cla_menu_haut_old {
	margin:0 0 0 120px;
	width:780px;
	height:20px;
	text-align:left;
	background-image:url(../img_nav/q20px.gif);
	background-repeat: repeat-x;
	}

/*** classes menu navigation gauche (menu_1/principal) ***/

.menu_gauche {
	list-style-type: none;
	margin:0;
	padding:0;
}

a.menu_g_top1:link	{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:1em;
	background-color:#FFFFFF;	
	color:#CCCC33;
	font-weight:bold;
	text-decoration:none;
	/*font-stretch:condensed;*/
	line-height:1.1em;
	margin-left:0.4em;
	
}
a.menu_g_top1:visited	{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:1em;
	background-color:#FFFFFF;	
	color:#CCCC33;
	font-weight:bold;
	/*font-stretch:condensed;*/
	text-decoration:none;
	line-height:1.1em;
	margin-left:0.4em;
}
a.menu_g_top1:hover	{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:1em;
	background-color:#FFFFFF;	
	color:#003399;
	font-weight:bold;
	/*font-stretch:condensed;*/
	text-decoration:none;
	line-height:1.1em;
	margin-left:0.4em;
}

a.menu_g_top2:link	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	background-color:#FFFFFF;	
	color:#666666;
	font-weight:normal;
	text-decoration:none;
	line-height:1.1em;
	margin-left:0.7em;
}

a.menu_g_top2:visited	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	background-color:#FFFFFF;	
	color:#666666;
	font-weight:normal;
	text-decoration:none;
	line-height:1.1em;
	margin-left:0.7em;
}
a.menu_g_top2:hover	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	background-color:#FFFFFF;	
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	line-height:1.1em;
	margin-left:0.7em;
}

a.menu_g_rub:link	{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#FFFFFF;	
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	line-height:1.1em;
	margin-left:0.4em;
}
a.menu_g_rub:visited	{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#FFFFFF;	
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	line-height:1.1em;
	margin-left:0.4em;
}
a.menu_g_rub:hover	{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#FFFFFF;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	line-height:1.1em;
	margin-left:0.4em;
}

a.menu_g_ssrub:link	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#FFFFFF;
	color:#666666;
	font-weight:normal;
	text-decoration:none;
	line-height:1.1em;
	margin-left:0.7em;
	
}
a.menu_g_ssrub:visited	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#FFFFFF;
	color:#666666;
	font-weight:normal;
	text-decoration:none;
	line-height:1.1em;
	margin-left:0.7em;
}
a.menu_g_ssrub:hover	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#FFFFFF;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	line-height:1.1em;
	margin-left:0.7em;
}
