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;
  z-index:100;
}

/* @group TOP */

div#top {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	width: 960px;
  position:relative;
  z-index:5;
}

div#top #logo {
}

div#top #option {
	
}

div#top #option div.formulaire_recherche{
  position:absolute;
  right:0px;
  top:0px;
  background:url(images/bg_search.png) no-repeat 0 0;
  width:241px;
  height:39px;
  padding:10px;
  margin-top:-10px;
}

div#top #option div.formulaire_recherche label{
  display:none;
}

div#top #option div.formulaire_recherche input#recherche{
  background:url(images/bg_input.png) no-repeat 0 0;
  width:231px;
  height:23px;
  border:none;
  padding:5px;
  color:#afafaf;
}

div#top #option div#sidentifier{
  position:absolute;
  right:0px;
  top:60px;
}

div#top #option div#sidentifier img{
  display:none;
}

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;
  text-decoration:underline;
}

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;
  display:none;
}

/*img top*/

#top{
  background:url(images/img_top.png) no-repeat bottom right;
  padding-bottom:40px;
}

/* @end */

/* @group POP */

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

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;
  position:relative;
  z-index:1;
  margin-top:-4px;
}

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 */

.interieurGauche{
  float:left;
  background:none !important;
}

.interieurMilieu .notes{
  position:relative !important;
}

div.page {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	padding-bottom: 20px;
  position:relative;
  z-index:1;
}

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

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

div.rubrique .contenu .notes{
  position:relative !important;
}

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

div.page a.texte {
	color: #000;
  font-size:0.9em;
  line-height:1.4em;
}

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

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%;
  position:absolute;
  bottom:0px;
}

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;*/
	background: #6A9DBC 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 */

#containerCol{
  float:left;
  border-right:1px solid #ccc;
}

div.page .colonneGauche {
	/*float: left;*/
	border: 0 solid #ccc;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	width: 700px;
  background:#f4f4f4;
  margin:0 0 15px 0;
}

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

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

div.page .colonneGauche #premier .notes{
	position:relative !important;
  margin:0px;
  width:690px;
}

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

div.page .colonneGauche #premier .texte{
  display:block;
  padding:10px;
}

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 */

.art_unique{
  width:330px;
  height:315px;
  float:left;
  margin:0 0px 0px 0;
  padding:0 10px 0 0;
  margin:0 5px 0 0;
  position:relative;
}

.art_unique h3{
  height:53px;
  overflow:hidden;
} 

.art_unique h3 a{
  font-size:0.9em;
}

.art_unique .texte br{
  display:none;
}

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

div.page .colonneMilieu .contenu {
  height:auto;
  overflow:hidden;
}

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

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

/* @group MILIEU PAGE */

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

div.page .interieurMilieu .contenu{
 padding:0 10px 0 8px;
}


/* @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 .notes{
  position:relative !important;
  bottom:inherit;
}

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; }

/*Zone pub Flash*/

#flash{
  width:100%;
  text-align:center;
  border:1px solid #ccc;
  padding:15px 0;
  background:#fff;
  margin:10px 0 0 0;
}



/* @end */