body {
	margin: 0 auto;
	padding: 0;
	background-color: #f0f0f0;
	font: normal 13px Helvetica, Arial, sans-serif;
	color: #666666;
}
a img{
	border:none;
}


/* Header */

#header {
	height:271px;
	background: #FFFFFF url('images/bgd-header.jpg') repeat-x;
}

#headerContent{
	margin:0 auto;
	width:786px;
	height:271px;
}

#headerContent #headerLogo{
	float:left;
	margin:0 auto;
	width:290px;
}

#headerContent #headerLogo a img{
	border:none;
	margin-left:-130px;
	margin-top:16px;
}

#separator{
	height: 18px;
	margin-top:-1px;
	background: url('images/sep.png') repeat-x;	
}


/* Menu */
#headerTime{
	background: url('images/headerMenu.jpg') no-repeat;
	width:527px;
	height: 18px;
	margin-left:-1px; margin-right:-1px; margin-top:0; margin-bottom:1px
}

#time{
	color:#c0c0c0;
	margin-left:245px;
	padding-top:3px;
}

#headerMenu{
	float:left;
	margin:160px auto 0;
	width:496px;
}

#menu {
	background: url('images/backMenu.png') repeat-x;
	width:525px;
	height:44px;
	margin: 0 auto
}

#leftBackMenu {
	background: url('images/leftBackMenu.png') no-repeat;
	width:3px;
	height: 44px;
	margin-left:-3px; margin-right:0; margin-top:0; margin-bottom:0

}

#rightBackMenu {
	background: url('images/rightBackMenu.png') no-repeat;
	width:3px;
	height:44px;
	margin-left:525px; margin-right:0; margin-top:-57px; margin-bottom:0
}

#menu ul {
	margin-top: -43px;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
	float:left;
	margin:0px;
}

#menu .sep {
	display:block;
	float:left;
	height:43px;
	margin: 0px;
	width:1px;
	background: url('images/sepMenu.png') no-repeat;
}

#menu a:hover {
	color: #FFFFFF;
}

#menu .first a {
	background: none;
}

#facebook{
	margin-bottom:0;
  	margin-left:334px;
  	margin-right:0;
  	margin-top:8px;
  	width:205px;
  	height:18px;
}
#facebook a{
	float:left;
	margin-left:3px;
}

/******************bouton acceuil**********************/
ul.menu li a.accueil{
	background:url('images/accueil.jpg') no-repeat;
	display:inline-block;
	height:37px;
	width:83px;
	margin : 0px;
	padding : none
}
ul.menu li a.accueil:hover {
	background:url('images/accueilOver.jpg') no-repeat;
	height:37px;
	width:83px;
	margin : 0px;
	padding : none
}

ul.menu li a.accueil:active{
	background: url('images/accueilClick.jpg') no-repeat;
	height:37px;
	width:83px;
	margin : 0px;
	padding : none
}

/******************bouton tarifs**********************/
ul.menu li a.tarifs{
	background:url('images/tarifs.jpg') no-repeat;
	display:inline-block;
	height:37px;
	width:65px;
	margin : 0px;
	padding : none
}
ul.menu li a.tarifs:hover {
	background:url('images/tarifsOver.jpg') no-repeat;
	height:37px;
	width:65px;
	margin : 0px;
	padding : none
}

ul.menu li a.tarifs:active, ul.menu li a.tarifs#current{
	background: url('images/tarifsClick.jpg') no-repeat;
	height:37px;
	width:65px;
	margin : 0px;
	padding : none
}
/******************bouton code**********************/
ul.menu li a.code{
	background:url('images/code.jpg') no-repeat;
	display:inline-block;
	height:37px;
	width:132px;
	margin : 0px;
	padding : none
}
ul.menu li a.code:hover {
	background:url('images/codeOver.jpg') no-repeat;
	height:37px;
	width:132px;
	margin : 0px;
	padding : none
}
ul.menu li a.code:active, ul.menu li a.code#current{
	background: url('images/codeClick.jpg') no-repeat;
	height:37px;
	width:132px;
	margin : 0px;
	padding : none
}
/******************bouton aide**********************/
ul.menu li a.aide{
	background:url('images/aide.jpg') no-repeat;
	display:inline-block;
	height:37px;
	width:108px;
	margin : 0px;
	padding : none
}
ul.menu li a.aide:hover {
	background:url('images/aideOver.jpg') no-repeat;
	height:37px;
	width:108px;
	margin : 0px;
	padding : none
}
ul.menu li a.aide:active, ul.menu li a.aide#current{
	background: url('images/aideClick.jpg') no-repeat;	
	height:37px;
	width:108px;
	margin : 0px;
	padding : none
}
/******************bouton contact**********************/
ul.menu li a.contact{
	background:url('images/contact.jpg') no-repeat;
	display:inline-block;
	height:37px;
	width:133px;
	margin : 0px;
	padding : none
}
ul.menu li a.contact:hover {
	background:url('images/contactOver.jpg') no-repeat;
	height:37px;
	width:133px;
	margin : 0px;
	padding : none
}
ul.menu li a.contact:active, ul.menu li a.contact#current{
	background: url('images/contactClick.jpg') no-repeat;	
	height:37px;
	width:133px;
	margin : 0px;
	padding : none
}


/* Contener */

#contener {
	background: #f0f0f0 url('images/bgd-content.jpg') repeat-x bottom;
	height:526px;
	min-height:600px;
	padding-bottom:20px
}
#case{
	margin:60px auto;
	width:786px;
}
#case .bloc{
	float:left;
	margin:60px 0 0 20px;
	width:235px;
}
#case .bloc .blocImg{
	text-align: center;
	width:235px;
	height:140px;
	border: solid 0px ;
}
#case .bloc .blocSep{
	background: url('images/separatorBloc.png') repeat-x bottom;
}
#case .bloc .blocSep p{
	text-align: center;
	color: #2f7db6;
	font:16px Helvetica,Arial,sans-serif;
	padding-bottom:8px;
}
#case .bloc .blocText{
}


/* Footer */

#footer {
	background: #cacaca url('images/footerBar.png') no-repeat top;
	height: 35px;
	padding: 20px;
	margin:0 auto
}

#footer p {
	text-align: center;
	color: #8c8c8c;
	font:11px Helvetica,Arial,sans-serif;
}

#footer #legal {
	text-align: center;
}

#footer #legal a {
	color: #3d3d3d;
	text-decoration: none;
}

#footer #legal a:hover {
	color: #006cbc;
	text-decoration: underline;
}


form {
	width: 500px;
	padding: 10px 20px;
}
form p {
	margin: 1em 0;
}
form p.double {
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;
}
form p.double label {
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}
form p.double label span.info {
	display: block;
	margin-top: .2em;
	font-size: .8em;
	font-weight: normal;
	cursor: default;
}
form p.double input,
form p.double textarea {
	width: 250px;
	margin-left: 12px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}
form p.double textarea {
	padding: 2px 4px;
	width: 250px;
	height: 6em;
}
form p.simple {
	margin-left: 160px;
}
form p.double select {
width: 50px;
	margin-left: 12px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}
#contener .block-code fieldset {
 	border:1px dotted #003399;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;
	width:600px;
		
}
.block-code {
	width:600px;
	margin-left:auto;
	margin-right:auto;	
}

.center {
	text-align:center;
}

.prix {
	font-size:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
table {
	width:100%;
	background-color:#D7EFF7;
	border: #003366 solid 2px;
}
.note {
	font-style:italic;
}
td.prix {
	background-color:#6699CC;
	color:#FFFFFF;
	text-align:center;
}