/*------------------------------------
* La feuille de style du site Films
*------------------------------------
*/
header{
 background-color: white;
	margin:0;
	position:fixed;
	top:0;
	width: 100%;
}

.contenant {
	padding-top:130px;
	padding-bottom: 60px;
}

footer{
	position:fixed;
	bottom:0;
	width: 100%;
  background-color: white;
	clear: both;
/*  height:50px;
	display: block;
*/
}

/* Le fond est toujours en blanc    */

BODY {
 background-color: white;
	height:auto!important;
	min-height:100%;
	height:100%;
}

/* On utilise une couleur rouge pour les ancres
 * et les entêtes
 */

#limenu {
 float: left;
 padding: 0 0 0 0;
 list-style-type: none;
 }
 
#limenu li{
 float: left;
 margin: 0 5px 0 5px;
 font-size:large;
 }
 
#limenu  li a {
 padding: 2px 10px 2px 10px;
 text-decoration:none;
 font-weight: bold;
 color: #ccc;
 color: rgba(255, 255, 255, 0.9);
/* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.echange {
 margin: 20px;
 padding: 3px 15px;
 text-decoration: none;
 font-family: Helvetica, Arial, sans-serif;
 font-weight: bold;
 line-height: 1;
 color: #444;
 border: none;
 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#BBBBBB), color-stop(.6,#C7C7C7));
 background-image: -moz-linear-gradient(0% 100% 90deg,#FFFFFF, #BBBBBB, #C7C7C7 100%);
 background-color: #fff;
 -webkit-border-radius: 23px;
 -moz-border-radius: 23px;
 -o-border-radius: 23px;
 border-radius: 23px;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 boxshadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 }
 
.date_passee {
  color: RED;
}

#limenu li a:hover,
#limenu li a:focus {
  color: #fff;
  background: rgba(255, 255, 255, 0.35);
  -webkit-border-radius: 14px;
 /*-moz-border-radius: 14px;*/
  border-radius: 14px;
  font-size:large;
  text-transform:uppercase;
  cursor: pointer;
}
 

/*A, H1, H2, H3 {color: #ca0000}*/
A, H1, H2, H3 {color: #ca0000}

CAPTION {font-size:large; color: #ca0000}

/* Alternance des couleurs pour les lignes des tables */

TR.A0 {background-color:white}
TR.A1 {background-color:yellow}

TR.MENU {
 background-image: linear-gradient( top, #DC143C, #C0000A 90%);
 background-image: -moz-linear-gradient( top, #DC143C, #C0000A 90%);
 background-image: -o-linear-gradient( top, #DC143C, #C0000A 90%);
 background-image: -webkit-linear-gradient( top, #DC143C, #C0000A 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DC143C), to(#C0000A));
 background-image: -ms-linear-gradient( top, #DC143C, #C0000A 90%);
 background-color:#c0000a;
 vertical-align:middle;
}

TD,
TR {
 padding-left: 4px;
 padding-right: 4px;
}

TR.REGISTRE {
 background-image: linear-gradient( top, #FAAE5A, #FDBFB7 90%);
 background-image: -moz-linear-gradient( top, #FAAE5A, #FDBFB7 90%);
 background-image: -o-linear-gradient( top, #FAAE5A, #FDBFB7 90%);
 background-image: -webkit-linear-gradient( top, #FAAE5A, #FDBFB7 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAAE5A), to(#FDBFB7));
 background-image: -ms-linear-gradient( top, #FAAE5A, #FDBFB7 90%);
 background-color:#FDBFB7;
 font-style:italic;
}
TR.SD {
 background-image: linear-gradient( top, #FF4500, #FF9900 90%);
 background-image: -moz-linear-gradient( top, #FF4500, #FF9900 90%);
 background-image: -o-linear-gradient( top, #FF4500, #FF9900 90%);
 background-image: -webkit-linear-gradient( top, #FF4500, #FF9900 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF4500), to(#FF9900));
 background-image: -ms-linear-gradient( top, #FF4500, #FF9900 90%);
 background-color:#FF9900;
 text-decoration: blink;
 font-style:italic;
 font-weight:bold;
}
TR.SDL {
 background-image: linear-gradient( top, #FF4500, #FF9900 90%);
 background-image: -moz-linear-gradient( top, #FF4500, #FF9900 90%);
 background-image: -o-linear-gradient( top, #FF4500, #FF9900 90%);
 background-image: -webkit-linear-gradient( top, #FF4500, #FF9900 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF4500), to(#FF9900));
 background-image: -ms-linear-gradient( top, #FF4500, #FF9900 90%);
 background-color:#FF9900;
}
TR.WDP {
 background-image: linear-gradient( top, #FF45FF, #FF99FF 90%);
 background-image: -moz-linear-gradient( top, #FF45FF, #FF99FF 90%);
 background-image: -o-linear-gradient( top, #FF45FF, #FF99FF 90%);
 background-image: -webkit-linear-gradient( top, #FF45FF, #FF99FF 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF45FF), to(#FF99FF));
 background-image: -ms-linear-gradient( top, #FF45FF, #FF99FF 90%);
 background-color:#FF99FF;
 text-decoration: blink;
 font-style:italic;
 font-weight:bold;
}
TR.WDPL {
 background-image: linear-gradient( top, #FF45FF, #FF99FF 90%);
 background-image: -moz-linear-gradient( top, #FF45FF, #FF99FF 90%);
 background-image: -o-linear-gradient( top, #FF45FF, #FF99FF 90%);
 background-image: -webkit-linear-gradient( top, #FF45FF, #FF99FF 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF45FF), to(#FF99FF));
 background-image: -ms-linear-gradient( top, #FF45FF, #FF99FF 90%);
 background-color:#FF99FF;
}
TR.R2 {
 background-image: linear-gradient( top, #A2D700, #A2FF85 90%);
 background-image: -moz-linear-gradient( top, #A2D700, #A2FF85 90%);
 background-image: -o-linear-gradient( top, #A2D700, #A2FF85 90%);
 background-image: -webkit-linear-gradient( top, #A2D700, #A2FF85 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A2D700), to(#A2FF85));
 background-image: -ms-linear-gradient( top, #A2D700, #A2FF85 90%);
 background-color:#A2FF85;
 text-decoration: blink;
 font-style:italic;
 font-weight:bold;
}
TR.R2L {
 background-image: linear-gradient( top, #A2D700, #A2FF85 90%);
 background-image: -moz-linear-gradient( top, #A2D700, #A2FF85 90%);
 background-image: -o-linear-gradient( top, #A2D700, #A2FF85 90%);
 background-image: -webkit-linear-gradient( top, #A2D700, #A2FF85 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A2D700), to(#A2FF85));
 background-image: -ms-linear-gradient( top, #A2D700, #A2FF85 90%);
 background-color:#A2FF85;
}
TR.SCH {
 background-image: linear-gradient( top, #FFD700, #FFCC66 90%);
 background-image: -moz-linear-gradient( top, #FFD700, #FFCC66 90%);
 background-image: -o-linear-gradient( top, #FFD700, #FFCC66 90%);
 background-image: -webkit-linear-gradient( top, #FFD700, #FFCC66 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFD700), to(#FFCC66));
 background-image: -ms-linear-gradient( top, #FFD700, #FFCC66 90%);
 background-color:#FFCC66;
 text-decoration: blink;
 font-style:italic;
 font-weight:bold;
}
TR.SCHL {
 background-image: linear-gradient( top, #FFD700, #FFCC66 90%);
 background-image: -moz-linear-gradient( top, #FFD700, #FFCC66 90%);
 background-image: -o-linear-gradient( top, #FFD700, #FFCC66 90%);
 background-image: -webkit-linear-gradient( top, #FFD700, #FFCC66 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFD700), to(#FFCC66));
 background-image: -ms-linear-gradient( top, #FFD700, #FFCC66 90%);
 background-color:#FFCC66;
}
TR.INS {
 background-image: linear-gradient( top, #00BFFF, #33CCCC 90%);
 background-image: -moz-linear-gradient( top, #00BFFF, #33CCCC 90%);
 background-image: -o-linear-gradient( top, #00BFFF, #33CCCC 90%);
 background-image: -webkit-linear-gradient( top, #00BFFF, #33CCCC 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00BFFF), to(#33CCCC));
 background-image: -ms-linear-gradient( top, #00BFFF, #33CCCC 90%);
 background-color:#33CCCC;
 text-decoration: blink;
 font-style:italic;
 font-weight:bold;
}
TR.INSL {
 background-image: linear-gradient( top, #00BFFF, #33CCCC 90%);
 background-image: -moz-linear-gradient( top, #00BFFF, #33CCCC 90%);
 background-image: -o-linear-gradient( top, #00BFFF, #33CCCC 90%);
 background-image: -webkit-linear-gradient( top, #00BFFF, #33CCCC 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0077FF), to(#33CCCC));
 background-image: -ms-linear-gradient( top, #00BFFF, #33CCCC 90%);
 background-color:#33CCCC;
}
TR.MAT {
 background-image: linear-gradient( top, #FF69B4, #FF66CC 90%);
 background-image: -moz-linear-gradient( top, #FF69B4, #FF66CC 90%);
 background-image: -o-linear-gradient( top, #FF69B4, #FF66CC 90%);
 background-image: -webkit-linear-gradient( top, #FF69B4, #FF66CC 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF69B4), to(#FF66CC));
 background-image: -ms-linear-gradient( top, #FF69B4, #FF66CC 90%);
 background-color:#FF66CC;
 text-decoration: blink;
 font-style:italic;
 font-weight:bold;
}
TR.MATL {
 background-image: linear-gradient( top, #FF69B4, #FF66CC 90%);
 background-image: -moz-linear-gradient( top, #FF69B4, #FF66CC 90%);
 background-image: -o-linear-gradient( top, #FF69B4, #FF66CC 90%);
 background-image: -webkit-linear-gradient( top, #FF69B4, #FF66CC 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF69B4), to(#FF66CC));
 background-image: -ms-linear-gradient( top, #FF69B4, #FF66CC 90%);
 background-color:#FF66CC;
}
TR.COM {
 background-image: linear-gradient( top, #7CFC00, #33CC00 90%);
 background-image: -moz-linear-gradient( top, #7CFC00, #33CC00 90%);
 background-image: -o-linear-gradient( top, #7CFC00, #33CC00 90%);
 background-image: -webkit-linear-gradient( top, #7CFC00, #33CC00 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7CFC00), to(#33CC00));
 background-image: -ms-linear-gradient( top, #7CFC00, #33CC00 90%);
 background-color:#33CC00;
 text-decoration: blink;
 font-style:italic;
 font-weight:bold;
}
TR.COML {
 background-image: linear-gradient( top, #7CFC00, #33CC00 90%);
 background-image: -moz-linear-gradient( top, #7CFC00, #33CC00 90%);
 background-image: -o-linear-gradient( top, #7CFC00, #33CC00 90%);
 background-image: -webkit-linear-gradient( top, #7CFC00, #33CC00 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7CFC00), to(#33CC00));
 background-image: -ms-linear-gradient( top, #7CFC00, #33CC00 90%);
 background-color:#33CC00;
}

TR.GRIS {
 background-image: linear-gradient( top, #808080, #CCCCCC 90%);
 background-image: -moz-linear-gradient( top, #808080, #CCCCCC 90%);
 background-image: -o-linear-gradient( top, #808080, #CCCCCC 90%);
 background-image: -webkit-linear-gradient( top, #808080, #CCCCCC 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#CCCCCC));
 background-image: -ms-linear-gradient( top, #808080, #CCCCCC 90%);
 background-color:#CCCCCC
}

TR.GRISS {
 background-image: linear-gradient( top, #DCDCDC, #969696 90%);
 background-image: -moz-linear-gradient( top, #DCDCDC, #969696 90%);
 background-image: -o-linear-gradient( top, #DCDCDC, #969696 90%);
 background-image: -webkit-linear-gradient( top, #DCDCDC, #969696 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DCDCDC), to(#969696));
 background-image: -ms-linear-gradient( top, #DCDCDC, #969696 90%);
 background-color:#969696
}

TR.ROUGE {
 background-image: linear-gradient( top, #DC143C, #D02F2B 90%);
 background-image: -moz-linear-gradient( top, #DC143C, #D02F2B 90%);
 background-image: -o-linear-gradient( top, #DC143C, #D02F2B 90%);
 background-image: -webkit-linear-gradient( top, #DC143C, #D02F2B 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DC143C), to(#D02F2B));
 background-image: -ms-linear-gradient( top, #DC143C, #D02F2B 90%);
 background-color:#D02F2B
}

TR.ORANGE {
 background-image: linear-gradient( top, #FF8C00, #FF7F27 90%);
 background-image: -moz-linear-gradient( top, #FF8C00, #FF7F27 90%);
 background-image: -o-linear-gradient( top, #FF8C00, #FF7F27 90%);
 background-image: -webkit-linear-gradient( top, #FF8C00, #FF7F27 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF8C00), to(#FF7F27));
 background-image: -ms-linear-gradient( top, #FF8C00, #FF7F27 90%);
 background-color:#FF7F27
}

TR.ROSE {
 background-image: linear-gradient( top, #FF1493, #FF00FF 90%);
 background-image: -moz-linear-gradient( top, #FF1493, #FF00FF 90%);
 background-image: -o-linear-gradient( top, #FF1493, #FF00FF 90%);
 background-image: -webkit-linear-gradient( top, #FF1493, #FF00FF 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF1493), to(#FF00FF));
 background-image: -ms-linear-gradient( top, #FF1493, #FF00FF 90%);
 background-color:#FF00FF
}

TR.VIOLET {
 background-image: linear-gradient( top, #D02090, #FFCCFF 90%);
 background-image: -moz-linear-gradient( top, #D02090, #FFCCFF 90%);
 background-image: -o-linear-gradient( top, #D02090, #FFCCFF 90%);
 background-image: -webkit-linear-gradient( top, #D02090, #FFCCFF 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D02090), to(#FFCCFF));
 background-image: -ms-linear-gradient( top, #D02090, #FFCCFF 90%);
 background-color:#FFCCFF
}
 
TD.GRIS {
 background-image: linear-gradient( top, #808080, #CCCCCC 90%);
 background-image: -moz-linear-gradient( top, #808080, #CCCCCC 90%);
 background-image: -o-linear-gradient( top, #808080, #CCCCCC 90%);
 background-image: -webkit-linear-gradient( top, #808080, #CCCCCC 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#CCCCCC));
 background-image: -ms-linear-gradient( top, #808080, #CCCCCC 90%);
 background-color:#CCCCCC
}

TD.GRISS {
 background-image: linear-gradient( top, #DCDCDC, #969696 90%);
 background-image: -moz-linear-gradient( top, #DCDCDC, #969696 90%);
 background-image: -o-linear-gradient( top, #DCDCDC, #969696 90%);
 background-image: -webkit-linear-gradient( top, #DCDCDC, #969696 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DCDCDC), to(#969696));
 background-image: -ms-linear-gradient( top, #DCDCDC, #969696 90%);
 background-color:#969696
}

TR.PROPOSITION {
 background-image: linear-gradient( top, #DCDCDC, #FFFFFF 90%);
 background-image: -moz-linear-gradient( top, #DCDCDC, #FFFFFF 90%);
 background-image: -o-linear-gradient( top, #DCDCDC, #FFFFFF 90%);
 background-image: -webkit-linear-gradient( top, #DCDCDC, #FFFFFF 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DCDCDC), to(#FFFFFF));
 background-image: -ms-linear-gradient( top, #DCDCDC, #FFFFFF 90%);
 background-color:#FFFFFF
}

TR.COMMANDE {
 background-image: linear-gradient( top, #8B0000, #FF0000 90%);
 background-image: -moz-linear-gradient( top, #8B0000, #FF0000 90%);
 background-image: -o-linear-gradient( top, #8B0000, #FF0000 90%);
 background-image: -webkit-linear-gradient( top, #8B0000, #FF0000 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8B0000), to(#FF0000));
 background-image: -ms-linear-gradient( top, #8B0000, #FF0000 90%);
 background-color:#FF0000
}

TR.REALISATION {
 background-image: linear-gradient( top, #FF4500, #FF8800 90%);
 background-image: -moz-linear-gradient( top, #FF4500, #FF8800 90%);
 background-image: -o-linear-gradient( top, #FF4500, #FF8800 90%);
 background-image: -webkit-linear-gradient( top, #FF4500, #FF8800 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF4500), to(#FF8800));
 background-image: -ms-linear-gradient( top, #FF4500, #FF8800 90%);
 background-color:#FF8800
}

TR.TERMINE {
 background-image: linear-gradient( top, #3CB371, #00FF44 90%);
 background-image: -moz-linear-gradient( top, #3CB371, #00FF44 90%);
 background-image: -o-linear-gradient( top, #3CB371, #00FF44 90%);
 background-image: -webkit-linear-gradient( top, #3CB371, #00FF44 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3CB371), to(#00FF44));
 background-image: -ms-linear-gradient( top, #3CB371, #00FF44 90%);
 background-color:#00FF44
}

TR.SANSSUITE {
 background-image: linear-gradient( top, #BBBBBB, #CCCCCC 90%);
 background-image: -moz-linear-gradient( top, #BBBBBB, #CCCCCC 90%);
 background-image: -o-linear-gradient( top, #BBBBBB, #CCCCCC 90%);
 background-image: -webkit-linear-gradient( top, #BBBBBB, #CCCCCC 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BBBBBB), to(#CCCCCC));
 background-image: -ms-linear-gradient( top, #BBBBBB, #CCCCCC 90%);
 background-color:#CCCCCC
}

TR.ASUIVRE {
 background-image: linear-gradient( top, #BBBBBB, #80FF80 90%);
 background-image: -moz-linear-gradient( top, #BBBBBB, #80FF80 90%);
 background-image: -o-linear-gradient( top, #BBBBBB, #80FF80 90%);
 background-image: -webkit-linear-gradient( top, #BBBBBB, #80FF80 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BBBBBB), to(#80FF80));
 background-image: -ms-linear-gradient( top, #BBBBBB, #80FF80 90%);
 background-color:#80FF80
}

TR.ASUIVREOBS {
 background-image: linear-gradient( top, #BBBBBB, #80FF80 90%);
 background-image: -moz-linear-gradient( top, #BBBBBB, #80FF80 90%);
 background-image: -o-linear-gradient( top, #BBBBBB, #80FF80 90%);
 background-image: -webkit-linear-gradient( top, #BBBBBB, #80FF80 90%);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BBBBBB), to(#80FF80));
 background-image: -ms-linear-gradient( top, #BBBBBB, #80FF80 90%);
 background-color:#80FF80;
 text-decoration: blink;
 font-style:italic;
 font-weight:bold;
}

/* Pour le menu : le fond est rouge, les ancres ne sont pas soulignées
 *  et apparaissent en blanc   
 */

TD.MENU{
 vertical-align:middle;
}

A.MENU {color:white;text-decoration:none;background-color:#ca0000;
             font-weight:bold;font-family:sans-serif;font-size:medium;
             opacity:.6;
        -webkit-border-radius: 10px;
/*        -moz-border-radius: 10px;*/
        border-radius: 10px;             
             -webkit-transition: all 0.3s ease;
             -moz-transition: all 0.3s ease;
             -o-transition: all 0.3s ease;
             transition: all 0.3s ease;
             } 

             
A.MENU:hover,
A.MENU:focus {font-size:large;opacity:1}          /* Pour le titre : couleur rouge, police de grande taille */

TD.TITRE {color:#ca0000;font-weight:bold;text-align:center;
                 font-family:sans-serif;font-size:x-large;text-shadow: 2px 2px 4px #999; border-spacing: 0.5em;
}
                 
/* Alignement du contenu d'une cellule */

TD.DROITE {text-align:right}
TD.CENTRE {text-align:center}

TABLE.GRIS {background-color:#CCCCCC}
TABLE.ROUGE {background-color:#FFCCCC}
TABLE.VIOLET {background-color:#FFFFCC}
TABLE.lesaviezvous {background-image:url(../images/lesaviezvous.jpg);height:200px;width:600px}

TABLE {
 border-collapse:collapse;
 border-spacing: 10px;
 padding: 10px;
}
table.centre {
  margin: 10px  auto;
}
table.privezero {
  table-layout: auto;
  width: 100%;
  height: 68%;
}

table.priveun {
  table-layout: auto;
  width: 100%;
  height: 68%;
}

TABLE.tbmenu {
 table-layout: auto;
 width: 100%;
}

table.tableau {
 width: 100%;
 table-layout: auto;
}

#tableau {
 border-width: 1px;
 border-color: black;
 border-style: solid;
}

#tableau td {
 border-width: 1px;
 border-color: black;
 border-style: solid;
}

#tableau tr {
 border-width: 1px;
 border-color: black;
 border-style: solid;
}