/*-------------------------------------------------------------------------
Pour tout retrouver facilement avec CTRL+F : Saisir étoile * et la lettre SANS ESPACE
  * L  Liens ;
  = L  Lightbox ;
  = N  Newsletter ;
  * T   Texte ;
  * N  Nav (navigation) ;
   * M   Modele ;
  * I   Index ;
  * P   Pages ;
  * C   Contact ;
  * F  Footer ;
-------------------------------------------------------------------------*/



/*********************************************************************Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}


img {
border: 0;}

ul, li {
margin: 0;
padding: 0;}

li {
list-style: none;}

body {
margin: 0;
text-align: center;
background: #775D4B;
}

#container {
text-align: left;
width: 976px;
margin: 0 auto;}

/********************************************************************Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

#content a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A3A22;
	font-weight: bold;
	text-decoration: underline;
}
#content a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A3A22;
	font-weight: bold;
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
	color: #BC603F;
}
#content a:active {
	text-decoration: underline;
	color: #5A3A22;
}


#options a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}
#options a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A3A22;
	font-weight: normal;
	text-decoration: underline;
}
#options a:hover {
	text-decoration: none;
	color: #5A3A22;
}
#options a:active {
	text-decoration: underline;
	color: #5A3A22;
}


#hdp a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3f5155;
	text-decoration: none;
	padding: 3px 5px;
}
#hdp a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3f5155;
	text-decoration: none;
}
#hdp a:hover {
	text-decoration: underline;
	color: #3f5155;
}
#hdp a:active {
	text-decoration: none;
	color: #3f5155;
}


/*#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3f5155;
	font-weight: normal;
	text-decoration: none;
}
#footer a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3f5155;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #3f5155;
}
#footer a:active {
	text-decoration: none;
	color: #3f5155;
}*/
/*--------------------------------------------------------------------------*/



/* Class 
--------------------------------------------------------------------------*/
.scrollbarre {
	overflow:auto;
}
/*--------------------------------------------------------------------------*/



/*=Newsletter 
--------------------------------------------------------------------------*/
#option_lettre {
background: url(gifs/traiteur-lecomte_06.jpg) no-repeat;
width: 265px;
height: 105px;}

	#option_lettre table{
	margin-left: 70px;
	position: relative;
	top: 70px;}


.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color: #3f5155;
	background-color:#ffffff;
	border: #3f5155 1px solid;
	padding: 2px;
}

.bouton_news {
background: none;
font-weight: bold;
color: #5A3A22;
height: 20px;
width: 22px;
cursor: pointer;
border: 0;
}
/*--------------------------------------------------------------------------*/




/*=LIGHTBOX
--------------------------------------------------------------------------*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/*--------------------------------------------------------------------------*/

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/




/*NAV
-------------------------------------------------------*/
#nav, #options {
z-index: 22;
position: relative;}

#options li{
list-style-image: url(gifs/simple.gif);
margin-left: 15px;}
/*-------------------------------------------------------*/

#index {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 45px; /* changer la hauteur ici */
    background: url(gifs/over_09.jpg) no-repeat left top;    /* placement de l'image over */
}

#index a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/traiteur-lecomte_09.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#index a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#party {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 24px; /* changer la hauteur ici */
    background: url(gifs/partyover_15.jpg) no-repeat left top;    /* placement de l'image over */
}

#party a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/partyout_15.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#party a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#evenements {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 24px; /* changer la hauteur ici */
    background: url(gifs/over_18.jpg) no-repeat left top;    /* placement de l'image over */
}

#evenements a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/traiteur-lecomte_18.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#evenements a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#nouveautes {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 24px; /* changer la hauteur ici */
    background: url(gifs/over_23.jpg) no-repeat left top;    /* placement de l'image over */
}

#nouveautes a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/traiteur-lecomte_23.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#nouveautes a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#boucherie {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 24px; /* changer la hauteur ici */
    background: url(gifs/over_24.jpg) no-repeat left top;    /* placement de l'image over */
}

#boucherie a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/traiteur-lecomte_24.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#boucherie a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#charcuterie {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 23px; /* changer la hauteur ici */
    background: url(gifs/over_25.jpg) no-repeat left top;    /* placement de l'image over */
}

#charcuterie a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/traiteur-lecomte_25.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#charcuterie a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#traiteur {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 25px; /* changer la hauteur ici */
    background: url(gifs/over_26.jpg) no-repeat left top;    /* placement de l'image over */
}

#traiteur a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/traiteur-lecomte_26.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#traiteur a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#epicerie {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 24px; /* changer la hauteur ici */
    background: url(gifs/over_28.jpg) no-repeat left top;    /* placement de l'image over */
}

#epicerie a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/traiteur-lecomte_28.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#epicerie a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#presentation {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 25px; /* changer la hauteur ici */
    background: url(gifs/over_33.jpg) no-repeat left top;    /* placement de l'image over */
}

#presentation a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/traiteur-lecomte_33.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#presentation a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#contact {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 40px; /* changer la hauteur ici */
    background: url(gifs/over_34.jpg) no-repeat left top;    /* placement de l'image over */
}

#contact a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/traiteur-lecomte_34.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#contact a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}
/*--------------------------------------------------------------------------*/



/*TEXTE
--------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, h7, p {text-align: left;}

h1 {
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 0 15px;
height: 40px;
line-height: 40px;
font-size: 18px;
font-variant: small-caps;
color: #fff;}

h2 {
font-size: 16px;
color: #61422B;
margin: 0 0 0 35px;
padding: .5em 0 0 0;}

h3 {
font-size: 14px;
margin: 0 15px;
padding: .5em 0;
color: #61422B;}

p {
color: #61422B;
margin: 0 5px;
padding-bottom: 0.5em;
font-size: 11px;
line-height: 1.3em;}

.impt {
color: #E55826;}

.impt2 {
color: #E30177;}

.impt3 {
color: #fff;}
/*--------------------------------------------------------------------------*/
.imag{
border: 1px solid #e40177;
float: left;
margin: 5px 15px 5px 0;
}

.imag2{
border: 1px solid #e40177;
float: right;
margin: 5px 0 5px 15px;
}

.imag0{
border: 1px solid #FDC0AA;
}
/*--------------------------------------------------------------------------*/



/*MODELE
-------------------------------------------------------*/
#header, #header td {
border-collapse: collapse;
border: 0;
padding: 0;}

	#head01 {
	background: url(gifs/traiteur-lecomte_02.jpg) no-repeat;
	width: 242px;
	height: 142px;
	position: relative;}
	
		#head01 p, #head02 p{
		position: absolute;
		line-height: 1.1em;
		text-align: center;
		font-size: 10px;
		color: #fff;
		margin: 0;
		padding: 0;
		bottom: 10px;}
	
		#head01 p{
		left: 80px;}
	
	#head02 {
	background: url(gifs/traiteur-lecomte_04.jpg) no-repeat;
	width: 242px;
	height: 142px;
	position: relative;}
	
		#head02 p{
		left: 40px;}

#andouille {
position: relative;}

#content {
position: relative;
width: 100%;
border-collapse: collapse;
border: 0;
background: #fff url(gifs/traiteur-lecomte_16.jpg) right repeat-y;}

	#content td{
	padding: 0;}

	#content_side {
	background: url(gifs/traiteur-lecomte_36.jpg) repeat-y;
	width: 265px;}
	
		#options {
		margin-left: 55px;}
		
		#vac {
		z-index: 1;
		position: absolute;
		bottom: 0;}
	
	
	#content_main{}
	
		#topBar {
		height: 29px;}
		
			#topBar li{
			float: left;}
			
			#titre {
			height: 29px;
			background: url(gifs/traiteur-lecomte_11.jpg) no-repeat;
			width: 296px;}
			
			#contenu {
			background: #EAEAEA;
			border: 1px solid #FC8155;
			width: 678px;
			padding: .5em 0;
			float: left;}
/*--------------------------------------------------------------------------*/

/*INDEX
-------------------------------------------------------*/
#blox {
clear: both;}

	#bloc01 {
	background: url(gifs/traiteur-lecomte_30.jpg) no-repeat;
	width: 333px;
	height: 131px;
	float: left;
	position: relative;}
	
		#bloc01 p{
		margin: 45px 0 0 65px;}
		
		#bloc01 a{
		bottom: 2px;
		left: 58px;
		display: block;
		line-height: 2.5em;
		height: 2.5em;
		position: absolute;}
	
	#bloc02 {
	background: url(gifs/traiteur-lecomte_31.jpg) no-repeat;
	width: 333px;
	height: 131px;
	float: left;
	position: relative;}
	
		#bloc02 ul{
		margin: 45px 0 0 125px;}
	
		#bloc02 a{
		bottom: 2px;
		right: 25px;
		display: block;
		line-height: 2.5em;
		height: 2.5em;
		position: absolute;}
	
	#bloc03 {
	background: url(gifs/traiteur-lecomte_39.jpg) no-repeat;
	width: 333px;
	height: 131px;
	float: left;
	clear: both;
	position: relative;}
	
		#bloc03 p{
		margin: 45px 13px 0 110px;}
	
		#bloc03 a{
		bottom: 2px;
		right: 25px;
		display: block;
		line-height: 2.5em;
		height: 2.5em;
		position: absolute;}
	
	#bloc04 {
	background: url(gifs/traiteur-lecomte_40.jpg) no-repeat;
	width: 333px;
	height: 131px;
	float: left;
	position: relative;}
	
		#bloc04 p {
		text-align: center;
		margin: 35px 0 0 0;}
	
		#bloc04 a{
		bottom: 2px;
		right: 25px;
		display: block;
		line-height: 2.5em;
		height: 2.5em;
		position: absolute;}
/*--------------------------------------------------------------------------*/


/*PAGES
-------------------------------------------------------*/
#jambon {
width: 95%;
margin: 15px auto;}

	#jambon li {
	width: 50%;
	float: left;}

	#plan01 iframe{
	border: 1px solid #E55826;}

	#plan02 iframe{
	border: 1px solid #E30177;}
/*--------------------------------------------------------------------------*/
#navSub {
width: 100%;
margin: 10px 0;
height: 2em;}

	#navSub li{
	background: #E6F0CE;
	border: 1px solid #8CAD04;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 19%;
	margin-left: 4px;
	text-align: center;}

	#navSub li:hover{
	border: 1px solid #5A3A22;}

		#navSub li a, #navSub li a:link, #navSub li a:active{
		display: block;
		color: #8CAD04;}

		#navSub li a:hover{
		color: #5A3A22;
		text-decoration: none;}
	
#list {
clear: both;}
	
	#list li{
	padding: 5px 15px;
	width: 80%;
	margin: 22px auto;
	border: 1px solid #FC8155;
	border-bottom-width: 6px;
	position: relative;
	background: #FDC0AA;}

	#list li h3{
	background: #FC8155;
	margin: 0;
	padding: 0 15px;
	margin: -5px -15px 0;
	line-height: 2em;}

	#list li li{
	list-style-image: url(gifs/carre.gif);
	width: auto;
	margin: 0 0 0 15px;
	padding: 0;
	border: 0;
	line-height: 1.5em;}

	#list li table table{
	margin: 10px 0;
	width: 200px;}
/*--------------------------------------------------------------------------*/
.tpl {
width: 180px;
margin: 15px;
padding: 5px;
background: #fdc0aa;
border: 1px solid #fc8155;}

	.tpl h4 {
	background: #fc8155;
	margin: -5px;
	margin-bottom: 5px;
	padding: 0 10px;
	font-size: 14px;}
	
	.tpl img {
	border: 1px solid #fc8155;
	margin: 5px 0;
	padding: 0;}
	
	.tpl p {
	margin:0;
	padding:0;}
/*--------------------------------------------------------------------------*/
#photoz {
width: 80%;
margin: 15px auto;}

	#photoz td{
	width: 33.33%;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #61422B;}
/*--------------------------------------------------------------------------*/
.nouveau {
width: 80%;
margin: 15px auto;
background: #d5f97d;
border: 1px solid #bbdc69;
padding: 5px;}

	.nouveau h4{
	font-size: 12px;
	background: #bbdc69;
	padding: 5px 15px;
	margin: -5px;
	margin-bottom: 5px;}

	.nouveau p{}

/*--------------------------------------------------------------------------*/


/*CONTACT
-------------------------------------------------------*/
#contact_body {
padding: 15px;
margin: 15px 0;}

#contact_side p{
text-align: center;}

	
#bob {
width: 65%;
border-right: 1px dashed #a6814d;}


#mail {}

#mail p{
margin: 0 10px;}

#corpForm {
margin: 0 auto;}

#reserv td.right{
text-align: right;}

#reserv td.left{
text-align: left;}
 
fieldset{
margin: 5px 3em;
color: #a6814d;
}

em.ob{margin-left: 3em;
color: #333;}

fieldset legend{
line-height: 16px;
text-align: left;
color: #b8a58c;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}


fieldset input{
text-align: left;
margin-top: 5px;}

fieldset label{
color: #012549;}

fieldset textarea{
vertical-align: text-top;
text-align: left;
width: 200px;}


	fieldset input:focus {
	border: 2px solid #fff;
	background: #f8fae4;}
	fieldset textarea:focus {
	border: 2px solid #fff;
	background: #f8fae4;}



fieldset p{
width: 300px;
text-align: right;}

#bouton_send{
width: 400px;
text-align: center;}

input.contact_envoyer{
cursor: pointer;
text-align: center;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 1em 0 .5em;
padding: .5em 1em;
background: #3f5155;
border: 0;}

/*--------------------------------------------------------------------------*/


#hdp {
float: right;
margin-right: 5px;}

/*footer
--------------------------------------------------------------------------*/
#footer {
padding: 0;
text-align: center;
color: #61422B;
background: url(gifs/traiteur-lecomte_44.jpg) no-repeat;
height: 84px;}

	#footer p{
	margin: 18px 0 0 0;
	padding: 0;
	text-align: center;}
/*--------------------------------------------------------------------------*/