HTML {
	TEXT-ALIGN: center; font-size: 100%;
}


BODY {
	text-align:center;
	FONT-WEIGHT: normal;
	color:gray;
	FONT-FAMILY: Verdana, Helvetica, sans-serif; 
	TEXT-DECORATION: none;
}

BODY#fond {
	background-color:#dbdbdb;
	PADDING-TOP: 0;	
	PADDING-RIGHT: 0; 
	PADDING-LEFT: 0; 
	PADDING-BOTTOM: 0; 
	MARGIN: 0; 
}

HTML #conteneur {
position:relative;
background-image:url(../image/bandeau.jpg); background-position: top; background-repeat:no-repeat; 
WIDTH: 950px; 
margin: 0 auto; 
padding-top: 100px;
border: 1px solid #677F9A;
}
#acces {
	WIDTH: 950px; 
   margin: 0 auto;
   font-size: 0.8em; 
   text-align: right;
}
.bleu_f {
color: #E70089;
}
.gris {
color:#666666;
}
.blanc {
color:#ffffff;
}
.rouge {
color:#851d2c;
}
.rose {
color: #C84A8A;
font-weight: bold;
}

.justify {
text-align:justify;
}
.droit {
text-align:right;
}
.gauche {
text-align:left;
}
/*enleve la bordure d'image lien*/
.im {
border: 0;
}
/*couleur des liens de navigation*/
a:link, a:visited  {
	color: #1983B8;
	text-decoration: none;
}
a:hover, a:active, a:focus {
color: #1983B8;
text-decoration: underline;
}

/*couleur des liens de navigation*/
a.blanc:link, a.blanc:visited  {
	color: #fff;
	text-decoration: none;
}
a.blanc:hover, a.blanc:active, a.blanc:focus {
color: #fff;
text-decoration: underline;
}

ul.tabnav2 li a:link, ul.tabnav2 li a:visited  {
color: #1983B8;
text-decoration: none;
}

ul.tabnav2 li#fleche a:link, ul.tabnav2 li#fleche a:visited  {
display:block;
width: 110px;
height: 14px;
background-image:url(../image/f_bleu.gif);
background-position: top right;
background-repeat:no-repeat;
}

ul.tabnav2 li a:hover, ul.tabnav2 li a:active, ul.tabnav2 li a:focus  {
color: #333;
text-decoration: none;
}
ul.tabnav2 li#fleche a:hover, ul.tabnav2 li#fleche a:active, ul.tabnav2 li#fleche a:focus {
display:block;
width: 110px;
height: 14px;
background-image:url(../image/f_noir.gif);
background-position: top right;
background-repeat:no-repeat;
}

/*couleur des liens des pages spectacles*/
.l_o, .l_c, .l_b  {
list-style-type: none;
}

.l_o a:link, .l_o a:visited  {
	color: #851d2c;
	text-decoration: none;
}
.l_o a:hover, .l_o a:active, .l_o a:focus {
color:#851d2c;
text-decoration: underline;
}

.l_c a:link, .l_c a:visited  {
	color: #356a96;
	text-decoration: none;
}
.l_c a:hover, .l_c a:active, .l_c a:focus {
color:#356a96;
text-decoration: underline;
}

.l_b a:link, .l_b a:visited  {
	color: #8c6618;
	text-decoration: none;
}
.l_b a:hover, l_b a:active, .l_b a:focus {
color:#8c6618;
text-decoration: underline;
}

#ariane a:link, #ariane a:visited {
	color: #28466E;
	text-decoration: none;
}
#ariane a:hover, #ariane a:active, #ariane a:focus {
	color: #28466E;
	text-decoration: underline;
}


/*1 conteneur pour l'image de fond gauche*/
#centre_1 {
background: url(../image/accueil/osez_new.jpg) top right no-repeat;
background-color:white;
padding-top: 20px;
font-size: 0.8em;
FONT-FAMILY: Verdana, Helvetica, sans-serif; 
}

/*2 conteneur pour caler gauche milieu et droite a 20px du haut*/
#centre_2 {
margin-left: 0;
margin-bottom: 0;
margin-right: 0;
margin-top: 20px;
padding: 0;
}

#ariane {
margin-left: 270px;
margin-top: 40px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
border-bottom: 1px solid #fff;
padding-bottom: 3px;
padding-left: 5px;
height:15px;
}

/*permet de caler milieu si page contenant 1 visuel*/
#accueil {

width: 400px;
min-height:350px;
margin-top: 0px;
padding: 3px;
FONT: 83% Verdana, Helvetica, sans-serif; 
text-align: left;
float: right;
}
/*pour forcer la hauteur de ie car ne reconnait pas min-height  */
*html #accueil {
height:350px;
} 

/*conteneur du bloc prog*/
#gauche{
	float: left;
	width: 490px;
	height: 350px;
	margin: 0;
	padding: 0px;
	color:#333;
	text-align: left;
	font-size: 83%;
}


#actu {
clear: both;
background-image: url(../image/accueil/f_op_new.jpg);
background-repeat: no-repeat;
margin: 10px 0 0 0;
padding: 5px 0px 5px 15px;
width: 352px;
height: 170px;
}

marquee {
width: 320px;
height: 120px;
}


#block {

background-image: url(../image/accueil/f_prog_new.jpg);
background-repeat:no-repeat;
margin:15px 0;
padding: 0;
width: 490px;
height: 320px;
}

#visu{
float:left;
width: 113px;
height: 310px;
}
#progra {
float:left;
width:356px;
height: 310px;
}
#pr_u {
width: 360px;
padding: 0;
margin: 0;
margin-top:15px;
}

#video {

}


.prog {
	background-color:#FFFFFF;
	border-top: 2px outset #ccc;
	border-bottom: 2px inset #ccc;
	width: 351px;
	list-style-type: none;
	margin: 18px 0 10px 0;
	padding: 3px 3px 3px 10px;
	border-right-width: 1px;
	border-right-style: inset;
	border-right-color: #ccc;
}
.fl_pro {
float:right;

}
.fl_d {
float:left;
padding-right: 10px;
padding-bottom: 30px;
}
.fl_d2 {
float:left;
padding-right: 10px;
}

#contact {
background-image: url(../image/accueil/f_op_bl_new.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 5px 0px 5px 15px;
width: 300px;
height: 150px;
text-align: left;
color:white;
}



.date {
color:#550b18;
font-weight:700;
}
.date_a {
color: #336699;
font-size:11px;
font-weight:700;
border: 1px solid #fff;
padding: 5px;
width: 370px;
}


.t2 {
font-size: 1.1em;
color: #dbdbdb;
}
.t_pr {
display: block;
font-size: 1.3em;
color: #e60003;
font-weight: bold;
margin-bottom: 0px;
}

.t2_blanc {
font-size: 1.6em;
color: white;
margin: 6px 0 6px 20px;
text-align: left;
}

.t2_actu{
font-size: 1.6em;
color: black;
margin: 6px 6px 6px 0px;
border-bottom: 2px solid #E70089;
text-align: left;
}

.t2_actualites{
font-size: 1.6em;
color: white;
margin: 6px 6px 6px 0px;
border-bottom: 2px solid #E70089;
text-align: left;
width:330px;
}

.inter {
border: 1px dashed #fff;
}
.act_b {
margin: 6px 6px 6px 0px;
border-bottom: 2px solid #fff;
padding-bottom: 5px;
padding-top: 4px;
}

.t_rouge {
	font-size: 1.6em;
	font-weight: bold;
	color:#cc3333;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
}
/*espace production*/
.st {
font-weight:500;
text-align: justify;
}
/*insertion d'un petit logo dans milieu*/
#log {
float: right;
position: relative;
top:0px;
left: -50px;
border-left: 2px solid #777
}
.lettrine {
color: #666666;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:bold;
}

/* permet de caler les 3 float gauche milieu et droite*/
#position {
visibility:hidden;
clear:both; margin: 0; padding: 0;
}
/*opera en image*/
#enimage {
clear:both;
margin: 10px 40px 0 10px;
padding: 0 10px 0px 10px;
height: auto;

}
.flo-aida {
float:left;
width: 250px;
height: 150px;
margin: 30px 40px 5px 0;
text-align: left;
border: 1px solid #fff;
padding: 5px;
font-size: 85%;

}

.flo {
float:left;
width: 250px;
height: 130px;
margin: 30px 20px 5px 0;
text-align: left;
border: 1px solid #fff;
padding: 5px;
font-size: 85%;
background-color:#FAFAFA;

}

/*menu du haut avec horizontal.css pour le parametrage*/
#menu {
border-top: 1px solid #ccc;
position:absolute;
left:0;
top:100px;
margin: 0;
padding: 0;
height: 44px;
width:100%;
background-image:url(../image/bt_a.jpg); 
background-position: top; background-repeat:repeat-x;
}
/*menu bas avec les liens definit en haut*/
#foot {
background-image: url(../image/foot_new2.gif);
WIDTH: 100%; height: 40px; padding: 0; margin: 0;
}

#menu_bas {
padding-top: 21px;
}

ul.tabnav2{
list-style-type: none;
margin: 0;
padding: 0;
}

ul.tabnav2 li{
float: right;
height: 14px;
margin-left: 0.5em;
margin-right: 0.5em;
FONT-SIZE: 0.75em;
font-weight: 700;
text-transform:uppercase;
}
ul.tabnav2 li#fleche {
width: 110px;
text-align: left;
}

ul.tabnav2 li a {
padding-right: 0.5em;
}
ul.tabnav2 li#fleche a {
display:block;
width: 110px;
height: 14px;
background-image:url(../image/f_bleu.gif);
background-position: top right;
background-repeat:no-repeat;
padding-right: 0;

}


/*bandeau nice.fr*/

#nicefr {
WIDTH: 950px; 
margin: 0 auto; 
height: 23px;
}
ul#portail {
WIDTH: 950px; 
height: 23px;
list-style:none;
margin: 0;
padding: 0;
font-size: 80%;
}


/*aligne verticalement logo et texte*/
li#portail_1 { 
float: left;
width: 250px;
height: 23px;
padding:2px 0 0 0;
margin: 0px;
text-align: left; 
text-decoration: none;
color:#6699CC;
font-size: 80%;
}

li#portail_3{ 
float: right;
width: 100px;
height: 23px;
text-align: right;
padding:2px 0 0 0;
margin: 0;
text-decoration: none;
color:#6699CC; 
font-size: 80%;
}
.port {
margin-left: 4px;
}

Pour popup
/* CSS Document */
/*popup*/
#window {
	DISPLAY: none; POSITION: absolute; TOP: 200px; LEFT: 100px; OVERFLOW: hidden; WIDTH: 600px; BACKGROUND-color: #ccc;  HEIGHT: 350px; BORDER: #333 1px solid; z-index: 100;
	}
#windowTop {
	BACKGROUND-color: #777; OVERFLOW: hidden; CURSOR: move; POSITION: relative; HEIGHT: 30px
}
#windowTopContent {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; OVERFLOW: hidden; COLOR: #fff; LINE-HEIGHT: 30px; MARGIN-RIGHT: 13px; HEIGHT: 30px; TEXT-INDENT: 10px; text-align:left;
}
#windowClose {
	POSITION: absolute; TOP: 10px; RIGHT: 10px; CURSOR: pointer; 
}

#windowContent {
	POSITION: absolute;
	TOP: 29px;
	LEFT: 2px;
	OVERFLOW: hidden;
	WIDTH: 600px;
	HEIGHT: 320px;
}
#windowContent  {
	MARGIN: 0;
}
/*permet de faire apparaitre l'image slow*/
.transferer2 {
	BORDER: #333 1px solid; FILTER: alpha(opacity=30); BACKGROUND-COLOR: #666; moz-opacity: 0.3; opacity: 0.3
}