/*-------------------------------------------------------------------------
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;
}

.00 {padding-left:20px}



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: #FAFAE4;
}

#container {
background: url(gifs/fleuriste-jardin-cecilia_02.jpg) no-repeat center top;
padding-top: 219px;
text-align: left;
width: 980px;
margin: 0 auto;
position: relative;}
	
	#logoLink {
	position: absolute;
	top: 40px;
	left: 100px;
	display: block;
	width: 450px;
	height: 160px;}

/********************************************************************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: #4B2645;
	font-weight: bold;
	text-decoration: underline;
}
#content a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4B2645;
	font-weight: bold;
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
	color: #75446D;
}
#content a:active {
	text-decoration: underline;
	color: #4B2645;
}



#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 
--------------------------------------------------------------------------*/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color: #3f5155;
	background-color:#ffffff;
	border: #3f5155 1px solid;
	padding: 0 2px;
}

.bouton_news {
background: #FBA7C2;
height: 15px;
width: 22px;
cursor: pointer;
text-align: center;
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
-------------------------------------------------------*/
#fin {
	background: url(gifs/fleuriste-jardin-cecilia_10.jpg) no-repeat;
	width: 204px;
	height: 37px;
}
/*-------------------------------------------------------*/
ul.MenuHorizontal {
   width: 980px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

ul.MenuHorizontal li {
   float: left;
}

ul.MenuHorizontal li a {
   display: block;
   color: #653232;         /*Ici, changer la couleur de la police*/
   font-family:"Times New Roman", Times, serif;         /*Ici, changer la police du menu*/
   font-size: 17px;         /*Ici, changer la taille de la police du menu*/
   font-weight: bold;
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 37px;         /*Ici, on augmente la hauteur du menu*/ 
   text-align: center;
   text-decoration: none;
   line-height:35px;
}

li#menu0 {
   width: 169px;
}

li#menu1 {
   width: 166px;
}

li#menu2 {
   width: 114px;
}

li#menu3 {
   width: 102px;
}

li#menu4 {
   width: 128px;
}

li#menu5 {
   width: 97px;
}

li#menu0 a {
   background-image: url('gifs/menu_04.jpg');         /*Ici l'image de fond de la cellule*/
   padding-left:80px;
}

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

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

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

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

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

li#menu0 a:hover, a#selected-over0 {
   background-image: url('gifs/menu_04.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   text-decoration:none;
   font-size:18px;
   color: #653232; 
}

li#menu1 a:hover, a#selected-over1 {
   background-image: url('gifs/menu_05.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   text-decoration:none;
   font-size:18px;
   color: #653232; 
}

li#menu2 a:hover, a#selected-over2 {
   background-image: url('gifs/menu_06.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   text-decoration:none;
   font-size:18px;
   color: #653232; 
}

li#menu3 a:hover, a#selected-over3 {
   background-image: url('gifs/menu_07.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   text-decoration:none;
   font-size:18px;
   color: #653232; 
}

li#menu4 a:hover, a#selected-over4 {
   background-image: url('gifs/menu_08.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   text-decoration:none;
   font-size:18px;
   color: #653232; 
}

li#menu5 a:hover, a#selected-over5 {
   background-image: url('gifs/menu_09.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   text-decoration:none;
   font-size:18px;
   color: #653232; 
} 
/*--------------------------------------------------------------------------*/


/*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 {
clear: both;
font-size: 12px;
color: #653232;
margin: 0 20px .5em;
padding: 0;
border-bottom: 1px solid #CB4E6D;
width: 75%;}

h3 {
font-size: 14px;
margin: 0 10px;
padding: .5em 0;
color: #3f5155;}

p {
color: #713D3D;
margin: 0 15px;
padding-bottom: 0.5em;
font-size: 11px;
line-height: 1.3em;}

.impt {
color: #b8a58c;}

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

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

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



/*MODELE
-------------------------------------------------------*/
#content {
width: 100%;
border-collapse: collapse;
border: 0;
clear: both;}

	#content td{
	padding: 0;
}

	#content_side {
	width: 290px;}

		#content_side p{
	color: #fff;
}

		#content_side a, #content_side a:link, #content_side a:hover, #content_side a:active{
		font-weight: normal;
		color: #4B2645;}

		#content_side a:hover{
		font-weight: normal;
		color: #75446D;}
#encart-exceptionnel {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	position: absolute;
	width: 600px;
	top: 130px;
	background-color: #FFFFFF;
}

	
		#side01 {
		background: url(gifs/encart_11.jpg) no-repeat;
		height: 49px;}
		
			#side01 a {
			display: block;
			width: 100%;
			height: 100%;}
			
			#side01 p{
				margin:0;
				font-family:"Times New Roman", Times, serif;
				font-weight:bold;
				font-size:18px;
				text-decoration:none;
				color:#512D1C;
				padding:22px 0 0 118px;
			}
		
		#side02 {
	background: url(gifs/fleuriste-jardin-cecilia_13.jpg) no-repeat;
	height: 93px;
	position: relative;
	padding-right: 10px;
}
		
			#side02 table {
			margin-left: 90px;}
		
			#side02 table td{
			color: #fff;}
		
			#side02 a {
			position: absolute;
			bottom: 10px;
			right: 22px;}
			
		#side03 {
		background: url(gifs/encart_15.jpg) no-repeat;
		height: 41px;}
			#side03 a {
			display: block;
			width: 100%;
			height: 100%;}
			
		#side03 p{
				margin:0;
				font-family:"Times New Roman", Times, serif;
				font-weight:bold;
				font-size:18px;
				text-decoration:none;
				color:#512D1C;
				padding:12px 0 0 115px;
			}
		
		#side04 {
	background: url(gifs/fleuriste-jardin-cecilia_16.jpg) no-repeat;
	height: 94px;
	position: relative;
	padding-right: 10px;
}
		
			#side04 p {
			margin-left: 85px;
			margin-right: 0;
			}
					
			#side04 a {
			position: absolute;
			bottom: 12px;
			right: 28px;}
	
		#side05 {
		background: url(gifs/encart_17.jpg) no-repeat;
		height: 93px;}
	
			#side05 p{
			margin:0;
			padding:0;
			}
			
			.un{
				font-family:"Times New Roman", Times, serif;
				font-weight:bold;
				font-size:18px;
				text-decoration:none;
				color:#512D1C !important;
				padding:10px 0 0 30px !important;
			}
	
			#side05 p, #side05 table{
			margin-left: 90px;}
		
		#side06 {
		background: url(gifs/fleuriste-jardin-cecilia_18.jpg) no-repeat;
		height: 148px;}
	
			#side06 p{
			margin-left: 90px;}
	
	#content_main{
	background: url(gifs/bg_05.jpg) no-repeat bottom left;
	height: 468px;}
/*--------------------------------------------------------------------------*/

/*INDEX
-------------------------------------------------------*/
#bloc01 {
background: url(gifs/fleuriste-jardin-cecilia_12.jpg) no-repeat;
width: 690px;
height: 116px;}

	#bloc01 ul{
	position: relative;
	top: 20px;
	left: 40px;}

	#bloc01 ul li{
	line-height: 1.7em;
	color: #FEE2EB;
	font-weight: bold;}

#bloc02 {
	background: url(gifs/fleuriste-jardin-cecilia_14.jpg) no-repeat;
	height: 402px;
	position: relative;
}

	#bloc02 object{
	width: 408px;
	margin: 3px 0 0 65px;}
	

#bloc02 #vacs {
	color:#990033 !important;
	font-size:14px !important;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	font-weight:bold !important;
	width:85%;
}
	#vacs {
	color:#990033 !important;
	font-size:14px !important;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	font-weight:bold !important;
	width:85%;
}
/*--------------------------------------------------------------------------*/


/*PAGES
-------------------------------------------------------*/
#compos {
background: url(gifs/compositions_05.jpg) no-repeat;
margin-left:20px;
}

	#compos li{
	float: left;
/*	background: #F4EADB;}
*/
	#compos li a{
	display: block;}

#comp {
margin: 0 145px 0 25px;}

	#comp li {
	clear: both;}

#contenu {
/*width: 80%;*/
width:300px;
}
/*--------------------------------------------------------------------------*/
#bdd {
	width: 83%;
	}

	.tpl {
	width: 90%;
	/*margin: 15px auto;*/
	/*clear: both;*/
	}
	#bdd .tpl h2{
	width: 90%;}
/*--------------------------------------------------------------------------*/



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

#bob {
width: 65%;
}
#bob p{
margin-left: 35px;}

#mail {}

#mail p{
margin: 0;}

#corpForm {
margin: 0 auto;}

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

#reserv td.left{
text-align: left;}
 
fieldset{
margin: 0 3em;
padding-bottom: 3px;
color: #a6814d;
border: 1px solid #F86D99;
}
#infos {
margin-top: 5px;}

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

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


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

fieldset label{
color: #012549;}

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

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

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

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

iframe {
border: 1px solid #CB4E6E;}

iframe, small {
margin: 10px 0 0 70px;}


#hdp {
text-align: right;}

/*footer
--------------------------------------------------------------------------*/
#footer {
padding: 5px;
text-align: center;
color: #333;}
/*--------------------------------------------------------------------------*/
