html,body {
margin:0;
padding:0;
}

html {
font-size:100%;
}

body {
background:#454545 url(../images/design/fond-body.png) top center no-repeat;
text-align:center;
font-size:0.69em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#cadre-principal {
margin:20px auto 0 auto;
width:760px;
border:1px solid #000;
background-color:#FFF;
padding:10px;
text-align:left;
}

div#corps {
background-color:#FFF;
padding:10px;
margin:10px 0 0 0;
height:300px;
}

html>body div#corps {
height:auto;
min-height:300px;
}

a img {
border:0;
}

p {
margin:0 0 1em 0;
padding:0;
text-align:justify;
line-height:1.6em;
}

h1 {
margin:0 0 0.5em 0;
padding:0;
font-size:2em;
font-weight:normal;
color:#000;
}

h1 strong {
font-weight:normal;
color:#000;
}

h1 a:link {
color:#000;
}

h1 a:visited {
color:#000;
}

h1 a:hover {
color:#000;
}

h1 a:active {
color:#000;
}

h2 {
margin:0 0 0.5em 0;
padding:0;
font-size:1.6em;
font-weight:normal;
color:#000;
}

form {
margin:0 0 1em 0;
padding:0;
border:0;
}

label {
font-weight:bold;
cursor:pointer;
}

input, textarea, select {
font-size:120%;
font-weight:bold;
padding:0.3em 0 0.3em 0.3em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:link {
color:#9F5620;
}

a:visited {
color:#9F5620;
}

a:hover {
color:#000;
}

a:active {
color:#000;
}

ul {
margin:0 0 1em 0;
padding:0 0 0 2em;
}

ul li {
margin:0 0 0.3em 0;
padding:0;
}

table {
margin:0;
padding:0;
border-collapse:collapse;
}

table th {
margin:0;
padding:0.5em;
border:0;
font-weight:bold;
text-align:left;
}

table td {
margin:0;
padding:0.5em;
border:0;
text-align:left;
vertical-align:top;
}

table.donnees {
margin:0 auto 0 auto;
padding:0;
border-collapse:collapse;
width:700px;
background-color:#FFF;
color: #333;
word-spacing: -1px;
border:1px solid #CCC;
}

div.entete-tableau {
width:700px;
margin:0 auto 0 auto;
text-align:left;
padding-left:1px;
}

div.pied-tableau {
width:700px;
margin:0 auto 0 auto;
text-align:left;
padding-left:1px;
}

table.donnees th {
margin:0;
padding:0.5em;
border:0;
font-weight:bold;
text-align:left;
color:#FFF;
background-color:#3C3C3C;
}

table.donnees td {
margin:0;
padding:0.5em;
border:0;
text-align:left;
}

table.donnees td a {
color:#9F5620;
}

table.donnees tr.odd td {
background-color:#D1DCED;
}

table.donnees th#col-ID {
width:50px;
}

table.donnees td.col-options {
width:100px;
text-align:right;
}

table.donnees th.col-options {
width:100px;
text-align:right;
}

table.donnees caption {
padding:10px;
margin:0;
text-align: center;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
caption-side:top;
background:#D4722B;
}

table.donnees thead  {
border-bottom: solid 1px #d4722b;
border-top: solid 1px #d4722b;
}

table.donnees thead th, table.donnees tfoot th, table.donnees tfoot td {
background-color:#D4722B;
background-repeat:repeat-y;
padding: 5px 8px 5px 8px;
font-weight: normal;
font-family:Georgia, "Times New Roman";
font-size: 15px;
color: #ffffff;
}

table.donnees tbody th, table.donnees tbody td {
border-bottom: solid 1px #CCC;
padding: 5px 10px 5px 10px;
}

table.donnees tbody th {
white-space: nowrap;
}

table.donnees tbody tr:hover {
background:#F9F9F9; 
}

table.donnees tfoot td a {
color:#000000;
}

table.donnees tfoot td a:hover {
color:#FFFFFF;
}

table.formulaire td.nomchamp {
text-align:right;
width:35%;
font-weight:bold;
font-size:1.2em;
white-space:nowrap;
}

table.formulaire {
margin:0 auto 1em auto;
background:none;
}

table.formulaire td {
width:65%;
color:#000;
border:none;
}

table.formulaire tr.curFocus td {
background-color:#F9F9F9;
}

table.formulaire tr.curFocus td input, table.formulaire tr.curFocus td select, table.formulaire tr.curFocus td label, table.formulaire tr.curFocus td textarea {
color:#666;
}

table.listeElements tr:nth-child(even) {
background-color:#dedede;
}

.nowrap {
white-space:nowrap;
}

form div.piedForm {
text-align:center;
padding:1em 0 0 0;
}

table.formulaire tbody tr:hover {
background:none; 
}

input.bouton {
font-weight:bold;
padding:0.3em;
cursor:pointer;
text-align:center;
font-size:1.3em;
}

div#menu {
background-color: #383838;
border-top: solid 1px #FFFFFF;
border-bottom: solid 1px #FFFFFF;
background-image:url(../images/design/fond-menu.gif);
background-repeat:repeat-x;
}

div#menu ul {
color: white;
text-align: center;
margin: 0;
padding-bottom: 20px;
padding-top: 20px;
}

div#menu ul li {
display: inline;
margin-left: -4px;
}

div#menu ul li a {
padding: 20px 7px 20px 7px;
color: white;
text-decoration: none;
}

div#menu ul li a:hover {
background-color: #292929;
color: white;
}

div.options img {
vertical-align:bottom;
}

div#erreur {
background:#fff6bf;
text-align: left;
padding: 5px 20px 5px 20px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
margin:0.5em 0 1em 0;
color:#000;
}

div#erreur h3 {
color:#000;
}

div#erreur ul {
margin:1em 0 1em 1em;
list-style-type:circle;
}

div#erreur p {
padding:0 1em 1em 1em;
border-bottom:1px solid #7D0205;
}

div.information {
background:#A6BADB;
text-align: left;
padding:1em;
border-top: 2px solid #A6BADB;
border-bottom: 2px solid #A6BADB;
margin:0.5em 0 1em 0;
color:#000;
}

div.information p {
text-align:center;
margin:0;
padding:0;
font-weight:bold;
}

div#ariane p {
text-align:right;
font-size:0.8em;
}

div#piedpage {
margin:0 auto;
width:760px;
padding:0.5em 0 0 0;
}

div#piedpage p {
color:#CCC;
text-align:right;
font-size:0.85em;
}

div#piedpage a {
color:#CCC;
}

img.calendrier {
cursor:pointer;
vertical-align:middle;
}

ul.modules {
padding-left:50px;
}

ul li.mnuCandidats {
list-style-image:url(../images/design/icones/candidats.png);
}

ul li.mnuRegions {
list-style-image:url(../images/design/icones/regions.png);
}

ul li.mnuEmployeurs {
list-style-image:url(../images/design/icones/employeurs.png);
}

ul li.mnuExamens {
list-style-image:url(../images/design/icones/examens.png);
}

ul li.mnuConfiguration {
list-style-image:url(../images/design/icones/configuration.png);
}

ul li.mnuEngrenage {
list-style-image:url(../images/design/icones/engrenage.png);
}

ul li.mnuCommissions {
list-style-image:url(../images/design/icones/cube.png);
}

ul li.mnuMandataires {
list-style-image:url(../images/design/icones/dossier.png);
}

ul li.mnuTaux {
list-style-image:url(../images/design/icones/calculatrice.png);
}

div.fiche {
background-color:#F5F4F1;
padding:10px;
border:1px solid #DDD9CA;
margin:1em 0 1em 0;
}

div.colonne {
float:left;
width:345px;
margin:0 5px;
}

div.colonne h2 {
text-align:center;
}

div.clear {
clear:both;
height:0;
line-height:0;
font-size:0;
}

div#password-strength {
padding:0.4em 0 0 0;
font-size:0.85em;
}

span.password-strength-bar {
padding:0.3em;
margin-top:0.4em;
}

.pagination{
padding: 2px;
margin:1em 0;
text-align:right;
}

.pagination p {
text-align:right;
}

div.tableau-sommaire {
margin:0 auto 0 auto;
padding:0;
width:700px;
background-color:#e7e7e7;
color: #666;
}

div.tableau-sommaire div.contenu {
padding:1em;
text-align:right;
font-size:1.3em;
font-weight:bold;
}

div.tableau-sommaire div.contenu p {
text-align:right;
}

fieldset {
border:0;
border-top:1px solid #0C3563;
padding:1em;
margin-top:1rem;
}

fieldset legend {
font-weight:bold;
font-size:1.3em;
}

div.avertissement p {
text-align:left;
color:#EEE;
margin:0;
}

noscript {
margin:0;
padding:0;
}

noscript div.avertissement {
width:630px;
margin:0 auto 0 auto;
background-image:url(../images/design/icones/avertissement-bleu.png);
background-repeat:no-repeat;
background-position:left center;
padding:23px 0 23px 50px;
}

div.indication {
margin:0 auto 0 auto;
padding:5px;
background-color:#E9EEF6;
border:1px solid #000;
width:100%;
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;
}

div.indication p {
margin:0;
padding:0;
}

div.indication h2 {
text-align:left;
margin:0;
padding:0;
}

span.discret {
font-size:0.85em;
color:#666;
}

div.autosuggest {
position: absolute;
background-image: url(img_inquisitor/as_pointer.gif);
background-position: top;
background-repeat: no-repeat;
padding: 10px 0 0 0;
}

div.autosuggest div.as_header, div.autosuggest div.as_footer {
position: relative;
height: 6px;
padding: 0 6px;
background-image: url(img_inquisitor/ul_corner_tr.gif);
background-position: top right;
background-repeat: no-repeat;
overflow: hidden;
}

div.autosuggest div.as_footer {
background-image: url(img_inquisitor/ul_corner_br.gif);
}

div.autosuggest div.as_header div.as_corner, div.autosuggest div.as_footer div.as_corner {
position: absolute;
top: 0;
left: 0;
height: 6px;
width: 6px;
background-image: url(img_inquisitor/ul_corner_tl.gif);
background-position: top left;
background-repeat: no-repeat;
}

div.autosuggest div.as_footer div.as_corner {
background-image: url(img_inquisitor/ul_corner_bl.gif);
}

div.autosuggest div.as_header div.as_bar, div.autosuggest div.as_footer div.as_bar {
height: 6px;
overflow: hidden;
background-color: #333;
}

div.autosuggest ul {
list-style: none;
margin: 0 0 -4px 0;
padding: 0;
overflow: hidden;
background-color: #333;
}

div.autosuggest ul li {
color: #ccc;
padding: 0;
margin: 0 4px 4px;
text-align: left;
}

div.autosuggest ul li a {
color: #ccc;
display: block;
text-decoration: none;
background-color: transparent;
text-shadow: #000 0px 0px 5px;
position: relative;
padding: 0;
width: 100%;
}

div.autosuggest ul li a:hover {
background-color: #444;
}

div.autosuggest ul li.as_highlight a:hover {
background-color: #1B5CCD;
}

div.autosuggest ul li a span {
display: block;
padding: 3px 6px;
font-weight: bold;
}

div.autosuggest ul li a span small {
font-weight: normal;
color: #999;
}

div.autosuggest ul li.as_highlight a span small {
color: #ccc;
}

div.autosuggest ul li.as_highlight a {
color: #fff;
background-color: #1B5CCD;
background-image: url(img_inquisitor/hl_corner_br.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span {
background-image: url(img_inquisitor/hl_corner_bl.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

div.autosuggest ul li a .tl, div.autosuggest ul li a .tr {
background-image: transparent;
background-repeat: no-repeat;
width: 6px;
height: 6px;
position: absolute;
top: 0;
padding: 0;
margin: 0;
}

div.autosuggest ul li a .tr {
right: 0;
}

div.autosuggest ul li.as_highlight a .tl {
left: 0;
background-image: url(img_inquisitor/hl_corner_tl.gif);
background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr {
right: 0;
background-image: url(img_inquisitor/hl_corner_tr.gif);
background-position: bottom right;
}

div.autosuggest ul li.as_warning {
font-weight: bold;
text-align: center;
}

div.autosuggest ul em {
font-style: normal;
color: #6EADE7;
}

table.squelette {
width:99%;
}

div.important p {
text-align:left;
color:#000;
margin:0;
}

div.important {
width:630px;
margin:0 auto 0 auto;
background-color:#C7E1FE;
padding:23px 0 23px 50px;
}

p.outils {
text-align:right;
margin:1em 0 0 0;
}

div.facture div.FactureID {
float:right;
background-color:#000;
padding:1em 2em;
color:#FFF;
font-size:1.3em;
font-weight:bold;
text-align:center;
}

div.facture img.logo {
margin:0 0 1em 0;
}

div.panneau {
margin:0 auto 1em auto;
width:700px;
text-align:right;
}

input.checkbox {
cursor:pointer;
}

.droite {
text-align:right !important;
}

.centrer {
text-align:center !important;
}

.emphase {
font-weight:bold;
}

.espacement {
margin:0 0 0.5rem 0;
}

.espacementTop {
margin-top:1rem !important;
}

.col2 {
width:50%;
float:left;
}

.col3 {
width:33.33%;
float:left;
}

.col3 label {
font-size:0.75rem;
}

.col4 {
width:25%;
float:left;
}

.formateur label {
font-weight:normal;
}