/* Styles globaux */

body {
    margin: 0px 20px 0px 0px; 
    font-family: arial;
    font-size: 11px;
    background-image: url(../images/background-popup.gif);
    background-repeat: repeat-y;
    background-position:top left;
    }
    
/*haut de page */
    
#bannermain {
		background-image:url(../images/background-header-popup-fr.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		height:81px;
		width:500px;
}

#bannermain.en {
		background-image:url(../images/background-header-popup-en.jpg);
}    	

#date {
		background-image: url(../images/text-date-popup-fr.gif);
		background-repeat:no-repeat;
		background-position:top left;
		height:16px;
		width:500px;
}

#date.en {
		background-image: url(../images/text-date-popup-en.gif);
}

#main {
		margin:0px 20px 20px 20px;
    width: 460px;
    text-align: left;
     }
     
/* formulaires  */

form {
margin: 2px 0px;
display:inline;
}

input,select,textarea {
font-size: 11px;
background-color: #f7f7f7;
color: #000000;
border: 1px solid #CCCCCC;
margin:1px;
	 }
	  
.bouton {
font-size: 11px;
color: #FFFFFF;
font-weight:bold;
background-color: #9dc200;
border:1 px dotted #CCCCCC;
margin: 3px 0px 0px 7px;
	 }

/*contenu principal */	 
	 
h1 {
		font-size:12px;
		border-top: dotted black 1px;
		border-bottom: dotted black 1px;
		color:#e53601;
		text-transform:uppercase;
		clear:right;
}	

h2 {
		font-size:14px;
		font-weight:bold;
		color:#243185;
}

.accroche {
		background-image: url(../images/fleche-simple-d.gif);
		background-repeat:no-repeat;
		background-position:top left;
		color:#91B200;
		padding:4px 0px 2px 19px;
}

.accroche a {
		font-weight:bold;
}

.utils {
		border-top: dotted black 1px;
		border-bottom: dotted black 1px;
		height:20px;
		font-weight:bold;
}

.utils span {
		float:right;
		margin-left: 20px;
		padding-top:3px;
}

.utils img {
		margin-right:4px;
		vertical-align:middle;
}

img.droite {
		margin-left:10px;
		margin-bottom:10px;
}

a 	{
		color:#91B200;
		}

a:hover, #footer a:hover 	{
		color:#e53601;
		}	 	
		
hr {
		border: none 0;	
		height:1px;
		border-bottom: dotted black 1px;
		}
		
.gauche 	{
		float:left;
		}

.droite 	{
		float:right;
		}		
/* Tableaux programmes */

.matinee, .apresmidi {
width:627px;
border:1px dotted black;
text-align:left;
border-collapse:collapse;
}

.matinee td, .apresmidi td {
border:1px dotted black;
padding:2px;
}

.horaires {
background-image: url(../images/horaires-am.gif);
background-repeat:no-repeat;
background-position:center center;
width:40px;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
text-align:center;	
}

.apresmidi .horaires {
background-image: url(../images/horaires-pm.gif);
}

.apresmidi h4, .apresmidi h5, .apresmidi h6, .bleu {
color:#006eb6;
font-weight:bold;
display:inline;
}

.matinee h4, .matinee h5, .matinee h6, .orange {
color:#ef8e00;
font-weight:bold;
display:inline;
}

.matinee h4, .matinee h5, .apresmidi h4, .apresmidi h5 {
text-transform:uppercase;
}

.matinee h5, .matinee h6, .apresmidi h5, .apresmidi h6 {
font-size:11px;
}

.matinee h4, .apresmidi h4 {
font-size:12px;
height:16px;
padding:2px 0px 0px 45px;
width:627px;
}

.matinee .titre {
background-image:url(../images/fond-am.gif);
background-repeat:no-repeat;
background-position:center center;
}

.apresmidi .titre {
background-image:url(../images/fond-pm.gif);
background-repeat:no-repeat;
background-position:center center;
}

.matinee img, .apresmidi img {
vertical-align:middle;
}