body {
	margin: 10px 0 0;
	font: 85% Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	color: #000;
}

a, 
a:visited {
	color: #6A9DBC;
	text-decoration: none;
}

img {
	border-style: none;
}

a#nouveauSite {
	position: fixed;
	right: 0;
	bottom: 0;
	display: block;
	height: 100px;
	width: 100px;
	background: url(images/nouveau-site.png) no-repeat right;
	text-indent: -999em;
	text-decoration: none;
}

/* @group TOP */

div#top {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 8px;
	width: 960px;
}

div#top #logo {
}

div#top #option {
	right: 4%;
	float: right;
}

div#top #option input {
	float: left;
}

div#top #option input.champRecherche,
div.page .colonneMilieu input.champRecherche {
	background: url(images/bgFormRecherche.png) no-repeat;
	width: 132px;
	height: 26px;
	border-style: none;
	margin-top: 1px;
	padding: 6px 5px 5px 6px;
	color: #a5a5a5;
	font-family: Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
}

div#top #option #sidentifier {
	text-align: right;
}

div#top #option #sidentifier i {
	font-size: 0.9em;
	font-style: italic;
}

div#top #option #sidentifier a,
div#top #option #sidentifier a:visited {
	color: #4a9eb6;
}

div#top #option #sidentifier a:hover {
	color: #22697c;
}

div#top #option #sidentifier img {
	vertical-align: middle;
}

div#top #adresse {
	z-index: 4;
	margin-top: -25px;
	position: absolute;
	margin-left: 275px;
	color: #189256;
	font-weight: bold;
}



/* @end */

/* @group POP */

div#pop {
	position: absolute;
	text-align: center;
	color: #fff;
	top: 10px;
	margin-top: 240px;
	margin-left: 500px;
	z-index: 10;
}

div#pop img {
	position: absolute;
}

div#pop img.spip_logos {
	padding: 0;
	margin-top: 30px;
	margin-left: 19px;
	z-index: 100;
	position: absolute;
}

div#pop img#fermerPopUp {
	position: absolute;
	padding: 0;
	z-index: 30;
	margin: 9px 0 0 402px;
}



/* @end */

/* @group MENU */

div#menu {
	text-align: center;
	text-transform: uppercase;
	font: bold 1.13em arial;
}

div#menu ul {
	margin: 0;
	padding-top: 7px;
	padding-bottom: 7px;
	background: url(images/bgMenu.jpg) repeat-x 0 top;
}

div#menu ul li {
	border-left: 1px solid #fff;
	padding: 7px 5px 7px 9px;
	display: inline;
	margin-right: 0;
}

div#menu ul li.accueil {
	border-left-width: 0;
}

div#menu ul li.on {
	background-color: #5587A9;
}

/* ### pour supprimer marge visible ### */

div#menu ul li.onAccueil {
	background-color: #5587A9;
	border-left-width: 0;
	margin-right: -5px;
}

div#menu ul li.on a:hover {
	color: #fff;
}

div#menu ul li.fin {
	border-right: 1px solid #fff;
}

div#menu a,
div#menu a:visited {
	color: #fff;
	text-decoration: none;
}

div#menu a:hover {
	color: #e0f0fb;
}



/* @end */

/* @group PAGE */

div.page {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	padding-bottom: 20px;
}

div.sommaire
 {
	background: url(images/bgPage.png) repeat-y 344px;
}

div.rubrique,
div.article {
	background: url(images/bgPageArticle.png) repeat-y 513px;
}

body.page_rubrique table {
	font-size: 1em;
}

div.page a.texte {
	color: #000;
	line-height: 1.2em;
}

div.page a.texte:hover {
	text-decoration: underline;
}

div.page .notes {
	padding: 5px;
	font-size: 0.85em;
	margin-top: 5px;
	margin-bottom: 20px;
	background: url(images/bgNotes.jpg) repeat-x 0 bottom;
	color: #7f7f7f;
	float: left;
	width: 97%;
}

div.page .notes span.date {
	float: left;
}

div.page .notes span.reactions {
	float: right;
	font-weight: bold;
}

div.page .notes img {
	float: none;
	margin: 0 3px 0 0;
	vertical-align: middle;
}

div.page .notes a,
div.page .notes a:visited {
	text-decoration: none;
	color: #676767;
}

div.page .notes a:hover {
	text-decoration: none;
	color: #232323;
}

div.page a:hover {
	color: #000;
}

div.page img {
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
}

div.page img.centrer {
	float: none;
}

div.page span.legendePhoto {
	color: #7f7f7f;
	font-size: 0.85em;
}

div.page h2 {
	margin: 0 0 10px;
	font-size: 1.1em;
	padding: 13px 5px;
}

div.page h2.actu {
	color: #fff;
	background: #007e0c right;
}

div.page h2.actu02 {
	background-color: #38ad44;
	color: #fff;
}

div.page h2.uspo {
	color: #fff;
	background-color: #e8a304;
}

div.page h2.infos {
	background-color: #b2b2b2;
	color: #fff;
}

div.page h2.recherche {
	background-color: #7bb2af;
	color: #fff;
}

div.page h3 {
	font-family: "trebuchet MS";
	margin: 5px 0;
	line-height: 1.1em;
}

div.page h3.spip {
	text-align: left;
}

div.page h4 {
	font-family: "trebuchet MS";
	margin: 5px 0;
}

div.page h4 i {
	font-weight: normal;
	font-style: normal;
	font-size: 0.9em;
	color: #676767;
}

div.page h3.actu a,
div.page h3.actu a:visited {
	color: #007f0d;
	text-decoration: none;
}

div.page h3.uspo a,
div.page h3.uspo a:visited {
	color: #d19303;
	text-decoration: none;
}

div.page h3 a:hover {
	text-decoration: underline;
}

div.page .separation {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	margin-bottom: 10px;
}

div.page a.spip_out {
	color: #3f7db2;
}

div.page span.attention {
	color: #bd1200;
	font-weight: bold;
}

/* ### affichage couleur fond selon ID rubrique */

div.page h2.titre14 {
	background-color: #007e0c;
	color: #fff;
}

div.page h2.titre2 {
	background-color: #e8a304;
	color: #fff;
}

div.page h2.titre3,
div.page h2.titre6,
div.page h2.titre52,
div.page h2.titre211,
div.page h2.titre212,
div.page h2.titre213,
div.page h2.titre72 {
	background-color: #607d99;
	color: #fff;
}

/* ### DOCS JOINTS */

div.page .colonneGauche #premier .contenu div#documents_joints ul {
	background-color: #fbf9e2;
	padding: 10px 10px 10px 40px;
	border: 1px solid #cbcbcb;
	border-right-width: 0;
	border-left-width: 0;
	font-size: 1.1em;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/* @group FIL-ARIANE */

div.page #filAriane {
	padding: 7px 5px;
	font-size: 0.95em;
	color: #819986;
	background-color: #fff;
}

div.page #filAriane a,
div.page #filAriane a:visited {
	color: #819986;
	text-decoration: none;
}

div.page #filAriane a:hover {
	text-decoration: underline;
}



/* @end */

/* @group GAUCHE */

div.page .colonneGauche {
	float: left;
	border: 0 solid #ccc;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	width: 365px;
}

div.page .colonneGauche .contenu {
	margin-right: 15px;
}

div.page .colonneGauche .contenu span.spip_documents {
	width: 100%;
}

div.page .colonneGauche #premier {
	
}

div.page .colonneGauche #premier h3 {
	font-size: 1.3em;
}

div.page .colonneGauche h4.mois {
	padding: 5px 5px 5px 15px;
	background: url(images/bgMois.jpg) repeat-y -150px;
	color: #575757;
	font-weight: bold;
	font-style: italic;
	text-transform: capitalize;
	text-align: left;
	margin-bottom: 10px;
}

div.page .colonneGauche span.categorie {
	color: #7f7f7f;
	font: normal 0.7em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

div.page .colonneGauche div.numeroCirculaire {
	float: left;
	margin-right: 5px;
	margin-top: 0;
	color: #aeaa3b;
	margin-bottom: 10px;
	background: url(images/bgNumero.png) no-repeat left top;
	border-color: #cbcbcb;
	border-width: 1px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding: 8px;
	font-weight: bold;
}

div.page .colonneGauche div.numeroDepartement {
	float: left;
	margin-right: 5px;
	margin-top: -5px;
	color: #aeaa3b;
	margin-bottom: 10px;
	background: url(images/bgNumero.png) no-repeat left top;
	border-color: #cbcbcb;
	border-width: 1px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding: 8px;
	font-weight: bold;
}

div.page .colonneGauche .left {
	float: left;
}

/* @group GAUCHE PAGE */

div.page .interieurGauche {
	width: 525px;
}



/* @end */



/* @end */

/* @group MILIEU */

div.page .colonneMilieu {
	float: left;
	border: 0 solid #ccc;
	border-bottom-width: 0;
	width: 336px;
}

div.page .colonneMilieu .contenu {
	margin-right: 15px;
	margin-left: 10px;
}

/* cale pour que les bords du div soient visibles */

div.page .colonneMilieu .cale {
	height: 400px;
}

/* @group MILIEU PAGE */

div.page .interieurMilieu {
	width: 24%;
}



/* @end */


/* @end */

/* @group DROITE */

div.page .colonneDroite {
	border: 0 solid #ccc;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	float: left;
	width: 259px;
}

div.page .colonneDroite .contenu {
	margin-left: 10px;
	margin-right: 0;
}

div.page .colonneDroite h3 a,
div.page .colonneDroite h3 a:visited {
	color: #676767;
	text-decoration: none;
}

div.page .colonneDroite h3 a:hover {
	text-decoration: underline;
}

div.page .colonneDroite ul#circulaires {
	margin: 0 0 10px;
	padding: 0;
	list-style-type: none;
	font-size: 0.85em;
}

div.page .colonneDroite ul#circulaires li {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-position: 0 3px;
	background-repeat: no-repeat;
}

div.page .colonneDroite ul#circulaires li.dernier {
	border-bottom-style: none;
}

div.page .colonneDroite ul#circulaires a:hover {
	text-decoration: none;
	color: #000;
}

div.page .colonneDroite ul.outilsLigne {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 1.3em;
}

div.page .colonneDroite ul.outilsLigne li {
	background: url(images/puce02.png) no-repeat 0 2px;
	padding-left: 18px;
}

div.page .colonneDroite ul.outilsLigne a,
div.page .colonneDroite ul.outilsLigne a:visited {
	color: #65767e;
}

div.page .colonneDroite ul.sansRetrait {
	margin: 0;
	padding: 0;
}

div.page .colonneDroite ul.sansRetrait li {
	padding: 0;
	list-style-type: none;
	margin: 0;
}

/* @group DROITE PAGE */

div.page .interieurDroite {
	width: 20%;
}



/* @end */

/* @end */

/* @group ELEMENTS */

div.cleaner {
	clear: both;
}



/* @end */

/* @group FOOTER */

div#footer {
	text-align: center;
	padding: 15px 10px 30px;
	font-size: 0.9em;
	border-top: 2px solid #ccc;
	background: #F8F8F8 url(images/bgFooter.jpg) repeat-x 0 -15px;
	line-height: 1.4em;
}

div#footer a,
div#footer a:visited {
	color: #727272;
}

div#footer a:hover {
	color: #404040;
}



/* @end */



/* @end */

/* @group FORM */

div.page fieldset {
	border: 1px solid #cbcbcb;
	padding: 10px;
}

/* @group FORM-CONTACT */

form {
}

legend {
	display: none;
}

div.spip_forms {
	border-left-style: none;
	margin-top: 0;
	margin-left: 0;
}

div.spip_forms fieldset {
	border-style: none;
	margin: 0;
	padding: 0;
}

div.spip_forms div.spip_bouton input {
	cursor:pointer;
	color: #4e6f88;
	font: normal bold .9em Arial, Helvetica, Verdana, sans-serif;
	border-top-style: none;
	border-left-style: none;
	border-bottom: 1px solid #9fa7be;
	border-right: 1px solid #9fa7be;
	padding: 3px;
	width: auto;
	float: left;
	margin-top: 15px;
	background: url(../img/bgTitre.png) center center;
	text-transform: uppercase;
}

div.spip_forms .spip_form_champ {
	font-family: Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #485966;
}

div.spip_forms .formo {
	border-color: #6c92b1;
	font-size: 12px;
}

div.spip_forms .forml {
	border-color: #6c92b1;
	font-size: 12px;
	background-color: #fff;
}

div.spip_forms textarea {
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

div.spip_forms p.spip_form_ok {
	background-color: white;
	color: gray;
}

/* ##### FOCUS ##### */

.spip_forms form div fieldset .spip_form_champ input.forml-focus {
	background-color: #fffeeb;
	font: 1em Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	border-color: #6c92b1;
}
 
.spip_forms form div fieldset .spip_form_champ input.formo-focus {
	background-color: #fff;
	font: 1em Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	border-color: #6c92b1;
}



/* @end */

/* @group FORM-LOGIN */

form#login_admin fieldset {
	border-style: none;
}



/* @end */

/* @end */

/* @group COMMENTAIRES */

ul.forum {
	padding-left: 0;
}

ul.forum ul {
	padding-left: 10px;
}

p.forum-repondre-message {
	font-size: 0.85em;
}

div.forum-message {
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
	background-color: #f2f2f2;
	padding: 5px;
}

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* @end */