/* Ajout d'un enregistrement */

#field-add {
position: absolute;
top: 20px;
right: 15px;
text-align: right;
}

body#gestion_user #field-add, body#user_temp #field-add {
top: 10px;
text-align: right;
}

/* Modification d'un enregistrement */

#field-maj {
position: absolute;
top: 20px;
right: 15px;
text-align: right;
}

/* Suppression d'un enregistrement */

#field-del {
position: absolute;
top: 60px;
right: 17px;
}

body#modif_phrase #field-del {
top: 80px;
}

/* Tableau de formulaire */

.table-form .table-form-entete td {
padding-top: 30px;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid #000000;
font-size: 1.1em;
color: #000000;
}

.table-form .table-form-entete:first-child td {
padding-top: 0;
}

.table-form {
width: 100%;
margin: auto;
border-top: 1px solid transparent;
}

form#form-exercices {
position: relative;
}

.table-form th {
text-align: left;
vertical-align: top;
font-weight: normal;
}

.table-form td {
padding-top: 10px;
vertical-align: middle;
}

.mceLayout {
width: 740px;
}

.table-form .mceIframeContainer {
padding-top: 0;
}

.table-form img[align="absmiddle"] {
border-bottom: 2px solid transparent;
}

.table-form td input + img {
padding-left: 10px;
}

.table-form td select + img {
padding-left: 10px;
}

.table-form td textarea + img {
padding-left: 10px;
}

.table-form td img + img {
padding-left: 10px;
}

.table-form td img[src*="code_securite"] {
padding-left: 3px;
}

/* Astérisque mentionnant le caractère obligatoire d'un champ */

.field-required {
color: #005DA8;
}

/* Bouton de validation d'un formulaire */

#table-form-submit {
margin-top: 20px;
margin-bottom: 20px;
text-align: right;
}

body#contact #table-form-submit {
margin-top: 30px;
}

body[id*="test-orthographe"] #table-form-submit {
display: none;
text-align: center;
}

/* Gestion des labels éditables */

form td[class*="button-"] {
display: none;
margin-top: 0;
margin-bottom: 0;
}

form td[class*="button-"] select + span {
font-size: 0.7em;
padding-left: 3px;
cursor: pointer;
}

form td[class*="button-"] select + span:hover {
text-decoration: underline;
}

/* Message d'erreur après validation d'un formulaire */

#div-err-message {
margin-top: 20px;
margin-bottom: 20px;
}

.err-message {
color: #B9121B;
}

/* Texte relatif à la loi Informatique et Libertés */

#section-cnil {
margin-top: 20px;
margin-bottom: 15px;
text-align: justify;
font-size: 0.9em;
}

/* Message de confirmation de la prise en compte d'un formulaire */

#msg-confirm {
padding-top: 20px;
padding-bottom: 40px;
text-align: center;
}

/* Ajouts Bootstrap */

article input, article select, article textarea {
display: inline-block;
max-width: 90%;
margin-bottom: 10px;
padding: 4px 6px;
vertical-align: middle;
border: 1px solid #666666;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-family: Open Sans;
font-size: 0.9em;
line-height: 20px;
color: #666666;
background-color: #ffffff;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}

article input[type="checkbox"] {
margin-bottom: 0;
}

body.admin article input, body.admin article select, body.admin article textarea {
font-family: Roboto;
}

select[id*="id_devoir_"] {
width: 300px;
margin-left: 10px;
}

input[type="submit"],input[type="button"], a.fin_add_phrase, span[class*="phrase"], .ajax-button {
display: inline-block;
margin-bottom: 0;
padding: 6px 12px;
text-align: center;
vertical-align: middle;
border: 1px solid transparent;
border-radius: 4px;
font-size: 14px;
font-weight: normal;
color: #ffffff;
background-color: #005DA8;
border-color: #005DA8;
line-height: 1.428571429;
white-space: nowrap;
cursor: pointer;
background-image: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

input[type="submit"]:hover,input[type="button"]:hover, input[type="submit"]:focus, input[type="submit"]:active, a.fin_add_phrase:hover, a.fin_add_phrase:focus, a.fin_add_phrase:active, span[class*="phrase"]:hover {
color: #ffffff;
background-color: #C2131D;
border-color: #C21300;
}

body#test-orthographe-resultats .phrase {
font-size: 2.5em;
background-color: red;
border-color: red;
}

input[type="submit"]:focus,input[type="button"]:focus, a.bouton-terminer:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}

input[type="submit"]:active,input[type="button"]:active, a.fin_add_phrase:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.enonce {
background-color: #DDDDDD;
}

.reponse {

}

.validation {
color: green;
font-weight: bold;
}

.correction {
color: red;
font-weight: bold;
}

body[id*="test-orthographe"] input[type="submit"], span[class*="phrase"] {
font-size: 1.1em;
}

body[id*="test-orthographe"] label {
display: inline-block;
width: 170px;
color: #005DA8;
}

body[id*="test-orthographe"] label + span {
font-style: italic;
color: #005DA8;
}

body[id="test-orthographe-partie4"] label {
display: inline-block;
width: auto;
padding-right: 50px;
}

body[id*="test-orthographe-detail"] table tr > td {
width: 200px;
}

body[id*="test-orthographe-detail"] table label {
width: 600px;
}

body[id*="test-orthographe"] .label-enonce {
width: 800px;
}

span#add_credit, div#recap_credit {
width: auto;
font-weight: bold;
padding-right: 70px;
text-align: left;
color: #005DA8;
}

select#id_formule {
padding-right: 0px;
margin-right: 5px;
}

input#nb_credits {
text-align: center;
padding-left: 0px;
margin-left: 5px;
width: 50px;
}

input#ajouter_credits {
margin-left: 15px;
vertical-align: top;
}

#table-credits .label-credit {
width: 250px;
text-align: left;
}

#table-credits .col-abo {
width: 200px;
text-align: center;
}

body#gestion_user .req_ext_classe, body#gestion_user select#req_ext_classe option {
display: none;
}

body#exercices div#bloc_result {
margin-left: 200px;
}

body#exercices .table-devoir, body#exercices_random .table-devoir {
width: 400px;
border: 1px solid #005DA8;
}

body#exercices .table-devoir th, body#exercices_random .table-devoir th {
width: 160px;
text-align: left;
vertical-align: middle;
font-weight: normal;
padding-left: 20px;
}

body#exercices .table-devoir td, body#exercices_random .table-devoir td {
width: 140px;
padding-top: 10px;
vertical-align: middle;
text-align: left;
}

body#exercices input#note_exos, body#exercices_random input#note_exos_criteres, body#exercices_random input#note_exos_exercice {
text-align: center;
width: 50px;
}

body#exercices input#ajouter_exos_devoir, body#exercices_random input#ajouter_exos_devoir {
vertical-align: top;
}

body#exercices_random div#bloc_result {
margin-left: 500px;
}

body.admin [id*="add_j_exercice_situation_visible"], body.admin [id*="mod_j_exercice_situation_visible"], body.admin [id*="add_j_exercice_situation_connexe"], body.admin [id*="mod_j_exercice_situation_connexe"] {
height: 800px;
}

body.public [id*="req_j_exercice_regle"], body.public [id*="req_j_exercice_situation"], [id*="add_pub_j_devoir_exos"], [id*="mod_add_j_devoir_exos"] {
height: 300px;
}

body#exercices .table-form th, body#add_exercice .table-form th, body#modif_exercice .table-form th {
vertical-align: top;
padding-top: 10px;
}

.btn-modif-situation {
color: #005DA8;
}

.btn-modif-situation:hover {
color: #F6B332;
cursor: pointer;
}

#add_j_exercice_type_select, #mod_j_exercice_type_select {
width: 800px;
}

[id*="j_devoir_passe"], [id*="pub_j_devoir_classe"] {
height: 400px;
}