/*-------------GENERAL--------------------------------*/


body {
	background-color: #FF6600;
	background-image: url(images/fond-marron-site.gif);
	background-repeat: repeat-x;
	text-align:center;
	margin-top:5px;
}

*{	font-family: Arial, Helvetica, sans-serif;}

#fond {
width:888px;
text-align:center;
margin:auto;
margin-top:0px;
}


/*-------------TETIERE--------------------------------*/

#haut {
background:url(images/fond-page-3d-marron.jpg) repeat-y;
width:888px;
float:left;
height:222px;
margin-top:0px;
}

#head {
width:847px;
height:166px;
display:inline;
margin-top:0px;
}

#head img {
border:none;
border : 0px solid ;
margin-top:0px;
}

#tetierenouveautes {
width:887px; 
height:29px;
background:url(images/tetiere-bas-site.jpg) no-repeat;
text-align:right;
float:left;
margin-left:21px;
text-transform:none;
margin-top:0px;
}

#flash {
float:left; 
display:inline;
width:461px;
height:162px;
}



/*-------------MENU HORIZONTAL--------------------------------*/

#menus {
background:url(images/fond-page-3d-marron.jpg) repeat-y;
width:887px;
height:31px;
float:left;
}

#menus img {
float:left;
border:none;
border : 0px solid ;}
/*
#theatre {
margin-left:21px;
}
*/
#theatre, #parole, #enquete  {
background-color:#FE6600;
}

/*
#contact {
margin-right:20px;
}
*/

/*-------------CORPS DES PAGES--------------------------------*/

a {
width:auto;
height:auto;
}
a:hover {
width:auto;
height:auto;
}

#corps {
background-image:url(images/fond-page-3d-orange.jpg);
background-repeat:repeat-y;
vertical-align:top;
margin:auto;
width:888px;
clear:left;
}

#texte-parlons {
background:url(images/fond-parlons.jpg) no-repeat;
margin-left:21px;
text-align:left;
height:455px;
}

#texte-contact {
background:url(images/fond-contact.jpg) no-repeat;
margin-left:21px;
text-align:left;
height:435px;
}

#texte-priseparole {
background:url(images/fond-priseparole.jpg) no-repeat;
margin-left:21px;
text-align:left;
height:474px;
}

#texte-quinous {
background:url(images/fond-quinous.jpg) no-repeat;
margin-left:21px;
text-align:left;
height:455px;
}

#texte-spectacles {
background:url(images/fond-spectacles.jpg) no-repeat;
margin-left:21px;
text-align:left;
height:672px;
}

#texte-enquete {
background:url(images/fond-enquete.jpg) no-repeat;
margin-left:21px;
text-align:left;
height:930px;
}

#texte-theatre {
background:url(images/fond-theatre.jpg) no-repeat;
margin-left:21px;
text-align:left;
height:475px;
}
#texte-theatre-plus {
background:url(images/fond-theatre-plus.jpg) no-repeat;
margin-left:21px;
text-align:left;
height:739px;
}

#texte-tousenscene {
background:url(images/fond-tousenscene.jpg) no-repeat;
margin-left:21px;
text-align:left;
height:435px;
}

#texte-pourledire {
background:url(images/fond-pourledire.jpg) no-repeat;
margin-left:21px;
text-align:left;
height:435px;
}

#texte-theatre-forum {
background:url(images/fond-theatre-groupe.jpg) no-repeat;
margin-left:21px;
text-align:left;
height:435px;
}

#texte-theatre-groupe {
background:url(images/fond-theatre-forum.jpg) no-repeat;
margin-left:21px;
text-align:left;
height:435px;
}

#texte-actualites {
background:url(images/fond-actualites.gif) repeat-y;
margin-left:21px;
text-align:left;
height:850px;
}

#mentions {
background:url(images/fond-actualites.gif) repeat-y;
margin-left:21px;
text-align:left;
height:400px;
}


/*-------------TEXTES--------------------------------*/

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: bold;
color: #FF6600;
padding:0px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FF6600;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: bold;
color: #FF6600;
}


.normal {
font-size:12px;
color:#000000;
text-align:justify;
line-height:18px;
}

.normal a {
font-size:12px;
color:#000000;
text-align:justify;
line-height:18px;
text-decoration:underline;
text-transform:none;
background:none;
font-weight:normal;
}

.normal a:hover {
font-size:12px;
color:#000000;
text-align:justify;
line-height:18px;
text-decoration:none;
text-transform:none;
background:none;
font-weight:normal;
}

.petit {
font-size:10px;
line-height:16px;
}

.petit a{
font-size:10px;
line-height:16px;
color:#000000;
text-decoration:underline;
background:none;
font-weight:normal;
}

.petit a:hover{
font-size:10px;
line-height:16px;
color:#000000;
text-decoration:none;
text-transform:none;
background:none;
font-weight:normal;
}


.petitplus {
font-size:11px;
}

.grand {
font-size:14px;
}

.yellowcap {
font-size:12px;
color:#FF9933;
text-transform:capitalize;
}

.orangecapbold {
font-size:12px;
color:#FF6600;
text-transform:capitalize;
font-weight:bold;
}

.orangebold {
font-weight:bold;
color:#FF6600;
font-size:12px;
}

.orangeboldgrand {
font-weight:bold;
color:#FF6600;
font-size:15px;
}


.brun {
color:#990000;
font-size:12px;
}
.brun a{
font-family:Arial, Helvetica, sans-serif;
color:#990000;
text-decoration:none;
text-transform:none;
font-size:12px;
background:none;
font-weight:normal;
}
.brun a:hover{
color:#990000;
text-decoration:underline;
text-transform:none;
font-size:12px;
background:none;
font-weight:normal;
}

.brunpetit {
color:#990000;
font-size:11px;
}
.brunpetit a{
font-family:Arial, Helvetica, sans-serif;
color:#990000;
text-decoration:none;
font-size:11px;
background:none;
font-weight:normal;
}
.brunpetit a:hover{
color:#990000;
text-decoration:underline;
font-size:11px;
background:none;
font-weight:normal;
}


.lienjaune {
color:#FFFFCC; 
font-size: 13px;
font-weight:bold;
margin-right:30px;
line-height:25px;
text-decoration:none;
text-transform:none;
}

.lienjaune a {
color:#FFFFFF; 
font-size: 13px;
font-weight:bold;
margin-right:30px;
line-height:25px;
text-decoration:none;
text-transform:none;
}

.lienjaune a:hover {
color:#FFFFCC; 
font-size: 13px;
font-weight:bold;
margin-right:30px;
line-height:25px;
text-decoration:none;
text-transform:none;
background:none;
}

#fond p.mentions {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #EFD9C9;
}

#fond p.mentions a {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FBE0D7;
text-decoration:none;
text-transform:none;
background:none
}

#fond p.mentions a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color:#D6EFEF;
text-decoration:underline;
text-transform:none;
background:none
}


/*-------------MARGES--------------------------------*/

.marge1 {
margin-left:345px; 
width:490px
}

.marge2 {
margin-left:405px; 
width:440px
}

.marge3 {
margin-left:370px; 
width:490px
}

.marge4 {
margin-left:380px; 
margin-right:40px;
}

.marge5 {
margin-left:450px; 
width:350px
}

.marge6 {
margin-left:360px; 
width:480px
}



/*-------------MENU VERTICAL RUBRIQUE THEATRE--------------------------------*/

#menu-theatre  {
list-style:none;
margin:0px;
padding:0px;
float:left;
margin-top:-76px;
margin-left:10px;
padding-left:6px;
width:135px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#0B0102;
font-weight: bolder;
border:#FF6600 2px inset;
background-color:#FF6600;
}

#menu-theatre li 
{
display: block ;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color: #fff ;
text-transform:uppercase;
text-decoration:none ;
padding:0px;
margin-bottom:1px;
margin-top:2px;
line-height:16px;
width:130px;
}

#menu-theatre li a
{
display: block ;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color: #fff ;
text-transform:uppercase;
text-decoration:none ;
padding:0px;
margin-bottom:1px;
margin-top:2px;
line-height:16px;
width:130px;
padding-left:2px;}

li#over {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color: #fff ;
background: #000000;
text-transform:uppercase;
text-decoration:none ;
line-height:16px;
width:130px;
padding-left:2px;}

#menu-theatre li a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color: #fff ;
background: #000000;
text-transform:uppercase;
text-decoration:none ;
line-height:16px;
width:130px;
padding-left:2px;}



/*--------------------------------------HOME--------------------------*/

#haut-accueil {
background:url(images/fond-page-3d-marron.jpg) repeat-y;
width:888px;
height:302px;
float:left;
}

#head-intro {
width:847px;
height:271px;
display:inline;
}


#intro {
margin-left:21px;
text-align:left;
height:399px;
vertical-align:top;
}

.margeintro {
margin-left:10px;
margin-top:20px;
float:right;
margin-right:40px;
width:240px;
height:360px;
}

#menuintro {
float:left;
display:inline;
margin-top:-270px;
width:464px
}

#menuintro1 {
float:left;
display:block;
}

#menuintro2 {
float:left;
display:block;
}

#menuintro3 {
float:left;
display:block;
}

#menuintro4 {
float:left;
display:block;
}



/*--------------------------------------ACTUS--------------------------*/

#actus-marge {
margin-left:197px;
}

.stage {
border-left:#666666 dotted 2px;
float:left;
display:inline
}

.normalstage {
margin-left:5px;
}



.Style1 {
	color: #FF6600;
	font-size: 18px;
}
.Style2 {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.Style3 {font-size: 12px}
.Style5 {font-size: 12px; font-style: italic; }
.Style6 {
	color: #666666;
	font-size: 12px;
}
.Style7 {
	color: #666666;
	font-weight: bold;