/** *******************************************************************
 * Module d'enchainement - Front-office
 * --------------------------------------------------------------------
 * 13/07/2009 : perspective-communication pour Basket-Essonne
 *********************************************************************/

@CHARSET "ISO-8859-1";

/* Styles de prédéfinition des balises */
body, html {
	margin:				0;
	padding:			0;
	background-color:	#014DA3;
	font-family:		arial;
	text-decoration:	none;
	font-size:			8pt;
	color:	 			#000000;
}

a, div, span, h1, h2, h3, h4, h5, li, p {
	font-family:		arial;
}

div {
	display: block;
}

p {
	font-size:			8pt;
	color:				#000000;
	text-align:			justify;
}

a {
	font-size:			8pt;
	color:				#FFFFFF;
	text-decoration:	none;
}

a:hover {
	color:				#F9E65B;
}

h1 {
	font-size:			13pt;
	padding:			0;
	margin:				0;
}

h2 {
	font-size:			8pt;
	padding:			0;
	margin:				0;
}

h3 {
	font-size:			8pt;
	padding:			0;
	margin:				0;
}

img {
	border:				none;
}

form {
	margin:				0;
}

pre {
	margin: 10px;
	padding: 10px;
	background-color: #C9B779;
	border: solid 1px #FF6600;
}

div.clean {
	clear:				both;
	height:				1px;
	font-size:			1px;
}

div#body {
	position:			relative;
	width:				740px;
	height:				828px;
	margin:				auto;
}

/* Positionnement du header */
div#body .header {
	width:				740px;
	position:			relative;
}

div#body .header .left {
	width:				81px;
	float:				left;
}

div#body .header .center {
	width:				265px;
	height:				285px;
	float:				left;
	border-left:		solid 1px #C2C2C2;
	border-bottom:		solid 1px #C2C2C2;
}

div#body .header .right {
	width:				393px;
	float:				left;
}

div#body .header .left .l-h {
	width:				81px;
	height:				105px;
	border-bottom:		solid 1px #C2C2C2;
}

div#body .header .left .h-menu {
	width:				80px;
	height:				179px;
	border-left:		solid 1px #C2C2C2;
}

div#body .header .left .h-menu table {
	width:				80px;
	height:				180px;
	cellspacing:		0;
	cellpadding:		0;
}

div#body .header .left .h-menu table td {
	border-bottom:		dashed 1px #C2C2C2;
	vertical-align:		middle;
	text-align:			center;
}

div#body .header .left .h-menu table td {
	text-transform:		uppercase;
}

div#body .header .right .contact {
	border-left:		solid 1px #FFEA6B;
	border-right:		solid 1px #C2C2C2;
	height:				51px;
}

div#body .header .right .contact .text {
	margin-left:		281px;
	margin-top:			10px;
	color:				#FFFFFF;
}

div#body .header .right .banniere {
	background-color:	#000000;
	border-top:			dashed 1px #C2C2C2;
	border-left:		solid 1px #FFFFFF;
	border-right:		solid 1px #C2C2C2;
	height:				120px;
}

div#body .header .right .r-l {
	width:				150px;
	height:				113px;
	background-color:	#000000;
	border-left:		dashed 1px #C2C2C2;
	border-bottom:		solid 1px #C2C2C2;
	float:				left;
}

div#body .header .right .l-l {
	background:			url(../images/cadre.jpg) no-repeat 0 0;
	width:				242px;
	height:				235px;
	float:				left;
}

div#body .header .right .l-l img {
	margin-top:			4px;
	margin-left:		3px;
}

/* Positionnement du footer */
div#body #footer {
	width:				738px;
	margin-top:			449px;
	height:				93px;
	border:				solid 1px #C2C2C2;
	border-top:			none;
	background-color:	#FFEA6B;
	position:			absolute;
	top:				286px;
}

div#body #footer .footer {
	text-align:			center;
	color:				#0079FE;
}

div#body #footer .footer a {
	color:				#0079FE;
}

div#body #footer .footer a:hover,
div#body #footer .footer .select {
	text-decoration:	underline;
}

div#body #footer .copy {
	text-align:			center;
	color:				#B5461B;
}

/* Positionnement du bloc central pour l'accueil */
div#body .accueil {
	width:				738px;
	height:				449px;
	position:			absolute;
	top:				286px;
	border-left:		solid 1px #C2C2C2;
	border-right:		solid 1px #C2C2C2;
	height:				449px
}

div#body .accueil .l-accueil {
	width:				346px;
	float:				left;
}

div#body .accueil .mn-accueil {
	width:				151px;
	float:				left;
}

div#body .accueil .mn-main {
	width:				143px;
	float:				left;
}

div#body .accueil .left {
	width:				80px;
	height:				220px;
	float:				left;
}

div#body .accueil .right {
	width:				346px;
	height:				220px;
	float:				left;
	background-color:	#C2C2C2;
	color:				#FFFFFF;
}

div#body .accueil .right .texte {
	margin:				5px;
}

div#body .accueil .right .texte p {
	color:				#FFFFFF;
}

div#body .accueil .championnat {
	width:				346px;
	height:				121px;
	border-bottom:		solid 1px #FFEA6B;
	background:			url(../images/fond-championnat.jpg) repeat-x 0 0;
}

div#body .accueil .championnat .habillage {
	width:				192px;
	height:				121px;
	float:				left;
}

div#body .accueil .championnat .texte {
	width:				346px;
	height:				121px;
	margin-left:		-192px;
	float:				left;
}

div#body .accueil .championnat .texte .titre {
	width:				192px;
	height:				96px;
	margin-left:		154px;
}

div#body .accueil .championnat .texte .titre h1 {
	font-size:			18pt;
	color:				#000000;
	font-weight:		normal;
}

div#body .accueil .championnat .texte .titre h2 {
	font-size:			12pt;
	color:				#B54619;
}

div#body .accueil .championnat .texte .more {
	width:				154px;
	height:				25px;
	margin-left:		192px;
	float:				left;
}

div#body .accueil .championnat .texte .more p {
	margin-top:			5px;
}

div#body .accueil .evennement {
	width:				346px;
	height:				100px;
	margin-top:			5px;
	border-bottom:		solid 1px #C2C2C2;
}

div#body .accueil .evennement h2 {
	margin:				5px;
	margin-top:			0;
	margin-bottom:		0;
	font-size:			7pt;
	color:				#FFEA6B;
}

div#body .accueil .evennement h3 {
	margin:				5px;
	margin-top:			0;
	margin-bottom:		0;
	font-size:			7pt;
	color:				#0079FE;
}

div#body .accueil .evennement p {
	margin:				5px;
	margin-top:			0;
	font-size:			7pt;
	color:				#FFFFFF;
}

div#body .accueil .mn-accueil .grey {
	width:				7px;
	height:				122px;
	float:				left;
	background-color:	#C2C2C2;
}

div#body .accueil .mn-accueil #menu {
	width:				143px;
	height:				116px;
	float:				left;
	margin-top:			5px;
	border-left:		dashed 1px #C2C2C2;
	border-bottom:		solid 1px #C2C2C2;
}

div#body .accueil .mn-main #menu {
	width:				143px;
	height:				116px;
	margin-top:			5px;
	border-bottom:		solid 1px #C2C2C2;
}

div#body .accueil #menu p {
	margin:				0;
	margin-left:		5px;
	text-transform:		uppercase;
	line-height:		12px;
}

div#body .accueil #menu p .select {
	color:				#F9E65B;
}

div#body .accueil .mn-accueil .actu {
	width:				150px;
	height:				326px;
	float:				left;
	border-left:		dashed 1px #C2C2C2;
	border-bottom:		solid 1px #C2C2C2;
	background-color:	#0079FE;
}

div#body .accueil .mn-main .actu {
	width:				143px;
	height:				326px;
	float:				left;
	border-bottom:		solid 1px #C2C2C2;
	background-color:	#0079FE;
}

div#body .accueil .mn-accueil .actu .bloc {
	margin-left:		9px;
/*	margin-left:		14px;*/
}

div#body .accueil .mn-main .actu .bloc {
	margin-left:		5px;
}

div#body .accueil .actu .bloc h2 {
	margin-top:			10px;
	font-size:			11pt;
	font-weight:		normal;
	color:				#FFEA6B;
}

div#body .accueil .actu .bloc h3 {
	font-size:			16pt;
	font-weight:		normal;
	text-transform:		uppercase;
	color:				#FFFFFF;
}

div#body .accueil .actu .bloc .act {
	height:				80px;
	cursor:				pointer;
}

div#body .accueil .actu .bloc .act h2 {
	font-size:			7pt;
}

div#body .accueil .actu .bloc .act p {
	color:				#FFFFFF;
	font-size:			7pt;
	margin:				0;
	margin-right:		3px;
}

div#body .accueil .edito {
	width:				241px;
	height:				328px;
	background:			url(../images/fond-edito.jpg) no-repeat 0 0;
	margin-top:			121px;
	float:				left;
}

div#body .accueil .edito .bloc {
	width:				228px;
	margin-top:			1px;
	margin-left:		3px;
}

div#body .accueil .edito .bloc td {
	width:				228px;
	height:				57px;
	background-color:	#014DA3;
	text-align:			center;
	vertical-align:		middle;
}

div#body .accueil .edito .bloc h2 {
	font-size:			18pt;
	color:				#FFEA6B;
	font-weight:		normal;
	text-transform:		uppercase;
}

div#body .accueil .edito .bloc .text {
	height:				267px;
	width:				228px;
	background-color:	#707070;
}

div#body .accueil .edito .bloc .text .texte {
	margin:				5px;
}

div#body .accueil .edito .bloc .text .texte p {
	color:				#FFFFFF;
}

div#body .accueil .edito .bloc .habillage {
	position:			absolute;
	top:				290px;
	right:				16px;
	z-index:			10;
}

/* Positionnement du bloc central sur toutes pages */
div#body .bloc-inside {
	width:				595px;
	height:				449px;
	background-color:	#FFFFFF;
	float:				left;
}

div#body .bloc-inside .titre-inside {
	margin:				8px;
}

div#body .bloc-inside .titre-inside h1 {
	font-size:			17pt;
	color:				#014DA3;
	text-transform:		uppercase;
	font-weight:		normal;
}

div#body .bloc-inside .text-inside {
	margin-left:		8px;
	width:				587px;
	height:				406px;
}

div#body .bloc-inside .text-inside .content {
	margin-right:		8px;
}

div#body .bloc-inside .text-inside .content .commission a {
	color:				#0079FE;
	font-size:			12pt;
	text-transform:		uppercase;
	font-weight:		bold;
}

div#body .bloc-inside .text-inside .content .actu h2,
div#body .bloc-inside .text-inside .content .event h2 {
	color:				#0079FE;
	margin-top:			10px
}

div#body .bloc-inside .text-inside .content .actu h3,
div#body .bloc-inside .text-inside .content .event h3 {
	color:				#014DA3;
}

div#body .bloc-inside .text-inside .content .actu h4,
div#body .bloc-inside .text-inside .content .docs h4 {
	color:				#014DA3;
	font-size:			10pt;
	text-transform:		uppercase;
	margin-bottom:		0;
}

div#body .bloc-inside .text-inside .content .actu p,
div#body .bloc-inside .text-inside .content .event p {
	margin:				0;
}

div#body .bloc-inside .text-inside .content .actu a,
div#body .bloc-inside .text-inside .content .lien .desc a {
	color:				#B5461B;
}

div#body .bloc-inside .text-inside .content .actu a:hover,
div#body .bloc-inside .text-inside .content .lien .desc a:hover {
	text-decoration:	underline;
}

div#body .bloc-inside .text-inside .content .actu .visuel {
	width:				135px;
	float:				left;
	margin-top:			10px;
}

div#body .bloc-inside .text-inside .content .actu .description {
	width:				430px;
	float:				left;
}

div#body .bloc-inside .text-inside .content .filtre {
	width:				142px;
	float:				right;
	text-align:			center;
}

div#body .bloc-inside .titre-inside .filtre {
	width:				165px;
	float:				right;
	margin-left:		8px;
	margin-top:			-24px;
}

div#body .bloc-inside .text-inside .content .filtre h4,
div#body .bloc-inside .titre-inside .filtre h4 {
	color:				#014DA3;
	font-size:			8pt;
	text-transform:		uppercase;
	margin:				0;
}

div#body .bloc-inside .text-inside .content .filtre select {
	border:				none;
	background:			url(../images/select.jpg) no-repeat 0 0;
	text-align:			center;
	font-size:			7pt;
	width:				140px;
	height:				17px;
}

div#body .bloc-inside .text-inside .content .filtre option {
	background-color:	#FFFFFF;
}

div#body .bloc-inside .titre-inside .filtre input {
	border:				solid 1px #014DA3;
	width:				136px;
	height:				13px;
	font-size:			7pt;
	text-align:			center;
}

div#body .bloc-inside .titre-inside .filtre .submit {
	border:				solid 1px #014DA3;
	font-size:			7pt;
	color:				#FFFFFF;
	background-color:	#014DA3;
	width:				20px;
	height:				17px;
	padding:			0;
	padding-bottom:		3px;
	cursor:				pointer;
	text-align:			center;
}

div#body .bloc-inside .text-inside .content .doc {
	width:				143px;
	height:				63px;
	float:				left;
}

div#body .bloc-inside .text-inside .content .doc a {
	color:				#000000;
}

div#body .bloc-inside .text-inside .content .media {
	width:				143px;
	float:				left;
}

div#body .bloc-inside .text-inside .content .lien .l-lien {
	width:				255px;
	float:				left;
	margin-bottom:		10px;
}

div#body .bloc-inside .text-inside .content .lien .r-lien {
	width:				255px;
	float:				right;
	margin-bottom:		10px;
}

div#body .bloc-inside .text-inside .content .lien .logo {
	width:				90px;
	float:				left;
}

div#body .bloc-inside .text-inside .content .lien .desc {
	width:				165px;
	float:				left;
}

div#body .bloc-inside .text-inside .content .lien .desc h2 {
	color:				#014DA3;
	font-weight:		normal;
	text-transform:		uppercase;
}

div#body .bloc-inside .text-inside .content .lien .desc h3 {
	font-weight:		normal;
}

div#body .bloc-inside .text-inside .content .lien .desc p,
div#body .bloc-inside .text-inside .content .plan p {
	margin:				0;
}

div#body .bloc-inside .text-inside .content .plan a {
	color:				#000000;
}

div#body .bloc-inside .text-inside .content .plan a:hover {
	text-decoration:	underline;
}

div#body .bloc-inside .text-inside .content .bureau {
	width:				260px;
	float:				left;
}

div#body .bloc-inside .text-inside .content .comite {
	width:				260px;
	float:				right;
}

div#body .bloc-inside .text-inside .content .membre h2 {
	font-size:			10pt;
	color:				#014DA3;
	text-transform:		uppercase;
	margin-bottom:		10px;
}

div#body .bloc-inside .text-inside .content .membre .photo {
	width:				120px;
	float:				left;
}

div#body .bloc-inside .text-inside .content .membre .desc {
	width:				140px;
	float:				left;
}

div#body .bloc-inside .text-inside .content .membre .desc h2 {
	font-size:			8pt;
	color:				#0079FE;
	text-transform:		uppercase;
	margin:				0;
}

div#body .bloc-inside .text-inside .content .membre .desc h3 {
	font-size:			8pt;
	color:				#B5461B;
	font-weight:		normal;
	margin:				0;
}

div#body .bloc-inside .text-inside .content .membre .desc p {
	margin:				0;
}

div#body .bloc-inside .text-inside .content .contact {
	width:				300px;
	float:				left;
}

div#body .bloc-inside .text-inside .content .coord {
	width:				230px;
	float:				right;
}

div#body .bloc-inside .text-inside .content .contact .label2 {
	width:				122px;
	float:				left;
}

div#body .bloc-inside .text-inside .content .contact .input,
div#body .bloc-inside .text-inside .content .contact .input2 {
	width:				178px;
	float:				left;
}

div#body .bloc-inside .text-inside .content .contact .input3 {
	width:				170px;
	float:				left;
}

div#body .bloc-inside .text-inside .content .contact .mandatory {
	width:				5px;
	float:				left;
}

div#body .bloc-inside .text-inside .content .contact .input input {
	width:				120px;
	height:				12px;
	border:				solid 1px #C2C2C2;
	font-size:			7pt;
}

div#body .bloc-inside .text-inside .content .contact .input select {
	width:				122px;
	height:				16px;
	border:				solid 1px #C2C2C2;
	font-size:			7pt;
}

div#body .bloc-inside .text-inside .content .contact .input3 textarea {
	width:				165px;
	height:				82px;
	border:				solid 1px #C2C2C2;
	font-size:			7pt;
	font-family:		arial;
}

div#body .bloc-inside .text-inside .content .contact .label3 {
	width:				155px;
	float:				left;
}

div#body .bloc-inside .text-inside .content .contact .input1 {
	width:				15px;
	float:				left;
}

div#body .bloc-inside .text-inside .content .contact .input1 input {
	margin:				0;
}

div#body .bloc-inside .text-inside .content .contact .submit {
	width:				44px;
	float:				right;
	margin-right:		10px;
}

div#body .bloc-inside .text-inside .content .contact .submit input {
	width:				44px;
	height:				12px;
	border:				none;
	background-color:	#004FA1;
	color:				#FFFFFF;
	text-transform:		uppercase;
	font-size:			6pt;
	text-align:			center;
}

div#body .bloc-inside .text-inside .content .contact p,
div#body .bloc-inside .text-inside .content .contact .field span {
	margin:				0;
	color:				#0079FE;
}

div#body .bloc-inside .text-inside .content .coord p {
	margin:				0;
}

div#body .bloc-inside .text-inside .content .coord a {
	color:				#000000;
}

div#body .bloc-inside .text-inside .content .coord a:hover {
	text-decoration:	underline;
}

/* Positionnement de la page d'introduction */
div#intro {
	position:			relative;
	width:				1000px;
	left:				50%;
	margin-left:		-500px;
	padding-top:		50px;
}

div#intro .intro {
	width:				1000px;
	height:				535px;
	background:			url(../images/fond-intro.jpg) no-repeat 0 0;
	position:			relative;
}

div#intro .intro .home {
	width:				25px;
	position:			absolute;
	height:				13px;
	top:				15px;
	left:				690px;
}

div#intro .intro .menu .link {
	width:				130px;
	margin-top:			70px;
}

div#intro .intro .menu a {
	color:				#000000;
	text-transform:		uppercase;
	font-weight:		bold;
	font-size:			10pt;
}

div#intro .intro .menu .m0 {
	position:			absolute;
	text-align:			center;
	top:				216px;
	left:				-7px;
	height:				90px;
	cursor:				pointer;
}

div#intro .intro .menu .m1 {
	position:			absolute;
	text-align:			center;
	top:				183px;
	left:				92px;
	height:				90px;
	cursor:				pointer;
}

div#intro .intro .menu .m2 {
	position:			absolute;
	text-align:			center;
	top:				227px;
	left:				178px;
	height:				90px;
	cursor:				pointer;
}

div#intro .intro .menu .m3 {
	position:			absolute;
	text-align:			center;
	top:				247px;
	left:				297px;
	height:				90px;
	cursor:				pointer;
}

div#intro .intro .menu .m4 {
	position:			absolute;
	text-align:			center;
	top:				191px;
	left:				425px;
	height:				90px;
	cursor:				pointer;
}

div#intro .intro .menu .m5 {
	position:			absolute;
	text-align:			center;
	top:				125px;
	left:				515px;
	height:				90px;
	cursor:				pointer;
}

div#intro .intro .menu .m6 {
	position:			absolute;
	text-align:			center;
	top:				79px;
	left:				633px;
	height:				90px;
	cursor:				pointer;
}

div#intro .intro .menu .m7 {
	position:			absolute;
	text-align:			center;
	top:				69px;
	left:				755px;
	height:				90px;
	cursor:				pointer;
}

div#intro .intro .menu .m8 {
	position:			absolute;
	text-align:			center;
	top:				115px;
	left:				857px;
	height:				90px;
	cursor:				pointer;
}

div#intro .intro .menu .link:hover a,
div#intro .intro .menu .m0:hover a,
div#intro .intro .menu .m1:hover a,
div#intro .intro .menu .m2:hover a,
div#intro .intro .menu .m3:hover a,
div#intro .intro .menu .m4:hover a,
div#intro .intro .menu .m5:hover a,
div#intro .intro .menu .m6:hover a,
div#intro .intro .menu .m7:hover a,
div#intro .intro .menu .m8:hover a,
div#intro .intro .menu a:hover {
	color:				#FD6C13;
}

div#intro .intro .menu .m0:hover {
	background:			url(../images/BE-ballon-m0.png) no-repeat 54% 13px;
}
div#intro .intro .menu .m1:hover {
	background:			url(../images/BE-ballon-m1.png) no-repeat 53% 13px;
}
div#intro .intro .menu .m2:hover {
	background:			url(../images/BE-ballon-m2.png) no-repeat 56% 12px;
}
div#intro .intro .menu .m3:hover {
	background:			url(../images/BE-ballon-m3.png) no-repeat 52% 12px;
}
div#intro .intro .menu .m4:hover {
	background:			url(../images/BE-ballon-m4.png) no-repeat 51% 13px;
}
div#intro .intro .menu .m5:hover {
	background:			url(../images/BE-ballon-m5.png) no-repeat 52% 13px;
}
div#intro .intro .menu .m6:hover {
	background:			url(../images/BE-ballon-m6.png) no-repeat 53% 13px;
}
div#intro .intro .menu .m7:hover {
	background:			url(../images/BE-ballon-m7.png) no-repeat 55% 13px;
}
div#intro .intro .menu .m8:hover {
	background:			url(../images/BE-ballon-m8.png) no-repeat 51% 12px;
}

div#intro .intro .actu {
	width:				158px;
	height:				202px;
	position:			absolute;
	bottom:				7px;
	right:				13px;
	background-color:	#0152A4;
}

div#intro .intro .actu .bloc {
	margin:				10px;
}

div#intro .intro .actu .bloc h3 {
	color:				#FFFFFF;
	font-size:			9pt;
	font-weight:		bold;
	text-transform:		uppercase;
}

div#intro .intro .actu .bloc .act {
	cursor:				pointer;
	color:				#FFFFFF;
}

div#intro .intro .actu .bloc .act p {
	color:				#FFFFFF;
}

div#intro .intro .actu .bloc .simply-scroll { /* Customisable base class for style override DIV */
	width:				138px;
	height:				182px;
	margin-top:			6px;
	margin-bottom:		0;
}

div#intro .intro .actu .bloc .simply-scroll .simply-scroll-clip {
	width:				138px;
	height:				182px;
}

div#intro .intro #foot {
	position:			absolute;
	bottom:				0;
}

div#intro .intro #foot .copy {
	color:				#0152A4;
	width:				294px;
	float:				left;
	margin-left:		30px;
	padding-bottom:		12px;
	font-size:			8pt;
}

div#intro .intro #foot .footer {
	width:				500px;
	float:				left;
	padding-bottom:		12px;
	color:				#0152A4;
	font-size:			8pt;
}

div#intro .intro #foot .footer a {
	color:				#0152A4;
	font-size:			8pt;
}

div#intro .intro #foot .footer a:hover {
	text-decoration:	underline;
}