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

/***************** STRUCTURE *****************/
a {
	position:relative;
	z-index:1;
}
* {
	/*---toutes les marges sont à 0---*/
margin:0;
	padding:0;
}
body, html {
	height:100%;/*---obligatoire pour le footer---*/
}
body {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	background:#f0e9dc url(../images/charte/bg.jpg) center top no-repeat;
}
.body1 {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	background:#f0e9dc url(../images/charte/bg1.jpg) center top no-repeat;

}
.body2 {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	background:#f0e9dc url(../images/charte/bg2.jpg) center top no-repeat;
}
#container {
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
	width:980px;
	margin:0 auto;
}
#flash {
	width:150px;
	height:269px;
}
#header {
	width:980px;
	height:276px;
  float: left;
}
/***************** CONTAINER DU CONTENU *****************/


#contenu {
  float: left;
	width:980px;
	padding-bottom:40px;
/*	display:table;
  border: 1px solid black;*/
}
/***************** MENU *****************/
#menu {
	float:left;
	width:980px;
	height:27px;
	font-size:1.2em;
	font-weight:bold;

}
#menu ul{
  float: left;
	list-style:none;
}
#menu li{
	float:left;
}
#menu li a{
	text-decoration:none;
	margin:0px 10px 0 10px;
	color:#FFF;
}
#menu li a:hover{
	color:#CC9933;
}
/***************** CONTENU TEXTUEL *****************/
#contenuTexte {
	float:left;
	color:#330000;
	padding:10px 0 0 0;
  width: 980px;
}
.image{
    background:url(../images/charte/bg1.jpg) center top no-repeat;
    width:100%;height:407px;
}

#contenuTexte h1 {
	margin-left:50px;
	margin-bottom:25px;
	padding-top:5px;
	font:bold 1.84em Arial, Helvetica, sans-serif;
	color:#990000;
  width: 400px;
}
#contenuTexte h2 {
	margin:10px 0px 0px 0px;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	color:#990000;
}
#contenuTexte p {
	font-size:12px;
	line-height:1.3em;
	text-align:justify;
  margin-left:10px;
  margin-top:0px;
}
#contenuTexte a:link, a:visited {
	color:#CC0000;
	text-decoration:underline;
}
#contenuTexte a:hover, a:active {
	color:#FF0000;
}
#contenuTexte p.couleur, .couleur {
	font-weight:bold;
	color:#990000;
}
#contenuTexte #diapo {
	float:right;
	width:326px;
	height:269px;
	margin:2px 15px 0 10px;
}
#rightCol{
	float:right;
	width:388px;
  height:300px;
}
#rightCol1{
  float:right;
	width:388px;
  height:300px;
}
#encart{
	float:right;
	width:212px;
	height:244px;
	background:url(../images/charte/expres.gif) no-repeat;
}
#encart2{
	float:right;
	width:212px;
	height:244px;
	margin:20px 0 0 0px;
	background:url(../images/charte/offre.gif) no-repeat;
}
/*---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:0px 0 0 0;/*---margin top = - hauteur du footer---*/
	width:100%;
	height:40px;
	clear:both;
	background:url(../images/charte/footer.gif) repeat-x;
	color:#FFF;
}
#idep {
	float:right;
}
#adresse{
	float:left;
	width:565px;
	height:40px;
	background:url(../images/charte/adresse.gif) no-repeat;
}
#baseline{
	float:left;
	margin-top:20px;
  width:330px;
}
#baseline a{
	color:#FFFFFF;
	text-decoration:none;
}
#baseline a:hover{
	color:#CC9933;
}

.bullet{
  background:url(../images/index/bullet.jpg) no-repeat 0px 0px;
  width:50px;
}
.bullet1{
  background:url(../images/index/bullet.jpg) no-repeat 0px 0px;
  width:50px;
  margin-left:240px;
}

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

.list-1 li{
background:url(../images/index/bullet.jpg) left top no-repeat;
list-style-type: none;
border: 1px solid red;
}

/**************** CONTACT  *******************/
.table-contact{
  display:block;
  width:450px;

}

.table-contact-left{
   width:200px;
   float:left;
   display:block;
   height:110px;
   margin-left: 5px;
   margin-top:10px;
}

.table-contact-right{
  width:210px;
  float:left;
  display:block;
  height:110px;
  margin-top:10px;
}

.button-contact{
	border:1px solid #ffffff;
	background-color: #922219;
	width:65px;
	font-size: 12px;
	cursor:pointer;
  color:white;
}
.buttonOver-contact{
	border:1px solid #ffffff;
	background-color: #AE716C;
  color:white;
	width:65px;
	font-size: 12px;
	cursor:pointer;
}
.input-contact{
  width:120px;
  height: 16px;
  float: left;
}

.table-contact-buttons{
  width:150px;
  float:left;
  padding:0px 0px 0px 160px;
  height: 10px;
}

#frmContact1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:400px;
	height: auto;
}
.contact-message{
   float:left;
   display:inline;
   margin-left:45px;
   height: 124px;
}
.input1{
  width:70px;float:left;display:inline;color:#8D1717;
}

.input2 input{
  width:120px; float:left;
  color:#FFFFFF;
}

.input22{
  width:120px; float:left;
  color:#8D1717;background-color:#F78F33;width:123px;height:20px;
}

.input3{
  width:85px; float:left;display:inline;color:#8D1717;
}

.message{
  width:430px;float:left;padding-left:4px;display:inline;color:#8D1717;
}


.input4 input{
  width:110px; float:left;
  color: #FFFFFF;
}
.inputForm{
	border:1px solid #004E6F;
	background-color:#922219;
	width:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: black;
    height:16px;
	margin-top:2px;
}
.inputFormOver{
	border:1px solid #0073A4;
	background-color:#AE716C;
	width:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: black;
	height:16px;
	margin-top:2px;
}


.separateur{
 background: url(../images/index/separateur.gif) no-repeat;
 width:575px;
}
.separateur1{
 background: url(../images/index/separateur.gif) repeat-x;
}
.orologe{
  background:url(../images/contact/orologe.gif) no-repeat ;
}
.maison{
  background:url(../images/contact/maison.gif) no-repeat ;
}
.phone{
  background:url(../images/contact/telephone.gif) no-repeat ;
}


/* SERVICES */
.service{
  width:500px;height:30px;padding-top:11px;padding-left:5px;
}

/* INDEX */
.index-texte{
width:570px;padding-top:8px;padding-left:5px;
}

/* EPICERIE */
.epicerie-texte{
  width:570px;padding-top:11px;padding-left:5px;
}

/* CAVE */
.cave-texte{
  width:570px;padding-top:8px;padding-left:5px;
}

/* CADEAUX AFFAIRES */
.cadeaux-affaires-texte{
  width:570px;padding-top:11px;padding-left:5px;
}

/* CADEAUX */
.cadeaux-texte1{
  width:570px;height:40px;padding-top:11px;padding-left:5px;
}
.cadeaux-texte2{
  width:570px;height:30px;padding-top:11px;padding-left:5px;
}

/* ACCES */
.acces-texte{
  width:500px;height:50px;padding-top:11px;padding-left:5px;
}


.invisible{
	display:none;
}