/* Eléments principaux
------------------------------------------------- */

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	cursor: default;
	color: #333333;
	background-color: #FFFFFF
}
* {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
html {
	height: 100%;
	margin-bottom: 1px;
}
#page {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #FFFFFF;
	color: #333333;
}
#entete {
	width: 100%;
	padding-top: 15px;
	border-bottom: solid 1px #CCCCCC;
}
.spacer {
	width: 100%;
	height: 15px;
}
.recherche {
	float: right;
	height: 15px;
}
hr {
	border: 0px;
	color: #CCCCCC;
	background-color: #CDCDCD;
	height: 1px;
	width: 100%;
	text-align: left;
}
h1 {
	color: #000000;
	font-size: 20px;
	background-color: #F9F9F9;
	border-width: 1px;
	border-color: #AAAAAA;
	border-style: solid;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
	font-weight: 300;
	padding: 5px;
}
h2 {
	font-size: 20px;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: 300;
	background-color: #FFFFFF;
}
h3 {
	color: #000000;
	font-size: 15px;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	font-weight: 300;
	padding: 5px;
}
h4 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 15px;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	font-weight: 300;
}
hr.spip {
	border: 0px;
	color: #CCCCCC;
	background-color: #CDCDCD;
	height: 1px;
	width: 100%;
	text-align: left;
}
.titre_haut {
	margin-top: 15px;
}
#gauche {
	float: left;
	width: 200px;
	background-color: #FFFFFF;
}
#navigation {
	float: left;
	width:180px;
	line-height: 1.5;
}
#navigation p {
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: right;
	margin-right: 10px;
}
#navigation ul {
	list-style: none;
	text-align: right;
	background-color: #FFFFFF;
}
#navigation li {
	list-style: none;
	text-align: right;
	background-color: #FFFFFF;
}
#navigation a {
	text-decoration: none;
	font-size: 14px;
	background-color: #FFFFFF;
}
#agenda {
	float: left;
	width:180px;
	padding-top: 20px;
}
#agenda h3 {
	color: #333333;
	font-size: 15px;
	background-color: #F9F9F9;
	border-width: 1px;
	border-color: #AAAAAA;
	border-style: solid;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	font-weight: 300;
	padding: 5px;
}
.news {
	color: #333333;
	font-size:10px;
	border-bottom: 1px;
	border-left: 1px;
	border-right: 1px;
	border-top:0px;
	border-style:solid;
	border-color:#AAAAAA;
	background-color:#FFFFFF;
	line-height:15px;
	padding:5px 0 5px 5px;
}
.news ul { 
	list-style: none;
	text-align: left;
	background-color: #FFFFFF; 
}
.news ul li { 
	list-style: none;
	text-align: left;
	padding-left: 2px;
	padding-right: 5px;
	background-color: #FFFFFF;
}
.news p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#nuage_synavi {
	float: left;
	width:180px;
	margin-top: 20px;
	text-align: right;
}
#principal {
	float: left;
	width: 549px;
	color: #333333;
	padding-bottom: 20px;
	padding-top: 10px;
	border-left: #CCCCCC solid 1px;
}
#principalcontenu h3 {
	color: #333333;
	font-size: 15px;
	background-color: #F9F9F9;
	border-width: 1px;
	border-color: #AAAAAA;
	border-style: solid;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
	font-weight: 300;
	padding: 5px;
}
#principalcontenu p {
	margin-top: 1em;
	margin-bottom: 1em;
}
#pied {
	clear: both;
	width: 750px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 0px;
}
#pied a {
	color: #AAAAAA;
	background-color: #FFFFFF;
	text-decoration: none;
}
.droite {
	background-color: #FFFFFF;
	float: right;
	font-size: 100%;
	text-align: right;
	margin-top: 5px;
}
.gauche {
	background-color: #FFFFFF;
	float: left;
	font-size: 100%;
	margin-top: 5px;
}


/* Eléments ponctuels
-----------------------------------------------------  */
.boite {
	background-color: #FFFFFF;
	border-bottom: 1px;
	border-left: 1px;
	border-right: 1px;
	border-top: 0px;
	border-style: solid;
	border-color: #AAAAAA;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 15px;
	line-height: 20px;
	padding: 20px;
}
.boiteflottante {
	float: left;
	background-color: #FFFFFF;
	border-bottom: 1px;
	border-left: 1px;
	border-right: 1px;
	border-top: 1px;
	border-style: solid;
	border-color: #AAAAAA;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 15px;
	line-height: 15px;
	padding: 10px;
	width: 39.8%;
}
.boitecomplete {
	background-color: #FFFFFF;
	border-bottom: 1px;
	border-left: 1px;
	border-right: 1px;
	border-top: 1px;
	border-style: solid;
	border-color: #AAAAAA;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 15px;
	line-height: 20px;
	padding: 20px;
}
.recents {
	background-color: #FFFFFF;
	border-bottom: 1px;
	border-left: 1px;
	border-right: 1px;
	border-top: 1px;
	border-style: solid;
	border-color: #AAAAAA;
	margin-left: 160px;
	margin-right: 5px;
	line-height: 15px;
	padding: 5px;
	font-size:9px;
}
.adroite {
	float: right;
	text-align: right;
}
.agauche {
	float: left;
	text-align: left;
}

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


/* Style des menus
----------------------------------------------- */
.rubriques ul { border: 0; list-style-type: none; line-height:1.5em; }
.rubriques ul li { background: #FFFFFF; border: 0; }


/* Habillage des publications 
----------------------------------------------- */
#hierarchie { float: left; margin-left: 20px; margin-right: 20px; margin-top: 10px; font-size: 10px; }
#hierarchie, #hierarchie a { color: #666666; }

.cartouche { clear: both; margin-left: 0px; margin-right: 0px; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

.date_publication { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color:#333333; }
.sujet { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color:#333333;}
.sujet a { color: #990033; text-decoration: none; }
.sujet a:focus,a:hover,a:active { color: #FF0000; text-decoration: none; }
.auteur { text-align: right; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color:#333333; }
.lien_bas { font-size: 10px; margin-left: 40px; margin-top: 10px; margin-right: 20px; }
.lien_bas a { color: #999999; text-decoration: none; }
.lien_bas a:focus,a:hover,a:active { color: #666666; text-decoration: none; }
.docs { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color:#333333; vertical-align:top;}

ul.spip { list-style: square; padding-left: 5px; }
ul.spip li { list-style: square; padding-left: 5px; }
ol.spip { list-style: decimal; }

a.spip_mail { color: #999999; }
a.spip_mail:before { content: attr(x); } /* liens vers un email */

.news a { color: #333333; }
.news a:focus,a:hover,a:active { color: #666666; text-decoration: none; }

.boite_agenda a { color: #000000; }

.sujet_reg { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color:#333333;}
.sujet_reg a { color: #FF9900; text-decoration: none; } 
.sujet_reg a:focus,a:hover,a:active { color: #FF0000; text-decoration: none; }

.occupe { color: #FF9900; border: solid 1px #FF9900; }


/* Régions 
----------------------------------------------- */
#page_regionale {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #FFFFFF;
	color: #333333;
}
.titre_rubregionale {
	vertical-align: bottom;
}
.titre_rubregionale h3 {
	color: #000000;
	font-size: 20px;
	text-align: right;
	margin-left: 20px;
	margin-right: 20px;
	font-weight: 300;
	padding: 5px;
}