/* Éléments généraux */
html, form {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
body {
	border: 0px;
	margin: 0px;
	padding: 0px;
	background: url('../images/fond.gif');
}

#conteneur {
	width: 660px;
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

#main {
	width: 660px;
	display: block;
	position: relative;
	background-color: #FFF3DE;
	margin: 20px 0 20px 0;
	padding: 20px 0 30px 0;
}

#main .top {
	width: 660px;
	height: 409px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url('../images/fond_bloc.gif');
}

small.ongletg {
	width: 133px;
	height: 82px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url('../images/ongletsmenug.gif') no-repeat;
}

small.ongletg a {
	display: block;
	position: relative;
	color: #000;
	text-decoration: none;
	font-family: arial;
	font-size: 11px;
	margin: 5px 10px 10px 10px;
}

small.ongletd {
	width: 133px;
	height: 82px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url('../images/ongletsmenud.gif') no-repeat;
}

small.ongletd a {
	display: block;
	position: relative;
	color: #000;
	text-decoration: none;
	font-family: arial;
	font-size: 11px;
	margin: 5px 10px 10px 10px;
	text-align: right;
}

small.ongletd a:hover, small.ongletg a:hover {
	color: #fff;
}

/*a.ongletg {
	width: 134px;
	height: 56px;
	display: block;
	position: relative;
	float: left;
	background: url('../images/ongletg.gif') no-repeat;
	margin-top: -20px;
}

a.ongletd {
	width: 134px;
	height: 56px;
	display: block;
	position: relative;
	float: right;
	background: url('../images/ongletd.gif') no-repeat;
	margin-top: -20px;
}*/

a.ongletd:hover {
	background: url('../images/ongletd2.gif') no-repeat;
}

a.ongletg:hover {
	background: url('../images/ongletg2.gif') no-repeat;
}

#main .bg {
	width :16px;
	height: 15px;
	line-height: 15px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url('../images/bg.gif') no-repeat bottom left;
}

#main .bd {
	width :16px;
	height: 15px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url('../images/bd.gif') no-repeat bottom left;
}

H1 {
	width: 230px;
	height: 89px;
	display: block;
	position: relative;
	margin: 0 auto;
}

H2 {
	/*width: 273px;*/
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 10px 0;
	color: #47648c;
}

H3 {
	width: 510px;
	height: 160px;
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 20px;
}

#contenu {
	width: 600px;
	display: block;
	position: relative;
	margin: 0 auto;
	padding-top: 30px;
}

#gauche {
	/*width: 302px;*/
	width: 275px;
	display: block;
	position: relative;
	float: left;
	text-align: right;
	padding-right: 27px;
}

#gauche p {
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	/*padding-right: 27px;*/
	margin: 0 0 15px 0;
}

#droite {
	/*width: 298px;*/
	width: 270px;
	display: block;
	position: relative;
	float: left;
	text-align: left;
	padding-left: 28px;
}

#droite p {
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	/*padding-left: 28px;*/
	margin: 0 0 15px 0;
}


big {
	width: 150px;
	height: 22px;
	display: block;
	position: relative;
	margin: 0 0 15px 0;
	background: url('../images/exception.gif') no-repeat;
}

big#g {
	float: left;
}

big#d {
	float: right;
}

/*small {
	width: 2px;
	display: block;
	position: relative;
	float: right;
	margin-right: -27px;
	background: url('../images/separateur.gif');
}*/
small {
	width: 2px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: url('../images/separateur.gif');
}

small#top {
	height: 245px;
}

small#bottom {
	height: 170px;
}

small#tit {
	height: 27px;
}

small#middle {
	height: 225px;
}

#blocadresse {
	width: 494px;
	height: 29px;
	display: block;
	position: relative;
	background-color: #EAEAEA;
	border: 1px solid #BABABA;
	margin: 0 auto;
	padding: 8px;
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

#blocadresse a {
	color: #B5111B;
}

strong {
	width: 11px;
	height: 11px;
	display: block;
	position: absolute;
	overflow: hidden;
	line-height: 11px;
}

strong#coinhg {
	top: 0;
	left: 0;
	background: url('../images/coinhg.gif') no-repeat;
	margin: -1px 0 0 -1px;
}

strong#coinhd {
	top: 0;
	right: 0;
	background: url('../images/coinhd.gif') no-repeat;
	margin: -1px -1px 0 0;
}

strong#coinbg {
	top: 35px;
	left: 0;
	background: url('../images/coinbg.gif') no-repeat;
	margin: 0 0 -1px -1px;
}

strong#coinbd {
	top: 35px;
	right: 0;
	background: url('../images/coinbd.gif') no-repeat;
	margin: 0 -1px -1px 0;
}


.clear {
	font-size: 0px;
	line-height: 0px;
	display: block;
	clear: both;
	float: none;
	height: 0;
}


/*------------------------------------------------------ Page fleuristes -------------------------------------------------*/


#main .fleuristes {
	width: 300px;
	height: 30px;
	display: block;
	position: absolute;
	top: 95px;
	left: 330px;
	font-family: tahoma, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

a.onglet2g {
	width: 135px;
	height: 57px;
	display: block;
	position: relative;
	float: left;
	background: url('../images/onglet2g.gif') no-repeat;
	margin-top: -20px;
}

a.onglet2d {
	width: 134px;
	height: 57px;
	display: block;
	position: relative;
	float: right;
	background: url('../images/onglet2d.gif') no-repeat;
	margin-top: -20px;
}

a.onglet2d:hover {
	background: url('../images/onglet2d2.gif') no-repeat;
}

a.onglet2g:hover {
	background: url('../images/onglet2g2.gif') no-repeat;
}

H4 {
	height: 251px;
	display: block;
	position: relative;
	float: left;
	margin: 0 auto;
	padding: 0 0 30px 20px;
}

.petitg {
	display: block;
	position: relative;
	float: left;
	width: 180px;
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	text-align: right;
}

.petitd {
	display: block;
	position: relative;
	float: left;
	width: 180px;
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	text-align: left;
}

#separateur {
	margin: 0 auto 20px auto;
	width: 510px;
	height: 1px;
	display: block;
	position: relative;
	background-color: #bababa;
	overflow: hidden;
}

.commande {
	font-weight: bold;
	color: #B5111B;
}

#form {
	width: 314px;
	height: 80px;
	display: block;
	position: relative;
	margin: 0 auto;
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	padding: 10px 0 10px 0;
}

#videos {
	width: 510px;
	height: 90px;
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 10px 0 60px 0;
}
#videos a {
	display: block;
	position: relative;
	float: left;
	padding: 0 28px 0 28px;
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #47648c;
}
#videos a img {
	display: block;
	
	
	border: 0;
}

#gauche2 {
	/*width: 302px;*/
	width: 180px;
	display: block;
	position: relative;
	float: left;
	text-align: right;
}

#droite2 {
	/*width: 298px;*/
	width: 180px;
	display: block;
	position: relative;
	float: right;
	text-align: left;
}

label, input {
	width: 100px;
	display: block;
	position: relative;
	float: left;
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
}

label {
	padding: 0 0 0 5px;
}

label.right {
	text-align: right;
	padding: 0 5px 0 0;
}

input.field {
	margin: 0 0 5px 0;
	border: 1px solid #6892cc;
}

input.submit {
	float: none;
	clear: both;
	width: 50px;
	margin: 0 auto;
	border: 1px solid #6892cc;
}

/*--------------------------------------- Page événements --------------------------------------*/

#images {
	display: block;
	position: relative;
	width: 580px;
	/*background-color: #47648C;*/
	background-color: #4183bc;
	margin: 0 0 20px 0;
	padding: 10px 8px 0 12px;;
}

#images a img {
	border: 0;
	margin: 0 5px 5px 0;
	padding: 0;
}

#onglets {
	width: 345px;
	height: 60px;
	margin: 0 auto;
}

a.retour {
	display: block;
	position: relative;
	float: left;
	margin: 0 auto;
	font-family: verdana, sans-serif;
	font-size: 12px; 
	color: #000;
	width: 194px;
	height: 58px;
	text-decoration: none;
	padding-top: 5px;
	background: url('../images/retour.gif') no-repeat;
}

a.retour:hover, a.precedent:hover, a.suivant:hover {
	color: #fff;
}

a.precedent {
	display: block;
	position: relative;
	float: left;
	width: 65px;
	height: 27px;
	background: url('../images/back.gif') no-repeat;
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #000;
	text-decoration: none;
	text-align: center;
	padding-left: 10px;
}

a.suivant {
	display: block;
	position: relative;
	float: left;
	width: 62px;
	height: 27px;
	background: url('../images/next.gif') no-repeat;
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #000;
	text-decoration: none;
	text-align: center;
	padding-right: 13px;
}

#gauche.redimentionne {
	width: 250px;
	margin-left: 25px;
}