/* CSS Document */

html,body { font-family: Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; line-height: 1.4; background-color: #171717; color: #46494a; height:100%;margin:0;padding:0;}

p { line-height: 1.4em; margin-bottom: 1em; font-size:12px; }

ul,li{margin:0;padding:0;}
ol,ul {list-style:none;}


/* CONTAINER */

#container {
position : relative;  
min-height: 100%;  
}

#contenu{  
position: relative;  
min-height: 100%;  
margin: 0 auto;  
padding-bottom: 152px;  
width: 100%;  
}  



/* HEADER */

#header { height: 193px; width:100%; margin: 0 auto;padding:0;background-image:url(../images/bg-header.jpg);background-repeat:repeat-x;}

#contenu-header { width: 927px; margin: 0 auto;}


/* MENU */

#menu { height: 73px; width:100%; margin: 0 auto;padding:0;}

#menu { background-image:url(../images/bg-menu.jpg);background-repeat:repeat-x; }

#contenu-menu { width: 927px; margin: 0 auto;}

/* BANNER */

#banner { height: 381px; width:100%; margin: 0 auto;padding:0;}

#banner { background-image:url(../images/bg-banner.jpg);background-repeat:repeat-x; }

#contenu-banner { width: 927px; margin: 0 auto;}


/* CONTENT */

#content{ width:100%; margin: 0 auto;padding:0;}

#content {  background-color:#0d0d0d; }

#contenu-content { width: 927px; margin: 0 auto;background-color:#171717;;}



/* FOOTER */

#footer {position: absolute; padding:0px; background-color: #d52f6c; height:152px; width: 100%;bottom:0px;background-image:url(../images/bg-footer.jpg);background-repeat:repeat-x;}

#contenu-footer { width: 927px; margin: 0 auto;background-image:url(../images/bg-footer.jpg);background-repeat:repeat-x;}



/* TEXTE */

h1 {
	color: #f33890;
	text-decoration: none;
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

h2 {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #f33890;
}

h3 {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #a9917a;
}

h4 {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #f33890;
}

h5 {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #f33890;
	font-weight: bold;
}

h6 {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	color: #f33890;
}

.texte {
	color: #6c6c6c;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.texte-beige {
	color: #a9917a;
	text-decoration: none;
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}

.texte-or {
	color: #c08d38;
	text-decoration: none;
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}

.texte-footer {
	color: #6c6c6c;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}


.lien_texte { 
    font-family: Arial; 
	 color: #c08d38; 
	 font-size: 12px; 
	 text-decoration: underline;
}	

.lien_texte:hover {
    text-decoration: underline;
	  font-family: Arial;
	 color: #a9917a; 
	 font-size: 12px; 
}


.lien_texte_footer2 { 
    font-family: Arial; 
	 color: #a9917a; 
	 font-size: 11px; 
	 text-decoration:none;
	 outline:0;
}	

.lien_texte_footer2:hover {
    text-decoration: underline;
	  font-family: Arial;
	 color: #FFFFFF; 
	 font-size: 11px;
	 outline:0;
}


.droite { 

/*Placement de l'objet à gauche du bloc presentation*/ 
float:right; 

/*Marge de 5px à droite de l'objet*/ 
margin-left:10px;
margin-right:0px;
margin-top:0px; 
margin-bottom:0px;   

/*Pour ton image, tu peux également fixer une position au sein de ta présentation afin qu'elle ne bouge pas lors du redimensionnement de la fenêtre. Celà dit comme ta presentation à une taille fixe, çà ne bougera pas. C'est utile lorsque le bloc est de taille proportionnelle à ta page.*/ 

} 

.gauche { 

/*Placement de l'objet à gauche du bloc presentation*/ 
float:left; 

/*Marge de 5px à droite de l'objet*/ 
margin-left:0px;
margin-right:10px;
margin-top:0px; 
margin-bottom:0px;   

/*Pour ton image, tu peux également fixer une position au sein de ta présentation afin qu'elle ne bouge pas lors du redimensionnement de la fenêtre. Celà dit comme ta presentation à une taille fixe, çà ne bougera pas. C'est utile lorsque le bloc est de taille proportionnelle à ta page.*/ 

} 

a {
    font-family: Arial; 
	 color: #c08d38; 
	 font-size: 13px; 
	 text-decoration: underline;
}
a:link {
    font-family: Arial; 
	 color: #c08d38; 
	 font-size: 13px; 
	 text-decoration: underline;
}
a:visited {
    color: #c08d38;
}
a:hover, a:focus, a:active {
    text-decoration: underline;
	  font-family: Arial;
	 color: #a9917a; 
	 font-size: 13px; 
}

div.itemPhoto{ width: 20%; text-align: center; margin: 5px 0; float: left; }