body{
	color:black;
	font-size: 11px;
	line-height:140%;
	text-align:left;
	font-family: Arial, sans-serif;
	border:0px solid gray;
	margin:0px;
	padding:0px;
}

.debug{
	font-size:14px;
	text-align:center;
	background:red;
	color:white;
	margin:5px 0px 5px 0px;
	padding:5px;
}

.drapeaux{
	height:24px;
	margin-top:-24px;
}

.drapeaux img {
	margin-left:3px; 
	border:2px solid #fff; 
}

.alerte{
	font-size:14px;
	color:white;
	background:red;
	border:1px solid red;
}

table{
	width:100%;
	padding:0px; 
	margin:0px;
	border-spacing:0px;
}

tr{ vertical-align:top; }

a{text-decoration:none;}
a:hover{text-decoration:underline;}
h1{margin:0px;font-size:14px;}
h2{margin:0px;font-size:12px;}
h3{margin:0px;font-size:11px;}
h4{margin:0px;font-size:11px;font-weight:normal;}
h5{margin:0px;font-size:10px;font-weight:normal;}
input{background-color:white; color:black; border:1px solid black; font-size:11px;}
textarea{color:#999999; border:1px solid #666666; font-size:11px; width:95%;}
select{font-size:11px; color:gray; padding:0px; margin:3px;}
select:hover{color:#9cac16;}

img{ border:0px; }

.row{
clear:both;
text-align:left;
border:0px solid red;
}

.billetterieContener{
width:500px;
margin:0px auto;
padding:0px;
border:0px solid #000000;
}

.texteInfoContener{
color:#555555;
padding:3px;
margin:0px 0px 5px 0px;
background:url('http://static.quiksilver-europe.com/www/billeterie.bo-pb.com/html/billetterie/css//styles.css/billetterie/pics/background000-inv.gif') #fff repeat-x top;
border:1px solid #cccccc;
-moz-border-radius: 4px;
/* this goes to the end as the css validator does not like it
will be replaced by border-radius with css3 */
}

.texteInfoContener h1{ color:#000000; margin-bottom:8px; }

.texteInfoIcone{
float:left;
width:48px;
height:48px;
background:url('http://static.quiksilver-europe.com/www/billeterie.bo-pb.com/html/billetterie/pics/gnome-session-logout.png') no-repeat;
border:0px solid red;
}

.bandeau{ width:500px; height:72px; margin-bottom:5px; }

/* --- Pas de place --- */

.pasDePlace{
color:#555555;
padding:3px;
margin:0px 0px 5px 0px;
background:url('http://static.quiksilver-europe.com/www/billeterie.bo-pb.com/html/billetterie/pics/background000-inv.gif') repeat-x top;
border:1px solid #cccccc;
-moz-border-radius: 4px;
/* this goes to the end as the css validator does not like it
will be replaced by border-radius with css3 */
}

.pasDePlace h1{ color:#000000; margin-bottom:8px; }

.pasDePlaceIcone{
float:left;
width:48px;
height:48px;
background:url('http://static.quiksilver-europe.com/www/billeterie.bo-pb.com/html/billetterie/pics/info.png') no-repeat;
border:0px solid red;
}

/* --- CBs --- */

.CBsContener{
text-align:center;
color:#555555;
padding:3px;
margin:0px 0px 5px 0px;
background:url('http://static.quiksilver-europe.com/www/billeterie.bo-pb.com/html/billetterie/pics/background000-inv.gif') repeat-x top;
border:1px solid #cccccc;
-moz-border-radius: 4px;
/* this goes to the end as the css validator does not like it
will be replaced by border-radius with css3 */
}

.CBsContener h1{ color:#000000; margin-bottom:8px; }

/* --- ERREURS --- */

.erreursContener{
color:#555555;
padding:3px;
margin:0px 0px 5px 0px;
background:url('http://static.quiksilver-europe.com/www/billeterie.bo-pb.com/html/billetterie/pics/background001-inv.gif') repeat-x top;
border:1px solid #cccccc;
-moz-border-radius: 4px;
/* this goes to the end as the css validator does not like it
will be replaced by border-radius with css3 */
}

.erreursContener h1{ color:#000000; margin-bottom:8px; }

.erreursIcone{
float:left;
width:48px;
height:48px;
background:url('http://static.quiksilver-europe.com/www/billeterie.bo-pb.com/html/billetterie/pics/error.png') no-repeat;
border:0px solid red;
}

.erreurs{ padding-left:48px; }

.erreur{}

.corriger{ padding-left:48px; font-weight:bold; }

/* --- MATCH --- */

.matchContener{
color:#555555;
padding:3px;
margin:0px 0px 5px 0px;
background:url('http://static.quiksilver-europe.com/www/billeterie.bo-pb.com/html/billetterie/pics/background001-inv.gif') #fff repeat-x top;
border:1px solid #cccccc;
-moz-border-radius: 4px;
/* this goes to the end as the css validator does not like it
will be replaced by border-radius with css3 */
}

.matchTextesContener{
width:250px;
text-transform:uppercase;
padding-bottom:15px;
border:0px solid red;
}

.matchTitre{
color:black;
font-size:16px;
border:0px solid red;
}

.matchDate{
font-weight:normal;
color:gray;
}

.matchLieu{
}

.matchLien{
float:right;
border:0px solid red;
margin-top:-75px;
}

.matchLien a{
}

.matchAnnonce{
color:red;
}

.matchPlan{
text-align:center;
border:0px solid red;
}

/* --- FORMULAIRE PLACES --- */

.formulairePlacesContener{
color:#555555;
padding:3px;
margin:0px 0px 5px 0px;
background:url('http://static.quiksilver-europe.com/www/billeterie.bo-pb.com/html/billetterie/pics/background002-inv.gif') repeat-x top;
border:1px solid #cccccc;
-moz-border-radius: 4px;
/* this goes to the end as the css validator does not like it
will be replaced by border-radius with css3 */
}

.inputRecapitulatifCommande{ 
position:relative;
left:50%;
margin-left:-170px;
margin-top:10px;
border:0px; 
}

/* --- TARIF --- */

.tarifContener{
clear:both;
float:left;
width:100%;
padding-top:5px;
padding-bottom:10px;
margin-bottom:5px;
border-bottom:1px dashed gray;
}

.tarifDescription{
font-weight:bold;
float:left;
padding-left:8px;
border:0px solid red;
}

.tarifPrix{ 
font-size:20px;
color:red;
float:right; 
padding-right:10px;
padding-top:5px;
}

.tarifNbPlaces{
padding-left:20px;
clear:both;
}

/* --- MON JOLI INPUT --- */

input.monInput { 
width:200px; 
height:16px; 
padding-top:3px;
background: url('http://static.quiksilver-europe.com/www/billeterie.bo-pb.com/html/billetterie/pics/inputBackground.png') center top repeat-x; 
border:0px; margin:0px; 
}

.monInputContener { 
width:200px; 
position:relative; 
}

.monInputContener input.monInput { 
width:160px; 
margin-left:20px; 
*margin-top:-1px; 
*margin-right:-2px; 
}

.monInputContener .gauche { 
width:20px;
height:19px;
display:block; 
position:absolute; 
left:0px; 
top:0px; 
background: url('http://static.quiksilver-europe.com/www/billeterie.bo-pb.com/html/billetterie/pics/inputArrondiGauche.png') left top no-repeat;
}

.monInputContener .droite { 
width:20px;
height:19px; 
display:block; 
position:absolute; 
right:0px; 
top:0px; 
background: url('http://static.quiksilver-europe.com/www/billeterie.bo-pb.com/html/billetterie/pics/inputArrondiDroit.png') right top no-repeat;
}



.monInputTitre{
color:black;
font-weight:bold;
}

/* --- --- */