/* CSS HTML STYLE */
*{
	margin: 0px;
	padding: 0px;
}
body, td {
	font-family: verdana, arial;
	font-size: 11px;
	color: #FFFFFF;
}

h1{
	height: 10px;
	color: #000000;
	font-size: 9px;
	padding-bottom: 5px;
}

h2{
	font-size: 11px;
	font-variant: small-caps;
	padding-bottom: 5px;
}
h3{
	font-size: 11px;
	font-variant: small-caps;
	padding-bottom: 5px;
}

input, textarea, select{
	font-family: verdana, arial;
	font-size: 11px;
	border-right-color: #B1B1B0;
}

ul{
	margin-left: 15px;
	padding: 0px;
}
li{
	padding-bottom: 5px;
	list-style-type: square;
}
/* DIV ID STYLE */
#header{
	text-align:center;
	height: 89px;
}
#menu{
	text-align:center;
	height: 53px;
	background-image: url(/images/menu_repeat.jpg);
	background-repeat: repeat-x;
}
#content{
	text-align:center;
}

.panel{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 7px;
	padding-left: 7px;
	border-right-color: #B1B1B0;
	border-left-color: #B1B1B0;
	border-left-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	background-color: #F7F7F7;
	color: #333333;
	font-size: 11px;
	text-align: left;
}

.panel a{
	color: #333333;
	text-decoration: underline;
}
.panel a:hover{
	color: #333333;
	text-decoration: underline;
}

.bigpanel{
	width: 544px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 7px;
	padding-left: 7px;
	border-right-color: #B1B1B0;
	border-left-color: #B1B1B0;
	border-left-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	background-color: #F7F7F7;
	color: #333333;
	font-size: 11px;
	text-align: left;
}

.bigpanel a{
	color: #333333;
	text-decoration: none;
}
.bigpanel a:hover{
	color: #333333;
	text-decoration: underline;
}

.result {
	color: #333333;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 12px;
	padding: 4px;
	background-color: #FFFFFF;
}

.result h3, td{
	color: #333333;
}

#footer{
	color: #FFFFFF;
	height: 65px;
	text-align: center;
	background-image: url(/images/footer_repeat.jpg);
	background-repeat: repeat-x;
	padding-top: 15px;
}
#footer td{
	color: #FFFFFF;
}

#footer a{
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#subinfos h3, p{
	color: #333333;
	text-align: left;
	padding-top: 15px;
}

#subinfos a{
	color: #000000;
}


.warning{
	color: #0033FF;
	font-size: 11px;
}
.warning a{
	color: #0033FF;
}

.rankbar{
	border: 1px solid #999999;
	background-color:#EEEEEE;
	width:90%;
	text-align:left;
}

.percent{
	background-image:url("/images/rankbar.jpg");
	background-color:#FFCC00;
	height: 8px;
}
.oldprice{
	text-decoration:line-through;
}
.promo{
	color:#FF0000;
}

/* formulaires */
.intitule {
	font-weight: bold;
	color: black;
}

.intitule_red{
	font-weight: bold;
	color: red;
}

/* Nouveau Formulaire */

fieldset {
	border: none;
}

fieldset TD {
	font-size: 12px;
}

fieldset input {
	width: 276px;
	background: #9b705b;
	border: 1px solid #000;
	color: #FFF;
}

.cssform p{
width: 432px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 205px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
height: 1%;
line-height: 18px;
}

.cssform p.long{
width: 432px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 305px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
height: 1%;
line-height: 18px;
}

.cssform p.full{
width: 432px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
border-top: 1px dashed gray;
height: 1%;
line-height: 18px;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -205px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform label.long{
font-weight: bold;
float: left;
margin-left: -305px; /*width of left column*/
width: 300px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -205px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input.radio {
	background : #604637;
	width: 10px;
	margin-right: 3px;
	border: none;
}


.cssform .cover {
	margin-bottom: 3px;
}



input.button {
	background:transparent url(images/button_register.jpg) no-repeat scroll left bottom;
	border:medium none;
	cursor:pointer;
	width:144px;
	height:41px;
}


div.error {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #FF0000;
}


img.errormsg {
	border: 2px solid #FF0000;
}


label.errormsg {
	color: #FF0000;
}

span.errormsg {
	color: #FF0000;
}

td.errormsg {
	background-color: #FF0000;
}

select.errormsg {
	background-color: #FF0000;
}