/* Styles Communs ----------------------------------------------------------*/
	body {
		margin: 0px;
		padding: 0px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #660000;
		background-color: #FFCC99;
	}
	
	p{
		text-align: justify;
	}
	
	img {
		border: 0px;
	}

	h2 {
		font-size: 16px;
	}
	
	li {
		list-style-type: square;
	}
	
/* Cadre global ----------------------------------------------------------*/
	#global{
		width: 950px;
		margin: 0px auto;
		background-color:#FFCC99;
	}
	
/* Styles Entète ----------------------------------------------------------*/
	#entete {
		padding: 0px;
		margin: 0px;
		height: 225px;
		background-image: url(../images/bandeau.jpg);
		background-repeat: no-repeat;
	}

	#anim {
		width: 395px;
		height: 120px;
		padding: 62px 0px 0px 65px;
		float: left;
	}

/* Styles Menu ----------------------------------------------------------*/

	#menu {
		width: 250px;
		padding: 62px 186px 0px 0px;
		float: right;
	}

	.mmaries {
		padding: 1px 0px 0px 6px;
	}
	
	.mjourj {
		padding: 1px 0px 0px 11px;
	}
	
	.mgalerie {
		padding: 1px 0px 0px 17px;
	}
	
	.minfos {
		padding: 1px 0px 0px 24px;
	}
	
	.mlivre {
		padding: 1px 0px 0px 30px;
	}


/* Styles corps ----------------------------------------------------------*/
	#corps {
		margin: 0px;
		padding: 5px 0px;
		width: 950px;
		height: auto;
		background-image: url(../images/corps.jpg);
		background-repeat: repeat-y;
		float: left;
	}

	
/* Styles contenu ----------------------------------------------------------*/
	#contenu {
		width: 950px;
	}
	
	#contenug {
		width: 395px;
		padding: 0px 0px 0px 60px;
		float: left;
	}
	
	#contenud {
		width: 391px;
		padding: 3px 65px 0px 0px;
		float: right;
	}

/* Styles menugalerie ----------------------------------------------------------*/
	
	#menugalerie {
		padding: 0em 0.5em;
		width: 140px;
		float: left;
	}
	
	#menugalerie p {
		width: auto;
	}
	
	#miniature {
		border-left: thin dotted #660000;
		float: left;
		width: 180px;
		margin: 0em 0em 0em 0.8em;
		padding: 0em 0.5em;
		clear: right;
	}

/* Styles footer ----------------------------------------------------------*/
	#footer {
		height: 60px;
		color: #660000;
		font-size: 10px;
		background-image: url(../images/pied.jpg);
		background-repeat: no-repeat;
		padding: 1px 65px;
		clear: both;
	}
	
	#footer p{
		text-align: right;
	}

/* Liens ----------------------------------------------------------*/
	a:link, a:visited {
		color: #333366;
		text-decoration: none;
	}
	
	a:hover {
		color: #660000;
		text-decoration: overline;
	}

	#footer a:link, #footer a:visited {
		color: #333366;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #660000;
		text-decoration: none;
	}

/* Classes ----------------------------------------------------------*/
	
	.bienvenue {
		width: 395px;
		height: 65px;
		background-image: url(../images/bienvenuehaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.manon {
		width: 395px;
		height: 65px;
		background-image: url(../images/manonhaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.lesmaries {
		width: 395px;
		height: 65px;
		background-image: url(../images/marieshaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.coordonnees {
		width: 395px;
		height: 65px;
		background-image: url(../images/noscoordonneeshaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.fleuriste {
		width: 395px;
		height: 65px;
		background-image: url(../images/fleuristehaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.photographe {
		width: 395px;
		height: 65px;
		background-image: url(../images/photographehaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.vin {
		width: 395px;
		height: 65px;
		background-image: url(../images/vinhaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.resto {
		width: 395px;
		height: 65px;
		background-image: url(../images/hotelrestohaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.beaute {
		width: 395px;
		height: 65px;
		background-image: url(../images/beautehaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.livreor {
		width: 395px;
		height: 65px;
		background-image: url(../images/livredorhaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.galerie {
		width: 395px;
		height: 65px;
		background-image: url(../images/galeriehaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.jourj {
		width: 395px;
		height: 65px;
		background-image: url(../images/jourjhaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.identification {
		width: 395px;
		height: 65px;
		background-image: url(../images/loginhaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.utilisationgalhaut {
		width: 395px;
		height: 65px;
		background-image: url(../images/utilisationgalhaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.milieu {
		width: 395px;
		height: auto;
		padding: 5px 0px 5px 25px;
		background-image: url(../images/sectionmilieu.jpg);
		background-repeat: repeat-y;
		float: left;
	}
	
	.milieu p {
		width: 350px;	
	}
	
	.bas {
		width: 395px;
		height: 10px;
		padding: 0px;
		background-image: url(../images/sectionbas.jpg);
		background-repeat: no-repeat;
		float: left;
	}

	.postithaut {
		width: 391px;
		height: 54px;
		background-image: url(../images/postithaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.postithaut p {
		width: 335px;
		padding: 0em 0em 0em 2.8em;
		margin-top: 21px;
	}
	
	.postitmilieu {
		width: 391px;
		height: auto;
		padding: 0px 0px 0px 35px;
		background-image: url(../images/postitmilieu.jpg);
		background-repeat: repeat-y;
		float: left;
	}
	
	.postitmilieu p {
		width: 335px;	
	}
	
	.postitbas {
		width: 391px;
		height: 67px;
		padding: 0px 5px;
		font-size: 11px;
		background-image: url(../images/postitbas.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.postitbas p {
		width: 335px;
		padding: 0em 0em 0em 2.8em;
		margin-top: 28px;
	}
		
	.infos {
		width: 391px;
		height: 65px;
		background-image: url(../images/infoshaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.audreyid {
		width: 391px;
		height: 65px;
		background-image: url(../images/audreyidhaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.davidid {
		width: 391px;
		height: 65px;
		background-image: url(../images/davididhaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.histoire {
		width: 391px;
		height: 65px;
		background-image: url(../images/notrehistoirehaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.vupar {
		width: 391px;
		height: 65px;
		background-image: url(../images/vuparlautrehaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.proches {
		width: 391px;
		height: 65px;
		background-image: url(../images/nosprocheshaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.temoins {
		width: 391px;
		height: 65px;
		background-image: url(../images/nostemoinshaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.touffu {
		width: 391px;
		height: 65px;
		background-image: url(../images/notrefauvehaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.touffu2 img{
		float: left;
		margin: 0px 0.6em 0.6em 0px;
	}
	
	.touffu3 img{
		margin: 0.6em 0.5em 0.6em 0px;
	}
	
	.loisirs {
		width: 391px;
		height: 65px;
		background-image: url(../images/nosloisirshaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.details {
		width: 391px;
		height: 65px;
		background-image: url(../images/detailshaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.admin {
		width: 391px;
		height: 65px;
		background-image: url(../images/adminhaut.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.infosmilieu {
		width: 391px;
		height: auto;
		padding: 5px 0px 0px 25px;
		background-image: url(../images/infosmilieu.jpg);
		background-repeat: repeat-y;
		float: left;
	}
	
	.infosmilieu p {
		width: 350px;	
	}

	.infosbas {
		width: 391px;
		height: 10px;
		padding: 0px;
		background-image: url(../images/infosbas.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
	.imgmini {
		width: 58px;
		height: 58px;
		margin: 1px;
		cursor: pointer;
		background-image:url(../images/cadrephotomini.gif);
		float: left;
	}
	
	.imgmax {
		width: auto;
		height: auto;
		padding: 2.2em 0em;
	}

	.imgmax img{
		float: right;
		border-top: 2px solid #660000; 
		border-bottom: 2px solid #660000;
	}
	
	.imgmax textarea{
		float: right;
		margin: 1em 0em;
	}
	
	.imgmini img{
		padding: 12px;
	}
	
	.navgalerie {
		clear: both;
		font-size: 11px;
	}
	
	.gras {
		font-weight: bold;
	}
	
	.centrer {
		text-align: center;
	}
	
	.italique {
		font-style: italic;
	}
	
	.gauche {
		text-align: left;
	}
	
	.droite {
		text-align: right;
	}
	
	.souligne {
		text-decoration: underline;
	}
	
	.decal {
		text-indent: 25px;
	}
	
	.floatgauche {
		float: left;
	}
	
	.cleardroite {
		clear: right;
	}
	
	.motspace {
		word-spacing: 5px;
	}
	
	.lettrespace {
		letter-spacing: 2px;
	}
	
	.cbleu {
		color: #333366;
	}
	
	.famille {
		height: 138px;
		width: 350px;
	}
	
	.famille img {
		float: right;
	}
	
	.curseurmain {
		cursor: pointer;
	}
	
	.cache a:link, .cache a:visited {
		color: #FFCC99;
		font-size:9px;
	}
	
	.cache a:hover {
		color: #660000;
	}
	
	.lienadmin a:link, .lienadmin a:visited {
		color: #660000;
		text-decoration: none;
	}
	
	.lienadmin a:hover {
		color: #333366;
		text-decoration: none;
	}
	
	.manonimg img{
		float: left;
		margin-right: 0.5em;
	}