html, body {
height: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
}
body {
margin: 0px;
padding: 0px;
background:#59493f;
font-size: 11px;
text-align: justify;
color: #273840;
}
.hr1 {
clear: both;
margin: 10px 0px 10px 0px;
}
.hr1 hr {
display: none;
}
/** WRAPPER */
#wrapper {
width: 1000px;
height: 100%;
min-height: 100%;
margin: 0px auto;
background-color: #59493f;
}
html>body #wrapper {
height: auto;
}
/* -------------------- UPLINE -----------*/
#top{
height:10px;
background: #59493f;
color: #927D6A;
text-align:right;
padding-top:5px;
padding-right: 15px;
}
#top a{
color: #927D6A;
}
/*----------------------- HEADER -----------------*/
#header {
width: 1000px;
height: 105px;
margin: 0px auto;
}
#header h1 {
margin: 0px;
padding: 0px;
font-size: 30px;
}
#header h2 {
margin: 0px;
padding: 0px;
font-size: 12px;
text-transform: lowercase;
}
#header_left{
width:250px;
height:90px;
margin-top:5px;
float:left;
background:url(image-charte/logo2.gif) no-repeat;
}
#header_right{
width:728px;
height:90px;
margin-top:10px;
margin-right:10px;
float:right;
}
/*---------------------MAIN-MENU --------------- */
.wrapper1{
color: #59493f;
margin: 0;
padding: 4px 0 0;
}
.wrapper1 a{
color: #59493f;
text-decoration: none;
}
.wrapper1 a:hover {
color: #59493f;
}
.wrapper1 p {
margin: 0 0 17px;
padding: 0;
line-height: 18px;
}
.wrapper {
/*width: 710px;*/
margin: 20px auto;
}
#main-menu {
width:1000px;
margin: 0px 0px 30px 0px;
color:#00CCFF;
}
.nav {
background: #6c4b2c url(image-charte/nav_bg2.png) repeat-x;
float: left;
width:972px;
height:36px;
}
.nev-wrapper {
clear: both;
float: left;
}
.nav-left {
background: #59493f url(image-charte/nav_left3.png) no-repeat top left;
float: left;
width: 10px;
height: 36px;
}
.nav-right {
background: #59493f url(image-charte/nav_right3.png) no-repeat top right;
float: left;
width: 10px;
height: 36px;
}
.nav ul {
width: 900px;
height: 38px;
float: left;
margin: 0;
padding-top: 3px;
list-style: none;
font-size: 15px;
}
.nav li {
float: left;
padding: 0 7px;
/*background: #663333;*/
position: relative;
z-index: 1;
font-size:12px;
}
.nav li.last {
background:none;
}
.nav li:hover {
z-index:2;
}
.nav li a {
display: block;
line-height: 38px;
overflow: hidden;
float: left;
}
a .menu-left {
background: url(image-charte/menu_left3.png) no-repeat left top;
width: 8px;
height: 32px;
line-height: 35px;
display: block;
float: left;
}
a .menu-mid {
background: url(image-charte/menu_mid3.gif) repeat-x top left;
height: 32px;
line-height: 35px;
display: block;
float: left;
}
a .menu-midface {
padding-top: 5px;
height: 50px;
margin-right:80px;
line-height: 35px;
float: left;
}
a .menu-right {
background: url(image-charte/menu_right3.png) no-repeat top left;
width: 8px;
height: 32px;
line-height: 35px;
display: block;
float: left;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
background-position: 0 -37px;
line-height: 35px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
color: #673b15;
}
.nav li:hover .sub,
.nav li.hover .sub {
display:block;
}
.nav li .sub {
display: none;
position: absolute;
top: 27px;
left: 7px;
background: url(image-charte/submenu_top.png) no-repeat;
width: 186px;
padding-top: 9px;
}
.nav li ul {
background: url(image-charte/submenu_bg.png) repeat-y;
width: 162px;
height: auto;
margin: 0;
padding: 0 12px 10px;
list-style: none;
font-size: 14px;
}
.nav li:hover li,
.nav li.active li {
width: 100%;
padding: 1px 0 2px;
border-bottom: 1px #673b15 dashed;
background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
color: #673b15;
background: none !important;
line-height: normal;
width: 156px;
padding: 8px 3px 3px;
text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
color: #fff;
background: #48b6ff!important;
text-decoration: none;
line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
color: #fff;
background: #48b6ff !important;
text-decoration: none;
line-height: normal;
}
.nav .btm-bg {
background: url(image-charte/submenu_bottom.png) no-repeat;
width: 205px;
height: 9px;
overflow: hidden;
clear: both;
}
/* ----------------------- BREADCRUB ---------------------*/
#breadcrub{
margin-top:10px;
font-size:10px;
}
/* ---------------- SIDEBAR ---------------*/
#sidebar {
width: 310px;
float: right;
margin-right:15px;
margin-bottom:10px;
padding-bottom: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
#sidebar h2 {
font-size:16px;
color:#927D6A;
}
#sidebar .compar{
background:#cebca5;
margin-top:0px;
margin-bottom:15px;
padding: 0 20px 15px 5px;
border: 1px solid #ECECEC;
height: 250px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
#sidebar .compar1{
background:#ffffff;
margin-top:15px;
margin-bottom:15px;
padding: 0 20px 15px 5px;
height: 220px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
#sidebar .reserve{
background:#cebca5;
padding: 0 15px 15px 20px;
border: 1px solid #ECECEC;
margin-bottom:15px;
}
#sidebar .desti{
background:#cebca5;
padding: 0 15px 15px 20px;
border: 1px solid #ECECEC;
height: 200px;
margin-bottom:15px;
}
#sidebar .pub {
padding: 0 15px 15px 5px;
}
/* -------------------- LINKING ------------ */
#sidebar1 {
clear: both;
width: 990px;
background: #927D6A;
color: #CCCCCC;
padding: 10px 0 0 0;
border: 1px #927D6A solid;
}
#sidebar1 ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar1 li {
display: block;
float: left;
width: 150px;
margin-right:10px;
padding: 5px 5px 5px 25px;
}
#sidebar1 li ul {
line-height: 16px;
}
#sidebar1 li li {
display: list-item;
float: none;
width: auto;
padding: 5px 0;
line-height: 16px;
border-bottom: #59493f 1px dashed;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
#sidebar1 h2 {
letter-spacing: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0 0 20px 0;
padding: 0 0 5px 0;
color: #59493f;
border-bottom: #59493f 1px solid;
}
#sidebar1 a {
text-decoration: none;
color: #cebca5;
}
#sidebar1 a:hover {
text-decoration: underline;
}
/*-------------------- FOOTER ---------------------*/
#footer {
width:992px;
height:35px;
background:#927D6A;
}
#footer a {
padding: 0px 10px;
}
#footer p {
text-align: center;
font-size: 11px;
color:#59493f;
}
.pagination {
font: 12px Arial,Helvetica,sans-serif;
margin: 10px 0;
text-align: center;
line-height:18px;
height:18px;
float:left;
width:100%;
}
.pagination a {
color: #0066CC;
width:26px;
height:18px;
display:inline-block;
text-decoration: none;
background-color: #FFFFFF;
background-image: url(pagination_04.gif);
background-repeat: no-repeat;
background-position: center center;
}
.pagination a:hover {
color: #ff0000;
}
.pagination #prec {
background-image: url(pagination_03.gif);
height: 18px;
width: 85px;
display:inline-block;
padding-left:20px;
}
.pagination #suiv {
background-image: url(pagination_05.gif);
height: 18px;
width: 85px;
display:inline-block;
padding-right:20px;
}
.pagination span.inactive {
opacity : 0.2;
-moz-opacity : 0.2;
-ms-filter: "alpha(opacity=20)"; /* IE 8 */
filter : alpha(opacity=20); /* IE < 8 */
}
.pagination span.active {
color: #FF0000;
font-weight: bold;
width:26px;
height:18px;
display:inline-block;
text-decoration: none;
background-color: #FFFFFF;
background-image: url(pagination_04.gif);
background-repeat: no-repeat;
background-position: center center;
}