@charset "utf-8";
/* CSS Document */

html {font-size: 100%;}
body {margin: 10px;padding: 0px 0px 0px 0px; font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; font-size: .8em; 
line-height: 1.0;background-color: #666;}


/* Global */


/* entete */
#entete {height: 130px; 
width: 100%; 
background-image:url(../images/logo_BopCity.jpg); border: solid 0px red ; 
background-repeat:no-repeat;}

#corp {height: 600px; padding: 0px 0px;margin: 3px 0px 0px 0px;
width: 100%; border: solid 0px green ; }

/* POLICES */
h1, h2, h3, h4, h5, h6 {margin: 1em 0 .5em 0;}
h1, h2 {font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;font-weight: normal;}
h1 {font-size: 3em;font-style: italic;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

p {margin: .75em 0;}

em {font-style: italic;}
strong {font-weight: bold;color: red;}

/* Listes */
ul, ol {margin: .75em 0 .75em 0;	padding: 0;}
ul {list-style: disc;}
li {margin: 0;padding: 0;}

/* Liens */
a.lien_bop_enregistrement {color: #8DB7E0;font-weight: 600;margin:0px;padding: 0px;text-decoration: none;font-size: .9em;text-align:left;}
a:hover.lien_bop_enregistrement {color: #FFF;font-weight: 600;margin:0px;padding: 0px;text-decoration: none;text-align:left;}

a.lien_bop_rep {color: #8DB7E0;font-weight: 600;margin:25px;padding-left: 30px;text-decoration: none;font-size: .9em;text-align:center;}
a:hover.lien_bop_rep {color: #FFF;font-weight: 600;margin:25px;padding-left: 30px;text-decoration: none;text-align:center;}

a.lien_bop_ref {color: #8DB7E0;font-weight: 300;margin:0px;padding: 0px;text-decoration: none;}
a:hover.lien_bop_ref {text-align:center;color: #FFF;font-weight: 300;margin:0px;padding: 0px;text-decoration: none;}
a.lien_bop_disco {color: #8DB7E0;font-weight: 600;margin:0px;padding: 0px; text-decoration: none;}
a:hover.lien_bop_disco {text-align:left;color: #FFF;font-weight: 600;margin:0px;padding: 0px; }
a.lien_bop_contact {text-align:left;color: #8DB7E0;font-weight: 600;margin:0px;padding: 0px;text-decoration: none; }
a:hover.lien_bop_contact  {text-align:left;color: #FFF;font-weight: 600;margin:0px;padding: 0px;text-decoration: none; }
a.lien_bop_videobloc {text-align:center;color: #8DB7E0;font-weight: 600;margin:0px;padding: 0px; }
a:hover.lien_bop_videobloc  {text-align:center;color: #FFF;font-weight: 600;margin:0px;padding: 0px; }

a img:hover{border:0px solid #;}

a.text_accueil_acces {color:#8DB7E0;font-weight: 600;margin:0px;padding: 0px;text-decoration: none;font-size: 1.5em;text-align:left;}
a:hover.text_accueil_acces {color: #FFF;font-weight: 600;margin:0px;padding: 0px;text-decoration: none;text-align:left;}




/* MENU DROIT*/

#menu_droit {position:absolute;width: 280px; height:580px;float: left;font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-weight: 300;

background-image:url(../images/cache_menu.png); border: solid 0px red ; 
background-repeat:x-repeat;
line-height:18pt;
}

#menu_droit a {padding: 0px 0px 0px 0px;font-size: 1.0em;text-decoration: none;color: #ddd; }
#menu_droit a:hover  {color: #999;font-weight: 300;margin:0px;}
#menu_droit a:active  {color: #eee;font-weight: 300;}
#menu_droit ul {margin: 10px;padding: 10px 25px;list-style: none;}

.temoin_page{text-decoration: none;list-style-image: url(../images/temoin.png); } /* display: list-item; */

#menu_bloc {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;line-height:20pt;}

/* MENU GAUCHE*/
#menu_gauche {position: relative;width: 250px;float: right;font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;font-weight: 400;
border: solid 0px blue ; margin: 10px 0px 0px 0px;}
#menu_gauche a {display: block;height: 1%;padding: 0px 0px 0px 0px;line-height: 1.2;text-decoration: none;color: #ddd;border: solid 0px red ; }
#menu_gauche a:hover  {background: #;color:#03C;font-weight: 300; border: solid 0px # ;}
#menu_gauche a:active  {color: #eee;font-weight: 300;}
#menu_gauche ul {margin: 0;padding: 0px 10px;list-style: none;}



/* MENU droit PB */
#menu_droit_pb1 a.text_menudroit_pb1 {font-weight: 300;padding: 0px 0px 0px 0px;text-decoration: none;
text-align:center;line-height: 18px;font-size: 1.1em;background:#0C3;}

#menu_droit_pb1 a:hover.text_menudroit_pb1 {font-weight: 300;padding: 0px 0px 0px 0px;text-decoration: none;
text-align:center;line-height: 18pt;font-size: 1em;background:red;}

/* #menu_droit_pb1 ul {margin: 0px;padding: 0px 10px;list-style: none;} */

/* PLAN voiture metro */
#bloc_neutre1{position: relative;width: 256px;height: 150px;line-height: .8em; background-color:#fff;}

.contenu_plan_voiture {position: absolute;width: 500px;height: 541px;top: 190px;left: 320px; background-color:#999;}
.contenu_plan_metro {position: absolute;width: 1200px;height: 1196px;top: 190px;left: 320px; background-color:#999;}



.contenu_accueil {
	position: absolute;
	width: 422px;
	height: 501px;
	top: 148px;
	left: 323px;
	background-image:url(../images/image_accueil.jpg);
	background-repeat:no-repeat;
	border: solid 0px gray ;
}

#contenu_accueil_1 {position:absolute; top: 200px;left: 350px; border: solid 0px red ; }
.text_accueil {color: #ccc;font-size: 1.5em;}
#contenu_accueil_2 {position:absolute; top: 350px;left: 350px; border: solid 0px red ; }
.text_accueil_acces {color: #ccc;font-size: 1.5em;}



/* CONTENU */
#contenu_rep {position:relative; margin-top: 5px;margin-left: 300px;padding: 0px 0px;color: #999;font-size: 90%;}
#contenu_ref {position:relative; width: 60%;margin-top: 50px;margin-left: 300px;text-align:justify;color: #ccc;font-size: 1em;background-color:#;}
#contenu_enre {position:relative; width: 45%;height: 600px;margin-left: 300px;margin-top: 0px;color: #fff;background-color:#;}
#contenu_disco {position:relative; width:50%;height: 100%;top: 50px;margin-left: 300px}
#contenu_videobloc {position:absolute; width: 320px;height: 280px;top: 180px;left: 320px;}


/*  TABLEAUX  */
#centre table{border:0px solid #6495ed;width:100%; }
#centre tbody {border:0px solid red;}
#centre th{font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;width:25%;color: #760000;}
#centre td{font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;font-size:90%;}
#centre thead th, #exemple1 tfoot th {background-color:#580000;}

/* salles repetition */
.rep_titre {text-align:center;color: #fff;font-weight: bold;background-color: #777;line-height: 1.7em;}
.rep_sous_titre {text-align:center;color: #FFF;font-weight: 300;margin:0px;line-height: 1em;} 
.rep {list-style-type:disc;line-height: 1.5em;margin-left: 40px;color: #ccc;}
.tarif {list-style-type:circle;line-height: 1.7em;margin-left: 40px;padding-top: 0px;color: #ccc;}

/* TEXT */
.text_liste {font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;list-style-type:disc;margin-left: 20px;margin-top: 0px;font-size:.8em;color:#ccc;line-height: 14pt; font-weight : 300 ;}
.text_titre{ font-weight:900; font-family: palatino, "Bitstream Vera Sans", "Lucida Grande", sans-serif; font-size:1.45em; color: #ccc;margin-right: 0px;line-height: 18pt;}
.text_titre_second{ font-weight:600; font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;; font-size:1.35em; color: #ccc;margin-right: 0px;line-height: 10pt;}
.text_normal{ font-weight : 300 ; font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;font-size:1em; color: #ccc;margin-right: 0px;line-height: 14pt;}
.text_disco{font-size:1.0em; font-weight : 600 ;font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;}




/* enregistrement */
#bloc_images1 {position:relative;top: -5px;padding-left: 0px;width: 860px;background-color:#;}
.images1_stylecadre {border-style: solid ; border-width: 0px ; border-color: #333 ; }
#images2 {position:relative;top: 0px;left: 0px;width: 400px;height: 245px;}
.images3 {position:relative;top: -10px;left: 0px;padding-left: 0px;width: 190px;height: 300px;background-color:#;}
.bloc_texte4 {position:relative;top: -315px;left:200px;width:350px;height: 160px;background-color:#;}

/* discographie */
#image_bloc1 {position: relative;width: 0px;top: -45px;left: 20px;padding-left: 10px;}	
#image_bloc2 {position: relative;width: 0px;top: 0px;left: 240px;margin-top: -1160px;}
#image_bloc3 {position: relative;width: 0px;top: 0px;left: 460px;margin-top: -1140px;}
.text_disco{font-size:.9em; font-weight : 300 ;font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; color:#ccc;line-height: .9em;text-align:center; }

/* contact */
#bloc_plan1{position: absolute;width: 256px;height: 150px;top: 170px;left: 320px;line-height: .8em;}
#bloc_plan2{position: absolute;width: 304px;height: 150px;top: 170px;left: 576px;padding-left: 25px;border-left-style: outset;border-color: #ccc;border-left:1px;line-height: .8em;}
#bloc_plan3{position: absolute;width: 587px;height: 300px;top: 350px;left: 320px;padding-top: 0px;padding-left: 0px;}
#bloc_retour{position: absolute;width: 256px;height: 150px;top: 170px;left: 320px;line-height: .8em;}

.titre_contact{ font-weight:300; font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; font-size:1.65em; color: #ccc;margin-right: 0px;}
.texte_contact{ font-weight : 300 ; font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; font-size:.9em; color: #ccc;margin-right: 0px;line-height: 7pt;}
.sous_texte_contact{ font-weight : 300 ; font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;font-size:1.2em; color: #ccc;margin-right: 0px;}