* {
                        margin: 0;
                        padding: 0;
}

html {
                        width: 100%;
                        background-color:#4a4a46;
}

body {
                        width: 100%;
                        background: #fffef1 url(img/fond_haut.gif) left top repeat-x;
}

#conteneur {
                        width: 760px;
                        margin: 0 auto;
                        text-align: center;
}

#haut {
                        height: 270px;
}

#haut h1 {
                        display: block;
                        width: 760px;
                        height: 195px;
                        background: transparent url(img/np_haut.gif) center top no-repeat;
}

 /* MENU */

#menu {
                        width: 760px;
			height: 44px;
}

div#menu ul, li {
		        list-style-type: none;
}

div#menu ul {
/*                        position: absolute;	/* positionnement pour IE5 et IE5.5 */
		        width: 760px;
		        text-align: center;
			height: 44px;
		        background: transparent url(img/menu.gif) top left no-repeat;	/* arrière-plan du menu */
}

div#menu li {
		        float: left;
		        text-transform: uppercase;
                        font: normal normal normal 1.2em arial, sans-serif;
}

div#menu li a {	/* dimensions et définitions des boutons */
		        display: block;	/* mise en block de <a> pour lui donner des dimensions */
		        height: 44px;
		        line-height: 44px;	/* hauteur de ligne pour éviter les paddings */
		        color: #000;
}

div#menu li a#menacc {
		        width: 185px;
}

div#menu li a#meneve {
		        width: 245px;
}

div#menu li a#menenc {
		        width: 190px;
}

div#menu li a#mencon {
		        width: 140px;
}

div#menu ul li a:hover {
		        background: transparent url(img/menu.gif) top left no-repeat;
}

div#menu a#menacc:hover {
		        background-position: -760px 0%;	/* décalage de l'arrière-plan pour chaque bouton */
}
div#menu a#meneve:hover {
		        background-position: -945px 0%;
}
div#menu a#menenc:hover {
		        background-position: -1190px 0%;
}
div#menu a#mencon:hover {
		        background-position: -1380px 0%;
}



#cont {
                        margin: 0;
                        padding: 0;
                        border: 0;
}

#texte {
        width: 485px;
        float: right;
        text-align: left;
        padding-bottom: 30px;
}

#texte h2 {
        width: 485px;
        height: 50px;
        text-align: left;
        margin-bottom: 5px;
	font: italic normal normal 1.7em Georgia, serif;
}

#texte h2#h2-unique {
	background: transparent url(img/h2-unique.gif) top left no-repeat;
}

#texte h2#h2-orga {
	background: transparent url(img/h2-orga.gif) top left no-repeat;
}

#texte h2#h2-sono {
	background: transparent url(img/h2-sono.gif) top left no-repeat;
}

#texte h2#h2-eclair {
	background: transparent url(img/h2-eclair.gif) top left no-repeat;
}

#texte h2#h2-traiteur {
	background: transparent url(img/h2-traiteur.gif) top left no-repeat;
}

#texte h2#h2-deco {
	background: transparent url(img/h2-deco.gif) top left no-repeat;
}

#texte h2#h2-fair {
	background: transparent url(img/h2-fair.gif) top left no-repeat;
}

#texte h2#h2-loc {
	background: transparent url(img/h2-loc.gif) top left no-repeat;
}

#texte h2#h2-phot {
	background: transparent url(img/h2-phot.gif) top left no-repeat;
}

#texte h2#h2-anim {
	background: transparent url(img/h2-anim.gif) top left no-repeat;
}

#texte h2#h2-ieuf {
        height: 30px;
	font-size: 1.3em;
}

#texte p {
	font: normal normal normal 1em Georgia, serif;
	line-height: 1.5em;
	letter-spacing: 1px;
	word-spacing: 1px;
	margin-bottom: 30px;
}

#texte p.mar {
	text-align: center;
	line-height: 1em;
	margin-bottom: 25px;
}

#texte em {
        font-size: 1.1em;
}

#photos {
        width: 230px;
        float: left;
        text-align: left;
}

#photos img {
        margin: 7px 0;
        border: 3px solid #e0cda2;
}

#photos img#mariage {
        margin: 11px 0 8px 6px;
        border: 0;
}

#pied {
        clear:both;
        height: 120px;
        background: #4a4a46 url(img/fond_bas.gif) left top repeat-x;
        text-align: center;
}

div#pied {
        font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFEF1;
}



div#texte form {
	font: normal normal normal 1em Georgia, serif;
}

form.contact {
	width: 450px;
	color: #333;
	}

form.contact legend {
	padding: 0 2px;
	font-weight: bold;
	padding-left: 0;
	color: #333;
	}

form.contact label {
	display: inline;
	vertical-align: top;
	width: 180px;
	color: #333;
	float: left;
	}

form.contact fieldset {
	border: none;
	border-top: 1px solid #906623;
	background: url(img/fond_form.gif) left bottom repeat-x;
	margin: 20px 0 20px 0;
	}

form.contact fieldset ol {
	margin: 0;
	padding: 0;
	}

form.contact fieldset li {
	list-style: none;
	padding: 10px;
	margin: 0;
	background: url(img/sepa_form.gif) left bottom repeat-x;
	float: left;
	}

form.contact em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.contact input {
	float: left;
	width: 220px;
}

form.contact p.respect {
        margin: 10px 0 10px 0;
        line-height: 0.7em;
        font: normal normal bold 0.75em verdana, sans-serif;
	letter-spacing: 0px;
	word-spacing: 0px;
	color: #906623;
}

input#sub {
        width: 450px;
}

div#pied a {
            text-decoration: none;
            color: #979D61;
}
div#pied a:hover {
            text-decoration: none;
            color: #000;
}

.oust {
	position: absolute;
	left: -6666em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}