/* *****************************************
********GENERAL ET HEADER*******************
********************************************/

body
{
margin: 0;
padding: 0;
text-align: center ;
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
background-color: #488FE1 ;
}

#header {
height: 136px;
background-color: #FFFFFF;
border-top: 0px solid #fff137;
border-left: 0px solid #fff137;
border-right: 0px solid #fff137;
background: url(images/top.jpg) no-repeat left top
}

/* SPACER : NE PAS TOUCHER */
.spacer {
  clear: both;
}


.flash {
position: absolute;
top: 0px ;
left: 0px ;
padding: 0;
margin: 0;
z-index: 2;
border: 0px;
}
.flash a img {
border: 0px;
}

/* TABLEAU 4 COLONNES */
.table4 {
background-color:#B2BEDC;
padding-top: 10px;
padding-left: 80px;
}
.table4 table {
border: 1px solid #000000;
border-collapse: collapse;
}
.table4 td {
border: 1px solid #000000;
width: 25%;
}

/* TABLEAU 3 COLONNES */
.table3 {
background-color:#B2BEDC;
padding-top: 10px;
padding-left: 130px;
}
.table3 table {
border: 1px solid #000000;
border-collapse: collapse;
}
.table3 td {
border: 1px solid #000000;
width: 33%;
}

/* TABLEAU 2 COLONNES */
.table2 {
background-color:#FFFFFF;
float: left;
margin: 0px;
}
.table2 table {
border-collapse: collapse;
margin-left: 120px;
margin-bottom: 5px;
}
.table2 td {
border: 1px solid #000000;
background-color:#ECECEC;
width: 250px;
padding: 1px;
}

/* TABLEAU DISPONIBILITE */
.tabledispo {
background-color:#8FE4AF;
float: left;
margin: 6px;
border: 1px solid #000000;
font-weight: bold ;
font-size: 0.85em ;
}
.tabledispo table {
border: 1px solid #000000;
border-collapse: collapse;
}
.tabledispo td {
border: 1px solid #000000;
width: 8px;
}
.tableindispo {
background-color:#FE5E5E;
}
.tableNA {
background-color:gray;
}
.tabletitre {
background-color:#ECECEC;
}
.tablelegend {
float: left;
margin: 6px;
border: 0px solid #000000;
font-weight: bold ;
font-size: 0.85em ;
}
.tablelegend table {
border: 0px solid #000000;
border-collapse: collapse;
}
.tablelegendG {
background-color:#8FE4AF;
border: 1px solid #000000;
width: 10px;
}
.tablelegendG2 {
background-color:#FE5E5E;
border: 1px solid #000000;
width: 15px;
}
.tablelegendD {
border: 0px solid #000000;
width: 150px;
}



/* *****************************************
***************BANDEAUX PUB*****************
********************************************/

/* BANDEAU DE PUB DROITE */
#pub {
position: absolute;
top: 191px ;
color: #FFFFFF;
left: 750px ;
width: 120px;
height: 300px;
padding: 0;
margin-left: 2px;
background-color: #023EAB;
border: 1px solid #000000;
}
#pub2 {
position: absolute;
top: 500px ;
color: #FFFFFF;
left: 750px ;
width: 120px;
height: 300px;
padding: 0;
margin-left: 2px;
background-color: #023EAB;
border: 1px solid #000000;
}

/* *****************************************
***************CONTENU**********************
********************************************/

/* CONTENEUR GENERAL */
#conteneur {
position: absolute;
width: 750px;
top: 10px;
left: 50%;
padding:0;
margin-left: -375px;
/* background-color:#ECECEC; */
text-align: left ;
}
#conteneurbordure {
position: absolute;
left: 50%;
margin-left: -375px;
padding-top: 0px;
top: 190px;
width:746px;
/* background: url(images/barrefond.jpg) repeat-y ; */
background-color:#ECECEC;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
text-align: left ;
}


/* CONTENU SUR UNE SEULE COLONNE */
.centretitre {
/* background-color:#000000; */
background: url(images/top-Down.jpg) repeat-x 0px 0 ;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 5px;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-top: 0px solid #fff137;
border-bottom: 0px solid #000000;
padding : 0px;
}
.centretitre p {
text-align: justify;
font-weight: bold ;
/* text-indent: 2em ; */
line-height: 1.7em ;
color: #fff137;
margin: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 0;
padding-bottom:8px;
}
.centretitre h1 {
/* background: url(images/medtitre.gif) no-repeat left bottom; */
border-bottom : 1px solid #000000;
line-height: 22px;
font-size: 1em ;
color: white;
font-weight: bold ;
margin: 0px;
padding-bottom: 0px;
padding-top: 8px;
padding-left : 0px
/* padding-left : 80px; */
padding-right: 8px;
}

.centrebloctop {
margin-left: 5px;
margin-right: 5px;
margin-bottom: 0px;
margin-top: 5px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 0px solid #000000;
padding : 0px;
font-weight: bold ;

}
.centrebloctop h2 {
/* background: url(images/medtitre.gif) no-repeat left bottom; */
background-color:#A7C8B3;
text-align: left;
color : #000000;
font-size: 1.3em ;
font-weight: bold ;
margin: 0px;
padding-top: 5px;
padding-left: 5px;
border-left : 0px solid #fd4900;
border-bottom: 0px solid #000000;
}

.centrebloc {
background-color:#FFFFFF;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 8px;
margin-top: 0px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding : 0px;
/* font-weight: bold ; */
}
.centrebloc form{
background-color:#FFFFFF;
}

.centrebloc h2 {
background: url(images/medtitre.gif) no-repeat left bottom;
text-align: left;
color : #000000;
/* color : #fd4900;*/
font-size: 1.2em ;
font-weight: bold ;
margin: 0px;
padding-top: 5px;
padding-left: 5px;
border-left : 0px solid #fd4900;
border-bottom: 1px solid #000000;
}
.centrebloc p {
background-color:#FFFFFF;
text-align: justify;
font-size: 1.2em ;
color: #000000;
margin: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom:4px;
border-left: 0px solid #8D8D47;
border-right: 0px solid #000000;
}
.centrebloc h3 {
background: url(images/BandeauParagraph.jpg) repeat-x left bottom;
text-align: left;
color : #fd4900;
font-size: 1.2em ;
font-weight: bold ;
margin: 0;
padding-top: 5px;
padding-left: 5px;
border-left : 0px solid #fd4900;
border-top: 0px solid #fd4900;
}
.centrebloc a {
color: #00328E;
text-decoration: none;
font-weight: bold ;
}
.centrebloc a:hover {
color: #fd4900;
text-decoration: none;
}

.centreblocgras {
font-weight: bold ;
}
.centreblocred {
font-weight: bold ;
color: #fd4900;
}


.centreblocslide {
background-color:#fffb9b;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
border-left: 2px solid #fd4900;
border-right: 2px solid #fd4900;
border-top: 2px solid #fd4900;
border-bottom: 2px solid #fd4900;
padding: 0px;
}

.centreblocflash {
margin-left: 155px;
margin-right: 5px;
margin-bottom: 0px;
margin-top: 20px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding : 8px;
background-color:#8E9EC7;
text-align: justify;
line-height: 1.2em ;
color: #000000;
/* font-weight: bold ; */
}
.centreblocflash a {
color: #00328E;
text-decoration: none;
font-weight: bold ;
}
.centreblocflash a:hover {
color: #fd4900;
text-decoration: none;
}


/* CONTENU SUR 2 COLONNES */
.centredemiblocgauche {
float: left;
width: 355px;
background-color:#000000;
margin-left: 3px;
margin-right: 0px;
margin-bottom: 5px;
margin-top: 5px;
border-left: 2px solid #8D8D47;
border-right: 2px solid #8D8D47;
border-top: 2px solid #8D8D47;
border-bottom: 2px solid #8D8D47;
padding : 0px;
}
.centredemiblocgauche h2 {
text-align: left;
background: url(images/BandeauParagraph.jpg) repeat-x left bottom;
color : white;
font-size: 1.2em ;
font-weight: bold ;
margin: 0px;
padding-top: 5px;
padding-left: 5px;
border-left : 0px solid #fd4900;
border-bottom: 2px solid #8D8D47;
}
.centredemiblocgauche p {
text-align: justify;
font-weight: bold ;
line-height: 1.7em ;
color: #FFFDC1;
margin: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom:12px;
}
.centredemiblocgauche h3 {
text-align: left;
color : white;
font-size: 1.2em ;
font-weight: bold ;
margin: 0;
padding-top: 8px;
padding-left: 5px;
border-left : 0px solid #fd4900;
border-top: 2px solid #fd4900;
}
.centredemiblocgauche a {
color: #000000;
text-decoration: none;
}
.centredemiblocgauche a:hover {
color: #fd4900;
text-decoration: none;
}
.centredemiblocdroit {
float: right;
width: 355px;
background-color:#000000;
margin-left: 0px;
margin-right: 3px;
margin-bottom: 5px;
margin-top: 5px;
border-left: 2px solid #8D8D47;
border-right: 2px solid #8D8D47;
border-top: 2px solid #8D8D47;
border-bottom: 2px solid #8D8D47;
padding : 0px;
}
.centredemiblocdroit h2 {
text-align: left;
background: url(images/BandeauParagraph.jpg) repeat-x left bottom;
color : white;
font-size: 1.2em ;
font-weight: bold ;
margin: 0px;
padding-top: 5px;
padding-left: 5px;
border-left : 0px solid #8D8D47;
border-bottom: 2px solid #8D8D47;
}
.centredemiblocdroit p {
text-align: justify;
font-weight: bold ;
line-height: 1.7em ;
color: #FFFDC1;
margin: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom:12px;
}
.centredemiblocdroit h3 {
text-align: left;
color : #fd4900;
font-size: 1.2em ;
font-weight: bold ;
margin: 0;
padding-top: 8px;
padding-left: 5px;
border-left : 0px solid #fd4900;
border-top: 2px solid #fd4900;
}
.centredemiblocdroit a {
color: #000000;
text-decoration: none;
}
.centredemiblocdroit a:hover {
color: #fd4900;
text-decoration: none;
}

/* *****************************************
***************FORMULAIRES******************
********************************************/


/* GESTION DES FORMULAIRES  */
.formQuizz form {
color: #000000;
float: center;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
/* background-color:#B2BEDC; */
}
.formQuizz form label {
float: left;
width: 60px;
}
.formQuizz form input {
width: 20x;
margin-bottom: 2px;
}

.formResa form {
float: left;
margin: 0px;
padding-left : 100px;
}
p.formtitre {
background:#A7C8B3;
color:#000000;
padding: .2em .3em;
font-size:1.1em;
font-weight: bold ;
border:1px solid black;
position:relative;
margin-bottom:-1em;
width:200px;
margin-left:10px;
margin-top:1em;
}
fieldset {
border: none;
margin-left:10px;
margin-bottom:1em;
width: 500px;
padding-top:1.5em;
padding-left:5px;
background:#ECECEC;
border:1px solid black;
}
#coordonnees label {
font-weight: bold ;
float: left;
width: 100px;
margin-bottom:5px;
}
#coordonnees input {
width: 20x;
margin-bottom: 5px;
}
#reservation label {
font-weight: bold ;
float: left;
width: 230px;
margin-bottom:5px;
}
#reservation input {
width: 20x;
margin-bottom: 5px;
}
p.buttons {
background:#FFFFFF;
margin-left:160px;
}
textarea {
width:450px;
margin-left:5px;
margin-bottom:5px;
padding:5px;
}


/* *****************************************
***************IMAGES***********************
********************************************/

.centreimagegauche {
float: left;
}
.centreimagegauche img{
padding: 0px;
margin-top: 6px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 6px;
border: 1px solid #000000;
}
.centreimagegauche object{
padding: 0px;
margin-top: 12px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 0px;
border: 1px solid #000000;
}

.puce {
float: left;
padding: 0px;
padding-bottom:0px;
margin-top: 15px;
margin-right: 2px;
margin-left: 0px;
margin-bottom: 0px;
border: 0px solid white;
}
.puce a img {
border: 0px;
}
.centreimagedroite {
float: right;
}
.centreimagedroite img{
padding: 0px;
margin-top: 6px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 6px;
border: 1px solid #000000;
}
.centreimagedroite p{
padding: 0px;
margin-top: 12px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 0px;
border: 1px solid #000000;
}

.centreimagecentre {
border-left: 0px solid #DC8008;
border-right: 0px solid #DC8008;
}
.centreimagecentre object{
padding: 0px;
margin-top: 12px;
margin-right: 0px;
margin-left: 60px;
margin-bottom: 0px;
border: 1px solid #000000;
}
.centreimagecentre img{
padding: 0px;
margin-top: 12px;
margin-right: 0px;
margin-left: 8px;
margin-bottom: 0px;
border: 1px solid #000000;
}

.centreimagecentretitre {
border-left: 0px solid #DC8008;
border-right: 0px solid #DC8008;
}
.centreimagecentretitre img{
width :320px;
padding: 0px;
margin-top: 12px;
margin-right: 0px;
margin-left: 148px;
margin-bottom: 0px;
border: 1px solid #000000;
}

.centreimagecentre400 {
border-left: 0px solid #DC8008;
border-right: 0px solid #DC8008;
}
.centreimagecentre400 img{
padding: 0px;
margin-top: 12px;
margin-right: 0px;
margin-left: 158px;
margin-bottom: 0px;
border: 1px solid #000000;
}

.centreimagecentre565 {
border-left: 0px solid #DC8008;
border-right: 0px solid #DC8008;
}
.centreimagecentre565 object{
padding: 0px;
margin-top: 12px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
border: 1px solid #000000;
}

.centreimagecentreduo {
float: left;
}
.centreimagecentreduo img{
padding: 0px;
margin-top: 12px;
margin-right: 0px;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #000000;
}

/*
FLASH
*/
.centreflashdroite {
float: right;

}
.centreflashdroite p {
padding: 0px;
border: 1px solid #000000;
}

/* *****************************************
***************GALERIE***********************
********************************************/

.galerie
{
	width: 734px ;
	background: #FFFFFF ;
	border: 0px solid #000000 ;
	padding: 0 ;
	margin: 0 ;
	text-align: center ;
}
.galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
.galerie_mini li
{
	float: left ;
}
.galerie_mini li a img
{
	margin: 0px;
	margin-top : 10px;
	margin-left: 20px;
	border: 1px solid #000000 ;
}
.photo
{
	clear: both ;
	margin: 0 auto ;
}
.photo dt
{
	font-size : 1.2em;
	font-weight: bold;
	color: #000000 ;
}
.photo dd
{
	margin: 0 ;
}
.photo img
{
	border: 1px solid #000000 ;
}
.legende
{
	clear: both ;
	margin: 0 ;
	margin-bottom: 20px;
}
.legende dt
{
	font-size: 0.8em ;
	font-weight: bold;
	color: #000000 ;
}


/* *****************************************
***************MENUS************************
********************************************/


/* ONGLETS */
#menuhaut {
list-style-type: none;
background: url(images/menuhaut.jpg) repeat-x 0px -40px ;
height: 40px ;
margin: 0px;
padding:0px;
border-top: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
}
#menuhaut li {
float: right ;
text-align: center ;
}
#menuhaut a {
/* width: 106px ; */
width: 124px ;
margin: 0px;
padding:0px;
line-height: 40px ;
font-size: 14px ;
font-weight: bold ;
color: #065101;
display: block ;
text-decoration: none ;
}
#menuhaut a:hover {
margin: 0px;
padding:0px;
text-decoration: none;
color: #FFC000 ;
background: url(images/menuhaut.jpg) repeat-x 0px 0px ;
}

/* MENU DE GAUCHE */
.conteneurmenu {
position: absolute;
left:0px;
width: 150px;
top: 45px;
/* background-color: #FFC103; */
text-align: left ;
}
.menugauchecentre {
background: url(images/menugauchecentre.jpg) repeat-y left top;
list-style-type: none;
margin-left: 5px;
margin-right :0;
margin-top : 0;
margin-bottom:5px;
width: 140px;
line-height: 12px ;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 0px solid #000000;
border-bottom: 1px solid #000000;
padding-right: 0px;
padding-top: 0px;
padding-left: 3px;
padding-bottom: 2px;
}
.menugauchetop {
background: url(images/menugauchetop.jpg) repeat-y left top;
width: 142px;
margin-left: 5px;
margin-right :0;
margin-top : 5px;
margin-bottom: 0px;
padding-left: 3px;
padding-right: 0px;
line-height: 20px ;
font-size: 1em ;
font-weight: bold ;
letter-spacing: 1px ;
color : #FFD200;
border-left: 1px solid #000000;
border-right: 0px solid #5B80C4;
border-top: 0px solid #000000;
border-bottom: 0px solid #5B80C4;
}
.menugauchetop2 {
background: url(images/menugauchetop2.jpg) repeat-y left top;
width: 142px;
margin-left: 5px;
margin-right :0;
margin-top : 5px;
margin-bottom: 0px;
padding-left: 3px;
padding-right: 0px;
padding-bottom: 2px;
line-height: 14px ;
font-size: 1em ;
font-weight: bold ;
letter-spacing: 1px ;
color : #FFD200;
border-left: 1px solid #000000;
border-right: 0px solid #5B80C4;
border-top: 0px solid #000000;
border-bottom: 0px solid #5B80C4;
}

.menugauchebas {
background: url(images/menugauchebas.jpg) no-repeat left top;
width: 140px;
margin-left: 5px;
margin-right :0;
margin-top: 0;
margin-bottom:5px;
padding:0;
padding-left: 3px;
line-height: 20px ;
border: 1px solid #5B80C4;
}
.menugauchecentre a {
margin: 0 2px;
color: #E2E2DE;
text-decoration: none;
font-weight: bold ;
font-size: 0.9em ;
}
.menugauchecentre a:hover {
text-decoration: none;
color : #150062;
}

/* *****************************************
***************PIED DE PAGE*****************
********************************************/

#pied {
clear:both;
height: 100px;
font-size: 0.9em ;
font-weight: bold ;
color: black;
background: url(images/Down.jpg) no-repeat left top;
/* background-color: #fff137; */
border-top: 0px solid #000000;
border-bottom: 2px solid #000000;
text-align: center ;
}
#pied p {
line-height: 1.3em ;
margin :0;
padding: 0 5px 0 0;
}
#pied img {
 vertical-align: middle;
}
#pied a {
color: black;
text-decoration: none;
}
#pied a:hover {
color: #fd4900;
text-decoration: none;
}