/*

-----------------------------------------------

Template "Lucernaire" - CSS lié à index.php

Crée par Sorbonne Multimedia / 2008

-----------------------------------------------

*/



/*Hack général pour compatibilité ie*/

* {
padding: 0px;
margin: 0px;
border: none;
border: 0px;
}



.inputbox {
border:0px;
}



body {
font-family: "Trebuchet MS";
font-size:12px;
color: #5C5C5C;
text-align:justify;
background-image: url(../img/fonddegrade.png);
background-repeat:repeat-x;
background-color:#A6A6A6;
}



/*div globale pour centrer le site*/

#global {
margin: 0 auto;
width: 960px;
}



/*CSS des elements en blocs (dans ordre de lecture, chaque element est l'enfant de l'element precedent)*/

#content {
width: 950px;
height: 100%;
float:left;
background-image:  url(../img/footer_new.jpg);
background-repeat:no-repeat;
background-position:bottom;
background-color:#FFFFFF;
}

#banniere {
width: 950px;
height: 175px;
float:left;
}

/*CSS moteur de recherche*/

div.search {
float:right;
}

.button {
background-color:#FFFFFF
}

#recherche {
width: 950px;
height: 27px;
padding-top: 7px;
float:left;
background-image: url(../img/fond_recherche.jpg)
}

#mod_search_searchword {
float:left;
margin-left: 760px;
}

.buttonrecherche{
float:left;
display:inline;
font-size: 9px;
height: 15px;
margin-left: 14px;
/margin-left: 17px;
cursor:pointer;
background-color:#FFFFFF;
}
/*fin css recherche*/

#partie_gauche {
width: 150px;
float:left;
padding-top: 40px;
/padding-top: 19px;
}

#partie_droite {
float:left;
padding-top: 11px;
margin-bottom: 20px;
}

#gabarit {
float:left;
width: 720px;
/margin-top: -21px;
}

#footer {
width: 840px;
float:left;
height:35px;
text-align:right;
margin-top: 20px;
PADDING-right: 110px;
}

#footer a:link{
color:#999999;
font-size: 9px;
}

#footer a:visited{
color:#999999;
font-size: 10px;
}

/*CSS DU MENU CULTUREL, HORIZONTAL*/

#menu {
width: 950px;
height: 25px;
float:left;
list-style: none;
}



#sous_menu, #sous_menu_informatif{
width: 850px;
height: 30px;
float:left;
padding-left:100px;
background-image: url(../img/fond-sousmenu.jpg);
background-repeat:repeat-x;
}



/*CSS DU MENU INFORMATIF, VERTICAL*/

#menu_informatif {
width: 160px;
float:right;
}

div.moduletable-menu_informatif a, div.moduletable-menu_informatif p, .pas_widget p{
	display:block;
	height:30px;
	width:135px;
	line-height: 30px;
	color:#666666;
	text-transform:lowercase;
	font-weight:bold;
	text-align: right;
}

.moduletable-calendrier a, .moduletable-calendrier p {
	display:block;
	height:30px;
	width:145px;
	line-height: 30px;
	color:#e43d85;
	text-transform:lowercase;
	font-weight:bold;
	text-align: right;
}

div.moduletable-menu_informatif {
background-image: url(../img/fond-menuinformatif.jpg);
background-repeat:repeat-x
}

div.moduletable-calendrier {
background-image: url(../img/fond-menuinformatifCal.jpg);
background-repeat:repeat-x;
margin-left: -10px;
/padding-left: -10px;
}

div#calendrier {
margin-left: -10px;
width: 160px;
background-image: url(../img/arrondi_Calendrier.png);
background-repeat:no-repeat;
background-position:bottom;
background-color:#ffffff;
height: 224px;
}

div#calendrier .moduletable{
margin-left: 10px;
}
div.moduletable-menu_informatif:hover, .widget:hover {
background-image: url(../img/fond-menuinformatifOver.jpg);
background-repeat:repeat-x
}

div.sous_menu_informatif {
background-color:#DFDFDF;
height: 25px;
width: 150px;
}



div.sous_menu_informatif a{
display:block;
color:#666666;
height:25px;
width:130px;
line-height: 25px;
font-weight:bold;
text-align: right;
}

div.sous_menu_informatif a:hover{
color:#999999;
}


.widget, .pas_widget {
background-image: url(../img/fond-menuinformatif.jpg);
width: 120px;
height: 44px;
cursor:pointer;
}

#showhide, #showhide2 {
cursor:pointer;
}

/*CSS HORAIRES + BOUTONS RESERVER + SAVOIR PLUS + LIRE PLUS*/
th.pagenav_prev a{
color:#e43d85;
}

th.pagenav_next a{
color:#e43d85;
}

div.navig {
margin-left: 38px;
/margin-left: 38px;
margin-top: 10px;
float: left;
width: 75px;
}

.reserver, .lireplus, .back_button {
width: 75px;
height: 16px;
float:left;
margin-top: 1px;
margin-bottom: 5px;
background-color:#e43d85;
text-transform:uppercase;
font-size: 11px;
color:#FFFFFF;
cursor:pointer;
text-align:center;
vertical-align:middle
}

.pagenav {

margin-top:20px;

margin-right:5px;

text-transform:uppercase;

font-size: 11px; 

cursor:pointer;

text-align:center;

vertical-align:middle

}



.lireplusCalendar {

width: 75px;

padding-left: 5px;

text-transform:lowercase;

background-color:#e43d85;

font-size: 11px;

color:#FFFFFF;

text-align:left;

vertical-align:middle;

cursor:pointer;

}



.back_button{

float:left;

margin-top:25px;

margin-left: 2px;

/margin-left: 1px;

}



.back_button a:link{

color:#FFFFFF

}

.reserver:hover, .lireplus:hover {

color:#CCCCCC

}



#horaire {

	margin-bottom:10px;

	font-size: 14px;

	color: #93OD4C;

	font-weight: bold;	

}



.horaires_articles {

width: 400px;

margin-top: 9px;

margin-left: 12px;

float: left;

line-height: 14px;

color:#000000;

font-weight:bold;

}



.horaires_articles p{

/line-height: 14px;

}



p.dateSpectacle {

margin-left: 21px;

font-size:12px;

font-style:italic;

font-weight:bold

}



/*CSS du fil d'ariane*/

div#ariane {

font-size:12px;

height: 20px;

padding-left: 50px;

padding-top: 6px;

/padding-top: 0px;

/position:relative;

/z-index:1;

width:850px;

}



span.pathway {

background-color:#FFFFFF;

text-transform:lowercase

}



/*CSS elements en ligne*/



a {

text-decoration:none;

}



a:link, a:visited {

text-decoration:none;

color:#e43d85;

}



a:hover {

color:#333333;

}



/*CSS inscription newsletter*/



#moduleNews #wz_11, #wz_12 {

border-style:solid;

border-width: 1px;

border-color:#E5E5E5;

}



#moduleNews, #calendrier p, span#infocal {

padding: 5px;

}



#aca_22, .button {

background-color:#e43d85;

color:#FFFFFF;

cursor:pointer;

font-size: 11px;

}



.inputbox {

font-size: 11px;

}



div.message {

margin-top: 5px;

/margin-top: 9px;

text-transform:uppercase;

font-weight:bold;

color:#e43d85;

font-size: 20px;

}



/*CSS generiques des tables de contenu (articles et news)*/

a.contentpagetitle, td.contentheading{

font-size:16px;

color:#000000;

text-transform:uppercase;

font-weight:bold;

text-align:left;

text-decoration:none;

}



td.moduletablenewsflash {

float:left;

width: 200px;

background-image: url(../img/fond_actualites.jpg);

background-repeat:no-repeat

}



.blog p{

text-align:left

}



td.blog {

width: 650px;

}





h2.salletheatre {

margin-left: 21px;

}



td.buttonheading {

width: 30px;

}



td.buttonheading img{

margin: 0px;

}



.sectiontableheader {

background-color:#99FF33;

float:left;

}



.contentpaneopen2 img, .contentpaneopen img {

float:left!important;

/float: left;

margin-right: 1em;

margin-top: 3px;

}



p.Lien, #editorial a {



color:#e43d85;

font-size: 14px;

text-transform:uppercase;



}

#editorial  {
line-height:20px;
}
#editorial a {

background-image: url(../img/bt_suitearticle.png);
background-position:left center;
background-repeat:no-repeat;
padding-top:15px;
padding-left: 40px;

text-align:left;

}