/* habillage perso des css de MU_SPIP */

/*modif des polices par défaut en Arial Black, Verdana.*/
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 0.8125em; font-family: Verdana, Arial; color: #333; 
	background-image:url("IMG/fond-mu.jpg") ;
	background-attachment : fixed ; background-repeat :repeat; /*background-position : center top;*/}


/*on rajoute une propriété à la classe par défaut hfeed pour justifier le texte des articles, et paragraphes*/
.hfeed {text-align: justify;}
.hfeed p {
font-size : 0.8875em ;
line-height: 140% ;}



/*on rajoute une propriété font-family au menu déroulant, qui a son propre css ailleurs aussi*/
#nav {font-family : Arial black ; }

/* Titraille / Intertitres, passés au noir total*/
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Arial Black, Verdana; }
h1 { font-size: 1.70em; color: #000; }
h2 { font-size: 1.40em; font-weight: normal; color : #000 }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #000; }
h3 { font-size: 1.20em; font-weight: bold; }
h3.spip {} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* Autres enrichissements typo, pas modifié pour le moment */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }



/* Portfolio : Seule la première ligne est modifiée. */
#documents_portfolio { float: right ; margin: 2em auto; text-align: justify ; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#documents_portfolio a.on .spip_logos { border-color: #F57900; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }


/* Logos, documents et images écrits dans spip_styles.css. Pas de modifs ici pour le moment.*/
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }


/* propritétés du menu_lang initialement dans spip_formulaires.css, désactivé pour le moment*/
.formulaire_menu_lang{
float : right}



/* Habillage general des menus de navigation  : à l'origine la div documents joints avait la classe menu. Cela ne nous arrange pas alors on l'a modifié. Du coup, pas besoin de cette section, aucune modif ici.*/
.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #DDD; }
.menu ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; }
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }


/* habillage des docs joints. Pas utilisé pour le moment */
.docs_joints {float: right ; margin-bottom: 2em; text-align: justify; }

/* position à l'écran des blocs principaux. Voir ce qu'on peut faire avec ce menu. C'est le menu des articles dans la même rubrique */
#extra { float: right;/* clear: right*/; width: 30%; margin-top: 1em; overflow: hidden; }





/* ci-dessous et jusqu'en bas la suite des blocs principaux*/




body {/* background: #FFF;*/ margin: 0; padding: 0; text-align: center; }
#page { position: relative; width: 58em; margin: 0 auto; text-align: left; }

/* modification de l'entête pour ne faire apparaître que le logo */

#entete { width: 66%; margin: 0; padding-top: 1.60em; border-bottom: 0px none #8B6F92;}
#entete a.accueil { display: inline-block; width: 66%; text-align: justify; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Arial Black, Verdana; font-weight: normal; }

/*le #MENU_LANG avec son formulaire en position absolute par défaut...*/
#entete .formulaire_menu_lang {position: absolute; right: 0; top: 6.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

#conteneur { clear: both; float: left; width: 67%; overflow: hidden; }
#contenu { padding-top: 0.30em; }

#navigation { float: right; width: 30%; margin-top: 1em; overflow: hidden; }
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

#pied { clear: both; width: 100%; margin: 0; padding: 0.40em 0; border-top: 1px solid #8B6F92; text-align: center; font-size: 0.90em; }
#pied img { vertical-align: middle; }

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*-----------------------------------------------------*/


/* colonne droite des docs et portfolio unifiée en une seule div colonne droite*/
#colonne_droite { float: right; clear : right ; width: 30%; margin-top: 1em; overflow: hidden;}

/*c'est le bloc "dans la même rubrique" des articles. Il est problématique car il ne veut pas s'aligner gentiment à droite comme ses copains une fois que le portfolio a déployé une image. Donc, supprimé pour le moment.*/
#colonne_droite2 { float: right ; width: 30%; margin-top: 1em; overflow: hidden; }

/*placement du mini-calendrier*/
#calendar {
width : 20%;
float : right;
margin : 0 1.3em auto;
text-align : center;
}
#calendar .occupe {font-weight : bold;}
#calendar .occupe a {
text-decoration : underline;}

/*classe du lien newsletter*/
.newsletter {
position : relative;
margin-top : 10px;
margin :  1em 1.5em 1.5em 0;
float : right;
text-align : center;
font-family : arial black;
font-size : 0.85em;
/*font-weight : bold;*/
}


/*propriétés des player mp3 en page sommaire. Supprimé  pour le moment.*/
#mpsommaire{
width : 26%;
float : right;
clear : right;
}
#mpsommaire h3 {
text-align: center;}
#mpsommaire p {
text-align: justify;}

/*menu des mots-clés*/
#mots_sommaire {
text-align : center ; 
float : right ; 
width : 26% ;}

/*--------------------------------------------------------*/
/* déplacement de l'image finale du portfolio ; supprimé car remplacé par le plugin thickbox
#fullsize { float : left; }  */

/*la playliste vidéo dans les articles, désactivée car plugin multimédia*/
#playliste_video {
float : left;
clear : left ;}

/*la playliste audio dans les articles, désactivée car plugin multimédia*/
#playliste_mp3 {
float : right;
clear : right;}
/*------------------------------------------------------------*/

/* le lien jukebox : Mu-RADIO*/
#jukebox {
position: absolute ; top : 38px; right : 0px;
/*width : 33%;*/
text-align : center;
float : right;
clear : both;
}

/*le positionnenment du widget twitter-profile*/

#twtr-profile-widget {
width : 26%;
float: right;}

/*et celui du twitter en jquery*/
#twitter {
float : right ;
 }

/*le bloc liens sociaux*/

#socialtags-accueil {
float: right ;
margin-top : 5px; 
margin-right : 0px;
width : 26%;
text-align : center ; 
list-style type : none;}

.lienmyspace{ 
display : inline-table ; 
}
.lienfacebook {
display : inline-table ; 
}
/*-----------------------------------------------------------*/
/* Couleurs des liens*/
a { color: #000000; text-decoration: none; }
a:focus,a:hover,a:active { color: #646464; text-decoration: underline; }

/*couleur de base des liens*/
a.spip_out {
color:#a1b2ba}





/*ajout du style pour le twitter pour surcharger la couleur du lien de fin*/
.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #000;}
.twitted p.profileLink a:link {color : #fff ;}