@charset "utf-8";

/* Import de la CSS d'initialisation
---------------------------------------------------------------------------------*/
@import url(structure.css);


/* Construction (Montage)
---------------------------------------------------------------------------------*/

body { color:#fff; font-size:11px; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }

h1 { color:#9e7eb7; font-weight:700; font-size:1.2em;  }
h2 { color:#9e7eb7; font-weight:700; font-size:1.3em; /*text-transform: uppercase;*/ }
h3 { color:#9e7eb7; font-weight:700; font-size:1.17em; /*text-transform: uppercase;*/ }
h4 { color:#9e7eb7; font-weight:700; font-size:1em; /*text-transform: uppercase;*/ }
h5 { color:#9e7eb7; font-size:0.83em; }
h6 { color:#9e7eb7; font-size:0.67em; }
p { color:#fff; font-size:1em; }
ul, ol{ color:#fff; font-size:1em; }
li { color:#fff; font-size:1em; }
a { color:#9E7EB7; text-decoration: none; border-bottom: 1px dotted #9E7EB7;}
a:hover { color:#fff; text-decoration:none;  border-bottom: 1px solid #9E7EB7;} /* si changement de couleur au survol */
a img { border: none; text-decoration: none;}
a:hover img { border: none; text-decoration: none;}
p img { vertical-align: middle; }
textarea { color:#fff; padding:3px; }
input { color:#fff; padding:3px; }

hr { height: 1px; color: #2b2a2d; border-bottom: 1px solid #2b2a2d; border-top: none; border-left: none; border-right: none;margin-bottom: 1em;} /* Astuce pour mettre des bordures discrètes dans le contenu à droite du diapo */

/* Intro */
#intro h1 { color:#fff; } /* couleur du h1 de l'intro */
#intro p, #intro a { color:#fff; } /* couleur du texte de l'intro */
#intro p { font-size:.9em;}

/* Liens de bas de page */
#sitti p, #sitti a {color:#fff; } /* couleur des liens de bas de page */
#sitti a:hover {color:#9E7EB7; }
#sitti p { font-size:.92em; }

/* Validation W3C */
#validator a { border: none; }


/* Éléments Particuliers, classes usuelles
-------------------------------------------------------------------------------*/

/* Placement d'images */
.imgLeft { float:left; padding:0 2em 0 0; }
.imgRight { float:right; padding:0 0 0 2em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }
.marL { margin-left: 460px; } /* Alignement du texte à droite du diapo flash */
.padR { padding-right: 30px; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }
.souligne { text-decoration:underline; }
.violet { color:#9e7eb7;  }
.petit { font-size: 0.9em; }
.grand{ font-size: 1.1em;}

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }

/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }

/* Blocs */ 
.larg400 {
	width: 400px;
	margin: 0 auto;
}
.larg195 {
	width: 195px;
	margin: 0 auto;
}

.larg580 {
	width: 580px;
	margin-top: 10px;
	margin-left: 40px;
}

/* Tableaux */
.tableau {
	border: 1px solid #2b2a2d;
	border-collapse:collapse;
}

.tableau caption{
	font-weight: bold;
	color:#9e7eb7;
	padding: 0 0 1em 0;
}

.tableau td{
	border: 1px solid #2b2a2d;
	border-collapse:collapse;
	padding: 5px;
}

.tableau th{
	font-weight: bold;
	padding: 8px;
	font-size: 1.2em;
	border: 1px solid #2b2a2d;
}


/* Boutons */

.btn {
	display: block;
	width: 196px;
	height: 60px;
	background: transparent url(../images/bg-btn.png) no-repeat 0 100%;
	text-align: center;
	padding: 0;
	text-decoration: none;
	border: none;
	color: #fff;
	float: left;
}

.btn:hover {
	background: transparent url(../images/bg-btn.png) no-repeat 0 0;
	color: #cc94e6;
	text-decoration: none;
	border: none;
}

.btn span {
	display: block;
	padding-top: 21px;
	font-weight: bold;
	text-shadow: 2px 2px 3px #2B2A2D; /* CSS 3 : >= IE8, FF3.5, Opera 9 */
}

.retour { /* lien retour avec icone */
	background: #131315 url(../images/bg-retour.gif) no-repeat center left;
	padding-left: 16px;
}

.retour:hover { /* lien retour avec icone */
	background: #131315 url(../images/bg-retour.gif) no-repeat 0 3px;
	padding-left: 16px;
}


/*	Mise en page, intégration
----------------------------------------------------------------------------------*/

/************************** Intro (module actu) */


.flyer { /* Tableau conteneur du module */
	width: 950px;
	margin: 15px auto;
}
.imgFlyer { text-align:center;}
.imgFlyer img {	border:3px solid #4B375A;}
.imgFlyer img:hover { border:3px solid #5E4471;}
#intro .flyer td a { border: none;}


/************************** Page d'accueil */
.illustration { 
	float:left;
	margin-right: -60px;
	left:-60px;
	padding:0 1em 0 0;
	position:relative;
}

#info { /* Encart */
	width: 495px;
	padding: 6px;
	float: right;
	font-size: 0.9em;
	border: 1px solid #4B375A;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #1E1D22;
}

#info p {
	color: #9E7EB7;
	padding: 2px;
}

#plan-acces { /* Lien vers plan simple */
	float: left;
	margin-left: 75px;
}

fieldset#maj { /* Module MAJ - Bannière d'infos */
	position: relative;
	width: 680px;
	margin: 0 auto;
	border: 1px solid #4B375A;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 8px;
}

fieldset#maj legend {
	color:#9e7eb7;
	font-weight:bold;
	font-size:1.1em;
	padding: 0 5px;
}


/************************* Horaires et tarifs */

/* Encart horaires */
#horaires { 
	width: 400px;
	position: relative;
	margin-top: 15px;
	right: 45px;
	padding: 6px;
	float: right;
	font-size: 0.9em;
	border: 1px solid #4B375A;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #1E1D22;
}

#horaires p {
	line-height: 2em;
	margin-left: 30px;
}

/* Tarifs bowling */

table#tarifs {
	width: 700px;
	margin: 0 auto;
}

table#tarifs caption {
	font-size: 1em;
	/*text-transform:uppercase;*/
	/*line-height: 1.5em;*/
}

table#tarifs th {
	color: #9e7eb7;
	border: 1px solid #2b2a2d;
}

/*table.tarifs tbody tr:first-child th{  Pas de marges sur les TH du 1er TR ! 
	padding: 0;
}*/

#tarifs td {
	padding-left: 5px;
	vertical-align: middle;
}

/* Codes couleurs prix */
.o2euro { background-color: #8C68A8;}
.o460euro { background-color: #634877; }
.o560euro { background-color: #4B375A; }

#tarifs td.tdHover {
	font-weight: bold;
}

/* Tarifs spéciaux */
span.prix {
	position: relative;
	top: 0;
	left: 100px;
}

/********************** Résultats de bowling sportif */

#resultats { /* Module MAJ */
	width: 385px;
	margin-left: 10px;
	padding: 12px;
	float: left;
	border: 1px solid #4B375A;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #1E1D22;
}

table#fun-bowlers {
	width: 495px;
}

/********************* Mentions Légales */

#mentions { margin-top: 20px; padding: 0 30px; }
#infoclient { float:left; padding:0 0 2em; }
#hebergeur { float:right; padding:0; }


/******************** Les photos (galerie) */

.tablemenu {
	width: 880px; /* conf.php : $lg_colonne x $nbparlignesite = 220 x 4*/
	margin: 0 auto;
}

.tablemenu a{
	border: none;
}

.tablemenu td{
	text-align: center;
	vertical-align:top;
}

.tablemenu td img{
	text-align: center;
	vertical-align:top;
}

.galerie {
	width: 900px; /* Largeur du conteneur de la galerie moins grande que la DIV contenu */
	margin: 0 auto;
	border: 1px solid #4B375A;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
}

.titre-gal { /* titre de la galerie */
	color: #9e7eb7;
	width: 50%;
	border-bottom: 1px solid #2b2a2d;
	margin: 0 auto;
	padding-bottom: 4px;
}

.legende { /* Légende sous les photos */
	font-size: 0.9em;
}


/************************* Enfants */

#video{
	width: 400px;
	margin: 0 auto;
}


/************************* Animations (Actus) */

.bordure { /* Tableau conteneur du module */
	width: 700px;
	margin: 15px 0 15px 200px;
}

.titre-actu {
	color: #9e7eb7;
}

.texte-actu {
	padding-left: 35px;
}

.bordure td img{
	border: 1px solid #9E7EB7;
}

/************************* Concept restau */
#encadr {width:920px; margin-left:auto; margin-right:auto; text-align:center; padding-left:10px;}
.resto1 {width:280px; float:left; border:solid 1px #2d2c2f; background-image:url(../images/fond_encart.jpg); background-repeat:no-repeat; margin-left:10px; padding:5px;margin-bottom:15px;}
.price {width:103px; height:47px; font-weight:bold; padding-top:18px; padding-left:4px; float:left;}
.title{ width:170px; padding-top:20px; float:left; font-weight:bold;}
#centreTab {width:800px; margin-left:150px;}
.vin40 {width:50%; padding:3px; text-align:left;}
.vin20{width:16%; padding:3px; text-align:left;}

/************************ Apéritif dinatoire */
#apligne {width:610px; margin-left:153px; }
#fondApe {width:920px; height:425px; background-image:url(../images/fond_ape.jpg);}


/***********************************Menu été */
.menu1 { border:solid 1px #2d2c2f; background-image:url(../images/fondencart-ete.jpg); background-repeat:no-repeat; margin:0 0 0 9px; padding:5px; }
.titleete{ width:798px; padding-top:44px; font-weight:bold; /padding-top:0px; /padding-left:35px; }
.titleete2{ width:798px; font-weight:bold; margin-left:56px;}
.prixete { height:47px; font-weight:bold; padding-top:36px; padding-left:32px; float:left;}
.txt-ete { text-align:left; }
.plat-ete { font-weight:bold; font-size:14px; }
.titre-ete { font-weight:bold; font-size:14px; margin:26px 0px 26px 32px; text-align:center; }
ul.liste-ete  { list-style-image:url(../images/picto-ete.png); margin-left:34px; margin-bottom:19px; padding-bottom:11px }
li.liste-ete  { height:10px; list-style-image:url(../images/picto-ete.png); margin-left:20px; margin-bottom:12px; padding-bottom:6px }


/****************************** Plan Google */
.plan {
	width: 550px;
	height: 413px;
	margin: 0 auto;
	border: 3px solid #73558B;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #9E7EB7;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}