/* ##########################
## PAGE DE LOGIN
########################## */

.gauche
{
	float:left;
	width:45%;
	padding:10px;
	margin-top:25px;
	border:0px;
	border-right:1px solid #AFAFAF;
}

.gauche .titre
{
	color:#7b9f0e;
	font-size:11pt;
	font-weight:bold;
	margin:0px;
	padding:0px;
	line-height:normal;
}

.gauche a
{
	font-size:9pt;
	color:#AFAFAF;
}

.gauche a:hover
{
	font-size:9pt;
	color:#7b9f0e;
}


.droite
{
	float:left;
	width:45%;
	margin-top:25px;
	padding:10px;
	border:0px;
}


.droite .titre
{
	color:#c3046c;
	font-size:11pt;
	font-weight:bold;
	margin:0px;
	padding:0px;
	line-height:normal;
}

.droite a
{
	font-size:9pt;
	color:#AFAFAF;
}

.droite a:hover
{
	font-size:9pt;
	color:#c3046c;
}

.under_title
{
	border-bottom:1px solid #000000;
	clear:both;
	margin:0;
	min-height:28px;
	overflow:hidden;
	width:645px;
}

.under_title h2 
{
	color:#000000;
	font-size:1.1em;
}

#page .bienvenue 
{
	border-bottom:1px solid #000000;
	float:left;
	height:28px;
	margin-top:20px;
	width:590px;
	font-size:10pt;
	font-family:Arial;
}

.linestatus 
{
	background:none repeat scroll 0 0 yellow;
	float:left;
	margin-top:10px;
	width:590px;
}

#page .choix 
{
	float:left;
	height:173px;
	margin:10px 10px 0 0;
	width:285px;
}

#page .choix .txt 
{
	color:#FFFFFF;
	float:left;
	font-size:0.85em;
	height:58px;
	margin:85px 0 0;
	padding:5px;
	width:285px;
}

#page .choix .txt h3
{
	margin:0px;
	padding:0px;
}

#page .choix .txt ul 
{
	margin:0 0 0 -15px;
	list-style:square outside none;
}

#page .choix .lien 
{
	float:left;
	height:22px;
	width:330px;
}

#page .choix .lien a  
{
	color:#FFFFFF;
	font-weight:bold;
	padding-left:8px;
}

#page .choix .lien a:hover 
{
	color:#E4136F;
}

#page .choix .txt a 
{
	color:#FFFFFF;
}

#page .choix .txt a:hover
{
	color:#E4136F;
}

#page p, #page li 
{
	margin:0px;
	padding:0px;
}


#page .carre1 
{
	background:url("../../../images/moncompte/photo1.jpg") no-repeat scroll 0 0 transparent;
}

#page .carre2 
{
	background:url("../../../images/moncompte/photo2.jpg") no-repeat scroll 0 0 transparent;
}

#page .carre3 
{
	background:url("../../../images/moncompte/photo3.jpg") no-repeat scroll 0 0 transparent;
}

#page .carre4 
{
	background:url("../../../images/moncompte/photo4.jpg") no-repeat scroll 0 0 transparent;
}

.etiquette 
{
	clear:left;
	float:left;
	height:26px;
	line-height:26px;
	overflow:hidden;
	width:230px;
	margin-left:20px;
}

.champ  
{
	float:left;
	height:26px;
	line-height:26px;
	overflow:hidden;
	text-align:left;
	width:290px;
}

.top 
{
	clear:both;
	height:40px;
	margin:10px 0 0;
	overflow:hidden;
	width:590px;
}

.top h1 
{
	color:#000;
	overflow:hidden;
	padding:10px;
	font-size:1.4em;
	font-family:Verdana,"Bitstream Vera Serif",Norasi,serif;
	font-weight:bold;
	margin:0px;
}

.middle
{
	margin-left:10px;
	margin-right:10px;
	width:570px;	
}

.etape
{
	margin:0px;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px;
	border-bottom:1px solid #000000;
	clear:both;
	overflow:hidden;
	width:100%;
	font-size:1.1em;
}


.mention 
{
	clear:both;
	float:left;
	font-size:0.85em;
	padding:20px 0 0;
	width:100%;
}

.ligne2 
{
	background:none repeat scroll 0 0 #E6E6E6;
	clear:left;
	float:left;
	height:30px;
	margin:0 0 15px;
	padding:10px;
	width:300px;
}

.valeur2 
{
	background:none repeat scroll 0 0 #E6E6E6;
	float:left;
	height:30px;
	margin:0 0 15px;
	padding:10px;
	width:220px;
}

.middle h3 
{
	color:#E4136F;
	font-size:1em;
	margin:0px;
	padding:0px;
}


.large2 
{
	width:270px;
}

.gris  
{
	background:none repeat scroll 0 0 #E6E6E6;
}

.detailA 
{
	clear:left;
	float:left;
	height:30px;
	line-height:30px;
	overflow:hidden;
	width:120px;
}

.detailB 
{
	float:left;
	height:30px;
	line-height:30px;
	overflow:hidden;
	padding-right:10px;
	text-align:right;
	width:200px;
}

.facture 
{
	clear:left;
	float:left;
	height:250px;
	margin-bottom:40px;
	overflow:hidden;
	width:330px;
}

.factures 
{
	border-left:1px solid #D4005E;
	float:left;
	height:250px;
	margin-bottom:40px;
	margin-left:10px;
	overflow:hidden;
	padding-left:10px;
	width:210px;
}

.droite2  
{
	width:210px;
}

.btnafficher 
{
	clear:both;
	float:left;
	padding:10px 0 0 0;
	width:320px;
}

.validation 
{
	float:right;
	height:30px;
	margin-top:15px;
	width:210px;
}

.btn_208 
{
	background:url("../../../images/interface/btn_208.gif") no-repeat scroll 0 0 transparent;
	display:block;
	font-size:0.95em;
	font-weight:bold;
	height:25px;
	line-height:25px;
	margin-top:5px;
	text-align:center;
	text-decoration:none;
	width:208px;
	border:0;
	color:#FFF;
	cursor:pointer;
}

.btn_208 a 
{
	color:#FFF;
	text-decoration:none;
}

.btn_208 a:hover
{
	color:#333;
	text-decoration:none;
}

/*##########################
## CHANGEMENT D'OFFRES
############################*/

.options .ligneopt 
{
	background:none repeat scroll 0 0 #E2E2E2;
	float:left;
	height:20px;
	line-height:20px;
	margin-top:1px;
	overflow:hidden;
	padding:5px;
}

.options .headline 
{
	background:none repeat scroll 0 0 #C8C8C8;
}

.options .partA 
{
	width:50%;
}

.options .partB 
{
	width:25%;
}

.options .partC 
{
	width:15%;
}

/*########################
#	Page de contact		##
#########################*/

.hr
{
	border-bottom:1px solid black;
	width: 90%;
	margin: 10px 10px 10px 0px;
	font-weight: bold;
	font-family:Verdana;
}

.clientContact
{
	margin-left:5px;
	font-family:Verdana;
}

.clientContact .gaucheContact
{
	background-image:url('../../../images/icones/call.gif');
	font-family:Verdana;
	background-repeat:no-repeat;
	width:40%;
	float:left;
	padding-left:50px;
}

.clientContact .droiteContact
{
	background-image:url('../../../images/icones/mail.gif');
	font-family:Verdana;
	background-repeat:no-repeat;
	width:40%;
	float:right;
	padding-left:50px;
}

.pasClient
{
	margin-left:5px;
	font-family:Verdana;
}

.pasClient .gaucheContact
{
	background-image:url('../../../images/icones/fleche.gif');
	font-family:Verdana;
	background-repeat:no-repeat;
	width:40%;
	float:left;
	padding-left:50px;
}

.pasClient .droiteContact
{
	background-image:url('../../../images/icones/call.gif');
	font-family:Verdana;
	background-repeat:no-repeat;
	width:40%;
	float:right;
	padding-left:50px;
}

.decalGauche
{
	margin-left:15px;
}


.infos .etiquette 
{
	clear:left;
	float:left;
	min-height:24px;
	overflow:hidden;
	width:100px;
	font-family:Verdana;
}

.infos .champ 
{
	float:left;
	height:30px;
	overflow:hidden;
	text-align:left;
	width:150px;
	font-family:Verdana;
}

.infos .champ .input
{
	width:140px;
}

.infos 
{
	float:left;
	margin:15px 0 0;
	min-height:40px;
	width:280px;
	font-family:Verdana;
}