/* Specialisation de  "../../plugins/auto/ahuntsic/styles/base.css" 

nb : pour que les modifs faites à ce fichier soient prises en compte, il faut 
vider le cache "des images calculés automatiquement" (2eme bouton dans la page 
accessible depuis l'interface privé via "Configuration"->"Vider le cache").

*/

/* -------------------------------------------------------
 	2. MISE EN PAGE - BLOCS PRINCIPAUX
 ------------------------------------------------------- */


body {
	background-image: none;
	background-color: white;
	font: 100%/1.0  Arial, Verdana, "Lucida Grande","Deja Vu","Trebuchet MS", "Lucida Sans", Tahoma, 'Helvetica Neue', Helvetica, Geneva;
}
body.ar {
	font: 100%/1.0 Arial, Verdana, "Lucida Grande","Deja Vu", "Trebuchet MS", Tahoma, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
}

body {
	text-align: justify;
}
#page		
{
	text-align: justify;
	width: 92% ;
	max-width: 92% ;
	min-width: 1024px ;
	margin: 1em auto; 

}

#entete,
#entete a.nom-site, 
#entete a.nom-site:link,  
#entete a.nom-site:visited
{
	background-image: url(img/VERIMAG-bandeau-WEB_669x120px.png);
	height: 120px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: white; /* #eee #003454 couleur bandeau plaquette */
}

#entete .nom-site span 		/* logo du site  */ 
{
	display: block;
	position: absolute;
	top: 10px;
	text-align: right;
	right: 28%;
}

#menu-lang,
#formulaire-lang /*  switch EN/FR */ 
{
	position: absolute;
	text-transform: uppercase;
	font-size: 80%;
	margin: 0;
	padding: 0;	
	z-index:99;
	text-align: right;
	right: 28%;
	top: 80px;
/*	left: 690px; */
}
#menu-lang a { color: #D44026; }
#menu-lang a:hover { color: #FBA; }



#article  { 
	text-align : justify ; 
	width: 70%;
}

#bloc-contenu
{
	width: 55%;
	min-width: 575px;
	text-align: justify;
	border: solid 1px #DEDEDE;
	margin: 10px 15% 5px 15%;
	padding: 10px 10px 5px;
	background: white;
	min-height: 300px;
	height: auto;
	z-index: 20;
}

#menu-principal { /* bandeau */
	width: auto;
}
#menu-rubriques /* (inc/inc-menu.html) */ { 
	width: 25%;
	min-width: auto; 
	top: 130px; 
}
#navigation			/* (inc/inc-menu.html) */ {
	width: 55%;
	min-width: 130px; 

}

#encart
{
	width:25%;
	top: 130px;
}


#menu-recherche { width: 1500px; }
#menu-recherche 


#form_rech
{
	width: auto;
}

.formulaire_recherche {
   font-weight: bold;
   width:90%;
}




.menu ul li li a { padding-left: 14px; font-weight: normal;}
.menu ul li li li a { padding-left: 28px;}
.menu ul li li li li a { padding-left: 42px;}
.menu ul li li li li li a { padding-left: 56px;}
.menu ul li li li li li li a { padding-left: 70px;}

#logos
{
	position: relative;
	text-align: left; 
	margin: 3em auto; 
	padding: 0;
	width: 66em ;
	max-width: 98% ;
	min-width: 720px ;
}

/* c'est une copie du h3.spip pour pouvoir avoir des h3 sans table des matieres,
car les tdm rendent l'affichage tres laid, par ex dans la liste des membres
*/
h6.spip {
	margin-top: 1em;
	margin-bottom: .4em;
	padding-bottom: .1em;
	/* border-bottom: 1px #444 dashed; */
	font-size: 125%;
	font-weight: bold;
	text-align: left;
	background-color: #F3F3F3;
}


/* ------------------------------------------------------------------
 	5. NAVIGATION et MENUS
 -------------------------------------------------------------------- */
/* background */
.menu ul li a,
.menu ul li b 				{ background-color: #003454; } /* rubriques (#313c72) */


.menu ul li li a, 
.menu ul li li a:visited,
.menu li span 				{ background-color: #DDD; } /* sous-rubriques */

.menu ul li a:hover,
.menu ul li li a:hover { background-color: #1aa8f2; } /* was #EDFBFF  */
.menu ul li li a.lienon 	{ background-color: #ffd; }


.menu ul li li a.article { background-color: #DDD; } /* articles #eee*/ 
.menu ul li li a.article:hover { background-color: #1aa8f2; } /* was #EDFBFF  */


.menu-titre { background-color: #003454; } 

.menu ul 
{
	line-height: 1.2em;
	margin: 0;	padding: 0;
	margin-bottom: 1.2em; /* pour espacer un peu les menus entre eux */
}
.menu ul  ul
{
	margin-bottom: 1.2em; /* pour espacer un peu les menus entre eux */
}

ul
{
	line-height: 1.2em;
	list-style: square;
}

ul ul
{
	line-height: 1.2em;
	list-style: disc;
}


/* -------------------------------------------------------
 	6. ARTICLE
 ------------------------------------------------------- */

.surtitre,
.sous-titre {
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: normal;
	font-size: 90%;
	text-transform: uppercase;
}


/* -------------------------------------------------------
 8. EDITO (sur page sommaire.html)
------------------------------------------------------- */

.edito .bandeau {
	font-size: 2em;
	line-height: 3.4em;
        overflow: hidden;
	margin-bottom: 1em;
	padding-bottom: 6em;
}


.edito  {
	line-height: 1.3em;
}

.edito h3 {
	background-color: #003454;
}



/* -------------------------------------------------------
   menu en cascade javascript 
 ------------------------------------------------------- */

ul#menulist li ul{ display:none; }

ul#menulist li:hover>ul{ 
  display:block;
  background-color: #eee;  
}

ul#menulist {
  font-size: 11px;
  position: static;
  left: 10px;
  margin: 15px;
}

ul#menulist, ul#menulist ul {
  list-style:none;
  margin:0;
  padding:0;
  width:13em;
}

ul#menulist ul{
  position:absolute;
  top:-1px;
  left:12.7em;
}

ul#menulist li{
  position:relative;
  margin:0px;
  padding:0px;
  _display:inline;
}

ul#menulist a{
  display:block;
  width:100%;
  text-decoration: none;
  text-indent: 1em;
  width: 12.7em;
  padding: 5px 0;
}



ul#menulist li.smenu>a {
  font-style: italic;
}

ul#menulist a:hover {
  background-color: #eee; 
}
ul#menulist a:link {
  background-color: #eee; 
}

ul#menulist a {
  text-decoration: none;
  text-color: #003454;
  background-color:#00a9d9;
 
/* 
	#313c72 : couleur ahunstic
	#1aa8f2  couleur bandeau plaquette claire
	#00003e couleur bandeau plaquette foncée
	#003454 couleur bandeau plaquette foncée V2

         #00a9d9  couleur bandeau  V3

	#EFC000 : moutarde
 */
}


/* Champs de saisie */
.formulaire_spip input.text { width: 45%; } 
	/* si je met plus que 45%, le bouton recherche apparait sur la 
	   ligne d'apres... Le pb avec cette valeur, c'est qu'on utilise meme
	   pas toute la largeur du menu */


.article-info-rubrique
{
	text-align: justify;
}
.texte
{
	text-align: justify;
}
p.spip { text-align: justify; }
.chapo
{
	font-weight: normal;
	text-align: justify;
}
.article-info-rubrique
{
	text-align: justify;
}


a.spip_mail:before { content:""; }

.strike {
text-decoration: line-through;
}

/* Affichage d'un liste de noms sur 3 colonnes */
div#colonne1 { 
    float: left; 
    width: 160px; 
}
div#colonne2 { 
   margin-left: 40px; 
    float: left; 
    width: 160px; 
}
div#colonne3 { 
   margin-left: 40px; 
    float: left; 
    width: 160px; 
}