html { 
    line-height:1.2em; 
}
html, body {
    height: 100%;
}
html, body, ul, li, form, img, p, h1, h2, h3, h4, h5, cite, table, tr, td, cite, div, iframe, object, label { 
    margin:0;
    padding:0; 
    border:0; 
    font-style:inherit; 
    font-weight:inherit;
    position: relative;
    cursor: default;                
    font-family:Arial, Helvetica, sans-serif;
    z-index:10;
}
a, a img {
    cursor:pointer;
} 
body {
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;  
    font-size:11px;                                   
    background-color:#F4F5F5;         
}
input, textarea {
    font-style:inherit; 
    font-weight:inherit;
    position: relative;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    z-index:10;
}
input.text, textarea {
    border:1px solid #969696 !important;
    cursor: text;
} 
#page {
    margin-left: auto;
    margin-right: auto;
    text-align: left; 
    position: relative; 
    width:1000px;
    background-color: #FFF;   
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -165px; 
}
#header a.retour {
    width: 250px;
    height:85px;
    display:block;
    padding-top:30px;
    padding-left:50px;              
}
#header .langues {
    background: #FFF url('/images/interface/etoiles.gif') no-repeat top left;
    padding:11px 0px 0px 15px;
    position:absolute;
    right:50px;
    top:50px;
}
#header .langues h3 {
    font-size:14px;
    color:#84cbec;
    font-weight: bold;
}
#header .langues ul {
    list-style: none;
    margin-left:20px;
}
#header .langues li {
    display: inline;   
    border-left:1px solid #efdd43;
    padding-left:5px;
}
#header .langues li.first {
    border-left:none;
}
#header .langues li a { 
    font-size:11px;
    color:#84cbec;
    font-weight: bold;
    text-decoration: none;
}
#header .langues li a.selected, #header .langues li a:hover {    
    text-decoration: underline;
}


#content {
    margin-top:20px;
}








#nav {
    display: block;
    margin:0 20px;
}
#nav ul {                       
    list-style: none;
}
#nav ul li {                       
    display:inline;
}
#nav h1 {                       
    padding:10px 20px;
    z-index:10;
    border-bottom:1px solid #d5d1d1;
    font-size:20px;
    display:inline;
    border-right:1px solid #d5d1d1;
}
#nav .first h1 {                       
    background: #f4f5f5 url('/images/interface/nav_arrondi.gif') no-repeat 0px 0px;
    
    >background: none ;
    >border-left:1px solid #d5d1d1;
    >border-top:1px solid #d5d1d1;
    
    margin-right:-3px;
    >margin-right:0px;
}
#nav .region h1 {                       
    >border-top:1px solid #d5d1d1;
    
    background: #f4f5f5 url('/images/interface/nav_france.gif') no-repeat -5px 0px;
    padding-left:55px;                 
}
#nav .selected h1 {   
    z-index:20;
    border-bottom:1px solid #FFF;
    background-color:#FFF;
}
#nav h1 a em {          
    font-size:13px;
    margin-left:7px;
    margin-top:2px;
}
#nav h1 a {
    text-decoration:none;   
    color:#BBB9BA;
                       
}                             
#nav li.selected h1 a, #nav h1 a:hover {  
    color:#0096D5;
}
#nav div.sous-nav {
    margin-top:8px; 
    >margin-top:12px; 
    z-index:1;
    display: block;
    border:1px solid #D4D1D1;
}
#nav div.sous-nav ul {
    
}
#nav div.sous-nav ul li {
    background: #FFF url('/images/interface/nav_degrade_srub.gif') no-repeat bottom left;
    display:block;
    float:left;
    padding:10px 0;
}
#nav div.sous-nav ul li.first {
    background: #FFF url('/images/interface/nav_degrade_srub.gif') no-repeat -1px bottom;
}

#nav div.sous-nav ul li a {
    font-size:13px;
    padding:0 20px;
    text-decoration:none;
    color:#BBB9BA;    
}
#nav div.sous-nav ul li.stage-emploi a {
    color:#f3a4a1;
}
#nav div.sous-nav ul li a.selected {
    color:#0096D5;
    background: transparent url(/images/interface/nav-fleche.gif) no-repeat scroll 17px 2px;
    padding-left:46px;
}
#nav div.sous-nav ul li.stage-emploi a.selected {   
    background: transparent url(/images/interface/nav-fleche2.gif) no-repeat scroll 17px 2px;
    color:#EC6D68;
}
#nav .sous-nav ul {
    display:none;
}
#nav .sous-nav ul.selected {
    display:block;
}
#nav div.sous-nav ul li.stage-emploi a:hover {
    color:#EC6D68;
}
#nav div.sous-nav ul li a:hover {       
    color:#0096D5;     
}


/* Numéros indigo */
#content .numero-0820, #content .numero-0825 {
    color:#3C288A;
    font-size:12px;
}
#content .numero-0820 img, #content .numero-0825 img {
    margin-right:2px;
    top:4px;
    >top:0px;
}
#content .numero-0820 .tarif, #content .numero-0825 .tarif {
    font-weight:normal;
    font-size:smaller;
    font-weight:normal;
    margin-left:3px;
}




.flash-home {
    margin:10px 0 40px 0;
}


img.illustration {
    position:absolute;
    margin-left:20px;
    top:100px;
}
#content .content {
    clear: both;
    padding:0px 20px;
    top:27px;
}
#content .text {
    padding-left:360px;
}
#content .content h2 {
    color:#0197D6;
    font-size:16px;
    font-weight: bold;
    text-transform: uppercase;
}
#content .content h5 {
    color:#000;        
    font-size:13px;
    margin:10px 0px; 
    font-weight:bold;       
}
#content .content h4 {
    color:#0197D6;      
    font-size:13px;
    font-weight:bold;
    text-transform: uppercase;
    margin:10px 0px;  
}
#content .content p {
    font-size:11px;
    margin:10px 0px; 
}
#content .content ol {     
    margin:10px;
    padding-left:20px;
}
#content .content ul {     
    margin:10px;
    padding-left:20px;
}                                           
#content .content caption {     
    text-align: left;
    background: #FFF url('/images/interface/puce-legende-tab.gif') no-repeat 0px 6px;
    padding-left:15px;
    color:#0197D6;    
    font-size:11px;
    font-weight:bold;
    text-transform: uppercase;
}
#content .content table {     
    border-top: 1px solid #a1d6f0;
}
#content .content td {     
    border-bottom: 1px solid #d5d1d1;
}
#content .content a {     
    color:#0197D6;
    text-decoration:none;
}
#content .content a:hover {     
    text-decoration:underline;
}

#content .stage-emploi ul {          
    margin:10px 0 0 0;
    padding-left:0px;
    list-style: none;
}
#content .stage-emploi h4 span, #content .content .fichier h4 span {          
    color:#EC6D68;
    background:transparent url('/images/interface/puce-emploi_stage.gif') no-repeat 0px 3px;
    padding-left:17px;
    margin-right:5px;
}
#content .stage-emploi ul li.annonce {     
    padding:1px 1px 0px 12px;
    background:#EDEDED url('/images/interface/degrade-emploi-stage.gif') repeat-x bottom left;
    border-bottom:20px solid #FFFFFF;
    >border-bottom:none;
}
#content .stage-emploi ul li.annonce ul {          
    margin:10px 0 0 20px;
    padding-left:0px;
    list-style:disc;
}
#content .stage-emploi h4 span, #content .content .fichier h4 {          
    margin-top:30px;
    color:#EC6D68;
}


.config {
    display:none;
}

.chart {
    text-align:center;
    background-color: #F4F5F5;
    border:1px solid #D4D1D1;
    margin-top:20px;
}
h6 {          
    text-align:center;
    font-size:10px;
    font-style: italic;
    margin-top:0px;
}
.cache-chart {                 
    left:20px;
    margin-top:11px;
    padding:10px;
    position:absolute;
    width:320px;
    z-index:99;
    height:380px;
    overflow: auto;
    background:#d4d1d1 url("/images/interface/degrade-camembert2.gif") top left repeat-x ;
    display: none;
    /*
    background-color:#F4F5F5;
    height: 35px;
    left:361px;
    margin-top:11px;
    position:absolute;
    width:250px;
    z-index:99;
    */
}


#footer, .push {
    margin-top:100px;
    height: 10px; 
    width:1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: left; 
    position: relative;
    clear:both;
}

.spacer {
    clear:both;
}