/* mauve:#CA9CFE; gris :#CCCCCC; mauve2:#996699 */
/* style généraux*/
body {
        background-color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        color:#000;
        font-size: 0.8em ;

	padding:0px;
	margin:0px;        
}

h1 { font-size: 2.5em; font-weight: bold;  }
p {  text-align: justify;}
td {  text-align: justify;}
h2 {  font-size: 1.2em; font-weight: bold;  }
h3 {  font-size: 1em;  font-weight: bold;}
h3.spip{ 
        color:#996699;
        text-decoration: underline;
        font-weight: bold; 
        padding:10px;
	margin:10px; 
        clear:left;
        }
h4 { font-size: 0.9em ; font-weight: normal;}
hr{ color: #996699;}
a { color:#000; border-bottom:1px dashed #CA9CFE; }
a:hover{color:#CA9CFE;}
a img { border:0;
        }
/*************************************
         cadres
*************************************/

#cadre_global {/*centré en css, contient tous les autres*/
        position:relative;
	margin-left:auto;
        margin-right:auto;
	width:  910px;
        margin-top:0px;
        margin-bottom:0px;
        padding:0px 0px 10px 0px;

}
#head{
	display:block;
        width:910px;
        height:171px;
        background-image: url(images/logo-site2.jpg);
        background-repeat:no-repeat;
        background-color: #fff;
        padding:0px;
        margin:0px;
        border-bottom:5px inset #000;
}


#titre-site{
                float:right;
		margin: 0px 10px 0px 10px;
                padding: 90px 10px 0px 10px;
}
#images-site{
                float:right;
		margin: 40px 10px 10px 10px;
                padding: 40px 10px 10px 10px;
}


#global{/*contient les suivants*/
        padding:0px;
        margin:0px;
	width:910px;
        min-height:440px;
        background-color: #fff;
        
}
#global a {text-decoration:none;}

#blocgauche{
        float:right;
        width:210px;
        margin:0px;
        padding:0px;
}

#blocgauche p, #blocdroite p{
        margin-left:1em;
}

#blocgauche table {margin-left:15px;}
#bloclogo{

         float:right;
        width:140px;
        margin:0px;
        padding:0px;
}
#contenu{
        margin:0px 230px 0px 20px;
        padding:0px 0px 0px 20px;
	width:630px;
        min-height:440px;
     
}

#contenu p{
        margin:0 0 0 1em;
}

#pied{
        clear:both;
        margin:0px;
	width:905px;
	height:45px;
        padding:0px;
        margin:0px;
        background-image: url(fioritures/fond_pied.jpg);
        background-repeat:repeat-x;
}
#pied img{
        padding:0px;
        margin:0px;
}
#pied a{
        text-decoration: none; 
        font-weight: bold; 
        
}

#pied a:hover{
      
}
#liens{
         position:relative;
         margin-left:auto;
         margin-right:auto;
         width:  910px;
         font-size: 0.6em;
         color: #FFFFFF;
         text-decoration: none;
}
#liens a{
       text-decoration: none;
       color: #FFFFFF;
        border : 0px;
}
#liens a:hover{
       text-decoration: none;
       color: #FFFFFF;

}
.flot_left{float:left; padding:0px 0px 0px 0px; margin:20px 0px 0px 5px;}
.flot_right{float:right;padding:0px 0px 0px 0px;margin:20px 5px 0px 0px;}

/*************************************
         menu CSS 
*************************************/
#blocgauche ul{
        margin:20px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
}
#blocgauche ul ul{
        margin:5px 0px 5px 10px;
        padding: 0px 0px 0px 0px;
}
#blocgauche li{
        list-style-type: none;
        margin:0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

#blocgauche li a {
        display:block;
        font-weight: bold;
        text-decoration:none;
        margin:2px 0px;
        padding: 2px 0px 4px 25px;
        
}
#blocgauche a.off {
        background-color:#CA9CFE ;
        color:#000;
         display:block;
        font-weight: bold;
        text-decoration:none;
        margin:2px 0px;
        padding: 2px 0px 4px 25px;
}
#blocgauche li  a.off {
        background-color:#CA9CFE ;
        color:#000;
}

#blocgauche li  a.on {
        background-color:#996699;
        color:#000;
}        

#blocgauche li a:hover {
        background-color:#996699;
        color:#000;
}
#blocgauche a:hover {
        background-color:#996699;
        color:#000;
}
		/* on traite maintenant l'affichage des sous-rubriques et des articles*/
.affiche{ 
        visibility:visible;
        padding:0px;
        margin:0px;
}

.cache{
        display:none;
}

#blocgauche li  a.lien{
        color: #000 ;
        text-decoration: none;
        font-size: 0.8em ;
        margin:1px 0px 1px 20px;
        padding: 2px;
		display:block;
		width:160px;
}

#blocgauche li  a.lienon{
        color: #CA9CFE ;
        text-decoration: none;
        font-size: 0.8em ;
        margin:1px 0px 1px 20px;
        padding: 2px;
        display:block;
		width:160px;
}

#blocgauche li  a:hover.lien, #blocgauche li  a:hover.lienon{
       
}

#blocgauche li.article{
margin:0px;
paddingt:0px;

}
#blocgauche li.rubrique{
margin-left:0px;
padding-left:30px;
}

#blocgauche.spip_documents {
        margin:1px;
}

/*************************************************
        spécifiques
**************************************************/
.logo_site{
        margin-left:10px;
        float:left;
}



.accroche_site{
        float:left;
        font-size:1.5em;
        margin:25px 10px 5px 10px;
        font-family: "Script MT Bold", "Monotype Corsiva", Verdana;
}

.adresse{
        float:right;
        text-align:left;
        font-size:0.8em;
        margin-top:20px;
}

#titre{
        margin:0px 0px 30px 30px;
        padding:20px 0px 0px 40px;
        width:330px;
        text-indent:-1cm;
        font-size:1.5em;
        font-weight: bold;

}


.titre-texte-int{/*pour le titre des articles directement intégrés au squelettes des rubriques,on suprime la marge*/
        margin-top:0px;
        margin-left:10px;
}
.titre-doc{
        margin-bottom:2px;
}
.titre_ss_menu{
        margin:0px 0px;
}
.menu-titre{
        margin:10px 0px;
}
.menu-liste{

}
.menu-item{
        list-style-type:none;
        padding:0px;
        margin:10px 0px 0px 20px;

}

.menu-item img {
        margin:5px;
}


ul.rubriques{
        list-style-type:none;
        padding:5px 5px 5px 10px;
        margin:5px 5px 20px 80px;
}

.liste-articles{}

.spip_doc_titre {/*titre des documents inclus dans texre*/
        font-size: 0.7em;
	font-style: oblique;
}
.spip_doc_descriptif{/*descriptif des documents inclus dans texre*/
        font-size: 0.7em;

}
.spip_documents {
        margin:8px;
}

table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: top; }         
.spip_logos {
	margin: 3px;
	/*border :1px solid  #004FBE;*/
}

.spip_documents_center{
	text-align:center;
}
.spip_documents_left{
	margin: 0px 5px 5px 0px;
}
.spip_documents_right{
	margin: 5px 0px 0px 5px;
}
.chapo{
        color:#3F0183;
	font-weight: bold;
        margin-top:10px;
        padding:10px 5px;
}
.texte{
        /*clear:left;*/
        margin:10px 0px 0px 0px;
}
.texte_acc{
        line-height:2;
}
.notes{
	font-size: 0.6em;
	font-style: oblique;
}
.promo {

	margin-left : 40px;
	margin-top : 40px;
	margin-bottom : 20px;
	margin-right: 0px;
	border : solid 1px #004FBE;
	background-color: #FFFF00;
	font-size: 0.9em;
	padding: 10px;
}


blockquote.spip {
	margin-left : 40px;
	margin-top : 20px;
	margin-bottom : 20px;
	margin-right: 0px;
	border : solid 1px #004FBE;
	background-color: #FFDE19;
	padding-left: 10px;
	padding-right: 10px;
        font-size: 0.9em ; 
}
