html { 
margin: 0px;
padding: 0px;
}

body {
background-color: #2b6c8a;
background-image: url(images/mer.jpg);
background-repeat: repeat;
background-attachment: fixed;
font-family: verdana, arial, helvetica, sans-serif;
color: #116682;
font-size: 16px; 
text-align: center;
margin: 0px;
padding: 0px;
}

#global {
width: 960px;
margin-left: auto;
margin-right: auto; 
text-align: left; 
background-color: transparent;
}

#principal {
position: relative;
top: 100px; 
width: 960px;
height: 100%;
padding-bottom: 20px; 
background-color: #ffffff;
}

#pied {
position: relative;
top: 100px;
width: 960px;
height: 50px;
background-color: transparent;
font-size: 12px;
line-height: 40px;
background-image: url(images/bas.png);
background-repeat:no-repeat;
margin-left: auto;
margin-right: auto;
}

#pied p {
text-align: right;
margin-right: 116px;
padding-top: 20px;
color: #ffffff;
}

#pied a {
text-decoration: none;
color: #ffffff;
font-weight: normal;
font-size: 12px;
}

#global_accueil {
width: 960px;
margin-left: auto;
margin-right: auto;
text-align: left; 
background-color: transparent;
}

#global_accueil #principal {
position: relative;
top: 100px; 
width: 960px;
height: 100%;
padding-bottom: 20px; 
background-color: #ffffff;
background-image: url(images/france.gif);
background-repeat: no-repeat;
background-position: 768px 3px;
}

#global_accueil h1 {
letter-spacing: 3px;
font-size: 30px;
color: #156a8e;
font-weight: normal;
text-align: left;
margin: 0px;
margin-bottom: 5px;
padding: 0px;
padding-left: 30px;
padding-top: 42px;
font-family: georgia, verdana, arial, geneva, helvetica, sans-serif;
font-style: italic;
}

#global_accueil h1 span {
letter-spacing: -1px;
}

#global_accueil h1 img {
vertical-align: -16%;
}

#global_accueil h2 {
margin: 0px;
margin-left: 73px;
margin-top: 26px;
padding: 0px;
line-height: 17px;
color: #116682;
}

#global_accueil h2 a {
color: #116682;
text-decoration: none;
font-weight: normal;
font-size: 16px;
}

#global_accueil h4 {
color: #1a83b0;
font-style: italic;
font-size: 26px;
line-height: 37px;
margin: 0px;
margin-right: 36px;
margin-top: 30px;
margin-bottom: 50px;
font-family: georgia, verdana, arial, geneva, helvetica, sans-serif;
font-weight: normal;
float: right;
display: inline;
}

#global_accueil h4 span {
font-size: 28px;
}

#global_accueil h4 span.marg {
font-size: 28px;
margin-left: 50px;
}

#trad {
width: 67px;
position: absolute;
top: 250px;
left: 831px;
border: 1px solid #e9effe;
background-color: #f1f4fe;
text-align: center;
padding-top: 2px;
}

#trad a {
text-decoration: none;
font-size: 10px;
cursor: pointer;
}

#texte_gauche {
text-align: justify;
margin-left: 10px;
margin-top: 40px;
width: 530px;
float: left;
display: inline;
border: 1px dotted #1b8a8f;
background-color:#fbfeff;
background-image: url(images/bg_texte_descriptif.png);
background-repeat: repeat-x;
}

#texte_gauche a {
font-size: 14px;
color: #116682;
font-family: verdana, arial, geneva, helvetica, sans-serif;
word-spacing: 0px;
font-weight: normal;
}

#texte_gauche h3 {
padding: 0px;
padding-top: 13px;
margin: 0px;
margin-bottom: 11px;
width: 530px;
font-size: 19px;
word-spacing: 0px;
letter-spacing: 0px;
font-style: italic;
color: #156a8e;
font-weight: normal;
}

#texte_gauche p {
margin: 0px;
margin-left: 15px;
margin-right: 15px;
padding: 0px;
line-height: 23px;
font-size: 14px;
text-align: justify;
color: #116682;
}

#texte_gauche p.a {
margin: 0px;
margin-left: 15px;
margin-right: 15px;
margin-top: 7px;
padding: 0px;
padding-bottom: 15px;
font-style: italic;
line-height: 20px;
font-size: 15px;
text-align: center;
color: #116682;
}

#texte_gauche p.a a {
font-size: 15px;
color: #116682;
font-family: verdana, arial, geneva, helvetica, sans-serif;
word-spacing: 0px;
font-weight: normal;
}




#texte_droite {
text-align: justify;
margin-right: 10px;
margin-top: 40px;
width: 380px;
float: right;
display: inline;
border: 1px dotted #1b8a8f;
background-color:#fbfeff;
background-image: url(images/bg_texte_droit.png);
background-repeat: repeat-x;
background-position: top left;
}

#texte_droite a {
font-size: 14px;
color: #116682;
font-family: verdana, arial, geneva, helvetica, sans-serif;
word-spacing: 0px;
font-weight: normal;
}

#texte_droite h3 {
padding: 0px;
padding-top: 15px;
margin: 0px;
margin-bottom: 5px;
width: 390px;
font-size: 18px;
word-spacing: 0px;
letter-spacing: 0px;
font-style: italic;
color: #156a8e;
font-weight: normal;
text-align: center;
}

#texte_droite p {
margin: 0px;
margin-left: 10px;
margin-right: 10px;
padding: 0px;
padding-bottom: 15px;
line-height: 19px;
font-size: 14px;
text-align: justify;
color: #116682;
}

#bas_accueil {
clear: both;
height: 450px;
}

#fleche_gauche {
position: absolute;
top: 528px;
left: -22px;
}


#vignettes_galeries_accueil {
width: 220px;
padding: 10px;
padding-bottom: 3px;
margin-top: 10px;
margin-left: 20px;
float: left;
display: inline;
text-align: center;
border: 1px dotted #1787ac;
background-image: url(images/bg_texte_droit.png);
background-repeat: no-repeat;

}

#vignettes_galeries_accueil img {
margin-bottom: 7px;
}


#vignettes_galeries_accueil h2 {
padding: 0px;
margin: 0px;
margin-bottom: 2px;
color:#116682;
font-size:16px;
font-weight:normal;
text-align: center;

}






#proprios_loueurs {
margin-top: 20px;
}

#proprios_loueurs p {
margin: 0px;
margin-left: 5px;
margin-right: 5px;
padding: 0px;
color: #1787ac;
line-height: 13px;
font-size: 12px;
font-family: arial, verdana, geneva, helvetica, sans-serif;
font-style: italic;
}

#proprios_loueurs p.a {
margin-bottom: 5px;
}

#proprios_loueurs a {
color: #1787ac;
font-size: 12px;
font-weight: normal;
font-style: normal;
}

#proprios_loueurs span {
font-weight: bold;
font-style: normal;
}








#pub {
clear:both;
margin-top:170px;
margin-left: auto;
margin-right: auto;
width: 960px;
height: 100%;
background-color: #ffffff;


}

#pub h3 {
text-align: left;
letter-spacing: 5px;
font-size: 18px;
color: #31899d;
font-style: italic;
font-weight: normal;
padding-top: 20px;
}


#pub2 {
text-align: center;
background-color: #ffffff;
padding: 5px;
height: 100%;
width: 950px;
margin-left: auto;
margin-right: auto;
padding-bottom: 25px;
}


#tableau_pub {
text-align: center;
margin-bottom: 10px;
margin-top: 15px;
font-size: 18px;
color: #2c82d7;
letter-spacing: 0px;
margin-left: auto;
margin-right: auto;
}
















#vignettes_accueil {
float: left;
display: inline;
background-color: #eafdff;
padding-top: 5px;
padding-bottom: 5px;
z-index: 100;
width: 770px;
}

a.p1 {
display: block;
width: 250px;
height: 167px;
text-decoration: none;
background-color: #ffffff;
border: 0px;
margin-left: 5px;
float: left;
}

a.p1 img {
display: block;
border: 0px;
}

a.p1:hover {
text-decoration: none;
background-color: #8c97a3;
color: #000000;
position: relative;
z-index: 5000;
}

a.p1 b {
display: block;
position: absolute;
left: -9999px;
padding: 10px;
opacity: 0;
-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-transition: opacity 0.6s ease-in-out;
}

a.p1:hover b {
top: 169px;
left: 0px;
padding: 10px;
border: 1px solid #aaa;
background: #ffffff;
opacity: 1.0;
}

a.p2 {
display: block;
width: 250px;
height: 167px;
text-decoration: none;
background-color: #ffffff;
border: 0px;
margin-left: 5px;
float: left;
}

a.p2 img {
display: block;
border: 0px;
}

a.p2:hover {
text-decoration: none;
background-color: #8c97a3;
color: #000000;
position: relative;
z-index: 5000;
}

a.p2 b {
display: block;
position: absolute;
left: -9999px;
padding: 10px;
opacity: 0;
-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-transition: opacity 0.6s ease-in-out;
}

a.p2:hover b {
top: 169px;
left: -255px;
padding: 10px;
border: 1px solid #aaa;
background-color: #ffffff;
opacity: 1.0;
}

a.p3 {display:block;
width: 250px;
height: 167px;
text-decoration: none;
background-color: #ffffff;
border: 0px;
margin-left: 5px;
float: left;
}

a.p3 img {
display:block;
border:0px;
}

a.p3:hover {
text-decoration: none;
background-color: #8c97a3;
color: #000000;
position: relative;
z-index: 5000;
}

a.p3 b {
display: block;
position: absolute;
left: -9999px;
padding: 10px;
opacity: 0;
-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-transition: opacity 0.6s ease-in-out;
}

a.p3:hover b {
top: 169px;
left: -510px;
padding: 10px;
border: 1px solid #aaa;
background-color: #ffffff;
opacity: 1.0;
}

#souris {
clear: both;
margin-left: 10px;
color: #116682;
font-size: 12px;
}

#souris2 {
margin-left: 55px;
color: #116682;
font-size: 12px;
}

#vignettes_accueil_2_conteneur {
float: right;
display: inline;
width: 515px;
margin-right: 90px;
}

#vignettes_accueil_2 {
background-color: #eafdff;
padding-top: 5px;
padding-bottom: 5px;
z-index: 100;
width: 515px;
height: 167px;
}

a.p5 {
display: block;
width: 250px;
height: 167px;
text-decoration: none;
background-color: #ffffff;
border: 0px;
margin-left: 5px;
float: left;
}

a.p5 img {
display: block;
border: 0px;
}

a.p5:hover {
text-decoration: none;
background-color: #8c97a3;
color: #000000;
position: relative;
z-index: 5000;
}

a.p5 b {
display: block;
position: absolute;
left: -9999px;
padding: 10px;
opacity: 0;
-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-transition: opacity 0.6s ease-in-out;
}

a.p5:hover b {
top: -345px;
left: 0px;
padding: 10px;
border: 1px solid #aaa;
background-color: #ffffff;
opacity: 1.0;
}

a.p4 {
display: block;
width: 250px;
height: 167px;
text-decoration: none;
background-color: #ffffff;
border: 0px;
margin-left: 5px;
float: left;
}

a.p4 img {
display:block;
border:0px;
}

a.p4:hover {
text-decoration: none;
background-color: #8c97a3;
color: #000000;
position: relative;
z-index: 5000;
}

a.p4 b {
display: block;
position: absolute;
left: -9999px;
padding: 10px;
opacity: 0;
-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-transition: opacity 0.6s ease-in-out;
}

a.p4:hover b {
top: -345px;
left: -255px;
padding: 10px;
border: 1px solid #aaa;
background-color: #ffffff;
opacity: 1.0;
}

#menu {
position: absolute;
z-index: 500;
height: 90px;
width: 960px;
background-image: url(images/haut.png);
background-repeat: no-repeat;
background-position: 0px 0px;
padding-top: 90px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 48px;
float: left;
margin-left: 485px;
}

#menu ul.ca {
list-style: none;
margin: 0;
padding: 0;
width: 108px ;
float: left;
}

#menu ul.c {
list-style: none;
margin: 0;
padding: 0;
width: 130px ;
float: left;
}

#menu ul.a {
list-style: none;
margin: 0;
padding: 0;
width: 130px ;
float: left;
}

#menu ul.co {
list-style: none;
margin: 0;
padding: 0;
width: 45px ;
float: left;

}

#menu li {
text-align: center;
font-weight: bold;
position: relative;
line-height: 17px;
display: block;
}

#menu li.desac {
font-family: arial, verdana, geneva, helvetica, sans-serif;
font-size: 12px;
color: #117173;
font-weight: bold;
text-align: center;
font-style: normal;
}

#menu a {
display: block;
font-family: arial, verdana, geneva, helvetica, sans-serif;
font-size: 12px;
color: #3c431a;
font-weight: bold;
text-align: center;    
font-style: italic;
cursor: pointer;  
text-decoration: none;
margin: 0px;
padding: 0px;
}

#menu a:hover {
color: #117173;
font-style: normal;
}

#menu a.casousmenu {
display: block;
font-family: arial, verdana, geneva, helvetica, sans-serif;
font-size: 10px;
color: #3c431a;
font-weight: bold;
text-align: center;
cursor: pointer;  
text-decoration: none;
margin: 0px;
padding: 0px;
line-height: 13px;
font-style: normal;
}

#menu a.casousmenu:hover {
color: #117173;
font-style: normal;
}


#menu li.casousmenudesac {
font-family: arial, verdana, geneva, helvetica, sans-serif;
font-size: 10px;
color: #117173;
font-weight: bold;
text-align: center;
text-decoration: none;
cursor: default; 
outline: none;
line-height: 13px;
font-style: normal;
}

#menu ul ul {
position: relative;
z-index: 500;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
display: block;
}

h1 {
font-size: 30px;
color: #156a8e;
font-weight: normal;
margin: 0px;
padding: 0px;
padding-bottom: 20px;
padding-top: 42px;
padding-left: 30px;
text-align: left;
font-family: georgia, verdana, arial, geneva, helvetica, sans-serif;
font-style: italic;
letter-spacing: 3px;
}



h2 {
text-align: left;
font-size: 16px;
color: #156a8e;
margin-left: 15px;
margin-bottom: 3px;
margin-top: 28px;
}

h3 {
text-align: left;
font-size: 14px;
color: #ff0000;
margin-bottom: 3px;
margin-top: 28px;
}

h3 {
color: #336699;
font-weight: bold;
text-align: center;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 5px;
font-size: 16px;
letter-spacing: 2px;
word-spacing: 5px;
}






h5 {
text-align: left;
font-size: 14px;
margin-bottom: 3px;
margin-top: 10px;
margin-left: 25px;
}

h6 {
font-size: 20pt;
color: #004a96;
font-weight: normal;
text-align: left;
margin-top: 0px;
margin-left: 20px;
margin-bottom: 0px;
padding-top: 20px;
padding-left: 0px;
padding-bottom: 0px;
}







p {
margin: 0px;
padding: 0px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 15px;
line-height: 19px;
text-align: justify;
}






img {
border: none;
}
 
.none {
border: none;
}

.fl {
float: left;
 }

.fr {
float: right;
}

.b {
font-weight: bold;
}

.bb {
font-weight: bold;
color: #004a96;
}

.clear {
clear: both;
}

ul {
margin: 0px;
padding: 0px;
padding-left: 15px;
margin-left: 25px;
color: #5f5f5f;
}

li {
margin: 0px;
padding: 0px;
}

#sept {
float: right;
clear: right;
display: inline;
width: 295px;
height: 130px;
font-size: 12px;
padding: 2px;
padding-left: 6px;
padding-right: 6px;
margin-right: 30px;
margin-top: 30px;
text-align: center;
color: #090;
background-color: #f5f5f5;
background-image: url(images/cadre_septimanie.gif);
background-repeat: no-repeat;
font-style: italic;
}

ul.square {
list-style-position: outside;
list-style-type: square;
color: #5f5f5f;
text-align: left;
padding-left: 20px;
margin-left: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 20px;
font-size: 14px;
line-height: 14px;
} 

ul.square li {
padding-left: 0px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

ul.sous {
list-style-position: outside;
list-style-type: square;
color: #116682;
text-align: left;
padding-left: 40px;
margin-left: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
font-size: 14px;
} 

ul.sous li {
padding-left: 0px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
}

ul.square2 {
list-style-position: outside;
list-style-type: square;
color: #5f5f5f;
text-align: left;
padding-left: 20px;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 30px;
font-size: 12px;
} 

ul.square2 li {
padding-left: 0px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
line-height: 14px;
}

ul.none {
list-style-position: outside;
list-style-type: none;
color: #000000;
background-color: transparent;
text-align: left;
padding-left: 20px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-right: 10px;
margin-left: 25px;
margin-bottom: 0px
} 

li.none {
padding-left: 0px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 0px;
}



















a {
color: #336699;
text-decoration: underline;
font-weight: bold;
font-size: 14px;
font-family: arial, verdana, geneva, helvetica, sans-serif;
}

a:visited {
color: #336699;
text-decoration: underline;
font-weight: bold;
font-size: 14px;
font-family: arial, verdana, geneva, helvetica, sans-serif;
}

a:hover  {
color: #4382c0;
text-decoration: none;
font-weight: bold;
font-size: 14px;
font-family: arial, verdana, geneva, helvetica, sans-serif;
}

a:active {
color: #4382c0;
text-decoration: underline;
font-size: 14px;
font-family: arial, verdana, geneva, helvetica, sans-serif;
}

a.p {
color: #336699;
text-decoration: underline;
font-weight: bold;
font-size: 14px;
font-family: arial, verdana, geneva, helvetica, sans-serif;
}

a.p:visited {
color: #336699;
text-decoration: underline;
font-weight: bold;
font-size: 14px;
font-family: arial, verdana, geneva, helvetica, sans-serif;
}

a.p:hover  {
color: #4382c0;
text-decoration: none;
font-weight: bold;
font-size: 14px;
font-family: arial, verdana, geneva, helvetica, sans-serif;
}

a.p:active {
color: #4382c0;
text-decoration: underline;
font-size: 14px;
font-family: arial, verdana, geneva, helvetica, sans-serif;
}

a.ass {
color: #fef8a7;
text-decoration: none;
font-weight: bold;
font-size: 16px;
font-family: arial, verdana, geneva, helvetica, sans-serif;
}

a.ass:visited {
color: #fef8a7;
text-decoration: none;
font-weight: bold;
font-size: 16px;
}

a.ass:hover {
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-size: 16px;
}

#languedoc {
background-image: url(images/languedoc.jpg);
background-repeat: no-repeat;
background-position: top right;
margin-bottom: 40px;
}

.cap {
width: 490px;
float: right;
margin-top: 0px;
padding-right: 136px;
color: #116682;
display: inline;
}

#cle {
font-size: 12px;
margin-right:15px;
margin-bottom:10px;
margin-top:15px;
width:330px;
height:260px;
color:#004c7f;
float:right;
display:inline;
}

#cle ul {
 padding-left:50px;}
 
#cle ul li {
font-size:11px;color:#004c7f;
 } 

#cle p {
text-align: left;
margin-right: 0px;
 }



div#galerie {
width: 840px;
height: 500px;	
padding: 0px;
padding-left: 20px;
padding-right: 20px;
margin: auto;
text-align: center ;
background-color: #1787ac;
border: 1px solid #d9fbff;
}

div#galerie h6 {
margin-top: 25px;
padding-top: 0px;
font-size: 26px;
color: #ffffff;
 }

div#galerie p#haut {
width: 300px;
margin-bottom: 15px;
margin-top: 15px;
margin-left: 15px;
margin-right: 0px;
text-align: left;
font-size: 12px;
float: right;
display: inline;
clear: left;
color: #ffffff;
}

div#galerie p#haut span {
color: #d9fbff;
font-weight: bold;
}

ul#galerie_mini {
float: right;
display: inline;
width: 300px;
margin: 0;
padding: 0;
list-style-type: none;
}

ul#galerie_mini li {
float: left;
display: inline;
margin: 0; 
padding: 0;
}




ul#galerie_mini li a {

padding: 1px;

}










ul#galerie_mini li a img {
margin: 0px;
padding: 0px;
background-color: #ffffff;
border: 4px solid #ffffff;
}

dl#photo {
float: left;
display: inline;
width: 500px;
height: 333px;
padding: 10px;
margin: 0px;
margin-top:20px;
border: 1px solid #aaa;
background: #ffffff;
-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-transition: opacity 0.6s ease-in-out;
}

dl#photo dt {
font-size: 18px;
color: #d9fbff;
position: relative;
top: 20px;
}

dl#photo dd {
margin: 0;
}

dl#photo img {
border: none;
}

ul#galerie_mini li.cliquez {
font-size: 12px;
color: #ffffff;
}








div#cadre_rond {
float: left;
display: inline;
margin-left: 2px;
width: 375px;
padding-top: 8px;
}

div#cadre_rond h4 {
color: #0c558b;
font-size: 16px;
font-weight: bold;
font-family: arial,verdana,geneva,helvetica,sans-serif;
margin-top: 17px;
margin-bottom: 9px;
padding: 0px;
}

div#cadre_rond  p {
margin-top: 5px;
margin-bottom: 0px;
color: #ff0000;
font-size: 16px;
font-weight: bold;
font-family: arial,verdana,geneva,helvetica,sans-serif;
}

div#cadre_rond p.bg {
width: 160px;
height: 70px;
padding: 3px;
padding-top: 7px;
margin: 0px;
margin-left: 5px;
margin-bottom: 10px;
text-align: center;
line-height: 14px;
font-family: arial,verdana,geneva,helvetica,sans-serif;
background-image: url(images/amand_accueil_cadre.gif);
background-repeat: no-repeat;
background-color: #ffffff;
}

div#bloccadre {
padding: 4px;
padding-bottom: 10px;
border: 2px solid #1ca1cf;
background-color: #e9effe;
}




#cadre_rochelongue { 
width: 880px;
height: 100%;
padding: 0px;
margin: auto;
margin-top: 20px;
margin-bottom: 40px;
background-color:#f9feff;
background-image: url(images/bg_texte_descriptif.png);background-repeat:no-repeat;border:1px dotted #1787ac;
}


#cadre_rochelongue p {
font-size: 16px;
color: #1f5a8f;
 }

#cadre_rochelongue p.mag {
font-size: 14px;
color: #1f5a8f;
 }

 
 
#cadre_rochelongue h2 {
padding-top: 15px;
margin-top: 0px;
margin-bottom: 10px;
color: #2c66a0;
font-size: 24px;
font-weight: normal;
}




#cadre_circe { 
width: 880px;
height: 470px;	
padding: 0px;
margin: auto;
margin-top: 20px;
margin-bottom: 40px;
background-color:#f9feff;
background-image: url(images/bg_texte_descriptif.png);background-repeat:no-repeat;border:1px dotted #1787ac;
}


#cadre_circe p {
text-align: left;
font-size:12px;color:#1f5a8f;margin-bottom:7px;
 }


#cadre_circe h2 {
padding-top: 15px;
margin-top: 0px;
margin-bottom: 10px;
color: #2c66a0;
 }

#cadre_circe a {
font-weight: normal;
font-size: 12px;
}

#cadre_circe img { 
float: right;
margin-right: 20px 
}





#cadre_overflow { 
width: 880px;
height: 500px;	
padding: 0px;
margin: auto;
margin-top: 20px;


background-image: url(images/bg_texte_descriptif.png);background-repeat:no-repeat;border:1px dotted #1787ac;
}


#cadre_overflow h6 { 
margin-bottom:20px;margin-top:10px;padding-top:0px;font-size:26px;color:#1787ac
}







#overflow {
width: 880px;
height: 430px;
overflow: auto;

}

#overflow p {
margin: 0px;
margin-left: 15px;
padding: 0px;
line-height:19px;
}

#overflow ul {
color:#336699 }

#overflow h2 {
color:#156a8e}




#plans {
width: 550px;
height: 147px;
margin: auto;
color: #295a8f;
background-image: url(images/cadre_bons_plans.gif);
background-repeat: no-repeat;
padding-top: 7px;
font-size: 14px;
}

#cadre {
width: 750px;
height: 500px;	
padding: 0px;
margin: auto;
background-color: #f5f5f5;
background-image: url(images/cadre_galerie.gif);
background-repeat: no-repeat;
margin-top: 0px;
}







#partenaires {
width: 600px;
color: #0d495e;
font-size: 14px;
border: 1px solid #1787ac;
background-color: #ffffff;
background-image: url(images/bg_texte_descriptif.png);
background-repeat: no-repeat;
margin-right: 10px;
margin-top: 30px;
float: right;
display: inline;
}

#partenaires h2 {
font-size: 16px;
margin-top: 15px;
margin-bottom: 10px;
color: #126783;
}

#partenaires a {
font-size: 14px;
color: #126783;
font-weight: normal;
}

#partenaires2 {
text-align: center;
margin: 15px;
margin-top: 10px;
font-size: 14px;
}

#partenaires2 a {
font-size: 14px;
color: #126783;
}

#partenaires2 span {
color: #126783;
font-family: courier new,courier;
font-size: 16px;
}

#partenaires2 p {
margin-bottom: 5px;
margin-top: 7px;
}



#partenaires2 img {
vertical-align: middle;
margin-left: 25px;

}


#viadeo {
width: 330px;
float: left;
display: inline;
margin-top: 40px;
margin-left: 10px;
}

#viadeo a {
font-size: 12px;
}

#viadeo p {
color: #006699;
font-size: 10px;
margin-top: 3px;
margin-bottom: 0px;
margin-left: 10px;
line-height: 12px;
}

#viadeo ul {
color: #006699;
font-size: 10px;
}

#viadeo ul li {
padding: 0px;
margin: 0px;
line-height: 14px;
}

#viadeo p.a {
color: #006699;
font-size: 10px;
margin-bottom: 0px;
margin-left: 35px;
margin-top: 10px;
}

#viadeo p.a a {
font-size: 10px;
}


#propriosloueurspartenaires {
margin-right: 10px;
float: right;
display: inline;
width: 500px;
height: 180px;
margin-top: 40px;
margin-bottom: 40px;
background-image: url(images/bg_proprios_loueurs.jpg);
background-repeat: no-repeat;
background-color: #11617b;
}

#propriosloueurspartenaires p {
color: #dddbd0;
font-weight: normal;
text-align: justify;
margin: 15px;
font-size: 12px;
line-height: 14px;
font-family: arial, helvetica, sans-serif;
}

#propriosloueurspartenaires img {
float: right;
display: inline;
margin-left: 10px;
}

#propriosloueurspartenaires p a {
font-size: 12px;
color: #dddbd0;
font-family: arial, helvetica, sans-serif;
font-weight: normal;
}








/* 

#ligne_partenaires {
width: 98%;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}

#ligne_partenaires td {
text-align: center;
border-top: 1px dashed #67b4e7;
border-bottom: 1px dashed #1787ac;
}

 */





/* CONTACT */


p.contact {
margin-left:40px;width:680px;margin-bottom:5px;font-size:16px;color:#3c6b99;margin-top:0px;
}



h2.contact {
margin-left:30px;margin-bottom:3px;font-size:20px;color:#156a8e;
}




#clo {
width:202px;
height:40px;
position:absolute;
left:700px;
top:55px;
background-image: url(images/clo.gif);
background-repeat:no-repeat;
background-position:top right;
padding:23px;
}

#clo a {
line-height: 12px;
font-style: italic;
font-family: arial, verdana, geneva, helvetica, sans-serif;
font-size: 12px;
color: #3c431a;
font-weight: bold;
}



#recommandez {
float: right;
display: inline;
width: 330px;
}


#recommandez form {
padding-left:60px;
}

#recommandez p {
font-size:18px;color:#004a96;margin:0px;margin-bottom:0px;padding:0px;
}

#recommandez p img {
vertical-align:-35%;margin-left:5px;
}

#recommandez label {
color:#0762b4
}

#recommandez input {
border:1px solid #2e88a0;background-color:#f2fcff;padding-left:5px;display:block
}


#recommandez textarea {
border:1px solid #2e88a0;background-color:#f2fcff;padding-left:5px;overflow:auto;}


#recommandez .button {
color:#054e8f;font-size:12px;font-weight:bold;font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; background-color:#dff8ff;margin: 0px; padding: 0px; cursor: pointer; border-top: #f0f0f0 1px solid; border-left: #f0f0f0 1px solid; border-right: #868686 2px solid; border-bottom: #868686 2px solid;width:130px;background-image: url(images/soleil50.gif);background-repeat:no-repeat;margin-left:40px;margin-top:7px;
}










#abonnement {
padding-top:50px;
margin-left:auto;
margin-right:auto;

background-position:20px 70px;
}

#abonnement p {
font-size: 18px;
color: #004a96;
margin-bottom:0px;
}

#abonnement p img {
vertical-align: -85%;
}

#abonnement label {
color:#004a96;
}

#abonnement input {
border:1px solid #2e88a0;background-color:#f2fcff;padding-left:5px;margin-bottom:8px;
}

#abonnement .button{
color:#054e8f;font-size:12px;font-weight:bold;font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; background-color:#dff8ff;margin: 0px; padding: 0px; cursor: pointer; border-top: #f0f0f0 1px solid; border-left: #f0f0f0 1px solid; border-right: #868686 2px solid; border-bottom: #868686 2px solid;width:130px;background-image: url(images/soleil50.gif);background-repeat:no-repeat;margin-left:45px;
}




#cadre_contact {
float:left;
display:inline;
font-weight: bold;
width: 590px;
height: 470px;	
padding: 0px;
margin-left:30px;
border: 1px dotted #1787ac;
background-color:#ffffff;
background-image: url(images/bg_texte_descriptif.png);background-repeat:no-repeat;background-position:top left;
}

#cadre_contact2 {
width: 100%;
height:100%;
background-image: url(images/);
background-repeat: no-repeat;
background-position: top left;

text-align:center;
color: #104f69;
font-size:14px;


}


#cadre_contact ul.coord {
list-style-position: outside;
list-style-type: none;
text-align: center;
line-height: 14px;
font-size: 14px;
margin: 0px;
padding: 0px;
padding-top:20px;
color:#156a8e;
}

#cadre_contact ul.coord li {
margin: 0px;
padding: 0px;
padding-bottom: 5px;

}

#cadre_contact ul.coord li.g {
font-size:16px;

}

#cadre_contact ul.coord li.tele {
padding-top: 10px;

}



#cadre_contact ul {
list-style-position: outside;
list-style-type: none;
text-align: left;
line-height: 14px;
font-size: 14px;

padding-top:30px;
padding-left: 80px;
margin: 0px;

color:#1ca1cf;
}




#cadre_contact ul li.mail {
padding-left: 50px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 20px;
background-repeat:no-repeat;
background-image: url(images/courriel.gif);
}

#cadre_contact ul li.tel {
padding-left: 50px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 20px;
background-repeat:no-repeat;
background-image: url(images/telephone.gif);
}


#cadre_contact ul li.skype {
padding-left: 50px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 20px;
background-repeat:no-repeat;
background-image: url(images/skype3.gif);
}





#recommandez p.droit_acces {
font-size: 10px;
text-align: justify;
margin-top: 17px;
margin-left: 20px;
margin-right: 20px;
line-height: 11px;
color: #1f5763;
}


p.farniente {
padding-left: 30px;
padding-right: 15px;
margin: 0px;
margin-bottom: 15px;
color: #1a83b0;
font-style: italic;
font-size: 23px;
font-family: georgia, verdana, arial, geneva, helvetica, sans-serif;
font-weight: normal;
line-height: 24px;
}

p.possible {
margin-top: 20px;
line-height: 37px;
margin-right: 30px;
margin-bottom: 60px;
text-align: right;
clear: both;
color: #1a83b0;
font-style: italic;
font-size: 26px;
font-family: georgia, verdana, arial, geneva, helvetica, sans-serif;
font-weight: normal;
}












#merci {
width: 340px;
}

#merci p {
margin-bottom: 5px;
font-style: italic;
font-size: 12px;
color: #483e25;
line-height: 15px;
width: 470px;
}

#merci p a {
font-size: 12px;
color: #483e25;
}

#merci p.m {
font-size: 11px;
line-height: 12px;
font-style: normal;
width: 330px;
color: #483e25;
}

#merci p.m a {
font-size: 11px;
color: #483e25;
}



#assurez {
width: 485px;
height: 200px;
background-image: url(images/beach.jpg);
background-repeat: no-repeat;
background-position: 29px 0px;
float: left;
display: inline;
margin-bottom: 20px;

}

#assurez h6 {
font-size: 22px;
color: #ffffff;
font-weight: normal;
font-family: 'comic sans ms';
padding: 0px;
margin: 0px;
padding-top: 10px;
text-align: center;
}

#assurez p {
width: 420px;
font-size: 12px;
color: #ffffff;
line-height: 14px;
margin-top: 65px;
text-align: right;
}




#aide_conteneur { width: 422px; float: right; display: inline; margin-right: 35px; }
dl.curved {background:#eeeeee url(images/coin_gh.gif) top left no-repeat; float: right; display: inline; padding: 0; width: 422px; color: #36435a; font-weight: bold; font-family: arial,verdana, geneva, helvetica, sans-serif; line-height: 22px; }
dl.curved dt { background: transparent url(images/coin_dh.gif) top right no-repeat; padding-left: 20px; text-align: left; font-size: 20px; color: #30190d; font-weight: normal;	letter-spacing: -1px; padding-top: 10px; }
dl.curved .ret { padding-left: 48px; text-align: left; font-size: 22px; color: #30190d; font-weight: normal;	letter-spacing: -1px; }
dl.curved .ret2 { padding-left: 98px; font-size: 14px; color: #30190d; font-weight: bold;	letter-spacing: 0px; font-style: italic; }
dl.curved dd { background: #eee url(images/coin_gb.gif) bottom left no-repeat; padding: 0; margin: 0; }
dl.curved dd p { margin: 0px; padding: 10px; padding-top: 5px; padding-bottom: 0px; font-size: 12px; font-weight: normal; line-height: 14px; color: #30190d; text-align: justify; font-family: arial,verdana, geneva, helvetica, sans-serif; }
dl.curved dd p.m { margin: 0px; padding: 10px; padding-top: 5px; padding-bottom: 7px; font-size: 12px; font-weight: normal; line-height: 15px; color: #30190d; text-align: justify; font-family: arial,verdana, geneva, helvetica, sans-serif; }
dl.curved dd p.last { background-image: url(images/fleur.gif); background-repeat: no-repeat; background-position: bottom right; text-align: left; height: 70px; padding: 0px; margin: 0px; }
dl.curved dd p.last span { margin-left: 80px; }
dl.curved dd p.last span.soumettez { margin-left: 90px; }
dl.curved dd p.last a { color: #30190d; font-family: arial,verdana, geneva, helvetica, sans-serif; text-decoration: none; font-size: 12px; font-weight: normal; line-height: 15px; letter-spacing: 0px; }
dl.curved dd p.last a.soumettez { font-size: 22px; line-height: 42px;  letter-spacing: 0px; word-spacing: -1px; }













.loc_contact a, .loc_contact a:active, .loc_contact a:visited {
padding: 5px 0 0 50px;
height: 30px;
display: block;
text-decoration: none;
font-weight: bold;
background-image: url(images/soleil32.gif);
background-position: 10px 0px;
background-repeat: no-repeat;
}

.loc_contact a:hover {
background-image: url(images/soleil2.gif);
background-position: 10px 0px;
background-repeat: no-repeat;
}

table.com {
text-align: left;
border: 1px solid #939594;
width: 730px;
margin: auto;
margin-bottom: 15px;
background-color: #f4f8ff;
}








#localisation {
background-color: #1787ac;
border: 1px solid #d9fbff;
width: 930px;
height: 462px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}

#localisation2 {
float: right;
display; inline;
width: 310px;
}

#localisation2 h5 {
font-size: 12px;
color: #ffffff;
margin-left: 0px;
}

#localisation2 ul {
font-size: 12px;
color: #ffffff;
margin: 0px;
margin-bottom: 20px;
padding: 0px;
padding-left: 20px;
}

#localisation2 ul li {
margin: 0px;
padding: 0px;
line-height:14px;
}

#localisation2 a {
color: #ffffff;
font-size: 12px;
}

#google_map {
width: 590px;
height: 460px;
text-align: center;
color: #ffffff;
font-size: 12px;
line-height: 20px;
float: left;
display: inline;
margin-left: 10px;
}

#google_map a {
color: #ffffff;
font-size: 12px;
}


#localisation_gauche {
float: left; width: 470px;
}























#brochure_liens {
width: 318px;
height: 410px;;
background-image: url(images/bg_texte_descriptif.png);
background-repeat:no-repeat;
border: 1px dotted #1787ac;
float: right;
display: inline;
margin-right: 10px;
}

#brochure_liens h2 {
margin-left: 8px;
margin-top: 20px;
margin-left:47px;
margin-bottom: 10px;
}

.brochure {
width: 610px;
height: 350px;;
margin: 0;
margin-left: 10px;
clear: both;
background-image: url(images/bg_texte_descriptif.png);
background-repeat:no-repeat;
border: 1px dotted #1787ac;
float: left;
display: inline;
}

.bloc_brochures {
color: #090;
font-weight: bold;
width: 300px;
}

.bloc_brochures h2 {
color: #116682;
margin-top:20px;
margin-left:47px;
margin-bottom: 10px;
}

.bloc_brochures a, .bloc_brochures a:active, .bloc_brochures a:visited {
font-size: 14px;
padding: 5px 0 0 50px;
height: 30px;
display: block;	
text-decoration: none;
font-weight: bold;
line-height: 14px;
}

.bloc_brochures a:hover {
background-image: url(images/soleil32.gif);
background-position: 10px 0px;
background-repeat: no-repeat;
}

.bloc_brochures1 {
color: #090;
font-weight: bold;
width: 330px;
height: 360px;
padding-top: 20px;
float: left;
margin-left: 30px;
margin-bottom: 50px;
display: inline;
background-image: url(images/bg_texte_descriptif.png);
background-repeat:no-repeat;
border: 1px solid #1787ac;
}

.bloc_brochures1 p {
margin-bottom: 7px;
}

.bloc_brochures1 a, .bloc_brochures1 a:active, .bloc_brochures1 a:visited {
padding: 5px 0 0 50px;
height: 30px;
display: block;
text-decoration: none;
font-weight: bold;
}

.bloc_brochures1 a:hover {
background-image: url(images/soleil32.gif);
background-position: 10px 0px;
background-repeat: no-repeat;
}

/* tarifs */

#principal_tarifs {
position: relative;
top: 100px; 
width: 960px;
height: 100%;
padding-bottom: 20px;
background-color: #ffffff;
}


#principal_tarifs #convertisseur {
width: 400px;
height: 95px;
font-size: 11px;
color: #2b3374;
float: left;
display: inline;
margin-top: 30px;
margin-left: 30px;
background-image: url(images/euros.jpg);
background-repeat: no-repeat;
}

#principal_tarifs #convertisseur a {
margin-left: 130px;
line-height: 50px;
color: #156a8e;
}


#principal_tarifs #cheques {
width: 360px;
height: 105px;
font-size: 11px;
color: #2b3374;
margin-right: 30px;
margin-top: 20px;
float: right;
display: inline;
}


#principal_tarifs #cheques p {
width: 250px;
line-height: 13px;
padding-top: 30px;
float: left;
display: inline;
margin: 0px;
}


#principal_tarifs #cheques img {
float: right;
}


#principal_tarifs #retraites {
float: left;
display: inline;
width: 465px;
margin-bottom: 20px;
margin-left: 10px;
border: 1px dotted #1787ac;
background-image: url(images/bg_texte_droit2.png);
background-repeat: no-repeat;
background-position: -80px 0px;
}

#principal_tarifs #retraites img {
float: right;
margin-right: 15px;
margin-left: 10px;
margin-top: 7px;
border: 1px solid #1787ac;
}


#principal_tarifs #retraites h3 {
color: #116682;
margin-left: 15px;
margin-top: 10px;
font-size: 16px;
font-family: verdana,arial,geneva,helvetica,sans-serif;
}


#principal_tarifs #retraites h3#centre {
color: #116682;
text-align: center;
margin-top: 0px;
}

#principal_tarifs #retraites h3#centre span {
color: #ff0000;
}

#principal_tarifs #retraites p {
color: #116682;
margin-left: 7px;
margin-right: 5px;
margin-bottom: 10px;
line-height: 17px;
}




#principal_tarifs #basse {
float:right;display:inline;width:465px;margin-bottom:40px;margin-right:10px;border:1px dotted #1787ac;background-image: url(images/bg_texte_droit.png);background-repeat:no-repeat;
}



#principal_tarifs #basse h3 {
color:#116682;margin-left:5px;margin-top:10px;font-size:16px
}

#principal_tarifs #basse h3#centre2 {
color:#116682;text-align:center;margin-top:10px;
}


#principal_tarifs #basse h3#centre2 span {
color:#ff0000;
}

#principal_tarifs #basse h3#centre2 span.normal {
font-weight: normal;
color:#116682;
letter-spacing:0px;
word-spacing:0px;
font-size:14px; 
}







#principal_tarifs #basse p {
color:#116682;margin-left:7px;margin-right:15px;margin-bottom:10px;line-height:17px;
}


#principal_tarifs #basse p.milieu {
color:#116682;margin-right:15px;margin-left:10px;line-height:17px;font-size:15px;
}



#principal_tarifs #basse p.bas {
color:#116682;margin-right:15px;margin-left:10px;
}


#principal_tarifs #basse img {
float:left;margin-right:10px;margin-left:15px;margin-bottom:10px;margin-top:7px;border:1px solid #1787ac;
}




#homelidays {
text-align:center;margin-bottom:60px;font-size:18px;color:#a84802;
}

#homelidays a {
font-size: 18px;
}






#principal_tarifs table {
font-size: 12px;
width: 360px;
border-collapse: collapse;
border: 1px solid #505050;
margin-bottom: 30px;
color: #002142;
}

#principal_tarifs td.reserve {
background-color: #a4d1ff;
border: 1px solid #505050;
}

#principal_tarifs td.basse {
background-color: #ffeb77;
border: 1px solid #505050;
}

#principal_tarifs td {
background-color: #f5f5f5;
border: 1px solid #505050;
}

#principal_tarifs table.nul {
font-size: 14px;
width: 700px;
border: none;
margin: auto;
margin-bottom: 30px;
}

#principal_tarifs td.nul {
background-color: #ffffff;
border: none;
}

#principal_tarifs caption {
text-align: left;
font-size: 14px;
color: #004a96;
font-weight: bold;
}

#res {
text-align: right;
color: #ff0000;
font-weight: bold;
width: 609px;
}

.brochure_contact {
width: 680px;
margin: auto;
clear: both;
}

.brochure_contact a, .brochure_contact a:active, .brochure_contact a:visited {
padding: 5px 0 0 50px;
height: 30px;
display: block;
text-decoration: none;
font-weight: bold;
background-image: url(images/soleil32_gris.gif);
background-position: 10px 0px;
background-repeat: no-repeat;
}

.brochure_contact a:hover {
background-image: url(images/soleil32.gif);
background-position: 10px 0px;
background-repeat: no-repeat;
}

#amand_charges {
font-weight: bold;
width: 800px;
border: 1px dotted #1787ac;
padding-left: 20px;
margin: auto;
background-image: url(images/bg_texte_descriptif.png);background-repeat:no-repeat;
clear:both;margin-top:40px;

}

#amand_charges h2 {
margin-left:3px;padding-top:10px;margin-top:0px;color:#116682
}


#amand_charges ol {
margin-right:20px;font-size:14px;
}

#amand_charges ol li {
padding-bottom:5px;
}






#appreciations {
position:absolute;left:655px;top:50px;background-color:#f9feff;z-index:2000;width:305px;
}

#appreciations a {
color:#1ca1cf;font-size:16px;line-height:26px;font-weight:normal
}

#appreciations img {
vertical-align:-30%
}

#sunloc {
width: 400px; margin-left:7px; margin-bottom: 30px;margin-top:12px;
}








#balneocap {
width: 610px;
height: 210px;
background-color: #000000;
margin-left: 10px;
margin-top: 30px;
margin-bottom: 30px;
float: left;
display: inline;
}

#balneocap img {
float: left; 
display: inline;
margin: 5px;
}

#balneocap #droite {
float: right;
display: inline;
}

#balneocap #droite p {
color: #949494;
font-size: 12px;
line-height: 12px;
font-family: Arial,Helvetica,sans-serif;
text-align: center;
margin: 6px;
margin-left: 0px;
margin-top: 2px;
margin-right: 10px;
width: 290px;
}

#lotus {
margin-top: 35px;
float: right;
display: inline;
margin-right: 10px;
}

#lotus p {
color: #008000;
font-weight: bold;
font-size: 12px;
margin: 0px;
line-height: 13px;
}

#hotel {
width: 407px;
height: 260px;
background-color: #261f19;
margin-left: 10px;
float: left;
display: inline;
}

#hotel img {
margin: 5px;
}

#hotel p {
color: #b7b3a6;
font-size: 12px;
line-height: 12px;
font-family: arial, helvetica, sans-serif;
margin: 5px;
margin-left: 10px;
margin-right: 10px;
}

#lotus2 {
width: 470px;
float: right;
display: inline;
margin-right: 10px;
}







.ami {
margin: 20px;
padding: 10px;
border: 1px solid #004a96;
background-color: #f4f5f9;
color: #004a96;
height: 175px;
}

ul.plan {
list-style-position: outside;
list-style-type: square;
padding-left: 20px;
margin-left: 100px;
margin-top: 0px;
margin-right: 80px;
margin-bottom: 80px;
font-size: 14px;
} 

ul.plan li {
padding-left: 0px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 15px;
color: #116682;
}

ul.plan a {
color: #116682;
font-size: 16px;
text-decoration: none;
}

ul.plan a:visited {
color: #116682;
font-size: 16px;
text-decoration: none;
}

ul.plan a:hover {
color: #116682;
font-size: 16px;
text-decoration: none;
}

ul.plan a:active {
font-size: 16px;
text-decoration: none;
}

ul.plan_sous {
list-style-position: outside;
list-style-type: square;
padding-left: 20px;
margin-left: 50px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-size: 14px;
} 

ul.plan_sous li {
padding-left: 0px;
padding-right: 5px;
padding-top: 6px;
padding-bottom: 10px;
}

#principal_assurance {
position: relative;  
width: 758px;
height: 100%;
padding-top: 40px;
padding-bottom: 20px; 
border: 1px solid #377eab;
border-top: 0px;
border-bottom: 0px;
}

#principal_assurance p {
text-align: justify;
font-size: 12px;
margin: 0px;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 35px;
line-height: 17px;
border: 1px dotted #000000;
padding:10px;
}

#principal_assurance p.intro {
text-align: justify;
font-size: 14px;
color: #000000;
margin: 0px;
padding: 0px;
margin-left: 25px;
margin-right: 25px;
line-height: 17px;
border: none;
padding: 10px;
}

#principal_assurance img.fll {
float: left;
margin: 10px;
margin-top: 5px;
margin-bottom: 0px;
margin-left: 0px;
border: none;
}

#principal_assurance h2 {
color: #000000;
font-size: 14px;
font-family: arial,verdana,geneva,helvetica,sans-serif;
text-align: left;
margin: 0px;
padding: 0px;
line-height: 17px;
margin-left: 24px;
}

#principal_assurance h2 span {
color:#ff0000;
}

#barre {
height: 18px;
width: 708px;
background-color: #ff0000;
margin-left: 25px;
margin-bottom: 35px;
}

.cache {
display: none;
visibility: hidden;
}

/* devis */
#devis {
text-align: left;
position: relative;
top: 100px; 
width: 960px;
height: 100%;
padding-bottom: 20px; 
background-color: #ffffff;
}

#devis h1 {
background-image: url(none);
text-align: center;
padding-left: 0px;
padding-top: 50px;
}

#devis ul.gauche {
width: 250px;
padding: 0px;
margin-left: 80px;
font-size: 12px;
color: #116682;
float: left;
list-style-type: none;
display: inline;
}

#devis ul.droite {
width: 370px;
padding: 0px;
font-size: 12px;
color: #116682;
line-height: 13px;
float: right;
list-style-type: none;
display: inline;
}

p.devis {
width: 600px;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
margin-bottom: 5px;
color: #116682;
font-size: 14px;
line-height: 17px;
text-align: justify;
clear: both;
}

form {
font-size: 14px;
color: #0a3847;
font-weight: normal;
margin: 0px;
padding: 0px;
height: 100%;
border: none;
}

#rens {
border: 1px solid #1787ac;
width: 700px;
padding: 20px;
padding-top: 0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
}

#rens legend {
font-size: 20px;
line-height: 50px;
color: #116682;
font-weight: normal;
}

#rens label {
display: inline;
float: left;
width: 289px;
font-weight: bold;
font-size: 14px;
color: #0f5b75;
line-height: 22px;
text-align: right;
margin-right: 7px;
}

#rens input {
color: #0a3847;
font-size: 14px;
font-weight: normal;
font-family: verdana, geneva, arial, helvetica, sans-serif;
border: 1px solid #0f5b75;
padding: 3px;
background-color: #ffffff;
width: 260px;
margin-bottom: 7px;
}

#rens button {
color: #116682;
font-size: 12px;
font-weight: bold;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
background-color: #e9f4fe;
margin: 0px;
padding: 0px;
cursor: pointer;
width: 80px;
border-top: 1px solid #f0f0f0;
border-left: 1px solid #f0f0f0;
border-right: 2px solid #868686;
border-bottom: 2px solid #868686;
background-image: url(none);
position: relative;
top: 10px; left: 550px; 
}

#rens label.haut{
text-align: center;
line-height:15px;
color: #0f5b75;
width: 500px;
padding: 0px;
margin: 0px;
margin-left: 200px;
margin-top: 30px;
padding-bottom: 4px;
}

#rens textarea {
color: #0a3847;
font-size: 12px;
font-family: verdana, geneva, arial, helvetica, sans-serif;
padding-left: 5px;
background-color: #ffffff;
width: 400px;
height: 80px;
border: 1px solid #0f5b75;
margin-left: 250px;
}

#rens select {
width: 270px;
margin-bottom: 7px;
border: 1px solid #0f5b75;
}

#rens .focus {
	background: #ffffcc;
	color: #0a3847;
}
#rens .normal {
	background: #ffffff;
	color: #0a3847;
}

#occ {
border: 1px solid #1787ac;
width: 700px;
padding-top: 0px;
margin: 0px;
padding: 20px;
font-weight: bold;
margin-left: auto;
margin-right: auto;
}

#occ legend {
font-size: 20px;
line-height: 50px;
color: #116682;
font-weight: normal;
}

#occ label {
display: inline;
font-weight: bold;
font-size: 14px;
color: #0f5b75;
vertical-align: 25%;
line-height: 15px;
text-align: right;
margin-right: 7px;
}

#occ label.age {
display: inline;
width: 89px;
font-weight: bold;
font-size: 14px;
color: #0f5b75;
line-height: 15px;
text-align: right;
margin-right: 7px;
margin-left: 12px;
}

#occ input {
color: #0a3847;
font-size: 14px;
font-weight: normal;
font-family: verdana, geneva, arial, helvetica, sans-serif;
border: 1px solid #0f5b75;
padding: 3px;
background-color: #ffffff;
width: 300px;
margin-bottom: 2px;
}

#occ input.age {
color: #0a3847;
font-size: 14px;
font-weight:normal;
font-family: verdana, geneva, arial, helvetica, sans-serif;
border: 1px solid #0f5b75;
padding: 3px;
background-color: #ffffff;
width: 20px;
margin-bottom:2px;
}

#occ input.radio {
border: none;
background: none;
width: 20px;
font-weight: bold;
color: #ff0000;
}

#occ ul {
font-weight:normal;
color: #0f5b75;
}

#occ .focus {	
background: #ffffcc;
color: #0a3847;
}
#occ .normal {
background: #ffffff;
color: #0a3847;
}

#occ .focus2 {
background: #ffffcc;
color: #0a3847;
width: 20px;
}

#occ .normal2 {	
background: #ffffff;
color: #0a3847;
width: 20px;
}

.align {
vertical-align: 25%;
font-weight: normal;
color: #0f5b75;
}

button {
color: #116682;
font-size: 12px;
font-weight: bold;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
background-color: #e9f4fe;
margin: 0px;
padding: 0px;
cursor: pointer;
border-top: 1px solid #f0f0f0;
border-left: 1px solid #f0f0f0;
border-right: 2px solid #868686;
border-bottom: 2px solid #868686;
width: 167px;
background-image: url(images/soleil50.gif);
background-repeat: no-repeat;
margin-left: 683px;
margin-top: 20px;
margin-bottom: 20px;
}

#loc {
border: 1px solid #1787ac;
width: 700px;
padding: 20px;
padding-top: 0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
}

#loc legend {
font-size: 20px;
line-height: 50px;
color: #116682;
font-weight: normal;
}

#loc label {
display: inline;
float: left;
width: 289px;
font-weight: bold;
font-size: 14px;
color: #0f5b75;
line-height: 22px;
text-align: right;
margin-right: 7px;
}

#loc input {
color: #0126500;
font-size: 14px;
font-weight: normal;
font-family: verdana, geneva, arial, helvetica, sans-serif;
border: 1px solid #0f5b75;
padding: 3px;
background-color: #ffffff;
width: 60px;
margin-bottom: 7px;
}

#loc label.age {
display: inline;
width: 89px;
font-weight: bold;
font-size: 14px;
line-height: 15px;
text-align: right;
margin-right: 7px;
margin-left: 12px;
}

#loc input {
color: #0126500;
font-size: 14px;
font-weight: normal;
font-family: verdana, geneva, arial, helvetica, sans-serif;
border: 1px solid #0f5b75;
padding: 3px;
background-color: #ffffff;
width: 300px;
margin-bottom: 2px;
}

#loc input.age {
color: #0126500;
font-size: 14px;
font-weight: normal;
font-family: verdana, geneva, arial, helvetica, sans-serif;
border: 1px solid #0f5b75;
padding: 3px;
background-color: #ffffff;
width: 20px;
margin-bottom: 2px;
}

#loc .focus {
background: #ffffcc;
color: #012650;
}

#loc .normal {
background: #ffffff;
color: #012650;
}

#loc input.radio {
border: none;
background: none;
width: 20px;
font-weight: bold;
}

#loc table {
width: 360px;
border-collapse: collapse;
margin: 0px
margin-right: 10px;
float: left;
display: inline;
color: #0f5b75;
float: left;
display:inline;
}

#loc table td {
border: 1px solid #0f5b75;
padding: 2px;
width: 250px;
height: 32px;
}

#loc table td.c {
text-align: center;
width: 100px;
}

#loc table.linge {
width: 300px;
border-collapse: collapse;
float: right;
display: inline;
}

#loc table.linge label{
text-align:left;
width:220px;
}

#loc table.linge td {
border: 1px solid #0f5b75;
padding: 2px;
width: 190px;
height: 28px;
line-height: 24px;
}

#loc table.linge td.c {
text-align: center;
width: 150px;
}

#loc caption {
font-weight: bold;
color: #0f5b75;
}

.noborder {
border: none;
}






.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
    z-index: 32767;
}

.ds_tbl {
	background-color: #b1d7f0;
}

.ds_head {
	background-color: #007ede;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #59abe8;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #b1d7f0;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #ffffcc;
} 







#contact_poss {
width: 758px;
height: 222px;
margin-top: 0px;
background-image: url(images/antinea3.png);
background-repeat: no-repeat;
background-position: top right;
}








.clotitle { color:#004a96;text-align:left;margin-bottom:5px;margin-left:15px;font-size:18px;font-weight:bold;margin-top:0px; }

.detail { float:right;display:inline;margin-right:20px;margin-top:7px;clear:both; }

#canada { background-image: url(images/canada_quebec_drapeau.gif); background-repeat: no-repeat; height:345px; width:344px; margin-left: auto; margin-right: auto; color: #026595; font-weight: bold; font-family: comic sans ms; border: 1px solid #ffffff; }

#canada p { margin: 0px; margin-bottom: 20px; text-align: justify; font-size: 16px; color: #3071a5; }

.canada { font-size: 26px; line-height: 36px; margin: 10px; padding-top: 10px; text-align: right; color: #026595; }











div#colonne1 {
float: left;
display: inline;
margin-left: 5px;
width: 255px;
background-color: #9bd0e1;
text-align: center;
padding-top: 13px;
padding-bottom: 17px;
height: 330px;
}

div#colonne2 {
float: right;
display: inline;
margin-right: 5px;
width: 255px;
background-color: #d39ab3;
text-align: center;
padding-top: 13px;
padding-bottom: 17px;
height: 330px;
}

div#centre {
background-color: #c2f732;
margin-left: 266px;
margin-right: 255px;
width: 256px;
text-align: center;
padding-top: 13px;
padding-bottom: 17px;
height: 330px;
}

.coltitle {
font-size:18px;
font-weight:bold;
color:#004a96;
text-align:center;
margin-bottom:5px;
margin-top:0px;
}

.detail {
float: right;
display: inline;
margin-right: 20px;
margin-top: 7px;
}

.col {
margin-top:10px;
}





#assdis { color:#004a96;text-align:justify;font-size:12px;font-family:arial,verdana,geneva,helvetica,sans-serif;line-height:14px;padding:12px;padding-bottom:5px;margin-top:20px;border:1px solid #004a96;background-color:#f4f5f9;background-image:url(fleur.gif);background-repeat:no-repeat;background-position:bottom left;float:right;display:inline;width:350px;height:252px;margin-right:10px; }

#assdis h2 { padding:0px;margin-left:0px;margin-top:0px;margin-bottom:0px;width:320px; }

#assdis p { font-size:12px;line-height:14px;margin:0px;margin-bottom:9px; }

#assdis p.deux { margin-bottom:10px;text-align:right; }

.span1 {word-spacing:4px;}

.span2 {word-spacing:9px;}

.span3 {margin-left:40px;word-spacing:1px;}

.span4 {margin-left:65px;word-spacing:9px;}

.span5 {margin-right:103px}

#assdis2 {width:225px;margin-left:130px;font-weight:bold;clear:both;}





#lien_bas_page {

height: 15px;
margin-top: 30px;
margin-right: 10px;

float: right;
display: inline;


background-image: url(images/fleche_bas.gif);
background-repeat: no-repeat;
background-position: top right;
text-align: right;
padding-right: 20px;
}




#lien_bas_page a {
color: #1787ac;
font-style: italic;
font-weight:normal;
}


#xiti-logo img {
margin-left: 20px;
}



#js_galerie {

}


#js_galerie a {
background-color: #ff4f4f;
color: #ffffff;
font-size: 13px;
padding: 2px;
}