#cadre_site {height: 900px;}
.pack_resiliation #pack {background: url(/img/2008/resilier/title_pack_resiliation.jpg) 0 0 no-repeat; width: 658px; height: 0; margin: auto;
padding: 68px 0 10px 0; }
/*.pack_resiliation h2 span {display: none;}*/
.pack_resiliation .etapes_resiliation {background: url(/img/2008/resilier/bg_pack_resiliation.jpg) 0 0 no-repeat; width: 982px; height: 217px;}
.pack_resiliation .title {color: #1f3691; font-size: 14px; font-weight: bold; padding: 20px 0 30px 200px;}
.etapes_resiliation table {width: 755px; margin: 0 0 0 200px;}
.etapes_resiliation td,
.etapes_resiliation th {line-height: 20px; padding: 0 20px 0 20px; color: #fff;}
.etapes_resiliation a {color: white; text-decoration: underline;}

/* navigation */
#nav {height:51px; width:745px; margin-top: -22px; position: absolute; z-index: 5;}
#nav ul {width:600px; margin:0 auto;}
#nav li {float:left; width:171px; text-align:center; list-style: none;}
#nav a {color:#333333; display:block; position:relative;}

#nav a.etape_1 {background: url(/img/2008/resilier/etape_1.jpg) 0 -51px no-repeat; width: 171px; height: 51px;}
#nav a.etape_2 {background: url(/img/2008/resilier/etape_2.jpg) 0 -51px no-repeat; width: 171px; height: 51px;}
#nav a.etape_3 {background: url(/img/2008/resilier/etape_3.jpg) 0 -51px no-repeat; width: 171px; height: 51px;}

#nav a.etape_1 span,
#nav a.etape_2 span,
#nav a.etape_3 span {display: none;}

#nav a.etape_1:hover,
#nav a.etape_2:hover,
#nav a.etape_3:hover,
#nav a.etape_1.current,
#nav a.etape_2.current,
#nav a.etape_3.current {background-position: 0 0;}

/* offres */
#offres {position: absolute; z-index: 1;} /* ne possede aucune dimension */
#offres .offre_souscrire {background: url(/img/2008/resilier/bg_souscrire_offre.jpg) 0 0 no-repeat; margin: -25px 0 0 -20px; width:672px; height:358px;}
#offres div {display:none; position:absolute; top:20px; left:20px; font-size:14px; color:#444; width:650px;}
#offres div table {margin: 85px 0 0 28px;}
#offres .offre_souscrire th {font-size: 14px; font-weight: bold; color: #1f3691;}
#offres .offre_souscrire td {font-size: 12px; color: #1f3691; list-style: none; line-height: 18px; padding: 7px 0 0 50px; width: 480px;}
#offres .boutique {width: 180px; height: 50px; display: block; float: left; margin: 20px 10px 0 40px;}
#offres .boutique span {display: none;}

#offres .code_promo {background: url(/img/2008/resilier/bg_code_promo.jpg) 0 0 no-repeat; margin: -25px 0 0 -20px; width:672px; height:358px;}
#offres .code_promo ul {margin: 80px 0 0 80px; padding: 0; width: 240px;}


#offres .code_promo select, #offres .code_promo input {width: 115px;}


#offres .form {margin: 0; padding: 0; position: absolute; top: 72px; left: 342px;}

#offres .code_promo li {font-size: 11px; color: #1f3691; list-style: none; line-height: 20px; margin: 0 0 20px 0;}
#offres .code_promo .form {width: 300px; float: left;}
#offres .code_promo .form tr {height: 40px;}
#offres .code_promo .form th {text-align: right; font-size: 12px; font-weight: normal; line-height: 24px; padding: 0 5px 0 0; width: 180px;}
/*#offres .code_promo .form td {height: 30px;}*/
/*#offres .code_promo .form .buttonTr {height: 30px;}*/
/*#offres .code_promo .form #id {background-color: orange; height: 30px;}*/
#offres .code_promo .form select {width: 120px;}
#offres .form .exempleDate { font-size: 10px; color: #999; float: right; clear: both; height: 10px; line-height: 10px; }
#offres input.button_code_promo {background: url(/img/2008/resilier/button_code_promo.jpg) 0 0 no-repeat; width: 221px; height: 24px; margin: 0; padding: 0; border: 0;}
#offres input.button_code_promo.ok {background-position: 0 -24px; cursor: pointer;}
#offres #code_promo {text-align: center; padding: 8px 0 0 0; height: 28px}
#offres #formCodePromo .submit {background: url(/img/2008/resilier/button_lettre_recommandee.jpg) 0 -24px no-repeat; width: 296px; height: 24px; margin: 5px 0 0 0; padding: 0; border: 0; cursor: pointer;}

.overlay {display:none; width:500px; padding:20px; background-color:#ddd;}

.formError {position:absolute;top:300px; left:300px; padding-bottom:13px;display:block;z-index:5000;}
.formError .formErrorContent {width:100%; background:#37598f;color:#fff;width:150px;font-family:tahoma;	font-size:11px;	border:2px solid #ddd;box-shadow: 0px 0px 6px #000;	-moz-box-shadow: 0px 0px 6px #000;-webkit-box-shadow: 0px 0px 6px #000;	padding:4px 10px 4px 10px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
.formError .formErrorArrow{position:absolute;bottom:0;left:20px; width:15px; height:15px;z-index:5001;}
.formError .formErrorArrowBottom{top:0;margin:-6px;}			
.formError .formErrorArrow div{border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow: 0px 2px 3px #444;-moz-box-shadow: 0px 2px 3px #444; -webkit-box-shadow: 0px 2px 3px #444;font-size:0px; height:1px; background: #37598f; margin:0 auto;line-height:0px; font-size:0px; display:block;}
.formError .formErrorArrowBottom div{	box-shadow: none;-moz-box-shadow: none;	-webkit-box-shadow: none;}
.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939; color:#FFF;}

.formError .formErrorArrow .line10{width:15px;border:none;} 
.formError .formErrorArrow .line9{width:13px;border:none;} 
.formError .formErrorArrow .line8{width:11px;} 
.formError .formErrorArrow .line7{width:9px;} 
.formError .formErrorArrow .line6{width:7px;} 
.formError .formErrorArrow .line5{width:5px;} 
.formError .formErrorArrow .line4{width:3px;} 
.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0px solid #ddd;}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}

#offres .lettre_resiliation h3 {background: url(/img/2008/resilier/title_votre_lettre.jpg) 0 0 no-repeat; width: 302px; height: 44px; float: left; margin: 0;}
#offres .lettre_resiliation h3 span {display: none;}
#offres .lettre_resiliation ul {margin: 80px 0 0 70px; padding: 0; width: 240px;}
#offres .lettre_resiliation {background: url(/img/2008/resilier/bg_code_promo.jpg) 0 0 no-repeat; margin: -25px 0 0 -20px; width:672px; height:358px;}
#offres .lettre_resiliation li {font-size: 11px; color: #1f3691; list-style: none; line-height: 20px; margin: 0 0 15px 5px;}
#offres .lettre_resiliation p {margin: 10px 5px 0 0; float: left; font-size: 12px;}
#offres .lettre_resiliation .expedition {display: block; padding: 0; margin: 0; position: absolute; top: 80px; left: 350px; width: 302px; }

.pub {width: 300px; height: 250px; background: white; margin: 0 0 0 718px; padding: 0;}