/* Fil d'arine */
@import "filAriane.css";

/* Bandeau Haut */
@import "bandeauHaut.css";

/* Bandeau Bas (avec les mentions, et les menus simples) */
@import "bandeauBas.css";

/* Menu Haut */
@import "menuHaut.css";

/* Menu des rubriques (inclus la version Dynamique) */
@import "menuRubrique.css";

/* Menu des rubriques (inclus la version Dynamique) */
@import "menuArborescence.css";

/* Zone En-bref */
@import "boxEnBref.css";

/* Zone A la une */
@import "boxAlaUne.css";

/* Menu des rubriques (inclus la version Dynamique) */
@import "articleDetail.css";

/* Zone Raccourcis */
@import "boxRaccourcis.css";

/* Zone listeRubriques (utilisée pour les entree de section) */
@import "listeRubriques.css";

/* Zone listeSousRubriques (liste de sous rubrique) */
@import "listeSousRubriques.css";

/* Zone listeSousRubriques (liste de sous rubrique) */
@import "interlocuteurs.css";

/* Zone faqs (liste de faq) */
@import "faqs.css";

/* Zone actualites (liste d'actualites) */
@import "actualites.css";

/* Zone breves (liste de breves) */
@import "breves.css";

/* Zone dossiers (liste de dossiers) */
@import "dossiers.css";

/* Recherche et résultats de recherche */
@import "recherche.css";

/**
----------------------------------
Boites principales 
----------------------------------
*/
html {
	height: 100%;
}

body {
    font-family:        tahoma, arial, sans-serif;
    font-size:          85%;
    color:              #000000;
    height:		100%;
    text-align:         center; /* Pour IE 5 et 5.5 */
}

#application {
    margin:             auto;
    padding:            0;
    width:              950px;
    text-align:         left;   /* Pour IE 5 et 5.5 */
}

#application.popup {
    width:              100%;
    background:         url(../charte/fond_bleu.gif) 0 0 repeat;
}

hr.separator {
	padding:            0;
	height:             1px;
	clear:              both;
	border:             none;
	visibility:         hidden;
	margin-top: 5;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;

}

/**
----------------------------------
Zone principale de contenu 
----------------------------------
*/
#contreca {
	background-image: url(../charte/divers/carreaux_bleu.gif);
	margin: 0px;
	padding: 10px;
}

#contreca #header {
    position:           relative;
    margin:             0 0 10px 0;
    height:             60px;
    background:         #75AFBB url(../charte/BandeauCentral/bandeaucentral.gif) no-repeat center center;
    color:              #FFFFFF;
    font-size:          90%;
    font-weight:        bold;
}

#contreca #header #espace {
    position:           absolute;
    top:                15px;    left:               75px;
}

#contreca #header #espace {
    position:           absolute;
    top:                15px;    left:               75px;
}

#contreca #header #recherche {
    position:           absolute;
    top:                5px;
    right:              10px;
}
#contreca #header #headerPicto {
    position:           absolute;
    top:                -15px;
    left:               5px;
}

}
#content {
	position:           relative;
	margin:             0;
	padding:            10px 10px 10px 10px;
	background:         0 url(../charte/divers/carreaux_bleu.gif) repeat;

}

#content #header {
    position:           relative;
    margin:             0 0 10px 0;
    height:             60px;
    background:         #75AFBB url(../charte/BandeauCentral/bandeaucentral.gif) no-repeat center center;
    color:              #FFFFFF;
    font-size:          90%;
    font-weight:        bold;
}

#content #header #espace {
    position:           absolute;
    top:                15px;    left:               75px;
}

#content #header #recherche {
    position:           absolute;
    top:                5px;
    right:              10px;
}

#content #header #headerPicto {
    position:           absolute;
    top:                -15px;
    left:               5px;
}

/**
----------------------------------
Zone de contenu principale des pages intérieures
----------------------------------
*/
#contentSite {
    position:           relative;
    margin:             0 0 0 10px;
    padding:            10px;
    height:		auto;
    background:         0 url(../charte/divers/carreaux_bleu.gif) repeat;
}

#application.popup #contentSite {
    position:           relative;
    margin:             0;
    height:		100%;
    padding:            5px;
    background:         url(./accueil/fond_bleu.gif) 0 0 repeat;
    background-repeat:  repeat;
}

#colonneGauche {
        position:                   absolute;
        margin:                     0;
        padding:                    0;
        top:                        44px;
        left:                       5px;
        width:                      155px;
}

#colonneGauche img {
        margin:                     5px 5px 5px 10px;
        border:                     none;
}


div.complements {
    font-size:                      90%;
}

div.complements span.titre {
    font-weight:                    bold;
}

div.complements a {
    color: #2291cd;
}


a.spip_out, a.spip_out {
    padding-right:      10px;
    background:         url(../interieur/lien_bleu.gif) right center no-repeat;
}

 
div.complements a.doc {
    background:         url(../interieur/fiche.gif) 2px 4px no-repeat;
}

div.complements a.lien {
    background:         url(../interieur/terre.gif) 2px 4px no-repeat;
}

div.complements a.email {
    background:         url(../interieur/mail_bleu.gif) 2px 4px no-repeat;
}


 
div.documentums {
    font-size:          90%;
    margin:             0 0 0 155px;
    padding:            0 5px 15px 5px;
    background-color:   #FFFFFF;
}


div.documentums div.documentum {
    border-bottom:                  solid 1px #2291cd;

}

div.documentums div.documentum h2 {
    font-size:                      110%;
}

div.documentums div.documentum h2 a {
    background:         url(../interieur/fiche.gif) left 2px no-repeat;
    padding-left:       12px;
}

div.documentums div.documentum p {
    font-size:                      110%;
}

div.documentums div.documentum a {
    color:                          #2291cd;
    }

    div.documentums hr {
        display :               none;
    }
    
    
    
/* Site map */
#sitemap {
    margin:             auto;
    padding:            0 0 10px 0;
    width:              80%;
    border:             solid 1px #CC0000;
    background-color:   #FFFFFF;
}

#sitemap h2 {
    margin:             0;
    padding:            5px;
    background-color:   #CC0000;
    color:              #FFFFFF;
    font-size:          110%;
}

#sitemap p {
    margin:             5px 10px 5px 10px;
    padding:            0 0 10px 0;
    color:              #003399;
    font-size:          85%;
}

#sitemap ul {
    list-style-type:    none;
    font-size:          95%;
 }

#sitemap ul.secteurs li {
    padding-left:       10px;
    background:         url(../interieur/fleche_rouge.png) left 6px no-repeat;
}

#sitemap ul.secteurs li a {
    text-decoration:    none;
    color:              #CC0000;
    font-weight:        bold;
}

#sitemap ul.secteurs li a:hover {
    text-decoration:    underline;
}

#sitemap ul.secteurs li ul li {
    padding-left:       5px;
    background-image:   none;
}

#sitemap ul.secteurs li ul li a {
    color:              #2291cd;
    font-weight:        bold;
}

#sitemap ul.secteurs li ul li a:hover {
    text-decoration:    underline;
}

#sitemap ul.secteurs li ul li ul li a {
    font-weight:        normal;
}

#sitemap ul.secteurs li ul li ul li a:hover {
    text-decoration:    underline;
}

#sitemap ul.secteurs li ul li ul li ul li a {
    color:              black;
    font-weight:        normal;
}

#sitemap ul.secteurs li ul li ul li ul li a:hover {
    text-decoration:    underline;
}

#sitemap ul.secteurs ul {
    list-style-type:    none;
    margin-bottom:      20px; 
}

#sitemap ul.secteurs ul ul {
    margin-bottom:      2px; 
}



#sitemap a:hover {
    text-decoration:    underline;
    color:              #000000;
}





form#LoginBox {
    margin-left:    150px;
    background:     #FFFFFF;
    padding:        20px;
}

form#LoginBox label {
    display:        block;
    font-size:      90%;
    font-weight:    bold;
    width:          100px;
    float:          left;

}

form#LoginBox fieldset {
    border:         solid 1px black;
}


a {
    color:              #2280b2;
    text-decoration:    underline;
}

a:hover {
    color:              #FF0000;
    text-decoration:    underline;
}



/* Boite d'identification */

div.spip_encadrer {
    position:           relative;

}


#LoginBox {
    position:           relative;
    margin:             5px;
    padding:            5px;
    font-size:          85%;
    background-color:   #FFFFFF;
    height:             300px;
}

#LoginBox p {
    margin:             4px 0px 2px 0px;
}

div.spip_encadrer form#LoginBox fieldset {
    position:           relative;
    width:              300px;
    margin:             30px 0 0 90px;
    padding:            10px;
    border:             solid 1px #2291CD;
    background-color:   #d4e8f4;
}

#LoginBox label {
    float:              left;
    width:              100px;
}

#LoginBox input {
    border:             solid 1px #2291CD;
    width:              150px;
}

#LoginBox a {
    font-weight:        bold;
    color:              #2291CD;
    float:              right;
    text-decoration:    none;
}
#LoginBox a:hover {
    text-decoration:    underline;
}

/* Intertitre */
h3 {
    color:      #2291cd;
    font-size:  100%;
}

div.contentCopix{
	width:720px;
	height:100%;
}

#mainiframe{
	width:100%;
	height:100%;
	scrolling:no;
	border: none;
	frameborder:0;
	border: solid 0px;
	scrolling-bar:no;

}
legend {
    border:             solid 1px #731A8E;
    padding-left:       10px;
    padding-right:      10px;
    background-color:   #731A8E;
    margin:             auto;
    color:              #FFFFFF;
}

/* image centrée */
.spip_documents_center {
        margin : auto ;
        text-align : center ;
        width : 80% ;
        

}

select {
    z-index:    0;
}