/* --- STYLES DE BASE --- */

/* Page */
*
{
    outline:none;/*supprime les bordures en pointillés sous ff*/
}
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {
    margin: 0;
    padding: 1em; /* Remettre à zéro si nécessaire. */
    /* Pensez à utiliser une collection de polices (2), par ex:
    font-family: Arial, Helvetica, FreeSans, sans-serif; */
    font-size: .8em; /* À adapter pour la police choisie. (3) */
    line-height: 1.4; /* À adapter au design. (4) */
    color: black;
    background: #000;
    font-family:Verdana,Arial,Tahoma,Helvetica,Sans-Serif;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 0; /* Rapproche le titre du texte. (5) */
    line-height: 1.2;
    font-weight: bold; /* Valeur par défaut. (6) */
    font-style: normal;
}
h1 {
    font-size: 1.75em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1em;
}

/* Listes */
ul, ol {
    margin: .75em 0 .75em 32px;
    padding: 0;
}

/* Paragraphes */
p {
    margin: 0.5em 0; /* Marges plus faibles que par défaut. (7) */
}
address {
    margin: .75em 0;
    font-style: normal;
}

/* Liens */
a {
    text-decoration: underline;
}
/*a:link {
    color: mediumblue;
}
a:visited {
    color: indigo;
}
a:hover, a:focus, a:active {
    color: crimson;
}*/
a img {
    border: none;
}
img
{
   border: none; 
}

/* Divers éléments de type en-ligne (8) */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}

/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {
    vertical-align: middle; /* Solution pb. d'alignement. (9) */
}
.content table td
{
    vertical-align:top;
    width:50%;
}
/* --- FIN STYLES DE BASE --- */
h1
{
    padding:15px 0;
}
#titre
{
    padding:0px;
    height:25px;
    font-size:1.5em;
    clear:left;
}
#global, #global_inter,#global_construc
{
    margin:0 auto;
    width:920px;
    height:561px;
    background:#000 url('../images/fond-orange.jpg') no-repeat left 38px;
}
#global_inter
{
    background:#ea640d url('../images/fond-orange-02.jpg') no-repeat left 38px;
    min-height:519px;
}
#global_construc
{
    background:#ea640d url('../images/fond-orange.jpg') no-repeat;
    height:524px;
}
p#construc
{
    text-align:center;
    font-size:18px;
    color:#fff;
    margin-top:100px;
}
#navigation
{
    background:#c3aa49;
    float:left;
    /*padding-top:10px;*/
    height:38px;
}
#logo
{   
    display:block;
    height:76px;
    padding:0 0 20px 20px;
}
#logo_ori
{
    padding-left:15px;
}
#menu, #sous_menu
{
    list-style:none;
    margin:0;
    float:left;
    padding-top:10px; 
}
#sous_menu
{
    width:920px;
    background:#ee7f01;
}
#menu li, #sous_menu li
{
    display:block;
    float:left;
    color:#fff;
    height:18px;
    padding:5px 15px;
    background:#b51621 url('../images/sep_menu.gif') no-repeat right 7px;

}
#sous_menu li
{
   background:#ee7f01 url('../images/sep_menu.gif') no-repeat right 7px;
   
}
li#last_menu
{
    background-image:none;
    padding-right:37px;
}
#menu li a, #sous_menu li a
{
    color:#fff;
    text-decoration:none;
    font-size:11px;
}
#qui #menu li a#rub_1, #rejoignez #menu li a#rub_2, #formation #menu li a#rub_3, #challenge #menu li a#rub_4, #olympiade #menu li a#rub_5, #info #menu li a#rub_6 
{
    color:#fff300;
    border-bottom:3px solid #fff300;
    padding-bottom:4px;
} 
#menu li a:hover, #sous_menu li a:hover
{
    color:#fff300;
}
#acces_presse
{
     background:url('../images/fond-acces-presse.gif') no-repeat;
     width:142px;
     height:28px;
     float:right;
     margin-top:10px;
}
a.lien_noir, a.lien_noir_contacts
{
    font-weight:bold;
    color:#000;
    text-decoration:none;
    font-size:12px;
    padding-left:31px;
    line-height:20px;
}
a.lien_noir:hover, a.lien_noir_contacts:hover
{
    text-decoration:underline;
    color:#000;
}
a.lien_noir_contacts
{
    padding:18px 0 0 13px;
    display:block;
}
.lien_pdf
{
    background:url('../images/picto-pdf.gif') no-repeat left 6px;
    padding:7px 0 3px 22px;
    display:block;
    width:60%;
}

#header
{
    padding:25px 0 0 20px;
    clear:both;
    height:80px;
}
#header a
{
    display:block;
    float:left;
}
#bloc_gauche, #bloc_gauche_inter
{
    padding:46px 0 0 0;
    float:left;
    width:235px;
}
#bloc_gauche_inter
{
    padding-top:25px;
    width:350px;
    position:relative;
}
#centre
{
    clear:both;
    height:523px;  
}
#centre_index
{
    height:418px;
    clear:both;
}
#bloc_droit
{
    height:405px;
}
#bloc_droit, #bloc_droit_inter
{
    padding:13px 0 0 137px;
    float:left;
    position:relative;
    width:450px;
    color:#fff;
    font-size:11px;
}
#bloc_droit_inter
{
    padding:25px 0 0 13px;
    width:545px;
}
#titre_accueil
{
    text-indent:-5000px;
    background:url('../images/titre-accueil.png') no-repeat 12px top;
    width:570px;
    float:left;
    margin-top:15px;
}
#rub_chall_2009
{
    position:absolute;
    top:315px;
    left:119px;
}
a.savoir_plus
{
    color:#fff;
    text-decoration:none;
    position:absolute;
    background:url('../images/bout-savoir-plus.gif') no-repeat right center;
    padding:10px 35px 13px 0;
    top:333px;
    left:403px;
    font-size:11px;
    width:183px;
}
a.savoir_plus_2
{
    color:#fff;
    text-decoration:none;
    background:url('../images/bout-savoir-plus-2.gif') no-repeat right center;
    padding:10px 0px 13px 0;
    font-size:11px;
    width:183px; 
}
a.savoir_plus_2:hover
{
   text-decoration:underline; 
}
a.savoir_plus:hover
{
    text-decoration:underline;
}
#slide1, #slide2
{
    height:153px;
}
#slide2
{
    padding-top:18px;
}
div.scroll
{
    height:364px;
    background-color:Transparent;
    overflow:auto;
    padding:8px;
    width:500px;
}

.list_no_marg
{
    margin:8px 7px 8px 15px;
}
#footer
{
    clear:both;
    position:relative;
    top:-28px;    
}

#footer p
{
    font-size:9px;
    color:#fff;
    margin:0;
}
#footer #lien_contact
{
    color:#000;
    font-weight:bold;
    padding:0 0 12px 10px;
    display:block;
    width:50px;
    text-decoration:none;
   
}
#footer #lien_contact:hover
{
    text-decoration:underline;
}
#footer a
{
    color:#fff;
    text-decoration:none;
}
#footer a:hover
{
    text-decoration:underline;
}
.photo
{
    width:160px;
    margin:10px;
}
.photo img
{
    border:1px solid #000;
}
#galerie a
{
    padding:0;
    margin:0;
    line-height:0; 
}
#galerie img
{
    padding-bottom:3px;
    
}


/*Onglets*/
#tabbed_box {
    margin: 0px auto 0px auto;
    width:545px;
    font-size:14px;
}
.tabbed_box h4 {
    font-size:23px;
    color:#ffffff;
    letter-spacing:-1px;
    margin-bottom:10px;
}
.tabbed_box h4 small {
    color:#e3e9ec;
    font-weight:normal;
    font-size:9px;
    text-transform:uppercase;
    position:relative;
    top:-4px;
    left:6px;
    letter-spacing:0px;
}
.tabbed_area {
    background-color:transparent;
    padding:8px 0px;
}
ul.tabs {
    margin:0px; padding:0px;
}
ul.tabs li {
    list-style:none;
    display:inline;
}
ul.tabs li a {
    background-color:#efa146;
    color:#ffebb5;
    padding:8px 3px 8px 3px;
    text-decoration:none;
    font-size:9px;
    font-weight:bold;
    text-transform:none;
    line-height:15px;
}
ul.tabs li a:hover {
    background-color:#B51621;
    border-color:#B51621;
}
ul.tabs li a.active {
    background-color:#B51621;
    color:#fff;
    
}
.content {
    color:#5e2705;
    padding:10px;
    border-top:1px solid #7d0a12;
    font-size:11px;
    background:url('../images/fond-alpha.png');
    height : 250px;
}


/* hack pour transparence / les autres navigateurs */
* > .content {
	height: auto;
}
/* pour IE 7 */
*+html .content {
	min-height : 1px;
}

.content h2
{
    font-size:12px;
}
.content ul li a, .content a 
{
    color:#9F5A09;
    text-decoration:none;
}
.content ul li a:hover, .content a:hover
{
    color:#B51621;
    text-decoration:underline;
}
#content_2, #content_3, #content_4, #content_5 { display:none; }
ul.tabs {
    margin:0px; padding:0px;
    margin-top:5px;
    margin-bottom:6px;
}
/*Fin onglets*/