/* MENU déroulant + généralité des puces*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menutaille {
width: 100%; 
height: 30px; 
background : #1F6BC0;
}

#menu {
position: relative;
top: 0;
left: 0;
z-index:100;
width: 100%;
}

.dl1 {
float: left;
width: 120px;
height: 30px;
}

.dl2 {
float: left;
width: 200px;
height: 30px;
}

#menu dt {
cursor: pointer;
height: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color : #fff;
background: #1F6BC0; 
text-align: center;
}

#menu dd {
border: 0px;
}

#menu li {
text-align: center;
background: #1F6BC0;
}

#menu li a, #menu dt a {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover, #menu dt a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color : #fff;
text-decoration: underline;
background: #257FE5;
}

#menu dt:hover {
font-family: Arial, Helvetica, sans-serif;
color : #fff;
font-size: 17px;
text-decoration: underline;
background: #257FE5;
}

a {text-decoration: none;
color: #fff;
font: 15px;
}

/*Contour du Site */

#body {
background: #fff url('img/backplage.jpg') no-repeat; 
background-attachment:fixed;
margin: 0 0 0 0; 
padding: 0 0 0 0;
}

#contour{
position: relative;
/*background:#83BDFF;*/
width: 990px;
margin-right: auto; 
margin-left: auto;
}

#contprincipal {
width: 100%; 
/*border: 1px solid #fff;*/
}

#header {
height: 126px;
position: relative;
}

#headertitre {
position: relative;
width: 100%;
height: 126px;
background: url('img/backheader.png') no-repeat; /* ici mettre l'image du header*/
}

.placementitre {
width: 650px; 
padding-top: 40px;
padding-left: 40px;
}

.hotelemilie {
font-family: Arial, Helvetica, sans-serif;
font-size: 65px; 
font-weight: normal;
color:#0278C3;
}

.royanpontaillac {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; 
	font-weight: normal;
	color:#C7BFB5;
}

#contenu {
width: 100%; 
height: 430px;;
background: #DEF5FE;
}

h1 {
font-family: Helvetica,Arial,sans-serif;
font-size: 19px; 
font-weight: bold;
color:#0278C3;
display: inline;
}

h2 {
font-family: Helvetica,Arial,sans-serif;
font-size: 12px; 
font-weight: normal;
color:#0278C3;
display: inline;
}

/*bloc de contenu gauche*/

#grosbloc{
float: right;
width: 76%;
background: #DEF5FE; /* reste de la couleur à changer A LA FIN*/
}

#title {
width: 100%; background: #DEF5FE;
}

.textecentra {
font-family: Arial,Helvetica,sans-serif;
font-size: 14px; 
font-weight: normal;
color:#0278C3;
}

.textecentra2 {
font-family: Arial,Helvetica,sans-serif;
font-size: 15px; 
font-weight: bold;
color:#000;
}

a:visited.liendstxt{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#0278C3; font-weight: bold; text-decoration: underline;}
a:link.liendstxt	{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#0278C3; font-weight: bold; text-decoration: underline;}
a:hover.liendstxt	{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#0278C3; font-weight: bold; text-decoration: underline;}
a:active.liendstxt	{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#0278C3; font-weight: bold; text-decoration: underline;}


/*bloc de contenu droit*/
#blocdroit {
float: right;
width: 24%;
height: 400px;
background:#DEF5FE url('img/backmg.jpg') no-repeat;
}

#blocdroitresa {
float: right;
width: 24%;
height: 515px;
background:#DEF5FE url('img/backmg.jpg') no-repeat;
}

#blocdroittrouver {
float: right;
width: 24%;
height: 687px;
background:#DEF5FE url('img/backmg.jpg') no-repeat;
}


p {
text-align: left; 
margin-left: 55px;
margin-top: 5px;
}

a:visited.lienmenugauche{font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#68573B; font-weight: bold; text-decoration: none;}
a:link.lienmenugauche	{font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#68573B; font-weight: bold; text-decoration: none;}
a:hover.lienmenugauche	{font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#68573B; font-weight: bold; text-decoration: underline;}
a:active.lienmenugauche	{font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#68573B; font-weight: bold; text-decoration: none;}

/*footer*/

#footerpos {
clear: both; 
background: url('img/backfooter.png') no-repeat;; 
width: 100%;
height: 40px;
}

/***************/
/*Liens Utiles*/
/*************/

a.liensutiles {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #3D3D3D;
position: relative;
text-decoration: none;
/*border-bottom: 1px gray dotted;*/
}

a.liensutiles span {
display: none;
}

a.liensutiles:hover {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #5F97ED;
background: none; /* correction d'un bug IE */
z-index: 500;
}

a.liensutiles:hover span {
display: inline;
position: absolute;
top: -10em; /* -5 puis 12*/
left: 13em;
background: #F5F5F5 /*url('../medias/bacinfobulle.jpg')*/ repeat-x;
font-size: 12px;
border: 1px solid #808080;
text-align: justify;
color: black;
padding: 4px;
width: 405px;
}

a:visited.partenaires	{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000; font-weight: normal; text-decoration: none;}
a:link.partenaires		{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000; font-weight: normal; text-decoration: none;}
a:hover.partenaires		{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#0278C3; font-weight: normal; text-decoration: underline;}
a:active.partenaires	{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000; font-weight: normal; text-decoration: none;}

.footereurodial {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000; font-weight: normal; text-decoration: none;
}

/*Pour la page manifestation*/

.positionmRoyanRegion{
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
	text-align:justify;
	left : 0px; 
	top: 0px; 
	width: 720px; 
	height: 320px; 
	background: #DEF5FE; 
	[cpp]overflow-x: hidden;
	overflow-y: auto;[/cpp]
}

/*Tarifs*/

li.tarifs {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px; 
font-weight: normal;
color:#000;
text-align:center;
}

li.tarifs40d {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px; 
font-weight: normal;
color:#000;
text-align:center;

padding-top: 5px;
float: left;
width:40px;
height: 40px;
border-right: 1px dotted #68573B;
border-bottom: 1px dotted #68573B;
}

li.tarifs50d {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px; 
font-weight: normal;
color:#000;
text-align:center;

padding-top: 5px;
float: left;
width:50px;
height: 40px;
border-right: 1px dotted #68573B;
border-bottom: 1px dotted #68573B;
}

li.tarifs70d {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px; 
font-weight: normal;
color:#000;
text-align:center;

padding-top: 5px;
float: left;
width:70px;
height: 40px;
border-right: 1px dotted #68573B;
border-bottom: 1px dotted #68573B;
}

li.tarifs90d {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px; 
font-weight: normal;
color:#000;
text-align:center;

padding-top: 5px;
float: left;
width:85px;
height: 40px;
border-right: 1px dotted #68573B;
border-bottom: 1px dotted #68573B;
}

/*si par dessus*/

li.tarifs70d:hover {
background: #1F6BC0;
color: #fff;
}

li.tarifs50d:hover {
background: #1F6BC0;
color: #fff;
}

li.tarifs40d:hover {
background: #1F6BC0;
color: #fff;
}

/*page réservations*/

.formresa {
font-family: Arial,Helvetica,sans-serif;
font-size: 14px; 
font-weight: normal;
color:#0278C3;
}

