@import url("colors.css");
@import url("typography.css");


#header_deconnexion
{
	width:555px;
	height:30px;
	line-height:28px;
	margin-left:360px;
}

#header_deconnexion li
{
	float:left;
	margin-left:20px;
	line-height:22px;
	padding-bottom:3px;
}
.member_profil {
	border-top:1px solid #CCCCCC;
	overflow:hidden;
}
.member_profil li {
	border-bottom:1px solid #CCCCCC;
	padding:10px 0;
}
.comment_media {
	height:132px;
}
p.media {
	border:1px solid #CCCCCC;
	float:left;
	margin-top:0;
}
p.main_media {
	height:71px;
	margin-left:105px;
}

#header_deconnexion .home
{
	background:url(../images/home.gif) no-repeat left;
	padding-left:25px;
}

#header_deconnexion .mail
{
	background: url(../images/mail.gif) no-repeat left;
	padding-left:25px;
}

#header_deconnexion .sortie
{
	background: url(../images/croix.gif) no-repeat left;
	padding-left:23px;
}



#header_connexion
{


	height:27px;/*30*/
	padding-top:3px;

	margin-left:250px;

}
#header_connexion .identifiants a
{
	line-height:20px;
	margin:0 5px;
	
	}
	
#header_connexion .identifiants
{

	margin:0 5px;
	
	}	
	
	
#header_connexion li
{
	
	float:left;
	}
	
#header_connexion .chanp_conn
{
	
	width:100px;
	height:15px;
	border:#b4b4b4 1px solid;
	margin-left:5px;
	}
#header_connexion .ok
{
	background:url(../images/ok.gif) no-repeat ;
	
	width:28px;
	height:19px;
	border:0;
	}
#header_connexion .ok:hover
{
	background:url(../images/ok_up.gif) no-repeat ;

	}
#header_connexion .compte
{
	background:url(../images/compte_up.gif) no-repeat;
	width:108px;
	height:20px;
	display:block;
	margin-left:20px;
	margin-top:1px;
	}
	#header_connexion .compte:hover
{
	background:url(../images/compte.gif) no-repeat;
	width:108px;
	height:19px;
		display:block;
	}

#conteneur_header .logo
{
	float:left;
}

#conteneur_header .text_logo
{
	position:absolute;
	top:80px;
	left:35px;
	float:none;
}

#menu
{

	/* width:542px; */
	height:32px;

	float:right;
	top:30px;
	position:relative;
}

#menu li
{
	float:left;

	display:block;
	height:30px;
	line-height:27px;
}

#menu li a
{
	display:block;

}

#menu li .explorer
{
	background:url(../images/explorer.gif) no-repeat;
	display:block;
	 width:103px;
 height:32px;
}
#menu li .explorer:hover
{
	background:url(../images/explorer_hover.gif) no-repeat;
	display:block;
	 width:103px;
 height:32px;
}



#menu li .publier
{
background:url(../images/publier.gif) no-repeat;
width:123px;
height:32px;
display:block;

}

#menu li .publier:hover
{
background:url(../images/publier_hover.gif) no-repeat;


}
















#menu li .text_cherche
{
	border: 1px solid #e7e7e7;
	width:236px;
	margin-left:20px;
	margin-right:5px;
}

 
#menu li .sub
{
	background:url(../images/logo_down.gif) no-repeat;
	border:0;
	width:38px;
	height:20px;
	
}

#menu li .sub:hover
{
	background:url(../images/loupe.gif) no-repeat;
		width:38px;
	height:20px;
	
}

#menu .sup_border
{
	border-right:0;
	border:1px solid #e7e7e7;
		background:url(../images/fond_menu.gif) repeat-x;
}

h2, h4
{
	background:url(../images/fond_titre.gif) repeat-x;
	
	height:24px;
	line-height:24px;
	margin-bottom:10px;
}	

.contenur_titre
{
	overflow:hidden;
	height:33px;
}


.vote 
{
	

height:20px;
float:right;

position:relative;
bottom:28px;

	
	}

.vote li
{
	 float:left;
	 color:#999;
	 font-size:12px;
	 line-height:15px;
	 margin:0 3px;
	 
	}


#colonne_droite h3
{
	padding-left:0;
}

#colonne-gauche h5, #colonne_droite h5
{
	display:block;
	margin-bottom:10px;
	margin-top:5px;
	line-height:16px;
}

#colonne-gauche .bordure
{
	border-top: #CCC solid 1px;
	border-bottom:#CCC solid 1px;
	height:105px;
	margin-bottom:10px;
}

#colonne-gauche .bordure
{
	line-height:13px;
}

#colonne-gauche img
{
	margin-right:5px;
	float:left;
}
/******************ici page a la une page user space **********/
.colonne-gauche .bordure
{
	border-top: #CCC solid 1px;
	border-bottom:#CCC solid 1px;
	height:105px;
	margin-bottom:10px;
	padding-bottom: 12px;
}

.colonne-gauche .bordure
{
	line-height:13px;
}

.colonne-gauche img
{
	margin-right:5px;
	float:left;
}
.no_border
{
 border:0;


}
#minibox img
{
	border:solid 2px #666;
}
	#minibox img:hover
{
	border:solid 2px #ec7518;
	}

#tag .content_tag
{
	 width:auto;
	 height:auto;
	position:relative;


	}




#tag .content_tag li
{
	float:left;
margin:5px;

height:12px;


	}

#articleNavigatorBar .liste_article
{
	margin-bottom:25px;
	margin-left:20px;
	
	}
#articleNavigatorBar li
{
	line-height:20px;
	 margin:5px 0;	
}

	#articleNavigatorBar li a:hover,
	#articleNavigatorBar li a
	
{
	
	text-decoration:none;

	 
	}
#selected {
	
background-color:#EC7518;
color:#000000;
}	
	
.conteneur_commt
{
	overflow:hidden;

	top:150px;
	
	}
.conteneur_commt li
{
	margin:8px 0;
	
	}
	
.ajout_commt
{
	border:1px #CCC solid;
	width:530px;
	height:50px;
}


.envoyer
{
	
	background:#ededed;
	 border:0;
	 margin-left:460px;
	 margin-top:10px;
	 color:#505050;

	}


.afficher
{
	background-color:#ededed;
	height:18px;
	width:250px;
    display:block;
    padding-left:10px;
    padding-top:5px;
	margin-left:278px;
    cursor: pointer;
}

.afficher img
{
	margin-right:5px;
	}


.image_coment
{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:1px #999 solid;
	display:block;
	
}
.conteuneur_comm
{
	
	overflow:hidden;
	}



.clear
{
	clear:left; 
	}

#articleMenu
	{
 background-color:#ededed;	
 width: 100%;	
 /*height: 60px; disabled by walid for bookmark*/
 overflow: hidden;
 margin-top: 10px;
 padding: 10px 0;
 margin-bottom: 5px;
 clear: left;
}

#articleMenu li
	{
	float: left;
 font-weight:bold;
width: 250px;
margin-left: 20px;
margin-bottom: 20px;
	}
	
#articleContextualInfos a
{
	
font-weight: bold;

}	

#articleContextualInfos dd,
#articleContextualInfos dt
{
	
margin: 5px 0;

}	

.navigator a.thumbLink {
border:1px solid #BABFC1;
}
.editForm fieldset {
	background-color:#EDEDED;
	border:1px solid #BABFC1;
}
fieldset.wizard {
padding:10px;
width:100%;
}
.wizard_content fieldset, fieldset.wizard {
border:medium none;
margin:0 0 20px;
}
.menu_wizard input.selected {
	background-image:url(../images/btnWizardSelected.png);
}
.menu_wizard input {
background:transparent url(../images/btnWizard.png) no-repeat scroll 0 0;
height:37px;
width:264px;
}



#content .bloc .bloc
{
border: 0;
margin: 0;
padding: 0;

}
#content .bloc .bloc ul
{
padding: 0;
position: relative;
right: 1px;

}
.wizard_content .bloc
{
padding-left: 0;


}
.simpleTree {
	margin-left: 10px; 
}
#edit h2
{
padding-left: 10px;

}

.bookmark_control img
{	
  		float: left;	
}

#highlight_profile
{
	display: inline;
	vertical-align: middle;
}

.block
{
	display: block;
}