/* RESETS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-style: normal;
text-align: left;
font-family: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
}


* html .png{
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "http://www.sortiracourbevoie.com/Images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

html {
overflow-y: scroll;
}



/* CSS */
body{
font-family: Arial;
font-size:11px;  
background: url('../Images/fond.jpg') repeat-x fixed; 
}

a{outline:none;}

#site{
width: 960px;
margin:0px auto;
position:relative;
}

#haut{
text-align:right;
width: 960px;
margin:10px auto;
position:relative;
}

#haut a{
text-decoration:none;
color:#333333;
font-size:12px;
}

#haut a:hover{
color:#000000;
}

#site #logo{
width: 230px;
height: 73px;
display:block;
position:absolute;
top:10px;
left:10px;
}

#site #logo img,
#site #logo a{
border:0;
text-decoration:none;
} 

#site #banniere{
width:490px;
height:85px;
display:block;
position:absolute;
left:370px;
top:0px;
}

#site #gauche{
width:14px;
height:65px;
display:block;
position:absolute;
background: url('../Images/banniere-gauche.png') no-repeat ; 
top:10px;
right:500px;
}

#site #droite{
width:15px;
height:65px;
display:block;
position:absolute;
left:500px;
background: url('../Images/banniere-droite.png') no-repeat ; 
top:10px;

}

#slider ul, #slider li{
	width:490px;
	height:85px;
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	overflow:hidden; 
	}
span#prevBtn{position:relative; left:320px; bottom:20px;}
span#nextBtn{position:relative; left:320px; bottom:20px;}	
#site #banniere span#prevBtn a, #site #banniere span#nextBtn a{color:#F7AFCF;}

#site #banniere h1{
padding-left:50px;
padding-right:10px;
font-size:16px;
color:#A20068;
margin-bottom:1px;
}

#site #banniere h2{
padding-left:50px;
padding-right:10px;
font-size:13px;
color:#616161;
margin-bottom:2px;
}

#site #banniere a{
/*padding-left:50px;
font-size:13px;
color:#000900;
text-decoration:underline;*/

font-size:13px;
color:#616161;
text-decoration:none;
}

#site #banniere a:hover{
/*color:#616161;*/
color:#000900;
}

#site #outer{
width:959px;
position:relative;
top:65px; 
left:0;
background: url('../Images/bg_outer.gif') no-repeat top;
height: 174px;
}

#site #outer #chemin{
font-size:13px;
position:absolute;
top:17px;
left:125px;
color:#fff;
font-weight:bold;
}

#site #outer #chemin a{
color:#f7afcf;
font-weight:bold;
text-decoration:none;
}

#site #outer #chemin a:hover,
#site #outer #chemin a:focus{
text-decoration:underline;
}

#site #outer #searchbox{
position:absolute;
right:0px;
padding-top:15px;
font-weight:bold;
z-index:1;

}

#site #outer #searchbox #searchlight{
	width: 250px;
	height: 19px;
	background : url('../Images/bg_search.gif') no-repeat;
	border:0;
	padding-left:20px;
	padding-top:2px;
	font-size:12px;
	font-weight:normal;
	color:#717171;
}


#site #outer #inner{
width:921px;
position:absolute;
top:23px;
left:26px;
}

#inner #leftmenu{
width:79px;
height:600px;
background: url('../Images/bg_leftmenu.gif') no-repeat -2px 150px;
}

#inner #leftmenu ul{
position:absolute;
top:80px;
}

#leftmenu a#Abonnement{
margin-bottom:40px;
}

#leftmenu a#prevenir{
margin-bottom:30px;
}

#leftmenu a.onglet1{
width:72px;
height:19px;
display:block;
background: url('../Images/onglet1.gif') no-repeat top;
font-weight:bold;
font-size:10px;
text-decoration:none;
text-transform: uppercase;
color:#a50069;
padding-left:7px;
padding-top:4px;
margin-bottom:8px;
}

#leftmenu a#achat{background: url('../Images/onglet4.gif') no-repeat top;}
#leftmenu a#achat:hover{background: url('../Images/onglet1_hover.gif') no-repeat top;}

#leftmenu a.onglet1:hover,
#leftmenu a.onglet1:focus,
#leftmenu a.onglet1.current
{
width:72px;
height:19px;
display:block;
background: url('../Images/onglet1_hover.gif') no-repeat top;
/*font-weight:bold;*/
font-size:10px;
text-decoration:none;
text-transform: uppercase;
color:#fff;
padding-left:7px;
padding-top:4px;
margin-bottom:8px;
}

#leftmenu a.onglet2{
width:72px;
height:28px;
display:block;
background: url('../Images/onglet2.gif') no-repeat top;
font-weight:bold;
text-decoration:none;
color:#626262;
padding-left:6px;
padding-top:8px;
margin-bottom:8px;
}

#leftmenu a.onglet2:hover,
#leftmenu a.onglet2:focus,
#leftmenu a.onglet2.current{
background: url('../Images/onglet2_hover.gif') no-repeat top;
width:72px;
height:28px;
display:block;
font-weight:bold;
text-decoration:none;
color:#ffffff;
padding-left:6px;
padding-top:8px;
margin-bottom:8px;
}

#leftmenu a.onglet3{
width:72px;
height:18px;
display:block;
background: url('../Images/onglet3.gif') no-repeat top;
font-weight:bold;
font-size:11px;
text-decoration:none;
color:#626262;
padding-left:7px;
padding-top:4px;
margin-bottom:8px;
}

#leftmenu a.onglet3:hover,
#leftmenu a.onglet3:focus,
#leftmenu a.onglet3.current{
width:72px;
height:18px;
display:block;
background: url('../Images/onglet3_hover.gif') no-repeat top;
font-weight:bold;
font-size:11px;
text-decoration:none;
color:#fff;
padding-left:7px;
padding-top:4px;
margin-bottom:8px;
}

#content{
width : 842px;
position:absolute;
top:20px;
left:79px;
}

#content #all-bas{
margin:0px 0px auto 20px;
text-align:left;
width:790px;
color:#404040;
font-size:12px;
font-weight:normal;	
}

#content #all-bas ul {
padding-left : 25px;
}

#content #all-bas li {
list-style: disc;
}

#content #homepage{
margin:auto auto auto 10px;
text-align:center;
width:810px;
height:543px;
background-image: url(../Images/sortircourbevoie.jpg);
background-repeat: no-repeat;
background-position: top;
color:#ffffff;
font-size:1.5em;
font-weight:bold;
}

#content #homepage-theme{
margin:-20px 0px auto 40px;
text-align:left;
width:750px;
}

#content #homepage-theme a, #content #homepage-theme a:hover{
	color:#CCCCCC;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	padding-left:50px;
	padding-right:80px;
}

#content #homepage-contact{
margin:135px 0px auto 11px;
text-align:left;
width:740px;
padding-left:47px;
text-shadow: 1px 1px 1px #ffffff;
background-image:url(../Images/lieux.png); background-position:top left; background-repeat:repeat-x;
color:#191919;
}

#content #homepage-contact a{
color:#191919;
font-weight:normal;
text-decoration:none;
text-shadow: 1px 1px 1px #ffffff;
}

#content #homepage-contact a:hover{
/*background-color:#ffffff;*/
text-decoration:underline;
color:#191919;
text-shadow: 1px 1px 1px #fff;
}

#content #homepage-contact .contact_item{width:160px;float:left;margin-right:16px;text-align:center;padding:10px 0;height:50px;/*background-image:url(../Images/lieux.png); background-position:top left; background-repeat:no-repeat;*/font-size:14px;}

#content #homepage-contact .contact_item .petit{font-size:10px;}

#content #homepage-silhouettes{
margin-top:-80px;
width:800px;
color:#1E1E1E;
position: absolute;
}

#saison{
margin:auto;
text-align:left;
width:780px;
font-size:13px;
line-height:18px;
padding-top:10px;
}

#saison h1 
{
font-size:18px;
color:#A50069;
font-weight:normal;
text-align:left;
}

#photos{
margin:auto;
text-align:left;
width:800px;
font-size:13px;
line-height:18px;
padding-top:10px;
}

#photos h1 
{
font-size:18px;
color:#A50069;
font-weight:normal;
text-align:left;
}

#photos-bas{
margin:0px 0px auto 40px;
text-align:left;
width:750px;
color:#404040;
font-size:12px;
font-weight:bold;	
}

#photos-bas a {
color:#62626A;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

#photos-bas a:hover {
color:#62626A;
font-size:11px;
font-weight:bold;
text-decoration:underline;
}

#content #planaccesmarge{
width:810px;
height:546px;
padding-top:25px;
padding-left:23px;
background-image: url('../Images/sortircourbevoie-fondblanc.png');
background-repeat: no-repeat;
background-position:center;
}

#content #planacces{
padding:0;
margin:0;
}

#content #topcontent{
width:842px;
height:51px;
background: url('../Images/content_top.png') no-repeat;
}

#content #topcontent ul#topmenu{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:17px;
left:7px;
}

#content #topcontent ul.menu,
#content #topcontent ul.menuwelcome,
#content #topcontent ul.menucontact,
#content #topcontent ul.menusphotos,
#content #topcontent ul.menucoulisses,
#content #topcontent ul.menunewsletter,
#content #topcontent ul.menuinfos-pratiques,
#content #topcontent ul.menucoulisses-360,
#content #topcontent ul.menucoulisses-artistes-en-residence,
#content #topcontent ul.menucoulisses-metiers,
#content #topcontent ul.menucoulisses-lexique,
#content #topcontent ul.menuarchives,
#content #topcontent ul.menucoulisses-dossiers-presse,
#content #topcontent ul.menubrochures,
#content #topcontent ul.menuespace-pro-login,
#content #topcontent ul.menuespace-pro,
#content #topcontent ul.menuphotos,
#content #topcontent ul.menuplan-acces,
#content #topcontent ul.menupartenaires,
#content #topcontent ul.menumentions-legales,
#content #topcontent ul.menucredits,
#content #topcontent ul.menuaccessibilite,
#content #topcontent ul.menuplan-du-site,
#content #topcontent ul.menuflux-rss,
#content #topcontent ul.menusaison{
background: url('../Images/menusaison.gif') 0 24px ;
background-repeat: repeat-x;
}

#content #topcontent ul.menucinema{
background: url('../Images/menucinema.gif') 0 24px ;
background-repeat: repeat-x;
}

#content #topcontent ul.menucours {
background: url('../Images/menucours.gif') 0 24px ;
background-repeat: repeat-x;
}

#content #topcontent ul.menustages {
background: url('../Images/menustages.gif') 0 24px ;
background-repeat: repeat-x;
}

#content #topcontent ul#topmenu li{
float:left;
background: url('../Images/tab_right.gif') no-repeat right top;
margin:0;
padding:0;  
margin-right:4px;
}

#content #topcontent ul#topmenu li.last{
margin-right:0px;
}

#content #topcontent ul#topmenu li a{
display:block;
float:left;
background: url('../Images/tab_left.gif') no-repeat left top;
padding:7px 14px;
height:24px;
color:#1a171b;
text-transform : uppercase;
text-decoration:none;
font-size:12px;
}

#content #topcontent ul#topmenu li a.cours:hover,
#content #topcontent ul#topmenu li a.cours:focus,
#content #topcontent ul#topmenu li a.cours.current,
#content #topcontent ul#topmenu li a.stages:hover,
#content #topcontent ul#topmenu li a.stages:focus,
#content #topcontent ul#topmenu li a.stages.current {
color: #006f87;
}

#content #topcontent ul#topmenu li a.cinema:hover,
#content #topcontent ul#topmenu li a.cinema:focus,
#content #topcontent ul#topmenu li a.cinema.current {
color: #fbba00;
}

#content #topcontent ul#topmenu li a.saison:hover,
#content #topcontent ul#topmenu li a.saison:focus,
#content #topcontent ul#topmenu li a.saison.current
{  
color: #ff28a2; 
}

#content #middlecontentSaison,
#content #middlecontentCinema,
#content #middlecontentCoursetstages,
#content #middlecontentCoulisse{
width:843px;
background: url('../Images/content_middle.png') repeat-y;
min-height:400px;
}

#content #leftmedia{
width:432px;
float:left;
margin-top:20px;
margin-left:30px;
}

#content #leftmedia #carrousel{
margin-left:-15px;
}

#content #coulisses360{
margin-top:10px;
width:598px;
height:407px;
float:left;
padding-top:22px;
padding-left:25px;
background: url('../Images/carre-visites-360.png') center no-repeat;
}

#content #coulisses360 #boutonsmedia{
position:relative;
top:20px;
margin-left:230px;
width:250px;
}

#content #coulisses360 #boutonsmedia a{
width:108px;
height:18px;
display:block;
float:left;
margin-right:10px;
background : url('../Images/boutonsmedia.gif') no-repeat top;
color:#a50069;
font-weight:bold;
text-decoration:none;
text-align:center;
padding-top:5px;
}

#content #coulisses360 #boutonsmedia a:hover,
#content #coulisses360 #boutonsmedia a:focus{
background : url('../Images/boutonsmedia.gif') no-repeat bottom;
color:#fff;
}

#content #rightlist360{
margin-top:35px;
margin-left:10px;
float:left;
}

#content #rightlist360 .blocliste{
width:193px;
height: 73px;
background: url('../Images/bg_blocliste360-1.gif') no-repeat;
display:block;
padding:0px;
padding-left:0px;
font-size:13px;
line-height:18px;
}

#content .detailCoulisse #rightlist360  a{
color:#999999;
font-weight:bold;
text-decoration:none;
padding-left:30px;
line-height:22px;
}

#content .detailCoulisse #rightlist360  a:hover,
#content .detailCoulisse #rightlist360  a:focus{
text-decoration:underline;
}  

#content #leftmedia #blocdetail h2{
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}

#content #leftmedia #blocdetail p{
font-weight:bold;
font-size:11px;
}

#content #rightlist{
margin-top:27px;
padding-left:20px;
float:left;
width:345px;
}

#content #rightlist h1{
color:#666666;
}

#content #rightlist #menuderoulant,
#content #rightlist #menuderoulant ul{
padding : 0;
margin : 0;
padding-top:0px;
list-style : none;
text-align : center;
}

#content #rightlist #menuderoulant{
}

#content #rightlist #menuderoulant li { 
float : left; 
margin-right:1px;
text-align:center;
background: url('../Images/bg_menuderoulant_small.gif') no-repeat;
}

* html #content #rightlist #menuderoulant li { 
float : left; 
margin-right:0px;
text-align:center;
background: url('../Images/bg_menuderoulant_small.gif') no-repeat;
}

#content #rightlist #menuderoulant li a{
display	: block; 
padding	: 0;
width:80px;
height:auto;
text-decoration : none; 
color:#a50069;
font-size:12px;
padding-left:0px;
padding:5px 0;
text-align:center;
}

#content #rightlist #menuderoulant li a.deroulant{text-align:left;background: url('../Images/picto_deroul.png') 5px center no-repeat;padding-left:20px;}

#content #rightlist #menuderoulant  a:hover,
#content #rightlist #menuderoulant  a:focus
{
font-weight:bold;	
}

#content #rightlist #menuderoulant li ul /* Sous-listes */
{
	position: absolute;
	width:146px;
	left: -999em;
	margin:0;
	margin-left:3px;
	border:1px solid #cccccc;
	 -webkit-border-bottom-left-radius:0 2px 10px #000;
    -webkit-border-bottom-right-radius: 0 2px 10px #000;
    -webkit-box-shadow: 0 2px 10px #000;
    -moz-box-shadow: 0 2px 10px #000;
	z-index:1;
	

}

#content #rightlist #menuderoulant li ul li a /* Eléments de sous-listes */
{
width:136px;
color:#7e7e7e;
font-size:11px;
font-weight:bold;
padding-left:10px;
text-align:left;
background:#F5F5F5;
border-bottom:1px solid #bbbbbb;
}

#content #rightlist #menuderoulant li ul li a.first /* Eléments de sous-listes */
{



}

#content #rightlist #menuderoulant li ul li:hover,
#content #rightlist #menuderoulant li ul li:focus,
#content #rightlist #menuderoulant li ul li a:hover,
#content #rightlist #menuderoulant li ul li a:focus
{
	background-color:#E5E5E5;
	color:#FF33FF;	
	
}

#content #rightlist #menuderoulant li ul ul 
{
	margin		: -22px 0 0 144px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */	
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-left	: 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */	
}

#content #rightlist #menuderoulant li:hover ul ul,
#content #rightlist #menuderoulant li:focus ul ul,
#content #rightlist #menuderoulant li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}


#content #rightlist #menuderoulant li:hover ul,
#content #rightlist #menuderoulant li:focus ul
#content #rightlist #menuderoulant li li:hover ul,
#content #rightlist #menuderoulant li li:focus ul,
#content #rightlist #menuderoulant li.sfhover ul,
#content #rightlist #menuderoulant li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug */
}

#content  #rightlist #menuderoulant li ul li ul  /* Eléments de sous-listes */
{
	border:0;
	margin-left:-172px;
	text-align:right;
}

#content  #rightlist #menuderoulant li ul li ul  li
{
	text-align:right;
	padding:0;
	display:block;
}


#content  #rightlist #menuderoulant li ul li ul li a   /* Eléments de sous-listes */
{
  border-top: 0;
	width:152px;
	height:22px;
	color:#000000;
	font-size:10px;
	font-weight:normal;
	display:block;
	padding-right:10px;
	text-align:right;
}


#content  #rightlist #menuderoulant li ul ul 
{
	margin		: -22px 0 0 144px ; 
}



#content  #rightlist #menuderoulant  li:hover ul ul,
#content  #rightlist #menuderoulant  li:focus ul ul,
#content  #rightlist #menuderoulant li.sfhover ul ul 
{
	left: -999em; 
}

#content  #rightlist #menuderoulant li:hover ul,
#content  #rightlist #menuderoulant li:focus ul,  
#content  #rightlist #menuderoulant li li:hover ul, 
#content  #rightlist #menuderoulant li li:focus ul,
#content  #rightlist #menuderoulant li.sfhover ul, 
#content  #rightlist #menuderoulant li li.sfhover ul  
{
	left: auto; 
	min-height: 0; 
}


#content #rightlist #menuderoulant li ul li ul li a
{
	background: #eee;
	
}


#content #rightlist #menuderoulant li ul li ul li a:hover,
#content #rightlist #menuderoulant li ul li ul li a:focus
{
  text-decoration:underline;
  color:#000000;
  font-weight:normal;
}

#content #rightlist h1{
font-size:14px;
font-weight:bold;
padding-top:35px;
padding-left:15px;
padding-bottom:12px;
width:200px;

}

#content #rightlist a{
text-decoration:none;
font-weight:bold;
color:#000000;
}

#content #rightlist .blocliste{
width:306px;
height: 60px;
background: url('../Images/bg_blocliste.gif') no-repeat;
display:block;
padding:7px;
padding-left:10px;
font-size:13px;
line-height:18px;
margin-left:2px;
}

#content #rightlist .blocliste-active{
width:306px;
height: 60px;
background: url('../Images/bg_blocliste_035B6E.gif') no-repeat;
display:block;
padding:7px;
padding-left:10px;
font-size:13px;
line-height:18px;
margin-left:2px;
}

#content #rightlist .blocliste-activecine{
width:306px;
height: 60px;
background: url('../Images/bg_blocliste_F9A70D.gif') no-repeat;
display:block;
padding:7px;
padding-left:10px;
font-size:13px;
line-height:18px;
margin-left:2px;
}

#content #rightlist .blocliste-activesaison{
width:306px;
height: 60px;
background: url('../Images/bg_blocliste_A80C3D.gif') no-repeat;
display:block;
padding:7px;
padding-left:10px;
font-size:13px;
line-height:18px;
margin-left:2px;
}

#content #rightlist #moissuivant{text-align:right;padding-right:22px;margin-top:10px;}

#content #rightlist .blocliste .picto, #content #rightlist .blocliste-activecine .picto{
float:right;
}

#content #rightlist #blocBtn-download{
margin-top:30px; 
width:141px;
height: 31px;
margin-left:15px;
background: url('../Images/cinema-download.png') no-repeat;
font-size:10px;
display:block;
}

#content #rightlist #blocBtn-download a{
position:absolute;
margin-top:10px;
margin-left:30px;
color:#404040;
text-decoration:none;
font-weight:bold;  
}

#content #rightlist #blocBtn-tarifs{
position:relative;
margin-top:30px; 
width:141px;
height: 31px;
padding-right:20px;
background: url('../Images/cinema-tarifs.png') no-repeat;
font-size:10px;
float:right;
}

#content #rightlist #blocBtn-tarifs a{
margin-top:10px;
margin-right:75px;
color:#404040;
text-decoration:none;
font-weight:bold;  
float:right;
}

#content #rightlist #blocBtn-stages{
position:relative;
margin-top:30px; 
width:141px;
height: 31px;
margin-right:50px;
background: url('../Images/bouton-stages.png') no-repeat; 
float:right;
}

#content #rightlist #blocBtn-stages a{
margin-top:8px;
margin-left:40px;
color:#A50069;
text-decoration:none;
font-weight:bold;
float:left;
width:141px;
font-size:12px;
}

#content #rightlist #blocBtn-stages a:hover{
color:#BF51B1;
}

#content .listeCoulisse a{
width:211px;
height:164px;
background: url('../Images/bg_bloccoulisse.gif') no-repeat;
display:block;
padding:4px;
padding-left:5px;
text-decoration:none;
position:relative;
margin-left:40px;
margin-top:40px;
margin-right:5px;
float:left;
}

* html #content .listeCoulisse a{
margin-left:20px;
margin-right:20px;
}

#content .listeCoulisse a:hover,
#content .listeCoulisse a:focus
{
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

* html #content .listeCoulisse a:hover,
* html #content .listeCoulisse a:focus
{
filter: inherit;
opacity: inherit;
}

#content .listeCoulisse a span{
width:166px;
height:43px;
display:block;
background: url('../Images/info_bloccoulisse.png') no-repeat;
position:absolute;
top:140px;
left:61px;
text-align:center;
color:#a50069;
font-weight:bold;
padding-top:14px;
font-size:12px;
cursor:pointer;
}

.bloccarpeaux:hover{

background: url('../Images/bg_blocliste_carpeaux.gif') no-repeat;
}


#content #bottomcontent{
width:843px;
height:122px;
margin-left:-1px;
background: url('../Images/content_bottom.png') no-repeat;

}

#content #bottomcontent #bottomLeft{
width:370px;
float:left;
margin-top:70px;
margin-left:40px;
}

#content #bottomcontent #bottomLeft a{
font-weight:bold;
font-size:11px;
color:#62626a;
text-decoration:none;
}

#content #bottomcontent #bottomLeft a:hover
#content #bottomcontent #bottomLeft a:focus{
text-decoration:underline;
}

#content #bottomcontent #bottomRight{
width:300px;
float:right;
margin-top:60px;
margin-right:-20px;
}

#content #bottomcontent #bottomRight a{
color:#62626a;
font-size:20px;
text-decoration:none;
}

#content #bottomcontent #bottomRight a:hover, 
#content #bottomcontent #bottomRight a:focus
{
text-decoration:underline;
}

/*** AJOUTS 12.11.2009 ***/
* html #content #leftmedia {
margin-left:20px;
}

#infos table{
width:100%;
margin-top:0px;
font-size:13px;
}

#infos table td{
color:#696967;font-weight:normal;
padding:1px;
margin-right:10px;
vertical-align:top;
}

#infos table td label{
color:#A50069;
font-weight:bold;
}

#infos p{
text-align:justify;
font-size:12px;
color:#404040;
}

#infos a, #infos a:hover{
font-size:12px;
font-weight:normal;
text-align:left;
text-decoration:none;
}

#infos a.salle, #infos a.salle:hover{
color: #035B6E;
font-size:15px;
font-weight:bold;
text-decoration:none;
}

#infos a.lien_acces
{
font-size:12px;
font-style:italic;
font-weight:normal;
color:#595959;
}

#infos a.lien_acces:hover
{
font-size:12px;
font-style:italic;
font-weight:normal;
color:#595959;
}

#infos h1#titleInfoCarpeaux
{
font-size:20px;
color:#A50069;
font-weight:normal;
text-align:left;
}

#infos h1#titleInfoCinema
{
font-size:20px;
color:#fbba00;
font-weight:normal;
text-align:left;
}

#infos h1#titleInfoCulturel
{
font-size:20px;
color:#035B6E;
font-weight:normal;
text-align:left;
}

#infos h2
{
font-size:15px;
color:#595959;
font-weight:normal;
text-align:left;
line-height:13px;
padding-bottom:5px;
padding-top:5px;
}

#infos h2 a
{
font-size:15px;
color:#595959;
font-weight:bold;
}

#infos h2 a:hover
{
font-size:15px;
color:#595959;
font-weight:bold;
}

#infos h3
{
font-size:13px;
color:#3C3C3C;
font-weight:bold;
text-align:left;
}

#infos h4
{
font-size:13px;
color:#595959;
font-weight:normal;
text-align:left;
line-height:17px;
padding-bottom:8px;
}

#infos #mediainfos{
width:425px;
height:290px;
background: url('../Images/bg_mediainfo.gif') no-repeat;
padding:0;
margin:0;
}

#infos #mediainfos #videoinfos{
width:410px;
height:273px;
margin-left:7px;
padding-top:22px;
}

#infos #mediainfos #EmbedVideoDiv
{
margin-top:-14px;
height:290px;
}

#infos #mediainfos #images
{
margin-top:-14px;
height:273px;
}

*+html #infos table{
margin-top:40px;
}

#infos  #btntarifs{
background: url('../Images/bouton_achat.png') no-repeat ;
width:169px;
height:36px;    
}

#infos #btntarifs a{
position:absolute;
margin-top:12px;
margin-left:35px;
font-size:10px;
color:#404040;
text-decoration:none;
font-weight:bold; 
}

#infos  #btntarifs a:hover{
color:#000000;
}

#lieninfos{
width:432px;
height:66px;
background: url('../Images/barre_lien_infos.gif') no-repeat;

margin-top:20px;
}

#lieninfos a{
color:#404040;
position:relative;   
left:25px;
float:left;
text-decoration:none;
font-size:12px;
padding-top:20px;
}

#lieninfos a:hover,
#lieninfos a:focus
{
text-decoration:none;
color:#000000;
}

#lieninfos #logoinfos{
float:right;
margin-right:40px;
padding-top:10px;
width:auto;
}



*+html #descriptionInfos{

/*border:1px solid red;*/
margin-top:80px;
}


* html #descriptionInfos{
margin-top:0px;
}

#infos .date{
color:#000;
font-size:13px;
font-weight:bold;
}

#infos .horaire{
color:#c30040;
font-size:13px;
font-weight:normal; 
}

#infosCinema #blocBtn{
width:115px;
height:55px;
padding-top:10px;
margin-left:270px;
margin-top:30px;
}

*+html #infosCinema #blocBtn{
margin-top:0px;
}

* html #infosCinema #blocBtn{
margin-top:0px;
}


/* wysiwyg */

#wysiwyg  {
margin:auto;
text-align:left;
width:785px;
background: url('../Images/content_middle.png') repeat-y;
padding:30px;
padding-top:10px;
font-size:13px;
line-height:18px;
min-height:400px;
color:#2D2D2D;
}

#wysiwyg .titre
{
font-size:18px;
color:#A50069;
font-weight:normal;
text-align:left;
}

#wysiwyg .h1 {
font-size:13px; 
font-weight:bold; 
}

#wysiwyg .h2 { 
font-size:13px; 
}

#wysiwyg .h3 {
font-size:11px; 
}


#wysiwyg p { 

font-size:13px;
line-height:18px;
}

#wysiwyg table {
border-collapse: collapse;
border-spacing: 0;
margin-left:-5px;
}

#wysiwyg a

{
color:#808080;
text-decoration:underline;
}

#wysiwyg a:hover
{
color:#000000;
}

#wysiwyg #big{
font-size:20px;
}

#wysiwyg ul { 
padding-top:10px;
padding-left:20px;
}

#wysiwyg li{ 

margin-left:20px;
list-style:disc;
}

#wysiwyg li li{ 
margin-left:10px;
list-style:none;
}


/* Newsletter */

#Newsletter  { 
margin:auto;
text-align:left;
width:785px;
font-size:13px;
line-height:18px;
padding-top:10px;
min-height:450px;
}

#Newsletter h1 
{
font-size:18px;
color:#A50069;
font-weight:normal;
text-align:left;
}

#Newsletter input:focus, textarea:focus /* Quand le curseur est sur un champ */
{
background-color: #FFFF99;
}

#Newsletter legend /* On met un peu plus en valeur les titres des fieldset */
{
font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
color: #A50069;
font-weight: bold;
}

#Newsletter fieldset
{
margin-bottom: 15px; /* Une marge pour séparer les fieldset */
background-color: #F3EDF2;
padding:5px;
border:solid #666666 1px;
width:700px;
}

#Newsletter gras{
font-weight:bold;  
}


#Newsletter #Error{
font-weight:bold;
color:#FF0000;
}

/* UTILS */

h3{
font-size:15px;
}

em

{
font-style:italic;
}

hr {
color: #FFFFFF;
width:100%;
border:none;
border-bottom: dotted #CCCCCC 1px;
margin-top:10px;
margin-bottom:10px;
} 

.txtculturel{
color:#035B6E;
}

.txtcarpeaux{
color:#A80C3D;
}

.txtabelgance{
color:#F9A70D;
}


.gras{
font-weight:bold;
}

.rouge{
font-weight:bold;
color:#A50069;
}

.nouveau{
font-style:italic;
font-weight:bold;
color:#F7AFCF;
font-size: 13px;
}
.nouveauh{
font-style:italic;
font-weight:bold;
color:#F7AFCF;
font-size: 12px;
}

.clearer{
clear:both;
}

.center{
text-align:center;
}

.floatleft{
float:left;
}

.big{
font-size:20px;
}

.floatright{
float:right;
}

a.blocliste{
width:287px;
height: 60px;
/**/
display: block;

padding:7px;
padding-left:10px;
text-decoration:none;
color: black; 
font-size:13px;
line-height:18px;
}

a.invisible{
color:#ffffff;
font-size:0px;
}

fieldset{
border:none;
border: solid #CCCCCC 1px;
font-size:13px;
line-height:18px;
padding:0px 15px 15px 15px;
}

fieldset a{
color:#404040;
text-decoration:none;
}

legend
{
color: #035B6E;
font-size:15px;
font-weight:bold;
}


.imagesparagraphe {

float:left;
margin:0px 10px 5px 0px;
border: 1px solid #999999;
padding:2px;

}

/*bouton facebook*/
div.addthis_toolbox{margin-top:10px;}