@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("skin.css");
@import url("quizz.css");
@import url("quizz_famille.css");
@import url("stand.css");

/* Copyright 2008 CLIENT (COMPANY). All Rights Reserved.
   The following software licensing rules apply:
   http://www.SITE-CLIENT.com/copyright-software */

/* ******************  BODY  *************** */
body { font: 12px/14px Arial, Helvetica, sans-serif; }
a { text-decoration: none; color: #000; }
a.jouezY:link, a.jouezY:visited {
	background: url(img/jouez-bg-yellow.gif) 0 0 no-repeat;
	display: block;
	width: 77px;
	height: 38px;
}
a.jouezY:hover, a.jouezY:active {
	background: url(img/jouez-bg-yellow-over.gif) 0 0 no-repeat;
	display: block;
	width: 77px;
	height: 38px;
}
a.jouezB:link, a.jouezB:visited {
	background: url(img/jouez-bg-blanc.gif) 0 0 no-repeat;
	display: block;
	width: 77px;
	height: 38px;
}
a.jouezB:hover, a.jouezB:active {
	background: url(img/jouez-bg-blanc-over.gif) 0 0 no-repeat; 
	display: block;
	width: 77px;
	height: 38px;
}
.c2Jouez { position: absolute; top: 75px; left: 160px; }
span { display: none; }
strong { font-weight: bold; }
#retour { 
	position: absolute;
	top: 150px;
	right: 100px;
	padding-left: 15px;
	background: url(img/retour.jpg) 0 4px no-repeat;
	color: #FF9900;
	font-weight: bold;
}

/* ####################################### GAGNEZ C2 */
#voiture {
	position: absolute;
	top: 232px;
	left: 401px;
	width: 427px;
	height: 300px;
	background: #FFF url(img/voiture.jpg) bottom left no-repeat;
}
#voiture h2 {
	width: 291px;
	height: 29px;
	background: url(img/gagnez-c2.gif) -2px 0 no-repeat;
}
#voiture ul { margin: 10px 10px 0 0; }
#voiture ul li { float: left; margin-right: 15px; }
#voiture ul li a.lienReglement {
	display: block;
	padding-top: 12px;
	padding-left: 10px;
	background: url(img/fleche.jpg) 0 15px no-repeat;
}
#voiture ul li a.lienReglement:hover, #c2 ul li a.lienReglement:active { text-decoration: underline; }

/* ####################################### QUIZZ */
#quizz {
	width: 265px;
	height: 268px;
	position: absolute;
	background: transparent url(img/voiture-revisez-jouez.jpg) 0 0 no-repeat;
	z-index: 1000;
	left: 57px;
	top: 380px;
}
#quizz h3 {
	display: none;
}
#quizz a {
	position: absolute;
	top: 85px;
	left: 140px;
}
/* ####################################### PROFIL */
#profil {
	position: absolute;
	top: 200px;
	left: 315px;
	width: 427px;
	height: 300px;
}
#profil h2 {
	width: 394px;
	height: 35px;
	background: url(img/quel-profil-conducteur.jpg) 0 0 no-repeat;
	margin-left: 80px;
}
/* ####################################### PARRAINAGE */
#parrainage {
	position: absolute;
	top: 200px;
	left: 420px;
	width: 347px;
	height: 321px;
	background: url(img/parrainez-vos-amis.jpg) 0 0 no-repeat;
}
#parrainage form {
	position: absolute;
	top: 170px;
	left: 80px;
}
#parrainage form fieldset input {
	font-size: 15px;
	border: none;
}
#parrainage form fieldset input#parrainageOk {
	position: absolute;
	top: 0px;
}
#parrainage form fieldset {
	margin-bottom: 8px;
	position: relative;
}
#parrainage a.rejouez:link, #parrainage a.rejouez:visited {
	background: url(img/jouez-bg-yellowfade.gif) 0 0 no-repeat;
	display: block;
	width: 100px;
	height: 38px;
	position: absolute;
	top: 260px;
	left: 120px;
}
#parrainage a.rejouez:hover, #parrainage a.rejouez:active {
	background: url(img/jouez-bg-yellowfade-over.gif) 0 0 no-repeat;
	display: block;
	width: 100px;
	height: 38px;
}
/* ####################################### GRATTAGE */
#grattage {
	position: absolute;
	top: 200px;
	left: 420px;
	width: 347px;
	height: 321px;
	background: url(img/grattez-vite.jpg) 0 0 no-repeat;
}
#grattage a.continuer:link, #grattage a.continuer:visited {
	background: url(img/continuer-off.gif) 0 0 no-repeat;
	display: block;
	width: 110px;
	height: 38px;
	position: absolute;
	top: 260px;
	left: 120px;
}
#grattage a.continuer:hover, #grattage a.continuer:active {
	background: url(img/continuer.gif) 0 0 no-repeat;
	display: block;
	width: 110px;
	height: 38px;
}
/* ####################################### COORDONNEES */
#coordonnees {
	position: absolute;
	top: 185px;
	left: 325px;
}
#coordonnees h2 {
	background: url(img/coordonnees-h2.gif) 0 0 no-repeat;
	width: 374px;
	height: 44px;
}
#coordonnees form#form_civilite {
	width: 509px;
	height: 295px;
	position: relative;
	background-color: #FFF;
	background-image: url(img/coordonnees_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#coordonnees form#form_civilite input, #coordonnees form#form_civilite select, #coordonnees form#form_civilite textarea {
	border: none;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#nom { top: 26px; left: 20px; width: 182px; height: 21px; }
#prenom { top: 26px; left: 210px; width: 182px; height: 21px; }
#mail { top: 57px; left: 20px; width: 182px; height: 21px; }
#ville { top: 88px; left: 20px; width: 218px; height: 21px; }
#cp { top: 88px; left: 245px; width: 146px; height: 21px; }
#adresse { top: 119px; left: 20px; width: 370px; height: 40px; }
#vehicule { top: 169px; left: 20px; width: 146px; height: 21px; }
#annee { top: 57px; left: 210px; width: 182px; height: 21px; }
#coordonnees a.envoyer:link, #coordonnees a.envoyer:visited {
	background: url(img/envoyer-bg.gif) 0 0 no-repeat;
	display: block;
	width: 100px;
	height: 38px;
	position: absolute;
	top: 170px;
	left: 310px;
}
#coordonnees a.envoyer:hover, #coordonnees a.envoyer:active {
	background: url(img/envoyer-bg-over.gif) 0 0 no-repeat;
}
#coordonnees p.info {
	color: #666;
	font: 9px/10px Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 213px;
	left: 20px;
	width: 430px;
	height: 60px;
	overflow: auto;
}
#coordonnees p {
	position: absolute;
	top: 180px;
	left: 20px;
	width: 450px;
	line-height: 20px;
}
#coordonnees p input {
margin-left: 20px;
}

/* ####################################### HOME */
#mondialAuto {
	position: absolute;
	top: 321px;
	left: 50px;
	z-index: 1000;
}
#c2Index {
	z-index: 2000;
	position: absolute;
	top: 240px;
	left: 300px;
	width: 268px;
	height: 295px;
	background: #FFF url(img/index2-c2.jpg) no-repeat;
}
.indexBtn {
	position: absolute;
	top: 16px;
	left: 135px;
}
.indexBtn2 {
	position: absolute;
	top: 80px;
	left: 145px;
}
#quizzIndex {
	z-index: 3000;
	position: absolute;
	top: 270px;
	left: 570px;
	width: 262px;
	height: 262px;
	background: #FFF url(img/index2-permis.jpg) no-repeat;
}
#ecureuil {
	z-index: 4000;
	position: absolute;
	top: 155px;
	left: 555px;
	width: 245px;
	height: 110px;
	background: url(img/index2-ecureuil.jpg) no-repeat;
}
.blogBtn {
	position: absolute;
	width: 73px;
	height: 30px;
	top: 65px;
	left: 30px;
	background: url(img/leblog.jpg) no-repeat;
}
#liste_reglement {
	background-color: #CC0000;
	color: #FFF;
	text-align: center;
	padding: 15px 0;
}
#liste_reglement a:link, #liste_reglement a:visited {
	color: #FFF;
}
.popup {
	font: 12px/15px Arial, Helvetica, sans-serif;
	padding: 20px 20px;
}
.popup h1 {
	font: bold 14px/19px Verdana, Helvetica, sans-serif;
	text-align: left;
}
.popup h2 {
	font-weight: bold;
	margin-top: 15px; 
}
#bravoResultat {
	position: absolute;
	top: 250px;
	left: 380px;
	width: 450px;
}

#bravoResultat p.etoile {
	margin-top: 30px;
	color: #999;
	font: 10px/11px Verdana, Arial, Helvetica, sans-serif;
}
#apDiv1 {
	position:absolute;
	left:403px;
	top:293px;
	width:407px;
	height:258px;
	z-index:2;
}
#apDiv1 span {
	display: block;
}
#apDiv1 h2 {
	color: #CC0000;
	font-weight: bold;
	font-size: 16px;
}
#apDiv1 a {
	display: block;
	padding: 0 0 0 10px;
	margin-top: 10px;
	background: url(img/fleche.jpg) 0 3px no-repeat;
	color: #FF9900;
	font-weight: bold;
}
#apDiv1 p {
	margin-top: 15px;
}
#texte {
	position:absolute;
	left:180px;
	top:633px;
	z-index:1000;
	font-size:9px;}
/* FOOTER ################################################### */
#footer {
	position: absolute;
	top: 660px;
	left: 300px;
	width: 400px;
	color:#666;
}
#footer li {
	float: left;
	padding_left: 150px;
	padding: 0 10px;
	border-right: 1px solid;
}
#footer li a {
	color:#666;
}
#footer li.noBorder {
	border-right: none;
}