/* CSS Document --------------------------------------------------------------------------------*/
/* Mise en forme du site LA SOURCE AUX FLEURS | LE COMPTOIR FLORAL -----------------------------*/
/* www.iris-interactive.fr ---------------------------------------------------------------------*/

* {
	font-family:'Trebuchet MS', Verdana, sans-serif;
	margin:0;
	padding:0;
}
body {
	background:#FFFFFF url(../images/body.gif) repeat-x left top;
	font-size:12px;
	height:100%;
	text-align:center;
	line-height:150%;
}
	body.source, 
	body.comptoir {
		background:#555C5D url(../images/body-index.gif) repeat-x left top;
	}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au bloc #TOOLS */
/* -------------------------------------------------------------------------------------------- */

#tools {
	text-align:right;
}
	body.source #tools, 
	body.comptoir #tools {
		width:780px;
		height:109px;
		margin:0 auto;
	}
	body.source #tools {
		background:url(../images/bg-tools-source.gif) no-repeat left top;
	}
	body.comptoir #tools {
		background:url(../images/bg-tools-comptoir.gif) no-repeat left top;
	}
	body.internal #tools {
		width:780px;
		margin:0 auto;
	}
#global #tools ul, 
body.source #tools ul, 
body.comptoir #tools ul {
	padding-top:10px;
	padding-bottom:0;
}
#tools li {
	display:inline;
	list-style:none;
	padding:0 0 0 5px !important;
	background-image:none !important;
}
#tools li a img {
	border:none;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à l'entête */
/* -------------------------------------------------------------------------------------------- */

#header {
	min-width:780px;
	width:auto;
}
	body.source #header, 
	body.comptoir #header {
		height:404px;
	}
	body.source #header {
		background:#000000 url(../images/bg-header-source.jpg) no-repeat center top;
	}
	body.comptoir #header {
		background:#000000 url(../images/bg-header-comptoir.jpg) no-repeat center top;
	}
	body.internal #header {
		background:url(../images/bg-header.jpg) no-repeat center top;
		height:150px;
	}
#header .swf {
	width:780px;
	margin:0 auto;
	position:relative;
	text-align:right;
	padding-top:280px;
}
#header h1 {
	position:absolute;
	left:-999em;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la navigation */
/* -------------------------------------------------------------------------------------------- */

#navigation {
	width:780px;
	height:41px;
	margin:0 auto;
}
	body.internal #navigation {
		top:111px;
		position:relative;
	}
#navigation ul {
}
#navigation li {
	display:block;
	float:left;
	background:url(../images/bg-navigation-li.gif) no-repeat right top;
	padding:10px 15px 10px 10px;
	list-style:none;
}
#navigation li.last {
	background-image:none;
}

#navigation a {
	color:#ECE7ED;
	text-decoration:none;
	font-weight:bold;
	display:block;
}
#navigation a:hover {
	color:#FFFFFF;
}
#navigation li ul { 
	position:absolute;
	background-color:#515859;
	width:165px;
	left:-999em; 
	text-align:left;
	margin:10px 0 0 -5px;
}
#navigation li:hover ul, #navigation li.sfhover ul { 
	left:auto;
}
#navigation li:hover a, #navigation li.sfhover a { 
	color:#FFFFFF;
}
#navigation li ul li {
	background-image:none;
	width:165px;
	padding:0;
	text-align:left;
}
#navigation li ul li a {
	width:150px;
	padding:5px;
	color:#ECE7ED !important;
	display:block;
	border-left:5px solid #85898C;
}
*html #navigation li ul li a {
	width:165px;
}
#navigation li ul li a:hover {
	color:#FFFFFF !important;
	background-color:#373737;
	border-color:#545454;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables aux pages d'accueil */
/* -------------------------------------------------------------------------------------------- */

#index {
	width:780px;
	margin:-27px auto 0;
	text-align:left;
	color:#FFFFFF;
	position:relative;
}
body.source #index, 
body.comptoir #index {
	height:263px;
	height:auto;
}
	body.source #index {
		background:url(../images/bg-index-source.gif) no-repeat center top;
	}
	body.comptoir #index {
		background:url(../images/bg-index-comptoir.gif) no-repeat center top;
	}
body.source #index .spacer, 
body.comptoir #index .spacer {
	height:10px;
}
	body.source #index .spacer {
		background:url(../images/bg-index-source.gif) no-repeat center bottom;
	}
	body.comptoir #index .spacer {
		background:url(../images/bg-index-comptoir.gif) no-repeat center bottom;
	}

/* -------------------------------------------------------------------------------------------- */
/* BOX MODELS */

.col248 {
	width:248px;
	float:left;
	padding:0 6px;
}
*html .col248 {
	width:260px;
}
.p30 {
	padding-top:30px;
}
.col248 .swf {
	width:248px;
	height:50px;
	position:absolute;
	top:-50px;
}
.col248 .swf a img {
	border:none;
}


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

#index p, 
#index ul, 
#index h2, 
#index h3 {
	padding:5px 10px;
}
#index h2 {
	font-size:13px;
}
#index p.address {
	position:absolute;
	top:180px;
	text-align:center;
	width:228px;
	line-height:125%;
}
*html #index p.address {
	width:248px;
}
#index p.brun {
	color:#581B03;
}
#index p.black {
	color:#000000;
	line-height:145%;
}
#index li {
	padding:0 0 5px 30px;
	list-style:none;
	line-height:135%;
}
	body.source #index li {
		background:url(../images/bg-index-source-li.gif) no-repeat 0 2px;
	}
	body.comptoir #index li {
		background:url(../images/bg-index-comptoir-li.gif) no-repeat 0 1px;
	}
#index a {
	color:#FFFFFF;
	text-decoration:none;
}
#index a:hover {
	text-decoration:underline;
}
#index strong.tel {
	background:url(../images/bg-index-strong-tel.gif) no-repeat 0 3px;
	padding-left:20px;
}



/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au contenu */
/* -------------------------------------------------------------------------------------------- */

#global {
	background:url(../images/bg-global.gif) no-repeat center top;
	min-height:383px;
	height:auto;
}
*html #global {
	height:383px;
}
#content {
	width:780px;
	margin:0 auto;
	text-align:justify;
}


/* -------------------------------------------------------------------------------------------- */
/* BOX MODELS */

.col195 {
	width:195px;
	text-align:left;
}
.col280 {
	width:280px;
	text-align:left;
}
.col390 {
	width:390px;
}
.col500 {
	width:500px;
}
.col585 {
	width:585px;
}
.col195, 
.col280, 
.col390, 
.col500, 
.col585 {
	float:left;
}
.gallery {
	padding:5px 10px;
}
.gallery .pict {
	float:left;
	width:120px;
}
.gallery .pict a img {
	border:none;
}


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

#global p, 
#global ul, 
#global form, 
#global dl, 
#global blockquote, 
#global h2, 
#global h3, 
#global h4, 
#global h5, 
#global h3 {
	padding:5px 10px;
}
#global p, 
#global ul, 
#global form, 
#global input, 
#global textarea, 
#global select, 
#global option, 
#global blockquote, 
#global table, 
#global tr, 
#global th, 
#global td {
	font-size:12px;
}
#global h2 {
	background:url(../images/bg-h2.gif) no-repeat left top;
	margin:5px 10px;
	font-size:13px;
	height:19px;
	color:#FFFFFF;
}
	*html #global h2 {
		height:29px;
	}
	#global .col195 h2 {
		background:url(../images/bg-h2-195.gif) no-repeat left top;
	}
	#global .col280 h2 {
		background:url(../images/bg-h2-280.gif) no-repeat left top;
	}
	#global .col390 h2 {
		background:url(../images/bg-h2-390.gif) no-repeat left top;
	}
	#global .col500 h2 {
		background:url(../images/bg-h2-500.gif) no-repeat left top;
	}
#global h3 {
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#881967;
}
#global li {
	list-style:none;
	background:url(../images/bg-li.gif) no-repeat 0 7px;
	padding:0 0 5px 15px;
}
#global p.chapeau {
	background:url(../images/bg-p-chapeau.gif) no-repeat center bottom;
	padding-bottom:35px;
}
#global p.iris {
	background:url(../images/logo_iris.gif) no-repeat 5px 0;
	padding-left:55px;
}
#global .chartreuse {
	margin:5px 10px;
	padding-bottom:3px;
	background:url(../images/bg-chartreuse.jpg) no-repeat left bottom;
}
#global h2.occasions {
	background:url(../images/bg-h2-occasions.gif) no-repeat left top;
	margin:0;
}
#global .chartreuse li {
	background:url(../images/bg-li-chartreuse.gif) no-repeat 0 2px;
	padding-left:25px;
}
#global h2 span {
	position:absolute;
	left:-999em;
}
#global a {
	text-decoration:none;
	color:#881967;
}
#global .chartreuse a {
	color:#FFFFFF;
}
#global a:hover {
	text-decoration:underline;
}

#global legend {
	color:#3B6F78;
}
#global fieldset {
	border:1px solid #DFE8F1;
	padding:5px;
	margin-bottom:5px;
}
	html>body #global fieldset {
		clear:both;
	}
#global fieldset.small {
	width:183px;
}
	html>body #global fieldset.small {
		width:163px;
		float:left;
		clear:none;
		margin-right:10px;
	}
#global input.submit {
	padding:5px;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au pied de page */
/* -------------------------------------------------------------------------------------------- */

#foot {
	font-size:10px;
	color:#ECE7ED;
	position:relative;
}
body.internal #foot {
	background:#555C5D url(../images/bg-foot.gif) repeat-x left top;
	padding-top:10px;
}
#foot p {
	padding:10px;
}
#foot a {
	color:#ECE7ED;
	text-decoration:none;
}
#foot a:hover {
	color:#FFFFFF;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles génériques */
/* -------------------------------------------------------------------------------------------- */

.spacer {
	width:100%;
	clear:both;
	font-size:1px;
	height:1px;
}
.img-right {
	float:right;
	padding:0 0 5px 10px;
}
.img-left {
	float:left;
	padding:0 10px 5px 0;
}
.center {
	text-align:center !important;
}
.right {
	text-align:right !important;
}
.left {
	text-align:left !important;
}