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

td {
	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: #3e0c06;
	text-decoration: none;
}

body {
	margin: 0px;
	background-color:#462202;
	background-image:url(gifs/images/rocchetti_02.jpg);
	background-repeat:repeat-x;
	width:953px;
	margin:auto;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#902515;
	font-size: 15px;
	padding:13px 0 0 5px;
	margin:0;
	}

h2 {
	font-size:14px;
	margin:5px 0 0 0;
	font-style:italic;
	}
	
h3{
color:#ba3e0d;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
}

h4:hover {
	color:#CDA146;
}
	
h4 {
color:#833908;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
}


#content
{
	margin:auto;
	width:100%;
	margin:auto;
}
#contenu
{
	background-color:#f0d7a4;
}
a img{ border: none;}
/******************************************************************** Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8f3914;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8f3914;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #8f3914;
}
a:active {
	text-decoration: none;
	color: #8f3914;
}


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

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

.bouton_news {
	font-family:Tahoma,Verdana,Arial,Helvetica;
	font-size:11px;
	color:#f0dbb1;
	background-color:#803408;
	border:#681704 1px solid;

}
.bouton_news2 a, .bouton_news2 a:active,.bouton_news2 a:visited,.bouton_news2 a:hover,.bouton_news2 a:link{
color:#f0dbb1}
.bouton_news2 {
	font-family:Tahoma,Verdana,Arial,Helvetica;
	font-size:11px;
	color:#f0dbb1;
	background-color:#803408;
	border:#681704 1px solid;
	padding:5px;

}

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



/*********************************************************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");
	}
	
/**********************************************************************************************************/
	#contact
	{
	width:183px;
	height:145px;
	margin:10px 5px 10px;
	background-image: url(gifs/images/rocchetti_29.jpg);
	}
		#qui
	{
	width:182px;
	height:152px;
	margin:10px 5px 10px;
	background-image: url(gifs/images/rocchetti_33.jpg);
	background-repeat: no-repeat;
	}
#titre{
	background-image:url(gifs/images/titre.jpg);
	background-repeat:no-repeat;
	width:574px;
	height:35px;
	padding:0px;
	margin:0px;
	}

#texte
{
padding:20px;
width:530px;
}
#lettreInfo
{
	background:url(gifs/images/rocchetti-info.jpg) no-repeat;
	width:187px;
	height:119px;
	margin-bottom: 10px;
	
}
#horraire
{
	width:187px;
	height:179px;
	background-image: url(gifs/images/horraire.jpg);
	background-repeat: no-repeat;
}
#lien
{
	width:183px;
	height:44px;margin:10px 6px 10px 0;
}
#footer
{
	height:54px;
	background-image: url(gifs/images/rocchetti_37.jpg);
	background-repeat: repeat-x;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ddc8c2;
	text-align: center;
	vertical-align: middle;
	padding:10px;
}
.light

{color:#f0d7a4;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;}
#btOk
{
background-image:url(gifs/images/ok.jpg);
width:21px;
height:17px;}
#nl
{
	padding-left:10px;
	padding-top:2px;
}
input
{
	padding-left:3px;
}
#texte p{
	text-align:justify;
}

#accDressing
{
	background-image: url(gifs/images/encart_55.jpg);
	background-repeat: no-repeat;
	height: 67px;
	width: 129px;
	
}
#accSdB
{
		background-image: url(gifs/images/encart_40.jpg);
	background-repeat: no-repeat;
	height: 67px;
	width: 129px;
}
#accSalon
{
	background-image: url(gifs/images/encart_56.jpg);
	background-repeat: no-repeat;
	height: 65px;
	width: 130px;
	
}
#accCuisine
{
	background-image: url(gifs/images/encart_38.jpg);
	height: 67px;
	width: 130px;
	background-repeat: no-repeat;
	
}




#accueil2 a:hover, #qui2 a:hover, #conception a:hover,#cuisine a:hover, #sdb a:hover, #salon a:hover, #dressing a:hover, #contact2 a:hover
{
	background: transparent none; 
}

#accueil2, #qui2, #conception, #cuisine, #sdb, #salon, #dressing{
background-image:url(gifs/images/menu_11.jpg);
height:21px;
width:193px;
background-repeat:no-repeat;
}

#contact2{
background-image:url(gifs/images/menu_26.jpg);
height:26px;
width:193px;
background-repeat:no-repeat;
}

#accueil2 a, #qui2 a, #conception a, #cuisine a, #sdb a, #salon a, #dressing a, #contact2 a{
color:#F0D7A4;
padding-left:12px;
}

/*------------------------------------MENU----------------------------------------*/
ul.MenuHorizontal {
   width: 193px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

ul.MenuHorizontal li {
   width: 193px;
}

ul.MenuHorizontal li a {
   display: block;
   color: #E9D09B;         /*Ici, changer la couleur de la police*/
   font-family:Times New Roman, Times, serif;
   font-size: 14px;         /*Ici, changer la taille de la police du menu*/
   padding: 0 0 0 15px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   text-align: left;
   text-decoration: none;
   line-height:20px;
}

li#menu0 a {
   background-image: url('gifs/images/menu_11.jpg');         /*Ici l'image de fond de la cellule*/
   height:23px;
}

li#menu1 a {
   background-image: url('gifs/images/menu_16.jpg');         /*Ici l'image de fond de la cellule*/
   height:23px;
}

li#menu2 a {
   background-image: url('gifs/images/menu_18.jpg');         /*Ici l'image de fond de la cellule*/
   height:23px;
}

li#menu3 a {
   background-image: url('gifs/images/menu_19.jpg');         /*Ici l'image de fond de la cellule*/
   height:23px;
}

li#menu4 a {
   background-image: url('gifs/images/menu_20.jpg');         /*Ici l'image de fond de la cellule*/
   height:22px;
}

li#menu5 a {
   background-image: url('gifs/images/menu_21.jpg');         /*Ici l'image de fond de la cellule*/
   height:24px;
}

li#menu6 a {
   background-image: url('gifs/images/menu_25.jpg');         /*Ici l'image de fond de la cellule*/
   height:24px;
}

li#menu7 a {
   background-image: url('gifs/images/menu_26.jpg');         /*Ici l'image de fond de la cellule*/
   height:26px;
}

li#menu0 a:hover, a#selected-over0 {
   background-image: url('gifs/images/menu_11.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   text-decoration:none;
   color: #E9D09B;
   padding:0 0 0 20px;
}

li#menu1 a:hover, a#selected-over1 {
   background-image: url('gifs/images/menu_16.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   text-decoration:none;
   color: #E9D09B;
   padding:0 0 0 20px;
}

li#menu2 a:hover, a#selected-over2 {
   background-image: url('gifs/images/menu_18.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   text-decoration:none;
   color: #E9D09B;
   padding:0 0 0 20px;
}

li#menu3 a:hover, a#selected-over3 {
   background-image: url('gifs/images/menu_19.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   text-decoration:none;
   color: #E9D09B;
   padding:0 0 0 20px;
}

li#menu4 a:hover, a#selected-over4 {
   background-image: url('gifs/images/menu_20.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   text-decoration:none;
   color: #E9D09B;
   padding:0 0 0 20px;
}

li#menu5 a:hover, a#selected-over5 {
   background-image: url('gifs/images/menu_21.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   text-decoration:none;
   color: #E9D09B;
   padding:0 0 0 20px;
}

li#menu6 a:hover, a#selected-over6 {
   background-image: url('gifs/images/menu_25.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   text-decoration:none;
   color: #E9D09B;
   padding:0 0 0 20px;
}

li#menu7 a:hover, a#selected-over7 {
   background-image: url('gifs/images/menu_26.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   text-decoration:none;
   color: #E9D09B;
   padding:0 0 0 20px;
}

/*---------------------------------------------------------------------------------------------------------*/
.lienBgrnd
{
	display:block;
	width:100%;
	height:100%;
}
#conceptionEncart p{ margin:5px;padding-top:38px;}
#conceptionEncart div{ padding-right:15px;}
#conceptionEncart
{
	background-image: url(gifs/images/conception.jpg);
	height: 108px;
	width: 186px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}
#footer a
{
	font-weight:normal;
	color:#d0a378;
}
.contour
{ border:1px solid #894008; }

#ptilleblanc {
	background-color: #CDA146;
	border-top: 2px solid #783407;
	border-right: 2px solid #783407;
	border-bottom: 2px solid #783407;
	border-left: 2px solid #783407;
	margin:10px 25px 0 25px;
}

.ptilleblanc {
background-color:#CDA146;
border:2px solid #783407;
}

#fond-accroche {
	background-image: url(gifs/images/fond-accroche.jpg);
	height:17px;
	background-repeat:repeat-x;
	text-align:right;
	padding:5px 10px;
	color:#E4C694;
	font-family: Cambria, serif;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.2em;
	}
		#fond-accroche a, #fond-accroche a:active, #fond-accroche a:link, #fond-accroche a:visited { 
		color:#E4C694;
		font-family: Cambria, serif;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.2em;
		text-decoration:none; 
		}
		
		#fond-accroche a:hover {
		color:#F0E2C7;
		}

#blocs {
	float:left;
	width:540px;
	margin: 10px 0;
	}
	
	/*#blocs a {
		background-image:url(gifs/images/encart.jpg);
		width:18px;
		height:20px;
		padding:0 5px 0 0;
		font-family:Arial, Helvetica, sans-serif;
		color:#902515;
		font-size: 13px;
		text-align:center;
		margin:0;
		font-style:normal;
		font-weight:bold;
	}
	
	#blocs a:hover {
		color:#F0E2C7;
		text-decoration:none;
	}
	*/
	#blocs .title, #blocs .title a {
		background-image:url(gifs/images/encart.jpg);
		background-repeat:repeat-x;
		color:#902515;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:11px;
		font-style:normal;
		margin:0;
		min-height:18px;
		padding-top:2px;
		text-align:center;
	}
	
	#blocs .title a:hover {
	color:#F0E2C7;
	}
	
	#blocs p {
		margin:0;
		padding:0 0 0 135px;
		text-align:left;
		color:#8F3914;
	}
		
.bloc {
	margin: 6px 3px;
	float:left;
	width:261px;
	}
	
	.bloc img {
		float:left;
		width:131px;
		}

#important {
	margin:10px 0;
	font-weight:bold;
	}	


.intro {
	padding:0;
	}
	
#adresse {
	color:#833908;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	}
.cuisinedouai h3{
	text-align:center;
}
.cuisinedouai li{
	list-style:none;
	display:inline;
}
.cuisinedouai ul{
	margin-left:-40px;
}
.cuisinedouai strong{
	font-weight:normal;
}