/* ------------------------------------------------------------------------------------------------------------- */
/* définitions globales */

* {
	margin: 0;
	padding: 0;
	z-index: 100;
}

body {
	text-align: center;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	background: #ffe700 url(images/fd-page.jpg) repeat-x top center;
}

.normal {
	font: normal 12px/14px Arial, Helvetica, sans-serif;
}

.plusgrand {
	font: normal 14px/16px Arial, Helvetica, sans-serif;
}

.grandrouge {
	font: bold 28px/30px Arial, Helvetica, sans-serif;
	color:#FF0000;
}

p {
	line-height: 16px;
}

.lienbas {
	color: #000000;
	text-decoration: none;
}

.lienbas:hover {
	color: #000000;
	text-decoration: none;
}

hr.separinbox {
	color: #CCCCCC;
	width: 90%;
	height: 1px;
	text-align: center;
}

/* ------------------------------------------------------------------------------------------------------------- */
/* contenu */

div#contenu {
	width: 784px;
	height: 191px;
	margin: 0 auto;
	text-align: left;
}

div#contenu div {
	position: relative;
}

/* ------------------------------------------------------------------------------------------------------------- */
/* contenu haut */

div#contenuhaut {
	background: #FFF url(images/home-fd-haut-page.jpg) no-repeat;
}

div#contenuhautpage {
	background: #FFF url(images/page-fd-haut-page.jpg) no-repeat;
}

div#bascontenuhaut {
	clear: both;
	height: 10px;
	background: url(images/box-content-down.gif) no-repeat;
}

div#bashaut {
	clear: both;
	height: 10px;
}

div#imagepage {
	position: absolute;
	top: -69px;
	left: 545px;
	height: 1px;
	width: 250px;
}

div#titrepage {
	position: absolute;
	top: -2px;
	height: 80px;
}

div#contenuhautpage h1 {
	font-weight: normal;
	font-size: 26px;
	line-height: 19px;
	padding-left: 30px;
}

div#contenuhautpage h2 {
	color: #46757f;
	font-weight: normal;
	font-size: 20px;
	line-height: 23px;
}

div.hautboxdroitepage h2 {
	padding: 10px 10px 0px 15px;
}

div.hautboxdroitepage h2.resa {
	padding: 10px 10px 0px 15px;
}

/* ------------------------------------------------------------------------------------------------------------- */
/* entete */

div#logo {
	padding: 15px 0px 0px 15px;
}

div#menuhaut {
	width: 470px;
	height: 31px;
	top: -60px;
	left: 280px;
	line-height: 15px;
}

table#tmh a {
	color: #3F666F;
	text-decoration: none;
}

table#tmh a:hover {
	color: #000;
	text-decoration: none;
}

div#langue {
	width: 38px;
	height: 15px;
	top: -48px;
	left: 280px;
	line-height: 15px;
}

/* ------------------------------------------------------------------------------------------------------------- */
/* partie haute */

div#boxhaut {
	float: left;
}

div#resa {
	float: right;
}

table#tmh a:hover {
	color:#CCC;
}

/* ------------------------------------------------------------------------------------------------------------- */
/* box haut gauche */

div#boxhautgauche {
	width: 219px;
	left: 20px;
	top: -4px;
}

div#hautboxhaut {
	padding-top: 1px;
	padding-bottom: 1px;
	background: url(images/home-box-pt-up-intro.gif) no-repeat;
}

div#hautboxhaut h1 {
	margin: 15px;
	color: #FF0000;
	font-weight: bold;
	font-size: 13px;
	line-height: 20px;
}

div#hautboxhaut p {
	margin: 15px;
/*	text-align: justify; */
	line-height: 13px;
}

div#basboxhaut {
	height: 5px;
	background: url(images/box-pt-down.gif) no-repeat;
}

/* ------------------------------------------------------------------------------------------------------------- */
/* box resa droite */

div#boxresa1 {
	width: 505px;
	display: block;
	left: 5px;
}

div#hautresa1 img {
	float: left;
}

div#hautresa1 h2 {
	font-weight: normal;
	font-size: 26px;
	line-height: 19px;
}

div#hautresa1 h4 {
	font-size: 16px;
	line-height: 19px;
	margin-top: 18px;
	margin-left: 32px;
}

div#centreresa1 {
	height: 8px;
	left: -44px;
}

td#accespro1 img {
	margin-left: 122px;
}

div#basresa1 {
	height: 178px;
	left: -24px;
	background: url(images/home-box-resa.jpg) no-repeat;
}

div.basresa {
	width: 480px;
	height: 130px;
	padding: 15px 15px;
	line-height: 15px;
}

p.titreboxresa {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 3px;
}

p.titreboxresa2 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 3px;
}

strong.gratuit {
	font-size: 16px;
	font-weight: bold;
	color:#FF0000
}

p.contenuboxresa {
	padding-bottom: 10px;
	line-height: 16px;
}

p.contenuboxresa2 {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 16px;
}

input.login {
	width: 150px;
	height: 16px;
	font-size: 14px;
	background-image: url(images/fd-form.gif);
	border: solid 1px #666666;
}
input.loginhome {
	width: 100px;
	height: 16px;
	font-size: 14px;
	background-image: url(images/fd-form.gif);
	border: solid 1px #666666;
}

div#vousetes {
	top: -145px;
	left: 260px;
	width: 220px;
	height: 39px;
}

input.radio {
	width: 16px;
	height: 16px;
	border: none;
	background-image: none;
}

div.basresa select {
	width: 50px;
	height: 20px;
	font-size: 14px;
}

div.basresa h3 {
	padding-top: 5px;
	font-size: 26px;
	color:#FF0000;
}

p#separresa {
	padding-top: 10px;
	padding-bottom: 10px;
}

div#imprimer {
	top: -70px;
	left: 360px;
	width: 113px;
	height: 39px;
}

div#reserver {
	top: -130px;
	left: 320px;
	width: 113px;
	height: 70px;
}

h3 {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	text-align: right;
	margin-right: 20px;
	color: #000;
}

.copyright {
	font-size: 10px;
}

div#valider {
	top: -115px;
	left: 360px;
	width: 113px;
	height: 39px;
}

div#envoyer {
	top: -100px;
	left: 360px;
	width: 113px;
	height: 39px;
}

.petit {
	font-size: 9px;
}

a.lienrouge {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

a.lienrouge:hover {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------------------------------- */
/* box milieu */

div.milieu {
	clear: both;
	padding-left: 20px;
	padding-top: 20px;
	width: 744px;
}

div.milieugauche {
	float: left;
}

div.milieudroite {
	float: right;
}

div.hautbox {
	width: 362px;
	background: #FFF url(images/home-content-box-up.gif) no-repeat;
	padding-bottom: 10px;
}

div.hautboxpro {
	width: 744px;
	background: #FFF url(images/home-box-content-pro-up.gif) no-repeat;
	padding-bottom: 10px;
}

div.hautbox h2, div.hautboxpro h2 {
	padding: 20px 15px 0px 15px;
	color: #46757f;
	font-weight: normal;
	font-size: 22px;
	line-height: 19px;
}

div.hautbox p, div.hautboxpro p {
	padding: 10px 15px 0 15px;
/*	text-align: justify; */
	line-height: 16px;
}

.verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.hautbox p.lien, div.hautboxpro p.lien {
	padding: 10px 20px 0 25px;
	text-align: right;
}

div.basbox {
	width: 362px;
	height: 4px;
	background: #FFF url(images/home-box-content-down.gif) no-repeat;
}

div.basboxpro {
	width: 744px;
	height: 4px;
	background: #FFF url(images/home-box-content-pro-down.gif) no-repeat;
}

/* ------------------------------------------------------------------------------------------------------------- */
/* contenu page */

div#contenupage {
	top: -10px;
	clear: both;
	padding-left: 20px;
	width: 744px;
}

table#ddeconfresa td {
	padding: 5px;
}

table#ddeconfresa table td {
	padding: 0px;
}

.tarif td {
	padding: 2px;
}

div#contenugauche {
	width: 504px;
}

div#contenupage h3 {
	text-align: left;
}

div#contenupage h4 {
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	padding-bottom: 7px;
}

div#contenudroite {
	width: 220px;
}

div.boxdroitepage {
	width: 219px;
	padding-bottom: 20px;
}

div.contenuboxpage {
	padding: 0px 10px 10px 15px;
}

div.hautboxdroitepage {
	width: 219px;
	background: #FFF url(images/page-box-pt-up.jpg) no-repeat;
	min-height: 57px;
}

div.basboxdroitepage {
	width: 219px;
	background: #FFF url(images/box-pt-down-page.gif) bottom no-repeat;
}

div#resaboxpage {
	top: 20px;
	width: 505px;
	height: 132px;
	background: #FFF url(images/page-resa-fd.jpg) bottom no-repeat;
}

div#resaboxpage table {
	margin-top: 77px;
	margin-left: 100px;
}

div.petitebox {
	width: 219px;
	padding-bottom: 16px;
}

div.petiteboxresa {
	width: 219px;
}

div.petitebox hr {
	width: 180px;
}

div.petiteboxresa hr {
	width: 180px;
}

div.hautpetitebox {
	padding-top: 1px;
	padding-bottom: 3px;
	background: url(images/home-box-pt-up-intro.gif) no-repeat;
}

div.petitebox p, div.petitebox table {
	margin: 5px 15px;
/*	text-align: justify; */
	line-height: 16px;
}

div.petiteboxresa p, div.petiteboxresa table {
	margin: 5px 15px;
/*	text-align: justify; */
	line-height: 16px;
}

div.petitebox input.modifresa {
	margin: 5px 15px 5px 120px;
}

div.baspetitebox {
	height: 5px;
	background: url(images/box-pt-down.gif) no-repeat;
}

input.inresa {
	width: 180px;
	height: 16px;
	font-size: 11px;
	background-image: url(images/fd-form.gif);
	border: solid 1px #BFBFBF;
	margin-bottom: 5px;
}

/* ------------------------------------------------------------------------------------------------------------- */
/* contenu bas */

div#contenubas {
	clear: both;
	top: 20px;
	width: 784px;
}

div#hautbas {
	clear: both;
	background: #FFF url(images/box-bas-page-up.gif) no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 150px;
}

div#hautbas p {
	line-height: 16px;
}

div#hautbas table {
	line-height: 16px;
}

div#milieubasgauche {
	float: left;
	width: 350px;
	padding: 0 20px;
/*	text-align: justify; */
}

div#milieubasdroite {
	float: right;
	width: 350px;
	padding: 0 20px;
/*	text-align: justify; */
}

div#basbas {
	clear: both;
	height: 10px;
	background: url(images/box-content-down.gif) no-repeat bottom;
}

/* ------------------------------------------------------------------------------------------------------------- */
/* pied de page */

div#pied {
	clear: both;
	top: 40px;
	padding-bottom: 40px;
}

div#contenupied {
	float: left;
	width: 580px;
/*	text-align: justify; */
}

div#logopied {
	float: right;
	width: 121px;
/*	text-align: justify; */
}

.prct {
	font-size: 18px;
	color: #46757F;
}