/* Layout */

div.clear
{
	clear : both;
}

#all
{
	width : 1100px;
	margin : 40px auto 20px auto;
}

#page
{
	float : left;
	width : 940px;
	
}
#header-container
{
	width : 940px;
	background : url('maincontent_header_default.jpg') top center no-repeat;
	background-color : #f0ede9;
}

#content-top
{
	width : 940px; 
	height : 20px;
	background : url('content_top.png'); 
}

#content-bottom
{
	width : 940px; 
	height : 20px;
	background : url('content_bottom.png'); 
}

#content-container
{
	width : 920px; 
	border-left : 10px solid white; 
	border-right : 10px solid white;
	/*background : url('content_fade.png') top center repeat-x;*/
}

#maincontent-container
{
	float : left; 
	margin : 10px 0px 0px 10px;
	width : 590px;
}

/* On concerve cette classe sans couleur pour la compatibiilté */

div.bottomcontent-container
{
	width : 590px;
	margin-top : 10px;
}
div.bottomcontent-top
{
	width : 590px;
	height : 10px;
	background : url('bottomContent_top.png'); /* C majuscule important = bug du compresseur CSS */
}
div.bottomcontent-content
{
	width : 590px;
	background : url('bottomContent_content.png');  /* C majuscule important = bug du compresseur CSS */
}
div.bottomcontent-bottom
{
	width : 590px;
	height : 10px;
	background : url('bottomContent_bottom.png'); /* C majuscule important = bug du compresseur CSS */
}

/* Nouvelle classe gray */

div.bottomcontent-g-container
{
	width : 590px;
	margin-top : 10px;
}
div.bottomcontent-g-top
{
	width : 590px;
	height : 10px;
	background : url('bottomContent_g_top.png'); /* C majuscule important = bug du compresseur CSS */
}
div.bottomcontent-g-content
{
	width : 590px;
	background : url('bottomContent_g_content.png');  /* C majuscule important = bug du compresseur CSS */
}
div.bottomcontent-g-bottom
{
	width : 590px;
	height : 10px;
	background : url('bottomContent_g_bottom.png'); /* C majuscule important = bug du compresseur CSS */
}

div.bottomcontent-b-container
{
	width : 590px;
	margin-top : 10px;
}
div.bottomcontent-b-top
{
	width : 590px;
	height : 10px;
	background : url('bottomContent_b_top.png'); /* C majuscule important = bug du compresseur CSS */
}
div.bottomcontent-b-content
{
	width : 590px;
	background : url('bottomContent_b_content.png');  /* C majuscule important = bug du compresseur CSS */
}
div.bottomcontent-b-bottom
{
	width : 590px;
	height : 10px;
	background : url('bottomContent_b_bottom.png'); /* C majuscule important = bug du compresseur CSS */
}

div.bottomcontent-o-container
{
	width : 590px;
	margin-top : 10px;
}
div.bottomcontent-o-top
{
	width : 590px;
	height : 10px;
	background : url('bottomContent_o_top.png'); /* C majuscule important = bug du compresseur CSS */
}
div.bottomcontent-o-content
{
	width : 590px;
	background : url('bottomContent_o_content.png');  /* C majuscule important = bug du compresseur CSS */
}
div.bottomcontent-o-bottom
{
	width : 590px;
	height : 10px;
	background : url('bottomContent_o_bottom.png'); /* C majuscule important = bug du compresseur CSS */
}

/*
#rightcol-container
{
	float : right; 
	margin : 10px 10px 0px 0px;
}
*/

#rightcol-container
{
	float : left;
	width : 300px;
	margin : 10px 0px 0px 10px;
	background: white;
	border-radius: 10px;
	padding-bottom: 10px;
}

#rightcol-top
{
	width : 300px; 
	height : 10px;
	display : none;
	/* background : url('rightcol_top.png'); */ 
}

#rightcol-bottom
{
	width : 300px; 
	height : 10px;
	display : none;
	/* background : url('rightcol_bottom.png'); */
}

#rightcol-content
{
	width : 300px;
	background-color : white;  
}

#rightcol-addthis
{
	text-align : right; 
	margin-top : 10px;
}


/* Top logo */
#logo-container{
	padding : 0 0 155px 0px; 
	margin : 0px 0 0 10px;	
}

#logomask{
	position : absolute; 
	width : 210px; 
	height : 50px; 
}

#dot{
	background :url(logo_puce.png) center no-repeat;
	width : 14px;
	height : 14px;
	display : inline;
}

#title-container{
	margin : 10px 0 0 10px; 
	float : left;
	
}


/* PARIS */
#logo-paris{
	width : 44px; height : 85px; float : left; background : url('logo_paris.png');  margin-left : -5px; margin-top : -5px;
}
#titleshadow-paris{
	 font-family : arial; font-size : 42px; margin-top : -10px; color : black; margin-left : -10px; font-weight : normal; text-transform : uppercase; letter-spacing : 1px;
}
#title-paris{
	font-family : arial; font-size : 42px; margin-top : -49px; margin-left : -11px; font-weight : normal; color : white; text-transform : uppercase; letter-spacing : 1px;
}
#baseline-paris {
	font-family : arial; color : black; font-size : 13px;  margin-top : -4px; margin-left : -7px; letter-spacing : 1px;
}
#baselineshadow-paris{
	font-family : arial; color : white; font-size : 13px; margin-top : -17px; margin-left : -9px; letter-spacing : 1px;
}

/* MADRID */
#logo-madrid{
	width : 75px; height : 66px; float : left; background : url('logo_madrid.png'); 
}
#titleshadow-madrid{
	 font-family : times new roman; font-size : 32px; color : black; text-transform : uppercase;
}
#title-madrid{
	font-family : times new roman; font-family : times new roman; font-size : 32px; margin-top : -38px; margin-left : -1px; color : white; text-transform : uppercase;
}
#baseline-madrid{
	color : black; font-size : 13px;  margin-top : -5px;
}
#baselineshadow-madrid{
	color : white; font-size : 13px; margin-top : -17px; margin-left : -1px;
}


/* BARCELONA */
#logo-barcelona{
	width : 57px; height : 68px; float : left; background : url('logo_barcelona.png'); 
}
#titleshadow-barcelona{
	 font-family : verdana; font-size : 30px; color : black; margin-left : -2px; font-weight : bold;
}
#title-barcelona{
	font-family : verdana; font-size : 30px; margin-top : -37px; margin-left : -3px; color : white; font-weight : bold;
}
#baseline-barcelona{
	color : black; font-size : 13px;  margin-top : -5px;
}
#baselineshadow-barcelona{
	color : white; font-size : 13px; margin-top : -17px; margin-left : -1px;
}



/* Top Tools */
#toptools-container
{
	position : absolute; 
	background : url(top_tool_bg.png); 
	width : 360px; 
	height : 86px; 
	margin-left : 580px; 
	margin-top : -16px;
}

#toptools-nav
{
	float : right;
	margin-right : 22px;
}

#toptools-nav ul
{
	margin : 2px 0 0 0;
	padding : 3px 0 0 0;
}

#toptools-nav ul li
{
	font-size : 10px;
	float : left;
	list-style : none;
	margin-left : 12px;
}

#toptools-form
{
	float : right; 
	margin : 18px 20px 0 0;
}

#toptools-form form
{
	margin : 0;
}

#toptools-input
{	
	width : 257px; 
	margin : 0; 
	float : left; 
	border : 1px solid #CCCCCC; 
	margin : 2px 10px 0 0; 
	padding: 1px;
}
.ui-autocomplete {
	font-size:12px;
	font-family:verdana;
}
#toptools-submit
{	
	background : url(top_tools_submit.png); 
	border : none; 
	float : left; 
	width : 58px; 
	height : 22px; 
	color : white; 
	font-size : 11px; 
	font-weight : bold; 
	padding : 0;
	cursor : pointer;
	margin-top : 1px;
}

#toptools-submit:hover
{	
	color : #f7941e; 
}
#langages-paris{
	float : left; margin-top : 5px; margin-left : 7px;
}
#langages-madrid{
	float : left; margin-top : 5px; margin-left : 7px;
}
#langages-barcelona{
	float : left; margin-top : 5px; margin-left : 7px;
}


#langages-barcelona a img, #langages-madrid a img, #langages-paris a img  {
	border : 1px solid white;
}


#langages-paris a{
	float : left; margin-left : 3px;
}
#langages-madrid a{
	float : left; margin-left : 5px;
}
#langages-barcelona a{
	float : left; margin-left : 5px;
}


#facebook-paris {
	float : left; margin : 2px 0 0 5px;
}
#facebook-madrid {
	float : left; margin : 2px 0 0 35px;
}
#facebook-barcelona {
	float : left; margin : 2px 0 0 10px;
}


.datetime-paris {
	font-size : 10px; float : right; margin : 05px 20px 0px 0px;
}
.datetime-madrid {
	font-size : 10px; float : right; margin : 05px 20px 0 10px;
}
.datetime-barcelona {
	font-size : 10px; float : right; margin : 05px 20px 0 10px;
}


/**************************************/
/***             RIGHT SIDE         ***/
/**************************************/

div#adsRightColumn { float : left; margin : 195px 0 0 10px; }



/**************************************/
/***             LEFT SIDE         ***/
/**************************************/
#community_buttons_floating {
	background-color:#FFFFFF;
	padding:2px;
	padding-top:6px;
	padding-bottom:0px;
	margin-left:-628px;
	left:50%;
	top:400px;
	position:absolute;
	z-index:1000;
	display:none;
	border-radius: 3px 3px 3px 3px;
	width:70px;
}
#community_buttons_floating.floating {
	position:fixed;
	top:20px;
	
}
#community_buttons_floating  div{
	margin-bottom:10px;
	text-align:center;
}
#community_buttons_floating  div.last{
	margin-bottom:5px;
}