/*reset CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
	
}


body {
font-family: Geneva, Arial, Helvetica, sans-serif;
text-transform: uppercase;
background-color: #cdd1d6;
background-image:url(images/degrade_fond.jpg);
background-repeat: repeat-x;
}


h3 {
font-size: 0.6em;
text-align: center;
color: #FFFFFF;
line-height: 1.5em;
padding-right: 11px;
padding-top: 7px;
}

h4 {
font-size: 0.6em;
text-align: center;
color: #FFFFFF;
line-height: 1.5em;
padding-right: 4px;
padding-top: 10px;
}


/*-------------- PAGE-------------------*/

#page{
width: 1000px;
margin-left:auto;
margin-right:auto;
text-align:left;

}

/*-------------- TITRE ET NAVIGATION PRINCIPALE-------------------*/
#nav {
display: none;
}

/*-------------- HEADER-------------------*/

#header{
width: 1000px;
height: 147px;
background-color: #33CC33;
/*background-image:url(images/header.jpg);
background-repeat: no-repeat;*/
}

/*-------------- FOOTER-------------------*/
#footer{
float: left;
width: 1000px;
height: 23px;
background-image:url(images/footer.jpg);
background-repeat: no-repeat;
}

/*-------------- CONTENU MILIEU-------------------*/

#contenu_page{
width: 1000px;
height: 496px;
}

/*-------------- BANDE GAUCHE-------------------*/
#bande_gauche{
float: left;
width: 30px;
height: 473px;
background-color: #dedfe0;
}

/*-------------- BANDEAU ADRESSE-------------------*/
#bandeau_adresse{
float: left;
width: 270px;
height: 473px;
background-image:url(images/bandeau_adresse.jpg);
background-repeat: no-repeat;
}

/*-------------- CONTENU MILIEU-------------------*/
#contenu_milieu{
float: left;
width: 700px;
height: 473px;
background-color: #dedfe0;
}

/*-------------- ENCADRE PORTRAIT -------------------*/
#encadre_portrait{
float: left;
width: 195px;
height: 240px;
margin-left: 22px;
margin-top: 22px;
}

#IE6 #encadre_portrait {
float: left;
width: 195px;
height: 240px;
margin-left: 11px;
margin-top: 22px;
}

/*-------------- APLAT HAUT PORTRAIT -------------------*/
#aplat_haut_portrait{
width: 195px;
height: 94px;
background-image:url(images/aplat_haut_portrait.jpg);
background-repeat: no-repeat;
}

/*-------------- APLAT PRIX PORTRAIT -------------------*/
#aplat_prix_portrait{
width: 195px;
height: 100px;
background-image:url(images/aplat_prix_portrait.jpg);
background-repeat: no-repeat;
}

/*-------------- BOUTON PORTRAIT -------------------*/
.bouton_portrait {
width: 195px;
height: 46px;
display: block;
background-image: url(images/bouton_portrait_off.jpg);
background-repeat: no-repeat;
}

.bouton_portrait a {
width: 195px;
height: 46px;
display: block;
text-decoration: none;
}

.bouton_portrait a:hover {
background-image: url(images/bouton_portrait_over.jpg);
text-decoration: none;
}



/*-------------- ENCADRE AGENCE -------------------*/
#encadre_agence{
float: left;
width: 195px;
height: 240px;
margin-left: 32px;
margin-top: 22px;
}

/*-------------- APLAT HAUT AGENCE -------------------*/
#aplat_haut_agence{
width: 195px;
height: 94px;
background-image:url(images/aplat_haut_agence.jpg);
background-repeat: no-repeat;
}

/*-------------- APLAT PRIX AGENCE -------------------*/
#aplat_prix_agence{
width: 195px;
height: 100px;
background-image:url(images/aplat_prix_agence.jpg);
background-repeat: no-repeat;
}

/*-------------- BOUTON AGENCE -------------------*/
.bouton_agence {
width: 195px;
height: 46px;
display: block;
background-image: url(images/bouton_agence_off.jpg);
background-repeat: no-repeat;
}

.bouton_agence a {
width: 195px;
height: 46px;
display: block;
text-decoration: none;
}

.bouton_agence a:hover {
background-image: url(images/bouton_agence_over.jpg);
text-decoration: none;
}



/*-------------- ENCADRE MARIAGE -------------------*/
#encadre_mariage{
float: left;
width: 195px;
height: 240px;
margin-left: 32px;
margin-top: 22px;
}

/*-------------- APLAT HAUT MARIAGE -------------------*/
#aplat_haut_mariage{
width: 195px;
height: 94px;
background-image:url(images/aplat_haut_mariage.jpg);
background-repeat: no-repeat;
}

/*-------------- APLAT PRIX MARIAGE -------------------*/
#aplat_prix_mariage{
width: 195px;
height: 100px;
background-image:url(images/aplat_prix_mariage.jpg);
background-repeat: no-repeat;
}

/*-------------- BOUTON MARIAGE -------------------*/
.bouton_mariage {
width: 195px;
height: 46px;
display: block;
background-image: url(images/bouton_mariage_off.jpg);
background-repeat: no-repeat;
}

.bouton_mariage a {
width: 195px;
height: 46px;
display: block;
text-decoration: none;
}

.bouton_mariage a:hover {
background-image: url(images/bouton_mariage_over.jpg);
text-decoration: none;
}



/*-------------- ENCADRE FORFAITS -------------------*/
#encadre_forfait{
float: left;
width: 659px;
height: 170px;
margin-left: 22px;
margin-top: 13px;
}

#IE6 #encadre_forfait{
float: left;
width: 659px;
height: 170px;
margin-left: 11px;
margin-top: 13px;
}

/*-------------- APLAT HAUT FORFAIT -------------------*/
#aplat_haut_forfait{
width: 649px;
height: 49px;
background-image:url(images/aplat_haut_forfait.jpg);
background-repeat: no-repeat;
}

/*-------------- APLAT HAUT FORFAIT 2 -------------------*/
#aplat_haut_forfait2{
float: left;
width: 649px;
height: 35px;
background-image:url(images/aplat_haut_forfait2.jpg);
background-repeat: no-repeat;
}

/*-------------- APLAT HAUT FORFAIT 3 -------------------*/
#aplat_haut_forfait3{
float: left;
width: 339px;
height: 83px;
background-image:url(images/aplat_haut_forfait3.jpg);
background-repeat: no-repeat;
}

/*-------------- APLAT PRIX FORFAIT -------------------*/
#aplat_prix_forfait{
float: left;
width: 175px;
height: 83px;
background-image:url(images/aplat_prix_forfait.jpg);
background-repeat: no-repeat;
}

/*-------------- BOUTON FORFAIT -------------------*/
.bouton_forfait {
float: left;
width: 135px;
height: 83px;
display: block;
background-image: url(images/bouton_forfait_off.jpg);
background-repeat: no-repeat;
}

.bouton_forfait a {
width: 135px;
height: 83px;
display: block;
text-decoration: none;
}

.bouton_forfait a:hover {
background-image: url(images/bouton_forfait_over.jpg);
text-decoration: none;
}