@charset "windows-1252";

html
{	overflow: scroll;
}

body
{	margin: 0px;
	padding: 0px;
	background-color: #000;
	text-align: center; /* pour corriger le bug de centrage IE */
	font-family: Arial;
	font-size: 12px;
	color: #999; 
} 

a {font-size: 12px; color:#FFF; text-decoration: none}

a:hover {font-size: 12px; color: #903}

img 
{	border-color: white;
}

.input
{	width: 300px;
	font-family: Arial;
	font-size: 12px;
}

.bouton
{	background-color: #000;
	border: 1px solid white;
	font-size: 12px;
	font-weight: bold;
	color: white;	  
	width: 200px;
}

#page
{	clear: both;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
 
#page_content
{	clear: both;
	float: left;
	width: 940px;
	min-height: 400px;
	_height: 600px;
	margin-top: 30px;
	border-bottom: 1px solid #990033;
	padding-bottom: 20px;
	
}

/* Bandeau */
#header
{	float: left;
	width: 940px;
	color: white;
	height: 171px;
}

#logo
{	float: left;

}

#bandeau
{	float: left;
	margin-left: 50px;
}

#menu
{	width: 750px;
	border-bottom: 2px solid #990033;
	padding-bottom: 7px;
	font-family: Arial;
	font-size: 14px;
	color: #999;
}
				
.menu a, .menu_selected a, .menu a:hover, .menu_selected a:hover
{	font-family: Arial;
	font-size: 14px;   
	line-height: 14px;
	margin: 0px 14px;
}

.menu a
{	color: #999;
}

.menu a:hover
{	color: #903;
}

.menu_selected a
{	color: #FFF;
}

.menu_selected a:hover
{	color: #903;
}




/* Contenu de la page */
#content
{	float: left; 
	width: 750px;
	_width: 750px;
	min-height: 600px;
	_height: 600px;
}

/* Accueil */
#mariage
{	float: left;
	width: 375px;
}

#mariage_title
{	padding-left: 10px;
}

#mariage_photo
{	padding: 10px;
	border: 1px solid #818181;
	border-right: 0px;
	margin-top: 3px;
}

#mode
{	float: left;
	width: 375px;
}

#mode_title
{	padding-left: 10px;
}

#mode_photo
{	padding: 10px;
	border: 1px solid #818181;
	border-left: 0px;
	margin-top: 3px;
}

#qui_suis_je, #livre_mariage, #references, #acces_clients
{	float: left;
	width: 130px;
	_width: 150px;
	min-height: 235px;
	_height: 235px;
	background-repeat: no-repeat;
	margin-top: 30px; 
	padding: 7px 10px;

}

#qui_suis_je
{	margin-right: 50px;
	background-image: url(../pictures/home/qui_suis_je.jpg);
	line-height: 14px;
	padding-top: 40px;
} 

#livre_mariage
{	margin-right: 50px;
	background-image: url(../pictures/home/livre_de_mariage.jpg);
	line-height: 14px;
	padding-top: 60px;
}

#references
{	margin-right: 50px;
	background-image: url(../pictures/home/references.jpg);
	line-height: 14px;
	padding-top: 40px;
}

#acces_clients
{	background-image: url(../pictures/home/acces_clients.jpg);
	line-height: 14px;
	padding-top: 60px;
}

#livre_mariage_content
{	padding: 10px;
	text-align: left;
}

/* Qui suis-je? */
#qui_suis_je_title
{	margin-left: 10px;
}

#qui_suis_je_content
{	width: 730px;
	_width: 750px;
	min-height: 600px;
	_height: 600px;
	margin-top: 3px;
	padding: 10px;
	border: 1px solid #818181;
} 

#qui_suis_je_photo
{	float: left;
}

#qui_suis_je_text
{	float: left;
	width: 345px;
	_width: 345px;
	padding: 0px 10px;
	color: #666666;
	line-height: 20px;	
}
   
#qui_suis_je_contact
{	clear: both;	 
	float: left;
	width: 100%;
	margin-top: 50px;
	color: white;
	font-weight: bold;
}
	 
/* Mariage */
#mariage_title
{	margin-left: 10px;
}

#mariage_content
{	width: 730px;
	_width: 750px;
	min-height: 600px;
	_height: 600px;
	margin-top: 3px;
	padding: 10px;
	border: 1px solid #818181;
} 

#mariage_diaporama
{	float: left;
	width: 300px;
	_width: 300px;
	color: white;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
}

#mariage_text1
{  	float: left;
	width: 410px;
	_width: 410px;
	margin-left: 10px;
	padding-top: 40px;
	padding-bottom: 40px;	
	font-family: Arial;
	color: #999999;
	line-height: 20px;
}

#mariage_text2
{  	clear: both;
	font-family: Arial;
	color: #999999;
	line-height: 20px;
	padding-bottom: 40px;	
}

.mariage1
{  	font-family: Arial;
	font-size: 12px;
	color: #999999;
	line-height: 18px;	
}

.mariage2
{  	font-family: Arial;
	font-size: 12px;
	color: white;
	font-weight: bold;
	line-height: 18px;	
}

.mariage3
{  	font-family: Arial;
	font-size: 12px;
	color: white;
	font-weight: bold; 
	text-decoration: underline;
	line-height: 18px;	
}

/* Mode */
#mode_title
{	margin-left: 10px;
}

#mode_content
{	width: 730px;
	_width: 750px;
	min-height: 600px;
	_height: 600px;
	margin-top: 3px;
	padding: 10px;
	border: 1px solid #818181;
} 

#mode_diaporama
{	float: left;
	width: 730px;
	_width: 728px;
	color: white;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
}

#mode_text
{  	font-family: Arial;
	color: #999999;
	line-height: 20px;
	padding-bottom: 40px;	
}

.mode1
{  	font-family: Arial;
	font-size: 12px;
	color: #999999;
	line-height: 18px;	
}

.mode2
{  	font-family: Arial;
	color: white;
	font-weight: bold;
	line-height: 18px;	
}

/* Références */
#references_title
{	margin-left: 10px;
}

#references_content
{	width: 730px;
	_width: 750px;
	min-height: 600px;
	_height: 600px;
	margin-top: 3px;
	padding: 10px;
	border: 1px solid #818181;
} 

#references_text
{  	font-family: Arial;
	color: #999999;
	line-height: 20px;
	padding-bottom: 40px;	
}

.references1
{  	font-family: Arial;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	line-height: 40px;	
}

.references2
{  	font-family: Arial;
	color: white;
	font-weight: bold;
	line-height: 18px;	
}

/* Me contacter */
#contact_title
{	margin-left: 10px;
}

#contact_content
{	width: 730px;
	_width: 750px;
	min-height: 600px;
	_height: 600px;
	margin-top: 3px;
	padding: 10px;
	border: 1px solid #818181;
} 

#contact_text
{  	font-family: Arial;
	color: #999999;
	line-height: 20px;
	padding-bottom: 40px;	
}

.contact1
{  	font-family: Arial;
	font-size: 12px;
	color: #999999;
}

.contact1 a
{	color: #999999;
	text-decoration: underline;
}

.contact2
{  	font-family: Arial;
	color: white;
	font-weight: bold;
	line-height: 18px;	
}
	
/* Accès clients */
#acces_title
{	margin-left: 10px;
}

#acces_content
{	width: 730px;
	_width: 750px;
	min-height: 600px;
	_height: 600px;
	margin-top: 3px;
	padding: 10px;
	border: 1px solid #818181;
} 

#acces_text
{  	font-family: Arial;
	color: #999999;
	line-height: 20px;
	padding-top: 30px; 
	text-align: center;
}
		   
#acces_formulaire
{	width: 400px;
	margin: auto;
}

.acces1
{  	font-family: Arial;
	font-size: 12px;
	color: #999999;
}

.acces1 a
{	color: #999999;
	text-decoration: underline;
}


/* Reportage */
#panier
{	float: left;	 
}
	
#panier_titre
{	float: left;
}

#panier_content
{	clear: both;
	width: 170px;
	min-height: 830px;
	_height: 860px;
	margin-right: 20px;			   
	border: 1px solid #333333;
	color: #666666;
	padding: 5px;
	padding-top: 10px;
	text-align: center; 

}
	 
#panier_items
{	clear: both;
	width: 140px;
	_width: 150px;
	min-height: 652px;
	_height: 677px;
	color: #666666;
	padding: 5px;
	padding-top: 10px;
	text-align: center; 			 

	overflow-y: scroll;
	_overflow-y: auto;
	overflow: auto;	   
	_overflow: hidden;	

	scrollbar-3dlight-color: #000000; 
	scrollbar-arrow-color: #999999; 
	scrollbar-base-color: #000000; 
	scrollbar-darkShadow-color: #000000; 
	scrollbar-face-color: #000000; 
	scrollbar-highlight-color: #000000; 
	scrollbar-shadow-color: #000000; 
	scrollbar-track-color: #999999;	
}

.panier_item
{	margin-bottom: 15px;
	color: #999999;
}

.panier_vignette
{	color: white;
}

.panier_texte
{	margin-bottom: 5px;
	padding-left: 10px;
	text-align: left;
}

.panier1
{	color: #3399FF;
} 

.panier2
{	color: #666666;
}

.panier3
{	color: red;
	font-weight: bold;
}

.bouton2
{	border: 1px solid #666666;
	background-color: black;
	color: red;				
	font-weight: bold;
}

#reportage
{	float: left;
	width: 730px;
	_width: 750px; 		   
}

#reportage_titre
{	clear: both;
	margin-left: 3px;
}

#reportage_indication
{	clear: both;
	background-color: white;
	color: black;
	font-weight: bold;
	padding-left: 5px;
}

#reportage_intitule
{	clear: both;
	margin-top: 10px;
	margin-bottom: 15px;
	font-family: Arial;
	font-size: 25px;
	font-weight: bold;
	color: white;
}	

#reportage_content
{	float: left;
	width: 710px;
	_width: 750px;
	border: 1px solid #333333;
	padding: 7px;
}
  				
.reportage_navigation
{	clear: both;
	margin-bottom: 15px;
}

.reportage_navigation, .reportage_navigation a
{	font-family: Arial;
	font-size: 13px;
	color: #666666;
	text-align: center;
}

.reportage_page_selected
{	font-family: Arial;
	font-size: 20px;
	color: #990033;
}

#photo_titre
{	font-family: Arial;
	font-size: 25px;
	font-weight: bold;
	color: white;
}	

.photo
{	font-family: Arial;
	font-size: 12px;
	color: #666666;
}

.photo_bold
{	font-family: Arial;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}

#photo_format1
{	float: left;
	width: 50px;
	height: 35px;
	font-size: 12px;
	border: 1px solid #999;
	color: #666666;	
	text-align: center;
}				   

#photo_format2
{	float: left;
	width: 60px;
	height: 40px;
	font-size: 12px;
	border: 1px solid #999;
	color: #666666;
	text-align: center;
}				   

#photo_format3
{	float: left;
	width: 70px;
	height: 50px;
	font-size: 12px;
	border: 1px solid #999;
	color: #666666;
	text-align: center;
}				   

.photo_prix
{	color: red;
	font-weight: normal;
}


/* Commande en ligne */
#commande_title
{	float: left;
	margin: 10px;
}

#commande_content
{	clear: both;
	float: left;
	margin: 5px;
	padding: 10px;
	text-align: left;
	border: 1px solid #999;

}
	
.commande
{  	font-family: Arial;
	font-size: 12px;
	color: #999999;
}

/* Colonne de gauche */
#left
{	float: left;
	width: 190px; 

}

#left_text
{	width: 150px;
	margin-top: 15px;
	font-family: Arial;
	font-size: 12px;
	/*color: #666666;	*/
	color: #903;	
	line-height: 14px;
	
}


/* Pied de page */
#footer
{	clear: both;
	float: left;
	width: 940px;
	_width: 940px;
	padding-top: 10px;
}

#footer a
{	color: #999999;
}

#footer a:hover
{	color: #FF0099;
}

#footer_text
{	float: left;
	width: 900px;
	text-align: center;
}


#footer_icon
{	float: left;
	text-align: right;
}