body {
	background-color: #E9E9E9;
	color:#5B5A5A;
	font-family : Arial, Helvetica, sans-serif;
	font-size:12px;
	margin : 0;
}
img {
border : none;
}

a{
color : #5B5A5A;
}

a:hover{
color:#f00;
}

#corps{
margin :10px 0 0 0;
}

#entetepub {
	float : left;
	margin : 0;
	padding : 0;
	background : transparent url(../img/bdc/header2.png) no-repeat;
	width : 625px;
	height : 86px;
	border : none;
}

#entetepub span {
	display : none;
}

#enteteinfodate p{
	margin : 0;
	padding : 0;
}

#enteteinfodate{
margin-left : 635px;
padding-top : 5px;
font-weight : bold;
}

#enteteinfodate span{
color:#ef5719;
}

#enteteinfodate p.image{
padding : 5px 0 0 25px;
}

.separation {
clear : both;
width:0px;
}

/* - - - - - - - - - - - - - - - - - - - */

#accueil{
text-align:center;
margin : 0 0 40px 0;
padding : 0;
border-bottom : 1px solid #101F69;
font-weight : bold;
font-size : 1.3em;
width : 100px;
}

div.header{
border-color :#101F69;
border-style :solid;
border-width :1px 1px 0 1px;
padding : 10px 0;
text-align : center;
vertical-align : middle;
}

#listechoix{
border-color :#101F69;
border-style :solid;
border-width :0 1px 1px 1px;
margin:0 0 20px 0px;
padding:5px 0 5px 0;
}

#listechoix li{
list-style: outside url(../img/bdc/puce2.gif);
padding: 0 0 0 5px;margin: 5px 0 5px 9px;
}

#cotegauche h3{
color:#fff200;
font-size : 1.3em;
background-color:#101F69;
padding :0;
margin:0;
}

#astuce{
margin:0;
}
#astuce span{
display:block;
}
/* - - - - - - - - - - - - - - - - - - - */
#menutop{
margin: 10px 0px 20px 0px;
padding: 0;
text-align: left;
height:3ex;
}

#menutop li.ici{
background-color:#f7941d;
}
#menutop li.vu{
background-color:#fedc89;
}

#menutop ul,#menutop li{
display: block;
float : left;
list-style: none;
margin: 0 5px 0 0px;
padding: 3px;
border:1px solid #101F69;
font-style:italic;
}
#menutop li a, #menutop li a:hover, #menutop li a:active { 
text-decoration: none; 
margin: 0px 5px 0px 0px;
padding: 8px;
}

#menutop span{
font-style:normal;
font-weight : bold;
}

#menutop li a:hover, #menutop li a:active { 
color: #f00;
}
/* - - - - - - - - - - - - - - - - - - - */

input.texte{
border : none;
text-align:right;
}

input.texte1{
border:1px solid #000;
text-align:right;
}

input.texte2{
border : none;
text-align:left;
}
input.texte3{
border:1px solid #E0DCDD;
text-align:left;
}
input.textepoints{
border:none;
text-align:right;
color : #93117E;
font-weight : bold;
font-size:1.3em;
background-color:transparent;
}

input.butok{
background-color:#F9BB06;
border:none;
color:#ffffff;
cursor:pointer;
font-weight:bold;
font-size:10px;
text-align:center;
padding : 2px;
}

input.buttexte{
color:#fff;
background-color:#f9bb06;
cursor:pointer;
font-weight:700;
font-size:14px;
margin : 3px;
}

label {
width:16em;
display:inline;
float:left;
}

label.radio{
float : none;
width : auto;
}
/* - - - - - - - - - - - - - - - - - - - */
#cotedroit{
float : right;
width : 230px;
border : 1px solid #000;
margin : 0;
padding : 10px 3px 10px 3px;
background-color : #fff;
}
#cotedroit ul{
padding:0;
margin:0;
list-style:none;
}
#cotedroit img{
vertical-align:middle;
}
/* - - - - - - - - - - - - - - - - - - - */
#famille1,#famille2,#famille3{
float : left;
width : 190px;
margin : 0 8px 0 0;
padding : 0;
border : none;
}

#famille1.paris
{
	width : 380px;
}

#contenu p.nom,#contenu p.prix{
margin :1px 0 0 35px;
padding : 0;
}

p.nom{
font-weight : bold;
font-size : 1.2em;
}
p.prix{
font-size : 1em;
}

#famille1 .nblot,#famille2 .nblot,#famille3 .nblot{
text-align : right;
}

#famille1 .sep,#famille2 .sep,#famille3 .sep{
margin :0;
padding : 0 0 0 5px;
font-weight : bold;
border-top:1px solid #fff;
}

#famille1 .sep{background-color: #FCF6DB;}
#famille2 .sep{background-color: #D5E4E5;}
#famille3 .sep{background-color: #F6DCD1;}

#famille1 p,#famille2 p,#famille3 p{
margin :0;
padding : 2px; 
}

#famille1 .header,#famille2 .header,#famille3 .header{
text-align:left;
padding :0;
margin:0;
border-color :#000;
border-style :solid;
border-width :1px 1px 0 1px;
}

#famille1 .header{

}
#famille2 .header{

}
#famille3 .header{

}

#famille1 table,#famille2 table,#famille3 table{
width : 190px;
color : #000;
margin:0;
border-collapse : collapse;
}
#famille1.paris table
{
	width : 380px;
}

#famille1 thead td,#famille2 thead td,#famille3 thead td{
font-weight:bold;
text-align:center;
}

#famille1 thead th,#famille2 thead th,#famille3 thead th{
text-align:left;
padding : 4px;
}
#famille1 thead th{background-color:#FCF6DB;}
#famille2 thead th{background-color:#D5E4E5;}
#famille3 thead th{background-color:#F6DCD1;}

#famille1 td, #famille1 th, #famille2 td, #famille2 th, #famille3 td, #famille3 th{
border : 1px solid #000;
}

#famille1 tfoot,#famille2 tfoot,#famille3 tfoot{
text-align:right;
font-size:12px;
}

#famille1 td.col1,#famille2 td.col1,#famille3 td.col1{width:5px;}

#famille1 td.col1{background-color:#FCF6DB;}
#famille2 td.col1{background-color:#D5E4E5;}
#famille3 td.col1{background-color:#F6DCD1;}

#famille1 td.col2{background-color:#FDFAE8;font-size:12px;}
#famille2 td.col2{background-color:#E1EBEC;font-size:12px;}
#famille3 td.col2{background-color:#FADFDE;font-size:12px;}

#famille1 td.colhorslot{background-color:#FED8A1;font-size:14px;}
#famille2 td.colhorslot{background-color:#FED8A1;font-size:14px;}
#famille3 td.colhorslot{background-color:#FED8A1;font-size:14px;}

#famille1 td.col3,#famille2 td.col3,#famille3 td.col3{
text-align:center;
width:3em;
}

p.validation{
clear :both;
text-align:center;
padding:0;
margin:0;
}
/* - - - - - - - - - - - - - */
#famille4 span{
margin :0 3em 0 1em;
padding:2px 5px;
float:right;
background-color : #0060AF;
}

#famille4 th{
text-align:center;
padding : 2px;
background-color:#D4DAED;
border : 1px solid #000;
}

#famille4 thead td{
background : #0060AF;
color : #fff;
border:none;
font-weight: bold;
}

#famille4 td{
text-align:center;
background-color:#fff;
border : 1px solid #000;
}

#famille4 td.col2,#famille4 td.col6{
text-align:left;
}

#famille4 table{
margin:0;
border-collapse : collapse;
}

#famille4 td.coul4deg{
background-color:#D4DAED;
}

/* - - - - - - - - - - - - - */
#famille5{
text-align:center;
}
#famille5 .header{
background : #fff;
color : #B0028A;
}

#famille5 p.nom{
margin :0px;
padding:0px;
}

#famille5 p.legende{
margin :0 3em 0 1em;
padding:2px 5px;
float:right;
color:#000;
background-color : #ff0;
}

#famille5 td,#famille5 th{
text-align:center;
background-color:#fff;
border : 1px solid #000;
padding : 2px;
}

#famille5 th.col2{
background : #5A4185;
color : #fff;
}

#famille5 table{
margin:0;
border-collapse : collapse;
border : 1px solid #000;
}

#famille5 td.col2,#famille5 td.col4{
text-align:left;
}
/* - - - - - - - - - - - - - */
#tablerecap tfoot td{
text-align:right;
font-weight:bold;
padding-top:10px;
border-bottom : 1px solid #000;
}

#entetecommande img{
float:left;
padding : 0 20px 0 0;
}
/* - - - - - - - - - - - - - */
.recapfam tfoot th,.recapfam tfoot td{
padding-top:1em;
border-top:1px solid #000;
}

.recapfam th{
text-align:left;
padding-right:3em;
}
.recapfam td{
text-align:right;
font-weight:bold;
font-size:120%;
}

dt{
padding:2em 0 5px 0;
font-size : 12px;
font-weight:bold;
}

dt span {
border : 1px solid #000;
padding : 5px;
}
dt span.figer {
display:block;
width:27em;
}
/* - - - - - - - - - - - - - */
.jaune{
color:#fff200;
}

.rouge{
color:#f00;
}

.big1{
font-size : 1em;
font-weight : bold;
}

.big2{
font-size : 1.2em;
font-weight : bold;
}

.big3{
font-size : 1.4em;
font-weight : bold;
}

.rose{
color :#fff;
background:#B0028A;
}
.txtdroite{text-align:right;padding-left:45px;}
/* - - - - - - - - - - - - - */
p.erreur{
background : #fff url(../img/bdc/panneau.gif) no-repeat 0 0;
padding : 5px 5px 10px 25px;
line-height:2em;
}
p.erreur strong{font-variant : small-caps;}
/* - - - - - - - - - - - - - */

.centrer{
text-align:center;
}

h1{
padding: 5px;
font-size : 1.4em;
}

h3{
color : #fff;
text-align:center;
}

h2{
color :#fff;
border : 1px solid #000;
padding-left:5px;
background:#5A4185;
font-size : 1.2em;
}
/* - - - - - - - - - - - - - */
#pied{
	margin-top:20px;
  padding: 0 0 0 0px;
	font-size:0.75em;
}
#pied span{
padding:0 1em;
}
/* - - - - - - - - - - - - - */


#container {
	margin : 0;
	padding:0;
}

#contenu  {
  margin: 0;
  padding: 0;
  }
	
#cotegauche
  {
	position:absolute;
  top: 86px;
  left: 9px;
  width: 140px;
  height: 100%;
	border : none;
  }
	
	#cotegauche a
  {
	text-decoration:none;
  }
/*
@media screen {
body>#cotegauche
  {position:fixed;}
	}
*/

#new{
width:600px;
border:1px #ccc solid;
margin:0 0 20px 0;
background:#BBD04F url(../img/bdc/picto_vert.png) no-repeat 100% 50%;
font-size:100%;
}

#new p{
margin:15px 0 15px 10px;
color:#fff;
text-decoration:blink;

}
.titre{
	color:#93117E;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
}
.titrepoints{
	color:#93117E;
	font-family : Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
}
.titpoints{
	color:#0096A6;
	font-family : Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
}
.chiffrepoints{
	color:#93117E;
	font-family : Arial, Helvetica, sans-serif;
	font-size:24px;
}
.txtpt{
	font-family : Arial, Helvetica, sans-serif;
	font-size:9px;
}
.txtpass{
	color:#5A4185;
	font-family : Arial, Helvetica, sans-serif;
	font-size:14px;
}
.txtcde{
	color:#101F69;
	font-family : Arial, Helvetica, sans-serif;
	font-size:17px;
}
.txtrea{
	color:#5B5A5A;
	font-family : Arial, Helvetica, sans-serif;
	font-size:12px;
}
.lientrait {
text-decoration:underline;
}
.lientrait:hover {
text-decoration:underline;
}
.titreblc{
	color:#FFFFFF;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
}
.texteblc{
	color:#FFFFFF;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}.boutonpied {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000066;
}
p,td {
font-size:12px;
}
.nom{
font-weight : bold;
font-size : 1.2em;
}

#popupcontainer{
	position:relative;
	width:100% ;
	z-index:10;
	}

#popupbg{
	margin-top:-10px;
	position:fixed ;
	width:100% ;
	height:1000px ;
	background-color:#333333 ;
	opacity:0.5 ;
	filter : alpha(opacity=50); 
	overflow:hidden;
	z-index:10;
}
#popupcenter{
	position:fixed ;
	width:100% ;
	z-index:10;
}
#popuptxt{
	font-weight:bold;
	padding:10px;
	margin-top:150px;
	margin-left:auto ;
	margin-right:auto ;
	border:1px solid #FFFFFF ;
	color:#FFFFFF;
	width:400px ;
	height:80px;
	background-color:#BBD04F;
	z-index:10;	
}

#popuptxt a{
	color:#FFFFFF;

}

#general{
	margin-left:auto ;
	margin-right:auto ;
	margin-top:10px ;
	width:972px ;	
	z-index:1;
}
.tetiere {
  background : transparent url(/img/bdc/accueil/haut.jpg) no-repeat ;
  text-align:left;
  padding-left:550px;
  height:64px;
  color:#C9CE02;
  vertical-align:bottom;
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top:10px;
}

.menuleft {
  background : transparent url(/img/bdc/accueil/fond_menu.jpg) no-repeat ;
  color:#959CA2;
  height:213px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

.bloc{border:1px solid #E0DCDD; width:433px; margin:0 0 10px 0; padding:10px}
