/* Général */
html {-webkit-text-size-adjust: none; }
body {
color: #c7b296;
background:#380a00 url(images/body_bg.gif) repeat-x;
font-family:'verdana', Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
}
a {
color: #c7b296;
text-decoration:none;
}
a:hover, a:focus {
color: #a30c11;
}
strong {
color: #a30c11;
}
/* Conteneur central */
#centre {
background: url(img/10-colonnes.png) repeat-y;
}
/* Navigation */
#navigation {
background: none;
}
#navigation a {
color: #FF6533;
}
#navigation a:hover, #navigation a:focus {
background: #000000;
}
/* Contenu principal */
#principal {
color: #181A12;
}
#principal a {
color: #332510;
}
#principal a:hover, #principal a:focus {
color: #6E5122;
}
#principal strong {
color: #181A12;
}
/* Contenu secondaire */
#secondaire {
background-color: #c7b296;
}
/* --- POSITIONNEMENT --- */
/* Page */
body {
padding: 0px 0px;
}
.ribbon {
background:url(images/ribbon.png) no-repeat;
width:214px;
height:285px;
position:absolute;
top:137px;
margin:0 auto;
}
#outer{
background: url(images/bg_index.gif) no-repeat;
background-position: top center;
height:990px;
width:1036px;
margin:0 auto;
}
#outer2{
background: url(images/bg_index.gif) no-repeat;
background-position: top center;
height:990px;
width:100%;
margin:0 auto;
}
#global {
width: 1000px;
margin-left: auto;
margin-right: auto;
}
/* En-tête */
#entete {
margin:192px 0 0px 0;
text-align:right;
color:#c7b296;
display: inline-block;
}
#entete h1 {
margin: 0;
}
#entete h1 img {
float: left;
margin: 7px 20px 10px 0;
}
#entete .sous-titre {
margin: 4px 0 15px 0;
}
/* Bloc central */
#centre {
width: 100%;
overflow: hidden;
}
/* contenu gauche */
#navigation {
float: left;
width: 200px;
padding-top:199px;
}
#navigation ul {
margin: 0;
padding: 20px 10px 20px 10px;
list-style: none;
}
#navigation a {
display: block;
height: 1%;
padding: 6px 10px 6px 10px;
line-height: 1.5;
font-size: .9em;
text-decoration: none;
}
/* Contenu principal */
#principal {
float: left;
width: 600px;
padding: 0px 0px;
}
#principal > :first-child {
margin-top: 0px;
}
#principal p, #principal li {
line-height: 1.5;
}
/* Contenu secondaire */
#secondaire {
margin-left: 800px;
margin-right: 0px;
padding-bottom: 0px;
color: #380a00;
height:600px;
}
#description {
height:545px;
padding:10px 10px 0 10px;
line-height:18px;
}
#tarifs {
padding:5px 10px 5px 10px;
color:#a30c11;
background: url(images/bg_tarifs.png) no-repeat;
line-height:18px;
}
#tarifs:hover {
background: url(images/bg_tarifs_hover.png) no-repeat;
color:#ffffff;
line-height:18px;
}
#tarifs:hover a{
color:#ffffff;
}
#tarifs a{
color:#a30c11;
}
/* Pied de page */
#pied {
margin: 0;
padding: 10px 0px 10px 0;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
/* Mention de copyright */
#copyright {
margin: 0px 0 0 0;
font-size:10px;
text-align: left;
float:right;
color:#c7b296;
text-align:right;
}
/* Mention de copyright accueil*/
#copyrightac {
float:left;
margin: 0px 0 10px 0;
font-size:12px;
line-height:18px;
text-align: left;
color:#ffffff;
}
#copyrightac a{
font-size:15px;
line-height:18px;
color:#a30c11;
font-weight:bold;
}
#copyrightac a:hover{
font-size:15px;
line-height:18px;
color:#c7b296;
font-weight:bold;
}
.titrecopy{
color:#a30c11;
font-weight:bold;
font-size:15px;
}
h3 {
margin: 0;
color: #a30c11;
font-weight:bold;
font-size:13px;
}
.Style1 {
color: #4b4338
}
.Style2 {
color: #a30c11;
font-weight: bold;
font-size: 1.2em;
}
/* Menu de navigation */
#menu{
width:1000px;
float:right;
margin:-6px 0 12px 0;
}
#menu ul{
list-style:none;
margin:0px 0 0px 0;
}
#menu li{
list-style:none;
display:inline;
margin:0px;
font-size:11px;
}
#menu li a{
font-size:11px;
text-decoration:none;
cursor:pointer;
padding:0 0 0px 0;
}
#menu li a:hover{
color:#ffffff;
text-decoration:none;
}
#menu li a.current{
color:#a30c11;
font-size:11px;
text-decoration:none;
}
#menu li a.current2{
color:#ee4c9b;
font-size:11px;
text-decoration:none;
}
#menu li a.current3{
color:#f36f21;
font-size:11px;
text-decoration:none;
}
#menu li a.current4{
color:#00aeef;
font-size:11px;
text-decoration:none;
}
#menu li a.current5{
color:#ffffff;
font-size:11px;
text-decoration:none;
}
/* reprise effet image couleur */
.ic_container{
vertical-align:baseline;
margin:0px;
position:relative;
height:200px;
width:200px;
color:#FFFFFF;
line-height:18px;
/*-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-box-shadow: 0 1px 3px #888;
-webkit-box-shadow: 0 1px 3px #888;*/
}
.ic_container2{
vertical-align:baseline;
padding:20px;
position:relative;
height:160px;
width:160px;
color:#FFFFFF;
line-height:18px;
/*-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-box-shadow: 0 1px 3px #888;
-webkit-box-shadow: 0 1px 3px #888;*/
}
.overlay{
opacity:0.3;
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
position:absolute;
opacity:0.7;
overflow:hidden;
margin:0px;
padding:0px;
left:0px;
right:0px;
cursor: pointer;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.ic_caption h3{
padding:10px 5px 20px 5px;
margin:0px;
font-size:16px;
color:#FFFFFF;
font-family:verdana;
font-weight:100;
}
.ic_titre{
padding:10px 5px 20px 5px;
margin:10px;
font-size:16px;
color:#FFFFFF;
font-family:verdana;
}
.ic_text{
padding:5px;
margin:0px;
text-align:justify;
font-size:12px;
}
.ic_text a{
color:#FFFFFF;
}
a img{
border:none;
outline:none;
}
.ad{
position:absolute;
right:0px;
top:0px;
width:470px;
height:70px;
}
.content{
margin:0px;
padding:0px;
bottom:0px;
}
.demo{
float:right;
}
#reserve-bouton {
display: block;
text-align: center;
font-size: 13px;
color: #380a00;
margin-top: 10px;
}
#reserve-bouton a {
color: #380a00;
display: inline-block;
font-weight: bold;
padding: 8px 20px;
background: #c7b296;
transition: all .4s ease;
}
#reserve-bouton:hover a {
background: #380a00;
color: #c7b296;
font-weight: bold;
transition: all .4s ease;
}