body {
		background-color:#ebe9ec;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:22px;
		color:#867e7b;}
	
	a {color: #867e7b; text-decoration:none; }
	a:visited {color:#867e7b; text-decoration:none;}
	a:focus, {color:#867e7b; text-decoration:none;}
	a:hover, {color:#867e7b; text-decoration:none;}
	a:active {color:#867e7b; text-decoration:none;}
	
	img{border: none;}
	
	.liens a: {text-decoration: none;}
	
	
	
	/* ------------------------------------------------WHITECREATION---------------------------------------------------- */ 
	
	#page{
		position:absolute;
		left: 50%;  
		top: 50%; 
		width: 848px; 
		height: 705px; 
		margin-top: -370px; /* moitié de la hauteur */ 
		margin-left: -424px; /* moitié de la largeur */}
		
	#introduction{
		position:absolute;
		width:848px;
		height:500px;
		margin-top:196px; /* marge à partir du haut */
		text-align:center;}
	
	#header{
		position:absolute;
		width:848px;
		height:146px;
		background-image: url(../images/imageheader.jpg);}
	
	#menu{
		z-index:1000;
		position:absolute;
		width:848px;
		height:23px;
		padding-top:2px;
		margin-top:148px; /* marge à partir du haut */
		text-align:left; /* alignement des boutons */
		word-spacing: 15px;
		background-color: #ebe9ec;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#867e7b;}
		
	
	
	#main{
		position:absolute;
		width:848px;
		height:504px;
		margin-top:176px; /* marge à partir du haut */
		background-image:url(../images/imagemain.jpg); /*image de fond du main */
		border:#000000;}
		
		#main-entreprises{
		position:absolute;
		width:848px;
		height:504px;
		margin-top:176px; /* marge à partir du haut */
		background-image:url(../images/imageentreprise.jpg); /*image de fond du main */
		border:#000000;}
		
		#main-entreprises1{
		position:absolute;
		width:848px;
		height:504px;
		margin-top:176px; /* marge à partir du haut */
		background-image:url(../images/imageentreprise1.jpg); /*image de fond du main */
		border:#000000;}
		
		#main-entreprises2{
		position:absolute;
		width:848px;
		height:504px;
		margin-top:176px; /* marge à partir du haut */
		background-image:url(../images/imageentreprise2.jpg); /*image de fond du main */
		border:#000000;}
		
		#main-entreprises3{
		position:absolute;
		width:848px;
		height:504px;
		margin-top:176px; /* marge à partir du haut */
		background-image:url(../images/imageentreprise3.jpg); /*image de fond du main */
		border:#000000;}
		
		#main-entreprises4{
		position:absolute;
		width:848px;
		height:504px;
		margin-top:176px; /* marge à partir du haut */
		background-image:url(../images/imageentreprise4.jpg); /*image de fond du main */
		border:#000000;}
		
		#main-design{
		position:absolute;
		width:848px;
		height:504px;
		margin-top:176px; /* marge à partir du haut */
		background-image:url(../images/imagedesign.jpg); /*image de fond du main */
		border:#000000;}
	
	#main-2{
		position:absolute;
		width:848px;
		height:504px;
		margin-top:176px; /* marge à partir du haut */
		color:#333333;}
	
	#texte-accueil{
		position:absolute;
		width:520px;
		height:200px;
		margin-top:170px; /* marge à partir du haut */
		margin-left: 300px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;}
	
	#texte-entreprise{
		position:absolute;
		width:520px;
		height:200px;
		margin-top:200px; /* marge à partir du haut */
		margin-left: 700px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;}
	
	#main-contact{
		position:absolute;
		width:848px;
		height:504px;
		margin-top:176px; /* marge à partir du haut */
		background-image:url(../images/imagemain3.jpg); /*image de fond du main */
		border:#000000;}
	
	#footer{
		position:absolute;
		width:848px;
		height:auto;
		background-color:#ebe9ec;
		color:#867e7b;
		margin-top:684px; /* marge à partir du haut */
		padding-top:4px; /* marge ate intérieure */
		line-height:14px;
		}
	
	#contact{
		position:absolute;
		height:auto;
		width:700px;
		margin-top:20px; /* marge à partir du haut */
		margin-left:80px;}
	
	
/* typo la plus grande */	
h1 {
	font-size: 18px;
	color: #867e7b;
	display:inline;
}

/* typo moyenne */
h2 {
	font-size: 13px;
	display:inline;
}

/* typo petite */
h3 {
		font-size:13px;
		color:#867e7b;
		display:inline;
		font-weight:normal;}
		
		.tag1{
		font-size:15px;
		color:#D3D3D3;
		display:inline;
		font-weight:normal;}
		
		.tag2{
		font-size:13px;
		color:#D3D3D3;
		display:inline;
		font-weight:normal;}
		
		
		.tag3{
		font-size:10px;
		color:#D3D3D3;
		display:inline;
		font-weight:normal;}

		a:hover .tag1 {
		font-size:15px;
		color:#999999;
		display:inline;
		font-weight:normal;}


		a:hover .tag2 {
		font-size:13px;
		color:#999999;
		display:inline;
		font-weight:normal;}
		
		a:hover .tag3 {		
		font-size:10px;
		color:#999999;
		display:inline;
		font-weight:normal;}


	/* ------------------------------------------------CHABIDOU---------------------------------------------------- */ 
	
	
	#pagechabidou{
		position:absolute;
		left: 50%;  
		top: 50%; 
		width: 848px; 
		height:504px;
		height: 705px; 
		margin-top: -370px; /* moitié de la hauteur */ 
		margin-left: -424px; /* moitié de la largeur */}
	
	#header-chabidou{
		position:absolute;
		width:848px;
		height:146px;
		background-image: url(../images/imageheaderchabidou2.jpg);}
	
	
	#chabidou{
		position:absolute;
		margin-top:10px; /* marge à partir du haut */
		padding-left:50px; /* marge gauche intérieure */}
	
	#main-chabidou{
		position:absolute;
		width:848px;
		height:504px;
		margin-top:176px; /* marge à partir du haut */
		background-image:url(../images/alex/accueilchabidou.jpg); /*image de fond du main */}
	
	#main-chabidouaccueil{
		position:absolute;
		width:848px;
		height:365px;
		margin-top:176px; /* marge à partir du haut */
		background-image:url(../images/alex/accueilchabidou.jpg); /*image de fond du main */}
	
	#main-chabidoucadeaux{
		position:absolute;
		width:848px;
		height:365px;
		margin-top:166px; /* marge à partir du haut */
		background-image:url(../images/alex/pagecadeau.jpg); /*image de fond du main */}
	
	#main-chabidouperso{
		position:absolute;
		width:848px;
		height:504px;
		margin-top:176px; /* marge à partir du haut */
		background-color:#f0ed9c;
		background-image:url(../images/alex/pageperso.jpg)  /*couleur de fond du main */}
	
	#main-chabidoucontact{
		position:absolute;
		width:848px;
		height:504px;
		margin-top:176px; /* marge à partir du haut */
		background-color:#f0ed9c;}
	
	
	#texte-chabidou{
		position:absolute;
		width:380px;
		height:230px;
		margin-top:100px;
		margin-left: 440px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;}
	
	#main-chabidoufairepart{
		position:absolute;
		width:848px;
		height:365px;
		margin-top:166px; /* marge à partir du haut */
		background-image:url(../images/alex/faire-part.jpg); /*image de fond du main */}
	
	#cadeau-chabidoux{
	position:absolute;
		width:848px;
		height:139px;
		margin-top:541px; /* marge à partir du haut */
	background-color:#bbb7b6; }
	
	#texte1{
		position:absolute;
		margin-top:120px; /* marge à partir du haut */
		padding-left:400px; /* marge gauche intérieure */
		font-family:Arial, Helvetica, sans-serif;
		font-size:32px;
		color:#867e7b;}




/* --------------------------------------Slide galerie---------------------------------------------- */

				
    .graphic,  #intro span, #subscribe, button, #preview h1, #preview span{
		margin:0;
		padding:0;
		display:block;
		overflow:visible;
		text-indent:-8000px;}
	 
				
	#intro{
		position:relative;
		margin-left:-26px;/* marge de droite */
		margin-top:0px;}	/* marge du haut */
				
	#intro ul, #intro li{ 
		margin:26px;  /* départ de l'intro */
		margin-top:0px;  /* marge de l'intro */
		padding:0px;
		list-style:none;
		background:#e0e0e0;}
			
	#intro div{  
	height:504px;    /* hauteur intro */
	width:900px;   /* largeur totale intro+ boutons */
	
	overflow:hidden;  /* glissé à gauche caché */
	position:absolute;
		}	
	#intro ul{ 
		height:504px;		
		}	
	#intro li{ 
		float:left;
		display:inline;
		height:504px;
		width:848px;
		}	
	#intro span{   /* le bouton */
	display:block;
	width:26px;   /* largeur du bouton */
	height:504px;   /* hauteur du bouton */
	position:absolute;
	left:0px;  /* marge de gauche */
	top:0px;   /* marge du haut */
	visibility: visible; /* ???? */ }	
	
	#intro span.next{ 
		left:874px;  /* position du boutonright */
		outline-width: 0px;}
																
	#intro span a{  
		display:block;
		width:26px;  /* largeur du bouton */
		height:504px;  /* hauteur du bouton */
		background:url(../images/boutonleft.jpg) no-repeat 0 0;	/* lien vers l image bouton */
		outline-width: 0px;}
			
	#intro span.next a{ 
		background:url(../images/boutonright.jpg) no-repeat 0 0;	 /* lien vers l image bouton */
		outline-width: 0px;
		}