body{
	margin:0;
	padding:100px 0 0 0;
	background:#dfe2e6 url(/images/body-bg.jpg) repeat-x 100% 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#666;
}
a{
	color:#ff6600;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
img{
	border:0;
}
p{
	margin:0;
}
ul{
	padding:0;
	margin:0;
	list-style:none;
}
.center {
	text-align: center;
}
#header{
	width:812px;
	height:140px;
	margin:0 auto;
	overflow:hidden;
	background:url(/images/header-bg.jpg) no-repeat 0 0;
}
#header h1{
	margin:23px 0 0 35px;
	padding:0;
	display:inline;
	float:left;
	text-indent:-9999px;
	width:280px;
}
#header h1 a{
	width:280px;
	height:60px;
	display:block;
	overflow:hidden;
}
ul.navigation{
	margin:29px 0 0 22px;
	width:768px;
	float:left;
	display:inline;
	border-top:1px solid #fff;
}
ul.navigation li{	
	width:79px;
	border:1px solid #fff;
	border-top:0;
	float:left;
	margin:0 8px 0 0;
	display:inline;
	padding:0 0 1px 0;
}
ul.navigation li a{
	background:url(/images/nav-a-bg.gif) repeat-x 0 0;
	float:left;
	height:18px;
	width:77px;
	margin:1px 0 0 1px;
	padding:1px 0 0 0;
	display:inline;
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#006699;
	text-decoration:none;
}
ul.navigation li a:hover, ul.navigation li a.active{
	color:#fff;
	background:url(/images/nav-a-bg-hover.gif) repeat-x 0 0;
}
.main{
	width:806px;
	margin:0 auto;
	background:url(/images/content-center.png) repeat-y 0 0;
	overflow:hidden;
	padding:15px 0 0 6px;
}
.main-bottom{
	width:812px;
	background:url(/images/content-bottom.png) no-repeat 0 0;
	overflow:hidden;
	margin:0 auto;
}
.main-content{
	margin:0 0 0 6px;
	float:left;
	width:800px;
}
.rounded-box, .usual-box{
	background:url(/images/rounded-bg.gif) no-repeat 0 100%;
	padding:0 16px 13px 16px;
	width:768px;
	float:left;
}
.rounded-box img, .usual-box img{
	float:left;
	margin:0 22px 0 0;
}
.usual-box{
	background:none;
	margin:14px 0 0 0;
}
.usual-box p{
	margin-bottom: 10px;
}
.usual-box h2{
	color:#006699;
	font:bold 14px Arial, Helvetica, sans-serif;
	padding:0 0 12px 0;
	margin:0;
}
.usual-box h3{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ff6600;
}
.usual-box ul li{
	padding:0 0 16px 0;
}
.gradient-box-bg{
	background:url(/images/gradient-box-bg.gif) repeat-x 0 0;
	width:800px;
	float:left;
	padding:5px 0 0 0;
}
.two-items{
	width:770px;
	padding:0 0 12px 0;
	margin:15px 0 0 16px;
	border-bottom:1px solid #ff6600;
	float:left;
	display:inline;
}
.two-items-ct{
	background:url(/images/orange-slide.gif) repeat-y 0 0;
	float:left;
	width:770px;
}
.left-item{
	width:370px;
	padding:0 11px 0 0;
	margin:0 18px 0 0;
	float:left;
}
.right-item{
	width:370px;
	float:left;
}
.two-items-ct img{
	margin:0 11px 0 0;
	float:left;
	display:inline;
}
.two-items-ct h2{
	color:#006699;
	font:bold 14px Arial, Helvetica, sans-serif;
	padding:0 0 2px 0;
	margin:0;
}
.two-items-ct h3{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ff6600;
	padding:0 0 2px 0;
	margin:0;
}
.arrows-bottom-box{
	width:768px;
	float:left;
	text-align:center;
	margin:18px 0 0 16px;
	display:inline;
	background:url(/images/arrows-blue.gif) no-repeat 50% 100%;
	padding:0 0 40px 0;
}
.arrows-bottom-box h4{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#006699;
	margin:0;
	padding:0;
}
.arrows-bottom-box h5{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#999;
	margin:0;
	padding:0 0 12px 0;
}
.arrows-bottom-box h5 a{
	color:#999;
}
.orange-top{
	background:url(/images/orange-top.gif) no-repeat 0 0;
	width:768px;
	padding:5px 0 0 0;
	margin:0 0 0 16px;
	float:left;
	display:inline;
}
.orange-bottom{
	background:url(/images/orange-bottom.gif) no-repeat 0 100%;
	width:768px;
	padding:0 0 6px 0;
	float:left;
}
.orange-center{
	background:#db6502 url(/images/orange-center.gif) repeat-x 0 0;
	width:760px;
	float:left;
	min-height:43px;
	padding:0 0 0 8px;
}
* html .orange-center{
	height:43px;
}
span.chois{
	padding:0 0 0 17px;
	background:url(/images/arrow.gif) no-repeat 0 2px;
	float:left;
	font-weight:bold;
	color:#fff;
}
span.chois a{
	color:#fff;
}
.chois-form{
	width:622px;
	float:left;
	margin:8px 0 0 0;
}
.chois-form form{
	padding:0;
	margin:0;
	float:left;
}
.chois-form div{
	float:left;
	width:622px;
}
select.chois-sel, select.chois-sel-last{
	width:138px;
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
	margin:0 20px 0 0;
	display:inline;
}
span.chk{	
	width:20px;
	float:left;
	font:10px Arial, Helvetica, sans-serif;
	color:#fff;
}
label.ch{
	color:#fff;
	float:left;
	width:120px;
}
input.chk-box{
	width:22px;
	height:22px;

	margin:0 4px 0 0;
	display:inline;
}
.voir{
	width:125px;
	float:right;
	min-height:54px;
	border-left:1px solid #fff;
	padding:0 0 0 12px;
}
* html .voir{
	height:54px;
}
a.vr{
	font:bold 12px Arial, Helvetica, sans-serif;
	background:url(/images/map.gif) no-repeat 0 0;
	padding:10px 10px 0 60px;
	float:left;
	color:#fff;
	height:34px;
	text-decoration:none;
}
a.vr:hover{
	text-decoration:underline;
}
.inner-box{
	width:768px;
	margin:0 0 0 16px;
	display:inline; 
	border-top:1px solid #ff6600;
	padding:13px 0 12px 0;
	float:left;
}
ul.thumbs-list{
	width:768px;
	float:left;
}
ul.thumbs-list li{
	padding:0 20px 0 0;
	display:inline;
}

ul.thumbs-list li.last-th{
	padding:0;
}
ul.opt-list{
	width:768px;
	float:left;
}
ul.opt-list li{
	display:inline;
	padding:0 40px 0 0;
	float:left;
}
ul.opt-list li img{
	float:left;
}
ul.opt-list li a{
	float:left;
	margin:8px 0 0 8px;
	display:inline;
}
.footer{
	width:768px;
	float:left;
	margin:30px 0 0 16px;
	padding:0 0 30px 0;
	display:inline;
}
.footer span{
	float:right;
	color:#000;
	font:10px Arial, Helvetica, sans-serif;
	color:#333;
}
.footer span a{
	color:#333;
}

/* Errors explanations */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#ErrorExplanation {
  border: 2px solid 'red';
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: red;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}
/* Used to give informations to user */
.notice {
        text-align: center;
    color: #484848;
    font: bold 11px/18px Arial, sans-serif;
}

.error {
        text-align: center;
        color: #bc0012;
    font: bold 11px/18px Arial, sans-serif;
}