/* CSS Document */

/*===ELEMENTS HTML===*/
*{color:#555555;}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#ffffff;
	
	margin : 20px 0px 0px 0px;

	
}

font{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#ffffff;
}

td{
	/*font-weight:bold;*/
}

label{
	margin:1px;
	margin-right : 10px;
	width:100px;
}


input{
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	color:#666666;
}

select{
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	font-size : 11px;
	color:#6F6966;
}


input[type=text]{
	border:thin solid #dc7d32;
	color:#6F6966;
	font-size : 11px;
}

a,img{
	text-decoration:none;
	border:none;
}
/*===ETAPES===*/

#packjeune {
	background-image:url(../img/pack_jeune.png);
	width : 110px;
	height : 122px;
	position : absolute;
	margin-left:10px;
	margin-top:2px;
/*top : 7px;


left : 20px;*/
}


#tchat {
margin-left:510px;
	cursor: pointer;
	position: absolute;
	margin-top: 97px;
	width: 0px;
	height: 61px;
	margin-left: 560px;
	/*background-image: url(../img/chat120.jpg);*/
}

#contenuFormulaire{
	border-right: 1px solid #8c9560;
	border-left: 1px solid #8c9560;
	border-bottom: 1px solid #8c9560;
	margin-left:auto;
	margin-right:auto;
	width:701px;
}


.pictoEtap{
	width:32px;
	height:32px;
	/*margin-top: 5px;*/
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.libelleEtap{
	color:#666666;
	margin-top: 7px;
	margin-bottom: 0px;
	
}

#etapes{
	list-style:none;
	height:60px;
	color:#000000;
	margin-bottom: 0px;
	margin-top: 7px;
	margin-right: auto;
	margin-left: 79px;
	/*position:absolute;
	top:20px;
	left: -37px;
	width: 810px;*/
}

#bkEtapes{
	height:100px;
	width: 700px;
	color:#000000;
	margin-top: 0px;
	margin-bottom: 60px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	border-top : 1px solid #8c9560;
	background-image:url(../img/etapes/back_etape.png);
}

#bkPictoEtape{
	list-style:none;
	height:50px;
	width:50px;
	background-image:url(../img/etapes/back_etape.png);
	background-repeat:no-repeat;
}

#etapes a{
	color:#666666;
	font-size : 12px;
	
}
#etapes li{
	/*width:97px;*/
	width:96px;
	float:left;
}
#indicateur{
	width:40px;
	background-color:#FFFFFF;
}
#bkIndicateur{
	position: absolute;
	width: 100%;
	left: 5px;
	top: 80px;
}

#bkPictoIndicateur{
	height:49px;
	position: absolute;
	width: 50px;
	margin-left : 102px;
	background-repeat:no-repeat;
	top: 28px;
	left: 47px;

}

#ftPictoIndicateur{
	height:50px;
	position: absolute;
	width: 50px;
	margin-left : 107px;
	background-repeat:no-repeat;
	top: 28px;
	left: 47px;
}

/*===CONTENU ETAPE===*/
#contenu_etape{
	width: 660px;
	margin : 0px 20px;
}

.conteneur_form {
padding : 10px;
}

.titre{
	font-size:15px;
	color : #7f9607;
	width : 90%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	line-height : 15px;
	padding-bottom: 2px;
 /* background :url(../img/puce_titre.jpg) 5px 3px no-repeat;*/
}




.violet1{
	background-image:url(../img/form_header.gif);
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	padding:5px;
	margin-top:5px;
	margin-bottom:20px;
	vertical-align: top;
	border : 1px solid #d1dba3;
}
.picto{float:right;}

.violet2{
	background-image:url(../img/form_header.gif);
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	padding:5px;
	margin-top:5px;
	margin-bottom:20px;
	vertical-align: top;
	border : 1px solid #d1dba3;
}

.inputAdresse{
	width:96%;
	color: #666666;
}

.inputVille,.inputApt { width:100px;}
.inputOccupant{ width:65%;}
.inputEtage{
	margin-right:60px;
}

.informations{
	font-size:10px;
	font-style: italic;
	font-variant:normal;
	font-weight: normal;
}

.infos{
font-size:11px;
	font-style: italic;
	font-variant:normal;
	font-weight: normal;
}


.informations_offres{
	font-size:10px;
	font-style: italic;
	font-variant:normal;
	font-weight: normal;
	margin-left: 28px;
}


.block{
	width:100%;
	display:block;
}

#info1{
	background-color:#009966;
	position:absolute;
	z-index:3000px;
}

#formReleveGaz,#formReleveElec,#formEnergie,#formDuree{

}

#conteneur_civilite{
	/*background-image:url(../img/icone_formulaire/interrogation.gif);*/
	background-repeat:no-repeat;
	background-position : bottom right;
}
#conteneur_situation{
	/*background-image:url(../img/icone_formulaire/carte.gif);*/
	background-repeat:no-repeat;
	background-position : bottom right;
}
#conteneur_ancien{
	/*background-image:url(../img/icone_formulaire/reste.gif);*/
	background-repeat:no-repeat;
	background-position : bottom right;
}
#futurLogement{
	/*background-image:url(../img/icone_formulaire/emmenage.gif);*/
	background-repeat:no-repeat;
	background-position : bottom right;
}
#conteneur_adresse{
	/*background-image:url(../img/icone_formulaire/demenage.gif);*/
	background-repeat:no-repeat;
	background-position : bottom right;
}

#conteneur_checklist{}

#conteneur_checklist ul li{
	/*font-weight:bold;
	text-decoration: underline;*/
	list-style-type:none;
	
}
#conteneur_checklist ul li div div{
	text-decoration: none;
	font-weight: normal;
	list-style-type: square;
}

#conteneur_checklist ul {
	margin:8px;
	margin-left:0px;
	
}
#conteneur_checklist ul ul {
margin:5px;margin-left:0px;
text-indent:20px;
}

.itemCheckList{
	/*background-color: #FF9800;*/
	display:block;
	width:92%;
}

/*===NAVIGATION===*/
#navigation{
	background-color: #FFFFFF;
	width: 700px;
	height: 60px;
}
#last{
	float:left;
	margin-left:50px;
}
#next{float:right;margin-right:50px;}
.alt{
	cursor:pointer;
}

.clear{clear:both;}

.errorChamp {
	background-color: #f8c99a;
	color:#6F6966;
}
.error .errorChamp {
	background-color: #ffffff;
	color:#dc7d32;
}
.questionForm{ font-weight:bold;}
.libelle_important{ background-color:#eaf5b1;}
.spinner{
	padding-top: 3px;
	padding-bottom: 3px;
}
.help{
margin-left:2px;
cursor:pointer;
margin-right:2px;
}

.helpTooltip{
	margin-left:2px;
	cursor:pointer;
	margin-right:2px;
	color:#E37633;
}

.commentaire {
color:#6F6966;
font-size:80%;
font-style:italic;
}

.important{
	font-size:14px;
	padding-bottom: 10px;
	
}

.indication{
	font-size:15px;
	font-weight:bold;
	color : #ff9600;
}

#recapitulatif tr.style0{
	background-color:  #eaf5b1;
}
#recapitulatif td{padding:3px;}
#recapitulatif tr.style1{
	background-color:#f3f6f8;
}
.libelle{
width:30%;
font-weight:bold;
}
.resultat{
width:70%;
}

.label{
	float:left;
	width:266px;
}

.input{float:left; }

/*
#autreLocataire label{
	margin:1px;
	margin-right : 10px;
	width:10px;
}

#autreLocataire .label{
	float:left;
	width:128px;
}

#autreLocataire .input{
	float:left;
	width:266px;
}
*/


#anneeDeNaissance,#anneeDeNaissance2{width:60px;}

#error{
/*padding : 10px;
*/
	background-color:#FFFFFF;
padding-left:20px;
	padding-top:10px;
		padding-bottom:10px;
	margin-left:0px;margin-right:0px;
	margin-bottom:10px;
	vertical-align: top;
	border : 1px solid #d1dba3;
	color:#dc7d32;
	
}
div.error {
display:none;
}

.error li{
	color:#dc7d32;
	text-decoration: none;
	font-weight: normal;
	list-style-type: square;
	background-color: #ffffff;
}
.remote{ cursor:pointer;}

.cadre{border : 1px solid #d1dba3;margin-top:10px;padding:5px;color:#6F6966;}

#questionRelevesElec,#questionRelevesGaz{
margin-top:5px;
margin-bottom:5px;
	font-style: italic;
	font-variant:normal;
	font-weight: normal;
}

.MGTtitre {
	background-image:url(../img/flechetips.gif);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:20px 0px;
	color:#7e9602;
	padding:10px 10px 10px 105px;
	font-weight:bold;
	font-size:13px;
	border-bottom:1px solid #8B9C33;	
}



.MGtooltips {
	padding:10px;
}

.remise{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0px;
}


.tooltipTxt{
	font-size:11px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #EEF8BA;
	line-height: 14px;

}


.MGul{
	padding:0px 20px 0px 20px;
}