@import url("lightbox.css");

<!--
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	margin-top: 0px;
	margin-left:0px;
}
a:link {
	color: #3300CC;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #3100CE;
}
a:hover {
	text-decoration: none;
	color: #FF3300;
}
a:active {
	text-decoration: underline;
}

#itineraire 
{
text-transform:uppercase;
font-weight:bold;
} 

#itineraire h2 
{
font-size:14px;
color:#FF0000;
text-transform: capitalize;
} 

#itineraire a 
{
text-decoration:none;
} 

#itinerairetitre
{
 background-color: #A8FFE2;
 padding-top:3px;
 padding-bottom:3px;
 padding-left:10px;
 text-align: left;
 text-transform:uppercase;
 font-weight:bold;
}

.Style1 {color: #999999}
.Style3 {
	font-size: 12;
	color: #666666;
}
.Style9 {font-family: Arial, Helvetica, sans-serif}
.Style10 {
	font-size: 14;
	font-weight: bold;
}
.Style11 {
	font-size: 14px;
	font-weight: bold;
}
.style13 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.style14 {
	color: #3300CC;
	font-weight: bold;
	font-size: 12px;
}
.style15 {color: #3300CC}
-->


/* Header */

#titrespectacle {
font-size:14px;
font-weight:bold;
}

#header {
	width: 100%;
	height: 130px;
	background: url(../commun/images/img07.jpg) no-repeat;
	margin: 0 auto;
	}


#logo {
	/*float: left;*/
	padding-left:60px;*/
	padding-top:3px;
	/*width:150px;*/
	height:130px;
}

#logo .banner {
	/*width:660;*/
}

#sub_banner {
	width: 100%;
	height: 15px;
	/*background: url(../commun/images/line.jpg) no-repeat;
	/*margin: 0 auto;
	padding-top:15px; */
}

#sub_header {
	width: 100%;
	background-color:#97CBFD;
	/*background: url(../commun/images/line.jpg) no-repeat;
	/*margin: 0 auto;
	padding-top:15px; */
	text-align:center;
}

#date {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#nospartenaires 
{
text-align:center;
font-size:12px;
background-color:#97CBFD;

}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
font-size:10px;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 10px Verdana;
height: 22px;
background-color: #FEBD0F;
color: #990000;
}



#global_menu{
	float: left;
	width: 202px;
	padding: 0px 0px 0px 5px;
	background-image: url(../commun/images/mosaique.jpg);
	border-right: 1px solid gray ;
}


#page {
	width: 100%;
	margin: 0 auto;
	padding-top: 0px;
	border-color:#FF9900;
}

#encart_droit {
	float: right;
	width: 693px;
	/*background: url(images/img03.gif) repeat-y;/
	padding: 0px 0px 10px 10px;*/
}


#content
{
margin-top:20px;
font-family: Helvetica, sans-serif;
}

 .titre{
 border-left: 1px solid gray;
 border-right: 1px solid gray ;
 border-top: 1px solid gray ;
 border-bottom:1px solid gray ;
 width:95%;
 /*background:#A8FFE2 url(../commun/images/chromebg.gif);*/
 background-color: #A8FFE2;
 padding-top:3px;
 padding-bottom:3px;
 padding-left:10px;
 text-align: left;
 font-size: 16px;
 height:20px;
 /*font-family: "A Yummy Apology";  */
}

#content .semaine{
 border-left: 1px solid gray;
 border-right: 1px solid gray ;
 border-top: 1px solid gray ;
 border-bottom:1px solid gray ;
 width:95%;
 background:url(../commun/images/semaine.jpg);
 padding-top:5px;
 padding-bottom:3px;
 padding-left:10px;
 text-align: left;
 font-size: 14px;
 height:20px
}

 .in{
/* border-left: 1px solid gray;
 border-right: 1px solid gray ;
 border-bottom:1px solid gray ;
 border-top: 1px solid gray ;*/
 padding-left:5px;
 padding-top:5px;
 padding-bottom:5px;
 width:95%;
}

.contenu{
/* border-left: 1px solid gray;
 border-right: 1px solid gray ;
 border-bottom:1px solid gray ;
 border-top: 1px solid gray ;*/
 padding-left:5px;
 padding-top:5px;
 padding-bottom:5px;
 width:100%;
 text-align:center;
}

 #content .line{
 padding-top:5px;
 padding-bottom:5px;
 }

#content.shadowcontainer{
width: 300px; /* container width*/
background: transparent url(media/bigshadow.gif) no-repeat bottom right;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}


/* cades spectacle  */

#spectacle{
	width: 100%;
	/*background-color:#C0F4F8;*/
	padding-left:15px;
	padding:5px;
}

#spectacle_2{
	width: 100%;
	background-color:#78BAC2;
	padding-left:15px;
	padding:5px;
}

#spectacle li{
	padding-left:15px;
}


/* Footer */

#footer {
	width: 100%;
	height: 100px;
	margin: 0 auto;
	background: url(../commun/images/img06.gif);
	text-align:center;
	font-size: 10px;
}

#footer p {
	margin: 0;
	padding: 15px;
}


.shiftcontainer{
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 420px; /* container width * /
background: transparent url(media/bigshadow.gif) no-repeat bottom right;*/
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
/*border: 1px solid gray;*/
padding: 6px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
padding-top:5px;
}


/*---------- menu ----------------*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 100%; /*width of menu*/
background-color:#D7FFFF;
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: black;
/*background: #8CD1FF url(../commun/images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
background: #8CD1FF;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/

}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #B12B19;
background: url(../commun/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold; 
border-bottom: 1px solid #dadada;
font-size: 12px;
}

.arrowlistmenu ul li a:visited{
color: #B12B19;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#B12B19;
background-color: #B2E0FF;
}

/*-------- fin menu ---------------*/ 


/*--- Intro --*/
#cadreintro
{
height:419px;
background-image:url(../commun/images/cadre.gif);
padding-top:15px;
}
#cadreintro .bouton
{
padding-top:10px;
text-align:center;
}

.droit
{
/*border-left: 1px dashed gray ;*/
width:120px;
background: url(../commun/images/img03.gif) repeat-y;
}

#images_droit
{
float: right;
/*BACKGROUND: url(../commun/images/gradient.php.jpg) #FFFFFF repeat-x;*/
padding-left:2px;
padding-right:3px;
padding-top: 10px;
font: small "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}


#images_droit a
{
color: #0066FF;
text-decoration:none;
}


#images_gauche
{
float: left;
border-right: 1px solid gray ;
BACKGROUND: url(../commun/images/gradient.php.jpg) #FFFFFF repeat-x;
padding-left:3px;
padding-right:2px;
font: small "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

#images_gauche a
{
color: #0066FF;
text-decoration:none;
text-align:center;
}

#toggleopacity img{

}

#toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.5;
}

#toggleopacity img{
border: 1px solid #ccc;
}

#toggleopacity2 img{
border: 1px solid #ccc;
padding:2px;
}

.toggleborder:hover img{
border: 1px solid navy;
}

#toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}


.group1{
text-align: center;
}

.group1 img{ /*micro banner ad*/
border: 0;
}

/* ######### Form CSS ######### */

.cssform {
	margin: 0;
	padding: 0;
}

.cssform input, .cssform textarea{
	padding: 3px;
	border: 1px solid #ccc;
	background: #f1f1f1;
	font-size: 12px;
}

.cssform textarea{
width: 98%;
height: 120px;
}

/************ styles des images  ******/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/********* fin  */

/** module de recherhce  **/
#sidebar {
	DISPLAY: inline; FLOAT: right; MARGIN: -3px 3px 0px; WIDTH: 202px
}
#sidebar #search {
	DISPLAY: inline;  BACKGROUND: url(../commun/images/bg_search.gif) #FFFFFF repeat-x left bottom; FLOAT: right; PADDING-BOTTOM: 6px;   WIDTH: 202px;  
}

#sidebar #search INPUT#search_term {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #a1a1a1 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 85%; FLOAT: left; PADDING-BOTTOM: 4px; BORDER-LEFT: #d4d3cc 1px solid; WIDTH: 100%; PADDING-TOP: 4px; BORDER-BOTTOM: #e5e4cf 1px solid
}
#sidebar #search A#search_go {
	DISPLAY: block; BACKGROUND: url(/images/bg_search_go.gif) no-repeat; FLOAT: right; MARGIN-LEFT: 5px;  TEXT-INDENT: -9999px; HEIGHT: 22px; width:50px;
}
#sidebar #spacer {
	FLOAT: right; WIDTH: 1px; MARGIN-RIGHT: -14px; 
}

/**** fin **/

/*----------- présentation des articles ---------------------*/
.ListArticle {
	MARGIN-TOP: 12px; PADDING-LEFT: 20px; COLOR: #525252
}
.siti_element {
	MARGIN-TOP: 12px; PADDING-LEFT: 20px; COLOR: #525252
}
.siti_element {
	CLEAR: both
}
.ListeArticleText_min {
	WIDTH: 400px
}
.bloc_center .ListeArticleText_min {
	WIDTH: 298px
}
.ListeArticleText_max {
	WIDTH:235px
}
.bloc_center .ListeArticleText_max {
	WIDTH: 275px
}
.siti_element_text_min {
	WIDTH: 268px
}
.bloc_center .siti_element_text_min {
	WIDTH: 208px
}
.siti_element_text_max {
	WIDTH: 245px
}
.bloc_center .siti_element_text_max {
	WIDTH: 285px
}
A.ListeArticleLink P {
	COLOR: #525252
}
.siti_element_img {
	BACKGROUND: url(/images/hh_cale_rech.gif) no-repeat right top; FLOAT: left; 
}
.ListeArticleImage {
	BACKGROUND: url(/images/hh_cale_rech.gif) no-repeat right top; FLOAT: left;  
}
.siti_element_img IMG {
	BORDER-RIGHT: #900 1px solid; BORDER-TOP: #900 1px solid; BORDER-LEFT: #900 1px solid;  BORDER-BOTTOM: #900 1px solid; 
}
.ListeArticleImage IMG {
	BORDER-RIGHT: #900 1px solid; BORDER-TOP: #900 1px solid; BORDER-LEFT: #900 1px solid;  BORDER-BOTTOM: #900 1px solid; 
}
.siti_element_img A:visited IMG {
	BORDER-RIGHT: #900 1px solid; BORDER-TOP: #900 1px solid; BORDER-LEFT: #900 1px solid; BORDER-BOTTOM: #900 1px solid
}
.ListeArticleImage A:visited IMG {
	BORDER-RIGHT: #900 1px solid; BORDER-TOP: #900 1px solid; BORDER-LEFT: #900 1px solid; BORDER-BOTTOM: #900 1px solid
}
.hidden.siti_element_img IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.hidden.ListeArticleImage IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.ListeArticleText {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 9px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 4px; BORDER-LEFT: #ddd 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #ddd 1px solid
}
.siti_element_cadre {
	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; FLOAT: left; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid
}
.siti_element_text {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.siti_element_text P {
	MARGIN: 0px
}
.ListeArticleText P {
	MARGIN: 0px
}
.siti_element_text P A {
	COLOR: #525252
}
.ListeArticleText P A {
	COLOR: #525252
}
.siti_element_text P {
	MARGIN: 0px; PADDING-TOP: 0px
}
.ListeArticleText A P {
	MARGIN: 0px; PADDING-TOP: 0px
}
.siti_element_text .siti_element_text_title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 0px; COLOR: #900; PADDING-TOP: 0px
}
.ListeArticleText .article_title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 0px; COLOR: #900; PADDING-TOP: 0px
}
.siti_element_text .siti_element_text_title A {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #900
}
.TitleSimple A {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #900
}
.ListeArticleText .article_title A {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #900
}
.siti_element_text .siti_element_text_title IMG {
	MARGIN-TOP: 1px
}
.ListeArticleText .article_title IMG {
	MARGIN-TOP: 1px
}
.bloc_right .BoxOffice H2 {
	MARGIN: 0px; COLOR: #525252; TEXT-ALIGN: right
}
.bloc_right .BoxOffice UL {
	MARGIN-LEFT: 3px; LIST-STYLE-TYPE: none
}
.siti_element_resapossible {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; TEXT-ALIGN: right
}
/*-------  fin présentation des articles  -----------*/

/*--------------- galerie d'images -------------*/

.photogallery{ /*CSS for TABLE containing a photo album*/

}

.photogallery img{ /*CSS for images within an album*/
border: 1px solid green;
}

.photonavlinks{ /*CSS for pagination DIV*/
font: bold 14px Arial;
}

.photonavlinks a{ /*CSS for each navigational link*/
margin-right: 2px;
margin-bottom: 3px;
padding: 1px 5px;
border:1px solid gray;
text-decoration: none;
background-color: white;
}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
/*background-color: yellow;*/
}

/* galerie photo dg */
.slideshow{ /*CSS for DIV containing each image*/
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.slideshow img{ /*CSS for each image tag*/
border: 0;
width: 200px;
height: 106px;
}

#navlinks{ /*CSS for DIV containing the navigational links*/
width: 400px;
}

#navlinks a{ /*CSS for each navigational link*/
margin-right: 8px;
margin-bottom: 3px;
font-size: 110%;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
/*background-color: yellow;*/
}


/******************************** bordure  d'image et opacité ****/

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img{
border: 1px solid #ccc;
}

.toggleborder img{
border: 1px solid #ccc;
margin: 3px 3px 3px 3px ;
padding: 3px 3px 3px 3px ;
}


.toggleborder2 img{
border: 1px solid #ccc;
margin: 2px 2px 2px 2px ;
padding: 2px 2px 2px 2px ;
}


.toggleborder:hover img{
border: 1px solid #ccc;
margin: 3px 3px 3px 3px ;
padding: 3px 3px 3px 3px ;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}