/* CSS Document */
body {
	font-family:Georgia, Arial, Helvetica, serif;
	font-size:11px;
	color:#FFFFFF;
	background-color:#ffffff;
	margin:0;
	padding:0;
}
#fond-black {background-color:#000000;}

/***************** classes *********************/
h1, h2, h3, h4, h5, h6, ul, li, p {margin:0; padding:0; font-weight:normal;}
ul, li {list-style-type:none; margin:0; padding:0;}
table {border-collapse:collapse; padding:0; margin-left:75px; margin-right:40px;}
.texte-spect table {margin-left:0px;}
textarea {text-align:left;}
#texte-page table {margin-left:0px; margin-right:0px; }
#texte-page td.presse {padding:10px;}

.clear {clear:both;}
.float-left {float:left;}
.float-right {float:right;}

.txt-bleu {color:#0099cc;}
.txt-bleuF {color: #3A5486;}
.txt-noir {color:#1a1a1a;}
.txt-gris {color:#87888A;}
.txt-rouge {color:#e2001a;}
.txt-vert {color:#519f25;}
.txt-rose {color:#e2007a;}
.txt-orange {color:#eb6a0a;}
.txt-marron {color:#aa7600;}

.txt-italic { font-style:italic;}
.txt-border-left {border-left:1px solid #1a171b; padding-left:5px; margin-bottom:7px; margin-top:7px;}

.txt-10px {font-size:10px;}
.txt-12px {font-size:12px;}
.txt-14px {font-size:14px;}
.txt-17px {font-size:17px;}

.img-border {border:1px solid #c5c7c8;}
.margin-left {margin-left:10px;}
.margin-right {margin-right:10px;}

a:link, a:visited, div.texte-popup a {
	color: #3A5486;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	font-style:normal;
}
a.txt-14px {font-size:14px;}
a.txt-12px {font-size:12px;}
a:hover, div.texte-popup a:hover {text-decoration: underline;}


a.toggler-closed:link {font-size: 12px;; font-weight:bold; color:#0099cc;}
a.toggler-closed:hover {font-size: 12px;; font-weight:bold; color:#0099cc;}
a.toggler-opened:link {font-size: 12px;; font-weight:bold; color:#0099cc;}
a.toggler-opened:hover {font-size: 12px;; font-weight:bold; color:#0099cc;}


p.lien_rouge a{color:#e2001a; text-decoration:none;}
p.lien_rouge a:hover  {text-decoration:underline;}

a.lieux_lien_rouge:link, a.lieux_lien_rouge:active, a.lieux_lien_rouge:visited {color:#e2001a; text-decoration:underline; font-size:12px;}
a.lieux_lien_rouge:hover  {text-decoration:none;}

/***********************************************/
#content, #content-page {
	margin:0;
	padding:0;
	width:980px;
	background-image:url(../images/interface/bg_festival2.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	background-position:left top;
	min-height:680px;
}

#content-page {background-color:#FFFFFF; background-image:none;}

#header {height:200px; width:980px;}

.header-col1 {float:left; width:202px;}
.header-col2 {width:770px; margin-left: 208px;}

.nav1 {}
.nav2 {}

#logo {float:left;}
a div#logo {cursor:pointer;}

#logo h1 {
	background-image:url(../images/interface/logo_festival.gif);
	background-repeat:no-repeat;
	background-position:3px 3px;
	text-indent:-1500px;	
	font-size:18px;
	text-align:center;
	color:#FFFFFF;
	width:202px;
	height:165px;
	line-height:30px;
}

#middle {min-height:380px;}

.retour_haut {
	color : #5697B5;
	font-family: Verdana, Arial, sans-serif;
	text-align:right;
	padding-right: 10px;
	margin-top: 20px;
	padding-top:3px;
	padding-bottom: 3px;
}

.titre-page {
	margin-left:219px;
	margin-bottom:20px;
	margin-top:15px;
	text-transform:uppercase;
	font-size:16px;
	color:#e2001a;
	border-left:1px solid #1a171b;
	padding-left:5px;
}

#texte-page {
	float:left;
	color:#1a1a1a;
	margin-left:219px;
	text-align:justify;
	width:600px;
}
* html #texte-page {margin-left:110px;}

.texte-page-normal {
	float:left;
	color:#1a1a1a;
	width:570px;
	text-align:justify;
}

#element-periodique {
	float:left;
	margin-right: 25px;
	margin-left: 25px;
	border:1px solid #fff;
	width:177px;
}
* html #element-periodique {margin-left:10px;}

#element-periodique .col1 {float:left; margin-right:15px !important;}
* html #element-periodique .col1 {margin-right:0px;}
#element-periodique .col2 {float:right;}
#element-periodique .col1 img {
	padding-bottom:20px;
	display:block;
}
#element-periodique .col2 img {
	padding-bottom:20px;
	display:block;
}

/************************* Pages spectacle **********************/
.texte-spect {
	float:left;
	color:#535353;
	width:400px;
	text-align:justify;
}

.texte-popup {
	color:#535353;
	text-align:justify;
}

.img-spect{
	float:left;
	margin-left:20px;
	margin-right:20px;
	width:297px;
}

.txt-20px {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px; 
	color:#1a171b; 
	margin-top:10px;
	text-transform:uppercase;
}

.txt-16px {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #c5c6c8;
	font-style: italic;
	padding-left: 20px;
	margin-bottom:10px; 
}


a.rollopaque img {
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
  
a.rollopaque:hover img {
	filter: alpha(opacity=60);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

#footer {
	margin-top:37px;
	padding-bottom:20px;
	text-align:center;
	color:#858585;
}
#footer a {text-decoration:none; color:#858585;}
#footer a:hover {text-decoration:underline;}