/** feuille css pour la partie des formulaires en page standard ***/
#conteneur{margin:275px auto 120px auto;}
/******************************************** haut */
body{background:#006699 url('http://www.meetoyen.com/img/maison/inscription/bg.jpg') 100px 278px repeat-x;}
body,html{}
.home #haut_centre{background:url('http://www.meetoyen.com/img/maison/inscription/maison-fond-1.jpg') center top no-repeat;}
.accueil #haut_centre{background:url('http://www.meetoyen.com/img/maison/inscription/maison-fond-admin.jpg') center top no-repeat;}
.saisie_info #haut_centre{background:url('http://www.meetoyen.com/img/maison/inscription/maison-fond-2.jpg') center top no-repeat;}
.choix_info #haut_centre{background:url('http://www.meetoyen.com/img/maison/inscription/maison-fond-3.jpg') center top no-repeat;}
.choix_design #haut_centre{background:url('http://www.meetoyen.com/img/maison/inscription/maison-fond-4.jpg') center top no-repeat;}
.home #ville, .accueil #ville,.choix_design #ville,.saisie_info #ville,.choix_info #ville{position:absolute;left:50px;top:168px;z-index:2;}

#haut_gauche{background:url('http://www.meetoyen.com/img/maison/inscription/maison-gauche-ext.jpg') right top no-repeat;}
.saisie_info #haut_gauche, .choix_info #haut_gauche, .choix_design #haut_gauche {background:url('http://www.meetoyen.com/img/maison/inscription/maison-gauche-ext-2.jpg') right top no-repeat;}
#haut_droite{background:url('http://www.meetoyen.com/img/maison/inscription/maison-droite-ext.jpg') left top no-repeat;}
.saisie_info #haut_droite, .choix_info #haut_droite, .choix_design #haut_droite {background:url('http://www.meetoyen.com/img/maison/inscription/maison-droite-ext-2.jpg') left top no-repeat;}

/* partie corps (contenu) */
#conteneur{background:#fff;}
#corps{margin-bottom:20px;float:right;width:750px;}
  #corps h1{color:#006699;font-weight:normal;}
  #corps h2{text-align:left;color:#006699;border-top:solid 1px #ccc;margin:10px 0 0 0;padding:10px 0 0 0}
  #corps .haut{background:url('http://www.meetoyen.com/img/maison/inscription/blog-haut.jpg') left top no-repeat;
  height:109px;}
  #corps .corps{background:url('http://www.meetoyen.com/img/maison/inscription/blog-fond.jpg') left bottom repeat-y;}
  #corps .bas{background:url('http://www.meetoyen.com/img/maison/inscription/blog-bas.jpg') left bottom no-repeat;height:92px;}
  #corps .marge{padding:0 50px 40px 60px;position: relative;z-index: 1;}
  #corps .article{padding:0 0 20px 0;border-bottom:solid 1px #ccc;}
  #corps .image{float:left;margin:0 10px 0 0;}
  #corps a{color:#993300}
  #corps .article {}
  #corps form{font-size:12px;margin:20px 0 0 0;}
  #corps input{}
  #corps .info{margin-bottom:15px;border:solid 1px #ccc;color:red;font-weight:bold;}
  #corps form p.aide{margin-bottom:15px;}
  #corps form label{float:left;width:180px;font-weight:bold}
  #corps .article .image{float:left;margin:0 10px 0 0;}
  #corps .article a{color:#993300}
  #corps fieldset{padding:20px;}
  #corps legend{padding:0 10px;font-weight:bold;}
  #corps .design-select, #corps .design{float:left;width:140px;height:140px;padding:10px;margin:20px 10px 0 0;border:solid 1px #ccc;text-align:center;}
  #corps .design-select img{padding:5px;border:#000 solid 5px}
/* partie colonne */
#colonne{float:left;width:220px;margin:50px 0 0 20px;padding:0 0 0 0;border:solid 1px #ccc;}
#colonne .marge{padding:40px 15px 30px 15px;}
#colonne a {color:#006699;}
#colonne a:hover {text-decoration:none;font-weight:bold;}
#colonne .image{}
#colonne h2{font-size:120%;margin:0 0 5px 0;text-align:left;}
#colonne ul{margin:10px 0;}
#colonne ul.etape{font-weight:bold}
#colonne ul.etape li{color:#006699;font-size:120%;}
#colonne ul.etape li.en_cours{color:#cc0000;font-size:120%;}
#colonne ul.etape li.a_venir{color:#999;font-size:100%;}
#colonne li{padding:2px 0;}
#colonne li a{}
#colonne .tag{padding:10px 20px 0 0;border:solid 1px #ccc;}