/* 
    Document   : styles
    Created on : 14 févr. 2011, 16:13:14
    Author     : germain guglielmetti
*/

/* common */
body {
    background-color: #404040;
    margin-bottom: 0;
    margin-top: 5px;
    font-family: Arial;
    font-size: 12px;
    color:#000;
    line-height:normal;
}
h1 {
    margin:10px 0;
    font-size:22px;
}
h2 {
    margin:10px 0;
    font-size: 18px;
}
ul {
    margin:5px 0;
}
ul li {
    line-height: 150%;
}
p {
    line-height: 150%;
    margin:0 0 10px 0;
}
fieldset p {
    margin:0 0 3px 0;
}
p.hint {
    font-size:11px;
    margin:10px 0;
}
a.icon {
    color:#000;
    font-size:14px;
}
a.icon:hover {
    color:#2185C7;
}
table.borders {
    border: 1px #999 solid;
}
table.borders th {
    border: 1px #999 solid;
    padding:10px;
    background: #eee;
}
table.borders td {
    border: 1px #999 solid;
    padding:6px 10px;
}

table.borders td .calendar {
    padding:2px 2px;
}




/* structure */
#container {
    background:#fff;
    margin: 16px auto;
    width: 960px;
    border:1px #000 solid;
}
#logo {
    text-align: center;
    padding:20px 0;
    border-bottom: 1px #ccc solid;
}
#nav {
    font-size:15px;
    font-weight: bold;
    float:left;
    width:259px;
}
#nav ul {
    border-right:1px #ccc solid;
    width:234px;
    margin:0px 0 30px 20px;
}
#nav ul ul {
    width:214px;
    border-right:none;
}
#nav ul li {
    line-height: 250%;
}
#nav ul li a:link, #nav ul li a:visited {
    color:#000;
    text-decoration: none;
}
#nav ul li a:hover {
    color:#999;
}
#nav ul li.active a {
    color:#2185C7;
}
#nav ul li.active ul li a {
    color:#000;
}
#nav ul li ul li.active a {
    color:#2185C7;
}
#content {
    float:left;
    padding:0 30px 40px 30px;
    width:640px;
}
#footer {
    width:960px;
    margin:16px auto;
    font-size:11px;
    line-height: 120%;
    color:#fff;
}
#footer ul {
    width:190px;
    float:left;
    margin:0 10px 0 0;
}
#footer ul:first-child {
    margin:0 0 0 260px;
}
#footer a:link, #footer a:visited {
    color:#fff;
    text-decoration: none;
}
#footer a:active, #footer a:hover {
    color:#fff;
    text-decoration: underline;
}




/* forms */
form fieldset {
    background: #eeeeee; /* old browsers */
    background: -moz-linear-gradient(left, #eeeeee 0%, #FFFFFF 71%); /* firefox */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(71%,#FFFFFF)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#FFFFFF',GradientType=1 ); /* ie */
    padding:20px 0;
}
form p{
    width: 500px;
    clear: left;
    margin: 0;
    padding: 3px 0 3px 0;
    padding-left: 155px; /*width of left column containing the label elements*/
    border-top: 1px dashed #fff;
    height: 1%;
}

form label{
    font-weight: bold;
    float: left;
    margin-left: -155px; /*width of left column*/
    width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
    text-align: right;
}

form input[type="text"], form input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
    width: 180px;
}
form textarea{
    width: 450px;
}
fieldset legend {
    padding:10px 0 0 10px;
    color:#777;
    font-size: 13px;
    font-weight: bold;
    width:600px;
	display:inline;
}






/* other */
.logged_in {
    background:#eee;
    padding:2px 10px;
    font-size:11px;
    color: #2185C7;
}
.logged_in a {
    float:right;
    line-height: 18px;
}

.progressbar {
    float:none;
    clear:both;
}
.required {
	color:red;
}

/*----fonts----*/

.arial-bleu12{
font:12px Arial, Helvetica, sans-serif;
color:#2185c7;
text-decoration:none;
}


.arial-bleu12 a{
font:12px Arial, Helvetica, sans-serif;
color:#2185c7;
text-decoration:none;
}

.arial-bleu12 a:hover{
font:12px Arial, Helvetica, sans-serif;
color:#808285;
text-decoration:none;
}

.arial-or14{
font:14px Arial, Helvetica, sans-serif;
color:#a5925a;
text-decoration:none;
}

.arial-noir10{
font:10px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}


.production_comments {
	background:#EEE;
	padding:5px;
}


#round_tables p {
    padding:0 0 0 40px;
    height:auto;
}

#round_tables h3 {
    padding:0 0 10px 20px;
}