body {
margin: 0;
padding: 0;
background: #d8dada;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:13px;
background-image: url('http://www.joliecarte.com/images/fond.jpg');
background-repeat:repeat-x;
  
}

#soleil{background: url('http://www.joliecarte.com/images/design/logo_haut12h.jpg');width:988px;height:286px;margin-left:auto;margin-right:auto;}
#recherche{background: url('http://www.joliecarte.com/images/design/recherche_bleu.png');height:39px;width:646px;margin-left:10px;margin-bottom:10px;color:#000000;}
#box_zone_membre{width:300px;height:112px;background: url('http://www.joliecarte.com/images/design/box_membre_bleu.png');margin-bottom:10px;}
#box_newsletter{width:280px;height:95px;background: url('http://www.joliecarte.com/images/design/box_newsletter_bleu.png');margin:10px 0 10px 0;padding:50px 10px 0 10px;align:justify;color:#000000;}
#fond_rond2{float:left;margin-left:10px;width:190px;height:25px;background: url('http://www.joliecarte.com/images/design/fondrond2_bleu.gif');margin-left:10px;padding-left:20px;padding-top:5px;color:#000000;font-weight:bold}
#logo_bas{clear:both;background: url('http://www.joliecarte.com/images/design/logo_bas_bleu.gif');text-align:center;width:988px;height:25px;margin-left:auto;margin-right:auto;padding-top:85px;color:#FFF;}
#page_actuel{padding:5px;border:1px solid #cfcfcf;width:15px;height:15px;text-align:center;float:left;margin-right:10px;background-color:#f9bf3d;margin-bottom:5px;}





.rouge a:link { 
 color: #ff4b4b; 
  text-decoration:underline;
} 
.rouge a:visited { 
 color: #ff4b4b;
 text-decoration:underline;
} 
.rouge a:hover { 
 color: #FFFFFF; 
 text-decoration:underline;
} 


.lien_non_souligne a:link { 
 color: #000000; 
  text-decoration:none;
} 
.lien_non_souligne a:visited { 
 color: #000000;
 text-decoration:none;
} 
.lien_non_souligne a:hover { 
 color: #000000; 
 text-decoration:underline;
} 

.footer a:link { 
 color: #eeeeee; 
  text-decoration:underline;
} 
.footer a:visited { 
 color: #eeeeee;
 text-decoration:underline;
} 
.footer a:hover { 
 color: #FFFFFF; 
 text-decoration:none;
} 

.violet a:link { 
 color: #9938fa; 
  text-decoration:underline;
} 
.violet a:visited { 
 color: #9938fa;
 text-decoration:underline;
} 
.violet a:hover { 
 color: #4a0095; 
 text-decoration:none;
} 


.rouge a:link { 
 color: #c70000; 
  text-decoration:underline;
} 
.rouge a:visited { 
 color: #c70000;
 text-decoration:underline;
} 
.rouge a:hover { 
 color: #FFFFFF; 
 text-decoration:none;
} 

.rouge2 a:link { 
 color: #c70000; 
  text-decoration:underline;
} 
.rouge2 a:visited { 
 color: #c70000;
 text-decoration:underline;
} 
.rouge2 a:hover { 
 color: #929292; 
 text-decoration:none;
} 

.footer_lien_cat a:link { 
 color: #808080; 
  text-decoration:underline;
} 
.footer_lien_cat a:visited { 
 color: #808080;
 text-decoration:underline;
} 
.footer_lien_cat a:hover { 
 color: #bcbcbc; 
 text-decoration:none;
} 

.footer_lien_souscat a:link { 
 color: #eeeeee; 
  text-decoration:none;
} 
.footer_lien_souscat a:visited { 
 color: #eeeeee;
 text-decoration:none;
} 
.footer_lien_souscat a:hover { 
 color: #bcbcbc; 
 text-decoration:underline;
} 

.lien_box_membre a:link { 
 color: #000000; 
  text-decoration:underline;
} 
.lien_box_membre a:visited { 
 color: #000000;
 text-decoration:underline;
} 
.lien_box_membre a:hover { 
 color: #FFFFFF; 
 text-decoration:underline;
} 


.lien_cat a:link {  
 color: #000000; 
  text-decoration:underline;
} 
.lien_cat a:visited { 
 color: #000000;
 text-decoration:underline;
} 
.lien_cat a:hover { 
 color: #000000; 
 text-decoration:underline;
}


.lien_souscat a:link { 
 color: #000000; 
  text-decoration:underline;
} 
.lien_souscat a:visited { 
 color: #000000;
 text-decoration:underline;
} 
.lien_souscat a:hover { 
 color: #000000; 
 text-decoration:underline;
}




h1{font-size:15px;color:#292929;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-weight:600;}
h2{margin:0;padding:0;font-weight:normal;font-size:13px;}

a:link{color:#212021;text-decoration:underline}
a:visited{color:#212021;text-decoration:underline}
a:hover{color:#929292;text-decoration:underline}
img{border:0}

#head{
	width:988px;
	height:165px;
    border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-top: 1px solid #cfcfcf;
	}
	
#menu{
	width:988px;
	height:50px;
	background: url('http://www.joliecarte.com/images/menu.jpg');
}
	
	
#principal{
		  margin-left:auto;
		  margin-right:auto;
		  width:990px;
		  background-color:#FFFFFF;
	      }
		  
#navigation{
		  margin-left:auto;
		  margin-right:auto;
		  width:978px;
		  height:25px;
		  background-color:#f3f4f3;
		  border-right: 1px solid #cfcfcf;
		  border-left: 1px solid #cfcfcf;
		  padding-left:10px;
		  padding-top:4px;
	      }	
		  
		  #fete{z-index:200;
		  margin-left:auto;
		  margin-right:auto;
		  width:978px;
		  height:25px;
		  background-color:#FFFFFF;
		  border-right: 1px solid #cfcfcf;
		  border-left: 1px solid #cfcfcf;
		  padding-left:10px;
		  text-align:center;
	      }	
		  
		  
#contenu_gauche{
		  width:667px;
		  height:1600px;
		  background-color:#FFFFFF;
		  border-left: 1px solid #cfcfcf;
		  border-right: 1px dashed #cfcfcf;	
		  float:left;
	      }	
		  
#contenu_droite{
	padding-left:10px;
	padding-right:10px;
		  width:300px;
		  height:1600px;
		  background-color:#FFFFFF;		  
		  border-right: 1px solid #cfcfcf;
		  float:right;
	      }	

#menu a:link{color:#000000;text-decoration:underline}
#menu a:visited{color:#000000;text-decoration:underline}
#menu a:hover{color:#000000;text-decoration:underline}

.lien_blanc a:link { 
 color: #000000; 
  text-decoration:underline;
} 
.lien_blanc a:visited { 
 color: #000000;
 text-decoration:underline;
} 
.lien_blanc a:hover { 
 color: #FFFFFF; 
 text-decoration:underline;
 font-weight:bold;
} 

#bas_page{
		  margin-left:auto;
		  margin-right:auto;
		  width:978px;
		  height:25px;
		  background-color:#000000;
		  border-right: 1px solid #cfcfcf;
		  border-left: 1px solid #cfcfcf;
		  padding-left:10px;
		  padding-top:4px;
	      }	


#page{padding:5px;background-color:#FFFFFF;border:1px solid #cfcfcf;width:15px;height:15px;text-align:center;float:left;margin-right:10px;cursor:pointer;margin-bottom:5px}



.black_overlay{ 
display: none; 
position: absolute; 
top: 0%; 
left: 0%; 
width: 100%; 
height: 100%; 
background-color: black; 
z-index:1001; 
-moz-opacity: 0.8; 
opacity:.80; 
filter: alpha(opacity=80); 
} 

.white_content { 
display: none; 
position: absolute; 
top: 25%; 
left: 25%; 
width: 50%; 
height: 50%; 
padding: 16px; 
border: 16px solid orange; 
background-color: white; 
z-index:1002; 
overflow: auto; 
}