body {
font : 100% Verdana, Arial, Helvetica, sans-serif;
background : #323232;
margin : 0;
padding : 0;
text-align : center;
color : #000000;
}
.main #container {
width : 100%;
background : #fff;
margin : auto;
border : 1px solid #000000;
text-align : left;
height : 100%;
margin-bottom : 5px;
max-width : 917px;
}

.dl {
background : transparent url(../images/dl.png) no-repeat left;
display : block;
padding-left : 25px;
line-height : 20px;
list-style : none;
}
.link {
background : transparent url(../images/link.png) no-repeat left;
display : block;
padding-left : 25px;
line-height : 20px;
list-style : none;
}
.mailto {
background : url(../images/mailto.png) no-repeat left;
display : block;
padding-left : 25px;
line-height : 20px;
list-style : none;
}
.tel {
background : url(../images/tel.png) no-repeat left;
display : block;
padding-left : 25px;
line-height : 20px;
list-style : none;
}
.fax {
background : url(../images/fax.png) no-repeat left;
display : block;
padding-left : 25px;
line-height : 20px;
list-style : none;
}
.way {
background : url(../images/way.png) no-repeat left;
display : block;
padding-left : 25px;
line-height : 20px;
list-style : none;
}
.map {
background : url(../images/map.png) no-repeat left;
display : block;
padding-left : 40px;
line-height : 30px;
list-style : none;
}
.error {
background : url(../images/error.png) no-repeat left;
display : block;
font-weight : bold;
padding-left : 25px;
line-height : 30px;
list-style : none;
}
.arrow {
background : url(../images/arrow.gif) no-repeat left;
display : block;
padding-left : 25px;
line-height : 30px;
list-style : none;
}
.info {
background : url(../images/info-1.png) no-repeat left;
background-color : #d2e1ed;
height : 25px;
display : block;
padding : 10px 5px 0 40px;
line-height : 20px;
border : 1px dotted #333;
list-style : none;
}
.inforesto {
background : url(../images/logo-orangerie.png) no-repeat left;
background-color : #e57d03;
height : 25px;
display : block;
padding : 10px 0 0 40px;
line-height : 20px;
border : 1px dotted #333;
list-style : none;
}
.infomh {
background : url(../images/info-2.png) no-repeat left;
display : block;
padding-left : 25px;
line-height : 28px;
list-style : none;
}
a.lien_ext {
background : transparent url(../images/link-ext.png) no-repeat right;
display : inline;
padding-right : 15px;
}
a.lien_extmirleft {
background : transparent url(../images/link-ext.png) no-repeat right;
display : inline;
padding-right : 15px;
color:rose;
}
.alauneh1 {
background : url(../images/bcktitrealaune.png) repeat-x;
height : 26px;
display : block;
padding-left : 10px;
padding-top : 2px;
color : #fff;
}
.newsh1 {
background : url(../images/bcktitreactu.png) repeat-x;
height : 26px;
display : block;
padding-left : 10px;
padding-top : 2px;
color : #fff;
}
.imgleft {
float : left;
margin : 0 10px 5px 0;
}
.imgright {
float : right;
margin : 0 0 5px 10px;
}
.google_translate_element {
background:#e8ac0b;
}
.main #header {
padding : 0 0;
background : #e8ac0b url(../images/logo-pinede.gif) no-repeat;
}
.main #header h1 {
margin : 0;
padding : 10px 0 0 20px;
font-size : 18px;
color : #fecd4b;
}
.main #header h2 {
margin : 0;
padding : 0 0 0 47%;
font-size : 20px;
color : #fecd4b;
display : inline;
font-style : italic;
}
.main .bookonline a {
position : relative;
top : -31px;
right : -3%;
margin : 0 0 0 0;
padding : 4px 15px 10px 5px;
font-size : 18px;
background : url(../images/resa.gif) no-repeat;
text-decoration : none;
color : #f3ba0d;
}
.main .bookonline a:hover {
color : #eb860e;
background : url(../images/resahover.gif) no-repeat;
}
.main #ssmenu li {
padding : 0 8px 0;
display : inline;
float : right;
font-size : 10px;
background : url(../images/pucessmenu.gif) no-repeat;
}
.main #ssmenu li a {
text-decoration : none;
color : #000;
}
.main #ssmenu li a:hover {
text-decoration : none;
color : #f5d060;
}
.main #ssmenu li.premier {
background : none;
}
.main #menu li {
padding : 0 10px;
display : inline;
float : right;
font-weight : bold;
font-size : 11px;
background : url(../images/pucemenu.gif) no-repeat;
letter-spacing : 0;
}
.main #menu li a {
text-decoration : none;
color : #b66404;
}
.main #menu li a:hover {
text-decoration : none;
color : #fff;
}
.main #menu li.premier {
background : none;
}
.main #banniere1 {
height : 200px;
width : 22%;
float : left;
display : inline;
background-color : #434343;
margin : 0 0 0 0;
list-style-type : disc;
font-size : 9px;
color : #e8ac0b;
line-height : 30px;
font-weight : bold;
overflow : auto;
list-style : url(../images/bullet.gif);
}
.main #banniere2 {
width : 78%;
height : 200px;
display : block;
float : left;
margin : 0 0 0 0;
color : #e8ac0b;
font-size : 12px;
overflow : auto;
overflow: auto;
overflow-x:hidden;
overflow-y:hidden;
}
fieldset.search {
border : none;
width : 75%;
margin : 0 0 0 0;
}
.search input, .search button {
border : none;
float : left;
}
.search input.box {
color : #fff;
font-size : 12px;
width : 116px;
height : 19px;
padding : 5px 5px 0 0;
background : #616161 url(../images/search_bg.gif) no-repeat;
}
.search input.box:focus {
background : #616161 url(../images/search_bg.gif) no-repeat left -23px;
outline : none;
}
.search button.btn {
width : 23px;
height : 24px;
cursor : pointer;
text-indent : -9999px;
background : #fbc900 url(../images/search_bg.gif) no-repeat top right;
}
.search button.btn:hover {
background : #fbc900 url(../images/search_bg.gif) no-repeat bottom right;
}
.main #sidebar1 {
float : left;
width : 22%;
background : #434343;
padding : 0 0 0 0;
margin : 0 0 0 0;
}
.main #sidebar1 h3 {
margin : 0 0 8px 0;
text-align : center;
padding : 5px 0 5px 0;
background : #fff;
width : 100%;
color : #5a574a;
font-size : 16px;
}
.main #menusidebar1 ul {
width : 90%;
margin : 10px 0 81px 10px;
padding : 0 0 0 0;
font-weight : bold;
color : #fff;
font-size : 10px;
}
.main #menusidebar1 li {
display : block;
padding : 5px 0 5px 0;
}
.main #menusidebar1 li a {
text-decoration : none;
color : #fff;
}
.main #menusidebar1 li a:hover {
text-decoration : none;
color : #323232;
}
.main #ssmenusidebaraccueil p {
width : 100%;
margin : 0 0 0 0;
padding : 0 0 0 0;
font-weight : bold;
font-size : 12px;
text-align : center;
cursor : pointer;
background : url(../images/droit-de-savoir1.gif) no-repeat center 100%;
height : 160px;
}
.main #ssmenusidebaraccueil p:hover {
background : url(../images/droit-de-savoir2.gif) no-repeat center 100%;
}
.main #ssmenusidebaraccueil a {
text-decoration : none;
color : #fff;
}
.main #ssmenusidebaraccueil li {
background : url(../images/bgdssmenusidebar1.gif);
display : block;
padding : 9px 0 9px 10px;
}
li#ssmenusidebaraccueilnew {
background : url(../images/bgdssmenusidebar1new.gif);
display : block;
padding : 9px 0 9px 10px;
}
.main #ssmenusidebaraccueil li a {
text-decoration : none;
color : #fff;
}
.main #ssmenusidebaraccueil li a:hover {
text-decoration : none;
color : #070a40;
}
.main #ssmenusidebaraccueil ul {
width : 100%;
margin : 0 0 0 0;
padding : 18% 0 0 0;
font-weight : bold;
font-size : 12px;
color : #fff;
font-size : 10px;
}
.main #ssmenusidebar1 ul {
width : 100%;
margin : 0 0 0 0;
padding : 0 0 0 0;
font-weight : bold;
font-size : 12px;
color : #fff;
font-size : 10px;
}
.main #ssmenusidebar1 li {
background : url(../images/bgdssmenusidebar1.gif);
display : block;
padding : 9px 0 9px 10px;
}
.main #ssmenusidebar1 li a {
text-decoration : none;
color : #fff;
}
.main #ssmenusidebar1 li a:hover {
text-decoration : none;
color : #070a40;
}
.main #sidebar2 {
float : right;
width : 3%;
height : 5px;
background : #fff;
padding : 0 0;
}
.main #maincontentaccueil {
margin : 0 0 0 22%;
text-align : justify;
font-size : 12px;
color : #5a574a;
display : inline;
}
.main #maincontentrestaurant {
margin : 0 0 0 22%;
text-align : justify;
font-size : 12px;
color : #5a574a;
display : block;
}
.main #coord a, .main #matin a, .main #midi a, .main #soir a {
text-decoration : none;
color : #5a574a;
line-height : 20px;
}
.main #coord a:hover, .main #matin a:hover, .main #midi a:hover, .main #soir a:hover {
color : #000;
}
.main #coord:hover, .main #matin:hover, .main #midi:hover, .main #soir:hover {
background : #fff;
border : 1px solid #e8ac0b;
}
.main #coord, .main #matin, .main #midi, .main #soir {
float : left;
display : inline;
width : 24.7%;
height : 380px;
padding : 0 0 0 0;
margin : 0 0 0 0;
text-align : left;
border : 1px solid #ffffff;
}
.main #coord {
background : url(../images/inforesto.gif) no-repeat 100%;
}
.main #matin {
background : url(../images/matin.gif) no-repeat 100%;
}
.main #midi {
background : url(../images/midi.gif) no-repeat 100%;
}
.main #soir {
background : url(../images/soir.gif) no-repeat 100%;
}
.main #coord:hover {
background : url(../images/inforesto_over.gif) no-repeat 100%;
}
.main #matin:hover {
background : url(../images/matin_over.gif) no-repeat 100%;
}
.main #midi:hover {
background : url(../images/midi_over.gif) no-repeat 100%;
}
.main #soir:hover {
background : url(../images/soir_over.gif) no-repeat;
}
.main #coord p, #matin p, #midi p, #soir p {
padding : 10px 0 3px 15px;
margin : 0 0 3px 0;
}
.main #news a, .main #location a, .main #achat a, .main #restaurant a {
text-decoration : none;
color : #fff;
line-height : 20px;
}
.main #news.lientopic a {
font-style : italic;
}
.main #news a:hover, .main #location a:hover, .main #achat a:hover, .main #restaurant a:hover {
color : #f6a717;
}
.main #achat:hover {
border : 1px solid #e8ac0b;
background : #051b4c;
}
.main #location:hover {
border : 1px solid #e8ac0b;
background : #051b4c;
}
.main #news:hover {
border : 1px solid #e8ac0b;
background : #051b4c;
}
.main #restaurant:hover {
border : 1px solid #e8ac0b;
background : #f29400 url(../images/logo-orangerie-accueil.png) no-repeat right bottom;
}
.main #location {
float : left;
display : inline;
width : 19.24%;
height : 285px;
background : url(../images/banniere/banniere2_02.gif);
padding : 0 0 0 0;
margin : 0 0 0 0;
text-align : left;
border : 1px solid #ffffff;
}
.main #news {
float : left;
display : inline;
width : 19.24%;
height : 285px;
background : url(../images/banniere/banniere2_01.gif);
padding : 0 0 0 0;
margin : 0 0 0 0;
text-align : left;
border : 1px solid #ffffff;
}
.main #achat {
float : left;
display : inline;
width : 19.24%;
height : 285px;
background : url(../images/banniere/banniere2_03.gif);
padding : 0 0 0 0;
margin : 0 0 0 0;
text-align : left;
border : 1px solid #ffffff;
}
.main #restaurant {
float : left;
display : inline;
width : 19.24%;
height : 285px;
color : #fff;
background : url(../images/banniere/banniere2_04.gif);
padding : 0 0 0 0;
margin : 0 0 0 0;
text-align : left;
border : 1px solid #ffffff;
}
.main #restaurant p, #achat p, #news p, #location p {
padding : 10px 0 3px 15px;
margin : 0 0 3px 0;
}
.main p#titre {
background : url(../images/bgdtitreaccueil.gif) repeat-x;
padding : 4px 0 4px 0;
line-height : 20px;
font-weight : bold;
text-align : center;
}
.main #maincontent {
margin : 2% 4% 2% 23.5%;
text-align : justify;
font-size : 12px;
background : #fff;
color : #5a574a;
}
.main #mainforum {
margin : 1% 1% 0 0;
text-align : justify;
font-size : 12px;
background : #fff;
color : #5a574a;
}
.iframe {
margin : 0 0 0 0;
padding : 0 0 0 0;
}
.main #maintarifs {
margin : 2% 4% 2% 23.5%;
text-align : justify;
font-size : 9px;
background : #fff;
color : #5a574a;
}
.main #maintarifs h1 {
font-size : 13px;
margin : 0 0 20px 0;
background : url(../images/bcktitreactu.png) repeat-x;
height : 26px;
display : block;
padding-left : 10px;
padding-top : 3px;
color : #fff;
}
.main #maintarifs a {
text-decoration : none;
font-weight : bold;
letter-spacing : 1.5px;
color : #000;
}
.main #maincontent a {
text-decoration : none;
font-weight : bold;
letter-spacing : 1.5px;
color : #000;
}
.main #maincontent a:hover {
text-decoration : none;
font-weight : bold;
color : #5a574a;
text-decoration : underline;
}
.main #maincontent h1 {
font-size : 13px;
margin : 0 0 20px 0;
background : url(../images/bcktitreactu.png) repeat-x;
height : 26px;
display : block;
padding-left : 10px;
padding-top : 3px;
color : #fff;
}
.main #maincontent h2 {
font-size : 15px;
}
.main #gvacances, #gloisirs, #gresidentielle {
float : left;
display : block;
width : 22%;
height : 200px;
padding : 0 0 0 0;
margin : 0 2% 0 8%;
text-align : left;
border : 1px solid #5a574a;
}
.main #gvacances {
background : url(../images/gvacances.jpg) no-repeat;
border : 1px solid #5a574a;
}
.main #gloisirs {
background : url(../images/gloisirs.jpg) no-repeat;
border : 1px solid #5a574a;
}
.main #gresidentielle {
background : url(../images/gresidentielle.jpg) no-repeat;
border : 1px solid #5a574a;
}
.main #gvacances a, .main #gloisirs a, .main #gresidentielle a {
font-size : 9px;
color : #5e5e5e;
display : block;
background : #fff;
font-weight : bold;
position : relative;
padding-left : 5px;
top : 170px;
left : 5px;
width : 74%;
text-decoration : none;
border : 1px solid #5a574a;
}
.main #gvacances a:hover, .main #gloisirs a:hover, .main #gresidentielle a:hover {
border : 1px solid #e8ac0b;
text-decoration : none;
}
#accordion {
margin : 20px 0;
}
h3.togglerresidentiel {
cursor : pointer;
border : 1px solid #f5f5f5;
border-right-color : #ddd;
border-bottom-color : #ddd;
font-family : 'Andale Mono', sans-serif;
font-size : 12px;
background : #c3839f;
color : #fff;
margin : 0 0 4px 0;
padding : 3px 5px 1px;
}
h3.togglervacances {
cursor : pointer;
border : 1px solid #f5f5f5;
border-right-color : #ddd;
border-bottom-color : #ddd;
font-family : 'Andale Mono', sans-serif;
font-size : 12px;
background : #4c9fec;
color : #fff;
margin : 0 0 4px 0;
padding : 3px 5px 1px;
}
h3.togglerloisirs {
cursor : pointer;
border : 1px solid #f5f5f5;
border-right-color : #ddd;
border-bottom-color : #ddd;
font-family : 'Andale Mono', sans-serif;
font-size : 12px;
background : #00a0c1;
color : #fff;
margin : 0 0 4px 0;
padding : 3px 5px 1px;
}
h3.toggleravendre {
cursor : pointer;
border : 1px solid #f5f5f5;
border-right-color : #ddd;
border-bottom-color : #ddd;
font-family : 'Andale Mono', sans-serif;
font-size : 12px;
background : #06357d;
color : #fff;
margin : 0 0 4px 0;
padding : 3px 5px 1px;
}
div.element p, div.element h4 {
margin : 0;
padding : 4px;
}
.blockimage {
margin : 10px 10px 0 0;
float : left;
}
.main .iframe {
padding : 0 0 0 0;
margin : 0 0 0 0;
}
.main #footer {
display : inline;
float : left;
width : 100%;
color : #5e5e5e;
background : #f6a717;
margin : 0 0 0 0;
}
.main #footer p {
text-align : center;
background : #f6a717;
margin : 3px 0 0 0;
padding : 0 3px 5px 3px;
font-size : 0.7em;
color : #5e5e5e;
}
.main .titrefooter {
font-weight : bold;
}
.main #footer p a {
color : #5e5e5e;
text-decoration : none;
}
.main #footer p a:hover {
color : #000;
text-decoration : none;
}
.main #footer1 {
display : inline-block;
float : left;
padding : 0 5px 5px 20px;
margin : 0 0 0 0;
background-color : #f6a717;
width : 29%;
}
.main #footer2, #footer3 {
display : inline-block;
float : left;
padding : 0 5px 5px 20px;
margin : 0 0 0 0;
background-color : #f6a717;
width : 29%;
background : url(../images/bgfooter.gif) repeat-y;
}
.main #footer1 a, #footer2 a, #footer3 a {
color : #5e5e5e;
font-size : 0.7em;
text-decoration : none;
}
.main #footer1 a:hover, #footer2 a:hover, #footer3 a:hover {
color : #000;
font-size : 0.7em;
text-decoration : underline;
}
.main #footer .paiement {
color : #323232;
text-align : right;
letter-spacing : 1.5px;
text-decoration : overline;
}
.fltrt {
float : right;
margin-left : 8px;
}
.fltlft {
float : left;
margin-right : 8px;
}
.clearfloat {
clear : both;
height : 0;
font-size : 1px;
line-height : 0;
}
.main #container #maintarifs table {
color : #000000;
}