@charset "UTF-8";
/*reset.css*/
body{color:#000;background:#fff;}
/*fonts.css*/
body {font:12px verdana, arial,helvetica,clean,sans-serif;}
table {font-size:inherit;}
a {color:#045398}
a:hover {color:#008CFF}

/*
Vert : 		91E800
Marron : 	402B0D
Gris : 		999999
Link :	045398
*/
img.left, .left img  {
  float:left;
  margin:0 10px 0 0;
}
img.right, .right img  {
  float:right;
  margin:0 0 0 10px;
}
img.middle { 
vertical-align:middle
}
.sep {clear:both; height:1px; line-height:1px; font-size:1px; }

ul.list {
padding-left:20px;
}
ul.list li {
list-style:disc;
padding-bottom:0.5em;
}

div.noscript { 
text-align:left;
background:#fff; 
padding:10px 30px 10px 20px; 
margin-top:80px; 
width:600px; 
border:4px solid #900
}
div.noscript h1 {
color:#91E800;
font-family:"Century Gothic",Trebuchet,Arial,Helvetica,sans-serif;
font-size:24px;
font-weight:normal;
}
.small {font-size:0.9em}

/*
---------------------
STRUCTURE
---------------------
*/
#hd { width:780px; text-align:left; border-bottom:1px solid #cccccc; position:relative;}
#hd h1 { color:#999; padding:0; margin:0; width:340px;}
#hd img {border:none}
#hd #baseline {position:absolute; bottom:9px; left:170px;}

#logo {
}
#logo img {}


#ft { width:780px; color:#999; font-size:10px; line-height:20px; padding:8px 0 16px; position:relative; border-top: 1px solid #cccccc}
#ft .valid { position:absolute; top:10px; right:-5px;}
#ft img {border:none}

#themes {
clear: both;
margin: 0;
padding: 0;
display: block;
height: 34px;
text-align:left;
width:780px;
background:#e5e5e5;
}

#themes ul {
list-style:none;
padding:10px 0 0;
margin:0;
}
#themes li {
float:left;
padding:0;
margin:0 0 0 10px;
height:24px;
}
#themes li a {
display:block;
padding:0 10px;
line-height:24px;
height:24px;
background:#999999;
font-weight:bold;
text-decoration:none;
color:#fff;
}
#themes li.sel a {
background:#fff;
text-decoration:none;
font-weight:bold;
color:#045398;
}

#nav {
clear: both;
margin: 0;
padding: 40px 0 0 0;
display: block;
width: 160px;
text-align:left;
position:absolute;
top:0;
right:0;
}
#nav ol {
display:block;
padding: 0;
margin:0;
color:#666666;
list-style:none;
}
#nav li {
margin: 0;
padding: 0;
}
#nav li.separation a {
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
background:#e5e5e5;
}
#nav li.sel a {
font-weight:bold;
text-decoration:none;
background:#fff;
color:#045398;
border-top:1px solid #036;
padding:  10px 4px;
}
#nav li a {
padding:  6px 4px;
display:block;
background:#f5f5f5;
border-top: 1px solid #ccc;
}
#nav li a:hover {
background:#008CFF; color:#fff; border-top:1px solid #045398;
}
#nav a:active, #nav a.sel, #nav a:hover.sel {
}


/*
---------------------
BT
---------------------
*/
input.bt, input.bts, input.btLong, input.btsLong { 
cursor:pointer
}
a.bt, a.bts, a.btLong, a.btsLong { 
display:block;
text-align:center;
text-decoration:none;
}
input.bts, a.bts, input.btsLong, a.btsLong { width:128px; height:21px; background: url(../i/bt/bts.gif) no-repeat; border:0; color:#fff; font-size:12px; padding:0; font-weight:bold; line-height:21px; margin:0; }
input.bts:hover, a.bts:hover, input.btsLong:hover, a.btsLong:hover {background-position:0 -21px}
input.btsLong, a.btsLong { background-image:url(../i/bt/bts-l.gif); width:212px; }
input.bt, a.bt { width:128px; height:21px; background: url(../i/bt/btg.gif) no-repeat; border:none; color:#fff; font-size:12px; padding:0; font-weight:bold; line-height:21px; margin:0; }
input.bt:hover, a.bt:hover {background-position:0 -21px}
input.bt.long, a.bt.long { background-image:url(../i/bt/btg-l.gif); width:212px; }
/*
---------------------
FORM
---------------------
*/

/* Commun */

input.invalid, select.invalid, 
table.form tr.input td input.invalid, 
table.form tr.input td select.invalid, 
table.form tr.input td textarea.invalid {
background:#FFD357;
}
#msg  {margin-bottom:1em}
#msg div.wrong { background:#E48C2B; padding:8px; border:1px solid #CF3817}
#msg div.ok { background:#7EBA3F; padding:8px; border:1px solid #468106}
#msg div.ok p {color:#fff;}

table.form td label {
color : #403D24;
font-size:1.2em;
font-family:Georgia, "Times New Roman", Times, serif;
cursor: pointer; 
}
table.form tr.label td {
padding:6px 0 0 0;
}

table.form tr.input td input{ 
margin: 0;
border: 1px solid #A89D60;
color: #71130B;
background-color: #ffc;  
padding: 1px 0 1px 0;
width: 344px;
font-weight:bold;
font-size:14px;
position:relative;
}
table.form tr.input td select{ 
margin: 0;
border: 1px solid #A89D60;
color: #222;
background-color: #ffc;  
width: 344px;
font-size:1.1em;
position:relative;
}

table.form tr.input td textarea { 
margin: 0;
border: 1px solid #A89D60;
color: #71130B;
background-color: #ffc;  
width: 344px;
font-weight:bold;
font-size:12px;
position:relative;
height:60px;
}
table.form tr.button td { 
padding:8px 0 0 0;

}
table.form #state {
margin-top:4px;
}
#content {text-align:left; width:780px; padding-top:10px; position:relative}
#content .listLink { background:#f2f2f2; padding:5px; border:1px solid #e5e5e5; color:#333333; margin-bottom:0.5em}
#content .cours {width:600px; color:#333333}
#content .cours h1 {
font-family: "Century Gothic", Trebuchet, Arial, Helvetica, sans-serif;
font-size: 32px;
color: #91E800;
font-weight:normal;
padding:1em 0 0.25em 0;
margin:0;
}
#content .cours h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
color: #402B0D;
font-weight:bold;
margin:0;
padding:1em 0 1em;
line-height:1.25em;
}
#content .cours h3 {
font-size: 14px;
color: #333333;
border-bottom:2px dotted #ccc;
font-weight:bold;
margin:0 0 1em;
padding:0.5em 0 0.125em;
line-height:1.25em;
}
#content .cours ul, #content .cours ol {
padding:0 2em 1em;
margin:0;
}
#content .cours li {
padding:0.25em 0;
margin:0;
}
#content .cours p {
padding:0 0 1em;
margin:0;
line-height:1.5em
}
#content .cours p.exemple {
padding:0;
color:#6DAB00;
}
#content .cours p.code {
padding:4px;
margin:0 0 1em;
border:1px dotted #91E800;
background:#F1FFD8;
}
#content p.preview-title {
padding:0;
color:#027FB0;
}
#content div.preview {
padding:4px;
margin:0 0 1.5em;
border:1px dotted #5FD1FF;
background:#EFFAFF;
}
#content div.preview h1, #content div.preview h2, #content div.preview h3, #content div.preview h4{
padding:inherit;
margin:inherit;
color:#000;
font-family:"Times New Roman", Times, serif;
border:none;
}
#content div.preview table.border { border-top:1px solid #666;  border-left:1px solid #666;}
#content div.preview table.border td, #content div.preview table.border th { border-bottom:1px solid #666;  border-right:1px solid #666; padding:2px 6px;}
#content div.structure {

margin-bottom:1em;
}
#content div.structure table {
}
#content div.structure table td, #content div.structure table th {
vertical-align:top;
padding:4px;
}
#content div.structure.border {
border-bottom:1px solid #333; 
border-left:1px solid #333; 
}
#content div.structure.border table td, #content div.structure.border table th {
border-top:1px solid #333; 
border-right:1px solid #333; 
}
#content div.structure table tr.decimal td {font-size:0.9em}
#content div.tags {
border:1px solid #333;
margin-bottom:1em;
}
#content div.tags table {
width:100%;
}
#content div.illustration {
background:#FFFF99;
border:1px solid #FFFF33;
margin-bottom:0.75em;
}
#content div.tags table th {
background:#9B6820;
color:#fff;
padding:4px;
}
#content div.tags table td {
vertical-align:top;
border-top:1px solid #333; 
padding:4px;
}
#content div.tags table td.t {
width:100px;
}
#content p.advertise {
margin:5px 0;
padding:8px;
color:#3f3f3f;
background:#f0f0f0;
font-size:0.85em;;
line-height:1.25em;
clear:both;
}
#content .colA {
width:194px;
float:left;
padding:10px 0;
}
#content .colA h1 {
 padding-bottom:0.5em
}
#content .colA p {
 padding-bottom:0.5em
}
#content .colA .edito {
padding:20px 10px 10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.125em;
text-align:justify;
}
#content .colA .smenu {
margin-top:20px;
border-bottom:1px solid #999;
overflow:hidden;
}
#content .colA .smenu li {
margin:0 0 0 0;
display:inline
}
#content .colA .smenu li a {
color:#3B3720;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.125em;
text-decoration:none;
background:#D3C773 url(../i/menuv/fch.gif) no-repeat 172px 8px;
display:block;
padding:6px 8px;
border-top:1px solid #B3A861;
}
#content .colA .smenu li.sel {

}
#content .colA .smenu li.sel a, #content .colA .smenu li.sel a:hover {
color:#8F0000;
background:#fff url(../i/menuv/fch-sel.gif) no-repeat 172px 8px;
margin-right:0;
border-top:1px solid #ccc;
}

#content .colA .smenu li a:hover {
background-color:#D3C03D;
display:block;
}  
#content .colB {
width:582px;
float:left;
padding:10px 0;
overflow:hidden;
}
#content .part {
padding:20px 30px;
}
#content .part p.presentation {
padding-bottom:8px;
border-bottom:1px dotted #e5e5e5;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.125em;
}
#content .part div.note {
padding:8px 0 0;
margin:12px 0 0;
border-top:1px dotted #e5e5e5;
font-size:0.75em;
}
#content .labelPresentation {
position:relative;
}

#content .labelPresentation .logoLabel {
position:absolute;
background:none;
border:none;
top:-90px;
right:10px;
}

#content .inprogress { background:#fff; color:#cc3300; border:1px solid #cc3300; padding:10px}