﻿body
{
	background-color: #dddddd;
}


/* Les boutons */
input.szl
{
    width: 200px;
}
input.szxxl
{
    width: 640px;
}

/* ---------------------------------------- */
/* Les formulaires                          */
div.form
{
    display: block;
    margin: 48px auto 12px auto;
    border: solid 1px #999999;
    background-color: #eeeeee;
    padding: 24px;
}
/* ---------------------------------------- */

div.bloc
{
    display: inline-block;
    width: 350px;
    height: auto;
    border: solid 1px #999999;
    background-color: #ffffff;
    margin: 6px 6px 6px 6px;
	line-height: 16px;
	padding-bottom: 12px;
	vertical-align: top;
	box-sizing: border-box;
}


div.fconnexion input[type="text"],
div.fconnexion input[type="password"]
{
    display: inline-block;
    width: 240px;
    margin: 16px 0px 0px 0px;
    font-size: 14pt;
    font-weight: bold;
}
div.form label
{
    display: inline-block;
    width: 140px;
    height: 36px;
    line-height: 36px;
    font-weight: normal;
    color: #666666;
    background-color: #dddddd;
    border-left: solid 1px #999999;
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
    border-right: none;
    vertical-align: top;
    margin: 16px 0px 0px 0px;
}


input[type=text]
{
    display: inline-block;
    font-weight: bold;
}
textarea
{
    display: inline-block;
    width: 640px;
    height: 150px;
    min-height: 150px;
    max-height: 150px;
    font-weight: bold;
    padding-top: 6px;
}


/* Les blocs */
div.versions
{
    display: block;
    margin: 48px auto 12px auto;
    width: 720px;
}


/* ---------------------------------------- */
/* Dimension du formulaire de connexion     */
div.fconnexion
{
    width: 393px;
}
/* ---------------------------------------- */


div.fversion
{
    width: 793px;
    height: 406px;   
}
div.form input.button
{
    margin: 24px -1px 0px 0px;
}
div.fversion input[type=text],
div.fversion textarea
{
    width: 640px;
    min-width: 640px;
    max-width: 640px;
    margin: 16px 0px 0px 0px;
    font-size: 11pt;
    font-weight: bold;
}

span.ta, label.ta
{
    height: 156px;
}
legend
{
    display: block;
    margin-left: 144px;
    margin-top: 2px;
    font-style: italic;
    color: #999999;
}


/* ------------------------------- */
/* Formulaire de version           */
/* ------------------------------- */
/*div.versions input.button
{
    margin: 12px 12px 0px 0px;
}*/
div.versions input[type=text],
div.versions textarea
{
    margin: 12px 0px 0px 0px;
}
div.info
{
    display: inline-block;
    width: 280px;
    height: auto;
    border: solid 1px #999999;
    background-color: #ffffff;
    margin: 12px 12px 12px 12px;
	line-height: 16px;
	padding-bottom: 12px;
	vertical-align: top;
}
div.double
{
    display: inline-block;
    width: 716px;
    height: auto;
    border: solid 1px #999999;
    background-color: #ffffff;
    margin: 6px 6px 6px 6px;
	line-height: 16px;
	padding-bottom: 12px;
	vertical-align: top;
    box-sizing: border-box;
}
div.version
{
    display: block;
    height: auto;
    border: solid 1px #999999;
    background-color: #ffffff;
    margin: 24px 12px 24px 12px;
    padding-left: 40px;
	line-height: 16px;
	padding-bottom: 12px;
}

div.sep
{
    margin: 36px 12px 0px 12px;
}

span.version
{
    display: inline-block;
    height: auto;
    line-height: 16px;
    margin: 8px 12px 0px 8px;
    font-weight: bold;
}

span.marge
{
    padding-left: 32px;
}

table.grille
{
    border-left: solid 1px #999999;
    border-top: solid 1px #999999;
    background-color: #ffffff;
}
table.grille td
{
    padding: 2px 8px 2px 8px;
}
table.grille thead td
{
    background-color: #eeeeee;
    color: #666666;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
    text-align: center;
}
table.grille tbody td
{
    color: #000000;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
    text-align: left;
}
table.grille tbody tr:hover
{
    background-color: #FFFF66;
}
table.grille tbody td.r
{
    text-align: right;
}
table.grille input
{
    width: 220px;
    height: 24px;
}

div.group input.szl,
div.group button.szl
{
    width: 120px;
}
div.group input.szm,
div.group button.szm
{
    width: 75px;
}
div.group input.szs,
div.group button.szs
{
    width: 50px;
}
div.group input.szxs,
div.group button.szxs
{
    width: 40px;
}

div.popup
{
    top: 56px;
}

div.itemsep
{
    margin: 12px 0 0 0;
    padding: 8px;
    font-weight: bold;
    font-size: 10pt;
    position: sticky;
    top: 56px;
    z-index: 499;
    background-color: #fff;
    border-bottom: solid 1px #999;
    border-top: solid 1px #999;
    color: #666;
    text-indent: 16px;
}
span.head4b
{
}

div.modules {
    height: 352px;
}