* {	margin:0;padding:0;}

body {
	background:#edeade;
	font-family:Arial, Helvetica, sans-serif;
 	font-size:11px;
	color:#7c7671;
	line-height:130%;
}
img {
  border: none;
}
ul {
  list-style: none;
}
a {
	color:#fff;
	text-decoration:none;
  outline: none;
}
a:hover {
	text-decoration:none;
}
h1 {
	text-indent:-1000em;
	font-size:12px;
  background:transparent url(../img/fr/title.png) no-repeat bottom left;
  padding-top: 20px;
  margin-left: 27px;
  height: 48px; 
}
.en h1{
  background:transparent url(../img/en/title.png) no-repeat bottom left;
}
#global {
  width:993px;
  margin: 0 auto;
  margin-top: 10px;
}
#lang {
  text-align: right;
}
#lang a img {
  border: 1px solid #fff;
}
#lang a.selected img {
  border-color: #c9042e
}
#container {
  background:transparent url(../img/bg_content.png) repeat-y 0 0;
	margin:0 auto;
	margin-top:4px;
}

/*************************/
/*        HEADER        */
/*************************/

#home #header {
  position: relative;
	background:transparent url(../img/fr/bg_top.png) no-repeat center top;
  height: 303px;
}
.en#home #header{
  background:transparent url(../img/en/bg_top.png) no-repeat center top;
}
#header {
  background:transparent url(../img/fr/bg_top2.png) no-repeat center top;
  height: 284px;
}
.en #header {
	background:transparent url(../img/en/bg_top2.png) no-repeat center top;
}
#badge1 {
  background:url(../img/badge1.png) no-repeat 0 0;
  margin-left: 427px;
  margin-top: 35px;
  padding-top: 5px;
  height: 161px;
  text-indent: -1000em;
}
#badge1 p {
  background:url(../img/fr/badge1_txt.png) no-repeat 0 0;
  margin-left: 100px;
  height: 114px;
}
.en #badge1 p{
  background:url(../img/en/badge1_txt.png) no-repeat 0 0;
}
#badge1 div#photo {
  background:url(../img/fr/votre_photo.png) no-repeat 0 0;
  margin-left:60px;
  margin-top:5px;
  height:22px;
}
.en #badge1  div#photo{
  background:url(../img/en/your_picture.png) no-repeat 0 0;
}
#badge1 a {
  background: url(../img/fr/savoir_plus.png) no-repeat 0 0;
  position:relative;
  display:block;
  margin-left: 247px;
  top: -6px;
  height:17px;
}
.en #badge1 a{
  background: url(../img/en/more_info.png) no-repeat 0 0;
}
#badge2 {
  background:url(../img/badge2.png) no-repeat 0 0;
  margin-left: 423px;
  padding-top: 5px;
  height: 101px;
  text-indent: -1000em;
}
#badge2 p {
  background:url(../img/fr/badge2_txt.png) no-repeat 0 0;
  margin-left: 122px;
  margin-top: 25px;
  height: 38px;
}
.en #badge2 p{
  background: url(../img/en/badge2_txt.png) no-repeat 0 0;
}
#badge2 a {
  background: url(../img/fr/voir_badges.png) no-repeat 0 0;
  display:block;
  margin-left:267px;
  margin-top:9px;
  height:16px;
}
.en #badge2 a {
  background: url(../img/en/see_badges.png) no-repeat 0 0;
}
#arbre {
  float: left;
  position:relative;
  left: 805px;
  top: 70px;
  background:transparent url(../img/arbre.png) no-repeat left top;
  height:238px;
  width:212px;
}

/* MENU */

ul#box_top {
  background:transparent url(../img/box_top.png) no-repeat center bottom;
  height: 29px;
  width: 911px;
  margin-top: 205px;
  margin-left: 40px;
}
#box_top li {
  float: left;
  margin-right: 10px;
}
#box_top li a {
  display:block;
  text-indent: -1000em;
  height: 22px;
}
#box_top li#badge {
  margin-left: 20px;
}
#box_top li#badge a {
  background:transparent url(../img/fr/btn_badge.png) no-repeat center top;
  width: 126px;
}
#box_top li#badge a:hover {
  background:transparent url(../img/fr/btn_badge.png) no-repeat center -22px;
}
#box_top li#badge.active a {
  background:transparent url(../img/fr/btn_badge_active.png) no-repeat center top;
}
#box_top li#temps a {
  background:transparent url(../img/fr/btn_temps.png) no-repeat center top;
  width: 158px;
}
#box_top li#temps a:hover {
  background:transparent url(../img/fr/btn_temps.png) no-repeat center -22px;
}
#box_top li#temps.active a {
  background:transparent url(../img/fr/btn_temps_active.png) no-repeat center top;
}
#box_top li#etiquettes a {
  background:transparent url(../img/fr/btn_etiquettes.png) no-repeat center top;
  width: 113px;
}
#box_top li#etiquettes a:hover {
  background:transparent url(../img/fr/btn_etiquettes.png) no-repeat center -22px;
}
#box_top li#etiquettes.active a {
  background:transparent url(../img/fr/btn_etiquettes_active.png) no-repeat center top;
}
#box_top li#calendrier a {
  background:transparent url(../img/fr/btn_calendrier.png) no-repeat center top;
  width: 111px;
}
#box_top li#calendrier a:hover {
  background:transparent url(../img/fr/btn_calendrier.png) no-repeat center -22px;
}
#box_top li#calendrier.active a {
  background:transparent url(../img/fr/btn_calendrier_active.png) no-repeat center top;
}

.en #box_top li#badge a {
  background:transparent url(../img/en/btn_badge.png) no-repeat center top;
}
.en #box_top li#badge a:hover {
  background:transparent url(../img/en/btn_badge.png) no-repeat center -22px;
}
.en #box_top li#badge.active a {
  background:transparent url(../img/en/btn_badge_active.png) no-repeat center top;
}
.en #box_top li#temps a {
  background:transparent url(../img/en/btn_temps.png) no-repeat center top;
}
.en #box_top li#temps a:hover {
  background:transparent url(../img/en/btn_temps.png) no-repeat center -22px;
}
.en #box_top li#temps.active a {
  background:transparent url(../img/en/btn_temps_active.png) no-repeat center top;
}
.en #box_top li#etiquettes a {
  background:transparent url(../img/en/btn_etiquettes.png) no-repeat center top;
}
.en #box_top li#etiquettes a:hover {
  background:transparent url(../img/en/btn_etiquettes.png) no-repeat center -22px;
}
.en #box_top li#etiquettes.active a {
  background:transparent url(../img/en/btn_etiquettes_active.png) no-repeat center top;
}
.en #box_top li#calendrier a {
  background:transparent url(../img/en/btn_calendrier.png) no-repeat center top;
}
.en #box_top li#calendrier a:hover {
  background:transparent url(../img/en/btn_calendrier.png) no-repeat center -22px;
}
.en #box_top li#calendrier.active a {
  background:transparent url(../img/en/btn_calendrier_active.png) no-repeat center top;
}

/*************************/
/*        CONTENT        */
/*************************/

#content {
  height: 345px;
}
#content a:hover {
	text-decoration:underline;
}
#box_middle {
  background:transparent url(../img/box_bg.png) repeat-y center top;
  margin-left: 40px;
  margin-top:18px;
  height: 300px;
  width: 911px;
  font-size: 12px;
}
#box_content{
  padding-top: 10px;
  padding-left: 35px; 
}
ol {
  list-style-position: inside;
}
#box_content p {
  margin: 15px 0;
}
#box_content a {
  color: #c9042e;
}
.badge #box_content h2 {
  text-indent: -1000em;
  background:transparent url(../img/fr/badge_h2.png) no-repeat 0 0;
  width: 516px;
  height: 69px;
}
.en .badge #box_content h2 {
  background:transparent url(../img/en/badge_h2.png) no-repeat 0 0;
  width: 421px;
  height: 74px;
}
.temps #box_content h2 {
  text-indent: -1000em;
  background:transparent url(../img/fr/temps_h2.png) no-repeat 0 0;
  width: 556px;
  height: 64px;
}
.en .temps #box_content h2 {
  background:transparent url(../img/en/temps_h2.png) no-repeat 0 0;
  width: 504px;
  height: 65px;
}
.etiquettes #box_content h2 {
  text-indent: -1000em;
  background:transparent url(../img/fr/etiquettes_h2.png) no-repeat 0 0;
  width: 556px;
  height: 64px;
}
.en .etiquettes #box_content h2 {
  background:transparent url(../img/en/etiquettes_h2.png) no-repeat 0 0;
  width: 531px;
  height: 66px;
}
.calendrier #box_content h2 {
  text-indent: -1000em;
  background:transparent url(../img/fr/calendrier_h2.png) no-repeat 0 0;
  width: 556px;
  height: 64px;
}
.en .calendrier #box_content h2 {
  background:transparent url(../img/en/calendrier_h2.png) no-repeat 0 0;
}

/* SIDE IMGS */

.badge #box_content #visuel {
  position:relative;
  top: -340px;
  left: 710px;
}
.badge #box_content p#visuel_txt {
  text-indent:-1000em;
  position:relative;
  top: -340px;
  left: 720px;
  background: url(../img/fr/photo_famille.png) no-repeat 0 0;
  width: 122px;
  height: 79px;
  margin: 0;
}
.en .badge #box_content p#visuel_txt {
  background: url(../img/en/photo_family.png) no-repeat 0 0;
  left: 730px;
}
.temps #box_content #visuel {
  position:relative;
  left:590px;
  top:-280px;
}
.etiquettes #box_content #visuel {
  position:relative;
  left:630px;
  top:-160px;
}
.temps.step2 #box_content #visuel {
  top:-200px;
}
.etiquettes.step2 #box_content #visuel {
  position:relative;
  left:630px;
  top:-210px;
}
.calendrier #box_content #visuel {
  position:relative;
  left:510px;
  top:-150px;
}

/* BUTTONS */

#box_content .btn_big {
  text-indent: -1000em;
  background:transparent url(../img/btn_big.png) no-repeat 0 0;
  width: 230px;
  height: 64px;
}
#box_content .btn_small {
  text-indent: -1000em;
  background:transparent url(../img/btn_small.png) no-repeat 0 0;
  width: 178px;
  height: 45px;
}
#box_content .btn_large {
  text-indent: -1000em;
  background:transparent url(../img/btn_large.png) no-repeat 0 0;
  width: 280px;
  height: 64px;
  position: relative;
  top: 40px;
  left: 100px;
  padding-top: 13px;
}
.badge .btn_big {
  position: relative;
  top: -85px;
  left: 465px;
  padding-top: 10px;
}
.badge .btn_big a {
  display:block;
  background: url(../img/fr/acceder_site.png) no-repeat center top;
  width: 170px;
  height: 42px;
  margin-left: 25px;
}
.en .badge .btn_big a {
  background: url(../img/en/go_dpam.png) no-repeat center top;
  width: 102;
  height: 38px;
  margin-top: 3px;
}
.temps .btn_small, .temps .btn_big, .etiquettes .btn_small, .etiquettes .btn_big {
  position: relative;
  top: 40px;
  left: 185px;
}
.temps .btn_big, .etiquettes .btn_big{
  padding-top: 13px;
}
.temps .btn_small input, .etiquettes .btn_small input {
  display:block;
  background: url(../img/fr/valider.png) no-repeat center 13px;
  width: 178px;
  height: 45px;
  border: none;
  text-indent: -1000em;
  cursor:pointer;
}
.en .temps .btn_small input, .en .etiquettes .btn_small input {
  background: url(../img/en/confirm.png) no-repeat center 13px;
}
.temps .btn_big a {
  display:block;
  background: url(../img/fr/telecharger_temps.png) no-repeat center top;
  width: 211px;
  height: 41px;
  margin-left:7px;
}
.en .temps .btn_big a {
  background: url(../img/en/download_time.png) no-repeat center top;
}
.etiquettes .btn_big a {
  display:block;
  background: url(../img/fr/telecharger_etiquettes.png) no-repeat center top;
  width: 211px;
  height: 41px;
  margin-left:7px;
}
.en .etiquettes .btn_big a {
  background: url(../img/en/download_labels.png) no-repeat center top;
}
.calendrier .btn_large a {
  display:block;
  background: url(../img/fr/telecharger_calendrier.png) no-repeat center top;
  width: 211px;
  height: 41px;
  margin-left:28px;
}
.en .calendrier .btn_large a {
  background: url(../img/en/download_calendar.png) no-repeat center top;
}

/* FORMS */

#box_content label {
  font-weight: bold;
  display:block;
  float: left;
  width: 91px;
  font-size: 14px;
  line-height:1.4;
  text-align: right;
  padding-right: 10px;
  cursor: pointer;
}
.etiquettes #box_content label {
  width: auto;
}
#box_content span.help {
  font-style: italic;
  padding-left: 5px;
} 

p.help{
  font-size:0.9em;
  font-style: italic;
  padding-top: 40px;
  padding-left: 150px;
  width: 250px;
}

/* BOTTOM */
#box_bottom {
  background:transparent url(../img/box_bottom.png) no-repeat center top;
  margin-left: 40px;
  height: 14px;
  width: 911px;
}
#ours {
  position:relative;
  left: 707px;
  top: -67px;
  background: transparent url(../img/ours.png) no-repeat left top;
  height: 90px;
  width: 269px;
}


/*************************/
/*        HOME           */
/*************************/

#home #content {
  height: 360px;
}
#home h2 {
	text-indent:-1000em;
	font-size:12px;
  background:transparent url(../img/fr/title2.png) no-repeat top left;
  float: right;
  padding-top: 20px;
  margin-right: 580px;
  height:74px;
  width: 388px;
}
.en#home h2 {
  background: url(../img/en/title2.png) no-repeat 0 0;
  width: 392px;
}
#home #emploi_temps {
  float: left;
  background: url(../img/emploi_temps.png) no-repeat left top;
  height: 152px;
  width: 295px;
  margin-right: 7px;
  margin-left: 80px;
}
#home #emploi_temps h3 {
  background: url(../img/fr/emploi_temps.png) no-repeat left top;
  width:140px;
  height:96px;
  margin-left: 130px;
  margin-top:10px;
  text-indent: -1000em;
}
.en#home #emploi_temps h3 {
  background: url(../img/en/timetable.png) no-repeat 0 0;
}
#home #emploi_temps a {
  display: block;
  font-weight:bold;
  font-size: 14px;
  margin-top: 13px;
  text-align:center;
}
#home #etiquettes {
  float: left;
  background: url(../img/etiquettes.png) no-repeat left top;
  height: 152px;
  width: 281px;
}
#home #etiquettes h3 {
  background: url(../img/fr/etiquettes.png) no-repeat left top;
  width:140px;
  height:96px;
  margin-left: 120px;
  margin-top:10px;
  text-indent: -1000em;
}
.en#home #etiquettes h3 {
  background: url(../img/en/labels.png) no-repeat 0 0;
}
#home #etiquettes a {
  display: block;
  font-weight:bold;
  font-size: 14px;
  margin-top: 13px;
  text-align:center;
}
#home #calendrier {
  float: left;
  background: url(../img/calendrier.png) no-repeat right top;
  height: 152px;
  width: 278px;
}
#home #calendrier h3 {
  background: url(../img/fr/calendrier.png) no-repeat left top;
  width:140px;
  height:96px;
  margin-left: 110px;
  margin-top:10px;
  text-indent: -1000em;
}
.en#home #calendrier h3 {
  background: url(../img/en/calendar.png) no-repeat 0 0;
}
#home #calendrier a {
  display: block;
  font-weight:bold;
  font-size: 14px;
  margin-top: 13px;
  text-align:center;
}
#home #garcon {
  position:relative;
  left: -7px;
  top: 113px;
  background: transparent url(../img/garcon.png) no-repeat left top;
  height: 239px;
  width: 127px;
}
#home #ours {
  left: 380px;
  top: 25px;
}
#home #fille {
  position:relative;
  left: 850px;
  top: -220px;
  background: transparent url(../img/fille.png) no-repeat left top;
  height: 244px;
  width: 172px;
}

/*************************/
/*        FOOTER        */
/*************************/

#bottom {
  background:transparent url(../img/bg_bottom.png) no-repeat center top;
  height: 23px;
  margin-bottom:5px;
}

#footer a{
  color: #7c7671;
  text-decoration: underline;
}
#footer a:hover{
  text-decoration: none;
}
#footer p.disclaimer {
  margin-top: 5px;
  color: #9f958e;
  font-size: 10px;
}