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

a, a:link, a:visited
{
	text-decoration: none;
	color: #0A74A6;
}

a:hover
{
	text-decoration: underline;
	color: #0A74A6;
}

a.spip_out,
a.spip_in,
a.spip_url,
a.spip_glossaire { color: #0A74A6; }

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

body {
	font-family: "Georgia", "Lucida Grande", "Lucida Sans", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
	font-size: 85%;
	line-height: 1;	/* background-image - voir/see : 'alter.css' */
}

#page
{
	text-align: justify; /* pour annuler l'heritage de text-align:center de BODY */
	width: 100%; /* ou 100% pour largeur fluide pleine largeur */
	position: relative;
}

#entete			/* voir (../inc/inc-bandeau.html) */
{
	position: relative;	/* background-image - voir/see : 'alter.css' */
}


#navigation			/* (inc/inc-menu.html) */ {

	font-family: Arial, Helvetica, sans-serif;
}

#menu-principal-resume {display:none}

#bloc-contenu
{
	border: solid 5px #DEDEDE;
	width:	62%; /* ou 100% pour largeur fluide pleine largeur */
	z-index: 20;
}

#bloc-contenu-sommaire
{
	border: solid 5px #DEDEDE;
	width:	79%; /* ou 100% pour largeur fluide pleine largeur */
	z-index: 20;
}

#bloc-2
{
	margin-left: 155px;
	margin-right: 4px;
	
}

#bloc-video
{
	border: solid 5px #DEDEDE;
	width:	350px;
	position: relative;
	height: 330px;
	text-align: center;
	float: left;
	font-size: 110%;
	font-weight: bold;
	color: #0072bc;
	line-height: 2em;
	background-color: #FFFFFF;
	display : inline;
}

#espace_video {
	position:relative;
	width:350px;
	height:330px;
	z-index:1;
	display : inline;
}

#bloc-revons
{
	border: solid 5px #DEDEDE;
	width:	368px; /* ou 100% pour largeur fluide pleine largeur */
	z-index: 30;
	height: 330px;
	text-align: center;
	float: right;
	font-size: 110%;
	font-weight: bold;
	color: #0072bc;
	line-height: 2em;
	background-color: #0e1855;
	clear: right;
}

#bloc-3
{
	margin-left: 155px;
	margin-top: 5px;
	margin-right: 4px;
	height: 230px;
}

#bloc-questions
{
	border: solid 5px #DEDEDE;
	width:	717px; /* ou 100% pour largeur fluide pleine largeur */
	z-index: 30;
	position: relative;
	text-align: center;
	float: left;
	padding-left: 10px;
	margin-top: 5px;
	padding-top: 0px;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 2em;
	vertical-align: top;
	background-color: #0072bc;
	margin-left: 0px;
    display : inline;
}


#bloc-sondage
{
	border: solid 5px #DEDEDE;
	width:	362px; /* ou 100% pour largeur fluide pleine largeur */
	z-index: 40;
	left: 500px;
	text-align: center;
	float: right;
	height: 210px;
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 2em;
	background-color: #0072bc;
}

#encart
{
}

#bas			/* (inc/inc-bas.html) */
{
	padding-left: 120px;
}


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

#entete a.nom-site, 
#entete a.nom-site:link,  
#entete a.nom-site:visited
{
	font-family: Arial, Helvetica, sans-serif;
	
		/* background-image - voir/see : 'alter.css' */
}





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



/* ------------------------------------------------------------------
 	5. NAVIGATION et MENUS
 -------------------------------------------------------------------- */
/* COULEURS des menus */


/* text : color */



/* background */
.menu ul li a,
.menu ul li b 				{ background-color: #0072bc; }


.menu ul li a:hover,
.menu ul li li a:hover { background-color: #7fa32f; }
.menu ul li li a.lienon 	{ background-color: #ffd; }



/* TYPO et ESPACEMENT des menus */



/*  ANNONCE dans #encart */

#menu-principal {
	
	margin-left: 265px;

	width:780px;
}
 

#menu-principal ul li 
{ float: left; }

/* #menu-recherche {  position: absolute; top: 185px; width: 148px;} */
#menu-recherche { width: 200px; }



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


/* L'information de date et auteur au dessus de l'article */



/* -------------------------------------------------------
 	7. GENERAL
 ------------------------------------------------------- */


/* mot recherche dans page resultats de recherche */



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


.edito h3 {

	background-color: #7fa32f;

	/* background-image - voir/see : 'alter.css' */
}

.edito h3 a, 
.edito h3 a:link, 
.edito h3 a:visited,
.edito h3 a:hover {
	color: white;
	font-size: 90%;
}

.edito .chapo { margin-top: 0; background-color: #eee;}

.edito .suite { text-align: right; }

h3.descriptif-site {display:none}


/* -------------------------------------------------------
 9. PETITION
------------------------------------------------------- */





/* -------------------------------------------------------
 	10. FORUM
 ------------------------------------------------------- */




/* -------------------------------------------------------
 11. FORMULAIRE (PETITION, INSCRIPTION, FORUM)
------------------------------------------------------- */



/* -------------------------------------------------------
 	12. ADMIN, LOGIN, BOUTONS ADMIN
 ------------------------------------------------------- */


/* -------------------------------------------------------
 	13. STYLE DÉSACTIVÉ
 ------------------------------------------------------- */



/* -------------------------------------------------------
 	14. FORMATS DE TEXTE
 ------------------------------------------------------- */



/* -------------------------------------------------------
 	15. PLAN DE SITE
 ------------------------------------------------------- */

#plan
{
	margin: 0px;
	padding: 0px;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
}



/* -------------------------------------------------------
 	16. FORUM
 ------------------------------------------------------- */




/* -------------------------------------------------------
 	17. FORMULAIRES
 ------------------------------------------------------- */



/* -------------------------------------------------------
 	18. AUTRES ELEMENTS PRODUITS PAR SPIP
 ------------------------------------------------------- */



/*------------------------------------------------
	19. AGENDA
 ------------------------------------------------*/


 
/*------------------------------------------------
	20. PAGINATION
 ------------------------------------------------*/


/*------------------------------------------------
	21. SOMMAIRE ARTICLE - PLAN
		MODELES (voir : /alternatives/modeles)
 ------------------------------------------------*/

/* PAGE ACCUEIL
-----------------------------------------------------------------*/



#bloc-contenu-sommaire2
{
	margin: 10px 0 0 155px;
	z-index: 20;
}


.boite {}
.marges {padding: 5px;overflow: hidden; border: 5px solid #DEDEDE;}
.colgauche {float: left;}
.coldroite {float: right;}
.coldroite h4 {color: #0F76BB; font-weight: bold; margin: 0 0 3px 0; font-size: 16px;}
.coldroite .date {margin-bottom: 7px; font-size: 11px;}
.coldroite .intro {}

#candidats {color: #333; margin-bottom: 5px; overflow: hidden;}
#candidats .marges {padding-bottom: 10px;}
#candidats h2 {color: #0F76BB; font-weight: bold; margin-bottom: 20px; font-size: 16px;}

#candidats div.candidat {float: left; width:75px; text-align: center; margin-top: 61px; }
#candidats div#candidat41 {width:120px; margin-top: 0;}
#candidats div.candidat a {color: #666;font-size: 11px; line-height: 15px;letter-spacing:-1px}
#candidats div.candidat span {display: block;}
#candidats div.candidat span.binette {}
#candidats div.candidat span.binette img.spip_logos {margin: 0; padding: 0; margin-bottom: 5px;border: 1px solid #DEDEDE;}
#candidats div.candidat span.nom  {font-weight: bold; }
#candidats div.candidat span.district  { }

#laune h3 {color: #FFF; background: #80B73A; padding: 5px; margin: 0 0 5px 0;}
#laune .colgauche {width: 450px;}
#laune .colgauche img.spip_logos {margin: 0; padding: 0; margin-bottom: 5px;}
#laune .coldroite {width: 260px; text-align: left;line-height: 18px;}

#actualites {overflow: auto;}
#actualites h3 {color: #FFF; background: #80B73A; padding: 5px; margin: 5px 0;}
#actualites .boite {width: 367px; float: left; margin: 0 8px 8px 0;}
#actualites .boite.droite {margin-right: 0;}
#actualites .boite .marges {padding: 8px;}
#actualites .colgauche {width: 175px;}
#actualites .colgauche  img.spip_logos {margin: 0; padding: 0;}
#actualites .coldroite {width: 150px; text-align: left;line-height: 18px;}
#actualites .coldroite  a, a.suite {color:#BE1E2D; text-transform: uppercase; font-size: 11px;}
body.v2 #bloc-3
{
	margin-left: 155px;
	margin-top: 5px;
	margin-right: 0;
	height: 230px;
}
.clear {clear: both; height: 1px; line-height: 1px;}


/* LIENS BANDEAUX
-----------------------------------------------------------------*/
#entete {position: relative;}
#entete a.lien {position: absolute; display: block; width: 88px; left:537px;}
#entete a.lien span {display: none;}
a#lien-blogue {height:84px; top:15px;}
a#lien-facebook {height:25px;top:130px; }