html {
	font-size: 0.625em; /* reset to 10 : 10/16 = 0,625 */
}
body {
  background-color: #FFF;
  font-family: "Gill Sans", "Arial", Arial, sans-serif;
	color: #444;
	font-size: 1.4em;  /* base 14 */
	padding: 0;
	margin: 0 auto;
	width: 750px;
}

/* base tags */

a {
  color: #d95920;
}

img {
  border: 0;
}

form {
  padding: 0;
  margin: 0;
}

table {
  font-size: 1em;
}

input, select, textarea {
  font-size: 1em;
  font-family: "Gill Sans", "Arial", Arial, sans-serif;
}

fieldset {
  border: 0;
  padding: 0;
  margin: 0 0 0.7em;
}

hr {
  display: block;
  margin: 3em 0 1em;
  padding: 0;
  height: 13px;
  border: 0;
  color: white;
  background-color: white;
  background-image: url(/images/hr.gif);
  background-repeat: no-repeat;
  background-position: top center;
}

ul {
  list-style-image: url(/images/bullet.gif);
  list-style-position: inside;
}

/* header */

.header {
  margin: 0 0 0.7em 0;
  position: relative;
}

.header h1 a span { display: none;}
.header h1 a {
  display: block;
  width: 480px;
  height: 80px;
  margin: 0 auto;
  padding: 0;
  background-image: url(/images/logo.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
.header h1 {
  margin: 0;
  padding: 0;
}


/* footer */

.footer {
  clear: both;
  font-size: 0.86em; /* 12/14 = 0,857142857143 */
  margin: 3em 0;
  padding: 13px 0 0;
  background-image: url(/images/hr.gif);
  background-repeat: no-repeat;
  background-position: top center;
  text-align: center;
}

.footer ul {
  list-style-type: none;
  list-style-image: none;
  margin: 1em 0 0;
  padding: 0;
}
.footer ul li {
  margin: 0;
  padding: 0;
  display: inline;
  padding: 0 0.25em;
}

/* main menu */

div.mainmenu {
  height: 40px;
  background-image: url(/images/menu_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  text-align: center;
  margin: 0 0 1.5em;
}

.mainmenu ul {
  list-style-image: none;
  margin: 0;
  padding: 0 10px 0 20px;
  list-style-type: none;
}

.mainmenu ul li {
  float: left;
  width: 348px;
  margin: 0 10px 0 0;
  padding: 0;
  background-color: #faf5f2;
  background-image: url(/images/menu_tab_bg.gif);
  background-position: top left;
  background-repeat: repeat-x;
  border: 1px solid #e8d2c5;
  border-top-width: 0;
}

.mainmenu ul a {
  display: block;
  margin: 0;
  padding: 10px 0;
  font-size: 1.1em;
  letter-spacing : 0.2em;
  text-transform: uppercase;
  text-decoration: none;
}
.mainmenu ul a:hover {
  text-decoration: underline;
}

.mediascopie .mainmenu ul li.mediascopie { background: white; }
.mediascopie.index .mainmenu ul li.mediascopie a { color: #666; cursor: default; text-decoration: none; }
.paneliste .mainmenu ul li.paneliste { background: white; }
.entrainement .mainmenu ul li.paneliste { background: white; }
.paneliste.index .mainmenu ul li.paneliste a { color: #666; cursor: default; text-decoration: none; }
.paneliste.login .mainmenu ul li.paneliste a { color: #666; cursor: default; text-decoration: none; }

/* sub menu */

.submenu {
  float: right;
  width: 230px;
  margin: 0 0 1em 20px;
}

.submenu ul {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.submenu ul li {
  display: block;
  padding: 0;
  margin: 0 0 2px;
  border: 1px solid #e4cabb;
  background: #faf5f2;
}

.submenu ul li .entry {
  display: block;
  padding: 0.2em 0.5em;
  font-weight: normal;
  text-align: right;
}

.submenu ul li.accent {
  background: #ff6000;
  border: 1px solid #DDD;
  margin-bottom: 10px;
}
.submenu ul li.accent .entry {
  color: white;
  font-weight: bold;
  font-size: 1.5em;
  padding: 0.2em 0.5em;
  text-align: center;
}

.submenu ul li.accent2 {
  background: #f3f9fc;
  border-color: #c1deed;
  margin-bottom: 10px;
}
.submenu ul li.accent2 .entry {
  font-weight: bold;
  text-align: center;
  padding: 0.4em 0.5em;
}
.submenu ul li.accent2 a {
  color: #1782bc;
}

.mediascopie.index .submenu .entry {
}

.submenu ul li a {
  text-decoration: none;
}

.submenu ul li a:hover {
  text-decoration: underline;
}

.submenu ul li p {
  text-align: right;
  padding: 0;
  margin: 0.3em 0 0.7em;
}

.submenu ul li fieldset {
  border: 0;
  padding: 0 0.5em;
  margin: 0;
}

.submenu ul li fieldset :focus {
  background: #def4ff;
}

.submenu ul li fieldset table {
  width: 100%;
}

.submenu ul li fieldset td {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
.submenu ul li fieldset th {
  text-align: left;
  color: #666;
  padding-top: 0.3em;
  padding-left: 0;
  padding-right: 0;
}

body.index .submenu li.index { background: #faddcb; }
body.index .submenu li.index a { color: #666; cursor: default; text-decoration: none; }
body.miles .submenu li.miles { background: #faddcb; }
body.miles .submenu li.miles a { color: #666; cursor: default; text-decoration: none; }
body.profil .submenu li.profil { background: #faddcb; }
body.profil .submenu li.profil a { color: #666; cursor: default; text-decoration: none; }
body.update_profil .submenu li.update_profil { background: #faddcb; }
body.update_profil .submenu li.update_profil a { color: #666; cursor: default; text-decoration: none; }
body.coordonnees .submenu li.coordonnees { background: #faddcb; }
body.coordonnees .submenu li.coordonnees a { color: #666; cursor: default; text-decoration: none; }
body.update_coordonnees .submenu li.update_coordonnees { background: #faddcb; }
body.update_coordonnees .submenu li.update_coordonnees a { color: #666; cursor: default; text-decoration: none; }
body.motdepasse .submenu li.motdepasse { background: #faddcb; }
body.motdepasse .submenu li.motdepasse a { color: #666; cursor: default; text-decoration: none; }
body.update_motdepasse .submenu li.update_motdepasse { background: #faddcb; }
body.update_motdepasse .submenu li.update_motdepasse a { color: #666; cursor: default; text-decoration: none; }
body.a_propos_mediascopie .submenu li.a_propos_mediascopie { background: #faddcb; }
body.a_propos_mediascopie .submenu li.a_propos_mediascopie a { color: #666; cursor: default; text-decoration: none; }
body.engagement_mediascopie .submenu li.engagement_mediascopie { background: #faddcb; }
body.engagement_mediascopie .submenu li.engagement_mediascopie a { color: #666; cursor: default; text-decoration: none; }
body.engagement_paneliste .submenu li.engagement_paneliste { background: #faddcb; }
body.engagement_paneliste .submenu li.engagement_paneliste a { color: #666; cursor: default; text-decoration: none; }
body.points_euros .submenu li.points_euros { background: #faddcb; }
body.points_euros .submenu li.points_euros a { color: #666; cursor: default; text-decoration: none; }
body.entrainement .submenu li.entrainement { background: #faddcb; }
body.entrainement .submenu li.entrainement a { color: #666; cursor: default; text-decoration: none; }
body.paneliste.passage .mainmenu { display: none; }
body.paneliste.passage .footer p, body.paneliste.passage .footer ul { display: none; }
/* */

.main {
  padding: 0 20px;
  margin: 0;
}

.main h1 {
  color: #1782bc;
  font-size: 1.5em;
  margin: 0 0 0.3em;
  padding: 0;
}

.main h3 {
  color: #1782bc;
  font-size: 1em;
  font-weight: bold;
  margin: 2em 0 0.3em;
  padding: 0;
}

.main p {
  line-height: 1.5em;
  margin: 0 0 0.7em;
  padding: 0;
}


/* text */

.main .text h1 {
  line-height: 1.5em;
  padding-left: 1em; /* 1.5/1.5 = 1 */
/*  padding-left: 1.36em; /* 1.5/1.1 = 1,36363636364*/
}
.main .text h3 {
  padding-left: 1.5em;
}
.main .text p {
  text-indent: 1.5em;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0.7em;
  padding: 0;
}
.main .text ul {
  margin: 0 0 0.7em;
  padding: 0 0 0 1.5em;
}
.main .text li {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
}
.main .text li p {
  text-indent: 0;
}
.main .text ul ul {
  margin: 0;
}

/* keyvalue */

table.keyvalue th {
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  color: #79939e;
  padding-left: 1.5em;
}
table.keyvalue td {
  padding-left: 0.5em;
}
table.keyvalue td.text {
  padding-left: 0;
}
table.keyvalue tr.section td,
table.keyvalue tr.section th {
  padding-top: 2em;
}

table.keyvalue input,
table.keyvalue textarea {
  width: 100%;
}

* html table.keyvalue input,
* html table.keyvalue textarea {
  width: auto;
}

table.keyvalue input.narrow,
table.keyvalue p input {
  width: auto;
}

table.keyvalue input:focus,
table.keyvalue textarea:focus {
  background: #def4ff;
}
table.keyvalue p input:focus {
  background: none;
}

table.keyvalue p {
  padding: 0;
  margin: 0.3em 0 0.7em;
}
table.keyvalue .text p {
  padding: 0;
  line-height: normal;
}

.mandatory {
  background-image: url(/images/star.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 18px;
}

/* data */

table.data {
  width: 100%;
}
table.data.narrow {
  width: 470px;
}

table.data th {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
/*  color: #79939e;*/
  background: #bed0d8;
  padding: 0.4em 0.5em;
}
table.data td {
  border-bottom: 1px solid #DDD;
  padding: 0.4em 0.5em;
}

table.data td.numeric,
table.data th.numeric {
  width: 2px;
  text-align: right;
  white-space: nowrap;
}

table.data tr.total td {
  text-align: right;
  background: #f1f6f8;
  border-bottom: 0;
  font-weight: bold;
}

table.data td div.info {
  font-size: 0.86em; /* 12/14 = 0,857142857143 */
  color: #888;
}

/* hr */

.hr {
  padding: 0.5em 0;
  background-image: url(/images/hr.gif);
  background-repeat: no-repeat;
  background-position: center center;
}


/* page specific layout */

body.mediascopie.index .header h1 a {
  cursor: default;
}

body.paneliste.nouveau .main {
/*  padding: 0 20px;
  width: 400px;
  margin: 0 auto;*/
}


/* Rails */

div.fieldWithErrors {
  display: inline;
  background-image: url(/images/error.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 18px;
}
/*.fieldWithErrors input {
  background: #def4ff;
}*/

.flash-notice {
  color: #586f5b !important;
  background: #e7ffea !important;
  border: 0.3em solid #b8e7bd !important;
  padding: 0.7em 1.2em !important;
  margin: 0 0 1em !important;
}

.errorExplanation {
  color: #6f6158 !important;
  background: #fff1e8 !important;
  border: 0.3em solid #e8ccba !important;
  padding: 0.7em 1.2em !important;
  margin: 0 0 1em !important;
}

.errorExplanation h2 {
  color: #d95920;
  font-size: 1em;
  font-family: "Gill Sans", "Arial", Arial, sans-serif;
  letter-spacing: normal;
  font-variant: normal;
  font-weight: bold;
  margin: 0 0 0.7em;
  padding: 0;
}

.errorExplanation ul {
  padding: 0;
  margin: 0 0 0 1em;
}