/* CSS Document */
html, body {
height:100%
}

body {
padding:0;
margin:0;
color: #FFFFFF;
background-color: #4b230f;
}

#conteneur{
position: relative;
width: 700px;
left: 50%;
margin-left: -350px;
margin-bottom:-227px;
margin-top: 0px;
}

#top{
position:absolute;
width: 100%;
height: 151px;
background: url(../img/header-fond.jpg) repeat-x;
}

#header{
position: absolute;
left: 50%;
margin-left: -600px;
width: 1200px;
height: 151px;
background: url(../img/header.jpg) repeat;
z-index: 1;
}

#clearheader {
height: 151px;
border-width: 0px;
}

#btaccueil {
position: relative;
float:left;
top: 0px;
left: 575px;
height: 151px;
width: 75px;
margin: 0px;
padding: 0px;
}

#btconsult {
position: relative;
float:left;
top: 0px;
left: 575px;
height: 151px;
width: 75px;
margin: 0px;
padding: 0px;
}

#btevent {
position: relative;
float:left;
top: 0px;
left: 575px;
height: 151px;
width: 75px;
margin: 0px;
padding: 0px;
}

#btref {
position: relative;
float:left;
top: 0px;
left: 575px;
height: 151px;
width: 75px;
margin: 0px;
padding: 0px;
}

#btpart {
position: relative;
float:left;
top: 0px;
left: 575px;
height: 151px;
width: 75px;
margin: 0px;
padding: 0px;
}

#colonne-centre {
position: relative;
float: left;
width: 700px;
text-align: left;
padding: 0px 0px 50px 0px;

}

#colonne-gauche {
position: relative;
float: left;
width: 440px;
text-align: left;
padding: 0px 0px 50px 0px;

}

#colonne-droite {
position: relative;
float: right;
width: 240px;
padding: 0px 0px 50px 0px;
}

#colonne-gauche2 {
position: relative;
float: left;
width: 340px;
text-align: left;
}

#colonne-droite2 {
position: relative;
float: right;
width: 340px;
}

#bt-franc {
position: absolute;
top: 5px;
left: 5px;
height: 20px;
width: 35px;
margin: 0px;
padding: 0px;
z-index: 2;
overflow: hidden;
border: 0;
}


#bt-holl {
position: absolute;
top: 5px;
left: 45px;
height: 20px;
width: 35px;
margin: 0px;
padding: 0px;
z-index: 2;
overflow: hidden;
border: 0;
}


#bt-all {
position: absolute;
top: 5px;
left: 85px;
height: 20px;
width: 35px;
margin: 0px;
padding: 0px;
z-index: 2;
overflow: hidden;
border: 0;
}


#bt-angl {
position: absolute;
top: 5px;
left: 125px;
height: 20px;
width: 35px;
margin: 0px;
padding: 0px;
z-index: 2;
overflow: hidden;
border: 0;
}

#bt-facebook {
position: absolute;
top: 5px;
left: 197px;
height: 20px;
width: 52px;
margin: 0px;
padding: 0px;
z-index: 2;
overflow: hidden;
border: 0;
}

#cocktail {
width: 340px;
height: 50px;
background: url(../img/fd-cocktail.png) no-repeat;
padding: 0px 0px 0px 0px;
margin: 0px 0px 7px 0px;
text-decoration: none;
border-bottom: none;
border: none;
}

#cocktail2 {
width: 340px;
height: 50px;
background: url(../img/fd-cocktail.png) no-repeat;
padding: 0px 0px 0px 0px;
margin: 0px 0px 7px 0px;
text-decoration: none;
border-bottom: none;
border: none;
}

.titre-cocktail {
font-family: "Times New Roman", Times, serif;
font-style:italic;
font-size: 18px;
color: #FBE6BC;
margin: 0px 0px 0px 0px;
padding: 4px 0px 0px 10px;
text-decoration: none;
border-bottom: none;
border: none;
}

a.titre-cocktail {
text-decoration: none;
border-bottom: none;
border: none;
outline: none;
}


a.cock-lien {
text-decoration: none;
border-bottom: none;
border: none;
outline: none;
}

.cock-lien {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.cock-lien a:link {
text-decoration: none;
border-bottom: none;
border: none;
outline: none;
}
.cock-lien a:visited {
text-decoration: none;
border-bottom: none;
border: none;}
.cock-lien a:hover {
text-decoration: none;
border-bottom: none;
border: none;}
.cock-lien a:active {
text-decoration: none;
border-bottom: none;
border: none;}

.titre-cocktail2 {
font-family: "Times New Roman", Times, serif;
font-style:italic;
font-size: 18px;
color: #FBE6BC;
margin: 0px 0px 0px 0px;
padding: 14px 0px 0px 10px;
text-decoration: none;
}

* html #colonne-droite {
margin-right:-3px
}

#footer {
position:relative;
width:100%;
height: 300px;
clear:both;
text-align:center;
background: url(../img/footer-dessus.jpg) repeat-x;

}

* html #footer {/* seul IE prend compte de ce style */
\height: 225px;/* pour IE5 */
he\ight: 225px;/* pour IE6 */
}

#clearfooter{
clear:both;
height: 225px;
}/* necessaire pour faire une place au footer*/

#footcont{
position: relative;
width: 700px;
margin-left:auto;
margin-right:auto;
padding-top: 35px;
}

.marpad {
padding: 0px 0px 0px 0px;
margin: 0px 0px -50px 0px;
}

.img {
float: left;
padding: 15px 20px 20px 0px;
}

.img2 {
float: right;
padding: 15px 0px 0px 0px;
}

div,p  {
font-family: "lucida grande", "lucida sans unicode", "Monaco", verdana, helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #FFF;
text-align: justify;
}

.titre {
font-family: "Times New Roman", Times, serif;
font-style:italic;
font-size: 30px;
line-height: 40px;
color: #FBE6BC;
margin: 20px 0px 0px 0px;
padding: 0px 0px 10px 0px;
border-bottom: solid 1px #754c24;
text-align:left;
}

.titre2 {
font-family: "Times New Roman", Times, serif;
font-size: 16px;
color: #FBE6BC;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
border-bottom: solid 1px #754c24;
}

.titre3 {
font-family: "Times New Roman", Times, serif;
font-size: 16px;
color: #FBE6BC;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
border-bottom: solid 1px #754c24;
text-align: right;
}

.bloctitreg {
position: relative;
float: left;
width: 330px;
margin: 0px 9px 0px 0px;
padding: 0px 0px 0px 0px;
}

#bloc-liens {
position: relative;
float: right;
width: 256px;
height: 30px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
background: url(../img/icones-langues-facebook.jpg) no-repeat;

}


#clearall {
clear:both;
}

.blocfooter {
width: 100%;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: solid 1px #754c24;
}

.blocadresse {
position: relative;
float: left;
width: 130px;
margin: 0px 9px 0px 0px;
padding: 0px 0px 0px 0px;
}

.clear {
clear: both;
}

.blocbanner {
width: 100%;
margin: 10px 10px 0px 0px;
padding: 0px 10px 0px 0px;
}

.blocbanner2 {
width: 100%;
margin: 10px 50px 0px 0px;
padding: 0px 50px 0px 0px;
}


.legende {
font-family: "lucida grande", "lucida sans unicode", "Monaco", verdana, helvetica, sans-serif;
font-size: 10px;
line-height: 18px;
color: #FBE6BC;
text-align: left;
}

.legende a:link {
color: #FBE6BC; 
text-decoration: none; 
background-color: transparent;
border-bottom: 1px dotted;
}
.legende a:visited {
color: #FBE6BC; 
text-decoration: none; 
background-color: transparent;
border-bottom: 1px dotted;
}
.legende a:hover {
color: #FFF; 
text-decoration: none; 
background-color: transparent;
border-bottom: 1px dotted #FBE6BC;
}
.legende a:active {
color: #804B1A; 
text-decoration: none; 
background-color: transparent;
border-bottom: 1px dotted #804B1A;
}

.legende2 {
font-family: "lucida grande", "lucida sans unicode", "Monaco", verdana, helvetica, sans-serif;
font-size: 10px;
line-height: 18px;
font-style: italic;
color: #FBE6BC;
text-align: left;
}

.legende3 {
font-family: "lucida grande", "lucida sans unicode", "Monaco", verdana, helvetica, sans-serif;
font-size: 12px;
line-height: 25px;
font-style: italic;
color: #C98218;
text-align: left;
padding: 0px 0px 0px 15px;
}

strong {
color: #C98218;
}

.lien {
font-family: "lucida grande", "lucida sans unicode", "Monaco", verdana, helvetica, sans-serif;
color: #FBE6BC;
text-align: left;
}

.lien a:link {
color: #FBE6BC; 
text-decoration: none; 
background-color: transparent;
border-bottom: 1px dotted;
}
.lien a:visited {
color: #FBE6BC; 
text-decoration: none; 
background-color: transparent;
border-bottom: 1px dotted;
}
.lien a:hover {
color: #FFF; 
text-decoration: none; 
background-color: transparent;
border-bottom: 1px dotted #FBE6BC;
}
.lien a:active {
color: #804B1A; 
text-decoration: none; 
background-color: transparent;
border-bottom: 1px dotted #804B1A;
}

.lien2 {
font-family: "lucida grande", "lucida sans unicode", "Monaco", verdana, helvetica, sans-serif;
color: #FBE6BC;
text-align: left;
text-decoration: none;
font-weight: bold;
}

.lien2 a:link {
color: #FBE6BC; 
text-decoration: none; 
background-color: transparent;
border-bottom: 1px dotted;
font-weight: bold;

}
.lien2 a:visited {
color: #FBE6BC; 
text-decoration: none; 
background-color: transparent;
border-bottom: 1px dotted;
font-weight: bold;

}
.lien2 a:hover {
color: #FFF; 
text-decoration: none; 
background-color: transparent;
border-bottom: 1px dotted #FBE6BC;
font-weight: bold;

}
.lien2 a:active {
color: #804B1A; 
text-decoration: none; 
background-color: transparent;
border-bottom: 1px dotted #804B1A;
font-weight: bold;

}

.margintop {
margin: 20px 0px 0px 0px;
}

#marques {
position: relative;
width: 100%;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

.footerimg {
position: absolute;
z-index: 1;
overflow: hidden;
}

#btabsolut {
position: absolute;
top: 20px;
left: 0px;
height: 50px;
width: 125px;
margin: 0px;
padding: 0px;
z-index: 2;
overflow: hidden;
border: 0;
}

#btjack {
position: absolute;
top: 20px;
left: 195px;
height: 50px;
width: 125px;
margin: 0px;
padding: 0px;
z-index: 2;
overflow: hidden;
border: 0;
}

#btgrey {
position: absolute;
top: 20px;
left: 390px;
height: 50px;
width: 125px;
margin: 0px;
padding: 0px;
z-index: 2;
overflow: hidden;
border: 0;
}

#btmartini {
position: absolute;
top: 20px;
left: 575px;
height: 50px;
width: 125px;
margin: 0px;
padding: 0px;
z-index: 2;
overflow: hidden;
border: 0;
}



-------------------------------


#conteneur-cock{
position: relative;
width: 700px;
left: 50%;
margin: 0px 0px 0px -350px;
}
#conteneur-cock2{
position: relative;
width: 360px;
left: 50%;
margin: 0px 0px 0px -180px;
}


#txt-cock{
width: 660px;
margin: 20px;
padding: 0px;
}

#txt-cock2{
width: 320px;
margin: 20px;
padding: 0px;
}

#colonne-gauche-cock {
float: left;
width: 320px;
text-align: left;
padding: 0px 0px 50px 0px;
}

#colonne-droite-cock {
float: right;
width: 320px;
padding: 0px 0px 50px 0px;
}