@charset "iso-8859-1";
@import url("/css/formlocs.css");
@import url("/css/locations.css");
/* my base styles */
IMG{ border:0; }
TABLE{ border: 0px; border-collapse: collapse; }
TD{ vertical-align: top; text-align: left; font-size: 100%; }
.left{ text-align: left; }
.right{ text-align: right; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.small{ font-size: small; }
.xsmall{ font-size: x-small; }
li { font-size: 100%; }
ul { font-size: 100%; }
ol { font-size: 100%; }
.padt10{ padding-top: 10px; }
.padlr10{ padding: 0 10px; }
.padr20{ padding-right: 20px; }
.padr10{ padding-right: 10px; }
.padl20{ padding-left: 20px; }
.padl10{ padding-left: 10px; }
.w100pc{ width: 100%; }
.clearfloat { overflow: hidden; }
.floatleft { float: left; }
.floatright { float: right; }
/* base styles */

a.btnmail:active{
font: 9px/20px verdana, arial, helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
display: block;
color: #fff;
background: #000080;
text-align: center;
width: 180px;
}

a.btnmail:visited{
font: 9px/20px verdana, arial, helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
display: block;
color: #fff;
background: #000080;
text-align: center;
width: 180px;
}

a.btnmail:link{
font: 9px/20px verdana, arial, helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
display: block;
color: #fff;
background: #000080;
text-align: center;
width: 180px;
}
a.btnmail:hover{ color: #fff; background: #0000FF; }
a:link{ color: #0000ff; }
a:visited{ color: #0000ff; }
a:hover{ color: #ff0000; }
a:active{ color: #0000ff; }
a.nodecoration:link{ text-decoration: none; }
a.nodecoration:visited{ text-decoration: none; }
a.nodecoration{ text-decoration: none; }
a.nodecoration:hover{ text-decoration: underline; color: #ff0033; }

body{
	background: #ffffc0 url('logos/stripe.png') repeat;
	color: #990000;
	font-family: Verdana,Georgia,Arial,Helvetica,sans-serif;
	font-size: 90%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

DIV.pagewrapper{
	width:900px;  /* fix width here and only here*/
	margin: 10px auto 20px auto;
	background: #993333;
	border-radius: 25px;
	box-shadow: 10px 10px 10px #888;
	padding:10px;
}
/*  /////////////////////////////////////////////////////  */
/*  ////////////     new css wrappers      //////////////  */
/*  /////////////////////////////////////////////////////  */
DIV#nheader{
	width: 100%;
	/*#header H1 has 26ps font-size + 10 padding top & 5 padding bottom total 41px  */
	height:50px;
	margin: 0 auto;
	padding: 0;
}
DIV#nheader H1{
	color:#fff;
	text-align:center;
	padding:0;
	margin:0;
	font-size:26px;
	line-height:1em;
	padding:10px 0px 5px;
}
DIV#nwrapper{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
DIV#ninnerwrap{ margin:0;padding:0;position:relative; }

DIV#nfooter{
	width: 100%;
	height:50px;
	margin: 0 auto;
	padding: 0;	
}

DIV.headphoto{
	max-width:900px;

}
/*  ////////     new css table widths         ///////////  */
TABLE#ntblmain{
	width:100%;
	margin:0;
	padding:0;
}
td.nleftnav{
	max-width:200px;
	padding:0 10px 0 0;
	text-align:left;
	/*background-color: #993333;*/
	background-color: #993333;
	color: #1c3a57;
	font-size: small;
}
/*  ////////     new css leftnavul widths         ///////////  */
DIV#nleftnavul{
	max-width:200px;
	border:0px solid gray;
}
/*html>body #nleftnavul li a { width: auto; }*/
#nleftnavul ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	max-width:100%;
	}
#nleftnavul li {
	border-bottom: 1px solid #999999;
	margin: 0;
	max-width:100%;
	}
/* generic colors */
#nleftnavul li a {
	display: block;
	padding: 5px 0px 5px 5px;
	border-left: 5px solid #454078;
	background-color: #993333;
	color: #ffffcc;
	text-decoration: none;
	/*white-space:nowrap;*/
	/*original width: 112px;*/
	}
#nleftnavul li a:hover {
	border-left: 5px solid #ffcc33;
	background-color: #db9696;
	color: #000;
	}
/* End of generic colors */

/* Start Transactions menu colors */
#nleftnavul li a.trans {
	border-left: 5px solid #454078;
	background-color: #336799;
	color: #ffffcc;
	}
#leftnavul li a.trans:hover {
	border-left: 5px solid #ffcc33;
	background-color: #b1c3df;
	color: #000;
	}
/* Start Locations menu colors */
#nleftnavul li a.locs {
	border-left: 5px solid #454078;
	background-color: #339967;
	color: #ffffcc;
	}
#nleftnavul li a.locs:hover {
	border-left: 5px solid #ffcc33;
	background-color: #b1c3df;
	color: #000;
	}
/* Start Locations annuelles menu colors */
#nleftnavul li a.locsann {
	border-left: 5px solid #454078;
	background-color: #226645;
	color: #ffffcc;
	}
#nleftnavul li a.locsann:hover {
	border-left: 5px solid #ffcc33;
	background-color: #b1c3df;
	color: #000;
	}
/* Start Agency menu colors */
#nleftnavul li a.agence {
	border-left: 5px solid #454078;
	background-color: #762727;
	color: #ffffcc;
	}
#nleftnavul li a.agence:hover {
	border-left: 5px solid #ffcc33;
	background-color: #b1c3df;
	color: #000;
	}
/* Start Contact menu colors */
#nleftnavul li a.cont {
	border-left: 5px solid #454078;
	background-color: #762727;
	color: #ffffcc;
	}
#nleftnavul li a.cont:hover {
	border-left: 5px solid #ffcc33;
	background-color: #b1c3df;
	color: #000;
	}

/*  ////////     new left nav address widths         ///////////  */
div.nleftnavaddress{
	border: 1px solid #99ccff;
	border-radius:3px;
   font-size: small;
	color: #333333;
	background-color: #ffffff;
	text-align: left;
	margin: 10px auto 2px auto;
	padding: 5px;
	max-width: 180px;
	min-width:140px;
}

/*  ////////     new left logos widths         ///////////  */
DIV#nleftlogos{
	text-align: center;
	margin: 20px auto;
	min-width:130px;
}
DIV#nleftlogos IMG{ margin: 0 auto 10px auto; }
	
/*  /////////////////////////////////////////////////////  */
/*  ////////     end of new css wrappers      ///////////  */
/*  /////////////////////////////////////////////////////  */


DIV#header{
	width: 800px;
	/*#header H1 has 26ps font-size + 10 padding top & 5 padding bottom total 41px  */
	height:50px;
	margin: 0 auto;
	padding: 0;
	background: url('grafiks/top.png') no-repeat;
}
DIV#header H1{
	color:#fff;
	text-align:center;
	padding:0;
	margin:0;
	font-size:26px;
	line-height:1em;
	padding:10px 0px 5px;
}
DIV#wrapper{
	width: 800px;
	margin: 0 auto;
	padding: 0;
	/*
	border-width: 3px;
	border-style: groove;
	border-color: #808000;
	*/	
	/*background-color: #993333;*/
	background: url('grafiks/mid.png') repeat-y;
}

DIV#innerwrap{ padding-left: 12px; }

DIV#footer{
	width: 800px;
	height:50px;
	margin: 0 auto;
	padding: 0;	
	background: url('grafiks/bottom.png') no-repeat;
}

h6{
	background-color: transparent;
	margin-top: 2px;
	margin-bottom: 2px;
}



h5{
	background-color: transparent;
	margin-top: 2px;
	margin-bottom: 2px;
}



h4{
	background-color: transparent;
	margin-top: 2px;
	margin-bottom: 2px;
}



h3{
	background-color: transparent;
	margin-top: 2px;
	margin-bottom: 2px;
}



h2{
	background-color: transparent;
	margin-top: 2px;
	margin-bottom: 2px;
}
h1{
	background-color: transparent;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 20px;
}

html>body #navcontainer li a{
	width: auto;
}

li.normal{
	font-weight: normal;
}

p{
	font-weight: normal;
}

p.description{
	/*color: #663300;*/
	font-weight: normal;
}

p.phrase{
	/*color: #663300;*/
	font-style: italic;
	text-align: justify;
	font-weight: bold;
}

p.texte{
	/*color: #663300;*/
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: justify;
}

p.title{
	/*color: #663300;*/
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
}

p.title2{
	/*color: #cc3333;*/
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
}

span.buttons a:hover{
	background-color: #ffffff;
	color: #ffff00;
}


td{
	font-size: 1.0em;
	font-weight: normal;
}

td.dispo{
	background-color: #ffff80;
	/*color: #000066;*/
	font-family: sans-serif,Verdana,Arial,Helvetica;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}

.areatxtcenter{
	/*color: #000066;*/
	font-size: 0.9em;
	text-align: center;
}

.cellblue{
	background-color: #e9d3b9;
	font-style: normal;
	font-weight: bold;
}

.celldark{
	background-color: #993333;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	font-size: 0.9em;
}

.celldarkff{
	background-color: #ffffe0;
	color: #d2b48c;
	font-family: Arial,sans-serif;
	font-size: 0.9em;
	font-weight: normal;
}

.celldates{
	background-color: #ffefd5;
	font-weight: normal;
}

.celleuro{
	background-color: #ffffff;
	font-weight: bold;
}

.celllight{
	background-color: #ffffd7;
	font-style: normal;
	font-weight: normal;
	font-size: 0.9em;
}

.cellmed{
	font-weight: normal;
}

.cellmedbold{
	font-weight: bold;
}

.cellsmall{
	font-size: 0.9em;
	font-weight: normal;
}

.cellsmallbold{
	font-size: 0.9em;
	font-weight: bold;
}

.cellyellow{
	background-color: #33cccc;
	color: #003333;
	font-style: normal;
	font-weight: bold;
}

.copy{
	font-size: 0.8em;
	font-weight: normal;
}

.copybold{
	font-size: 0.8em;
	font-weight: bold;
}

.copyrite{
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}

.highlight{
	color: #cc3333;
	font-weight: bold;
}

.highlightred{
	color: #ffffbd;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: underline;
	text-underline-position: above;
}

.indent{
	padding-left: 12px;
	padding-right: 12px;
}

.just{
	text-align: justify;
}
.justpad{
	text-align: justify;
	padding-right: 10px;
}
.lowtable{
	background-color: #ffffcc;
	border-bottom: 2px groove #ff6600;
	border-left: 2px groove #ff6600;
	border-right: 2px groove #ff6600;
	border-top: 2px groove #ff6600;
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 10px;
	padding: 5px;
}


.piscine{
	font-size: 0.9em;
	font-weight: normal;
	text-align: right;
}

.rubrique{
	font-size: 1.2em;
	font-weight: bold;
}

.rubrique2{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.3em;
	font-weight: bold;
}

.tableblue{
	background-color: #ffffff;
	background-image: none;
	border-color: #330099;
	border-style: groove;
	border-width: thin;
	color: #330099;
}

.tabledispo{
	background-color: #ffffff;
	background-image: none;
	border-color: #800000;
	border-style: groove;
	border-width: thin;
	color: #0080ff;
}

.tableheaderblue{
	background-color: #000066;
	color: #ffffff;
	font-style: normal;
	font-weight: bold;
}

.tablelightblue{
	background-color: #0099ff;
	background-image: none;
	border-color: #000066;
	border-style: groove;
	border-width: thin;
	color: #ffffff;
}

.tablenav{
	background-color: #2f4f4f;
	background-image: none;
}

.tablewhite{
	background-color: #ffffff;
	background-image: none;
	border-color: #ff6633 #ff6633 #ff6633 #ff6633;
	border-style: groove;
	border-width: thin;
	color: #ffffff;
}

.topnav{
	color: #ffffff;
	font-weight: bold;
}


.toptable{
	background-color: #ffcc66;
}



div.leftnavaddress{
	border: 1px solid #99ccff;
   font-size: x-small;
	color: #333333;
	background-color: #ffffff;
	text-align: left;
	margin: 1px;
	padding: 1px;
	width: 126px;
}
TABLE#tblmain{
	width:750px;
	margin:0;
	padding:0;
}

/*table.tblmain{ background-color: #ffffff; color: #1c3a57; }*/
/*table.tblmain TD{ color: #1c3a57; }*/

table.tblbannertitle{
	border-bottom: 0px;
	/*
	border-top: 4px double #cccc99;
	border-left: 4px double #cccc99;
	border-right: 4px double #cccc99;
	background-color: transparent;
	*/
	color: #1c3a57;
	width:750px; 
}
table.tblbannertitle TD{
	padding:0;
}
TD.tblbannertitle{
	background-color: #993333;
	text-align: center;
	padding:0;
}
.tablepromo{
	background-color: #ffe6cc;
	border-bottom: 2px groove #ff6600;
	border-left: 2px groove #ff6600;
	border-right: 2px groove #ff6600;
	border-top: 2px groove #ff6600;
	margin-bottom: 5px;
	padding: 5px;
}
DIV.malinborder{
	background-color: #993333;
	padding: 15px;
}
TABLE#malin{
	background-color: #ffffff;
}
TABLE#malin TD{
	background-color: #87ceeb;
	color: #2857dd;
	padding: 10px;
}
H1.malin{
	font-size: x-large;
}
#ulcube{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#ulcube li
{
	padding-bottom: 5px;
	padding-left: 30px;
	background-image: url('logos/cube.gif');
	background-repeat: no-repeat;
	font-weight: bold;
}
#ulcube li.lite
{
	font-weight: normal;
}
DIV.kitl{
	background-color: #993333;
	margin: 2px 15px 10px 2px;
	border-radius:4px;
	box-shadow:1px 1px 0px 0px #ccc;
}
DIV.kitl P{
	padding: 5px 30px 5px 30px;
	font: TRENDY, "Trebuchet MS", "Times New Roman", "Comic Sans MS";
	font-size: large;
	color: #ffffff;
}
DIV.kitl A{
	color: #ffffff;
	text-decoration: none;
}
DIV.kitl A.klsm{
	font-size: small;
	color: #ffffff;
	text-decoration: underline;
}
TABLE#tblkitl{
	width: 95%;
	border-collapse: collapse;
	border: none;
	margin: 5px 10px 10px 20px;
}
TABLE#tblkitl TD{
	font-size: 11px;
	text-align: left;
	padding: 5px;
	border-bottom: 1px solid #999999;
}
TABLE#tblkitl TD.right{ text-align: right; }

P.opening{
	font-size: small;
}
P.opening1{
	font-size: small;
	color: #993300;
}
/* PAGE BOTTOM NAVIGATION  */
DIV#bottomnav{
	text-align: center;
	margin: 10px auto 0px auto;
	font-size: x-small;
	color: #663300;
}
DIV#bottomnav A{
	color: #663300;
}
DIV#bottomnav A:hover{
	color: #ff3300;
}
img#up{
	padding-left:5px;
	padding-right:5px;
}


TABLE#tbllocfond1{
   /*background: #B1C3DF url(logos/locfond2.jpg);*/
	/*background-color: #b1c3df;*/
	color: #990000;
}
TABLE#tbllocfond1 TD{
	color: #990000;
}
TABLE#tbllocfond1 P.rubrique{
   color: #ffff00;
}
table.tblmain1{
	background-color: transparent;
	/*background: url(logos/locfond1.jpg) no-repeat scroll right;*/
	color: #1c3a57;
	border-top: 0px;
	border-bottom: 4px double #cccc99;
	border-left: 4px double #cccc99;
	border-right: 4px double #cccc99;
}
table.tblmain1 TD{
	color: #1c3a57;
}
IMG#ant {
	margin-left: 15px;
}
/* SET CONTENT CELL BACKGROUND COLOUR */
.contentcell{
	/*background-color: #E2E4E8;*/
	/*background-color: #EAEBEE;*/
	background-color: #F9FAFB;
	width: 100%;
	padding-left: 15px;
}
P.rubrikcenter{
	color: #cc0000;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	margin: 15px 0px 15px 0px;
}
P.padtext{
	margin: 2px 5px 2px 0px;
	padding: 0px;
	font-size: 0.9em;
}

td.leftnav{
	width:130px;
	text-align:left;
	background-color: #993333;
	color: #1c3a57;
	font-size: x-small;
}
html>body #leftnavul li a {
	width: auto;
	}
#leftnavul ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
#leftnavul li {
	/*border-top: 1px solid #cc0033;*/
	/*border-bottom: 1px solid #cc0033;*/
	border-bottom: 1px solid #999999;
	margin: 0;
	}
/* generic colors */
#leftnavul li a {
	display: block;
	padding: 5px 0px 5px 5px;
	border-left: 5px solid #454078;
	/*border-right: 5px solid #454078;*/
	background-color: #993333;
	color: #ffffcc;
	text-decoration: none;
	width: 112px;
	}
#leftnavul li a:hover {
	border-left: 5px solid #ffcc33;
	/*border-right: 5px solid #993333;*/
	background-color: #db9696;
	color: #000;
	}
/* End of generic colors */

/* Start Transactions menu colors */
#leftnavul li a.trans {
	border-left: 5px solid #454078;
	/*border-right: 5px solid #454078;*/
	background-color: #336799;
	color: #ffffcc;
	}
#leftnavul li a.trans:hover {
	border-left: 5px solid #ffcc33;
	/*border-right: 5px solid #454078;*/
	background-color: #b1c3df;
	color: #000;
	}
/* Start Locations menu colors */
#leftnavul li a.locs {
	border-left: 5px solid #454078;
	/*border-right: 5px solid #454078;*/
	background-color: #339967;
	color: #ffffcc;
	}
#leftnavul li a.locs:hover {
	border-left: 5px solid #ffcc33;
	/*border-right: 5px solid #454078;*/
	background-color: #b1c3df;
	color: #000;
	}
/* Start Locations annuelles menu colors */
#leftnavul li a.locsann {
	border-left: 5px solid #454078;
	/*border-right: 5px solid #454078;*/
	background-color: #226645;
	color: #ffffcc;
	}
#leftnavul li a.locsann:hover {
	border-left: 5px solid #ffcc33;
	/*border-right: 5px solid #454078;*/
	background-color: #b1c3df;
	color: #000;
	}
/* Start Agency menu colors */
#leftnavul li a.agence {
	border-left: 5px solid #454078;
	/*border-right: 5px solid #454078;*/
	background-color: #762727;
	color: #ffffcc;
	}
#leftnavul li a.agence:hover {
	border-left: 5px solid #ffcc33;
	/*border-right: 5px solid #db9696;*/
	background-color: #b1c3df;
	color: #000;
	}
/* Start Contact menu colors */
#leftnavul li a.cont {
	border-left: 5px solid #454078;
	/*border-right: 5px solid #454078;*/
	background-color: #762727;
	color: #ffffcc;
	}
#leftnavul li a.cont:hover {
	border-left: 5px solid #ffcc33;
	/*border-right: 5px solid #db9696;*/
	background-color: #b1c3df;
	color: #000;
	}
IMG#mel{
	width: 18px;
	height: 11px;
	border: 0px;
}
DIV#leftlogos{
	text-align: center;
	margin-top: 20px;
}

TABLE.rates{
	border: 1px solid #999999;
	margin:10px 0px;
	background-color:#FFFFFF;
}
TABLE.rates TD{
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	padding:4px 8px 2px 5px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #f4f4f4;
}
TD.spacer15{
	width:10px;
	/*
	background-color:fuchsia;
	*/
}
.upper{
	text-transform:uppercase;
}
UL#comment LI{
	text-align:justify;
	margin-right:15px;
}
P.comment{
	font-size:15px;
	text-transform:none;
	font-style:italic;
}
P.nocontrat{
	text-align: center; font-size: small;
}
/* for image link to agence des dunes in vielle st girons*/
DIV.dunes{ width: 120px; text-align: center; margin: auto; }

TABLE.form TD{
	padding: 10px;
}