/* Style pour le contour de la carte */ 
body { font-size: 16px;}
#haut, #bas { margin: 0 auto; position: relative}
#haut { background: transparent url(../img/utilisezzap_top.png) no-repeat; margin-top: 1em; height: 12px; width: 900px; z-index: 3; }
#bas { background: transparent url(../img/utilisezzap_foot.png) no-repeat; margin-bottom: 5em; height: 12px; width: 900px; z-index: 3; }

/* style pour la carte */ 
#carte_cont { width: 900px; position: relative; margin: 0 auto; background: transparent url(../img/utilisezzap_back.jpg) no-repeat; height: 491px; }

#carte_cont h1 { font-size: 18px; margin-left: 30px; margin-right: 30px; margin-bottom: 15px; text-transform: uppercase;}
#carte_cont h1 { color: #0071a6; font-weight: bold;}
#contenu_page { 	padding-bottom: 1px;}
#carte { padding-bottom: 3px;}
p a { font-weight: bold }
p { font-size: 14px; margin: 15px 0; }

.etapes { margin: 30px 0 20px 15px; }
.etapes li { width: 290px; height: 200px; float: left; background: transparent url(../img/steps_sprite.png) repeat-x 0 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.etapes li.clearer { height: 0; }
.etapes li h3 { font-weight: bold; font-size: 20px; line-height: 24px; margin: 15px 15px 25px 90px; letter-spacing: -0.02em; }
.etapes li.troisieme h3 { margin-top: 27px; margin-bottom: 37px; }
.etapes li p { margin: 15px; }
.etapes li span { display: block; width: 64px; height: 64px; background: transparent url(../img/icons_sprite.png) no-repeat 0 0; float: left; margin: 10px 0 0 10px; }

.etapes li.deuxieme { background-position: -280px 0; }
.etapes li.troisieme { background-position: -560px 0; }

.etapes li.premiere:hover { background-position: 0 -200px; }
.etapes li.deuxieme:hover { background-position: -280px -200px; }
.etapes li.troisieme:hover { background-position: -560px -200px; }

.etapes li.deuxieme span { background-position: -64px 0; }
.etapes li.troisieme span { background-position: -128px 0; }

.etapes li.premiere:hover span { background-position: 0 -64px; }
.etapes li.deuxieme:hover span { background-position: -64px -64px; }
.etapes li.troisieme:hover span { background-position: -128px -64px; }

#carte_cont h1 { background: transparent url(../img/titre_proceduredeconnexion.png) no-repeat 0 18px; width: 543px; height: 57px; text-indent: -5000px; overflow: hidden; }

.minibuttons { background: transparent url(../img/minibuttons_sprite.png) no-repeat 0 0; display: block; text-indent: -5000px; overflow: hidden; height: 27px; }

.creer_compte { right: 30px; width: 247px; }
.creer_compte:hover { background-position: -247px 0; }

.plus { background-position: 0 -29px; width: 131px; }
.plus:hover { background-position: -247px -29px; }

#carte_cont h2 { font-weight: bold; font-size: 18px; text-transform: uppercase; }
.conclusion { width: 330px; margin-left: 30px; }

#bouttons { position: absolute; right: -30px; top: -7px; z-index: 100; }

.mobile_app { background: transparent url(../img/minibuttons_applicationmobile_mjzap.png) no-repeat; text-indent: -5000em; overflow: hidden; height: 60px; width: 305px; display: block; }