/*-------------------------------------------------------------------------
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: #eff2f7 url(gifs/cuisines-kitsofrec_01.jpg) repeat-x top;
}

#container {
text-align: left;
width: 998px;
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: #457aa7;
	font-weight: bold;
	text-decoration: underline;
}
#content a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
color: #457aa7;
	font-weight: bold;
	text-decoration: underline;
}
#content a:hover {
	text-decoration: underline;
color: #ff8205;
}
#content a:active {
	text-decoration: underline;
	color: #457aa7;
}


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


#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 {}

	#option_lettre #letter {}


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

.bouton_news {
background: url(gifs/cuisines-kitsofrec_37.jpg) repeat-x;
height: 18px;
cursor: pointer;
border: 0;
color: #fff;
font-weight: bold;
}
/*--------------------------------------------------------------------------*/




/*=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 {
	text-decoration: none !important;
}
.numpage_selec {
	color:#ff8305;
	text-decoration: none !important;
}
.bt_suivant{
	text-decoration: none !important;
}
.bt_precedent{
	text-decoration: none !important;
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/




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

ul.MenuHorizontal li {
   width: 220px;
}

ul.MenuHorizontal li a {
   display: block;
   color: #545454 !important;         /*Ici, changer la couleur de la police*/
   font-family: Verdana, Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/
   font-size: 12px;         /*Ici, changer la taille de la police du menu*/
   font-weight: bold;
   padding:0 0 0 60px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   text-align: left;
   text-decoration: none !important;
   line-height:24px;
}

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

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

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

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

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

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

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

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

li#menu8 a {
   background-image: url('gifs/menu_39.jpg');         /*Ici l'image de fond de la cellule*/
   height: 25px; 
}

li#menu9 a {
   background-image: url('gifs/menu_40.jpg');         /*Ici l'image de fond de la cellule*/
   height: 25px; 
}

li#menu0 a:hover, a#selected-over0 {
   background-image: url('gifs/over_20.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#1871A5 !important;
}

li#menu1 a:hover, a#selected-over1 {
   background-image: url('gifs/over_23.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#1871A5 !important;
}

li#menu2 a:hover, a#selected-over2 {
   background-image: url('gifs/over_27.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#1871A5 !important;
}

li#menu3 a:hover, a#selected-over3 {
   background-image: url('gifs/over_28.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#1871A5 !important;
}

li#menu4 a:hover, a#selected-over4 {
   background-image: url('gifs/over_29.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#1871A5 !important;
}

li#menu5 a:hover, a#selected-over5 {
   background-image: url('gifs/over_30.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#1871A5 !important;
}

li#menu6 a:hover, a#selected-over6 {
   background-image: url('gifs/over_31.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#1871A5 !important;
}

li#menu7 a:hover, a#selected-over7 {
   background-image: url('gifs/over_38.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#1871A5 !important;
}

li#menu8 a:hover, a#selected-over8 {
   background-image: url('gifs/over_39.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#1871A5 !important;
}

li#menu9 a:hover, a#selected-over9 {
   background-image: url('gifs/over_40.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#1871A5 !important;
}

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


/*TEXTE
--------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, h7, p {text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;}



h2 {
font-size: 16px;
color: #024a87;
margin: 0 15px;
padding: .30em 0 0;}

h3, h3 a, h3 a:link, h3 a:hover, h3 a:active {
font-size: 14px;
margin: 0 10px;
padding: .5em 0;
color: #03296f;}

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

	.parag {
	margin: 0 25px;}

	.parag2 {
	margin: 0 25px;
	line-height: 1.66em;}
	
.impt {
color: #0889cd;}

.impt2 {
color: #b8a58c;}
/*--------------------------------------------------------------------------*/
.imag{
border: 1px solid #7aaac9;
float: left;
margin: 5px 15px 5px 0;
}

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

.imag0{
border: 1px solid #f6ddc4;
}
.imag0:hover{
border: 1px solid #ffa244;
}
/*--------------------------------------------------------------------------*/



/*MODELE
-------------------------------------------------------*/

#coordonnees {
background: url(gifs/cuisines-kitsofrec_08.jpg) no-repeat;
width: 334px;
height: 125px;}

	#coordonnees p{
	text-align: center;
	color: #e1e7f1;
	margin: 0;
	padding: 13px 0 0 0;}


#baseline {
background: url(gifs/cuisines-kitsofrec_05.jpg) repeat-x;
height: 37px;}

	#baseline h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 14px;
	height: 37px;
	position: relative; top: .8em;
	color: #030c5a;}

		.color01 {
		color: #1472a5;}

		.color02 {
		color: #045ea0;}

		.color03 {
		color: #064e84;}

		.color04 {
		color: #023574;}

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

	#content td{
	padding: 0;}

	#content_side {}
	
	
	#titre {
	background: url(gifs/titre.jpg) no-repeat;
	width: 543px;
	height: 26px;}
	
		#titre h2 {font-size: 14px;}
		#titre h2 a, #titre h2 a:link, #titre h2 a:active {
		font-size: 13px;
		color: #075da5;
		margin: 0;
		padding: 0;
		text-decoration: none;
		text-transform: none;
		border-bottom: 1px solid #ff8305;}
		
		#titre h2 a:hover {
		color: #ff8305;
		text-decoration: none;}
	
	
	#top {
	background: url(gifs/cuisines-kitsofrec_10.jpg) repeat-x;
	height: 16px;}
	
	#bas {
	background: url(gifs/cuisines-kitsofrec_47.jpg) no-repeat;}
	
	#side {
	width: 240px;}
	
	
	.tit {
	background: url(gifs/cuisines-kitsofrec_15.jpg) no-repeat;
	height: 27px;
	position: relative;}
	
	.tit h3{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 33px;
	top: 5px;
	color: #024a87;
	width: 184px;
		}
		
		#content .tit h3, #content .tit h3 a, #content .tit h3 a:link, #content .tit h3 a:hover, #content .tit h3 a:active {
		margin: 0;
		padding:0;
		font-size: 14px;
		color: #024a87;
		text-transform: none;
		text-decoration: none;
		display: block;}
/*--------------------------------------------------------------------------*/

/*INDEX
-------------------------------------------------------*/
#bloc_kitch {
background: url(gifs/cuisines-kitsofrec_26.jpg) no-repeat;
width: 236px;
height: 265px;}

#bloc_granit {
background: url(gifs/cuisines-kitsofrec_28.jpg) no-repeat;
width: 235px;
height: 265px;}

	#bloc_kitch h3, #bloc_granit h3, #bloc_kitch p, #bloc_granit p,
	#bloc_kitch a, #bloc_granit a, #bloc_kitch a:link, #bloc_granit a:link, #bloc_kitch a:active, #bloc_granit a:active {
	color: #fff;}
	

	#bloc_kitch h3 a,#bloc_kitch h3 a:link,#bloc_kitch h3 a:hover,#bloc_kitch h3 a:active,
	#bloc_granit h3 a,#bloc_granit h3 a:link,#bloc_granit h3 a:hover,#bloc_granit h3 a:active {
	font-size: 14px;
	text-decoration: none;}

	#bloc_kitch a:hover, #bloc_granit a:hover {
	color: #fff;
	text-decoration: none;}
	
	#bloc_kitch, #bloc_granit {
	position: relative;}
	#bloc_kitch p.yoda, #bloc_granit p.yoda {
	position: absolute;
	top: 60px;
	margin: 0 22px;}
	#bloc_kitch p.link, #bloc_granit p.link {
	position: absolute;
	bottom: 10px;
	right: 15px;
	width: 203px;
}
	#bloc_kitch h3, #bloc_granit h3 {
	position: absolute;
	top: 12px;
	left: 13px;}
/*--------------------------------------------------------------------------*/

/*INDEX
-------------------------------------------------------*/
#bloc_cuisine {
background: url(gifs/kit_35.jpg) no-repeat;
width: 236px;
height: 265px;}

#bloc_sdb {
background: url(gifs/kit_33.jpg) no-repeat;
width: 235px;
height: 265px;}

	#bloc_cuisine h3, #bloc_sdb h3, #bloc_cuisine p, #bloc_sdb p,
	#bloc_cuisine a, #bloc_sdb a, #bloc_cuisine a:link, #bloc_sdb a:link, #bloc_cuisine a:active, #bloc_sdb a:active {
	color: #fff;}
	

	#bloc_cuisine h3 a,#bloc_cuisine h3 a:link,#bloc_cuisine h3 a:hover,#bloc_cuisine h3 a:active,
	#bloc_sdb h3 a,#bloc_sdb h3 a:link,#bloc_sdb h3 a:hover,#bloc_sdb h3 a:active {
	font-size: 14px;
	text-decoration: none;}

	#bloc_cuisine a:hover, #bloc_sdb a:hover {
	color: #fff;
	text-decoration: none;}
	
	#bloc_cuisine, #bloc_sdb {
	position: relative;}
	#bloc_cuisine p.yoda, #bloc_sdb p.yoda {
	position: absolute;
	top: 60px;
	margin: 0 22px;}
	#bloc_cuisine p.link, #bloc_sdb p.link {
	position: absolute;
	bottom: 10px;
	right: 15px;
	width: 203px;
}
	#bloc_cuisine h3, #bloc_sdb h3 {
	position: absolute;
	top: 12px;
	left: 13px;}
/*--------------------------------------------------------------------------*/


/*PAGES
-------------------------------------------------------*/
.tpl {
width: 90%;
margin: 20px auto;
border-bottom: 1px solid #1472a5;}

.tpl h3{
margin: 0;}
.tpl p{
text-align: justify;}



#detail {
width: 85%;
margin: 0 auto;
background: #f7f7f7;
padding: 3px 10px;}

	#detail h3{
	margin: 0;}

.tplLiens {}

	.tplLiens li{
	float: right;
	margin: 0 15px 0 0;
	padding: 2px;
	width: 25%;
	height: 25px;}
	
		#content .tplLiens li a,#content .tplLiens li a:link,#content .tplLiens li a:active{
		display: block;
		padding: 5px;
		background: #024d8a;
		color: #f0f5f5;
		text-align: center;
		text-decoration: none;
		border: 2px solid #fff;}
		
		#content .tplLiens li a:hover {
		color: #fff;
		text-decoration: none;
		background: #028ebe;}


.tpl_prod{
padding: 2px;
margin: 15px 2px;
background: #f5f7f7;}

.tpl_prod h3{
height: 25px;
font-size: 12px;}
.tpl_prod .tpl_image{
height: 102px;}
.tpl_prod .tpl_prix{
height: 25px;}
/*--------------------------------------------------------------------------*/
#produits_sub {}

	#produits_sub td{
	width: 33%;
	text-align: left;}

		#content #produits_sub a{
		display: block;
		width: 100%;
		height: 100%;
		padding: 5px 5px 5px 10px;
		background: #024d8a;
		color: #f0f5f5;
		text-decoration: none;
		border: 2px solid #fff;}
		
		#content #produits_sub a:hover {
		color: #fff;
		text-decoration: none;
		background: #028ebe;}
/*--------------------------------------------------------------------------*/



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

#contact_side p{
text-align: center;}

	
#bob {
width: 65%;}


#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;
border: 1px solid #0395c7;
}

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

fieldset legend{
line-height: 16px;
text-align: left;
color: #031863;
font-family: Verdana, 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 #c1d3e8;
	background: #fff;}
	fieldset textarea:focus {
	border: 2px solid #c1d3e8;
	background: #fff;}



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: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 1em 0 .5em;
padding: .5em 1em;
background: #031863;
border: 0;}

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


#hdp {
text-align: right;}

/*footer
--------------------------------------------------------------------------*/
#footer {
padding: 5px;
text-align: center;
color: #2d4f89;
background: url(gifs/cuisines-kitsofrec_50.jpg) repeat-x top;}
/*--------------------------------------------------------------------------*/
.link {
text-align: right !important;}