/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */

html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
/* correspondance par défaut pour les navigateurs: 1em = 16px 
  => ici définition initiale: font-size: 0.8125em = 13px 
  => pour la suite, 1em = 13px */
body { font-size: 0.72em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; line-height:1.3em; text-align:justify;}

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
h1 { font-size: 2.20em; color: #000; text-transform:uppercase; line-height:1em; margin-top:10px}
h2 { font-size: 1.3em; font-weight: bold; }
h2, h2 a, h2 a:focus, h2 a:hover { color: #000; }
h3 { font-size: 1.00em; font-weight: bold; color:#df126f;}
h3.spip {} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */
/* le h1 de la page sommaire exclusivement */ 
.sommaire {padding-top:2em; padding-bottom: 1em;}

/* Autres enrichissements typo */
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; }


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: left; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }

.cartouche { margin-top:0.2em; width:570px;}
.articles { width:570px;}
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { padding: 0; line-height:1.5em; text-align:justify;/*clear: left; margin: 0;*/ }
.surtitre, .soustitre { font-size: 1.10em;  color:#46829C; font-weight:bold;}
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre, p.soustitre { margin-top: 0.50em; margin-bottom: 0.30em; /*padding-right: 16.5em;*/ line-height: 1.5em; }
.cartouche .traductions { font-size: 0.90em; }

.chapo { margin-bottom: 1.50em; line-height: 2em; color: #000; }
.texte { line-height: 1.3em; text-align:justify; /*padding-right:18em;*/ }
/*p.soustitre{ padding-right:16.5em;}*/
.hyperlien { display: block; background: #eee; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.8em; }

abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { margin: 2em auto; /* clear: both;text-align: center;*/ }
#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 { border-color: #8B6F92; }
#document_actif { margin: 1em auto; }
#document_actif img {}

/* Couleurs des liens
---------------------------------------------- */
a { color: #000; text-decoration: none; }
a:focus,a:hover,a:active { color: #333; text-decoration: underline; }

/* authentification 
---------------------------------------------- */
#authentification{
	width:150px;
	float:right;
	font-size:10px;
	color:#fff;
}
#password{
	height:12px;
	font-size:10px;
	color:#e00b6e;
	}
#var_login{
	height:12px;
	font-size:10px;
	color:#e00b6e;
	}
	
.spip-admin-bloc, .spip-admin-float {
    left: 20%;
}

/* Menu
---------------------------------------------- */
#menu, #menu ul /* Liste */     
{
        padding : 0px; /* pas de marge intérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
        margin-left:0px;
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
      /*  margin-left: 100px; */
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */     
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 130px; /* largeur */
        font-size:12px;
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
     /*   border : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
        margin-right:15px;
     /*   margin-top: -5px;*/
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
     /*   border-right: 1px solid transparent ;  on met une bordure transparente à droite de chaque élément */
        
        background : url(img/button_off.png) repeat-x; /* couleur de fond */   
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 130px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
        border-top : 1px solid #fff; 
      /*  margin-top:1px;*/
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
        background:#f22c81;
       /* margin-top:1px; */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
       /* border-top : 1px solid transparent;  on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 130px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
      /*  border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
     /*   border-left     : 1px solid transparent ;  on met une bordure transparente sur la gauche de chaque élément */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        background: #e00b6e; /* ... on change la couleur de fond */
        font-size:13px;
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}


/* */
/* */
/* */

body { background: #fff url(img/bg_body.png) repeat-x;  margin: 0; padding: 0; text-align: center; }
#page {/* position: relative;*/ width: 960px; margin: 0 auto; text-align: left; padding: 0 2.3em;}
#contenu { padding: 0.30em 0em 0em 0em;   }
#conteneur {
	margin-left: 180px;
	margin-right: 180px;
	width:600px;
	overflow: auto;
	}
#entete { /*background: #df126f; */ padding-left:30px; height:179px;} /*url(img/banner.png) no-repeat*/
#tentete { margin-right:auto; margin-left:auto; z-index:100;}
#titreentete{color:#fff;font-style:bold;text-align:center;font-size:20px;}
.date_gauche {font-weight:bold;color:#000;}
.date_destaque {color:#999999;}
.titre_breve {color:#000;}
.gauche{float:left; width:160px; margin:10px;}
.droite{float:right; width:160px;margin:0px 10px 10px 10px;}
.li_gauche {margin-bottom:10px;  list-style-image: url(img/puce.png); font-size:10px;}
.li_destaque {margin-bottom:10px; font-size:10px;}
.titre_gauche{text-align:center; border-top:solid 2px #df126f ; border-bottom:solid 1px #df126f ;padding: 12px 0; font-size:12px;}
#titre_centre{padding-top: 6px; font-size:12px; font-weight:bold;}
#.blocs_titre {
    background: url("http://arch.hofnung.info/prive/images/triangle-bas.gif") no-repeat scroll left center transparent;
    font-weight:bold;
    }
.edito{text-align:center}

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

.socialtags ul li {
	margin : 15px;
}

.socialtags ul li:nth-last-child(2) {
    	margin-right: 0px;
    	margin-left: 15px;
}

.socialtags ul li:last-child { 
	margin-right: 0px; 
	margin-left:10px;
}

.ulcentre{    
	list-style-image: url("img/puce.png");
    	font-style:bold;
    	margin-left:6px;
}

.licentre{
	margin-left: 20px;
	margin-top: 30px;
}

.justif{
	text-align:justify;
	/*margin-right:20px;*/
	margin-left:20px;
}

.accueil{
   float: left;
    margin-left: 10px;
}

.presentation{
	width:100%;
}

#navigation{
	/*poition:fixed;*/
	/*width:600px;*/
	/*margin-top:105px;*/
	/*margin-left:100px;	*/
	padding-top:1px;
	margin-left: 60px;
}

.logo_droite{
    float: right;
    margin-bottom: 4px;
    margin-left: 16px;
}

h4{}

#___plusone_0{
	width:50px !important; 
	}

div.socialtags{
	text-align: right;
	margin-bottom:15px;
}

.menu ul{
	padding-left: 0px;
	margin-left:0px;
}


/* partenaires */
ul.col2{
width: 100% ;
}
ul.col2 li {
display:block;
width : 50%;
height : 60px;
float:left;
}
ul.col2 li[float="left"] + li {
float:none;
}

.barre{
	border-bottom:solid 1px #DF126F;
}

.sanspuce{
	list-style:none;
	padding-left:0;
	margin:10px;
}

.bm{
	margin-top:10px; 
	height:2px; 
	background-color:#df126f;
	width:600px;
	border:0px;
}

.bc{
	margin-top:10px; 
	height:2px; 
	background-color:#df126f;
	width:100%;
	border:0px;
}

.diapoh{
height: 355px;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
}
#slider{
z-index:-10;
}

#pied{
text-align:right;
clear:both;
}

.stat{
	text-align:right;
	padding-right:30px;
	font-size:10px;
}

#restreint{
background-image:url(img/restreint50.png);
width:50px;
height:50px;
clear:both;
margin-left:80px;
margin-top:80px;
}

#restreint:hover{
background-image:url(img/restreint50c.png);
}

#public{
background-image:url(img/public50.png);
width:50px;
height:50px;
clear:both;
margin-left:80px;
margin-top:80px;
}

#public:hover{
background-image:url(img/public50c.png);
}

#logout{
	color:#fff;
	margin-left:60px;
}

div#documents_portfolio  a:nth-child(n+3)  {
	display:none;
}

.br{
clear:both;
}