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:#C3D9E0/*#D2C5BD*/;
	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;
}

.gris {
color:#666666;
}
.blanc {
color:#ffffff;
}
.jaune {
color: #8C6618;}

.rouge {
color:#851d2c;
}
.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;
}

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/fond_titre_new.jpg) left top no-repeat;
background-color:white/*#DBD1CC*/;
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;
}
/*titre1 position haut*/
.titre1 {
	position:absolute;
	width: 40%;
	height: 28px;
	left:10px;
	top:122px;
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 200%;
}
/*titre1 position centre*/
h1.t1_centre {
	position:absolute;
	width: 40%;
	left:1px;
	top:132px;
	margin: 0;
	padding: 0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size: 200%;
}

.titre2{
	position:absolute;
	width: 26%;
	left:0px;
	top:155px;
margin: 0;
border: 0;
padding-right: 2px;
text-align: right;
color:#666777;
font-size: 150%;
}
.titre_p {
font-size: 1.2em;
}

.t_haut {
text-align: left;
margin-top: 40px;
margin-left: 300px;
margin-bottom: 0;
height: 24px;
}

.log {
font-size: 1.1em;
text-align: left;
color:#335979;
margin: 0;
padding: 0;
height: 24px;
}

.titre_gris {
position: relative;
top: 0;
left: 20px;
color:#666666;
margin: 0;
padding: 0;
height: 24px;
}

/*permet de caler le visuel s'il y en a 1*/
#gauche {
float: left;
position: relative;
top: -80px;
margin: 0;
width: 272px;
height: 513px;
padding-top: 60px;
padding-left: 6px;
text-align: left;
FONT: 85% Verdana, Helvetica, sans-serif; 
}
#gauche2 {
float: left;
position: relative;
top: 100px;
margin: 0;
width: 272px;
height: 513px;
padding-top: 60px;
padding-left: 6px;
text-align: left;
FONT: 85% Verdana, Helvetica, sans-serif; 
}
.f_p {
display: block;
background: url(../image/fond_photo_new.gif) no-repeat;
}


/*titre de l'auteur*/
.titre3{
margin: 0 0 0 270px;
border: 0;
padding-left: 70px;
padding-top: 5px;
padding-bottom: 0;
padding-right: 0;
text-align: left;
font-size:2em;
color:#e60003;
}


.titre3_07{
margin: 0 0 0 270px;
border: 0;
padding-left: 0px;
padding-top: 5px;
padding-bottom: 0;
padding-right: 0;
text-align: left;
}
/*permet de caler milieu si page contenant 1 visuel*/
#milieu {
float: left;
width: 400px;
min-height:550px;
left: 250px;
margin-left: 20px;
margin-top: 0px;
padding: 3px;
background-color: white/*#DBD1CC*/;
FONT: 83% Verdana, Helvetica, sans-serif; 
text-align: left;
}
#milieu_es {
float: left;
width: 600px;
min-height:550px;
left: 250px;
margin-left: 20px;
margin-top: 0px;
padding: 3px;
background-color: white/*#DBD1CC*/;
FONT: 83% Verdana, Helvetica, sans-serif; 
text-align: left;
}
/*pour forcer la hauteur de ie car ne reconnait pas min-height  */
*html #milieu {
height:550px;
} 
.bleu {
color: #356a96;

}
#date {
color:#28466E;
padding: 0px;
font-weight:700;
}

.t_rouge {
font-size: 2.2em;
color:#851d2c;
}
/*espace production*/
.st {
font-weight: 600;
text-align: justify;
}
/*gros titre avec filet horizontal*/
h4.f_h {
position: relative;
top: -15px;
width: 295px;
margin: 0;
padding-bottom: 9px;
background-image:url(../image/filet_b_h_new.jpg);
background-repeat:no-repeat;
background-position: left bottom;
text-align: right;
font-size: 2.1em;
font-weight: 600;
color: black;
}
/*permet d'inserer un sous titre avec filet horizontal*/
.s_h4 {
position: relative;
top: -15px;
width: 295px;
margin: 0;
padding-bottom: 9px;
background-image:url(../image/filet_b_h_new.jpg);
background-repeat:no-repeat;
background-position: left bottom;
text-align: right;
font-size: 1em;
color: #666666;
}
/*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;
}
.conf {
position: absolute;
left: 0;
top: 680px;
width: 272px;
height: 153px;
background-image: url(../image/fond_bulle.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 10px;
color:#333;
text-align: left;
font-size: 83%;
}

/*permet de caler droite à milieu si page contenant 1 visuel*/
#droite {
padding-left: 22px;
padding-bottom: 3px;
padding-right: 3px;
padding-top: 10px;
margin-top: 0px;
margin-right: 0;
margin-left: 20px;
margin-bottom: 0;
float:left;
width: 190px;
height: auto;
background-image: url(../image/filet_beige_new.jpg);
background-position:left top;
background-repeat:no-repeat;
background-color: #DBD1CC;
FONT-WEIGHT: normal;
FONT-SIZE:85%; 
FONT-FAMILY: Verdana, Helvetica, sans-serif; TEXT-ALIGN: left; 
}
/* permet de caler les 3 float gauche milieu et droite*/
#position {
visibility:hidden;
clear:both; margin: 0; padding: 0;
}

/*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_2 { 
margin-left: 30px;
margin-right: 30px;
list-style:none;
text-align: center;
padding:2px 0 0 0;
text-decoration: none;
font-style: italic;
color:#666666;
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;
}

.centrer {
text-align: center;
}
.justify {
text-align:justify;
}
.aligner-droit {
text-align:right;
}
.aligner-gauche {
text-align:left;
}

.journal {

margin-left: 150px;}


.s_h3 {
width: 400px;
margin: 20px 0 0 0;
padding-bottom: 9px;
background-image:url(../image/filet_b_h_new.jpg);
background-repeat:no-repeat;
background-position: left bottom;
text-align: left;
font-size: 1.6em;
font-weight:600;
color: black;
}

fieldset
{
background-color:#c5d0d4;
font-weight:bold;
color:black;

}