/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis styles.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
	height:100%;/*---obligatoire pour le footer---*/
	scrollbar-base-color: #C6ECFF;
	background: #04AAFF url(../images/charte/bg-body.jpg) center bottom no-repeat;
	background-attachment:fixed;
}

body{
	font-size:62.5%;
}

#container{
	position: relative;/*---obligatoire pour le footer---*/
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
	width:949px;
	margin:0 auto;
	background-color:#fff;
}

#header{
	width:949px;
	height:130px;
	background:url(../images/charte/header.jpg) left top no-repeat;;
}
/***************** CONTAINER DU CONTENU *****************/


#contenu {
	position:relative;
	width:949px;
/*	height:315px;   */
	padding-bottom:170px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/charte/bg-smenu.jpg) left top no-repeat;
	color:#0000;
  display:table;
}

/***************** MENU *****************/
#menu {
	width:788px;
	padding-left:161px;
	height:45px;
	background:url(../images/charte/menuTop.jpg) left top no-repeat;
}


#menu dt {
	cursor: pointer;
	width:157px;
	height: 45px;
	float:left;
	
}

#menu dt a {
	display: block;
	float:left;
	width:157px;
	height: 45px;
}
#menu dt a:hover {
	display: block;
	float:left;
	width:157px;
	height: 45px;
}

#menu dt span {
	display: none;
}

a.bt1		{ 	background:url(../images/charte/bt1.jpg) no-repeat left top; 	  	}
a:hover.bt1 {	background:url(../images/charte/bt1hover.jpg) no-repeat left top; 	}

a.bt2		{ 	background:url(../images/charte/bt2.jpg) no-repeat left top; 	  	}
a:hover.bt2 {	background:url(../images/charte/bt2hover.jpg) no-repeat left top; 	}

a.bt3		{ 	background:url(../images/charte/bt3.jpg) no-repeat left top; 	  	}
a:hover.bt3 {	background:url(../images/charte/bt3hover.jpg) no-repeat left top; 	}

a.bt4		{ 	background:url(../images/charte/bt4.jpg) no-repeat left top; 	  	}
a:hover.bt4 {	background:url(../images/charte/bt4hover.jpg) no-repeat left top; 	}

#contenu #Smenu {
	width:217px;
	height:218px;
	padding:47px 0 0 69px;
	float:left;
}
#contenu #Smenu dt {
	cursor: pointer;
	width:153px;
	height: 20px;
	float:left;
	font:bold 1.6em "Times New Roman";
	text-align:center;
}

#contenu #Smenu dt a {
	display: block;
	width:153px;
	height: 20px;
	color:#073952;
	text-decoration:none;
	
}
#contenu #Smenu dt a:hover {
	display: block;
	width:153px;
	height: 20px;
	background-color:#073952;
	color:#fff;
}
#contenu #Smenu dt span{
	display:none;
}
/***************** CONTENU TEXTUEL *****************/

#contenuTexte{
	padding:10px 0px 0px 0px;
	width:645px;
	float:left;
}
#contenuTexte h1{
	margin:0px 0px 20px 0;
	font-family: "Times New Roman", Times, serif;
	font-size:1.8em;
	text-align:right;
	width:645px;
	color: #00bcd2;
	border-bottom:1px solid #00bcd2;
}

#contenuTexte h2{
	font-family: "Times New Roman", Times, serif;
	font-size:1.6em;
	text-align:left;
	color:#015f6a;
	width:563px;
}

#contenuTexte h3{
	font-family: "Times New Roman", Times, serif;
	font-size:1.6em;
	text-align:left;
	color:#00A3FF;
	width:400px;
}

#contenuTexte h4{
	font-family: "Times New Roman", Times, serif;
	font-size:1.6em;
	text-align:left;
  color:#015f6a;
	width:563px;
}

#contenuTexte p{
	padding-bottom:5px;
	font-size:1.2em;
	text-align:justify;
	color:#073952;
}
#contenuTexte td{
  color:#073952;
  font-size:1.0em;
  text-align:justify;
}

#contenuTexte ul{
	padding-bottom:5px;
	font-size:1.2em;
	text-align:justify;
	color:#073952;
}
#contenuTexte a:link, #contenu a:visited{
	color: #076671;
	text-decoration:underline;
}
#contenuTexte a:hover, #contenu a:active{
	color:#00bcd2;
	text-decoration:none;
}
#contenuTexte p.couleur, .couleur{
	font-weight:bold;
	color: #015f6a;
}
#contenuTexte p.couleur2, .couleur2{
	font-weight:bold;
	color: #00bcd2;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 0px;
	margin-bottom: 0px;
	font-size: 0px;
	line-height: 0px;
}
/***************** FOOTER *****************/
#footer{
	position: relative;/*---obligatoire pour le footer---*/
	margin: -150px auto 0 auto;/*---margin top = - hauteur du footer---*/
	width:949px;
	height:150px;
	background:url(../images/charte/footer.jpg);
	font:1.1em Arial, Helvetica, sans-serif;
	color: #fff;
	clear:both;

}


#footer a {
	font:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #fff;
}
#footer a:hover {
text-decoration:underline;

}
#footer #idep{
	width:200px;
	height:150px;
	display:block;
	float:left;

}
#footer #crea{
	width:200px;
	padding-top:135px;
	float:left;
	text-indent:8px;
}


.image{
background-image:url(../images/bg.jpg);
height: 490px;

}

/******************** CONTACT **********************/
.table-contact{
  padding:10px;
  width:500px;
	clear: both;
	margin: auto;
  height: 230px;
	border: 2px solid #073952;
}

.table-contact-left{
  width:220px;
  float:left;
  height:163px;
  padding-left: 17px;
}

.table-contact-right{
  width:220px;
  float:left;
  height:163px;
  padding-left: 40px;
}

.table-contact-buttons{
  width:140px;
  float:right;
  padding:20px 155px 0px 0px;
}
.button{
	border:1px solid #073952;
	background-color: #2DAEEF;
	width:65px;
	font-size: 12px;
	cursor:pointer;
  color: #073952;
}
.buttonOver{
	border:1px solid #073952;
	background-color: #A1DFFE;
  color:#767163;
	width:65px;
	font-size: 12px;
	cursor:pointer;
}
.inputForm{
	border:1px solid #073952;
	background-color:#49C5F8;
	width:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #706956;
  height:16px;
	margin-top:2px;

}
.inputFormOver{
	border:1px solid #073952;
	background-color:#90DDFD;
	width:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #706956;
	height:16px;
	margin-top:2px;
}
#frmContact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:100%;
  height: auto;
}


.menu{
  background: url(../images/notre-carte/menu-line.gif) repeat-y left top;
  font-size:12px;
  line-height: 18px;
  margin-left: 75px;
  width:424px;
}

.menu3{
  background: url(../images/carte2.jpg) repeat-y left top;
  font-size:12px;
  line-height: 18px;
  margin-left: 70px;
  width:452px;
}

.menu1{
  margin-left:74px;
}


.menu2{
  background: url(../images/carte2.jpg) repeat-y left top;
  font-size:12px;
  line-height: 18px;
  margin-left: 40px;
  width:450px;
  height: auto;
}

.rose{
  background: url(../images/notre-carte/raisin.gif) no-repeat 495px 50px;
}
.rouge{
  background: url(../images/notre-carte/vin.gif) no-repeat 450px 20px;
  height:150px;
}

.huitre{
  background: url(../images/notre-carte/huitre.gif) no-repeat 495px 70px;
  width: 580px;
}

.huitre1{
  background: url(../images/notre-carte/huitre1.gif) no-repeat 10px 270px;
}
.plate{
  background: url(../images/notre-carte/plate.gif) no-repeat 455px 40px;
}

.plate1{
  background: url(../images/notre-carte/plate1.gif) no-repeat 420px 170px;
}


.line{
  background: url(../images/line.jpg) repeat-x left bottom;
}
.composez {
	border:1px solid #073952;
	background-color:#49C5F8;
  width:15px;
  height:15px;
  margin-top:3px;
}
.alignRight{
  text-align: right;

}


.composez1{
  margin-top:5px;
}

.titre-vins{
  margin-bottom:40px;margin-top:15px;margin-left:85px;
}


.titre-carte{
  float:left;
  height: 48px;
  margin-left: 20px;
  background:url(../images/notre-carte/titre.gif) no-repeat;
}

.titre-carte1{
  float:left;
  height: 48px;
  width: 250px;
  background:url(../images/notre-carte/titre1.gif) no-repeat;
  padding-bottom:15px;
}

.div-blanc{
  width:160px;
  height:5px;
  float:left;
}

.div-blanc1{
  width:190px;
  height:5px;
  float:left;
}

.titre-carte2{
  float:left;
  height: 48px;
  background:url(../images/notre-carte/titre.gif) no-repeat;
  padding-bottom: 15px;
}

.titre-vins-importer{
  width:100px;
  margin-top:15px;
  margin-left:85px;
}

.titre-menu{
  margin-top:16px;margin-left:23px;
}
.titre-menu1{
  margin-top:15px;margin-left:52px;
}



.carte{
  margin-left:70px;
}

.table-menu{
 margin-left:35px;
 width: 350px;
}

.table-vins{
 margin-top: 0px;
 margin-left:50px;
 width: 350px;
}

.format-head{
  text-align:center !important;
}

.format-head0{
  text-align:center !important;
  text-align:left  !important;
  margin-left:75px;
  width:200px;
}

.format-head1{
  margin-top:20px;
 margin-left:75px;
 width: 220px;
 }

#list-container .list-1, .list-2,{
list-style-type:none;
}

.list-1 li{
  background:url(../images/accueil/bullet.gif) left top no-repeat;
  background-position:7px 5px;
  list-style-type: none;
  margin: 0px 0px 0px 10px;
	padding: 2px 2px 3px 40px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:18px;
	text-align:justify;
}

.separateur{
height: 10px;
border-bottom: 1px dashed #83D2FC;
margin-bottom: 15px;
}

.photo-left{
  float:left;
  margin-right: 10px;
}
.photo-right{
  float:right;
  margin-left: 10px;
}

/*.fhead2{
  width:500px !important;
	text-align:center !important;
	margin:auto !important;
	margin-top:15px !important;
	margin-bottom:0px !important;
}*/
/******************** plateaux  ***********************/

.boite-plateaux{
  padding-bottom: 10px;
  height:120px;
  margin-left:60px;
  text-align:justify;
  width: 500px;
}

.texte-plateaux{
  width: 350px;
  float: left;
}

#contenuTexte p.titre-plateaux{
  font-weight:bold;
  border-bottom: 1px solid #83D2FC;
  margin-bottom: 10px;
  padding-bottom: 0px;
}

.place2{
line-height: 20px;
margin-top: 0px;
}


/******** ADMIN ***********/

.thumb-galerie{
  float:left; width: 130px; height: 170px;
}
.thumb-galerie1{
  float:left; width: 120px; height: 170px;
}
.photo-galerie{
  width: 120px; height:120px; text-align:center; background: url(../images/charte/bg-galerie.gif) left top no-repeat;
}

#contenuTexte .thumb-galerie p{
  color:#52B9FC; text-align:center; width:120px;
}
#contenuTexte .thumb-galerie1 p{
  color:#52B9FC; text-align:center; width:120px;
}

.thumb-actualites{
  margin-bottom:15px;
  padding:5px;
}

.photo-actualites{
  width: 120px; height:120px; float: left; text-align: center; margin-right: 10px; background: url(../images/charte/bg-galerie.gif) left top no-repeat;
}