/*
MainSite CSS
Changelog:
	- Created by PMartin 2005 Nov. 14
*/
/* ----------------------------------- */
body {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			small;
	color:				#000;
	background-color:	#ccc;
}

div, p, ul, li, a, object, embed {
	margin:				0;
	padding:			0;
}
a {
	text-decoration:	none;
}
/* ----------------------------------- */


/* ----------------------------------- */
#recruits {
position: 				absolute;
/*height:				790px;*/ 
width:					170px;
bottom:					0;
font-size:				large;
color:					#fff;
}

.recruits a,
.recruits a:visited {
text-decoration:			underline;
color:					#fff;
}
/* ----------------------------------- */


/* ----------------------------------- */
#homePageContainer {
	position:			absolute;
	width:				885px;
	height:				572px;
	left:				50%;
	top:				50%;
	margin-left:		-442px;
	margin-top:			-286px;
	padding:			0;
	background-color:	#8F8F8F;
	border:				none;
}

#homePageContainer .homePagePics {
	position:				absolute;
	margin:					40px 0 0 0;
	width:					885px;
	height:					275px;
}
#homePageContainer .homePagePics ul {
	list-style-type:		none;
}
#homePageContainer .homePagePics ul li {
	position:				absolute;
	display:				inline;
	width:					210px;
	height:					275px;
}
#homePageContainer .homePagePics ul li a {
	display:				block;
	padding:				10px;
	height:					275px;
	
	text-align:				justify;
	text-decoration:		none;
	color:					#000;
	font-size:				xx-small;
	font-weight:			bold;
	
	background-color:		transparent;
	background-repeat:		no-repeat;
	background-position:	0px 0px;
}
#homePageContainer .homePagePics ul li a span {
	visibility:				hidden;
	padding:				10px;
}
/* ---------------- */
#homePageContainer .homePagePics ul li.hiPerf_fr,
#homePageContainer .homePagePics ul li.hiPerf_en {
	margin:					0 0 0 108px;
}
#homePageContainer .homePagePics ul li.hiPerf_fr a {
	background-image:		url(HomePage/HiPerf_FR.jpg);
}
#homePageContainer .homePagePics ul li.hiPerf_en a {
	background-image:		url(HomePage/HiPerf_EN.jpg);
}
/* ---------------- */
#homePageContainer .homePagePics ul li.hiDef_fr,
#homePageContainer .homePagePics ul li.hiDef_en {
	margin:					0 0 0 338px;
}
#homePageContainer .homePagePics ul li.hiDef_fr a {
	background-image:		url(HomePage/HiDef_FR.jpg);
}
#homePageContainer .homePagePics ul li.hiDef_en a {
	background-image:		url(HomePage/HiDef_EN.jpg);
}
/* ---------------- */
#homePageContainer .homePagePics ul li.hiFi_fr,
#homePageContainer .homePagePics ul li.hiFi_en {
	margin:					0 0 0 568px;
}
#homePageContainer .homePagePics ul li.hiFi_fr a {
	background-image:		url(HomePage/HiFi_FR.jpg);
}
#homePageContainer .homePagePics ul li.hiFi_en a {
	background-image:		url(HomePage/HiFi_EN.jpg);
}
/* ---------------- */
#homePageContainer .homePagePics .bottomTitle_fr{
	margin:					370px 0 0 0;
	display:				block;
	width:					885px;
	height:					53px;
	
	background-repeat:		no-repeat;
	background-position:	center;
}
#homePageContainer .homePagePics .bottomTitle_en {
	margin:					370px 0 0 20px;
	display:				block;
	width:					885px;
	height:					53px;
	
	background-repeat:		no-repeat;
	background-position:	center;
}
#homePageContainer .homePagePics .bottomTitle_fr {
	background-image:		url(HomePage/BottomTitle_FR.jpg);
}
#homePageContainer .homePagePics .bottomTitle_en {
	background-image:		url(HomePage/BottomTitle_EN.jpg);
}
/* ---------------- */
#homePageContainer .homePagePics .enterButtons {
	margin:					20px 0 0 0;
	display:				block;
	width:					885px;
	height:					16px;
	text-align:				center;
}
/* ----------------------------------- */



/* ----------------------------------- */
#container {
	position:				relative;
	width:					845px;
	margin:					10px auto 0 auto;
	color:					#000;
	background-color:		#373737;
	background-image:		(Design/CWD/MainSite/SideBarBG.jpg);
	background-position:	right;
	background-repeat:		repeat-y;
	
	border:					1px solid #666;
}
/* ----------------------------------- */



/* ----------------------------------- */
#portal {
	width:				655px;
	background-color:	#a5020a;
	border:				none;
}
#portal .picture {
	width:				210px;
	font-size:			xx-small;
	text-align:			center;
	vertical-align:		top;
}
#portal .title {
	font-size:			xx-small;
	text-align:			center;
	vertical-align:		middle;
}
#portal .description {
	padding:			5px;
	font-size:			xx-small;
	text-align:			left;
	vertical-align:		top;
}
#portal .description a {
	text-decoration:	none;
	color:				#fff;
}
/* ----------------------------------- */



/* ----------------------------------- */
#headerBar {
	margin-right:			190px;
	height:					65px;
	background-image:		url(Design/CWD/MainSite/HeaderBG_655x65.jpg);
	background-position:	left;
	background-repeat:		no-repeat;
	
}
/* ----------------------------------- */



/* ----------------------------------- */
#navBar {
	/* margin-right:			190px;*/
	height:					25px;
	color:					#000;
	background-color:		#a5020a;
}
#navBar ul {
	/*width:					655px;*/
	height:					25px;
	margin:					0;
	padding:				0;
	list-style-type:		none;
}
#navBar ul li {
	display:				inline;
}
#navBar.en ul li a {
	float:					left;
	width:					100px;
	height:					25px;
	text-decoration:		none;
	background-image:		url(Design/CWD/Menu_EN.jpg);
	background-repeat:		no-repeat;
}
#navBar.fr ul li a {
	float:					left;
	width:					100px;
	height:					25px;
	text-decoration:		none;
	background-image:		url(Design/CWD/Menu_FR.jpg);
	background-repeat:		no-repeat;
}

#navBar ul li a span {
	visibility:				hidden;
	font-size:				1px;
}

#navBar ul li a.pilots { background-position:	0px 0px; }
#navBar ul li a.partners { background-position:	-100px 0px; }
#navBar ul li a.wheretobuy { background-position:	-200px 0px; }
#navBar ul li a.secondhand { background-position:	-300px 0px; }
#navBar ul li a.misc { background-position:	-400px 0px; }
#navBar ul li a.collection { background-position:	-500px 0px; }
#navBar ul li a.contact { background-position:	-600px 0px; }

#navBar ul li a:hover.pilots,
#navBar ul li a.pilots_act { background-position:	0px -25px; }
#navBar ul li a:hover.partners,
#navBar ul li a.partners_act { background-position:	-100px -25px; }
#navBar ul li a:hover.wheretobuy,
#navBar ul li a.wheretobuy_act {  background-position:	-200px -25px; }
#navBar ul li a:hover.secondhand,
#navBar ul li a.secondhand_act { background-position:	-300px -25px; }
#navBar ul li a:hover.misc,
#navBar ul li a.misc_act { background-position:	-400px -25px; }
#navBar ul li a:hover.collection,
#navBar ul li a.collection_act { background-position:	-500px -25px; }
#navBar ul li a:hover.contact,
#navBar ul li a.contact_act { background-position:	-600px -25px; }
/* ----------------------------------- */



/* ----------------------------------- */
#sideBar {
	position:				absolute;
	width:					190px;
	left:					655px;
	color:					#fff;
}

#sideBar #mainLogo {
	width:					190px;
	height:					21px;
	text-align:				center;
	background-color:		#373737;
	background-image:		url(Design/CWD/MainSite/Logo_Blanc_190x90.jpg);
	background-position:	top;
	background-repeat:		no-repeat;
	padding-top:			69px;
	font-size:				0.8em;
}
#sideBar #mainLogo a {
	text-decoration:		underline;
	color:					#fff;
}

#sideBar #colourTitle {
	padding:				1px;
	font-size:				large;
	text-align:				center;
	border-top:				1px solid #fff;
	border-bottom:			1px solid #fff;
}
#sideBar #description {
	background-color:		transparent;
}

#sideBar #description .description {
	margin:				20px;
	color:				#fff;
	font-size:			x-small;
	font-weight:			bold;
	line-height:			140%;
	text-indent:			1em;
	text-align:			justify;
	height:				150px;
}
#sideBar #descriptionPortal .description {
	margin:				20px;
	color:				#fff;
	font-size:			x-small;
	font-weight:			bold;
	line-height:			140%;
	text-indent:			1em;
	text-align:			justify;
	height:				150px;
}

#sideBar #description .bubble {
	margin:					15px 0 0 0;
	padding:				2px;
	color:					#000;
	text-indent:			1em;
	text-align:				right;
	font-size:				xx-small;
	background-image:		url(Design/CWD/MainSite/RightPattern.jpg);
	border-top:				1px solid #000;
	border-bottom:			1px solid #000;
}
/* ----------------------------------- */



/* ----------------------------------- */
#content {
	position:				relative;
	margin:					0 190px 0 0;
	padding:				1px;
	color:					#000;
	font-size:				medium;
	background-color:		#fff;
	min-height:				346px;
}
#contentNP {
	position:				relative;
	margin:					0 190px 0 0;
	padding:				0;
	color:					#000;
	font-size:				medium;
	background-color:		#fff;
	min-height:				346px;
}
#content a {
	color:					#776253;
	text-decoration:			none;
}
#content a:visited {
	color:					#4f443c;
}
#content a:hover {
	color:					#A60808;
}
#content form {
	padding-top:			20px;
	width:					550px;
	clear:					both;
	font-size:				small;
}

#content form .label {
	margin:					2px;
	float:					left;
	width:					150px;
	text-align:				right;
}
#content form .value {
	margin:					2px;
	float:					right;
	width:					350px;
	text-align:				left;
}
#content form .value1 {
	margin:					2px;
	float:					right;
	width:					150px;
	text-align:				left;
}
#content form .value2 {
	margin:					2px;
	float:					right;
	width:					200px;
	text-align:				center;
}
#content form .value1 input, 
#content form .value2 input, 
#content form .value input,
#content form .value select,
#content form .value textarea
{
	border:					1px solid #000;
	background-image:		url(Design/CWD/MainSite/InputsBG.jpg);
	background-repeat:		no-repeat;
	background-color:		#fff;
}
#content form br {
	clear:					both;
}
/* ----------------------------------- */



/* ----------------------------------- */
#content #pilotsList {
	background-image:		url("Pilots/BG.jpg");
	background-repeat:		no-repeat;
	background-attachment:	fixed;
	background-position:	center 120px;
}

#content h3.ranking {
	margin:					10px 0 0 50px;
	padding:				0;
	width:					550px;
	font-size:				0.9em;
}
#content ul.top10 {
	width:					100%;
	margin:					0;
	padding:				5px;
}
#content ul.top10 li {
	display:				inline;
	margin:					0;
	padding:				0;
	font-size:				11px;
}
#content ul.top50 {
	width:					100%;
	margin:					0;
	padding:				5px;
}
#content ul.top50 li {
	display:				inline;
	margin:					0;
	padding:				0;
	font-size:				11px;
}

#content h3.pilotsList {
	margin:					10px 0 0 50px;
	padding:				0;
	width:					550px;
	font-size:				0.9em;
	border-top:				1px solid #ddd;
}
#content h3.pilotsList img {
	float:					right;
	width:					20px;
	height:					12px;
	padding:				5px;
}
#content ul.pilotsList {
	width:					450px;
	margin:					0 0 0 80px;
	list-style-type:		none;
	background-position:	left;
}
#content ul.pilotsList li {
	display:				inline;
	margin:					1px;
	padding:				0 2px 0 2px;
	height:					20px;
	font-size:				11px;
	line-height:			25px;
}
#content ul.pilotsList a {
	white-space:			nowrap;
}
/* ----------------------------------- */



/* ----------------------------------- */
#content ul.partnersList {
	text-align:				center;
	list-style-type:			none;
}
#content ul.partnersList li {
	display:				inline;
}
#content ul.partnersList li a,
#content ul.partnersList li img {
	border:					none;
}
/* ----------------------------------- */



/* ----------------------------------- */
.scene {
	width:					655px;
	height:					440px;
	background-image:		url(Collection/Scene/Scene.jpg);
}
.scene ul {
	list-style-type:		none;
}
.scene ul li {
	display:				inline;
	position:				absolute;
}
.scene ul li span,
.scene ul li a {
	display:				block;
	background-color:		transparent;
	background-repeat:		no-repeat;
	background-position:	0px -300px;
}
.scene ul li span a span {
	visibility:				hidden;
}
.scene ul li a:hover {
	background-position:	0px 0px;
}
.scene ul li a:hover span {
	/* visibility:				visible; */
}
/* ---------------- */
.scene ul li.enrennements {
	margin:					111px 0 0 68px;
	width:					67px;
	height:					240px;
}
.scene ul li.enrennements a {
	height:					240px;
	background-color:		transparent;
	background-image:		url(Collection/Scene/Bridons.jpg);
}
/* ---------------- */
.scene ul li.briderie {
	margin:					57px 0 0 133px;
	width:					115px;
	height:					131px;
}
.scene ul li.briderie a {
	height:					131px;
	background-color:		transparent;
	background-image:		url(Collection/Scene/Muserolles.jpg);
}
/* ---------------- */
.scene ul li.martingales {
	margin:					66px 0 0 588px;
	width:					59px;
	height:					209px;
}
.scene ul li.martingales a {
	height:					209px;
	background-color:		transparent;
	background-image:		url(Collection/Scene/Martingales.jpg);
}
/* ---------------- */
.scene ul li.sangles {
	margin:					75px 0 0 462px;
	width:					127px;
	height:					240px;
}
.scene ul li.sangles a {
	height:					240px;
	background-color:		transparent;
	background-image:		url(Collection/Scene/Sangles.jpg);
}
/* ---------------- */
.scene ul li.guetres {
	margin:					164px 0 0 210px;
	width:					135px;
	height:					61px;
}
.scene ul li.guetres a {
	height:					61px;
	background-color:		transparent;
	background-image:		url(Collection/Scene/Guetres.jpg);
}
/* ---------------- */
.scene ul li.selles {
	margin:					35px 0 0 350px;
	width:					133px;
	height:					276px;
}
.scene ul li.selles a {
	height:					276px;
	background-color:		transparent;
	background-image:		url(Collection/Scene/Selles.jpg);
}
/* ---------------- */
.scene ul li.pilotes {
	margin:					75px 0 0 247px;
	width:					95px;
	height:					92px;
}
.scene ul li.pilotes a {
	height:					92px;
	background-color:		transparent;
	background-image:		url(Collection/Scene/Pilotes.jpg);
}
/* ----------------------------------- */


/* ----------------------------------- */
#whereToBuyHolder {
	width:				635px;
	height:				350px;
	background-image:	url("WhereToBuy/BG.jpg");
	background-repeat:	no-repeat;
	padding:			10px 10px 10px 10px;
	
}
#whereToBuyHolder form {
	float:				left;
	width:				100%;
	height:				50px;
}
#whereToBuyHolder #resultCommercial {
	float:				left;
	margin:				35px 0 0 380px;
	width:				245px;
	height:				90px;
	font-size:			0.9em;
}
#whereToBuyHolder #resultReseller {
	float:				left;
	margin:				55px 0 0 380px;
	width:				245px;
	height:				90px;
	font-size:			0.9em;
}
#whereToBuyHolder #resultCommercial img,
#whereToBuyHolder #resultReseller img {
	float:				right;
	margin:				-30px -20px 0 0;
}

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



/* ----------------------------------- */
#content .pilotDetail {
	margin:					50px 20px 50px 20px;
	border:					none;
}
#content .pilotDetail h1 {
	text-align:				left;
	color:					#f0a131;
	font-size:				large;
}
#content .pilotDetail .country {
	margin-left:			10px;
	color:					#bd0324;
	font-size:				large;
}
#content .pilotDetail .pilotPic {
	padding:				4px;
	border:					none;
}
#content .pilotDetail a:hover .pilotPic {
	padding:				3px;
	border:					1px dashed #bd0324;
}

#content .pilotDetail ul {
	list-style-type:		none;
}
#content .pilotDetail ul li {
	width:					420px;
	clear:					both;
	font-size:				small;
}
#content .pilotDetail .label {
	float:					left;
	width:					100px;
	text-align:				right;
}
#content .pilotDetail .value {
	float:					right;
	width:					280px;
	text-align:				left;
}

#content .pilotDetail .quote {
	padding:				0 0 0 40px;
	text-indent:			2em;
	text-align:				justify;
	color:					#26164b;
	quotes:					"«" "»" "'" "'";
	font-size:				small;
}
#content .pilotDetail .quote:before {
	content: 				open-quote;
	color:					#a5020a;
	font-size:				medium;
	font-weight:			bold;
}
#content .pilotDetail .quote:after {
	content: 				close-quote;
	color:					#a5020a;
	font-size:				medium;
	font-weight:			bold;
}
/* ----------------------------------- */



/* ----------------------------------- */
#content #miscLeft
{
	position: 				absolute;
	width:					153px;
	font-size:				x-small;
	left: 						0px;
	
}
#content #miscRight
{
	position:				relative;	
	width:					500px;
	margin-left:			153px;
	font-size:				small;
}
#content #miscRight .video
{
	display:				inline;
	width:					500px;
	margin:					0;
}

#content #miscLeft .block
{
	display:				block;
	padding:				0;
	margin:					10px 0 3px 0;
	padding:				0 3px 0 3px;
	background-image:		url(Misc/LeftBG_Mid.jpg);
}
#content #miscLeft .block h1
{
	padding:				1px 0 0 3px;
	margin:					0;
	color:					#333;
	text-align:				left;
	font-size:				small;
	font-weight:			bold;
	background-image:		url(Misc/LeftBG_Top.jpg);
	background-position:	top;
	background-repeat:		no-repeat;
}

#content #miscLeft .block ul
{
	padding:				0;
	margin:					0;
	list-style:				none;
	background-image:		url(Misc/LeftBG_Bot.jpg);
	background-position:	bottom;
	background-repeat:		no-repeat;
	background-color:		none;
}
#content #miscLeft .block ul li
{
	text-indent:			1em;
	margin:					0 0 3px 0;
	background-color:		none;
}

#content #miscLeft .block ul li a 
{
	color:					#990000;
	font-size:				10px;
}

#content #miscLeft .block ul li a:hover
{
	color:					#FF0000;
	font-size:				11px;
}

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

/* ----------------------------------- */
#secondHand {
	margin:					5px 10px 50px 10px;
	border:					none;
}
#secondHand h1 {
	text-align:				left;
	color:					#efd303;
	font-size:				large;
}

#secondHand ul.itemDetail {
	list-style-type:		none;
}
#secondHand ul.itemDetail li {
	width:					600px;
	clear:					both;
	font-size:				small;
	margin:					5px;
}
#secondHand ul.itemDetail li .label {
	float:					left;
	width:					250px;
	text-align:				right;
}
#secondHand ul.itemDetail li .value {
	float:					right;
	width:					340px;
	text-align:				left;
	font-weight:			bold;
}

#secondHand ul.picturesList {
	text-align:				center;
	margin:					20px auto 0 auto;
	list-style-type:		none;
}
#secondHand ul.picturesList li {
	display:				inline;
	margin:					5px;
}


#secondHand table {
	font-size:				small;
}
#secondHand table .tHeader {
	font-weight:			bold;
	color:					#888;
	background-color:		#efd303;
}
#secondHand table .tLine_1,
#secondHand table .tLine_1 a {
	background-color:		#ddd;
}
#secondHand table .tLine_2,
#secondHand table .tLine_2 a {
	background-color:		#eee;
}
#secondHand table img {
	border:					none;
}
#secondHand table .tPageSelection,
#secondHand table .tPageSelection a {
	text-align:				center;
	color:					#333;
	background-color:		#efd303;
}
#secondHand table .tPageSelection a {
	text-decoration:		underline;
}
/* ----------------------------------- */



/* ----------------------------------- */
#content .contact {
	margin:					50px 20px 50px 20px;
	border:					none;
}
#content .contact .postIt {
	padding:				10px;
	margin:					10px;
	font-size:				small;
	background-color:		#ffff83;
	border:					1px dashed #6784ff;
	background-repeat:		no-repeat;
}
#content .contact .postIt .title {
	display:				block;
	margin:					1px 60px 10px 2px;
	color:					#6784ff;
	font-size:				small;
	font-weight:			bold;
	text-align:				left;
}
#content .contact .phone {
	width:					250px;
	margin-left:			60px;
	background-image:		url(Design/CWD/MainSite/Phone.jpg);
	background-position:	210px 0px;
}
#content .contact .address {
	width:					250px;
	margin-left:			120px;
	background-image:		url(Design/CWD/MainSite/Stamp.jpg);
	background-position:	210px 0px;
}
#content .contact .map {
	width:					300px;
	margin-left:			180px;
	background-image:		url(Design/CWD/MainSite/Map.jpg);
	background-position:	260px 0px;
}
/* ----------------------------------- */



/* ----------------------------------- */
#content .adminMenu {
	margin:					20px 10px 40px 10px;
	padding:				5px;
	font-size:				small;
	border:					1px dashed #f00;
	background-image:		url(Admin/AdminBG.jpg);
}
#content .adminMenu h1 {
	font-weight:			bold;
	font-size:				medium;
	color:					#fff;
	text-align:				left;
}
/* ----------------------------------- */



/* ----------------------------------- */
#footerBar {
	display:				block;
	padding:				1px 0 1px 0;
	height:					12px;
	font-size:				xx-small;
	text-align:				center;
}
#footerBar img {
	padding:				1px;
	text-decoration:		none;
	border:					none;
}
/* ----------------------------------- */



/* ----------------------------------- */
#langBar {
	display:				block;
	padding:				2px 0 0 0;
	height:					12px;
	text-align:				center;
}
#langBar img {
	padding:				1px;
	text-decoration:		none;
	border:					none;
}
.easterEgg
{
	visibility:				hidden;
	display:				none;
	font-size:				1px;
}
/* ----------------------------------- */



/* ----------------------------------- */
.bg_orange {
	color:					#fff;
	background-color:		#e98c06;
}
.bg_indigo {
	color:					#fff;
	background-color:		#26164b;
}
.bg_fushia {
	color:					#fff;
	background-color:		#bd0324;
}
.bg_grey {
	color:					#fff;
	background-color:		#89959c;
}
.bg_yellow {
	color:					#fff;
	background-color:		#efd303;
}
.bg_lemongreen {
	color:					#fff;
	background-color:		#88b30e;
}
.bg_black {
	color:					#fff;
	background-color:		#000;
}

.asterisque {
	color:					#CC0000;
}

.italique {
	color: 					#CC0000;
	font-size:				12px;
	font-style:				italic;
}
/* ----------------------------------- */

.indexbody{	
			background-color:	#FFFFFF;
		}
		
.divindex{
			position:		absolute;
			margin-left:   	120px;
			margin-top:    	230px;
			color:			#990000;
			font-size:		20px;
			font-weight:	bold;
}

.divimage{
			position:		absolute;
			margin-left:   	340px;
			margin-top:    	300px;
}

.logo{
			position:		absolute;
			margin-left:	340px;
			margin-top:     70px;
}

.video{
			position:relative;
			margin-left:	230px;
			margin-top:     70px;
}
