/****************************************************************************************************************
	reset
****************************************************************************************************************/

@import url("reset.css");

/****************************************************************************************************************
	main rules
****************************************************************************************************************/

html, body{
	width: 100%;
	height: 100%;
}

body{
	font-size: 68.75%; /* 1em = 11px */
	text-align: center;
	color: #726e6e;
	min-height: 100%;
}

a{
	text-decoration: none;
	color: #e4142b;
}

a:hover, a:focus{ text-decoration: underline; }

/****************************************************************************************************************
	Flash Contents
****************************************************************************************************************/

#flashContainer {
	height:600px; 
}

.flashFormat1{
	height: 600px;
	width: 100%;
	min-width: 980px;
}

/* tricky IE6 : I want my min-width! */
.msie6 .flashFormat1{
	width:expression(Css_resize(););
	width:expression(document.body.clientWidth < 1020? "980px" :"100%" );
}

/****************************************************************************************************************
	Iframe Contents
****************************************************************************************************************/
#frameBlock {
    padding-top:10px;
    width:929px;
    margin:0 auto 42px;
    background-color:#fff;
}

#xtremeTV {
	height:546px;
	width:912px;
	display:block;
	margin:0 auto 0 7px;
}


/****************************************************************************************************************
	main stuff
****************************************************************************************************************/

#mainContent{
	padding: 10px;
}

#mainCore{
	margin: 0 auto;
	text-align: left;
	width: 980px;
}

/****************************************************************************************************************
	footer
****************************************************************************************************************/

#footer{
	margin: 0 auto;
	text-align: left;
	width: 940px;
	overflow: hidden;
	padding: 20px 20px 80px 20px;
}

#footerSiteMap{
	float: left;
	width: 810px;
	overflow: hidden;
	margin-bottom: 35px;
}

#footerSiteMap li{
	float: left;
	width: 160px;
}

#footerSiteMap li a{
	display: block;
	font-weight: bold;
	font-size: 1.18em;
	margin-bottom: 7px;
}

#footerSiteMap li ul li a{
	font-weight: normal;
	font-size: 0.83em;
	margin-bottom: 4px;
	letter-spacing: 1px;
}

#postFooter{
	width: 100%;
	clear: both;
}

#footerLinks{
	float: left;
}

#footerLinks li{
	float: left;
	padding: 0 5px;
	font-size: 0.83em;
	letter-spacing: 1px;
}

#QuickFr a{
	position: relative;
	width: 63px;
	height: 16px;
	background: url(/FRONT/QUICK/images/common/lg_quick-footer.png) no-repeat left top;
}

.msie6 #QuickFr a{ background: url(/FRONT/QUICK/images/common/lg_quick-footer-png8.png) no-repeat left top; }


#QuickLu a{
	position: relative;
	width: 63px;
	height: 16px;
	background: url(/FRONT/QUICK/images/common/logo_footer_lu.png) no-repeat left top;
}

.msie6 #QuickLu a{ background: url(/FRONT/QUICK/images/common/logo_footer_lu_8bit.png) no-repeat left top; }

#QuickBe a, #QuickNl a{
	position: relative;
	width: 68px;
	height: 16px;
	background: url(/FRONT/QUICK/images/common/logo_footer_be.png) no-repeat left top;
}

.msie6 #QuickBe a, .msie6 #QuickNl a{ background: url(/FRONT/QUICK/images/common/logo_footer_be_8bit.png) no-repeat left top; }

#footer p{
	float: right;
	font-size: 0.83em;
	letter-spacing: 1px;
}

#footerLinks li a, #footer p{
	padding-top: 4px;
	display: block;
}

#footerLinks li{ border-left: 1px solid; }
#footerLinks li.noBorder{ border-left: none; }

#footerLoca{
	float: right;
	width: 125px;
}

#footerLoca strong{
	display: block;
	margin-bottom: 5px;
}

#footerLoca li{	position: relative; }

#footerLoca .pseudoCombo{
	position: relative;
	display: block;
	width: 115px;
	height: 15px;
	background: url(/FRONT/QUICK/images/common/bg_combo.png) no-repeat left top;
	padding: 5px;
}

.msie6 #footerLoca .pseudoCombo{ background: url(/FRONT/QUICK/images/common/bg_combo-png8.png) no-repeat left top; }

#footerLoca ul{
	border: 1px solid;
	width: 123px;
	overflow: hidden;
}

.js #footerLoca ul{
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 44px;
}

#footerLoca ul li{
	display: block;
	padding: 2px 4px;
	font-size: 0.83em;
	letter-spacing: 1px;
}

#footerLoca a{ display: block; }
#footerLoca a:hover, #footerLoca ul li a:focus{ text-decoration: none; }

#sitePays{ z-index: 2; }
#langue{ z-index: 1; margin-top: 10px; }

/****************************************************************************************************************
	content
****************************************************************************************************************/

.pushList{
	overflow: hidden;
	width: 948px;
	padding: 0 16px;
}

.pushList li{
	float: left;
	width: 308px;
	height: 158px;
	margin: 0 4px;
	display: inline;
}

.pushList li a{
	display: block;
	padding: 4px;
	width: 300px;
	height: 150px;
	background: url(/FRONT/QUICK/images/common/bg_push.png) no-repeat 0 0;
}

.msie6 .pushList li a{ background-image: url(/FRONT/QUICK/images/common/bg_push-png8.png); }

.pushList li a:hover, .pushList li a:focus{
	text-decoration: none;
	background-position: 0 -158px;
}

.pushList li img, .pushList li span, .pushList li strong{ display: block; }

.pushList li strong{
	font-size: 1.36em;
	margin: 5px 7px;
}

.pushList li span{ margin: 0 7px; }


/* contact page */
.contactForm {
	height:634px;
}
.service-conso .contactForm {
	height:1030px;
}
		.contactForm h1 {
			width:138px;
			height:159px;
			margin:-56px 0 0 -17px;
			z-index:20px;
			position:relative;
			float:left;
			display:inline;
		}
		.firefox .contactForm h1 {
			margin-left:-19px;
		}
				.contactForm h1 a {
					display:block;
					width:138px;
					height:159px;
					background:url(/FRONT/QUICK/images/common/lg_quick-header.png) no-repeat;
				}
				
				.contactForm h1 .lang_nl {
					background-image:url(/FRONT/QUICK/images/common/lg_quick-header_nl.png);
				}
				
				.msie6 .contactForm h1 a {
					background:url(/FRONT/QUICK/images/common/lg_quick-header-png8.png) no-repeat 27px 17px;
				}
				.msie6 .contactForm h1 .lang_nl {
					background-image:url(/FRONT/QUICK/images/common/lg_quick-header_nl-png8.png);
				}
				.contactForm h1 span {
					position:absolute;
					left:-250em;
				}
		.contactForm #contact {
			float:left;
			width:650px;
			padding:42px 0 0 59px;
			color:#5b5854;
		}
				.contactForm #contact form {
					margin-top:20px;
				}
				.contactForm #contact form,
				.contactForm #contact fieldset {
					background:url(/FRONT/QUICK/images/common/border_form.png) repeat-x;
				}
				.contactForm #contact h2,
				.contactForm #contact fieldset {
					padding-left:34px;
				}
				.contactForm #contact fieldset {
					background-position:0 100%;
					width:613px;
					display:block;
					padding-top:16px;
					padding-bottom:3px;
				}
				.contactForm #contact fieldset:after {
					content: ".";
					display:block;
					visibility: hidden;
					clear: both;
					height: 0;
				}
				.contactForm #contact h2 {
					background-repeat:no-repeat;
					background-position:100% 0;
				}
						.contactForm #contact h2 span {
							position:absolute;
							left:-250em;
						}
				.contactForm #contact .tt_contact {
					background-image:url(/FRONT/QUICK/images/common/tt_contact.png);
					width:195px;
					height:20px;
				}
				.contactForm #contact .tt_service-conso {
					background-image:url(/FRONT/QUICK/images/common/tt_service-conso.png);
					width:288px;
					height:21px;
				}
				.contactForm #contact .tt_service-conso_nl {
					background-image:url(/FRONT/QUICK/images/common/tt_service-conso_nl.png);
					width:222px;
					height:21px;
				}				
				.contactForm #contact .tt_info-legales {
					background-image:url(/FRONT/QUICK/images/common/tt_infos-legales.png);
					width:271px;
					height:24px;
				}
				.contactForm #contact .tt_info-legales_nl {
					background-image:url(/FRONT/QUICK/images/common/tt_infos-legales_nl.png);
					width:271px;
					height:24px;
				}
				.contactForm #contact p {
					padding-bottom:10px;
					padding-right:40px;
					width:253px;
					float:left;
				}
				.contactForm #contact.contactNl p {
					padding-right:25px;
					width:268px;
				}
				.contactForm #contact .intitule {
					padding-bottom:20px;
					width:auto;
					float:none;
				}
				
				 
				.contactForm #contact .typeQuestion  {
					width:auto;
					float:none;
				}
				.contactForm #contact .address  {
					width:auto;
				}
				 				
				
						.contactForm #contact p input,
						.contactForm #contact p label {
							float:left;
						}
						.contactForm #contact p input {
							width:166px;
							height:16px;
							border:1px solid #adaba8;
						}
						
						.contactForm #contact.contactNl p input {
							width:146px;
						}
						.contactForm #contact p label {
							width:70px;
							text-align:right;
							font-weight:bold;
							margin-right:8px;
							margin-top:3px;
						}
						.contactForm #contact.contactNl p label {
							width:105px;
						}
						.contactForm #contact .intitule label {
							font-weight:normal;
							float:none;
						}
						.contactForm #contact .address input  {
							width:458px;
						}
						.contactForm #contact .typeQuestion label {
							width:auto !important;
							float:none;
							display: block;
							text-align: left;
							margin-bottom:3px;
						}
						.contactForm #contact .typeQuestion select {
							width:462px;
							border:1px solid #adaba8;
							margin-left: 76px;
						}						
						
						.contactForm #contact .double label {
							margin-top:-3px;
						}
						.contactForm #contact .homeContact p {
							width:auto;
						}
								.contactForm #contact .homeContact label,
								.contactForm #contact .homeContact input,
								.contactForm #contact .requete label {
									float:none;
								}
								.contactForm #contact .homeContact label {
									font-weight:normal;
								}
								.contactForm #contact .homeContact input {
									width:18px;
									margin-right:4px;
									text-align:center;
								}
						.contactForm #contact .requete label {
							font-weight:normal;
						}
						.contactForm #contact textarea {
							margin-top:10px;
							width:568px;
							height:81px;
							border:1px solid #adaba8;
						}
						.contactForm #contact .requete p {
							width:572px;
						}
								.contactForm #contact .requete small {
									float:left;
								}
								.contactForm #contact .requete .mandatoryFields {
									float:none;
									display:block;
									clear:both;
								}
								.contactForm #mainCore #contact .requete input {
									float:right;
									width:88px;
									height:23px;
									margin-top:5px;
									border:0;
								}

				.contactForm #contact .errorMsg {
					color:#f00;
					font-weight:bold;
					float:none;
					width:auto;
					padding:3px 0 0 34px;
					margin-bottom:-8px;
				}
				.service-conso #contact .errorMsg {
					padding:0 0 3px;
					margin:-11px 0 0;
				}

				.contactForm .mandatory label {
					color:#f00;
				}
				.contactForm .mandatory input,
				.contactForm .mandatory textarea {
					background-color:#f0c7c8;
				}
				.contactForm label.mandatory  {
					color:#f00;
					background:none;
				}
				.contactForm input.mandatory,
				.contactForm textarea.mandatory {
					background-color:#f0c7c8;
				}

/* service consommateur */
.service-conso h3 {
	color:#3f3934;
	font-size:1.091em;
	padding-bottom:17px;
}
		.service-conso #contact .infos {
			padding-bottom:13px;
		}
				.service-conso #contact .infos p {
					width:310px;
					padding-right:75px;
				}
				.service-conso .infos address {
					font-style:normal;
				}

						.service-conso .infos address a {
							color:#5b5854;
						}
		.service-conso #contact .incidentData p {
			clear:left;
			width:573px;
		}
		.service-conso #contact .incident label,
		.service-conso #contact .incident input {
			float:none;
		}
		.service-conso #mainCore #contact .incident input {
			width:56px;
			text-align:center;
			margin-right:5px;
		}
		.service-conso #contact .incident #dateIncident {
			width:96px;
			text-align:left;
			margin-right:10px;
		}
		.service-conso #contact .genLabel {
			font-weight:normal;
		}
		.service-conso #contact .intitule {
			padding:6px 0 13px;
		}
		.service-conso #contact p.employeeData {
			padding-right:0;
			width:610px;
		}
		.service-conso #contact .employeeData input {
			width:156px;
		}
		.service-conso #contact .employeeData #autreMotif {
			width:123px;
			margin:0;
		}
		.service-conso #contact .incident #driveIn,
		.service-conso #contact .incident #salle,
		.service-conso #contact .incident #emporter,
		.service-conso #contact .employeeData #oui,
		.service-conso #contact .employeeData #non,
		.service-conso #contact .employeeData #autre {
			width:13px;
			height:13px;
			margin:0 5px 0 0;
			border:0;
		}
		.service-conso #contact .employeeData #nomResponsable {
			margin-right:12px;
		}
		.service-conso #contact.contactNl #adresse {
			width:439px;
		}
		.service-conso #contact .employeeData #autre {
			margin-left:10px;
		}
		.service-conso #contact .requete {
			background:none;
		}
				.service-conso #contact .requete textarea {
					height:80px;
				}

/* infos legales */
.contactForm #contact ol {
	list-style:upper-alpha inside;
	padding-top:20px;
}
		.contactForm #contact ol li {
			font-weight:bold;
			background:url(/FRONT/QUICK/images/common/border_form.png) repeat-x;
			padding:14px 0 0 13px;
		}
				.contactForm #contact ol p {
					float:none;
					width:auto;
					padding-left:17px;
					font-weight:normal;
					padding-top:15px;
				}
				.contactForm #contact ol address {e
					font-weight:normal;
					font-style:normal;
					padding-left:17px;
				}
						.contactForm #contact ol address strong {
							display:block;
						}


	/* Dispatch */
#dispatch{
	background: url(/FRONT/QUICK/images/disptach/bg-Quick_old.jpg) #F3EEE8 center top no-repeat;
}

#dispatch #mainContent{
	width:760px;
	height: 250px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 273px 0 0 0;
}

#dispatch #mainContent h1{
	background: url(/FRONT/QUICK/images/disptach/logo-Quick.png) no-repeat;
	width: 161px;
	height: 226px;
	float:left;
	margin: 0 40px 0 3px;
	display:inline;
}

#dispatch.msie6 #mainContent h1{ background: none; background: url(/FRONT/QUICK/images/disptach/logo-Quick.gif) no-repeat; }

#dispatch #mainContent h1 span{
	position:absolute;
	left:-10000px;
}

#dispatch h2{
	padding-top: 6px;
}

#dispatch p{
	margin: 16px 0;
	font-size: 1.1em;
	color:#4a4d46;
}


#dispatch li{
	width: 81px;
	margin-right: 9px;
	float:left;
}

#dispatch li a{
	background: url(/FRONT/QUICK/images/disptach/bt_link.gif) 0 -31px no-repeat;
	display:block;
	width: 81px;
	height: 24px;
	font-size: 1.1em;
	color:#31352e;
	text-align:center;
	font-weight: bold;
	padding-top: 7px;
}

#dispatch li a:hover{
	background: url(/FRONT/QUICK/images/disptach/bt_link.gif) 0 0 no-repeat;
	text-decoration: none;
	color:#fff;
}

/* Page campus */
.quickCampus {
	height:795px;
}
		.quickCampus h1 {
			width:138px;
			height:159px;
			margin:-56px 0 0 -17px;
			z-index:20;
			position:relative;
			float:left;
			display:inline;
		}
		.firefox .quickCampus h1 {
			margin-left:-19px;
		}
				.quickCampus h1 a {
					display:block;
					width:138px;
					height:159px;
					background:url(../img/common/lg_quick-header.png) no-repeat;
				}
				.msie6 .quickCampus h1 a {
					background:url(/FRONT/QUICK/images/common/lg_quick-header-png8.png) no-repeat 27px 17px;
				}
				.quickCampus h1 span {
					position:absolute;
					left:-250em;
				}
				
/* page campusQuick */

/*********/
/*common*/
br.spacers{
	clear:both;
	display:block;
	height:1px;
	font-size:0px;
	margin-top:-1px;
}


/*********/

.quickCampus .contentCampus{
	background:transparent url(/FRONT/QUICK/images/common/bg_mainCore.gif) no-repeat;
	width:925px;
	height:737px;
	margin:0px 0px 0px 28px;
	position:absolute;
	z-index:15;
}

.quickCampus h1 {
	position:absolute;
}

.quickCampus .contentCampus img.votreAge {
	margin:42px 0px 0px 112px;
	float:left;
	z-index:15;
}

.quickCampus .contentCampus img.campusQuick {
	margin:60px 0px 0px 25px;
	float:left;
}

.quickCampus .contentCampus .carteQuick{
	float:left;
	background:transparent url(/FRONT/QUICK/images/common/bg_carte.png) no-repeat;
	width:498px;
	height:557px;
	margin:-85px 0px 0px 0px;
	z-index:10;
	position:relative;
}

* html .quickCampus .contentCampus .carteQuick{
	background:transparent url(/FRONT/QUICK/images/common/bg_carte.gif) no-repeat !important;
}

.quickCampus .contentCampus .rightSide{
	float:left;	
	margin-top:30px;
}

.quickCampus .contentCampus .rightSide #eventsQuick{
	background:transparent url(/FRONT/QUICK/images/common/bg_events.png) no-repeat;
	width:349px;
	height:366px;
	clear:both;
	margin:0px 0px 14px 8px;
	padding:5px 25px 0px 0px;
}

* html .quickCampus .contentCampus .rightSide #eventsQuick{
	background:none;
	background-color:#b6e8ff;
	width:345px;
	height:355px;
	margin-bottom:20px;	
}

.quickCampus .contentCampus .rightSide #eventsQuick h3.duAu{
	background:transparent url(/FRONT/QUICK/images/content/du_7_au_30.gif) no-repeat;
	height:24px;
	display:block;
	margin:0px 0px 6px -7px;
	font-size:0px;
	text-indent:-4444px;
	position:relative;
}

.quickCampus .contentCampus .rightSide #eventsQuick h3.leCampus{
	background:transparent url(/FRONT/QUICK/images/content/le_campus_quick.gif) no-repeat;
	height:24px;
	display:block;
	margin:0px 0px 6px -7px;
	font-size:0px;
	text-indent:-4444px;
	position:relative;
}

.quickCampus .contentCampus .rightSide #eventsQuick h3.chqueJrne{
	background:transparent url(/FRONT/QUICK/images/content/chaque_jrnee_campus_quick.gif) no-repeat;
	height:24px;
	display:block;
	margin:0px 0px 6px -7px;
	font-size:0px;
	text-indent:-4444px;
	position:relative;
}

.quickCampus .contentCampus .rightSide #eventsQuick p{
	color:#000;
	padding:0px 0px 15px 30px;
}

p.btn{
	background:transparent url(/FRONT/QUICK/images/content/btn_voir_programme.png) no-repeat;
	width:291px;
	height:40px;	
	margin-left:35px;
	padding:15px 0px 0px 22px;
	clear:both;
}

 * html p.btn{
	background:transparent url(/FRONT/QUICK/images/content/btn_voir_programme.gif) no-repeat;
}

p.btn a{
	background:transparent url(/FRONT/QUICK/images/common/arr_white.gif) no-repeat 0 1px;
	padding:0px 0px 0px 20px;	
	display:block;
}

p.btn a span.voirProgramme{
	background:transparent url(/FRONT/QUICK/images/content/voir_programme.gif) no-repeat 0 0px;
	width:242px;
	height:20px;
	display:block;
	cursor:pointer;
}

.quickCampus .contentCampus p.notation{
	clear:both;
	display:block;
	padding:8px 15px 0px 15px;
	color:#000;
}

/* Carte */

.locationCampus{
	position:absolute;
}

.locationCampus .infoBulle{
	position:absolute;
	display:none;
}

.locationCampus p.links a img{
	position:relative;
}

.locationCampus .infoBulle .content{
	background:transparent url(/FRONT/QUICK/images/common/bg_info_bulle.png) no-repeat;
	width:81px;
	padding:8px 2px 5px 20px;
	text-align:center;
	font-weight:bold;
	color:#000;
	position:relative;
}

* html .locationCampus .infoBulle .content{
	background:transparent url(/FRONT/QUICK/images/common/bg_info_bulle.gif) no-repeat;
}

.locationCampus .infoBulle .btmInfo{
	background:transparent url(/FRONT/QUICK/images/common/bg_btm_infoB.png) no-repeat;
	width:83px;
	height:7px;
	font-size:0px;
	clear:both;
	display:block;
	margin-left:20px;
}

* html .locationCampus .infoBulle .btmInfo{
	background:transparent url(/FRONT/QUICK/images/common/bg_btm_infoB.gif) no-repeat;
}

/* POSITIONNEMENT DES PICTOS & LOGOS PR CHAQUE CAMPUS */
/* LENS */
#lensCampus.locationCampus{
	top:78px;
	left:238px;
	z-index:1000;
}

#lensCampus.locationCampus a.logo{
	display: block;
	margin:2px 0px 0px 3px;
}

#lensCampus.locationCampus .infoBulle {
	top:-7px;
	left:12px;
}

/* VALENCIENNES */
#valenceinnesCampus.locationCampus{
	top:108px;
	left:270px;
	z-index:999;
}

#valenceinnesCampus.locationCampus a.nameCampus{
	margin:5px 0px 0px 5px;
}

#valenceinnesCampus.locationCampus a.logo{
	float:left;
}

#valenceinnesCampus.locationCampus .infoBulle {
	top:-25px;
	left:10px;
}

/* Le Havre */
#leHavreCampus.locationCampus{
	top:116px;
	left:160px;
	z-index:1001;
}

#leHavreCampus.locationCampus a.logo{
	display: block;
	margin:2px 0px 0px 15px;
}

#leHavreCampus.locationCampus .infoBulle {
	top:-15px;
	left:27px;
}

/* Paris */
#parisCampus.locationCampus{
	top:160px;
	left:230px;
	z-index:998;
}

#parisCampus.locationCampus a.logo{
	display: block;
	margin:2px 0px 0px 5px;
}

#parisCampus.locationCampus .infoBulle {
	top:-15px;
	left:17px;
}

/* STRASBOURG  */
#strasbourgCampus.locationCampus{
	top:172px;
	left:380px;
	z-index:995;
}

#strasbourgCampus.locationCampus a.logo{
	display: block;
	margin:0px 0px 0px 22px;
}

#strasbourgCampus.locationCampus .infoBulle {
	top:-15px;
	left:35px;
}


/* Le Mans  */
#lemansCampus.locationCampus{
	top:198px;
	left:104px;
	z-index:999;
}

#lemansCampus.locationCampus a.logo{	
	margin:0px 0px 0px 0px;
	float:left;
}

#lemansCampus.locationCampus a.nameCampus{
	float:left;
	margin:12px 5px 0px 0px;
}

#lemansCampus.locationCampus .infoBulle {
	top:-20px;
	left:65px;
}

/* orleans  */
#orleansCampus.locationCampus{
	top:213px;
	left:203px;
	z-index:996;
}

#orleansCampus.locationCampus a.logo{	
	margin:0px 0px 0px 0px;
	float:left;
}

#orleansCampus.locationCampus a.nameCampus{
	float:left;
	margin:8px 0px 0px 2px;
}

#orleansCampus.locationCampus .infoBulle {
	top:-25px;
	left:52px;
}

/* Auxerre  */
#auxerreCampus.locationCampus{
	top:230px;
	left:280px;
	z-index:995;
}

#auxerreCampus.locationCampus a.logo{	
	margin:0px 0px 0px 0px;
	float:left;
}

#auxerreCampus.locationCampus a.nameCampus{
	float:left;
	margin:5px 0px 0px 2px;
}

#auxerreCampus.locationCampus .infoBulle {
	top:-25px;
	left:52px;
}


/* Sochaux  */
#sochauxCampus.locationCampus{
	top:222px;
	left:383px;
	z-index:990;
}

#sochauxCampus.locationCampus a.logo{	
	margin:0px 0px 0px 0px;
	float:left;
}

#sochauxCampus.locationCampus a.nameCampus{
	float:left;
	margin:5px 0px 0px 2px;
}

#sochauxCampus.locationCampus .infoBulle {
	top:-25px;
	left:52px;
}


/* Dijon  */
#dijonCampus.locationCampus{
	top:255px;
	left:310px;
	z-index:994;
}

#dijonCampus.locationCampus a.logo{	
	margin:0px 0px 0px 0px;
	float:left;
}

#dijonCampus.locationCampus a.nameCampus{
	float:left;
	margin:5px 0px 0px 2px;
}

#dijonCampus.locationCampus .infoBulle {
	top:-25px;
	left:52px;
}

/* Tours  */
#toursCampus.locationCampus{
	top:245px;
	left:168px;
	z-index:997;
}

#toursCampus.locationCampus a.logo{	
	margin:0px 0px 0px 6px;
}

#toursCampus.locationCampus .infoBulle {
	top:-18px;
	left:20px;
}


/* Nantes  */
#nantesCampus.locationCampus{
	top:248px;
	left:100px;
	z-index:999;
}

#nantesCampus.locationCampus a.logo{	
	margin:0px 0px 0px 6px;
}

#nantesCampus.locationCampus .infoBulle {
	top:-18px;
	left:20px;
}


/* Chalon  */
#chalonCampus.locationCampus{
	top:285px;
	left:287px;
	z-index:990;
}

#chalonCampus.locationCampus a.logo{	
	margin:0px 0px 0px 0px;
	float:left;
}

#chalonCampus.locationCampus a.nameCampus{	
	margin:3px 0px 0px 2px;
	float:left;
}

#chalonCampus.locationCampus .infoBulle {
	top:-30px;
	left:87px;
}

/* Lyon  */
#lyonCampus.locationCampus{
	top:327px;
	left:312px;
	z-index:991;
}

#lyonCampus.locationCampus a.logo{	
	margin:0px 0px 0px 0px;
	float:left;
}

#lyonCampus.locationCampus a.nameCampus{	
	margin:3px 0px 0px 2px;
	float:left;
}

#lyonCampus.locationCampus .infoBulle {
	top:-27px;
	left:35px;
}


/* Saint Etienne  */
#saintEtienneCampus.locationCampus{
	top:347px;
	left:193px;
	z-index:992;
}

#saintEtienneCampus.locationCampus a.logo{	
	margin:0px 0px 0px 0px;
	float:left;
}

#saintEtienneCampus.locationCampus a.nameCampus{	
	margin:7px 2px 0px 0px;
	float:left;
}

#saintEtienneCampus.locationCampus .infoBulle {
	top:-27px;
	left:94px;
}

/* Grenoble  */
#grenobleCampus.locationCampus{
	top:357px;
	left:330px;
	z-index:990;
}

#grenobleCampus.locationCampus a.logo{	
	margin:0px 0px 0px 0px;
	float:left;
}

#grenobleCampus.locationCampus a.nameCampus{	
	margin:5px 0px 0px 3px;
	float:left;
}

#grenobleCampus.locationCampus .infoBulle {
	top:-27px;
	left:59px;
}


/* Nice  */
#niceCampus.locationCampus{
	top:403px;
	left:360px;
	z-index:980;
}

#niceCampus.locationCampus a.logo{	
	margin:0px 0px 0px 0px;
	float:left;
}

#niceCampus.locationCampus a.nameCampus{	
	margin:8px 2px 0px 0px;
	float:left;
}

#niceCampus.locationCampus .infoBulle {
	top:-28px;
	left:38px;
}


/* marseille  */
#marseilleCampus.locationCampus{
	top:432px;
	left:304px;
	z-index:981;
}

#marseilleCampus.locationCampus a.logo{	
	margin:0px 0px 0px 15px;
}

#marseilleCampus.locationCampus a.nameCampus{	
	margin:0px 0px 2px 0px;
}

#marseilleCampus.locationCampus .infoBulle {
	top:-28px;
	left:38px;
}


/* montPellier  */
#montpellierCampus.locationCampus{
	top:394px;
	left:255px;
	z-index:990;
}

#montpellierCampus.locationCampus a.logo{	
	margin:0px 0px 0px 20px;
}

#montpellierCampus.locationCampus a.nameCampus{	
	margin:0px 0px 2px 0px;
}

#montpellierCampus.locationCampus .infoBulle {
	top:-28px;
	left:45px;
}


/* Toulouse  */
#toulouseCampus.locationCampus{
	top:412px;
	left:188px;
	z-index:991;
}

#toulouseCampus.locationCampus a.logo{	
	margin:0px 0px 2px 13px;
}

#toulouseCampus.locationCampus a.nameCampus{	
	margin:0px 0px 0px 0px;
}

#toulouseCampus.locationCampus .infoBulle {
	top:-28px;
	left:24px;
}


/* Pau  */
#pauCampus.locationCampus{
	top:400px;
	left:119px;
	z-index:991;
}

#pauCampus.locationCampus a.logo{	
	margin:0px 0px 2px 0px;
}

#pauCampus.locationCampus a.nameCampus{	
	margin:0px 0px 0px 4px;
}

#pauCampus.locationCampus .infoBulle {
	top:-28px;
	left:24px;
}


/*************************************************************************************/
/* page Form campus*/
/*************************************************************************************/
#formCampus img.bigTitle{
	height:161px;
	display:block;
	margin:20px 0px 8px -47px;
	clear:both;
}


* html #formCampus h2{
	background:transparent url(/FRONT/QUICK/images/content/pour_vivre_une_journee.gif) no-repeat;
}

#formCampus div.formQuick{
	background:transparent url(/FRONT/QUICK/images/common/bg_my_form.png) no-repeat;
	width:803px;
	height:455px;
	clear:both;
	margin:0px 0px 12px 65px;
}

* html #formCampus div.formQuick{
	background:none;
	background-color:#b6e8ff;
}

#formCampus div.formQuick fieldset{
	color:#009ee0;
	font-weight:bold;
}

#formCampus div.formQuick fieldset.leftSide{
	padding:20px 0px 0px 7px;
	width:395px;
	float:left;
	margin:0px;
}

#formCampus div.formQuick fieldset.rightSide{
	padding:20px 0px 0px 10px;
	width:390px;
	float:left;
	margin:0px;
}

#formCampus div.formQuick fieldset.rightSide h3{
	padding-bottom:42px;
}

#formCampus div.formQuick fieldset h3{
	overflow:hidden;
	display:block;
	font-size:0px;
	text-indent:-4444px;
	clear:both;
	height:24px;
}

#formCampus div.formQuick fieldset.leftSide h3 img,#formCampus div.formQuick fieldset.rightSide h3 img{
	float:left;
}

#formCampus div.formQuick fieldset.leftSide h3 span{
	background:transparent url(/FRONT/QUICK/images/content/tes_info.gif) no-repeat;
	height:19px;
	margin:4px 0px 0px 5px;
	float:left;
	width:100px;
}


#formCampus div.formQuick fieldset.rightSide h3 span{
	background:transparent url(/FRONT/QUICK/images/content/contact_parent.gif) no-repeat;
	height:19px;
	margin:4px 0px 0px 5px;
	float:left;
	width:105px;
}

#formCampus div.formQuick fieldset p.chmps{
	padding:20px 0px 10px 30px !important;
	clear:both;
	display:block;
}

#formCampus div.formQuick fieldset p{
	padding:9px 0px 0px 30px;
	overflow:hidden;
}

#formCampus div.formQuick fieldset p.civilite{
	padding-bottom:10px;
}

#formCampus div.formQuick fieldset p label{
	float:left;	
}

#formCampus div.formQuick fieldset p label.label{
	width:150px;	
}

#formCampus div.formQuick fieldset p input{
	border:none;
	float:left;
}

#formCampus div.formQuick fieldset p input.inputRadio{
	width:14px;
	height:14px;
	margin:0px 0px 0px 2px;
}

input#radio_0_0{
	margin-right:40px !important;
}

input#radio_1_0,input#radio_1_1{
	margin-right:30px !important;
}

#formCampus div.formQuick fieldset p input.inputText{
	width:173px;
	height:18px;	
	padding:2px 2px 0px 3px;
}

#formCampus div.formQuick fieldset p select#field_enfant_accompagne{
	width:180px;
	height:19px;	
	padding:2px 2px 0px 3px;
	float:left;
	border:0px !important;
	border-style:0px;
}

#formCampus div.formQuick fieldset p span{
	background:transparent url(/FRONT/QUICK/images/content/bg_input.gif) no-repeat;
	width:181px;
	height:22px;
	float:left;
}

#formCampus div.formQuick fieldset p span.monthInput,#formCampus div.formQuick fieldset p span.dayInput{
	background:transparent url(/FRONT/QUICK/images/content/input_naiss_1.gif) no-repeat;
	width:41px;
	height:22px;
}

#formCampus div.formQuick fieldset p span.yearInput{
	background:transparent url(/FRONT/QUICK/images/content/input_naiss_2.gif) no-repeat;
	width:61px;
	height:22px;
}

#formCampus div.formQuick fieldset p.dateNaiss b.sep{
	float:left;
	font-size:21px;
	margin:0px 7px 0px 6px;
}

#formCampus div.formQuick fieldset p span.monthInput input,#formCampus div.formQuick fieldset p span.dayInput input{
	width:34px;
	height:18px;
}

#formCampus div.formQuick fieldset p span.yearInput input{
	width:52px;
	height:18px;
}

#formCampus p.btn{
	clear:both;
	float:right;
	margin:0px 65px 0px 0px;
}
#formCampus p.btn a{
	margin-left:95px;
}

* html #formCampus p.btn{
	margin:0px 30px 0px 0px;
}

#formCampus p.btn span.valider{
	background:transparent url(/FRONT/QUICK/images/content/valider.gif) no-repeat 0 0px;
	width:53px;
	height:17px;
	display:block;
	cursor:pointer;
}

#formCampus p.notation{
	clear:both;
	display:block;
	padding:5px 15px 0px 15px;
	color:#000;
	font-size:9px;
}

#formCampus div.formQuick fieldset p.error label{
	color:red;
}

#formCampus div.formQuick fieldset p.error input{
	color:red;
}

#formCampus div.formQuick fieldset p#msgError{
	color:red;
	display:none;
	
}


/******************************/
/* pages Win & Lose Campus*/
/*****************************/

#winLosCampus .containerWin{
	background:transparent url(/FRONT/QUICK/images/content/tickets_win.png) no-repeat bottom left;
	display:block;
	width:921px;
	height:690px;
	margin:47px 0px 0px 4px;	
}

#winLosCampus .containerLose{
	background:transparent url(/FRONT/QUICK/images/content/tickets_lose.png) no-repeat bottom left;
	display:block;
	width:921px;
	height:690px;
	margin:47px 0px 0px 4px;	
}

* html #winLosCampus .containerWin{
	background:transparent url(/FRONT/QUICK/images/content/tickets_win.gif) no-repeat;

}

* html #winLosCampus .containerLose{
	background:transparent url(/FRONT/QUICK/images/content/tickets_lose.gif) no-repeat;	
	margin-left:0px !important;
}

#winLosCampus .winTitle{
	margin:0px 0px 40px 538px;
}

#winLosCampus .loseTitle{
	margin:0px 0px 40px 525px;
}

#winLosCampus .msgWin{
	margin:0px 0px 0px 404px;
}

#winLosCampus .msgLose{
	margin:0px 0px 0px 452px;
}