/*

Antonin 24/04/2005 22:19

*/

@import url(../css/fc.css);


#actus, #contact, #aidefraisport

{

	overflow: hidden;

	visibility: visible;

	display: block;

	position: absolute;

  left: 200px;
  
  top: 111px;

	z-index: 40;

}



#actus

{

	width: 756px;

	height: 450px;

}



#contact

{

	width: 705px;

	height: 330px;

	margin-top: -15px;

}



#aidefraisport

{

	width: 705px;

	height: 370px;

	margin-top: -15px;

	/*border: 1px solid #000000;*/

}



#contact blockquote

{

	position: absolute;

	margin: 0;

	padding: 6px;

	width: 685px;

	height: 290px;

	visibility: visible;

	display: block;

	overflow: auto;

	z-index: 50;

	/*background-color: #E7E6E1;

	border: 6px #E7E6E1 solid;*/

	font: normal 11px/13px Verdana, Arial, Tahoma, sans-serif;

	/*color: #333;*/

	color: #000;

}



#aidefraisport blockquote

{

	position: absolute;

	margin: 0;

	padding: 6px;

	width: 500px;/*582-685*/

	height: 274px;/*269-317*/

	visibility: visible;

	display: block;

	overflow: auto;

	z-index: 50;

	top: 40px;

	left: 40px;

	/*background-color: #E7E6E1;

	border: 6px #E7E6E1 solid;*/

	font: normal 11px/13px Verdana, Arial, Tahoma, sans-serif;

	/*color: #333;*/

	color: #000;

	border: 1px solid #A54765;

}



#contact blockquote a, #aidefraisport blockquote a

{

	font-weight: bold;

	/*color: #323C52;*/

	color: #000;

	text-decoration: none;

}



#contact blockquote a:hover, #aidefraisport blockquote a:hover

{

	text-decoration: underline;

}



/* AIDE Comment créer mes prézos ?

-------------------------------------------------*/

#contact span.creerprezos_1, #contact span.creerprezos_2, #contact span.creerprezos_3, #contact span.creerprezos_4,

#contact span.creerprezos_5, #contact span.creerprezos_6 {



	position: absolute;

	overflow: visible;

	visibility: visible;

	display: block;

	text-decoration: none;

	/*color: #323C52;*/

	top: 20px;

	left: 40px;

	margin: 0;

	padding: 0;

	width: 720px;

	height: 320px;

	}

	

#contact span.creerprezos_1 {

	background: transparent url(img/comment_creer_prezos_1.jpg) center left no-repeat;

	}



#contact span.creerprezos_2 {

	background: transparent url(img/comment_creer_prezos_2.jpg) center left no-repeat;

	}	



#contact span.creerprezos_3 {

	background: transparent url(img/comment_creer_prezos_3.jpg) center left no-repeat;

	}



#contact span.creerprezos_4 {

	background: transparent url(img/comment_creer_prezos_4.jpg) center left no-repeat;

	}

	

#contact span.creerprezos_5 {

	background: transparent url(img/comment_creer_prezos_5.jpg) center left no-repeat;

	}

	

#contact span.creerprezos_6 {

	background: transparent url(img/comment_creer_prezos_6.jpg) center left no-repeat;

	}

			

/* 

-------------------------------------------------*/

#actus h2, #contact h2, #aidefraisport h2

{

	width: 680px;

	height: 20px;

	margin: 0;

	padding: 0;

	overflow: visible;

	visibility: visible;

	display: block;

}



#actus h2

{

	width: 731px;

	height: 20px;

}



#actus h2 span

{

	visibility: hidden;

	font: 900 14px/20px Verdana, Arial, Tahoma, sans-serif;

	vertical-align: top;

}



#contact h2 span, #aidefraisport h2 span

{

	visibility: visible;

	font: 600 small-caps 16px/20px "Arial black", Verdana, Arial, Tahoma, sans-serif;

	/*color: #323C52;*/

	color: #000;

	text-transform: uppercase;

	vertical-align: top;

}



#actus h2.PEOPLE

{

	background: transparent url(../img/actu_people.gif) center left no-repeat;

}





#actus h2.TENDANCE

{

	background: transparent url(../img/actu_tendance.gif) center left no-repeat;

}



#actus ul

{

	position: absolute;

	width: 756px;

	height: 370px;

	margin: 0;

	padding: 0;

	overflow: hidden;

	visibility: visible;

	display: block;

	z-index: 50;

}



#actus li

{

	width: 756px;

	height: 112px;

	list-style-type: none;

	margin: 0;

	padding: 0;

	visibility: visible;

	overflow: visible;

	border-bottom: 1px #3f3f3f solid;

}



#actus li.one

{

	height: 300px;

	border: 0;

}



#actus li h3

{

	width: 756px;

	height: 18px;

	margin: 5px 0 8px 0;

	padding: 0 0 0 22px;

	font: 900 14px/18px Verdana, Arial, Tahoma, sans-serif;

	/*color: #333c55;*/

	color: #000;

	visibility: visible;

	display: block;

	overflow: visible;

	background: transparent url(../img/ar_actus.gif) center left no-repeat;

	vertical-align: bottom;

}



#actus li img

{

	margin: 0 5px 5px 0;

	padding: 0;

	width: 140px;

	height: 60px;

	border: 1px #000 solid;

	float: left;

}



#actus li div

{

	margin: 0 0 4px 0;

	padding: 0;

	width: 600px;

	height: 65px;

	float: right;

	visibility: visible;

	display: block;

	overflow: hidden;

}



#actus li.one div

{

	height: auto;

}



#actus li p

{

	margin: 0 2px 0 2px;

	width: 590px;

	height: 65px;

	font: lighter 9pt/10pt Arial, Verdana, Tahoma, sans-serif;

	/*color: #333;*/

	color: #000;

	overflow: auto;

}



#actus li.one p

{

	height: auto;

}



#actus li a

{

	display: block;

	margin: 0 20px 0 0;

	float: right;

	width: auto;

	padding-left: 20px;

	height: 11px;

	font: 900 11px/11px Verdana, Arial, Tahoma, sans-serif;

	color: #3f3f3f;

	text-align: right;

	text-decoration: none;

	background: transparent url(../img/voir.gif) center left no-repeat;

	white-space: nowrap;

	z-index: 60;

	clear: both;

}



#actus li a:hover

{

	color: #000;

}



#public

{

	position: absolute;

	top: 108px;

	left: 517px;

	margin: 0;

	padding: 0;

	width: 260px;

	height: 34px;

	visibility: visible;

	display: block;

	overflow: hidden;

	text-decoration: none;

	border: none;

	z-index: 60;

}



#public span

{

	visibility: hidden;

}



#public

{

	background: transparent url(../img/public.gif) top center no-repeat;

}



#public:hover

{

	background: transparent url(../img/public.gif) bottom center no-repeat;

}