html
{
	height:100%;
}

body
{
	margin: 0px; 					/*regle les marges à 0 par défaut*/
	padding: 0px ;								/*regle les padding à 8 par défaut*/
	text-align: left ;							/*définit l'alignement du texte par défaut*/
	font-size: 0.8em;							/*définit la taille de la typo par défaut*/
	font-family: arial, sans-serif;				/*definit la police par défaut*/
	background-color: #EFEFEF;					/*definit la couleur du fond*/
	/*background-image:url(images/degrade.jpg);*/
	/*background-repeat: repeat-x;*/
	color: #7C7C7C;						/*définit la couleur du texte par défaut*/
	height:100%;
}

#bodyv
{
	padding:3px 10px;
}

a img											 /*enleve la bordure aux images-liens*/
{
border: 0;
}									

#main,#columns{
height:100%;
}

body a											/*definit l'aspect des liens par défaut*/
{
	color: #000;
	font-weight:bold;
	text-decoration:none;
}

body a:hover 										/*definit l'aspect des liens survolés par défaut*/
{
	color: #000;
	font-weight:bold;
	text-decoration:underline;
}
#bottom_line a{
	color: #777;
	font-weight:bold;
	text-decoration:none;
}
#bottom_line a{
	color: #777;
	font-weight:bold;
	text-decoration:underline;
}

.td_conteneur{
	background-image: url(/images/zanzigo/gradient_yellow.png);
	background-repeat: repeat-x;
	background-position:left top;
	background-color:#FFF;
}

#conteneur 									/*définit la taille du conteneur central où sont inclus tous les éléments*/
{
    width: 100% ;
	margin: 0;							/*permet de centrer le conteneur*/
}

#header											/*bloc contenant l'entête et les onglets*/
{
	margin: 0;
	background-image: url(/images/zanzigo/logo.png);
	background-repeat: no-repeat;
	background-position:left top;
	height:70px;
}
#intro
{
	position:relative;
	top:-10px;
}
.login
{
text-align:left;
color:#012770;
font-size:0.9em;
margin:-5px 0px -2px 5px;
font-weight:normal;
}
#tagSearch
{
float:right;
text-align:left;
color:#012770;
font-size:0.9em;
margin:-5px 20px -2px 5px;
font-weight:normal;
}

.login a, .login a:active
{
color:#012770;
text-decoration:none;
font-weight:normal;
}

.login a:hover
{
color:#012770;
font-weight:bold;
}

img#title
{
margin:0px 0px -118px 9px;
}

#menu 											/* bloc menu avec les valeurs pour le placement en bas à droite de l'en-tête*/
{
	line-height:normal;
	overflow:hidden;							/*bidouille IE qui permet de cacher la scrollbar en bas si le menu dépasse*/
}

#menu ul 											/*définit l'aspect de la police des onglets et enlève les puces par défaut*/
{
	font-size:1em;
	font-weight:bold;
    margin:0;
    padding:0;
    list-style:none;
	color:#ff9999;
}

#div_left
{
background-image: url(/images/zanzigo/left.png);
background-repeat: repeat-y;
background-position:right top;
}

#div_right
{
background-image: url(/images/zanzigo/right.png);
background-repeat: repeat-y;
background-position:left top;
}

#div_bottom
{
background-image: url(/images/zanzigo/bottom.png);
background-repeat: repeat-x;
background-position:left top;
}

.grey_box,.box{
	background-color:#F4F4F4;
	-moz-border-radius:10px;
	margin:8px;
	padding:3px;
}

.white_box,#places,#smallmap,.box_content,.scrolling_box_content,.scrolling_box_content_nh{
	background-color:#FFF;
	-moz-border-radius:10px;
	padding:6px;
}
.span_padding{
	padding-left:10px;
}
.span_margin{
	padding-left:20px;
}
.td_place_width{
	width:330px;
}
.white_onglet{
	background-color:#FFF;
	-moz-border-radius:10px 10px 0px 0px;
	padding:3px;
	margin-left:20px;
}
.font_normal,.font_normal_size{
	font-family: arial, sans-serif;
	font-weight:normal;
}
.font_normal_size{
	font-size:10pt;
}
#menu li 											/*définit le placement et l'aspect des onglets*/
{ 
    float:right;								/*permet de placer les onglets côte à côte*/
	color:#000;				/* définit l'espace en haut de l'onglet et la largeur des bord droite/gauche de celui ci*/
	font-size:12pt;
	padding:5px; 		
	font-weight:bold;		
	font-family:courier,courrier,arial;			
}

#menu a,.grey_box{
	color:#444;
	font-family:courier,courrier,arial;
	font-weight:bold;
	font-size:11pt;
}

#menu a 											/*définit l'aspect du texte et de la partie gauche des onglets*/
{
	text-decoration:none;						/*supprime le soulignement des liens*/
    display:block;								/*permet un affichage en tant que bloc au lieu de texte en ligne*/
	padding:5px; 							/* définit l'espace en haut de l'onglet et la largeur des bord droite/gauche de celui ci*/
	white-space:nowrap;							/*propriété évitant le retour à la ligne en cas de long texte sur l'onglet*/
}
  
#menu li:hover, #menu li:hover a 					/*propriété permettant d'activer le rollover des onglets en décalant le background vers le haut*/
{
background-position:100% -25px;
  color:#333;
}

#menu li:hover a									/*propriété permettant d'activer le rollover des onglets en décalant le background vers le haut*/
{
  background-position:0% -25px;
}

/*menu current à utiliser couplé avec php si l'on souhaite afficher l'onglet actif

#menu #current {
  background-position:100% -25px;
  border-width:0;
  }
#menu #current a {
  background-position:0% -25px;
  padding-bottom:5px;
  color:#333;
  }
*/  

#smallmap
{
	width: 300px ;
	height: 240px ;
	float: left;
}

#smallmap.p
{
	background-color:#FDFDFD;
	width: 235px ;
	height: 240px ;
	border: 1px solid #5D74AB ;
	text-align: center ;
	overflow: hidden;
	color: #000;
	margin: 3px 0px 0px 0px;
}
#smallmap_div
{
    background-color:#FDFDFD;
    height: 200px ;
    border: 1px solid #5D74AB ;
    text-align: center ;
    overflow: hidden;
    color: #000;
    margin: 3px 0px 0px 0px; 
}

.box_title
{
	background-color:#FFF;
	-moz-border-radius:10px 10px 0px 0px;
	padding:3px;	
	font-size:12pt;
	font-weight:bold;		
	font-family:courier,courrier,arial;	
	
}
#map{
	width: 70% ;
	height: 360px ;
	float: left;
}
#places,#smallmap,.box_content,.scrolling_box_content,.scrolling_box_content_nh{
	padding:5px;
}
.box{
	margin:0px;
}
.img_friend_status{
	position:relative;
	left: -23px;
	top: -16px;
}

.box_title{
	height: 20px;
	margin-left:20px;
	margin-right:80px;
	text-align:center;
}
.grey_adress{
	color:#888;
}
.scrolling_box_content{
	height:355px;
	overflow-y: auto;
}
.scrolling_box_content_nh{
	overflow-y: auto;
}
.place_item{
	border: 1px solid #CCC ;
	font-size:7pt;
}
.place_item_1,.place_item_0{	
	font-size:7pt;	
	color:#000000;	
}
.place_item_1{
	background-color:#F9EACD;
}
.place_item_0{
	background-color:#FFF;
}
.place_item_title{
	color:#000000;	
}

.td_border,.td_border_hb,.td_border_hbl,.td_border_hbr{
border:solid 1px #DDD;
}

.td_border_hb{
border-left:none;
border-right:none;
}
.td_border_hbr{
border-left:none;
}
.td_border_hbl{
border-right:none;
}
#map.p
{
	background-color:#FDFDFD;
	width: 535px ;
	height: 350px ;
	border: 1px solid #5D74AB ;
	text-align: center ;
	overflow: hidden;
	color: #000;
	margin: 3px 0px 0px 0px;
}
.cursor{
	cursor:pointer;
	text-align:center;
}
.selected_friend{
	background-color:#fff;
	display:block;
	border: 1px solid #000;
	padding:10px;
}
.friend_img{
	padding:5px;
}
#map_div
{
    background-color:#FDFDFD;
    height: 350px ;
    border: 1px solid #5D74AB ;
    text-align: center ;
    overflow: hidden;
    color: #000;
    margin: 0px; 
}
#places
{
	width: 27% ;
	float: right;
	color: #7C7C7C;
}

#places p
{
	
	text-align: center ;
	overflow: auto;
	
}

#places ul
{
	background-color:#FDFDFD;
	height: 310px ;
	border: 1px solid #5D74AB ;
	overflow: auto;
	margin: 3px 0px 0px 0px;
	padding:0px 0px 0px 40px;
	list-style-image:url(images/stylo.gif);
	text-align: left ;
	
}

#places a
{
text-decoration:none;
}

#places a:hover
{
text-decoration:underline;
color:#ffb600;
}

#tags
{
	background-image: url(images/sfr/bar-middle.jpg);
	background-repeat: repeat-x;
	margin: 5px ;
	clear: both;
}

#tags p
{
	background-color:#FDFDFD;
	font-weight:bold;
	padding:10px;
	color:#ffb600;
	border: 1px solid #5D74AB ;
	margin: 3px 0px 0px 0px;
	text-align:justify;
	
}
#tags a, #tags a:hover, #tags a:active
{
	font-size:2em;
	font-weight:bold;
	color:#ffb600;
	text-decoration:none
	
}/*faire des class differentes pour l'importance des mots*/
/*ajouter un css de bloc module standard*/

#bottom
{
	background-image: url(images/sfr/bar-middle.jpg);
	background-repeat: repeat-x;
	width: 760px ;
	margin: 5px ;
	float: right;
}

#bottom p
{
	background-color:#FDFDFD;
	font-weight:bold;
	padding:10px;
	color:#ffb600;
	border: 1px solid #5D74AB ;
	margin: 3px 0px 0px 0px;
	text-align:justify;
	
}
#bottom a, #bottom a:hover, #bottom a:active
{
	font-size:2em;
	font-weight:bold;
	color:#ffb600;
	text-decoration:none
	
}/*faire des class differentes pour l'importance des mots*/
/*ajouter un css de bloc module standard*/


h2.bar { /*a voir si il n'ya pas besoin de le laisser en div*/
height:19px;
color:#000;
font-size: 1.2em;
line-height:normal;
margin: 0.2em 0px -0.2em 0px;
}

.bargauche {
}

.bardroite {
}

p#footer
{
text-align:center;
margin:0px 5px 0px 0px;
font-size:0.8em;
}

pre
{
	overflow: auto ;
}

/* En passant on définit l'overflow de la balise pre à auto pour permettre d'afficher des barres de défilement si le texte contenu dans cette balise est trop grand */
* html pre
{
	width: 636px ;
}
/* On dois donner une largeur au pre à cause d'Internet Explorer, on ne va donc l'appliquer qu'à Internet Explorer en utilisant un "hack", la combinaison " * html " permet de n'appliquer ce qui suis qu'à Internet Explorer */

#notice {
	margin: 0;
	margin-bottom:10px;
  	background-color:#eee;
	border: 5px solid #333;
	padding: 25px;
}

.fieldWithErrors{
    padding: 2px;
    background-color: red;
    display: table;
}

.smallpic {
float:left;
}

.tag {
font-size:12px;
#display:block;
#float:left;
padding-left:20px;
padding-right:10px;
margin-top:5px;
text-decoration:none;
height:18px;
}

.public_tag {
background:url(images/tag.gif) center left no-repeat;
border-right:1px solid #C2C1C1;
}

.tags .private_tag {
/*
color:white;
background:url(private-tag.gif) center left no-repeat;
border-right:1px solid #434343;
*/
color:#FF5132;
background:url(private-tag2.gif) center left no-repeat;
border-right:1px solid #FF6633;
}

.description {
margin:5px 0
}
#page {
  margin: 10px auto;
}

#widget_col_0 { 
  float:left;
  width: 30%;  
}

#widget_col_1 {
  width: 50%;
  float:left;
}   

#widget_col_2 { 
  float:left;
  width: 20%;  
} 

#bottom_line{
    clear:both;
}

#commentCount{
	background:url("/images/comment_count.png") center no-repeat;
	text-align:center;
	width:25px;
	height:26px;
}
#commentCountGrey{
	background:url("/images/comment_count_grey.png") center no-repeat;
	text-align:center;
	width:25px;
	height:26px;
}