﻿.clear {clear:both; width:100%; line-height:0; font-size:0;}
body {font-family:Tahoma, Arial;font-size:14px; color:#ffffff; background-color:#000000;}
.transparent50{opacity: 0.5; -moz-opacity:0.5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opaciy=50);}
.transparent90{opacity: 0.9; -moz-opacity:0.9; -ms-filter: "alpha(opacity=90)"; filter: alpha(opaciy=90);}
.transparent100{opacity: 0.1; -moz-opacity:1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opaciy=100);}
p {margin-bottom:18px;}.p1 {margin-bottom:8px;}.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}.p4 {margin-bottom:40px;}.p5 {margin-bottom:50px;}
.fleft {float:left;} .fright {float:right;} .fcenter {float:center;}
.alignright {text-align:right;} .alignleft {text-align:left;} .aligncenter {text-align:center;}
.it {font-style:italic;}
.letter {letter-spacing:-1px;}
.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#666;}
.color-4 {color:#3c3b3b;}
.color-5 {color:#f7095d;}
.espace { margin:10px}
.curseur_main {cursor:pointer;}
.buttons a:hover {cursor:pointer;}
a {text-decoration:none;color:#eeeeee; }
a:hover {color:#FFFFFF; } 
.sliderall {position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden }
.lien  { -moz-text-shadow:1px 1px 4px #000000; -webkit-text-shadow:1px 1px 4px #000000; text-shadow:1px 1px 4px #000000; padding:0 5 0 5px; margin:0 5px 0 5px }
.lien :hover { -moz-text-shadow:1px 1px 4px #ffffff; -webkit-text-shadow:1px 1px 4px #ffffff; text-shadow:1px 1px 4px #ffffff; padding:0 5 0 5px; margin:0 5px 0 5px }

h1 {font-size:60px; padding:0; margin:-20px 0 0 100px; font-family: 'Dynalight', cursive; font-weight:lighter  }
h2 {font-size:28px; font-family: 'Dynalight', cursive; font-weight:lighter;  color:#fff; margin:0; padding:10px 0 7px 24px; width:auto;  }

.text-1 {font-size:14px; line-height:22px; color:#f7095d;} 
.text-2 {font-size:10px; line-height:1.285em;} 
.text-3 {font-size:18px; line-height:22px; color:#f7095d;}
.text-4 {font-size:13px; line-height:1.285em; color:#888888;} 
.text-5 {font-size:30px; line-height:22px; color:#f7095d;} 
.text-6 {font-size:10px; line-height:1.285em; color:#f7095d;} 
.text-7 {font-size:16px; line-height:22px; color:#f7095d;}
.text-8 {font-size:16px; line-height:22px; }
.text-9 {font-size:22px; line-height:22px; color:#f7095d;}
.text-10 {font-size:16px; line-height:22px; color:#000000;}
.text-11 {font-size:12px; line-height:22px; color:#000000;}
.text-12 {font-size:10px; line-height:22px; color:#000000;}

.cnil {font-size:11px; width:320px; margin:0px auto; } 

.button0 {display:inline-block; text-decoration:none; margin:0; padding:0; width:168px; height:45px; text-indent:-5000px; position:absolute; bottom:16px; left:16px; background:url(../images/button.jpg) 0 0 no-repeat;}
.button0:hover {background:url(../images/button.jpg) 0 -45px no-repeat; cursor:pointer;}

#overlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.6;filter:alpha(opacity=0.6);z-index:100000;}
#preloader{width:64px; height:54px; left: 50%; margin: -32px 0 0 -32px; padding-top:7px; position: fixed;text-align: center; top: 50%; z-index: 100001;opacity:0.8;filter:alpha(opacity=0.8);-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px; border:1px solid #888888; background-color:#ffffff }

#block_contenu_fond{ z-index:0; display:block; position:absolute; left:200px; top:100px; right:20px;  bottom:90px;  background-color:#000000; border:1px solid #ffffff; opacity: 0.7; -moz-opacity: 0.7; -ms-filter: "alpha(opacity=70)"; filter:alpha(opacity=70); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#block_contenu{ z-index:0; display:block; position:absolute; left:200px; top:100px; right:20px;  bottom:90px; padding:0 20px 20px 20px; overflow:auto }

#block_mp3 { z-index:10; display:block; position:absolute;background-color:#000000; top:50px;  left:80px;  width:40px; height:30px; overflow:hidden; border:1px solid transparent ; text-align:center; opacity: 0.5; -moz-opacity: 0.5; -ms-filter: "alpha(opacity=50)"; filter:alpha(opacity=50);  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0px 0px 0px transparent; -webkit-box-shadow:0px 0px 0px transparent; box-shadow:0px 0px 0px transparent; }

#block_outils {z-index:1;  display:block; position:absolute; top:8px; right:0px; width:400px; height:19px; text-align:right; opacity: 0.9; -moz-opacity: 0.9; -ms-filter: "alpha(opacity=90)"; filter:alpha(opacity=90);
background-image:-moz-linear-gradient(left, transparent, black);
background-image:-webkit-linear-gradient(left, transparent, black);
background-image:-o-linear-gradient(left, transparent, black);
background-image:linear-gradient(left, transparent, black);
}
#block_outils img{ vertical-align:middle; }
#block_outils a:hover{ color:#ffffff; -moz-text-shadow:0px 0px 3px #000000; -webkit-text-shadow:0px 0px 3px #000000; text-shadow:0px 0px 3px #000000; }
#block_outils a{ color:#aaaaaa; -moz-text-shadow:0px 0px 3px #000000; -webkit-text-shadow:0px 0px 3px #000000; text-shadow:0px 0px 3px #000000;}
#block_outils input{ margin-top:-8px }

#block_logo { z-index:1; display:block; position:absolute; top:0px; left:50%; margin-left:-150px; width:300px; height:100px; text-align:center; opacity: 0.9; -moz-opacity: 0.9; -ms-filter: "alpha(opacity=90)"; filter:alpha(opacity=90);   }
#block_logo a{font-family: 'Dynalight', cursive;   color:#ffffff; }
#block_logo .div_logo1{font-size: 80px; margin-top:-5px;  overflow:hidden; height:100px;}
#block_logo .div_logo2{font-size: 30px; margin-top:-30px; overflow:hidden; height:40px; width:300px; margin-left:100px;}

#block_menu {z-index:1; display:block; position:absolute; left:20px; top:100px; width:160px; text-align:center;    }
#block_menu ul li {display:block; margin: 5px 10px 5px 10px; background-color:#ffffff;padding:2px 10px 2px 10px; margin:2px 2px 2px 2px;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; opacity: 0.5; -moz-opacity:0.5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opaciy=50);}
#block_menu ul li:hover { -moz-text-shadow:0px 0px 10px #000000; -webkit-text-shadow:0px 0px 10px #000000; text-shadow:0px 0px 10px #000000; -moz-box-shadow:0px 0px 10px #000000; -webkit-box-shadow:0px 0px 10px #000000; box-shadow:0px 0px 10px #000000; opacity: 1; -moz-opacity:1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opaciy=100);}
#block_menu ul .current { -moz-text-shadow:0px 0px 10px #000000; -webkit-text-shadow:0px 0px 10px #000000; text-shadow:0px 0px 10px #000000; -moz-box-shadow:0px 0px 10px #000000; -webkit-box-shadow:0px 0px 10px #000000; box-shadow:0px 0px 10px #000000; opacity: 1; -moz-opacity:1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opaciy=100);}
#block_menu ul li a{ text-decoration:none; font-family: 'Dynalight', cursive; font-size: 30px; width:100%; color:#000000; }

#block_copyright {z-index:1; display:block; position:absolute; bottom:0px; width:400px; right:0px; height:13px;  text-align:right; padding-right:20px; background-image:-moz-linear-gradient(left, transparent, black);background-image:-webkit-linear-gradient(left, transparent, black);background-image:-o-linear-gradient(left, transparent, black);background-image:linear-gradient(left, transparent, black);}
#block_copyright span {font-size:10px; line-height:1.285em; -moz-text-shadow:0px 0px 3px #000000; -webkit-text-shadow:0px 0px 3px #000000; text-shadow:0px 0px 3px #000000; } 

#block_bas {z-index:1; display:block; position:absolute; bottom:0px; width:100%; height:50px; text-align:center   }
#block_bas ul li {display:inline-block; margin: 5px 10px 5px 10px; background-color:#000000;padding:2px 10px 2px 10px; margin:2px 2px 2px 2px;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:1px 1px 10px #ffffff; -webkit-box-shadow:1px 1px 10px #ffffff; box-shadow:1px 1px 10px #ffffff; opacity: 0.5; -moz-opacity:0.5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opaciy=50);}
#block_bas ul li:hover {background-color:#ffffff; opacity: 1; -moz-opacity:1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opaciy=100); }
#block_bas ul .current {background-color:#ffffff; opacity: 1; -moz-opacity:1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opaciy=100); }
#block_bas ul li a{ text-decoration:none; font-family: 'Dynalight', cursive; font-size: 25px; width:200px; color:#ffffff; }
#block_bas ul li a:hover{color:#000000;}
#block_bas ul  .current a{color:#000000;}


.block_cinema_center { text-align:center }
.block_cinema {display:inline-block;
background-image:-moz-linear-gradient(#DDDDDD, #888888);
background-image:-webkit-linear-gradient( #DDDDDD, #888888);
background-image:-o-linear-gradient(#DDDDDD, #888888);
background-image:linear-gradient(#DDDDDD, #888888);
 width:320px; height:170px; margin:3px; padding:3px; border: 1px solid #ffffff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  } 
.block_cinema:hover {-moz-box-shadow:0px 0px 10px #FFFFFF; -webkit-box-shadow:0px 0px 10px #FFFFFF; box-shadow:0px 0px 10px #FFFFFF;
background-image:-moz-linear-gradient(#FFFFFF, #888888);
background-image:-webkit-linear-gradient( #FFFFFF, #888888);
background-image:-o-linear-gradient(#FFFFFF, #888888);
background-image:linear-gradient(#FFFFFF, #888888);

}
.block_cinema .photo, .block_cinema .photo img  {display:inline-block; width:128px; height:128px; margin-bottom:5px; border: 1px solid #ffffff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.block_cinema .resume {color:#000000; font-size:11px; display:inline-block; width:175px; height:123px; border-bottom: 1px dotted #222222; overflow:hidden; padding: 0 5px 8px 5px; word-wrap: break-word; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align:left }
.block_cinema .nom {color:#000000; font-size:15px; font-weight:bold; height:20px;  text-align:left; overflow:hidden; }
.block_cinema .date {color:#000000; font-size:14px; height:20px; text-align:center; overflow:hidden; }
.block_cinema .espacetrouve { position:relative; float:right; top:0px; right:0px; width:16px; height:16px;  }



.msgbox { position: absolute; z-index:10000; min-height:150px; margin-left:200px; padding:5px; margin-right:200px; margin-top:50px;color:#ffffff;border:1px solid #ffffff;background:url(images/msgbox.jpg) 0 0 repeat-x #aa0000;}
.info-bulle-contenu{display: none;position: absolute;background:red;padding: 6px;padding-left: 12px;padding-right: 12px;color: white;}

