body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#58585a;
}

form[name="devisEtape3Form"] {
	overflow: hidden;
}

div#etapes {
	background-color:#cacaca;
	background-image:url(../images/etape-fond-left.gif);
	background-repeat:no-repeat;
	height:70px;
	margin-bottom:15px;
}
div#etapes div {
	background-image:url(../images/etape-fond-right.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:70px;
	text-align:center;
}

form {
	padding:0;
	margin:0;
}
form#etape1 {
	overflow:auto;
}
div#colonne1 {
	float:left;
	width:465px;
}

div#colonne2 {
	float:left;
	width:465px;
	margin-left:24px;
	*margin-left:17px;
}
div#colonne1 fieldset, div#colonne2 fieldset {
	float:left;
	width:448px;
	height:620px;
}

div#colonne1 p, div#colonne2 p{

	margin:0;
	padding:0;
	padding-top:10px;
	}
div#colonne1 p, div#colonne2 p, div#colonne1 label{
	float:left;
	width:448px;
	}
div#colonne1 input#dateAdhesion{
	float:none;

	}
fieldset {
	padding:0 0 0px 15px;
	margin:0;
}

fieldset legend {
	font-weight:bold;
	font-size:13px;
}

label {
	float:left;
	clear:both;
	text-align:left;
	width:100%;
	line-height:20px;
}
label.choixNiveau {
	line-height:40px;
}
input, select, textarea {
	border:1px solid #dce700;
	width:90%;
	float:none;
}

input.radio {
	border:none;
	width:auto;
	vertical-align:middle;
}

div#error {
	border:1px solid red;
	color:#FF0000;
	padding:10px 10px 10px 50px;
	margin-bottom:10px;
	background-image:url(../images/picto-attention.gif);
	background-repeat:no-repeat;
	background-position: 15px 7px;
}

div#actions {
	text-align:right;
	clear:both;

}

div.miniatures {
	background-image:url(../images/etape-1-suivant.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:103px;
	width:458px;
	position:relative;
}
div.miniatures span{
	line-height:25px;
	margin-right:10px;
	}
div.miniatures input {
	position:absolute;
	right:3px;
	bottom:3px;
}

div#actions input.btn_action {
	width:170px;
	height:44px;
	border:none;
	float:right;
	*float:none;
	margin-left:5px;
}
div#actions input.btn_action1 {
	width:170px;
	height:44px;
	border:none;
	margin-right:10px;
	margin-bottom:10px;
}
table#tarifs {
	border: medium solid #e4e4e4;
	border-collapse: collapse;
}

table#tarifs td, table#tarifs th {
	border: thin solid #e4e4e4;
	padding: 10px;
}
table#tarifs th {
	background-color:#d8e200;
}

table#tarifs th.total {
	text-align:right;
}
input.inputtotal {
	text-align:right;
	display:inline;
	border:none;
	font-weight:bold;
	width:60px;
}

tr.paire {
	background-color:#eeeeee;
}

tr.impaire {
	background-color:#eeeeee;
}

tr.paire td, tr.impaire td {
	border-bottom:1px solid #FFFFFF;
}

td.gras {
	font-weight:bold;
}

td.paddingright {
	padding-right:10px;
}

td.paddingleft {
	padding-left:10px;
}

span.titre {
	font-weight:bold;
	color:#cbd400;
	font-size:14px;
}

div#containerniveaux {
	background-image: url(../images/helper.gif);
	background-position: 0px 207px;
	background-repeat: repeat-x;
	height: 300px;
}

div#containerniveaux div#helper {
	background-image: url(../images/choixright.gif);
	background-position: 100% 207px;
	background-repeat: no-repeat;
	height: 300px;
}

div#containerniveaux div#helper div#helper2 {
	background-image: url(../images/choixleft.gif);
	background-position: 0px 207px;
	background-repeat: no-repeat;
	height: 300px;
	padding-left: 4px;
}

ul#niveaux {
	margin:0;
	padding:0;
	list-style-type:none;
}

li.niveau1, li.niveau1_over, li.niveau2, li.niveau2_over, li.niveau3, li.niveau3_over, li.niveau4, li.niveau4_over {
	display:block;
	float:left;
	height:253px;
	position:relative;
	background-repeat:no-repeat;
}

li.niveau1 {
	width:156px;
	background-image:url(../images/picto-mini_out.gif);
	padding-bottom:0;
	background-color:none;
}
li.niveau1_over {
	width:156px;
	background-image:url(../images/picto-mini_over.gif);
	padding-bottom:1px;
	background-color:#cacaca;
}

li.niveau2 {
	width:191px;
	background-image:url(../images/picto-utile_out.gif);
	padding-bottom:0;
	background-color:none;
}
li.niveau2_over {
	width:191px;
	background-image:url(../images/picto-utile_over.gif);
	padding-bottom:1px;
	background-color:#cacaca;
}

li.niveau3 {
	width:223px;
	background-image:url(../images/picto-maxi_out.gif);
	padding-bottom:0;
	background-color:none;
}
li.niveau3_over {
	width:223px;
	background-image:url(../images/picto-maxi_over.gif);
	padding-bottom:1px;
	background-color:#cacaca;
}

li.niveau4 {
	width:259px;
	background-image:url(../images/picto-top_out.gif);
	padding-bottom:0;
	background-color:none;
}
li.niveau4_over {
	width:259px;
	background-image:url(../images/picto-top_over.gif);
	padding-bottom:1px;
	background-color:#cacaca;
}

li.niveau1 input, li.niveau1_over input, li.niveau2 input, li.niveau2_over input , li.niveau3 input, li.niveau3_over input , li.niveau4 input, li.niveau4_over input {
	display: none;
}

div.niveautexte {
	display:none;
	position:absolute;
	left:0px;
	bottom:-46px;
	background-image:url(../images/left-corner.gif);
	background-repeat:no-repeat;
	height:46px;
	width:auto;
	white-space:nowrap;
	background-color:#cacaca;
}

div.niveautexte div {
	background-image:url(../images/right-corner.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:26px;
	padding:10px 16px 10px 16px;
}

div#texte3, div#texte4 {
	left:auto;
	right:0px !important;
	background-image:url(../images/left-corner-2.gif);
	background-repeat:no-repeat;
}

div#texte3 div, div#texte4 div {
	background-image:url(../images/right-corner-2.gif);
	background-repeat:no-repeat;
	background-position:right;
}

td.separation {
	background-image: url(../images/separation.gif);
	background-repeat: repeat-y;
	/*width: 30%;*/
}

td.separation label {
	float: left;
	width:auto;
}

td.separation input {
	display: none;
}

td.separation a {
	float: left;
	display;inline;
	margin-left: 15px;
}

td.separation img {
	border: none;
	vertical-align: middle;
}

td.separation img.puce {
	margin-right: 15px;
}

h1.legendlike {
	font-size: 13px;
	font-weight: bold;
	color: #58585a;
	background-image: url(../images/titre.gif);
	background-repeat: repeat-x;
	background-position: 0px 50%;
}

h1.legendlike span {
	margin-left: 20px;
	background-color: #FFFFFF;
	padding: 0 10px 0 10px;
}

div.messageRemplacement {
	background-image:url("../images/etape-1-suivant.gif");
	background-position:right center;
	background-repeat:no-repeat;
	clear:both;
	height:69px;
	padding-right:13px;
	padding-top:34px;
	position:relative;
	text-align:right;
	width:445px;
}

div.messageRemplacement span{
	text-align:center;
}

.contact1{
	font-size:12px;
}

.contact2{
	font-size:23px;font-weight: bold;
}

.contact3{
	font-size:9px;
}



.zoneCode
{
	height: auto;
	padding: 0pt;
	margin: 23px 0pt 0pt 10px;
	width:300px;
	float:left;
}
.zoneCode input{
	*float:none;
}
.zoneCode strong{
	float:left;
	margin-right:5px;
	*margin-right:0px;
}
.zoneCode > label
{
	line-height:35px;
	width:280px;
}

.codeBouton
{
	clear: both;background-color: #E1E1E1;margin-top: 20px;width: 100%;height: 103px;float: left;
}

.codeBouton2
{
	height: 100%;float: left;vertical-align: middle;
}

/* JEU CONCOURS */
.jeuconcours {
	width: 357px;
	height: 52px;
	position: relative;
	background: url(../images/jeu-emo-bkg.gif) no-repeat;
	float: right;
	clear: both;
	margin-right: 3px;
}

.jeuconcours img {
	position: absolute;
	left: 34px;
	top: 16px;
	cursor: pointer;
}

.jeuconcours p {
	position: absolute;
	left: 68px;
	top: 6px;
	margin: 0;
	padding: 0;
	color: #fff;
}

.jeuconcours p a {
	color: #fff;
}

.jeuconcours p a:hover {
	text-decoration: none;
}

.contenuEtape3{
margin-top:18px;
margin-bottom:18px;
float:left;
border-bottom:1px solid #58585a;
padding-bottom:18px;
width:1107px;
}
.col_droite, .col_gauche{
margin-top:11px;
}
.col_gauche{
padding-left:19px;
width:205px;
float:left;
}
.col_gauche img{
margin-top:25px;
}
.col_droite{
background:url(../images/sep.gif) left top repeat-y;
width:706px;
padding-left:11px;
padding-right:6px;
float:left;
}
.famille{
background:#efefef url(../images/deb_famille.gif) -1px top no-repeat;
border-left:1px solid #cacaca;
border-right:1px solid #cacaca;
border-bottom:1px solid #cacaca;
padding-left:21px;
font-size:11px;
color:#1a1a1a;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
width:783px;
}

.famille span, .niveau span{
font-weight:bold;
padding-top:15px;
display:block;
}
.niveau span.niv, .famille span.famille_emoa{
font-weight:bold;
padding:0;
float:left;
line-height:30px;
margin-left:22px;
}
.famille span.famille_emoa{
margin-left:0px;
color:#FFFFFF;
float:left;
width:119px;
}
.famille img{
margin-left:5px;
float:left;
margin-top:10px;
}
.famille .famille_emoa img{
	padding:0;
}
.famille a, .niveau a{
margin-left:137px;
line-height:30px;
display:block;
color:#1a1a1a;
float:left;
width:430px;
}
.famille .entete{
	float:left;
}
.famille .entete img{
	margin-top:0px;
}
.famille .garantie, .niveau .txt{
	float:left;
	width:390px;
	margin-top: 10px;
}
.famille .garantie u, .niveau .txt u{
	font-weight: bold;
}

.famille a.choix_garantie,.niveau a.choix_garantie{
width:155px;
height:44px;
margin-top:-44px;
float:left;
margin-right:14px;
background:url(../images/btn_choisir_garantie.png) left top no-repeat;
margin-left:260px;
}
.niveau a.choix_garantie{
margin-top:17%;
}
.famille a.choix_garantie span, .niveau a.choix_garantie span{
display:none;
}
.niveau a{
margin-left:103px;
}
.niveau{
margin-top:12px;
font-size:11px;
color:#1a1a1a;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
width:706px;
}
.niveau .titre{
background-color:#e9ed99;
height:31px;
float:left;
width:706px;
}
.niveau .contenu{
border:1px solid #dcdcdc;
margin:0;
padding:0;
margin-top:1px;
padding-left:21px;
float:left;
width:783px;
}
.famille ul, .niveau ul{
list-style:none;
padding-left:27px;
}
.famille ul li, .niveau ul li{
background:url(../images/puce.gif) left 5px no-repeat;
padding-left:13px;
}

.vital{
background:#e1e1e1 url(../images/deb_vital.gif) -1px top no-repeat;
border-left:1px solid #cacaca;
border-right:1px solid #cacaca;
border-bottom:1px solid #cacaca;
padding-left:21px;
padding-bottom:5px;
font-size:11px;
color:#1a1a1a;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
width:783px;
margin-top: 10px;
}
.vital span, .niveau span{
font-weight:bold;
padding-top:15px;
display:block;
}
.niveau span.niv, .vital span.vital_emoa{
font-weight:bold;
padding:0;
float:left;
line-height:30px;
margin-left:22px;
}
.vital span.vital_emoa{
margin-left:0px;
color:#FFFFFF;
float:left;
width:119px;
}
.vital img{
margin-left:5px;
float:left;
margin-top:25px;
}
.vital .vital_emoa img{
	padding:0;
}
.vital a, .niveau a{
margin-left:137px;
margin-right: 20px;
line-height:30px;
display:block;
color:#1a1a1a;
float:right;
width:auto;
}
.vital .entete{
	float:left;
}
.vital .entete img{
	margin-top:0px;
}
.vital .garantie, .niveau .txt{
	float:left;
	width:390px;
	margin-top: 10px;
}
.vital .garantie u, .niveau .txt u{
	font-weight: bold;
}

.vital a.choix_garantie,.niveau a.choix_garantie{
width:155px;
height:44px;
margin-top:-44px;
float:left;
margin-right:14px;
background:url(../images/btn_choisir_garantie.png) left top no-repeat;
margin-left:140px;
}
.niveau a.choix_garantie{
margin-top:17%;
}
.vital a.choix_garantie span, .niveau a.choix_garantie span{
display:none;
}
.niveau a{
margin-left:103px;
}
.niveau{
margin-top:12px;
font-size:11px;
color:#1a1a1a;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
width:706px;
}
.niveau .titre{
background-color:#e9ed99;
height:31px;
float:left;
width:729px;
}
.niveau .contenu{
border:1px solid #dcdcdc;
margin:0;
padding:0;
margin-top:1px;
padding-left:21px;
float:left;
width:706px;
}
.vital ul, .niveau ul{
list-style:none;
padding-left:27px;
}
.vital ul li, .niveau ul li{
background:url(../images/puce.gif) left 5px no-repeat;
padding-left:13px;
}

