/* INITIALISATION ----------------------------------------------------------------------------------- */

* {margin: 0; padding: 0;}
html {height: 100%;}
img {border: 0; margin: 0;}
form {margin: 0; padding: 0;}
p {margin-bottom: 10px;}
ul {margin-left: 0px;}

body {
	background-color: #535353;
	color: #6E6E6E;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, ;
	font-size: 11px;
	height: 100%;
	width: 320px;
	margin: 0;
	padding: 0;
	}



/* STRUCTURE GÉNÉRALE ------------------------------------------------------- */

	.global {
		width: 320px;
		margin: 0px;
		overflow: none;
		background-color: #FFFFFF;
		}
	.header { height: 50px; }
	.retour { display: block; float: right; padding-right: 30px; padding-top: 5px;}
	.logo { position: relative; margin-left: 10px; }
	.conteneur { background: url(../images/iphone_contenu_bg.gif) repeat-x; padding: 10px; }



/* ACCUEIL -------------------------------------------------------------------- */
	.conteneur label {
		width: 65px;
		height: 20px;
		margin: 2px 5px 2px 0px;
		text-align: right;
		display: block;
		float: left;
		line-height: 20px;
		font-weight: bold;
		}
	.conteneur select {
		width: 300px;
		margin: 2px 0px;
		border: solid 1px #FF7E00;
		}

	.conteneur hr { margin: 10px 0px; color: #6E6E6E; }

	.etablissement {
		display: block;
		background: url(../images/iphone_etablissement_bg.gif) top left no-repeat;
		margin-bottom: 8px;
		padding: 5px 3px 1px 3px;
		text-decoration: none;
		}
		.etablissement a { text-decoration: none; }

	.etablissementPaye {
		display: block;
		background: url(../images/iphone_etablissement_bg_paye.jpg) top left no-repeat;
		margin-bottom: 8px;
		padding: 5px 3px 1px 3px;
		text-decoration: none;
		}
		.etablissementPaye a { text-decoration: none; }

	.nom {
		color: #FF7E00;
		text-decoration: none;
		font-size: 12px;
		font-weight: bold;
		display: block;
		text-transform: uppercase;
		}
	.categorie {
		color: #6E6E6E;
		text-decoration: none;
		font-weight: bold; 
		}



/* FICHE ----------------------------------------------------------------- */

	.navigation {
		background-image: url(../images/iphone_nav_bg.gif);
		float: left;
		padding: 6px 0px;
		margin-bottom: 5px;
		}



		/* ENVOYER A UN AMI ----------------------------------------------------------------- */

		#div_form_ami {
			display:none;
			color:#999999;
			width: 300px;
			margin: 10px 0px;
			}
		#div_form_ami textarea {
			width: 270px;
			height: 80px;
			padding:3px 5px 3px 5px;
			color: #6E6E6E;
			font-family: Trebuchet MS, Verdana, Arial, Helvetica, ;
			font-size: 11px;
			border: solid 1px #FF7E00;
			margin-left: 10px;
			}
		#div_form_ami label {
			width: 90px;
			height: 20px;
			margin: 2px 5px 2px 0px;
			text-align: right;
			display: block;
			float: left;
			line-height: 20px;
			font-weight: bold;
			}
		#div_form_ami input {
			width: 180px;
			margin: 2px 0px;
			color: #6E6E6E;
			font-family: Trebuchet MS, Verdana, Arial, Helvetica, ;
			font-size: 11px;
			border: solid 1px #FF7E00;
			}

		#confirm_form_ami
		{	display:none;
			color:#999999;
			text-align: center;
			width: 300px;
		}


		/* CONTACT ----------------------------------------------------------------- */

		#div_form_contact {
			display:none;
			color:#999999;
			width: 280px;
			margin: 10px 0px;
			}
		#div_form_contact textarea {
			width: 250px;
			height: 80px;
			padding:3px 5px 3px 5px;
			color: #6E6E6E;
			font-family: Trebuchet MS, Verdana, Arial, Helvetica, ;
			font-size: 11px;
			border: solid 1px #FF7E00;
			margin-left: 10px;
			}
		#div_form_contact .label {
			width: 90px;
			height: 20px;
			margin: 2px 5px 2px 0px;
			text-align: right;
			display: block;
			float: left;
			line-height: 20px;
			font-weight: bold;
			}
		#div_form_contact input {
			width: 160px;
			margin: 2px 0px;
			color: #6E6E6E;
			font-family: Trebuchet MS, Verdana, Arial, Helvetica, ;
			font-size: 11px;
			border: solid 1px #FF7E00;
			}

		#confirm_form_contact
		{
			display:none;
			color:#999999;
			text-align: center;
			width: 280px;
		}



















/* A CLEANER */





.numEtape
{
	float: left;
	padding-left: 15px;
}

.titreEtape
{
	float: left; 
	color: #8DD313;
	font-family: trebuchet MS; 
	font-size: 18px;
	font-weight: bold; 
	padding-top: 14px; 
	padding-left: 10px;
}

.sousTitreEtape
{
	color: #FF7E00;
	font-family: trebuchet MS; 
	font-size: 13px;
	font-weight: bold;
}


.divInputGrand
{
	margin-top: 5px;
	width: 223px;
	height: 22px; 
	background-image: url("../images/input_grand.jpg");
	background-position: top center;
	background-repeat: no-repeat;
}

.divInputGrandMdp
{
	margin-top: 5px;
	width: 223px;
	height: 22px; 
	background-image: url("../images/input_mdp.jpg");
	background-position: top center;
	background-repeat: no-repeat;
}

.divInputGeant
{
	margin-top: 5px;
	width: 300px;
	height: 22px; 
	background-image: url("../images/input_geant.jpg");
	background-position: top center;
	background-repeat: no-repeat;
}

.divInputGrandMdpConfirm
{
	margin-top: 5px;
	width: 223px;
	height: 22px; 
	background-image: url("../images/input_mdp_confirm.jpg");
	background-position: top center;
	background-repeat: no-repeat;
}

.divInputAncienMdp
{
	margin-top: 5px;
	width: 223px;
	height: 22px; 
	background-image: url("../images/input_ancien_mdp.jpg");
	background-position: top center;
	background-repeat: no-repeat;
}

.divInputNouveauMdp
{
	margin-top: 5px;
	width: 223px;
	height: 22px; 
	background-image: url("../images/input_nouveau_mdp.jpg");
	background-position: top center;
	background-repeat: no-repeat;
}

.divInputNouveauMdpConfirm
{
	margin-top: 5px;
	width: 223px;
	height: 22px; 
	background-image: url("../images/input_nouveau_mdp_confirm.jpg");
	background-position: top center;
	background-repeat: no-repeat;
}

.inputGrand
{
	background-color: transparent; 
	border: 0px; 
	margin-top: 2px;
	margin-left: 7px; 
	font-family: trebuchet MS; 
	color: #6e6e6e;
	font-size: 12px; 
	text-decoration: none;
	width: 209px;
}

.inputGeant
{
	background-color: transparent; 
	border: 0px; 
	margin-top: 2px;
	margin-left: 7px; 
	font-family: trebuchet MS; 
	color: #6e6e6e;
	font-size: 12px; 
	text-decoration: none;
	width: 286px;
}


.divInputPetit
{
	margin-top: 5px;
	width: 77px;
	height: 22px; 
	background-image: url("../images/input_petit.jpg");
	background-position: top center;
	background-repeat: no-repeat;
}

.inputPetit
{
	background-color: transparent; 
	border: 0px; 
	margin-top: 2px;
	margin-left: 7px; 
	font-family: trebuchet MS; 
	color: #6e6e6e;
	font-size: 12px; 
	text-decoration: none;
	width: 63px;
}

.divTextarea
	{
	margin-top: 5px;
	width: 223px;
	height: 49px; 
	background-image: url("../images/textarea.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	}
	.textarea
		{
		background-color: transparent;
		margin-top: 2px;
		margin-left: 7px; 
		font-family: trebuchet MS; 
		color: #6E6E6E;
		border: none;
		font-size: 12px; 
		text-decoration: none;
		width: 209px;
		height: 43px;
		}

.divTextarea2 {
	margin-top: 5px;
	width: 223px;
	height: 100px; 
	background-image: url("../images/textarea2.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	}
	.divTextarea2 .textarea {
		background-color: transparent;
		margin-top: 2px;
		margin-left: 7px; 
		font-family: trebuchet MS; 
		color: #6E6E6E;
		border: none;
		font-size: 12px; 
		text-decoration: none;
		width: 209px;
		height: 94px;
		}


#fondAccepteCondition
{
	position: fixed;
	top: 0px;
	z-index: 100;
	display: none;
	width: 100%; 
	height: 100%; 
	background-color: #000000; 
	opacity : 0.5; 
	filter : alpha(opacity=50); 
	left: 0px;
}

#accepteCondition /* présent dans style ie*/
{
	z-index: 150;
	display: none; 
	position: absolute;
	top: 100px; 
	left: 340px; 
	border: solid 1px #6e6e6e;
	color: #6e6e6e;
	width: 200px; 
	padding: 10px;
	text-align: left;
	text-align: justify;
}

#divAddEcole
{
	z-index: 200;
	display: none; 
	position: absolute;
	top: 250px; 
	left: 35%; 
	background-color: #FFFFFF; 
	color: #555555; 
	width: 400px; 
	padding: 10px;
	text-align: left;
}

#divAuthentif
{
	z-index: 200;
	display: none; 
	position: absolute;
	background-image: url(../images/lightbox_600_bg.gif);
	color: #555555; 
	padding-top: 20px;
	text-align: left;
	width: 600px;
	top: 120px;
	left: 50%;
	margin-left: -300px;
}

.titreAuth
{
	color: #8DD313;
	font-family: trebuchet MS; 
	font-size: 18px;
	font-weight: bold; 
	padding-top: 14px; 
	padding-left: 10px;
}

.titreMembre
{
	color: #8DD313;
	font-family: trebuchet MS; 
	font-size: 18px;
	font-weight: bold; 
}



.texteRouge
{
	color: #de2739;
	font-size: 12px;
	font-family: trebuchet MS; 
	text-decoration: none;
}

#track
{
	position: relative;
	background-image: url(../images/curseur_bg.gif);
	width:160px;
	float: left;
	margin: 0px 5px 0px 0px;
}

#track2
{
	position: relative;
	background-image: url(../images/curseur_bg.gif);
	width:160px;
	float: left;
	margin: 0px 5px 0px 0px;
}

#modifRech
{
	z-index: 500;
	display: none; 
	position: absolute;
	background-image: url(../images/lightbox_450_bg.gif);
	color: #555555; 
	padding-top: 20px;
	text-align: left;
	width: 450px;
	top: 120px;
	left: 50%;
	margin-left: -225px;
}

.resultat_rue
{
	padding-top: 5px;
	display: block;
	height: 20px;
	font-family: trebuchet MS; 
	color: #999999;
	font-size: 12px; 
	text-decoration: none;
}

.resultat_rue:hover
{
	color: #FFFFFF;
	background-color: #999999;
}

.resultat_ecole
{
	padding-top: 5px;
	display: block;
	height: 20px;
	font-family: trebuchet MS; 
	color: #999999;
	font-size: 12px; 
	text-decoration: none;
}

.resultat_ecole:hover
{
	color: #FFFFFF;
	background-color: #999999;
}





#confirm_selection
{
	display:none;
	position:absolute;
	top: 200px;
	margin-left: -330px;
	background-image: url(../images/lightbox_350_bg.gif);
	background-color:#FFF;	
	color:#999999;
	text-align: center;
	width: 350px;
	z-index: 400;
}

#divPreview
{
	display: none;	
	position: absolute;
	top: 270px;
	background-image: url(../images/lightbox_450_bg.gif);
	color: #999999;
	width: 450px;
	left: 50%;
	margin-left: -225px;
	z-index: 150;
}


#introExplo
{
	z-index: 200;
	display: none; 
	position: absolute;
	background-image: url(../images/lightbox_600_bg.gif);
	color: #555555; 
	padding-top: 20px;
	text-align: left;
	width: 600px;
	top: 200px;
	left: 50%;
	margin-left: -300px;
}


.titrePage
{
	color: #666666;
	font-family: trebuchet MS;
	font-size: 18px; 
	font-weight: bold;
	padding-top: 15px;
	margin-left: 35px;
	margin-bottom: 15px;
	text-decoration: none;
}


/* COUPON ------------------------------------------*/

.coupon {
	float: left;
	border: 2px dashed #FF7E00;	
	height: 100px;
	width: 400px;
	margin-top: 5px;
	background: url(/images/coupon_bg.png) repeat-x  right bottom;
	}

.reduction {
	margin: 8px 0px 0px 8px;
	font-family: trebuchet MS;
	font-size: 14px;
	width: 250px;
	text-align: center;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
	background-color: transparent;
	height: 35px;
	border: solid 1px #c5c5c5;
	overflow: hidden;
	}

.reductionCompl {
	margin: 8px 0px 0px 8px;
	font-family: trebuchet MS;
	font-size: 12px;
	width: 250px;
	text-align: center;
	color: #666666;
	text-transform: uppercase;
	background-color: transparent;
	border: solid 1px #c5c5c5;
	overflow: hidden;
	height: 35px;
	}

.lienFiche
{
	color: #666666;
	text-decoration: none;
}

.lienFiche:hover
{
	text-decoration: underline;
}

.titreLogement
{
	 text-decoration: none; 
	 font-family: trebuchet MS;
	 font-size: 12px; 
	 font-weight: bold; 
	 line-height: 1.2em; 
	 display: block; 
	 text-transform: uppercase;
}