body {
	background-color: white;
	background-image: url(/image/fond.gif);
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#000000;
	padding:0px;
	margin:0px;
}

p {text-align: justify} 


/********************************** mise en page *************************************************/

/* ----------------------------- conteneur ----------------------------------- */

/* sert a positionner le site */
#conteneur {
	position:absolute;
	width: 1000px;
	padding:0px;
	
	/* site centré */
	left: 50%;
	margin-left:-500px;
	
	/* site à gauche (commenter les proprietes left et margin-left au dessus*/
	/*left: 0px;*/
	
} 

/* ----------------------------- entete --------------------------------- */
#entete {
	top:0px;
	left:0px;
	height:263px;
	width:1000px;
	background-color: white;
	
	/* image de fond de la banniere à générer en code*/
	background-image: url(haut.jpg);
	background-repeat: no-repeat;
}

/* ----------------------------- logo ---------------------------------- */
#logo{
	position:absolute;
	left:10px;
	top:5px;
	padding:5px;
	width:192px;
	height:51px;
	/* on cache l'image du logo si elle est trop grande */
	overflow:hidden;
}

/* ----------------------------- Slide show haut ---------------------------------- */

#photo_haut {
	position:absolute;
	left:0px;
	top:0px;
	padding:0px;
	width:1000px;
	height:263px;
	/*background-image: url(photo_mariee_haut.jpg);*/
	background-repeat: no-repeat;
	overflow:hidden;	
}

/* ----------------------------- partenaire1 ---------------------------------- */
#partenaire1{
	position:absolute;
	padding:0px;
	overflow:hidden;
	left:180px;
	top:238px;
	width:80px;
	height:30px;
}

/* ----------------------------- partenaire2 ---------------------------------- */
#partenaire2{
	position:absolute;
	padding:0px;
	overflow:hidden;
	left:300px;
	top:237px;
	width:77px;
	height:39px;
}

/* ----------------------------- partenaire3 ---------------------------------- */
#partenaire3{
	position:absolute;
	padding:0px;
	overflow:hidden;
	left:400px;
	top:230px;
	width:59px;
	height:24px;
}

/* ----------------------------- partenaire4 ---------------------------------- */
#partenaire4{
	position:absolute;
	padding:0px;
	overflow:hidden;
	left:463px;
	top:223px;
	width:63px;
	height:21px;
}
/* ----------------------------- partenaire5 ---------------------------------- */
#partenaire5{
	position:absolute;
	padding:0px;
	overflow:hidden;
	left:575px;
	top:209px;
	width:51px;
	height:36px;
}


/* ----------------------------- partenaire6 ---------------------------------- */
#partenaire6{
	position:absolute;
	padding:0px;
	overflow:hidden;
	left:670px;
	top:210px;
	width:57px;
	height:24px;
}
/* ----------------------------- partenaire7 ---------------------------------- */
#partenaire7{
	position:absolute;
	padding:0px;
	overflow:hidden;
	left:775px;
	top:207px;
	width:120px;
	height:25px;
}


/* ----------------------------- partenaire8 ---------------------------------- */
#partenaire8{
	position:absolute;
	padding:0px;
	overflow:hidden;
	left:930px;
	top:206px;
	width:37px;
	height:37px;
}

/* ----------------------------- texte défilant ---------------------------------- */
#textedefilant{
	position:absolute;
	padding:0px;
	overflow:hidden;
	left:10px;
	top:165px;
	width:388px;
	height:55px;
}


/* ----------------------------- moteur de recherche ---------------------------------- */
#moteur{
	position:absolute;
	padding:0px;
	overflow:hidden;
	left:840px;
	top:5px;
	width:150px;
	height:55px;
}

/* ----------------------------- accueil ---------------------------------- */
#accueil{
	position:absolute;
	padding:0px;
	overflow:hidden;
	left:485px;
	top:145px;
	width:150px;
	height:37px;
}

/* ----------------------------- visualiser (dans admin) ---------------------------------- */
#visualiser{
	position:absolute;
	padding:0px;
	overflow:hidden;
	left:475px;
	top:145px;
	width:150px;
	height:37px;
}

/* ----------------------------- contact ---------------------------------- */
#contact{
	position:absolute;
	padding:0px;
	overflow:hidden;
	left:650px;
	top:155px;
	width:60px;
	height:37px;
}


/* ----------------------------- son page---------------------------------- */
#sonpage{
	position:absolute;
	padding:0px;
	overflow:hidden;
	left:1px;
	top:50px;
	width:150px;
	height:20px;
}


/* ----------------------------- bouton imprimer ---------------------------------- */
#boutonimprimer{
	position:absolute;
	padding:0px;
	overflow:hidden;
	left:690px;
	top:0px;
	width:200px;
	height:50px;
}

/* ----------------------------- aide (dans admin) ---------------------------------- */
#aide{
	position:absolute;
	padding:0px;
	overflow:hidden;
	left:660px;
	top:155px;
	width:60px;
	height:37px;
}

/* ----------------------------- popup ---------------------------------- */
#popup{
	position:relative;
	padding:0px;
	overflow:hidden;
	left:100px;
	top:50px;
	width:60px;
	height:37px;
}

/* ------------------------------ slogan ------------------------------- */
#slogan{
	position:absolute;
	color:red;
	top:0px;
	left:340px;
	padding:4px;
	width:600px;
	height:110px;
	text-align:left;
	/* on cache le slogan si il est trop grand */
	overflow:hidden;
}

/* ----------Millieu qui contient la barre menu gauche et le contenu ----------------- */
#millieu{ 
	float:left;
	width:847px;
	/* une grosse bordure à gauche qui fait la même taille que le menu */
	/* si tu veux changer la couleur de fond du menu de gauche faut aussi changer la couleur de fond ici*/
	border-left: solid 153px black;
	background-color: white;
	z-index:1;
} 

/* -------------------- barre menu gauche -------------------------- */
#left {
	position:relative; 
	width:153px; 
	height:450px;
	float:left; 
	margin-left:-153px; 
	margin-right:1px;
	padding:0px;
	background-color: white;
	background-image: url(gauche.jpg);
	background-repeat: repeat-y;
	/*** ca c'est necessaire pour que le menu css javascript se trouve bien au dessus du contenu quand il se deplit */
	z-index:2;
}

/* ----------------------------- gauchebas ---------------------------------- */
#gauchebas{
	position:absolute;
	bottom:0px;
	left:0px;
	padding:0px;
	width:153px;
	height:86px;
	background-image: url(gauchebas.jpg);
	/*background-color: black;*/
	/* on cache l'image du logo si elle est trop grande */
	overflow:hidden;
}

/* ---------- hack mozilla + IE 7 barre menu gauche ----------------- */
html> body #left{
	height: auto;
	min-height:450px;
	}
/* -------------------- contenu ------------------------------------ */
#contenu{ 
	position: relative;
	margin: 0px; 
	background-color: white;
	padding:2px;
}

/*  ------------------------ pied ----------------------------------- */ 
#pied {
	position:relative;
	clear:both;
	left:0px;
	height:110px;
	width:1000px;
	/* pour mettre une image dans le pied de page , image tronquee si elle est trop grande */
	background-image: url(bas.gif);
	background-repeat: no-repeat;
} 

/* ----------------------------- ml ---------------------------------- */
#ml{
	position:absolute;
	left:53px;
	top:37px;
	width:150px;
	height:37px;
}

/*  ----------------------- ML ------------------------------------ */ 

/* la ml du haut est positionnee en dur tu peux changer sa position avec top et left*/
#mlHaut{
	position:absolute;
	top:5px;
	left:960px;
	width:30px;
	color:#ffffff;
	margin:0px;
	text-align:right;
}


/**** liens et les titres etaient deja presents .. a toi de voir si tu veux les garder ********/

/************************************ liens *****************************************************/
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {color: #ff0000;  text-decoration:overline underline;}
a:active { color:#000000;}

/************************************ titres *****************************************************/

.titre { font-family:verdana; font-size: 13px; font-weight: bold; 
color: #dddddd; } 

.texte { font-family:verdana; font-size: 12px; font-weight: normal;
color: #000000; } 

.textegris { font-family:verdana; font-size: 10px; font-weight: normal;
color: #999999; } 

.texteblanc { font-family:verdana; font-size: 12px; font-weight: normal;
color: #ffffff; } 

.ml { font-family:verdana; font-size: 10px; font-weight: normal; 
color: #ffffff; } 

.menu { font-family:verdana; font-size: 13px; font-weight: bold; 
color: #000000; } 

.vendu { font-family:verdana; font-size: 14px; font-weight: bold; 
color: #ff0000; } 

.prestation { background-color: #ffffff; font-family: verdana; font-size: 10px; 
border-color: #ff0000 #ff0000 #ff0000 #ff0000; border: 1px solid; text-align: 
left; width: 540px; ; font-weight: normal; color: #000000} 

.prestationpetit { background-color: #ffffff; font-family: verdana; font-size: 10px; 
border-color: #ff0000 #ff0000 #ff0000 #ff0000; border: 1px solid; text-align: 
left; width: 400px; ; font-weight: normal; color: #000000} 

.prestationpage { background-color: #ffffff; font-family: verdana; font-size: 10px; 
border-color: #ff0000 #ff0000 #ff0000 #ff0000; border: 1px solid; text-align: 
left; width: 800px; ; font-weight: normal; color: #000000} 

.champ { background-color: #ffffff; font-family: verdana; font-size: 10px; 
border-color: #ff0000 #ff0000 #ff0000 #ff0000; border: 1px solid; text-align: 
left; width: 200px; ; font-weight: normal; color: #000000} 

.champmoteur { background-color: #ffffff; font-family: verdana; font-size: 10px; 
border-color: #ff0000 #ff0000 #ff0000 #ff0000; border: 1px solid; text-align: 
left; width: 110px; ; font-weight: normal; color: #000000} 

.grandchamp { background-color: #ffffff; font-family: verdana; font-size: 10px; 
border-color: #ff0000 #ff0000 #ff0000 #ff0000; border: 1px solid; text-align: 
left; width: 410px; ; font-weight: normal; color: #000000} 

.bouton { background-color: #ffffff; font-family: 
verdana; font-size: 12px; border-color: #ff0000 #ff0000 #ff0000 #ff0000; border: 
1px solid; text-align: center; width: 100px; ; font-weight: normal; color: #000000; cursor:hand;} 

.boutongrand { background-color: #ffffff; font-family: 
verdana; font-size: 12px; border-color: #ff0000 #ff0000 #ff0000 #ff0000; border: 
1px solid; text-align: center; width: 130px; ; font-weight: normal; color: #000000; cursor:hand;} 

.boutontresgrand { background-color: #ffffff; font-family: 
verdana; font-size: 12px; border-color: #ff0000 #ff0000 #ff0000 #ff0000; border: 
1px solid; text-align: center; width: 550px; ; font-weight: normal; color: #000000; cursor:hand;} 

.boutonmoteur { background-color: #ffffff; font-family: 
verdana; font-size: 9px; border-color: #ff0000 #ff0000 #ff0000 #ff0000; border: 
1px solid; text-align: center; width: 23px; ; font-weight: normal; color: #000000; cursor:hand;} 


#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 679px;	/* IE 5.x */
		width: 673px;	/* Other browsers */
		width: 673px;
		
		/* CSS HACK */
		height: 435px;	/* IE 5.x */
		height: 429px;	/* Other browsers */
		height: 429px;
		
		/*background-color:#000;*/
		/*border:0px solid #317082;*/
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:673px;
		height:429px;
		/*background-color:#000;*/
		
		/* Never change these 3 value */
		left:80px;
		top:0px;
		position:absolute;	
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;
	}