/* CSS Document by Das */
/* couleurs Video Pilote :
  bleu : #202e53
  rouge : #e32118
  jaune : #ffed00
  bleu clair : #e9eaee (pour le site)
  rouge clair : #f39f7b (pour le site) */
  
  
/* elements generaux */
* {margin: 0; padding: 0; border: 0;}
ul, li, ol {list-style-type: none;}
.nettoyeur {clear: left; margin: 10px 0 30px; border: none; height: 1px; color: #ccc; background-color: #ccc;}

body {
  padding: 0 auto;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 11px;
  color: #000;
  background-color: #fff;
}

#conteneur {
  width: 760px;
  margin: 10px auto 0;
}

h1{
  position: absolute;
  margin: 0;
  padding:0;
  text-indent: -5000px;
  line-height: 1px;
  font-size: 1px;
}
#entete {
  height: 110px;
}
#logo img, #reservation img {
  display: block;
  float: left;
  width: 380px;
  height: 110px;
}

#contenu {
  background-image: url(http://video-pilote.com/IMG/interface/contenu-fond.png);
  background-repeat: repeat-y;
  border-bottom: 3px solid #202e53;  
}

/* le menu principal */
#menu {
  position: absolute;
  width: 750px;
  margin: 0 5px;
  z-index: 1000;
  font-size: 10px;
}
#menuderoulant li {
  float: left;
}
#menuderoulant li a {
  display: block;
  height: 20px;
  width: 149px;
  border-right: 1px solid #fff;
  line-height: 20px;
  background-image: url(http://video-pilote.com/IMG/interface/menu-pub.png);
  background-repeat: repeat-x;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
#menuderoulant li a:hover {
  background-image: url(http://video-pilote.com/IMG/interface/menu-pub-hover.png);
}
#menuderoulant li a.pro {
  width: 150px;
  border-right: 0;
  background-image: url(http://video-pilote.com/IMG/interface/menu-pro.png);
  background-repeat: repeat-x;
}
#menuderoulant li a.pro:hover {
  background-image: url(http://video-pilote.com/IMG/interface/menu-pro-hover.png);
}
#menuderoulant .sousmenu {
  display: none;
  list-style-type: none;
  float: none;
  width: 104px;
  text-align: right;
  font-weight: normal;
}
#menuderoulant .sousmenu li a:link, #menuderoulant .sousmenu li a:visited {
  display: block;
  text-decoration: none;
  background-image: none;
  background-color: #e32118;
  border-top: 1px solid #fff;
  filter: alpha(opacity=90); /* filtre IE */
  -moz-opacity: 0.90; /* filtre mozilla */
  opacity: 0.90; /* filtre css 3 */

}
#menuderoulant .sousmenu li a:hover {
  display: block;
  text-decoration: none;
  background-image: none;
  background-color: #e32118;
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
}
#menuderoulant li:hover > .sousmenu {
  display: block;
}

/* le bloc recherche / newsletter */
#recherche {
  clear: both;
  display: block;
  padding-top: 30px;
  height: 40px;
  margin: 0 5px;
  background-color: #e9eaee;
}
#recherche form {
  float: left;
  margin: 10px 15px 0;
}
#recherche form input {
  border: 1px solid #202e53;
}
#recherche .text-input {
  width: 100px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
#recherche .submit-input {
  background-color: #202e53;
  color: #fff;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

/* la structure en trois colonnes */
#colonne_gauche {
  margin-top: 5px;
  float: left;
  width: 160px;
}
#colonne_gauche div {
  margin: 10px 5px 10px 10px;
  border: 2px solid #e32118;
}

#colonne_droite {
  margin-top: 5px;
  float: left;
  width: 160px;
}
#colonne_droite div {
  margin: 10px 10px 10px 5px;
  border: 2px solid #e32118;
}

#centre {
  margin-top: 5px;
  float: left;
  width: 430px;
}
#centre div div {
  margin: 10px 5px;
  border: 2px solid #e32118;
}

#colonne_gauche div h2, #colonne_droite div h2, #centre div h2 {
  padding: 5px 5px 2px;
  margin-bottom: 5px;
  height: 17px;
  font-size: 14px;
  text-align: right;
  color: #fff;
  border-bottom: 1px dashed #fff !important;
  border-bottom: 1px dashed #8f96a9;
  background-color: #8f96a9;
  background-image: url(http://video-pilote.com/IMG/interface/h2.png);
  background-position: top left;
  background-repeat: no-repeat;
}
h3 {
  color: #202e53;
  font-size: 14px;
  text-align: right;
  padding-right: 5px;
}
#colonne_gauche div p, #colonne_droite div p, #centre div div p {
  text-align: center;
  margin: 5px 5px 10px;
}
#centre div div p {
  text-align: justify;
  line-height: 14px;
}
#colonne_gauche div a, #colonne_droite div a, #centre div div a {
  color: #202e53;
  text-decoration: none;
  border-bottom: 1px dashed;
}
#colonne_gauche div a:hover, #colonne_droite div a:hover, #centre div div a:hover {
  border-bottom: 1px solid;
}

/* le pied de page */
#pied {
  clear: both;
  display: block;
  height: 30px;
  line-height: 30px;
  margin: 0 5px;
  background-color: #e9eaee;
  text-align: center;
}
#pied ul li {
  display: inline;
  margin: 0 10px;
}
#pied ul li a {
  color: #000;
  text-decoration: none;
}

/* les images */
img {
  display: block;
}
.image_gauche {
  float: left;
  margin: 5px;
  padding: 2px;
  border: 2px solid #202e53;
}
.image_centre {
  margin: auto;
  padding: 2px;
  border: 2px solid #202e53;
}
.image_droite {
  float: right;
  margin: 5px;
  padding: 2px;
  border: 2px solid #202e53;
}

/* les astuces de l'astucieux */
.nettoyeur {
  display: block;
  clear: both;
}
.invisible {
  display: none;
}

/* les elements propre a chaque page */
/* template_HP.inc */
#centre div div#edito, #centre div div#alaune {
  border: 0;
}
#edito h2 {
  display: none;
}

/* template_FICHE.inc */
#fiche_film h3 {
  font-size: 20px;
}
#fiche_film img {
  float: left;
  margin: 5px;
  padding: 2px;
  border: 2px solid #202e53;
}
#fiche_film ul, #choix_film ul {
  margin: 5px;
}
#fiche_film ul li, #choix_film ul li {
  margin: auto 0 5px 15px;
  list-style-image: url(http://video-pilote.com/IMG/interface/li.png);
}

#choix_film ul li a {
  border: 0;
}

/* template_FICHE.inc */
#article img {
  float: left;
  margin: 5px;
  padding: 2px;
  border: 2px solid #202e53;
}

/* template_LIST_FILM.inc */
#list_film h3 {
  font-size: 20px;
}
#centre div div div#fiche_liste_film {
  border: 0;
  border-top: 2px solid #202e53;
}
#fiche_liste_film a img {
  float: left;
  margin: 5px;
  padding: 2px;
  border: 2px solid #202e53;
}
#fiche_liste_film h4 {
  margin-top: 5px;
  text-align: right;
  font-size: 16px;
}
#fiche_liste_film ul {
  margin: 5px;
}
#fiche_liste_film ul li {
  margin: auto 0 5px 15px;
  list-style-image: url(http://video-pilote.com/IMG/interface/li.png);
}

/* template_TV.inc */
#tv h3 {
  font-size: 20px;
}
#centre div div div#fiche_tv {
  border: 0;
}
#centre div div div#fiche_tv div#player {
  border: 0;
  width: 406px;
  height: 320px;
  margin: 0;
  padding: 0;
  background-image: url(http://video-pilote.com/IMG/interface/fond-bandes-annonces.jpg);
}
#centre div div div#fiche_tv div#player object {
  border: 0;
  width: 352px;
  height: 261px;
  margin: 44px auto auto 39px;
}
#centre div div div#fiche_tv p a img {
  float: left;
  margin-right: 10px;
}
#centre div div div#fiche_tv p {
  margin-bottom: 30px;
}

/* template VIDEO_FICHE.inc */
#fiche_magasin h3 {
  font-size: 20px;
}
#fiche_magasin img {
  margin: 10px auto;
  padding: 2px;
  border: 5px solid #202e53;
}
#fiche_magasin a img {
  border: 0;
}

/* template_PARADE.inc */
#parade h3 {
  font-size: 20px;
}
#centre div div#parade div {
  width: 198px;
  height: 150px;
  border: 0;
  float: left;
  text-align: center;
}
#centre div div#parade div a img {
  margin: 10px auto;
  padding: 2px;
  border: 2px solid #202e53;
}
.hit1 {
  background-image: url(http://video-pilote.com/IMG/interface/hit1.jpg);
  background-repeat: no-repeat;
}
.hit2 {
  background-image: url(http://video-pilote.com/IMG/interface/hit2.jpg);
  background-repeat: no-repeat;
}
.hit3 {
  background-image: url(http://video-pilote.com/IMG/interface/hit3.jpg);
  background-repeat: no-repeat;
}
.hit4 {
  background-image: url(http://video-pilote.com/IMG/interface/hit4.jpg);
  background-repeat: no-repeat;
}
.hit5 {
  background-image: url(http://video-pilote.com/IMG/interface/hit5.jpg);
  background-repeat: no-repeat;
}
.hit6 {
  background-image: url(http://video-pilote.com/IMG/interface/hit6.jpg);
  background-repeat: no-repeat;
}
.hit7 {
  background-image: url(http://video-pilote.com/IMG/interface/hit7.jpg);
  background-repeat: no-repeat;
}
.hit8 {
  background-image: url(http://video-pilote.com/IMG/interface/hit8.jpg);
  background-repeat: no-repeat;
}
.hit9 {
  background-image: url(http://video-pilote.com/IMG/interface/hit9.jpg);
  background-repeat: no-repeat;
}
.hit10 {
  background-image: url(http://video-pilote.com/IMG/interface/hit10.jpg);
  background-repeat: no-repeat;
}

/* template_CARTEBONUS.inc */
#carte_bonus h3 {
  font-size: 20px;
}
#carte_bonus form {
  margin: 10px 15px 0;
}
#carte_bonus form input, #carte_bonus form select {
  border: 1px solid #202e53;
}
#carte_bonus .text-input {
  width: 200px;
}
#carte_bonus .submit-input {
  background-color: #202e53;
  color: #fff;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
#centre div div#carte_bonus div {
  width: 120px;
  height: 200px;
  border: 0;
  float: left;
  text-align: center;
}
#centre div div#carte_bonus div img {
  margin: 10px auto;
  padding: 2px;
  border: 2px solid #202e53;
}

/* cnx_pro.inc */
#connexion_pro form h3 {
  margin-bottom: 15px;
}
#connexion_pro form .formulaire {
  display: block;
  border: 1px solid #202e53;
  margin: 15px;
  padding: 5px;
  text-align: right;
  background-color: #e9eaee;
}
#connexion_pro form input {
  border: 1px solid #202e53;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
#connexion_pro form .submit-input {
  border: 1px solid #202e53;
  background-color: #202e53;
  margin: 5px 0;
  color: #fff;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
#connexion_pro form {
  line-height: 21px;
}

/* formulaire contact.php profil.php ... */
#profil form h3 {
  margin-bottom: 15px;
}
#profil form .formulaire {
  display: block;
  border: 1px solid #202e53;
  margin: 15px;
  padding: 5px;
  text-align: right;
  background-color: #e9eaee;
}
#profil form input, #profil form select, #profil form textarea {
  border: 1px solid #202e53;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
#profil form .submit-input {
  border: 1px solid #202e53;
  background-color: #202e53;
  margin: 5px 0;
  color: #fff;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
#profil form {
  line-height: 21px;
}


/* template_CONCOURS.inc */
#concours form h3 {
  font-size: 20px;
}
#concours form {
  margin: 15px;
}
#concours form h4 {
  margin-bottom: 10px;
  color: #202e53;
  font-size: 14px;
  text-align: left;
  padding-left: 5px;
}
#concours form ul {
  margin: 5px auto;
}
#concours form ul li {
  list-style-type: none;
  margin-bottom: 10px;
}
#concours form .submit-input {
  border: 1px solid #202e53;
  background-color: #202e53;
  color: #fff;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

/* template_VIDEO_HP.inc */
#carte_video_club h3 {
  font-size: 20px;
}
#carte_video_club img {
  float: left;
}
#carte_video_club ol {
  margin: 30px auto auto 297px;
}
#carte_video_club ol li {
  list-style-type: decimal;
  margin-bottom: 5px;
  font-weight: bold;
}

/* template_VIDEO_LIST.inc */
#video_list table {
  background-color: #202e53;
}
#video_list table tr.entete_tab td, #video_list table tr td {
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  margin: 1px;
  padding: 5px 2px;
}
#video_list table tr td {
  font-weight: normal;
  text-align: left;
}
#video_list table tr td.tab_ville {
	text-transform: uppercase;
}
#video_list table tr td.tab_adresse {
text-transform: lowercase;
}

/* template_HP_PRO.inc */
#hp_pro div h3 {
  font-size: 14px;
}
#hp_pro div h4 {
  color: #202e53;
  font-size: 14px;
  text-align: left;
  padding-left: 5px;
}
#hp_pro div#edito {
  border: 0;
  height: 200px;
}
#hp_pro div#edito img {
  float: left;
  margin: 5px;
}
#centre div div#hp_pro div.bloc_hp_pro {
  width: 190px;
  height: 200px;
  float: left;
}
#centre div div#hp_pro div.bloc_hp_pro ul li {
  margin-bottom: 5px;
}
.bloc_hp_pro ul {
  margin: 5px;
}
.bloc_hp_pro ul li {
  margin: auto 0 5px 15px;
  list-style-image: url(http://video-pilote.com/IMG/interface/li.png);
}
/* formulaire */
#accesbdc {
	border: 2px solid #666;
	background-color: yellow;
	padding: 10px;
	text-align: center;
}
#accesbdc input {
	display: block;
	margin-bottom : 5px;
}
#accesbdc label {
	display: block;
	width: 200px;
	float: left;
	font-weight: bold;
}
#accesbdc input {
	border: 1px solid #ccc;
	padding: 2px;
}
#go {
	border: 1px solid #ddd;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	background: #f00;
	color: #fff;
	padding: 5px;
}



/* pro_fiche.inc */
#pro_fiche img {
  float: left;
  margin: 5px;
  padding: 2px;
  border: 2px solid #202e53;
}
#pro_fiche h4 {
  margin-top: 30px;
  clear: left;
  color: #202e53;
  font-size: 14px;
  text-align: center;
  padding-right: 5px;
}
#pro_fiche ul {
  margin: 5px;
}
#pro_fiche ul li {
  margin: auto 0 5px 15px;
  list-style-image: url(http://video-pilote.com/IMG/interface/li.png);
}

/* la pagination */
#pagination {
  margin: 10px auto;
  list-style-type : none;
}
#pagination li {
  display: inline;
  margin: 5px;
}