/* -------------------------------------------------------
   STYLE ALTERNATIF - 1
   Semi-fluide :
   	- largeur du bandeau et colonne centrale s'etirent avec la fenetre
   	- mais la largeur totale est maintenue au minimum de 700px (sauf dans IE/WIN)
   	- la largeur des menus reste fixe
   Menu general en haut a droite
   Bandeau : sur 2 colonnes 
 ------------------------------------------------------- */

/* -------------------------------------------------------
 	1. LIENS base
 ------------------------------------------------------- */

a, a:link, a:visited
{
	color: #1955a3;
}

a:hover
{
	color: #0A74A6;
}


/* -------------------------------------------------------
 	2. MISE EN PAGE - BLOCS PRINCIPAUX
 ------------------------------------------------------- */
body
{
	background-color: #e2e2e2;
	font-size:75%;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
      background-image:url(img/bg.jpg);
      background-repeat: repeat-X;
}

#page
{
      width:95%;
      margin-right:auto;
      margin-left:auto;
	min-width: 670px;
      background-color: #f8f8f8;
	text-align: justify;
}

#bloc-contenu
{
	border: none;
      background-color: #f8f8f8;
	/*background-color:#eee;*/
	z-index: 20;
	margin: 10px 230px 5px 210px;
      overflow:hidden;
}

#pubpied
{
	margin-left:auto;
	margin-right:auto;
	width:768px;
}

/* -------------------------------------------------------
 	3. BANDEAU - ENTETE (inc/inc-bandeau.html)
 ------------------------------------------------------- */

#menu-principal {
	display : none
}

#entete
{
	background-image: url(img/BGheader.jpg);
	background-repeat: repeat-X;
	height : 145px;
	overflow : visible;
}

#banniere /*ajout*/
{
	height:121px;
	background-image: url(img/header.jpg);
	background-repeat: no-repeat;
}


#menubarre {
	text-align:center;
	vertical-align:middle;
	width:670px;
	height:24px;
	margin-right:auto;
	margin-left:auto;
	overflow : hidden;
}

#menubarre-accueil {
	float:left;
	height:24px;
	width:94px;
	margin-right:2px;
	background-image:url(img/bouton_Rouge_Inactif.gif);
	overflow : visible;
}

#menubarre-acces {
	float:left;
	height:24px;
	width : 94px;
	margin-right:2px;
	background-image:url(img/bouton_blueFonce_Inactif.gif);
}

#menubarre-contact {
	float:left;
	height:24px;
	width : 94px;
	margin-right:2px;
	background-image:url(img/bouton_vert_Inactif.gif);
}
#menubarre-plan {
	float:left;
	margin-right:2px;
	height:24px;
	width : 94px;
	background-image:url(img/bouton_orange_Inactif.gif);
}
#menubarre-membres {
	float:left;
	margin-right:2px;
	height:24px;
	width : 94px;
	background-image:url(img/bouton_gris_Inactif.gif);
}
#menubarre-dirigeants {
	float:left;
	margin-right:2px;
	height:24px;
	width : 94px;
	background-image:url(img/bouton_bluePale_Inactif.gif);
}

#menubarre-redacteurs {
	float:left;
	height:24px;
	width : 94px;
	background-image:url(img/bouton_mauve_Inactif.gif);
}

#menubarre  a:link,
#menubarre  a:visited
{
	/*margin: 0 0 0 0;*/
	/*vertical-align:middle;*/
	color: #ffffff; 
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; 
	font-size: 10px;
	line-height: 2em;
	font-weight: bold; 
	text-decoration: none;
	overflow : visible;
} 

#menubarre  a:hover
{
	/*margin: 0 0 0 0;*/
	/*vertical-align:middle;*/
	color: #dedede; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	line-height: 2em;
	font-weight: bold; 
	text-decoration: none;
	overflow : visible;
} 

#fade {
      position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-width: 0;
	text-align: right;
      height:16px; 
	background-image:url(img/fade.gif);
	background-repeat:repeat-x;
}



#menu-rubriques { position: absolute; top: 156px; left:20px; width: 170px;}

#encart
{
	position: absolute;
	top: 156px;
	right: 20px;
	width: 195px;
}



/* background */

.menu ul li a                       { background-color: #313c72;}/*menu gauche ligne titre*/
.menu ul li b 				{ border:none;background-color: #313c72;}/*encart droite ligne titre*/


.menu ul li li a                    { background-color: #DDD;background-image:none;margin-top:0;text-align:left;}/*encart droite titres breves+menu gauche titre sous-rubriques*/
.menu ul li li a:visited            { background-color: #DDD; background-image:none;margin-top:0;}
.menu li span 				{ background-color: #DDD; }/*encart droite date breve*/


.menu ul li li a.article { background-color:#E4E5DE;background-image:none;margin-top:0;text-align:left; }
.menu ul li li a.article:hover { background-color: #EDFBFF; background-image:none;margin-top:0;}


.menu ul li a {margin-top:15px; text-align:center; font-weight:bold; background-image:url(img/rubrique_orange.gif); }
.menu ul li b.encarttitredebut {border:none;color:#0D5486;text-align:center;margin-top:15px; height:29px;background-image:url(img/boite_top.gif);}
.menu ul li b.encarttitresuivant {border:none;color:#0D5486;text-align:center;height:29px;background-image:url(img/boite_Bg.gif);background-repeat:repeat-y;}
.menu ul li b.jourcalendrier  {color:#0D5486;text-align:center;background-image:url(img/boite_Bg.gif);background-repeat:repeat-y;}
.menu ul li ul li  {color:#0D5486;background-image:url(img/boite_Bg.gif);background-repeat:repeat-y;}




#encart .menu ul li  a                    {padding-bottom:10px; padding-left :2px;background-image:url(img/boite_Bg.gif);background-repeat:repeat-y;}/*encart droite titres breves+menu gauche titre sous-rubriques*/

#encart .separateur   {border:none;width:195px;background-image:url(img/boite_Separateur.gif);}

#encart .finencart   {height:10px;width:195px;background-image:url(img/boite_Bas.gif);}

.edito .chapo { margin-top: 0; background-color: #eee;overflow:hidden;}
.blocimage img {display:block;}

/* -------------------------------------------------------
 	4. ELEMENTS HTML DE BASE
 ------------------------------------------------------- */

h1
{
	color: #1955a3; 
	font-size:100%;
}


/* Intertitres insérés dans un article  */
h3.spip {
	color:#ffffff;
	background-color:#0d5486;
	padding-bottom:0;
	overflow:hidden;
	zoom:1.0;
}

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

.titre-article
{
	font-size:150%;
	text-align:center;
	color:#0d5486;
}

.texte
{
	text-align: justify;
}

p.spip { text-align: justify; }