/* Elements basiques de la page */
html{
margin:0;
padding:0;
text-align:center;}

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin:0;
padding:0;
background: #3D220F url(../design/fond.jpg) repeat-x top center;
text-align:center;}

* {margin:0;padding:0}

h1{ 
text-indent:-9999px; 
height:0;}

h3{ 
font-size:1.5em; 
text-transform:lowercase; 
font-family:Georgia, "Times New Roman", Times, serif; 
font-style:italic;
font-weight:bold;}


form#ext{
float:right;
width:310px;
text-align:left;
padding-top:55px;}


form #interne{
text-align:left;
}

hr{
height:1px;
margin: 0;
padding: 0;
background:none; border:none; 
border-bottom: 1px dotted #4A3425;}



blockquote{
padding:20px;
font-size:1.1em;
color:#292929;
line-height:1.8em;
text-align:left;
}

a{ color: #4A3425; text-decoration:none;}

a:hover{text-decoration:underline;}

h5{
font-family:Verdana;
letter-spacing:0.1px;
font-size:1.1em;
color:#2F231A;
line-height:1.6em;
margin-bottom:4px;
font-style:normal;
border-bottom:1px dotted #2F231A;}

img.photo{
border:1px solid #563419;
margin:4px;
padding:0;
float:left;}

.submit[class]{
border:0;
background: transparent url(../design/submit.png) no-repeat;
width:52px;
height:52px;
cursor:pointer;
float:right;
margin-right:20px;}


.submit{
margin-right:20px;
float:right;
border:0;
background-color:transparent;
width:52px;
height:52px;
cursor:pointer;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/submit.png', sizingMethod='crop')
}



.submit2[class]{
	border:0;
	background: transparent url(../design/submit2.png) no-repeat;
	width:219px;
	height:52px;
	cursor:pointer;
	float:right;
	}


.submit2{

float:right;
border:0;
background-color:transparent;
width:219px;
height:52px;
cursor:pointer;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/submit2.png', sizingMethod='crop')
}







#logo{
float:left;
width:177px;
height:177px;
background:transparent url(../design/logo.jpg) no-repeat center ;
}

#logo h3{
text-indent:-9999px;}

#forfaits_fr{
float:left;
width:723px;
height:177px;
background:transparent url(../design/fond_forfaits.jpg) no-repeat center ;
}

#forfaits_de{
float:left;
width:723px;
height:177px;
background:transparent url(../design/fond_forfaits_de.jpg) no-repeat center ;
}

#forfaits_en{
float:left;
width:723px;
height:177px;
background:transparent url(../design/fond_forfaits_en.jpg) no-repeat center ;
}


#pied{width:520px; height:30px;margin-left:auto;
margin-right:auto; }

ul#pied{
width:520px;
margin-left:auto;
margin-right:auto;
diplay:block;
text-align:center; 
}

ul#pied li{

float:left;
list-style:none;}

ul#pied li a{
text-transform:uppercase;
font-size:1em;
letter-spacing:1px;
padding-left:8px;
padding-right:8px;
color:#7D4A2A;
text-decoration:none;
border-right:1px solid #7D4A2A;}

ul#pied li#last a{ border-right:0;}

ul#pied li a:hover{ text-decoration:underline; color:#CB8A62;}



/* Liste de navigation */

ul#navigation{
float:left;
diplay:block;
text-align:center; 
}

ul#navigation li{
diplay:block;
float:left;
list-style:none;}

ul#navigation li a{
text-transform:uppercase;
font-size:1em;
letter-spacing:1px;
padding-left:7px;
padding-right:7px;
color:#C6D392;
text-decoration:none;
border-right:1px solid #C6D392;}

ul#navigation li#last a{ border-right:0;}

ul#navigation li.selected  a {text-decoration:underline;}

ul#navigation li a:hover{ text-decoration:underline;}



ul li{
list-style-image:url(../design/list_puce.gif);
line-height:1.5em;
margin-bottom:10px;}
/* Placement des éléments */
#page{
width:100%;
height:500px;
position:absolute;
top: 48%;
left:0;
margin-top: -250px;
text-align:center;}

#menu{
width:1024px;
overflow:hidden;
height:20px;
text-align:center;
background-color:transparent;
margin-left:auto;
margin-right:auto;}

#flags{
float:left;
width:60px;
height:20px;}


#centre_accueil{width:100%;
height:270px;
background-color:#A5AD7C;}

#bottom_accueil{
width:900px;
height:177px;
text-align:center;
background-color:transparent;
margin-left:auto;
margin-right:auto;}


#weekends{
float:left;
padding-left:20px;
padding-top:20px;
}



#bienetre[id]{
text-indent:-9999px;
float:left;
width:90px;
height:120px;cursor:pointer;
filter:none;
background:transparent url(../design/bienetre.png) no-repeat center ;
}


#bienetre{
text-indent:-9999px;
float:left;
width:90px;
height:120px;cursor:pointer;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/bienetre.png', sizingMethod='crop')
}


#reservation[id]{

float:right;
width:200px;
height:70px;
filter:none;
background:transparent url(../design/reservez.png) no-repeat center ;
cursor:pointer;
}


#reservation{

float:right;width:200px;
height:70px;
cursor:pointer;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/reservez.png', sizingMethod='crop')
}


#reservation_en[id]{
text-indent:-9999px;
float:right;
width:200px;
height:70px;
background:transparent url(../design/reservez_en.png) no-repeat center ;

}


#reservation_en{
text-indent:-9999px;
float:right;width:200px;
height:70px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/reservez_en.png', sizingMethod='crop')
}



#reservation_de[id]{
text-indent:-9999px;
float:right;
width:200px;
height:70px;
background:transparent url(../design/reservez_de.png) no-repeat center ;

}


#reservation_de{
text-indent:-9999px;
float:right;width:200px;
height:70px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/reservez_de.png', sizingMethod='crop')
}



#spa[id]{
text-indent:-9999px;
float:left;
width:90px;
height:120px;cursor:pointer;
filter:none;
background:transparent url(../design/spa.png) no-repeat center ;
}

#spa{
text-indent:-9999px;
float:left;
width:90px;
height:120px;cursor:pointer;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/spa.png', sizingMethod='crop')
}

#gliss[id]{
text-indent:-9999px;
float:left;
width:90px;
height:120px;
cursor:pointer;
filter:none;
background:transparent url(../design/gliss.png) no-repeat center ;
}

#gliss{
text-indent:-9999px;
float:left;
width:90px;
height:120px;cursor:pointer;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/gliss.png', sizingMethod='crop')
}


#safari[id]{
text-indent:-9999px;
float:left;
width:90px;
height:120px;cursor:pointer;
filter:none;
background:transparent url(../design/safari.png) no-repeat center ;
}

#safari{
text-indent:-9999px;
float:left;
width:90px;
height:120px;cursor:pointer;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/safari.png', sizingMethod='crop')
}



#centre_accueil_haut[id]{
width:100%;
height:22px;
background:transparent url(../design/accueil_haut.png) repeat-x bottom;}


#centre_accueil_haut{
width:100%;
height:22px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/accueil_haut.png', sizingMethod='scale')}




#centre_accueil_bas[id]{
width:100%;
height:21px;
background:transparent url(../design/accueil_bas.png) repeat-x top;
}


#centre_accueil_bas{
width:100%;
height:21px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/accueil_bas.png', sizingMethod='scale')}





/* STYLES DE PAGE */
img.flags{
border:0;
margin:0;
padding:0;}


.tarifs[class]{
margin:5px;
float:left;
border:0;
padding:5px;
width:46%;
background: transparent url(../design/transparence30.png) ;
}



.tarifs{
margin:5px;
float:left;
border:0;
padding:5px;
width:45%;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/transparence30.png', sizingMethod='scale')
}

.tarifs td{
padding:5px;
}

.seminaires[class]{
width:95%;
margin:5px;
border:0;
padding:5px;
background: transparent url(../design/transparence30.png) ;}



.seminaires{
width:95%;
margin:5px;
border:0;
padding:5px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/transparence30.png', sizingMethod='scale')
}




.formulaire[class]{

float:left;
border:0;
padding:5px;
width:100%;
background: transparent url(../design/transparence30.png) ;}


.formulaire{

float:left;
border:0;
padding:5px;
width:100%;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/transparence30.png', sizingMethod='scale')
}




.rightbloc[class]{
float:right;
text-align:center;
border:0;
padding:5px;
margin-left:20px;
width:280px;
background: transparent url(../design/transparence30.png) ;}


.rightbloc{
float:right;
border:0;
text-align:center;
margin-left:20px;
padding:5px;
width:280px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/transparence30.png', sizingMethod='scale')
}


#introbloc[id]{
width:750px;
height:53px;
margin-left:auto;
margin-right:auto;
background: transparent url(../design/intro.png) ;
margin-top:-18px;}

#introbloc{
width:750px;
height:53px;
margin-left:auto;
margin-right:auto;
margin-top:-10px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/intro.png', sizingMethod='scale')
}


.padding{padding-right:20px; margin:0; padding-bottom:0;}


/* Elements page d'accueil*/


#orion_container{
float:left;
height:268px;
width:33.23%;
border-top:1px solid #A5AD7C;
border-right:1px solid #A5AD7C;
text-indent:-9999px;}

.orion_normal{ background:#A5AD7C url(../design/orion_accueil_normal.jpg) no-repeat center center;}

.orion_hover{ background:#A5AD7C url(../design/orion_accueil_hover.jpg) no-repeat center center; cursor:pointer;}

#eloy_container{
float:left;
height:268px;
width:33.23%;
border-top:1px solid #A5AD7C;

text-indent:-9999px;}

.eloy_normal{background:#A5AD7C url(../design/eloy_accueil_normal.jpg) no-repeat center center;}

.eloy_hover{background:#A5AD7C url(../design/eloy_accueil_hover.jpg) no-repeat center center; cursor:pointer;}



#diane_container{
float:left;
height:268px;
width:33.23%;
border-top:1px solid #A5AD7C;
border-right:1px solid #A5AD7C;
text-indent:-9999px;}


.diane_normal{ background:#A5AD7C url(../design/diane_accueil_normal.jpg) no-repeat center center;}

.diane_hover{ background:#A5AD7C url(../design/diane_accueil_hover.jpg) no-repeat center center; cursor:pointer;}


#error{
width:94%;
padding:8px;
margin-bottom:20px;
border:1px solid #fff;
background:#A3190D url(../design/error.jpg) no-repeat top right ;
color:#fff;
font-size:0.9em;
line-height:1.1em;
text-transform:uppercase;}

td a img{ border:0;}


